/*
Theme Name: BGKLLEN THEME
Theme URI: http://www.bgklen.com/
Description: BGKLLEN THEME
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: DesignsenseWeb
Author URI: http://www.designsenseweb.com.com/
Version: 101.0
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
.entry .entry-content table, #comments .comment-list li.comment .comment-data table, #tab-description table {
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 20px;
    table-layout: auto;
    width: 100%;
}
header .header_inner_left{left:0px !important;}
.contact_section_position_center h4{display:none !important;}
.entry .entry-content table, #comments .comment-list li.comment .comment-data table, #tab-description table, .entry .entry-content table th, #comments .comment-list li.comment .comment-data table th, #tab-description table th, .entry .entry-content table td, #comments .comment-list li.comment .comment-data table td, #tab-description table td {
    border: 1px solid #dddddd;
}
.entry .entry-content table caption, #comments .comment-list li.comment .comment-data table caption, #tab-description table caption, .entry .entry-content table th, #comments .comment-list li.comment .comment-data table th, #tab-description table th, .entry .entry-content table td, #comments .comment-list li.comment .comment-data table td, #tab-description table td {
    text-align: left;
}
.entry .entry-content table th, #comments .comment-list li.comment .comment-data table th, #tab-description table th, .entry .entry-content table td, #comments .comment-list li.comment .comment-data table td, #tab-description table td {
    font-size: 13px;
    padding: 12px;
    table-layout: fixed;
    width: 146px;
}
.entry .entry-content table thead tr th, #comments .comment-list li.comment .comment-data table thead tr th, #tab-description table thead tr th {
    border-width: 0;
    color: #ffffff;
    font-family: Oswald;
    font-size: 17px;
    text-transform: uppercase;
}
.entry .entry-content table thead tr th:nth-of-type(2n), #comments .comment-list li.comment .comment-data table thead tr th:nth-of-type(2n), #tab-description table thead tr th:nth-of-type(2n) {
    background-color: #363533;
}
.entry .entry-content table thead tr th:nth-of-type(2n+1), #comments .comment-list li.comment .comment-data table thead tr th:nth-of-type(2n+1), #tab-description table thead tr th:nth-of-type(2n+1) {
    background-color: #912429;
}
.entry .entry-content table tbody tr:nth-of-type(2n), #comments .comment-list li.comment .comment-data table tbody tr:nth-of-type(2n), #tab-description table tbody tr:nth-of-type(2n) {
    background-color: #eeeeee;
}
.entry .entry-content table tbody tr:nth-of-type(2n+1), #comments .comment-list li.comment .comment-data table tbody tr:nth-of-type(2n+1), #tab-description table tbody tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
.entry .entry-content table tbody tr td, #comments .comment-list li.comment .comment-data table tbody tr td, #tab-description table tbody tr td {
    border-width: 0 1px 1px 0;
}
.header_bottom.clearfix {
    background: rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #000;
    margin: 0 auto !important;
    padding: 0 !important;
max-width:1100px !important;
}
/*.footer_top a .fa{float:right;}
.footer_top a{
border:none !important;
background-color:#000 ;
text-transform:lowercase !important;
min-width:206px !important;
float:left !important;
font-weight:normal !important;
}
.footer_top a:hover{text-decoration:none;}*/

.light.header_style_on_scroll .popup_menu:not(.opened) .line, .light.header_style_on_scroll .popup_menu:not(.opened) .line::after, .light.header_style_on_scroll .popup_menu:not(.opened) .line::before, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line::after, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line::before {
    background-color: #000 !important;
}
.popup_menu .line, .popup_menu .line::after, .popup_menu .line::before {
    background-color: #000 !important;
}
.q_logo img.dark, .q_logo img.light, .q_logo img.mobile, .q_logo img.popup, .q_logo img.sticky,
.q_logo img.normal{display:none;}
header.light .q_logo img.light{display: block;margin:15px 0px;}
.side_menu_button_wrapper .side_menu_button{height:130px !important;}
/*.footer_top .textwidget , .footer_top .column1, .footer_top .column2, .footer_top .column4, .footer_top .column3, .footer_top .column_inner, .footer_top .column_inner .widget_text{
  overflow: hidden;
  box-sizing: border-box;
  padding:0px !important;
  margin:0px auto !important;


}

.footer_top .column1, .footer_top .column2, .footer_top .column3, .footer_top .column4{
  padding:0px 7px !important;
  box-sizing: border-box;
}*/
.content p{line-height: 22px; margin-bottom: 10px;}
table {
    width: 100%;
}
table td {
    padding: 5px 10px;
    text-align: left;
}
/*.footer_top {
    padding: 0px;
}
.footer_top {
    padding: 0px 0 50px 0px !important;
}*/
.wpb_wrapper h2, .wpb_wrapper h3{margin:20px 0px;}
tr:nth-child(even) {background: #fff}
tr:nth-child(odd) {background: #f5f5f5}
.q_counter_holder p.counter_text, .title h1, .h2, .h3, h2, h3{text-transform: none !important;}
.title_size_medium .title_subtitle_holder_inner{margin-top:80px !important;}
/*.footer_top a{width:100%; box-sizing: border-box; text-align: left;font-size:17px !important;}*/
#menu-fullscreen_menu ul.sub_menu li a{font-size:20px !important;line-height: 32px !important; /* NOTE:  */}
#menu-fullscreen_menu ul.sub_menu li ul.sub_menu li a{font-size:15px !important;line-height: 30px !important;padding-bottom: 3px;}
.home .content_inner {
    padding-bottom: 0px;
}
/*.footer_top a {
    background-color: #000;
    border: medium none;
    float: left;
    font-weight: normal;
    min-width: 206px;
    text-transform: lowercase;
}
.footer_top a {
    background: #303030 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 10px;
    font-size: 17px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out 0s;
}
.footer_top a .fa {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #303030;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-left: 20px;
    text-align: center;
    width: 26px;
}
.footer_top .three_columns, .footer_top .four_columns {
    bottom: 60px;
    position: absolute;
}*/
@media only screen and (max-width: 767px) {
        .side_menu_button_wrapper .side_menu_button{height:auto !important;}
      .header_inner_right{margin:0px 25px;}
      header .header_bottom.clearfix{margin:0px !important;}
      header .q_logo a{left:0px !important;}
      header .q_logo img {
          height: auto !important;
          left: 20px;
          top: 10px;

          width: 75px !important;
      }
      .shopping_cart_inner, header .side_menu_button {
          height: 60px !important;
      }
      header .logo_wrapper {
          height: 60px !important;
      }
.separator{margin:10px 0px !important;}
.wpb_wrapper h2, .wpb_wrapper h3 {
    margin: 15px 0 !important;
}
      /*.footer_top a{max-width:90%;}
      .footer_top .footer_col3, .footer_top .footer_col3 .textwidget, .footer_top .footer_col3 .widget_text{
      width:100%;
      float:left;
      }
      .footer_top .footer_col2, .footer_top .footer_col2 .textwidget, .footer_top .footer_col2 .widget_text{
      width:100%;
      float:left;
      }
      .footer_top .footer_col1, .footer_top .footer_col1 .textwidget, .footer_top .footer_col1 .widget_text{
      width:100%;
      float:left;
      }
      .footer_top .footer_col3, .footer_top .footer_col2, .footer_top .footer_col1 {
          float: left !important;
          margin-bottom: 10px !important;
          width: 100%;
      }*/
      .content a{color:#00b6cf;}
      /*.footer_top .column_inner > div{margin-bottom:0px !important;}*/
      /*.footer_top a{float:left;text-align:left !important;width:100% !important;box-sizing:border-box !important;}*/

      /*.footer_top{padding:0px !important;}
      .header_inner_left, .home header{
      position:fixed !important;
      }*/

      /*.footer_top a {
          background: #303030 none repeat scroll 0 0;
          border: 3px solid #fff;
          border-radius: 10px;
          font-size: 18px;
          font-weight: normal;
          margin-bottom: 10px;
          padding: 5px 10px;
          text-transform: uppercase;
          transition: color 0.2s ease-in-out 0s;
      }
      .footer_top a .fa {
          background: #fff none repeat scroll 0 0;
          border-radius: 50%;
          color: #303030;
          font-weight: bold;

          height: 20px;
      line-height:20px;
          margin-left: 20px;
          margin-top:3px;
          text-align: center;
          width: 20px;
      }
      .footer_top {
          padding: 0 !important;;
      }*/
.top-category-link {
    margin-top: -30px;
}
.title.title_size_medium h1 {
    font-size: 14px !important;
}
/*.page .title_outer .has_background.title .title_holder, .page .title_outer .has_fixed_background.title .title_holder, .page .title_outer.with_image .title .title_holder{
height:20px !important;
padding-top:20px !important;
}*/
.single-post .content_inner > div.container, .category-whats-new .content_inner > div.container {z-index:9999 !important; }
time.icon{display:none !important;}
.single-post .blog_holder.blog_single article h2 {
    font-size: 14px;
    margin-top: -71px;
margin-bottom:30px;
}
.single-post .blog_holder.blog_single article h2{}
.single-post .title_outer .title_holder{display:none !important;}
      .header_bottom.clearfix{border:none !important;}
      /*.footer_top .three_columns, .footer_top .four_columns {
          bottom: 10px;
          position: absolute;
      }*/
      .header_inner_right{margin:0 25px !important;min-height:60px !important;}
/*       header .logo_wrapper{left:0px !important;} */
      .side_menu_button_wrapper{margin:15px 0px;}
      .title_size_medium .title_subtitle_holder_inner{margin-top: 0px !important;}

}
/*.footer_top a {
    box-sizing: border-box;
    text-align: left;
    width: 100%;
}*/
.blog_holder.blog_single article h2 {
    display: block;
    margin-bottom: 15px;
}
.blog_holder article .post_excerpt{margin-top:15px !important;}
.blog_holder article .post_text .post_text_inner{padding:15px 0px !important;}
.content_inner {
    padding-bottom: 50px;
}

/*.footer_top{display:none;}
.home .footer_top{display:block;}*/
/*.footer_top a {
    color: #ffffff;
}*/
table td{text-align:left !important;}
.wpb_wrapper a, a, p > a {
    color: #00b6cf;
}
.side_menu_button a:last-child {
    padding: 0 0 0 0px !important;
}
/*.footer_top{padding:0px !important;}*/
header.light .q_logo img.normal, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.light, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.light, header.scrolled:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled:not(.header_style_on_scroll) .q_logo img.light{opacity:1 !important ;}
header.light .q_logo img.normal, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.light, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.light, header.scrolled:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled:not(.header_style_on_scroll) .q_logo img.light{opacity:1 !important;}
.blog_holder article{margin:0px !important;}

/*********/
time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 8em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #00B6CF;
  border-bottom: 1px dashed #00B6CF;
  box-shadow: 0 2px 0 #00B6CF;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #00B6CF;
}
.blog_holder article .post_more{
  float:right;
  margin-top: 10px !important;
}
time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 45px;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

.time_post_wapper{width:15%;float:left;}
.blog_holder article .post_text .post_text_inner{width:80%;float:left;}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .four_columns > .column1, .four_columns > .column2, .four_columns > .column3, .four_columns > .column4 {
    float: left;
    margin-bottom: 10px !important;
    width: 50% !important;
  }
}

.sub_menu li a{
color:#f69c47 !important;
}
.sub_menu li a:hover{
color:#fff !important;
}
/*.footer_top a{margin-bottom: 0px !important;}*/


.sub_menu .sub_menu li a {
    color: #00b6cf !important;
}
.sub_menu .sub_menu li a:hover {
    color: #fff !important;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.blog_holder article .post_text .post_text_inner{width:100% !important;}

.category-whats-new .title_outer .title .title_holder{max-height:75px !important;padding-top:0px !important;}
.category-whats-new .title_outer .has_background.title .title_holder{padding-top:0px !important;}

.category-news .title_outer .title .title_holder{max-height:75px !important;padding-top:0px !important;}
.category-news .title_outer .has_background.title .title_holder{padding-top:0px !important;}

.category-events .title_outer .title .title_holder{max-height:75px !important;padding-top:0px !important;}
.category-events .title_outer .has_background.title .title_holder{padding-top:0px !important;}

.single-post .blog_holder.blog_single article h2{margin-bottom:55px !important;}
}
.play-wapper {
    float: left;
    width: 100%;
}
.play-wapper img {
    float: none;
    margin: 0;
    /*width: 100px;*/
	border-radius:50%;
}
.play-wapper img:hover{
	
	background:#000;
}
.play-wapper > a {
    color: #fff;
	font-size:20px;
    text-align: center;
}
.play-wapper > a:hover{
	color: #fff;
}
.msg-text{font-size:20px;color:#000; text-align:center;}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
	z-index:99999999 ;
}

/* Modal Content */
.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 640px;
	max-width:89%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    background: #fff ;
    border-radius: 50%;
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    position: absolute;
    right: -10px;
    top: -10px;
}

.modal-body {padding: 0px;}
.modal-body iframe{width:100%;max-width:100%;float:left;}
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.msg-text {
    color: #303030;
    float: left;
    font-size: 20px;
    margin-top: 180px;
    text-align: center;
	text-transform:lowercase;
    width: 100%;
}
.carousel-inner .slider_content{top:32% !important;width:60% !important; left:20% !important;}
/*tu*/
@media only screen and (max-width: 480px) {
    .play-wapper img {
        width: 100px;
    }
    .footer_inner .footer_bottom_holder .footer_bottom .textwidget img{
        margin-top: 3px !important;
    }
    .play-wapper {
        margin-top: -155px !important;
    }
    .msg-text {
        margin-top: 0px !important;
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 320px) {
    .play-wapper img {
        width: 80px !important;
    }
    .msg-text {
        margin-top: 0px !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }
    /*.footer_top .footer_col3, .footer_top .footer_col2, .footer_top .footer_col1 {
        margin-bottom: 5px !important;
    }*/
    .play-wapper {
        margin-top: -110px !important;
    }
    /*.footer_top .three_columns, .footer_top .four_columns {
        bottom: 5px !important;
    }
    .footer_top a {
        padding: 2px 10px !important;
    }*/
}