html {
    scroll-behavior: smooth;
    scroll-padding-top: 170px;
}

body {overflow-x: hidden;}

h1 {margin-block-start: 0;margin-block-end: 0;}
h2 {margin-block-start: 0;margin-block-end: 0;}
h3 {margin-block-start: 0;margin-block-end: 0;}

body {
   margin:0;
}
p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0;   
}

h1 {
    margin-block-start: 0;
    margin-block-end: 0;    
}

i {
  cursor:pointer;
}

blockquote {
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
    font-style: italic;
}

.status-message {
  border: solid 1px #808080;
  color:#808080 !important;
  padding: 10px 5px 10px 5px;
  border-radius:3px;
}


._text_shadow {text-shadow: 0px 0px 10px rgba(13, 0, 0, 1);}
._fa_size_2 {font-size:72px;}
._left {text-align:left;}
._right {text-align:right;}
._center {text-align:center;}
._justify {text-align:justify;}
._list-style {list-style-type:none;}
._list-style li {margin-bottom:10px;}
.row {display:flex;flex-flow: wrap;}
.flex-100 {flex: 100%;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
.flex-4 {flex: 4;}
.padding-l{padding:40px;}
.padding-m{padding:20px;}
.padding-s{padding:10px;}
.padding-xs{padding:5px;}
.padding-img-l{padding:40px;}
.padding-img-m{padding:20px;}
.padding-img-s{padding:10px;}
.padding-img-xs{padding:5px;}
.margin-l{margin:40px;}
.margin-m{margin:20px;}
.margin-m-no-mobile{margin:20px;}
.margin-s{margin:10px;}
.margin-xs{margin:5px;}
.text-line-l {line-height:2em;}
.text-line-m {line-height:1.5em;}
.text-line-s {line-height:1em;}

/*scrolltotop*/

#scrollToTopBtn i {
    cursor:pointer;
    position:fixed;
    bottom:80px;
    right:17px;
    font-size:54px;
    color:#fff;
    text-shadow: 2px 2px 8px #000;
}

.admin-div {
    background-color:#000;
    z-index:10000;
    cursor:pointer;
    border-radius:50%;
    text-align:center;
    font-size:12px;
    width:56px;
    height:56px;
    position:fixed;
    margin-right:15px;
    bottom:142px;
    right:0;
}

.admin-div:hover {
  background-color:#333;
}

.admin-div a {
    position:relative;
    top:20px;
    color: #fff;
    text-decoration:none;
}

.gradient_anim {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  animation: gradient 15s ease infinite;
  background-size: 400% 400%;
  border: none;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    cursor:pointer;
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    display: none;
    width: 180px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-size:15px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: -20%;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    display: initial;
  }


  /*input styles*/

  .input-container{
	position:relative;
	margin-bottom:25px;
}
.input-container label{
	position:absolute;
	top:0px;
	left:0px;
	font-size:16px;
    pointer-event:none;
	transition: all 0.5s ease-in-out;
    color:#909090;
}
.input-container input[type='text'],.input-container input[type='password'],.input-container input[type='number'], .input-container textarea, .input-container select{ 
    border:0;
    border-bottom:1px solid #909090;  
    background:transparent;
    width:100%;
    padding:0px 0 5px 0;
    font-size:16px;
}

.input-container select{
  padding:0px 0 5px 0;
}

.input-container input[type='text']:focus, .input-container textarea:focus, .input-container input[type='password']:focus,.input-container input[type='number']:focus, .input-container select:focus{ 
    border:none;	
    outline:none;
    border-bottom:1px solid #3b795f;	
}

.input-container input[type='text']:focus ~ label{
	color:	#3b795f;
    top:-12px;
	font-size:15px;	
}

.input-container input[type='text'] ~ label{
	color:	#3b795f;
    top:-18px;
	font-size:15px;	
}

.input-container input[type='password'] ~ label{
	color:	#3b795f;
    top:-12px;
	font-size:15px;	
}

.dark .input-container input[type='text']:focus ~ label{
	color:	#fff !important;
}

.dark .input-container input[type='text'] ~ label{
	color:	#fff;
}

.dark .input-container input[type='password'] ~ label{
	color:	#fff;
}

.input-container textarea:focus ~ label,
.input-container textarea:valid ~ label{
	color:#3b795f;
    top:-12px;
	font-size:12px;	
}

/* The checkmark-container */
.checkmark-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    font-size: 22px;
  }
  
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }
  
  .checkmark-container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  .checkmark-container input:checked ~ .checkmark {
    background-color: #3b795f;
  }
  
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .checkmark-container input:checked ~ .checkmark:after {
    display: block;
  }
  
  .checkmark-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #simple-cookie-consent h4 {
    margin-block-start: 0em;
    margin-block-end: 0em;
  }
  #simple-cookie-consent .cookie-consent-container {
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 700px;
    z-index: 10001;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius:3px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  #simple-cookie-consent .cookie-consent-selection {
    text-align: left;
  }
  
  #simple-cookie-consent button {
    border: none;
    background: none;
    font-size: 1em;
  }
  #simple-cookie-consent button.cookie-consent-allow {
    margin-left:10px;
    background-color: #04aa6d;
    color: #fff;
  }
  #simple-cookie-consent button.cookie-consent-allow:focus,
  #simple-cookie-consent button.cookie-consent-allow:hover {
    background-color: #059862;
    cursor: pointer;
  }
  
  #simple-cookie-consent p {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding:10px;
  }
  
  #simple-cookie-consent h4 {
    padding-left:10px;
  }
  
  .unreveal-anim .cookie-consent-container{
    position:absolute;
    animation: unreveal 0.5s ease;
  }
  @media only screen and (max-width: 720px) {
    #simple-cookie-consent .cookie-consent-container {
      bottom: 0%;
      left: 0%;
      width: 100%;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    #simple-cookie-consent p {
      font-size:12px;
    }
  
    #simple-cookie-consent button {
      border: none;
      background: none;
      font-size: 14px;
    }  
  }
  
  @keyframes unreveal {
    from {bottom: 0px;}
    to {bottom: -400px;}
  }

  /*desktop dropdown menu*/

  .dropbtn {
    border: none;
  }

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }

  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: fixed;
    min-width: 160px;
    background-color:#fff;
    z-index: 1000 !important;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  }

  .dark .dropdown-content {
    background-color: #222;
    color:#fff;
  }

  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd;}

  .dark .dropdown-content a:hover {background-color: #333 !important;}

  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}

  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {

  }  

  /*mobile menu styles*/

  
.m-menu__checkbox {
    display: none;
  }
  label.m-menu__toggle {
    cursor: pointer;
    position: absolute;
    right: 0;
  }

  .m-menu {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 450px;
    width: calc(100vw - 30px);
    height: 100%;
    -moz-transform: translate3d(450px, 0, 0);
    -o-transform: translate3d(450px, 0, 0);
    -ms-transform: translate3d(450px, 0, 0);
    -webkit-transform: translate3d(450px, 0, 0);
    transform: translate3d(450px, 0, 0);
    -moz-transition: transform 0.35s;
    -o-transition: transform 0.35s;
    -webkit-transition: transform 0.35s;
    transition: transform 0.35s;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
  }
  .m-menu__overlay {
    background-color: rgba(103, 103, 103, 0.5);
    position: absolute;
    top: 80px;
    width: 100%;
    bottom: 0;
    z-index: 1;
    display: none;
  }
  .m-menu__header {
    padding: 0 16px;
    height: 50px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
  }
  .m-menu__header span {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
  }
  .m-menu .m-menu {
    -moz-transform: translate3d(480px, 0, 0);
    -o-transform: translate3d(480px, 0, 0);
    -ms-transform: translate3d(480px, 0, 0);
    -webkit-transform: translate3d(480px, 0, 0);
    transform: translate3d(480px, 0, 0);
  }
  .m-menu ul {
    height: 100%;
    overflow-y: auto;
  }
  .m-menu ul li {
    display: block;
    text-align: left;
    padding: 0 15px;
    line-height: 47px;
    text-decoration: none;
    color: #333 !important;
    cursor: pointer;
    font-size: 1rem;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
  }
  .m-menu ul li label.a-label__chevron::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-color: #333;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -5px;
    right: 16px;
  }
  .m-menu ul li .-invisible {
    border-bottom: 0;
  }
  .m-menu .m-menu label.m-menu__toggle {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .m-menu__checkbox:checked ~ .m-menu__overlay {
    display: block;
  }
  .m-menu__checkbox:checked ~ .m-menu {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .menu__active {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .m-menu.dark {
    background-color: #000 !important;
    color: #fff;  
  }

  .m-menu.dark a {
    color: #fff;  
  }

  .m-menu.light a {
    color: #333;  
  }

  .m-menu.dark i {
    color: #fff;  
  }

  .layout.dark input, .layout.dark textarea {
    color: #fff;  
  }  

  /*masonry custom styles*/
  /* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}
     
.grid-item {
    width:31.33%;
    margin:1%;
}

@media only screen and (max-width: 420px) {
    .grid-item .bloglist:nth-child(odd) {
        width:98%;
        margin:1%;
    }    
    
    .grid-item .bloglist:nth-child(even) {
        width:98%;      
        margin:1%;
    }

    .grid-item:nth-child(odd) {
        width:49%;
        margin:0;
        margin-bottom:2%;
        margin-right:1%;
    }    
    
    .grid-item:nth-child(even) {
        width:49%;      
        margin:0;
        margin-bottom:2%;
        margin-left:1%;
    }    
}

/*margin-m*/
@media only screen and (max-width: 480px) {
    .margin-m-no-mobile{
      margin:0px;
      margin-bottom:20px;
      margin-top:20px;
    }
}

/*recaptcha*/
@media only screen and (max-width: 420px) {
    .grecaptcha-badge {
        display:none !important;
    }
}


/*css popup*/

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  top:40%;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 0;
  right: 15px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  cursor:pointer;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}