@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
body{padding:0; margin:0; font:normal 14px/24px 'chawpregular', sans-serif; color:#281400; cursor:default; background-color:#ffffff;}
html, body{height:100%;}

::-moz-selection { background-color: #87bb0e; color: #000; }
::selection { background-color: #87bb0e; color: #000; }

@font-face {
    font-family: 'chawpregular';
    src: url('../fonts/chawp-webfont.eot');
    src: url('../fonts/chawp-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chawp-webfont.woff2') format('woff2'),
         url('../fonts/chawp-webfont.woff') format('woff'),
         url('../fonts/chawp-webfont.ttf') format('truetype'),
         url('../fonts/chawp-webfont.svg#chawpregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'expositionblackssiregular';
    src: url('../fonts/expsbls_-webfont.eot');
    src: url('../fonts/expsbls_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/expsbls_-webfont.woff2') format('woff2'),
         url('../fonts/expsbls_-webfont.woff') format('woff'),
         url('../fonts/expsbls_-webfont.ttf') format('truetype'),
         url('../fonts/expsbls_-webfont.svg#expositionblackssiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sketch_blockbold';
    src: url('../fonts/sketch_block-webfont.eot');
    src: url('../fonts/sketch_block-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sketch_block-webfont.woff2') format('woff2'),
         url('../fonts/sketch_block-webfont.woff') format('woff'),
         url('../fonts/sketch_block-webfont.ttf') format('truetype'),
         url('../fonts/sketch_block-webfont.svg#sketch_blockbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'subway_novellaregular';
    src: url('../fonts/subwaynovellademo-webfont.eot');
    src: url('../fonts/subwaynovellademo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/subwaynovellademo-webfont.woff2') format('woff2'),
         url('../fonts/subwaynovellademo-webfont.woff') format('woff'),
         url('../fonts/subwaynovellademo-webfont.ttf') format('truetype'),
         url('../fonts/subwaynovellademo-webfont.svg#subway_novellaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kg_blank_space_sketchregular';
    src: url('../fonts/KGBlankSpaceSketch-webfont.eot');
    src: url('../fonts/KGBlankSpaceSketch-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KGBlankSpaceSketch-webfont.woff2') format('woff2'),
         url('../fonts/KGBlankSpaceSketch-webfont.woff') format('woff'),
         url('../fonts/KGBlankSpaceSketch-webfont.ttf') format('truetype'),
         url('../fonts/KGBlankSpaceSketch-webfont.svg#kg_blank_space_sketchregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, form, input{padding:0; margin:0; outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
img{border:none; max-width:100%; vertical-align:middle;}
p{padding:0; margin:10px 0;}
a{text-decoration:none; cursor:pointer; color:#1b6e08;}
div, a, img{outline:none;}
.clear{clear:both; width:100%; height:0; font-size:0;}
.left{float:left;}
.right{float:right;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.hide{display:none !important;}
.clear{clear:both; width:100%; font-size:0; height:0;}

.clearfix:before, .clearfix:after{content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}
.uppercase{text-transform:uppercase;}

.row{width:980px; margin:0 auto;}
p{padding:0 0 20px 0; margin:0;}
strong{font-weight:900;}

#background{position: fixed; top: 0; left: 0; overflow: hidden; z-index:-2; width:100%; height:100%; background-attachment: fixed; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: center 0;  background-repeat: no-repeat; background-size: cover; width:100%; height:100%; background-image:url(../images/body-bg.jpg);}


#main{padding:0 0 20px 0;}
#primary{float:right; width:77%; padding-top:64px;}
#secondary{float:left; width:23%;}

/*Header CSS
-----------------------------------------------------------------------------------------------------------*/
.header{background:url(../images/main-top.png) bottom left no-repeat; min-height:267px;  position:relative;}

.reg-log-btn-group{position:absolute; right:0; top:0; z-index:1; background:url(../images/user-loging-bg.png) 0 0 no-repeat; width:126px; height:102px;}
.reg-log-btn-group a{text-align:right; padding:0 10px; margin:0 5px 7px 0; height:39px; color:#441201; font:normal 14px/39px 'expositionblackssiregular'; display:block;}
.reg-log-btn-group a:hover{color:#b8722e;}

.top-menu{padding:15px 0 0 10px;}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{float:left; position:relative;}
.top-menu ul li:first-child{}
.top-menu ul li a{color:#441201; font-size:14px; line-height:23px; padding:0 0 0 10px; display:block; }
.top-menu ul li a span{display:block; padding:5px 10px 5px 0;}
.top-menu ul li a:hover,
.top-menu ul li:hover > a,
.top-menu ul li.current-menu-item > a{background:url(../images/menu-left.png) 0 0 no-repeat;}

.top-menu ul li a:hover span,
.top-menu ul li:hover > a span,
.top-menu ul li.current-menu-item > a span{display:block; padding:5px 10px 5px 0; background:url(../images/menu-right.png)  right 0 no-repeat;}

.top-menu ul ul{display:none; position:absolute; left:0; top:100%; background:#faefd1; width:190px; padding:5px 20px;}
.top-menu ul ul li{border-top:1px solid #e1e4e6; float:none; background:none; padding:0;}
.top-menu ul ul li:first-child{border-top:none;}
.top-menu ul ul li a{}
.top-menu ul li:hover > ul{display:block;}
.top-menu ul ul ul{left:100%; top:-5px;}
.top-menu ul ul li.ls ul{right:100% !important; left:auto;}
.top-menu ul ul li a:hover, 
.top-menu ul ul li:hover > a,
.top-menu ul ul .current-menu-item > a{color:#515151;}
.top-menu ul ul .current-menu-item > a:after{display:none;}



.top-menu, .top-menu ul li a{
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear; 
}

.banner{padding-top:10px;}


/*Main CSS
-----------------------------------------------------------------------------------------------------------*/
#content-area{background:url(../images/main.png) 0 0 repeat-y; padding:20px; padding-bottom:0;}
.fullwidth{width:100% !important;}


/*site-content*/
.site-content{text-align:left; color:#303030;}
.site-content img{border:none;}
.site-content p{padding:0 0 20px 0; margin:0;}
.site-content hr{border:none; border-top:solid 1px #bbbbbb; padding-bottom:10px;}
.site-content h1.title{font:normal 72px/48px 'sketch_blockbold'; color:#4a1e00; margin-bottom:10px;}
.site-content h1.title small{color:#000000; font-size:40px;}
.site-content h1{font:normal 48px/48px 'sketch_blockbold'; color:#4a1e00; margin-bottom:10px;}
.site-content h2{font:normal 30px/40px 'sketch_blockbold'; color:#4a1e00; margin-bottom:10px;}
.site-content h4{font:800 18px/20px 'Open Sans', sans-serif; color:#361500;}

ul.list{list-style-image:url(../images/bullate-b1.png); list-style-position:outside; padding:0 0 15px 15px; margin:0;} 
ul.list li{margin-bottom:5px;}

.cell-50-50{}
.cell-50-50 .column-left{float:left; width:46%; padding-right:4%; background:url(../images/cell-devider.png) right 0 no-repeat;}
.cell-50-50 .column-right{float:right; width:46%;}

.wwg{ text-align:center; color:#281400; margin-bottom:15px;}
.wwg-header{background:url(../images/wwg-header.jpg) 0 0 repeat-y #a06f33; border-radius:10px; font:bold 18px/24px 'sketch_blockbold'; color:#000000;}
.wwg-header th{height:42px;}
.wwg td{background:url(../images/wwg-td.png); font-size:14px; line-height:20px; padding:5px 0;}





.form{}
ul.form{padding:0; margin:0; list-style:none;}
ul.form li{margin-bottom:15px;}
 .formul li a{color:#173e8b;background:#E2E2E2;padding:4px;margin:2px;float:left;}
 .formul li a:hover{color:#494949;text-decoration:underline;}
.form label{font-size:14px; display:inline-block; margin-bottom:6px;}

.adopt-form{color:#281400;}
.adopt-form li{float:left; width:100%; margin-bottom:10px !important;}
.adopt-form li .left{width:49%;}
.adopt-form li .right{width:49%;}
.adopt-form .input{background-repeat:no-repeat;}
.adopt-form .textarea{background-repeat:no-repeat;}
.adopt-form .newListSelected{background-repeat:no-repeat !important;}

.wrp-nbinp{float:left; width:100%;}
.wrp-nbinp .inpb{float:right;}
.wrp-nbinp .nbinp{margin-right:60px;}

.enquire{max-width:550px;}
.enquire li{float:left; width:100%; margin-bottom:10px !important;}
.enquire li .left{width:49%;}
.enquire li .right{width:49%;}

.input,select{ background:url(../images/input-bg.png); border:none; border-radius:5px; height:42px; padding:10px 10px; width:100%; color:#ffffff; font:normal 14px/22px  'Open Sans', sans-serif; -moz-box-sizing: border-box; box-sizing: border-box;}
.textarea{background:url(../images/textarea-bg.png); border:none; border-radius:5px; height:122px; padding:10px 10px; width:100%; color:#ffffff; font:normal 14px/22px  'Open Sans', sans-serif; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;}
.submit{color:#fff; background:#fdbe00; font:normal 14px/20px Arial, Helvetica, sans-serif; padding:2px 10px; cursor:pointer; display:inline-block; border:none;}
.submit:hover{background:#151515;}
input.ns-input:focus, input.input:focus, textarea.textarea:focus, .input-casetitle:focus {
    border: 1px solid #35a8e2!important;
    box-shadow: 0 2px 2px #ccc inset, 0 0 5px #35a8e2;
    outline: medium none;
}

.wrap-captcha{float:left; width:100%;}
.wrap-captcha .val-captcha{float:left;}
.wrap-captcha .inp-captcha{margin-left:155px;}

::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder {
    color:    #fff;
}
::-moz-placeholder {
    color:    #fff;
}
:-ms-input-placeholder {
    color:    #fff;
}


.home-bottom{}
.home-bottom .column-left{float:left; width:60%; font:normal 30px/36px 'subway_novellaregular'; letter-spacing:2px; color:#341e0d;}
.home-bottom .column-left ul{list-style-image:url(../images/bullate-b.png); list-style-position:inside; padding:0; margin:0;} 
.home-bottom .column-left ul li{margin-bottom:5px;}
.home-bottom .column-right{float:right; width:39%;}

.news-sub-form{max-width:266px;}
.news-sub-form .ns-input{ background:url(../images/input-box1.png) 0 0 no-repeat; border:none; height:42px; padding:10px 10px; width:266px; color:#ffffff; font:normal 14px/22px  'Open Sans', sans-serif; -moz-box-sizing: border-box; box-sizing: border-box;}


/*Sidebar CSS*/
.logo-mob{display:none;}
.logo-dsk{margin:20px 0; float:left;}
.social-widget{margin-bottom:16px;}
.social-widget a{width:44px; height:44px; display:inline-block; background:#f6f6f6; border-radius:10px; margin:0 8px 8px 0; text-align:center; line-height:44px; color:#a4ce56; font-size:30px;}
.social-widget a:hover{color:#442600;}

.widget{margin-bottom:16px; background:#f6f6f6; border-radius:15px 0 0 15px; padding:6px; font-size:13px; line-height:18px;}
.widget p{padding:0; margin:0 0 10px 0;}
h3.widget-title{font:800 28px/30px 'Open Sans', sans-serif; color:#341e0d; margin-bottom:10px;}

.copyright{font:600 14px/20px 'Open Sans', sans-serif; color:#fff; text-shadow:1px 1px 2px #000;}
.copyright a{color:#fff;}
.copyright a:hover{color:#000;}

/*Footer CSS
-----------------------------------------------------------------------------------------------------------*/
.footer{background:url(../images/main-bottom.png) 0 0 no-repeat; height:123px;margin-left:2px;}
.footer-con{padding:20px 30px 0 76px;}
.footer-con .left{margin-top:50px;}
div.alert_error {
    background: url("../images/icn_alert_error.png") no-repeat scroll 10px 10px #F3D9D9;
    border: 1px solid #D20009;
    border-radius: 5px 5px 5px 5px;
    color: #7B040F;
    display: block;
    font-size: 14px;
    margin:0 0 10px  0;
    padding: 10px 0;
    text-indent: 40px;
    width: 99%;
}
input.error,textarea.error, select.error, checkbox.error{
    
    border:1px solid #DD0000!important;color:#fb0000;
    
    }
label.error{display:none!important;color:#fb0000;}	
.reqerror
{
	background-color:#FFDDDD!important;
	border-color:#DD0000;
}
div.alert_success {
background: url("../images/icn_alert_success.png") no-repeat scroll 10px 10px #e2f6c5;
border: 1px solid #79c20d;
border-radius: 5px;
clear: both;
color: #32510f;
display: block;
font-size: 11px;
margin:0 0 10px  0;
padding: 10px 0;
text-indent: 40px;
width: 99%;

}
select option{background:#BE9E6D;padding: 8px ;}
select option:hover{background:#AC9065;}