@charset "utf-8";
/* CSS Document */
 @import 'settings-panel.css';
 @import url('https://fonts.googleapis.com/css?family=Oswald|Roboto');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700');

 body, html {
     font-size:16px;
   font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
    color: #353535;
     height: 100%;
     line-height: 26px;
     /*-webkit-overflow-scrolling: touch;
     text-rendering: optimizeLegibility!important;
     -webkit-font-smoothing: antialiased!important;*/
}
 * {
     margin: 0;
     padding: 0;
     outline: 0;
}
 img{
     max-width: 100%;
     border: 0;
}
 a{
     text-decoration: none;
}
 ul, ol{
     list-style-type: none;
     list-style: none;
}
 h1,h2,h3,h4,h5,h6 {
 font-family: 'Josefin Sans';
  font-style: normal;
     color: #4b4741;
     font-weight: 600;
}
 h1{
     font-size: 32px;
}
 h2{
     font-size: 30px;
     padding-top: 14px;
}
 h3{
     font-size: 28px;
}
 h4{
     font-size: 24px;
}
 h6{
     color:#fff;
}
 small{
     font-size: 20px;
}
 header{
     width: 100%;
     background: #fff;
     border-top: 0px solid #3B8738;
}

 .bg-default p{
     padding-bottom: 10px;
}
 .top-area{
     width: 100%;
     padding: 10px 0;
	 background: #FFF000;
   /* background: url(../images/19.jpg); */
   background-repeat: repeat;
}
 .logo{
     padding:15px 0px;
     width: 200px;
}
 .social-icon{
     float: right;
     padding-top: 30px;
}
 .social-icon ul{
     text-decoration: none;
}
 .social-icon li{
     display: inline-block;
     text-align: center;
     padding: 6px;
}
 .social-icon li a{
     font-size:20px;
     color: #fff;
     display: block;
     height: 40px;
     width: 40px;
     text-decoration: none;
     background: #8d00ff;
     border-radius: 50px;
     line-height: 40px;
}
 .social-icon li a:hover{
     color: #fff;
     background: #ea018a;
}
 nav {
     width: 100%;
}
 .clearfix{
     display: block;
     content: "";
     clear: both;
}

 .mobile-menu{
     display: none;
     font-size: 16px;
     text-transform: uppercase;
     background: url("../images/menuicon.png") right center no-repeat;
     color:#333;
     font-weight:bold;
     cursor: pointer;
}
 nav{
font-family: 'Josefin Sans';
  font-style: normal;
 
font-weight:bold;
 
     color:#333;
}
 nav > ul > li{
     display: inline-block;
     line-height: 45px;
     position: relative;
     margin-left: -4px;
}
 nav > ul > li:last-child{
     background: none;
}
 nav > ul > li > a{
     padding: 0 57px;
     color: #fff;
     text-transform: uppercase;
     display: block;
     font-size: 15px;
     font-weight: normal;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
     text-decoration: none;
}
 nav > ul > li > a.list1{
     border-right: none;
}
 nav > ul > li > a:hover, nav > ul > li > a.active{
     background: #EB008B;
     vertical-align: top;
     color: #fff;
     text-decoration: none;
}
 nav > ul > li > ul{
     display: none;
     z-index: 99999;
}
 nav > ul > li:hover > ul{
     display: block;
     position: absolute;
}
 nav > ul > li:hover > ul > li{
     background: #3B8738;
     height: 40px;
     line-height: 40px;
     border-bottom: 1px solid #ccc;
     white-space: nowrap;
}
 nav > ul > li:hover > ul > li > a{
     color: #fff;
     font-size: 14px;
     font-weight: normal;
     display: block;
     text-transform: uppercase;
     padding-left:10px;
     padding-right: 10px; 
     text-decoration: none;
}
 nav > ul > li:hover > ul > li > a:hover, nav > ul > li:hover > ul > li > a.select{
     background: #A6D139;
    
     color: #3B8738;
     height: 40px;
     line-height: 40px;
     border-bottom: 1px solid #ccc;
    /* border-left:1px solid #000;
     border-right:1px solid #000;
     border-bottom:1px solid #000;
    */
     text-decoration: none;
}
 nav > ul > li:nth-of-type(3):hover > ul{
     width:300px;
}
 dl, ol, ul{
    margin-bottom: 0rem;
}

nav > ul > li > a > i {
    position: absolute;
    right: 10px;
    top: 28%;
}

.menu-area {
     background:#652D92;

}
 .banner{
     width: 100%;
     margin:auto;
}
 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 206px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 2px;
     color: #fff;
     text-align: center;
     background: rgba(0, 0, 0, 0.4);
}
 .carousel-control-prev-icon,.carousel-control-next-icon{
     background-image: none;
}
 .carousel-caption p {
     margin-top: 0;
     margin-bottom: 1rem;
     font-size: 22px;
     text-shadow: 5px 5px 8px #333;
}
 .carousel-caption h1{
     color: #fff;
     text-shadow: 5px 5px 8px #333;
}
 .bg{
     margin:35px auto;
}
 .img-area{
     border:0;
}
.content-area{ padding: 10px 0;
}
.content-area h2{ font-size: 25px;}
.content-area p{text-align:justify; padding: 0px 0px; }
 .wel-area{
     padding: 10px 5px;
}
 .wel-area h1{
     font-size: 50px;
     text-align: center;
     text-shadow: 3px 3px 3px #ccc;
}
 .wel-area p{
     color: #000;
     padding-bottom: 10px;
     text-align:center;
}
 .wel-area b {
     font-size:19px;
     line-height:28px;
     color:#333;
     text-align:center;
}
.hr{ border-bottom: 2px solid #333; padding: 15px 0; margin-bottom: 15px;}
 .what-do{
     padding: 1px 0;
}
 .what-do h2{
     color: #3B8738;
}
 .hr{
     max-width:1120px;
     border:1px solid #ccc;
     margin:10px auto;
}
 .what-do p{
     padding-bottom: 10px;
}
 .btn {
     padding: 8px 18px;
     font-size: 14px;
     line-height: 1.2;
     border-radius: 50px;
     border-width: 2px;
     font-weight: 700;
     min-width: 110px;
     color: #fff;
     background-color: #a6c550;
     border-color: #a6c550;
     transition: .3s ease-out;
}
 .btn:hover{
     color:#333;
}
 .bg1{
     background:#F3F3F3;
}
 .three-box{
     margin: 55px auto;
     position: relative;
}
 .three-box::before{
     position: absolute;
     left: 0;
     right: 0;
     border: 3px solid #652D92;
     text-align: center;
     margin: auto;
     content:"";
     bottom:-7px;
     width: 50px;
     z-index: 999;
}
 .three-box:after{
     position: absolute;
     border:1px solid #E90A8A;
     width: 120px;
     bottom: -5px;
     content: "";
     left: 0;
     right: 0;
     margin: auto;
     text-align: center;
}
 .three-box h2{
     text-align: center;
     font-size:32px;
     padding-bottom: 10px;
}
 .three-box span{
     color: #652D92;
}
 .three-box p{
     text-align:center;
}
 .bg-default{
     background: #fff;
     padding: 0px 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 0px;
}
 .bg-default h2{
     font-size: 22px;
     color:#333;
     margin-top: 10px;
}
 .bg-default p{
     text-align:justify;
}
 .bg-area{
     background: #fff;
     padding: 15px 10px;
     margin-bottom:45px;
     box-shadow: 6px 5px 6px 2px #ccc;
}
 .bg-area span{
     text-align: center;
     color: #a6c550;
     margin: auto;
     display: block;
     font-size: 40px;
     margin: 5px 0 10px 0;
     padding: 5px 0 0 
}
 .ab-cont-mp {
     padding-top: 64px;
}
 .bg-area h3 {
     color: #a6c550;
     font-size: 18px;
     text-align: center;
}
 .bg-area p {
     color: #9f9f9f;
     font-size: 15px;
     text-align: center;
}
 .img-style{
     border-radius:50%;
}
 .img-style{
     border-radius:50%;
}
 .bg-default img{
     border:1px solid #ccc;
     padding: 3px;
}
 .bg-default span{
     text-align: center;
     color: #a6c550;
     margin: auto;
     display: block;
     font-size: 40px;
     margin: 5px 0 15px 0;
     padding: 20px 0 0 0;
}
 .text{
     text-align: center;
}
 .bg2{
     padding-bottom: 5px;
}
 .defoult img{
     border-radius: none;
}
 .overlap {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.4);
     padding: 50px 0px;
}
 .ab-cont img{
     margin-bottom: 15px;
}
 .ab-cont p{
     padding-bottom: 10px;
}
 .material-parallax{
     border: 2px solid #fff;
     margin: 85px;
     padding: 20px;
}
 .material-parallax h1{
     text-align: center;
     color: #fff;
     padding-top: 15px;
     font-size: 42px 
}
 .material-parallax p{
     text-align: center;
     color: #fff;
     padding: 5px 0;
     font-size: 22px;
}
 .material-parallax p a{
     color:#fff;
}
 .material-parallax p a:hover{
     background: #fff;
}
 .bg3{
     padding: 40px 0;
     background: #F3F3F3;
}
 .bg0{
     margin:50px 0;
}
 .title{
     font-size: 27px;
     font-weight: 600;
     color: #333;
     /*text-align: center;*/
     text-transform: inherit;
     padding: 10px 0 5px 0;
}
 .title p{
     font-size: 16px;
     font-weight: 500;
     text-align: center;
     color: #585858;
}
 .img-1{
     border: 1px solid #ccc;
     padding: 4px;
     box-shadow: 0px 4px 2px 0px #ccc;
     float: left;
     margin-right: 15px;
     margin-top: 15px;
}
 .bg4{
     background: url("../images/background.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}

 .inner-part{
     background: #fff;
     margin: 100px auto;
     padding: 40px 45px;
}
 .inner-part h2{
     text-align: center;
     font-size: 34px;
     color: #A6C550;
    font-family: 'Josefin Sans';
 
}
 .inner-part{
     text-align: center;
     font-size: 17px;
}
 .bg5{
		background:#faf7f0;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     padding: 32px 0;
}
 .form-group {
     width: 100%;
     display: inline-block;
}
 .form-group {
     margin-bottom: 0.9rem;
     margin-right: 10px;
}
 .border-ab{
     border-top: 1px solid #ccc;
}
 p {
     margin-top: 0;
     margin-bottom: 0rem;
}
 .list, .geo-list {
     vertical-align: top;
     list-style: none;
     padding-left: 0px;
     margin-left: 0px;
     display: inline-block;
     margin-right: 50px;
}
 .list li, .geo-list li {
     margin-bottom: 8px;
     padding-left: 20px;
     position: relative;
}
 .list li::before, .geo-list li::before {
     font-family: "FontAwesome";
     left: 0;
     position: absolute;
}
 .list li::before {
     content: "\f105";
     color: #AACE2E;
     font-size: 18px;
}
 .geo-list li::before {
     content: "\f041";
     color: #72716F;
     font-size:28px;
}
 .list li a, .geo-list li a {
     color: #00008B;
}
 .textarea{
     width: 99%;
     height: 150px;
}
 .footer-link i{
     color:#318536;
}
 .footer-link li a{
     color:#000;
}
 .footer-link li a:hover{
     color:#318536;
}
 .textarea {
     padding-left:12px;
}
 .contact-info p{
     color:#fff;
}
 .btn1{
     float: right;
     margin-top: 5px;
}
 .gall{
     margin: 10px auto ;
     color: #000;
}
 .gall p a {
     text-align: justify;
     color: #fff;
}
 .gall p a:hover{
     color:#7FC47E;
}
 .gall ul li {
     border: 1px solid #ccc;
     padding: 2px;
     margin-bottom: 5px;
     display: inline-block;
}
 .footer{
     background: #652D92;
     padding: 15px 0;
}
 .copyright{
     
     color:#fff;
     font-size: 14px;
}
.copyright a{ color: #fff;}
.copyright a:hover{ color: #ADD129;}
 .bg-about{
     background: url("../images/pooja5.png");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 0px 0;
}
 .bg-about-prod-ser{
     background: url("../images/prod-ser.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-organic{
     background: url("../images/plantations-international-organic.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-cont{
     background: url("../images/contact.png");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-prod{
     background: url("../images/pooja5.png");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-farm{
     background: url("../images/farm-love.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-Drip{
     background: url("../images/Drip-Irrigation-System.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-water{
     background: url("../images/water-test.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .bg-about-plant{
     background: url("../images/plant-tissue-plantations-international-2.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 0 0 25px 0;
}
 .products-area{
     padding:5px 0;
     text-align: center;
}
 .products-area img{
     border: 1px solid #ccc;
     padding: 4px;
}
 .products-area h1{
     font-size: 20px;
     color: #333;
     padding: 10px 0;
}
 .products-area img{
     margin: 15px auto;
}
 .products-area img:hover{
     opacity: 0.6;
}
 .about-area{
     padding:180px 0;
}
.about-areas{
     padding: 200px 0;
}
 .about-area h1{
     font-size: 32px;
     color: #fff;
     background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 5) 50%, rgba(0, 0, 0, 0) 25%), linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 5) 50%, rgba(0, 0, 0, 0) 25%);
     padding: 3px 0;
     font-family: 'Roboto', sans-serif;
     font-style: normal;
     font-weight: 500;
     text-transform: uppercase;
     text-align: center;
     text-shadow: 1px 1px 2px #ccc;
}
 .contact-info p a{
     color: #ccc;
     font-weight: 700;
}
 .contact-info p a:hover{
     color: #AECF31;
}
 .ab-cont{
     padding: 10px 5px;
}
 .ab-cont h1{
     font-size: 34px;
     padding: 5px 0;
     color: #652D92;
     font-weight:600;
     text-transform: inherit;
}
 .ab-cont h2{
     font-size: 22px;
     padding: 5px 0;
}
 .ab-cont strong a{
     color: #333;
}
 .ab-cont strong a:hover{
     color: #A6C550;
}
 .ab-cont .geo-list li{
     font-size: 30px;
     color: #747474;
     padding-left: 28px;
}
 .ab-cont p a{
     color: #333;
}
 .spaceh{
     margin-bottom: 45px;
}
 .contact-area{
margin: 10px auto;}

 .contact-area h2{
     text-align: center;
     padding: 15px 0;
     text-transform: capitalize;
     font-size: 21px;
}
 .item1{
     margin-top: 0px;
}
 .item1 img{
     border:1px solid #ccc;
     padding: 4px;
}
 .overlay{
     position: absolute;
     bottom: 0px;
     background: rgba(255, 255, 255, 0.6);
     width: 100%;
     height: auto;
     color: #3A8436;
     padding: 20px;
     text-align: center;
     font-size: 20px;
}
 .contact-wrapper{
     position: relative;
     background:url("../images/contact.jpg") no-repeat;
     background-size: cover;
     background-attachment: fixed;
}
 .contact-wrapper:before{
     position: absolute;
     content: '';
     background: rgba(0,0,0,0.6);
     width: 100%;
     height: 100% 
}
 .contact-box{
     border:2px solid #652D92;
     padding:0 0px;
     text-align: center;
     min-height: 200px;
     margin:35px 0 35px 0;
}
 .contact-box i{
     line-height: 60px;
     color: #652D92;
     font-size: 2em;
     margin-bottom: 15px;
}
 .contact-box a{
     color:#333;
}
 .contact-box a:hover{
     color:#A6C550;
     text-decoration: underline;
}
 .form-control{
     border-radius: 0;
     height: 45px;
}
 .form-control:focus{
     border-color:#0054a3;
     box-shadow: none;
}
 .send {
     background: #A6C550;
     border: medium none;
     border-radius: 3px;
     color: #fff;
     cursor: pointer;
     font-size: 14px;
     height: 40px;
     line-height: 40px;
     margin: 10px 0 18px;
     padding: 0 30px;
     transition: all 0.5s ease 0s;
}
 .send:hover {
     background: #ccc;
     color: #333;
}
 .btn1{
     background: #0054a3;
     padding: 8px 18px;
     border-radius:0px;
     border:1px solid transparent;
     color: #fff;
     transition: all 0.3s;
}
 .btn1:hover{
     background:transparent;
     border:1px solid #0054a3;
     color: #333;
}
 @media(min-width: 768px) and (max-width: 980px){
    /* #top-menu li {
         display: inline-block;
    }
     .mobile-menu {
         display: block;
         padding: 16px;
         text-align: left;
    }
     .mobile-nav {
         display: none;
         position: static;
         width: 100%;
         padding: 5px 0;
         z-index: 999;
    }
     #top-menu {
         position: static;
         margin-top: 0;
    }
     #top-menu li {
         display: block;
    }
     #top-menu {
         margin: 10px auto;
    }
    */
	
     .mobile-menu{
        display: block;
    }
     nav{
        position: absolute;
        top:-25px;
        width: 100%;
        webkit-border-radius: 0 0 12px 12px;
        moz-border-radius: 0 0 12px 12px;
        border-radius: 0 0 12px 12px;
    }
     .mobile-nav{
        display: none;
    }
     nav > ul{
        position: absolute;
        z-index: 999;
        width: 100%;
    }
     nav > ul > li{
        margin-right:0;
        width: 100%;
        text-align: left;
        background: #337439;
        border-top:1px solid #626060;
        line-height: 40px;
		
    }
     nav > ul > li > a,nav > ul > li > ul > li > a{
        font-size: 14px;
        padding: 0 20px;
    }
     nav > ul > li > ul,nav > ul > li:hover > ul{
        display: block;
        width:100%!important;
        position: static;
    }
     nav > ul > li > ul > li{
        border-top:1px solid #626060;
    }
     nav > ul > li > ul > li > a{
        color: #fff;
        padding: 0 0 0 36px;
        display: block;
    }
    nav > ul > li > a > i {
    position: absolute;
    right: 10px;
    top: 5%;
}
     nav > ul > li:hover > ul > li > a, nav > ul > li:hover > ul > li > a:hover, nav > ul > li:hover > ul > li > a.select{
        font-size: 14px;
        border:none;
        height:auto;
        line-height: auto;
        display: block;
    }
     nav > ul > li:last-child{
        background: #337439;
    }
     .logo {
         padding: 15px 0;
         text-align: center;
    }

     .social-icon{
         float: none;
         text-align: center;
    }
     .carousel-caption{
         bottom: 18px;
    }
}
 @media(min-width: 320px) and (max-width: 767px) {
	 
	 .top-area
	 {
		 height:100px;
		 
	 }
	 	.topheader-left{
		width: 60%;
	}
	.topheader-right{
		width: 40%;
	}
     .logo {
         padding: 0px 0;
         text-align: center;
		 
    }
	.logo img{height:85px;
		 
		 float:left;}
    /* .mobile-menu {
         display: block;
         padding: 8px;
         text-align:left;
    }
     .mobile-nav {
         display: none;
         position: static;
         width: 100%;
         padding: 0px 0;
         z-index: 99999;
    }
     #top-menu {
         position: static;
         margin-top: 0;
    }
     .form-group {
         width: 100%;
         display: inline-block;
    }
     #top-menu li{
         display: block;
    }
     #top-menu a{
         border-right: none;
    }
    */
     .mobile-menu{
        display: block;
    }
     nav{
        position: absolute;
        top:-80px;
         width: 100%;
        webkit-border-radius: 0 0 12px 12px;
        moz-border-radius: 0 0 12px 12px;
        border-radius: 0 0 12px 12px;
         right: 1px;
    }
     .mobile-nav{
        display: none;
    }
     nav > ul{
        position: absolute;
        z-index: 999;
        width: 100%;
    }
     nav > ul > li{
        margin-right:0;
        width: 100%;
        text-align: left;
        background: #eb008b;
        border-top:1px solid #626060;
        line-height: 40px;
    }
     nav > ul > li > a,nav > ul > li > ul > li > a{
        font-size: 14px;
        padding: 0 20px;
    }
     nav > ul > li > ul,nav > ul > li:hover > ul{
        display: block;
        width:100%!important;
        position: static;
    }
     nav > ul > li > ul > li{
        border-top:1px solid #626060;
    }
     nav > ul > li > ul > li > a{
        color: #fff;
        padding: 0 0 0 36px;
        display: block;
    }
    nav > ul > li > a > i {
    position: absolute;
    right: 10px;
    top: 5%;
}
     nav > ul > li:hover > ul > li > a, nav > ul > li:hover > ul > li > a:hover, nav > ul > li:hover > ul > li > a.select{
        font-size: 14px;
        border:none;
        height:auto;
        line-height: auto;
        display: block;
    }
     nav > ul > li:last-child{
        background: #eb008b;
    }
     .logo{
         width: auto;
    }
     .social-icon{
         padding-top: 0px;
         padding-bottom: 20px;
		 visibility:hidden;
    }
     #top-menu {
         margin: 0px auto;
    }
     .social-icon{
         float: none;
         text-align: center;
    }
     .wel-area h1{font-size: 28px;
    }
     .material-parallax{
         margin:15px 0;
    }
     .btn{
         margin-top:10px 
    }
     .img-1{
         margin-bottom: 10px;
    }
     .banner{
         margin: 0 auto;
    }
     .bg{
         background: #fff;
         margin: 0;
    }
     .bg0{
         background: #fff;
         margin: 0;
    }
     .bg3{
         background: #fff;
         margin: 0;
    }
     .bg5{
         
         margin: 0;
    }
    .ab-cont h2{ font-size:18px;}
     .bg-about{
         margin: 0;
    }
     .what-do{
         padding:10px 0;
    }
     .inner-part{
         padding: 20px;
    }
     .wel-area{
         padding: 10px 5px;
    }
     .bg2{
         background: #fff;
    }
     .img-1{
         margin-top: 10px;
    }
     .bg-about-farm{
         margin: 0px 0;
    }
     .about-area h1{
    font-size:25px;
    }
     .bg-about-organic{
        margin: 0px 0;
    }
     .bg-default p{
         padding-top: 15px;
    }
    .bg-about-water{margin: 0 0 0px 0;}
     .bg-about-prod{
        margin: 0px 0;
    }
    h6 {
    color: #fff;
    padding-top: 10px;
}
    .content-area h2 {
    font-size: 20px;
}
.about-area {
    padding: 30px 0;
}
.about-areas {
    padding: 50px 0;
}
     .bg-about-Drip{
        margin: 0px 0;
    }
     .bg-about-cont{
        margin: 0px 0;
    }
     .title{
         font-size: 25px;
    }
}

.top-header {
	border-bottom: 0px solid rgba(87, 120, 0, 0.42);
	font-family: 'Ropa Sans', sans-serif;
	line-height: 30px;
	background-color:#faf7f0;
}
.topheader-left {
	display: inline-block;
	color: #652d92;
	width: 50%;
	font-weight:bold;
}
.topheader-left a {
	color: #652d92;
	
    display: inline-block;
    font-size: 15px;
	font-weight:bold;
    margin-right: 10px;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.topheader-right a:hover,
.topheader-left a:hover {
	color: #000000;
}
.topheader-left a::after{
	color: #000000;
    content: "/";
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;	
}
.topheader-left a:last-of-type::after{
	content: "";
}
.topheader-left a i{
	font-size: 15px;
	margin-right: 10px;	
	position: relative;
	top: 2px;
	color: #fff;
}
.topheader-left  span {
	display: inline-block;
	margin-right: 5px;
}
.topheader-right {
	font-family: 'Ropa Sans', sans-serif;
	float: right;
	text-align: right;
	width: 50%;
	color: #652d92;
	font-weight:bold;
}
.topheader-right a {
	color: #652d92;
	font-weight:bold;
    font-size: 15px;
    line-height: 26px;
    margin-right: 10px;
    padding-right: 15px;
    position: relative;
    text-decoration: none;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.topheader-left a:last-of-type,
.topheader-right a:last-of-type {
	margin-right: 2px;
	padding-right: 0;
}
.topheader-right a i{
	margin-right: 9px;
	color: #e14319;
}
.topheader-right a::after {
	background-color: #4f4f4f;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.topheader-right a:last-of-type::after {
	width: 0;	
}
@media (max-width: 479px) {
	/* -- Top Header */
	.top-header{
		text-align: center;
		line-height: 35px;
		border-bottom: 1px solid rgba(87, 120, 0, 0.42);
	}
	.topheader-left,
	.topheader-right {
		width: 100%;
		text-align: center;
	}
	.topheader-left a {
		font-size: 11px;
		padding-right: 11px;
		margin-right: 5px;
	}
	.topheader-left a i{
		margin-right: 5px;
		font-size: 20px;
	}
	.topheader-right{
		float: none;
	}
}

textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input, 
select{
    font-family: inherit;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #5d6576;
    padding: 10px 20px;
    font-weight: 400;
    
    text-transform: inherit;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    outline: none;
    line-height: inherit;
}
button, input[type="submit"], 
input[type="button"], 
input[type="reset"] {
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 11px 40px 11px;
    border: 2px solid transparent;
    border-radius: 0;
    color: #fff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
    outline: none!important;
    -webkit-font-smoothing: antialiased;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder ,
input::-ms-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholde  {   
  color: #fff;
}

.widget-nav-menu
{
border:1px solid #e5e5e5;	
}
.widget.widget-nav-menu ul li a {
	
    display: block;
    padding: 15px 30px 15px 20px;
    position: relative;
    font-weight: 700;
    font-size: 15px;
	color:#fff;
    background-color: #652D92;
}
.button{background-color: #652D92;}