/* BODY{color:black;margin:0;font-weight:normal;font-size:12px;font-style:normal;font-family:Verdana,Arial,Helvetica,sans-serif} */ h1,h2,h3,h4,.PageHeader{ font-family: 'Montserrat', helvetica, arial, sans-serif; } h1,.PageHeader{ font-size: 28px; } h1, h2 { font-weight: 800; letter-spacing: -1.8px; } h2{ font-size: 24px; } h3{ font-size: 20px; } h4{ font-size: 16px; } /* a:link{color:#0253b7;text-decoration:none} a:visited{color:#0253b7;text-decoration:none} a:hover{text-decoration:underline} */ .container-mm { width: 100%; max-width: 1200px; padding: 0 20px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #MainContent{ border:0; background-color:white; width:100%; border-spacing:0; margin:0; display:table; } #pg_Home #MainContent,#pg_SpaceSearch #MainContent{margin:0 auto} /* #LanguageWrap{position:absolute;top:3px;right:13px;width:260px;text-align:right;z-index:1005} #LanguageWrap .LanguageSelector{float:right;right:-5px;left:auto;top:-8px} #LanguageWrap .LanguageHead{text-align:right} .LanguageHead a,#LanguageWrap a{FONT-SIZE:10px;font-weight:bold;FONT-STYLE:normal;FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif} */ #pg_RequestForm #frmGroup .Button{font-size:26px} #pg_RequestDetailsR #ContentInner{max-width:800px} #pg_RequestDetailsR header{position:absolute} #ContentInner{ margin:0 auto; display:table; width:100%; border:0; background-color: #fff; min-height:400px } #pg_RequestForm #ContentInner{max-width:100%; padding-bottom: 50px;} #pg_Home #ContentInner,#pg_SpaceSearch #ContentInner{max-width:100%} #pg_EventsCalendar #MainContent{background-color:#fcf5f5;margin:0 auto} #pg_EventsCalendar #Intro{padding:24px 50px} #pg_SpaceSearch #checkboxes{font-size:11px} #pg_SpaceSearch ul#filterBar label{font-size:11px} #pg_SpaceSearch h1,#pg_EventsCalendar h1{ color: #051f2e; } #pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{padding:8px} img{border:0} #lastactive{width:0px;height:3px;border:0} select{padding:3px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;border:1px solid #98abab} input.Shadow{padding:3px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;border:1px solid #98abab} textarea.Shadow{padding:3px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;border:1px solid #98abab} .large{font:16px/1em Arial,HelveticaNeue,sans-serif;padding:7px 10px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px} .Button, .button, .Button:visited, .button:visited { background:#5ca2db; background-color:#5ca2db; display: inline-block; font-size: 18px; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'Montserrat', helvetica, arial, sans-serif; background-color: #051f2e; color: white !important; padding: 10px 15px; border:0; -webkit-appearance: none; -webkit-border-radius: 0; } .Button:hover, .Button:focus, .button:hover, .button:focus { background-color: #194B68; cursor:pointer; } nav.Navbar{FONT-WEIGHT:bold;FONT-SIZE:12px;COLOR:#fff;FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif;padding:5px 4px;margin:0 auto;width:100%;max-width:800px} nav.Navbar a,nav.Navbar a:link,nav.Navbar a:visited{text-decoration:none;padding-left:3px;padding-right:3px;font-weight:bold} nav.Navbar a:hover{text-decoration:underline} .nav-li-a{position:relative;display:block;padding:10px 0 5px 0 !important;margin-left:15px;margin-right:15px;margin-top:23px;border-bottom:3px solid transparent;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear} .lessbs .nav>li>a:hover,.lessbs .nav>li>a:focus{background-color:#fff} .nav-li-a:hover,.nav-li-a:focus{text-decoration:none;border-bottom:3px solid #5ca2db} header .dropdown-menu{width:100% !important} .container-fluid{max-width:1400px;position:relative} .nopadding{padding:0 !important;margin:0 !important} #Row2 #box2-picture #picture-caption .venue-name{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block} #LanguageWrap{display:none} #SearchBox{padding:30px;width:100%;position:relative !important;margin-bottom:45px;margin-top:-20px;border-right:4px solid white} @media(max-width:1024px){ .navbar-header{float:none} .navbar-left,.navbar-right{float:none !important} .navbar-toggle{display:block} .navbar-collapse{border:0 !important;box-shadow:none !important} .navbar-fixed-top{top:0;border-width:0} .navbar-collapse.collapse{display:none !important} .navbar-nav{float:none !important} .navbar-nav>li{float:none;margin:0} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px} .collapse.in{display:block !important;background:#1b2b38;margin-left:-15px;margin-right:-15px;padding:0} .nav-li-a .fa{padding-right:3px !important} .nav-li-a{font-size:22px !important;position:relative;display:block;padding:15px 25px !important;margin:0;border:0;color:white !important} header .light-button{position:absolute;top:-9000px;left:-9000px;padding:0 !important;float:none !important;border-bottom:3px solid transparent;font-size:1px !important} header .light-button:hover{text-decoration:none;border-bottom:3px solid #5ca2db} } #subnav li{list-style:none;display:inline-block} #subnav a:link,#subnav a:active,#subnav a:visited{padding:11px 20px;font-size:12px;display:inline-block;text-decoration:none;color:#a9bccc} #subnav a:hover{color:#fff;background:#1d5176} #subnav{background:#073658} #subnav ul{ margin:0 auto; max-width:1200px } .navbar-nav li:last-child{height:0} .container-fluid{max-width:1200px} @media(max-width:1024px){.lessbs .navbar-nav{overflow:hidden}}@media(max-width:850px){#social-icons{display:none}}.lessbs a.light-button{padding:8px 15px 12px!important;margin-left:11px}.lessbs .nav > li > a:hover{background:none}#pg_RequestForm .FormHeaderSolid{font-size:14px;font-family:Arial,Helvetica,sans-serif;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top:1px solid #E4E4E4;padding-top:12px;color:#4c89bc}#pg_RequestForm #start-here{margin-top:12px}#pg_RequestForm #card .front{background:#253f55}#pg_RequestForm #card .back{background:#2d618d;border-top:3px solid #fff;display:none}#pg_RequestForm #options a:link{font-size:17px;background:#fff;padding:12px 22px 14px;border:0 0 3px 0;position:absolute;top:80px;right:10px;outline:0;cursor:pointer}#pg_RequestForm #flipFront{border-bottom:3px solid #ffd251 !important}#pg_RequestForm #flipBack{border-bottom:3px solid #051f2e !important;display:none}#pg_RequestForm #frmGroup .Button{font-size:21px}#pg_RequestForm .Button,.button,.Button:visited,.button:visited{background:#e4b936}#pg_RequestForm .Button:hover{background:#f2c846}#pg_RequestForm .front .thumbnail{background:url(/Common/Images/_Meetings/Request/meetings-negotiate-online.jpg) no-repeat center top #fff;background-size:cover}#pg_RequestForm #start-here{background:url(/Common/Images/_Meetings/Request/start-here-blank.png) no-repeat center}#pg_RequestForm .back .thumbnail{background:url(/Common/Images/_Meetings/Request/meetings-rooms-hotel-blocks.jpg) no-repeat center top #fff;background-size:cover}#pg_RequestForm #slideshow{background:url(/Common/Images/_Meetings/Request/meeting-hotel-quotes.jpg) no-repeat center;background-size:cover} #pg_RequestForm .slideshow-header{background-color:rgba(255,255,255,0.85)} #pg_RequestForm #free-service{float:right;width:500px;padding:17px} .bulleted{background:url(/Common/Images/_Meetings/arrow.png) no-repeat left} .MSIE7 footer ul li,.MSIE7 header ul li{zoom:1;display:inline!important} #pg_RequestForm #MainContent{margin-top:0} @media (min-width: 800px){ #pg_RequestForm input.datepicker,#pg_GroupPost input.datepicker{background:url(/Common/Images/dates_icon.png) no-repeat 116px 5px #fff} } #frmRequest .form-header{ font-size: 15px; font-family:Arial,Helvetica,sans-serif; font-weight:700; text-shadow:none; background-color:#fff; border-top:1px solid #E4E4E4; padding-top:12px; color:#4c89bc; padding-left: 0; } @media(max-width:767px){ #pg_RequestForm #free-service{float:none;clear:both;width:100%;padding:0} #pg_RequestForm .back .thumbnail{background-position:0 -27px} } .st_Group #MainContent{margin:0 auto}/*.st_Group #ContentInner{padding-top:15px}*/ #pg_ContactUs #ContentInner,#pg_SpaceSearch #ContentInner{padding-top:0} #Flag-Wrap{float:right;/*margin-top:3px*/} #flag-e{z-index: 10;position: relative} /* NEW CSS */ * { margin: 0; padding: 0; border: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input { border: 1px solid #CBCBCB; background-color: #fff; } .clear { clear: both; line-height: 0; height: 0; width: 100%; } body.mtg-fullwidth { background-color: #fff; margin: 0 } body { margin: 0; color: #001521; font-family: arial, helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input:focus { outline: 0 } body#pg_PlannerBio, body#pg_Services, body#pg_Contact, body#pg_RFP_request { background-color: #fff } header { border-bottom: 1px solid #eee; line-height: 1; position: relative; background-color: #fff; z-index: 300; height: 80px; } header:after { content: ""; clear: both; width: 100%; height: 0; } .container-meetings { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; } #list-results { padding: 150px 0; overflow: hidden; } #logoLink { display: inline-block; line-height: 0 } #logo { padding: 10px 0 10px 5%; width: auto; max-height: 79px; } header ul#navbar { float: right } header ul#navbar li { display: block; float: left; position: relative; } header ul#navbar li a, header ul#navbar li a:link, header ul#navbar li a:visited { display: block; color: #051f2e; padding: 30px 40px; height: 80px; cursor: pointer; text-decoration: none; border-left: 3px solid transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } header ul#navbar li:hover a, header ul#navbar li a:hover { color: #fff; background-color: #051f2f; } header ul#navbar li:hover > a, header ul#navbar li > a:hover { border-left: 3px solid #FFD251; } header ul#navbar > li a, header ul#navbar > li a:link, header ul#navbar > li a:visited { max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #toggle { width: 85px; display: none; padding: 25px 25px; vertical-align: middle; float: right; cursor: pointer; } #toggle span { height: 4px; width: 100%; background-color: #0b202e; display: block; margin-bottom: 4px; } #profile-column { /*position: absolute;*/ top: 0; z-index: 1; background-color: #F2F2F2; padding: 0; width: 355px; left: 0; /*height: 100%;*/ position: relative; position: absolute; min-height: 100%; } #profile-column #info-container { padding: 40px 15%; } .relative { position: relative } #container { /*width: 100%; position: relative; right: 0; padding: 65px 7% 110px 43%; min-height: 1000px;*/ position: relative; right: 0px; min-height: 1050px; overflow: hidden; margin: 0px auto; max-width: 1000px; margin-top: 40px; margin-bottom: 50px; background-color: #fff; padding-left: 355px; -webkit-box-shadow: 0px 64px 107px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 64px 107px rgba(0, 0, 0, 0.09); box-shadow: 0px 64px 107px rgba(0, 0, 0, 0.09); } #ContentInner.Planner_Profile { background-color: #F8F8F8 } #content-column { width: 100%; position: relative; padding: 0; padding: 100px 90px; } .Planner_Profile #ContentInner { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4 2,ededed 100 */ background: rgb(244,244,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(244,244,244,1) 2%, rgba(237,237,237,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(244,244,244,1) 2%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(244,244,244,1) 2%,rgba(237,237,237,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } #profile-column figure { background-color: rgba(0,0,0,0.15); line-height: 0; max-height: 400px; overflow: hidden; } #profile-column figure img { width: 100%; height: auto; } #reviews { background-color: #192229; padding: 110px 10% ; color: #ccc; clear: both } #reviews .border-btn { margin-top: 50px; width: 100%; text-align: center; } #reviews quote { font-size: 35px; font-weight: 700; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; line-height: 1.2; } #reviews .author { font-family: 'Playfair Display','Times New Roman', Georgia, serif; font-style: italic; font-size: 20px; display: block; margin-top: 30px; } .review { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .review.hidden { overflow: hidden; max-height: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; padding: 0; margin: 0; } /************************************************/ /**************** GENERAL CSS ******************/ /**********************************************/ a, a:link, a:visited /*, .mtg-fullwidth a, .mtg-fullwidth a:link, .mtg-fullwidth a:visited, #Events a, #Events a:link, #Events a:visited */ { color: #003656; text-decoration: none; } #Events a, #Events a:link, #Events a:visited { text-decoration: underline } .mtg-fullwidth a:hover { text-decoration: underline } .dark-button, a.dark-button, a.dark-button:link, a.dark-button:visited { color: #fff; font-size: 20px; font-weight: bold; text-align: center; max-width: 230px; cursor: pointer; text-decoration: none; display: inline-block; background-color: #051f2f; padding: 18px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; overflow: hidden } #profile-column span.text-z, #profile-column span.bg { margin: 0 } span.text-z { z-index: 2; position: relative; } span.bg { display: block; background-color: #0b3045; height: 100%; width: 0%; position: absolute; top: 0; left: 50%; z-index: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .dark-button:hover span { width: 100%; left:0% } .dark-button:hover, a.dark-button:hover { background-color: #C8C8C8; } button.dark-button:hover { background-color: #051f2f; } .border-btn, a.border-btn, a.border-btn:link, a.border-btn:visited { border: 2px solid #999; color: #fff; padding: 20px 30px; display: inline-block; text-decoration: none; color: #999; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 15px; cursor: pointer; background-color: transparent; -webkit-appearance: none; } .border-btn:hover, a.border-btn:hover { color: #fff; border: 2px solid #fff; } hr { display: block; height: 2px; background-color: #d8d8d8; margin-bottom: 40px; margin-top: 25px; width: 25%; min-width: 60px; } #pg_PlannerBio hr { margin-bottom: 25px; } h1,h2,h3,h4,h5 { font-family: 'Montserrat', helvetica, arial, sans-serif; line-height: 1.1; margin-bottom: 30px; } h1 { font-size: 50px; color: #051f2e; } h2 { font-size: 60px } h5 { font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; font-weight: 900; font-size: 38px } /************************************************/ /***************** HOMEPAGE * ******************/ /*********************************************/ #pg_Homepage header { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; border: 0; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.05); box-shadow: 0px 2px 5px rgba(0,0,0,0.05); } #pg_Homepage { padding-top: 80px; } #top-box i { font-weight: normal; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; } .mtg-fullwidth section { padding: 170px 20px; display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section#TopForm .sub-headline { color: #fff; margin: 0; } section#TopForm { background-color: #0e222f; padding-right: 360px; border-right: 160px solid #ffd251; } /* .MSIE10 section#TopForm { display: none } */ section#TopForm h1 { color: #fff } section#TopForm #homepage-form { position: absolute; top: 70px; right: -80px; background-color: #fff; padding: 50px; width: 350px; z-index: 1; text-align: left; padding-top: 90px; display: block; } #homepage-form #tabs { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #eee; } #tab1 { border-right: 1px solid #eee } #tabs a, #tabs a:link, #tabs a:visited { width: 50%; display: block; cursor: pointer; background-color: #f9f9f9; font-weight: bold; float: left; padding: 20px 0; text-align: center; font-size: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #tabs a:hover { background-color: #e7e7e7; text-decoration: none; } section#TopForm input, section#TopForm textarea { background-color: #f2f2f2; display: block; padding: 12px 15px; width: 100%; font-size: 17px; border: 1px solid #CBCBCB; } section#TopForm fieldset { display: block; margin-bottom: 10px } section#TopForm .dark-button { background-color: #0f4e6e; width: 100%; max-width: none; } section#Slogan-uno, section#Slogan-dos, section#Slogan-tres { background-color: #e8f4f7; padding: 170px 10%; text-align: center; } section#Slogan-uno div { background-color: #fff; padding: 100px; } section#Slogan-uno h2, section#Slogan-uno p { margin-left: auto; margin-right: auto; max-width: 700px; } section#Slogan-dos { background-color: #fff } section#Slogan-dos .serif-caps, section#Slogan-dos h2 { max-width: 800px; margin-left: auto; margin-right: auto } .serif-caps { display: block; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; text-transform: uppercase; letter-spacing: 10px; font-size: 13px; margin-bottom: 30px; } a.alternative, a.alternative:link, a.alternative:visited { font-family: 'Montserrat', helvetica, arial, sans-serif; text-transform: capitalize; font-size: 25px; color: #ffd251; text-transform: uppercase; font-weight: bold; margin-top: 70px; display: block; } #boxContractNegotiations.service-box i { background-image: url("/Common/Images/_Meetings/v2/icon2.png"); } #boxConferenceManagement.service-box i { background-image: url("/Common/Images/_Meetings/v2/icon3.png"); } #boxHousingManagement.service-box i { background-image: url("/Common/Images/_Meetings/v2/icon4.png"); } #boxRegistrationManagement.service-box i { background-image: url("/Common/Images/_Meetings/v2/icon5.png"); } #boxMobileApps.service-box i { background-image: url("/Common/Images/_Meetings/v2/icon6.png"); } /************************************************/ /**************** PROFILE PAGE ******************/ /**********************************************/ #profile-column span { display: block; margin-bottom: 10px; } #profile-column .profile-name { font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; font-weight: 700; font-size: 32px; color: #051f2e; line-height: 1.1; } #profile-column .profile-title { text-transform: uppercase; font-size: 14px; line-height: 1.2; } #profile-column .dark-button { display: block; margin-bottom: 5px; } #profile-column span.contact-info { margin-bottom: 25px; } #social-media-profile { margin-top: 25px; } ul#social-media-profile li { float: left; margin-right: 15px; } /****/ #content-column quote { color: #003656; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; font-weight: 900; font-size: 40px; line-height: 1.2; margin-bottom: 50px; display: block; } .content-title { color: #ffd251; display: block; font-size: 30px; margin-bottom: 30px; font-family: 'bebas-neue', 'Montserrat', helvetica, arial, sans-serif; font-weight: normal; letter-spacing: 10px; text-transform: uppercase; font-weight: normal; line-height: 1.2; } .sub-headline { font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; font-size: 45px; line-height: 1.2; margin-bottom: 35px; font-style: italic; font-weight: normal; } .default-form { margin: 0; } .default-form label { display: block; margin-bottom: 5px; } .default-form input, .default-form textarea { border: 1px solid #CBCBCB; background-color: #F2F2F2; font-size: 18px; padding: 15px; display: block; width: 100%; max-width: 400px; font-family: helvetica, arial, sans-serif; } .group-field { margin-bottom: 15px; } #pg_Contact #getintouch-btn { display: none } /************************************************/ /**************** SEARCH PAGE ******************/ /**********************************************/ #top-searchbar { background-color: #eff7f9; display: block; padding: 150px 0; text-align: center; position: relative; overflow: hidden; background-image: url("/Common/Images/_Meetings/v2/search_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: cover; } #pg_ApplyAssociate #top-searchbar { text-align: left; padding-left: 40%; } #pg_ApplyAssociate #top-searchbar * { margin-left: 0; text-align: left; } #pg_ApplyAssociate #top-searchbar ul { margin: 30px 0; background-color: #051f2e; display: inline-block; color: #fff; font-size: 18px; line-height: 1.2; position: relative; z-index: 11; } #pg_ApplyAssociate #top-searchbar li { display: list-item; list-style: disc; list-style-position: inside; padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.1); } #pg_ApplyAssociate #top-searchbar li:last-of-type { border: 0; } #top-searchbar .container-meetings { z-index: 30; } #top-searchbar h1 { font-family: 'Montserrat', helvetica, arial, sans-serif; text-transform: uppercase; font-size: 75px; line-height: 1.1; max-width: 800px; margin: 0 auto; margin-bottom: 30px; } #top-searchbar p { margin: 0px auto; width: 100%; max-width: 60%; } #top-searchbar h1 span { display: block; font-style: italic; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; text-transform: none; font-weight: normal; line-height: 1; margin: 0 auto; margin-bottom: 35px; max-width: 80%; } form#search-planner { position: relative; margin: 0 auto; margin-top: 40px; width: 100%; max-width: 80%; } input#SearchString { font-size: 40px; padding: 22px 35px; background-color: #fff; border: 0; width: 100%; -webkit-box-shadow: 0px 30px 70px rgba(114,167,200,0.6); -moz-box-shadow: 0px 30px 70px rgba(114,167,200,0.6); box-shadow: 0px 30px 70px rgba(114,167,200,0.6); } input#SearchString:focus { border: 0; outline: 0; -webkit-box-shadow: 0px 30px 70px rgba(114,167,200,0.86); -moz-box-shadow: 0px 30px 70px rgba(114,167,200,0.86); box-shadow: 0px 30px 70px rgba(114,167,200,0.86); } ::-webkit-input-placeholder { color: #abc1ce; } :-moz-placeholder { color: #abc1ce; } ::-moz-placeholder { color: #abc1ce; } :-ms-input-placeholder { color:#abc1ce; } form#search-planner button { position: absolute; right: 0; top: 0; padding: 20px 30px; background-color: #051f2e; z-index: 10; color: #ffd251; font-size: 30px; height: 100%; cursor: pointer; } #top-searchbar h1, #top-searchbar p, #top-searchbar input { position: relative; z-index: 10; } #layer1 { z-index: 1; top: 120px; left: 0; width: 100%; font-family: 'Montserrat', helvetica, arial, sans-serif; font-size: 350px; font-weight: bold; color: #ddf0f5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #layer2 { z-index:3; width: 358px; height: 664px; bottom: 0px; left: 5%; background-image: url("/Common/Images/_Meetings/v2/layer2.png"); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: contain; } #pg_ApplyAssociate #layer2 { background-image: url("/Common/Images/_Meetings/v2/layer2_female.png"); left: 4%; width: 500px; background-size: contain; height: 1120px; } #layer3 { z-index: 2; right: -400px; bottom: -50px; width: 1091px; height: 555px; background-image: url("/Common/Images/_Meetings/v2/layer3.png"); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: contain; } #pg_ApplyAssociate #layer3 { right: auto; left: -350px; } #layer1, #layer2, #layer3 { position: absolute; } .bubble { position: absolute; top: 120px; left: 35%; text-align: left; line-height: 1.2; z-index: 10; color: #fff; padding: 20px 30px;; background-color: #051f2e; display: block; max-width: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .bubble:after { content: ""; z-index: 1; background-color: #051f2e; position: absolute; right: 40px; top: -5px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #top-searchbar #homepage-form { position: relative; } form#search-planner .bubble { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; margin-top: -10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } form#search-planner:hover .bubble { margin: 0; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /***/ .link-absolute { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 5; } .profile-result { margin: 0 auto; margin-bottom: 20px; min-height: 175px; border: 1px solid #d5e2e9; padding: 20px; padding-left: 175px; position: relative; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s cubic-bezier(.84,.3,.23,.96); -moz-transition: all 0.4s cubic-bezier(.84,.3,.23,.96); -o-transition: all 0.4s cubic-bezier(.84,.3,.23,.96); transition: all 0.4s cubic-bezier(.84,.3,.23,.96); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .profile-result:hover { border: 1px solid transparent; background-color: #051f2e; z-index: 300; -webkit-box-shadow: 0px 24px 43px rgba(23,45,71,0.3); -moz-box-shadow: 0px 24px 43px rgba(23,45,71,0.3); box-shadow: 0px 24px 43px rgba(23,45,71,0.3); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .profile-result::after, .profile-result::before { content: ""; position: absolute; border: 7px solid #ffd251; width: 50px; height: 50px; z-index: 300; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease } .profile-result::after { border-right: 0; border-bottom: 0; top: 0; left: 0; } .profile-result:before { right: 0; bottom: 0; border-left: 0; border-top: 0; } .profile-result:hover:after, .profile-result:hover:before { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .profile-result:hover:after { top: -25px; left: -25px; } .profile-result:hover:before { bottom: -25px; right: -25px; } .result-name { font-size: 23px; font-weight: bold; display: block; margin-bottom: 8px; color: #051f2e } #pg_FindPlanner .thumbnail { width: 100%; max-width: 135px; height: 135px; overflow: hidden; position: absolute; left: 20px; top: 20px; z-index: 1; background-color: #d7d7d7; line-height: 0; } #pg_FindPlanner .thumbnail img { width: 100%; } .profile-result p { font-size: 15px; width: 33.333%; float: left; line-height: 1.3; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-result:hover p { color: #c8c8c8 } .profile-result:hover .result-name { color: #ffffff } .result-name, .profile-result p { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .detailed-information span { display: block; overflow: hidden; text-overflow: ellipsis; } a#next-page.dark-button { width: 100%; max-width: none; font-size: 50px; padding: 100px 0; } #pg_FindPlanner #sort-by { display: block; text-align: left; overflow: hidden; margin-bottom: 50px; overflow: hidden; } #pg_FindPlanner #sort-by li { display: inline-block; text-align: center; } #pg_FindPlanner #sort-by a, #pg_FindPlanner #sort-by a:link, #pg_FindPlanner #sort-by a:visited, #pg_FindPlanner #sort-by #pages-total { text-transform: uppercase; font-size: 18px; font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: 300; line-height: 1.1; display: block; padding: 15px 40px; cursor: pointer; text-decoration: none; } #pg_FindPlanner #sort-by a:hover { background-color: #e8f4f7; } #pg_FindPlanner #sort-by a.active, #pg_FindPlanner #sort-by a.active:link { background-color: #051f2e; color: #fff; } #pg_FindPlanner #sort-by #pages-total { float: right; text-align: right; padding-right: 0; cursor: default; font-weight: 400 } /* Slogan **************************/ section#Slogan-tres { text-align: left; overflow: hidden; } section#Slogan-tres .columns { width: 30%; float: left; padding: 0 35px; height: 600px; position: relative; text-align: left; } section#Slogan-tres .columns div { height: 100%; } section#Slogan-tres #column1.columns { padding-left: 0 } section#Slogan-tres #column3.columns { padding-right: 0 } section#Slogan-tres #column2.columns { width: 40%; background-color: #051f2e; color: #fff; padding: 80px; } section#Slogan-tres #column2.columns p { border-left: 3px solid #374c58; padding-left: 30px; } section#Slogan-tres h2 { font-size: 40px; } section#Slogan-tres #square-1, section#Slogan-tres #square-2 { padding: 60px; height: 290px; background-color: #fff; margin-bottom: 20px; } section#Slogan-tres #square-2 { background-color: #ffd251 } section#Slogan-tres #png-overlay { background-color: #fff; } #png-overlay figure { position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; height: 615px; background-image: url("/Common/Images/_Meetings/v2/overlay1.png"); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: contain; } /******************************/ .full-width { /*image*/ min-height: 550px; background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: cover; } section#Bg1 { background-image: url("/Common/Images/_Meetings/v2/bg1.jpg"); } /* Services *****************************/ section#Services { text-align: center; } section#Services h2 { max-width: 900px; margin: 0 auto; margin-bottom: 80px; } .service-box { width: 30%; display: inline-block; border: 2px solid #f1f1f1; position: relative; text-align: center; padding: 55px; padding-bottom: 70px; margin-right: 2.9%; margin-bottom: 3%; /*min-height: 480px;*/ vertical-align: top; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .service-box p { height: 145px; overflow: hidden; } .service-box a, .service-box a:link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .service-box:hover { border: 2px solid #0b2433; -webkit-box-shadow: 0px 5px 10px rgba(212,221,230,0.75); -moz-box-shadow: 0px 5px 10px rgba(212,221,230,0.75); box-shadow: 0px 5px 10px rgba(212,221,230,0.75); } .service-box i { background-image: url("/Common/Images/_Meetings/v2/ser-icon.png"); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: auto; display: inline-block; width: 80px; height: 70px; margin-bottom: 30px; } .service-title { color: #051f2e; font-family: 'Montserrat', helvetica, arial, sans-serif; font-size: 22px; margin-bottom: 20px; display: block; font-weight: bold; } .plus-icon { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; bottom: -10px; left: 50%; display: block; z-index: 2; width: 70px; height: 70px; margin-left: -35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image: url("/Common/Images/_Meetings/v2/plus.png"); background-repeat: no-repeat; background-position: center center; background-color: #0b2433; background-size: auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .service-box:hover .plus-icon { bottom: -35px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /************************************************/ /***************** COLLAGE 1 * ******************/ /**********************************************/ section#Collage1 { padding: 0; height: 800px; } section#Collage1 #square-left, section#Collage1 #square-right { width: 50%; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; overflow: hidden; background-color: #eee; } section#Collage1 #square-left { width: 50.01%; } #square-left #top-box { height: 600px; position: relative; background-image: url("/Common/Images/_Meetings/v2/squareleft.jpg"); background-repeat: no-repeat; background-position: center top; background-color: transparent; background-size: cover ; } #top-box span { font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; font-weight: 700; color: #fff; font-size: 60px; line-height: 1.1; display: block; padding: 10%; position: absolute; bottom: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000 0,000000 100&0 0,0.65 100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } section#Collage1 #square-right { left: auto; right: 0; } #bottom-box { height: 200px; position: relative; width: 100%; padding: 50px 0; background-color: #fff; text-align: center; } #bottom-box h2 { margin: 0; position: absolute; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .sub-square { width: 50%; height: 50%; float: left; background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: cover; } #subsquare-1 { background-size: auto; background-image: url("/Common/Images/_Meetings/v2/subsquare1.png"); background-color: #fff; } #subsquare-2 { background-image: url("/Common/Images/_Meetings/v2/subsquare2.jpg"); } #subsquare-3 { background-image: url("/Common/Images/_Meetings/v2/subsquare3.jpg"); } #subsquare-4 { background-image: url("/Common/Images/_Meetings/v2/subsquare4.jpg"); background-color: #fff; background-position: center top; } /************************************************/ /***************** COLLAGE 2 * ******************/ /**********************************************/ section#Collage2 { padding: 0; background-color: #051f2e; text-align: center; padding-left: 50%; overflow: hidden; } #square-img { position: absolute; top: 0; width: 50%; z-index: 2; background-image: url("/Common/Images/_Meetings/v2/bg2.jpg"); background-repeat: no-repeat; background-position: center right; background-color: transparent; background-size: cover; height: 100%; left: 0; } #square-text { padding: 150px 50px; color: #fff; } section#Carousel { padding: 0; overflow: hidden; float: none; clear: both; } section#Carousel div { background-color: #fff; float: left; width: 25%; height: 350px; } #carousel1, #carousel2, #carousel3, #carousel4 { background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: cover; } #carousel1 { background-image: url("/Common/Images/_Meetings/v2/carousel1.jpg") } #carousel2 { background-image: url("/Common/Images/_Meetings/v2/carousel2.jpg") } #carousel3 { background-image: url("/Common/Images/_Meetings/v2/carousel3.jpg") } #carousel4 { background-image: url("/Common/Images/_Meetings/v2/carousel4.jpg") } footer { padding: 100px 0; background-color: #051f2e; overflow: hidden; min-width: 100%; display: block; } .footer-column { width: 25%; float: left; padding-right: 20px; } .footer-column span { color: #fff; font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-bottom: 10px; display: block; } .footer-column a, .footer-column a:link, .footer-column a:visited { color: #8eb4ca; display: block; margin-bottom: 10px; text-decoration: none; } .footer-column a:hover { text-decoration: none; color: #fff; } copyright { color: #788184; clear: both; float: none; display: block; padding: 30px 10%; background-color: #041925; font-size: 13px; } body a.button-close { top: -17px } .mtg-fullwidth copyright a, .mtg-fullwidth copyright a:link, .mtg-fullwidth copyright a:visited, copyright a, copyright a:link, copyright a:visited { color: #fff; } .Planner_Profile footer { padding: 30px 5%; } .Planner_Profile copyright { padding: 15px 5%; } .Planner_Profile footer a:link, .Planner_Profile footer a:visited { display: inline-block; color: #8eb4ca; } .Planner_Profile footer li { display: inline-block; margin-right: 20px; } ul.dropdown-submenu { position: absolute; top: 100%; left: 0; display: none; z-index: 100; background-color: #051f2f; width: 250px; border-left: 3px solid #FFD251; -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 0px rgba(0,0,0,0.05); } header ul#navbar li:hover ul.dropdown-submenu { display: block; } header ul#navbar li ul.dropdown-submenu li { float: none; } header ul#navbar li ul.dropdown-submenu a, header ul#navbar li ul.dropdown-submenu a:link, header ul#navbar li ul.dropdown-submenu a:visited { padding: 20px; height: auto; color: #fff; border-bottom: 1px solid #46525A; max-width: none; } header ul#navbar li ul.dropdown-submenu a:hover { background-color: #113144; border-left: 3px solid transparent; } /***********************************************/ /*************** HOMEPAGE FORM ***************/ /*********************************************/ #Top-Form-Homepage { background-color: #1b3e53; padding: 100px 10%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#053149 1,051f2e 50,021926 50,051f2e 100 */ background: rgb(5,49,73); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(5,49,73,1) 1%, rgba(5,31,46,1) 50%, rgba(2,25,38,1) 50%, rgba(5,31,46,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(5,49,73,1) 1%,rgba(5,31,46,1) 50%,rgba(2,25,38,1) 50%,rgba(5,31,46,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(5,49,73,1) 1%,rgba(5,31,46,1) 50%,rgba(2,25,38,1) 50%,rgba(5,31,46,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053149', endColorstr='#051f2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #start-rfp { max-width: 1200px; margin: 0px auto; text-align: center; } #start-rfp span { font-size: 26px; font-style: italic; color: #fff; display: block; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; margin-bottom: 8px; } #start-rfp a { font-size: 50px; font-style: normal; font-weight: bold; cursor: pointer; background-color: transparent; color: #fff; border: 0px; display: inline-block; line-height: 0; margin-bottom: 25px; white-space: nowrap; font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; } #start-rfp a i { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #start-rfp a:hover i { margin-left: 20px } #start-rfp a:hover { color: #cce4f1 } #Top-Form-Homepage h1 { font-family: 'Montserrat', helvetica, arial, sans-serif; font-size: 65px; color: #0f4e6e; color: #051F2E; margin-bottom: 15px; } #Top-Form-Homepage p { font-family: 'Playfair Display', 'Times New Roman', Georgia, serif; font-style: italic; font-size: 20px; max-width: 60%; margin: 0 auto; } #Top-Form-Homepage p span { display: block; } #container-form-homepage { position: relative; max-width: 1300px; margin: 0 auto; } #layer-bg-mt { /*yellow div*/ background-color: #ffd251; max-width: 95%; height: 450px; position: relative; width: 100%; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd251 0,ffb916 100 */ background: rgb(255,210,81); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,210,81,1) 0%, rgba(255,185,22,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,210,81,1) 0%,rgba(255,185,22,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,210,81,1) 0%,rgba(255,185,22,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd251', endColorstr='#ffb916',GradientType=0 ); /* IE6-9 */ } #layer-form-mt { /*light blue div */ position: absolute; z-index: 3; background-color: #e0f5ff; top: 30px; width: 100%; max-width: 70%; left: 30%; /*min-height: 450px;*/ padding: 50px 60px; overflow: hidden; text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff 0,dff4ff 100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(223,244,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(223,244,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(223,244,255,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff4ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-box-shadow: 0px 18px 50px rgba(0,0,0,0.4); -moz-box-shadow: 0px 18px 50px rgba(0,0,0,0.4); box-shadow: 0px 18px 50px rgba(0,0,0,0.4); } #layer-form-mt form { overflow: hidden; margin-top: 25px; -webkit-box-shadow: 0px 23px 35px rgba(45,100,140,0.6); -moz-box-shadow: 0px 23px 35px rgba(45,100,140,0.6); box-shadow: 0px 23px 35px rgba(45,100,140,0.6); } #layer-form-mt input, #layer-form-mt button { border: 0; line-height: 40px; font-size: 26px; padding: 20px 40px; float: left; font-family: FontAwesome, helvetica, arial; } #layer-form-mt input { width: 70% } #layer-form-mt form#search-planner button { width: 30%; max-width: none; line-height: 0; } #layer-form-mt form#search-planner button:hover { background-color: #0C2E44 } #layer-form-mt :placeholder-shown { color: #d1d4d6; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #layer-form-mt ::-webkit-input-placeholder { color: #d1d4d6; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #layer-form-mt ::-moz-placeholder { color: #d1d4d6; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #layer-form-mt :-ms-input-placeholder { color: #d1d4d6; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #layer-female-mt { /*female div */ width: 300px; height: 480px; position: absolute; z-index: 2; bottom:0; left: 20px; background-image: url("/Common/Images/_Meetings/v2/female-homepage.png"); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: contain; } @media (min-width: 1300px) { h1 { font-size: 65px;} } @media (min-width: 768px) and (max-width: 991px) { #layer-form-mt { top: 30px; left: 5%; max-width: 95% } #layer-female-mt { display: none } #start-rfp { left: 5% } } @media (max-width: 767px) { h1 { font-size: 40px;} } @media (max-width: 550px) { } /************************************************/ /***************** APPLY FORM * ******************/ /**********************************************/ body.supernova { background-color: red !important; border: 4px solid green } #pg_ApplyAssociate #list-results { background-color: #001821; } /*************************************************/ /********** GENERAL FIXES AND BRANDING **********/ /***********************************************/ body .container_hp { padding: 0 } #pg_SpaceSearch select#days { max-width: 100px; padding-left: 5px; } #pg_MyEmail img.demo { width: 100%; max-width: 400px; margin-bottom: 30px; } body.standardpage p { margin-bottom: 20px; } body#pg_MyEmail ul.bulletedlist ol li { background-image: none; padding: 0 } input.datepicker { min-width: 130px; } body.st_Partner input.Shadow { background-color: #fff } body#pg_PartnerAncillaryItems input.Shadow, body#pg_PartnerActiveList .Shadow, body#pg_PartnerAccepted .Shadow, body#pg_PartnerPastDue .Shadow, body.loggedin .Shadow { display: inline-block; } body .ReportControl th, body .Report th { background: #0F4E6E; } body .Report th { border: 1px solid #48768A; padding: 5px } #pg_PartnerActiveList .Button { font-size: 18px; padding: 10px 20px; margin-top: 15px; } span.result-address3 { display: block } form#frmHotel { padding: 0px 10%; margin: 0px auto; width: 100%; display: block; max-width: 1200px; } form#frmHotel table { width: 100%; } body input.Shadow, body.standardpage select { background-color: #fff ; display: block; padding: 15px; font-size: 17px; border: 1px solid #CBCBCB; } regular { background-color: #F2F2F2; } #Offices .thumbnail { max-width: none; position: inherit; top: auto; left: auto; height: 170px; } body .yesno { width: auto; padding: 10px 20px; } /* header ul#navbar li#country-item { position: inherit } header ul#navbar li#country-item #country-content a, header ul#navbar li#country-item #country-content a:link, header ul#navbar li#country-item #country-content a:visited, header ul#navbar li#country-item:hover #country-content a { background-color: transparent; color: inherit; padding: 8px; min-height: 0; } header ul#navbar li #selector-continents a, header ul#navbar li #selector-continents a:link, header ul#navbar li #selector-continents a:visited { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } */ #pg_RequestForm #start-here { background: #ffd251; height: auto; text-align: center; } #pg_RequestForm #start-here span { color: #051f2e; } #pg_RequestForm #start-here i { margin-right: 5px; } #pg_RequestForm #card .front { background-color: #051f2e; } #pg_RequestForm #card .back { background-color: #ffd251; color: #051f2e; } body .RequestHeader .back h2 { color: #051f2e; } #no-results { padding: 20px; background-color: rgb(255, 244, 225); border: 2px solid rgb(222, 190, 132); margin-bottom: 30px; } .sub-headline2 { color: #fff; font-family: "Playfair Display","Times New Roman",Georgia,serif; font-size: 45px; line-height: 1.2; margin-bottom: 35px; font-style: italic; font-weight: normal; } #pg_ApplyAssociate .form-header { color: #051f2e } body #Space-Calculator h1 { color: #051f2e; font-size: 60px; max-width: 800px; margin: 0 auto; margin-bottom: 20px; } body #Space-Calculator h3 { color: #003656; } body #Space-Calculator button, body a.spacelink { background-color: #0F4E6E; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 20px; text-transform: uppercase; line-height: 1; font-size: 17px; } body #Space-Calculator button:hover, body a.spacelink:hover { background-color: #0F4E6E } body .Calculator { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .calculator-header { background: #051f2e; } body .layout-box.active { border: 3px solid #CE7B00; } body .layout-box .selected { background-color: rgba(255, 189, 0, 0.7); } body .layout-box:hover { border: 3px solid #051f2e; } /****/ #pg_EventsCalendar #Boxes3 .boxes span { display: block } #pg_EventsCalendar #Boxes3 a:link, #pg_EventsCalendar #Boxes3 a:visited, #pg_EventsCalendar #Boxes3 a:active { background-color: #ffd251; color: #051f2e; font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: bold; display: inline-block; text-transform: uppercase; padding: 12px 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #pg_EventsCalendar #Intro { text-align: center; max-width: 1200px; margin: 0px auto; padding: 80px 15px; } #pg_EventsCalendar #Intro p:first-of-type { font-family: "Playfair Display","Times New Roman",Georgia,serif; font-size: 35px; line-height: 1.2; font-style: italic; } #pg_EventsCalendar #search-wrapper { background-color: rgba(5, 31, 46, 0.81); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #pg_EventsCalendar #search-wrapper form { display: block; overflow: hidden; } #pg_EventsCalendar #search-wrapper .button, #pg_EventsCalendar #search-wrapper .button:link, #pg_EventsCalendar #search-wrapper .button:visited { font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; background-color: #ffd251; color: #051f2e !important; text-decoration: none; padding: 12px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: right; font-size: 18px; } #pg_EventsCalendar #SearchBox input { border: 0; padding-top: 15px; padding-bottom: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 18px; } #pg_EventsCalendar #Events table tr.header, #pg_EventsCalendar #Events table tr.header:hover { color: #051f2e; text-transform: uppercase } #pg_EventsCalendar #Events { max-width: 1280px; margin: 0px auto; } .PageHeader { color: #051f2e } /****/ #pg_GroupFAQ #ContentInner ul { margin: 20px 0; display: block; } #pg_GroupFAQ #ContentInner ul a:link, #pg_GroupFAQ #ContentInner ul a:visited { color: #fff; background-color: #123041; display: inline-block; padding: 10px; text-decoration: none; margin-bottom: 5px } #pg_GroupFAQ #ContentInner ul a:hover { color: #123041; background-color: #FFD251; } #pg_Privacy #ContentInner, #pg_Terms #ContentInner, #pg_GroupFAQ #ContentInner, #pg_PartnerActiveList #ContentInner, body.standardpage #ContentInner { padding: 80px 15px; max-width: 1200px; min-height: 600px; } body.standardpage h1 { font-size: 38px; } body.standardpage h2 { font-size: 30px; } body#pg_RequestForm.standardpage h1 { font-size: 20px } #pg_GroupPost #ContentInner, #pg_GroupSummary #ContentInner, #pg_GroupAccount #ContentInner { padding: 30px 15px } #pg_GroupAccount #ContentInner { max-width: 1200px; } #pg_GroupAccount #button-wrapper { text-align: left } body .content_hp { padding: 0 } body td.FormHeader { padding: 10px; border-bottom: 20px solid #fff; font-family: arial, helvetica, sans-serif; font-size: 15px; margin-bottom: 10px; background-color: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #pg_RequestForm .front .thumbnail, #pg_RequestForm .back .thumbnail { margin: 0; float: none; position: absolute; top: 15px; left: 15px; max-width: none; width: 140px; } body .text { float: none; width: auto; padding: 15px; padding-left: 175px; } body .text ol li { display: list-item; list-style-position: inside; display: block; margin-bottom: 3px; display: list-item; list-style: inside; } #pg_RequestForm a#flipBack:hover, #pg_RequestForm a#flipFront:hover { text-decoration: none } body #btnSubmit.button { background-color: #ffd251; color: #051f2e !important; font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .error { border: 1px solid rgb(168, 0, 0); padding: 5px; background-color: rgb(255, 223, 223); color: rgb(134, 13, 13); } #pg_PlannerBio #content-contact{display:none} #pg_PlannerBio h3 { margin-bottom: 0; margin-top: 20px; } body.loggedin input.Shadow, body.standardpage select { padding: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } body#pg_PartnerAccount td { padding-left: 8px; } @media (max-width: 1600px) { #layer2 { left: -50px; } #layer3 { right: -500px; } } @media (max-width: 1350px) { .container-meetings { max-width: 1199px; } #pg_FindPlanner #layer2 { height: 500px } #layer3 { height: 450px; } #pg_FindPlanner .thumbnail { max-width: 100px; height: 100px; } .profile-result { padding-left: 135px; min-height: 140px; } .result-name { font-size: 18px; } /* Home page *************************/ section#Slogan-tres { padding: 0; background-color: #fff; } section#Slogan-tres .columns { padding: 0 } } @media (max-width: 1199px) { .container-meetings { max-width: 992px; } #layer2, #layer3 { display: none } #pg_ApplyAssociate #top-searchbar { padding-left: 10%; padding-right: 10%; } header ul#navbar li a, header ul#navbar li a:link, header ul#navbar li a:visited { padding: 30px 25px; } /* Home page *************************/ section#Collage1 { height: 600px } section#Carousel, #bottom-box { display: none } section#Slogan-tres #column2.columns, section#Slogan-tres #square-1, section#Slogan-tres #square-2 { padding: 55px } a.alternative, a.alternative:link, a.alternative:visited { margin-top: 45px } } @media (max-width: 991px) { header { height: auto } #pg_Home { padding: 0 ; } .container-meetings { max-width: 767px; } #toggle { display: block; } header ul#navbar li:hover ul.dropdown-submenu { display: none; } ul.dropdown-submenu { position: relative; top: auto; left: auto; width: 100%; max-width: 100%; border: 0; } header ul#navbar li.clicked ul.dropdown-submenu { display: block; } h2 { font-size: 40px; } #pg_Home header { position: relative; top: auto; left: auto; } header ul#navbar { float: none; clear: both; display: none; width: 100%; } header ul#navbar li a, header ul#navbar li a:link, header ul#navbar li a:visited { font-size: 22px; background-color: #0b202e; color: #fff; border-bottom: 1px solid #1C2B32; display: block; padding: 22px 15px; height: auto; font-weight: bold; max-width: none; } header ul#navbar li.clicked a, header ul#navbar li.clicked a:link, header ul#navbar li.clicked a:visited { background-color: #275E83; } header ul#navbar li ul.dropdown-submenu a, header ul#navbar li ul.dropdown-submenu a:link, header ul#navbar li ul.dropdown-submenu a:visited { background-color: #113750; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 25px 30px; } /* header ul#navbar li #country-content a, header ul#navbar li #country-content a:link, header ul#navbar li #country-content a:visited { border: inherit; padding: inherit; } */ header ul#navbar li { float: none; } ul#social-media-profile li { float: none } /***/ .footer-column { width: 100%; } .footer-column a, .footer-column a:link, .footer-column a:visited { display: inline-block; margin-right: 15px } /***/ /* Home page *************************/ section#TopForm { padding: 170px 10%; text-align: center; border: 0; } section#TopForm hr { display: none } section#TopForm #homepage-form { position: relative; top: auto; right: auto; margin: 0 auto; margin-top: 50px; } section#Collage1, #square-left #top-box { height: 430px } #top-box span { font-size: 40px; } .service-box {width: 46%; } .sub-square { width: 100%; height: 100% } #subsquare-2, #subsquare-3, #subsquare-4 { display: none } section#Slogan-tres #column1.columns { width: 40% } section#Slogan-tres #column2.columns { width: 60% } section#Slogan-tres #column3.columns { width: 100%; } section#Slogan-tres #square-1, section#Slogan-tres #square-2 { width: 50%; float: left; margin: 0; } section#Slogan-tres #column2.columns, section#Slogan-tres #square-1, section#Slogan-tres #square-2 { padding: 70px } section#Slogan-tres #column3.columns { height: auto } #Flag-Wrap { float: none } /* #selector-continents a, #selector-continents a:link, #selector-continents a:visited { float: left; min-height: 150px; } #selector-continents { overflow: hidden; } */ /****/ /* header ul#navbar li#country-item #country-content #selector-continents a, header ul#navbar li#country-item #country-content #selector-continents a:link, header ul#navbar li#country-item #country-content #selector-continents a:visited { min-height: 84px; border: 1px solid #d3d3d3; padding-top: 29px; } */ #container { margin: 0 } } @media (max-width: 767px) { .mtg-fullwidth section { padding: 55px 20px } .footer-column { text-align: center; float: none; padding-right: 0; margin-bottom: 30px; } .footer-column a, .footer-column a:link, .footer-column a:visited { margin-right: 0; text-align: center; display: block; margin-bottom: 5px } #pg_EventsCalendar #Intro { padding: 50px 15px; } #start-rfp { left: 5% } #Top-Form-Homepage h1 { font-size: 55px } #layer-bg-mt { display: none } #layer-form-mt input, #layer-form-mt form#search-planner button { font-size: 22px; padding: 20px; } #Top-Form-Homepage p { max-width: none } #layer-form-mt { border-top: 10px solid #FFD251; top: auto; left: auto; position: relative; max-width: 100%; padding: 50px 25px } /***/ #container { padding: 0 } #Offices .address { height: auto } #container { margin: 0 } form#search-planner button { position: relative; width: 100%; } #pg_RequestForm .front .thumbnail, #pg_RequestForm .back .thumbnail { position: relative; top: auto; left: auto; max-width: none; width: 250px; height: 180px; margin: 0 auto; margin-top: 10px; } #pg_RequestForm #card .back { border: 0 } body .text { width: auto; padding: 15px; } .flip-wrapper { padding: 0 } #pg_EventsCalendar #Intro p:first-of-type { font-size: 22px; margin: 30px 0 } body #options { padding: 0 ;} #pg_RequestForm #flipFront { background-color: #ffd251 } #pg_RequestForm #flipBack { background-color: #051f2e; color: #fff } body #card .thumbnail { width: 500px } body #Space-Calculator h1 { font-size: 40px } .result-title { text-transform: uppercase; margin-bottom: 10px; display: block; line-height: 1.2; } #pg_FindPlanner #sort-by li { float: none; display: block; } #pg_FindPlanner #sort-by a, #pg_FindPlanner #sort-by a:link, #pg_FindPlanner #sort-by a:visited, #pg_FindPlanner #sort-by #pages-total { padding: 15px 20px; } #pg_FindPlanner #sort-by #pages-total { display: none } h1 { font-size: 55px; } section { padding: 100px 0 } #list-results .container-meetings { max-width: 500px } .profile-result:after, .profile-result:before { display: none } .profile-result, .profile-result:hover { background-color: #fff; border: 1px solid #D5E2E9; cursor: default; padding-left: 150px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .profile-result p, .profile-result:hover p { color: #003656; width: 100%; float: none; margin: 0; margin-bottom: 20px; padding: 0; } .profile-result .result-name, .profile-result:hover .result-name { color: #051F2E } /***/ #logo { max-width: 220px; padding: 15px } #profile-column, #content-column { width: 100%; position: relative; top: auto; left: auto; right: auto; padding: 10%; } #content-column { padding-bottom: 70px } #profile-column #info-container { padding: 0 } #profile-column figure { margin-bottom: 40px; max-height: none; } #pg_RFP_request #profile-column, #pg_Services #profile-column, #pg_Contact #profile-column { display: none } .result-name { font-size: 25px; } /* HomePage ****************/ /*** Home ***/ #pg_Home h1 { font-size: 55px; } #pg_Home section { padding: 55px 0; } section#Slogan-uno, section#Slogan-dos, section#Slogan-tres { padding: 90px 10% } .service-box { width: 100%; margin-right: 0 } .service-box p { height: auto } section#Slogan-tres { display: none } section#Collage1 #square-left { width: 100%; } #square-left #top-box { /*background-image: none;*/ } section#Collage1 #square-right { display: none } section#Collage1, #square-left #top-box { height: 600px } #top-box span { background: #FFD251; color: #051F2E; text-align: center; } section#Collage2 { padding: 0 } #square-img { display: none } #square-text { padding: 70px 25px } section#TopForm #homepage-form { width: 100%; max-width: 350px; padding: 25px; padding-top: 80px; } section#Slogan-uno div { padding: 10% } .plus-icon { display: none } form#search-planner .bubble { display: none } } @media (max-width: 480px) { #start-rfp a { line-height: 1.1; font-size: 32px; } #Top-Form-Homepage h1 { font-size: 35px } #start-rfp { left: 0; text-align: center; width: 100%; } #layer-form-mt input, #layer-form-mt form#search-planner button { width: 100%; float: none; } #Top-Form-Homepage p span { display: inline } #layer-form-mt form { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #layer-form-mt input, #layer-form-mt form#search-planner button { padding: 10px 20px; } #layer-form-mt input { border: 1px solid #AEAEAE } #layer-form-mt form#search-planner button { margin-top: 5px; min-height: 65px; } /*****/ #pg_RequestForm .front .thumbnail, #pg_RequestForm .back .thumbnail { width: 100%; height: 180px; margin: 0; } #content-column quote{ font-size: 30px; } #reviews quote { font-size: 25px } .default-form input, .default-form textarea { padding: 10px; } #top-searchbar h1 { font-size: 50px; } #top-searchbar p { max-width: none } #layer1 { display: none } .profile-result, .profile-result:hover { padding: 25px; } #pg_FindPlanner .thumbnail { position: relative; top: auto; left: auto; max-width: 100%; height: auto; margin-bottom: 20px; } body { font-size: 16px; } #profile-column .dark-button { font-size: 25px; width: 100%; max-width: none; margin-bottom: 10px; padding: 18px; } /***********/ h1, section#TopForm h1 { font-size: 40px } .sub-headline { font-size: 35px; } section#Slogan-uno div { background-color: transparent } #sort-by #pages-total { float: none; text-align: left } } .loggedin header { border: 0 } /* subnav */ .subnav-mt * { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .subnav-mt *:focus { outline: 0; } .clear { width: 100%; height: 0; clear: both; float: none; } .subnav-mt { background-color: #051f2e; display: block; padding: 0 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008a8a 0,003e54 100 */ background: #008a8a; /* Old browsers */ background: -moz-linear-gradient(45deg, #008a8a 0%, #003e54 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #008a8a 0%,#003e54 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #008a8a 0%,#003e54 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a8a', endColorstr='#003e54',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } ul#navbar-mt {} ul#navbar-mt li { float: left; display: block; position: relative; } .subnav-mt .title-link-mt, .subnav-mt a.title-link-mt, .subnav-mt a.title-link-mt:link, .subnav-mt a.title-link-mt:visited { cursor: pointer; display: block; color: rgba(255,255,255,0.95); text-decoration: none; padding: 12px 20px; font-size: 15px; font-weight: bold; } ul#navbar-mt li ul.dropdown-mt { display: none; border: 1px solid #85a2b7; border: 1px solid #b6c5cf; /*border-top: 0;*/ position: absolute; top: 100%; left: 0; width: 250px; z-index: 100; height: auto; -webkit-box-shadow: 0px 14px 30px rgba(35, 39, 42, 0.25); -moz-box-shadow: 0px 14px 30px rgba(35, 39, 42, 0.25); box-shadow: 0px 14px 30px rgba(35, 39, 42, 0.25); } ul#navbar-mt li:hover ul.dropdown-mt { display: block } ul#navbar-mt li ul.dropdown-mt li { float: none; clear: both; } ul#navbar-mt li ul.dropdown-mt li a, ul#navbar-mt li ul.dropdown-mt li a:link, ul#navbar-mt li ul.dropdown-mt li a:visited { text-decoration: none; font-size: 15px; border: 0; border-bottom: 1px solid #d0e5ed; display: block; font-weight: normal; padding: 15px 20px; background-color: #e9f8fd; color: #051f2e; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul#navbar-mt li ul.dropdown-mt li a:active { background-color: rgb(185, 219, 233); } ul#navbar-mt li ul.dropdown-mt li:last-child a { border: 0 } button#toggle-mt { display: none; border: 0; padding: 20px 22px 22px 22px; padding-left: 60px; width: 200px; background-color: transparent; color: #fff; cursor: pointer; border-right: 1px solid rgba(255,255,255,0.1); position: relative; } .wrapper-fx { display: block; height: auto; overflow: hidden; text-align: left; } .default-text { font-size: 18px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .default-text::before { position: absolute; top: 100%; content: attr(data-text); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 200px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } button#toggle-mt.active .default-text { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } button#toggle-mt.active .default-text::before { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #toggle-mt i { display: block; position: absolute; width: 25px; top: 30px; left: 20px; } #toggle-mt i span::after, #toggle-mt i span::before { position: absolute; left: 0; content: ''; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } #toggle-mt i span::before { transition-property: top, transform; } #toggle-mt i span::after { transition-property: bottom, transform; } #toggle-mt i span, #toggle-mt i span::before, #toggle-mt i span::after { display: block; height: 4px; background-color: #fff; width: 100%; } #toggle-mt i span::before { top: -7px } #toggle-mt i span::after { bottom: -7px } #toggle-mt.active i span { background-color: transparent } #toggle-mt.active i span::before { top: 0 } #toggle-mt.active i span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #toggle-mt.active i span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #toggle-mt.active i span::before, #toggle-mt.active i span::after { -webkit-transition-delay:0s, 0.3s; -moz-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .relative-text { position: relative; z-index: 2 } .bg-fx { display: block; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background-color: #ffd251; z-index: 1; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .title-link-mt.active .bg-fx { width: 100%; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* Old Browsers ******************/ .MSIE9 #toggle-mt i span, .MSIE8 #toggle-mt i span, .MSIE7 #toggle-mt i span { display: none } .MSIE9 #toggle-mt i, .MSIE8 #toggle-mt i, .MSIE7 #toggle-mt i { width: 25px; height: 21px; top: 20px; background-image: url("//cdn.hotelplanner.com/Common/Images/_Meetings/hamburger-oldbw.png"); background-repeat: no-repeat; background-position: center center; background-color: transparent; } .MSIE9 #toggle-mt.active i, .MSIE8 #toggle-mt.active i, .MSIE7 #toggle-mt.active i { background-image: url("//cdn.hotelplanner.com/Common/Images/_Meetings/close-oldbw.png"); } .MSIE9 .bg-fx, .MSIE8 .bg-fx, .MSIE7 .bg-fx { display: none; } .MSIE9 .title-link-mt.active, .MSIE8 .title-link-mt.active, .MSIE7 .title-link-mt.active { background-color: #ffd251; } .MSIE9 .default-text::before, .MSIE8 .default-text::before, .MSIE7 .default-text::before { display: none; } .MSIE9 button#toggle-mt.active .default-text, .MSIE8 button#toggle-mt.active .default-text, .MSIE7 button#toggle-mt.active .default-text { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @media (min-width: 768px) { ul#navbar-mt li:hover .title-link-mt, .subnav-mt a.title-link-mt:hover { background-color: #ffd251; background-color: #fff; background-color: rgba(255,255,255,0.07); color: #fff; -webkit-box-shadow: inset 0px 2px 0px #5fffb5; -moz-box-shadow: inset 0px 2px 0px #5fffb5; box-shadow: inset 0px 2px 0px #5fffb5; } ul#navbar-mt li ul.dropdown-mt li a:hover { background-color: #051f2e; color: #fff; padding-left: 25px; } } #footLanguages { margin-top: 20px; } #footLanguages span { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-bottom: 10px; display: block; padding-left: 8px; } #footLanguages span::before { content: '\f0ac'; font-family: FontAwesome; position: relative; left: -8px; } #footLanguages a:link, #footLanguages a:visited { color: #8eb4ca; display: inline-block; margin-right: 15px; } #footLanguages a:hover { text-decoration: none; color: #fff; } @media (max-width: 767px) { #footLanguages { text-align: center; } .subnav-mt .container-mt { padding: 0 } .title-link-mt.active { background-color: #ffd251; } button#toggle-mt { display: block; } .subnav-mt { padding: 0; background-color: #0B2938; } ul#navbar-mt { border-top: 1px solid rgba(255, 255, 255, 0.1); } ul#navbar-mt li { float: none; } ul#navbar-mt { display: none; } ul#navbar-mt li ul.dropdown-mt, ul#navbar-mt li:hover ul.dropdown-mt { display: none } .subnav-mt .title-link-mt, .subnav-mt a.title-link-mt, .subnav-mt a.title-link-mt:link, .subnav-mt a.title-link-mt:visited { font-size: 22px; padding: 22px 20px; border-bottom: 1px solid #2B424D; background-color: #0B2938; } ul#navbar-mt li ul.dropdown-mt li a, ul#navbar-mt li ul.dropdown-mt li a:link, ul#navbar-mt li ul.dropdown-mt li a:visited { font-size: 18px; padding: 20px; } .subnav-mt .title-link-mt.active { color: #072432; border: 0px; position: relative; } ul#navbar-mt li ul.dropdown-mt { position: relative; top: auto; left: auto; width: 100%;; z-index: 1; border: 0; border-bottom: 1px solid #85a2b7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /*calendar*/ .ui-datepicker-calendar td.dp-CheckOutDate a, .ui-datepicker-calendar td.dp-CheckInDate a { border-color: #003656 !important; background: #003656 !important; } .ui-widget-header a { color: #003656 !important; } .ui-widget-header a:hover { background: #003656 !important; color:#fff !important; } a.closeDatepicker:hover { background: #003656 !important; border: 1px solid #003656 !important; } .ui-datepicker-calendar td.dp-highlight a { color: #003656 !important; border-color: #003656 !important; background: #fff !important; } .ui-datepicker-calendar .ui-state-hover{ color:#fff !important;border-color:#003656 !important;background:#003656 !important } .ui-datepicker-calendar td.dp-SelectedDate a.ui-state-default { color: #fff; border-color: #003656; background: #003656; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } /* Login Page *******/ #pg_Login.site422 #MainContent, .signinpage #MainContent { padding: 0; margin: 0 auto; padding-bottom: 50px; } #pg_Login.site422 #ContentInner, .signinpage.site422 #ContentInner { padding: 0 15px; min-height: 480px; display: block; } #pg_Login.site422, .signinpage.site422 { background-color: #fff } #pg_Login.site422 h1, .signinpage.site422 h1 { text-align: center; font-size: 40px; margin: 20px 0; margin-top: 30px; /* There's a br at the bottom */ } .site422 #Sign-In-Box.bs-form-container .NeutralMessage, .signinpage.site422 .bs-form-container .NeutralMessage, .site422 #Sign-In-Box.bs-form-container .ErrorMessage, .signinpage.site422 .bs-form-container .ErrorMessage { border: 0; font-size: 18px; padding: 10px 15px; margin-bottom: 12px; text-align: center; } .site422 #Sign-In-Box.bs-form-container .ErrorMessage, .signinpage.site422 .bs-form-container .ErrorMessage { font-size: 15px; padding-left: 45px; } #pg_ForgotLogin.site422 .bs-form-container .NeutralMessage, .signinpage.site422 .bs-form-container .NeutralMessage { font-weight: normal } .signinpage.site422 .bs-form-container .NeutralMessage br { display: none } .site422 #Sign-In-Box.bs-form-container, .signinpage.site422 .bs-form-container { max-width: 475px; } .site422 #Sign-In-Box.bs-form-container .bs-form-header, .signinpage.site422 .bs-form-container .bs-form-header { display: none } .site422 #Sign-In-Box.bs-form-container .bs-form-content, .signinpage.site422 .bs-form-container .bs-form-content { border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .site422 #Sign-In-Box.bs-form-container button, .signinpage.site422 .bs-form-container button { display: block; float: none; clear: both; width: 100%; border: 0; margin-top: 20px; max-width: none; min-height:0; padding: 15px 15px 16px 15px; background-color: #198cb9; } .site422 #Sign-In-Box.bs-form-container button:hover, .signinpage.site422 .bs-form-container button:hover { background-color: #057fb0; } .site422 #Sign-In-Box.bs-form-container .bs-input-group-addon, .signinpage.site422 .bs-form-container .bs-input-group-addon { position: absolute; left: 0; width: 45px; border: 0; background-color: transparent; } .site422 #Sign-In-Box.bs-form-container .bs-input-group input, .signinpage.site422 .bs-form-container .bs-input-group input { padding: 15px; padding-left: 50px; width: 100%; height: auto; -webkit-appearance: none; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .site422 #Sign-In-Box.bs-form-container .bs-input-group .bs-input-group-addon i, .signinpage.site422 .bs-form-container .bs-input-group .bs-input-group-addon i { line-height: 50px; color: #2377A5; } .site422 #Sign-In-Box #howtoEnableCookies { padding-left: 0 } .site422 #Sign-In-Box.bs-form-container a.link { right: 0 } .site422 .bs-form-container .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .site422 #Sign-In-Box.bs-form-container .bs-input-group input:focus, .signinpage.site422 .bs-form-container .bs-input-group input:focus { -webkit-box-shadow: 0 0 2px rgba(81,203,238,0.5); -moz-box-shadow: 0 0 2px rgba(81,203,238,0.5); box-shadow: 0 0 2px rgba(81,203,238,0.5); border: 1px solid #53cbee; background-color: #fafafa; } .site422 #Sign-In-Box input:-webkit-autofill, .site422 #Sign-In-Box textarea:-webkit-autofill, .site422 #Sign-In-Box select:-webkit-autofill { background-color: #fff !important } .signinpage.site422 .bs-form-container button { margin: 0 } @media (max-width: 767px) { .site422 #Sign-In-Box.bs-form-container, .signinpage.site422 .bs-form-container { max-width: 400px; } .site422 #Sign-In-Box.bs-form-container .NeutralMessage, .signinpage.site422 .bs-form-container .NeutralMessage { margin-bottom: 25px; } .site422 #Sign-In-Box.bs-form-container .bs-form-content, .signinpage.site422 .bs-form-container .bs-form-content { border: 0; padding: 0; } .site422 #Sign-In-Box.bs-form-container .bs-input-group-addon, .signinpage.site422 .bs-form-container .bs-input-group-addon { display: none } .site422 #Sign-In-Box.bs-form-container .bs-input-group input, .signinpage.site422 .bs-form-container .bs-input-group input { padding: 15px; font-size: 18px; } .site422 #Sign-In-Box.bs-form-container button, .signinpage.site422 .bs-form-container button { padding: 20px 15px 22px 15px; font-size: 22px; } #pg_ForgotLogin.signinpage.site422 h1 { margin-bottom: 10px} } .site422 #Sign-In-Box.bs-form-container .NeutralMessage .ErrorMessage, .signinpage.site422 .bs-form-container .NeutralMessage .ErrorMessage { margin-top: 25px; padding: 10px 15px !important; } #pg_ForgotLogin.site422 .bs-form-container .NeutralMessage { background-color: transparent; padding-top: 0; padding-bottom: 0; } .site422 .NeutralMessage .ErrorMessage i, .signinpage.site422 .NeutralMessage .ErrorMessage i { display: none } /* Login ********/ #pg_LogOut #MainContent { width: 100%; padding: 0 } #pg_LogOut #ContentInner { padding: 0 15px; text-align: center; width: 100%; max-width: 435px; min-height: 400px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pg_LogOut { background-color: #fff } #pg_LogOut #ContentInner p { padding: 0; margin: 0 } /*reset*/ #pg_LogOut #ContentInner p.logout-intro { font-size: 18px; margin-bottom: 35px; color: #93919C; } #pg_LogOut #ContentInner a:link, #pg_LogOut #ContentInner a:visited { display: block; margin-top: 10px; padding: 15px 15px 16px; font-size: 18px; font-weight: 700; color: #FFF; text-align: center; text-decoration: none; border: 1px solid #ff6c00; color: #ff6c00; border: 1px solid #ccc; color: #555459; background-color: #fafafa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pg_LogOut a#signin-again:link, #pg_LogOut a#signin-again:visited { background-color: #198cb9; border: 1px solid #198cb9; color: #fff; } #pg_LogOut a#return-home:hover { background-color: #fff } #pg_LogOut a#signin-again:hover { border: 1px solid #057fb0;; background-color: #057fb0;; } .RequestThankYou p{ margin: 17px 0; } #square-img.expo { background-image: url('/Common/Images/_Meetings/v2/MBanner.jpg'); background-position: center center; background-size: contain; background-color: #e0e0e0; } #square-img.expo a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; } body#pg_RequestDetails .rfp-modal-header .rfp-modal-icon { background-color: #051f2e } body#pg_RequestDetails .rfp-modal-content button { background-color: #ffd251; color: #051f2e; font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: bold; } body#pg_RequestDetails .rfp-modal-content button i { color: #051f2e; } section#New-Topsearch { background-color: #333; padding: 70px 0; background-image: url("/Common/Images/_Meetings/v2/bg3.jpg"); background-repeat: no-repeat; background-position: right top; background-color: transparent; background-size: cover; } .container-xx { max-width: 1000px; padding: 0 15px; margin: 0 auto; position: relative; } #home-search-box h1 { font-size: 45px; margin-bottom: 12px; color: #28323c; } #home-search-box span { color: #6b7c93; font-size: 25px; display: block; margin-bottom: 32px; } #home-search-box-wrapper { padding: 50px 0; background-color: #fff; width: 60%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #home-search-box { padding: 0 20px; max-width: 500px; margin: 0 auto; } #home-search-box input, #home-search-box select { border: 1px solid #d0dbe4; font-size: 18px; padding: 15px 15px; width: 100%; font-family: "Proxima Nova", helvetica, arial, sans-serif; margin-bottom: 10px; background-color: #fff; height: 55px; background: #fff; color: #435062; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #home-search-box input#CheckInDate1_disp, #home-search-box #numrooms-input, #home-search-box select#number-nights { float: left; width: 49%; } #home-search-box #number-nights { margin-left: 2%; } #home-search-box input:focus { border: 1px solid #ffd251; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #home-search-box .question { color: #263138; display: block; font-weight: bold; font-size: 18px; margin-top: 12px; margin-bottom: 12px; text-align: left; } #home-search-box #checkmark-xx input[type=checkbox] { display: none } #checkmark-xx label { padding: 10px 15px; padding-left: 35px; background-color: #f0f5f8; color: #435062; display: inline-block; cursor: pointer; margin-right: 5px; position: relative; margin-bottom: 10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #checkmark-xx label:after { content: '\f096'; color: #435062;; font-family: FontAwesome; position: absolute; left: 10px; font-weight: bold; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #checkmark-xx label.active { background-color: #00cb8e; color: #fff; } #checkmark-xx label.active:after { content: '\f00c'; font-size: inherit; color: #fff; font-weight: normal; } #home-search-box #continue-xx { color: #28323c; background-color: #ffd251; border: 0; font-size: 22px; font-weight: bold; padding: 18px 18px 20px 18px; margin-top: 20px; cursor: pointer; position: relative; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #home-search-box #continue-xx:hover { background-color: #fecc3c } #home-search-box #continue-xx:after { content:'\f061'; font-family: fontAwesome; position: absolute; right: 35px; font-size: 15px; margin-top: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #home-search-box #continue-xx:hover:after { right: 25px; } #second-box-xx { color: #fff; position: absolute; right: 0; top: 0; width: 40%; padding: 60px 50px; } #second-box-xx h4 { font-weight: bold; font-size: 28px; margin-bottom: 30px; } #second-box-xx input { width: 100%; font-size: 18px; background-color: #fff; padding: 13px 12px 15px 12px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #second-box-xx input[type=submit] { color: #fff; background-color: #00cb8e; font-weight: bold; margin-bottom: 30px; cursor: pointer; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #second-box-xx input[type=submit]:hover { background-color: #3ed0a6 } #second-box-xx span { font-size: 18px } #home-search-box ::-webkit-input-placeholder { color: #afb7c3; } #home-search-box :-moz-placeholder { color: #afb7c3; } #home-search-box ::-moz-placeholder { color: #afb7c3; } #home-search-box :-ms-input-placeholder { color: #afb7c3; } @media (min-width: 768px) and (max-width: 991px) { #home-search-box { padding: 0 25px } } @media (max-width: 767px) { section#New-Topsearch { padding: 0 } #home-search-box h1, #home-search-box span { text-align: center; } #home-search-box-wrapper, #second-box-xx { float: none; width: 100%; } section#New-Topsearch .container-xx { padding: 0 } #home-search-box-wrapper { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 auto; } #second-box-xx { position: relative; right: auto; top: auto; margin: 0 auto; padding: 50px 20px; max-width: 400px; } section#New-Topsearch { background-image: none; background-color: #051f2f; } form#frmHotel { padding: 0 20px } } section#New-Topsearch form#search-planner { max-width: none; margin-top: 0 } .ui-datepicker-calendar a:hover { text-decoration: none !important } #pg_RequestSmart #Form-Wrapper { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } body a.Submit, body button.Submit, body a.Submit:hover, body button.Submit:hover { color: #28323c; background-color: #ffd251; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body .title-1 { color: #051f2e } /* Version Test */ body #banner-smart { background-color: #051f2e } body section#Slide-1 .subtagline { color: #fff } #pg_PartnerFIT .ReportControl select { display: inline-block } #Itinerary div.city-instructions{display:none;} /*****/ header { background-color: #fff; font-family: 'Montserrat', sans-serif; } /***/ a#logo-xx { display: block; float: left; width: 195px; line-height: 80px; height: 80px; background-image: url("//cdn.hotelplanner.com/common/images/site/422/logo.png"); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: contain; } /***/ ul#navbar-xx { float: right; } ul#navbar-xx li { display: block; float: left; position: relative; } ul#navbar-xx a { display: block; line-height: 80px; color: #071019; text-decoration: none; font-size: 14px; font-weight: 600; padding: 0 25px; text-transform: uppercase; position: relative; cursor: pointer; text-align: center; } ul#navbar-xx a::after { content: ''; display: block; height: 2px; width: 80%; background-color: #fff; position: absolute; top: 40%; left: 10%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul#navbar-xx li:hover a::after { top: 0%; background-color: #ffd800; } ul#navbar-xx li:hover a { background-color: #fafafa; } /***/ ul#navbar-xx li:hover .dropdown-xx { top: 90%; } ul#navbar-xx .dropdown-xx { background-color: #041925; position: absolute; top: 80%; left: 0; width: 300px; z-index: 200; pointer-events: none; padding: 5px 0; -webkit-box-shadow: 0px 12px 30px rgba(0,0,0,0.25); -moz-box-shadow: 0px 12px 30px rgba(0,0,0,0.25); box-shadow: 0px 12px 30px rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ul#navbar-xx .dropdown-xx::after { display: block; content: ''; height: 20px; width: 20px; background-color: #041925; position: absolute; top: -5px; left: 50px; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } ul#navbar-xx li:hover .dropdown-xx { pointer-events: auto; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } ul#navbar-xx li .dropdown-xx a { line-height: 1; text-align: left; padding: 15px 20px; color: #fff; color: rgba(255,255,255,0.5); background-color: #041925; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul#navbar-xx .dropdown-xx a:hover { color: #fff; background-color: rgba(255,255,255,0.05); z-index: 201; } ul#navbar-xx .dropdown-xx a::after { display: none } /*******/ #toggle-mm { display: none; position: absolute; top: 12px;; right: 15px; width: 60px; padding: 15px 0; background-color: #002e49; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.05); box-shadow: 0px 8px 20px rgba(0,0,0,0.15); } #toggle-mm span { height: 4px; background-color: #5fffb5; width: 50%; display: block; margin: 0 auto; margin-bottom: 4px; } @media (max-width: 999px) { header .container-mm { padding: 0; } a#logo-xx { margin-left: 15px; } a#logo-xx, ul#navbar-xx, ul#navbar-xx li { float: none } #toggle-mm { display: block; } ul#navbar-xx { display: none; border-top: 1px solid rgba(0,0,0,0.15); background-color: #fafafa; } header ul#navbar-xx a { text-align: left; padding: 20px; line-height: 1; height: auto; } ul#navbar-xx li a::after, ul#navbar-xx .dropdown-xx::after { display: none } ul#navbar-xx li:hover a { background-color: inherit; } ul#navbar-xx .dropdown-xx { display: none; position: relative; top: auto; left: auto; width: 100%; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } ul#navbar-xx a.parent-link { width: 100%; } ul#navbar-xx li a.parent-link::after, ul#navbar-xx li:hover a.parent-link::after { content: '\f078'; font-family: FontAwesome; display: block; width: auto; height: auto; background-color: transparent; right: 15px; left: auto; top: 20px; } ul#navbar-xx li a.parent-link.active::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } .container-mt { width:100%; max-width: 1200px; margin: 0 auto; } body#pg_GroupPost #ContentInner > .container_hp { padding: 0; margin-bottom: 12px; } body#pg_GroupPost .PageHeader { margin-bottom: 8px } #pg_GroupPost #ContentInner, #pg_GroupSummary #ContentInner, #pg_GroupAccount #ContentInner, body#pg_GroupAccount #ContentInner { padding: 65px 0 } body#pg_GroupAccount #ContentInner { padding: 35px 15px } body.standardpage.loggedin h1 { font-size: 38px; margin-bottom: 12px; font-weight: 800; } #pg_GroupFAQ h1 { margin-top: 0 } #frmRequest { font-size: 14px; } body #btnSubmit.button, #pg_SearchIndv .field-group input[type="submit"] { background-color: #5fffb5; color: #1f2c34; font-weight: 800; border-color: #5fffb5; line-height: 45px; padding: 0 20px; border: 0; text-transform: uppercase; font-family: 'Montserrat'; letter-spacing: -1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #pg_SearchIndv #Search-Box { background-color: #66889c; background-color: #1B6A87; background: #044b5a; /* Old browsers */ background: -moz-linear-gradient(45deg, #044b5a 0%, #00667d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #044b5a 0%,#00667d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #044b5a 0%,#00667d 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044b5a', endColorstr='#00667d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #pg_SearchIndv #search-instructions { margin: 50px 0; } #search-instructions #btnDealsNearMe { background-color: #0d4261; } @media (max-width: 767px) { body#pg_GroupPost #ContentInner > .container_hp { padding: 0 15px; } } body#pg_GroupPost #btnSubmit.button { padding: 10px 30px; } #pg_GroupPost .container_hp { max-width: 960px } #pg_GroupAccount .border-block { margin-bottom: 10px } #Choose-Plan a, #Choose-Plan a:link, #Choose-Plan a:visited { background-color: #5fffb5; color: #1f2c34; ; } #pg_SearchIndv #discounts label { border: 1px solid rgba(255,255,255,0.3); } #pg_SearchIndv #discounts .bounceIn label, #pg_SearchIndv #discounts .bounceIn label:hover { border: 1px solid #fff; } #pg_Services #Choose-Plan a, #pg_Services #Choose-Plan a:link, #pg_Services #Choose-Plan a:visited, #pg_Services #Choose-Plan a:hover { background-color: #5fffb5; color: #1f2c34; font-weight: bold; } body#pg_EventsCalendar #SearchBox input { padding: 0 15px; padding-left: 40px; line-height: 50px; } body#pg_EventsCalendar #search-wrapper .button, body#pg_EventsCalendar #search-wrapper .button:link, body#pg_EventsCalendar #search-wrapper .button:visited { line-height: 50px; padding: 0 20px; } @media (max-width: 767px) { body#pg_EventsCalendar #search-wrapper .button, body#pg_EventsCalendar #search-wrapper .button:link, body#pg_EventsCalendar #search-wrapper .button:visited, body#pg_EventsCalendar #SearchBox input { width: 100% } body#pg_EventsCalendar #search-wrapper .button, body#pg_EventsCalendar #search-wrapper .button:link, body#pg_EventsCalendar #search-wrapper .button:visited { text-align: center } } .serif-caps { font-family: inherit; letter-spacing: 5px; } #pg_GroupAccount p, #pg_GroupAccount.en #frmRequest label { font-size: 14px;} body#pg_GroupAccount.standardpage h2, body#pg_GroupAccount h3 { font-family: helvetica, arial, sans-serif; letter-spacing: normal; color: #002e49; } body#pg_GroupAccount.standardpage h2 { font-size: 20px; } body#pg_GroupAccount #btnSubmit { margin-bottom: 30px; } #ContentInner p.none-found, #ContentTable p.none-found { margin-top: 120px; } @media (min-width: 992px) and (max-width: 1199px) { body .container-mm { max-width: 992px } } @media (min-width: 768px) and (max-width: 991px) { body .container-mm { max-width: 768px } } @media (max-width: 767px) { body .container-mm { max-width: 600px } } #pg_GroupSummary #tabs a, #pg_GroupSummary #tabs a:link, #pg_GroupSummary #tabs a:visited { width: 100% ;} #pg_GroupSummary .tabs { display: flex;} #pg_GroupSummary .button { background-color: #5fffb5; color: #1f2c34 !important; font-weight: 800; padding: 10px 20px; } #pg_GroupSummary .button i { width: auto; margin-right: 5px ;} #pg_GroupSummary #tabs-wrapper { margin-top: 30px; } #tabs a:hover { background-color: #ecf3fa; } /*********/ body #DestinationSearchString, body #live-chat-lnk { padding: 0 12px, line-height: 40px; height: 40px; } body #DestinationSearchString { padding-left: 35px; } body #live-chat-lnk { text-align: center; } body #live-chat-lnk i { width: auto;} /*********/ #footer-logos {margin-top:20px;} #footer-logos b { color: #fff; display: block; margin-bottom: 12px; font-family: 'Montserrat', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; } #footer-logos ul li { float: left; height: 40px; width: 85px; margin-right: 4px; background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: contain; } #footer-logos ul li#f-logo1 { background-image: url('//cdn.hotelplanner.com/common/images/site/422/pci.png'); margin-right: 6px } #footer-logos ul li#f-logo2 { background-image: url('//cdn.hotelplanner.com/common/images/site/422/concur.png'); width: 40px; } #footer-logos ul li#f-logo3 { background-image: url('//cdn.hotelplanner.com/common/images/site/422/gsa.png'); width: 45px; } #footer-logos ul li#f-logo4 { background-image: url('//cdn.hotelplanner.com/common/images/site/422/gdpr.png'); width: 45px } #footer-logos ul li#f-logo5 { background-image: url('//cdn.hotelplanner.com/common/images/site/422/salesforce.png'); width: 55px } #footer-logos ul li#f-logo6 { background-image: url('//cdn.hotelplanner.com/common/images/site/422/travelport2.png'); background-position: center left; margin-left: 2px; } @media (max-width: 480px) { #footer-logos { text-align: center; } #footer-logos ul li { height: 25px; width: 35px; background-position: center center; margin-left: 0; margin-right: 3px !important; display: inline-block; text-align: center; float: none; } #footer-logos ul li#f-logo1 { width: 50px; } #footer-logos ul li#f-logo2 { width: 30px } #footer-logos ul li#f-logo3 { width: 24px; margin: 0 } #footer-logos ul li#f-logo4 { width: 30px } #footer-logos ul li#f-logo5 { width: 35px; } #footer-logos ul li#f-logo6 { width: 35px } } footer .partners-container{width:100%;padding:0 15px;margin:30px auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#partners-hp{text-align:center;max-width:1000px;margin:auto} #partners-hp .partner-logo{width:20%;float:left;display:block;height:60px;position:relative;top:0;background-repeat:no-repeat;background-position:center center;background-color:transparent;background-size:80% auto;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#partners-hp .partner-logo:hover{top:-3px}#partners-hp b{display:block;color:#fff;font-weight:400;padding-bottom:24px;font-size:13px} #partners-hp #p1{background-image:url(//cdn.hotelplanner.com/common/images/logos/v2/HotelPlanner_Horizontal_White_RGB.png)} #partners-hp #p2{background-image:url(//cdn.hotelplanner.com/Common/Images/AffiliateLogos/Partners/mt.png)} #partners-hp #p4{background-image:url(//cdn.hotelplanner.com/common/images/site/4/logo-lucidtravel-white.png)} #partners-hp #p3{background-image:url(//cdn.hotelplanner.com/Common/Images/AffiliateLogos/Partners/ec.png)} #partners-hp #p5{background-image:url(//cdn.hotelplanner.com/common/images/site/4/EventSquid-logo-newtag-outline-1.png)}