/* 

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

 <link href="css/custom.css" rel="stylesheet">
    h => Home, mc => MainContent 
*/
div,span,a,p,h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat',serif;}

.link-btn {font-family: 'Open Sans',sans-serif;z-index: 4 ;display: inline-block;vertical-align: middle;margin: 0 0 1rem 0;padding: 1em 2.3em 1em 2.3em;border: 1px solid transparent ;border-radius: 30px;font-size: 1.313rem;line-height: 1;text-align: center;cursor: pointer;transition: background-color 0.25s ease-out, color 0.25s ease-out;background-color: #d6b844 ;color: #fff!important;font-weight: 700;}
.link-btn:hover,.link-btn:active,.link-btn:focus {background-color: #b59b37;border-color: #b59b37;}
.owl-dots { display:none !important; }
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active {background-color: #b7a55f;border-color: #b7a55f;color: #fff;}
.breadcrumb li a { color: #b7a55f;font-weight: 600; }
.text-box.hover-effect { padding: 30px 20px 30px; }
 html.home .text-box { border: 1px solid #ffffff; }
 .accordion .ac-item .ac-title:before { content: "\f0d7"; }
/* Html */
 
  /* Body */

   /* Header */

@media (min-width: 991px) {   

   #topbar {border-bottom: initial;padding-bottom: 10px;}
   #header { z-index: 200 ; }
   #header #header-wrap #logo a > img { height:initial; }
   #header #header-wrap #logo { height:initial;position:absolute;margin-top: -30px; }
   #header #header-wrap #logo > a > img { max-width:480px; }
   #header #header-wrap { border-bottom: 8px solid #b7a55f; }
   #header {height: 56px;line-height: 56px;}   
   #header.header-sticky.sticky-active #header-wrap { padding-top: 12px; }

}
    /* MainMenu */

@media (min-width: 991px) {
    
    #mainMenu nav > ul > li > a { color:#ffffff; }
    #mainMenu > div.container { padding-right: 40px; }
    #mainMenu > div > nav { background-color: #b7a55f;position: relative; } 
    #mainMenu > div > nav:before { border-right: 51px solid #b7a55f;border-top: 56px solid transparent;content: "";height: 56px;left: -51px;position: absolute;top: 0;width: 50px; } 
    #mainMenu > div > nav:after { border-left: 51px solid #b7a55f;border-top: 56px solid transparent;content: "";height: 56px;right: -51px;position: absolute;top: 0;width: 50px; } 
    #mainMenu nav > ul > li { margin-left:20px; }
    
}

    #mainMenu nav > ul > li .dropdown-menu { min-width: initial ; }
    
    /* EndHeader */
   
   /* MainContent */

   .background-overlay-dark:before { background: rgba(0, 0, 0, 0.34); }
   
    #page-content { overflow: visible; } 
@media (min-width: 991px) {

    #page-content > div.hp-mc-threecontainers > div { margin-top: -12% ;}
    #page-content > div.hp-mc-threecontainers > div { position:absolute }

}   
@media (max-width: 991px) {
    
    #page-content > div.hp-mc-threecontainers { background-color: #ddc668; width:100% !important; }  

}

    
    .text-box.hover-effect i { margin: 30px 0 20px; }
    .text-box.hover-effect:hover i { margin: 10px 0 20px; }
    /* hp-mc-threecontainers-sec-bg => HomePage-MainContent-ThreeContainers-section-background  */
    /* hp-mc-threecontainers => HomePage-MainContent-ThreeContainers */
    #page-content > div.hp-mc-threecontainers > div.row { background-image: url(../images/index-benefitsshaded.jpg);background-size:cover; }
    #page-content > div.hp-mc-threecontainers > div:before { position: absolute;content: "";background-color: rgba(36,36,40,0.9);width: 100%;height: 100%;top: 0;bottom: 0;right: 0;left: 0; }
    #page-content > div.hp-mc-threecontainers > div div { margin-top: 10px; }
    #page-content > div.hp-mc-threecontainers > div div .testimonial-item { background-color: transparent ; padding: 20px ; }
    #page-content > div.h-pc-threecontainers-sec-bg { background: url(../images/global-dotted.jpg); }
    img.service-icon { max-height: 120px;max-width: 107px;display: block;margin-left: auto;margin-right: auto;top: -7em;z-index: -1;position: relative; }
    .team-members .team-member { padding:10px; }
    .team-members .team-member { transition: box-shadow 0.2s ease-in;-webkit-transition: box-shadow 0.2s ease-in;-moz-transition: box-shadow 0.2s ease-in;-ms-transition: box-shadow 0.2s ease-in; }
    .team-members .team-member:hover { cursor: pointer;z-index: 1000;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important; }
    .content-contact { background-image:url(../images/banner-contact.jpg);position: relative;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;padding:60px 0;overflow: visible;} 
@media (min-width: 1200px) {
    .content-contact .container { width: 1000px ; }
}
    .content-contact form { background-color: #d4bb59;position: absolute;padding: 26px 34px; }
@media (min-width: 991px) {
    .content-contact form { margin-top: -82px;padding-bottom: 0; }
}
@media (max-width: 991px) {
    .content-contact form { position: relative; }
}
@media (max-width: 768px) {
    .content-contact form { margin-top: initial;position: relative; }
}
    
    /* EndBody */

/* EndHtml */

/* our-company-page */

html.our-company-page div.our-companypage-breadcrumb > div.row {margin-top: -5%;}
html.our-company-page div.our-companypage-breadcrumb > div.row div:first-child {background-color: #ffffff;}
@media (min-width: 991px) {
html.our-company-page div.our-companypage-breadcrumb > div.row div:first-child:after { border-left: 42px solid #ffffff;border-top: 58px solid transparent;content: "";height: 60px;right: -50px;position: absolute;top: 0;width: 50px; }
}
html.our-company-page .our-company-page-about-us > div > ul > li {font-size:20px;border-bottom:1px solid lightgray;margin-left:0;}
html.our-company-page .our-company-page-about-us > div > ul > li > a {font-family:'open sans';}
html.our-company-page .our-company-page-company-profile > h3 { font-family:'open sans';color:#b7a55f; }
html.our-company-page .our-company-page-our-commitment > ul > li { font-size:16px;border-bottom:1px solid lightgray;margin-left:0;font-family:'open sans'; }
html.our-company-page .our-company-page-our-commitment > ul > li { font-size:16px;border-bottom:1px solid lightgray;margin-left:0;font-family:'open sans'; }
html.our-company-page .our-company-page-our-commitment > ul > li i,html.our-company-page .our-company-page-our-commitment > h3 { color:#b7a55f  }
html.our-company-page #page-content section.our-company-page-section-bg { background-image:url(../images/back-points.jpg); }
html.our-company-page #page-content section.our-company-page-section-bg:after { position: absolute;content: "";background-color: rgba(26,29,86,0.85);width: 100%;height: 100%;display: block;top: 0;left: 0;right: 0;bottom: 0;z-index: -1; }
/* End our-company-page */
/* our-team */

html.our-team .parallax-container { background-position: 64% !important; }

/* End our-team */
/* ports-we-serve */

html.ports-we-serve .parallax-container { background-position: 16% 0 !important; }

/* End ports-we-serve */