/* Psikoenvanter home styles, derived from the existing theme. Original files retained. */
/* Source: https://psikoenvanter.com/css/bootstrap.css */
img{border:0}
body{margin:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,details,footer,header,main,menu,nav,section,summary{display:block}
a{background-color:transparent;color:#337ab7;text-decoration:none}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
h1{font-size:2em;margin:.67em 0}
body{background-color:#fff}
small{font-size:80%}
img{vertical-align:middle}
svg:not(:root){overflow:hidden}
textarea{overflow:auto}
button,input,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a:focus,a:hover{color:#23527c;text-decoration:underline}
a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.row{margin-left:-15px;margin-right:-15px}
.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-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-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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
@media (min-width:992px){.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{float:left}
.col-md-12{width:100%;padding-right:0;padding-left:0}
.col-md-6{width:50%}}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}
/* Source: https://psikoenvanter.com/card.css */

/* Source: https://psikoenvanter.com/css/font-awesome.css */
.fa,
 .fas,
 .far,
 .fal,
 .fab{-moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;}
@-webkit-keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
             transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(360deg);
             transform: rotate(360deg); } }
@keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
             transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(360deg);
             transform: rotate(360deg); } }
.fa-times:before{content: ""; 
   margin-right: 10px}
@font-face {
   font-family: "Font Awesome 5 Brands";
   font-style: normal;
   font-weight: normal;
   font-display: auto;
   src: url("https://psikoenvanter.com/fonts/fa-brands-400.eot");
   src: url("https://psikoenvanter.com/fonts/fa-brands-400.eot#iefix") format("embedded-opentype"), url("https://psikoenvanter.com/fonts/fa-brands-400.woff2") format("woff2"), url("https://psikoenvanter.com/fonts/fa-brands-400.woff") format("woff"), url("https://psikoenvanter.com/fonts/fa-brands-400.ttf") format("truetype"), url("https://psikoenvanter.com/fonts/fa-brands-400.svg#fontawesome") format("svg"); 
}
@font-face {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 400;
   font-display: auto;
   src: url("https://psikoenvanter.com/fonts/fa-regular-400.eot");
   src: url("https://psikoenvanter.com/fonts/fa-regular-400.eot#iefix") format("embedded-opentype"), url("https://psikoenvanter.com/fonts/fa-regular-400.woff2") format("woff2"), url("https://psikoenvanter.com/fonts/fa-regular-400.woff") format("woff"), url("https://psikoenvanter.com/fonts/fa-regular-400.ttf") format("truetype"), url("https://psikoenvanter.com/fonts/fa-regular-400.svg#fontawesome") format("svg"); 
}
@font-face {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   font-display: auto;
   src: url("https://psikoenvanter.com/fonts/fa-solid-900.eot");
   src: url("https://psikoenvanter.com/fonts/fa-solid-900.eot#iefix") format("embedded-opentype"), url("https://psikoenvanter.com/fonts/fa-solid-900.woff2") format("woff2"), url("https://psikoenvanter.com/fonts/fa-solid-900.woff") format("woff"), url("https://psikoenvanter.com/fonts/fa-solid-900.ttf") format("truetype"), url("https://psikoenvanter.com/fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}
.fa,
.fas{font-family: "Font Awesome 5 Free";
   font-weight: 900;}
/* Source: https://psikoenvanter.com/css/flaticon.css */
@font-face {
  font-family: "Flaticon";
  src: url("https://psikoenvanter.com/fonts/Flaticon.eot");
  src: url("https://psikoenvanter.com/fonts/Flaticon.eot#iefix") format("embedded-opentype"),
       url("https://psikoenvanter.com/fonts/Flaticon.woff2") format("woff2"),
       url("https://psikoenvanter.com/fonts/Flaticon.woff") format("woff"),
       url("https://psikoenvanter.com/fonts/Flaticon.ttf") format("truetype"),
       url("https://psikoenvanter.com/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0){@font-face {
    font-family: "Flaticon";
    src: url("https://psikoenvanter.com/fonts/Flaticon.svg#Flaticon") format("svg");
  }}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family: Flaticon;
  font-size: 14px;
  font-style: normal;
  margin-left: 0px;}
.flaticon-right-arrow-1:before{content: "";}
/* Source: https://psikoenvanter.com/css/slick.css */

/* Source: https://psikoenvanter.com/css/slick-theme.css */

/* Source: https://psikoenvanter.com/css/magnific-popup.css */
button::-moz-focus-inner{padding:0;border:0}
/* Source: https://psikoenvanter.com/css/style.css */
html{line-height: 1.15;
  
  -webkit-text-size-adjust: 100%;}
body{margin: 0;
  overflow-x: hidden;}
a{background-color: transparent;}
b,
strong{font-weight: bold;}
small{font-size: 80%;}
img{border-style: none;}
button,
input,
optgroup,
select,
textarea{font-family: inherit;
  
  font-size: 100%;
  
  line-height: 1.15;
  
  margin: 0;}
button,
input{overflow: visible;}
button,
select{text-transform: none;}
button,
[type=button],
[type=reset],
[type=submit]{-webkit-appearance: button;}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{border-style: none;
  padding: 0;}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{outline: 1px dotted ButtonText;}
textarea{overflow: auto;}
[type=checkbox],
[type=radio]{box-sizing: border-box;
  
  padding: 0;}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button;
  
  font: inherit;}
body,
button,
input,
select,
optgroup,
textarea{color: #606060;
  font-family: "Red Hat Text", sans-serif;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;}
h2, h3, h4, h5, h6{font-weight: 900;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #1a1b1e;
  font-family: "Red Hat Display", sans-serif;}
h1{font-weight: 900;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #fff;
  font-family: "Red Hat Display", sans-serif;}
h1{font-size: 42px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
@media only screen and (max-width: 1024px){body{line-height: 1.5;}
h1{font-size: 40px;}
h2{font-size: 32px;}
h3{font-size: 24px;}
h4, h5, h6{font-size: 18px;}}
@media only screen and (max-width: 768px){h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-size: 32px;}
h2{font-size: 26px;
    line-height: 1.15384615;}
h3{font-size: 22px;
    line-height: 1.13636364;}
h4, h5, h6{line-height: 1.11111111;}}
p{margin: 0 0 13px;}
p:last-child{margin-bottom: 0;}
dfn, cite, em, i{font-style: italic;}
section{position: relative;
  z-index: 0;}
.m-t10{margin-top: 10px;}
html{box-sizing: border-box;}
*,
*:before,
*:after{box-sizing: inherit;}
body{background: #fff;}
ul,
ol{margin: 0 0 20px;
  padding-left: 18px;}
ul{list-style: disc;}
img{height: auto;
  
  max-width: 100%;}
.octf-btn{transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  font-size: 16px;
  padding: 16px 28px 16px 28px;
  line-height: 1;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  background: var(--renk4);
  cursor: pointer;
  border: 1px solid transparent;
  outline: 0;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  font-family: "Red Hat Display", sans-serif;
  overflow: hidden;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  box-shadow: 12px 12px 20px 0px rgba(254, 76, 28, 0.3);
  -webkit-box-shadow: 12px 12px 20px 0px rgba(254, 76, 28, 0.3);
  -moz-box-shadow: 12px 12px 20px 0px rgba(254, 76, 28, 0.3);}
.octf-btn:visited{color: #fff;}
.octf-btn:hover, .octf-btn:focus{color: #fff;}
.octf-btn:hover, .octf-btn:focus{box-shadow: none;}
.octf-btn:before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -webkit-transform: translate(-105%, 0);
  transform: translate(-105%, 0);
  background-color: rgba(255, 255, 255, 0.8);}
.octf-btn:hover:before{opacity: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);}
.octf-btn-icon{text-align: left;
  padding: 5px 5px 5px 28px;}
.octf-btn-icon i{background: #fff;
  color: var(--renk4);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-left: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;}
.octf-btn-primary{background: var(--renk3);}
.octf-btn-primary.octf-btn{box-shadow: 12px 12px 20px 0px rgba(254, 76, 28, 0.3);
  -webkit-box-shadow: 12px 12px 20px 0px rgba(254, 76, 28, 0.3);
  -moz-box-shadow: 12px 12px 20px 0px rgba(254, 76, 28, 0.3);}
.octf-btn-primary.octf-btn-icon{box-shadow: 8px 8px 18px 0px rgba(254, 76, 28, 0.3);
  -webkit-box-shadow: 8px 8px 18px 0px rgba(254, 76, 28, 0.3);
  -moz-box-shadow: 8px 8px 18px 0px rgba(254, 76, 28, 0.3);}
.octf-btn-primary:hover, .octf-btn-primary:focus{box-shadow: none;}
.octf-btn1:hover, .octf-btn:focus{color: #fff;}
.octf-btn1:hover, .octf-btn:focus{box-shadow: none;}
.octf-btn-primary1:hover, .octf-btn-primary:focus{box-shadow: none;}
.octf-btn7:hover, .octf-btn:focus{color: #fff;}
.octf-btn7:hover, .octf-btn:focus{box-shadow: none;}
.octf-btn2:hover, .octf-btn:focus{color: #fff;}
.octf-btn2:hover, .octf-btn:focus{box-shadow: none;}
.octf-btn-primary2:hover, .octf-btn-primary:focus{box-shadow: none;}
.octf-btn6:hover, .octf-btn:focus{color: #fff;}
.octf-btn6:hover, .octf-btn:focus{box-shadow: none;}
.octf-btn3:hover, .octf-btn:focus{color: #fff;}
.octf-btn3:hover, .octf-btn:focus{box-shadow: none;}
.octf-btn-primary3:hover, .octf-btn-primary:focus{box-shadow: none;}
@media (max-width: 767px){.octf-btn:before{display: none;}}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=secim],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea{color: #7e7e7e;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 3px 14px;
  box-sizing: border-box;
  outline: none;}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus{color: #7e7e7e;}
select{border: 1px solid #e6e6e6;}
textarea{width: 100%;
  vertical-align: top;}
::-webkit-input-placeholder{color: #7e7e7e;}
::-moz-placeholder{color: #7e7e7e;}
:-ms-input-placeholder{color: #7e7e7e;}
:-moz-placeholder{color: #7e7e7e;}
a{transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  color: var(--renk2);
  text-decoration: none;}
a:visited{color: var(--renk2);}
a:hover, a:focus, a:active{color: var(--renk4);
  text-decoration: none;}
a:focus{outline: 0;}
a:hover, a:active{outline: 0;}
.topbar_languages select::-ms-expand{display: none;}
.text-center{text-align: center;}
@-webkit-keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.text-center{text-align: center;}
@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
}

.site-footer-2 .footer-bottom .copyright-2{color: #acebff;
    font-size: 15px;
    font-family: "Red Hat Text",sans-serif;}
@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.faq-form p:last-child{margin-bottom: 0;}
@-webkit-keyframes scale-up-right {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes scale-up-right {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateX(-250px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateX(-250px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
img{margin: 0 auto;
    vertical-align: middle;}
.logo-dd{max-width: 400px;}
}
.newsletter-text h4{color: #FFF;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    font-family: "Red Hat Display",sans-serif;}
.form-control{width: 100%;}
body{font-family: "Uni Sans", sans-serif;
  font-weight: 500;}
*{margin: 0; padding: 0;
  box-sizing: border-box;}
img{max-width: 100%;}
a{text-decoration: none;}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes animStar {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(2000px);
  }
}
/* Source: https://psikoenvanter.com/css/woocommerce.css */

/* Source: https://psikoenvanter.com/css/theme.css */
@-webkit-keyframes mio-cookie-popup--close{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    20%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes mio-cookie-popup--close{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    20%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@-webkit-keyframes mio-cookie-popup--open{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
    80%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes mio-cookie-popup__open{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
    80%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
#modernpanel::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
#modernpanel::-webkit-scrollbar{width:9px;background-color:#F5F5F5}
#modernpanel::-webkit-scrollbar-thumb{background-color:#607D8B}
.mpanelrightcon::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#F5F5F5}
.mpanelrightcon::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.mpanelrightcon::-webkit-scrollbar-thumb{background-color:#d9d9d9}
@keyframes cssload-hourglass{0%{transform:rotate(0deg)}
    100%{transform:rotate(180deg)}
}
@-o-keyframes cssload-hourglass{0%{-o-transform:rotate(0deg)}
    100%{-o-transform:rotate(180deg)}
}
@-ms-keyframes cssload-hourglass{0%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(180deg)}
}
@-webkit-keyframes cssload-hourglass{0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(180deg)}
}
@-moz-keyframes cssload-hourglass{0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(180deg)}
}
@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}
.leftbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.leftbar::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.leftbar::-webkit-scrollbar-thumb{background-color:#607D8B}
{float:right;font-size:13px;border:none;background:#eee;margin-top:-5px;opacity:.7}
.wnotificontent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#F5F5F5}
.wnotificontent::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.wnotificontent::-webkit-scrollbar-thumb{background-color:#dbdbdb}
@-webkit-keyframes alert{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    5%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    10%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    15%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    20%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    30%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    35%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    40%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    45%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes alert{0%{-ms-transform:translateX(0);transform:translateX(0)}
    5%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    10%{-ms-transform:translateX(3px);transform:translateX(3px)}
    15%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    20%{-ms-transform:translateX(3px);transform:translateX(3px)}
    25%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    30%{-ms-transform:translateX(3px);transform:translateX(3px)}
    35%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    40%{-ms-transform:translateX(3px);transform:translateX(3px)}
    45%{-ms-transform:translateX(-3px);transform:translateX(-3px)}
    50%{-ms-transform:translateX(0);transform:translateX(0)}
}
@keyframes loadingA{0{height:15px}
50%{height:35px}
100%{height:15px}
}
@keyframes loadingB{0{width:15px}
50%{width:35px}
100%{width:15px}
}
@keyframes loadingC{0{transform:translate(0,0)}
50%{transform:translate(0,15px)}
100%{transform:translate(0,0)}
}
@keyframes loadingD{0{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@keyframes loadingE{0{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes loadingF{0%{opacity:0}
    100%{opacity:1}
}
@keyframes loadingG{0%{transform:translate(0,0) rotate(0deg)}
    50%{transform:translate(70px,0) rotate(360deg)}
    100%{transform:translate(0,0) rotate(0deg)}
}
@keyframes loadingH{0%{width:15px}
    50%{width:35px;padding:4px}
    100%{width:15px}
}
@keyframes loadingI{100%{transform:rotate(360deg)}
}
@keyframes bounce{0%,100%{transform:scale(0.0)}
    50%{transform:scale(1.0)}
}
@keyframes loadingJ{0%,100%{transform:translate(0,0)}
    50%{transform:translate(80px,0);background-color:#f5634a;width:25px}
}
@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes blink-1{0%,50%,100%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes lds-ring{0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes mover{0%{transform:translateY(0)}
    100%{transform:translateY(-2px)}
}
@keyframes mover{0%{transform:translateY(0)}
    100%{transform:translateY(-2px)}
}
@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
#clean-theme-client ::-webkit-input-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client :-moz-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client ::-moz-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client :-ms-input-placeholder{color:rgba(0,0,0,0.46)}
#clean-theme-client input,select{border-radius:15px}
@keyframes shadow-pulse{0%{box-shadow: 0 0 0 0px rgb(158 215 92 / 76%);}
100%{box-shadow: 0 0 0 8px rgb(0 0 0 / 0%);}
}
@keyframes shadow-pulsex{0%{box-shadow: 0 0 0 0px rgb(159 170 176 / 67%);}
100%{box-shadow: 0 0 0 8px rgb(0 0 0 / 0%);}
}
@keyframes loadingA{50%{height:15px 35px}
100%{height:15px}
}
@keyframes loadingB{50%{width:15px 35px}
100%{width:15px}
}
@keyframes loadingC{50%{transform:translate(0,0) translate(0,15px)}
100%{transform:translate(0,0)}
}
@keyframes loadingD{50%{transform:rotate(0deg) rotate(180deg)}
100%{transform:rotate(360deg)}
}
@keyframes loadingE{100%{transform:rotate(0deg) rotate(360deg)}
}
@keyframes loadingF{0%{opacity:0}
100%{opacity:1}
}
@keyframes loadingG{0%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(70px,0) rotate(360deg)}
100%{transform:translate(0,0) rotate(0deg)}
}
@keyframes loadingH{0%{width:15px}
50%{width:35px;padding:4px}
100%{width:15px}
}
@keyframes loadingI{100%{transform:rotate(360deg)}
}
@keyframes bounce{0%,100%{transform:scale(0.0)}
50%{transform:scale(1.0)}
}
@keyframes loadingJ{0%,100%{transform:translate(0,0)}
50%{transform:translate(80px,0);background-color:#f5634a;width:25px}
}
@keyframes lds-ellipsis1{0%{transform:scale(0)}
    100%{transform:scale(1)}
}
@keyframes lds-ellipsis3{0%{transform:scale(1)}
    100%{transform:scale(0)}
}
@keyframes lds-ellipsis2{0%{transform:translate(0,0)}
    100%{transform:translate(24px,0)}
}
/* Source: https://psikoenvanter.com/form/custom.min.css?v=1.1 */
@keyframes example {
    from {
        transform: scale(1.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes ani1 {
    from {
        right: -140px;
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        right: 0;
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes ani2 {
    from {
        right: -140px;
        transform: scale(0.5);
        opacity: 1;
    }
    to {
        right: 0;
        transform: scale(1);
        opacity: 1;
    }
}
body{margin: 0;
    padding: 0;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    color: #333;
    height: 100%;
    box-sizing: border-box;
    display: block;}
html{height: 100%;}
a,
a:hover{text-decoration: none;
    color: inherit;}
.popbox{display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.400717787114846) 0%, rgba(255,255,255,0.400717787114846) 100%);
    z-index: 9999;
    overflow-y: auto;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(30px) saturate(180%);}
.popboxin{position: relative;
    width: 1000px;
    border-radius: 20px;
    background: #f7f7f7;
    padding: 13px;
    margin: 0 auto;
    margin-top: 20px;
    border-style: solid;
    border-color: #205fff;}
.popclose{color: #000;
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;}
.login_form2 .form-control::-moz-placeholder{color: #666;
    opacity: 1;}
.login_form2 .form-control:-ms-input-placeholder{color: #666;}
.login_form2 .form-control::-webkit-input-placeholder{color: #666;}
footer{background: url("https://psikoenvanter.com/img/footer_bg.jpg") top center no-repeat #151a27;
    position: relative;}
@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes btnSeachOp {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (max-width: 768px){footer{background: #151a27;
        text-align: center;}
.popboxin{width: 90%;}}
@media (max-width: 1200px){footer{background: #151a27;
        text-align: center;}
.popboxin{width: 90%;}}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Source: https://psikoenvanter.com/toggle-switch2.css */

/* Source: https://psikoenvanter.com/admin/assets/lib/sweet-alerts2/sweetalert2.min.css */
.swal2-modal button.styled::-moz-focus-inner{border:0}
.swal2-input:focus::-moz-placeholder,.swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s 30ms ease;transition:opacity .3s 30ms ease;opacity:.8}
.swal2-input:focus:-ms-input-placeholder,.swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s 30ms ease;transition:opacity .3s 30ms ease;opacity:.8}
.swal2-input:focus::-webkit-input-placeholder,.swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s 30ms ease;transition:opacity .3s 30ms ease;opacity:.8}
.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#bdbdbd}
.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#bdbdbd}
.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#bdbdbd}
@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}
@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}
@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}
@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}
@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}
@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}
@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}
@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}
@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}
@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}
@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}