/*

Theme Name: Portal

Theme URI: http://dedicated.crazycafe.net/promsurance

Author: online crazycafe

Author URI: http://crazycafe.net/

Description: CrazyCafe WordPress theme

Version: 1.0.0

License: GNU General Public License

License URI: licensing/README_License.txt

Text Domain: promsurance-crazycafe

Tags: two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template, theme-options



*/



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

>>> TABLE OF CONTENTS:

--------------------------------------------------------------



01. common

02. header 

03. footer

04. blog

05. preloader

06. responsive



--------------------------------------------------------------

# 01. common & reset

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



input[type=text], input[type=email], input[type=password], input[type=url], input[type=search], input[type=tel], textarea {

    border: 1px solid #ddd !important;

    padding: 10px !important;

}



input[type=submit],

button[type=submit] {

    background: #373737;

    color: #fff;

    border: none;

    padding: 11px 20px;

    font-weight: 700;

}



input:focus, textarea:focus, a:focus, button:focus {

    outline: none

}



body {

    color: #7b7b7b;

    font-size: 14px;

    font-weight: 300;

    background-color: #fff;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 15px;

    font-weight: 600;

    color: #373737;

}



.margin-top {

    margin-top: 20px;

}

.slicknav_menu{

    text-align: right;

}

.slicknav_menu ul{

    text-align: left;

}



.slicknav_btn, .slicknav_nav{

    background-color: #2ecc71;

}



a:hover,

a:focus {

    text-decoration: none;

}



img {

    height: auto;

    max-width: 100%;

}



.entry-content {

    margin: 0;

}



.top-links a {

    color: #7b7b7b;

    margin-right: 30px;

}





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

# 02. Header

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



.top-social-icons i.fa {

    

}



.top-social-icons a {

    margin-left: 10px;

    color: #999;

}



.top-social-icons a:hover i.fa {

    color: #fff;

}



.header-top-area {

    padding: 10px 0;

    background: #081a42;

}



.top-links {

    margin-top: 6px;

}



.header-menu-area {

    border: none;

    background-color: #0b2256;

    padding-bottom: 20px;

}



.mainmenu ul {

    list-style: outside none none;

    margin: 0;

    padding-top: 42px;

    text-align: right;

}



    .mainmenu ul li {

        display: inline-block;

        padding-left: 40px;

        padding-right: 40px;

        border-right: 1px solid #fff;

    }



        .mainmenu ul li:last-child {

            border-right: none;

        }



        .mainmenu ul li a {

            color: #bdc3c7;

            display: inline-block;

            -webkit-transition: 0.3s;

            transition: 0.3s;

            font-size: 17px;

            padding-top: 15px;

            padding-bottom: 15px;

        }



.mainmenu ul li:last-child a {

    padding-right: 0;

}



.mainmenu ul li a:hover {

    color: #2ecc71;

}



.logo img {

    margin-top: 22px;

}

.logo h2{

    margin: 17.5px 0

}

.section-enable-padding {

    padding-top: 10px;

}







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

# 03. Footer

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



.footer-top-area {

    border-top: solid 5px #5d658f;

    background-color: #f1f3f6;

    margin-top: 80px;

    padding-bottom: 10px;

    padding-top: 50px;

}



.footer-top-area input[type=submit],

.footer-top-area button[type=submit] {

    background-color: #fff;color: #333

}



.footer-top-area .search-form label, .footer-top-area .search-form input[type=search] {

    display: block;

    width: 100%;

}



.footer-top-area h4.widget-title {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 25px;

    color: #fff;

}

.footer-top-area .widget select {

    color: #333;

}



.footer-top-area .widget_nav_menu ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.footer-top-area .widget_nav_menu ul li a {

    color: #fff;

    font-weight: 300;

    line-height: 1.8;

    text-transform: capitalize;

}



.footer-top-area .widget_text .textwidget {

    font-weight: 300;

    line-height: 1.8;

}



.footer-bottom-area {

    background: #393939 none repeat scroll 0 0;

    color: #fff;

    font-weight: 300;

    padding: 15px 0;

}



.footer-top-area .widget_text .textwidget p {

    line-height: 1.55;

}



.footer-middle-area {

    background: #5d658f;

    padding-top: 50px;

    padding-bottom: 30px;

    color: #bdc3c7;

}



.footer-middle-area h2 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

}



    .footer-middle-area h3 {

        color: #fff;

        font-size: 14px;

        font-weight: 500;

        margin-top: 15px;

        margin-bottom: 3px;

    }



    .footer-middle-area h4 {

        font-size: 14px;

        color: #bdc3c7;

        font-weight: bold;

        margin-top: 8px;

        margin-bottom: 3px;

    }



.promsurance-breadcrumb-area {

    background-position: center center;

    background-size: cover;

    padding: 60px 0;

    text-align: center;

    background-color: #f7f7f7;

}



.promsurance-breadcrumb-area.offwhite-color-breadcroumb {background-color: #f7f7f7}



.promsurance-breadcrumb-area h1 {

    color: #373737;

    font-size: 30px;

    font-weight: 700;

}



.promsurance-breadcrumb-area span[typeof="ListItem"] {

    color: #7b7b7b;

    margin: 5px;

    text-transform: capitalize;

}



.promsurance-breadcrumb-area a {

    color: #7b7b7b;

}





.footer-top-area .widget a.social-btn {

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    color: #373737;

    display: inline-block;

    height: 30px;

    line-height: 31px;

    margin-right: 10px;

    margin-top: 15px;

    text-align: center;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 30px;

}



.footer-top-area .widget a.social-btn:hover {

    background: #2ecc71 none repeat scroll 0 0;

    color: #fff;

}



.mainmenu ul li{

    position: relative;

}



.mainmenu ul li ul {

    background: #fff none repeat scroll 0 0;

    left: 0;

    position: absolute;

    top: 120%;

    width: 260px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .3);

    margin: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

    z-index: 999999;

    text-transform: none;

    -webkit-transition: .4s;

    transition: .4s

}



.mainmenu ul > li:nth-last-child(1) > ul,

.mainmenu ul > li:nth-last-child(2) > ul,

.mainmenu ul > li:nth-last-child(3) > ul,

.mainmenu ul > li:nth-last-child(4) > ul {

    right: 0;

    left: auto;

}



.mainmenu ul li ul li {

    display: block;

}



.mainmenu ul li ul li a {

    display: block;

    text-align: left;

    margin: 0;

    padding: 5px 15px;

    line-height: 30px;

    text-transform: none

}



.mainmenu ul li ul li:hover > a,

.mainmenu ul li ul li.current_page_item > a,

.mainmenu ul li ul li.current-page-ancestor > a {

    border-color: transparent;

    background-color: #f3f2f2;

    border-left-color: #f4bc4d;

}



.mainmenu ul li ul li ul {

    left: 100%;

    top: 200%;

}



.mainmenu ul > li:nth-last-child(4) ul > li > ul,

.mainmenu ul > li:nth-last-child(5) ul > li > ul,

.mainmenu ul > li:nth-last-child(1) ul > li > ul,

.mainmenu ul > li:nth-last-child(2) ul > li > ul,

.mainmenu ul > li:nth-last-child(3) ul > li > ul,

.mainmenu ul > li > ul > li > ul > li > ul {

    left: auto;

    right: 100%;

}



.mainmenu ul > li:nth-last-child(1) > ul > li > ul > li > ul,

.mainmenu ul > li:nth-last-child(2) > ul > li > ul > li > ul,

.mainmenu ul > li:nth-last-child(3) > ul > li > ul > li > ul,

.mainmenu ul > li:nth-last-child(4) > ul > li > ul > li > ul,

.mainmenu ul > li:nth-last-child(5) > ul > li > ul > li > ul {

    right: auto;

    left: 100%;

}



.mainmenu .sub-siblings:before {

    content: "\f105";

    font-family: "fontawesome";

    margin-left: 7px;

    position: absolute;

    top: 50%;

    right: 7px;

    line-height: 20px;

    margin-top: -10px;

}



.mainmenu ul li ul li a.sub-siblings:before {

    right: 20px;

}



.mainmenu ul > li:hover > ul {

    top: 100%;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}



.mainmenu ul > li:hover > ul > li:hover > ul,

.mainmenu ul > li:hover > ul > li:hover > ul > li:hover > ul {

    top: -1px;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}



.mainmenu ul > li:hover > a.sub-siblings:before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.mainmenu ul > li > a.sub-siblings {

    padding-right: 20px;

}



.mainmenu ul ul li.current_page_item > a:after,

.mainmenu ul ul li:hover > a:after {

    height: 2px

}



.mainmenu ul li#menu-item-40 a:hover {

    color: #000;

    -webkit-transition: all .3s;

    transition: all .3s;

}





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

# 04. Blog

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



.entry-header h2 {

    font-size: 25px;

    margin-bottom: 15px;

}



.entry-meta,

.entry-footer {

    font-size: 90%;

}



.entry-footer {

    margin-top: 20px;

}



.promsurance-readmore-btn {

    background: #2ecc71 none repeat scroll 0 0;

    border: 2px solid #2ecc71;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    margin-top: 5px;

    padding: 12px 25px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.promsurance-readmore-btn:hover {

    background: #fff none repeat scroll 0 0;

    color: #2ecc71;

}



/*article.post {

    margin-bottom: 50px;

}*/



.navigation.comment-navigation {

    overflow: hidden;

    margin-bottom: 20px;

}

.comment-content table {

    border-left: 1px solid #ddd;

    border-top: 1px solid #ddd;

}

.comment-content table td,

.comment-content table th {

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    padding: 10px;

}

.comment-content ol {

    padding-left: 15px;

}

.promsurance-blog-listing .promsurance-readmore-btn {

    display: block;

    width: 160px;

    text-align: center;

    margin-top: 10px;

}



.entry-header h3 a {

    color: #263073;

}



.entry-header {

    margin-bottom: 25px;

}



.promsurance-featured-content {

    margin-bottom: 30px;

}



article.post, .search-results article {

    /*background: #f8f7f7 none repeat scroll 0 0;*/

    color: #263073;

    padding: 30px;

}



/*.search-results article {margin-bottom: 50px;}*/



.entry-content {

    line-height: 1.7;

}



.entry-summary {

    text-align: justify;

}



.entry-meta>span,

.entry-footer>span {

    margin-right: 15px;

}



.entry-meta a,

.entry-footer a {

    color: #263073;

    margin-left: 5px;

}



.widget h2.widget-title {

    font-size: 20px;

    margin-bottom: 45px;

    position: relative;

    text-transform: uppercase;

}



.widget ul {

    line-height: 2;

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.widget a {

    color: #7b7b7b;

}



.widget {

    display: inline-block;

    margin-bottom: 50px;

    width: 100%;

}



.widget-footer {

    display: inline-block;

    /*margin-left: 5px;*/

    margin-bottom: 0px !important;

    width: auto !important;

}

@media only screen and (max-width: 991px) {

    .widget-footer {

        width: 100% !important;

        text-align: center;

    }



    .widget-footer img {

        /*max-height: 62px;*/

        width: auto;

    }

}



.widget ul ul {

    padding-left: 15px;

}



.widget ul ul ul {

    padding-left: 5px;

}



.widget table {

    border-right: 1px solid #ddd;

    border-top: 1px solid #ddd;

    width: 100%;

    text-align: center;

}



.widget table th,

.widget table td {

    border-bottom: 1px solid #ddd;

    border-left: 1px solid #ddd;

    padding: 5px;

}



.widget table th {

    background: #ddd none repeat scroll 0 0;

    color: #373737;

    font-weight: 700;

}



.widget.widget_rss li {

    margin-bottom: 30px;

}



.widget.widget_rss .rssSummary {

    font-size: 95%;

    padding-top: 10px;

}



.widget.widget_rss cite {

    display: block;

    font-weight: 700;

    padding-top: 10px;

}



.widget.widget_rss .rsswidget {

    font-size: 110%;

}



.widget.widget_rss .rss-date {

    font-size: 80%;

}



.entry-content table {

    border-bottom: 1px solid #ddd;

    border-left: 1px solid #ddd;

    margin-bottom: 30px;

}



.entry-content table td,

.entry-content table th {

    border-right: 1px solid #ddd;

    border-top: 1px solid #ddd;

    padding: 10px;

}



.entry-content table th {

    background: #f8f8f8 none repeat scroll 0 0;

}



.entry-content dd {

    margin-bottom: 15px;

}



.entry-content ul,

.entry-content ol {

    padding-left: 15px;

}



.navigation.post-navigation .nav-links {

    border-bottom: 1px solid #ddd;

    border-top: 1px solid #ddd;

    margin-bottom: 30px;

    overflow: hidden;

}



.nav-links a {

    color: #2ecc71;

    display: block;

    padding: 10px 0;

}



.entry-content .page-links {

    margin-top: 30px;

}



.page-links>a {

    border: 1px solid #ddd;

    border-radius: 3px;

    color: #373737;

    font-weight: 700;

    margin-right: 5px;

    padding: 10px 15px;

}



.widget h2.widget-title:after {

    background: #2ecc71 none repeat scroll 0 0;

    bottom: -22px;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 45px;

}



.calendar_wrap table tfoot {

    background: #ddd none repeat scroll 0 0;

}



#wp-calendar td#today {

    background: #2ecc71 none repeat scroll 0 0;

    color: #fff;

    font-weight: 600;

}



.cat-links a {

    text-decoration: underline;

}



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

# 05. Career bar

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

.career-page img {

    width: 100%;

    box-shadow: 0 0 30px rgba(0,0,0,.7);

    margin-bottom: 50px;

}



.career-page h4 {

    font-weight: 600;

}



.career-page strong {

    color: #333;

}



.career-page ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.career-page li {

    position: relative;

    color: #333;

    margin-bottom: 10px;

    padding-left: 20px;

}



.career-page li:after {

    position: absolute;

    content: "";

    width: 10px;

    height: 10px;

    background: #000;

    border-radius: 50%;

    left: 0;

    top: 6px;

}



.job_summery_box {

    background: #F9F9F9;

}



.job_summery_box strong {

    color: #333;

    font-weight: 400;

}



.job_summery_box> strong {

    display: block;

    background: #2ECC71;

    line-height: 40px;

    padding: 0 20px;

    font-weight: 600;

    color: #fff;

}



ul.job_summery {

    padding: 0;

    margin: 0;

    background: #F9F9F9;

    list-style: none;

    padding: 20px 20px;

}

.job_summery li{

    margin-bottom: 5px;

    line-height: 1.8;

}

.job_apply_link{

    margin-top: 40px;

}

.job_apply_link a{

    color: #2ecc71;

}

job_apply_link a,job_apply_link strong{

    font-weight: 600;

}

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

# 05. Service bar

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

.service_bar ul {

    list-style: none;

    padding: 0;

    margin: 0;

    box-shadow: 0 0 3px rgba(0,0,0,.3);

}



.service_bar a {

    padding: 15px 30px;

    color: #373737;

    font-weight: 600;

    border-bottom: 1px solid #E7E7E7;

    display: block;

    transition: 0.2s;

}



.service_bar li a:hover, .service_bar .current-menu-item a{

    background: #2ECC71;

    color: #fff;

}

.service-page .vc_row {

    margin-bottom: 35px;

}



.wpb_content_element {

    margin-bottom: 0;

}

.service_bar .menu-service-sidebar-container {

    margin-bottom: 50px;

}

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

# 06. error_page

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

.eror_content {

    min-height: 516px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: left;

    padding-right: 40px;

}



.eror_content h1 {

    font-size: 80px;

    font-weight: 600;

}



.eror_content h4 {

    font-size: 20px;

    font-weight: 600;

}



.eror_content a.Filled-btn.promsurance-slide-btn {

    margin-top: 20px;

}

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

# 05. Preloader

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



.main-preloader-wrap {

    position: fixed;

    height: 100%;

    width: 100%;

    background: #ffffff;

    top: 0;

    left: 0;

    z-index: 99;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.sk-fading-circle {

    margin: 100px auto;

    width: 40px;

    height: 40px;

    position: relative;

}



.sk-fading-circle .sk-circle {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.sk-fading-circle .sk-circle:before {

    content: '';

    display: block;

    margin: 0 auto;

    width: 15%;

    height: 15%;

    background-color: #333;

    border-radius: 100%;

    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;

    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;

}



.sk-fading-circle .sk-circle2 {

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

}



.sk-fading-circle .sk-circle3 {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

}



.sk-fading-circle .sk-circle4 {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.sk-fading-circle .sk-circle5 {

    -webkit-transform: rotate(120deg);

    transform: rotate(120deg);

}



.sk-fading-circle .sk-circle6 {

    -webkit-transform: rotate(150deg);

    transform: rotate(150deg);

}



.sk-fading-circle .sk-circle7 {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.sk-fading-circle .sk-circle8 {

    -webkit-transform: rotate(210deg);

    transform: rotate(210deg);

}



.sk-fading-circle .sk-circle9 {

    -webkit-transform: rotate(240deg);

    transform: rotate(240deg);

}



.sk-fading-circle .sk-circle10 {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

}



.sk-fading-circle .sk-circle11 {

    -webkit-transform: rotate(300deg);

    transform: rotate(300deg);

}



.sk-fading-circle .sk-circle12 {

    -webkit-transform: rotate(330deg);

    transform: rotate(330deg);

}



.sk-fading-circle .sk-circle2:before {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}



.sk-fading-circle .sk-circle3:before {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}



.sk-fading-circle .sk-circle4:before {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



.sk-fading-circle .sk-circle5:before {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}



.sk-fading-circle .sk-circle6:before {

    -webkit-animation-delay: -0.7s;

    animation-delay: -0.7s;

}



.sk-fading-circle .sk-circle7:before {

    -webkit-animation-delay: -0.6s;

    animation-delay: -0.6s;

}



.sk-fading-circle .sk-circle8:before {

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s;

}



.sk-fading-circle .sk-circle9:before {

    -webkit-animation-delay: -0.4s;

    animation-delay: -0.4s;

}



.sk-fading-circle .sk-circle10:before {

    -webkit-animation-delay: -0.3s;

    animation-delay: -0.3s;

}



.sk-fading-circle .sk-circle11:before {

    -webkit-animation-delay: -0.2s;

    animation-delay: -0.2s;

}



.sk-fading-circle .sk-circle12:before {

    -webkit-animation-delay: -0.1s;

    animation-delay: -0.1s;

}



@-webkit-keyframes sk-circleFadeDelay {

    0%,

    39%,

    100% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    40% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }

}



@keyframes sk-circleFadeDelay {

    0%,

    39%,

    100% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    40% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }

}




/*--- SLIDER ----*/
.theme-default .nivo-controlNav {
}



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

# 06. Responsive

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

.promsurance-sliders-wrap .promsurance-sliders{

    overflow: hidden;

}

/* Tablet & mobile Layout: 991px. */

@media only screen and (max-width: 991px) {

    .mainmenu{

        display: none;

    }

    .alignright{

        display: block !important;

        float: none !important;

    }

    img.alignright,

    img.alignleft{

        margin: 0 0 30px !important;

    }

    .small-padding-0 > div{

        padding: 0 !important;

    }

}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) { 

    .social-links a{

        margin-right: 5px;

    }

}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) { 

    .top-links{

        text-align: center;

    }

    .top-links a{

        margin: 5px !important;

    }

    .top-social-icons{

        text-align: center;

        margin-top: 10px;

    }

    .top-social-icons a{

        margin: 5px 3px !important;

    }

    .promsurance-about p {

      font-size: 18px;

      line-height: 24px;

    }

    .contact-form-img img{

        margin-top: 40px;

    }

    .video-area-bg{

        position: static;

        padding: 50px 0;

        width: 100%;

        text-align: center;

    }

    .video-play-btn{

        position: static;

        display: inline-block;

        margin: 0;

    }

    .promsurance-video-box{

        margin: 40px 0 0;

        width: 100%;

    }

    article.post,

    .single-carrer-area{

        padding: 30px 15px !important;

    }

    

    

}



.margin-top-20 {

    margin-top: 20px;

}



/*custom css Amperj*/



#search-bar {

    background: #757370;

    display: none;

}



#btnsearchIcon {

    cursor: pointer;

}



.edn_searchInfoResults {

    margin: 30px 0 !important;

    padding: 10px 15px !important;

    background-color: #efefef;

    border: solid 1px #e8e8e8;

    color: #4A4A4A !important;

    font-size: 14px !important;

    line-height: 1.3 !important;

}



.TitleH2 {

    font-weight: bold;

    color: #5d658f;

    padding-bottom: 15px;

    padding-top: 15px;

    font-size: 50px;

    margin-top: 20px;

    margin-bottom: 40px;

}



.titulo {

    padding: 70px 15%;

    text-align: center;

}



    .titulo h1 {

        border-bottom: 1px solid;

        border-top: 1px solid;

        border-color: #d59296;

        text-align: center;

        color: #263073;

        padding: 15px;

    }



.titulo, .subtitulo {

    padding: 10px 15%;

    text-align: center;

}



    .subtitulo h5 {

        border-bottom: 1px solid;

        border-top: 1px solid;

        border-color: #C0C0C0;

        text-align: center;

        color: #263073;

        padding: 15px;

        font-size: 18px;

    }



.inline-list {

    padding-left: 0;

    list-style: none;

    margin: 0;

}



    .inline-list li {

        display: inline-block;

        float: right;

    }



        .inline-list li a {

            color: #999;

            text-transform: uppercase;

        }



.text-button {

    padding-left: 10px;

    padding-right: 10px;

    width: auto !important;



}



    .text-button a span {

        font-weight: 500;

        text-transform: uppercase;

        font-size: 12px;

    }



.link ul {

    border-bottom: 1px solid;

    border-top: 1px solid;

    border-color: #e0e1e3;

    text-align: center;

    font-size: 15px;

    width: auto;

    padding: 10px 0;

    list-style: none;

}



.link li a {

    border-left: 1px solid;

    border-right: 1px solid;

    padding: 5px 30px;

    border-color: #d18286;

    color: #e22425;

}



.alizarin

{

    margin-top: 50px;

}



.alizarin .container {

    padding-top: 50px;

    padding-bottom: 50px;

}



.servicos-home {

    background-color: #edeff8;

    margin-top: 30px;

    margin-right: 0;

    margin-left: 0;

    min-height: 100px;

}



    .servicos-home h3 {

        color: #596592;

        font-weight: 100;

        text-align: center;

        font-size: 28px;

        margin-top: 38px;

    }



    .servicos-home .carousel-inner {

        width: 70%;

        margin-left: 15%;

        margin-right: 15%;

        margin-top: 10px;

    }



    .servicos-home .carousel-control {

        background: none;

        color: #FFF !important;

    }



        .servicos-home .carousel-control .fa-chevron-left, .servicos-home .carousel-control .fa-chevron-right, .servicos-home .carousel-control .icon-next, .servicos-home .carousel-control .icon-prev {

            margin-top: 30px;

            font-size: 25px;

            color: #555d6d !important;

        }



    .servicos-home .nome-servico {

        font-size: 15px;

    }



    .servicos-home .icone-servico {

        font-size: 40px;

    }



    .servicos-home .icone-servico, .servicos-home .nome-servico {

        text-align: center;

        color: #798297;

    }



.grupo01 h2 {

    font-size: 30px;

}



.grupo01 h4 {

    font-weight: 400;

}



.grupo01 h4, .grupo01 h2 {

    color: #b2b2b2;

    text-align: right;

}



.leis .categoria {

    background-color: #fff;

    text-align: center;

    margin-right: 5px;

    margin-top: 30px;

}



    .leis .categoria:hover, .ativo {

        background-color: #cc7276 !important;

    }



        .leis .categoria a:hover, .ativo a {

            color: #ffffff !important;

        }



    .leis .categoria a {

        font-size: 14px;

        text-decoration: none;

        color: #263073;

        float: left;

        margin: 0;

        text-align: center;

        width: 100%;

        padding: 25px 18px;

    }





#institucional .categoria ul {

    list-style: none;

    padding-left: 19%;

}



#institucional .categoria ul li {

    display: inline;

}



#institucional .categoria ul li a {

    font-size: 15px;

    background-color: #f1f3f6;

    text-decoration: none;

    color: #263073;

    float: left;

    padding: 10px 65px;

    margin: 1px;

}



    #institucional .categoria ul li a:hover {

        color: #ffffff;

        background-color: #cc7276;

    }



#institucional .txt-diretoria {

    text-align: center;

    color: #333;

}



    #institucional .txt-diretoria h5 {

        color: #34495e;

    }



#institucional .txt-estatuto {

    text-align: justify;

    color: #333;

}



#detalhe-noticia {

    color: #5d658f;

}



    #detalhe-noticia h3 {

        color: #34495e;

        text-align: center;

        font-weight: bold;

    }



    #detalhe-noticia h5 {

        color: #34495e;

        text-align: center;

    }



.detalhe_destaque img {

    margin-bottom: 30px;

}



.detalhe_destaque h4 a {

    color: #34495e;

    font-weight: NORMAL;

}



.form-control {

    color: #263073 !important;

    box-shadow: inset 0 -1px 0 #fff;

    margin-top: 2px;

}



.subpages {

    margin-top: 20px;

}



.subpages .subpage-item {

    background-color: #f1f3f6;

    text-align: center;

    margin-right: 5px;

    margin-bottom: 25px;

}



.subpages .subpage-item:hover, .subpages .active {

    background-color: #cc7276 !important;

}



.subpages .subpage-item a {

    font-size: 14px;

    text-decoration: none;

    color: #263073;

    float: left;

    margin: 0;

    text-align: center;

    width: 100%;

    padding: 25px 18px;

}



    .subpages .subpage-item a:hover, .subpages .active a {

        color: #fff !important;

    } 



.detalhe-artigo {

    margin-bottom: 25px;

}



.detalhe-artigo .block-text {

    border-radius: 5px;

    color: #626262;

    font-size: 14px;

    margin-top: 27px;

    padding: 0;

}



.detalhe-artigo .block-text a {

    font-size: 15px;

    font-weight: bold;

    color: #5d658f;

}



.item-lei h4 {

    /*margin-bottom: 0px;*/

}



.item-lei h4 a, .item-lei p {

    color: #263073 !important;

}



@media only screen and (max-width: 980px) {

    .servicos-home {

        padding-bottom: 20px;

    }



    .servicos-home h3 {

        font-size: 20px;

    }



    .servicos-home .carousel-control .fa-chevron-left, .servicos-home .carousel-control .fa-chevron-right, .servicos-home .carousel-control .icon-next, .servicos-home .carousel-control .icon-prev

    {

        margin-top: 95px;

    }



    .TitleH2 {

        font-size: 30px;

        margin-top: 10px;

        margin-bottom: 0px;

    }



    .grupo01 h2 {

        font-size: 25px;

    }



    .grupo01 h2 {

        font-size: 16px;

    }



    .testimonial-divisor {

        display: none;

    }



    .h1, h1 {

        font-size: 26px !important;

    }



    .label-right {

        text-align: left !important;

    }



    .subtitulo h5 {

        font-size: 14px;

    }

}



.navigation {

    margin-top: 40px;

}



.navigation ul {

    text-align: center;

}



.navigation ul li {

    display: inline-block;

    width: 26px;

    height: 28px;

    padding: 5px;

    background-color: #b1b1b1;

    color: #fff !important;

}



.navigation .active {

    background-color: #cc7276 !important;

}



.navigation ul li a {

    color: #fff !important;

}



.dnnLoading {

    background: url('assets/images/loading.gif') no-repeat scroll center center #FFFFFF;

    position: absolute;

    z-index: 9999;

    opacity: 0.7;

}


/****** ÓBITOS ********/
@media only screen and (max-width: 414px) {
    .luto_img {
        float: left;
        clear: left;
        margin-top: 8px;
        width: 60px;
        height: 60px;
    }
    .faixa_nota {
        float: left;
        width: 25%;
        height: auto;
        margin: 5px 0 0 0;
        position: relative;
    }
    .faixa_galeria {
        float: right;
        width: 75%;
        height: 60px;
        margin: 10px 0 15px 0;
        position: relative;
    }
    .faixa_title {
        display: none;
        float: left;
        font-weight: 400;
        color: #FFF;
        font-size: 30px;
    }
    .faixa_corpo {
        float: left;
        width: 100%;
        height: auto;
        font-size: 15px;
        position: absolute;
        opacity: 0;
        animation-name: faixa_slider;
        animation-iteration-count: infinite;
    }
    .faixa_nome {
        float: right;
        font-weight: 400;
        color: #FFF;
        clear: right;
        font-size: 15px;
        width: auto;
    }
    .faixa_cargo {
        float: right;
        clear: right;
        margin-left: 10px;
        font-size: 15px;
    }
    .faixa_nasc {
        display: none;
        float: right;
        clear: right;
        margin-left: 10px;
        margin-top: -40px;
    }
    .faixa_morte {
        display: none;
        float: right;
        margin-left: 10px;
        clear: right;
        margin-top: -20px;
    }
    .faixa_mais {
        float: right;
        clear: right;
        font-size: 15px;
    }
}

@media only screen and (min-width: 415px) and (max-width: 1024px) {
    .luto_img {
        float: left;
        clear: left;
        margin-top: 0;
        width: 80px;
        height: 80px;
    }
    .faixa_nota {
        float: left;
        width: 11%;
        height: 70px;
        margin: 10px 0 15px 0px;
        position: relative;
    }
    .faixa_galeria {
        float: right;
        width: 85%;
        height: 20px;
        margin: 10px 0px 15px 0;
        position: relative;
    }
    .faixa_title {
        display: none;
        float: left;
        font-weight: 400;
        color: #FFF;
        font-size: 25px;
        margin-top: 10px;
    }
    .faixa_corpo {
        float: left;
        width: 100%;
        height: auto;
        font-size: 15px;
        position: absolute;
        opacity: 0;
        animation-name: faixa_slider;
        animation-iteration-count: infinite;
    }
    .faixa_nome {
        float: left;
        font-weight: 400;
        color: #FFF;
        clear: right;
        font-size: 25px;
        width: auto;
    }
    .faixa_cargo {
        float: left;
        clear: left;
        font-size: 20px;
    }
    .faixa_nasc {
        float: right;
        clear: right;
        margin-left: 10px;
        margin-top: -30px;
    }
    .faixa_morte {
        float: right;
        margin-left: 10px;
        clear: right;
        margin-top: -10px;
    }
    .faixa_mais {
        float: right;
        clear: right;
        margin-top: 5px;
    }
}



@media only screen and (min-width: 1025px) {
    .luto_img {
        float: left;
        clear: left;
        margin-top: -10px;
        width: 50px;
        height: 50px;
    }
    .faixa_nota {
        float: left;
        width: 16%;
        height: 20px;
        margin: 11px 0 15px 40px;
        position: relative;
    }
    .faixa_galeria {
        float: right;
        width: 75%;
        height: 20px;
        margin: 10px 50px 15px 0;
        position: relative;
    }
    .faixa_title {
        float: left;
        font-weight: 400;
        color: #FFF;
    }
    .faixa_corpo {
        float: left;
        width: 100%;
        height: auto;
        font-size: 15px;
        position: absolute;
        opacity: 0;
        animation-name: faixa_slider;
        animation-iteration-count: infinite;
    }
    .faixa_nome {
        float: left;
        font-weight: 400;
        color: #FFF;
    }
    .faixa_cargo {
        float: left;
        margin-left: 10px;
    }
    .faixa_nasc {
        float: left;
        margin-left: 10px;
    }
    .faixa_morte {
        float: left;
        margin-left: 10px;
    }
    .faixa_mais {
        float: right;
    }
}


.faixa_luto {
    float: left;
    width: 100%;
    background: #333;
    margin-bottom: 10px;
    border-bottom: solid 3px #f4bc4d;
}

/* @keyframes faixa_slider {
    15% {
        opacity: 1;
        z-index: 1;
    }
    30% {
        opacity: 1;
        z-index: 1;
    }
    37% {
        opacity: 0;
        z-index: 0;
    }
}
.faixa_corpo:nth-child(1) {
}
.faixa_corpo:nth-child(2){
    animation-delay: 10s;
}
.faixa_corpo:nth-child(3){
    animation-delay: 20s;
} */


.faixa_mais a {
    color:inherit;
}
.faixa_mais a:hover {
    text-decoration: underline;
}
.icon {
    margin-right: 5px;
}



.obitos_background {
    background: #f1f3f6;
}
.obitos_margin {
    clear: left;
    float: left;
    width: 5.3%;
    height: 1px;
}
.obitos_pagetitle {
    float: left;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #000;
    text-transform: uppercase;
}
.obitos_page {
    float: left;
    width: 100%;
    padding: 20px;
    height: auto;
    background: #FFF;
    margin-bottom: 50px;
    box-shadow: 0.6px 0.6px 2px;
}
.obitos_nome {
    float: left;
    clear: left;
    font-size: 20px;
}
.obitos_cargo {
    float: left;
    clear: left;
    font-weight: 300;
    margin-top: -13px;
}
.obitos_texto {
    float: left;
    clear: left;
    width: 100%;
    color: #000;
    font-size: 14px;
}
#obitos_corpo {
    float: left;
    width: auto;
    height: auto;
}
.obitos_img {
    overflow: hidden;
    float: left;
    width: 150px;
    height: 150px;
    margin: 0px 50px 50px 0px;
    border-radius: 100px;
}
.obitos_img img {}
.obitos_info {
    float: left;
    max-width: 800px;
    height: auto;
}