@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*::-moz-selection {background:none repeat scroll 0 0 #C63; color:#FFFFFF;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 22, 2015 */
@font-face {
    font-family: 'bodoniflfbold_italic';
    src: url('../fonts/BodoniFLF-BoldItalic-webfont.eot');
    src: url('../fonts/BodoniFLF-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BodoniFLF-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/BodoniFLF-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/BodoniFLF-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/BodoniFLF-BoldItalic-webfont.svg#bodoniflfbold_italic') format('svg');
    font-weight: normal;
    font-style: normal; }


html, body {
    margin:0;
    padding:0;
	width:100%;
	min-height:100%;
	background:#ffffff;}
.clear {clear:both;}
#container {
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;}

#header {width:960px; margin:0 auto; padding-top:12px; height:100px; background:#ffffff; overflow:visible; position:relative; z-index:5000;}
#main-menu {padding:0; margin:14px 0 0 0;}
#main-menu li {display:inline; list-style-type:none; }
#main-menu li.toleft {float:left; margin-left:8px;}
#main-menu li.toright {float:right;margin-right:8px;}
#main-menu img {margin-top:-14px;}
#main-menu img:hover {margin-top:-10px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition:all 0.2s ease-out 0s; 
-ms-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}

#header ul li {overflow: hidden; position: relative; background: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;
transition: all 300ms linear;}
#header ul li a{width: 100%; height: 100%; padding:10px 14px; display: block; position: relative;font:italic bold 18px "Times New Roman", Times, serif; color:#000000; text-decoration:none; letter-spacing:0.5px;}
#header ul {-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
#header ul li:hover{background-color: #f6678d; z-index:999; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); 
border-radius:25px; }
#header ul li:hover a{color:#ffffff; -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease;}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
#responsive_wrapper {position:relative;}
img.ri {position: absolute; z-index:5000;
	max-width: 80%;
	top: 10%;
	left: 10%; }
img.ri:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.ri {
      max-width: 30%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 70%;
  }
}

#willkommen-wrap {width:100%;  height:700px; background:url(../images/crowns-white-bg.png) center center no-repeat, url(../images/bg-dots-intro.png) center center no-repeat; padding-top:102px; }
#willkommen {width:820px; height:495px; background:url("../images/aboutus-box.png"); margin:0 auto; padding-left:45px; padding-right:45px;position:relative; text-align:center;}
.title {font:40px 'bodoniflfbold_italic'; margin:0; letter-spacing:-0.8px;}
.subtitle {font:20px 'bodoniflfbold_italic'; color:#f6678d;}
.pink {color:#f6678d;}
#willkommen .title {padding-top:94px; padding-bottom:8px;}
.text {font:12px/20px Arial, Helvetica, sans-serif; color:#000000; letter-spacing:0.8px; }
#willkommen img {position:absolute; left:75px;}

#auss-wrap {width:100%; height:700px; background:url(../images/crown-pink-bg.png) center 45px no-repeat, url(../images/bg-logoicon-showroom.png) center 252px no-repeat, #f6678d; padding-top:100px;}
#auss {width:820px; height:430px; background:url(../images/gallery-bg.png) center center no-repeat; margin:0 auto; padding-top:40px;}
.white {color:#ffffff;}
#auss .title {padding-top:55px;}
#auss .skdslider {overflow:visible;}
#auss .skdslider a.prev {left:-62px;margin-top:158px; top:inherit;}
#auss .skdslider a.next {right:-62px;margin-top:158px;top:inherit;}
.skdslider a.prev:hover {background:url(../images/left-hover.png) 0 0 no-repeat;}
.skdslider a.next:hover {background:url(../images/right-hover.png) 0 0 no-repeat;}
#auss .skdslider ul.slide-navs {top:20px; left:70px; bottom:inherit;}
#auss .skdslider img {border-radius:10px; border:3px solid #ffffff; width:auto !important; height:auto !important;}
#small-slider {width:658px; height:355px; margin:0 auto;}
#katalog {width:100%; height:700px; background:url(../images/crowns-white-bg.png) center center no-repeat; text-align:center; }
#katalog p.title {padding-top:87px; padding-bottom:17px;}
#katalog p.text {text-align:center; max-width:960px; margin:0 auto;}

.openkat-wrap {width:480px; margin:40px auto 0 auto;}
.openkat {width:233px; height:330px; float:left; overflow:hidden; background:url(../images/katalog1.png) center 1px no-repeat;}
.openkat:hover {height:340px; background-position:center -329px; cursor:pointer; }
.openkat.toright {float:right;background:url(../images/katalog2.png) center 1px no-repeat;}
.openkat.toright:hover {height:340px; background-position:center -329px; cursor:pointer; }
.openkat a {display:block; height:100%;}
#map {height:700px; background:url(../images/map.jpg) center center no-repeat;}
#map-overlay {position:absolute; z-index:4500; width:355px; height:700px; left:50%; margin-left:-178px; background:url(../images/map-overlay.png) center center no-repeat;}
.map {position:relative; z-index:0;  width:100% !important;
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}
#map-overlay p {text-align:center; }
#map-overlay p.text {margin-top:7px; margin-bottom:7px;}
#map-overlay p.title {font-size:30px; padding-top:305px;}
#map-overlay p  a {color:#000000; text-decoration:none;}
#map-overlay p  a:hover {text-decoration:underline;}

#fb-box {width:35px; height:35px; margin:0 auto;}
#fb-box:hover {opacity:0.6;}


#contactus {width:960px; height:auto; margin:0 auto;  background:url(../images/crown-white-bg.png) center 35px no-repeat; padding-bottom: 80px;}
#contactus p.title {padding-top:100px;}
#contactus p.text {text-align:center;}
#contactus form {width:888px; margin:20px auto 0 auto;}
#contactus input {display: inline-block; margin:0 0 15px 0; padding: 0.8em 0.25em 0.8em 0.25em; font:italic bold 16px "Times New Roman", Times, serif; color:#000000; letter-spacing:0.5px; width: 435px; background: transparent; padding-left:15px; border:1px solid #bfbfbf; border-radius:20px;}
#contactus input:nth-of-type(odd) {float:left;}
#contactus input:nth-of-type(even) {float:right;}
textarea {width:880px !important; max-width:880px !important; height:120px !important;padding-left:15px; border:1px solid #bfbfbf; border-radius:20px; font:italic bold 16px "Times New Roman", Times, serif; color:#000000; letter-spacing:0.5px; padding-top:15px;}
#contactus input#submit {width:360px; height:60px; margin-top:30px; font:30px 'bodoniflfbold_italic'; letter-spacing:-0.8px; color:#ffffff; border:none; padding:0; cursor:auto; -webkit-appearance:none;
-moz-border-radius: 25px / 28px;
-webkit-border-radius: 25px / 28px;
border-radius: 25px / 28px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #f5678d; /* layer fill content */
-moz-box-shadow: 0 3px 0 #ad3056; /* drop shadow */
-webkit-box-shadow: 0 3px 0 #ad3056; /* drop shadow */
box-shadow: 0 3px 0 #ad3056; /* drop shadow */ 
float:none;}
#contactus input#submit:hover {margin-top:33px; height:57px; box-shadow:none !important; cursor:pointer;} 
#contactus input:focus,#contactus input:active {border:1px solid #f5678d; color:#f5678d;}

#footer {width:100%; height:210px; padding-top:1px; background:url(../images/crown-pink-bg.png) center 66px no-repeat, url(../images/cakeholder-footer.png) center bottom no-repeat, #f6678d;}
#footlogo {width:113px; height:80px; margin:-36px auto 0 auto; }
#footlogo:hover img {margin-top:4px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition:all 0.2s ease-out 0s; 
-ms-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; }
#footer p {color:#ffffff; font:12px/20px Arial, Helvetica, sans-serif; letter-spacing:0.8px; padding-top:59px;}
#footer p a {color:#ffffff; text-decoration:none;}
#footer p a:hover {text-decoration:underline;}

#ty-container {width:960px; height:100%; margin:0 auto; position:absolute; left:50%; margin-left:-480px; background:url(../images/ty-dots.png) center top no-repeat, url(../images/crown-pink-bg.png) center 474px no-repeat;}
body.tybody {background:#f6678d; height:100%;}
img#tyimg {display:block; margin:100px auto 30px auto;}

#tohome {width:360px; height:60px; line-height:60px; margin:85px auto 0 auto; -moz-border-radius: 25px / 28px;
-webkit-border-radius: 25px / 28px;
border-radius: 25px / 28px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #fff; /* layer fill content */
-moz-box-shadow: 0 3px 0 #ad3056; /* drop shadow */
-webkit-box-shadow: 0 3px 0 #ad3056; /* drop shadow */
box-shadow: 0 3px 0 #ad3056; /* drop shadow */}
#tohome a {color: #f5678d; font-family: "BodoniFLF"; font-size: 30px;font-weight: bold;font-style: italic; text-decoration:none; display:block; height:100%;}
#tohome:hover {margin-top:88px; box-shadow:none;}

.provehum {text-align:center; margin-top:20px;}
.provehum label {font:italic bold 16px "Times New Roman", Times, serif; }
.provehum label, .provehum input {display:inline-block; float:none !important;}
.provehum input {width:320px !Important;}








/* iPad (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	
#responsive_wrapper .skdslider:before  {width:220px;}
}

/* iPad (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#responsive_wrapper .skdslider:before  {width:220px;}
}

/* iPhone -------------------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 640px) {


}