/* Imports */
@import "spinners.css";

/* Fonts */
@font-face {
  font-family: FuturaPT-Book;
  src: url(fonts/FuturaPT-Book.ttf);
}
@font-face {
  font-family: FuturaPT-Demi;
  src: url(fonts/FuturaPT-Demi.ttf);
}
@font-face {
  font-family: FuturaPT-Light;
  src: url(fonts/FuturaPT-Light.ttf);
}
@font-face {
  font-family: FuturaPT-Bold;
  src: url(fonts/FuturaPT-Bold.ttf);
}

/* General */
html, body {
    height: 100%;
}
body {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 16px;
	color: #000;
	background-color: #fff;
}

input {
	margin-top: 0px;
}
.form-control {
    font-size: 16px;
	border-radius: 5px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}
main {
	padding-top: 50px
}
strong {
	font-weight: 900;
}
label {
	font-size: 16px;
	font-weight: 600;
}
.switch label {
	font-weight: normal;
	font-size: 12px !important;
}
.btn-warning {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 16px;
    color: #fff!important;
	border-radius: 5px !important;
}
.vp {
	min-height: 100%;
}
.vh {
	min-height: 100vh;
}
.modal-dialog {
	min-height: 90%;
}
.modal-content {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.modal-header .close {
	margin: 0px !important;
}
::-webkit-scrollbar {
  	width: 10px;
}
::-webkit-scrollbar-track {
  	background: #000; 
}
::-webkit-scrollbar-thumb {
  	background: #ffda00; 
}
::-webkit-scrollbar-thumb:hover {
  	background: #ffda00; 
}
main ::-webkit-scrollbar {
  	width: 5px;
}
main ::-webkit-scrollbar-track {
  	background: #000; 
}
main ::-webkit-scrollbar-thumb {
  	background: #000; 
}
main ::-webkit-scrollbar-thumb:hover {
  	background: #ffda00; 
}
.mobile { display: none; }
.web { display: block; }
*:focus {
    outline: none !important;
	box-shadow:none !important;
}
.modal-backdrop {
    background-color: #ffda00;
}
.slick div[class*=col-],
.slick2 div[class*=col-],
.slick4 div[class*=col-] {
	padding-left: 0px;
}
.slick div[class*=col-]:last-child,
.slick2 div[class*=col-]:last-child,
.slick4 div[class*=col-]:last-child {
	padding-right: 0px;
}
.slick-prev {
    left: -40px;
}
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-prev:before,
.slick-next:before {
    font-size: 25px;
}
.daterangepicker select.hourselect, 
.daterangepicker select.minuteselect, 
.daterangepicker select.secondselect, 
.daterangepicker select.ampmselect {
    display: inline-block !important;
}
.quantity input[type="button"] {
	-webkit-appearance: button;
  	cursor: pointer;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
}
.quantity .input-group {
  	clear: both;
  	position: relative;
}
.quantity .input-group input[type='button'] {
  	background-color: #c2c2c2;
  	min-width: 38px;
  	width: auto;
  	transition: all 300ms ease;
  	border-radius: 5px;
  	margin: 0px 5px;
}
.quantity .input-group .button-minus,
.quantity .input-group .button-plus {
  	font-weight: bold;
  	height: 38px;
  	padding: 0;
  	width: 38px;
  	border: none;
  	position: relative;
}
.quantity .input-group .quantity-field {
  	position: relative;
  	height: 38px;
  	text-align: center;
  	width: 62px;
  	display: inline-block;
  	font-size: 16px;
  	margin: 0 0 5px;
  	resize: vertical;
  	border: none;
  	border-radius: 5px;
  	background-color: #f5f5f5;
}
.quantity input[type="number"] {
  	-moz-appearance: textfield;
  	-webkit-appearance: none;
}
.btn-store {
	font-family: 'FuturaPT-Book';
    font-size: 18px !important;
    font-weight: bold;
    color: #000;
    background-color: #fdd629;
    padding: 6px !important;
    margin: 0px;
    box-shadow: none !important;
    border-radius: 5px;
}

/* Editor */
.ge-content .carousel {
	background-color: #000;
}
.ge-content .carousel img {
	width: 100%;
	cursor: pointer;
}
.ge-content .carousel video {
    width: 100%;
	cursor: pointer;
}
.ge-content .carousel .item {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.ge-content .carousel-caption {
	width: 100%;
	height: auto;
    bottom: 45px;
    left: 0px;
	right: 0px;
    z-index: 10;
    padding: 10px;
    background: rgb(0,0,0,0.8);
}
.ge-content .carousel .carousel-control-next-icon {
    background-image: url(../images/pages/arrow-right.png);
}
.ge-content .carousel .carousel-control-prev-icon {
    background-image: url(../images/pages/arrow-left.png);
}
.ge-content .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 30px;
    height: 100px;
}
.ge-content .carousel-caption h1 {
	font-size: 25px;
	font-weight: bold;
	color: #ffff2b;
	margin: 0px;
}
.ge-content .carousel-caption p {
	font-size: 15px;
	margin: 0px;
}
.ge-content .carousel-indicators {
 	position: absolute;
    bottom: -8px;
    left: 0px;
    z-index: 15;
    padding-left: 0px;
    margin-right: 15%;
    margin-left: 3%;
	justify-content: right;
}
.ge-content .carousel .carousel-indicators li {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	background-color: #fdd629;
	color: #000;
    cursor: pointer;
	text-indent: initial;
	padding: 2px;
    font-weight: bold;
	text-align: center;
}
.ge-content .carousel-indicators .active {
    border: 2px solid #fff;
	padding: 0px !important;
}
.ge-content {
    font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px !important;
    color: #000;
}
.ge-contentc {
    font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px !important;
    color: #000;
    text-align: center;
}
.ge-content h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
}
.ge-content h2 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
}
.ge-content h3 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
}
.ge-content b, .ge-content strong {
    font-weight: bold;
}
.style-001 {
	width: 100%;
    padding: 10px;
    background-color: #ffda00;
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    color: #000;
    border-radius: 5px;
    text-align: center;
}
.style-002 {
	color: #F00 !important;
}
.style-003 {
	margin-bottom: 20px;
}
.style-003 > .ge-content {
	width: 100%;
	height: 100%;
    padding: 10px 20px;
    background-color: #f3efe9;
    border-radius: 5px;
}
.style-003 hr {
	border-top: 5px solid rgba(255,255,255,1);
}
.style-004 {
	width: 100%;
    padding: 10px;
    background-color: #ff6b00;
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.style-005 {
	width: 100%;
    padding: 10px;
    background-color: #de6328;
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.style-006 {
	width: 100%;
    padding: 10px 20px;
    background-color: #f3efe9;
    border-radius: 5px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.style-007 {
	width: 100%;
    padding: 10px;
    background-color: #8fcd22;
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.style-008 {
	width: 100%;
    padding: 10px;
    background-color: #ff6b00;
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.style-009 {
	width: 100%;
    padding: 10px;
    background-color: #fdd629;
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 23px !important;
    color: #000;
    border-radius: 5px;
    text-align: center;
}
#container {
	max-width: 1140px;
  	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
  	margin-left: auto;
}
@media (min-width: 768px) {
  #container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  #container {
  	max-width: 970px;
  }
}
@media (min-width: 1200px) {
  #container {
    max-width: 1140px;
  }
}

/* Scroll Top */
.to-top {
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 33px !important;
    color: #ffda00;
    background: #000;
    border-radius: 0px;
    position: fixed;
    right: 30px;
    bottom: 10px;
    overflow: hidden;
    text-align: center;
    text-decoration: none !important;
    z-index: 20;
    transition: .3s all ease;
}
.to-top:hover {
    color: #000;
    background: #ffda00;
	border: 1px solid #000;
}

/* Forms */
form {
	width: 100%;
}
form .custom-file-input ~ .custom-file-label::after {
    content: "Dosya Seç";
}
form .preview {
	width: 100px;
	height: 50px;
	border: 1px solid #ccc;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 20px;
}
form .doc {
	margin: 20px 0px 20px;
}
form .btn.btn-lg {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 16px;
	padding: 0.5rem 0.8rem !important;
}
form .custom-file-label:after {
    border-radius: 0px !important;
}
form .input-group-text { 
	font-size: 12px;
	border-radius: 0px;  
}
#map {
	width: 100%;
	min-height: 200px;
	border: 1px solid #ccc;
}
.size {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 12px;
	margin: 10px 0px 10px;
	color: #900;
	display: block;
}

/* Select 2 */
.select2-container .select2-choice {
	background-image: none !important;
	border: none !important;
	height: auto !important;
	padding: 0px !important;
	line-height: 22px !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
.select2-container .select2-choice .select2-arrow {
	background-image: none !important;
	background: transparent;
	border: none;
	width: 14px;
	top: -2px;
}
.select2-container .select2-container-multi.form-control {
	height: auto;
}
.select2-results .select2-highlighted {
	color: #ffffff;
	background-color: #458ab6;
}
.select2-drop-active {
	border: 1px solid #e3e3e3 !important;
	padding-top: 5px;
}
.select2-search input {
	border: 1px solid rgba(120, 130, 140, 0.13);
}
.select2-container-multi {
	width: 100%;
}
.select2-container-multi .select2-choices {
	border: 1px solid #ced4da;
    border-radius: .25rem !important;
	box-shadow: none !important;
	background-image: none !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
	padding: 4px 7px 4px 18px;
	margin: 5px 0 3px 5px;
	color: #555555;
	background: #f5f5f5;
	border-color: rgba(120, 130, 140, 0.13);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.select2-container-multi .select2-choices .select2-search-field input {
	padding: 7px 7px 7px 10px;
}

/* Data Table */
table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td {
    vertical-align: middle;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
}
.no-sort {
	background-image: none !important;
}
.no-sort {
	pointer-events: none!important;
	cursor: default!important
}
.table-responsive {
    overflow-x: hidden !important;
}
.table-responsive select {
	margin: 0px 10px 0px 10px;
	padding: 5px;
	display: inline-block !important;
}
table td {
}
.table-responsive .btn {
	padding: 0.5rem 0.8rem !important;
}
.button-group i {
	margin-right: 10px;
}

/* Navbar */
.nav-top {
	height: 150px;
	padding-top: 40px;
	text-align: center;
}
.nav-top .logo {
	max-width: 300px;
}
.nav-top .social-links {
	margin-top: 25px;
	display: inline-block;
	float: right;
}
.nav-top .social-links .badge {
	background-color: #ffda00;
	border-radius: 10px;
	top: -20px;
	left: -5px;
	position: relative;
}
.nav-top .social-links ul {
    list-style-type: none;
    margin: 0px auto;
    padding: 0px 0px 0px 20px;
}
.nav-top .social-links ul li {
    padding: 2px;
    text-align: center;
    display: inline-block;
    width: 29px;
    height: 29px;
	border:1px solid #000; 
	border-radius: 100px;
	background-color: #ffda00
}
.nav-top .social-links ul li a {
    color: #000;
    font-size: 14px;
}
.break {
    flex-basis: 100%;
    height: 0;
}
.fixme {
	z-index: 1000;
}
.navbar-brand {
    margin-right: 0px;
}
.navbar-light {
	background-color: #fff;
	border-top: 5px solid #ffda00;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,1);
    border-color: transparent;
}
.navbar-light .navbar-toggler:focus { 
	outline: none !important; 
	border: 0 !important; 
	box-shadow: none !important; 
	background-color: transparent !important; 
}
.navbar .container {
    flex-wrap: wrap;
}
.navbar-nav a {
    font-family: 'FuturaPT-Book', sans-serif;
	font-size: 19px;
	color: #000;
}
.dropdown-toggle::after {
    display: none;
}
.navbar {
    padding: 0px;
	box-shadow: none;
}
.navbar-nav li {
	background-color: #fff;
    padding: 10px 10px;
}
.navbar-nav li.active, .navbar-nav li:hover {
    background-color: #ffda00;
}
.navbar li.dropdown {
	padding: 2px 5px;
}
.dropdown-toggle {
	cursor: context-menu !important;
}
.dropdown-menu {
    border-radius: 0px;
}
.dropdown .dropdown-menu, .dropleft .dropdown-menu, .dropright .dropdown-menu, .dropup .dropdown-menu {
    padding: 0px;
}
.dropdown-item: hover{
	background-color: #ffda00 !important;
}
.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #ffda00;
	color: #000 !important;
	box-shadow: none !important;
}
.member {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom: none !important;
    padding: 8px 20px 8px 20px !important;
    margin-top: -8px;
    background-color: #ffda00 !important;
}
.member a {
    font-size: 16px !important;
}
.member i {
    margin-right: 8px;
}
.member-img {
	width: 25px;
}

/* Plane - Cloud */
.home-banner {
    height: 140px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

/* Homepage Menu */
.home-main {
    height: 420px;
}
.home-main {
	background-image: url(../images/pages/tanitim_back.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center
}
.home-main .button {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 14px;
    font-weight: 700;
}
.home-main>div {
	height: 100%;
	position: relative
}
.home-main .button {
	position: absolute;
	border-radius: 50%;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	font-style: none;
	text-align: center;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.home-main .button>span {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	left: 0;
	cursor: pointer;
	background-color: #fff;
	text-decoration: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden
}
.home-main .button:hover span {
	opacity: 1;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.home-main .red {
	left: 15.5%;
	bottom: 33%;
	background-color: #d40b2f
}
.home-main .red>span {
	color: #d40b2f
}
.home-main .orange {
	left: 30%;
	bottom: 48%;
	background-color: #fc8425
}
.home-main .orange>span {
	color: #fc8425
}
.home-main .green {
	left: 31%;
	bottom: 8%;
	background-color: #64ac49
}
.home-main .green>span {
	color: #64ac49
}
.home-main .purple {
	left: 45%;
	bottom: 20%;
	background-color: #7e2335
}
.home-main .purple>span {
	color: #7e2335
}
.home-main .blue {
	left: 67%;
	bottom: 40%;
	background-color: #3db0dc
}
.home-main .blue>span {
	color: #3db0dc
}
.home-main .yellow {
	left: 64.5%;
	bottom: 2%;
	background-color: #ffd234
}
.home-main .yellow>span {
	color: #ffd234
}

/* Links */
.links {
	margin-top: 50px;
}
.links h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #000;
	padding: 0px 0px 20px 0px;
	text-align: center;
}

/* Login */
.login {
	width: 100%;
	max-width: 400px;
	margin: 0px auto;
	background-color: #fff;
	color: #000 !important;
	border-radius: 15px !important;
	overflow: hidden;
    perspective: 1px;
    padding: 5px;
}
.login .modal-header, 
.login .modal-footer {
	background-color: #fff;
	border: none;
}
.login .close{
	color: #000;
    padding: 0px;
    margin: 0px;

}
.login .logo {
	max-width: 150px;
    margin: 0px auto;
}
.login .form-group {
    margin-bottom: 1rem;
    text-align: left;
}
.login .form-control {
	font-size:16px; 
	padding:10px; 
	border-width:1px solid #ccc; 
}
.login input::placeholder {
  	color: #666;
  	opacity: 1;
}
.login input:-ms-input-placeholder {
  	color: #666;
}
.login input::-ms-input-placeholder {
    color: #666;
}
.custom-control-label::before {
    top: 0rem;
	border: 1px solid #ccc;
}
.login a {
	color: #000 !important;
}
.login .btn {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
	font-weight: bold;
	background-color: #ff7e00;
	color: #fff;
	border-radius: 10px;
}
.login .custom-control-label::before {
    top: 4px;
}

/* Share */
.share {
	width: 100%;
	margin-bottom: 15px;
}
.share > div {
	display: inline-block;
}
.share a:first-child {
	display: none;
}
.a2a_default_style .a2a_count, .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg, .a2a_menu .a2a_svg, .a2a_vertical_style .a2a_count, .a2a_vertical_style .a2a_svg {
    border-radius: 0px !important;
}
.a2a_svg {
    height: 28px !important;
    line-height: 28px !important;
    width: 28px !important;
}

/* Tags */
.tags {
	width: 100%;
	margin-bottom: 15px;
}
.tags .title {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
}
.tags .content {
	margin-bottom: 0px !important;
}
.tags .content div {
	font-size: 16px;
    border: 1px solid #000;
    padding: 2px 20px;
    margin-right: 10px;
    display: inline-block;
    clear: both;
}

/* Comments */
.comments {;
	width: 100%;
	border-top: 1px solid #ececec;
	padding-top: 15px;
}
.comments .title {
	font-size: 16px;
	color: #e51723;
	margin-bottom: 10px;
}
.comments .attention {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}
.comments .attention a {
	color: #e51723;
	text-decoration: none;
}
.comments .comment-boxes {
	margin-top: 50px;
	margin-bottom: 15px;
}
.comments .comment {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
}
.comments .comment .image {
	width: 50px;
}
.comments .comment .image img {
	max-width: 50px;
}
.comments .comment .infos {
	font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.comments .comment .content {
    font-size: 16px;
    margin-bottom: 0px !important;
    color: #000;
}

/* Pagination */
.pager {
	margin-top: 15px;
	overflow: hidden;
}
.pager .pagination {
	float: right;
}
.pager li {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	background-color: #ffda00;
    cursor: pointer;
	text-indent: initial;
	padding: 3px;
	text-align: center;
	margin-right: 10px;
}
.pager li:last-child {
	margin-right: 0px;
}
.pager li a {
	color: #000;
	text-decoration: none;
}
.pager .active {
	color: #000;
	font-weight: bold;
}
.pager .disabled {
	color: #666;
}

/* Carousel */
#intro {
	margin-top: 0px;
}
#intro .carousel {
	background-color: #000;
}
#intro .view img, .view video {
    position: relative;
    display: block;
    width: 100%;
}
#intro .carousel-item .view {
   height: 366px !important;
    background-position: top center !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}
#intro .carousel video {
    width: 100%;
	cursor: pointer;
}
#intro .carousel-caption {
	width: 100%;
    height: 110px;
    top: 80px;
    left: 0px;
    right: 0px;
    z-index: 10;
    padding: 10px;
    overflow: hidden;
}
#intro .carousel-caption h1 {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 40px;
    color: #fff;
    margin: 0px;
}
#intro .carousel-caption p {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 18px;
	margin: 0px;
}
#intro .carousel-control-next-icon {
    background-image: url(../images/pages/arrow-right.png);
}
#intro .carousel-control-prev-icon {
    background-image: url(../images/pages/arrow-left.png);
}
#intro .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 30px;
    height: 100px;
}
#intro .carousel-indicators {
 	position: absolute;
    bottom: -8px;
    left: 0px;
    z-index: 15;
    padding-left: 0px;
    margin-right: 3%;
    margin-left: 3%;
	justify-content: left;
}
#intro .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #85c1ae;
    color: #fff;
    cursor: pointer;
    text-indent: initial;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}
#intro .carousel-indicators .active {
    background-color: #ffda00;
}

/* Tabs */
.tabs-primary {
    background-color: #ffe2ab!important;
}
.fade:not(.show) {
    display: none;
}
.classic-tabs .nav {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.classic-tabs .nav li a {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 14px !important;
    font-weight: 600;
    color: #000 !important;
    padding: 10px 15px !important;
}
.classic-tabs .nav li a i {
	margin-right: 5px;
}
.tab-content {
    padding: 30px 0px;
}
.classic-tabs .nav li a.active {
    border-bottom: 3px solid #000 !important;
}

/* Pages */
.contents .row {
    padding: 0px !important;
}

/* Store */
.store {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 18px !important;
	color: #000;
}
.store h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 23px !important;
	font-weight: bold;
	color: #000;
	padding: 10px 0px 10px 0px !important;
	margin-top: 0px !important;
}
.store p {
	margin-top: 0;
	margin-bottom: 1rem;
}
.store .slick2 div[class*=col-] > div {
	position: relative;
}
.store .slick2 img {
	border-radius: 10px;
}
.store .slick2 .view {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 23px !important;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 5px 50px;
	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	cursor: pointer;
}
/**/
.product-boxes div[class*=col-] {
	cursor: pointer;	
}
.product-boxes .slick4 div[class*=col-] > div {
	background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}
.product-boxes .info {
    padding: 15px 10px !important;
}
.product-boxes h1 {
    font-family: 'FuturaPT-Demi', sans-serif !important;
    font-size: 23px !important;
    font-weight: bold !important;
    color: #000 !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
}
.product-boxes  h2 {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #000 !important;
    padding: 10px 0px 0px 0px !important;
    margin: 0px !important;
}
.product-boxes .price {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 24px !important;
    font-weight: 100;
    color: #000;
    padding: 0px 0px 10px 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    line-height: 20px;
}
/**/
.product-list h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 23px !important;
	font-weight: bold;
	color: #000;
	padding: 10px 0px 10px 0px !important;
	margin-top: 0px !important;
}
.product-list div[class*=col-] {
	cursor: pointer;
	margin-bottom: 20px;	
}
.product-list .row div[class*=col-]  > div {
	background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}
.product-list .info {
    padding: 15px 10px !important;
}
.product-list  h2 {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 16px !important;
    font-weight: normal;
    color: #000;
    padding: 10px 0px 0px 0px !important;
    margin: 0px !important;
}
.product-list .price {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 24px !important;
    font-weight: 100;
    color: #000;
    padding: 0px 0px 10px 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    line-height: 20px;
}
/**/
.product-details div[class*=col-md-6]:first-child img {
	border-radius: 5px;
	margin-bottom: 10px;
}
.product-details div[class*=col-]:first-child .slick42 .slick-prev, 
.product-details div[class*=col-]:first-child .slick42 .slick-next {
    top: 43%;
}
.product-details div[class*=col-]:first-child .slick42 div {
	padding: 3px;
}
.product-details div[class*=col-]:first-child .slick42 div img {
	border-radius: 5px;
	cursor: pointer;
}
.product-details h1 {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 26px;
    color: #000;
	margin: 0px;
}
.product-details .price {
	font-family: 'FuturaPT-Bold', sans-serif;
    font-size: 30px;
    color: #000;
}
.product-details .price span {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 16px;
    color: #000;
	margin-left: 10px;
}
.product-details .price span:last-child {
	display: block;
}
.product-details .text {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px;
    color: #000;
	text-align:	justify;
	background-color: #f5f5f5;
	padding: 15px;
	border-radius: 5px;
}
.product-details .text2 {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px;
    color: #000;
}
.product-details .text.big {
	font-family: 'FuturaPT-Medium', sans-serif !important;
    font-size: 20px !important;
}
/**/
#cart {
    width: 165px;
    height: 35px;
    font-size: 20px;
    line-height: 33px !important;
    color: #ffda00;
    background: #000;
    border-radius: 0px;
    position: fixed;
    right: 75px;
    bottom: 10px;
    overflow: hidden;
    text-align: center;
    text-decoration: none !important;
    z-index: 20;
    cursor: pointer;
}
#cart i {
	font-size: 13px;
    margin-right: 8px;
}
#cart .badge {
    margin-left: 8px;
    box-shadow: none !important;
	oolor: #000 !important;
    background-color: #ffda00 !important;
}
/**/
.cart-details .cart {
	background-color: #f1f1f1;
	padding: 40px;
	border-radius: 15px;
	margin-bottom: 20px;
}
.cart-details .cart .item-title {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #000;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 15px;
	border-radius: 15px;
}
.cart-details .cart .item {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 15px;
	border-radius: 15px;
	position: relative;
}
.cart-details .cart .item .delete-item {
	font-size: 18px;
	color: #acacac;
	position: absolute;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
}
.cart-details .cart .item .delete-item i {
	margin-right: 5px;
}
.cart-details .cart .item:last-child {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 0px;
	border-radius: 15px;
}
.cart-details .cart .item h1 {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.cart-details .cart .item p {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 16px;
    color: #000;
    margin: 0px;
}
.cart-details .cart .item .price {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
	font-weight: bold;
    color: #000;
    margin: 0px;
	text-align: right;
}
.cart-details .cart .item .quantity {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
    color: #000;
    margin: 0px;
}
.cart-details .payment {
    background-color: #f1f1f1;
    padding: 40px;
    border-radius: 15px;
}
.cart-details .form-check {
    padding-left: 0px;
}
.cart-details .summary {
	background-color: #f1f1f1;
	padding: 40px;
	border-radius: 15px;
}
.cart-details .summary .payinfo {
	background-color: #fff;
	padding: 20px;
	border-radius: 15px;
}
.cart-details .summary .payinfo .col-6 {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 14px;
	font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.cart-details .summary .balance {
	background-color: #fff;
	padding: 20px;
	border-radius: 15px;
}
.cart-details .summary .balance .col-6 {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 14px;
	font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.cart-details .main-title {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
}
.cart-details .main-title img {
	max-width: 35px;
    border-radius: 5px;
    margin-right: 20px;
}
.cart-details button {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
	font-weight: bold;
	background-color: #ff7e00;
	color: #fff;
	border-radius: 10px;
}
/**/
.store-warning .message {
	max-width: 70%;
	margin: 50px auto;
	padding: 50px;
    border-radius: 15px;
	background-color: #fff;
	border: 5px solid #ffda00;
	text-align: center;
}
.store-warning .warn {
	border: 5px solid #F00;
}
.store-warning .message a {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
	font-weight: bold;
	background-color: #ff7e00;
	color: #fff;
	border-radius: 10px;
}
.store-warning .message h1 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 22px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
}
.store-warning .message p {
    font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px !important;
    color: #000;
}
.store-warning .message .col-md-12 {
    margin-top: 50px;
}
/**/


/* Library Search */
.library-search {
	width:100%;
	height: 350px;
	background-image: url(../images/pages/sbg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 10px;
	position: relative;
}
.library-search .col-md-12 {
	height:	100%;
	position: relative;
}
.library-search .centered {
	position:absolute;
  	top: 0; bottom: 0; left: 0; right: 0;
  	margin: auto;
	width: 55%;
  	height: 330px;
	text-align: center;
}
.library-search h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 35px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 20px 0px 20px 0px !important;
}
.library-search p {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 20px !important;
    color: #000;
    padding: 20px 0px 20px 0px !important;
}
.library-search input {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 30px !important;
    height: 40px;
    color: #000;
    padding: 25px 20px 25px 20px !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #fff;
}

.library-search .input-group-text {
	background-color: #fff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #fff;
}
.library-search .input-group-text i {
	font-size: 20px;
	padding: 0px;
	color: #d9d9d9;
}
.library-search img {
	width: 200px;
}

/* Donation Form */
.donation-form {
	max-width: 600px;
	margin: 10px auto;
}
.donation-form h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
	text-align: center;
}
.donation-form .form {
	width: 100%;
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px !important;
	padding: 20px 20px 50px 20px;
    background-color: #ffe2ab;
	border: none;
    border-radius: 5px;
}
.donation-form p {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px !important;
    color: #000;
	text-align: center;
}
.donation-form label {
    font-weight: 400;
}
.donation-form input {
	width: 100%;
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px !important;
    color: #000;
    padding: 20px;
    background-color: #f3efe9 !important;
	border: none;
    border-radius: 5px;
}

/* Events */
.fc-toolbar.fc-header-toolbar {
    background-color: #fdd629;
}
.fc-left {
    background-color: #fff;
    padding: 6px 60px 6px 6px;
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px;
    color: #000;
}
.fc-toolbar .fc-right {
    padding-top: 6px;
    padding-right: 6px;
}
.fc-center {
	text-align: left !important;
	display: block !important;
}
.fc-center h2 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px;
    padding: 0px 20px !important;
    margin-top: 9px !important;
    color: #fff;
}
.fc-day-grid-event {
	background-color: #fff !important;
}
.fc-event:after, .fc-event:before {
    display: none !important;
}
.fc-event, .fc-event:hover {
    border: 1px #000 solid!important;
}
#calendar .btn-primary {
    background-color: #fdd629!important;
    color: #000!important;
	box-shadow: none;
}

/* Event Details */
.event-details {
	margin-bottom: 50px;
	overflow: hidden;
}
.event-details .back {
	margin-bottom: 20px;
}
.event-details .back a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
.event-details .date {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px;
    padding: 5px 10px;
    background-color: #fdd629;
    margin-bottom: 25px;
	color: #fff;
}
.event-details h1 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px;
    color: #000;
    padding: 0px 0px;
    margin-bottom: 20px;
}
.event-details .title {
    height: auto !important;
    display: block !important;
}
.event-details .type {
	font-size: 20px;
	margin-bottom: 20px;
}
.event-details .type img {
    width: 40px;
    height: 40px;
    margin-right: 11px;
    margin-top: -8px;
}
.event-details .price {
	position:	relative;
}
.event-details .price > div {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 16px;
    color: #000;
    width: 80px;
    height: 80px;
    background-color: #fdd629;
    border-radius: 100px;
    float: right;
    text-align: center;
    margin-top: -50px;
    padding-top: 28px;
}
.event-details h2 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px;
    color: #000;
    padding: 10px 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.event-details .content {
	margin-bottom: 20px;
}
.event-details .info {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 18px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-bottom: 50px;
}
.event-details .info strong {
	margin-right: 10px;
}
.event-details .info a {
	margin-left: 10px;
}

/* Constants */
.constant-001 {
	margin-top: 50px;
	background-color: #f0efee;
	padding: 30px;
	border-radius: 10px;
}
.constant-001 .ge-content {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 18px !important;
	color: #000;
}
.constant-001 .ge-content h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 22px !important;
	font-weight: bold;
	color: #000;
    background-color: transparent !important;
    padding: 10px 0px 10px 0px !important;
    margin-top: 0px !important;
}

/* Galery */
.galery .back {
	margin-bottom: 20px;
}
.galery .back a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
.galery .grid-item {
	height: 360px;
	margin-bottom: 50px;
}
.galery h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 20px 0px 20px 0px !important;
}
.galery .filters-button-group {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    display: relative;
	margin-bottom: 20px;
}
.galery .filters-button-group li {
    background-color: #fdd629;
    float: left;
    display: inline;
    margin: 5px 5px 20px 5px;
	padding: 5px 20px;
	border-radius: 10px;
}
.galery .filters-button-group li a {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.galery .photo {
	height: 100%;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	padding: 10px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
	overflow: hidden;
	cursor: pointer;
}
.galery .photo img {
	margin-bottom: 15px;
    border-radius: 10px;
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.galery .photo .title h2 {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
	color: #000;
}
.galery .view {
    overflow: visible;
}

/* Notice Boxes */
.notice-boxes .back {
	margin-bottom: 20px;
}
.notice-boxes .back a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
.notice-boxes .grid-item {
	height: 360px;
	margin-bottom: 50px;
}
.notice-boxes h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 20px 0px 20px 0px !important;
}
.notice-boxes .filters-button-group {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    display: relative;
	margin-bottom: 20px;
}
.notice-boxes .filters-button-group li {
    background-color: #fdd629;
    float: left;
    display: inline;
    margin: 5px 5px 20px 5px;
	padding: 5px 20px;
	border-radius: 10px;
}
.notice-boxes .filters-button-group li a {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.notice-boxes .notice {
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	padding: 10px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
	cursor: pointer;
}
.notice-boxes .notice img {
	margin-bottom: 15px;
	border-radius: 10px;
}
.notice-boxes .notice .title h2 {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}
.notice-boxes .notice .info {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 12px;
	border-top: 1px solid #f8f8f8;
    padding: 5px 0px 0px 0px;
    margin-top: auto;
}
.notice-boxes .notice .info div {
	display: inline-block;
	margin-right: 10px;
}
.notice-boxes .notice .info i {
	margin-right: 5px;
	color: #d9d9d9;
}
.notice-boxes .view {
    overflow: visible;
}

/* Notices Details */
.notice-details {
	margin-bottom: 50px;
	overflow: hidden;
}
.notice-details .back {
	margin-bottom: 20px;
}
.notice-details .back a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
.notice-details .date {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px;
    padding: 5px 10px;
    background-color: #fdd629;
    margin-bottom: 25px;
	color: #fff;
}
.notice-details h1 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px;
    color: #000;
    padding: 0px 0px;
    margin-bottom: 20px;
}
.notice-details .title {
    height: auto !important;
    display: block !important;
}
.notice-details h2 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px;
    color: #000;
    padding: 10px 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.notice-details .content {
	margin-bottom: 50px;
}

/* Article Boxes */
.article-boxes h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px !important;
    font-weight: bold;
    color: #000;
    background-color: transparent !important;
    padding: 20px 0px 20px 0px !important;
}
.article-boxes .back {
	margin-bottom: 20px;
}
.article-boxes .back a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
.article-boxes {
	margin-bottom: 50px;
	overflow: hidden;
}
.article-boxes .main-title {
	background-color: #fdd629;
    margin: 5px 0px 30px 0px;
    padding: 10px 20px;
    border-radius: 10px;
}
.article-boxes .main-title h2 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
	display: inline-block;
	margin: 0px;
}  
.article-boxes .main-title .show-all {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 14px;
    background-color: #000;
    color: #fff;
    padding: 2px 10px;
    float: right;
    display: inline-block;
    border-radius: 10px;
} 
.article-boxes .row > div {
	margin-bottom: 20px;
}
.article-boxes .article {
	height: 100%;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	padding: 10px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
	cursor: pointer;
}
.article-boxes .article img {
	margin-bottom: 15px;
	border-radius: 10px;
}
.article-boxes .article .title h3 {
	font-family: 'FuturaPT-Book', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}
.article-boxes .article .content {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: justify;
}
.article-boxes .article .info {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 12px;
	border-top: 1px solid #f8f8f8;
    padding: 5px 0px 0px 0px;
    margin-top: auto;
}
.article-boxes .article .info div {
	display: inline-block;
	margin-right: 10px;
}
.article-boxes .article .info i {
	margin-right: 5px;
	color: #d9d9d9;
}
.article-boxes .view {
    overflow: visible;
}

/* Article Details */
.article-details {
	margin-bottom: 50px;
	overflow: hidden;
}
.article-details .back {
	margin-bottom: 20px;
}
.article-details .back a {
	font-size: 20px;
	color: #000;
	text-decoration: none;
}
.article-details .date {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px;
    padding: 5px 10px;
    background-color: #fdd629;
    margin-bottom: 25px;
	color: #fff;
}
.article-details h1 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 25px;
    color: #000;
    padding: 0px 0px;
    margin-bottom: 20px;
}
.article-details .title {
    height: auto !important;
    display: block !important;
}
.article-details h2 {
    font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 18px;
    color: #000;
    padding: 10px 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.article-details .content {
	margin-bottom: 50px;
}

/* Member Panel*/
.member-panel {
	margin-top: 20px;
	margin-bottom: 50px;
}
.member-panel .img-member {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	border: 1px solid rgba(0,0,0,.125)
}
.member-panel h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px;
    padding: 5px 10px;
    background-color: #fdd629;
    margin-bottom: 25px;
	color: #fff;
}
.member-panel .sub-title {
	border-bottom: 1px solid rgba(0,0,0,.125);
	margin-bottom: 15px;
}
.member-panel .sub-title h2 {
	width: 100%;
	font-family: 'FuturaPT-Demi', sans-serif;
	font-size: 16px !important;
    display: inline-block;
    text-transform: uppercase;
}
.member-panel input, .member-panel textarea {
	background-color: #f3efe9;
	color: #000;
	border: 1px solid #f3efe9;
	border-radius: 5px;
	box-shadow: none;
	outline: none;
}
.member-panel .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #000;
    background-color: #f3efe9;
	color: #000;
	border: none;
	border-radius: 5px;
}
.member-panel .agreement {
	font-family: 'FuturaPT-Book', sans-serif;
	font-size: 14px;
	background-color: #f3efe9;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,.125);
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
}
.member-panel .btn {
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
	font-weight: bold;
	background-color: #ff7e00;
	color: #fff;
	border-radius: 10px;
}
.member-panel .card {
    margin-bottom: 15px;
}
.member-panel .card-header {
    padding: 5px;
}
.member-panel .card-header .payment-date {
	display: inline;
    float: right;
}
.member-panel .card-header .btn {
	width: 100%;
	font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 14px;
	font-weight: bold;
	background-color: unset !important;
	text-align: left;
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
	padding: 5px;
	margin:0px; 
}
.table-responsive tbody th, .table-responsive tbody td {
    padding: 8px 10px !important;
}
.member-panel .card-body img {
	max-width: 100px;
}
.member-panel .card-body .item h2 {
    font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.member-panel .card-body .price {
    font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    text-align: right;
    background-color: #000;
    padding: 4px 10px;
}
.member-panel .card-body .totals {
    background-color: #fdd629;
    padding: 4px 10px;
}
.member-panel .card-body .totals div {
    font-family: 'FuturaPT-Medium', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0px;
}
.member-panel .card-body .totals div span {
    float: right;
}

.member-panel .card-body .op-0 {
    opacity: 0;
}
.member-panel .card-body .title {
    background-color: #000;
    color: #fff;
}
.member-panel .card-body .sub-title {
    background-color: #ffda00;
}
.member-panel .card-body table h2 {
    font-weight: 600;
    font-size: 16px;
    margin: 0px;
}
.member-panel .btn {
    border-radius: 0px !important;
}

 
/* Contact */
.contact {
	margin-top: 20px;
    margin-bottom: 50px;
}
.contact h1 {
	font-family: 'FuturaPT-Demi', sans-serif;
    font-size: 20px;
    padding: 5px 10px;
    background-color: #fdd629;
    margin-bottom: 25px;
	color: #fff;
}
.contact .card-header {
	padding: 5px 10px;
	border: none;
	border-radius: 0px;
	background-color: #ffe2ab;
	color: #000;
	margin-bottom: 10px;
}
.contact .card-header h5 {
	font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}
.contact .card-header h5 i {
	margin-top: 4px;
	float: right;
}
.contact .card-body {
	padding: 0px 0px 15px 0px;
}
.contact .card-body img {
	margin-bottom: 10px;
}
.contact .card-body i {
	margin-right: 5px;
	color: #7f705b;
}
.contact .card-body a {
	text-decoration: none;
	color: #7f705b;
}
#send-message {
	margin-bottom: 50px;
}
#send-message input, #send-message textarea {
	background-color: #f3efe9;
	color: #000;
	border: none;
	box-shadow: none;
	outline: none;
}
#send-message button {
	background-color: #9d9d9c;
	color: #fff;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
} 
#map {
	width: 100%;
	height: 300px;
	border: none;
}
  
/* Chat */
.chat {
	margin-top: 46px;
}
.chat-box::-webkit-scrollbar {
  	width: 5px;
}
.chat-box::-webkit-scrollbar-track {
  	width: 5px;
  	background: #f5f5f5;
}
.chat-box::-webkit-scrollbar-thumb {
  	width: 1em;
  	background-color: #ddd;
  	outline: 1px solid slategrey;
  	border-radius: 1rem;
}
.chat-box .text-small {
  	font-size: 12px;
}
.chat-box {
  	height: 412px;
  	overflow-y: scroll;
}
.chat-box .rounded-lg {
  	border-radius: 0.5rem;
}
.chat input::placeholder {
  	font-size: 14px;
  	color: #f8f8f8;
}
.chat .input-group .bg-light {
	background-color: #9d9d9c !important;
	color: #fff !important;
}
.chat .btn {
	background-color: #000!important;
	color: #fff !important;
  	padding: 9px 15px !important;
  	margin: 0px !important;
	text-decoration: none !important;
}
.chat .attention {
	font-size: 14px;
	color: #000;
	margin-top: 20px;
}
.chat .attention a {
    color: #e51723;
    text-decoration: none;
}

.pcenter{      
	  font-family: 'FuturaPT-Book', sans-serif;
     font-size: 18px !important;
     color: #000;
	text-align: center;
}

/* Footer */ 
footer .logo {
	max-width: 150px;
	margin: auto; 
	display: block;
}
.page-footer {
	width: 100%;
  	background-color: #fff; 
	border: 1px solid #f8f8f8;
	color: #000 !important;
	margin-top: 50px;
	padding: 0px 0px 50px 0px;
}
.footer-menu {
	background-color: #ffda00;
	text-align: center;
}
.footer-menu ul {
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
}
.footer-menu ul li {
	padding: 10px 5px 10px 0px;
	text-align: center;
	display: inline-block;
}
.footer-menu ul li:after {
    content: " | ";
	padding: 0 5px;
}
.footer-menu ul li:last-child:after {
    content: "";
}
.footer-menu ul li a {
	font-size: 18px;
	color: #000 !important;
}  
.footer-copyright {
	font-size: 16px;
    background-color: #fff !important;
    color: #000 !important;
}
.footer-copyright a {
    color: #000 !important;
}
.footer-safe {
    background-color: #f5f5f5 !important;
}
.footer-safe .safe{
    max-width: 350px;
	margin: 0px auto;
}

/* Responsive */
@media (max-width:1024px) and (min-width:760px) {
	/* General */
	body {
    	font-size: 14px;
	}
	main {
		padding-top: 0px
	}
	.mobile { display: block; }
	.web { display: none; }
	
	/* Scroll Top */
	.to-top {
		display: none;
	}
	
	/* Navbar */
	.nav-top {
		height: 64px;
		padding-top: 10px;
		text-align: left;
	}
	.nav-top .logo {
		max-width: 80px;
	}
	.nav-top .social-links {
		margin-top: 7px;
	}
	.navbar .nav-item .nav-link {
		padding-right: 0px;
		padding-left: 0px;
	}
	.nav-top .social-links ul li {
		padding: 4px;
	}
	.member {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		margin-top: 0px;
	}
	
	/* Plane - Cloud */
	.ucakbulut {
		display: none;
	}
	
	/* Homepage Menu */
	.home-main {
		display: none;
	}
	
	/* Links */
	.links {
		margin-top: 15px;
	}
	
	/* Carousel */
	#intro {
        margin-top: 0px;
    }
	#intro .carousel-item .view {
		height: 172px !important;
	}
	#intro .carousel-item .view video {
		width: 100%;
		height: 80vh;
		object-fit: cover;
	}
	#intro .carousel-caption {
    	top: 70px;
	}
	#intro .carousel-caption h1 {
		font-size: 20px;
	}
	#intro .carousel-caption p {
    	font-size: 15px;
	}
	.carousel-control-next, .carousel-control-prev {
		display: none;
	}

	/* Tabs */
	.tab-content {
    	padding: 1rem 1rem 1rem;
	}
	
	/* Pages */
	
	/* Store */	
	
	/* Library Search */
	.library-search .centered {
    	width: 85%;
	}
	
	/* Article Boxes */
	.article-boxes {
		margin-top: 35px;
	}
	.article-boxes .md-pills li {
		width: 100%;
    	padding: 0px 0px 15px 0px;
	}
	.article-boxes .nav-justified .nav-item {
    	flex-basis: unset;
	}
	
	/* Article Details */
	.breadcrumbs {
		display:none !important;
	}
	
	/* Comments */
	.comments .comment .image {
    	margin-bottom: 15px;
	}
	
	/* Footer */ 
	footer .logo {
		max-width: 100px;
	}
	.footer-menu ul li {
		padding: 5px 5px 5px 0px;
		text-align: center;
		display: inline-block;
	}
	.footer-menu ul li a {
		font-size: 16px;
	}
}
@media (max-width: 760px) {
	/* General */
	body {
    	font-size: 14px;
	}
	main {
		padding-top: 20px
	}
	.mobile { display: block; }
	.web { display: none; }
	
	/* Scroll Top */
	.to-top {
		display: none;
	}
	
	/* Navbar */
	.nav-top {
		height: 64px;
		padding-top: 10px;
		text-align: left;
	}
	.nav-top .logo {
		max-width: 120px;
	}
	.nav-top .social-links {
		margin-top: 7px;
	}
	.nav-top .social-links ul li {
		padding: 4px;
	}
	.navbar .nav-item .nav-link {
		padding-right: 0px;
		padding-left: 0px;
	}
	.member {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		margin-top: 0px;
	}
	
	/* Plane - Cloud */
	.ucakbulut {
		display: none;
	}
	
	/* Homepage Menu */
	.home-main {
		display: none;
	}
	
	/* Links */
	.links {
		margin-top: 15px;
	}
	
	/* Carousel */
	#intro {
        margin-top: 0px;
    }
	#intro .carousel-item .view {
		height: 172px !important;
	}
	#intro .carousel-item .view video {
		width: 100%;
		height: 80vh;
		object-fit: cover;
	}
	#intro .carousel-caption {
    	top: 70px;
	}
	#intro .carousel-caption h1 {
		font-size: 20px;
	}
	#intro .carousel-caption p {
    	font-size: 15px;
	}
	.carousel-control-next, .carousel-control-prev {
		display: none;
	}

	/* Tabs */
	.tab-content {
    	padding: 1rem 1rem 1rem;
	}
	
	/* Pages */
	
	/* Library Search */
	.library-search .centered {
    	width: 95%;
	}
	/* Event Details */
	.event-details .price > div {
    	margin-top: -90px;
	}
	.event-details .type {
		margin-top: 20px;
	}
	.event-details .info {
		font-size: 16px;
	}
	.form-check-input[type=checkbox]+label, label.btn input[type=checkbox]+label {
    	height: auto !important;
	}
	
	/* Article Boxes */
	.article-boxes {
		margin-top: 35px;
	}
	.article-boxes .md-pills li {
		width: 100%;
    	padding: 0px 0px 15px 0px;
	}
	.article-boxes .nav-justified .nav-item {
    	flex-basis: unset;
	}
	
	/* Article Details */
	.breadcrumbs {
		display:none !important;
	}
	
	/* Comments */
	.comments .comment .image {
    	margin-bottom: 15px;
	}
	
	/* Footer */ 
	footer .logo {
		max-width: 100px;
	}
	.footer-menu ul li {
		padding: 5px 5px 5px 0px;
		text-align: center;
		display: inline-block;
	}
	.footer-menu ul li a {
		font-size: 16px;
	}
	/* Extras */
	.cart-details .cart .item .delete-item {
        right: 271px;
    }
    .cart-details .cart .item .price {
        margin-top: 20px;
    }
    .creditcard {
        margin-bottom: 50px;
    }
}