html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline
}
html
{
line-height:1
}
ol,ul
{
list-style:none
}
table
{
border-collapse:collapse;
border-spacing:0
}
caption,th,td
{
text-align:left;
font-weight:normal;
vertical-align:middle
}
q,blockquote
{
quotes:none
}
q:before,q:after,blockquote:before,blockquote:after
{
content:"";
content:none
}
a img
{
border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
display:block
}
input,textarea,select
{
border:none;
color:#3e6a96;
font-size:14px;
font-family:'Open Sans', Arial, sans-serif;
line-height:20px;
-webkit-appearance:none;
background:transparent;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px
}
input:focus,textarea:focus,select:focus
{
outline:none
}
optgroup
{
font-style:normal
}
label
{
line-height:20px;
cursor:pointer
}
::-webkit-search-cancel-button
{
-webkit-appearance:none
}
::-webkit-input-placeholder
{
color:#3e6a96
}
::-moz-placeholder
{
color:#3e6a96
}
:-moz-placeholder
{
color:#3e6a96
}
::-ms-placeholder
{
color:#3e6a96
}
:-ms-input-placeholder
{
color:#3e6a96
}
input::-ms-clear
{
display:none
}
input::-ms-reveal
{
display:none
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button
{
-webkit-appearance:none;
margin:0
}
.legend
{
display:none
}
.form-item
{
display:table;
padding-bottom:10px;
width:100%
}
@media (max-width: 760px)
{
.form-item
{
padding-bottom:0
}
}
.form-item-r
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table;
width:100%
}
.form-item-c
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell
}
@media (max-width: 479px)
{
.form-item-r
{
display:block
}
.form-item-c
{
display:block
}
}
.form-item-3-1
{
padding-right:30px;
width:33.3%
}
@media (max-width: 479px)
{
.form-item-3-1
{
width:100%;
padding-right:0
}
}
.form-item-3-2
{
width:66.6%
}
@media (max-width: 479px)
{
.form-item-3-2
{
width:100%
}
}
.star
{
color:#fca314;
padding-left:5px
}
.l
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#0b0b0b;
display:table-cell;
padding:16px 0;
width:190px;
vertical-align:top
}
@media (max-width: 1000px)
{
.l
{
width:150px
}
}
@media (max-width: 479px)
{
.l
{
display:block;
width:auto;
padding-bottom:5px
}
}
.l a
{
text-decoration:underline
}
.l-hidden
{
display:none
}
.l-checkbox
{
display:inline-block;
padding-left:15px;
width:auto
}
.l-radio
{
display:inline-block;
padding-left:15px;
width:auto
}
.input-item
{
display:table-cell
}
@media (max-width: 479px)
{
.input-item
{
*zoom:1;
display:block;
width:auto
}
.input-item:before,.input-item:after
{
content:" ";
display:table
}
.input-item:after
{
clear:both
}
}
.input-item-name
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:30px;
width:70%
}
.input-item-small .i
{
width:200px
}
@media (max-width: 479px)
{
.input-item-small .i
{
width:100%
}
}
.i
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
transition:all 0.5s ease;
background:#fff;
border:1px solid #ccc;
height:52px;
margin:0;
padding:15px 10px;
width:100%;
border-radius: 10px;
}
.error .i
{
border-color:#c00;
background:#fff
}
.t
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
transition:all 0.5s ease;
background:#fff;
border:1px solid #ccc;
margin:0;
padding:15px 10px;
resize:none;
width:100%
}
.error .t
{
border-color:#c00;
background:#fff
}
.checkbox-block
{
margin-left:190px;
display:block
}
.input-item .checkbox-block
{
margin-left:0
}
@media (max-width: 1000px)
{
.checkbox-block
{
margin-left:150px
}
}
@media (max-width: 479px)
{
.checkbox-block
{
margin-left:0
}
}
.checkbox-block:not(#foo)
{
*zoom:1
}
.checkbox-block:not(#foo):before,.checkbox-block:not(#foo):after
{
content:" ";
display:table
}
.checkbox-block:not(#foo):after
{
clear:both
}
.checkbox-block:not(#foo) input
{
position:absolute;
left:-9999px
}
.checkbox-block:not(#foo) input:checked+label:after
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#fff;
content:'\e80d';
color:#f89600;
display:block;
font-family:"fontello";
font-size:16px;
height:16px;
line-height:16px;
left:9px;
position:absolute;
text-align:center;
top:1px;
width:16px
}
.checkbox-block:not(#foo) label
{
min-height:20px;
display:block;
position:relative;
padding:0 0 0 40px
}
.checkbox-block:not(#foo) label:before
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#f2f2f2;
border:1px solid #ccc;
content:"";
display:block;
height:16px;
left:8px;
position:absolute;
top:0px;
width:16px
}
.error .checkbox-block:not(#foo) label
{
color:red
}
.error .checkbox-block:not(#foo) label:before
{
border:1px solid red
}
.select-block
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
border:1px solid #ccc;
position:relative
}
.select-block:before
{
position:absolute;
top:0;
right:0;
background:#fff;
width:40px;
height:50px;
content:' ';
display:block;
pointer-events:none
}
.select-block:after
{
position:absolute;
top:24px;
right:14px;
content:'';
display:block;
height:0;
width:0;
border-top:4px solid #3e6a96;
border-left:4px solid transparent;
border-right:4px solid transparent;
pointer-events:none
}
.error .select-block
{
background:#fff;
border-color:#c00
}
.error .select-block:before
{
background:#fff
}
.select-block-gender
{
width:30%
}
.s
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:transparent;
color:#919191;
display:block;
padding:15px 10px;
height:50px;
width:100%
}
.radio-block
{
display:block;
margin-left:190px;
padding-bottom:5px
}
.input-item .radio-block
{
margin-left:0
}
@media (max-width: 1000px)
{
.radio-block
{
margin-left:150px
}
}
@media (max-width: 479px)
{
.radio-block
{
margin-left:0
}
}
.radio-block:not(#foo)
{
*zoom:1
}
.radio-block:not(#foo):before,.radio-block:not(#foo):after
{
content:" ";
display:table
}
.radio-block:not(#foo):after
{
clear:both
}
.radio-block:not(#foo) input
{
position:absolute;
left:-9999px
}
.radio-block:not(#foo) input:checked+label:after
{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background:#fca314;
content:"";
display:block;
height:10px;
left:12px;
position:absolute;
top:4px;
width:10px
}
.radio-block:not(#foo) label
{
display:block;
position:relative;
padding:0 0 0 40px
}
.radio-block:not(#foo) label:before
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#f2f2f2;
border:1px solid #ccc;
content:"";
display:block;
height:12px;
left:10px;
top:2px;
position:absolute;
width:12px
}
.error .radio-block:not(#foo) label:before
{
border:1px solid red
}
.radio-block-inline
{
float:left;
padding:5px 0
}
.btn-c
{
margin-left:190px
}
@media (max-width: 1000px)
{
.btn-c
{
margin-left:150px
}
}
@media (max-width: 479px)
{
.btn-c
{
margin-left:0
}
}
.btn
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#feac22;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEAC22', endColorstr='#FFF89701');
background-image:-moz-linear-gradient(top, #feac22 0%,#f89701 100%);
background-image:-o-linear-gradient(top, #feac22 0%,#f89701 100%);
background-image:-webkit-linear-gradient(top, #feac22 0%,#f89701 100%);
background-image:linear-gradient(to bottom, #feac22 0%,#f89701 100%);
border:0;
cursor:pointer;
color:#fff;
display:block;
font-size:14px;
font-weight:bold;
height:50px;
line-height:50px;
text-align:center;
width:100%;
border-radius: 10px;
}
.btn:hover
{
background:#3e6a96;
text-decoration:none
}
.marker-item
{
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
transition:all 0.5s ease;
clear:both;
display:none;
padding-bottom:10px
}
.marker-item.marker-error
{
display:block
}
.marker-c
{
margin-left:190px;
position:relative
}
@media (max-width: 1000px)
{
.marker-c
{
margin-left:150px
}
}
@media (max-width: 479px)
{
.marker-c
{
margin-left:0
}
}
.marker-c-left .marker:before,.marker-c-left .marker:after
{
left:15%
}
@media (max-width: 760px)
{
.marker-c-left .marker:before,.marker-c-left .marker:after
{
left:50%
}
}
.marker
{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#c00;
border:1px solid #c00;
color:#fff;
font-size:12px;
padding:5px;
text-align:center;
width:100%
}
.marker:before
{
content:'';
display:block;
height:0;
left:50%;
margin-left:-10px;
position:absolute;
top:-6px;
width:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:6px solid #c00
}
.marker:after
{
content:'';
display:block;
height:0;
left:50%;
margin-left:-10px;
position:absolute;
top:-5px;
width:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:6px solid #c00
}
.no-pointerevents .select-block:before,.no-pointerevents .select-block:after
{
content:none
}
.buttons
{
/*margin-top:10px*/
}
.form-columns .form-col
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
clear:both;
float:left;
padding-bottom:0;
padding-right:20px;
width:50%
}
.form-columns .form-col:nth-child(2n+1)
{
clear:none;
padding-left:20px;
padding-right:0
}
@media (max-width: 1000px)
{
.form-columns .form-col
{
padding:0;
width:100%
}
.form-columns .form-col:nth-child(2n+1)
{
padding:0
}
}
.form-columns .form-col-message
{
padding:0;
width:100%
}
.form-columns .form-col-message:nth-child(2n+1)
{
padding:0
}
.form-columns .l
{
display:block;
line-height:20px;
padding:7px 0 7px 15px;
width:100%;
cursor:default;
}
.form-columns .input-item
{
display:block;
padding-bottom:10px;
width:100%
}
.form-columns .checkbox-block,.form-columns .radio-block
{
margin-left:10px
}
.form-columns .select-block
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin-bottom:10px
}
.form-columns .i,.form-columns .s,.form-columns .t
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:#5fa5d0;
font-size:12px;
text-transform:uppercase
}
.form-columns .marker-c
{
margin-left:0
}
.form-columns .buttons
{
clear:both;
/*padding-top:40px;*/
text-align:center
}
.form-columns .btn
{
display:inline-block;
margin:0 20px;
text-transform:uppercase;
vertical-align:middle;
width:30%
}
@media (max-width: 760px)
{
.form-columns .btn
{
margin:0;
width:45%
}
}
.form-columns .btn-back
{
background:#3e6a96
}
.crsl-wrapper
{
margin:0 auto 20px;
max-width:1120px
}
.crsl-wrap
{
*zoom:1
}
.crsl-wrap:before,.crsl-wrap:after
{
content:" ";
display:table
}
.crsl-wrap:after
{
clear:both
}
.crsl-controls
{
display:none
}
.crsl-nav
{
position:relative;
z-index:100
}
.crsl-nav .previous,.crsl-nav .next
{
background:#5fa5d0;
background:rgba(95,199,208,0.75);
color:#fff;
display:block;
height:110px;
font-size:40px;
position:absolute;
top:350px;
width:55px;
z-index:100
}
.crsl-nav .previous:before,.crsl-nav .next:before
{
display:block;
line-height:110px;
text-align:center;
width:auto
}
.crsl-nav .previous:hover,.crsl-nav .next:hover
{
text-decoration:none
}
@media (max-width: 1000px)
{
.crsl-nav .previous,.crsl-nav .next
{
top:260px
}
}
@media (max-width: 760px)
{
.crsl-nav .previous,.crsl-nav .next
{
top:200px
}
}
.crsl-nav .previous
{
left:0
}
.crsl-nav .next
{
right:0
}
.crsl-item,.crsl-item-2,.crsl-item-4
{
background:#000;
position:relative;
overflow:hidden
}
.crsl-item header,.crsl-item-2 header,.crsl-item-4 header
{
color:#fff;
position:absolute;
left:50px;
top:60px;
pointer-events:none;
width:50%
}
.crsl-item .crsl-title,.crsl-item-2 .crsl-title,.crsl-item-4 .crsl-title
{
font-family:'Comfortaa', cursive;
font-size:32px;
font-weight:bold
}
.crsl-item .crsl-intro,.crsl-item-2 .crsl-intro,.crsl-item-4 .crsl-intro
{
font-style:italic;
font-weight:300
}
.crsl-item .crsl-button,.crsl-item-2 .crsl-button,.crsl-item-4 .crsl-button
{
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#5fa5d0;
color:#fff;
display:block;
font-size:12px;
font-weight:bold;
height:34px;
line-height:34px;
margin-top:10px;
text-align:center;
width:200px
}
.crsl-item .crsl-image,.crsl-item-2 .crsl-image,.crsl-item-4 .crsl-image
{
-moz-transition:opacity 200ms ease-in-out 0s;
-o-transition:opacity 200ms ease-in-out 0s;
-webkit-transition:opacity 200ms ease-in-out;
-webkit-transition-delay:0s;
transition:opacity 200ms ease-in-out 0s;
display:block;
max-width:100%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1
}
.crsl-item .crsl-image:hover,.crsl-item-2 .crsl-image:hover,.crsl-item-4 .crsl-image:hover
{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity:0.85
}
.crsl-item-4
{
float:left;
width:50%
}
.crsl-item-4 header
{
right:50px;
top:30px;
width:auto
}
.crsl-item-4 .crsl-title
{
font-size:18px
}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus
{
outline:none
}
.slides,.flex-control-nav,.flex-direction-nav
{
margin:0;
padding:0;
list-style:none
}
.flexslider
{
margin:0;
padding:0
}
.flexslider .slides>li
{
display:none;
-webkit-backface-visibility:hidden;
position:relative;
padding-left:0
}
.flexslider .slide:before
{
display:none
}
.flexslider .slides img
{
display:block
}
.flex-pauseplay span
{
text-transform:capitalize
}
.slides:after
{
content:"\0020";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
html[xmlns] .slides
{
display:block
}
* html .slides
{
height:1%
}
.no-js .slides>li:first-child
{
display:block
}
.flexslider
{
*zoom:1;
margin:0 auto;
max-width:1400px;
position:relative;
overflow:hidden
}
.flexslider:before,.flexslider:after
{
content:" ";
display:table
}
.flexslider:after
{
clear:both
}
.flexslider img
{
margin-top:-30px;
width:100%
}
.flexslider .video
{
position:relative;
padding-top:62.5%
}
.flexslider .video iframe
{
bottom:0;
height:100%;
left:0;
position:absolute;
right:0;
top:0;
width:100%
}
@media (max-width: 1170px)
{
.flexslider img
{
margin-top:0
}
}
.gallery
{
position:relative
}
.gallery .flexslider img
{
display:block;
margin-top:0;
max-width:100%;
width:auto
}
.flex-container
{
margin-bottom:10px
}
.flex-control-nav,.detail-control-nav
{
position:absolute;
bottom:17px;
right:35px;
line-height:20px;
text-align:center;
z-index:100
}
.flex-control-nav li,.detail-control-nav li
{
padding-left:0;
display:inline-block
}
.flex-control-nav li:before,.detail-control-nav li:before
{
display:none
}
.flex-control-nav a,.detail-control-nav a
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:5px solid #fff;
border-color:rgba(255,255,255,0.5);
background:#999;
background:rgba(0,0,0,0.5);
cursor:pointer;
display:inline-block;
height:20px;
margin:0 0 0 6px;
position:relative;
text-indent:-9999px;
width:20px
}
.flex-control-nav .flex-active,.detail-control-nav .flex-active
{
border-color:#fff;
background:#000
}
@media (max-width: 1000px)
{
.flex-control-nav,.detail-control-nav
{
bottom:10px
}
}
@media (max-width: 760px)
{
.flex-control-nav,.detail-control-nav
{
left:50%;
margin-left:-100px;
right:auto;
width:200px
}
}
.detail-direction-nav
{
position:static
}
.detail-direction-nav .detail-next,.detail-direction-nav .detail-prev
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#5fa5d0;
background:rgba(95,199,208,0.75);
display:block;
position:absolute;
height:110px;
width:55px;
text-align:center;
top:180px;
z-index:50
}
.detail-direction-nav .detail-next:before,.detail-direction-nav .detail-prev:before
{
color:#fff;
display:inline-block;
font-size:40px;
line-height:110px;
width:auto
}
.detail-direction-nav .detail-next:hover:before,.detail-direction-nav .detail-prev:hover:before
{
text-decoration:none
}
@media (max-width: 1000px)
{
.detail-direction-nav .detail-next,.detail-direction-nav .detail-prev
{
top:120px
}
}
@media (max-width: 760px)
{
.detail-direction-nav .detail-next,.detail-direction-nav .detail-prev
{
height:60px;
top:80px;
width:30px
}
.detail-direction-nav .detail-next:before,.detail-direction-nav .detail-prev:before
{
font-size:20px;
line-height:60px
}
}
.detail-direction-nav .detail-prev
{
left:0
}
.detail-direction-nav .detail-next
{
right:0
}
.detail-control-paging
{
display:none
}
.main_header
{
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);
box-shadow:0 5px 5px rgba(0,0,0,0.1);
background:#fff;
position:fixed;
width:100%;
z-index:500
}
.main_header .center
{
padding:0 40px;
position:relative
}
@media (max-width: 1170px)
{
.main_header .center
{
padding:0 10px
}
}
@media (max-width: 1000px)
{
.main_header
{
position:absolute;
left:0;
top:0
}
}
.logo
{
height: 50px;
text-indent: -9999px;
width: 180px;
margin-right: 10px;
background-size: 450px 300px;
float:left;
}
.logo img {
max-height: 45px;
margin: 5px 0px;
}
.logo a
{
display:block;
height:50px;
text-indent:0px
}
@media (max-width: 1000px)
{
.logo
{
display:block;
float:none;
margin:0 auto
}
}
@media (max-width: 479px)
{
.logo
{
margin-left:50px
}
}
.menu
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
height:40px;
left:15px;
padding:9px 0;
position:absolute;
top:15px;
width:80px
}
.menu a
{
border-top:5px solid #3e6a96;
color:#3e6a96;
display:block;
font-size:11px;
height:20px;
line-height:10px;
padding-top:20px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:30px
}
.menu a:hover
{
text-decoration:none
}
.menu a:before,.menu a:after
{
background:#3e6a96;
display:block;
content:'';
height:5px;
left:0;
position:absolute;
top:0;
width:30px
}
.menu a:before
{
top:4px
}
.menu a:after
{
top:12px
}
@media (max-width: 1000px)
{
.menu
{
display:block
}
}
nav
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
font-size:12px;
text-transform:uppercase;
}
nav.active
{
border-bottom:1px solid #f7f7f7
}
nav ul.flex
{
display: -webkit-flex; /* Safari */
-webkit-flex-direction: row; /* Safari 6.1+ */
display: flex;
flex-direction: row;
justify-content:space-around;
-webkit-justify-content: space-around;
}
nav ul.fix
{
justify-content:flex-end
}
nav ul .submenu
{
display:none
}
nav>ul>li
{
display:inline-block;
position:relative;
}
nav>ul>li:hover:before
{
/*background:#5fa5d0;*/
bottom:-1px;
content:'';
height:3px;
left:0;
position:absolute;
width:100%
}
nav>ul>li:hover ul
{
display:block
}
nav>ul>li ul
{
text-align:left;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);
box-shadow:0 5px 5px rgba(0,0,0,0.1);
background:#fff;
display:none;
font-size:11px;
padding:15px 25px;
position:absolute;
top:51px;
width:100%;
z-index:999;
}
.nav-right
{
float:right;
text-align:right;
padding-right: 0px;
}
@media (max-width: 1000px)
{
nav>ul>li ul
{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
padding-left:0;
padding-right:0;
padding-top:0;
position:static;
top:auto
}
nav>ul>li ul li
{
border-bottom:0
}
}
nav>ul>li li
{
border-bottom:1px solid #eaeaea
}
nav .a
{
color:#3e6a96;
display:block;
padding:20px 20px 19px
}
nav .a-np
{
padding:20px 0px 19px
}
nav .a:hover
{
text-decoration:none
}
nav .a.active
{
font-weight:bold
}
nav .a.active:before
{
background:#5fa5d0;
bottom:-1px;
content:'';
height:3px;
left:0;
position:absolute;
width:100%
}
nav .aa
{
color:#3e6a96;
display:block;
line-height:40px;
text-transform:none
}
nav .aa.active,nav .aa:hover
{
font-weight:bold;
text-decoration:none
}
.no-flexbox nav ul
{
display:table;
table-layout:fixed
}
.no-flexbox nav li
{
display:table-cell
}
@media (max-width: 1170px)
{
nav
{
padding: 15px 0 0;
width: 340px
}
}
@media (max-width: 1000px)
{
nav
{
display:none;
float:none;
margin:0;
width:auto
}
nav ul
{
display:block
}
nav ul li
{
border-top:1px solid #eee;
display:block;
padding:5px 10px
}
}
.submenu
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);
box-shadow:0 5px 5px rgba(0,0,0,0.1);
background:#fff;
display:none;
font-size:11px;
left:0;
line-height:20px;
position:absolute;
padding:25px 40px 50px;
top:0;
width:100%;
z-index:100
}
.submenu ul
{
padding-bottom:21px
}
.submenu .submenu-title
{
border-bottom:1px solid #ececec;
color:#5fa5d0;
display:block;
font-weight:bold;
text-transform:uppercase
}
.submenu .a
{
color:#5fa5d0;
border-bottom:1px solid #ececec;
display:block
}
.submenu-col
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding-right:40px;
width:16.66%
}
.languages .a span
{
color:#5fa5d0
}
.login .a
{
color:#5fa5d0
}
.footer-map
{
*zoom:1;
background:url("../img/kaart.png") no-repeat top #5fa5d0
}
.footer-map:before,.footer-map:after
{
content:" ";
display:table
}
.footer-map:after
{
clear:both
}
.footer-map .center
{
padding:45px 50px
}
.footer-map .title-c .title
{
color:#fff
}
.footer-map .title-c .title:before,.footer-map .title-c .title:after
{
background:#3e6a96
}
@media (max-width: 760px)
{
.footer-map
{
background-position:center
}
.footer-map .center
{
padding-left:10px;
padding-right:10px
}
}
.map-col
{
float:left;
width:25%
}
.map-col ul
{
padding-bottom:30px;
min-height:130px
}
.map-col .a
{
color:#fff;
display:block;
font-size:12px;
line-height:20px
}
.map-col .a:before
{
color:#3e6a96;
content:'\e801';
display:inline-block;
font-family:'fontello';
font-size:10px;
text-align:center;
width:20px
}
@media (max-width: 760px)
{
.map-col
{
width:50%
}
.map-col ul
{
padding-bottom:10px
}
}
.map-title
{
color:#3e6a96;
font-size:18px;
font-weight:bold;
line-height:30px;
text-transform:uppercase
}
@media (max-width: 760px)
{
.map-title
{
padding-left:20px
}
}
.footer
{
background:#3e6a96;
color:#fff;
font-size:12px;
line-height:24px;
padding:55px 0 80px
}
.footer .center
{
padding-left:40px;
padding-right:40px
}
@media (max-width: 1000px)
{
.footer .center
{
*zoom:1;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
max-width:1170px;
position:relative;
z-index:10
}
.footer .center:before,.footer .center:after
{
content:" ";
display:table
}
.footer .center:after
{
clear:both
}
.no-mediaqueries .footer .center
{
padding:0 10px;
width:980px
}
}
@media (max-width: 1000px) and (max-width: 1170px)
{
.footer .center
{
width:980px
}
}
@media (max-width: 1000px) and (max-width: 1000px)
{
.footer .center
{
max-width:768px;
padding:0 10px;
width:auto
}
}
@media (max-width: 760px)
{
.footer .center
{
padding-left:10px;
padding-right:10px
}
}
.footer a
{
color:#fff
}
.footer .l
{
color:#fff
}
.footer .btn-c
{
margin-left:0
}
@media (max-width: 760px)
{
.footer
{
padding-top:20px
}
}
.social .a
{
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background:#5fa5d0;
display:inline-block;
height:49px;
margin:0 5px 5px 0;
text-align:center;
width:49px
}
.social .a:before
{
color:#fff;
font-size:26px;
font-weight:normal;
line-height:49px
}
.social .a:hover
{
text-decoration:none;
background:#fca314
}
.f-col
{
float:left;
padding-bottom:20px;
width:25%
}
@media (max-width: 1000px)
{
.f-col
{
width:33.33%
}
}
@media (max-width: 760px)
{
.f-col
{
text-align:center;
width:100%
}
}
.f-title
{
color:#fff;
font-size:18px;
font-weight:bold;
line-height:30px;
padding-bottom:20px;
text-transform:uppercase
}
@media (max-width: 760px)
{
.f-title
{
text-align:center
}
}
.copy
{
clear:both;
float:left;
font-size:10px;
font-weight:bold;
padding-top:20px
}
@media (max-width: 760px)
{
.copy
{
float:none;
padding-top:0;
text-align:center
}
}
.f-links
{
font-size:10px;
float:right;
padding-top:20px
}
@media (max-width: 760px)
{
.f-links
{
float:none;
text-align:center
}
}
body
{
font-family:'Open Sans', Arial, sans-serif;
color:#282828;
font-size:14px;
line-height:1.428571429;
background:#fff;
-webkit-text-size-adjust:100%;
overflow:visible
}
a
{
color:#fca314;
text-decoration:none
}
a:hover
{
text-decoration:underline
}
p
{
padding-bottom:10px
}
b,strong
{
font-weight:bold
}
i,em
{
font-style:italic
}
u
{
text-decoration:underline
}
.body ul
{
list-style:none outside
}
.body ul li
{
position:relative;
padding-left:20px;
z-index:50
}
.body ul li:before
{
position:absolute;
display:block;
content:'';
left:0;
top:7px;
background:#333;
width:10px;
height:10px;
margin-right:10px
}
::-moz-selection
{
background:#4C4C4C;
color:#fff
}
.center
{
*zoom:1;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
max-width:1170px;
position:relative;
z-index:10;
padding-bottom:20px
}
.center:before,.center:after
{
content:" ";
display:table
}
.center:after
{
clear:both
}
@media (max-width: 1170px)
{
.center
{
width:980px
}
}
@media (max-width: 1000px)
{
.center
{
max-width:768px;
padding:0 10px;
width:auto
}
.center.center-wide {
max-width: 100%;
}
}
.no-mediaqueries .center
{
padding:0 10px;
width:980px
}
.default-template
{
max-width:600px;
text-align:center
}
.hidden
{
display:none
}
.clear
{
*zoom:1;
clear:both
}
.clear:before,.clear:after
{
content:" ";
display:table
}
.clear:after
{
clear:both
}
.clear-d
{
clear:both
}
@media (max-width: 1000px)
{
.clear-d
{
clear:none
}
}
.visible-phone
{
display:none
}
.visible-tablet
{
display:none
}
.img-responsive
{
display:block;
width:100%
}
.hidden-desktop
{
display:none !important
}
@media (max-width: 1000px)
{
.hidden-tablet
{
display:none !important
}
.visible-tablet
{
display:block !important
}
}
@media (max-width: 760px)
{
.visible-phone
{
display:block !important
}
.hidden-phone
{
display:none !important
}
}
.row
{
*zoom:1;
margin:0 -10px
}
.row:before,.row:after
{
content:" ";
display:table
}
.row:after
{
clear:both
}
.col
{
*zoom:1;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding:0 10px;
width:100%
}
.col:before,.col:after
{
content:" ";
display:table
}
.col:after
{
clear:both
}
.col-2
{
width:50%
}
.col-3
{
width:33.33%
}
.col-3-2
{
width:66.66%
}
.col-3-1
{
width:33.33%
}
.col-4
{
width:25%
}
.col-4-3
{
width:75%
}
@media (max-width: 1000px)
{
.row-t
{
margin:0 -10px
}
.col-t-1
{
width:100%
}
.col-t-2
{
width:50%
}
.col-t-3-2
{
width:66.66%
}
.col-t-3-1
{
width:33.33%
}
}
@media (max-width: 760px)
{
.col
{
width:100%
}
.col-p-2
{
width:50%
}
}
.homepage
{
background:#5fa5d0 no-repeat
}
@media (max-width: 760px)
{
.homepage
{
padding-top:70px
}
}
.content
{
background:#fff;
padding-top:100px
}
.main
{
padding-top:85px
}
.mood
{
background:no-repeat;
background-size:cover;
background-position:top
}
.mood .center
{
padding-bottom:0;
padding-top:40%
}
.mood-title
{
font-family:'Comfortaa', cursive;
text-shadow:0 0 5px rgba(0,0,0,0.75);
color:#fff;
font-size:44px;
font-weight:bold;
letter-spacing:-1px;
text-transform:uppercase
}
@media (max-width: 760px)
{
.mood-title
{
font-size:14px;
letter-spacing:0
}
}
.search
{
position:absolute;
left:50px;
right:50px;
text-align:center;
top:210px
}
@media (max-width: 1170px)
{
.search
{
left:20px;
right:20px;
top:120px
}
}
@media (max-width: 1000px)
{
.search
{
left:20px;
right:20px;
top:80px
}
}
@media (max-width: 760px)
{
.search
{
left:10px;
right:10px;
top:10px
}
}
.search form
{
background:#5fa5d0;
background:rgba(95,199,208,0.7);
margin-top:60px;
padding:40px
}
@media (max-width: 1170px)
{
.search form
{
margin-top:20px
}
}
@media (max-width: 1000px)
{
.search form
{
margin-top:10px;
padding:20px
}
}
@media (max-width: 760px)
{
.search form
{
padding:5px
}
}
.search fieldset
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#fff
}
.search .form-item,.search .btn-c
{
float:left;
margin:0;
padding:0;
width:240px
}
@media (max-width: 1170px)
{
.search .form-item,.search .btn-c
{
width:175px
}
}
@media (max-width: 1000px)
{
.search .form-item,.search .btn-c
{
width:238px
}
}
@media (max-width: 760px)
{
.search .form-item,.search .btn-c
{
width:190px
}
}
.search .input-item
{
display:block
}
.search .form-item-select
{
border-left:1px solid #5fa5d0;
width:148px
}
.search .form-item-checkin
{
border-left:1px solid #5fa5d0;
width:105px
}
.search .i,.search .select-block
{
background:#e7f7f8;
border:0;
color:#3e6a96;
height:50px;
padding:17px 10px 13px 15px;
text-transform:uppercase
}
.search .i.focus,.search .select-block.focus
{
background:#fff
}
.search .s
{
color:#3e6a96;
height:20px;
padding:0;
text-transform:uppercase
}
.search .select-block:before
{
background:#e7f7f8;
height:50px
}
.search .select-block:after
{
border-top:4px solid #3e6a96;
border-left-width:4px;
border-right-width:4px;
right:10px;
top:23px
}
.search .i-first
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#fff;
color:#5fa5d0
}
.search .btn
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
text-transform:uppercase
}
@media (max-width: 760px)
{
.search .btn-c
{
float:right;
width:100px
}
}
.usps
{
max-width:990px
}
@media (max-width: 760px)
{
.usps
{
padding-bottom:20px
}
}
.usp-item
{
padding:60px 10px 100px;
text-align:center
}
@media (max-width: 760px)
{
.usp-item
{
padding-top:20px;
padding-bottom:0
}
}
.usp-ico
{
display:block;
margin:0 auto 10px
}
.usp-ico.usp-ico-1
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:0 -79px;
height:82px;
text-indent:-9999px;
width:82px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.usp-ico.usp-ico-1
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.usp-ico.usp-ico-2
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-92px -79px;
height:82px;
text-indent:-9999px;
width:82px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.usp-ico.usp-ico-2
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.usp-ico.usp-ico-3
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-184px -79px;
height:82px;
text-indent:-9999px;
width:82px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.usp-ico.usp-ico-3
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.usp-ico.usp-ico-4
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-276px -79px;
height:82px;
text-indent:-9999px;
width:82px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.usp-ico.usp-ico-4
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.usp-ico.usp-ico-5
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-368px -79px;
height:82px;
text-indent:-9999px;
width:82px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.usp-ico.usp-ico-5
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.usp-ico.usp-ico-6
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-460px -79px;
height:82px;
text-indent:-9999px;
width:82px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.usp-ico.usp-ico-6
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.usp-title
{
color:#fff;
font-size:18px;
font-weight:bold;
text-transform:uppercase
}
.usp-intro
{
color:#fff;
font-size:12px;
padding-bottom:5px
}
.usp-button
{
background-color:#feac22;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEAC22', endColorstr='#FFF89701');
background-image:-moz-linear-gradient(top, #feac22 0%,#f89701 100%);
background-image:-o-linear-gradient(top, #feac22 0%,#f89701 100%);
background-image:-webkit-linear-gradient(top, #feac22 0%,#f89701 100%);
background-image:linear-gradient(to bottom, #feac22 0%,#f89701 100%);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#fff;
display:block;
font-size:12px;
font-weight:bold;
margin:10px auto 0;
line-height:30px;
width:210px
}
.topproducts
{
padding:40px 0
}
.title-c
{
*zoom:1;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
max-width:1170px;
position:relative;
z-index:10;
overflow:hidden;
text-align:center
}
.title-c:before,.title-c:after
{
content:" ";
display:table
}
.title-c:after
{
clear:both
}
@media (max-width: 1170px)
{
.title-c
{
width:inherit
}
}
@media (max-width: 1000px)
{
.title-c
{
max-width:768px;
padding:0 10px;
width:auto
}
}
.no-mediaqueries .title-c
{
padding:0 10px;
width:980px
}
@media (max-width: 760px)
{
.title-c
{
padding:0
}
}
.title
{
font-family:'Comfortaa', cursive;
color:#fca314;
display:inline-block;
font-size:36px;
font-weight:normal;
line-height:40px;
padding:10px 20px 20px;
position:relative
}
.title:before,.title:after
{
background:#5fa5d0;
content:'';
display:block;
height:1px;
position:absolute;
right:100%;
top:30px;
width:1000px
}
.title:after
{
left:100%;
right:auto
}
.title b
{
font-weight:normal
}
.title b:nth-child(1n)
{
color:#5fa5d0
}
.title b:nth-child(2n)
{
color:#3e6a96
}
.title b:nth-child(3n)
{
color:#f7f7f7
}
@media (max-width: 760px)
{
.title
{
font-size:20px;
line-height:26px;
padding-left:10px;
padding-right:10px
}
.title:before,.title:after
{
top:24px
}
}
.inspiration
{
background:#5fa5d0;
padding:40px 0 20px;
position:relative
}
.inspiration .title
{
color:#fff
}
.inspiration .title:before,.inspiration .title:after
{
background:#3e6a96
}
.inspiration .crsl-nav
{
position:static
}
.products
{
*zoom:1;
margin:0 -20px;
padding:0 50px 50px
}
.products:before,.products:after
{
content:" ";
display:table
}
.products:after
{
clear:both
}
.product-item
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding:0 20px;
width:25%
}
.product-item-header
{
background:#e8f4f5;
color:#3e6a96;
font-size:12px;
padding:8px 12px
}
.product-item-title
{
font-size:18px;
font-weight:bold
}
.product-item-subtitle
{
color:#5fa5d0;
display:block;
font-weight:300;
font-size:12px
}
.product-image
{
position:relative;
float:left
}
.product-image.product-wifi:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:0 -208px;
height:16px;
text-indent:-9999px;
width:35px;
bottom:10px;
content:"";
display:block;
position:absolute;
right:10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.product-image.product-wifi:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
@media (max-width: 760px)
{
.product-image
{
float:none
}
}
.product-item-image
{
display:block;
max-width:100%
}
.product-item-info-c
{
*zoom:1
}
.product-item-info-c:before,.product-item-info-c:after
{
content:" ";
display:table
}
.product-item-info-c:after
{
clear:both
}
.product-item-price
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#5fa5d0;
color:#fff;
float:left;
font-size:10px;
height:50px;
line-height:12px;
padding:8px 0;
text-align:center;
width:50%
}
.product-item-price.product-item-price-lowest
{
background:#fca314
}
.product-item-info
{
background:#3e6a96;
float:right;
text-align:center;
width:50%
}
.product-item-link
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
display:block;
font-weight:bold;
font-size:12px;
height:50px;
line-height:30px;
padding:10px 0
}
.product-item-link:hover
{
text-decoration:none
}
.price
{
font-size:19px;
font-weight:800;
line-height:22px
}
.tabs
{
display:inline-block;
margin:80px 50px 20px;
padding:0 25px 0 17px;
position:relative
}
.tabs:before,.tabs:after
{
background:#f7f7f7;
bottom:0;
content:'';
height:1px;
left:0;
position:absolute;
width:17px
}
.tabs:after
{
background:#f7f7f7;
left:auto;
right:0;
width:25px
}
.tabs ul
{
*zoom:1
}
.tabs ul:before,.tabs ul:after
{
content:" ";
display:table
}
.tabs ul:after
{
clear:both
}
.tabs li
{
float:left;
margin-right:-1px;
position:relative
}
.tabs li.active .a
{
border-color:#fca314;
position:relative;
z-index:50
}
.tabs li.active:before,.tabs li.active:after
{
background:#fca314;
bottom:0;
content:'';
height:1px;
position:absolute;
width:17px;
z-index:51
}
.tabs li.active:before
{
left:-17px
}
.tabs li.active:after
{
right:-17px
}
.tabs .a
{
border-left:1px solid #f7f7f7;
border-right:1px solid #f7f7f7;
border-top:1px solid #f7f7f7;
color:#3e6a96;
display:block;
font-size:12px;
line-height:20px;
min-width:150px;
padding:15px 20px;
position:relative;
text-transform:uppercase
}
.tabs .a[class^="ico-"],.tabs .a[class*=" ico-"]
{
padding-left:60px
}
.tabs .a[class^="ico-"]:before,.tabs .a[class*=" ico-"]:before
{
content:'';
display:inline-block;
position:absolute
}
.tabs .ico-best:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-125px -168px;
height:30px;
text-indent:-9999px;
width:33px;
left:20px;
top:10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.tabs .ico-best:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.tabs .ico-budget:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-167px -168px;
height:31px;
text-indent:-9999px;
width:34px;
left:20px;
top:10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.tabs .ico-budget:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.tabs .ico-new:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-211px -168px;
height:30px;
text-indent:-9999px;
width:33px;
left:20px;
top:10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.tabs .ico-new:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.text
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:right;
padding:0 40px 30px;
width:75%
}
@media (max-width: 1000px)
{
.text
{
padding:0 0 20px
}
}
@media (max-width: 760px)
{
.text
{
width:100%
}
}
.text-side
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding:0 0 0 40px;
margin-bottom:20px;
width:25%
}
@media (max-width: 1000px)
{
.text-side
{
padding:0 20px 0 0
}
}
@media (max-width: 760px)
{
.text-side
{
padding:0;
width:100%
}
}
.text-list
{
list-style:none outside;
padding:15px 0 10px
}
.text-list li
{
padding-bottom:5px
}
.text-list .a
{
color:#fff;
display:block
}
@media (max-width: 1000px)
{
.toggles .tabs
{
margin-left:0;
margin-right:0
}
.toggles .products
{
padding-left:0;
padding-right:0
}
}
.villa-online
{
padding:40px 0
}
.villa-online .title
{
color:#3e6a96
}
.villa-online .usp-item
{
max-width:280px;
margin:0 auto;
padding-bottom:20px
}
.villa-online .usp-title
{
color:#3e6a96
}
.villa-online .usp-intro
{
color:#3e6a96;
font-weight:300
}
.team
{
*zoom:1;
clear:both;
padding-top:20px
}
.team:before,.team:after
{
content:" ";
display:table
}
.team:after
{
clear:both
}
.team-item
{
float:left;
padding:0 0 20px;
width:25%
}
.team-item:nth-child(4n+1)
{
clear:both
}
@media (max-width: 1170px)
{
.team-item
{
width:33.33%
}
.team-item:nth-child(4n+1)
{
clear:none
}
.team-item:nth-child(3n+1)
{
clear:both
}
}
@media (max-width: 479px)
{
.team-item
{
width:50%
}
.team-item:nth-child(3n+1)
{
clear:none
}
.team-item:nth-child(2n+1)
{
clear:both
}
}
.team-item-image
{
display:inline-block;
padding:0 30px 0 0;
position:relative
}
.team-item-image img
{
max-width:100%
}
@media (max-width: 479px)
{
.team-item-image
{
padding-right:0
}
}
.team-item-title
{
font-weight:bold;
text-transform:uppercase
}
.team-item-job
{
color:#5fa5d0;
font-size:12px
}
.team-item-lang
{
position:absolute;
right:5px;
top:0;
width:20px
}
.team-item-lang span
{
background:url("../img/sprite-lang.gif") no-repeat;
display:block;
height:15px;
margin-top:3px;
vertical-align:middle;
width:23px
}
.team-item-lang span.en
{
background-position:0 0
}
.team-item-lang span.ba
{
background-position:0 -15px
}
.team-item-lang span.fr
{
background-position:0 -29px
}
.team-item-lang span.nl
{
background-position:0 -43px
}
.team-item-lang span.es
{
background-position:0 -57px
}
.team-item-lang span.de
{
background-position:0 -71px
}
.list
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:75%;
float:right;
padding:0 40px
}
.list .product-c .product
{
background:#fff
}
.list .product-c:nth-child(2n+1) .product
{
background:#e7f7f8
}
.list .product-c:nth-child(2n+1) .product .product-info
{
background:#e7f7f8
}
@media (max-width: 1170px)
{
.list
{
padding:0px;
padding-bottom:20px
}
}
@media (max-width: 760px)
{
.list
{
float:none;
width:100%
}
}
.list .products
{
margin:0;
padding:0
}
.head-list
{
color:#FFF;
background:#56b5bd no-repeat;
margin-bottom:1px
}
.menu-list
{
*zoom:1;
background:#3e6a96 no-repeat
}
.menu-list:before,.menu-list:after
{
content:" ";
display:table
}
.menu-list:after
{
clear:both
}
.menu-list a
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-bottom:1px solid #5fa5d0;
border-right:1px solid #5fa5d0;
color:#fff;
font-size:12px;
float:left;
line-height:20px;
padding:15px 10px 15px 40px;
text-decoration:none;
text-transform:uppercase;
width:33.33%
}
.menu-list a:nth-child(3n)
{
border-right:none
}
.menu-list a.active
{
background-color:#56b5bd;
border-bottom:1px solid #56b5bd;
font-weight:bold
}
@media (max-width: 1000px)
{
.menu-list a
{
font-size:12px;
padding-left:20px
}
}
@media (max-width: 760px)
{
.menu-list a
{
font-size:11px;
min-height:61px;
padding-bottom:10px;
padding-top:10px
}
}
.menu-list a:before
{
display:inline-block;
content:"";
margin-right:10px;
vertical-align:middle
}
@media (max-width: 760px)
{
.menu-list a:before
{
display:none
}
}
.villaview:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:0 -164px;
height:30px;
text-indent:-9999px;
width:29px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.villaview:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.mapview:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-40px -168px;
height:30px;
text-indent:-9999px;
width:34px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.mapview:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.areaview:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-88px -165px;
height:30px;
text-indent:-9999px;
width:26px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.areaview:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.page-title
{
font-size:30px;
padding:25px 0 0 25px
}
@media (max-width: 760px)
{
.page-title
{
font-size:20px;
padding:10px 0 0 10px
}
}
.page-intro
{
padding:25px;
line-height:24px;
font-size:12px
}
@media (max-width: 760px)
{
.page-intro
{
padding:10px
}
}
.view
{
*zoom:1;
border-top:1px solid #5fa5d0;
padding-left:30px;
text-transform:uppercase
}
.view:before,.view:after
{
content:" ";
display:table
}
.view:after
{
clear:both
}
@media (max-width: 1000px)
{
.view
{
padding-left:20px
}
}
.paging
{
width:33.33%;
float:left;
line-height:60px;
color:#FFF
}
.paging a
{
float:left;
color:#3e6a96
}
.paging a.active
{
color:#FFF
}
.paging-bottom
{
float:right;
width:auto
}
.page
{
width:50px;
text-align:center
}
.page:hover
{
color:#FFF;
text-decoration:none
}
.view-title
{
float:left;
width:65px;
text-transform:uppercase
}
.sort
{
width:66.66%;
float:right;
line-height:60px
}
.sort label
{
float:left;
width:25%;
line-height:54px;
padding:0;
color:#FFF;
text-align:right
}
@media (max-width: 1000px)
{
.sort
{
width:100%
}
.sort label
{
text-align:left
}
}
@media (max-width: 760px)
{
.sort label
{
width:50%
}
}
.sort-item
{
width:45%;
float:left
}
.sort-item .select-block
{
background:transparent;
border:0
}
.sort-item .select-block:before
{
background:#56b5bd
}
.sort-item .s
{
background:transparent;
color:#fca314
}
@media (max-width: 760px)
{
.sort-item
{
width:50%
}
}
.sort-icons
{
float:left;
width:30%;
text-align:center
}
@media (max-width: 1000px)
{
.sort-icons
{
text-align:right
}
}
@media (max-width: 760px)
{
.sort-icons
{
display:none
}
}
.sort-icon
{
font-size:22px;
line-height:50px;
margin:17px 10px 0 0;
vertical-align:top
}
.sort-icon:hover
{
text-decoration:none
}
.sort-icon:hover:before
{
color:#fff
}
.sort-icon:before
{
color:#3e6a96;
vertical-align:middle
}
.sort-icon.active:before
{
color:#fff
}
.ico-menu
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:4px solid #3e6a96;
display:inline-block;
height:22px;
position:relative;
width:20px
}
.ico-menu:before,.ico-menu:after
{
background:#3e6a96;
content:'';
display:block;
height:4px;
position:absolute;
top:5px;
width:20px
}
.ico-menu:after
{
top:14px
}
.ico-menu.active,.ico-menu:hover
{
border-color:#fff
}
.ico-menu.active:before,.ico-menu.active:after,.ico-menu:hover:before,.ico-menu:hover:after
{
background:#fff
}
.product
{
*zoom:1;
margin-top:10px;
position:relative
}
.product:before,.product:after
{
content:" ";
display:table
}
.product:after
{
clear:both
}
@media (max-width: 760px)
{
.product .product-top
{
display:table;
width:100%
}
}
@media (max-width: 760px)
{
.product .product-image
{
display:table-cell;
width:60%
}
}
.product .product-item-image
{
float:left
}
@media (max-width: 760px)
{
.product .product-item-image
{
max-width:none;
width:100%
}
}
.product .product-item-contents
{
height:53px;
background-color:#cde4e5;
color:#3e6a96;
font-size:10px;
text-align:center;
display:table-cell;
float:none;
vertical-align:middle;
width:15%
}
@media (max-width: 1000px)
{
.product .product-item-contents
{
width:100%
}
}
@media (max-width: 760px)
{
.product .product-item-contents
{
display:block;
min-height:50px;
padding-top:15px
}
}
@media (max-width: 1000px)
{
.product .product-item-contents-container-tablet
{
display:table;
float:left;
width:33.33%
}
}
@media (max-width: 760px)
{
.product .product-item-contents-container-tablet
{
display:none
}
}
.product .product-item-contents-container-phone
{
display:none
}
@media (max-width: 760px)
{
.product .product-item-contents-container-phone
{
background-color:#3e6a96;
display:table-cell;
float:none;
vertical-align:top;
width:40%
}
}
.product .persons,.product .rooms
{
display:block
}
.product .product-item-price
{
background-color:#3e6a96;
float:none;
height:53px;
width:auto
}
@media (max-width: 1000px)
{
.product .product-item-price
{
float:left;
width:33.33%
}
}
@media (max-width: 760px)
{
.product .product-item-price
{
padding-top:10px;
width:100%
}
}
.product .product-item-info
{
background-color:#f89600;
float:none;
height:54px;
width:auto
}
.product .product-item-info .product-item-link
{
height:54px;
line-height:35px
}
.product .product-item-info:hover
{
text-decoration:none;
background-color:#feac22
}
@media (max-width: 1000px)
{
.product .product-item-info
{
float:left;
height:53px;
width:33.33%
}
.product .product-item-info .product-item-link
{
height:53px
}
}
@media (max-width: 760px)
{
.product .product-item-info
{
float:none;
width:auto
}
}
.product .product-info
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#FFF;
float:left;
font-size:10px;
padding:15px 20px;
width:437px
}
.product .product-info .product-item-subtitle
{
font-size:12px
}
.product .product-info .product-item-title
{
color:#3e6a96;
display:block
}
.product .product-info .product-item-title:hover
{
text-decoration:none
}
@media (max-width: 1170px)
{
.product .product-info
{
width:384px
}
}
@media (max-width: 1000px)
{
.product .product-info
{
padding:10px;
width:321px
}
}
@media (max-width: 760px)
{
.product .product-info
{
height:auto;
padding-bottom:20px;
width:100%
}
}
.product .product-blocks
{
float:right;
width:15%
}
@media (max-width: 1000px)
{
.product .product-blocks
{
*zoom:1;
clear:both;
float:none;
width:auto
}
.product .product-blocks:before,.product .product-blocks:after
{
content:" ";
display:table
}
.product .product-blocks:after
{
clear:both
}
}
.list.blocked .products
{
margin:0 0 0 -40px
}
.list.blocked .product-c
{
float:left;
width:33.33%
}
.list.blocked .product-c:nth-child(2n+1) .product
{
background:#fff
}
.list.blocked .product-c:nth-child(2n+1) .product .product-info
{
background:#fff
}
.list.blocked .product-c:nth-child(3n+1)
{
clear:both
}
@media (max-width: 1000px)
{
.list.blocked .product-c
{
width:50%
}
.list.blocked .product-c:nth-child(3n+1)
{
clear:none
}
.list.blocked .product-c:nth-child(2n+1)
{
clear:both
}
}
.list.blocked .product
{
margin-left:40px
}
.list.blocked .product-item-image
{
float:none
}
@media (max-width: 1000px)
{
.list.blocked .product-item-image
{
max-width:none;
width:100%
}
}
.list.blocked .product-info
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:240px;
padding:15px 20px;
width:100%
}
.list.blocked .product-blocks
{
*zoom:1;
clear:both;
float:none;
width:auto
}
.list.blocked .product-blocks:before,.list.blocked .product-blocks:after
{
content:" ";
display:table
}
.list.blocked .product-blocks:after
{
clear:both
}
.list.blocked .product-item-contents-container-tablet
{
float:left;
width:50%
}
.list.blocked .product-item-price
{
float:left;
width:50%
}
@media (max-width: 760px)
{
.list.blocked .product-item-price
{
float:none;
width:100%
}
}
.list.blocked .product-item-info
{
clear:both;
width:100%
}
.list.blocked .product-text
{
clear:both
}
.list.blocked .rating
{
float:none;
padding-top:5px;
text-align:center
}
.rating
{
float:right;
font-size:16px
}
.icon-star:before
{
color:#cde4e5;
cursor:default
}
.icon-star.act:before
{
color:#f89600
}
.product-text
{
margin-top:10px
}
.sidebar
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:25%;
float:right;
padding-left:40px
}
.sidebar .checkbox-block
{
margin-left:0px
}
@media (max-width: 1170px)
{
.sidebar
{
padding:0 40px 0 0
}
}
@media (max-width: 1000px)
{
.sidebar
{
padding:0 10px 0 0
}
}
@media (max-width: 760px)
{
.sidebar
{
display:none
}
}
.filter-section
{
color:#FFF;
text-transform:uppercase;
background-color:#3e6a96;
margin-bottom:10px;
font-size:10px
}
.filter-section .form-item
{
padding:10px 0 0 0
}
.filter-section .number
{
color:#FFF;
float:right;
margin-right:20px
}
.filter-section .option-all
{
display:block;
margin-top:15px;
position:relative;
text-align:right
}
.filter-section .option-all span
{
background-color:#5fa5d0;
color:#fff;
display:inline-block;
font-size:8px;
height:20px;
line-height:16px;
padding:0 10px;
position:relative
}
.filter-section .option-all:before
{
background-color:#5fa5d0;
content:'';
height:10px;
position:absolute;
bottom:0;
right:0;
width:100%;
z-index:0
}
.filter-section .option-all:hover:before,.filter-section .option-all:hover span
{
background:#fca314
}
.filter-section .option-all .less
{
display:none
}
.filter-section .option-all.active span
{
display:inline-block
}
.filter-section .option-all.active .more
{
display:none
}
.filter-section .checkbox-block:not(#foo)
{
*zoom:1
}
.filter-section .checkbox-block:not(#foo):before,.filter-section .checkbox-block:not(#foo):after
{
content:" ";
display:table
}
.filter-section .checkbox-block:not(#foo):after
{
clear:both
}
.filter-section .checkbox-block:not(#foo) input:checked+label:after
{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:#f89600;
content:'\e80d';
color:#FFF;
display:block;
font-family:"fontello";
font-size:13px;
left:28px;
line-height:13px;
position:absolute;
top:3px;
height:13px;
width:13px
}
@media (max-width: 1000px)
{
.filter-section .checkbox-block:not(#foo) input:checked+label:after
{
left:11px
}
}
.filter-section .checkbox-block:not(#foo) label
{
min-height:20px;
display:block;
position:relative;
padding:0 0 0 65px;
color:#fff;
width:100%
}
@media (max-width: 1000px)
{
.filter-section .checkbox-block:not(#foo) label
{
padding-left:35px;
font-size:9px
}
}
.filter-section .checkbox-block:not(#foo) label:before
{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:#5fc7d1;
border:1px solid #fff;
content:"";
display:block;
height:13px;
left:27px;
position:absolute;
top:2px;
width:13px
}
@media (max-width: 1000px)
{
.filter-section .checkbox-block:not(#foo) label:before
{
left:10px
}
}
.filter-search
{
padding:15px
}
.filter-search .form-item
{
padding:0
}
.filter-search .form-item-checkin,.filter-search .form-item-checkout
{
border-left:1px solid #5fa5d0;
border-right:1px solid #5fa5d0;
float:left;
margin:0 -1px;
width:50%
}
.filter-search .form-item-checkin .i,.filter-search .form-item-checkout .i
{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:#e7f7f8
}
.filter-search .i
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border-bottom:1px solid #5fa5d0;
font-size:12px;
height:50px;
text-transform:uppercase
}
.filter-search .select-block
{
background:#cde4e5;
border:0
}
.filter-search .select-block:before
{
background:#cde4e5;
height:49px
}
.filter-search .select-block:after
{
right:14px;
top:24px
}
.filter-search .s
{
border-bottom:1px solid #5fa5d0;
height:50px
}
.filter-search .btn-c
{
margin:10px 0 0
}
.filter-title
{
background-color:#5fa5d0;
font-size:14px;
line-height:20px;
padding:15px 20px
}
.filter-title.filter-title-arrow
{
cursor:pointer;
position:relative
}
.filter-title.filter-title-arrow:before
{
border-bottom:4px solid #fff;
border-left:4px solid transparent;
border-right:4px solid transparent;
content:'';
height:0;
right:20px;
position:absolute;
top:21px;
vertical-align:middle;
width:0
}
.filter-title.filter-title-arrow.closed:before
{
border-bottom:0;
border-top:4px solid #fff;
top:23px
}
.filter-title.filter-title-arrow.closed+.filter-items
{
display:none
}
.list-content
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#56b5bd;
color:#fff;
font-size:12px;
line-height:24px;
padding:10px 10px 30px
}
.list-content img
{
display:block
}
.image-caption
{
*zoom:1
}
.image-caption:before,.image-caption:after
{
content:" ";
display:table
}
.image-caption:after
{
clear:both
}
.caption
{
font-size:10px;
line-height:20px;
padding:7px 10px;
color:#FFF;
background-color:#3e6a96;
float:right
}
.caption:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-248px -168px;
height:12px;
text-indent:-9999px;
width:16px;
content:"";
display:block;
float:left;
margin:5px 10px 0 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.caption:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.list-title
{
font-size:18px;
margin:30px 25px 0
}
@media (max-width: 760px)
{
.list-title
{
margin:15px 0 0
}
}
.list-text
{
margin:20px 25px 0
}
@media (max-width: 760px)
{
.list-text
{
margin-left:0;
margin-right:0
}
}
.double
{
*zoom:1;
margin-top:30px
}
.double:before,.double:after
{
content:" ";
display:table
}
.double:after
{
clear:both
}
.double img
{
float:left;
width:50%
}
.map
{
height:600px
}
@media (max-width: 1000px)
{
.map
{
height:300px
}
}
.main
{
background:#5fa5d0;
}
.detail
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
padding:0 40px 30px;
width:75%
}
.detail-w100
{
width:100%
}
@media (max-width: 1170px)
{
.detail
{
padding-left:0;
padding-right:20px
}
}
@media (max-width: 760px)
{
.detail
{
padding-bottom:10px;
padding-right:0;
width:100%
}
}
.detail-info {
background: #fff;
margin-bottom: 10px;
padding: 20px 30px;
border-radius: 15px;
webkit-box-shadow: 0 10px 6px -6px #0000003b;
-moz-box-shadow: 0 10px 6px -6px #0000003b;
box-shadow: 0 10px 6px -6px #0000003b;
}
@media (max-width: 760px)
{
.detail-info
{
padding-left:15px;
padding-right:15px;
padding-top:10px
}
}
.detail-title
{
color:#3e6a96;
font-size:24px;
text-transform:uppercase
}
.detail-location
{
color:#383838;
font-size:12px;
font-weight:300
}
.detail-intro
{
font-size:12px;
line-height:24px;
padding:10px 0
}
.detail-side
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:right;
padding:0 40px 20px 0;
width:25%
}
@media (max-width: 1170px)
{
.detail-side
{
padding-right:0
}
}
@media (max-width: 760px)
{
.detail-side
{
width:100%
}
}
.detail-tabs
{
*zoom:1;
display:table;
margin-top:10px;
width:100%
}
.detail-tabs:before,.detail-tabs:after
{
content:" ";
display:table
}
.detail-tabs:after
{
clear:both
}
.detail-tabs .tab-row
{
display:table-row
}
.detail-tabs .a
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
border-left:1px solid #5fa5d0;
border-bottom:1px solid #5fa5d0;
color:#3e6a96;
display:table-cell;
height:50px;
position:relative;
text-align:center;
text-decoration:none;
vertical-align:middle;
width:25%
}
.detail-tabs .a.active:before
{
background:#3e6a96;
bottom:0;
content:'';
height:3px;
left:0;
position:absolute;
right:0
}
.detail-tabs .a:first-child
{
border-left:0
}
.detail-tabs-phone
{
display:none
}
@media (max-width: 760px)
{
.detail-tabs-phone
{
display:block;
margin-top:10px
}
}
.detail-tab-content
{
background:#fff;
display:none;
font-size:12px;
line-height:24px;
padding:40px
}
.detail-tab-content.active
{
display:block
}
@media (max-width: 760px)
{
.detail-tab-content
{
padding:20px 10px 0
}
}
.detail-subtitle,.detail-tab-title
{
color:#312d2e;
font-weight:bold;
font-size:18px;
padding-bottom:5px
}
.detail-tab-intro
{
padding:0 0 10px
}
.detail-control-thumbs
{
position:static;
top:auto;
left:auto;
text-align:left;
margin:0
}
.thumbs
{
height:92px;
margin-bottom:10px;
overflow:hidden;
width:100%
}
.thumbs img
{
cursor:pointer;
margin-right:10px
}
.thumbs .video
{
position:relative
}
.thumbs .video:before
{
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background:#fff;
background:rgba(255,255,255,0.8);
bottom:25px;
content:'';
display:block;
left:40px;
pointer-events:none;
position:absolute;
right:40px;
top:25px;
z-index:1
}
.thumbs .video:after
{
border-bottom:10px solid transparent;
border-left:18px solid #000;
border-left-color:rgba(0,0,0,0.8);
border-top:10px solid transparent;
content:'';
display:block;
height:0;
pointer-events:none;
position:absolute;
left:50%;
margin-left:-5px;
top:37px;
width:0;
z-index:2
}
.thumbs .video:hover:before
{
background:#fff
}
.prices-title-c
{
border-bottom:1px solid #5fa5d0
}
.prices-title
{
border-bottom:2px solid #5fa5d0;
color:#5fa5d0;
display:inline-block;
font-size:18px;
font-weight:bold;
margin-top:30px;
text-transform:uppercase;
vertical-align:bottom
}
.prices-list
{
color:#3e6a96;
line-height:20px
}
.prices-list li
{
border-bottom:1px solid #5fa5d0;
padding:15px 0 15px 30px
}
.prices-list li span
{
display:inline-block;
vertical-align:top;
width:45%
}
.prices-list li:before
{
background:#fff;
content:'*';
display:inline-block;
float:right;
width:20px
}
@media (max-width: 1000px)
{
.prices-list li
{
padding-left:0
}
}
.detail-control-thumbs li
{
display:inline-block
}
.detail-control-thumbs img
{
display:block;
max-width:100%;
border:2px solid transparent
}
.detail-control-thumbs .detail-active
{
border-color:#fff
}
.image-info
{
position:absolute;
right:0;
top:0;
z-index:50
}
.image-info .image-lbl
{
background:#3e6a96;
color:#fff;
display:inline-block;
line-height:55px;
text-align:center;
vertical-align:middle;
width:55px
}
.image-info .image-zoom
{
background:#5fa5d0;
display:inline-block;
text-align:center;
vertical-align:middle;
width:55px
}
.image-info .image-zoom:before
{
color:#fff;
font-size:24px;
line-height:55px
}
.image-info .image-zoom:hover
{
background:#fca314;
text-decoration:none
}
.iframe-calendar
{
height:1000px;
width:100%
}
.steps
{
margin-bottom:10px;
position:relative
}
.steps:after
{
background:#5fa5d0;
content:'';
height:1px;
left:15%;
position:absolute;
right:15%;
top:42px;
z-index:0
}
@media (max-width: 760px)
{
.steps:after
{
top:20px
}
}
.steps .step-item
{
color:#5fa5d0;
display:inline-block;
font-size:12px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
vertical-align:top;
width:33.33%;
z-index:5
}
.steps .step-item:before
{
-moz-border-radius:42px;
-webkit-border-radius:42px;
border-radius:42px;
background:#fff;
border:1px solid #5fa5d0;
color:#5fa5d0;
content:'';
display:block;
height:84px;
font-size:30px;
font-weight:800;
line-height:84px;
margin:0 auto 5px;
text-align:center;
width:84px
}
@media (max-width: 760px)
{
.steps .step-item:before
{
font-size:16px;
line-height:40px;
height:40px;
width:40px
}
}
.steps .step-item.completed:before
{
background:#afe3e8
}
.steps .step-item.active
{
font-weight:800
}
.steps .step-item.active:before
{
background:#5fa5d0;
color:#fff
}
@media (max-width: 760px)
{
.steps .step-item
{
font-size:11px;
line-height:12px
}
}
.steps .step-item-1:before
{
content:'1'
}
.steps .step-item-2:before
{
content:'2'
}
.steps .step-item-3:before
{
content:'3'
}
.steps .step-item-4:before
{
content:'4'
}
.step-content
{
display:none;
padding:20px 0
}
.step-content.active
{
display:block
}
.step-content-title
{
color:#312d2e;
font-weight:bold;
font-size:18px;
padding-bottom:10px
}
.step-content-intro
{
font-size:12px;
padding:0 0 20px
}
.detail-side-block
{
*zoom:1;
background:#3e6a96;
color:#fff;
margin-top:10px;
padding:0 20px 10px;
border-radius: 15px;
}
.detail-side-block:before,.detail-side-block:after
{
content:" ";
display:table
}
.detail-side-block:after
{
clear:both
}
.detail-side-block:first-child
{
margin-top:0;
cursor:default
}
.detail-side-title
{
background:#5fa5d0;
font-size:12px;
line-height:20px;
padding:15px 20px;
margin:0 -20px;
text-transform:uppercase
}
.detail-specs
{
padding:0;
margin-top:0
}
.detail-specs .detail-side-title
{
margin:0;
padding-left:20px;
padding-right:20px
}
.detail-specs-row
{
display:table;
width:100%
}
.detail-specs-contents
{
background:#cde4e5;
color:#3e6a96;
display:table-cell;
font-size:10px;
line-height:14px;
height:50px;
text-align:center;
vertical-align:middle;
width:50%
}
.detail-specs-price
{
background:#3e6a96;
color:#fff;
display:table-cell;
height:50px;
font-size:12px;
text-align:center;
vertical-align:middle;
width:50%
}
.detail-submit
{
padding-bottom:15px;
padding-top:15px
}
.detail-submit-option
{
font-size:12px;
padding:5px 0;
text-decoration:underline;
text-transform:uppercase
}
.detail-submit-option:before
{
background-image:url("../img/sprite-akomgo.png");
background-repeat:no-repeat;
background-position:-45px -206px;
height:28px;
text-indent:-9999px;
width:20px;
content:'';
display:block;
float:left;
margin:3px 5px 0 5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
.detail-submit-option:before
{
background-image:url("../img/sprite-akomgo@2x.png");
background-size:600px 400px
}
}
.detail-rating-item-main
{
background:#5fa5d0
}
.detail-rating-item
{
clear:both;
display:table;
padding:10px 20px;
margin:0 -20px;
width:100%
}
.detail-rating-item .lbl
{
display:table-cell;
text-transform:uppercase
}
.detail-rating-item .rating
{
display:table-cell;
float:none;
vertical-align:middle;
width:100px
}
.detail-icons
{
margin-top:10px
}
.detail-icons .icon
{
background:#fca314;
display:inline-block;
height:20px;
width:20px
}
.detail-review-grade
{
font-size:44px;
font-weight:300;
padding:5px 0
}
.detail-review-link
{
color:#fff;
display:block;
font-size:12px;
padding:5px 0;
text-transform:uppercase
}
.distance-item
{
*zoom:1;
padding:10px 0 0
}
.distance-item:before,.distance-item:after
{
content:" ";
display:table
}
.distance-item:after
{
clear:both
}
.distance-item .lbl
{
display:inline
}
.distance-item .val
{
float:right;
font-weight:bold;
margin:0 0 0 10px;
text-align:right
}
.btn-detail-availability
{
float:right;
margin:0 0 20px 20px;
width:215px
}
.detail-logos
{
margin-top:10px;
padding:10px 0;
text-align:center
}
.detail-logo
{
background:url("../img/payment.png") 0 0;
display:inline-block;
height:50px;
margin:0 5px 10px;
text-indent:-9999px;
width:60px
}
.detail-logo.logo-thuiswinkel
{
background-position:-20px -6px
}
.detail-logo.logo-anvr
{
background-position:-90px -6px
}
.detail-logo.logo-sgr
{
background-position:-160px -6px
}
.detail-logo.logo-ideal
{
background-position:-20px -70px
}
.detail-logo.logo-paypal
{
background-position:-90px -70px
}
.detail-logo.logo-mc
{
background-position:-160px -70px
}
.booking-side-block
{
padding:0
}
.booking-side-block .detail-side-title
{
background:#fff;
color:#3e6a96;
font-weight:bold;
margin-left:0;
margin-right:0
}
.slip
{
background:#fff;
color:#312d2e;
font-size:12px;
line-height:22px;
padding:15px
}
.slip-address
{
padding:0 10px 10px
}
.slip-times
{
border-top:1px solid #cde4e5;
padding:15px 10px
}
.slip-items
{
border-top:1px solid #cde4e5;
padding:15px 0
}
.slip-item
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
*zoom:1;
display:table;
padding:3px 10px;
width:100%
}
.slip-item:before,.slip-item:after
{
content:" ";
display:table
}
.slip-item:after
{
clear:both
}
.slip-item:nth-child(odd)
{
background:#ebf3f3
}
.slip-lbl
{
display:table-cell;
width:66.66%
}
@media (max-width: 1000px)
{
.slip-lbl
{
display:block;
width:auto
}
}
.slip-val
{
display:table-cell;
font-weight:bold;
text-align:right;
vertical-align:bottom;
width:33.33%
}
@media (max-width: 1000px)
{
.slip-val
{
display:block;
width:auto
}
}
.slip-total
{
border-top:1px solid #cde4e5;
font-size:18px;
padding:15px 10px
}
.slip-total .slip-item
{
padding-left:0;
padding-right:0
}
.slip-total .slip-item:nth-child(odd)
{
background:transparent
}
.booking-logos
{
background:#cde4e5;
margin-top:0;
padding:15px 0 5px
}
.login-block
{
margin:0 auto;
width:500px
}
@media (max-width: 760px)
{
.login-block
{
*zoom:1;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
max-width:1170px;
position:relative;
z-index:10
}
.login-block:before,.login-block:after
{
content:" ";
display:table
}
.login-block:after
{
clear:both
}
.no-mediaqueries .login-block
{
padding:0 10px;
width:980px
}
}
@media (max-width: 760px) and (max-width: 1170px)
{
.login-block
{
width:980px
}
}
@media (max-width: 760px) and (max-width: 1000px)
{
.login-block
{
max-width:768px;
padding:0 10px;
width:auto
}
}
/*Editor*/
.detail-info h1, .detail-info h2, .detail-info h3, .detail-info h4, .detail-info h5, .detail-info h6 {
font-weight: 600;
cursor:default;
}
.detail-info h1 {font-size: 2em;}
.detail-info h2 {font-size: 1.83em;}
.detail-info h3 {font-size: 1.39em;}
.detail-info h4 {font-size: 1.1em;}
.detail-info h5 {font-size: 0.98em;}
.detail-info h6 {font-size: 0.85em;}
.detail-info .row {margin: 0 -5px;}
.display h1 {
font-weight: 800;
font-size: 2.8em;
line-height:1.4;
text-transform: uppercase;
}
.display p {
font-size: 1.5em;
font-style: italic;
}
.detail-info p {
font-size: 1.1em;
cursor:default;
}
.detail-info blockquote {
font-size: 1.1em;
}
.detail-info blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
/* FIX: Preventing Chrome from wrapping text with span-style (when editing) */
.display h1 span {font-size: 2.8em;line-height:1.4;}
.display p span {font-size: 1.5em;line-height:1.7;}
.detail-info h1 span {font-size: 2.37em;line-height:1.7;}
.detail-info h2 span {font-size: 1.83em;line-height:1.7;}
.detail-info h3 span {font-size: 1.39em;line-height:1.7;}
.detail-info h4 span {font-size: 1.1em;line-height:1.7;}
.detail-info h5 span {font-size: 0.98em;line-height:1.7;}
.detail-info h6 span {font-size: 0.85em;line-height:1.7;}
.detail-info p span {font-size: 14px; line-height: 1.7;}
.detail-info li span {font-size: 14px; line-height: 1.7;}
.info-content {
background: #fff;
margin-bottom: 10px;
padding: 20px 30px;
border-radius: 15px;
webkit-box-shadow: 0 10px 6px -6px #0000003b;
-moz-box-shadow: 0 10px 6px -6px #0000003b;
box-shadow: 0 10px 6px -6px #0000003b;
color: #4f818e;
}
/*.info-content h3 {
font-size: 1.2em;
}
.info-content h1, .info-content h2, .info-content h3, .info-content h4, .info-content h5, .info-content h6 {
font-family: "Open Sans",sans-serif;
font-weight: 800;
}*/
.info-content h1 {font-size: 2.37em;}
.info-content h2 {font-size: 1.83em;}
.info-content h3 {font-size: 1.39em;}
.info-content h4 {font-size: 1.1em;}
.info-content h5 {font-size: 0.98em;}
.info-content h6 {font-size: 0.85em;}
.info-content h1, .info-content h2, .info-content h3, .info-content h4, .info-content h5, .info-content h6 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
.info-content #accordion h3:hover, .info-content #accordion h4:hover {
color: #cde4e5;
}
.info-content .center
{
text-align:center;
}
.info-content .btn
{
display:inline-block;
width:20%;
}
/**********************************
Printing
***********************************/
@page {
size: auto; /* auto is the current printer page size */
margin: 20mm 0; /* this affects the margin in the printer settings */
}
/**********************************
Grid
***********************************/
@media (min-width: 33rem) { /* 40rem */
.column {
float: left;
padding-left: 1.3rem; /* 1rem */
padding-right: 1.3rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.column.full { width: 100%; }
.column.two-third { width: 66.7%; }
.column.two-fourth { width: 75%; }
.column.two-fifth { width: 80%; }
.column.two-sixth { width: 83.3%; }
.column.half { width: 50%; }
.column.third { width: 33.3%; }
.column.fourth { width: 25%; }
.column.fifth { width: 20%; }
.column.sixth { width: 16.6%; }
.column.flow-opposite { float: right; }
}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/**********************************
Elements
***********************************/
.detail-info .center {text-align:center}
.detail-info .right {text-align:right}
.detail-info .left {text-align:left}
img.circle {border-radius:500px;margin-top:0;}
img.bordered {border: #ccc 1px solid;}
.embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.detail-info .column > img,
.detail-info .column > figure,
.detail-info .column > .embed-responsive {
margin-top: 1em;margin-bottom: 1em;
}
.info-content .column img {
border-radius: 15px;
}
.list {position:relative;/*margin:1.5em 0;*/}
.list > i {position:absolute;left:-3px;top:-3px;font-size:2em;}
.list > h2, .list > h3 {margin: 0 0 0 50px}
.list > p {margin: 0 0 0 50px}
.quote {position:relative;margin:1.5em 0;}
.quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;color:rgba(51,51,51,0.44);}
.quote > small {margin-left:50px;opacity: 0.7;font-size: 1em; display: block;}
.quote > p {margin-left:50px;font-size: 1.5em;}
.detail-info .list{float:inherit;padding:inherit}
.detail-info .list p{width:100%;}
.btn.btn-primary {color: #ffffff;background-color: #08c9b9;}
.btn.btn-primary:hover {color: #ffffff;background-color: #3e6a96;border-color: #3e6a96;}
.btn.btn-default {color: #333333;background-color: #d3d3d3;}
.btn.btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;}
.social a > i {text-decoration:none;color:#333;font-size:1.5em;margin:0 5px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.social a:hover > i {color:#08c9b9;}
/**********************************
Header Image with Caption
***********************************/
figure.hdr {
position: relative;
width: 100%;
overflow:hidden;
background-color: #000;
}
figure.hdr img {
position: relative;
display: block;
width: 100%;
opacity: 0.8;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
figure.hdr:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.hdr figcaption {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
padding: 0 2.5em;
color: #fff;
font-size: 1.55em;
text-align: center;
box-sizing: border-box;
z-index:1;
}
/* Text */
figure.hdr h2 {
font-weight: 300;
text-transform: uppercase;
}
figure.hdr h2 span {
font-weight: 800;
}
figure.hdr p {
letter-spacing: 1px;
font-size: 68.5%;
text-transform: uppercase;
}
figure.hdr h2, figure.hdr p {
margin: 0;
z-index:10000;
}
/* Cosmetic */
figure.hdr div {
height: 100%;
z-index:0;
}
figure.hdr div::before,
figure.hdr div::after {
position: absolute;
content: '';
}
/* One */
figure.one div::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
figure.one div::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
/* Two */
figure.two div::before {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
figure.two div::after {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
/* Three */
figure.three figcaption {
height: 70%;
}
figure.three p {
margin: 1em 0 0;
padding: 2em;
border: 1px solid #fff;
}
/* Four */
figure.four figcaption {
height: 60%;
text-align: left;
}
figure.four p {
position: absolute;
right: 50px;
bottom: 50px;
left: 50px;
padding: 2em;
border: 7px solid #fff;
}
/* Five */
figure.five figcaption {
height: 100%;
text-align: right;
}
figure.five h2 {
position: absolute;
left: 50px;
right: 50px;
top: 10%;
border-bottom: 5px solid #fff;
}
figure.five p {
position: absolute;
right: 50px;
bottom: 10%;
}
/* Six */
figure.six figcaption {
height: 70%;
}
figure.six h2 {
padding-bottom: 3%;
border-bottom: 1px solid #fff;
}
figure.six p {
padding-top: 6%;
}
/* Seven */
figure.seven figcaption {
height: 90%;
text-align:left;
}
figure.seven h2 {
border-bottom: 3px solid #fff;
}
figure.seven p {
padding-top: 1em;
}
/* Eight */
figure.eight figcaption {
height: 100%;
text-align: right;
}
figure.eight h2 {
position: absolute;
left: 50%;
right: 50px;
bottom: 10%;
}
figure.eight p {
position: absolute;
left: 50px;
right: 50%;
top: 10%;
padding-right:0.5em;
border-right: 1px solid #fff;
}
/* --- menu privado --- */
nav.main-nav
{
width:100%;
min-height: 65px;
background:#5fa5d0;
font-size:12px;
padding:25px 0 0;
text-transform:uppercase
}
nav.main-nav ul.first>li
{
display:inline-block;
padding:0 20px 20px;
margin:0 5px 0;
position:relative
}
nav.main-nav ul.first>li:first-child
{
padding-left:20px;
margin-left:0
}
nav.main-nav ul.first>li>a
{
color:#fff
}
nav.main-nav ul.first>li:hover a
{
text-decoration:none
}
nav.main-nav ul.first>li:hover,nav.main-nav ul.first>li.active
{
border-bottom:3px solid #3e6a96;
text-decoration:none
}
nav.main-nav ul.first>li-child
{
color:#f7f7f7
}
nav.main-nav ul.first > li.dropdown:after {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #3e6a96;
position: relative;
top: 11px;
right: -5px;
}
.subnav
{
width:180%;
display:none;
position:absolute;
background:#fff;
padding:12px 0px;
color:#5fa5d0;
top:37px;
left:-30px;
z-index:100;
border-top:3px solid #5fa5d0;
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);
box-shadow:0 5px 5px rgba(0,0,0,0.1)
}
.subnav li
{
display:block;
z-index:100;
font-size:11px;
padding:4px 20px;
margin-bottom:4px
}
.subnav li a
{
color:#B6AEA9;
text-transform:uppercase;
font-weight:600;
text-decoration:none
}
.subnav li a:hover,.subnav li a.active
{
color:#3e6a96
}
/* --- Menú my account ---*/
nav.account-nav
{
float:right;
padding-top:16px
}
nav.account-nav ul.first>li
{
display: inline-block;
padding: 0 16px 17px;
margin: 0 5px 0;
position: relative;
font-size:12px;
color:#3e6a96;
font-weight:600;
text-transform:uppercase;
}
nav.account-nav ul.first>li:last-child
{
padding-right:12px
}
nav.account-nav ul.first>li>a
{
color:#3e6a96
}
nav.account-nav ul.first>li span.name
{
color:#5fa5d0
}
nav.account-nav ul.first>li .subnav
{
top:30px;
left:0;
border-top:3px solid #5fa5d0
}
nav.account-nav ul.first>li.dropdown:after
{
content:"";
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:4px solid #3e6a96;
position:absolute;
top: 6px;
right: 0;
}
#myaccount .link
{
color: #3e6a96;
}
#myaccount li
{
border:none;
}
.subsubnav
{
top: 160px;
left: -181px;
width: 180px;
border-top: 3px solid #6fd8e1;
}
/* johan*/
.Txt_tool_info{color:#fcc12d; cursor:help}
.features h3 {font-size: 28px; font-weight:200}
/* G2 */
.green
{
color:#4f818e;
}
.form-columns .l-l64
{
padding-left:64px;
}
.h2green{text-transform: uppercase; font-size: 40px; font-family:'Comfortaa'; letter-spacing: .1vw; font-weight: 200; color:#5fa5d0}
.h2green2{text-transform: uppercase; font-size: 40px; font-family:'Comfortaa'; letter-spacing: .1vw; font-weight: 200; color:#5a94a2}
.h2grey{text-transform: uppercase; font-size: 40px; font-family:'Comfortaa'; letter-spacing: .1vw; font-weight: 200; color:#cecece}
.pricebox{margin-bottom: 50px; height: auto; float: left;}
.pricebox_container{width:50%; float:left; text-align: center; margin-bottom: 80px;
background-color: #fff; border-radius: 4px;}
.pricebox_header{background-color: #3e6a96;color: #fff; padding: 10px 15px;
border-top-left-radius: 3px; border-top-right-radius: 3px;}
h3.pricebox_header_txt{text-transform: uppercase; font-size: 25px; font-weight: 300;
line-height: 1.1;}
.pricebox_Price_holder{background-color: rgba(220,220,220,0.17); padding: 40px 10px 1px 10px; margin: 0; text-align: center; color:#3e6a96; position:relative;}
.pricebox_Price{font-size: 44px; font-family: 'Comfortaa'; font-weight: 200; line-height: 1em; padding: 0; margin: 0; color:#feac22; }
.pricebox_txt{font-size: 25px; font-family: 'Comfortaa'; font-weight: 200;}
.pricebox_table{width: 100%; max-width: 100%; margin-bottom: 20px; border-collapse: separate;
-webkit-border-horizontal-spacing: 2px;
-webkit-border-vertical-spacing: 2px;}
.pricebox_tbody {
display: table-row-group;
vertical-align: middle;
border-top-color: gray;
border-right-color: gray;
border-bottom-color: gray;
border-left-color: gray;
}
.pricebox_td{padding: 8px;
line-height: 1.40;
vertical-align: top;
border-top: 1px solid #ddd;
text-align:center;}
.pricebox_orange{position:absolute; top:-10px; left:2%; width:120px; height:120px; background-color:#fca314; border-radius:100px;}
.pricebox_orange_text{color:#FFFFFF; -ms-transform: rotate(-22.5deg); -webkit-transform: rotate(-22.5deg); transform: rotate(-22.5deg);font-family: 'Comfortaa'; font-weight: 200;}
.pricebox_quote_head{text-transform: uppercase;font-size: 120%;vertical-align:10px;}
.quote{position: relative; margin: 1em 0!important; font-size:90%;}
.info-content ul{
list-style: initial;
padding-left: 40px;
}
@media (max-width: 1024px)
{
nav ul.flex
{
width: 620px !important;
}
}
.ui-accordion .ui-accordion-content {
background-color: #fff;
border-radius: 0px 0px 15px 15px;
border: 1px solid #5fa5d0;
}
/* === Arreglo menu Johan === */
#public_menu1_nav_public .languages:hover
{
background-color: #e8e8e8;
text-shadow: 0.5px 0 0 currentColor;
text-decoration: underline;
}
/* === Ajustar menu al hacer scroll === */
nav.shrink .a, nav.shrink.account-nav ul.first > li, nav.shrink.main-nav ul.first>li {
padding-top: 2px;
padding-bottom: 2px;
}
nav.shrink#lang_selector1_nav_lang, h1.shrink.logo
{
display:none;
}
nav.shrink.account-nav
{
margin-top: 0px;
padding-top: 0px;
}
nav.shrink.main-nav
{
padding-top: 2px;
min-height: 26px;
}
nav.shrink#public_menu1_nav_public
{
padding-top:0px;
padding-left:6px;
}
nav.shrink > ul > li ul
{
top:21px;
}
div.shrink.main
{
padding-top:65px;
}
.sing-up-note {
display: flex;
align-items: center;
}
.sing-up-note .attention {
padding: 0px 8px;
background-color: orange;
border-radius: 50%;
color: white;
font-weight: bold;
margin-right: 10px;
}