@font-face {
    font-family: IRANSans;
    src: url(../fonts/eot/IRANSansWeb_Black.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb_Black.eot?&1552596388#iefix) format('embedded-opentype'), url(../fonts/woff2/IRANSansWeb_Black.woff2?1552596388) format('woff2'), url(../fonts/woff/IRANSansWeb_Black.woff?1552596388) format('woff'), url(../fonts/ttf/IRANSansWeb_Black.ttf?1552596388) format('truetype');
    font-weight: 900;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans;
    src: url(../fonts/eot/IRANSansWeb_Bold.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb_Bold.eot?&1552596388#iefix) format('embedded-opentype'), url(../fonts/woff2/IRANSansWeb_Bold.woff2?1552596388) format('woff2'), url(../fonts/woff/IRANSansWeb_Bold.woff?1552596388) format('woff'), url(../fonts/ttf/IRANSansWeb_Bold.ttf?1552596388) format('truetype');
    font-weight: "bold";
    font-style: "normal"
}

@font-face {
    font-family: IRANSans;
    src: url(../fonts/eot/IRANSansWeb_Medium.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb_Medium.eot?&1552596388#iefix) format('embedded-opentype'), url(../fonts/woff2/IRANSansWeb_Medium.woff2?1552596388) format('woff2'), url(../fonts/woff/IRANSansWeb_Medium.woff?1552596388) format('woff'), url(../fonts/ttf/IRANSansWeb_Medium.ttf?1552596388) format('truetype');
    font-weight: 500;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans;
    src: url(../fonts/eot/IRANSansWeb_Light.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb_Light.eot?&1552596388#iefix) format('embedded-opentype'), url(../fonts/woff2/IRANSansWeb_Light.woff2?1552596388) format('woff2'), url(../fonts/woff/IRANSansWeb_Light.woff?1552596388) format('woff'), url(../fonts/ttf/IRANSansWeb_Light.ttf?1552596388) format('truetype');
    font-weight: 300;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans;
    src: url(../fonts/eot/IRANSansWeb_UltraLight.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb_UltraLight.eot?&1552596388#iefix) format('embedded-opentype'), url(../fonts/woff2/IRANSansWeb_UltraLight.woff2?1552596388) format('woff2'), url(../fonts/woff/IRANSansWeb_UltraLight.woff?1552596388) format('woff'), url(../fonts/ttf/IRANSansWeb_UltraLight.ttf?1552596388) format('truetype');
    font-weight: 200;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans;
    src: url(../fonts/eot/IRANSansWeb.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb.eot?&1552596388#iefix) format('embedded-opentype'), url(../fonts/woff2/IRANSansWeb.woff2?1552596388) format('woff2'), url(../fonts/woff/IRANSansWeb.woff?1552596388) format('woff'), url(../fonts/ttf/IRANSansWeb.ttf?1552596388) format('truetype');
    font-weight: "normal";
    font-style: "normal"
}

@font-face {
    font-family: IRANSans_FaNum;
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Black.eot?1552596388');
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Black.eot?&1552596388#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2?1552596388') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_Black.woff?1552596388') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf?1552596388') format('truetype');
    font-weight: 900;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans_FaNum;
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?1552596388');
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?&1552596388#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2?1552596388') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_Bold.woff?1552596388') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf?1552596388') format('truetype');
    font-weight: "bold";
    font-style: "normal"
}

@font-face {
    font-family: IRANSans_FaNum;
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?1552596388');
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?&1552596388#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2?1552596388') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_Medium.woff?1552596388') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf?1552596388') format('truetype');
    font-weight: 500;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans_FaNum;
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Light.eot?1552596388');
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_Light.eot?&1552596388#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2?1552596388') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_Light.woff?1552596388') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf?1552596388') format('truetype');
    font-weight: 300;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans_FaNum;
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?1552596388');
    src: url('../../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?&1552596388#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2?1552596388') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff?1552596388') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf?1552596388') format('truetype');
    font-weight: 200;
    font-style: "normal"
}

@font-face {
    font-family: IRANSans_FaNum;
    src: url(../fonts/eot/IRANSansWeb.eot?1552596388);
    src: url(../fonts/eot/IRANSansWeb.eot?&1552596388#iefix) format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum).woff2?1552596388') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum).woff?1552596388') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum).ttf?1552596388') format('truetype');
    font-weight: "normal";
    font-style: "normal"
}
@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir.eot');
    src: url('../../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir.woff2') format('woff2'),
    url('../../fonts/Vazir.woff') format('woff'),
    url('../../fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-Bold.eot');
    src: url('../../fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-Bold.woff2') format('woff2'),
    url('../../fonts/Vazir-Bold.woff') format('woff'),
    url('../../fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-Light.eot');
    src: url('../../fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-Light.woff2') format('woff2'),
    url('../../fonts/Vazir-Light.woff') format('woff'),
    url('../../fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-Medium.eot');
    src: url('../../fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-Medium.woff2') format('woff2'),
    url('../../fonts/Vazir-Medium.woff') format('woff'),
    url('../../fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-Thin.eot');
    src: url('../../fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-Thin.woff2') format('woff2'),
    url('../../fonts/Vazir-Thin.woff') format('woff'),
    url('../../fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir-Black.eot');
    src: url('../../fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/Vazir-Black.woff2') format('woff2'),
    url('../../fonts/Vazir-Black.woff') format('woff'),
    url('../../fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

/*---------------------------------- End of fonts ---------------------------------- */

body {font-family: IRANSans_FaNum,'Vazir' !important;word-spacing: -1px;}
.overlay {position: absolute;display: none;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 2;cursor: pointer;}
/********************
    DataTable
*********************/
.just-table .dataTables_filter,.just-table  .dataTables_length,.main-table_info{display: none}
.just-table th:first-child,.just-table td:first-child{display: none}
.just-table td{padding: 4px!important;}
.dataTables_wrapper .row {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #EFF3F8;
}
/********************
    Accordion
*********************/
.accordion .card:first-of-type {border-bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.accordion .card {margin-bottom: .75rem;box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);border-radius: .25rem;border: none}
.accordion .card .card-header {background-color: transparent;border: 1px solid #ddd;/*! padding: 2rem; */border-radius: 2px;}
.card-header:first-child {border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}
.accordion .card .card-header * {font-weight: 400;font-size: 1rem}
.mb-0,.my-0 {margin-bottom: 0 !important}
.accordion .card .card-header a {display: block;color: inherit;text-decoration: none;font-size: inherit;position: relative;-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-ms-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;padding-left: 1.5rem}
.accordion .card .card-header * {font-weight: 400;font-size: 1rem}
.accordion .card .card-header a[aria-expanded="false"]:before {content: "\f067"}
.accordion .card .card-header a[aria-expanded="true"]:before {content: "\f068"}
.accordion .card .card-header a:before {position: absolute;left: 7px;top: 0;font-size: 18px;display: block;font-family: "Font Awesome 5 Pro";display: inline-block;padding-left: 3px;vertical-align: middle;font-size: .756em;color: #405189}
.accordion .card-body{background: #eee;border:  1px solid #ccc;border-top:0px}

/********************
    BOOK LIST
*********************/
.booklist .flex-row {display: flex;flex-flow: row;align-items: center;}
.booklist.flex-column {display: flex;flex-flow: column;}
.booklist .center {align-items: center;position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);}
.booklist {border-radius: 3px;overflow: hidden;padding-top: 10px;background: #fff;}
.booklist .card {cursor: pointer;transition: all 0.5s;background-color: #20c997;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);overflow: hidden;height: 90px;margin: 0px 10px;}
.booklist .card.open {padding: 20px 10px;height: 217px;position: relative;}
.booklist .card.open .bottom {margin-top: 10px;/*! height: 100%; *//*! overflow: visible; */position: absolute;left: -50px;}
.booklist .card.open .book {/*! transform: rotateY(-50deg); */box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.2), 2px 0px 0px 0px #888;transition: all 0.5s;transition-delay: 0.05s;/*! width: 100px; */}
.booklist .card.open .info {transform: translate(0, -10px);}
.booklist .card.open .info .hidden { display:initial!important }
.booklist .card.open .members {padding: 15px 20px;border-radius: 4px;align-self: flex-start;}
.booklist .card button.simple {cursor: pointer;color: #CCC;border: none;outline: none;border-radius: 4px;background-color: #1ea94b;padding: 15px 20px;font-family: "Montserrat";font-weight: bold;transition: all 0.1s;}
.booklist .card button.simple:hover {box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.3);transform: translate(0, -2px);}
.booklist .card .book {transition: all 0.5s;width: 120px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);overflow: hidden;}
.booklist .card .info {transition: all 0.2s;/*! min-width: 200px; */padding: 0px 10px 0 0;/*! font-family: "Montserrat"; */font-weight: bold;}
.booklist .card .info .title {font-size: 1em;color: #FFF;letter-spacing: 1px;}
.booklist .card .info .author {font-size: 12px;font-weight: normal;color: #0b0000;}
.booklist .card .group {margin-right: auto;}
.booklist .card .members {transition: all 0.1s;padding: 40px;font-family: "Montserrat";color: #CCC;background-color: #1c1c36;}
.booklist .card .members .current {font-weight: bold;margin-left: 10px;}
.booklist .card .members .max {opacity: 0.5;margin-right: 10px;}


.review-form .form-icon {text-align: center;background-color: #fff;border-radius: 50%;font-size: 40px;color: #5891ff;width: 100px;height: 100px;margin: auto;margin-bottom: auto;margin-bottom: 10px;line-height: 100px;}
.peach-gradient {background: linear-gradient(40deg,#ffd86f,#fc6262) !important;/*! background: linear-gradient(40deg,#45cafc,#4355c6) !important; */}

.divider-custom {margin: 1.25rem 0 1.5rem;width: 100%;display: flex;justify-content: center;align-items: center;}
.divider-custom .divider-custom-line {width: 100%;max-width: 7rem;height: 0.25rem;background-color: #2c3e50;border-radius: 1rem;border-color: #2c3e50;}
.divider-custom .divider-custom-line:first-child {margin-right: 1rem;}
.divider-custom .divider-custom-line:last-child {margin-left: 1rem;}
.divider-custom .divider-custom-icon {color: #2c3e50;font-size: 2rem;}
.divider-custom.divider-light .divider-custom-line {background-color: #fff;}
.divider-custom.divider-light .divider-custom-icon {color: #fff;}

.login-page .alert{font-size: 12px;padding: 4px}


.profile{position:relative}
.profile-image-edit{position: absolute;top: -5px;right: -5px;font-size: .6rem;font-weight: 300;padding: 1px 4px;border-radius: 50%;border: 2px solid #FFF;font-size: 1rem;width: 28px;height: 28px;}
.profile-image-edit i{margin: 0px}
.user-cup{float: left;/*! color: #ffc107; */font-size: 2rem;bottom: 0px;position: absolute;left:10px}
.cover {position: relative;background-image: url(../img/cover.jpg) !important;}

.progress-bar-warning {background-color: #f0ad4e !important;}

.prg1 .progress-title{font-size: 1rem;/*! font-weight: 700; */color: #000;margin: 0 0 10px;text-align: center;text-align: center;}
.prg1 .progress-outer{background: #fff;border-radius: 5px;padding: 25px;margin: 10px 0;box-shadow: 0 0 10px rgba(209, 219, 231,0.5);}
.prg1 .progress-inner{background: #fff;padding: 5px 5px 5px 60px;border: 5px solid #bebfbf;border-radius: 45px;/*! margin-bottom: 20px; */position: relative;}
.prg1 .progress{background: #bebfbf;border-radius: 20px;margin: 0;}
.prg1 .progress .progress-bar {border-radius: 20px;box-shadow: none;animation: animate-positive 2s;}
.prg1 .progress .progress-value{font-size: 20px;font-weight: 700;color: #6b7880;position: absolute;top: 3px;left: 10px;}
@keyframes animate-positive{0%{ width: 0; }}

.prg2 .progress-outer{background: #fff;border-radius: 5px;padding: 25px;margin: 10px 0;box-shadow: 0 0 10px rgba(209, 219, 231,0.5);}
.prg2 .progress-inner{background: #fff;padding: 2px;border: 1px solid #eaedf3;border-radius: 45px;/*! margin-bottom: 20px; */position: relative;}
.prg2 .progress{height: 27px;margin: 0;overflow: visible;border-radius: 50px;background: #eaedf3;box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);}
.prg2 .progress .progress-bar{border-radius: 50px;box-shadow: none;position: relative;-webkit-animation: animate-positive 2s;animation: animate-positive 2s;}
.prg2 .progress .progress-value{position: relative;right: -45px;top: 4px;font-size: 14px;font-weight: bold;color: #fff;letter-spacing: 2px;}
.prg2 .progress-bar.active{animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;}
@-webkit-keyframes animate-positive{0% { width: 0%; }}
@keyframes animate-positive {0% { width: 0%; }}

.prg3 .progress-outer{background: #fff;border-radius: 5px;padding: 25px;margin: 10px 0;box-shadow: 0 0 10px rgba(209, 219, 231,0.5);}
.prg3 .progress-title{font-size: 1rem;;/*! font-weight: 700; */font-style: italic;color: #455493;margin: 0 0 20px;text-align: center;}
.prg3 .progress{height: 7px;background: #f8f8f8;border-radius: 0;box-shadow: none;margin-bottom: 30px;overflow: visible;}
.prg3 .progress .progress-bar{box-shadow: none;border-radius: 0;position: relative;-webkit-animation: animate-positive 2s;animation: animate-positive 2s;}
.prg3 .progress .progress-bar:before,
.prg3 .progress .progress-bar:after{content: "";width: 20px;height: 20px;background: #fff;position: absolute;top: -6px;left: 16px;transform: rotate(-45deg);}
.prg3 .progress .progress-bar:after{border: 4px solid #fff;position: absolute;left: 2px;}
.prg3 .progress.red .progress-bar:before,
.prg3 .progress.red .progress-bar:after{outline: 4px solid #ef5b5b;}
.prg3 .progress.red .progress-bar:after{background: #ef5b5b;}
.prg3 .progress.yellow .progress-bar:before,
.prg3 .progress.yellow .progress-bar:after{outline: 4px solid #ffc116;}
.prg3 .progress.yellow .progress-bar:after{background: #ffc116;}
.prg3 .progress.blue .progress-bar:before,
.prg3 .progress.blue .progress-bar:after{outline: 4px solid #20a39e;}
.prg3 .progress.blue .progress-bar:after{background: #20a39e;}
.prg3 .progress.green .progress-bar:before,
.prg3 .progress.green .progress-bar:after{outline: 4px solid #7cb518;}
.prg3 .progress.green .progress-bar:after{background: #7cb518;}
@-webkit-keyframes animate-positive{0%{ width: 0; }}
@keyframes animate-positive{0%{ width: 0; }}

.prg4 .progress-outer{background: #fff;border-radius: 5px;padding: 10px 25px;margin: 10px 0;box-shadow: 0 0 10px rgba(209, 219, 231,0.5);}
.prg4 .progress-title{font-size: 1rem;/*! font-weight: 700; */color: #333;text-transform: uppercase;margin: 0 0 25px;text-align: center;}
.prg4 .progress{height: 10px !important;background: #e9e9ea !important;border-radius: 15px !important;margin-bottom: 10px !important;overflow: visible;position: relative;}
.prg4 .progress:before,
.prg4 .progress:after{content: "";width: 20px;height: 20px;border-radius: 50%;background: #fff;position: absolute;top: -5px;right: 0;z-index: 1;}
.prg4 .progress:after{border: 7px solid #e9e9ea;right: auto;left: 0;}
.prg4 .progress .progress-bar{box-shadow: none;border: none;border-radius: 15px;position: relative;-webkit-animation: animate-positive 1s !important;animation: animate-positive 2s;}
.prg4 .progress .progress-value{width: 70px;height: 35px;line-height: 27px;border-radius: 20px;background: #fff;font-size: 17px;font-weight: 600;position: absolute;top: -12px;left: 0;z-index: 2;}
.prg4 .progress.orange:before{ border: 7px solid #dc3545; }
.prg4 .progress.blue:before{ border: 7px solid #1a4966; }
.prg4 .progress.green:before{ border: 7px solid #53aa2c; }
.prg4 .progress.purple:before{ border: 7px solid #66406f; }
.prg4 .progress.orange .progress-value{border: 5px solid #dc3545;color: #666;}
.prg4 .progress.blue .progress-value{border: 5px solid #1a4966;color: #1a4966;}
.prg4 .progress.green .progress-value{border: 5px solid #53aa2c;color: #53aa2c;}
.prg4 .progress.purple .progress-value{border: 5px solid #66406f;color: #66406f;}
@-webkit-keyframes animate-positive{0%{ width: 0; }}
@keyframes animate-positive{0%{ width: 0; }}

.btn-circle {width: 45px;height: 45px;line-height: 45px !important;text-align: center !important;padding: 0 !important;border-radius: 50% !important;}
.btn-circle i {position: relative;top: -1px;margin: 0;}
.btn-circle-sm {width: 35px;height: 35px;line-height: 35px;font-size: 0.9rem;}
.btn-circle-lg {width: 55px;height: 55px;line-height: 55px !important;font-size: 1.1rem !important;}
.btn-circle-xl {width: 70px;height: 70px;line-height: 70px !important;font-size: 1.3rem !important;}

.login-box .card-header{/*! padding: .2rem */}
#signup-card,#login-card{visibility:hidden;}
.login-box .card {visibility: hidden;position: fixed;z-index: -5;border-bottom: none;box-shadow: none;padding: 6px;-moz-transform: scale(0,1) translate(-150px);-webkit-transform: scale(0,1) translate(-150px);-o-transform: scale(0,1) translate(-150px);-ms-transform: scale(0,1) translate(-150px);transform: scale(0,1) translate(-150px);}
.login-box .card.visible {visibility:visible;position:relative;z-index:auto;-moz-transform:scale(1,1) translate(0);-webkit-transform:scale(1,1) translate(0);-o-transform:scale(1,1) translate(0);-ms-transform:scale(1,1) translate(0);transform:scale(1,1) translate(0);transition:transform .3s ease;-moz-transition:-moz-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .2s ease}
.login-badge {position: absolute !important;top: 22px !important;left: 0px !important;font-size: .6rem !important;font-weight: 300 !important;padding: 2px 4px !important;}
.login-page .chosen-container > .chosen-single,.login-page  [class*="chosen-container"] > .chosen-single {line-height: 28px !important;height: 39px !important;box-shadow: none !important;background: #fff !important;border-top-left-radius: 0;border-bottom-left-radius: 0;border-color: #ced4da;font-size: 1rem !important;color: #495057c4;}
.gritter-close {display:block !important;}

.l-bg-cherry {background: linear-gradient(to right, #493240, #f09) !important;color: #fff;}
.l-bg-blue-dark {background: linear-gradient(to right, #373b44, #4286f4) !important;color: #fff;}
.l-bg-green-dark {background: linear-gradient(to right, #1c8c83, #38ef7d) !important;color: #fff;}
.l-bg-orange-dark {background: linear-gradient(to right, #a86008, #ffba56) !important;color: #fff;}
.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {font-size: 110px;}
.card .card-statistic-3 .card-icon {text-align: center;line-height: 50px;margin-left: 15px;color: #000;position: absolute;left: -5px;top: 20px;opacity: 0.1;}
.l-bg-cyan {background: linear-gradient(135deg, #289cf5, #84c0ec) !important;color: #fff;}
.l-bg-green {background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;color: #fff;}
.l-bg-orange {background: linear-gradient(to right, #f9900e, #ffba56) !important;color: #fff;}
.l-bg-cyan {background: linear-gradient(135deg, #289cf5, #84c0ec) !important;color: #fff;}
.shape {border-style: solid;border-width: 0 0 40px 40px;float: left;height: 0px;width: 0px;-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);transform: rotate(-360deg);}
.shape-text {color: #fff;font-size: 12px;font-weight: bold;position: relative;left: -22px;top: -3px;white-space: nowrap;-ms-transform: rotate(-30deg); /* IE 9 */-o-transform: rotate(-360deg); /* Opera 10.5 */-webkit-transform: rotate(-46deg); /* Safari and Chrome */transform: rotate(-46deg);}
.offer {background: #fff;border: 1px solid #ddd;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);margin: 0 0 10px 0;overflow: hidden;}
.shape {border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #d9534f;}
.offer-radius {border-radius: 7px;}
.offer-danger {border-color: #d9534f;}
.offer-danger .shape {border-color: transparent transparent transparent #d9534f;}
.offer-success {border-color: #5cb85c;}
.offer-success .shape {border-color: transparent transparent transparent #5cb85c;}
.offer-default {border-color: #999999;}
.offer-default .shape {border-color: transparent transparent transparent #999999;}
.offer-primary {border-color: #428bca;}
.offer-primary .shape {border-color: transparent transparent transparent #428bca;}
.offer-info {border-color: #5bc0de;}
.offer-info .shape {border-color: transparent transparent transparent #5bc0de;}
.offer-warning {border-color: #f0ad4e;}
.offer-warning .shape {border-color: transparent transparent transparent #f0ad4e;}
.offer-content {padding: 0 20px 10px;}
.offer-content p{margin: 0px}
.offer-content a{display: inline-block}
/*********************************/
body {margin: 0;font-family: 'Ubuntu', sans-serif;}
section {margin: 0 auto;max-width: 660px;padding: 0 20px;}
h1 {font-weight: normal;position: relative;background: #F4F9FA;width: 50%;color: #F8463F;text-align: center;padding: 10px 20px;margin: 20px auto 40px;text-transform: uppercase;border-radius: 2px;}
h1:before,h1:after {content: "";position: absolute;top: -6px;border: 18px solid #DCF4F4;}
h1:before {left: -36px;border-right-width: 18px;border-left-color: transparent;}
h1:after {right: -36px;border-left-width: 18px;border-right-color: transparent;}
h1 span:before,h1 span:after {content: "";position: absolute;border-style: solid;border-color: #A7CECC transparent transparent transparent;top: -6px;transform: rotate(180deg);}
h1 span:before {left: 0;border-width: 6px 0 0 6px;}
h1 span:after {right: 0;border-width: 6px 6px 0 0;}
.ribbon {height: 188px;position: relative;margin-bottom: 30px;background: url(../img/cover.jpg);background-size: cover;text-transform: uppercase;color: white;}
.ribbon1 {position: absolute;top: -6.1px;right: 10px;}
.ribbon1:after {position: absolute;content: "";width: 0;height: 0;border-left: 45px solid transparent;border-right: 45px solid transparent;border-top: 10px solid #0dcaf0;}
.ribbon1 span {position: relative;display: block;text-align: center;background: #0dcaf0;font-size: 14px;line-height: 1;padding: 12px 8px 10px;border-top-right-radius: 8px;width: 90px;}
.ribbon1 span:before, .ribbon1 span:after {position: absolute;content: "";}
.ribbon1 span:before {height: 6px;width: 6px;left: -6px;top: 0;background: #0dcaf0;}
.ribbon1 span:after {height: 6px;width: 8px;left: -8px;top: 0;border-radius: 8px 8px 0 0;background: #0e8ba4;}
.ribbon2 {width: 60px;padding: 10px 0;position: absolute;top: -6px;left: 25px;text-align: center;border-top-left-radius: 3px;background: #F47530;}
.ribbon2:before {height: 0;width: 0;right: -6px;top: 0px;border-bottom: 6px solid #8D5A20;border-right: 6px solid transparent;}
.ribbon2:before, .ribbon2:after {content: "";position: absolute;}
.ribbon2:after {height: 0;width: 0;bottom: -29.5px;left: 0;border-left: 30px solid #F47530;border-right: 30px solid #F47530;border-bottom: 30px solid transparent;}
.ribbon3 {width: 150px;height: 50px;line-height: 50px;padding-left: 15px;position: absolute;left: -8px;top: 20px;background: #59324C;}
.ribbon3:before, .ribbon3:after {content: "";position: absolute;}
.ribbon3:before {height: 0;width: 0;top: -8.5px;left: 0.1px;border-bottom: 9px solid black;border-left: 9px solid transparent;}
.ribbon3:after {height: 0;width: 0;right: -14.5px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 15px solid #59324C;}
.ribbon4 {position: absolute;top: 15px;padding: 8px 10px;background: #00B3ED;box-shadow: -1px 2px 3px rgba(0,0,0,.3);}
.ribbon4:before, .ribbon4:after {content: "";position: absolute;box-sizing: unset;}
.ribbon4:before {width: 7px;height: 100%;top: 0;right: -6.5px;padding: 0 0 7px;background: inherit;border-radius: 0 5px 5px 0;}
.ribbon4:after {width: 5px;height: 5px;bottom: -5px;right: -4.5px;background: lightblue;border-radius: 0 5px 5px 0;}
.ribbon5 {display: block;width: calc(100% + 10px);height: 40px;line-height: 40px;text-align: center;margin-left: -5px;margin-right: -5px;background: #EDBA19;position: relative;top: 5px;border: 1px dashed #fff;/*! box-shadow: 1px 1px 1px 3px #EDBA19, 0px 21px 5px -18px rgba(0,0,0,0.6); */border-left: 0px;padding: 0px 5px;/*! box-sizing: unset; */}
.ribbon5:before, .ribbon5:after {content: "";position: absolute;}
.ribbon5:before {height: 0;width: 0;bottom: -5px;left: 0;border-top: 5px solid #cd8d11;border-left: 5px solid transparent;}
.ribbon5:after {height: 0;width: 0;right: 0;bottom: -5px;border-top: 5px solid #cd8d11;border-right: 5px solid transparent;}
.wrap {width: 100%;height: 188px;position: absolute;top: -8px;left: 8px;overflow: hidden;}
.wrap:before, .wrap:after {content: "";position: absolute;}
.wrap:before {width: 40px;height: 8px;right: 100px;background: #4D6530;border-radius: 8px 8px 0px 0px;}
.wrap:after {width: 8px;height: 40px;right: 0px;top: 100px;background: #4D6530;border-radius: 0px 8px 8px 0px;}
.ribbon6 {width: 200px;height: 40px;line-height: 40px;position: absolute;top: 30px;right: -50px;z-index: 2;overflow: hidden;-webkit-transform: rotate(45deg);transform: rotate(45deg);border: 1px dashed;box-shadow: 0 0 0 3px #57DD43, 0px 21px 5px -18px rgba(0,0,0,0.6);background: #57DD43;text-align: center;}
@media (min-width: 500px) {
    .ribbons-wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .ribbon {width: 48%;}
}

.badge-detailed-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; border-radius: 4px; margin-top: 16px;}
.badge-detailed-item-icon {
  height: 56px;
  width: 56px;
  border-radius: 12%;
  background: rgb(200, 210, 219) none repeat scroll 100% 0%;
    
}
.badge-detailed-item-texts {
  padding-right: 12px;
}
.badge-detailed-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #2d3846;
}
.badge-detailed-item-description {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #6b7f99;
}

.d-top{background: url(../img/bg.jpg)}