/*-------------------------------------------------------------------------------------------*/ /* BODY /*-------------------------------------------------------------------------------------------*/ /*Body Default*/ html, body { height:100%; } body { font-family: 'Open Sans Condensed', "PT Sans Narrow", Helvetica, Arial, sans-serif; font-size: 13px; color: #333333; cursor: default; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } article, footer, section, summary { overflow: hidden; } /*Links Accessible Focus*/ a { color: #273763; text-decoration: none; outline: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a:hover, a:focus { color: #273763; text-decoration: none; outline: 0; } /*Quotes*/ q { quotes: none; } q:before, q:after { content: ""; content: none; } q { quotes: "“" "”" "‘" "’"; } q:before { content: open-quote; } q:after { content: close-quote; } /*-------------------------------------------------------------------------------------------*/ /* LAYOUT /*-------------------------------------------------------------------------------------------*/ /*Fonts*/ /* open-sans-condensed-300 - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-300italic - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-700 - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-condensed/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /*Margins/Paddings*/ .mt70 { margin-top: 70px !important; } .mb50 { margin-bottom: 50px !important; } .mb80 { margin-bottom: 80px !important; } .mb100 { margin-bottom: 100px !important; } .mb140 { margin-bottom: 140px !important; } .pr0 { padding-right: 0 !important; } .pt5 { padding-top: 5% !important; } .pb5 { padding-bottom: 5% !important; } /*Header*/ header { position: relative; top: 0; z-index: 15; width: 100%; margin: 0 auto; text-align: center; background: #273763; color: #fff; box-shadow: none; } nav h1 { display: none; } header h1.logo { display: block; background: url(../images/logo.png) center center no-repeat; margin: 0; padding: 0; text-indent: -9999px; background-size: contain; height: 90px; width: 150px; float: left; margin-top: 20px; margin-right: 42px; } header h1.logo a { display: block; width: 100%; height: 100%; } header h2 { font-size: 40px; line-height: 48px; color: #fff; text-transform: uppercase; text-align: center; margin: 0; } header h3 { font-size: 36px; line-height: 48px; color: #fff; text-align: center; margin: 0 } header .navbar-toggle { border: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float: left; margin-top: 5%; } header .navbar-toggle .icon-bar { border: 1px solid #fff; width: 50px; height: 3px; background-color: #fff; } header .navbar-toggle .icon-bar + .icon-bar { margin-top: 10px; } header .navbar-header { float: none; padding-left: 20px; padding-right: 20px; } header .navbar-collapse.collapse { float: left; } header .nav-justified { /*overflow: hidden;*/ } header .nav-justified > li { width: auto; } header .nav-justified > li > a { padding: 40px 15px; } header .nav-justified > li > a { font-size: 36px; line-height: normal; text-transform: uppercase; color: #fff; } header .nav-justified > li > a:hover, header .nav-justified > li > a:focus { text-decoration: none; background-color: transparent; color: #00AEEF; } header .nav-justified > li > a.active { color: #00AEEF; } header .navbar-collapse { max-height: 380px; padding-right: 0px; padding-left: 0px; } header .nav-justified > li.dropdownlink > a { padding: 40px 15px; } header .nav-justified > li.dropdownlink .dropdown > a { font-size: 36px; line-height: normal; text-transform: uppercase; color: #fff; padding: 40px 15px; } header .nav-justified > li.dropdownlink > a:hover, header .nav-justified > li.dropdownlink > a:focus { text-decoration: none; background-color: transparent; color: #00AEEF !important; } header .nav-justified > li.dropdownlink.active > a { color: #00AEEF; } header .nav.nav-justified .open > a, header .nav.nav-justified .open > a:hover, header .nav.nav-justified .open > a:focus { text-decoration: none; background-color: transparent; color: #00AEEF !important; } header .dropdownlink .open > .dropdown-menu { display: grid; height: auto; left: 15px; padding: 0 10px; margin: 0; border: none; border-radius: 0; background: rgba(39, 55, 99, 0.8); color: #fff; width: auto; font-size: 24px; text-transform: uppercase; } header .dropdownlink .open > .dropdown-menu a { color: #fff; } header .dropdownlink .open > .dropdown-menu a:hover, header .dropdownlink .open > .dropdown-menu a:focus { color: #00AEEF; } /*header home*/ header.header { position: absolute; top: 0; z-index: 15; width: 100%; margin: 0 auto; text-align: center; background: transparent; color: #fff; box-shadow: none; } header.header nav h1 { display: none; } header.header .navbar-toggle { border: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float: left; margin-top: 5%; } header.header .navbar-toggle .icon-bar { border: 1px solid #fff; width: 50px; height: 3px; background-color: #fff; } header.header .navbar-toggle .icon-bar + .icon-bar { margin-top: 10px; } header.header .navbar-header { float: none; padding-left: 20px; padding-right: 20px; } header.header .nav-justified { overflow: hidden; } header.header .nav-justified > li { width: 1%; } header.header .nav-justified > li > a { padding: 40px 15px; } header.header .nav-justified > li > a { font-size: 36px; line-height: normal; text-transform: uppercase; color: #fff; } header.header .nav-justified > li > a:hover, header.header .nav-justified > li > a:focus { text-decoration: none; background-color: transparent; color: #273763; } header.header .nav-justified > li.active > a { color: #273763; } header.header .navbar-collapse { max-height: 380px; padding-right: 0px; padding-left: 0px; } header.header .nav-justified > li.dropdownlink { width: 1%; } header.header .nav-justified > li.dropdownlink > a { padding: 40px; } header.header .nav-justified > li.dropdownlink .dropdown > a { font-size: 36px; line-height: normal; text-transform: uppercase; color: #fff; } header.header .nav-justified > li.dropdownlink > a:hover, header.header .nav-justified > li.dropdownlink > a:focus { text-decoration: none; background-color: transparent; color: #273763 !important; } header.header .nav.nav-justified .open > a, header.header .nav.nav-justified .open > a:hover, header.header .nav.nav-justified .open > a:focus { text-decoration: none; background-color: transparent; color: #273763 !important; } header.header .nav-justified > li.dropdownlink.active > a { color: #273763; } header.header .dropdownlink .open > .dropdown-menu { display: inline-grid; height: 100%; position: relative; left: 25px; padding: 0 10px; margin: 0; border: none; border-radius: 0; background: rgba(39, 55, 99, 0.5); color: #fff; width: -webkit-fill-available; font-size: 24px; text-transform: uppercase; } header.header .dropdownlink .open > .dropdown-menu a { color: #fff; } header.header .dropdownlink .open > .dropdown-menu a:hover, header.header .dropdownlink .open > .dropdown-menu a:focus { color: #273763; } header.header .navbar-collapse.collapse { float: none; } /*Intro*/ #intro { position: relative; z-index: 9; width: 100%; height: 550px; overflow: hidden; } #intro ul { padding: 0; margin: 0; } #intro .homebaner { display: block; background: url(../images/homebaner/homebaner.jpg) 0 0 no-repeat; height: 550px; background-size: cover; } .logo-holder h1 { background: url(../images/logo.png) center center no-repeat; margin-top: 180px; margin-bottom: 0; padding: 0; text-indent: -9999px; background-size: contain; min-height: 125px; width: 100%; } .logo-holder h2 { font-size: 40px; line-height: 48px; color: #fff; text-transform: uppercase; text-align: center; margin: 3% 0 0 0; } .logo-holder h3 { font-size: 36px; line-height: 48px; color: #fff; text-align: center; margin: 0 } .intro-bar { position: absolute; width: 100%; left: 0; bottom: 0; padding: 18px 0; align-items: center; display: -webkit-flex; display: flex; -webkit-align-items: center; background-color: rgba(255, 255, 255, 0.15); border: none; z-index: 3; } .intro-bar .img-responsive { color: #fff; max-height: 50px; } .intro-bar div { text-align: center; } /*What we offer*/ #offer { background: #ecebeb; color: #273763; } #offer .icon-holder { background: url(../images/icons/offer.png) right center no-repeat transparent; height: 190px; background-size: contain; opacity: 0.2; margin: 0; padding: 0; } #offer .text-holder { position: absolute; top: 10%; } #offer h4 { font-size: 60px; line-height: 48px; text-transform: uppercase; margin: 0 auto; text-align: center; width: 100%; } #offer h5 { font-size: 32px; line-height: normal; text-transform: uppercase; margin: 2% auto; text-align: center; width: 100%; } /*Exterior*/ .exterior { padding: 5% 0; } .exterior a { display: block; color: #273763; font-size: 32px; line-height: normal; text-transform: uppercase; margin: 5% auto; text-align: center; width: 100%; } /*Accomodation Box*/ .accomodation-box { overflow: hidden; } .accomodation-wrapper { padding: 0; position: relative; overflow: hidden; } .accomodation-wrapper img { min-width: 100%; width: auto; height: auto; max-height: 299px; transition: 1000ms; -webkit-transition: 1000ms; filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transform: scale(1.01); transform: scale(1.01); } .accomodation-wrapper:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); filter: grayscale(0); -webkit-filter: grayscale(0); } .accomodation-wrapper:hover .app { bottom: -2px !important; } .accomodation-box .app { position: absolute; width: 100%; height: 125px; left: 0; transition: 400ms; -webkit-transition: 400ms; background-color: #fff; opacity: 0.85; } .accomodation-box .app .title { font-size: 55px; line-height: 1; text-align: center; text-transform: uppercase; color: #757575; margin: 0; padding: 40px 0; letter-spacing: -1px; } .accomodation-box .app .title.big { font-size: 48px; line-height: 45px; padding: 40px 5px; } .accomodation-box .app div { background-color: white; padding: 15px 30px 40px; } .accomodation-box .app div p:nth-child(1) { margin-bottom: 10px; border: none; } .accomodation-box .app div p { border: 1px solid #f4f4f4; border-left: none; border-right: none; padding: 5px; margin: 0; font-size: 14px; } /*Contact*/ #contact { background: #273763; } #contact .contact { background: #fff; margin-bottom: 5%; } #contact .contact .icon-holder { background: url(../images/icons/contact.png) right center no-repeat transparent; height: 120px; background-size: contain; opacity: 0.2; margin: 0; padding: 0; } #contact .contact-info { margin: 5% auto; } #contact .contact-info .address span { font-size: 45px; color: #fff; float: left; margin-right: 18px; } #contact .contact-info .address p { font-size: 36px; color: #fff; float: left; } #contact .contact-info .phone { margin-top: 4%; } #contact .contact-info .phone span { font-size: 45px; color: #fff; float: left; margin-right: 18px; } #contact .contact-info .phone p { font-size: 36px; color: #fff; float: left; } #contact .contact-info .mail span { font-size: 45px; color: #fff; float: left; margin-right: 18px; } #contact .contact-info .mail p a { font-size: 36px; color: #fff; float: left; } #contact h5 { font-size: 60px; line-height: normal; font-weight: normal; letter-spacing: 6px; text-transform: uppercase; color: #fff; margin: 73px 0; } #contact .form-control { background-color: transparent; color: #fff; border: none; border-bottom: 3px solid #fff; border-radius: 0; outline: none; height: 50px; width: 100%; font-size: 36px; line-height: normal; font-style: italic; text-transform: normal; margin: 0 0 15px 0; padding: 0; box-shadow: none; box-sizing: content-box; transition: all 0.3s; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; } #contact input:focus { color: #fff; } #contact .form-effect { border-bottom: 3px solid #fff; color: #fff; } #contact .input-group label { color: #fff; position: absolute; top: -15px; left: 15px; font-size: 36px; line-height: normal; font-style: italic; font-weight: lighter; text-transform: inherit; cursor: text; transition: .2s ease-out; } #contact .input-group label.label-effect { content: ''; position: absolute; width: 100%; height: 7px; top: -30px; left: 15px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translateY(-140%); transform: translateY(-140%); color: #fff; font-size: 26px; line-height: normal; } #contact .input-group label.msg_label.label-effect { content: ''; position: absolute; width: 100%; height: 7px; top: -80px; left: 15px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translateY(-140%); transform: translateY(-140%); color: #fff; font-size: 26px; line-height: normal; } #contact .contact-form .input-group label.msg_label.label-effect { content: ''; position: absolute; width: 100%; height: 7px; top: -50px; left: 15px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translateY(-140%); transform: translateY(-140%); color: #fff; font-size: 26px; line-height: normal; } #contact .contact-form textarea { min-height: 100px !important; height: 130px !important; } #contact textarea { min-height: 100px !important; height: 150px !important; } .form-btn { padding: 10px 20px; width: 25%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 3px solid #fff; background: rgba(255,255,255,1); color: #273763; font-size: 36px; line-height: 38px; text-transform: uppercase; letter-spacing: 3px; } .form-btn:hover, .form-btn:focus, .form-btn:active { background: rgba(255,255,255,0.5); color: #273763; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .form-btn img { width: 32px; height: 32px; display: none; } .form-btn img.active { display:inline-block; } #contact .form-control.required { border-bottom: 3px solid red; } #contact .text-holder { display: inline-block; padding-top: 50px; } #contact p { font-size: 21px; line-height: normal; color: #ffffff; } #contact p span { font-size: 21px; line-height: normal; color: #00AEEF; font-weight: bold; display: block; float: left; padding-right: 15px; padding-top: 5px; } #contact .refresh { display: block; float: left; margin-left: 20px; background: url(../images/icons/refresh.png) center center no-repeat transparent; height: 35px; width: 35px; background-size: contain; } #contact #img_captcha { float: left; } .modal-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; font-size: 20px; text-align: center; } .modal-warning { color: #d44950; background-color: #fff3cd; border-color: #ffeeba; font-size: 20px; text-align: center; } .close { font-size: 35px; font-weight: 100; } /*Footer*/ footer { background-color: #d86c7a; color: #fff; padding: 39px 0; } footer p { font-size: 24px; line-height: 40px; margin: 0; letter-spacing: 1px; } footer span { font-size: 16px; line-height: 40px; margin: 0; letter-spacing: 1px; } footer span a { font-size: 16px; line-height: 40px; margin: 0; letter-spacing: 1px; color: #fff; text-decoration: none; } footer span a:hover,footer span a:focus, footer span a:active { font-size: 16px; line-height: 40px; margin: 0; letter-spacing: 1px; color: #fff; text-decoration: none; } footer a { color: #00679a; text-decoration: none; } footer a:hover { color: #273763; text-decoration: underline; } footer ul { margin: 0; padding: 0; } footer ul li { list-style: none; font-size: 24px; line-height: 24px; color: #fff; } footer ul li a { color: #fff; text-decoration: none; } footer ul li a:hover, footer ul li a:focus, footer ul li a:active { color: #273763; text-decoration: underline; } footer .social { float: right; } footer .social li { display: inline-block; font-size: 42px; margin-left: 30px; text-decoration: none; webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } footer .social li:hover { opacity: 1; } footer .social li a { display: block; width: 100%; height: 100%; } footer .social li a.facebook { display: block; background: url(../images/icons/facebook.png) 0 0 no-repeat; height: 42px; width: 22px; background-size: cover; } footer .social li a:hover.facebook { display: block; background: url(../images/icons/facebook-hover.png) 0 0 no-repeat; height: 42px; width:22px; background-size: cover; } /*About Us*/ #about .about .icon-holder { background: url(../images/icons/about.png) right center no-repeat transparent; height: 120px; background-size: contain; opacity: 0.2; margin: 0; padding: 0; } #about h4 { font-size: 26px; line-height: normal; font-weight: 600; margin: 0 0 15px 0; color: #d86c7a; } #about h4 hr { border-top: 1px solid #d86c7a; } #about h5 { font-size: 26px; line-height: normal; font-weight: 600; margin: 40px 0 15px 0; color: #d86c7a; } #about .intro { margin-bottom: 40px; } /*Appartment*/ #appartment article { height: auto; margin: 0; padding: 0; } #appartment article h5 { font-size: 32px; line-height: 40px; color: #273763; margin: 5% auto; text-align: center; width: 100%; } #appartment .pasus { background: #273763; height: auto; padding: 1% 0; } #appartment .pasus h4 { font-size: 36px; line-height: 55px; color: #00AEEF; margin: 0 auto; text-align: center; width: 85%; } #appartment .pasus h5 { font-size: 26px; line-height: 40px; color: #fff; margin: 0 auto; text-align: center; width: 100%; } #appartment .howworks { background: #f6f5f2; color: #898989; height: auto; padding: 5% 0 1% 0; } #appartment .howworks h2 { font-size: 60px; line-height: 50px; color: #d86c7a; text-transform: uppercase; text-align: center; padding: 0; margin: 0; } #appartment .howworks h3 { font-size: 26px; line-height: 40px; color: #273763; margin: 0 auto; padding: 15px 0; text-align: center; width: 100%; } /*Reviews*/ #reviews article { height: auto; margin: 0; padding: 0; } #reviews .awards .icon-holder { background: url(../images/icons/award.png) right center no-repeat transparent; height: 190px; background-size: contain; opacity: 0.2; margin: 0; padding: 0; } #reviews .awards .text-holder { position: absolute; top: 10%; width: 100%; } #reviews .awards h4 { font-size: 60px; line-height: 48px; text-transform: uppercase; margin: 0 auto; text-align: center; width: 100%; color: #d86c7a; } #reviews .awards h5 { font-size: 32px; line-height: normal; text-transform: uppercase; margin: 2% auto; text-align: center; width: 100%; } #reviews .awards-holder { background: #f6f5f2; padding: 5% 0; } #reviews .awards-holder .award1 { background: url(../images/awards/award1.jpg) center center no-repeat transparent; height: 190px; background-size: contain; margin: 0; padding: 0; } #reviews .awards-holder .award2 { background: url(../images/awards/award2.jpg) center center no-repeat transparent; height: 190px; background-size: contain; margin: 0; padding: 0; } #reviews .awards-holder .award3 { background: url(../images/awards/award3.jpg) center center no-repeat transparent; height: 190px; background-size: contain; margin: 0; padding: 0; } #reviews .awards-holder .award4 { background: url(../images/awards/award4.jpg) center center no-repeat transparent; height: 190px; background-size: contain; margin: 0; padding: 0; } #reviews .awards-holder .award5 { background: url(../images/awards/award5.jpg) center center no-repeat transparent; height: 190px; background-size: contain; margin: 0; padding: 0; } #reviews .awards-holder .award6 { background: url(../images/awards/award6.jpg) center center no-repeat transparent; height: 190px; background-size: contain; margin: 0; padding: 0; } #reviews .pasus { background: #273763; height: auto; padding: 1% 0; } #reviews .pasus h4 { font-size: 60px; line-height: 45px; font-weight: bold; color: #00AEEF; text-transform: uppercase; letter-spacing: 4px; margin: 0 auto; text-align: center; padding: 30px 0; } #reviews .pasus h5 { font-size: 26px; line-height: 40px; color: #fff; margin: 0 auto; text-align: center; width: 100%; } #reviews .review-holder { background: #f6f5f2; color: #898989; height: auto; padding: 5% 0 1% 0; } #reviews .review-holder h2 { font-size: 40px; line-height: 30px; color: #d86c7a; text-transform: uppercase; text-align: left; padding: 0; margin: 0; } #reviews .review-holder hr { border-top: 2px solid #d86c7a; } .review-box { padding-bottom: 20px; } .review-box .grade { background: #00AEEF; color: #fff; font-size: 26px; line-height: 20px; font-weight: bold; text-align: right; padding: 15px; } .review-box .comment { font-size: 18px; line-height: 20px; color: #273763; text-align: justify; } .review-box .comment ul { list-style: square; font-size: 18px; line-height: 20px; color: #273763; text-align: justify; padding-left: 20px; } .review-box .comment ul li { padding-bottom: 10px; } .review-box .comment ul li:first-child { padding-top: 10px; } .review-box .author { font-size: 21px; line-height: 20px; color: #898989; font-style: italic; padding-left: 20px; } #reviews .review-holder h3 { font-size: 26px; line-height: 40px; color: #273763; margin: 0 auto; padding: 15px 0; text-align: center; width: 100%; } /*Prices*/ #prices { padding: 1% 0; background: #f6f5f2; } #prices .prices .icon-holder { background: url(../images/icons/price.png) right center no-repeat transparent; height: 120px; background-size: contain; opacity: 0.2; margin: 1% 0; padding: 0; } #prices .table-bordered { border: 1px solid #273763; } #prices th { text-align: center; background: #273763; color: #00AEEF; font-size: 28px; line-height: normal; text-transform: uppercase; } #prices .table-condensed > tbody > tr > td { font-size: 28px; line-height: normal; font-weight: bold; text-transform: uppercase; color: #273763; text-align: center; } #prices .table-bordered > thead > tr > th, #prices .table-bordered > thead > tr > td { border-bottom: 0; } #prices .table-bordered > thead > tr > th { border-right: 1px solid #00AEEF; } #prices .table-bordered > thead > tr > th:last-child { border-right: 1px solid #273763; } #prices .table-bordered > tbody > tr > th, #prices .table-bordered > tfoot > tr > th, #prices .table-bordered > thead > tr > td, #prices .table-bordered > tbody > tr > td, #prices .table-bordered > tfoot > tr > td { border: 1px solid #273763; } #prices .table-condensed > thead > tr > th, #prices .table-condensed > tbody > tr > th, #prices .table-condensed > tfoot > tr > th, #prices .table-condensed > thead > tr > td, #prices .table-condensed > tbody > tr > td, #prices .table-condensed > tfoot > tr > td { padding: 15px; } #prices .table-striped > tbody > tr:nth-of-type(even) { background-color: #fff; } #prices .table-striped > tbody > tr:nth-of-type(odd) { background-color: #eff9fd; } #prices .text-holder { display: inline-block; padding-top: 50px; } #prices p { font-size: 21px; line-height: normal; color: #273763; } #prices p span { font-size: 21px; line-height: normal; color: #00AEEF; font-weight: bold; display: block; float: left; padding-right: 15px; padding-top: 5px; } /*Flexslider*/ .flexslider { background: transparent !important; border: none !important; } .flexslider .slides img { height: 540px !important; width: auto !important; margin: 0 auto; } .flex-direction-nav .flex-next { height: 50px !important; } .flex-direction-nav .flex-prev { height: 50px !important; } /*-------------------------------------------------------------------------------------------*/ /* MEDIA QUERY /*-------------------------------------------------------------------------------------------*/ @media (max-width: 1920px) and (min-width: 1681px) { .accomodation-wrapper img { max-height: 350px; } } @media (max-width: 1680px) and (min-width: 1300px) { .accomodation-wrapper img { max-height: 283px; } #contact .contact-info { margin: 5% auto; } } @media (max-width: 1299px) and (min-width: 1024px) { header h1.logo { width: 130px; margin-right: 0; } header .navbar-collapse.collapse { float: right; } header .nav-justified > li > a { font-size: 32px; padding: 36px 12px; } header.header .nav-justified > li > a { font-size: 32px; } header.header .nav-justified > li.dropdownlink .dropdown > a { font-size: 32px; } #offer h5 { width: 84%; } .accomodation-wrapper img { max-height: 223px; } #appartment .accomodation-wrapper img { max-height: 100%; } #prices th { font-size: 28px; } #reviews .awards-holder .award1, #reviews .awards-holder .award2, #reviews .awards-holder .award3, #reviews .awards-holder .award4 #reviews .awards-holder .award5, #reviews .awards-holder .award6 { margin-bottom: 30px; } #contact .contact-info { margin: 5% auto; width: 90%; } #contact h5 { letter-spacing: 3px; margin: 5% 0; } #contact .form-control { border-bottom: 2px solid #898989; } #contact .form-effect { border-bottom: 2px solid #898989; } #contact .input-group { margin-bottom: 50px; } #contact .mb80 { margin: 0 !important; } #contact .mb100 { margin: 0 !important; } #contact .mb140 { margin: 0 !important; } #contact .form-btn { margin-bottom: 50px !important; } #contact textarea { min-height: 50px !important; height: 100px !important; font-size: 30px !important; } #contact .input-group label.msg_label.label-effect { top: -30px; } footer { padding: 20px 0; } footer p { text-align: center; } footer span { text-align: center; display: block; width: 100%; } footer .social { width: 100%; margin: 0 auto; text-align: center; margin-top: 2%; } } @media (max-width: 1023px) and (min-width: 992px) { header h1.logo { width: 130px; margin-right: 0; } header .navbar-collapse.collapse { float: right; } header .nav-justified > li > a { font-size: 32px; padding: 36px 12px; } header.header .nav-justified > li > a { font-size: 32px; } header.header .nav-justified > li.dropdownlink .dropdown > a { font-size: 32px; } #offer h5 { width: 84%; } .accomodation-wrapper img { max-height: 212px; } #appartment .accomodation-wrapper img { max-height: 100%; } #appartment .pasus { padding: 3% 0; } #appartment .pasus h4 { font-size: 30px; line-height: 40px; } #prices th { font-size: 28px; } #reviews .awards-holder .award1, #reviews .awards-holder .award2, #reviews .awards-holder .award3, #reviews .awards-holder .award4, #reviews .awards-holder .award5, #reviews .awards-holder .award6 { margin-bottom: 30px; } #contact .contact-info { margin: 5% auto; width: 50%; } #contact h5 { letter-spacing: 3px; margin: 5% 0; } #contact .form-control { border-bottom: 2px solid #898989; } #contact .form-effect { border-bottom: 2px solid #898989; } #contact .input-group { margin-bottom: 50px; } #contact .mb80 { margin: 0 !important; } #contact .mb100 { margin: 0 !important; } #contact .mb140 { margin: 0 !important; } #contact .form-btn { margin-bottom: 50px !important; } footer { padding: 20px 0; } footer p { text-align: center; } footer span { text-align: center; display: block; width: 100%; } footer .social { width: 100%; margin: 0 auto; text-align: center; margin-top: 2%; } } @media (max-width: 991px) and (min-width: 768px) { header.header .navbar-toggle:hover .icon-bar, header.header .navbar-toggle:active .icon-bar, header.header .navbar-toggle:focus .icon-bar { border: 1px solid #273763; background-color: #273763; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .nav-justified > li > a { font-size: 28px; padding: 36px 15px; } header .nav-justified > li.dropdownlink .dropdown > a { font-size: 28px; } header.header .nav-justified > li > a { font-size: 28px; padding: 36px 0; } header.header .nav-justified > li.dropdownlink .dropdown > a { font-size: 28px; } header h1.logo { height: 75px; width: 100%; margin-right: 0; } #intro { height: auto; } #intro .homebaner { height: 500px; } .logo-holder h1 { margin-top: 20%; margin-bottom: 3%; } .logo-holder h2 { font-size: 30px; line-height: 50px; } .logo-holder h3 { font-size: 26px; line-height: 40px; } #offer { padding: 5% 0; } #offer h4 { font-size: 60px; line-height: 53px; } #offer h5 { font-size: 30px; line-height: 42px; margin: 3% auto; width: 75%; } .accomodation-wrapper img { max-height: 100%; } #appartment .accomodation-wrapper img { max-height: 100%; } #appartment .pasus { padding: 3% 0; } #appartment .pasus h4 { font-size: 30px; line-height: 40px; } #appartment .howworks { padding: 5% 0; } #appartment .howworks h2 { font-size: 50px; } #about h4 { font-size: 30px; } #about h3 { font-size: 26px; line-height: normal; } #prices .container { padding: 0; } #prices th { font-size: 19px; } #prices .table-bordered { width: 100%; } #prices .table-condensed > tbody > tr > td { font-size: 21px; } #prices .table-condensed > thead > tr > th, #prices .table-condensed > tbody > tr > th, #prices .table-condensed > tfoot > tr > th, #prices .table-condensed > thead > tr > td, #prices .table-condensed > tbody > tr > td, #prices .table-condensed > tfoot > tr > td { padding: 15px 10px; } #prices p { font-size: 25px; } #prices p span { font-size: 25px; padding-right: 0; width: 7%; } #reviews .awards-holder .award1, #reviews .awards-holder .award2, #reviews .awards-holder .award3, #reviews .awards-holder .award4, #reviews .awards-holder .award5, #reviews .awards-holder .award6 { margin-bottom: 30px; } #contact .contact { margin-bottom: 10%; } #contact .contact-info { margin: 5% auto; width: 75%; } #contact h5 { letter-spacing: 3px; margin: 5% 0 8% 0; } #contact .form-control { border-bottom: 2px solid #898989; } #contact .form-effect { border-bottom: 2px solid #898989; } #contact .input-group { margin-bottom: 50px; } #contact .mb80 { margin: 0 !important; } #contact .mb100 { margin: 0 !important; } #contact .mb140 { margin: 0 !important; } #contact .form-btn { margin-bottom: 50px !important; } footer { padding: 20px 0; } footer p { text-align: center; } footer span { text-align: center; display: block; width: 100%; } footer .social { width: 100%; margin: 0 auto; text-align: center; margin-top: 2%; } } @media (max-width: 767px) and (min-width: 480px) { header h1.logo { display: none; } header .container { padding: 0; } nav h1 { display: block; } header { background: transparent; } header .navbar-header { background: #273763; } header .navbar-header h1 { background: url(../images/logo.png) center center no-repeat; margin-top: 15px; margin-bottom: 15px; text-indent: -9999px; background-size: contain; min-height: 80px; } header .navbar-toggle { margin-top: 8%; } header .navbar-collapse { background: rgba(39, 55, 99, 1); overflow: hidden; border-top: none; -moz-box-shadow: none; box-shadow: none; width: 100%; max-height: 100%; padding-top: 5%; } header .navbar-collapse.in { overflow: visible; } header .nav-justified > li { width: 100%; } header .nav-justified > li.dropdownlink { width: 100%; } header .nav-justified > li > a { padding: 10px 80px; margin: 0; text-align: left; } header .nav-justified > li.dropdownlink .dropdown > a { font-size: 42px; line-height: normal; text-transform: uppercase; color: #fff; padding: 10px 80px; margin: 0; text-align: left; width: 100%; display: block; } header .dropdownlink .open > .dropdown-menu { left: 80px; background: transparent; box-shadow: none; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 20px; display: inline-grid; height: 100%; position: relative; width: 100%; } header .dropdownlink .open > .dropdown-menu a { font-size: 32px; line-height: normal; } header .nav-justified > li > a { padding: 10px 80px; margin: 0; text-align: left; display: flex; } header .nav-justified > li > a:hover, header.header .nav-justified > li > a:focus { color: #00AEEF; } header .nav.nav-justified .open > a, header .nav.nav-justified .open > a:hover, header .nav.nav-justified .open > a:focus { color: #00AEEF !important; } header .dropdownlink .open > .dropdown-menu a:hover, header .dropdownlink .open > .dropdown-menu a:focus { color: #00AEEF; } header.header .navbar-header { background: transparent; } header.header .navbar-header h1 { display: block; background: url(../images/logo.png) center center no-repeat; margin-top: 15px; margin-bottom: 0; text-indent: -9999px; background-size: contain; min-height: 80px; width: 100%; float: none; } header.header .navbar-toggle { margin-top: 8%; } header.header .navbar-collapse { background: rgba(39, 55, 99, 0.95); overflow: hidden; border-top: none; -moz-box-shadow: none; box-shadow: none; max-height: 100%; margin-top: 5%; } header.header .navbar-collapse.in { overflow: visible; } header.header .nav-justified > li { width: 100%; } header.header .nav-justified > li.dropdownlink { width: 100%; } header.header .nav-justified > li.dropdownlink .dropdown > a { font-size: 42px; line-height: normal; text-transform: uppercase; color: #fff; padding: 10px 80px; margin: 0; text-align: left; width: 100%; display: block; } header.header .dropdownlink .open > .dropdown-menu { left: 80px; background: transparent; box-shadow: none; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 20px; } header.header .dropdownlink .open > .dropdown-menu a { font-size: 32px; line-height: normal; } header.header .nav-justified > li > a { padding: 10px 80px; margin: 0; text-align: left; display: flex; } header.header .nav-justified > li > a:hover, header.header .nav-justified > li > a:focus { color: #00AEEF; } header.header .nav.nav-justified .open > a, header.header .nav.nav-justified .open > a:hover, header.header .nav.nav-justified .open > a:focus { color: #00AEEF !important; } header.header .dropdownlink .open > .dropdown-menu a:hover, header.header .dropdownlink .open > .dropdown-menu a:focus { color: #00AEEF; } #intro { height: auto; } #intro .homebaner { height: 300px; } .logo-holder { margin-top: 35%; } .logo-holder h1 { display: none; } .logo-holder h2 { font-size: 30px; line-height: 37px; margin-bottom: 5%; } .logo-holder h3 { font-size: 26px; line-height: 30px; } #offer .text-holder { top: 20%; } #offer h5 { font-size: 24px; } .flexslider { margin: 0 0 20px !important; } .flexslider .slides img { height: 350px !important; } .accomodation-wrapper { max-height: 100%; } .accomodation-box .app .title { font-size: 55px; line-height: 55px; padding: 35px 0; } .accomodation-box .app .title.big { font-size: 48px; line-height: 45px; padding: 35px 5px; } .flex-control-nav { display: none; } .flexslider p { width: 80%; margin: 10% auto; padding: 5%; background-color: rgba(230, 134, 143, 0.8); color: #fff; height: 49%; text-align: center; font-size: 25px; } #appartment .howworks .howworks-items { margin: 0; } #appartment .howworks .one img { width: 20%; } #appartment .pasus { padding: 5% 0; } #appartment .pasus h4 { font-size: 26px; line-height: normal; width: 100%; } #appartment .pasus h5 { font-size: 30px; line-height: normal; } #appartment article h5 { line-height: normal; } #appartment .howworks h2 { font-size: 50px; } #appartment .howworks h3 { text-align: justify; } #appartment .howworks .howworks-items p { margin: 0; font-size: 23px; line-height: normal; text-align: center; } #appartment .app-logos h2 { font-size: 28px; line-height: normal; } #appartment .headline-wrapper { height: 300px; } #about .about .icon-holder { height: 90px; margin-bottom: 3%; } #about h3 { line-height: normal; } #about .map { height: auto; } #about .map h4 { font-size: 24px; line-height: 30px; width: 100%; margin: 8% auto; } #reviews .awards-holder .award1, #reviews .awards-holder .award2, #reviews .awards-holder .award3, #reviews .awards-holder .award4, #reviews .awards-holder .award5, #reviews .awards-holder .award6 { margin-bottom: 30px; } #contact .contact { margin-bottom: 15%; } #contact .contact .icon-holder { height: 90px; } #contact .contact-info { margin: 10% auto; width: 85%; } #contact .contact-info .address span { font-size: 30px; } #contact .contact-info .address p { font-size: 24px; line-height: 30px; } #contact .contact-info .phone span { font-size: 30px; } #contact .contact-info .phone p { font-size: 24px; line-height: 30px; } #contact .contact-info .mail span { font-size: 30px; } #contact .contact-info .mail p a { font-size: 24px; line-height: 30px; } #contact h5 { font-size: 50px; line-height: 45px; letter-spacing: 1px; text-align: center; margin: 30px 0 50px 0; } #contact .form-control { border-bottom: 1px solid #898989; height: 35px; font-size: 26px; line-height: 30px; padding-left: 10px; } #contact .form-effect { border-bottom: 1px solid #898989; } #contact .input-group { margin-bottom: 50px; } #contact .input-group label { top: 5px; font-size: 30px; line-height: 24px; } #contact .mb80 { margin: 0 !important; } #contact .mb100 { margin: 0 !important; } #contact .mb140 { margin: 0 !important; } #contact .form-btn { margin-bottom: 50px !important; width: 100%; padding: 30px; font-size: 60px; line-height: 45px; } #contact textarea { min-height: 50px !important; height: 100px !important; font-size: 26px !important; } #contact .contact-form textarea { min-height: 50px !important; height: 100px !important; font-size: 26px !important; } #contact .input-group label.msg_label.label-effect { top: -21px; } footer { padding: 20px 0; } footer p { font-size: 16px; letter-spacing: 0; text-align: center; } footer span { font-size: 16px; letter-spacing: 0; text-align: center; display: block; width: 100%; } footer .social { width: 100%; margin: 0 auto; text-align: center; margin-top: 2%; } /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; border: none; padding: 0; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: none; margin-bottom: 2%; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: inherit; left: 6px; width: 60%; padding-right: 0; white-space: nowrap; text-align: left; font-size: 22px; font-weight: bold; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } #prices .prices .icon-holder { height: 90px; margin-bottom: 3%; } #prices .intro .container { padding-left: 0; padding-right: 0; } #prices .table-bordered { border: none; } #prices .table-condensed > tbody > tr > td { font-size: 20px; font-weight: normal; text-align: right; } } @media (max-width: 479px) and (min-width: 0) { header .container { padding: 0; } header h1.logo { display: none; } nav h1 { display: block; } header { background: transparent; } header .navbar-header { background: #273763; } header .navbar-header h1 { background: url(../images/logo.png) 65% center no-repeat; margin-top: 15px; margin-bottom: 15px; text-indent: -9999px; background-size: contain; min-height: 80px; } header .navbar-toggle { margin-top: 8%; } header .navbar-collapse { background: rgba(39, 55, 99, 1); overflow: hidden; border-top: none; -moz-box-shadow: none; box-shadow: none; width: 100%; max-height: 100%; padding-top: 5%; } header .navbar-collapse.in { overflow: visible; } header .nav-justified > li { width: 100%; } header .nav-justified > li.dropdownlink { width: 100%; } header .nav-justified > li > a { padding: 10px 80px; margin: 0; text-align: left; } header .nav-justified > li.dropdownlink .dropdown > a { font-size: 42px; line-height: normal; text-transform: uppercase; color: #fff; padding: 10px 80px; margin: 0; text-align: left; width: 100%; display: block; } header .dropdownlink .open > .dropdown-menu { left: 80px; background: transparent; box-shadow: none; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 20px; display: inline-grid; height: 100%; position: relative; width: 100%; } header .dropdownlink .open > .dropdown-menu a { font-size: 32px; line-height: normal; } header .nav-justified > li > a { padding: 10px 80px; margin: 0; text-align: left; display: flex; } header .nav-justified > li > a:hover, header.header .nav-justified > li > a:focus { color: #00AEEF; } header .nav.nav-justified .open > a, header .nav.nav-justified .open > a:hover, header .nav.nav-justified .open > a:focus { color: #00AEEF !important; } header .dropdownlink .open > .dropdown-menu a:hover, header .dropdownlink .open > .dropdown-menu a:focus { color: #00AEEF; } header.header .navbar-header { background: transparent; padding-left: 15px; padding-right: 15px; } header.header .navbar-header h1 { display: block; background: url(../images/logo.png) 65% center no-repeat; margin-top: 15px; margin-bottom: 0; text-indent: -9999px; background-size: contain; min-height: 80px; width: 100%; float: none; } header.header .navbar-toggle { margin-top: 15%; padding-left: 0; } header.header .navbar-collapse { background: rgba(39, 55, 99, 0.95); overflow: hidden; border-top: none; -moz-box-shadow: none; box-shadow: none; max-height: 100%; margin-top: 5%; } header.header .navbar-collapse.in { overflow: visible; } header.header .nav-justified > li { width: 100%; } header.header .nav-justified > li.dropdownlink { width: 100%; } header.header .nav-justified > li.dropdownlink .dropdown > a { font-size: 42px; line-height: normal; text-transform: uppercase; color: #fff; padding: 10px 80px; margin: 0; text-align: left; width: 100%; display: block; } header.header .dropdownlink .open > .dropdown-menu { left: 80px; background: transparent; box-shadow: none; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 20px; } header.header .dropdownlink .open > .dropdown-menu a { font-size: 32px; line-height: normal; } header.header .nav-justified > li > a { padding: 10px 80px; margin: 0; text-align: left; display: flex; } header.header .nav-justified > li > a:hover, header.header .nav-justified > li > a:focus { color: #00AEEF; } header.header .nav.nav-justified .open > a, header.header .nav.nav-justified .open > a:hover, header.header .nav.nav-justified .open > a:focus { color: #00AEEF !important; } header.header .dropdownlink .open > .dropdown-menu a:hover, header.header .dropdownlink .open > .dropdown-menu a:focus { color: #00AEEF; } #intro { height: auto; } #intro .homebaner { height: 400px; } .logo-holder { margin-top: 62%; } .logo-holder h1 { display: none; } .logo-holder h2 { font-size: 30px; line-height: 37px; margin-bottom: 5%; } .logo-holder h3 { font-size: 26px; line-height: 30px; } #offer .icon-holder { background-size: cover; background-position: center center; height: 275px; opacity: 0.1; } #offer .text-holder { top: 20%; } #offer h4 { font-size: 45px; line-height: 35px; } #offer h5 { font-size: 24px; margin: 10% auto; } #offer h6 { font-size: 24px; } .exterior { padding: 0; } .accomodation-wrapper { max-height: 250px; } .accomodation-box .app { height: 89px; } .accomodation-box .app .title { font-size: 48px; line-height: 45px; padding: 22px 0; letter-spacing: -1px; } .flexslider { margin-bottom: 15px !important; } .flexslider .wrapper { padding: 0; } .flex-control-nav { display: none; } .flexslider p { width: 90%; margin: 22% auto; padding: 5%; background-color: rgba(230, 134, 143, 0.8); color: #fff; height: 49%; text-align: center; font-size: 25px; line-height: 28px; } .flexslider .slides img { height: 230px !important; } #appartment .howworks .howworks-items { margin: 0; padding: 15px; } #appartment .howworks .one img { width: 30%; } #appartment .pasus { padding: 5% 0; } #appartment .pasus h5 { font-size: 18px; line-height: normal; } #appartment .pasus h4 { font-size: 26px; line-height: normal; } #appartment article h5 { font-size: 18px; line-height: normal; } #appartment .howworks h2 { font-size: 36px; line-height: normal; } #appartment .howworks .howworks-items p { margin: 0; font-size: 20px; line-height: normal; text-align: center; padding: 20px 0; } #appartment .app-logos h2 { font-size: 23px; line-height: normal; } #appartment .headline-wrapper { height: 200px; } #appartment .headline .model-caption { font-size: 36px; line-height: 46px; } #appartment .headline-wrapper .model-text { width: 90%; } #appartment .headline .model-text .title { font-size: 26px; } #about .about .icon-holder { height: 90px; margin-bottom: 3%; } #about { padding: 0 0 40px 0; } #about h4 { text-align: justify; } #about h4 hr { margin: 15px 0; width: 100%; } #about h3 { font-size: 22px; line-height: 28px; } #about p { font-size: 24px; line-height: 34px; } #about .map { height: auto; background-position: -150px 3px; } #about .map h4 { font-size: 24px; line-height: 30px; width: 100%; margin: 8% auto; } #reviews .awards-holder .award1, #reviews .awards-holder .award2, #reviews .awards-holder .award3, #reviews .awards-holder .award4, #reviews .awards-holder .award5, #reviews .awards-holder .award6 { margin-bottom: 30px; } #contact .container-fluid { padding: 0; } #contact .contact { margin-bottom: 0; } #contact .contact .icon-holder { height: 90px; } #contact .contact-info { margin: 5% auto; width: 100%; } #contact .contact-info .address span { font-size: 30px; width: 100%; float: none; text-align: center; } #contact .contact-info .address p { font-size: 22px; line-height: 40px; width: 100%; float: none; text-align: center; } #contact .contact-info .phone span { font-size: 30px; width: 100%; float: none; text-align: center; } #contact .contact-info .phone p { font-size: 22px; line-height: 40px; width: 100%; float: none; text-align: center; } #contact .contact-info .mail span { font-size: 30px; width: 100%; float: none; text-align: center; } #contact .contact-info .mail p a { font-size: 22px; line-height: 40px; width: 100%; float: none; text-align: center; display: block; } #contact h5 { font-size: 50px; line-height: 45px; letter-spacing: 1px; text-align: center; margin: 30px 0 50px 0; } #contact .form-control { border-bottom: 1px solid #898989; height: 35px; font-size: 26px; line-height: 30px; padding-left: 10px; } #contact .form-effect { border-bottom: 1px solid #fff; } #contact .input-group { margin-bottom: 50px; } #contact .input-group label { top: 5px; font-size: 30px; line-height: 24px; } #contact .mb80 { margin: 0 !important; } #contact .mb100 { margin: 0 !important; } #contact .mb140 { margin: 0 !important; } #contact .form-btn { margin-bottom: 50px !important; width: 100%; padding: 25px 30px; font-size: 50px; line-height: 35px; } #contact textarea { min-height: 50px !important; height: 100px !important; font-size: 26px !important; } #contact .input-group label.msg_label.label-effect { top: -21px; } footer { padding: 20px 0; } footer p { font-size: 14px; line-height: 16px; letter-spacing: 0; text-align: center; } footer span { font-size: 14px; line-height: 16px; letter-spacing: 0; text-align: center; display: block; width: 100%; } footer p a { display: block; text-align: center; font-size: 18px; margin-top: 10px; margin-bottom: 15px; display: block; width: 100%; } footer .social { width: 100%; margin: 0 auto; text-align: center; margin-top: 2%; } /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; border: none; padding: 0; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: none; margin-bottom: 7%; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #no-more-tables td:before { /* Now like a table header */ position: static; /* Top/left values mimic padding */ top: inherit; left: 6px; width: 100%; padding-right: 0; white-space: normal; text-align: center; font-size: 20px; line-height: 20px; font-weight: bold; display: block; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } #prices .prices .icon-holder { height: 90px; margin-bottom: 3%; } #prices .intro .container { padding-left: 0; padding-right: 0; } #prices .table-bordered { border: none; } #prices .table-condensed > tbody > tr > td { font-size: 20px; font-weight: normal; text-align: center; padding: 15px 5px; } #prices .text-holder { padding-top: 10%; padding-bottom: 10%; } #prices p span { width: 20%; padding-right: 0; font-size: 34px; } }