.contentdescription .sbull li, .footer-column ul, .list_of_hotels li, .toolbar ul, .topnav ul {
list-style-type: none
}

address, blockquote, body, form, h1, h2, h3, h4, h5, h6, hr, input, p {
margin: 0;
padding: 0
}

body {
background: #00bff3;
margin: 0;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #333;
text-align: center
}

.footer-wrapper {
background: url(pic/sea-footer.jpg) center bottom no-repeat #1f4a4d;
width: 980px
}

@media (max-width:920px) {
.footer-wrapper {
background: #1f4a4d;
background: -moz-linear-gradient(top,rgba(31,74,77,1) 0,rgba(24,83,61,1) 66%,rgba(31,74,77,1) 100%);
background: -webkit-linear-gradient(top,rgba(31,74,77,1) 0,rgba(24,83,61,1) 66%,rgba(31,74,77,1) 100%);
background: linear-gradient(to bottom,rgba(31,74,77,1) 0,rgba(24,83,61,1) 66%,rgba(31,74,77,1) 100%)
}
}

a {
color: #09c;
text-decoration: underline
}

div a {
color: #fff;
text-decoration: none
}

a:hover {
color: #000;
}

blockquote {
margin: 10px 0 0;
background: #f5f5f5
}

blockquote p {
padding: 10px
}

blockquote blockquote {
margin: 0 10px;
background: #fff
}

img.alignleft {
margin: 5px 10px 2px 0
}

img.alignright {
margin: 5px 0 2px 10px
}

img.alignleft, img.alignright, img.centered {
padding: 4px;
border: 1px solid #d4d4d4;
display: inline
}

img.centered {
display: block;
margin: 0 auto
}

p {
padding: 10px 0
}

.about {
padding: 10px
}

small {
font-size: 11px
}

.alignleft {
float: left
}

.alignright {
float: right
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .search-content h1 {
font-family: Helvetica,sans-serif,"Trebuchet MS";
color: #f9832c
}

.content h1, .search-content h1 {
font-size: 26px;
font-weight: 700;
line-height: 29px;
margin: 0
}

.content h2 {
font-size: 25px;
font-weight: 700;
line-height: 28px
}

.content h3 {
font-size: 18px;
font-weight: 700;
line-height: 24px
}

.content h4 {
font-size: 16px;
font-weight: 700;
line-height: 20px
}

.content h5 {
font-size: 12px;
line-height: 16px
}

.content h6 {
font-size: 10px;
line-height: 14px
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
margin: 10px 0
}

.content h1 span, .content h2 span, .content h3 span, .content h4 span, .content h5 span, .content h6 span, .search- content h1 span {
color: #34962b
}

.content li {
color: #000
}

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a, .search-content h1 a {
color: #34962b;
font-family: Helvetica;
text-decoration: underline
}

.content a:visited {
text-decoration: none
}

.content a:hover {
color: #00008b;
border-bottom: 1px dotted #00008b
}

.BorderImg {
padding: 4px;
border: 1px solid #d4d4d4;
background-color: #fff
}

.container {
text-align: left;
padding-left: 0;
width: 980px;
margin: 0 auto;
background-color: #fff;
overflow: hidden
}

.button {
border-style: solid;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: #666 0 2px 3px;
text-shadow: #666 0 2px 3px;
border-width: 2px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: linear-gradient(to bottom,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%)
}
@media all and (min-device-width :481px) {

.poster .release img {
width: 160px;
height: auto
}

.detailsmap {
display: none
}
}
@media only screen and (min-width:651px) {
.CheckBoxListCssClass label {
padding: 10px;
}

.CheckBoxListCssClass input {
margin-bottom: 6px;
}

.poster .social-network a img {
width: 60px
}
.poster .release img {
width: 120px;
height: auto
}

.footer-column li {
border-bottom: 1px dotted #777;
padding: 8px 0 8px 0
}

.footer-column li:before {
color: #888;
content: "•";
padding-right: 15px
}

.footer .footer-column {
display: inline-table
}

.box-resorts details {
display: none
}

.top-hotels li {
padding: 0 1%;
vertical-align: top
}

.address svg, .detailsmap svg {
width: 18px;
height: 18px
}
}
.Description {
float: left;

}
@media (min-width:768px) {
.list-info-address {
max-width: 275px;
float: left;

}
.list-info-phone{
float:right
}
.poster .social-network a img {
width: 50px
}
.poster img {
max-width: 100%;
height: auto
}
.imgTitleBorderList img {
height: 120px;
width: 160px;
}

.summary-phone-featured {
display: block;
}

.Description {
float: left;
font-size: 13px;
text-align: left;
margin-top: 7px;
}
.list-info-address {
font-size: 13px;
}

.stretch {
display: flex;
align-items: stretch
}

}

.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-12 {
width: 100%;
float: left;
position: relative;
min-height: 1px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-12 {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 991px) {
.CheckBoxListCssClass label {
padding: 10px;
}

.CheckBoxListCssClass input {
margin-bottom: 8px;
width: 15px;
height: 15px
}
.row {
display: flex;
flex-flow: column;
flex-wrap: wrap
}
}
@media (min-width: 992px) {
.row {
display: flex;
flex-flow: row;
}
.col-12 {
width: 100%;
}

.col-11 {
width: 91.66666667%;
}

.col-10 {
width: 83.33333333%;
}

.col-9 {
width: 75%;
}

.col-8 {
width: 66.66666667%;
}

.col-7 {
width: 58.33333333%;
}

.col-6 {
width: 50%;
}

.col-5 {
width: 41.66666667%;
}

.col-4 {
width: 33.33333333%;
}

.col-3 {
width: 25%;
}

.col-2 {
width: 16.66666667%;
}

.col-1 {
width: 8.33333333%;
}

.div-width-50 {
width: 50%
}

.div-width-30 {
width: 30%
}

.div-width-25 {
width: 25%
}
}

::-webkit-scrollbar {
width: 12px;
height: 15px;
border: 1px solid #fff
}

.container {
width: 980px
}

.address svg {
width: 16px;
height: 16px
}
}

.header {
text-align: center;
vertical-align: top;
height: 290px;
width: 980px;
margin: 0 auto
}

.topnav {
clear: both;
background: url(pic/bg-topnav.png) left top repeat-x #2b6494;
height: 40px;
width: 980px
}

.topnav ul {
margin: 0;
padding: 0
}

.topnav ul li {
float: left;
margin: 0;
overflow: hidden;
display: inline;
background: url(pic/bg-topnav-sep.png) right bottom no-repeat;
padding: 0 1px 0 0
}

.topnav ul li a, div.leftcol ul.navlist li a {
display: block;
font-weight: 700;
text-decoration: none
}

.topnav ul li a {
font-family: Geneva,Arial,Helvetica,sans-serif;
color: #fff;
font-size: 14px;
line-height: 14px;
padding: 16px 13px 10px
}

.topnav ul li a:hover {
color: #fff;
background: url(pic/bg-topnav-on.png) center bottom repeat-x #153757
}

.clear {
margin: 0;
padding: 0;
clear: both
}

.topbar {
height: 40px;
background: url(pic/bg-topbar.gif) left top no-repeat #f5f5f5;
border-bottom: 1px solid #c9c9c9;
padding-left: 20px
}

.topbar-msg {
float: left;
font-family: "Trebuchet MS",Helvetica,sans-serif;
color: #000;
font-size: 12px;
line-height: 40px
}

.maincol td {
vertical-align: top
}

.bannercol {
text-align: center;
vertical-align: top;
background-color: #eee
}

div.leftcol {
width: 185px;
float: left;
margin-left: 0;
vertical-align: top;
padding-bottom: 15px;
background-color: #eee
}

div.leftcol div.leftcol-box {
background-color: #fff;
margin: 15px 10px
}

div.leftcol div.navbox-locals, div.leftcol div.navbox-realestate, div.leftcol div.navbox-visitors {
padding-top: 5px;
padding-bottom: 9px;
background: url(pic/bg-navbox-locals-zero.png) left top no-repeat #fff;
border: 1px solid #ddd
}

div.leftcol div.navbox-visitors {
margin: 10px
}

.navbox-visitors-zero {
height: 20px
}

.bottom4 {
margin: 4px 0
}

.leftcol img {
width: 160px;
height: 250px
}

.rightcol img {
width: 120px;
height: 260px
}

.navbox-visitors-zero10 {
height: 10px
}

.navbox-visitors-text {
color: #fff;
font-weight: 700;
font-size: 13px;
font-family: Helvetica,sans-serif;
font-style: normal
}

div.leftcol div.navbox-locals, div.leftcol div.navbox-realestate {
margin: 10px
}

div.leftcol ul.navlist {
font-family: Geneva,Arial,Helvetica,sans-serif;
list-style: none;
margin: 0 10px;
padding: 0
}

div.leftcol ul.navlist li {
margin: 0;
padding: 0
}

div.leftcol ul.navlist li a {
width: 127px;
padding: 4px 8px;
font-size: 13px;
color: #333;
border-bottom: 1px solid #eee;
background: url(pic/bullet-arrow.png) right center no-repeat
}

div.leftcol ul.navlist li a:hover {
color: #06a;
text-decoration: none;
border-bottom: 1px solid #ddd
}

.content {
float: left;
background: #fafafa;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 0 10px
}

.search-content {
width: 940px;
padding: 20px;
background-color: #fff;
line-height: 16px
}

.contentIndex {
width: 654px;
float: left;
text-align: center;
padding: 5px;
border-left: 1px solid #066;
border-right: 1px solid #066;
line-height: 18px;
background-color: #066
}

.imgTitleBannerMain {
height: 188px;
width: 250px;
border: 1px solid #d4d4d4
}

.titleSliderBigIndex {
color: Navy;
font-size: 15px;
font-weight: 700
}

.titleSliderDescription {
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
font-size: 12px;
color: #000;
text-align: left
}

div.rightcol {
width: 125px;
float: left;
padding-top: 5px;
background-color: #eee
}

div.rightcol .featured-banners {
padding-top: 10px;
text-align: center;
vertical-align: top
}

div.centercol {
float: left;
width: 448px;
background-image: url(pic/bg-featured-listing-summary.png);
background-repeat: repeat-x
}

.imgTitleBorder, .imgTitleBorderCenter {
background: #fff;
border: 1px solid #d4d4d4
}

.imgTitleBanner {
height: 250px;
width: 188px
}

.TableTitleCenter {
width: 100%;
border-spacing: 0
}

.TableTitleCenter .TableTitleCenter {
padding: 0
}

.imgTitleBorder {
height: 108px;
width: 141px;
vertical-align: middle;
text-align: center
}

.detailsTitleUp, .detailstitle {
width: 100%
}

.imgTitleBorderCenter, .imgsize {
height: 180px;
width: 240px
}

.imgTitleBorderCenter {
padding: 4px;
margin-right: 6px
}

.TableTitleCenter .imgTitleBorderCenter {
float: left
}

.detailstitle {
color: #e72904;
font-weight: 700;
text-align: left;
margin-left: 5px
}

.titleSliderBig {
color: #06c;
font-size: 22px;
font-weight: 700;
line-height: 25px
}

.divTabContainer {
position: relative;
top: -15px
}

.home-featured-advert-left {
width: 100%
}

.home-featured-biz-container {
width: 310px;
padding: 4px;
border: 1px solid #eee;
background: url(pic/bg-content-gradient-reverse.png) left bottom repeat-x #fff
}

.home-featured-biz-container h3 {
font-family: "Trebuchet MS",Helvetica,sans-serif;
margin: 0 0 5px;
padding: 3px 10px;
font-size: 16px;
color: #fff;
font-weight: 700;
background: url(pic/bg-green-gradient.png) left bottom repeat-x #4f9c00
}

.home-featured-biz {
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #d4d4d4
}

.home-featured-advert img, .home-featured-biz img {
float: left;
border: 1px solid #d4d4d4;
display: inline
}

.home-featured-biz img {
height: 45px;
width: 60px;
padding: 2px;
background-color: #fff;
margin-right: 5px
}

.home-featured-biz-info h4, .home-featured-biz-info p {
margin: 0;
padding: 0
}

.home-featured-biz-info {
float: left;
width: 235px
}

.home-featured-biz-info h4 a {
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;
font-size: 12px
}

.home-featured-biz-info p.home-featured-biz-link {
margin: 10px 15px 0 0;
text-align: right;
font-weight: 700
}

.hotel-types-search, .hotel-types-search2 {
padding: 4px
}

.hotel-types-search {
border: 1px solid #ddd
}

.home-featured-advert p.home-featured-advert-link {
margin: 10px 15px 0 0;
text-align: right;
font-weight: 700
}

.hotel-types-search h3, .hotel-types-search h4 {
margin: 0 0 5px;
font-size: 18px;
font-weight: 700
}

.hotel-types-search {
background: #fafafa;
background: -moz-linear-gradient(top,#eee) 0, #fff 100%);
background: -webkit-linear-gradient(top,#eee 0,#fafafa 100%);
background: linear-gradient(to bottom,#eee 0,#fafafa 100%)
}

.home-section-wide {
clear: both;
border: 1px solid #eee
}

.home-section {
clear: both;
}

.hotel-types-search h3 {
font-family: "Trebuchet MS",Helvetica,sans-serif;
padding: 3px 5px;
color: #fff;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: linear-gradient(to bottom,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%)
}

.hotel-types-search h4 {
font-family: Arial,Helvetica,sans-serif;
padding: 3px 10px;
color: #34962b
}

.nextbutton div, .nextbutton div:hover {
color: #1d1ddc;
font-family: Arial,Helvetica,sans-serif
}

.hotel-types {
padding: 5px;
background: #000;
margin-top: 3px;
margin-bottom: 3px
}

.bottonline {
height: 10px;
background-image: url(pic/bg-topnav.png);
background-repeat: repeat-x;
width: 100%
}

.nextbutton div {
font-size: 11px;
font-weight: 400
}

.nextbutton div:hover {
font-size: 12px;
font-weight: 700
}

.toolbar-container {
height: 30px;
background: #1f4a4d;
width: 980px;
text-align: center
}

.toolbar {
height: 30px;
text-align: right;
width: 980px;
margin: 0 auto
}

.toolbar ul {
margin: 0;
padding: 0
}

.toolbar ul li.toolbar-button {
float: right;
margin: 0 5px 0 0;
height: 30px;
overflow: hidden;
display: inline
}

.toolbar ul li.toolbar-button a {
color: #ccc;
font-size: 10px;
line-height: 16px;
font-weight: 700;
text-transform: uppercase;
display: block;
margin: 7px 0;
padding-left: 2px;
text-decoration: none
}

.home-section h4 a, .home-section-wide h3 a {
font-size: 14px;
font-weight: 700
}

.toolbar ul li.toolbar-button a:hover {
color: #fff;
text-decoration: none
}

.botton-text {
color: #fff
}

.home-section-wide {
margin-bottom: 20px;
padding: 4px;
background: url(pic/bg-content-gradient.png) top left repeat-x #fff
}

.home-section-wide h3 {
margin: 0 0 5px;
padding: 0
}

.home-section-wide p {
margin: 0;
padding: 0
}

.home-sections-container {
float: left;
margin-right: 10px
}

.home-section {
margin-bottom: 5px;
padding: 0;
}

.home-section h4 {
margin: 0 0 5px;
padding: 0
}

.imgTitleBorderList img {
float: left;
padding: 2px;
border: 1px solid #d4d4d4;
background-color: #fff;
display: inline;
margin-right: 5px
}

.home-section p {
margin: 0;
padding: 0
}

.home-section p.home-section-link {
margin: 10px 15px 0 0;
text-align: right;
font-weight: 700
}

.summary-phone-featured {
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 5px 15px;
background: #006ed7;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px
}

div.featured-listing-summary-info, div.featured-attraction-summary-info, div.featured-golfcomm-summary-info, div.featured-hotel-summary-info {
float: left
}

.Details div, .Details div:hover {
background: #107dea;
background: -moz-linear-gradient(top,#107dea 1%,#0458a5 100%);
background: -webkit-linear-gradient(top,#107dea 1%,#0458a5 100%);
background: linear-gradient(to bottom,#107dea 1%,#0458a5 100%);
border-radius: 5px;
height: 20px;
text-align: center;
letter-spacing: .1em;
text-decoration: none;
vertical-align: middle;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;
font-style: normal;
font-variant: small-caps
}

.Details div {
color: #fff;
}

.Details div:hover {
color: #000;
}

.VisitD3 div, .VisitD3 div:hover {
padding: 2px;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: linear-gradient(to bottom,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
border-radius: 5px
}

.Detailsafisha a {
color: #fff;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;
font-style: normal;
font-variant: small-caps
}

.Detailsafisha a:hover {
color: #000;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;
font-style: normal;
font-variant: small-caps
}

.VisitD3 div, .VisitD3 div:hover, .VisitWebsite div {
height: 20px;
text-align: center;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;
font-variant: small-caps;
font-style: normal;
letter-spacing: .1em;
text-decoration: none;
vertical-align: middle
}

.VisitD3 div {
color: #fff
}

.VisitD3 div:hover {
color: #000
}

.VisitWebsite div, .VisitWebsite div:hover {
padding: 2px;
background: #107dea;
background: -moz-linear-gradient(top,#107dea 1%,#0458a5 100%);
background: -webkit-linear-gradient(top,#107dea 1%,#0458a5 100%);
background: linear-gradient(to bottom,#107dea 1%,#0458a5 100%);
border-radius: 5px;
}

.VisitWebsite div {
color: #fff
}

.VisitWebsite div:hover {
height: 20px;
text-align: center;
color: #000;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 700;
font-variant: small-caps;
font-style: normal;
letter-spacing: .1em;
text-decoration: none;
vertical-align: middle
}

.VisitCatalogue div, .VisitCatalogue div:hover {
padding: 2px;
background: #107dea;
background: -moz-linear-gradient(top,#107dea 1%,#0458a5 100%);
background: -webkit-linear-gradient(top,#107dea 1%,#0458a5 100%);
background: linear-gradient(to bottom,#107dea 1%,#0458a5 100%);
border-radius: 5px;
height: 20px;
text-align: center;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-variant: small-caps;
font-style: normal;
letter-spacing: .1em;
font-weight: 700;
vertical-align: middle;
text-decoration: none
}

.VisitCatalogue div {
color: #fff
}

.VisitCatalogue div:hover {
color: #000
}

.advertisement {
float: left;
line-height: 11px;
font-size: 12px;
text-align: justify
}

.divTabContainer h4 a, .listing-hotel h4 a {
color: #00008b;
text-decoration: none;
border-bottom: 2px dotted #0458a5
}

.listing-hotel h4 {
margin: 15px 0 0;
border-bottom: 1px solid #480;
color: #480;
font-size: 18px;
font-weight: 700;
line-height: 20px
}

.listing-hotel h5 {
margin: 15px 0 0;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #000
}

.listing-hotel td {
vertical-align: middle
}

.listing-img-container {
border-top: 2px solid #444;
border-bottom: 2px solid #444;
background: #0e0e0e;
margin: 10px 0 20px;
vertical-align: middle;
text-align: center
}

.listing-img {
margin: 8px auto;
width: 736px
}

.listing-img img, .listing-img input {
height: 120px;
width: 160px;
border: 3px solid #6d6968;
background: #444;
padding: 4px;
float: left
}

.listing-img img {
margin: 5px
}

.listing-img input {
margin: 8px
}

.detailsBox {
height: 20px
}

.footer {
margin: 0 auto;
width: 980px;
padding: 20px 0;
font-size: 12px
}

.footer-column, .footer-column-ac {
text-align: left;
background: url(pic/gr_footer.png) left top repeat-x;
padding: 10px 20px;
min-height: 240px
}

.footer-column {
margin: 10px 5px 10px 5px;
width: 240px
}

.footer-column li span {
text-transform: lowercase
}

.footer-column-ac {
margin: 10px 0;
width: 260px
}

.footer-column h3, .footer-column-ac h3 {
color: #ccc;
font-size: 20px
}

.footer-column h3 span, .footer-column-ac h3 span {
color: #888
}

.footer-column ul {
margin: 15px 0;
padding: 0
}

.footer-column li a, .footer-column li a:hover {
color: #fff;
text-decoration: none
}

.footer-links a, .footer-links a:hover {
color: #fff
}

.copyright, .footer-links {
font-size: 12px;
color: #ccc;
text-align: center;
padding: 10px
}

.tabledetaile {
text-align: left;
vertical-align: top
}

.contentDetails h1, .contentDetails h2, .contentDetails h3, .contentDetails h4, .contentDetails h5, .contentDetails h6 {
font-family: Helvetica,sans-serif,"Trebuchet MS";
color: #34962b
}

.contentDetails div, .contentDetails li {
color: #000
}

.contentDetails div {
font-weight: 700
}

.contentDetails li {
font-weight: 400
}

.contentwithscrollbars {
overflow: auto;
height: 410px;
margin: 10px 10px 10px 20px
}

.bordersbar {
height: 565px;
width: 655px;
border: 2px dotted navy
}

.contentDetails h1 {
font-size: 27px;
font-weight: 700;
line-height: 30px
}

.contentDetails h2 {
font-size: 25px;
font-weight: 700;
line-height: 20px
}

.contentDetails h3 {
font-size: 18px;
font-weight: 700;
line-height: 24px
}

.contentDetails h4 {
font-size: 16px;
font-weight: 700;
line-height: 20px
}

.contentDetails h5 {
font-size: 12px;
line-height: 16px
}

.contentDetails h6 {
font-size: 10px;
line-height: 14px
}

.contentDetails h1, .search-content h1 {
margin: 0 0 10px
}

.contentDetails h1 span, .contentDetails h2 span, .contentDetails h3 span, .contentDetails h4 span, .contentDetails h5 span, .contentDetails h6 span, .search-content h1 span {
color: #043ba0
}

.contentDetails h2, .contentDetails h3, .contentDetails h4, .contentDetails h5, .contentDetails h6 {
margin: 1px 0 10px
}

.contentDetails {
width: 100%;
float: left;
text-align: left;
padding: 20px 14px 10px 0;
line-height: 16px
}

.TableCenter {
width: 980px;
text-align: center
}

.contentdescription {
text-align: left;
padding: 15px;
color: #000;
margin-left: auto;
margin-right: auto;
}

.contentdescription::after {
content: "";
display: table;
clear: both;
}

.contentdescription h1 {
font-weight: 700;
line-height: 30px
}

.contentdescription h2 {
font-weight: 700;
line-height: 24px
}

.contentdescription h3 {
font-weight: 700
}

.contentdescription h4 {
font-weight: 700;
line-height: 20px
}

.contentdescription h6 {
font-family: Verdana;
color: #000;
text-align: right;
font-style: italic;
font-weight: 400
}

.contentdescription h1, .contentdescription h2, .contentdescription h3, .contentdescription h4 {
color: navy
}

.contentdescription h5 {
color: #000;
margin: 10px 0;
font-weight: 600;
line-height: 18px
}

.contentdescription h1 span, .contentdescription h2 span, .contentdescription h3 span, .contentdescription h4 span, .contentdescription h5 span {
color: #f9832c
}

.contentdescription h3 span {
line-height: 24px
}

.contentdescription h1, .contentdescription h2, .contentdescription h3, .contentdescription h4, .contentdescription h5 {
padding: 5px 5px 5px 0
}

.contentdescription .transfer-section img {
margin: 4px 10px 2px 0;
border: 1px solid #fff;
width: 160px;
float: left
}

.contentdescription .transfer-section h4 {
margin-bottom: 0;
padding-top: 0
}

.contentdescription .transfer-section p {
padding-top: 2px
}

.contentdescription .transfer-section {
margin-bottom: 20px
}

.contentdescription hr {
height: 12px;
border: 0;
box-shadow: inset 0 12px 12px -11px rgba(0,0,0,.15)
}

.description h2, .description h3, .description h4, .description h5, .description h6 {
color: navy
}

.contentdescription .descriptionblue h4, .contentdescription .descriptionblue h5 {
color: #cae7fa
}

.contentdescription .descriptionblack h2, .contentdescription .descriptionblack h3, .contentdescription .descriptionblack h4, .contentdescription .descriptionblack h5, .contentdescription .descriptionblack h6 {
color: #000
}

.contentdescription .descriptionwhite h2, .contentdescription .descriptionwhite h3, .contentdescription .descriptionwhite h4, .contentdescription .descriptionwhite h5, .contentdescription .descriptionwhite h6 {
color: #fff
}

.contentdescriptionlink {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 8px
}

div.tv a:link {
color: #d3d3d3;
text-decoration: underline
}

div.tv a:hover {
color: #fff;
text-decoration: none
}

div.tvblue a:link {
color: #00a6d3;
text-decoration: underline
}

div.tvblue a:hover {
color: #00c7f6;
text-decoration: none
}

div.tvblue a:visited {
color: red;
text-decoration: underline
}

a.brown, a.brown:hover, a.brownblack:hover, a.darkblue_m, a.darkblue_m:hover, a.whitebrown, a.whitebrown:hover, a.whitemaroon, a.whitemaroon:hover, a.whitered, a.whitered:hover, a.yellow, a.yellow:hover {
text-decoration: none
}

a.brown {
color: #000
}

a.brown:hover {
color: #8d4e04
}

a.yellow {
color: #fc3
}

a.yellow:hover {
color: #8d4e04
}

a.whitebrown {
color: #cc864a
}

a.whitebrown:hover {
color: #fff
}

a.brownblack {
color: #cc864a;
text-decoration: none
}

a.brownblack:hover {
color: #000
}

a.whitered {
color: #fff
}

a.whitered:hover {
color: red
}

a.whitemaroon {
color: #fff
}

a.whitemaroon:hover {
color: #930
}

a.darkblue_m {
color: #00008b;
font-size: 17px;
border-bottom: 1px dashed #00008b
}

a.blackmaroon, a.blackmaroon:hover, a.darkblue_m:hover {
border-bottom: 1px dotted #930
}

a.darkblue_m:hover {
color: #00f;
font-size: 17px
}

a.bmlink, a.bmlink:hover {
font: .9rem/1.2 Arial,Helvetica,sans-serif;
text-decoration: none
}

a.blackmaroon {
color: #930;
text-decoration: none
}

a.blackmaroon:hover {
color: #000;
text-decoration: none
}

a.bmlink {
color: #023fbc;
border-bottom: 1px dotted #023fbc
}

a.bmlink:hover {
border-bottom: 1px solid #930;
color: #930
}

a.blackdarkblueunderline, a.blackdarkblueunderline:hover {
font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif;
font-size: 10px
}

.hrefbl, .hrefbu, .hrefmu, .hrefsu, a.blackdarkblueunderline {
text-decoration: none;
border-bottom: 2px dotted #0458a5
}

a.blackdarkblueunderline {
color: #009
}

a.blackdarkblueunderline:hover {
color: #000;
text-decoration: underline
}

.link-img, a.blackblue, a.blackblue:hover, a.graywhite, a.graywhite:hover, a.whiteblue, a.whiteblue:hover {
text-decoration: none
}

a.whiteblue {
color: #fff
}

a.whiteblue:hover {
color: #e3f8ff
}

.link-img {
border-width: 0
}

a.blackblue {
color: #000
}

a.blackblue:hover {
color: #09c
}

a.graywhite {
color: #6c6c6c
}

a.graywhite:hover {
color: #fff
}

.tableproposition {
width: 320px;
text-align: center;
margin: 10px 0 10px 10px
}

.tableproposition td {
text-align: center;
height: 10px;
vertical-align: top
}

.poster {
background-color: #fff
}

.poster h1 {
font-size:46px;
color: #055c51;
padding-left:15px;
padding-right:15px;
padding-top:5px;
line-height:47px
}

.poster h2 {
font-weight: 700;
color: #000;
line-height: 36px
}

.poster h3, .poster h4, .poster h5 {
font-weight: 700;
padding-top: 10px;
padding-bottom: 10px;
}

.poster h3 {
line-height: 24px
}

.poster h5 {
line-height: 14px
}
.poster img {
display: block;
max-width: 100%;
}
.poster a img{
padding:5px 0;
}
.poster .contentdescription h3, .poster .contentdescription h3 span {
font-weight: 700;
font-family: Geneva,Arial,Helvetica,sans-serif;
}
.release {
background-color:#E6E6E6
}

.poster .social-network a, .poster .release div a, .poster .release div img {
display: flex;
align-items: center;
}

.poster .social-network a {
margin: 5px 0;
}
.poster .contentdescription .release hr {
margin-bottom: 0
}
.poster .release div a {
justify-content: space-between;
}
.poster .social-network div span{
padding: 0 10px;
}
.poster .release div a {
padding: 0 5px 0 10px;
}
.poster .social-network div span {
font-weight: 700;
}
.poster .social-network a {
color: #000
}
.poster .release div a {
color: #009
}
.poster .social-network a img {
padding: 0
}

.poster .social-network div:nth-child(2n+1) {
background-color: #ccc
}
.poster .social-network div:nth-child(2n) {
background-color: #eee
}
.poster .social-network div:nth-child(2n):hover, .poster .social-network div:nth-child(2n+1):hover, .release div:hover {
background-color: #90a9de
}
.poster .contentdescription hr {
margin-bottom: 6px;
}
.contentdescription .capitalletter {
font-style: italic
}

span.bull {
color: #f05307;
font-size: 14px
}

.contentdescription p {
padding-top: 0;
padding-bottom: 10px
}

.contentdescription .bull ul {
list-style-type: none;
padding-left: 20px;
margin: 10px 0 20px 0
}

.contentdescription .bull ul li {
text-align: left
}

.contentdescription .bull ul li bull {
color: #f05307;
padding: 4px 0 4px 30px
}

.contentdescription .sbull ul {
padding-left: 20px;
margin: 10px 0 20px 0
}

.contentdescription .sbull li:before {
color: #f05307;
content: "•";
padding-right: 8px
}

.contentdescription span.drop-caps {
color: #f05307;
font-family: "Times New Roman",Times,serif;
font-size: 500%;
float: left;
font-weight: 700;
padding-bottom: 3px;
padding-right: 3px
}

.contentdescription #annotation {
text-align: left;
font-size: 20px;
font-family: Book Antiqua,Cambria,Georgia;
line-height: 20px;
font-weight: 700;
font-style: italic;
color: #f05307;
margin-left: 40px
}

.zero5 {
height: 5px
}


.incut_foto {
width: 200px;
margin: 5px 10px 3px 0
}

.layer1, .layer2, .left {
float: left
}

.ellipse, .ellipse-img {
border-width: 1px;
border-color: #fff;
behavior: url(ie-css3.htc)
}

.layer1 {
width: 40px
}

.layer2 {
width: 680px;
margin-left: 20px
}

.layer1, .layer2 {
margin-bottom: 5px
}

.hrefbl, .hrefbu {
color: #00008b !important
}

.hrefmu {
color: #00008b !important;
font-size: 1.2em !important
}

.hrefb, .hrefsu {
color: #00008b !important
}

.hrefm {
color: #00008b !important;
text-decoration: none;
border-bottom: 1px dotted #00008b
}

.hrefs {
color: #00008b !important;
font-size: 1em
}

.hrefred, .phone {
color: red !important;
font-size: 16px;
font-weight: 700
}

.ellipse {
border-style: solid;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}

.ellipse-img {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px
}

.ellipse-grd-blue, .ellipse-grd-green {
border-style: solid;
border-width: 1px;
border-color: #3f6490;
border-radius: 5px;
-webkit-box-shadow: #666 0 2px 3px;
-moz-box-shadow: #666 0 2px 3px
}

.ellipse-grd-green {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: #666 0 2px 3px;
background: #40d539;
background: -webkit-gradient(linear,0 0,0 bottom,from(#40d539),to(#c3fe8b));
background: -webkit-linear-gradient(#40d539,#c3fe8b);
background: -moz-linear-gradient(#40d539,#c3fe8b);
background: -ms-linear-gradient(#40d539,#c3fe8b);
background: -o-linear-gradient(#40d539,#c3fe8b);
background: linear-gradient(#40d539,#c3fe8b);
-pie-background: linear-gradient(#40d539,#c3fe8b);
behavior: url(ie-css3.htc)
}

.ellipse-grd-blue {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: #666 0 2px 3px;
background: #338bee;
background: -webkit-gradient(linear,0 0,0 bottom,from(#338bee),to(#53e6ee));
background: -webkit-linear-gradient(#338bee,#53e6ee);
background: -moz-linear-gradient(#338bee,#53e6ee);
background: -ms-linear-gradient(#338bee,#53e6ee);
background: -o-linear-gradient(#338bee,#53e6ee);
background: linear-gradient(#338bee,#53e6ee);
-pie-background: linear-gradient(#338bee,#53e6ee);
behavior: url(ie-css3.htc)
}

.ellipse-grd-orange, .ellipse-grd-red {
border-radius: 5px;
-webkit-box-shadow: #666 0 2px 3px;
-moz-box-shadow: #666 0 2px 3px;
border-style: solid;
border-width: 1px;
border-color: #3f6490;
behavior: url(ie-css3.htc)
}

.ellipse-grd-red {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: #666 0 2px 3px;
background: #f37435;
background: -webkit-gradient(linear,0 0,0 bottom,from(#f37435),to(#ffa629));
background: -webkit-linear-gradient(#f37435,#ffa629);
background: -moz-linear-gradient(#f37435,#ffa629);
background: -ms-linear-gradient(#f37435,#ffa629);
background: -o-linear-gradient(#f37435,#ffa629);
background: linear-gradient(#f37435,#ffa629);
-pie-background: linear-gradient(#f37435,#ffa629)
}

.ellipse-grd-orange {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: #666 0 2px 3px;
background: #ffa329;
background: -webkit-gradient(linear,0 0,0 bottom,from(#ffa329),to(#fff029));
background: -webkit-linear-gradient(#ffa329,#fff029);
background: -moz-linear-gradient(#ffa329,#fff029);
background: -ms-linear-gradient(#ffa329,#fff029);
background: -o-linear-gradient(#ffa329,#fff029);
background: linear-gradient(#ffa329,#fff029);
-pie-background: linear-gradient(#ffa329,#fff029)
}

.ellipse-grd-grey {
border-style: solid;
border-width: 1px;
border-color: #3f6490;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: #666 0 2px 3px;
-moz-box-shadow: #666 0 2px 3px;
box-shadow: #666 0 2px 3px;
background: #f3f7fc;
background: -webkit-gradient(linear,0 0,0 bottom,from(#f3f7fc),to(#fff));
background: -webkit-linear-gradient(#f3f7fc,#fff);
background: -moz-linear-gradient(#f3f7fc,#fff);
background: -ms-linear-gradient(#f3f7fc,#fff);
background: -o-linear-gradient(#f3f7fc,#fff);
background: linear-gradient(#f3f7fc,#fff);
-pie-background: linear-gradient(#f3f7fc,#fff);
behavior: url(ie-css3.htc)
}

.price {
width: 100%;
border: 2px solid gray;
border-collapse: collapse
}

.price td, .price tr:nth-child(1) {
padding: 5px;
border: 2px ridge gray
}

.price tr:nth-child(1) {
background: #39c;
color: #fff;
text-align: center;
font-size: 12px;
font-family: Helvetica,sans-serif;
font-weight: 700
}

table caption {
font-weight: 700;
margin: 10px;
font-size: 16px
}

.price-table td a, .price-table td a:hover {
font-family: Verdana,Arial,Helvetica,sans-serif
}

.price td:nth-child(1) {
text-align: left;
font-weight: 700
}

.price td:nth-child(n+2) {
text-align: center
}

.zebra tr:nth-child(2n+3) {
background-color: #fff3c3
}

.zebra tr:nth-child(even) {
background-color: ivory
}

.table-responsive {
margin: 10px 0 15px 0;
min-height: .01%;
overflow-x: auto;
overflow-y: hidden;
border-right: none
}

::-webkit-scrollbar {
width: 12px;
height: 20px;
border: 1px solid #153757
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #153757;
-webkit-border-radius: 1px;
border-radius: 1px
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 1px;
border: 1px solid #153757;
background: #153757;
-webkit-box-shadow: inset 0 0 6px #153757
}

::-webkit-scrollbar-thumb:window-inactive {
background: #153757
}

.price-table {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 1px #b2b2b2;
-moz-box-shadow: 0 1px 1px #b2b2b2;
box-shadow: 6px 6px 5px #b2b2b2;
width: 100%;
max-width: 100%;
color: #036;
margin: 10px 0 12px
}

.price-table td a {
color: #036
}

.price-table td a:hover {
color: #f93
}

.price-table tr {
background: #f5f5f5
}

.price-table tr:hover {
background: #fbf8e9;
-o-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}

.price-table td, .price-table th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
text-align: center
}

.price-table th {
background-color: #efefef;
background-image: -webkit-gradient(linear,left top,left bottom,from(#c0dffd),to(#98bdcf));
background-image: -webkit-linear-gradient(top,#c0dffd,#98bdcf);
background-image: -moz-linear-gradient(top,#c0dffd,#98bdcf);
background-image: -ms-linear-gradient(top,#c0dffd,#98bdcf);
background-image: -o-linear-gradient(top,#c0dffd,#98bdcf);
background-image: linear-gradient(top,#c0dffd,#98bdcf)
}

.price-table td:first-child, .price-table th:first-child {
border-left: none
}

.price-table th:first-child {
-moz-border-radius: 6px 0 0;
-webkit-border-radius: 6px 0 0;
border-radius: 6px 0 0
}

.price-table th:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0
}

.price-table th:only-child {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0
}

.price-table tr:last-child td:first-child {
-moz-border-radius: 0 0 0 6px;
-webkit-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px
}

.price-table tr:last-child td:last-child {
-moz-border-radius: 0 0 6px;
-webkit-border-radius: 0 0 6px;
border-radius: 0 0 6px
}

.more-info {
padding: 15px;
margin: 20px 10px;
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 1px #b2b2b2;
-moz-box-shadow: 0 1px 1px #b2b2b2;
box-shadow: 6px 6px 5px #b2b2b2
}

.buttoncontent div {
margin-right: 5px;
margin-bottom: 20px;
text-align: left;
padding: 6px 8px;
border: 1px solid #fff;
border-radius: 6px;
background: #7dbaee
}

.buttoncontent div:hover {
color: #fff;
background: #166eb8
}

.buttoncontent a {
color: #003
}

.buttoncontent a:hover {
color: #fff
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_outer {
padding: 1px 1px 0;
border: 2px solid #34962b;
border-top: solid 2px #68cd03;
border-left-width: 1px;
border-right-width: 0;
border-bottom: solid 2px #34962b;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: linear-gradient(to bottom,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%)
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
padding: 4px 10px;
width: 77px;
height: 20px;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
display: block;
text-align: center;
color: #fff;
font-weight: 700;
font-style: normal;
text-decoration: none;
vertical-align: middle
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
display: block;
text-align: center;
color: #000;
font-weight: 700;
font-style: normal;
vertical-align: middle;
text-decoration: none
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab img {
height: 24px;
width: 24px
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab div {
font-family: Verdana,Arial,Sans-Serif;
white-space: nowrap;
line-height: 145%;
font-size: 92%
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_outer {
padding: 0;
border: 2px solid #68cd03;
border-top-color: #68cd03;
border-bottom-color: #fafafa;
border-left-width: 1px;
border-right-width: 2px;
background: #fafafa
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
padding: 4px 10px;
width: 77px;
height: 20px;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif
}

.ajax__tab_ie-theme .ajax__tab_body {
font: 14px/1.45 verdana,tahoma,helvetica;
padding: 0;
background: url(pic/bg-content.png) left top no-repeat #fafafa
}

.LinkButtonGrid, .textGridMedium {
padding-left: 3px;
padding-right: 3px
}

.detailstitle {
padding-bottom: 0
}

.detailstitle h5 {
margin-top: 0;
margin-bottom: 0
}

.detailstitle div div {
line-height: 10px;
font-size: 12px;
margin-bottom: 10px
}

.address {
color: #34962b !important;
font-weight: 600
}

ul.detailsphone {
margin: 5px 0;
padding: 0
}

ul.detailsphone li {
list-style-type: none;
margin-left: 0;
padding-left: 0
}

.titleLinkButton, .titleLinkButton:hover {
font-size: 11px;
font-style: normal;
font-weight: 700;
text-align: left;
font-family: Georgia
}

.titleLinkButton {
color: #b43558
}

.titleLinkButton:hover {
color: #00f
}

.LinkButtonGrid, .textLink {
font-style: normal;
text-align: center
}

.textLink {
font-family: Georgia;
font-size: 12px
}

.LinkButtonGrid {
font-family: Arial;
font-size: 11px;
color: #009
}

.textLinkButton, .textLinkButton:hover {
font-family: Arial;
font-style: normal;
text-align: left;
font-weight: 700
}

.textLinkButton {
font-size: 14px;
color: Navy
}

.textLinkButton:hover {
font-size: 14px;
color: #00f
}

.textGridMedium {
text-align: justify;
}

.textGridMedium {
font-family: Tahoma;
font-size: 13px
}

.dummy {
display: none
}

.floatcontent span, .redcol, a.bold, a.bold:hover {
font-weight: 700
}

.Box1 {
border: 1px solid #e0dfe4;
background: #f4f4f4
}

.imgTitleBorderList {
height: 120px;

}

.updateProgress {
position: absolute;
z-index: 1;
top: 185px;
right: 490px
}

.redcol {
color: red
}

.baner-local {
background: #fff;
border: 1px solid #d4d4d4;
padding: 3px
}

.left {
margin: 4px 8px 0 0
}

.right {
float: right;
margin: 4px 0 0 8px
}

.list_of_hotels, .list_of_hotels div {
width: 100%
}

.list_of_hotels ul {
padding-left: 0
}

.list_of_hotels li {
padding-bottom: 5px;
padding-left: 0;
text-align: left
}

.list_of_hotels a {
color: #930;
text-decoration: none;
border-bottom: 1px dotted #930
}

.list_of_hotels span {
color: red;
font-weight: 700;
margin-left: 6px
}

.floatcontent {
display: table
}

.floatcontent div {
display: table-cell;
position:relative;
width: 173px;
height: 130px;
margin-bottom: 20px;
text-align: left;
padding: 5px;
border: 1px solid #fff;
background: #7dbaee;
color: #030451
}

.floatcontent img {
width: 173px;
position: absolute;
z-index: 1
}

.floatcontent h4 {
padding: 140px 10px 10px 0;
text-align: center
}

.floatcontent p {
margin: 5px 0
}

.lupa {
width: 70px;
height: 70px;
position: absolute;
z-index: 1;
left: 60px;
top: 35px;
background: url(pic/lupa.png) center center no-repeat;
}

.top-hotels {
background-image: url(pic/fon.jpg);
background-color: #fff;
background-repeat: no-repeat;
padding: 20px 0;
margin-top: 0;
margin-bottom: 0
}

.box-resorts {
background: #efeaea;
background: -moz-linear-gradient(top,rgba(239,234,234,1) 1%,rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,rgba(239,234,234,1) 1%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,rgba(239,234,234,1) 1%,rgba(255,255,255,1) 100%);
padding-top: 5px;
padding-bottom: 20px
}

.top-hotels div a {
padding: 1px 0;
font: .9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
display: table
}

.box-resorts a {
color: #000;
border-bottom: 1px solid #b2b2b2;
text-decoration: none;
margin: 0 5px
}

.top-hotels li:first-child {
padding-top: 0
}

.top-hotels li:nth-child(2) {
margin-top: 80px
}

.top-hotels li:nth-child(3) {
padding-top: 160px
}

.top-hotels li:last-child {
padding-top: 240px
}

.top-hotels a:hover {
color: #930;
border-bottom: 1px solid #930;
text-decoration: none
}

.box-blue, .box-green, .box-orange, .box-purple {
padding: 8px;
border: 1px solid #fff;
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
text-transform: uppercase
}

.dws-menu > ul li a, .dws-menu > ul li ul li {
border-bottom: 1px solid #335571
}

.box-green {
background-color: #00a800
}

.box-orange {
background-color: #c60
}

.box-purple {
background-color: #b702a6
}

.box-blue {
background-color: #208dc8
}

.TitleCenter h1, .TitleCenter h2, .TitleCenter h3, .TitleCenter h4 {
padding: 0 20px
}

.content h1, .content h2, .content h3 {
padding: 2px 20px
}

.TitleCenter .contentwithscrollbars h4 {
padding-left: 0
}

.TitleCenter h1 {
font: 1.9rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700;
color: #023fbc
}

.TitleCenter h2 {
font: 1.3rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700;
color: #f5710f
}

.dws-menu * {
margin: 0;
padding: 0
}

.dws-menu ol, .dws-menu ul {
list-style: none
}

.dws-menu > ul {
display: flex;
justify-content: flex-start;
text-align: left;
background: url(pic/bg-topnav.png) left top repeat-x #2b6494
}

.dws-menu > ul li {
position: relative;
border-right: 1px solid #6588b7
}

.dws-menu > ul li:first-child {
border-left: none
}

.dws-menu > ul li:last-child {
border-right: none
}

.dws-menu > ul li ul li:first-child {
border-left: 1px solid #90a9de
}

.dws-menu .toggleSubmenu > ul li:last-child, .dws-menu > ul li ul li:last-child {
border-right: 1px solid #90a9de
}

.dws-menu > ul li > a i.fa {
position: absolute;
top: 15px;
left: 12px;
font-size: 14px
}

.dws-menu > ul li a {
display: block;
background: #25547c;
padding: 12px 14px;
font-size: 14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
transition: all .3s ease
}

.dws-menu li a:hover {
background: url(pic/bg-topnav-on.png) center bottom repeat-x #153757;
color: #fff;
box-shadow: 1px 5px 10px -5px #000;
transition: all .3s ease
}

.dws-menu li ul {
position: absolute;
min-width: 170px;
display: none
}

.dws-menu li > ul li {
border: 1px solid #2f74ae
}

.dws-menu li > ul li a {
padding: 10px;
text-transform: none;
background: url(pic/bg-topnav.png) left top repeat-x #2b6494
}

.dws-menu li > ul li ul {
position: absolute;
right: -170px;
top: 0
}

.dws-menu li:hover > ul {
display: block
}

.dws-menu [type=checkbox], .dws-menu label.toggleSubmenu {
display: none
}

.dws-menu label.toggleMenu {
background: #153757;
display: none;
padding: 6px 30px;
font-size: 32px;
font-weight: 500;
font-family: Verdana,Geneva,Tahoma,sans-serif;
cursor: pointer;
position: relative
}

.dws-menu label.toggleMenu .btn-menu {
padding: 10px;
float: left;
cursor: pointer;
z-index: 3000;
width: 40px
}

.toggleMenu {
color: #fff
}

.dws-menu label.toggleMenu .btn-menu span {
display: block;
height: 6px;
background-color: #fff;
margin: 6px 0;
transition: all .1s linear .23s;
position: relative
}

.dws-menu label.toggleMenu .btn-menu span.first {
margin-top: 0
}

.dws-menu label.toggleMenu span {
margin-left: 15px
}

.dws-menu > ul li ul li {
border-top: none
}

.dws-menu label.toggleMenu .fa {
font-size: 32px
}

.contentdescription h2 {
padding: 0
}

.contentdescription h3 {
padding: 10px 0
}

.content h1, .content h2, .content h3 {
padding: 5px 0
}

.TitleCenter h1, .TitleCenter h2, .TitleCenter h3 {
padding: 0 20px
}

.box-blue, .box-green, .box-orange, .box-purple {
font: .9rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.tableproposition .box-green {
font: 1rem/1.5 Verdana,Geneva,Tahoma,sans-serif
}

.contentdescription h2 {
padding-bottom: 10px
}

.tableproposition img {
border-radius: 16px
}

#ucProducts_grdList tr td {
padding: 8px
}

.content .home-featured-advert h3 {
margin-bottom: 10px;
padding: 5px 10px;
color: #fff;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%)
}

.textTitleBold {
text-align: center
}

.titleSlider {
color: #06c
}

@media only screen and (min-width:992px) and (max-width:1024px) {
.TableTitleCenter {
padding-bottom: 25px
}

.address svg {
width: 16px;
height: 16px
}
}

@media all and (max-width:991px) {
.content .hotel-types-search h3 {
padding: 10px
}

.ListLink {
display: flex;
justify-content: space-between;
padding: 0 5px 10px 5px
}

.bottom-resorts-link {
font: 1.2rem/1.4 Geneva,Arial,Helvetica,sans-serif;
padding: 10px
}

#mainmenu {
position: fixed;
z-index: 3;
background-color: #153757;
max-height: 100%;
overflow-y: auto
}

.contentdescription .hrefbl {
line-height: 30px
}

.hidden-menu p, .hidden-menu ul li {
text-align: left;
font: 2rem/1.4 Verdana,Geneva,Tahoma,sans-serif;
color: #fff;
padding-left: 40px;
padding-right: 40px
}

.hidden-menu p {
font: 2.4rem/2.4 Verdana,Geneva,Tahoma,sans-serif;
display: block;
background-color: #153757
}

.hidden-menu-ticker:checked ~ .right-btn {
position: absolute;
top: 42px;
right: 30px;
width: 100px;
height: 100px;
z-index: 3
}

label.toggleMenu {
width: 730px
}

.hidden-menu, .right-btn {
position: fixed;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden
}

.hidden-menu {
display: block;
padding: 10px;
margin: 0;
box-sizing: border-box;
width: 100%;
background-color: #369;
min-height: 100%;
top: 0;
right: -1000%;
transition: left .2s;
z-index: 2;
box-shadow: 0 0 12px #e3e3e3;
overflow-y: auto
}

.hidden-menu-ticker {
display: none
}

.right-btn em {
margin-left: 20px
}

label.right-btn span {
display: block;
height: 3px;
background-color: #fff;
margin: 7px 0 0;
transition: all .1s linear .23s;
position: relative
}

.right-btn span.first {
margin-top: 0
}

.right-btn span.first, .right-btn span.second, .right-btn span.third {
display: none
}

.hidden-menu-ticker:checked ~ .right-btn .btn-default {
display: none
}

.hidden-menu-ticker:checked ~ .right-btn span.first, .hidden-menu-ticker:checked ~ .right-btn span.second, .hidden-menu-ticker:checked ~ .right-btn span.third {
display: block
}

.hidden-menu-ticker:checked ~ .hidden-menu {
left: 0
}

.hidden-menu-ticker:checked ~ .right-btn span.first {
-webkit-transform: rotate(45deg);
top: 10px
}

.hidden-menu-ticker:checked ~ .right-btn span.second {
opacity: 0
}

.hidden-menu-ticker:checked ~ .right-btn span.third {
-webkit-transform: rotate(-45deg);
top: -10px
}

.ul.list-menu li {
background-color: #f2f2f2;
color: #483d8b;
font-weight: 400
}

.list-menu p, .panel-heading p {
font-size: 18px;
padding-left: 5px
}

.list-menu {
margin-top: 10px
}

.list-menu li {
background-color: #369;
border-bottom: 2px dotted #428bca;
color: #483d8b;
font-weight: 400;
padding: 10px
}

.list-menu > li > a:focus, .list-menu > li > a:hover {
text-decoration: none;
background-color: #428bca
}

.list-menu > li > a {
position: relative;
display: block
}

.top-hotels li {
padding: 0 1%;
vertical-align: top
}

.dws-menu label.toggleMenu .btn-menu {
padding: 7px 10px;
float: left;
cursor: pointer;
z-index: 3000;
width: 40px
}

#ucProducts_grdList tr td {
padding: 6px
}

.ac- container h3 label, .ac-container label h3, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3 {
font-weight: 400
}

.appeal {
color: #e72904;
font-size: 98%
}

.ac- container label h3, .ac-container h3 label, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3 {
font-weight: 400
}

span.bull {
font-size: 20px
}

.list_of_hotels ul {
padding-left: 0;
padding-right: 8px
}

.list_of_hotels li {
padding: 4px 0
}

.Description, .dws-menu {
overflow: hidden
}

.top-hotels {
background-image: url(/pic/fon_mob.jpg),url(/pic/fon_bottom.jpg);
background-position: top,bottom;
background-repeat: no-repeat
}

.box-blue, .box-green, .box-orange, .box-purple {
font: 1.2rem/1.4 Verdana,Geneva,Tahoma,sans-serif
}

.box-resorts {
padding-top: 10px;
padding-bottom: 20px
}

.top-hotels li {
display: inline-block;
min-width: 38%;
margin: 0 4.6%
}

.top-hotels li a {
padding: 0 8px
}

.top-hotels li:nth-child(2) {
margin-top: 104px
}

.top-hotels li:nth-child(3) {
padding-top: 40px
}

.top-hotels li:last-child {
padding-top: 145px
}

.footer {
font: 1.2rem/1.2 Arial,Helvetica,sans-serif
}

.copyright, .footer-links {
font: 1.1rem/1.2 Arial,Helvetica,sans-serif
}

.footer-column h3, .footer-column-ac h3 {
font: 1.5rem/1.9 Arial,Helvetica,sans-serif
}

.visual div ul {
display: none
}

.about {
font: 1.1rem/1.1 verdana,tahoma,helvetica
}

.Details div, .VisitCatalogue div {
background: #006dda;
border-radius: 4px
}

.tableproposition .box-green {
font: 1.24rem/1.4 Verdana,Geneva,Tahoma,sans-serif
}

.listing-hotel table tr {
font: 1rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 500
}

    select {
        font: 1.1rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
        width: 178px;
        padding: 6px;
        border: 1px solid #888;
        margin: 10px 0
    }

.content h2, .content h3 {
padding: 8px 0
}

.Details div, .Details div:hover, .VisitCatalogue div, .VisitCatalogue div:hover, .VisitD3 div, .VisitD3 div:hover {
font: .94rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
padding: 6px;
margin: 0 4px;
text-align: center
}

.hotel-types-search {
padding: 0
}

.VisitD3 div {
background: #4f9e00;
border-radius: 4px
}

.dws-menu ul {
display: block;
max-height: 0;
transition: all .3s ease
}

.dws-menu li > ul li a {
padding-top: 15px;
padding-bottom: 15px
}

.dws-menu li > ul li ul {
position: absolute;
right: auto;
top: auto
}

.dws-menu > ul li a {
padding: 15px 30px;
font-size: 20px;
border-top: 1px solid #90a9de
}

.dws-menu li > ul li a {
padding-left: 60px;
background: #369;
font-size: 20px
}

.dws-menu li a:hover {
background: #4984bf
}

input.toggleMenu:checked + label.toggleMenu {
background: #153757;
color: #fff
}

input.toggleMenu:checked ~ ul, input.toggleSubmenu:checked ~ ul {
display: block;
position: relative;
max-height: 5000px;
transition: max-height 2s ease-in
}

.dws-menu label.toggleSubmenu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
cursor: pointer;
display: block
}

input.toggleSubmenu:checked ~ a {
background: #4e6da4;
color: #fff
}

.dws-menu label.toggleSubmenu .fa:before {
top: .1em;
right: .3em;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IGlkPSJzdmdFZGl0b3JCYWNrZ3JvdW5kIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOm5vbmU7Ii8+PGRlZnMgaWQ9InN2Z0VkaXRvckRlZnMiPjxwYXRoIGlkPSJzdmdFZGl0b3JDbG9zZVBhdGhEZWZzIiBzdHlsZT0ic3Ryb2tlOmJsYWNrO3N0cm9rZS13aWR0aDoxcHg7ZmlsbDp3aGl0ZTsiLz48L2RlZnM+PHBhdGggZD0iTTE2LjU5LDguNTlMMTIsMTMuMTdMNy40MSw4LjU5TDYsMTBsNiw2bDYsLTZaIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat 50% 50%/1em 1em;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s;
font-size: 2.2em
}

.dws-menu label.toggleSubmenu .fa {
position: absolute;
top: 10px;
right: 30px
}

.dws-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before {
transform: scale(1,-1)
}

.dws-menu label.toggleMenu span a {
padding: 0 15px;
margin-top: 10px;
color: #fff;
border-right: 1px solid #c0dffd
}

.dws-menu label.toggleMenu span a:first-child {
padding-left: 0
}

.dws-menu li > ul li a span {
padding-left: 40px
}

.dws-menu label.toggleMenu span a:last-child {
border-right: none
}

.dws-menu label.toggleMenu {
display: block;
padding: 10px 30px;
font-size: 36px
}

a.bmlink {
font: 1.28rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
text-decoration: none;
border-bottom: 1px solid #d4d4d4
}

.TitleCenter h1 {
font: 2rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700;
color: #023fbc;
padding: 5px 20px
}

.TitleCenter h2, .TitleCenter h3, .TitleCenter h4 {
color: #f5710f;
padding: 5px 20px
}

.TitleCenter h2 {
font: 1.8rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.TitleCenter h3 {
font: 1.5rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 500
}

.TitleCenter h4 {
font: 1.3rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 500
}

.hotel-types-search h3 {
font: 1.2rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.list-info-address, .Description, .list-info-phone {
padding: 10px;
}

.Description, .list-info-address, .list-info-phone {
font: 1.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
}

.summary-phone-featured {
font: 1.6rem/1.24 Helvetica,sans-serif,"Trebuchet MS";
}

.imgTitleBorderList img {
width: 240px;
height: auto;
}

.divTabContainer {
margin-top: 30px
}

.ajax__tab_ie-theme .ajax__tab_body {
margin-bottom: 10px
}

.detailstitle h5 span {
font: 1rem/1.3 verdana,tahoma,helvetica
}

.detailstitle span {
font: 1.4rem/1.4 Geneva,Arial,Helvetica,sans-serif;
margin-top: 0;
font-weight: 700
}

.detailstitle div div {
font: 1rem/1.2 Arial,Helvetica,sans-serif;
color: #e72904;
font-weight: 600;
margin-top: 5px;
padding-bottom: 0
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
padding: 8px 20px;
width: 100%;
display: flex;
text-decoration: none;
vertical-align: middle
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
color: #fff;
align-items: center;
font: 1rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700;
font-style: normal;
height: 20px
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
align-items: center;
font: 1rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700;
font-style: normal
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
align-items: center;
font: 1rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700;
font-style: normal;
color: #000
}

div.leftcol ul.navlist li a {
font: 1.3rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
background: 0 0;
border-bottom: 1px solid #b2b2b2
}

.navbox-visitors-text {
font: 1.48rem/1.1 Geneva,Arial,Helvetica,sans-serif
}
}

@media only screen and (min-width:768px) and (max-width:991px) {

.content h3 {
font: 1.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content .home-featured-advert h3 {
font: 1.5rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 600
}

.titleSlider {
font: 1.5rem/1.2 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.textTitleBold {
font: 1.2rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.Data-List {
width: 50%;
float: left
}

.Detailsafisha {
height: 244px;
overflow: hidden
}

.titleSliderBigIndex {
font: 1.3rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderDescription {
font: 1.1rem/1.1 Helvetica,sans-serif,"Trebuchet MS"
}

.address svg {
width: 16px;
height: 16px
}

.productlist3D img {
width: 140px;
width: 140px
}

.detailstitle .hrefbl, .detailstitle .phone, .detailstitle a {
line-height: 34px
}

.address {
font: 1rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600;
padding-bottom: 20px
}

.phone {
color: red !important;
font: 1.1rem/1.4 Geneva,Arial,Helvetica,sans-serif;
font-weight: 600
}

.hidden-menu p, .hidden-menu ul li {
text-align: left;
font: 2.2rem/1.4 Verdana,Geneva,Tahoma,sans-serif;
color: #fff;
padding-left: 40px;
padding-right: 40px
}

.hidden-menu p {
font: 2.8rem/2.4 Verdana,Geneva,Tahoma,sans-serif;
display: block;
background-color: #153757
}

.hidden-menu-ticker:checked ~ .right-btn {
position: fixed;
right: 30px;
width: 100px;
height: 100px
}

.right-btn em {
color: #d4d4d4;
font: 1.2rem/1 Verdana,Geneva,Tahoma,sans-serif;
font-style: italic
}

.right-btn svg {
width: 20px;
height: 20px;
padding-left: 20px
}

.right-btn {
position: absolute;
right: 0;
padding: 12px;
float: left;
top: 0;
cursor: pointer;
transition: left .23s;
z-index: 3000;
border-radius: 4px
}

.btn-default {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-color: #d4d4d4;
border-radius: 20px;
border-width: 1px;
border-style: solid;
padding: 10px
}

.maincol {
top: 64px
}

.footer-wrapper {
margin-top: 64px
}

.OrderMailSend td {
font: 1.1rem/1.4 verdana,tahoma,helvetica;
padding: 2px 0
}

.OrderMailSend input, .OrderMailSend textarea {
margin: 4px 0;
font: 1.1rem/1.4 verdana,tahoma,helvetica
}

#imgCaptchaBsc, .OrderMailSend img {
width: 200px
}

#btnNewImageBsc {
padding: 12px 30px
}

.button {
padding: 12px 30px;
margin: 20px
}

#CodeNumberTextBoxBsc {
margin-top: 30px;
padding: 10px 16px;
font-weight: 700
}

.button {
padding: 14px 30px;
margin: 20px
}

.detailstitle {
min-height: 110px
}

.productlist {
display: table;
width: 100%
}

.productlist3D, .productlistImg, .productlistName, .productlistSmallDescription {
display: table-cell;
vertical-align: top;
padding: 10px
}

.productlistModel {
vertical-align: top;
padding: 10px
}

.productlistName {
width: 120px
}

.productlistImg {
width: 160px
}

.productlistModel {
width: 140px
}

img.lupaproductlist {
width: 70px;
height: 70px
}

.lupaproductlist {
position: relative;
z-index: 2;
opacity: .4;
left: 40px;
margin: -100px auto
}

.productlistSmallDescription {
width: 100%
}

.listing-hotel table th, .productlistModel, .productlistSmallDescription {
font: 1.2rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistName {
font: 1.3rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.address svg, .detailsmap svg {
width: 16px;
height: 16px
}

.ac-container label {
padding: 5px 10px
}

.top-hotels div a {
font: 1.3rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 1px solid #b2b2b2
}

.ajax__tab_ie-theme .ajax__tab_body, .contentdescription {
font: 1.1rem/1.3 verdana,tahoma,helvetica
}

.contentdescription h2, .contentdescription h2 span {
font: 1.6rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h3, .contentdescription h3 span {
font: 1.3rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h4 {
font: 1.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h5 {
font: 1.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h6 {
font: 1rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-style: italic
}

.link-details h5 {
padding-top: 30px
}

a.darkblue_m {
font: 1.4rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700
}

.incut {
font: 1.1rem/1.3 verdana,tahoma,helvetica
}

.content h1 {
font: 1.9rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h2 {
font: 1.7rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content .about h2 {
font: 1.2rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.hotel-types-search h3 {
font-weight: 500
}

.content h4 {
font: 1.24rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.flexcroll {
font: 1rem/1.3 Verdana,Geneva,Tahoma,sans-serif
}

#ucLocalities_grdList tr td a {
font: 1.1rem/1.3 Arial,Helvetica,sans-serif
}

#ucLocalities_grdList tr td {
padding: 10px;
font: 1.08rem/1.3 Arial,Helvetica,sans-serif
}

.list_of_hotels div {
float: left;
width: 50%
}
}

@media only screen and (min-width:651px) and (max-width:767px) {
.CheckBoxListCssClass label {
padding: 10px;
}

.CheckBoxListCssClass input {
margin-bottom: 10px;
width: 20px;
height: 20px
}
.div-width-25, .div-width-30, .div-width-50 {
width: 100%
}

.visual {
display: none
}

.stretch {
display: block
}

.maincol {
top: 64px
}

.footer-wrapper {
margin-top: 64px
}

.dws-menu > ul li a {
padding: 15px 30px;
font-size: 22px;
border-top: 1px solid #90a9de
}

.dws-menu li > ul li a {
padding-left: 60px;
background: #369;
font-size: 24px
}

.ac-container label {
padding: 6px 10px
}

.top-hotels div a {
font: 1.38rem/1.636 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 1px solid #b2b2b2
}

.divTabContainer {
margin-top: 30px
}

.ajax__tab_ie-theme .ajax__tab_body {
margin-bottom: 10px
}

.listing-hotel h4 {
margin: 15px 0 0;
padding-bottom: 10px;
border-bottom: 1px solid #480;
color: #480;
font-size: 1.4rem;
font-weight: 700;
line-height: 20px
}

.detailstitle {
padding-bottom: 0
}

.detailstitle h5 {
margin-top: 0
}

.contentdescription h2, .contentdescription h2 span, .contentdescription h3, .contentdescription h3 span {
padding-left: 0
}

.content h1 {
font: 2rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h2 {
font: 1.8rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h3 {
font: 1.5rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

#ucLocalities_grdList tr td {
padding: 10px;
font: 1.15rem/1.25 Arial,Helvetica,sans-serif
}

#ucLocalities_grdList tr td a {
font: 1.3rem/1.25 Arial,Helvetica,sans-serif
}

#ucProducts_grdList tr td {
font: 1.2rem/1.2 Arial,Helvetica,sans-serif;
padding: 10px 6px
}

.detailstitle h5 span {
font: 1.15rem/1.4 verdana,tahoma,helvetica
}

.detailstitle span {
font: 1.3rem/1.4 Geneva,Arial,Helvetica,sans-serif;
margin-top: 0;
font-weight: 700
}

ul.detailsphone li span {
font: 1.5rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.detailstitle div div {
font: .9rem/1.2 Arial,Helvetica,sans-serif;
color: #000;
margin-top: 5px;
padding-bottom: 0
}

.link-details h5 {
padding-top: 20px
}

.phone h5 {
font: 1.6rem/1 verdana,tahoma,helvetica
}

a.darkblue_m {
font: 1.4rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700
}

.incut {
font: 1.2rem/1.4 verdana,tahoma,helvetica
}

.navbox-visitors-text {
font: 1.4rem/1.1 Geneva,Arial,Helvetica,sans-serif
}

div.leftcol ul.navlist li a {
font: 1.25rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
background: 0 0;
border-bottom: 1px solid #d4d4d4
}

.topnav {
height: 60px
}

.ajax__tab_ie-theme .ajax__tab_body, .contentdescription {
font: 1.3rem/1.3 verdana,tahoma,helvetica
}

.contentdescription h2, .contentdescription h2 span {
font: 1.8rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h3, .contentdescription h3 span {
font: 1.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h4 {
font: 1.4rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h5 {
font: 1.3rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.contentdescription h6 {
font: 1rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderBigIndex {
font: 1.4rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderDescription {
font: 1rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0
}

.Detailsafisha a {
font: 1rem/1.2 Helvetica,sans-serif,"Trebuchet MS"
}

.listing-hotel table th {
font: 1.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 500
}
}

@media all and (max-width:767px) {
.poster img {
width: 100%;
height: auto
}

.Details div, .Details div:hover, .VisitCatalogue div, .VisitCatalogue div:hover, .VisitD3 div, .VisitD3 div:hover {
font: 1.2rem/1 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
padding: 8px 15px;
margin: 0 4px;
text-align: center
}

.Description, .list-info-address, .list-info-phone {
font: 1.24rem/1.24 Helvetica,sans-serif,"Trebuchet MS";
}

.summary-phone-featured {
font: 1.6rem/1.24 Helvetica,sans-serif,"Trebuchet MS";
}

.imgTitleBorderList img {
width: 240px;
height: auto;
}

.bottom-resorts-link {
font: 1.4rem/1.4 Geneva,Arial,Helvetica,sans-serif;
padding: 10px
}

.content .home-featured-advert h3 {
font: 1.6rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 600
}

.titleSlider {
font: 1.6rem/1.2 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.textTitleBold {
font: 1.3rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.titleSliderBigIndex {
font: 1.46rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderDescription {
font: 1.24rem/1.2 Helvetica,sans-serif,"Trebuchet MS"
}

::-webkit-scrollbar {
width: 12px;
height: 20px;
border: 1px solid #fff
}

.detailstitle .hrefbl, .detailstitle .phone, .detailstitle a {
line-height: 34px
}

.address {
font: 1.1rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600;
padding-bottom: 20px
}

.phone {
color: red !important;
font: 1.3rem/1.4 Geneva,Arial,Helvetica,sans-serif;
font-weight: 600
}

.hidden-menu p, .hidden-menu ul li {
text-align: left;
font: 2.2rem/1.4 Verdana,Geneva,Tahoma,sans-serif;
color: #fff;
padding-left: 40px;
padding-right: 40px
}

.hidden-menu p {
font: 2.8rem/2.4 Verdana,Geneva,Tahoma,sans-serif;
display: block;
background-color: #153757
}

.hidden-menu-ticker:checked ~ .right-btn {
position: fixed;
top: 45px;
right: 30px;
width: 100px;
height: 100px
}

label.toggleMenu {
width: 700px
}

.right-btn em {
color: #d4d4d4;
font: 1.4rem/1 Verdana,Geneva,Tahoma,sans-serif;
font-style: italic
}

.right-btn svg {
width: 30px;
height: 30px;
padding-left: 20px
}

.right-btn {
position: absolute;
right: 0;
padding: 8px;
float: left;
top: 0;
cursor: pointer;
transition: left .23s;
z-index: 3000;
border-radius: 4px
}

.btn-default {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-color: #d4d4d4;
border-radius: 20px;
border-width: 1px;
border-style: solid;
padding: 8px
}

.maincol {
top: 64px
}

.flexcroll {
font: 1.28rem/1.26 Verdana,Geneva,Tahoma,sans-serif
}

.OrderMailSend td {
font: 1.4rem/1.4 verdana,tahoma,helvetica;
padding: 2px 0
}

.OrderMailSend input, .OrderMailSend textarea {
margin: 8px 0;
font: 1.4rem/1.4 verdana,tahoma,helvetica
}

#imgCaptchaBsc, .OrderMailSend img {
width: 250px
}

#btnNewImageBsc {
padding: 12px 30px
}

.button {
padding: 12px 30px;
margin: 20px
}

#CodeNumberTextBoxBsc {
margin-top: 30px;
padding: 10px 16px;
font-weight: 700
}

.button {
padding: 20px 30px;
margin: 20px
}

.divTabContainer h4 a, .listing-hotel h4 {
font: 1.5rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.productlistImg img {
width: 240px
}

.widget {
width: 240px;
height: 240px;
position: relative;
z-index: 2;
left: 0;
margin-top: -240px;
background: #000;
opacity: .3
}

.productlist3D img {
width: 240px;
width: 240px
}

.lupaproductlist {
position: relative;
z-index: 2;
left: 80px;
margin-top: -170px
}

.listing-hotel table tr {
font: 1.2rem/1.24 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 500
}

.listing-hotel table th, .productlistModel, .productlistSmallDescription {
font: 1.3rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistName {
font: 1.5rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistModel {
font-weight: 700
}

.productlistName {
font: 1.8rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.address svg, .detailsmap svg {
width: 20px;
height: 20px
}
}

@media all and (max-width:650px) {
.floatcontent div {
    display: table-cell;
    position: relative;
    width: 240px;
    height: 178px;
    margin-bottom: 20px;
    text-align: left;
    padding: 5px;
    border: 1px solid #fff;
    background: #7dbaee;
    color: #030451;
}
.floatcontent img {
    width: 236px;
    position: absolute;
    z-index: 1;
}
.lupa {
    width: 120px;
    height: 110px;
    position: absolute;
    z-index: 1;
    left: 60px;
    top: 35px;
    background: url(pic/lupa.png) center center no-repeat;
}
.imgTitleBorderList img {
width: 480px;
height: auto;
}
.CheckBoxListCssClass label {
padding: 10px;
}

.CheckBoxListCssClass input {
margin-bottom: 10px;
width: 22px;
height: 22px
}
.poster .social-network a {
margin: 8px 0;
}
.poster .release div a {
padding: 10px;
}
.poster .social-network a img {
width: 80px
}
.hotel-types-search h3 {
font: 1.8rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px;
}

.bottom-resorts-link {
font: 1.6rem/1.4 Geneva,Arial,Helvetica,sans-serif;
padding: 10px
}

.content .home-featured-advert h3 {
font: 1.7rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 600
}

.titleSlider {
font: 1.6rem/1.2 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.textTitleBold {
font: 1.4rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.div-width-25, .div-width-30, .div-width-50 {
width: 100%
}

.visual {
display: none
}

.stretch {
display: block
}

.contentdescription .hrefbl {
line-height: 40px
}

.hidden-menu p, .hidden-menu ul li {
text-align: left;
font: 2.6rem/1.6 Verdana,Geneva,Tahoma,sans-serif;
color: #fff;
padding-left: 40px;
padding-right: 40px
}

.hidden-menu p {
font: 3.2rem/2.4 Verdana,Geneva,Tahoma,sans-serif;
display: block;
background-color: #153757
}

.hidden-menu-ticker:checked ~ .right-btn {
position: fixed;
top: 40px;
right: 30px;
width: 100px;
height: 100px
}

label.toggleMenu {
width: 620px
}

.right-btn svg {
width: 25px;
height: 25px;
padding-left: 20px
}

.right-btn em {
font: 1.6rem/1 Verdana,Geneva,Tahoma,sans-serif;
font-style: italic;
color: #d4d4d4
}

.right-btn {
position: absolute;
right: 0;
padding: 16px;
float: left;
top: 0;
cursor: pointer;
transition: left .23s;
z-index: 3000;
border-radius: 4px
}

.btn-default {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-color: #d4d4d4;
border-radius: 20px;
border-width: 2px;
border-style: solid;
padding: 10px
}

.maincol {
top: 78px
}

.footer-wrapper {
margin-top: 78px
}

.OrderMailSend td {
font: 1.6rem/1.4 verdana,tahoma,helvetica;
padding: 2px 0
}

.OrderMailSend input, .OrderMailSend textarea {
margin: 10px 0;
font: 1.6rem/1.4 verdana,tahoma,helvetica
}

#imgCaptchaBsc, .OrderMailSend img {
width: 300px
}

#btnNewImageBsc {
padding: 14px 30px
}

.button {
padding: 18px 30px;
margin: 20px
}

#CodeNumberTextBoxBsc {
margin-top: 30px;
padding: 10px 16px;
font-weight: 700
}

.divTabContainer h4 a, .listing-hotel h4 {
font: 2rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.productlistImg img {
width: 360px
}

.widget {
width: 360px;
height: 360px;
position: relative;
z-index: 2;
left: 0;
margin-top: -360px;
background: #000;
opacity: .3
}

.productlist3D img {
width: 360px;
width: 360px
}

.lupaproductlist {
position: relative;
z-index: 2;
left: 120px;
margin-top: -220px
}

.listing-hotel table th, .productlistModel, .productlistSmallDescription {
font: 1.5rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistName {
font: 2rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistModel {
font-weight: 700
}

.footer-column li {
border-bottom: 1px dotted #777;
padding: 8px 0 8px 30px
}

.footer-column li:before {
color: #888;
content: "•";
padding-right: 15px
}

.address svg, .detailsmap svg {
width: 36px;
height: 36px
}

.footer-column {
margin: 10px 5px 10px 5px;
width: 100%
}

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a, .search-content h1 a {
margin: 0 4px
}

.navbox-visitors {
display: none
}

.box-resorts summary ~ * {
margin: 0;
background: #efeaea;
border: none
}

.box-resorts details[open] {
margin-top: 0
}

.box-resorts details {
margin-top: 10px
}

.box-resorts summary:before {
top: .1em;
font-size: 1.9em
}

.box-resorts details[open] > summary:before {
background: 0 0;
margin: 0;
padding: 0
}

.box-resorts details[open] > summary {
background: 0 0;
margin: 0;
padding: 0
}

.box-resorts details[open] p {
padding: 0
}

.box-resorts summary {
border-bottom: none
}

.box-resorts details em {
font: 1.8rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
color: #0158e2
}

.box-resorts details[open] em {
display: none
}

.box-resorts a:not([data-info~=top]) {
display: none
}

.box-resorts a[data-info~=top] {
display: block
}

.box-resorts details[open] a {
display: block
}

.box-resorts {
background: #efeaea
}

.top-hotels {
padding-top: 160px
}

.top-hotels li {
display: block;
min-width: 38%;
margin: 0 4.6%;
border: solid 1px #ccc;
border-radius: 6px;
box-shadow: 4px 4px 4px #b2b2b2;
padding: 0
}

.top-hotels li:nth-child(2), .top-hotels li:nth-child(3), .top-hotels li:nth-child(4) {
margin-top: 40px;
padding-top: 0
}

.dws-menu label.toggleMenu .btn-menu {
padding: 12px;
float: left;
cursor: pointer;
z-index: 3000;
width: 40px
}

.dws-menu label.toggleMenu {
padding: 15px 30px
}

#ucProducts_grdList tr td {
font: 1.2rem/1.3 Arial,Helvetica,sans-serif;
padding: 10px 6px
}

.dws-menu label.toggleSubmenu .fa:before {
font-size: 3.2em
}

.ac-container label {
padding: 10px
}

.about {
font: 1rem/1.1 verdana,tahoma,helvetica
}

.content .about h1 {
font: 1.6rem/1.1 verdana,tahoma,helvetica;
font-weight: 600
}

.content .about h2 span {
font: 1.4rem/1 Arial,Helvetica,sans-serif;
font-weight: 600
}

.content .about .darkblue_m {
font: 1.2rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700
}

.titleSliderBigIndex {
font: 1.9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderDescription {
font: 1.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0
}

.Detailsafisha a {
font: 1.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS"
}

.dws-menu > ul li a {
padding: 16px 30px;
font-size: 26px;
border-top: 1px solid #90a9de
}

.dws-menu li > ul li a {
padding-top: 20px;
padding-bottom: 20px
}

.dws-menu label.toggleMenu {
font-size: 42px
}

.dws-menu li > ul li a {
padding-left: 60px;
background: #369;
font-size: 28px
}

.top-hotels div a {
font: 1.8rem/1.7 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 1px solid #666
}

.box-blue, .box-green, .box-orange, .box-purple {
font: 1.9rem/1.4 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.tableproposition {
width: 100%;
text-align: center;
margin: 10px 0 10px 10px
}

.tableproposition .box-green {
font: 1.6rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.tableproposition img {
width: 240px;
margin: 10px
}

a.bmlink {
font: 1.5rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
text-decoration: none;
border-bottom: 1px solid #d4d4d4
}

.flexcroll {
font: 1.4rem/1.3 Verdana,Geneva,Tahoma,sans-serif
}

.contentwithscrollbars {
height: 645px
}

.TitleCenter h1 {
font: 2.1rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700;
color: #023fbc;
padding: 5px 20px
}

.TitleCenter h2, .TitleCenter h3, .TitleCenter h4 {
color: #f5710f;
padding: 5px 20px
}

.TitleCenter h2 {
font: 2rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.content .TitleCenter h3 {
font: 1.92rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.TitleCenter h4 {
font: 1.8rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.Details div, .VisitCatalogue div, .VisitD3 div {
font: 1.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
padding: 8px 15px;
margin: 0 4px;
text-align: center
}

.summary-phone-featured {
font: 1.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
background: #006dda;
letter-spacing: 2px;
padding: 8px 20px;
}

.content .TitleCenter h1 {
font: 2.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h1 {
font: 2.3rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h2 {
font: 2.2rem/1 Arial,Helvetica,sans-serif;
font-weight: 600
}

.content h3 {
font: 1.6rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.detailstitle span {
font: 1.5rem/1.4 Geneva,Arial,Helvetica,sans-serif;
margin-top: 0;
font-weight: 700
}

ul.detailsphone li span {
font: 1.8rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

ul.detailsphone li {
margin: 16px 10px
}

ul.detailsphone li:first-child {
margin-top: 10px
}

ul.detailsphone li:last-child {
margin-bottom: 20px
}

ul.detailsphone li a {
margin-left: 20px;
margin-right: 20px
}

ul.detailsphone {
padding-top: 1px
}

.phone {
color: red !important;
font: 1.6rem/1.4 Geneva,Arial,Helvetica,sans-serif;
font-weight: 600
}

.address {
font: 1.34rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600;
padding-bottom: 20px
}

.imgTitleBorderCenter {
margin-top: 8px
}

.detailstitle div div {
font: 1.1rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
color: #e72904;
font-weight: 600;
text-align: left;
margin-left: 5px
}

detailstitle {
color: #e72904;
font-weight: 700;
text-align: left;
margin-left: 5px
}

.Description, .list-info-address {
font: 1.5rem/1.24 Helvetica,sans-serif,"Trebuchet MS";
}

.textLinkButton, select, .textLinkButton:hover {
font: 1.3rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
padding:2px;
}

    select {
        padding: 6px;
        margin: 5px;
        display: block;
        width: 220px;
    }

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
font: 1.24rem/1.3 Arial,Helvetica,sans-serif;
padding: 15px 20px
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
font: 1.24rem/1.3 Arial,Helvetica,sans-serif;
padding: 15px 20px
}

.content h3 td {
text-align: center
}

.ac-container h3 label, .ac-container label h3, .ajax__tab_ie-theme .ajax__tab_body, .contentdescription, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3, summary {
font: 1.56rem/1.36 verdana,tahoma,helvetica
}

.contentdescription h2, .contentdescription h2 span {
font: 1.8rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0;
font-weight: 700
}

.contentdescription h3, .contentdescription h3 span {
font: 1.7rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0;
font-weight: 700
}

.contentdescription h4 {
font: 1.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0;
font-weight: 700
}

.contentdescription h5 {
font: 1.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0;
font-weight: 700
}

.contentdescription h6 {
font: 1rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 10px 0;
font-weight: 700
}

.ajax__tab_ie-theme .ajax__tab_body {
margin-bottom: 10px
}

#ucLocalities_grdList tr td a {
padding: 10px;
font: 1.9rem/1.2 Arial,Helvetica,sans-serif
}

#ucLocalities_grdList tr td {
font: 1.2rem/1.2 verdana,tahoma,helvetica;
padding: 10px
}

.incut {
font: 1.3rem/1.3 verdana,tahoma,helvetica
}

a.darkblue_m {
font: 1.4rem/1.6 Arial,Helvetica,sans-serif;
font-weight: 700
}

.detailstitle h5 span {
font: 1.2rem/1.3 verdana,tahoma,helvetica
}

.footer {
font: 1.6rem/1.4 Arial,Helvetica,sans-serif
}

.copyright, .footer-links {
font: 1.4rem/1.4 Arial,Helvetica,sans-serif
}

.footer-column h3, .footer-column-ac h3 {
font: 2rem/1.9 Arial,Helvetica,sans-serif
}
}

.hotel-types-search2 p {
padding: 15px
}

.hotel-types-search2 img {
width: 100%;
height: auto
}


@media all and (max-device-width :480px) {
.CheckBoxListCssClass label {
padding: 15px;
}

.CheckBoxListCssClass input {
margin-bottom: 10px;
width: 30px;
height: 30px
}
.list-info-address {
width: 100%;
padding: 10px
}
.list-info-phone {
float: left;

}
.poster h1{
font-size:52px;
margin-top:10px;
}
.poster .social-network a img {
width: 100px
}
.poster .release img {
width: 240px;
height: auto
}
.textLinkButton, select, .textLinkButton:hover {
font: 1.8rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
padding: 4px;
}
    select {
        margin: 10px 0;
        padding: 10px 8px;
        width: 270px
    }

.summary-phone-featured {
font: 2.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
background: #006dda;
letter-spacing: 2px;
padding: 8px 20px;
}

.content .hotel-types-search h3 {
font: 2.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 15px 10px;
}

.imgTitleBorderList img {
width: 100%;
height: auto;
}

.ListLink {
display: block;
}

.ListLink div, .ListLink div div {
width: 65%;
padding: 5px 5px;
}

.ListLink .Details div, .ListLink .VisitCatalogue div, .ListLink .VisitD3 div {
font: 2rem/1 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
text-align: center;
padding: 20px 5px;
}

.content .home-featured-advert h3 {
font: 2.5rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 600
}

.titleSlider {
font: 2.4rem/1.1 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.textTitleBold {
font: 1.8rem/1.26 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.Data-List {
width: 100%
}

.Detailsafisha {
height: auto
}

.hidden-menu-ticker:checked ~ .right-btn {
position: fixed;
top: 35px;
right: 30px;
width: 100px;
height: 100px
}

.dws-menu label.toggleMenu {
padding: 25px 30px
}

.hidden-menu p, .hidden-menu ul li {
text-align: left;
font: 3.6rem/1.8 Verdana,Geneva,Tahoma,sans-serif;
color: #fff;
padding-left: 40px;
padding-right: 40px
}

.hidden-menu p {
font: 4rem/1.8 Verdana,Geneva,Tahoma,sans-serif;
display: block;
background-color: #153757
}

.right-btn em {
font: 2.3rem/1.1 Verdana,Geneva,Tahoma,sans-serif;
font-style: italic;
color: #d4d4d4
}

.right-btn svg {
width: 40px;
height: 40px;
padding-left: 20px
}

.right-btn {
position: absolute;
right: 0;
padding: 20px;
float: left;
top: 0;
cursor: pointer;
transition: left .23s;
z-index: 3000;
border-radius: 4px
}

.btn-default {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-color: #d4d4d4;
border-radius: 20px;
border-width: 2px;
border-style: solid;
padding: 14px
}

.maincol {
top: 110px
}

.footer-wrapper {
margin-top: 81px
}

.phone svg {
display: none
}

.button {
padding: 20px 30px
}

.divTabContainer h4 a, .listing-hotel h4 {
font: 2.3rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.productlistImg img {
width: 480px
}

.widget {
width: 480px;
height: 480px;
position: relative;
z-index: 2;
left: 0;
margin-top: -480px;
background: #000;
opacity: .3
}

.productlist3D img {
width: 480px;
width: 480px
}

.lupaproductlist {
position: relative;
z-index: 2;
left: 190px;
margin-top: -290px
}

#ucLocalities_grdList th, .listing-hotel table th, .productlistModel, .productlistName, .productlistSmallDescription {
font: 2.2rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistName {
font: 2.5rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistModel {
font-weight: 700
}

.address svg {
display: none
}

.detailsmap svg {
width: 38px;
height: 38px
}

.detailsmap span {
font: 2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 2px dotted #0458a5;
padding-bottom: 0
}

.detailsmap span a {
color: #00008b !important
}

.detailsmap {
text-align: left;
padding-top: 10px
}

.divTabContainer {
margin-top: 40px
}

.bottom-resorts-link {
font: 2.3rem/1.6 Geneva,Arial,Helvetica,sans-serif;
padding: 10px
}

.detailstitle {
padding-top: 18px;
margin-bottom: 10px
}

.imgTitleBorderCenter {
margin-top: 18px;
margin-bottom: 10px
}

.address {
font: 1.7rem/1.4 Geneva,Arial,Helvetica,sans-serif;
font-weight: 700;
padding-bottom: 20px
}

.address svg {
width: 30px;
height: 30px
}

ul.detailsphone li {
margin: 36px 10px
}

ul.detailsphone li:first-child {
margin-top: 10px
}

ul.detailsphone li:last-child {
margin-bottom: 20px
}

ul.detailsphone li a {
margin-left: 20px;
margin-right: 20px
}

.hrefred {
color: red !important;
font: 2rem/1.4 Geneva,Arial,Helvetica,sans-serif
}

.phone {
color: red !important;
font: 2.2rem/1.4 Geneva,Arial,Helvetica,sans-serif
}

.detailstitle span {
font: 2rem/1.4 Geneva,Arial,Helvetica,sans-serif;
margin-top: 0;
font-weight: 700
}

ul.detailsphone li span {
font: 2.4rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.detailstitle div div {
display: none
}

.dws-menu label.toggleMenu {
font-size: 48px
}

.top-hotels div a {
font: 2.3rem/1.8 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 1px solid #666
}

.box-resorts details em {
font: 2.3rem/1.36 Helvetica,sans-serif,"Trebuchet MS";
color: #0158e2
}

.content .TitleCenter h3 {
font: 2.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.TitleCenter h4 {
font: 1.9rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.box-blue, .box-green, .box-orange, .box-purple {
font: 2.3rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.content .TitleCenter h1 {
font: 2.8rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}
}

@media only screen and (min-device-width :375px) and (max-device-width :480px) {
.list-info-address {
width: 100%;
padding: 10px
}

.list-info-phone {
float: left;
}
.textLinkButton, .textLinkButton:hover {
font: 1.8rem/1.65 Helvetica,sans-serif,"Trebuchet MS";
padding: 4px;
}

    select {
        margin: 10px 0;
        padding: 15px 8px;
        width: 270px
    }

.summary-phone-featured {
font: 2.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
background: #006dda;
letter-spacing: 2px;
padding: 8px 20px;
}

.content .hotel-types-search h3 {
font: 2.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 15px 10px;
}

.imgTitleBorderList img {
width: 100%;
height: auto;
}

.ListLink {
display: block;
}

.ListLink div, .ListLink div div {
width: 65%;
padding: 5px 5px;
}

.ListLink .Details div, .ListLink .VisitCatalogue div, .ListLink .VisitD3 div {
font: 2rem/1 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
text-align: center;
padding: 20px 5px;
}

.bottom-resorts-link {
font: 2.3rem/1.5 Geneva,Arial,Helvetica,sans-serif;
padding: 10px
}

.content .home-featured-advert h3 {
font: 2.5rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 600
}

.titleSlider {
font: 2.4rem/1.1 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.textTitleBold {
font: 1.8rem/1.26 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.div-width-25, .div-width-30, .div-width-50 {
width: 100%
}

.visual {
display: none
}

.stretch {
display: block
}

.Data-List {
width: 100%
}

.Detailsafisha {
height: auto
}

.titleSliderBigIndex {
font: 2.5rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderDescription {
font: 2.2rem/1.1 Helvetica,sans-serif,"Trebuchet MS"
}

.hotel-types-search2 img {
width: 100%;
height: auto
}

.detailstitle .hrefbl, .detailstitle .phone, .detailstitle a {
line-height: 30px
}

.contentdescription .hrefbl {
line-height: 54px
}

.hidden-menu p, .hidden-menu ul li {
text-align: left;
font: 3rem/1.6 Verdana,Geneva,Tahoma,sans-serif;
color: #fff;
padding-left: 40px;
padding-right: 40px
}

.hidden-menu p {
font: 4rem/1.8 Verdana,Geneva,Tahoma,sans-serif;
display: block;
background-color: #153757
}

.right-btn em {
font: 2.3rem/1.1 Verdana,Geneva,Tahoma,sans-serif;
font-style: italic;
color: #d4d4d4
}

.maincol {
top: 110px
}

.footer-wrapper {
margin-top: 111px
}

.OrderMailSend td {
font: 2.2rem/1.4 verdana,tahoma,helvetica;
padding: 2px 0
}

.OrderMailSend input, .OrderMailSend textarea {
margin: 10px 0;
font: 2.2rem/1.4 verdana,tahoma,helvetica
}

#imgCaptchaBsc, .OrderMailSend img {
width: 400px
}

#btnNewImageBsc {
padding: 20px 30px
}

#CodeNumberTextBoxBsc {
margin-top: 30px;
padding: 14px 30px;
font-weight: 700
}

#ucLocalities_grdList th, .listing-hotel table th, .productlistModel, .productlistName, .productlistSmallDescription {
font: 2.3rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistName {
font: 2.5rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistModel {
font-weight: 700
}

.footer-column h3, .footer-column-ac h3 {
font: 2.6rem/1.9 Arial,Helvetica,sans-serif
}

.footer {
font: 2.3rem/1.6 Arial,Helvetica,sans-serif
}

.copyright, .footer-links {
font: 1.6rem/1.6 Arial,Helvetica,sans-serif;
padding-bottom: 10px
}

.footer-links, .property {
display: none
}

.contentwithscrollbars {
height: 680px
}

.dws-menu > ul li a {
padding: 24px 30px;
font-size: 34px;
border-top: 1px solid #90a9de
}

.dws-menu li > ul li a {
font-size: 34px;
padding-top: 22px;
padding-bottom: 22px;
}

.dws-menu label.toggleSubmenu .fa:before {
font-size: 3.4em
}

#ucProducts_grdList tr td {
font: 1.4rem/1.3 Arial,Helvetica,sans-serif;
padding: 10px 6px
}

#ucLocalities_grdList tr td {
font: 1.4rem/1.1 verdana,tahoma,helvetica
}

#ucLocalities_grdList tr td a {
padding: 10px;
font: 2.5rem/1.2 Arial,Helvetica,sans-serif
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
font: 1.8rem/1.6 Arial,Helvetica,sans-serif;
padding: 20px 18px
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
font: 1.8rem/1.6 Arial,Helvetica,sans-serif;
padding: 20px 18px
}

.content h1 {
font: 2.7rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h3 {
font: 1.9rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h2 {
font: 2.3rem/1 Arial,Helvetica,sans-serif;
font-weight: 600
}

.flexcroll {
font: 1.8rem/1.2 Verdana,Geneva,Tahoma,sans-serif
}

a.bmlink {
font: 1.88rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
text-decoration: none;
border-bottom: 1px solid #d4d4d4
}

.tableproposition .box-green {
font: 2rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.link-details h5 {
padding-top: 35px
}

.detailstitle h5 span {
font: 1.5rem/1.3 verdana,tahoma,helvetica
}

a.darkblue_m {
font: 1.9rem/1.8 Arial,Helvetica,sans-serif;
font-weight: 700
}

.about a.darkblue_m {
font: 1.3rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700
}

.contentdescription, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3, summary {
font: 2.4rem/1.36 verdana,tahoma,helvetica
}

.contentdescription h2, .contentdescription h2 span {
font: 2.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 26px 0;
font-weight: 700
}

.contentdescription h3, .contentdescription h3 span {
font: 2.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 26px 0;
font-weight: 600
}

.contentdescription h4 {
font: 2.42rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 26px 0;
font-weight: 600
}

.contentdescription h5 {
font: 2.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 26px 0;
font-weight: 600
}

.contentdescription h6 {
font: 1.9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 26px 0;
font-weight: 400
}

.Description {
font: 2.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
}

.list-info-address {
font: 1.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
}

.Details div, .VisitCatalogue div, .VisitD3 div {
font: 2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
padding: 10px 15px;
margin: 0 4px;
text-align: center;
}

.list_of_hotels li {
padding-bottom: 10px
}

span.bull {
font-size: 33px
}
}

@media only screen and (max-width:360px) {

.summary-phone-featured {
font: 2.8rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
background: #006dda;
letter-spacing: 2px;
padding: 10px 20px;
}

.content .hotel-types-search h3 {
font: 2.9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
padding: 15px 10px;
}

.imgTitleBorderList img {
width: 100%;
height: auto;
}

.ListLink {
display: block;
}

.ListLink div, .ListLink div div {
width: 65%;
padding: 8px 5px;
}

.ListLink .Details div, .ListLink .VisitCatalogue div, .ListLink .VisitD3 div {
font: 2.1rem/1 Helvetica,sans-serif,"Trebuchet MS";
letter-spacing: normal;
text-align: center;
padding: 20px 5px;
}

.Description {
font: 2.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
}

.list-info-address {
font: 2rem/1 Helvetica,sans-serif,"Trebuchet MS";
}

.content .home-featured-advert h3 {
font: 2.6rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.titleSlider {
font: 2.7rem/1.1 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.textTitleBold {
font: 2rem/1.26 "Trebuchet MS",Helvetica,sans-serif;
font-weight: 700
}

.list_of_hotels li {
padding: 8px 0
}

.contentdescription .hrefbl {
line-height: 60px
}

.maincol {
top: 111px
}

.footer-wrapper {
margin-top: 111px
}

.OrderMailSend td {
font: 2.3rem/1.4 verdana,tahoma,helvetica;
padding: 2px 0
}

.OrderMailSend input, .OrderMailSend textarea {
margin: 10px 0;
font: 2.3rem/1.4 verdana,tahoma,helvetica
}

#imgCaptchaBsc, .OrderMailSend img {
width: 450px
}

#btnNewImageBsc {
padding: 20px 30px
}

#CodeNumberTextBoxBsc {
margin-top: 30px;
padding: 16px 30px;
font-weight: 700
}

#ucLocalities_grdList th, .listing-hotel table th, .productlistModel, .productlistName, .productlistSmallDescription {
font: 2.3rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistName {
font: 2.5rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
}

.productlistModel {
font-weight: 700
}

span.bull {
font-size: 34px
}

.detailsmap svg {
width: 39px;
height: 39px
}

.detailsmap span {
font: 1.9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 2px dotted #0458a5;
padding-bottom: 0
}

.detailsmap {
text-align: left;
padding-top: 10px
}

.divTabContainer {
margin-top: 40px
}

.bottom-resorts-link {
font: 2.4rem/1.6 Geneva,Arial,Helvetica,sans-serif;
padding: 10px
}

.detailstitle {
padding-top: 18px;
margin-bottom: 10px
}

.imgTitleBorderCenter {
margin-top: 18px;
margin-bottom: 10px
}

.address {
font: 1.7rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600;
padding-bottom: 20px
}

.address svg {
width: 30px;
height: 30px
}

ul.detailsphone li {
margin: 36px 10px
}

ul.detailsphone li:first-child {
margin-top: 10px
}

ul.detailsphone li:last-child {
margin-bottom: 20px
}

ul.detailsphone li a {
margin-left: 20px;
margin-right: 20px
}

.hrefred {
color: red !important;
font: 2rem/1.4 Geneva,Arial,Helvetica,sans-serif
}

.phone {
color: red !important;
font: 2.2rem/1.4 Geneva,Arial,Helvetica,sans-serif
}

.detailstitle span {
font: 2rem/1.4 Geneva,Arial,Helvetica,sans-serif;
margin-top: 0;
font-weight: 700
}

ul.detailsphone li span {
font: 2.44rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.detailstitle div div {
display: none
}

.box-blue, .box-green, .box-orange, .box-purple {
font: 2.3rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.dws-menu label.toggleMenu {
padding: 25px 30px
}

.dws-menu li > ul li a {
font-size: 40px;
padding-top: 22px;
padding-bottom: 22px;
}

.dws-menu > ul li a {
padding: 24px 30px;
font-size: 39px;
border-top: 1px solid #90a9de;
}

.dws-menu label.toggleSubmenu .fa:before {
font-size: 4em;
}
.ac-container label {
padding: 12px 10px
}

.content h1 {
font: 2.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.TitleCenter .content h2 {
font: 2.3rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h2 {
font: 2.5rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content .about h2 {
font: 2rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.TitleCenter h4 {
font: 2rem/1.7 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.TitleCenter .content h3 {
font: 2.2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.content h3 {
font: 1.8rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 600
}

.textLinkButton, select, .textLinkButton:hover {
font: 1.8rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
padding: 4px;
}
select {
margin: 20px 0;
padding: 15px 8px;
}

.tableproposition {
width: 100%;
text-align: center;
margin: 10px 0 10px 10px
}

.tableproposition .box-green {
font: 2.1rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
letter-spacing: 1px
}

.tableproposition img {
width: 240px;
margin: 10px
}

.top-hotels div a {
font: 2.3rem/1.8 Helvetica,sans-serif,"Trebuchet MS";
border-bottom: 1px solid #666
}

.box-resorts details em {
font: 2.3rem/1.32 Helvetica,sans-serif,"Trebuchet MS";
color: #0158e2
}

a.bmlink {
font: 1.9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
text-decoration: none;
border-bottom: 1px solid #d4d4d4
}

.flexcroll {
font: 1.9rem/1.2 Verdana,Geneva,Tahoma,sans-serif
}

.contentwithscrollbars {
height: 700px
}

.footer-column h3, .footer-column-ac h3 {
font: 2.6rem/1.9 Arial,Helvetica,sans-serif
}

.footer {
font: 2.3rem/1.6 Arial,Helvetica,sans-serif
}

.copyright, .footer-links {
font: 1.6rem/1.6 Arial,Helvetica,sans-serif;
padding-bottom: 10px
}

.footer-links, .property {
display: none
}

.ac-container h3 label, .ac-container label h3, .contentdescription, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3, summary {
font: 2.4rem/1.36 verdana,tahoma,helvetica
}

.contentdescription h2, .contentdescription h2 span {
font: 2.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 24px 0;
font-weight: 700
}

.contentdescription h3, .contentdescription h3 span {
font: 2.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 24px 0;
font-weight: 600
}

.contentdescription h4 {
font: 2.42rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 24px 0;
font-weight: 600
}

.contentdescription h5 {
font: 2.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 24px 0;
font-weight: 600
}

.contentdescription h6 {
font: 1.9rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
margin: 24px 0;
font-weight: 400
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
font: 1.8rem/1.6 Arial,Helvetica,sans-serif;
padding: 20px 18px
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
font: 1.8rem/1.6 Arial,Helvetica,sans-serif;
padding: 20px 18px
}

#ucProducts_grdList tr td {
font: 1.4rem/1.4 Arial,Helvetica,sans-serif;
padding: 10px 6px
}

#ucLocalities_grdList tr td a {
padding: 10px;
font: 2.6rem/1.2 Arial,Helvetica,sans-serif
}

#ucLocalities_grdList tr td {
font: 1.4rem/1.2 verdana,tahoma,helvetica;
padding: 10px
}

a.darkblue_m {
font: 2rem/1.6 Arial,Helvetica,sans-serif;
font-weight: 700
}

.detailstitle h5 span {
font: 1.6rem/1.1 verdana,tahoma,helvetica
}

.titleSliderBigIndex {
font: 2.5rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.titleSliderDescription {
font: 2.28rem/1.1 Helvetica,sans-serif,"Trebuchet MS"
}
}

@media only screen and (max-width :320px) {
    .poster .social-network a img {
        width: 120px
    }

    .summary-phone-featured {
        font: 3rem/2 Helvetica,sans-serif,"Trebuchet MS";
        background: #006dda;
        letter-spacing: 2px;
        padding: 10px 25px;
    }

    .content .hotel-types-search h3 {
        font: 2.8rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
        padding: 15px 10px;
    }

    .imgTitleBorderList img {
        width: 100%;
        height: auto;
    }

    .ListLink {
        display: block;
    }

        .ListLink div, .ListLink div div {
            width: 72%;
            padding: 10px 5px;
        }

        .ListLink .Details div, .ListLink .VisitCatalogue div, .ListLink .VisitD3 div {
            font: 2.4rem/.8 Helvetica,sans-serif,"Trebuchet MS";
            letter-spacing: normal;
            text-align: center;
            padding: 26px 5px;
        }

    .Description {
        font: 3rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
    }

    .list-info-address {
        font: 2.4rem/1 Helvetica,sans-serif,"Trebuchet MS";
    }

    .content .home-featured-advert h3 {
        font: 2.8rem/1.4 "Trebuchet MS",Helvetica,sans-serif;
        font-weight: 700
    }

    .titleSlider {
        font: 2.9rem/1.14 "Trebuchet MS",Helvetica,sans-serif;
        font-weight: 700
    }

    .textTitleBold {
        font: 2rem/1.2 "Trebuchet MS",Helvetica,sans-serif;
        font-weight: 700
    }

    .maincol {
        top: 110px
    }

    .footer-wrapper {
        margin-top: 113px
    }

    .box-resorts summary:before {
        top: .2em
    }

    .OrderMailSend td {
        font: 2.4rem/1.4 verdana,tahoma,helvetica;
        padding: 2px 0
    }

    .OrderMailSend input, .OrderMailSend textarea {
        margin: 10px 0;
        font: 2.4rem/1.4 verdana,tahoma,helvetica
    }

    #imgCaptchaBsc, .OrderMailSend img {
        width: 500px
    }

    #btnNewImageBsc {
        padding: 20px 30px
    }

    #CodeNumberTextBoxBsc {
        margin-top: 30px;
        padding: 20px 30px;
        font-weight: 700
    }

    #ucLocalities_grdList th, .listing-hotel table th, .productlistModel, .productlistName, .productlistSmallDescription {
        font: 2.4rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
    }

    .productlistName {
        font: 2.7rem/1.36 Helvetica,sans-serif,"Trebuchet MS"
    }

    .productlistModel {
        font-weight: 700
    }

    summary {
        font: 2.3rem/1.36 verdana,tahoma,helvetica
    }

    .detailsmap svg {
        width: 40px;
        height: 40px
    }

    .detailsmap span {
        font: 2rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
        border-bottom: 2px dotted #0458a5;
        padding-bottom: 0
    }

    .detailsmap {
        text-align: left;
        padding-top: 10px
    }

    .divTabContainer {
        margin-top: 40px
    }

    .bottom-resorts-link {
        font: 2.3rem/1.6 Geneva,Arial,Helvetica,sans-serif;
        padding: 10px
    }

    .detailstitle {
        padding-top: 18px;
        margin-bottom: 10px
    }

    .imgTitleBorderCenter {
        margin-top: 18px;
        margin-bottom: 10px
    }

    .address {
        font: 1.74rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 700;
        padding-bottom: 20px
    }

        .address svg {
            width: 30px;
            height: 30px
        }

    ul.detailsphone li {
        margin: 36px 10px
    }

        ul.detailsphone li:first-child {
            margin-top: 10px
        }

        ul.detailsphone li:last-child {
            margin-bottom: 20px
        }

        ul.detailsphone li a {
            margin-left: 20px;
            margin-right: 20px
        }

    .hrefred {
        color: red !important;
        font: 2rem/1.4 Geneva,Arial,Helvetica,sans-serif
    }

    .phone {
        color: red !important;
        font: 2.2rem/1.4 Geneva,Arial,Helvetica,sans-serif
    }

    .detailstitle span {
        font: 2rem/1.4 Geneva,Arial,Helvetica,sans-serif;
        margin-top: 0;
        font-weight: 700
    }

    ul.detailsphone li span {
        font: 2.4rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .detailstitle div div {
        display: none
    }

    .content .TitleCenter h1 {
        font: 3rem/1.4 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .content h1 {
        font: 2.6rem/1.26 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .content h2 {
        font: 3rem/1.1 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .content .about h2 {
        font: 2.4rem/1 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .TitleCenter h4 {
        font: 2.3rem/1.6 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .content h3 {
        font: 2.1rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .content .TitleCenter h3 {
        font: 2.3rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 600
    }

    .tableproposition .box-green {
        font: 2.4rem/1.5 Verdana,Geneva,Tahoma,sans-serif;
        letter-spacing: 1px
    }

    .tableproposition img {
        width: 240px;
        margin: 10px
    }

    a.bmlink {
        font: 2.1rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
        text-decoration: none;
        border-bottom: 1px solid #d4d4d4
    }

    .flexcroll {
        font: 2.1rem/1.3 Helvetica,sans-serif,"Trebuchet MS"
    }

    .contentwithscrollbars {
        height: 740px
    }

    .footer-column h3, .footer-column-ac h3 {
        font: 3rem/2 Arial,Helvetica,sans-serif
    }

    .footer {
        font: 2.5rem/1.8 Arial,Helvetica,sans-serif
    }

    .copyright, .footer-links {
        font: 1.8rem/1.8 Arial,Helvetica,sans-serif;
        padding-bottom: 10px
    }

    .footer-links, .property {
        display: none
    }

    .dws-menu label.toggleMenu {
        font-size: 48px
    }

    .dws-menu li > ul li a {
        font-size: 44px;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .dws-menu > ul li a {
        padding: 26px 30px;
        font-size: 42px;
        border-top: 1px solid #90a9de
    }

    .box-blue, .box-green, .box-orange, .box-purple {
        font: 2.6rem/1.8 Verdana,Geneva,Tahoma,sans-serif;
        letter-spacing: 1px
    }

    .top-hotels div a {
        font: 2.6rem/1.7 Helvetica,sans-serif,"Trebuchet MS";
        border-bottom: 1px solid #b2b2b2
    }

    .box-resorts details em {
        font: 2.5rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
        color: #0158e2
    }

    #ucProducts_grdList tr td {
        font: 1.4rem/1.3 Arial,Helvetica,sans-serif;
        padding: 10px 6px
    }

    .appeal, .contentdescription {
        font: 2.4rem/1.36 verdana,tahoma,helvetica
    }

        .contentdescription h2, .contentdescription h2 span {
            font: 2.6rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
            font-weight: 600;
            margin: 20px 0
        }

        .contentdescription h3, .contentdescription h3 span {
            font: 2.5rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
            font-weight: 600;
            margin: 20px 0
        }

        .contentdescription h4 {
            font: 2.42rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
            font-weight: 600;
            margin: 20px 0
        }

        .contentdescription h5 {
            font: 2.4rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
            font-weight: 600;
            margin: 20px 0
        }

        .contentdescription h6 {
            font: 2rem/1.3 Helvetica,sans-serif,"Trebuchet MS";
            font-weight: 400;
            margin: 20px 0
        }

    span.bull {
        font-size: 32px
    }

    .list_of_hotels li {
        padding-bottom: 10px
    }

    #ucLocalities_grdList tr td a {
        padding: 10px;
        font: 2.8rem/1.2 Arial,Helvetica,sans-serif
    }

    #ucLocalities_grdList tr td {
        font: 1.5rem/1.2 verdana,tahoma,helvetica;
        padding: 10px
    }

    .titleSliderBigIndex {
        font: 2.6rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
        font-weight: 700
    }

    .titleSliderDescription {
        font: 2.4rem/1.2 Helvetica,sans-serif,"Trebuchet MS"
    }

    .link-details h5 {
        padding-top: 30px
    }

    .detailstitle h5 span {
        font: 1.6rem/1.3 verdana,tahoma,helvetica
    }

    a.darkblue_m {
        font: 2.1rem/1.6 Arial,Helvetica,sans-serif;
        font-weight: 700
    }

    .ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab, .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab:hover {
        font: 1.98rem/1.6 Arial,Helvetica,sans-serif;
        padding: 24px 14px
    }

    .ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
        font: 1.98rem/1.6 Arial,Helvetica,sans-serif;
        padding: 24px 14px
    }

    .ajax__tab_ie-theme .ajax__tab_body {
        font: 1.4rem/1.3 verdana,tahoma,helvetica
    }

    .textLinkButton, select, .textLinkButton:hover {
        font: 2rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
        padding: 3px;
    }

    select {
        font: 2.2rem/1.5 Helvetica,sans-serif,"Trebuchet MS";
        margin: 20px 0;
        padding: 15px 4px;
        width: 310px;
    }
}

.ajax__tab_ie-theme .ajax__tab_body {
width: 773px
}

.maincol {
position: relative
}

@media only screen and (min-width :992px) {

.poster .social-network a img {
width: 40px
}
.contentdescription {
color: #000;
font: 14px/1.45 verdana,tahoma,helvetica
}

.contentdescription h1 {
font-size: 26px;
}

.contentdescription h2 {
font-size: 20px;
}

.contentdescription h3 {
font-size: 18px;
}

.contentdescription h4 {
font-size: 16px;
}

.contentdescription h6 {
font-size: 10px;
}

.contentdescription h5 {
font-size: 14px;
}

.contentdescription h3 span {
font-size: 18px;
}
.textGridSmallBlock {
font: 14px/1.4 verdana,tahoma,helvetica;
}
.incut {
float: left;
text-align: left;
font-size: 11px;
width: 150px;
background: #fcfb89;
padding: 5px;
margin: 5px 10px 3px 5px;
border: 1px solid #333
}

.incut_foto, .incut_right {
float: right;
text-align: left;
font-size: 11px;
background: #fcfb89;
padding: 5px;
border: 1px solid #333
}

.incut_right {
width: 120px;
margin: 5px 0 10px 10px
}
.content .hotel-types-search h3 {
padding: 5px 10px
}

#mainmenu {
position: fixed;
z-index: 3;
background-color: #153757;
}

.list-left {
width: 100%;
text-align: left;
display: inline-flex
}

.home-featured-advert {
float: left;
width: 50%
}

.TableTitle {
padding: 0;
width: 100%;
text-align: center;
border-spacing: 0
}

.home-featured-advert h3 {
font-family: "Trebuchet MS",Helvetica,sans-serif;
margin: 0 0 5px;
padding: 5px 10px;
font-size: 16px;
color: #fff;
font-weight: 700;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: linear-gradient(to bottom,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%)
}

.titleSlider {
color: #06c;
font-size: 18px;
font-weight: 700
}

.textTitleBold {
color: #b43558;
font-family: Tahoma,Arial;
font-style: normal;
font-weight: 700;
text-align: center;
padding: 5px 10px;
font-size: 12px
}

.home-featured-advert img {
height: auto;
width: 100%;
padding: 4px;
background-color: #fff;
margin-right: 5px
}

.home-featured-advert p {
margin: 0;
padding: 0
}

.detailstitle .hrefbl, .detailstitle .phone, .detailstitle a {
line-height: 30px
}

.right-btn svg {
width: 20px;
height: 20px;
padding-left: 20px
}

.hidden-menu, .right-btn {
display: none
}

#mainmenu {
width: 980px;
text-align: left
}

.maincol {
top: 41px
}

.OrderMailSend td {
font: .94rem/1.4 verdana,tahoma,helvetica;
padding: 2px 0
}

.OrderMailSend input, .OrderMailSend textarea {
margin: 2px 0;
font: .94rem/1.4 verdana,tahoma,helvetica
}

#imgCaptchaBsc, .OrderMailSend img {
width: 150px
}

#btnNewImageBsc {
padding: 10px 30px
}

.button {
padding: 10px 30px;
margin: 20px
}

#CodeNumberTextBoxBsc {
margin-top: 30px;
padding: 10px 16px;
font-weight: 700
}

.productlist {
display: table;
width: 100%
}

.productlist3D, .productlistImg, .productlistName, .productlistSmallDescription {
display: table-cell;
vertical-align: top;
padding: 10px
}

.productlistModel {
vertical-align: top;
padding: 10px
}

.productlistName {
min-width: 120px;
max-width: 100%;
}

.productlistImg {
width: 160px
}

.productlistModel {
min-width: 140px;
max-width: 100%;
}

img.lupaproductlist {
width: 70px;
height: 70px
}

.lupaproductlist {
position: relative;
z-index: 2;
opacity: .4;
left: 40px;
margin: -100px auto
}

.productlistSmallDescription {
width: 100%
}

.appeal {
font: .8rem/1.4 Arial,Helvetica,sans-serif;
font-weight: 600;
color: #e72904
}

.Details, .VisitCatalogue, .VisitD3 {
line-height: 20px;
margin-top: 0
}

.ac-container label {
padding: 0 10px
}

.dws-menu li ul {
z-index: 5
}

.list_of_hotels .floatcontent {
display: none
}

.ac-container h3 label, .ac-container label h3, .ajax__tab_ie-theme .ajax__tab_body, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3, summary {
font: 14px/1.45 verdana,tahoma,helvetica
}

div.leftcol ul.navlist li a {
font-size: 13px;
font-weight: 700;
color: #333;
text-decoration: none;
border-bottom: 1px solid #eee;
background: url(pic/bullet-arrow.png) right center no-repeat
}

.titleSliderBigIndex {
font: 1.1rem/1 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 700
}

.Detailsafisha a, .titleSliderDescription {
font: .94rem/1.2 Helvetica,sans-serif,"Trebuchet MS"
}

.titleSliderDescription {
padding: 10px 0
}

.list_of_hotels div {
float: left;
width: 50%
}

.divTabContainer {
padding-bottom: 0
}

.listing-hotel table th {
font: 1rem/1.2 Helvetica,sans-serif,"Trebuchet MS";
font-weight: 500
}

.link-details h5 {
padding-top: 40px
}

a.darkblue_m, a.darkblue_m:hover {
font: 1.1rem/1.3 Arial,Helvetica,sans-serif;
font-weight: 700
}

.content .about h2 {
font-size: 20px;
font-weight: 700;
line-height: 28px
}

.hrefbl, .hrefbu {
font-size: 16px;
line-height: 26px
}

.footer-wrapper {
margin-top: 41px
}

.footer-column, .footer-column-ac {
font-size: 14px
}
}

.NEukranews_announce a {
color: navy;
font-weight: 600
}

@media only screen and (min-width :1200px) {
.about, .gallery {
width: 90%
}

#ucLocalities_grdList {
margin-top: 25px
}
}

.bottom-resorts-link a {
padding: 2px
}

.bottom-resorts-link {
text-align: center;
background-color: #5294cc;
color: #fff;
padding-top: 10px;
padding-bottom: 10px
}

.contentdescription .sbulltable a, .contentdescription a.blackmaroon {
text-align: left
}

.ajax__tab_ie-theme .ajax__tab_body .contentdescription {
background-color: #bfe0fd
}

.about a.darkblue_m, .about h1, .about h2, .about h3, .about span a.darkblue_m {
text-align: center
}

.ac-container {
margin-bottom: 50px
}

.ac-container label {
position: relative;
z-index: 0;
display: block;
height: 30px;
cursor: pointer;
line-height: 33px
}

.ac-container h3 label, .ac-container label {
border-bottom: 1px dotted #699cc4;
line-height: 34px;
color: #483d8b;
height: auto
}

.ac-container label h3:before {
content: "\1F503";
padding-right: 10px
}

.ac-container h3 label:before {
content: "\1F503";
padding-right: 10px
}

.contentdescription .ac-container h3, .contentdescription .ac-container h3 label, .contentdescription .ac-container label h3 {
margin: 0;
padding: 0;
line-height: 34px;
color: #483d8b;
text-align: left
}

@media all and (max-width:991px) {
.incut {
text-align: left;
background: #fcfb89;
padding: 10px;
margin: 10px;
border: 1px solid #333
}

.incut_foto, .incut_right {
text-align: left;
background: #fcfb89;
padding: 10px;
margin: 10px;
border: 1px solid #333
}

.incut_right {
padding: 10px;
margin: 10px;
}

.list-left {
width: 100%
}

.list-left div {
display: block
}

.Details div, .VisitD3 div, .VisitCatalogue, .VisitWebSite div {
width: 154px;
}

.home-featured-advert {
width: 100%;
padding: 4px 4px 9px;
border: 1px solid #eee
}

.TableTitle {
padding: 0;
width: 100%;
text-align: center;
border-spacing: 0
}

.home-featured-advert img {
height: auto;
width: 100%;
padding: 4px;
background-color: #fff;
margin-right: 5px
}

.home-featured-advert p {
margin: 0;
padding: 0
}

#mainmenu {
width: 100%
}

.ac-container label, .contentdescription .ac-container h3 {
padding: 5px 10px
}

.ellipse-button a {
font-size: 110%;
padding: 18px
}
}
@media all and (min-width : 992px) {

.home-section .list-info-address{
max-width:300px
}
.home-section .list-info-address, .home-section .list-info-phone {
padding: 5px 0 10px 0
}
.list-info-address {
float: left;
}

.list-info-phone {
float: right;
}
}
@media only screen and (min-device-width : 1024px) {
.list-info-address {
float: left;

}

.list-info-phone {
float: right;

}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#mainmenu {
position: fixed;
z-index: 3;
background-color: #153757;
max-height: 80%;
overflow-y: auto;
}
}

@media all and (max-width:767px) {

.Detailsafisha {
height: auto
}

.productlist {
width: 100%
}

.productlist {
display: flex;
flex-flow: wrap
}

.productlistName {
order: 0
}

.productlistModel {
order: 1
}

.productlistImg {
order: 2
}

.productlist3D {
order: 3
}

.productlistSmallDescription {
order: 4
}

.productlist3D, .productlistImg, .productlistModel, .productlistName, .productlistSmallDescription {
vertical-align: top;
padding: 10px 10px 10px 0;
width: 100%
}

.productlistSmallDescription {
margin-bottom: 50px
}

img.lupaproductlist {
width: 100px;
height: 100px
}

.address svg, .detailsmap svg {
width: 20px;
height: 20px
}

.ac-container label, .contentdescription .ac-container h3 {
padding: 10px
}
}

.ac-container input:checked + label, .ac-container input:checked + label:hover {
background: #48b2d9;
color: #fff
}

.ac-container input:checked + h3, .ac-container input:checked + h3:hover {
background: #48b2d9;
color: #fff
}

.ac-container input:checked + h3 label, .ac-container input:checked + label h3 {
color: #fff;
line-height: 34px
}

.ac-container input:checked + label:hover:after, .ac-container label:hover:after {
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 7px;
z-index:0
}

.ac-container input {
display: none
}

.ac-container p {
margin-top: -1px;
overflow: hidden;
height: 0;
position: relative;
z-index: 0;
padding: 0
}

.ac-container input:checked ~ p {
padding: 15px 0
}

.ac-container input:checked ~ p {
padding: 15px;
border: 1px dotted #699cc4;
background: #e0edfc;
height: auto
}

.text-info {
text-decoration: none;
border-bottom: 1px dotted #699cc4;
color: #023fbc
}

.content .Data-List a {
border-bottom: none
}

.Data-List {
margin-top: 20px
}

@media only screen and (min-width :992px) {
select {
width: 150px;
padding: 5px;
}
.Data-List {
width: 50%;
float: left
}

.Detailsafisha {
height: 150px;
overflow: hidden
}

.leftcolumn {
display: none
}

.detailstitle {
display: block;
height: 120px
}

.listing-hotel table th, .productlistSmallDescription {
font: .94rem/1.38 Helvetica,sans-serif,"Trebuchet MS"
}

#ucLocalities_grdList th, .listing-hotel table th, .productlistModel, .productlistName {
font: .94rem/1.38 Helvetica,sans-serif,"Trebuchet MS"
}

.productlist3D img {
width: 140px;
height: 140px
}

.top-hotels li {
display: inline-block;
min-width: 21%
}

.contentdescription .ac-container h3 label {
padding: 0 10px
}

.ellipse-button a {
font-size: 100%;
padding: 14px
}

.ListLink {
display: flex;
justify-content: flex-end;
padding-right: 4px
}

.ListLink div {
width: 115px;
}

.Details, .VisitD3, .VisitCatalogue {
margin-left: 10px;
}

.ListLink div, .ListLink div:hover {
padding: 4px;
width: 115px;
}
}

#ucLocalities_grdList tr td a {
color: #00f
}

.image-gallery {
width: 240px
}

summary::-webkit-details-marker {
display: none
}

summary::-moz-list-bullet {
list-style-type: none
}

summary::marker {
display: none
}

summary {
display: block;
padding: .5em 1em .3em .5em;
border-bottom: 1px dotted #699cc4;
cursor: pointer;
position: relative;
color: #483d8b;
text-align: left
}

details[open] > summary {
background: #48b2d9;
color: #fff
}

summary:before {
top: .4em;
right: .2em;
color: transparent;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat 50% 50%/1em 1em;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s;
font-size: 1.4em
}

details[open] > summary:before {
transform: scale(1,-1)
}

summary ~ * {
border: 1px dotted #699cc4;
background: #e0edfc
}

details[open] p {
padding: .5em 1em .6em 1em
}

details[open] summary ~ * {
animation: sweep .5s ease-in-out
}

@keyframes sweep {
0% {
opacity: 0
}

100% {
opacity: 1
}
}

summary:focus {
outline: 0
}

.ellipse-button {
text-align: center;
color: #fff
}

.ellipse-button a {
display: inline-block;
border-style: solid;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: #666 0 2px 3px;
text-shadow: #666 0 2px 3px;
border-width: 2px;
margin: 30px 30px 0 30px;
text-transform: uppercase;
font-weight: 700;
background: #5dba00;
background: -moz-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: -webkit-linear-gradient(top,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%);
background: linear-gradient(to bottom,rgba(93,186,0,1) 0,rgba(66,130,0,1) 100%)
}

.ellipse-button a:hover {
color: #fff;
border-style: solid;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: #666 0 2px 3px;
border-width: 2px
}
.viber {
position:relative;
top:7px
}