@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../fonts/fa-brands-400.eot");
    src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }
  
  .fab {
    font-family: 'Font Awesome 5 Brands';
font-size:24px; }
    .fa-twitter:before {
        content: "\f099"; }
        .fa-youtube:before {
            content: "\f167"; }
            .fa-instagram:before {
                content: "\f16d"; }
/*!
 * 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

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


a {
    text-decoration: none
}

body {
    width: 100%;
    display:flex;
    flex-direction: column;
    min-height: 100vh;
}

.btn,
h1,
h2,
h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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
}

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

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

a {
    color: #518335
}

a:focus,
a:hover {
    color: #fff
}

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

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

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

.btn {
    position: relative
}

ul {
    list-style: none
}

h1,
h2,
h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
    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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    color: #9ea4a7;
    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;
    font-family: gotham xnarrow, sans-serif;
}

.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: #fff;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .1);
            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;
    -moz-user-select: none;
     -ms-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 bottom, left top, color-stop(0, #ffa513), to(#ffd91e));
    background: linear-gradient(to top, #ffa513 0, #ffd91e 100%);
    border: 1px solid #ffa300
}

.btn-color:hover {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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;
	display: flex;
}

.entry__img-main {
    position: relative;
    z-index: 1;
    overflow: hidden;
    float: left;
    margin: 0 20px 20px 0;
    width: 100%;
	display:flex;
	justify-content:center;
}

.strongcenter {
	width:100%;
	text-align:center;
	padding:5px 0;
}

.entry__img {
    width: 100%;
    height: auto;
    border-radius: 2px 2px 0 0;
    display: block;
}
.entry__img2 {
    width: 460px;
    height: auto;
    border-radius: 2px 2px 0 0;
    display: block;
	height:250px;
	object-fit: cover;
}

.entry__header {
    margin-bottom: 14px
}

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

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

.contact-header {
    margin-bottom:35px;
}

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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: #fff
}

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

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

.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;
}

@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;
    justify-content: center;
}

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

.nav__menu>li>a {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #fff;
    font-weight: 600;
    padding: 0 20px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 13px
}

.nav__menu>li>a:hover {
    color:#f4c300;
}

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

header .flex-parent {
    -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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 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 {
    color: #000;
    -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: #236101;
    border-color: transparent
}

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

.site-title {
    text-align: center
}

.footer {
    margin-bottom: 52px;
    position: relative;
    margin-top:auto;
}

.copyright {
    color: #9aa3ab
}

.footer__bottom {
    padding: 32px 0;
}

.copyright {
    font-size: 13px;
    padding: 0 18px;
}

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

.pt-20 {
    padding-top: 0
}

.ptt-20 {
    padding-top: 35px;
    text-align: center;
}

.social-media {
    display: flex;
    justify-content: center;
    width: 100%;
}

.social-media li {
    margin:0 15px;
}

.yvideo {
    float:left;
    width:100%;
    text-align: center;
}


.pb-20 {
    padding-bottom: 20px;
    position: relative;
    border-bottom:1px solid #707070;
}

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

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

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

.sidebar .widget {
    border: 1px solid #eee;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .05);
            box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .05);
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#fbfbfb));
    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 {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    padding: 20px
}

.sidebar--left {
    padding-right: 5px
}
@media (max-width:768px) {
    .nav {
        margin-top: 45px;
    }

    .yvideo iframe {
        width:55%;
        height:212px;
    }

    .sidenav {
        margin-top: 36px
    }
    .logo {
        background: 0 0;
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .mt-3 {
        padding: 0 15px
    }
    .mh-container a {
		font-size:14px;
    }
    .site-content {
        width:100%;
    }
}

@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: #000;
		border-bottom:2px solid #236101
    }
    #back-to-top.show {
        bottom: 100px
    }
    .yvideo iframe {
        width:100%;
        height:100%;
    }
    .yvideo {
        width:100%;
    }
    .entry__img2 {
        height:150px;
    }
    .site-content {
        margin-top:0
    }
}

.yvideo iframe {
    border:0;
}

body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
     -ms-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;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
            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;
    font-family: gotham xnarrow, sans-serif;
    table-layout: fixed;
}

table.tablesorter tbody tr {
    background: #fff;
    -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: #fff;
    background-color: #236101;
    text-align: center;
    white-space: nowrap;
    padding: 12px;
    font-weight: 600;
    width: auto
}

table.tablesorter tr td:nth-child(1) {
    padding: 6px;
    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: 16%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

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

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

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

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

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

table.tablesorter tr td>img {
    max-width:100%;
    -o-object-fit: cover;
       object-fit: cover
}

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

table.tablesorter tbody {
    border: none
}

table.tablesorter tr {
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    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;
}

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 0 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: 600;
    line-height: 1.7em;
    margin: 0 2px;
    color: rgb(0, 0, 0);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

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

.btn-green:hover {
    text-decoration: none;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#3fab041), to(#236101));
    background: linear-gradient(to right, #3fab04, #236101);
    -webkit-transform: scale(.9);
            transform: scale(.9)
}

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

table.tablesorter thead tr:hover {
    -webkit-transform: none;
            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
}

.btn-casino-review:hover {
    color:#3a444d
}

.nav__holder img {
    width: 100%;
    height: 100%;
}

.logo {
    width: 100%;
    height: 100px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.logo a {
    margin: auto 0;
    width: 180px;
    height: auto;
    display: block;
    margin-left: 20px;
}

.col-md-6 a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.mh-container a {
    color: #fff;
    font-weight: 600;
}

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

@media screen and (min-width:1024px) {
    table.tablesorter tr.gold td:nth-child(1) {
        display: table-cell
    }
    .tablesorter .cl-3 {
        padding: 0 15px
    }
}

@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) {
    .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;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
        width: 80%
    }
}

.background {
    background:radial-gradient(circle closest-side, #484848, #000);
    background-size:cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.nav__menu>li>a span {
    position: relative;
    z-index: 1;
}

.image-effect:before,
.image-effect:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%
}

.image-effect:before,
.image-effect:after {
    border-radius: 2px;
    border: 1px solid transparent;
    width: 0;
    height: 0
}

.image-effect:before {
    top: 0;
    left: 0
}

.image-effect:after {
    bottom: 0;
    right: 0
}

.image-effect:hover:before,
.image-effect:hover::after {
    width: 100%;
    height: 100%
}

.image-effect:hover:before {
    border-top-color: #518335;
    border-right-color: #518335;
    -webkit-transition: width .1s ease-out, height .1s ease-out .1s;
    transition: width .1s ease-out, height .1s ease-out .1s;
}

.image-effect:hover:after {
    border-bottom-color: #518335;
    border-left-color: #518335;
    -webkit-transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s;
    transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s
}

.image-effect {
    position: relative;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
            box-shadow: inset 0 0 0 1px #fff;
}

tr:first-child td:after, tr:first-child td:after {
    border: none !important; 
}

.nav__menu {
    height: 1.4rem;
    overflow: hidden;
    display: flex;
  }
  
  .nav__menu a {
    position: relative;
    margin: 0 auto;
    height: 1.5em;
    padding: 0 1em;
    overflow: hidden;
    cursor: pointer;
  }
  
  .nav__menu span {
    position: relative;
    display: inline-block;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    color: #fff;
  }
  
  .nav__menu a:hover span {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  
  
  .nav__menu span::before {
    position: absolute;
    bottom: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #fff;
  }

  @media screen and (min-width: 1190px) {
    .flex-child .nav__menu:before,
    .flex-child .nav__menu:after {
      content: '';
      width: 20px;
      background: #518335;
      height: 2px;
      display: inline-block;
      position: absolute;
      top: 10px;
      width: 25%;
    }
    .flex-child .nav__menu:before {
      right: -webkit-calc(100% - 36.4%);
      right: -moz-calc(100% - 36.4%);
      /* vendor prefix for FF 4 */
      right: calc(100% - 36.4%);
      background: #518335;
      /* Old browsers */
      background: -webkit-linear-gradient(right, rgba(81, 131, 53, 0) 0%, #518335 100%);
      background: -o-linear-gradient(right, rgba(81, 131, 53, 0) 0%, #518335 100%);
      background: linear-gradient(to right, rgba(81, 131, 53, 0) 0%, #518335 100%);
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' rgba(81, 131, 53, 0)', endColorstr='#518335', GradientType=1);
      /* IE6-9 */
    }
    .flex-child .nav__menu:after {
      left: -webkit-calc(100% - 36.4%);
      left: -moz-calc(100% - 36.4%);
      /* vendor prefix for FF 4 */
      left: calc(100% - 36.4%);
      background: #518335;
      /* Old browsers */
      background: -webkit-linear-gradient(left, rgba(81, 131, 53, 0) 0%, #518335 100%);
      background: -o-linear-gradient(left, rgba(81, 131, 53, 0) 0%, #518335 100%);
      background: linear-gradient(to left, rgba(81, 131, 53, 0) 0%, #518335 100%);
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' rgba(81, 131, 53, 0)', endColorstr='#518335', GradientType=1);
      /* IE6-9 */
    }
    .flex-child .nav__menu:before,
    .flex-child .nav__menu:after {
      animation: fade-in 1.2s cubic-bezier(0.01, 0.01, 0.88, 0.92);
    }
  }
  @media screen and (min-width: 1234px) {
    .flex-child .nav__menu:before,
    .flex-child .nav__menu:after {
      width: 20%;
    }
  }
  @media screen and (min-width: 1190px) {
    .flex-child .nav__menu li:before,
    .flex-child .nav__menu li:after {
      content: '';
      width: 20px;
      background: #518335;
      height: 2px;
      display: inline-block;
      position: absolute;
      top: 10px;
      animation: fade-in 1.2s cubic-bezier(0.01, 0.01, 0.88, 0.92);
    }
    .flex-child .nav__menu li:first-child:before,
    .flex-child .nav__menu li:last-child:before,
    .flex-child .nav__menu li:first-child:after,
    .flex-child .nav__menu li:last-child:after {
      content: none;
    }
  }
  .nav__menu > li:after {
    right: -9px;
  }
  .nav__menu > li:before {
    left: -9px;
  }