/* LAYOUT */ .logo { z-index: 60; position: absolute; display: inline-block; } .header { z-index: 50; top:0; width: 100%; } .columns { padding:0 45px 0 45px;} .row { max-width:1600px;} .bucket { max-width: 450px; padding: 30px; top: 0; bottom: 0; margin: auto; left: 135px; position: absolute; display: flex; align-items: center;justify-content: left;text-align: left;} #page-image {height:400px !important; background-size:cover; background-position:center} #content { max-width: 800px; padding: 40px 20px; margin: auto; } a#vip-button { display: none; visibility:hidden; position: fixed; top: 30px; right: 30px; font-size: 14px; padding-top: 14px; padding-bottom: 14px; padding-left: 25px; padding-right: 25px; background-color: #000000; color: #ffffff; z-index: 9999999; text-transform: uppercase; font-weight: 600; letter-spacing: .08rem; } a#vip-button:hover {background:#84aeb6} /* NAVIAGATION */ #nav-menu { z-index: 30; position: fixed;right:50px;top:20px} #nav-menu ul { text-align: left; display: inline; margin: auto; list-style: none; width: auto; } #nav-menu ul li { display: inline-block; margin-right:0; margin-bottom: 0; position: relative; padding: 0 5px 0 5px; background: none; cursor: pointer;} #nav-menu ul li:first-child { padding: 0 5px 0 0px; border-left:0;} #nav-menu ul li:last-child { padding: 0 0px 0 5px;} #nav-menu ul li a { text-transform: uppercase; font-family: "proxima-nova",sans-serif; color: #0a4159; font-weight: 500; background: #fff; padding: 5px; width: 150px;font-size: .9rem;text-align: center;} #nav-menu ul li ul { padding: 16px 0 0 0; position: absolute; top: 30px; left: 0px; width: 200px; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } #nav-menu ul li ul li { background: #63656a; border-bottom: 1px solid #fff; display: block; text-align: left; padding:10px; } #nav-menu ul li ul li:last-child { border-bottom: 0; } #nav-menu ul li ul li a { color: #fff; display: block } #nav-menu ul li ul li a:hover { color: #fff; } #nav-menu ul li:hover ul { display: block; opacity: 1; visibility: visible; } #nav-menu .active>a { background: none; } #nav-menu ul li:hover ul { display: block; opacity: 1; visibility: visible; } .menu>li>a { padding: 0;} /* SOCIAL MEDIA FOOTER*/ .sm-menu { position: absolute;width: max-content; right: 0; top: 0;} .sm-menu li { list-style-type: none; display: block; } .sm-menu li a { font-size:0; display: block; width: 24px; height: 24px; } .sm-menu li.sm { display: inline-block; padding: 0; margin: 0 0 0 5px; width:24px; height:24px;} .sm-menu li.fb { background: url(../images/sm/facebook/facebook-svg.svg) center no-repeat; } .sm-menu li.fb:hover { background: url(../images/sm/facebook/facebook-svg.svg) center no-repeat} .sm-menu li.tw { background: url(../images/sm/twitter/twitter-svg.svg) center no-repeat } .sm-menu li.tw:hover { background: url(../images/sm/twitter/twitter-svg.svg) center no-repeat } .sm-menu li.li { background: url(../images/sm/linkedin/linkedin-svg.svg) center no-repeat} .sm-menu li.li:hover { background: url(../images/sm/linkedin/linkedin-svg.svg) center no-repeat} /* SOCIAL MEDIA SUPERFLY*/ .menu-social-media-container { width: max-content; margin: auto; } .menu-social-media-container li { list-style-type: none; display: block; } .menu-social-media-container li a { font-size: 0; display: block; width: 30px; height: 30px; border-radius: 0 } .menu-social-media-container li.sm { display: inline-block; padding: 0; margin: 0 0 0 3px; width: 30px; height: 30px; } .menu-social-media-container li.fb { background:#003858 url(../images/sm/facebook/facebook-24.png) center no-repeat; margin: 0 } .menu-social-media-container li.fb:hover { background:#62a5b9 url(../images/sm/facebook/facebook-24.png) center no-repeat} .menu-social-media-container li.tw { background:#003858 url(../images/sm/twitter/twitter-24.png) center no-repeat } .menu-social-media-container li.tw:hover { background:#62a5b9 url(../images/sm/twitter/twitter-24.png)center no-repeat } .menu-social-media-container li.ig { background:#003858 url(../images/sm/instagram/instagram-24.png)center no-repeat} .menu-social-media-container li.ig:hover { background:#62a5b9 url(../images/sm/instagram/instagram-24.png)center no-repeat} .pum-theme-433 .pum-container, .pum-theme-lightbox .pum-container { padding: 40px; border-radius: 0; border: 0 !important; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: #b0ccd9 !important; } div#pum_popup_title_438 { font-family: "proxima-nova",sans-serif !important; text-align: center; color: #0a4159 !important; margin: 0 0 20px 0; text-transform: uppercase; font-weight: 700; letter-spacing: .5rem; } .pum-container.pum-responsive.pum-responsive-medium { margin-left: 0; max-width: 600px !important; margin: auto; } div#pum_popup_title_438 { font-family: "proxima-nova",sans-serif !important; text-align: center; color: #0a4159 !important; margin: 0 0 20px 0; } .pum-container h2 { font-family: "proxima-nova",sans-serif; font-size: 1.25rem; line-height: 1.75rem; color: #0a4159 !important; } .pum-container p { line-height: 1.25rem;} @media only screen and (max-width:980px) { .top {padding:50px; text-align: center} .bottom{padding:50px; text-align: center} h3 {font-size: 1.25rem; line-height: 1.5rem} .add-padding {padding:20px;}.middle-row {padding:0px} .entry-content {padding:0px 20px 0px 20px} h2 { font-size: .975rem; line-height: 1rem; } } @media only screen and (max-width: 768px){ div#popmake-531 { display: none !important; visibility: hidden !important; } } @media only screen and (max-width: 600px) { .bucket {left:auto; right:0;position:relative;} .bucket.wpb_column.vc_column_container.vc_col-sm-12 { padding: 0; } }