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

    @import url('bootstrap.css?v=1.0.0');
    @import url('bootstrap-theme.css');
    @import url('/addons/fancybox/jquery.fancybox.css');
    @import url('animate.css');
    @import url('hover.css');
    @import url('owl.css');
    @import url('selectbox.css?version=1.0.0');
    @import url('pageload.css');
    @import url('pagetransitions.css');
    @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
    @import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,800,900&subset=latin-ext');


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

    /* ##### general css  */

    ul, li, div, a, img, table,
    tr, td, input, textarea, select { box-sizing: border-box; }
    a, a:link, a:hover              { cursor:pointer; }
    ::-webkit-input-placeholder     { color:#333; }
    ::-moz-placeholder              { color:#333; }
    :-ms-input-placeholder          { color:#333; }
    :-moz-placeholder               { color:#333; }

    body            {
         background:#f0f1f5;
         color:#222; font:400 13px 'Montserrat', sans-serif;
         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; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:400 13px 'Montserrat', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }
    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }

    input[type=text]     { width:100%; border:none; border-radius: 3px; padding:16px; outline:none; color:#555; font:400 14px 'Montserrat', sans-serif; }
    input[type=password] { width:100%; border:none; border-radius: 3px; padding:16px; outline:none; color:#555; font:400 14px 'Montserrat', sans-serif; }
    input[type=submit]   { padding:12px 20px; border:none; border-radius:5px; background:#8e0028; color:#fff; font:500 14px 'Montserrat', sans-serif; }
    input[type=submit]:hover   { background:#515151; color:#fff; }

    .brief_page     { display:none; z-index:999; }
    .blackBg        { width:100%; height:100%; color:#fff; position:fixed; z-index:999; top:0; left:0; background:rgba(0,0,0,0.7); display:flex; align-items: center; justify-content: center; }

    .headerTop      { background:#f1f1f1; padding:10px 15px; }
    .headerTop a                { color:#333; font:500 13px 'Montserrat', sans-serif; }
    .headerTop a:hover              { color:#333; text-decoration:none; }
    .headerTop .socialmedya a   { margin-left:5px; font-size:15px; }

    .header         { padding:15px 15px 20px 15px; background:#fff; }
    .header .menu ul, .header .menu ul li   { padding:0; margin:0; list-style-type:none; }
    .header .menu ul li   { padding:27px 0 0 0; float:left; font:300 14px 'Montserrat', sans-serif; }
    .header .menu ul li a       { font:500 15px 'Montserrat', sans-serif; padding:15px; box-sizing: border-box; display:block; }
    .header .menu ul li a:hover       { background:#8e0028; color:#fff; text-decoration:none; }
    .sepetmetni     { width:17px; height:17px; position:absolute; margin:7px 0 0 25px; color:#fff; font:200 10px 'Montserrat', sans-serif; display:flex; align-items: center; justify-content: center; text-align: center; background:#555; border-radius: 100px; }
    .header .menu ul li .menuIcon   { font-size:50px; margin:0 15px; }
    .header .menu ul li .menuItem p { line-height:20px; padding-top:3px; }
    .header .menu ul li .menuItem p b   { font:800 14px 'Montserrat', sans-serif; }
    .header .menu ul li .menuItem p a   { font:400 12px 'Montserrat', sans-serif; }

    .content    { padding:30px 15px 0 15px; }
    .content .slider img    { border-radius:5px; overflow: hidden; }
    .sliderRightText    { line-height:18px; text-align:left; }
    .sliderRightText b.title    { font:400 20px 'Montserrat', sans-serif; }
    .sliderRightText b          { font:500 15px 'Montserrat', sans-serif; }
    .contentMenu ul, .contentMenu ul li     { padding:0; margin:0; list-style:none; }
    .contentMenu ul li a    { padding:15px; margin-bottom:7px; color:#8e0028; display:block; background:#fff; border-radius:5px; font:400 14px 'Montserrat', sans-serif; }
    .contentMenu ul li a:hover, .contentMenu ul li a.active    { color:#fff; background:#8e0028; text-decoration:none; }
    .contentMenu ul li a:hover i, .contentMenu ul li a.active i   { margin-right:5px; }

    .contentTab ul, .contentTab ul li     { padding:0; margin:0; list-style:none; text-align:center; }
    .contentTab ul li   { padding:0 15px 25px 15px; }
    .contentTab ul li a b    { color:#8e0028; font:400 15px 'Montserrat', sans-serif; margin:10px 0 0 0; display:block; }
    .contentTab ul li a:hover   { text-decoration:none; }

    .footer     { padding:50px 15px 0 15px; min-height:600px; background:url(../images/footer_bugday.jpg) no-repeat center bottom; }

    .footerTabs { margin-top:40px; line-height:22px; padding-top:15px; }
    .footer h4 { color:#8e0028; font:600 15px 'Montserrat', sans-serif; padding-bottom:10px; }
    .footerTabs h5 { color:#8e0028; font:700 18px 'Montserrat', sans-serif; padding-bottom:10px; border-bottom:#8e0028 1px solid; }

    .pacecontext    { color:#000; font:400 13px 'Montserrat', sans-serif; line-height:22px; }
    .pacecontext h1   { color:#8e0028; font:500 26px 'Montserrat', sans-serif; margin:0 0 15px 0; padding-bottom:10px; border-bottom:#8e0028 1px solid; }
    .pacecontext h5   { color:#000; font:700 16px 'Montserrat', sans-serif; margin:20px 0 15px 0; padding-bottom:5px;  }

    .tavsiyebirak input[type=text]   { width:100%; padding:15px; outline:none; border:none; margin-bottom:20px; background:#fff; border-bottom:#d5d5d5 2px solid; }
    .tavsiyebirak input[type=password]   { width:100%; padding:15px; outline:none; border:none; margin-bottom:20px; background:#fff; border-bottom:#d5d5d5 2px solid; }
    .tavsiyebirak input[type=submit] { padding:15px 30px; color:#8e0028; background:#fff; border:none; outline:none; border-bottom:#d5d5d5 2px solid; }
    .tavsiyebirak input[type=submit]:hover   { background:#8e0028; color:#fff; border-bottom:#333 2px solid; }
    .tavsiyebirak textarea           { width:100%; height:100px; padding:10px; outline:none; border:none; background:#fff; margin-bottom:15px; border-bottom:#d5d5d5 2px solid; }

    .sepetADD   { width:100%; text-align:center; display:block; background:#8e0028; color:#fff; padding:15px; font:700 14px 'Montserrat', sans-serif; margin:5px 0; }
    .sepetADD:active, .sepetADD:link   { width:100%; text-align:center; display:block; background:#8e0028; color:#fff; padding:15px; font:700 14px 'Montserrat', sans-serif; margin:5px 0; text-decoration:none; }
    .sepetADD:hover   { background:#8e0028; color:#fff; text-decoration:none; }

    .sepetButton    { width:180px; padding:10px 20px; display: inline-block; border-radius:4px; text-align:center; background:#8e0028; color:#fff; font:600 14px 'Montserrat', sans-serif; }
    .sepetButton:hover    { background:#8e0028; color:#fff; text-decoration:none; }

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

    .prodList        { height:260px; }
    .beyazarka      { background:#fff; padding:30px 30px; }

    .sepetXXX   { cursor:pointer; }
    .urunkategory  { margin:0 0 20px 0; height:600px; flex-direction: column; padding:0; border:#fff 4px solid; border-left:#fff 2px solid; border-right:#fff 2px solid; box-sizing: border-box; display:flex; align-items: center; justify-content: center; }
    .urunkategory div   { width:100%; height:592px; position:absolute; z-index:1; background:rgba(0,0,0,0.7); }
    .urunkategory h2    { color:#fff; font:600 30px 'Montserrat', sans-serif; z-index:2; }
    .urunkategory a     { color:#fff; font:400 13px 'Montserrat', sans-serif; z-index:2; margin:15px; border:#fff 3px solid; padding:10px 30px; }
    .urunkategory a:hover       { color:#fff; background:#8e0028; border-color:#8e0028; text-decoration:none; }

    .blog   { margin-top:30px; }
    .blog .blogPicture  { width:100%; height:170px; }
    .blog .blogPicture a    { width:100%; height:100%; display:block; border-radius:5px; border-bottom-left-radius: 0; border-bottom-right-radius:0; }
    .blog .blogTitle    { width:100%; height:75px; background:#fff; border-radius:5px; border-top-left-radius: 0; border-top-right-radius: 0; text-align:center; display:flex; justify-content: center; align-items: center; }
    .blog .blogTitle a  { color:#8e0028; font:600 16px 'Montserrat', sans-serif; }

@media only screen and (min-width : 0px) and (max-width : 699px) {

}

@media only screen and (min-width : 700px) and (max-width : 991px) {

}

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

}

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

    .urunkategory       { height:500px; }
    .urunkategory div   { height:492px; }
    .urunkategory h2    { font:400 26px 'Montserrat', sans-serif; }
    .urunkategory a     { font:400 13px 'Montserrat', sans-serif; padding:10px 20px; }

}

@media only screen and (min-width : 1181px) and (max-width : 1200px) {

    .urunkategory       { height:500px; }
    .urunkategory div   { height:492px; }
    .urunkategory h2    { font:400 26px 'Montserrat', sans-serif; }
    .urunkategory a     { font:400 13px 'Montserrat', sans-serif; padding:10px 20px; }

}

@media only screen and (min-width : 1201px) and (max-width : 1366px) {

    .urunkategory       { height:500px; }
    .urunkategory div   { height:492px; }
    .urunkategory h2    { font:400 26px 'Montserrat', sans-serif; }
    .urunkategory a     { font:400 13px 'Montserrat', sans-serif; padding:10px 20px; }

}

@media only screen and (min-width : 1367px) and (max-width : 1550px) {

}

@media only screen and (min-width : 1551px) and (max-width : 1750px) {

}