/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Droid Serif Regular';
font-style: normal;
font-weight: normal;
src: local('Droid Serif Regular'), url('../fonts/DroidSerif/DroidSerif-Regular.woff') format('woff');
}


@font-face {
font-family: 'Droid Serif Italic';
font-style: normal;
font-weight: normal;
src: local('Droid Serif Italic'), url('../fonts/DroidSerif/DroidSerif-Italic.woff') format('woff');
}


@font-face {
font-family: 'Droid Serif Bold';
font-style: normal;
font-weight: normal;
src: local('Droid Serif Bold'), url('../fonts/DroidSerif/DroidSerif-Bold.woff') format('woff');
}


@font-face {
font-family: 'Droid Serif Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Droid Serif Bold Italic'), url('../fonts/DroidSerif/DroidSerif-BoldItalic.woff') format('woff');
}

body{
    font-family: 'Open Sans', sans-serif;;
    /* min-height: 75rem; */
    padding-top: 5.5rem;
    font-size: 13px;
}
a, a:hover{color: #719430;}
::selection {
    background-color: #719430;
    color: #ffffff;
}
h4{color: #666; font-size: 18px; font-weight:600;}
form .alert{margin-bottom:0px !important;}

p{font-size: 13px; color: #666; font-weight: 400;}

.text-primary{color: #719430 !important;}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #719430 !important;
    color: #ffffff;
    border-color: #507210;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #719430;
    border-color: #507210;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(80, 114, 14, 0.5);
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(80, 114, 14, 0.5)
}

.navbar{
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

.navbar .nav-item{padding-left: 5px; padding-right: 5px;}
.navbar .nav-item.active{ border-bottom: 2px solid #fff;}
.navbar .nav-link{color: #fff !important;  line-height: 70px; white-space: nowrap;}
.navbar .navbar-brand img{height: 78px;}
.navbar, .navbar .dropdown-menu{background-color: #000000 !important; color: #fff;}
.navbar li.dropdown .dropdown-item{background-color: #000000; color: #fff; font-size: 13px;}
.navbar li.dropdown .dropdown-item:hover{background-color: #2e2e2e;}
.navbar-nav > li:nth-child(8){border-right: 1px solid #e1e1e1;}

.fa-facebook-f, .fa-youtube{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #000;
}

.navbar-nav .fa-facebook-f,
.navbar-nav .fa-youtube{color: #fff;}
footer .fa-facebook-f{color: #000;}
.fa-facebook-f:hover {color: #fff;background-color: #3b5998;}
.fa-youtube:hover {color: #fff;background-color: #c4302b;}

main{min-height: 400px;}
footer{border-top:1px solid #2e2e2e !important; color: #000; font-size: 11px;}
footer ul{padding:0px; margin: 0px;}
footer ul li{ display: inline-block; padding: 8px;}
footer ul li a, footer ul li a:hover{color: #000;}

.features-box{padding-right: 20px;}
.features-box img{position: absolute; top: -5px;}
.features-box h3{
    color: #666; 
    font-size: 16.3px; 
    font-weight:600;
    padding-left: 30px;
    letter-spacing: 1px;
}

.special-heading{
    width: 100%;
    clear: both;
    display: block;
    margin-top: 50px;
    position: relative;
}
.special-heading h2,
.special-heading h3
{
    color: #666666;
    padding: 0;
    margin: 0;
    float: left;    
    font-weight: 600;    
}

.special-heading h2{font-size: 28px;text-transform: uppercase;}
.special-heading h3{font-size: 20px;}
.special-heading  .special-heading-border {
    position: relative;
    overflow: hidden;
    border-color: #e1e1e1;
}
.special-heading  h2 + .special-heading-border {height: 2.6em;}
.special-heading  h3 + .special-heading-border {height: 2em;}

.special-heading .special-heading-inner-border {
    border-color: #666666;
    display: block;
    width: 100%;
    margin-left: 15px;
    border-top-style: solid;
    border-top-width: 1px;
    position: relative;
    top: 50%;
    opacity: 0.15;
}

form label{
    font-weight: bold;
    font-size: 12px;
    color: #666666;
}



/* Main container */
.overlay-image {
    position: relative;
    width: 200px;
}
/* Original image */
.overlay-image .image {
    display: block;
    width: 100%;
    height: auto;
}
/* Original text overlay */
.overlay-image .text {
    color: #fff;
    font-size: 30px;
    line-height: 1.5em;
    text-shadow: 2px 2px 2px #000;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
   
/********* Overlay on hover *******/
/* New overlay on hover */
.overlay-image .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
}
/* New overlay appearance on hover */
.overlay-image:hover .hover {
    opacity: 1;
}

.overlay-image .normal {
    transition: .5s ease;
}
.overlay-image:hover .normal {
    opacity: 0;
}
.overlay-image .hover {
    background-color: rgba(255,255,255,0.5);
}

@-webkit-keyframes avia_pop_small {
    0%   { -webkit-transform:rotate(-175deg) scale(0.2);  }
    100% { -webkit-transform:rotate(0deg) scale(1);  }
  }
@keyframes avia_pop_small {
0%   { transform:rotate(-175deg) scale(0.2);  }
100% { transform:rotate(0deg) scale(1);   }
}

.image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0; 
    -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */animation:         avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
}

.image-overlay-inside:before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff; 
    background-color: #507210; color: #ffffff;  content:"\f064"; opacity: 0.7;    font-family: FontAwesome;

}

.video-container h3{ color: #719430; font-size: 20px; font-style: italic; font-family: Droid Serif Italic;}

.form-success{font-size: 20px; color: #666;}



.banner-content{position: absolute; top: 22%; width: 100%; }
.home-page #slider1 > div > div:nth-child(1) > div{top: 5%;}
.home-page #slider1 > div > div:nth-child(2) > div{top: 50%;}



.page-title{
    box-shadow: black 0px 4px 10px -5px;
    text-shadow: none;
    font-weight: normal;
    opacity: 0.86;
    text-align: center;
    padding: 5%;
    font-size: 11px;
    color: rgb(255, 255, 255);
    background: rgb(101, 115, 92);
    white-space: nowrap;
    width: auto;
    height: auto;
    line-height: 27px;
    border-width: 0px;
    margin-left: 0px;
    margin-top: 0px;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1);
    visibility: visible;
}

.product-box .title{font-size: 20px;}
.product-box .desc{font-size: 18px;}


.timeline {        
    padding: 0 10px 0 20px;
    border-left: 1px dashed #e1e1e1;
    margin-left:30px;
  }
  
  .timeline .timeline-inner{
    line-height: 1.5;
    background-color: #fff;    
    border-radius: 0 40px;
    padding: 0 0px 0 30px;
    position: relative;
    margin-left:4px;
  }

  .timeline > div{margin-left: 35px;}
  
  .timeline .timeline-inner:before {
    
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #d0d0d0;
    border: #d0d0d0;
    position: absolute;
    top: 0px;
    left: -56px;    
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;    
    line-height: 64px;
    text-align: center;
    font-size: 30px;      
  }

  .timeline .timeline-inner.address:before{
    content: "\f015";
  }

  .timeline .timeline-inner.phone:before{
    content: "\f095";
  }

  .timeline .timeline-inner.email:before{
    content: "\f0e0";
  }
  

  .awards-list ul{ padding: 0px;}
  .awards-list li {padding: 3px 0; margin-left: 16px; color: #666;   }
 

@media(max-width: 767px){
    .navbar .nav-link{line-height: unset;}
}

@media(min-width: 768px){
    .page-title{padding: 20px; font-size: 15px;}
}
@media(min-width: 992px){
    .page-title{font-size: 25px;}
}

@media (min-width: 1200px) { 
    .page-title{bottom: -10px; position: relative;}
}
@media (min-width: 1300px) { 
    .page-title{ bottom: -27px; }
}