@charset "utf-8";

.top_bg { background-color:#f6f9ff;}
.top_bg p {font-family: 'Poppins', sans-serif; font-size:16px; color:#000; text-align:left; padding-top:10px !important;}


.social-icon {
    color: #fff;
	float:right;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #000;
    text-decoration: none;
}
.fa-facebook {
    padding:7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   /* background-color: #322f30;*/
}
.fa-facebook:hover {
    background-color: #3d5b99;
	color:#FFF;
}
.fa-twitter {
    padding:7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    /*background-color: #322f30;*/
}
.fa-twitter:hover {
    background-color: #00aced;
	color:#FFF;
}
.fa-rss {
    padding:7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    /*background-color: #322f30;*/
}
.fa-rss:hover {
    background-color: #eb8231;
	color:#FFF;
}
.fa-youtube {
    padding:7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   /* background-color: #322f30;*/
}
.fa-youtube:hover {
    background-color: #e64a41;
	color:#FFF;
}
.fa-linkedin {
    padding:7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    /*background-color: #322f30;*/
}
.fa-linkedin:hover {
    background-color: #0073a4;
	color:#FFF;
}
.fa-google-plus {
    padding:7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    /*background-color: #322f30;*/
}
.fa-google-plus:hover {
    background-color: #e25714;
	color:#FFF;
}



.header { padding:10px 0px 10px 10px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101e54+54,ffffff+54 */
background: #101e54; /* Old browsers */
background: -moz-linear-gradient(-45deg, #101e54 54%, #ffffff 54%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #101e54 54%,#ffffff 54%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #101e54 54%,#ffffff 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101e54', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.cname h1 {font-family: 'Roboto', sans-serif; font-size:40px; color:#FFF; text-align:left; font-weight:bold;}
.cname h1 span { color:#8bc43f; font-size:20px;}


.header ul{ list-style:none; float:right; margin-top:15px;}
.header li {display:block; font-family: 'Poppins', sans-serif; font-size:16px; color:#000; text-align:left;
 padding-top:10px !important;}

.button_bg{background-color:#115617;}
.box {width:30%; border:#ccc 3px solid; background-color:#101e54; border-radius:20px; padding:20px; float:left; margin-left:30px; margin-top:-100px !important; z-index:5555 !important; position:relative;}
.box h1 {font-family: 'Roboto', sans-serif; font-size:36px; color:#FFF; text-align:center}
.box  i{ color:#fff;}
.box  p{ color:#fff; font-family: 'Poppins', sans-serif; font-size:14px; text-align:center;}
.box:hover {background-color:#115617; transition:0.5s}
.box.static {background-color:#115617; transition:0.5s}

.welcome_note { margin-top:60px !important;}
.welcome_note h1 {font-family: 'Montserrat', sans-serif; font-size:30px; color:#101e54; font-weight:bold;}
.welcome_note p {color:#000; font-family: 'Roboto', sans-serif; font-size:17px; padding-left:80px; padding-right:80px; padding-bottom:30px !important;}


.read_more a{font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#fff; text-align:center;  padding:12px 45px 12px 45px !important; margin-top:25px!important; background:#115617;  }

.read_more a:hover{ background:#101e54; color:#FFF; transition:0.6s;}
.home_profile { padding:5px !important; text-align:justify; line-height:30px;}

.product_link { background-image:url(images/footer_bg.jpg); background-repeat:repeat; margin-top:25px !important;}

.product_link h1{ font-family: 'Montserrat', sans-serif; font-size:36px; color:#fff; font-weight:bold; margin-top:60px !important;}

.product_link ul { list-style:none;}
.product_link li { display:block}
.product_link a { display:block; text-align:left; float:left; text-decoration:none; color:#fff; font-family: 'Poppins', sans-serif; font-size:16px; width:32%; margin:7px !important; }
.product_link a:hover{ color:#0bc425; text-decoration:none;}


.footer{background-color:#115617;}
.footer h3{ font-family: 'Montserrat', sans-serif; font-size:22px; color:#fff; font-weight:600; text-align:center; text-decoration:underline; margin-top:20px !important;}

.footer_bottom { margin-top:30px !important;}

.footer_bottom p{font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; text-align:right; padding:7px;}
.footer_bottom a{font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; text-align:left; padding:7px; text-decoration:none; float:left;}

.footer_bottom  a:hover{ color:#101e54; text-decoration:none}


.contact_div { margin-top:30px !important;}
.contact_div h1{font-family: 'Montserrat', sans-serif; font-size:36px; color:#101e54; font-weight:bold; text-align:left;}

.contact_div p{ font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; }

.inquiry_div { margin-top:30px !important;}

.inquiry_div h1{font-family: 'Montserrat', sans-serif; font-size:30px; color:#101e54; font-weight:bold; text-align:left;}

.inquiry_div h3{font-family: 'Roboto', sans-serif; font-size:18px; color:#000; text-align:left; font-weight:bold; }

#text1 {
    border: 1px solid #101e54;
    height: 40px;
    width: 100%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 100%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}

.submit { background-color:#101e54; text-align:center; font-family:'Open Sans Condensed', sans-serif; padding:8px 35px 8px 35px; color:#FFF; font-size:20px;}
.submit:hover{ background-color:#0bc425;}

.profile_div { margin-top:25px !important;}

.profile_div img { margin-top:60px !important;}

.profile_div h1{font-family: 'Open Sans Condensed', sans-serif; font-size:36px; color:#101e54; text-align:left; font-weight:bold; border-bottom:#101e54 thin solid;}

.profile_div h3{font-family: 'Open Sans Condensed', sans-serif; font-size:26px; color:#101e54; text-align:left; font-weight:bold; border-bottom:#000 thin solid;}
.profile_div p{ font-family: 'Roboto', sans-serif; font-size:17px; color:#000; text-align:justify; }
.profile_div ul li{ font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; }

.margin-top { margin-top:30px !important;}


.product { margin-top:25px; }
.product h1 {font-family: 'Open Sans Condensed', sans-serif; font-size:30px; color:#101e54; text-align:left; 
font-weight:600; border-bottom:#101e54 1px solid;}
.product h1 span { color:#115617;}
.product_image{ margin-top:25px;}
.product_detail h3{font-family: 'Open Sans Condensed', sans-serif; font-size:26px; color:#000; text-align:left; font-weight:bold; }
.product_detail p{ font-size:17px; color:#000; text-align:justify; }
.product_detail ul li{ font-size:17px; color:#000; text-align:left; }



@media screen and (max-width:992px){
	
.header { padding:10px 0px 10px 10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101e54+54,ffffff+54 */
background: #101e54; /* Old browsers */
background: -moz-linear-gradient(top, #101e54 54%, #ffffff 54%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #101e54 54%,#ffffff 54%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #101e54 54%,#ffffff 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101e54', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.cname h1 { float:left; font-size:40px;}
	
	.header ul { margin-top:10px !important;}
	.header li {display:inline-block; margin-left:10px;}
	.box {width:48%; margin-top:10px !important; margin-left:10px !important;}
	.box:hover {background-color:#115617; margin-top:-20px !important;}
	.box.static {background-color:#115617; margin-top:-20px !important;}

	}
	
	@media screen and (max-width:768px){
		
		.box {width:90%;}
		.product_link a {width:90%;}
		.welcome_note h1 {font-size:28px;}
        .welcome_note p {font-size:15px; text-align:justify; padding:10px !important;}
	}