@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
html, body{ margin:0; padding:0;}
body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #666;
    background-color: #fff;
}
.nbt{ border-top:none !important;}
.img-responsive{ max-width:100%;}
html {width: 100%; height: 100%;}
ul,ol{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {margin: 0 0 0px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 1px;}
a, img{ outline:none; text-decoration:none;}
p {margin: 0 0 25px; font-size: 18px; line-height: 1.5;}

#fullcontainer{ width:100%; float:left; margin:0; padding:0; position:relative;}
.container-w{ width:1040px; margin:0 auto;}
.header{ width:100%; float:left; background:#216c0d;}

.heading{ width:100%; float:left;}
.heading h1{ font-size:30px !important;}
.logo{ float:left; width:20%; background:#fff; padding:19px 0; min-height:86px;}
.logo a{ float:left;}
.logo img{ max-width:100%;}
.tp-right{ float:left; width:80%;}
.top-nav{ float:right; margin-top:15px;}
.coninfo{ float:left; padding-right:10px;}
.coninfo ul{ float:right;}
.coninfo ul li{ display:inline-block; font-size:14px; padding:10px; color:#fff;}
.coninfo ul li a{color:#fff;}
.coninfo ul li a:hover{ color:#C90;}

.social{ float:left; display:none;}
.social ul li{ display:inline-block; margin:5px 1px;}
.social ul li a{ display:block; width:20px; height:20px; padding-top:8px; padding-left:8px; background:#fff; color:#216c0d; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:14px; transition:0.5s ease all;}
.social ul li a:hover{ background:#C90; color:#fff;}

.list{ width:100%; float:left; margin-bottom:15px;}
.list li{ width:100%; display:block; float:left; padding:7px 0; border-bottom:1px solid #ddd; font-size:14px;}
.yellow{ color:#C90 !important;}


.navigation{ float:left; width:100%; border-top:1px solid #fff; margin-top:20px;}
.navigation ul{ float:right;}
.navigation ul li{ display:inline-block; border-right:1px solid #fff; float:left; position:relative; }
.navigation ul li a{ text-decoration:none; padding:15px 15px; display:block; font-size:15px; color:#fff;}
.navigation ul li a:hover{ color:#006633; background:#fff; display:block;}
.navigation ul li:nth-last-child(1){ border-right:none;}
.navigation ul li a.active{color:#006633; background:#fff; display:block;}
.navigation ul li a:hover, .navigation ul li:hover a{color:#006633; background:#fff; display:block;}

.navigation ul ul{ display:none;}
.navigation ul li:hover > ul{ display:block; clear:both;}
.navigation ul li:after{ content:""; clear:both; display:block;}
.navigation ul ul{ position:absolute; left:0; width:200px; z-index:99999; margin:0 !important;}
.navigation ul ul li{ width:100%; float:left;}
.navigation ul ul li a{ padding:10px 25px; background:#333; margin-bottom:1px; text-align:left;}
.navigation ul ul li a:hover{ background:#006633; color:#fff;}

.impmap{ width:100%; float:left;}
.impmap h3{ font-size:36px; text-align:center; padding:20px 0; letter-spacing:0;}
.impmap h3 span{ color:#8f6b00;}

#sliderbox{ width:100%; float:left; padding:0; z-index:0;}
.he{height:400px; }
#prosbox{width:74%; float:left; padding:0; text-align:center; margin:20px 13%;}
#prosbox h2{ padding:20px 0;}
.arrow_box {
	position: relative;
	background: #216c0d;
}
/*.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(33, 108, 13, 0);
	border-top-color: #216c0d;
	border-width: 15px;
	margin-left: -15px;
}*/
#content{ width:100%; float:left; border-top:8px solid #216c0d; padding:0 0 25px 0;}
#content h1{ font-size:40px; letter-spacing:-1.5px; font-weight:300; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px;}
#content h1 span{ color:#216c0d; font-weight:700;}
#content p{ font-size:13px;}

#sm-slider{ width:35%; margin-top:25px; float:left; margin-right:5%;}
#sm-slider img{ max-width:100%;}
.wel-con{ width:60%; float:left;}

#products{ width:100%; float:left; background:url(../images/bg-pat.jpg) left top repeat;}
.line h2.title{ font-size:24px; text-align:center; letter-spacing:-0.5px; background:#fff; font-weight:300; padding:15px 10px; width:200px; margin:0 auto; color:#000;}

.line{ width:100%; float:left; background:url(../images/dot.png) left 33px repeat-x; text-align:center; margin:10px 0;}
.productbox{ width:30%; float:left; margin:1.5%;}
.productbox img{ max-width:100%;}
.productbox p{ text-align:center; position: relative; bottom: 5px;}
.productbox p a{background:#216c0d; color:#fff; display:block; padding:10px 0;}
.productbox p a:hover{ background:#333; color:#fff;}

.productbox2{ float:left; width:64%; margin:0% 18% 2% 18%;}
.half{ width:45% !important; margin:0% 2.5%;}

#footer{ width:100%; float:left; background:#373737; padding-top:25px;}
.ft-logo{ width:25%; float:left; margin-right:5%;}
.ft-logo img{ max-width:100%;}
.ft-links{ width:25%; float:left; margin:10px 5%;}
.ft-links ul li a{ color:#fff; font-size:13px; padding:3px 0; display:block; transition:0.5s ease all; border-bottom:1px solid #454545;}
.ft-links ul li a:hover{ padding-left:5px; color:#C90;}

.contact{ width:35%; float:left; background:url(/web/20190122000615im_/http://greenoverseas.co.in/images/worldmap-grey.png) center 10px no-repeat; background-size:100% auto; padding-bottom:10px;}
.contact h3{font-size:16px; font-weight:300; padding:15px 0; color:#fff;}
.contact p{ font-size:13px; color:#fff;}
.contact p a{ color:#C90; transition:0.5s ease all; padding:0 5px;}
.contact p a:hover{ background:#C90; color:#fff;}

.bottom-footer{ width:100%; color:#fff; float:left; border-top:1px solid #454545; font-size:13px; padding:20px 0; margin-top:25px;}
.copyright{ float:left;}
.company{ float:right;}
.company a{ color:#C90; transition:0.5s ease all; padding:0 5px;}


.nivo-caption {
    position:absolute;
    left:0px; /* x offset position */
    bottom:0px; /* y offset position */
    overflow:hidden;
	background:rgba(0,0,0,0.7);
    font-family:Helvetica, Arial, Sans-Serif;
    color:#FFF;
    font-weight:bold;
    font-size:40px;
    line-height:44px;
    text-align:left;
    text-transform:uppercase; /* converts text to UPPERCASE */
    z-index:8;
}

.nivo-caption1 {
    margin-left:12%;
    width:100%;
    font-size:40px;
    line-height:40px;
    text-transform:none;
}

.ncaption1 {
    width:100%;
    font-size:40px;
    line-height:40px;
    text-transform:none;
	position:absolute;
	bottom:0;
	background:#000;
	color:#fff; padding:15px 12%;
}
.nivo-caption1a {
    margin-left:12%;
    margin-top:10px;
    width:250px;
    font-size:12px;
    line-height:14px;
    text-transform:none;
}
.nivo-caption2 {
    margin-left:230px;
    margin-top:10px;
    width:100%;
}
.nivo-caption3 {
    margin-left:10px;
    margin-top:100px;
    width:100%;
}

.con-left{ width:45%; margin-right:2.5%; float:left; text-align:left;}
.con-left h3{font-size:24px; font-weight:400; padding:3px 7px; margin:12px 0; color:#333; border-left:7px solid #063;}
.con-left p{ text-align:left !important;}

.con-right{ width:47.5%; margin-left:2.5%; float:left; text-align:left;}
.con-right h3{font-size:24px; font-weight:400; padding:3px 7px; margin:12px 0; color:#333; border-left:7px solid #063;}
.con-right p{ text-align:left !important;}

.frbox{width:100%; float:left;}
.listbox h5{ padding:5px 0; font-size:16px; color:#000; width:100%; float:left;} 
ul.pros{ width:100%; float:left; margin-bottom:30px;}
ul.pros li{ width:12%; float:left; margin:1px;}
ul.pros li p{ font-size:11px !important; background:#093; color:#fff; text-align:center !important; padding:5px 0; margin:0;}
ul.pros li img{ max-width:100%;}
.listbox{ width:45%; margin-right:5%; float:left;}
.listbox h5{ margin:20px 0 0 0; font-size:16px; color:#C90;} 
.listbox ul li{ font-size:13px;}

.proimgs{ width:100%; float:left; margin-top:25px;}
.proimgs ul li{ width:47%; float:left; margin:1% 1.5%;}
.proimgs ul li img{ max-width:100%;}

.form{ width:100%; float:left;}
.form .form-control{ width:100%; float:left; margin:10px 0;}
.form .form-control label{ width:18%; float:left; font-size:14px;}
.form .form-control input{ width:78%; float:left; padding:1%; height:20px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.form .form-control textarea{ width:78%; float:left; padding:1%; height:80px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.form .form-control button{ padding:10px; margin-right:10px; font-size:14px; background:#715502; color:#fff; border:1px solid #c85; cursor:pointer;}
.form .form-control button:hover{ background:#c85;}
.right{ text-align:right !important; float:right;}



@media screen and (max-width: 1080px){
	.container-w{ width:94%; margin:0 auto;}
	.navigation ul li a{ text-decoration:none; padding:15px 13px; display:block; font-size:15px; color:#fff;}

	}
	
@media screen and (max-width: 767px){
	.container-w{ width:94%; margin:0 auto;}
	.navigation ul li a{ text-decoration:none; padding:15px 13px; display:block; font-size:15px; color:#fff;}
	.logo{ float:left; width:30%; background:#fff; padding:21px 0; min-height:86px;}
	.tp-right{ float:left; width:70%;}
	.coninfo ul li{ display:inline-block; font-size:14px; padding:4px 10px; color:#fff;}
	.social{ float:left; margin-left:10px;}
	.nivo-caption1 {
    margin-left:1%;
    width:100%;
    font-size:26px;
    line-height:40px;
    text-transform:none;
}
.copyright{ float:none; text-align:center;}
.company{ float:none; text-align:center;}
.con-left{ width:95%; margin:1.5% 2.5%; float:left; text-align:left;}
.con-right{ width:95%; margin:1.5% 2.5%; float:left; text-align:left;}



	}
	

@media screen and (max-width: 480px){
	.container-w{ width:94%; margin:0 auto;}
	.navigation ul li a{ text-decoration:none; padding:15px 13px; display:block; font-size:15px; color:#fff;}
	.logo{ float:left; width:30%; background:#fff; padding:21px 0; min-height:86px;}
	.tp-right{ float:left; width:70%;}
	.coninfo ul li{ display:inline-block; font-size:14px; padding:4px 10px; color:#fff;}
	.social{ float:left; margin-left:10px;}
	.ft-logo{ width:100%; float:left; margin-right:0%; text-align:center;}
.ft-logo img{ max-width:100%; width:250px; text-align:center;}
.ft-links{ width:40%; float:left; margin:10px 5%;}
.ft-links ul li a{ color:#fff; font-size:13px; padding:3px 0; display:block; transition:0.5s ease all; border-bottom:1px solid #454545;}
.ft-links ul li a:hover{ padding-left:5px; color:#C90;}

.contact{ width:45%; float:left; background:url(/web/20190122000615im_/http://greenoverseas.co.in/images/worldmap-grey.png) center 10px no-repeat; background-size:100% auto; padding-bottom:10px;}
.contact h3{font-size:16px; font-weight:300; padding:15px 0; color:#fff;}
.contact p{ font-size:13px; color:#fff;}
.contact p a{ color:#C90; transition:0.5s ease all; padding:0 5px;}
.contact p a:hover{ background:#C90; color:#fff;}
.productbox{ width:97%; float:left; margin:1.5%;}
.productbox2{ float:left; width:97%; margin:1.5%;}
.half{ width:95% !important; margin:0% 2.5%;}
.nivo-caption { display:none !important;}




	}


@media screen and (max-width: 340px){
	.container-w{ width:94%; margin:0 auto;}
	.navigation ul li a{ text-decoration:none; padding:15px 13px; display:block; font-size:15px; color:#fff;}
	.logo{ float:left; width:30%; background:#fff; padding:21px 0; min-height:86px;}
	.tp-right{ float:left; width:70%;}
	.coninfo ul li{ display:inline-block; font-size:14px; padding:4px 10px; color:#fff;}
	.social{ float:left; margin-left:10px;}
	.ft-logo{ width:100%; float:left; margin-right:0%; text-align:center;}
.ft-logo img{ max-width:100%; width:250px; text-align:center;}
.ft-links{ width:90%; float:left; margin:10px 5%;}
.ft-links ul li a{ color:#fff; font-size:13px; padding:3px 0; display:block; transition:0.5s ease all; border-bottom:1px solid #454545;}
.ft-links ul li a:hover{ padding-left:5px; color:#C90;}

.contact{ width:90%; float:left; background:url(/web/20190122000615im_/http://greenoverseas.co.in/images/worldmap-grey.png) center 10px no-repeat; background-size:100% auto; padding-bottom:10px;}
.contact h3{font-size:16px; font-weight:300; padding:15px 0; color:#fff;}
.contact p{ font-size:13px; color:#fff;}
.contact p a{ color:#C90; transition:0.5s ease all; padding:0 5px;}
.contact p a:hover{ background:#C90; color:#fff;}



	}