@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "cookie_accept.css";
@import "menu.css";
@import "nitebox.css";
@import "form.css";
@import "panels.css";
@import "elements.css";
* {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
}
img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
html,
body {
	width:100%;
	min-width:320px;
	background:#fff;
	height:100%;
}
html {
	overflow:auto;
}
/* NOSCRIPT */
#noscript { width:100%; padding:10px; background-color:#a61ca8; text-align:center; color:#fff; z-index:999999; display:block; }
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
#noscript a:hover { color:#ccc !important; }
/* SELECTION */
::selection { background:#fd8510; color:#fff; }
::-moz-selection { background:#fd8510; color:#fff; }
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#fd8510; font-weight:600; font-style:normal; }
/* box-sizing */
*, *::after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before { position:absolute; content:''; }
/* font-face */
* { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:300; font-size:18px; line-height:24px; color:#404040; }
a { color:#fd8510; text-decoration:none; }
a * { color:#fd8510; }
a:hover { color:#1010a2 !important; } 
/* transition */
.t, a, a::after, a::before, a * { transition:all .3s; -webkit-transition:all .3s; }
/* hovers */
ul.menu .nc:hover, h1, h2, h3, h4, h5 { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, form div.checkbox+label, div.photos > div span {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;
}
strong, b, strong *, b * { font-weight:600; }
h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 * { font-family:'VAG', Arial, Helvetica, sans-serif; font-weight:600; color:#1010a2; line-height:normal; }
h1, h1 * { font-size:48px; }
h2, h2 * { font-size:42px; }
h3, h3 * { font-size:36px; }
h4, h4 * { font-size:30px; }
h5, h5 * { font-size:24px; }
div.block > h1 { margin-bottom:30px; }

/* preloader */
#preloader { width:100%; height:100%; z-index:100000; position:fixed; background:url(../images/preloader.gif) center center no-repeat #fff; }

#wrapper { margin:0 auto; width:100%; z-index:10; min-height:100%; overflow:hidden; min-width:980px; }

#header { position:fixed; top:0px; left:0px; width:100%; z-index:2; }
#header::before { width:100%; height:50%; background:#fff; opacity:.9; left:0px; top:0px; z-index:-5; }
#menu { margin-top:10px; min-width:980px; }
#menu::before { width:100%; height:40px; top:50%; margin-top:-20px; left:0px; background:#fd8510; z-index:-4; }
#menu div.c { padding:0px; }

#menu.fixed #slogen { opacity:0; }
#menu.fixed #contact { opacity:0; top:0px; }

#logo { display:inline-block; z-index:2; max-width:195px; width:17.272727%; transition:none; -webkit-transition:none; }
#logo img { max-width:195px; height:auto; width:100%; }
#logo img.over, #logo img.angel { position:absolute; top:0px; left:0px; width:100%; height:100%; transition:none; -webkit-transition:none; }
#logo:hover img.over {
	-webkit-animation: rotating 5s linear infinite;
	-moz-animation: rotating 5s linear infinite;
	-ms-animation: rotating 5s linear infinite;
	-o-animation: rotating 5s linear infinite;
	animation: rotating 5s linear infinite; 
}

@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#slogen { left:15.5%; top:0px; height:32.8125%; width:500px; position:absolute; z-index:3; transition:all .3s; -webkit-ransition:all .3s; }
#slogen img { height:100%; max-height:63px; }
#contact { right:30px; position:absolute; top:7%; transition:all .3s; -webkit-ransition:all .3s; text-align:right; }
#contact span, #contact span a { display:block; color:#7d7d7e; font-weight:400; font-size:14px; line-height:20px; }

#bg { position:absolute; top:0px; left:0px; width:100%; z-index:-20; }
#bg img { display:block; max-width:1920px; width:100%; height:auto; margin:0 auto; }

div.c { margin:0 auto; max-width:1100px; padding:0px 30px; }

div.block.about, div.block.contact { margin-bottom:30px; }

div.text .special { padding:15px 10px; text-align:center; border-radius:15px; overflow:hidden; margin-top:25px; display:block; }
div.text .special span { z-index:1; }
div.text p.special { cursor:default;  }
div.text a.special::after { background:#fd8510; width:0px; height:100%; top:0px; left:0px; }
div.text a.special::before { background:#cdeaff; width:100%; height:100%; top:0px; left:0px; }
div.text a.special:hover span { color:#fff !important; }
div.text a.special:hover::after { width:100%; }
div.text .special, div.text .special * { font-size:24px; font-family:'VAG', Arial, Helvetica, sans-serif; color:#1010a2; line-height:30px; font-weight:600; }
div.text p.special-comment { font-style:italic; font-size:14px; margin-top:3px; text-align:center; }

div.tiles { width:103.3333%; padding-bottom:30px; }
div.tiles > div { vertical-align:top; display:inline-block; width:30%; margin-right:3.33333%; border-top-left-radius:30px; border-top-right-radius:30px; margin-bottom:4%; }
div.tiles > div::before { width:100%; height:90%; bottom:-10px; background:#fd8510; border-radius:15px; transform:skewY(2deg); transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; }
div.on-sale { width:160px; height:160px; background:url(../images/onsale.png); right:-5px; top:-5px; position:absolute; }
div.tiles > div img { width:100%; border-radius:30px; transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; }
div.tiles > div span { display:block; font-size:24px; font-family:'VAG', Arial, Helvetica, sans-serif; color:#fff; font-weight:600; line-height:30px; padding:10px; text-align:center; }
div.tiles > div:hover::before { background:#1010a2; bottom:-20px; }
div.tiles > div:hover img { filter:brightness(110%); }
div.tiles a { position:absolute; top:0px; left:0px; width:100%; height:110%; background:url(../images/placeholder.gif); }

div.services div.service:first-child { border:none; padding:0; margin:0; }
div.services div.service { border-top:1px dashed #1010a2; margin-top:30px; padding-top:30px; }
div.services div.service h2 { color:#fd8510; }
div.services div.service img { border-radius:25px; }

div.price:first-child { border:none; padding:0; margin:0; }
div.price { border-top:1px dashed #1010a2; margin-top:15px; padding-top:15px; }
div.price > div { display:inline-block; vertical-align:top; padding-right:25px; }
div.price > div.title { width:40%; }
div.price > div.title * { font-weight:600; color:#404040; }
div.price > div.pr { width:35%; }
div.price > div.btn { width:25%; padding-right:0px; text-align:right; }
div.price > div.btn a { display:inline-block; padding:5px 20px; background:#1010a2; color:#fff; text-decoration:none; font-family:'VAG', Arial, Helvetica, sans-serif; border-radius:10px; font-size:16px; white-space:nowrap; }
div.price > div.btn a:hover { color:#1010a2 !important; background:#cdeaff; }
div.price span.ori { text-decoration:line-through; }
div.price span.sale { font-weight:600; color:#fd8510; }
div.price span.comment { font-style:italic; font-size:14px; display:block; line-height:normal; }

div.feedbacks-list { width:104%; }
div.feedbacks-list > div { vertical-align:top; display:inline-block; width:46%; margin-right:4%; border-radius:30px; margin-bottom:45px; background:#ecf6fd; /*efefef*/ padding:30px; }
div.feedbacks-list > div::after { border-bottom: 25px solid transparent;
    border-left: 26px solid #ecf6fd;
    bottom:-25px;  
}
div.feedbacks-list > div:nth-child(even)::after { right:30px; }
div.feedbacks-list > div:nth-child(odd)::after { left:30px; }
div.feedbacks-list div.title { font-weight:400; color:#fd8510; font-size:20px; line-height:26px; }
div.feedbacks-list div.text { font-style:italic !important; }
div.feedbacks-list div.text * { color:#575f85; }

#content { padding-top:475px; margin-bottom:90px; }
#content > div.c { padding:30px; background:rgba(255,255,255,.9); border-top-left-radius:30px; border-top-right-radius:30px; }
#content > div.c::after { width:100%; left:0px; bottom:-3000px; height:3000px; background:rgba(255,255,255,.9); }

div.text { max-width:640px; display:inline-block; vertical-align:top; }
div.text > *:first-child { margin-top:0px; }
div.text > * { margin-top:15px; } 
div.text ul { list-style-type:none; }
div.text li { padding-left:20px; }
div.text li::before { left:0px; width:8px; top:9px; height:8px; background:#fd8510; border-radius:50%; }

div.txt-img div.text { width:60%; }
div.txt-img div.img { width:40%; }

div.img { display:inline-block; vertical-align:top; padding-left:4%; }
div.img img { width:100%; }

@media screen and (max-width: 1100px), screen and (max-device-width: 1100px), screen and (max-width: 1100px) {
	#content { padding-top:43%; }
	ul.menu > li a { font-size:18px; }
}

#footer { position:absolute; bottom:0px; width:100%; height:60px; padding:18px 0px; background:#cae9ff; }
#footer * { font-weight:400; line-height:24px; }
#footer div.copyright { float:left; color:#fd8510; }
#footer span.rights { color:#fd8510; }
#footer div.copyright > span:first-child { color:#1010a2; }
#footer div.siteby { float:right; color:#00a3d3; }
#footer div.siteby a { font-style:italic; }

a.button { display:inline-block; padding:20px 100px 20px 40px; border-radius:15px; background:#1010a2; color:#fff; text-align:left; font-size:36px; font-family:'VAG', Arial, Helvetica, sans-serif; font-weight:600; }
a.button:hover { padding:20px 40px 20px 100px; color:#fff !important; }
a.button:hover::after { transform:rotate(30deg); }
#panel a.button { padding:5px 20px; font-size:18px; }
#panel a.button:hover { padding:5px 20px; background:#fd8510; }
#panel a.button::after { display:none; }

div.c.mobile-view { text-align:center; padding:10px 0px 0px 0px !important; float:none; border-top:1px solid #fff; margin-top:10px; }
a.mobile-view { display:block; text-align:center; font-weight:400; font-size:16px; }
div.c.mobile-view, a.mobile-view { display:none !important; }
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	div.c.mobile-view, a.mobile-view { display:block !important; }
}