/* font-family: 'Lato', sans-serif;*/
*{outline:none;}
button:focus{outline:none !important;}
body {outline:none;  background-color:#F4F4F2; outline:none;}

.navbar-toggler-icon {
    background-image: ;
}


.flexCard{display: flex;}
.jCard{background-color:#fff; box-shadow: 0px 3px 6px #0000000F; padding:25px;  margin-bottom:20px; border-radius:10px;}
/* .jcImgList{display:inline-block; width: 284px;height: 180px; overflow:hidden; border-radius:10px;     position: relative;}
.jcImgList img {object-fit: cover; height: 100%; width:100%;} */
.jcImgList{display:inline-block; width: 150px;height: 150px; overflow:hidden; border-radius:10px;     position: relative;}
.jcImgList img { height: 100%; width:100%;}
.jcImgList:before{    content: "";
    background:transparent linear-gradient(180deg, #00000000 0%, #0000006e 65%, #000000c9 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    height: 100%;
    width: 100%;}
	
.overlaydate{position: absolute; bottom: 14px; right: 14px;}	
.overlaydate img{display:inline-block;     width: 24px;}
.overlaydate .overlayno{float: right; font-size: 20px;font-weight:400; color: #fff;  vertical-align: top;  padding-top: 0px;  padding-left:9px;}
.overlaydate .overlayno span{display:block;     font-size: 12px;}
.overlaydate .overlayno span.monthText{font-size: 16px;}
	
.jcListCont{display:inline-block; width:70%; vertical-align:top;  padding-left:15px;     padding-top: 10px;    }
.jcListCont h3{font-size:15px; font-weight:700; color:#000; margin-top: 0px;}
.jcListCont p{font-size:14px; font-weight:400; color:#7D828C;  margin-bottom:0px; padding-left: 0px;     border: none;}
.jcListCont a{color: #680885; font-size:14px; text-decoration:underline;} 
.jcListCont a:hover{text-decoration:none; color:#bf86d1;}

.blogRight .cardBorder{border:solid 2px #EEEEEE; border-radius:2px; padding:17px 15px; margin-bottom:40px;}
.blogRight h3{font-size:20px !important; font-weight: 500; padding-bottom: 17px;  color: #000; border-bottom: solid 2px #EEEEEE; padding-top: 2px; display:block; margin-top: -5px;}
.blogRight ul{list-style:none; padding:0px; margin:0px; }
.blogRight ul li{display:block; padding:0px 0px;}
.blogRight ul li a{color:#000; font-weight:400;  padding:10px 0px 10px 0px; transition: 0.3s all ease;  font-size:14px; font-weight:500; display: block;}
.blogRight ul li a:hover{color:#a97fb7; padding-left:3px;  transition: 0.3s all ease; text-decoration:none;}
.blogRight h6{font-size:13px; font-weight:500; color:#666;}
.blogRight h4{font-size:16px; font-weight:500; color:#000;     line-height: 22px;}


.blogRight .popularPosts ul li{width:100%; display: inline-block;}
.rightPopularPostListImg{float:left; width:99px; border-radius:2px;     height: 67px; overflow:hidden;}
.popularPosts img{object-fit: cover; height: 100%;  width: 100%;}
.popularPosts h4{padding-left: 15px; display: flex; line-height: 22px; color:#5f5f5f;}
.popularPosts a:hover h4{color:#6E617F; transition: 0.3s all ease;}
.popularPosts a:hover img{filter: brightness(120%); transition: 0.3s all ease;}
/* Form */
.rightFormBlock{background-color: #6E617F;border: 1px solid #EEEEEE;     display: inline-block; width:100%;}
.blogRight .rightFormBlock h3{border-bottom: 1px solid #8C8299; color:#fff;}
.rightFormBlock .form-control{background-color:#A8A0B2; border:none; border-radius:0px; margin-bottom: 17px; height: 43px; color:#fff;}
 .rightFormBlock form{   margin-top: 24px;}
.rightFormBlock .form-control::placeholder {color:#fff; font-size:14px;}

.rightFormBlock .btn-primary{background-color:#483C57; border:none; border-radius:0px; padding:10px 25px; font-size:14px; float:right;}
.rightFormBlock .btn-primary:hover{background-color:#5e506f;}

.blogBanner{overflow:hidden; height:115px; margin-bottom:20px;  position: relative;}
.blogBanner:before{    content: "";
    background:transparent linear-gradient(180deg, #00000000 0%, #0000003b 20%, #202020ab 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    height: 100%;
    width: 100%;}
.blogBanner img{object-fit: cover; width: 100%;  height: 100%;}
.blogBanner h1{position: absolute;     top: 32px; right:0; left:0; color:#fff;     text-align: center;}	
/* blogBlock */

/* blogDetails */
.blogDetailsCont .detailFeaturedImg{ margin-top:15px;}
.detailsHeading{}
.detailsHeading img{float:left; margin-right:12px;}
.detailsHeadingCont{float:left;}
.detailsHeadingCont h1{font-size:20px; font-weight:600;padding-bottom: 6px;     margin-top: 0px;    padding-top: 6px;}
.detailsHeadingCont h6{font-size:14px; font-weight:400; }

.blogDetailsCont{display: inline-block; width: 100%; margin-top:0px;}
/* .blogDetailsCont img{margin:12px 0px; display:block; margin:auto;} */
.blogDetailsCont h6{color:#7D828C; font-size:14px; text-align:center; padding-top: 0px; padding-bottom: 15px;}
.blogDetailsCont p{font-size:15px; color:#000000;     line-height: 1.5;}
.blogDetailsCont iframe{margin: auto;  display: block;  margin-top: 20px;  margin-bottom: 20px;}
.blogDetailsCont ol li{font-size: 15px; line-height: 23px;  color: #000000;     margin-bottom: 10px;}
.blogDetailsCont ul li{font-size: 15px; line-height: 23px;  color: #000000;     margin-bottom: 10px;}

.blogBannerLogo{overflow:hidden; margin-bottom:20px;  position: relative;}
.blogBannerLogo img{height:auto; width:268px; display:block; margin:auto;     margin-top: 30px;}

.listbannerLogo{background-color:#fff;}
.blogBannerLogo.listbannerLogo img{background-color:#fff; margin-top: 20px;}

/* Gallery */

.galleryWrapp h1{font-size:27px; font-weight:400; color:#333333; margin-bottom:15px; padding-top:10px;}
.galleryWrapp h2{font-size: 27px;
    font-weight: 400;   color: #333333;  margin-bottom:7px; padding-top:0px; margin-top:0px; 
      text-transform: uppercase;}
      .galleryWrapp p{font-size: 15px; font-weight: 400; line-height: 25px;}
.galleryThumbBlog{margin-bottom:20px; display:inline-block; width:100%;}
.galleryThumbBlog h3{font-size:24px; font-weight:400; color:#333333;}
.marginAuto{margin:auto;}
.gallerySlideCustom{margin-top:40px;}

/* .thumbs img {display: block;  float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer;  height: 50px;} */



/*GALLERY - OWL CAROUSEL*/
.galleryThumbBlog .thumbs img{width:50px; height:50px; float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
.gallerySlideCustom .owl-carousel .item {position:relative}
.gallerySlideCustom .owl-carousel .item p {color:black; font-size:16px; padding-top:5px}
.galleryisloading {  width:100%; margin:0; padding:0;color:#F00; font-size:18px; text-align:center; z-index:5000;padding-bottom:15px}
.clickon {padding-left:10px; font-size:14px}
#cboxCurrent{font-size: 13px;}
.cboxPhoto{    margin-top: 0px !important;}
@media (max-width: 768px) {
.clickon {display:none}
}

#owl-example .item {border-radius: 3px;color: #fff;	margin: 10px;padding: 0 0 30px 0;text-align: center;margin-top: 0;}
#owl-example .item img {width: 100%;display: block;	margin: auto;}



.blogBannerSide{background-color:#fff;     padding: 20px 0px 25px 0px; margin-bottom:25px;      margin-top: 8px;   box-shadow: 0px 3px 6px #0000000f;}
.blogBannerSideimg{ 
    overflow: hidden;
    width: 92%;
    border-radius: 6px;
    margin-top: 13px;}
.blogBannerSideimg img{margin-top:104px;     object-fit: cover;     display: block;  max-width: 100%;
    height: auto; border-radius: 6px;}
.blogBannerSide p{font-size:14px; margin-bottom: 8px;     line-height: 1.5;}
.blogBannerSideCont{padding-left:0px;}
.blogBannerSideCont img{display: block; margin: auto;}
.blogBannerSideCont h2{text-align: center;  padding-bottom: 7px;  font-size: 36px;  color: #6e617f;}


.headerBlock{background-color: #fff; 
    border-bottom: solid 1px #e9e9e9;
    margin-bottom:8px;}
	.headerBlock img a{display:inline-block;     vertical-align: top;}
.headerBlock img{display:inline-block;     vertical-align: top;}
.headerMenu{display: inline-block;
    margin-top: 14px;
    padding-left: 12%;}
.headerMenu ul{display:block; list-style:none;  padding:0px; margin:0px 0px 2px 0px; text-align:center;}
.headerMenu ul li{display:inline-block; padding:0px 10px 0px 10px; margin:0px;}

.menu1 li a{color:#dd8692;}
.menu1 li a:hover{color:#fba2af; text-decoration:none;}

.menu2 li a{color:#1ab1a3;}
.menu2 li a:hover{color:#24d9c8; text-decoration:none;}
.menu2 li a.navactive{color:#24d9c8; text-decoration:underline;}
.menu3 li a{color:#86c904;}
.menu3 li a:hover{color:#a6e133; text-decoration:none;}


.socialbar {
    background-color: #6E617f;
   padding: 7px 0px 0px 0px;
}

.social a {
    text-decoration: underline;
}

.social .social_icons img {
    float: right;
    display: block;
}

.social {
 
    float: right;
    line-height: 34px;
}

.social .social_icons {
    float: right;
    width: auto;
}

.social .social_icons p {
    float: left;
	text-align:center;
}

.social p {
       float: left;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    padding:0 15px 0px 0px;
    margin: 0;
}

.social p a{color:#fff;}
.social p a:hover{color:#fff; text-decoration:none;}
.socialIcons a { float: left;}




.footer p {
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin: 0;
    padding: 15px 0;
    line-height: 200%;
}

.footerbar {
    background-color: #6E617f;
    margin-top: 20px;
}

.footer p a {
    color: #fff;
}
.socialIcons{display:inline-block;}

/* regModal */
.regModal.modal{top:16%;}
.regModal.modal .modal-content{border: solid 8px #8f81a1;}
.regModal .modal-body{padding:0px;}
.regModal .close {
   position: absolute;
    top: -6px;
    right: -11px;
    background-color: #6E617f;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    z-index: 1;
    border: solid 2px #8f81a1;
}
.rightRegmodalCont{padding:15px 30px 0px 0px;}
.rightRegmodalCont h3{      font-size: 22px;
    text-align: center;
    font-weight: 600;
    color: #6e617f;
    padding-bottom:17px;
    text-transform: uppercase;
}
	
	
.rightRegmodalCont .form-control{
	  
    border: solid 2px #e5d1ff;
    height: 47px;
}

.rightRegmodalFormBtBlock{margin-top: 19px; }
.rightRegmodalFormBtBlock .primarybt{font-size: 14px; float: right;  background-color: #6E617f;  color: #fff !important; padding: 9px 25px;     text-transform: uppercase;}
.rightRegmodalFormBtBlock .primarybt:hover{background-color:#9488a5;}


.rightRegmodalLoginLink{padding:12px; text-align:center;     margin-top: 14px;}
.rightRegmodalLoginLink p {padding: 13px 0px 6px 0px;  margin: 0px; border-top: solid 1px #f3f3f3;     font-size: 14px;}
.rightRegmodalLoginLink p a{text-transform: uppercase;  color: #6E617f; font-size: 14px;}
	
.regModalLeftImg {height: 100%; overflow: hidden;}
.regModalLeftImg img{object-fit: cover; height: 100%; background-position: center;}
.navLoginLink{color: #fff; padding: 0px 0px 0px 15px;  margin: 0px;   vertical-align: top;}
.navLoginLink:hover{color: #fff; text-decoration:none;}


/* Login */
.formcontainer { background: #fff;}
 .promo-slider {width: 100%; position: relative; padding:147px; position: relative; background-size: cover !important; height: 100%; }
/* .promo-slider{height: 100%;    overflow: hidden;    width: 100%;}
.promo-slider img{  object-fit: cover; height: 100%;} */

  
 .login-section {display: table; width: 100%; height: 100%; }
  .login-section .left {display: table-cell;  height: 100%; background: #afadad; }
  .login-section .left .contentslider {margin-top:0px; }
  .login-section .left .contentslider h2 {font-size:38px; color: #FFF; font-weight: 300;margin-bottom: 15px;
  line-height:48px; }
  .login-section .left .contentslider p {font-size: 14px;  color: #fff;  font-weight: 300; line-height:23px;
  margin-bottom: 20px; } 
.login-section .right {display: table-cell; vertical-align: top; background-color: #FFF; width: 40%;
height: 100%; color: #333; }



.LoginBt .primarybt{font-size: 14px; float: right; font-weight:600;  background-color: #6E617f;  color: #fff !important; padding: 9px 25px;     text-transform: uppercase;}
.LoginBt .primarybt:hover{background-color:#9488a5;}

.container.page.pT0{padding-top:0px;     padding-bottom: 15px;}
.container.page.mT15{margin-top:8px;}
.backBt{
font-size: 18px;
    display: inline-block;
    border: 0px solid #ccc;
    padding: 15px 22px;
    margin: auto;
    background-color: #6E617F;
    border-radius: 10px;
    color: #fff;
    box-shadow: 2px 2px 2px #ccc;     font-weight: 600;}
    .backBt:hover{background-color:#544962; color:#fff;}
    .backBt:focus{  background-color: #6E617F; color:#fff;}
    .backBt .glyphicon-menu-left{ padding-top: 2px;  float: left; padding-right: 5px;}
	
.menuColor{display:block;     text-align: center;}
.menuColor li{text-align: center;   margin: auto; display: inline-block; font-size: 16px;     padding: 4px;}
.navbarCustom .navbar-collapse{padding-top: 15px; float:left !important;    padding-left: 10%;}
.socialImg{display:inline-block; float:left;}

#page-overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 80%);
        z-index: 9999;
        cursor: pointer;
      }
#image{
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}

.rightRegmodalLoginLink a{font-size: 14px; color: #dd8692; font-weight: 600;  text-transform: uppercase; }
.rightRegmodalLoginLink{padding: 12px; text-align: center; margin-top: 14px;  border-top: solid 1px #dfdfdf; margin-top: 48px; padding-top: 22px;}
#page-overlay .loaderCss {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #a17ed1;
  width:60px;
  height:60px;
  -webkit-animation: spin 2s linear infinite; / Safari /
  animation: spin 2s linear infinite;
}

/ Safari /
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#swal2-content{
	display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.gallery-landing-subsection h2{font-size:24px; text-transform: uppercase;}
.gallery-landing-subsection h3{font-size:20px; font-weight: 400;  color: #333333;}
.gallery-landing-subsection .thumbs{margin-bottom: 5px;}
.customg-gallery-banner{
    overflow: hidden;
    min-height: 115px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 10px;
}
.customg-gallery-banner img {
    height: auto;
    width: 268px;
    display: block;
    margin: auto;
    margin-top: 30px;
}
.gallery-content-section{
    background-color:#fff;
}

#judyBlogPosts{min-height: 300px; max-height: 500px; overflow-y: auto;}
#judyBlogPosts::-webkit-scrollbar {

  width: 7px;
}
 
#judyBlogPosts::-webkit-scrollbar-track {
  background: #ddd; border-radius: 20px;
}
 
#judyBlogPosts::-webkit-scrollbar-thumb {
  background: #a9a9a9;  border-radius: 20px;
}

.about-article img {max-width: 88%;}
.wp-caption.alignleft{width: auto !important; line-height: 22px;}
.close{font: 100% "Lato", sans-serif !important;}
.close span{font: 100% "Lato", sans-serif !important; font-size:22px !important;}

.judychicagofont .menuColor li {font-size: 18px;}
.judychicagofont .box-text p{font-size:17px;}
.judychicagofont .about-left-menu p{font-size: 16px;     font-weight: 600;}
.judychicagofont .about-article p{font-size: 16px;}
.judychicagofont .jcListCont h3{font-size: 19px;}
.judychicagofont .jcListCont p {font-size: 17px;}
.judychicagofont .blogRight h3 {font-size: 26px !important;}
.judychicagofont .blogRight ul li a {    font-size: 18px;}
.judychicagofont .rightFormBlock .form-control{font-size: 17px;}
.judychicagofont  .rightFormBlock .btn-primary{font-size: 16px;}
.judychicagofont .footer p {font-size: 17px;}
.judychicagofont .rightRegmodalFormBtBlock .primarybt {font-size: 16px;}
.judychicagofont .rightRegmodalCont .form-control{font-size: 18px;}
.judychicagofont .blogDetailsCont p {font-size: 17px;}
.judychicagofont .detailsHeadingCont h6 { font-size: 16px;}
.judychicagofont  .overlaydate .overlayno span.monthText {font-size: 22px;}
.judychicagofont .overlaydate .overlayno span {font-size: 14px;}
.judychicagofont .jcListCont a {font-size: 17px;}
.judychicagofont .blogBannerSide p{font-size: 17px;     line-height: 1.2;}

.date-box-date p {font-family: 'Open Sans Condensed', sans-serif !important;}

.navbarCustom .navbar-collapse{padding-top: 11px;}


.navbar-inverse {background-color: #00c8be;}
.menu1 li a{color:#fff;}
.navbar-nav li{padding-bottom: 0px;  font-weight: 600;   font-size: 16px;}
.navbar-nav li a{color:#fff; transition: all .2s;}
.navbar-nav li a:hover {color: #63027f; transition: all .2s;}

.primarybt{    border-radius: 4px;font-size: 14px;   background-color: #6E617f;  color: #fff !important; padding: 9px 25px;     text-transform: uppercase;}
.primarybt:hover{background-color:#9488a5; text-decoration:none;}


.resourceInnerBt{margin-bottom:10px;     display: inline-block;}

.galleryslideshow .owl-item .item p{font-size:15px; color:#333; line-height: 22px;}
.gallery-landing-subsection .thumbs img{border: solid 1px #ccc;}

.primarybt.jsffgallery_download_bt{float: right; font-size: 13px;  font-style: initial;  margin-right:10px;   margin-top: -5px;}
.cath3{margin-bottom:15px;}

/* .jsff-gallery-landing .gallery-landing-subsection{padding-bottom: 25px;  border-bottom: 1px dotted #ccc;     margin-bottom: 25px;} */
.jsff-gallery-landing .jsff-gallery-landing_main_heading{margin-bottom:25px;}
.jsff-gallery-landing .galleryslideshow{margin-top:-10px;}

.gallery-details-page h2 {font-size: 24px; text-transform: uppercase; font-weight: 400; color: #333333;padding-top: 25px;}
.gallery-details-page .project-description h2{font-size: 27px;     padding-top:0px;}
.gallery-details-page h3{font-size: 20px; font-weight: 400; color: #333333; margin-bottom: 13px; margin-top: 20px !important;}
.marginBottom-0{margin-bottom:0px !important;}
.subCategoryHeadeing{margin-bottom: 10px;  display: inline-block; width: 100%; margin-top:0px;}
.subCategoryHeadeing span{width: 76%;  display: inline-block;}
.jsff-gallery-landing .gallery-landing-subsection .thumbs{border-bottom: 1px dotted #ccc; padding-bottom: 25px; margin-bottom: 25px;}
.gallery-details-page .thumbs{border-bottom: 1px dotted #ccc; padding-bottom: 25px; margin-bottom: 5px;}

/* .gallery-details-page .thumbs{padding-bottom: 25px;  } */
.galleryMenuLeftRight{margin-top: 15px;}
.leftSm6{width: 53%;}
.rightSm6{width: 45%;}
.galleryMenuLeftRight ul.sub li a{color:#640487; font-size: 15px;}
.galleryMenuLeftRight ul.sub li{color:#640487; font-size: 15px;}
.galleryMenuLeftRight ul.sub li a:hover{color:#000;}
.galleryMenuLeftRight ul.sub li:hover{color:#000;}
figcaption.blocks-gallery-caption{font-size:14px;}

/* commentsBlock */
.commentsBlock{display: inline-block; width: 100%;}
.commentsBlock .jCard{background-color:transparent !important; box-shadow:none;}
.commentsBlock .comment-reply-title{font-weight: 600;  font-size: 21px;}
.commentsBlock .comment-notes{font-size: 13px; font-weight: 500;  color: #6e617f;}
.commentsBlock label{font-size: 16px; font-weight: 400;}
.commentsBlock .comment-form-comment{padding: 15px;}
.commentsBlock .form-group .form-control{height: 46px;}
.commentsBlock .form-submit .submit{font-size: 16px;
    display: inline-block;
    border: 0px solid #ccc;
    padding: 15px 30px;
    margin: auto;
    background-color: #6E617F;
    border-radius: 10px;
    color: #fff;
    box-shadow: 2px 2px 2px #ccc;
    font-weight: 600;    float: right;
    margin-right: 15px;     margin-top: 15px;}
.commentsBlock .avatar{display: inline-block;  position: absolute;   left: 0px;     border-radius: 4px;}

.commentsBlock  ol{list-style: none;     position: relative;    overflow-y: scroll;   max-height: 400px;}
.commentsBlock li.comment{padding-left: 7px; margin-bottom: 25px;
}
.commentsBlock .comment-body{font-size: 14px;     line-height: 18px;}
.commentsBlock cite{font-weight: 600;  font-size: 16px;}
.commentsBlock .comment-reply-link{font-weight: 600;     color: #6e617f;  font-size: 15px;}
.commentsBlock .comment-meta a{color:#787878; font-size: 12px;}

.commentsBlock .children{ position: relative;    padding: 0px;  list-style: none; margin-top: 25px;}
.commentsBlock .children li{padding:0px 0px 0px 47px;}
.comment-respond {
    position: relative;
}
.comment-respond a#cancel-comment-reply-link {
font-size: 16px;
    display: inline-block;
    border: 0px solid #ccc;
    padding: 10px 15px;
    margin: auto;
    background-color: #6E617F;
    border-radius: 10px;
    color: #fff;
    box-shadow: 2px 2px 2px #ccc;
    font-weight: 600;
    float: right;
    margin-right: 15px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;    text-decoration: none;
}
.commentsBlock .navigation{    margin-bottom: 0;}
.commentsBlock h3#comments {
    margin-top: 0;
}
.comment-respond a {
    color: #6e617f;
    text-decoration: none;
} 
/*.commentsBlock .commentlist .children .comment-author .fn{color:#6E617F}*/	
/* End commentsBlock */