html {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100% !important;
}

*:focus{ outline:none !important; }

/*-----------------  Image Alignment  ------------------------*/
.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:18px; }

body{ font-family: 'Happy Monkey', cursive; font-weight:400; color: #fff; font-size:18px; background: url(../images/bg.jpg) no-repeat center top #07060a; background-size: cover;}
h1,h2,h3,h4,h5,h6{ font-family: 'Happy Monkey', cursive; }
.btn{  font-family: 'Happy Monkey', cursive; font-weight:400px; }


header{ position: relative;}
header .logo{ margin:5% auto; text-align: center;}
header .logo a img{ text-align: center; margin: 0 auto; display: inline-block;}

.fa-home{ font-size: 26px !important; padding: 3px 0 2px;}

.home-content{ text-align: center; font-size: 24px; line-height: 36px; padding: 1% 0 6%;}

.pad-bot{ padding-bottom: 5%;}
.mar-pad{ padding: 0px;}

.home-service{ margin:0 auto; text-align: center;}
.home-service h2{ color: #f7e600; border-bottom: #f7e600 solid 3px; font-size: 24px; text-transform: uppercase; display: inline-block; padding-bottom: 6px; margin-bottom: 40px;}
.home-service img{ margin-bottom: 25px; border: 5px #69670e solid; width: 100%;}
.home-service p{ font-size: 22px; color: #f7e600;}
.home-service a{ color: #f7e600;}
.home-service a:hover{ text-decoration: none;}

.button{ box-shadow: 0 0 0.2em 0.2em #948411; -webkit-box-shadow: inset 0 0 0.2em 0.2em #948411; border-radius: 4px; font-size: 30px; color: #f7e600; padding: 18px 35px; display: inline-block;}
.button:hover{ background-color: #f7e600; color: #000; font-weight: bold;}

footer{ background: rgba(0,0,0,0.5); padding:35px 0 20px; border-top: #2a2a2a solid 1px;}
.links p{ float: left; margin: 0px 10px 0 0; padding: 0px;}
.links a{ color: #fff;}
.links .fa{ font-size: 30px; color: #fff; margin-right: 10px; margin-left: 10px;}
.copyright{ float: right;}


/*-----------------  Inner Page  ------------------------*/

#content{ color:#fff; font-size:18px; margin:0 0 6%; display: block;}
#content p{ line-height:28px; margin:0 0 15px 0; font-size:18px;}
#content a{ color:#f7e600; transition-duration:.5s; transition-property:color; font-weight:bold;}
#content a:hover{ text-decoration:underline; color:#f7e600;} 
#content strong{ font-weight:bold;}
#content p strong{  color:#f7e600;}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{  color:#f7e600; margin:0 0 25px 0; line-height: 32px;}
#content h1{ font-size:32px; font-weight:500;}
#content h2{ font-size:30px; font-weight:500;}
#content h3{ font-size:28px;}
#content h4{ font-size:26px;}
#content h5{ font-size:24px;}
#content h6{ font-size:22px;}
#content img{ margin-right: 40px; border: 5px #69670e solid;}

#content ul { margin: 0 0 18px 15px; padding:0 0 0 0; list-style:square;}
#content ul li{ padding:0 0 0 15px;}

#content ul ul{ list-style:circle;}
#content ol { list-style: decimal; margin: 0 0 18px -24px;}
#content ol ol { list-style: upper-alpha;}

#content ol ol ol { list-style: lower-roman;}

#content ol ol ol ol { list-style: lower-alpha;}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul{ margin-bottom: 0;}

#content li{ line-height:22px; margin:0 0 10px 0;}
#content ul li{ padding:0 0 0 0px;} 
#content blockquote{ font-size:10px !important;  background:#ededed; padding:15px; margin:0 0 20px 0; font-style:italic; line-height:22px;}
#content hr{ border:none; border-bottom:#CCC solid 1px;}


.shop-box{ display: block; min-height: 520px;}
.shop-box img{ border: 5px #69670e solid; margin-bottom: 20px; width: 100%;}
.shop-box h6{ margin-bottom: 12px !important;}

.cost-crew{ display: inline-block; margin-bottom: 30px; border-bottom: #777 dotted 1px; padding-bottom: 15px;}
.cost-crew h3{ color: #f7e600; display: block; border-bottom:#7c7300 solid 2px; padding-bottom: 5px; margin: 0px 0 15px 0 !important;}
.cost-crew h5{ color: #f7e600; font-size: 20px !important; margin: 0px !important;}
.cost-crew h6{ color: #fff !important; font-size: 15px !important; margin: 0px !important; font-weight: }
.cost-crew h6 a{ color: #fff !important; font-size: 15px !important; margin: 0px !important;}
.cost-crew span{ display: block; font-size: 13px; border-bottom:#777 solid 1px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px;}
.cost-crew span a{ color: #fff !important;}
.cost-crew .social{ display: block; margin-bottom: 20px;}
.cost-crew .social .fa-facebook{ color: #fff; margin-right: 7px; padding: 5px 10px; background-color: #3b5a9a;}
.cost-crew .social .fa-twitter{ color: #fff;  margin-right: 7px; padding: 5px 7px; background-color: #29a9e1;}
.cost-crew img{ border:solid 1px #69670e !important; margin-right: 15px !important;}
.cost-crew p{ font-size: 15px !important; line-height: 22px !important; margin-bottom:20px;}
.cost-crew p a{ color: #f7e600; font-weight: 400!important;}

.mail{ text-align: center; margin-bottom: 25px;}
.mail a{ color:#f7e600;}


.modal-content{ background-color: #222; }
.modal-title{ font-size: 24px !important;}
.modal-body a{ display: block; color: #f7e600; margin-bottom: 10px;}
.modal-header{border:#444 solid 1px;}
.close{ color: #fff !important; font-size: 40px !important; z-index: 99999; position: absolute; right: 0; top:0;}
.modal-title a{ color: #f7e600;}
.modal-body .close{ position: absolute; top: -15px; right: 0px; z-index: 99999;}
.modal-open .modal{ overflow: hidden;}


.righttitle{ font-size:24px; color:#f7e600; font-weight:700; border-bottom:#7c7300 solid 1px; margin:0 0 15px 0; padding:0px 0 7px 0;}
.address h5{ font-size:17px; color:#fff; font-weight:600; margin:0 0 10px 0;}
.address p{ font-size:17px; color:#fff; font-weight:300; margin:0 0 20px 0; line-height:24px;}

.form_box{ margin:0; padding:20px 0 0 0;}
.form_box .messagetitle{ border-bottom:#7c7300 solid 1px; color:#f7e600; font-size:24px; font-weight:600; padding:0 0 15px 0; margin:10px 0 20px 0;}
.form_box .form-group{ margin:10px 0 15px 0; padding:0 15px 0 0; display:inline-block;}
.form_box label{ display:block; font-size:15px; color:#fff; }
.form_box input[type="text"], .form_box input[type="email"], .form_box textarea{ border-radius:0px; border:#d3d3d3 solid 1px; box-shadow:none; font-size:14px; font-weight:400; color:#555;}
.form_box .form-control::-moz-placeholder {
  color: #b6b6b6;
  opacity: 1;
}
.form_box .form-control:-ms-input-placeholder {
  color: #b6b6b6;
}
.form_box .form-control::-webkit-input-placeholder {
  color: #b6b6b6;
}
.form_box input[type="text"],#appointment_form .form_box input[type="email"]{ }
.btn-message{ background-color:#f7e600; border:none;  color:#000; border-radius:0px; font-size:16px; margin:0px 0 0 -15px; padding:8px 12px; font-weight:400;}
.btn-message:hover{ background-color:#000; color: #fff;}


.cost-crew2 {
    display: inline-block;
    margin-bottom: 15px;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}


.notice-box{box-shadow: 0 0 0.3em 0.3em #948411;
  -webkit-box-shadow: inset 0 0 0.3em 0.3em #948411;
  line-height: 1.42857143;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  padding:20px; margin-bottom:10px;
  background: #fff;
  color: #000;
}
.notice-box .content a{color: #000!important; text-decoration: none;}
.notice-box .content a:hover{color: #222!important; text-decoration: none!important;}

.notice-box .downloadlink{color:#605E5E!important; text-decoration: underline;}

.notice-box p span{color: #243B06; font-weight: bold; }

.notice-box h6{color: #CB0606!important; font-weight: bold;}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1280px) {

header .logo-line{ background: url(../images/line-trans.png) no-repeat center; width: 100%; height: 1px; top: 252px; position: absolute;}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1440px) {

header .logo-line{ background: url(../images/line-trans.png) no-repeat center; width: 100%; height: 1px; top: 260px; position: absolute;}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1680px) and (max-width : 1920px) {

header .logo-line{ background: url(../images/line-trans.png) no-repeat center; width: 100%; height: 1px; top: 285px; position: absolute;}

}