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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
 

 
audio:not([controls]) {
    display: none;
    height: 0;
}
 a{ text-decoration:none; outline:none; color:#111;}
/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
 
[hidden] {
    display: none;
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}



::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


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


audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{ outline:none;}

@font-face {
    font-family: 'RockwellRegular';
    src: url('../fonts/rock.eot');
    src: url('../fonts/rock.eot') format('embedded-opentype'),
         url('../fonts/rock.woff') format('woff'),
         url('../fonts/rock.ttf') format('truetype'),
         url('../fonts/rock.svg#RockwellRegular') format('svg');
}

@font-face{font-family:'proxima_nova_rgregular';src:url('../fonts/proximanova-regular-webfont.eot');src:url('../fonts/proximanova-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova-regular-webfont.woff') format('woff'),
url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');font-weight:normal;font-style:normal;}

@font-face {
    font-family: 'patua_oneregular';
    src: url('../fonts/patuaone-regular-webfont.eot');
    src: url('../fonts/patuaone-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/patuaone-regular-webfont.woff') format('woff'),
         url('../fonts/patuaone-regular-webfont.ttf') format('truetype'),
         url('../fonts/patuaone-regular-webfont.svg#patua_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin: 0px;
	padding: 0;
	background-position: center center fixed;
	background-image: url(../images/body.jpg);
	background-color: #ffffff;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#wrapper{ margin:0 auto; max-width:1100px; width:100%;}
#top{ min-height:64px; width:100%;}
.logo{ float:left; width:60%; text-align:left; color: #8f6004;  font: 40px/40px 'patua_oneregular'; padding-left:2%; }
.logo h1 { margin:0px; padding:0px;}
.logo h1 a{
	text-decoration: none;
	color: #27670F;
	font-size: 40px;
}
.logo h1 a:hover{
	color: #000200;
}
.Contact{
	float: right;
	text-align: right;
	width: 35%;
	font: 20px/63px 'patua_oneregular';
	color: #27670F;
	padding-right: 2%;
}
#nav{
	background-color: #666600;
	width: 100%;
	min-height: 40px;
	border-radius: 5px 5px 0 0px;
	-moz-border-radius: 5px 5px 0 0px;
	-wbekit-border-radius: 5px 5px 0 0px;
	-ms-border-radius: 5px 5px 0 0px;
	-o-border-radius: 5px 5px 0 0px;
}
#nav ul{ margin:0px; padding:0; list-style-type:none;}
#nav ul li{ display:inline; float:left; font:18px/40px 'proxima_nova_rgregular'; border-right:solid 1px #a56f06; position:relative; }
#nav ul li a{ padding:0 12px; color:#fff; text-decoration:none; display:block;}
#nav ul li a:hover, #nav ul li a.active{
	background-color: #000200;
}
#nav ul li:last-child{ border:none;}
#nav ul li:hover:first-child a { border-radius:5px 0 0 0; }
#banner{ width:100%; max-height:403px; overflow:hidden;}
#banner img{ max-width:100%;}

#banner1{ width:100%; max-height:200px;}
#banner1 img{ max-width:100%;}

#main{ width:100%; box-sizing:border-box; padding:1%; background:#fff;}
#main h2{
	color: #990000;
	margin: 0 0 8px;
	padding: 0;
	font-family: patua_oneregular;
	font-size: 24px;
	line-height: 35px;
}
#main p{
	color: #30302f;
	margin:0;
	padding:0 0 12px;
	font-family: proxima_nova_rgregular;
	font-size: 14px;
	line-height: 22px;
}
figure{ margin:0; padding:0;}
.package{ margin:10px 0 0px;  padding:0px;}
.pak{
	width: 319px;
	min-height: 297px;
	margin: 0 60px 2% 0;
	background-color: #FFFFCC;
	float: left;
	padding-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.pak img{ margin-bottom:6px; max-width:100%%; border-radius:5px 5px 0 0px; -moz-border-radius:5px 5px 0 0px;-wbkit-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;-o-border-radius:5px 5px 0 0px;}
.pak  h3{  font:22px/35px 'patua_oneregular'; color:#b67902; margin:0; padding:0 0 0 15px;}
.pak  h3 a{
	color: #990000;
	text-decoration: none;
}
.pak  h3 a:hover{  color:#8F6004; text-decoration:none;}
.pak  ul{ margin:0px; padding:0 0 0px 15px; list-style-type:none; width:90%;}
.pak  ul li{  font: 16px/24px 'proxima_nova_rgregular'; width:90%; background:url(../images/arow.gif) 0 4px no-repeat; padding:0 0 0 12px; }
.pak ul li a{ color:#302e2a; text-decoration:none; }

.pak p{font: 16px/26px 'proxima_nova_rgregular' !important; padding:0 12px 12px 12px !important;}
.pak p span{ color:#b22a05; display:block;}
.pak ul li a:hover{ color:#b67902; text-decoration:none; }
.pak  .view{  font:22px/30px 'patua_oneregular'; color:#b67902; text-align:right; padding-right:15px;}
.pak .view a{ color:#b67902; text-decoration:none;}
.pak .view a:hover{
	color: #27670F;
	text-decoration: none;
}
#footer{
	background-color: #666600;
	box-sizing: border-box;
	padding: 12px;
	min-height: 70px;
}
#footer  ul{ margin:0px; padding:0px; list-style-type:none;}
#footer ul li{  font: 14px/14px 'proxima_nova_rgregular'; display:inline; float:left; color:#fff; padding:0 10px; border-right:solid 1px #fff;}
#footer ul li a{ color:#fff; text-decoration:none; }
#footer p{  font: 14px/24px 'proxima_nova_rgregular'; color:#fff; padding:10px 0 0; margin:0; }
.slicknav_menu{ display:none;}
.Nom{ margin-right:0;}

.bx-wrapper {
	position: relative; max-height:403px;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;-webkit-box-shadow: 0 8px 6px -6px #ccc;
       -moz-box-shadow: 0 8px 6px -6px #ccc;
            box-shadow: 0 8px 6px -6px #ccc;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.Fleft{ float:left;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;

	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#main .ul {
    float: left;
    list-style-type: none;
    padding: 0px 0 0 20px; margin:0;
}
#main .ul li {
	background: url("../images/li_bg.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
	color: #454850;
	padding: 0 0 10px 30px;
	font-family: 'proxima_nova_rgregular';
	font-size: 14px;
	line-height: 20px;
}
#main .ul li a {
    color: #454850;
    font: 15px/20px 'proxima_nova_rgregular';
}
#main .ul li:last-child{ background-image:none;}

#left{ width:72%; float:left;}
#Right{ width:26%; float:right;}
#left p{ text-align:justify !important;}
#left img{ border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; margin:0 0 0 10px;
float:right; border:solid 2px #FDE7BB;}

#left .img{  margin:0 0 0 10px;
float:right; border:solid 2px #FDE7BB; border-radius:0%;}

table td{
	font-family:proxima_nova_rgregular;
	font-size:12px;
	color:#111;
}


#left h4{
	color: #B80003;
	font: 18px/30px 'rockwell';
	margin: 0 0 0px;
	padding: 0;
}
h4{
	color: #27670F;
	font: 18px/30px 'rockwell';
	margin: 0 0 0px;
	padding: 0;
}


.arrowlistmenu {
	width: 100%;
	margin: 0px 0 15px 0;
	background-color: #FFCC66;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.arrowlistmenu img {padding:13px;}
.arrowlistmenu .menuheader {
	background-color: #666600;
	line-height: 34px;
	cursor: hand;
	cursor: pointer;
	font-family: 'patua_oneregular';
	font-size: 18px;
	line-height: 36px;
	color: #F8F8F8;
	padding-left: 12px;
	font-weight: normal;
	margin: 0 0 1px;
} 
.arrowlistmenu .menuheader:after{ background:url(../images/plus.jpg) no-repeat left 11px; float:right; content:""; height:30px; margin:0 9px 0 0; display:block; width:18px;}
.menuheader h3 {font-family:'patua_oneregular';font-size:18px;line-height:36px;color:#fff; margin:0 !important; padding:0 !important;}
.arrowlistmenu .openheader {
	background-color: #27670F;
}
.arrowlistmenu .openheader:after{ background:url(../images/minus.jpg) no-repeat left 11px; float:right; content:""; height:30px; margin:0 9px 0 0; display:block; width:18px;}

.arrowlistmenu .menuheader1 {
	background-repeat: repeat;
	background-position: 0 0 #b67902;
	background-image: none;
	background-color: #123E01;
	background-attachment: scroll;
	color: #fff;
	cursor: pointer;
	font-family: 'patua_oneregular';
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 1px;
	padding-left: 12px;
}
.arrowlistmenu .menuheader1 a{ text-decoration:none; color:#fff;}

.arrowlistmenu ul {list-style-type:none; width:100%; margin:0;padding:0;margin-bottom:8px;}
.arrowlistmenu ul li {padding:0 0 2px 7px;}
.arrowlistmenu ul li a {background:url("../images/arow.gif") no-repeat scroll left 13px transparent;border-bottom:1px dotted #D6D5D5;color:#111;display:block;font-family:"proxima_nova_rgregular";font-size:15px;padding:8px 12px;text-decoration:none;}
.arrowlistmenu ul li a:hover {
	color: #996600;
}
.arrowlistmenu .openheader{
	color: #F8F8F8;
}

.inner-main-form form .form-wrap {
    float: left;
    margin: 0;
    padding:0 0 10px 10px;
    width: 98%;
}
.inner-main-form form .form-wrap input.txt {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e4e5e5;
    border-radius: 5px;
    color: #344153;
    float: left;
    font: 13px 'proxima_nova_rgregular';
    height: 30px;
    margin-top: 7px;
    padding: 0 0 0 10px;
    width: 90%;
}
.inner-main-form form .form-wrap textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e4e4e0;
    border-radius: 5px;
    color: #344153;
    font: 13px/22px 'proxima_nova_rgregular';
    height: 90px;
    margin-top: 5px;
    padding: 5px;
    width: 90%;
}
.inner-main-form form .form-wrap input.security {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e4e5e5;
    border-radius: 5px;
    color: #344153;
    float: left;
    font: 13px 'proxima_nova_rgregular';
    height: 30px;
    margin-top: 7px;
    padding: 0 0 0 10px;
    width: 50%;
}
.form-wrap .captcha {
    float: right;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 95px;
}
.inner-main-form form .form-wrap .submit {
    float: left;
    height: 26px;
    margin: 7px 0 0;
    padding: 0;
    width: 78px;
}
.error {
    color: #ff0000;
}

#left img{ max-width:100%;}

table img{   border:0 !important; border-radius:0 !important;}

.inner-main-form1 form .form-wrap {
    float: left;
    margin: 0;
    padding:0 0 10px 10px;
    width: 98%;
}
.inner-main-form1 form .form-wrap input.txt {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e4e5e5;
    border-radius: 5px;
    color: #344153;
    float: left;
    font: 13px 'proxima_nova_rgregular';
    height: 30px;
    margin-top: 7px;
    padding: 0 0 0 10px;
    width: 46%; float:left; margin-right:4%;
}
.inner-main-form1 form .form-wrap textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e4e4e0;
    border-radius: 5px;
    color: #344153;
    font: 13px/22px 'proxima_nova_rgregular';
    height: 90px;
    margin-top: 5px;
    padding: 5px;
    width: 98%;
}
.inner-main-form1 form .form-wrap input.security {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e4e5e5;
    border-radius: 5px;
    color: #344153;
    float: left;
    font: 13px 'proxima_nova_rgregular';
    height: 30px;
    margin-top: 7px;
    padding: 0 0 0 10px;
    width: 50%;
}
.inner-main-form1 .form-wrap .captcha {
    float: left; margin:1% 0 0 2% !important;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 95px;
}
.inner-main-form1 form .form-wrap .submit {
    float: left;
    height: 26px;
    margin: 7px 0 0;
    padding: 0;
    width: 78px;
}
.error {
    color: #ff0000; display:block;
}

.book {
	background-repeat: repeat;
	background-position: 0 0 #fde7bb;
	background-image: none;
	background-color: #666600;
	background-attachment: scroll;
	border: 2px solid #f0f0f1;
	border-radius: 5px;
	float: left;
	margin: 0 0 10px;
	position: relative;
	width: 99%;
}
.book h2{
	font: 25px/35px 'patua_oneregular' !important;
	color: #fff !important;
	font-weight: normal;
	display: block;
	outline: none;
	text-decoration: none;
	text-align: center;
	background-color: #666600;
}

.Breadcrum {
    margin: 0 0 10px 0px;
    width: 100%;
}
.Breadcrum:after {
    clear: both;
    content: "";
    display: block;
}
.Breadcrum ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.Breadcrum ul li {
    background: url("../images/arow.png") no-repeat scroll 5px 6px rgba(0, 0, 0, 0);
    color: #111;
    float: left !important;
    font: 13px/24px 'proxima_nova_rgregular' !important;
    margin: 0 5px;
    padding: 0 0 0 15px;
}
.Breadcrum ul li a {
    color: #8F6004; text-decoration:none;
}
.Breadcrum ul li a:hover {
    color: #ed4e48;
}

#left .gallery li strong{   font: 14px/24px 'proxima_nova_rgregular' !important; font-weight:bold;}

.tab{ min-height:40px; background:#333; padding:0; width:100%;} 
.tab ul{ margin:0px; padding:0px; list-style-type:none;}
.tab li {
    display: inline;background:#333; 
    float: left; border-right: solid 1px #ccc;
    font: 18px/40px 'proxima_nova_rgregular';
    position: relative;
}
.tab li a {
    color: #fff;
    display: block;
    padding: 0 12px;
    text-decoration: none;
}
 .tab li a:hover,  .tab li a.selected {
    background: none repeat scroll 0 0 #b67902;
}

.tab li a.selected {
    background: none repeat scroll 0 0 #b67902;
}


@media screen and ( max-width:1100px){
#wrapper{ width:99%;}
.pak img{ max-width:100%;}
.pak{ width:29.5%; margin:0 3.5% 3% 0;}
}
@media screen and ( max-width:1024px){
	#nav ul li a{ padding:0 10px; font-size:14px;}	

}

@media screen and ( max-width:980px){
	#left{ width:62%;}
#Right{ width:32%;}
.tab li {
    display: inline;
    float: left; border-right: solid 1px #ccc;
    font: 14px/40px 'proxima_nova_rgregular';
    position: relative;
}
}

@media screen and ( max-width:900px){
#nav ul li a{ padding:0 10px;}	
#left{ width:60%;}
#Right{ width:34%;}
.tab li { width:100%; display:block; float:left;
    font: 18px/40px 'proxima_nova_rgregular';

}

}

@media screen and ( max-width:800px){
.slicknav_menu{ display:block;}
#nav{ display:none;}
.pak h3{ line-height:25px;}
.logo{ font:30px/40px; width:50%;}
	.Contact{ width:40%; font-size:18px;}
.pak{ min-height:305px;}

}

@media screen and ( max-width:768px){
	.pak {  margin: 0 1% 3% 0;    width: 48.5%;}
	.pak img{ width:100%;}
	.logo h1 a{ font-size:30px; width:50%;}

}


@media screen and ( max-width:640px){
.logo h1 a{ font-size:30px;}	
	.Contact{ width:48%; font-size:18px;}
	#left{ width:98%;float:left;}
#Right{ width:98%; float:left;}
.inner-main-form form .form-wrap input.txt, .inner-main-form form .form-wrap textarea{ width:96%;}
}
@media only screen and (max-width: 640px){
	.logo{ width:48%;}
.logo h1 a { font-size: 21px; }
.Contact{ font-size:16px;}
}

@media screen and ( max-width:480px){
	#top{ min-height:50px;}
.logo{ width:98%; line-height:20px; text-align:center;}
.Contact{ width:98%; float:none; text-align:center;}
	.pak {  margin: 0 % 3% 0;    width: 98.5%;}
table{ max-width:100%;}

}

@media screen and ( max-width:360px){
	#left #lightGallery{ margin-left:0px !important; padding-left:12px;}
	#left .gallery li{ height: 100px !important;
    margin-bottom: 55px !important;
    margin-right: 15px;
    width: 120px !important;}
	.table { width:98% !important; margin-bottom:20px;}
	.table td{ max-width:100%; display:block;}
	 table td strong{font-weight:normal !important;}
#left .gallery li a img {
			max-height: 100px !important; border-radius:0 !important;
			max-width:120px !important; display:block;
		}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}