@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,500);

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0; }
*{ margin:0px; padding:0px;}
a, img{ outline:none; border:none; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: 'Roboto', sans-serif;  }
p{ line-height:21px; color:#444; font-size:14px;}
iframe, embed, object { max-width: 100%;}
body  { font-family:Arial, Helvetica, sans-serif; width:100%;  font-family: 'Lato', sans-serif;}
h1 {font-family: 'Roboto', sans-serif; font-size:32px;text-transform:uppercase; }
h2 {  font-family: 'Roboto', sans-serif; font-size:18px; }
 
header { width:100%; display:inline-block; *display:inline; zoom:1; background:url(../img/pattern.png) repeat #54b420; padding: 0px 0px 25px 0px;}
section { width:999px; margin:0px auto; }


/**** navigation ***/
 nav { width:100%; display:inline-block; *display:inline; zoom:1;}
 #mainNav {float: right; width: 50%;}
 .logo { float:left;margin-top: 20px; z-index:100;}
 .navbar-default {float: right;width: auto;}
 .navbar-default{ background-color:inherit !important; border-color:none !important; }
 .navbar{ margin-bottom:0px !important; min-height:25px !important;}
 .navbar-default .navbar-nav > li > a {font-size: 16px;text-transform: uppercase;color: #fff; padding: 22px 0px 0px 0px; margin-left: 39px;  
transition: 0.2s ease; position:relative; background:inherit !important; font-family: 'Roboto', sans-serif;}
 .navbar-default .navbar-nav > li > a:after{ display: block; position: absolute; left: 0;
top: -1px;width: 0; height: 2px; background-color: #fff600; content: ""; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;
 transition: all 0.2s;}
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#fff600;}
.navbar-default .navbar-nav li.active a  { color:#fff600;}
.navbar-default .navbar-nav li.active a:after  { color:#fff600; width: 100%;}
.navbar-default .navbar-nav li:hover a {    background-color: inherit;  color:#fec601;}
.navbar-default .navbar-nav > li > a:hover:after{ width: 100%;}
.navbar-default .navbar-nav li a i { display: inline-block;vertical-align: top;margin: 4px 0px 0px 3px;font-size: 12px;}
.home_banner{width:100%; float:left; padding:120px 0px 120px 0px; background:url(../img/slide1.jpg) no-repeat; background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-attachment:fixed; min-height:600px;}
.home_banner h1{color:#fff; line-height:40px; width:100%; display:inline-block; margin-top:35px;}
.home_banner h1:after{position:relative; content:"";border-top:double 4px #fff600; width:100px; display: table; margin-top:12px;}
.home_banner h2{color:#fff; line-height:32px; width:100%; display:inline-block; font-size:24px;}

.grey_bg{ background:#f2f2f2 ;}
.section_col{ width:100%; display:inline-block;padding:65px 0px;}	
.main_heading{ width:100%; display:inline-block; text-align:center;}	
.main_heading h1{ color:#333333; width:100%; display:inline-block; text-transform:uppercase; font-weight:500;}
.main_heading h1:after{ content:""; display:table; margin:18px auto 0px auto; width: 166px; border-top: double 4px #54b420;}
.main_heading h1 i{ margin-right:6px;}
.section_col .main_heading{ margin-bottom:20px;}
.contact_h h1:after{ display:table !important; margin:18px 0px 0px 0px !important;}
.overview p{ font-size:15px; line-height:26px; font-family: 'Roboto', sans-serif;}
.width_img img{ margin: 7px 37px 15px 0px; max-width:100%;  box-shadow: 0px 0px 0px 5px #fff;}
.width_img img.watson_img{margin: 7px 0px 15px 37px; max-width:100%; box-shadow:0px 0px 0px 5px #f2f2f2; width:45%;}
.watson_pic{ position:relative; float:left;}
.watson_pic .name{  position:absolute; width:367px; bottom:5px; background:rgba(84,180,32, 0.6); color:#fff; font-size:22px; text-align:center;  z-index: 1000; padding: 15px 0px;}
.no_shadow{ box-shadow:none !important;}




/****  story *****/
.story_section{ width:100%; display:inline-block; padding:120px 0px 150px 0px; background:url(../img/testi_bg.jpg) no-repeat; background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-attachment:fixed; }
.story h1:after{ content:""; display:table; margin:18px auto 0px auto; width: 166px; border-top: double 4px #fff !important;}
.story h1{ color:#fff;}
.story_col{ margin:55px 0px 0px 0px;}
.story_col img{ max-width:100%; border-radius:100%; border:solid 3px #54b420;}
.story_col p{ font-size:18px; color:#fff; line-height:26px; margin-top:5px;}
.story_col p span{ font-weight:bold; color:#54b420;}
.inner_text{ margin-top:25px;}
p.inner_text b{ font-size:16px; font-weight:700; font-style:italic; color:#444;}
p.inner_text{ font-style:italic; color:#777;}
.history_col h3{ width:100%; display:inline-block; margin:25px 0px 30px 0px; position:relative;}
.history_col h3:after{ position:relative; content:"";border-top:double 4px #54b420; width:100px; display: table; margin-top:12px;}
.grey_border{box-shadow:0px 0px 0px 5px #f2f2f2 !important; }

.news_form_section{ display:table; width:100%;}
.news_section{ width:50%; display:table-cell; padding:40px 34px 50px 34px; background:#f2f2f2;}
.news_section h1{ width:100%; position:relative; display:inline-block; text-transform:uppercase;}
.news_section h1:after{ content:""; display:table; width:72px; height:2px; background:#fec601; margin-top:10px; }
.news_col{ margin-top:30px; width:100%; display:inline-block;}
.news_col img{ width:100%;}
.news_col h2{ width:100%; position:relative; font-size:18px;}
.news_col h2:after{ content:""; display:table; width:72px; height:2px; background:#fec601; margin-top:10px; }
.news_col span{ width:100%; display:inline-block; margin-top:0px; color:#898989; font-size:12px; font-style:italic;}
.news_col p{ font-size:14px; color:#666666; width:100%; display:inline-block; margin:17px 0px 0px 0px;}
.news_col a{ display:inline-block; margin-top:21px; text-decoration:none; color:#444444; font-size:14px; background:#fec601; padding:13px 28px; 
transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;-o-transition:all ease 0.3s;}
.news_col a i{ margin-right:5px;}
.news_col a:hover{ background:#e4b200; text-decoration:none; color:#fff;}

.form_section{ width:50%; display:table-cell; padding:40px 34px 50px 34px; background:#f2f2f2; background:url(../img/form_bg.png) no-repeat bottom right #fec601; }
.form_section h1{ width:100%; position:relative; display:inline-block; text-transform:uppercase;}
.form_section h1:after{ content:""; display:table; width:72px; height:2px; background:#fff; margin-top:10px;}
.form_section h2{ width:100%; position:relative; display:inline-block; font-size:18px; }
.field{ width:100%; display:inline-block; margin-top:20px;}
.field .input{ width:100%; display:inline-block; padding:15px 5px 15px 20px; border:none; outline:none; background:#fff; color:#8f8e8e; font-size:16px; }
.field .button{ border:none; outline:none; color:#fff; font-size:18px; text-transform:uppercase; appearance:none; -webkit-appearance:none; padding:15px 38px; background:#444444;transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;-o-transition:all ease 0.3s; font-family: 'Roboto', sans-serif; }
.field .button:hover{ background:#efefef; text-decoration:none; color:#262626; }

footer{ width:100%; float:left; background:#202020; padding:20px 0px 20px 0px;}
footer h2{ width:100%; position:relative; font-size:18px; color:#fff;}
footer h2:after{ content:""; display:table; width:72px; height:2px; background:#fec601; margin-top:10px; }
footer p{ color:#bdbaba; font-size:15px; width:95%; display:inline-block; margin-top:21px;}
footer i{ display:inline-block; vertical-align:top; margin:7px 7px 0px 0px; width:50px; height:50px; background:#54b420; color:#fff; font-size:20px !important; line-height:50px !important; text-align:center; cursor:pointer;transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;-o-transition:all ease 0.3s;}
footer i:hover{ background:#fff; color:#54b420;}


/*** about page ***/
.inner_banner{width:100%; display:inline-block; padding:100px 0px 100px 0px; background:url(../img/inner-bg.jpg) no-repeat center center; background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;text-align:center; }
.inner_banner h1{ font-size:42px; color:#fff; width:80%; position:relative; display:inline-block;}

.inner_banner h1:after { content: "";width: 80px; border-top: double 4px #fec601; display:table; margin:15px auto 0px auto;}

/*** contact page ****/

.reply_form_col{ margin-bottom:12px;}
.reply_form_col .input{ width:92%; background:#fff; outline:none; border:solid 1px #e0e0e0; font-size:14px; color:#5c5c5c; padding:10px 5px 10px 10px;}
.reply_form_col select{ width:92%; background:#fff; outline:none; border:solid 1px #e0e0e0; font-size:14px; color:#5c5c5c; padding:10px 5px 9px 10px !important;}

.reply_form_col p{width:100%; display:inline-block; color:#5c5c5c; font-size:15px; margin:0px 0px 10px 0px;}
.reply_form_col .textarea{width:97%; height:119px; resize:none; outline:none; background:#fff; border:solid 1px #e0e0e0; font-size:14px; color:#5c5c5c; padding:10px 5px 10px 10px;}
.reply_form_col input[type=checkbox]{ visibility:hidden; position:absolute;}
.reply_form_col h2{color:#5c5c5c; font-size:14px; margin:0px 0px 0px 0px; margin: 4px 0px 0px 7px; display: inline-block; vertical-align: top}

.contact_form .input{ width:100%}
.contact_form .textarea{ width:100%}
.contact_form .check_col{ float:left; margin-right:18px; position:relative; z-index:10;}
.contact_form .check_col h2{color:#5c5c5c; font-size:14px; margin: 3px 0px 0px 6px; display: inline-block; vertical-align: top;}
.contact_form .post_comnt_btn{ width:141px; padding:11px 0px; margin-top:10px;}
.contact_address .footer_ad i, .contact_address .footer_ad p{ color:#5c5c5c;}
.contact_address .footer_ad a{ color:#429fcb;}
.hr_line1{ margin:14px 0px;}
.check_col .textbox{ background: #fff; outline: none;border: solid 1px #e0e0e0; font-size: 14px; color: #5c5c5c; padding:3px 2px 2px 4px;}

.office_hours{ width:100%; display:inline-block; margin-top:8px;}
.office_hours li:before{ content:"\f18e"; font-size:17px; color:#5c5c5c; vertical-align:middle;  font-family: FontAwesome; display:inline-block; vertical-align:middle;}
.office_hours li{ position:relative; display:inline-block; width:100%; margin:7px 0px 0px 0px;}
.office_hours li .office_day{ display:inline-block; vertical-align:middle; position:relative; width:35%;  margin:2px 0px 0px 6px;}
.office_hours li p{  margin:0px 0px 0px 0px; color:#5c5c5c; font-size:14px; background:#fafafa; z-index:10; position:relative; float:left; padding-right:8px;}
.office_hours li .office_day:after{ content:""; width:100%; position:absolute; height:1px; background:#2a84ae; left:0px; top:11px;}
.office_hours li h2{ margin:0px 0px 0px 0px; color:#2a84ae; font-size:14px; display:inline-block; vertical-align:middle; padding-left:3px;}
.footer_ad{ width:100%; display:inline-block; margin-bottom:5px;}
.footer_ad i{ float:left; margin:4px 11px 0px 0px; font-size:16px; color:#fefefe;}
.footer_ad p{ margin:0px; font-size:14px; font-family: 'Open Sans', sans-serif; line-height:24px; width:85%; float:left; color:#fefefe;}
.footer_ad p a{ color:#fff;}
.footer_ad p a:hover{ color:#07364c}
.text{ font-size:15px; margin-bottom:20px;}
.send_btn{ background:#54b420; border:none; outline:none; color:#fff; cursor:pointer; padding:12px 40px; font-size:18px; box-shadow:0px 3px 0px 0px #439219;
 transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; margin-top:15px;}
.send_btn:hover{ background:#439219; box-shadow:0px 3px 0px 0px #54b420; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}