/*----------------------------------
 Name:-  .
 Font-family: 'Lato', sans-serif;
 Color: #5e9216;(Green)
 Color: #1a1b15;(Light Black)
 Color: #000;(Black)
 Dev:- Omsoftsolution.com
 date:- 00/Jan/2017
----------------------------------*/
* { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
body { margin: 0; font-size: 15px; color: #1a1b15; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 21px; }
h1,h2,h3,h4,p,a { margin: 0; color: #1a1b15; font-family: 'Lato', sans-serif; word-wrap: break-word; } 
h1 { font-size: 60px; line-height: 66px; }
h2 { font-size: 50px; line-height: 56px; }
h3 { font-size: 40px; line-height: 46px; }
h4 { font-size: 30px; line-height: 36px; }
h5 { font-size: 20px; line-height: 26px; }
p  { font-size: 15px; line-height: 21px; }
a  { font-size: 15px; line-height: 21px; display: inline-block; cursor: pointer; }
span  { display: inline-block; }
img { width: 100%;}
input, textarea, { margin: 5px 0; padding: 5px; width: 100%; border: 1px solid #fff; }
ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; float: left; list-style: none; }
ul li a{ margin: 0; padding: 0; font-size: 15px; display: inline-block; }
a:hover { text-decoration: none;}
div { margin: 0; padding: 0; }
figure { overflow: hidden; }
figure:hover img{ transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); }
section { padding: 10vh 0; margin: 0; }
hr { width: 100px; border-color: #3ea0a4; }

/*-- Top Text --*/
.top { background: #5e9216; padding: 7px 0; }
.top ul { display: inline-block; float: right; }
.top ul li a { margin: 0 2px; color: #fff; background: #000; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; display: inherit; }
.top ul li a:hover { color: #5e9216; background: #fff; transform: rotate(360deg); }
.top p { line-height: 30px; color: #000; font: 17px; }
.top p i { margin: 0 2px; color: #fff; background: #000; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; font-size: 18px; }
/*-- Logo Name --*/
.name { padding: 5px 0; }
.name h5 { color: #5e9216; line-height: 53px; text-align: center; font-size: 25px; font-weight: 600;}
.name a { text-align: right; font-size: 16px; width: 100%; color: #5e9216; }
.contact { padding: 10px; }
/*-- Menu --*/
.menu { background: #5e9216; }
.menu h4 { color: #fff; opacity: 0; }
.menu h4 span { background: #fff; padding: 0 11px; border-radius: 50%; color: #191a2e; }
.navbar { border-radius: 0; margin-bottom: 0; border: none; }
.navbar ul li a { font-size: 18px; padding: 20px 25px; color: #000; }
.navbar ul li a:hover { background: #000; color: #5e9216; }
.quick { font-size: 15px; padding: 19.5px 25px; color: #fff; background: #000; float: right; }
.quick:hover { background: #f1f1f1; color: #5e9216; }
/*-- Drop Down --*/
.dropbtn { border: none; cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background: #5e9216; min-width: 150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; text-decoration: none; }
.dropdown-content a { text-decoration: none; display: block; color: #000 !important; padding: 10px !important; border-bottom: 1px solid #fff; font-size: 14px !important; }
.dropdown-content a:hover { background: #000 !important; color: #5e9216 !important; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background: #000; color: #5e9216; }
/*-- Affix --*/
.affix { width: 100%; z-index: 99; top: 0; box-shadow: 2px 2px 10px #000; }
.affix .navbar-brand img { width: 40%; background: #fff; }
/*-- Slider --*/
.slider { position: relative; height: 76.5vh; overflow: hidden; }
/*-- Product --*/
.i-product {  }
.i-product .box { display: table; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 5px; }
.i-product .box:hover { background-position: top; background-size: auto, contain; }
.i-product .bg-1{ background-image: url(../images/1.jpg); }
.i-product .bg-2{ background-image: url(../images/2.jpg); }
.i-product .bg-3{ background-image: url(../images/3.jpg); margin-top: 5vh; }
.i-product .box .text { display: table-cell; vertical-align: middle; border-radius: 5px; text-shadow: 0 0 2px #000; }
.i-product .box .text:hover { background: rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.75);}
.i-product .box .height { height: 75vh; }
.i-product .box .small  { height: 35vh; }
.i-product .box .text h2 { margin: 0 auto 10px; width: 60%; color: #fff; font-weight: 300; }
.i-product .box .text h5 { margin: 0 auto; width: 60%; color: #fff; }
.i-product .box .text a  { margin: 10px 20%; padding: 10px 0; text-align: center; text-shadow: none; border-radius: 5px; width: 130px; background: #5e9216; color: #fff; display: block; }
.i-product .box .text a:hover  { background: #000; }
/*-- I About --*/
.i-about { background: #f1f1f1; box-shadow: 0 0 5px #aaa; }
.i-about a { padding: 10px 20px; background: #5e9216; color: #fff; border-radius: 5px; }
.i-about a:hover { background: #000; }
/*-- Gallery --*/
.i-gallery { text-align: center; }
.i-gallery h2 { font-weight: 300; margin-bottom: 20px; }
.i-gallery h2 span { color: #5e9216; font-weight: 400; }
.i-gallery .box { margin: 15px 0; padding: 10px; background: #f1f1f1; text-align: left; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }
.i-gallery .box:hover { background: #fff; ;-webkit-box-shadow: 0px 0px 5px 0px #000; -moz-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000; }
.i-gallery .box:hover img{ transform: scale(1.2); }
.i-gallery .box h4 { padding: 10px 0 2px; font-size: 20px; font-weight: 700; }
/*-- Testimonial --*/
.testi { background: #f1f1f1; box-shadow: 0 0 5px #aaa; text-align: center; }
.testi .item .carousel-caption { position: relative; left: 0; right: 0; text-align: left; text-shadow: none; }
.testi .item .carousel-caption .box { margin: 5px 0; padding: 25px; border-radius: 5px; box-shadow: 0 0 5px #aaa; }
.testi .item .carousel-caption .box h4 { margin-bottom: 5px; color: #3c3c3c; }
.testi .item .carousel-caption .box p { margin-bottom: 5px; color: #3c3c3c; }
.testi .item .carousel-caption .box h5 { color: #aaa; }
.testi .carousel-indicators { bottom: -20px; }
.testi .carousel-indicators li { border-color: #000; }
.testi .carousel-indicators .active { background: #5e9216; }

/*-- Map --*/
.map { display: block; }
.map iframe { width: 100%; height: 50vh; }
/*-- Footer --*/
footer { padding: 10vh 0 5vh; background: #000; letter-spacing: 1px; }
footer h4 { color: #5e9216; }
footer #social { text-align: center; margin-top: 20px; }
footer #social { display: inline-block; }
footer #social li a { background: #4a4a4a; color: #000; margin: 0 3px; font-size: 15px; line-height: 30px; width: 30px; border-radius: 5px; }
footer #social li a:hover { background: #fff; color: #000; }
footer p { padding: 3px 0; color: #717171; }
footer p span { float: right; width: 80%; }
footer a { padding: 3px 0; width: 100%; color: #717171; }
footer a:hover { color: #fff; }
footer .box { max-height: 315px; overflow-y: auto; background: #fff; }
footer .fb-page span { max-height: 315px !important; overflow: hidden; }
/*-- Copy --*/
.copy { display: block; background: #0c0c0c; text-align: center; padding: 5px 0; }
.copy p { color: #6b6b6b; }
.copy a { color: #6b6b6b; }
/*-- Form --*/
.form { display: inline-block; width: 100%; padding: 10px; box-shadow: 0 0 5px #000; background: #fff; }
.form input[type="text"] { width: 100%; padding: 2vh 0; margin: 2px 0; border: none; border-bottom: 1px solid #000; border-radius: 0; }
.form textarea { width: 100%; padding: 2vh 0; margin: 2px 0;  border: none; border-bottom: 1px solid #000; height: 15vh; border-radius: 0; }
.form input[type="button"] { width: 125px; padding: 2vh 0; border: 1px solid #000; border-radius: 0; background: #5e9216; color: #fff; margin: 0 auto; display: block; text-transform: uppercase; }
.form input[type="button"]:hover { background: #000; color: #fff; border-color: #da8e02; width: 150px; box-shadow: 0 0 5px #5e9216; }
.form input[type="text"]:focus { outline: none; }
.form textarea:focus { outline: none; }
::-webkit-input-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }
/*-- Go To Top Button --*/
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }
#return-to-top:hover i { color: #fff; top: 5px; }
#return-to-top p { opacity: 0; }
#return-to-top:hover p { opacity: 1; text-align: center; color: #fff; font-size: 10px; line-height: 30px; }


/*========================================================================
----------------------------------- Page Css -----------------------------
========================================================================*/
/*-- Page Background --*/
.page-head { text-align: center; background-attachment: fixed; background-position: center; background-size: cover; }
.page-head h2 { background: rgba(0,0,0,0.5); padding: 18vh; color: #fff;  }
.abt { background-image: url(../images/3.jpg); }
.p-bg { background-image: url(../images/2.jpg); }
.paper-bg { background-image: url(../images/2.jpg); }
.Ply-bg  { background-image: url(../images/4.jpg); }
.pine-bg { background-image: url(../images/3.jpg); }
.galery-bg { background-image: url(../images/5.jpg); }
.contact-bg { background: url(../images/contact.jpg) bottom no-repeat; }


/*-- About --*/
.about { }
.about p { padding: 5px 0; }
.about figure { margin-top: 80px; border: 5px solid #5e9216; }
.mission { background: #f1f1f1; }
.mission ul { margin-top: 25px; }
.mission ul li:before { content: url('../images/dot.png'); background-image: ; }
.mission ul li { padding: 5px 0; font-weight: 600; width: 100%; }
.mission ul li span { float: right; width: 95%; }
/*-- Products --*/
.product {  }
.product .box { background: #f1f1f1; margin: 15px 0; padding: 10px; box-shadow: 0 0 5px #aaa; }
.product .box:hover { box-shadow: 0 0 5px #000; background: #d8d8d8; }
.product .box:hover img { transform: scale(1.2); }
.product .box h5 { padding-bottom: 10px 0; }
.contacts {  }
.contacts p { margin: 5px 0; }
.contacts p span { width: 95%; float: right; }
.contacts .social { text-align: center; }
.contacts .social li a { margin-right: 1px; width: 30px; line-height: 30px; background: #5e9216; }
.contacts .social li a:hover { background: #000; color: #fff; }


/*========================================================================
------------------------------- Responsive Css ---------------------------
========================================================================*/

/*-- Tab Screen --*/
@media screen and (max-width: 1000px) and (min-width: 768px) {
 .slider  { height: 50vh; }
 h3 { font-size: 30px; }
 h4 { font-size: 22px; }
 h5 { font-size: 18px; }
 p  { font-size: 13px; }
}


/*-- mobile Screen --*/
@media screen and (max-width: 750px) and (min-width: 200px) {
 .top ul { margin-right: 25%; }
 .logo img { max-width: 30%; margin: 0 auto; display: block; }
 .name h5 { font-size: 25px; line-height: 25px;  }
 .name a { text-align: center; }
 .navbar-toggle { right: 40%; }
 .navbar-toggle { background: #fff; border: 0; }
 .navbar-toggle span { background: #122134; }
 .affix .navbar-brand img { width: 65%; }
 .navbar ul li{ width: 100%; text-align: center; }
 .dropdown-content { width: 100%; }
 .slider { height: 40vh; }
 .cb-slideshow, .cb-slideshow::after { height: 40vh; }
 .cb-slideshow li div h3 { font-size: 30px; line-height: 40px; }
 .about .quote::after { display: none; }
 .radical h2 { font-size: 30px; }
 .i-product h5 { font-size: 14px; line-height: 20px; }
 h2 { font-size: 30px; line-height: 36px; }
 h3 { font-size: 35px; line-height: 41px; }
 .bg-1 { margin-bottom: 5vh; }
 .contacts p span { width: 90%; }
 footer {}
 footer h6 { width: 100%; }
 footer h2 { text-align: center; font-size: 17px; }
 footer p span { width: 60%; }
 footer .box { margin-top: 25px; }
}
.modal-body {
    padding: 25px 16px;
    background: #fff;
    width: 300px;
    margin: 15% auto 0;
}

.modal-footer {
    padding: 10px 16px;
    background-color: #262626;
    color: #fff;
    width: 300px;
    margin: auto;
}

.btn-primary {
    color: #fff;
    background-color: #202020;
    border-color: #1a1a1a;
    margin: 0px 38%;
}

.btn-primary:hover {
    margin: 0px 38%;
    color: #202020;
    background: #fff;
}

#processing {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff;
    opacity: 0.5;
    top: 0px;
    left: 0px;
}

#processing img {
    position: absolute;
    z-index: 100000;
    width: 20%;
    margin: 15% 40%;
}