body{margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; 
background-image: url("../images/bg.gif"); background-repeat: repeat;
}

.container{max-width:1051px;}

header{width: 100%; float: left; padding: 15px 0px; background: #efae0b;}

.logo-dv img{width: 100%; float: left;}

.header-info {
justify-content: flex-end; display: flex; height: 100%; align-items: center;}

.header-info ul{margin: 0px; padding: 0px; list-style: none;
}

.header-info ul li{margin: 0px; padding: 0px; display: inline-block;
color: #fff; }

.nav-dv{margin: 0px; padding: 0px;
background-image: linear-gradient(to bottom, #4c4c4c 50%, #454545 50%100% );
}

.slider-section{margin: 20px 0px 30px;}

.home-slider{
    border: 7px solid #fff; box-shadow: 0px 0px 6px #302f2f;
}

.owl-nav{width: 100%; position: absolute; left: 0px; top: 50%;}

.owl-carousel:hover .owl-nav{display: block ;}

.main-home{margin: 10px 0px 50px;}

.home-intro h3{margin: 30px 0px 0px; padding: 0px; font-size: 17px;
    color: #ED0404;font-weight: bold;  text-transform: capitalize; }

.home-intro h3:first-child{margin-top: 0px;}

.home-intro p{font-size: 14px; color: #333333; margin: 20px 0px 0px;
line-height: 25px;}

footer{width: 100%; float: left; margin: 0px; padding:15px 0px;
    background-color: rgb(34, 46, 60);}

.footer-left h4{margin: 0px; padding: 0px; font-size: 14px; color: #fff;
font-weight: bold;}

.footer-left p{margin:10px 0px 0px; padding: 0px; font-size: 13px; color: #fff;
font-weight: 400;}

.footer-right p{margin:0px 0px 0px; padding: 0px; font-size: 13px; color: #fff;
font-weight: 400; text-align: right; line-height: 25px;}

.home-intro{padding-right: 30px;}

.home-vision-main{box-shadow:0px 0px 6px #908c8c; padding:30px 20px 20px;
background: #fff; border-radius: 5px; margin-top: 25px;  margin-bottom: 25px;}

.home-vision-main p{margin:0px 0px 0px; padding: 0px; font-size: 13px;
}

.home-headings{width: 200px; margin-top: -48px; background: #333333;
float: left; height:35px; margin-left: -40px; position: relative;
padding-left: 20px;}

.home-headings:after{
    width: 0;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -16px;
    border-top: 18px solid transparent;
    border-left: 17px solid #333;
    border-bottom: 18px solid transparent;
    top: 0px;
}


.home-headings:before {
    width: 0;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #333333;
    bottom: -10px; left: 0px;
}

.home-headings h3{margin: 0px; padding: 0px; color: #fff; font-size: 20px;
line-height: 35px; text-transform: uppercase; display: inline-block;}

.home-headings i{background: #0b83d6; width: 20px; height: 20px; margin-right:5px;
color: #fff; display: inline-block; line-height: 20px; text-align: center;}

.about{padding-right: 0px;}

#owl-carousel1{margin-top: 30px;}

.test-boxes {
    border: 1px solid #e4e8eb; 
    padding:40px 20px; background: #fff;
}

.quote-icons{position: absolute; right: 15px; top:16px;}


.quote-icons i {
    color: #e0e7ff; float: right;
    font-size: 50px;
}

.test-dtls p {
    margin: 25px 0px; font-size: 14px; color:#333333; line-height: 24px;
}  

.test-dtls h5 {
    margin: 0px;
    color: #000565;
    text-transform: uppercase;
    font-size: 15px;
}

.test-dtls h5 span {
    font-size: 12px;
    color: #746f6f;
    text-transform: capitalize;
    font-weight: 400;
}

#owl-carousel1 .owl-dots{bottom: -50px;}

.testimonial{padding-bottom: 40px;}

.clients-logo {
    box-shadow: 0px 0px 6px #908c8c;
    background: #fff;
    padding: 25px;
    margin-top: 30px;
    height: 140px;
    display: flex;
    align-items: center;
}

.clients-logo img{width: 100%;}

.position-list{ box-shadow: 0px 0px 6px #908c8c; background: #fff;
padding:20px 25px; margin-top: 30px;}

.position-list p{margin: 0px; padding: 0px; font-size: 17px; color: #333333;
font-weight: bold}

.position-list p i{color: #efae0b; margin-right: 5px;}

.accordion-item{margin-top: 30px; width: 100%; float: left;}

.accordion-button{outline: none !important; font-weight: 600;
 border: none !important; box-shadow: none !important;}

.accordion-button:not(.collapsed){ color: #ffffff; background-color: #efae0b;
outline: none !important; border: none; box-shadow: none;}

.accordion-body ul{margin: 0px; padding: 0px; list-style: none;}

.accordion-body ul li{margin: 0px 0px 17px; padding: 0px 0px 0px 30px; display: block;
position: relative; font-size: 14px; font-weight: 400; color: #333;}

.accordion-body ul li:before{
    content: ""; margin: 0px; padding: 0px;  width:7px;
    height: 7px;  border-radius: 50%; display: inline-block;
    background: #efae0b;  position: absolute;  left: 0;   top: 7px;
}

.services ul{margin:20px 0px 0px; padding: 0px; list-style: none;}

.services ul li{margin: 0px 0px 10px; padding: 0px 0px 0px 20px; display: block;
position: relative; font-size: 14px;  color: #333;}

.services ul li:before{
    content: ""; margin: 0px; padding: 0px;  width: 7px;
    height:7px;  border-radius: 50%; display: inline-block;
    background: #efae0b;  position: absolute;  left: 0;   top:7px;
}

/**css-end**/

/**menu-css-start**/

div#overlay { display: none}

a#toggle {position: relative; text-align: center; color:#fff; display: none;
float: right; outline: none; margin-right: 10px; z-index: 99;}

a#toggle i { font-size: 30px}

a#toggle i { position: relative;}

.open-menu a#toggle i {color: #fff}

main#content {padding: 10px;}

#menu{
    text-align: left; transition: all ease-out .3s;
 text-align: center; }

#menu a { color: #000; text-decoration: none}

#menu ul {margin:0px  auto; padding: 0;text-align: center;
display: inline-flex;}

#menu ul li {display: inline-block;position: relative; float: left;}

#menu ul li>a {
    display: inline-block; /**padding: 4px 7px;  font-size: 14px;**/
    margin: 0px; color: #fff; position: relative; font-weight: 600;
    transition: all linear 0.5s; margin: 0px 0px 0px 0px;
    padding:9px 24px;  font-size: 15px; text-transform:uppercase;
border-right: 2px solid #828282;}

#menu ul li:last-child a{border-right: none;}

#menu ul li>a:hover{background: #000;}

#menu ul li>a>i { margin-left: 10px; transition: all ease-out .3s;  
    -webkit-transition: all ease-out .1s}

#menu ul li ul {
    display: none; position: absolute; top: 31px; width: 180px;  background:#fff; 
    text-align: left;  z-index: 3;}

#menu ul li ul li a { border: none; color: #000;}

#menu ul li ul li:hover>a {color: #fff}

#menu ul li ul li a:hover {
    color: #fff !important; border-bottom: none;
}

#menu ul li ul li a:after{display: none;}

#menu ul li ul li {display: block}

#menu ul li ul li a {
    display: block;  text-transform: capitalize;  color: #fff;
    font-size: 13px;  padding:8px 15px;  font-weight: 400;  margin: 0
}

#menu ul li ul li:hover>a { color: #fff}

#menu ul li ul li:before { border-left: none}

#menu ul li:hover>a>i { transform: rotateZ(90deg)}

#menu ul li:hover ul { display: block}

/**menu-media**/

@media screen and (max-width:767px) {
 a#toggle { display: block  }

a#toggle { margin-top: 15px;}

a#toggle:hover {  text-decoration: none  }

#menu .fa-plus { display: block }

main#content {  margin-top: 65px; transition: all ease-out .3s }

#menu { position: fixed; width: 250px; height: 100%; top: 0;
        right: 0; overflow: hidden; overflow-y: hidden; z-index: 9;
        overflow-y: auto; background-color:#dca10d; transform: translateX(750px)}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  top: 50px; display: block;
  position: absolute;
}

#menu ul li ul { padding-top: 0  }

#menu ul li { display: block; float: none;}

#menu ul li a {
  display: block; outline: none; color: #fff; padding: 16px 0!important; margin: 0;
  font-size: 13px;
}

#menu ul li a>i {  float: right }

#menu ul li ul { display: none; position: static; padding: 0; width: 100%}

#menu ul li:hover>ul {  display: none  }

#menu ul li:hover>a>i { transform: rotateZ(0) }

.open a i::before { content: "\f107"; }

#menu ul li.open>ul { display: block }

div#overlay { display: block; visibility: hidden; position: fixed;
 right: 0; top: 0;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, .8);
  z-index: 1; opacity: 0 }

html.open-menu { overflow: hidden  }

html.open-menu div#overlay { visibility: visible;  opacity: 1; width: calc(-150%);
left: 250px }

html.open-menu nav#menu {  z-index: 22; transform: translateX(0)  }

#menu ul li>a { border-right: none }

#menu ul li ul a { font-weight: 400; padding: 8px 0!important }

#menu ul li ul li {  border-bottom: none }

#menu ul li ul { background: 0 0 }

.open-menu .fa-bars:before {  content: "\f00d"  }

#menu li:last-child { border-bottom: none }

#menu ul li::before { display: none }

#menu ul li a.active {  border-bottom: none }

#menu ul li > a{border: none}

#menu  .active{color: #fff;}

#menu a.active::after{content: none !important; border: none;}
#menu a:hover{border: none;}

#menu ul li a:hover{border-bottom: none;}

#menu ul li > a:hover{background: none;}

#menu ul li>a.active{color:#0e1e36;}

#menu ul li>a:hover{color: #0e1e36;}

}

/**menu-css-end**/