/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       DWA
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* CSS Document */
@import url("css/font.css");
body {
	background: #fff;
	margin:0px; 
	padding:0px; 
	top:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif; 
	
}

img{border:0; max-width:100%}

p, h1, h2, h3, h4, h5, h6, ul, li { 
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}	

.spacer{ clear:both; line-height:0; font-size:0; margin:0px; padding:0px;}
	
div { 
	margin:0px; 
	padding:0px;
}	

form{margin:0; padding:0;}

/* =Reset default browser CSS. Based on work by Eric Meyer: 

http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	/*vertical-align: baseline;*/
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*end -------------------------------------------------------------- */
/* --------------------------- Total Contain ----------------------------------- */
#contain{
  width:100%;
}
/* --------------------------- Total Contain ----------------------------------- */


/* --------------------------- Header Area ----------------------------------- */
.header_area{
  width:930px;
  margin:0 auto;
 }
 .logo_area{
  float:left;
 }
 
 .header_right{
  float:right;
  padding:1.5%;
  margin-top:12px;
 }
 
 .header_right h1{
  font-family:'myriad_web_proregular';
  font-size:38px;
  font-weight:normal;
  color:#000000;
  text-align:right;
 }
 
 .header_right p{
  font-family:'myriad_web_proregular';
  font-size:23px;
  font-weight:normal;
  color:#000000;
  text-align:right; word-wrap:break-word;
 }
 
 .header_right p a{
  color:#000000;
  text-decoration:none;
 }
 
 .header_right p a:hover{
  color:#000000;
  text-decoration:underline;
 }
 
  .header_right p span{
  font-family:'myriad_web_proregular';
  font-size:14px;
  font-weight:normal;
  color:#000000;
  text-align:right;
 }


  

/* --------------------------- Header Area ----------------------------------- */

/* --------------------------- Menu Area ----------------------------------- */

.mobile_naviagtion {display:none;}

.menu_area{
  width:100%;
  background:#59595c;
  border-bottom:1px solid #fff;
  
 }
 
 .menu_area_con{
  max-width:930px;
  margin:0 auto;
  
 }
 
 .menu_area_con ul{
  padding:0;
  margin:0;
  display:inline;
  
 }
 
 .menu_area_con ul li{
  font-family:'myriad_web_proregular';
  font-size:22px;
  font-weight:normal;
  color:#ffffff;
  padding:10px 14px;
  float:left;
  
 }
 
 .menu_area_con ul li a{
  color:#ffffff;
  text-decoration:none;
  
 }
 
  .menu_area_con ul li a:hover{
  color:#ffffff;
  text-decoration:none;
  
 }
 
 
 /* --------------------------- Menu Area ----------------------------------- */
 
 
 /* --------------------------- Slider Area ----------------------------------- */
 
.slider_area{
 max-width: 967px;
 width:100%;
 margin: 0 auto 15px;
}
 
.slider_area img{
 max-width:100%;
} 
  
  
/* --------------------------- Slider Area ----------------------------------- */
 
 
/* --------------------------- Main Body area ----------------------------------- */

.main_body{
 max-width:930px;
 margin:0 auto;
 min-height:700px;
}

.main_body_top{
 width:100%;
 margin-bottom:37px;
 margin-top:-1%;
}

.main_body_con{
 width:21.9%;
 float:left;
 margin:0 0 0 25px;
 text-align:center;
}
  

.main_body_con h2{
 font-family:'myriad_probold';
 font-size:25px;
 color:#000000;
 text-align:center;
 line-height:23px;
 margin-bottom:10px;
}

.main_body_con p{
 font-family:'myriad_procondensed';
 font-size:22px;
 font-weight:normal;
 color:#000000;
 line-height:23px;
 padding-top:10px;
 text-align:center;
}


.main_body_text_area{
 width:98%;
 padding-left:2%;
}

.main_body_text_area h2{
 font-family:'myriad_web_proregular';
 font-size:28px;
 font-weight: 900;
 color:#000000;
 padding-bottom:25px;
}

.main_body_text_area p{
 font-family:'myriad_web_proregular';
 font-size:21px;
 font-weight:normal;
 color:#000000;
 padding-bottom:25px;
 line-height:27px;
}

.main_body_text_area p span{
 font-family:'myriad_web_proregular';
 font-size:22.3px;
 font-weight:bold;
 color:#000000;
 padding-bottom:25px;
}

.main_body_text_last{
 width:98%;
 padding-left:2%;
 margin-bottom:15px;
}

.main_body_text_last p{
 font-family:'myriad_web_proregular';
 font-size:24px;
 font-weight:normal;
 color:#000000;
 padding-bottom:25px;
 padding-left:15px;
}

.main_body_text_last p span{
 font-family:'myriad_web_proregular';
 font-size:25px;
 font-weight: bold;
 color:#000000;
 float:right;
 margin-right:18%;
}
  
/* --------------------------- Main Body area ----------------------------------- */


/* --------------------------- Find Out Area ----------------------------------- */
.find_area{
  width:64%;
  padding: 7% 18%;
  background:#e8e2e2;
  text-align:center; float:left;
 }
 
 
 .find_area p{
 font-family:'myriad_web_proregular';
 font-size:26.5px;
 font-weight:normal;
 color:#827c7c;
 }
 
 .form_area{
  width:93%;
  padding:2% 3.5%;
  background:#fef6e8; float:left;
 }
 
 .form_area ul{
  padding:0;
  margin:0;
 }
 
 .form_area ul li{
  float:left;
  width: 50%;
  margin-bottom:15px;
  margin-right: 0;
 }
 
 
  .text_box{
  background:#fff;
  border:1px solid #cccccc;
  border-radius:8px;
  font-family:'myriad_web_proregular';
  font-size:14px;
  font-weight:normal;
  color:#8e8e8e;
  margin-left: 7px;
  padding:8px;
  width:96%;
 }
 


/* --------------------------- Find Out Area ----------------------------------- */

/* --------------------------- Footer ----------------------------------- */

.footer_total{
 width:100%;
/* height:234px;*/ padding:0 0 25px 0;
 background:#59595c; float:left;
 
}

.footer_total_con{
 max-width:930px;
 margin:0 auto;
 
}
.footer_total_con_top{
 width:100%;
 text-align:center;
 padding: 35px 0 25px;
}

.footer_total_con_top p{
 font-family:'myriad_web_proregular';
 font-size: 40px;
 font-weight:normal;
 color:#ffffff;
 }
 
 .footer_total_con_down{
 width:100%;
}

.footer_total_con_down_left{
 width:auto;
 float:left;
}
.footer_total_con_down_left p{
  font-family:'myriad_web_proregular';
 font-size:18px;
 font-weight:normal;
 color:#ffffff;
}

.footer_total_con_down_right{
 width:auto;
 float:right;
}
.footer_total_con_down_right p{
  font-family:'myriad_web_proregular';
 font-size:18px;
 font-weight:normal;
 color:#ffffff !important;
}

.footer_total_con_down_right p a{
 color:#ffffff !important;
 text-decoration:none;
}

.footer_total_con_down_right p a:hover{
 color:#ffffff !important;
 text-decoration:underline;
}

/* --------------------------- Footer ----------------------------------- */


/* --------------------------- Contact Us ----------------------------------- */

.conatct_area{
 width:100%;
 margin-top:48px;
}

.conatct_area h2{
 font-family:'myriad_probold';
 font-size:28px;
 color:#000000;
 padding-bottom:20px;
 
}
.conatct_area h2 img{
 vertical-align: middle;
 padding-right: 15px;
 
}

.conatct_area h3{
 font-family:'myriad_web_proregular';
 font-size:28px;
 font-weight:normal;
 color:#060c00;
 word-wrap: break-word;
 
}

.conatct_area p{
 font-family:'myriad_web_proregular';
 font-size:28px;
 font-weight:normal;
 color:#060c00;
 margin-bottom:20px;
 
}


.contact_contain{
 width:100%;
 text-align:center;
 margin-top:16px;
 float:left;
}


.contact_contain h2{
 font-family:'myriad_probold';
 font-size:30px;
 color:#000000;
 padding-bottom:15px;
}


.contact_contain h2 img{
 width:100%;
}


/* --------------------------- Contact Us ----------------------------------- */
 
 
 
/* --------------------------- About Page ----------------------------------- */
.about_top{
 width:100%;
 margin-top:20px;
 float:left;
 margin-bottom:20px;
}

.about_top ul{
 padding:0;
 margin:0;
}

.about_top ul li{
 float:left;
 margin-right:1px;
}

.about_top_mid{
 width:100%;
 float:left;
 margin-bottom:20px;
}

.about_top_mid h2{
 font-family:'myriad_probold';
 font-size:28px;
 color:#000000;
 padding-bottom:20px;
}

.about_top_mid h3{
 font-family:'myriad_probold';
 font-size:24px;
 color:#000000;
}

.about_top_mid h2 img{
 vertical-align: middle;
 padding-right: 15px;
}

.about_top_mid p{
 font-family:'myriad_web_proregular';
 font-size:20px;
 font-weight:normal;
 color:#000000;
 padding-bottom:20px;
}
.about_logo_area{
 width:100%;
 float:left;
 margin-bottom:20px;
}

.about_logo_area h2{
 font-family: 'myriad_probold';
 font-size:24px;
 font-weight:normal;
 color:#000000;
 padding-bottom:20px;
}

.about_last{
 width:100%;
 margin-bottom:15px;
}

.about_last p{
 font-family:'myriad_web_proregular';
 font-size:24px;
 font-weight:normal;
 color:#000000;
 padding-bottom:25px;

}

.about_last p span{
 font-family:'myriad_probold';
 font-size:26px;
 color:#000000;
 float:right;
 margin-right:18%;
 margin-top:-0.7%;
}



/* --------------------------- About Page ----------------------------------- */
input, textarea, button {
    -webkit-appearance: none;
    -webkit-border-radius: 0; 
}
.button_style{
  max-width: 100%;
  width: 50%;
  background:#8ac75a;
  margin-right: 10px;
  padding:4px 13px;
  border-radius:6px;
  float:right;
  border:none;
  font-family:'myriad_probold';
  font-size:22px;
  font-weight:normal;
  color:#fff;
  cursor:pointer;
  
 }

 .menu_area_con ul li.current_page_item a,
 .menu_area_con ul li.current_menu_item a { 
 color: #8cc662;
 }

 @media screen and (min-width: 641px) and (max-width: 769px){

.header_area{ width:100%;}
.logo_area img{ max-width:100%;}
.logo_area{ width:35%;}
.header_right{ width:55%;}
.menu_area_con{ width:100%;}
.main_body{ max-width:100%;}
.main_body_con{ width:100%; margin:10px auto;}
.form_area ul li{ width:100%;}
.footer_total_con{ max-width:96% 2%;}
.about_top_mid p{padding-left:5px;}
.about_top_mid h3{padding-left:5px;}

}

 @media screen and (max-width: 767px){
.menu_area_con ul li { background: #59595C url('../images/menuicon.png') no-repeat right top; padding: 0; }
nav ul li a { font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: 'myriad_probold'; }
}

 @media screen and (min-width: 220px) and (max-width: 479px){
 .header_area{ width:100%;}
.logo_area img{ max-width:100%;}
.logo_area{ width:100%;}
.header_right{ width:100%;}
.menu_area_con{ width:100%;}
.main_body{ max-width:100%;}
.main_body_con{ width:100%; margin:10px auto;}
.form_area ul li{ width:100%;}
.footer_total_con{ max-width:96% 2%;}
.footer_total_con_down{ width:96%; padding:2%;}
.about_top ul li { width:100%; text-align:center;}
.about_top_mid p{padding-left:5px;}
.about_top_mid h3{padding-left:5px;}
 
 }
 
 
 @media screen and (min-width: 480px) and (max-width: 640px){
 .header_area{ width:100%;}
.logo_area img{ max-width:100%;}
.logo_area{ width:100%;}
.header_right{ width:100%;}
.menu_area_con{ width:100%;}
.main_body{ max-width:100%;}
.main_body_con{ width:100%; margin:10px auto;}
.form_area ul li{ width:100%;}
.footer_total_con{ max-width:96% 2%;}
.footer_total_con_down{ width:96%; padding:2%;}
.about_top ul li { width:100%; float:none; text-align:center;}
.about_top_mid p{padding-left:5px;}
.about_top_mid h3{padding-left:5px;}
 
 }