* {
    box-sizing: border-box
}

button {
    background: 0 0;
    border: none
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}

ul {
    padding-left: 20px
}

html {
    font-size: 62.5%;
    box-sizing: border-box
}

body {
    font-size: 1.3rem;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    color: #333333
}

.font-1, html {
    font-family: Roboto, serif;
    font-weight: 300
}

.text-center {
    text-align: center
}

.margin-0 {
    margin: 0
}

.margin-top-0 {
    margin-top: 0
}

.margin-bottom-0 {
    margin-bottom: 0
}

.minus-margin-top-bottom-15 {
    margin-top: -15px;
    margin-bottom: -15px
}

.space {
    height: 10px
}

.space-2 {
    height: 20px
}

.space-3 {
    height: 30px
}

.divider {
    margin: 13px 0
}

.divider-30 {
    margin: 30px 0
}

.divider.colored {
    height: 1px;
    background: rgba(0, 0, 0, .12)
}

.divider-30.colored {
    height: 1px;
    background: rgba(0, 0, 0, .12)
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

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

.clearfix:after {
    clear: both
}

h2 {
    margin-bottom: 7.5px
}

p {
    margin: 7.5px 0 0
}

small {
    font-size: 1rem;
    line-height: 1
}

b, strong {
    font-weight: 500
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #414141
}

h1 {
    font-size: 2.7rem
}

h2 {
    font-size: 1.9rem
}

h3 {
    font-size: 1.7rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.3rem
}

h6 {
    font-size: 1rem
}

.primary-color, a {
    color: #0e853d
}

.secondary-color {
    color: #442672
}

.light-color {
    color: #FFF
}

.light-color-2 {
    color: rgba(255, 255, 255, .54)
}

.dark-color {
    color: #333030
}

.ocean-color {
    color: #2b90d9
}

.grass-color {
    color: #3ac569
}

.salmon-color {
    color: #ff7473
}

.sun-color {
    color: #feee7d
}

.alge-color {
    color: #79a8a9
}

.flower-color {
    color: #353866
}

.primary-bg {
    background-color: #0e853d
}

.secondary-bg {
    background-color: #442672
}

.light-bg {
    background-color: #fff
}

.dark-bg {
    background-color: #333030
}

.ocean-bg {
    background-color: #2b90d9
}

.grass-bg {
    background-color: #3ac569
}

.salmon-bg {
    background-color: #ff7473
}

.sun-bg {
    background-color: #feee7d
}

.alge-bg {
    background-color: #79a8a9
}

.flower-bg {
    background-color: #353866
}

.circle {
    border-radius: 50%
}

[dir=rtl] .pull-left {
    float: right
}

[dir=rtl] .pull-right {
    float: left
}

body {
    text-align: left
}

body[dir=rtl] {
    text-align: right
}

.text-center {
    text-align: center
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

header {
    position: relative;
    min-height: 55px;
    padding: 0 5px;
}

header .fa {
    color: #FFF;
    opacity: .87;
    font-size: 17px;
    line-height: 56px;
    height: 55px;
    padding: 0 15px;
    margin: 0
}

#logo {
    height: 55px;
    line-height: 78px;
    margin-left: 15px;
    display: inline-block
}

#mainSideBar {
    min-width: 300px;
    padding-bottom: 30px
}

#mainSideBar > div:not(.divider) {
    padding: 17px 20px
}

#mainSideBar figure {
    width: 300px;
    max-width: 100%;
    padding: 20px;
    position: relative
}

#mainSideBar button {
    position: absolute;
    right: 20px;
    top: 20px
}

#mainSideBar amp-img {
    margin-bottom: 5px
}

#mainSideBar h3, #mainSideBar h5 {
    margin: 0;
    line-height: 1.5
}

#menu {
    margin-top: 15px
}

#menu div {
    padding: 0
}

#menu a, #menu h6 {
    color: inherit;
    font-size: 1.3rem;
    font-weight: 300;
    padding: 0;
    border: none
}

#menu a, #menu span {
    padding: 14px 20px 14px 53px;
    display: block;
    color: inherit;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

#menu section[expanded] > h6 span {
    background-color: rgba(0, 0, 0, .06);
    color: #0e853d
}

#menu h6 span:after {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 47px;
    content: '\f0dd'
}

#mainSideBar li i, #menu i {
    font-size: 1.7rem;
    position: absolute;
    left: 20px
}

.social-ball {
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #FFF;
    margin-right: 5px
}

.social-ball.fa-facebook {
    background-color: #4867AA
}

.social-ball.fa-twitter {
    background-color: #00ACED
}

.social-ball.fa-instagram {
    background-color: #000
}

.social-ball.fa-behance {
    background-color: #010103
}

.social-ball.fa-dribbble {
    background-color: #E04C86
}

[class*=col-] {
    margin-bottom: 30px
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:after, .row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.container-full, .container-full [class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.container-full .row {
    margin-left: 0;
    margin-right: 0
}

.no-gap [class*=col-] {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0
}

.no-gap.row {
    margin-right: 0;
    margin-left: 0
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

.bordered-title {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: 0 -15px;
    padding: 0 15px 8px
}

.bordered-title h3 {
    margin: 0;
    line-height: 1.4
}

.bordered-title h5 {
    opacity: .54;
    margin: 0
}

.icon-info-box {
    position: relative
}

.icon-info-box i {
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
    background-color: #0e853d;
    border-radius: 50%;
    overflow: hidden;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-info-box i:last-child {
    left: auto;
    right: 20px
}

.icon-info-box div {
    margin-left: 50px
}

.icon-info-box h4 {
    margin: 0
}

.icon-info-box div:first-child {
    margin-left: 0;
    margin-right: 40px
}

.icon-info-box p {
    margin: 0
}

.blog-carousel-item amp-img {
    display: block
}

.blog-carousel-item {
    position: relative;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 2.5px;
    overflow: hidden;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4)
}

.blog-carousel-item-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    padding: 10px 5px;
    line-height: 1;
    display:none;
}

.blog-carousel-item-caption h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    line-height: 1.3;
    font-size: 1.2rem
}

.lightbox-item-with-caption figcaption {
    display: none
}

.lightbox-item-with-caption amp-img {
    display: block
}

.amp-image-lightbox-caption {
    padding: 15px
}
.button-row .button{float:left}
.button{overflow:hidden;margin:10px;padding:8px;cursor:pointer;user-select:none;transition:all 60ms ease-in-out;text-align:center;white-space:nowrap;text-decoration:none;text-transform:capitalize;border:0 none;border-radius:4px;font-size:1.3rem;font-weight:500;line-height:1.3;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.button-large{padding:10px 15px;font-size:1.7rem}
.button-small{padding:7px 13px;font-size:1.1rem}
.giris{
    position: relative;
    top: 0;
    display: block;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 900;
}

.banner-mp, .banner-mp2 {
    text-align: center;
}
.hidden, .hidden2, .dnone {
    display: none;
}
.h1-header {
    font-size:16px;
    padding-top:17px;
}