.area-padding {
    padding: 70px 0px 80px;
}
.area-padding-2 {
    padding: 70px 0px 50px;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.section-headline h2 {
    font-size: 30px;
}
.section-headline h3 {
    font-size: 25px;
}
.section-headline h2 {
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 70px;
    position: relative;
    text-transform: capitalize;
}
.section-headline h2::after {
    border: 1px solid #333;
    bottom: -20px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 40%;
}
.section-headline.services-head>h2 {
    margin-bottom: 25px;
}
.wellcome-text .section-headline p {
    margin-bottom: 0;
}

.team-content.text-center>h4 {
    font-size: 20px;
}
.team-left-icon.text-center {
    margin-bottom: 20px;
}
.testi-text.text-center>h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}

/*----------------------------------------
  6.Faq Area
----------------------------------------*/
.faq-details .panel-heading {
    padding: 0;
}
.panel-default>.panel-heading {
    background-color: transparent;
    border: medium none;
    color: #333;
}
.faq-details h4.check-title a {
    color: #333;
    display: block;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 40px;
    padding: 6px 10px;
    text-decoration: none;
}
.panel-body {
    padding: 5px 5px 0px 5px;
}
.faq-details h4.check-title {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
.faq-details a span.acc-icons {
    position: relative;
}
.faq-details a span.acc-icons::before {
    color: rgb(240, 240, 240);
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    height: 40px;
    left: -51px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 42px;
}
.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
    color: #BCB400;
}
.faq-details a.active span.acc-icons::before {
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    height: 40px;
    left: -51px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 42px;
}

.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}






/* Tab Menu */
.tab-menu ul.nav li a {
    padding: 10px 16px;
}
.tab-menu {
    margin-top: 30px;
}
.tab-menu ul.nav li a {
    padding: 8px 6px;
}
.tab-menu ul.nav li a {
    padding: 8px 20px;
}
.tab-menu .nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}
.tab-menu {
    display: block;
    text-align: center;
}
.tab-menu ul.nav {
    margin: 0;
    padding: 0;
}
.tab-menu ul.nav li {
    border: medium none;
    display: inline-block;
}
.tab-menu ul.nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #444;
    display: block;
    font-weight: 500;
    margin-right: 5px;
    padding: 10px 20px;
    font-family: raleway;
    font-size: 18px;
}
.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
    border-bottom: 1px solid #fff;
    color: #3EC1D5 !important;
}
.tab-menu .nav-tabs {
    border-bottom: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.nav-tabs-justified {
    border-bottom: 0;
}
.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tab-content {
    border: 1px solid #ccc;
    padding: 0 15px 15px;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}

.event-content.head-team h4 {
    background: transparent none repeat scroll 0 0;
    color: #333;
    padding: 30px 0 10px;
    font-weight: 500;
    text-transform: capitalize;
}

.head-team h5 {
    font-size: 22px;
}
.head-team h4 {
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
[role="button"] {
    cursor: pointer;
}

.nivo-controlNav a:hover, .nivo-controlNav a.active {
    background: #fff none repeat scroll 0 0;
    border-color: #3EC1D5;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.preview-1 .nivo-controlNav a.active {
    background-position: 0 -22px;
}
.preview-1 .nivo-controlNav a:hover, .preview-1 .nivo-controlNav a.active {
    background: #000;
    cursor: pointer;
}
.main-menu ul.navbar-nav li.active a::after, .stick .main-menu ul.navbar-nav li.active a::after {
    border: 0px solid #fff;
}

a:active, a:hover {
    outline: 0 none;
}
.stick .main-menu ul.navbar-nav li.active > a::after {
    border: 1px solid #fff;
    bottom: 0px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
.main-menu ul.navbar-nav li.active a:hover {
    background: none;
    color: #fff;
}
.main-menu ul.navbar-nav li.active a:focus {
    color: #fff;
}
.stick .main-menu ul.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    position: relative;
}
.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background: none;
    color: #333;
}
.project-menu li a.active, .project-menu li a:hover {
    border-color: #3EC1D5;
    background: #3EC1D5;
    color: #fff;
    text-decoration: none;
}
.pri_table_list.active {
    transition: all 0.4s ease 0s;
    position: relative;
    overflow: hidden;
}
.active>h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333;
    transition: all 0.4s ease 0s;
}
.active>button {
    background: #3EC1D5 none repeat scroll 0 0;
    border: 1px solid #3EC1D5;
    color: #fff;
    transition: 0.4s;
}
.active>button:hover {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    transition: 0.4s;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background: #3EC1D5;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #3EC1D5;
    border-color: #3EC1D5;
    color: #fff;
    cursor: default;
    z-index: 3;
}

/* Custom List Styling */
.list-styling {
    list-style: none;
}
.list-styling:before {
    content:"\2713\0020";
    font-weight: bold;
    color: #a94442;
}

.single-li-styling hr {
    margin: 0px 0px 10px 0px;
    background-color: #337ab7;
}
.single-li-styling {
    list-style: none;
    padding: 10px 0px 0px 5px;
}
.single-li-styling:before  {
    content: "\00BB\0020";
    font-weight: bold;
    color:#337ab7;
}

.inside-list-styling {
    list-style: none;
}
.inside-list-styling li:before {
    content:"\203A\0020";
    font-weight: bold;
    color:#337ab7;
}

/* Media Queries */
@media only screen and (min-width: 1200px) {
    .custom-media {
      height: 480px;
    }
}

@media only screen and (max-width: 991px){
    .custom-media {
      height: 400px;
    }
}

@media only screen and (max-width: 390px){
    #logo-id {
        font-size: 25px;
    }
}

@media only screen and (max-width: 355px){
    #logo-id {
        font-size: 20px;
    }
}