/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
  .sortlistview { list-style-type: none; margin: 0; padding: 0; width: 100%; }
  .sortlistview li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em;  height: 18px;cursor:pointer; }
  .sortlistview li span { position: absolute; margin-left: -1.3em; }



.fileinput-button{
position:relative;
overflow:hidden;

}


.fileinput-button input {
position:absolute;
top:0;
right:0;
margin:0;
opacity:0;
-ms-filter:'alpha(opacity=0)';
font-size:200px;
direction:ltr;
cursor:pointer;
}




.frame-container {
padding-bottom:60%;
padding-top:30px;
height:0;
overflow:hidden;
}


.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}






.widthfix {
  margin-top:2px;
  margin-bottom:1px;
  font-size:11px;
}


#introcircle {
    position: absolute;
    width: 200px;
    height: 100px;
    padding-top:100px;
    top: 80%;
    left: 50%;
    text-align:center;
    z-index:99999;
    line-height:3em;
}
















.nonstyleul {
list-style-type: none;
}



#weekdayview {
   padding-left:6px;
   padding-right:6px;
}

.bottomnopadding{
   padding-bottom:2px;
}

#addchargehotel.table-responsive>.table-bordered>thead>tr>th:first-child{
width:18px;  
}


#roomtype.table-responsive>.table-bordered>thead>tr>th:first-child{
width:18px;  
}

.textcancel {
   text-decoration: line-through;
}
.textcancelcolor {
   color:red;
}


.pover-div div.arrow{
	padding: 0px;
}
.panel-body .table_style {
/*width: 300px;*/
}
 .table_style ul {
clear: left;
margin: 1;
padding: 1;
list-style-type: none;
/*border: 1px solid #ccc;*/
}
.table_style .header {
font-weight: bold;
text-align: center;
}
.table_style ul li {
text-align: center;
float: left;
margin: 0;
padding: 2px, 1px;
}
.table_style ul .colum1 {
width: 60px;
}
 .table_style ul .colum2 {
width: 160px;
}
 .table_style ul .colum3 {
width: 70px;
}


/*------------------------------------------------*/
/*-------------------[SHORTCODES]-----------------*/
/*------------------------------------------------*/
.et-top {padding:0 0 0 15px;}
.et-top02 {margin:0 0px 0 0px;padding:0 14px 5px 4px;}
.et-box { margin: 10px 0px 10px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 14px; position: relative; }
	.et-box-content {  padding: 6px 3px 6px 15px;min-height:35px; }
		.et-box-content dl{margin:0 0 0 0px;}
	    .et-box-content dt{float:left;clear:both;}	
		.et-box-content dd { text-align:right;font-size:11px;padding:0 6px 0 6px;}		
		.et-box-content strong { color: #000000; font-weight: bold;text-shadow: 1px 1px 1px #ffffff; }
.
		
.et-info { border: 1px solid #ddf1f1; }
	.et-info .et-box-content { color: #ada771; background: #c0e4e4; border: 1px solid #fbfbef; -moz-box-shadow: inset 0 0 25px #91cbcd; -webkit-box-shadow: inset 0 0 25px #91cbcd; box-shadow: inset 0 0 25px #91cbcd; }
        
.com-box { margin: 10px 0px 4px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 12px; position: relative; }
	.com-box-content {  padding: 6px 6px 6px 15px;min-height:90px; }
		.com-box-content strong { color: #000000; font-weight: bold; }

.com-info { border: 1px solid #f8e4e4; }
	.com-info .com-box-content { color: #000000; background: #c9ddba; border: 1px solid #ffffff; -moz-box-shadow: inset 0 0 35px #9ebf88; -webkit-box-shadow: inset 0 0 35px #9ebf88; box-shadow: inset 0 0 35px #9ebf88; }
		.com-info .com-box-content h1, .com-info .com-box-content h2, .com-info .com-box-content h3, .com-info .com-box-content h4, .com-info .com-box-content h5, .com-info .com-box-content h6  { color: #000000;text-align: center; }


.opt-warning { color: #797878;font-size:12px;line-height:19px;margin:0 0 4px 0px; }
.opt-warning img {float: left;margin: 0px 15px 0px 0px;}
.opt-warning p {margin:0 0 2px 0;}
.opt-warning .opt-notice {color:red;padding:3px 4px 0px 0px;left:6px;margin-right:10px;}
.opt-warning .opt-notice span {color:red;}

		
.sr-box { margin: 0px 0px 7px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 12px; position: relative; }
	.sr-box-content { text-shadow: 1px 1px 1px #ffffff; padding: 6px 6px 6px 15px;text-align: center; }
	.sr-box-content strong { color: #000000; font-weight: bold; }
	.show-grid .detail-info  {text-align:center;color:#adadad;}  

.sr-info { border: 1px solid #e0dddd; }
	.sr-info .sr-box-content { color: #000000;background: #f5f5f5; border: 1px solid #ffffff; -moz-box-shadow: inset 0 0 25px #f7f7f7; -webkit-box-shadow: inset 0 0 25px #f7f7f7; box-shadow: inset 0 0 25px #f7f7f7; }
    .sr-info .sr-box-content h1, .sr-info .sr-box-content h2, .sr-info .sr-box-content h3, .sr-info .sr-box-content h4, .sr-info .sr-box-content h5, .sr-info .sr-box-content h6 { color: #000000;text-align: center; }
   

/*hotel information start*/
.ho-top {margin:0 0px 0 0px;padding:0 0px 0 0px;font-size:14px;}

.ho-top dl.ho-info01 {margin:0 0 4px 0px; }
.ho-top dl.ho-info01 dt {float:left;clear:both;padding:0 0 0 10px;width:40px; }
.ho-top dl.ho-info02 {float:left;margin:0 15px 0 0px;padding:0 0 0 0px;}
.ho-top dl.ho-info02 dt{float:left;padding:0 0 0 10px;width:40px;}

.ho-top02 {margin:0 0px 0 0px;padding:0 0px 0px 0px;}

.ho-box {margin: 10px 0px 10px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 15px; position: relative; }
	.ho-box-content {  padding: 6px 3px 6px 15px;min-height:35px; }
		.ho-box-content dl{margin:0 0 0 0px;}
	    .ho-box-content dt{float:left;clear:both;}	
		.ho-box-content dd { text-align:right;font-size:15px;padding:0 6px 0 6px;}		
		.ho-box-content strong { color: #000000; font-weight: bold;text-shadow: 1px 1px 1px #ffffff; }
.
		
.ho-info { border: 1px solid #e2edda; }
	.ho-info .ho-box-content { color: #ada771; background: #c9ddba; border: 1px solid #fbfbef; -moz-box-shadow: inset 0 0 25px #9ebf88; -webkit-box-shadow: inset 0 0 25px #9ebf88; box-shadow: inset 0 0 25px #9ebf88; }


.hocom-box { margin: 10px 0px 4px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1);  position: relative; }
	.hocom-box-content {  padding: 10px 6px 6px 7px;min-height:95px;}
		.hocom-box-content strong { color: #000000; font-weight: bold;padding:0 0 0 8px; }
		.hocom-box-content .holabel {background-color:#50a3a7;font-size:11px;}

.hocom-info { border: 1px solid #d9f0f1; }
	.hocom-info .hocom-box-content { color: #000000; background: #b9e2e4; border: 1px solid #ffffff; -moz-box-shadow: inset 0 0 35px #86c9cd; -webkit-box-shadow: inset 0 0 35px #86c9cd; box-shadow: inset 0 0 35px #86c9cd; }
		.hocom-info .hocom-box-content h2  { color: #000000;text-align: center;font-size:25px;margin-top:8px;margin-bottom:6px; }

.hocom-box-content i {padding:0 6px 0 0px;}

.ho-roominfo {margin:5px 0 6px 0px;padding:0 0 0 2px;}
.ho-roominfoall {margin:5px 0 35px 0px;padding:0 0 0 2px;}
.ho-roominfo ul {margin:5px -12px 6px 0px;padding:0 0 0 5px;}
.ho-roominfo02 {padding:0 8px 6px 6px;margin:0 0 0 0px;}
.ho-roominfo03 {background:#f3f0f0;margin:0 0 0 0px;padding:0 0 0 5px;border: 1px solid #dddddd;border-color: #dddddd #dddddd #dddddd #dddddd;  border-radius: 0 0 6px 6px;min-height:45px; }
.ho-nav 
{
  margin:0 0 5px 0px;  
  padding:0 0 0 0px;
  list-style: none;
  font-weight:bold;
}


.ho-nav-tabs  
{
  background-image: -webkit-linear-gradient(bottom, color-stop(#efefef 20%), color-stop(#ffffff 100%));
  background-image: linear-gradient(to top, #efefef 20%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  margin-bottom: -1px;
  color: #555555;
  margin-right: -5px;
  border: 1px solid #dddddd;
  border-color: #dddddd #dddddd #dddddd #dddddd;
  border-radius: 6px 6px 0 0;    
  min-height:55px;
  padding:17px 0 0 14px;
}
.ho-nav-tabs.active  
{
  color: #aa0a0a;
}

.ho-nav-tabs01  
{
  background-image: -webkit-linear-gradient(bottom, color-stop(#d7e2c9 20%), color-stop(#ffffff 100%));
  background-image: linear-gradient(to top, #d7e2c9 20%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  margin-bottom: -1px;
  margin-top:-10px;
  color: #555555;
  margin-right: -5px;
  border: 1px solid #dddddd;
  border-color: #dddddd #dddddd #dddddd #dddddd;
  border-radius: 6px 6px 0 0; 
  font-size:16px;   
  min-height:55px;
  padding:17px 0 0 10px;  
}

.ho-nav-tabs01  dt {float:left;clear:both;}
.ho-nav-tabs01  dd {text-align:right;color:#a4ab9c;font-size:14px;padding-top:4px;padding-right:20px;}



.ho-nav-select {height:22px; vertical-align:middle; color:#545454; border:1px solid #dadada; font-size: 1em;padding:2px 0 0 5px;margin:10px 0 2px 0px;font-size:11px;width:116px;}
.ho-nav-select dl {padding:1px 0 0 0px;}
.ho-nav-select dt {float:left;clear:both;font-weight:normal;cursor:pointer;margin-top:-2px;}
.ho-nav-select dd {text-align:right;font-size:6px;padding:0 5px 0 0px;}



.ho-nav-select01 {z-index: 152; height:22px; vertical-align:middle; color:#545454; border:1px solid #dadada; font-size: 1em;padding:2px 0 0 5px;margin:17px 0px 2px 0px;font-size:11px;width:79px;}
.ho-nav-select01 dl {padding:2px 0 0 0px;}
.ho-nav-select01 dt {float:left;clear:both;font-weight:normal;cursor:pointer;}
.ho-nav-select01 dd {text-align:right;font-size:6px;padding:0 5px 0 0px;}



.ho-select {cursor:pointer;height:22px; vertical-align:middle; color:#545454; border:1px solid #dadada; font-size: 1em;padding:2px 0 0 5px;margin:0 0 6px 0px;font-size:11px;}
.ho-select dl {padding:2px 0 0 0px;}
.ho-select dt {float:left;clear:both;font-weight:normal;}
.ho-select dd {text-align:right;font-size:6px;padding:0 5px 0 0px;}


.ho-roomavailmon {padding:6px 0 0 0px;margin:0 0 0 0px;}
.ho-roomavailmon dl{float:left;width:40%;margin:0 0 0 0px;padding:0 0 0 0px;}
.ho-roomavailmon dl dt{height:30px;text-align :center;font-size:22px;color:#cacaca;}
.ho-roomavailmon dl dd{text-align:center;}

.ho-roomavailmon .bl-month {float:left;width:60%;margin:0 0 0px 0px;padding:0 0 0 6px;}
.ho-roomavailmon dl dt.bl-month-year {font-size:14px;text-align:left;color:#666666;padding:6px 6px 0 0px;}
.ho-roomavailmon dl dd.bl-month-month {font-size:11px;text-align:left;font-weight:bold;}
.ho-roomavailmon dl dt.bl-month-sun {color:#cb2314;}





.ho-roomavail01 {padding:5px 0 0 0px;}
.ho-roomavail01 dl {float:left;margin:0 0 0 0px;}
.ho-roomavail01 dl.active {background:#b9c4b3;border-left:1px solid #ffffff;}
.ho-roomavail01 dl dt{height:24px;padding:8px 2px 0 4px;text-align:center;}
.ho-roomavail01 dl dd{height:40px;padding:8px 2px 0 4px;}
.ho-roomavail01 dl dt.bl-month-sun {color:#cb2314;}

.ho-avairom {padding:0 0 0 10px;}
.ho-avairoom .bl-month {float:left;width:45px;margin:0 0 0px 0px;}
.ho-avairoom dl dt.bl-month-year {font-size:11px;text-align:left;}
.ho-avairoom dl dd.bl-month-month {font-size:11px;text-align:left;font-weight:bold;}
.ho-avairoom dl dt.bl-month-sun {color:#cb2314;}
.ho-avairoom dl{float:left;}
.ho-avairoom dl dt{width:29px;height:24px;text-align :center;}
.ho-avairoom dl dd{text-align:center;}

.ho-avairoom i {color:#cccccc;cursor:pointer;}
.ho-avairoom span {color:#ffffff;}


.ho-modal {background:#f7f7f7;min-height:30px;}
.modal-title span {padding:0 10px 0 0px;}


/*hotel information end*/








/* Base class */
.bs-docs-example {
  position: relative;
  margin: 5px 0;
  padding: 30px 19px 8px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size:12px;line-height:19px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content: "옵션상품 상세설명";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}
/* Base class */
.pick-docs-example {
  position: relative;
  margin: 0px 0 0 0px;
  padding: 30px 19px 8px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size:12px;line-height:19px;
}

/* Echo out a label for the example */
.pick-docs-example:after {
  content: "픽업장소 안내";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Base class */
.bl-month-example {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 2px 19px 8px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size:12px;line-height:11px;min-height:76px;
}

/* Echo out a label for the example */
.bl-month-example:after {
  content: "블럭 현황";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}
.bl-month-example .bl-month {float:left;width:28px;margin:0 0 0px 0px;}
.bl-month-example span {color:#cccccc;cursor:pointer;}
.bl-month-example dl dt.bl-month-year {font-size:11px;text-align:left;}
.bl-month-example dl dd.bl-month-month {font-size:11px;text-align:left;font-weight:bold;}
.bl-month-example dl dt.bl-month-sun {color:#cb2314;}
.item dl{margin:0 0 0 0px;}

.sr-nav-tabs {
  margin:0 0 7px 60px;
}
.sr-nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  padding:0 0 0 0px;
}
.sr-nav-tabs > li > a 
{
  color: #555555;
  margin-right: 2px;
  line-height: 12px;
  background-color: #ffffff;
  border: 1px solid #dddddd;

    padding:5px 15px 4px 15px;
}
.sr-nav-tabs > li > a:hover {
  border-color: #dddddd #dddddd #dddddd #dddddd;
  
}
.sr-nav-tabs > li.active > a,
.sr-nav-tabs > li.active > a:hover,
.sr-nav-tabs > li.active > a:focus {
  color: #555555;
  font-weight:bold;
  background-color: #ffffff;
  border: 0px solid transparent;
  border-radius: 2px 2px 0 0;
  cursor: default;
  padding:7px 25px 4px 15px;
}

.bl-month-example dl {float:left;width:22px;}
.bl-month-example dl dt{font-size:11px;text-align:center;height:20px;}
.bl-month-example dl dd{font-size:11px;text-align:center;color:#b5271a;}
.show-grid 
{
  margin-left: 1px;
  margin-bottom: 3px;
}
.show-grid [class^="col-"] 
{

  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  margin-bottom: 6px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;

}
.show-grid dl {background-color: #ffffff;padding:8px 0px 8px 0px;margin:0 0 1px 0px;}
.show-grid dl dt {float:left;clear:both;font-weight: normal;padding:0 0 0 6px;width:72px;font-size:11px; }
.show-grid dl dt.sr-ddetail {width:65px; }
.show-grid dl dd {padding:0 10px 0px 10px;font-size:11px;}
.show-grid dl dd.sr-price {text-align:right;color: Red;font-size:12px;}



.show-gridone
{

  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  margin-bottom: 6px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;

}
.show-gridone dl {float:left;background-color: #ffffff;padding:8px 0px 8px 0px;margin:0 0 1px 0px; width:100%}
.show-gridone dl dt {font-weight: normal;padding:0 0 0 6px;font-size:11px; }
.show-gridone dl dt.sr-ddetail {width:65px; }
.show-gridone dl dd {padding:0 10px 0px 10px;font-size:11px;}
.show-gridone dl dd.sr-price {padding:0 10px 0px 10px;text-align:right;color: Red;font-size:11px;}






.de-info { border: 1px solid #e0dddd;background-color: #ffffff;padding:4px 3px 3px 3px; }
.de-info01 { font-size:11px;padding:12px 3px 3px 3px; }
.de-info02 { font-size:11px;border: 1px solid #e0dddd;background-color: #ffffff;padding:10px 3px 3px 10px;margin:0 0 4px 0px;min-height:65px; }
.et-mappickup { margin:0 0 0 0px; }




.pr-box { margin: 0px 0px 0px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 12px; position: relative; }
	.pr-box-content { text-shadow: 1px 1px 1px #ffffff; padding: 6px 6px 4px 5px; }
	.pr-box-content strong { color: #000000; font-weight: bold;}

.pr-info { border: 1px solid #e0dddd;margin:0 0 0px 0px; }
	.pr-info .pr-box-content { color: #000000;background: #eeeeee; border: 1px solid #e0e0e0; -moz-box-shadow: inset 0 0 25px #c5c5c5; -webkit-box-shadow: inset 0 0 25px #c5c5c5; box-shadow: inset 0 0 25px #c5c5c5; }
    .pr-info .pr-box-content h1, .pr-info .pr-box-content h2, .pr-info .pr-box-content h3, .pr-info .pr-box-content h4, .pr-info .pr-box-content h5, .pr-info .pr-box-content h6 { color: #000000;text-align: center; }
 
 
.pick-box { margin: 0px 0px 0px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 12px; position: relative; }
	.pick-box-content { text-shadow: 1px 1px 1px #ffffff; padding: 6px 6px 4px 5px; }
	.pick-box-content strong { color: #000000; font-weight: bold;cursor:pointer; }

.pick-info { border: 1px solid #e0dddd;padding:0 0 0px 0px; }
	.pick-info .pick-box-content { color: #000000;background: #eeeeee; border: 1px solid #e0e0e0; -moz-box-shadow: inset 0 0 25px #c5c5c5; -webkit-box-shadow: inset 0 0 25px #c5c5c5; box-shadow: inset 0 0 25px #c5c5c5; }

 
 
 
 
 
 
 
 
     

.bo-box { margin: 0px 0px 2px 0px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 12px; position: relative; }
	.bo-box-content { text-shadow: 1px 1px 1px #ffffff; padding: 0px 0px 0px 2px;min-height:125px; }
    .bo-box-content dl {background-color: #ffffff;padding:8px 10px 8px 0px;margin:0 0 1px 0px;}
    .bo-box-content dl dt {float:left;clear:both;font-weight: normal;padding:0 0 0 6px;width:130px; }
    .bo-box-content dl dd {padding:0 2px 0px 10px;}
    .bo-box-content dl dd.sr-price {text-align:right;}
.bo-info { border: 1px solid #e0dddd; }


.accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: center;
    color: #bebebe;
}

.accordion-toggle.collapsed:after {

    content: "\e114";
}

.top-notice {

    background: #d5c7a5;color:#000000;
}

.portfolio-items a{position:relative;display:block;color:#fff;overflow:hidden}
.portfolio-items .portfolio-overlay{width:100%;height:100%;top:0;left:-100%;position:absolute;display:block;z-index:4;background:url(../images/css/thumb_over.png) no-repeat scroll center 42% #4e808e;background-size:auto 20%;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.portfolio-items a:hover .portfolio-overlay{opacity:.95;filter:alpha(opacity=95);left:0}
.portfolio-items h4{color:#fff;text-transform:uppercase;font-size:12px;line-height:14px;font-weight:600;text-align:center;top:54%;border-top:1px solid #fff;margin-left:15%;margin-right:15%;width:70%;padding-top:15px;font-weight:bold;position:absolute}
.portfolio-items .mix{opacity:0;display:none}
.portfolio-item-details{background-color:#f1f1f1;padding:15px;margin-bottom:50px;display:none}
.portfolio-item-details .close-portfolio{text-align:right}
.portfolio-item-details .close-portfolio span{border:2px solid #292929;color:#292929;display:block;font-family:"Tahoma",Helvetica,sans-serif;font-size:22px;font-weight:bold;height:25px;line-height:1.1em;padding:5px;text-align:center;text-decoration:none;text-indent:1px;text-transform:uppercase;width:25px;float:right;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;text-indent:-99999px;background:url("../images/css/cls.png") no-repeat center center}
.portfolio-item-details .close-portfolio span:hover{opacity:.5}
.portfolio-item-details h5{margin-top:10px;margin-bottom:0}
.portfolio-item-details article{margin-top:15px}
.portfolio-item-details .website h5{line-height:20px;margin-top:15px}
.portfolio-item-details .website a{font-size:13px;line-height:15px;font-weight:bold}
.portfolio-item-details .social-icons{margin:40px 0}
.portfolio-item-details .submenu{text-align:left}
.portfolio-item-details .submenu span{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:bold;text-transform:uppercase;line-height:28px;letter-spacing:1px;color:#fff;padding:3px 8px;margin:0;position:relative;background-color:#bbb}
.portfolio-item-details .submenu span:hover{text-decoration:none}








.detailroom {
cursor:pointer;

}