@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
vertical-align: top;
font-weight: 500;
} header, nav, section, footer { 	margin: 0 auto; width : 100%; }
#wrapFooter { width: 100%; }
html, body { height: 100%; }
body {
font: 1.5625em open-sans, sans-serif;
color: #898989;
margin: 0;
width: 100%;
}
#container { position: relative; min-height: 100%; } .grid1 { width:1560px; max-width: 100%;} .grid2 { width:1138px; max-width: 100%;} .grid3 { width:1500px; max-width: 100%;} .pad01 { padding:0 68px;} .pad02 { padding:0 25px;} .pad03 { padding:0 135px;} .pad04 { padding:0;} .sectionPad01 { margin:46px 0;}
.sectionPad02 { margin:50px 0 90px;}
.sectionPad03 { margin:60px 0;}
.sectionPad04 { padding:120px 0;}
.sectionPad05 { padding:0 0 90px;}
.sectionPad06 { padding:18px 0;}
.sectionPad07 { padding:38px 0;}
.sectionPad08 { padding:60px 0 45px;}
.padHeader { margin-top:154px;}
.column65 { width:65%;}
.column50 { width:50%;}
.column35 { width:35%;}
.column15 { width:15%;} .clear { clear: both; }
.margAuto { margin:0 auto; }
.fr { float:right; }
.fl { float:left; }
p,
#blog .single-post ul { margin-bottom:25px;}
p:last-child { margin-bottom:0; }
p strong { font-weight:700; }
p em { font-style:italic; }
p a { color:#9F1230;}
.half { width:50%; }
.relative { position:relative; }
.transi { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.afterClear:after { content:''; display:block; clear:both; }
.linkImg > img { display:block; width:100%; height:auto;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.flex { display:flex;}
.flexVCenter { display:flex; align-items: center; justify-content: center;}
.flexVCenterLeft { display:flex; align-items: center;}
.flexVCenter.inverse,
.flexVCenterLeft.inverse,
.flex.inverse {  flex-direction: row-reverse; }
.onlyMobile { display: none;}
.wp-video { margin:0 auto;}
::-webkit-input-placeholder { opacity: 1 !important; }
:-moz-placeholder { opacity: 1 !important; }
::-moz-placeholder { opacity: 1 !important; } .primary { color:#9F1230;}
.secondary { color: #898989;}
.tertiary { color:#FFF;}
.quaternary {  } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;}
.screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .readmore {-webkit-appearance: none; }
.readmore:hover { color: #000; }
.Button { -webkit-appearance: none; display:inline-block; font-size:20px; line-height:1.35em; color:#FFF; padding:10px 15px; box-sizing: border-box; min-width: 150px; background-color:#9F1230; border:1px solid #9F1230; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;  text-decoration:none; text-align:center; cursor:pointer; }
.Button.big { min-width: 270px; font-size:25px; padding:24px 20px; letter-spacing: 0.15em; text-transform: uppercase; color:#FFF; background-color:#C2C2C1; border:1px solid #C2C2C1;}
.Button.big.active,
.Button.big:hover,
.Button.big.primary  { color:#FFF; background-color:#9F1230; border:1px solid #9F1230; }
.Button.big.primary:hover { background-color:#FFF; color:#9F1230; }
.Button.big.full { min-width: inherit; width:100%;}
.Button.big.listing { color:#898989; background-color:transparent; border:1px solid #707070; text-transform: inherit; letter-spacing: 0; padding:13px 5px;}
.Button.big.listing:hover { background-color:#9F1230; color:#FFF; border-color:#9F1230; }
.viewMore { display:table; margin:0 auto;} .title24 { font-size: 24px; line-height:1.36em; }
.title25 { font-size: 25px; line-height:1.36em; }
.title30 { font-size: 30px; line-height:1.36em; }
.title35 { font-size: 35px; line-height:1.36em; }
.title40 { font-size: 40px; line-height:1.36em; }
.title60 { font-size: 60px; line-height:1.36em; }
.upper {text-transform: uppercase;}
.bold { font-weight: 700;}
.letter150 { letter-spacing: 0.15em;}
.dots:before,
.dots:after,
.smallDotLeft:before {content:''; display: inline-block; width:70px; height: 22px;  background-repeat: no-repeat; background-size: cover;}
.dots:before { background-image:url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/dots-before.png); margin-right: 50px;}
.dots:after { background-image:url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/dots-after.png); margin-left: 50px;}
.smallDotLeft:before { width:52px; height: 15.6px; background-image:url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/dots-before.png); margin-right: 12px; } header { position:fixed; z-index: 100; width:100%; top:0; left:0;}
header .logo { position:absolute; z-index: 100; top:-9px; left:0; display:block; width:101px;}
header .topbar { background-color:#404040; border-bottom:1px solid #FFFFFF; padding:34px 0 0; }
header .blackbar { background-color:#000000; padding:15px 0; }
header .topbar ul { padding-left:125px;}
header .topbar ul > li,
header .blackbar ul > li,
header .blackbar nav,
header .blackbar nav > div,
header .blackbar nav > p { display:inline-block;} header .topbar ul > li > a { font-size:20px; line-height: 1em; color:#FFF; text-decoration:none; padding:7px 25px 14px; display:inline-block; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
header .topbar ul > li:hover > a,
header .topbar ul > li.current-menu-item > a { color:#9F1230; }
header .topbar ul > li:first-child > a,
header .blackbar ul > li:first-child { padding-left:0;}
header .topbar ul > li:last-child > a,
header .blackbar ul > li:last-child { padding-right:0;}
header .blackbar ul > li { padding:0 14px; }
header .blackbar ul > li > a { display:inline-block; font-size:20px; line-height:1.35em; color:#FFF; padding:10px 15px; box-sizing: border-box; min-width: 150px; background-color:#9F1230; border:1px solid #9F1230; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;  text-decoration:none; text-align:center; }
header .blackbar ul > li > a:hover { background-color:#FFF; color:#9F1230; }
header .blackbar nav > i { margin-left:20px; margin-right:8px; color:#FFF; font-size:30px; line-height: 1em; }
header .blackbar nav > p > a { color:#FFF; font-size:30px; line-height: 1em; text-decoration: none;}
header .topbar .menu > li { position:relative;}
header .topbar .menu > li > .sub-menu { position:absolute; width: auto; right: 0; background-color: #000; top: 36px; z-index: 5; display:none; border:1px solid #FFF; padding:5px 10px; margin-right: -10px;}
header .topbar .menu > li:hover > .sub-menu,
header .topbar .menu > li.active > .sub-menu { display: block;}
header .topbar .menu > li > .sub-menu li,
header .topbar .menu > li > .sub-menu li > a { float:none; display:block; white-space: nowrap; padding:0; margin:5px 0; border:none;} #wrapFooter { position: absolute; bottom: 0; }
footer { padding:60px 0 50px; background-color:#DBDBDB;	}
footer .logo { margin-right:17px; width:101px; }
footer .address .text p { font-size:23px; line-height: 1.36em; }
footer .address .text p > a { text-decoration:none; }
footer .address .text p > a:hover { text-decoration: underline;}
footer .newsletter { padding:0 50px; box-sizing: border-box;}
footer .newsletter h3 { font-size:23px; line-height: 1.36em; margin-bottom: 8px; color:#9F1230; text-transform: uppercase;}
footer .newsletter label { display:none;}
footer .newsletter .gform_body { width: calc(100% - 10px - 150px); padding-right:10px; box-sizing: border-box;}
footer .newsletter .gform_body,
footer .newsletter .gform_footer { display:inline-block;}
footer .newsletter input[type="text"] { -webkit-appearance: none; border:none; box-shadow: none; background-color:#FFF; font-size:23px; line-height: 1.36em; padding:9px 5px 9px 20px; font-family: inherit; width:100%; box-sizing: border-box; color:#898989; }
footer .newsletter input[type="submit"] { -webkit-appearance: none; display:inline-block; font-size:23px; line-height:1.36em; color:#9F1230; padding:9px 15px; box-sizing: border-box; min-width: 150px; background-color:transparent; border:1px solid #9F1230;  text-decoration:none; text-align:center; text-transform:uppercase; letter-spacing: 0.15em; cursor:pointer;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;  }
footer .newsletter input[type="submit"]:hover { background-color:#9F1230; color:#FFF;}
footer .social li { float:left; margin:0 10px;}
footer .social li:first-child { margin-left:0;}
footer .social li:last-child { margin-right:0;}
footer .social li > a { font-size:35px; line-height: 1em; color:#898989; }
footer .social li:hover > a { color:#9F1230; }
footer .wp_social h3 { margin-bottom: 13px;}
footer .nav-footer { margin-top:42px;}
footer .nav-footer .menu { display:table; margin:0 auto;}
footer .nav-footer .menu > li { float:left; padding:0 20px;}
footer .nav-footer .menu > li + li { border-left:1px solid #898989; }
footer .nav-footer .menu > li > a { color:#898989; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration:uppercase; font-weight: 700; font-size:20px; letter-spacing:0.1em; text-transform:uppercase;}
footer .nav-footer .menu > li:hover > a { color:#898989;} .video > video { width: 100%;} #featuredProperties { overflow: hidden;}
#featuredProperties .buttons { margin:48px 0 60px;}
#featuredProperties .buttons > span { margin:0 15px; }
#featuredProperties .buttons > span:first-child { margin-left: 0;}
#featuredProperties .buttons > span:last-child { margin-right: 0;}
.saleRent { margin:12px -17px 27px; display:none;}
.saleRent.active { display:flex; flex-wrap: wrap; justify-content: center;}
.saleRent .viewMore { margin-top:27px;}
.saleRent .item-properties { float:left; width:25%; padding:0 17px; box-sizing:border-box; margin-bottom:33px; }
.saleRent .item-properties .wp_item {border:1px solid #707070; }
.saleRent .item-properties .text { padding:17px 20px 20px;}
.saleRent .item-properties .text h3 { margin-bottom:12px; }
.saleRent .item-properties .text p,
.saleRent .item-properties .text .price { font-size:20px; line-height: 1.35em; color:#000000; margin-bottom: 0;}
.saleRent .item-properties .text .price { font-weight: 700;} #statistics .wp_blocks { margin:150px -37px 0;}
#statistics .item-block { width:25%; box-sizing: border-box; padding:0 37px; position:relative;}
#statistics .item-block:nth-of-type(4n + 1) { clear:left; }
#statistics .item-block:nth-of-type(2) { margin-top:-74px;}
#statistics .item-block:nth-of-type(3) { margin-top:54px;}
#statistics .item-block:nth-of-type(4) { margin-top:-93px;}
#statistics .item-block:nth-of-type(5) { margin-top:-70px; margin-left:25%;}
#statistics .item-block:nth-of-type(6) { margin-top:-94px; margin-left:25%;}
#statistics .item-block > .block:after { content:""; padding-bottom:100%; display: block;}
#statistics .item-block > .block { display:flex; align-items: center; position:relative;  background-color:#9F1230;}
#statistics .item-block > .block .content { position:absolute; z-index: 1; width:100%; box-sizing: border-box; padding:10px;}
#statistics .item-block > .block .content > p { font-size:40px; color:#FFF; text-transform: uppercase;} #informations h3 { margin-bottom:50px; }
#informations p { line-height: 1.36em;}
#informations h4 { margin-top:54px;}
#informations .amBuildTable { margin-bottom:55px;}
#informations .amBuildTable > .item { border-bottom:1px solid #000000; padding:16px 0; } #contactus { background-color: #FFF;}
#contactus .portrait > img { display:block; height: 75%; width:auto; margin:0 auto; max-width: 474px;}
#contactus .gform_wrapper,
#contactus .gform_confirmation_wrapper { margin-top: 26px; margin-bottom: 60px;}
#contactus .gform_body .gform_fields > .gfield { margin-bottom:30px;}
#contactus .gform_body .gform_fields > .gfield label,
#contactus .gform_body .gform_fields > .gfield.gfield_visibility_hidden { display:none;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox > li { position:relative;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox label { display: block; color:#000; padding-left:30px;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox label strong { font-weight: 700;}
#contactus .gform_body .gform_fields > .gfield input:not([type="checkbox"]),
#contactus .gform_body .gform_fields > .gfield textarea  {-webkit-appearance: none; font-family: inherit; font-size:25px; line-height: 1.36em; padding:8px 22px; border:1px solid #707070; width:100%; box-sizing: border-box; color:#898989; }
#contactus .gform_body .gform_fields > .gfield input[type="checkbox"] { position:absolute; top:6px;}
#contactus .gform_footer input[type="submit"] { -webkit-appearance: none; min-width: 270px; font-size:25px; padding:24px 20px; letter-spacing: 0.15em; text-transform: uppercase; color:#9F1230; background-color:transparent; border:1px solid #9F1230; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; }
#contactus .gform_footer input[type="submit"]:hover { color:#FFF; background-color:#9F1230; }
#contactus .gform_wrapper .validation_error { margin-bottom: 25px; }
.gform_wrapper .validation_error,
.gform_wrapper .validation_message { color:#9F1230;}
.gform_body .gform_fields > .gfield.gfield_error input:not([type="checkbox"]),
.gform_body .gform_fields > .gfield.gfield_error textarea  { border-color:#9F1230; } .news { overflow: hidden;}
#news h2 { margin-bottom:56px;}
.news .posts {margin:0 -17px;}
.news .posts > .post { float:left; width:25%; padding:0 17px; box-sizing: border-box;}
.news .posts > .post:nth-of-type(4n+1) { clear:left;}
.news .posts .date { position:absolute; z-index: 2; top:0; left:20px; padding:12px; background-color:#9F1230; color:#FFF; text-transform: uppercase; font-size:25px; line-height: 1.1em;}
.news .posts .date span { display:block; text-align: center;}
.news .posts .wp_post { border:1px solid #707070; }
.news .posts > .post .text { padding:17px 32px; min-height: 325px; padding-bottom:70px; box-sizing: border-box;}
.news .posts h3 { margin-bottom: 10px;}
.news .posts h3 > a { text-decoration:none;}
.news .posts .readmore { position:absolute; bottom:36px;} .sale-rent h3 { margin:40px 0 5px;}
.tableDesign table { width:100%; table-layout: fixed; }
.tableDesign table thead > tr { background-color:#9F1230; color:#FFF; font-weight: 700; }
.tableDesign table thead > tr > th,
.tableDesign table tbody > tr > td { padding:8px 10px; text-align: center;}
.tableDesign table tbody > tr > td { color:#040403;}
.tableDesign table tbody > tr > td > a { color:#9F1230;}
.tableDesign table tbody > tr:nth-of-type(2n) { background-color:#EEEEEE;}
.tableDesign table tbody > tr.featured { background-color:#EBCED4;}
.tableDesign table.bySix thead > tr > th,
.tableDesign table.bySix tbody > tr > td { width:16.666%; box-sizing: border-box;}
.tableDesign table.byTen thead > tr > th,
.tableDesign table.byTen tbody > tr > td { width:10%; box-sizing: border-box; }
.tableDesign table.byEleven thead > tr > th,
.tableDesign table.byEleven tbody > tr > td { width:9.0909%; box-sizing: border-box; }
.tableDesign table.byHeight thead > tr > th,
.tableDesign table.byHeight tbody > tr > td { width:12.5%; box-sizing: border-box;}
.tableDesign table.byEleven thead > tr > th.autoWidth,
.tableDesign table tbody > tr > td.autoWidth,
.tableDesign table.byEleven tbody > tr > td.autoWidth {  vertical-align: middle; text-align: center; }
.tableDesign table tbody > tr > td.autoWidth span,
.tableDesign table.byEleven tbody > tr > td.autoWidth span  { font-weight: 700; padding:0 2px; background-color: #FFFF00; display: inline-block;}
.tableDesign table tbody > tr > td.pictures > a:not(:first-child) { display:none;}
.floorplanBuilding { margin-bottom: 60px; margin-top:38px;} .back-img { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; width:calc(25% - 20px); box-sizing: border-box; margin:8px 10px; display:block; float:left;}
.back-img:after { content:''; padding-bottom:74%; display:block;}
.back-img:first-child { width:calc(50% - 20px);}
.back-img:nth-of-type(n+6),
#listings .general_contact.sale .onlyRent,
#listings .general_contact.rent .onlySale,
#listings .general_contact.rent .onlyclosedSale,
#listings .general_contact.sale .onlyclosedSale,
#listings .general_contact.rent.closed .onlyRent,
#listings .general_contact.sale.closed .onlySale,
#listings .general_contact.closed .onlySaleOrRent,
#listings .general_contact.sale .onlyclosedRent,
#listings .general_contact.rent .onlyclosedRent	 { display:none;}
#listings .general_contact.sale.closed .onlyclosedSale,
#listings .general_contact.rent.closed .onlyclosedRent { display: block;}
#listings { overflow: hidden;}
#listings .pictures { margin:0 -10px;}
#listings .pictures > a > .filter { position:absolute; z-index: 2; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); color:#FFF; text-decoration:none; opacity:0; text-align: center;	}
#listings .pictures:hover > a > .filter { opacity:1;}
#listings .general_info .row { padding:15px 0;}
#listings .general_info .row + .row { border-top:1px solid #000;}
#listings .general_info p { margin-bottom: 0; display:inline-block; }
#listings .general_info p.title { width:46%; padding-right: 25px; box-sizing: border-box;}
#listings .general_contact { margin-top:45px;}
#listings .contact { padding-left:80px; box-sizing: border-box;}
#listings .wp_buttons { margin:20px -10px; }
#listings .wp_buttons > .wrap { padding:0 10px; box-sizing: border-box;}
#listings .frame { border:1px solid #707070; padding:75px 25px; } #blog .single-post { margin-top:-90px; position:relative; z-index: 2; }
#blog .single-post .backWhite {background-color:#FFF; }
#blog .single-post img { display:block; max-width: 100%;}
#blog .single-post img.aligncenter { margin:0 auto;}
#blog .single-post ul { list-style: disc outside none; margin-left:25px; }
#blog .single-post .swp_social_panel { display:block; height: 77px;}
#blog .single-post .swp_social_panel:before { content:"Share"; display:block; font-weight: 700; color:#9F1230; margin-bottom: 17px;}
#blog .justListed h5 { margin-bottom:50px;}
#blog .single-post .wp-caption.aligncenter { margin:0 auto;} .news .blog_category .posts > .post { width:100%;}
.news .blog_category .posts .readmore { position:relative; bottom:inherit;}
.news .blog_category .posts .wp_post { border:none;}
.news .blog_category .posts > .post .text { padding:20px 45px; }
.news .blog_category .posts > .post:nth-of-type(2n) .wp_post { flex-direction: row-reverse; text-align: right;}
.news .blog_category .posts .date { left:50px;}
.news .blog_category .posts > .post:nth-of-type(2n) .date { left:inherit; right:50px;}
.news.category_sidebar { padding-bottom: 60px;}
.news .sidebar { min-width: 458px;  box-sizing: border-box;}
.news .sidebar .wp_sidebar { padding:0 28px; }
.news .sidebar .categories { color:#9F1230; font-size:30px; line-height: 1.1666em; font-weight: 700; list-style: none;}
.news .sidebar .categories li { margin:30px 0;}
.news .sidebar .categories li > a { color:#898989; text-decoration: none; font-weight: 400; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.news .sidebar .categories li:hover > a,
.news .sidebar .categories li.current-cat > a { color:#9F1230; text-decoration: underline;}
.news .sidebar .archives .archive-year > a { color:#898989; font-size:30px; line-height: 1.116em; text-decoration:none;}
.news .sidebar .archives .archive-year > ul { display:none;}
.news .sidebar .archives h5,
.news .sidebar .archives > ul > li { padding:20px 0; border-top:#DDDDDD solid 1px;}
.news .sidebar .archives .archive-year,
.news .sidebar .archives a { font-size: 30px; line-height: 1.166em; color:#898989; text-decoration:none; cursor: pointer;}
.news .sidebar .archives a { line-height: 1.666em;}
.news .sidebar .archives .archive-year.active { color:#9F1230; text-decoration: underline;}
.news .sidebar .archives .archive-year.active .months > .active > a { color:#9F1230; } #widget_contact { display:block; position: fixed; z-index: 100; top:250px; right:0;}
#widget_contact .portrait { width:112px; height:227px; overflow: hidden; -webkit-border-top-left-radius: 100%; -webkit-border-bottom-left-radius: 100%;
-moz-border-radius-topleft: 100%; -moz-border-radius-bottomleft: 100%; border-top-left-radius: 100%; border-bottom-left-radius: 100%; position: relative; z-index: 2;}
#widget_contact .BigCircleRed { -webkit-border-top-left-radius: 115px; -webkit-border-bottom-left-radius: 115px;
-moz-border-radius-topleft: 115px; -moz-border-radius-bottomleft: 115px; border-top-left-radius: 115px; border-bottom-left-radius: 115px; background-color:#A01C32; width:115px; height: 240px; position:absolute; top:0; right:0; z-index: 1;}
#widget_contact .circleRed { background-color:#A01C32; position:absolute; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top:162px; right:23px; padding:39px 28px; text-align: center;}
#widget_contact .circleRed p { color:#FFF; font-size:20px; line-height: 1.2em; text-transform: uppercase;}
#widget_contact .circleRed .dotWhite { display:inline-block; width:64px; height: 20px; background-image:url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/white-dots.png); background-repeat: no-repeat; background-size:cover; margin:8px 0 4px;} #amenities .sectionPad03,
#amenities h1 { margin-bottom:35px;}
#amenities .amenities {  margin: 7px 0;}
#amenities .amenity:nth-of-type(2n) { flex-direction: row-reverse;}
#amenities .amenity { display:flex; flex-wrap:wrap; align-items: stretch; margin:80px 0; }
#amenities .amenity .image { width:45%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
#amenities .amenity .image:after { content: ""; width: 100%; padding-bottom: 100%; display: block;}
#amenities .amenity .content { width:55%; box-sizing: border-box; padding: 0 5%; display:flex; flex-wrap: wrap; align-items: center;}
#amenities .amenity .content h2 { color:#902432; text-transform: uppercase; font-weight: 700; margin-bottom: 20px;}
#amenities .amenity:nth-of-type(2n) .content { padding-left:0; }
#amenities .amenity .content strong { color:#902432; }

@media all and (max-width: 2400px)  { body { font-size: 1.25em; } .pad01 { padding:0 55px;} .pad03 { padding:0 108px;} .sectionPad01 { margin:37px 0;}
.sectionPad02 { margin:40px 0 72px;}
.sectionPad03 { margin:48px 0;}
.sectionPad04 { padding:96px 0;}
.sectionPad05 { padding:0 0 72px;}
.sectionPad06 { padding:15px 0;}
.sectionPad07 { padding:31px 0;}
.sectionPad08 { padding:48px 0 36px;}
.padHeader { margin-top:125px;} p,
#blog .single-post ul { margin-bottom:20px;} .Button { font-size:16px; padding:8px 12px; min-width: 120px; }
.Button.big { min-width: 216px; font-size:20px; padding:20px 16px; }
.Button.big.listing { padding:11px 4px;} .title24,
.title25 { font-size: 20px; }
.title30 { font-size: 24px; }
.title35 { font-size: 28px; }
.title40 { font-size: 32px; }
.title60 { font-size: 48px; }
.dots:before { margin-right: 40px;}
.dots:after { margin-left: 40px;}
.smallDotLeft:before { width:35px; height: 11px; margin-right: 10px; } header .logo { top:-8px; width:81px;}
header .topbar { padding:28px 0 0; }
header .blackbar { padding:12px 0; }
header .topbar ul { padding-left:100px;}
header .topbar ul > li > a { font-size:16px; padding:7px 20px 13px; }
header .blackbar ul > li { padding:0 12px; }
header .blackbar ul > li > a {font-size:16px; padding:8px 12px; min-width: 120px; }
header .blackbar nav > i { margin-left:16px; margin-right:7px; font-size:24px;}
header .blackbar nav > p > a { font-size:24px; } footer { padding:48px 0 40px;	}
footer .logo { margin-right:14px; width:81px; }
footer .address .text p { font-size:19px; }
footer .newsletter { padding:0 40px; }
footer .newsletter h3 { font-size:19px; margin-bottom: 7px; }
footer .newsletter .gform_body { width: calc(100% - 8px - 120px); padding-right:8px; }
footer .newsletter input[type="text"] { font-size:19px; padding:8px 4px 8px 16px;}
footer .newsletter input[type="submit"] { font-size:19px;padding:8px 12px; min-width: 120px; }
footer .social li { margin:0 8px;}
footer .social li > a { font-size:28px;}
footer .wp_social h3 { margin-bottom: 11px;}
footer .nav-footer { margin-top:34px;}
footer .nav-footer .menu > li { padding:0 16px;}
footer .nav-footer .menu > li > a { font-size:16px;} #featuredProperties .buttons { margin:39px 0 48px;}
#featuredProperties .buttons > span { margin:0 12px; }
.saleRent { margin:10px -14px 22px;}
.saleRent .viewMore { margin-top:22px;}
.saleRent .item-properties { padding:0 14px; margin-bottom:27px; }
.saleRent .item-properties .text { padding:14px 16px 16px;}
.saleRent .item-properties .text h3 { margin-bottom:10px; }
.saleRent .item-properties .text p,
.saleRent .item-properties .text .price { font-size:16px; } #statistics .wp_blocks { margin:120px -30px 0;}
#statistics .item-block { padding:0 30px;}
#statistics .item-block:nth-of-type(2) { margin-top:-60px;}
#statistics .item-block:nth-of-type(3) { margin-top:53px;}
#statistics .item-block:nth-of-type(4) { margin-top:-75px;}
#statistics .item-block:nth-of-type(5) { margin-top:-56px;}
#statistics .item-block:nth-of-type(6) { margin-top:-76px;}
#statistics .item-block > .block .content { padding:8px;}
#statistics .item-block > .block .content > p { font-size:32px; } #informations h3 { margin-bottom:40px; }
#informations h4 { margin-top:44px;}
#informations .amBuildTable { margin-bottom:44px;}
#informations .amBuildTable > .item { padding:13px 0; } #contactus .gform_wrapper,
#contactus .gform_confirmation_wrapper { margin-top: 21px; margin-bottom: 48px;}
#contactus .gform_body .gform_fields > .gfield { margin-bottom:24px;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox label { padding-left:25px;}
#contactus .gform_body .gform_fields > .gfield input:not([type="checkbox"]),
#contactus .gform_body .gform_fields > .gfield textarea  {font-size:20px; padding:7px 18px; }
#contactus .gform_body .gform_fields > .gfield input[type="checkbox"] { top:5px;}
#contactus .gform_footer input[type="submit"] { min-width: 216px; font-size:20px; padding:20px 16px; }
#contactus .gform_wrapper .validation_error { margin-bottom: 20px; } #news h2 { margin-bottom:45px;}
.news .posts {margin:0 -14px;}
.news .posts > .post {padding:0 14px; }
.news .posts .date { left:16px; padding:10px; font-size:20px; }
.news .posts > .post .text { padding:14px 26px; min-height: 260px; padding-bottom:56px; }
.news .posts h3 { margin-bottom: 8px;}
.news .posts .readmore { bottom:29px;} .sale-rent h3 { margin:32px 0 4px;}
.tableDesign table thead > tr > th,
.tableDesign table tbody > tr > td { padding:7px 8px; }
.floorplanBuilding { margin-bottom: 48px; margin-top:31px;} .back-img { width:calc(25% - 16px); margin:7px 8px; }
.back-img:first-child { width:calc(50% - 16px);}
#listings .pictures { margin:0 -8px;}
#listings .general_info .row { padding:12px 0;}
#listings .general_info p.title { padding-right: 20px; }
#listings .general_contact { margin-top:36px;}
#listings .contact { padding-left:64px; }
#listings .wp_buttons { margin:16px -8px; }
#listings .wp_buttons > .wrap { padding:0 8px; }
#listings .frame { padding:60px 20px; } #blog .single-post { margin-top:-72px;  }
#blog .single-post ul { margin-left:20px; }
#blog .single-post .swp_social_panel:before {margin-bottom: 14px;}
#blog .justListed h5 { margin-bottom:40px;} .news .blog_category .posts > .post .text { padding:16px 36px; }
.news .blog_category .posts .date { left:40px;}
.news .blog_category .posts > .post:nth-of-type(2n) .date { right:40px;}
.news.category_sidebar { padding-bottom: 48px;}
.news .sidebar { min-width: 367px; }
.news .sidebar .wp_sidebar { padding:0 23px; }
.news .sidebar .categories { font-size:24px;}
.news .sidebar .categories li { margin:24px 0;}
.news .sidebar .archives .archive-year > a {font-size:24px; }
.news .sidebar .archives h5,
.news .sidebar .archives > ul > li { padding:16px 0;}
.news .sidebar .archives .archive-year,
.news .sidebar .archives a { font-size: 24px; } #widget_contact { top:200px;}
#widget_contact .portrait { width:90px; height:182px; }
#widget_contact .BigCircleRed { -webkit-border-top-left-radius: 92px; -webkit-border-bottom-left-radius: 92px;
-moz-border-radius-topleft: 92px; -moz-border-radius-bottomleft: 92px; border-top-left-radius: 92px; border-bottom-left-radius: 92px; width:92px; height: 192px; }
#widget_contact .circleRed { top:130px; right:19px; padding:32px 23px; }
#widget_contact .circleRed p { font-size:16px;}
#widget_contact .circleRed .dotWhite {width:52px; height: 16px; margin:7px 0 4px;}
}
@media all and (max-width: 1919px)  { body { font-size: 1.09375em; } .pad01 { padding:0 48px;} .pad03 { padding:0 95px;} .sectionPad01 { margin:33px 0;}
.sectionPad02 { margin:35px 0 63px;}
.sectionPad03 { margin:42px 0;}
.sectionPad04 { padding:84px 0;}
.sectionPad05 { padding:0 0 63px;}
.sectionPad06 { padding:13px 0;}
.sectionPad07 { padding:27px 0;}
.sectionPad08 { padding:42px 0 32px;}
.padHeader { margin-top:109px;} p,
#blog .single-post ul { margin-bottom:18px;} .Button { font-size:14px; padding:7px 11px; min-width: 135px; }
.Button.big { min-width: 189px; font-size:18px; padding:17px 14px; }
.Button.big.listing { padding:10px 4px;} .title24 { font-size: 17px; }
.title25 { font-size: 18px; }
.title30 { font-size: 21px; }
.title35 { font-size: 25px; }
.title40 { font-size: 28px; }
.title60 { font-size: 42px; }
.dots:before,
.dots:after,
.smallDotLeft:before { width:35px; height: 11px; }
.dots:before { margin-right: 35px;}
.dots:after { margin-left: 35px;}
.smallDotLeft:before { margin-right: 9px; } header .logo { top:-13px; width:85px;}
header .topbar { padding:24px 0 0; }
header .blackbar { padding:11px 0; }
header .topbar ul { padding-left:118px;}
header .topbar ul > li > a { font-size:14px; padding:7px 18px 12px; }
header .blackbar ul > li { padding:0 10px; }
header .blackbar ul > li > a {font-size:14px; padding:7px 11px; min-width: 135px; }
header .blackbar nav > i { margin-left:14px; margin-right:6px; font-size:21px;}
header .blackbar nav > p > a { font-size:21px; }
header .topbar .menu > li > .sub-menu { top:33px;} footer { padding:42px 0 35px;	}
footer .logo { margin-right:12px; width:71px; }
footer .address .text p { font-size:17px; }
footer .newsletter { padding:0 35px; }
footer .newsletter h3 { font-size:17px; margin-bottom: 6px; }
footer .newsletter .gform_body { width: calc(100% - 7px - 135px); padding-right:7px; }
footer .newsletter input[type="text"] { font-size:17px; padding:7px 4px 7px 14px;}
footer .newsletter input[type="submit"] { font-size:17px;padding:7px 11px; min-width: 135px; }
footer .social li { margin:0 7px;}
footer .social li > a { font-size:25px;}
footer .wp_social h3 { margin-bottom: 10px;}
footer .nav-footer { margin-top:30px;}
footer .nav-footer .menu > li { padding:0 14px;}
footer .nav-footer .menu > li > a { font-size:14px;} #featuredProperties .buttons { margin:34px 0 42px;}
#featuredProperties .buttons > span { margin:0 11px; }
.saleRent { margin:9px -12px 19px;}
.saleRent .viewMore { margin-top:19px;}
.saleRent .item-properties { padding:0 12px; margin-bottom:24px; }
.saleRent .item-properties .text { padding:12px 14px 14px;}
.saleRent .item-properties .text h3 { margin-bottom:9px; }
.saleRent .item-properties .text p,
.saleRent .item-properties .text .price { font-size:14px; } #statistics .wp_blocks { margin:135px -26px 0;}
#statistics .item-block { padding:0 26px;}
#statistics .item-block:nth-of-type(2) { margin-top:-52px;}
#statistics .item-block:nth-of-type(3) { margin-top:38px;}
#statistics .item-block:nth-of-type(4) { margin-top:-66px;}
#statistics .item-block:nth-of-type(5) { margin-top:-49px;}
#statistics .item-block:nth-of-type(6) { margin-top:-66px;}
#statistics .item-block > .block .content { padding:7px;}
#statistics .item-block > .block .content > p { font-size:28px; } #informations h3 { margin-bottom:35px; }
#informations h4 { margin-top:38px;}
#informations .amBuildTable { margin-bottom:39px;}
#informations .amBuildTable > .item { padding:12px 0; } #contactus .gform_wrapper,
#contactus .gform_confirmation_wrapper { margin-top: 19px; margin-bottom: 42px;}
#contactus .gform_body .gform_fields > .gfield { margin-bottom:21px;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox label { padding-left:25px;}
#contactus .gform_body .gform_fields > .gfield input:not([type="checkbox"]),
#contactus .gform_body .gform_fields > .gfield textarea  {font-size:18px; padding:6px 16px; }
#contactus .gform_body .gform_fields > .gfield input[type="checkbox"] { top:5px;}
#contactus .gform_footer input[type="submit"] { min-width: 189px; font-size:18px; padding:17px 14px; }
#contactus .gform_wrapper .validation_error { margin-bottom: 18px; } #news h2 { margin-bottom:40px;}
.news .posts {margin:0 -12px;}
.news .posts > .post {padding:0 12px; }
.news .posts .date { left:14px; padding:9px; font-size:18px; }
.news .posts > .post .text { padding:12px 23px; min-height: 318px; padding-bottom:49px; }
.news .posts h3 { margin-bottom: 7px;}
.news .posts .readmore { bottom:26px;} .sale-rent h3 { margin:28px 0 4px;}
.tableDesign table thead > tr > th,
.tableDesign table tbody > tr > td { padding:6px 7px; }
.floorplanBuilding { margin-bottom: 42px; margin-top:27px;} .back-img { width:calc(25% - 14px); margin:6px 7px; }
.back-img:first-child { width:calc(50% - 14px);}
#listings .pictures { margin:0 -7px;}
#listings .general_info .row { padding:11px 0;}
#listings .general_info p.title { padding-right: 18px; }
#listings .general_contact { margin-top:32px;}
#listings .contact { padding-left:56px; }
#listings .wp_buttons { margin:14px -7px; }
#listings .wp_buttons > .wrap { padding:0 7px; }
#listings .frame { padding:53px 18px; } #blog .single-post { margin-top:-63px;  }
#blog .single-post ul { margin-left:18px; }
#blog .single-post .swp_social_panel:before {margin-bottom: 12px;}
#blog .justListed h5 { margin-bottom:35px;} .news .blog_category .posts > .post .text { padding:14px 32px; }
.news .blog_category .posts .date { left:35px;}
.news .blog_category .posts > .post:nth-of-type(2n) .date { right:35px;}
.news.category_sidebar { padding-bottom: 42px;}
.news .sidebar { min-width: 321px; }
.news .sidebar .wp_sidebar { padding:0 20px; }
.news .sidebar .categories { font-size:21px;}
.news .sidebar .categories li { margin:21px 0;}
.news .sidebar .archives .archive-year > a {font-size:21px; }
.news .sidebar .archives h5,
.news .sidebar .archives > ul > li { padding:14px 0;}
.news .sidebar .archives .archive-year,
.news .sidebar .archives a { font-size: 21px; } #widget_contact { top:235px;}
#widget_contact .portrait { width:79px; height:159px; }
#widget_contact .BigCircleRed { -webkit-border-top-left-radius: 111px; -webkit-border-bottom-left-radius: 111px;
-moz-border-radius-topleft: 111px; -moz-border-radius-bottomleft: 111px; border-top-left-radius: 111px; border-bottom-left-radius: 111px; width:111px; height: 168px; }
#widget_contact .circleRed { top:114px; right:17px; padding:28px 20px; }
#widget_contact .circleRed p { font-size:14px;}
#widget_contact .circleRed .dotWhite {width:45px; height: 14px; margin:6px 0 3px;}
}
@media all and (max-width: 1679px)  { body { font-size: .9375em; } .pad01 { padding:0 41px;} .pad03 { padding:0 81px;} .sectionPad01 { margin:28px 0;}
.sectionPad02 { margin:30px 0 56px;}
.sectionPad03 { margin:36px 0;}
.sectionPad04 { padding:72px 0;}
.sectionPad05 { padding:0 0 56px;}
.sectionPad06 { padding:11px 0;}
.sectionPad07 { padding:23px 0;}
.sectionPad08 { padding:36px 0 27px;}
.padHeader { margin-top:94px;} p,
#blog .single-post ul { margin-bottom:15px;} .Button { font-size:12px; padding:6px 9px; min-width: 90px; }
.Button.big { min-width: 162px; font-size:15px; padding:15px 12px; }
.Button.big.listing { padding:8px 3px;} .title24 { font-size: 15px; }
.title25 { font-size: 15px; }
.title30 { font-size: 18px; }
.title35 { font-size: 21px; }
.title40 { font-size: 24px; }
.title60 { font-size: 36px; }
.dots:before { margin-right: 30px;}
.dots:after { margin-left: 30px;}
.smallDotLeft:before {  margin-right: 8px; } header .logo { top:-14px; width:80px;}
header .topbar { padding:21px 0 0; }
header .blackbar { padding:9px 0; }
header .topbar ul { padding-left:75px;}
header .topbar ul > li > a { font-size:12px; padding:7px 15px 12px; }
header .blackbar ul > li { padding:0 9px; }
header .blackbar ul > li > a {font-size:12px; padding:6px 9px; min-width: 90px; }
header .blackbar nav > i { margin-left:12px; margin-right:5px; font-size:18px;}
header .blackbar nav > p > a { font-size:18px; }
header .topbar .menu > li > .sub-menu { top:31px;} footer { padding:36px 0 30px;	}
footer .logo { margin-right:11px; width:70px; }
footer .address .text p { font-size:14px; }
footer .newsletter { padding:0 30px; }
footer .newsletter h3 { font-size:14px; margin-bottom: 5px; }
footer .newsletter .gform_body { width: calc(100% - 6px - 90px); padding-right:6px; }
footer .newsletter input[type="text"] { font-size:14px; padding:6px 3px 6px 12px;}
footer .newsletter input[type="submit"] { font-size:14px;padding:6px 9px; min-width: 90px; }
footer .social li { margin:0 6px;}
footer .social li > a { font-size:21px;}
footer .wp_social h3 { margin-bottom: 8px;}
footer .nav-footer { margin-top:26px;}
footer .nav-footer .menu > li { padding:0 12px;}
footer .nav-footer .menu > li > a { font-size:12px;} #featuredProperties .buttons { margin:29px 0 36px;}
#featuredProperties .buttons > span { margin:0 9px; }
.saleRent { margin:8px -11px 17px;}
.saleRent .viewMore { margin-top:17px;}
.saleRent .item-properties { padding:0 11px; margin-bottom:20px; }
.saleRent .item-properties .text { padding:11px 12px 12px;}
.saleRent .item-properties .text h3 { margin-bottom:8px; }
.saleRent .item-properties .text p,
.saleRent .item-properties .text .price { font-size:12px; } #statistics .wp_blocks { margin:90px -23px 0;}
#statistics .item-block { padding:0 23px;}
#statistics .item-block:nth-of-type(2) { margin-top:-45px;}
#statistics .item-block:nth-of-type(3) { margin-top:33px;}
#statistics .item-block:nth-of-type(4) { margin-top:-56px;}
#statistics .item-block:nth-of-type(5) { margin-top:-42px;}
#statistics .item-block:nth-of-type(6) { margin-top:-57px;}
#statistics .item-block > .block .content { padding:6px;}
#statistics .item-block > .block .content > p { font-size:24px; } #informations h3 { margin-bottom:30px; }
#informations h4 { margin-top:33px;}
#informations .amBuildTable { margin-bottom:33px;}
#informations .amBuildTable > .item { padding:10px 0; } #contactus .gform_wrapper,
#contactus .gform_confirmation_wrapper { margin-top: 16px; margin-bottom: 36px;}
#contactus .gform_body .gform_fields > .gfield { margin-bottom:18px;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox label { padding-left:25px;}
#contactus .gform_body .gform_fields > .gfield input:not([type="checkbox"]),
#contactus .gform_body .gform_fields > .gfield textarea  {font-size:15px; padding:5px 14px; }
#contactus .gform_body .gform_fields > .gfield input[type="checkbox"] { top:4px;}
#contactus .gform_footer input[type="submit"] { min-width: 162px; font-size:15px; padding:15px 12px; }
#contactus .gform_wrapper .validation_error { margin-bottom: 15px; } #news h2 { margin-bottom:34px;}
.news .posts {margin:0 -11px;}
.news .posts > .post {padding:0 11px; }
.news .posts .date { left:12px; padding:8px; font-size:15px; }
.news .posts > .post .text { padding:11px 20px; min-height: 195px; padding-bottom:42px; }
.news .posts h3 { margin-bottom: 6px;}
.news .posts .readmore { bottom:22px;} .sale-rent h3 { margin:24px 0 3px;}
.tableDesign table thead > tr > th,
.tableDesign table tbody > tr > td { padding:5px 6px; }
.floorplanBuilding { margin-bottom: 36px; margin-top:23px;} .back-img { width:calc(25% - 12px); margin:5px 6px; }
.back-img:first-child { width:calc(50% - 12px);}
#listings .pictures { margin:0 -6px;}
#listings .general_info .row { padding:9px 0;}
#listings .general_info p.title { padding-right: 15px; }
#listings .general_contact { margin-top:27px;}
#listings .contact { padding-left:48px; }
#listings .wp_buttons { margin:12px -6px; }
#listings .wp_buttons > .wrap { padding:0 6px; }
#listings .frame { padding:45px 15px; } #blog .single-post { margin-top:-56px;  }
#blog .single-post ul { margin-left:15px; }
#blog .single-post .swp_social_panel:before {margin-bottom: 11px;}
#blog .justListed h5 { margin-bottom:30px;} .news .blog_category .posts > .post .text { padding:12px 27px; }
.news .blog_category .posts .date { left:30px;}
.news .blog_category .posts > .post:nth-of-type(2n) .date { right:30px;}
.news.category_sidebar { padding-bottom: 36px;}
.news .sidebar { min-width: 275px; }
.news .sidebar .wp_sidebar { padding:0 17px; }
.news .sidebar .categories { font-size:18px;}
.news .sidebar .categories li { margin:18px 0;}
.news .sidebar .archives .archive-year > a {font-size:18px; }
.news .sidebar .archives h5,
.news .sidebar .archives > ul > li { padding:12px 0;}
.news .sidebar .archives .archive-year,
.news .sidebar .archives a { font-size: 18px; } #widget_contact { top:150px;}
#widget_contact .portrait { width:68px; height:136px; }
#widget_contact .BigCircleRed { -webkit-border-top-left-radius: 69px; -webkit-border-bottom-left-radius: 69px;
-moz-border-radius-topleft: 69px; -moz-border-radius-bottomleft: 69px; border-top-left-radius: 69px; border-bottom-left-radius: 69px; width:69px; height: 144px; }
#widget_contact .circleRed { top:98px; right:14px; padding:24px 17px; }
#widget_contact .circleRed p { font-size:12px;}
#widget_contact .circleRed .dotWhite {width:39px; height: 12px; margin:5px 0 3px;}
}
@media all and (max-width: 1439px)  { body { font-size: 0.875em; } .pad01,
.pad03 { padding:0 25px;}
.sectionPad01 { margin:23px 0;}
.sectionPad02 { margin:25px 0 45px;}
.sectionPad03 { margin:30px 0;}
.sectionPad04 { padding:60px 0;}
.sectionPad05 { padding:0 0 45px;}
.sectionPad06 { padding:9px 0;}
.sectionPad07 { padding:19px 0;}
.sectionPad08 { padding:30px 0 23px;}
.padHeader { margin-top:85px;} p,
#blog .single-post ul { margin-bottom:15px;} .Button { font-size:12px; padding:5px 8px; min-width: 75px; }
.Button.big { min-width: 135px; font-size:14px; padding:12px 10px; }
.Button.big.listing { padding:7px 3px;} .title24 { font-size: 14px; }
.title25 { font-size: 15px; }
.title30 { font-size: 16px; }
.title35 { font-size: 18px; }
.title40 { font-size: 20px; }
.title60 { font-size: 30px; } header .logo { top:-12px; width:72px}
header .topbar { padding:17px 0 0; }
header .blackbar { padding:8px 0; }
header .topbar ul { padding-left:63px;}
header .topbar ul > li > a { font-size:12px; padding:3px 13px 7px; }
header .blackbar ul > li { padding:0 7px; }
header .blackbar ul > li > a {font-size:12px; padding:5px 8px; min-width: 75px; }
header .blackbar nav > i { margin-left:10px; margin-right:4px; font-size:15px;}
header .blackbar nav > p > a { font-size:15px; }
header .topbar .menu > li > .sub-menu { top:24px;} footer { padding:30px 0 25px;	}
footer .logo { margin-right:9px; }
footer .address .text p { font-size:14px; }
footer .newsletter { padding:0 25px; }
footer .newsletter h3 { font-size:14px; margin-bottom: 4px; }
footer .newsletter .gform_body { width: calc(100% - 5px - 75px); padding-right:5px; }
footer .newsletter input[type="text"] { font-size:14px; padding:5px 3px 5px 10px;}
footer .newsletter input[type="submit"] { font-size:14px;padding:5px 8px; min-width: 75px; }
footer .social li { margin:0 5px;}
footer .social li > a { font-size:18px;}
footer .wp_social h3 { margin-bottom: 7px;}
footer .nav-footer { margin-top:21px;}
footer .nav-footer .menu > li { padding:0 10px;}
footer .nav-footer .menu > li > a { font-size:12px;} #featuredProperties .buttons { margin:24px 0 30px;}
#featuredProperties .buttons > span { margin:0 8px; }
.saleRent { margin:6px -9px 14px;}
.saleRent .viewMore { margin-top:14px;}
.saleRent .item-properties { padding:0 9px; margin-bottom:17px; }
.saleRent .item-properties .text { padding:9px 10px 10px;}
.saleRent .item-properties .text h3 { margin-bottom:6px; }
.saleRent .item-properties .text p,
.saleRent .item-properties .text .price { font-size:12px; } #statistics .wp_blocks { margin:75px -19px 0;}
#statistics .item-block { padding:0 19px;}
#statistics .item-block:nth-of-type(2) { margin-top:-37px;}
#statistics .item-block:nth-of-type(3) { margin-top:27px;}
#statistics .item-block:nth-of-type(4) { margin-top:-47px;}
#statistics .item-block:nth-of-type(5) { margin-top:-35px;}
#statistics .item-block:nth-of-type(6) { margin-top:-47px;}
#statistics .item-block > .block .content { padding:5px;}
#statistics .item-block > .block .content > p { font-size:20px; } #informations h3 { margin-bottom:25px; }
#informations h4 { margin-top:27px;}
#informations .amBuildTable { margin-bottom:28px;}
#informations .amBuildTable > .item { padding:8px 0; } #contactus .gform_wrapper,
#contactus .gform_confirmation_wrapper { margin-top: 13px; margin-bottom: 30px;}
#contactus .gform_body .gform_fields > .gfield { margin-bottom:15px;}
#contactus .gform_body .gform_fields > .gfield .gfield_checkbox label { padding-left:25px;}
#contactus .gform_body .gform_fields > .gfield input:not([type="checkbox"]),
#contactus .gform_body .gform_fields > .gfield textarea  {font-size:14px; padding:4px 11px; }
#contactus .gform_body .gform_fields > .gfield input[type="checkbox"] { top:3px;}
#contactus .gform_footer input[type="submit"] { min-width: 135px; font-size:14px; padding:12px 10px; }
#contactus .gform_wrapper .validation_error { margin-bottom: 13px; } #news h2 { margin-bottom:28px;}
.news .posts {margin:0 -9px;}
.news .posts > .post {padding:0 9px; }
.news .posts .date { left:10px; padding:6px; font-size:14px; }
.news .posts > .post .text { padding:9px 16px; min-height: 163px; padding-bottom:35px; }
.news .posts h3 { margin-bottom: 5px;}
.news .posts .readmore { bottom:18px;} .sale-rent h3 { margin:20px 0 3px;}
.tableDesign table thead > tr > th,
.tableDesign table tbody > tr > td { padding:4px 5px; }
.floorplanBuilding { margin-bottom: 30px; margin-top:17px;} .back-img { width:calc(25% - 10px); margin:4px 5px; }
.back-img:first-child { width:calc(50% - 10px);}
#listings .pictures { margin:0 -5px;}
#listings .general_info .row { padding:8px 0;}
#listings .general_info p.title { padding-right: 13px; }
#listings .general_contact { margin-top:23px;}
#listings .contact { padding-left:40px; }
#listings .wp_buttons { margin:10px -5px; }
#listings .wp_buttons > .wrap { padding:0 5px; }
#listings .frame { padding:38px 13px; } #blog .single-post { margin-top:-45px;  }
#blog .single-post ul { margin-left:13px; }
#blog .single-post .swp_social_panel:before {margin-bottom: 9px;}
#blog .justListed h5 { margin-bottom:25px;} .news .blog_category .posts > .post .text { padding:10px 23px; }
.news .blog_category .posts .date { left:25px;}
.news .blog_category .posts > .post:nth-of-type(2n) .date { right:25px;}
.news.category_sidebar { padding-bottom: 30px;}
.news .sidebar { min-width: 229px; }
.news .sidebar .wp_sidebar { padding:0 14px; }
.news .sidebar .categories { font-size:16px;}
.news .sidebar .categories li { margin:15px 0;}
.news .sidebar .archives .archive-year > a {font-size:15px; }
.news .sidebar .archives h5,
.news .sidebar .archives > ul > li { padding:10px 0;}
.news .sidebar .archives .archive-year,
.news .sidebar .archives a { font-size: 15px; } #widget_contact { top:125px;}
#widget_contact .portrait { width:56px; height:114px; }
#widget_contact .BigCircleRed { -webkit-border-top-left-radius: 58px; -webkit-border-bottom-left-radius: 58px;
-moz-border-radius-topleft: 58px; -moz-border-radius-bottomleft: 58px; border-top-left-radius: 58px; border-bottom-left-radius: 58px; width:58px; height: 120px; }
#widget_contact .circleRed { top:81px; right:12px; padding:20px 14px; }
#widget_contact .circleRed p { font-size:10px;}
#widget_contact .circleRed .dotWhite {width:32px; height: 10px; margin:4px 0 2px;}
}
@media all and (max-width: 1199px)  {  .pad04 { padding:0 25px;} footer .nav-footer .menu > li > a { font-size:11px;}
.news .posts > .post:nth-of-type(2n+1) { clear:left;}
}
@media all and (max-width: 1023px)  { {} .saleRent .item-properties,
.news .posts > .post { width:50%;}
.news .posts > .post { margin-bottom: 17px; }
footer .nav-footer .menu > li { width:25%; box-sizing: border-box; margin-bottom: 10px; padding:0 5px; text-align: center;}
footer .nav-footer .menu > li + li { border:none;}
footer .column-footer.newsletter { width:65%;}
footer .column-footer.wp_social { width:100%; clear:left; margin-top: 15px;}
.news.category_sidebar { position:relative; padding-top:50px;}
.news .sidebar { position:absolute;z-index: 3; background-color:#FFF; width:229px; left: -229px; padding-top: 50px; margin-top:-50px;}
.news .sidebar .filter { display: inline-block; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; color: #FFF; position: absolute; top: 0; width: auto; left: 229px; background-color: #9F1230; padding: 5px 10px;
width:81px; cursor:pointer;}
.news .sidebar.active,
.news .sidebar.active .filter { left:0;}
}
@media all and (max-width: 833px)  { }
@media all and (max-width: 767px)  { .onlyDesktop { display:none;}
.onlyMobile { display: inline-block;}
#contactus .portrait > img { height: auto; width: 100%;}
#listings .general_contact .general_info,
#listings .general_contact .contact { float: none; width:100%; padding-left: 0;}
#listings .general_contact .contact  { margin-top: 25px;}
#statistics .item-block { padding:0 5px; }
footer .column-footer.address  { width:100%; justify-content: center;}
footer .column-footer.newsletter { width:100%; margin-top:25px;}
footer .column-footer.newsletter h3,
footer .column-footer.wp_social { text-align: center;}
footer .column-footer.wp_social > .social { display:table; margin:0 auto;} .topbar { min-height: 25px;}
.topbar nav { display: none;}
#toggleMenu { z-index: 100; position: fixed; top: 14px; right: 14px; cursor: pointer; }
#toggleMenu > i { color:#FFF; font-size: 18px;}
#mobileMenu { position: fixed; top:0; right:-100%; height: 100%; box-sizing: border-box; background-color: #000; z-index: 101; background-color:#000; box-sizing: border-box; padding: 48px 25px 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#mobileMenu.active { right:0; }
#mobileMenu .close { position:absolute; top:14px; right:14px; color:#FFF; text-transform: uppercase; font-size: 18px; cursor: pointer; font-weight: 700;}
#mobileMenu .menu li { margin:5px 0;}
#mobileMenu .menu li > a { color:#FFF; text-transform: uppercase; font-size:13px; line-height: 1.2em; text-decoration: none;}
#mobileMenu .menu li:hover > a,
#mobileMenu .menu li.current-menu-item > a,
#mobileMenu .close:hover { color:#9F1230;}
#mobileMenu .sub-menu li { margin-left: 20px;}
}
@media all and (max-width: 599px)  { #widget_contact { display:none;}
.padHeader { margin-top:134px; padding-top: 0}
.pad01, .pad03, .pad04, .pad02 { padding:0 15px;}
header .topbar { padding:5px 0 0;}
header .logo { top:inherit; position: relative; margin:0 auto; width:50px; }
header .topbar ul { padding:0; display: table; margin: 5px auto 0;}
header .blackbar nav { text-align: center;}
header .blackbar nav > div { display:block; margin:0 auto 5px;}
header.collapsed .blackbar { display:none;}
.letter150 { letter-spacing: 0;}
.dots:before { margin-right: 10px; }
.dots:after { margin-left: 10px; }
#statistics .item-block { width:50%; }
#statistics .item-block:nth-of-type(3) { clear: left;}
#statistics .item-block:nth-of-type(4) { margin-top: -10px;}
#statistics .item-block:nth-of-type(5) { margin-top: 27px; margin-left: 0;}
#statistics .item-block:nth-of-type(6) { margin-top:-10px; margin-left:0;}
#contactus .portrait,
.onlySup600 { display:none;}
#contactus .formContact  { float:none; width:100%;}
#contactus .gform_footer { text-align: center;}
#contactus .gform_footer input[type="submit"] { display:inline-block;}
footer .nav-footer .menu > li { width:50%; margin-bottom: 5px;}
footer .nav-footer .menu > li:nth-last-of-type(2n+1) { clear: left;}
.news .blog_category .posts .wp_post { display:block;}
.news .blog_category .posts .wp_post .text,
.news .blog_category .posts .wp_post .image { width:100%; float: none;}
.news .blog_category .posts > .post:nth-of-type(2n) .wp_post { text-align: left;}
.news .blog_category .posts > .post:nth-of-type(2n) .date { right: inherit; left:25px;}
header .topbar ul > li > a { padding: 7px 6px 12px; }
.tableDesign table.byTen thead > tr > th, .tableDesign table.byTen tbody > tr > td,
.tableDesign table.byEleven thead > tr > th, .tableDesign table.byEleven tbody > tr > td,
.tableDesign table.bySix thead > tr > th, .tableDesign table.bySix tbody > tr > td,
.tableDesign table.byHeight thead > tr > th, .tableDesign table.byHeight tbody > tr > td { font-size: 11px;}
header .blackbar ul > li { margin:5px 0;}
#toggleMenu { top: 18px; }
#amenities .amenity .image, #amenities .amenity .content { width:100%; }
#amenities .amenity .image::after { padding-bottom: 50%; }
#amenities .amenity .image { margin-bottom: 25px;}
#amenities .amenity:nth-of-type(2n) .content { padding-left:5%;}
#amenities .amenity { margin:20px 0;}
}
@media all and (max-width: 459px)  { .padHeader { margin-top: 172px;}
}
@media all and (max-width: 413px)  { header .topbar ul > li > a { padding:0 5px;}
header .blackbar ul > li { padding:0 2px;}
header .blackbar ul > li > a {  padding:5px;}
.dots:before,
.dots:after { display:none;}
.saleRent { margin:6px -4px 14px}
.saleRent .item-properties { padding:0 4px;}
#statistics .wp_blocks { margin:75px -5px 0; }
.news .posts { margin:0 -4px }
.news .posts > .post { padding:0 4px;}
footer .nav-footer .menu { width:100%;}
footer .nav-footer .menu > li:nth-last-of-type(2n+1) { clear: none;}
footer .nav-footer .menu > li:nth-last-of-type(2n) { clear: left;}
.tableDesign table.byTen thead > tr > th, .tableDesign table.byTen tbody > tr > td,
.tableDesign table.byEleven thead > tr > th, .tableDesign table.byEleven tbody > tr > td,
.tableDesign table.bySix thead > tr > th, .tableDesign table.bySix tbody > tr > td,
.tableDesign table.byHeight thead > tr > th, .tableDesign table.byHeight tbody > tr > td { font-size: 10px;}
header .topbar ul > li > a { font-size: 11px;}
}@font-face {
font-family: 'lg';
src: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/fonts/lg.eot?n1z373);
src: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//portofinoyachtclub.com/wp-content/themes/yatchclub/fonts/lg.woff?n1z373) format("woff"), url(//portofinoyachtclub.com/wp-content/themes/yatchclub/fonts/lg.ttf?n1z373) format("truetype"), url(//portofinoyachtclub.com/wp-content/themes/yatchclub/fonts/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//portofinoyachtclub.com/wp-content/themes/yatchclub/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}