:root {
/* header */
--top-bar-lines: #eaeef5;
--top-bar-bkg: #fff;
--top-bar-text: #11284b;
--top-bar-text-hover: #333;
--top-bar-text-size: 0.8rem; /*inherit*/
--top-bar-text-transform: unset;/*uppercase | unset*/
--top-spacer-height: 130px;
/* Menu nav */
--menu-bkg: #ffffff;
--menu-text: #333;
--menu-text-hover: #11284b;
--menu-border-color-hover: #11284b;
--menu-text-size: 0.9rem; /*inherit*/
--menu-text-transform: uppercase;
/* button */
--button-border-size: 2px;
/* cart */
--cart-bkg: #11284b;
--cart-bkg-hover: #fff;
--cart-text: #fff;
--cart-text-hover: #11284b;
--cart-border-color: #11284b;
--cart-border-color-hover: #11284b;
--cart-border-size: var(--button-border-size);
/* mobile menu */
--small-menu-bkg: #eaeef5;
--small-menu-bkg-hover: #fff;
--small-menu-text: #11284b;
--small-menu-text-hover: #11284b;
--small-menu-border-color: #eaeef5;
--small-menu-border-color-hover: #11284b;
--small-menu-border-size: var(--button-border-size);
/* submenubar */
--submenu-bar-bkg: #11284b;
--submenu-bar-text: #fff;
/* --submenu-bar-bkg-hover: #fff;
--submenu-bar-text-hover: #11284b;
--submenu-bar-border-color: #11284b;
--submenu-bar-border-color-hover: #11284b;
--submenu-bar-border-size: var(--button-border-size); */
/* search-box */
--search-box-bkg: #eaeef5;
--search-box-text: #333;
--search-box-icon: #11284b;
--search-box-border-color: #11284b;
--search-box-text-promocode: #9b9b9b;
/* calendar */
--calendar-topbar-bkg: #11284b;
--calendar-topbar-text: #fff;
--calendar-select-bkg: #11284b;
--calendar-select-text: #fff;
--calendar-select-radius: 50px;
--calendar-text: #11284b;
--calendar-text-disabled: #d3d3d3;
--calendar-dayofweek-bkg: #f5f5f5;
--calendar-dayofweek-text: #999;
/* buttons */
--button-full-bkg: #11284b;
--button-full-bkg-hover: #fff;
--button-full-text: #fff;
--button-full-text-hover: #11284b;
--button-full-border-color: #11284b;
--button-full-border-color-hover: #11284b;
--button-full-border-size: 2px;
--button-outline-bkg: #fff;
--button-outline-bkg-hover: #eaeef5;
--button-outline-text: #11284b;
--button-outline-text-hover: #11284b;
--button-outline-border-color: #11284b;
--button-outline-border-color-hover: #11284b;
--button-outline-border-size: var(--button-border-size);
/* extra --base-color: #11284b; */
--base-color: #002a6f;
--hotel-page-title: #fff;
--hotel-page-title-text: initial;
--hotel-page-title-icons: #11284b;
}
.hf-red-color{color:var(--base-color) !important;}
.hf-color{color:var(--base-color);}
::-moz-selection{color:#fff;background:#000;text-shadow:none}
::selection{color:#fff;background:#000;text-shadow:none}
body,html{width:100%;height:auto;font-size: 100%;font-family:'Roboto',Helvetica,Arial,sans-serif}
a{text-decoration:none;}
a:hover, a:focus {
color: inherit;
text-decoration: inherit;
}
h1{font-family:'Roboto',Helvetica,Arial,sans-serif; font-weight:700}
h2{font-family:'Roboto',Helvetica,Arial,sans-serif; font-weight:600}
h3{font-family:'Roboto',Helvetica,Arial,sans-serif; font-weight:600}
h4{font-family:'Roboto',Helvetica,Arial,sans-serif; font-weight:600}
h5{font-family:'Roboto',Helvetica,Arial,sans-serif; font-weight:500}
p {margin-top: 0; margin-bottom: 0;}
#searchHomeForm {
padding: 0;
display: block;
position: absolute;
top: 65vh;
z-index: 997;
}
#searchHomeForm .col-md-3, #searchHomeForm .col-md-2 {max-width:100%!important;}
#searchHomeForm.affix .containercolor {
background: #fff!important;
box-shadow: none!important;
}
.dropcap:first-letter {
float: left;
color: var(--button-full-bkg);
font-size: 6em;
line-height: 1em;
margin: 0px 20px 5px 0;
text-transform: uppercase;
display: block;
font-weight: 700;
}
.clearfix{clear:both !important;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-none{float:none !important;}
.text-center{text-align:center!important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.clearboth{clear:both !important;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.marginright10{margin-right:10px !important;}
.hficon-remove:hover:before{content:"\e62d" !important;}
.ucase{text-transform:uppercase;}
.lcase{text-transform:lowercase;}
.caps{text-transform:capitalize;}
.hficon-remove{cursor:pointer;}
.debug, .db{border:1px solid red;}
.size-xs{font-size:12px;line-height:14px;}
.size-s{font-size:14px;line-height:18px;}
.size-m{font-size:18px;line-height:24px;}
.size-l{font-size:24px;line-height:30px;}
.size-xl{font-size:30px;line-height:36px;}
.size-xxl{font-size:36px;line-height:40px;}
.valign-mid{vertical-align:middle;}
.spinner{margin:5px 30px 0 30px;}
.navbar2-fixed-top{position:fixed!important;top:100px!important;left:0!important;z-index:10!important;background-color:#e8e8e8;}
.hotelsMenu li span{line-height:24px;font-size:18px;}
.mobiletest-div{display:none;}
.noPadding{padding:0 !important;}
.padding_5{padding:10px 0 0 5px !important;}
.hf-pointer{cursor:pointer !important;}
.lead {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
}
.shadowsbox{-webkit-box-shadow:0px 4px 4px -2px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 4px 4px -2px rgba(0, 0, 0, 0.5);box-shadow:0px 4px 4px -2px rgba(0, 0, 0, 0.5);}
#header .main-header{position:relative;top:0px;left:0;width:100%;height:auto;display:inline-block;z-index:999;
-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);}
#header .logo a, #footer .logo a{background:url("/images/logo.png") no-repeat 0 0;}
#header .logo a{background-size:auto 100px;}
#header .logo{position:relative;bottom:30px;padding:0;text-align:left;margin:0px;}
#header .navbar-brand{height:auto; text-align:center;}
#header #langMobileSelect{display:none;}
#header #logoMenuTop{max-height:70px; width:auto; margin-left:1rem;}
#cartMobileHeader, #menuMobileHeader, #searchMobileHeader, #loginMobileHeader{position:fixed;top:0px;left:0;width:100%;height:60px;z-index:998;display:none;padding-left:10px;}
#mobileCartMenu > div{background:#fff;border-bottom:1px solid #ccc;display:inline-block;padding-bottom:15px;}
#cartMobileHeader{background:#ED3860;}
#menuMobileHeader{background:#0F546E;}
.mobile-menu-main{position:fixed;float:left;top:0;left:0;width:100%;z-index:100;overflow-y:auto;padding:0;padding-top:60px;border-bottom:2px solid #AEA73A;}
#searchMobileHeader{background:#AEA73A;}
#loginMobileHeader{background:#2CB9ED;}
#logoMenuMobile{height:50px;position:relative}
.sidebar.col-md-3{margin-left:0px;margin-right:0px;}
#rowGallery{margin-left:0px;margin-right:0px;background-color:#fff;}
#promoGrid{}
#promoGridCont{padding-bottom:60px;}
#promoGrid{margin:0px 0px;position:relative;display:block;}
#promoGrid .mstrip{position:absolute;width:100%;background-color:rgba(255, 255, 255, 1);padding:3px;color:#fff;font-size:20px;}
#promoGrid .mstrip h2, #promoGrid .mstrip h6{color:#ffffff;}
#promos .details{background:#fff;display:inline-block;padding:10px;position:relative;width:100%;}
#promos .details .details-preco{font-size:30px;line-height:24px;margin-bottom:0px;font-weight:bold;color:#666;}
.block-1-1, .block-1-2, .block-2-1, .block-2-2{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#rowDetailedHotel{margin-left:0px;margin-right:0px;background-color:none;}
.image-carousel.style1 .flex-direction-nav li a{background:#999 !important;}
#main-menu ul.menu > li > a, #main-menu > ul > li{font-weight:normal;display:block;padding:0;letter-spacing:0.04em;}
#main-menu ul.menuCart > li{display:inline-block;}
.quick-menu.pull-left{margin-left:110px !important;}
.tab-container.style1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a{color:#fff;background:#000009;position:relative;}
.filterBtnOn{border:1px solid #000009;color:#000009;border-radius:3px;padding:5px 10px;vertical-align:middle;float:left;margin-right:10px;}
.filterBtnOff{border:1px solid #d0d0d0;color:#d0d0d0;border-radius:3px;padding:5px 10px;vertical-align:middle;float:left;margin-right:10px;}
article.roomBox-hf div div.styleMPGG{background:#000;}
.tab-container.styleMPGG ul.tabs{display:block;background:#fff;padding:10px 0 10px 10px;border-bottom:1px solid #f5f5f5;}
.tab-container.styleMPGG ul.tabs li{padding-right:10px;}
.tab-container.styleMPGG ul.tabs li a{height:30px;line-height:30px;background:#f5f5f5;padding:0 18px;color:#9e9e9e;font-weight:normal;font-size:0.9167em;font-weight:bold;}
.tab-container.styleMPGG ul.tabs li.active > a, .tab-container.styleMPGG ul.tabs li:hover > a{color:#fff;background:#01b7f2;position:relative;}
.tab-container.styleMPGG ul.tabs li.active > a:after, .tab-container.styleMPGG ul.tabs li:hover > a:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid #01b7f2;border-left:7px solid transparent;border-right:7px solid transparent;content:"";}
.tab-container.styleMPGG ul.tabs li:hover > a:after{display:none;}
.tab-container.styleMPGG ul.tabs li.active:hover > a:after{display:block;}
.tab-container.styleMPGG ul.tabs.full-width li a{padding:0;}
.tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid #000009;border-left:7px solid transparent;border-right:7px solid transparent;content:"";}
.tab-container.styleRoom ul.tabs li.active > a, .tab-container.styleRoom ul.tabs li:hover > a{color:#fff;background:#000009;position:relative;}
.tab-container.styleRoom ul.tabs li.active > a:after, .tab-container.styleRoom ul.tabs li:hover > a:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid #000009;border-left:7px solid transparent;border-right:7px solid transparent;content:"";}
.tab-containerInner{}
.tab-containerInner ul.tabs{margin:0;padding:0;}
.tab-containerInner ul.tabs li{float:left;padding-right:4px;}
.tab-containerInner ul.tabs li:last-child{padding-right:0;}
.tab-containerInner ul.tabs li a{color:#fff;display:block;padding:0 20px;background:#d9d9d9;font-size:1em;font-weight:bold;height:28px;line-height:28px;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
.tab-containerInner ul.tabs li.active > a, .tab-containerInner ul.tabs li:hover > a{color:#01b7f2;background:#fff;}
.tab-containerInner ul.tabs.full-width{display:block;}
.tab-containerInner ul.tabs.full-width li{float:none;display:table-cell;vertical-align:middle;width:1%;}
.tab-containerInner ul.tabs.full-width li a{padding:0;text-align:center;}
.tab-containerInner ul.tabs:after{display:table;content:"";clear:both;}
.tab-containerInner .tab-content{background:#fff;}
.tab-containerInner .tab-content .tab-pane{padding:20px;line-height:1.7em;}
.tab-containerInner .tab-content .tab-pane .row{margin-bottom:15px;}
.tab-containerInner .tab-content .tab-pane > img{margin:0 15px 0 0;}
.tab-containerInner .tab-content .tab-pane:after{content:"";display:table;clear:both;}
.tab-containerInner .tab-content .tab-pane .image-box .details{padding-right:0;}
.tab-containerInner.style1 ul.tabs{display:block;background:#fff;padding:10px 0 10px 10px;border-bottom:1px solid #f5f5f5;}
.tab-containerInner.style1 ul.tabs li{padding-right:10px;}
.tab-containerInner.style1 ul.tabs li a{height:30px;line-height:30px;background:#f5f5f5;padding:0 18px;color:#9e9e9e;font-weight:normal;font-size:0.9167em;font-weight:bold;}
.tab-containerInner.style1 ul.tabs li.active > a, .tab-containerInner.style1 ul.tabs li:hover > a{color:#fff;background:#01b7f2;position:relative;}
.tab-containerInner.style1 ul.tabs li.active > a:after, .tab-containerInner.style1 ul.tabs li:hover > a:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid #01b7f2;border-left:7px solid transparent;border-right:7px solid transparent;content:"";}
.tab-containerInner.style1 ul.tabs li:hover > a:after{display:none;}
.tab-containerInner.style1 ul.tabs li.active:hover > a:after{display:block;}
.tab-containerInner.style1 ul.tabs.full-width li a{padding:0;}
.btn-o {text-align:center; cursor:pointer; border:1px solid #838383; background:#fff; padding:15px 20px;display:inline-block; width:auto; font-size:16px; color:var(--base-color); text-transform:uppercase;}
.btn-o:hover {
	color: #fff;
	background-color: var(--button-full-bkg) !important;
}
#main-menu ul.menu > li ul li > a{border-top:1px solid #04afe7;white-space:nowrap;color:#fff;padding:12px 20px 12px 18px;display:block;font-size:0.9167em;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
#main-menu ul.menu100{font-size: var(--menu-text-size); display:inline;left:10px;top:8px;position:relative; color:var(--menu-text); text-transform: var(--menu-text-transform); }
/* #main-menu ul.menuCart{height:70px;float:right; margin:10px;} */
#main-menu ul.menuCart{float:right; position: relative; margin: 18px 10px 0 0;}/* margem icones */
#main-menu > ul.menuCart > li.cart-menu-button {display: flex; justify-content: center; align-items: center; padding-left: 0; }
#main-menu #rightSmallCart{height: 60px; padding-right: 0px; }
.topNav-price-label{padding: 6px 4px 0 0;}
.topNav-price-label p {text-align:right;line-height:1.1rem; font-size: 0.7rem; text-transform: var(--menu-text-transform); color: var(--menu-text); }
#topNavPriceCont{text-align:right !important;font-size: 1.1rem; color: var(--menu-text-hover);}
/* menus de icones */
.show-cart{ border-radius: 60px; display: flex; justify-content: center; align-items: center; cursor:pointer; padding: 8px; margin-left: 4px; }
.show-cart.date-query, .show-cart.view-cart { background-color: var(--cart-bkg); border: var(--cart-border-size) solid var(--cart-border-color); color: var(--cart-text) !important;}
.show-cart.view-cart:hover,.show-cart.date-query:hover, #smallCartFinishReservation:hover, #smallCartFinishReservation:focus { color: var(--cart-text-hover) !important; background-color: var(--cart-bkg-hover); border-color: var(--cart-border-color-hover);}
.show-cart.user-data, .show-cart.show-menu {background-color: var(--small-menu-bkg); border: var(--small-menu-border-size) solid var(--small-menu-border-color); color: var(--small-menu-text);}
.show-cart.user-data:hover, .show-cart.show-menu:hover{ color: var(--small-menu-text-hover) !important; background-color: var(--small-menu-bkg-hover); border-color: var(--small-menu-border-color-hover);}
#main-menu .pagpendente {font-size:48px; animation: pulse-color 1s infinite; line-height: 48px; width: 52px; text-align: center; color: #fac946;}
/* .show-cart > span{font-size:25px;margin-right:3px;} */
/* .flip-container, .front, .back {height: 70px; -webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flipper div {transition: 0.3s;transform-style: preserve-3d;transform-origin: 100% 35px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.front {	z-index: 2;	-webkit-transform: rotateX(180deg);	transform: rotateX(180deg);	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.front.hover {	transform: rotateX(0deg);	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.back {	z-index: 2;	position: absolute;	top: 0;	right: 0px;-webkit-transform: rotateX(180deg);	transform: rotateX(180deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.back.hover {	transform: rotateX(0deg);	-webkit-backface-visibility: visible;	backface-visibility: visible;} */
/* #smallCartFinishReservation{height:44px;font-size:16px;font-weight:normal;line-height:44px;} */
#smallCartFinishReservation{ line-height:20px; font-size:14px; background-color: var(--cart-bkg); border: var(--cart-border-size) solid var(--cart-border-color); color: var(--cart-text); cursor:pointer;}
#smallCartFinishReservation { margin: 0; padding: 10px;}
#CartQtd{font-size:16px !important;text-align:center !important;margin-bottom:0 !important;}
ul.menuCartDetail{line-height:normal;display:none; min-width:calc(100vw - 15px); padding:20px; margin-top: 18px !important; background-color:#fff;border:1px solid #d9d9d9; border-top:none;position:absolute;right:-10px; top: 64px; min-height:0px; -webkit-box-shadow: inset 0px 10px 10px -14px rgba(0,0,0,0.55); box-shadow:inset 0px 10px 10px -14px rgba(0,0,0,0.55);border-bottom-right-radius: 15px;border-bottom-left-radius: 15px; }
ul.menuCartDetail:hover{height:auto;/*max-height:500px;*/margin:0 0 0 0;}
.divExtras{display:inline-block;width:100%;white-space:nowrap;text-align:left;background:#ededed;}
.divExtras > a{cursor:pointer;}
.roomCartRow{}
/* #roomDisplayWrapper{max-height:302px;overflow-y:auto;overflow-x:hidden;} */
#roomDisplayWrapper{max-height:302px;overflow-y:auto;overflow-x:hidden;}
#roomDisplayWrapper > div{position:relative;top:-1px;}
#roomDisplayContainer{position:relative;}
#roomDispNav{display:inline-block;width:100%;display:none;padding-left:15px;padding-right:15px;padding-top:10px;}
#roomDispNavPlus{line-height:38px !important;text-align:left !important;color:#000009 !important;background-color:#fff !important;height:38px !important;padding-left:20px !important;border:1px solid #000009 !important;}
#cartDisplayNoReservationTitle{padding:20px 15px 0 15px !important;line-height:30px !important;text-align:center !important;width:100% !important;}
#cartDisplayYesReservationTitle{line-height:30px !important;padding:20px 15px 10px 15px!important;}
#totalPriceCart, #cartDisplayYesReservationTitle span.euro{float:right;font-size:24px;}
#totalPriceCart + span{float:right;font-size:24px !important; }
#main-menu > ul.menuCart > li{float:left;display:block;} /* padding-left:10px;padding-right:10px; */
#menuCart{cursor:pointer;}
.roomCartRow div{padding:0 !important;}
.menuCartDetail li hr{margin-top:10px !important;margin-bottom:10px !important;}
.menuCartDetail li{margin:0;padding:0;}
/*#main-menu ul.menuCart > li > ul{background-color:#fff;border:1px solid #d9d9d9;position:absolute;right:0px;width:auto;min-height:0px;}
#main-menu ul.menuCart:hover > li > ul{height:auto;max-height:500px;margin:0 0 0 0;}*/
#btnReservarJaMobileaa{display:none;}
#main-menu .hf-megamenu > li{float:left;padding-left:10px;padding-right:10px;line-height:70px;}
#main-menu ul.menu100 > li{padding-left:5px;padding-right:10px;line-height:80px;font-size:18px;display:inline-block;position:relative;}
#main-menu ul.menu100 > li i.fa{font-size:16px;}
#main-menu ul.menu100 > li:hover > a, #main-menu ul.menu100 > li.active > a{color:var(--menu-text-hover);padding-bottom:10px;border-bottom: var(--menu-border-color-hover) 2px solid;}
#main-menu ul.menu100 > li > div.menuCont{display:none;position:absolute;top:80px;left:0px;background:#fff;vertical-align:middle;border-bottom:1px solid rgb(217, 217, 217);line-height:30px;-webkit-box-shadow:inset 0px 4px 4px -2px rgba(0, 0, 0, 0.55);-moz-box-shadow:inset 0px 4px 4px -2px rgba(0, 0, 0, 0.55);box-shadow:inset 0px 4px 4px -2px rgba(0, 0, 0, 0.55);z-index:1000;}
#mobile-search-menu{background:#fff;}
.titleArea{width:100%;display:inline-block;padding-top:60px;padding-bottom:20px;}
#mobile2-menu{background:#333;}
#main-menu ul.menu100 > li:hover > div.menuCont{display:block;border-bottom:3px solid #000009;color:#333;white-space:nowrap;padding:30px;}
#main-menu ul.menu100 > li > div.menuCont > div.menu-container{}
li#hiddenMenuFields > div.menuCont > div.menu-container{position:relative;}
li#hiddenMenuFields > div.menuCont > div.menu-container ul li{position:relative;}
#main-menu ul.menu100 > li > div.menuCont > div.menu-container > ul li{line-height:20px;margin-bottom:3px;margin-top:3px;padding:5px 20px 5px 10px;display:block;}
#menuPromo{padding-right:0px !important;border-left:none !important;padding-left:0px !important;}
#main-menu ul.menu100 > li:not(#hiddenMenuFields) > div.menuCont > div.menu-container > ul li > div.menuCont{position:absolute;display:none;background:#fff;line-height:60px;top:60px;left:0px;border-bottom:1px solid #d7d7d7;border-top:1px solid #000009;width:100%;}
li#hiddenMenuFields > div.menuCont > div.menu-container > ul li > div.menuCont{position:relative;display:block;background:#fff;line-height:60px;top:0px;left:0px;background:#fff;line-height:60px;top:0px;left:0px;color:#333;}
li#hiddenMenuFields > div.menuCont > div.menu-container > ul > li > a{font-weight:bold;}
#footer{background:#0f2342; padding:40px 0 20px 0;}
#footer .footer-wrapper > .container > .row > div {
margin: 10px 0;
}
#footer ul {list-style:none;	list-style-type:none;	margin:0;	padding:0}
#footer ul li {line-height:22px}
#footer ul li .fa {line-height:40px; font-size:40px;}
#footer ul li a {font-size:14px}
#footer  .social-icons li a:hover {
 background: none;
}
#footer .star-icon{color:#000009;line-height:20px;}
#footer .navbar-brand {padding:0;	height:auto}
#hiddenMenuFields div div >ul{width:auto;}
#hiddenMenuFields div div >ul li:hover div{display:block;}
#main-menu ul.menu100 > li > div.menuCont > div.menu-container > ul li:not(#menuPromo):hover{border-left:3px solid #000009;border-left:2px solid #000009;padding-left:8px !important;color:#000009;}
#main-menu ul.menu100 > li > div.menuCont > div.container > ul li:hover > div.menuCont{display:inline-block;}
#menuLisboa, #menuPorto, #lastSpacer{display:inline-block;text-align:left;height:100%;margin-top:6px;vertical-align:top;font-size:12px;}
#menuPorto li, #menuLisboa li, #menuEstadiaLisboa li, #menuEstadiaPorto li, #lastSpacer li{line-height:20px !important;display:block;margin-right:40px;padding-left:10px;}
.menuActive{border-left:2px solid #000009;padding-left:8px !important;color:#000009;}
#estadiaMenu{line-height:0;}
#menuLisboa li, #menuEstadiaLisboa li{}
#menuPorto, #menuEstadiaPorto{border-left:1px solid #E6E6E6;}
.menu_oquefazer{display:inline-block; width:230px; vertical-align: top; padding:0 30px 0 0; line-height: 24px;}
.menu_youexperiences{display:inline-block;width:320px;text-align:right;vertical-align: top;font-size: 12px;border-left: 1px solid #E6E6E6;padding:0 0 0 20px;}
.entry-title{color:#666 !important;}
.breadcrumbs h2{display:inline;}
.page-title-container .breadcrumbs li{float:left;line-height:60px;display:inline;margin-left:0px;font-size:0.8333em;font-weight:bold;text-transform:uppercase;}
.page-title-container .breadcrumbs li:not(:first-child){margin-left:5px;}
.page-title-container .breadcrumbs li.active{color:#999;}
#categoriasFilter span{font-size:12px;line-height:20px;}
#confItems > div{font-size:20px;line-height:20px;}
#resultFilters{display:none;margin-bottom:20px;vertical-align:middle;}
.checkAllPricesFilter, .checkAllCatFilter, .checkAllConfFilter{float:right;font-size:35px !important;cursor:pointer;color:#838383;line-height:20px !important;}
.spaceBarGrey{background-color:#e9e9e9;display:inline-block;height:20px;width:calc(100% + 60px);margin:0 -30px;}
.width100{width:100%;}
.width300{width:300%;}
/* .hf-red-color{color:#000009 !important;} passou para o styles.min.css*/
.hf-green-color{color:green !important;}
.hf-999-color{color:#999 !important;}
.hf-yellow-color{color:#fac946 !important;}
.hf-white-color{color:#fff !important;}
.hf-black-color{color:#000 !important;}
.hf-grey-color{color:#666 !important;}
.hf-grey2-color{color:#999 !important;}
.hf-grey3-color{color:#838383 !important;}
.hf-grey4-color{color:#f1f1f1 !important;}
.hf-darkgrey-color{color:#211c1e !important;}
.hf-red-bg{background-color: var(--button-full-bkg); border: var(--button-full-border-size) solid var(--button-full-border-color); color: var(--button-full-text) !important;}
.hf-yellow-bg{background-color:#fac946;}
.hf-white-bg{background-color:#fff;}
.hf-666-bg{background-color:#666;}
.hf-grey4-bg{background-color:#f5f5f5;}
.hf-grey3-bg{background-color:#838383 !important;}
.hf-darkgrey-bg{background-color:#211c1e !important;}
.hf-red-border{border-color:#000009 !important;}
.hf-active-btn{background-color:var(--button-full-text) !important;border:var(--button-full-border-size) solid var(--button-full-border-color) !important;color: var(--button-full-bkg) !important;}
.button, button, .goback, .goforward, .gotoend, .btn-round {border-radius:300px!important;} /*buttons round */
/* .button, button, input:not(.hasDatepicker), textarea, select, #comoChegarArea {border-radius:300px!important;} */
.button:focus, button:focus {outline:none!important;}
.button .btn-small .hf-active-btn:hover, .hf-active-btn:hover{background-color:#000009 !important;color:#fff !important;}
.font15{font-size:15px;}
h2{font-size:24px;line-height:28px;}
h3{font-size:20px;line-height:26px;}
h4{font-size:18px;line-height:24px;}
h5{font-size:16px;line-height:22px;}
h6{font-size:14px;line-height:20px;}
h7{font-size:12px;line-height:18px;}
h8{font-size:10px;line-height:16px;}
h9{font-size:8px;line-height:14px;}
h10{font-size:6px;line-height:12px;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10{display:block;}
.bottom5{margin-bottom:5px !important;}
.sideIcon20{padding-right:20px !important;}
.hf-icon-box-red{color:#fff;background-color:#000009;font-size:12px;font-weight:bold;line-height:4px;margin-right:0px;padding:0px 3px;display:inline-block;}
.hf-cart-resume p{font-size:14px !important;width:100%;margin-bottom:5px;}
.hf-hr-noTopMargin{margin-top:0px !important;}
.hf-hr-noBottomMargin{margin-bottom:0px !important;}
#rowGallery{margin-bottom:20px;}
#logo-anim{visibility:hidden;position:absolute;-webkit-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;transition:800ms ease-out;z-index:10000;}
#hotel-view article.box{margin-bottom:20px;}
.extraToRoom .hficons{font-size:22px;line-height:22px;}
#voucher.icon-check{padding-right:35px !important;padding-left:5px !important;}
.btn-28H{height:28px !important;font-family:"Lato";line-height:28px !important;}
#voucher{font-family:"Lato";}
.icon-check2::-webkit-input-placeholder{font-size:9px;}
.icon-check2::-moz-placeholder{font-size:9px;}
.icon-check2:-ms-input-placeholder{font-size:9px;}
.icon-check2:-moz-placeholder{font-size:9px;}
#hotel-view article.box > div{border-bottom:none;}
#hotel-view div.box-title >p{font-size:12px;line-height:12px;}
#quartoDesc{padding-left:0px;padding-right:0px;}
div#precos > .clearfix{border-bottom:1px solid #F5F5F5;margin-bottom:10px;margin-top:10px;}
div#precos > .clearfix:last-child{border-bottom:none;margin-bottom:0px;}
#hotel-view .lineBot{border-bottom:1px solid #ccc;margin-bottom:15px;margin-top:15px;}
.toggle-container{background:#fff;}
.toggle-container p.toggledescription{font-size:0.9em;margin:0 !important;padding:0 10px 10px 10px !important;color:#2d3e52;}
.toggle-container .panel{margin-bottom:0;box-shadow:none;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-ms-border-radius:0 0 0 0;border-radius:0 0 0 0;border:none;border-bottom:2px solid #f5f5f5;position:relative;}
.toggle-container .panel:last-child{border:none;margin-bottom:20px;}
.toggle-container .panel .panel-title{padding:0;color:#2d3e52;font-size:1.1667em;position:relative;}
.toggle-container .panel .panel-title a{white-space:normal;display:block;padding:10px;}
.toggle-container .panel .panel-title .price{font-size:20px;}
.toggle-container .panel h1.panel-title{font-size:2em;}
.toggle-container .panel h2.panel-title{font-size:1.6667em;}
.toggle-container .panel h3.panel-title{font-size:1.5em;}
.toggle-container .panel h4.panel-title{font-size:1.3333em;}
.toggle-container .panel h5.panel-title{font-size:1.1667em;}
.toggle-container .panel h6.panel-title{font-size:0.9em;}
.toggle-container.style1 .panel .panel-title > a{line-height:18px;}
.toggle-container.style1 .panel .panel-title > a:hover{color:#b52029;}
.toggle-container.style1 .panel .panel-title > a:before{display:block;content:"\f068";font-family:FontAwesome;margin-right:10px;line-height:18px;font-size:8px;float:left;width:18px;height:18px;text-align:center;color:#fff;background:#ccc;-webkit-border-radius:50% 50% 50% 50%;-moz-border-radius:50% 50% 50% 50%;-ms-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;}
.toggle-container.style1 .panel .panel-title > a.collapsed:before{content:"\f067";color:#fff;background:#b52029;}
.toggle-container.style1 .panel .panel-content{padding:10px;}
.toggle-container.style1 .panel.arrow-right .panel-title{position:relative;}
.toggle-container.style1 .panel.arrow-right .panel-title > a{padding-right:36px;}
.toggle-container.style1 .panel.arrow-right .panel-title > a:before{float:none;position:absolute;right:0;height:16px;line-height:17px;width:16px;font-size:9px;border:none;margin-top:-8px;top:50%;}
.toggle-container.style1 .panel.arrow-right .panel-content{padding:10px 15px;}
.toggle-container.style2 .panel .panel-title{padding:0;}
.toggle-container.style2 .panel .panel-title > a{display:block;line-height:normal;padding:15px 20px;color:#01b7f2;}
.toggle-container.style2 .panel .panel-title > a.collapsed{color:inherit;position:relative;}
.toggle-container.style2 .panel .panel-title > a.collapsed:hover{color:#01b7f2;}
.toggle-container.style2 .panel .panel-title > a:after{content:"\f068";font-family:FontAwesome;font-size:10px;width:30px;height:30px;display:block;position:absolute;right:15px;bottom:0;color:#9e9e9e;background:#f5f5f5;text-align:center;line-height:30px;}
.toggle-container.style2 .panel .panel-title > a.collapsed:after{content:"\f067";color:#fff;background:#01b7f2;}
.toggle-container.style2 .panel .panel-content{padding:0 15px 30px 20px;}
.toggle-container.with-image > .image-container{background:#01b7f2;}
.toggle-container.with-image > .image-container > img{width:100%;height:auto;}
.toggle-container.with-image .panel > img{display:none;}
.toggle-container.with-image .panel-title > a{color:#01b7f2;}
.toggle-container.with-image .panel-title > a.collapsed{color:inherit;}
.toggle-container.with-image .panel-title > a.collapsed:hover{color:#01b7f2;}
#hf-cart .toggle-container .panel.style1.arrow-right .panel-title > a:before{background-color:#000009;float:none;position:absolute;right:0;height:24px;line-height:24px;width:24px;font-size:15px;font-weight:lighter;border:1px solid #fff;margin-top:-10px;top:50%;color:#fff;}
#hf-cart [class^="soap-icon"].circle, #hf-cart [class*=" soap-icon"].circle, #hf-cart .glyphicon.circle{border:none;background-color:#000009;width:1.1em;height:1.1em;line-height:1.1em;-webkit-border-radius:50% 50% 50% 50%;-moz-border-radius:50% 50% 50% 50%;-ms-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;display:inline-block;text-align:center;}
#hf-cart [class^="soap-icon"].circle:hover, #hf-cart [class*=" soap-icon"].circle:hover, #hf-cart .glyphicon.circle:hover{color:#000;}
#hf-cart{background-color:#f5f5f5;}
.hf-cart-header{width:100%;background-color:#fac946;font-size:18px;color:#fff;padding:10px;margin-bottom:5px;}
.hf-cart-resume{width:100%;background-color:#fff;color:#d3d3d3;padding:10px 20px 20px 20px;display:inline-block;}
.hf-cart-resume > div:not(.btn-reservar){padding:0px;}
.btn-reservar{background-color:#000009;color:#fff;padding:10px;text-align:center;font-size:16px;}
.room-table-detail{display:table;border-collapse:collapse;border-spacing:2px;width:100%;padding-bottom:10px;}
.room-table-detail > div{display:table-row;border-bottom:1px solid #f5f5f5;line-height:25px;}
.room-table-detail > div > div{display:table-cell;}
.room-table-detail > div > div:nth-child(1){padding-left:15px;}
.room-table-detail > div > div:nth-child(2){color:#000;}
#roomPrice{display:table;background-color:#666;width:100%;color:#fff;padding-bottom:10px;}
#roomPrice > div{display:table-row;font-size:16px;}
#roomPrice > div > div{display:table-cell;padding:0px;}
#roomPrice > div > div:nth-child(2){font-size:24px;}
.circle-close{color:#fff;text-align:center;font-size:16px;}
#roomServices{display:table;background-color:#999;width:100%;color:#fff;padding-bottom:10px;}
#roomServices > div{display:table-cell;}
#roomServicesList{display:table;background-color:#d9d9d9;width:100%;color:#666;padding-bottom:10px;border-collapse:collapse;}
#roomServicesList > div > div{display:table-cell;}
#roomServicesList > div > div:first-child{padding-left:20px;padding-top:5px;padding-bottom:5px;}
#roomServicesList > div > div:last-child{padding-right:20px;}
#roomServicesList >div{display:table-row;border-bottom:1px solid #fff;}
#roomServicesList >div:last-child{border-bottom:none;}
.btn-reservar-small{background-color:#000009;color:#fff;text-align:center;font-size:12px;padding:5px 15px;}
.btn-reservar-small:hover{color:#000;}
#roomServices > div:nth-child(2){text-align:right;}
#roomServicesList{font-size:14px;}
#roomServicesList > div > div:nth-child(2){text-align:right;color:#000;}
.cart-footer{width:100%;background-color:#fff;color:#d3d3d3;padding:20px;display:inline-block;}
#hfCartRoomQtd{position:absolute;top:9px;left:24px;font-size:18px;color:#fff;}
#hfCartTotalPrice{font-size:30px;color:#000009;text-align:right;width:100%;display:block;padding-top:10px;}
#cartRoomList > div > a{line-height:14px;}
.padding10{padding:10px !important;}
.room-type{color:#fff;margin:0;line-height:20px;}
.room-bed{color:#fac946;margin:0;line-height:15px;font-size:12px;}
.red-tab-hf{background-color:#fff;}
#listViewDetailMPGG{width:100%;}
#precos{padding:10px 20px;}
.side-stamp{position:absolute;float:left;right:0;top:-35px; max-width:75px;}
#precosRow{display:table-row;}
#listaRoomsTable{display:table;width:100%;}
#singleprice{display:table-cell;vertical-align:middle;text-align:right;padding-right:10px;}
#singleprice > span.price{border-left:0;}
#singleprice > a{display:block;white-space:nowrap;}
.tab-container.style-hf-red ul.tabs li{padding-right:10px;}
.tab-container.style-hf-red ul.tabs li.active > a, .red-tab-hf .tab-container.style-hf-red ul.tabs li:hover > a{color:#FFF;background:#000009 none repeat scroll 0% 0%;position:relative;}
.tab-container.style-hf-red ul.tabs li.active > a:after, .red-tab-hf .tab-container.style-hf-red ul.tabs li:hover > a:after{border-top:5px solid #000009;}
.tab-container.style-hf-red ul.tabs{display:block;background:#fff;padding:10px 0 10px 10px;border-bottom:1px solid #e6e6e6;}
.tab-container.style-hf-red ul.tabs li.active:hover > a:after{display:block;}
.tab-container.style-hf-red ul.tabs li:hover > a:after{display:none;}
.tab-container.style-hf-red ul.tabs li.active > a:after, .tab-container.style-hf-red ul.tabs li:hover > a:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid #000009;border-left:7px solid transparent;border-right:7px solid transparent;content:"";}
.tab-container.style-hf-red ul.tabs li.active > a:after, .tab-container.style-hf-red ul.tabs li:hover > a:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid #000009;border-left:7px solid transparent;border-right:7px solid transparent;content:"";}
.bookNow_btn{min-width:63px;height:28px !important;background-color:#000009 !important;}
.borderBor1{border-bottom:1px solid #F5F5F5;margin:10px 0px;}
.selectorTitle{display:block;text-align:center;margin-right:8px;line-height:0px;}
.selector > select{height:28px !important; font-size:16px;}
#precos .tab-container .tab-content .tab-pane{}
.fontSize10{font-size:12px;}
.red-tab-hf .tab-container.style1 ul.tabs li.active > a, .red-tab-hf .tab-container.style1 ul.tabs li:hover > a{color:#FFF;background:#000009 none repeat scroll 0% 0%;position:relative;}
.red-tab-hf .tab-container.style1 ul.tabs li.active > a:after, .red-tab-hf .tab-container.style1 ul.tabs li:hover > a:after{border-top:5px solid #000009;}
#hotel-availability .sort-by-section .swap-tiles li.active > a > i{background:#000009;color:#fff;}
#hotel-availability .room-list > article{border-bottom:none;}
#hotel-availability .sort-by-section .swap-tiles li:hover > a > i, #hotel-availability .sort-by-section .swap-tiles li:hover > a:hover > i, #hotel-availability .sort-by-section .swap-tiles li.active > a:hover > i{background:#000009;color:#fff;}
#hotel-availability .room-list .box figure{margin-bottom:0px;}
#hotel-availability{padding-bottom:0px !important;}
.listing-style3.hotel .details >:first-child > *{border-bottom:none;}
#precos .tab-container .tab-content .tab-pane{padding:5px 20px !important;}
.amenities > img{padding-left:5px;width:auto;height:40px;}
.roomBox-hf .amenities > img{padding-left:0;width:auto;height:40px;}
#precos input.input-text, #precos textarea, #precos span.custom-select{height:28px !important;}
#precos .selector span.custom-select{line-height:28px;}
#precos .selector span.custom-select::after{top:13px;}
.descritivopensao{font-size:14px; line-height:28px;}
.listing-style3.hotel .details > * >:first-child{border-right:none;}
.price{color:#000009;}
.green{color:#7fb231;}
.button.booking{line-height:40px;font-size:16px;font-weight:normal;padding:0 15px;height:40px;background:#000009;color:#fff;}
.button.booking.small{height:26px;padding:0 6px;line-height:26px;font-size:14px;margin-left:10px;}
article.roomBox-hf{margin:10px 0 !important;}
article.roomBox-hf:last-child{border-bottom:none !important;}
.price-big{font-size:32px;line-height:34px;color:#000009;font-weight:normal;}
.listing-style3.hotel .details{padding:0 0 15px 20px !important;}
#quartoDesc p{margin:0px !important;}
.listing-style3.hotel .details > * > *{padding:0px !important;}
.listing-style3.hotel .details > * > *:first-child{padding:0px !important;}
.dailyrates{background-color:#F0F0F0;border:1px solid #ccc;padding:10px;font-size:11px;display:inline-table;max-width:600px;}
.dailyratesInner{float:left;margin:2px;width:100px;white-space:nowrap;text-align:center;border:1px solid #ccc;background-color:white;padding:3px;}
.dailyratesInner span{}
#hf-cart-hor{position:relative;z-index:998 !important;}
#hf-cart-hor >div:first-child{padding:10px 15px;}
#cartHeaderContent{}
#cartHeaderImg{height:38px;width:auto;}
#cartHeaderNum{position:absolute;top:8px;left:50%;color:#fff;}
#cartBodyContent{padding-top:10px;padding-bottom:10px;padding-left:10px;box-shadow:0 4px 2px -2px rgba(0, 0, 0, 0.12) !important;}
.image__cell.is-collapsed{border:2px solid #fff;}
.image__cell.is-expanded{border:2px solid #fff;}
.removeRoomCell{display:table-cell;text-align:right;padding-left:13px;}
.cartBodyTable{display:table;padding:2px 4px;float:left;background-color:#666;}
.cartBodyTable:hover{background-color:#000009;}
.roomDescCell{display:table-cell;}
.roomValuesCell{display:table-cell;color:#fff;text-align:right;padding-left:10px;}
.removeRoomCell > span{color:#fff;background-color:#DC739B;font-size:12px;font-weight:bold;line-height:3px;margin-right:0px;padding:3px;height:13px;width:13px;display:block;top:0px;right:0px;position:absolute;}
.room-box-expand{padding-bottom:10px;padding-left:10px;z-index:997;display:none;}
#hf-cart-hor h1, #hf-cart-hor h2, #hf-cart-hor h3, #hf-cart-hor h4, #hf-cart-hor h5, #hf-cart-hor h6 , #hf-cart-hor h7, #hf-cart-hor h8, #hf-cart-hor h9, #main-menu h1, #main-menu h2, #main-menu h3, #main-menu h4, #main-menu h5, #main-menu h6, #main-menu h7, #main-menu h8, #main-menu h9, #main-menu h10, #main-menu h50{margin:0px;color:inherit;clear:both;display:block;}
#hf-cart-hor h1, #main-menu h1{font-size:24px !important;line-height:24px !important;font-weight:normal !important;}
#hf-cart-hor h2, #main-menu h2{font-size:22px !important;line-height:22px !important;font-weight:normal !important;}
#hf-cart-hor h3, #main-menu h3{font-size:20px !important;line-height:20px !important;font-weight:normal !important;}
#hf-cart-hor h4, #main-menu h4{font-size:18px !important;line-height:18px !important;font-weight:normal !important;}
#hf-cart-hor h5, #main-menu h5{font-size:16px !important;line-height:16px !important;font-weight:normal !important;}
#hf-cart-hor h6, #main-menu h6{font-size:14px;line-height:14px;font-weight:normal;}
#hf-cart-hor h7, #main-menu h7{font-size:12px !important;line-height:12px !important;font-weight:normal !important;}
#hf-cart-hor h8, #main-menu h8{font-size:9px !important;line-height:9px !important;}
#hf-cart-hor h9, #main-menu h9{font-size:8px !important;line-height:8px !important;}
#hf-cart-hor h10, #main-menu h10{font-size:6px !important;line-height:6px !important;}
#main-menu h50{font-size:50px !important;line-height:50px !important;}
.no-lineH{line-height:0px;}
.sc-enabled{display:block;text-align:center;background-color:#fff !important;color:#000009 !important;border:1px solid #000009;}
.sc-enabled:hover{background-color:#000009 !important;color:#fff !important;border:1px solid #fff;cursor:pointer;}
.sc-disabled>span{}
.sc-disabled{display:block;text-align:center;background-color:#d9d9d9 !important;color:#fff !important;border:1px solid #d9d9d9;}
.bt-remove{padding:5px 8px;border:1px solid #fff;margin-left:5px;margin-right:5px;cursor:pointer; border-radius:300px!important;}
.bt-removeRoom, .bt-removeRoom:visited{padding:8px 14px;border:1px solid #fff;margin:0px 5px;display:inline-block;cursor:pointer;background-color:none;color:#fff;font-size:14px;border-radius:300px!important;}
.bt-remove:hover{background-color:#fff;color:#000009;border:1px solid #000009;}
.bt-removeRoom:hover{background-color:#fff;color:#000!important;border:1px solid #000!important;}
.mycircle{display:inline-block;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-moz-box-shadow:0px 0px 2px #888;-webkit-box-shadow:0px 0px 2px #888;box-shadow:0px 0px 2px #888;border-color:#000;}
#hf-cart-hor hr{margin-top:10px;margin-bottom:10px;}
#hf-cart-hor .btn-reservar{padding:5px;}
.selector{font-size:12px;min-width:50px;text-align:left;}
#precosRow{display:inline-block;width:100%;}
#precosRow .selector{font-size:14px;display:inline-block;width:50px;background-color:#fff;}
#voucher{width:95px;}
span[id^='paxicon']:hover{cursor:pointer;}
.smallIcon > span{font-size:20px;line-height:20px;}
.icon31, .hficons{font-size:28px;line-height:28px;}
.hficons_big {font-size:34px;line-height:34px;}
#hf-cart [class^="soap-icon"].circle, #hf-cart [class*=" soap-icon"].circle, #hf-cart .glyphicon.circle, #hf-cart-hor [class^="soap-icon"].circle, #hf-cart-hor [class*=" soap-icon"].circle, #hf-cart-hor .glyphicon.circle, .circle-x{border:none;background-color:#000009;width:1.1em;height:1.1em;line-height:1.1em;-webkit-border-radius:50% 50% 50% 50%;-moz-border-radius:50% 50% 50% 50%;-ms-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;display:inline-block;text-align:center;}
.alpha90{filter:alpha(opacity=0.9);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.sticky-wrapper, #undefined-sticky-wrapper, #hf-cart-hor{z-index:998!important;}
#resultFilters{background:#FFF;padding:10px;}
.slideBanner{width:100%;height:380px;}
#main-menu ul.menu{margin:0;float:right;}
#main-menu ul.menu li:not(.megamenu-menu) div{filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;-ms-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}
.box-title .soap-icon-star{width:auto!important;display:inline!important;}
/*=============EFFECTS==============*/
a.over img, a.hover img, a.hover-effect img {
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
a.over:hover img, a.hover:hover img, a.hover-effect:hover img{
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 30%);
-o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 30%);
}
a.grow-bigger img, a.hover-anim1 img {
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
a.grow-bigger:hover img, a.hover-anim1:hover img{
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
a.grow-bigger2 img {
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
a.grow-bigger2:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.content-image {
width: 100%
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s
}
.content:hover .content-details {
top: 50%;
left: 50%;
opacity: 1
}
.content-details h3 {
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
text-transform: uppercase
}
.content-details p {
color: #fff;
font-size: 0.8em
}
.fadeIn-bottom {
top: 80%
}
.bg-1{background-color:rgba(0,0,0,0.5); color:#fff;}
.white_block, .white-block {
background-color: rgba(255,255,255,0.8);
padding: 50px;
z-index: 99;
}
.bold, .text-bold{font-weight:bold;}
.light, .text-weight-light{font-weight:400}
.white, text-white{color:#fff;}
.black, text-black{color:#000;}
.text-faded{color:rgba(255,255,255,.7)}
.text-shadow, .drop-shadow {text-shadow: 1px 1px 1px rgba(0,0,0,.7)}
.drop-shadow-b-1 {text-shadow: 1px 1px 3px rgba(0,0,0,1)}
.drop-shadow-b-faded, .drop-shadow-faded {text-shadow: 1px 1px 4px rgba(0,0,0,.7)}
.drop-shadow-b-2{text-shadow: 2px 2px 1px rgba(0,0,0,1)}
.drop-shadow-w-1 {text-shadow: 1px 1px 1px rgba(255,255,255,1)}
.drop-shadow-w-2 {text-shadow: 2px 2px 1px rgba(255,255,255,1)}
section.no-padding{padding:0}
section.no-margin{margin:0}
.section8{margin:8rem 0}
.section10{margin:10rem 0}
.section15{margin:15rem 0}
.section-heading{margin-top:0}
.sub-title {
font-weight: 500;
margin-bottom: 40px;
line-height: 1.8rem;
position: relative;
}
.sub-title:after {
content: '';
width: 100px;
height: 4px;
background: #b4e1d8;
position: absolute;
left: 50%;
margin-left: -50px;
bottom: -30px;
}
img{max-width:100%}
img::-moz-selection{color:#fff;background:0 0}
img::selection{color:#fff;background:0 0}
img::-moz-selection{color:#fff;background:0 0}
img.home-header {
margin-top: -400px;
position: relative;
max-width:100%;
bottom: 0;
}
.img-wrapper img {}
.display-1 {}
.display-2 {}
.display-3 {}
.display-4 {}
.display-3 b { font-weight:600}
.fs10 {font-size: 10px!important}
.fs12 {font-size: 12px!important}
.fs14 {font-size: 14px!important}
.fs16 {font-size: 16px!important}
.fs18 {font-size: 18px!important}
.fs20 {font-size: 20px!important}
.fs30 {font-size: 30px!important}
.fs40 {font-size: 40px!important}
.fs50 {font-size: 50px!important}
.fs60 {font-size: 60px!important}
.fs70 {font-size: 70px!important}
.fs80 {font-size: 80px!important}
.width-100{width:100%!important}
.wt100{width:100px}
.wt200{width:200px}
.mw200{max-width:200px!important}
.wt300{width:300px}
.wt400{width:400px}
.wt500{width:500px}
.wt600{width:600px}
.mw100{max-width:100px}
.ht40{height:40px}
.ht60{height:60px}
.ht80{height:80px}
.ht100{height:100px}
.ht150{height:150px}
.ht200{height:200px}
.ht250{height:250px}
.ht300{height:300px}
.ht350{height:350px}
.ht400{height:400px}
.ht500{height:500px}
.ht600{height:600px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt100{margin-top:100px}
.mtm100{margin-bottom:-100px}
.mt150{margin-top:150px}
.mtm150{margin-bottom:-150px}
.mt200{margin-top:200px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mh2 {min-height:2.4em}
.h-25vh {height: 25vh!important}
.h-50vh {height: 50vh!important}
.h-75vh {height: 75vh!important}
.h-100vh {height: 100vh!important}
.red {color: var(--base-color) !important;}
.hficon-no.hf-red-color, .hficon-no.red {color:#d91111 !important}
.green {color:green}
.yellow {color:yellow;}
.orange {color:orange}
.blue {color:#11284b;}
.dark{background:#3d566e;padding:60px 0 50px}
.grey{background:#ecf0f1}
.theme-color{color:#000}
.nopadding, .no-padding{padding:0!important}
.nomargin, .no-margin{margin:0!important}
.box-grey {padding: 10px; display:block; border:1px solid #f5f5f5; border-radius: 5px; background-color:#f0f0f0}
.border-sm {border:1px solid #000}
.border-md {border:3px solid #000}
.border-bg {border:5px solid #000}
.top-header {
background-color: #222222;
line-height: 20px;
font-size: 14px;
color: #fff;
padding: 8px 0 0 0;
margin: 0;
}
.no-border {border:0!important;}
header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(/images/textures/header.jpg);background-position:center center;background-size:cover}
.mainrow{background-position:center center; background-size:cover}
header.masthead hr{margin-top:30px;margin-bottom:30px}
header.masthead h1{font-size:2rem}
header.masthead p{font-weight:300}
header.masthead2{text-align:center;color:#fff;background-image:url(/images/textures/header.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;background-size:cover; position:relative; left:0; top:0; height: 75vh;}
header.masthead2.nobg{background-image:none;}
header.masthead2.border-b{border-bottom:2px solid #145651}
.intro-text{padding-top:25vh}
.intro-text .intro-lead-in{font-size:22px;font-style:italic;line-height:22px;}
.intro-text .intro-lead-in img{ max-width:400px; height:auto;}
.intro-text .intro-heading{font-size:50px;font-weight:700;line-height:50px;}
form .row{margin-bottom:20px}
.item.header{padding-bottom:50px}
.item.contact,.item.content,.item.portfolio,.item.pricing,.item.team{padding-top:60px;padding-bottom:60px}
.margin-top-100{margin-top:100px!important}
.margin-top-60{margin-top:60px!important}
.margin-top-80{margin-top:80px!important}
.margin-top-20{margin-top:20px!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-bottom-40{margin-bottom:40px!important}
.margin-bottom-60{margin-bottom:60px!important}
.margin-bottom-80{margin-bottom:80px!important}
.padding-top-0{padding-top:0!important}
.padding-top-20{padding-top:20px!important}
.padding-top-100{padding-top:180px!important}
.padding-bottom-60{padding-bottom:60px!important}
.padding-bottom-0{padding-bottom:0!important}
.margin-top-0{margin-top:0!important}
header .navbar.plain li.active a{color:#000}
header .navbar-white{background:#fff}
header .navbar-white a{color:#3d566e}
.videoWrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.videoWrapper > .frameCover, .videoWrapper > iframe,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%}
.overlay-transparent:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/textures/transparent.png); opacity:0.3; filter: alpha(opacity=30); z-index:990}
.overlay-soft:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/textures/softscanlines.png); opacity:0.3; filter: alpha(opacity=30); z-index:990}
.overlay-hard:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/textures/scanlines.png); opacity:0.3; filter: alpha(opacity=30); z-index:990}
.overlay-standard:after{background-color:#505050}
.overlay-cold:after{background-color:#3fb9f1}
.overlay-light:after{background-color:#f1f1f1}
.overlay-sepia:after{background-color:#704214}
.overlay-hot:after{background-color:#d09494}
.overlay-nocolor:after{}
.opct10:after {opacity:0.10!important; filter: alpha(opacity=10)!important}
.opct20:after {opacity:0.20!important; filter: alpha(opacity=20)!important}
.opct30:after {opacity:0.30!important; filter: alpha(opacity=30)!important}
.opct40:after {opacity:0.40!important; filter: alpha(opacity=40)!important}
.opct50:after {opacity:0.50!important; filter: alpha(opacity=50)!important}
.opct60:after {opacity:0.60!important; filter: alpha(opacity=60)!important}
.opct70:after {opacity:0.70!important; filter: alpha(opacity=70)!important}
.opct80:after {opacity:0.80!important; filter: alpha(opacity=80)!important}
.opct90:after {opacity:0.90!important; filter: alpha(opacity=90)!important}
.separator {border:2px solid #fff}
.ucase {text-transform:uppercase}
.lcase {text-transform:lowercase}
.clientcolor1 {color:#000}
.orange1 {color:#000}
.clientbg1 {background-color:#000}
.tbg1 {background-color:rgba(120,120,120,.5); color:#fff}
.parallax {min-height:400px!important; background: transparent!important;}
.page-item.active .page-link {background-color:#f0f0f0;border-color: #000; color:#000}
.page-item .page-link {color:#000}
.img-fluid {width:100%}
.carousel-item {
height: 75vh;
min-height: 600px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
blockquote {padding: 10px; border-radius: 5px; display:flex; border:1px solid #e9e9e9; background-color:#f0f0f0}
blockquote::before {font-family: FontAwesome; content: '\f10d'; margin-right:10px; color:#000; align-self: flex-start}
blockquote::after {font-family: FontAwesome; content: '\f10e'; margin-left:10px; color:#000; align-self: flex-end}
q {padding: 0; margin: 0; border: 0; color:#004973; font-style: italic; display:flex}
q::before {font-family: FontAwesome; content: '\f10d'; margin:0 2px; padding: 0 2px; color:#004973; font-size:12px; align-self: flex-start}
q::after {font-family: FontAwesome; content: '\f10e'; margin:0 2px; padding: 0 2px; color:#004973; font-size:12px; align-self: flex-end}
hr.light, hr.white{border-color:#fff}
hr{border-top:4px solid #000;}
hr.slim{border-top:1px solid #000;}
hr.dashed{border:3px dashed #000;border-bottom:0;border-left:0;border-right:0}
hr.shadowDown{border:1px solid #000;border-bottom:0;border-left:0;border-right:0;box-shadow:inset 0 12px 12px -12px rgba(0,0,0,.25);height:20px}
.service-box{max-width:400px}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(15, 53, 46, 0.7);-webkit-transition:all .2s;transition:all .2s}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 30px;font-family:'Roboto',Helvetica,Arial,sans-serif}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-weight:600}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}
.blog-post-meta {font-size:14px}
.showcase-text{padding:3rem}
.showcase-img{min-height:30rem;background-size:cover}
.features-icons{padding-top:7rem;padding-bottom:7rem}
.features-icons .features-icons-item{max-width:20rem}
.features-icons .features-icons-item .features-icons-icon{height:7rem}
.features-icons .features-icons-item .features-icons-icon i{font-size:4.5rem}
.features-icons .features-icons-item:hover .features-icons-icon i{font-size:5rem}
.testimonials{padding-top:7rem;padding-bottom:7rem}
.testimonials .testimonial-item{max-width:18rem}
.testimonials .testimonial-item img{max-width:12rem;-webkit-box-shadow:0 5px 5px 0 #adb5bd;box-shadow:0 5px 5px 0 #adb5bd}
.call-to-action{position:relative;background-color:#343a40;background:url(/images/textures/header.jpg) no-repeat center center;background-size:cover;padding-top:7rem;padding-bottom:7rem}
.call-to-action .overlay{position:absolute;background-color:#000;height:100%;width:100%;top:0;left:0;opacity:.3}
.text-primary{color:#000!important}
.btn{font-weight:400; font-size:14px; border-style:solid; border-width:2px; border-radius:300px; font-family:'Roboto',Helvetica,Arial,sans-serif}
.btn-xl{padding:1rem 2rem}
footer{margin:0; padding:0;}
footer .credits {text-align:center; font-size:12px; padding:14px 0; background-color:#000; color:#fff; }
footer .credits .quicklinks{margin-bottom:0;}
ul.social-buttons{margin:10px 0 10px 0}
ul.social-buttons li a{font-size:20px;line-height:40px;display:block;width:40px;height:40px;-webkit-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:#000}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#000}
.input-group-rounded .input-group-btn+.form-control,.input-group-rounded .input-group-btn+.select2-search input[type=text]{padding-left:10px}
.form-control,.select2-search input[type=text]{border:1px solid #ddd}
.nav-pills,.popover{border:2px solid #ddd}
.popover .popover-title{border-bottom:2px solid #ddd}
.progress,.ui-slider{background:#ddd!important}
.progress-bar,.ui-slider-handle,.ui-slider-range{background:#bdc3c7}
b.chead {color:#8c9899}
b.chead span {color:#34495e;	font-size:14px;	margin-right:10px}
p.text-light {color:#7f8c8d}
.wrapper.grey {background:#ecf0f1;	border-top:1px solid #d3d9dd;	border-bottom:1px solid #d3d9dd;	padding:80px 0}
.col {margin:0 10px;	padding:20px}
.wrapper.grey {background:#ecf0f1;	border-top:1px solid #d3d9dd;	border-bottom:1px solid #d3d9dd;	padding:80px 0}
.item.dark {background-color:#3d566e;	color:#eee}
.nav-tabs > li > a {color:#3d566e;}
.nav-tabs > li.active > a, body .nav-tabs > li.active > a:focus, body .nav-tabs > li.active > a:hover {color:#3d566e}
.nav-tabs .nav-link.disabled {
color: #c3c3c3;
background-color: transparent;
border-color: transparent;
}
.tabs img {max-width:100%;}
.tabs p {font-size:14px}
.tabs h5 {margin-bottom:5px;	font-size:16px}
.tabs .tab-pane {padding:30px 20px}
.divider {line-height:0!important;
height:0;
border-width:3px;
border-color:#cbd0d3;
text-align:center;}
.divider.dashed {border-style:dashed;	border-top:0;	border-left:0;	border-right:0}
.divider.dotted {border-top:0;	border-left:0;	border-right:0;	border-bottom:10px dotted #e8edef;line-height: 10px!important;}
.divider > span {background:#fff; font-style:italic;	padding:0 10px}
.wrapperDark {background:#3d566e;}
.wrapperDark .divider.dashed {border-color:#000;
border-style:dashed;
border-top:0;
border-left:0;
border-right:0;
color:#eee;
margin:0}
.wrapperDark .divider.dashed > span {background:#3d566e;	font-style:normal;	color:#eee;}
.footerWrapper {padding-top:0}
.footer .navbar-brand img {width:75px}
.footer .navbar-brand img.small {width:30px}
.footer.dark {background:#3d566e;	padding:60px 0 50px;	font-weight:200;	color:#cbd0d3}
.footer.dark h2 {color:#ecf0f1;	font-size:34px;	border-bottom:2px dashed #cbd0d3;	padding-bottom:20px;	margin-top:0}
.footer.dark span {	font-size:13px}
.footer.dark a, .footer.dark a span {font-size:26px;	margin-right:5px;	color:#fff}
.bodyPadding {padding-top:76px}
body.bodyPaddingLess {padding-top:56px}
.text-center > a img {max-width:100%}
.wrapper.grey {background:#ecf0f1;	border-top:1px solid #d3d9dd;	border-bottom:1px solid #d3d9dd}
.navbar.plain .navbar-nav a {color:#7f8c8d;	font-weight:400}
.navbar-inverse .navbar-nav > li > a:hover {color:#fff}
.navbar-grey .navbar-nav, .navbar.plain .navbar-nav {margin-top:15px}
.navbar.plain .navbar-brand {color:#34495e;	line-height:50px}
.navbar-grey .navbar-brand {line-height:50px;	font-weight:400}
.navbar-grey .navbar-brand img, .navbar.plain .navbar-brand img {float:left;	margin-right:15px}
.navbar.navbar-grey {background:#3e3e3e!important}
.navbar.navbar-none {background:none!important}
.navbar-grey .navbar-nav > .active > a, .navbar-grey .navbar-nav > .active > a:focus, .navbar-grey .navbar-nav > .active > a:hover {background:#fff;	color:#3e3e3e}
header.dark {background-color:#3d566e;	color:#eee}
header.dark .navbar.plain a {color:#fff}
.wrapper.image {position:relative;	width:100%;	z-index:100;	color:#fff}
.wrapper.image1 .container {padding-top:260px;	padding-bottom:260px}
.wrapper.image2 .container {padding-top:25px;	padding-bottom:100px}
.wrapper.image .container p {font-size:18px}
.wrapper.image .bg {position:absolute;
top:0;
left:0;
right:0;
bottom:0}
.wrapper.image .bg1 {}
.wrapper.image .bg1, .wrapper.image .bg2 {background-repeat:no-repeat;
background-position:0 bottom;
background-size:cover;
background-attachment:scroll;
background-color:transparent}
.wrapper.image .bg2 {}
.banner.grey {background:#95a5a6}
.banner h1 {margin:80px 0;
font-weight:400;
font-size:40px;
line-height:1.4em}
.banner2 h1 {margin:80px 0 10px}
.banner2 {margin-bottom:80px}
.banner2 p {margin-top:0}
.item.header.header10 {background-repeat:no-repeat;
background-position:0 top;
background-size:cover;
background-attachment:scroll;
background-color:transparent}
form.headerForm input {border:0}
.header10 .navbar-header a img {height:30px;
margin-right:10px;
position:relative;
top:-4px;
float:left}
.nav.navbar-nav.navbar-right {margin-right:0!important}
.header10 h2 {font-weight:400;
margin-top:0}
.item.header.header11 {background-repeat:no-repeat;
background-position:0 top;
background-size:cover;
background-attachment:scroll;
background-color:transparent}
.header11 h1 {color:#f5f7f8;
font-weight:200;
font-size:45px}
.header11 .navbar-header a img {height:30px;
margin-right:10px;
position:relative;
top:-4px;
float:left}
.col > a img {width:70%;	display:block;	margin:0 auto 40px}
.col h3 a {color:#3d566e}
a.over.overlay {position:absolute;
display:table-cell;
left:0;
top:0;
background:rgba(233, 139, 57, .6);
height:100%;
line-height:263px;
width:100%;
border-radius:6px;
visibility:hidden;
opacity:0;
transition:visibility 0s linear .5s, opacity .5s linear;
text-align:center;
color:#fff;
font-size:50px;
vertical-align:middle}
a.over.round .overlay {border-radius:50%;	background:rgba(61, 86, 110, .6)}
a.over:hover .overlay {visibility:visible;	opacity:1;	transition-delay:0s}
.pricing1 {text-align:center;	border:2px solid #ddd}
.pricing1 .top {border-bottom:2px solid #ddd;	padding:40px 0}
.pricing1 .top h2 {margin-bottom:10px}
.pricing1 .top > * {margin:0}
.pricing1 .top .price {font-size:34px;	font-weight:700;	color:#16a085}
.pricing1 .top .price span {font-size:16px;	font-weight:700;	color:#aaa}
.pricing1 .bottom {padding:40px}
.pricing1 .bottom ul {list-style:none;
list-style-type:none;
margin:0 0 40px;
padding:0}
.pricing2:hover {box-shadow:0 3px 50px rgba(0, 0, 0, .2)}
.pricing2 {border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
transition:box-shadow 1s;
-webkit-transition:box-shadow 1s;
-moz-transition:box-shadow 1s}
.pricing2 .top {background:#2c3e50;
color:#eee;
padding:40px;
color:#ecf0f1;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
text-align:center}
.pricing2 .top h2 {font-size:24px;	margin-bottom:20px;	font-weight:400}
.pricing2 .top > * {margin:0}
.pricing2 .top .price .currency {font-size:24px;
line-height:54px;
vertical-align:top;
display:inline-block}
.pricing2 .top .price b {font-size:60px;	line-height:70px;	color:#fff}
.pricing2 .top .price .month {color:#ccc}
.pricing2 .bottom {border:3px solid #dee2e4;
border-top:0;
-webkit-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
min-height:450px;
}
.pricing2 .bottom ul {list-style:none;
list-style-type:none;
margin:0;
padding:0}
.pricing2 .bottom ul li {border-bottom:3px solid #dee2e4;}
.pricing2 .bottom ul li > span {color:#16a085;	font-size:20px;	margin-right:20px}
.pricing2 .bottom > a {margin:40px;	width:auto}
.pricing3 {text-align:center;	color:#8c9899}
.pricing3 .top {padding:40px;	border:2px solid #d2d7db}
.pricing3 .top .price {font-weight:700;	font-size:22px}
.pricing3 .top > * {margin:0}
.pricing3 .top h2 {	font-size:22px;	color:#3d566e;	margin-bottom:10px}
.pricing3 ul {list-style:none;	list-style-type:none;	padding:0}
.pricing3 ul li {line-height:52px;	border-bottom:2px solid #d2d7db}
.pricing3 ul li:last-child {border-bottom:0}
.pricing3 ul li b {color:#707c7d}
.pricing3 .bottom {border-left:2px solid #d2d7db;	border-right:2px solid #d2d7db;	padding:30px}
.pricing3 > a {display:block;
background:#d2d7db;
padding:30px;
color:#fff;
font-size:22px;
font-weight:700;
border:2px solid #d2d7db;
transition:background border-color .5s .5s;
-webkit-transition:background border-color .5s .5s;
-moz-transition:background .5s border-color .5s}
.pricing3 > a:hover {background:#16a085;	border-color:#16a085}
span.pIcon {font-size:34px;	color:#2980b9}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle, .circle{border-radius:50%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.msgdiv, .msgoptindiv {vertical-align:middle; text-align:center; padding:0 0 10px 0;}
.msgdiv h2, .msgdiv h3, .msgdiv h4, .msgdiv h5 {float:none; margin:0; padding:0}
.wrong {border:2px solid #cd0000 !important; border-style:inset 2px; background-color:#f7ded7 !important}
.wrong::-webkit-input-placeholder {color: white!important}
.wrong::-moz-placeholder {color: white!important}
.wrong:-ms-input-placeholder {color: white!important}
.wrong:-moz-placeholder {color: white!important}
.flex-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-top{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}
.flex-bottom{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}
#back-to-top {position: fixed; right: 20px; bottom: 20px; text-align: center; width: 70px; height: 70px; line-height: 70px; -webkit-border-radius: 10px; border-radius: 10px;
background-color:rgba(0,0,0,0.7); color: #fff; z-index: 12; cursor:pointer; display:none}
.input-group-text {background-color: #f8f9fa}
.close {opacity: 1;}
/*=========================================Textures and effects=========================================*/
.txt-banner {
padding: 20px 30px;
background-image: url(/images/textures/po-arranhoes.png);
background-position: center center;
background-size:auto;
background-color:rgba(15, 53, 46, 0.7);
}
.img-ripped {
-webkit-mask-image: url(/images/textures/ripped.svg);
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
}
.img-ripped.top{
-webkit-mask-position: top center;
}
.img-ripped.bottom{
-webkit-mask-position: bottom center;
}
.hover-effect {overflow:hidden}
.hover-effect img {
display: block;
position: relative;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-backface-visibility: hidden;
}
.hover-effect:hover img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
/*============================================Table beaviour============================================*/
.table {
margin-bottom:0;
}
.table th.col-ruler {
width: 10%!important;
}
.table tbody td, .table tbody th.small {
padding: .7rem .2rem;
font-size: 0.8rem;
line-height: 0.9rem;
vertical-align:top;
}
.table tbody td.normal {
font-size: 1rem;
line-height: 1.1rem;
vertical-align: middle;
}
/*==============================================Header w video==============================================*/
header.videoHeader {
position: relative;
height: 100vh;
min-height: 25rem;
width: 100%;
overflow: hidden;
}
header video, header iframe {
position: absolute;
top: 50%;
left: 50%;
min-width:100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
header .container {
position: relative;
z-index: 2;
}
header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.card-border-top {border-top: 1px solid rgba(0,0,0,.125)}
.card-img-top {width: 100%!important; height:auto!important}
/*Register modal styles*/
.modal .modal-content {
background-color: transparent;
border:none;
outline: 0;
}
.modal .modal-body {
background: none;
}
.card-signin {
border: 0;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.card-signin .card-title {
margin-bottom: 1rem;
font-weight: 700!important;
font-size: 1.5rem;
}
.card-signin .card-body {padding: 0;}
#signtoolkit a:hover {text-decoration:underline;}
#signtoolkit form {width: 100%;}
#signtoolkit form .btn {
font-size: 80%;
border-radius: 5rem;
letter-spacing: .1rem;
font-weight: bold;
padding: .5rem 1rem;
transition: all 0.2s;
}
#signtoolkit form .form-control {border: 2px solid #ddd;}
#signtoolkit form .form-label-group, .form-retrieve .form-control {
position: relative;
margin-bottom: 0.5rem;
}
#signtoolkit form .form-label-group input, #signtoolkit form .form-label-group select, .form-retrieve .form-control {
height: auto;
border-radius: 2rem;
}
#signtoolkit form .form-label-group>input,
#signtoolkit form .form-label-group>label {
padding: var(--input-padding-y) var(--input-padding-x);
}
#signtoolkit form .form-label-group>select {
padding: var(--input-padding-y) var(--input-padding-x1);
}
#signtoolkit form .form-label-group>label {
position: absolute;
top: 1px;
left: 1px;
display: block;
width: 100%;
margin-bottom: 0;
line-height: 1.5;
color: #495057;
border: 1px solid transparent;
border-radius: .25rem;
transition: all .1s ease-in-out;
}
#signtoolkit form .form-label-group input:not(:placeholder-shown), #signtoolkit form .form-label-group select:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
}
#signtoolkit form .form-label-group input:not(:placeholder-shown)~label, #signtoolkit form .form-label-group select:not(:placeholder-shown)~label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
color: #aaa;
}
.btn-google, .btn-facebook, .btn-linkedin {
color: white;
padding: .4rem 1rem;
line-height:20px;
}
.modal .fa {
font-size:20px;
vertical-align:middle;
}
/*==============================================gradient efects==============================================*/
.gray-gradient{background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%)}
.white-gradient{background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%)}
.horizontal-gradient-1{background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(61,86,110,1) 30%, rgba(61,86,110,1) 70%, rgba(0,0,0,1) 100%);}
.anim-gradient-1{
background: linear-gradient(-45deg, #fdfbfb, #f1f1f1, #f0f0f0, #f1f1f1);
background: linear-gradient(-45deg, #fdfbfb, #f1f1f1, #f0f0f0, #f1f1f1);
background: -webkit-linear-gradient(-45deg, #fdfbfb, #f1f1f1, #f0f0f0, #f1f1f1);
background: -moz-linear-gradient(-45deg, #fdfbfb, #f1f1f1, #f0f0f0, #f1f1f1);
background: -ms-linear-gradient(-45deg, #fdfbfb, #f1f1f1, #f0f0f0, #f1f1f1);
background: -o-linear-gradient(-45deg, #fdfbfb, #f1f1f1, #f0f0f0, #f1f1f1);
background-size: 300% 300%;
-webkit-animation: Gradient 5s ease infinite;
-moz-animation: Gradient 5s ease infinite;
animation: Gradient 5s ease infinite;
}
/*==============================================ovwerlays over ==============================================*/
.content {
position: relative;
margin: auto;
overflow: hidden
}
.content .content-overlay {
background: rgba(0, 0, 0, 0.7);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.content:hover .content-overlay {
opacity: 1
}
.content-image {
width: 100%
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s
}
.content:hover .content-details {
top: 50%;
left: 50%;
opacity: 1
}
.content-details h3 {
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
text-transform: uppercase
}
.content-details p {
color: #fff;
font-size: 0.8em
}
.fadeIn-bottom {
top: 80%
}
/*==============================================cards==============================================*/
.card{display:block;border:0;}
.modal-body .card{background:#f5f5f5;display:block;border:0;border-radius:15px;padding:30px}
.card-header{background:0 0}
.card-title{transition:all .2s ease-in-out}
a.card-title:hover{color:inherit}
.card-footer.clean {
background-color:transparent;
border-top: 0;
}
.intro-cards .card{padding:0}
.intro-cards .card-flip .card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;transition-timing-function:linear;width:100%;height:100%;margin:0}
.intro-cards .card-img{width:100%;border-radius:30% 70% 15px 15px}
.intro-cards .card-flip .card{background:0 0}
.intro-cards .card-flip .card .btn{background-color:0;border:2px solid #fff}
.intro-cards .card-flip .card:first-of-type{transform:rotateY(0)}
.intro-cards .card-flip .card:last-of-type{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;top:0;display:flex}
.intro-cards .card-flip:hover .card:first-of-type{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.intro-cards .card-flip:hover .card:last-of-type{-webkit-transform:rotateY(0);transform:rotateY(0)}
/*===============================================Marquee===============================================*/
.marqueewrap {background: #000; width:99.98%;}
.marqueewrap .content {padding-left:118px;}
.marqueewrap .marquee {
width: 100%;
float: left;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
height: 50px;
position: relative;
color: #fff;
padding: 15px 0;
}
.marquee .item {font-family: Helvetica, sans-serif; display:inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; margin-right:100px;}
.marqueewrap .sibling {font-family: Helvetica, sans-serif; color:#fff; float:left; position:absolute; left:0; height:50px; padding:15px 30px; background-color:rgba(0,0,0,0.9); z-index:10}
.marqueewrap .content {padding-left:120px;}
/*============================================Image Galleries===========================================*/
.imagegallery a img {
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
}
.imagegallery a:hover img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.3);
}
/*==============================================visibility==============================================*/
.hidden,
.website-hidden,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-print {display: none}
/*=============================================media queries============================================*/
@media only screen and (min-width:1600px){
.videopayer{max-width:70%; margin:0 auto; display:block; margin-top:40px;}
.container {max-width:70vw;}
}
@media only screen and (max-width:1599px){
.videopayer{max-width:100%; margin:0 auto; display:block;}
}
@media only screen and (min-width:1200px){
header.masthead h1{font-size:4rem}
.visible-lg {display: block !important}
table.visible-lg {display: table}
tr.visible-lg {display: table-row !important}
th.visible-lg,
td.visible-lg {display: table-cell !important}
.hidden-lg {display: none !important}
}
@media only screen and (min-width:992px){
header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}
header.masthead h1{font-size:3rem}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.visible-md {display: block !important}
table.visible-md {display: table}
tr.visible-md {display: table-row !important}
th.visible-md,
td.visible-md {display: table-cell !important}
.hidden-md {display: none !important}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.visible-sm {display: block !important}
table.visible-sm {display: table}
tr.visible-sm {display: table-row !important}
th.visible-sm,
td.visible-sm {display: table-cell !important}
.hidden-sm {display: none !important}
}
@media only screen and (max-width:991px) {
#logoMenuTop {margin-left:0;}
#mainNav {background-color:#000;}
#mainNav .navbar-nav {
margin: 14px 10px 0 0px;
}
#main-menu ul.menu100 {
left: 200px !important;
}
}
@media only screen and (min-width:768px){
header.masthead p{font-size:1.15rem}
header.masthead2 .intro-text .intro-lead-in{font-size:40px;font-style:italic;line-height:40px;margin-bottom:25px}
header.masthead2 .intro-text .intro-heading{font-size:60px;font-weight:700;line-height:70px;margin-bottom:50px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:18px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:16px}
.showcase-text{padding:7rem}
}
@media only screen and (max-width:768px){
#logoMenuTop{position:relative!important;  margin-left:0;}
h1, .h1 {font-size: 2rem}
h2, .h2 {font-size: 1.75rem}
h3, .h3 {font-size: 1.5rem}
h4, .h4 {font-size: 1.25rem}
h5, .h5 {font-size: 1rem}
h6, .h6 {font-size: 0.75rem}
.display-1 {font-size: 4rem}
.display-2 {font-size: 3rem}
.display-3 {font-size: 2.5rem}
.display-4 {font-size: 1.5rem}
.parallax {min-height:100px!important}
.hidden-xs {display: none !important}
.xs-no-padding {padding: 0 !important}
.affix-top {margin-top:25px}
}
@media only screen and (max-width:767px) {
.intro-text {padding-top:15vh; max-width:90vw; margin:0 auto!important;}
.intro-text .intro-heading {
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin-bottom: 15px;
}
.visible-xs {display: block !important}
table.visible-xs {display: table}
tr.visible-xs {display: table-row !important}
th.visible-xs,
td.visible-xs {display: table-cell !important}
}

@media only screen and (max-width:425px){
h1, .h1 {font-size: 2rem}
h2, .h2 {font-size: 1.5rem}
h3, .h3 {font-size: 1.25rem}
h4, .h4 {font-size: 1rem}
h5, .h5 {font-size: 1rem}
h6, .h6 {font-size: 0.75rem}
.display-1 {font-size: 4rem}
.display-2 {font-size: 3rem}
.display-3 {font-size: 2.5rem}
.display-4 {font-size: 1.5rem}
header {height: 100vh}
header.masthead2 .intro-text .intro-lead-in img{max-width:80vw}
#back-to-top {position: fixed; right: 10px; bottom: 10px; width: 40px; height: 40px; line-height: 40px;}
.modal-dialog {
margin: -1.5rem;
}
}
@media only screen and (max-width:375px){
#logoMenuTop {max-width:120px; height:auto!important; margin:0 0 10px 0!important;}
#back-to-top.gototop {
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	font-size:20px;
}
}
@media print {
.visible-print {display: block !important}
table.visible-print {display: table}
tr.visible-print {display: table-row !important}
th.visible-print,
td.visible-print {display: table-cell !important}
.hidden-print {display: none !important}
}

@media (max-width: 991px) and (min-width:768px) {
.container {width: 100%;max-width: 94vw;}
}

@media (min-width: 992px){
.container {width: 970px;}
}

@media (min-width: 1200px){
.container {width: 1140px;}
}

/*===============================================keyframes==============================================*/
.fadeIn {
-webkit-animation: fadein 4s;
-moz-animation: fadein 4s;
-ms-animation: fadein 4s;
-o-animation: fadein 4s;
animation: fadein 4s;
}
@keyframes fadein {
from {opacity: 0}
to {opacity: 1}
}
@-moz-keyframes fadein {
from {opacity: 0}
to {opacity: 1}
}
@-webkit-keyframes fadein {
from {opacity: 0}
to {opacity: 1}
}
@-ms-keyframes fadein {
from {opacity: 0}
to {opacity: 1}
}
@-o-keyframes fadein {
from {opacity: 0}
to {opacity: 1}
}
@-webkit-keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
@keyframes Gradient {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
.flash {
-webkit-animation: flash 3s ease infinite;
-moz-animation: flash 3s ease infinite;
-ms-animation: flash 3s ease infinite;
-o-animation: flash 3s ease infinite;
animation: flash 3s ease infinite;
}
@keyframes flash {
0%,50%,to{opacity:1}25%,75%{opacity:0}
}
@-moz-keyframes flash {
0%,50%,to{opacity:1}25%,75%{opacity:0}
}
@-webkit-keyframes flash {
0%,50%,to{opacity:1}25%,75%{opacity:0}
}
@-ms-keyframes flash {
0%,50%,to{opacity:1}25%,75%{opacity:0}
}
@-o-keyframes flash {
0%,50%,to{opacity:1}25%,75%{opacity:0}
}
.float {
position: absolute;
bottom: -5px;
animation: float 6s ease-in-out infinite;
z-index: 10;
/*left: calc(50% - 360px);*/
}
@keyframes float {
0% {
-webkit-transform: translatey(-5px);
transform: translatey(-5px);
}
50% {
-webkit-transform: translatey(-20px);
transform: translatey(-20px);
}
100% {
-webkit-transform: translatey(-5px);
transform: translatey(-5px);
}
}
/*Keyframes*/
@keyframes pulse-color {from {color: #fff5db;} to {color: #fac946;}}
.specifications ul { list-style: disc; margin-left: 1rem;}