body{
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin:0px;
  width:100%;
  font-size: 14px;
  line-height: 1.5;
  color: #444;
  background-color: #000000;
  overflow-y: scroll;
}

a{text-decoration:none;cursor:pointer; color:inherit;}
p{margin:0 0 10px;}
input:focus {
  border-color: #222;
  outline: none;
}
iframe{
  border:0;
  max-width:100%;
}

.description{ overflow:hidden;}
.justify{text-align:justify;}
.margin-bottom{margin-bottom:10px !important;}
.space-bottom{padding-bottom:10px; margin-bottom:10px;}
.float-left{float:left; display: block;}
.float-right{float:right; display: block;}
.border-bottom {border-bottom:solid 1px #ddd;}
.text-right{text-align:right;}

.img-responsive{max-width:100%; height:auto;}

.photo{ width:180px;  border:0px;}
.photo_item{padding:0px; margin:8px;  position:relative; text-align:center; border:solid 3px #999; height:110px;   overflow:hidden;}
.photo_item:hover{
  border:solid 3px #fff; 
  padding:0px;
  box-shadow: 1px 1px 10px #999;
  -webkit-box-shadow: 1px 1px 10px #999; 
  background:#eee;
}

.thumb {
  position: relative;
  display: block;
  overflow: hidden;
  background-size: cover;
  box-sizing: border-box;
  height: 190px;
}

.img-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
}

.thumb .img-wrap  a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  border: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.thumb .line {
  display: block;
  position: absolute;
  z-index: 150;
  background: #eee;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.thumb  .line.top-line {
  width: 0%;
  height: 1px;
  left: 50%;
  top: 0%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb .line.bottom-line {
  width: 0%;
  height: 1px;
  left: 50%;
  bottom: 0%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb  .line.left-line {
  width: 1px;
  height: 0%;
  left: 0%;
  top: 50%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb .line.right-line {
  width: 1px;
  height: 0%;
  right: 0%;
  top: 50%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb:hover .img-wrap {
  opacity: 1;
  visibility: visible;
}
.thumb:hover .line {
  opacity: 1;
  visibility: visible;
}

.thumb:hover .line.top-line {
  left: 0%;
  width: 100%;
}
.thumb:hover .line.bottom-line {
  left: 0%;
  width: 100%;
}
.thumb:hover .line.left-line {
  top: 0%;
  height: 100%;
}
.thumb:hover .line.right-line {
  top: 0%;
  height: 100%;
}

/* header */

.header-mobile-side {
  position: absolute;
  width: 259px;
  padding: 10px 20px 100px 20px;
  background: #f5f5f5;
  min-height: 100%;
  z-index: 400;
  right: 0px;
  display:none;
  border-left: 1px solid #ccc;
  -webkit-transform: translate(300px,0);
  -moz-transform: translate(300px,0);
  -ms-transform: translate(300px,0);
  -o-transform: translate(300px,0);
  transform: translate(300px,0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header-mobile-side .close-side {
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  float: right;
  font-size: 18px;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: pointer;
}

.header-mobile-side .header-search input {
  margin-bottom: 10px;
  padding: 10px 10px;
}

.header-search input:hover {
  border-color: #ccc;
}

.header-search button {
  position: absolute;
  top: 16px;
  border: none;
  background: none;
  right: 0px;
  font-size: 16px;
  color: #666;
}

.header-mobile-side .header-search button {
  top: 24px;
}

.header {
  background: white;
  min-height: 53px;
}

.header-mobile {
  display: none;
  width: 100%;
  background: #f4f3d4;
  box-shadow: 0px 0px 2px #666;
}

.header_floating {
  position: fixed;
  width: 100%;
  z-index: 1000;
  left: 0px;
  top:0px;
  -webkit-transform: translate(0,-100px);
  -moz-transform: translate(0,-100px);
  -ms-transform: translate(0,-100px);
  -o-transform: translate(0,-100px);
  transform: translate(0,-100px);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.header.descended {
  border-bottom: 4px solid #f7961d;
  background: #f4f3d4;
  box-shadow: 0px 0px 2px #666;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}


.header.header-style-1 #header-top-bar {
  position: relative;
  background: #000000;
  min-height: 40px;
  color: #fff;
  /* border-bottom: 1px solid #eee; */
}

.today {
  line-height: 40px;
  margin: 0px;
  margin-right: 20px;
  font-weight: 600;
  float: left;
  text-transform: uppercase;
  font-size: 12px;
  
}
.today .fa{font-size:14px;}

.today a img {
  padding-right:10px;
  padding-top:10px;
  width:5%;
}


.header.header-style-1 #header-logo-wrap {
  background: #f8f8f8;
  padding: 10px 0px;
  min-height:90px;
}

.header.header-style-1 .inner-header-menu {
  /* border-top: 1px solid #eee; */
  border-bottom: 4px solid #f7961d;
  background: #f4f3d4;
}



.header-search {
  position: relative !important;
  display: block;
}

.header-search input {
  border: 1px solid #eee;
  padding: 0px 40px 0px 10px;
  line-height: 20px;
  margin: 15px 0px;
  min-width: 240px;
  border-top: none;
  border-bottom: none;
  border-right: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.header-mobile .fa-list {
  height: 40px;
  display: block;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  border: 1px solid #222;
  z-index: 200;
  cursor:pointer;
}

.main-row {
  padding: 10px 20px;
  /* background-color: #fff; */
  border-bottom: 1px solid #ccc;
}


#login_form{
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  display:none;
  z-index:9999;
  top:0;
  left:0;
}



#login_form .login_form{
  width:400px;
  position:absolute;
  top:120px;
  left:50%;
  margin-left:-200px;
  border: 1px solid #eee;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 1px 1px #666;
  z-index:10000;
  padding:20px;
  color:#333;
  z-index:1000;
}

.close-login {
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  float: right;
  font-size: 18px !important;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: pointer;
}
.close-login:hover{ background:#f7f7f7;}
.close-login:active{ border-color:#888;}



.input-wrap {
  position: relative;
  display: block;
  padding-right: 40px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.input-wrap input {
  display: block;
  width: 100%;
  border: none;
  padding: 12px;
  box-sizing: border-box;
}

.input-wrap .fa {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
}

#login-submit {
  float: left;
  border: none;
  background: #eee;
  padding: 10px 15px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
  position: relative;
  text-transform: uppercase;
  color: #f8f8f8;
  background-color: #f7961d;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
}

.login-submit-wrap p {
  float: left;
  margin: 10px 0px 0px 20px;
  line-height: 30px;
}

p.login-submit {
  margin: 0px;
  font-size: 12px;
  text-align: center;
}
p.login-submit .forget_password{
  margin-right: 10px;
}
p.login-submit .remember{
  margin-left:10px;
}

.login_btn{color: #6d6e71;}
.login_btn:hover{background:#fff;color:#f7961d;}


.header-mobile-side #mobile_login_form{
  display:none;
  box-sizing: border-box;
}

.header-mobile-side .close-login{
  display:none;
}

#register_box{
  padding:10px 20px;
  float:none;
  width:100%;
  font-size:140%;
  box-sizing: border-box;
  background:#fff;
  border:solid 1px #ccc;
  display:none;
  margin:10px 0 20px;
}


#register_popup{
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  display:none;
  z-index:9999;
  top:0;
  left:0;
}

#register_popup .register_popup{
  width:720px;
  position:absolute;
  top:120px;
  left:50%;
  margin-left:-360px;
  border: 1px solid #eee;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 1px 1px #666;
  z-index:10000;
  padding:20px;
  color:#333;
  z-index:1000;
}
.register_popup_info{
  text-align:center;
}
/* Menus */

.top-menu-nav ul.menu-sc-nav {
  float: left;
  margin: 0px;
  margin-bottom: -4px;
  padding: 0px;
  list-style:none;
}
.top-menu-nav ul.menu-sc-nav > li{
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  list-style: none;
  display: block;
  position: relative;
  cursor: default;
  float: left;
  margin: 0px;
  /* padding: 15px 0px; */
  border-bottom: 4px solid #f7961d;
  font-size: 16px;
}


.top-menu-nav ul.menu-sc-nav > li > a {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  line-height: 24px;
  font-weight: 700;
  display: block;
  padding: 28px 15px;
  cursor: pointer;
  text-transform: uppercase;
  border-right: 1px solid #eee;
  color: inherit;
  letter-spacing: 0px;
}

.top-menu-nav ul.menu-sc-nav > li:first-child > a {
  border-left: 1px solid #eee;
}


.top-menu-nav ul.menu-sc-nav > li:hover, .top-menu-nav ul.menu-sc-nav > li:focus {
  border-bottom: 4px solid #fff;
  background: #fff;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1.active {
  /* border-bottom: 3px solid #000000; */
  /* background-color: #000000; */
}

.top-menu-nav ul.menu-sc-nav > li:first-child.nav_1.active > a {
  border-left: 1px solid #eee;
}

.top-menu-nav ul.menu-sc-nav > li.nav_2.active {
  border-bottom: 1px solid #f7961d;
  background-color: #f7961d;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1.active > a {
  border-right: 1px solid #eee;
  color: #f7961d;
}

.top-menu-nav ul.menu-sc-nav > li.nav_2.active > a {
  color:white;
}

.top-menu-nav ul.menu-sc-nav ul.dropdown-menu {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 101%;
  left: 0;
  z-index: 598;
  width: 250px;
  margin: 0;
  padding: 0px;
  display: block;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #eee;
  border-top: none;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1:hover > ul.dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}

.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li {
  display: block;
  position: relative;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  border-top: none;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li > a {
  font-size: 12px;
  display: block;
  padding: 18px;
  border: none;
  color: #565656;
  font-weight: 600;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li:first-child {
  border-top: 1px solid #eee;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li:hover{
  background-color: #000000;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li:hover > a {
  color: white;
}

.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li.active{
  background-color: #000000;
}
.top-menu-nav ul.menu-sc-nav > li.nav_1 > ul.dropdown-menu li.active > a {
  color: white;
}

.navigation-shortcode {
  position: relative;
}

.navigation-shortcode.list ul {
  float: none !important;
  display: block !important;
  position: relative !important;
}

.top-menu-nav ul.menu-sc-nav:hover {
  overflow: visible;
}

.navigation-shortcode.list ul.menu-sc-nav > li{
  padding-bottom:0px;
  border: 1px solid #ccc;
  float: none;
  margin-bottom: 3px;
}

.navigation-shortcode.list ul.menu-sc-nav > li.nav_1 > a{
  padding-bottom:15px;
  padding-top: 15px;
}

.navigation-shortcode.list ul.menu-sc-nav > li.nav_1 > a:hover{
  color: #f7961d;
}

.navigation-shortcode.list ul.menu-sc-nav > li ul.dropdown-menu {
  width: 96%;
  margin: 0px 2%;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}

.top-menu-nav ul.menu-sc-nav > li > ul.dropdown-menu li:first-child {
  border-top: 1px solid #eee;
}
.top-menu-nav ul.menu-sc-nav > li > ul.dropdown-menu li{
  display: block;
  position: relative;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  border-top: none;
}

.header-mobile-side ul.menu-sc-nav > li.nav_1.active{
   background:none;
    border: 1px solid #ccc; 
}
.header-mobile-side ul.menu-sc-nav > li.nav_1.active > a{
  color: #f7961d;
  background:none;
  border:none;
}

.font_sizes{
  margin-right:30px;
}

.font_sizes .font_size_icon{
  display: inline-block;
  padding: 0px;
  box-sizing: border-box;
}

.font_sizes .font_size_icon a{
  display: block;
  color: #6d6e71;
  line-height: 40px;
  height: 40px;
  width: 30px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.font_sizes .font_size_icon a.increse{
  font-size:16px;
  line-height: 40px;
}
.font_sizes .font_size_icon a.decrese{
  font-size:14px;
  line-height: 40px;
  padding:1px;
}

.font_sizes .font_size_icon a:hover, .font_sizes .font_size_icon a.active{
  color:#fff;
  background: #6d6e71;
}

.social_icons{
  margin-right:30px;
}

.header-mobile-side .social_icons{
  margin-right:0px;
}

.social_icons .single_social_icon {
  display: inline-block;
  padding: 0px;
  box-sizing: border-box;
}

.social_icons a.fa {
  display: block;
  color: #f7961d;
  line-height: 40px;
  height: 40px;
  width: 30px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.social_icons a.fa:hover{
  color:#fff;
  background:#f7961d;
}

.social_icons a.fa.fa-facebook {
  /* color: #4c66a4; */
}
.social_icons a.fa.fa-facebook:hover {
  color: white;
  /* background: #4c66a4; */
}

.social_icons a.fa.fa-twitter {
  /* color: #5dd7fc; */
}
.social_icons a.fa.fa-twitter:hover {
  color: white;
  /* background: #5dd7fc; */
}

.social_icons a.fa.fa-linkedin {
  color: #0274b3;
}
.social_icons a.fa.fa-linkedin:hover {
  color: white;
  background: #0274b3;
}

.social_icons a.fa.fa-youtube {
  /* color: #e22c28; */
}
.social_icons a.fa.fa-youtube:hover {
  color: white;
  /* background: #e22c28; */
}

.social_icons a.fa.fa-envelope {
  color: #6d6e71;
}
.social_icons a.fa.fa-envelope:hover {
  color:#fff;
  background: #6d6e71;
}

.social_icons a.fa.active{
  background:#f7961d;
  color:#fff;
}

/* Wrappers */

footer{
  clear: both;
  margin: 0px 0px 0px;
  color:#fff;
}

.footer-main{
  padding: 60px 0px;
  background: #000000;
  color:#fff;
}

#inner-content {
  position: relative;
  display: block;
  padding-top: 20px;
  background-color: #e7e5e3;
}


.story .content {
  padding: 30px 30px 30px;
  box-sizing: border-box;
}

.story .read-more {
  float: right;
  line-height: 1;
  padding-bottom: 30px;
  border-bottom: 2px solid;
  display: block;
  color: #333;
}

.story .read-more:hover{
  color: #f7961d;
}

.text a {color:#f7961d}
.text p a:hover{text-decoration:underline;}

.read-more{
  font-size:140%;
  float: right;
  line-height: 1;
  color: #f7961d;
}


.post_thumb {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.posts_thumb_single {
  /* border: 1px solid #eee; */
  /* border-top: 1px solid #ddd; */
  background: #f4f3d4;
  padding: 0px;
  margin: 0px 0px 30px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.posts_thumb_tall_single.post_thumb{
  margin-bottom:0px;
}

.posts_thumb_tall_single h3 {
  margin: 15px 0px 15px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.posts_thumb h3 a{
  color: #000000;
  border-bottom: 1px dashed transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.posts_thumb h3 a:hover{
  color: #f7961d;
  border-color: #222;
}

.posts_thumb_side_single{
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 0px 10px 0px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


.posts_thumb_side_single .content{  
  overflow:hidden;
  padding-left:15px;
}

.posts_thumb_side_single h4 {
  margin: 0px 0px 7px;
  line-height:1.4;
  color: #565656;
}

.posts_thumb h4 a{
  color: #000000;
  border-bottom: 1px dashed transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.posts_thumb h4 a:hover{
  color: #f7961d;
  border-color: #222;
}

.side-thumb{
  float:left;
  display: block;
  top: 0px;
  left: 0px;
  width: 100px;
  z-index: 1;
}

.side-thumb img{
  
}

.post-slide{
  position: relative;
  display: block;
  min-height: 520px;
}

.post-slide:before{
  display: table;
  content: " ";
  box-sizing: border-box;
}

.slider-data {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.slider-data:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
  box-sizing: border-box;
}

.post-wrap-inner {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(0,0,0,0.1);
  padding: 0px;
  box-sizing: border-box;
}

.content-middle {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-top: 200px;
}

.content-middle .content{
  display: block;
  margin: auto;
  box-sizing: border-box;
  padding: 30px 0;
}

.content-middle h2 {
  font-size: 400%;
  line-height: 1.2;
  margin: 0px 0px 15px;
  letter-spacing: -1px;
  font-weight: 700;
  color:#fff;
  box-sizing: border-box;
}
.content-middle h2 a{
  border-bottom: 1px dashed transparent;
  color: inherit;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.content-middle h2 a:hover{
  border-color: #fff;
  text-decoration: none;
}

.content-middle p{
  color:#fff;
}

/* Content items */

.logo{
  font-family:"Open Sans Condensed", Verdana, sans-serif;
  /* font-size:48px; */
  /* line-height:52px; */
  /* font-weight:700; */
  padding: 0;
  float:left;
}

.header_floating .logo{
  font-size:26px;
  line-height:28px;
  padding:5px 0px;
}

.header_floating .logo img{
  max-height: 100%;
  width:auto;
  padding-top: 5%;
}

.header.header-style-1 .logo img{
  max-height: 100%;
  /* width: 60%; */
  padding-top: 5px;
}


.header-mobile .logo{
  font-size:26px;
  line-height:28px;
  padding:0px;
}

.header-mobile .logo img{
  max-height:40px;
  width:auto;
}

.widget {
  margin-bottom: 20px;
  background: #f4f3d4;
  padding: 20px;
  border: 1px solid #eee;
  border-top: 1px solid #ddd;
}

.thumb-hover {
  position: relative;
  display: block;
  overflow: hidden;
  background-size: cover;
  width:100%;
  min-height:312px; 
}

.thumb-hover .img-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}

.thumb-hover .img-wrap  a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  border: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.thumb-hover .line {
  display: block;
  position: absolute;
  z-index: 150;
  background: #eee;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.thumb-hover  .line.top-line {
  width: 0%;
  height: 1px;
  left: 50%;
  top: 0%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb-hover .line.bottom-line {
  width: 0%;
  height: 1px;
  left: 50%;
  bottom: 0%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb-hover .line.left-line {
  width: 1px;
  height: 0%;
  left: 0%;
  top: 50%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb-hover .line.right-line {
  width: 1px;
  height: 0%;
  right: 0%;
  top: 50%;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.thumb-hover:hover .img-wrap {
  opacity: 1;
  visibility: visible;
}
.thumb-hover:hover .line {
  opacity: 1;
  visibility: visible;
}

.thumb-hover:hover .line.top-line {
  left: 0%;
  width: 100%;
}
.thumb-hover:hover .line.bottom-line {
  left: 0%;
  width: 100%;
}
.thumb-hover:hover .line.left-line {
  top: 0%;
  height: 100%;
}
.thumb-hover:hover .line.right-line {
  top: 0%;
  height: 100%;
}

img.disclaimer {
  width: 50%;
  float:right;
}

p.disclaimer {
  font-size:14px;
  font-style:italic;
}

select:focus{
  outline:none;
}
footer input.element-block {
  padding: 0px 10px;
  float:none;
  line-height: 35px;
  background-color: #444;
  font-size: 13px;
  margin-bottom: 10px;
  color: white;
  border: 1px solid transparent;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

footer  select.select-block{
  padding: 10px 10px;
  line-height: 35px;
  background-color: #444;
  font-size: 13px;
  margin-bottom: 10px;
  color: white;
  border: 1px solid transparent;
  display: block;
  width: 100%;
  float:none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer input.submit {
  margin-bottom: 0px;
  padding: 0px 10px;
  line-height: 35px;
  font-size: 13px;
  background-color: #f7961d;
  font-weight:700;
  cursor:pointer;
  color: white;
  border: none;
  width:100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer input.submit:hover{
  background-color: #b13f1b;
}


/* Fonts */
h1{
  font-size: 320%;
  line-height: 1.2;
}

h1.title {
  margin: 0px 0px 30px;
  font-weight: 700;
  letter-spacing: -1px;
}

h3{
  font-size: 240%;
  line-height:1.4;
}

h4{
  font-family:"Open Sans Condensed", Verdana, sans-serif;
  font-size: 160%;
  line-height:1.4;
  margin: 0px 0px 7px;
}

h3.title{
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding: 15px 30px;
  border-top: solid 4px #f7961d;
  line-height: 1;
  position: relative;
  display: block;
  margin-top: 0;
  padding-left: 30px;
  /* background:white; */
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

h3.title.vesti{
 background-color: white;
border-top: solid 5px #666;
}
h3.title.aktivnosti{
 background-color: white;
border-top: solid 5px #666;
}
h3.title.foto{
background-color: white;
border-top: solid 5px #666;
}
h3.title.video{
background-color: white;
border-top: solid 5px #666;
}
h3.title.forum{
 background-color: white;
border-top: solid 5px #666;
}
h3.title.partneri{
background-color: white;
border-top: solid 5px #666;
}
h3.title.brzi_linkovi{
 background-color: white;
border-top: solid 5px #666;
}
h3.title.licno{
 background-color: white;
border-top: solid 5px #666;
}
h3.title.teme{
background-color: white;
border-top: solid 5px #666;
}
h3.title.facebook{
background-color: white;
border-top: solid 5px #666;
}
h3.title.twitter{
background-color: white;
border-top: solid 5px #666;
}




.text{
  font-size: 140%;
  line-height: 1.6;
}

.widget h3.title, .widget h3.widget-title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size:140%;
  display: block;
  margin: 0px 0px 0px;
  line-height: 1;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  padding-left: 20px;
  font-weight: 800;
  font-size: 220%;
  color: #f7961d;
}

.footer h3{
  font-size:140%;
  display: block;
  margin: 0px 0px 30px;
  border-left: 4px solid #fff;
  background: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
  line-height: 1em;
  text-transform:uppercase;
}

.posts_thumb_single h3{
  font-size: 240%;
  margin: 0px;
  font-weight: 700;
  letter-spacing: -1px;
  padding: 30px;
  border-bottom: 1px solid #eee;
}

.meta_data{
  display: block;
  font-size: 130%;
  margin-bottom: 10px;
  color: #999;
  float: left;
  padding: 0px;
  margin-right: 10px;
  font-weight: 500;
  font-style: italic;
}
.meta_data a {
  color: inherit;
  line-height: 1;
}

.copyright{
  font-size: 130%;
  color:#fff;
}


/* Text colors */

.posts_thumb_single h3 a{
  color:inherit;
}

h3.title.category-3, h2.title.category-3 {
  background-color: white;
  border-top: solid 4px #f7961d;
}

h3.title.category-2, h2.title.category-2 {
  background-color: white;
  border-top: solid 4px #f7961d;
}

h3.title.category-4, h2.title.category-4 {

}

/* pagination */

.hr {
  height: 1px;
  display: block;
  margin-bottom: 10px;
  background: #e0ddb9;
}

.pages{
  padding: 20px 30px;
}

.page-numbers {
  width:20px;
  padding:5px;
  text-align: center;
  font-family:Arial;
  font-size: 14px;
  line-height: 20px;
  color:#fff;
  background: #a7a29d;
  text-shadow:none;
  margin:2px;
  float:left;
  cursor:pointer;
  transition: background-color 0.5s ease;
}

.page-numbers em{
  line-height:20px;
  font-size:14px;
} 

.page-numbers:hover{background:#000000; color:#fff;}
.page-numbers.current{ color:#fff; background:#000000; border:none; font-weight:bold;}
.hidden {display:none;}

#wrapper {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#wrapper.sidebar_show {
  -webkit-transform: translate(-300px,0);
  -moz-transform: translate(-300px,0);
  -ms-transform: translate(-300px,0);
  -o-transform: translate(-300px,0);
  transform: translate(-300px,0);
  overflow: visible !important;
}


#gotop {
  line-height: 45px;
  border-radius: 2px;
  z-index: 200;
  width: 40px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  color: inherit;
  text-align: center;
  margin: 0px;
  height: 40px;
  cursor: pointer;
  background: white;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-shadow: 0px 0px 2px #444;
  box-sizing: border-box;
}

#gotop:hover {
  text-decoration: none;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#gotop .fa-sort-asc{
  margin-top:15px;
}

@media (max-width: 1200px){
  #quick_edit{display:none;}
  #admin_panel{display:none;}
  
  #wrapper{
    overflow: hidden;
  }
  .header-mobile {
    display: block;
  }
  .header_floating{
    display: none;
  }
  .header-style-1{
    display:none;
  }
  .header-mobile-side {
    display:block;
  }
  
  #register_popup .register_popup{
    width:640px;
    position:absolute;
    top:70px;
    left:50%;
    margin-left:-320px;
  }
  
  .side-thumb{
    width:60px;
  }
  
}

@media (max-width:767px){
  .sidebar {
    max-width: 360px;
    width: 100%;
    opacity: 1;
    visibility: visible;
    margin: auto;
    float: none;
    padding: 0px;
  }
  
  #login_form .login_form{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin-left:0;
  }
  
  #register_popup .register_popup{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin-left:0;
  }
  
  #register_popup h1{
    font-size:240%;
  }
  #register_popup h4{
    font-size:130%;
    line-height: 1.2;
    margin-bottom:30px;
  }
  
  .thumb{
    height:auto;
  }
  
  .side-thumb{
    width:90px;
  }
  
}

body{
  font-size: 62.5%;
  
}

body.fontLarge{
  font-size:72%;
}
body.fontSmall{
  font-size:56%;
}

.spacer{
  padding: 0px 30px;
}
.tag_cloud {
  color: white;
  padding: 8px;
  font-size: 15px;
  font-weight: bold;
  margin: 2px;
  display: inline-block;
}
.tags {
  padding:30px;
}
.disclaimer {
  font-size: 12px;
  color: #7E7E7E;
  margin-top: 15px;
  margin-left: 25px;
}
.kategorije {
  font-size: 26px;
  font-weight: bold;
}
.autor {
  font-size: 13px;
  color: lightgray;
}


.accordian_item_wrap{
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #eee;
  border-top: 1px solid #ddd;
}

.accordian_title{  
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 140%;
  display: block;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0px;
  padding: 15px 30px;
  color: #444;
  background: #e1e1e1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.accordian_hidden{
  display:none;
  border-top:none;
  border-right:none;
  padding: 20px;
}

.accordian_title:hover{
  background:#f7961d;
  color:#fff;
}

.accordian_title.active{
  color: #fff;
  background:#444;
}


.tagcloud{
  text-align:left;
}
.tagcloud .tag_url{ 
  font-family: "Open Sans Condensed", Verdana, sans-serif;
  font-weight:bold;
  font-size: 140%;
  line-height: 1.2em;
  color: #565656;
  border-bottom: 1px dashed transparent;
}

.tagcloud .tag_url:hover{
  color: #f7961d;
  border-color: #222;
}

.tagcloud .tag_level1{
  font-size:130%;
}
.tagcloud .tag_level2{
  font-size:180%;
}
.tagcloud .tag_level3{
  font-size:230%;
}

.slider{
  overflow: hidden;
  width:100%;
  position: relative;
}

.flexslider{
  overflow: hidden;
  width: 100%;
}