/* reset */
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,u,i,dl,dt,dd,ol,nav ul,nav li,form,label,legend,caption,tfoot,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline;font-family: sans-serif;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;font-size:0.85em}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
/*background:url(../images/bg.png);*/
}
.wrap{
width:90%;
margin:0 auto;
}
.header{
background:WHITE;
padding: 2px 0px;
border-bottom: 1px solid #C0C0C0;
}
.logo{
float:left;
}
.top-search-bar{
float:right;
}
.header-top-nav ul li{
display:inline-block;
}
.header-top-nav ul li a{
font-family: 'Ropa Sans', sans-serif;
font-size: 1em;
padding-right: 11px;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
color: rgb(78, 78, 78);
}
.header-top-nav ul li img{
padding-right:5px;
}
.header-top-nav {
margin-top: 11.8px;
}
/*---menu----*/
.left-nav ul li,.right-social-icons ul li{
display:inline-block;
}
.left-nav {
float:left;
}
.left-nav ul li a{
font-family: 'Ropa Sans', sans-serif;
font-size: 1em;
padding-right: 11px;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
color: #fff;
text-transform: uppercase;
display: block;
padding: 16px 30px;
}
.left-nav ul li.active> a,.left-nav ul li> a:hover {
background:#006400;
}
.right-social-icons{
float:right;
margin-top: 12px;
}
.left-nav ul li{
float:left;
}
.header-nav{
/* Below Black Header commented on 27-Aug-2017
background: #4c4c4c url(../images/topnav_s.gif) repeat-x;
background: #4c4c4c;
background: -moz-linear-gradient(top, #4c4c4c 0%, #2c2c2c 99%, #2b2b2b 100%, #474747 100%, #131313 100%, #2c2c2c 100%, #000000 100%, #111111 100%, #666666 100%, #1c1c1c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(99%,#2c2c2c), color-stop(100%,#2b2b2b), color-stop(100%,#474747), color-stop(100%,#131313), color-stop(100%,#2c2c2c), color-stop(100%,#000000), color-stop(100%,#111111), color-stop(100%,#666666), color-stop(100%,#1c1c1c));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#2c2c2c 99%,#2b2b2b 100%,#474747 100%,#131313 100%,#2c2c2c 100%,#000000 100%,#111111 100%,#666666 100%,#1c1c1c 100%);
background: -o-linear-gradient(top, #4c4c4c 0%,#2c2c2c 99%,#2b2b2b 100%,#474747 100%,#131313 100%,#2c2c2c 100%,#000000 100%,#111111 100%,#666666 100%,#1c1c1c 100%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#2c2c2c 99%,#2b2b2b 100%,#474747 100%,#131313 100%,#2c2c2c 100%,#000000 100%,#111111 100%,#666666 100%,#1c1c1c 100%);
background: linear-gradient(to bottom, #4c4c4c 0%,#2c2c2c 99%,#2b2b2b 100%,#474747 100%,#131313 100%,#2c2c2c 100%,#000000 100%,#111111 100%,#666666 100%,#1c1c1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#1c1c1c',GradientType=0 );
*/
/*
Below Green Header added on 27-Aug-2017
*/
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
}
.icon1{
width: 22px;
height: 22px;
background: url(../images/01.png) 0 0 no-repeat;
display: inline-block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.icon1:hover {
background: url(../images/01.png) 0 -22px no-repeat;
}
.icon2{
width: 22px;
height: 22px;
background: url(../images/02.png) 0 0 no-repeat;
display: inline-block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.icon2:hover {
background: url(../images/02.png) 0 -22px no-repeat;
}
.icon3{
width: 22px;
height: 22px;
background: url(../images/03.png) 0 0 no-repeat;
display: inline-block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.icon3:hover{
background: url(../images/03.png) 0 -22px no-repeat;
}
.icon4{
width: 22px;
height: 22px;
background: url(../images/04.png) 0 0 no-repeat;
display: inline-block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.icon4:hover{
background: url(../images/04.png) 0 -22px no-repeat;
}
/*----error-page----*/
.error-page{
text-align: center;
min-height: 500px;
padding-top: 62px;
}
.error-page h3,.error-page h4{
color: rgb(139, 139, 139);
margin-top: 0;
font-size: 5em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
margin-bottom: 10px;
}
.error-page h3{
font-size:15em;
}
/*----image-slider-----*/
.image-slider{
}
/* GRID OF Four ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.grid_1_of_4{
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.grid_1_of_4:first-child {
margin-left: 0;
}
.images_1_of_4 {
width: 21.8%;
padding: 1%;
box-shadow: 0px 0px 10px rgba(230, 230, 230, 0.61);
}
.images_1_of_4 span{
font-family: 'Ropa Sans', sans-serif;
font-size: 1em;
color: rgb(146, 146, 146);
line-height: 1.5em;
margin-top: 16px;
}
.images_1_of_4 img{
max-width:100%;
display:inline-block;
}
.images_1_of_4 h3{
font-family: 'Ropa Sans', sans-serif;
font-size: 1em;
color:#000;
line-height: 1.5em;
margin: 8px 0;
border-bottom: 1px dashed rgb(219, 219, 219);
padding-bottom: 10px;
}
.images_1_of_4 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: rgb(155, 155, 155);
line-height: 1.8em;
margin-bottom: 10px;
}
.images_1_of_4 .button{
margin-top:.3em;
line-height:1.9em;
}
.images_1_of_4 .button a{
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
display: inline-block;
background: url(../images/btn_bg.png) repeat-x 0 0 #2c2c2c;
line-height: 15px;
padding: 10px 8px;
font-size: 0.9em;
text-transform: uppercase;
border-left: 1px solid #424242;
border-right: 1px solid #242424;
border-top: 1px solid #646464;
border-bottom: 1px solid #171717;
color: rgb(160, 160, 160);
font-family: 'Ropa Sans', sans-serif;
font-weight: 500;
cursor: pointer;
border-radius: .3em;
}
.images_1_of_4 .button a:hover{
color:#fff;
}
.images_1_of_4 h4{
color: rgb(139, 139, 139);
margin-top: 0;
font-size: 1.44em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
margin-bottom: 10px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:90%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
.wrap{
width:95%;
}
.grid_1_of_4{
margin: 2% 0 2% 0%;
}
.images_1_of_4 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.grid_1_of_4{
margin: 2% 0 2% 0%;
}
.images_1_of_4 {
width:92%;
padding:4%;
}
}
.services{
box-shadow:none;
}
.services ul li a{
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
color: rgb(139, 139, 139);
line-height: 1.5em;
border-bottom: 1px dashed rgb(219, 219, 219);
padding: 8px 0px;
display: block;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}
.services ul li a:hover{
color:#000;
}
.services ul li a img{
padding-right:5px;
vertical-align: middle;
}
/* GRID OF Content with Image ============================================================================= */
.image {
clear: both;
padding: 0px;
margin: 0px;
padding:1.5% 0;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.grid {
display: block;
float:left;
margin: 0% 0 0% 1.6%;
}
.grid:first-child { margin-left: 0; }
.images_3_of_1 {
width: 26.2%;
}
.span_2_of_3{
width: 64.1%;
}
.images_3_of_1 img {
max-width:100%;
display:inline-block;
}
.span_2_of_3 h3,.images_3_of_1 h3{
color: rgb(139, 139, 139);
margin-top: 0;
font-size: 1.2em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
.span_2_of_3 p,.images_3_of_1 p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#23670c;
line-height: 1.8em;
margin-bottom: 10px;
}
.span_2_of_3 .button{
margin-top:.3em;
line-height:1.9em;
}
.span_2_of_3 .button a{
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
display: inline-block;
background: url(../images/btn_bg.png) repeat-x 0 0 #2c2c2c;
line-height: 15px;
padding: 10px 8px;
font-size: 0.9em;
text-transform: uppercase;
border-left: 1px solid #424242;
border-right: 1px solid #242424;
border-top: 1px solid #646464;
border-bottom: 1px solid #171717;
color: rgb(160, 160, 160);
font-family: 'Ropa Sans', sans-serif;
font-weight: 500;
cursor: pointer;
border-radius: .3em;
}
.span_2_of_3 .button a:hover{
color:#fff;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:90%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px){
.wrap{
width:95%;
}
.image{
padding:3%;
}
.grid {
margin:0;
}
.images_3_of_1 {
width:100%;
padding:2% 0 2% 0;
}
.span_2_of_3 {
width:100%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.image{
padding:4%;
}
.grid {
margin:0;
}
.images_3_of_1 {
width:100%;
padding:2% 0 2% 0;
}
.span_2_of_3 {
width:100%;
}
}
.images_3_of_1 img{
display:inline-block;
}
.images_3_of_1 a{
color: rgb(139, 139, 139);
margin-top: 0;
font-size: 1.2em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 10px;
}
.images_3_of_1 a span{
color:#000;
text-transform:uppercase;
padding-left:5px;
}
.images_3_of_1 a span:hover{
color:#222;
text-decoration:underline;
}
/*---footer---*/
.footer{
background: linear-gradient(to right,#ccff99,#23670c);
padding:15px 0;
color: #006400;;
}
.footer-left{
float:left;
text-align: center;
color: #00a85a;
}
.footer-left ul li{
display:inline-block;
}
.footer-right{
float:right;
margin-top: 50px;
}
.footer-left ul li a,.footer-right p a{
font-family: 'Ropa Sans', sans-serif;
font-size: 0.9em;
color: WHITE;
margin-right:14px;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}
.footer-right p{
font-family: 'Ropa Sans', sans-serif;
font-size: 1em;
color:WHITE;
}
.footer-right p a:hover{
color:#000;
}
.footer-center{
float:right;
margin-top: 50px;
}
.content {
/* background:#fff;*/
/* background-color:#ADD8E6;*/
padding: 1.5% 1.5% 3% 1.5%;
}
.clients h5,.services h5,.contact h5{
color: rgb(139, 139, 139);
margin-top: 0;
font-size: 1.2em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
margin-bottom: 10px;
}
/*---services----*/
/* GRID OF THREE ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.listview_1_of_2{
display: block;
float:left;
margin: 0% 0 0% 1.6%;
}
.listimg{
display: block;
float:left;
}
.text{
display: block;
float:left;
margin: 0% 0 0% 3.6%;
}
.listview_1_of_2:first-child { margin-left: 0; }
.images_1_of_2 {
width: 49%;
padding: 1.5% 0;
}
.listimg_2_of_1 {
width: 30.2%;
}
.list_2_of_1 {
width: 66.2%;
}
.images_1_of_2 img {
max-width:100%;
display:block;
border: 1px solid rgb(238, 238, 238);
padding:4px;
}
.list_2_of_1 h3{
font-family: 'Ropa Sans', sans-serif;
font-size: 1em;
color: rgb(83, 83, 83);
line-height: 1.5em;
text-transform: uppercase;
}
.list_2_of_1 p{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: rgb(155, 155, 155);
line-height: 1.8em;
}
.list_2_of_1 .button{
line-height:1.9em;
margin-top:0.5em;
}
.list_2_of_1 .button a{
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
display: inline-block;
background: url(../images/btn_bg.png) repeat-x 0 0 #2c2c2c;
line-height: 15px;
padding:8px;
font-size: 0.9em;
text-transform: uppercase;
border-left: 1px solid #424242;
border-right: 1px solid #242424;
border-top: 1px solid #646464;
border-bottom: 1px solid #171717;
color: rgb(160, 160, 160);
font-family: 'Ropa Sans', sans-serif;
font-weight: 500;
cursor: pointer;
border-radius: .3em;
}
.list_2_of_1 .button a:hover{
color:#fff;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:90%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 640px){
.wrap{
width:95%;
}
.listview_1_of_2{
margin: 2% 0 2% 0%;
}
.images_1_of_2 {
width:94%;
padding:3%;
}
.listimg_2_of_1{
width:100%;
}
.list_2_of_1 {
width: 100%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.listview_1_of_2{
margin: 2% 0 2% 0%;
}
.images_1_of_2 {
width:92%;
padding:4%;
}
.listimg_2_of_1{
width:100%;
}
.list_2_of_1 {
width: 100%;
}
}
.services h5 {
margin-bottom:0px;
}
/*----contact----*/
/*---contact----*/
/* Contact Form ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.col{
display: block;
float:left;
}
.col:first-child{
margin-left:0;
}
.span_2_of_3 {
width: 80.1%;
padding: 0 0 1.5% 1.6%;
}
.span_2_of_3 h2,
.span_1_of_3 h2 {
color: rgb(139, 139, 139);
margin-top: 0;
font-size:1.5em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
letter-spacing: -1px;
margin-top: 12px;
}
.contact-form{
position:relative;
padding-bottom:30px;
}
.contact-form div{
padding:5px 0;
}
.contact-form span{
display:block;
font-size:1em;
color: rgb(139, 139, 139);
padding-bottom:5px;
font-family: 'Ropa Sans', sans-serif;
}
.contact-form input[type="text"],.contact-form textarea{
padding:8px;
display:block;
width:98%;
background:#fcfcfc;
border: none;
outline:none;
color:rgb(139, 139, 139);
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
-webkit-box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
-moz-box-shadow: inset 0px 0px 3px rgb(199, 199, 199);
-o-box-shadow:inset 0px 0px 3px rgb(199, 199, 199);
-webkit-appearance:none;
}
.contact-form textarea{
resize:none;
height:120px;
}
.contact-form input[type="submit"]{
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
display: inline-block;
background: url(../images/btn_bg.png) repeat-x 0 0 #2c2c2c;
line-height: 15px;
padding: 15px 20px;
font-size: 0.9em;
text-transform: uppercase;
border-left: 1px solid #424242;
border-right: 1px solid #242424;
border-top: 1px solid #646464;
border-bottom: 1px solid #171717;
color: rgb(160, 160, 160);
font-family: 'Ropa Sans', sans-serif;
font-weight: 500;
cursor: pointer;
border-radius: .3em;
cursor:pointer;
}
.contact-form input[type="submit"]:hover{
color: #fff;
}
.contact-form input[type="submit"]:active{
background-color:#000;
}
.company_address p{
font-family: Arial, Helvetica, sans-serif;
padding: 0.2em 0;
font-size: 0.8125em;
color: rgb(155, 155, 155);
line-height: 1.5em;
}
.company_address p span{
text-decoration:underline;
color:#333;
cursor:pointer;
font-family: 'Open Sans', sans-serif;
font-size:1em;
}
.map{
border:1px solid #C7C7C7;
margin-bottom:15px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/* GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
.contact-form input[type="text"],.contact-form textarea{
width:97%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:90%;
padding:5%;
}
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:90%;
padding:5%;
}
.contact-form input[type="text"],.contact-form textarea{
width:92%;
}
}
/*---contact----*/
.contact{
min-height: 572px;
}
/*----single-link-----*/
/* GRID OF One ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.col_1_of_1{
display: block;
float:left;
margin: 1% 0 1% 0%;
}
.span_1_of_1 {
width:97%;
padding:1.5% 0;
}
.span_1_of_1 h3{
color: rgb(139, 139, 139);
margin-top: 0;
font-size: 1.2em;
font-family: 'Ropa Sans', sans-serif;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
margin-bottom: 10px;
}
.span_1_of_1 p{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: rgb(155, 155, 155);
line-height: 1.8em;
margin-bottom: 10px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.col_1_of_1{
margin: 1% 0 1% 0%;
}
.span_1_of_1 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.col_1_of_1{
margin: 1% 0 1% 0%;
}
.span_1_of_1 {
width:92%;
padding:4%;
}
}
/*-----singlelink-----*/
.singlelink {
height: 572px;
}
/*----responsive-design----*/
@media screen and (max-width:1366px) {
.wrap{
width:95%;
}
.error-page {
min-height: 394px;
padding-top: 40px;
}
}
@media screen and (max-width:1024px) {
.wrap{
width:90%;
}
.services ul li:nth-child(2),.services ul li:nth-child(3),.services ul li:nth-child(4){
display:none;
}
.contact_info{
display:none;
}
.company_address{
margin-right:20px;
}
.error-page {
min-height: 408px;
padding-top: 40px;
}
.singlelink p:nth-child(1),.singlelink p:nth-child(2),.singlelink p:nth-child(3),.singlelink p:nth-child(4){
display:none
}
.singlelink {
height: 458px;
}
}
@media screen and (max-width:800px){
.wrap{
width:768px;
}
.span_2_of_3 {
width: 100%;
padding: 0%;
}
.images_3_of_1 {
width: 100%;
}
.grid {
float:none;
width:100%;
margin:10px 0 0 0px;
}
.company_address{
display:none;
}
}
@media screen and (max-width:640px){
.wrap{
width:90%;
}
.footer-left,.footer-right{
float:none;
text-align:center;
}
.left-nav ul li a {
padding: 16px 15px;
}
.text {
margin:0px;
}
}
.title {
color: GREEN;
font-family: verdana;
font-size: 40px;
letter-spacing: -1px;
line-height: 26px;
margin: 0;
padding-left: 0;
padding-right: 100px;
padding-top: 20px;
text-align: center;
}
.wrap h3 {
/*
background: url("../images/menu-bg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
*/
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
color: WHITE;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.lhs_menu {
width: 16.2%;
background:#ccff99;
}
.lhs_menu ul li {
padding-top: 5px;
/*padding-left: 15px;
background: url(images/img12.gif) no-repeat left center;*/
/* Border Style 1
border-bottom: 1px dotted #999;
*/
/* Border Style 2
border-bottom: 1px solid #999;
*/
/* Border Style 3 */
border-bottom: 2px dotted #4CAF50;
border-width: 1px 0;
width:185px;
display: inline-block;
position: relative;
padding-left: 5px;
padding-bottom:5px;
color: GREEN;
}
.lhs_menu ul li a{
text-decoration: none;
color: #2A4B2B;
font-size: 0.9em;
}
input[type="submit"] {
/*
background: url("../images/btn_bg.png") repeat-x scroll 0 0 #2c2c2c;
border-color: #646464 #242424 #171717 #424242;
border-left: 1px solid #424242;
border-right: 1px solid #242424;
*/
border-color: #ddffdd #ddffdd #ddffdd #ddffdd;
border-left: 1px solid #ddffdd;
border-right: 1px solid #ddffdd;
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
border-radius: 0.3em;
border-style: solid;
border-width: 1px;
color: WHITE;
cursor: pointer;
display: inline-block;
font-family: "Ropa Sans",sans-serif;
font-size: 0.9em;
font-weight: 500;
line-height: 15px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
input[type="reset"] {
border-color: #ddffdd #ddffdd #ddffdd #ddffdd;
border-left: 1px solid #ddffdd;
border-right: 1px solid #ddffdd;
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
border-radius: 0.3em;
border-style: solid;
border-width: 1px;
color: WHITE;
cursor: pointer;
display: inline-block;
font-family: "Ropa Sans",sans-serif;
font-size: 0.9em;
font-weight: 500;
line-height: 15px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
input[type="button"] {
border-color: #ddffdd #ddffdd #ddffdd #ddffdd;
border-left: 1px solid #ddffdd;
border-right: 1px solid #ddffdd;
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
border-radius: 0.3em;
border-style: solid;
border-width: 1px;
color: WHITE;
cursor: pointer;
display: inline-block;
font-family: "Ropa Sans",sans-serif;
font-size: 0.9em;
font-weight: 500;
line-height: 15px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
/*
input[type=text] {
box-sizing: border-box;
background-color: rgb(250, 255, 189) ;
}
*/
button[type="button"] {
border-color: #ddffdd #ddffdd #ddffdd #ddffdd;
border-left: 1px solid #ddffdd;
border-right: 1px solid #ddffdd;
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
border-radius: 0.3em;
border-style: solid;
border-width: 1px;
color: WHITE;
cursor: pointer;
display: inline-block;
font-family: "Ropa Sans",sans-serif;
font-size: 0.9em;
font-weight: 500;
line-height: 15px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
table.NoAlign {
border-width: 1px;
padding: 1px ;
border-collapse: collapse;
border-style:inset;
border-color:#C0C0C0;
vertical-align:top;
}
table.NoAlign th {
border-width: 1px;
padding: 1px ;
border-style:inset;
border-color:#6b6565;
background-color:#bebebe;
font-family: "Tahoma";
font-size: 11pt;
color: BLACK;
}
table.NoAlign td {
border-width: 1px;
padding: 2px ;
border-style:inset;
border-color:#C0C0C0;
font-family: "Tahoma";
font-size: 11pt;
}
table.NoAlignBig {
border-width: 1px;
padding: 1px ;
border-collapse: collapse;
border-style:inset;
border-color:#C0C0C0;
vertical-align:top;
}
table.NoAlignBig th {
border-width: 1px;
padding: 1px ;
border-style:inset;
border-color:#C0C0C0;
background-color:#bebebe;
font-family: "Tahoma";
font-size: 12pt;
color: BLACK;
}
table.NoAlignBig td {
border-width: 1px;
padding: 1px ;
border-style:inset;
border-color:#C0C0C0;
font-family: "Tahoma";
font-size: 12pt;
}
#logo {
height: 51px;
position: absolute;
top: 18px;
width: 159px;
}
#block{
border-color: #646464 #242424 #171717 #424242;
border-left: 1px solid #424242;
border-radius: 0.3em;
border-right: 1px solid #242424;
border-style: solid;
border-width: 1px;
width:310px;
}
#form_block{
border-color: #646464 #242424 #171717 #424242;
border-left: 1px solid #424242;
border-radius: 0.3em;
border-right: 1px solid #242424;
border-style: solid;
border-width: 1px;
}
.subMenu_active{
color: BLACK;
}
table.tab {
border-width: 1px;
padding: 1px ;
border-collapse: collapse;
border-style:inset;
border-color:#C0C0C0;
vertical-align:top;
}
table.tab th {
border-width: 1px;
padding: 1px ;
border-style:inset;
border-color:#C0C0C0;
background-color:#bebebe;
text-align:center;
font-family: "Tahoma";
font-size: 10pt;
color: BLACK;
}
table.tab td {
border-width: 1px;
padding: 1px ;
border-style:inset;
border-color:#C0C0C0;
text-align:center;
font-family: "Tahoma";
font-size: 10pt;
vertical-align:middle;
}
@media print
{
.dataTables_filter
{
display: none !important;
}
.no-print, .no-print *
{
display: none !important;
}
.printClass
{
width: 100%;
}
BODY {
color: black;
background: white;
/*width: 100%;*/
}
A:link, A:visited
{
background: white;
color: black;
text-decoration: none;
}
H1, H2, H3
{
background: white;
color: black;
padding-bottom: 1px;
border-bottom: 1px solid gray;
}
}
@page
{
/*
margin-top
margin-right
margin-bottom
margin-left
*/
size: auto; /* auto is the initial value */
/* this affects the margin in the printer settings */
margin: 10mm 0mm 5mm 1mm;
}
/* START: Styling for Download Button */
.dropbtn {
border-color: #ddffdd #ddffdd #ddffdd #ddffdd;
border-left: 1px solid #ddffdd;
border-right: 1px solid #ddffdd;
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
border-radius: 0.3em;
border-style: solid;
border-width: 1px;
color: WHITE;
cursor: pointer;
display: inline-block;
font-family: "Ropa Sans",sans-serif;
font-size: 0.9em;
font-weight: 500;
line-height: 15px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.dropbtn:focus {
background-color: #3e8e41;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #ccff99;
min-width: 120px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border: solid 1px;
border-color:#006400;
}
.dropdown-content a {
color: BLACK;
padding: 12px 16px;
text-decoration: none;
text-align: left;
display: block;
}
.show {display:block;}
/* END: Styling for Download Button */
.dropdown-content a:hover {background-color: #ddd;}
.dropdownlink:hover .dropdown-content {display: block;}
.dropdownlink:hover .droplink {background-color: #006400;}
/* .lhs_menu ul li { border-bottom: 2px dotted #4CAF50; } */
input[type="text"] {
padding: 6px 10px;
margin: 4px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="password"] {
padding: 6px 10px;
margin: 4px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="number"] {
padding: 6px 10px;
margin: 4px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
select{
font-size:16px;
padding-top:2px;
padding-bottom:4px;height:30px;
margin: 4px 0;
}
.danger {
background-color: #ffdddd;
border-left: 10px solid #f44336;
border-right: 10px solid #f44336;
margin-bottom: 15px;
padding:10px 12px;
color:RED;
font-size:14px;
}
.danger p{
color:RED;
font-size:14px;
}
.success {
background-color: #ddffdd;
border-left: 10px solid #4CAF50;
border-right: 10px solid #4CAF50;
margin-bottom: 15px;
padding: 10px 12px;
color:GREEN;
font-size:14px;
}
.success p{
color:GREEN;
font-size:14px;
}
.info {
background-color: #e7f3fe;
border-left: 10px solid #2196F3;
border-right: 10px solid #2196F3;
margin-bottom: 15px;
padding: 10px 12px;
color:BLACK;
font-size:14px;
}
.info p{
color:BLACK;
font-size:14px;
}
.warning {
background-color: #ffffcc;
border-left: 10px solid #ffeb3b;
border-right: 10px solid #ffeb3b;
margin-bottom: 15px;
padding: 10px 12px;
color:BLACK;
font-size:14px;
}
.warning p{
color:BLACK;
font-size:14px;
}
/* For Custom Radio Button and Checkbox */
.checkBoxContainer {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkBoxContainer input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmarkCheck {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.checkBoxContainer:hover input ~ .checkmarkCheck {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkBoxContainer input:checked ~ .checkmarkCheck {
background-color: #23670c;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkCheck:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkBoxContainer input:checked ~ .checkmarkCheck:after {
display: block;
}
/* Style the checkmark/indicator */
.checkBoxContainer .checkmarkCheck:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* START: For Radio Button */
.radioContainer {
/* display: block;*/
position: relative;
padding-left: 40px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radioContainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmarkGreen, .checkmarkYellow, .checkmarkBlue, .checkmarkRed {
position: absolute;
left: 10px;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}
.radioContainer:hover input ~ .checkmarkGreen, .radioContainer:hover input ~ .checkmarkYellow, .radioContainer:hover input ~ .checkmarkBlue, .radioContainer:hover input ~ .checkmarkRed {
background-color: #ccc;
}
.checkmarkGreen:after, .checkmarkYellow:after, .checkmarkBlue:after, .checkmarkRed:after {
content: "";
position: absolute;
display: none;
}
.radioContainer input:checked ~ .checkmarkGreen:after, .radioContainer input:checked ~ .checkmarkYellow:after, .radioContainer input:checked ~ .checkmarkBlue:after, .radioContainer input:checked ~ .checkmarkRed:after {
display: block;
}
.radioContainer .checkmarkGreen:after, .radioContainer .checkmarkYellow:after, .radioContainer .checkmarkBlue:after, .radioContainer .checkmarkRed:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
/* END: For Radio Button */
/* For Green */
.radioContainer input:checked ~ .checkmarkGreen {
background-color: #23670c;
}
/*For YELLOW */
.radioContainer input:checked ~ .checkmarkYellow {
background-color: #ffdd02;
}
/*For BLUE */
.radioContainer input:checked ~ .checkmarkBlue {
background-color: #2196F3;
}
/*For RED */
.radioContainer input:checked ~ .checkmarkRed {
background-color: RED;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 420px;
background-color: black;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 5px 10px;
position: absolute;
z-index: 1;
top: 150%;
left: 10%;
margin-left: -60px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.btn{
border-color: #ddffdd #ddffdd #ddffdd #ddffdd;
border-left: 1px solid #ddffdd;
border-right: 1px solid #ddffdd;
background: #4CAF50; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CAF50, #23670c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom,#4CAF50, #23670c);
border-radius: 0.3em;
border-style: solid;
border-width: 1px;
color: WHITE;
cursor: pointer;
display: inline-block;
font-family: "Ropa Sans",sans-serif;
font-size: 0.9em;
font-weight: 500;
line-height: 15px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
/* Width of Search Textbox of Datatable*/
.dataTables_filter input { width: 300px }
/* Changing color of place holders of input text */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #C0C0C0;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #D3D3D3;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #D3D3D3;
}
/* Change background color of textbox when it is focussed */
input:focus, textarea:focus {
background-color: #e8f0fe;
border: 1px solid #4d90fe;
}
/* Flat style for textbox */
.flat
{
border:0 !important;
outline:none;
background-color: unset;
}
.flat:focus{
background-color: WHITE;
background-color: unset;
}
.form-block{
background-color: #e5f7d3;
border:1px solid #8ecf4d;
}
/* START: for alert boxes */
.alert {
padding: 10px;
background-color: #ddffdd;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 20px;
border: 1px solid;
border-color: #c3e6cb;
border-radius: 0.25rem;
font-size: 14px;
}
.alert.success2 {background-color: #ddffdd;color: #155724;}
.alert.info2 {background-color: #e7f3fe;color: #155724;}
.alert.warning2 {background-color: #ffffcc;color: #155724;}
.alert.danger2 {background-color: #ffdddd;color:RED}
.closebtn {
margin-left: 15px;
color: GREEN;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
/* END: for alert boxes */