@import "../css/reset.css";
@import "../css/bootstrap_grid.css";
@import "../css/jquery.formstyler.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');

@font-face {
  font-family: 'qanelas_soft';
  src: url('../fonts/qanelassoft-regular-webfont.eot');
  src: url('../fonts/qanelassoft-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/qanelassoft-regular-webfont.woff2') format('woff2'),
       url('../fonts/qanelassoft-regular-webfont.woff') format('woff'),
       url('../fonts/qanelassoft-regular-webfont.ttf') format('truetype'),
       url('../fonts/qanelassoft-regular-webfont.svg#qanelas_softregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'qanelas_soft';
  src: url('../fonts/qanelassoft-bold-webfont.eot');
  src: url('../fonts/qanelassoft-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/qanelassoft-bold-webfont.woff2') format('woff2'),
       url('../fonts/qanelassoft-bold-webfont.woff') format('woff'),
       url('../fonts/qanelassoft-bold-webfont.ttf') format('truetype'),
       url('../fonts/qanelassoft-bold-webfont.svg#qanelas_softbold') format('svg');
  font-weight: bold;
  font-style: normal;
}

html {width:100%}

ul, ol {
  padding: 0;
  margin: 0;
}

body {
  font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', sans-serif;
  font-size:14px;
  font-weight: 300;
  line-height:1.66;
  color:#4a4a4a;
  min-width:960px;
  background:#fff;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea, input, button{
  font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Open Sans', sans-serif;
  outline: none;
}


.main_left{
  width: 18.60%;
  padding-left: 25px;
  padding-right: 53px;
}

.main_right{
  width: 81.4%;
}

.main_left,
.main_right{
  float: left;
}


/*----------------------> Links And buttons <------------------*/
a {
  color:#4a4a4a;
  outline:none;
  text-decoration:none;
  cursor: pointer;
}
a:hover{
  color:#A4A4A4;
  text-decoration:underline;
}

.blue_link{
  color: #2296f5;
}

/*----------------------> Basic Classes <------------------*/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.al_left{text-align: left;}
.al_right {text-align:right}
.al_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

.full_w{
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.val_mid{vertical-align: middle;}
/*----------------------> Indents Zero <------------------*/

.m_b_zero{ margin-bottom:0 !important;}
.m_l_zero{ margin-left:0 !important;}
.p_b_zero{ padding-bottom:0 !important;}
.p_l_zero{ padding-left:0 !important;}

/*----------------------> Positions <------------------*/
.p_abs{position: absolute;}
.p_rel{position: relative;}
.p_fix{position: fixed;}
.clear {clear:both;width:100%;line-height:0;font-size:0;}
.clearfix:after, .facetwp-type-search:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper {overflow:hidden}
.f_elem>*:first-child{margin-top: 0 !important;}
.f_elem1>*:first-child{margin-top: 0 !important;border: none !important;}

.bg_none{ background:none !important;}

/*----------------------> Displays <------------------*/

.d_block{ display:block;}
.d_ib{ display:inline-block;}
.d_none{ display:none; color:black !important;}
.d_tc{ display:table-cell;}
.d_t{ display:table;}


/*----------------------> Basic Colors <------------------*/



/*======================> Header <======================*/

  header {
  padding: 16px 0;
  background-color: #1D1D1B !important;
  border-bott
  }

  @media screen and (max-width: 767px) {
  	.header{
	   height: 62px;
	   border-bottom: 6px solid #1D1D1B !important;
	   position: fixed;
	   left: 0;
	   top: 0;
	   width: 100%;
	   z-index: 999;
	}
  }
  .logo{
    padding: 0 0 0 5px;
  }
    .logo a{
      display: inline-block;
    }
    .logo-img {
      height: auto;
      max-width: 100%;
    }
    

  // .header_search_form{
  //   border-radius: 4px;
  //   background-color: #ffffff;
  //   width: 325px;
  //   margin: 4px;
  // }

  input.header_search_field, input.facetwp-search{
    font-size: 14px;
    /* line-height: 1.3; */
    padding: 10px 5px 11px 11px;
     color: black; 
     background: none; 
    border: none;
    /* width: 100%; */
    /* float: left; */
    /* border-radius: 4px; */
    height: 37px;
    min-width: 240px;
  }

  .header_search_btn{
    position: absolute;
  	left: 310px;
  	display: block;
  	width: 30px;
  	height: 38px;
  	border: none;
  	cursor: pointer;
  	outline: none;
	  border-radius: 4px;
    background: url(../images/search_icon.png) 20% 50% no-repeat;
  }

  .header_search_field:focus, .facetwp-search:focus, .subscribe_field:focus {
    -webkit-box-shadow: inset 0 0 8px #F7D60D;
    box-shadow: inset 0 0 6px #F7D60D;
  }

/*=====================> Subscribe box ========================*/
.subscribe_box{

   position: relative;
   color: #1d1d1b;
   padding: 22px 0;
   line-height: 1.5;
   background-color: #F7D60D;
   -webkit-background-size: cover;
   background-size: cover;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
  /*position: relative;
  color: #fff;
  padding: 22px 0;
  line-height: 1.5;
  background: url(../images/subscribe_bg.png) 50% 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #F7D60D;*/
}
  /*.subscribe_box:before{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .6;
    z-index: 1;
    content: "";
  }*/

  
  .subscribe_box .container{
    position: relative;
    z-index: 2;
  }

  .subscribe_label{
    padding-right: 13px;
  }
  .subscribe_label strong{
   font-size: 14px;
   line-height: 1.1;
   color: #1d1d1b;
  }

  .subscribe_inner{
    overflow: hidden;
  }
  input.subscribe_field{
    float: left;
    border: none;
    font-size: 12px;
    color: #9b9b9b;
    width: 222px;
    padding: 9px 15px 10px;
    background-color: #ffffff;
    border: 1px solid transparent;
  }

  .subscribe_field:first-child {
   border-radius: 8px 0 0 8px;
   margin-right: 2px;
	}

    .subscribe_btn{
      float: left;
	  display: block;
	  border: none;
	  cursor: pointer;
	  color: #fff;
	  padding: 9px 15px;
	  border-radius: 0 8px 8px 0;
	  background-color: #1d1d1b;
    }

    input.subscribe_field,
    .subscribe_btn{
      height: 36px;
    }

    @media only screen and (max-width: 767px) {

       .subscribe_box{
       	display: none;
       }

    }

    .footer-col input.subscribe_field {
      border-radius: 5px!important;
      margin-bottom: 5px;
      border: 1px solid rgba(0,0,0,0.1);
    }
    .footer-col .subscribe_btn {
      border-radius: 8px;
    }
    .footer-col .mc4wp-form-fields {
      margin-top: 10px;
    }

    .footer-col .mc4wp-form-fields input {
      max-width: 100%;
    }

    @media only screen and (max-width: 767px) {
      .footer-col input.subscribe_field {
        float: none;
        width: 100%;
      }
      .footer-col .subscribe_btn {
        float: none;
        margin-left: 0;
      }
      
       

    }
/*=====================> Content ========================*/
#content {padding:30px 0px; //min-height: 1500px;}
.cont_pad{padding:0 0 0 0 !important;}

.not_found_text{
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0.4px;
  color: #9b9b9b;
  padding: 30px 0 0;
}

.sidebar_filter{
  padding: 0px 0 0;
  margin-top: -20px;
  color: #4a4a4a;
}

.filter_hr{
  border: none;
  height: 1px;
  margin: 17px 0;
  background-color: #dedede;
}

.checkbox_wrap{
  display: block;
  margin-bottom: 1px;
}

#content .main_right .posts_order_by:first-child{
  margin-top: -30px;
}

.posts_order_by{
padding: 0px 0 16px;
}

.posts_order_by a{
  display: inline-block;
  color: #000;
  font-size: 13px;
  margin-right: 15px;
  border-bottom: 3px solid transparent;
}

.posts_order_by .current{
  font-weight: bold;
  border-color: #138ded;

}

.masonry_item{
  margin: 5px;
  float: none;
}


/*=====================> Paragraphs ========================*/

/*p {margin-bottom:18px}*/
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb4{ margin-bottom:4px;}
.mb5{ margin-bottom:5px;}
.mb6{ margin-bottom:6px;}
.mb7{ margin-bottom:7px;}
.mb8{ margin-bottom:8px;}
.mb9{ margin-bottom:9px;}
.mb10{ margin-bottom:10px;}
.mb11{ margin-bottom:11px;}
.mb12{ margin-bottom:12px;}
.mb13{ margin-bottom:13px;}
.mb14{ margin-bottom:14px;}
.mb15{ margin-bottom:15px;}
.mb16{ margin-bottom:16px;}
.mb17{ margin-bottom:17px;}
.mb18{ margin-bottom:18px;}
.mb19{ margin-bottom:19px;}
.mb20{ margin-bottom:20px;}
.mb21{ margin-bottom:21px;}
.mb22{ margin-bottom:22px;}
.mb23{ margin-bottom:23px;}
.mb24{ margin-bottom:24px;}
.mb25{ margin-bottom:25px;}
.mb26{ margin-bottom:26px;}
.mb27{ margin-bottom:27px;}
.mb28{ margin-bottom:28px;}
.mb29{ margin-bottom:29px;}
.mb30{ margin-bottom:30px;}
.mb31{ margin-bottom:31px;}
.mb32{ margin-bottom:32px;}
.mb33{ margin-bottom:33px;}
.mb34{ margin-bottom:34px;}
.mb35{ margin-bottom:35px;}
.mb36{ margin-bottom:36px;}
.mb37{ margin-bottom:37px;}
.mb38{ margin-bottom:38px;}
.mb39{ margin-bottom:39px;}
.mb40{ margin-bottom:40px;}
.mb41{ margin-bottom:41px;}
.mb42{ margin-bottom:42px;}
.mb43{ margin-bottom:43px;}
.mb44{ margin-bottom:44px;}
.mb45{ margin-bottom:45px;}
.mb46{ margin-bottom:46px;}
.mb47{ margin-bottom:47px;}
.mb48{ margin-bottom:48px;}
.mb49{ margin-bottom:49px;}
.mb50{ margin-bottom:50px;}
.mb51{ margin-bottom:51px;}
.mb52{ margin-bottom:52px;}
.mb53{ margin-bottom:53px;}
.mb54{ margin-bottom:54px;}
.mb55{ margin-bottom:55px;}
.mb58{ margin-bottom:58px;}
.mb62{ margin-bottom:62px;}
.mb75{ margin-bottom: 75px;}


/*=====================> Lists ========================*/
.list1{}
.list1 li{
  background:url(../images/marker1.png) 0 7px no-repeat;
  padding-left:20px;
}
.list1 a{}

.list2{}
.list2 li{
  background:url(../images/marker1.png) 0 7px no-repeat;
  padding-left:20px;
}
.list2 a{}

.list3{}
.list3 li{
  background:url(../images/marker1.png) 0 7px no-repeat;
  padding-left:20px;
}
.list3 a{}

/*=====================> Titles ========================*/
h2,h3,h4{
  font-weight:normal;
}
.title1{
  font-size: 32px;
  line-height: 1.23;
  color: #585858;
  font-weight: 600;
}

.title2{
  font-size: 28px;
  line-height: 1.2;
  color: #9b9b9b;
  font-weight: 600;
}

.title3{
  font-size: 18px;
  line-height: 1.2;
  color: #1d1d1b;
}

.title4{
  color: #555555;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 12px;
}
.title4_2 {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 12px;
}

.title6{
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  color: #9b9b9b;
}


/*================================>> GOOGLE FONTS  <<========================================*/



/*================================>> hovers <<========================================*/
a{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
a:hover{
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.masonry_item{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 500px){
  .masonry_item {
      width: 100%;
      margin: 0 2.5% 20px;
  }
}
  .masonry_item:hover .masonry_figcaption,
  .masonry_item:hover a:before{
    visibility: visible;
    opacity: 1;
    cursor: pointer;
  }

/*================================>> Contact Form <<========================================*/
#contact-form {
  padding:0px 0 0 0;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left:0;
  z-index: 99;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  padding: 20px 0;
}
.txt_field{
  margin:0;
  font-size:12px;
  border:1px solid #e7e7e7;
  color:#969696;
  padding:7px 10px;
  outline:none;
  position:relative;
  font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', sans-serif;
  background:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.msg_field{
  overflow:auto;
  width:433px;
  height:172px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}

#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {
  text-align:left;
  color:red;
  font-size:11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:25px;
}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{
  display:block;
  margin: 0px 0 0 5px;
 }

.map_wrapper{
  overflow:hidden;
  display:inline-block;
  margin-bottom:26px;
}


/*================================>> Contacts Info <<========================================*/
#map_canvas {
   width:411px;
   height:237px;
}
.adress{}
.adress span{
  display:inline-block;
}
.adress dt{ margin-bottom:14px;}



/*================================>> Popupss <<========================================*/
.popup_box{
  width: 800px;
  margin: 0 auto;
}
  .popup_close{
    background: url(../images/close_popup_icon.png) 0 0 no-repeat;
    width: 29px;
    height: 29px;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 100%;
    bottom: 100%;
    margin: 0 0 10px 10px;
  }
  #breadcrumbs {
    margin-bottom: 20px;
  }
  .popup_box img,
  .white_sm_box,
  .single_inner_img img{
    border-radius: 8px;
  }
  .single_inner_img p {
    font-size: 16px;
    padding: 30px 0px;
  }
  .single_inner_img {
    position: relative;
  }
  .blockads-container {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.9);
    text-align: center;
    padding: 5%;
  }
  .ABD_display_adblock {
    padding: 5%;
  }

  .ABD_display_adblock h2 {
    font-size: 24px;
    font-weight: bold;
  }

  .white_sm_box{
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    padding: 19px 0px;
  }

  .post_info{
    background-color: #d7dadc;
    font-size: 11px;
    color: #9b9b9b;
  }

  .white_sm_box .post_info{
    margin-left: -19px;
    margin-right: -19px;
    padding: 3px 19px 2px;
  }

  .popup_box_inner aside,
  .single_inner aside{
    padding-left: 10px;
    width: 290px;
    overflow: hidden;
    margin-top: -22px;
  }
  @media only screen and (max-width: 1100px){
    .popup_box_inner aside,
    .single_inner aside{
      padding-left: 0px;
      width: 100%;
      overflow: hidden;
      margin-top: 0px;
    }
  }

  .tags,
  .tags a{
    font-size: 14px;
    color: #9b9b9b;
  }

  .author_sm_box{
    padding: 10px 18px 12px;
    margin: 0 -19px -19px;
    border-radius: 0 0 8px 8px;
    background-color: #f3f3f3;
  }
  .sm_author_img{
    border-radius: 50%;
  }

  .author_sm_box figcaption{
    padding: 0 0 0 15px;
  }

  .rel_items_wrap{
    margin: 0 -7px -10px;
  }
  .rel_item{
    width: 110px;
    margin: 0 7px 16px;
    float: left;
  }
  .rel_item .title5{
    line-height: 1.1;
    height: 42px;
  }
  .rel_img_wrap{
    width: 110px;
    height: 110px;
    display: block;
    border-radius: 4px;
    margin-bottom: 12px;
    background-color: transparent;
    border: 1px solid #eaeaea;
    cursor: pointer;

  }
  .rel_img_wrap img{
    border-radius: 8px;
    min-width: 100%;
    min-height: 100%;
  }

/*================================>> Footer <<========================================*/

.footer_inner{
  padding:23px 0 30px;
  border-top: 1px solid #cccccc;
  margin-top: 30px;
}

.sm_text{
  opacity: .5;
}
.social{
  overflow:hidden;
}
.social a{
  display:block;
  float:left;
  width:32px;
  height:32px;
  overflow:hidden;
  margin-left:8px;
}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{
  margin-top:-32px;
}

[class^="footer_col"]{
  float: left;
}
.footer_col1{
  width: 280px;
  margin-right: 37px;
}
[class^="footer_col"]:not(.footer_col1){
  width: 120px;
  padding-top: 12px;
}

.footer_links{
  font-size: 11px;
}
  .footer_links a{
    color: #888888;
  }

.footer_col4{
  margin-left: 35px;
  width: 200px !important;
}

  .footer_jobs li{
    overflow: hidden;
    margin-bottom: 17px;
  }
  .footer_jobs img{
    border-radius: 50%;
  }

  .footer_jobs_caption{
    overflow: hidden;
    padding: 0 0 0 10px;
  }

  .footer_jobs_caption .title4{
    margin-bottom: 0px;
  }

  .mapbox{
    width: 285px;
    // padding: 13px 0 0
  }
  .mapbox figcaption{
    padding: 0 0 0 15px;
    font-size: 13px;
  }

  .mapbox .title4{
    margin-bottom: 0;
  }

/*============================= Easy responsive tabs ============================*/


.resp-tabs-list li {
    
}


h2.resp-accordion {
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-easy-accordion  h2.resp-accordion {
        display: block;
}

.resp-tab-content-active {
    display: block;
}


@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    
    .resp-accordion-closed {
        display:none !important;
    }
    
}


/*============================ Arctic modal =============================*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.links a{
  text-decoration: underline;
  font-size: 20px;
}


/* ========================== OWL CAROUSEL =============================*/
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*==========================================================
   					 *EDIT CSS BEGIN*
==========================================================*/

.singlecontent{
  margin-top: 2em;
}

.grey {
    color: #A4A4A4;
}

// input{
// 	cursor: pointer;
// }

.not_found_text img{
	width: 100%;
}

/*.masonry_box{
  height: auto !important;
}*/



.konten{
  margin-top:-5px;
  z-index: 2; 
}


/*==========================================================
   			Remove Icon in input search [OPERA]
==========================================================*/

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

/********CUSTOM PAGINATION********/
/*=========================================================
   					CUSTOM PAGINATION
=========================================================*/
.paging{
  text-align:center; 
  padding-top:2em;
  z-index: 1;
}
.custom-pagination,
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
  font-size: 18px;
  vertical-align: middle;
  padding: 0 10px;
  font-family: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', sans-serif;
}
.custom-pagination a {
  background-color: transparent;

  color: #1d1d1b;
  font-size: 18px;
  webkit-border-radius: 20px;
  border-radius: 20px;
}
.custom-pagination a:hover {
  background-color: #E0E0E0;
  color: #1d1d1b;
  font-size: 18px;
  webkit-border-radius: 20px;
  border-radius: 20px;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
  font-size: 18px;
}
.custom-pagination span.current {
  background-color: #f7d60d;
  color: #1d1d1b;
  font-size: 18px;
  webkit-border-radius: 20px;
  border-radius: 20px;
}

.custom-pagination span{
  color: #1d1d1b;
  font-size: 18px;
}

/* ============================================================
  			   CUSTOM MENU [Left Sidebar Menus]
============================================================ */

.current-menu-item a{
  color: #2D2D2B;
  padding-left: 15px;
  position: relative;
}
.current-menu-item a:hover{
  color: #9D9D9D;
}
.current-menu-item a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  background-color: #F7D60D;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* ============================================================
  				  CUSTOM IMAGE OVERLAY / Hover
============================================================ */
.masonry_item{
  margin: 5px;
  float: none;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.masonry_item a{
  position: relative;
  display: block;
  border: 1px solid #eaeaea;
}
.masonry_item a img{
  border-radius: 8px;
  border: 1px solid #eaeaea;
  width: 100%;
  height: auto;
}

.masonry_item a:before{
  visibility: hidden;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1b+0,1d1d1b+100&0+0,0+14,1+100 */
  background: -moz-linear-gradient(top,  rgba(29,29,27,0) 0%, rgba(29,29,27,0) 14%, rgba(29,29,27,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(29,29,27,0) 0%,rgba(29,29,27,0) 14%,rgba(29,29,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(29,29,27,0) 0%,rgba(29,29,27,0) 14%,rgba(29,29,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.masonry_figcaption{
  color: #FFF;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  padding: 20px 18px;

}
.masonry_figcaption p{
  margin-bottom: 2px;
}
.masonry_figcaption span{
  color: #9b9b9b;
}


/*Hover For Single Page "Related Inspiration"*/
.rel_img_wrap{
  width: 110px;
  height: 110px;
  display: block;
  border-radius: 8px;
  margin-bottom: 12px;
  background-color: transparent;
  position: relative;
  overflow: hidden;
}

.rel_img_wrap:hover:before{
  visibility: visible;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.rel_img_wrap:before{
  visibility: hidden;
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1b+0,1d1d1b+100&0+0,0+14,1+100 */
  background: -moz-linear-gradient(top,  rgba(29,29,27,0) 0%, rgba(29,29,27,0) 14%, rgba(29,29,27,.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(29,29,27,0) 0%,rgba(29,29,27,0) 14%,rgba(29,29,27,.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(29,29,27,0) 0%,rgba(29,29,27,0) 14%,rgba(29,29,27,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
}

.rel_img_wrap img{
  border-radius: 8px;
  max-width: 100%;
  height: 110px;
}


/* ==============================================
  					   FOOTER
   ============================================*/

.footer_logo {
    margin-top: 0px;
    width: 130px;
}

.footer_logo img {
    width: 100%;
    height: auto;
}

.footer_logo p{
    font-size: 14px;
}

/* ===================================================
  				    Modal Dialog
   =================================================*/

/* style untuk link popup */
a.popup-link {
	padding:17px 0;
	text-align: center;
	margin:10% auto;
	position: relative;
	width: 300px;
	color: #fff;
	text-decoration: none;
	background-color: #FFBA00;
	border-radius: 3px;
	box-shadow: 0 5px 0px 0px #eea900;
	display: block;
}
a.popup-link:hover {
	background-color: #ff9900;
	box-shadow: 0 3px 0px 0px #eea900;
	-webkit-transition:all 1s;
	transition:all 1s;
}

#popup {
  background-color: rgba(0,0,0,0.8);
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  -webkit-animation: fadeOut 2s forwards;
  animation: fadeOut 2s forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  z-index : 3;
}

@-webkit-keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0; visibility: hidden;}
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0; visibility: hidden;}
}

#popup:target {
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	opacity: 0;
	visibility: hidden;
}

.popup-container {
	position: relative;
	margin:7% auto;
	padding:30px 50px;
	background-color: #fafafa;
	color:#333;
	border-radius: 3px;
}

a.popup-close {
	position: absolute;
	top:3px;
	right:3px;
	background-color: #333;
	padding:7px 10px;
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
	color:#fff;
}
/* end style popup */

/* style untuk isi popup */
.popup-form {
	margin:10px auto;
}

.popup-form h2 {
	margin-bottom: 5px;
	font-size: 37px;
	text-align: center;
}

.popup-form .mtop {
    margin-top: 7px;
    padding-left: 6px;
}
/* end style isi popup */


/*=======================================
   			   Contributor
=======================================*/
.form_box , .wpcf7 {
  width: 327px;
  padding-top: 36px !important;
  display: inline-block;
}

.form_row{
  width: 100%;
  margin-bottom: 10px;
}

.form_input{
  width: 100%;
  height: 50px;
  color: #1D1D1B;
  font-size: 13px;
  border-radius: 8px !important;
  background-color: #fff;
  padding: 17px 18px 17px;
  border: solid 1px #d9d9d9;
}

.form_input:focus {
    -webkit-box-shadow: inset 0 0 8px #F7D60D;
    box-shadow: inset 0 0 6px #F7D60D;
    border: none;
}

.form_input_textarea{
  width: 100%;
  height: 150px;
  color: #1D1D1B;
  font-size: 13px;
  border-radius: 8px !important;
  background-color: #fff;
  padding: 17px 18px 17px;
  border: solid 1px #d9d9d9;
}

.btn_yellow{
  width: 100%;
  height: 50px;
  border: none;
  color: #1d1d1b;
  font-size: 16px;
  border-radius: 8px;
  background-color: #f7d60d;
}

aside{
  z-index: 10;
}

/*=======================================
   			   Responsive
=======================================*/


.leftsinglecontent img{
	width: 100%;
  height: auto;
}

/*@media only screen and (min-width: 703px) and (max-width: 1243px){
    .pic {
      border-top: 0px solid #fff !important;
      border-bottom: 15px solid #fff !important;
    }
}*/


@media (min-width: 768px){
  .container {
      max-width: 750px;
  }
}

@media (min-width: 992px){
  .container {
      max-width: 970px;
  }
}

@media (min-width: 1200px){
  .container {
      max-width: 1170px;
  }
}






@media only screen and (max-width: 1099px) {
	.subscribe_form{
 		display: inline-block !important;
 		text-align: left !important;
 	}
}

@media only screen and (min-width: 768px) {
	#site-navigation p {
	    margin-top: 15px !important;
	}
	.popup-container {
		width:600px;
	}
}

@media only screen and (max-width: 767px) {
	#site-navigation p {
	    margin-top: -15px !important;
	}
	.popup-container {
		width:100%;
		margin: 20% auto !important;
	}
	.header_search_btn{
	    position: relative !important;
		left: 0 !important;
	}
  footer{
    // margin-top: 90%!important;
  }
  .header_search_form, .facetwp-type-search{
    width: 100%;
  }
  .facetwp-btn{
    display: none;
  }
}


@media only screen and (max-width: 480px) {
  	.resp{
    	width:220%;
  	}
}

.gallery-columns-1 .gallery-item {
  display: block;
  width: 100%;
  margin-right: 0%;
  margin-bottom: 2%;
} 

.gallery-columns-2 .gallery-item {
  display: inline-block;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 2%;
} 

.gallery-caption {
  display: none;
}

@media only screen and (max-width: 640px) {
  .gallery-columns-2 .gallery-item {
    display: block;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 2%;
  } 
}

.gallery-item img {
  border: 1px solid #eaeaea;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.gallery-columns-2 .gallery-item:nth-child(even) {
  margin-right: 0;
}

.gallery-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.gallery-item a img:hover {
  opacity: 0.5;
}

#carbonads {
  display: block;
  // padding: 20px 0px;
  // border-top: 1px solid #eaeaea;
}
#carbonads .carbon-img {
  display: block;
  width: 130px;
  height: auto;
}
#carbonads .carbon-img img {
  border-radius: 4px;
  border: 1px solid #eaeaea;
}

#carbonads .carbon-text {
  line-height: 1.6;
  color: gray;
  margin: 10px 0px;
  display: block;
}
#carbonads .carbon-poweredby {
  font-weight: bold;
  display: block;
  opacity: 0.3;
}


@media screen and (max-width: 1100px) {
  .footer-col {
    margin: 10px 0px 20px 0px;
  }

}

.widget-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.widget_nav_menu ul li a{
  font-size: 14px;
  color: gray;
}

#macy-container {
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

#macy-container.active {
  opacity: 1;
}

/*LOAD AJAX*/

.im {
    position:relative;
   
}

.im:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.75);
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
}
.im:hover:after {
    opacity:1;
}

.figcap {
  position:absolute;
  color:#fff;
  margin-top:50px;
}

.masonry_figcaption{
  color: #FFF ;
  position: absolute;
  left: 0 ;
  bottom: 0 ;
  right: 0 ;
  opacity: 0;
  visibility: visible;
  padding: 20px 18px ;
  z-index: 99999;
}
.im:hover .masonry_figcaption{
  opacity: 1 !important;
}
.masonry_figcaption p{
  margin-bottom: 2px!important;
  text-decoration: none;
}
.masonry_figcaption span{
  color: #9b9b9b;
}

.facet-menu, .facetwp-checkbox{color:#4a4a4a !important;}

.facetwp-checkbox {
  background: url(../images/checkbox.png) 0 50% no-repeat!important;
  background-size: 14px 14px!important;
}

.facetwp-checkbox.checked {
    background-image: url(../images/checkbox-on.png)!important;
}

/*Search*/
.facetwp-btn {
    // top: 7px !important;
    // -webkit-margin-end: -320px !important;
}
.facetwp-facet {
    margin-bottom: 0px!important;
    /* padding-top: 5px; */
    margin-top: 9px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.facetwp-page.active {
    background-color: #f7d60d;
}

.dw {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  position: relative;
}
.dw * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
}
.dw__focus-curtain {
  background-color: #000;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0.75;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .dw {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 992px) {
  .dw {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media (min-width: 1500px) {
  .dw {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.dw-panel {
  margin: 0;
  padding: 8px;

}
.dw-panel--focus {
  position: relative;
}
.dw-panel--focus:hover {
  z-index: 3;
}
.dw-panel--focus:hover ~ .dw__focus-curtain {
  display: block;
}
.dw-panel--pulse {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-transition: -webkit-transform 0.25s ease 0s;
  transition: -webkit-transform 0.25s ease 0s;
  transition: transform 0.25s ease 0s;
  transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
}
.dw-panel--pulse:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.dw-panel__content img {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.25);
}
@media (min-width: 768px) {
  .dw-panel {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
  }
}
.dw-flip {
  -webkit-perspective: 1000;
          perspective: 1000;
}
.dw-flip:hover .dw-flip__content {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.dw-flip--sm {
  height: 200px;
}
.dw-flip--md {
  height: 300px;
}
.dw-flip--lg {
  height: 400px;
}
.dw-flip__panel {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 10px;
  height: 100%;
  left: 0;
  overflow: visible;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
}
.dw-flip__panel--front {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  z-index: 2;
}
.dw-flip__panel--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.dw-flip__content {
  height: 100%;
  overflow: visible;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.dw-cluster {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media (max-width: 430px) {
  .dw-cluster--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.dw-cluster--horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dw-cluster__segment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.dw-cluster__segment--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 430px) {
  .dw-cluster__segment--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.dw-cluster__segment--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 430px) {
  .dw-cluster__segment--half {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .dw-cluster__segment--quart {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }
}

@media screen and (max-width: 768px) {
  .im:hover:after {
    opacity:0;
    border-radius: 10px;
    display: none;
  }
  .im:after {
    display: none;
  }
  .im:hover .masonry_figcaption {
    opacity: 0;
    display: none;
  }
}

.marg-top {
  margin-top: 20px;
}

.padd-top {
  padding-top: 20px;
}

.signup-form-whitebg input {
    border: 1px solid #dedede;
}
.fontbig p{
  font-size: 20px;
}

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

@media screen and (max-width: 768px) {
  .content-container {
    padding-top: 50px;
  }
}

.content-container h1 {
  font-size: 34px;
  margin-bottom: 40px;
}
.content-container h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 40px;
  margin-top: 60px;
}
.form_row input[type=text], .form_row input[type=email], .form_row textarea{
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
}

.post-hero {
  position: relative;
  text-align: center;
  width: 100%;
  height: 500px;
  overflow: hidden;
  background: #323a45;
}

.post-hero .hero-bg {
  height: 110%;
  width: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover!important;
  -webkit-background-size: cover!important;
  background-repeat: no-repeat;
} 

.post-hero .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5);
  opacity: 0.5;
}

.post-hero .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 700px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
}

.post-hero .hero-content h1 {
  color: white;
  line-height: 40px;
  letter-spacing: -0.05em;
  font-weight: 500;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .post-hero {
    height: 70vh;
    min-height: 500px;
  }
  .post-hero .hero-content h1{
    font-size: 40px;
  }
}

.jp-relatedposts-post-context {
  display: none;
}

.main-navigation {
  font-size: 12px;
}

hr {
  width: 100%;
  opacity: 0.2;
  margin: 15px 0px;
}

.blog-post-container a {
  font-family: 'Playfair Display', serif;
  font-style: italic;
}

.blog-post-text a {
  color: #138DED;
}

.blog-post-container h4 {
  font-size: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #4A4A4A;
  font-weight: bold;
}

.blog-post-container img {
  max-width: 100%;
  height: auto;
}

.blog-post-container #breadcrumbs {
  font-size: 14px;
}

.blog-post-container p {
  margin-bottom: 30px;
  font-weight: 300;
}

.blog-post-container blockquote {
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
}

.blog-post-container ul {
  margin-left: 35px;
  font-size: 20px;
}



.blog-post-container blockquote:before {
  content: '';
  width: 120px;
  height: 3px;
  margin: 0 0 0 -60px;
  left: 50%;
  top: 0;
  background-color: #F7D60D;
  position: absolute;
}

.blog-post-container blockquote p {
  font-family: 'Playfair Display', serif;
  text-align: center;
  padding: 50px;
  font-size: 26px;
  line-height: 40px;
  transition: all .2s ease-in-out;
  color: #4A4A4A;
  font-style: italic;
}


@media screen and (max-width: 768px) {
  .blog-post-container blockquote p {
    padding: 50px 0px;
  }
}

.blog-post-title {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 20px;
  font-size: 42px;
  margin-top: 15px;
}

.author-container {
  margin: 50px 0 30px;
  color: white;
  font-size: 15px;
  font-weight: 100;
  opacity: 0.5;
}

.playfair {
  font-family: 'Playfair Display', serif!important;
}

.bold {
  font-weight: bold!important;
}

.category-item {
  margin-bottom: 20px;
  display: block;
}

.category-item a {
  text-decoration: none!important;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 7px;
  display: block;
  opacity: 0.8;
  color: white;
}

.category-item a:hover {
  opacity: 1;
  letter-spacing: 8px;
}

@media screen and (max-width: 768px) {
  .category-item {
    font-size: 12px;
  }
}


.mask-bottom {
  mask: url(../images/mask-bottom.svg) center bottom;
  mask-size: cover;
  mask-repeat: repeat-x;
  -webkit-mask: url(../images/mask-bottom.svg) center bottom;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: repeat-x;
}

.author-bio > h3 {
  margin: 0 0 1em;
  display: inline-block;
  font-size: 10pt;
  font-weight: 700;
  font-family: inherit;
}
.author-bio h3 em {
  font-style: normal;
}

.author-bio h3 em:before {
  content: "";
  display: block;
  width: 100%;
  min-width: 30px;
  border-top: 1px solid #ddd;
  border-top: 1px solid rgba(0,0,0,.2);
  margin-bottom: 1em;
}

.author-avatar {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 15px;
}

.author-avatar .avatar-container {
  overflow: hidden;
  border-radius: 50%;
}

.author-title {
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}

p.author-description {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 2px;
}

p.author-website {
  font-size: 14px;
  font-weight: bold;
}

.author-text-container {
  margin-left: 104px;
}

.author-socials {
  margin-top: 8px;
}

.author-socials li {
  display: inline-block;
  border-radius: 18px;
  margin-right: 5px;
  padding: 3px 6px 0px;
  margin-bottom: 5px;
}

.author-socials li a {
  padding: 6px 12px;
  color: white;
  font-size: 12px;
  text-decoration: none;
  opacity: 0.8;
  
}

.twitter-bg {
  background-color: #55acee;
}
    
.facebook-bg {
  background-color: #3b5999;
}

.linkedin-bg {
  background-color: #0077b5;
}

.comment-reply-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 40px 0 20px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
  display: inline-block;
}

.sidebar-title {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  color: #9b9b9b;
  margin-bottom: 10px;
}
.sidebar-blog-panel {
  display: block;
  margin-bottom: 25px;
}
.subscribe-newsletter.sidebar-blog-panel input.subscribe_field{
  float: none;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 12px 14px;
  height: auto;
}

.subscribe-newsletter.sidebar-blog-panel .subscribe_btn {
  font-size: 14px;
  border-radius: 4px;
  padding: 12px 14px;
  height: auto;
  float: none;
  margin-left: 0;
}
.blog-sidebar #jp-relatedposts {
  margin-bottom: 60px;
}

.blog-sidebar .jp-relatedposts-post {
  float: none!important;
  display: block!important;
  width: 100%!important;
  margin-bottom: 
}

.blog-sidebar img.jp-relatedposts-post-img {
  display: inline-block!important;
  width: 100px!important;
}

.blog-sidebar h4.jp-relatedposts-post-title {
  width: auto!important;
  display: inline-block!important;
  margin-left: 10px!important;
  max-width: 190px!important; 
  font-size: 11px;
}
.blog-sidebar #jp-relatedposts h3.jp-relatedposts-headline em {
  text-transform: uppercase!important;
  font-weight: normal!important;
  color: #9b9b9b!important;
  margin-bottom: 10px!important;
}
.blog-sidebar #jp-relatedposts h3.jp-relatedposts-headline em:before {
  margin-bottom: 0px;
  border-top: none;
}

.blog-sidebar .carbonads-wrapper {
  margin-bottom: 20px;
}

.content-sidebar {
  width: 300px;
  float: right;
}

.content-container {
  width: calc(100% - 300px);
  float: left;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .content-container {
    width: 100%;
    float: none;
    padding-right: 0px;
  }

  .content-sidebar {
    width: 100%;
    float: none;
  }

}

.blog-post-container .wp-caption {
  max-width: 100%;
  border: 1px solid #dedede;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 35px;
}

.blog-post-container .wp-caption .wp-caption-text {
  padding: 12px 20px;
  border-top: 1px solid #dedede;
}

.blog-post-container .wp-caption:hover img{
  opacity: 0.6;
} 

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.blog-post-article {
  width: 33.33%;
  float: none;
  margin-left: -4px;
  padding: 0px 15px;
  display: inline-block;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .blog-post-article {
    width: 100%;
    display: block;
    padding: 0;
    margin-left: 0px;
  }
}

.blog-post-article .blog-post-featured-img {
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #323a45;
  border-radius: 8px;
}

.blog-post-article .blog-post-featured-img a {
  height: 110%;
  width: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover!important;
  -webkit-background-size: cover!important;
  background-repeat: no-repeat;
}

.blog-post-article .article-title {
  font-size: 24px;
  width: 100%;
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 600;
} 

.blog-post-article .article-title a {
  text-decoration: none!important;
  opacity: 1;
}

.blog-post-article.first {
  width: 100%;
  display: block;
}

.blog-post-article.first .blog-post-featured-img {
  display: block;
  position: relative;
  width: 60%;
  float: left;
  height: 400px;
  overflow: hidden;
  background: #F3F3F3;
}

@media screen and (max-width: 768px) {
  .blog-post-article.first .blog-post-featured-img {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .blog-post-article.first .blog-post-featured-img {
    width: 100%;
    float: none;
  }
}

.blog-post-article.first .blog-post-featured-img a {
  height: 110%;
  width: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover!important;
  -webkit-background-size: cover!important;
  background-repeat: no-repeat;
}

.blog-post-article.first .article-title {
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 600;
} 

.blog-post-article.first .article-title a {
  text-decoration: none!important;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .blog-post-article.first .article-title {
    font-size: 24px;
    width: 100%;
    line-height: 1.3;
    letter-spacing: -2px;
    font-weight: 600;
  } 
}

.blog-post-article.first .blog-article-info {
  float: right;
  width: 40%;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .blog-post-article.first .blog-article-info {
    float: none;
    width: 100%;
    padding: 0px;
    margin-top: 25px;
  }
}

.blog-post-article .blog-article-info {
  padding: 15px 0px;
}

.blog-post-article .blog-post-author {
  margin: 15px 0px 8px;
  opacity: 0.5;
  font-size: 16px;
}

.blog-post-list .custom-pagination {
  display: block;
  text-align: center;
}

.blog-post-list .blog-post-category {
  margin-bottom: 10px;
  opacity: 0.8;
  font-size: 16px;
}

.blog-post-list .blog-post-category a {
  font-family: 'Playfair Display', serif;
  font-style: italic;
}

.blog-post-list .article-read-more a.more-link {
  font-weight: bold;
}

.comment.depth-1 {
  padding-left: 40px;
}

.comment.depth-2 {
  padding-left: 40px;
}
.comment.depth-3 {
  padding-left: 60px;
}
.comment.depth-4 {
  padding-left: 80px;
}
.comment.depth-5 {
  padding-left: 100px;
}
.comments-area {
  margin-top: 40px;
}

.comment-body {
  margin-bottom: 12px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
}

.comments-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.comment-author.vcard {
  position: relative;
  left: -40px;
}

.comment-author.vcard img {
  border-radius: 16px;
}

.comment-author.vcard b {
  font-size: 16px;
  margin-left: 5px;
}

.comment-author.vcard span {
  font-size: 16px;
}

.comment-metadata {
  margin-top: -6px;
  padding-left: 0px;
}

.comment-metadata a {
  opacity: 0.5;
}

.comment-metadata .edit-link {
  text-decoration: underline;
}

.comment-content {
  padding-left: 0px;
}

.comment-content p {
  font-size: 16px;
}

.comment .reply a.comment-reply-link {
  background: #F7D60D;
  padding: 2px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 5px;
}

.WP_Mailjet_Subscribe_Widget .widget-title {
  display: none;
}

.WP_Mailjet_Subscribe_Widget input#email {
  padding: 9px 12px;
  font-size: 14px;
  margin-top: 10px;
  border-radius: 4px;
  outline: none;
  border: 1px solid #eaeaea;
}



.WP_Mailjet_Subscribe_Widget .mailjet-subscribe {
  padding: 9px 11px;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  background: black;
  outline: none;
  border: none;
  color: white;
  border-radius: 4px;
}

.WP_Mailjet_Subscribe_Widget .response {
  font-size: 12px;
  margin-top: 10px;
  opacity: 0.6;
}

.header_menu_class ul li {
  list-style-type: none;
  display: inline-block;
  line-height: 50px;
  margin-right: 15px;
}

.header_menu_class ul .with-btn a {
  background: #f7d60d;
  color: black;
  padding: 10px 15px;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
}

.header_menu_class ul li a {
  color: white;
}

.facetwp-search-wrap {
  position: relative;
  height: 37px;
  display: inline-block;
  background: white;
}

.facetwp-btn:before {
    background-size: 15px 15px!important;
}

.facetwp-btn.f-reset:before {
    background-size: 15px 15px!important;
}

.facetwp-btn {
    top: 9px!important;
}

label {
  font-weight: normal;
}

.cp-modal-inline .cp-modal {
  margin: 0 0 50px;
  max-width: 100%!important;
}

@media (max-width: 768px) {
  .cp-modal {
      width: 100%!important;
  }
}