/*@import url('https://fonts.googleapis.com/css?family=Allan');*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400i');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i); 
/*@import url(https://fonts.googleapis.com/css?family=Work+Sans);
@import url(https://fonts.googleapis.com/css?family=Work+Sans:600);*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');


/*
Template Name: Multi
Version: 1.0
Author: ShapeBootstrap
Author URL: http://shapebootstrap.net
*/
/*************************
*******Typography******
**************************/
body {
    background: #fff;
    color: #526066;
    font-size: 13px;
    font-size: 1.4rem;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 21px;
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering:optimizeLegibility;
}
b, strong {
    font-weight: 600!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    color: #676866;
}
a {
    color: #676866;
    -webkit-transition: color 600ms, background-color 1000ms;
    -moz-transition: color 600ms, background-color 1000ms;
    -o-transition: color 600ms, background-color 1000ms;
    transition: color 600ms, background-color 1000ms;
}
/*a:hover,
a:focus {
    text-decoration: none;
    color: #01BCD3;
}*/
hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}
.gradiant {
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
    background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}
.section-header {
    margin: 20px 0px;
}
.section-header .section-title {
    font-size: 30px;
    color: #333333;
    position: relative;
    margin: 0 0 20px;
}
.section-header h1{
    color:#666!important;
}
.section-header .section-title em{
    font-style: normal;
    border-bottom: 2px solid #39B770;
}
/*.section-header .section-title:before {
    content: "";
    position: absolute;
    width: 140px;
    bottom: 0;
    left: 50%;
    margin-left: -70px;
    height: 1px;
    background: #4A4A4A;
}*/


.btn {
    border-width: 0;
    border-bottom-width: 3px;
    border-radius: 3px;
}
/*
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: #39B770!important;
    border-color:transparent!important;
}*/
.column-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
}
.column-title:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    border-bottom: 1px solid #5CBF83
}
ul.nostyle {
    list-style: none;
    padding:  5px ;
    margin-bottom: 20px;
}
ul.nostyle i{
    color: #39B770;
}
ul.nostyle a{
    color: #676866;
}
ul.nostyle a:hover,
ul.nostyle a:visited,
ul.nostyle a:active{
    color: #01BCD4;
}
ul.nostyle btn{
    color: #FFF;
}
.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/*************************
*******Header******
**************************/
.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
    margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
    height: 70px;
    padding: 6px 4px;
}
@media only screen and (max-width: 767px) {
    #main-menu.navbar-default .navbar-nav > li > a {
        padding: 10px 15px 8px 15px!important;
        margin: 15px 0px 0px 0px!important;
        font-size: 13px;
        color: #666666;
    } 
    .navbar-nav .signup{
        line-height: 16px; 
        padding: 10px 15px 10px 15px !important;
        margin: 15px 5px 0px 5px !important;
        display: block;
        color: #FFF !important;
        border: 2px solid #39b770;
        background: #39b770 !important;
        max-width: 150px;
        border-radius: 4px;
    }
    .navbar-nav .signup:hover{
        line-height: 16px; 
        padding: 10px 15px 10px 15px !important;
        margin: 15px 5px 0px 5px !important;
        display: block;
        max-width: 150px;
        color: #39b770 !important;
        background:#FFF !important;
        border:2px solid #39b770 !important;
        transition: 0.1s cubic-bezier(0, 0, 0.02, 1.35); 
        /*    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)*/
    }

    .navbar-nav .login{
        line-height: 16px; 
        padding: 10px 15px 10px 15px !important;
        margin: 15px 5px 0px 0px !important;
        display: block;
        color: #FFF !important;
        border: 2px solid #00BCD4;
        background: #00BCD4 !important;
        max-width: 150px;
        border-radius: 4px;
    }
    .navbar-nav .login:hover{
        line-height: 16px; 
        padding: 10px 15px 10px 15px !important;
        margin: 15px 5px 0px 0px !important;
        display: block;
        max-width: 150px;
        color: #46B5E4 !important;
        background:#FFF !important;
        border:2px solid #00BCD4 !important;
        transition: 0.1s cubic-bezier(0, 0, 0.02, 1.35);
        /*    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)*/
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: 1px solid transparent;
        border-color: #e7e7e7!important;
    }
}

@media only screen and (min-width: 768px) {
    #main-menu.navbar-default .navbar-nav > li > a {
        padding: 10px 15px 8px 15px;
        margin: 15px 0px 0px 0px;
        color: #666666;
        font-size: 13px;
        font-weight: 600
    } 
    #main-menu.navbar-default .navbar-nav > li.active > a,
    #main-menu.navbar-default .navbar-nav > li.open > a,
    #main-menu.navbar-default .navbar-nav > li:hover > a {
        background: transparent;
        border-bottom:2px solid #39b770;
        color:#39b770;
    }

    #main-menu.navbar-default {
        background:#FFF;
        border-bottom: 1px solid #e9e9e9;
        z-index: 1;
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.175);
    }

    #main-menu.navbar-default .navbar-nav > li.active > a,
    #main-menu.navbar-default .navbar-nav > li.open > a,
    #main-menu.navbar-default .navbar-nav > li:hover > a {
        background: transparent;
        border-bottom:2px solid #39b770;
        color:#39b770;
    }

    #main-menu.navbar-default .dropdown-menu {
        padding: 0 20px;
        min-width: 220px;
        background-color: rgba(26, 28, 40, 0.9);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        background-clip: inherit;
    }
    #main-menu.navbar-default .dropdown-menu > li {
        border-left: 3px solid transparent;
        margin-left: -20px;
        padding-left: 17px;
        -webit-transition: border-color 400ms;
        transition: border-color 400ms;
    }
    #main-menu.navbar-default .dropdown-menu > li > a {
        border-top: 1px solid #404455;
        padding: 15px 0;
        color: #eeeeee;
    }
    #main-menu.navbar-default .dropdown-menu > li:first-child > a {
        border-top: 0;
    }
    #main-menu.navbar-default .dropdown-menu > li.active,
    #main-menu.navbar-default .dropdown-menu > li.open,
    #main-menu.navbar-default .dropdown-menu > li:hover {
        border-left-color: #3B8686
    }
    #main-menu.navbar-default .dropdown-menu > li.active > a,
    #main-menu.navbar-default .dropdown-menu > li.open > a,
    #main-menu.navbar-default .dropdown-menu > li:hover > a {
        color: #3B8686;
        background-color: transparent;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #main-menu.navbar-default .navbar-nav > li > a {
        padding:7px!important;
        margin:15px 0px 0px 3px!important;
        font-size: 11px;
        font-weight: bold;
    }
    .navbar-nav .login,
    .navbar-nav .signup{
        padding:8px!important;
        margin:15px 0px 0px 5px!important;
    }
    .navbar.navbar-default .navbar-brand{
        height:60px;
    }
    .navbar.navbar-default .navbar-brand > img{
        height:50px; 
    }
}
/*#main-slider {
    overflow: hidden;
}
#main-slider .item {
    height: 450px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
#main-slider .slider-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
#main-slider .slider-inner h2 {
    margin-top: 180px;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
#main-slider .slider-inner h2 > span {
    color: #3B8686
}
#main-slider .slider-inner .btn {
    margin-top: 10px;
    background-color:#217346;
    border-color:#337736
}
#main-slider .slider-inner .btn:hover {
    background-color:#337736;
    border-color:#217346;
}
#main-slider .owl-prev,
#main-slider .owl-next {
    position: absolute;
    top: 50%;
    background-color:rgba(0,0,0,.5);
    color: #fff;
    font-size: 30px;
    display: inline-block;
    margin-top: -35px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100px;
    z-index: 5;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
    background-color: #3B8686
}
#main-slider .owl-prev {
    left: -35px;
    text-indent: 14px;
}
#main-slider .owl-next {
    right: -35px;
    text-indent: -14px;
}*/
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #139a50;
}
#progressBar {
    margin-top: -4px;
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}
#cta {
    padding: 30px 0;
    background-color:#EEEEEE;
}
#cta h2 {
    margin-top: 0;
}
#cta .btn {
    margin-top: 40px;
    background-color: #00BCD4;
    border-color: #607D8B;
}
#cta .btn:hover {
    margin-top: 40px;
    background-color: #048090;
    border-color: #00BCD4;
}

#cta2 h2 {
    color: #fff;
    font-size: 44px;
    line-height: 1;
}
#cta2 h2 > span {
    color: #217346;
}
/*#features {
    padding: 30px 0;
}*/
/*#features .media.service-box:first-child {
    margin-top: 80px;
}*/

#services {
    padding: 5px;
}
.media.service-box {
    padding: 20px 5px;
}
.media.service-box .pull-left {
    margin-right: 10px;
}
.media.service-box .pull-left > i{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.media.service-box .pull-left > i {
    float: left;
    color: #656565;
    width: 58px;
    height: 58px;
    font-size: 24px;
    background: #eee;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    border-radius: 5px
}

.services:hover .media.service-box .pull-left > i{
    color: #FFF;
    background:#39B770;
}
.services:hover .media.service-box h4{
    color:#39B770;
}
.media.service-box h4{
    font-size: 15px;
    font-weight: bold;
    color:#666666;
}
#portfolio {
    padding: 30px 0;
    background: #F7F7F7;
    /*      background: #4c5d69;
        background-image: -webkit-linear-gradient(105deg,#4c5d69,#2c475d 92%);
        background-image: linear-gradient(-15deg,#4c5d69,#2c475d 92%);
        color:#FFF;*/
}
#portfolio .portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 50px;
    display: inline-block;
}
#portfolio .portfolio-filter > li {
    float: left;
    display: block;
}
#portfolio .portfolio-filter > li a {
    display: block;
    padding: 7px 15px;
    background: #e5e5e5;
    color: #64686d;
    position: relative;
}
#portfolio .portfolio-filter > li a:hover,
#portfolio .portfolio-filter > li a.active {
    background: #3B8686;
    color: #fff;
    box-shadow: 0 -3px 0 0 #318daf inset;
    -webkit-box-shadow: 0 -3px 0 0 #318daf inset;
}
#portfolio .portfolio-filter > li a.active:after {
    content: " ";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #318daf transparent transparent transparent;
}
#portfolio .portfolio-filter > li:first-child a {
    border-radius: 4px 0 0 4px;
}
#portfolio .portfolio-filter > li:last-child a {
    border-radius: 0 4px 4px 0;
}
#portfolio .portfolio-items {
    margin: -15px;
}
#portfolio .portfolio-item {
    width: 24.9%;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#portfolio .portfolio-item .portfolio-item-inner {
    position: relative;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
    opacity: 0;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
    position: absolute;
    top: -18px;
    right: 12px;
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
}
#portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#testimonial {
    background: #eeeeef;
    background-size: cover;
    padding: 40px 0;
    color: #fff;
}
#testimonial h4 {
    color: #676866;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px;
}
#testimonial h2 i{
    float: left;
    color: #FFF;
    width: 58px;
    height: 58px;
    font-size: 24px;
    background: #5bbf83;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin-right: 10px;
}
#testimonial h2{
    font-size: 24px;
    vertical-align: middle;
    margin-top: 70px;
}
#testimonial small {
    display: block;
    margin-bottom: 10px;
}
#testimonial .btns {
    margin-top: 10px;
}
#about {
    padding: 30px 0;
}
#work-process {
    padding: 100px 0 50px;
    background: #20222e url(../images/work-process/bg.jpg) no-repeat 0 0;
    background-size: cover;
    color: #fff;
}
#work-process h2 {
    color: #fff;
}
#work-process h3 {
    color: #fff;
    margin-bottom: 0;
}
#work-process .icon-circle {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 2px solid #3B8686;
    border-radius: 100px;
    position: relative;
}
#work-process .icon-circle > span {
    border-style: solid;
    border-width: 2px;
    border-color: #3B8686;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -12px;
    color: #64686d;
}
#work-process h3 {
    margin-bottom: 50px;
}
#meet-team {
    padding: 100px 0;
}
#meet-team .team-member {
    padding: 13px;
    background: #eeeeee;
    border: 2px solid #eeeeee;
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;
}
#meet-team .team-member .team-img {
    margin: -15px -15px 0 -15px;
}
#meet-team .team-member .team-info {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}
#meet-team .team-member:hover {
    border-color: #3B8686
}
#meet-team .team-member:hover .social-icons > li > a {
    background: #3B8686
}
#meet-team .social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
#meet-team .social-icons > li {
    display: inline-block;
}
#meet-team .social-icons > li > a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #222534;
    border-radius: 3px;
}
.divider {
    margin-top: 50px;
    margin-bottom: 50px;
    background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
    background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
    background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
    width: 95%;
    height: 1px;
}
.progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
    background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav.main-tab {
    background: #eee;
    /*border-bottom: 3px solid #222534;*/
    border-radius: 3px 3px 0 0;
}
.nav.main-tab > li > a {
    color: #272727;
}
/*.nav.main-tab > li.active > a {
    background: #222534;
    color: #45aed6
}*/

.nav.main-tab > li.active > a {
    background: #5bbf83;
    color: #FFF;
}
.nav.main-tab > li.active > a > h4 {
    background: #222534;
    color: #45aed6
}
.nav.main-tab > li:first-child > a {
    border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
    border-radius: 0 3px 0 0;
}
.tab-content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px 20px 10px;
    border-radius: 0 0 3px 3px;
}
.panel-default {
    border-color: #eee;
}
.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #eee;
}
.panel-default > .panel-heading .panel-title {
    font-size: 14px;
    font-weight: normal;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #eee;
}
#animated-number {
    padding: 100px 0 70px;
    background: #132125 url(../images/animated-number/bg.jpg) no-repeat 0 0;
    background-size: cover;
    color: #fff;
}
#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 {
    color: #fff;
}
#animated-number strong {
    display: block;
    margin-bottom: 30px;
}
.animated-number {
    display: inline-block;
    width: 140px;
    height: 140px;
    font-size: 24px;
    line-height: 140px;
    border: 3px solid #fff;
    border-radius: 100px;
    margin-bottom: 20px;
}


#get-in-touch {
    padding: 20px 0px;
    background:#EAEAEA;
    color: #fff;
}
#get-in-touch h1,
#get-in-touch h2 {
    color: #fff;
}
#blog {
    padding: 100px 0;
}
#blog .blog-post {
    border: 1px solid #eee;
    padding: 15px;
}
#blog .blog-post .post-format {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #222534;
    border: 3px solid #fff;
    border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
    margin: -15px -15px 15px;
    position: relative;
}
#blog .blog-post.blog-large .post-format {
    width: 66px;
    height: 66px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    bottom: -33px;
}
#blog .blog-post.blog-large .post-format > i {
    font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #3B8686
}
#blog .blog-post.blog-large .entry-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
}
#blog .blog-post.blog-large .entry-title a {
    color: #64686d;
}
#blog .blog-post.blog-large .entry-title a:hover {
    color: #3B8686
}
#blog .blog-post.blog-media {
    margin-bottom: 30px;
}
#blog .blog-post.blog-media .entry-thumbnail {
    margin: -15px 15px -15px -15px;
    position: relative;
}
#blog .blog-post.blog-media .post-format {
    position: absolute;
    top: 20px;
    right: -10px;
}
#blog .blog-post.blog-media .entry-date {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #3B8686
}
#blog .blog-post.blog-media .entry-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
}
#blog .blog-post.blog-media .entry-title a {
    color: #64686d;
}
#blog .blog-post.blog-media .entry-title a:hover {
    color: #3B8686
}
#blog .blog-post .entry-meta {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
#blog .blog-post .entry-meta > span {
    display: inline-block;
    margin-right: 10px;
    color: #999;
}
#blog .blog-post .entry-meta > span > a {
    color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
    color: #3B8686
}
#contact {
    position: relative;
    overflow: hidden;
}
#contact .container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(69, 174, 214, 0.3);
    z-index: 1;
}
#contact .contact-form {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    margin-top: 50px;
}
#contact .contact-form h3 {
    margin-top: 0;
}
/***********************
********* Footer ******
************************/
#footer {
    padding:20px 0px;
    color: #fff;
    background: #2B2E33;

}
#footer a {
    color: #b0b4b9;
    font-weight: 600!important;
}
#footer .spacer{
    padding:0 10px;
}
#footer ul a {
    color: #fff;
}

#footer a:hover {
    color: #39B770;
    text-decoration:none;
}
#footer ul {
    list-style: none;
    padding: 0;
    margin: 0 -7.5px;
}
#footer ul > li {
    display: inline-block;
    margin: 0 7.5px;
}

#footer .social-icons .fa{
    width: 30px;
    height:25px;
    border-radius:10%;
}
#footer .social-icons .fa-facebook {
    background:#3e4248;
    color:#FFF;
    padding:6px 0px 0px 0px;
}
#footer .social-icons .fa-facebook:hover {
    background:#3B5998;
    color:#FFF;
}
#footer .social-icons .fa-twitter {
    background:#3e4248;
    color:#FFF;
    padding:6px 0px 0px 0px;
}
#footer .social-icons .fa-twitter:hover{
    background:#1DA1F2;
    color:#FFF;

}
#footer .social-icons .fa-google-plus {
    background:#3e4248;
    color:#FFF;
    padding:6px 0px 0px 0px;
}
#footer .social-icons .fa-google-plus:hover {
    background:#DB4437;
    color:#FFF;

}
#footer .social-icons .fa-youtube-play{
    background:#3e4248;
    color:#FFF;
    padding:6px 0px 0px 0px;
}
#footer .social-icons .fa-youtube-play:hover {
    background:#E62117;
    color:#FFF;
}
#footer .social-icons .fa-linkedin {
    background:#3e4248;
    color:#FFF;
    padding:6px 0px 0px 0px;
}
#footer .social-icons .fa-linkedin:hover {
    background:#0073B0;
    color:#FFF;

}

@media only screen and (min-width: 768px) {
    #footer .social-icons {
        float: right;
        font-size:16px;
    }
    #footer .social-icons .fa{
        height:28px;
    }
}
.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}
/*-------Jilani-------*/

.navbar-nav .signup{
    line-height: 16px; 
    padding: 10px 15px 10px 15px !important;
    margin: 15px 5px 0px 5px !important;
    display: block;
    color: #FFF !important;
    border: 2px solid #39b770;
    background: #39b770 !important;
    max-width: 150px;
    border-radius: 4px;
}
.navbar-nav .signup:hover{
    line-height: 16px; 
    padding: 10px 15px 10px 15px !important;
    margin: 15px 5px 0px 5px !important;
    display: block;
    max-width: 150px;
    color: #39b770 !important;
    background:#FFF !important;
    border:2px solid #39b770 !important;
    transition: 0.1s cubic-bezier(0, 0, 0.02, 1.35); 
    /*    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)*/
}

.navbar-nav .login{
    line-height: 16px; 
    padding: 10px 15px 10px 15px !important;
    margin: 15px 5px 0px 5px !important;
    display: block;
    color: #FFF !important;
    border: 2px solid #00BCD4;
    background: #00BCD4 !important;
    max-width: 150px;
    border-radius: 4px;
}
.navbar-nav .login:hover{
    line-height: 16px; 
    padding: 10px 15px 10px 15px !important;
    margin: 15px 5px 0px 5px !important;
    display: block;
    max-width: 150px;
    color: #46B5E4 !important;
    background:#FFF !important;
    border:2px solid #00BCD4 !important;
    transition: 0.1s cubic-bezier(0, 0, 0.02, 1.35);
    /*    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)*/
}




.services:hover {
    background: #F7F7F7;
    box-shadow: 0 0 5px #ddd;
    transition: box-shadow 0.2s ease-in-out;
}
.services:hover i {
    color: #656565;
}

/***********************
********* Back-to-Top-button ******
************************/
#back-to-top .btn.btn-primary:hover {
    background: #61c68d;
    border: 5px solid #39b770;
}
#back-to-top .btn.btn-primary {
    border-radius: 50%;
    padding: 0;
    font-size: 18px;
    width: 45px;
    height: 45px;
    background: #596468;
    border: 5px solid #6d7679;
    color: #fff;
    -webkit-box-shadow:1px 2px 9px 2px rgba(26, 26, 26, 0.22);
    box-shadow:1px 2px 9px 2px rgba(26, 26, 26, 0.22);
}
#back-to-top.affix {
    bottom: 30px;
}
#back-to-top {
    left: 40px;
    top: auto;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}
#back-to-top .btn.btn-primary:visited {
    background: #61c68d;
    border: 5px solid #39b770;
    color: #fff;
}
/*.Logo
{
    background:url('bundles/themelimit/custom/images/sprig_logo_transparant.png') no-repeat;
    width:
    width="auto" height="60px" src="{{ asset('resources/theme/custom/images/sprig_logo_transparant.png')}}" alt="logo"
}*/
.navbar-brand > img
{
    width:auto;
    height:55px;
}

#contact .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #666;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-radius: 4px 0px 0px 4px;
}


#planFeatures{
    width: 100%;
    border-radius: 3px;
    overflow-y: scroll;
    /*    border: 1px solid #e2e2e2;*/
    padding: 5px 5px 4px 9px;}

.nav-drop-shadow{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4) !important;
}

.margin-top-10{
    margin-top: 10px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-20{
    margin-bottom:  20px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}


/*section{
    border-bottom: 1px solid #f9f3f3; 
}*/
.bg-light{
    color:#2b2e33;
    /*    background: #eeeeee;
        background:linear-gradient(90deg,#dcdcdc,#eaeaea 30%,#ffffff 60%,#ffffff 75%,#ffffff 99%);*/
}
/*.signup_bg{
    background:linear-gradient(0deg,#9b9f9e,#e0e2e2 60%,#dfe1e1 75%,#cdd0d0 99%);
}*/
#cta2 {
    background: #EEF8F6;
    /*#39b770*/
}

#freeforever{
    color:#565c68;
    background: #fafeff;
}
#freeforever h3{
    color:#565c68;
}
#unlimited-students h3{
    color:#565c68;
}
#multibranch-management h3{
    color:#565c68;
}

#multibranch-management{
    background:#fafeff;
    color:#565c68; 
}
#unlimited-students{
    background: #fafeff;
    color:#565c68; 
}
ul li .checked{
    list-style-type: none;
}
ul li.checked:before{
    content:"\e372";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: -25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*.col-xs-1 img, .col-sm-1 img, .col-md-1 img, .col-lg-1 img, .col-xs-2 img, .col-sm-2 img, .col-md-2 img, .col-lg-2 img, .col-xs-3 img, .col-sm-3 img, .col-md-3 img, .col-lg-3 img, .col-xs-4 img, .col-sm-4 img, .col-md-4 img, .col-lg-4 img, .col-xs-5 img, .col-sm-5 img, .col-md-5 img, .col-lg-5 img, .col-xs-6 img, .col-sm-6 img, .col-md-6 img, .col-lg-6 img, .col-xs-7 img, .col-sm-7 img, .col-md-7 img, .col-lg-7 img, .col-xs-8 img, .col-sm-8 img, .col-md-8 img, .col-lg-8 img, .col-xs-9 img, .col-sm-9 img, .col-md-9 img, .col-lg-9 img, .col-xs-10 img, .col-sm-10 img, .col-md-10 img, .col-lg-10 img, .col-xs-11 img, .col-sm-11 img, .col-md-11 img, .col-lg-11 img, .col-xs-12 img, .col-sm-12 img, .col-md-12 img, .col-lg-12 img
{
    margin:auto;
}*/
/*.media-body > p{
    text-align: justify;
}*/


/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing {
    position:relative;
    border-radius:3px;
    margin-bottom:15px;
    box-shadow:0 0 5px #dad9d9;
}
.pricing:hover {
    box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
    color:#39b770;
}
.pricing-head {
    text-align:center;
}
.pricing h3,
.pricing h4 {
    margin:0;
    line-height:normal;
    font-weight:bold;
}
.pricing p {
    padding-top: 10px;
    font-size: 11px;
}
.pricing-head h3 span, 
.pricing-head h4 span {
    display:block;
    margin-top:5px;
    font-size:12px;
    font-style:italic;
}
.pricing-head h3 {
    color:#fafafa;
    padding:12px 0;
    font-size:20px;
    background:#39b770;
    border-radius:3px 3px 0 0;
    text-shadow:3px 1px 3px #607D8B
}
.pricing-head h4 {
    color: #666666;
    padding: 10px 0;
    font-size: 35px;
    text-shadow: 0 1px 0 #fff;
    border-bottom: solid 1px #f5f9e7;
    text-align: center;
}
.pricing-head h4 i {
    top:0px;
    font-size:20px;
    font-style:normal;
    position:relative;
    margin-right:5px;
}
.pricing-head h4 span {
    top:-10px;
    font-size:11px;
    font-style:normal;
    position:relative;
    text-transform: capitalize;
}

/*Pricing Content*/

.pricing-content  {
    margin-bottom: 0px;
}
.pricing-content li {
    color:#555;
    font-size:11px;
    padding:7px 15px;
    border-bottom:solid 1px #efefef;
    font-family:"Ubuntu";
    font-weight:500;
}
.pricing-content li i {
    color:#666666;
    font-size:16px;
    margin-right:5px;
    position:relative;
}

/*Pricing Footer*/
.pricing-footer {
    color:#777;
    font-size:11px;
    line-height:17px;
    text-align:center;
    padding:20px;
    border-radius:0 0 3px 3px;
}

/*Pricing Active*/
.price-active,
.pricing:hover {
    z-index:0;
    margin-top: -10px;
}
.price-active h4 {
    color:#74C52C;
}

/*Pricing Extra*/

.bg-color {
    background-color: #f9f9f9;	
}
.no-space-pricing {
    padding: 0 15px;
}

.sticker-right,
.sticker-left {
    color: #fff;
    width: 150px;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    position: absolute;
    text-align: center;
    letter-spacing: 2px;
}

.sticker-right {
    top: 13px;
    right: -49px;
    background: rgba(231, 76, 60, 1);
    transform: rotate(45deg);   
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.sticker-left {
    top: 9px;
    left: -48px;
    background: rgba(116, 197, 44, 1);
    transform: rotate(-45deg);   
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


.price-active
{
    z-index:0;
    margin-top: 0 !important;
}

/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
    .sticker-right {
        top: 10px;
        right: -58px;
        padding: 3px;
        font-size: 10px;
    }	
    .sticker-left {
        top: 10px;
        left: -58px;
        font-size: 10px;
        padding: 3px;
    }
}

/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
    /*Pricing Page*/
    .price-active,
    .pricing:hover {
        margin-top: 0;
    }
    .no-space-pricing [class^="col-"],
    .no-space-pricing [class*=" col-"] {
        padding: 10px;
    }

    /*End Pricing Page*/
}
.hover-effect {
    transition: all 0.4s ease-in-out;
}


/*Buttons Color*/
.btn-sprig:hover,
.btn-sprig:focus,
.btn-sprig:active,
.btn-sprig.active,
.open .dropdown-toggle.btn-sprig {
    background: #349a61;
    color:#FFF;
    text-decoration: none;
}


.btn-sprig {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #39b770;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}
.pricing-content li span{
    float:right;
}
.pricing-content li span i.icon-checkmark3{
    color:#39B770;
}
.pricing-content li span i.icon-x{
    color:red;
}


#homepage  h1 em{
    color:#526066;
    font-size: 24px;
    font-style: normal;

}

#homepage h2{
    font-size: 24px;
}
#homepage h3{
    font-size: 23px;
}

.pricing:hover.enterprice{
    z-index:0;
    margin-top: 0px!important;
}
#planspage .plans-page-header h2,
#faqpage .faq-page-header h2,
#docspage h2{
    font-size: 14px;
}

#contactpage h1{
    padding: 10px;
    font-size: 23px;
    color:#FFF;
    font-weight: 400;

}
#contactpage h2{
    font-size: 23px;
    color:#FFF;
    padding: 10px;
    font-weight: 400;
}


.dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;


}
#planspage a#mail:after{
    content:"support\40sprigpro.com"
}
span.red{
    color:red;
}
span.green{
    color:#39b770;
}

#featurespage .slider-wrapper{
    border: 1px solid #f1f1f1;
    padding: 2px;
}
@font-face {
    font-family: 'Ubuntu', sans-serif;
    src: url('../Ubuntu-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

#pricing ul.pricing li.plan-header .price-duration > span.price {
    font-size: 18px;
    font-weight: 700;
    margin-top: 35px;
}
#cta {
    background-color: #f6f6f6;
    padding:10px;
    /*color:#FFF;*/
}

#contact .contact-form {
    background:#FFF;
    margin-top: 0;
    padding:0 0 20px 0;
}
#pricing {
    padding: 0px 0 70px;
}
.c-layout-breadcrumbs.c-bordered-both {
    border-top: 1px solid #f4f8f9;
    border-bottom: 1px solid #f4f8f9;
}
.c-layout-breadcrumbs {
    background: #f6f6f6;
}
.c-layout-breadcrumbs.c-bordered {
    border-bottom: 1px solid #f4f8f9;
}
.c-layout-breadcrumbs .c-page-title.c-pull-left {
    float: left;
}
.c-layout-breadcrumbs .c-page-title {
    display: inline-block;
}
.c-layout-breadcrumbs .c-page-title p {
    color: #7f8c97;
    margin: 8px 0px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
}
.c-font-uppercase {
    text-transform: uppercase;
}
.c-font-sbold {
    font-weight: 500 !important;
}
.c-layout-breadcrumbs .c-page-breadcrumbs.c-pull-right {
    float: right;
}
.c-layout-breadcrumbs .c-page-breadcrumbs {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.c-layout-breadcrumbs .c-page-breadcrumbs > li, .c-layout-breadcrumbs .c-page-breadcrumbs > li > a {
    color: #7f8c97;
    font-size: 16px;
    font-weight: 400;
}
.c-layout-breadcrumbs .c-page-breadcrumbs > li {
    display: inline-block;
    margin: 8px 0px;

}
.c-layout-breadcrumbs .c-page-breadcrumbs > li, .c-layout-breadcrumbs .c-page-breadcrumbs > li > a {
    color:  #00BCD4;
    font-size: 13px;
}
.c-layout-breadcrumbs .c-page-breadcrumbs > li, .c-layout-breadcrumbs .c-page-breadcrumbs > li > a:active {
    color:#7f8c97;
    font-size: 13px;
    font-weight: 600
}
.form-heading{
    background-color: #3E4248;
    border-radius: 3px;
}
.form-heading h3{
    padding:10px;
    color:#FFF;
    font-size:19px;
    font-weight:400;
}
.mailing-heading{
    background-color: #3E4248;
    border-radius: 3px;
}
.mailing-heading h3{
    padding:10px;
    color:#FFF;
    font-size:19px;
    font-weight:400;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
    margin-left: 10px;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 12px;
    color:red;
}
.contact-form .btn-info {
    color: #fff;
    background-color: #3E4248;
    border-color: #676e79;
}
.contact-form .btn-info:hover {
    margin-top: 1px;
    border-bottom-width: 3px;
}
.contact-form .btn {
    border-width: 0;
    border-bottom-width: 4px;
    border-radius: 5px;
}
.contact-form .form-control option {
    font-size: 13px;
}
.contact-form .form-control option select {
    font-size: 13px;
}


/*.contact-form .btn{
    -webkit-transition-duration: 0.4s;  Safari 
    transition-duration: 0.4s;
}
.contact-form > .btn:after{
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}
.contact-form > .btn:active:after{
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}*/

/*-----------------------------------------------------------------------------------*/
/* Carousel */
/*-----------------------------------------------------------------------------------*/
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
} 

.carousel-control {
    background-image: none !important;
    background: #53514e;
    width: 50px;
    border-radius: 0px;
    font-size: 16px !important;
    height: 50px;
    margin-top: -33px;
    top: 50%;
    text-shadow: none;
    opacity: 0.2;
}
.carousel-control:focus {
    opacity: 0.5;
}

.carousel-control.left,
.carousel-control.icon-prev {
    left: 0px;
}

.carousel-control.left span,
.carousel-control.icon-prev span {
    font-size: 25px;
    margin-top: -13px;
    color: #F4F1EA;
}

.carousel-control.right,
.carousel-control.icon-next {
    right: 0px;
}

.carousel-control.right span,
.carousel-control.icon-next span {
    font-size: 25px;
    margin-top: -13px;
    color: #F4F1EA;
}

.carousel-indicators {
    bottom: 0;
    right: 30px;
}


.carousel.alternative {
    margin-bottom: 30px;
    padding: 0 40px 0px 40px;
    margin-top: 30px;
    /* Changes the position of the indicators */
    /* Changes the colour of the indicators */
}

.carousel.alternative img {
    padding: 4px;
    background: #ebebeb;
    box-shadow: 0 0 1px #b3b3b3;
}

.carousel.alternative .carousel-control.left,
.carousel.alternative .carousel-control.right {
    background-image: none !important;
    background-color: transparent;
}

.carousel.alternative .carousel-control.left span,
.carousel.alternative .carousel-control.right span {
    font-size: 18px;
    background: #b3b3b3;
    border-radius: 50%;
    padding: 5px;
}

.carousel.alternative .carousel-control.left {
    left: -12px;
}

.carousel.alternative .carousel-control.right {
    right: -12px !important;
}

.carousel.alternative .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -35px;
    margin-right: -19px;
}

.carousel.alternative .carousel-indicators li {
    background: #ebebeb;
}

.carousel.alternative .carousel-indicators .active {
    background: #b3b3b3;
}
.sprig-green{
    color:#39B770;
}



/* -------------------------------- 
        FAQ- Primary style
-------------------------------- */
*, *::after, *::before {
    box-sizing: border-box;
}

*::after, *::before {
    content: '';
}

.cd-faq-items {
    font-size: 100%;
    font-family: "Open Sans", sans-serif;
    color: #4e5359;
}
.cd-faq-items::after {
    /* overlay layer visible on small devices when the right panel slides in */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(78, 83, 89, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-faq-items.cd-overlay::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
body::after {
    display: none;
}


/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 0;
}
.cd-nugget-info a {
    position: relative;
    font-size: 14px;
    color: #6f8030;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
    opacity: .8;
}
.cd-nugget-info span {
    vertical-align: middle;
    display: inline-block;
}
.cd-nugget-info span svg {
    display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
    fill: #6f8030;
}


ul{
    list-style-type: none;
}
.cd-faq {
    width: 100%;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-faq::after {
    clear: both;
    content: "";
    display: table;
}
.cd-faq-trigger:hover, .cd-faq-trigger:active,.cd-faq-trigger:visited {
    color:#23527c;
    text-decoration:none;
}
.cd-faq {
    position: relative;
    box-shadow: none;
}
@media (min-width:320px) and (max-width:767px){

    .cd-faq-items {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        background: #ffffff;
        padding: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0) translateX(100%);
        -moz-transform: translateZ(0) translateX(100%);
        -ms-transform: translateZ(0) translateX(100%);
        -o-transform: translateZ(0) translateX(100%);
        transform: translateZ(0) translateX(100%);
        -webkit-transition: -webkit-transform .3s;
        -moz-transition: -moz-transform .3s;
        transition: transform .3s;
        margin:0px -5%;
    }
}
.cd-faq-items>ul>li{
    background-color: #fbfbfb;
}
.cd-faq-items.slide-in {
    -webkit-transform: translateZ(0) translateX(0%);
    -moz-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    -o-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    margin: 0px -18px;
    background: transparent;
}
.cd-faq-items {
    float: none;
    width: 100%;
}
.no-js .cd-faq-items {
    padding-left: 0;
}


.cd-faq-group {
    /* hide group not selected */
    display: none;
}
.cd-faq-group.selected {
    display: block;
}
.cd-faq-group .cd-faq-title {
    background: transparent;
    box-shadow: none;
    margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
    box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #888888;
}
.no-js .cd-faq-group {
    display: block;
}
.cd-faq-group {
    /* all groups visible */
    display: block;
}
.cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 10px;

}

.cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
}
.cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
}

.cd-faq-trigger {
    position: relative;
    display: block;
    line-height: 1.2;
    color:#727272;

}
.cd-faq-trigger:hover{
    border-top: 1px solid #00bcd4;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.cd-faq-trigger {
    font-size: 15px;
    margin: 0;
    padding: 15px 10px;
    border:1px solid #dfdfe1;
}
.cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #666666;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
}
.cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-faq-content p {
    font-size: 14px;
    line-height: 1.4;
    color: #727272;
}
.cd-faq-content {
    display: none;
    padding: 15px;
    background:#FFF;
    border:1px solid #dfdfe1;
    border-top: none;

}
.cd-faq-content p {
    line-height: 1.6;
}
.no-js .cd-faq-content {
    display: block;
}

.cd-faq-content:hover .cd-faq-trigger{
    text-decoration: none;
}
ul#navbar-example li {
    background: #f3f3f3;
    border-radius: 5px;
    margin: 3px;
}
ul#navbar-example li:hover a{
    color:#FFF;
    border-radius: 5px;
    background:#676866!important;

}
.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

.reverse{
    unicode-bidi:bidi-override;
    direction: rtl; 
}
#faqpage p {
    font-size: 13px;
}
input[type=radio], input[type=checkbox]{
    vertical-align: middle;
    margin: 0!important;
}

.navbar.navbar-default .navbar-toggle {
    margin-top: 15px;
    margin-bottom: 5px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color:#39B770 !important;
    border-color:#39B770 !important;
    border-radius: 4px;
}
.navbar-toggle:hover {
    background-color:#FFF !important;
}
.navbar-default .navbar-toggle:hover .icon-bar{
    background-color:#39B770 !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:0;
}
@media (min-width:480px) and (max-width:640px){
    .navbar.navbar-default .navbar-toggle {
        margin-top: 18px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    #main-menu .navbar-nav .login{
        margin:0px!important;
    }
    #main-menu .navbar-brand > img {
        width: auto;
        height: 45px;

    }

    .navbar.navbar-default .navbar-brand{
        float: left;
        height: 55px;
        padding: 5px 10px;
        font-size: 18px;
        line-height: 20px;
    }
    .carousel-control{
        width:35px!important;
        height: 35px!important;
    }
    .carousel-control.left span, .carousel-control.icon-prev span,
    .carousel-control.right span, .carousel-control.icon-next span{
        font-size: 18px!important;
        margin-top: -10px;
    }
    .home-slider #item-1 h1 {
        font-size: 18px!important;
    }
    .home-slider #item-1 h2{
        font-size: 16px!important;
        margin-top: 5px!important;
    }
    .home-slider #item-1 ul > li{
        font-size: 12px!important;
        padding:1px!important;

    }
    .home-slider #item-2 h1 {
        font-size: 18px!important;
    }
    .home-slider #item-2 h2{
        font-size: 16px!important;
        margin-top: 5px!important;
    }
    .home-slider #item-2 ul > li{
        font-size: 12px!important;
        padding:1px!important;
        text-align: justify;
    }
    .home-slider #item-3 h1 {
        font-size: 18px!important;
    }
    .home-slider #item-3 h2{
        font-size: 16px!important;
        margin-top: 5px!important;
    }
    .home-slider #item-3 ul > li{
        font-size: 12px!important;
        padding:1px!important;
        text-align: justify;
    }
    .btn-sprig{
        margin-top: -20px;
    }
    .carousel-indicators{
        display: none;
    }
    #homepage #cta2 .btn-sprig{
        margin: 10px 0px;
    }
    #homepage #cta2{
        text-align: center!important;
    }
}
@media (max-width: 997px){
    #homepage #cta2{
        text-align: center!important;
    }
}
@media (min-width: 998px){
    #homepage #cta2{
        text-align: center!important;
        padding:5px;
    }
}
#blogpage h1,
#blogIdpage h1,
#blogBycategoryPage h1,
#blogByYearPage h1{
    font-size: 24px;
    margin:0 0 15px 0;
}
#blogpage h1 a,
#blogIdpage h1 a,
#blogBycategoryPage h1 a,
#blogByYearPage h1 a{
    text-decoration: none;
}
.img-box{
    height:180px;
    overflow-y: hidden;
    border-radius: 27px 0px 27px 0;
    margin-top: 4px;
}
.img-box a img{
    width: 100%;
}
.img-box a img:hover{
    opacity:0.9;    
}
.blog-posted{
    margin-bottom: 20px;
}
.blog-posted span.posted-date{
    color:#67686a;
    padding: 5px 0px;
}
.blog-posted .post-content{
    padding: 10px 0px
}
.content-block hr{
    padding-left: 0;
    padding-right: 0;
}
.widget h3:first-child.widgettitle{
    margin-top:0;
    font-size: 22px

}
.widget h3:first-child.widgettitle:after{  
    border-top: 1px solid 
}
.widget ul{
    margin: 0 0 0 10px;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
}
.widget ul li:before{
    content:"\edc5";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget ul li{
    font-size: 13px;
}
.widget ul li a{
    text-decoration: none;
}
.event-date {
    display: block;
    margin-bottom: 5px;
    float: left;
    margin-right: 20px;
    padding: 8px;
    color: #fff;
    width: 60px;
    text-align: center;
    background:#596468;
}
.meta-data {
    color: #aaa;
    font-size: 13px;
    line-height: 16px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
}
.event-date .date {
    font-size: 34px;
    line-height: 34px;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.5);
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.meta-data > span:last-child {
    margin-right: 0;
}
.meta-data > span {
    display: inline-block;
}
.widgettitle {
    margin-bottom: 10px;
    position: relative;
}
.blog-post-media {
    margin-bottom: 20px;
}
.blog-post-media img{
    border-radius: 27px 0px 27px 0;
    border: 1px solid rgba(234, 234, 234, 0.43);
    padding: 5px;
    box-shadow: 0px 0px 3px 0px rgb(222, 222, 222); 
}
.read-story{
    color: #969da7;
}
.read-story a{
    border:1px solid #aaa;
    font-weight: 500;
    font-size:13px;
}
.read-story a i{
    color:#39B770;
    font-size: 13px;
    transition:all .2s ease-out

}
.read-story a:hover{
    color:#475d7d !important;
}
.read-story a:hover i{
    margin-left: 5px;

}
.tb-margin-20{
    margin:20px 0;
}
.landing-tab h4{
    margin-left: 15px;
    padding: 10px 0 2px 0;
}
.landing-tab {
    position: relative;
}
.landing-tab .nav-tabs {
    padding: 10px 0;
    border-bottom: 0;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.landing-tab .nav-tabs > li {
    padding: 10px 0;
    background:#F6F6F6;
}
.nav-stacked>li {
    float: none;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;}
.landing-tab .nav-tabs > li > a {
    background: none !important;
    border-radius: 0;
    padding: 0 15px 0;
    color: #EEEEEE !important;
    position: relative;
    border: 0 !important;
    text-align:left;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.landing-tab .tab-icon {
    font-size: 28px;
    display: inline-block;
}
.landing-tab .tab-info {
    display: inline;
    vertical-align: middle;
    margin-top: -12px;
    font-size:12px;
    color:#727272;
    text-transform: uppercase;
    font-weight: bold;

}
.landing-tab .nav-tabs>li.active,.landing-tab .nav-tabs>li:visited {
    background: #39b770;
}
.landing-tab .nav-tabs>li:hover {
    background: #39b770;
}
.landing-tab .nav-tabs>li.active .tab-info{
    color:#FFF;
}
.landing-tab .nav-tabs>li:hover .tab-info{
    color:#FFF;
}
.landing-tab .tab-content{
    border:none;
    padding: 0;
}
.landing-tab .tab-content .tab-pane{
    margin-top:-13px;
}
.nav-stacked>li {
    float: none;
}
/* ===== Homepage Slider ===== */
/*.home-slider {
    margin-top: -30px;
}*/
.home-slider .carousel-inner{
    background:#223943;
    background-image: -webkit-linear-gradient(-9deg,#697377,#223943 41%,#223943 78%);
    background-image: linear-gradient(-9deg,#697377,#223943 41%,#223943 78%);
}
.home-slider .carousel-inner > .item {
    height: 500px;
    overflow: hidden;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
}
.home-slider .carousel-inner > .item .bg-img {
    position: absolute;
    top: 30px;
    left: 42%;
    height: 100%;
}
.home-slider .carousel-inner > .item .bg-img img {
    height: auto;
    width: 100%;
}
.home-slider .carousel-inner > .item .home-slider__content {
    padding-top: 50px;
}
.home-slider h3 {
    color: #ed3e49;
}
.home-slider p {
    margin: 35px 0;
    line-height: 1.5;
}
.home-slider ul {
    list-style-type: none;
    padding: 0;
}
.home-slider .carousel-indicators .active {
    width: 25px;
    height: 8px;
    margin: 1px;
    background-color: rgba(255, 255, 255, 0.65);
}
.home-slider .carousel-indicators li {
    display: inline-block;
    width: 25px;
    height: 8px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(238, 248, 246, 0.19);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0px!important;
}
.home-slider #item-1 {
    background:#1E434B;
    background-image: -webkit-linear-gradient(130deg,#39b770,#12849a 41%,#074460 78%);
    background-image: linear-gradient(-40deg,#39b770,#12849a 41%,#074460 78%);
}
.home-slider #item-1 h1{
    color:#FFF;
    font-size: 24px;
    font-weight: normal!important;
}
.home-slider #item-1 h2 {
    font-size: 22px;
    color: #39b770;
    font-weight: normal!important;
}
.home-slider #item-1 ul {
    margin: 20px 0;
}
.home-slider #item-1 ul > li {
    font-size: 14px;
    padding: 5px 0;
    color:#FFF;
    font-weight: normal!important;
}
.home-slider #item-1 ul > li > i {
    color: #FFF;
    font-size: 22px
}
.home-slider #item-2 {
    background:#223943;
    background-image: -webkit-linear-gradient(-9deg,#697377,#223943 41%,#223943 78%);
    background-image: linear-gradient(-9deg,#697377,#223943 41%,#223943 78%);

}
.home-slider #item-2 h1{
    color:#FFF;
    font-size: 24px;
    font-weight: normal!important;
}
.home-slider #item-2 h2 {
    font-size: 22px;
    color: #39b770;
    font-weight: normal!important;
}
.home-slider #item-2 ul {
    margin: 20px 0px;
}
.home-slider #item-2 ul > li {
    font-size: 14px;
    padding: 5px 0;
    color:#FFF;
}
.home-slider #item-3 {
    background: #004258;
    background-image: -webkit-linear-gradient(123deg,#036382,#074460 29%,#074460 92%);
    background-image:linear-gradient(-33deg,#036382,#074460 29%,#074460 92%);
}
.home-slider #item-3 h1{
    color:#FFF;
    font-size: 24px;
    font-weight: normal!important;
}
.home-slider #item-3 h2 {
    font-size: 22px;
    color: #39b770;
    font-weight: normal!important;
}
.home-slider #item-3 ul {
    margin: 20px 0;
}
.home-slider #item-3 ul > li {
    font-size: 14px;
    padding: 5px 0;
    color:#FFF;
}
.home-slider #item-3 ul > li > i {
    color: #FFF;
}
@media (min-width:480px) and (max-width:640px){
    #home-slider .home-slider__content h1{
        margin-top:10px;
    }
    .home-slider .carousel-inner > .item .bg-img img {
        width: 100%;
    }
    .home-slider  ul{
        margin: 15px 0px!important;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .home-slider .carousel-inner > .item {
        text-align: center;
    }
    .home-slider .carousel-inner > .item .home-slider__content {
        padding-top: 0px;
    }
    .home-slider #item-2 ul > li > span {
        font-size: 22px;
        margin-bottom: 7px;
    }
    .home-slider #item-3 ul > li > span {
        font-size: 22px;
        margin-bottom: 7px;
    }
    .home-slider .carousel-inner > .item .bg-img {
        position: relative;
        left: 0!important;
        top:0!important;
        height: 100%;
        z-index: -1;
    }
    #back-to-top .btn.btn-primary{
        width: 35px;
        height: 35px;
        border:none;
        background: rgba(0,0,0,0.5);
    }
    #back-to-top.affix{
        bottom: 15px;
    }
    #back-to-top .btn.btn-primary:hover{
        border:none;
    }

}
@media (min-width: 768px) and (max-width: 991px){
    .home-slider .carousel-inner > .item .home-slider__content {
        padding-top: 0px;
    }
    .home-slider .carousel-inner > .item .bg-img img {
        height: auto;
        width: 100%;
        z-index: -1;
    }
    .home-slider .carousel-inner > .item .bg-img {
        top: 13%;
        left: 32%;
        right: -7%;
    }
}
@media (min-width: 991px) and (max-width: 1199px){
    .home-slider .carousel-inner > .item .home-slider__content {
        padding-top: 0px;
    }
    .home-slider .carousel-inner > .item .bg-img img {
        height: auto;
        width: 100%;
        z-index: -1;
    }
    .home-slider .carousel-inner > .item .bg-img {
        top: 10%;
        left: 38%;
        right: -5%;
    }
}
@media (min-width: 1200px) and (max-width: 1366px){
    .home-slider .carousel-inner > .item .bg-img {
        top: 5%;
        left: 40%;
    }
}
@media (min-width: 1367px) and (max-width: 1439px){}
@media (min-width: 1440px) and (max-width: 1600px){
    .home-slider .carousel-inner > .item .bg-img {
        top: 5%;
        left: 42%;
    }
}
@media (min-width: 1600px){
    .home-slider  ul > li {
        font-size: 16px!important;
    }
    .home-slider  h1{
        font-size: 28px!important;
    }
    .home-slider  h2{
        font-size: 24px!important;
    }
}
@media (min-width: 1920px){
    .home-slider  ul > li {
        font-size: 15px!important;
    }
    .home-slider  h1{
        font-size: 26px!important;
    }
    .home-slider  h2{
        font-size: 23px!important;
    }
}
@media (min-width: 2560px){
    .home-slider  ul > li {
        font-size: 16px!important;
    }
    .home-slider  h1{
        font-size: 28px!important;
    }
    .home-slider  h2{
        font-size: 24px!important;
    }
}

/* ===== Carousel ===== */
/*** Slideshow controls ***/
a.carousel-arrow {
    height: 70px;
    width: 70px;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -25px;
    background: transparent;
    color: transparent;
    font-size: 55px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}
.carousel:hover a.carousel-arrow {
    color: #FFF;
}
.carousel:hover a.carousel-arrow:hover,
.carousel:hover a.carousel-arrow:active {
    text-decoration: none;
}
a.carousel-arrow-prev {
    left: 10px;
    right: auto;
    padding-right: 5px;
}
a.carousel-arrow-next {
    right: 10px;
    left: auto;
    padding-left: 5px;
}
/*.home-slider__content h1{
    color:#FFF;
    font-size: 25px;
}*/
.home-slider__content p{
    color:#FFF;
}

.footer-nav a{
    font-size: 12px;
    font-weight: 600!important;
}

/* on select text*/
::-ms-selection { /* Code for IE */
    background-color:#61C68D;
    color:#fff;
}
::-o-selection { /* Code for Opera */
    background-color:#61C68D;
    color:#fff;
}
::-webkit-selection { /* Code for Chrome */
    background-color:#61C68D;
    color:#fff;
}
::-moz-selection { /* Code for Firefox */
    background-color:#61C68D;
    color:#fff;
}

::selection {
    background-color:#61C68D;
    color:#fff;
}
.features-content{
    margin:10px 0px;
}
/*-------madhuri-------*/
.form-group > ul > li{
    color: red;
}

.form-group >  ul{
    list-style: none;
}

/*---- --------------------*/
#whysprig{
    background: #FAFEFF;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #dddddd;
    opacity: 1;
}
.footer-nav {
    display: flex;
    flex-wrap: wrap;
}

.footer-nav a {
    flex: 0.5 0.5 35%;
    text-align: center;
}