@font-face{font-family:yekanf;src:url("https://gymfit.s3.ir-thr-at1.arvanstorage.com/yekanf.woff") format('woff');font-weight:normal}  .y-f {font-family: yekanf !important;}  body{overflow-x: hidden;}  .popover {background-color: #191919;border: 1.5px solid #da2f2f;font-family: Yekan;color: #fff;}  .popover-header {background-color: #da2f2f;}  .popover-body {color: #fff;}  .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {right: 1px;border-width: 0.5rem 0 0.5rem 0.5rem;border-left-color: #da2f2f;}  #exercise .content {padding: 3vw 7vw;}  #exercise .content:first-of-type {margin-bottom: -300px;}  #exercise .content:first-of-type .jumbotron {background-color: #ff060614;}  #exercise .content:first-of-type .jumbotron .first {color: #000;}  #exercise .content:first-of-type .jumbotron .first span:first-of-type {font-size: 16px;text-align: center;}  #exercise .content:first-of-type .jumbotron .first span:last-of-type {font-size: 20px;font-weight: 700;text-align: center;}  #exercise .content:first-of-type .jumbotron .second {font-size: 18px;text-align: center;line-height: 40px;}  #exercise .content .slider {width: 100%;height: 373px;position: relative;right: 0;z-index: 4;margin: 0 auto;}  #exercise .content .slider img {height: 100%;width: 100%;object-fit: cover}  #exercise .content .slider > a {position: absolute;display: block;width: 100%;height: 100%;top: 0;right: 0;opacity: 0;transition: opacity 0.7s 0.7s;}  #exercise .content .slider > a.fade {opacity: 01;}  #exercise .content .slider:before {content: "";display: block;width:100%;height: 373px;position: absolute;border: 12px solid #da2f2f;z-index: 1;}  #exercise .content .slider:after {display: block;width: 250px;height: 100px;line-height: 100px;text-align: center;background-color: #da2f2f;color: white;font-size: 25px;font-family: Yekan;word-spacing: 8px;position: absolute;left: 0;top: 310px;z-index: 2;}  #exercise .content .titer {text-align: left;color: #da2f2f;font-size: 30px;font-weight: 600;text-shadow: 1px 1px #000;font-family: Yekan;margin-bottom: 70px;}  #exercise .content .description .title {color: #fff;display: inline-block;font-size: 22px;font-family: Yekan;font-weight: 600;padding-top: 50px;margin-bottom: 80px;}  #exercise .content .description .title:after {content: "";display: block;position: relative;top: 20px;height: 5px;width: 100%;background-color: #da2f2f;}  #exercise .content .description {color: #fff;line-height: 35px;font-size: 18px;text-align: justify;}  ::-webkit-input-placeholder {color: #fff !important;text-shadow: -2px -2px #000;}  ::-moz-placeholder {color: #fff !important;text-shadow: 1px 1px #000;}  :-ms-input-placeholder {color: #fff !important;text-shadow: 1px 1px #000;}  :-moz-placeholder {color: #fff !important;text-shadow: 1px 1px #000;}  #exercise .content form {width: 100%;padding: 70px 0;}  #exercise .content form .form-control {background-color: #da2f2f;color: #fff;border: none;}  #exercise .content form .custom-file-label {background-color: #da2f2f;color: #000;margin-right: 16px;text-align: center;}  #exercise .content form .form-control:focus {background-color: unset;border: 1px solid #da2f2f;}  #exercise .content form .form-group label {color: #fff;font-weight: 500;font-size: 16px;}  #exercise .content form .form-group .price {color: #da2f2f;font-size: 20px;font-weight: 600;vertical-align: middle;}  #exercise .content form .jensiat:before {content: "جنسیت :";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .typePlane:before {content: " نوع برنامه درخواستی :";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .target:before {content: "هدف شما از بدنسازی :";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .radio label {font-weight: 500;font-size: 17px;line-height: 25px;margin-top: 12px;}  #exercise .content form .specialty:before {content: "رشته انتخابی :";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .history:before {content: "سابقه تمرین :";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .bodytype:before {content: "تیپ بدنی :";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .exerciseTime:before {content: "در هفته چند روز می توانید تمرین کنید ؟";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .bodybuildingCourse:before {content: "قصد برداشتن دوره دارید ؟";margin-left: 10px;font-size: 18px;color: #fff;font-family: Yekan;text-shadow: 1px 1px #da2f2f;font-weight: 700;}  #exercise .content form .inputhidden {width: auto;display: inline;margin-top: 7px;margin-right: 10px;opacity: 0;transition-duration: 300ms;}  #exercise .content form .optional .tip span {color: #fff;display: inline-block;font-size: 20px;font-family: Yekan;font-weight: 600;padding-top: 50px;margin-bottom: 50px;}  #exercise .content form .optional .tip span:after {content: "";display: block;position: relative;top: 20px;height: 5px;width: 100%;background-color: #da2f2f;}  @media (min-width: 576px) {  #exercise .content .titer {font-size: 35px;}  }  @media (min-width: 768px) {  #exercise .content .slider {width: 450px;height: 450px;right: 5vw;margin: unset;}  #exercise .content .slider:before {width: 450px;height: 450px;right: -45px;top: 45px;z-index: -1;}  #exercise .content .slider:after {background-color: #fff;color: black;left: -180px;top: 50px;}  #exercise .content .titer {font-size: 40px;}  #exercise .content form .optional .tip span {font-size: 21px;}  #exercise .content form .form-group label {font-size: 18px;}  }  @media (min-width: 992px) {  #exercise .content .slider {right: 6vw;}  #exercise .content .titer {font-size: 45px;}  #exercise .content form .optional .tip span {font-size: 25px;}  }  @media (min-width: 1200px) {  #exercise .content .slider {right: 7vw;}  #exercise .content form .optional .tip span {font-size: 28px;}  }  /*customerImage*/  #customer-gallery {width: 100%;height: 450px;margin-top: 0;margin-right: auto;margin-left: auto;background-color: #191919;position: relative;padding: 0 50px 30px 50px;border: 6px solid #da2f2f;}  #customer-gallery .antenna {position: absolute;background: url(../../images/icon/indoor-antenna.png) center/cover;top: -110px;width: 128px;height: 104px;right: 0;left: 0;margin: 0 auto;}  #customer-gallery .title {color: #da2f2f;text-align: center;font-size: 25px;font-weight: bold;font-family: Yekan;padding: 29px 0;}  #customer-gallery .carousel {height: 65%;width: 100%;position: relative;}  #customer-gallery .carousel .carousel-item {height: 100%;width: 100%;}  #customer-gallery .carousel img {height: 100%;width: 100%;object-fit: cover;}  #customer-gallery .carousel .next, #customer-gallery .carousel .prev {font-size: 40px;}  #customer-gallery .carousel .carousel-control-next {top: unset;bottom: -58px;right: 22.8%;}  #customer-gallery .carousel .carousel-control-prev {top: unset;bottom: -58px;right: 62%;}  #customer-gallery .fa-stack {color: #da2f2f;}  #customer-gallery > .fa-stack {font-size: 28px;margin: 12px auto 0 auto;display: block;cursor: pointer;}  @media (min-width: 768px) {  #customer-gallery {width: 620px;margin-top: -255px;}  }  /*Comment*/  #comments {width: 100%;margin: unset;margin-top: 50px;position: relative;padding-bottom: 180px;}  #comments > ul {background-image: url("../../images/squer.svg");border-bottom-right-radius: 4px;padding: 45px 25px;margin-bottom: unset;min-height: 280px;}  #comments > ul > .empty {color: rgba(255, 255, 255, .5);list-style-type: none;text-align: center;font-size: 4vw;letter-spacing: 1.1px;position: relative;top: 75px;font-weight: 600;animation-name: flash;animation-duration: 5s;animation-iteration-count: infinite;}  #comments .nav-tabs {border-bottom: 2.5px solid #000000;color: #fff;font-weight: 600;background-image: url("../../images/squer.svg");border-radius: 4px 4px 0 0;overflow: hidden;}  #comments .nav-tabs .nav-link {color: #fff;border: 1px solid #000000;}  #comments .nav-tabs .nav-link:hover {border-color: transparent;}  #comments .nav-tabs .nav-link.active {background-color: #00000080;border-radius: unset !important;}  #comments .media {color: white;padding-top: 30px;text-shadow: 1px 1px black;}  #comments .media > img {display: none;border: 3px solid #fff;}  #comments .media .date {text-align: left;float: left;margin-left: 40px;font-weight: bold;font-family: yekan;}  #comments .media .text {text-align: justify;line-height: 35px;font-size: 17px;padding-top: 20px;border-bottom: 3px solid #da2f2f;}  #comments .media .text .subText {display: block;text-align: left;cursor: pointer;}  #comments .media .text .subText li {margin-right: 15px;}  #comments .media .text .subText li.active {font-weight: 900 !important;font-size: 18px !important;color: red !important;position: relative;}  #comments .media .text .subText li:hover {color: gold;}  #comments .sendComment {background-image: url("../../images/squer.svg");padding: 45px 30px;border-radius: 0 30px;border-right: 2.5px solid #000000;}  #comments .sendComment .title {color: #fff;height: 100px;padding: 33px 0;font-size: 18px;font-weight: 600;}  #comments .sendComment .title::before {content: '\f4d6';font-family: "Font Awesome 5 Pro";font-weight: 900;color: #fff;font-size: 25px;}  #comments .sendComment .subTitle {font-size: 14px;padding-top: 30px;font-weight: 400;display: block;color: #fff;text-align: justify;}  #comments .btn-me {padding: 10px 15px 10px 20px;border-radius: 4px;background: transparent;position: relative;overflow: hidden;color: white;font-size: 18px;font-weight: 600;outline: none;box-shadow: 0 0 4px rgba(255, 255, 255, .55);border: none;}  #comments .btn-me:before {content: "";display: block;background-color: rgba(0, 0, 0, .4);border-radius: 50px 0 0 50px;width: 60px;height: 50.8px;position: absolute;right: 0;top: 0;transition: all .5s ease-in-out;}  #comments .btn-me:hover:before {width: 300px;}  #comments .btn-me i {font-size: 28px;}  #comments .replay {display: none;}  #comments .replay .col-12:first-of-type span {font-size: 25px;font-weight: 600;}  #comments .replay .col-12:first-of-type i {font-size: 25px;cursor: pointer;}  #comments .replay .col-12:nth-of-type(2) {font-size: 18px;padding-bottom: 20px;}  #comments .replay .col-12:nth-of-type(3) textarea {height: 150px;}  @media (min-width: 380px) {  }  @media (min-width: 576px) {  #comments .media .text {width: 95%;}  #comments .media > img {display: block;width: 52px;height: 52px;}  #comments .replay {width: 98%;}  #comments .sendComment .title {font-size: 20px;}  }  @media (min-width: 768px) {  #comments .media > img {display: block;width: 64px;height: 64px;}  #comments .sendComment .title {font-size: 23px;}  }  @media (min-width: 992px) {  #comments .sendComment {border-radius: 4px 0 0 4px;}  #comments .sendComment {margin-top: -48px;position: sticky;top: 102px}  #comments .sendComment .title {font-size: 18px;}  }  /*uploadLoading*/  @font-face {  font-family: abasan;  src: url("https://gymfit.s3.ir-thr-at1.arvanstorage.com/Far.Abasan.ttf") format("truetype");  font-weight: normal;  }  #Expectation{position: fixed;z-index: 2000;left: 0;right: 0;top: 0;bottom: 0;background-image: url("https://gymfit.s3.ir-thr-at1.arvanstorage.com/Sun-Tornado.svg");background-attachment: fixed;background-size: cover;font-family: abasan;display: none;animation: animationShowPage 1s linear;}  #Expectation h1{text-align: center;margin-bottom: 20px;font-size: 8vw;font-weight: bold;}  #Expectation small{display: block;text-align: center;font-size: 4vw;margin-top: 20px;}  @media (min-width: 576px) {  #Expectation h1{font-size: 7vw;}  #Expectation small{font-size: 3vw;}  }  @media (min-width: 768px) {  #Expectation h1{font-size: 6vw;}  #Expectation small{font-size: 2vw;}  }  @media (min-width: 992px) {  #Expectation h1{font-size: 5vw;}  #Expectation small{font-size: 1.5vw;}  }  @media (min-width: 1200px) {  #Expectation h1{font-size: 4.5vw;}  }  @keyframes animationShowPage { 0%{transform: scale(0.1);opacity: 0;} 10% {transform: scale(0.2);opacity: 0.1;} 20% {transform: scale(0.3);opacity: 0.2;} 30% {transform: scale(0.4);opacity: 0.3;} 40% {transform: scale(0.6);opacity: 0.4;} 50% {transform: scale(0.7);opacity: 0.5;} 60% {transform: scale(0.8);opacity: 0.6;} 70% {transform: scale(0.9);opacity: 0.7;} 80% {transform: scale(1);opacity: 0.8;} 90% {transform: scale(1);opacity: 0.9;} 100% {opacity: 1;} }