/*
Theme Name: Jps
Theme URI: http://jps.com/
Author: Tiv
Author URI: http://jps/
Description: This theme have developed for JPS.
Version: 2.0
*/

body{background:#f2f4f9; font-family: 'Montserrat', sans-serif; color:#000000; transition-duration: 1s; -moz-transition: transform 1s ease 0s; -webkit-transition: transform 1s ease 0s; transition: transform 1s ease 0s;text-rendering: geometricPrecision;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:15px;}
body.pageisLoded{opacity:1;}
img{max-width:100%; height:auto;}

header{background:#29166f; position:relative; z-index:999; transition: .4s all;}
header .container{position:relative;}

.topBanner{padding:15px 0;}

a {color: #29166f; text-decoration: none;}

/*body.home header{position:absolute; top:0; left:0; right:0; background:transparent;}*/

.stickyLogo{display:none;}
nav{padding:0; transition: .4s all;}
.mobile-visible {
    display: none;
}
.menu-icon{display:none;} 
ul.skNav{list-style-type:none; padding:0; margin:0; font-size:15px; display:flex;}
ul.skNav:after{display:block; content:''; clear:both; height:0;}
ul.skNav > li{float:left; position:relative; flex:auto;}
ul.skNav > li > a{color:#fff; text-transform:capitalize; font-weight:400; display:inline-block; padding:15px 22px; text-decoration:none; font-size:15px; letter-spacing:.5px; transition:all .2s;}
ul.skNav > li > a i{display:inline-block; padding-left:3px;}
ul.skNav > li.current-menu-item > a, ul.skNav > li > a:hover{background-color:#da251e;}
ul.skNav > li.donate a{background-color:#148708 !important; display:block; text-align:center;}

ul.skNav > li:hover>a{background-color:#da251e;}

.navArrow{color:#FFFFFF; position:absolute; right:18px; top:16px;}
.mobileNav{display:none}
.logoMobilesmall img{width:33px; min-width:30px; }
img.mainLogowide{display:table; margin-left:auto; margin-right:auto; width:200px; margin-top:5px;}

@media(min-width: 992px){
ul.skNav ul{list-style-type:none; padding:0; background:#f7f7f7; width:200px; border: 1px solid #ececec; position:absolute; top:35px; opacity:0; visibility:hidden; transition:all .2s;}
ul.skNav ul li{display:block;}
ul.skNav ul li a{display:block; padding:6px 15px; color:#333333; text-decoration:none; transition:all .2s; border-bottom: 1px solid rgb(128 128 128 / 25%);}
ul.skNav ul li:last-child a{border-bottom:none;}
ul.skNav ul li a:hover{background-color:#29166f; color:#FFFFFF;}
ul.skNav > li:hover ul{visibility:visible; opacity:1; top:50px;}
}

.brakingNews{padding-bottom:10px; padding-top:15px;}
.brakingNews strong.newsHeading{position:absolute;}
.brakingNews marquee{margin-left:125px;}
.brakingNews marquee a{text-decoration:none; color:#333333; font-weight:600; display:inline-block; margin-right:20px;}
.brakingNews marquee a:before{content:''; display:inline-block; width:8px; height:8px; background-color:#DA251D; margin-right:5px;}
header{transition: .6s all; -moz-transition: .6s all; -webkit-transition: .6s all; position: sticky; top: 0;}
.brakingNews marquee a:hover{text-decoration:underline;}

img.mainLogo{max-width:195px;}

body.bodyStickyHeader header{/*top:0; position:fixed; left:0; right:0; padding-top:0;*/}
body.bodyStickyHeader .logo{position:absolute; left:0; z-index:1;}
body.bodyStickyHeader .mainLogo{display:none;}
body.bodyStickyHeader header{ padding-bottom:1px;}
body.bodyStickyHeader .stickyLogo{display:block;}
body.bodyStickyHeader .stickyLogo{max-width:34px; padding-top:2px; width:100%;}
body.bodyStickyHeader .logo{padding:5px 10px;}
body.bodyStickyHeader nav{border-top:none;}

.container{width:100%; max-width:1170px;}

.frow{padding:14px 0;}
.frow:after{display:block; content:''; clear:both; height:0;}
.frow .ffleft{float:left; padding-right:12px;}
.frow .fright{float:left}

.frow textarea, .frow input:not([type="submit"]){border:none; border-bottom:#00a7e1 1px solid; width:100%; outline:none; font-size:13px; padding:5px 0; font-weight:500;}
.frow input[type="file"]{border-bottom:none; background:#00a7e1; padding:10px; color:#FFFFFF; /*text-indent:-9999px;*/}
.frow span.ResumeCV, .frow span.Coverletter{display:block; width: 138px; height: 33px; background: url(images/upload.png); overflow: hidden; background-size:cover;}
	


.clear{clear:both;}

p{font-size:15px; line-height:1.5;}

.content{display:flex; flex-wrap:wrap; background-color:#FFFFFF; margin-bottom:30px; margin-top:10px;}
.content_left{width:calc(100% - 370px); padding:20px 40px 20px 30px;}
.content_right{width:370px;}
ul.ideologys{display:flex; flex-wrap:wrap; list-style-type:none; padding:0; margin:0; padding-bottom:20px; font-weight:500;}
ul.ideologys li{width:33.33%; padding:5px 0;}
ul.ideologys li:before{content:''; display:inline-block; border: 1px solid #29166f; background-color:#29166f; width: 10px; height: 10px; margin-right:5px;}

.sidebar-box {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 20px;}
.sidebar-box.white{background-color:#fafbfd; padding:15px; margin-bottom:30px;}

.jpsBox{background-color:#FFFFFF; margin-top:10px; margin-bottom:10px;}
.jpsBox_head{background:#29166f; color:#FFFFFF; text-align:center; padding:10px; text-transform:uppercase; font-size:16px;}
.jpsBoxbody{padding-top:15px; padding-bottom:10px;}
.jpsBoxbody p{padding-bottom:5px;}

.jpsBox ul{padding:15px 0 0 20px; margin:0;}
.jpsBox ul li{padding:6px 0;}

.anchorContent{outline:none;}
.banner_entry a{display:table; margin-left:auto; margin-right:auto; background:#ffffff; color:#b47f63; text-transform:uppercase; padding:12px; min-width:170px; letter-spacing:1px; text-decoration:none; transition:all .5s;}
.banner_entry a:hover{background:#b47f63; color:#FFFFFF;}

.homeBanner{border-bottom:8px solid #29166f; margin-bottom:20px;}
.homeBanner .owl-carousel{border-left:1px solid #29166f; border-right:1px solid #29166f;}
.owl-carousel .owl-item img{width:auto; display:inline-block;}
.bannerItem{height:500px; width:100%; display: flex; align-items: center;}
.bannerItem .bannerInner{width:100%; text-align:center; color:#FFF;}
.bannerLogo{padding:25px 0;}

.homeBanner .owl-dots{margin:0; position:absolute; left:0; bottom:0; background-color:#29166f; padding-left:7px; padding-right:7px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;}
.homeBanner .owl-theme .owl-dots .owl-dot{float:left;}
.homeBanner .owl-theme .owl-dots .owl-dot span{margin:8px 4px 5px 4px; background-color:transparent; border:1px solid #ffffff; width:12px; height:12px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#fff;}

.news_paper_slide .owl-theme .owl-dots .owl-dot.active span, .news_paper_slide .owl-theme .owl-dots .owl-dot:hover span{background-color:#022162;}
.news_paper_slide{padding-top:15px;}

.grid:after {content: ''; display: block; clear: both;}


.our_inspiration{background-color:#29166f; padding:70px 0; position:relative;}
.our_inspiration:before{content:''; background-image:url(images/insp_bg.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat;
    background-size: cover; background-position: center;}
.our_inspiration h2{color:#FFFFFF; font-size:35px; padding-bottom:30px; margin-top:0;}	
.our_inspiration h2 small{display:block; color:#FFFFFF; padding-top:12px; font-size:18px;}
.our_inspiration .container{position:relative; text-align:center;}
.inspirations{display:flex; padding-top:15px;}
.inspirations>.inspiration{flex:auto;}
.inspirations>.inspiration p{font-size:18px;}
.inspirations>.inspiration img{width:180px; border-radius:50%; margin-bottom:15px;}
.inspirations>.inspiration a{color:#FFFFFF;}


.party_president{padding:75px 0; background-color:#FFFFFF;}
.party_president h2{padding-bottom:20px; margin-top:0;}
.party_president h2 small{display:block; font-size:16px; padding-top:10px;}
.party_president img{float:left; width:200px; border:double #29166f; margin-right:25px;}
.party_president p{padding-bottom:5px;}
a.more_btn{background-color:#29166f; color:#FFFFFF; display:inline-block; padding:8px 15px; text-decoration:none; border-radius:4px;}

/*Page*/
.page_content{padding:35px 30px; margin-top:30px; margin-bottom:30px; background-color:#FFFFFF;}
h1.page_title{margin:0; font-weight:600; color:#29166f; padding-bottom:10px; font-size:30px; padding-bottom:25px;}
.page_content h1.page_title{line-height: 1.3;}
.page_content p{padding-top:5px; text-align:justify; line-height:1.7;}

.divTable{
        display:  table;
        width:100%;
        background-color:#ffffff;
        border:1px solid  rgb(41 22 111 / 8%);
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
    }

    .divRow{
       display:block;
       width:100%; 
    }
	.divRow:after{display:block; content:''; clear:both; height:0;}

    .divCell{float:left;/*fix for  buggy browsers*/
        display:table-column; width:200px; background-color:#fff; padding:8px; border-top:1px solid  rgb(41 22 111 / 8%);
    padding-top: 15px; padding-bottom: 15px;}
	.divCell.middCol{width:calc(100% - 340px); padding-left:30px !important; padding-right:30px;}
	.divCell.lastCol{width:140px;}
	.headRow:after{display:block; content:''; clear:both; height:0;}
	.headRow .divCell{background-color:rgb(41 22 111 / 14%); color:#000000; text-align:left; padding:10px; font-weight:500; border-top:none;}
	.bodyRow>.divRow:first-child .divCell{border-top:none;}

.divTable h4{font-weight:600; font-size:20px;}
.divTable h4 small{display:block; padding-top:8px; font-weight:500; line-height:1.4;}
.divTable img{width:100%; border:double rgb(41 22 111 / 12%);}

ul.socialDetail{list-style-type:none; padding:0; margin:0; display:flex; padding-top:10px;}
ul.socialDetail:after{display:block; content:''; clear:both; height:0;}
ul.socialDetail li{padding-right:18px;}
ul.socialDetail li a{color:#29166f; font-size:22px;}
ul.socialDetail li a:hover{color:#da251e;}

.executives_content{padding-top:20px;}
.executives_title{font-weight:600; color:#29166f;}
.executives_title small{display:block; padding-top:6px;}

.forw{padding:15px 0;}
.forw:after{display:block; content:''; clear:both; height:0;}
.forw label{display:block; font-weight:500; font-size:14px;}
.forw textarea,.forw input:not([type="submit"]){width:100%; margin-top:5px; padding:10px; border:1px solid #29166f; outline:none;}
.forw textarea{resize:none;}
.forw input[type="submit"]{background-color: #29166f;
    color: #FFFFFF;
    display: inline-block;
    padding: 12px 15px; border:none; width:150px;
    text-decoration: none;
    border-radius: 0px;}

.forw .ffleft{float:left; width:49%;}
.forw .ffright{float:right; width:49%;}

/*Footer*/
footer{background-color:#29166f; color:#FFFFFF; margin-top:0px; padding:60px 0 40px 0; font-size:12px;}
footer a{color:#333; color:#3a3a3a; transition: all .2s;}
footer i{transition: all .2s;}
footer h4{font-weight:700;}

.siteBy{text-align:center; font-size:12px; color:#2a2a2a; font-weight:300; letter-spacing:1.5px; padding-top:20px;}
.siteBy a{color:#2a2a2a;}

ul.footerNav{list-style-type:none; padding:0; padding-top:4px;}
ul.footerNav:after{display:block; content:''; clear:both; height:0;}
ul.footerNav li{}
ul.footerNav li a{font-size:14px; color:#FFFFFF; font-weight:300; display:inline-block; padding:4px 0;}
ul.footerNav li a:hover{}

.socicalList{list-style-type:none; padding:0; margin-bottom:0; padding-top:4px;}
.socicalList:after{content:''; display:block; clear:both; height:0;}
.socicalList li{float:left; padding-right:8px;}
.socicalList li a{color:#fff; display:inline-block; padding:0 5px; font-size:24px; text-decoration:none;}
.socicalList li a:hover{text-decoration:none; color:#38b39a;}

ul.focus_nav{list-style-type:none; padding:0; margin:0; padding-top:15px; max-width:210px;}
ul.focus_nav li{display:block; padding:6px 0; font-size:16px;}
ul.focus_nav li a{display:block; text-decoration:none; color: #fff;
        background: #148708;
    border: 1px solid #0c5d04;
    border-bottom: 3px solid #0c5d04;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    padding: 0;}
ul.focus_nav li.joinjps a{background: #38b39a;
    border-color: #26947e;}