@import "https://fonts.googleapis.com/css?family=Poppins:400,700";
body{
    font-family:poppins,sans-serif;
    color:#333;
    font-size:14px;
    font-weight:400;
    background:#fff;
    overflow-x:hidden
}
html{
    overflow-x:hidden
}
p{
    font-size:16px;
    line-height:26px
	text-align: justify;
}
a:hover,a:focus{
    color:#61d2b4
}
a{
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
h1,h2,h3,h4,h5{
    font-family:poppins,sans-serif;
    font-size:40px;
    font-weight:700;
    letter-spacing:1px
}
ul{
    margin:0;
    padding:0
}
ul li{
    list-style:bullet;
	text-align: left;
}
a:hover,a:focus{
    text-decoration:none;
    outline:none
}
a:not([href]):not([tabindex]){
    color:#fff
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    color:#61d2b4
}
.section{
    padding:80px 0
}
.section-header{
    color:#fff;
    margin-bottom:40px;
    text-align:center;
}
.section-header .section-title{
    font-size:42px;
    margin-top:0;
    text-transform:uppercase;
    font-weight:700;
    color:#333;
    position:relative
}
.section-header .section-title span{
    color:#61d2b4
}
.section-header .section-subtitle{
    margin-top:15px;
    color:#333;
    font-size:16px;
    font-weight:400
	text-align:justify;
}
.section-header .lines{
    margin:auto;
    width:70px;
    position:relative;
    border-top:2px solid #000066/*#61d2b4*/;
    margin-top:15px
}
.btn{
    font-size:14px;
    padding:11px 40px;
    border-radius:0;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    display:inline-block
}
.btn:focus,.btn:active{
    box-shadow:none;
    outline:none;
    color:#fff
}
.btn-common{
    border:1px solid #ffff4d/*#61d2b4*/;
    background:#000066;
    position:relative;
    color:#fff;
    z-index:1;
    border-radius:30px
}
.btn-common:hover{
    color:#fff;
    background:#33b391;
    border-color:#33b391;
    transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out
}
.btn-border{
    color:#fff;
    background-color:transparent;
    border:2px solid #fff;
    border-radius:4px
}
.btn-border:hover{
    border:2px solid #fff;
    color:#fff;
    background-color:#61d2b4
}
.btn-lg{
    padding:14px 33px;
    text-transform:uppercase;
    font-size:16px
}
.btn-rm{
    padding:7px 0;
    color:#999;
    text-transform:capitalize
}
.btn-rm i{
    vertical-align:middle
}
button:focus{
    outline:none!important
}
.clear{
    clear:both
}
.social-icons{
    margin-top:40px
}
.social-icons ul{
    margin:0;
    padding:0;
    list-style:none
}
.social-icons ul li{
    display:inline
}
.social-icons ul li a{
    display:inline-block;
    margin-right:5px;
    margin-bottom:15px;
    border-radius:50%;
    line-height:40px;
    width:40px;
    height:40px;
    text-align:center;
    background:#ddd;
    font-size:16px
}
.social-icons ul li a:hover{
    color:#fff
}
.facebook a{
    color:#4867aa
}
.facebook a:hover{
    background:#4867aa
}
.twitter a{
    color:#1da1f2
}
.twitter a:hover{
    background:#1da1f2
}
.google-plus a{
    color:#dd4d42
}
.google-plus a:hover{
    background:#dd4d42
}
.youtube a{
    color:#df2926
}
.youtube a:hover{
    background:#df2926
}
.linkedin a{
    color:#007bb6
}
.linkedin a:hover{
    background:#007bb6
}
.pinterest a{
    color:#bd081c
}
.pinterest a:hover{
    background:#bd081c
}
.dribbble a{
    color:#ea4c89
}
.dribbble a:hover{
    background:#ea4c89
}
.behance a{
    color:#0b7cff
}
.behance a:hover{
    background:#0b7cff
}
#loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#333;
    z-index:9999999999
}
.spinner{
    width:40px;
    height:40px;
    top:45%;
    position:relative;
    margin:0 auto
}
.double-bounce1,.double-bounce2{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#61d2b4;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-bounce 2s infinite ease-in-out;
    animation:sk-bounce 2s infinite ease-in-out
}
.double-bounce2{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-bounce{
    0%,100%{
        -webkit-transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1)
    }
}
@keyframes sk-bounce{
    0%,100%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
.back-to-top{
    display:none;
    position:fixed;
    bottom:18px;
    right:15px
}
.back-to-top i{
    display:block;
    width:36px;
    height:36px;
    line-height:36px;
    color:#fff;
    font-size:14px;
    text-align:center;
    border-radius:4px;
    background-color:#61d2b4;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#hero-area{
    background:url(../img/hero-area.jpg) fixed no-repeat;
    background-size:cover;
    color:#fff;
    overflow:hidden;
    position:relative
}
#hero-area .overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#61d2b4;
    opacity:.9
}
#hero-area .contents{
    padding:200px 0 130px
}
#hero-area .contents h1{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:25px
}
#hero-area .contents p{
    font-size:16px;
    color:#ffff4d/*#00004d*/;
    font-weight:bold;
    line-height:30px;
    letter-spacing:.5px
}
#hero-area .contents .btn{
    margin:25px 25px 0 0;
    text-transform:uppercase
}
#hero-area .banner_bottom_btn{
    margin-top:40px
}
#hero-area .banner_bottom_btn i{
    color:#fff;
    font-size:48px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#hero-area .banner_bottom_btn i:hover{
    color:#61d2b4
}
.data{
	width:100%;
	height: 3px;
	border:3px solid #ffff4d;
}
.navbar-brand{
    position:relative;
    padding:0
}
.top-nav-collapse{
    background:#fff;
    z-index:999999;
	height: 100px;
    top:0!important;
    padding:0;
    box-shadow:0 3px 6px 3px rgba(0,0,0,.06);
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
    background:#fff!important
}
.top-nav-collapse .navbar-brand{
    top:0
}
.top-nav-collapse .navbar-nav .nav-link{
    color:#333!important;
	font-weight:bold;
    margin-top:0!important;
    margin-bottom:0!important
}
.top-nav-collapse .navbar-nav .nav-link:hover{
    color:#00004d!important
}
.top-nav-collapse .navbar-nav .nav-link.active{
    color:#fff!important
	font-weight:bold;
}
.indigo{
    background:0 0
}
.navbar-expand-lg .navbar-nav .nav-link{
    color:#fff;
    padding:0 22px;
    margin-top:20px;
    margin-bottom:20px;
    line-height:40px;
    border-radius:30px;
    background:0 0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.navbar-expand-lg .navbar-nav li a:hover,.navbar-expand-lg .navbar-nav li .active>a,.navbar-expand-lg .navbar-nav li a:focus{
    color:#00004d
	font-weight: bold;
}
.navbar .nav-link.active{
    color:#fff!important;
    background:#00004d;
	border:2px solid #ffff4d;
}
.dropdown-toggle::after{
    display:none
}
.slicknav_btn{
    border-color:#00004d
}
.slicknav_menu .slicknav_icon-bar{
    background:#00004d/*#61d2b4*/
}
@media(min-width:768px) and (max-width:991px){
    #nav-main li a.nav-link{
        padding-top:18px
    }
}
.navbar-toggler{
    display:none
}
.mobile-menu{
    display:none
}
.slicknav_menu{
    display:none
}
@media screen and (max-width:768px){
    .navbar-header{
        width:100%
    }
    .navbar-brand{
        position:absolute;
        padding:15px;
        top:0
    }
    .navbar-brand img{
        width:70%
    }
    #mobile-menu{
        display:none
    }
    .slicknav_menu{
        display:block
    }
    .slicknav_nav .active a{
        background:#61d2b4;
        color:#fff
    }
    .slicknav_nav a:hover,.slicknav_nav .active{
        color:#61d2b4;
        background:#f8f9fa
    }
    .slicknav_nav .dropdown li a.active{
        background:#f8f9fa;
        color:#61d2b4
    }
}
.item-boxes{
    text-align:left;
    padding:0 15px;
    margin-bottom:15px;
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.item-boxes .icon{
    width:60px;
    height:60px;
    text-align:center;
    border:1px solid #f1f1f1;
    display:inline-block;
    border-radius:30px;
    margin-bottom:30px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.item-boxes .icon i{
    font-size:26px;
    line-height:60px;
    color:#61d2b4
}
.item-boxes h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:10px
}
.item-boxes:hover .icon{
    background:#61d2b4
}
.item-boxes:hover .icon i{
    color:#fff
}
#features{
    background:url(../img/bg1.jpg) fixed no-repeat;
    background-size:cover;
    color:#fff;
    overflow:hidden;
    position:relative
}
#features .section-title{
    color:#fff
}
#features .section-subtitle{
    color:#fff
}
#features .icon{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:30px;
    text-align:center;
    position:relative;
    z-index:1
}
#features .box-item{
    padding:15px 0
}
#features .box-item .icon{
    border:1px solid #61d2b4;
    text-align:center;
    float:left;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#features .box-item .icon i{
    color:#61d2b4;
    font-size:24px;
    line-height:60px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#features .box-item .text{
    padding-left:80px
}
#features .box-item .text h4{
    color:#61d2b4;
    font-weight:700;
    font-size:16px;
    text-transform:uppercase;
    line-height:22px
}
#features .box-item .text p{
    font-size:14px;
    line-height:26px
}
#features .box-item:hover .icon{
    background:#61d2b4
}
#features .box-item:hover .icon i{
    color:#fff
}
#features .show-box img{
    position:absolute;
    bottom:-120px
}
.video-promo{
    background:#6666ff/*#61d2b4*/;
    color:#fff;
    overflow:hidden;
    position:relative
}
.video-promo .video-promo-content{
    color:#fff
}
.video-promo .video-promo-content h2{
    color:#fff;
    font-size:30px;
    text-transform:uppercase;
    margin-bottom:30px
}
.video-promo .video-promo-content p{
    margin-bottom:30px
}
.video-promo .video-promo-content .video-popup{
    width:80px;
    height:80px;
    text-align:center;
    border:3px solid #fff;
    color:#fff;
    border-radius:50%;
    display:inline-block;
    font-size:30px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.video-promo .video-promo-content .video-popup i{
    line-height:72px
}
.overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#61d2b4;
    opacity:.9;
    filter:alpha(opacity=90)
}
#portfolios .mix{
    padding:10px
}
#portfolios .portfolio-item .shot-item{
    margin:0
}
#portfolio .mix{
    display:none
}
.controls{
    text-align:center;
    padding:0 0 20px
}
.controls .active{
    color:#61d2b4!important;
    border-color:#61d2b4;
    background:0 0
}
.controls .btn{
    text-transform:uppercase;
    margin:2px
}
.controls:hover{
    cursor:pointer
}
.portfolio-img{
    overflow:hidden;
    display:block;
    position:relative
}
.portfolio-img img{
    width:100%
}
.shot-item{
    margin-right:15px;
    border-radius:4px;
    background:#fff;
    position:relative
}
.shot-item img{
    width:100%
}
.shot-item .overlay{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    opacity:0;
    background:rgba(0,0,0,.7);
    top:0;
    left:0
}
.shot-item:hover .overlay{
    opacity:1
}
.overlay .item-icon{
    height:48px;
    width:48px;
    line-height:48px;
    color:#61d2b4;
    left:50%;
    margin-left:-24px;
    margin-top:-24px;
    top:50%;
    position:absolute;
    z-index:2;
    visibility:hidden;
    opacity:0;
    cursor:pointer;
    text-align:center;
    font-size:20px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    border:1px solid #61d2b4;
    border-radius:50%
}
.overlay .item-icon:hover{
    background:#61d2b4;
    color:#fff
}
.shot-item:hover .item-icon{
    visibility:visible;
    opacity:1
}
.pricing-table{
    padding:0 0 40px;
    margin:0 auto;
    margin-bottom:5px;
    border:transparent;
    text-align:center;
    background-color:#fff;
    border:1px solid #f1f1f1;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.pricing-table:hover{
    box-shadow:0 0 20px 0 rgba(0,0,0,.1)
}
.pricing-table .pricing-details h2{
    font-size:26px;
    font-weight:700;
    color:#333;
    margin-bottom:20px;
    text-transform:uppercase;
    background:#f1f1f1;
    padding:30px 0
}
.pricing-table .pricing-details span{
    display:inline-block;
    font-size:48px;
    font-weight:400;
    color:#61d2b4;
    margin-bottom:20px
}
.pricing-table .pricing-details ul{
    margin-bottom:35px
}
.pricing-table .pricing-details ul li{
    padding:10px;
    font-size:15px;
    border-bottom:1px dotted #f1f1f1
}
.table-left{
    margin-top:20px
}
.counters{
   /* background:url(../img/counter.jpg) fixed;*/
   background-color:#00004d;
    position:relative
}
.counters .facts-item{
    text-align:center;
    color:#fff
}
.counters .facts-item .icon{
    margin-bottom:30px
}
.counters .facts-item .icon i{
    font-size:50px;
    color:#fff
}
.counters .facts-item .fact-count h3{
    font-size:35px;
    color:#fff;
    margin-bottom:15px
}
.counters .facts-item .fact-count h4{
    font-size:20px;
    font-weight:400;
    color:#fff
}
#testimonial{
    background:url(../img/testimonial-bg.jpg) fixed no-repeat;
    background-size:cover;
    color:#fff;
    overflow:hidden;
    position:relative
}
.testimonial-item{
    text-align:center
}
.testimonial-item img{
    width:80px;
    border:3px solid #fff;
    height:80px;
    border-radius:50%
}
.testimonial-item .testimonial-text h3{
    font-size:15px;
    font-weight:700
}
.testimonial-item .testimonial-text span{
    font-size:14px;
    color:#999
}
.testimonial-item .testimonial-text p{
    font-size:14px;
    font-weight:400;
    padding:36px 10px 30px;
    margin:0;
    line-height:30px
}
.owl-theme .owl-controls .owl-page span{
    background:#61d2b4
}
.owl-theme .owl-controls{
    margin-top:20px
}
.single-team:hover .team-details{
    opacity:1
}
.single-team{
    position:relative;
    -webkit-transition:.5s;
    transition:.5s;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    border-radius:0;
    background:#61d2b4;
    overflow:hidden
}
.single-team img{
    width:100%
}
.single-team .team-inner{
    -webkit-transition:.5s;
    transition:.5s
}
.single-team .team-details{
    text-align:center;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    border-radius:0;
    background:#f1f1f1;
    padding:15px
}
.single-team .team-details .team-title{
    margin-bottom:5px;
    font-size:20px;
    font-weight:700;
    color:#333
}
.single-team .team-details p{
    color:#333
}
.single-team .social-list li{
    display:inline-block
}
.single-team .social-list li a{
    display:block;
    height:34px;
    line-height:34px;
    text-align:center;
    width:34px;
    margin:2px;
    color:#61d2b4;
    font-size:14px;
    background:#fff;
    border-radius:50px;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s
}
.single-team .social-list .facebook a:hover{
    background:#4867aa;
    color:#fff
}
.single-team .social-list .twitter a:hover{
    background:#1da1f2;
    color:#fff
}
.single-team .social-list .google-plus a:hover{
    background:#dd4d42;
    color:#fff
}
.single-team .social-list .linkedin a:hover{
    background:#007bb6;
    color:#fff
}
#blog .blog-item-wrapper{
    background:#fff;
    border-radius:0;
    -webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;
    -moz-transition:transform .2s linear,-moz-box-shadow .2s linear;
    transition:transform .2s linear,box-shadow .2s linear
}
#blog .blog-item-wrapper:hover .blog-item-img:before{
    opacity:1;
    height:100%;
    width:100%
}
#blog .blog-item-img{
    position:relative
}
#blog .blog-item-img img{
    width:100%
}
#blog .blog-item-text{
    padding:20px 0
}
#blog .blog-item-text h3{
    line-height:26px;
    font-size:18px;
    font-weight:700;
    margin-bottom:10px
}
#blog .blog-item-text h3 a{
    color:#333
}
#blog .blog-item-text h3 a:hover{
    color:#61d2b4
}
#blog .blog-item-text p{
    line-height:25px;
    margin-bottom:20px
}
.meta-tags{
    margin-bottom:20px
}
.meta-tags span{
    color:#999;
    margin-right:10px
}
.meta-tags span i{
    margin-right:5px
}
.meta-tags span a{
    color:#999
}
.meta-tags span a:hover{
    color:#61d2b4
}
.contact-us h3{
    font-size:36px;
    margin-bottom:45px
}
.contact-us p span{
    color:#61d2b4;
    padding-left:10px
}
#contact{
    background:#343a40;
    color:#fff;
    position:relative
}
.form-control{
    width:100%;
    margin-bottom:10px;
    padding:14px;
    border-color:#fff;
    border-radius:0;
    color:#fff;
    background:0 0;
    font-size:14px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.form-control:focus{
    box-shadow:none;
    color:#fff;
    border-color:#61d2b4;
    background:0 0;
    outline:none
}
.btn.disabled,.btn:disabled{
    opacity:1
}
.text-danger{
    font-size:14px;
    margin-top:10px
}
.list-unstyled li{
    color:#d9534f
}
footer{
    background:#292f35;
    padding:20px 0
}
.footer-links{
    line-height:48px
}
.footer-links li{
    float:left
}
.footer-links li a{
    color:#fff;
    margin-right:15px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.footer-links li a:hover{
    color:#61d2b4
}
.copyright{
    margin-top:10px;
    float:right
}
.copyright p{
    color:#fff
}
.copyright p a{
    color:#fff
}
.copyright p a:hover{
    color:#61d2b4
}