/* #################################################################################### */


/* ##### + + + pages css imported ##################################################### */


/* #################################################################################### */

@import url('bootstrap.css');
@import url('bootstrap-theme.css');
@import url('owl.css');
@import url('animate.css');
@import url('hover.css');
@import url('grid.css');
@import url('rawline.css');
@import url('../addons/fancybox/jquery.fancybox.css');
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=latin-ext');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* #################################################################################### */


/* ##################################################### / / / pages css imported ##### */


/* #################################################################################### */

ul,
li,
div,
a,
img,
table,
tr,
td {
    box-sizing: border-box;
}

body {
    background: #fee9ea url(../images/background_ekose_ab.jpg) repeat center top;
    color: #666;
    font: normal 12px 'rawline', sans-serif;
    line-height: 20px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.transeffect {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.img-responsive {
    width: auto;
}

.pDNone {
    display: block;
}

.col-lg-1_5 {
    width: 20%;
    padding: 0 15px;
}

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

.scrolloff {
    pointer-events: none;
    cursor: pointer;
}

.colx {
    width: 100%;
}

hr {
    border: none;
    border-top: #dfdfdf 1px solid;
}

a {
    color: #666;
    font: normal 12px 'rawline', sans-serif;
}

a:hover {
    color: #6fcbd2;
    text-decoration: underline;
}

.ta-right {
    text-align: right;
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.mainContent {
    background: #fff;
    padding: 15px 30px;
    margin-top: 75px;
    border-radius: 10px;
    margin-bottom: 100px;
}
.phoneMenu          { width:100%; height:100%; background:rgba(0,0,0,0.95); position:fixed; z-index:9999; top:0; overflow: scroll; overflow-x:hidden; display:none; color:#fff; }
.phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
.phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#f2b045; font:normal 28px 'rawline', sans-serif; }
.phoneMenu ul           { display:block; padding:20px 0 0 20px; }
.phoneMenu ul li            { display:block; padding: 0 0 18px 0; }
.phoneMenu ul li a              { display:block; color:#fff; font:normal 16px 'rawline', sans-serif; }
.phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

.logo {
    margin-top: -75px;
    cursor:pointer;
    text-align: center;
}
.logo a { cursor:pointer; }
.logo a img { cursor:pointer; }

.atolye     { text-align:center; color:#ed1b24; font: bold 14px 'rawline', sans-serif; margin-bottom:25px; }
.atolye a { width:100%; height:200px; display:block; margin-bottom:10px; border-radius:10px; }

.atolye2     { text-align:center; color:#ed1b24; font: bold 14px 'rawline', sans-serif; margin-bottom:25px; }
.atolye2 a { width:100%; height:150px; display:block; margin-bottom:10px; border-radius:10px; }

.owl-carousel-social .owl-controls { margin-top:5px !important; }
.instagram-image    { border-radius:5px; }

.social {
    width: 216px;
    height: 250px;
    background: url(../images/sosyalbg.png) no-repeat center top;
    position: absolute;
    right: 0;
    margin-top: -45px;
}

.social ul {
    margin: 0;
    padding: 80px 30px 0 34px;
    text-align: center;
}

.social ul li {
    width: 50px;
    height: 50px;
    padding: 0;
    display: inline-block;
    list-style: none;
    margin: 4px;
}



.menu {
    margin-top:0;
}

.menu ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.menu ul li {
    display: inline-block;
    margin: 0 10px;
    list-style: none;
}

.menu ul li a {
    color: #ed1b24;
    font: normal 24px 'Lobster', cursive;
}

.menu ul li a:hover {
    color: #bf161d;
    cursor:pointer;
    text-decoration: none;
}

.slider {
    margin: 15px 0 40px 0;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}

.devami { background:#ff9090; color:#fff; padding:10px 25px 12px 25px; margin-top:10px; border-radius:5px; display:inline-block; }
.devami:hover { background:#ed1b24; color:#fff; text-decoration:none; }

.slider ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.slider ul li {
    width: 100%;
    height: 500px;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.slider ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

.mainSlider .item div {
    width: 450px;
    position: absolute;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    margin: 30px;
    padding: 20px;
    color: #555;
    font: normal 14px 'rawline', sans-serif;
    line-height: 20px;
}

.mainSlider .item div h3 {
    padding: 0;
    margin: 0;
    font: normal 30px 'Lobster', cursive;
    margin-bottom: 15px;
}

.mainSlider .item div a {
    color: #fff;
    border-radius: 4px;
    background: #020202;
    float: left !important;
    padding: 12px;
    width: auto;
    font: normal 14px 'rawline', sans-serif;
    margin-top: 20px;
    text-decoration: none;
}

.mainSlider .item div a:hover {
    color: #fff;
    background: #ff484c;
}

.mainSlider .item div hr {
    border: none;
    padding: 0;
    margin: 0;
}

.owl-theme .owl-controls {
    margin-top: -41px;
}

.menu hr {
    border: none;
    display: block;
    clear: both;
    margin: 10px 0;
    padding: 0;
}

.headerbuttons {
    font-size: 20px;
    float: right;
    margin: 11px 10px 0 10px;
}

.sepetmetni {
    width: 17px;
    height: 17px;
    position: absolute;
    margin: -32px 0 0 10px;
    color: #fff;
    font: 200 10px 'rawline', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #555;
    border-radius: 100px;
}

.newheader {
    padding: 10px 15px 10px 15px;
}

.hometext {
    text-align: center;
    line-height: 26px;
    padding: 0 100px;
}

.hometext h4 {
    color: #ff9090;
    font: normal 30px 'Lobster', cursive;
}

.newproject {
    margin-top: 20px;
}

.newproject h4 {
    color: #ff9090;
    font: normal 30px 'Lobster', cursive;
}

.newproject .item {
    padding: 5px;
}

.dotted {
    height: 17px;
    background: url(../images/dotted.png) repeat-x center top;
    margin: 15px 0;
}

.stepkare {
    padding: 15px;
}

.stepkare a {
    width: 100%;
    height: 100%;
    display: block;
}

.stepkare div {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 15px;
    color: #fff;
    font: normal 20px 'Lobster', cursive;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.stepucgen {
    padding: 15px;
}

.stepucgen a {
    width: 100%;
    height: 100%;
    display: block;
}

.stepucgen div {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 15px;
    color: #fff;
    font: normal 20px 'Lobster', cursive;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.stepyarim {
    padding: 15px 0;
}

.stepyarim a {
    width: 100%;
    height: 100%;
    display: block;
}

.stepyarim div {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 15px;
    color: #fff;
    font: normal 20px 'Lobster', cursive;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.footer {
    padding: 30px 0 20px;
    0;
    font-size: 11px;
}

.footer input[type=text] {
    width: 80%;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    float: left;
}

.footer input[type=submit] {
    width: 20%;
    padding: 7px 5px;
    box-sizing: border-box;
    outline: none;
    float: right;
}

.footer b {
    font-size: 14px;
    font-weight:bold;
    display: block;
}

.copyright {
    text-align: center;
    font: normal 12px 'rawline', sans-serif;
    margin-bottom: 30px;
}

.copyright a {
    font: bold 12px 'rawline', sans-serif;
}

.subpage {
    padding: 40px 15px;
}

.subpage h2.subtitle {
    color: #ff9797;
    font: normal 30px 'Lobster', cursive;
    padding: 0;
    margin: 0 0 20px 0;
}

.description--grid {
    background: #fff;
    border: #dfdfdf 1px solid;
    padding: 15px;
    color: #ff8c8c;
    font: 700 14px 'rawline', sans-serif;
    line-height: 20px;
}

.description--grid span {
    color: #555;
    font: 400 12px 'rawline', sans-serif;
}

.dukkan {
    color: #ff9797;
    font: normal 30px 'Lobster', cursive;
}

.dukkanDetay {
    margin: 30px 0 0 0;
}

.dukkanDetay img {
    border-radius: 4px;
}

.dukkanDetay {
    margin-top: 30px;
    font: 300 13px 'rawline', sans-serif;
    padding: 0 0 30px 0;
}

.dukkanDetay h1 {
    margin: 0 0 20px 0;
    font: 300 30px 'rawline', sans-serif;
    padding: 0;
}

.dukkanDetay ul,
.dukkanDetay ul li {
    margin: 0;
    padding: 0;
}

.dukkanDetay ul li a {
    font: 400 16px 'rawline', sans-serif !important;
    text-decoration: underline;
}

.dukkanDetay ul {
    margin: 0 0 0 22px;
}

.dukkanDetay ul li {
    list-style-type: circle;
    font: 300 16px 'rawline', sans-serif;
    line-height: 26px;
}

.size-price {
    margin-top: 20px;
    border: 1px #efefef solid;
    padding: 20px 0;
    border-left: 0;
    border-right: 0;
}

.size-price input[type=number] {
    width: 40px;
    outline: none;
    float: right;
    text-align: center;
    padding: 11px;
}

.size-price select {
    width: 150px;
}

.size-price span {
    font-size: 24px;
}

.addtocard {
    background: #fff;
    float: right;
    margin-left: 10px;
    font: 200 14px 'rawline', sans-serif;
    padding: 12px 15px 15px 15px;
    border: #dfdfdf 1px solid;
}

.addtocard:hover {
    background: #f2f2f2;
    color: #333;
    font: 200 14px 'rawline', sans-serif;
    text-decoration: none;
}

.contactform input[type=text] {
    width: 100%;
    padding: 10px;
    margin: 0 0 15px 0;
    border: #dfdfdf 1px solid;
    outline: none;
}

.contactform textarea {
    width: 100%;
    padding: 10px;
    margin: 0 0 15px 0;
    height: 200px;
    border-color: #dfdfdf;
    outline: none;
}

.kategoriBg {
    width: 100%;
    float: left;
    background: #fde6e7;
    padding: 20px;
    border-radius: 10px;
}

.kategoriBg hr {
    border: none;
    border-top: #fff 1px solid;
    margin: 5px 0;
}

.kategoriBg b {
    color: #333;
    font: 700 15px 'rawline', sans-serif;
}

.kategoriBg ul,
.kategoriBg ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.kategoriBg ul {
    margin: 15px 0 0 15px;
}

.kategoriBg ul li {
    list-style-type: circle;
    color: #333;
    margin-bottom: 3px;
}

.kategoriBg ul li a {
    width: 100%;
    display: block;
    color: #333;
    font: 400 12px 'rawline', sans-serif;
    text-decoration: none;
}

.kategoriBg ul li a.active {
    width: 100%;
    display: block;
    color: #000;
    font: 600 12px 'rawline', sans-serif;
    text-decoration: underline;
}

.kategoriBg ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.urunLinki {
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
}

.urunLinki:hover {
    text-decoration: none;
}

.urunLinki:hover>b {
    background: #6fcbd2;
    color: #fff;
}

.urunLinki:hover>span strong {
    background: rgba(53, 162, 165, 0.8);
    color: #fff;
}

.urunLinki img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    z-index: 1;
}

.urunLinki span {
    width: 100%;
    text-align: right;
    color: #fff;
    font: 600 15px 'rawline', sans-serif;
    text-decoration: none;
    margin: -35px 0 0 0;
    position: absolute;
    z-index: 3;
}

.urunLinki span strong {
    background: rgba(0, 0, 0, 0.5);
    padding: 7px 12px;
    float: right;
    border-top-left-radius: 5px;
}

.urunLinki b {
    background: #fde6e7;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 15px;
    color: #333;
    font: 600 13px 'rawline', sans-serif;
    text-decoration: none;
    margin: 0 0 15px 0;
    min-height: 75px;
    max-height: 75px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.urunTitle {
    color: #ff8c8c;
    font: 700 24px 'rawline', sans-serif;
    margin: 0 0 15px 0;
}

.ucretsizkargo {
    font-size: 15px;
    border-top: 0;
    padding-top: 0;
}

.ucretsizkargo img {
    margin-bottom: 8px;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
    .social {
        display: none;
    }
    .logoImage {
        width: 100%;
    }
    .mainSlider .item div {
        width: 100%;
        margin: 0;
    }
    .mainSlider .item div h3 {
        font: normal 25px 'Lobster', cursive;
    }
    .hometext {
        text-align: center;
        line-height: 18px;
        padding: 0 20px;
    }
    .hometext h4 {
        color: #ff9090;
        font: normal 30px 'Lobster', cursive;
    }
    .subpage {
        padding: 40px 0;
    }
    .mainContent {
        margin-top: 65px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
    .social {
        display: none;
    }
    .logoImage {
        width: 100%;
    }
    .mainSlider .item div {
        width: 100%;
        margin: 0;
    }
    .mainSlider .item div h3 {
        font: normal 25px 'Lobster', cursive;
    }
    .hometext {
        text-align: center;
        line-height: 18px;
        padding: 0 20px;
    }
    .hometext h4 {
        color: #ff9090;
        font: normal 30px 'Lobster', cursive;
    }
}

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

@media only screen and (min-width: 769px) and (max-width: 1024px) {}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {}

@media only screen and (min-width: 1281px) and (max-width: 1370px) {}

@media only screen and (min-width: 1371px) and (max-width: 1681px) {}

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
.whiteContent {
    padding: 15px;
    background: #fff;
    margin-bottom: 30px;
}

.pacecontext {
    line-height: 22px !important;
    font: 300 14px 'Montserrat', sans-serif;
}

.pacecontext>p {
    font-size: 107.5%;
}

.pacecontext ul>li {
    list-style-type: circle;
    margin: 0 0 10px 40px;
}

.pacecontext strong {
    font-family: 'rawline', sans-serif;
    font-size: 107.5%;
}

.pacecontext li strong:first-child {
    padding-right: 8px;
}

.pacecontext p strong:first-child {
    margin-left: 1.2em;
}

.pacecontext ol>li {
    list-style-type: none;
    margin: 0 0 10px 0px;
}

.footerTabs a {
    color: #555;
}