/******************** changes in 575 *************************/
/*@media (max-width: 575px){
.pd-lr0-575{padding-right: 0px; padding-left: 0px}
.col-576{padding-left: 0px; padding-right: 0px}
.pd-2-35 {padding-left: 0px; padding-right: 0px;}
.pd-2-35 .row{margin-left: 0px; margin-right: 0px}
.mrg-top-18{margin-top: 18px}
.mrg-btm-18{margin-bottom: 18px}
}*/

/*html{scroll-behavior: smooth;} for smooth scrolling but not working in safari*/

/*body*/
body
{background-color:white !important;color:#3c3c3c !important;  font-family: 'source_sans_proregular'; font-size: 16px; }

      
  
/**************************************************************************************************/
/*******************************************  header   *******************************************/
/**************************************************************************************************/



/************* call nav *************/ 
.call-nav{float: left!important;}
.call-nav.pull-right{float: right !important;   position: relative;
    z-index: 10;
    top: 20px;}
.call-nav li{float: left !important;}
.call-nav li a{font-size: 13px; text-transform: none; width: 100%; padding-top: 0px; padding-bottom: 0px}
.call-nav li a img{width: 17px;
    position: relative;
    top: -2px; /*filter: invert(1) brightness(30);*/}
.call-nav li:last-child a{ padding: 0px 10px 0px 10px;}
.call-nav li:first-child a{padding: 0px 10px 0px 10px;}
.call-nav li.first{border-right: 1px solid rgb(231 243 203 / 27%); }
.call-nav{margin-top:12px; margin-bottom: 12px;}
.call-nav-cont{ float: left; 
    margin-top: 9px;     /*border-bottom: 1px solid rgb(231 243 203 / 27%);*/
 }

.call-nav span{font-size: 18px;
    line-height: 22px;color: white}
.call-nav span.icon-phone, .call-nav span.icon-mail{ transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.call-nav span.login-icon{font-size: 22px;line-height: 22px; }
.call-nav-login  {
    margin-top: 11px;
    margin-bottom: 0px;
}

.call-nav-login li a:hover .cal-sub-box{animation-name: jello; animation-duration: 1s; animation-iteration-count: infinite;
}

.cal-para{ line-height: 18px;
    letter-spacing: .5px;
    margin-bottom: 0px;
    font-size: 14px;}
.cal-sub-box{padding-right: 10px}
/************* header divs *************/ 

header{font-size: 13px; z-index: 5;}
/*.rel-cont{padding-top: 20px; min-height: 108px;}*/
.header-top { padding-top: 0px; }
.hd-main{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; background-color:#61861c}
.hd-main{z-index: 56}
.logo-col{display: block;
    z-index: 10;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 260px;
    float: left; 
    text-align: center;}
.other-col{float: left; width: calc(100% - 260px);padding-left: 50px}
.line-div{width: 68%;
    border-bottom: 1px solid rgb(231 243 203 / 27%);
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;}
.logo{ max-height: 88px; 
/*    margin: 0 auto;*/
    display: block;
    width: auto; }
.logo-div{ display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #61861c;
    z-index: 2;
    border-radius: 0px 0px 40px 40px;
    border-bottom: 5px solid #effbd2;}
.hd-main .cal-para,
.hd-main .navbar-nav>li>a,
.hd-main ul.header-social li a .fa
{color: #effbd2 !important; opacity: 1 !important}



.bars-link{padding: 2px 11px 1px 12px !important;
   /* border: 2px solid white;
    margin-top: 3px !important;*/
    margin-top: 10px !important;
    margin-right: 10px;}



/************* high ul *************/ 
.high-ul{border-left: 1px solid rgba(255,255,255,.4); height: 42px;  padding-left: 20px; margin-top: -28px;}
.high-ul img{width: 20px; filter: invert(1) brightness(18); margin-top: -4px;}


/*bottom header*/
.header-bottom{background-color: #effbd2}

/*social media*/
.social-cont{
    position: absolute;
    top: calc(55% - 192px / 2);
    right: 20px;
    z-index: 9;
    /* background-color: rgba(35, 35, 36, 0.65); */
    border-radius: 8px;
    border-left: none;
    /* border-top: 5px solid #0089cf;*/
}

.social-cont:after,
.social-cont:before
{    content: '';
    width: 1px;
    height: 30px;
    background-color: white;
    position: absolute;
    border-radius: 20px;
}

.social-cont:after {
    left: 10px;
    top: -40px;}

.social-cont:before {
    left: 10px;
    bottom: -40px;}


ul.social{
display: inline-block;
  margin-bottom: 0;
}
ul.social li{
  float: left;display: block;
}
ul.social li a{
  display: block;
  width: 22px;
  height: 22px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  font-size: 14px
}

.social-cont ul.social li{margin-bottom: 10px}
.social-cont ul.social li a{/*background-color: rgba(0, 0, 0, 0.4) !important;*/
    border-radius: 4px;}

ul.social li a .fa{
    line-height: 22px;
    border-radius: 4px;
    display: block;
    text-align: center;
    color: rgba(0,0,0,.8);
    /* background-color: rgba(255,255,255,.9);*/
     border-radius: 100%;
}
footer ul.social li a .fa{color: #ffffff}
ul.social li a:hover{ border-radius: 4px;transform: rotate(360deg);}
ul.social li a:hover .fa{
  border-radius: 4px;
  color: #fff !important;
  animation-name: zoomIn;
  animation-duration: .5s;
  animation-iteration-count: 1;
}
ul.social li a:hover .fa-facebook{
  background-color: #3a5797;
}

ul.social li a:hover .fa-twitter{
  background-color: #1d9dec;
}
ul.social li a:hover .fa-instagram{
  background-color: #c4007e;
}
ul.social li a:hover .fa-linkedin{
  background-color: #0271ae;
}
ul.social li a:hover .fa-pinterest{
  background-color: #ce252c;
}
ul.social li a:hover .fa-youtube-play{
  background-color: #f4000f;
}
ul.social li a:hover .fa-whatsapp
{background-color: #31be32}


header .social{margin-right: 30px}
header .social li a{border-left: 1px solid rgba(255,255,255,.2)}
header .social li:first-child a{border-left: none;}


ul.social.vertical li{float: none !important;}





/*menu btn*/
.menu-btn{-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 36px; 
    padding: 6px; line-height: 30px; height: 30px;
}
.bg-dark{background-color: white !important}
.menu-btn span {
    height: 2px;
    width: 100%;
    display: block;
}
.menu-btn>span:nth-child(2) {
    margin: 4px 0 4px auto;
    width: 75%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.menu-btn>span:nth-child(3) {
    margin-left: auto;
    width: 45%;
    -webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
    transition: 0.6s all;
}

.menu-btn:hover>span:nth-child(2), .menu-btn:hover>span:nth-child(3) {
    width: 100%;
}


/*menu*/

.menu-nav {padding-left: 0px; padding-right: 0px; }
.angle-down{margin-left: 5px}
.has-dropdown .angle-down{padding-left: 0px}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}
.menu-nav li a{position: relative; /*font-weight: 600*/}
.menu-nav li a:before{content: ''; position: absolute;z-index:1001; right: calc(50% - 5px); bottom: -5px; width: 0%; height: 0px; 
background-color: #09eaac; opacity: 0;
transition: all .5s ease; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.menu-nav>li>a:hover:before{ width: 10px; height:10px; opacity: 1; border-radius: 20px; }

.big-list{width: 100% !important}

.neg-mrg-15{margin-left: -15px; margin-right: -15px}

.menu-image{border-radius: 6px}
.cd-dropdown-content a, .cd-dropdown-content ul a {

    color: rgb(99, 91, 91) !important;}

.sub1>li img.dpt-img {
    margin-bottom: 17px !important;
    margin: 0 auto;
    width: 100%
}


.menu-fig{overflow: hidden;
    background-color: #effbd2;
    display: table;
    border-radius: 100%;
    padding: 7px; margin-bottom: 8px}
.menu-fig img{width: 40px;filter: hue-rotate(23deg) invert(0) brightness(0.7);}
.sub-drop-ul li a {color: #424242;
    line-height: 16px;
    display: block;
    padding: 7px 0px 7px 0;
    margin-bottom: 0px;
    font-size: 14px;

}

.menu-ofr{border-radius: 8px}

.sub-drop-ul{border-right: 1px solid #e7f3cb}
.sub-drop-ul.last{border-right: none !important;}
.sub-drop-ul li.head{/*border-bottom: 1px solid #b8cd06;*/
    font-family: 'source_sans_prosemibold'; color: #509d0f;
 /*   box-shadow: -1px 7px 12px -10px #1d2100;*/
    padding-bottom: 6px;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;}

.sub-drop-ul li div.break{margin-top: 30px}


/*topbar*/
.top-bar{float: none;}

ul.top-bar-dropdown {
    min-width: 250px;
    position: absolute;
    z-index: 200;
    right: -15px;
    padding: 12px 12px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
    background-color: white;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
}

.has-dropdown:hover .top-bar-dropdown{
     opacity: 1;
    visibility: visible;
}

.top-bar ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
    line-height: 1;
    position: relative;
    z-index: 201;

    margin-bottom: 5px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
}

.top-bar-dropdown a {

    border: 1px solid #dedede;
    border-radius: 4px;
    display: block;
    color: #333 !important;
    padding-left: 35px !important;
    position: relative;
    line-height: 42px;
    text-decoration: none !important;
    font-size: 14px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.top-bar-dropdown li{margin-left: 0px !important; text-align: left; display: block !important;}
.top-bar-dropdown li:hover a {
    padding-left: 25px !important;
    background-color: #ff5353;
    color: white !important;
}
.top-bar-dropdown li:hover {background-color: white;}

.cd-dropdown-content li a{font-size: 16px}








/*square menu div*/
.square-menu-div{float: left;}
.square-ul.main-menu-ul{display: block !important; margin: 0 !important;}
.square-ul.main-menu-ul li.has-dropdown{padding-left: 0px !important; }
.square-ul.main-menu-ul li.has-dropdown .list-link{font-size: 1.26em !important;letter-spacing: .1px;}
.square-ul.main-menu-ul li.has-dropdown i{float: left; margin-right: 10px}

@media screen and (min-width: 1101px){
.square-ul.main-menu-ul .menu-wrapper-cont {
    left: 45%;
    transform: translateX(-50%);}
}





/******************   dropdown item style ***************/
.dropdown-item{
    padding: 15px 25px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    color: #707171;}

.dropdown-item:last-child{border-bottom: none;}
.drop-img{width: 19px;
    margin-right: 10px;
    filter: invert(0.5) brightness(1);}
.drop-span{position: relative;top:2px;}
.dropdown-toggle::after{transition: all .15s;}
.dropdown-item:hover img{animation-name: lightSpeedInLeft; animation-duration: .6s; filter: unset;}
.dropdown-menu{padding-top: 15px; padding-bottom: 15px}
.dropdown-toggle::after{    content: "\f107"; font-family: "FontAwesome"; border:none !important; 
vertical-align: 0em !important }
.dropdown:hover .dropdown-toggle:after{-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}





/*new menu*/
.menu-wrapper {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    max-width:1300px;

}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;


}

 .has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.has-dropdown{padding: 0px 13px 0px;}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 1;
}


.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #707171;
    font-family: 'source_sans_prosemibold';
    text-transform: uppercase;
    letter-spacing: .3px;
}


.has-dropdown .list-link {
    position: relative;
    padding-right: 2px;
    
    line-height: 30px;
    display: block;
    color: #effbd2 !important;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 6px;
}

.list-link
{color: #333}

.list-link:hover{color:#a7e434 !important}

.list-link:before{position: absolute;
    left: 0%;
    top: -11px;
    height: 8px;
    background-color: #a7e434;
    opacity: 0;
    transition: opacity .4s,left .4s,right .4s;
    left: 50%;
    content: ' ';}

.list-link:hover:before
    {left: calc(50% - 4px);
    opacity: 1;
    width: 8px;
    border-radius: 100%;}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
     overflow: hidden; 
}

.gra{ padding-right: 2px;}

.menu-cont{ width: 100%; position: relative; margin-left: 0px; 
    padding-left: 0px; padding-right: 0px;
     }

.main-menu-ul{margin-bottom: 9px;
    float: left;}

@media screen and (min-width: 1101px){
.menu-wrapper-cont {
    background-color: white;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    z-index: 201;
    padding: 20px;
    /*visibility: hidden;*/
    display: none;
    /*display: block;*/
}

.main-menu-ul li.has-dropdown{ z-index: 200;}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
   /* visibility: visible;*/
   display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgba(0, 0, 0, 0.1);
/*    animation-name: zoomIn;
    animation-duration: .4s;*/
    padding: 20px;
    border-radius: 4px;
}

.main-menu-ul li.has-dropdown:hover .angle-down , .top-bar ul li.has-dropdown:hover .angle-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hex__home_menu_solutions_wrapper li.drop-list {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    position: relative;
}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

a.drop-list-link:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
}

a.drop-list-link {
    cursor: pointer;
    line-height: 1;
    padding: 15px 15px 20px;
    display: block;
    position: relative;
    height: 100%;
}

.menu-title {
    font-size: 17px;
    line-height: 24px;
    color: #333;
    display: block;
    margin: 0 0 3px 0;
    -webkit-transition: none;
    transition: none;
}

.flex-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
}

.drop-list-link::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 78%;
    top: 11%;
    left: 0;
    z-index: 1;
    background-color: #8a1a4a;
    opacity: .15;
    -webkit-transition: none;
    transition: none;
}


.drop-list-link:hover::before {
    width: 3px;
    height: 100%;
    top: 0;
    opacity: .8;
 
}

li.drop-list:nth-child(3n+1) a.drop-list-link::before {
    opacity: 0;}

li.drop-list li.drop-list:nth-child(n):hover a.drop-list-link::before
{opacity: .8;}

}



.vrt-mid .sub-box{vertical-align: middle !important;}
.vrt-top .sub-box{vertical-align: top;}

.fstshw{background-color: white !important}
.sub1{position: relative; padding-right: calc(735px - 180px); }
.sub1 > li {
    
    padding-right: 10px !important;
    padding: 0px 5px;
    display: table;
    width: 100%;
    border-right: 3px solid rgba(255,255,255,.2);
   
}
.sub1 > li:last-child a.bor-link{border-bottom: none !important;}
.sub1 > li > a {
    border-bottom: 1px solid #dedede;
    border-left: 2px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    display: table-cell;
    color: #333 !important;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
    line-height: 16px;
    height: 44px;
    width: 100%;
    text-decoration: none !important;
    font-size: 13px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sub1 li a >i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}

.sub1>li:hover>a{padding-left: 25px !important;border-left: 3px solid #ff5353; border-radius: 8px;

   }
.sub1> li:hover img.side-img{filter: brightness(1) invert(1);}
.sub1>li img{
    float: left;
    margin-right: 12px;
    margin-top: 9px;
/*    filter: brightness(1) invert(0.5);
    -webkit-filter: brightness(1) invert(0.5);
    -moz-filter: brightness(1) invert(0.5);*/
    }

.sub1>li:hover .menu-icon-ul li a{padding-left: auto;}
.sub1 li:hover i {
    display: none !important;
}
.sub1 li:hover .sub2 {
    display: block !important;
}
.sub2 li:hover{border-left:none;}
.fstshw .sub2 { display: block !important;}
.sub2 {
    position: absolute;
    border-left: 1px solid #dedede;
    background-color: white !important;
    right: 0px;
    top: 0;
    width: calc(735px - 180px);
    bottom: 0;
    display: none;
    overflow: auto;
    padding: 0px 0px 0px 20px;
    text-align: left;
    min-height: 240px
}
.sub2 ul > li > a {
    text-decoration: none;
    line-height:35px;
    text-transform: capitalize !important;;
    display: block;
}







.course-sub2 {
    width: 735px !important;
    min-height: 303px !important;
    padding: 18px 15px 8px 15px !important;
}



.menu-icon-ul li {     width: calc(100% / 3); float: left;
    margin-bottom: 5px;

}

.menu-icon-ul li img{max-width: 27px;
    margin: 3px 10px 0px 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;}


.menu-icon-ul li a{
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    padding: 5px 15px;
    width: auto;
    height: 62px;
    margin: 0px;
    margin-right: 5px;
    line-height: 17px !important;
    border: 1px solid #dedede;
    border-radius: 4px;
    color: #333;
/* */ }

.menu-icon-ul li:hover a{border: 1px solid #ff5353;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.3);}

/*.menu-icon-ul li:hover a img.menu-logo{-webkit-transform: scale3d(1.05,1.05,1.05);
    -moz-transform: scale3d(1.06,1.06,1.06);
    -ms-transform: scale3d(1.06,1.06,1.06);
    transform: scale3d(1.06,1.06,1.06);}*/


.trnn{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}
figure{overflow: hidden;}

.mnu{text-transform: uppercase;
    font-family: 'rubikmedium';}

.menu-logo-div{padding: 8px}
.sub2 li a img.menu-logo{     width: auto; filter:none !important;
     float:none;  margin: 0 auto !important;
}

.dest-name{line-height: 16px; 
    margin-bottom: 0px;
    margin-top: 8px;}
.course-name, .dest-name{   
    /* background-color: #b4b4ca; */
 line-height: 16px;
 font-size: 12px;
 border-radius: 3px;
 padding: 2px 5px 2px;
display: table;
/*background-color: #a6a6ce;*/
color:#333;

margin: 0 auto !important;
margin-top: 3px !important;
}

.menu-course-ul li{width: calc(100% / 5) !important;}
.menu-course-ul .menu-logo-div {
    padding: 5px;
}

.sub2 .menu-course-ul li a .menu-logo{width: 138px !important; }

.sub2 .menu-course-ul li a .menu-logo,
.call-nav-login li a,
.country-img,
.country

{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}

.menu-course-ul li:hover a img.menu-logo,
.menu-dest-ul li:hover a img.menu-logo
{animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;}

.menu-course-ul li:hover a .course-name,
.menu-dest-ul li:hover a .dest-name
{background: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -webkit-background: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -moz-background: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    background-image: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -webkit-background-image: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    -moz-background-image: linear-gradient(90deg,#ea7109 0,#ffb308 100%);
    color: white;
}

.menu-dest-ul li{width: calc(100% / 3) !important;}
.menu-dest-ul .menu-logo-div{padding: 5px}


.course-sub2{width: 735px !important; min-height: 303px !important; padding: 18px 15px 8px 15px !important;}



.bars{font-size: 20px; position: relative;top:2px;}
.ico-menu {
    display: block;
    width: 26px;
    height: 22px;
    margin-top: 3px;
    transition: opacity .4s;
    content: ' ';
    background-image: url(../img/images/sprite.png);
    background-repeat: no-repeat;
}


/*mob menu*/
.mob-course-ul li a img{height: 37px;
    height: 32px;
    float: left;
    margin-right: 15px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-top: 6px;
    padding: 3px;
 }
.mob-course-ul li .menu-logo-div figure{/*display: none;*/ float: left;}
.mob-course-ul li .menu-logo-div{padding: 0px}
.mob-course-ul li .menu-logo-div .course-name,
.mob-course-ul li .menu-logo-div .dest-name
{color: rgba(255, 255, 255, 0.67) !important;
    line-height: 55px;
    font-size: 14px;
    border-radius: 3px;
    padding: 0px;
    display: block;
    color: #333;
    margin-top: 0px !important;
    margin-bottom: 0px;}


.mob-course-ul li .sis-name {
    line-height: 50px;
    height: 50px !important;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
}

.logo-div{display: block;}



/*sticky*/
.sticky {
  position: fixed; 
  top: 0; left:0px;
  width: 100%;
  background-color: white;
  -moz-animation: dropStickyNav 0.5s ease-in 1;
  -webkit-animation: dropStickyNav 0.5s ease-in 1;
  animation: dropStickyNav 0.5s ease-in 1;
  z-index: 70;
  box-shadow: 0px 6px 19px -11px rgba(0, 0, 0, 0.47);
}


.sticky.hd-main .cal-para, .sticky.hd-main .navbar-nav>li>a, .sticky.hd-main ul.header-social li a .fa,
.sticky .call-nav span, .sticky .square-ul.main-menu-ul li.has-dropdown .list-link
{color: rgba(0,0,0,.5) !important}

.sticky .rel-cont {
    padding-top: 0px;
}
.sticky .header-bottom{background-color: #5a5a5c}

.sticky .rel-cont{min-height: 70px;}

.sticky .call-nav-cont {
    margin-top: 10px;}


.sticky .header-bottom{display: none;}
header:hover .sticky .header-bottom{display: block;}

.sticky .ico-menu {filter: invert(1);}



@-moz-keyframes dropStickyNav {
  0% {
    -moz-transform: translateY(-40px); }
  100% {
    -moz-transform: translateY(0); } }
@-webkit-keyframes dropStickyNav {
  0% {
    -webkit-transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes dropStickyNav {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0); } }




.sticky .logo{height: 44px}



/*slider*/
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }



.slide-div{height: 500px}



/*carousel indicators*/
.carousel-indicators.round li
{width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: 10px;
    background-clip:inherit;
}

.caption{padding-top: 80px}

.cap-head{ font-size: 52px;
    color: #ffffff;
    font-family: 'source_sans_prolight';
    line-height: 60px;
    margin-bottom: 25px;}

.b-blue{color: #0089cf}

.bar{color: #0089cf; font-family: 'rubiklight'}
.cap-text{font-size: 27px;
    line-height: 39px;
    letter-spacing: .2px;
    text-transform: none;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px !important;
    max-width: 620px;
    margin: 0 auto; font-family: 'libre_franklinlight';}
.cap-text-first{margin-top: 19%}
.cap-text-second{margin-top: 8px}
.carousel-caption .line{margin: 0 auto}


.bg-bg{background-size: cover; background-position: top center; background-repeat: no-repeat;}

.ht100vh{height: 100vh}

.s-small{font-size: 18px;}

.slide-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(58, 55, 55, .2)}



.home-slide-overlay{position: absolute;left: 0px; top:0px; width: 100%; height: 100%; 
    background-color: rgba(18, 23, 35, 0.22)}




@media (max-width: 768px){
.item-image1{background-image: url(../img/slides/mob-slide1.jpg); }
.item-image2{background-image: url(../img/slides/mob-slide2.jpg); }
.item-image3{background-image: url(../img/slides/mob-slide4.jpg); }
}


      

/*hero*/
/*vertical align middle slide*/
.hero {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 3;
    color:black;
    text-align: left;
    padding-left: 100px;
    padding-right: 100px
}

.hero1{ left: 90px;}

.hero2{width: 650px}

.hgroup {
    height: 100%;
}

.hero .box{width: 100%; height: 100%; text-align:left;}
.hero .sub-box, .carousel-caption{
    vertical-align: middle !important; 
}

.cap-head{animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s ; }

.cap-text{animation-name: fadeInDown; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }

.online-btn{animation-name: fadeInUp; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 2s }

.slide-list li{animation-name: fadeInUp; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }


.hero .read, .hero .boxes-btn{animation-name: fadeInLeft; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s   }

.hero .boxes-btn{margin-top: 20px; color: white}

.hero .boxes-btn:before{background-color: white;}

.hero .boxes-btn:hover{color: white}


.slide-image{position: absolute; left:60px; bottom: 0px; width: auto !important; height:80% !important;
 animation-name: slideInLeft; animation-duration: 2s;}

.slide-image.banana{left:0px;}

.slide-image-small{position: absolute; right:80px; bottom: 0px; width: auto !important; height:auto !important;
 animation-name: fadeInDownBig; animation-duration: 2.8s;  }

 .white{color: white !important}


.s-cap-head{font-size: 58px;
    font-family: 'rubikregular'; letter-spacing: -1px; display: block;}


@media (min-width: 992px) and (max-width: 1199px) {
.cap-head{ font-size: 54px;}  
.hr-box-2{padding-left: 14%;}
.hr-box-3{padding-left: 18%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.cap-head{ font-size: 44px; line-height: 46px} 
.cap-text{font-size: 22px; line-height: 26px}
}

@media (min-width: 576px) and (max-width: 767px) {
.cap-head{ font-size: 34px; line-height: 36px} 
.cap-text{font-size: 18px; line-height: 20px}
}

@media (max-width: 575px) {
.cap-head{ font-size: 26px; line-height: 30px} 
.cap-text{font-size: 16px; line-height: 20px}
.hero{padding-left: 30px; padding-right: 30px}
}

@media (max-width: 767px) {
.slide-list li a { padding: 10px 12px 10px; font-size: 14px}
.slide-icon {width: 28px;}
.video-box .sub-box .slide-list { width: 166px !important;}

}





.down-cont{  height:46px; width: 50px;
text-align:center; display: block;
position: absolute; z-index: 55; /*bottom: 10px; left:calc(50% - 25px);*/
bottom: 20px;
right: 10px;
animation-iteration-count: infinite;
webkit-animation: ani_sttb 1.5s infinite ease-in-out;
animation: ani_sttb 1.5s infinite ease-in-out;
-webkit-transform-origin: center center;
transform-origin: center center;
}

@-webkit-keyframes ani_sttb{0%{-webkit-transform:translate(0,-10px)}50%{-webkit-transform:translate(0,10px)}100%{-webkit-transform:translate(0,-10px)}}@keyframes ani_sttb{0%{transform:translate(0,-10px)}50%{transform:translate(0,10px)}100%{transform:translate(0,-10px)}}

.down-cont a{ filter: brightness(0) invert(1); 
    /* -webkit-filter: brightness(1) invert(1); */
    -moz-filter: brightness(0) invert(1);
    display: block;
    /* background-color: rgba(0, 0, 0, 0.52); */
    /* padding: 10px; */
    background-size: 100%;
    background-repeat: no-repeat;
    /* color: white; */
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin: 0 auto;
    background-image: url(../img/icons/mouse.svg);
    background-position: center;
    cursor: pointer;

}
.down{width: 46px; height: 46px; margin: 0 auto}

.down-cont:hover {
    animation-name: none; 
}




/*transition*/
.down-cont a, .carousel-indicators li, .welcome-ul li, .blog-overlay-title, .m-more, .online-btn, .b-big,
.menu-brand-fig, .sh-overlay, .sh-overlay .ad-div{
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}





/*carousel indicators*/
.carousel-indicators li{height: 6px !important; width: 12px !important}
.carousel-indicators li.active {width: 30px !important}
.carousel-indicators{bottom: 15px}
.carousel-indicators .active{
    background-color: #168844;
    border: 1px solid #168844;
    border-radius: 20px;
}

.carousel-indicators.float
 {

    bottom: 10px;
    left: 20.5px;
    width: auto;
    margin-left: 0px;}


.carousel-indicators.float li {
    display: block; margin: 8px 0px}

.carousel-indicators.float .active {
    width: 10px;
    height: 34px;
    margin: 0;
    background-color: #00aeef;
    border:1px solid #00aeef;}

.carousel-indicators li
{background-color: #003a63; border:1px solid #003a63; border-radius: 20px;}



.carousel-indicators.float-down
 {

    bottom: 10px;
    right: 20.5px;
    left:auto;
    width: auto;
    margin-left: 0px;}


.carousel-indicators.float-down li {
    margin: 0px 4px}

.carousel-indicators.float-down .active {
    height: 10px;
    width: 34px;
    margin: 0;
    background-color: #ff5353;
    border:1px solid #ff5353;}





/*gen*/
.loadimg{display: block;}
.mrg-top-18{margin-top: 18px; width: 100%}
.mrg-btm-18{margin-bottom: 18px; width: 100%}
.wel-top-bottom{padding-top:60px; padding-bottom: 60px }
.pd-2-15{padding-left: 15px; padding-right: 15px}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}
button{border:none;}
.no-padding
{padding-right: 0px !important;padding-left: 0px !important}

.pd-2-35{padding-left: 45px; padding-right: 45px}

a, a:hover
{text-decoration: none !important;}

ul
{padding-left: 0px; list-style-type: none;margin: 0}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}

.sub-box2
{padding-left: 15px}

.box.vrt-middle .sub-box{vertical-align: middle !important;}
.box.vrt-top .sub-box{vertical-align: top !important;}


.clear-fix
{float: none; clear: both;}

span.clear-fix 
{ display: block;}


.img-auto
{margin: 0 auto; float: none; margin-bottom: 30px; }

.img-gen{margin-bottom: 15px}
.img-border{ border: 1px solid #d8d8d8;
    padding: 8px;
    border-radius: 6px;}

.gen-para{font-size: 16px; line-height: 28px; text-align: justify; margin-bottom: 18px}
.gen-para.text-left{text-align: left;}
.gen-para.text-center{text-align: center !important;}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}



h1{ font-family: 'source_sans_probold';
    letter-spacing: -.008em;
    font-size: 42px;
    line-height: 40px;
    padding-bottom: 0px;
    border-radius: 5px;
    margin-bottom: 0px;
    color:#003a63;
    margin-top: 0px;}
h2 {
    
letter-spacing: -.008em;
    font-size: 40px;
    line-height: 34px;
    padding-bottom: 15px;
    border-radius: 5px;
    margin-bottom: 0px;
    color: #0c0c0c;
    margin-top: 0px;
}

.h-span {
    font-size: 27px;
    color: #509d0f;
    font-family: 'source_sans_prosemibold';
}

.title span.dash {
    background-color: #509d0f;
    display: inline-block;
    width: 30px;
    height: 2px;
    margin-bottom: 5px;
}
h3{ font-size: 16px; margin-bottom: 12px; font-weight: bold;
    color: #272727;}

h4{ font-size: 15px;  color: black}

.light{font-family: 'source_sans_prolight';}
.dark{ font-family: 'source_sans_probold';}




.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.align-items-end{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}



.bg{background-size: cover; background-position: center; background-repeat: no-repeat;}







/*owl dots*/
.owl-dots{padding-left: 15px; padding-right: 15px}
.owl-dot{    width: 11px;
    height: 6px;
    border-radius: 40px;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #509d0f !important;}
.owl-dot.active{background-color: #64686b !important;
    width: 26px;}







/********************* button style ************************/

.more span{color: #003a63;
    font-size: 17px;
    font-family: 'source_sans_prosemibold';
    border-bottom: 1px solid #003a63;}
.more i{     font-size: 17px;
    position: relative;
    top: 2px;
    color: #00aeef;
    margin-right: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;}

.reg i{ background-color: transparent; text-align: center; font-weight: bold;
    color: #ff5353;
    font-size: 14px;
    margin-left: 4px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;}

.reg{
    padding: 4px 15px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 20px;
    line-height: 22px; margin-top: 10px}

.reg.silver{/*background-color: #e8e4e4;*/border:2px solid #d8d4d4;}
.reg.bg-red{background-color: #ff5353;border:2px solid #ff5353; color: white}
.reg.bg-red:hover{color: white}
.reg.bg-red i{color: white}
.reg.silver:hover{background-color: #d8d4d4; color: black}

.default {
    background: #405813;
    border: none;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
}



.cap-btn,.cap-btn-outline{
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 24px; color: white !important;
    text-transform: uppercase;
    border-radius: 30px;
    text-align: center;

    font-size: 13px;
    font-family: 'robotomedium';
    letter-spacing: 1px;
    padding: 0 20px;
    transition: padding .4s,background .4s,border .4s,opacity .4s;
}


.cap-btn span{ line-height: 48px;display: inline-block;
    vertical-align: middle;
    font-size: 15px;}


.cap-btn-outline span{ line-height: 38px;display: inline-block;
    vertical-align: middle;
    font-size: 12px;}
.cap-btn i.icon, .cap-btn-outline i.icon{line-height: 28px;}
.cap-btn i.fa, .cap-btn-outline i.fa{line-height: 26px;}
.cap-btn i, .cap-btn-outline i{right: 12px; top: 50%;
    opacity: 0;
    position: absolute;
    background-color:#73a01f;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}

.cap-btn:hover>i, .cap-btn-outline:hover>i {
    opacity: 1;
}

.cap-btn:hover, .cap-btn-outline:hover {
    padding-right: 50px;
    background-color: #ef3535;
    border-color: #ef3535;
}

.cap-btn{min-width: 180px;}

 .cap-btn-outline{min-width: 190px}
.cap-btn.center{margin: 0 auto}


.cap-btn-outline.white{border:1px solid #b6ef4e; color: #b6ef4e !important; background-color: transparent !important;}


.cap-btn.red:hover, .cap-btn-outline.white:hover{background-color: #61861c !important; border:1px solid #61861c;}
/*.cap-btn-outline.white:hover{color: white !important;}*/


.pro-in-col .cap-btn-outline{ background-color: #61861c !important; border:1px solid #61861c; }

.support img{width: 20px;filter: invert(1) brightness(30); position: relative;top:-2px;}

.support .cal-para{color: white !important; text-transform: uppercase; font-size: 13px; font-family: 'source_sans_prosemibold';}

.support{margin-left: 10px;     position: relative;
    z-index: 10;
    top: 21px;}






/********************************** category *********************************/
/*.welcome{background-color: #f5ffdc}*/
.inv{ border-radius: 6px; background-color: white; border:1px solid #acbd80;
    /*box-shadow: 0px 0px 16px 2px rgb(80 157 15 / 17%);*/
    padding: 15px;
    color: #bbbdbf; height: 100%;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
    text-align: center;
}
.inv-col{margin-bottom: 10px; margin-top: 10px; padding: 0px 3px}
.inv .sub-box1{overflow: hidden; margin: 0 auto !important;
    background-color: #effbd2;
    display: table !important;
    border-radius: 100%;
    padding: 12px;margin-bottom: 10px !important;}
.inv img{width: 56px !important; margin: 0 auto; 
/*filter: hue-rotate(23deg) invert(0) brightness(0.7);*/}
.country-name{margin-bottom: 0px; text-transform: uppercase;color: #424242; font-family: 'source_sans_prosemibold'; 
font-size: 15px;letter-spacing: 1px}
.inv-name{margin-bottom: 0px}
.head-div{background-color: #00aeef}
.head-div h2{text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 0px;
    text-align: center;
    padding-bottom: 0px;
    font-family: 'source_sans_prolight';
    letter-spacing: 2px;}
.inv-row{padding-left: 80px; padding-right: 80px}
.head-div .box{ width: 100%; height: 100%;}
.inv:hover img{animation-name: zoomIn; animation-duration: 1s}
.inv:hover{  background-color: #7bab22;}
.inv:hover .country-name{color: white}
/*.inv:hover .country-name,
.inv:hover .inv-name
{animation-name: zoomIn; animation-duration: 1s}*/

.ser-img{width: 50px}
h3{font-family: 'source_sans_prosemibold'; font-size: 25px}

.inv .sub-box{display: block;}
.inv .box{width: 100%; display: block;}

#owl-category .owl-nav{display: none;}




/*products*/
.products{ border:1px solid #e7f3cb;  margin-bottom: 10px; background-color: white;}
.products .figure{    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;}
.pro-name{ background-color: #7bab22;
    border-left: 4px solid #628a1a;
    color: #ffffff !important;
    padding: 2px 12px 2px 10px;
    display: table;
    margin-left: 7px;
    margin-bottom: 7px;
    border-radius: 3px;
    /* border-radius: 0px 20px 20px 0px;*/}

.products-cont{background-color: #effbd2}
.pro-col{padding-left: 5px;padding-right: 5px;
width: calc(100% / 5 - 0px);
max-width: calc(100% / 5 - 0px)
}







/******************************** innerpage products *********************************/


.intro{overflow: hidden; position: relative;border-radius: 10px; margin-bottom: 30px}
.lower-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
   padding: 20px 30px 20px 30px;
    z-index: 1;}

.lower-content div{width: 100%}
.intro-img{height: 220px; overflow: hidden;}
.intro-img img{    width: 100%;
    height: 100%;
    object-fit: cover;border-radius: 10px;
    transition: all 5s ease;}

.intro-img:before{    position: absolute;
    border-radius: 10px;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    box-shadow: inset 0px -100px 100px -40px rgba(0, 0, 0, 0.8);
    z-index: 1;
    transition: all 500ms ease;}


.pipe-head{font-size: 20px;
    font-weight: bold;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    transition: all .4s ease;
    margin-bottom: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
font-family: 'source_sans_prolight';}

/*.pipe-head:hover {color: #74e613}*/
.pipe-sub{position: relative; font-size: 17px;
    display: block;
    color: #fff;
    margin-bottom: 10px;
    padding-right: 30px;}



.pipe-sub:before {
position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    top: 3px;
    left: 0px;
    background: #74e613;
    transition: all 2s ease
}


.intro:hover .intro-img img{transform: scale(1.5);}

.intro:hover .pipe-sub:before{width: 100%}

/*.intro:hover .pipe-head{color: #74e613}*/












/******** brands ********/
.brand-name, .brand img
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.brand-col{padding: 10px; }
.brand{    border: 1px solid rgb(192 192 192 / 52%);;
    padding: 20px 10px; position: relative; overflow: hidden;}
.brand img{ filter: grayscale(100%);
    opacity: .5;width: auto !important; margin: 0 auto;}
.brand-name{position: absolute; width: 100%;bottom: 8px; left: 0px; background-color: #7bab22; color: white; text-align: center;
padding: 2px 5px; margin-bottom: 0px; transform: translateY(50px);

}
.brand:hover .brand-name{transform: translateY(0px);}
.brand:hover img{transform: translateY(-18px); filter: grayscale(0%); opacity: 1}

.brands-cont{position: relative; padding-right: 180px}

.brands-head{background-color: #7bab22; color: white; text-align: center; position: absolute;right: 0px;     top: 50%;
    transform: translateY(-50%);
    width: 180px; height: 180px}

.brands-head .box, .brands-head .box .sub-box{width: 100%;height: 100%; }

.brands-head .box .sub-box figure img{margin: 0 auto}

.brands-p{font-family: 'source_sans_prosemibold'; text-transform: uppercase; font-size: 20px; margin-bottom: 0px}

.brand-icon{width: 50px}

.brands-head figure{margin-bottom: 10px}





/*introduction*/
/*h1 .span1, h1 .span2, .span1, .span2 {
    display: block;
}*/
h1 .span1 {
    font-size: 45px !important;
}
h1 .span2 {
    font-size: 35px !important;
}
.green {
    color: #509d0f !important;
}
.span1 {
   font-family: 'source_sans_probold';
}
.span2 {
    font-family: 'source_sans_prolight';
}


.welcome-main{background-color: #73a01f;
    color: white; text-align: center;}

.welcome-main .green {
    color: #b6ef4e !important; 
}

.welcome-main h1{margin-bottom: 20px;}

.intro-logo{height: 102px;
    margin-bottom: 14px;}




/*footer*/
footer{font-size: 15px; letter-spacing: .2px; background-image: url(../img/images/footer-bg.jpg);}
.footer-main{background-color: rgb(97 134 28 / 92%); color: #effbd2}
.quick-links li a{color: #effbd2}
.op-links li .hi {
    font-family: 'source_sans_probold';
    color:#b6ef4e;
    text-transform: capitalize;
    font-size: 15px;
    display: block;
    width: 100%;}
.det {
    display: block;
    width: 100%;
    float: none;
    padding-left: 0px;
}
.op-links li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed rgb(231 243 203 / 80%);
    float: left;
    width: 100%;
}
.op-links li:last-child{border-bottom: none;    padding-bottom: 0px;
    margin-bottom: 0px;}

.footer-logo{height: 88px}
.top-footer{padding-top: 30px; padding-bottom: 30px}
.foot-head{font-size: 20px; font-family: 'source_sans_prosemibold'; color: white; margin-bottom: 8px}
footer .icon{font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    border-radius: 100%;
    background-color: rgb(0 0 0 / 25%);
    display: block;}

.footer-social li{margin-right: 10px}
.fol-para{margin-bottom: 5px; font-size: 13px}

.top-footer-col .address-cont{border-right: 1px solid rgb(231 243 203 / 27%)}
.top-footer-col {padding-bottom: 20px;border-bottom: 1px solid rgb(231 243 203 / 27%)}
.mid-footer-col{padding-bottom: 20px; border-bottom: 1px solid rgb(231 243 203 / 27%)}
.quick-links li{margin-bottom: 8px}
.quick-links li a:hover{color: white}
.bottom-footer-col{ font-size: 14px;}
.bottom-footer-cont{background-color:rgb(21 88 7 / 90%);
    padding-top: 15px;
    border-bottom: 20px solid #7bab22;}

.srv{color: white}
.srv:hover{color: white}


.block_tags li {
    height: 23px;
    margin-left: 4px;
    margin-bottom: 5px;
    padding: 0px 7px;
    display: block;
    float: left;
    background-color: rgb(0 0 0 / 25%);
    border: 1px solid #195206;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}

.block_tags li a {
    height: 23px;
    line-height: 23px;
    padding-top: 0px;
    padding-right: 12px;
    display: block;
    background: url(../img/icons/bg_tag_2.jpg) no-repeat right 9px;
    font-size: 12px;
    color: #effbd2;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
}


.block_tags li:hover{background-color: #b6ef4e;
    border: 1px solid #b6ef4e;}

.block_tags li:hover a{color: #516214;}



/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/
.mrg-top-0{margin-top: 0px !important}
.mrg-btm-0{margin-bottom: 0px !important}
.pd-top-0{padding-top: 0px !important}
.inn-cont{padding-top: 80px; padding-bottom: 80px}
.img-right{ margin-bottom: 30px; margin-left: 30px}
.img-left{margin-bottom: 30px; margin-right: 30px}
@media (max-width: 991px){
.img-right{float: none; margin: 0 auto; margin-bottom: 18px}
.img-left{float: none; margin: 0 auto; margin-bottom: 18px}
}



/*innerpage slider*/
.inner-page-slide {
    position: relative;
    background-size: cover;
    background-position: top center;
    height: 300px;
}

.in-bg1{background-image: url(../img/images/in-bg1.jpg);}


.in-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 3, 10, 0.58);
}

.inner-slide-cont {
    height: 100%; position: relative;
}

.in-slide-head{margin-bottom: 20px   }
.in-slide-head .h-span{color: #74e613;font-size: 57px;}
.in-slide-head span.dash{    background-color: #74e613;
    display: inline-block;
    width: 30px;
    height: 2px;
    margin-bottom: 5px;}


.inner-slide-cont .box.in-slide-box, .inner-slide-cont .box.in-slide-box .sub-box {
    height: 100%;
}

.inner-slide-cont .box.in-slide-box
{width: 100%;}

.inner-slide-cont .box.in-slide-box .sub-box {
    vertical-align: bottom;
}

.inner-slide-cont .box.in-slide-box.vert-middle .sub-box{vertical-align: middle;}

.in-slide-box .button-ul li{margin-bottom: 35px; margin-right: 0px}

.in-slide-box .button-ul{display: table;float: right;}




  

/*breadcrumb*/
.breadcrumb {    background-color: rgb(97 134 28 / 55%); margin-bottom: 0px;
    border-radius: 40px;
    text-transform: capitalize;
    /* margin: 0 auto !important; */
    /* margin-top: 5px; */
    padding: 14px 30px;
    display: table;}
.breadcrumb li a {color: white; font-size: 16px}
.breadcrumb>li+li:before {  
    color: rgba(255, 255, 255, 1);}
.breadcrumb li.active a{color: #74e613 !important; }
.breadcrumb>li+li:before{     content: "\f28d";
    font-family: 'FontAwesome';
    font-size: 12px;
    position: relative;
    bottom: 0px; padding-left: 7px; padding-right: 7px}
.breadcrumb li.active:before{color: #74e613 !important;}
.breadcrumb li{display: inline-block;}




/*gen list*/
.gen-list li{padding-left: 35px; margin-bottom: 12px; line-height: 25px; position: relative;}
.gen-list li:before{     content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/icons/arrows.svg);
    position: absolute;
    left: 0px;
    background-size: 11px 11px;
    background-repeat: no-repeat;
    background-position: center;

}

.gen-sub-list{margin-top: 15px}
.gen-sub-list li:before{color: #192f59;}
.gen-list-just li{text-align: justify;}








/*pagination*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ff5353;
    border-color: #ff5353;
}

.pagination>li>a, .pagination>li>span{color: #7d7d7d;}



/*form*/
input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 5px;
    border:none;
    min-height: 44px;
    line-height: 30px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 100px;
}

input[type=text]:focus, textarea:focus{border-bottom:1px solid #5EB007 !important;}




input[type="text"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="text"]::-moz-placeholder {
 font-size: 13px;
}

input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="text"]:-moz-placeholder {
  font-size: 13px;
}




input[type="number"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="number"]::-moz-placeholder {
 font-size: 13px;
}

input[type="number"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="number"]:-moz-placeholder {
  font-size: 13px;
}


textarea::-webkit-input-placeholder {
 font-size: 13px;
}

textarea::-moz-placeholder {
 font-size: 13px;
}

textarea:-ms-input-placeholder {
  font-size: 13px;
}

textarea:-moz-placeholder {
  font-size: 13px;
}

.send{    background-color: #e90404;
    color: white !important;
    margin-bottom: 18px;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px;
    border: 2px solid #e90404;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.send i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.send:hover{background-color:#ff5353; border: 2px solid #ff5353; color:white;padding: 6px 25px;}

.message{margin-bottom: 25px; padding: 20px; box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3);
}


/*if form message*/
.message input[type=text], .message input[type=number],
.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message textarea, .message select {
    margin-bottom: 0px;
    border: 1px solid rgba(0,0,0,.2) !important;
    border:none;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #707070;
}

.message select {font-size: 13px}

.message input[type=text]:focus, .message input[type=number]:focus,
.message textarea:focus, .message input[type=date]:focus, .message select:focus {
    -webkit-box-shadow: 0 0 4px 0 rgba(255, 83, 83, .28);
    box-shadow: 0 0 4px 0 rgba(255, 83, 83, .28);
    border: 1px solid rgba(255, 83, 83, .48) !important;}



/*if icon form*/
.icon-form input, .icon-form textarea{padding-left: 42px !important;}
.icon-form input{ border-radius: 50px !important}
.icon-form textarea, .icon-form .send-btn{ border-radius: 20px !important}
.icon-form .send-btn{width: 100%}
.icon-form .form-group{position: relative;}
.frm-icon{    position: absolute;
    left: 15px;
    top: 40px;
    width: 15px;
    height: 15px;}






/*file upload button*/
.fileWrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
    margin-bottom: 15px;
}

input[type=text].fileInputText {
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 5px;
    height: 46px !important;
    width: calc(100% - 115px) !important;
}

input[type=button].fileInputButton {
   float: right;
    color: white;
    border: solid 1px #4e4e4e;
    background: #4e4e4e;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    height: 44px !important;
    border-radius: 4px;}






/*table responsive*/
/*table*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{border-top: 1px solid white;}
.color-table th{font-weight: normal;   font-size: 17px; color: #1E7D47;}
tr.first-row>td, tr.first-row>th{border-top:none !important;}
.table-responsive{padding:15px 15px 0px; border-radius:12px; border: 1px solid #DDECCC; border-top:none;
border-right:none;}


.table-responsive {
    /*border:none;*/
    color: black;
    border-radius: 6px; border:1px solid rgba(255, 83, 83, .23);
    margin-bottom: 50px;
    padding: 0px;
}

.table-responsive.last{margin-bottom:0px !important;}


.table-responsive .table{margin-bottom: 0px; }
.table>tbody>tr>th{padding: 12px 18px !important;}
.first-row {
    background-color: #5EB007 !important;
}

.first-row th{color: white !important}

.table>tbody>tr>th {
    /*color: #057b4c !important;*/
    font-weight: 700;
    font-size: 15px; 
}

.table>tbody>tr>td{line-height: 26px;  }

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    /*border-top: 1px #c6d1f3 solid !important;*/
    border-right: 1px rgba(255, 83, 83, .23) solid !important;
    padding: 10px 15px;
    color: #383636;
}

.table>tbody>tr:first-child>td, .table>tbody>tr:first-child>th
{border-top: none !important;}

.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child{border-right: none !important;}

.table>tbody>tr:nth-child(even) {
    background-color:rgba(255, 83, 83, .15);
 }


.table>tbody>tr:nth-child(odd) {
       background-color:rgb(255, 255, 255); }

.table thead th{border-right: 1px solid rgba(255, 83, 83, .23) !important; border-bottom: none; color: #FF5353;
    border-top: none !important;}
.table thead th:last-child{border-right: none !important;}

thead tr{ background-color:rgba(255, 83, 83, .15);}


/*rewriting default settings*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}
.navbar-toggle{ background-color: #414241; border-radius: 0px; cursor: pointer !important}





/*accordion*/
#accordion .panel{
    border: none;
    border-radius: 0;
    margin-bottom: 15px; 
    border-radius: 5px;     
}


#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}
#accordion .panel-title a{
    font-size: 16px;
    display: block;
    padding: 10px 15px 10px 46px;
    /* font-family: 'rubikmedium'; */
    position: relative;
    transition: all 0.5s ease 0s;
    border-radius: 0px;
    box-shadow: none;
    color: white;
    background-color: #ff5353;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#accordion .panel-title a.collapsed{
    border-left: none;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    color: #3c3c3c;
    background: white;
    box-shadow: 0 0 0 1px #e6e6e6;

}

#accordion .panel-title a.collapsed:hover
{ background: #f3f2f2; box-shadow: 0 0 0 1px #e7ebf7;}

#accordion .panel-title a.collapsed:hover::after
{animation-name: rotateIn; animation-duration: 1s;}
#accordion .panel-title a.collapsed i
{color: #3A93C6}

#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\e054";
   /* font-family: FontAwesome;*/
    font-family: "dripicons";
    width: 46px;
    height: 100%;
    /* border-radius: 40px; */
   
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 47px;
    padding-left: 1px;
    color: #ffffff;
    border: none;
}
#accordion .panel-title a.collapsed:after{
    content: "\e065";
    line-height: 47px;
    border: none;
    padding-left: .6px;
    color:#ff5353;
    font-size: 20px;
}

#accordion .panel-title a:after{background-color: #ff5353;
    color: white;
    border-right: 1px solid rgb(255 255 255 / 48%);}

 #accordion .panel-title a.collapsed:after
{    background-color: #eceaea;
    border-right: 1px solid #e6e6e6;}


.panel-title
{padding-left: 0px; padding-right: 0px; padding-bottom: 0px; display: block !important; line-height: 26px;}

/*#accordion .panel-title a.collapsed:hover{
    background: #FDF6C5;
}*/
#accordion .panel-body{
    color: #484747;
    line-height: 25px;
    background: white;
    padding: 20px;
    border: none;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow:0 0px 30px rgba(0, 0, 0, 0.18);
    -moz-box-shadow:0 0px 30px rgba(0, 0, 0, 0.18);

}

.panel-default>.panel-heading{background-color: transparent;}

.aco-head{ padding-top: 4px; padding-bottom: 4px; display: inline-block; line-height: 21px; padding-left: 15px; }

.aco-head-date{width: calc(100% - 105px); display: block; float: left; padding-left: 15px}

.panel-group{ padding: 10px 0px 0px 0px;}

#accordion .panel-body .gen-para{text-align: justify;}

.panel .date .month, .panel .date .day{display: inline-block;}

.panel .date{width: 98px; float: right; padding:0px 3px -1px; margin-top: 4px; display: block;
    font-family: 'rubikregular';
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    border-left: 2px solid #B7E0E8;
    line-height: 19px;}

#accordion .panel-title a .date{ border-left: 2px solid  #ffffff; color: white}
#accordion .panel-title a.collapsed .date{border-left: 2px solid transparent; color: #3c3c3c}

.panel .date .day{margin-right: 5px; position: relative; }

.pnl-figure {overflow: hidden;}

.img-width {width: 135px; height: 100px;}

.aco-link{margin-bottom: 10px; display: inline-block;  color: #5d5d5d;padding: 5px; float: left;
border:1px solid #E0E2C2; margin-right: 5px; margin-left: 5px}

.r-shadow{box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.6)!important;}

.panel .grid-link img
{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0 auto}

.panel .grid-link
{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.5)!important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.5)!important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0,0,0,0.5)!important;}

.panel .gen-list, .panel .table-responsive{margin-top: 0px}

.panel .gen-list{text-align: justify;}

.bl-span{ font-size: 16px; margin-bottom: 12px; font-weight: bold;
    color: #272727;}

/*.panel h3{
    color: #141F27;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    box-shadow: 3px 8px 14px -4px #e6f5ec;
    border-left: 3px solid #BCE8F1;
    background-color: #F3FAF6;
    border-bottom: 1px solid #BCE8F1;
    padding: 7px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}
.panel h4{font-size:16px;}*/
.timeline-accordion#accordion .panel-body{line-height: inherit;}
.timeline-accordion#accordion .panel-body .gen-para{text-align: left;}


.home-acco-para{margin-bottom: 0px;  max-height: 104px;
    overflow: hidden;  
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;}


.fancybox-opened .fancybox-skin{padding: 5px !important; border-radius: 12px !important;}
.fancybox-inner{width: 100% !important;  border-radius: 12px !important}
.fancybox-inner img{border-radius: 12px !important}
.fancybox-close {
    top: 7px !important;
    right: 7px !important;}


/*innerpage accordion*/
.panel-new-title{display: block !important;/* border:1px dashed #00b7ce;*/ margin-bottom: 0px; line-height: 33px;}
.panel-new-title .aco-head{width: 100%}

#accordion .panel-new-title a.collapsed {
    color: #ff5353;
    background: #f5f5f5;}

#accordion .panel-new-title a {
    color: white;
    /*background-color: rgba(238, 71, 117, 0.21);*/
    background-color: #ff5353;
    font-size: 15px
}

#accordion .panel-new-title a.collapsed:after {
    color: #ffffff;
    border: 1px solid transparent;
}


.panel .gal-col img{box-shadow: 17px 22px 14px -14px rgba(2, 2, 2, 0.44); border:3px solid #e6e6e6;}


@media (max-width: 991px){
    .panel .date{display: block; float: none; margin-top: 0px; font-size: 11px; text-align: left; padding-left: 15px;}
    .aco-head-date{width: 100%}
    #accordion .panel-title a .date {border-left: none;}
}




/*gallery*/
.demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
            }
            .demo-gallery > ul > li a {
              /*border: 3px solid #FFF;*/
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }



.demo-gallery li img{
        -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    border-radius: 0px;
     }
.demo-gallery li{padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;}
.gallery-col{padding-left: 10px; padding-right: 10px}

.demo-gallery li a{border: 2px solid #7bab22;; border-radius: 0px}
.demo-gallery li a:hover img{ }
.photos-col .demo-gallery li img,
.video-col .demo-gallery li img  {
    border-radius: 6px 6px 6px 6px;}

.demo-gallery.home-gal {margin-bottom: 20px}


/*hover effects*/
.gal-img{position: relative;}
.gal-img:hover .overlayg {
/*height: 59px;
    width: 100%;
    border-radius: 6px 6px 6px 6px;*/
    bottom: 30px;
    animation-name: fadeInUp; animation-duration: 1s
/*    border: none;
    background-color: rgba(45, 148, 241, 0.76);*/

}

.gal-img:hover span{animation-name: swing; animation-duration: 3s; animation-delay: .5s; display: block; }

.overlayg {
position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 5px solid rgba(255,255,255, 0.2);
    background-color: rgb(123 171 34 / 90%);
    /* border-radius: 4px; */
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.overlayg span {

    color: #fff;
    text-align: center;
    background-image: url(../img/icons/green.png);
    background-size: cover;
    background-position: 3px -1px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: block;

}

.overlayg span.icon-view-thumb:before{content:none;}

/*.gal-img:hover .overlayg span{ 
    width: 67px;
    height: 46px;
    line-height: 38px;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid rgba(255,255,255, 0.2);
    border-radius: 3px;
    background-color: #0089d9;
}*/


/**/
.gallery-col .gal-cont {
    padding: 2px;
    border-radius: 6px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    border:1px solid rgba(0, 0, 0, .1);
}

.gallery-col .gal-name   {color: #555;
    margin-bottom: 5px;
    font-size: 13px;
    margin-top: 8px;
    text-align: center;}


.gal-name::before, .image-text:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
    left: 40px;
    margin-top: -16px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}



/*hover effects2*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0;
    padding: 9px 4px;
    height: 2.75em;
    background: #0089d9;
    color: white;
    font-size: 12px; letter-spacing: 3px; text-transform: uppercase;
            -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
/*    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;*/
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: hidden;

}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
    transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    float: left;
    margin: 0px;
    display: inline-block;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    margin: 50px 0 0 0;
    background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}




.hovereffect h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
    visibility: visible;
}


.hovereffect:hover .overlay{visibility: visible;}

.hovereffect:hover .overlay,
.hovereffect:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}





/*contact*/
.cnt-fl{    background-image: url(../img/images/map-bg.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center top;}
.contact-inn .contact-box {margin-bottom: 20px}
.cnt-iframe{width: 100%; height:350px; border:none; border-radius: 6px; margin-bottom: 10px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1); margin-top:30px;
border:2px solid white;}

.cnt-col{background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 12px}
.cnt-address,.cnt-form{padding: 40px 50px;}
.cnt-address{background-color: #ff5353; color: white; border-radius: 12px 0px 0px 12px}

.ad-div {
    text-align: center;
    margin-bottom: 22px;
}

.ad-div i {
    border: 2px solid rgba(255, 255, 255, 0.7);
    font-size: 20px;
    line-height: 35px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.73);}

.message button.read{background-color:white;}
label{font-size:15px; /*color: #FF5353;*/}








/******************************************** about ************************************************/

.home-abt-para{padding-left: 100px;
    padding-right: 100px;}
.border-img{border-radius: 6px;}
.in-about{ background-color: #effbd2;}
.abt-logo{ width: 78%;}



/***************************************** products ************************************************/

.bhoechie-tab-menu3
{  background-color: #73a01f;
    color: white;
    border-radius: 3px;}


.list-group3{ padding-top: 12px;padding-bottom: 20px}
.list-group-item3{display: block; border-bottom: 1px dashed rgb(116 230 19 / 48%); transition: all .5s ease}
.logo-text{font-size: 15px; margin-bottom: 0px !important;}

.list-group-item3.active{ background-color: #425c12; color: #a1d71f}
.list-group-item3:hover {background-color: #628a1a; color: white}
.list-group-item3.active .pro-fig img {  filter: hue-rotate(23deg) invert(0) brightness(1.7);}
.bhoechie-tab3 .pro-col {
    width: calc(100% / 4 - 0px) !important;
    max-width: calc(100% / 4 - 0px) !important;
}

.click-div .pro-fig img {
    width: 24px;
    filter: invert(1) brightness(7.5);
}

.pro-fig{margin-bottom: 0px; width: 24px; height: 24px; line-height: 15px;}
.pro-cat{font-size: 20px;
    margin-bottom: 0px;
    padding: 12px 20px 12px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);}

.meat-br .products .figure{ padding: 0px; padding-bottom: 10px }
.meat-br .products .figure img{border-radius: 4px 4px 0px 0px}


/************************* Download button ******************************/
.dwn-btn{ padding: 5px 25px;
    text-align: center;
    color: white;
    background-color:#ff5353;
    border-radius: 4px;
    float: left;
    margin-right: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
/*    font-size: 13px;
    font-family: 'robotomedium';
    letter-spacing: 1px;*/

    font-size: 12px;
    letter-spacing: .05em;
}

.dwn-btn i{margin-left:3px; position: relative; top: 3px;}

.dwn-btn span{ top: -2px;}

.dwn-btn:hover, .dwn-btn:visited{color:white; }
.dwn-btn:hover{background-color: rgba(27, 26, 26, 0.67);}
.dwn-btn.last{margin-bottom:30px;}


.table-responsive .dwn-btn,.panel .dwn-btn  {
    min-width: 102px;
    padding: 2px 12px;
    text-align: center;
    color: white;
    background-color: #ff5353;
    border-radius: 4px;
    float: left;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    display: inline-block;
    transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;
    
}

.table-responsive .dwn-btn:hover, .panel .dwn-btn:hover{   color: #ff5353;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 1px rgba(45, 148, 241, 0.72);
}

.table-responsive .dwn-btn:hover i, .panel .dwn-btn:hover i{animation-name:zoomIn; animation-duration:.2s;}

.table-responsive.text-center .dwn-btn, .panel .dwn-btn{padding: 2px 16px;
    border-radius: 4px;
    float: none;
     margin-right: 0px; 
    margin-bottom: 0px;
    margin: 0 auto !important;
}


.table-responsive .dwn-btn i, .panel .dwn-btn i{margin-right:3px;}






/****************************** CONTACT ************************************/

.phone-icon-box i{color: #509d0f; font-size: 22px;

    overflow: hidden;
    background-color: #effbd2;
    display: table;
    border-radius: 100%;
    padding: 7px;
    /* margin-bottom: 8px; */
    width: 38px;
    height: 38px;
    line-height: 28px;
    text-align: center;
    display: inline-block;

}

.phone-icon-box{margin-bottom: 10px}

.in-body .title{margin-bottom: 20px}

.quote-form-cont{border: 1px solid #acbd80;padding-top: 20px;
    border-radius: 20px;
    box-shadow: -1px 20px 50px -30px #3a3c39c2;}

.iframe-col iframe{width: 100%; border:none; height: 300px}

.quote-form input, .quote-form textarea {
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent;
}

.in-body h1{font-size:37px;
    color: #509d0f;}




/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1199px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 13px 20px 13px 20px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 12px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }



@media (min-width: 1300px){
    .pd-2-35{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;}

}

@media (max-width: 1299px){


}

@media (min-width: 1200px) and (max-width: 1290px){
.has-dropdown .list-link{ padding: 5px 6px 0px;}
}


@media (min-width: 1200px){
.mob-menu{display: none !important;}
.desk-menu{display: block !important;}
}


@media (max-width: 1199px){
.line-div {width: 55%;}
.square-ul.main-menu-ul{display: none !important;}
.cd-close{background-color: #61861c}
.cd-dropdown .cd-close {
top: 5px;
    right: 5px;
    height: 26px;
    width: 26px;
    border-radius: 100%;
}
.cd-dropdown li a:hover {
    color: #61861c !important;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before
{height: 13px;}
.menu-btn {
    margin-top: -11px;
}
.sticky .bg-dark {
    background-color: rgba(0,0,0,.5) !important;}
.mob-menu{display: block !important;}
.desk-menu{display:none !important;}
.call-nav-login li:last-child a{padding: 5px 0px 5px 15px !important}
.call-nav-login li:first-child a{padding: 5px 15px 5px 0px !important}

.call-nav.call-nav-call{float: left !important;}

}

@media (min-width: 992px) and (max-width: 1199px) {
header .social {margin-right: 15px;}
.other-col{padding-left: 25px;}
.slide-div {
    height: 398px;
}

}



@media (max-width: 991px){
.home-abt-para{padding-left: 0px;
    padding-right: 0px;}
.inn-abt, .inn-abt .gen-para{text-align: center;}
.abt-logo{ width: 280px; margin: 0 auto; margin-bottom: 20px}
div.bhoechie-tab-content3 {
    padding: 0px 0px;
}
.call-nav.pull-right, .support{display: none !important;}
.menu-btn{float: right;}
.auto-991{ margin: auto; margin-top: 15px }
.call-nav {
    float: right !important;
}
.line-div{float:right; width: 100%;}
.cd-dropdown-wrapper{ height: 22px;}
h1 {font-size: 30px;}
h2{font-size: 28px}

.dis-none-991{display: none;}
.contact-form-col{margin-top: 30px}
}


@media (min-width: 768px) and (max-width: 991px) {
.slide-div {
    height: 318px;
}
.pd-2-35 {padding-left: 30px;padding-right: 30px;}
header .social {margin-right: 30px;}
.video-box p.caption { font-size: 56px !important;line-height: 51px !important;}
.video-box p.caption span.small {font-size: 50px !important;}


}




@media (max-width: 767px){
.pro-in-col{padding-left: 10px; padding-right: 10px}
.intro-coll{padding-left: 5px; padding-right: 5px}
.intro{margin-bottom: 10px}
.call-nav-login li:first-child a {
    padding: 0px 0px 0px 0px !important;
}
.cd-dropdown-trigger{margin-top: 15px;}
.cd-dropdown-wrapper {
    height: 15px;
}
.call-nav-login {
    margin-top: 5px;}
.call-nav li{float: none !important;}
.call-nav li a{width: auto; float: right;}
.pd-0-767{padding-left: 0px; padding-right: 0px}
.logo-col{top: 40px;}
.call-nav-cont{float: none; text-align: center; margin-top: 5px; width: 100%;}

/*.phone-icon-box{margin: 0 auto; margin-bottom: 18px;}*/
footer .phone-icon { line-height: 30px;}
ul.footer-social li { margin-right: 3px; margin-left: 3px}

footer .phone-icon-box .sub-box{display: block;}
footer .phone-icon-box .sub-box1{padding-right: 0px}

.affl-col.home{bottom: -52px;}
footer .affl-cont .box .sub-box{display: block; text-align: center;}
footer .affl-cont .box .sub-box1{padding-right: 0px; padding-bottom: 10px}
footer .affl-cont .box .sub-box1 img{margin:0 auto;}
footer .affl-cont{margin:0 auto;}

.mid-footer-col .link-box{margin-bottom: 25px}




}


@media (min-width: 576px) and (max-width: 767px) {

.slide-div {
    height: 220px;
}
.pd-2-35{padding-left: 15px; padding-right: 15px}
.in-slide-head .h-span {
    font-size: 40px;
}
}



@media (min-width: 601px){
.list-600{display: none;}
}

@media (max-width: 600px){
 .rights-col, .power-col{width: 100%; float: none; flex: 100%; max-width: 100%; text-align: center;}
 .rights.text-left, .powered-by.text-right {text-align: center !important;}
 .rights{margin-bottom: 8px}
}
 

@media (max-width: 575px){
.abt-logo{width: 220px}
.pd-0-575{padding-right: 0px; padding-left: 0px}
.wel-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
}
.pipe-head {
    font-size: 15px;}
.lower-content {
    padding: 20px 10px 10px 10px;}
.intro-coll {
    padding-left: 3px;
    padding-right: 3px;
}
.intro {
    margin-bottom: 6px;
}
.intro-img {
    height: 120px;}
.pro-in-col {
    padding-left: 0px;
    padding-right: 0px;
}
.pro-in-col .row{margin-left: -3px !important; margin-right: -3px !important}
.intro-coll{width: 50%; max-width: 50%; flex:50%;}
footer .phone-box{margin: 0 auto}
footer .phone-box .sub-box1{display: none;}
.op-links li:last-child{margin-bottom: 20px}
.block_tags li{float: none; display: inline-block;}
.brands-cont {
    padding-right: 0px; 
}
.brands-p {font-size: 15px}
.brands-head{display: none;}
.bhoechie-tab3{margin-top: 10px}
.bhoechie-tab3 .pro-col {
    width: calc(100% / 3 - 0px) !important;
    max-width: calc(100% / 3 - 0px) !important;
}

h1 .span2 {
    font-size: 28px !important;
}
h1 .span1 {
    font-size: 37px !important;
}
.slide-div {
    height: 180px;
}
.other-col {
    padding-top: 16px; padding-bottom: 10px}
.call-nav, .line-div{display: none;}
.hd-col-col{padding-right: 0px; padding-left: 0px}
.logo {
    max-height: 60px;}
.logo-div{padding-bottom:20px;
    padding-left: 20px;
    padding-right: 20px;}    
.demo-gallery li {
    padding-left: 0px;
    padding-right: 0px;}
.in-slide-head .h-span {
    font-size: 35px;
}
.in-body h1 {font-size: 30px;}
.pd-lr0-575{padding-right: 0px; padding-left: 0px}
.col-576{padding-left: 0px; padding-right: 0px}
.pd-2-35 {padding-left: 15px; padding-right: 15px;}
/*.pd-2-15{padding-left: 0px; padding-right: 0px}*/
.pd-2-35 .row{margin-left: 0px; margin-right: 0px}
.mrg-div {margin-bottom: 50px;}

.inn-cont {
    padding-top: 40px;
    padding-bottom: 40px;
}

footer, .rights.text-left {text-align: center;}
footer .phone-icon-box{margin: 0 auto;margin-bottom: 20px}


.gen-list li {
    line-height: 24px;}

.in-main-col, .inn-cont {
    padding-top: 40px;
    padding-bottom: 40px;
}


.inner-page-slide{height: 198px}

h1 {font-size: 29px;line-height: 29px !important;}
h2 {font-size: 24px;}

h4 {font-size: 14px;}


body{font-size: 15px}
.in-body{font-size:15px;}
.gen-para { line-height: 30px; font-size: 15px}
.navbar-nav>li>a{font-size: 14px; padding: 10px 18px;}

}




@media (max-width: 425px){
.slide-div {
    height: 140px;
}
.bhoechie-tab3 .pro-col {
    width: calc(100% / 2 - 0px) !important;
    max-width: calc(100% / 2 - 0px) !important;
}

.other-col {
    float: right;
    width: calc(100% - 176px);
     padding-left: 0px; 
     padding-top: 0px; 
    padding-bottom: 0px;
}

.menu-btn {
    margin-bottom: 20px;
}

}