/*last-modified: Tue, 22 Dec 2015 8:39:27 GMT (/home/oknoffer/www/actions/HomePage.php)*/
@media screen {
body{
                        margin: 0;
                        padding: 0;
                        font-family: Arial;
                        font-size: 18px;
        }
a{
                    text-decoration: none;
                    color: #cb713d;
        }
.triaLink{
                    font-family: Calibri, Arial;
                    text-transform: uppercase;
        }
.allNews{
                    width: 100%;
                    text-decoration: none;
                    color: white;
                    display: block;
                    margin: 50px 0;
                    text-align: center;
        }
.triaLink:after{
                    content: ' ►';

        }
#header, #footerInner, #contentInner{
                            max-width: 1280px;
                            min-width: 1000px;
                            margin: 0 auto;
            }
#header{
                            position: absolute;
                            top: 0;
                            min-width: 100%;
                            height: 100vh;
                            max-height: 1100px;
                            overflow: hidden;
//                            background: rgba(255,0,0,0.3);
            }
#headerLayout{
                            min-width: 1000px;
                            max-width: 1280px;
                            height: 100vh;
                            max-height: 1100px;
                            min-height: 768px;
                            margin: 0 auto;
//                            box-shadow: inset 0 0 0 2px red;
                            position: relative;
            }
#layout:before{
                            content: '';
                            height: 100vh;
                            max-height: 1100px;
                            min-height: 768px;
                            display: block;
                            position: relative;
            }
.homePageSlider{
                            position: absolute !important;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            min-height: 768px;
                            margin: 0;
                            padding: 0;
                            overflow: hidden;
                            z-index: -1;
            }
.homePageSlider p{
                            margin: 0;
                            padding: 0;
            }
.homePageSlider li{
                            list-style: none;
                            float: left;
                            margin: 0;
                            padding: 0;
                            width: 100%;
                            height: 100vh;
                            max-height: 1100px;
                            min-height: 768px;
            }
#prodsListHolder{
                    position: relative;
                    top: 350px;
                    height: 400px;
                    min-width: 100%;
                    display: table-cell;
                    vertical-align: middle;
                    z-index: 10;
                    text-align: center;
        }
#prodsList{
                    min-width: 100%;
                    margin: 0;
                    padding: 0;
                    display: inline-block;
                    text-align: center;
        }
#prodsListHolder #type-selector{
                    position: absolute;
                    top: 35px;
                    width: 100%;
                    text-align: center;
        }
#prodsListHolder #type-selector a{
                    display: inline-block;
                    text-transform: uppercase;
                    font-family: Calibri;
                    font-size: 1.333em;
                    margin: 0 23px;
                    color: #000000;
        }
#prodsListHolder #type-selector a.active{
                    color: #411c06;
        }
#prodsList li{
                    list-style: none;
                    display: inline-block;
                    vertical-align: middle;
                    text-align: center;
                    box-shadow: inset 0 0 0 3px black;
                    border-radius: 50%;
                    height: auto;
                    margin: 0 10px;
                    position: relative;
                    transition: box-shadow 0.5s;
        }
#prodsList li.aluminium{
//                    display: none;
        }
#prodsList li:hover{
                    box-shadow: inset 0 0 0 3px white;
                    transition: box-shadow 0.5s;
        }
#prodsList li img{
//                    width: 50%;
//                    height: auto;
                    display: inline-block;
                    top: 50%;
                    left: 50%;
                    margin-top: -65px;
                    margin-left: -55px;
//                    padding: 15%;
                    position: absolute;

        }
#prodsList a{
                    color: white;
                    z-index: 100;
        }
#prodsList + a{
                    text-decoration: none;
                    color: #351a0b;
                    position: absolute;
                    width: 330px;
                    text-align: center;
                    top: 340px;
                    left: 50%;
                    margin: 0 0 0 -165px;
                    display: inline-block;
                    text-transform: uppercase;
        }
#prodsList .prodDescr{
                    position: absolute;
                    top: 180px;
                    opacity: 0;
                    transition: opacity 0.5s;
        }
#prodsList li:hover .prodDescr{
                    position: absolute;
                    top: 180px;
                    opacity: 1;
                    transition: opacity 0.5s;
        }
#fakeWhite{
                    position: absolute;
                    top: 100px;
                    left: 0;
                    height: 100px;
                    width: 100%;
                    background: rgba(255,255,255,0.4);
                    z-index: 1;
        }
#fakeWhite.fixed{
                    position: fixed;
                    top: 0;
                    left: 0;
        }
#fakeRusty{
                    position: absolute;
                    top: 350px;
                    left: 0;
                    height: 400px;
                    width: 100%;
                    z-index: 1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb713d+0,a15225+100 */
background: rgb(203,113,61); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(203,113,61,1) 0%, rgba(161,82,37,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,113,61,1)), color-stop(100%,rgba(161,82,37,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb713d', endColorstr='#a15225',GradientType=0 ); /* IE6-9 */
                    opacity: 0.8;
        }
#logo{
                    z-index: 2;
                    position: absolute;
                    top: 100px;
        }
#logo.fixed{
                    position: fixed;
                    top: 0;
                    cursor: pointer;
                    z-index: 12001 !important;
        }
.logo{
                            float: left;
            }
.logo + p{
                            font-size: 80px;
                            font-family: Calibri, Arial;
                            text-shadow: 1px 1px 3px white;
                            padding-left: 90px;
                            margin: 0 0 0 4px;
            }
.logo + p + p{
                            font-size: 26px;
                            font-family: Calibri, Arial;
                            text-shadow: 1px 1px 3px black;
                            color: #959595;
                            max-width: 300px;
                            padding-left: 95px;
                            margin: 0;
                            margin: 5px 0 0 4px;
                            line-height: 0.85em;
            }
#menu{
                    position: absolute;
                    top: 100px;
                    width: 100%;
                    z-index: 5;
        }
#menu.fixed{
                    position: fixed;
                    top: 0;
                    right: 0;
        }
#menu ul{
                    margin: 0;
                    margin-left: 300px;
                    padding: 0;
                    text-align: right;
        }
#menu ul li{
                    display: inline-block;
                    height: 100px;
//                    box-shadow: inset 0 0 2px red;
                    vertical-align: middle;
                    margin-left: 1px;
        }
#menu ul li .name{
                    display: table-cell;
                    height: 100px;
                    vertical-align: middle;
        }
#menu ul li a{
                    text-decoration: none;
                    display: table-cell;
                    height: 100px;
                    vertical-align: middle;
                    font-size: 1.33em;
                    text-transform: uppercase;
                    color: white;
                    text-shadow: 1px 1px 1px black;
                    padding: 0 10px;
        }
#menu.fixed ul li a{
                    color: black;
                    text-shadow: none;
        }
@media (max-width: 1200px) { #menu ul li a{
                    font-size: 1.1em; }
        }
@media (min-width: 1200px) { #menu ul li a{
                    font-size: 1.4em; }
        }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { #menu ul li a{
                    font-size: 1em; }
        }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { #menu ul li a{
                    font-size: 1em; }
        }
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { #menu ul li a{
                    font-size: 1em; }
        }
#menu ul li:hover a{
                    color: #cb713d;
        }
.headerText{
                    position: absolute;
                    top: 740px;
                    text-shadow: 1px 1px 1px black;
                    z-index: 10;
                    width: 100%;
                    text-align: center;
                    color: white;
                    font-size: 2.22em;
                    font-weight: 300;
        }
.headerText p{
                    display: inline-block;
        }
.headerText a{
                    color: white;
                    text-decoration: none;
        }
.orderBlock{
                    position: absolute;
                    top: 850px;
                    width: 100%;
                    text-align: center;
                    z-index: 15;
        }
.orderBlock a{
                    display: inline-block;
                    background: red;
                    font-family: Calibri, Arial;
                    font-size: 1.6666em;
                    text-align: center;
                    text-decoration: none;
                    color: white;
                    padding: 7px 20px;
        }
#content{
                    background: rgba(0,0,0,1);
                    color: white;
                    padding: 100px 0 0 0;
        }
#content h1{
                    padding-left: 100px;
                    background: url('/i/grey_flame.png') no-repeat left top;
                    font-weight: 300;
                    font-size: 2.66em;
                    max-width: 60%;
        }
#content .pageBody{
                    margin-bottom: 50px;
                    margin-left: 100px;
                    max-width: 60%;
        }
#content .pageBody a{
                    text-decoration: none;
                    color: #cb713d;
        }
#news{margin: 0 0 50px 0;padding: 0 0 0 100px;text-align: left;opacity: 1;overflow: hidden;}
#news li{
                    list-style: none;
                    display: inline-block;
//                    margin: 0 6% 0 0;
                    width: 250px;
                    text-align: left;
                    vertical-align: top;
                    color: #cb713d;
        }
#news li a{
                    text-decoration: none;
                    color: white;
        }
#news .imgSpan{
                    display: block;
                    width: 250px;
                    height: 170px;
        }
#news li p{
                    margin: 5px 0;
                    max-width: 250px;
        }
#news li .pubDate{
                    margin-top: 15px;
                    color: #999999;
        }
#rightContentInner{
                    background: white;
                    color: #595959;
                    padding-top: 10px;
                    background: #ededed;
        }
#rightContentInner #articles{
                    min-width: 1000px;
                    max-width: 1280px;
                    width: 100%;
                    margin: 0 auto;
                    padding-bottom: 50px;
        }
#rightContentInner #articles ul{
                    margin: 0 auto;
                    padding: 0;
                    text-align: center;
                    max-width: 1024px;
        }
#rightContentInner #articles ul li{
                    list-style: none;
                    text-align: left;
                    display: inline-block;
                    max-width: 250px;
                    vertical-align: top;
                    margin: 0 40px;
        }
#articles .imgSpan{
                    display: block;
                    width: 100%;
                    height: 170px;
        }
#articles .artName{
                    color: #cb713d;
                    text-decoration: none;
                    font-size: 1em;
                    display: inline-block;
                    margin-top: 8px;
        }
#articles .artFull{
                    font-size: 0.777em;
                    margin-top: 7px;
        }
.allArticles, .allProjects{
                    width: 100%;
                    text-decoration: none;
                    color: #606060;
                    text-align: center;
                    display: block;
                    margin-top: 50px;
        }
#articles h2{
                    color: #555555;
                    font-weight: 300;
                    text-align: center;
                    margin-bottom: 35px;
                    font-size: 1.666em;
        }
#footer{
                    background: url('/i/footer_bg.png') repeat-x top left;
        }
#footerInner{
                    text-align: center;
                    color: #444;
        }
#footerInner #copyrights{
                    padding-top: 40px;
        }
#footerInner #copyrights p{
                    margin-bottom: 5px;
        }
#footerInner #footerInfo p{
//                    width: 400px;
                    display: inline-block;
                    color: #777777;
                    margin-top: 0;
        }
#footerInner #footerInfo p a{
                    color: #777;
                    text-decoration: none;
        }
#footerInner #footerInfo p:nth-child(1){
                    text-align: right;
        }
#footerInner #footerInfo p:nth-child(2){
                    text-align: left;
        }
#krosgros{
                    display: inline-block;
                    padding: 30px 0;
        }
#footerInfo .infoButtons{
                    text-align: center;
        }
.infoButtons a{
                    text-align: center;
                    padding-left: 40px;
                    display: inline-block;
                    margin: 0 10px;
                    height: 25px;
                    padding-top: 5px;
                    text-decoration: none;
                    color: #444444;
        }
a.info{
                    background: url('/i/info_button.png') no-repeat left center;
        }
a.claim{
                    background: url('/i/claim_button.png') no-repeat left center;
                    color: #e90d0d;
        }
#projects{
//                    box-shadow: inset 0 0 0 2px red;
                    margin:0 0 50px 0;
        }
#projects ul{max-width: 1280px;min-width: 950px;margin: 0 auto;text-align: center;padding: 0 !important;}
#projects ul li{
                    display: inline-block;
                    width: 270px;
                    vertical-align: top;
                    margin: 0 30px;
                    text-align: left;
        }
#projects ul li a{
                    text-decoration: none;
        }
#projects ul li .imgSpan{
                    display: block;
                    width: 100%;
                    height: 230px;
        }
#projects h2{
                    color: #555555;
                    font-weight: 300;
                    text-align: center;
                    margin-bottom: 35px;
                    font-size: 1.666em;
        }
#projects .projName{
                    color: #cb713d;
                    font-size: 1.5em;
                    margin: 10px 0;
        }
#projects .projAddress{
//                    color: #cb713d;
                    font-size: 1em;
                    margin: 7px 0;
        }
#projects .projYear{
//                    color: #cb713d;
                    font-size: 1em;
                    margin: 7px 0;
                    font-style: italic;
        }
#orderBlock{
                    height: 100px;
                    width: 100%;
                    text-align: center;
                    background: url('/i/orderBG.png') no-repeat center center / cover;
        }
#orderBlock a{
                    margin-top: 22px;
                    display: inline-block;
                    font-family: Calibri, Arial;
                    font-size: 1.666em;
                    color: white;
                    background: rgba(255,0,0,0.5);
                    padding: 10px;
                    text-decoration: none;
        }
#orderBlock a:hover{
                    margin-top: 22px;
                    display: inline-block;
                    font-family: Calibri, Arial;
                    font-size: 1.666em;
                    color: white;
                    background: rgba(255,0,0,0.8);
                    padding: 10px;
                    text-decoration: none;
        }
#callbackForm{
                    position: fixed;
                    z-index: 1000;
                    height: 400px;
                    width: 100%;
                    top: 350px;
                    left: 0;
                    margin: -200px 0 0 0;
                    background: rgba(255,255,255,0.8);
                    display: none;
        }
#innerForm{
                    width: 550px;
                    margin: 0 auto;
                    height: 400px;
                    position: relative;
        }
#innerForm input{
                    font-size: 36px;
                    font-family: Calibri, Arial;
                    color: white;
                    position: absolute;
        }
::-webkit-input-placeholder{color: white;}
::-moz-placeholder{color: white;}
:-moz-placeholder{color: white;}
:-ms-input-placeholder{color: white;}
#innerForm input[type='text']{
                    width: 385px;
                    height: 60px;
                    padding-left: 15px;
                    border: none;
                    outline: none;
                    background: #444;
                    left: 75px;
        }
#innerForm input[type='submit']{
                    width: 300px;
                    height: 60px;
                    padding-left: 15px;
                    border: none;
                    outline: none;
                    background: #da1919;
                    display: block;
                    text-align: center;
                    top: 280px;
                    left: 125px;
                    cursor: pointer;
        }
#innerForm input[name='name']{
                    top: 125px;
        }
#innerForm input[name='phone']{
                    top: 200px;
        }
#innerForm .callbackClose{
                    position: absolute;
                    top: 60px;
                    right: 15px;
                    display: block;
                    width: 20px;
                    height: 20px;
                    background: url('/i/closeform.png') no-repeat center center;
                    opacity: 0.7;
        }
#innerForm .callbackClose:hover{
                    opacity: 1;
        }
*[family='parent'] > *{opacity: 0;}
.toreveal > *{opacity: 0;}
.revealed{opacity: 1 !important; transition: 1s;}
.wrongfield{box-shadow: inset 0 0 5px 5px rgba(255,0,0,0.5); transition: 0.2s;}
#callbackFade{
                    position: fixed;
                    z-index: 1000;
                    top: 0;
                    left: 0;
                    background: rgba(255,255,255,0.8);
                    width: 100%;
                    height: 100%;
        }
#callbackFade img{
                    display: block;
                    width: 32px;
                    height: 32px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: 0 -16px -16px 0;
        }
#rightText{
                    right: 7px;
                    position: absolute;
                    top: 201px;
        }
#rightText.fixed{
                    right: 0;
                    position: fixed;
                    top: 100px;
        }
#rightText p{
                    margin: 0;
                    font-size: 26px;
                    font-family: Calibri, Arial;
//                    text-shadow: 1px 1px 3px black;
                    color: #959595;
                    max-width: 400px;
                    padding-left: 95px;
                    margin: 0;
                    margin: 1px 0 0 0;
                    line-height: 0.85em;
                    text-transform: uppercase;
                    text-align: right;
                        font-size: 26px;
                        font-family: Calibri, Arial;
                        color: black;
                        max-width: 400px;
                        padding-left: 95px;
                        line-height: 0.85em;
                    padding-right: 0px;
                    padding-top: 13px;
                    height: 27px;
                    font-size: 1.6em;
                    background-position: 100% 9px;
        }
#rightText p:hover{
                    background-position: 100% -121px;
        }
#rightText p:hover a{
                    color: #cb713d;
        }
#rightText a{
                    color: inherit;
                    padding-right: 42px;
                    text-align: right;
        }
#headerEmail{
                    background: url('/i/imail.png') no-repeat right top;
                    margin-top: -1px;
                    padding-top: 11px;
                    height: 29px;
        }
#headerPhone{
                    background: url('/i/iphone.png') no-repeat right top;
                    margin-top: 3px;
        }
#headerPhone a{
                    color: #ea0d0d;
        }
.fixed{
                    z-index: 12000 !important;
        }
}
@media print {
body{
                        margin: 0;
                        padding: 0;
                        font-family: Arial;
                        font-size: 18px;
        }
a{
                    text-decoration: none;
                    color: #cb713d;
        }
.triaLink{
                    font-family: Calibri, Arial;
                    text-transform: uppercase;
        }
.allNews{
                    width: 100%;
                    text-decoration: none;
                    color: white;
                    display: block;
                    margin: 50px 0;
                    text-align: center;
        }
.triaLink:after{
                    content: ' ►';

        }
#header, #footerInner, #contentInner{
                            max-width: 1280px;
                            min-width: 1000px;
                            margin: 0 auto;
            }
#header{
                            position: absolute;
                            top: 0;
                            min-width: 100%;
                            height: 100vh;
                            max-height: 1100px;
                            overflow: hidden;
//                            background: rgba(255,0,0,0.3);
            }
#headerLayout{
                            min-width: 1000px;
                            max-width: 1280px;
                            height: 100vh;
                            max-height: 1100px;
                            min-height: 768px;
                            margin: 0 auto;
//                            box-shadow: inset 0 0 0 2px red;
                            position: relative;
            }
#layout:before{
                            content: '';
                            height: 100vh;
                            max-height: 1100px;
                            min-height: 768px;
                            display: block;
                            position: relative;
            }
.homePageSlider{
                            position: absolute !important;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            min-height: 768px;
                            margin: 0;
                            padding: 0;
                            overflow: hidden;
                            z-index: -1;
            }
.homePageSlider p{
                            margin: 0;
                            padding: 0;
            }
.homePageSlider li{
                            list-style: none;
                            float: left;
                            margin: 0;
                            padding: 0;
                            width: 100%;
                            height: 100vh;
                            max-height: 1100px;
                            min-height: 768px;
            }
#prodsListHolder{
                    position: relative;
                    top: 350px;
                    height: 400px;
                    min-width: 100%;
                    display: table-cell;
                    vertical-align: middle;
                    z-index: 10;
                    text-align: center;
        }
#prodsList{
                    min-width: 100%;
                    margin: 0;
                    padding: 0;
                    display: inline-block;
                    text-align: center;
        }
#prodsListHolder #type-selector{
                    position: absolute;
                    top: 35px;
                    width: 100%;
                    text-align: center;
        }
#prodsListHolder #type-selector a{
                    display: inline-block;
                    text-transform: uppercase;
                    font-family: Calibri;
                    font-size: 1.333em;
                    margin: 0 23px;
                    color: #000000;
        }
#prodsListHolder #type-selector a.active{
                    color: #411c06;
        }
#prodsList li{
                    list-style: none;
                    display: inline-block;
                    vertical-align: middle;
                    text-align: center;
                    box-shadow: inset 0 0 0 3px black;
                    border-radius: 50%;
                    height: auto;
                    margin: 0 10px;
                    position: relative;
                    transition: box-shadow 0.5s;
        }
#prodsList li.aluminium{
//                    display: none;
        }
#prodsList li:hover{
                    box-shadow: inset 0 0 0 3px white;
                    transition: box-shadow 0.5s;
        }
#prodsList li img{
//                    width: 50%;
//                    height: auto;
                    display: inline-block;
                    top: 50%;
                    left: 50%;
                    margin-top: -65px;
                    margin-left: -55px;
//                    padding: 15%;
                    position: absolute;

        }
#prodsList a{
                    color: white;
                    z-index: 100;
        }
#prodsList + a{
                    text-decoration: none;
                    color: #351a0b;
                    position: absolute;
                    width: 330px;
                    text-align: center;
                    top: 340px;
                    left: 50%;
                    margin: 0 0 0 -165px;
                    display: inline-block;
                    text-transform: uppercase;
        }
#prodsList .prodDescr{
                    position: absolute;
                    top: 180px;
                    opacity: 0;
                    transition: opacity 0.5s;
        }
#prodsList li:hover .prodDescr{
                    position: absolute;
                    top: 180px;
                    opacity: 1;
                    transition: opacity 0.5s;
        }
#fakeWhite{
                    position: absolute;
                    top: 100px;
                    left: 0;
                    height: 100px;
                    width: 100%;
                    background: rgba(255,255,255,0.4);
                    z-index: 1;
        }
#fakeWhite.fixed{
                    position: fixed;
                    top: 0;
                    left: 0;
        }
#fakeRusty{
                    position: absolute;
                    top: 350px;
                    left: 0;
                    height: 400px;
                    width: 100%;
                    z-index: 1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb713d+0,a15225+100 */
background: rgb(203,113,61); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(203,113,61,1) 0%, rgba(161,82,37,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,113,61,1)), color-stop(100%,rgba(161,82,37,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(203,113,61,1) 0%,rgba(161,82,37,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb713d', endColorstr='#a15225',GradientType=0 ); /* IE6-9 */
                    opacity: 0.8;
        }
#logo{
                    z-index: 2;
                    position: absolute;
                    top: 100px;
        }
#logo.fixed{
                    position: fixed;
                    top: 0;
                    cursor: pointer;
                    z-index: 12001 !important;
        }
.logo{
                            float: left;
            }
.logo + p{
                            font-size: 80px;
                            font-family: Calibri, Arial;
                            text-shadow: 1px 1px 3px white;
                            padding-left: 90px;
                            margin: 0 0 0 4px;
            }
.logo + p + p{
                            font-size: 26px;
                            font-family: Calibri, Arial;
                            text-shadow: 1px 1px 3px black;
                            color: #959595;
                            max-width: 300px;
                            padding-left: 95px;
                            margin: 0;
                            margin: 5px 0 0 4px;
                            line-height: 0.85em;
            }
#menu{
                    position: absolute;
                    top: 100px;
                    width: 100%;
                    z-index: 5;
        }
#menu.fixed{
                    position: fixed;
                    top: 0;
                    right: 0;
        }
#menu ul{
                    margin: 0;
                    margin-left: 300px;
                    padding: 0;
                    text-align: right;
        }
#menu ul li{
                    display: inline-block;
                    height: 100px;
//                    box-shadow: inset 0 0 2px red;
                    vertical-align: middle;
                    margin-left: 1px;
        }
#menu ul li .name{
                    display: table-cell;
                    height: 100px;
                    vertical-align: middle;
        }
#menu ul li a{
                    text-decoration: none;
                    display: table-cell;
                    height: 100px;
                    vertical-align: middle;
                    font-size: 1.33em;
                    text-transform: uppercase;
                    color: white;
                    text-shadow: 1px 1px 1px black;
                    padding: 0 10px;
        }
#menu.fixed ul li a{
                    color: black;
                    text-shadow: none;
        }
@media (max-width: 1200px) { #menu ul li a{
                    font-size: 1.1em; }
        }
@media (min-width: 1200px) { #menu ul li a{
                    font-size: 1.4em; }
        }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { #menu ul li a{
                    font-size: 1em; }
        }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { #menu ul li a{
                    font-size: 1em; }
        }
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { #menu ul li a{
                    font-size: 1em; }
        }
#menu ul li:hover a{
                    color: #cb713d;
        }
.headerText{
                    position: absolute;
                    top: 740px;
                    text-shadow: 1px 1px 1px black;
                    z-index: 10;
                    width: 100%;
                    text-align: center;
                    color: white;
                    font-size: 2.22em;
                    font-weight: 300;
        }
.headerText p{
                    display: inline-block;
        }
.headerText a{
                    color: white;
                    text-decoration: none;
        }
.orderBlock{
                    position: absolute;
                    top: 850px;
                    width: 100%;
                    text-align: center;
                    z-index: 15;
        }
.orderBlock a{
                    display: inline-block;
                    background: red;
                    font-family: Calibri, Arial;
                    font-size: 1.6666em;
                    text-align: center;
                    text-decoration: none;
                    color: white;
                    padding: 7px 20px;
        }
#content{
                    background: rgba(0,0,0,1);
                    color: white;
                    padding: 100px 0 0 0;
        }
#content h1{
                    padding-left: 100px;
                    background: url('/i/grey_flame.png') no-repeat left top;
                    font-weight: 300;
                    font-size: 2.66em;
                    max-width: 60%;
        }
#content .pageBody{
                    margin-bottom: 50px;
                    margin-left: 100px;
                    max-width: 60%;
        }
#content .pageBody a{
                    text-decoration: none;
                    color: #cb713d;
        }
#news{margin: 0 0 50px 0;padding: 0 0 0 100px;text-align: left;opacity: 1;overflow: hidden;}
#news li{
                    list-style: none;
                    display: inline-block;
//                    margin: 0 6% 0 0;
                    width: 250px;
                    text-align: left;
                    vertical-align: top;
                    color: #cb713d;
        }
#news li a{
                    text-decoration: none;
                    color: white;
        }
#news .imgSpan{
                    display: block;
                    width: 250px;
                    height: 170px;
        }
#news li p{
                    margin: 5px 0;
                    max-width: 250px;
        }
#news li .pubDate{
                    margin-top: 15px;
                    color: #999999;
        }
#rightContentInner{
                    background: white;
                    color: #595959;
                    padding-top: 10px;
                    background: #ededed;
        }
#rightContentInner #articles{
                    min-width: 1000px;
                    max-width: 1280px;
                    width: 100%;
                    margin: 0 auto;
                    padding-bottom: 50px;
        }
#rightContentInner #articles ul{
                    margin: 0 auto;
                    padding: 0;
                    text-align: center;
                    max-width: 1024px;
        }
#rightContentInner #articles ul li{
                    list-style: none;
                    text-align: left;
                    display: inline-block;
                    max-width: 250px;
                    vertical-align: top;
                    margin: 0 40px;
        }
#articles .imgSpan{
                    display: block;
                    width: 100%;
                    height: 170px;
        }
#articles .artName{
                    color: #cb713d;
                    text-decoration: none;
                    font-size: 1em;
                    display: inline-block;
                    margin-top: 8px;
        }
#articles .artFull{
                    font-size: 0.777em;
                    margin-top: 7px;
        }
.allArticles, .allProjects{
                    width: 100%;
                    text-decoration: none;
                    color: #606060;
                    text-align: center;
                    display: block;
                    margin-top: 50px;
        }
#articles h2{
                    color: #555555;
                    font-weight: 300;
                    text-align: center;
                    margin-bottom: 35px;
                    font-size: 1.666em;
        }
#footer{
                    background: url('/i/footer_bg.png') repeat-x top left;
        }
#footerInner{
                    text-align: center;
                    color: #444;
        }
#footerInner #copyrights{
                    padding-top: 40px;
        }
#footerInner #copyrights p{
                    margin-bottom: 5px;
        }
#footerInner #footerInfo p{
//                    width: 400px;
                    display: inline-block;
                    color: #777777;
                    margin-top: 0;
        }
#footerInner #footerInfo p a{
                    color: #777;
                    text-decoration: none;
        }
#footerInner #footerInfo p:nth-child(1){
                    text-align: right;
        }
#footerInner #footerInfo p:nth-child(2){
                    text-align: left;
        }
#krosgros{
                    display: inline-block;
                    padding: 30px 0;
        }
#footerInfo .infoButtons{
                    text-align: center;
        }
.infoButtons a{
                    text-align: center;
                    padding-left: 40px;
                    display: inline-block;
                    margin: 0 10px;
                    height: 25px;
                    padding-top: 5px;
                    text-decoration: none;
                    color: #444444;
        }
a.info{
                    background: url('/i/info_button.png') no-repeat left center;
        }
a.claim{
                    background: url('/i/claim_button.png') no-repeat left center;
                    color: #e90d0d;
        }
#projects{
//                    box-shadow: inset 0 0 0 2px red;
                    margin:0 0 50px 0;
        }
#projects ul{max-width: 1280px;min-width: 950px;margin: 0 auto;text-align: center;padding: 0 !important;}
#projects ul li{
                    display: inline-block;
                    width: 270px;
                    vertical-align: top;
                    margin: 0 30px;
                    text-align: left;
        }
#projects ul li a{
                    text-decoration: none;
        }
#projects ul li .imgSpan{
                    display: block;
                    width: 100%;
                    height: 230px;
        }
#projects h2{
                    color: #555555;
                    font-weight: 300;
                    text-align: center;
                    margin-bottom: 35px;
                    font-size: 1.666em;
        }
#projects .projName{
                    color: #cb713d;
                    font-size: 1.5em;
                    margin: 10px 0;
        }
#projects .projAddress{
//                    color: #cb713d;
                    font-size: 1em;
                    margin: 7px 0;
        }
#projects .projYear{
//                    color: #cb713d;
                    font-size: 1em;
                    margin: 7px 0;
                    font-style: italic;
        }
#orderBlock{
                    height: 100px;
                    width: 100%;
                    text-align: center;
                    background: url('/i/orderBG.png') no-repeat center center / cover;
        }
#orderBlock a{
                    margin-top: 22px;
                    display: inline-block;
                    font-family: Calibri, Arial;
                    font-size: 1.666em;
                    color: white;
                    background: rgba(255,0,0,0.5);
                    padding: 10px;
                    text-decoration: none;
        }
#orderBlock a:hover{
                    margin-top: 22px;
                    display: inline-block;
                    font-family: Calibri, Arial;
                    font-size: 1.666em;
                    color: white;
                    background: rgba(255,0,0,0.8);
                    padding: 10px;
                    text-decoration: none;
        }
#callbackForm{
                    position: fixed;
                    z-index: 1000;
                    height: 400px;
                    width: 100%;
                    top: 350px;
                    left: 0;
                    margin: -200px 0 0 0;
                    background: rgba(255,255,255,0.8);
                    display: none;
        }
#innerForm{
                    width: 550px;
                    margin: 0 auto;
                    height: 400px;
                    position: relative;
        }
#innerForm input{
                    font-size: 36px;
                    font-family: Calibri, Arial;
                    color: white;
                    position: absolute;
        }
::-webkit-input-placeholder{color: white;}
::-moz-placeholder{color: white;}
:-moz-placeholder{color: white;}
:-ms-input-placeholder{color: white;}
#innerForm input[type='text']{
                    width: 385px;
                    height: 60px;
                    padding-left: 15px;
                    border: none;
                    outline: none;
                    background: #444;
                    left: 75px;
        }
#innerForm input[type='submit']{
                    width: 300px;
                    height: 60px;
                    padding-left: 15px;
                    border: none;
                    outline: none;
                    background: #da1919;
                    display: block;
                    text-align: center;
                    top: 280px;
                    left: 125px;
                    cursor: pointer;
        }
#innerForm input[name='name']{
                    top: 125px;
        }
#innerForm input[name='phone']{
                    top: 200px;
        }
#innerForm .callbackClose{
                    position: absolute;
                    top: 60px;
                    right: 15px;
                    display: block;
                    width: 20px;
                    height: 20px;
                    background: url('/i/closeform.png') no-repeat center center;
                    opacity: 0.7;
        }
#innerForm .callbackClose:hover{
                    opacity: 1;
        }
*[family='parent'] > *{opacity: 0;}
.toreveal > *{opacity: 0;}
.revealed{opacity: 1 !important; transition: 1s;}
.wrongfield{box-shadow: inset 0 0 5px 5px rgba(255,0,0,0.5); transition: 0.2s;}
#callbackFade{
                    position: fixed;
                    z-index: 1000;
                    top: 0;
                    left: 0;
                    background: rgba(255,255,255,0.8);
                    width: 100%;
                    height: 100%;
        }
#callbackFade img{
                    display: block;
                    width: 32px;
                    height: 32px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: 0 -16px -16px 0;
        }
#rightText{
                    right: 7px;
                    position: absolute;
                    top: 201px;
        }
#rightText.fixed{
                    right: 0;
                    position: fixed;
                    top: 100px;
        }
#rightText p{
                    margin: 0;
                    font-size: 26px;
                    font-family: Calibri, Arial;
//                    text-shadow: 1px 1px 3px black;
                    color: #959595;
                    max-width: 400px;
                    padding-left: 95px;
                    margin: 0;
                    margin: 1px 0 0 0;
                    line-height: 0.85em;
                    text-transform: uppercase;
                    text-align: right;
                        font-size: 26px;
                        font-family: Calibri, Arial;
                        color: black;
                        max-width: 400px;
                        padding-left: 95px;
                        line-height: 0.85em;
                    padding-right: 0px;
                    padding-top: 13px;
                    height: 27px;
                    font-size: 1.6em;
                    background-position: 100% 9px;
        }
#rightText p:hover{
                    background-position: 100% -121px;
        }
#rightText p:hover a{
                    color: #cb713d;
        }
#rightText a{
                    color: inherit;
                    padding-right: 42px;
                    text-align: right;
        }
#headerEmail{
                    background: url('/i/imail.png') no-repeat right top;
                    margin-top: -1px;
                    padding-top: 11px;
                    height: 29px;
        }
#headerPhone{
                    background: url('/i/iphone.png') no-repeat right top;
                    margin-top: 3px;
        }
#headerPhone a{
                    color: #ea0d0d;
        }
.fixed{
                    z-index: 12000 !important;
        }
}