/* -------------------------------------------------------------- */ html{font-size:22px;} html, body { outline:none; margin:0px !important;} body {font-weight:300;margin:0px;padding:0px;background:#1a1718;color:#000; line-height:100%; } :focus { outline: 0; } h1, h2, h3, h4, h5, h6{font-weight:500; margin:0px;} .hundred { width:100%; float:left; } .fleft { float:left; } .fright { float:right; } .clr { clear:both; } img { max-width:100% !important; height:auto !important; } p { margin:0 0 10px 0; } ul, ol{list-style:none; margin:0px; padding:0px;} input:focus, textarea:focus, select:focus { outline:none; } a{text-decoration:none; color:#fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; outline:0; } a:focus, a:active{outline:0 !important; text-decoration:none;} a:hover{ color:#9ddefb; text-decoration:none;} .alignleft { float: left; } img.alignleft{margin-right:25px; margin-bottom:25px;} .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } iframe{max-width:100% !important;} .container { margin:0px auto; width:100% !important; padding:0px 120px; } img{max-width:100% !important; height:auto !important; display:block;} .text-center{text-align:center;} .font-capital{text-transform:uppercase;} .margin-bot-10{margin-bottom:10px !important;} .margin-bot-15{margin-bottom:15px !important;} .margin-bot-20{margin-bottom:20px !important;} .wpcf7-response-output{float:left; width:100%; margin:20px 0px !important; font-size:19px;} .btn, input[type="submit"]{ background-color:#fff; font-size:0.8rem; display:inline-block; line-height:100%; border:3px; color:#eb4f1b; padding:18px 48px; cursor:pointer; font-weight:500; border-radius:0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; outline:0; } .btn:hover, input[type="submit"]:hover{ background-color:#0064b4; color:#fff;} .table{display:table; width:100%; float:left;} .table .col{ display:table-cell; vertical-align:top;} a.tog{display:none;} .video-out{ position:relative; float:left; width:100%; padding-bottom:56.3%;} .video-out iframe{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9;} .primary-title{font-size:2.9rem;} .sub-title{font-size:2.1rem; line-height:110%;} #page{background:#fff;} /*==================================================*/ .head-out{ background:#eb4f1b; height:116px;} #header{padding:20px 0px; background:#eb4f1b; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } #header.sticky{float:none; position:fixed; width:100%; left:0px; top:0px; z-index:999; box-shadow:2px 2px 9px -5px #000;} .logo img{ width:161px; height:auto !important; display:block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } #header.sticky .logo img{} #header.sticky .logo{} #nav{ float:left; margin:25px 0px 0px 20px;} #nav ul{text-align:center;} #nav li{ float:left; position:relative; margin:0px 24px;} #nav li a{color:#fff; float:left; font-size:0.8rem; text-transform:uppercase; font-weight:300; line-height:100%;} #nav li a:hover, #nav li.current_page_item a{color:#e2e2e2;} #nav li.cam a{ background:url(images/cam.png) 0 3px no-repeat; padding-left:27px;} .overlay { height: 0%; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background:url(images/orange-trans.png); overflow-y: hidden; transition: 0.5s; } .overlay-content { position: relative; top: 20%; width: 100%; text-align: center; margin-top: 30px; } .overlay a { text-decoration: none; font-size:1.7rem; font-weight:500; color: #fff; display: block; transition: 0.3s; text-transform:uppercase; } .overlay a:hover, .overlay a:focus { color: #0064b4; } .overlay .logo{position: absolute; top:15px; left:40px; padding:0px;} .overlay .closebtn { line-height:100%; font-weight:normal; padding:0px; position: absolute; top:35px; right:40px; font-size:1.3rem; } .overlay-content{} .overlay-content li a{padding:32px 0px; float:left; width:100%;} .overlay-content li a:hover, .overlay-content li a:focus, .overlay-content li a:active{ background:#fdeee9; color:#ea4f1b;} .overlay-content li.cam a::before{content:""; background:url(images/cam-big.png) 0 0px no-repeat; background-size:36px 26px; width:36px; height:26px; display:inline-block; margin-right:12px; text-align:center;} .overlay-content li.cam:hover a::before{background-image:url(images/cam-big-h.png);} #h-right{ margin-top:20px; float:right;} #h-right ul.menu, .menu-header-right-container{float:left;} #h-right ul.menu li{display:inline; vertical-align:middle; margin-left:30px;} #h-right ul.menu li a{color:#fff; font-size:0.8rem;} #h-right ul.menu li.book a, #h-right a.tog{ background-color:#fff; color:#eb4f1b; padding:20px 53px; } #h-right ul.menu li.book a:hover, #h-right a.tog:hover{ color:#fff; background-color:#0064b4;} /*==================================================================*/ #hm-page{} #hm-page #banner{background-repeat:no-repeat; background-position:center top; background-size:cover; height:1294px; position:relative;} #hm-page #banner .ban-area{float:left; width:100%; padding:0px 70px; background-repeat:no-repeat; background-position:center top; background-size:0px;} #hm-page #banner .top{margin:70px 0px 0px 0px; color:#0064b4; font-size:1rem; font-weight:700; line-height:130%;} #hm-page #banner .top p{margin-bottom:24px;} #hm-page #banner .top h1{ text-transform:uppercase; line-height:130%; margin-bottom:8px; float:left; width:100%;} #hm-page #banner .top h2{ text-transform:uppercase; color:#eb4f1b; margin-top:-5px; line-height:130%; float:left; width:100%;} #hm-page #banner .bound{padding:0px; margin:0px auto; width:100%;} #hm-page #av-frm{ background:url(images/white-trans.png); padding:45px 50px; border-left:5px solid #eb4f1b; max-width:100% !important; margin-top:200px;} #hm-page.bot{padding:60px 0px 110px 0px; background:#f6f6f6;} #contact-page #hm-page.bot input.btn{border:none !important;} #hm-page.bot #av-frm{margin:0px !important; background-color:#fff;} #hm-page #av-frm .group{margin-right:3%; text-align:center;} #hm-page #av-frm .date{ width:27%;} #hm-page #av-frm .person{ width:18%;} #hm-page #av-frm .code{ width:25%;} #hm-page #av-frm .btn-row{margin-right:0px; width:20%;} #hm-page #av-frm .group .col{width:46%;} #hm-page #av-frm input[type=text]{float:left; width:100%; border:1px solid #bebebe; border-top:2px solid #787878; background:#fff; padding:5px 15px; height:53px; font-size:0.65rem; font-weight:normal; font-family:inherit; color: #000; text-align:center;} #hm-page #av-frm label{float:left; width:100%; font-size:0.65rem; margin-bottom:6px; text-transform:uppercase;} #hm-page #av-frm .btn{ background:#eb4f1b; color:#fff; text-transform:uppercase; padding: 18px 20px; width:100%;} #hm-page #av-frm .btn:hover{ background:#0064b4;} #hm-page #banner .bottom{position:absolute; bottom:0px; width:100%; left:0px; color:#fff;} #hm-page #banner .bottom .table .col{ padding:55px 0px 65px 0px; font-size:0.8rem; line-height:125%;} #hm-page #banner .bottom .table .col p{margin-bottom:20px;} #hm-page #banner .bottom .table .col p:last-child{margin:0px;} #hm-page #banner .bottom .table .col.about{width:65%; background:url(images/blue-trans.png);} #hm-page #banner .bottom .table .col.testi{width:35%; background:url(images/grey-trans.png);} #hm-page #banner .bottom .table .col.testi .container{padding:0px 90px;} #hm-page #banner .bottom .table .col.testi .img{} #hm-page #banner .bottom .table .col.testi .text{} #hm-page #banner .bottom .table .col.testi .text strong{float:left; width:100%; margin:0px 0px 15px 0px;} #hm-page #banner .bottom .table .col .sub-title{margin-bottom:40px;} #hm-page #banner .bottom .table .col a.btn{background-color:transparent; border:2px solid #fff; font-size:0.9rem; color:#fff; margin-top:20px;} #hm-page #banner .bottom .table .col a.btn:hover{background-color:#fff; color:#1172b9;} #hm-page #banner .bottom .table .col.testi a.btn:hover{color:#888;} #hm-page #awards{ padding:70px 0px 100px 0px; background-image: url(images/awards-bg.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:cover;} #hm-page #awards .sub-title{margin-bottom:55px; color:#1a1718;} #hm-page #awards .out{display: flex; justify-content: space-between;} #hm-page #awards .img{max-width:214px !important;} #hm-page #awards .img:first-child{margin-left:0px;} #hm-page #pro{ padding:70px 0px 75px 0px; background:#0064b4;} #hm-page #pro .sub-title{margin-bottom:40px; color:#fff;} #hm-page #pro .box{float:left; width:21.2%; margin:0px 5% 55px 0px; color:#fff; font-size:0.8rem; line-height:125%;} #hm-page #pro .out .box:last-child{margin-right:0px;} #hm-page #pro .box .img{margin-bottom:20px; float:left; width:100%;} #hm-page #pro .box .img img{width:100% !important;} #hm-page #pro .box a{text-decoration:underline; color:#fff;} #hm-page #pro .box a:hover{text-decoration:none; color:#5fb9e2;} #hm-page #pro .box h4{font-size:1.1rem; margin-bottom:10px;} #subscribe{position:relative;} #subscribe .in{background:#eb4f1b; position:absolute; width:100%; top:-59px; left:0px; padding:30px 0px; text-align:center; box-shadow:2px 2px 9px -5px #000;} #subscribe .in span{display:inline; margin:0px 10px; color:#fff; font-weight:500; } #subscribe .in span .btn{text-transform:uppercase;font-size:0.8rem; padding: 18px 35px;} /*==================================================================*/ #footer{ background:#1a1718; padding:90px 0px 55px 0px; color:#fff;} #footer .col{float:left; font-size:0.8rem; line-height:135%; width:14%; margin-right:3%;} #footer .col.five{margin-right:0px; width:14%; text-align:right;} #footer .col.two{width:32%;} #footer .col .widget-title{font-weight:500; margin-bottom:6px;} #footer .col .menu li{padding-bottom:4px;} #footer .col .menu a{text-decoration:underline; color:#fff;} #footer .col .menu a:hover{text-decoration:none;} #footer .col .btn{background-color:transparent; border:2px solid #fff; color:#fff; margin-top:20px; font-size:0.8rem; padding:12px 30px;} #footer .col .btn:hover{background-color:#fff; color:#1a1718;} #footer .col.two .menu li{width:49%; margin-right:1%; float:left;} #footer .col.five a{display:inline-block;} #footer .col.five p, #footer .col.five a{text-align:right;} .awesome-weather-header{display:none;} .awesome-weather-current-temp{font-size:35px; padding:5px 0px 0px 60px !important; text-align:left !important; width:auto !important; white-space:normal !important; display:inline-block;} .awesome-weather-cover{background-position:left 4px; background-repeat:no-repeat; background-size: 50px 50px; width:auto !important; display:inline-block; text-align:center;} /*==============================Inner Pages====================================*/ #inner{} #inner .entry-header{ background-position:left top; position:relative; background-repeat:no-repeat; background-size:cover;} #inner .entry-header.large{height:1294px;} #inner .entry-header.medium{height:695px;} #inner .entry-header .entry-title{ background:url(images/white-trans.png); line-height:105%; padding:80px 0px; text-align:center; color:#0064b4;} #inner .entry-header .entry-title.image-title{padding:65px 0px;} #inner .entry-header .entry-title img.title-img{text-align:center; margin:0px auto; max-width:235px;} #inner .entry-header .entry-title br{ line-height:0px;} #inner .entry-header .entry-title .sub{ color:#000; font-size:1.2rem; font-weight:500;} #inner .entry-header.large .entry-head-in{background-position:left top; background-repeat:no-repeat; background-size:0px;} #pro-land.interior .entry-header #head-in{background:url(images/white-trans.png); padding:30px 0px 80px 0px; text-align:center;} #pro-land.interior .entry-header .entry-title{padding:0px; background:none;} #inner .entry-header .bread-out{ margin:0px 0px 50px 0px; font-size:0.7rem; font-weight:500;} #inner .entry-header .bread-out a{ color:#01548e; text-decoration:underline;} #inner .entry-header .bread-out a:hover{text-decoration:none;} #pro-land.interior .entry-header .sub-title{margin-top:15px; line-height:120%; color:#e46800;} #pro-land.interior .entry-header p{ font-weight:500; margin:20px 0px 0px 0px; line-height:120%;} #our-pro .entry-header .bottom{position:absolute; width:100%; left:0px; bottom:0px;} #our-pro .entry-header .bottom .table{table-layout:fixed;} #our-pro .entry-header .bottom .col{background:url(images/grey-trans.png); color:#fff; padding:60px 0px 80px 0px; font-size:0.8rem;} #our-pro .entry-header .bottom .col:nth-child(even){background:url(images/grey-trans-light.png);} #our-pro .entry-header .bottom .col .sub-title{margin-bottom:35px;} #our-pro .entry-header .bottom .col .img{margin-bottom:20px; float:left; width:100%;} #our-pro .entry-header .bottom .col .img img{width:100% !important;} #our-pro .entry-header .bottom .col a{text-decoration:underline; color:#fff;} #our-pro .entry-header .bottom .col a:hover{text-decoration:none; color:#5fb9e2;} #our-pro .entry-header .bottom .col h4{font-size:1.1rem; margin-bottom:10px;} #our-pro #pro{ padding:70px 0px 55px 0px; background-image:url(images/awards-bg.jpg); background-position:left top; background-repeat:no-repeat; background-size:cover;} #our-pro #pro .sub-title{margin-bottom:35px; color:#1a1718;} #our-pro #pro .box{float:left; width:21.2%; margin:0px 5% 55px 0px; color:#1a1718; font-size:0.8rem; line-height:125%;} #our-pro #pro .box.three{width:30%; margin:0px 5% 55px 0px !important;} #our-pro #pro .box.b3, #our-pro #pro .box.b6, #our-pro #pro .box.b9, #our-pro #pro .box.b12, #our-pro #pro .box.b15, #our-pro #pro .box.b18{margin-right:0px !important;} #our-pro #pro .out .box:last-child{margin-right:0px;} #our-pro #pro .box .img{margin-bottom:20px; float:left; width:100%;} #our-pro #pro .box .img img{width:100% !important;} #our-pro #pro .box a{text-decoration:underline; color:#1a1718;} #our-pro #pro .box a:hover{text-decoration:none; color:#333;} #our-pro #pro .box a.more{font-weight:500;} #our-pro #pro .box h4{font-size:1.1rem; margin-bottom:10px;} #pro-land #our-pro #pro{ padding:70px 0px 15px 0px;} #inner #pro-land .entry-header{ } #pro-land #pro .address span{ float:left; margin:-5px 6px 35px 6px; font-weight:500;} #pro-land #pro .address span:first-child{margin-left:0px;} #pro-land .table .col.ament{width:70%; background:#0064b4; color:#fff; padding:60px 0px 70px 0px;} #pro-land .table .col.map{width:30%; position:relative; overflow:hidden;} #pro-land .table .col.map div{float:left; width:100%;} #pro-land .table .col.map iframe{width:100%; height:135vh; position:absolute; } #pro-land .table .col .sub-title{margin-bottom:40px;} #pro-land .table .col .box{width:48%; font-size:0.8rem;} #pro-land .table .col .box .row{margin-bottom:30px;} #pro-land .table .col .box .row:last-child{margin-bottom:0px;} #pro-land .table .col .box h4{font-size:1.1rem; margin-bottom:10px; font-weight:500;} #pro-land .table .col .box ul li{float:left; width:100%; background:url(images/white-dot.png) 0 9px no-repeat; padding:0px 0px 6px 12px;} #pro-land .table .col.ament .btn{margin-top:30px; text-transform:uppercase; background-color:transparent; border:2px solid #fff; color:#fff;} #pro-land .table .col.ament .btn:hover{background-color:#fff; color:#0064b4;} #pro-land #gal{padding:70px 0px; background-image:url(images/awards-bg.jpg); background-position:left top; background-repeat:no-repeat; background-size:cover;} #pro-land #gal .sub-title{margin-bottom:35px;} #pro-land #gal .out{display: flex; justify-content: space-between;} #pro-land #gal .out .col{ max-width:23.5% !important;} #pro-land #gal .out .col img{width:100% !important;} #pro-land #gal .btn{margin-top:45px; background-color:transparent; border:2px solid #000; color:#000;} #pro-land #gal .btn:hover{background-color:#000; color:#fff;} #pro-land #gal.gal-page .out{margin-bottom:50px; display:block; float:left; width:100%;} #pro-land #gal.gal-page .out .col{ width:32%; max-width:31% !important; float:left; margin:0px; } #pro-land #gal.gal-page .out .col:nth-child(even){margin:0px 3.5%;} #pro-land #testi{ background:#0064b4; color:#fff; padding:70px 0px; font-size:0.8rem;} #pro-land #testi .sub-title{margin-bottom:45px;} #pro-land #testi .col{float:left; width:47.5%;} #pro-land #testi .col:nth-child(even){float:right;} #pro-land #testi .col p{font-style:italic; margin-bottom:15px;} #about-page{} #about-page .hundred.row{padding:60px 0px 70px 0px; font-size:0.8rem; line-height:130%;} #about-page .hundred.row p{margin-bottom:22px;} #about-page .hundred.row p:last-child{margin-bottom:0px;} #about-page .sub-title{margin-bottom:30px;} #about-page .small-title{ font-size:1.2rem; font-weight:500; margin-bottom:20px;} #about-page .entry-header-in{background-size:0px 0px;} #about-page #blue{background:url(images/blue-trans.png); color:#fff; margin-top:340px;} #about-page #two-col .col{padding:60px 0px; color:#fff; font-size:0.8rem; background:#8a8a8a; width:50%;} #about-page #two-col .col.left{ background:url(images/awards-bg.jpg) 0 0 no-repeat; color:#1a1718;} #about-page .full-bg{background-position:center top; background-repeat:no-repeat; background-size:cover; height:455px;} #about-page #bottom{ background:#0064b4; color:#fff; padding:60px 0px 70px 0px;} #contact-page{} #contact-page #two-col{} #contact-page #two-col .col.form{ background:url(images/awards-bg.jpg) 0 0 no-repeat; color:#1a1718; width:65%; padding:60px 0px; font-size:0.8rem; line-height:140%;} #contact-page #two-col .col.form p{margin-bottom:40px;} #contact-page #two-col .col.form .phone{display:inline-block; margin-left:20px;} #contact-page .wpcf7{} #contact-page .wpcf7 .hundred{margin-bottom:25px;} #contact-page .wpcf7 .hundred .col{width:48.5%; float:left;} #contact-page .wpcf7 .hundred .col.right{float:right;} #contact-page .wpcf7 input[type=text], #contact-page .wpcf7 input[type=tel], #contact-page .wpcf7 input[type=email], #contact-page .wpcf7 textarea, #contact-page .wpcf7 select{float:left; width:100%; border:2px solid #bebebe; border-top:2px solid #787878; background:#fff; padding:5px 15px; height:50px; font-size:0.65rem; font-weight:normal; font-family:inherit; color: #000;} #contact-page .wpcf7 select option{ padding:7px 15px;} #contact-page .wpcf7 textarea{height:190px; padding-top:15px;} #contact-page .wpcf7 label{ text-transform:uppercase; font-size:0.65rem; font-weight:500; float:left; width:100%; padding-bottom:6px;} span.wpcf7-not-valid-tip, .wpcf7-response-output{float:left; font-size:0.7rem; padding-top:7px;} .wpcf7-response-output{width:100%; margin:0px !important; } #contact-page input.btn{ cursor:pointer; border:2px solid #000; color:#000; background-color:transparent; text-transform:uppercase; font-size:0.8rem; font-weight:500; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; -ms-transition: all .4s linear; transition: all .4s linear; } #contact-page input.btn:hover{background-color:#000; color:#fff;} #contact-page #two-col .col.map{width:35%; position:relative; overflow:hidden;} #contact-page #two-col .col.map iframe{width:100%; height:135vh; position:absolute; } #document-page{} #document-page .entry-content{ padding:70px 0px; background:#f6f6f6;} #document-page ul.doc li{ font-size:1.2rem; font-weight:500; line-height: 140%; color:#0064b4; padding-bottom:22px; float:left; width:100%;} #document-page ul.doc li a{color:#0064b4; text-decoration:underline;} #document-page ul.doc li a:hover{text-decoration:none;} #l-cam-page .entry-content{ padding:70px 0px; background:url(images/awards-bg.jpg) 0 0 no-repeat;} #l-cam-page .entry-content .bound{margin:0px auto; width:80%; max-width:1160px !important;} #l-cam-page .entry-content .bound #cam p, #l-cam-page .entry-content .bound #cam br{ display:none;} #l-cam-page .entry-content .bound #cam{position:relative; padding-bottom:56.3%;} #l-cam-page .entry-content .bound #cam iframe{position:absolute; width:100%; height:100%; top:0px; left:0px;} .ui-widget {font-family: inherit !important; font-size: 0.8em !important;} #testi-page{} #testi-page .row{padding:70px 0px; background:#f7f2ec; font-size:1.3rem; line-height:130%;} #testi-page .row p{margin-bottom:40px;} #testi-page .row strong{font-weight:700; font-size:1.1rem;} #testi-page .row:nth-child(even){background:#edebe8;} /*==================================================================*/ @media only screen and (max-width:1700px) { .container {padding:0px 80px;} #hm-page #banner .bottom .table .col.testi .container{padding:0px 60px;} #hm-page #banner .bottom .table .col.about{width:60%;} #hm-page #banner .bottom .table .col.testi{width:40%;} #h-right ul.menu li.book a{padding: 20px 45px;} .btn, input[type="submit"]{padding: 18px 40px;} } @media only screen and (max-width:1500px) { html{font-size:21px;} .container, #hm-page #banner .ban-area{padding:0px 45px; } #hm-page #av-frm {padding:40px 30px;} #hm-page #av-frm .date{ width:30%;} #hm-page #av-frm .person{ width:18%;} #hm-page #av-frm .code{ width:20%;} #hm-page #av-frm .btn-row{width:22%;} #h-right{margin-top: 21px;} #hm-page #banner .ban-area{padding: 0px 50px;} #hm-page #banner .bottom .table .col .sub-title{margin-bottom:30px;} #hm-page #banner .bottom .table .col{ padding:40px 0px 50px 0px;} #hm-page #banner .bottom .table .col.about, #hm-page #banner .bottom .table .col.testi{width:50%;} #hm-page #banner .bottom .table .col.testi .container{padding:0px 45px;} #hm-page #awards{padding:50px 0px 70px 0px;} #hm-page #awards .sub-title{margin-bottom:40px;} #hm-page #pro{padding:50px 0px 55px 0px;} #footer .col{width:17.5% !important;} #footer .col.two .menu li{width:100%; margin-right:0%;} #footer .col.five{float:right;} #inner .entry-header .entry-title, #inner .entry-header .entry-title.image-title{ padding:50px 0px;} #inner .entry-header.large {height:994px;} #our-pro .entry-header .bottom .col{padding:40px 0px 60px 0px;} #our-pro .entry-header .bottom .col .sub-title, #our-pro #pro .sub-title, #pro-land #gal .sub-title, #pro-land .table .col .sub-title, #pro-land #testi .sub-title{margin-bottom:30px;} #our-pro #pro{padding:50px 0px 45px 0px;} #pro-land #our-pro #pro{padding-top:50px;} #pro-land .table .col.ament, #pro-land #gal, #pro-land #testi, #about-page #bottom{padding:50px 0px 55px 0px;} #pro-land .table .col.ament{width:60%;} #pro-land .table .col.map{width:40%;} #pro-land.interior .entry-header #head-in{padding-bottom:60px;} #inner .entry-header .bread-out{margin: 0px 0px 30px 0px;} #about-page #blue{margin-top:300px;} #about-page .hundred.row{padding:50px 0px 60px 0px;} #about-page #two-col .col{padding:50px 0px 40px 0px;} #about-page .full-bg{height:420px;} #contact-page #two-col .col.form{padding:50px 0px; width: 60%;} #contact-page #two-col .col.map{width:40%;} #l-cam-page .entry-content{padding:50px 0px;} #testi-page .row{padding:50px 0px;} #testi-page .row p{margin-bottom:30px;} } @media only screen and (max-width:1350px) { html{font-size:20px;} .btn, input[type="submit"] {padding:16px 35px;} #h-right{margin-top: 23px;} #nav{margin-top:27px;} #nav li {margin: 0px 17px;} #h-right a.tog, #h-right ul.menu li.book a{padding:16px 40px;} #h-right ul.menu li{ margin-left:20px;} #hm-page #banner{height:1100px;} #hm-page #awards .img{max-width:160px !important;} #subscribe .in span .btn{padding:16px 32px;} #inner .entry-header.large{height:auto !important; background-image:none !important;} #inner .entry-header.large .entry-head-in{background-size:cover;} #inner .entry-header.large .entry-title{margin-bottom:200px;} #our-pro .entry-header .bottom{margin-top:0px; position:relative; float:left;} #our-pro .entry-header .bottom .col{display:block; background:#8a8a8a; float:left; width:100%; padding:30px 0px 40px 0px; font-size:1rem; line-height:130%;} #our-pro .entry-header .bottom .col:nth-child(even){ background:#b1adab;} #our-pro .entry-header .bottom .col .sub-title{margin-bottom:20px;} #our-pro .entry-header .bottom .col .img{width:245px; float:left; margin-bottom:0px;} #our-pro .entry-header .bottom .col .text{display:block; margin-left:280px;} #our-pro #pro .box{font-size:0.9rem; width:47.5%; margin-left:0%; margin-right:5%;} #our-pro #pro .box:nth-child(even){margin-right:0px;} #pro-land .table .col.ament, #pro-land .table .col.map{display:block; float:left; width:100% !important;} #pro-land .table .col.map{ padding-bottom:25%;} #pro-land .table .col.map iframe {height:100%;} #inner .entry-header .bread-out{font-size:0.8rem;} #about-page .full-bg{height:370px;} #contact-page #two-col .col.form, #contact-page #two-col .col.map{width:100%; display:block; float:left;} #contact-page #two-col .col.form{padding-bottom:30px;} #contact-page #two-col .col.map{ height:300px;} #contact-page #two-col .col.map iframe{height:100%;} #contact-page #two-col .col.form{font-size:1rem; font-weight:500;} #contact-page .wpcf7 label, #contact-page .wpcf7 input[type="text"], #contact-page .wpcf7 input[type="tel"], #contact-page .wpcf7 input[type="email"], #contact-page .wpcf7 textarea, #contact-page .wpcf7 select{font-size:0.8rem;} #inner #l-cam-page .entry-header{padding-bottom:100px;} #testi-page .row{font-size:1.2rem;} #testi-page .row strong{font-size:1rem;} } @media only screen and (max-width:1199px) { .primary-title{font-size: 2.5rem;} .sub-title{font-size:1.8rem;} .container, #hm-page #banner .bottom .table .col.testi .container, #hm-page #banner .ban-area {padding:0px 40px; } .head-out{height:106px;} #header{padding:15px 0px;} #nav, #h-right ul.menu li.call{display:none;} #h-right a.tog, #h-right ul.menu li.book a{padding:15px 35px;} #h-right{margin-top:12px;} #h-right ul.menu li{margin-left:10px;} #h-right ul.menu li a{float:left;} #h-right a.tog{display:block; float:left; font-size:0.8rem;} #hm-page #banner .top{font-size:0.8rem;} #hm-page #av-frm{ margin-top:150px;} #hm-page #pro .box h4{font-size:1rem;} #hm-page #awards .img{max-width:145px !important;} #footer .col, #footer .col .btn{font-size:0.7rem;} #inner .entry-header.medium{height: 550px;} #hm-page #av-frm .btn{font-size:0.7rem;} #hm-page #av-frm .date{ width:32%;} #hm-page #av-frm .person{ width:18%;} #hm-page #av-frm .code{ width:18%;} #hm-page #av-frm .btn-row{width:23%;} } @media only screen and (max-width:1023px) { .primary-title{font-size: 2.2rem;} .sub-title{font-size:1.6rem;} #hm-page #banner{background-image:none !important; height:auto !important;} #hm-page #banner .ban-area{text-align:center; padding:0px; background-size:cover; height: auto;} #hm-page #av-frm { margin-top: 50px; margin-bottom:70px;} #hm-page #av-frm .date, #hm-page #av-frm .person, #hm-page #av-frm .code, #hm-page #av-frm .btn-row{width:100%; margin-bottom:30px; margin-right:0px !important;} #hm-page #av-frm .group .col{width:48%;} #hm-page #av-frm .btn-row{margin-bottom:0px;} #hm-page #av-frm label, #hm-page #av-frm input[type="text"]{font-size:0.75rem;} #hm-page #av-frm .btn{font-size: 0.8rem;} #hm-page #av-frm .btn-row label{display:none;} #hm-page #banner .bottom{position:relative; float:left;} #hm-page #banner .bottom .table .col{ display:block !important; float:left !important; width:100% !important; text-align:center;} #hm-page #banner .bottom .table .col.about{ background:#0064b4;} #hm-page #banner .bottom .table .col.testi{ background:#8a8a8a;} #hm-page #banner .bottom .table .col.testi .img{width:100%; text-align:center;} #hm-page #banner .bottom .table .col.testi .img img{display:inline; margin-bottom:20px;} #hm-page #banner .bottom .table .col.testi .text { } #hm-page .sub-title{text-align:center;} #hm-page #awards {padding: 50px 0px 40px 0px;} #hm-page #awards .out {display:block; float:left; width:100%; text-align:center;} #hm-page #awards .img{ display:inline-block; text-align:center; margin:0px 30px 30px 30px;} #hm-page #pro .box{ width:47.5%; margin: 0px 5% 55px 0%; text-align:center;} #hm-page #pro .box:nth-child(even){margin-right:0px;} #hm-page #pro .box .img img{width:100%;} #subscribe .in{padding-bottom:15px; top:calc(50% - 71px); } #subscribe .in span{float:left; width:100%; text-align:center; margin:0px 0px 15px 0px;} #footer {padding:100px 0px 0px 0px;} #footer .col{width:100% !important; text-align:center; margin:0px; margin-bottom:40px;} #footer .col.five{margin-bottom:20px;} #footer .col.five, #footer .col.five a, #footer .col.five p{text-align:center;} .awesome-weather-current-temp{font-size:25px; padding-left:43px !important;} .awesome-weather-cover{background-size:35px 35px; background-position: left 6px;} .awesome-weather-current-temp sup{font-size: 18px; padding-left: 0px;} #our-pro .entry-header .bottom .col .sub-title, #our-pro #pro .sub-title, #pro-land .table .col .sub-title, #pro-land #gal .sub-title, #pro-land #testi .sub-title{text-align:center;} #pro-land #our-pro #pro .sub-title{ margin-bottom:15px;} #our-pro .entry-header .bottom .col .img{width:100%; text-align:center; margin-bottom:20px;} #our-pro .entry-header .bottom .col .img img{max-width:350px !important; margin:0px auto;} #our-pro .entry-header .bottom .col .text{margin-left:100%; text-align:center; float:left; margin-left:0px;} #our-pro #pro .box {width:80%; margin-left:10%; margin-right:10%; text-align:center;} #our-pro #pro .box.three{ width:47.5%;} #our-pro #pro .box.b3, #our-pro #pro .box.b6, #our-pro #pro .box.b9, #our-pro #pro .box.b12, #our-pro #pro .box.b15, #our-pro #pro .box.b18{margin-right: 5% !important;} #our-pro #pro .box.b2, #our-pro #pro .box.b4, #our-pro #pro .box.b6, #our-pro #pro .box.b18, #our-pro #pro .box.b10, #our-pro #pro .box.b12, #our-pro #pro .box.b14{margin-right: 0% !important;} #our-pro #pro .out.three .clr{display:none;} #pro-land #pro .address{ text-align:center;} #pro-land #pro .address span{float:none; text-align:center; display:inline-block;} #pro-land .table .col.map{ padding-bottom:0%; height:270px;} #pro-land .table .col.ament, #pro-land #gal{text-align:center;} #pro-land .table .col.ament .box{ width:100%;} #pro-land .table .col.ament .box h4{margin-bottom:20px;} #pro-land .table .col.ament .box ul{margin:0px 15%;} #pro-land .table .col.ament .box li{text-align:left;} #pro-land .table .col .box .row{margin-bottom:30px !important;} #pro-land .table .col .box.fright .row:last-child {margin-bottom: 0px !important;} #pro-land .table .col.ament .btn{display:inline-block; text-align:center;} #pro-land #gal .out{display:block; float:left; width:100%;} #pro-land #gal .out .col{ width:46.5%; float:left; max-width:100% !important; margin:0px 6% 35px 0px;} #pro-land #gal .out .col:nth-child(even){margin-right:0px;} #pro-land #gal .btn{margin-top:10px;} #pro-land #testi .sub-title{text-align:left;} #pro-land #testi .col{width:100%; padding:0px 0px 35px 0px;} #pro-land #testi .col:nth-child(even){ padding-bottom:0px;} #about-page .entry-header{ background-image:none !important;} #about-page .entry-header-in{background-size:cover; background-position:left top; padding-bottom:250px;} #about-page #blue{margin-top:0px; background:#0064b4;} #about-page #two-col .col{display:block; float:left; width:100%;} #about-page .full-bg{height:320px;} #contact-page .wpcf7 .hundred .col{width:100%;} #contact-page .wpcf7 .hundred .col.left{margin-bottom:25px;} #l-cam-page .entry-content .bound{width:85%;} #testi-page .row{ text-align:center; font-size:1rem;} #testi-page .row p{margin-bottom:22px;} #testi-page .row strong{font-size:0.8rem;} } @media only screen and (max-width:767px) { html{font-size:19px;} .primary-title{font-size: 2rem;} .sub-title{font-size:1.4rem;} .head-out{height:93px;} #header{padding:22px 0px;} .container, #hm-page #banner .bottom .table .col.testi .container{padding:0px 25px; } .logo img{height:49px !important; width:auto !important;} #h-right{margin-top:2px;} #h-right a.tog, #h-right ul.menu li.book a {padding:13px 24px;} #hm-page #banner .top{ margin-top:30px;} #hm-page #banner .ban-area{background-position:left top;} #hm-page #banner .bottom .table .col a.btn{font-size:0.8rem;} #hm-page #pro .box{ width:80%; margin: 0px 10% 55px 10%;} .overlay a{font-size:1.4rem;} .overlay-content li a{padding:25px 0px;} .overlay-content li.cam a::before{background-size:30px 22px; width:30px; height:22px;} .overlay .logo{left:25px; top:22px;} .overlay .closebtn{top: 32px; right: 25px;} #about-page #blue, #about-page #two-col .col, #about-page #bottom{ text-align:center;} #about-page .full-bg{height:280px;} #pro-land #gal.gal-page .out .col{ width:80%; max-width:80% !important; margin:0px 10% 30px 10% !important; } #pro-land #gal.gal-page .out .col:last-child{margin-bottom:0px !important;} #contact-page #two-col .col.form {font-size: 0.9rem;} #l-cam-page .entry-content .bound{width:95%;} #our-pro #pro .box.three{ width:70%; margin:0px 15% 55px 15% !important;} #our-pro #pro .box.b2, #our-pro #pro .box.b4, #our-pro #pro .box.b6, #our-pro #pro .box.b18, #our-pro #pro .box.b10, #our-pro #pro .box.b12, #our-pro #pro .box.b14{margin-right: 15% !important;} #our-pro #pro .box.three .img{text-align:center;} } @media only screen and (max-width:600px) { #hm-page #pro .box{ width:100%; margin: 0px 0% 55px 0%;} #h-right a.tog, #h-right ul.menu li.book a {padding:13px 20px;} #our-pro #pro .box {width:100%; margin-left:0%; margin-right:0%;} #pro-land #pro .address{margin-bottom:20px;} #pro-land #pro .address span{margin:0px 0px 15px 0px; float:left; width:100%; text-align:center;} #pro-land #pro .address span.sep{ display:none;} #pro-land .table .col.ament .box ul {margin: 0px 0%;} #pro-land #gal .out .col{ width:100%; margin-right:0px;} #hm-page #av-frm {margin-top:40px; margin-bottom:50px;} #pro-land #gal.gal-page .out .col{ width:100%; max-width:100% !important; margin:0px 0% 30px 0% !important; } #hm-page #av-frm .date .col{width:100%;} #hm-page #av-frm .date .col.fleft{ margin-bottom:30px;} #our-pro #pro .box.three{ width:90%; margin:0px 5% 55px 5% !important;} #our-pro #pro .box.b2, #our-pro #pro .box.b4, #our-pro #pro .box.b6, #our-pro #pro .box.b18, #our-pro #pro .box.b10, #our-pro #pro .box.b12, #our-pro #pro .box.b14{margin-right: 5% !important;} } @media only screen and (max-width:479px) { .container, #hm-page #banner .bottom .table .col.testi .container{padding:0px 20px; } .overlay .logo{left:20px;} .overlay .closebtn{ right: 20px;} }