body {
	font-family: 'Trirong', sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;
	background-color: #2d2d2d;
}

#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #f68b1f;
}

#comment-wrap .et_pb_button:before, #comment-wrap .et_pb_button:after{
	font-size: 16px;
}

a.comment-reply-link{
	border: 1px solid #f68b1f!important;
    display: inline-block!important;
    height: 39px!important;
   /*  line-height: 39px!important; */
    text-align: center;font-size: 16px!important;
}

a {
    color: #f68b1f;
    text-decoration: none;
}

#top-menu a {
    color: #fff;
}

.et_pb_slide_description .et_pb_slide_title {
    font-weight: 400;
}

.home #main-header{
	background-color: transparent;
}

#after-contact .et_pb_promo_description{
	padding-bottom: 0;
}

.home .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay::before {
  top: 50%;
}

#our-work #after-contact h2{
	margin-bottom: 30px;
	font-size: 30px;
	color: #fff;
	font-family: Trirong;
}

#after-contact h2{
	margin-bottom: 23px;
	padding-bottom: 20px;
	position: relative;
}

#our-work .et_pb_gallery h3.et_pb_gallery_title{
	text-transform: capitalize;
}

#our-work .et_pb_promo h2{
	position: relative;
}

#our-work .et_pb_promo h2:after,
#after-contact h2:after{
	position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #f68b1f;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 200px;
}

#main-header{
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
	/* padding-top: 39px; */
}

.custom-button .a-button {
	background-color: #f68b1f;
	color: #fff;
	float: left;
	height: 42px;
	line-height: 42px;
	padding-left: 26px;
	text-align: left;
	width: 210px;
}

#dev-text i.fa{
	padding-right: ;
	width: 20px;
}

#dev-text.dev-text{
	margin-bottom: 60px!important;
}
#dev-text{
	font-size: 13px;
    color: #fff;
    font-family: Trirong;
}

.custom-button .a-button i.fa{
	font-size: 25px;
	padding-right: 5px;
}

.custom-button {
	float: left;
	margin: 0 30px 30px 0;
	max-width: 210px;
	width: 100%;
}

.develop {
  float: left;
  width: 100%;
}

#et-main-area{
	margin-top: -125px;
}
.et_pb_gallery_grid .et_pb_gallery_item,
.home .et_pb_gallery_grid .et_pb_gallery_item{
	width: 20%!important;
	margin: 0 0 0 0!important;
}
.home .et_pb_gallery_grid .et_pb_gallery_item img{
	border:2px solid #000;
	border-left:none;border-top:none;
}

/* .home .et_pb_gallery_grid .et_pb_gallery_item:nth-child(4n+1) img{
	border-right:2px solid transparent!important;
} */
.home .et_pb_gallery_grid .et_pb_gallery_item:nth-child(5n+5) img{
	border-right:2px solid transparent!important;
}


.et_pb_column .et_pb_grid_item:nth-child(3n+1), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+1), .et_pb_column .woocommerce ul.products li.product:nth-child(3n+1), .woocommerce-page ul.products li.product:nth-child(3n+1), .et_gallery_item:nth-child(3n+1),
.et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1), .et_pb_column_3_4 .et_pb_grid_item:nth-child(3n+1), .et_pb_column_2_3 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_1_2 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1), .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+1), .et_pb_column_2_3 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1) {
    clear: inherit!important; 
}
.home .et_pb_fullwidth_portfolio .et_pb_portfolio_item{
	width: 20%!important;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 45px;
}

.et_pb_contact_form_label{
	display: block;
}

#logo{
	max-height: 76px;
}

#main-header .container{
	min-height: 125px;
}
.et_pb_row,
.container {
    width: 100%;
    max-width: 1140px;
}

#our-work{
	max-width: 1140px;
	margin: 0 auto;
}

/*--- Contact us ---*/
.wpcf7 .form-group label{
	font-family: Trirong;
	font-size: 16px;
	text-align: left;
	color: #fff;
	font-weight: 400;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
	width: 100%;
	padding-left: 5%;
	background-color: #f0f0f0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]{
	height: 37px;
    margin-bottom: 15px;
    border: none;
}

.wpcf7 input[type="submit"]{
	background-color: #f68b1f;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: Trirong;
    max-width: 147px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: table;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description{
	padding-left: 0;
	padding-right: 0;
}

.left{
	float: left;
}

.right{
	float: right;
}

#page-contact .wpcf7 input[type="submit"]{
	float: left;
}

#page-contact .wpcf7 .col-sm-6,
.wpcf7 .col-sm-12{
	width: 100%;
	clear: both;
}

.wpcf7 .col-sm-6{
	width: 48.6%;
}

.wpcf7 textarea{
	margin-bottom: 30px;
	height: 110px;
	padding-left: 2.5%;
}

.custom-blurb .et_pb_blurb h4{
	padding-bottom: 20px;
}

.et_header_style_left #et-top-navigation nav > ul > li > a{
	position: relative;
	font-size: 16px;
	font-weight: 400;
}
body.home .et_pb_slides .et_pb_more_button:hover,
body.home .et_pb_button ,
body.home .custom-blurb .et_pb_button ,
body.home .et_pb_slides .et_pb_more_button {
  font-size: 14px!important;
  height: 40px;
  line-height: 40px!important;
  padding: 0 !important;
  width: 147px !important;
  font-weight: 700!important;
  text-align: center!important;
}

.et_header_style_left #et-top-navigation nav > ul > li.current-menu-item > a{
	color: #fff!important
}

.et_header_style_left #et-top-navigation nav > ul > li:hover > a:after,
.et_header_style_left #et-top-navigation nav > ul > li.current-menu-item > a:after{
	content: "";
    width: 100%;
    position: absolute;
    height: 5px;
    bottom: 15px;
    background-color: #f68b1f;
    left: 0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	background-color: #f68b1f;
}

.et_pb_more_button{
	margin-top: 28px;
}

#main-header.et-fixed-header .container{
	min-height: 85px;
}

#main-header.et-fixed-header{
	background-color: rgba(0, 0, 0, 0.45);
	box-shadow: inherit;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li:hover > a:after,
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.current-menu-item > a:after{
	 bottom: 0;
}

#footer-info {
	float: none;
    padding-bottom: 10px;
    color: #c1c1c1!important;
    font-size: 14px;
    text-align: center;
}

#footer-bottom{
	padding-bottom: 45px;
}

.social_icons {
	display: table;
	margin: 0 auto;
	max-width: 430px;
	padding-bottom: 25px;
	padding-top: 45px;
	width: 100%;
}

.social_icons .textwidget > a.facebook:hover{
	color: #3b5998;
}

.social_icons .textwidget > a.twitter:hover{
	color: #1da1f2;
}

.social_icons .textwidget > a {
	float: left;
	font-size: 40px;
	margin-right: 20px;
	margin-top: 5px;
}

.social_icons .widget_sp_image{
	float: left;
	margin-right: 20px;
}

.social_icons .widget_sp_image:last-child{
	margin-right: 0;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{
	margin: 125px auto 20px;
}

.date_time .fa {
  padding-right: 8px;
}

.single-post .featured-post img{
	width: 100%;
}

.single-post .featured-post{
	margin-top: 60px;
	width: 100%;
	text-align: center;
}

.single-post .date_time{
	margin-bottom: 0;
}

.navigation a {
  border: 1px solid #f68b1f;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  text-align: center;
  width: 176px;
}

.date_time {
  color: #fff;
  display: inline-block;
  font-family: Trirong;
  font-size: 14px;
  margin-bottom: 20px;
  width: 100%;
}

.title_post > a {
  color: #f68b1f;
  float: left;
  font-family: Trirong;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
  width: 100%;
}
.single-post .blog-post,
.page-template-page-blog .blog-post {
  display: inline-block;
  margin-bottom: 30px;
  max-width: 755px;
  width: 100%;
}

.container-post{
	max-width: 1140px;
	margin: 0 auto;
	clear: both;
}

.single-post{
	background-color: #2d2d2d!important;
}

.single-post .sidebar ul{
	list-style: outside none none !important;
	padding-left: 0 !important; 
}

.single-post .sidebar{
	margin-top: 60px;
}

.single-post.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .single-post.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row{
	width: 100%;
}

#main-content .container:before{
	width: auto;
}

.post-content {
  display: inline-block;
  width: 100%;
}

.post-content .content-excerpt {
  color: #fff;
  font-family: Trirong;
  font-size: 16px;
  margin-top: -7px;
}

.post-content .l_comment{
	float: left;
	width: 100%;
}

.blog-post .item-post {
  display: inline-block;
  margin-bottom: 26px;
}

.post-content .l_comment{
	font-size: 14px;
	color: #f68b1f; 
	font-family: Trirong;
}

.post-content .content-excerpt a.read_more {
	background-color: #f68b1f;
	color: #fff;
	display: inline-block;
	font-family: Trirong;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin-top: 16px;
	max-width: 167px;
	text-align: center;
	width: 100%;
}

.the_featured {
  float: left;
  margin-right: 30px;
  max-width: 360px;
  min-height: 240px;
}

.sidebar {
  float: right;
	margin-top: 6px;
	max-width: 360px;
	width: 100%;
}

.sidebar h4.widgettitle{
	color: #fff;
	display: inline-block;
	font-family: Trirong;
	font-size: 25px;
	font-weight: 700;
	max-width: 360px;
	padding-bottom: 18px;
	position: relative;
	width: 100%;
}

.sidebar .et_pb_widget{
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.sidebar .et_pb_widget a:hover{
	color: #f68b1f;
}

.sidebar .et_pb_widget a{
	color: #fff;
	display: inline-block;
	font-family: Trirong;
	font-size: 16px;
	font-weight: 400;
	padding-top: 8px;
	text-align: left;
}

.sidebar .et_pb_widget.widget_recent_entries a{
	border-bottom: 1px solid #818181;
	padding-bottom: 10px;
	padding-top: 5px;
}

.sidebar h4.widgettitle:after{
	content: "";
	height: 1px;
	background-color: #f68b1f;
	width: 100%;
	left: 0;
	position: absolute;
	bottom : 0;
}

/* COMMENT FORM*/
.comment_postinfo .comment_date,
.comment_postinfo .fn a,
.comment_area .comment-content{
	color: #fff;font-size: 14px;
}

#comment-wrap #comments,
#respond h3#reply-title {
  border-bottom: 2px solid #f68b1f;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 20px;
}
 
#commentform label{
	display: block!important;
	font-size: 14px;
	font-family: Trirong;
	font-weight: 400;
	color: #fff;
}

#commentform .comment-form-comment {
  margin-top: 20px;
}

#commentform textarea{
	height: 110px;
}
#commentform  .comment-form-url ,
#commentform  .comment-form-url input[type="text"],
#commentform .comment-form-author input[type="text"], 
#commentform .comment-form-email input[type="text"]{
	display: inline-block;
	width: 100%;
	height: 37px;
}

#commentform .form-submit{
	float: left;
}

#commentform .form-submit #submit{display: inline-block;
	float: left;
	max-width: 200px;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-family: Trirong;
	font-weight: 400;
	border-radius: none;
	text-transform: uppercase;
	border: none;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background-color: #f68b1f;
}

#commentform .comment-form-author{
	float: left;
	max-width: 362px;
	width: 100%;
}
#commentform .comment-form-email{
	float: right;
	max-width: 362px;
	width: 100%;
}

.blog-contact-form{
	background-color: #202020!important;
}

/* Page Intro */
.page-template-page-intro{
	background: #000;
}
.page-template-page-intro #main-header{
	display: none;
}
.page-template-page-intro #et-main-area{
	margin-top: 30px;
	text-align: center;
	color: #fff;
}
.page-template-page-intro #et-main-area p,
.page-template-page-intro #et-main-area a{
	color: #fff;
}

@media(min-width: 1920px){
	.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
		width: auto;
		margin: auto;
		padding: 36% 8%;
	}
}
@media(min-width: 1140px){
	.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image{
		min-height: 228px;
	}
	.custom-blurb .et_pb_column_1_3{
		max-width: 360px!important;
		width: 100%;
		margin-right: 30px;
	}
	
	.et_pb_fullwidth_section{
		min-height: 300px;
	}
}

@media(max-width: 1366px){
	#main-content .et_pb_fullwidth_section .et_pb_slide_description .et_pb_slide_title{
		position: relative;
		font-size: 40px!important;
		padding-bottom: 25px;
		margin-bottom: 14px;
	}
	.et_pb_slide_description .et_pb_slide_title:after{
		
		position: absolute;
		bottom: 0;
		height: 2px;
		background-color: #f68b1f;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		width: 170px;
	}
}

@media(max-width: 1139px){
	#dev-text {
		font-size: 13px;
	}
	#commentform .comment-form-author,
	#commentform .comment-form-email {
		max-width: 48%;
		width: 100%;
	}
	.custom-blurb .et_pb_blurb_content .et_pb_blurb_container{
		min-height: 125px;
	}
	#left-area.single-post .container-post{
		padding-left: 3%;
		padding-right: 3%;
	}
	.et_pb_row, .container {
		max-width: 1140px;
		width: 96%;
	}
	.single-post .blog-post, .page-template-page-blog .blog-post{
		max-width: 70%;
	}
	.sidebar {
		max-width: 25%;
	}
}

@media (max-width: 980px){
	
	.home .et_pb_fullwidth_section.et_pb_section {
		padding: 0 0;
	}
	.custom-blurb .et_pb_blurb_content .et_pb_blurb_container{
		min-height: 160px;
	}
	.custom-blurb .et_pb_column, 
	.custom-blurb .et_pb_column {
		width: 29.666%!important;
		margin-right: 5.5%!important;
	}
	#main-content .et_pb_fullwidth_section .et_pb_slide_description .et_pb_slide_title {
		font-size: 30px !important;
	}
	.et_mobile_menu {
		border-top: 3px solid #f68b1f;
	}
}

@media (max-width: 767px){
		.et_pb_column .et_pb_grid_item:nth-child(2n+1), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_pb_column .woocommerce ul.products li.product:nth-child(2n+1), .woocommerce-page ul.products li.product:nth-child(2n+1), .et_gallery_item:nth-child(2n+1) {
		clear: inherit;
	}
	
	.single-post{
		overflow: hidden;
	}
	#et-main-area{
		margin-top: 0;
	}
	#dev-text.dev-text{
		margin-bottom: 0!important;
	}
	.the_featured {
		margin-right: 0;
		max-width: 100%;
		text-align: center;
		width: 100%;
	}
	.post-content .content-excerpt {
		margin-top: 0;
		float: left;
	}
	.custom-blurb .et_pb_column, 
	.custom-blurb .et_pb_column {
		width: 100%!important;
		margin-right: 0%!important;
	}
	.home .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
	  width: 50%!important;
	}
	.custom-blurb .et_pb_column .et_pb_button_module_wrapper.et_pb_module {
	  text-align: center;
	}
}


@media (max-width: 640px){
	.et_pb_gallery_grid .et_pb_gallery_image {
		text-align: center;
	}
	.home .et_pb_gallery_grid .et_pb_gallery_item:nth-child(5n+5) img{
		border-right:2px solid #000!important;
	}
	.et_pb_gallery_grid .et_pb_gallery_item, .home .et_pb_gallery_grid .et_pb_gallery_item {
		max-width: 228px;
		margin: 0 auto 30px auto!important;
		float: none;
		width: 100%!important;
	}
	#main-header .container{
		min-height: 85px;
	}
	.et_pb_section {
		/* padding: 0 0 30px; */
	}
	#main-content .container {
		overflow: hidden;
	}
	.sidebar,
	.sidebar h4.widgettitle,
	.single-post .blog-post, .page-template-page-blog .blog-post {
		max-width: 100%;
	}
	#dev-text.dev-text{
		text-align: left!important;
	}
}

@media (max-width: 480px){
	#dev-text.dev-text{
		text-align: center!important;
	}
}
@media (max-width: 479px){
	.home .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
	  width: 100%!important;
	}
}
@media (max-width: 360px){
	.social_icons .textwidget > a.twitter{
		margin-right: 0;
	}
	.social_icons .et_pb_widget {
	  clear: both;
	  display: table;
	  float: none;
	  margin: 0 auto 30px;
	  max-width: 100%;
	}
	.navigation a{
		width: 130px;
	}
}

@media (max-width: 320px){
	.the_featured{
		min-height: 0; 
	}
}