/****CUSTOM CLASSES***/
html{/*font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif*/font-family:'Poppins',Helvetica,Arial,sans-serif !important; scroll-behavior: smooth;}
body{font-family:'Poppins',Helvetica,Arial,sans-serif !important;background-color:#FFFFFF;font-size:15px;color:/*#4c4c5e*/#32323f;line-height:24px !important;text-decoration:none;overflow-x: hidden; overflow-y:visible;line-height:1.4 !important;margin:0;margin:0;padding:0 !important;vertical-align: baseline;}
/*reset code*/
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, b, u, i, center,ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
h2,h3,h4 {font-size:inherit !important;color:inherit !important;text-decoration:inherit !important;font-family:inherit !important;font-weight:inherit !important;}
/*NEON BLUE: a,a :link, a:visited, a:active{font-size:inherit;color:#315D75;text-decoration:none;outline:0;}
a:hover{font-size:inherit;color:#036ca0;text-decoration:none;outline:0;}*/
a,a:link, a:visited, a:active{font-size:inherit;color:#ED2120;/*TEAL: #45B5A7*/;text-decoration:none;outline:0;}
a:hover{font-size:inherit;color:#C50828;text-decoration:none;outline:0;}
.pure-menu-link:focus {background-color:#294f63;}
.ui-datepicker .ui-datepicker-header {background: #ff401b;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #036CA0;/*font-weight:bold;*/}
::-moz-placeholder { /* Firefox 19+ */color: #036CA0;/*font-weight:bold;*/}
:-ms-input-placeholder { /* IE 10+ */color: #036CA0;/*font-weight:bold;*/}
:-moz-placeholder { /* Firefox 18- */color: #036CA0;/*font-weight:bold;*/}
.custom-wrapper {background-color: #389D77;}
.button-orange {background: #389D77;}
.button-orange:hover{background:#315d75;}
.HighlightGrey{background-color:/*#F7F7F7*/#EFEFEF;}
.HighlightGreyB1{background-color:/*#F7F7F7*/#EFEFEF;border:1px solid #ECECEC;}
.highlight{background-color:#F7F7F7;}
/*.highlight:hover{background:#BEF7E2;}*/
.hdr-top{color:#fff;}
.font-color-orange{color:#389D77;}
.whatsAppColor{color:#8EFF9B !important;}
.mail-grid-form input[type=submit] {/*background: #389D77;*/}
.mail-grid-form input[type=submit]:hover{background:#315d75;}
.title-square {color: #000;}
.tittle-w3 span{color:#389D77;}
.small-box-o{background-color:#389D77;}
.small-box-g{background-color:#26d797;}
.more-title{color:#389D77;}
.priceDeLa:after{content:"Începând cu:";}
.srcArrow a {color:#26d797;}
.triggerFrom:hover{background-color:#26d797;}
.triggerTo:hover{background-color:#26d797;}
.D-B{display:block;}
.D-I-B{display:inline-block;}
.ResetMrgPad{margin:0px !important;padding:0px !important;}
.BorderRadius8{border-radius:8px !important;}
.BorderRadiusTL8{border-top-left-radius:8px !important;}
.BorderRadiusTR8{border-top-right-radius:8px !important;}
.LineH21{line-height:21px !important;}
.LineH24{line-height:24px !important;}
div.clickable{position:relative;}
div.slogan{position:absolute;width:inherit;height:auto;top:36px;left:110px;font-size:14px;color:#666666;}
div.clickable a{position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:white;opacity:0;filter:alpha(opacity=1);}
.clickable:hover .card {
background: #C50828;
color: #fff;
}
.LinkBrandBlue, .LinkBrandBlue:visited, .LinkBrandBlue:active font-size:inherit;color:#315D75;text-decoration:none;outline:0;}
.LinkBrandBlue:hover{color:#036ca0;}
/*Overwriting the grid*/
.gridItem {/*background-color:#eee;*/
/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);*/
/*box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.4);*/
box-shadow:0 2px 8px 0 rgba(26,26,26,0.16);
min-height:100px;
min-width:100px;}
.gridItemSmall {/*background-color:#eee;*/
/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);*/
/*box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.4);*/
box-shadow:0 2px 8px 0 rgba(26,26,26,0.16);
height:240px !important;
min-width:40px !important;}
.gridItemTxt {line-height:21px !important}
.gridItemSmallTxt {height:100px !important;max-height:100px !important}
.PAD0{padding:0px !important;}
.PAD2{padding:2px;}
.PADT2{padding-top:2px;}
.PAD4{padding:4px;}
.PADT4{padding-top:4px;}
.PADL4{padding-left:4px !important;}
.PADB4{padding-bottom:4px !important;}
.PADT5{padding-top:5px;}
.PAD6{padding:6px;}
.PADT6{padding-top:6px;}
.PADL6{padding-left:6px;}
.PADR6{padding-right:6px;}
.PADB6{padding-bottom:6px;}
.PADT5{padding-top:5px;}
.PADL5{padding-left:5px !important;}
.PADR5{padding-right:5px;}
.PADB5{padding-bottom:5px;}
.PADT8{padding-top:8px;}
.PADL8{padding-left:8px !important;}
.PADR8{padding-right:8px;}
.PADB8{padding-bottom:8px;}
.PAD10{padding:10px;}
.PADT10{padding-top:10px;}
.PADB10{padding-bottom:10px;}
.PADR10{padding-right:10px;}
.PADL10{padding-left:10px !important;}
.PAD14{padding:14px;}
.PADT14{padding-top:14px;}
.PADB14{padding-bottom:14px;}
.PADR14{padding-right:14px;}
.PADL14{padding-left:14px;}
.PAD16{padding:16px;}
.PADL16{padding-left:16px;}
.PADT16{padding-top:16px;}
.PADT18{padding-top:18px;}
.PAD20{padding:20px !important;}
.PADT20{padding-top:20px;}
.PADR20{padding-right:20px;}
.PADL20{padding-left:20px !important;}
.PADB20{padding-bottom:20px !important;}
.PADT24{padding-top:24px;}
.PADT26{padding-top:26px;}
.PAD30{padding:30px;}
.PADT30{padding-top:30px !important;}
.PADR30{padding-right:30px;}
.PADL30{padding-left:30px !important;}
.PADB30{padding-bottom:30px !important;}
.PADT36{padding-top:36px;}
.PADB40{padding-bottom:40px;}
.PADT40{padding-top:40px;}
.PAD40{padding:40px;}
.PADL40{padding-left:40px;}
.PADL58{padding-left:58px;}
.PADT44{padding-top:44px;}
.padl100{padding-left:100px;}
.MRG0{margin:0px;}
.MGRL4{margin-left:4px;}
.MGRR4{margin-right:4px;}
.MGR4{margin:4px;}
.MGRL6{margin-left:6px;}
.MGRR6{margin-right:6px;}
.MGRB6{margin-bottom:6px;}
.MGR6{margin:6px;}
.MGR10{margin:10px;}
.MGRL10{margin-left:10px;}
.MGRR10{margin-right:10px;}
.MGR20{margin:20px !important;}
.MGRB20{margin-bottom:20px !important;}
.WInherit{width:inherit;}
.HInherit{height:inherit;}
.TxtItalic{font-style:italic;}
.Txt8px{font-size:8px !important;}
.Txt9px{font-size:9px !important;}
.Txt10px{font-size:10px !important;}
.Txt13px{font-size:13px !important;}
.Txt15px{font-size:15px !important;}
.Txt16px{font-size:16px !important;}
.Txt17px{font-size:17px !important;}
.Txt18px{font-size:18px !important;}
.Txt20px{font-size:20px !important;}
.Txt22px{font-size:22px !important;}
.Txt23px{font-size:22px !important;}
.Txt24px{font-size:24px !important;}
.Txt26px{font-size:26px !important;}
.Txt28px{font-size:28px !important;}
.Txt30px{font-size:30px !important;}
.Make10px{font-size:10px;}
.Make13px{font-size:13px;}
.Make12px{font-size:12px;}
.Make14px{font-size:14px;}
.Make15px{font-size:15px;}
.Make16px{font-size:16px;}
.Make17px{font-size:17px;}
.Make18px{font-size:18px !important;}
.Make20px{font-size:20px;}
.Make22px{font-size:22px !important;}
.Make32px{font-size:32px !important;}
.MakeBold{font-weight:bold;}
.MakeSemiBold {font-weight: 600};
.MakeNormal{font-weight:normal !important;font-size:inherit !importantș}
.TxtBold{font-weight:bold;}
.TxtBlack{color:#000;}
.TxtWhite{color:#fff !important;}
.TxtGray{color:/*#ccc*/#898989;}
.TxtGrayBase{color:#555;}
.TxtGreen{color:#389D77;}
.TxtGreenBase{color:#004C3F !important;}
.MakeBrandBlue{color:#315D75!important;}
.MakeOrange{color:#FF7300!important;}
.MakeNeonBlue{color:#036ca0!important;}
.MakeRed{color:#C61111;}
.MakeWhite{color:#FFF;}
.MakeRedBase{color:#ED2120;}
.MakeBlueBase{color:#012A54;}
.BgYellow{background-color:#FFF0E5}
.MakeStrike{text-decoration:line-through;}
.TxtTitlePage{letter-spacing:2px;font-weight:700;color:#012A54;}
.TxtTitlePageWhite{letter-spacing:2px;font-weight:700;color:#fff;}
.BgWhite {background-color:#FFF;}
.BgYellow {background-color:#FFF0E5;}
.TxtShadBlack{text-shadow: 2px 2px 4px #000;}
.TxtBoxGreen{background-color:#5dd39c;}
.TxtLeft{text-align:left !important;}
.TxtRight{text-align:right;}
.TxtCenter{text-align:center;}
.TxtItalic{font-style:italic;}
.TxtItalicS{font-style:italic;font-family:Georgia, "Times New Roman", Times, serif}
.TxtSpecial{font-family:Georgia, "Times New Roman", Times, serif}
.LineH1-2{line-height:1.2;}
.LineH1-4{line-height:1.4;}
.LineH1-8{line-height:1.8;}
.Spacer4{display:block;margin-top:4px;}
.Spacer6{display:block;margin-top:6px;}
.Spacer8{display:block;margin-top:8px;}
.Spacer10{display:block;margin-top:10px !important;}
.Spacer14{display:block;margin-top:14px;}
.Spacer16{display:block;margin-top:16px;}
.Spacer20{display:block;padding-top:20px !important;clear:both;}
.Spacer30{display:block;padding-top:30px !important;clear:both;}
.Spacer40{display:block;padding-top:40px !important;clear:both;}
.Spacer44{display:block;margin-top:44px;}
.Spacer60{display:block;margin-top:60px;}
.Spacer100{display:block;margin-top:100px;}
.Spacer200{display:block;margin-top:200px;}
.Spacer280{display:block;margin-top:280px;}
.BorderRed{border:1px solid #C61111;}
.BorderNone{border:none !important;}
.BgBlue{background-color:/*#315d75-OCT2025-*/#012A54;}
.BgGreen{background-color:#45B5A7;}
.BgBrandBlue{background-color:/*#315d75#024386*/#024386;}
.BgDarkGreen{background-color:#004C3F}
.BoxShadBlack{box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);}
.FLOR{float:right;}
.FLOL{float:left;}
.OverH{overflow:hidden;}
.TL{vertical-align:top;text-align:left;}
.BL{vertical-align:bottom;text-align:left;}
.TR{vertical-align:top;text-align:right;}
.TC{vertical-align:top;text-align:center;}
.ML{text-align:left;vertical-align:middle;}
.MC{vertical-align:middle;text-align:center;}
.MR{vertical-align:middle;text-align:right;}
.BR{vertical-align:bottom;text-align:right;}
.BC{vertical-align:bottom;text-align:center;}
.FlexMC{display: flex !important;align-items: center !important;justify-content: center !important;}
.FlexVerticalMC{display: flex !important;flex-direction:column !important;align-items: center !important;justify-content: center !important;}
.FlexML{display:flex !important;align-items:center !important;justify-content:flex-start !important;}
.ResetBorder{border-right:0px !important;}
.Border1{border:1px solid #ececec;}
.BorderB1{border-bottom:1px solid #ececec;}
.BorderR1{border-right:1px solid #ececec;}
.BorderL1{border-left:1px solid #ececec;}
.BorderGreenL{border-left:1px solid #004C3F;}
.BorderGreenBase1{border:1px solid #004C3F !important;}
.BgGrey{background-color:#F7F7F7;}
.BgGreenBase{background-color:#004C3F;}
.DivHighlight {display:block;color:#fff;background-color:#004C3f;box-shadow: 6px 8px 16px 0px rgba(0,0,0,0.6);}
.DivHighlightBluDark {display:block;color:#fff;background-color:#07293A;box-shadow: 6px 8px 16px 0px rgba(0,0,0,0.6);}
.DivBtnGreenNeon{width:180px;padding:6px;color:#ffffff;background-color:#5DD39C}
.DivBtnGreenNeonTel{width:180px;padding:6px 6px 100px 6px;color:#ffffff;background-color:#5DD39C}
.DivBtnGreenNeonTelSurronding{padding:0px 0px 10px 0px !important;color:#ffffff;background-color:#5DD39C}
.ShadowGreen{box-shadow: 6px 8px 16px 0px rgba(0,0,0,0.5);}
.LetterS1-5{letter-spacing:1.5px !important;}
.HInherit{height:inherit;}
.WInherit{width:inherit;}
.H80{height:80px;}
.W100Per{width:100%;}
.W1200{width:1200px;}
div.clickable{position:relative;}
div.clickable a{position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:white;opacity:0;filter:alpha(opacity=1);}
.GreenSquare:before {content:'\25A0';display: block;position: relative;max-width: 0px;max-height: 0px;left: -16px;top: -2px;color: #008000;font-size: 14px;}
.D-I-B{display:inline-block}
.D-B{display:block !important;}
.WInherit{width:inherit;}
.TL{vertical-align:top;text-align:left;}
.ZIdx10{z-index:10}
.LetterSpace{letter-spacing:1px;}
.LH13{line-height:1.3;}
.MC{vertical-align:middle;text-align:center;}
.FOL{float:left}
.FOR{float:right}
.srcArrow {position:relative;height:40px}
.srcArrow:after{content:'\25BC';position:absolute;font-size:14px;vertical-align:middle}
.ML{vertical-align:middle;text-align:left;}
.W100Per{width:100%;}
.UsrAsc {display:none;height:0px;width:0px;padding:0px;}
.W300{width:300px;}
.triggerFrom{border-radius:4px;height:85px;}
.triggerTo{border-radius:4px;}
.SBlockquote{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; padding: 0.5em 4px;}
.SBlockquote:before{color:/*#fd6239*/#ED2120;content:"\201C"; font-size: 4em;line-height: 0.1em;vertical-align: -0.4em;}
.SWhiteBlockquote{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; padding: 0.5em 4px;}
.SWhiteBlockquote:before{color:/*#fd6239*/#FFFFFF;content:"\201C"; font-size: 4em;line-height: 0.1em;vertical-align: -0.4em;}
.IconSymbol {
display: inline-block; /* behave like a character */
width: 1em; /* match font size */
height: 1em;
vertical-align: middle; /* align with text */
color: /*#B5B5B5*/#012A54; /* controls the SVG color */
font-size: 40px; /* controls SVG size */
}
.IconSymbol svg {
width: 100%;
height: 100%;
}
.MultiListContainer {
display: flex; /* side by side layout */
gap: 18px; /* space between icon and text */
align-items: flex-start; /* top-align all children */
}
.icon svg {
display: block; /* remove inline spacing */
width: 32px;
height: 32px;
}
.menu-link-wrapper {
display: flex;
align-items: center;
gap: 1px; /* space between icon and link */
}
.menu-link-wrapper:hover {
background-color:#024386 !important;
}
/*Exception as descendant of menu-link-wrapper*/
.menu-link-wrapper .pure-menu-link {
padding-left: 2px;
}
/* Icon hidden initially */
.IconSymbolMenu {
display: flex; /* keep flex for SVG alignment */
align-items: center;
color: #FFF;
font-size: 30px;
opacity: 0; /* hidden */
transition: opacity 0.3s ease;
width: 30px; /* prevents layout shift */
justify-content: center;
}
/* Show icon on hover of li */
.pure-menu-item:hover .IconSymbolMenu {
opacity: 1;
}
.pure-menu-item.active .IconSymbolMenu {
opacity: 1;
}
ul.big-dots {padding:20px;margin-left:10px;}
ul.big-dots li::marker {font-size: 1.6em; /* increase size of the bullet */color: #fff; /* you can change color too */}
ul.big-dots {list-style: none;margin-left: 10px;padding: 20px 0;}
.big-dots li {position: relative;padding-inline-start: 1.2em; /* space for the dot + gap */}
.big-dots li::before {content: "";position: absolute;inset-inline-start: 0;inset-block-start: 0.7em; /* vertical center anchor */transform: translateY(-50%); /* true vertical centering */width: 0.55em; /* dot size */height: 0.55em;border-radius: 50%;background: #fff;}
ul.big-dots-black {list-style: none;margin-left: 10px;padding: 20px 0;}
.big-dots-black li {position: relative;padding-inline-start: 1.2em; /* space for the dot + gap */}
.big-dots-black li::before {content: "";position: absolute;inset-inline-start: 0;inset-block-start: 0.7em; /* vertical center anchor */transform: translateY(-50%); /* true vertical centering */width: 0.55em; /* dot size */height: 0.55em;border-radius: 50%;background: #012a54;}
.highlighted {background-color: #024386; /* Highlight color */}
.CircleNumber {border-radius: 50%;width: 36px;height: 36px;padding: 8px;background: #389D77;color: #fff;text-align: center;font: 32px Arial, sans-serif;}
.italic{font-style:italic;}
.msgAlert{padding-bottom:3px;color:#33CC33;text-align: center;width:100%;}
.msgAlert:before{display: inline-block;position: relative;margin-right: 10px;content: "i";border-radius: 50%;border: 1px solid #33CC33;width: 18px;height: 18px;left: 4px;right: 4px;line-height: 18px;text-align: center;color: #33CC33;font-weight: bold;}
.required:before{content:"* ";color:red;font-weight:bold; font-size:large; }
.fieldErr{color:red;border-color:red;}
.fieldErr input{border: 1px red solid !important;}
.title-conf{color:#26d797;}
.width20{width:20px;}
.bg-white{/*background-color:white !important;*/}
/*Simple card with yellow background*/
.CardYellow {background:#FFF0E5;width: 90%;text-align: center;padding: 20px;border-radius: 30px / 100px; /* makes top/bottom arcs */position: relative;overflow: hidden;clip-path: ellipse(75% 95% at 50% 50%);background 0.6s ease, color 0.6s ease; /* smooth hover effect */}
/*Card styling with hover*/
.card {background:#FFF0E5;width: 90%;text-align: center;padding: 20px;border-radius: 30px / 100px; /* makes top/bottom arcs */position: relative;overflow: hidden;clip-path: ellipse(75% 95% at 50% 50%);background 0.6s ease, color 0.6s ease; /* smooth hover effect */}
.card:hover {background: #C50828;color:#fff;}
.card img {width: 100%;border-radius: 30px / 100px; /* makes top/bottom arcs */object-fit: cover;margin-bottom: 15px;clip-path: ellipse(75% 95% at 50% 50%); /* same ellipse as the card */}
.card h2 {margin: 10px 0 5px;font-size: 20px;font-weight: bold;}
.divider {margin: 10px auto;width: 80px;border-bottom: 2px wavy #fff;}
.divider-wavy {text-decoration-line: overline underline;text-decoration-style: wavy;}
.card p {font-size: 14px;line-height: 1.5em;}
/* Optional: corner decoration */
.corner {position: absolute;bottom: -10px;left: -10px;font-size: 30px;opacity: 0.6;}
ul#ListSpecial{display:inline-block;list-style-type:none;margin:auto;padding:0;}
#ListSpecial li{float:left;position:relative;background-color:#F7F7F7;border:1px solid #EAEAEA;margin-right:14px;margin-top:6px;margin-bottom:6px;line-height:1.2;padding:3px 5px 3px 5px;}
ul#ListReg{display:inline-block;list-style-type:square;margin:4px;padding:6px;}
#ListReg li{padding:1px;}
ul#ListClients{display: flex;flex-wrap:wrap;align-items:center!important;justify-content: left;list-style-type:none;margin:auto;padding-left:0px;}
#ListClients li{display: flex;flex-wrap:wrap;align-items: left;justify-content: center;position:relative;margin:26px 66px 38px 0px;line-height:1.2;}
ul#ListWhite{display:inline-block;list-style-type:none;color:#FFF;}
#ListWhite li{padding:4px 0px 4px 0px;color:#FFF;}
#ListWhite li:before {content:'\25A0';display: block;position: relative;max-width: 0px;max-height: 0px;left: -16px;top: -2px;color: #FFFFFF;font-size: 14px;}
#ListWhite li span{color:#FFFFFF;}
ul#ListWhiteNoFont{display:inline-block;list-style-type:none;color:#FFF;}
#ListWhiteNoFontli{padding:4px 0px 4px 0px;color:#FFF;}
#ListWhiteNoFontli span{color:#FFFFFF;}
/*form*/
.InputText {border:1px solid #dadada;border-radius:1px;width:100%;overflow:hidden;font-size:17px;padding:5px;margin-top:5px;}
.InputText:focus {outline:none;border-color:#f50a32;box-shadow:0 0 10px #6a6a6a;}
input.GreentSubmit{float:inherit;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 500;text-transform: uppercase;cursor: pointer;text-align:center;color:#FFFFFF;background-color:#004c3f;border:1px solid #012d25;margin:1px;padding:8px 10px 8px 10px;}
input.GreentSubmit:hover{float:inherit;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 500;text-transform: uppercase;cursor: pointer;text-align:center;color:#FFFFFF;background-color:#bf1420;border:1px solid #bf1420;margin:1px;padding:8px 10px 8px 10px;}
input.RedSubmit{float:inherit;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 700;text-transform: uppercase;cursor: pointer;text-align:center;color:#FFFFFF;background-color:/*#f50a32*/#ED2120;border:1px solid #bf1420;margin:1px;padding:8px 10px 8px 10px;box-shadow: 6px 8px 16px 0px rgba(0,0,0,0.5);}
input.RedSubmit:hover{background-color:#5DD39C;border:1px solid #012d25;}
.RedSubmit{display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 700;cursor: pointer;text-align:center;vertical-align:middle;color:#FFFFFF;background-color:/*#DD0000-#e7183f*/#f50a32;border:1px solid #6a6a6a;margin:1px;padding:4px 8px 4px 8px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.RedSubmit:hover{background-color:#315d75;border:1px solid #012d25;}
.WAGreenSubmit{display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 700;cursor: pointer;text-align:center;vertical-align:middle;color:#FFFFFF;background-color:#00bc5e;border:1px solid #6a6a6a;margin:1px;padding:4px 8px 4px 8px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.WAGreenSubmit:hover{background-color:#00bc5e;border:1px solid #6a6a6a;}
.RedSubmitHigh{display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 700;cursor: pointer;text-align:center;vertical-align:middle;color:#FFFFFF;background-color:/*#DD0000-#e7183f#f50a32*/#ED2120;border:1px solid #bf1420;border-radius:16px;margin:1px;padding:14px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.RedSubmitHigh:hover{background-color:#C50828;border:1px solid #012d25;}
.WhiteRedSubmit {display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 700;cursor: pointer;text-align:center;vertical-align:middle;color:#f50a32;background-color:/*#DD0000-#e7183f*/#FFFFFF;border:1px solid #BF1420;margin:1px;padding:8px 8px 8px 8px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.WhiteRedSubmit:hover{background-color:#F50A32;color:#FFFFFF;}
.WhiteRedSubmit a:hover{color:#FFFFFF;}
.OrangeSubmitHigh{display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 400;cursor: pointer;text-align:center;vertical-align:middle;color:#FFFFFF;background-color:#FF7300;border:1px solid #FF7300;margin:1px;padding:8px 8px 8px 8px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.OrangeSubmitHigh:hover{background-color:#FF3700/*#d36104;border:1px solid #012d25;*/}
.WASubmitHigh{display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 400;cursor: pointer;text-align:center;vertical-align:middle;color:#FFFFFF;background-color:#00bc5e;border:1px solid #00bc5e;margin:1px;padding:8px 8px 8px 8px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.WASubmitHigh:hover{background-color:#00bc5e/*#d36104;border:1px solid #012d25;*/}
.GreenSubmitHigh{display:inline-block;text-align:center;height:auto;width:auto;font-size:15px;letter-spacing: 1.25px;font-weight: 700;cursor: pointer;text-align:center;vertical-align:middle;color:#FFFFFF;background-color:#294f63;border:1px solid #004C3F;margin:1px;padding:8px 8px 8px 8px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);text-shadow:none !important;}
.GreenSubmitHigh:hover{background-color:#315d75;/*border:1px solid #012d25;*/}
.CopyDiv{background: rgb(32, 32, 32);color:#fff;padding:1em;text-align:center;margin-top:1em;}
.container-content{max-width:1000px;margin:0 auto;}
.LinkWhite, .LinkWhite:link, .LinkWhite:visited, .LinkWhite:active{font-size:inherit;color:#FFFFFF !important;text-decoration:none;outline:0;}
.LinkWhite:hover{color:#fff !important;}
.LinkWhiteOnly, .LinkWhiteOnly:link, .LinkWhiteOnly:visited, .LinkWhiteOnly:active, .LinkWhiteOnly:hover{font-size:inherit;color:#FFFFFF;text-decoration:none;outline:0;}
.LinkGreyOnly, .LinkGreyOnly:visited, .LinkGreyOnly:active, .LinkGreyOnly:hover{font-size:inherit;color:#555555;text-decoration:none;outline:0;}
/*For white buttons*/
.LinkWhiteRed, .LinkWhiteRed:visited, .LinkWhiteRed:active {font-size:inherit;color:#FFFFFF;text-decoration:none;outline:0;}
.LinkWhiteRed:hover{color:#F50A32;}
.LinkNaked:link,.LinkNaked:visited,.LinkNaked:active,.LinkNaked:hover{font-size:inherit !important;color:inherit !important;text-decoration:inherit !important;font-family:inherit !important;}
.LinkUnderline:link,.LinkUnderline:visited,.LinkUnderline:active, .LinkUnderline:hover{font-size:inherit !important;color:inherit !important;text-decoration:underline !important;font-family:inherit !important;}
/* Form styles */
.contact-form {
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 100%;
box-sizing: border-box;
/*margin:5px;*/
}
.form-row {
display: flex;
justify-content: space-between;
}
.form-group {
margin-bottom: 15px;
}
.form-group.half-width {
width: 48%;
}
.form-group.one-third-width {
width: 31%;
}
.form-group.two-thirds-width {
width: 58%;
}
.form-group.full-width {
width: 100%;
}
input[type=text], input[type=password], input[type=email], textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 16px;
}
/* --- Dropdowns / Selects --- */
select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 16px;
color:#036CB5!important;
appearance: none; /* remove default arrow in some browsers */
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
/* Optional: Add custom arrow */
select.custom-arrow {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
padding-right: 30px; /* space for arrow */
}
input.RedSubmitButton {
display: inline-block;
text-align: center;
font-size: 15px;
letter-spacing: 1.25px;
font-weight: 700;
cursor: pointer;
color: #FFFFFF;
background-color: #ED2120; /* vibrant red */
border: 1px solid #bf1420;
border-radius: 16px;
margin: 1px;
padding: 12px 28px; /* added horizontal padding for real buttons */
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
text-shadow: none !important;
transition: all 0.25s ease;
appearance: none; /* removes default browser styles */
}
input.RedSubmitButton:hover {
background-color: #f50a32; /* slightly brighter on hover */
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
}
.RedDIVPiece{background-color:#F50A32;color:#fff;padding:10px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 0;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 30px;-webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 0;}
.IconCircle{background-color: rgb(0, 127, 105)!important;border-color: rgb(0, 76, 63)!important;width: 55px;height: 55px;line-height: 65px;border-style: solid;border-width: 0px!important;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;margin-right: 0px;margin-left: 0px;margin-top: 0px;margin-bottom: 0px;}
.IconInside{color: #ffffff;line-height: 55px;font-size: 28px;}
.sendMsgImg{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;}
.sticking-top{position: fixed;background: rgba(255,255,255,.8);backdrop-filter: blur(8px);box-shadow: 0 6px 40px rgb(0 0 0 / 10%);top: 0;left: 0;right: 0;z-index: 1000;}
.sticking-top-back{height:77px;width:100%;}
.wave-container{position: relative;}
/****This class is dynamic depending on desktop or mobile: .wave-text-container{position: absolute;top: 0px;left: 0;right: 0;bottom: 0;}
/*.banner1 {background: url('/res/img/banners/a1-banner-2500.jpg') no-repeat 0 0px;}*/
.Banner-Dark{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-color: rgba(0,0,0,0.12);width: 100%;height:100%;text-align:center;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.Banner-350-Container{display: flex;justify-content: center;align-items: center;height:350px;vertical-align:middle;text-align:center;overflow:hidden;width:100%;z-index:100;margin:0 auto;}
.Banner-200-Container{display: flex;justify-content: center;align-items: center;/*height:200px;*/vertical-align:middle;text-align:center;overflow:hidden;width:100%;z-index:100;margin:0 auto;position:relative;top:40px;}
.Banner-163-Container{display: flex;justify-content: center;align-items: center;height:163px;vertical-align:middle;text-align:center;overflow:hidden;width:100%;z-index:100;margin:0 auto;}
.half-a-border-on-bottom {/*border-bottom:4px solid #fff;*//*position: relative;*//*text-shadow: 6px 6px 6px #000;*/}
.half-a-border-on-top:after {padding:0;margin:0;display:block;/* probably not really needed? */content: "";width:100%;height:1.1px;background-color:#fff;position: absolute;right:0;top:0;text-shadow: 6px 6px 6px #000;z-index:100;}
.clearfix:after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
.clearfix { display:block; }
.cookiescript_div{border-radius:10px;transition: width 200ms 600ms;bottom: 20px;left: 20px;position: fixed;padding: 15px 20px 15px 20px;width: 300px;text-align: left;max-height: 85%;overflow-y: auto;max-width: calc(100% - 40px);background-color: #2d2d2d;z-index: 999997;opacity:1;font-size: 14px;font-weight: normal;box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 65%);color: #FFFFFF;box-sizing: border-box;display:none;}
.cookiescript_close{position: absolute;top: 10px;right: 10px;font-size: 29px;line-height: 13px;cursor: pointer;height: 15px;width: 15px;margin: 0;padding: 0;overflow: hidden;letter-spacing: 0;font-weight: 100;opacity: 0.85;z-index: 999999;}
.cookiescript_header{padding: 14px 0 12px;text-align: left;margin: 0;background-color: transparent;z-index: 999998;font-size: 17px;line-height: 1.3;font-weight: 600;letter-spacing: 0.4px;opacity: 1;}
.cookiescript_description{letter-spacing:0;}
.cookiescript_accept{background-color:#569856;border-radius:20px;flex-grow: 1;padding: 0 7px;margin:20px;font-weight: 500;cursor: pointer;white-space: nowrap;transition-duration: 100ms;transition-timing-function: ease-in-out;min-width: 103px;border: 0;transition: all 0.25s ease 0s;background-color: #6BBE6B;color: #FFFFFF;text-transform: uppercase;font-size: 11px;text-align: center;line-height: 3.3;letter-spacing: 0.4px;}
/****For FAQ*/
.accordion {
width: 100%;
max-width: 100%;
margin: auto;
}
.accordion-item {
border-bottom: 1px solid #ccc;
}
.accordion-title {
background-color: #fff;
padding: 15px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-title:hover {
background-color: #f1f1f1;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background-color: #ffffff;
padding: 0 15px;
}
.accordion-content p {
padding: 15px 15px 15px 10px;
}
.arrow {
transition: transform 0.3s ease;
}
.accordion-title.active .arrow {
transform: rotate(180deg);
}
.accordion-title.active + .accordion-content {
max-height: 200px; /* Adjust this value depending on content length */
}
/*Acordion mobile version*/
.accordion-mobile {
display: flex;
overflow-x: auto;
padding: 10px;
margin-left:10px;
gap: 15px;
scroll-snap-type: x mandatory;
}
.accordion-item-mobile {
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 8px !important;
/*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
box-shadow: 0 2px 8px 0 rgba(26, 26, 26, 0.16);
min-width: 250px;
max-width: 250px;
flex-shrink: 0;
scroll-snap-align: start;
padding: 20px;
font-size:15px !important;
}
.accordion-content-mobile h3 {
margin: 0 0 10px;
}
.accordion-content-mobile p {
margin: 0;
padding-top:6px;
}
.accordion-mobile::-webkit-scrollbar {
display: none; /* Hide scrollbar for webkit browsers */
}
.accordion-mobile {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.Separator {
width: 100%; /* Full width */
height: 16px; /* Adjust to your image height */
background-image: url('/res/img/icons/Motiv-Ie-Separator-Un-Element.png'); /* Replace with your image path */
background-repeat: repeat-x; /* Repeat horizontally */
background-position: center; /* Center vertically */
background-size: auto 100%; /* Scale image height to container */
margin: 20px 0; /* Optional spacing above and below */
}
.SeparatorNegativ {
width: 100%; /* Full width */
height: 16px; /* Adjust to your image height */
background-image: url('/res/img/icons/motiv-ie-separator-un-element-negativ.png'); /* Replace with your image path */
background-repeat: repeat-x; /* Repeat horizontally */
background-position: center; /* Center vertically */
background-size: auto 100%; /* Scale image height to container */
margin: 20px 0; /* Optional spacing above and below */
}
.FooterDiv {
position: relative;
background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('/res/img/banners/scoala-romaneasca-portugalia-costume-traditionale-romanesti.jpg') center/cover no-repeat;
width: 100%;
height: 100%;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.anchor-offset {
position: relative;
top: -500px; /* height of fixed/sticky header */
height: 1;
}
/* dark overlay */
/*.FooterDiv::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5); /* black with 50% opacity
z-index: 1;
}*/
/***classes depending on screen size****/
@media screen and (max-width:35.5em){
/*Mobile*/
.TxtHero {font-size:22px !important;}
.TxtSubHero {font-size:18px !important;}
.DynamicSpacerMOB2px {display:block;padding-left:2px;}
.DynamicSpacerDESKBr {}
.DynamicSpacerMOBBr {display:block;padding-top:4px !important;}
/*.Banner-350-HP {background: url('/res/img/banners/hp-banner-800.jpg') no-repeat 0 0px;width:100%;}*/
.Banner-350-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/hp-banner-800.jpg');width: 100%;height:350px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.Banner-200-All{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/a1-banner-800x200.jpg');width: 100%;height:200px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.Banner-200-Educatie{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/marketing-educational-800x200.jpg');width: 100%;height:200px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.TxtLarge{font-size:26px;}
.TxtMid{font-size:18px;}
.Desk-Spacer20{display:block;margin-top:0px;}
.DynBorderBR{border-bottom:1px solid #ececec}
.DynBorderR1{border-right:1px solid #ececec;}
.DynBorderB1{border-bottom:0px !important;}
.DynPADL14-4{padding-left:4px;}
.Dyn-wave-text-container{position: absolute;top: 0px;left: 0;right: 0;bottom: 0;}
.Dyn-wave-DeskVis{display:none;}
.Dyn-wave-MobVis{display:block;overflow:hidden;}
.DeskVis{display:none;}
.MobVis{overflow:hidden;}
.DivKPI{background-color:#F7F7F7;border-bottom:1px solid #004C3F;}
.DivKPILast{background-color:#F7F7F7;border-bottom:0px;}
ul#ListGreen1{display:inline-block;list-style-type:none;}
#ListGreen1 li{padding:4px 0px 4px 0px;}
#ListGreen1 li:before {content:'\25A0';display: block;position: relative;max-width: 0px;max-height: 0px;left: -16px;top: -2px;color: #008000;font-size: 14px;}
#ListGreen1 li span{color:#555555 !important;}
ul#ListWhite1{display:inline-block;list-style-type:none;}
#ListWhite1 li{padding:4px 0px 4px 0px;}
#ListWhite1 li:before {content:'\25A0';display: block;position: relative;max-width: 0px;max-height: 0px;left: -16px;top: -2px;color: #FFF;font-size: 14px;}
#ListWhite1 li span{color:#fff !important;padding-left:6px;}
ul#ListClients{display: flex;flex-wrap:wrap;align-items:center!important;justify-content: center;list-style-type:none;margin:auto;padding-left:0px;}
#ListClients li{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;position:relative;margin:10px 30px 26px 0px;line-height:1.2;}
/*.sendMsgImg{height:unset}*/
.custom-wrapper{/*margin-bottom:7px !important;*/ /*margin-top:3px;*/}
.sticking-top{background: rgba(255,255,255,1) !important;}
.sticking-top-back{height:83px;}
.DivReverseMob {display:flex;flex-direction: column-reverse;}
#first {order: 1;}
#second {order: 2;}
#third {order: 4;}
#fourth {order: 3;}
#fifth {order: 5;}
#sixth {order: 6;}
#seventh {order: 8;}
#eight {order: 7;}
}
@media screen and (min-width:35.6em){
/*Desktop*/
/*.Banner-350-HP{background: url('/res/img/banners/hp-banner-2500.jpg') no-repeat 0 0px;width:100%;}*/
.TxtHero {font-size:28px !important;}
.TxtSubHero {font-size:22px !important;}
.DynamicSpacerMOB2px {}
.DynamicSpacerDESKBr {display:block;}
.DynamicSpacerMOBBr {}
/*.Banner-350-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/banner-new.jpg');width: 100%;height:350px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}*/
.Banner-350-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;/*background-image: url('/res/img/banners/hp-banner-2500.jpg');*/width: 100%;height:350px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.Banner-500-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/Copii-cu-diplome-2500x500.jpg');width: 100%;height:500px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
/* .Banner-600-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;width: 100%;height:600px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;} */
.Banner-200-All{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/banner-new.jpg');width: 100%;height:200px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.Banner-450-All{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/banner-new.jpg');width: 100%;height:450px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.Banner-200-Educatie{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;background-image: url('/res/img/banners/marketing-educational-2500x200.jpg');width: 100%;height:200px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.TxtLarge{font-size:36px;}
.TxtMid{font-size:20px;}
.Desk-Spacer20{display:block;margin-top:20px;}
.Desk-Spacer30{display:block;margin-top:30px;}
.Desk-Spacer40{display:block;margin-top:40px;}
.Desk-MGRR10{margin-right:10px !important; /*makes a right margin only on desktop*/}
.DynBorderBR{border-right:1px solid #ececec}
.DynBorderR1{border-right:0px !important;}
.DynBorderB1{border-bottom:0px !important;}
.DynPADL14-4{padding-left:14px;}
.Dyn-wave-text-container{position: absolute;top: 50px;left: 0;right: 0;bottom: 0;}
.Dyn-wave-text-div{max-width:1100px;}
.Dyn-wave-DeskVis{display:block;}
.Dyn-wave-MobVis{display:none;}
.sendMsgImg{height:100%}
.DeskVis{display:block;}
.MobVis{display:none;}
.DivKPI{background-color:#F7F7F7;border-right:1px solid #004C3F;}
.DivKPILast{background-color:#F7F7F7;border-bottom:0px;}
ul#ListGreen1{display:inline-block;list-style-type:none;color:#004C3F;}
#ListGreen1 li{padding:4px 0px 4px 0px;color:#004C3F;}
#ListGreen1 li:before {content:'\25A0';display: block;position: relative;max-width: 0px;max-height: 0px;left: -16px;top: -6px;color: #008000;font-size: 20px;}
#ListGreen1 li span{color:#555555;}
ul#ListWhite1{display:inline-block;list-style-type:none;}
#ListWhite1 li{padding:4px 0px 4px 0px;}
#ListWhite1 li:before {content:'\25A0';display: block;position: relative;max-width: 0px;max-height: 0px;left: -16px;top: -2px;color: #FFF;font-size: 14px;}
#ListWhite1 li span{color:#fff !important;}
ul#ListClients{display: flex;flex-wrap:wrap;align-items:center!important;justify-content: left;list-style-type:none;margin:auto;padding-left:0px;}
#ListClients li{display: flex;flex-wrap:wrap;align-items: left;justify-content: center;position:relative;margin:26px 54px 38px 0px;line-height:1.2;}
/*.Banner-Container{display: flex;justify-content: center;align-items: center;height:200px;vertical-align:middle;text-align:center;overflow:hidden;width:100%;z-index:100;margin:0 auto;}*/
#first {order: 1;}
#second {order: 2;}
#third {order: 3;}
#fourth {order: 4;}
#fifth {order: 5;}
#sixth {order: 6;}
#seventh {order: 7;}
#eight {order: 8;}
}
@media (max-width:575px){
.pure-menu-link{color:#389D77 !important;/*color:#afafaf;*/ }
.bg-white{background-color:#389D77 !important;}
.hdr-top{background-color:#389D77;color:#fff;}
.font-color-orange{color:#fff;}
.custom-wrapper {background-color: #fff !important;}
.ndTitleRight{display:none !important;}
.banner-head{top:70px;left:10px;}
.custom-top-left{/*display:none;*/}
.resize-mobile-logo{width:140px !important}
.txt-kw{font-size:8px;}
.map iframe {min-height: 240px;}
.highlights-amenities {font-size:16px;padding:5px;}
.tittle-w3{font-size: 1em;margin: 0em 0 .5em; }
.mail-grid-form{padding:2em;text-align:center;}
.title-square {font-size: 1em;padding-top:4px;margin-bottom: .2em;line-height: 1em;letter-spacing: 1px;}
span.para-w3l {line-height: 1em;font-size: 1em;padding:.2em;}
.small-box-o, .small-box-g {height:auto;}
.para-w3l{margin-bottom:0px !important;}
.more-icon{font-size:3em;}
.ab-w3l-about{padding:10px 5px 10px 5px;}
.Dyn-wave-DeskVis{display:none;}
.Dyn-wave-MobVis{display:block;overflow:hidden;}
}
@media (min-width: 576px) and (max-width: 767px) {
.banner-head{top:70px;left:10px;text-align:left;}
.tittle-w3{font-size:1em;}
.custom-top-left-m{display:none !important;}
.txt-kw{font-size:10px;}
.map iframe {min-height: 280px;}
.title-square {font-size: 1.2em;padding-top:4px;margin-bottom: .2em;line-height: 1em;letter-spacing: 1px;}
.more-icon{font-size:3em;}
.ab-w3l-about{padding:10px 5px 0 5px;}
.Dyn-wave-DeskVis{display:none;}
.Dyn-wave-MobVis{display:block;overflow:hidden;}
}
@media (min-width: 767px) and (max-width: 991px) {
.banner-head{top:70px;left:10px;}
.custom-top-left-m{display:none !important;}
.txt-kw{font-size:12px;}
.banner {/*background-position-x: -380px;*/}
.map iframe {min-height: 380px;}
.tittle-w3 {font-size:1.5em;}
.ab-w3l-about{padding:10px 5px 0 5px;}
.Dyn-wave-DeskVis{display:block;}
.Dyn-wave-MobVis{display:none;}
}
@media (min-width: 992px) and (max-width: 1299px) {
.banner-head{top:70px;left:10px;}
.custom-top-left-m{display:none !important;}
.txt-kw{font-size:13px;}
.banner {/*background-position-x: -180px;*/}
.map iframe {min-height: 380px;}
.title-square {font-size: 1.2em;padding-top:.2em;margin-bottom: .2em;line-height: 20px;letter-spacing: 1px;}
span.para-w3l {line-height: 1em;font-size: 1em;padding:.2em;}
.tittle-w3 {font-size:1.5em;}
.more-title{padding-bottom:10px;}
.Dyn-wave-DeskVis{display:block;}
.Dyn-wave-MobVis{display:none;}
}
@media (min-width: 1300px) {
.custom-top-left-m{display:none !important;}
.txt-kw{font-size:13px;}
.map iframe {min-height: 500px;}
.banner {height: 300px;}
.Dyn-wave-DeskVis{display:block;}
.Dyn-wave-MobVis{display:none;}
}
@media (min-width: 1024px) {
.ppzd{text-align:right;}
}
@media (min-width: 1700px) {
.banner {background-position:center;}
.Dyn-wave-DeskVis{display:block;}
.Dyn-wave-MobVis{display:none;}
}
/*****PURE v0.6.2*****/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],
template {display: none;}
a {background-color: transparent;}
a:active,
a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,
strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
/** * Contain overflow in all browsers */
pre {overflow: auto;}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
/* Forms
========================================================================== */
/*** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
/*** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button {overflow: visible;}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,select {text-transform: none;}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**Re-set default cursor for disabled elements.*/
button[disabled],
html input[disabled] {cursor: default;}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
/*** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.*/
input {line-height: normal;}
/**
* It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type=checkbox], input[type=radio] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}
/*** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type=search] {-webkit-appearance: textfield; /* 1 */box-sizing: content-box; /* 2 */}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,
th {padding: 0;}
.hidden,
[hidden] {display: none !important;}
.pure-img {max-width: 100%;height: auto;display: block;}
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
TD{
font-family: 'Poppins', helvetica, sans-serif;
font-size: 12px;
/*color: #282828;*/
color:inherit !important;
text-decoration: none;
}
.pure-g {
letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
*letter-spacing: normal; /* reset IE < 8 */
*word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
/* Prevents distributing space between rows */
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
table .pure-g {display: block;}
}
/* Opera as of 12 on Windows needs word-spacing. The ".opera-only" selector is used to prevent actual prefocus styling and is not required in markup.*/
.opera-only :-o-prefocus,
.pure-g {word-spacing: -0.43em;}
.pure-u {display: inline-block;*display: inline; /* IE < 8: fake inline-block */zoom: 1;letter-spacing: normal;word-spacing: normal;vertical-align: top;text-rendering: auto;}
.pure-g [class *= "pure-u"] {font-family: 'Poppins', helvetica, sans-serif;}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {display: inline-block;*display: inline;zoom: 1;letter-spacing: normal;word-spacing: normal;vertical-align: top;text-rendering: auto;}
.pure-u-1-24 {width: 4.1667%;*width: 4.1357%;}
.pure-u-1-12,
.pure-u-2-24 {width: 8.3333%;*width: 8.3023%;}
.pure-u-1-8,
.pure-u-3-24 {width: 12.5000%;*width: 12.4690%;}
.pure-u-1-6,
.pure-u-4-24 {width: 16.6667%;*width: 16.6357%;}
.pure-u-1-5 {width: 20%;*width: 19.9690%;}
.pure-u-5-24 {width: 20.8333%;*width: 20.8023%;}
.pure-u-1-4,
.pure-u-6-24 {width: 25%;*width: 24.9690%;}
.pure-u-7-24 {width: 29.1667%;*width: 29.1357%;}
.pure-u-1-3,
.pure-u-8-24 {width: 33.3333%;*width: 33.3023%;}
.pure-u-3-8,
.pure-u-9-24 {width: 37.5000%;*width: 37.4690%;}
.pure-u-2-5 {width: 40%;*width: 39.9690%;}
.pure-u-5-12,
.pure-u-10-24 {width: 41.6667%;*width: 41.6357%;}
.pure-u-11-24 {width: 45.8333%;*width: 45.8023%;}
.pure-u-1-2,
.pure-u-12-24 {width: 50%;*width: 49.9690%;}
.pure-u-13-24 {width: 54.1667%;*width: 54.1357%;}
.pure-u-7-12,
.pure-u-14-24 {width: 58.3333%;*width: 58.3023%;}
.pure-u-3-5 {width: 60%;*width: 59.9690%;}
.pure-u-5-8,
.pure-u-15-24 {width: 62.5000%;*width: 62.4690%;}
.pure-u-2-3,
.pure-u-16-24 {width: 66.6667%;*width: 66.6357%;}
.pure-u-17-24 {width: 70.8333%;*width: 70.8023%;}
.pure-u-3-4,
.pure-u-18-24 {width: 75%;*width: 74.9690%;}
.pure-u-19-24 {width: 79.1667%;*width: 79.1357%;}
.pure-u-4-5 {width: 80%;*width: 79.9690%;}
.pure-u-5-6,
.pure-u-20-24 {width: 83.3333%;*width: 83.3023%;}
.pure-u-7-8,
.pure-u-21-24 {width: 87.5000%;*width: 87.4690%;}
.pure-u-11-12,
.pure-u-22-24 {width: 91.6667%;*width: 91.6357%;}
.pure-u-23-24 {width: 95.8333%;*width: 95.8023%;}
.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {width: 100%;}
.pure-button {display: inline-block;zoom: 1;line-height: normal;white-space: nowrap;vertical-align: middle;text-align: center;cursor: pointer;-webkit-user-drag: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;box-sizing: border-box;}
/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {padding: 0;border: 0;}
/* Inherit .pure-g styles */
.pure-button-group {letter-spacing: -0.31em; /* Webkit: collapse white-space between units */*letter-spacing: normal; /* reset IE < 8 */*word-spacing: -0.43em; /* IE < 8: collapse white-space between units */text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */}
.opera-only :-o-prefocus,
.pure-button-group {word-spacing: -0.43em;}
.pure-button-group .pure-button {letter-spacing: normal;word-spacing: normal;vertical-align: top;text-rendering: auto;}
.pure-button {font-family: inherit;font-size: 100%;padding: 0.5em 1em;color: #444; /* rgba not supported (IE 8) */color: rgba(0, 0, 0, 0.80); /* rgba supported */border: 1px solid #999; /*IE 6/7/8*/border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/background-color: #E6E6E6;text-decoration: none;border-radius: 2px;}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {/* csslint ignore:start */filter: alpha(opacity=90);/* csslint ignore:end */background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));}
.pure-button:focus {outline: 0;}
.pure-button-active,
.pure-button:active {box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;border-color: #000\9;}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {border: none;background-image: none;/* csslint ignore:start */filter: alpha(opacity=40);/* csslint ignore:end */opacity: 0.40;cursor: not-allowed;box-shadow: none;pointer-events: none;}
.pure-button-hidden {display: none;}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {background-color: rgb(0, 120, 231);color: #fff;}
/* Button Groups */
.pure-button-group .pure-button {margin: 0;border-radius: 0;border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */border-right: 1px solid rgba(0, 0, 0, 0.2);}
.pure-button-group .pure-button:first-child {border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.pure-button-group .pure-button:last-child {border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-right: none;}
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: middle;
box-sizing: border-box;
}
.pure-form input:not([type]) {padding: 0.5em 0.6em;display: inline-block;border: 1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;border-radius: 4px;box-sizing: border-box;}
.pure-form input[type=color] {padding: 0.2em 0.5em;}
.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
outline: 0;
border-color: #129FEA;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {outline: 0;border-color: #129FEA;}
.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {outline: thin solid #129FEA;outline: 1px auto #129FEA;}
.pure-form .pure-checkbox,
.pure-form .pure-radio {margin: 0.5em 0;display: block;}
.pure-form input[type=text][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {cursor: not-allowed;background-color: #eaeded;color: #cad2d3;}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
background-color: #eee; /* menu hover bg color */
color: #777; /* menu text color */
border-color: #ccc;
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color: #b94a48;
border-color: #e9322d;
}
.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
outline-color: #e9322d;
}
.pure-form select {
/* Normalizes the height; padding is not sufficient. */
height: 2.25em;
border: 1px solid #ccc;
background-color: white;
}
.pure-form select[multiple] {
height: auto;
}
.pure-form label {
margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
margin: 0;
padding: 0.35em 0 0.75em;
border: 0;
}
.pure-form legend {
display: block;
width: 100%;
padding: 0.3em 0;
margin-bottom: 0.3em;
color: #333;
border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type=text], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
display: block;
margin: 0.25em 0;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
display: block;
margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.pure-form-aligned textarea {
vertical-align: top;
}
/* Aligned Forms */
.pure-form-aligned .pure-control-group {
margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 10em;
margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 11em;
}
/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
border-radius: 2em;
padding: 0.5em 1em;
}
/* Grouped Inputs */
.pure-form .pure-group fieldset {
margin-bottom: 10px;
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px;
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
z-index: 3;
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0;
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0;
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0;
}
.pure-form .pure-group button {
margin: 0.35em 0;
}
.pure-form .pure-input-1 {
width: 100%;
}
.pure-form .pure-input-3-4 {
width: 75%;
}
.pure-form .pure-input-2-3 {
width: 66%;
}
.pure-form .pure-input-1-2 {
width: 50%;
}
.pure-form .pure-input-1-3 {
width: 33%;
}
.pure-form .pure-input-1-4 {
width: 25%;
}
/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
padding-left: 0.3em;
color: #666;
vertical-align: middle;
font-size: 0.875em;
}
/* Block help for forms */
.pure-form-message {
display: block;
color: #666;
font-size: 0.875em;
}
@media only screen and (max-width : 480px) {
.pure-form button[type=submit] {
margin: 0.7em 0 0;
}
.pure-form input:not([type]),
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form label {
margin-bottom: 0.3em;
display: block;
}
.pure-group input:not([type]),
.pure-group input[type="text"],
.pure-group input[type="password"],
.pure-group input[type="email"],
.pure-group input[type="url"],
.pure-group input[type="date"],
.pure-group input[type="month"],
.pure-group input[type="time"],
.pure-group input[type="datetime"],
.pure-group input[type="datetime-local"],
.pure-group input[type="week"],
.pure-group input[type="number"],
.pure-group input[type="search"],
.pure-group input[type="tel"],
.pure-group input[type="color"] {
margin-bottom: 0;
}
.pure-form-aligned .pure-control-group label {
margin-bottom: 0.3em;
text-align: left;
display: block;
width: 100%;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 0;
}
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline,
.pure-form-message {
display: block;
font-size: 0.75em;
/* Increased bottom padding to make it group with its related input element. */
padding: 0.2em 0 0.8em;
}
} /*ends @media only screen and (max-width : 480px)*/
/*csslint adjoining-classes: false, box-model:false*/
.pure-menu {
box-sizing: border-box;
}
.pure-menu-fixed {
position: fixed;
left: 0;
top: 0;
z-index: 3;
}
.pure-menu-list,
.pure-menu-item {
position: relative;
}
.pure-menu-list {
list-style: none;
margin: 0;
padding: 0;
}
.pure-menu-item {
padding: 0;
margin: 0;
height: 100%;
}
.pure-menu-link,
.pure-menu-heading {
display: block;
text-decoration: none;
white-space: nowrap;
}
/* HORIZONTAL MENU */
.pure-menu-horizontal {
width: 100%;
white-space: nowrap;
}
.pure-menu-horizontal .pure-menu-list {
display: inline-block;
}
/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
display: inline-block;
/*display: inline;*/
zoom: 1;
vertical-align: middle;
}
/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
display: block;
}
.pure-menu-children {
display: none;
position: absolute;
left: 100%;
top: 0;
margin: 0;
padding: 0;
z-index: 3;
}
.pure-menu-horizontal .pure-menu-children {
left: 0;
top: auto;
width: inherit;
}
.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
display: block;
position: absolute;
}
/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
padding-left: 0.5em;
content: "\25B8";
font-size: small;
}
/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
content: "\25BE";
}
/* scrollable menus */
.pure-menu-scrollable {
overflow-y: scroll;
overflow-x: hidden;
}
.pure-menu-scrollable .pure-menu-list {
display: block;
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
display: inline-block;
}
.pure-menu-horizontal.pure-menu-scrollable {
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
/* a little extra padding for this style to allow for scrollbars */
padding: .5em 0;
}
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
display: none;
}
/* misc default styling */
.pure-menu-separator,
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
background-color: #ccc;
height: 1px;
margin: .3em 0;
}
.pure-menu-horizontal .pure-menu-separator {
width: 1px;
height: 1.3em;
margin: 0 .3em ;
}
/* Need to reset the separator since submenu is vertical */
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
display: block;
width: auto;
}
.pure-menu-heading {
text-transform: uppercase;
color: #565d64;
}
.pure-menu-link {
/*color: #777;*/
}
.pure-menu-children {
background-color: #fff;
}
.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
padding: .5em 1em;
}
.pure-menu-disabled {
opacity: .5;
}
.pure-menu-disabled .pure-menu-link:hover {
background-color: transparent;
}
.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {/*color: #000;color:#389D77;*//*color:#FBAA00;*/}
.pure-table {/* Remove spacing between table cells (from Normalize.css) */border-collapse: collapse;border-spacing: 0;empty-cells: show;border: 1px solid #cbcbcb;}
.pure-table caption {color: #000;font: italic 85%/1 inherit, sans-serif;padding: 1em 0;text-align: center;}
.pure-table td,
.pure-table th {border-left: 1px solid #cbcbcb;border-width: 0 0 0 1px;font-size: inherit;margin: 0;overflow: visible;padding: 0.5em 1em; }
/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {border-left-width: 0;}
.pure-table thead {background-color: #e0e0e0;color: #000;text-align: left;vertical-align: bottom;}
/*
striping:
even - #fff (white)
odd - #f2f2f2 (light gray)
*/
.pure-table td {background-color: transparent;}
.pure-table-odd td {background-color: #f2f2f2;}
/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {background-color: #f2f2f2;}
/* BORDERED TABLES */
.pure-table-bordered td {border-bottom: 1px solid #cbcbcb;}
.pure-table-bordered tbody > tr:last-child > td {border-bottom-width: 0;}
/* HORIZONTAL BORDERED TABLES */
.pure-table-horizontal td,.pure-table-horizontal th {border-width: 0 0 1px 0;border-bottom: 1px solid #cbcbcb;}
.pure-table-horizontal tbody > tr:last-child > td {border-bottom-width: 0;}
/**ENDS PURE**/
/**JQUER.css**/
/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/*----*/
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
background-image: none;
}
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: 'Poppins', Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Poppins', Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*{borderColorDefault}*/; background:none/*{bgColorDefault}*//*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #fff/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff url('/res/css/ui-bg_glass_65_ffffff_1x400.png') repeat-x 50% 50%/*{bgColorActive}*//*{bgImgUrlActive}*//*{bgActiveXPos}*//*{bgActiveYPos}*//*{bgActiveRepeat}*/;
font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #ffffff;/*{borderColorHighlight}*/;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec url('/res/css/ui-bg_glass_95_fef1ec_1x400.png') repeat-x 50% 50%/*{bgColorError}*//*{bgImgUrlError}*//*{bgErrorXPos}*//*{bgErrorYPos}*//*{bgErrorRepeat}*/;
color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon.ui-icon-circle-triangle-w {
}
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/***FONT AWESOME**/
/* Overlays */
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa url('/res/css/ui-bg_flat_0_aaaaaa_40x100.png') repeat-x 50% 50%/*{bgColorShadow}*//*{bgImgUrlShadow}*//*{bgShadowXPos}*//*{bgShadowYPos}*//*{bgShadowRepeat}*/;
opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
/* Font Awesome Solid (Free) */
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url("/res/fonts/5/webfonts/fa-solid-900.eot");
src: url("/res/fonts/5/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/res/fonts/5/webfonts/fa-solid-900.woff") format("woff"), url("/res/fonts/5/webfonts/fa-solid-900.ttf") format("truetype"), url("/res/fonts/5/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
/* Font Awesome Brands */
@font-face {
font-family: 'Font Awesome Brands';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("/res/fonts/5/webfonts/fa-brands-400.eot");
src: url("/res/fonts/5/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/res/fonts/5/webfonts/fa-brands-400.woff") format("woff"), url("/res/fonts/5/webfonts/fa-brands-400.ttf") format("truetype"),url("/res/fonts/5/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
font-family: 'Font Awesome Brands';
font-weight: 900; }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
/* makes the font 33% larger relative to the icon container */
.fa-info-circle:before {
content: "\f05a";
}
.fa-check:before {
content: "\f00c";
}
.fa-check-double:before {
content: "\f560"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-award:before {
content: "\f559"; }
.fa-envelope:before {
content: "\f0e0";
}
.fa-phone:before {
content: "\f095";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-play:before {
content: "\f04b"; }
.fa-whatsapp:before {
content: "\f232";
color:#0CC141;
/*color:#8EFF9B;*/
}
.fa-whatsapp-square:before {
content: "\f40c"; }
.fa-credit-card:before {
content: "\f09d";
}
.fa-users:before {
content: "\f0c0";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-home:before {
content: "\f015";
}
.fa-store:before {
content: "\f54e";
}
.fa-level-up-alt:before {
content: "\f3bf"; }
.fa-award:before {
content: "\f559"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-funnel-dollar:before {
content: "\f662"; }
.fa-microscope:before {
content: "\f610"; }
.fa-map-marked-alt:before {
content: "\f5a0"; }
.fa-eye:before {
content: "\f06e"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-long-arrow-alt-right:before {
content: "\f30b"; }
.fa-grin-alt:before {
content: "\f581"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-square:before {
content: "\f0c8"; }
.fa-rocket:before {
content: "\f135"; }
.fa-people-carry:before {
content: "\f4ce"; }
.fa-clock:before {
content: "\f017"; }
.fa-expand:before {
content: "\f065"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-handshake:before {
content: "\f2b5"; }
.fa-handshake-alt-slash:before {
content: "\e05f"; }
.fa-handshake-slash:before {
content: "\e060"; }
.fa-crown:before {
content: "\f520"; }
.fa-crown:before {
content: "\f521"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-searchengin:before {
content: "\f3eb"; }
.fa-google:before{content:"\f1a0"}
.fa-facebook:before {
content: "\f09a"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-facebook-messenger:before {
content: "\f39f"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-search-location:before {
content: "\f689"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-calendar:before {
content: "\f133"; }
.fa-people-arrows:before {
content: "\e068"; }
.fa-tags:before {
content: "\f02c"; }
.fa-smile:before {
content: "\f118"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-calendar-day:before {
content: "\f783"; }
.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;
}
/*csslint important:false*/
/* ==========================================================================
Pure Base Extras
========================================================================== */
/**
* Extra rules that Pure adds on top of Normalize.css
*/
/**
* Always hide an element when it has the `hidden` HTML attribute.
*/
.hidden,
[hidden] {
display: none !important;
}
/**
* Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
* aspect ratio.
*/
.pure-img {
max-width: 100%;
height: auto;
display: block;
}
/*---------responsive menu------------*/
.pure-menu-heading{
display:inline !important;
float:left;
color:#fff;
text-transform:capitalize;
}
.pure-menu-link{
/*color:#fff !important;*/
/*color:#389D77;*/
/*color:#afafaf;*/
}
/*------------ customize pure menu ------------*/
.custom-wrapper {
margin-bottom: 1px;
-webkit-font-smoothing: antialiased;
height: 2.3em;
overflow: hidden;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
-ms-transition: height 0.5s;
transition: height 0.5s;
}
.custom-wrapper.open {
/*height: 15.5em;*/
height:auto;
}
.custom-menu-3 {
text-align: right;
}
.custom-toggle {
width: 34px;
height: 34px;
display: inline;
position:relative;
float:right;
z-index:150;
overflow:hidden;
/*position: absolute;
top: 0;
right: 0;
*/
display: none;
}
.custom-toggle .bar {
background-color: /*#777*/#C51111;
display: block;
width: 20px;
height: 2px;
border-radius: 100px;
position: absolute;
top: 18px;
right: 7px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.custom-toggle .bar:first-child {
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.custom-toggle.x .bar {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom-toggle.x .bar:first-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 47.999em) {
.dropdown-menu {
top: 0;
}
.client{padding:10px !important;}
.LogoImg{height:40px !important;}
.gridItemTxt{height:auto !important;}
.custom-menu-3 {
text-align: left;
}
.custom-toggle {
display: block;
}
.custom-wrapper{
height:0px;
}
.divtop5px{position:relative;top:5px;}
.dropdown-menu{position:relative !important;display:block !important}
.custom-can-transform{text-align:left !important;}
.logo-container{
width: 150px !important;
/*height: 40px !important;*/
/*background-image: url('/res/img/logo-mobile.png') !important;*/
}
.LinkTxtCall {
display: inline-block !important; /* Ensure the element behaves like a block element */
visibility: hidden !important; /* Hide the original text */
content:"Suna" !important;
width:30px !important;
}
.LinkTxtCall::after {
content: "Suna" !important; /* Set the content using ::after pseudo-element */
visibility: visible; !important /* Make the content visible */
}
}
/*---------responsive menu ends------------*/
/*format the grid*/
.pure-g > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grids-main [class *= "pure-u"]{
padding: 14px;
/*border: 1px solid #ddd;*/
}
/*ends format the grid*/
.breadcrumb {
background: url('/Images/breadcrumb.png') center left no-repeat;
font-size: 12px;
color: #010101;
/*font-weight: bold;*/
padding-left: 15px;
}
.home{
font-size: 12px;
color: #494949;
text-decoration: none;
padding-right: 10px;
text-decoration:none;
margin-left:5px;
}
.home a {
text-decoration:none;
}
.banner {
/*text-align: center;*/
/*background-size: cover;*/
position: relative;
top: 0;
left: 0;
width: 100%;
height: 300px;
}
.banner-head {
max-width:450px;
/*height: 100px;*/
position: absolute;
/*
bottom: 1em;
left:0;
right:0;
*/
top: 30px;
right: 10px;
margin: 0 auto;
background: #fff;
border-radius:4px;
padding:2px;
font-family:sans-serif;
font-size:x-large;
font-weight:bold;
}
.search-head {
width: 100%;
/*height: 100px;*/
/*position: absolute;*/
top: 0;
left:0;
right:0;
margin: 0 auto;
background: #fff;
/*background-color:white;*/
border-radius:4px;
/*padding:2px;*/
display:block;
/*border:#26d797 thin solid;*/
}
.list-item{
padding:5px 10px 5px 10px;
text-align: left;
}
.button-orange {
border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
font-weight:bold;
outline: none;
border: none;
font-size: 16px;
padding: 9px;
color: #fff;
transition: .5s ease-in;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
float:inherit;
width:inherit;
text-align:center;
padding:8px 10px 8px 10px;
cursor:pointer;
}
.link-menu:hover{color:#26d797}
.custom-top-left{
font-size:1.5em;
text-align:left;
float:left;
padding:5px 0 0 5px;
text-transform:capitalize;
line-height:24px;
}
.custom-top-right{
text-align:right;
float:right;
padding:5px;
line-height:24px;
}
.hdr-top{
background-color:#ffffff;
/*width:100%;*/
display:block;
vertical-align:middle;
overflow: hidden;
/*MONA:
padding:5px;*/
/*padding:2px;*/
}
.custom-top-left-m{
text-align:left;
float:left;
padding:5px;
text-transform:capitalize;
line-height:24px;
}
h1, h2, h3, h4, h5 {
padding:0px;
margin:0px;
border:0px;
font-size:inherit;
font-weight:normal;
display: inline;;
outline:0;
}
.txt-kw{
padding:10px;
color:#999999;
text-align:center;
}
.txt-general-left{
/*color:#999999;*/
padding:0px 5px 10px 0px;
text-align:left;
}
.txt-search{
color:#000 !important;
width:100px;
}
.pad2{
padding:2px;
}
.pad5{
padding:5px;
}
.pad10{
padding:10px;
}
.font-color-green{
color:#26d797;
}
.font-color-black{
color:#000;
}
.font-color-gray{
color:#808080;
}
.font-color-blue{
color:#0090d6;
}
.highlights-amenities{
text-align:center;
font-weight:bold;
font-size:20px;
padding:10px;
}
/******************* tooltip ****************/
#tooltip
{
text-align: center;
color: #fff;
background: #111;
position: absolute;
z-index: 100;
padding: 15px;
border-radius:5px;
}
#tooltip:after /* triangle decoration */
{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #111;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after
{
border-top-color: transparent;
border-bottom: 10px solid #111;
top: -20px;
bottom: auto;
}
#tooltip.left:after
{
left: 10px;
margin: 0;
}
#tooltip.right:after
{
right: 10px;
left: auto;
margin: 0;
}
/******************* tooltip ****************/
.map iframe {
width: 100% !important;
min-height: 500px;
border: none;
}
.map {
padding: 0;
}
.mail-grid-form {
padding: 3em;
background: rgb(32, 32, 32);
color:#fff;
}
.mail-grid-form input[type=text], .mail-grid-form input[type=email], .mail-grid-form input[type=url]{
margin-bottom:1em;
}
.mail-grid-form input[type=text], .mail-grid-form input[type=email], .mail-grid-form input[type=url], .mail-grid-form textarea {
outline: none;
/* border: 2px solid rgb(241, 224, 179); */
border: none;
font-size: 14px;
color: #fff;
padding: 10px;
background: rgba(251, 251, 251, 0.04);
width: 90%;
}
.mail-grid-form textarea {
margin: 0 0 1.5em;
min-height: 100px;
resize: none;
}
.mail-grid-form input[type=submit] {
outline: none;
border: none;
font-size: 16px;
padding: 10px 55px;
color: #fff;
/*MONA
transition: .5s ease-in;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;*/
}
.mail-grid-form input[type=button] {
outline: none;
border: none;
font-size: 16px;
font-weight:bold;
background: #fd6239;
padding: 10px 55px;
color: #fff;
/*MONA
transition: .5s ease-in;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;*/
}
.mail-grid-form {
padding: 2em;
background: rgb(32, 32, 32);
}
.title-square {
font-size: 1.8em;
padding-top:1em;
margin-bottom: .5em;
line-height: 28px;
width:100%;
letter-spacing: 1.5px;
text-align: center;
display:block;
text-transform:capitalize;
}
span.para-w3l {
color:#fff;
line-height: 1.5em;
margin: 0em auto auto;
/*width: 100%;*/
text-align: center;
font-size: 1em;
display:block;
padding:1em;
}
.tittle-w3{
font-size: 2em;
/*color: #212121 !important;*/
margin: 0em 0 1.5em;
text-transform:uppercase;
}
.ab-w3l-about{
padding:50px 0 0;
text-align: center;
}
p.para-w3l {
color: #555 !important;
line-height: 1.5em;
margin: 0em auto 2.2em;
width: 90%;
text-align: center;
font-size: 1em;
}
.text-w3 p.para-w3l {
text-align: left;
position: relative;
line-height: 46px;
}
.text-w3l p.para-w3l {
text-align: right;
position: relative;
line-height: 46px;
}
a.read {
border: none;
outline: none;
background: #fd6239;
padding: .8em 1.8em;
color: #fff;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
font-size: .79em;
font-weight:600;
transition: .5s ease-in;
-webkit-transition: .5s ease-in;
-moz-transition: .5s ease-in;
-o-transition: .5s ease-in;
-ms-transition: .5s ease-in;
text-decoration:none;
}
a.read:hover {
text-decoration: none;
background: #26d797;
}
.small-box-o{
height:auto;
}
.small-box-g{
height:auto;
}
.title-small{
display:block;
color:#fd6239;
font-size:1.5em;
padding:0 5px 5px 5px;
}
.more-title{
font-size:1.5em;
padding-bottom:20px;
}
.more-sprite{
margin:10px;
display:inline-block;
text-align:center;
}
.more-icon{
font-size:1.8em;
margin:10px;
/*margin-bottom:1.5em;*/
}
.bg-black{
background:rgb(32, 32, 32);
}
.footer{
/*background:#000;*/
background: rgb(32, 32, 32);
color:#fff;
padding:1em;
text-align:center;
margin-top:1em;
}
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 40px;
right: 2%;
overflow: hidden;
z-index: 999;
width: 30px;
height: 30px;
border: none;
text-indent: 100%;
background-size: 30px;
}
#toTopHover {
width: 64px;
height: 64px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
.ppzsd{
text-align:right;
margin:auto;
}
.ppzs{
/*padding:2px;*/
/*
background-color:#26d797;
color: white;
*/
border-radius:5px;
/*margin:2px;*/
/*float:right;*/
}
.ppzd{
margin:auto;
text-align:left
}
.priceDiscount{
color:red;
/*padding:1px;*/
border: 1px red solid;
border-radius:3px;
font-size:12px;
}
.priceDiscount:after{
content:"%"
}
.priceDiscount:before{
content:"-"
}
.priceFinal{
font-size:16px;
color:#0090d6;
font-weight:bold;
}
.priceFinal:after{
content:"\20AC";
}
.priceDeLa {
color:#0090d6;
/*padding:2px;*/
display:block;
}
.priceStrike {
text-decoration:line-through;
color:red;
font-size:14px;
}
.priceStrike:after{
content:" \20AC";
}
.infoBubble{
color:#b7b7b7;
font-size:14px;
}
.iconFeat{
width:17px;
}
.search-box{
text-align:center;
display:inline-block;
}
.container1{width:100%;text-align:center;margin:0 auto;overflow:hidden !important;}
.container2{max-width:1200px;margin:0 auto;}
.container-content{max-width:1200px;margin:0 auto;}
.container-content1100{max-width:1100px;margin:0 auto;}
.container-content1200{max-width:1200px;margin:0 auto;}
.badge{
display:block;padding:2px;font-weight:bold;color:#fff;text-align:center;background-color:#f01;width:70px;height:35px;margin-top:-35px;position:relative;top:50px;left:-5px;border-top-right-radius: 10px;-moz-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.15);-webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.15); box-shadow: 2px 2px 0 0 rgba(0,0,0,0.15);
}
.badge p{
padding:0;margin:0;font-size:10px;height:auto;font-weight:normal;
}
.badge-corner{
height:5px;margin-top:-10px;width:5px;position:relative;left:-5px;top:60px;background-color:red;border-bottom-left-radius:5px;
}
.badge-one-word{
display: flex;justify-content: center;align-items: center;padding:2px;font-weight:bold;color:#fff;text-align:center;background-color:#f01;width:70px;height:35px;margin-top:-35px;position:relative;top:50px;left:-5px;border-top-right-radius: 10px;-moz-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.15);-webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.15); box-shadow: 2px 2px 0 0 rgba(0,0,0,0.15);
}
.listing-element{
border:1px solid #dadada;display:block;overflow:hidden;text-align:left;
}
.listing-element-left{
float:left;display:inline-block;
}
.listing-element-right{float:right;display:block;}
.fs18{font-size:18px;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.db{display:block;}
.grade{display:block;line-height:20px;}
.height100-percent{height:100%;}
.width100-percent{width:100%;}
.flex1{flex:1;}
.h15px{height:15px;}
.tac{text-align:center;}
.ovfh{overflow:hidden;}
.opacity1{opacity: 1;}
.container3{display: flex;flex-direction: column;height: 100%;}
ul.horizontal-list {list-style: none;margin:10px 0 10px 0;padding: 0;align-items: center;/*width:300px*/;}
ul.horizontal-list li {/*text-align: left;display: flex;*/align-items: center;justify-content: flex-start;margin:10px 0 10px 0;padding: 0;}
.fun-wrap {
display: table; /* Container acts like a table row */
width: 100%;
}
.fun-number {
display: table-cell; /* First column like a table cell */
width: 30px; /* Fixed width */
font-weight: bold;
font-family: 'Comic Sans MS', cursive, sans-serif;
color: #d33;
padding-right: 10px;
vertical-align: top;
}
.fun-text {
display: table-cell; /* Text cell: wraps under itself */
vertical-align: top;
line-height: 1.5;
}
.HorizontalRow {
display: flex; /* three divs inline (in one row) */
gap: 12px; /* optional spacing between them */
}
.HorizontalRowCell {
flex: 1 1 0; /* equal widths (1/3 each) */
display: flex; /* center content inside each cell */
align-items: center; /* vertical center */
justify-content: center;/* horizontal center */
text-align: center;
min-height: 40px; /* demo height; adjust/remove as needed */
/*border: 1px solid #ddd;
background: #f8f8f8;*/ /* optional */
}
.HorizontalRow6 {
height:50px;
display: grid;
grid-template-columns: 100px repeat(5, 40px); /* first is slightly wider */
gap: 12px; /* optional spacing */
}
.HorizontalRow6Cell {
text-align: left; /* content to the left */
padding: 8px; /* optional */
border: 1px solid #ddd; /* optional */
}
/* First, make the cell a positioning context */
.HorizontalRow6Cell.no-courses {
position: relative;
/* Make the number slightly faded, but still very readable */
color: #666;
}
/* Now, create the subtle 'X' overlay */
.HorizontalRow6Cell.no-courses::before {
content: "✕";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* --- KEY CHANGES --- */
/* 1. Use RGBA for color and transparency.
rgba(red, green, blue, alpha). Alpha is opacity from 0.0 to 1.0 */
color: rgba(255, 0, 0, 0.4); /* Red at 40% opacity */
/* 2. Use a lighter font-weight to make the 'X' thinner */
font-weight: 300; /* 'light' weight. 'normal' or 400 is also an option */
/* --- END OF CHANGES --- */
font-size: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.HorizontalRow6Cell.cell-centered {
display: grid;
place-items: center;
text-align: center;
}
.fun-number {
display: inline-block;
font-weight: bold;
margin-right: 8px;
font-family: 'Comic Sans MS', cursive, sans-serif; /* fun font */
transition: transform 0.3s ease;
}
/* Tilt directions */
.tilt-left {
transform: rotate(-3deg); /* Tilted slightly to the left */
}
.tilt-right {
transform: rotate(3deg); /* Tilted slightly to the right */
}
/****GRIDS-RESPONSIVE.css*****/
@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%}.pure-u-sm-1-5{width:20%}.pure-u-sm-5-24{width:20.8333%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%}.pure-u-sm-7-24{width:29.1667%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%}.pure-u-sm-2-5{width:40%}.pure-u-sm-10-24,.pure-u-sm-5-12{width:41.6667%}.pure-u-sm-11-24{width:45.8333%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%}.pure-u-sm-13-24{width:54.1667%}.pure-u-sm-14-24,.pure-u-sm-7-12{width:58.3333%}.pure-u-sm-3-5{width:60%}.pure-u-sm-15-24,.pure-u-sm-5-8{width:62.5%}.pure-u-sm-16-24,.pure-u-sm-2-3{width:66.6667%}.pure-u-sm-17-24{width:70.8333%}.pure-u-sm-18-24,.pure-u-sm-3-4{width:75%}.pure-u-sm-19-24{width:79.1667%}.pure-u-sm-4-5{width:80%}.pure-u-sm-20-24,.pure-u-sm-5-6{width:83.3333%}.pure-u-sm-21-24,.pure-u-sm-7-8{width:87.5%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%}.pure-u-sm-23-24{width:95.8333%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%}.pure-u-md-1-5{width:20%}.pure-u-md-5-24{width:20.8333%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%}.pure-u-md-7-24{width:29.1667%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%}.pure-u-md-2-5{width:40%}.pure-u-md-10-24,.pure-u-md-5-12{width:41.6667%}.pure-u-md-11-24{width:45.8333%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%}.pure-u-md-13-24{width:54.1667%}.pure-u-md-14-24,.pure-u-md-7-12{width:58.3333%}.pure-u-md-3-5{width:60%}.pure-u-md-15-24,.pure-u-md-5-8{width:62.5%}.pure-u-md-16-24,.pure-u-md-2-3{width:66.6667%}.pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-2-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24,.pure-u-lg-3-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-4-24,.pure-u-lg-4-5,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-6-24,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-7-8,.pure-u-lg-8-24,.pure-u-lg-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%}.pure-u-lg-1-5{width:20%}.pure-u-lg-5-24{width:20.8333%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%}.pure-u-lg-7-24{width:29.1667%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%}.pure-u-lg-2-5{width:40%}.pure-u-lg-10-24,.pure-u-lg-5-12{width:41.6667%}.pure-u-lg-11-24{width:45.8333%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%}.pure-u-lg-13-24{width:54.1667%}.pure-u-lg-14-24,.pure-u-lg-7-12{width:58.3333%}.pure-u-lg-3-5{width:60%}.pure-u-lg-15-24,.pure-u-lg-5-8{width:62.5%}.pure-u-lg-16-24,.pure-u-lg-2-3{width:66.6667%}.pure-u-lg-17-24{width:70.8333%}.pure-u-lg-18-24,.pure-u-lg-3-4{width:75%}.pure-u-lg-19-24{width:79.1667%}.pure-u-lg-4-5{width:80%}.pure-u-lg-20-24,.pure-u-lg-5-6{width:83.3333%}.pure-u-lg-21-24,.pure-u-lg-7-8{width:87.5%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%}.pure-u-lg-23-24{width:95.8333%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-24-24,.pure-u-lg-5-5{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-12,.pure-u-xl-1-2,.pure-u-xl-1-24,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-2-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24,.pure-u-xl-3-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-4-24,.pure-u-xl-4-5,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-6-24,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-7-8,.pure-u-xl-8-24,.pure-u-xl-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%}.pure-u-xl-1-5{width:20%}.pure-u-xl-5-24{width:20.8333%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%}.pure-u-xl-7-24{width:29.1667%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%}.pure-u-xl-2-5{width:40%}.pure-u-xl-10-24,.pure-u-xl-5-12{width:41.6667%}.pure-u-xl-11-24{width:45.8333%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%}.pure-u-xl-13-24{width:54.1667%}.pure-u-xl-14-24,.pure-u-xl-7-12{width:58.3333%}.pure-u-xl-3-5{width:60%}.pure-u-xl-15-24,.pure-u-xl-5-8{width:62.5%}.pure-u-xl-16-24,.pure-u-xl-2-3{width:66.6667%}.pure-u-xl-17-24{width:70.8333%}.pure-u-xl-18-24,.pure-u-xl-3-4{width:75%}.pure-u-xl-19-24{width:79.1667%}.pure-u-xl-4-5{width:80%}.pure-u-xl-20-24,.pure-u-xl-5-6{width:83.3333%}.pure-u-xl-21-24,.pure-u-xl-7-8{width:87.5%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%}.pure-u-xl-23-24{width:95.8333%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5{width:100%}}
/***classes depending on screen size****/
@media screen and (max-width:35.5em){
/*Mobile*/
.logo-container{
width: 238px; /* Set your width */
height: 56px; /* Set your height */
padding-left:10px;
/* The Aspect Ratio Trick */
height: 0;
padding-bottom: 23.52%; /* (56 / 238) * 100% */
background-image: url('/res/img/logos/scoala-romaneasca-lisabona-logo.png');
background-size: contain; /* Adjust as needed */
background-repeat: no-repeat; /* Prevent the background from repeating */}
.logo-container-thales{
width: 300px; /* Set your width */
height: 80px; /* Set your height */
padding-bottom:2px;
background-image: url('/res/img/logos/logo-asociatia-thales-portugalia.jpg');
background-size: contain; /* Adjust as needed */
background-repeat: no-repeat; /* Prevent the background from repeating */}
.Banner-600-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;width: 100%;height:400px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.SpacerTopBanner {display:block;padding-top:100px !important;}
.custom-top-left{
width:238px !important; /*To not shrink the logo*/
}
.FirstH1LeftSpace {
padding-left:10px;
}
.SpacerSubheroBelow {}
.SeparatorLeafXXX {
width: 70% !important; /* Full width */
height: 14px; /* Adjust to your image height */
padding: 0px 4px 0px 4px; /* optional, just to ensure first leaf shows */
background-image: url('/res/img/icons/leaf-separator.png');
background-repeat: repeat-x;
background-position: left-center;
background-size: 67px 100%; /* 20px = width of one leaf */
/*background-size: auto 100%;*/
margin: 20px 0;}
.SeparatorLeaf {
width: 70% !important;
height: 20px; /* match image aspect; or keep 14px if you want it smaller */
padding: 0 4px;
background-image: url('/res/img/icons/leaf-separator.png');
background-position: left center; /* fix typo: left-center -> left center */
background-size: auto 100%; /* scale tile height to element height */
background-repeat: round no-repeat; /* horizontal = round, vertical = no-repeat */
margin: 20px 0;
}
.SeparatorLeaf {
width: 80%;
height: 18px;
margin: 20px 0;
padding: 0 4px;
background-image: url('/res/img/icons/leaf-separator.png'); /* 61×20 */
background-position: left center;
background-size: auto 100%; /* scale proportionally by height */
background-repeat: space no-repeat; /* only whole tiles, even spacing */
}
.SeparatorLeafNegativ {
width: 4600%; /* Full width */
height: 14px; /* Adjust to your image height */
padding: 0px 4px 0px 4px; /* optional, just to ensure first leaf shows */
background-image: url('/res/img/icons/leaf-separator-negativ.png'); /* Replace with your image path */
background-repeat: repeat-x; /* Repeat horizontally */
background-position: left-center;
background-size: 61px 100%; /* 20px = width of one leaf */
margin: 20px 0; /* Optional spacing above and below */
}
.SeparatorLeafNegativ {
width: 80% !important;
height: 18px;
margin: 20px 0;
padding: 0 4px;
background-image: url('/res/img/icons/leaf-separator-negativ.png'); /* 61×20 */
background-position: left center;
background-size: auto 100%; /* scale proportionally by height */
background-repeat: space no-repeat; /* only whole tiles, even spacing */
}
.ContentInside{
width:100%;
padding:0 10px 0 10px;
}
.TableInside{width:100%;}
.NotVisMobile {display:none;}
.VisMobile {display: block !important;}
.FlexRowBox {
display: flex;
align-items: flex-start; /* aligns icon and text at top */
gap: 8px; /* space between icon and text */
}
.IconSymbol2Rows {
flex: none; /* prevents resizing */
width: 25px; /* ensure fixed width */
line-height: 0; /* remove extra line spacing */
}
/* Optional: make text and icon better aligned */
.IconSymbol2Rows svg {
display: block;
width: 25px;
height: 25px;
}
}
@media screen and (min-width:35.6em){
/*Desktop*/
.logo-container{
width: 238px; /* Set your width */
height: 80px; /* Set your height */
padding-bottom:2px;
background-image: url('/res/img/logos/scoala-romaneasca-lisabona-logo.png');
background-size: contain; /* Adjust as needed */
background-repeat: no-repeat; /* Prevent the background from repeating */}
.logo-container-thales{
width: 300px; /* Set your width */
height: 80px; /* Set your height */
padding-bottom:2px;
background-image: url('/res/img/logos/logo-asociatia-thales-portugalia.jpg');
background-size: contain; /* Adjust as needed */
background-repeat: no-repeat; /* Prevent the background from repeating */}
.Banner-600-HP{display:inline-block;vertical-align:middle;text-align:center;overflow:hidden;width: 100%;height:600px;right: 0;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:1;}
.SpacerTopBanner {display:block;padding-top:280px !important;}
.SpacerSubheroBelow {display:block;padding-top:20px !important;}
.custom-top-right {padding:10px 5px 5px 5px !important;}
.SeparatorLeaf {
width: 50%; /* Full width */
height: 14px; /* Adjust to your image height */
padding: 0px 4px 0px 4px; /* optional, just to ensure first leaf shows */
background-image: url('/res/img/icons/leaf-separator.png');
background-repeat: repeat-x;
background-position: left-center;
background-size: 61px 100%; /* 20px = width of one leaf */
/*background-size: auto 100%;*/
margin: 20px 0;}
.SeparatorLeaf {
width: 50%;
height: 18px;
margin: 20px 0;
padding: 0 4px;
background-image: url('/res/img/icons/leaf-separator.png'); /* 61×20 */
background-position: left center;
background-size: auto 100%; /* scale proportionally by height */
background-repeat: space no-repeat; /* only whole tiles, even spacing */
}
.SeparatorLeafNegativ {
width: 50%; /* Full width */
height: 14px; /* Adjust to your image height */
padding: 0px 4px 0px 4px; /* optional, just to ensure first leaf shows */
background-image: url('/res/img/icons/leaf-separator-negativ.png'); /* Replace with your image path */
background-repeat: repeat-x; /* Repeat horizontally */
background-position: left-center;
background-size: 61px 100%; /* 20px = width of one leaf */
margin: 20px 0; /* Optional spacing above and below */
}
.SeparatorLeafNegativ {
width: 50%;
height: 18px;
margin: 20px 0;
padding: 0 4px;
background-image: url('/res/img/icons/leaf-separator-negativ.png'); /* 61×20 */
background-position: left center;
background-size: auto 100%; /* scale proportionally by height */
background-repeat: space no-repeat; /* only whole tiles, even spacing */
}
.ContentInside{
width:80%;
}
.TableInside{width:60%;}
.NotVisDesktop {display:none;}
}
}