@charset "utf-8";
/* index
-----------------------------------------------------*/
br.sp{
  display: inline;
}
#craf_main{
  margin: 115px 0 50px 0;
}
#craf_main h1{
  font-size: 12px;
}
#craf_main p{
  font-size: 28px;
}
#craf_scrolldown strong{
  font-weight: 300;
  font-size: 11px;
}
#craf_scrolldown:after{
  height: 40px;
  margin-top: 5px;
}
.q_logo a, .q_logo img{
  height: 22px !important;
}
.title.title_size_medium h1{
  font-size: 50px;
}
.craf_textrow{
  padding: 0;
  margin: 50px auto !important;
}
.craf_textrow .vc_column_container:last-child{
  padding-left: 0;
  padding-top: 2em;
}
.craf_textrow-single{
  margin: 50px auto !important;
}
.filter_holder ul li + li{
  margin-left: 1em;
}
.filter_holder ul li.current span{
  border-bottom-width: 1px;
}
.filter_holder ul li span{
  font-size: 14px;
}
#craf_contactfooter{
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
}
#craf_contactfooter a{
  padding: 40px 0;
}
#craf_contactfooter a p:first-child{
  font-size: 16px;
  line-height: 1.5em;
}
#craf_contactfooter a h3{
  font-size: 30px;
  margin: 20px 0;
}
#craf_contactfooter a:after{
  width: 50px;
  right: 10px;
  margin-top: -9px;
}
/* header
-----------------------------------------------------*/
.admin-bar header#crafheader.fixed, .admin-bar header#crafheader.sticky.sticky_animate{
  padding-top: 46px;
}
#crafheader{
  padding-left: 20px;
  padding-right: 20px;
  height: 70px;
  position: fixed !important;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
#crafheader #logo{
  height: 19px;
  position: relative;
  z-index: 105;
}
#crafheader #logo img{
  height: 19px;
}
.menubtn{
  display: block;
  position: fixed;
  top: 2px;
  right: 0px;
  z-index: 105;
  padding: 20px 20px;
}
.menubtn.white .bar1,
.menubtn.white .bar2,
.menubtn.white .bar3{
  background: #fff;
}
.hamburger{
  display: inline-block;
  cursor: pointer;
  width: 25px;
}
.bar1, .bar2, .bar3 {
  display: block;
  width: 25px;
  height: 1px;
  background-color: #000;
  transition: 0.4s;
}
.hamburger:hover .bar1,
.hamburger:hover .bar2,
.hamburger:hover .bar3{
  background-color: #8C8C8C;
}
.bar1{
  margin-bottom: 6px;
}
.active .bar1 {
  transform: rotate(-45deg) translate(-3px, 2px);
}
.active .bar2 {
  opacity: 0;
}
.active .bar3 {
  transform: rotate(45deg) translate(-3px, -2px);
}
#crafheader nav.main_menu{
  display: block !important;
  width: 100%;
  float: none;
  position: absolute !important;
  top: 0;
  left: 0;
  background: #fff;
  padding: 90px 20px 50px 20px;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
#crafheader .main_menu.active{
  visibility: visible;
  opacity: 1;
}
#crafheader nav.main_menu ul{
  display: block;
  padding: 0;
}
#crafheader nav.main_menu ul li{
  display: block;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}
#crafheader nav.main_menu ul li a{
  font-weight: 100;
  font-size: 30px;
  display: block;
  padding: 6px 0;
}
#crafheader nav ul li a span{
  padding: 0;
  display: inline;
}
#crafheader nav ul li.current_page_item > a > span:not(.plus),
#crafheader nav ul li.current-menu-item > a > span:not(.plus),
#crafheader nav ul li.current_page_item > a > span:not(.plus){
  border-bottom: 0 !important;
}
#navcloseclickbase{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
#navcloseclickbase.active{
  display: block;
}
#craf_title{
  padding-top: 45px;
  box-sizing: content-box;
  height: 140px;
}
#craf_title h1{
  font-size: 40px;
}
.single-portfolio_page #craf_title h1{
  font-size: 28px;
  padding: 0 20px;
}
#navcloseclickbase{
display: none;
}
footer{
  padding: 40px 0;
}

/* portfolio single
-----------------------------------------------------*/
.craf_catrow ul{
  display: block;
  margin-bottom: 30px !important;
  padding: 0;
}
.craf_catrow ul li{
  font-size: 12px;
}
.craf_catrow ul li + li{
  margin-left: 0;
}
.craf_textrow .vc_column_container:last-child{
  padding-left: 0;
}
.craf_textrow,
.craf_textrow-single{
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.vc_column_container > .vc_column-inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.content_inner{
  max-width: 800px;
  margin: auto;
}
.grid_section{
  padding-left: 20px;
  padding-right: 20px;
}
.youtube_embed{
  margin-bottom: 40px !important;
}
.qode_portfolio_related h4{
  font-size: 24px;
}

/* services
-----------------------------------------------------*/
.page-id-346 .section_inner_margin{
  display: block;
}
.page-id-346 .grid_section h2{
  font-size: 24px;
}
.page-id-346 .grid_section h2:before{
  width: 26px;
  height: 24px;
  top: 7px;
  left: -36px;
}
.vc_row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-id-346 .vc_row + .vc_row{
}
.page-id-346 .section_inner_margin{
  margin-bottom: 60px;
  padding: 0 !important;
  margin: 0 !important;
}
.page-id-346 .vc_column_container > .vc_column-inner{
  padding: 0 !important;
  margin: 0 !important;
}
.page-id-346 .vc_col-sm-6{
  width: 100% !important;
  box-sizing: border-box;
}
.page-id-346 .wpb_text_column{
  width: 100% !important;
  box-sizing: border-box;
  padding: 0 20px;
}
.page-id-346 .wpb_text_column{
  padding-left: 55px;
  max-width: none;
}
.page-id-346 .vc_single_image-wrapper{
  margin-bottom: 50px !important;
}
.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul{
  width: 100%;
}
.content .container .container_inner.page_container_inner,
.full_page_container_inner{
  padding-top: 0;
}
.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .full_width .parallax_content, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul{
}
.page-id-364 #craf_main{
  margin: 40px 0;
  padding: 0;
}
.page-id-364 #craf_main p:last-child{
  text-align: left;
  font-size: 12px;
}
.page-id-364 #craf_main p:last-child br{
  display: none;
}
.page-id-364 .outline{
  padding: 0 20px;  
}
.page-id-364 .outline table{
  font-size: 12px;
}
.page-id-364 .outline table th{
  white-space: nowrap;
}
.page-id-364 .outline table td br{
  display: none;
}

/* single post
-----------------------------------------------------*/
#craf_twocol{
  padding: 0 20px;
  display: block;
  margin-top: 0;
}
#craf_twocol article{
  width: 100%;
  padding: 0;
}
#craf_twocol article + article{
  margin-top: 40px;
}
.blog_single.blog_holder article .post_text .post_text_inner{
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
h1.singletitle{
  font-size: 16px;
  margin-bottom: 40px;
}
/* contact
-----------------------------------------------------*/
.page-id-386 .full_width_inner{
}
#craf_contactleft{
  margin-bottom: 100px;
}
#craf_contactleft p:first-child{
  font-size: 32px;
}
#craf_contactleft p{
  font-size: 20px;
}
#craf_contactleft p strong{
  font-size: 14px;
}
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit,
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]){
  width: 100%;
}
.parallax_section_inner_margin, .section_inner_margin{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* news
-----------------------------------------------------*/