html, body { margin:0; padding:0; font-size:14px; line-height:22px; background:#fff; font-weight:400; font-family: 'open_sansregular'; color:#484849;}
.sitewidth {margin:auto; width:1140px;}
h3{ line-height:35px;}
h1{ line-height:65px; margin-bottom: 15px;}
.mnav{ display:none;}

/********** HEADER **********/
header { width:100%; background:#fff;}
.logo { float:left; width: 250px;}
.topright { float:right; display:block;}
.mainmenu { padding-top:18px; }
.mainmenu li { float:left; margin-left:2px;}
.mainmenu li a{ color:#1b253b; display: block;padding:5px 10px; }
.mainmenu li a:hover{ background:#1B253B; color:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.mainmenu li a.active{ background:#7CCBFC; color:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}


/********** FOOTER **********/
footer {height:46px; background:#1b253b; line-height:46px; font-size:12px; font-weight:300; color:#8b98b2; width:100%;}
.copyrights { float:left; width:190px;}
.fnav { float:right; padding-top:9px}
.fnav li {float:left;padding:0px 0px 0px 10px;}
.fnav li a { color:#8b98b2; font-weight:300; width:24px; height:24px; border:#8b98b2 2px solid; display: block; font-size:16px; text-align: center; line-height:24px;}


/*Home Slider*/
.homeslider { width:100%; position:relative; clear:both;}
/* Main slider */
.camera_wrap{position:relative;margin-bottom:8px;}
.slider-caption{position:absolute;background-color:#1b253b;color:#fff;top:65%;left:20%;padding:15px 25px;font-size:16px;width:350px;text-align:center;}
.slider-caption h1 { font-size:20px; line-height:22px; margin-bottom:0px;}
.whyvego { width: 60%; float:left}
.whyvegalist { margin:0px 60px 0px 0px;line-height:24px;}
.whyvegalist li{ margin:0px 0px 20px 0px;line-height:24px; background:url("../images/benefits-arrow.png") no-repeat left top; padding-left:40px; }
.whyvegalist li strong { font-weight: 600; padding-right: 10px;}
.somabout { width: 40%; float:left; line-height:24px;}
.homserslide { position: relative;height:160px;}
.homserslidelist li{ width: 260px; height:140px; background:#7ccbfc; border:4px solid #bde5fd; color:#fff; font-size:20px; text-align: center; float:left; margin-right:16px; position:relative; }
.homserslidelist li.active {background:#e5e5da; border:#f2f2ec 4px solid;color:#212c43;}
.homserslidelist li .fa { border:#fff 2px solid; width: 60px; height: 60px; margin:20px auto 10px auto; font-size: 30px; line-height: 60px;}
.homserslidelist li.active .fa { border:#212c43 2px solid;}
.homserslidelist li .fa-files-o{ display:none;}
.homserslidelist li.active .fa-cloud{ display:none;}

.homserslidelist li.active .fa-files-o{ display:block;}
.homserslidelist li .fa-cloud{ display:block;}

.liseseemore,.liseseemore2 { background:url(../images/morearrow.png) no-repeat right 2px; display:inline-block; padding:0px 25px 5px 0px; color:#7ccbfc}
.liseseemore2{ margin-left:10px;}
.slideserdec { margin:0px 0px 40px 0px}
.indexclients { width:740px; float:left;}
.icslide { position:relative; height:120px;}
.iclist li{ float:left; padding:1px; border:#d5d1d1 1px solid; width:144px; height:102px; margin-right:20px;}
.iclist li img{border:#d5d1d1 1px solid; width:158px; height:100px;}
.icslide .bx-wrapper .bx-controls-direction a { top:-48px;}
.icslide  .bx-wrapper .bx-next { right:20px;}
.icslide  .bx-wrapper .bx-prev { right:60px;}
.indexcontact {background:#e5e5da; border:#f2f2ec 4px solid;color:#212c43; padding:50px 40px; width:280px;text-align:center; float:right; }
.indexcontact p { font-size:12px;line-height:16px;margin-bottom:30px;}
.indexcontact h4{ margin-bottom:8px;}
.indexcontacttab { background:#7ccbfc; border:4px solid #bde5fd; color:#fff; font-size:20px; text-align: center; padding:10px 40px;  }

/*Contact Us*/
.contactpage { padding:0px 0px 40px 0px;}
.contactleft { width:450px; float:left;}
.adddec { margin-bottom:15px;}
.addlocation,.addphone,.addemail { color:#9AA0AE; font-weight:bold; font-size:12px;padding-left:35px; height:26px; line-height:26px; margin-bottom:15px;}
.addlocation {background: url(../images/widget-news-icons.png) 0 -150px no-repeat; }
.addphone {background: url(../images/widget-news-icons.png) 0 -90px no-repeat;}
.addemail {background: url(../images/widget-news-icons.png) 0 -120px no-repeat;}
.contactright { width:600px; float:right; padding-top:110px;}
.wfi { width:50%; float:left; margin-bottom:10px;}
.wfi input{background-color: #f3f5f7;border: 1px solid #e3e8ec;box-shadow: none;border-radius: 0;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;	box-sizing:border-box; padding:10px; width:95%}
.wf2 textarea {background-color: #f3f5f7;border: 1px solid #e3e8ec;box-shadow: none;border-radius: 0;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;	box-sizing:border-box; padding:10px; width:98%; height:150px;}	
.csubmit{background:#7ccbfc; border:4px solid #bde5fd; color:#fff; font-size:24px; text-align: center; padding:10px 40px;  }
.csubmittab { text-align:center; margin:20px auto;}
.twocol { padding-bottom:60px;}
.mb40 { margin-bottom:30px;}
.leftcol { float:left; width:780px;}
.leftcol p,.leftcol h5,.leftcol h4 { margin-bottom:15px;}

.leftcol h5,.leftcol h4 { margin-top:40px;}
.leftcol ul li { margin-bottom:10px;}
.disk { margin-left:15px;}
.disk li{ background:url(../images/disk.gif) no-repeat left 8px; padding-left:12px;}
.rightcol { width:300px; float:right; padding-top:110px;}
.rightcol h4{ text-transform:uppercase; margin-bottom:10px;}
.rightcol h4 a{ color:#484849;}
.prlist li { background:url(../images/categories-arrow.png) no-repeat left center; padding-left:15px; font-size:13px; color:#9AA0AE;}
.prlist li a{color:#9AA0AE; font-weight:300;}
.prlist li:hover { background:url(../images/categories-arrow-hover.png) no-repeat left center;}
.prlist li:hover  a{ color:#212c43}

.servicelist { margin:50px 0px 0px -50px;}
.servicelist li{ float:left; width:240px; margin:0px 0px 60px 50px; min-height:250px;}
.servicelist li h4 { text-transform:uppercase; margin-bottom:10px; margin-bottom:10px;}
.servicelist li h4 a{color:#484849; font-weight:300;}

@media screen and (max-width:1024px){
	.sitewidth {margin:auto; width:940px;}
	.indexcontact{ display:none;}
	.leftcol {width:700px;}
	.rightcol {width:200px; float:right; padding-top:110px;}
	.servicelist li { width:280px; min-height:210px;}
	.contactleft { width:420px;}
	.contactright { width:520px;}
}

@media screen and (max-width:800px){
	.sitewidth { width:96%; margin:auto;}
	.logo { width:150px; padding-top:10px;}
	.logo img{ width:100%}
	.mainmenu li a { padding:3px 10px;}
	.contactleft,.contactright,.leftcol,.rightcol { width:auto; float:none;}
	.contactright,.rightcol { padding-top:30px;}
	.cform { width:90%; margin:auto; padding-left:2%;}
	.contactpage,.twocol   { padding-bottom:80px; overflow:auto;}
	footer { position:fixed; width:100%; bottom:0px;}
	.rservices,.rindustries { width:240px; float:left;}
	.servicelist { margin-left:0px;}
	.servicelist li { width:50%; margin:0px 0px 40px 0px; min-height:160px; }
	.servicelist li h4,.servicelist li p { padding-right:20px;}
	.indexcontact ,.indexclients{ width:auto; float:none; display:block;}
	.homepage { padding:0px 0px 80px 0px;}
}

@media  screen and (max-width :640px) {
	.homeslider { display:none;}
	.homepage .homeslider { display:block;}
	.homepage { padding:60px 0px 80px 0px;}
	h3{ line-height:35px;}
	h1{ line-height:65px; margin-bottom: 15px;}
	.mnav { display:block;}
	.mnav a{background:url(../images/mopen.gif) no-repeat left top; display:block;width:32px;height:32px;cursor:pointer;float:right; margin:12px 10px 0px 0px; text-indent:-9999px;}
	.mnav.active a {background:url(../images/mclose.gif) no-repeat left top;}
	.logo { margin-left:10px;}
	
	.topright { position:absolute; width:100%; top:60px; background:#000; padding:20px 0px; display:none;}
	.mainmenu { padding-top:0px; width:90%; margin:auto;}
	.mainmenu li { margin:3px 0px 3px 0px;}
	.topright ul li { float:none; display:block;}
	.topright ul li a{ color:#FFF;}
	.inner .homeslider { display:none}
	header { border-bottom:#000 4px solid; position:fixed; top:0px; width:100%; z-index:80;}
	header .sitewidth { width:auto;}
	.twocol,.contactpage{ padding:70px 0px 80px 0px;}
	.slider-caption { display:none;}
	h1 { font-size:36px; line-height:36px;}
	.rservices,.rindustries { width:auto; float:none; padding-left:15px;}
	.leftcol img { width:100%;}
	
	
	.whyvego,.somabout { float:none; width:auto;}
	.whyvegalist { margin-right:0px;}
}

@media  screen and (max-width :480px) {
	
	.rservices,.rindustries { width:auto; float:none;}
	.cform { padding-left:0px;}
	.wfi { width:auto; float:none; margin-bottom:10px; display:block;}
	.wfi input,.wf2 textarea { width:100%;}
	.csubmit { font-size:18px;}
	h4{ font-size:18px;}
	h3{ font-size:22px;}
	.servicelist { margin-top:30px;}
	.servicelist li { width:auto; float:none; display:block; margin:0px 0px 30px 0px;}
	.servicelist li h4, .servicelist li p { padding-right:0px;}
}