/*
font-family: 'Montserrat', sans-serif;
*/
body{ margin:0; padding:0; font-family: 'Montserrat', sans-serif;}

.container{ max-width:1280px; width:100%;}
.no-padding{ padding:0;}

.header-bar{ position:absolute; width:100%;}
.navbar{z-index:9;}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 500;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: white;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.section{ padding:50px 0;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0099FF;
}

.top-bar{position:relative;z-index:5;color: #7f8992;/* border-bottom:1px solid #94725145 */}
.top-bar ul li{display:inline-block;font-weight: 500;font-size:12px;padding:10px 15px 0 0;color: #848484;}
.top-bar ul li>i{color: #7f8992 !important;margin-right:5px;font-size: 14px;}
.top-bar p{color: #7f8992 !important;font-size: 12px; padding:5px;}

.social-bar{ display:inline-block}
.social-bar ul>li{ padding:0 10px 0 0 }
.social-bar ul li a{ font-size:26px; color:#947251; display:inline-block;}

.book-btn{ background:#FFFFFF; padding:15px 35px; text-align:center; font-size:14px !important; text-transform:uppercase;  font-weight:600; color:#333333; }
.book-btn:hover{ background:#947251;color:#FFFFFF; text-decoration:none;} 

.slider-header{ position:relative;}

.abt-bar{ padding: 22px 0; z-index: 9;   position: relative;}
.abt-bar h3{font-size:36px; font-weight:200; padding:0 0 25px; position:relative;}
.abt-bar h3:after{ position:absolute; content:''; background:#cd8109; height:2px; width:100px; left:0; bottom:0;}
.abt-bar h2{padding:5px 0 25px; font-size:52px; text-transform:uppercase; font-weight:bold; color:#b58a60;}
.abt-bar p{}
.abt-bar a{font-size:16px; font-weight:600; text-transform:uppercase; margin:25px 0 ;  display:inline-block; color:#333333; text-decoration:none;}
.abt-bar a i{padding:0 15px;}
.abt-pic{padding:15px;position:relative;z-index:999;margin: 0 0 35px; text-align: center;}
.abt-bar span {
    font-size: 22px;
    padding: 15px 0;
    display: block;
    font-weight: 600; margin:15px 0;
}

.abt-bar span strong{
    font-weight: 800; color:#cd8109;
}

.slide .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #0b1822;
}

.d-block.w-100{ opacity:0.1; height:100%; object-fit:cover;}

.carousel-caption{
    position: absolute;
    left: 30%;
    top: 57%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 48%;
    height: auto;
    z-index: 999;
    margin:  0;
    text-align:  left;
}

.carousel-caption p {
    padding: 5px 15px;
    font-size: 15px;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 300;
    background: red;
    display: inline-block;
    max-width: 280px;
    width: 100%;
    border-right: 4px solid #fff;
}

.carousel-caption h5{
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -2px;
    margin-top: 10px;
    font-weight: bold;
    text-transform:uppercase;
 }
 
 .slide2 .carousel-caption h5{
    font-size: 1.6rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    margin-top: 0px;
    font-weight: bold;
    text-transform:uppercase;
 }
.carousel-caption a { display:inline-block; padding:10px 15px; border:1px solid #4d6476b5; font-size:14px; text-transform:uppercase; color:#FFFFFF; margin:15px 0; text-decoration:none; font-weight:600; position:relative;}
.carousel-caption a:after{ content:''; background:#4d6476; position:absolute; bottom:0; width:100%; height:0;  left:0; z-index:-1; }
.carousel-caption a:hover:after{ height:100%;}

.carousel:after{ content:''; position:absolute; bottom:0; width:100%; height:90px; left:0; right:0; margin:0 auto; background:url(../img/border-design.png) no-repeat;}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 100px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-item { height: 720px;}
.slide2 .carousel-item { height: 520px;}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
}

.carousel-indicators .active {
    background-color: #ef3d3d;
}


.carousel-caption img {
    position: absolute;
    top: 0;
    right: -70%;
}


a,div,h3,input,label,li,ul,ol,h1,h2,h3,h4,h5,img{-webkit-transition: all 0.3s; transition: all 0.3s; }

#about-sec {background: #f7f7f7;padding: 0px 0 5px;position:relative;  overflow: hidden;}

#about-sec:after{content:'';position:absolute;left:0;top: 35%;background: url(../img/img.gif) no-repeat;opacity: 0.1;z-index: 0;width: 450px;height: 380px;margin: 0 0 0 -160px;background-size: cover;} 
#about-sec.abt_page:before{content:''; background:none;} 
#about-sec:before {
    content: '';
    position: absolute;
    bottom: -87px;
    width: 100%;
    height: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../img/border-design2.png) no-repeat;
}

/*----- Icon Bar  --- */

.fac-points{padding: 0px 0;}
.fac-points .title h3{ color:#FFFFFF;}
.icon-box{background: #e8e8e896;margin: 0;padding: 35px 0px;/* display: inline-block; */border: 2px solid #fff;-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.23);position: relative;z-index: 1;}
.icon-b{position:relative;padding: 0;margin: 0 0 25px;text-align: center;width:  100%;}
.icon-box h3 {
    font-size: 22px;  color:#666666; text-transform:uppercase; 
    font-weight: 800; padding: 0 10px;
}



.title{ padding: 40px 0 30px; text-align:center;}
.title h3{ font-size:32px; color:#fff; padding:0 0 15px; font-weight:700; position:relative; text-transform:uppercase;}

.prod-bar{ background:url(../img/prod-bg.jpg) no-repeat center center; background-size:cover; padding:80px 0 ; position:relative; text-align:center}
.prod-bar:before {
    content: '';
    position: absolute;
    top:0;
    width: 100%;
    height: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../img/border-design2.png) no-repeat;
}

.prod-bar:after {
    content: '';
    position: absolute;
    bottom:0;
    width: 100%;
    height: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../img/border-design.png) no-repeat;
}
.prod-bar>a{ display:inline-block; color:#fff;  padding:10px 25px; margin:35px 0px; background:#000; text-transform:uppercase; font-weight:700; letter-spacing:2px; text-decoration:none;}
.prod-bar>a:hover{ color:#000;  background:#fff; }
.prod-box {
    overflow: hidden;
    position:  relative; margin: 15px 0; background:#fff; overflow:hidden; z-index: 2; height:280px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.58);
      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.58);
}

.prod-box:hover {
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.32);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.32);
}

.prod-box:hover .prod-b{ margin:0 0 0px;}
.prod-p {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
	height:100%;
}
.prod-p img{ width:100%; padding:20px;} 
.prod-box:hover .prod-p img{transform: scale(1.1);}
.prod-b{
    position: absolute;
    bottom: 0;
    /* z-index: 9; */
    width: 100%; 
    padding: 0 25px;
    margin: 0 0 -70px;
    }
.prod-name{font-size:18px; font-weight:700;color:#000;padding:25px; margin:0 -15px 15px;position:relative; text-transform:uppercase; text-align:center; position:absolute; bottom:0; left:0; right:0; background:#ffffff91; 
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
}

.abt_page .prod-name{font-size:14px; font-weight:700;color:#000;padding:25px; margin:0 -15px 15px;position:relative; text-transform:uppercase; text-align:center; position:absolute; bottom:0; left:0; right:0; background:#ffffff91; 
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
}

.prod-box:hover .prod-name{ bottom:50px;}

.prod-box:hover.prod-box:after{bottom: -157px;}
.prod-b a{background:#000000;font-size:14px; font-weight:600;color:#FFFFFF;display: block;padding:15px 35px; margin: 15px 0 0; text-align:center; text-transform:uppercase; text-decoration:none;	}

.prod-b a:hover{background:#d2a579; color:#000;}*/

.book-slog{ background:url(../img/boox-bg.jpg) no-repeat center center; background-size:cover; background-attachment: fixed;} 




.abt_page .prod-box {
    overflow: hidden; height:250px;
    position:  relative; margin: 15px 0; background:#fff; overflow:hidden; z-index: 2;;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.58);
      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.58);
}

.abt_page .prod-p {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
	height:100%; 
}
.abt_page .prod-p img{ width:100%; padding:30px 20px;  position: absolute;
    top: 5%;} 



/*   Testimonial    */

.testi-bar{ background:url(../img/client-bg.png) no-repeat  bottom center; background-size:cover; background-color: #f7f7f7;     padding: 0 0 40px;}

.testimonial-section2{
  /*height: 600px;*/
  position: relative;
  padding: 0;
}
.testimonial-section2 .title h3{ font-size:32px; color:#000; padding:0 0 15px; font-weight:700; position:relative; text-transform:uppercase;}
.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 0px 20px ;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
    cursor: pointer;
}

.testim .arrow:hover {
    color: #bd946b;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px; color:#fff; padding:0; margin:0 auto;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    margin: 15px 5px; background:#CCCCCC;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #999999;
    border-color: #fff; border:3px solid; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.58);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.58);
}

.testim .dots .dot.active {


	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.58);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.58);
}
    
.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;	
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div .h4 {
    color: #3e8a5f;
    font-size: 1.6em;
    margin: 5px 0; font-weight:700; text-transform:uppercase;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #000000;
    width: 90%;
    margin: auto; padding: 5px 0;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active .h4 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive .h4 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #adadad;        
        box-shadow: 0px 0px 10px 5px #adadad;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #adadad;        
        box-shadow: 0px 0px 0px 0px #adadad;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #adadad;        
        box-shadow: 0px 0px 10px 5px #adadad;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #adadad;        
        box-shadow: 0px 0px 0px 0px #adadad;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #adadad;        
        box-shadow: 0px 0px 10px 5px #adadad;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #adadad;        
        box-shadow: 0px 0px 0px 0px #adadad;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #adadad;        
        box-shadow: 0px 0px 10px 5px #adadad;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #adadad;        
        box-shadow: 0px 0px 0px 0px #adadad;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #adadad;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #adadad;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {

    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);

    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {

        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

/* Footer Section */
#prd-lk{ padding:30px 0; background: #a8cf45}
.prd-links{}
.prd-links ul{ margin:0; padding:0;}
.prd-links ul li{ list-style:none;}
.prd-links ul li a{ font-size:12px; color:#333333; font-weight:600; text-decoration:none;}
.prd-links ul li a:hover{ color:#fff;}
.footer-bar{ background:#262626; margin:0; padding:50px 0px 0px; }
.footer-link{ margin:0 0px 25px; padding:0; min-height:100px; }
.footer-link>a{ color:#e73737; font-weight:400; display:block;}
.footer-link>a:hover{ color:#333;}
.footer-link img{ }
.footer-link h3{ padding:0 0 15px; margin:0 0 10px; font-size:22px; color:#FFFFFF; text-transform:uppercase; font-weight:600; position:relative; }
.footer-link p{ margin:0px; padding:15px 0px; text-transform:uppercase; font-size:13px; color:#666; font-weight:bold;}
.footer-link ul{ margin:0; padding:0;}
.footer-link ul li{ margin:0 0 5px; padding:0; list-style:none;}
.footer-link ul li a{margin:0;padding:2px 0;text-decoration:none;color:#9e9e9e;letter-spacing:0.5px;font-size:12px;font-weight: 600;display:block;}
.footer-link ul li a:hover{color: #FFFFFF;}
.footer-link ul li a i{ font-weight:600; padding:0 10px 0 0;}

.cont-info{ margin:0; padding:0;}
.cont-info ul{ margin:0; padding:0;}
.cont-info ul li{ margin:0 0 10px; padding:0; list-style:none; color:#9e9e9e;}
.cont-info ul li a{margin:5px 0;padding:0px;text-decoration:none;font-size: 12px;}
.cont-info ul li a img{ display:inline-block; margin: -4px 0 0;}
.cont-info ul li a span{ margin:0; padding:0 0 0 5px; display:inline-block; }
.cont-info ul li a i {     color: #fff;
    font-size: 16px;
    margin-right: 3px;
    padding: 0;
    width: 16px;
}
.footer-logo img{  width:100%;}
.social-icon{padding: 0 015px ;}
.social-icon a{color:#9e9e9e;font-size:14px;text-decoration:none;margin: 0 0 10px;display: table;}
.social-icon a i{font-size:22px;margin-right:15px;position:  relative;top: 3px;}
.social-icon a:hover{ color:#FFFFFF; }
.footer-bot{ padding:5px 0; margin:10px 0 0; text-align:center; border-top:1px solid #333; font-size:14px; color:#6f6f6f;}
.footer-bot strong{ color:#947251;}
.powered{ color:#CCCCCC; font-size:11px; font-weight:400;}
.powered:hover{ color:#666; text-decoration:none; }




@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}

@media all and (max-width: 379px) {

.carousel-caption p {font-size: 15px;}
.carousel-caption { top: 53%;}
.carousel-caption h5 { font-size: 2.0rem; line-height: 2.5rem;}

}
@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }
  
  .testim .cont div p {
    line-height: 25px;

  }

}




@media screen and (max-width: 767px) {
.carousel-caption img {display:none}
.carousel-caption {  width: 60% !important; left:36%;}
}

      @media screen and (max-width: 991px) {
    
	  .navbar-collapse{
    width: 100%;
    background: #121a21  !important;
    margin: 0 -15px;
    padding: 15px;
    top: 10px;
    position: relative;
    z-index: 0;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #676767;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #eaeaea;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
}

.dropdown-item {  padding: .25rem 1.0rem;}
		  
		  }
		  
      @media screen and (max-width: 640px) {
	  	.navbar-brand img{max-width: 190px;}
		.slider-header:before { height: 200px;}
		.hero .tagline { padding: 32px 22px !important;}
		.top-bar ul{ text-align:center;}
		.social-bar {text-align:center;}
    	.social-bar >ul{display:inline-block;}
		.text-right{text-align:center !important;}
	  
	  
	  }
		
      @media screen and (max-width: 1100px) and (min-width: 992px) {
	  .navbar-light .navbar-nav .nav-link {  font-size: 11px;}
	  .carousel-caption img {top: 0% !important;right: -80% !important;max-width: 410px !important;}
      .carousel-caption { left: 31%;}
		 }  
		  
@media screen and (max-width: 991px) and (min-width: 768px) {
.icon-box {min-width: 160px !important;}
.icon-box h3 {font-size: 22px!important;}
.carousel-caption img {top: 10% !important;right: -70% !important;max-width: 290px;}
		
}
		
    
        @media screen and (max-width: 1199px) and (min-width: 1101px) {
			  .carousel-caption img {top: 0% !important;right: -80% !important;max-width: 440px !important;}
      .carousel-caption { left: 31%;}
		
           }
    
          @media screen and (max-width: 1199px) and (min-width: 992px) {
           
		   }
		   
		   
/*--------- About Page --------------*/

.abt-cont ul{ margin:0; padding: 0 0 0 15px;}
.abt-cont ul li{ font-size:14px; line-height:22px; padding-bottom:10px;}



.h-clnt_page {
    background-image: url(../img/gear.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 50px!important;
}
.clnt-b{ background:#ffffffc4; padding:20px; min-height:220px; margin-bottom:15px; position:relative; z-index:9;}  
.clnt-b h3{ font-size:16px; font-weight:600; position:relative;}
.clnt-b h3:after{ content:''; background:#333333; height:2px; width:40px; right:0; top:10px; position:absolute;}
.clnt-b p{font-size:13px; }

		   
/* Contact ------*/

.cont-detail{padding: 15px 0;margin: 0px;z-index:99;position:relative;}
.cont-detail ul{    padding: 30px 0;
    margin: 0px;}
	
.cont-detail ul li{border-bottom:1px solid #e7e7e7; color:#333; list-style:none; margin-bottom:15px; margin:0 60px 0 0; padding:0 15px 15px}
.jt-special span{ display:inline-block; vertical-align:top;}
.jt-special span i{ margin-right:10px;}
.jt-special span a{ color:#333333; text-decoration:none;}
.cont-detail ul li h4{color:#000;font-size:16px;text-transform:uppercase;padding: 15px 0 0px;font-weight: 600;}
	
.cont-detail ul li div{line-height:30px;}	




.page-cont{z-index: 9;  position: relative;}
.clear{ clear:both;}
.page-cont ul{}
.page-cont ul li{ list-style:none;}
.page-cont ul li span img{margin:0 10px 0 0}
.page-cont ul li span{ display:inline-block; vertical-align:top; padding:0; max-width: 95%;}
.page-cont ul li span h3{ font-size:22px; font-weight:700; text-transform:uppercase;}
.page-cont  ul.pagination {
    display: inline-block;
}
.page-cont ul li.page-item {
    display: inline-block;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    font-size: 12px;
    background-color: #3d3e3e;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-weight: 600;
}

.page-link:hover {
    z-index: 2;
    color: #333333;
    text-decoration: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link-active{    /* z-index: 2; */
      position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3d3e3e;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-weight: 700;
	text-decoration:none;
}


.titl-n {
    font-size: 18px;
    font-weight: 700;
	padding:15px 0;
	margin:35px 0 0;
}

.page-cont ul{padding:0; margin:0;}
.page-cont ul li{padding:0; margin:0 0 5px;}
.page-cont ul li i{margin:0 10px 0 0;}