/**=====================================================================*\
|| Designed By Sefaresh.Net                                             ||
\*=====================================================================**/    
/* main layout */
html { height:100%; min-height:100%; border-bottom:1px solid transparent; }
.modal { display: none; position: absolute; z-index: 1000000; }
.modal-bg { background: #fff; opacity: 0.8; position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 9999999; }
.modal-box { position: fixed; z-index: 99999999; top: 50%; right: 50%; background: #333; border-radius: 4px; width: 360px; height: 275px; margin-top: -130px; margin-right: -180px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); transition: .5s cubic-bezier(0.2, 1.12, 0.62, 1.35); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(600) scale(0.5) rotateX(-90deg); -moz-transform: perspective(600) scale(0.5) rotateX(-90deg); transform: perspective(600) scale(0.5) rotateX(-90deg); -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center; }
.modal-title { position: relative; background: #0087AD; padding: 5px 12px 9px 12px; border-bottom: 1px solid #01A1CE; color: #fff; font-size: 17px; border-radius: 4px 4px 0 0; }
.modal-content { padding: 8px 12px; color: #fff; }
.modal-close { position: absolute; top: 7px; right: 7px; width: 20px; height: 20px; background: url('../images/close.png') center center no-repeat; cursor: pointer; transition: .3s; }
.modal-close:hover { background-color: rgba(255,255,255,.2); opacity: .5; }

.clear { clear: both; }
.overflow { overflow: hidden; }
.khWrap {max-width: 1200px}
#khFooter {  width: 100% !important;}
#khFooter > div {  border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px;}
#khMainBlock { margin-top:0px!important; margin-bottom: 15px!important;}
#khContentMainbody {}
#khComponentWrap { padding:0!important; }
.khWrap { margin: 0 auto; }
.clearfix:after,
.khWrap:after,
.khMain:after,
#khComponentWrap:after,
#khContentMainbody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#khTop1,
#khTop2,
#khUser1,
#khUser2,
#khBottom1,
#khBottom2,
#khMainBlock,
#khLeftMiddle,
#khRightMiddle { display: block; width: 100%; }
#khTop1,
#khTop2 { margin-bottom:10px; }
#khUser1,
#khUser2 { margin-top: 10px; }
#khBottom2 { margin-top: 10px; }
#khTop1 > div, 
#khTop2 > div, 
#khUser1 > div,
#khUser2 > div { padding: 0; }
.khCol {
  box-sizing: border-box;
  display: block;
  float: right;
  width: 100%;
}
#khBottom1,
#khBottom2 {}
#khBottomWrap > div:first-child { margin-top: 0; }
#khMainbodyBottom { margin-top: 10px; }
#khLeft { padding:0 !important; width: 24% !important;}
#khRight {  padding: 0 5px;}
#khLeftRight {  width: 100% !important;} 
#khLeftLeft { 
  float: left;
  width: 33% !important;
}

#khInset1 { padding-right: 0px!important; }
#khInset2 { padding-left: 20px!important; }
#khContentTop{margin-bottom: 10px !important}
#khContentBottom {margin-top:10px !important;}
#khContent {padding:0 !important;/*border: 1px solid #eee;*/ border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.khContentL { padding-left: 10px!important; }
.khContentR { padding-right: 10px!important; }
.khContentRL { padding-left: 10px!important; padding-right: 10px!important; }
/* USER/TOP/BOTTOM columns */
.khColFull > .box,
.khColLeft > .box,
.khColCenter > .box,
.khColRight > .box { margin-left: 0; }
.khColLeft > .box { margin-left: 0; }
.khColRight > .box { margin-right: 0; }
.khColFull > .box { margin-left: 0; margin-right: 0; }

.khColLeft > div {margin-right: 1px!important}
.khColCenter > div  {margin-left: 0px!important; margin-right: 0px!important}
.khColRight > div  {margin-left: 1px!important}
.Middle-ostan {  border: 1px solid #ccc; border-radius:5px; display: block;  float: right;  height: auto;  margin: 5px auto;  overflow: hidden;  padding: 0;  width: 99.5%;}
#khRight > div:first-child, 
#khLeft > div:first-child { margin-top: 0; }
/* TBLR */
.khPaddingT { padding-top: 20px!important; }
.khPaddingB { padding-bottom: 20px!important; }
.khPaddingL { padding-left: 20px!important; }
.khPaddingTB { padding-top: 20px!important; padding-bottom: 20px!important; }
.khPaddingTL { padding-top: 20px!important; padding-right: 20px!important; }
.khPaddingTR { padding-top: 20px!important; padding-right: 20px!important; }
.khPaddingBL { padding-bottom: 20px!important; padding-left: 20px!important; }
.khPaddingBR { padding-bottom: 20px!important; padding-right: 20px!important; }
.khPaddingLR { padding-left: 20px!important; padding-right: 20px!important; }
.khPaddingTBL { padding-top: 20px!important; padding-bottom: 20px!important; padding-left: 20px!important; }
.khPaddingTBR { padding-top: 20px!important; padding-bottom: 20px!important; padding-right: 20px!important; }
.khPaddingTLR { padding-top: 20px!important; padding-left: 20px!important; padding-right: 20px!important; }
.khPaddingBLR { padding-bottom: 20px!important; padding-left: 20px!important; padding-right: 20px!important; }
.khPaddingTBLR { padding: 20px!important; }

.khMarginT { padding-top: 20px!important; }
.khMarginB { padding-bottom: 20px!important; }
.khMarginL { padding-left: 20px!important; }
.khMarginR { padding-right: 20px!important; }
.khMarginTB { padding-top: 20px!important; padding-bottom: 20px!important; }
.khMarginTL { padding-top: 20px!important; padding-right: 20px!important; }
.khMarginTR { padding-top: 20px!important; padding-right: 20px!important; }
.khMarginBL { padding-bottom: 20px!important; padding-left: 20px!important; }
.khMarginBR { padding-bottom: 20px!important; padding-right: 20px!important; }
.khMarginLR { padding-left: 20px!important; padding-right: 20px!important; }
.khMarginTBL { padding-top: 20px!important; padding-bottom: 20px!important; padding-left: 20px!important; }
.khMarginTBR { padding-top: 20px!important; padding-bottom: 20px!important; padding-right: 20px!important; }
.khMarginTLR { padding-top: 20px!important; padding-left: 20px!important; padding-right: 20px!important; }
.khMarginBLR { padding-bottom: 20px!important; padding-left: 20px!important; padding-right: 20px!important; }
.khMarginTBLR { padding: 20px!important; }
/**=====================================================================*\
|| This template for joomla and design by - http://www.khalilan.com     ||
|| #################################################################### ||
|| # the theme re desing for (t)tdatalife by www.hanweb.ir              ||
|| #################################################################### ||
|| The new structural framework Tiam, working Powered by Khalilan Media ||
\*=====================================================================**/  

.cols-1 { display: block; float: none !important; margin: 0 !important; }
.cols-2 .column-1 { width:46%; float:left; }
.cols-2 .column-2 { width:46%; float:right; margin:0 }
.cols-3 .column-1 { float:left; width:29%; padding:0px 5px; margin-right:4% }
.cols-3 .column-2 { float:left; width:29%; margin-left:0; padding:0px 5px }
.cols-3 .column-3 { float:right; width:29%; padding:0px 5px }
.items-row { padding-bottom:10px !important; }
.column-1,
.column-2,
.column-3 { padding:0 }
.column-2 { width:55%; margin-left:40%; }
.column-3 { width:30% }
.blog-more { padding:10px 5px }