/* ------------------------
    Table of Contents

  1. General
  2. Typography
  3. Helper class
  4. Text color
  5. Background color
  6. Jarallax
  8. Border Radius
  9. Banner
  13. Contact
  14. About Us
  15. Video
  16. Side Background
  17. Nav


/* ------------------------
    General
------------------------*/
@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

body {font-family: 'Rubik', sans-serif; font-weight: normal; font-style: normal; font-size: 15px; line-height: 1.5; color:#282929;}


/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 40px; font-style: normal; line-height: 46px; font-weight: 500; color: #23244a; text-transform: capitalize; margin-bottom: 10px; position: relative; color:#6d9f33}
h2 { font-size: 40px; font-style: normal; line-height: 46px; font-weight: 500; color: #23244a; text-transform: capitalize; margin-bottom: 10px; position: relative; color:#6d9f33}
h3 { font-size: 30px; font-style: normal; line-height: 36px; }
h4 { font-size: 24px; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; line-height: 30px; color: #23244a;}
h5 { font-size: 20px; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #23244a;}
h6 { font-size: 18px; font-style: normal; line-height: 24px; }
ul { margin: 0px; padding: 0px; }


/* ------------------------
    Helper class
------------------------*/

.lead{font-weight: normal; font-size: 16px; line-height: 30px;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
section{padding: 10px 0 0 0;}
.section-title{margin-bottom:50px;}
.section-title p{font-size: 16px;}
.theme-bg .section-title p, .dark-bg .section-title p{color: rgba(255,255,255,0.8)}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}


/* ------------------------
    Text color
------------------------*/
.text-theme{color:#6d9f33;}
.text-black{color:#23244a !important;}
.text-grey{color:#aaaaaa;}
.text-yellow{color:#f9a305;}
.text-rgba{color: rgba(255,255,255,0.8);}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color:#ffffff !important;}
.dark-bg{background-color:#121628;}
.grey-bg{background-color:#f8f8f8;}
.theme-bg{background-color:#6d9f33;}
.transparent-bg{background-color: inherit !important;}


/* ------------------------
    Banner
------------------------*/
.fullscreen-banner{position: relative; min-height: 800px;}
[data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.align-center{position: absolute; top: 50%; width: 100%; z-index: 9;}
.align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.fullscreen-banner .btn{color: #ffffff;}
.banner-1::before {border: 10px solid rgba(255,255,255,0.1); content: ""; height: 120%; left: 50%; position: absolute;
  top: -10%; width: 80%; z-index: -1;}
.fullscreen-banner .owl-carousel, .fullscreen-banner .owl-stage-outer, .fullscreen-banner .owl-stage, .fullscreen-banner .owl-item, .fullscreen-banner .item { height: 100%; }

/* ------------------------
    Contact
------------------------*/
.contact-main {/*background: #fff; padding: 30px;*/ border-bottom: 2px solid #f9a305;}
.contact-info li {padding-left: 50px; position: relative;}
.contact-info li i{position: absolute; left: 0; top: 0; line-height: 24px; font-size: 30px; color: #f9a305; text-align: center;}
.contact-info li span{font-size: 16px; color: #23244a; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 8px;}
.contact-info li p{margin-bottom: 0; line-height: 24px;}
.contact-info li a{color: #555;}
.dark-bg .contact-info li a{color: #ffffff;}
.contact-info li a:hover{color: #f9a305;}
.theme-bg .contact-info span, .dark-bg .contact-info span{color: #ffffff}
.theme-bg .contact-info li i{color: #ffffff;}
.theme-bg .contact-info li a{color: #ffffff;}
.theme-bg .contact-info li a:hover{color: #23244a;}
.contact-box {position: absolute; top: 50%; z-index: 99; transform: translateY(-50%); width: 100%;}

.form-group{margin-bottom: 20px; position: relative;}
 label{font-size: 14px; color: #333}
.form-control{height: 50px; border-radius: 0; font-size: 13px; background: none; border: none; border-bottom: 2px solid #f5f5f5; box-shadow: none;}
.grey-bg .form-control{background: #ffffff}
textarea.form-control{height: 150px;}
.form-control:focus{box-shadow: none; border-color: #f9a305;}
select.form-control {/*-moz-appearance: none; -webkit-appearance: none; appearance: none;*/ height: 50px !important;}
iframe{width: 100%; border: none; pointer-events: auto;}
.iframe-h{height: 500px !important;}
.iframe-h-2{height: 900px !important;}
.help-block.with-errors {position: absolute; color: red; right: 0; font-size: 10px; line-height: 14px;}
.form-control::-moz-placeholder{color: #555}
.map iframe {border: 0px; width: 100%; height: 100%; z-index: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}


.contact-btn {cursor: pointer; display: inline-block; position: fixed; right: -39px; top: 40%; z-index: 99; 
transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg);}
.contact-bg { background: #ffffff; color: #f9a305; text-transform: uppercase; position: relative; display: block; padding: 10px; font-weight: 500; z-index: 10; -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1); box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);}
.contact-btn:hover .contact-bg{background: #f9a305; color: #ffffff}
.contact-form {background: #ffffff; height: 100%; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); padding: 80px 30px 30px; width: 450px; position: fixed; right:-600px; top: 0; z-index: 2000;}
.close-btn {background: #f9a305; color: #fff !important; cursor: pointer; font-weight: bold; padding: 7px 15px; position: absolute; right: 20px; top: 10px;}
.header-3 .contact-btn{position: inherit; transform: inherit; top: inherit; right: inherit;}
.header-3 .contact-bg {background: #f9a305; box-shadow: none; color: #fff; padding: 25px 40px;}

/* ------------------------
    About Us
------------------------*/
.about-img{position: relative;}
.about-img::before {border:5px solid rgba(255, 255, 255, 0.2); bottom: 14px; content: ""; left: 14px; position: absolute; right: 14px; top: 14px;}


/* ------------------------
    Video
------------------------*/
.video-btn {display: inline-block;}
.video-btn-pos {left: 50%; position: absolute; top: 50%; margin-top: -22.5px; margin-left: -50px;}
.video-btn .btn-play {background: #f9a305; color: #fff; height: 45px; width: 100px; line-height: 45px; -webkit-border-radius: 50px;
 border-radius: 5px; text-align: center; font-size: 26px; cursor: pointer; display: inline-block;}
.video-btn .btn-play i{line-height: inherit;} 
.theme-bg .video-btn .btn-play, .dark-bg .video-btn .btn-play{background: #ffffff; border-color: #ffffff; color: #f9a305;}
.html5-video {height: 100%; left: 0; opacity: 1; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -2;}
.html5-video video {width: 100%;}


/* ------------------------
    Side Background
------------------------*/
.img-side img{max-width: 100%}
.img-side.img-right {right: 0;}
.img-side.img-left {left: 0;}
.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 9;}
.img-side .owl-carousel, .img-side .owl-stage-outer, .img-side .owl-stage, .img-side .owl-stage, .img-side .owl-item, .img-side .owl-item .item{height: 100%}

/*==Header==*/
/*Logo*/
.logo {left:20px;position:relative;width:200px;}
.logo2{height:40px;width:93px;}

/*Navbar*/
.navbar {width:100%;background-color:#FFF;height:60px;position:fixed;z-index:120;border-bottom: inset 1px #f8f8f8;}
.navbar a{color:#000;}
footer a{color:#FFF;}
footer a:hover{color:#6d9f33;}
footer a:hover span{color:#6d9f33;}
.navbar #menu a>li {display: inline-block;list-style: none;font-size: 13px;text-transform:uppercase;padding: 0 15px 0 15px;line-height:60px;}
.navbar #menu a>li:hover, .el1 #home, .el2 #proj, .el3 #cont{background-color:#6d9f33;color:#FFF;}
#menu {float:right;margin:0;padding-right:20px;}
#menu-icon {display:none;}

/*Hide checkbox*/
#show-menu{display:none;}
#show-menu:checked ~ #menu{display: block;}

/*Social*/
.socialbar{position:fixed;right:50px;top:17px;color:#FFF;border-left: 1px solid #333;padding-left:15px;font-size:22px;}
@media only screen and (max-width: 960px) {
#menu-icon {display:block;float:right;margin-right:30px;cursor: pointer;width:32px;height:32px;}
.micon{width:32px;height:32px;}
#menu{display: none;position: absolute;padding: 0px;top: 60px;background:#FFF;text-align:center;width: 100%;}
.navbar #menu a>li {width: 100%;padding: 0px;line-height:30px;}
.navbar #menu a>li:focus ~ #menu{display:none;}
.socialbar {right: 84px;border-right: 1px solid #333;border-left:none;padding-right: 15px;}
}

/*Base*/

/* ------------------------
    Table of Contents

  1. General
  2. Transition
  3. Transform translate
  4. Box Shadow
  5. Pre Loader
  6. Background Overlay
  7. Scroll to Top
  8. Header
  9. Footer
  10. Page Title
  11. Flat Icon

 
/* ------------------------
    General
------------------------*/
a, a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #6d9f33; text-decoration: none !important; }
a, button, input { outline: medium none !important; color: #6d9f33; }

*::-moz-selection { background: #f9a305; color: #fff; text-shadow: none; }
::-moz-selection { background: #f9a305; color: #fff; text-shadow: none; }
::selection { background: #f9a305; color: #fff; text-shadow: none; }
body { overflow-y: scroll; }


/* ------------------------
    Transition
------------------------*/
a, i, .btn, button, img, span, .navbar-nav .nav-link:before, .dropdown-item, .nav-link.dropdown-toggle::after, .owl-item, .contact-bg, .service-item, .service-description,
.featured-item .featured-icon i, .featured-item, .featured-icon, .featured-item.bottom-icon span, .price-table,
.price-table:hover .price-value, .portfolio-filter button, .portfolio-item:before, .portfolio-item a.popup, .portfolio-hover, .portfolio-icon, .portfolio-title, .post, .post-date, .post .post-desc,
.sidebar-links li a, .footer-list li a:before, .team-member:hover .team-social-icon, .team-description
{-webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
 

/* ------------------------
    Transform translate
------------------------*/

/*--translate-X--*/
.page-breadcrumb, .banner-1::before {transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);}

/*--translate-Y--*/
.transform-y, .footer-contact, .service-flip-desc .service-flip-text, .align-center, .clear-loader, .search-box button, .widget-searchbox .search-btn, .post-meta ul li::before, .ht-progress-bar .progress-parcent, .team-member .team-social-icon, .service-icon, .portfolio-desc, .counter.style-3 i, .accordion .card-header a span{transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}

/*--translate-XY--*/
.clear-loader, .testimonial.style-2 .testimonial-avatar,
.accordion .card-header a span:before{transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);}

/*--translate-X-5--*/
.navbar-nav .dropdown-menu .nav-link:focus, .navbar-nav .dropdown-menu .nav-link:hover{transform: translateX(5px); -webkit-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); -moz-transform: translateX(5px);}


/* ------------------------
    Box Shadow
------------------------*/
.navbar .dropdown-menu, .price-header, .price-header .price-month, .featured-item:hover, .featured-item.active, .testimonial.style-2 .testimonial-content, .testimonial.style-3,
.counter, .blog-details, .contact-main, .service-flip-back, .service-flip-front, .team-desc, .accordion-item, .featured-item.style-3:hover, .price-table:hover, .portfolio-item:hover, .box-shadow, .team-member, .tab.style-2 .nav-tabs, .post
{-webkit-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);}

/* ------------------------
    Background Overlay
------------------------*/
[data-overlay] {position:relative; z-index:0;}
[data-overlay]:before, .slide-overlay:before {position: absolute;  content: '';  background-color: #000000;  width: 100%;  height: 100%;  top: 0;  left: 0; z-index:-1;}
[data-overlay].white-overlay:before{background-color:#fff;}
[data-overlay].theme-overlay:before{background-color:#f9a305;}
[data-overlay="1"]:before{opacity:0.1;}
[data-overlay="2"]:before{opacity:0.2;}
[data-overlay="3"]:before{opacity:0.3;}
[data-overlay="4"]:before{opacity:0.4;}
[data-overlay="5"]:before{opacity:0.5;}
[data-overlay="6"]:before{opacity:0.6;}
[data-overlay="7"]:before{opacity:0.7;}
[data-overlay="8"]:before{opacity:0.8;}
[data-overlay="9"]:before{opacity:0.9;}
[data-overlay="10"]:before{opacity:1;}
[data-overlay="0"]:before{opacity:0;}
.slide-overlay:before{background-color:rgba(0,0,0,0.6);}


/* ------------------------
    Scroll to Top
------------------------*/
.scroll-top {position: fixed; bottom: 30px; right: 30px; z-index: 600; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0);}
.scroll-top a, .scroll-top a:visited {display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; -webkit-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:22px; color: #ffffff; background: #6d9f33;}
.scroll-top a:hover, .scroll-top a:focus {color: #6d9f33; background: #ffffff;}
.scroll-top.scroll-visible {opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}


/* ------------------------
    Header
------------------------*/
.header {position: absolute; top: 0; width: 100%; z-index: 1200;}
.top-bar {padding: 15px 0 10px;}
.topbar-link li a{color: #ffffff}
.topbar-link li a i{margin-right: 5px;}
.topbar-link li a:hover{color: #f9a305}

.search-box {display: inline-block; position: relative;}
.search-box input[type="text"], .search-box input[type="search"] {
  background: rgba(255, 255, 255, 0.1); border-radius: 50px; color: #ffffff; display: block; height: 40px; line-height: 25px; padding: 10px 50px 10px 20px;
  position: relative; width: 250px; border-color: transparent;}
.search-box button {background: none; color: #ffffff; display: block; font-weight: normal; position: absolute;
  right: 10px; top: 50%; padding: 0; border-radius: 50px;}
.search-box button:before, .search-box button:after{display: none;}
.search-box .form-control::-moz-placeholder{color: #ffffff;}

#header-wrap{width: 100%; background: rgba(255,255,255,0.08);}
#header-wrap.fixed-header {position: fixed; top:0; left:0; width: 100%; z-index: 999 !important; background: #121628 !important;}
.logo img {height: 50px;}
#header-wrap.fixed-header .logo img {height: 45px;}

.top-bar .top-social-list li a{color: #ffffff;}

/*--navigation--*/
.navbar{padding: 0;}
.navbar-nav{position: relative;}
.navbar-nav .nav-item.dropdown .dropdown-menu {background: #ffffff; padding: 0; left: 0; border:none; -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; top: 120%; margin-top: 0; }
.nav-item.dropdown .dropdown-menu a {display: block; padding: 10px 20px; border-radius: 5px; white-space: nowrap; position: relative; background: none; color: #23244a; font-size: 14px; font-weight: 400; }
.nav-item.dropdown .dropdown-menu a:hover { background: #f9a305; color: #ffffff; padding-left: 15px; }
.navbar-brand{margin-right: 0; padding: 0;}


@media (min-width:992px) {
  .navbar-nav .dropdown-menu { min-width: 10em; max-width: 15em; }
  .dropdown-menu.w-100,
  .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu{min-width: inherit; max-width: inherit;}
  .navbar-nav .dropdown > .dropdown-menu { opacity: 0; position: absolute; display: block; pointer-events: none; background: #ffffff; }
  .navbar-nav .dropdown:hover > .dropdown-menu { display: block; opacity: 1; pointer-events: auto; visibility: visible; top: 100%; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
  .navbar-nav .dropdown-submenu:hover .dropdown-menu { top: 0; }
  .nav-link.dropdown-toggle::after {font-size: 0.7rem; margin-left: .355em; border: none; content: '\f078'; vertical-align: inherit; width: 10px; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
  .nav-link.dropdown-toggle:hover::after {transform: rotate(-180deg);}
  .navbar-nav .nav-link { line-height: 80px; }
  .navbar-nav .dropdown-submenu .dropdown-toggle::after {border-top: 0.125rem solid #23244a; border-right: 0.125rem solid #23244a; border-bottom: none; border-left: none; width: 0.425rem; height: 0.425rem; position: absolute; right: 20px; margin: 0; vertical-align: middle; top: 50%; transform: translateY(-50%) rotate(45deg); }
  .navbar-nav .dropdown-submenu .dropdown-toggle:hover::after {border-top: 0.125rem solid #ffffff; border-right: 0.125rem solid #ffffff;}
}

.navbar-nav .nav-item{margin: 0 15px;}
.navbar-nav .nav-link{color: #ffffff; font-weight: 500; padding: 0 !important; text-transform: capitalize; flex-direction: column; align-items: flex-start; overflow: hidden; position: relative;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-item .nav-link.active{color: #f9a305;}
.navbar-nav .nav-link:before{content: ""; background: #f9a305; height: 2px; width: 0; position: absolute; left: 0; bottom: 0;}
.navbar-nav .nav-link:hover:before, .navbar-nav .nav-link:focus:before, .navbar-nav .nav-item .nav-link.active:before{width: 100%;}


.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {background: #ffffff; left: 100%; margin: 0; right: auto; top: 0; }
.navbar-nav .dropdown-submenu { display: block; position: relative; }

.header-2 #header-wrap .logo {display: none;}
.header-2 #header-wrap.fixed-header .logo {display: block;}
.header-2 #header-wrap .navbar-nav {margin-right: auto !important;}
.header-2 #header-wrap.fixed-header .navbar-nav {margin-right: inherit !important;}


.header-3 .top-bar{background: #ffffff; padding: 0;}
.header-3 .topbar-link li a{color: #23244a;}
.header-3 .search-box input[type="text"], .header-3 .search-box input[type="search"]{background: #121628}
.header-3 .topbar-link li a i {background: #f9a305; color: #ffffff; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; width: 30px;}

.header.header-4{position: relative;}
.header-4 .top-bar {background: #f9a305;}
.header-4 #header-wrap {background: #121628;}
.header-4 .topbar-link li a:hover{color: #121628}

/* ------------------------
    Footer
------------------------*/
.primary-footer{padding: 50px 0;}
.secondary-footer{padding: 15px 0; background: #191919; color: #ffffff;}
.footer-logo img{height: 50px;}
.primary-footer, .primary-footer a{color: #ffffff;}
.primary-footer h5{color: #ffffff; margin-bottom: 20px; text-transform: uppercase;}

.footer-contact {position: absolute; top: 0; width: 100%;}
.footer-media{border-right: 1px dashed rgba(255,255,255,0.5); height: 100%;}
.footer-media i{background: #121628; color: #ffffff; display: inline-block; width: 70px; height: 70px; line-height: 70px; font-size: 34px; margin-bottom: 20px;}
.footer-media span{color: #ffffff; font-weight: 600; font-size: 16px; display: block; margin-bottom: 10px;}
.footer-media a, .footer-media p{color: #ffffff;}
.footer-media a:hover{color: #23244a;}

footer.dark-bg .social-icons li a{color: rgba(255,255,255,0.6);}
.footer-list li{margin-bottom: 15px; text-transform: capitalize;}
.footer-list li:last-child{margin-bottom: 0;}
.footer-list li a{position: relative; z-index: 99;}
.footer-list li i{margin-right: 5px; font-size: 12px; vertical-align: middle;}
.footer-list li a:before{content: ""; z-index: -1; background: #f9a305; width: 0; height: 5px; position: absolute; right: 0; bottom: 0;}
.footer-list li a:hover{color: #ffffff;}
.footer-list li a:hover:before{width: 50px;}


.footer-2 .media-icon.style-2 li{border-right: none; padding: 30px 20px;}
.footer-2 .media-icon.style-2 li.white-bg span{color: #f9a305}
.footer-2 .media-icon.style-2 li.white-bg a{color: #23244a;}


footer .recent-post li{border-bottom: 1px dashed #3c3c3c; padding-bottom: 15px;}
footer .recent-post li:last-child{border-bottom: none; padding-bottom: 0;}
footer .widget .recent-post-thumb{width: 50px; vertical-align: top;}
footer .widget .recent-post-desc a{color: #ffffff;}
footer .widget .recent-post-desc span{color: #f9a305;}

.working-hours li{border-top: 1px dashed #3c3c3c; float: left; padding: 11px 0 12px; position: relative; text-align: right; width: 100%;}
.working-hours li:first-child, .footer-menu li:first-child {border-top: none;}
.working-hours li span {float: left; position: relative; text-align: left; text-transform: capitalize; width: auto;}

.copyright .footer-list li{border-right: 1px dashed rgba(255,255,255,0.1); display: inline-block; margin-bottom: 0; padding: 0 12px;}
.copyright .footer-list li:last-child{border-right: none; padding-right: 0;}
.copyright .footer-list li a{color: rgba(255,255,255,0.9);}
.copyright .footer-list li a:before{display: none;}
.copyright .footer-list li a:hover{padding: 0; color: #f9a305}


/* ------------------------
    Page Title
------------------------*/
.page-title {display: block; padding: 80px 0 0 0;}
.page-title p{margin-bottom: 0; color: #424242}
.breadcrumb {padding: 15px; background: #ffffff; display: inline-block; border-radius: 0; margin: 0; text-transform: uppercase; color: #23244a; font-weight: 600;}
.breadcrumb-item{display: inline-block;}
.breadcrumb-item a{color: #23244a}
.breadcrumb-item.active, .breadcrumb-item a:hover{color: #f9a305;}
.page-breadcrumb {position: absolute; bottom: 0; left: 50%;}


#newslatter .form-control{border:none; background: #ffffff;}
.form-btn{box-shadow: none; border: none; cursor: pointer; text-transform: uppercase; font-size: 16px; background: #f9a305; color: #ffffff; height: 50px; line-height: 50px; padding: 0 15px;}



/* ------------------------
    Flat Icon
------------------------*/
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}

.flaticon-24-hours:before { content: "\f100"; }
.flaticon-drawing:before { content: "\f101"; }
.flaticon-innovation-1:before { content: "\f102"; }
.flaticon-idea:before { content: "\f103"; }
.flaticon-alarm-clock:before { content: "\f104"; }
.flaticon-broken-link-1:before { content: "\f105"; }
.flaticon-broken-link:before { content: "\f106"; }
.flaticon-search-1:before { content: "\f107"; }
.flaticon-search:before { content: "\f108"; }
.flaticon-magnifier:before { content: "\f109"; }
.flaticon-cancel:before { content: "\f10a"; }
.flaticon-home:before { content: "\f10b"; }
.flaticon-map:before { content: "\f10c"; }
.flaticon-employee:before { content: "\f10d"; }
.flaticon-coffee-cup:before { content: "\f10e"; }
.flaticon-pencil:before { content: "\f10f"; }
.flaticon-project:before { content: "\f110"; }
.flaticon-engine:before { content: "\f111"; }
.flaticon-fuel-station:before { content: "\f112"; }
.flaticon-factory:before { content: "\f113"; }
.flaticon-maintenance:before { content: "\f114"; }
.flaticon-industrial-robot:before { content: "\f115"; }
.flaticon-gear:before { content: "\f116"; }
.flaticon-motor:before { content: "\f117"; }
.flaticon-worker:before { content: "\f118"; }
.flaticon-oil:before { content: "\f119"; }
.flaticon-angle-arrow-down:before { content: "\f11a"; }
.flaticon-paper-plane:before { content: "\f11b"; }
.flaticon-message:before { content: "\f11c"; }
.flaticon-opened-email-envelope:before { content: "\f11d"; }
.flaticon-phone-call:before { content: "\f11e"; }
.flaticon-online-support:before { content: "\f11f"; }
.flaticon-settings:before { content: "\f120"; }
.flaticon-networking:before { content: "\f121"; }
.flaticon-browser:before { content: "\f122"; }
.flaticon-time-management:before { content: "\f123"; }
.flaticon-chat-bubble:before { content: "\f124"; }
.flaticon-trophy:before { content: "\f125"; }
.flaticon-growth:before { content: "\f126"; }
.flaticon-innovation:before { content: "\f127"; }

/*Shortcode*/

/* ------------------------
    Table of Contents

  
  6. Blog - Post
  8. Testimonials
  9. Featured Box
  10. Button
  12. Section Title
  13. Portfolio
  14. Services


/* ------------------------
    Blog - Post
------------------------*/
.post{position:relative; border-radius: 2px; overflow: hidden;}
.post-meta ul li{color: #23244a; font-size: 12px; display: inline-block; margin: 0 15px 0 0; list-style-type: none; position: relative; text-transform: uppercase;}
.post-meta ul li:last-child{margin-right: 0;}
.post-meta ul li:before{content: ""; background: #f9a305; height: 50%; width: 1px; right: -10px; top: 50%; position: absolute;}
.post-meta ul li:last-child:before{display: none;}
.post .post-desc{padding:30px; background: #ffffff; width: 100%; display: inline-block;}
.post .post-desc h5 a{text-transform: capitalize; font-weight: 500; color: #23244a}
.post .post-desc h5 a:hover{color: #f9a305}
.post .post-desc p{margin: 15px 0 0;}
.post-image{overflow: hidden;}
.post-image img{transform: translate3d(-5px, 0px, 0px); width: calc(100% + 10px);}
.post:hover img{transform: translate3d(0px, 0px, 0px);}
.post-image:before {opacity: 0; content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6);
-webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.post:hover .post-image:before{opacity: 1;}
.post-btn{text-transform: uppercase; display: inline-block;}
.post .post-btn:hover{color: #23244a;}
.post-image{position: relative; height: 100%;}
.post-date {background: #f9a305; display: inline-block; color: #fff; padding: 10px 20px;}
.post .post-date {bottom: 0; position: absolute; right: -50%; opacity: 0; z-index: 99;}
.post:hover .post-date{opacity: 1; right: 0;}
.post-bottom{padding:15px 30px; background: #ffffff; width: 100%; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #efefef}

.post.style-2 .post-meta{float: none; margin-bottom: 15px;}
.post.style-2 .post-btn{float: none; margin-top: 20px;}
.post.style-2 .post-date {top: 0; opacity: 1; right: inherit; left: 0; bottom: inherit; top: 0;}
.post.style-2:hover .post-date{right: inherit;}

.post.style-3 .post-image:before{display: none;}
.post.style-3 .post-date{position: inherit; right: inherit; opacity: 1; margin-bottom: 15px;}

.blog-classic {margin-bottom: 50px;}
.video-post {padding-top: 56.9444%; position: relative; width: 100%;}
.video-post iframe, .video-post object, .video-post embed {pointer-events: auto; border: medium none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

blockquote {background: #f6f6f6; padding: 30px; border-left: 5px solid #121628; margin-left: 50px; font-style: italic; line-height: 30px;} 
.media-holder h6{color: #23244a; font-size: 20px; text-transform: capitalize; display: inline-block; vertical-align: middle;}
.reply {position: absolute; right: 30px; top: 30px;}
.reply a{color: #23244a; font-weight: 500; border: 1px solid #efefef; padding:5px;}
.reply a:hover{color: #f9a305; border-color: #f9a305}

.page-item:first-child .page-link{border-radius: 5px;}
.pagination > li{margin: 0 6px;}
.pagination > li > a, .pagination > li > span{border-radius: 5px; color: #f9a305; border-color: #efefef}
.pagination > li.active .page-link, .page-link:hover, .page-link:focus{box-shadow: none; background: #f9a305; color: #ffffff; border-color: #f9a305}

/* ------------------------
    Testimonials
------------------------*/
.testimonial-content{ font-size: 16px; line-height: 30px; font-weight: 400; font-style: italic; position: relative;}
.testimonial .testimonial-avatar img{border:10px solid #f6f6f6; border-radius: 50%;}
.dark-bg .testimonial .testimonial-avatar img,
.theme-bg .testimonial .testimonial-avatar img{border-color: rgba(255, 255, 255, 0.1);}
.testimonial .testimonial-content span {font-size: 40px; line-height: 40px; display: inline-block; color: #f9a305; margin-bottom: 15px;}
.testimonial .testimonial-content label{margin-bottom: 0;}
.testimonial h6{color: #f9a305; text-transform: uppercase; display: inline-block;}
.theme-bg .testimonial .testimonial-content span{color: #ffffff;}
.theme-bg .testimonial h6 {color: #23244a;}
.theme-bg .testimonial .testimonial-content {color: rgba(255,255,255,0.9);}
.dark-bg .testimonial .testimonial-content{ color: #ffffff;}
.dark-bg .testimonial .testimonial-caption label, .theme-bg .testimonial .testimonial-caption label{ color: #ffffff;}

.testimonial.style-2 {margin-top: 50px; position: relative;}
.testimonial.style-2 .testimonial-avatar {left: 50%; margin-top: 0; position: absolute; width: 100px; height: 100px; z-index: 9;}
.testimonial.style-2 .testimonial-avatar img{border-color: #ffffff}
.testimonial.style-2 .testimonial-content {background: #ffffff; display: inline-block; font-size: 16px; font-style: italic; font-weight: 400; line-height: 30px; padding: 30px; position: relative; vertical-align: middle;}
.testimonial.style-3 {padding: 30px; margin-top: 50px;}
.testimonial.style-3 .testimonial-avatar {margin-bottom: 20px; width: 100px; height: 100px; display: inline-block;}
.testimonial.style-3 .testimonial-content span {bottom: 0; color: rgba(0,0,0,0.3); font-size: 90px; font-weight: bold; left: 0; line-height: 40px; margin-bottom: 0; opacity: 0.1; position: absolute;}
.dark-bg .testimonial.style-3 { background: rgba(255,255,255,0.05);}
.dark-bg .testimonial.style-3 .testimonial-content span { color: rgba(255,255,255,0.4);}


/* ------------------------
    Button
------------------------*/
.btn{padding: 12px 30px; font-weight: 500; background: none; color: #23244a; -webkit-transition: color 0.3s; transition: color 0.3s; border-radius: 0; border: 1px solid transparent; position: relative; overflow: hidden; z-index: 9; text-transform: uppercase;}
.dark-bg .btn, .theme-bg .btn{color: #ffffff;}
.btn.focus, .btn:focus{box-shadow: none;}
.btn::before,
.btn::after {content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -9;
-webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn::before {background: rgba(0,0,0,0.2);}
.btn::after {background: #f9a305;}
.btn:hover {color: #fff;}
.btn:hover::before,
.btn:hover::after {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.btn:hover::after {-webkit-transition-delay: 0.175s; transition-delay: 0.175s;}
.btn.btn-theme{background: #f9a305; color: #ffffff;}
.btn.btn-theme:hover{border-color: #f9a305;}
.btn.btn-theme:hover:after{background: #121628;}
.btn.btn-border{border:1px solid #f9a305;}
.btn.btn-radius{border-radius: 5px;}
.btn.btn-circle{border-radius: 30px;}
.btn.btn-white{background: #ffffff; color: #23244a}
.btn.btn-white:after{background: #ffffff;}
.btn.btn-white.btn-border{border-color: #ffffff; background: none; color: #ffffff;}
.btn.btn-white:hover{color: #f9a305;}
.btn.btn-white.btn-border:hover{color: #f9a305;}
.btn + .btn{margin-left: 10px;}
.btn-simple{color: #23244a; padding: 0 !important; background: none;}
.dark-bg .btn-simple, .theme-bg .btn-simple{color: #ffffff;}
.btn-simple:hover{color: #f9a305;}
.btn-simple:before, .btn-simple:after{display: none;}
.theme-bg .btn-simple:hover{color: #23244a;}


/* ------------------------
    Section Title
------------------------*/
.title {padding-bottom: 15px; margin-bottom: 20px; position: relative; color: #23244a;}
.dark-bg h2{color: #ffffff}
.title span{position: relative; color: #f9a305}
.section-title h6{color: #f9a305; text-transform: uppercase; font-weight: bold;}
.title:before, .title:after{content: ""; background: #dddddd; width: 30px; left: 0; height: 3px; position: absolute; bottom: 0;}
.title:after{background: #f9a305;left: 30px;}
.text-center .title:before, .text-center .title:after{left: 50%; margin-left: -30px;}
.text-center .title:after{margin-left: 0;}
.text-end .title:before, .text-end .title:after{left: inherit; right: 30px;}
.text-end .title:after{ right: 0;}
.theme-bg .title span{color: #ffffff}
.theme-bg .title:after{background: #121628;}

/* ------------------------
    Portfolio
------------------------*/
.portfolio-filter {overflow: hidden; display: inline-block; margin:0 auto 50px; text-align: center;}
.portfolio-filter button {position: relative; cursor: pointer; padding: 8px 10px; border:none; border-bottom: 2px solid transparent; font-size: 16px; font-weight: 500; background: transparent; color: #23244a; float: left; text-transform: uppercase;}
.portfolio-filter button:focus {outline: none; outline-style: none; outline-offset:0; }
.portfolio-filter button.is-checked, .portfolio-filter button:hover {color: #f9a305; border-color: #f9a305}
.portfolio-filter button + button {margin-left: 20px;} 
.isotope .grid-item img {width: 100%;}
.theme-bg .portfolio-filter button{color: #ffffff;}
.theme-bg .portfolio-filter button.is-checked, .theme-bg .portfolio-filter button:hover{background: #ffffff; color: #f9a305;}

.grid .grid-item{padding: 10px;}
.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick { width: 50%;}
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick{ width: 33.333333%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick { width: 25%;}
.masonry .masonry-brick {float: left; margin-bottom: 30px; padding: 0 15px; position: relative;}
.grid.g-0 .grid-item{padding: 0;}
.masonry.g-0 .masonry-brick{padding: 0; margin: 0;}

.portfolio-item {overflow: hidden; position: relative;}
.portfolio-item img{transform: translate3d(-5px, 0px, 0px); width: calc(100% + 10px);}
.portfolio-item:hover img{transform: translate3d(0px, 0px, 0px);}
.portfolio-item{position: relative;}
.portfolio-item .portfolio-hover {top: 50%; opacity: 0; height: 100%; left: 0; position: absolute; right: 0; transform: translateY(-50%); z-index: 99;}
.portfolio-item:before{background: rgba(0,0,0,0.5); content: ""; transform: translateX(-110%); position: absolute; left: 0; right: 0; bottom: 0; height: 90%; width: 90%; margin: 5%; z-index: 9;}
.portfolio-item:hover .portfolio-hover{top: 50%; transform: translateY(-50%); opacity: 1}
.portfolio-item:hover:before{transform: translateX(0);}
.portfolio-hover span {color: #f9a305;}
.portfolio-hover h4 {color: #ffffff; margin-bottom: 0;}
.portfolio-item a.popup{z-index: 9; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #f9a305; display: inline-block; margin: 0 5px; color: #ffffff; font-size: 20px;}
.portfolio-item a.popup:hover{background: #ffffff; color: #151515;}
.portfolio-icon{position: absolute; bottom: -15%; left: 10%; z-index: 99;}
.portfolio-item:hover .portfolio-icon{bottom: 15%;}
.portfolio-title{position: absolute; top: -15%; left: 10%; z-index: 99;}
.portfolio-item:hover .portfolio-title{top: 15%;}
.portfolio-meta li{position: relative; padding-left: 50px; color: #ffffff;}
.portfolio-meta li i{position: absolute; left: 0; top: 0; color: #ffffff; font-size: 30px;}
.portfolio-meta li span{color: #f9a305; display: block; text-transform: uppercase; margin-bottom: 7px;}
.portfolio-details .social-icons ul{display: inline-block; vertical-align: middle;}


/* ------------------------
    Services
------------------------*/
.service-description{padding: 20px;}
.theme-bg .service-description, .dark-bg .service-description{background: rgba(255,255,255,0.03);}
.service-description h2{color: #23244a; text-transform: capitalize; font-size: 20px; font-weight: 500}
.service-item:hover .service-description h4, .service-item:hover .service-description p, .service-item:hover .service-description a{color: #ffffff}
.service-item .service-description a:hover{color: #23244a}
.grey-bg .service-description{background: #ffffff;}
.dark-bg .service-description h4{color: #f9a305;}
.dark-bg .service-description p, .theme-bg .service-description p{color: #ffffff;}
.dark-bg .service-item:hover .service-description h4{color: #f9a305}
.dark-bg .service-description a{color: #f9a305}
.dark-bg .service-description a:hover i{color: #f9a305; padding-left: 5px;}
.service-item:hover .service-description{background: #6d9f33}
.dark-bg .service-item:hover .service-description, .theme-bg .service-item:hover .service-description{background: #ffffff}
.dark-bg .service-item:hover .service-description a, .theme-bg .service-item:hover .service-description h4, .theme-bg .service-item:hover .service-description a, .theme-bg .service-item .service-description a,
.dark-bg .service-item:hover p, .theme-bg .service-item:hover p{color: #23244a}
.service-icon{position: absolute; top: 50%; width: 100%; padding: 15px; left: 0; z-index: 99;}
.service-icon i{z-index: 9; width: 60px; height: 60px; line-height: 60px; background: #f9a305; display: inline-block;
 margin: 0 5px; color: #ffffff; font-size: 30px; border-radius: 50%; opacity: 0; -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg);
-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;}
.service-icon i:hover{color: rgba(255,255,255,0.8);}
.service-item:hover .service-icon i{opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg);}
.service-images {overflow: hidden; position: relative;}
.service-images img{transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05);}
.service-images:before {opacity: 0; content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6);
-webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/*flip box*/ 
.service-box {position: relative; perspective: 1000px; height: 280px;}
.service-flip-images::after {background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(39, 40, 44, 0) 0px, #27282c 100%);
bottom: 0; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; width: 100%;}
.service-flip-back, .service-flip-front, .service-flip-images::after {border-radius: 2px;}
.service-flip-images {background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.service-flip-desc {background: #f9a305; color: #fff; position: relative; text-align: center;}
.service-flip {width: 100%; height: 100%; transform-style: preserve-3d; transition: all 1.0s linear;}
.service-box:hover .service-flip{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.service-flip-back, .service-flip-front{position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}
.service-flip-back {display: block; z-index: 1000; box-sizing: border-box; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.service-flip-title {display: block; position: absolute; top: 40px; left: 30px; right: 30px; z-index: 1;}
.service-flip-title h5{color: #ffffff}
.service-flip-desc .service-flip-text {left: 30px; position: absolute; right: 30px; top: 50%; z-index: 2;}

.flip-icon {background: #fff; bottom: 0; height: 60px; line-height: 60px; position: absolute; right: 0; text-align: center; width: 60px; z-index: 9;}
.flip-icon i{font-weight: bold; color: #f9a305; font-size: 42px;}
.service-flip-desc .service-flip-text > i{font-size: 42px; line-height: 42px; display: inline-block; margin-bottom: 15px; font-weight: bold;}

.sidebar-links li{margin-bottom: 2px;}
.sidebar-links li:last-child{margin-bottom: 0;}
.sidebar-links li a {background-color: #f8f8f8; color: #23244a; display: block; font-size: 15px; padding: 15px 20px; font-weight: 500; position: relative; text-transform: uppercase; border-left: 3px solid #f9a305;}
.sidebar-links li.active a, .sidebar-links li a:hover {background: #f9a305; color: #ffffff; padding-left: 25px; border-left: 3px solid #121628;}
.sidebar-links li a i {margin-right: 5px; vertical-align: middle;}
.brochure {background: #f9a305; border: 1px solid #efefef; color: #ffffff; display: block; font-size: 18px; font-weight: 400; padding: 10px 20px 10px 80px; position: relative;}
.brochure:hover{color: #ffffff;}
.brochure i {background: #ffffff; border-right: 1px solid #f2f2f2; color: #f9a305; font-size: 28px; font-weight: 400; height: 100%; left: 0; line-height: 68px; position: absolute; text-align: center; top: 0; width: 60px;}
.brochure span {color: #23244a; font-size: 14px; display: block; font-weight: 400;}

/*Responsive*/

@media (max-width: 1200px){
h1{font-size: 60px; line-height: 70px;}

/*Feature Box*/
.featured-item {padding: 30px 20px;}
.featured-item.bottom-icon p {line-height: 24px;}

/*Counter*/
.counter.style-3 {padding: 30px 10px 30px 70px;}
.counter.style-3 label {font-size: 13px;}


/*Blog*/
.post .post-desc {padding: 20px;}
.post-bottom {padding: 15px 20px;}

/*Team*/
.team-member .team-description {padding: 15px;}

/*Sidebar*/
.sidebar-links li a {font-size: 14px; padding: 15px 10px;}
.sidebar-links li.active a, .sidebar-links li a:hover {padding-left: 15px;}

/*Portfolio*/
.portfolio-filter button {font-size: 14px; padding: 10px 25px;}


/*Social Icons*/
.social-icons li {margin: 0 4px 0 0;}
.social-icons li a {height: 35px; line-height: 35px; width: 35px;}

}


@media (max-width: 992px){
h1, h1 { font-size: 34px; line-height: 44px; }
h2, h2 { font-size: 34px; line-height: 44px; }
.lead { font-size: 14px; line-height: 26px; }


/*Header*/
#header-wrap{padding: 15px 0;}
.navbar-toggler {background: #ffffff; border-radius: 0; -webkit-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); -moz-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15);}
.navbar-toggler-icon {height: inherit; width: inherit;}
.navbar-toggler-icon::before {color: #f9a305; content: ""; font-family: "themify"; font-size: 21px; font-style: normal; font-weight: normal; text-decoration: inherit;}
.navbar-nav .nav-item{margin: 0;}
.navbar-nav .nav-link{padding: 10px !important; color: #23244a;}
.navbar-nav .nav-link::before{display: none;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active,
#header-wrap.fixed-header .navbar-nav .nav-link:hover, #header-wrap.fixed-header .navbar-nav .nav-link.active{background: #f9a305; color: #ffffff !important;}
.navbar-collapse {background:#ffffff; max-height: 400px; overflow: auto; border: medium none; left: 0; padding: 0; position: absolute; top: 50px; width: 100%; -webkit-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);}
.navbar-nav .dropdown-toggle::after {content: '+'; background: none !important; position: absolute; border: none; top: 50%; right: 15px; margin: -0.8em 0 0 0; padding: 0; font-size: 1.25rem; text-align: center; }
.navbar-nav .dropdown.show > .dropdown-toggle::after { content: '-'; }
.navbar-nav .dropdown-submenu .dropdown-toggle::after { right: 20px; width: auto; height: auto; margin-right: 0; }
.header-2 #header-wrap .logo { display: block; }

.topbar-link ul li:last-child{margin-top: 10px;}

/*Side Image*/
.side-image{display: none;}
.img-side.img-right {left: auto; position: relative !important; right: 0;}
.img-side.img-left {left: 0; position: relative !important; right: auto;}

/*Counter*/
.counter.style-3 {padding: 30px 20px 30px 80px;}

/*Featured*/
.feuture-bottom .row:nth-child(2) [class*='col-']:nth-child(2n+2) .featured-item.bottom-icon{border-right: 1px solid #f9f9f9;}
.feuture-bottom .row:nth-child(2) [class*='col-']:nth-child(-n+2) .featured-item.bottom-icon{border-bottom: none;}
.feuture-main [class*='col-']:nth-child(2n+2) .featured-item::before{border-right: none;}
.feuture-main [class*='col-']:nth-child(3) .featured-item::before{border-right: 1px dashed #dddddd;}
.feuture-main [class*='col-']:nth-child(4) .featured-item::after{border-bottom: 1px dashed #dddddd;}


/*Masonry*/
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {width: 50%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {width: 33.333333%;}


.contact-3 .iframe-h-2{height: 300px !important;}
.contact-3 .contact-box {position: inherit; top: inherit; transform: inherit;}

}

@media (max-width: 767px){
h1, h1 { font-size: 32px; line-height: 42px; }
h2, h2 { font-size: 32px; line-height: 42px; }
.section-title p {font-size: 16px;}

/*Banner*/
.fullscreen-banner{min-height: 600px;}
.fullscreen-banner .align-center{padding-top: 0 !important;}

/*Featured*/
.feuture-main .featured-item::before{display: none;}
.feuture-main [class*="col-"]:nth-child(5) .featured-item::after{border-bottom: 1px dashed #dddddd;}
.feuture-bottom .featured-item.bottom-icon{border-right: none;}
.feuture-bottom .row:nth-child(2) [class*='col-']:last-child .featured-item.bottom-icon{border-top: none;}


/*Counter*/
.counter {margin: 15px 0 !important;}
.counter.style-2 {margin-bottom: 40px !important;}

/*Portfolio*/
.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick {width: 100%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {width: 50%;}
.portfolio-filter button {font-size: 13px; padding: 5px 7px;}
.portfolio-filter button + button {margin-left: 10px;}

/*Countdown*/
.countdown{display: table;}
.countdown > li{display: table-cell; vertical-align: middle; width: auto;}
.countdown > li span {font-size: 60px; line-height: 50px;}

.iframe-h{height: 300px !important;}
.html5-video video {width: auto;}

/*Footer*/
.footer {padding-top: 6rem; margin-top: 0;}
.footer-contact{position: inherit; transform: inherit;}
.footer-media { border-right: none; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); height: 100%; }

}

@media (max-width: 576px){
h1, h1 { font-size: 30px; line-height: 40px; }
h2, h2 { font-size: 30px; line-height: 40px; }
h3, .h3 { font-size: 26px; line-height: 36px; }
h4, .h4 { font-size: 22px; line-height: 32px; }


/*Banner*/
.fullscreen-banner p br{display: none;}
.page-title {padding-top: 80px;}
.page-breadcrumb {min-width: 260px;}
.breadcrumb {padding: 10px; font-size: 13px; line-height: 26px;}
.banner h5{font-size: 18px; letter-spacing: 10px;}

/*Button*/
.btn {padding: 10px 20px; font-size: 13px;}
.btn + .btn {margin-left: 5px;}

/*Masonry*/
.portfolio-filter button{width: 100%; margin-bottom: 5px; font-size: 14px; padding: 10px 7px;}
.portfolio-filter button + button {margin-left: 0;}
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {width: 100%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {width: 100%;}

/*Tab*/
.tab .nav-tabs .nav-link {padding: 10px 20px; width: 100%;}

/*Blog*/
blockquote {line-height: 25px; margin-left: 10px; padding: 20px;}
.comment-date {display: block; margin-left: 0; margin-top: 8px;}
.reply {margin-top: 20px; position: inherit; right: inherit; top: inherit;}

/*Countdown*/
.countdown > li{padding: 0 10px;}
.countdown > li span{font-size:30px; line-height: 30px;}
.countdown > li p{font-size:13px; line-height: 24px;}

/*Testimonial*/
.testimonial-content {font-size: 15px; line-height: 25px}

.owl-carousel .owl-dots .owl-dot span{margin: 0 4px}
.contact-form{width: 100%; padding: 60px 20px 20px;}
.contact-form h2 {margin-bottom: 15px !important;}
.contact-form .form-group{margin-bottom: 10px;}

}