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

        @import url('bootstrap.css?v=1.0.0');
        @import url('bootstrap-theme.css');
        @import url('animate.css');
        @import url('hover.css');
        @import url('owl.css');
        @import url('pageload.css');
        @import url('pagetransitions.css');
        @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
        @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext');

        @font-face      {
            font-family: 'futuralight';
            src: url(../fonts/futura-lig.eot);
            src: url(../fonts/futura-lig.eot?#iefix) format("embedded-opentype"),
                url(../fonts/futura-lig.woff) format("woff"),
                url(../fonts/futura-lig.ttf) format("truetype"),
                url(../fonts/futura-lig.svg#futuraligregular) format("svg");
                font-weight: 400; font-style: normal;
            }

        @font-face      {
            font-family: 'futurabook';
            src: url(../fonts/futura_book_eot.eot);
            src: url(../fonts/futura_book_eot.eot?#iefix) format("embedded-opentype"),
                url(../fonts/futura_book_woff.woff) format("woff"),
                url(../fonts/futura_book_ttf.ttf) format("truetype"),
                url(../fonts/futura_book_svg.svg#futurabookregular) format("svg");
                font-weight: 400; font-style: normal;
            }

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

    /* ##### general css  */
	
	h3 {font-weight:600; margin-bottom:35px}

    ul, li, div, a, img, table, tr, td      { box-sizing: border-box; }
    body                { background:#000; color:#333; font:normal 14px 'futuralight', sans-serif; margin: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 14px 'futuralight', sans-serif; cursor:pointer; }
    a:hover             { color:#333; text-decoration:underline; cursor:pointer; }
    a:active            { text-decoration:none; }
    a:before            { cursor:pointer; }
    .rowleft15              { margin-right:-15px; }
    .rowright15             { margin-left:-15px; }
    .ta-right               { text-align:right; }
    .ta-left                { text-align:left; }
    .ta-center              { text-align:center; }

    .background     { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; }
    .background img    { display:block; }
    .logo           { position:fixed; top:30px; left:30px; z-index:5; }

    .contMEnu       { position:fixed; top:30px; right:15px; z-index:6; }
    .fa-bars        { display:none; }
    .contMEnu ul, .contMEnu ul li   { margin:0; padding:0; list-style:none; }
    .contMEnu ul li     { float:left; border-right:#00aeff 1px solid; }
    .contMEnu ul li:last-child  { border:none; }
    .contMEnu ul li a       { padding:10px 20px; color:#fff; box-sizing: border-box; margin:0 10px; }
    .contMEnu ul li a:hover, .contMEnu ul li a.active       { background:#00aeff; padding:10px 20px; color:#fff; text-decoration: none; cursor:pointer; }

    .roomFE img     { width:100px; }
	.knaufstudio {display:none;color:#fff}

    .footer         { position:fixed; bottom:0; left:0; width:100%; z-index:5; padding:30px; display: flex; align-items: flex-end; justify-content: space-between; }
    .footer .social a       { float:left; margin-right:10px; color:#fff; font-size:18px; text-decoration:none; }
    .footer .social a:nth-child(5)       { margin-right:0; }

    .content            { width:100%; position:fixed; z-index:4; top:0; /*background:#cc0000;*/ margin:0 auto; min-height:300px; display:flex; align-items:center; }
    .content .container     { /*background:#333;*/ min-height:100px; color:#fff; font:normal 18px 'futuralight', sans-serif; text-align:center; }
    .content .container h1      { font:normal 50px 'futurabook', sans-serif; padding:0; margin:0 0 20px 0; }
    .content .container hr      { border:none; clear:both; width:100%; display:block; }

    .content .container .items      { width:100%; display:flex; align-items:center; -webkit-flex-flow: row wrap; justify-content: space-around; }
    .content .container .items .item        { width:calc(100% / 5); min-height:50px; padding:5px; }
    .content .container .items .item .diw       { width:100%; height:100%; min-height:100px; max-height:200px; display:block; background:#fff; cursor:pointer; /* overflow:hidden; */ }
    .content .container .items .item .diw img   { display:block; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    .content .container .items .item .diw .title    { position:absolute; bottom:5%; left:5%; width:90%; z-index:5; background:#fff; font:normal 18px 'futurabook', sans-serif; color:#333; padding:10px; box-sizing: border-box; }
    .content .container .items .item .diw:hover > .title    { background:#00aeef; color:#fff; }
    .content .container .items .item .diw:hover > img       { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

    .content .container .buttons        { width:80%; margin:0 10%; display:flex; align-items:center; -webkit-flex-flow: row wrap; justify-content: center; }
    .content .container .buttons .button    { /*width:calc(100% / 4);*/ padding:0 5px; }
    .content .container .buttons .button div    { width:100%; height:40px; color:#333; font:normal 17px 'futurabook', sans-serif; padding:9px 20px; border-radius:5px; text-align:center; background:url(../images/btn_pasif_2.png) repeat center center; }
    .content .container .buttons .button:hover div, .content .container .buttons .active div    { color:#fff; background:url(../images/btn_aktif_2.png) repeat center center; cursor:pointer; }
    .beyazbg        { width:80%; background:#fff; padding:30px; color:#666; font:normal 16px 'futuralight', sans-serif; min-height:100px; margin:15px 10%; border-radius:10px; display:flex; /* align-items:center; */ -webkit-flex-flow: row wrap; justify-content: space-around; }
    .beyazbg b      { font:normal 32px 'futurabook', sans-serif; }

    .beyazbg .tavan, .beyazbg .duvar    { display:none; }
    .fa-alan        { display:none; }

    .phoneMenu      { width:100%; height:100%; position:fixed; overflow:scroll; display:none; top:0; cursor:pointer; z-index:9999; background:rgba(0,0,0,0.92); }
    .phoneMenuKapat { position:fixed; top:26px; left:20px; width:25px; height:30px; color:#fff; font-size:30px; }
    .phoneList      { margin:90px 0 0 0; }
    .phoneList ul, .phoneList ul li     { list-style:none; margin:0; padding:0; }
    .phoneList ul li        { width:100% !important; height:37px; display:block !important; margin-bottom:10px; color:#fff; font:normal 17px 'futuralight', sans-serif; }
    .phoneList ul li div        { width:330px; float:left; padding:10px 20px 7px 25px; -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; }
    .phoneList ul li div:hover  { padding:10px 20px 7px 35px; background-image: linear-gradient( 170deg, #009fe3 10%, #005de4 100%); -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; }
    .phoneList ul li span       { height:25px; display:inline-block; }
    .phoneList ul li span.iki   { padding:0 0 0 10px; }
    .phoneList ul li i          { color:#fff; font-size:19px; }

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

    .content .container h1      { font:normal 25px 'futurabook', sans-serif; }
    .content .container .items .item        { width:100%; / 2); max-height:50px; }
    .content .container .items .item .diw img   { display:none; }
    .content .container .items .item .diw       { width:100%; height:40px; min-height:40px; max-height:40px; display:block; background:#fff; cursor:pointer; /* overflow:hidden; */ }
    .content .container .items .item .diw .title    { font:normal 14px 'futurabook', sans-serif; }
    .contMEnu ul      { display:none; }

    .logo           { position:fixed; top:15px; left:15px; z-index:5; }
    .logo img           { width:125px; }

    .fa-bars        { display:block; color:#ffffff; font-size:24px; cursor:pointer; margin-right:5px; }
    .fa-alan        { display:block; color:#ffffff; font-size:14px; cursor:pointer; margin-right:10px; }

    .content .container .buttons        { width:90%; margin:0 5%; display:flex; align-items:center; -webkit-flex-flow: row wrap; justify-content: space-around; margin-top:50px }
    .content .container .buttons .button    { width:50%; padding:0 5px; margin-bottom:10px; font:normal 12px 'futurabook', sans-serif; }
    .content .container .buttons .button:hover, .content .container .buttons .active    { background-size: 100%; }
    .content .container .buttons .button div    { height:40px; font:normal 12px 'futurabook', sans-serif; padding:12px 20px; }
    .beyazbg        { width:90%; height:400px; background:#fff; padding:20px 10px; color:#666; font:normal 16px 'futuralight', sans-serif; min-height:100px; margin:0 5%; border-radius:10px; display:flex; align-items:center; -webkit-flex-flow: row wrap; justify-content: space-around; overflow-y:scroll; }
    .beyazbg b      { font:normal 20px 'futurabook', sans-serif; }
    .beyazbg .tavan img, .beyazbg .duvar img    { width:100%; }

    .roomFE img     { display:none }
	.knaufstudio {display:inline-block}

    .content .container h1      { display:none; }

    .footer         { padding:15px; }

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

    .content .container h1      { font:normal 25px 'futurabook', sans-serif; }
    .content .container .items .item        { width:100%; max-height:50px; }
    .content .container .items .item .diw img   { display:none; }
    .content .container .items .item .diw       { width:100%; height:40px; min-height:40px; max-height:40px; display:block; background:#fff; cursor:pointer; /* overflow:hidden; */ }
    .content .container .items .item .diw .title    { font:normal 14px 'futurabook', sans-serif; }
    .contMEnu ul      { display:none; }

    .logo           { position:fixed; top:15px; left:15px; z-index:5; }
    .logo img           { width:125px; }

    .fa-bars        { display:block; color:#ffffff; font-size:24px; cursor:pointer; margin-right:5px; }
    .fa-alan        { display:block; color:#ffffff; font-size:14px; cursor:pointer; margin-right:10px; }

    .content .container .buttons        { width:90%; margin:0 5%; display:flex; align-items:center; -webkit-flex-flow: row wrap; justify-content: space-around; margin-top:50px}
    .content .container .buttons .button    { width:50%); padding:0 5px; margin-bottom:10px; font:normal 12px 'futurabook', sans-serif; }
    .content .container .buttons .button:hover, .content .container .buttons .active    { background-size: 100%; }
    .content .container .buttons .button div    { height:40px; font:normal 12px 'futurabook', sans-serif; padding:12px 20px; }
    .beyazbg        { width:90%; height:400px; background:#fff; padding:20px 10px; color:#666; font:normal 16px 'futuralight', sans-serif; min-height:100px; margin:0 5%; border-radius:10px; display:flex; align-items:center; -webkit-flex-flow: row wrap; justify-content: space-around; overflow-y:scroll;  }
    .beyazbg b      { font:normal 20px 'futurabook', sans-serif; }
    .beyazbg .tavan img, .beyazbg .duvar img    { width:100%; }

    .roomFE img     { display:none; }
	.knaufstudio {display:inline-block}

    .content .container h1      { display:none; }

    .footer         { padding:15px; }

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



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



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



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



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



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



}