/*
Theme Name: Kids Voice School
Theme URI: http://showcase.themesonwheels.com/kids/
Author: Aislin Themes
Description: The 2013 theme for WordPress.
Version: 1.6.0
Author: Aislin Themes
Author URI: http://themeforest.net/user/Aislin
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, right-sidebar, fixed-width, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* ============================================================================================= */
/* =====>>> Table of contents <<<=============================================================== */
/*
			BASE
				Reset
				Tools
			
			DEFAULT STYLES
				Typography
				Images
				Tables
				Forms
			
			GLOBAL LAYOUT			
				Structure
				Body section
				Header section
				Content section
				Footer section
				
			PAGE SPECIFIC LAYOUT
				Home
					sliders
				About
				Page Styles
				Portfolio
				Blog
					post
					comments
					widgets
				Contact
				Extras

                        RESPONSIVE

*/
/* ============================================================================================= */


/* ============================================================================================= */
/* =====>>> BASE <<<============================================================================ */
/* ============================================================================================= */

/* ----->>> RESET <<<--------------------------------------------------------------------------- */

/* By Eric Meyer */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Add permanent vertical scrollbar to Firefox */
html { overflow: -moz-scrollbars-vertical; }


/* ----->>> TOOLS <<<--------------------------------------------------------------------------- */

/* Clearfix */
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0; 
}
.clearfix { 
	display: inline-block; 
}
html[xmlns] .clearfix { 
	display: block;
	margin: 0; 
	clear:both;
}
* html .clearfix { 
	height: 1%; 
}


/* ============================================================================================= */
/* =====>>> DEFAULT STYLES <<<================================================================== */
/* ============================================================================================= */ 


/* ----->>> TYPOGRAPHY <<<---------------------------------------------------------------------- */


/* --------------- Font Embeding */

@font-face {
    font-family: 'TOONISH';
    src: url('css/TOONISH.eot');
    src: url('css/TOONISHd41d.eot?#iefix') format('embedded-opentype'),
         url('css/TOONISH.ttf') format('truetype'),
         url('css/toonish-webfont.svg#TOONISH') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Throw_My_Hands_Up_in_the_Air';
	src: url('css/Throw_My_Hands_Up_in_the_Air.eot');
	src: local('☺'), url('css/Throw_My_Hands_Up_in_the_Air.ttf')
		format('truetype');
	font-weight: normal;
	font-style: normal;
}

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

body {
	font-size: 14px;
	line-height: 18px;
	font-family: Georgia, Helvetica, sans-serif;
	font-weight: normal;
	color:#3F3F3F;
}
input, select, textarea, button { 
	margin: 0;
	font-size: 12px; 
	line-height: 18px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	font-weight: normal; 	
}
h1 { margin: 0 0 27px 0; font-size: 36px; line-height: 36px; font-weight: normal; }
h2 { margin: 0 0 18px 0; font-size: 26px; line-height: 26px; font-weight: normal; }  
h3 { margin: 0 0 16px 0; font-size: 22px; font-weight: normal; }
h4 { margin: 0 0 12px 0; font-size: 14px; font-weight: bold; }
h5 { margin: 0 0 8px 0; font-size: 10px; font-weight: bold; }
h6 { margin: 0 0 3px 0; font-size: 9px; font-weight: bold; }

h1, h2, h3, h4, h5, h6{font-family: Georgia, "Times New Roman", Times, serif; }

ul { margin: 0 0 18px 2em; list-style-type: disc; }
ol { margin: 0 0 18px 2em; list-style-type: decimal; }
dl { margin: 0 0 18px 0; }

p { margin: 0 0 18px 0; }
address { margin: 0 0 18px 0; }

dfn { font-style: italic; }

pre, code { 
	overflow: auto; 
	font-family: "Lucida Console", Courier, "DejaVu Sans Mono", monospace; 
	/*white-space: pre;*/ 
	line-height:25px;
}
code { 
    background-color: #FFFFFF;
    border: 1px dotted #999999;
    padding: 2px;
}

blockquote { 
    color: #6B6969;
    font-family: Georgia,serif;
    font-size: 14px;
    font-style: italic;
	font-weight:bold;
    line-height: 21px;
    margin: 0 0 18px;
    min-height: 32px;
    overflow: hidden;
    padding: 13px 0 0 51px;
}
q { font-style: italic; }
cite { font-style: italic; }
a { cursor: pointer; text-decoration: none; display:inline;}
strong { font-weight: bold; font-style: normal; }
em { font-weight: normal; font-style: italic; }
del { text-decoration: line-through; }


/* ----->>> IMAGES <<<-------------------------------------------------------------------------- */

.alignleft { margin: 7px 15px 7px 0; float:left;  }
.alignright {  margin: 0 0 7px 15px; float:right; }
.aligncenter { margin: 7px auto; display:block;  }


/* ----->>> TABLES <<<-------------------------------------------------------------------------- */

table { margin: 0 auto 18px auto; border-collapse: separate; border-spacing: 3px; font-size:12px; }
th { border-width: 0; text-align: left; border-style: solid; }
td, th { padding: 7px 15px; }
th {
	font-size:13px;
	color:#3f3f3f;
}
tr.odd td {
    background-color: #fff;
	color:#949191;
}
tr.even td {
    background-color: none;
	color:#3f3f3f;
}


/* ----->>> FORMS <<<--------------------------------------------------------------------------- */

form { margin: 0 0 18px 0; }
.form-row { margin: 0 0 9px 0; }
legend { margin: 0 0 18px 0; font-size: 18px; font-weight: bold; }
label { 
	margin: 0 0 2px 0; 
	display: block; 
	font-size:11px;
}
input, select, textarea { 
	padding: 6px 10px; 	
	background: #fff; 
	border:1px solid #ddd;
}   

/* --------------- Adapt forms to the grid system */

.c-12 input, .c-12 select, .c-12 textarea, input.u-12, select.u-12, textarea.u-12 { width: 954px; }
.c-11 input, .c-11 select, .c-11 textarea, input.u-11, select.u-11, textarea.u-11 { width: 872px; }
.c-10 input, .c-10 select, .c-10 textarea, input.u-10, select.u-10, textarea.u-10 { width: 790px; }
.c-9 input, .c-9 select, .c-9 textarea, input.u-9, select.u-9, textarea.u-9  { width: 708px; }
.c-8 input, .c-8 select, .c-8 textarea, input.u-8, select.u-8, textarea.u-8  { width: 580px; }
.c-7 input, .c-7 select, .c-7 textarea, input.u-7, select.u-7, textarea.u-7 { width: 544px; }
.c-6 input, .c-6 select, .c-6 textarea, input.u-6, select.u-6, textarea.u-6  { width: 462px; }
.c-5 input, .c-5 select, .c-5 textarea, input.u-5, select.u-5, textarea.u-5  { width: 380px; }
.c-4 input, .c-4 select, .c-4 textarea, input.u-4, select.u-4, textarea.u-4  { width: 298px; }
.c-3 input, .c-3 select, .c-3 textarea, input.u-3, select.u-3, textarea.u-3 { width: 216px; }
.c-2 input, .c-2 select, .c-2 textarea, input.u-2, select.u-2, textarea.u-2  { width: 134px; }
.c-1 input, .c-1 select, .c-1 textarea, input.u-1, select.u-1, textarea.u-1  { width: 52px; }

input[type=checkbox],
input[type=radio],
input[type=image],
input[type=submit],
input[type=file] {
	width: auto;
}

input.input-checkbox, 
input.input-radio , 
input.input-image, 
input.input-submit,  
input.input-file { 
	width: auto;
} 

input[type=image], input.input-image { 	
	padding: 0; 	
	border: none; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0; 
	behavior: url(js/misc/PIE.html);
	background: none;  
}


 
/* ============================================================================================= */
/* =====>>> GLOBAL LAYOUT <<<=================================================================== */
/* ============================================================================================= */
 

/* ----->>> STRUCTURE <<<----------------------------------------------------------------------- */

.wrap{ /* helper - get together content */
    margin: 0 auto;
    position: relative;
    width: 954px;
}
#header { 
    position: relative;
	min-height: 104px; 
    position: relative;
    padding-top: 27px;
	z-index:5;
}
#header .wrap {
    overflow: visible;
}
#header h1 { margin:0px;}
#content {
	position: relative;
	overflow: hidden;
	padding: 25px 0 80px;
	z-index:4;
}
#content.home {
	padding:0;
}
#footer { 
	background: url("images/bg-footer.png") repeat scroll left top transparent;
	overflow: hidden;
	padding: 50px 0 20px;
	position: relative;
	margin-top: -20px;
	z-index: 3;
}

/*---------------- GRID SYSTEM --------------- */

.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { 
	margin: 0 0 0 30px; display: inline; float: left; 
}
.inverse > .c-4{margin: 0; float: left;}
.inverse > .c-8{margin: 0 0 0 30px; float: right;}

.c-1  { width: 52px; }
.c-2  { width: 134px; }
.c-3  { width: 216px; }
.c-4  { width: 298px; }
.c-5  { width: 380px; }
.c-6  { width: 462px; }
.c-7  { width: 544px; }
.c-8  { width: 626px; }
.c-9  { width: 708px; }
.c-10 { width: 790px; }
.c-11 { width: 872px; }
.c-12 { width: 954px; }

.c-1:first-child, .c-2:first-child, .c-3:first-child, .c-4:first-child,
.c-5:first-child, .c-6:first-child, .c-7:first-child, .c-8:first-child,
.c-9:first-child, .c-10:first-child, .c-11:first-child, .c-12:first-child {
	margin-left: 0; 
}

/* ----->>> BODY SECTION <<<-------------------------------------------------------------------- */
html { background: url("images/white-paper-bg.jpg") repeat scroll 0 0 transparent;}
body { background: url("images/header-bckgr.jpg") no-repeat scroll center top transparent;}

/*---------------- META INFORMATION --------------- */
.meta {
	font-size: 10px;
	font-family: Georgia, serif;
	text-transform:uppercase;
	margin-bottom:5px;
	/*clear: both;*/
}
.meta a { color: #6b6969; text-decoration: none !important; }
.meta a:hover { color: #000000; }

/*---------------- ADDITIONAL lLIST STYLES --------------- */
ul.checklist {
	margin-left: 0;
	list-style-type: none;
}
ul.checklist li {
	padding-left: 20px;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
ol.list {
	margin:0 5px;
	font:12px/20px Georgia, "Times New Roman", Times, serif;
	padding:0 0 15px 20px;
}
ul.bullets, ul.arrows, ul.stars, ul.checklist {
	color: #949191;
	margin:0 5px;
	font:12px/20px Georgia, "Times New Roman", Times, serif;
	padding:0 0 20px;
    display: inline-block;
}
ul.bullets li, ul.arrows li, ul.stars li, ul.checklist li {
	list-style:none;
	padding-left:20px;
}
ul.bullets li {
	background-position: 0 -40px;
	background-repeat: no-repeat;
}
ul.arrows li {
	background-position: 0 0;
	background-repeat: no-repeat;
}
ul.stars li {
	background-position: 0 -20px;
	background-repeat: no-repeat;
}
ul.checklist li {
	background-position: 0 -60px;
	background-repeat: no-repeat;
}
  
/*---------------- BUTTONS --------------- */  
.read-more {
    display: inline-block;
    font: 20px/40px "TOONISH",Arial,Helvetica,sans-serif;
    height: 40px;
    padding-right: 50px;
    position: relative;
	text-transform:uppercase;
	text-decoration: none !important;
}
.read-more span.circle-arrow, .button-submit span.circle-arrow  {
    display: inline-block;
    height: 40px;
	width:40px;
    position:absolute;
	top:0;
	right:0;
}

.button-submit {
    display: inline-block;
    font: 15px/40px "TOONISH",Arial,Helvetica,sans-serif;
    height: 40px;
    padding-right: 50px;
    position: relative;
	margin-right:20px;
	text-transform:uppercase;
	text-decoration: none !important;
} 
.button-reset {
    background:url(images/button-clear.png) no-repeat 0 30px;
	color: #8b8b8b;
    display: inline-block;
    font: 15px/40px "TOONISH",Arial,Helvetica,sans-serif;
    height: 40px;
    padding-right: 50px;
	padding-left:10px;
    position: relative;
	text-transform:uppercase;
	text-decoration: none !important;
} 


/*---------------- PAGINATION --------------- */
.pagination {
	width:100%;
	overflow:hidden;
}
.pagination ul {
	position:relative;
	margin:30px auto;
}
.pagination ul li {
	float:left;
	display:inline;
}
.pagination a {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color:#949191;
	display:block;
	padding:7px 5px;
	text-transform:uppercase;
}
.pagination a.previous-1{
	padding:11px 30px 20px 45px;	
	font: 15px "TOONISH",Arial,Helvetica,sans-serif;
	position:relative;
}
.pagination a.previous-1 span.circle-arrow-left {
	height: 40px;
	width:40px;
    position:absolute;
	top:0;
	left:0;
}
.pagination a.next-1 {
    font: 15px "TOONISH",Arial,Helvetica,sans-serif;
    padding: 11px 50px 20px 30px;
    position: relative;
}
.pagination a.next-1 span.circle-arrow {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

/*---------------- DIVIDERS --------------- */
.devider {
    background: url("images/dotted-line.png") repeat-x scroll 0 50% transparent;
    display: block;
    padding: 5px 0;
    text-align: left;
}

/*---------------- SYSTEM MESSAGES --------------- */
.message {
	padding: 9px 15px;
	margin: 0 0 18px 0;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 12px;
	behavior: url(js/misc/PIE.html);
}
.message.success {
	background-color: #CFFEBF;
	border-color: #8FE573;
	color: #005826;
}
.message.info {
	background-color: #BFEBFE;
	border-color: #73C0E6;
	color: #000058;
}
.message.warning {
	background-color: #FCFEBF;
	border-color: #E5D973;
	color: #502800;
}
.message.error {
	background-color: #FFDFDF;
	border-color: #FFA5A5;
	color: #BF0000;
}

/*---------------- PULLQUOTES --------------- */
.pullquote {
	width: 201px;
	font-size: 14px;
	line-height: 21px;
	font-family: Georgia, serif;
	font-style: italic;
	color: #6B6969;
	font-weight: bold;
}
.pullquote.left {
	margin: 18px 30px 18px 0;
	float: left;
}
.pullquote.right {
	margin: 18px 0 18px 30px;
	float: right;
}

/*---------------- TEXT HIGHLIGHTING --------------- */  
span.mark { padding:2px 5px; }


/* ----->>> HEADER SECTION <<<------------------------------------------------------------------ */

/*---------------- LOGO --------------- */
h1 a {
    display: block;
    height: 68px;
    width: 372px;
    z-index: 10;
}


/*---------------- MAIN NAVIGATION --------------- */
#main-navigation {
	position: absolute;
	right: 0;
	top: 29px;
	z-index: 1;
}

/*---------------- Base */
.dd-menu, .dd-menu ul {
    font: 16px TOONISH,"Times New Roman",Times,serif;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.dd-menu li {
	position: relative;
	float: left;
	display:block;
}
.dd-menu li a {
	position: relative;
	display: block;
	float: left;
	text-decoration: none;
}
 
/*---------------- Links level 1 */
.dd-menu li { margin-left: 5px; }
.dd-menu li:first-child { margin-left: 0; }
.dd-menu li a {
	height: 45px;
	line-height: 34px;
	padding: 0 12px;
}

/*---------------- Links level 2,3,4 */
.dd-menu ul li {
	margin: 0;
	float: left;
	display: inline;
	width: 100%;
}
.dd-menu ul a {
	display: block;
	height: auto;
	line-height: 45px;
	padding: 0 10px;
	width: 200px;
}

/*---------------- Submenu level 1 */
.dd-menu ul {
	font: 16px Georgia,"Times New Roman",Times,serif;
	left: 12px;
	top: 30px;
	/*min-width: 150px;*/
	position: absolute;
	display: none;
	z-index: 10;
	margin-top:15px;
	border-width: 0 0 1px 1px;
}
.dd-menu li ul li a, .dd-menu li.current-menu-item ul li a { background-color:#fff; }

/*---------------- Submenu level 2,3,4 */
.dd-menu ul ul {
	left: 150px;
	top: 0;
	margin-top: -1px;
}

/*---------------- Dropdown mechanism */
.dd-menu li:hover ul ul, 
.dd-menu li:hover ul ul ul, 
.dd-menu li:hover ul ul ul ul { display:none; }

.dd-menu li:hover ul, 
.dd-menu li li:hover ul, 
.dd-menu li li li:hover ul, 
.dd-menu li li li li:hover ul { display:block; }

/*---------------- Arrows level 1 */
.dd-menu a.dd-submenu-title { padding-right: 10px; }
.dd-menu a span.dd-arrow {
	height: 7px;
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 14px;
	position: absolute;
	right: -11px;
	top: 10px;
	width: 18px;
}
.dd-menu a:hover span.dd-arrow, .dd-menu a.dd-path span.dd-arrow, .dd-menu li.current-menu-item a span.dd-arrow { background-position: 0px -14px; }

/*---------------- Arrows level 2,3,4 */
.dd-menu ul a span.dd-arrow { 	
    background-position: 0 -14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 14px;	
}
.dd-menu ul a.dd-path span.dd-arrow, .dd-menu ul a:hover span.dd-arrow { background-position: 0 -30px; }



/* ----->>> CONTENT SECTION <<<----------------------------------------------------------------- */

/*---------------- INTRO --------------- */
#intro {
	min-height: 88px;
	overflow: hidden;
	padding: 20px 0 0;
	position: relative;
	top: 0;
}
#intro h1 {
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline;
    float: left;
    font: 30px TOONISH,Georgia,Helvetica,sans-serif;
    padding: 10px 20px 10px 0;
	text-transform:uppercase;
}

/*---------------- Breadcrumbs */
.breadcrumbs {
    color: #fff;
    display: inline;
    float: left;
    font: 12px Georgia,"Times New Roman",Times,serif;
    margin: 16px 0 9px;
    padding-left: 20px;
}
.breadcrumbs strong { font-weight: normal; }

/*---------------- Social Bookmarking */
ul.social-bookmarking {
	position:relative;
	float:left;
	display:inline;
	padding: 0;
	margin: 10px 0 0;
	list-style-type: none;
}
ul.social-bookmarking li {
	margin-left: 27px;
	display: inline;
	float: left;
}
.tw { background:url(images/tw.html) no-repeat left top; }
.fb { background:url(images/fb.html) no-repeat left top; }
.in { background:url(images/in.html) no-repeat left top; }
.rss { background:url(images/rss.html) no-repeat left top; }
.tw, .fb, .in, .rss {
	width:45px;
	height:45px;
	display:block;
}


/* ----->>> FOOTER SECTION <<<------------------------------------------------------------------ */

/*---------------- FOOTER CONTENT --------------- */  
 #footer h3{
    color : #737272;
    font-family : TOONISH, Georgia,Helvetica, sans-serif;
    font-size: 16px;
	margin-bottom:18px;
	text-transform:uppercase;
}
#footer h5{
	font-size: 10px;
	font-weight: normal;
	font-family: Georgia,serif
}
#footer ul {
	margin: 0;
	list-style:none;
}
#footer p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	line-height: 15px;
}

/*---------------- FOOTER SUBCONTENT --------------- */  
#footer #sub-footer {
    background: url("images/scissors.png") no-repeat scroll center top transparent;
    line-height: 11px;
    margin: 0 auto 0;
    padding: 15px 0 0;
    position: relative;
    width: 1084px;
}
#sub-footer img {
	position: absolute;
	top: -15px;
	left: -45px
}
#copyright { 
	position: relative;
	overflow: hidden;
	font-size: 11px;
	color: #3f3f3f;
	padding : 13px 0 0;
	left: 63px;
	float:left;
	display:inline;
	margin-bottom:0;
}
ul.subfooter-menu {
	font-size: 11px;
	padding : 13px 0 0;
	right:63px;
	position:relative;
	float:right;
	display:inline;
}
ul.subfooter-menu li {
	border-right: 1px solid #3f3f3f;
	display: inline;
	float: right;
	margin-left: 10px;
	padding-right: 5px;
}
ul.subfooter-menu li:first-child {
	border: none;
}
ul.subfooter-menu li a {
	color: #3f3f3f;
}
.scissors{
	background:url(images/scissors.png) no-repeat center top;
	width:1084px;
	height:26px;
	margin:0 auto;
}

  
/* ============================================================================================= */
/* =====>>> PAGE SPECIFIC LAYOUT <<<============================================================ */
/* ============================================================================================= */
  
  
/* ----->>> HOME <<<---------------------------------------------------------------------------- */ 

/*---------------- SLIDERS --------------- */
#slider {
    height: 344px;
    margin: 0 auto;
    position: relative;
    width: 960px;
    
}
#slider .wrap {z-index:5;}
#slider .c-8{width:656px; position: relative;z-index:6;}
#slider .c-12{position: relative;z-index:6;}
#slider .c-4{margin-left:0; position: relative; z-index:6;}

#slider object{
    position: relative;
    z-index: 100;
    left:-155px;
}

#slider-bg {
    left: -102px;
    position: absolute;
    top: 105px;
    z-index: 1;
	height: 235px;
    width: 1117px;
}
  
/*---------------- Big slider */
#slider #big-slider {
	height: 303px;
	overflow: hidden;
	position:relative;
	z-index: 5px;
}
#slider .c-8 #big-slider {width: 656px;}
#slider .c-12 #big-slider {width: 950px;}

#slider #big-slider #slider-items li {
    height: 293px;
    overflow: hidden;
    margin-left: 2px;
}

#slider .c-8 #big-slider #slider-items li {width: 650px;}
#slider .c-12 #big-slider #slider-items li {width: 950px;}

#slider .slider-mask {
    background: url("images/slider-mask1.png") no-repeat 0 0 transparent;
    height: 308px;
    position: absolute;
    width: 656px;
    margin-top: -1px;
    z-index: 51;
}

#slider .c-8 .slider-mask { width: 656px;}
#slider .c-12 .slider-mask { width:950px; background: url("images/slider-mask-wide.png") no-repeat 0 0 transparent; }

#slider #slider-items {
    top: 4px;
	margin:0;
	background-color: #fff;
}

#slider .c-8 #slider-items {
    width:650px; 
    height: 300px;
}

#slider .c-12 #slider-items {
    width:944px;
    height: 300px;
}


#slider #slider-pagination {
	margin: 0;
	font: 14px "Throw_My_Hands_Up_in_the_Air", Arial, Helvetica, sans-serif;
}
#slider #slider-pagination li {
	display: inline;
	float: left;
	padding: 0 3px;
}
#slider #slider-pagination a {
	display: block;
	text-align: center;
	width: 8px;
}

span.previous, span.next {
	background-repeat: no-repeat;
	display: block;
	margin-top: 7px;
	width: 20px;
	height: 12px;
}

#next-menu-slider,#prev-menu-slider {
	background-image: url(images/scroll-arrows.html);
	background-repeat: no-repeat;
	position: absolute;
}
.next,.previous {
	cursor: pointer;
	height: 24px;
	top: 200px;
	width: 27px;
}
#pagination-container {
    position: absolute;
    bottom: 8px;
    right: 11px;
    z-index: 55;
}
#pagination-container span {
    float: left;
}

#slider.piece_slider{
    height: 370px !important;
    padding-bottom: 20px !important;
}

/*---------------- Category-slider --------------------*/
#cat-slider {
    float: left;
    height: 303px;
    left: -1px;
    padding-left: 25px;
    position: relative;
    width: 272px;
    z-index: 5;
}
#cat-slider h2 {
    font-family: TOONISH,Georgia,"Times New Roman",Times,serif;
}
#cat-slider li {
    color: #6B6969;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 10px;
   /* height: 60px;*/
    padding-bottom:15px;
    line-height: 10px;
}
#cat-slider h2 {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 28px;
	text-transform:uppercase;
}
#cat-slider h3 {
    margin-bottom: 0;
    line-height: 22px;
}
#cat-slider ul {
    margin-left: 0;
    width: 200px;
}
#cat-slider .devider {
    margin-bottom: 10px;
    width: 180px;
}
#vertical-slider {
    background-color: red;
}
.up-arrow, .down-arrow {
    display: block;
    height: 38px;
    width: 38px;
	cursor:pointer;
}
.up-arrow {
    background-position: 0 0;
    position: absolute;
    right: 8px;
    top: 14px;
}
.up-arrow:hover {
    background-position: 0 -86px;
}
.down-arrow:hover {
    background-position: 0 -128px;
}
.down-arrow {
    position: absolute;
    right: 10px;
    top: 253px;
}
#scroller {
    height: 190px;
    overflow: hidden;
    width: 200px;
    background-color: none;
}

/*---------------- FEATURES SECTION --------------- */
#featured{
	/*height: 200px;*/
}
#featured .page h2{
	font-family: TOONISH,Georgia,"Times New Roman",Times,serif;
	text-transform:uppercase;
}
#featured .page h2 a{ text-decoration: none;}
#featured .page h3{ line-height: 26px;}
#featured p{
	line-height: 23px;
    color: #3f3f3f;
    margin-bottom: 10px;
}

#featured .read-more{ margin-bottom:10px;}
#featured .widget-working-hours h3{
	font:26px TOONISH,Georgia,"Times New Roman",Times,serif;
}
.widget-working-hours h3{
	color: #3f3f3f;
	font-family: Georgia,"Times New Roman",Times,serif;
}
.widget-working-hours p{
	line-height: 23px;
    color: #3f3f3f;
    margin-bottom: 10px;
}
.widget-working-hours ul li {
	padding-left: 65px;
	vertical-align: middle;
}
.widget-working-hours span{
	color: #999;
	font-size : 11px;
	text-transform:uppercase;
}
.widget-working-hours strong {
    color: #2F2F2F;
    font-size: 20px;
    font-weight: normal;
    display:block;
    line-height: 21px;
}
br {
	height:1px;
}
.widget-working-hours .devider{
    height:28px;
    padding:0px;
}
.clock, .phone {
	height:44px;
}

/*---------------- MIDDLE SECTION --------------- */
#container-middle{
    position: relative;
    min-height: 381px;
    margin-top : 10px;
    padding : 42px 0 0 0;
    z-index: 5;
}
#container-middle h3{
	margin-bottom: 1px;
	line-height: 24px;
}
#container-middle h4{
	font-size:11px;
	margin-bottom: 8px;
	text-transform:uppercase;
}
#container-middle h3{
    color: #fff;     
}
#container-middle p {
    line-height: 21px;
    color: #fff;
    padding: 10px 0 0;
}
.mask{
	overflow:hidden;
	position:relative;
}
#container-middle .mask{
    height: 133px;
    width:  292px;
}
#container-middle .read-more:hover{ color: #fffde1 !important; }
.middle-frame-mask {
    background: url("images/thumb-widget293x135.png") no-repeat scroll -1px -1px transparent;
    height: 134px;
    position: absolute;
    width: 292px;
    z-index: 5;
}
.mosaic-overlay {
    background:url("images/image-hover.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 4;
    opacity:0;
    filter: alpha(opacity=0);
}

/* ----->>> ABOUT <<<---------------------------------------------------------------------------- */ 
.page { /*padding-right:25px;*/ }
.page.full { padding-right:0; }
.page h3 { 
	color:#6b6969;
	/*text-transform:uppercase;*/
	/*font-size:14px;*/
}
.page p {
	font-size:13px;
	line-height:20px;
}

.page-content a {display: inline;}
.page-content h3{ line-height:26px;}

/* ----->>> PAGE STYLES <<<---------------------------------------------------------------------------- */ 
.styles.post { margin-bottom:0px; }
      
/* ----->>> PORTFOLIO <<<----------------------------------------------------------------------- */  
.portfolio-menu {
	list-style:none;
	margin:0;
}
.portfolio-menu .c-12 { margin-bottom:30px !important; }
.portfolio-menu p { margin-bottom:5px; }
.portfolio-menu .dashed {
	padding:10px 0;
	margin-top:20px !important;
}
h2.portfolio-title {margin-bottom:8px; font-size:22px}
h4.portfolio-title {margin-bottom:20px; text-transform: uppercase; font-size:11px;}
.portfolio-menu h3 {margin-bottom:8px; }
.portfolio-menu h3.title a { text-decoration: none !important;}
.portfolio-menu h4 {text-transform: uppercase; font-size:11px;}

.portfolio-menu .big-list, .portfolio-menu .two-column, .portfolio-menu .four-column {margin-bottom:40px !important;}

/*---------------- BIG LIST --------------- */  
.portfolio-menu .big-list p.image{
    padding-bottom: 40px;
    position: relative;
	float:left;
	display:inline;
	margin-right:25px;
}
.portfolio-menu .big-list span.gallery-big-list-mask {
	background:url(images/thumb-portfolio643x362.png) no-repeat left top;
	width:643px;
	height:362px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.portfolio-menu .big-list p.image img { padding:11px; }
.portfolio-menu .excerpt p{line-height:22px;}

/*---------------- 2 COLUMNS --------------- */ 
.portfolio-menu .two-column p.image{
    padding-bottom: 40px;
    position: relative;
}
.portfolio-menu .two-column span.gallery-2col-mask {
    background: url("images/thumb-portfolio465x236.png") no-repeat scroll left top transparent;
    height: 237px;
    left: 0;
    position: absolute;
    top: 0;
    width: 465px;
    z-index: 5;
}
.portfolio-menu .two-column p.image img { padding:11px; }
.portfolio-menu .excerpt p{line-height:22px;}

/*---------------- 4 COLUMNS --------------- */
.portfolio-menu .four-column p.image{
    padding-bottom: 20px;
    position: relative;
}
.portfolio-menu .four-column span.gallery-4col-mask {
	background:url(images/thumb-portfolio217x210.png) no-repeat left top;
	width:465px;
	height:236px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.portfolio-menu .four-column p.image img { padding:11px; }

/*---------------- 3 COLUMNS SMALL THUMBS --------------- */

.portfolio-menu .three-column p.image{
    padding-bottom: 20px;
    position: relative;
}

.portfolio-menu .three-column span.gallery-3col-mask {
    background:url(images/thumb-portfolioq150x145.png) no-repeat left top;
    width:150px;
    height:145px;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
}

.portfolio-menu .three-column p.image img { padding:8px; }
.portfolio-menu .three-column .image-caption { bottom: -11px;}
.c-3.three-column{width: 150px;}



/* ----->>> BLOG <<<---------------------------------------------------------------------------- */ 

/*---------------- POST --------------- */
.post {
	margin-bottom:40px;
	position:relative;
	/*float: left;*/
}
.single .post a { display: inline;}
.post-list, .review-list { padding-right:25px; zoom:1;}
.post h1 { margin-bottom: 20px; }
.post h2 { margin-bottom: 10px; }
.post h2 a{text-decoration: none !important;}
.post h3 {
    color: #6B6969;
    font-size: 14px;
    text-transform: uppercase;
}
.post h4 {
	text-transform:uppercase;
	font-size:14px;
}
.post h5 {
	text-transform:uppercase;
	font-size:10px;
}
.post h4, .post h5, .post h6 { color:#6b6969; }
p.meta span { padding-right:2px; text-transform:uppercase; font-size:10px; }
p.meta span a {display: inline; }
.post .meta .date, .post .meta .author, .post .meta .categories, .post .meta .time, .post .meta .place {
	border-right: 1px solid #b09d8b;
	padding-right: 5px;
}
.post .meta .categories, .post .meta .place { border-right: none; }
.post p.image {
	overflow:hidden;
}

.blog-posts .title a{width:383px;}
.blog-posts a.image {
    display: inline;
    float: left;
    margin-right: 20px;
}
.blog-posts h2 {
	font-size:22px;
}
.blog-posts .post-image-mask {
	background:url(images/thumb-post192x185.png) no-repeat left top;
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	width:192px;
	height:185px;
}
.blog-posts a.image img{
	padding:10px;
	margin-bottom: 25px;
}
.blog-posts .excerpt p{
	font-size:13px;
	line-height:24px;
	margin-top:20px;
}
.blog-posts .post {
	border-bottom: 1px dashed #BBBBBB;
	margin-bottom:20px;
	clear:both;
	float:left;
	width:100%;
}

.post .actions { text-align: left; }
.post .meta .comments {
    height: 50px;
    position: absolute;
    right: -30px;
    text-align: center;
    top: -10px;
    width: 40px;

}
.post .meta .comments a { font: 18px/32px Georgia, "Times New Roman", Times, serif; padding:5px;}
.dashed {
	border-top: 1px dashed #bbb;
	margin-top: 15px;
}

/*---------------- COMMENTS --------------- */	
#comments { 
	font-size:12px;
}
#comments h2 {
	font: 20px/40px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dashed #bbb;
}
#comments ol {
	margin: 0 0 18px;
	list-style:none;
}
#comments li {
	border-bottom: 1px dashed #bbb;
	margin:20px 0 0;
	padding-bottom:20px;
	position:relative;
}
#comments p.image {
    display: inline;
    float: left;
    position: relative;
    width: 100px;
}
#comments p.image img {
	padding:4px;
}
#comments .polaroid-mask {
	background: url("images/thumb-avatar80x80.png") no-repeat scroll 0 0 transparent;
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1;
}
#comments a.replay, #comments a.comment-reply-link {
    font: 10px TOONISH,Georgia,Helvetica,sans-serif;
    padding-right: 11px;
    position: absolute;
    right: 10px;
    top: 10px;
}
#comments li.replay a, #comments li.comment-reply-link a { font: 17px "cherylhand", Arial, Helvetica, sans-serif; }


/*---------------- Comments Replay */
#comments ol li ol {
    clear: both;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 98px;
    position: relative;
}
#comments ol li ol li {
	padding:10px 0;
	margin:0;
	border:0;
	overflow:hidden;
}
#comments .comment-content {
	float:left;
	display:inline;
	padding:10px;
	background-color:#fff;
	border:1px solid #ddd;
	position:relative;
	width:374px;
}

img.avatar-72 {
   width:72px;
    height: 71px; 
}

.comment-subscription-form label{ display: inline;}


/*---------------- Add Comment */
.add-comment { /*margin-top:102px;*/ }
label.add-comment-heading {
	font: 20px/30px Georgia, "Times New Roman", Times, serif;
}
.add-comment .textarea {
    display: inline;
    float: left;
    margin-top: -12px;
}
.add-comment textarea {
	min-height:150px;
	margin-right: 40px;
}

.cancel-comment-reply{
    display: block;
}

#cancel-comment-reply-link {
    display: inline-block;
    padding: 5px 0;
}

/*---------------- WIDGETS --------------- */
#sidebar li {
    margin-bottom: 3px;
    font-size: 12px;
    /*font-family: TOONISH,Georgia,"Times New Roman",Times,serif; KZ*/
}

.widget { margin:0 0 50px; }
.widget ul{
	list-style:none;
	padding:0;
	margin:0;
}
.widget h3{ margin-bottom:10px;  font-size: 22px; text-transform: none; color: #3f3f3f;}

/*---------------- WIDGET UPCOMING EVENTS */
.widget-upcoming h5{
	background: url(images/event-widget-title-bg2.png) no-repeat 0 0 transparent;
	height: 46px;
	width: 224px;
	position: relative;
    left: -8px;
	margin-bottom:0;
}
.widget-upcoming h5 span.date {
    display: block;
    font-size: 9px;
    line-height: 10px;
    text-align: center;
    width : 31px;
    position: relative;
    top:9px;
	padding-left: 10px;
	float: left;
	text-transform:uppercase;
}
.widget-upcoming a{ color:#737272; }
.date{ position : relative; color: #6b6969; }
.widget-upcoming h5 span.day {
    font-size: 13px;
    left: 18px;
    line-height: 15px;
    position: absolute;
    top: 8px;
}
.widget-upcoming p{ margin: 5px 0 5px 32px;}
.widget-upcoming p span{
    display: block;
    margin-bottom: 9px;
    margin-top: 7px;
}
.day{font-size: 13px; line-height: 18px; }
.widget-upcoming h5 a{
    display: block;
    padding-left: 50px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    margin: -16px 0 0 0;
    left:0;
    right:0;
	text-transform:uppercase;
}
.widget-upcoming li{margin-bottom: 25px;}

/*---------------- WIDGET LATEST NEWS --------------------- */
.widget-latest-news h5{	padding: 0; }
.widget-latest-news h5 a {color: #737272;}
.widget-latest-news h5 a:hover { text-decoration: underline;}

/*---------------- WIDGET LATEST POSTS ------------------- */
.widget-latest-posts h5{}
.widget-latest-posts li{ margin-bottom:10px; }
.widget-latest-posts a{ color: #737272; text-transform:uppercase; }
.widget-latest-posts a:hover{ text-decoration: underline;}

/*---------------- WIDGET RECENT POSTS ---------------- */
.widget-recent li, .widget_recent_entries li{ margin-bottom:5px; }
.widget-recent ul, .widget_recent_entries ul {margin-left:10px;}
.widget-recent a, .widget_recent_entries a{ color: #6B6969;font-size: 10px; text-transform: uppercase;}
.widget-recent a:hover, .widget_recent_entries a:hover { text-decoration: underline;}

/*---------------- WIDGET ARCHIVES ----------------- */
.widget_archive h5{}
.widget_archive li, .widget-archives li {
    display: inline;
    float: left;
    margin-bottom: 5px;
    width: 115px;
}
.widget_archive ul,.widget-archives ul {
    margin-left: 15px;
    overflow: hidden;
}
.widget_archive a, .widget-archives a {
    color: #3F3F3F;
}
.widget_archive a:hover, .widget-archives a:hover {
    text-decoration: underline;
}


/*---------------- WIDGET CATEGORIES --------------------- */
.widget-categories ul, .widget_categories ul {
    list-style:none;
    margin:0 0 20px;
    overflow:hidden;
    /*font-family: TOONISH,Georgia,"Times New Roman",Times,serif; KZ*/
}
.widget-categories li, .widget_categories li {
  /*  width: 120px;*/
    margin-bottom:5px;
    margin-left:15px;
    /*font-family: TOONISH,Georgia,"Times New Roman",Times,serif; KZ*/
}
.widget-categories a, .widget_categories a { font-size:10px; color:#6b6969; text-transform:uppercase; }/*KZ font-family: TOONISH,Georgia,"Times New Roman",Times,serif;*/


/*---------------- WIDGET PAGES --------------------- */
.widget_pages ul {
    list-style:none;
    margin:0 0 20px;
    overflow:hidden;
}
.widget_pages li {
  /*  width: 120px;*/
    margin-bottom:5px;
    margin-left:15px;
}
.widget_pages a { font-size:10px; color:#6b6969; text-transform:uppercase; }


/*---------------- WIDGET CONTACT ----------------- */
.widget-contact { position: relative;}
.widget-contact .widget-title {}
.widget-contact .mask{
	height: 72px;
    width: 87px;
    float: left;
    top:3px;
}
.widget-contact ul li{
	display: block;
	font-size: 10px;
	padding-left:93px;
	line-height:16px;
}
.widget-contact input, .widget-contact select, .widget-contact textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 2px 10px;
}
.widget-contact input.u-3, .widget-contact textarea.u-3 {
    width: 194px;
}
.widget-contact p {
	margin:0 0 5px;
}

/*---------------- WIDGET SOCIAL */
.widget-social { position: absolute; right: 6px; top: 194px;}
#intro .widget-social { position: absolute; right: 6px; top: 10px;}
.widget-social li { display:inline; float:left; margin-left:9px;}
.widget-social li a{
	display:block;
	width:27px;
	height:27px;
	background: url(images/btn-social.png) no-repeat transparent 0 0;
}
.widget-social h3{ margin:0; padding:5px;}

#intro .widget-social h3{ 
	margin:0; 
	padding:5px;
	color: #fff;
    font:16px/20px TOONISH,Georgia,Helvetica,sans-serif;
	background:url(images/social-icons-heading-bg.png) no-repeat center bottom;
	text-transform:uppercase;
}

/*---------------- WIDGET SOCIAL INTRO */
.widget-social a.twitter-intro{ background-position: 0 -27px; }
.widget-social a.facebook-intro { background-position: -35px -27px; }
.widget-social a.social-intro{ background-position: -70px -27px;}
.widget-social a.rss-intro{ background-position: -106px  -27px;}

.widget-social a.pin-intro{ background-position: -210px  -27px;}
.widget-social a.youtube-intro{ background-position: -176px  -28px;}
.widget-social a.google-intro{ background-position: -141px -27px;}


.widget-social a.twitter-intro:hover{ background-position: 0 0;}
.widget-social a.facebook-intro:hover { background-position: -35px 0; }
.widget-social a.social-intro:hover{ background-position: -70px 0;}
.widget-social a.rss-intro:hover{ background-position: -106px 0;}

.widget-social a.pin-intro:hover{ background-position: -210px  0;}
.widget-social a.youtube-intro:hover{ background-position: -176px  0;}
.widget-social a.google-intro:hover{ background-position: -141px 0;}

/*-------------- WIDGET CALENDAR ----------------*/

.widget_calendar a { font-weight: bold;}
.widget_calendar tr{}
.widget_calendar th{ font-size: 11px; }
.widget_calendar th, .widget_calendar td { padding: 0px 12px;}
.widget_calendar{}
.widget_calendar{}




/*---------------- WIDGET WHAT WE DO ---------------------*/
.widget-what-we-do{}
.widget h4 {
    font-size: 11px;
    margin-bottom: 18px;
}
.widget-what-we-do .mask {
    height: 133px;
    width: 292px;
    overflow: hidden;
}
.widget-what-we-do p {
    color: #3f3f3f;
    line-height: 21px;
    padding: 10px 0 0;
}
/*---------------- WIDGET ADDRESS ------------------- */
.widget-address p {line-height:16px !important;}
.widget-address p.meta {margin-bottom:0;}
/*.widget_search{font-family: TOONISH,Georgia,"Times New Roman",Times,serif; KZ}*/
.widget_search input{ margin-bottom: 10px;}


/* ----->>> CONTACT <<<----------------------------------------------------------------------------- */ 

/*---------------- GOOGLE MAPS*/
.google-map {
    clear: both;
    margin-bottom: 80px;
    position: relative;
}
.google-map h3 {
	font:14px Georgia, "Times New Roman", Times, serif;
	margin-top:40px;
	margin-bottom:28px;
	text-transform:uppercase;
}
.google-map .google-map-background {
    background: url("images/gmap-mask.png") no-repeat scroll left top transparent;
    height: 337px;
    left: 0;
    position: absolute;
    top: 33px;
    width: 643px;
}
.google-map #google-map-location {
    height: 277px;
    margin-left: 12px;
    width: 621px;
}	

/* ----->>> EXTRAS <<<-------------------------------------------------------------------------- */  	
.example {
	border-bottom: 1px dashed #bbb;
	border-left-style: dashed;
	border-right-style: dashed;
	clear: left;
	height: 2px;
	margin-bottom: 20px;
	padding: 15px 0;
}
.send-form span {
    color: red;
}
.contact-modal-box{
    display: none;
}
.contact-modal-box span{
    color: #ff0000;
}
.frozen{
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter:alpha(opacity=4);
}
.image-caption{
    bottom: -25px;
    color: #737272;
    display: block;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.preloader { background:url(js/preloader/89.gif) center center no-repeat #ffffff;  }
a[rel='example_group'] { display: inline-block !important;}
.page-404 {
    background: url("images/404.png") no-repeat 10px 50% transparent;
    min-height: 300px;
}
.page-404 h3{
    color: #737272;
    font-family: TOONISH, Georgia,Helvetica, sans-serif;
    font-size: 36px;
    margin-bottom: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 65px;
}
.page-404 p{
    margin: 0 auto;
    text-align: center;
    width: 600px;
}

/* For shortcodes Layout */
.cs-4,.cs-6,.cs-8{
    margin: 0 0 0 4%; display: inline; float: left;
}
.cs-4{ width:30.66%; }/*1/3*/
.cs-6{ width:48%; }/*1/2*/
.cs-8{ width:65.2%; }/*2/3*/
.cs-4.first, .cs-6.first, .cs-8.first{
    margin-left: 0;
}
#content .page a,#content .post a{text-decoration:underline;}


/* Responsive Menu */
.respmenu-wrap { width: 100%; margin: 0 auto; display: none; }

.respmenu-header { overflow: hidden; margin-bottom: 30px;}

.respmenu, .respmenu-submenu { list-style: none; padding: 0; border: 0; font-size: 100%; font: inherit; }

.respmenu { margin: 0 0 50px 0; background-color: #FFFEFF;}
.respmenu li { border: 0; margin: 0; cursor: pointer; font-size: 100%; font: inherit; }
.respmenu li a {
    font-family: TOONISH,Georgia,"Times New Roman",Times,serif;
    display: block; text-decoration: none; padding: 15px; -moz-transition: color .2s; -webkit-transition: color .2s; -o-transition: width color .2s; transition: color .2s, padding-left 0.2s; }
.respmenu li a:hover { padding-left: 20px; }
.respmenu > li { padding: 0; }

.respmenu-open, .respmenu-submenu-toggle { float: right; cursor: pointer; padding: 16px; }

.respmenu-open {
    width: 44px;
    height: 39px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
}


/*.respmenu-open { border: 3px solid #B8CB02; padding: 5px; border-radius: 4px; }
.respmenu-open hr { width: 22px; border: 2px solid #B8CB02; margin: 4px; }
.respmenu-open:hover{ border: 3px solid #16A2DD; }
.respmenu-open:hover hr {  border: 2px solid #16A2DD; }*/



.respmenu .dd-arrow {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 14px;
    width: 18px;
    float: right;
}
.respmenu-submenu-toggle:hover .dd-arrow { background-position: 0px -14px; }



.widget-upcoming h5 span.date {
    padding-left: 4px;
}
.widget-upcoming h5 span.day {
    left: 12px;
}
.widget-upcoming p {
    margin: 5px 0 5px 40px;
}
.widget-upcoming h5 a {
    top: 69%;
}

/*------------------------*/

ul.subfooter-menu li {
    font: 11px Arial, Helvetica, sans-serif;
}
.portfolio-menu .excerpt {
    line-height: 24px;
    margin-bottom: 5px;
}

.page p, .post-list p {
    line-height: 20px;
    margin-bottom: 5px;
}

.widget-categories ul, .widget_categories ul {
    margin: 0; 
}
/*font-family: TOONISH,Georgia,"Times New Roman",Times,serif;KZ*/

#footer #sub-footer {
        float: none;
        width: 954px;;
        margin: 0 auto;
        background: url("images/scissors-footer.png") no-repeat scroll right top transparent;
        padding-top: 30px;
    }
    
.wp-caption { width: auto; }
.wp-caption-text { width: auto; }
.sticky { width: auto; }
.gallery-caption { width: auto; }
.bypostauthor { width: auto; }
.alignright { width: auto; }
.alignleft { width: auto; }
.aligncenter { width: auto; }    

/* Layer Slider */
.kids-layer-slider-container {
    margin-bottom: 40px;
}
.kids-layer-slider-frame {
    margin-left: -10px;
}
.kids-layer-slider-frame .ls-wp-container {
    box-sizing: border-box;
    border: 10px solid #f9f9f9;
    border-bottom: 35px solid #f9f9f9;
    box-shadow: 0px 0px 1px #ACACAC;
    background-color: #f9f9f9;
    z-index: 10;
}
.kids-layer-slider-frame-top-bottom .ls-wp-container {
    box-sizing: border-box;
    border-top: 10px solid #f9f9f9;
    border-bottom: 35px solid #f9f9f9;
    box-shadow: 0px 0px 1px #ACACAC;
    background-color: #f9f9f9;
    z-index: 10;
}
.kids-layer-slider-container.category-scroller {
    margin-bottom: 0;
    min-height: 344px;
}
.kids-layer-slider-container.category-scroller.kids-layer-slider-frame {
    margin-bottom: 40px;
}
.kids-layer-slider-container .c-4 {
    margin: 0;
}
.kids-layer-slider-container.kids-layer-slider-frame .c-4 #cat-slider {
    left: 19px;
}


/* Responsive* /

/* Large desktop */
@media (max-width: 1200px) {
    
    .slider-wide #slider-bg {
        top: -36px;
    }
    
    #copyright {
        left: 0;
    }
    
        
    .widget-latest-news h5 {
        margin: 0;
    }
    
    #footer h3 {
        margin-bottom: 13px;
    }
    
    .clock, .phone {
        min-height: 57px;
    }
    
    .page-404 {
        background: none;
    }

    .page-404 h3 {
        line-height: 38px;
    }
    
    .page-404 p {
        width: auto;
    }
    
}
 
/* Portrait tablet to landscape and desktop */
/*@media (min-width: 768px) and (max-width: 979px) {*/
@media (max-width: 979px) {
    
    body {
        /*background: url("images/clouds-bg.png") no-repeat scroll center top rgba(0, 0, 0, 0);*/
        float: left;
        width: 100%;
        overflow-x: hidden;
    }
    
    .image img {
        max-width: 100%;
        height: auto;
    }

    
    
    #header {
        min-height: 98px;
        margin-bottom: 30px;
    }
    
    #intro {
        overflow: visible;
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }
    
    
    
    #intro h1 {
        margin-bottom: 0;
        margin-right: 20px;
    }
    
    .breadcrumbs {

        float: left;
        margin: 16px 0 9px;
        padding: 0;
        padding-right: 20px;
    }
    
    
    #logo {
        max-width: 60%;
        height: auto;
    }
    #logo img {
        width: 100%;
        height: auto;
    }
    
    .respmenu-wrap {
        display: inline-block;
    }
    
    #content {
        overflow: visible;
        float: left;
        width: 100%;
    }
    
    .wrap {
        width: 80%;
    }

    .kids-layer-slider-frame {
        width: 100%;
    }

    #slider {
        width: 100%;
        height: auto;
        margin-top: -10px;
    }
    
    #pagination-container {
        top: -24px;
    }
    
    .slider-wide #slider-bg {
        top: -25px;
    }
    .kids-layer-slider-container {
        height: auto;
    }
    
    .kids-layer-slider-container .c-4,
    .kids-layer-slider-container .c-8,
    .kids-layer-slider-container .c-12,
    #slider .c-4,
    #slider .c-8,
    #slider .c-12 {
        width: 100%;
    }
    
    .kids-layer-slider-container .c-4 #cat-slider {
        left: -1px;
    }
    
    #slider .c-8 #big-slider,
    #slider .c-12 #big-slider {
        width: 100%;
        height: auto;
        overflow: visible;
    }
    
    #slider .c-8 #slider-items,
    #slider .c-12 #slider-items {
        height: 300px;
        background-color: transparent;
    }
    
    #slider-items img {
        width: 98%;
        height: auto;
        border: 5px solid #fafaf5;
        border-bottom: 20px solid #fafaf5;
        border-radius: 3px;
        box-shadow: 1px 2px #E6E3E3;
    }
    
    #slider .c-8 .slider-mask,
    #slider .c-12 .slider-mask {
/*        width: 100%;
        background-size: 100% auto;*/
        display: none;
    }
    
    #slider .c-8 #big-slider #slider-items li,
    #slider .c-12 #big-slider #slider-items li {
        /*border: 5px solid #fafaf5;*/
        /*border: 5px solid green;*/
        height: auto;
    }
    
    #slider-bg {
        background-size: 100% auto !important;
        left: -99px;
        position: absolute;
        top: 64px;
        z-index: 1;
        width: 135%;
        height: 345px;
    }
    
    #featured,
    #container-middle,
    #footer,
    #footer #sub-footer
    {
        float: left;
        width: 100%;
    }
    
    #featured .page h2 {
        margin-bottom: 18px;
    }
    
    #featured .page p {
        margin-bottom: 10px;
    }
    
    #featured .widget {
        margin: 0 0 60px;
    }
    
    #footer {
        background: url("images/resp-footer-bg.jpg") repeat scroll left top rgba(0, 0, 0, 0);
        margin-top: 0;
        overflow: visible;
    }

    .footer-top {
        position: absolute;
        top: -17px;
        left: 0;
        background : url("images/bg-footer-top.png") repeat-x top left scroll transparent;
        width: 100%;
        height: 63px;
    }
    
    .c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 {
        margin: 0;
    }
    .c-1  { width: 8.333%; }
    .c-2  { width: 16.666%; }
    .c-3, .c-3.three-column  { width: 21%; margin-right: 2%; }
    .c-4  { width: 33.333%; }
    .c-5  { width: 41.666%; }
    .c-6  { width: 48%; }
    .c-7  { width: 58.333%; }
    .c-8  { width: 63.666%; margin-right: 2%;}
    .c-9  { width: 74.999%; }
    .c-10 { width: 83.332%; }
    .c-11 { width: 91.665%; }
    .c-12 { width: 100%; }
    
    .widget-upcoming h5 {
        width: auto;
    }
    
    .widget-contact input.u-3, .widget-contact textarea.u-3 {
        width: 77%;
    }
    
    .portfolio-menu .image img {
        max-width: 94%;
        height: auto;
        border: 5px solid #fafaf5;
        border-bottom: 20px solid #fafaf5;
        border-radius: 2px;
        padding: 0 !important;
        box-shadow: -1px 1px lightgray;
    }
    
    .portfolio-menu .two-column span.gallery-2col-mask, 
    .portfolio-menu .three-column span.gallery-3col-mask, 
    .portfolio-menu .four-column span.gallery-4col-mask, 
    .portfolio-menu .big-list span.gallery-big-list-mask
    {
        display: none;
    }
    
    .portfolio-menu .big-list, .portfolio-menu .two-column, .portfolio-menu .four-column {
        margin-right: 2% !important;
    }
    
    .portfolio-menu .two-column p.image {
        padding: 0 0 10px 0;
    }
    
    .portfolio-menu h3 {
        margin-bottom: 5px;
    }
    
    
    .image-caption {
       width: auto;
       float: left;
       bottom: -6px;
    }
    
    .c-12 input, .c-12 select, .c-12 textarea, input.u-12, select.u-12, textarea.u-12,
    .c-11 input, .c-11 select, .c-11 textarea, input.u-11, select.u-11, textarea.u-11,
    .c-10 input, .c-10 select, .c-10 textarea, input.u-10, select.u-10, textarea.u-10,
    .c-9 input, .c-9 select, .c-9 textarea, input.u-9, select.u-9, textarea.u-9,
    .c-8 input, .c-8 select, .c-8 textarea, input.u-8, select.u-8, textarea.u-8,
    .c-7 input, .c-7 select, .c-7 textarea, input.u-7, select.u-7, textarea.u-7,
    .c-6 input, .c-6 select, .c-6 textarea, input.u-6, select.u-6, textarea.u-6,
    .c-5 input, .c-5 select, .c-5 textarea, input.u-5, select.u-5, textarea.u-5,
    .c-4 input, .c-4 select, .c-4 textarea, input.u-4, select.u-4, textarea.u-4,
    .c-3 input, .c-3 select, .c-3 textarea, input.u-3, select.u-3, textarea.u-3,
    .c-2 input, .c-2 select, .c-2 textarea, input.u-2, select.u-2, textarea.u-2,
    .c-1 input, .c-1 select, .c-1 textarea, input.u-1, select.u-1, textarea.u-1  {
        width: 80%;
    }

    input[type=checkbox], input[type=radio], input[type=image], input[type=submit], input[type=file] {
        width: auto;
    }
    
    #container-middle {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 6px;
        min-height: 390px;
    }
    
    #container-middle .c-4 {
        width: 30%;
        padding: 1%;
    }
    
    
    #container-middle h3 {
        margin-bottom: 5px;
    }
    
    #container-middle h4 {
        margin-bottom: 13px;
    }
    
    #container-middle .mask {
        width: 100%;
        height: auto;
    }
    
    #container-middle .mask img {
        max-width: 94%;
        height: auto;
        border: 5px solid #fafaf5;
        border-bottom: 20px solid #fafaf5;
        border-radius: 2px;
    }
    
    #container-middle p {
        padding: 12px 0 0;
        margin-bottom: 11px;
    }
    
    .middle-frame-mask {
        display: none;
    }
    
    a[rel='example_group'] { display: block !important;}
    
    .dd-menu {
        display: none;
    }

    #header h1 a {
       margin: 0; 
    }
    
    .widget-upcoming li {
        margin-bottom: 17px;
    }
    
    .up-arrow {
        top: 79px;
    }
    
    .down-arrow {
        top: 233px;
    }
    
    
    .sidebar {
        margin-left: 5px;
    }
    
    .sidebar input[type="text"] {
        width: 80%;
    }
    
    .kids-layer-slider-container #cat-slider {
        margin: 10px 0 35px 0;
    }
    
    #cat-slider {
        margin: 64px 0 35px 0;
        padding-left: 86px;
        background: none;
        padding: 0;
        width: 100%;
        height: auto;
    }
    
    #cat-slider .devider {
        display: none;
    }
    
    #cat-slider h2 {
        margin-bottom: 20px;
    }
    
    #scroller {
        margin: 30px 0 0 30px;
    }
    
    #footer #sub-footer {
        float: none;
        width: 80%;
        margin: 0 auto;
        padding-top: 20px;
    }
    #copyright {
        position: static;
        padding-top: 21px;
    }
    
        
    ul.subfooter-menu {
        position: static;
        float: left;
        padding-top: 10px;
        width: 100%;
        margin-left: -20px !important;
    }
    
    ul.subfooter-menu li {
        float: left;
        border-left: 1px solid #3F3F3F;
        border-right: none;
        padding: 0 0 0 10px;
    }
    
    .page-content img {
        max-width: 100%;
        height: auto;
    }
    
    #featured .page {
        margin-bottom: 30px;
    }

    #footer .widget {
        margin: 0 0 37px;
    }
    
    .page #footer {
        padding-top: 30px;
    }
    
    
    .widget h3 {
        margin-bottom: 15px;
    }

    #intro {
        padding: 0;
    }
    
    #intro .widget-social {
        position: static;
        float: left;
        margin-top: 20px;
        margin-bottom: 11px;
        width: 100%;
    }
    
    #intro .widget-social li {
        margin-left: 0;
        margin-right: 5px;
    }
    
    #intro .widget-social h3 {
        margin: 0;
        padding: 0;
        margin: 4px 10px 0 0;
    }
    
    #intro #container-middle-bottom-edge {
        position: absolute;
        bottom: -21px;
        left: 0;
        width: 100%;
        height: 30px;
    }
    
    .widget-working-hours strong {
        font-size: 18px;
    }
    
    iframe {        
        width: 100%;
        height: auto;
    }
    
    #commentform p {
        display: block;
        width: 100%;
    }
    
    
    .example {
        width: 80%;
    }
    
    .c-3.three-column {
        width: 48%;
    }
    
    .portfolio-menu .clearfix {
        clear: none !important;
    }
    
    .google-map .google-map-background {
        background: none;
    }
    
    .google-map #google-map-location {
        height: 277px;
        margin-left: 0;
        width: 88%;
    }
    
}

@media (max-width: 730px) {
    
    
    
    #slider .c-8 #slider-items,
    #slider .c-12 #slider-items {
        height: 220px;
    }
    
    .slider-wide #slider-bg {
        top: -7px;
    }
    
    .slider-wide .c-8 #slider-items,
    .slider-wide .c-12 #slider-items {
        height: 240px !important;
    }
    
    
}

@media (max-width: 700px) {
    #slider .c-8 #slider-items,
    #slider .c-12 #slider-items {
        height: 200px;
    }
    
    .c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 {
        width: 100%;
    }
    
    
    
    #container-middle .c-4 {
        width: 100%;
        padding: 1%;
        margin-bottom: 21px;
    }
    
    .widget-latest-news .widget-title, 
    .widget-latest-posts .widget-title,
    .widget-address h3 {
        margin-bottom: 22px !important;
    }
    
    .widget-latest-news li, .widget-address li {
        margin-bottom: 10px ;
    }
    
    .middle-frame-mask {
        background-size: auto;
    }
    
    #slider-bg {
        left: -62px;
        top: 60px;
    }
    
    #container-middle h3 {
        height: 25px;
    }
    
    #content {
        padding-bottom: 20px;
    }
    
    .sidebar {
        margin-top: 40px;
    }
}
 
/* Landscape phone to portrait tablet */
/*@media (max-width: 767px) {}*/
 
/* Landscape phones and down */
@media (max-width: 480px) {
    

    #slider .c-8 #slider-items,
    #slider .c-12 #slider-items {
        height: 150px;
    }
    
    #slider-bg {
        left: -36px;
        top: 60px;
    }
    
    .slider-wide #slider-bg {
        top: 13px;
    }
    
    .slider-wide .c-8 #slider-items,
    .slider-wide .c-12 #slider-items {
        height: 180px !important;
    }
    
    /* For shortcodes Layout */
    .cs-4, .cs-6, .cs-8 {
        margin: 0;
        width:100%; 
    }

    #intro h1 {
        line-height: 30px;
    }
    
    .c-3.three-column {
        width: 88%;
    }
    
    .portfolio-menu .image img {
        width: 45%;
    }
    
    
}

@media (max-width: 360px) {
    .middle-frame-mask {
        background-size: 100% auto;
    }
    
    #main-navigation {
        width: 100%;
    }
    
    .post-image-mask {
        display: none;
    }
    
    .portfolio-menu .image img {
        width: 94%;
    }
    
}