.clearfix {
    zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }
/*
 *  Color Scheme Blue
 *
 */
/* Selected text */
::-moz-selection {
    background: #5FC28C;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #5FC28C;
    color: #ffffff;
    text-shadow: none;
}
/*********************/
/* Links */
a {
    color: #60BE8B;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

    a:active,
    .sidebar a:active,
    a:focus,
    .sidebar a:focus,
    a:hover,
    .sidebar a:hover {
        color: #60BE8B;
        text-decoration: none;
        outline: 0;
    }

.loader:after {
    border: solid 1px transparent;
    border-top-color: #5FC28C;
    border-left-color: #5FC28C;
}

.tags ul li a {
    border: 1px solid #5FC28C;
}
/* Skin button style */
.btn-color {
    color: #ffffff;
    background-color: #5FC28C;
    border-color: #5FC28C;
}

    .btn-color:hover,
    .btn-color:focus,
    .btn-color:active,
    .btn-color.active,
    .open .dropdown-toggle.btn-color {
        color: #ffffff;
        background-color: #1374c5;
        border-color: #1374c5;
    }

    .btn-color.btn-outline {
        background-color: transparent;
        color: #5FC28C;
    }

        .btn-color.btn-outline:hover,
        .btn-color.btn-outline:focus,
        .btn-color.btn-outline:active,
        .btn-color.btn-outline.active {
            background-color: #5FC28C;
            color: #ffffff;
        }

a.btn-color {
    color: #ffffff;
}

.btn-color:active,
.btn-color.active,
.open .dropdown-toggle.btn-color {
    background-image: none;
}

.btn-color.disabled,
.btn-color[disabled],
fieldset[disabled] .btn-color,
.btn-color.disabled:hover,
.btn-color[disabled]:hover,
fieldset[disabled] .btn-color:hover,
.btn-color.disabled:focus,
.btn-color[disabled]:focus,
fieldset[disabled] .btn-color:focus,
.btn-color.disabled:active,
.btn-color[disabled]:active,
fieldset[disabled] .btn-color:active,
.btn-color.disabled.active,
.btn-color[disabled].active,
fieldset[disabled] .btn-color.active {
    background-color: #5FC28C;
    border-color: #5FC28C;
}
/*********************/
/* Skin text and dropcap color style */
.color,
.drop-cap {
    color: #02d1b7;
}
    /*********************/
    .drop-cap.boxed {
        background-color: #5FC28C;
        color: #fff;
    }

.portfolio-item .overlay-hover {
    background-color: #5FC28C;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.overlay-colored-1,
.overlay-colored-2,
.overlay-colored-3,
.overlay-colored-4,
.overlay-colored-5,
.overlay-colored-6,
.overlay-colored-7,
.overlay-colored-8,
.overlay-colored-9,
.overlay-colored-10 {
    position: absolute;
    z-index: 1000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.overlay-colored-1 {
    background-color: rgba(95, 194, 140, 0.1);
}

.overlay-colored-2 {
    background-color: rgba(95, 194, 140, 0.2);
}

.overlay-colored-3 {
    background-color: rgba(95, 194, 140, 0.3);
}

.overlay-colored-4 {
    background-color: rgba(95, 194, 140, 0.4);
}

.overlay-colored-5 {
    background-color: rgba(95, 194, 140, 0.5);
}

.overlay-colored-6 {
    background-color: rgba(95, 194, 140, 0.6);
}

.overlay-colored-7 {
    background-color: rgba(95, 194, 140, 0.7);
}

.overlay-colored-8 {
    background-color: rgba(95, 194, 140, 0.8);
}

.overlay-colored-9 {
    background-color: rgba(0, 202, 177, 0.3);
}

.overlay-colored-10 {
    background-color: rgba(0, 202, 177, 0.9);
}

header.open,
header.sticky,
header.fixed-sticky {
    background-color: rgba(0, 202, 177, 1);
}

.header .navigation > .nav > li > a:hover,
.header .navigation > .nav > li.active > a,
.nav .open > a {
    /*  color: rgba(219, 237, 252, 0.95);*/
    color: #fff;
}

.header .dropdown-menu > .active > a,
.header .dropdown-menu > .active > a:hover,
.header .dropdown-menu > .active > a:focus,
.header .dropdown-menu > li > a:hover,
.header .dropdown-menu > li > a:focus {
    color: #5FC28C;
    background-color: transparent;
}

nav.filter a.active,
nav.filter a:active,
nav.filter a:focus,
nav.filter a:hover {
    color: #5FC28C;
}
/* Skin pagination style */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: #5FC28C;
    background-color: #5FC28C;
    color: #ffffff;
}
/*********************/
/* Skin background color */
.bg-color {
    background-color: #02d1b7;
}
/*********************/
/* Skin progress bar style */
.progress-bar-color {
    background-color: #d0dbec;
}
/*********************/
.heading-font {
    color: #1a1a1a;
}
/*--add new css start--*/
#reachusat, #infographics, #features {
    background-color: #e5f9fa;
}

.opaline {
    /*background-color: rgba(0, 202, 177, 0.9);*/
    background-color:#001a33;
    overflow: hidden;
    padding-bottom: 3em;
    padding-top: 3em;
}

.modal-header {
    background-color: rgba(0, 202, 177, 1);
}
/*--modal next previous--*/
.btn-next, .btn-prev {
    background: none;
    border: none;
    font-size: 50px;
    color: #60BE8B;
    margin: 170px 0 0 0;
}

#image-gallery #show-next-image, #image-gallery #show-previous-image, #image-gallery #show-next-image:hover, #image-gallery #show-previous-image:hover, #image-gallery #show-next-image:focus, #image-gallery #show-previous-image:focus {
    background-color: #60BE8B !important;
    color: #ffffff;
    width: 78px;
    border: none;
}

#screen_carousel .carousel-caption h2 {
    color: #07777c;
    font-size: 18px;
    font-weight: bold;
}

.carousel-control {
    bottom: 0;
    color: #07777c !important;
    font-size: 85px;
    left: -101px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    /*    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
    text-shadow: none !important;
    top: 110px;
    width: 0;
}

#screen_carousel .carousel-indicators li {
    border: 1px solid #07777c !important;
}

#screen_carousel .carousel-indicators .active {
    background-color: #07777c;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #07777c;
    border-color: #07777c;
    color: white;
}

.btn-primary {
    color: white;
    background-color: #099fa6;
    border-color: #099fa6;
}

    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active {
        background-color: #099fa6;
        color: white;
    }
/*--add new css start here--*/