/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/*@import "color-variations/red-dark.css"; /* Using a string */
html {
	overflow-x: hidden;	
}
body, body.boxed .body-inner, body.boxed-simple .body-inner, body.boxed #wrapper, body.boxed-simple #wrapper {
  position: relative;
  border: 1px solid #eeeeee;
  background-color: #fce903 !important; /*alt color yellow: #f3da0b */
  font-size: 1.2em;
  color:#222;
  overflow-x: hidden;	

  }

body.boxed-simple {
  background-color: #fce903 !important;
  border: 0 none !important;



  }

#s #page, #p #page{background-color:white;}

#header.header-sticky .header-inner, #header.header-sticky #header-wrap {
    background-color: #fce903 !important;

}

.heading-text.heading-section > h2:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 200px;
    background-color: #fff;
    bottom: -30px;
    left: 0;
    right: 0;
}




a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
    text-decoration: none;
    outline: none;
    color: #fd0100;
}

#mainMenu nav > ul > li > a {

    font-size: 14px;
}



#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #a28500;
}

#header.dark #mainMenu nav > ul > li > a {
    color: #fce903;
}

.inspiro-slider .slide-captions h1 {
    font-size: 4em;
    font-weight: 500;
    line-height: auto;
    margin-bottom: .3em;
    color: #f6e40a;
}


#footer .widget .widget-title, #footer .widget h4 {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}

#footer .copyright-content {
    min-height: 80px;
    padding: 30px 0;
    background-color: #333333;
    color: white;
    font-size: 13px;
}

#footer .copyright-content a { color: white;}

#footer {
    display: block;
    position: relative;
    background-color: transparent ;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;

}

section {
    padding: 80px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: transparent ;
}

p {
    color: #222; font-size: initial;
   
}

.portfolio-item .portfolio-description a i, .portfolio-item .grid-description a i, .portfolio-item .portfolio-links a i, .grid-item .portfolio-description a i, .grid-item .grid-description a i, .grid-item .portfolio-links a i {
    background-color: transparent;

}

#mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a, .page-menu.menu-outline nav li:hover a, .page-menu.menu-outline nav li.active a, .grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a, .btn, .btn.btn-outline:not(.btn-dark):not(.btn-light), .btn.btn-outline:not(.btn-dark):not(.btn-light):hover, .btn.btn-outline:not(.btn-dark):not(.btn-light):focus, .btn.btn-outline:not(.btn-dark):not(.btn-light):active, .btn.btn-outline:not(.btn-dark):not(.btn-light).active, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder):hover, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder):focus, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder):active, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder).active, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder):hover, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder):focus, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder):active, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder).active, .simple .tabs-navigation li.active a, .simple .tabs-navigation li.active a:focus, .simple .tabs-navigation li a:hover, .owl-carousel .owl-nav [class*="owl-"]:hover, .spinner .bar, .ball-scale-ripple-multiple > div, .spinner .bar, .tags a.active, .tags a:active, .tags a:focus, .tags a:hover {
    border-color: #fce903;
}

#topbar.topbar-colored, #topbar.topbar-colored.dark, #header.header-colored #header-wrap, #header.header-modern:not(.header-active).header-colored #header-wrap, #mainMenu.menu-rounded nav > ul > li.current > a, #mainMenu.menu-rounded nav > ul > li:hover > a, #mainMenu.menu-rounded nav > ul > li:focus > a, #mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after, #mainMenu.menu-hover-background nav > ul > li.current, #mainMenu.menu-hover-background nav > ul > li:hover, #mainMenu.menu-hover-background nav > ul > li:focus, #dotsMenu ul li:hover, #dotsMenu ul li.current, #dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before, .page-menu.menu-lines nav li:hover a:after, .page-menu.menu-lines nav li.active a:after, .page-menu.menu-classic nav li:hover a, .page-menu.menu-classic nav li.active a, .page-menu.menu-colored-background, .grid-filter li:hover a, .grid-filter li.active a, .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after, .grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a, .portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .grid-item .portfolio-description a:hover i, .grid-item .grid-description a:hover i, .post-item.quote .post-item-wrap, .post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category, .forum thead tr > th, .btn, .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline.active, .btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active, .btn.btn-dark.active, .icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i, .owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel.arrows-creative .owl-nav [class*="owl-"]:hover, .dropcap.dropcap-colored, .highlight.highlight-colored, .progress-bar, .blockquote-color, .call-to-action.call-to-action-colored, .modal-strip, .pricing-table.colored .plan-header, .single9:before, .background-colored, #scrollTop:after, #scrollTop:before, .tags a.active, .tags a:active, .tags a:focus, .tags a:hover {
    background-color: #fce903; color:black;
}



.dark .serv{color: #fce903 !important; }

#footer .list li {
    line-height: normal !important;
	margin:1em 0;
}

#mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    background-color: transparent;
    color: #fbe903;
    cursor: pointer;
}





.background-overlay-dark1 {
	opacity: 0.3;
}

.background-overlay-dark1:hover {
   
   opacity: 1;
  
	-webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}


.pl-6, .px-6 {
    padding-left: 6rem!important;
}

.pr-6, .px-6 {
    padding-right: 6rem!important;
}

#p .bigdesc{font-size:1.2rem;}

a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
    text-decoration: none;
    outline: none;
    color: #b9b363;
}

/*
Medium devices
Desktops (≥992px)
*/

@media (max-width: 991px) {
.inspiro-slider .slide-captions h1 {
    font-size: 2em;
   
}

inspiro-slider .slide-captions h1, .inspiro-slider .slide-captions h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 14px;    text-shadow: 1px 1px black;
}
inspiro-slider .slide-captions > p {
    font-size: 18px;
    font-weight: 500;
    
    text-shadow: 1px 1px black;
}




.portfolio-item .portfolio-description, .portfolio-item .grid-description, .portfolio-item .portfolio-links, .grid-item .portfolio-description, .grid-item .grid-description, .grid-item .portfolio-links {
   
    opacity: 1;
    visibility: visible;
 
}


.portfolio-item .portfolio-description span, .portfolio-item .portfolio-description p, .portfolio-item .grid-description span, .portfolio-item .grid-description p, .portfolio-item .portfolio-links span, .portfolio-item .portfolio-links p, .grid-item .portfolio-description span, .grid-item .portfolio-description p, .grid-item .grid-description span, .grid-item .grid-description p, .grid-item .portfolio-links span, .grid-item .portfolio-links p {
    opacity: 1;
    font-size: 1.1em;
    text-shadow: 1px 1px black;
	font-weight:700;
    
}

.background-overlay-dark1 {
    opacity: 1;
}
.background-overlay-dark1 h2{
    text-shadow: 1px 1px black;
}

.portfolio-item .portfolio-description h3, .portfolio-item .grid-description h3, .portfolio-item .portfolio-links h3, .grid-item .portfolio-description h3, .grid-item .grid-description h3, .grid-item .portfolio-links h3 {
    font-size: 1.4em;
      text-shadow: 1px 1px black;
}
.portfolio-item .portfolio-image, .portfolio-item .portfolio-video, .portfolio-item .grid-image, .portfolio-item .grid-video, .portfolio-item .owl-stage-outer, .grid-item .portfolio-image, .grid-item .portfolio-video, .grid-item .grid-image, .grid-item .grid-video, .grid-item .owl-stage-outer {

    opacity: .4;
}

}

a.btn:not([href]):not([tabindex]).btn-primary, .btn.btn-primary {
    color: white;
    background-color: #343a40;
    border-color: #343a40;
}

a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}