@charset "utf-8";

.button_bg { padding-bottom:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#668117+71,0096ff+71,0096ff+71 */
background: #668117; /* Old browsers */
background: linear-gradient(135deg, #668117 71%,#668117 71%,#edf1f3 71%);
    
}
.inquiry_button { background-color:#668117;  padding:7px 15px 7px 15px !important; margin-top:10px !important;  border:#668117 1px solid; text-align:center; border-radius:10px }
.inquiry_button:hover{ background-color:#e6e9ed; border:#668117 1px solid;}

.inquiry_button a{font-family: 'Montserrat', sans-serif; font-size:20px; color:#FFF; text-align:center; }
.inquiry_button a:hover{color:#000;}

.logo { margin-top:15px !important; }
.company_name h1{font-family: 'Oswald', sans-serif; font-size:36px; color:#668117; text-align:left; font-weight:700; 
 margin-top:35px !important;}
 .company_name h3{font-family: 'Roboto', sans-serif; font-size:20px; color:#666; text-align:left;  
 margin-top:0px !important; border-bottom:#668117 thin solid;  border-top:#668117 thin solid; padding:10px;}
 
 .banner{ margin-top:15px !important;}
 
 .slogen_bg{ background-color:#668117;}
 
 .slogen_bg h1{font-family: 'Fira Sans', sans-serif; font-size:32px; color:#fff; text-align:left; text-transform:uppercase}
 
.box{margin-top:50px !important;}
.box i{ color:#668117;}
.box h1{font-family: 'Oswald', sans-serif; font-size:36px; color:#668117; text-align:left; font-weight:400; margin:0px !important; margin-top:10px !important; border-bottom:#668117 2px solid;  }
.box p{font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; padding:20px !important;}

.home_service { margin-top:10px !important; background-color:#e3e3e3; padding:15px;}
.home_service_img{ margin:0px !important; padding:0px !important;}

.home_service h1{font-family: 'Oswald', sans-serif; font-size:36px; color:#668117; text-align:left; font-weight:400; border-bottom:#668117 2px solid;   }

.home_service p{ font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    padding-top: 8px;}

.home_app { margin-top:30px !important;}
.home_app_img { margin:0px !important; padding:0px;}
.home_app h1{font-family: 'Oswald', sans-serif; font-size:36px; color:#668117; text-align:left; font-weight:400; border-bottom:#668117 2px solid;  }
.home_app ul { margin-left:-40px !important; list-style:none; margin-top:30px; }
.home_app ul li{ font-family: 'Roboto', sans-serif; font-size:25px; color:#000; text-align:left; padding:8px;  border:#668117 thin solid; margin-top:5px !important; }

.home_app ul li:hover{ background-color:#668117; color:#FFF; }

.footer{ background-color:#668117; margin-top:20px !important} 

.footer h1{font-family: 'Oswald', sans-serif; color:#fff; text-align:left; font-size:28px; border-bottom:#FFF 2px solid; padding:5px;}

.footer ul{ list-style:none; margin-left:-40px;}
.footer li{ display:block; padding:5px;}
.footer a{ font-family:'Padauk', sans-serif; font-size:18px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:left;}
.footer a:hover{ color:#aa0202; text-decoration:none;}

.footer p{font-family: 'Padauk', sans-serif; font-size:18px; color:#fff; text-align:left; padding:5px !important;}

.lang_sel{ padding-top:25px;}

.footer_bdr { border-bottom:#333 solid thin;}
.copyright { text-align:right !important; font-family: 'Padauk', sans-serif; font-size:18px; padding:5px !important; color:#fff;}

.contact_div{ margin-top:30px !important;}
.contact_div h1{font-family:'Oswald', sans-serif; font-size:30px; color:#668117; font-weight:bold; text-align:left; text-decoration:underline; }

.contact_div h3{ont-family:'Roboto', sans-serif; font-size:18px; color:#000; font-weight:bold; text-align:left;}
.contact_div p{font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;  }
.map h1{font-family:'Roboto', sans-serif; font-size:30px; color:#b20000; font-weight:bold; text-align:center; text-decoration:underline; }
.contact_div img{ margin-top:25px;}

.inquiry_div { margin-top:25px;}
.inquiry_div h1{font-family:'Roboto', sans-serif; font-size:30px; color:#668117; font-weight:bold; text-align:left; text-decoration:underline; }
.inquiry_div h3{font-family:'Roboto'; font-size:16px; color:#000; text-align:left; text-transform:uppercase; font-weight:700 ;}


#text2 {
    border: 1px solid #137ea7;
    height: 50px;
    width: 90%;
    /*box-shadow: 0 0 27px rgb(204, 204, 204) inset;*/
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
	background:none;
}

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

.profile_div { margin-top:20px !important;}
.profile_div img{ margin-top:40px;}
.profile_div h1{ font-family:'Oswald', sans-serif; font-size:36px; color:#000; text-align:left; font-weight:700; border-bottom:#00153b 1px solid;}
.profile_div h3{ font-family:'Oswald', sans-serif; font-size:24px; color:#000; text-align:left; font-weight:bold; background-color:#ededed; padding:5px;}
.profile_div p{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; margin-top:20px !important;}
.profile_div ul li{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left;}

table { width:90%; margin-top:20px !important;}
table h1 {font-family:'Archivo'; font-size:18px !important; color:#104099; text-align:left; font-weight:700; border:none !important; background:none !important; padding:0px !important; margin:0px !important;}
table td{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; text-align:left; padding:8px !important; border:#CCC thin solid}
table td span{ font-size:14px; color:#F00;}
.grey_bg{ background-color:#dedede;}
.grey_bdr {border:#ccc thin solid}


@media screen and ( max-width:980px){
	
	.button_bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#668117+67,0096ff+67 */
background: #668117; /* Old browsers */
background: -moz-linear-gradient(-45deg, #668117 67%, #0096ff 67%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #668117 67%,#0096ff 67%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #668117 67%,#0096ff 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668117', endColorstr='#0096ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
	.inquiry_button_2 { background-color:#668117;  border:#668117 1px solid; border-radius:10px; text-align:left; margin-top:15px !important; }
	.inquiry_button_2 a{ font-size:13px; text-align:left; color:#FFF;}
	
	 .slogen_bg h1{font-family: 'Fira Sans', sans-serif; font-size:32px;
	
	
	}
	
	
	@media screen and ( max-width:768px){
	
	.button_bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#668117+67,0096ff+67 */
background: #668117; /* Old browsers */

	}
	
	
	
	 .slogen_bg h1{font-family: 'Fira Sans', sans-serif; font-size:32px;}
	
	.inquiry_button { background-color:#0096ff; text-align:left; border:#668117 1px solid;}
	.inquiry_button:hover {background-color:#668117; border:#0096ff 1px solid;}
	
	.inquiry_button a{ font-size:16px; text-align:left;}
	
	.inquiry_button_2 { background-color:#668117; padding:5px!important; border:#668117 1px solid; border-radius:10px; margin-top:15px !important;}
	.inquiry_button_2 a{ font-size:18px; text-align:center; color:#FFF;}
	
	.inquiry_button_2:hover{ background-color:#0096ff; border:#668117 1px solid;}
	
	.home_service h1{font-family: 'Oswald', sans-serif; font-size:28px;}
	.home_service p{ font-size:16px;}
	
	
	}
	
	
	@media screen and ( max-width:480px){
		
		.box i { font-size:50px;}
		.box h1{ font-size:30px; text-align:center;
	}