@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; font-family: 'quicksandbook' ; font-size: 14px; color: #6f4c1c; }
body, html{ height: 100%; width: 100%; }
a{ text-decoration: none; }
a img{ border: none; outline: none; }
ul{ margin: 0; padding:0; }
p{ margin: 0 0 5px; }
h1,h2,h3,h4,h5,h6{ font-family: 'quicksandbold'; font-weight: 100; margin: 10px 0; }

@font-face { font-family: 'quicksandbook';
    src: url('../font/quicksand_book-webfont.eot'); src: url('../font/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'), url('../font/quicksand_book-webfont.woff2') format('woff2'), url('../font/quicksand_book-webfont.woff') format('woff'), url('../font/quicksand_book-webfont.ttf') format('truetype'), url('../font/quicksand_book-webfont.svg#quicksandbook') format('svg'); font-weight: normal; font-style: normal; }
	
@font-face { font-family: 'quicksandbold';
    src: url('../font/quicksand_bold-webfont.eot'); src: url('../font/quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/quicksand_bold-webfont.woff2') format('woff2'), url('../font/quicksand_bold-webfont.woff') format('woff'), url('../font/quicksand_bold-webfont.ttf') format('truetype'), url('../font/quicksand_bold-webfont.svg#quicksandbold') format('svg'); font-weight: normal; font-style: normal; }
img.bg {min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0;}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg { left: 50%; margin-left: -512px;   /* 50% */ }
}
.flBg{ background: url(../img/bg2.jpg) scroll center; }
::-webkit-input-placeholder{color:#6f4c1c;}
::-webkit-input-placeholder {
   color: #6f4c1c;
}

:-moz-placeholder { /* Firefox 18- */
   color: #6f4c1c;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #6f4c1c;  
}

:-ms-input-placeholder {  
   color: #6f4c1c;  font-family: 
}
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.topArea{ width: 100%; position: absolute; z-index:99;top:0; }
.topStrip{ width: 100%; height: 8px; background: #52320d; display: block; }
#menuArea{ position: absolute; right: 0; top: 8px; font-family: 'quicksandbold'; width: auto; height: 87px; font-size: 14px; z-index:99; }
#menuArea ul{ margin: 12px 0 0 30px; }
#menuArea ul li{ list-style: none; float: left; padding: 0 12px; }
#menuArea ul li a{ color: #a56f2e; padding: 30px 0 0; }
#menuArea ul li a:hover, #menuArea ul li a.msel{ color: #6f4c1c; }
#menuArea ul li a span.homIc{ height: 30px; display: block; width: 33px; background:url(../img/menu/homeIcon.png) scroll center no-repeat; background-position: 0 0; margin: 0 0 5px 2px; }
#menuArea ul li a:hover span.homIc, #menuArea ul li a span.msel{ background-position: 0 -31px; }
#menuArea ul li a span.abtIc{ height: 30px; display: block; width: 33px; background:url(../img/menu/abtIcon.png) scroll center no-repeat; background-position: 0 0; margin: 0 0 5px 14px; }
#menuArea ul li a:hover span.abtIc{ background-position: 0 -31px; }
#menuArea ul li a:hover span.abtIc, #menuArea ul li a span.msel{ background-position: 0 -31px; }

#menuArea ul li a span.cltIc{ height: 30px; display: block; width: 33px; background:url(../img/menu/cltIcon.png) scroll center no-repeat; background-position: 0 0; margin: 0 0 5px 14px; }
#menuArea ul li a:hover span.cltIc{ background-position: 0 -31px; }
#menuArea ul li a:hover span.cltIc, #menuArea ul li a span.msel{ background-position: 0 -31px; }

.smLogo{ position: absolute; left: 20px; top: 15px; width: 200px; height: 120px; z-index:99; }
.smLogo a{ width: 175px; height: 106px; display: block; }
#menuArea ul li a span.galIc{ height: 30px; display: block; width: 33px; background:url(../img/menu/galIcon.png) scroll center no-repeat; background-position: 0 0; margin: 0 0 5px 8px; }
#menuArea ul li a:hover span.galIc, #menuArea ul li a span.msel{ background-position: 0 -31px; }
#menuArea ul li a:hover span.galIc{ background-position: 0 -31px; }
#menuArea ul li a:hover span.galIc, #menuArea ul li a span.msel{ background-position: 0 -31px; }

#menuArea ul li a span.conIc{ height: 30px; display: block; width: 33px; background:url(../img/menu/conIcon.png) scroll center no-repeat; background-position: 0 0; margin: 0 0 5px 18px; }
#menuArea ul li a:hover span.conIc{ background-position: 0 -31px; }
#menuArea ul li a:hover span.conIc, #menuArea ul li a span.msel{ background-position: 0 -31px; }

.wrap{ width: 1000px; margin: 0 auto; position: relative; padding-bottom:20px;display:table;}
.headMenuBtn{float:right;margin:10px 10px 0 0;width:20px; height: 15px; display:none; background: url(../img/icons/menu-mobile.png) no-repeat;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s;outline:none;}
.headMenuBtn.open{float:right;margin:10px 10px 0 0;width:20px; height: 16px; background: url(../img/icons/menu-mobile.png) no-repeat; background-position: 0 -16px; -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s;outline: none;}
.menuLine{display:block;width:100%;height:3px;margin-bottom:3px;background:#000; }
.hmLogo{ width: 300px; height: 178px; position: relative ; margin-top: 80px; left: 50%; margin-left: -150px; }
.hmLogo a{ display: block; }
.welcm{ width: 780px; margin: 180px auto 80px; text-align: center; }
.welcm p{ font-size: 16px; line-height: 22px; }
.mediaPath{ width: 860px; height: auto; margin: 20px auto 60px;}
.medLeft{ width: 400px; float: left; height: auto; }
.medLeft h2, .medRit h2{ font-size: 30px; text-align: center; text-transform: uppercase; }
.medLeft h2{ float: left; height: 30px; margin: 180px -120px 0 -90px; font-size: 22px; color: #f7daaa; padding: 4px 90px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);background: url(../img/icons/h1Bg2.png) scroll center no-repeat;  }
.medLeft ul{ float: left; width: 100%; margin: -10px 0 0; }
.medLeft ul li{ list-style: none; padding: 3px 0; font-family: 'quicksandbold'; text-align: center; font-size: 16px; }
.medLeft ul li a{ display: block; padding: 10px 10px 10px 30px; color: #6f4c1c; }
.medLeft ul li a:hover{ transform: scale(1.1); transition: all 0.2s; }
.medRit{ width: 400px; float: right; height: auto; }
.medRit h2{ float: right; height: 30px; margin: 190px -88px 5px -92px; padding: 4px 26px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background: url(../img/icons/h1Bg2.png) scroll center no-repeat; font-size: 22px; color: #f7daaa; }
.medRit ul{ float: right; width: 100%; margin: -22px 0 0; }
.medRit ul li{ list-style: none; padding: 3px 0; font-family: 'quicksandbold'; font-size: 16px; text-align: right; text-align: center; }
.medRit ul li a{ display: block; padding: 10px 30px 10px 10px; color: #6f4c1c; }
.medRit ul li a:hover{ transform: scale(1.1); transition: all 0.2s; }
.medImg{ position: relative; width: 171px; height: 160px; margin: 35px 80px 30px; float: left; background: url(../img/media_Img.gif) scroll center no-repeat; }
.spnImg{ position: absolute; width: 26px; height: 26px; background: url(../img/mediaSpn_Img.png); top: 39px; right: 11px; }
.entImg{ position: relative; float: left; width: 300px; margin: 30px 0 5px 35px; height: 190px; background: url(../img/stage_bg.gif) scroll center no-repeat; }
.entSpkrLft{ position: absolute; left: -6px; top: 50px; }
.entSpkrRit{ position: absolute; right: -7px; top: 50px; }
.entPleBtn{ position: absolute; left: 50px; bottom: 0px; }
.botArea{ position: relative; width: 100%; bottom:0; float: left; }
.botImgBg { margin-top: -25px; bottom: 0; float: left; position: relative; width: 100%; }


.contact_area{width:1000px; float:left;  margin-top: 8%; padding: 50px 0;}
.abt_title{text-align:center; color:#6f4c1c; font-size:38px; margin:0px; }

.contAdd{width: 510px; height: auto; float: left; }
.contAdd p{font-size:16px; color:#6f4c1c; line-height: 23px; margin-bottom:15px;}
.contAdd h4, .contEnq h4{ font-size: 20px; font-weight: 600; margin: 20px 0 8px; font-family: 'quicksandbold'; }
.contAdd a{ color: #282828; text-decoration: none; }
.contEnq{ width: 320px; float: right; margin-left: 20px; position: relative; margin-top: 51px; }
.contEnq span.fly{ position: absolute; top: -64px; left: 90px; z-index:0; }
.contEnq form input placeholder{color:#6f4c1c !important;}
.contEnq input[type=text]{ font-family: 'quicksandbook'; width: 262px; height: 40px; color:#6f4c1c !important; margin-bottom: 5px; padding:2px 1px 4px 15px; outline: none; font-size:16px !important; background:url(../img/inputBg.png) no-repeat; border:none; }
.contEnq textarea{font-family: 'quicksandbook'; width: 267px; height: 80px; color:#6f4c1c !important; margin-bottom: 5px; padding:8px 1px 4px 15px; resize: none; outline: none; font-size:16px; border:none; background:url(../img/txtareaBg.png) no-repeat; }
.contEnq input[type=button]{ width: 102px; height: 32px; color: #FFF !important; text-align: center; margin-top: -5px; cursor: pointer; font-size:16px; font-weight:lighter !important; background:url(../img/button_bg.png) no-repeat; float:left; background-color:inherit !important; border:none !important; font-family: 'quicksandbold'; }
.phno{margin-left:17px; font-weight:lighter !important;}
.email{margin-left:12px; font-weight:lighter !important;}
.email a{color:#6f4c1c; text-decoration:none !important;}
.phicon{margin:-5px 6px 5px -5px; float:left;}
.emailicon{margin:-5px 6px 5px -5px; float:left;}
.contAdd p .phicon, .contAdd p .emailicon{
	-webkit-transition: all 1.3s ease-in-out;
	-moz-transition:    all 1.3s ease-in-out;
	-o-transition:      all 1.3s ease-in-out;
	-ms-transition:     all 1.3s ease-in-out;
			transition: all 1.3s ease-in-out; }
.contAdd p:hover .phicon, .contAdd p:hover .emailicon{
	-webkit-transform: scale(1.3);
	-moz-transform:   scale(1.3);
	-o-transform:     scale(1.3);
	-ms-transform:    scale(1.3);
	}
.contAlert{display:none;color:red;font-weight:700;margin:14px 0 0;float:left;width:98%;padding-left:2%;}

.about_content{width:877px; margin:0 auto; margin-top: 30px;}
.about_content p{text-align:center; line-height:26px; color:#5f3f13; font-size:16px; font-family: 'quicksandbook' ;}
#group_member{width:100%; margin:0 auto; margin-top: 30px;}
.quote{font-family: 'quicksandbold'; margin-top: 15px; margin-bottom:0px;}
.author{}
.member1{width:25%; float:left; }
.abtMemImg{ width: 100%; text-align: center; display: block; }
.text{width:100%; float:left; margin-top:10px; text-align: center;}
.text h3{text-align:center; color:#5f3f13; font-size:20px;}
.text p{text-align:center; color:#5f3f13; font-size:18px; font-family: 'quicksandbook' ;}


.member2{width:270px; float:left;}
.img1{float:left; margin-left:34px;}
.text1{width:100%; float:left; margin-top: 10px;}
.text1 h3{text-align:center; color:#5f3f13; font-size:20px; }
.text1 p{text-align:center; color:#5f3f13;  font-size:18px; font-family: 'quicksandbook'; }

.text2{width:100%; float:left; margin-top: 10px;}
.text2 h3{text-align:center; color:#6f4c1c; font-size:20px; }
.text2 p{text-align:center; color:#5f3f13;  font-size:18px; font-family: 'quicksandbook'; }

#team_content{width:100%; margin:0 auto; clear:both;}
#team_content h3{text-align:center; color:#6f4c1c; font-size:26px; padding: 47px 21px 15px 0px;}
#team_content p{text-align:center; font-size:16px; color:#5f3f13; line-height:26px; text-align:center; padding-bottom:10px;}

.soc_icon{ width: 60px; height:210px; position: fixed; right:0; top: 50%; margin: -105px 0 0; color:#31312c; background:url(../img/icon/soc_bg.png) no-repeat; }
.soc_icon .htit{ width: 60px; margin: 50px 0 0 10px; text-align: center; line-height:16px; }
.soc_icon2{ width: 60px; height: 240px; position: fixed; right:0; top: 135px; font-size: 15px; color:#FFF; }
.soc_icon2 .htit{ width: 60px; margin: 20px 0 0 0px; text-align: center; line-height:16px; }
.soc_icon ul{ margin:20px 0 0 25px; padding: 0; }
.soc_icon2 ul{ margin:20px 0 0 18px; padding: 0; }
.soc_icon ul li, .soc_icon2 ul li { list-style: none; margin: 6px 0; width: 30px; height: 30px; }
.soc_icon ul li a{ height: 30px; display: block; background: url(../img/icons/soc_icons.png) no-repeat; }
.soc_icon2 ul li a{ height: 30px; display: block; }
.soc_icon ul li a.fb{ width: 30px; height: 27px; background-position: 0 -122px; }
.soc_icon ul li a:hover.fb{ background-position: 0 -151px; }
.soc_icon ul li a.inst{ width: 30px; height: 27px; background-position: 0 -182px; }
.soc_icon ul li a:hover.inst{ background-position: 0 -209px; }
.soc_icon ul li a.pin{ width: 30px; height: 30px; background-position: 0 -240px; }
.soc_icon ul li a:hover.pin{ background-position: 0 -270px; }
.soc_icon ul li a.gplus{ width: 30px; height: 27px; background-position: 0 -60px; }
.soc_icon ul li a:hover.gplus{ background-position: 0 -88px; }
.soc_icon ul li a.blog{ width: 30px; height: 28px; background-position: 0 0px; }
.soc_icon ul li a:hover.blog{ background-position: 0 -29px; }


.copy_right{width:100%; height:25px; z-index:99; bottom: 0px; right:0; position:absolute; background:#000; padding: 12px 0 0; }
.copy_right p{font-size:11px !important; color:#fff ; float: right; padding: 0 20px; }
.copy_right p a{ color:#fff; text-decoration:none;}
.copy_right p a:hover{text-decoration:underline; }

.event_LstIcn{ width: 100%; float: left; text-align: center; padding-bottom: 25px; }
.event_LstIcn ul{ float: left; width: 100%; padding:0; margin:0; }
.event_LstIcn ul li.lstDisp{ display: inline-block; text-align: center; padding: 5px 10px 0; font-family: 'quicksandbold'; }
.event_LstIcn ul li.lstDisp .icon{ float: left; }
.event_LstIcn ul li.lstDisp .txT{ float: left; padding: 15px 0; font-size: 18px; color: #5f3f13; }

.evntSlider{ width: 720px; position: relative; margin: 40px auto 0 140px; height: auto; display: inline-block; }
.evntSlider span.brdrImg{ background: url(../img/icons/borderImg.gif); display: block; width: 100%; }
.evntSlider span.brdrTop{ height: 30px; position: absolute; top: -30px; background-position: -2px 0; }
.evntSlider span.brdrBtm{ height: 30px; position: absolute; bottom: -27px; background-position: -2px 31px; }
/** Clients Page **/
#clients .inPgTit { font-size: 23px; width: 100%; text-align: center; line-height: 1.8em; margin-top: 10px; margin-bottom: 35px; }
#clients .inPgTit i { font-size: 48px; display: block; line-height: 1.6em; }
.clntCont { width: 100%; float: left; margin-bottom: 110px; }
.clntRow { width: 100%; float: left; margin: 10px 0 30px; }
.clntLi { background: url("../img/clients/client-sprite.png") no-repeat 0 -53px; float: left; width: 222px; height: 53px; margin-left: 40px; cursor: pointer; }
.clntLi.clntLiNoLftMrg { margin-left: 0; }
.clientDisp{ width: 100%; float: left; }
.clientDisp ul{ list-style: none; padding: 0; margin:0; }
.clientDisp ul li{ float: left; margin: 10px; }
/*** Gallery ***/
.galArea{ width: 100%; float: left; box-sizing: border-box; margin: 40px 0 0; }
.galMenu{ float: left; width: 200px; }
.galMenu ul{ padding: 0; margin: 0; list-style: none; }
.galMenu ul li{ width: 100%; display: block; font-size: 16px; padding: 1px 0; font-family: 'quicksandbold'; }
.galMenu ul li a{ display: block; padding: 8px 0px 12px 10px; color: #6f4c1c; cursor: pointer; }
.galMenu ul li a:hover, .galMenu ul li a.select{  background: url(../img/gMenuBg.png) no-repeat; background-size: 100% auto; color: #dcbc91;  }
.galPath{ width: 780px; float: left; box-sizing: border-box; padding-left: 20px; }
.galpgUl{ width: 100%; list-style: none; }
.galpgUl li.galDisp{ width: 240px; height: 165px; background: url(../img/galdispBg.png) no-repeat; background-size: 100% 100%; float: left; margin-right: 20px; margin-bottom: 20px; box-sizing: border-box; padding: 15px; position: relative; }
.galpgUl li:nth-child(3n+3).galDisp{ margin-right:0; }
.galpgUl li.galDisp .inDiv{ position: relative; width: 99%; height: 99%; overflow: hidden; border: 2px solid #6f4c1c; }
.galpgUl li.galDisp .inDiv img{ width: 100%; }
.galpgUl li.galDisp .inDiv .overlay{ position: absolute; display: block; width: 100%; height: 100%; background: rgba(82, 50, 13, 0.85); box-sizing: border-box; padding-left: 10px; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all .5s; -webkit-transition: all 0.5s; transition: all 0.5s; opacity:0; filter: alpha(opacity=0); visibility: hidden; }
.galpgUl li.galDisp .inDiv .overlay h2{ font-size: 18px; font-weight: 100; color: #FFF; font-family: 'quicksandbold'; margin: -40px 0 0; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay:0.25s; -webkit-transition-delay:0.25s; transition-delay: 0.25s; }
.galpgUl li.galDisp .inDiv .overlay p{ font-size: 16px; color: #FFF; transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all 0.5s; margin: -40px 0 0; -moz-transition-delay: 0.50s; -ms-transition-delay: 0.50s; -o-transition-delay: 0.50s; -webkit-transition-delay: 0.50s; transition-delay: 0.50s; }
.galpgUl li.galDisp .inDiv .overlay a.view{ position: absolute; font-family: 'quicksandbold'; cursor: pointer; bottom: -30px; left:10px; padding:5px 15px; color:#FFF; border:1px solid #FFF; transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition-delay: 0.65s; }
.galpgUl li:hover.galDisp .inDiv .overlay{ opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.galpgUl li:hover.galDisp .inDiv .overlay h2{ margin: 10px 0 0; }
.galpgUl li:hover.galDisp .inDiv .overlay p{ margin: 0px; }
.galpgUl li:hover.galDisp .inDiv .overlay a.view{ bottom: 10px; }
.galTit{ display: table; }
.galTit h2{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); margin: 20px 0; text-align: center; width: 100%; padding:4px 0; }
.galIn{ display: table-cell; left: 50%; margin: 20px auto auto -95px !important; width: 190px; }
.tabs{ display: none; }
.popup{ color: #52320d; width: 840px; padding: 0 0 30px; }
.popup h2{ font-size: 40px; text-transform: uppercase; margin: 10px 0 30px; color: #FFF; }
.popup h3{ font-size: 28px; margin: 30px 0 10px 0; }
.popup p{ font-size: 18px; line-height: 24px; margin: 0px 0 15px; }
.showNone{ display: none; }
.fsp-wrapper{ background: rgba(247, 222, 175, 0.98) !important; }
.fsp-close{top:30px !important; right:40px !important; width:32px; height:32px; background:url(../img/icons/popClose.png); text-indent:-9999px;}
.galSlider{ width: 720px; position: relative; margin: 40px auto 0 60px; height: auto; display: inline-block; }
.galSlider span.brdrImg{ background: url(../img/icons/borderImg.gif); display: block; width: 100%; }
.galSlider span.brdrTop{ height: 30px; position: absolute; top: -30px; background-position: -2px 0; }
.galSlider span.brdrBtm{ height: 30px; position: absolute; bottom: 0px; background-position: -2px 31px; }
.galTesti{ width: 100%; float: left; margin: 10px 0 40px; }
.galTesti h4{ font-size:14px; margin: -10px 0 20px; text-transform: uppercase; }
.locDetUl{ float: left; width: 100%; list-style: none; }
.locDetUl li.locDet{ float: left; margin-right: 60px; font-family: 'quicksandbold'; font-size: 14px; text-transform: uppercase; padding: 0 0 15px; }
.locDetUl li.locDet .left{ display: block; background: url(../img/icons/locLftBg.png) no-repeat; width: 130px; height: 32px; box-sizing: border-box; float: left; color: #FFF; padding: 6px 10px; }
.locDetUl li.locDet .rit{ float: left; padding: 6px 10px; }

/*** ***/
.flex-caption {width: 96%;padding: 2%;left: 0;bottom: 46px;background: rgba(0,0,0,.75);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px; position: relative; margin-bottom: -44px;}
li.css a {border-radius: 0;}
.flex-container a:hover, .flex-slider a:hover {outline: none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; font-size: 0; }
.flex-pauseplay span {text-transform: capitalize;}

/*** Start: Tooltip ***/
.tipper { width: 1px; height: 1px; position: absolute; top: -999px; left: -999px; z-index: 999; opacity: 0; pointer-events: none;
		-webkit-transition: opacity 0.15s linear;
				transition: opacity 0.15s linear;
}
.tipper * {
		-webkit-transition: none;
				transition: none;
}
.tipper, .tipper * {
		-webkit-user-select: none !important;
		   -moz-user-select: none !important;
			-ms-user-select: none !important;
				user-select: none !important;
}
.tipper, .tipper *, .tipper *:before, .tipper *:after { box-sizing: border-box; }
.tipper.visible { opacity: 1; }
.tipper .tipper-content { background: #fff; border-radius: 3px; color: #fff; display: block; float: left; font-size: 12px; margin: 0; padding: 15px 15px; 
position: relative; }
.tipper .tipper-caret { width: 0; height: 0; content: ''; display: block; margin: 0; position: absolute; }
.tipper.right .tipper-content { box-shadow: 1px 0 5px rgba(0, 0, 0, 0.35); }
.tipper.right .tipper-caret { top: 0; left: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #fff; }
.tipper.left .tipper-content { box-shadow: -1px 0 5px rgba(0, 0, 0, 0.35); }
.tipper.left .tipper-caret { top: 0; right: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; }
.tipper.top .tipper-caret, .tipper.bottom .tipper-caret { display: block; float: none; margin: 0 auto; }
.tipper.top .tipper-content { box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.35); }
.tipper.top .tipper-caret { bottom: -5px; left: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; }
.tipper.bottom .tipper-content { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35); }
.tipper.bottom .tipper-caret { top: -5px; left: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
/*** End: Tooltip ***/

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;  -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.flexslider .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {margin: 0 ;/*background: #fff;*/position: relative;zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.flexslider .slides {zoom: 1;}
.flexslider .slides img {height: auto; -moz-user-select: none;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {  *height: 0;}
.flex-direction-nav a {text-decoration: none;display: block;width: 43px;height: 28px;margin: -20px 0 0;position: absolute;top: 50%; z-index: 10;overflow: hidden;opacity: .8;cursor: pointer;text-indent: -9999px;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: url(../img/entertainment/slidArrow.png);}
.galSlider .flex-direction-nav a {background: url(../img/icons/slidArrow.png);}
.flex-direction-nav a:before {font-family: "flexslider-icon";font-size: 40px;display: inline-block;content: '\f001';color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a.flex-next:before {content: '\f002';text-indent: -999px;font-size: 0;}
.flex-direction-nav .flex-prev {left: -60px;background-position: 0 0;}
.flex-direction-nav .flex-next, .galSlider .flex-direction-nav .flex-next {right: -60px;text-align: right;background-position: 44px 0;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important;filter: alpha(opacity=0);cursor: default; z-index: -1;}
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;  z-index: 10;overflow: hidden;cursor: pointer;color: #000;}
.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: '\f004';}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: '\f003';}
.flex-control-nav {width: 100%;position: absolute;bottom: -40px;text-align: center;display: none;}
.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #666;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.flex-control-paging li a:hover {background: #333;background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;height: auto;display: block;opacity: .7;cursor: pointer;-moz-user-select: none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
#go-to-top{ position: fixed; bottom: 120px; right: 30px; z-index:99; display: none; cursor: pointer; }
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev, .galSlider .flex-direction-nav .flex-prev {opacity: 1;left: -30px;}
	.flex-direction-nav .flex-next, .galSlider .flex-direction-nav .flex-next {opacity: 1;right: -30px;}
}
/*** ***/
@media only screen and (min-width : 1263px){
	#menuArea ul{ display: block; }
}
@media only screen and (min-width : 641px){
	#menuArea ul{ display: block !important; }
}
/** 1263px to 1115px **/
@media only screen and (max-width : 1263px) and (min-width : 1024px) {
	.hmLogo{width:300px;height:auto;}
	.hmLogo a{width:100%;height:auto;}
	#menuArea ul{ display: block !important; }
	.hmLogo a img{width:100%;}
	.contact_area{display:table;float:none;margin:15% auto 0;width:1000px;}
	.contEnq{width:290px;}
}
/** 1023px to 800px **/
@media only screen and (max-width : 1023px) and (min-width : 800px) {
	.wrap{display:block;width:96%;}
	.hmLogo{display:table;height:auto;left:auto;margin:100px auto 20px;width:270px;}
	.hmLogo a{width:100%;height:auto;}
	#menuArea ul{ display: block !important; }
	.hmLogo a img{width:100%;}
	.welcm, .mediaPath{width:100%;}
	.about_content{width:100%;}
	.contact_area{display:table;float:none;margin:15% auto 0;width:760px;}
	.medLeft, .medRit{float:none;display:table;margin:0 auto 30px;width:420px;}
	.medLeft h2{ width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); text-align: center; margin:25px 0 0; padding:4px 0; }
	.medRit h2{  width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); text-align: center; margin: 25px 0 0; padding:4px 0; }
	.medImg{ margin: 15px 130px; }
	.entImg{ margin: 30px 0 5px 65px; }
	.medLeft ul, .medRit ul{ width: 100%; }
	.contAdd{width:466px;}
	.contEnq{width:264px;}
	.contEnq input[type="text"]{width:244px;}
	.contEnq textarea{width:248px;}
	.evntSlider{ width: 620px; margin-left: 110px; }
	.galPath{ width: 540px; }
	.galpgUl li:nth-child(3n+3).galDisp{ margin-right: 20px; }
	.galpgUl li:nth-child(2n+2).galDisp{ margin-right: 0; }
	.popup{ width: 600px; }
	.galSlider{ width: 520px; }
}
/** 799px to 640px **/
@media only screen and (max-width : 799px) and (min-width : 640px) {
	.wrap{display:block;width:96%;}
	.hmLogo{display:table;height:auto;left:auto;margin:100px auto 20px;width:250px;}
	.hmLogo a{width:100%;height:auto;}
	.hmLogo a img{width:100%;}
	.smLogo{left:12px;width:150px;height:auto;}
	.smLogo a{width:100%;height:auto;}
	.smLogo a img{width:100%;}
	#menuArea{width:350px;}
	#menuArea ul{ display: block ; }
	#menuArea ul li{padding:0 10px;}
	.welcm, .mediaPath{width:100%;}
	.welcm{margin:180px auto 45px;}
	.medLeft, .medRit{float:none;display:table;margin:0 auto;width:400px;}
	.medLeft h2{ width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); text-align: center; margin:50px 5px 0 auto; padding:4px 0; }
	.medImg{ margin: 15px 110px; }
	.entImg{ margin: 30px 0 5px 50px;}
	.medRit h2{  width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); text-align: center; margin: 30px 0 0px; padding:4px 0; }
	.medLeft ul, .medRit ul{ width: 100%; }
	.medRit ul li a{background-position:left center;padding:10px 10px 10px 30px;}
	.about_content{width:100%;}
	.abt_title{font-size:38px;}
	.contact_area{display:table;float:none;margin:15% auto 0;width:600px;}
	.contAdd{width:312px;}
	.contAdd h4, .contEnq h4{font-size:18px;}
	.contAdd p{font-size:15px;}
	.contEnq{width:264px;margin-left:0;}
	.contEnq input[type="text"]{font-size:14px !important;width:244px;}
	.contEnq textarea{font-size:14px !important;width:248px;}
	.member1{ width: 50%; }
	.evntSlider{ width: 560px; margin-left: 20px; }
	.galPath{ width: 380px; }
	.galpgUl li.galDisp{ margin-left: 40px; }
	.popup{ width: 600px; }
	.galSlider{ width: 100%; margin: 30px 0 0; }
}
/** 639px to 480px **/
@media only screen and (max-width : 639px) and (min-width : 480px) {
	.wrap{display:block;width:96%;}
	.topArea{z-index:999;}
	.hmLogo{display:table;height:auto;left:auto;margin:0 auto;width:208px;top:90px;}
	.hmLogo a{width:100%;height:auto;}
	.hmLogo a img{width:100%;}
	.smLogo{left:12px;width:150px;height:auto;}
	#menuArea{background:none;width:100%;height:auto;top:22px; position:fixed;}
	.headMenuBtn{display:block;}
	#menuArea ul.headMenuLi{width:100%;position:absolute;margin:0;top:-16px; padding-top:40px;right:0px;box-shadow:0 2px 3px #6f4c1c;background:#eace9d;display:none;}
	#menuArea ul li{width:100%;text-align:center;padding:4px 0 4px;border-bottom:1px solid #6f4c1c;}
	#menuArea ul li a{padding: 6px 0; display: block; }
	#menuArea ul li a > span{display:none !important;}
	.welcm, .mediaPath{width:100%;}
	.welcm{margin:135px auto 35px;}
	.welcm p{font-size:14px;}
	.mediaPath{margin:0px auto 40px;}
	.medLeft h2{ width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); text-align: center; margin: 120px 0 0 auto; padding: 4px 0; }
	.medRit h2{  width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); text-align: center; margin: 30px 0 0px; padding: 4px 0; }
	.medLeft ul, .medRit ul{ width: 100%; }
	.medLeft, .medRit{float:none;display:table;margin:0 auto;width:360px;}
	.medImg{ margin: 15px 85px;}
	.entImg{ margin: 30px 0 20px 25px; }
	.medLeft ul li a{padding:4px 10px;}
	.medRit ul li a{background-position:left center;padding:4px 10px;}
	.about_content{width:100%;}
	.abt_title{font-size:30px;}
	.contact_area{display:table;float:none;margin:15% auto 0;width:100%;}
	.contAdd{display:table;float:none;margin:0 auto;width:294px;}
	.contAdd h4, .contEnq h4{font-size:16px;}
	.contAdd p{font-size:14px;}
	.contEnq{display:table;float:none;margin:50px auto 0;width:264px;}
	.contEnq input[type="text"]{font-size:13px !important;width:244px;height:33px;}
	.contEnq textarea{font-size:13px !important;width:248px;height:74px;}
	.contEnq input[type="button"]{margin-top:2px;}
	.member1{ width: 50%; }
	.evntSlider{ width: 94%; margin-left: 3%; }
	.galPath{ width: 380px; margin: 30px 0 0; }
	.popup{ width: 400px; }
	.galpgUl li.galDisp{ margin-left: 22%; }
	.galSlider{ width: 90%; margin-left: 10px; }
	.galMenu{ width: 100%; }
	.galMenu ul li a:hover, .galMenu ul li a.select{ background: #6f4c1c; }
}
/** 479px and below **/
@media only screen and (max-width : 479px) {
	.wrap{display:block;width:96%;}
	.topArea{z-index:999;}
	.topStrip{height:16px;}
	.hmLogo{display:table;height:auto;left:auto;margin:0 auto;width:174px;top:90px;}
	.hmLogo a{width:100%;height:auto;}
	.hmLogo a img{width:100%;}
	.smLogo{left:12px;width:100px;height:auto;}
	#menuArea{background:none;width:100%;height:auto;top:16px; position:fixed;}
	.headMenuBtn{display:block;}
	#menuArea ul.headMenuLi{width:100%;position:absolute;margin:0;top:-16px; padding-top:40px;right:0px;box-shadow:0 2px 3px #6f4c1c;background:#eace9d;display:none;}
	#menuArea ul li{width:100%;text-align:center;padding:4px 0 4px;border-bottom:1px solid #6f4c1c;}
	#menuArea ul li a{padding:8px 0; display: block; }
	#menuArea ul li a > span{display:none !important;}
	.welcm, .mediaPath{width:100%;}
	.welcm{margin:125px auto 30px;}
	.welcm p{font-size:12px;line-height:1.55em;}
	.mediaPath{margin:0px auto 40px;}
	.medLeft h2{ width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); margin: 120px 0 0 auto; font-size: 21px; padding: 4px 0; }
	.medRit h2{  width: 100%; -moz-transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0); margin: 30px auto 10px; font-size: 21px; padding: 4px 0; }
	.entImg{ margin: 0 auto; float: none; display: table; }
	.medLeft ul, .medRit ul{ width: 100%; }
	.medLeft, .medRit{float:none;display:table;margin:0 auto;width:96%;}
	.medLeft ul li, .medRit ul li{ font-size: 13px; }
	.medLeft ul li a{padding:4px 10px;}
	.medRit ul li a{padding:4px 10px;}
	.about_content{width:100%;}
	.about_content p{font-size:15px;}
	.abt_title{font-size:26px;margin-top:10px;margin-bottom:4px;}
	.contact_area{display:table;float:none;margin:15% auto 0;width:100%;}
	.contAdd{display:table;float:none;margin:0 auto;width:260px;}
	.contAdd h4, .contEnq h4{font-size:15px;}
	.contAdd p{font-size:12px;}
	.contEnq{display:table;float:none;margin:40px auto 0;width:264px;}
	.contEnq input[type="text"]{font-size:12px !important;width:244px;height:33px;}
	.contEnq textarea{font-size:12px !important;width:248px;height:74px;}
	.contEnq input[type="button"]{margin-top:2px;}
	.copy_right p{font-size:10px !important;}
	.evntSlider{ width: 88%; margin-left: 6%; }
	.galPath{ width: 100%; margin: 30px 0 0; }
	.popup{ width: 170%; margin-left: -30%; }
	.galSlider{ width: 90%; margin-left: 10px; }
	.galMenu{ width: 100%; }
	.galMenu ul li a:hover, .galMenu ul li a.select{ background: #6f4c1c; }
	.member1{ width: 100%; }
	.galpgUl li.galDisp{ margin-left: 4%; }
	.event_LstIcn ul li.lstDisp .txT{ font-size: 14px; }
	.flex-direction-nav .flex-next, .galSlider .flex-direction-nav .flex-next{ right: -15px; }
	.flex-direction-nav .flex-prev, .galSlider .flex-direction-nav .flex-prev{ left: -15px; }
	.clientDisp ul li{ width: 98%; text-align: center; }
}