@font-face {
	font-family:'Xino_Yekan';
	src: url('../fonts/Xino_YekanV2Light.woff');
	src: url('../fonts/Xino_YekanV2Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family:'Xino_Yekan';
	src: url('../fonts/Xino_YekanV2Regular.woff');
	src: url('../fonts/Xino_YekanV2Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'Xino_Yekan';
	src: url('../fonts/Xino_YekanV2Heavy.woff');
	src: url('../fonts/Xino_YekanV2Heavy.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family:'Xino_Yekan';
	src: url('../fonts/Xino_YekanV2Fat.woff');
	src: url('../fonts/Xino_YekanV2Fat.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family:'Xino_Yekan';
	src: url('../fonts/Xino_YekanV2Bold.woff');
	src: url('../fonts/Xino_YekanV2Bold.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

body {
    font-family:'Xino_Yekan' !important;
}

body,h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,label,button,form,input,textarea,select{
	font-family: 'Xino_Yekan' !important;
}

h1,h2 {
	font-weight: 900!important;
}
h3,h4,h5,h6{
	font-weight: 700!important;
}


  body{
	  margin:0;
	  padding:0;
	  background:#F3F3F5;
	  overflow-x:hidden;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
  }
  .page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
  a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent ugly blue glow on chrome and safari */
  a:hover{text-decoration: none; cursor:pointer;}
  
  
  /* Preloader */
  
  .page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
  .preloader-complete{animation-delay:0.1s;}
  @keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}
  
  /* = Blocs
  -------------------------------------------------------------- */
  
  .bloc{
	  width:100%;
	  clear:both;
	  background: 50% 50% no-repeat;
	  padding:0 20px;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  position:relative;
	  display:flex;
  }
  .bloc .container{
	  padding-left:0;
	  padding-right:0;
  }
  
  
  /* Sizes */
  
  .bloc-sm{
	  padding:20px;
  }
  
  
  /* Dark theme */
  
  .d-bloc{
	  color:rgba(255,255,255,.7);
  }
  .d-bloc button:hover{
	  color:rgba(255,255,255,.9);
  }
  .d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	  border-color:rgba(255,255,255,.9);
  }
  .d-bloc .divider-h span{
	  border-color:rgba(255,255,255,.2);
  }
  .d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	  color:rgba(255,255,255,.6);
  }
  .d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	  color:rgba(255,255,255,1);
  }
  .d-bloc .navbar-toggle .icon-bar{
	  background:rgba(255,255,255,1);
  }
  .d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	  color:rgba(255,255,255,1);
	  border-color:rgba(255,255,255,1);
  }
  .d-bloc .card{
	  color:rgba(0,0,0,.5);
  }
  .d-bloc .card button:hover{
	  color:rgba(0,0,0,.7);
  }
  .d-bloc .card icon{
	  border-color:rgba(0,0,0,.7);
  }
  .d-bloc .card .divider-h span{
	  border-color:rgba(0,0,0,.1);
  }
  .d-bloc .card .a-btn{
	  color:rgba(0,0,0,.6);
  }
  .d-bloc .card .a-btn:hover{
	  color:rgba(0,0,0,1);
  }
  .d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	  color:rgba(0,0,0,.7);
	  border-color:rgba(0,0,0,.3);
  }
  
  
  /* Light theme */
  
  .d-bloc .card,.l-bloc{
	  color:rgba(0,0,0,.5);
  }
  .d-bloc .card button:hover,.l-bloc button:hover{
	  color:rgba(0,0,0,.7);
  }
  .l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	  border-color:rgba(0,0,0,.7);
  }
  .d-bloc .card .divider-h span,.l-bloc .divider-h span{
	  border-color:rgba(0,0,0,.1);
  }
  .d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	  color:rgba(0,0,0,.6);
  }
  .d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	  color:rgba(0,0,0,1);
  }
  .l-bloc .navbar-toggle .icon-bar{
	  color:rgba(0,0,0,.6);
  }
  .d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	  color:rgba(0,0,0,.7);
	  border-color:rgba(0,0,0,.3);
  }
  
  
  /* = NavBar
  -------------------------------------------------------------- */
  
  .hero .hero-nav{
	  padding-left:inherit;
	  padding-right:inherit;
  }
  /* Circles Menu Icon */
  .navbar-light .menu-icon-circles .navbar-toggler-icon{
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(0, 0, 0, 0.5)' d='M15.5,12A3.5,3.5,0,1,1,12,15.5,3.5,3.5,0,0,1,15.5,12Zm11,0A3.5,3.5,0,1,1,23,15.5,3.5,3.5,0,0,1,26.5,12Zm-22,0A3.5,3.5,0,1,1,1,15.5,3.5,3.5,0,0,1,4.5,12Z'/%3E%3C/svg%3E");
  }
  .navbar-dark .menu-icon-circles .navbar-toggler-icon{
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.5)' d='M15.5,12A3.5,3.5,0,1,1,12,15.5,3.5,3.5,0,0,1,15.5,12Zm11,0A3.5,3.5,0,1,1,23,15.5,3.5,3.5,0,0,1,26.5,12Zm-22,0A3.5,3.5,0,1,1,1,15.5,3.5,3.5,0,0,1,4.5,12Z'/%3E%3C/svg%3E");
  }
  
  /* Nav Special Classes */
  .nav-special{
	  overflow-y:scroll;
  }
  .nav-special .site-navigation{
	  top:0;
	  left:0;
	  width:100%;
	  position: relative!important;
	  max-width: 100%!important;
	  z-index: 1000;
  }
  .nav-special .nav > li{
	  width:100%;
	  background: none!important;
	  border:0!important;
  }
  .nav-special.collapsing{
	  -webkit-transition: none;
	  transition: none;
	  height:100%!important;
	  background: none!important;
  }
  .nav-special .navbar-nav .show .dropdown-menu{
	  position: relative!important;
	  transform: none!important;
	  float: none;
	  width: 100%;
	  margin-top: 0;
	  background-color: transparent;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  border: 0;
  }
  .nav-special .nav .dropdown-menu .nav-link{
	  color:#FFF;
  }
  .blocsapp-special-menu{
	  position: absolute;
	  z-index:10000;
  }
  .nav-special.fullscreen-nav .caret,.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret{
	  border-width: 8px;
  }
  .nav-special .navbar-nav .show>.nav-link{
	  color:#FFF;
  }
  
  /* Animate Menu Symbol */
  .navbar-toggle{
	  transition: all .1s linear;
  }
  .selected-nav{
	  opacity: 0;
	  transform: scale(0.3);
	  transition: all .1s linear;
  }
  
  
  /* Special Menu Close Button */
  .close-special-menu{
	  position: fixed;
	  display: block;
	  width: 25px;
	  height:25px;
	  top:16px;
	  right:10px;
	  z-index: 10000;
  }
  .nav-invert .sidebar-nav .close-special-menu{
	  left:260px;
  }
  .close-special-menu .close-icon{
	  display: block;
	  width:100%;
	  height:1px;
	  transform: rotate(45deg);
	  margin-top:12px;
  }
  .close-special-menu .close-icon:after{
	  content:"";
	  display:inherit;
	  width:inherit;
	  height:inherit;
	  background: inherit;
	  transform: rotate(90deg);
  }
  .lock-scroll{
	  overflow:hidden;
	  transition: background .3s linear;
  }
  .nav-special::-webkit-scrollbar{
	  -webkit-appearance: none;
	  width:0;
	  height:0;
  }
  .nav-special .dropdown-menu .dropdown .caret{
	  border-top-color: rgba(255,255,255,.8);
	  border-right-color: transparent;
	  border-bottom-color: transparent;
	  border-left-color: transparent;
	  margin: 0 0 0 5px;
	  float: none;
  }
  .blocsapp-special-menu .site-navigation.pull-right{
	  float:none!important;
  }
  
  /* Nav Special Close Button */
  .close-special-menu .close-icon{
	  background:#fff;
  }
  .blocsapp-special-menu blocsnav{
	  background: #05c795;
  }
  
  /* Full Screen Navigation */
  .nav-special.fullscreen-nav{
	  width: 100%;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  opacity: 0;
	  z-index: 1000;
	  position: fixed;
	  transition: all .2s linear;
  }
   .nav-special.fullscreen-nav.open-up{
	  transform: translateY(1000px);
  }
   .nav-special.fullscreen-nav.open-down{
	  transform: translateY(-1000px);
  }
   .nav-special.fullscreen-nav.open-left{
	  transform: translateX(-1000px);
  }
   .nav-special.fullscreen-nav.open-right{
	  transform: translateX(1000px);
  }
   .nav-special.fullscreen-nav .nav > li a,.nav-special.fullscreen-nav .nav .dropdown-menu > li > a{
	  color:rgba(255,255,255,.8);
	  text-align: center;
	  font-size: 28px;
  }
   .nav-special.fullscreen-nav .nav > li a:hover{
	  color:#FFF;
  }
   .open.nav-special.fullscreen-nav{
	  opacity: 1;
	  transition: all .2s linear;
  }
  .nav-special.fullscreen-nav .site-navigation{
	  text-align:center;
	  margin-top:10%!important;
  }
  .nav-special.fullscreen-nav .close-special-menu{
	  right:20px;
  }
   .open.nav-special.fullscreen-nav.open-left,  .open.nav-special.fullscreen-nav.open-right,  .open.nav-special.fullscreen-nav.open-down, .open.nav-special.fullscreen-nav.open-up{
	  transform: translateY(0);
  }
  /* Handle Multi Level Navigation */.navbar-light .navbar-nav .nav-link {
	  color: rgb(64, 64, 64);
  }
  .btco-menu li > a {
	  padding: 10px 15px;
	  color: #000;
  }
  .btco-menu .active a:focus,.btco-menu li a:focus ,.navbar > .show > a:focus{
	  background: transparent;
	  outline: 0;
  }
  .dropdown-menu .show > .dropdown-toggle::after{
	  transform: rotate(-90deg);
  }
  
  /* = Bric adjustment margins
  -------------------------------------------------------------- */
  
  .mg-md{
	  margin-top:5px;
	  margin-bottom:20px;
  }
  
  /* = Buttons
  -------------------------------------------------------------- */
  
  .btn-d,.btn-d:hover,.btn-d:focus{
	  color:#FFF;
	  background:rgba(0,0,0,.3);
  }
  
  /* Prevent ugly blue glow on chrome and safari */
  button{
	  outline: none!important;
  }
  
  .btn-rd{
	  border-radius: 40px;
  }
  .icon-spacer{
	  margin-right:5px;
		  margin-top: -1px;
  }
  
  /* = Icons
  -------------------------------------------------------------- */
  .icon-sm{
	  font-size:18px!important;
  }
  
  
  
  
  .card-sq, .card-sq .card-header, .card-sq .card-footer{
	  border-radius:0;
  }
  .card-rd{
	  border-radius:30px;
  }
  .card-rd .card-header{
	  border-radius:29px 29px 0 0;
  }
  .card-rd .card-footer{
	  border-radius:0 0 29px 29px;
  }
  
  
  /* = Forms
  -------------------------------------------------------------- */
  
  .form-control{
	  border-color:rgba(0,0,0,.1);
	  box-shadow:none;
  }
  
  
  
  /* ScrollToTop button */
  
  .scrollToTop{
	  width:36px;
	  height:36px;
	  padding:5px;
	  position:fixed;
	  bottom:20px;
	  right:20px;
	  opacity:0;
	  z-index:999;
	  transition: all .3s ease-in-out;
	  pointer-events:none;
  }
  .showScrollTop{
	  opacity: 1;
	  pointer-events:all;
  }
  .scroll-to-top-btn-icon{
	  fill: none;
	  stroke: #fff;
	  stroke-width: 2px;
	  fill-rule: evenodd;
	  stroke-linecap:round;
  }
  
  /* = Custom Styling
  -------------------------------------------------------------- */
  
  
  .container{
	  max-width:1140px;
	  direction:rtl;
  }
  .h4-style{
	  font-size:13px;
	  margin-bottom:4px;
  }
  .my-col{
	  background-color:#FFFFFF;
	  position:relative;
	  display:inline-block;
	  overflow:visible;
	  clear:none;
	  float:none;
	  margin:10px 10px 10px 10px;
	  padding: 20px;
	  border-radius:20px 20px 20px 20px;
  }
  .bloc-padding-right{
	  padding-right:0px;
	  margin-top:8px;
  }
  .h3-padding-left{
	  padding-left:0px;
	  
	  font-size:36px;
	  width:100%;
  }
  .h4-margin-bottom{
	  margin-bottom:17px;
	  padding-top:6px;
	  font-size:16px;
  }
  .bloc-0-padding-right{
	  padding-right:0px;
	  padding-left:0px;
  }
  .my-j{
	  background-color:#05c795;
	  font-size:12px;
		  padding-top: 7px !important;
	  padding-bottom: 7px !important;
	  border-radius:50px 50px 50px 50px;
	  border: none;
  }
  .h3-style{
	  
	  font-size:12px;
  }
  .btn-padding{
	  margin-top:-4px;
	  margin-left:0px;
	  margin-right:-100px;
	  padding:8px 15px 8px 14px;
  }
  .btn-مشاهده-همه-padding{
	  padding-top:4px;
	  padding-bottom:4px;
  }
  .btn-3-padding{
	  padding-top:4px;
	  padding-bottom:4px;
  }
  .btn-4-padding{
	  padding-top:4px;
	  padding-bottom:4px;
	  margin-left:-7px;
  }
  .p-style{
	  font-size:12px;
  }
  .mn-col{
	  background-color:transparent;
  }
  .sup{
	  color:#05c795!important;
	  
  }
  .p-bloc-2-style{
	  font-size:12px;
	  padding-top:8px;
  }
  .btn-button-padding{
	  padding-top:0px;
	  padding-bottom:0px;
	  font-size:12px;
	  background-color:#FC4937;
	  margin-right:-22px;
	  width:56px;
  }
  .bloc-margin-bottom{
	  margin-bottom:-12px;
  }
  .lll{
	  padding-left:20px;
  }
  .orbut{
	  background-color:#FF9C00;
  }
  .grbut{
	  background-color:#49DB61;
  }
  .my-j:hover{
	  background-color:#49DB61;
  }
  .imgg{
	  border-radius:50px 50px 50px 50px;
  }
  .h2-style{
	  
	  font-size:16px;
	  padding-bottom:0px;
	  margin-bottom:24px;
	  padding-top:12px;
	  margin-left:-10px;
  }
  .bloc-bloc-2-padding-right{
	  padding-right:60px;
  }
  .img-padding-left{
	  width:80px;
	  margin-right:-34px;
  }
  .bloc-0-bloc-2-padding-right{
	  padding-right:0px;
  }
  .my-ssy{
	  margin-right:-40px;
  }
  .myro{
	  background-color:#FEFFFF;
	  margin-right:0px;
	  margin-left:0px;
  }
  .h3-9-style{
	  font-size:12px;
	  
	  margin-bottom:0px;
	  padding:5px 5px 15px 5px;
  }
  .text-span-color{
	  color:#ffffff;
  }
  .lkj{
	  background-color:#4ADA60;
	  font-size:12px;
	  width:108px;
	  margin-right:-50px;
	  
	  margin-left:13px;
  }
  .my-rr{
	  background-color:#FEFFFF;
	  margin-right:1px;
	  margin-left:1px;
	  border-radius:100px 100px 100px 100px;
  }
  .h2-ورود-ثبتنام-style{
	  font-size:14px;
	  
	  padding-top:14px;
  }
  .bloc-2476-padding-right{
	  padding-right:0px;
  }
  .img-style{
	  width:170px;
	  position:absolute;
	  top:-99px;
	  z-index:0;
	  right:12px;
  }
  .mjhg{
	  z-index:1;
  }
  .img-padding-right{
	  padding-right:6px;
	  position:relative;
	  bottom:10px;
  }
  .kh{
	  font-size:14px;
	  padding-right:0px;
	  margin-right:-30px;
  }
  .icos{
	  font-size:16px;
	  margin-top:0px;
	  position:relative;
	  top:2px;
  }
  .bloc-bloc-0-padding-right{
	  padding-right:0px;
	  padding-left:0px;
  }
  .list-padding-right{
	  padding-right:0px;
  }
  .h3-padding-right {
	  padding-right: 21px;
	  color: #717171;
	  font-size: 14px;
	  padding-bottom: 0px;
	  padding-top: 16px;
  }
  .bmm{
	  padding-top:4px;
	  padding-bottom:4px;
  }
  .mine{
	  background-color:#FEFFFF;
	  margin-right:2px;
	  margin-left:2px;
	  padding:30px 30px 30px 30px;
	  border-radius:20px 20px 20px 20px;
  }
  .h3-bloc-5-style{
	  font-size:16px;
	  
	  margin-bottom:0px;
	  padding-right:90px;
  }
  .h3-15-style{
	  font-size:14px;
	  
	  padding-right:89px;
  }
  .field-style{
	  width:60.04%;
	  margin-right:89px;
	  border-radius:12px 12px 12px 12px;
  }
  .myu{
	  margin-top:15px;
  }
  .field-style:focus{
	  border-color:#05c795!important;
	  border-width:1px 1px 1px 1px;
  }
  .row-margin-right{
	  margin-right:72px;
	  margin-left:98px;
	  margin-top:18px;
  }
  .boj{
	  width:90px;
  }
  .njhy{
	  height:50px;
  }
  .ool{
	  margin:0px 0px 0px 0px;
	  padding:0px 0px 0px 0px;
  }
  .lkj:hover{
	  background-color:#05c795;
  }
  .huy{
	  height:50px;
	  position:relative;
	  z-index:0;
  }
  .h2-bloc-7-style{
	  font-size:16px;
  }
  .list-bloc-7-padding-right{
	  padding-right:0px;
  }
  .h5-style{
	  font-size:14px;
	  padding-top:6px;
  }
  .h5-bloc-7-style{
	  font-size:14px;
	  padding-top:6px;
  }
  .ppl{
	  padding-left:20px;
  }
  .kilo{
	  width:150px;
  }
  .row-margin-left{
	  margin-bottom:0px;
  }
  .kh:hover{
	  color:transparent!important;
  }
  .icon-margin-right{
	  margin-right:-25px;
	  padding-right:23px;
  }
  .btn-button-padding:hover{
	  background-color:#FC4937;
  }
  .grbut:hover{
	  background-color:#49DB61;
  }
  .orbut:hover{
	  background-color:#FF9C00;
  }
  
  .bloc-padding-bottom{
	  padding-bottom:0px;
	  margin-bottom:27px;
  }
  .h3-padding-left:hover{
	  color:#4ADA60!important;
  }
  .gfd{
	  font-size:11px;
	  text-align:right;
	  direction:rtl;
  }
  .bloc-bloc-3-padding-right{
	  padding-right:0px;
	  padding-left:5px;
	  margin-top:-9px;
  }
  .img-bloc-3-style{
	  margin-left:0px;
  }
  .bloc-bloc-7-padding-right{
	  padding-right:0px;
	  padding-left:5px;
	  margin-top:-9px;
  }
  .bloc-0-bloc-7-padding-right{
	  padding-right:0px;
	  padding-left:5px;
	  margin-top:-12px;
  }
  .bloc-bloc-3-padding-bottom{
	  padding-bottom:14px;
	  padding-top:16px;
  }
  .over{
	  position:relative;
	  overflow:visible;
	  display:inline-block;
  }
  .jj{
	  padding-right:50px;
  }
  .kgb:hover{
	  color:#05c795!important;
  }
  
  /* = Colour
  -------------------------------------------------------------- */
  
  /* Background colour styles */
  
  .bgc-anti-flash-white{
	  background-color:#F3F3F5;
  }
  .bgc-palatinate-blue{
	  background-color:#05c795;
  }
  
  /* Text colour styles */
  
  .tc-davys-grey{
	  color:#5E5E5E!important;
  }
  .tc-palatinate-blue{
	  color:#05c795!important;
  }
  .tc-dark-cerulean{
	  color:#123C74!important;
  }
  .tc-white{
	  color:#FEFFFF!important;
  }
  
  /* Icon colour styles */
  
  .icon-white{
	  color:#FEFFFF!important;
	  border-color:#FEFFFF!important;
  }
  
  
  
  
  /* = Bloc Padding Multi Breakpoint
  -------------------------------------------------------------- */
  
  @media (min-width: 576px) {
	  .bloc-xxl-sm{padding:200px 20px;}
	  .bloc-xl-sm{padding:150px 20px;}
	  .bloc-lg-sm{padding:100px 20px;}
	  .bloc-md-sm{padding:50px 20px;}
	  .bloc-sm-sm{padding:20px;}
	  .bloc-no-padding-sm{padding:0 20px;}
  }
  @media (min-width: 768px) {
	  .bloc-xxl-md{padding:200px 20px;}
	  .bloc-xl-md{padding:150px 20px;}
	  .bloc-lg-md{padding:100px 20px;}
	  .bloc-md-md{padding:50px 20px;}
	  .bloc-sm-md{padding:20px 20px;}
	  .bloc-no-padding-md{padding:0 20px;}
  }
  @media (min-width: 992px) {
	  .bloc-xxl-lg{padding:200px 20px;}
	  .bloc-xl-lg{padding:150px 20px;}
	  .bloc-lg-lg{padding:100px 20px;}
	  .bloc-md-lg{padding:50px 20px;}
	  .bloc-sm-lg{padding:20px;}
	  .bloc-no-padding-lg{padding:0 20px;}
  }
  
  
  /* = Mobile adjustments 
  -------------------------------------------------------------- */
  @media (max-width: 1024px)
  {
	  .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
		  padding-left: 0; 
		  padding-right: 0;  
	  }
  }
  @media (max-width: 991px)
  {
	  .container{width:100%;}
	  .bloc{padding-left: constant(safe-area-inset-right);padding-right: constant(safe-area-inset-left);} /* iPhone X Notch Support*/
	  .bloc-group, .bloc-group .bloc{display:block;width:100%;}
  }
  @media (max-width: 767px)
  {
	  .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
		  padding-left:0;padding-right:0;
	  }
	  .btn-dwn{
		 display:none; 
	  }
	  .voffset{
		  margin-top:5px;
	  }
	  .voffset-md{
		  margin-top:20px;
	  }
	  .voffset-lg{
		  margin-top:30px;
	  }
	  form{
		  padding:5px;
	  }
	  .close-lightbox{
		  display:inline-block;
	  }
	  .blocsapp-device-iphone5{
		 background-size: 216px 425px;
		 padding-top:60px;
		 width:216px;
		 height:425px;
	  }
	  .blocsapp-device-iphone5 img{
		 width: 180px;
		 height: 320px;
	  }
  }
  @media (max-width: 767px){
	  .bloc-bloc-5-padding-right{
		  padding-left:49px;
	  }
	  
  }
  
  @media (max-width: 575px){
	  .btn-padding{
		  margin-bottom:20px;
		  margin-top:13px;
	  }
	  .bloc-padding-bottom{
		  padding-bottom:0px;
	  }
	  .nvf{
		  margin-top:0px;
		  margin-bottom:-7px;
		  padding:0px 0px 0px 0px;
	  }
	  .jj{
		  padding-right:21px;
	  }
	  .h3-bloc-5-style{
		  padding-right:15px;
	  }
	  .h3-15-style{
		  padding-right:2px;
	  }
	  .field-style{
		  margin-right:4px;
		  width:97.33%;
	  }
	  .row-margin-right{
		  margin-right:-39px;
		  margin-left:4px;
		  width:100%;
	  }
	  .bloc-padding-left{
		  padding-left:0px;
		  padding-right:0px;
	  }
	  .radio-style{
		  width:80.95%;
		  padding-right:0px;
		  margin-right:70px;
	  }
	  .bloc-bloc-5-padding-right{
		  padding-left:0px;
		  padding-right:0px;
	  }
	  .btn-margin-left{
		  padding-right:9px;
		  margin-left:-34px;
	  }
	  
  }
  
  .bloc-md{
	  padding:50px 20px;
  }
  .icon-lg{
	  font-size:60px!important;
  }
  
  
  .h1-style{
	  font-family: 'Xino_Yekan';
  }
  .mnjh{
	  background-color:#FEFFFF;
	  color:#424242!important;
	  font-family: 'Xino_Yekan';
  }
  .lkn{
	  margin-right:14px;
  }
  .p-bloc-10-style {
	  font-size: 14px;
	  font-weight: bold;
	  padding-right: 36px;
	  padding-bottom: 7px;
	  margin-right: -19px;
  }
  .domm{
	  position: absolute;
	  top: 39%;
	  right: 5%;
	  z-index: 9999;
  }
  .kkj{
	  font-family: 'Xino_Yekan';
	  font-size:12px;
  }
  .h6-padding-right{
	  padding-right:48px;
  }
  .h6-margin-left{
	  margin-left:-49px;
  }
  .h6-bloc-10-margin-left{
	  margin-left:-113px;
  }
  .h1-onlim{
	  font-family: 'Xino_Yekan';
	  font-size:18px;
	  margin-top:23px;
  }
  .p-bloc-11-style {
	  line-height: 21px;
	  font-size: 14px;
	  margin-bottom: 5px;
   
  }
  .manf{
	  margin-top:-8%;
  }
  .lkmnb{
	  padding-bottom:20px;
	  padding-top:20px;
  }
  .adsaa:hover{
	  color:#05c795!important;
  }
  .img-margin-top{
	  margin-top:17px;
  }
  .h1-10-style{
	  font-family: 'Xino_Yekan';
	  margin-bottom:4px;
  }
  .p-23-style{
	  font-size:14px;
	  margin-top:0px;
  }
  .img-bloc-13-margin-top{
	  margin-top:-49px;
	  height:199px;
	  z-index: -55555555;
  }
  .okj{
	  height:355px;
  }
  .khgf{
	  color:#2020C7!important;
  }
  .btn-margin-top{
	  margin-bottom:-45px;
  }
  .h2-bloc-13-style{
	  font-family: 'Xino_Yekan';
  }
  .kam{
	  color:#919191!important;
	  font-size:18px;
	  font-family: 'Xino_Yekan';
  }
  .bl {
	  position: absolute;
	  font-size: 17px;
	 font-family: 'Xino_Yekan';
	  margin-left: 5px;
	  color: #abb0b5;
	  top: -18px;
  }
  .por {
	  position: absolute;
	  right: 86px;
	  font-size: 45px;
	  z-index: 99;
	  font-family: 'iryekan'!important;
	  font-weight: 900!important;
	  margin-top: 28px;

  }
  
  .h6-padding-top {
    padding-top: 0px;
    position: absolute;
    font-family: 'Xino_Yekan';
    right: 60%;
    bottom: 50px;
    font-size: 20px;
}
  .h4-bloc-13-style{
	  font-size: 15px;
	  margin-top: 88px;
	  padding-bottom: 0px;
	 font-family: 'Xino_Yekan';
	  padding-top: 0px;
  }
  .bloc-bloc-13-padding-left{
	  padding-left:0px;
	  padding-right:0px;
	  margin-left:15px;
  }
  .img-24-margin-top{
	  margin-top:-39px;
  }
  .h6-margin-top{
	  margin-top:-19px;
	  padding-right:39px;
  }
  .h1-bloc-13-style{
	  font-family: 'Xino_Yekan';
	  font-size:19px;
	  margin-top:23px;
	  margin-bottom:9px;
  }
  .img-bloc-13-style{
	  width:28px;
	  position:absolute;
	  left:0%;
	  top:15%;
  }
  .jih{
	  font-family: 'Xino_Yekan';
	  font-weight:normal;
	  font-size:20px;
  }
  .p-bloc-14-style{
	  font-size:14px;
	  margin-top:0px;
  }
  .h2-bloc-14-style{
	  font-size:18px;
  }
  .img-bloc-14-margin-top{
	  margin-top:-52px;
  }
  .p-22-style{
	  font-size:14px;
	  padding-top:15px;
  }
  .p-23-bloc-14-style{
	  font-size:14px;
  }
  .p-24-style{
	  font-size:14px;
  }
  .p-26-style{
	  font-size:14px;
	  padding-top:16px;
  }
  .nnnn{
	  margin-top:-1%;
  }
  .mjj{
	  margin:10px 10px 10px 10px;
  }
  .lkn:hover{
	  background-color:#FEFFFF;
	  color:#424242!important;
	  font-family: 'Xino_Yekan';
  }
  .mnjh:hover{
	  color:#FEFFFF!important;
	  font-family: 'Xino_Yekan';
	  border-style:solid;
	  border-color:#FEFFFF!important;
	  background-color:transparent;
	  border-width:1px;
  }
  .okj:hover{
	  height:355px;
  }
  .jamid {
	  position: relative;
	  z-index: 9999;
	  margin-top: -75px;
  }
  .joha{
	  margin-top:-25px;
  }
  .jok{
	  margin-top:-45px;
  }
  .tt{
	  padding-bottom:37px;
	  margin-top:-30px;
  }
  .kjn{
	  color:#FF0000!important;
	  font-family: 'Xino_Yekan';
  }
  .bloc-bloc-14-margin-top{
	  margin-top:31px;
  }
  .bloc-bloc-10-padding-bottom{
	  padding-bottom:35px;
  }
  .jkk{
	  background-size:cover;
	  background-position:center bottom;
  }
  .tc-dark-cerulean{
	  color:#123C74!important;
  }
  .tc-anti-flash-white{
	  color:#F3F3F5!important;
  }
  .tc-white{
	  color:#FEFFFF!important;
  }
  .tc-dim-gray{
	  color:#616161!important;
  }
  .tc-ufo-green{
	  color:#49DB61!important;
  }
  
  /* Icon colour styles */
  
  .icon-anti-flash-white{
	  color:#F3F3F5!important;
	  border-color:#F3F3F5!important;
  }
  .icon-white{
	  color:#FEFFFF!important;
	  border-color:#FEFFFF!important;
  }
  .icon-pastel-gray{
	  color:#CDCDCD!important;
	  border-color:#CDCDCD!important;
  }
  
  /* Bloc image backgrounds */
  
  .bg-bacj{
	  background-image:url("../img/bacj.png");
  }
  
  /* = Custom Bric Data
  -------------------------------------------------------------- */
  
  .waves-container {
	  max-width: 100%;
	  overflow: hidden;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 99999;
  }
  .waves-container canvas {
	  display: block;
  }
  #particles-js{
	  position: absolute;
	  height:100%;
	  width: 100%;
	  left: 0;
	  right:0;
	  top:0;
	  bottom: 0;
  }
  
	  .my-col{
		  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14);
		  }
		  .my-col:hover{
		  box-shadow: 0px 13px 27px 0px rgba(36, 36, 218, 0.16),0px 45px 95px 0px rgba(18, 8, 63, 0.14);
		  transition:0.5s
		  }
		  .my-rr{
		  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14);
		  }
		  
		  .mnbv{
		  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14);
		  }
		  .mine{
		  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14);
		  }
		  .mine:hover{
		  box-shadow: 0px 13px 27px 0px rgba(36, 36, 218, 0.16),0px 45px 95px 0px rgba(18, 8, 63, 0.14);
		  transition:0.5s
		  }
		  .boj{
		  box-shadow: 0px 15px 21.12px 10.88px rgba(49, 49, 223, 0.1);
		  }
		  .form-check-inline .form-check-input {
		  
		  margin-left: 4px;
		  }
		  .lkj{
			box-shadow: 0px 3px 20px 0px rgba(0, 143, 92, 0.22);
		  }
		  .njhy{
		   border-radius: 10px;
		   background-image: -moz-linear-gradient( -177deg, rgb(230,230,230) 0%, rgb(243,243,243) 21%, rgb(255,255,255) 100%);
			background-image: -webkit-linear-gradient( -177deg, rgb(230,230,230) 0%, rgb(243,243,243) 21%, rgb(255,255,255) 100%);
			background-image: -ms-linear-gradient( -177deg, rgb(230,230,230) 0%, rgb(243,243,243) 21%, rgb(255,255,255) 100%);
		  }
		  
		  .huy:hover{
		   border-radius: 10px;
		   background-image: -moz-linear-gradient( -177deg, rgb(230,230,230) 0%, rgb(243,243,243) 21%, rgb(255,255,255) 100%);
			background-image: -webkit-linear-gradient( -177deg, rgb(230,230,230) 0%, rgb(243,243,243) 21%, rgb(255,255,255) 100%);
			background-image: -ms-linear-gradient( -177deg, rgb(230,230,230) 0%, rgb(243,243,243) 21%, rgb(255,255,255) 100%);
		  }
		  .float-lg-right {
		  float: left!important;
		  }
		  .topli{
		  height: 25px;
			border-radius: 5px;
			background-color: rgb(229, 230, 232);
			padding-top: 3px;
		  }
		  .botli{
		  height: 25px;
		  border-radius: 3px;
			background-color: rgb(243, 244, 246);
			padding-top: 3px;
		  }
		  .huy:after{
		  content: "";
		  background: transparent url(../img/ar-left.png) no-repeat 50%;
		  position: absolute;
		  left: 16px;
		  top: 19px;
		  z-index: 1;
		  height:9px;
		  width:8px;

		  }
		  input:focus{
		  box-shadow:none !important;
		  }
		  .shat{
		  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02)!important;
		  }
		  .hjk:hover{
		  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14)!important;
		  }
		  .mine-control {
			  border-radius: 55px!important;
			  padding: 26px 45px!important;
		  }
		  .sbut {
			  background-color: #05c795!important;
	  border-radius: 82px!important;
	  margin-right: -50px!important;
	  margin-top: 7px;
	  margin-bottom: 6px;
	  margin-left: 23px;
	  color: #fff;
	  padding: 1px 9px 4px 9px;
	  font-size: 22px;
	  width: 40px;
	  height: 40px;
		  }
		  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
			  z-index: 0;
		  }
		  .kkjk .float-lg-right {
			  float: right!important;
		  }
		  .lkmnb:hover{
			background-color: rgb(255, 255, 255)!important;
			box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14)!important;
		  transition:0.5s
		  }
		  .lkmnb{
			box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02)!important;
		  
		  }
		  
		  .adsaa{
		  transition:0.5s
		  }
		  .okj{
		  
			background-color: rgb(255, 255, 255)!important;
			box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.14)!important;
		  
		  }
		  
		  .bef::before {
			  background: #05c795;
			  left: -14px;
			  bottom: 74px;
			  position: absolute;
			  height: 21px;
			  width: 1197px;
			  border-radius: 30px;
			  content: '';
			  z-index: 0;
		  }
		  .okj .jamid{
			  opacity:0;
			  display: none;
			  }
			  .okj:hover .jamid{
			  opacity:1!important;
			  display: unset;
			  }
			  .okj:hover .por,.okj:hover .h6-padding-top,.okj:hover .h4-bloc-13-style{
			  display:none!important;
			  }
			  .okj:hover {
				  box-shadow: 0px 13px 27px 0px rgba(18, 8, 63, 0.02),0px 45px 95px 0px rgba(18, 8, 63, 0.19)!important;
				  transition: 0.6s!important;
			  }
			  .okj:hover .img-bloc-13-margin-top{
			  display:none!important;
			  }
			  
			  .okj .nooon{
			  display:none!important;
			  opacity:0;
			  }
			  .okj:hover .nooon{
			  display:flex!important;
			  transition: opacity 1s!important;
			  opacity:1!important;
			  }
			  .okj .img-bloc-13-style{
			  display:none!important;
			  }
			  .okj:hover .img-bloc-13-style{
			  display:unset!important;
			  }
			  .my-col:hover .adsaa{
				  color: #05c795!important;
			  }
			  .minjk:hover:before {
				  content: "";
				  width: 120px;
				  height: 120px;
				  border: 19px solid #05c795;
				  display: block;
				  position: absolute;
				  right: -17%;
				  z-index: -1;
				  top: -20%;
				  border-radius: 50%;
			   transition: all 2s linear;
			  }
			  .minjk:hover:after{
				  content: "";
				  width: 120px;
				  height: 120px;
				  border: 19px solid #05c795;
				  display: block;
				  position: absolute;
				  left: -17%;
				  z-index: -1;
				  bottom: -20%;
					border-radius: 50%;
			   transition: all 2s linear;
			  }
			  .minjk:hover:after,.minjk:hover:before,.okj:hover .nooon,.okj:hover .img-bloc-13-style,.okj:hover .jamid{
				animation: fadeIn 2s;
				-webkit-animation: fadeIn 2s;
				-moz-animation: fadeIn 2s;
				-o-animation: fadeIn 2s;
				-ms-animation: fadeIn 2s;
			  }
			  @keyframes fadeIn {
				0% {opacity:0;}
				100% {opacity:1;}
			  }
			  
			  @-moz-keyframes fadeIn {
				0% {opacity:0;}
				100% {opacity:1;}
			  }
			  
			  @-webkit-keyframes fadeIn {
				0% {opacity:0;}
				100% {opacity:1;}
			  }
			  
			  @-o-keyframes fadeIn {
				0% {opacity:0;}
				100% {opacity:1;}
			  }
			  
			  @-ms-keyframes fadeIn {
				0% {opacity:0;}
				100% {opacity:1;}
			  }
			  .gom {
				  position: absolute;
				  top: 29%;
				  right: 9%;
			  }

  
  
  @media only screen and (max-width: 540px){
	  .gom {
		  position: absolute;
		  top: 34%;
		  right: 9%;
	  }
	  .jjjlk{
		  margin-bottom: 20px;
	  }
  
  }
  span.price {
	  font-size: 22px;
  }

.h3-padding-right,.mont{
   	font-family:'Xino_Yekan'!important;
}


.switch {
    width: 3.5rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: rgb(65, 60, 60);
    transition: all 0.3s cubic-bezier(0.64, 0, 0.25, 1);
    transform-style: preserve-3d;
    border: 0;
    margin: 1rem;
    position: absolute;
    top: -3px;
    left: 70%;
    /* transform: rotate(-90deg); */
    display: inline-flex;
    align-items: center;
    padding: 0;
}
    
    .switch > input {
      position: absolute;
      left: 0;
      top: 10px;
      bottom: 0;
      right: 0;
      display: block;
      width: 100%;
      height: 200%;
      margin: 0;
      z-index: 1;
      transform: translateY(-25%);
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: red;
      transform-style: preserve-3d;
      opacity: 0;
      cursor: pointer;
    }
    .switch > input:checked + label {
      transform: translateX(75%);
      color: #FFE175;
    }
    .switch > input:checked + label:before {
      opacity: 0.5;
      background: 50% 50%/100% 100% radial-gradient(#FFE175, transparent 55%, transparent);
      transform: translate(-50%, -50%) rotate(60deg);
    }
    .switch > input:checked + label:after {
      transition: background 0.5s cubic-bezier(0.64, 0, 0.25, 1), box-shadow 1s cubic-bezier(0.64, 0, 0.25, 1);
      background: 205% 15%/40% 40% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 280% 45%/20% 20% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 310% 190%/70% 70% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat;
      background-color: white;
      box-shadow: inset 0 0 1rem 0.5rem #FFE175, 0 0 2rem #FFE175;
    }
    .switch > input:hover:checked + label:before {
      -webkit-animation: sun 10s linear infinite;
              animation: sun 10s linear infinite;
    }
    .switch > input + label {
		 margin: 3px 15px 3px 0;
      display: inline-block;
      width: 2rem;
      height: 2rem;
      border-radius: 1rem;
      color: rgba(255, 255, 255, 0.25);
      transition: all 0.3s cubic-bezier(0.64, 0, 0.25, 1);
      position: relative;
    }
    .switch > input + label:before {
      content: "";
      position: absolute;
      height: 200%;
      width: 200%;
      left: 50%;
      top: 50%;
      transform-style: preserve-3d;
      transform: translate(-50%, -50%) rotate(0deg);
      opacity: 0;
      transition: all 0.3s cubic-bezier(0.64, 0, 0.25, 1);
      background: 50% 50%/50% 50% radial-gradient(#FFE175, transparent 55%, transparent);
      -webkit-mask-image: repeating-conic-gradient(transparent 0 32deg, black 0 36deg);
              mask-image: repeating-conic-gradient(transparent 0 32deg, black 0 36deg);
    }
    .switch > input + label:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform-style: preserve-3d;
      border-radius: 100%;
      transition: background 0.5s cubic-bezier(0.64, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.64, 0, 0.25, 1);
      background: 5% 15%/40% 40% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 80% 45%/20% 20% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 110% 190%/70% 70% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat;
      background-color: white;
      box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.75), 0 0 0.5rem rgba(255, 255, 255, 0.25);
    }

.switcher {
    width: 3.5rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: rgb(65, 60, 60);
    transition: all 0.3s cubic-bezier(0.64, 0, 0.25, 1);
    transform-style: preserve-3d;
    border: 0;
    margin: 1rem;
    position: absolute;
  top: 15px;
        left: 113%;
    /* transform: rotate(-90deg); */
    display: inline-flex;
    align-items: center;
    padding: 0;
}
    
    .switcher > input {
      position: absolute;
      left: 0;
      top: 10px;
      bottom: 0;
      right: 0;
      display: block;
      width: 100%;
      height: 200%;
      margin: 0;
      z-index: 1;
      transform: translateY(-25%);
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: red;
      transform-style: preserve-3d;
      opacity: 0;
      cursor: pointer;
    }
    .switcher > input:checked + label {
      transform: translateX(75%);
      color: #FFE175;
    }
    .switcher > input:checked + label:before {
      opacity: 0.5;
      background: 50% 50%/100% 100% radial-gradient(#FFE175, transparent 55%, transparent);
      transform: translate(-50%, -50%) rotate(60deg);
    }
    .switcher > input:checked + label:after {
      transition: background 0.5s cubic-bezier(0.64, 0, 0.25, 1), box-shadow 1s cubic-bezier(0.64, 0, 0.25, 1);
      background: 205% 15%/40% 40% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 280% 45%/20% 20% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 310% 190%/70% 70% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat;
      background-color: white;
      box-shadow: inset 0 0 1rem 0.5rem #FFE175, 0 0 2rem #FFE175;
    }
    .switcher > input:hover:checked + label:before {
      -webkit-animation: sun 10s linear infinite;
              animation: sun 10s linear infinite;
    }
    .switcher > input + label {
		 margin: 3px 15px 3px 0;
      display: inline-block;
      width: 2rem;
      height: 2rem;
      border-radius: 1rem;
      color: rgba(255, 255, 255, 0.25);
      transition: all 0.3s cubic-bezier(0.64, 0, 0.25, 1);
      position: relative;
    }
    .switcher > input + label:before {
      content: "";
      position: absolute;
      height: 200%;
      width: 200%;
      left: 50%;
      top: 50%;
      transform-style: preserve-3d;
      transform: translate(-50%, -50%) rotate(0deg);
      opacity: 0;
      transition: all 0.3s cubic-bezier(0.64, 0, 0.25, 1);
      background: 50% 50%/50% 50% radial-gradient(#FFE175, transparent 55%, transparent);
      -webkit-mask-image: repeating-conic-gradient(transparent 0 32deg, black 0 36deg);
              mask-image: repeating-conic-gradient(transparent 0 32deg, black 0 36deg);
    }
    .switcher > input + label:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform-style: preserve-3d;
      border-radius: 100%;
      transition: background 0.5s cubic-bezier(0.64, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.64, 0, 0.25, 1);
      background: 5% 15%/40% 40% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 80% 45%/20% 20% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat, 110% 190%/70% 70% radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 50%, transparent 55%, transparent 100%) no-repeat;
      background-color: white;
      box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.75), 0 0 0.5rem rgba(255, 255, 255, 0.25);
    }

    @-webkit-keyframes sun {
      from {
        transform: translate(-50%, -50%) rotate(0deg);
      }
      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }
    
    @keyframes sun {
      from {
        transform: translate(-50%, -50%) rotate(0deg);
      }
      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }