@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap');h1,h2,h3{line-height:1.5em;font-weight:700}h1,h2,h3,h4{margin-top:.5em;margin-bottom:.5em}a:active,a:focus,a:hover,a:visited{text-decoration:none}.bullet,.header-info,.hero .item-content,.page-header,.page-header .item-content,.page-title,.post-content h1,.post-content h2,.post-title,.social-icon,.social-icon>.fa,.with-featured .object,.with-work-item,.with.navbar .nav>li,ul.social-menu li{text-align:center}html{font-family:'kozuka-gothic-pro', sans-serif;font-style: normal;font-weight: 200;color:#17202A}body{font-family:'kozuka-gothic-pro', sans-serif;font-style: normal;font-weight: 200;}@media screen and (max-width:767px){html{font-size:9px}}@media screen and (min-width:768px){html{font-size:10px}}@media screen and (min-width:992px){html{font-size:12px}}@media screen and (min-width:1200px){html{font-size:14px}}h1{font-size:3rem}h2{font-size:2rem;    font-family: 'kozuka-gothic-pro', sans-serif;}h3{font-size:2rem}h4,h5{line-height:1.5em;font-weight:400}h4{font-size:1.25rem}h5{font-size:1.25rem}body,h6,p{font-size:1rem}h6{font-weight:700}p{line-height:2em}a{color:#FF182F}a:visited{color:#000}a:active{color:#1ba39c}a:focus,a:hover{color:#F9BC0C}.with-logo,.with-logo-text{text-decoration:none!important}a.default,a.default:active,a.default:visited{color:#17202A}a.default:focus,a.default:hover{color:#009fd4}footer{margin:0}footer .with.site-header .with-info{line-height:1.5em;margin:0}.text-default{color:#17202A!important}.text-primary{color:#fff!important}.text-primary-inverse{color:#FF182F}.text-highlight{color:#F9BC0C!important}.text-red{color:#FF182F}.text-yellow{color:#FFE41B}.text-white{color:#fff!important}.text-grey{color:#a9a9a9}.text-underline{display:inline-block;border-bottom:solid 2px #FF182F;padding:0 1em 15px;margin-bottom: 20px;}.page-header .text-underline{min-width:22rem;font-family: 'Cabin', sans-serif;}.text-underline.light{border-bottom-color:#EBEBEB}.text-underline-default{border-bottom-color:#17202A}.text-underline-white{border-bottom-color:#fff}.text-underline.fluid{display:block;padding:0 0 2px}.social-icon,.with-logo,ul.social-menu,ul.social-menu li a{display:inline-block}.background{height:100%;width:100%}.background-default{background-color:#EBEBEB!important}.background-light{background-color:#F8F8F8!important}.background-primary{background-color:#FF182F!important}.background-primary-inverse{background-color:#fff!important}.background-highlight{background-color:#F9BC0C!important}.background-striped{background-image:url(assets/images/stripe.png);background-size:8rem;background-repeat:repeat}.background-crossed{background-image:url(assets/images/cross.png);background-size:5rem;background-repeat:repeat}.background-image{background-size:cover;background-position:center;background-repeat:no-repeat;height:100%}.with-service .background-promotion{background-color:#FFC801}.with-service .background-integration{background-color:#03E47A}.with-service .background-management{background-color:#02D7FF}.with.site-header{border:none}@media screen and (max-width:767px){footer .with.site-header{font-size:9px}footer .with.site-header .with-info,footer .with.site-header .with-logo{font-size:1.5em;}.with.site-header{font-size:8px}}footer .with.site-header{padding:0;margin:0}footer .with.site-header .entry{margin:1.5rem 0}.with.site-header .navbar-toggle{margin:0 0 0 -5px;border-radius:0;background:#FF182F;padding:5px;margin-right:20px}.with.site-header .navbar-toggle .extra{width:30px;height:18px;position:absolute;left:-1px;top:100%;background:#FF182F}.with.site-header .navbar-toggle .icon-bar{background:#fff;width:18px}.with.site-header .navbar-toggle.collapsed,.with.site-header .navbar-toggle.collapsed .extra{background:#fff}.with.site-header .navbar-toggle.collapsed .icon-bar{background:#FF182F}.with-logo img{width:5em;height:auto}.with-logo-text{font-size:1em;color:#17202A!important;margin-left:.2em}ul.social-menu{margin:0;padding:0;list-style:none}ul.social-menu li{float:left;margin-right:5px;text-decoration:none}ul.social-menu li a{text-decoration:none}.social-icon{color:#fff!important;position:relative;vertical-align:top;margin:0 auto;width:3em;height:3em}.social-icon{color: #000!important; background: #F8F8F8!important;}.social-icon:hover{ color: #fff!important; }.social-icon>.fa{margin:0;font-size:1.5em;line-height:2.2em}.social-phone{background-color:#FF182F!important}.social-email:hover{background-color:#3D3D3D!important;}.social-twitter:hover{background-color:#55ACEE!important}.social-facebook:hover{background-color:#3B5998!important}.social-instagram:hover{background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat!important; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat!important;}.with.navbar{border:none;border-bottom: 1px solid #ddd;padding:1.3rem 0; border-radius:0;margin-bottom:0rem;min-height:5px}.with.navbar .nav>li{border-bottom:solid 1px transparent;min-width:100px}.with.navbar .collapse.in .nav{margin-top:0;margin-bottom:0}.with.navbar .collapse.in .nav>li{border-bottom:solid 1px #fff;width: 50%; float: left;}.with.navbar .collapse.in .nav>li>a:focus,.with.navbar .collapse.in .nav>li>a:hover{background:#F9BC0C}.with.navbar .nav>li>a{color:#000!important;font-size:1.185rem;letter-spacing:1px;font-family: 'Cabin', sans-serif;}.with.navbar .nav.navbar-right>li>a{font-size:.9rem}.with.navbar .nav>li.current-menu-item>a{color:#FFC801!important}.with.navbar .nav.navbar-right>li .divider{position:absolute;height:30px;border-right:dotted 1px #fff;right:0;top:25%}.default-content,.hover-content,.overlay{top:0;left:0;height:100%;width:100%;position:absolute}.with.navbar .nav>li:focus,.with.navbar .nav>li:hover{border-bottom:solid #fff 1px}.overlay{background:rgba(0,0,0,.7)}.overlay.dot,.overlay.dot-dark{background-image:url(assets/images/dot.png);background-repeat:repeat;background-size:2px}.overlay.dot{background-color:rgba(0,0,0,.25)}.overlay.dot-dark{background-color:rgba(0,0,0,.85)}.overlay.overlay-light{background-color:rgba(255,255,255,.75)}.hover-content{opacity:0;filter:alpha(opacity=0);transition:all .2s ease-in-out;z-index:100}.default-content,.hover-content:focus,.hover-content:hover{opacity:1;filter:alpha(opacity=1)}.default-content{transition:all .2s ease-in-out;z-index:50}.header-info,.middle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);white-space:normal}.default-content:focus,.default-content:hover{opacity:0;filter:alpha(opacity=0)}@media screen and (max-width:767px){.hover-content{opacity:1;filter:alpha(opacity=1)}.default-content{opacity:0;filter:alpha(opacity=0)}}li:last-child .divider{visibility:hidden}.feature-divider{margin:2rem 0 5rem;height:2px}.feature-icon{height:auto;width:10rem}.header-info{position:absolute;transform:translateY(-50%);padding-bottom:50px;width:100%}.item{display:block;position:relative;min-height:100px;margin:1rem 0}.item-content{position:relative;padding:2rem}.item-footer,.middle{position:absolute;width:100%;left:0}.middle{transform:translateY(-50%);z-index:10}.item-footer{bottom:0px;padding:0 15px;}.with-featured{margin:5px 0;padding:0;height:600px;position:relative;overflow:hidden}.with-featured-sp{padding:2.5rem 0 0}.with-featured-sp img{width:100%;height:auto}.with-featured .object{opacity:0;position:absolute;width:100%;height:100%;top:0;right:0}.with-featured .object.background{z-index:-1}ul.simple-list{list-style:none;padding:0}ul.check-mark{padding:0}ul.check-mark li{list-style:none;background:url(assets/images/icon_checkmark.png) 0 10% no-repeat;background-size:1rem;padding-left:1.5rem}.with-work-item{background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;height:25rem;margin-bottom:2rem;border:1px solid #d3d3d3}.with-work-item .item-content{position:absolute;width:100%;height:100%}.with-work-item .btn.detail-link{display:block;color:#fff!important;background:0 0;margin:1.2em;padding:.8em;font-size:1em;border-radius:0;border:2px solid #fff}.with-work-item .btn.detail-link.dark{color:#17202A!important;border:2px solid #17202A}.with-work-item .btn.detail-link:hover{border:2px solid #F9BC0C;color:#F9BC0C!important}.badge.with-category{font-size:.7em;color:#17202A!important;background-color:#EBEBEB;padding:1em 15px;margin:4px 0;border-radius:35px;}.badge.with-category:hover{color:#fff!important}.badge.with-category.default:hover{color:#17202A!important;background:#F9BC0C}.with-archive-item{padding:2em 0;border-bottom:solid 1px #EBEBEB;color:#17202A}.with-archive-item .with-tag{font-size:.7em;color:#17202A!important;background-color:#EBEBEB;padding:1em 15px;margin:4px 0;border-radius:35px;}.badge.with-tag:hover{color:#fff!important}.badge.with-tag.default:hover{color:#17202A!important;background:#F9BC0C}.with-archive-item .with-tag:hover{color:#F9BC0C!important}.with-archive-item .item-thumbnail{display:block;height:15em;background-color:#F8F8F8;background-size:auto 100%;background-repeat:no-repeat;background-position:50%}@media screen and (max-width:767px){.with-archive-item .item-thumbnail{height:15em}}.with-archive-item .item-header{border-bottom:dotted 1px #d3d3d3;min-height:3em;padding:0 0 10px}.with-archive-item .item-content{display:block;height:11em}.with-archive-item .item-content a{display:block}.with-archive-item.featured .item-thumbnail{height:16em;background-size:cover}.author{display:table;margin:5px 0}.author-name,.avatar{display:table-cell;vertical-align:middle}.avatar{background-color:#F8F8F8;width:3.5rem;height:3.5rem;border-radius:50%;background-size:contain}.avatar img{width:100%;height:100%}.author-name{font-size:1.2em;padding:0 1em}.with-archive-item .post-date{position:absolute;bottom:0;right:15px}.with-news-post .post-header{background:#F8F8F8;padding:0 20px}.with-news-post .post-header-item,.with-single-post .post-header-item{display:inline-block;margin:20px 0}nav.with-pagination{margin:35px 0}nav.with-pagination>ul.pagination>li>*{border-radius:0;color:#17202A!important;background:#F2F2F2;border:1px solid #F2F2F2;margin:0 5px;min-width:45px;padding:10px}nav.with-pagination>ul.pagination>li>a:hover{background:#fff}nav.with-pagination>ul.pagination>li.active>*{color:#fff!important;background:#FF182F;border:1px solid #F2F2F2}nav.with-pagination>ul.pagination>li.disabled>*{color:#777!important;background:0 0}nav.with-pagination>ul.pagination>li.pager-action>*{padding-left:1rem;padding-right:1rem}nav.with-pagination>ul.pagination>li.pager-action .glyphicon{color:#949494}.with-sidebar .sidebar-item{margin-bottom:50px}.with-sidebar h4{border-bottom:solid 1px #d3d3d3;padding-bottom:10px;font-weight:700;font-size:20px}.with-sidebar ul.category-menu>li{margin:10px 0}.with-sidebar ul.category-menu>li>*{border:2px solid transparent;border-radius:0;padding:12px 20px;color:#17202A!important}.with-sidebar ul.category-menu>li>a:hover{background:0 0;border:2px solid #FFC801}.with-sidebar ul.category-menu>li.active>*{background:#FFC801!important}ul.tag-cloud{padding:0;list-style:none;margin-top:1.75rem;}ul.tag-cloud>li{display:inline-block;height:3em}ul.tag-cloud>li a{padding:3px;border-radius:5px;text-decoration:none!important;color:#FF182F;font-size:12px;font-weight:700}ul.tag-cloud>li.active a{color:#17202A!important}ul.tag-cloud>li .divider{display:inline-block;height:1em;vertical-align:middle;border-right:solid 1px #d3d3d3;margin:0 5px}.post-date{color:#a9a9a9;vertical-align:middle}.post-thumbnail{position:relative;min-height:100px;text-align:center;padding:0;margin:1rem 0}.post-thumbnail>img{width:auto;height:auto;max-width:100%;min-height:100px}.post-meta h3{font-weight:700;border-bottom:solid 1px #EBEBEB;padding-bottom:10px;margin-top:1.5em}.post-title{border-bottom:solid 3px #FF182F;margin:2.5rem 0;padding:1rem;font-weight:400; font-size: 1.75rem; text-align: left;}.post-content{font-size:16px;margin:50px 0;}.post-content h1{font-size:3rem;font-weight:700;margin:3rem 0;padding:2rem 0;background:#F2F2F2}.post-content h2{font-size:2rem;font-weight:700;margin:3rem 8%;padding:2rem 0;border-top:solid 1px #FF182F;border-bottom:solid 1px #FF182F}.clickable{cursor:pointer}.page-title{margin-top:2.5rem;margin-bottom:2.5rem}.page-title h1{color:#FF182F;display:inline-block;border-bottom:solid .2rem #FF182F;padding:0 .75em 2px;min-width:22rem}.hero,.page-header{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;width:100%;margin:0;padding:0;border:none;color:#fff}.with-btn,a.with-btn:visited{color:#17202A!important}.hero.compact,.page-header.compact{margin-bottom:2rem;padding:0}.hero .item-content,.page-header .item-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);white-space:normal;width:100%}.hero h1,.hero h2,.page-header h1,.page-header h2{letter-spacing:1px;margin-top:.5em}.hero h3,.page-header h3{margin-top:0}.with-page-sub-title{background:#F8F8F8;font-size:1.5rem;padding:15px 25px;margin-bottom:2rem}.contact-btn,.with-btn{display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;border:none;text-decoration:none!important;cursor:pointer;position:relative}#content{min-height:42rem}.sama{font-size:.9em}.shape{display:inline-block}.with-btn{font-size:1rem;font-weight:700;background-image:url(assets/images/with_button.png);margin:.5rem 0;padding:1rem 8rem}@media screen and (max-width:767px){.with-btn{padding:1rem 6rem}}.with-btn.yellow{background-image:url(assets/images/with_button_yellow.png)}.with-btn.green{background-image:url(assets/images/with_button_green.png)}.with-btn.blue{background-image:url(assets/images/with_button_blue.png)}.with-btn.cyan{background-image:url(assets/images/with_button_cyan.png)}.with-btn.pink{background-image:url(assets/images/with_button_pink.png)}.with-btn.spaced{letter-spacing:1px;font-family:'Cabin', sans-serif;font-weight: 700;}a.with-btn:hover{color:#FFC801!important}.contact-btn{background-image:url(assets/images/contact_button.png);width:22rem;height:10rem}.speech-bubble{position:relative;width:100%;min-height:120px;padding:15px;background:#F8F8F8;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.speech-bubble:after{content:'';position:absolute;border-style:solid;border-width:10px 0 10px 25px;border-color:transparent #F8F8F8;display:block;width:0;z-index:1;margin-top:-10px;right:-25px;top:75%}.bullet{display:inline-block;background:red;color:#fff;border-radius:50%;height:1.4em;width:1.4em;margin-right:.5em;font-weight:400}.blog-card,.topic-card{background-color:#fff;height:15rem;padding:1rem;border:1px solid #d3d3d3;overflow:hidden}.scale-up{height:100%;padding:0;overflow:hidden}.scale-up a{background-size:cover}.scale-up>.animate:hover{-webkit-transform:scale(1.075);-moz-transform:scale(1.075);-o-transform:scale(1.075);-ms-transform:scale(1.075);transform:scale(1.075)}.scale-up>.animate{-moz-transition:-moz-transform .2s linear;-webkit-transition:-webkit-transform .2s linear;-o-transition:-o-transform .2s linear;-ms-transition:-ms-transform .2s linear;transition:transform .2s linear}.container,.container-fluid{position:relative}.row.compact{margin-right:-2px;margin-left:-2px}.row.compact>*{margin-top:2px;margin-bottom:2px;padding-left:2px;padding-right:2px}@media screen and (max-width:767px){.compact:nth-child(odd){padding-left:5px;padding-right:0}.compact:nth-child(even){padding-left:0;padding-right:5px}}.row.condensed{margin-left:0;margin-right:0}.row.condensed>*{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.btn.btn-default{border-radius:0;color:#17202A!important;background:#F2F2F2;border:1px solid #F2F2F2;margin:0;padding:1rem 1.5rem;font-size:1.1rem}.btn.btn-default:hover{background:#fff}.breadcrumb-container>.breadcrumb{position:absolute;top:0;right:0;z-index:1001;margin-bottom:0;padding:1em 0;background:0 0;font-size:1rem}.breadcrumb-container.left>.breadcrumb{left:0}.breadcrumb-container.relative>.breadcrumb{position:relative;text-align:right}.breadcrumb-container.relative.left>.breadcrumb{text-align:left}.breadcrumb>li+li:before{content:"｜";color:#fff}.breadcrumb .active,.breadcrumb>li>*{color:#fff!important}.breadcrumb>li>a:hover{text-decoration:underline}.breadcrumb-container.black .breadcrumb>li+li:before{color:#17202A}.breadcrumb-container.black .breadcrumb>li.active,.breadcrumb-container.black .breadcrumb>li>*{color:#17202A!important}.breadcrumb-container.red .breadcrumb>li+li:before,.breadcrumb-container.red .breadcrumb>li>*{color:#d50000!important}.breadcrumb-container.red .breadcrumb>li.active{color:grey!important}.carousel-control{color:#000;font-size:2.5rem;width:auto;top:50%;bottom:auto}.carousel-control.left,.carousel-control.right{background:0 0}.carousel-inner>.item{height:12rem}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{color:#17202A;padding:1rem;border-top:solid 1px #d3d3d3;border-bottom:solid 1px #d3d3d3;font-size:1rem}.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>th{color:#fff;font-weight:400}.table>tbody>tr:nth-child(odd)>th,.table>tfoot>tr:nth-child(odd)>th,.table>thead>tr:nth-child(odd)>th{background-color:#2F2F2F}.table>tbody>tr:nth-child(even)>th,.table>tfoot>tr:nth-child(even)>th,.table>thead>tr:nth-child(even)>th{background-color:#3D3D3D}.table>tbody>tr:nth-child(odd)>td{background-color:#F8F8F8}.table>tbody>tr:nth-child(even)>td{background-color:#fff}.with.slick-slider .slick-list{margin:0 2.5rem}.with.slick-slider .slick-arrow.slick-prev{left:5px}.with.slick-slider .slick-arrow.slick-next{right:5px}.with.slick-slider .slick-arrow{width:auto;height:auto;font-size:4rem;color:#17202A}.with.slick-slider .slick-arrow:before{content:''}.with.slick-slider .slick-arrow.slick-disabled{opacity:.25}#with-hp .wp_social_bookmarking_light{display:none}#with-hp .wp_social_bookmarking_light .with-blog.single{display:block}

.small {
	font-size: 0.75rem;
}

#with-top-works .with-work-item {
	margin-bottom: 0;
}

.text-underline-deco {
	text-decoration: underline;
}

h2.text-red {
	font-size: 3rem;
}

.with-work.single .post-pagination .item-content h3 {
	font-size: 1.75rem;
}

.with-work.single .post-pagination .item-content.left-content {
	padding-left: 0;
}

.with-work.single .post-pagination .item-content.right-content {
	padding-right: 0;
}

.with-work-item .item-footer {
	bottom: 10px;    
}

.blog-card > div {
	height: 180px;
}

.blog-card, .topic-card {
	height: 100%;
}

.with.navbar .nav>li {
	font-family:'kozuka-gothic-pro', sans-serif;
font-style: normal;
font-weight: 700;
position: relative;
min-width: auto;
}
.navbar-nav>li>a{
	padding: 10px 40px;
}
.navbar-right>li>a{
	padding: 10px 15px;
}
ul.sub-menu {
	display: none;
	transition: opacity .5s;
	position: absolute;
	background: #eee;
	list-style: none;
	text-align: left;
	min-width: 100%;
	margin: 0;
	padding: 0;
	height: 0;
}
ul.sub-menu li{
	padding: 0;
	border-bottom: 1px dotted #fff;
}
ul.sub-menu a{
	display: block;
	padding:15px 15px;
	color: #000;
	font-size: 12px;
	white-space: nowrap;
	font-weight: normal;
}


.menu-item-has-children:hover ul.sub-menu {
	display: block;
	height: auto;
}


@media (max-width: 767px){
ul.sub-menu {
	position: relative;
	height: auto;
    text-align: center;
}

ul.sub-menu a{
	font-size: 10px;
}
ul.sub-menu li{
	 // border-bottom:1px solid #ccc;
}
ul.sub-menu .menu-item-1319{
	border-bottom:none;
}
ul.sub-menu .menu-item-1323{
	border-bottom:none;
}

.menu-item-has-children:hover ul.sub-menu {
	display: none;
	height: auto;
}

ul.sub-menu a{
	font-weight: bold;
}

.with.navbar .collapse.in .nav .menu-item-1336>a{
background: none;
}

.with.navbar .collapse.in .nav .menu-item-1336>a{

}

.with.navbar .collapse.in .nav .menu-item-1336>a:hover{


}
.with.navbar .collapse.in .nav .menu-item-1342>a{

}

.with.navbar .collapse.in .nav .menu-item-1342>a:hover{

}


}


.recruit_logo{
		width: 9em!important;
	}

.author { display:none; }

a:hover {
	color: #FFC801!important;
}

header .left {
	top: 3px;
}

footer .navbar {
	padding: 1rem 0;
}

footer .navbar .left {
	position: absolute;
	z-index: 999;
}

.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.cf{display: inline-block;} 

@media (min-width: 768px){
	#with-menu{
		margin-left:240px;
	}
}

@media (max-width: 767px){
	header {
		position: relative;
		top: 15px;
	}
	header .left {
		top: -5px;
		padding-left: 0px;
	}
	footer .navbar {
		padding: 0;
	}
	footer .navbar .left {
		display: none;
	}
	.with.navbar .nav>li>a:hover {
		color: #000;
	}
	.with.navbar {
		border-bottom: none;
		padding-bottom: 0.5rem 0;
	}
	.with-logo {
		margin-left: 5px;
	}
	.with.navbar .nav>li>a {
		padding: 3rem;
	}
	.with.navbar .nav>li, .with.navbar .collapse.in .nav>li {
		border-bottom: 1px solid #ccc;
	}
	.navbar-min li {
		border-right: 1px solid #ccc;
	}
	.navbar-min li:last-child {
		border-right: none;
	}
	.social-email, .social-twitter, .social-facebook, .social-instagram { color: #fff!important; }
	.social-email{background-color:#3D3D3D!important;}
	.social-twitter{background-color:#55ACEE!important}
	.social-facebook{background-color:#3B5998!important}
	.social-instagram{background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat!important; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat!important;}
	header .with.navbar {
		border-top: 1px solid #ddd;
		padding-top: 0!important;
		margin-top: 2rem!important;
	}
}

/*
Naviber fixed
**********************************/

.with.site-header {
	background: #fff;
}
@media (min-width: 1200px){
	body {
		padding-top: 70px;
	}
}
@media (min-width: 1020px) and (max-width: 1199px) {
	body {
		padding-top: 72px;
	}
}

@media (max-width: 1019px){
	body {
		padding-top: 60px;
	}

	.with.site-header {
		padding-top: 15px;
	}
	.with.navbar{
		min-height:1px;
	}
}

/*
CF7 Alert
**********************************/
.wpcf7-not-valid-tip {
	display:none!important;
}
.has_alert.wpcf7-not-valid::-webkit-input-placeholder {
	color: red; }
.has_alert.wpcf7-not-valid:-ms-input-placeholder {
	color: red; }
.has_alert.wpcf7-not-validinput.sample::-moz-placeholder {
	color: red;
	opacity: 1; }
.contact_reason .wpcf7-not-valid-tip {
	position: absolute;
	white-space: nowrap;
	display: block!important;
}

/*
sideber compact remove
**********************************/
@media (max-width: 1199px){
	.with-sidebar .with-archive-item .row.compact{
		margin-right: -15px;
		margin-left: -15px;
	}

	.with-sidebar .with-archive-item .row.compact>* {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}
}


/*
toucth device support
**********************************/
@media screen and (max-width: 767px){
	.touch_device .hover-content {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.with-work-item-box{
		margin-bottom:2rem;
    padding-left: 0;
		padding-right: 0;
		border-width:0 15px;
		border-color:#fff;
		border-style:solid;
}

.with-work-item{
		margin-bottom:0;
}

.touch_device .hover-content{
	visibility: hidden;
	opacity:0;
	filter: alpha(opacity=0);
	transition: all 0s linear;
}

.animate .hover-content{
	height: 96%;
	width: 96%;
	top: 2%;
	left: 2%;
	visibility: visible;
	transition: all 1.6s ease-in-out;
}

/*
.animate .overlay{
	top: 3.55%;
	left: 0;
}
*/

/*

**********************************/
@media screen and (max-width: 767px){
	header .with.navbar{
		margin-bottom:0;
		padding-bottom:0;
	}

	#with-menu.navbar-collapse,
	#with-menu.navbar-collapse{
		max-height:100vh!important;
		height:100vh;
	}

	#with-menu>ul:first-child>li{
		width:100%;
	}
	
	#with-menu>ul:nth-child(2)>li{
		width:33.333%;
	}

	#with-menu>ul:last-child>li{
		width:25%!important;
		min-width:auto;
	}

	button.navbar-toggle[aria-expanded="true"] span.icon-bar:nth-child(2){
    transform: rotate(45deg);
    margin-top: 8px;
	}

	button.navbar-toggle[aria-expanded="true"] span.icon-bar:nth-child(4){
    transform: rotate(-45deg);
    margin-top: -8px;
    margin-bottom: 8px;
	}

	button.navbar-toggle[aria-expanded="true"] span.icon-bar:nth-child(3){
		background:transparent;
	}

	#with-top-banner{
		text-align:center;
 }

	#with-top-banner .distributor{
		margin: 0 0 2em;
	}
	#with-top-banner .distributor {
		margin-bottom: 1em;
	}
	#with-top-banner .distributor img {
		width: 100%;
	}

}

@media screen and (min-width: 768px){
	#with-top-banner .distributor:first-child{
		text-align: right;
	}
}

#with-top-banner{
	padding-top:2em;
	padding-bottom:3em;
}

#with-top-banner p{
	text-align: center;
	padding:0 0 1em;
	margin: 0;
}

.topic-card .item-footer{
	display:none;
}

.blog-card p{
	line-height: 1.5;
}

.topic-card > div{
	height:180px;
}


@media (min-width: 768px) and (max-width: 1019px) {
	.with.site-header .container{
		width:100%;
	}
	header .left{
		top:0;
	}

}
@media (max-width: 1199px) {
	.with.site-header .container{
		width:100%;
	}

}

@media (min-width: 1020px) and (max-width: 1199px) {
	header .left{
		top:20px;
	}

}

@media (max-width: 1020px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
		}
		
		h2{
			font-size: 1.5rem;
		}
}