/*  
Theme Name:  citynews
Theme URI: https://prodengiblog.ru/premium_themes/.html
Author: Ksana
Author URI: https://prodengiblog.ru/
Version: 2.0
Description: This theme has a responsive layleut to display your website content optimally at all resolutions and browser widths, and on all media devices, regardless of whether your visitors arrive by smartphone, tablet, laptop or desktop computer.
License: Commercial License
License URI: https://prodengiblog.ru/ispolzovanie-tem
Tags: accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, translation-ready, featured-images, flexible-header, sticky-post, threaded-comments, blog, news, photography, portfolio
Text Domain: citynews
*/
/* Table of Contents
 * 1.0 - Normalize
 * 2.0 - Body 
 * 3.0 - Typography
 * 4.0 - Media Files
 * 5.0 - Links
 * 6.0 - Site Structure
 * 7.0 - Column
 * 8.0 - Advertising
 * 9.0 - Header
 * 9a.0 - Main Menu 
    * 9a.1 - Menu 
    * 9a.2 - Search Form  
 * 10.0 -  The Front Page   
 *    10.1 - Slider 
 *    10.2 - Titles 
 *    10.3 - Main Content
 *    10.4 - Events
 *    10.5 - Video
 *    10.6 - Latest
 *    10.7 - Column
 *    10.8 - Content Day
 *    10.9 - Page Description
 * 11.0 - Excerpt  
 * 12.0 - Article
 *     12.1 - Video  
 *     12.2 - Tags
 *     12.3 - Print
 *     12.4 - Other 
 * 13.0 - Post Format  
 * 14.0 - Social  
 * 15.0 - Sidebar 
 *    15.1 - Box  
 *    15.2 - Category  
 *    15.3 - News Announcements    
 *    15.4 - Tag Cloud 
 *    15.5 - Sub box
 *    15.6 - Accordion 
 *    15.7 - Tabs
 *    15.8 - Widgets   
 * 16.0 - Comments   
 *    16.1 - Commentlist   
 *    16.2 - Commentsform	  
 * 17.0 - Site Navigation   
 *    17.1 - Post navigation
 *    17.2 - Pages navigation
 *    17.3 - Image navigation
 *    17.4 - Comment navigation
 * 18.0 - Bottom Menu
 * 19.0 - Bottom Block
 *    19.1 - Bottom Post		
 *    19.2 - Custom Logo		
 *    19.3 - Social Networks		
 * 22.0 - Page Templates 
 *    20.1 - Author.php  
 *    20.2 - SiteMap.php 
 *    20.3 - Contact.php
 *    20.4 - TagCloud.php   
 * 21.0 - Plugins 
 *    21.1 - Subscribe to comments
 *    21.2 - Colorbox
 * 22.0 - Footer
 * 23.0 - Print            
 * 24.0 - Media Queries
*/
/************************************************
*  1.0 - Normalize  *
************************************************/

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, kbd, keygen,
label, legend, li, main, meter, nav, object, ol, output,
p, pre, progress, q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top; 
  box-sizing: border-box;
}
header, main, article, section, aside, footer,
#container, .onecolumn, .sidebar, 
button, img, figure {  
  float: none;
  width: auto\9;
  height: auto;
  margin: 0;
  padding: 0;  
  line-height: 1.1;
  display: block;
  box-sizing: border-box;
}
article { overflow: visible;}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type=text], textarea { outline: none;}

/************************************************
*  2.0 - Body  *
************************************************/

html, body { 
  margin: 0; 
  padding: 0; 
} 
body {
  width: 100%;
  height: 100%;  
  margin: 0;
  padding: 0;
  line-height: 1.3;
  color: #333;
  font-size: 14px;
  text-align: left; 
  font-family: Arial, Verdana, Sans-Serif; 
  -webkit-font-smoothing: antialiased;
	        text-rendering: optimizeSpeed;
}
body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
body.custom-background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*   Accessibility   */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; 
}

/************************************************
*  3.0 - Typography   *
************************************************/

b, strong { font-weight: 700;}
cite, em, i { font-style: italic;}
cite { color: green; font-size: 95%;}
small { font-size: 80%; line-height: 1.1;}
big {	font-size: 125%;}
.clear { 
	clear: both;
	height: 1px;
	margin-top: -1px;
}
.articleBody, p { 
  text-align: left; 
  margin: 0 0 15px 0; 
  padding: 0;
  line-height: 1.3;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {	top: -0.5em;}
sub {	bottom: -0.25em!important;}
address {
  font-style: italic;
  margin-bottom: 15px;
}
code,
kbd,
tt,
var,
samp,
pre {	font-family: Inconsolata, monospace;}
pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code { 
  color: green;
	display: block;
}
hr {
  width: 90%;
	height: 2px;
  margin: 15px auto 20px;
  border: 0;
  border-top: 2px solid #d1d1d1;
  display: block;
}
blockquote {
  position: relative;
  background: #fff;
  border: 1px dashed #ccccce;
  border-left: 5px solid #ccccce;
  padding: 12px;
  margin: 15px 0 15px 0;
  font-size: 105%;
	font-style: italic;
}
blockquote:before {
  position: absolute; right: 25px; top: 0px;
  width: 30px;
  height: 30px;
  padding: 0;
  content: "\201C";
  font-family: Arial;
  color: #ccccce;
  font-size: 100px;
  line-height: 1;
  text-align: center;
}
blockquote p {
  margin: 0 26px 13px 0;
  font-size: 105%;
  line-height: 1.3;
}
blockquote cite,
blockquote small { font-style: normal;}
blockquote cite:before {
	content: "\2014\00a0";
}
blockquote strong,
blockquote b {
	font-weight: 400;
}
blockquote >:last-child {
	margin-bottom: 0;
}
q {
  background: #fff;
  border: 1px dashed #ccccce;
  padding: 5px 10px 5px 12px;
  margin: 10px 0 10px 2px;
  font-size: 13px;
	font-style: italic;
	display: block;
}
abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}
mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}
.fa { color: #777;}
del {	opacity: 0.8;}

/*   Titles   */

h1, h2, h3, h4, h5, h6 {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  color: #333; 
  clear: both;
}
h1, h2, h3, h4, h5 {
  font-weight: 400;
}
h2, h3, h4, h5, h6 {
  margin-top: 15px;
  margin-bottom: 15px;
}
h2 { font-size: 170%;}
h3 { font-size: 160%;}
h4 { font-size: 150%;}
h5 { font-size: 140%;}
h6 { font-size: 130%;}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0;}
.big-title {  
  margin: 0 0 30px 0;
  text-align: center; 
	line-height: 1;
} 
.page h1 { 
  margin-bottom: 15px; 
  margin-bottom: 25px;
  text-align: center; 
	line-height: 1;
}
/* Alignments   */

.left {
  float: left;
  text-align: left;
}
.right {
  float: right;
  text-align: right;
}
.center {
  float: none;
  margin-left: auto;
  margin-right: auto; 
  text-align: center;
}
.justify {
  text-align: justify;
}

/************************************************
*  4.0 - Media Files  *
************************************************/

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img, a img, .wp-caption, video, embed, object, iframe, .list img {
  *zoom: 1; 
  width: auto;
	max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
	background: transparent;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 80%; 
  line-height: 1;
}
.video-box, .avatar, img, .slide { border: 1px solid #ccc;}
object { border: 0;}
img.wp-smiley { 
  float: none !important;
  width: 15px!important;
  height: 15px;
  background: none!important;
  margin: 0!important;
  padding: 0!important;
  vertical-align: middle;
  box-shadow: none!important;
  border: 0!important;          
}

/************************************************
*  5.0 - Links  *
************************************************/
/*  Link  */

a:link, a:visited,
.maincolumn a:link, .maincolumn a:visited,
.main a:link, .main a:visited,
.excerpt .title a:link, .excerpt .title a:visited,
.sidebar a:link, .sidebar a:visited,
.bot-post a:link, .bot-post a:visited,
.second-menu a:link, .second-menu a:visited,
#footer a:link, #footer a:visited {
  color: #333; 
  text-decoration: none; 
  outline: none;
  display: inline-block;
} 
a:hover, a:active,
.maincolumn a:hover, .maincolumn a:active,
.main a:hover, .main a:active,
.sidebar a:hover, .sidebar a:active,
.second-menu a:hover, .second-menu a:active,
#footer a:hover, #footer a:active {
  color: #777; 
  text-decoration: underline; 
  outline: 0;
} 
.bot-post ul li a:hover, .bottom-post ul li a:active {
  color: #555; 
}
a:focus {
  text-decoration: none;
  outline: thin dotted;
  opacity: 0.7;
}
.comment-edit-link:link,.comment-edit-link:visited,
.articleBody a:link, .articleBody a:visited,
.latestin .title a:link, .latestin .title a:visited,
.cat-name a:link, .cat-name a:visited,
.text a:link, .text a:visited, .text a:hover, .text a:focus,
.post-edit-link:link, .post-edit-link:visited, 
.post-edit-link:hover, .post-edit-link:focus,
.comment-reply-link:link, .comment-reply-link:visited
.comment-reply-link:hover, .comment-reply-link:focus,
.latest a:link, .latest a:visited,
.latest a:hover, .latest a:focus,
#contents li a {
  color: #3281c5!important;           /*  blue    */
}   
/*  Hover   */

embed, object, iframe, video,
#header h1, #logo-text, .custom-logo, 
.avatar, #up-bg, a,
.col3, .col4,
img, .wp-caption { 
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease-0s;
          transition: all 0.5s ease 0s;  
}
#header h1:hover, #header h1:focus, 
#logo-text:hover, #logo-text:focus,
.custom-logo:hover, .custom-logo:focus {
  opacity: 0.6;
}
#up-bg:hover, #up-bg:focus,
embed:hover, object:hover, iframe:hover, video:hover,
.avatar:hover, .avatar:focus,
#social a:hover, #social a:focus,
img:hover { opacity: 0.8!important;}
img.cboxPhoto { opacity: 1!important;}


/************************************************
*  6.0 - Site Structure   *
************************************************/

#container { 
  max-width: 1280px; 
  height: 100%; 
  background: #fff;   
  margin: 0 auto 0; 
  padding: 0 20px 0 20px;
  overflow: hidden;
} 
#header { }
#top-menu { }             
.page { 
  position: relative; 
	width: auto;
	height: auto;
  margin: 0 0 20px 0; 
	text-align: left;
} 
.onecolumn { 
  float: left;
  height: auto;
  text-align: left; 
  overflow: hidden; 
}
.maincolumn { 
  float: right; 
  margin-bottom: 10px;
}
.sidebar { 
  height: auto;
  margin-bottom: 10px;
}
#sidebar1 { float: left;}
#sidebar2 { float: right;} 
#sidebar3 { float: left; margin-left: 23px;} 

/* if 3 column  */
#col3 .onecolumn { width: 75.8%;}
#col3 .maincolumn { width: 68.2%;}
#col3 #sidebar1 { width: 29%;}
#col3 #sidebar2 { width: 22%;} 

/* if 4 column  */
#col4 .onecolumn { width: 60.8%;}
#col4 .maincolumn { width: 65%;}
#col4 #sidebar1 { width: 31.8%;} 
#col4 #sidebar2 { width: 19.4%;} 
#col4 #sidebar3 { width: 16%;} 

#bottom { } 
#footer { } 

/************************************************
*  7.0 - Column   *
************************************************/

.col {
  position: relative;
  height: auto;
  vertical-align: top;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  clear: none;
  overflow: hidden;  
}
.col1 { width: 100%;}
.col2 { 
  width: 46%;
	margin-left: 1.5%;
	margin-right: 1.5%;
} 
.col3 {	
  float: left;
	width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
}
.col4 {	
  float: left;
	width: 23.5%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 15px;
}

/************************************************
*  8.0 - Advertising  *
************************************************/
/* header		*/

#add-header { 
  position: absolute; right: 0; top: 20px;
  width: 480px; 
  height: 60px; 
  padding: 0; 
  z-index: 100; 
} 
.ad-header { 
  width: auto; 
  height: auto; 
  padding: 0; 
  overflow: hidden;
  z-index: 100; 
} 
#ad-h1 { margin-top: 20px;}
#ad-h2 { margin-bottom: 10px;}

.ad-header img { border: 0;} 

.ad-header .col4:first-child { margin-left: 0!important;}
.ad-header .col4:last-child { margin-right: 0!important;}

.main-top { 
	width: auto;
	height: auto;
  margin: 0 auto 25px;
  clear: both;
}
.add { 
	width: auto;
	height: auto;
  margin: 10px auto 25px;
  clear: both;
}
.main-top img, .add img { 
  margin: 0 auto 0;
  border: 0;
}

/************************************************
*	9.0 - Header  		 						*
************************************************/

#header { 
  position: relative; 
  width: 100%; 
  height: auto;
  min-height: 145px;
  color: #000;
}
#head-center { 
  position: relative; 
  overflow: hidden;
}
#title-box { 
  float: left;
  width: 24.5%;
  display: table;
  line-height: 1;
  text-align: center;
}
#title-box span { 
  vertical-align: middle;
  font-size: 20px;
  display: inline-block;
}
.custom-logo { 
  position: relative; 
  z-index: 100;
  margin: 0 50px 0 0;
  border: 0;
  display: block;
} 
#header h1, #title {
  margin: -5px 0 0 0!important;
  width: auto; 
  font-weight: normal; 
  line-height: 1;
  text-shadow: 1px 1px 1px #fff;
  color: #000;
  clear: both;
  z-index: 100;
  display: block;
} 
#title:hover, #title:active {
  text-decoration: none;
  color: #666; 
}
#desc { 
  width: auto;
  margin: 10px 0 0 0;
  line-height: 1;
  text-shadow: 1px 1px 1px #fff;
  clear: both;
}
#city {
  float: left;
  width: 75%;
  border: 0;
}
#add-header { 
  position: absolute; right: 20px; top: 0;
  width: 200px; 
  height: auto; 
  text-align: center;
} 
#add-header::after, #add-header::before {
  position: absolute; left: 100%; top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
}
#add-header::after {
	border-width: 15px;
	margin-top: -15px;
}
#add-header::before {
	border-width: 16px;
	margin-top: -16px;
}
.add-head {
  padding: 8px 0 8px 0;
  font-size: 100%;
}
.add-head:link, .add-head:visited,
.add-head:hover, .add-head:active { 
  color: #fff;
}

/************************************************
 * 9a.0 - Main Menu 
************************************************/	
/* 9a.1 - Menu   */

/*	collapse		*/

.collapse {  
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  overflow: visible;
  clear: both;
  z-index: 10000;
  display: block;
  -webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
     -moz-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
          box-shadow: 0 0 6px 0px rgba(0,0,0,0.4);
}
.navbar-collapse { 
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  clear: both;   
}
nav.in { display: block;}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  background: #fff; 
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
/*  navbar-toggle  */

.navbar-toggle {
  position: absolute; top: 9px; right: 10px;
  padding: 7px;
  border-radius: 4px;
  display: none;
  z-index: 10000;
  cursor: pointer; 
}
.navbar-toggle:focus {
  outline: thin dotted;
  opacity: 0.9;
}
.navbar-toggle:active,
.navbar-toggle:hover {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #bcbcbc;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-toggle {
  border: 1px solid #ccc;
  background-color: #fff;
}
/*  Menu    */

.first-menu li { list-style-type: none;}

@media (min-width: 769px) {
    #top-menu {  
      position: relative;
      width: 100%; 
      min-height: 46px; 
      margin-bottom: 35px; 
      padding: 0; 
      text-align: left;
      z-index: 100;
    } 
    #top-menu .left, #top-menu .right {  
      height: 46px; 
      color: #fff; 
      text-align: left;
      z-index: 100;
    } 
    #top-menu .left { 
      position: absolute; top: 0; left: 0;
      width: 78.6%;
    } 
    #top-menu .right {
      position: absolute; top: 0; right: 0;
      width: 19.4%;
    } 
    .first-menu {
      width: auto;
      width: auto\9;
      max-width: 1160px; 
      height: 46px;
      margin: 0;
      *zoom: 1; 
     }
    .first-menu li {
      float: left;
      position: relative;
      height: 46px;
    }
      /*  Listings   */
    .first-menu a {
      margin-top: -3px;
      text-decoration: none;
      line-height: 46px;
      padding: 0 20px 0 20px;
      color: #fff;
      display: block;
    }
    .first-menu li.menu-item-has-children { padding-right: 10px;}
  
    /*   menu after   */
    
    #top-menu li.menu-item-has-children::after {
      position: absolute; top: 45%; right: 9px;
      content: '';
      width: 7px;
      height: 7px;
      border-left: 1px;
      border-bottom: 1px;
      display: block;
    }    
    .first-menu li.menu-item-has-children::after { 
      border: 3px solid #fff; 
      transform:  translateY(-75%) rotate(135deg);
    }         
    /*   sub-menu before, after  */
    
     #top-menu .first-menu ul li::after { display: none;}
    .first-menu ul li::before,
    .first-menu ul li.menu-item-has-children > a::after {
      content: '';
      width: 7px;
      height: 7px;
      border-left: 1px;
      border-bottom: 1px;
      display: block;
    }    
    .sub-menu li::before {
      position: absolute; top: 45%; left: 9px;
    }
    .sub-menu li.menu-item-has-children > a::after {
      position: absolute; top: 45%; right: 9px;
    }    
    .sub-menu li.menu-item-has-children > a::after,
    .sub-menu li::before { 
      border: 3px solid #999; 
      transform: translateY(-50%) rotate(45deg);        
    } 
    /*   sub-menu   */

    .first-menu ul { 
      position: absolute; top: 45px; left: 0;
      width: 250px;
      height: auto;
      background: #fff;
      box-shadow: 0 0 5px rgba(0,0,0,0.5)!important;
      z-index: 99999;
      visibility: hidden;
    }
    .first-menu ul ul { top: 0;}
    .first-menu ul li {
      text-align: left;
      width: 100%;
      height: auto;
      margin: 0;
      border-right: 0;
    }
    .first-menu ul li:hover, .first-menu ul li:active {       
      background: #f2f2f2;
    }    
    .first-menu ul a {
      width: 100%;
      text-shadow: 1px 1px 1px #fff;
      padding: 13px 10px 10px 27px;
      border-bottom: 1px dashed #e6e6e6;
      line-height: 1.2;
    }
    .first-menu li:hover > ul,
    .first-menu li:active > ul,
    .first-menu li.focus > ul {
      opacity: 1;
      visibility: visible;
      -webkit-transition-property: opacity; 
         -moz-transition-property: opacity; 
           -o-transition-property: opacity; 
              transition-property: opacity; 
      -webkit-transition-duration: 0.7s; 
         -moz-transition-duration: 0.7s; 
           -o-transition-duration: 0.7s; 
              transition-duration: 0.7s;
    }
    .first-menu ul {
      opacity: 0;
    }  
    .first-menu ul li:hover > ul,
    .first-menu ul li.focus > ul {
      left: 100%;
    }
}
/* 9a.2 - Search Form  */

#search { 
  position: relative;
  width: 86%;
  height: 46px;
  font-weight: 400; 
  margin: 0 auto 0;
  display: block;
  box-sizing: border-box;
}
#search #s {	
  width: 100%;
  height: 27px;
  background: #fff; 
  box-shadow: inset 3px 3px 3px rgba(0,0,0,.15);
  border-radius: 3px;
  margin-top: 10px;
  padding: 2px 0 3px 7px; 
  box-sizing: border-box;
  font-size: 110%; 
  color: #333;
}
button#searchsubmit {
  position: absolute; top: 9px; right: 0;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  color: #168fb9; 
  font-size: 15px; 
  text-align: center;
  border: 0;
  background: none;
  box-sizing: border-box;
  cursor: pointer; 
  z-index: 100;  
}
#search .fa {	
  color: #999;
  margin-top: 7px;
}

/************************************************
 * 10.0 -  The Front Page   
************************************************/
/* 10.1 - Slider   */

#home-slider {
  width: auto\9;
  max-width: 100%;
  height: auto;
  margin: 1px 0 25px 0;
  padding: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  overflow: hidden;
}
#slides_container {
  border: 1px solid #fff;
  margin: 7px;
  padding: 0 0 10px 0;
}
.slide {    
  position: relative;
  width: auto\9;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
.slider-title {
  position: absolute; left: 0; bottom: 30px;
  width: 90%;
  height: auto;
  margin: 0 1px 0 0;
  padding: 8px 10px 10px 10px;
  background: rgba(0,0,0,.4);
  text-align: center; 
  line-height: 1; 
  display: block; 
}
#slides-container a:link, #slides-container a:visited {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
}
#slides-container a:hover, #slides-container a:active {
  text-decoration: none;
  color: #eee;
}
#slides-container img {
  max-width: 100%;
  width: auto\9;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  overflow: hidden;
}
.slidesjs-pagination { 
  display: none;
}
/*  10.2 - Titles  */

.main-title { margin-top: 0;}
.sid-title, .main-title {
  position: relative;
  min-height: 37px;
  background: #dbd9dc;
  border: 1px solid #ccccce;
  display: block;
  margin-bottom: 25px;
}
.sid-title span, .main-title span {
  margin-top: -2px;
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
  text-shadow: 1px 1px 1px #fff;
  padding: 5px 10px 5px 10px;
  display: inline-block;
}
.sid-title::after, .main-title::after {
  content: ''; 
  position: absolute; left: 15px; bottom: -10px;
  border-top: 10px solid #dbd9dc;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.sid-title::before, .main-title::before {
  content: ''; 
  position: absolute; left: 13px; bottom: -11px;
  border-top: 11px solid #ccccce;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
/*  10.3 - Main Content   */

.main-content {	
  overflow: hidden;
	clear: both;
}	
/* 10.4 - Events   */

.events ul { margin: 0 0 15px 15px;}
.events ul li {	
	width: 100%;
  padding: 0 0 5px 1px;
}	
/* 10.5 - Video   */

.video-home {  
  height: auto;
  margin: 10px 0 25px 0; 
  padding: 0;
}
.video-home .last-title { padding-bottom: 12px;}
.video-box { 
  position: relative;
  height: 0; 
  margin: 0;
  padding-bottom: 56.25%;
  overflow: hidden; 
}
.video-box iframe, .video-box object, .video-box embed {
  position: absolute; top: 0; left: 0; bottom: 0;
  width: 100%;
  height: 100%; 
}
/* 10.6 - Latest	 */

.latest {  
  margin: 0 0 10px 0; 
}
.latestin { 
  overflow: hidden;
  margin-bottom: 20px;
  clear: both;
}
.latestin .post-meta { 
  margin: 5px 0 0 0;
  font-size: 95%;
}
.latestin img {
  float: left;
  margin: 0 12px 5px 0;
  width: 180px;
  height: 120px;
}
.latestin .title, .list .title {	
  padding-bottom: 5px;
  font-size: 120%;
  color: #2f74bd;
  line-height: 1;
  display: table-cell;
}
.latest p, .list p { 
  margin: 0; 
  padding: 0;
  font-size: 97%;
	text-align: justify;
  line-height: 1.2;
}
/*  10.7 - Content Day	  */

.col3, .other-col3 {	
  float: left;
	width: 30%;
	margin-bottom: 15px;
  _height: 200px;
}
.content-day .col3 { margin-right: 1.5%;}
.other-col3 { margin-right: 4.4%;}

.other-col3:nth-child(4n) { margin-right: 0;}
.cat-name {	
	width: 100%;
	margin: 0 0 15px 0;
	padding: 6px 0 5px 0;
	font-weight: normal;
	font-size: 110%;
  text-transform: uppercase;
  border-top: 1px dashed #3281c5;      /*  blue   */
  border-bottom: 1px dashed #3281c5;   /*  blue   */
}
.cat-name a:link, .cat-name a:visited { 
  text-transform: uppercase;
} 
.excerpt {
  position: relative; 
	margin: 0 0 5px 0;
	overflow: hidden;
	clear: both;
}
.excerpt img {
  *zoom: 1; 
  width: auto;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
.excerpt .title {	
  margin: 7px 0 5px 0;
  font-size: 100%;
  line-height: 1;
  display: block;
}
.excerpt .title a:link, .excerpt .title a:visited {
  font-weight: 700;
}
.excerpt p { 
  text-align: left;
  margin-bottom: 7px;
}
.more-facts {	 
  margin-bottom: 7px;
	font-size: 100%;
  color: #2f74bd;
  font-weight: 700;
}	
ul.more { margin-left: 15px;}

/*  10.8 - Page Description  */

.text-desc { 
  font: italic 14px Arial, verdana, Sans-Serif;
  line-height: 1.3;
  background: #fff;
  border: 1px dashed #ccc;
  padding: 15px 10px 15px 15px;
  margin-bottom: 20px;
  clear: both;
}
.text-desc p { margin-bottom: 10px;}

/************************************************
 * 11.0 - Excerpt
************************************************/

article.latestin img { margin-top: 3px;} 
article.latestin p { margin-bottom: 5px;} 
.post-edit-link { 
  float: right;
  max-width: 100px;
  text-align: right;
	font-size: 90%;	
  display: block;
} 

/************************************************
 * 12.0 - Article
************************************************/

.breadcrumbs { margin-bottom: 15px;}
.post-meta { margin-bottom: 8px;}
.time, .cat, .author, .post-meta fa { display: inline-block;}
.time, .cat, .author, .post-meta fa { padding-bottom: 7px;}
.articleBody { margin-bottom: 25px;}

/*  Table  */

.articleBody table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0 20px 0;
  border: 1px solid #ccccce;
  background: #fff;
}              
.articleBody thead, .articleBody th {
  vertical-align: text-top;
  padding: 12px 10px;
  background-color: #dbd9dc;
  border: 1px solid #ccccce;
  text-align: center;
}
.articleBody td, .articleBody tr {
  text-align: left;
  padding: 12px 10px;
}
.articleBody tr {
  border: 1px solid #ccccce;
}
.articleBody td {
  border: 1px dashed #ccccce;
}
.articleBody tr:nth-child(2n+1) { 
  background-color: #fff;
}
.articleBody tr:nth-child(2n) {
  background-color: #eee;
}
/*  Password Form   */

.post-password-form label input {	
  width: 87%;
  height: 32px;
  max-width: 250px; 
  background: #fff;
  padding: 6px 0 4px 7px; 
  border: 1px solid #ccccce;
  box-sizing: border-box;
  font-size: 15px; 
  color: #333;
}
.post-password-form input[type="submit"] { 
  width: 70px; 
  height: 31px;
  font-size: 15px; 
}
/*  Images   */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.articleBody .alignleft {
	float: left;
  height: auto;
	margin: 0 15px 12px 0;
}
.articleBody .alignright {
	float: right;
	display: inline;
	margin: 0 0 12px 15px;
}
.articleBody .aligncenter {
	clear: both;
	margin: 10px auto 10px;
}
.articleBody .alignnone {
	clear: both;
	margin: 10px 0 10px 0;
}
/*  Wp Caption   */

.wp-caption {
	text-align: center;
  margin: 10px 0 13px 0;
}
.wp-caption img, .gallery-item img {
  margin: 0 auto 0;
}
.wp-caption-text, .gallery-item .wp-caption-text {
  text-align: center!important;
  padding-top: 10px;
  display: block;
}
.wp-caption-text,
.gallery-item .wp-caption-text { 
  font-weight: 700;
  font-size: 15px;
	margin-bottom: 5px;
}
.gallery-item:hover .gallery-caption {
  color: #666;
}
/*  Gallery    */

.gallery { 
  margin: 20px 0 0 0;
}
.gallery-size-thumbnail,
.gallery-size-regular,
.gallery-size-medium,
.gallery-size-medium {}

/*  Gallery  Columns  */

.gallery-item {
  display: inline-block;
  padding-bottom: 10px;
  text-align: center;
  margin-left: 1%;
  margin-right: 1%;
}
.gallery-columns-1 .gallery-item {  
  width: 100%;
  margin: 0 auto 0;
  text-align: center;
}
.gallery-columns-2 .gallery-item {
  width: 45.8%;
  margin-left: 2%;
  margin-right: 2%;
}
.gallery-columns-3 .gallery-item {
  width: 29%;
  margin-left: 2%;
  margin-right: 2%;
}
.gallery-columns-4 .gallery-item {
  width: 21.8%;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
.gallery-columns-5 .gallery-item { width: 17.8%;}
.gallery-columns-6 .gallery-item { width: 14.4%;}
.gallery-columns-7 .gallery-item { width: 12%;}
.gallery-columns-8 .gallery-item { width: 10.3%;}
.gallery-columns-9 .gallery-item { width: 8.9%;}

/*  Listing - ul   */

.articleBody ul {
  margin: 10px 0 10px 17px;
  padding: 0;
  list-style: disc outside;  
  color: #333 !important;
}
.articleBody ul li {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #333;
  line-height: 1.3;
  list-style: outside disc;
}
.articleBody ul ul {
  margin: 7px 0 7px 15px;
  padding: 0;
}
.articleBody ul ul, .articleBody ol ol { list-style: inherit;}
.articleBody ul ol, .articleBody ol ul { margin: 7px 0 7px 15px;}
.articleBody ul ol li { list-style: outside decimal;} 

/*  Listing - ol   */

.articleBody ol {
  list-style: decimal outside;
  margin: 10px 0 10px 2px;
  padding: 0 0 0 15px;
}
.articleBody ol li {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #333;
  line-height: 1.3;
  list-style: outside decimal;
} 
.articleBody ol ol { margin: 7px 0 7px 0;}
.articleBody ol ol li {
  line-height: 1.2;
  list-style: outside lower-alpha;
}
.articleBody ol ul li { list-style: outside disc;} 

/* dl  */

dl {
  display: block;
  margin: 10px 0 10px 0;
  padding: 0;
}
dt { 
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}
dd {   
  display: block;
  margin-left: 15px;
  margin-bottom: 10px;
  line-height: 1.3;
}
/* 12.1 -  Video   */

.video-single { 
  margin: 0 0 25px 0;
  padding: 0;
}
.video-single h3 { 
  position: relative;
  background: #fff;
  margin: 0 0 20px 0;
  padding: 12px 12px 15px 12px;
  border: 1px dashed #ccc;
  font-size: 110%;
  line-height: 1.2;
}
object { border: 0;}

/* 12.2 -  Tags   */

.post-footer{ 
  overflow: hidden;
  margin: 0 0 20px 0;
}
.post-tags { 
  float: left;
  width: 90%;
}
.post-tags a {
  position: relative;
  background-color: #dbd9dc;    /*  gray   */
  border: 1px solid #ccc;
  border-right: 0;
  color: #000;
  margin: 0 13px 7px 0;
  display: inline-block;
  padding: 5px 15px 5px 10px;
  font-size: 14px;
  letter-spacing: 1px;
  -webkit-transition: background-color .1s linear;
     -moz-transition: background-color .1s linear;
          transition: background-color .1s linear;
  -webkit-border-radius: 2px 0 0 2px;
     -moz-border-radius: 2px 0 0 2px;
          border-radius: 2px 0 0 2px;
}
.post-tags a:before {
  content: '';
  position: absolute; right: -8px; top: 0;
  border-left: 8px solid #dbd9dc;            /*  gray   */
  border-top: 13px solid rgba(0,0,0,0);
  border-bottom: 13px solid rgba(0,0,0,0);
  width: 0;
  height: 0;
  -moz-transition: border-left .1s linear;
  -webkit-transition: border-left .1s linear;
  transition: border-left .1s linear;
}
.post-tags a:after {
  content: '';
  position: absolute; right: 3px; top: 11px;
  width: 5px;
  height: 5px;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
}
.post-tags a:link, .post-tags a:visited { color: #000;}
.post-tags a:hover { opacity: 0.7} 

/* 12.3 -  Print   */

.print { float: right;}
.fa-print { color: #bdbdbd;}

/* 12.4 -  Other   */

.other { 
  margin-bottom: 0;
  overflow: hidden;
  clear: both;
}
.other h3, .comments h3 { 
  margin-bottom: 25px;
  text-align: center;
}
.other-col3 {	margin-right: 3%; margin-bottom: 0;}
.other-col3 img {	margin-bottom: 10px;}
.other-col3 h4 { 
  font-size: 100%;
  line-height: 1.2;
  margin-top: 0;
}

/************************************************
 * 13.0 - Post Format   *
************************************************/

.sticky, .sticky,.format-aside,.format-quote,.format-image,.format-gallery,.format-video,.format-audio,
.single-format-aside .article,.single-format-quote .article,.single-format-image .article,
.single-format-gallery .article,.single-format-video .article,.single-format-audio .article { 
	box-sizing: border-box;
	overflow: hidden;
}
.single-format-aside .article,.single-format-quote .article,.single-format-image .article,
.single-format-gallery .article,.single-format-video .article,.single-format-audio .article { 
  margin-bottom: 10px;
}
.sticky { 
  background: #fffce9;
  border: 1px dashed #dfd595;
  padding: 10px;
}
.single-format-aside .article,.format-aside { 
  background: #f7fcf3;
  border: 1px dashed #d2e0c7;
  padding: 10px;
}
.single-format-quote .article,.format-quote { 
  background: #fef2f2;
  border: 1px dashed #edc6c6;
  padding: 10px;
}
.single-format-image .article,.format-image { 
  background: #ecf4fe; 
  border: 1px dashed #c5d5e9;
  padding: 10px;
}
.single-format-gallery .article,.format-gallery { 
  background: #f7fde9; 
  border: 1px dashed #d6e2b8;
  padding: 10px;
}
.single-format-video .article,.format-video { 
  background: #ebf8fd;
  border: 1px dashed #c5dde7;
  padding: 10px;
}
.single-format-audio .article,.format-audio { 
  background: #f8effb; 
  border: 1px dashed #dac4e2;
  padding: 10px;
}

/************************************************
 * 14.0 - Social   *
************************************************/

.social { 
	text-align: center;
  margin-bottom: 25px;
} 
.social a {
	margin: 3px 5px 3px 0;
	text-shadow: none;
	display: inline-block;
}
.social a:first-child { margin-right: 2px;}
.social a:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	opacity: 0.7;
}
.social i:before {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
  border-radius: 34px;
}
.social i {
	color: #fff;
	font-size: 16px;
}
.social .fa-rss:before {
	background: #df6f24;
}
.social .fa-vk:before {
	background: #336699;
}
.social .fa-twitter:before {
	background: #45b0e3;
}
.social .fa-facebook-f:before {
	background: #39599f;
}
.social .fa-odnoklassniki:before {
	background: #f39d38;
}
.social .fa-pinterest-p:before {
	background: #E00707;
}
.social .fa-instagram:before {
	background: #517fa4;
}
.social .fa-flickr:before {
	background: #ff0084;
}
.social .fa-youtube:before {
	background: #c00000;
}
.social .fa-vimeo-v:before {
	background: #0374a5;
}
.social .fa-linkedin-in:before {
	background: #2084af;
}

/************************************************
 * 15.0 - Sidebar    *
************************************************/
/* 15.1 - Box   */

.box { 
  width: 100%;
  margin-bottom: 20px; 
}
/* 12.2 - Category   */

#category-box { margin-bottom: 15px;}    
.category-list {
  font-size: 115%;
  margin-left: 0;
  list-style: none;
}
.category-list li { 
  position: relative;
  padding-left: 20px;
  line-height: 1.4;
}
.category-list li a {
  line-height: 1;
}
/*  category-list li before  */

#category-box li::before {
  content: '';
  width: 7px;
  height: 7px;
  border-left: 1px;
  border-bottom: 1px;
  display: block;
}    
.category-list li::before  { 
  position: absolute; top: 35%; left: 0;
  border: 3px solid #999999; 
  transform: translateY(-50%) rotate(45deg);        
}         
/* 15.3 - News Announcements   */
/*  Type 1 - Images   */

.block1 { 
  margin-bottom: 10px;
  overflow: hidden;
}
.block1 img {
  float: left;
  width: 100px;
  height: 80px;
  margin: 2px 10px 5px 0;
  display: inline!important;
}
#foto-block {
  overflow: hidden;
}
.foto-block {
  float: left;
  margin-right: 2.5%;
  padding-bottom: 2px;
  overflow: hidden;
}
.foto-block img {
  width: 58px;
  height: 46px;
  margin: 0;
}
.block1 h4 { 
  max-width: 100%;
  font-size: 100%;  
  display: table-cell;
  margin: 0 0 12px 0;
}
.sid-meta { 
  color: #777;
  margin-top: 7px;
}
/*  Type 2  -  Title   */

ul.block2 { 
  margin-left: 0;  
  margin-bottom: 15px;
  list-style: none;
}
ul.block2 li {
  padding: 9px 0 9px 0;
  border-bottom: 1px dashed #d4d4d4;
}
ul.block2 li:first-child {
  border-top: 1px dashed #d4d4d4;
}
/*  Type 3  - Anons   */

.block3 { margin-bottom: 15px;}
.block3 h4, .block3 h4 a {
  font-size: 100%;
  font-weight: 700;
}
.block3 h4 {
  margin-bottom: 5px;
}
.block3 p {
  font-size: 97%;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 0;
}
/* 15.4 - Tag Cloud   */

.tag-cloud { margin-bottom: 20px; line-height: 1.4;}
 
/* 15.5 - Sub box   */

.sub-box {
  max-width: 350px;
  padding: 15px 20px 10px 20px;
  margin: 0 auto 20px;
	box-sizing: border-box;
	border-radius: 6px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.sub-title {
  background: none;
  text-align: center;
  margin: 0 0 15px 0;
  line-height: 1;
}
img#sub-img {
  float: none;
  width: 100%;
  margin: 0 auto 20px;
  max-width: 300px;
  display: block;
}
form#SR { 
  width: 100%; 
  max-width: 240px;
  margin: 0 auto 5px;
  overflow: hidden;
}
.input-text { 
  width: 100%; 
  height: 33px;
  background: #fff; 
  box-shadow: inset 4px 4px 4px rgba(0,0,0,.06);
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 100%; 
  margin-bottom: 15px;
  padding: 3px 0 4px 5px; 
  display: block;
	box-sizing: border-box;
  margin-bottom: 5px;
}
.submitSub {
  width: 100%;
  height: 36px;
  background: #8f8f8f url('images/sub-button.png'); 
  border: 1px solid #8f8e8e;
  border-top: 1px solid #a2a0a0;
  border-bottom: 1px solid #6c6c6c;
  box-shadow: 2px 2px 2px rgba(0,0,0,.1);
  margin-right: 3%;  
  padding: 3px 0 6px 0; 
  font-size: 120%; 
  color: #fff;
  margin: 10px 0 10px 0;
  text-shadow: -1px 0px 1px rgba(0,0,0,0.5);  
  letter-spacing: 2px;
  cursor: pointer;
}
.submitSub:hover {
  opacity: 0.9;
}
/* 15.6 - Accordion   */

#accordion .sid-title { 
  cursor: pointer;
  margin-bottom: 10px;
}
#accordion .sid-title.active { 
  cursor: pointer;
  margin-bottom: 25px;
  color: #fff;
}
#accordion span {
  margin-top: -1px;
}
.sid-title.active span {
  text-shadow: none;
}
.ac-block { margin-bottom: 20px;}
.ac-block .avatar { 
  float: left;
  width: 60px;
  height: 60px;
  margin: 2px 10px 5px 0;
}
/*  15.7 - Tabs    */

#tabs-box { 
  width: 100%;
  margin: 0 auto 20px;
}
.tabs-menu { 
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tabs li {
  float: left;
  z-index: 100;
  width: 50%;
  min-height: 36px;
  line-height: 36px;
  background: #dbd9dc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #ccc;
  text-align: center;
  margin-bottom: -10px;
  padding: 0 10px 10px 10px;
  box-sizing: border-box;
  list-style: none;
}
.tabs li a {
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
  text-shadow: 1px 1px 1px #fff;
  display: inline-block;
  font-size: 120%;
  margin-top: -3px;
}
.tabs li.active a {
  text-shadow: none;
  color: #fff;
}
.tab-content { 
  position: relative;
  z-index: 1000;
  padding: 20px 10px 5px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 97%;
  clear: both;
  overflow: hidden;
}
.tab-content a:link, .tab-content a:visited,
.tab-content a:hover, .tab-content a:active { 
  color: #fff;
}
.tab-content .sid-meta, .tab-content .fa {
  color: #c3c3c3;             /*   gray     */
}
.tab-time { 
  padding-bottom: 5px;
  display: block;
}
/*  15.8 - Widgets    */

.widget { max-width: 100%;} 
.widget  ul {
  margin-left: 15px;
  padding: 0;
  list-style: outside disc;
  color: #333 !important;
}
.widget ul li {
  line-height: 1.4;
  list-style: outside disc;
}
.widget ul li a:link, .widget ul li a:visited {
  color: #333;
}
.widget ul li a:hover, .widget ul li a:active {
  color: #666;
}
/*  Calendar   */

#wp-calendar { 
  border-collapse: collapse;
  margin: 0 auto 0;
}
#wp-calendar caption { 
  padding-bottom: 13px;
  font-size: 120%;
}
#wp-calendar th, #wp-calendar td { 
  width: 50px;
  height: 24px;
  text-align: center;
}
#wp-calendar a:link, #wp-calendar a:visited { 
  padding: 5px 10px 4px;
}
#wp-calendar tfoot tr { 
  border-top: 2px solid #ccc;
  padding-top: 10px!important;
}
#wp-calendar #prev a:link, #wp-calendar #next a:link,
#wp-calendar #prev a:visited, #wp-calendar #next a:visited { 
  position: relative;
  padding: 5px 10px;
  margin: 0;
}
#wp-calendar a:hover, #wp-calendar a:focus { 
  opacity: 0.7;
}

/************************************************
*  16.0 - Comments   
************************************************/

.comments {   
  width: 100%;
  font-family: Arial, Verdana, Sans-Serif; 
  font-weight: 400; 
  margin-top: 15px;
}
/*	Anchors   */

a.add-comments { 
  position: relative;
  max-width: 280px;
  margin: 10px 0 10px 0!important;
  display: inline-block;
} 
#add-comments { 
  float: left;
  width: auto; 
  margin: 0 0 20px 0 !important; 
} 
/*  16.1 -	Ñommentlist   */

.commentlist {  
  list-style-type: none; 
  font-family: Arial, Verdana, Sans-Serif; 
  font-weight: 400; 
  margin: 0 0 0px 0; 
}
.commentlist li {  
  padding: 10px 0 0 0; 
  list-style-type: none; 
  clear: both;
}
.comment-text {
  border: 1px dashed #ccc;
}
.bypostauthor {}
.bypostauthor .comment-text {
  border: 1px dashed #3f71b5;
}
.comments img.avatar { 
  float: left;
  position: relative;
  margin: 0 10px 5px 0; 
  width: 50px; 
  height: 50px; 
  border: 1px solid #ddd;
}
.comment-meta { 
  text-align: left; 
  margin: 5px 0 10px 0; 
  color: #555; 
	font-size: 13px;
}
/*  comment_text  */

.comment-text {  
  width: auto; 
  margin: 0 0 7px 60px;   
  padding: 10px 10px 0 10px; 
  background: #fff;
} 
.comment-text p { width: auto;} 
.comment-moderation {
  width: 100%;
  font-style:italic; 
  font-size: 16px;
}
/*  comment_text ul   */

.comment-text ul {
  margin: 10px 0 10px 17px;
  padding: 0;
  list-style: outside disc;
  color: #333 !important;
}
.comment-text li {
  margin: 0!important;
  padding:  0!important;
  line-height: 1.3!important;
} 
.comment-text ul li {
  text-decoration: none;
  color: #333;
  list-style: outside disc;
}
.comment-text ul ul {
  margin: 7px 0 7px 15px;
  padding: 0;
}
.comment-text ul ui li {
 line-height: 1.2;
}
/*  comment_text ol   */

.comment-text ol {
  margin: 10px 0 10px 2px;
  padding: 0 0 0 15px;
}
.comment-text ol li { 
  text-decoration: none;
  color: #333;
  list-style: outside decimal;
} 
.comment-text ol ol {
  margin: 7px 0 7px 0;
}
.comment-text ol ol li {
  line-height: 1.2;
  list-style: outside lower-alpha;
}
/*   ol ul   */

.comment-text ol ul {
  margin: 7px 0 7px 15px;
}
.comment-text ol ul li { list-style: outside disc;} 

/*   ul ol   */

.comment-text ul ol {
  margin: 7px 0 7px 15px;
}
.comment-text ul ol li { list-style: outside decimal;} 
#respond { margin-top: 15px;}

/*   Reply    */

.reply { margin-top: 15px; }
.comment-reply-link { font-size: 14px;}
#cancel-comment-reply-link {
  max-width: 110px;
  margin-top: 15px;  
  margin-bottom: 15px;
  font-size: 14px;
  display: block;
}
/*  Comments Child    */

ol.commentlist li.depth-1 {   
  margin: 0 0 10px 0; 
}
ol.commentlist ul.children,
ol.commentlist ul ul.children,
ol.commentlist ul ul ul.children,
ol.commentlist ul ul ul ul.children {
  width: auto;  
  height: auto;
  margin: 15px 0 0 0; 
  list-style: none; 
  clear: both;   
}
ol.commentlist ul.children li { 
  height: auto;
  margin: 0 0 0 20px;
  list-style-type: none; 
  clear: both;
 }
.comment-text a:link, .comment-text a:visited {
  text-shadow: #fff 1px 1px 1px;
}
/*  16.2 -	 Commentsform	  */

#commentform, #contactform { 
  font-family: Arial, Verdana, Sans-Serif; 
  margin-top: 20px;
  z-index: 100;
  overflow: hidden;
} 
/* p  */

#commentform p, #contactform p { 
  margin-bottom: 0;
} 
.comment-notes {
  padding-bottom: 15px;
  font-size: 13px;
  font-weight: 700;
}
#email-notes { 
  display: block;
  margin-bottom: 7px;
}
.comment-form-author, 
.comment-form-email,
.comment-form-url {
  float: left;
  width: 31%;
  margin-right: 3.4%;
  margin-left: 0;
  padding-bottom: 15px;
}
.comment-form-author { clear: both;} 
.comment-form-url {	margin-right: 0; margin-top: 5px;} 
.form-submit { margin-top: 30px;}
#col3 .form-submit { 
  width: 31%;  
}
#col4 .form-submit { 
  width: 50%;  
}
/*  input text  */

#commentform label {
  text-align: left;
  clear: both;
  display: block;
}
#commentform input, #commentform textarea,
#contactform input, #contactform textarea {
  width: 100%;
  margin: 10px 0 10px 0; 
  padding: 5px 7px; 
  box-sizing: border-box;
  font-family: Arial, Verdana, Sans-Serif; 
  box-shadow: inset 4px 4px 4px rgba(0,0,0,.06);
  font-size: 100%;
  display: block;
}
#commentform textarea,
#contactform input,
.comment-form-author input, 
.comment-form-email input,
.comment-form-url input {
  border: 1px solid #ccc;
}
#contactform input, #commentform input { 
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  clear: both;
} 
textarea#cp_message, textarea#comment { 
  width: 100%;
  min-height: 180px; 
  background: #fff;
  margin-bottom: 15px;
  overflow: auto;
}
.comment-form-author input, 
.comment-form-email input,
.comment-form-url input {
  background: #fff;
}
.logged-in-as { padding-bottom: 15px;}
.required { 
  font-size: 20px;
  font-weight: 700;
  margin-top: -3px;
  display: inline-block;
}
#submit {
  letter-spacing: 0;
  font-size: 110%!important;
  padding: 0!important;
  text-align: center;
  box-shadow: none!important;
}

/************************************************
*  17.0 -  Site Navigation   *
************************************************/
/*	17.1 - Post navigation   */

.pagination {
  margin: 40px 0 20px 0; 
  clear: both;
}
.pagination .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute; 
}
.pagination .page-numbers {
  text-align: center;
  padding: 0; 
}
.pagination .page-numbers li {
  display: inline-block; 
  margin-bottom: 10px;
}
.pagination .page-numbers .page-numbers {
  display: block;
  line-height: 1;
  padding: 10px 12px 8px 12px;
  margin-right: 4px;
  transition: all 0.5s; 
  font-size: 16px;
}
.pagination .page-numbers .page-numbers:hover:not(.dots) {
  text-decoration: none;
  transition: all 0.5s; 
}
.pagination .page-numbers .page-numbers.current {
  padding: 10px 12px 8px 12px;
  border: 0;
} 
.pagination .page-numbers .page-numbers.current:hover {
  border: 0;
  color: #333;
}
.pagination .prev, .pagination .next {
	background: none!important;
  border: 0!important;
}
/*	17.2 - Pages navigation    */

.link-pages {
  margin: 0 0 20px 0; 
  text-align: center;
  font-size: 16px;
}
.link-pages a, .link-pages span {
  display: inline-block;
  width: auto;
  margin: 0 3px 3px 4px;
  padding: 8px 12px 6px 12px;
  font-weight: 400;
  line-height: 1;
  transition: all 0.5s; 
  font-size: 16px;
}
.link-pages span span {
  margin: -8px 0 0 0;
}
.link-pages a span {
  margin: 0;
  padding: 0;
  background: none!important;  
  border: 0;                 
  color: #000!important;
}
.link-pages a, .ddsg-pagenav a,
.pagination .page-numbers .page-numbers:not(.dots) {
  background: #fff;
  border: 1px solid #d5d5d5;               /*    gray    */
}
.link-pages a:hover,.ddsg-pagenav a:hover,
.pagination .page-numbers .page-numbers:hover:not(.dots) {
  background: #f3f3f3;                     /*   light gray  */
  border: 1px solid #d5d5d5;               /*    gray    */
}
/*  17.3 - Image navigation   */

#image-navigation {
  max-width: 100%;
  margin: 20px auto 30px!important; 
  padding-top: 0; 
}
#attachment { 
  clear: both;
}
#attachment img {
  margin: 0 auto 20px; 
  display: block;
}
#attachment p { text-align: center; font-weight: 700;}
#attachment .go { margin-top: 20px;}

/*	17.4 - Comment navigation   */

.comment-navigation { 
  width: 100%;
  height: auto;
  margin: 0 auto 10px; 
  padding: 0;
  overflow: hidden;
  border: 0;
} 
.nav-previous, .nav-next { 
  padding: 0 0 10px 0; 
  color: #3f71b5;
} 
.nav-previous { float: left;} 
.nav-next { float: right;} 
.nav-previous a:link, .nav-next a:link,
.nav-previous a:visited, .nav-next a:visited { 
  font-size: 15px;
  font-weight: 700;
  text-shadow: 1px 1px 1px #fff; 
} 

/************************************************
 * 18.0 - Bottom Menu
************************************************/

.bottom-menu {
  width: auto;
  margin: 0 auto 20px;
  clear: both;
}
.second-menu {
  width: auto;
  list-style: none;
  margin: 0 auto 0;
  padding: 10px 0 10px 0;
  overflow: hidden;
  text-align: center;
  display: block;
}
.second-menu li {
  list-style: none;
  display: inline-block;
  border-right: 1px solid #666; 
}
.second-menu li a {
  padding: 5px 15px 5px 15px;
	font-size: 140%;
}
.second-menu li:first-child {     
  border-left: 1px solid #666; 
} 

/************************************************
 * 19.0 - Bottom Block
************************************************/

#bottom {  
  width: 100%; 
  height: auto;
  padding: 0 0 10px 0;
  background: #dbd9dc;
  color: #333; 
  overflow: hidden;
} 
/* 19.1 - Bottom Post		*/

.bot-post {	
	width: 19%;
	margin-left: 1.5%;
	margin-right: 1%;
  margin-top: 5px;  
  margin-bottom: 0;  
  padding: 15px;
  display: inline-block;
  overflow: hidden;
}
.bot-post:last-child {
    float: right;
    width: 28%;
    margin-right: 2%;
}
.bot-title {
  width: 100%; 
  margin: 0 0 15px 0; 
  padding: 0;  
  font-weight: normal; 
  text-shadow: 1px 1px 1px #fff;
  text-align: center;
}
.bot-post ul {
	margin: 0 0 15px 2px;
	padding: 0;
  color: #666; 
} 
.bot-post ul li {
  float: left; 	
	width: 100%;
  line-height: 1.4;
  list-style-position: inside;
  list-style-type: disc; 
} 
/* 19.2 - Custom Logo		*/

#logo-box { 
  max-width: 80%;
  margin: 0 auto 0;
	display: flex;
  justify-content: center;
}
.copyright { 
  text-align: center; 
  margin-top: 15px; 
}
/* 19.3 - Social Networks		*/

#bottom-icons { 
	text-align: center;
} 
#bottom-icons i {
	color: #777;
	font-size: 16px;
}
#bottom-icons i:before {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
  border-radius: 32px;
}
#bottom-icons .fa:before, #bottom-icons .fab:before {
	background: #fff;
	border: 1px solid #c1c1c1;
}

/************************************************
 * 20.0 - Page Templates 
************************************************/
/* 20.1. -  Author.php   */

.text-desc img { 
  float: left;
  margin: 3px 12px 12px 0;
}
.text-desc span { 
  display: block;
  margin-bottom: 7px;
}
.user-desc { clear: both;}

.box-title { margin-bottom: 25px;}

/* 20.2. -  SiteMap.php   */

.ddsg-wrapper ul li {
  font-weight: 700;
  font-size: 110%;
}  
.ddsg-wrapper ul ul li {
  font-weight: 400;
  font-size: 100%;
}  
.ddsg-wrapper h2 { margin-bottom: 25px;}

.ddsg-pagenav {
  margin: 40px 0 20px 0; 
  clear: both;
}
.ddsg-pagenav p {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.ddsg-pagenav a {
  display: inline-block; 
  margin-top: -10px;
  line-height: 1;
  padding: 10px 12px 8px 12px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.5s; 
}
.ddsg-pagenav a:hover {
  text-decoration: none;
}
/* 20.3. -  Contact.php   */

p.cpinput {
  float: left;
  width: 46%;
  margin-right: 3.4%;
  margin-bottom: 5px;
}
p.cptextarea {   
  margin-top: 15px;
  margin-bottom: 15px;
}
p.cptextarea, #cp_message { 
  width: 95.4%;
  clear: both;
}
#contactform label { display: block;}

/* 20.6 -  TagCloud.php   */

.tag-cloud a {
  padding-right: 12px;
  vertical-align: baseline;
}

/************************************************
*  21.0 - Plugins 
************************************************/
/* 21.1 - Subscribe to comments  */

.subscribe-to-comments {
  width: 100%; 
  margin-top: 10px;
  padding-bottom: 20px;
} 
input#subscribe {
  float: left;
  display: block;  
  width: 15px!important;
  margin: -4px 10px 0 0;
  padding: 0;
  box-shadow: none;
}
.subscribe-to-comments label {
  padding: 4px 0 0 0;
  clear: none!important;
}
/* 21.2 - Colorbox   */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden; padding: 0!important;}
#cboxLoadedContent{overflow:auto;margin: 0!important;} 
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{ text-indent: -9999px;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;border: 0;}
/*  ColorBox user style */
#cboxOverlay{background: rgba(0,0,0,0.8);}
#colorbox{ }
    #cboxContent{background:#000;}
        #cboxLoadedContent{ border:0;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; text-indent:-9999px;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; text-indent:-9999px;}
            #cboxPrevious::before {
              position: absolute; top: 50%; left: 9px;
              content: '';
              border: 7px solid #d2d3cf;
              width: 1.5rem;
              height: 1.5rem;
              transform: translateY(-50%) rotate(45deg);        
              border-right: 0;
              border-top: 0;
              display: block;    
              box-shadow: -2px 2px 2px rgba(0,0,0,0.5);
            }
            #cboxNext::before {
              position: absolute; top: 50%; right: 9px;
              content: '';
              border: 7px solid #d2d3cf;
              width: 1.5rem;
              height: 1.5rem;
              transform: translateY(-50%) rotate(45deg);        
              border-left: 1px;
              border-bottom: 1px;
              display: block;
              box-shadow: 2px -2px 2px rgba(0,0,0,0.5);
            }
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url('images/loading.gif') center center no-repeat;}
        #cboxClose { 
          position:absolute; top:5px; right:5px;   
          width: 35px;
          height: 35px;
          background: transparent;  
          border-radius: 50%;    
          transform:rotate(45deg);
          display:block; 
          text-indent:-9999px;
          cursor: pointer;
          border: 2px solid #d2d3cf;
          border-radius: 50%;
          box-shadow: -2px 2px 2px rgba(0,0,0,0.3);
        }
            #cboxClose::before,
            #cboxClose::after {
              content: "";
              position: absolute;
              top: 13px;
              left: 4px;
              width: 22px;
              height: 4px;
              background: #d2d3cf;
            }
            #cboxClose::before {
              transform: rotate(45deg);
            }
            #cboxClose::after {
              transform: rotate(-45deg);
            }
        #cboxContent button:hover, #cboxClose:hover{ opacity: 0.8;}
#cboxOverlay img.cboxPhoto {
  *zoom: 1; 
  width: auto;
	width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
	background: transparent;
  vertical-align: top;
  box-sizing: border-box;
  border: 0;
}
#cboxOverlay img.cboxPhoto:hover { opacity: 1!important;}

/************************************************
*	22.0 - Footer								*
************************************************/

#footer {  
  width: 100%; 
  height: auto;
  background: #dbd9dc;
  border: 1px solid #ccccce;  
  min-height: 120px;
  text-align: center;
  font-weight: normal; 
  margin: 0; 
  padding: 30px 20px 15px 20px;
  overflow: hidden;
} 
#footer a, a:visited { 
  text-decoration: none; 
} 
#footer a:hover { 
  text-decoration: underline; 
} 
#footer .copy p { font-size: 90%;}
.track {   
  clear: both;
  width: 80%; 
  height: 30px;
  margin: 25px auto 0; 
  padding: 0;
} 
.track img {   
  float: none;
  margin-right: 5px; 
} 
/*  Up   */

#up-bg { 
  position: fixed; bottom: 10px; right: 25px;
  width: 45px;
  height: 22px;
  z-index: 1000;
}
.arrow-to-top {
  color: transparent;
}
.arrow-to-top:before{ 
  position: absolute; top: 50%; left: 9px;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;  
  cursor: pointer;  
}
#up {
  transform: rotate(135deg) translate(0px, 25px);
  -webkit-transform: rotate(135deg) translate(0px, 25px);
  -moz-transform: rotate(135deg) translate(0px, 25px);
  -o-transform: rotate(135deg) translate(0px, 25px);
  -ms-transform: rotate(135deg) translate(0px, 25px) translate(0px, 25px);
}      

/***********************************************
* 23.0 -  Print             *
************************************************/

@media print {
  body:before { box-shadow: none;}
	form,
	button,
	input,
	select,
	textarea,
	#header,
	nav,
	.breadcrumbs,
	.post-meta,
	.link-pages,
	.post-footer,
	.print,
	.comments,
	.other,
	.comments, 
	.video-box,
	.sidebar,
	.bottom-menu,
	#single-icons,
	#bottom,
	#footer,
	#up-bg {
		display: none!important;
	}
  .onecolumn, .maincolumn { float: none; width: 100%!important;}
}

/************************************************
*  24.0 -  Media Queries  *
************************************************/

@media (max-width: 1200px) {
    #col3 .form-submit { width: 40%;}
}

@media (max-width: 1100px) {
    /* if 3 column  */
    #col3 .onecolumn { width: 74%;}
    #col3 #sidebar2 { width: 23.8%;} 

    /* if 4 column  */
    #col4 .onecolumn { width: 72.5%;}
    #col4 .maincolumn { width: 62%;}
    #col4 #sidebar1 { width: 34.8%;} 
    #col4 #sidebar2 { width: 25%;} 
    #col4 #sidebar3 { width: 100%; margin-left: 0;} 
}
@media (max-width: 980px) {
    /* if 3 column  */
    #col3 .onecolumn { width: 100%;}
    #col3 #sidebar2 { width: 100%;} 
    /* if 4 column  */
    #col4 .onecolumn { width: 100%;}
    #col4 .maincolumn { width: 65%;}
    #col4 #sidebar1 { width: 32%;} 
    #col4 #sidebar2, #col4 #sidebar3 { width: 48.4%; margin: 0;} 
   
    #logo-box { max-width: 60%;}
    .bot-post, .bot-post:last-child { width: 46%; }
}
/*  Tablet  */

@media (max-width: 768px) {
    #top-menu .right, .navbar-collapse { margin-bottom: 25px;}
    #home-slider { margin-top: 25px; }
    #top-menu .left, #top-menu .right { 
      width: 100%;
    } 
    #top-menu .left { 
      background-image: none;
      background: #f2f2f2;
      border: 1px solid #dbd9dc;   
    } 
    #search { width: 94%;}   
    .navbar-collapse { position: relative;} 
    .navbar-toggle { display: block;}
    .collapse {
      display: none;
      box-shadow: none !important;
      background: none;
    }
    .first-menu  { 
      margin: 10px 0 0 0;
      list-style: none;
    }
    .first-menu ul li { position: relative;}
    .first-menu li a {
      width: 100%;
      padding: 12px 15px 10px 15px;
      line-height: 1;
      border-bottom: 1px dashed #d4d3d4;  
      text-transform: uppercase; 
    }    
    .first-menu a:hover, .first-menu a:active {
      background-color: #dfdee0;
    }
    .first-menu a:link, .first-menu a:visited,
    .first-menu a:hover, .first-menu a:active {
      color: #000;
    }
    .first-menu ul a { 
       text-transform: capitalize; 
       padding: 8px 15px 11px 33px;
    }
    .first-menu ul ul a { padding-left: 53px;}
    
    /*  before    */
    
    .first-menu ul li::before {
      content: '';
      width: 7px;
      height: 7px;
      border-left: 1px;
      border-bottom: 1px;
      display: block;
    }    
    .sub-menu li::before {
      position: absolute; top: 18px; left: 15px;
      border: 3px solid #d4d3d4;  
      transform: translateY(-50%) rotate(45deg);        
    } 
    .sub-menu ul li::before { left: 35px;}
   
    /* if 3 column  */
    #col3 .maincolumn { width: 100%;}
    #col3 #sidebar1 { width: 100%;}

    /* if 4 column  */
    #col4 .onecolumn { width: 100%;}
    #col4 .maincolumn { width: 100%;}
    #col4 #sidebar1 { width: 100%;} 
    #col4 #sidebar2, #col4 #sidebar3 { width: 48%;} 
    #logo-box { width: 40%;}
    .bot-post, .bot-post:last-child { 
      width: 94%;
      margin-left: 3%;
      margin-right: 3%;
    	border: 1px dashed #fff;
    }
}
@media (max-width: 734px) {
    #title-box span { 
      font-size: 16px;
      vertical-align: top;
    }
}
@media (max-width: 670px) {
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item { width: 22%;}
}
@media (max-width: 600px) {
    #col4 #sidebar2, #col4 #sidebar3 { width: 100%;} 
    #add-header { display: none;} 
}
@media (max-width: 500px) {
    #logo-box { width: 50%;}
    #commentform { margin-bottom: 20px;}
    .comment-form-author, 
    .comment-form-email,
    .comment-form-url {
      width: 56%;
      margin-right: 0;
      padding-bottom: 0;
      clear: both;
    }
    .comment-form-url { padding-bottom: 15px;}
    #col3 .form-submit, #col4 .form-submit { width: 56%;}
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item { 
      width: 45%;
      margin-left: 2%;  
      margin-right: 2%;
    }
    p.cpinput { width: 96%; clear: both;}
}
@media (max-width: 450px) {
    .gallery-columns-3 .gallery-item { width: 45%;}
}
@media (max-width: 400px) {
    #logo-box { width: 50%;}
    .comment-form-author, 
    .comment-form-email,
    .comment-form-url,
    .form-submit {
      width: 70%;
    }
    #col3 .form-submit, #col4 .form-submit { width: 70%;}
}
@media (max-width: 350px) {
    .comment-form-author, 
    .comment-form-email,
    .comment-form-url,
    .form-submit {
      width: 100%;
    }
    #col3 .form-submit, #col4 .form-submit { width: 100%;}
}
@media (max-width: 315px) {
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item { 
      width: 100%;
    }
}