/* Projects Styling
-----------------------------------------*/
/*  Colors
-----------------------------------------*/
/*  Fonts
-----------------------------------------*/
/*---------------------------------------------------*/
/* Settings
-----------------------------------------------------*/
/* top header */
/* anchor link */
/*---------------------------------------------------*/
/* Header Css Start
-----------------------------------------------------*/
.site-header { color: #ffffff; position: relative; z-index: 200; } 
.site-header .top-header { background: rgba(48, 130, 185, 0.2); color: #000000; padding: 16px 0; } 
.site-header .top-header a { color: #000; cursor: pointer; } 
.site-header .top-header a:hover { color: #fff; text-decoration: none; }

.utility-nav {padding-top: 10px;padding-bottom: 10px; }
.utility-nav a {font-size: 18px; }
.utility-nav a:hover {color: #4ecfcc; }

/* saperator */
.social-listing ul { margin-bottom: 0; } 
.social-listing ul li { display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } 
.social-listing ul li a { padding: 5px; display: block; color: #333; } 
.social-listing ul li a span { line-height: 1.25em; } 
.social-listing ul li a span:before { content: '|'; display: inline-block; vertical-align: baseline; line-height: 1em; margin: 0 5px 0 -8px; color: #fff !important; opacity: 0.2; } 
.social-listing ul li a:hover { color: #4ecfcc; } 
.social-listing ul li a:hover:before { content: '|'; display: inline-block; vertical-align: baseline; line-height: 1em; margin: 0 5px 0 -8px; color: #fff !important; opacity: 0.2; } 
.social-listing ul:first-child span:before { display: none; } 
.social-listing ul:first-child a:hover span:before { display: none; }

/* Social Links */
.social-listing .fa-social { font-size: 14px; background: #3fadaa; border: 0px solid #3fadaa; color: white; height: 32px; line-height: 32px; text-align: center; width: 32px; border-radius: 100%; position: relative; } 
.social-listing .fa-social:hover { color: #3fadaa; background: #fff; } 
.social-listing .fa-social a { position: absolute; top: 0; width: 100%; height: 100%; display: block; } 
.social-listing ul li[class^=icon], 
.social-listing ul li.fa { width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; background: #fff; color: #333; line-height: 30px; } 
.social-listing ul li[class^=icon]:hover, 
.social-listing ul li.fa:hover { background: #4ecfcc; border-color: #4ecfcc; color: #fff; } 
.social-listing ul li[class^=icon] img { max-height: 100%; vertical-align: top; } 
.social-listing ul li[class^=icon] span:before, 
.social-listing ul li[class^=icon] a:hover span:before, 
.social-listing ul li.fa span:before, 
.social-listing ul li.fa a:hover span:before { display: none; }
/* ------------ Main Header Start -----------*/
.main-header .site-description {color: #fff;margin: 5px 0; }
.main-header .logo-wrap img {width: 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }
.site-header h1, .site-header h2 {text-align: center; }
.site-header h1 a, .site-header h2 a {color: #515151;display: inline-block;text-decoration: none; }
.site-header h1 a:hover, .site-header h2 a:hover {color: #21759b; }
.site-header h1 {font-size: 24px;line-height: 1.5em;margin-bottom: 14px;margin-bottom: 30px; }
.site-header h2 {font-weight: normal;font-size: 13px;line-height: 1.5em;color: #757575; }

/*---------------------------------------------------*/
/* Header Css End
-----------------------------------------------------*/
/* ------------ Header Navigation Menu Start -----------*/
body.menu-is-opened { overflow: hidden; } 
.top-nav { text-align: center; } 
.top-nav ul.nav-menu.toggled-on, 
.hamburger { display: inline-block; float: right; } 
.top-nav ul.nav-menu, 
.top-nav div.nav-menu > ul { display: none; } 
.top-nav ul { padding-left: 0; list-style: none; } 
.top-nav li { font-size: 14px; line-height: 1.25em; position: relative; } 
.top-nav li a { color: #5e5e5e; } 
.top-nav li .submenuToggle { position: absolute; top: 1.227em; /*27px;*/ right: 5px; width: 1.818em; /*40px;*/ height: 1.818em; /*40px;*/ background: #eee url(../images/menu-right-arrow.svg) no-repeat center; background-size: 1.591em; /*35px;*/ display: block; cursor: pointer; border-radius: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } 
.top-nav li.submenuOpened > .submenuToggle { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

/* hamburger menu */
.hamburger { margin: 20px 0 0 0; float: right; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; overflow: visible; } 
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } 
.hamburger-inner { display: block; top: 50%; margin-top: -2px; } 
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } 
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } 
/*  3DXY Reverse */ 
.hamburger--3dxy-r .hamburger-box { perspective: 80px; } 
.hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } 
.hamburger--3dxy-r .hamburger-inner::before, 
.hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } 
.hamburger.is-active { position: relative; z-index: 120; margin-top: 0; } 
.hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); background: #333; } 
.hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); background: #333; }

/* HEADER CSS */
@-webkit-keyframes fixedhead {
  0% {
      top: 150px
  }

  100% {
      top: 0
  }
}

@keyframes fixedhead {
  0% {
      transform: translateY(-145px)
  }

  100% {
      transform: translateY(0px)
  }
}
.fixed-header { /* position: fixed; */ top: 0; left: 0; width: 100%; z-index: 100; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.20); -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.20); animation: 0.9s fixedhead; transition: animation 0.5s ease-in-out; }
.fixed-header .hamburger {margin-top: 11px; }
.fixed-header .logo-wrap img {width: 50%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s;transition: all 0.5s; }
.fixed-header .top-nav {margin-top: 0; }
.fixed-header .top-header {display: none; }
.fixed-header .main-header{padding: 15px 15px;}

/*.left-sidebar-layout, .right-sidebar-layout, .full-width {  padding: 50px 0; }*/
/* responsive start */
@media (max-width: 1199px) {
  .main-header > .row > .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 
  .main-header .logo-wrap { max-width: 350px; float: left; } 
  .top-nav, .top-nav.menu-opened { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } 
  .top-nav { opacity: 0; visibility: hidden; z-index: -10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } 
  .top-nav.menu-opened { opacity: 1; visibility: visible; z-index: 100; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul {display: block;}
  .top-nav.menu-opened .menu-main-menu-container {display: flex; height: 100%;overflow: auto;padding: 100px 0;}
  .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul {margin: auto;width: 100%;max-width: 600px; }
  .top-nav ul li {font-size: 22px;line-height: 1.5em; }
  .top-nav ul li a {padding: 30px 20px;display: block; }
  .top-nav ul li:last-child a {border: 0; }
  .top-nav ul li a:hover {text-decoration: none; }
  .top-nav ul li ul {background: rgba(0, 0, 0, 0.03); }
  .top-nav ul li ul li {font-size: 0.864em; }
  .top-nav ul li ul {display: none; }
  .top-nav a:hover,  .top-nav a:focus,  .top-nav li.current-menu-item a,  .top-nav li.current_page_item a {color: #4ecfcc; } 
}
@media (max-width: 640px) {
  .main-header .logo-wrap {max-width: 240px; }
  .main-header .logo-wrap img {width: 70%; }
  /* .hamburger {margin-top: 10px; }*/
  .fixed-header .hamburger {margin-top: 10px; }
  .hamburger.is-active {margin-top: -25px; }
  .fixed-header .hamburger.is-active {margin-top: 10px; }
  .top-nav ul li {font-size: 18px; }
  .top-nav ul li a {padding: 15px; }
  .top-nav li .submenuToggle {top: 0.778em;/*14px;*/width: 1.667em;/*30px;*/ height: 1.667em;/*30px;*/background-size: 1.389em;/*25px;*/ } 
}
@media (min-width: 1199px) {
  .top-nav ul.nav-menu,
  .top-nav div.nav-menu > ul {display: inline-block !important;text-align: left;width: 100%;}
  .top-nav ul {margin: 0;text-indent: 0; }
  .top-nav li {margin: 0 0 0 20px;position: relative; }
  .top-nav li a,
  .top-nav li {display: inline-block;text-decoration: none;}
  .top-nav li a {color: #000;text-transform: capitalize;white-space: nowrap;position: relative;padding: 20px 0px;font-family: 'Inter', sans-serif;font-weight: 400;font-size: 20px;line-height: 16px;transition: 0.5s ease-in-out;}
  /*.top-nav li a:hover {background: #000000;}*/
  .top-nav li ul {position: absolute;top: 100%;left: 0;text-align: left;z-index: 1;visibility: hidden;opacity: 0;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;-o-transition: 0.5s all;-moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);-webkit-transform: translateY(50px);transform: translateY(50px); }
  .top-nav li ul ul {top: 0;left: 100%; }
  .top-nav li li {margin-left: 0; }
  .top-nav li ul li a { background: #efefef; color: #333; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; }
  .top-nav .current-menu-item > a,
  .top-nav .current-menu-ancestor > a,
  .top-nav .current_page_item > a,
  .top-nav .current_page_ancestor > a {border-color: #fff; }
  .top-nav li:hover a {border-color: #fff; }
  .top-nav ul li:hover > ul, 
  .top-nav ul li:focus > ul, 
  .top-nav .focus > ul { visibility: visible; opacity: 1; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
  .top-nav li ul li a:hover,
  .top-nav li ul li a:focus {background: #e3e3e3;color: #444;}
  /* for last child only please remove if not required */
  .top-nav ul.nav-menu > li:last-child .sub-menu { left: inherit; right: 0; }
  .top-nav ul.nav-menu > li:last-child .sub-menu ul { right: 100%; } 
  .hamburger, .top-nav li .submenuToggle { display: none; }
}
@media (min-width: 1280px) {
  .top-nav li {margin: 0 45px 0 0;position: relative; } 
}

.top-nav li:last-child{margin-right: 0;}
/*---------------------------------------------------*/
/* Settings
-----------------------------------------------------*/
/* anchor link */
/*---------------------------------------------------*/
/* Footer Css Start
-----------------------------------------------------*/
footer { clear: both; padding: 79px 0 5px; background: #3082B9; color: #fff; }
footer li, footer a {color: #fff; }
footer li:hover,
footer a:hover {color: #fff; }
footer li.current_page_item a {color: #fff; }
footer.entry-meta {margin-top: 24px;font-size: 13px;line-height: 1.846153846;color: #fff;background: transparent;padding: 0; }
footer .widget-title { font-size: 24px; color: #fff; margin-bottom: 20px; } 
footer .widget ul { padding-left: 0; list-style: none; } 
footer .bottom-footer { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 15px; margin-top: 50px; } 
footer .bottom-footer .footer-menu { padding-left: 0; margin-bottom: 0; } 
footer .bottom-footer .footer-menu li, 
footer .bottom-footer .site-info p .site-info { font-size: 16px; } 
footer .bottom-footer .social-media { margin-bottom: 0; } 
footer .bottom-footer .social-media li { padding: 10px; font-size: 15px; } 
footer .bottom-footer .footer-menu li { list-style: none; display: inline-block; padding-right: 10px; } 
footer .bottom-footer .social-listing { float: right; } 
footer .bottom-footer .social-listing ul li.fa { padding: 0; } 
footer .site-info { float: left; width: 50%; font-size: 15px; padding-top: 8px; }
#top { float: right; width: 39px; margin-top: -85px; margin-right: 20px; opacity: 0.5; display: none; cursor: pointer; font-size: 50px; padding-right: 20px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } 
#top:hover { opacity: 1; } 
#top .fa { color: #fff; }

/* responsive start */
@media (max-width: 767px) {
  footer .social-listing {float: none;}
  .bottom-footer .col-sm-12 {margin-bottom: 5px;text-align: left; }
  .bottom-footer .social-media {padding-left: 0; } 
}
/*==========================================================================
   underconstruction page
* ========================================================================*/
#container { margin: 0; padding: 0; } 
.intro .title { color: #2098f5; font-family: lato; font-weight: 700; font-size: 2em; text-transform: uppercase; position: relative; display: table; margin: 0 auto; } 
.intro .title::before { background: none repeat scroll 0 0 #ddd; content: ""; height: 2px; left: 25%; position: absolute; top: -8px; width: 50%; }
.intro .title::after {background: none repeat scroll 0 0 #ddd;content: "";height: 2px;left: 25%;position: absolute; bottom: -8px;width: 50%; }
.intro .title-tag {font-family: open_sanslight;font-size: 1.1em;padding: 10px 0 20px 0; }
.padding-2x {padding: 60px 0; }
.padding-x {padding: 20px 0; }
.padding-top-2x {padding-top: 60psx; }
.padding-top-x {padding-top: 20px; }
.padding-btm-2x {padding-bottom: 60px; }
.padding-btm-x {padding-bottom: 20px; }
.margin-2x {margin: 60px 0; }
.margin-x {margin: 20px 0; }
.margin-top-2x {margin-top: 60px; }
.margin-top-x {margin-top: 20px; }
.margin-btm-2x {margin-bottom: 60px; }
.margin-btm-x {margin-bottom: 20px; }

/* Intro Section  */
.intro { background-size: cover; background-position: center; background-color: #2a2e39; position: fixed; z-index: 10; overflow: hidden; width: 100%; height: 100%; color: #fff; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 
.intro:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: -2; }
.intro .center-content { display: table; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* Intro Content */
.intro .intro-content { display: table-cell; font-size: 1.15em; margin: 0; padding: 0; min-width: 100%; min-height: 100%; vertical-align: middle; }

/* Logo */
.intro .logo {width: 100%;margin: -30px 0 25px; }
.intro .logo img {width: 200px;height: auto; }
.intro .text-logo {color: #2098f5;font-family: BeonMedium;font-weight: 700;font-size: 3em;margin-top: 15px; }

/* Intro Main Heading */
.intro .intro-title {font-family: lato;font-size: 3em;font-weight: normal;margin: 15px 0;text-transform: uppercase; }
.intro .obak {color: #2098f5; }

/* Countdown */
.intro .countdown {list-style: none; margin: 20px 0;padding: 0;display: block;text-align: center;font-family: BeonMedium; }
.intro .countdown li {display: inline-block;color: #fff; }
.intro .countdown li span {font-size: 80px;font-weight: 300;line-height: 80px; }
.intro .countdown li.seperator {font-size: 14px;margin-top: 12px;line-height: 30px;vertical-align: top; }
.intro .countdown li p {color: #ddd;font-size: 14px; }
.intro .content-div {width: 100%; }
/* Intro Sub Heading */
.intro .intro-subtitle {display: block;-webkit-align-items: center;align-items: center;text-align: center; }
.intro .intro-subtitle p {color: #efefef; }
.intro .intro_description {margin: 0 auto 0 1em;line-height: 1.2; }
/* Social Links */
.intro .social {bottom: 0;left: 0;margin: 10px;position: absolute;z-index: 3; }

.intro .fa-social { font-size: 14px; background: #fff; border: 0px solid #fff; color: #2098f5; height: 32px; line-height: 32px; text-align: center; width: 32px; margin-right: 3px; border-radius: 100%; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; } 
.intro .fa-social:hover { color: #fff; background: #1e87d8; transition: all 0.5s; -webkit-transition: all 0.5s; } 
.intro .fa-social a { position: absolute; top: 0; width: 100%; height: 100%; display: block; }

/* Footer */
.intro #footer { background-color: #2098f5; padding: 20px 0; overflow: hidden; position: fixed; bottom: 0; max-width: 100%; } 
.intro #footer a { color: #fff; } 
.intro .copyright p { color: #fff; display: block; padding-top: 5px; font-size: 1.1em; } 
.intro .container-bottom-content .social-media { margin-bottom: 10px; } 
.hidden { display: none !important; visibility: hidden; } 
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 
.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } 
.invisible { visibility: hidden; } 
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.main-header .logo-wrap img{ width: 150px; }

/* responsive start */
@media only screen and (max-width: 1280px) {
  .intro .logo {margin-top: 0; }
  .intro .center-content {display: flex;align-items: center;overflow: auto;position: static; }
  .intro .intro-content {padding: 70px 0 100px;min-height: inherit; } 
}
@media only screen and (max-width: 767px) {
  .intro:after {background-color: rgba(0, 0, 0, 0.7); }
  .intro .logo img {max-height: 100px;width: auto; }
  .intro .text-logo,
  .intro .intro-title {font-size: 1.5em; }
  .intro .center-content {align-items: flex-start; } 
}
@media only screen and (max-width: 639px) {
  .intro #footer {padding-top: 50px; }
  .intro .intro-content {padding-bottom: 120px; }
  .intro .social {text-align: center;width: 100%;margin: 0;bottom: 46px;}
  .intro .container-bottom-content .social-media{padding-left: 0;} 
}
.error404 {height: 100%;color: #ffffff; }
.error404 #top {display: none !important; }
.error404 .site-header {display: none; }
.error404 .logo-wrap {max-width: 250px;margin: auto auto 35px; }
.error404 footer {display: none; }
.error404 #page {height: 100%; }
.error404 .page-content-section {height: 100%;padding: 140px 0; }
@media (max-width: 767px) {
  .error404 .page-content-section {padding: 50px 0 0; } 
}

.error404 .error-main { max-width: 530px; margin: auto; padding: 5%; background: rgba(40, 41, 45, 0.35); border: 1px solid rgba(255, 255, 255, 0.17); box-shadow: 0 0px 60px rgba(0, 0, 0, 0.15); }
@media (max-width: 767px) {
  .error404 .error-main {padding: 55px 5%;margin-bottom: 50px; } 
}

.error404 .error-main .title-404 {font-size: 150px;line-height: 0.8;margin-bottom: 0; }
@media (max-width: 767px) {
  .error404 .error-main .title-404 { font-size: 100px; margin-bottom: 10px; } 
}

.error404 .error-main .content-404 h3 { padding: 10px; border-top: 1px solid rgba(255, 255, 255, 0.42); border-bottom: 1px solid rgba(255, 255, 255, 0.42); text-transform: uppercase; letter-spacing: 10px; margin: 20px 0; font-size: 22px; }
@media (max-width: 767px) {
  .error404 .error-main .content-404 h3 {font-size: 22px;letter-spacing: 2px; }
  .error404 .error-main .content-404 p {line-height: 1.25em;font-size: 15px; } 
}
.error404 .bg-image { background-repeat: no-repeat !important; background-size: cover !important; width: 100%; height: 100%; position: fixed; z-index: -1; pointer-events: none; top: 0; } 
.error404 .btn-primary:hover { background-color: #6c757d; border-color: #6c757d; opacity: 1; color: #ffffff; } 
.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; word-wrap: break-word; } 
.widget-area .widget h3 { margin-bottom: 10px; } 
.widget-area .widget p, 
.widget-area .widget li, 
.widget-area .widget .textwidget { font-size: 13px; line-height: 1.846153846; } 
.widget-area .textwidget ul, 
.widget-area .textwidget ol { list-style: disc outside; margin: 0 0 24px; } 
.widget-area .textwidget li > ul, 
.widget-area .textwidget li > ol { margin-bottom: 0; } 
.widget-area .textwidget ol { list-style: decimal; } 
.widget-area .textwidget li { margin-left: 36px; } 
.widget-area .widget ul ul { margin-left: 12px; } 
.widget-area .widget a { color: #757575; } 
.widget-area .widget a:hover { color: #21759b; }

/* =Widgets
-------------------------------------------------------------- */
.widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; margin-left: 12px; } 
#wp-calendar { margin: 0; width: 100%; font-size: 13px; line-height: 1.846153846; color: #686868; } 
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } 
#wp-calendar #next { padding-right: 24px; text-align: right; } 
.widget_twitter li { list-style-type: none; } 
.widget_twitter .timesince { display: block; text-align: right; } 
.widget_search label { display: block; font-size: 13px; line-height: 1.846153846; } 
.widget_search input[type="text"], .widget_search input[type="search"] { width: 70%; } 
.widget-area .search-form form { position: relative; } 
.widget-area .search-form input { width: 100%; padding-right: 33px; } 
.widget-area .search-form input.search-button { width: 35px; height: 30px; padding: 5px; display: inline-block; vertical-align: middle; position: absolute; right: 0; top: 4px; border-left: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; }

/* =Blog main content and comment content
-------------------------------------------------------------- */
.entry-content .item { margin-bottom: 50px; } 
.entry-content .item .title { font-size: 30px; margin-bottom: 5px; } 
.entry-content .item .meta-box { margin-bottom: 25px; } 
.entry-content .item .meta-box > div { display: inline-block; vertical-align: middle; margin-right: 15px; color: #999; font-size: 14px; } 
.entry-content .item .meta-box .post-category a { display: inline-block; vertical-align: middle; } 
.entry-content .item .img-blk { margin-bottom: 20px; } 
.page-numbers { padding-left: 0;}
/* paginiation text color */
.page-numbers .page-numbers,
.page-numbers .page-numbers.next:hover, .page-numbers .page-numbers.prev:hover,
.page-numbers .page-numbers.next, .page-numbers .page-numbers.prev {color: #999;border-color: #999; }
.page-numbers li { list-style: none; display: inline-flex; display: -webkit-inline-flex; align-items: center; justify-content: center; } 
.page-numbers .page-numbers { border: 1px solid; width: auto; padding: 3px 15px; display: block; }
/* paginiation hover and selected color */
.page-numbers .page-numbers:hover,
.page-numbers .page-numbers.current {background: #4ecfcc;color: #fff;border-color: #4ecfcc; }
.page-numbers .page-numbers.next:hover, .page-numbers .page-numbers.prev:hover,
.page-numbers .page-numbers.next, .page-numbers .page-numbers.prev {border: 0;background: none; }
.page-numbers .page-numbers.prev {padding-left: 0; }

/* =Single image attachment view
-------------------------------------------------------------- */
.article.attachment {overflow: hidden; }
.image-attachment div.attachment{text-align: center; }
.image-attachment div.attachment p{text-align: center; }
.image-attachment div.attachment img{display: block;height: auto;margin: 0 auto;max-width: 100%; }
.image-attachment .entry-caption {margin-top: 8px;}