@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext');



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

input,

select,

textarea,

button,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block

}



body {

    line-height: 1

}



blockquote,

q {

    quotes: none

}



blockquote::before,

blockquote::after,

q::before,

q::after {

    content: '';

    content: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



ul {

    list-style: none

}



a {

    text-decoration: none;

    color: #444

}



img {

    border: 0

}



:focus,

a:focus,

a:active,

a:hover {

    outline: 0

}



::-webkit-input-placeholder {

    color: #999

}



:-moz-placeholder {

    color: #999

}



::-moz-placeholder {

    color: #999

}



:-ms-input-placeholder {

    color: #999

}



input,

select,

textarea,

button,

label {

    border-radius: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



input::-ms-clear,

select::-ms-clear,

textarea::-ms-clear,

button::-ms-clear,

label::-ms-clear {

    display: none

}



input:focus::-webkit-contacts-auto-fill-button {

    opacity: 0

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none

}



h1 {

    font-size: 2em

}



h2 {

    font-size: 1.5em

}



h3 {

    font-size: 1.17em

}



h4 {

    font-size: 1em

}



h5 {

    font-size: 0.83em

}



h6 {

    font-size: 0.67em

}



@font-face {

    font-family: "lato-light";

    src: url("../font/lato-light.woff2") format("woff2"), url("../font/lato-light.woff") format("woff"), url("../font/lato-light.ttf") format("truetype")

}



@font-face {



    src: url("../font/lato-regular.woff2") format("woff2"), url("../font/lato-regular.woff") format("woff"), url("../font/lato-regular.ttf") format("truetype")

}



@font-face {

    font-family: "lato-bold";

    src: url("../font/lato-bold.woff2") format("woff2"), url("../font/lato-bold.woff") format("woff"), url("../font/lato-bold.ttf") format("truetype")

}



@font-face {

    font-family: "lato-black";

    src: url("../font/lato-black.woff2") format("woff2"), url("../font/lato-black.woff") format("woff"), url("../font/lato-black.ttf") format("truetype")

}



@font-face {

    font-family: "sanchez-regular";

    src: url("../font/sanchez-regular.woff2") format("woff2"), url("../font/sanchez-regular.woff") format("woff"), url("../font/sanchez-regular.ttf") format("truetype")

}



@font-face {

    font-family: "sanchez-italic";

    src: url("../font/sanchez-italic.woff2") format("woff2"), url("../font/sanchez-italic.woff") format("woff"), url("../font/sanchez-italic.ttf") format("truetype")

}



html,

body,

[canvas=container],

[off-canvas] {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



html,

body {

    width: 100%;

    overflow-x: hidden

}



[canvas] {

    z-index: 1

}



[canvas=container] {

    width: 100%;

    height: 100%;

    overflow-y: auto;

    position: relative;

    background-color: transparent;

    -webkit-overflow-scrolling: touch

}



[canvas=container]:before,

[canvas=container]:after {

    clear: both;

    content: '';

    display: table

}



[off-canvas] {

    display: none;

    position: fixed;

    overflow: hidden;

    overflow-y: auto;

    background-color: black;

    color: white;

    -webkit-overflow-scrolling: touch

}



[off-canvas*=top] {

    width: 100%;

    height: 255px;

    top: 0

}



[off-canvas*=right] {

    width: 255px;

    height: 100%;

    top: 0;

    right: 0

}



[off-canvas*=bottom] {

    width: 100%;

    height: 255px;

    bottom: 0

}



[off-canvas*=left] {

    width: 255px;

    height: 100%;

    top: 0;

    left: 0

}



[off-canvas*=reveal] {

    z-index: 0

}



[off-canvas*=push] {

    z-index: 1

}



[off-canvas*=overlay] {

    z-index: 9999

}



[off-canvas*=shift] {

    z-index: 0

}



[canvas],

[off-canvas] {

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition: -webkit-transform 500ms;

    transition: transform 500ms;

    -webkit-backface-visibility: hidden

}



[off-canvas*=shift][off-canvas*=top] {

    -webkit-transform: translate(0px, 50%);

    transform: translate(0px, 50%)

}



[off-canvas*=shift][off-canvas*=right] {

    -webkit-transform: translate(-50%, 0px);

    transform: translate(-50%, 0px)

}



[off-canvas*=shift][off-canvas*=bottom] {

    -webkit-transform: translate(0px, -50%);

    transform: translate(0px, -50%)

}



[off-canvas*=shift][off-canvas*=left] {

    -webkit-transform: translate(50%, 0px);

    transform: translate(50%, 0px)

}



html {

    font-size: 16px;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    text-size-adjust: 100%

}



body {

    font-family: "sanchez-regular";

    color: #444

}



.globalWidth {

    width: 1000px;

    margin: 0 auto

}



.scrollTop {

    width: 1em;

    height: 1em;

    background: #9DC82A;

    position: fixed;

    border-radius: 50%;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    font-size: 50px;

    bottom: -50px;

    right: calc((100% - 1000px) / 2 - 60px);

    z-index: 999;

    opacity: 0;

    -webkit-transition: background-color 0.25s, opacity 0.5s, bottom 0.5s, box-shadow 0.3s;

    transition: background-color 0.25s, opacity 0.5s, bottom 0.5s, box-shadow 0.3s

}



.scrollTop.visible {

    bottom: 20px;

    visibility: visible;

    opacity: 1

}



.scrollTop:hover {

    background: #10ac84;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4)

}



.scrollTop::before {

    width: 1em;

    height: 1em;

    margin-top: 5px;

    border: 2px solid;

    border-color: #fff #fff transparent transparent;

    font-size: 10px;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);

    transform: translate(-50%, -50%) rotate(-45deg)

}



.s-list,

h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin-bottom: 15px;

    color: #444

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "lato-bold"

}



h1 {

    font-size: 1.75rem;

    line-height: 2.125rem

}



h2 {

    font-size: 1.625rem;

    line-height: 2rem

}



h3 {

    font-size: 1.5rem;

    line-height: 1.875rem

}



h4 {

    font-size: 1.375rem;

    line-height: 1.75rem

}



h5 {

    font-size: 1.25rem;

    line-height: 1.625rem

}



h6 {

    font-size: 1.125rem;

    line-height: 1.5rem

}



.s-list li,

p {

    font-size: 1rem;

    line-height: 1.375rem

}



@media screen and (min-width: 480px) {

    .hidden-xs-up {

        display: none !important

    }

}



@media screen and (max-width: 479px) {

    .hidden-xs-down {

        display: none !important

    }

}



@media screen and (min-width: 568px) {

    .hidden-sm-up {

        display: none !important

    }

}



@media screen and (max-width: 567px) {

    .hidden-sm-down {

        display: none !important

    }

}



@media screen and (min-width: 768px) {

    .hidden-md-up {

        display: none !important

    }

}



@media screen and (max-width: 767px) {

    .hidden-md-down {

        display: none !important

    }

}



@media screen and (min-width: 1024px) {

    .hidden-lg-up {

        display: none !important

    }

}



@media screen and (max-width: 1023px) {

    .hidden-lg-down {

        display: none !important

    }

}



@media screen and (min-width: 1000px) {

    .hidden-xl-up {

        display: none !important

    }

}



@media screen and (max-width: 999px) {

    .hidden-xl-down {

        display: none !important

    }

}



.hide {

    display: none

}



.wrap {

    width: 100%;

    font-size: 20px

}



@media screen and (max-width: 1000px) {

    .wrap {

        width: 100%

    }

}



@media screen and (min-width: 480px) {

    .wrap {

        font-size: 20px

    }

}



@media screen and (min-width: 768px) {

    .wrap {

        font-size: 20px

    }

}



@media screen and (min-width: 1000px) {

    .wrap {

        font-size: 20px

    }

}



.row {

    margin-left: -.5em;

    margin-right: -.5em;

    box-sizing: border-box;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.row.no-gutter {

    margin-left: 0;

    margin-right: 0

}



.row.bottom-gutter {

    margin-top: -1em

}



.row [class*="col-"] {

    padding-right: .5em;

    padding-left: .5em;

    box-sizing: border-box

}



.row [class*="col-"].no-gutter {

    padding: 0 !important

}



.row [class*="col-"].bottom-gutter {

    padding-top: 1em

}



.col-xs-1 {

    max-width: 8.33333%;

    -ms-flex-preferred-size: 8.33333%;

    flex-basis: 8.33333%

}



.col-xs-2 {

    max-width: 16.66667%;

    -ms-flex-preferred-size: 16.66667%;

    flex-basis: 16.66667%

}



.col-xs-3 {

    max-width: 25%;

    -ms-flex-preferred-size: 25%;

    flex-basis: 25%

}



.col-xs-4 {

    max-width: 33.33333%;

    -ms-flex-preferred-size: 33.33333%;

    flex-basis: 33.33333%

}



.col-xs-5 {

    max-width: 41.66667%;

    -ms-flex-preferred-size: 41.66667%;

    flex-basis: 41.66667%

}



.col-xs-6 {

    max-width: 50%;

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%

}



.col-xs-7 {

    max-width: 58.33333%;

    -ms-flex-preferred-size: 58.33333%;

    flex-basis: 58.33333%

}



.col-xs-8 {

    max-width: 66.66667%;

    -ms-flex-preferred-size: 66.66667%;

    flex-basis: 66.66667%

}



.col-xs-9 {

    max-width: 75%;

    -ms-flex-preferred-size: 75%;

    flex-basis: 75%

}



.col-xs-10 {

    max-width: 83.33333%;

    -ms-flex-preferred-size: 83.33333%;

    flex-basis: 83.33333%

}



.col-xs-11 {

    max-width: 91.66667%;

    -ms-flex-preferred-size: 91.66667%;

    flex-basis: 91.66667%

}



.col-xs-12 {

    max-width: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%

}



.col-xs-pull {

    margin-right: auto

}



.col-xs-push {

    margin-left: auto

}



.col-xs-first {

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -moz-order: -1;

    -ms-flex-order: -1;

    order: -1

}



.col-xs-default {

    -webkit-box-ordinal-group: 1;

    -webkit-order: 0;

    -moz-order: 0;

    -ms-flex-order: 0;

    order: 0

}



.col-xs-last {

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

    -moz-order: 2;

    -ms-flex-order: 2;

    order: 2

}



.col-xs-auto {

    max-width: 87%;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-preferred-size: 0;

    flex-basis: 0

}



.row-xs-normal {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row

}



.row-xs-reverse {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse

}



.row-xs-start {

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.row-xs-center {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.row-xs-end {

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.row-xs-between {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.row-xs-around {

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.row-xs-top {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.row-xs-mid {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.row-xs-bot {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



@media screen and (min-width: 480px) {

    .col-sm-1 {

        max-width: 8.33333%;

        -ms-flex-preferred-size: 8.33333%;

        flex-basis: 8.33333%

    }

    .col-sm-2 {

        max-width: 16.66667%;

        -ms-flex-preferred-size: 16.66667%;

        flex-basis: 16.66667%

    }

    .col-sm-3 {

        max-width: 25%;

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%

    }

    .col-sm-4 {

        max-width: 33.33333%;

        -ms-flex-preferred-size: 33.33333%;

        flex-basis: 33.33333%

    }

    .col-sm-5 {

        max-width: 41.66667%;

        -ms-flex-preferred-size: 41.66667%;

        flex-basis: 41.66667%

    }

    .col-sm-6 {

        max-width: 50%;

        -ms-flex-preferred-size: 50%;

        flex-basis: 50%

    }

    .col-sm-7 {

        max-width: 58.33333%;

        -ms-flex-preferred-size: 58.33333%;

        flex-basis: 58.33333%

    }

    .col-sm-8 {

        max-width: 66.66667%;

        -ms-flex-preferred-size: 66.66667%;

        flex-basis: 66.66667%

    }

    .col-sm-9 {

        max-width: 75%;

        -ms-flex-preferred-size: 75%;

        flex-basis: 75%

    }

    .col-sm-10 {

        max-width: 83.33333%;

        -ms-flex-preferred-size: 83.33333%;

        flex-basis: 83.33333%

    }

    .col-sm-11 {

        max-width: 91.66667%;

        -ms-flex-preferred-size: 91.66667%;

        flex-basis: 91.66667%

    }

    .col-sm-12 {

        max-width: 100%;

        -ms-flex-preferred-size: 100%;

        flex-basis: 100%

    }

    .col-sm-pull {

        margin-right: auto

    }

    .col-sm-push {

        margin-left: auto

    }

    .col-sm-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -moz-order: -1;

        -ms-flex-order: -1;

        order: -1

    }

    .col-sm-default {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -moz-order: 0;

        -ms-flex-order: 0;

        order: 0

    }

    .col-sm-last {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -moz-order: 2;

        -ms-flex-order: 2;

        order: 2

    }

    .col-sm-auto {

        max-width: 100%;

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        -webkit-box-flex: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        -ms-flex-preferred-size: 0;

        flex-basis: 0

    }

    .row-sm-normal {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row

    }

    .row-sm-reverse {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse

    }

    .row-sm-start {

        -webkit-box-pack: start;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

    .row-sm-center {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .row-sm-end {

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }

    .row-sm-between {

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between

    }

    .row-sm-around {

        -webkit-justify-content: space-around;

        -ms-flex-pack: distribute;

        justify-content: space-around

    }

    .row-sm-top {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

    .row-sm-mid {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

    .row-sm-bot {

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end

    }

}



@media screen and (min-width: 768px) {

    .col-md-1 {

        max-width: 8.33333%;

        -ms-flex-preferred-size: 8.33333%;

        flex-basis: 8.33333%

    }

    .col-md-2 {

        max-width: 16.66667%;

        -ms-flex-preferred-size: 16.66667%;

        flex-basis: 16.66667%

    }

    .col-md-3 {

        max-width: 25%;

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%

    }

    .col-md-4 {

        max-width: 33.33333%;

        -ms-flex-preferred-size: 33.33333%;

        flex-basis: 33.33333%

    }

    .col-md-5 {

        max-width: 41.66667%;

        -ms-flex-preferred-size: 41.66667%;

        flex-basis: 41.66667%

    }

    .col-md-6 {

        max-width: 50%;

        -ms-flex-preferred-size: 50%;

        flex-basis: 50%

    }

    .col-md-7 {

        max-width: 58.33333%;

        -ms-flex-preferred-size: 58.33333%;

        flex-basis: 58.33333%

    }

    .col-md-8 {

        max-width: 66.66667%;

        -ms-flex-preferred-size: 66.66667%;

        flex-basis: 66.66667%

    }

    .col-md-9 {

        max-width: 75%;

        -ms-flex-preferred-size: 75%;

        flex-basis: 75%

    }

    .col-md-10 {

        max-width: 83.33333%;

        -ms-flex-preferred-size: 83.33333%;

        flex-basis: 83.33333%

    }

    .col-md-11 {

        max-width: 91.66667%;

        -ms-flex-preferred-size: 91.66667%;

        flex-basis: 91.66667%

    }

    .col-md-12 {

        max-width: 100%;

        -ms-flex-preferred-size: 100%;

        flex-basis: 100%

    }

    .col-md-pull {

        margin-right: auto

    }

    .col-md-push {

        margin-left: auto

    }

    .col-md-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -moz-order: -1;

        -ms-flex-order: -1;

        order: -1

    }

    .col-md-default {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -moz-order: 0;

        -ms-flex-order: 0;

        order: 0

    }

    .col-md-last {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -moz-order: 2;

        -ms-flex-order: 2;

        order: 2

    }

    .col-md-auto {

        max-width: 100%;

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        -webkit-box-flex: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        -ms-flex-preferred-size: 0;

        flex-basis: 0

    }

    .row-md-normal {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row

    }

    .row-md-reverse {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse

    }

    .row-md-start {

        -webkit-box-pack: start;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

    .row-md-center {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .row-md-end {

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }

    .row-md-between {

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between

    }

    .row-md-around {

        -webkit-justify-content: space-around;

        -ms-flex-pack: distribute;

        justify-content: space-around

    }

    .row-md-top {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

    .row-md-mid {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

    .row-md-bot {

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end

    }

}



@media screen and (min-width: 1000px) {

    .col-lg-1 {

        max-width: 8.33333%;

        -ms-flex-preferred-size: 8.33333%;

        flex-basis: 8.33333%

    }

    .col-lg-2 {

        max-width: 16.66667%;

        -ms-flex-preferred-size: 16.66667%;

        flex-basis: 16.66667%

    }

    .col-lg-3 {

        max-width: 25%;

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%

    }

    .col-lg-4 {

        max-width: 33.33333%;

        -ms-flex-preferred-size: 33.33333%;

        flex-basis: 33.33333%

    }

    .col-lg-5 {

        max-width: 41.66667%;

        -ms-flex-preferred-size: 41.66667%;

        flex-basis: 41.66667%

    }

    .col-lg-6 {

        max-width: 50%;

        -ms-flex-preferred-size: 50%;

        flex-basis: 50%

    }

    .col-lg-7 {

        max-width: 58.33333%;

        -ms-flex-preferred-size: 58.33333%;

        flex-basis: 58.33333%

    }

    .col-lg-8 {

        max-width: 66.66667%;

        -ms-flex-preferred-size: 66.66667%;

        flex-basis: 66.66667%

    }

    .col-lg-9 {

        max-width: 75%;

        -ms-flex-preferred-size: 75%;

        flex-basis: 75%

    }

    .col-lg-10 {

        max-width: 83.33333%;

        -ms-flex-preferred-size: 83.33333%;

        flex-basis: 83.33333%

    }

    .col-lg-11 {

        max-width: 91.66667%;

        -ms-flex-preferred-size: 91.66667%;

        flex-basis: 91.66667%

    }

    .col-lg-12 {

        max-width: 100%;

        -ms-flex-preferred-size: 100%;

        flex-basis: 100%

    }

    .col-lg-pull {

        margin-right: auto

    }

    .col-lg-push {

        margin-left: auto

    }

    .col-lg-first {

        -webkit-box-ordinal-group: 0;

        -webkit-order: -1;

        -moz-order: -1;

        -ms-flex-order: -1;

        order: -1

    }

    .col-lg-default {

        -webkit-box-ordinal-group: 1;

        -webkit-order: 0;

        -moz-order: 0;

        -ms-flex-order: 0;

        order: 0

    }

    .col-lg-last {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -moz-order: 2;

        -ms-flex-order: 2;

        order: 2

    }

    .col-lg-auto {

        max-width: 100%;

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        -webkit-box-flex: 1;

        -ms-flex-positive: 1;

        flex-grow: 1;

        -ms-flex-preferred-size: 0;

        flex-basis: 0

    }

    .row-lg-normal {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row

    }

    .row-lg-reverse {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse

    }

    .row-lg-start {

        -webkit-box-pack: start;

        -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

    .row-lg-center {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .row-lg-end {

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }

    .row-lg-between {

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between

    }

    .row-lg-around {

        -webkit-justify-content: space-around;

        -ms-flex-pack: distribute;

        justify-content: space-around

    }

    .row-lg-top {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start

    }

    .row-lg-mid {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

    .row-lg-bot {

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end

    }

}



body {

	font-family: 'Poppins', sans-serif !important;

	background: #f5f5f5;

}



.left {

    width: 260px;

    background: #333

}



.left_list li,

.left_list2 li {

    border-bottom: 1px solid #1a1a1a

}



.left_list li:not(:first-child),

.left_list2 li:not(:first-child) {

    border-top: 1px solid #4d4d4d

}



.left_list li a,

.left_list2 li a {

    display: block;

    -webkit-transition: 0.15s;

    transition: 0.15s

}



.left_list li a:hover,

.left_list2 li a:hover {

    background: #000

}



.left_list li a {

    padding: 15px;

    font-size: 1rem;

    line-height: 1.1875rem;



    color: #fff

}



.left_list li a.highlight {

    color: #F5684C

}



.left_list2 {

    margin-top: 10px

}



.left_list2 li a {

    padding: 2.5px 15px;

    font-size: .75rem;

    line-height: 1.375rem;



    color: #fff

}



.left_copyright {

    padding: 15px

}



.left_copyright p {

    font-size: .625rem;

    line-height: 1rem;



    color: #fff;

    text-align: center

}



.left_copyright p:not(:first-child) {

    margin-top: 15px

}



.left_copyright p a {

    color: #fff;

    text-decoration: underline;

    -webkit-transition: 0.1s;

    transition: 0.1s

}



.left_copyright p a:hover {

    color: #9DC82A

}



.left_copyright_links {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.left_copyright_links li a {

    padding: 5px;

    display: block;

    text-decoration: underline;

    font-size: .6875rem;

    line-height: 1.0625rem;



    color: #fff;

    -webkit-transition: 0.1s;

    transition: 0.1s

}



.left_copyright_links li a:hover {

    color: #9DC82A

}



.header {

  z-index: 9999 !important;

}



.header_ad {

    padding: 10px;

    background: #efefef;

    text-align: center

}



.header_ad_inner img {

    max-width: 100%

}



.header_bottom {

    padding: 15px 0;

    position: relative;

    border-bottom: 1px solid #eee;

		background: #fff;

}



.header_bottom_inner {

    padding-left: 60px;

    box-sizing: border-box;

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.header_bottom_button.mobile_btn {

    position: absolute;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



@media only screen and (min-width: 768px) {

  .header_bottom_button.mobile_btn {

    display: none;

  }



  .header_bottom_inner {

    padding-left: 0;

  }

}



.header_bottom_button span,

.header_bottom_button span::before,

.header_bottom_button span::after {

    background: #ddd !important

}



.header_bottom_button:hover span,

.header_bottom_button:hover span:before,

.header_bottom_button:hover span:after {

	background: #ccc !important;

}



.header_bottom_logo {

    width: 190px;

    height: 36px;

    display: block;

    background: no-repeat center/contain

}



.header_bottom_right {

    padding-right: 60px

}



.header_bottom_right_menu {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex

}



.header_bottom_right_menu li:not(:last-child) {

    margin-right: 20px

}



.header_bottom_right_menu li a {

    font-size: 14px;

    line-height: 36px;

    color: #a6a6a6;

    -webkit-transition: 0.25s;

    transition: 0.25s

}



.header_bottom_right_menu li a:hover {

    color: #5D5960

}



.header_bottom_right_menu li a.highlight {

    color: #F5684C

}



.header_bottom_right_menu li a.highlight:hover {

    color: #444

}



.header_bottom_right_search {

    width: 24px;

    height: 24px;

    margin-left: 10px;

    z-index: 5;

    right: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.header_bottom_right_search svg {

    width: 25px;

    height: 25px;

    right: 5px;

    cursor: pointer;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.header_bottom_right_search svg.active * {

    fill: #fff

}



.header_bottom_right_search svg * {

    -webkit-transition: 0.35s;

    transition: 0.35s

}



.header_bottom_right_search_input {

    height: 36px;

    position: relative

}



.header_bottom_right_search_input.active .header_bottom_right_search_input_field {

    width: 700px;

    padding: 0 10px

}



.header_bottom_right_search_input_field {

    width: 0;

    height: 100%;

    background: #fff;

    box-shadow: 0 0 1px #999;

    box-sizing: border-box;

    position: absolute;

    right: 0;

    top: -6px;

    z-index: -1;

    font-size: .875rem;



    color: #999;

    -webkit-transition: 0.35s;

    transition: 0.35s

}



.showcase {

    padding-top: 30px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.showcase_right {

    height: 410px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.showcase_box {

    position: relative;

    z-index: 2;

    display: block;

    background: no-repeat center/cover

}



.showcase_box::after {

    width: 100%;

    height: 50%;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent)

}



.showcase_box-big {

    height: 410px;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.showcase_box-big:hover {

  opacity: .8;

}



.showcase_box-big .meta,

.showcase_box-small .meta {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 10px;

}



.showcase_box-small {

    height: 195px;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.showcase_box-small:hover {

  opacity: .8;

}



.showcase_box-small.uzun {

  height: 410px;

}



.showcase_box_type,

.content_left_list_img_type {

    color: #fff;

    display: block;

    margin-bottom: 10px;

    font-size: 12px !important;

}



.showcase_box_type span {

    background: #10ac84;

    padding: 3px 5px;

    display: inline-block;

    border-radius: 2px;

}



.showcase_box_type-big {

    font-size: .875rem;

    line-height: 1.25rem

}



.showcase_box_type-small,

.content_left_list_img_type {

    font-size: .8125rem;

    line-height: 1.1875rem

}



.showcase_box_text {

    right: 20px;

    left: 20px;

    bottom: 20px;

    color: #fff;

    display: inline-block;

}



.showcase_box_text-big {

    font-size: 24px;

    line-height: 2.25rem

}



.showcase_box_text-small {

    font-size: 18px;

    line-height: 1.625rem

}



@media screen and (min-width: 1000px) {

    [canvas=container] {

        transform: none

    }

}



.content_right_ad-big {

  margin-bottom: 20px;

}



.content {

    margin-top: 30px;

    padding-bottom: 20px

}



.content_left_title {

    margin-bottom: 20px;

    font-size: 20px;

    line-height: 2.5rem;

    color: #10ac84;

    border-bottom: 1px solid #10ac84;

}



.content_left_list>li {

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.content_left_list>li.ad img {

    max-width: 100%

}



.content_left_list>li:not(:first-child) {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #ddd

}



.content_left_list>li:not(:first-child) .content_left_list_img_type {

    top: 20px

}



.content_left_list_img {

    width: 320px;

    height: 200px;

    position: relative;

    background: no-repeat center/cover;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.content_left_list_img:hover {

  opacity: .8;

}



.content_left_list_img_type {

    z-index: 100

}



.content_left_list_right {

    width: calc(100% - 340px)

}



.content_left_list_right .kategori-link,

.content_left_list_right .tarih,

.content_left_list_right .yazar {

  font-size: 12px;

  margin-top: 10px;

  color: #666;

  display: inline;

}



.content_left_list_right .kategori-link:hover,

.content_left_list_right .tarih:hover,

.content_left_list_right .yazar:hover {

  color: #000;

}



.content_left_list_right .ozet {

  font-size: 14px;

  margin-top: 10px;

  line-height: 25px;

}



.content_left_list_right .fa {

  margin-right: 10px;

}



.content_left_list_right_hour {

    font-size: .875rem;

    line-height: 1.25rem;

    color: #666

}



.content_left_list_right_title {

    margin-bottom: 10px;

    display: block;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.75rem;

    color: #444

}



.content_left_list_right_author {

    margin-top: 7.5px;

    font-size: .875rem;

    line-height: 1.25rem;

    font-family: "sanchez-regular";

    color: #444

}



.content_left_list_right_author a {

    color: #10ac84

}



.content_left_list_right_author a:hover {

    text-decoration: underline

}



.content_left_pagination {

    margin-top: 20px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.content_left_pagination a,

.content_left_pagination span {

    margin-right: 10px;

    width: 30px;

    height: 30px;

    margin-top: 10px;

    border-radius: 2px;

    box-sizing: border-box;

    display: block;

    font-size: 14px;

    line-height: 1.875rem;

    color: #444;

    text-align: center;

    background: #10ac84;

    color: #fff;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.content_left_pagination .page-numbers li span,

.content_left_pagination .page-numbers li:hover a {

  background: #1dd1a1;

}



.content_left_pagination a:not(:last-child) {

    margin-right: 5px

}



.content_left_pagination a.active {

    background: #444;

    color: #fff

}



.content_right.fixed {

    width: 313px;

    top: 20px;

    right: calc(50% - 490px);

    position: fixed

}



.content_right_ad_title {

    margin-bottom: 20px;

    font-size: .75rem;

    line-height: 1rem;



    color: #999;

    text-align: center

}



.content_right_ad img {

    width: 100%;

    border: 1px solid #5D5960;

    display: block

}







.content_right_recommendations_title {

    margin-bottom: 15px;

    padding-bottom: 10px;

    border-bottom: 1px solid #10ac84;

    font-size: 17px;

    line-height: 1.75rem;

    color: #10ac84

}



.content_right_recommendations_list>li:not(:first-child) {

    margin-top: 20px

}



.content_right_recommendations_list>li>a {

    display: block;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.content_right_recommendations_list_img {

    width: 90px;

    height: 90px;

    background: no-repeat center/cover;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.content_right_recommendations_list>li:hover .content_right_recommendations_list_img {

  opacity: .8;

}



.content_right_recommendations_list_right {

    width: calc(100% - 100px)

}



.content_right_recommendations_list_title {

    font-size: 16px;

    line-height: 1.3125rem;

    color: #666

    font-weight: 500

}



.content_right_recommendations_list_text {

    margin-top: 5px;

    font-size: .75rem;

    line-height: 1rem;

    color: #888

}



.content_right_newsletter {

    margin-top: 30px;

    padding: 10px;

    border: 4px solid #10ac84

}



.content_right_newsletter_title {

    font-size: 1.375rem;

    line-height: 1.75rem;

    font-family: "lato-bold";

    color: #444

}



.content_right_newsletter_form {

    margin-top: 10px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex

}



.content_right_newsletter_form_field {

    height: 25px;

    padding: 0 10px;

    border: 1px solid #d6d6d6;

    border-right: none;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    font-size: .75rem;

    line-height: 1rem;



    color: #444

}



.content_right_newsletter_form_submit {

    padding: 5px;

    background: #9DC82A;

    cursor: pointer;

    font-size: .75rem;

    line-height: 1rem;



    color: #fff;

    -webkit-transition: 0.15s;

    transition: 0.15s

}



.content_right_newsletter_form_submit:hover {

    background: #10ac84

}



.content_right_newsletter_text {

    margin-top: 5px;

    font-size: .75rem;

    line-height: 1rem;



    color: #444

}



.content_right_newsletter_links {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex

}



.content_right_newsletter_links li:not(:last-child) {

    margin-right: 10px

}



.content_right_newsletter_links li a {

    font-size: .75rem;

    line-height: 1rem;



    color: #444

}



.content_right_newsletter_links li a:hover {

    text-decoration: underline

}



.banner {

    padding-top: 20px

}



.banner_title {

    margin-bottom: 15px;

    font-size: 20px;

    line-height: 1.625rem;

    color: #10ac84;

    border-bottom: 1px solid #10ac84;

    padding-bottom: 10px;

}



.banner_list li a {

    height: 125px;

    position: relative;

    display: block;

    background: no-repeat center/cover

}



.banner_list li a:hover .banner_list_content {

  background-image: -webkit-linear-gradient(rgba(0,0,0,0.00) 0%, #000000 84%);

  background-image: -o-linear-gradient(rgba(0,0,0,0.00) 0%, #000000 84%);

  background-image: linear-gradient(rgba(0,0,0,0.00) 0%, #000000 84%);

}



.banner_list_content {

    width: 100%;

    min-height: 75px;

    padding: 10px;

    box-sizing: border-box;

    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);

    position: absolute;

    bottom: 0;

    left: 0;

    -webkit-transition: 0.2s;

    transition: 0.2s

}



.banner_list_content_title {

    text-decoration: none;

    font-size: .75rem;

    line-height: 1rem;

    color: #fff;

    font-weight: 500;

}



.banner_list_content_text {

    margin-top: 7px;

    font-size: .875rem;

    line-height: 1.125rem;

    color: #fff

}



.subContent {

    margin-top: 30px;

    padding-bottom: 20px

}



.subContent_left_nav {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex

}



.subContent_left_nav li:first-child a {

    color: #10ac84

}



.subContent_left_nav li:not(:last-child) a {

    padding-right: 25px

}



.subContent_left_nav li:not(:last-child) a::after {

    width: 8px;

    height: 8px;

    border-width: 2px 2px 0 0;

    border-style: solid;

    border-color: currentColor;

    content: "";

    position: absolute;

    top: 50%;

    right: 10px;

    -webkit-transform: translate(0, -50%) rotate(45deg);

    transform: translate(0, -50%) rotate(45deg)

}



.subContent_left_nav li a {

    position: relative;

    font-size: 16px;

    line-height: 1.75rem;

    color: #10ac84

}



.subContent_left_article_title {

    margin-top: 15px;

    font-size: 2.25rem;

    line-height: 2.5rem;

    font-family: "lato-bold";

    color: #444

}



.subContent_left_article_top {

    margin-top: 15px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.subContent_left_article_top .fa {

  margin-right: 5px;

}



.subContent_left_article_top_date,

.subContent_left_article_top_author {

    font-size: 14px;

    line-height: 1.25rem;

    color: #666

}



.subContent_left_article_top_author {

    margin-left: 20px

}



.subContent_left_article_top_author a {

    color: #333

}



.subContent_left_article_top_author a:hover {

    text-decoration: underline

}



.subContent_left_article_steps {

    margin-top: 10px

}



.subContent_left_article_steps p {

    margin-bottom: 20px

}



.subContent_left_article_steps_img {

    position: relative;

    background: no-repeat center/cover

}



.subContent_left_article_steps_img:hover .subContent_left_article_steps_img_pin {

    visibility: visible;

    opacity: 1

}



.subContent_left_article_steps_img-big {

    height: 410px;

    transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.subContent_left_article_steps_img-big:hover {

  opacity: .8

}



.subContent_left_article_steps_img-small {

    height: 350px

}



.subContent_left_article_steps_img_pin {

    width: 56px;

    height: 28px;

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 2;

    -webkit-transition: 0.125s;

    transition: 0.125s;

    visibility: hidden;

    opacity: 0

}



.subContent_left_article_steps_text {

    margin: 10px 0 30px;

    font-size: .6875rem;

    line-height: .9375rem;



    color: #777

}



.subContent_left_article_steps_text span {

    margin-left: 20px;

    display: inline-block

}



.subContent_left_article_steps_bottom_left_social li:not(:first-child) {

    margin-top: 10px

}



.subContent_left_article_steps_bottom_left_social li a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    position: relative;

    display: block;

    text-align: center;

    color: #fff;

}



.subContent_left_article_steps_bottom_left_social li a.fb {

  background: #3b5998;

}



.subContent_left_article_steps_bottom_left_social li a.tw {

  background: #55acee;

}



.subContent_left_article_steps_bottom_left_social li a.gp {

  background: #dd4b39;

}



.subContent_left_article_steps_bottom_left_social li a:hover svg * {

    fill: #9DC82A

}



.subContent_left_article_steps_bottom_left_social li a svg {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.subContent_left_article_steps_bottom_left_social li a svg * {

    -webkit-transition: 0.15s;

    transition: 0.15s

}



.subContent_left_article_steps_bottom_left_subscribe {

    margin-top: 10px;

    background: #10ac84;

    display: inline-block;

    writing-mode: vertical-lr;

    font-size: .8125rem;

    line-height: 1.1875rem;



    color: #fff;

    text-align: center;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    width: 40px;

    padding: 10px 0;

    line-height: 40px;

}



.subContent_left_article_steps_step {

    position: relative

}



.subContent_left_article_steps_step p {

  font-size: 14px;

  line-height: 30px;

  color: #666;

}



.subContent_left_article_steps_step iframe {

  width: 100%;

  height: 300px;

}



.subContent_left_article_steps_step:not(.last) {

    margin-bottom: 5px;

    padding-bottom: 5px

}



.subContent_left_article_steps_step a {

    color: #10ac84

}



.subContent_left_article_steps_step a:hover {

    text-decoration: underline

}



.subContent_left_article_steps_step_arrow {

    width: 25px;

    height: 25px;

    border-width: 0 12px 12px 0;

    border-style: solid;

    border-color: #999;

    position: absolute;

    bottom: 0;

    left: 50%;

    cursor: pointer;

    -webkit-transform: translate(-50%, 0) rotate(45deg);

    transform: translate(-50%, 0) rotate(45deg)

}



.subContent_left_article_tags {

    margin-top: 10px;

    font-size: .75rem;

    line-height: 1.125rem;

    color: #444

}



.subContent_left_article_tags span {

  background: #10ac84;

  color: #fff;

  padding: 5px;

  border-radius: 2px;

}



.subContent_left_article_tags a {

    margin: 0 2px 5px;

    color: #fff;

    background: #2d2d2d;

    padding: 5px;

    display: inline-block;

    border-radius: 2px;

}



.subContent_others {

    margin-top: 50px

}



.subContent_others_title {

    margin-bottom: 20px;

    font-size: 20px;

    line-height: 1.75rem;

    color: #10ac84;

    border-bottom: 1px solid #10ac84;

    padding-bottom: 10px;

}



.subContent_others_list_img {

    height: 140px;

    background: no-repeat center/cover

}



.subContent_others_list_title {

    margin-top: 7px;

    font-size: 1.0625rem;

    line-height: 1.3125rem;

    font-family: "lato-bold";

    color: #444

}



.subContent_others_list_text {

    margin-top: 7px;

    font-size: .75rem;

    line-height: 1rem;



    color: #888

}



.arrows_arrow {

    width: 40px;

    height: 80px;

    background: rgba(153, 153, 153, 0.5);

    position: fixed;

    top: 50%;

    z-index: 9999;

    -webkit-transition: 0.2s;

    transition: 0.2s;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.arrows_arrow:hover {

    background: #999

}



.arrows_arrow::before {

    width: 20px;

    height: 20px;

    border-style: solid;

    border-color: #fff;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    transform: translate(-50%, -50%) rotate(45deg)

}



.arrows_arrow-prev {

    left: 0

}



.arrows_arrow-prev::before {

    margin-left: 4px;

    border-width: 0 0 4px 4px

}



.arrows_arrow-next {

    right: 0

}



.arrows_arrow-next::before {

    margin-left: -4px;

    border-width: 4px 4px 0 0

}



.footer_links {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.footer_links li {

    position: relative

}



.footer_links li:not(:last-child) {

    margin-right: 10px;

    padding-right: 10px;

    position: relative

}



.footer_links li:not(:last-child)::after {

    width: 1px;

    height: 8px;

    background: #666;

    content: "";

    right: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.footer_links li a {

    font-size: .75rem;

    line-height: .75rem;



    color: #666

}



.footer_copyright {

    margin-top: 10px;

    font-size: .75rem;

    line-height: 1rem;



    color: #666;

    text-align: center

}



.mobile_btn {

    width: 1em;

    height: 1em;

    padding: 10px;

    background: transparent;

    font-size: 50px;

    cursor: pointer;

    position: absolute;

    right: 20px;

    top: 20px

}



.mobile_btn span {

    display: block;

    position: relative

}



.mobile_btn span:before,

.mobile_btn span:after {

    content: '';

    position: absolute;

    left: 0

}



.mobile_btn span:before {

    top: -8px

}



.mobile_btn span:after {

    bottom: -8px

}



.mobile_btn span,

.mobile_btn span:before,

.mobile_btn span:after {

    width: 100%;

    height: 4px;

    background: #9DC82A;

    border-radius: 5px;

    -webkit-transition: 0.5s ease;

    transition: 0.5s ease

}



.mobile_top {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex

}



.mobile_top li {

    width: 100%;

    border-bottom: 1px solid #fff;

    box-sizing: border-box;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.mobile_top li:not(:last-of-type) {

    border-right: 1px solid #fff

}



.mobile_top li a {

    width: 100%;

    height: 50px;

    background: #10ac84;

    display: block;

    position: relative;

    font-size: .9375rem;

    line-height: 1.1875rem;

    color: #fff;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.mobile_top li a.mobileHome::after {

    width: 22px;

    height: 22px;

    background: url("../../images/icons/home.svg") no-repeat center/22px 22px;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.mobile_list li {

    border-bottom: 1px solid #fff;

    display: block

}



.mobile_list li.active {

    background: #10ac84

}



.mobile_list li.active>a {

    color: #fff

}



.mobile_list li a {

    padding: 13px 10px;

    display: block;

    position: relative;

    font-size: .9375rem;

    line-height: 1.1875rem;

    font-family: "sanchez-regular";

    color: #fff;

    text-align: center

}



.mobile_list li.active>ul {

    display: block

}



.mobile_list ul {

    display: none

}



.mobile_list ul li {

    border: none

}



.mobile_list ul li.active a {

    background: #9DC82A

}



.mobile_list ul li a {

    padding: 10px;

    font-size: .875rem;

    line-height: 1.125rem

}



@media screen and (min-width: 320px) and (max-width: 999px) {

    .globalWidth {

        width: 100%;

        box-sizing: border-box

    }

    .header_bottom_right_search {

        right: 10px

    }

    .header_bottom_right_search_input.active .header_bottom_right_search_input_field {

        width: calc(100vw - 20px)

    }

    .banner {

        padding-left: 20px;

        padding-right: 20px

    }

    .subContent_others {

        padding-left: 20px;

        padding-right: 20px

    }

}



@media screen and (min-width: 320px) and (max-width: 479px) {

    html {

        font-size: .875rem

    }

}



@media screen and (min-width: 320px) and (max-width: 567px) {

    .content_left_list li {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .content_left_list_img {

        max-width: 100%;

        margin: 0 auto

    }

    .content_left_list_right {

        width: 100%;

        margin-top: 20px;

        text-align: center

    }

}



@media screen and (min-width: 320px) and (max-width: 767px) {

    .showcase_left {

        padding-bottom: 20px

    }



    .showcase_right {

      margin-bottom: 20px;

    }



    .showcase_box-big {

        height: 300px

    }

    .content_left {

        margin-top: 20px

    }

    .content_right_newsletter {

        margin-top: 20px

    }

    .subContent_left {

        margin-top: 20px

    }

    .subContent_left_article_steps_img-big {

        height: 300px

    }

    .subContent_left_article_steps_img-small {

        height: 220px

    }



    .content_right_ad {

      text-align: center;

    }



    .content_right_ad img {

      max-width: 100%;

      width: auto;

      display: inline-block;

    }



    .comment-form input {

      width: 100% !important;

      margin-bottom: 20px;

    }

}



@media screen and (min-width: 480px) and (max-width: 767px) {

    html {

        font-size: .9375rem

    }

}



@media screen and (min-width: 568px) and (max-width: 767px) {

    .content_left_list_img {

        width: 250px;

        height: 175px

    }

    .content_left_list_right {

        width: calc(100% - 270px)

    }

}



ul.page-numbers li {

    float: left;

}



.screen-reader-text {

    display: none;

}



.subContent_left_article_steps_step img {

    width: 85%;

    height: 85%;

}



.widget {

    margin-bottom: 33px;

}



.widget ul li {

  margin: 5px 0;

  font-size: 14px;

  line-height: 25px;

}



.widget ul li:hover a {

  color: #000;

}



.widget ul li a {

  font-size: 14px;

  color: #999;

  transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -webkit-transition: all .3s ease-in-out;

}



.subContent_left_article_steps_bottom {

    margin-top: 20px;

}



.footer {

    padding: 20px 0;

    background: #1a1a1a;

    color: #fff;

}



.footer ul.socials {

  margin: 0;

  padding: 0;

  list-style: none;

  float: right;

}

.footer ul.socials:hover li a {

  opacity: 0.3;

}

.footer ul.socials:hover li a:hover {

  opacity: 1;

}

.footer ul.socials li {

  display: inline-block;

  float: left;

  margin-left: 10px;

}

.footer ul.socials li a {

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 2px;

  color: #fff;

  display: block;

  transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

}

.footer ul.socials li a:hover {

  transform: translate(0, -5px);

}

.footer ul.socials li .fb {

  background: #3B5998;

}

.footer ul.socials li .tw {

  background: #55ACEE;

}

.footer ul.socials li .gp {

  background: #DD4B39;

}

.footer ul.socials li .yt {

  background: #BB0000;

}

.footer ul.socials li .ins {

  background: #125688;

}

.footer ul.socials li .pn {

  background: #CB2027;

}

.footer .copyright {

  font-size: 12px;

  font-weight: 300;

  color: #fff;

  margin: 0;

  display: inline-block;

  line-height: 30px;

}

.footer .copyright span {

  font-weight: 600;

}



.comments-area {

  margin-top: 20px;

}



.comments-area .title-area {

  color: #10ac84;

  padding-bottom: 10px;

  border-bottom: 1px solid #10ac84;

  font-size: 20px;

}



.comments-area .title-area small {

  float: right;

  font-size: 12px;

}



.comments-area ul.comment-list {

  margin: 0;

  padding: 0;

  list-style: none;

}

.comments-area ul.comment-list .comment {

  margin-top: 20px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

}

.comments-area ul.comment-list .comment .avatar {

  width: 70px;

  margin-right: 30px;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.comments-area ul.comment-list .comment .avatar img {

  display: block;

  border-radius: 3px;

  width: 70px;

  height: 70px;

}

.comments-area ul.comment-list .comment .avatar span {

  display: block;

  margin-top: 10px;

  text-align: center;

  font-size: 12px;

}

.comments-area ul.comment-list .comment .comm-right {

  background: #fff;

  padding: 10px;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 9;

  position: relative;

}

.comments-area ul.comment-list .comment .comm-right p {

  padding: 0;

  margin: 0;

  color: #666;

  font-weight: 300;

  line-height: 23px;

  font-size: 14px;

}



.comments-area ul.comment-list .comment .comm-right .reply {

  position: absolute;

  right: 10px;

  bottom: 10px;

  font-size: 12px;

  color: #fff;

  background: #10ac84;

  padding: 7px;

  border-radius: 2px;

}



.comments-area .comment-respond {

  margin-top: 20px;

}



.comment-form {

  margin-top: 20px;

}

.comment-form input {

  width: 310px;

  background: #fff;

  height: 40px;

  border: 0;

  font-weight: 300;

  color: #666;

  padding: 10px;

  font-size: 12px;

  box-sizing: border-box;

}

.comment-form input#email {

  float: right;

}

.comment-form textarea {

  background: #fff;

  width: 100%;

  border: 0;

  font-weight: 300;

  color: #666;

  padding: 10px;

  margin: 0 0 20px 0;

  height: 100px;

  resize: none;

  font-size: 14px;

  box-sizing: border-box;

}

.comment-form .send-button {

  background: #10ac84;

  color: #fff;

  padding: 8px 15px;

  font-weight: 600;

  border: 0;

  width: auto;

  transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  cursor: pointer;

  font-size: 12px;

  margin-top: 20px;

}

.comment-form .send-button:hover {

  background: #10ac84;

}