@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

html, body {
    margin:0px;
    padding:0px;
    font-family: 'Oswald', sans-serif;
    font-size:15px;
    width:100%;
    height:100%;
    color:#000;
    background:#f2f2f2;
}

html *, body * {
    font-family: 'Oswald', sans-serif;
    color:#000;
    transition:all 0.5s ease 0s;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #6366f1;
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}

@font-face {
  font-family: 'Glyphs';
  src:  url('../../assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
        url('../../assets/fonts/glyphicons-halflings-regular.woff') format('woff');
}

.glyphicon {
    font-family: 'Glyphs', sans-serif !important;
}

a img {
    text-decoration:none !important;
    border:none !important;
    outline:none !important;
}

#loader {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:999;
    background:#fff;
}

#loaderin {
    display:table;
    width:100%;
    height:100%;
}

#loadercontent {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
    color:#000;
}

.header {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    background:#fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .50);
    z-index:99;
}

.logo img {
    width:100%;
    margin-top:15px; 
    margin-bottom:10px;
}

.search {
    width:250px;
    height:38px; 
    float:left;
    border:1px solid #6366f1;
    border-radius:5px;
    background:#fff;
}

.search span {
    display:inline-block;
    float:left;
    font-size:15px;  
    margin:10px 0px;
    margin-right:0px;
    width:30px;
    color:#6366f1;
}

.search input {
    outline:none;
    border:none;
    padding:7px 14px;
    padding-top:8px;
    padding-left:0px;
    width:205px;
    font-size:14px;
}

.menu {
    text-align:right;
    padding-top:15px;
    padding-bottom:15px;
}

.menua {
    display:inline-block;
    font-size:17px;
    font-weight:500;
    padding:7px 10px;
    letter-spacing:0px;
}

.menua.active {
    color:#6366f1;
}

.menua:hover {
    text-decoration:none;
    color:#6366f1;
}

.menua.buttn, .mainbutton {
    background:#6366f1;
    color:#fff;
    padding:7px 10px;
    margin-left:10px;
    border-radius:5px;
}

.katbutton {
    display:inline-block;
    background:#fff;
    color:#000;
    padding:7px 10px;
    border-radius:5px;
    margin-right:5px;
    margin-top:10px;
}

.katbutton:hover {
    background:#e2e2e2;
    color:#000;
    text-decoration:none;
}

.katbutton.active {
    background:#6366f1;
    color:#fff;
}

.menua.buttn {
    padding-left:14px;
    padding-right:14px;
}

.menua.buttn span, .mainbutton span {
    font-size:15px;
    color:#fff;
    margin-right:2px;
}

.menua.buttn:hover, .searchInner button:hover, .bannerdesc a:hover, .mainbutton:hover {
    background:#8c8fff;
    text-decoration:none;
    color:#fff;
}

.mainbutton.white {
    background:#fff;
    color:#6366f1;
}

.mainbutton.white span {
    color:#6366f1;
}

.banner {
    width:100%;
    height:300px;
    position:relative;
}

.banner.home .glyphicon-chevron-right:before, .banner .glyphicon-chevron-left:before {
    color:#fff;
}

.banner.home .glyphicon-chevron-right:before {
    margin-right:-90px;
}

.banner.home .glyphicon-chevron-left:before {
    margin-left:-90px;
}

.banner.home {
    height:600px;
    margin-bottom:90px;
}

.banner.evntBanner {
    height:400px;
}

.banner .carousel-inner .item {
    width:100%;
    height:300px;
}

.banner.home .carousel-inner .item {
    width:100%;
    height:600px;
}

.banner.evntBanner .carousel-inner .item {
    width:100%;
    height:400px;
}

.bannerimg {
    width:100%;
    height:100%;
    background-size:100% auto;
    background-position:center;
    background-repeat:no-repeat;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25) inset;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25) inset;
}

.bannerimg .container {
    height:100%;
    display:table;
}

.bannerdesc {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:left;
    vertical-align:bottom;
}

.banner.home .bannerdesc {
    vertical-align:middle;
}

.bannerdesc h1 {
    font-size:48px;
    letter-spacing:0px;
    max-width:75%;
    margin:0px;
    padding:0px;
    color:#fff;
    text-shadow:2px 2px #000;
    margin-bottom:45px;
}

.banner.home .bannerdesc h1 {
    margin-bottom:0px;
    max-width:50%;
}

.banner.evntBanner .bannerdesc h1 {
    margin-bottom:10px;
}

.bannerdesc h3 {
    margin:0px;
    padding:0px;
    margin-top:15px;
    font-size:28px;
    font-weight:300;
    color:#fff;
    text-shadow:2px 2px #000;
}

.bannerdesc a {
    margin-top:15px;
    background:#6366f1;
    color:#fff;
    padding:7px 10px;
    border-radius:5px;
    text-transform: uppercase;
}

.bannerdesc a span {
    color:#fff;
    font-size:13px;
    margin-right:2px;
}

.homeSearch {
    width:100%;
    position:absolute;
    left:0px;
    bottom:-55px;
}

.homeSearch.insearch {
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:30px;
}

.searchInner {
    margin: 0px !important;
    background-color:#6366f1;
    background:url(../img/footerbg.jpg) no-repeat top -80px right;
    background-size:100% auto;
    padding:35px 20px;
    border-radius:5px;
    box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.25);
}

.insearch .searchInner {
    background:#fff;
}

.searchInner label {
    display:block;
    font-size:15px;
    color:#fff;
}

.insearch .searchInner label {
    color:#000;
}

.searchInner input, .searchInner select {
    width:100%;
    padding:7px 14px;
    border-radius:5px;
    height:38px;
    border:1px solid #000;
    outline:none !important;
}

.searchInner button {
    height:38px;
    background:#fff;
    color:#6366f1;
    padding:7px 10px;
    border-radius:5px;
    width:100%;
    font-weight:bold;
    border:none;
}

.searchInner button span {
    color:#6366f1;
    margin-right:2px;
    font-size:13px;
}

.searchInner button:hover span {
    color:#fff;
}

.insearch .searchInner button {
    background:#6366f1;
    color:#fff;
}

.insearch .searchInner button span {
    color:#fff;
}

.kattitle {
    margin:0px;
    padding:0px;
    margin-bottom:5px;
    font-size:21px;
    font-weight:700;
    letter-spacing:0px;
}

.kattitle a {
    font-size:15px;
    font-weight:300;
    float:right;
    color:#6366f1;
    padding-top:4px;
    letter-spacing:0px;
}

#homerollers {
    padding-right:10px; 
}

.swiper-wrapper {
    padding-top:15px;
    padding-bottom:15px;
}

.swiper {
    padding-right:10px;
}

.eventcard {
    box-sizing:border-box;
    margin:5px;
    padding:5px;
    background:#fff;
    border-radius:5px;
    width:100%;
    height:auto;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.eventcard a {
    text-decoration:none;
}

.eventcard:hover {
    transform:scale(0.95);
}

.listevents .eventcard:hover {
    transform:scale(1.05);
}

.eventcard img {
    width:100%;
    max-width:280px;
    height:200px;
    border-radius:5px;
}

.listevents .eventcard img {
    height:160px;
}

.listevents .eventcard {
    margin-bottom:10px;
}

.listevents {
    padding-left:15px;
    padding-right:10px;
}

.listevents .col-md-2 {
    padding-left:0px;
}

.eventcard h3 {
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:5px;
    height:36px;
    line-height:18px;
    font-size:13px;
    font-weight:700;
    overflow:hidden;
    text-align:center;
}

.eventcard h4 {
    margin:0px;
    padding:0px;
    font-size:11px;
    color:#999;
    text-align:center;
    margin-bottom:5px;
}

.eventcard.highlighted {
    background:#111;
    box-shadow: 0px 0px 10px 0px rgba(255, 215, 0, 0.95);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 215, 0, 0.95);
}

.eventcard.highlighted h3, .eventcard.highlighted h4 {
    color:#FFD700;
}

.martop10 {
    margin-top:10px;
}

.marbot20 {
    margin-bottom:20px;
}

.marbot17 {
    margin-bottom:17px;
}

.martop15 {
    margin-top:20px;
}

.npleft {
    padding-left:0px;
}

.npright {
    padding-right:0px;
}

.padleft7 {
    padding-left:10px;
}

.padright10 {
    padding-right:10px;
}

.padleft10 {
    padding-left:10px;
}

.padleft12 .col-md-6 {
    padding-left:12px;
}

.katcard {
    box-sizing:border-box;
    margin:5px;
    background:#fff;
    border-radius:5px;
    width:100%;
    height:auto;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    overflow:hidden;
}

.katcard .col-md-5, .katcard .col-md-7 {
    height:360px;
}

.katimgcont {
    width:100%;
    height:100%;
    display:table;
    overflow:hidden;
    background-size:auto 100%;
    background-position:center;
    background-repeat:no-repeat;
}

.katimg {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:45px;
}

.katimg h2 {
    margin:0px;
    padding:0px;
    padding-left:30px;
    padding-bottom:15px;
    color:#fff;
    font-size:31px;
    font-weight:700;
    letter-spacing:-2px;
    max-width:90%;
    text-shadow:2px 2px #000;
}

.katimg h3 {
    margin:0px;
    padding:0px;
    padding-left:30px;
    font-size:16px;
    color:#fff;
    text-shadow:2px 2px #000;
}

.katimg h3 span {
    font-weight:700;
    color:#fff;
}

.katimg .mainbutton {
    margin-left:30px;
}

.eventlista {
    display:block;
    width:100%;
    height:60px;
    padding-top:10px;
    font-size:13px;
    border-bottom:1px solid #e2e2e2;
    cursor:pointer;
    cursor:hand;
}

.eventlista img {
    width:44px;
    height:44px;
    float:left;
    margin-right:10px;
}

.eventlista span {
    display:block;
    width:220px;
    font-weight:bold;
    height:20px;
    overflow:hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
    cursor:hand;
}

.eventlista label {
    font-weight:300;
    color:#555;
    padding-top:3px;
    cursor:pointer;
    cursor:hand;
}

.eventlista label em {
    color:#999;
    cursor:pointer;
    cursor:hand;
}

.alistcont .eventlista:last-child {
    border:none;
}

.katlisthomecont {
    padding-right:7px;
}

.katlisthomecont .col-md-6 {
    padding-bottom:25px;
}

.soonsingle {
    background:#fff;
    border-radius:5px;
    margin-bottom:15px;
}

.soonsingle label {
    display:block;
    max-width:50%;
    margin:0px auto;
    font-weight:300;
}

.homesoon .row {
    padding-right:3px;
}

.homesoon .col-md-3 {
    text-align:center;
    border-right:1px solid #e2e2e2;
    padding-bottom:10px;
    padding-right:0px;
    color:#666;
}

.homesoon .col-md-3 span {
    display:block;
    font-size:36px;
    font-weight:700;
    padding-top:3px;
}

.homesoon .col-md-9 h3 {
    margin:0px;
    padding:0px;
    padding-top:16px;
    font-size:21px;
    font-weight:300;
    width:100%;
    height:55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:90%;
}

.homesoon .col-md-9 h4 {
    margin:0px;
    padding:0px;
    font-size:15px;
    color:#666;
    padding-top:3px;
    font-weight:300;
}

.homesoon .col-md-9 h4 span {
    color:#bababa;
    margin-right:5px;
    font-size:13px;
}

.homesoon .col-md-9 h4 span:last-child {
    margin-left:15px;
}

.soonsingle a {
    display:block;
    color:#6366f1;
    font-size:15px;
    font-weight:bold;
}

.blogcont {
    box-sizing:border-box;
    margin:5px;
    background:#fff;
    border-radius:5px;
    width:100%;
    height:286px;
    overflow:hidden;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    overflow:hidden;
    padding:15px;
    margin-bottom:15px;
}

.blogcont h3 {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:700;
    color:#111;
    letter-spacing:0px;
}

.blogcont h3 span {
    font-size:13px;
    margin-right:2px;
}

.blogcont label {
    display:block;
    font-size:13px;
    color:#999;
    font-weight:300;
    margin-top:5px;
    margin-bottom:5px;
}

.blogcont p {
    margin:0px;
    padding:0px;
    font-size:15px;
    line-height:21px;
    max-height:124px;
    overflow:hidden;
    margin-bottom:10px;
}

.blogcont a {
    color:#6366f1;
    font-weight:bold;
}

.blogcont a span, .soonsingle a span, .kattitle a span {
    color:#6366f1;
    font-size:13px;
}

.fordists {
    background:url(../img/footerbg.jpg) no-repeat bottom center;
    background-size:100% auto;
    margin-top:10px;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25) inset;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25) inset;
    border-top:1px solid #111;
    border-bottom:1px solid #111;
}

.fordists .col-md-12 {
    text-align:center;
    padding-top:60px;
    padding-bottom:75px;
}

.fordists h2 {
    margin:0px;
    padding:0px;
    padding-bottom:15px;
    color:#fff;
    font-size:31px;
    font-weight:700;
    letter-spacing:-1px;
    text-shadow:2px 2px #000;
}

.fordists h3 {
    max-width:75%;
    margin:0px auto;
    padding:0px;
    color:#fff;
    font-size:26px;
    font-weight:300;
    margin-bottom:30px;
}

.fordists h3 span {
    font-weight:700;
    color:#fff;
}

.fordists .mainbutton {
    font-weight:700;
}

.footercont {
    width:100%;
    padding-top:20px;
}

.footercont.infooter {
    background:#6366f1;
}

.footer .col-md-3 {
    border-right:1px solid #e2e2e2;
    padding:15px 30px;
}

.infooter .footer .col-md-3 {
    border-right:1px solid #4e51f2;
}

.footer .col-md-3:last-child {
    padding-right:15px;
}

.footer .col-md-3:last-child {
    border:none;
}

.footer .kattitle {
    color:#666;
    font-weight:700;
    font-size:18px;
    border-bottom:1px solid #e2e2e2;
    padding-bottom:10px;
    margin-bottom:15px;
}

.infooter .footer .kattitle {
    border-bottom:1px solid #4e51f2;
    color:#fff;
}

.fooa {
    display:block;
    font-size:15px;
    color:#666;
    padding-bottom:10px;
}

.infooter .fooa {
    color:#f2f2f2;
}

.fooa.social {
    background:#111;
    padding:7px 14px;
    border-radius:5px;
    font-weight:bold;
    margin-bottom:10px;
    color:#fff;
}

.fooa.social img {
    width:30px;
    height:30px;
    background:#fff;
    border-radius:50%;
    padding:5px;
    margin-right:10px;
}

.fooa.social.facebook {
    background:#1877F2;
}

.fooa.social.twitter {
    background:#1DA1F2;
}

.fooa.social.instagram {
    background:#E1306C;
}

.fooa.social.youtube {
    background:#FF0000;
}

.fooa.social.tiktok {
    background:#000000;
}

.foocopy {
    margin-top:30px;
    margin-bottom:10px;
}

.foocopy .col-md-5, .foocopy .col-md-7 {
    padding:15px 30px;
    border-top:1px solid #e2e2e2;
    font-size:13px;
    color:#666;
}

.infooter .foocopy .col-md-5, .infooter .foocopy .col-md-7 {
    color:#f2f2f2;
    border-top:1px solid #4e51f2;
}

.foocopy .col-md-7 {
    text-align:right;
}

.foocopy a {
    margin-left:15px;
    color:#666;
}

.infooter .foocopy a {
    color:#f2f2f2;
}

.breads {
    margin-bottom:10px;
}

.breads a, .breads em {
    width:auto;
    min-width:24px;
    text-align:center;
    display:inline-block;
    padding:0px;
    margin:0px;
    background:none;
    color:#fff;
}

.maincont {
    padding-top:30px;
    padding-bottom:30px;
}

.bloglistcont {
    padding-left:0px;
    padding-right:10px;
    margin-left:-18px;
}

.bloglistcont .blogcont {
    margin-top:15px;
    height:346px;
}

.bloglistcont .blogcont img {
    width:100%;
    height:100px;
    border-radius:5px;
    margin-bottom:15px;
}

.blogcont.singleblog {
    height:auto;
    padding:0px;
    overflow:hidden;
}

.singleblog .singleimg {
    width:100%;
    height:250px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center;
}

.singleblog h3 {
    margin:15px;
    font-size:24px;
}

.singleblog h3 span {
    font-size:21px;
}

.singleblog label {
    margin-left:15px;
}

.singleblog .singlepost {
    margin:15px;
}

.singlepost *, .evntdesc * {
    max-width:100%;
}

.padright20 {
    padding-right:20px;
}

.blogcont.singleblog.blogsidecont {
    padding:15px;
    transition:none !important;
}

.blogcont.singleblog.blogsidecont .kattitle {
    margin:0px;
    margin-bottom:15px;
}

.blogsidecont .katbutton {
    display:block;
}

.evntinfo, .evntaciklama, .evntOwner, .evntBuy, .evntFirmdetails, .iletCont, .userpane {
    background:#fff;
    border-radius:5px;
    padding:15px;
    padding-top:20px;
}

.evntaciklama {
    margin-top:30px !important;
}

.evntaciklama .col-md-12 {
    padding-left:5px;
}

.singlea {
    color:#6366f1;
    margin:0px !important;
    float:none !important;
    padding:0px !important;
    width:auto;
    display:inline-block;
    font-weight:300;
}

.nomar {
    margin:0px;
}

.nopad {
    padding:0px;
}

.infolines .row {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #f2f2f2;
}

.infolines .row:last-child {
    border:none;
    padding-bottom:0px;
    margin-bottom:5px;
}

.infolines .row .col-md-5 {
    font-weight:bold;
}

.infolines .row .col-md-7 {
    font-weight:300;
}

.singlea.haritaa {
    display:block;
    margin-top:10px !important;
}

.singlea.haritaa span {
    color:#6366f1;
    font-size:13px;
}

#evntCarousel .carousel-inner .item {
    width:100%;
    height:265px;
    border-radius:5px;
    overflow:hidden;
}

.nopadleft {
    padding-left:5px;
}

#evntCarousel .glyphicon-chevron-right:before, #evntCarousel .glyphicon-chevron-left:before {
    color:#fff;
}

.evntOwner .col-md-4 img {
    width:100%;
    height:auto;
    max-height:100px;
    margin:0px auto;
    padding:10px;
    background-color:#f2f2f2;
    border-radius:5px;
}

.evntOwner .col-md-8 a {
    font-weight:700;
    text-align:left;
    display:block;
    font-size:15px;
    max-width:90%;
    color:#6366f1;
}

.evntOwner .col-md-8 a:hover {
    text-decoration:none;
    color:#000;
}

.evntOwner em {
    font-size:13px;
    font-weight:300;
    font-style: normal;
}

.evntOwner em span {
    color:green;
}

.evntBuy {
    margin-top:15px !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    transition:none !important;
}

.evntBuyRef {
    position:relative;
}

.evntBuy .kattitle span {
    font-size:18px;
    margin-right:5px;
}

.evntBuy select {
    width:100%;
    padding:7px 14px;
    border-radius:5px;
    height:38px;
    border:1px solid #000;
    outline:none !important;
}

.subtitle {
    display:block;
    padding-bottom:5px;
}

.checklabel {
    display:block;
    padding:5px 15px;
    background:#f2f2f2;
    border-radius:5px;
    font-weight:300;
    cursor:pointer;
    cursor:hand;
    user-select:none;
}

.checklabel input {
    visibility:hidden;
    width:1px;
    height:1px;
}

.checklabel.active, .checklabel:hover {
    background:#6366f1;
    color:#fff;
}

.checklabel.active:before {
    content: "\e067";
    font-family: 'Glyphs', sans-serif !important;
}

.evntBuy button {
    background:#63f18e;
    color:#003610;
    padding:7px 10px;
    border-radius:5px;
    border:none;
    outline:none;
    width:100%;
    margin-top:10px;
    font-size:18px;
    border:2px solid #63f18e;
}

.evntBuy button span {
    color:#003610;
    font-size:16px;
}

.evntBuy button:hover {
    background:#40ed74;
    border:2px solid #003610;
}

.evntOwner hr {
    margin-bottom:5px;
}

.mainbutton.fullwd {
    display:block;
    margin:0px;
    margin-top:10px;
    text-align:center;
    background:#fff;
    border:1px solid #6366f1;
    color:#6366f1;
}

.mainbutton.fullwd span {
    color:#6366f1;
}

.mainbutton.fullwd.reverse span {
    color:#fff;
}

.mainbutton.fullwd:hover {
    background:#6366f1;
    color:#fff;
}

.mainbutton.fullwd:hover span {
    color:#fff;
}

.mainbutton.fullwd.reverse {
    background:#6366f1;
    border:1px solid #fff;
    color:#fff;
    width:100%;
}

.mainbutton.fullwd.reverse:hover {
    background:#8c8fff;
    color:#fff;
}

.evntFirmcont .evntOwner {
    margin-bottom:30px;
}

.evntFirmcont {
    padding-bottom:0px;
}

p.alert-success {
    background:#63f18e;
    color:#003610;
    border:1px solid #63f18e;
    border-radius:5px;
}

p.alert-success span {
    color:#003610;
}

p.alert-success a {
    float:right;
    color:#003610;
}

.firmPage .evntFirmdetails .col-md-3 {
    border-right:1px solid #e2e2e2;
    text-align:center;
    min-height:70px;
}

.firmPage .evntFirmdetails .col-md-3:first-child {
    padding-left:0px;
    text-align:left;
}

.firmPage .evntFirmdetails .col-md-3:last-child {
    padding-right:0px;
    border:none;
}

.statlab {
    display:block;
    padding-top:4px;
    font-weight:300;
}

.lowsoc {
    display:inline-block;
    padding-top:5px;
    margin-left:1px;
    margin-right:1px;
    text-decoration:none;
}

.lowsoc:hover {
    transform:scale(1.1);
}

.lowsoc img {
    width:20px;
    height:20px;
}

.eventcard.completed {
    filter: grayscale(100%);
    opacity:0.5;
    position:relative;
}

.eventcard.completed:hover {
    filter: grayscale(0%);
    opacity:1;
}

.staticCont * {
    max-width:100%;
}

.iletCont .col-md-4 {
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
    border-right:1px solid #e2e2e2;
}

.iletCont .col-md-4:last-child {
    border:none;
}

.iletCont span {
    font-size:48px;
    display:inline-block;
    text-align:center;
    margin:0px auto;
    color:#6366f1;
    width:96px;
    height:82px;
    padding:15px;
    border-radius:50%;
    background:#f2f2f2;
}

.iletCont a {
    display:block;
    font-size:31px;
    font-weight:300;
    text-align:center;
    margin-top:30px;
}

.iletCont a:hover {
    color:#6366f1;
}

.martop25 {
    margin-top:25px;
}

.marbot25 {
    margin-bottom:30px;
}

.txjustify {
    text-align: justify;
}

.txtInput {
    padding:5px 10px;
    border:1px solid #6366f1;
    outline:none;
    border-radius:5px;
}

.subtitle .singlea {
    float:right !important;
}

.checklabel.inline {
    display:inline-block;
    width:auto;
}

.userpane .kattitle {
    text-align:left;
    border-bottom:1px solid #e2e2e2;
    padding-bottom:20px;
    padding-left:20px;
}

.userpanein {
    width:300px;
    margin:0px auto;
    margin-top:30px;
    margin-bottom:45px;
}

.userpanein input[type='text'], .userpanein input[type='password'], .userpanein select, .userpanein textarea {
    width:100%;
}

.alistcont .swiper {
    width:100%;
    height:100%;
}

.alistcont .swiper-wrapper {
    padding-top:0px;
    margin-top:-2px;
}

.alistcont .swiper-slide a {
    border-top:1px solid #e2e2e2 !important;
}

.alistcont .swiper-slide img {
    border-radius:5px;
}

.userpaneAdv {
    text-align:center;
    padding:20px;
    padding-top:75px;
}

.lowtx {
    font-size:12px;
    text-align:center;
}

.pr7 {
    padding-right:7px;
}

.pl7 {
    padding-left:7px;
}

#evntCountdown {
    display:block;
    text-align:left;
    margin-bottom:45px;
    padding-top:10px;
    user-select:none;
}

#evntCountdown span {
    display:inline-block;
    font-size:31px;
    font-weight:300;
    color:#fff;
    margin-right:10px;
}

#evntCountdown span label {
    display:inline-block;
    width:50px;
    height:50px;
    text-align:center;
    background:#fff;
    color:#6366f1;
    border-radius:50%;
    padding-top:2px;
}