/* Navigation css start */
nav {display: block; float:right;}
.menu { display: block; }
.menu li {display: inline-block; position: relative; z-index: 100;}
.menu li:first-child { margin-left: 0; }
.menu li a {font-weight: 600; text-decoration: none; padding: 20px 15px; display: block; color: #fff; transition: all 0.2s ease-in-out 0s;}
.menu li a:hover,
.menu li:hover>a {color: #0089bf; background: #fff;}
.menu ul {visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 290px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0, 20px); transition: all 0.2s ease-out;
}
.menu ul:after {bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff; border-width: 6px; margin-left: -6px;}
.menu ul li {display: block; float: none; background: none; margin: 0; padding: 0;}
.menu ul li a {font-size: 13px; font-weight: normal; display: block; color: #797979; background: #fff; padding: 7px !important;}
.menu ul li a:hover,
.menu ul li:hover>a { background: #c04009; color: #fff;}
.menu li:hover>ul {visibility: visible; opacity: 1; transform: translate(0, 0);}
.menu ul ul {left: 294px; line-height: 20px; width: 250px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out;}
.menu ul ul:after {left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0);
border-right-color: #fff; border-width: 6px; margin-top: -6px;}
.menu li>ul ul:hover {visibility: visible; opacity: 1; transform: translate(0, 0);}
.responsive-menu {display: none; width: 30%; padding: 20px 15px; background:rgba(0,0,0,0.5); color: #fff; text-transform: uppercase; font-weight: 600; text-align:center; font-size:24px;}
.responsive-menu:hover {background:rgba(0,0,0,0.5); color: #fff; text-decoration: none;}
a.homer { background: none;}
@media (min-width: 768px) and (max-width: 979px) {
.mainWrap { width: 768px; }
/*.menu ul { top: 0px; }*/
.menu li a { font-size: 16px; }
/*a.homer { background: #E95546; }*/
}
@media (max-width: 767px) {
.mainWrap {width: auto; padding: 50px 20px;}
.menu { display: none; }
.responsive-menu { display: block; padding:15px 0px; position:absolute; right:0px; top:-55px;}
@media screen and (max-width: 699px) and (min-width: 600px) {.responsive-menu { display: block; padding:15px 0px; position:absolute; right:0px; top:10px;}}
nav {margin: 0; background: none;}
.menu li {display: block; margin: 0;}
.menu li a {background: #fff; color: #797979;}
.menu li a:hover,
.menu li:hover>a {background: #FC6D58; color: #fff;}
.menu ul {visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial;}
.menu li:hover>ul {visibility: visible; opacity: 1; position: relative; transform: initial;}
.menu ul ul {left: 20px; transform: initial; transition: 0.4s}
.menu li>ul ul:hover { transform: initial; }
}
/* Navigation css End */

/*Sticy Header Css Start*/
.main_h {
 position: fixed;
 top: 0px;
 
 z-index: 999;
 width: 100%;

 background: none;
 
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 opacity: 0;
 top: -100px;
 padding-bottom: 0px;

 
}


.sticky {
 background-color: rgba(0, 0, 0, 0.8);
 opacity: 1;
 top: 0px;
 box-shadow: 0 1px 0 rgba(12,13,14,0.1),0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 1px rgba(12,13,14,0.025);
 border-top: 3px solid #F48024;
}
/*Sticy Header Css End*/
/*Accordian css start*/
#accordion p {line-height: 140%;font-size: 90%;}
#accordion {margin: 50px;}
#accordion article {-webkit-transform: perspective(900px) rotateY(60deg); -webkit-transition: all 0.7s ease-in-out; background: rgba(0,0,0,0.8); border: 1px solid #f3f3f3; box-shadow: 0px 5px 15px gray;
float: left; height: 560px; margin-left: -180px; padding: 20px; width: 290px;}
#accordion article:first-child {margin-left: 0px;}
#accordion article img {float: left; padding: 0 10px 5px 0;}
#accordion article:hover {-webkit-transform: perspective(0) rotateY(-10deg); margin: 0 140px 0 -60px;}
/*According css end*/
/*===============================================*/
.popular-blog {
    margin-bottom: 40px;
}
/*===============================================*/
/*===============================================*/
.hero {
    cursor: pointer;
    height: 700px;
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 91%);
}
@media screen and (min-width: 700px) {
    .discuss-now.hp  {
        padding-top: 5px;
    }
}
.hero-content {
    padding-top: 160px;
}
.discuss-now.hp  {
    position: relative;
    z-index: 10;
    }
.hero-scroll-down {
    position: relative;
    z-index: 10;
}
.hero h1 {
    color: #fff;
    font-weight: 700; font-size: 36px;
    text-transform: uppercase;
    text-shadow: 1px 1px 12px #171717;
}
.hero #particles-js {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; 
}
/* ===================================
                  Service vertical slider Section
            ====================================== */
            .main_box,.testimonial_slider{
                width: 100%;
                padding-left: 7%;
                background-position:center center;
                background-size:cover;
            }


            /*------------------------------ vertical bootstrap slider----------------------------*/

            .main_box> .carousel-item.carousel-item-next , .main_box > .carousel-item.active.carousel-item-right{transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0}
            .main_box > .carousel-item.carousel-item-prev , .main_box > .carousel-item.active.carousel-item-left{transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0}
            .main_box > .carousel-item.next.carousel-item-left , .main_box > .carousel-item.carousel-item-prev.carousel-item-right , .main_box > .carousel-item.active{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0}

            /*------------------------------- vertical carousel indicators ------------------------------*/
            .carousel-indicators02{position:absolute; top:0px; bottom:0; margin:auto; height:20px; left:-100px; right: auto; -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg)}
            .carousel-indicators02 li{display:block; margin-bottom:5px; border-top:4px solid #e5e5e5; text-indent: 0; width: 77px; height: auto}
            .carousel-indicators02 li.active{margin-bottom:5px; border-top:4px solid #ffb401}
            .carousel-indicators02 li.active figure img{border: 3px solid #ffb401; border-radius: 100%}
            .carousel-indicators02 li figure img{border: 3px solid #fff; border-radius: 100%}
            .carousel-indicators02 li figure{margin: 35px 0 0 0}
            .carousel-indicators02 li img{transform: rotate(-90deg)}
            .vertical_slide a:hover{color: #e74c3c}

            @media only screen and (max-width: 767px){
                .carousel-indicators02 li figure{margin: 5px 0 0 0}
                .carousel-indicators02{left: -150px}
            }
            /*==================================*/
            .vertical_slide {padding-left: 30px;}
            .vertical_slide {font-size: 16px; color: #777; font-weight: 400; line-height: 30px; margin-bottom: 30px;}
            .vs-head {float: left; width: 100%; margin-bottom: 10px;}
            .vs-head figure {float: left; padding-right: 20px;}
            .vs-head h2 {float: left; font-size: 32px;padding-top: 12px; color: #000; font-weight: 600;}
            .vertical_slide p {text-align: justify!important;}
.who_we_are {
    position: relative;
    padding: 20px;
}
.who_we_are:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/slider-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.1;
}
.footer_wrapper {
    padding-top: 100px !important;
}
@media (max-width: 768px) {
    .footer1_contact {
        padding-left: 0px !important;
    }
    .footer_upper_box {
        left: 0px;
        top: 0px;
    }
}