/* CSS Document */
@font-face
{
font-family: 'pnr_1';
src: url('fonts/tt0140m_.ttf') ;
}

@font-face
{
font-family: 'pnr_2';
src: url('fonts/Raleway-Medium.otf') ;
}

.view-tenth p {font-family: pnr_1 !important; font-style:normal; font-size:14px !important;}

body {margin:0px; padding: 0px; background:#f0f0f0 url(../images/bg.jpg) no-repeat; background-size:cover; font-family:pnr_1; font-size: 14px; color:#222; background-attachment: fixed;}

hr {border:none; border-bottom:1px solid #666;}

.contact_us {margin:0px; padding: 0px; background:url(../images/contact-us-bg.jpg) no-repeat; background-size:cover; font-family:pnr_1; font-size: 14px; color:#222;}

.top_menu {position:absolute; top:0; height: 50px; width:100%; background:none;}

.logo {float:left; margin: 0px 0 0 50px;}

.menu_bar {position:absolute; right:0; width:auto; background: url(../images/menu-bg.png); z-index:100; padding: 0px;}
.menu_bar a{margin: 5px 5px; font-size:16px; text-align:center; color:#630; text-decoration:none; display:inline; font-family: pnr_2; text-transform:uppercase; text-align:left;}

.menu_bar .active{color:#fde3bd;}
.menu_bar a:hover{color:#fde3bd;}

.menu_icon {position:absolute; right:0; margin: 15px 26px 0 0; cursor:pointer;}
.menu_icon img{height:20px;}
.logo_inside {height:20px; margin: 15px 0 0 0; cursor:pointer;}

.main{
	position:relative;
    width: 624px !important;
    margin: 100px auto 0 auto !important;
}

.about_us {
	 background:url(../images/white-bg.png); color:#662100; width: 800px !important; height: auto; margin: 100px auto 50px auto; padding:20px; box-sizing:border-box;
}

.about_us h1{font-size: 24px; margin:0 0 20px 0; padding:0px; color:#662100; text-align:left; text-shadow:none; font-family: pnr_2; text-transform:uppercase;}
.about_us p{font-size: 14px; line-height:18px; margin:0 0 20px 0; padding:0px;}
.about_us img{float:right; margin: 5px 0 10px 10px; width: 120px; box-shadow: 3px 3px 3px #333;}


.collection {
	 background: none; color:#662100; width: auto !important; height: auto; margin: 100px auto 50px auto; padding:20px; box-sizing:border-box;
}

.collection h1{}
.collection p{}
.collection img{}


.media {
	 background:url(../images/white-bg.png); color:#662100; width: 900px !important; height: auto; margin: 100px auto 50px auto; padding:20px; box-sizing:border-box; min-height:500px;
}
.media h1{font-size: 24px; margin:0 0 20px 0; padding:0px; color:#662100; text-align:left; text-shadow:none; font-family: pnr_2; text-transform:uppercase;}

div.img {
    margin: 5px;
    padding: 5px;
    border: 1px solid #0000ff;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}
.media_img .img{float: left; margin: 1%; width: 18%; box-shadow: none; box-sizing:border-box; border:none;}
	
.media_img .img img {
    display: inline;
	width:100%;
}	

.media_img .desc {
    text-align: center !important;
    font-weight: normal;
    width: 100%;
    margin: 5px;
	line-height:22px;
}

.contact_us_bg {
	 background:url(../images/black-bg.png); color:#fff; width: 800px !important; height: 480px; margin:0 auto; padding:20px; box-sizing:border-box;
}

.contact_us_bg h1{font-size: 24px; margin:0 0 20px 0; padding:0px; color:#fff; text-align:left; text-shadow:none;}
.contact_us_bg h2{font-size: 18px; margin:0 0 20px 0; padding:0px; color:#fff; text-align:left; text-shadow:none;}
.contact_us_bg h3{font-size: 16px; margin:0 0 5px 0; padding:0px; color:#fff; text-decoration:underline; text-align:left; text-shadow:none;}
.contact_us_bg p{font-size: 14px; line-height:18px; margin:0 0 20px 0; padding:0px;}
.contact_us_bg .address {width: 55%; float: left; background:none;}
.contact_us_bg .enquiry_form {width: 45%; float: left; background:none;}
.contact_us_bg .enquiry_form input{width: 100%; background:none; border:1px solid #ccc; box-sizing:border-box; padding:5px;}
.contact_us_bg .enquiry_form textarea{width: 100%; background:none; border:1px solid #ccc; height:100px; box-sizing:border-box; padding:5px;}
.contact_us_bg .enquiry_form input[type=submit]{width: 100px; float:right; box-sizing:border-box; padding:5px; background:#df9c48; color:#FFF; border:none;}

	
input[type=email].newsletter {width: 150px; background:#fde3bd; margin:0px; border:none; padding:7px 7px 7px 12px; border-top-left-radius:50px; border-bottom-left-radius:50px; margin-left:30px;}
input[type=submit].newsletter_submit {width: 70px; background:#663300; color:#FFF; margin:0px; border:none; padding:7px;  border-top-right-radius:50px;  border-bottom-right-radius:50px; cursor:pointer; font-size:12px;}

.collection_footer {position: relative !important; }
.footer_menu {position:fixed; bottom:10px;padding: 2px 50px 2px 50px; width:100%; background:none; /*border-top:1px solid #C60; */box-sizing:border-box; font-size:11px;}
input[type=email].collection_newsletter {width: 70%; background:#fde3bd; margin:0; border:none; padding:7px 7px 7px 12px; border-top-left-radius:50px; border-bottom-left-radius:50px; margin-left:0; box-sizing:border-box;}

input[type=submit].collection_newsletter_submit {width: 30%; background:#663300; color:#FFF; margin:0 0 0 0; border:none; padding: 9px 0;  border-top-right-radius:50px;  border-bottom-right-radius:50px; cursor:pointer; font-size:12px; box-sizing:border-box; float:right;}



.foot_left {float:left; width:25%; box-sizing:border-box; color:#630;}

.foot_mid {float:left; width:50%; box-sizing:border-box;}
.foot_mid span {color:#630; font-size:14px; font-weight:bold;}
.social_logo a{margin: 5px; display:inline;}
.social_logo img{width: 20px; margin-bottom:-5px}

.foot_right {float:right; width:25%; box-sizing:border-box; color:#630; text-align:right;}
.foot_right a{color:#630; text-decoration:none;}

@media only screen and (max-width: 800px) {

	.top_menu {position:absolute; top:0; height: 50px; width:100%; background:none;}

	.logo {float:none; width: 230px; margin: 0 auto 20px auto;}
	
	.menu_bar {position:relative; float:none; right:0; width:auto; margin: 0 auto 50px auto; background: url(../images/menu-bg.png); z-index:100; padding: 0px;}
	
	.menu_bar h1 { font-size: 24px; padding: 10px 0;}
	
	.main{
		position:relative;
		width: 330px !important;
		margin: 150px auto !important;
	}
	.view {
	   width: 60px !important;
	   height: 225px !important;
	   margin: 0px;
	   float: left;
	   border: 2px solid #bc8750;
	   border-top: 4px solid #bc8750;
	   border-bottom: 4px solid #bc8750;
	   overflow: hidden;
	   position: relative;
	   text-align: center;
	   -webkit-box-shadow: 2px 2px 5px #8c6236;
	   -moz-box-shadow: 2px 2px 5px #8c6236;
	   box-shadow: 2px 2px 5px #8c6236;
	   cursor: default;
	   /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
	}
	
	.main .view:first-child {border-left: 4px solid #bc8750;}
	.main .view:last-child {border-right: 4px solid #bc8750;}
	.view .mask,.view .content {
	   width: 60px !important;
	   height: 225px !important;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	}
	
	.content {height: 250px; }
 	.footer_menu {position:relative; bottom: 0; padding: 2px 10px 2px 10px; width:100%; background:none; /*border-top:1px solid #C60; */box-sizing:border-box; font-size:11px;}


	.foot_left {float:none; width:100%; box-sizing:border-box; color:#630; text-align:center; margin:10px 0;}

	.foot_mid {float:none; width:100%; box-sizing:border-box;  text-align:center; margin:10px 0;}
	.foot_right {float:none; width:100%; box-sizing:border-box; color:#630; text-align:center; margin:10px 0;}
	
}