html, body {height: 100%;}
body{margin:0px;padding: 0px;font-family: 'Montserrat', sans-serif;}
.s_bg{background-image:url(../img/s_bg.jpg);height:100%;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.header{z-index:9999;position:fixed;top:0;width:100%;height:auto;} /*z-index:1049;*/
.image-wrapper-header{background:rgba(55,51,53,0.5);color:#f8f8f8;padding:10px;min-height:57.5px}
.header-row{margin-left: 0px;margin-right: 0px;margin: 0 auto;}
#header_logo{padding-top:3px;}
.img-header{margin:0 auto;cursor: pointer;}
.socials{max-width:400px;float:right;margin-right: 50px;}
.img-socials{margin:0 auto;cursor: pointer;}
.s_bg > div.container {background:rgba(55,51,53,0.7);border-radius:3px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);margin: 100px auto 100px auto;padding: 40px;}

.form-control{height:50px;padding:6px 12px;font-size:15px;border-radius:2px;font-family:Times New Roman;}
.btn{font-size:18px;border-radius:0px;}
.my-btn{color:#fff;background-color:#a7cf43;border-color:#a7cf44;}
.heading{text-align: right;padding-right: 25px;}
.contact-title{padding:10px 20px;background: rgba(55,51,53,1);color:#ffffff}
.menu-ul{padding-left: 10px;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;margin-bottom: 0px;list-style-type: none;}
ul li{word-wrap:break-word;}
#met{margin-top:58px}
.arrow-up:hover{opacity:1;cursor:pointer;}

.gallery div{padding:15px;}
.con-btn-dis{pointer-events:none;opacity:0.5}
#snackbar{visibility:hidden;font-size:18px;font-weight:lighter;min-width:250px;margin-left:-125px;background-color:#ddd;color:#d11010;text-align:center;border:1px solid #898989;border-radius:3px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;}
#snackbar.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout 0.5s 2.5s;animation:fadein 0.5s,fadeout 0.5s 2.5s;}
@-webkit-keyframes fadein{from{bottom:0;opacity:0;}
 to{bottom:30px;opacity:1;}}
@keyframes fadein{from{bottom:0;opacity:0;}
 to{bottom:30px;opacity:1;}}
@-webkit-keyframes fadeout{from{bottom:30px;opacity:1;}
 to{bottom:0;opacity:0;}}
@keyframes fadeout{from{bottom:30px;opacity:1;}
 to{bottom:0;opacity:0;}}

table{border:none !important}
table > tbody > tr > td{border:none !important;padding:5px !important;}

.nav-btn{position:relative;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:#444;background-image:none;border:1px solid lightgrey;border-radius:4px;}
.nav-btn .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#a7cf44;}
#menu{background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; width: 220px; position: absolute; top: 100%; z-index: 9998;}
.menu-ul li{padding: 5px;font-size: 15px;font-weight: lighter;width: 100%;border-bottom:1px solid lightgrey}
.menu-ul li a:hover{color:#a7cf44}
.menu-ul li a{text-decoration:none;color:#ffffff;}
label{font-weight: lighter;font-size: 16px;}
.navigation1{padding:10px;}
@media screen and (max-width: 303px){
	.navigation1 ul{padding:10px;margin:0 auto;}
}




/*Max-width Media Queries */
@media screen and (max-width:1370px){
 .socials{margin-right: 20px;}
}
@media screen and (max-width:1280px){
 .socials{margin: 0 auto;}
}
@media screen and (max-width:991px){

.phone img{float:right;}
.socials{display:none;}
.cost-icon, .cost-icon img{margin:0 auto}
/*.socials_mobile{display:block;position:absolute;right:1%;padding-top: 60px;z-index: 9999}
.socials_mobile > div{width:70%;padding-bottom:5px;}*/
}
@media screen and (max-width:767px){
	#header_tel{float: none;margin: 0 auto;width: 150px;}
	#header_logo{margin: 0 auto;width: 450px;padding:0px 10px 5px 10px}
	.logo, .phone{padding:0px;}
	.img-socials{width:60%;}
	#met{margin-top:74px;}
	.image-wrapper-header{min-height:73.7333px;padding-bottom: 5px;padding-top: 15px;}
	.s_bg > div.container{padding:20px;margin: 50px auto 50px auto;}
}
@media screen and (max-width:642px){
    .heading{font-size: 25px;margin:25px 0px 25px 0px;}
}
@media screen and (max-width:489px){
    .heading{font-size: 20px;}
    .pull-right{padding-left:0px;}
}
@media screen and (max-width:404px){
 	.heading{font-size: 18px;}
}
@media screen and (max-width:380px){
 	.pull-left, .pull-left{padding:0px;}
 	.nav-btn{padding:7px 8px;margin-right:0px;}
 	.heading{font-size: 14px;text-align:center;padding-right:0px;}
}