/*----- Default Base CSS --------*/
*{margin:0;padding:0}
body{font-family: 'Montserrat', sans-serif;line-height:20px;color:#fff;background:#fff;font-size:14px;}
a{color:#fff;text-decoration:none}
a:hover{text-decoration:none}
input{type:text}, input{type:password}, textarea{boder:1px solid #ddd}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family: 'Raleway', sans-serif;}
p{}
img{max-width:100%;height:auto}
.aligntleft{float:left;padding:10px;margin-right:10px}
.aligntright{float:right;padding:10px;margin-left:10px}
.aligncenter{display:block;margin:0 auto}

.floatleft{float:left}
.floatright{float:right}

.section-padding{padding:80px 0}
.section-padding20px{padding:20px 0}
.section-padding-top{padding-top:80px}

.section-padding-bottom{padding-bottom:80px}

.text-grey{color:#2F2B2B}
.fix{overflow:hidden}

/*----- Common CSS --------*/
html,
body {
    height: 100%;
}
.slider-area, .slider-area .slider, .slider-text, .carousel, .carousel .slide, .carousel-inner, .carousel .item, .slides, .youtube-video-area, .youtube-video-area .container-fluid, .youtube-video-area .row, .youtube-video-area d-table, .team-area, .team-area .container{height:100%; }
.carousel .item {width:100%}

.team-area:before, .btn:before, .bordered-btn:before, .slides:before, .video-area:before,.youtube-video-area:before, .slider-bg{height:100%;width:100%;top:0;left:0;content: "";background: #000;opacity: .70;position: absolute}

.team-area, .btn, .bordered-btn, .slides, .video-area,.youtube-video-area{position: relative}

.btn{display: inline-block;position:relative;padding:6px 25px;color:#fff;z-index: 1;text-transform: uppercase;margin:20px 0}
.btn:before{background:#4C9F00;z-index: -1 }

.bordered-btn{display: inline-block;position:relative;padding:6px 25px;color:#fff;z-index: 1;text-transform: uppercase;margin:10px 0}
.bordered-btn:before{z-index: -1;border:1px solid #fff; }
/*----- All Images --------*/
.slider-bg-1{background: url(img/slider-bg-1.jpg)}
.slider-bg-2{background: url(img/slider-bg-2.jpg)}
.slider-bg-3{background: url(img/slider-bg-3.jpg)}
.poster{background: url(img/slider-bg-3.jpg)}
.team-bg{background:url(img/team-bg.jpg)}


/*----- Header CSS --------*/
.header-area{position: relative}
.mainmenu-area{position: absolute;top:0;left:0;width:100%;z-index: 999;}
.logo{margin-top:20px;transition:.6s}
.mainmenu{right:0;}
.mainmenu ul.nav.navbar-nav{float:none;text-align: right;}
.mainmenu ul.nav.navbar-nav li{float:none;display:inline-block;}
.mainmenu ul.nav.navbar-nav li a{display: inline-block;padding:30px 15px;text-transform: uppercase;transition: .6s;font-size: 14px}
.mainmenu ul.nav.navbar-nav li:active, .mainmenu ul.nav.navbar-nav li:focus, .mainmenu ul.nav.navbar-nav li a:focus, .mainmenu ul.nav.navbar-nav li a:active{color: greenyellow;background: none}
.sticky-wrapper{position: absolute;top:0;z-index: 999;width: 100%}
.is-sticky .header-area{z-index: 999}
.is-sticky .mainmenu-area:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    background: #000;
    z-index: -1;
    opacity: .60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.is-sticky .mainmenu ul.nav.navbar-nav li a{padding:20px 10px}
.is-sticky .logo{margin-top:10px}
/*----- Slider CSS --------*/
.slider-bg {z-index: -2;background-size: cover;}
.slides:before{z-index: -1}
.d-table{display: table;width: 100%;height: 100%}
.d-table-cell{display: table-cell;vertical-align: middle}
.slider-text{z-index: 1;}
.slider-text h2{margin-bottom: 20px;font-size:40px}
.carousel-indicators{bottom:10px}
.fawesome-control {position: absolute;top: 50%;font-size: 30px;margin-top: -10px;left: 2%;}
.right.fawesome-control {left:auto;right:2%}

/*----- Our Story CSS --------*/
.our-story-area{color:#2F2B2B}
.our-story-area h2{margin-bottom:20px;}
.graph-img{text-align: right}

/*----- Video PLay CSS --------*/
.video-area{display:none}
.video-area:before{z-index: 2}
.video-p{color:#fff;z-index: 99}
#demo{z-index: 99;height:150px;width:160px;border:none;position: absolute;top:50%;left:50%;margin-top:-75px;margin-left:-75px;}
#demo p{padding-top: 160px;font-size:16px}
#vid{width:100%;height:100%;z-index: -1}

/*----- YouTube Video PLay CSS --------*/

#bgndVideo{width: 100%;height: 800px;margin-top:-20px}
.youtube-video-area{}
.youtube-video-area, .youtube-video-area .container-fluid, .youtube-video-area .row, .youtube-video-area d-table{width: 100%}
.yt-button{height: 100px;width: 100px;font-size:60px;border-radius: 4px;background: #000;opacity: .60;border:none;}


/*----- Service Area CSS --------*/
.service-area i{font-size: 45px;color:cadetblue;margin-bottom: 25px}
.single-service-item{padding: 30px}
.section-header{position: relative;text-transform: uppercase; font-family: 'Raleway', sans-serif;text-align: center}
.section-header:after{height:1px;width:70px;background: #333;content: "";position: absolute;left:50%;margin-left:-35px;}

/*----- Team Area CSS --------*/
.section-header.white-header:after{background: #fff}
.single-team-item{width: 25%; float:left;border-bottom:1px solid #fff;padding:20px 18px}

/*----- Vision Area CSS --------*/
.vission-text{margin-top:25px}

/*----- Portfolio Area CSS --------*/
.single-portfolio-item{float:left;width: 16.6666%}
.porfolio-list{margin-bottom: 80px;}

/*----- Testimonial Area CSS --------*/

.testimonial-area p{font-size: 16px;}
.testimonial-list-container{}
.testimonial-list-container i{font-size: 20px;margin-bottom: 10px}
.user-description{font-weight: 700;margin:30px 0}
.user-description span{font-size: 15px;display: block;line-height: 20px;}


.lSSlideOuter .lSPager.lSGallery img{border-radius: 50%;width: 75px;margin: 15px auto;box-shadow: 0 0 10px #fff}

.lSSlideOuter .lSPager.lSGallery li.active img, .lSSlideOuter .lSPager.lSGallery li:hover img{width:120px;margin-top:0}
.contact-form-area .client-logo img{width:180px;height:120px;float: left;}
.contact-form-area .client-logo img:hover{opacity: .60}
.contact-form-area input,.contact-form-area form textarea{width:80%;display:block;margin:20px 0;border-radius:2px;border:none;box-shadow: 0 0 4px grey;padding:8px 5px;background: none}
.contact-form-area input[type="submit"]{width:80px;background:#4C9F00;color:#fff}
.contact-form-area input:hover[type="submit"]{width:80px;background:#fff;color:#4C9F00}
.our-clients-title{text-align: left}
/*----- Footer Area CSS --------*/
.footer-area{background: #191919}