/*
Theme Name: watersurvivalbox
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */



/* style custom*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Raleway:400,900,800,600,500,700');


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

.MainWrapper *,.MainWrapper *:before,.MainWrapper *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;outline:none;}

.Wrapper *,.Wrapper *:before,.Wrapper *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;outline:none;}



article, aside, figure, footer, header, nav, section, details, summary {display: block;}

img,object,embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse:; border-spacing: 1px;}

th {font-weight: bold; vertical-align: bottom;}

td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word;}

input[type="radio"] {vertical-align: text-bottom;}

input[type="checkbox"] {vertical-align: bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button,input[type=button] {width: auto; overflow: visible;}

.hide-text {overflow: hidden;text-indent: 100%;white-space: nowrap;text-decoration:none;}



.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  

.clearfix:after { clear: both; }  

.clearfix { zoom: 1; }  



/*==================================================* Buttons and Headers * =========================================================*/

h1,h2,h3{font-family: 'Raleway', sans-serif;font-weight:normal;}

h1{font-size:36px;margin:0 0 20px 0;padding:0px;color:#000; line-height:36px;font-weight:700; text-transform:uppercase;}

h2{font-size:23px;margin:0 0 10px 0;padding:0px;color:#dd0000; line-height:30px;font-weight:500;}

h3{font-size:23px;margin:0px;padding:0px;color:#dd0000; line-height:30px;font-weight:500;}
h4{font-size:32px; line-height: 35px;}
h5{font-size:28px; line-height: 32px;}
h6{font-size:25px; line-height: 28px;}


a, a:active, a:visited{color:#d90000;text-decoration:none;}

a:hover{color:#000;}



a.Button{background:#fff;color:#dd0000!important;display:inline-block;padding:7px 40px;border:none;text-transform:uppercase;font-size:14px; font-weight:600; text-align:center;text-decoration:none; border:solid 2px #dd0000;}

a.Button:hover{background:#ffdbdb;}





a.Button1{background:#fff;color:#dd0000!important;display:inline-block;padding:2px 15px;border:none;text-transform:uppercase;font-size:14px; font-weight:600; text-align:center;text-decoration:none; border:solid 2px #dd0000;}

a.Button1:hover{background:#ffdbdb;}



/*==================================================* Global Styles && Forms * =========================================================*/

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

textarea{overflow:auto;resize:none;}



input.txtBox {padding:4px;font-size:12px;font-weight:normal;border:1px solid #b8b8b8; width:100%;}

select.txtBox {padding:4px;font-size:12px;font-weight:normal;border:1px solid #b8b8b8;width:100%;}

textarea.txtBox {padding:4px;font-size:12px;font-weight:normal;border:1px solid #b8b8b8;resize:none;overflow:auto;width:100%;}



input.txtBox1 {padding:6px 10px;font-size:13px;font-weight:600;border:1px solid #b8b8b8; width:100%; color:#000; background:#c8c8c8; height:40px; text-transform:uppercase;font-family: 'Raleway', sans-serif;margin-bottom:11px;}

textarea.txtBox1 {padding:6px 10px;font-size:13px;font-weight:600;border:1px solid #b8b8b8; width:100%; color:#000; background:#c8c8c8; height:121px; text-transform:uppercase;font-family: 'Raleway', sans-serif;margin-bottom:11px;}







.floatLeft {float:left;}

.floatRight {float:right;}

.AlignRight {text-align:right;}

.AlignCenter {text-align:center;}

.AlignLeft {text-align:left;}



.floatLeft_Img{float:left; margin:0 15px 0 0; line-height:0;}

.floatLeft_Img img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px;}

.floatRight_Img{float:right; margin:0 0 0 15px;}



p{margin:0 0 15px 0; padding:0;}



.BoxShadow {-moz-box-shadow:2px 2px 2px #000;-webkit-box-shadow: 2px 2px 2px #000;box-shadow:2px 2px 2px #000;}

#scrollUp {bottom:5px; width:40px; height:40px; right:35px; background: url("../images/top_icon.png") no-repeat;}



/*==================================================* Skeleton * =========================================================*/

body {background:#fff;font-family: 'Raleway', sans-serif; font-size:14px;font-weight:500;line-height:22px;color:#6c6c6c;}



.Wrapper{margin:auto;width:1158px;}

.Wrapper:before,.Wrapper:after {display: table;  content: " ";}

.Wrapper:after {clear: both;}







/*==================================================* Header CSS * =========================================================*/

#Header{width:100%;}

#Header .LeftLogo{float:left; line-height:0;}

#Header .floatRight{margin-top:12px; color:#000;font-size:18px; text-align:right;}

#Header .floatRight .Socail{margin:30px 0 0 45px;}

#Header .floatRight .Phn{font-size:18px;text-transform:uppercase;font-family: 'Open Sans', sans-serif;}

#Header .floatRight .Socail a{margin:0 0 5px 3px; display:inline-block}



.Banner{}

.Banner .floatLeft{width:60.6%;}

.Banner .RightBnr{width:39.4%; background:#e1e1e1; min-height:310px; padding:43px 29px;color:#000;}

.Banner .RightBnr .Heading{font-size:60px; font-weight:900; line-height:55px; text-transform:uppercase; margin-bottom:25px;}





/*==================================================* Main COntent CSS * =========================================================*/

.MainContent{margin:auto; padding:22px 0px; min-height:500px;}

.BorderBtm{border-bottom:solid 9px #dd0000; margin-bottom:22px;}



.ServicesArea{color:#898989;margin-bottom:25px;}

.ServicesArea .ProBox{width:30.5%; margin:0 4.25% 0 0;line-height:0;}

.ServicesArea .ProBox:nth-child(3n){margin:0;}

.ServicesArea .ProBox .ImgHolder{ vertical-align:middle; line-height:0; margin-bottom:9px;}

.ServicesArea .ProBox .TextHolder{font-size:24px; line-height:30px; text-transform:uppercase; font-weight:700; text-align:center;}



.HomeContent{border-top:solid 9px #dd0000; margin:50px 0 5px 0; padding:27px 0;}

.HomeContent .LeftArea{float:left; width:44%; margin-right:2%;}

.HomeContent .RightArea{float:right; width:54%;}

.HomeContent .RightArea p{margin-bottom:25px;}



.WaterBox{background:#dd0000; min-height:231px; padding:65px 38px 0 38px; color:#FFF;}

.WaterBox .WaterLeft {float:left; width:35.5%;text-transform:uppercase; font-size:24px;}

.WaterBox .WaterRight {float:left; width:64.5%; font-weight:600;}

.WaterBox .WaterRight p{margin-bottom:25px;}

.WaterBox .WaterLeft span{display:block;font-size:42px; font-weight:700; line-height:40px; margin-top:5px;}

.Mrgn10{margin-bottom:22px;}



.pdfimg img{vertical-align:middle;}



/*==================================================* Contact css * =========================================================*/

.Conact{}

.Conact .floatLeft{width:37%;}

.Conact .floatRight{width:60%;}



#Gallery {}

#Gallery ul li{width:19.2%;overflow:hidden;margin:0 1% .5% 0;display:inline-block;text-decoration:none; float:left;text-align:center;}

#Gallery ul li:nth-child(5n){margin-right:0;}

#Gallery ul li img{line-height:0px;}

#Gallery ul li p{background:#e2e2e2; text-transform:uppercase; height:40px; text-align:center; padding-top:10px;}





/*==================================================* Footer css * =========================================================*/

#Footer{color:#000; font-size:11px; line-height:20px; padding:0 0 40px 0; font-weight:400; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#Footer a{color:#000;}

#Footer a:hover{color:#000;}

#Footer .floatLeft{text-align:left; width:63%; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500;}

#Footer .floatRight{text-align:right; width:37%;}

#Footer .floatRight img{margin:5px 0 0 8px;}

	

/*==================================================* Breadcrumb *=========================================================*/

.Breadcrumb{border-bottom:1px solid #d9d8d8; font-size:10px; color:#000; margin:0 0 10px; padding:0 0 5px; text-transform:uppercase;}

.Breadcrumb img{display:inline; margin:-1px 5px 0;}

.Breadcrumb a{color:#dd0a00;}

.Breadcrumb a:hover{color:#000;}



.List {padding:0; margin:0 0 15px 0; list-style-type:none; }

.List li{background:url("../images/arrow.png.html") no-repeat 0.1em 0.70em; padding:2px 0 2px 10px;}

.List li a{color:#000;}

.List li a:hover{color:#b1a667;}



/*==================================================* MY TABLE CSS *=========================================================*/

.TableFormat{ margin:0px; padding:0px; border-spacing:1px;background:#c9c9c9;color:#000;}

.TableFormat td{ padding:7px 10px;background:#fff; vertical-align:middle;}

.TableFormat th{background:#c9c9c9; color:#000; padding:7px 10px; text-align:left;}

.star{color:#ff0000;}

.TableFormat b{font-weight:600;}



.TableFormat1{margin:0px; padding:0px; border-spacing:1px;background:#c9c9c9;color:#000; margin-bottom:20px; text-transform:uppercase;}

.TableFormat1 td{background:#fff;padding:7px 10px; vertical-align:top;}

.TableFormat1 th{background:#c9c9c9;padding:7px 10px;color:#000; font-size:14px; border-top:solid 1px #fff;}

.TableFormat1 select {padding:4px;font-size:12px;font-weight:normal;border:1px solid #cbcbcb; width:48.5%;}

.TableFormat select{width:50%;} 


.TableFormat_Dt{ margin:0px; padding:0px; border-spacing:1px;background:#c9c9c9;color:#000;}

.TableFormat_Dt td{ padding:7px 10px;background:#fff; vertical-align:middle;}

.TableFormat_Dt th{background:#c9c9c9; color:#000; padding:7px 10px; text-align:left;}

.TableFormat_Dt b{font-weight:600;}

.current-menu-item a{color: #000!important;}

.Nopad.current-menu-item a{color: #fff!important;}