/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
 @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display: swap;font-display:auto;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900;font-style: normal;font-display: swap}.fa-chevron-down:before{content:"\f078";}.fa-chevron-up:before{content:"\f077";}/* This stylesheet generated by Transfonter (http://transfonter.org) on January 11, 2017 2:20 PM */

 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-Light.eot');
     src: url('../fonts/GothamXNarrow-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Light.woff') format('woff'),
         url('../fonts/GothamXNarrow-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-BoldItalic.eot');
     src: url('../fonts/GothamXNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-BoldItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-BoldItalic.ttf') format('truetype');
     font-weight: bold;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-Bold.eot');
     src: url('../fonts/GothamXNarrow-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Bold.woff') format('woff'),
         url('../fonts/GothamXNarrow-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow XLight';
     src: url('../fonts/GothamXNarrow-XLightItalic.eot');
     src: url('../fonts/GothamXNarrow-XLightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-XLightItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-XLightItalic.ttf') format('truetype');
     font-weight: 200;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-ThinItalic.eot');
     src: url('../fonts/GothamXNarrow-ThinItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-ThinItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-ThinItalic.ttf') format('truetype');
     font-weight: 100;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-LightItalic.eot');
     src: url('../fonts/GothamXNarrow-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-LightItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-LightItalic.ttf') format('truetype');
     font-weight: 300;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow Book';
     src: url('../fonts/GothamXNarrow-Book.eot');
     src: url('../fonts/GothamXNarrow-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Book.woff') format('woff'),
         url('../fonts/GothamXNarrow-Book.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow XLight';
     src: url('../fonts/GothamXNarrow-XLight.eot');
     src: url('../fonts/GothamXNarrow-XLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-XLight.woff') format('woff'),
         url('../fonts/GothamXNarrow-XLight.ttf') format('truetype');
     font-weight: 200;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-MediumItalic.eot');
     src: url('../fonts/GothamXNarrow-MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-MediumItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-MediumItalic.ttf') format('truetype');
     font-weight: 500;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-Thin.eot');
     src: url('../fonts/GothamXNarrow-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Thin.woff') format('woff'),
         url('../fonts/GothamXNarrow-Thin.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-Black.eot');
     src: url('../fonts/GothamXNarrow-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Black.woff') format('woff'),
         url('../fonts/GothamXNarrow-Black.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow Ultra';
     src: url('../fonts/GothamXNarrow-UltraItalic.eot');
     src: url('../fonts/GothamXNarrow-UltraItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-UltraItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-UltraItalic.ttf') format('truetype');
     font-weight: normal;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow Ultra';
     src: url('../fonts/GothamXNarrow-Ultra.eot');
     src: url('../fonts/GothamXNarrow-Ultra.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Ultra.woff') format('woff'),
         url('../fonts/GothamXNarrow-Ultra.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow Book';
     src: url('../fonts/GothamXNarrow-BookItalic.eot');
     src: url('../fonts/GothamXNarrow-BookItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-BookItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-BookItalic.ttf') format('truetype');
     font-weight: normal;
     font-style: italic;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-Medium.eot');
     src: url('../fonts/GothamXNarrow-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-Medium.woff') format('woff'),
         url('../fonts/GothamXNarrow-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap
 }
 
 @font-face {
     font-family: 'Gotham XNarrow';
     src: url('../fonts/GothamXNarrow-BlackItalic.eot');
     src: url('../fonts/GothamXNarrow-BlackItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GothamXNarrow-BlackItalic.woff') format('woff'),
         url('../fonts/GothamXNarrow-BlackItalic.ttf') format('truetype');
     font-weight: 900;
     font-style: italic;
     font-display: swap
 }
 
 
 /*Efek Kodları*/
 
 .efek-yukardan{animation-name:efek-yukardan;-webkit-animation-name:efek-yukardan;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}
 @keyframes efek-yukardan {
 0%{transform:translateY(-100%)}
 50%{transform:translateY(8%)}
 65%{transform:translateY(-4%)}
 80%{transform:translateY(4%)}
 95%{transform:translateY(-2%)}
 100%{transform:translateY(0%)}
 }
 @-webkit-keyframes efek-yukardan {
 0%{-webkit-transform:translateY(-100%)}
 50%{-webkit-transform:translateY(8%)}
 65%{-webkit-transform:translateY(-4%)}
 80%{-webkit-transform:translateY(4%)}
 95%{-webkit-transform:translateY(-2%)}
 100%{-webkit-transform:translateY(0%)}
 }
 .efek-asagidan{animation-name:asagidan;-webkit-animation-name:asagidan;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}
 @keyframes asagidan {
 0%{transform:translateY(100%)}
 50%{transform:translateY(-8%)}
 65%{transform:translateY(4%)}
 80%{transform:translateY(-4%)}
 95%{transform:translateY(2%)}
 100%{transform:translateY(0%)}
 }
 @-webkit-keyframes asagidan {
 0%{-webkit-transform:translateY(100%)}
 50%{-webkit-transform:translateY(-8%)}
 65%{-webkit-transform:translateY(4%)}
 80%{-webkit-transform:translateY(-4%)}
 95%{-webkit-transform:translateY(2%)}
 100%{-webkit-transform:translateY(0%)}
 }
 .efek-soldan{animation-name:soldan;-webkit-animation-name:soldan;animation-duration:1.3s;-webkit-animation-duration:1.3s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}
 @keyframes soldan {
 0%{transform:translateX(150%)}
 50%{transform:translateX(-8%)}
 65%{transform:translateX(4%)}
 80%{transform:translateX(-4%)}
 95%{transform:translateX(2%)}
 100%{transform:translateX(0%)}
 }
 @-webkit-keyframes soldan {
 0%{-webkit-transform:translateX(150%)}
 50%{-webkit-transform:translateX(-8%)}
 65%{-webkit-transform:translateX(4%)}
 80%{-webkit-transform:translateX(-4%)}
 95%{-webkit-transform:translateX(2%)}
 100%{-webkit-transform:translateX(0%)}
 }
 .efek-sagdan{animation-name:sagdan;-webkit-animation-name:sagdan;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}
 @keyframes sagdan {
 0%{transform:translateX(-150%)}
 50%{transform:translateX(8%)}
 65%{transform:translateX(-4%)}
 80%{transform:translateX(4%)}
 95%{transform:translateX(-2%)}
 100%{transform:translateX(0%)}
 }
 @-webkit-keyframes slideRight {
 0%{-webkit-transform:translateX(-150%)}
 50%{-webkit-transform:translateX(8%)}
 65%{-webkit-transform:translateX(-4%)}
 80%{-webkit-transform:translateX(4%)}
 95%{-webkit-transform:translateX(-2%)}
 100%{-webkit-transform:translateX(0%)}
 }
 
 
 

.btn:focus,
.nav-icon-toggle:focus,
.sidenav__menu-toggle:focus,
body {
    outline: 0
}

body,
html {
    overflow-x: hidden;
    font-family: gotham xnarrow, sans-serif!important
}

.btn,
body img {
    -moz-user-select: none;
    -ms-user-select: none
}

body {
    height: 100%;
    width: 100%
}

a {
    text-decoration: none
}

body {
    width: 100%
}

.btn,
h1,
h2,
h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

#back-to-top,
.btn,
.nav__menu>li>a,
.sidenav__menu-link,
a:focus,
a:hover {
    text-decoration: none
}

.clearfix:after,
.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.oh {
    overflow: hidden
}

.sidenav,
body {
    overflow-y: auto
}

.relative {
    position: relative
}

body,
ul {
    margin: 0;
    padding: 0
}

::-moz-selection {
    color: #fff;
    background: #ef1616
}

::-webkit-selection {
    color: #fff;
    background: #ef1616
}

::selection {
    color: #fff;
    background: #ef1616
}

a {
    color: #55a6ff
}

a:focus,
a:hover {
    color: #3a444d
}

body {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: -.2px;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    background: #f5f5f5;
    color: #49545e
}

.btn,
.entry,
.section-wrap {
    overflow: hidden
}

body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.btn {
    position: relative
}

.blues {
    color:#0174DF;
}
.content-img {
    padding-bottom:10px;
}

ul {
    list-style: none
}

h1,
h2,
h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #3a444d;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -1.2px
}

h1 {
    font-size: 35px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 24px
}

@media only screen and (max-width:575px) {
    h1 {
        font-size: 26px
    }
    h2 {
        font-size: 22px
    }
    h3 {
        font-size: 18px
    }
}

@media (max-width:640px) {
    h1 {
        font-size: 24px
    }
    h2 {
        font-size: 20px
    }
    h3 {
        font-size: 19px
    }
}

p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #49545e;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 10px
}

.text-center {
    text-align: center
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e1e5e6
}

.container {
    max-width: 1040px
}

.section-wrap {
    padding: 70px 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    .section-wrap {
        padding: 50px 0
    }
}

@media only screen and (max-width:575px) {
    .section-wrap {
        padding: 40px 0
    }
}

.flex-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}

.flex-child {
    -webkit-box-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.btn {
    text-align: center;
    border: 0;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #3a444d;
    background-color: #3a444d;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.btn:focus,
.btn:hover {
    color: #fff
}

.btn-sm {
    font-size: 11px;
    padding: 0 50px;
    line-height: 28px
}

.btn-color {
    background: #ffa513;
    background: -webkit-gradient(linear, left top, right top, from(#ffa513), to(#ffd91e));
    background: linear-gradient(to top, #ffa513 0, #ffd91e 100%);
    border: 1px solid #ffa300
}

.btn-color:hover {
    background: -webkit-gradient(linear, left top, right top, from(#ffd91e), to(#ffa513));
    background: linear-gradient(to top, #ffd91e 0, #ffa513 100%)
}

button {
    -webkit-appearance: button;
    cursor: pointer
}


/*! Flickity v2.1.0 https://flickity.metafizzy.co ---------------------------------------------- */

.widget-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.nav__menu>li>a:after {
    content: ''
}

.nav__menu>li>a {
    -webkit-transition: all .3s ease-in-out
}

.entry {
    position: relative
}

.entry__img-holder {
    position: relative;
    z-index: 1;
    overflow: hidden;
    float: left;
    margin: 0 20px 20px 0;
    width: 270px
}

.entry__img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.entry__img2 {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
	object-fit: cover;
}
.entry__header {
    margin-bottom: 14px
}

.widget-title {
    letter-spacing: .03em;
    text-transform: uppercase
}

.single-post__entry-header {
    margin-bottom: 10px
}

.single-post__entry-title {
    margin-top: -5px;
    margin-bottom: 12px
}

figure {
    margin: 0
}

.sidebar .widget:last-child {
    margin-bottom: 0
}

.widget-title {
    font-size: 14px;
    font-weight: 700
}

.widget-popular-posts__entry-title a {
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.widget-popular-posts__list>li {
    padding: 10px 0
}

.widget-popular-posts__list>li:first-child {
    padding-top: 0
}

.widget-popular-posts__list>li:last-child {
    border-bottom: 0
}

.widget-popular-posts__entry:before {
    content: "";
    float: left;
    margin-top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #ef1616
}

.widget-popular-posts__entry-title {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
    padding-left: 15px
}

.widget-popular-posts__entry-title a {
    font-size: 15px;
    letter-spacing: -.025em;
    color: #3a444d
}

.widget-popular-posts__entry-title a:hover {
    color: #007bff
}

.nav,
.nav__menu,
.nav__menu>li,
.nav__menu>li>a {
    position: relative
}

.nav__menu>li>a {
    text-transform: uppercase;
    letter-spacing: .06em
}

.nav__menu>li>a {
    font-size: 13px
}

.nav {
    min-height: 50px;
    height: auto!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 120;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.nav__holder {
    padding: 0;
    background: #34343e
}

@media only screen and (min-width:992px) {
    .nav {
        height: 50px
    }
}

.nav__menu {
    list-style: none
}

.nav__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__menu>li:hover a:after {
    width: 100%
}

.nav__menu>li>a {
    background-color: rgba(0, 0, 0, 0);
    transition: all .1s ease-in-out;
    color: #fff;
    font-weight: 600;
    padding: 0 20px;
    display: block;
    line-height: 50px
}

.nav__menu>li>a:hover {
    background-color: #f44336
}

@media only screen and (min-width:992px) {
    .nav__menu>li {
        display: inline-block;
        text-align: center
    }
}

header .flex-parent {
    background: #222229;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__wrap {
    padding-left: 0
}

header .flex-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.nav--align-right {
    margin-left: auto
}

.nav__right {
    line-height: 50px;
    margin-right: 20px
}

.content-overlay,
.sidenav {
    position: fixed;
    top: 0;
    bottom: 0
}

.sidenav {
    background-color: #041726;
    left: 0;
    width: 260px;
    z-index: 121;
    -webkit-transition: transform .4s cubic-bezier(.16, .36, 0, .98);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.16, .36, 0, .98);
    transition: -webkit-transform .4s cubic-bezier(.16, .36, 0, .98);
    transition: transform .4s cubic-bezier(.16, .36, 0, .98);
    transition: transform .4s cubic-bezier(.16, .36, 0, .98), -webkit-transform .4s cubic-bezier(.16, .36, 0, .98);
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px)
}

.sidenav--is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.main-container,
.nav__holder {
    -webkit-transition: transform .4s cubic-bezier(.16, .36, 0, .98);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.16, .36, 0, .98);
    transition: -webkit-transform .4s cubic-bezier(.16, .36, 0, .98);
    transition: transform .4s cubic-bezier(.16, .36, 0, .98);
    transition: transform .4s cubic-bezier(.16, .36, 0, .98), -webkit-transform .4s cubic-bezier(.16, .36, 0, .98)
}

.content-overlay {
    width: 100%;
    height: 100%;
    z-index: 120;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.16, .36, 0, .98);
    transition: .3s cubic-bezier(.16, .36, 0, .98);
    background-color: rgba(0, 0, 0, .8)
}

.main-container--is-pushed,
.nav__holder--is-pushed {
    -webkit-transform: translateX(260px);
    transform: translateX(260px)
}

.content-overlay {
    width: 100%;
    height: 100%;
    z-index: 120;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.16, .36, 0, .98);
    transition: .3s cubic-bezier(.16, .36, 0, .98);
    background-color: rgba(0, 0, 0, .8)
}

.content-overlay--is-visible {
    opacity: 1;
    visibility: visible
}

.nav-icon-toggle {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .15s linear;
    transition: .15s linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.copyright,
.sidenav__menu-link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media only screen and (min-width:768px) {
    .nav-icon-toggle {
        display: none
    }
}

.nav-icon-toggle__box {
    width: 18px;
    height: 20px;
    position: relative;
    display: block
}

.nav-icon-toggle__inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.nav-icon-toggle__inner,
.nav-icon-toggle__inner:after,
.nav-icon-toggle__inner:before {
    width: 18px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.nav-icon-toggle__inner:after,
.nav-icon-toggle__inner:before {
    content: "";
    display: block
}

.nav-icon-toggle__inner:before {
    top: -6px;
    -webkit-transition: top .2s .2s ease-in, opacity .1s ease-in;
    transition: top .2s .2s ease-in, opacity .1s ease-in
}

.nav-icon-toggle__inner:after {
    bottom: -6px;
    -webkit-transition: bottom .2s .2s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .2s .2s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .2s .2s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .2s .2s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .2s .2s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.nav-icon-toggle--is-open .nav-icon-toggle__inner {
    -webkit-transition: .5s cubic-bezier(.215, .61, .355, 1);
    transition: .5s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.nav-icon-toggle--is-open .nav-icon-toggle__inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.nav-icon-toggle--is-open .nav-icon-toggle__inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.sidenav__menu,
.sidenav__menu ul {
    list-style: none;
    padding: 0
}

.sidenav__menu li {
    position: relative;
    border-bottom: 1px solid #182835;
    font-size: 14px
}

.sidenav__menu li:last-child {
    border-bottom: 0
}

.sidenav__menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 0;
    width: 46px;
    height: 46px;
    text-align: center
}

.sidenav__menu--is-open>a {
    background-color: #002b4d;
    color: #fff
}

.sidenav__menu--is-open>a:hover {
    color: #fff
}

.sidenav__menu--is-open>.sidenav__menu-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff
}

.sidenav__menu--is-open>.sidenav__menu-toggle:hover {
    color: #fff
}

.sidenav__menu-link {
    width: 100%;
    display: block;
    color: #fefefe;
    padding: 12px 16px;
    font-size: 15px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

#back-to-top:hover i,
.sidenav__menu-link:hover {
    color: #fff
}

.sidenav__menu-title {
    background-color: #002b4d
}

#back-to-top {
    cursor: pointer;
    display: block;
    z-index: 100;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 12px;
    position: fixed;
    bottom: -34px;
    right: 20px;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #e1e5e6;
    -webkit-box-shadow: 1px 1.73px 12px 0 rgba(0, 0, 0, .03);
    box-shadow: 1px 1.73px 12px 0 rgba(0, 0, 0, .03);
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#back-to-top i {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#back-to-top.show {
    bottom: 65px
}

#back-to-top:hover {
    background-color: #ef1616;
    border-color: transparent
}

@media only screen and (max-width:991px) {
    .nav__wrap {
        text-align: left
    }
}

.site-title {
    text-align: center
}

.footer {
    background-color: #002b4d;
    margin-bottom: 37px
}

.copyright {
    color: #9aa3ab
}

.footer__bottom {
    padding: 32px 0;
    background-color: #041726
}

.copyright {
    font-size: 13px
}

.mb-30 {
    margin-bottom: 30px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.site-content {
    max-width: 1040px;
    margin: 0 auto;
    margin-top: 35px
}

.site-title {
    display: none;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    font-weight: 500
}

table {
    width: 100%;
    margin-bottom: 30px
}

.sidebar .widget {
    border: 1px solid #eee;
    margin-bottom: 20px;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .05);
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #fff 0, #fbfbfb 100%);
    background: linear-gradient(to bottom, #fff 0, #fbfbfb 100%)
}

.widget-title {
    background-color: #222229;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-left: 4px solid #ef1616
}

.widget-popular-posts__list>li {
    margin: 0 20px;
    border-bottom: 1px solid #eee
}

.container {
    padding-left: 0;
    padding-right: 0
}

.entry {
    background-color: #fff;
    padding: 20px
}

.sidebar--left {
    padding-right: 5px
}

@media only screen and (max-width:767px) {
    .mobile-hidden {
        display: none
    }
    .site-title {
        display: block
    }
    .entry__img-holder {
        width: 155px;
        margin: 0 15px 15pxpx 0
    }
    .nav__holder {
        padding-left: 20px;
        padding-right: 20px
    }
    .nav__left,
    .nav__right {
        display: none
    }
    header .flex-parent {
        height: 50px;
        margin-top: 0
    }
    .nav__holder {
        background-color: #222229
    }
    .logo img {
        display: none
    }
    #back-to-top.show {
        bottom: 100px
    }
}

body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 468px
}

.plans {
    width: 100%;
    margin-top: 10px
}

.plan {
    float: left;
    width: 30%;
    margin: 20px 2px;
    padding: 15px 25px;
    text-align: center;
    background: #fff;
    background-clip: padding-box;
    border-color: rgba(black, .1);
    border-radius: 5px;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important
}

.plan-title {
    margin-bottom: 12px;
    font-size: 24px;
    color: #007ca2
}

.plan-price {
    margin-bottom: 20px;
    line-height: 1;
    font-size: 28px;
    font-weight: 700;
    color: #d03a2f
}

.plan-unit {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #565656
}

.plan-features {
    width: 120px;
    margin: 20px auto 15px;
    padding: 15px 0 0 15px;
    border-top: 1px solid #e5ded6;
    text-align: left
}

.plan-feature-name {
    font-size: 14px;
    font-weight: 700;
    color: #565656;
    text-align: center
}

.plan-highlight {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 38%;
    border: 4px solid #0056b3
}

.plan-recommended {
    width: 160px;
    margin: -15px auto 15px;
    padding-bottom: 2px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #0056b3;
    border-radius: 0 0 4px 4px
}

table.tablesorter {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    text-align: left;
    font-size: 12px;
    border: 0;
    border-collapse: separate;
    border-spacing: 0 10px
}

table.tablesorter tbody tr {
    background: #fff;
    -moz-box-shadow: 0 0 21px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, .12);
    -o-box-shadow: 0 0 21px rgba(0, 0, 0, .12);
    box-shadow: 0 0 21px rgba(0, 0, 0, .12)
}

table.tablesorter tr th {
    background-repeat: no-repeat;
    background-position: right center;
    outline: 0;
    line-height: 2em;
    font-size: 14px;
    color: #2b2b2b;
    background-color: #b9b9b9;
    text-align: center;
    white-space: nowrap;
    padding: 12px;
    font-weight: 600;
    width: auto
}

table.tablesorter tr td:nth-child(1) {
    padding-right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

table.tablesorter tr td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

table.tablesorter tr th {
    border: 0!important;
    padding: 5px
}

table.tablesorter tr th:nth-child(1) {
    width: 15%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

table.tablesorter tr th:nth-child(2) {
    width: 14%
}

table.tablesorter tr th:nth-child(3) {
    width: 22%
}

table.tablesorter tr th:nth-child(4) {
    width: 25%;
    text-align: center
}

table.tablesorter tr th:last-child {
    max-width: 220px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

table.tablesorter tr td {
    text-align: center;
    padding: 0 25px
}

table.tablesorter tr td>img {
    max-width: 90%;
    object-fit: contain
}

table.tablesorter tr .sortless {
    background-image: none;
    cursor: default
}

table.tablesorter tbody {
    border: none
}

table.tablesorter tr {
    border-radius: 6px;
    transition: all .2s ease-in-out
}

table.tablesorter .btn-casino-review {
    font-size: 14px
}

table.tablesorter tr td:first-child .circled-rating {
    display: none
}

table.tablesorter tr td:nth-child(2) {
    padding: 20px 0
}

table.tablesorter tr td:last-child {
    padding: 0 20px 0
}

table.tablesorter tr td>ul.checklist {
    margin: 20px 10px 0;
    padding-bottom: 0
}

table.tablesorter td span.bonus-text {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    display: inline-block
}

table.tablesorter .btn-casino-review {
    margin: 0;
    display: inline
}

table.tablesorter td span.bonus-text .text-grey {
    color: #af0e02;
    font-size: 14px;
    font-weight: 600
}

table.tablesorter tr td>ul.checklist {
    margin: 0 10px
}

.circled-rating {
    position: relative;
    width: 42px;
    display: block;
    font-size: 14px;
    line-height: 42px;
    margin: 5px auto;
    font-weight: 700;
    text-align: center;
    color: #36b321;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/circled.svg)
}

.circled-rating small {
    font-size: 10px;
    vertical-align: middle;
    font-weight: 400
}

.hor-dot {
    border: .5px dashed #dadada;
    margin: 15px
}

table.tablesorter tr td.cl-4 {
    padding: 0
}

ul.checklist li {
    list-style-type: none!important;
    padding-left: 22px;
    text-align: left;
    background-position: left 5px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-image: url(../img/check.svg);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 2px
}

.btn-green {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 54px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    -o-border-radius: 27px;
    border-radius: 27px;
    font-weight: 700;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    background-image: -moz-linear-gradient(left, #5aec51, #41be15);
    background-image: -webkit-linear-gradient(left, #5aec51, #41be15);
    background-image: -o-linear-gradient(left, #5aec51, #41be15);
    background-image: -ms-linear-gradient(left, #5aec51, #41be15);
    background-image: linear-gradient(to right, #5aec51, #41be15);
    white-space: nowrap;
    padding: 0 3em;
    transition: .5s ease
}

.btn-green:hover {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(to right, #5aec51, #5aec51);
    transform: scale(.9)
}

table.tablesorter tr:hover {
    transform: scale(1.03)
}

table.tablesorter thead tr:hover {
    transform: none
}

.btn-casino-review {
    color: #9f9f9f;
    font-weight: 500;
    font-size: 14px;
    margin: 15px 0 0;
    line-height: 1.3em;
    padding-left: 19px;
    display: inline-block;
    background-size: contain;
    background: url(../img/info.svg) no-repeat
}

.nav__holder img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.logo {
    width: 100%;
    height: auto
}

.logo a {
    margin: auto 0
}

.col-md-6 a {
    width: 100%;
    display: flex
}

.col-md-6 a img {
    width: 100%
}

.mh-container a {
    color: #fff;
    letter-spacing: normal
}

@media (min-width:1024px) {
    .hor-dot {
        display: none
    }
    .cl-3 .btn-casino-review {
        display: none!important
    }
}

@media screen and (min-width:1024px) {
    .tablesorter .cl-1 {
        border-top: solid 1px #e0dfdf!important;
        border-left: solid 1px #e0dfdf!important;
        border-bottom: solid 1px #e0dfdf!important
    }
    .tablesorter .cl-2 {
        border-top: solid 1px #e0dfdf!important;
        border-bottom: solid 1px #e0dfdf!important
    }
    table.tablesorter tr.gold td:nth-child(1) {
        display: table-cell
    }
    .tablesorter .cl-3 {
        border-top: solid 1px #e0dfdf!important;
        border-bottom: solid 1px #e0dfdf!important;
        padding: 0 15px
    }
    .tablesorter .cl-4 {
        border-top: solid 1px #e0dfdf!important;
        border-bottom: solid 1px #e0dfdf!important
    }
    .tablesorter .cl-5 {
        border-top: solid 1px #e0dfdf!important;
        border-bottom: solid 1px #e0dfdf!important
    }
}

@media (max-width:1023px) {
    table.tablesorter tr td:nth-child(1) {
        display: table;
        margin: 0 auto;
        text-align: center
    }
    table.tablesorter tr td>ul.checklist {
        display: table;
        margin: 10px auto
    }
}

@media (max-width:980px) {
    table.tablesorter tr {
        margin-bottom: 20px;
        padding: 20px 15px 8px;
        background-size: 40px!important;
        position: relative
    }
    table.tablesorter td,
    table.tablesorter tr {
        display: block
    }
    table.tablesorter tr>td {
        border-left: none;
        border-right: none;
        padding: 0;
        clear: both
    }
    table.tablesorter tr td>img {
        max-width: 100px;
        float: left;
        max-height: 40px
    }
    table.tablesorter tr td:first-child .circled-rating {
        display: inline-block
    }
    .circled-rating {
        float: left;
        margin: -5px 10px;
        font-size: 16px;
        width: 32px;
        padding-top: 3px;
        line-height: 32px;
        background-size: contain
    }
    .circled-rating small {
        font-size: 9px
    }
    table.tablesorter tr td:nth-child(2),
    table.tablesorter tr th:nth-child(2) {
        display: none
    }
    table.tablesorter tr>td:nth-child(2),
    table.tablesorter tr>td:nth-child(3) {
        border-left: none;
        border-right: none
    }
    table.tablesorter tr td:nth-child(3) {
        text-align: center
    }
    table.tablesorter tr td:last-child {
        border-bottom: none;
        padding: 0
    }
    .btn-green {
        padding: 0;
        display: inline-block;
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
        line-height: 44px;
        padding: 0 25px
    }
    table.tablesorter thead {
        display: none
    }
}

@media (max-width:768px) {
    .nav {
        margin-top: 35px
    }
    .sidenav {
        margin-top: 70px
    }
    .logo {
        background: 0 0;
        width: 100%;
        height: auto
    }
    .mt-3 {
        padding: 0 15px
    }
    .plan {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 25px;
        text-align: center;
        background: #fff;
        background-clip: padding-box;
        border-color: rgba(black, .1);
        border-radius: 5px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
        width: 80%
    }
    .entry__img {
        height:195px;
        object-fit: cover;
    }
}

@media (max-width:469px) {
    .entry__img {
        height:120px;
    }
}