/*
Theme Name: Prestige Plywoods
Theme URI: http://www.website.com
Author: Unnikrishnan
Description: Custom Theme Development for Prestige Plywoods
Version: 1.0
*/

.main_menu .sub-menu {
    width: 168px;
}
.prod_comm {
    height: auto !important;
}
.prod_comm > div {
    height: auto !important;
}
.main_menu .sub-menu li a {
    font-size: 15px;
}
ol.carousel-indicators {
    display: none;
}
body{background:url(images/body_bg.jpg) repeat; font-family: 'Abel', sans-serif; /*font-family: 'Dosis', sans-serif;*/ overflow-x:hidden;}
.load_item{position:fixed; top:0; height:100%; width:100%; z-index:9999; background:#fff;}

img{max-width:100%; height: auto; -webkit-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s;}
a, i{-webkit-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s;}
h2{}
h3{}
h4{}
p, li{font-family: 'Poiret One', cursive;}

.margin{margin:3% 0 0;}
.margin2{margin:2% 0 0;}

header{padding:18px 0; background:#ebe1c8;}
.main_menu ul li{padding:0 16px; line-height:46px; border-right:1px solid #91633b;}
.main_menu ul li:last-child{margin-right:0; border:0;}
.main_menu ul li a{font-family: 'Abel', sans-serif;	font-size: 18px; font-weight: 400; color: #525252;}
.main_menu ul li a:hover, .main_menu ul li.current-menu-item>a{color: #d52222; text-decoration:none;}

#mob_menubox{background:none; min-height:0; margin:0; border:0;}
#mob_menubox .navbar-toggle:hover, #mob_menubox .navbar-toggle:focus {background-color: #FFF;}
#mob_menubox .navbar-toggle{background:#fff; margin-right:0;}
#mob_menubox .navbar-collapse{background: #E3C579; position: absolute; width: 100%; z-index: 999;}
#mob_menubox .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, #mob_menubox .navbar-nav > .active > a:focus {color:#E11D1D; background-color:#fff;}
#mob_menubox .navbar-nav > li > a, #mob_menubox .navbar-nav > li > a:focus{color:#3f3319; font-size:16px; font-family: 'Abel', sans-serif; display:block;}

#mob_menubox .navbar-nav > li > ul > li > a{color:#3f3319; font-size:16px; font-family: 'Abel', sans-serif; display:block;}



.banner{position:relative;}
.banner img{width:100%;}
span.fill{position:absolute; left:0; height:100%; width:100%; top:0; z-index:66; background:url(images/pat_bg.png) repeat;}
.banner .carousel-caption{bottom:13%; z-index:88;}
.banner .carousel-caption p{color: #ffffff; font-family: 'Abel', sans-serif; font-size: 34px; font-weight: 400; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35); line-height:38px;}

.carousel-indicators li{width:98px; height:12px; border-radius:0; border-color:#e4dbc3; margin:0; background:#e4dbc3;}
.carousel-indicators .active{width:98px; border-color:#c78445; background:#c78445;}
.news_lists h3 a{
		color:#000;
		text-decoration:none;
	}
.news_lists h3 a:hover{
		color:#A60104;
	}
.page_common h2.news_title{
		font-size:25px;
	}
.home_prod{padding:0 5px;}
.home_prod img{width:100%;}
.home_prod .contents{position:absolute; bottom:7%; padding:5%; width:86%; left:7%; background:rgba(0,0,0,0.50);}
.home_prod h3{margin:0 0 4px; color: #ffffff; font-size: 27px; font-weight: 700; font-family: 'Dosis', sans-serif; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.66); text-transform:uppercase;text-align:center;}
.home_prod h3 a{color: #ffffff;}
.home_prod h3 a:hover{color: #d52424; text-decoration:none;}
.home_prod p{color: #ffffff; font-size: 14px; font-weight: 400; font-family: 'Abel', sans-serif; margin:0;}

.chairman{padding:0 0px;}
.chairman > div{background:url(images/chaiman_bg.jpg) right top; background-size:cover; padding: 0 10px 10px;}
.chairman img{float:left; margin-right:24px;}
.chairman h3, .page_common h2{color: #1d1309; font-size: 36px; font-weight: 500;
/* font-family: 'Dosis', sans-serif; */
font-family: 'Philosopher', sans-serif;

 margin:20px 0 10px; text-transform:uppercase;}

.chairman p{color: #1d1309; font-size: 16px; font-weight: 700; line-height: 22px; margin:0;}

.home_gal{position:relative;}
.home_gal .items{position:relative; float:left; width:50%;}
.home_gal .items img{width:100%;}
.home_gal .inner{position:absolute; top:10%; padding-top:18%; left:0; width:100%; height:100%;}
.home_gal .inner h3{color: #ffffff; font-size: 49px; font-weight: 400; font-family: 'Abel', sans-serif; margin:0 0 18px;}
.home_gal .inner a{color: #ffffff; font-size: 18px; font-weight: 400; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); font-family: 'Dosis', sans-serif; line-height:52px; padding:0 18px; border:2px solid #fff; display:inline-block;}
.home_gal .inner a:hover{text-decoration:none; border-color:#fc2828; background:#fc2828; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.home_gal a.link_togal{display:table; color: #ffffff; font-size: 36px; font-weight: 400; height:228px; width:228px; top:50%; margin-top:-114px; left:50%; margin-left:-114px; position:absolute; background:#fc2828; -webkit-box-shadow: 0 0 12px 0 #404040; box-shadow: 0 0 12px 0 #404040; border-radius:500px; line-height:40px;}
.home_gal a.link_togal span{display:table-cell; vertical-align:middle;}
.home_gal a.link_togal:hover{text-decoration:none; background:#fff; color: #fc2828; transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9);}

.footer_menu ul{margin-bottom:20px;}
.footer_menu li{padding:0 14px;}
.footer_menu li a{color: #ffffff; font-size: 18px; font-weight: 400; font-family: 'Abel', sans-serif; }
.footer_menu li a:hover{color: #fc2828; text-decoration:none;}
footer p{color: #c49057; font-size: 15px; font-weight: 300; font-family: 'Dosis', sans-serif;}
footer p a{color: #c49057;}
footer p a:hover{color:#fff; text-decoration:none;}

.page_common{background:#fff;}
.page_common p, .page_common li{font-weight:400; color: #000; font-size:17px; font-family: 'Dosis', sans-serif;}
img.alignright{float:right; margin-left:14px; max-width:50%; clear:right;}
img.alignleft{float:left; margin-right:14px; max-width:50%; clear:left;}.
img.aligncenter{float:none; margin-right:auto; margin-left:auto; margin-bottom:4px; display:block; clear:both;}

.prod_comm{margin-bottom:15px; position:relative;width: 325px;height: 214px;}
.prod_comm > div{position:relative; overflow:hidden;width: 312px;
    height: 210px;}
.prod_comm .comm{position:absolute; top:0; left:0; width:100%; height:100%; z-index:88; background:url(images/prod_bg.png) repeat;}
.prod_comm h4{color:#fff; padding:19% 0 0; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35); font-size:29px; -webkit-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s;}
.prod_comm a.read_more{display:inline-block; line-height:30px; padding:0 14px; border:1px solid #fff; background:rgba(0, 0, 0, 0.56); color:#fff; font-size:14px; visibility:hidden; transform:scale(0,0); -webkit-transform:scale(0,0);}
.prod_comm > div:hover a.read_more{visibility:visible; transform:scale(1,1); -webkit-transform:scale(1,1);}
.prod_comm a.read_more:hover{text-decoration:none; background:#fff; color: #fc2828;}
.prod_comm > div:hover h4{padding:14% 0 0; font-size:26px;}

.prod_comm.gal .comm{background:none;}
textarea{resize:none;}
label.error, .error_message{display:none !important; width:0; height:0; position:absolute; visibility:hidden; opacity:0;}
.form-control.error{border-color:#f00;}
img.loader{display:none !important;}

.hidden_xxs{display:block;}
.visible_xxs{display:none;}

.hidden_xxs .col-xs-4.home_prod{width: 33.33333333% !important; white-space:normal; position:relative !important; float:none;}
.hidden_xxs .cycle-carousel-wrap{width:100%;}

.home_top_box{position:relative;}
#prev_slide, #next_slide{position:absolute; top:75%; margin-top:-50px; height:50px; font-size:32px; color:#fff; cursor:pointer;}
#prev_slide{left:-32px;}
#next_slide{right:-26px;}

table{width:100%;}
table td, table th{width:auto; padding:4px 10px; font-size: 15px; color: #000; border: 1px solid #989898;}

dl.gallery-item {width: 32%; margin-right: 1%; float: left; border:1px solid #000;}
dl.gallery-item a:hover{opacity:.7;}

.social_btm a{color: #fff; font-size: 22px;}
.social_btm a:hover{color: #AE8654;}

.main_menu .sub-menu{
		    position: absolute;
    z-index: 30000;
    background-color: #3f3319;
    margin: 0px;
    padding: 0px;
    text-align: left;
    min-width: 100%;
    left: -4px;
	opacity:0;
	visibility:hidden;	
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
	}
.main_menu > ul >li{
		position:relative;
	}
.main_menu .sub-menu li{
		list-style:none;
        margin:0px;
        padding:0px;
		border:none;
		padding:0px 10px;
	}
.main_menu .sub-menu li a{
		color:#fff;
	}
.main_menu > ul >li:hover .sub-menu
	{
		opacity:1;
		visibility:visible;
 -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
          animation-name: fadeInUp;
		  }

/*===============RESPONSIVE STUFF==============*/
@media (min-width: 768px) {
	header a.logo{position:absolute; left:15px; top:-8px; display:block; z-index:999;}
	
	.page_common{padding:15px 24px;}
	.embed-responsive.embed-responsive-16by9 {padding-bottom: 30%;}
}

@media (min-width: 768px) and (max-width: 991px) {
	header a.logo{width:140px;}
	.main_menu ul li {padding: 0 10px; line-height: 28px;}
	.main_menu ul li a {font-size: 16px;}
	
	.carousel-indicators li{width:60px; height:10px;}
	.carousel-indicators .active{width:60px; height: 10px;}
	
	.chairman h3, .page_common h2{font-size: 28px; margin: 13px 0 6px;}
	.chairman p {font-size: 14px; line-height: 20px;}
	.chairman img {margin-right: 16px;}
	
	.home_gal .inner h3{font-size: 32px; margin:0 0 16px;}
	.home_gal .inner a{font-size: 16px; line-height:48px; padding:0 16px;}
	
	.home_gal a.link_togal{font-size: 34px; height:180px; width:180px; margin-top:-90px; margin-left:-90px; line-height:38px;}
	
	.prod_comm h4{padding:13% 0 0; font-size:22px;}
	.prod_comm a.read_more{line-height:28px; padding:0 13px; font-size:13px;}
	.prod_comm > div:hover h4{padding:9% 0 0; font-size:18px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.prod_comm h4{padding:16% 0 0; font-size:24px;}
	.prod_comm a.read_more{line-height:28px; padding:0 13px; font-size:13px;}
	.prod_comm > div:hover h4{padding:12% 0 0; font-size:20px;}
}

@media (max-width: 767px){	
	.cust_centre{text-align:center;}
	
	header{padding: 10px 0;}
	header a.logo{position: absolute; top: 5px; left: 15px; width: 134px; display:block; z-index:999;}
	
	.banner .carousel-caption p{font-size:22px; line-height:24px;}
	.carousel-indicators li{width:30px; height:10px;}
	.carousel-indicators .active{width:30px; height: 10px;}
	
	.home_prod{padding:0 5px;}
	.home_prod .contents{position:absolute; bottom:4%; padding:3%; width:92%; left:4%;}
	.home_prod h3{font-size:18px;}
	.home_prod p{font-size: 13px;}
	
	.chairman{padding:0 5px;}
	
	.chairman h3, .page_common h2{font-size: 22px; margin: 13px 0 6px;}
	.chairman p {font-size: 13px; line-height: 18px; padding:0 10px 8px;}
	.chairman img {margin-right: 14px; max-width:28%;}
	
	.home_gal .inner{padding-top:14%;}
	.home_gal .inner h3{font-size:20px; margin:0 0 14px;}
	.home_gal .inner a{font-size: 14px; line-height:30px; padding:0 12px;}
	
	.home_gal a.link_togal{font-size:16px; height:auto; width:auto; margin:10px 0; left:0; top:0; line-height:20px; display:inline-block; position:relative; border-radius:0; padding:10px 5%;}
	.home_gal a.link_togal span{display:block;}
	
	.footer_menu li{padding:0 6px;}
	.footer_menu li a{font-size: 15px;}
	footer p{font-size: 14px;}
	
	.page_common p, .page_common li{font-size:15px;}
	
	.prod_comm h4{padding:10% 0 0; font-size:18px;}
	.prod_comm a.read_more{line-height:24px; padding:0 12px; font-size:13px;}
	.prod_comm > div:hover h4{padding:8% 0 0; font-size:15px;}
}

@media (max-width: 560px){
	.prod_comm{width:100%;}
	.prod_comm img{width:100%;}
	.prod_comm h4{padding:19% 0 0; font-size:26px;}
	.prod_comm a.read_more{line-height:28px; padding:0 14px; font-size:14px;}
	.prod_comm > div:hover h4{padding:14% 0 0; font-size:20px;}
}

@media (max-width: 479px){
	.banner .carousel-caption{display:none;}
	.carousel-indicators li{width:20px; height:10px;}
	.carousel-indicators .active{width:20px; height: 10px;}
	
	.home_prod{padding:0 15px; width:100%; margin:0 0 15px;}
	.home_prod .contents{position:absolute; bottom:6%; padding:5%; width:88%; left:6%;}
	.home_prod h3{font-size:24px;}
	.home_prod p{font-size: 14px;}
	
	.chairman{padding:0 0px;}
	
	.home_gal .items{width:100%;}
	
	.prod_comm h4{padding:18% 0 0; font-size:24px;}
	.prod_comm a.read_more{line-height:28px; padding:0 14px; font-size:14px;}
	.prod_comm > div:hover h4{padding:12% 0 0; font-size:20px;}
	
	.hidden_xxs, #prev_slide, #next_slide{display:none;}
	.visible_xxs{display:block;}
}