/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/


/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menus
----------------------------------------------------------------------------------------------------*/


/* Modules
----------------------------------------------------------------------------------------------------*/


/* Tools
----------------------------------------------------------------------------------------------------*/


/* System
----------------------------------------------------------------------------------------------------*/

.spotlight .image_hover > div {
    padding: 0 !important;
}
.pagination {
  margin-top: 25px;
  text-align: center;
}
.pagination a {
  border: 1px solid;
  margin: 0 5px;
  padding: 3px 8px;
}

.pagination .current, .pagination .disabled, .pagination a:hover {
  margin: 5px;
  padding: 4px 8px;
  background:#dedede;
}
.pagination .disabled {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid;
}
#designs .design {
    float: left;
}
#designs .design .inner_design {
  background-color: #EEEEEE;
  box-shadow: 1px 1px 3px #C5C5C5;
  margin: 5px;
  padding: 15px 16px;
  text-align:center;
}
#designs .design .inner_design img {
  margin: 0 auto;
  width:263px;
}
#designs .clear {
    clear: both;
}
#designs .design .inner_design.right {
    margin-right: 0;
}
#designs .design .inner_design.left {
    margin-left: 0;
}
#designs .button , .button{
  border: 0 none;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 2px 2px #999999;
  cursor: pointer;
  margin: 10px 0 0;
  padding: 5px 8px;
  background:#dedede;
}

#designs .design_content{
	vertical-align:middle;
	color:#313131;
}
#designs .img_content{
	margin-bottom:10px;
	cursor:pointer;
	display:table;
	overflow:hidden;
	width:100%;
	text-align:center;
}
#headerbar .grid-block{
    padding: 10px 0 !important;
} 

#headerbar .grid-block select{
    margin: 23px 0 0 20px;
}

#logo{
    position: inherit;
    top: 10px;
}

/* custom Css by swapnil */
/*
 * toolbar
 */
#header {
    display: none;
}
#toolbar {
    height: 56px;
    /*padding: 0 !important;*/
    overflow: hidden;
    background: #0E2041;
    background: -moz-linear-gradient(top,#010620,#0E2041);
    background: -webkit-linear-gradient(top,#010620,#0E2041);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#010620),color-stop(1,#0E2041));
    background: linear-gradient(top,#010620,#0E2041);
    -webkit-box-shadow: 0 0 0 1px #6E72A0, 0 0 0 #6E72A0;
    -moz-box-shadow: 0 0 0 1px #6E72A0, 0 0 0 #6E72A0;
    box-shadow: 0 0 4px #6E72A0;
}
#toolbar .grid-block{
/*    padding: 10px 0 !important;*/
    max-width: 1200px;
    color: #666;
/*    text-shadow: 0 1px 0 rgba(0,0,0,0.4); */
    background: none;
    margin: 0 auto;
}

#toolbar .logo,
#toolbar .slot,
#toolbar .theme-selector,
#toolbar .preset-selector,
#toolbar .system-selector,
#toolbar .join { float: left; }

#toolbar .logo { margin-right: 10px; }

#toolbar .slot {
width: 55%;
float:right;
	height: 38px;
	margin-top: 8px;
	border: 1px solid #373A3C;
	border-top-color: #2D3032;
	border-bottom-color: #5A5D5F;
	background: #24283C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#toolbar .theme-selector {
	width: 170px;
	height: 38px;
	background: url(../img/theme_selector.png) 0 0 no-repeat;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	line-height: 38px;
	text-indent: 10px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
        color: #fff;
}

#toolbar .theme-selector:hover,
#toolbar .theme-selector.active { background-position: 0 -48px; }

#toolbar .preset-selector {
	display: none;
	max-width: 485px;
	width: auto;
	padding-left: 5px;
	background: #323537;
}

#toolbar .preset {
	width: 35px;
	height: 38px;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	float: left;
	cursor: pointer;
}
#toolbar .preset:hover,
#toolbar .preset.selected {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

#toolbar .preset .image {
	width: 28px;
	height: 28px;
	margin: 5px 0 0 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	float: left;
        background-size: 28px 28px !important;
}

#preset-preview {
	display: none;
	position: absolute;
	z-index: 101;
	width: 202px;
	height: 152px;
	padding: 14px;
	border: 1px solid #1E2123;
	background: #3C3F41 url(../images/loader1.gif) 50% 50% no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.9);
	box-shadow: 0 2px 15px rgba(0,0,0,0.9);
	overflow: hidden;
}

#preset-preview img {
	width: 200px;
	height: 150px;
	border: 1px solid #000000;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.8);
	box-shadow: 0 0 7px rgba(0,0,0,0.8);
	overflow: hidden;
}

.system-selector {
	width: 73px;
	height: 38px;
	padding-left: 7px;
	background: url(../images/system_selector.png) 0 0 no-repeat;
}

#toolbar .system {
	width: 30px;
	height: 38px;
	margin-left: 2px;
	background: url(../images/system.png) 0 0 no-repeat;
	float: left;
	cursor: pointer;
}
#toolbar .system.active { cursor: default; }

#toolbar .system.joomla {}
#toolbar .system.joomla:hover { background-position: -30px 0; }
#toolbar .system.joomla.active,
#toolbar .system.joomla.active:hover { background-position: -60px 0; }

#toolbar .system.wordpress { background-position: -90px 0; }
#toolbar .system.wordpress:hover { background-position: -120px 0; }
#toolbar .system.wordpress.active,
#toolbar .system.wordpress.active:hover { background-position: -150px 0; }

#toolbar .join { margin: 13px 0 0 20px; }

#toolbar.only-joomla .preset-selector { width: 455px; }
#toolbar.only-joomla .system-selector { width: 41px; }

#toolbar.no-presets .system-selector { margin-left: 428px; }
#toolbar.only-joomla.no-presets .system-selector { margin-left: 460px; }

/*
 * themebox
 */

#themebox {
   	display: none;
	position: absolute;
	z-index: 100;
	width: 710px;
        padding-top: 20px;
        background: none;
}

.themebox-inner{
        border: 1px solid #1E2123;
	background: rgb(60, 63, 65);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.9);
	box-shadow: 0 2px 15px rgba(0,0,0,0.9);
	overflow: hidden;
}

#theme-preview,
#theme-lists { float: left; }

/* theme preview */
#theme-preview {
	width: 202px;
	height: 390px;
	padding: 19px;
/*	background: url(../images/theme_preview.png) 0 0 repeat-x; */
        background: rgba(36, 40, 60, 0.32);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 3px;
}

#theme-preview .image {
	position:relative;
	/*width: 200px;*/
	height: 150px;
	margin-bottom: 20px;
	border: 1px solid #000000;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.8);
	box-shadow: 0 0 7px rgba(0,0,0,0.8);
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-size:100% !important;
}

#theme-preview .image .uk-overlay-panel{text-align:center;font-size:16px;padding-top: 50px; color:#fff;background: rgba(0,0,0,.5);}
#theme-preview .image .uk-overlay-panel{display:none;}
#theme-preview .image:hover .uk-overlay-panel{display:block;}

#theme-preview .name {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 18px;
	line-height:24px;
}

#theme-preview .framework,
#theme-preview .system,
#theme-preview .description {
	line-height: 15px;
	color: #d4d4d4; font-size: 11px; 
}

#theme-preview .framework { margin-bottom: 5px; }
#theme-preview .framework strong,
#theme-preview .system strong {
	text-transform: uppercase;
	font-weight: normal;
	color: #ffffff;
}

#theme-preview .description {}

#theme-preview .join {
	position: absolute;
	left: 55px;
	bottom: 15px;
	width: 130px;
}

/* theme lists */
#theme-lists {
	width: 400px;
	height: 383px;
	padding: 15px 0px 20px 20px;
	overflow: hidden;
}
#theme-lists h1.category{margin:0 0 10px;}
#theme-lists  #columns .column:nth-child(2n)  h1.category{visibility:hidden;}
#theme-lists  #columns .column:nth-child(2n)  h1.cat-start.category{visibility:visible !important;}
#theme-lists .column {
	width: 150px;
	float: left;
}

#theme-lists .column ul {
	margin: 0;
	padding: 0 20px 0 0;
	list-style: none;
	cursor: pointer;
}

#theme-lists .column li.category ,#theme-lists .column li.category-date {
	/*height: 15px;*/
	margin: 2px 0 8px 0;
	border-bottom: 1px solid #46494B;
	line-height: 15px;
	font-size: 13px;
	color: #ddd;
	text-align: right;
	cursor: default;
}
#theme-lists .column li.category-date{
    text-align: left;
}

#theme-lists .column li.theme {
	height: 25px;
	margin-bottom: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 25px;
	text-indent: 10px;
	color: #96999B;
	font-size: 13px;
}

#theme-lists .column li.theme:hover,
#theme-lists .column li.theme.selected {
	color: #ffffff;
	background: #2D3032;
}

/* theme navigation */
#theme-navigation {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#theme-navigation div {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	background: url(../images/navigation.png) 0 0 no-repeat;
	float: left;
	cursor: pointer;
	color: #96999B;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	font-size: 23px;
	line-height: 22px;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#theme-navigation div:hover { background-position: 0 -35px; }

.grid-box{ float : none; }

#overlay {
	position: absolute;
	z-index: 98;
	background-color: #00050A;
	opacity: 0.4;
	filter: Alpha(Opacity=40);
}

#loadinfo {
	position: absolute;
	z-index: 99;
	width: 160px;
	height: 100px;
	border: 1px solid #323537;
	border-top-color: #46494b;
	border-bottom-color: #282b2d;
	background: #1e2123 url(../images/loader2.gif) 50% 50% no-repeat;
	background: rgba(30,33,35,0.9) url(../images/loader2.gif) 50% 50% no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 15px rgba(0,0,0,1);
	-moz-box-shadow: 0 2px 15px rgba(0,0,0,1);
	box-shadow: 0 2px 15px rgba(0,0,0,1);
	visibility: hidden;
	text-align: center;
	color: #ccc;
	font-size: 30px;
}
@media (min-width: 959px) and (max-width:1220px)
{
	#toolbar .slot{float: left;}
	#themebox{left: 300px !important}
	#toolbar .logo {
  margin-right: 0;
  width: 300px;
}
/*	#themebox {
  left: auto;
  max-width: 570px;
  right: 0;
  width: 100%;
}
#theme-preview{width:33%;}
#theme-lists{width:55%;}
#theme-preview .image{width: auto;}
#theme-lists .column{width: 165px;}*/
}
@media (min-width: 768px) and (max-width:958px)
{
		#toolbar .slot{float: left;}
	#themebox{left: 215px !important}
	#toolbar .logo {
  margin-right: 0;
  width: 215px;
}
#themebox {
    left: 215px !important;
    max-width: 550px !important;
}
#theme-preview {
  height: auto;
  width: 100%; padding: 10px;
}
#theme-preview .image {
  float: left;
  width: 200px; margin-bottom: 0px;
}
#theme-preview .name {
  float: left;
  padding-left: 30px;
}
#theme-preview .description {
  float: left;
  margin-left: 30px;
}



}
/*@media (max-width: 767px)
{
	#toolbar{height: auto;}
	#toolbar .logo {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#logo .custom-logo {
  height: 55px;
}
	#toolbar .slot {
  width: 100% !important;   margin-top: 0;
}
#themebox{left: 0 !important;  max-width: 100%;}
#theme-navigation {
  bottom: 10px;
  left: 10px;
  position: absolute;
}
}

*/

#theme-preview ul{padding-left: 13px;}

.tm-logo{
    float: left;
    padding: 6px 0 5px;
}
.tm-logo img {
    height: 44px;
    padding-top: 3px;
}
.tm-logo h2, .tm-logo-small h2 {
  line-height: 65px;
}

@media (max-width: 767px) {
.tm-logo h2, .tm-logo-small h2 {
  line-height: 33px; }
}

html{
    margin: 0!important;
}