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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body { background: #fff;}

#fancybox-outer {
    background: white!important;
}

.header { float: none}
.header .top-menu { float: none; background: none; border-top: 45px solid #4594F0;}

.header .top-menu .inner .logo { width: 100px; background-position: -124px -67px; padding: 3px 8px 15px 3px; display: inline-block; position: relative; top: auto; left: auto; margin: -45px 0 5px 0}
.header .top-menu .inner .logo a { display: block;}
.header .top-menu .inner .logo a img { width: 100%;}

.header .top-menu .inner .language { position: absolute; top: -35px; left: 110px; width: 130px; background: #fff; z-index: 222;}

.header .top-menu .inner .language a { border:0; -webkit-box-shadow: #fff 0px 0px 0; -moz-box-shadow: #fff 0px 0px 0; box-shadow: #fff 0px 0px 0; background: #fff; display: inline-block; padding: 5px 10px; text-decoration: none; width: 100%;font-family: "Roboto-BoldCondensed"; font-size: 12px; color: #535252; text-transform: uppercase}
.header .top-menu .inner .language a em { float:left; font-style:normal; }
.header .top-menu .inner .language a img { position:relative; top:3px; float:left; margin-right:3px; }
.header .top-menu .inner .language span { width:7px; height:4px; background:url(../images/arrow01.png) no-repeat 0 0; float:right; margin:6px 0 0 5px; }
.header .top-menu .inner .language ul { width: 115px; z-index: 100; }
.header .top-menu .inner .language ul li { width:100%; float:left; display:block; }
.header .top-menu .inner .language ul li a { background:none; border:0; }

.header form.search { position: absolute; left: 110px; top: 5px;}
.header form.search input.input { width:173px; background: url(../images/gnm_sprite.png) no-repeat -230px 0; float:right; padding:4px 20px 4px 4px; font: normal 12px Arial,Helvetica,Sans-serif; color: #888a8a; border:1px solid #bdbebe;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(/js/PIE.htc); position:relative; }
.header form.search input.button { width:13px; height:12px; position:absolute; background:url(../images/gnm_sprite.png) no-repeat -583px 0!important; border:0; cursor:pointer; right:7px; top:7px; }

#menu-open { float: right; margin: -39px 10px 0 0; z-index: 999999; position: relative; display: inline-block; padding: 15px 10px 15px 10px;}
.lines { display: inline-block; width: 25px; height: 3px; background: #ecf0f1; border-radius: 0.28571rem; transition: 0.3s; position: relative;}
.mapholder .lines { display: none;}
.lines:before, .lines:after { display: inline-block; width: 25px; height: 3px; background: #fff; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;}
.lines:before {top: 8px;}
.lines:after { top: -8px;}

.navigation { float: none; background: #4594F0; position: absolute; top: 34px; right: -100%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.navigation.active { right: 0;}

.navigation > ul { padding: 10px 0;}
.navigation > ul > li {}
.navigation > ul > li a { padding: 7px; text-align: center; display: block; color: #fff; text-decoration: none;font-family: "Roboto-Bold"; border-bottom: 1px solid rgba(255,255,255,0.1)}
.navigation > ul > li ul { height: 0; overflow: hidden;}
.navigation > ul > li ul.active { height: auto;}
.navigation > ul > li ul li {}
.navigation > ul > li ul li a { background: rgba(255,255,255,0.2); }
.navigation iframe { display: block; margin: 0 auto 10px auto;}

.header .inner .banner a { display: block;}
.header .inner .banner a img { width: 100%;}

.wrapper { margin: 0;}

.header .inner .banner { padding: 0; height: auto; float: none; }

.home-content { padding: 0;}

.home-content .main-content .search-block { width: 100%; top: 0; left: 0; background: #A6D0F8; float: none; height: auto; padding: 15px;}
.home-content .main-content .search-block form { float: none;}
.home-content .main-content .search-block form select { max-width: 100%; float: none;}
.home-content .main-content .search-block form input { width: 100%; margin: 0; float: none}

.home-content .main-content .search-block .advanced { width: 100%; position: relative; left: 0; bottom: 0; margin: 10px 0 0 0; padding: 0;}
.home-content .main-content .search-block .advanced a { padding: 10px ; display: block}

.home-content .main-content .special-block { width: 100%;}
.home-content .main-content .special-block ul li a { width: 100%; padding: 10px;}
.home-content .main-content .special-block ul li a .content, .home-content .main-content .special-block ul li a .content span, .home-content .main-content .special-block ul li a .content h2, .home-content .main-content .special-block ul li a .content p, .home-content .main-content .special-block ul li a .content ul { float: none; display: block; width: 100%;}

.page-content { padding: 0;}
.page-content .main-content .page-block { width: 100%}

.page-content .main-content .page-block .team ul li { width: 50%;margin: 0; padding: 5px;}
.page-content .main-content .page-block .team ul li img {width: 100%; height: auto !important}

.page-content .main-content .registration-form { width: 100%; padding: 20px 10px}
.page-content .main-content .registration-form form div { width: 100%;}
.page-content .main-content .registration-form .form-terms { margin: 10px 0; }
.page-content .main-content .registration-form .form-terms a { color: #1490c5; text-decoration: none; }
.page-content .main-content .registration-form .form-terms input { float: right!important; width: auto!important; margin-right: 30px; }
.page-content .main-content .registration-form .form-terms label { width: auto!important; display: inline-block }

.page-content .main-content .breadcrumbs {text-shadow: none;}
.page-content .main-content .breadcrumbs p { padding: 5px 0 0 7px;}
.page-content .main-content .breadcrumbs ul { padding: 5px 0 0 0;}
.page-content .main-content .breadcrumbs ul li { padding: 0 8px 4px 8px}
.home-content .main-content .special-block ul li a img { margin: 0 10px 0 0 ;}
.home-content .main-content .special-block ul li a .content h2 { font-size: 14px;}


.page-content .main-content .inner h1 { width: 100%; font-size: 24px;}
.page-content .main-content .inner h2 { width: 100%;}

.page-content .main-content .search-filter { padding: 0 0 20px 0;}
.page-content .main-content .search-filter ul.acc-type li { width: 33.3333333%; margin: 0 0 1px 0}
.page-content .main-content .search-filter ul.acc-type li:first-child { width: 100%;}
.page-content .main-content .search-filter ul.acc-type li a { display: block; width: 100%; text-align: center; padding: 10px 5px; text-shadow: none}

.page-content .main-content .search-filter .acc-select, .page-content .main-content .search-filter .acc-category,.page-content .main-content .search-filter .characteristics { width: 100%; margin: 0; padding:10px}
.page-content .main-content .search-filter .acc-select p { line-height: 1; padding: 0 0 10px 0}

.page-content .main-content .search-filter .acc-select div.middle, .page-content .main-content .search-filter .acc-select div { padding: 0 0 10px 0; width: 100%; display: block;}
.page-content .main-content .search-filter .acc-select div select { width: 100%;}
.page-content .main-content .search-filter .filter-inner { padding: 0;}

.page-content .main-content .search-filter .acc-category .checkbox { padding: 10px 0}
.page-content .main-content .search-filter .acc-category .checkbox div { width: 50%; padding: 5px 0}
.page-content .main-content .search-filter .characteristics .checkbox ul li { padding: 5px 0;}

.page-content .main-content .search-filter .characteristics input.reset { background-position: -3px -150px}
.page-content .main-content .search-filter.yacht-filter select { background: #ddd!important;}

.page-content .main-content .acc-list ul {padding:0}

.page-content .main-content .acc-list ul li { width: 100%; padding: 20px 0 10px 0}
.page-content .main-content .acc-list ul li .content { width: 100%;}
.page-content .main-content .acc-list ul li .content h2 { width: 100%;}
.page-content .main-content .acc-list ul li .content p { width: 100%;}
.page-content .main-content .acc-list ul li .content ul.basic { width: 100%;}
.page-content .main-content .acc-list ul li .img { width: 100%; padding: 0 0 10px 0;}
.page-content .main-content .acc-list ul li .img a { width: 100%;}
.page-content .main-content .acc-list ul li .img a img {width: 100%;}
.page-content .main-content .acc-list ul li .img a.wishlist { width: 100%; float: right; padding: 5px;}
.page-content .main-content .acc-list ul li .content .price-tag { top: -240px; right: 10px; height: 90px;}
.page-content .main-content .acc-list ul li .content a.more { margin: 0 10px 0 0;}

.page-content .main-content .pagination p { padding: 20px 0 10px 0}
.page-content .main-content .acc-list .pagination ul { text-align:center;}
.page-content .main-content .acc-list .pagination ul li { width: 35px; padding: 0 3px 3px 0 ; float: none; display: inline-block}
.page-content .main-content .acc-list .pagination ul li a { display: block; float: none; text-align: center}
.page-content .main-content .acc-list .pagination ul li.current {padding: 4px 7px; width: 32px; text-align: center}

.page-content .main-content .acc-status { width: 100%; top: 0}
.page-content .main-content .acc-basic { width: 100%;}
.page-content .main-content .acc-basic .img { width: 100%;}
.page-content .main-content .acc-basic .img a { display: block;}
.page-content .main-content .acc-basic .img a img { width: 100%;}
.page-content .main-content .acc-basic .info { width: 100%;}
.page-content .main-content .acc-basic .info ul li { width: 100%;}
.page-content .main-content .acc-basic .info a.query { width: 100%;}
.page-content .main-content .acc-basic .info a.user { width: 50%; font-size: 12px; padding: 7px 5px;}
.page-content .main-content .acc-basic .info a.wishlist span, .page-content .main-content .acc-basic .info a.gmap span {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8); top: 1px;}

.page-content .main-content .acc-basic .type { width: 100%;}
.page-content .main-content .acc-basic .type ul li { width: 50%;}
.page-content .main-content .acc-gallery { width: 100%;}
.page-content .main-content .acc-gallery ul li { width: 20%;}

.page-content .main-content .acc-basic-text { width: 100%;}

.page-content .main-content .acc-tabs { width: 100%;}
.page-content .main-content .acc-tabs ul.tabs { padding: 0;}
.page-content .main-content .acc-tabs ul.tabs li { width: 50%; }
.page-content .main-content .acc-tabs ul.tabs li a { display: block; float: none}
.page-content .main-content .acc-tabs .tab-content { width: 100%;}
.page-content .main-content .acc-tabs .tab-content .acc-char ul.char-list { padding: 0; width: 100%;}
.page-content .main-content .acc-tabs .tab-content .acc-char ul.char-list li { width: 100%;}
.page-content .main-content .acc-tabs .tab-content .acc-char .legend { padding: 0 0 10px 0;}
.page-content .main-content .acc-tabs .tab-content ul.dist-list { width: 100%;}
.page-content .main-content .acc-tabs .tab-content ul.dist-list li { width: 100%;}
.page-content .main-content .acc-tabs .tab-content ul.pay-list { width: 100%; padding: 0;}
.page-content .main-content .acc-tabs .tab-content ul.pay-list li { width: 100%;}
.page-content .main-content .acc-tabs .tab-content .acc-calendar a.reserve-btn {width: 100%; margin: 0 0 20px 0;}

.calendar { width: 100%;}
.jcarousel-skin-tabs .jcarousel-container-horizontal { width: 100%;}
.jcarousel-skin-tabs .jcarousel-clip-horizontal { width: 100%;}


.query-block { width: auto; padding: 10px 10px 25px 10px; float: none; box-sizing: border-box}
.query-block .query-form { width: 100%; float: none}
.query-block .query-form div { float: none; display: block; padding: 0 0 5px 0}
.query-block .query-form input, .query-block .query-form textarea { padding: 10px; background: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; display: block;}
.query-block .query-form div.captcha input { width: 50%;}
.query-block .query-form textarea { height: 50px !important}
.query-block .query-form input.submit { width: 100%;}
.query-block .query-form div.captcha label { display: inline-block; float: none;}
.query-block .query-form input.submit { float: none; display: block;}
.query-block .query-form .terms-line { font-family: Arial, Helvetica, sans-serif }
.query-block .query-form .terms-line a { color: #1490c5; text-decoration: none; }
#fancybox-wrap { padding: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
/* #fancybox-wrap { width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} */

.footer { height: auto; background-size: cover}
.footer .inner { padding: 0 10px}

.footer .inner .menu-block { width: 100% !important;}
.footer .inner .menu-block .title { width: 270px; background-position: -510px -336px !important; margin: 20px 0 0 0; display: block; float: none; padding: 10px 0 14px 20px !important}
.footer .inner .menu-block .title h2 { float: none}
.footer .inner .menu-block ul li { width: 50%;}
.footer .inner .menu-block ul li a { padding: 5px 0; display: block}

.footer .inner .contact { width: 100%; text-align: center}
.footer .inner .contact ul.social { float: none; text-align: center; display: block; padding: 0}
.footer .inner .contact ul.social li { float: none; display: inline-block}


.page-content .main-content .acc-tabs .tab-content ul.reports-list li {
    float:none;
    max-width: 100%;
    display: block;
}
.page-content .main-content .acc-tabs .tab-content ul.reports-list li ul.content {
    max-width: 100%;
    float: none;
}
.page-content .main-content .acc-tabs .tab-content ul.reports-list li ul.content > li {
    max-width: 100%;
    float: none;
}
.page-content .main-content .acc-tabs .tab-content ul.reports-list li a.more {
    display: inline-block;
    float: none;
    top: 0;
    right: 0;
}