@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap'); 
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.slow {
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.delay {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-two {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.delay-three {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
}

@-o-keyframes fadeInLeft {
    from {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    to {
        opacity: 1;
        -o-transform: translateX(0px);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
}

@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    to {
        opacity: 1;
        -o-transform: translateX(0px);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0px)
    };
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

html,body {
    height: 100%;
}

body {
    font-family: 'Inter',sans-serif!important;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #454648;
    -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin: 0;
}

b,strong {
    font-weight: 700;
}

.notsupported {
    display: none;
}

.clear {
    clear: both;
}

a {
    color: #4b4c4e;
    position: relative;
}

.mobileonly {
    display: none;
}

ul,li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e5f4fc;
    content: '';
    opacity: 0;
    -webkit-transition: opacity,0.3s;
    -moz-transition: opacity,0.3s;
    transition: opacity,0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

a:hover::after,a:focus::after,#navigation .current a::after,#navigation ul li.current-cat a::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.mobile-only {
    display: none!important;
}

::selection {
    background: #1793db;
    color: #fff;
}

.logo,.client-logo {
    background: url("../images/tab-logo.png") no-repeat;
    background-size: 200px 31px;
    width: 200px;
    height: 31px;
    position: fixed;
    z-index: 150;
    left: 3.5%;
    top: 37px;
}

.mobile-navigation {
    display: block;
    position: fixed;
    height: 20px;
    background-image: url("../images/hamburger.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 27px 20px;
    z-index: 201;
    right: 40px;
    top: 37px;
    text-decoration: none;
    -webkit-transition: opacity,0.2s;
    -moz-transition: opacity,0.2s;
    transition: opacity,0.2s;
}

.mobile-navigation-dil {
    display: block;
    position: fixed;
    height: 20px;
    line-height: 23px;
    border-right: 1px solid rgba(255,255,255,0.45);
    padding-right: 20px;
    z-index: 201;
    right: 145px;
    color: #fff;
    top: 37px;
    text-decoration: none;
    -webkit-transition: opacity,0.2s;
    -moz-transition: opacity,0.2s;
    transition: opacity,0.2s;
}

.mobile-navigation-dil:after {
    display: none;
}

.mobile-navigation-dil.stuck {
    top: 25px;
    color: #468F99;
    border-right: 1px solid rgb(217,218,219);
}

@media screen and (max-width: 940px) {
    .mobile-navigation-dil {
        right:90px!important;
    }

    .logo {
        width: 36px!important;
    }
}

@media screen and (max-width: 500px) {
    .mobile-navigation-dil {
        top:25px!important;
        right: 70px!important;
    }
}

@media (min-width: 767px) and (max-width:1024px) {
    .logo {
        width:36px!important;
    }

    #navigation ul li a {
        margin: 22px 13px 19px 13px!important;
        font-size: .96rem!important;
    }
}

.active-nav-overlay {
    background: #454648;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 201;
    -webkit-transition: all,0.3s;
    -moz-transition: all,0.3s;
    transition: all,0.3s;
    opacity: 0;
    visibility: hidden;
}

.active-nav .active-nav-overlay {
    visibility: visible;
    opacity: 0.4;
}

.mobile-navigation:hover {
    opacity: 0.7;
}

.mobile-navigation span {
    color: #fff;
    margin-right: 41px;
    line-height: 1.45;
}

.mobile-navigation.stuck {
    background-image: url("../images/hamburger-black.png");
    top: 25px;
}

.mobile-navigation.stuck span {
    color: #454648;
}

.active-nav .mobile-navigation.stuck {
    background-image: url("../images/hamburger.png");
}

.active-nav .mobile-navigation.stuck span {
    color: #FFF;
}

.mobile-navigation::after {
    display: none;
}

.logo::after,.client-logo::after,.button::after,.no-underline a::after,.no-underline::after,ul.social li a::after,#main-navigation ul li a::after {
    display: none;
}

#main-navigation.stuck .logo,.client-logo,.single-post .logo,.author .logo,.page-template-default .logo {
    background: url("../images/tab-logo.png") no-repeat;
    background-size: 200px 31px;
    top: 10px;
    z-index: 200;
    pointer-events: all;
}

#main-navigation .logo {
    left: 3.5%;
    top: 37px;
}

#main-navigation ul {
    position: fixed;
    top: 73px;
    right: 3.5%;
    margin-right: -10px;
    opacity: 0;
    z-index: 600;
    box-shadow: 0px 0px 10px rgba(69,70,72,0.3);
    background: #fff;
    padding: 20px;
    -webkit-transition: all,0.2s;
    -moz-transition: all,0.2s;
    transition: all,0.2s;
    visibility: hidden;
    width: 330px;
}

.active-nav #main-navigation ul {
    opacity: 1;
    visibility: visible;
    margin-top: 5px;
}

#main-navigation ul:after {
    bottom: 100%;
    right: 16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 8px;
    margin-left: -8px;
    border-color: rgba(69,70,72,0);
    border-bottom-color: #fff;
}

#main-navigation ul li {
    text-align: center;
    width: 33.33%;
    float: left;
}

#main-navigation ul li a {
    text-decoration: none;
    padding: 1em 0;
    display: block;
    color: #000;
    -webkit-transition: all,0.3s;
    -moz-transition: all,0.3s;
    transition: all,0.3s;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
}

#main-navigation span.icon {
    display: block;
    width: 57px;
    height: 57px;
    background-size: 114px auto;
    background-image: url("../images/nav-sprite-2.png");
    margin: 0 auto 1em;
    opacity: 0.3;
    -webkit-transition: all,0.2s;
    -moz-transition: all,0.2s;
    transition: all,0.2s;
}

#main-navigation li.home span.icon {
    background-position: 0 0;
}

#main-navigation li.blucommerce span.icon {
    background-position: 0 -57px;
}

#main-navigation li.work span.icon {
    background-position: 0 -114px;
}

#main-navigation li.price span.icon {
    background-position: 10px -352px;
    background-size: auto 430px;
}

#main-navigation li.blog span.icon {
    background-position: 0 -171px;
}

#main-navigation li.jobs span.icon {
    background-position: 0 -228px;
}

#main-navigation li.contact span.icon {
    background-position: 0 -285px;
}

#main-navigation ul li a:hover span.icon {
    opacity: 1;
}

#main-navigation.stuck ul {
    top: 63px;
}

#main-navigation.stuck ul:after,.single-post #main-navigation ul:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #FFF;
}

.button {
    border: 1px solid #dddddd;
    text-decoration: none;
    color: #454648;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    padding: 20px 20px 16px 20px!important;
    display: inline-block;
    background: #fff;
    min-width: 260px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
}

.button:hover {
    border-color: #1793db;
    background: #1793db;
    color: #FFF;
}

#header .button {
    color: #fff;
    border: 1px solid rgba(255,255,255,0.4);
    background: transparent;
    position: relative;
    z-index: 20;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header .button:hover {
    background: rgba(255,255,255,0.1);
}

.button:active {
    position: relative;
    top: 1px;
}

.vertical-align {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align .inner {
    display: table-cell;
    vertical-align: middle;
}

.max-width .inner {
    max-width: 1200px;
    width: 80%;
    padding: 3% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

#header {
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: relative;
    min-height: 530px;
    height: 70%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header.android {
    height: 500px!important;
}

#header .gradient-fade {
    background: #468f99;
    background: rgb(125 159 157 / 0%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
}

#header .image-fade {
    background-size: cover;
    background-position: 50% 30%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
}

#header h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
}

#header h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.33;
    color: rgba(255,255,255,0.75);
    margin-top: 1.618em;
    margin-bottom: 1.618em;
}

#header h1,#header h2 {
    padding: 0;
    margin-left: 7%;
    margin-right: 7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#mobile-nav {
    display: none;
}

#navigation {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    width: 100%!important;
    z-index: 199;
    position: relative;
    margin-bottom: -69px;
}

#navigation ul li.header {
    width: 0;
    height: 0;
    display: none;
}

#navigation.is_stuck {
    background: rgba(255,255,255,0.95);
    top: 0!important;
    bottom: auto!important;
    position: fixed!important;
}

#navigation ul,#navigation ul li {
    text-align: center;
}

#navigation ul li {
    display: inline-block;
}

#navigation ul li a {
    font-size: 18px;
    font-size: 1rem;
    line-height: 27px;
    text-decoration: none;
    margin: 22px 22px 19px 22px;
    display: block;
    -webkit-transition: all,0.3s ease-in-out;
    -moz-transition: all,0.3s ease-in-out;
    transition: all,0.3s ease-in-out;
}

#navigation ul li a:hover,#navigation ul li.current a,#navigation ul li.current-cat a {
    color: #468f99;
}

#content {
    overflow-x: hidden;
}

#bizkimiz {
    background: #f3f6f8;
    color: #454648;
    border-bottom: 1px solid #dddddd;
    *zoom:1;}

#bizkimiz:before,#bizkimiz:after {
    content: " ";
    display: table;
}

#bizkimiz:after {
    clear: both;
}

#bizkimiz .inner {
    margin-top: 69px;
}

#bizkimiz .body {
    *zoom:1;}

#bizkimiz .body:before,#bizkimiz .body:after {
    content: " ";
    display: table;
}

#bizkimiz .body:after {
    clear: both;
}

#bizkimiz h2 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.5;
    color: #454648;
    margin-bottom: 1.618em;
}

#bizkimiz article {
    width: 100%;
    float: left;
}

#bizkimiz article p {
    margin: 0 0 30px 0;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.75;
}

#bizkimiz article p:last-of-type {
    margin-bottom: 7%;
}

#bizkimiz aside {
    float: right;
    width: 30%;
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom:1;}

#bizkimiz aside:before,#bizkimiz aside:after {
    content: " ";
    display: table;
}

#bizkimiz aside:after {
    clear: both;
}

#bizkimiz article,#bizkimiz aside {
    margin-bottom: 41.88678px;
}

#bizkimiz aside li {
    margin-bottom: 1em;
    *zoom:1;}

#bizkimiz aside li:before,#bizkimiz aside li:after {
    content: " ";
    display: table;
}

#bizkimiz aside li:after {
    clear: both;
}

#bizkimiz aside li:last-of-type {
    margin-bottom: 0;
}

#bizkimiz aside img {
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}

#bizkimiz aside h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    color: #454648;
    margin: 0.25em 0;
}

#bizkimiz aside p {
    color: #7e7f82;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.33;
    margin: 0;
}

#bizkimiz aside.benefits ul li {
    list-style: disc;
    list-style-position: inside;
}

#bizkimiz aside.benefits li:before,#bizkimiz aside.benefits li:after {
    display: none;
}

#bizkimiz aside.benefits h3 {
    margin-bottom: 20px;
}

#neyapariz {
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

#neyapariz h2 {
    text-align: center;
    line-height: 1.33;
    margin-bottom: 1em;
    font-size: 36px;
}

.features {
    padding: 0;
    margin: 0;
}

.features li {
    width: 30%;
    float: left;
    min-height: 85px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 5%;
    margin-top: 22.652px;
    margin-bottom: 22.652px;
}

.features li:nth-child(3n+3) {
    margin-right: 0;
}

.features li .content {
    width: auto;
    overflow: hidden;
}

.features li .content h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.25;
    margin-bottom: 4px;
}

.features li .content p {
    color: #7e7f82;
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    margin: 0;
}

.features li .icon {
    width: 60px;
    height: 60px;
    float: left;
    display: block;
    margin: 0 20px 0 0;
}

.features li .icon img {
    width: 100%;
    height: auto;
    display: inline-block;
}

.features li.consult .icon {
    background-position: 0 -3px;
}

.features li.wireframe .icon {
    background-position: -420px 0;
}

.features li.design .icon {
    background-position: -840px 0;
}

.features li.build .icon {
    background-position: 0px -143px;
}

.features li.train .icon {
    background-position: -420px -145px;
}

.features li.support .icon {
    background-position: -840px -140px;
}

#neyaptik {
    text-align: center;
    border-bottom: 1px solid #dddddd;
    background: #fff;
    *zoom:1;}

#neyaptik:before,#neyaptik:after {
    content: " ";
    display: table;
}

#neyaptik:after {
    clear: both;
}

#fiyatlar {
    text-align: center;
    border-bottom: 1px solid #dddddd;
    color: #454648;
    background: #f3f6f8;
    *zoom:1;}

#fiyatlar:before,#fiyatlar:after {
    content: " ";
    display: table;
}

#fiyatlar:after {
    clear: both;
}

.single-clients #neyaptik {
    border-top: 1px solid #dddddd;
    border-bottom: none;
}

#neyaptik h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    margin-bottom: 0.75em;
}

#neyaptik p {
    max-width: 55%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
}

#neyaptik #client-list {
    *zoom:1;}

#neyaptik #client-list:before,#neyaptik #client-list:after {
    content: " ";
    display: table;
}

#neyaptik #client-list:after {
    clear: both;
}

#neyaptik li.featured {
    width: 30%;
    float: left;
    background: #CCC;
    margin: 2% 5% 2% 0;
}

#neyaptik li.featured:nth-of-type(3) {
    margin-right: 0;
}

#neyaptik li.featured a {
    display: table;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#neyaptik li a .center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#neyaptik li a::after {
    display: none;
}

#neyaptik li.sm {
    float: none;
    width: 16.6666%;
    height: 160px;
    display: inline-block;
}

#neyaptik li.sm a {
    position: relative;
    opacity: 0.5;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    display: table;
    height: 100%;
    width: 100%;
}

#neyaptik li.sm a .center img {
    width: 80%;
    height: auto;
    margin: auto;
}

a img {
    border: none;
}

#neyaptik li.sm a:hover {
    opacity: 1;
}

#neyaptik li.sm:last-of-type {
    margin: 0;
}

#neyaptik div.buttons {
    *zoom:1;}

#neyaptik div.buttons:before,#neyaptik div.buttons:after {
    content: " ";
    display: table;
}

#neyaptik div.buttons:after {
    clear: both;
}

#neyaptik .button {
    margin: 0 10px 1em;
}

#iletisim {
    background: #fff;
    text-align: center;
}

#iletisim h2,#features h2 {
    text-align: center;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    margin-bottom: 0.25em;
}

#iletisim p {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
}

#iletisim .inner {
    max-width: 860px;
    text-align: center;
}

input[type="text"],input[type="email"],input[type="phone"],input[type="tel"],textarea {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0px;
}

#iletisim input,#iletisim textarea {
    padding: 18px;
    background: #fff;
    border: 1px solid #dddddd;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    text-align: left;
    font-family: 'Inter',sans-serif;
}

#basvuru {
    background: #fff;
    text-align: center;
}

#basvuru h2,#basvuru h2 {
    text-align: center;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    margin-bottom: 0.25em;
}

#basvuru p {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
}

#basvuru .inner {
    max-width: 860px;
}

#basvuru input,#basvuru textarea {
    padding: 18px;
    background: #fff;
    border: 1px solid #dddddd;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    text-align: left;
}

input[type="text"]:focus,input[type="email"]:focus,textarea:focus {
    border: 2px solid #dddddd!important;
    padding: 17px!important;
}

#iletisim .half {
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 2%;
}

#iletisim .half.last {
    margin-right: 0;
}

#iletisim .half input {
    width: 100%;
}

#iletisim textarea {
    width: 100%;
    height: 200px;
    line-height: 1.75;
    display: block;
    margin-bottom: 2%;
}

#iletisim input[type="submit"] {
    width: auto;
    text-align: center;
    float: none;
}

#iletisim .button {
    margin: 4% auto;
    display: inline-block;
    background: #323334;
    color: #fff;
    border: none;
    cursor: pointer;
}

#iletisim .control-group {
    position: relative;
}

#iletisim .control-group.has-error {
    margin-bottom: 47px;
}

#iletisim .control-group.has-error input,#iletisim .control-group.has-error textarea,#iletisim .control-group.has-error input:focus,#iletisim .control-group.has-error textarea:focus {
    border-color: #ff2e19!important;
}

#iletisim .help-inline {
    position: absolute;
    bottom: -32px;
    left: 0;
    color: #ff2e19;
    width: 100%;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    padding: 10px 0;
    text-align: left;
}

#iletisim .cscfMessageSent {
    padding: 20px 0 20px 0;
    background: #e5f4fc;
}

#iletisim .cscfMessageSent h3 {
    display: none;
}

#iletisim .cscfMessageSent p {
    margin: 0 auto;
    color: #0091de;
}

#iletisim .button {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: none;
}

#iletisim .button:focus,#iletisim .button:hover {
    background: #1793db;
}

#basvuru .half {
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 2%;
}

#basvuru .half.last {
    margin-right: 0;
}

#basvuru .half input {
    width: 100%;
}

#basvuru textarea {
    width: 100%;
    height: 200px;
    line-height: 1.75;
    display: block;
    margin-bottom: 2%;
}

#basvuru input[type="submit"] {
    width: auto;
    text-align: center;
    float: none;
}

#basvuru .button {
    margin: 4% auto;
    display: inline-block;
    background: #323334;
    color: #fff;
    border: none;
    cursor: pointer;
}

#basvuru .control-group {
    position: relative;
}

#basvuru .control-group.has-error {
    margin-bottom: 47px;
}

#basvuru .control-group.has-error input,#basvuru .control-group.has-error textarea,#basvuru .control-group.has-error input:focus,#basvuru .control-group.has-error textarea:focus {
    border-color: #ff2e19!important;
}

#basvuru .help-inline {
    position: absolute;
    bottom: -32px;
    left: 0;
    color: #ff2e19;
    width: 100%;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    padding: 10px 0;
    text-align: left;
}

#basvuru .cscfMessageSent {
    padding: 20px 0 20px 0;
    background: #e5f4fc;
}

#basvuru .cscfMessageSent h3 {
    display: none;
}

#basvuru .cscfMessageSent p {
    margin: 0 auto;
    color: #0091de;
}

#basvuru .button {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: none;
}

#basvuru .button:focus,#basvuru .button:hover {
    background: #1793db;
}

.error404 #header {
    min-height: 0;
    height: auto;
    text-align: left;
    overflow: visible;
    padding-top: 0;
}

.active-nav .error404 .active-nav-overlay {
    background: #000;
}

#error {
    background: #3657cf;
    background-image: -webkit-linear-gradient(-225deg,black 0,#3657cf 100%);
    background-image: linear-gradient(-45deg,black 0,#3657cf 100%);
    height: 100%;
    text-align: center;
}

#error .up {
    display: none;
}

#error h1 {
    color: #fff;
    font-size: 70px;
    font-size: 4.375rem;
    line-height: 1;
}

#error #footer {
    background: transparent;
    padding: 0;
}

#error #footer .copy {
    display: none;
}

#error ul.social {
    margin: 35px 0 50px 0;
}

#error ul.social li {
    background: rgba(0,0,0,0.2);
    float: none!important;
}

#error ul.social li:hover {
    background: rgba(0,0,0,0.4);
}

#error #footer ul.information li {
    text-align: center;
}

#error .star {
    background: url("../images/star.png");
    height: 9px;
    width: 9px;
    position: absolute;
    -webkit-animation-name: star;
    -moz-animation-name: star;
    animation-name: star;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
}

@-webkit-keyframes star {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes star {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes star {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes star {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#error .star:nth-child(1) {
    top: 10%;
    left: 40%;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

#error .star:nth-child(2) {
    top: 40%;
    left: 10%;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#error .star:nth-child(3) {
    top: 30%;
    left: 30%;
}

#error .star:nth-child(4) {
    top: 80%;
    left: 70%;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

#error .star:nth-child(5) {
    top: 10%;
    left: 85%;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#error .star:nth-child(6) {
    top: 90%;
    left: 80%;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

#error .star:nth-child(7) {
    top: 30%;
    left: 5%;
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

#error .star:nth-child(8) {
    top: 40%;
    left: 50%;
}

#error .star:nth-child(9) {
    top: 80%;
    left: 10%;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

#error .star:nth-child(10) {
    top: 50%;
    left: 90%;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.up {
    opacity: 0.15;
    background: url("../images/up-arrow.png") no-repeat;
    background-size: 60px 60px;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    -webkit-transition: all,0.2s;
    -moz-transition: all,0.2s;
    transition: all,0.2s;
    left: 50%;
    margin-left: -30px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.up:hover {
    margin-top: -3px;
    background-position: center top;
    opacity: 1;
    margin-bottom: 63px;
}

.up::after {
    display: none;
}

#footer {
    background: #323334;
    padding-top:8px;
	padding-bottom:8px;
    text-align: center;
}

#footer .copy {
    *zoom:1;}

#footer .copy:before,#footer .copy:after {
    content: " ";
    display: table;
}

#footer .copy:after {
    clear: both;
}

#footer .copy,#footer .copy a {
    color: rgba(255,255,255,0.35);
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.25;
    text-decoration: none;
}

#footer .copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

ul.social,ul.social li {
    text-align: center;
    *zoom:1;}

ul.social:before,ul.social:after,ul.social li:before,ul.social li:after {
    content: " ";
    display: table;
}

ul.social:after,ul.social li:after {
    clear: both;
}

ul.social {
    margin-bottom: 2.5%;
}

ul.social li {
    display: inline-block;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    margin-right: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

ul.social li:hover {
    background: rgba(255,255,255,0.2;)
}

ul.social li:last-of-type {
    margin-right: 0;
}

ul.social li a {
    background: url("../images/footer-social.png") no-repeat;
    background-size: 410px 60px;
    height: 60px;
    width: 60px;
    display: block;
}

ul.social li.twitter a {
    background-position: 0 0;
}

ul.social li.facebook a {
    background-position: -70px 0px;
}

ul.social li.instagram a {
    background-position: -140px 0px;
}

ul.social li.pinterest a {
    background-position: -210px 0px;
}

ul.social li.google a {
    background-position: -280px 0px;
}

ul.social li.linkedin a {
    background-position: -350px 0px;
}

ul.social li a span {
    display: block;
    text-indent: -9999px;
}

#footer .information {
    list-style: none;
    margin: 0px;
    padding: 0;
    max-width: 800px;
    margin: auto;
    *zoom:1;}

#footer .information:before,#footer .information:after {
    content: " ";
    display: table;
}

#footer .information:after {
    clear: both;
}

#footer .information li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    margin-right: 7%;
    min-height: 25px;
}

#footer .information li:nth-child(3n+3) {
    margin-right: 0;
}

#footer .information li,#footer .information li a {
    color: #ffffff;
    text-decoration: none;
}

#footer .information li a {
    display: block;
    padding-top: 3px;
    background: url("../images/footer-icons.png") no-repeat;
    background-size: 26px 97px;
    padding-left: 25px;
    padding-bottom: 5px;
    line-height: 24px;
}

#footer a::after {
    background: rgba(255,255,255,0.1;)
}

#footer ul.information li.phone a,#footer ul.information li.map a {
    padding-left: 30px;
}

#footer ul.information li.map a {
    background-position: 5px -43px;
    height: 22px;
}

#footer ul.information li.email a {
    background-position: 0px -78px;
    padding-left: 35px;
}

#footerdiv {
    margin: 15px 0px 20px 0px;
}

#footerdiv .information {
    list-style: none;
    margin: 0px;
    padding: 0;
    max-width: 600px;
    margin: auto;
    *zoom:1;text-align: center;
}

#footerdiv .information:before,#footerdiv .information:after {
    content: " ";
    display: table;
}

#footerdiv .information:after {
    clear: both;
}

#footerdiv .information li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    margin-right: 7%;
    min-height: 25px;
}

#footerdiv .information li:nth-child(3n+3) {
    margin-right: 0;
}

#footerdiv .information li,#footerdiv .information li a {
    color: #666;
    text-decoration: none;
}

#footerdiv .information li a {
    display: block;
    padding-top: 3px;
    background: url("../images/footer-icons2.png") no-repeat;
    background-size: 26px 97px;
    padding-left: 25px;
    padding-bottom: 5px;
}

#footerdiv a::after {
    background: rgba(255,255,255,0.1;)
}

#footerdiv ul.information li.phone a,#footerdiv ul.information li.map a {
    padding-left: 30px;
}

#footerdiv ul.information li.map a {
    background-position: 5px -43px;
    height: 22px;
}

#footerdiv ul.information li.email a {
    background-position: 0px -78px;
    padding-left: 35px;
}

.navigation-scroller {
    overflow: hidden;
}

#header.blog .gradient-fade {
    background: #FF5E3A;
    background-image: -webkit-linear-gradient(-225deg,#ff5e3a 0,#ff9500 100%);
    background-image: linear-gradient(-45deg,#ff5e3a 0,#ff9500 100%);
}

#content {
    background: #fff;
    overflow: hidden;
    margin-top: -69px;
}

.single #content {
    margin-top: 0;
}

#content .inner {
    padding-top: 4%;
}

#content.max-width .inner {
    max-width: 100%;
    width: 100%;
    margin-top: 69px;
}

.single #content .wp-post-image {
    max-width: 1000px;
    margin: auto;
    width: 90%;
    display: block;
}

.post a,.post .title a,#author-bio a {
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all;
}

.post a::after {
    display: none;
}

.post a:hover,.post .title a:hover,#author-bio a:hover {
    color: #1793db;
}

.post .content h1,.post .content h2,.post .content h3,.post .content h4,.post .content h5,.post .content h6 {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.75;
}

.post .content img {
    width: 100%;
    height: auto;
    margin-top: 3em;
    margin-bottom: 3em;
}

.post .content p:last-child,.post .content p:last-child img {
    margin-bottom: 0;
}

#content ol {
    margin: 0 auto;
    max-width: 1800px;
    padding: 0;
    width: 95%;
}

#content a {
    text-decoration: none;
}

#content a::after {
    display: none;
}

#content .posts li {
    width: 16.66667%;
    float: left;
    margin: 0 0 4% 0;
}

#content .posts article {
    width: 85%;
    margin: auto;
}

#content .posts img {
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all;
}

#content .posts img:hover {
    opacity: 0.8;
}

#content li.spotify {
    right: 0;
}

#content li.spotify article {
    background: #454648;
    background-image: -webkit-linear-gradient(-270deg,#454648 20%,#303133 100%);
    background-image: linear-gradient(0deg,#454648 20%,#303133 100%);
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content li.spotify article h2 {
    color: #fff;
}

#content li.spotify article #lastfm dl {
    position: relative;
    margin: 1em 0;
}

#content li.spotify article #lastfm dl:last-of-type {
    margin-bottom: 0;
}

#content li.spotify article #lastfm dl img {
    display: block;
    width: 100%;
    max-width: 64px;
    height: auto;
}

#content li.spotify article #lastfm dl dt {
    float: left;
    max-width: 30%;
}

#content li.spotify article #lastfm dl a {
    display: block;
    height: 64px;
}

#content li.spotify article #lastfm dl .right {
    float: left;
    overflow: hidden;
    color: #fff;
    max-width: 70%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content li.spotify article #lastfm dl .right dd {
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
}

#content li.spotify article #lastfm dl .right .lfm_artist {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    color: #999999;
}

#content h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.33;
}

#content h2.thumbnail {
    margin-top: 15px;
}

#content img {
    width: 100%;
    height: auto;
}

#content .desc {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
}

#content .desc,#content .desc a {
    color: #7e7f82;
}

#content .info {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
}

#content .info ul,#content .info ul li {
    display: inline-block;
}

#content .info,#content .info a {
    color: #454648;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all;
    text-decoration: none;
}

#content .info a:hover {
    color: #1793db;
}

#content a span.info {
    color: #999!important;
}

#content .info a::after {
    display: none;
}

.single-post .mobile-navigation,.author .mobile-navigation,.page-template-default .mobile-navigation,.active-nav .page-template-default .mobile-navigation {
    background-image: url("../images/hamburger-black.png");
}

.single-post .mobile-navigation span,.author .mobile-navigation span,.page-template-default .mobile-navigation span {
    color: #454648;
}

.active-nav .single-post .mobile-navigation,.active-nav .author .mobile-navigation,.active-nav .page-template-default .mobile-navigation {
    background-image: url("../images/hamburger.png");
}

.active-nav .single-post .mobile-navigation span,.active-nav .author .mobile-navigation span,.active-nav .page-template-default .mobile-navigation span {
    color: #FFF;
}

.single-post #header,.author #header,.page-template-default #header {
    min-height: 0;
    height: auto;
    text-align: left;
    overflow: visible;
    padding-top: 205px;
}

.post .title h1,.post .title h2 {
    margin-left: 0;
    margin-right: 0;
}

.page-template-default h1 {
    margin: 0 0 1em;
}

.post .title h1 {
    color: #454648;
    line-height: 1.25;
}

.post .title h1 a {
    text-decoration: none;
}

.post .title h2 {
    color: #999;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    margin: 2.5em 0;
}

.post .title h2 span {
    float: left;
    padding: 7px 0 0 10px;
    max-width: 75%;
    line-height: 1.25;
}

.post .title h2 img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 32px;
    height: 32px;
    float: left;
}

.post .title h2 a {
    color: #999;
    text-decoration: none;
}

.post .inner {
    padding: 0;
    position: static!important;
}

.single-post .inner,.page-template-default .inner,.author .inner {
    max-width: 768px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.post .content {
    margin-top: 0!important;
}

.post .content p {
    margin: 0 auto 30px auto;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}

.post .content img {
    display: block;
}

.post .content li {
    background: url(../images/bullet-arrow.png) no-repeat 0 2px;
    background-size: 9px 16px;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 1.25em;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

#author-bio h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    margin-bottom: 5px;
}

#author-bio h4 a {
    text-decoration: none!important;
}

#author-bio img {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 120px;
    height: 120px;
}

#author-bio aside {
    overflow: hidden;
    width: auto;
    padding-left: 5%;
}

#author-bio .inner {
    padding: 3em 0 5em;
    border-top: 1px solid #dddddd;
}

#author-bio h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 4px;
}

#author-bio p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0.5em 0;
}

#author-bio p small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
}

#author-bio a::after {
    display: none;
}

.single-post .share-post .inner {
    padding: 3em 0;
}

.share-post ul.social {
    margin-bottom: 0;
}

.share-post ul.social li {
    background: #d0d1d1;
    width: 45px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.share-post ul.social li:hover {
    background: rgba(0,0,0,0.8);
}

.share-post ul.social li a {
    width: 45px;
    height: 45px;
    background-size: 308px 45px;
}

.share-post ul.social li.facebook a {
    background-position: -53px 0px;
}

.share-post ul.social li.instagram a {
    background-position: -105px 0px;
}

.share-post ul.social li.google a {
    background-position: -210px 0px;
}

.single-post .text p {
    margin: 0 0 2em 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.777;
}

.text p:last-child {
    margin: 0;
}

#article-navigation {
    background: #F4F7F9;
}

#article-navigation h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0.5em;
}

#article-navigation .inner {
    max-width: 1024px;
    margin: 0 auto;
    padding: 5% 0;
}

#article-navigation nav {
    display: block;
    width: 28%;
    margin: 0 8% 0 0;
    float: left;
}

#article-navigation a.back {
    display: block;
    float: left;
    min-width: 0;
    margin: 0;
    min-width: 100%;
}

#article-navigation a.back span {
    background-image: url("../images/back-arrow.png");
    background-size: 9px 16px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 9px;
    height: 16px;
    padding: 0 0 0 20px;
}

#article-navigation a.back:hover span {
    background-image: url("../images/back-arrow-white.png");
    background-size: 9px 16px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#article-navigation article {
    display: block;
    width: 28%;
    text-decoration: none;
    float: left;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.33;
    color: #454648;
}

#article-navigation article.prev {
    margin: 0 8% 0 0;
}

#article-navigation article a {
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all;
}

#article-navigation article a:hover {
    color: #1793db;
}

#article-navigation a::after {
    display: none;
}

.single-post a.up {
    display: none;
}

.author .post {
    margin: 0 0 6%;
    border-bottom: 1px solid #dddddd;
}

.author .post:last-of-type {
    border: none;
    padding: 0;
}

.author .share-post {
    margin: 3em 0;
}

.page-template-default .post {
    padding: 0 0 5em;
}

.blucommerce #header {
    height: 100%;
    min-height: 800px;
}

.blucommerce #header .inner {
    height: 100%;
}

.blucommerce #header .arrow {
    top: 89%;
    position: absolute;
    opacity: 0.25;
    background: url("../images/down-arrow.png") no-repeat;
    background-size: 65px 65px;
    text-indent: -9999px;
    left: 50%;
    margin-left: -32.5px;
    width: 65px;
    height: 65px;
    -webkit-transition: all,0.2s;
    -moz-transition: all,0.2s;
    transition: all,0.2s;
}

.blucommerce #header .arrow:hover {
    padding-top: 3px;
    background-position: center bottom;
    opacity: 1;
}

.blucommerce #header .arrow::after {
    display: none;
}

.blucommerce #header .gradient-fade {
    background: #4A4A4A;
    background-image: -webkit-linear-gradient(-225deg,#4a4a4a 0,#2b2b2b 100%);
    background-image: linear-gradient(-45deg,#4a4a4a 0,#2b2b2b 100%);
}

.blucommerce #header h1 {
    max-width: 1000px;
    margin: auto;
    padding: 2% 7% 0;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1.5;
}

.blucommerce #header img {
    position: relative;
    margin: auto;
    width: 50%;
    max-width: 300px;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    display: block;
}

.blucommerce #mobile-nav {
    background: #fff;
}

.blucommerce #mobile-nav .mobile-navigation {
    background-image: url("../images/hamburger-x-black.png");
}

.blucommerce #mobile-nav li a {
    color: #454648;
}

.blucommerce #mobile-nav ul.social li {
    background: rgba(0,0,0,0.3);
}

.blucommerce #bizkimiz {
    background: #fff;
}

.blucommerce #bizkimiz a::after {
    display: none;
}

.blucommerce #bizkimiz article {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    width: 100%;
    float: none;
}

.blucommerce #features {
    background: #fff;
    position: relative;
    border-top: none;
}

.blucommerce #features .inner {
    padding-top: 0;
}

.blucommerce #features #performance .inner {
    padding-top: 7%;
}

.blucommerce #features .wrapper {
    min-height: 100%;
    display: table;
    width: 100%;
}

.blucommerce #features .table {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.blucommerce #features .top-icon {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    left: 50%;
    margin-left: -75px;
    position: relative;
}

.blucommerce #features h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    text-align: center;
    margin: 40px 0;
}

.blucommerce #features ol li {
    width: 47.5%;
    margin-right: 5%;
}

.blucommerce .features li:nth-child(3n+3) {
    margin-right: 5%;
}

.blucommerce #features .features li:nth-child(2n+2) {
    margin-right: 0;
}

.blucommerce .features li:nth-child(5n),.blucommerce .features li:nth-child(6n) {
    margin-bottom: 0;
}

.blucommerce #features #performance .top-icon {
    background: #2bbc73 url("../index.html") no-repeat center center;
    background-size: 86px 79px;
}

.blucommerce #features #performance ol li .icon {
    background: url("../index.html") no-repeat;
    background-size: 584px 313px;
}

.blucommerce #features #performance ol li.multiple-shipping-payment-methods .icon {
    background-position: -530px -8px;
}

.blucommerce #features #performance ol li.shopping-cart-checkout .icon {
    background-position: 0 -130px;
}

.blucommerce #features #performance ol li.internationalisation .icon {
    background-position: -530px -127px;
}

.blucommerce #features #performance ol li.upsell-cross-sell .icon {
    background-position: 0 -267px;
}

.blucommerce #features #performance ol li.social-media-login .icon {
    background-position: -530px -260px;
}

.blucommerce #features #retention .top-icon {
    background: #d761a9 url("../index.html") no-repeat center center;
    background-size: 83px 47px;
}

.blucommerce #features #retention ol li .icon {
    background: url("../index.html") no-repeat;
    background-size: 584px 313px;
}

.blucommerce #features #retention ol li.gift-vouchers .icon {
    background-position: -530px 0px;
}

.blucommerce #features #retention ol li.account-area .icon {
    background-position: 0 -129px;
}

.blucommerce #features #retention ol li.wishlists .icon {
    background-position: -530px -127px;
}

.blucommerce #features #retention ol li.loyalty .icon {
    background-position: 0 -256px;
}

.blucommerce #features #retention ol li.vip .icon {
    background-position: -530px -263px;
}

.blucommerce #features #marketing .top-icon {
    background: #4bb7d6 url("../index.html") no-repeat 33px 38px;
    background-size: 76px 76px;
}

.blucommerce #features #marketing ol li .icon {
    background: url("../index.html") no-repeat;
    background-size: 584px 313px;
}

.blucommerce #features #marketing ol li.promotions .icon {
    background-position: -530px -4px;
}

.blucommerce #features #marketing ol li.visual-merchandising .icon {
    background-position: 0 -143px;
}

.blucommerce #features #marketing ol li.affiliate-programmes .icon {
    background-position: -530px -136px;
}

.blucommerce #features #marketing ol li.flexible-pages .icon {
    background-position: 0 -266px;
}

.blucommerce #features #marketing ol li.easy-catalogue .icon {
    background-position: -530px -266px;
}

.blucommerce #features #back-office .top-icon {
    background: #eb5800 url("../index.html") no-repeat center center;
    background-size: 68px 58px;
}

.blucommerce #features #back-office ol li .icon {
    background: url("../index.html") no-repeat;
    background-size: 584px 313px;
}

.blucommerce #features #back-office ol li.content-management .icon {
    background-position: -530px 0px;
}

.blucommerce #features #back-office ol li.call-centre-ordering .icon {
    background-position: 0 -132px;
}

.blucommerce #features #back-office ol li.administration-software .icon {
    background-position: -530px -131px;
}

.blucommerce #features #back-office ol li.easy-returns .icon {
    background-position: 0 -266px;
}

.blucommerce #features #back-office ol li.data-import-export .icon {
    background-position: -530px -262px;
}

.blucommerce #features #integrations .top-icon {
    background: #ced500 url("../index.html") no-repeat 36px 37px;
    background-size: 67px 67px;
}

.blucommerce #features #integrations ol li .icon {
    background: url("../index.html") no-repeat;
    background-size: 584px 313px;
}

.blucommerce #features #integrations ol li.content-management .icon {
    background-position: -530px 0px;
}

.blucommerce #features #integrations ol li.call-centre-ordering .icon {
    background-position: 0 -126px;
}

.blucommerce #features #integrations ol li.administration-software .icon {
    background-position: -527px -126px;
}

.blucommerce #features #integrations ol li.easy-returns .icon {
    background-position: 0 -256px;
}

.blucommerce #features #integrations ol li.data-import-export .icon {
    background-position: -527px -256px;
}

.post-type-archive-jobs #header .gradient-fade,.single-jobs #header .gradient-fade {
    background: #FF5E3A;
    background-image: -webkit-linear-gradient(-225deg,#ff5e3a 0,#ff2a68 100%);
    background-image: linear-gradient(-45deg,#ff5e3a 0,#ff2a68 100%);
}

#bizkimiz aside.benefits ul li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.post-type-archive-jobs #services {
    border-bottom: 0;
}

.post-type-archive-jobs #services h2 {
    text-align: center;
    text-align: center;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    margin-bottom: 0.75em;
}

.post-type-archive-jobs #services.jobs ul {
    max-width: 85%;
    width: 100%;
    margin: auto;
}

.post-type-archive-jobs #services.jobs a {
    text-decoration: none;
    padding: 3% 4%;
    display: block;
    -webkit-transition: all,0.5s;
    -moz-transition: all,0.5s;
    transition: all,0.5s;
}

.post-type-archive-jobs #services.jobs a::after {
    display: none;
}

.post-type-archive-jobs #services.jobs a:hover {
    background-color: #fff;
}

.post-type-archive-jobs #services.jobs a:hover h4 {
    color: #0091de;
}

.post-type-archive-jobs #services.jobs h4 {
    float: left;
    width: 20%;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
    margin: 0;
}

.post-type-archive-jobs #services.jobs p {
    float: left;
    width: 75%;
    margin: 0 0 0 5%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.post-type-archive-jobs #pozisyonlar {
    border-bottom: 0;
}

.post-type-archive-jobs #pozisyonlar h2 {
    text-align: center;
    text-align: center;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    margin-bottom: 0.75em;
}

.post-type-archive-jobs #pozisyonlar.jobs ul {
    max-width: 85%;
    width: 100%;
    margin: auto;
}

.post-type-archive-jobs #pozisyonlar.jobs a {
    text-decoration: none;
    padding: 3% 4%;
    display: block;
    -webkit-transition: all,0.5s;
    -moz-transition: all,0.5s;
    transition: all,0.5s;
}

.post-type-archive-jobs #pozisyonlar.jobs a::after {
    display: none;
}

.post-type-archive-jobs #pozisyonlar.jobs a:hover {
    background-color: #fff;
}

.post-type-archive-jobs #pozisyonlar.jobs a:hover h4 {
    color: #0091de;
}

.post-type-archive-jobs #pozisyonlar.jobs h4 {
    float: left;
    width: 20%;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
    margin: 0;
}

.post-type-archive-jobs #pozisyonlar.jobs p {
    float: left;
    width: 75%;
    margin: 0 0 0 5%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.post-type-archive-jobs .features li .icon,.single-jobs .features li .icon {
    background-size: 914px 185px;
}

.features li.vacation .icon {
    background-position: 0 -3px;
}

.features li.workstation .icon {
    background-position: -446px 0;
}

.features li.ride .icon {
    background-position: -857px 0;
}

.features li.location .icon {
    background-position: 0px -132px;
}

.features li.drinks .icon {
    background-position: -446px -131px;
}

.features li.game .icon {
    background-position: -859px -132px;
}

#navigation.blog-nav {
    margin-bottom: 0;
}

#navigation.blog-nav.is_stuck {
    top: 0!important;
    bottom: auto!important;
    position: fixed!important;
}

.single-jobs .post .inner {
    width: 768px;
    padding: 7% 0;
}

.single-jobs #navigation {
    margin-bottom: -69px;
}

#skills {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#job-posting h2 {
    text-align: center;
    margin-bottom: 5%;
}

#job-posting h3 {
    margin: 1.5em auto 1.25em;
    max-width: 600px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #454648;
    text-transform: uppercase;
}

#job-posting ul {
    max-width: 600px;
    margin: auto;
    margin-bottom: 3em;
}

.single-jobs #iletisim .button {
    margin-top: 0;
}

.single-jobs #basvuru .button {
    margin-top: 0;
}

#job-posting ul li:last-of-type,#job-posting ul:last-of-type {
    margin-bottom: 0;
}

.single-clients #header .gradient-fade {
    background: #8AC88E;
    background-image: -webkit-linear-gradient(-225deg,#8ac88e 0,#247b63 100%);
    background-image: linear-gradient(-45deg,#8ac88e 0,#247b63 100%);
}

#client {
    margin-top: 69px;
}

.single-clients #header .inner img {
    max-width: 450px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

#client {
    background: #fff;
    text-align: center;
}

#client .inner {
    padding: 5% 0;
}

#client p {
    margin: 0 auto 30px auto;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    max-width: 1000px;
    margin-bottom: 0px!important;
}

.type-clients {
    padding-top: 50px;
}

#client .features {
    margin-top: 7%;
}

#features {
    background: #fff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.single-clients #features .icon {
    display: inline-flex;
    width: 57px;
    height: 57px;
    margin: 0 20px 0 0;
}

.single-clients .features li {
    min-height: 118px;
}

li.product-images-360 .icon {
    background-position: 0 0;
}

li.advanced-discounts .icon {
    background-position: 0 -57px;
}

li.blog .icon,li.wordpress-integration .icon {
    background-position: 0 -114px;
}

li.brand-a-z-page .icon {
    background-position: 0 -171px;
}

li.business-to-business .icon {
    background-position: 0 -228px;
}

li.buying-guides .icon {
    background-position: 0 -342px;
}

li.click-collect .icon {
    background-position: 0 -285px;
}

li.erp-integration .icon,li.sage-integration .icon {
    background-position: 0 -399px;
}

li.feefo-integration .icon,li.peerius-integration .icon,li.customer-reviews .icon {
    background-position: 0 -456px;
}

li.giftcard .icon,li.gift-vouchers .icon {
    background-position: 0 -513px;
}

li.giftwrap .icon {
    background-position: 0 0;
}

li.internationalisation .icon {
    background-position: 0 -570px;
}

li.lookbooks .icon {
    background-position: 0 -627px;
}

li.mcommerce .icon {
    background-position: 0 -684px;
}

li.multiple-delivery-addresses .icon {
    background-position: 0 -741px;
}

li.peerius-integration .icon {
    background-position: 0 -456px;
}

li.product-bundles .icon {
    background-position: 0 -798px;
}

li.product-filtering .icon {
    background-position: 0 -855px;
}

li.product-quickview .icon {
    background-position: 0 -912px;
}

li.product-videos .icon {
    background-position: 0 -969px;
}

li.quickbuy-interface .icon {
    background-position: 0 -1026px;
}

li.recipes .icon {
    background-position: 0 -1083px;
}

li.responsive-layout .icon {
    background-position: 0 -1140px;
}

li.rma-system .icon {
    background-position: 0 -1197px;
}

li.site-specific-promotions .icon {
    background-position: 0 -1254px;
}

li.social-photos .icon {
    background-position: 0 -1311px;
}

li.store-locator .icon,li.stockist-lookup .icon {
    background-position: 0 -1368px;
}

li.subscriptions .icon {
    background-position: 0 -1482px;
}

li.user-guides .icon {
    background-position: 0 -1539px;
}

li.warehouse-integration .icon {
    background-position: 0 -1596px;
}

li.wedding-lists .icon {
    background-position: 0 -1653px;
}

li.wishlists .icon {
    background-position: 0 -1710px;
}

li.one-page-checkout .icon {
    background-position: 0 -1767px;
}

li.advanced-cms .icon {
    background-position: 0 -1824px;
}

li.social-login .icon {
    background-position: 0 -1881px;
}

li.product-image-zoom .icon {
    background-position: 0 -1938px;
}

li.giftwrap .icon,li.giftwrap .icon {
    background-position: 0 -1995px;
}

li.student-discounts .icon {
    background-position: 0 -2052px;
}

li.targeted-upsells .icon {
    background-position: 0 -2109px;
}

li.landing-pages .icon {
    background-position: 0 -2166px;
}

li.loyalty-cards .icon {
    background-position: 0 -2223px;
}

li.vip-promotions .icon {
    background-position: 0 -2280px;
}

#client .image-container {
    max-width: 860px;
    margin: 6% auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    border: 4px solid #e8e8e8;
}

#client .image-container .top {
    background: url("../index.html") 0 0 no-repeat,url("../index.html") right top no-repeat,url("../index.html") 0 0 repeat-x;
    width: 100%;
    height: 60px;
    text-align: left;
}

#client .image-container .top span {
    text-align: left;
    padding: 36px 0px 0px 66px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    display: block;
}

#client .image-container .top span a::after {
    display: none;
}

#client .image-container .scroller {
    max-height: 650px;
    overflow: hidden;
}

#client .image-container img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid rgba(232,232,232,0.48);
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media screen and (max-width: 1185px) {
    .single-post .logo {
        width:24px;
    }
}

@media screen and (max-width: 1180px) {
    .features li {
        width:47%;
        margin-right: 6%;
    }

    .single-clients .features li {
        min-height: 0;
    }

    .features li:nth-child(3n+3) {
        margin-right: 6%;
    }

    .features li:nth-child(2n+2) {
        margin-right: 0;
    }

    .article-navigation .nav-previous,.article-navigation .nav-next {
        left: -10%;
        width: 30px;
        height: 30px;
        background: url("../images/left-arrow.png") no-repeat 5px 0;
        background-size: 30px 30px;
    }

    .article-navigation .nav-next {
        right: -10%;
        left: auto;
        background: url("../images/right-arrow.png") no-repeat 0 0;
        background-size: 30px 30px;
    }
}

@media screen and (max-width: 1185px) {
    .single-post .mobile-navigation span,.author .mobile-navigation span {
        display:none;
    }

    .single-post .mobile-navigation,.author .mobile-navigation {
        width: 27px;
    }
}

@media screen and (max-width: 1130px) {
    #bizkimiz article {
        width:55%;
    }

    #bizkimiz aside {
        width: 35%;
    }

    #neyaptik li.sm {
        width: 25%;
    }
}

@media screen and (max-width: 960px) {
    #bizkimiz article {
        width:50%;
    }

    #bizkimiz aside {
        width: 40%;
    }

    .post-type-archive-jobs #services.jobs ul {
        max-width: 100%;
    }

    .post-type-archive-jobs #pozisyonlar.jobs ul {
        max-width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .blucommerce #features ol li {
        width:100%;
        margin-right: 0;
    }

    .blucommerce .features li:nth-child(5n) {
        margin-top: 22.652px;
        margin-bottom: 22.652px;
    }

    #neyaptik p {
        max-width: 70%;
    }

    #footer {
        padding: 10% 4%;
    }

    #footer .information {
        margin-top: 6%;
    }

    #footer .information li,#footerdiv .information li {
        float: none;
        margin: 0 0 1em;
        text-align: center;
    }

    #footer .information li a,#footerdiv .information li a {
        display: inline-block;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    #footer .information li a::after {
        display: none;
    }

    .blucommerce #bizkimiz article {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    .post-type-archive-jobs #services.jobs h4 {
        width: 30%;
    }

    .post-type-archive-jobs #services.jobs p {
        width: 65%;
    }

    .post-type-archive-jobs #pozisyonlar.jobs h4 {
        width: 30%;
    }

    .post-type-archive-jobs #pozisyonlar.jobs p {
        width: 65%;
    }

    .single-jobs .post .inner {
        width: 80%;
        padding: 15% 0;
    }

    #article-navigation {
        padding: 5% 0;
    }

    #article-navigation nav {
        display: none;
    }

    #article-navigation article {
        width: 46%;
    }

    #article-navigation article.next {
        text-align: right;
    }
}

@media screen and (max-width: 730px) {
    .mobile-navigation span,.active-nav #main-navigation ul {
        display:none!important;
    }

    .desktop-only {
        display: none!important;
    }

    .mobile-only {
        display: block!important;
    }

    #bizkimiz article,#bizkimiz aside {
        float: none;
        width: auto;
    }

    #iletisim input[type="submit"],#basvuru input[type="submit"] {
        display: block;
        margin: 0 auto;
        margin-bottom: 41.88678px;
        width: 100%;
        min-width: 0;
    }

    #bizkimiz aside li {
        width: 30%;
        margin: 0 5% 0 0;
        float: left;
        text-align: center;
    }

    #bizkimiz aside li:last-child {
        margin: 0;
    }

    #bizkimiz aside.benefits ul li {
        height: auto;
        text-align: left;
        list-style-position: inside;
        width: 47.5%;
        margin: 0 5% 5% 0;
    }

    #bizkimiz aside.benefits ul li:nth-child(2n+2) {
        margin: 0;
    }

    #bizkimiz aside img {
        margin: 0 auto;
        float: none;
        display: block;
        margin-bottom: 0.75em;
    }

    #bizkimiz aside h3 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
    }

    .blucommerce .max-width .inner {
        padding: 7% 0;
        width: 85%;
    }
}

@media screen and (max-width: 710px) {
    #neyaptik .buttons a {
        display:block;
        margin: 0 0 1em;
    }

    #neyaptik .buttons a:first-of-type {
        margin: 0 0 5px;
    }

    #neyaptik li.featured {
        width: 100%;
        float: none;
    }

    #neyaptik ul.small {
        width: 100%;
        margin: auto;
    }

    #neyaptik li.sm {
        width: 33.33%;
        height: auto;
    }

    .features li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 36.65094px;
    }

    .features li:nth-child(3n+3),.features li:nth-child(2n+2) {
        margin-right: 0;
    }

    .features li:last-of-type {
        margin-bottom: 0!important;
    }
}

@media screen and (max-width: 650px) {
    .visible-xs {
        display:block!important;
    }

    #footer ul.information li.map a,#footerdiv ul.information li.map a {
        line-height: 11px;
    }

    #neyaptik ul.main li {
        width: 70%;
        float: none;
        margin: 7% auto!important;
    }

    #neyaptik ul.sub li {
        width: 33%;
        height: 85px;
    }

    #neyaptik ul.sub li img {
        width: 70%;
    }

    .post-type-archive-jobs #services.jobs li {
        margin-bottom: 5%;
    }

    .post-type-archive-jobs #services.jobs a {
        padding: 5%;
    }

    .post-type-archive-jobs #services.jobs h4,.post-type-archive-jobs #services.jobs p {
        width: auto;
        text-align: center;
        float: none;
    }

    .post-type-archive-jobs #services.jobs p {
        margin: 0;
    }

    .post-type-archive-jobs #services.jobs h4 {
        margin-bottom: 2%;
    }

    .post-type-archive-jobs #pozisyonlar.jobs li {
        margin-bottom: 5%;
    }

    .post-type-archive-jobs #pozisyonlar.jobs a {
        padding: 5%;
    }

    .post-type-archive-jobs #pozisyonlar.jobs h4,.post-type-archive-jobs #pozisyonlar.jobs p {
        width: auto;
        text-align: center;
        float: none;
    }

    .post-type-archive-jobs #pozisyonlar.jobs p {
        margin: 0;
    }

    .post-type-archive-jobs #pozisyonlar.jobs h4 {
        margin-bottom: 2%;
    }

    #footer ul.social li:nth-child(4n),#footer ul.social li:nth-child(5n),#footer ul.social li:nth-child(6n) {
        display: none;
    }

    .single-post #social .inner {
        padding: 40px 0;
    }

    .single-post #author-bio .inner {
        padding-top: 40px;
    }

    .single-post #author-bio {
        text-align: center;
    }

    .single-post #author-bio img {
        float: none;
    }

    .single-post #author-bio aside {
        padding: 12% 0 0 0;
    }

    .single-post #header {
        padding-top: 25%;
    }

    .single-post #header h2 {
        margin: 25px 0;
    }

    .article-navigation {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .desktoponly {
        display:none;
    }

    .mobileonly {
        display: inline-block;
    }

    #main-navigation .logo {
        position: fixed;
        left: 5%;
        top: 22px;
    }

    #header .button {
        display: none;
    }

    .single-clients #header .button {
        display: block;
        width: 90%;
        margin: auto;
    }

    a::after {
        display: none;
    }

    .vertical-align .inner {
        display: table-cell;
    }

    .blog .vertical-align .inner {
        padding-top: 0;
    }

    .mobile-navigation {
        right: 5%;
        top: 25px;
        left: auto;
        position: fixed;
        width: 27px;
    }

    #mobile-nav .mobile-navigation {
        display: block;
        float: right;
        width: 12px;
        height: 12px;
        background-image: url("../images/hamburger-x.png");
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        position: relative;
        right: 22px;
        top: 20px;
        opacity: 0;
        padding: 9px;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .active-nav #mobile-nav .mobile-navigation {
        opacity: 1;
    }

    .active-nav-overlay {
        display: none!important;
    }

    .mobile-navigation::after {
        display: none;
    }

    .active-nav,.active-nav body {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    #mobile-nav,#header .inner,.mobile-navigation.outside,.logo,.inner,#footer,.up {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #mobile-nav ul {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    #mobile-nav {
        position: absolute;
        height: 100%;
        padding: 0;
        right: 0;
        top: 0;
        z-index: 200;
        background: #454648;
        visibility: visible;
        display: block;
        overflow: hidden;
        width: 0px;
    }

    #mobile-nav ul {
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        -ms-transform: translateX(150px);
        -o-transform: translateX(150px);
        transform: translateX(150px);
        opacity: 0;
        width: 260px;
    }

    .active-nav #mobile-nav {
        width: 260px;
    }

    .active-nav #mobile-nav ul {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }

    .active-nav .mobile-navigation.outside,.active-nav .logo,.active-nav .inner,.active-nav #footer,.active-nav .up {
        -webkit-transform: translate3d(-260px,0,0);
        -moz-transform: translate3d(-260px,0,0);
        -ms-transform: translate3d(-260px,0,0);
        -o-transform: translate3d(-260px,0,0);
        transform: translate3d(-260px,0,0);
    }

    .active-nav .single-post .mobile-navigation,.active-nav .author .mobile-navigation,.active-nav .page-template-default .mobile-navigation {
        background-image: url("../images/hamburger-black.png")
    }

    #mobile-nav h3 {
        text-transform: uppercase;
        padding-bottom: 10px;
        margin-bottom: 0;
        text-align: center;
        margin-top: 30px;
    }

    #mobile-nav ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 13px;
    }

    #mobile-nav li {
        margin-bottom: 5px;
        width: 100%;
    }

    #mobile-nav li a {
        text-decoration: none;
        float: none;
        width: 78%;
        padding: 13px 30px 10px 30px;
        display: block;
        color: #FFF;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    #mobile-nav .social {
        text-align: center;
        margin-top: 10px;
    }

    #mobile-nav .social li {
        width: 45px;
        float: none;
        display: inline-block;
        margin-right: 4px;
    }

    #mobile-nav .social li a {
        width: 45px;
        height: 45px;
        background-size: 308px 45px;
    }

    #mobile-nav ul.social li.facebook a {
        background-position: -53px 0px;
    }

    #mobile-nav ul.social li.instagram a {
        background-position: -105px 0px;
    }

    #mobile-nav ul.social li.pinterest a {
        background-position: -158px 0px;
    }

    #mobile-nav ul.social li.linkedin a {
        background-position: -263px 0px;
    }

    #mobile-nav a::after {
        display: none;
    }

    #header {
        height: 100%;
        min-height: 450px;
    }

    .home #header h2 {
        margin-bottom: 0;
    }

    .single-post #header,.author #header,.page-template-default #header {
        padding-top: 30px;
    }

    #bizkimiz .inner {
        margin-top: 0;
    }

    #client {
        margin-top: 0;
    }

    #client .inner {
        padding: 10% 0;
    }

    .max-width .inner {
        width: 80%;
        padding: 90px 0;
        margin-top: 0px!important;
    }

    .max-width.post .inner {
        padding: 15% 0 0 0;
    }

    #bizkimiz aside li {
        width: 100%!important;
        margin: 0;
        float: none;
        text-align: left;
        margin-bottom: 25.888px;
    }

    #bizkimiz aside.benefits ul li:nth-child(2n+2) {
        margin-bottom: 25.888px;
    }

    #bizkimiz aside.benefits {
        margin-bottom: 0;
    }

    #bizkimiz aside img {
        float: left;
        margin: 0 20px 0 0;
    }

    #services h2 {
        display: block;
    }

    #pozisyonlar h2 {
        display: block;
    }

    #neyaptik {
        overflow: hidden;
    }

    #neyaptik p,#iletisim p,#basvuru p {
        max-width: 100%;
    }

    #iletisim p,#basvuru p {
        margin-bottom: 20px;
    }

    #neyaptik ul.small {
        width: 90%;
    }

    #neyaptik li.sm {
        width: 47%;
    }

    #neyaptik .button {
        margin: 0;
    }

    #neyaptik .button:last-of-type {
        margin-top: 20px;
    }

    #neyaptik #client-list {
        margin: 0 -15.6% 5% -15.6%;
    }

    .single-clients #neyaptik #client-list {
        margin: 0 -10.6% 5% -10.6%;
    }

    #neyaptik #client-list .wrapper {
        width: 85%;
        margin: auto;
    }

    #neyaptik li.featured {
        margin: 0 0 1px 0;
    }

    #neyaptik li.featured:nth-child(1) {
        margin-top: 5%;
    }

    #neyaptik li.featured:nth-child(3) {
        margin-bottom: 5%;
    }

    #neyaptik li.featured a {
        height: 230px;
    }

    #iletisim .half,#basvuru .half {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    #iletisim input,#iletisim textarea {
        -webkit-appearance: none;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 21px;
        border-radius: 0;
        padding: 10px;
    }

    #basvuru input,#basvuru textarea {
        -webkit-appearance: none;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 21px;
        border-radius: 0;
        padding: 10px;
    }

    #iletisim input:focus,#iletisim textarea:focus {
        padding: 9px!important;
    }

    #iletisim .button {
        display: block;
    }

    #basvuru input:focus,#basvuru textarea:focus {
        padding: 9px!important;
    }

    #basvuru .button {
        display: block;
    }

    #iletisim p,#basvuru p,#neyaptik p,#bizkimiz .left p,#bizkimiz .right ul li .content p,.features li .content p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.75;
    }

    .post-type-archive-jobs #services.jobs li {
        margin: 0;
    }

    .post-type-archive-jobs #services.jobs a {
        padding: 10px;
    }

    .post-type-archive-jobs #services.jobs h4 {
        margin: 0;
    }

    .post-type-archive-jobs #services.jobs p {
        display: none;
    }

    .post-type-archive-jobs #pozisyonlar.jobs li {
        margin: 0;
    }

    .post-type-archive-jobs #pozisyonlar.jobs a {
        padding: 10px;
    }

    .post-type-archive-jobs #pozisyonlar.jobs h4 {
        margin: 0;
    }

    .post-type-archive-jobs #pozisyonlar.jobs p {
        display: none;
    }

    #header.blog h1 {
        background-size: 75px 75px;
        padding-top: 100px;
    }

    #content {
        margin-top: 0;
    }

    #content ol.posts li article {
        width: 100%;
    }

    .blog .up {
        display: none;
    }

    #content ol.posts li article .content {
        width: 85%;
        margin: auto;
        display: block;
    }

    #content ol.posts article .thumbnail {
        margin-top: 5%;
    }

    #content .button {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding: 20px 20px 16px 20px;
    }

    #content.max-width .inner {
        margin-top: 1px;
    }

    .blog #content.max-width .inner {
        padding-bottom: 0;
    }

    #content ol {
        height: auto!important;
        width: 100%;
    }

    #content ol.posts li {
        width: 100%;
        position: static!important;
        margin-bottom: 50px;
    }

    #content ol.posts li:last-of-type {
        margin-bottom: 0;
    }

    #footer ul.information {
        margin-top: 10%;
    }

    #footer ul.information li {
        float: none;
        width: 100%;
        margin-top: 5%;
        text-align: center;
    }

    #footer ul.information li a {
        text-align: left;
    }

    #footer .copy {
        width: 90%;
        margin: auto;
        margin-top: 10%;
    }

    #footer ul.social li {
        margin-right: 15px;
        margin-bottom: 15px;
    }

    #footer ul.social li:nth-child(3) {
        margin-right: 0;
    }

    .blucommerce #header h1 {
        padding: 3% 7%;
    }

    .blucommerce #features .wrapper {
        min-height: 0;
    }

    .blucommerce #features .top-icon {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        left: 50%;
        margin-left: -50px;
        position: relative;
    }

    .blucommerce #features #performance .top-icon {
        background-size: 66px 60px;
    }

    .blucommerce #features #retention .top-icon {
        background-size: 63px 36px;
    }

    .blucommerce #features #marketing .top-icon {
        background-size: 58px 58px;
        background-position: 19px 25px;
    }

    .blucommerce #features #back-office .top-icon {
        background-size: 52px 44px;
    }

    .blucommerce #features #integrations .top-icon {
        background-size: 51px 51px;
        background-position: 21px 22px;
    }

    .blucommerce #header {
        height: 90%;
        min-height: 430px;
    }

    .blucommerce #header .arrow {
        display: none;
    }

    #error h1 {
        line-height: 1.5;
        width: 90%;
        margin: auto;
    }

    #error #footer ul.information {
        margin-top: -7%;
    }

    #client .image-container {
    }

    #client .image-container .top {
        display: none;
    }

    #client .image-container img {
        height: auto;
        width: 100%;
        display: block;
        border: none;
        border-top: 0;
        border-bottom: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #article-navigation {
        padding: 7% 0;
    }

    #article-navigation article {
        width: 100%;
        margin: 0;
    }

    #article-navigation article.prev {
        margin: 0 0 1.5em;
        text-align: center;
    }

    #article-navigation article.next {
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
    #footer ul.social li {
        float:none;
    }

    #footer ul.social li:nth-child(3n+3) {
        margin: 0;
    }
}

@media screen and (max-width: 1510px) {
    #content .posts li {
        width:25%;
    }
}

@media screen and (max-width: 1110px) {
    #content .posts li {
        width:33.3333%;
    }
}

@media screen and (max-width: 900px) {
    #content .posts li {
        width:50%;
    }
}

@media screen and (max-width: 500px) {
    #content .posts li {
        width:100%;
    }
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#filters {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0px 0px 15px 0px;
    border-top: 2px solid rgba(179,179,179,0.13);
    padding-top: 18px;
}

#filters li {
    display: inline-block;
    margin-bottom: 5px;
}

#filters li span {
    display: block;
    padding: 4px 0px;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    font-size: 15px;
    margin-right: 15px;
}

#filters li span.active {
    background: #FFFFFF;
    color: #636363;
    border-bottom: 2px solid #99c9d3;
}

.responsive-tabs__panel {
    font-size: 0px;
    margin-left: -1.7%;
    margin-right: -1.7%;
}

#portfoliolist .portfolio:hover {
    opacity: 1!important;
}

#portfoliolist .portfolio {
    width: 30%;
    float: left;
    background: #fff;
    margin: 3% 1.599999% 0% 1.599999%;
    display: inline-block;
    float: none!important;
}

#portfoliolist .sm {
    display: inline-block;
    float: none!important;
    width: 16.6666%;
    height: 80px;
    margin: 0px!important;
    overflow: hidden;
}

#portfoliolist .sm a {
    position: relative;
    opacity: 0.5;
    display: table;
    height: 100%;
    width: 100%;
}

#portfoliolist .sm a .center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.sm a img {
    width: 80%;
    height: auto;
    margin: auto;
}

#portfoliolist .sm a:hover {
    opacity: 1;
}

#portfoliolist .sm:last-of-type {
    margin: 0;
}

.portfolio-wrapper {
    position: relative!important;
    cursor: pointer;
    display: table;
    height: 100%;
    width: 100%;
    font-size: 0px;
}

.portfolio-wrapper a {
    text-decoration: none!important;
}

.portfolio img {
    max-width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
}

.portfolio .label {
    position: relative;
    width: 100%;
    height: 55px;
    left: 0;
    bottom: 0px;
    z-index: 196;
}

.portfolio .label-bg {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 2px solid #f5f5f5;
}

.portfolio .label-text {
    color: #000;
    position: relative;
    z-index: 123;
    padding: 10px;
    text-align: left;
    font-size: 14px;
}

.portfolio .text-category {
    display: block;
    font-size: 11px;
    margin-top: 3px;
    color: #636363;
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width:959px) {
    .container {
        width:768px;
    }
}

@media only screen and (max-width: 767px) {
    #navigation ul li a {
        font-size:16px;
        margin: 22px 8px 19px 8px;
        display: none;
    }

    #navigation.is_stuck ul {
        padding: 25px 0px;
        background: rgba(255,255,255,0.95);
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

    #navigation {
        margin-bottom: 0px!important;
        height: 0px!important;
        border: none;
    }

    .container {
        width: 95%;
    }

    #portfoliolist .portfolio {
        width: 94%;
        margin: 30px 0px 0px 0px;
    }

    .portfolio .label-text {
        padding-left: 0px;
        padding-right: 0px;
    }

    #ads {
        display: none;
    }

    #header h1 {
        font-size: 38px;
        line-height: 1.1;
    }

    #header h1 > span {
        font-size: inherit!important;
    }

    #neyapariz h2 {
        font-size: 22px;
        margin-bottom: 40px!important;
    }

    #neyapariz h2 > div {
        font-size: 18px!important;
        margin-top: 15px;
    }

    .h2new {
        font-size: 24px!important;
    }

    .mosaicflow__item {
        width: 48%!important;
        float: none!important;
        display: inline-block!important;
        margin-left: 1.5%!important;
        margin-right: -1.5%!important;
    }

    .logo {
        width: 36px!important;
        height: 40px!important;
    }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
    .container {
        width:70%;
    }

    #ads {
        display: none;
    }
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:before,.clearfix:after,.row:before,.row:after {
    content: '\0020';
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,.clearfix:after {
    clear: both;
}

.row,.clearfix {
    zoom:1;}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.text-title {
    color: #000;
    font-size: 14px;
}

#portfoliolist {
}

.portfolio .text-category ul li a {
    display: block;
    font-size: 12px;
    color: #5A5A5A;
    text-align: left;
    text-decoration: none;
    margin: 5px 0px;
}

.wpcf7-not-valid-tip {
    color: #ff2e19;
    width: 100%;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: left;
    margin-top: 5px;
}

.wpcf7-not-valid {
    border-color: #ff2e19!important;
}

h3.projename {
    font-size: 18px;
    line-height: 1.33;
    color: rgba(255,255,255,0.75);
    margin-top: -20px;
    margin-bottom: 30px;
}

.projecat {
    color: #fff!important;
}

div.wpcf7-validation-errors {
    border: none;
    color: red;
    margin: 0px 0px 20px 0px;
}

* {
    outline: none!important;
}

section {
    outline: none!important;
}

.hidden-cat {
    display: none!important;
}

.grid {
    position: relative;
}

.grid .portfolio-wrapper {
    position: relative;
    float: left;
    overflow: hidden;
}

.grid .portfolio-wrapper img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
}

.grid .portfolio-wrapper .figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid .portfolio-wrapper .figcaption::before,.grid .portfolio-wrapper .figcaption::after {
    pointer-events: none;
}

.grid .portfolio-wrapper .figcaption,.grid .portfolio-wrapper .figcaption > a {
    position: absolute;
    top: -55px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid .portfolio-wrapper .figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid .portfolio-wrapper h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid .portfolio-wrapper h2 span {
    font-weight: 800;
}

.grid .portfolio-wrapper h2,.grid .portfolio-wrapper p {
    margin: 0;
}

.grid .portfolio-wrapper p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
}

figure.effect-lily h2,figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-lily p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
    transition: opacity 0.2s,transform 0.35s;
}

figure.effect-lily:hover img,figure.effect-lily:hover p {
    opacity: 1;
}

figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.portfolio-wrapper.effect-sadie .figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0%,rgba(72,76,97,0.8) 75%);
    background: linear-gradient(to bottom,rgba(72,76,97,0) 0%,rgba(72,76,97,0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

.portfolio-wrapper.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    -webkit-transition: -webkit-transform 0.35s,color 0.35s;
    transition: transform 0.35s,color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

.portfolio-wrapper.effect-sadie .figcaption {
    z-index: 198;
    cursor: default;
}

.portfolio-wrapper.effect-sadie .figcaption::before,.portfolio-wrapper.effect-sadie p {
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}

.portfolio-wrapper.effect-sadie p a {
    color: #fff;
    text-decoration: none;
}

.portfolio-wrapper.effect-sadie .p1 {
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 1.5em;
    font-size: 14px!important;
    width: 50%;
    text-align: left;
    max-width: none!important;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

.portfolio-wrapper.effect-sadie .p2 {
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 1.5em;
    font-size: 14px!important;
    width: 50%;
    text-align: right;
    max-width: none!important;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

.portfolio-wrapper.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

.portfolio-wrapper.effect-sadie:hover .figcaption::before,.portfolio-wrapper.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-roxy {
    background: -webkit-linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);
    background: linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
    padding: 3em;
    text-align: left;
}

figure.effect-roxy h2 {
    padding: 30% 0 10px 0;
}

figure.effect-roxy p {
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,figure.effect-roxy:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-bubba {
    background: #9e5406;
}

figure.effect-bubba img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
    opacity: 0.4;
}

figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}

figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

figure.effect-bubba h2 {
    padding-top: 30%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-bubba:hover h2,figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

figure.effect-romeo img {
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,0,300px);
    transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,figure.effect-romeo figcaption::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
    transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,figure.effect-romeo p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-romeo h2 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
    padding: 0.25em 2em;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
    transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
    transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

figure.effect-layla {
    background: #18a367;
}

figure.effect-layla img {
    height: 390px;
}

figure.effect-layla figcaption {
    padding: 3em;
}

figure.effect-layla figcaption::before,figure.effect-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}

figure.effect-layla figcaption::before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

figure.effect-layla h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-layla p {
    padding: 0.5em 2em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}

figure.effect-layla img,figure.effect-layla h2 {
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}

figure.effect-layla img,figure.effect-layla figcaption::before,figure.effect-layla figcaption::after,figure.effect-layla p {
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}

figure.effect-layla:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,figure.effect-layla:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-layla:hover h2,figure.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-honey {
    background: #4a3753;
}

figure.effect-honey img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-honey:hover img {
    opacity: 0.5;
}

figure.effect-honey figcaption::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em 1.5em;
    width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
    font-style: normal;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,figure.effect-honey h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,figure.effect-honey:hover h2,figure.effect-honey:hover h2 i {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);
    background: linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
    padding: 3em;
    background-color: rgba(58,52,42,0.7);
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

figure.effect-oscar h2 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
    opacity: 0.4;
}

figure.effect-marley figcaption {
    text-align: right;
}

figure.effect-marley h2,figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}

figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
    top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}

figure.effect-marley:hover h2::after,figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-ruby {
    background-color: #17819c;
}

figure.effect-ruby img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

figure.effect-ruby:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-ruby h2 {
    margin-top: 20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
    margin: 1em 0 0;
    padding: 3em;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
    transform: translate3d(0,20px,0) scale(1.1);
}

figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo {
    background: #2e5d5a;
}

figure.effect-milo img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-30px,0,0) scale(1.12);
    transform: translate3d(-30px,0,0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-milo:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em 1.2em;
}

figure.effect-milo p {
    padding: 0 10px 0 0;
    width: 50%;
    border-right: 1px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-dexter {
    background: -webkit-linear-gradient(top,rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
    background: linear-gradient(to bottom,rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
}

figure.effect-dexter img {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
    opacity: 0.4;
}

figure.effect-dexter figcaption::after {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    height: -webkit-calc(50% - 30px);
    height: calc(50% - 30px);
    border: 7px solid #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
    padding: 3em;
    text-align: left;
}

figure.effect-dexter p {
    position: absolute;
    right: 60px;
    bottom: 60px;
    left: 60px;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-sarah {
    background: #42b078;
}

figure.effect-sarah img {
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-sarah:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
    text-align: left;
}

figure.effect-sarah h2 {
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
}

figure.effect-sarah h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-sarah p {
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background: #fff;
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
    float: left;
}

figure.effect-zoe p.icon-links a {
    float: right;
    color: #3c4a50;
    font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,figure.effect-zoe:hover p.icon-links a:focus {
    color: #252d31;
}

figure.effect-zoe p.description {
    position: absolute;
    bottom: 8em;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
}

figure.effect-zoe h2,figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: 'feathericons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
    content: '\e000';
}

.icon-paper-clip::before {
    content: '\e001';
}

.icon-heart::before {
    content: '\e024';
}

figure.effect-zoe h2 {
    display: inline-block;
}

figure.effect-zoe:hover p.description {
    opacity: 1;
}

figure.effect-zoe:hover figcaption,figure.effect-zoe:hover h2,figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

figure.effect-chico img {
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

figure.effect-chico:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-chico figcaption {
    padding: 3em;
}

figure.effect-chico figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

figure.effect-chico figcaption::before,figure.effect-chico p {
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s
}

figure.effect-chico h2 {
    padding: 20% 0 20px 0;
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 50em) {
    .content {
        padding:0 10px;
        text-align: center;
    }

    .grid .portfolio-wrapper {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-wrapper.effect-sadie .p1,.portfolio-wrapper.effect-sadie .p2 {
        font-size:12px!important;
        letter-spacing: 0.5px!important;
    }
}

@media (min-width: 768px) and (max-width:1244px) {
    .portfolio-wrapper.effect-sadie .p2 {
        width:100%!important;
        bottom: 50px!important;
        right: auto!important;
        left: 0px!important;
        text-align: left!important;
        padding-bottom: 0px!important;
    }

    .portfolio-wrapper.effect-sadie .p1 {
        width: 100%!important;
        padding-top: 0px!important;
    }

    #neyaptik > .inner {
        max-width: none!important;
        width: 95%!important;
    }
}

.pricing-table-wrapper {
    max-width: 71rem;
    margin: 0 auto;
}

.pricing-table {
    --pricing-table-color: hsl(219,83%,57%);
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(16em,1fr));
    grid-gap: 2em;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

.pricing-table__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    padding: 2em;
    border-radius: 0;
    -webkit-transition: box-shadow 200ms cubic-bezier(0.02,0.01,0.47,1),-webkit-transform 200ms cubic-bezier(0.02,0.01,0.47,1);
    transition: box-shadow 200ms cubic-bezier(0.02,0.01,0.47,1),-webkit-transform 200ms cubic-bezier(0.02,0.01,0.47,1);
    transition: box-shadow 200ms cubic-bezier(0.02,0.01,0.47,1),transform 200ms cubic-bezier(0.02,0.01,0.47,1);
    transition: box-shadow 200ms cubic-bezier(0.02,0.01,0.47,1),transform 200ms cubic-bezier(0.02,0.01,0.47,1),-webkit-transform 200ms cubic-bezier(0.02,0.01,0.47,1);
}

.pricing-table__item:hover {
    box-shadow: 0 40px 40px rgba(0,0,0,0.16);
    -webkit-transform: translate(0,-20px);
    transform: translate(0,-20px);
}

.pricing-table__item--popular {
    position: relative;
}

.pricing-table__item--popular::before {
    position: absolute;
    content: attr(data-popular);
    top: 2em;
    right: 2em;
    font-size: .9em;
    padding: 0 1em;
    background-color: #ffd900;
    border-radius: 1em;
    color: #282824;
}

.pricing-table__img {
    margin: 2.5em auto 4em;
    width: 100%;
    max-width: 9.3em;
}

.pricing-table__title {
    margin: 0;
    font-size: 1.2em;
    text-transform: capitalize;
}

.pricing-table__description {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 auto;
}

.pricing-table__tagline {
    margin: 0;
    color: #9ea0a3;
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
}

.pricing-table__price {
    color: #46919b;
    font-size: 1.6em;
    margin: 10px auto 0;
    font-weight: bold;
}

.pricing-table__label {
    margin: 0;
    color: #9ea0a3;
    font-size: 14px;
    font-weight: normal;
    margin-left: 8px;
}

.pricing-table__save {
    color: #848586;
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
}

.pricing-table__products {
    margin: 25px 0px 0px 0px;
    padding: 0;
    list-style-type: none;
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: flex-start;
}

.pricing-table__product {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: normal;
    margin-bottom: .5em;
    font-size: 13.5px;
    letter-spacing: 0px;
}

.pricing-table__product a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: default;
}

.pricing-table__product a:hover {
    color: #46919b;
}

.pricing-table__product::before {
    content: ' ';
    width: .5em;
    height: .5em;
    -webkit-margin-end: 1em;
    margin-inline-end:1em;border-radius: 50%;
    background-color: #458f99;
}

.pricing-table__product--excluded::before {
    content: ' ';
    width: .5em;
    height: .5em;
    -webkit-margin-end: 1em;
    margin-inline-end:1em;border-radius: 0;
    color: red;
    background: no-repeat url("data:image/svg+xml,%3Csvg xmlns=!string!xmlns:xlink=!string!viewBox=!string!id=!string!width=!string!height=!string!fill=!string!%3E%3Cg%3E%3Cpath d=!string!/%3E%3C/g%3E%3C/svg%3E") center/contain;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
}

.pricing-table__button {
    background: var(--pricing-table-color);
    color: #fff;
    margin-top: auto;
    padding: 1em 2em;
    text-decoration: none;
    width: 100%;
    border-radius: 1.87em;
    text-align: center;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    text-transform: capitalize;
}

.pricing-table__button:hover {
    background-color: #4cae4f;
}

#fiyatlar h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 54px;
    margin-bottom: 0.75em;
}

@media screen and (max-width: 600px) {
    #fiyatlar h2 {
        font-size:22px;
    }
}

.pricing-table hr {
    height: 1px;
    width: 100%;
    border: none;
    background: #f3f6f8;
    margin: 30px 0px 10px 0px;
}

.pricing-table h5 {
    margin-top: 10px;
    color: #45919b;
    background: #f3f6f8;
    padding: 6px 15px;
    border-radius: 50px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.responsive-tabs__heading {
    display: none
}

.responsive-tabs__list__item {
    display: inline;
    cursor: pointer;
}

@media (max-width: 767px) {
    .responsive-tabs__list {
        display:none;
    }

    .responsive-tabs__heading {
        display: block;
        cursor: pointer;
    }

    .responsive-tabs__panel--closed-accordion-only {
        display: none;
    }
}

@media (min-width: 768px) {
    .responsive-tabs__panel--closed-accordion-only {
        display:block!important;
    }
}

.responsive-tabs-wrapper {
    clear: both;
    zoom:1;}

.responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after {
    content: "";
    display: table;
}

.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus,.responsive-tabs__list__item:focus {
    outline: none!important;
}

.responsive-tabs__heading--active:focus,.responsive-tabs__list__item--active:focus {
    outline: none!important;
}

.responsive-tabs__list {
    font-size: 1.2em;
    margin: 10px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
}

.responsive-tabs__list__item {
    margin-left: -1px;
    border: 1px solid #dddddd;
    margin-bottom: -1px;
    text-decoration: none;
    color: #454648;
    font-size: 15px;
    line-height: 1;
    padding: 20px 0px 16px 0px!important;
    display: inline-block;
    background: #fff;
    min-width: 220px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    font-weight: 500;
}

.responsive-tabs__list__item:hover {
    background: #f5f5f5;
}

.responsive-tabs__list__item--active,.responsive-tabs__list__item--active:hover {
    background: #fff;
    border-bottom-color: #fff;
    padding: 25px 0px 16px 0px!important;
    margin-top: -10px!important;
}

.responsive-tabs__panel {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .responsive-tabs__heading {
        padding:0;
        border: 1px solid #ccc;
        background: #FFF;
        position: relative;
        font-size: 16px!important;
        text-align: left;
        padding-left: 23px;
    }

    .responsive-tabs__heading:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 40%;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #C4C4C4;
    }

    .responsive-tabs__heading:hover,.responsive-tabs__heading--active:hover {
        background-color: #efefef;
    }

    .responsive-tabs__heading--active {
        background: #fff;
    }

    .responsive-tabs__heading--active:after {
        border-bottom: 10px solid #C4C4C4;
        border-top: 0
    }
}

@media (min-width: 1460px) and (max-width:1500px) {
    .responsive-tabs__list__item {
        min-width:235px!important;
    }
}

@media (min-width: 1200px) and (max-width:1460px) {
    .responsive-tabs__list__item {
        min-width:190px!important;
    }
}

@media (min-width: 800px) and (max-width:1200px) {
    .responsive-tabs__list__item {
        min-width:19.5%!important;
    }
}

@media (min-width: 800px) and (max-width:1024px) {
    .responsive-tabs__list__item {
        min-width:20%!important;
        font-size: 13px;
    }
}

@media (min-width: 400px) and (max-width:800px) {
    .responsive-tabs__list__item {
        min-width:20%!important;
        font-size: 13px!important;
    }
}

ul.information max-width {
max-width:600px;}

#footerdiv2 {
	
    max-width: 400px;
    margin: auto;
    padding-top: 20px;
}

.map {width:100%;}