/*-------------------
--Add Module
-------------------*/

/*-------
#addModuleContent,
#editModuleContent,
#editStaticContent,
#editExternalContent,
#editOpenContent {
  display:none;
}
--------------*/
#addModuleLoadingBar,
#editModuleLoadingBar,
#editStaticLoadingBar,
#editExternalLoadingBar,
#editOpenLoadingBar {
  height: 300px;
  display: flex;
  align-items:center;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
  flex-wrap: wrap;
}
#addModuleLoadingBar div,
#editModuleLoadingBar div,
#editStaticLoadingBar div,
#editExternalLoadingBar div,
#editOpenLoadingBar div {
  flex: 100%;
  max-width: 100%;
}
#addModuleLoadingBar .loading-bar,
#editModuleLoadingBar .loading-bar,
#editStaticLoadingBar .loading-bar,
#editExternalLoadingBar .loading-bar,
#editOpenLoadingBar .loading-bar {
  height: 5px;
  position:relative;
  overflow: hidden;
}
#addModuleLoadingBar .loading-bar::before,
#editModuleLoadingBar .loading-bar::before,
#editStaticLoadingBar .loading-bar::before,
#editExternalLoadingBar .loading-bar::before,
#editOpenLoadingBar .loading-bar::before {
	display: block;
	position: absolute;
	content: '';
	background-color: #eee;
  height: 5px;
	top:40%;
	bottom:50%;
	left:0;
	right:0;
}
#addModuleLoadingBar .loading-bar::after,
#editModuleLoadingBar .loading-bar::after,
#editStaticLoadingBar .loading-bar::after,
#editExternalLoadingBar .loading-bar::after,
#editOpenLoadingBar .loading-bar::after {
	display: block;
	position: absolute;
	content: '';
	background-color: #1B64AE;
  height: 5px;
	top:40%;
	bottom:50%;
	left:-100%;
	right:125%;
	animation: loading-bar-anim 5s infinite;
}
@keyframes loading-bar-anim {
	0%{ left: -100%; right: 100% }
	100%{ left: 100%; right: -100% }
}
/*--------------------
--Nav-Tab
---------------------*/
.nav-tab {
      color: #495057!important;
      display: block !important;
      padding: .5rem 1rem !important;
      border: 1px solid transparent !important;
	border-top-left-radius: .25rem !important;
	border-top-right-radius: .25rem !important;
}
.nav-tabs {
	border: 1px solid #dee2e6;
	background-color: var(--light);
	padding-left: 10px;
	padding-top: 2px;
        border-radius: 3px;
}
.nav-tabs .nav-tab{
	margin-bottom: -1px;
}
.nav-tabs .nav-tab.show, .nav-tabs .nav-tab.active {
	color: #007BFF !important;
	background-color: #fff !important;
	border-color: #dee2e6 #dee2e6 #fff !important;
}
/*-------------
-- Panel
--------------*/
a.panel-noLink:hover {
    opacity:1;
    color: white !important;
}
.panel-wrapper .content-title {
    text-align: center;
}
.panel-wrapper .smaller-container .content-title {
    font-size: 1.2rem;
}
.panel-wrapper {
display: flex;
flex-wrap: wrap;
}
.panel-wrapper img {
width: 100%;
}
.panel-wrapper .big-image, .panel-wrapper .smaller-container {
flex:50%;
max-width:50%;
border: transparent 3px solid;
}
.panel-wrapper .smaller-image {
flex:25%;
max-width:25%;
}
.panel-wrapper .big-image-inner {
height: 350px;
}
.panel-hover:hover {
	opacity: 0.85;
}
.panel-wrapper .panelPadding {
padding: 0px;
}
.panel-wrapper .smaller-image-inner {
height: 178.5px;
}
@media only screen and (max-width: 767px){
	.panel-wrapper .big-image, .panel-wrapper .smaller-container {
	flex:100%;
	max-width:100%;
	}
}
/*--------------
--Photo
----------------*/
.ecom-photo-con, #ecom-photo, .image-photo-con, #image-photo {
        width: 100%;
        height:400px;
        position: relative;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
}
.ecom-photo-con.ecom-drop, .image-photo-con.image-drop {
        height: 50px;
}
.ecom-photo-con.ecom-drop:hover,  .image-photo-con.image-drop:hover{
     box-shadow: 0 0 5px black;
}
.ecom-drop-col {
     padding: 0 5px;
}
.full_image#image-photo {
    height: auto;
}
.full_gallery {
   height: 500px;
   align-items: center;
}
/*-ANIMATE-*/
.fade-anim-start {
  position:relative;
  opacity:0;
  transition: all 0.6s ease-in-out;
}
.fade-in-from-sides {
  position:relative;
  opacity:0;
  transition: all 0.6s ease-in-out;
}
.fade-in-up {
  position:relative;
  opacity:0;
  transition: all 0.6s ease-in-out;
}
.fade-up-start {
  top:10px;
}
.fade-up-anim {
  top:0;
  opacity:1;
}
.fade-left-start {
  left:-10px;
}
.fade-left-anim {
  left:0;
  opacity:1;
}
.fade-right-start {
  right:-10px;
}
.fade-right-anim {
  right:0;
  opacity:1;
}
.fade-up-anim-s {
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes animBlocks {
         0%{ opacity: 0; top: 10px;}
      100%{ opacity: 1; top: 0px;}
}
/*--------------------
--Section Dropzone Styles
----------------------*/
.hide-grab {
	cursor: initial;
}

.upload-progress {
	border: 1px solid gray;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 18px;
	transform: translate(-50%, -50%);
}

.dropzone-editor {
	height: 100%;
	width: 100%;
}

[data-size] {
	cursor: pointer;
}

[data-size]:hover {
	opacity: 0.5;
	filter: blur(1px)
}

.is-dragover {
	opacity: 0.5;
	border: 2px dotted ##ababab;
}

.cropper-container {
	height: 100% !important;
	width: 100% !important;
}

.dropzone-modal .modal-body {
	padding: 0px;
	height: 600px;
	width: 100%;
}

.editor-actions {
	position: absolute;
	left: 20%;
	bottom: 0;
        width: 60%;
       
        text-align: center;
}

.confirm-upload {
	margin-right: 12px;
}

.rotate-right {
	margin-right: 24px;
}

.zoom {
	height: 42px;
}
.container.p-2 {
      padding-left: 15px !important;
      padding-right: 15px !important;
}
.container-fluid.p-2 {
      padding-left: 15px !important;
      padding-right: 15px !important;
}
/********************************/
.font-sizer a {
	color: var(--dark);
}
	.font-sizer a:hover {
		opacity: 0.7;
	}
.font-sizer ul {
margin-bottom: 0 !important;
padding: 0;
}
#font__size--0{
		font-size: 100% !important;
	}
#font__size--1{
		font-size: 120% !important;
	}
#font__size--2{
		font-size: 150% !important;
	}
/********************************/
/*********************************----------------------------------------
#masonry-section-102 .show-title {
	position: relative;
	background-color: #fff;
}
#masonry-section-102 .show-title h3 {
        color: black;
}----------------------------------------------*************************/
/*--------------------
--Set Styles
----------------------*/
.pos-static {
       position: static !important;
}
.pos-rel {
       position: relative !important;
}
.text-20 {
       font-size: 20px;
}
.text-30 {
       font-size: 30px;
}
@media only screen and (max-width: 991px) {
   .text-center-md {
          text-align: center;
   }
}
@media only screen and (max-width: 767px) {
   .text-center-sm {
          text-align: center;
   }
}
@media only screen and (max-width: 576px) {
   .text-center-xs {
          text-align: center;
   }
}
/*-----------END------------*/

a.readmore:hover {
     color:#fff;
     opacity: 0.7;
}
/*-----------------
Forms
-----------------*/
.formfield .checkbox {
      display: block;
}
/*-------------------
--Bootstrap Cols
----------------------*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: static;
}
/*-------------------
--General-Navbar
--------------------*/

.navbar .dropdown-menu ul {
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 767px){
	.navbar .d-flex {
		flex-wrap: wrap;
	}
        .navbar .nav {
               max-height: 80vh;
               overflow: scroll;
               flex-direction: row;
         }
        .navbar .nav-item {
               flex: 100%;
               width: 100%;
        }
}
/*-----------------------
--Intersection-Observer
-----------------------*/

.inset-left {
	opacity: 0;
	margin-left: -50px;
	transition: all 0.5s ease-in-out;
}
.inset-right {
	opacity: 0;
	margin-left: 50px;
	transition: all 0.5s ease-in-out;
}
.inset-zero {
	opacity: 1;
	margin: 0px;
}
/*---------------
Box Social
---------------*/
.social.fa-size a:hover {
       opacity:0.7;
}
/*-------------------
--Grid
----------------------*/
.section_grid .container .grid-width-fix{
    padding: 0 15px!important;
}
/*----------------
--Blocks
------------------*/
.section_blocks .card-img-top:hover {
	transform: translateY(0px) scale(1);
}
.tinycard {
	word-wrap: break-word;
        font-size: 14px;
}
.tinycard p {
        font-size: 14px;
}
/*-----------------
--Parallax Section
-----------------*/
.notMobile .section-parallax {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
        background-attachment:fixed !important;
	position: relative;
	padding: 6rem 0;
	color: #fff;
}

.notMobile .section-parallax .container {
	position: relative;
	z-index: 10;
}

.notMobile .section-parallax::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.2;
	z-index: 5;
}
.appleMobile .section-parallax {
	color: #fff;
}
.androidMobile .section-parallax {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
        background-attachment:fixed !important;
	position: relative;
	padding: 6rem 0;
	color: #fff;
}

.androidMobile .section-parallax .container {
	position: relative;
	z-index: 10;
}

.androidMobile .section-parallax::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.2;
	z-index: 5;
}
/*-----------------
--Textimage
-----------------*/
/*.section-textimage {
	margin: 50px 0;
	padding: 20px 0;
}*/
/*----------------
--Polygon
----------------*/

.section-polygon-right {
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    z-index: 10;
    margin: 20px 0;
}
.section-polygon-left {
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    z-index: 10;
}

.section-polygon-right .polygon-content {
  position: relative;
  z-index: 10;
  padding: 50px 0;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  background-color: #343a40;
  background-color: var(--dark);
}

.section-polygon-right::after {
    background-color: red;
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
    z-index: 5;
}

.section-polygon-left .polygon-content{
  position: relative;
  z-index: 10;
  padding: 50px 0;
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  background-color: #343a40;
  background-color: var(--dark);
}

.section-polygon-left::after {
    background-color: red;
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
    z-index: 5;
}

.section-polygon-right .polygon-item {
  position: relative;
  z-index: 10;
}

.section-polygon-left .polygon-item {
  position: relative;
  z-index: 10;
}

@media only screen and (max-width:768px) {
  .section-polygon-right .polygon-content {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
  }
  .section-polygon-right::after {
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }
  .section-polygon-left .polygon-content {
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }
  .section-polygon-left::after {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
  }
}

/*--------------------
--Section-Contect
----------------------*/
.section-contact {
	/*padding: 45px 0;*/
}
.section-contact .sideContact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-contact .sideContact .form-group {
  flex:1 0 33.333333%;
  padding: 10px 10px;
}

.section-contact .sideContact .form-group .btn {
  margin-top: 31px;
}

@media only screen and (max-width: 992px) {
  .section-contact .sideContact .form-group {
    flex:1 0 50%;
  }
  .section-contact .sideContact .form-group .btn {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .section-contact .sideContact .form-group {
    flex:1 0 100%;
  }
}

/*---------------
--Owl
-----------------*/

.owl-stage {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.owl-item {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.owl-body {
	min-height: 200px;
        height: auto;
}

.owl-text {
  margin-bottom: 30px;
}

.owl-btn {
	position: absolute;
	top: 80%;
	bottom: 0;
	left: 0;
	right: 0;
}

.owl-btn a {
	position: absolute;
	top: auto;
	bottom: 10px;
	left: 20px;
	width: 85%;
	font-family: arial;
	font-weight: bold;
}
/*------------------------
--Realestate Owl
---------------------------*/
.realestate-owl .owl-stage-outer {
	border: gray thin solid;
	border-radius: 10px;
	padding-top:5px;
}
.realestate-owl .item {
   color: #333;
}
.realestate-owl .owl-nav {
	text-align: center;
}
.realestate-owl .owl-dots {
	text-align: center;
}
.realestate-owl .owl-dot {
	width: 10px;
	height: 15px;
	border-radius: 50%;
	background-color: #007bff;
        opacity: 0.7;
	border: none;
        margin-left: 2px;
}
.realestate-owl .owl-dot.active {
        opacity: 1;
}

/*------------------------
--Page Image Modal
-------------------------*/

.modal-img {
position: fixed;
top:0;
bottom:0;
left:0;
right:0;
opacity: 0;
width:100%;
padding:50px 20px;
padding-top:0;
padding-bottom:100px;
background-color: rgba(0,0,0, 0.4);
transition: opacity 0.5s ease-in-out;
overflow: scroll;
z-index: -100;
}
.modal-img-container {
	max-width: 1000px;
	width: 80%;
	margin: 50px auto 0;
	background: black;
	padding: 20px;
	border-radius:10px;
}
.modal-img-container p { color:white; }

.modal-content {
max-width: 100%;
}
.modalFadeImg {
opacity: 1;
z-index: 19000;
}
.close {
color:white;
font-size: 30px;
}
/*----------------
--Footer
----------------*/
.foot .library-image {
	margin: 0;
}
/*----------------
--Calendar
-----------------*/
.calendar-header {
	display: flex;
        flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.calendar-header .dropdown-menu {
       padding-left:10px;
       list-style: none !important;
}
.calendar-header.btn-primary .dropdown-menu  a, .calendar-header.btn-success .dropdown-menu  a, .calendar-header.btn-info .dropdown-menu  a, .calendar-header.btn-danger .dropdown-menu  a {
       color: var(--light) !important;
}
.calendar-header .dropdown-menu a:hover {
      text-decoration: underline !important;
      opacity: 0.7;
}
.calendar-header .dropdown-menu li a {
      padding: 0;
      text-decoration: none !important;
}
.calendar-header.btn-warning .dropdown-menu a {
     color: var(--dark) !important;
}
.calendar-header.btn-primary .dropdown-menu {
       background-color: var(--primary) !important;
}
.calendar-header.btn-success .dropdown-menu {
       background-color: var(--success) !important;
}
.calendar-header.btn-info .dropdown-menu {
      background-color: var(--info) !important;
}
.calendar-header.btn-danger .dropdown-menu {
      background-color: var(--danger) !important;
}
.calendar-header.btn-warning .dropdown-menu {
     background-color: var(--warning) !important;
}
.calendar-header.btn-primary i, .calendar-header.btn-success i, .calendar-header.btn-info i, .calendar-header.btn-danger i {
       color: var(--light) !important;
       text-decoration: none;
}
.calendar-header.btn-warning i {
     color: #333 !important;
}
@media only screen and (max-width: 576px) {
     .calendar-header {
        margin: 0 -15px;
     }
     .calendar-body {
        margin: 0 -15px;
     }
    .calendarDateItems {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
    }
    .calendarItem {
        font-size: 0px !important;
    }
    .calendarItem::before {
        content: '  ';
        display:block;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: blue;
        background-color: var(--primary);
    }
}

.calendarItem {
	
}
.calendarDateItems {
	
}
/*---------------------
--Append-Calendar
-----------------------*/
.append-div {
	position: absolute;
	top:auto;
	bottom:auto;
	left:0;
	right:0;
	width:315px;
	max-width: 390%;
}
.append-calendar {
	position: relative;
	top:auto;
	bottom:auto;
	left:0;
	right:0;
	color:#666; /* was white */
	background-color:#ccc; /* was 5b5b5b */
	font-size: 14px !important;
	font-wight: 600;
	font-weight: 600;
	padding:10px 5px;
	padding-top:5px;
	max-width: 100%;
	line-height:19px;
	z-index:10;
	border-left: #333 3px solid;
}
.cal-time { color:darkred; }
.cal-title { color:black; font-size:16px; }
.cal-description {  }

@media only screen and (max-width:992px){
	.on-end {
		left: -53% !important;
	}
}
@media only screen and (max-width: 767px){
	.append-div {
		position: absolute;
		top:auto;
		bottom:auto;
		left:0;
		right:0;
		width:200px;
		max-width: 300%;
	}
	.append-calendar {
		top:100%;
		font-size: 14px !important;
		max-width: 100%;
		line-height:14px;
	}
	.append-calendar div.calendarItem {
		line-height:12px;
	}
	.on-end {
		left: -115% !important;
	}
}
@media only screen and (max-width: 576px){
	.append-div {
		width:100px;
	}
	.append-calendar .calendarItem::before {
		display: none !important;
	}
	.on-end {
		left: -175% !important;
	}
}
@media only screen and (max-width: 450px){
	.on-end {
		left: -160% !important;
	}
}
/*--------------------
--Lazy Loading
----------------------*/
.lazy {
        position: relative;
        top:10px;
        opacity: 0;
        transition: all 0.9s ease-in-out;
}
.lazy-loaded {
	top: 0px;
	opacity: 1;
	height: auto;
}
.loading-lazy-bar::before {
	display: block;
	position: absolute;
	content: '';
	background-color: #eee;
        height: 5px;
	top:40%;
	bottom:50%;
	left:0;
	right:0;
}
.loading-lazy-bar::after {
	display: block;
	position: absolute;
	content: '';
	background-color: #1B64AE;
        height: 5px;
	top:40%;
	bottom:50%;
	left:0;
	right:75%;
	animation: loading-lazy-bar-anim 5s infinite;
}
@keyframes loading-lazy-bar-anim {
	0%{ left: 0; right: 75% }
	100%{ left: 100%; right: -25% }
}

/*-----------------------
--Side Nav
-----------------------*/

.sched-cal-side-nav-item {
  width: 100%;
  border: thin solid rgba(0,0,0.2);
  padding: 5px;
  padding-left: 0;
  margin: 3px 0;
}
.sched-cal-side-nav-item:hover {
  background-color:rgba(0,0,0,0.1);
  cursor: pointer;
}
.sched-cal-side-nav-item.active {
  background-color: rgba(0,0,0,0.2);
}

/*-----------------------
--Swiper Animation
-------------------------*/
.swiper-animation .swiper-caption {
	top: 40% !important;
	background-color: transparent !important;
        text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
.swiper-animation .swiper-caption h3 {
       font-size: 50px;
}
.swiper-animation .swiper-caption p{
       font-size: 30px;
}
.swiper-animation .swiper-caption h3 {
      position: relative;
}
.swiper-animation .swiper-caption p {
      position: relative;
}
.swiper-animation .swiper-caption a {
      position: relative;
      text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.swiper-animation .swiper-slide-active .swiper-caption h3 {
      position: relative;
      animation: swiperH3 2s forwards;
}
.swiper-animation .swiper-slide-active .swiper-caption p {
      position: relative;
      animation: swiperP 2s forwards;
      animation-delay: 1.2s;
      opacity: 0;
}
.swiper-animation .swiper-slide-active .swiper-caption a {
      position: relative;
      animation: swiperA 2s forwards;
      animation-delay: 2.2s;
      opacity: 0;
}
@keyframes swiperP {
     0% { left:-300px; opacity: 0; }
     25% { left:-300px; opacity: 0; }
     100% { left:0; opacity: 1;  }
}
@keyframes swiperH3 {
     0% { left:300px; opacity: 0; }
     25% { left:300px; opacity: 0; }
     100% { left:0; opacity: 1;  }
}
@keyframes swiperA {
     0% { top:50px; opacity: 0; }
     25% { top:50px; opacity: 0; }
     100% { top:0; opacity: 1;  }
}
/*-----------------------
--Gallery Fa Icons
-------------------------*/
.fa-icons-con {
     display: flex;
     align-items: center;
     justify-content: center;
}
.fa-icons-con .fa {
     color: white;
     margin: 0 4px;
}
.fa-icons-con a:hover {
    opacity: 0.8;
}