/*------------------------------------------------------------------
Modern, AbcTheme
[Table of contents]

/*------------------------------------------------------------------
[Table of contents]

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
A. Custom Classes
	
B. Menu

1. Reset
7. Submenu Types
14. Footer
2. Buttons
9. Testimonial
11. Portfolio Element
28. Google Map

-------------------------------------------------------------------*/

/* a.1.) header-custom-styles-29-1 */
.header-custom-styles-29-1.header-type-4 .middle-header{
	border-bottom-color: rgba(255, 255, 255, 0.2);
	background-color: #363636;
}
.header-custom-styles-29-1.header-type-4 .nav-is-sticky.stuck.middle-header{
	background-color: #363636;
}
.header-custom-styles-29-1 .nav-type-3 .wsmenu-list > li > a > span{
	padding-right: 20px;
	padding-left: 20px;
	line-height: 32px;
	
}
.header-custom-styles-29-1 .nav-type-3 .wsmenu-list > li > a{
	padding-top: 29px;
	padding-bottom: 29px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}
.header-custom-styles-29-1 .nav-type-3 .wsmenu-list > li:hover > a span,
.header-custom-styles-29-1 .nav-type-3 .wsmenu-list > li > a:hover span,
.header-custom-styles-29-1 .nav-type-3 .wsmenu-list > li > a.active span {
	background-color: #fb6e52;
	color: #fff;
}
.header-custom-styles-29-1 .nav-type-3 .wsmenu-list > li > a span::before{
	border: none;
}
.header-custom-styles-29-1.header-type-4 .middle-header .button-container{
	margin-top: 20px;
}
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li > a{
	color: #fff;
	font-weight: 400;
}
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li:hover > a span,
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li > a:hover span,
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li > a.active span {
	background-color: #fb6e52;
	color: #fff;
}
.header-custom-styles-29-1.header-type-4 .middle-header .right-bar{
	margin-left: 50px;
}
.header-custom-styles-29-1.header-type-4 .middle-header .search-container{
	margin-top: 20px;
	margin-bottom: 20px;
}
.header-custom-styles-29-1 .middle-header form.header-search-form input.search{
	border-color: rgba(255, 255, 255, 0.3);
	background-color: transparent;
	color: #fff;
}
.header-custom-styles-29-1 .middle-header form.header-search-form input.search::-moz-placeholder {
	color: rgba(255, 255, 255, 0.8);
}
.header-custom-styles-29-1 .middle-header form.header-search-form input.search:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.8);
}
.header-custom-styles-29-1 .middle-header form.header-search-form input.search::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.8);
}
.header-custom-styles-29-1 .middle-header form.header-search-form i.icon{
	background-color: #fb6e52;
}
.header-custom-styles-29-1 .nav-is-sticky.stuck.middle-header form.header-search-form i.icon{
	background-color: #fb6e52;
}
.header-custom-styles-29-1 .nav-is-sticky.stuck.middle-header form.header-search-form input.search{
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}
.header-custom-styles-29-1 .nav-is-sticky.stuck.middle-header form.header-search-form input.search::-moz-placeholder {
	color: rgba(54, 54, 54, 0.8);
}
.header-custom-styles-29-1 .nav-is-sticky.stuck.middle-header form.header-search-form input.search:-ms-input-placeholder {
	color: rgba(54, 54, 54, 0.8);
}
.header-custom-styles-29-1 .nav-is-sticky.stuck.middle-header form.header-search-form input.search::-webkit-input-placeholder {
	color: rgba(54, 54, 54, 0.8);
}
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li:hover > a span,
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li > a:hover span,
.header-custom-styles-29-1 .nav-is-sticky.stuck .nav-type-3 .wsmenu-list > li > a.active span {
	background-color: #fb6e52;
	color: #fff;
}

/* a.2.) row-custom-styles */
.row-custom-styles-29-1{
	 padding-top: 100px;
	 padding-bottom: 100px;
 }
.row-custom-styles-29-1-c{
	padding-top: 50px;
	padding-bottom: 50px;
}
.row-custom-styles-29-1-c.background{
	background-color: #F5F5F5;
}
.row-custom-styles-29-2{
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #f5f5f5;
}
.row-custom-styles-29-3{
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: #f5f5f5;
}
.row-custom-styles-29-4{
	padding-left: 30px !important;
	border-left: 1px solid #ebebeb;
}
.row-custom-styles-29-5{
	padding-right: 30px !important;
}
.row-custom-styles-29-6{
	padding-top: 50px;
	padding-bottom: 50px;
}
.row-custom-styles-29-7{
	padding-top: 70px;
	padding-right: 70px !important;
	padding-bottom: 30px;
	padding-left: 70px !important;
	background-color: #f5f5f5;
}
.row-custom-styles-29-8{
	padding-top: 70px;
	padding-right: 70px !important;
	padding-bottom: 30px;
	padding-left: 70px !important;
	background-color: #363636;
}
.row-custom-styles-29-9{
	padding-top: 150px;
	padding-right: 100px !important;
	padding-bottom: 130px;
	padding-left: 100px !important;
	background-color: #fff;
}
.row-custom-styles-29-10{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #363636;
}
.row-custom-styles-29-11{
	padding-top: 100px;
	padding-bottom: 165px;
	background-color: #f5f5f5;
}
.row-custom-styles-29-12{
	padding-bottom: 55px;
}
.row-custom-styles-29-13{
	margin-top: -65px;
}

/* a.3.) boxed-element-custom-styles */
.boxed-element-custom-styles-29-1.boxed-element .iconbox-title{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}
.boxed-element-custom-styles-29-1  .iconbox-sep-element{
	background-color: #ebebeb;
}
.boxed-element-custom-styles-29-1:hover .iconbox-sep-element{
	background-color: #ebebeb;
}
.boxed-element-custom-styles-29-1 .iconbox-design{
    background-color: #363636;
}
.boxed-element-custom-styles-29-1 .iconbox-extradesign{
	border: none;
}
.boxed-element-custom-styles-29-1:hover .iconbox-design{
    background-color:  #fb6e52;
}
.boxed-element-custom-styles-29-2{
	margin-bottom: 40px;
}
.boxed-element-custom-styles-29-2 .iconbox-description{
	margin-top: 15px;
}
.boxed-element-custom-styles-29-2 .iconbox-design{
    background-color: #fb6e52;
}
.boxed-element-custom-styles-29-2 .iconbox-design.extra-element:after{
	border-right-color: #fb6e52;
}
.boxed-element-custom-styles-29-2:hover .iconbox-design{
    background-color: #fb6e52;
}
.boxed-element-custom-styles-29-2:hover .iconbox-design.extra-element:after{
	border-right-color: #fb6e52;
}
.boxed-element-custom-styles-29-2.box-lefted .iconWrap{
	margin-right: 20px;
}
.boxed-element-custom-styles-29-2.box-righted .iconWrap{
	margin-left: 20px;
}
.boxed-element-custom-styles-29-2 .iconbox-header .iconbox-title{
	text-transform: none;
	font-weight: 400;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;	
}
.boxed-element-custom-styles-29-2:hover .iconbox-header .iconbox-title{
	color: #fb6e52;
	text-decoration: underline;
}
.boxed-element-custom-styles-29-3{
	margin-bottom: 40px;
	color: rgba(255, 255, 255, 0.8);
}
.boxed-element-custom-styles-29-3 .iconbox-description{
	margin-top: 15px;
}
.boxed-element-custom-styles-29-3 .iconbox-design{
    background-color: #fb6e52;
}
.boxed-element-custom-styles-29-3 .iconbox-design.extra-element:after{
	border-right-color: #fb6e52;
}
.boxed-element-custom-styles-29-3:hover .iconbox-design{
    background-color: #fb6e52;
}
.boxed-element-custom-styles-29-3:hover .iconbox-design.extra-element:after{
	border-right-color: #fb6e52;
}
.boxed-element-custom-styles-29-3.box-lefted .iconWrap{
	margin-right: 20px;
}
.boxed-element-custom-styles-29-3.box-righted .iconWrap{
	margin-left: 20px;
}
.boxed-element-custom-styles-29-3 .iconbox-header .iconbox-title{
	color: #fff;
	text-transform: none;
	font-weight: 400;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;	
}
.boxed-element-custom-styles-29-3:hover .iconbox-header .iconbox-title{
	color: #fb6e52;
	text-decoration: underline;
}

/* a.4.) heading-element-custom-styles */
.heading-element-custom-styles-29-1.heading-element-6 .subtitle{
	padding-right: 10px;
	padding-left: 10px;
	background-color: #fb6e52;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 30px;
}
.heading-element-custom-styles-29-1.heading-element-6 h4{
	text-transform: none;
	font-weight: 300;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	line-height: 48px;
}
.heading-element-custom-styles-29-2{
	margin-bottom: 0;
}
.heading-element-custom-styles-29-2 h4{
	margin-bottom: 40px;
	text-transform: none;
	font-weight: 300;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
	line-height: 60px;
}
.heading-element-custom-styles-29-2 .subtitle{
	margin-bottom: 40px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #fb6e52;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 30px;
}
.heading-element-custom-styles-29-2 .sep-element{
	width: 50%;
	background-color: #ebebeb;
}
.heading-element-custom-styles-29-2 .sep-element::after{
	background-color: #ebebeb;
}

/* a.5.) portfolio--custom-styles */
.portfolio-custom-styles-29-1.portfolio-type-3 .megafolio-container-caption{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: transparent;
	text-align: center;
	opacity: 1;
}
.portfolio-custom-styles-29-1.portfolio-type-3 .mega-entry:hover .megafolio-container-caption{
	visibility: hidden;
	opacity: 0;
}
.portfolio-custom-styles-29-1.portfolio-type-3 .mega-entry:nth-of-type(odd) .megafolio-container-caption{
	background-color: transparent;
}
.portfolio-custom-styles-29-1.portfolio-type-3 .megafolio-container-title{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.portfolio-custom-styles-29-1.portfolio-type-3 .megafolio-container-categories{
	color: #fb6e52;
	text-transform: none;
	font-size: 14px;
	background-color: black;
}
.portfolio-custom-styles-29-1.portfolio-type-3 .megafolio-container-categories a{
	color: #fb6e52;
}

/* a.6.) font-custom-style */
.font-custom-style-29-1{
	text-align: right;
	font-weight: 300;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	line-height: 48px;
}
.font-custom-style-29-2{
	color: #fb6e52;
	text-decoration: underline;
}
.font-custom-style-29-3{
	font-weight: 400;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	line-height: 36px;
}

/* a.7.) frame-container-custom-styles-05-1 */
.callout-container-custom-style-29-1{
	margin-bottom: 0;
}
.callout-container-custom-style-29-1 .callout-container-element-title{
	background-color: rgba(251,110,82,0.9);
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
.callout-container-custom-style-29-1 .callout-container-element-caption{
	padding: 40px;
	background-color: rgba(251,110,82,0.9);
}
.callout-container-element-2 .callout-container-element-caption h4{
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	line-height: 48px;
}

/* a.8.) counter-element-custom-styles */
.counter-element-custom-styles-29-1{
	margin-bottom: 0;
	border: none;
	background-color: transparent;
}
.counter-element-custom-styles-29-1 .title-counterWrap{
	margin-left: 20px;
	padding-left: 20px;
}
.counter-element-custom-styles-29-1 .title-counterWrap .counter{
	font-weight: 700;
	font-family: 'Arial', sans-serif;
}
.counter-element-custom-styles-29-1 .icon{
	color: #fb6e52;
}
.counter-element-custom-styles-29-1 .title-counterWrap h4{
	color: #959595;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

/* a.9.) counter-element-custom-style */
.logo-element-custom-style-29-1 .logo-element-item{
	margin-bottom: 0;
	border: none;
}

/* a.10.) counter-element-custom-style */
.blog-container-custom-styles-29-1{
	margin-bottom: 0;
}
.blog-container-custom-styles-29-1 .no-featured-image{
	background-color: #ebebeb;
}
.blog-container-custom-styles-29-1 .dateWrap{
	font-family: 'Arial', sans-serif;
}
.blog-container-custom-styles-29-1 .date{
	background-color: #363636;
}
.blog-container-custom-styles-29-1:hover .date{
	background-color: #fb6e52;
}
.blog-container-custom-styles-29-1 .blog-container-title a{
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
.blog-container-custom-styles-29-1:hover .blog-container-title a{
	color: #fb6e52;
}
.blog-container-custom-styles-29-1 .btn{
	background-color: #363636;
	color: #fff;
}
.blog-container-custom-styles-29-1:hover .btn,
.blog-container-custom-styles-29-1 .btn:hover,
.blog-container-custom-styles-29-1 .btn:active,
.blog-container-custom-styles-29-1 .btn:focus{
	background-color: #fb6e52;
	color: #fff;
}
.blog-container-custom-styles-29-1 .blog-container-content{
	border: none;
}

/* a.11.) loop-element--custom-styles */
.loop-element-custom-styles-29-1 .loop-element-pagination .loop-element-dots .owl-dot{
	background-color: #ebebeb;
}
.loop-element-custom-styles-29-1 .loop-element-pagination .loop-element-dots .owl-dot.active{
	background-color: #fb6e52;
}

/* a.12.) social-btn-custom-style */
.social-btn-custom-style-29-1{
	background-color:  #fb6e52 !important;
}
.social-btn-custom-style-29-1:hover{
	background-color: #3b5998 !important;
}
.social-btn-custom-style-29-2{
	background-color:  #fb6e52 !important;
}
.social-btn-custom-style-29-2:hover{
	background-color: #55acee !important;
}
.social-btn-custom-style-29-3{
	background-color:  #fb6e52 !important;
}
.social-btn-custom-style-29-3:hover{
	background-color: #d34836 !important;
}
.social-btn-custom-style-29-4{
	background-color:  #fb6e52 !important;
}
.social-btn-custom-style-29-4:hover{
	background-color: #bb0000 !important;
}
.social-btn-custom-style-29-5{
	background-color:  #fb6e52 !important;
}
.social-btn-custom-style-29-5:hover{
	background-color: #ff6600 !important;
}


/*------------------------------------------------------------------
B. Menu
-------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
	.wsmenu-list > li > a{
		font-weight: 500 !important;
	}
	.wsmenu-list ul > li > a{
		font-weight: 400 !important;
	}
	.wsmenu > .wsmenu-list > li > a{
		color: #363636 !important;
	}
	.wsmenu > .wsmenu-list > li > a.active,
	.wsmenu > .wsmenu-list > li:hover > a{
		color: #fb6e52 !important;
	}
	.wsmenu-list > li > a.active > span,
	.wsmenu-list > li:hover > a > span{
		color: #fb6e52 !important;
	}
	.mobile-sub .wsmenu-submenu li a{
		color: #363636 !important;
	}
	.mobile-sub .wsmenu-submenu li:hover > a{
		color: #fb6e52 !important;
	}
	.megamenu > ul > li > a{
		color: #363636!important;
	}
	.megamenu > ul > li > a:hover{
		color: #fb6e52 !important;
	}
}


/*------------------------------------------------------------------
1. Reset
-------------------------------------------------------------------*/
body{
	background-color: #fff;
	color: rgba(54, 54, 54, 0.8);
	font-weight: 400;
	font-family: 'Karla', sans-serif;
}
a{
	color: #fb6e52;
}
a:hover{
	color: #FB7C63;
}
h1,h2,h3,h4,h5,h6{
	color: #363636;
	font-weight: 400;
}

/*------------------------------------------------------------------
7. Submenu Types
-------------------------------------------------------------------*/
.nav-submenu-type-1 .wsmenu-submenu li a{
	color: rgba(54,54,54,0.8);
}
.nav-submenu-type-1 .wsmenu-submenu li a:hover{
	color: #fb6e52;
}

.nav-submenu-type-2 .wsmenu-submenu li a{
	background-color: transparent;	
	color: rgba(54,54,54,0.8);
	font-weight: 400;
}
.nav-submenu-type-2 .wsmenu-submenu li a:hover{ 
	background-color: #fb6e52;
	color: #fff;
}

.nav-submenu-type-3 .wsmenu-submenu li a{
	background-color: transparent;	
	color: rgba(54,54,54,0.8);
	font-weight: 400;
}
.nav-submenu-type-3 .wsmenu-submenu li a:hover{ 
	background-color: #fb6e52;
	color: #fff;
}

.nav-submenu-type-4 .wsmenu-submenu li a{
	color: rgba(54,54,54,0.8);
}
.nav-submenu-type-4 .wsmenu-submenu li a:hover{
	color: #fb6e52;	
}
.nav-submenu-type-4 .wsmenu-submenu li a .menu-item-textWrap:after{
    background-color: #fb6e52;	
}

.nav-submenu-type-5 .wsmenu-submenu li a{
	background-color: transparent;
	color: rgba(54,54,54,0.8);
	font-weight: 400;
}
.nav-submenu-type-5 .wsmenu-submenu li a:hover{
	background-color: #f5f5f5;
	color: #fb6e52;
}
.nav-submenu-type-5 .wsmenu-submenu li a .menu-item-textWrap:after{
    background-color: #fb6e52;
}
.nav-submenu-type-5 .wsmenu-submenu-sub-sub:after,
.nav-submenu-type-5 .wsmenu-submenu-sub:after,
.nav-submenu-type-5 .wsmenu-submenu:after{
    background-color: #fb6e52;
}

/*------------------------------------------------------------------
14. Footer
-------------------------------------------------------------------*/
#footer{
	padding-top: 100px;
	color: rgba(255, 255, 255, 0.6);
}
#footer a{
	color: #fb6e52;
}
#footer a:hover{
	color: #FB7C63;
}
#footer .middle-section{
	padding-bottom: 70px;
}
.widget h4.title{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}
#footer .widget h4.title::after{
	background-color:  #fb6e52;
}
#footer .widget ul li{
	border-color: rgba(255, 255, 255, 0.1);
}
#footer .widget ul > li > a{
	color: rgba(255, 255, 255, 0.8);
}
#footer .widget ul > li > a:hover{
	color:  #fb6e52;
}
#footer .widget ul > li > a:hover::before{
	color:  #fb6e52;
}
#footer .widget-theme-post-2 li .icon{
	
	background-color:  #fb6e52;
}
#footer .widget-theme-post-2 li:hover .icon{
	
	background-color:  #fb6e52;
}
#footer .widget-theme-post-2 li .icon:after{
	
	border-right-color:  #fb6e52;
}
#footer .widget-theme-post-2 li:hover .icon:after{

	border-right-color:  #fb6e52;
}
#footer .widget-theme-post-2 .content a{
	color: rgba(255, 255, 255, 0.6);
}
#footer .widget-theme-post-2 .content a:hover{
	color:  #fb6e52;
}
.bottom-section{
	padding-top: 0;
	padding-bottom: 0;
}
.bottom-section-nav ul li{
	padding: 0 20px;
	border-color: transparent !important;
}
#footer .bottom-section-nav ul li a{
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 1px;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}
#footer .bottom-section-nav ul li a:hover{
	color: #fb6e52;
}
#footer .bottom-section .text-container a{
	color: #fff;
}

/*------------------------------------------------------------------
2. Buttons
-------------------------------------------------------------------*/
.btn {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}
.btn.btn-primary {
	background-color: #fb6e52;
	color: #fff;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus{
	background-color: #FB7C63;
	color: #fff;
}
.btn.btn-secondary {
	background-color: #363636;
	color: #fff;
	letter-spacing: 1px;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus{
	background-color: #464646;
	color: #fff;
}

/*------------------------------------------------------------------
9. Testimonial
-------------------------------------------------------------------*/
.testimonial-container-3{
	margin-bottom: 0;
	padding-top: 120px;
	padding-bottom: 0;
}
.testimonial-container-3 p{
	color: rgba(54, 54, 54, 0.8);
}
.testimonial-container-3 .image i{
	background-color: #fb6e52;
}
.testimonial-container-3:hover .image i{
	background-color: #fb6e52;
}
.testimonial-container-3 .description{
	color: #fb6e52;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}
.testimonial-container-3 .title{
	color: #363636;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

/*------------------------------------------------------------------
11. Portfolio Element
-------------------------------------------------------------------*/
.portfolio-type-3 .megafolio-container-caption{
	background-color: rgba(25,194,216, 0.9);
	text-align: center;
}

/*------------------------------------------------------------------
28. Google Map
-------------------------------------------------------------------*/
.google-map-element-3 .map-3{
	position: relative;
	display: block;
	height: 310px;
}

