/** * @package benaki.project * @subpackage Site * @author Dimitris Antartis * * @copyright Copyright (C) 2012 - 2017 Honest Partners. * @license Honest Partners */ @font-face{font-family:"Proxima Nova W08 Thn Reg";src:url("../fonts/b7fbb8da-ebd6-44e6-be22-78902c6bf6c6.eot?#iefix");src:url("../fonts/b7fbb8da-ebd6-44e6-be22-78902c6bf6c6.eot?#iefix") format("eot"),url("../fonts/764133da-a9ba-492a-8026-22889acd7f12.woff2") format("woff2"),url("../fonts/ca6e8a73-ae34-4ea2-9dde-9c09c5858869.woff") format("woff"),url("../fonts/dd620423-aaef-4268-a707-b2e791831436.ttf") format("truetype"),url("../fonts/2f896b71-12fb-4101-9e1c-f5de32d6f5d2.svg#2f896b71-12fb-4101-9e1c-f5de32d6f5d2") format("svg");} @font-face{font-family:"Proxima Nova W08 Light";src:url("../fonts/910c69c9-1457-45b2-9db2-09eb4b2921eb.eot?#iefix");src:url("../fonts/910c69c9-1457-45b2-9db2-09eb4b2921eb.eot?#iefix") format("eot"),url("../fonts/38b02c72-795a-436d-96b6-63bf366b0b4c.woff2") format("woff2"),url("../fonts/5e902f22-dc96-42db-9cea-596fd6e0128f.woff") format("woff"),url("../fonts/7a4accfd-087c-4552-a16f-a3eba295def8.ttf") format("truetype"),url("../fonts/10216e29-520d-4186-98c2-bf0a0b8a2be5.svg#10216e29-520d-4186-98c2-bf0a0b8a2be5") format("svg");} @font-face{font-family:"Proxima Nova W08 Reg";src:url("../fonts/0020eb30-c98c-4a76-aaa5-c39374f14534.eot?#iefix");src:url("../fonts/0020eb30-c98c-4a76-aaa5-c39374f14534.eot?#iefix") format("eot"),url("../fonts/781c5453-0067-4e64-9386-7c0726d63d57.woff2") format("woff2"),url("../fonts/510df0e5-5b9f-4a1c-b46a-bcf1739bda43.woff") format("woff"),url("../fonts/47e08118-5050-469b-a40c-dc3b2307e87e.ttf") format("truetype"),url("../fonts/d93bd409-7380-4bb8-9d9f-d8035b5e0387.svg#d93bd409-7380-4bb8-9d9f-d8035b5e0387") format("svg");} @font-face{font-family:"Proxima Nova W08 Reg It";src:url("../fonts/2e0c7005-3bdb-4fb0-a935-1f12dc9a066c.eot?#iefix");src:url("../fonts/2e0c7005-3bdb-4fb0-a935-1f12dc9a066c.eot?#iefix") format("eot"),url("../fonts/060e1b48-d653-4884-adf6-01631f2241fd.woff2") format("woff2"),url("../fonts/5ed3570e-76c2-4c41-9f38-78d05c023bfd.woff") format("woff"),url("../fonts/6a096dca-7181-4227-8add-a60f17ce1a8e.ttf") format("truetype"),url("../fonts/32565599-90ae-4932-b64b-d4fd81e5b2da.svg#32565599-90ae-4932-b64b-d4fd81e5b2da") format("svg");} @font-face{font-family:"Proxima Nova W08 Smbd";src:url("../fonts/2e16962e-d63b-4e8e-a35c-dc7ba5faf6f6.eot?#iefix");src:url("../fonts/2e16962e-d63b-4e8e-a35c-dc7ba5faf6f6.eot?#iefix") format("eot"),url("../fonts/672e09ff-117f-47a9-ad39-2af9420ccb79.woff2") format("woff2"),url("../fonts/db9d12b0-9307-4b1f-88bf-ebb676516c3b.woff") format("woff"),url("../fonts/79d731fe-d29c-48b7-9312-f503ee13216f.ttf") format("truetype"),url("../fonts/9ab223e8-b901-4d93-a8a8-8de6182d3140.svg#9ab223e8-b901-4d93-a8a8-8de6182d3140") format("svg");} @font-face{font-family:"Proxima Nova W08 Smbd It";src:url("../fonts/f6d14669-82b2-4a56-a888-7b826f84a2de.eot?#iefix");src:url("../fonts/f6d14669-82b2-4a56-a888-7b826f84a2de.eot?#iefix") format("eot"),url("../fonts/28ca8cd9-7100-4533-99e5-e86705e38933.woff2") format("woff2"),url("../fonts/c6d15810-2b3f-462e-85d8-6ddd263277d5.woff") format("woff"),url("../fonts/4b986dc9-5c3d-4c60-8a14-f622fc816845.ttf") format("truetype"),url("../fonts/1651715f-6454-43d4-8dd8-aa90cd6a3307.svg#1651715f-6454-43d4-8dd8-aa90cd6a3307") format("svg");} @font-face{font-family:"Proxima Nova W08 Bd";src:url("../fonts/c46a6af2-17e1-44cd-b22e-cde8ac5522bc.eot?#iefix");src:url("../fonts/c46a6af2-17e1-44cd-b22e-cde8ac5522bc.eot?#iefix") format("eot"),url("../fonts/36b2c5d9-5814-4505-ba7a-f94849f9d8d9.woff2") format("woff2"),url("../fonts/a77f80ae-abcf-401e-9cb3-ab84498fc03b.woff") format("woff"),url("../fonts/7f5a805f-22af-4c2d-b5f9-ab2f4738f783.ttf") format("truetype"),url("../fonts/5d6a7f54-9aa8-46f9-8a3b-9a3c77283e1a.svg#5d6a7f54-9aa8-46f9-8a3b-9a3c77283e1a") format("svg");} @font-face{font-family:"Proxima Nova W08 Bd It";src:url("../fonts/52fa192a-b621-44fd-ab9e-5dd3534e0adf.eot?#iefix");src:url("../fonts/52fa192a-b621-44fd-ab9e-5dd3534e0adf.eot?#iefix") format("eot"),url("../fonts/c45ccc86-95a3-498c-836d-53777cd15f44.woff2") format("woff2"),url("../fonts/bb89a335-47d4-4433-a924-8a538490fd36.woff") format("woff"),url("../fonts/e06dab90-943f-436f-9897-4e85cdeadae6.ttf") format("truetype"),url("../fonts/26fdef12-4caf-4517-96ac-a1336c223bf4.svg#26fdef12-4caf-4517-96ac-a1336c223bf4") format("svg");} @font-face {font-family: 'icomoon'; src:url('../fonts/icomoon.eot?59zn09'); src:url('../fonts/icomoon.eot?59zn09#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?59zn09') format('truetype'), url('../fonts/icomoon.woff?59zn09') format('woff'), url('../fonts/icomoon.svg?59zn09#icomoon') format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; outline: 0; padding: 0; font-weight: normal; } ul {list-style-type: none} a { text-decoration: none; } a:focus, a:hover{ outline: 0; outline-style:none;outline-width:0; text-decoration: none;} body { font-family:'Proxima Nova W08 Reg'; font-size: 17px; color:#474C47; } img { color:transparent; } .container {width: 1170px;} .container-dynamic {min-width:1170px;position: relative;} *:after, *:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ben-icons { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .remove {display: none !important;} body.hide-y-scroll { overflow: hidden !important; position: fixed; height: 100%; width: 100%; } .flex-container { display:flex; flex-direction: row; column-gap:15px; /* Previously no-break space. Adjust for larger/smaller gap between the columns */ text-align:center; } /* Following makes row layout with multiple columns, to a column layout with multiple rows. Adjust screen width when needed */ @media (max-width: 800px) { .flex-container { flex-direction: column; } } .flickr-photo { position: relative; } .flickr-gallery { text-align: center; margin:auto; font-size:0px; } .ben-loopwithcomma > a:after {content: ", ";font-family: 'Proxima Nova W08 Reg';} .ben-loopwithcomma > a:last-child:after {content: "";} .ben-loopwithcomma > span:after {content: ", ";font-family: 'Proxima Nova W08 Reg';} .ben-loopwithcomma > span:last-child:after {content: "";} .ben-blue-vertical {border-right: 1px solid #8E9ECB; } .ben-box-with-top-dot {background-color: #F3F4F4; border-top:1px dashed #8E9ECB; padding: 25px 10px; } .ben-2greybox-with-space {background-color: #F3F4F4; height:176px;border-right: 3px solid white;} .ben-2greybox-with-space .ben-left-box, .ben-2greybox-with-space .ben-right-box {line-height:26px;display:block;padding: 20px 0;height:100%; width:50%; float: left;border-right: 3px solid white;} .ben-2greybox-with-space .ben-left-box > p, .ben-2greybox-with-space .ben-right-box > p {padding:0 55px;} .ben-2greybox-with-space .ben-left-box > div {padding:0 55px;} .ben-1greybox-with-space {background-color: #F3F4F4; height:176px;border-right: 3px solid white;width:50%;} .ben-1greybox-with-space .ben-left-box, .ben-1greybox-with-space .ben-right-box {line-height:26px;display:block;padding: 20px 0;height:100%; width:100%; float: left;border-right: 0px solid white;} .ben-1greybox-with-space .ben-left-box > p, .ben-1greybox-with-space .ben-right-box > p {padding:0 55px;} .ben-1greybox-with-space .ben-left-box > div {padding:0 55px;} .ben-nowrap {white-space: nowrap;} .ben-hide-label {color: transparent; font-size: 0;height: 0; overflow: hidden; width: 0; display: block;} /*---------------------------------------------------------------------- Element correction ----------------------------------------------------------------------*/ b { font-weight: normal; font-family: 'Proxima Nova W08 Bd'; } strong { font-weight: normal; font-family: 'Proxima Nova W08 Bd'; } i { font-style: normal; font-family: 'Proxima Nova W08 Reg It'; } em { font-style: normal; font-family: 'Proxima Nova W08 Reg It'; } b i, b em, strong i, strong em, i strong, i b, em strong, em b { font-weight: normal; font-style: normal; font-family: 'Proxima Nova W08 Bd It'; } .clear { clear: both; } /*---------------------------------------------------------------------- Fonts Weight ----------------------------------------------------------------------*/ .ben-font-bold {font-family: 'Proxima Nova W08 Bd';} .ben-font-thin {font-family:'Proxima Nova W08 Thn Reg';} .ben-font-light {font-family: 'Proxima Nova W08 Light';} .ben-font-it {font-family: 'Proxima Nova W08 Reg It';} .ben-font-smbd {font-family: 'Proxima Nova W08 Smbd';} .ben-font-smbd.ben-font-it {font-family: 'Proxima Nova W08 Smbd It';} .ben-font-bold.ben-font-it {font-family: 'Proxima Nova W08 Bd It';} .ben-font-reg {font-family: 'Proxima Nova W08 Reg';} /*---------------------------------------------------------------------- Body Elements ----------------------------------------------------------------------*/ .ben-main-body { margin-top: 95px; } .bena-body { font-size: 17px; line-height: 26px; } .bena-body p { margin-bottom: 13px; } .bena-body a { color:#8e9ecb; } .bena-body a:hover { color:#72788f; } .bena-body table {width: 100%;border-collapse: separate; border-spacing: 10px 5px;} .bena-body table td {vertical-align: top;background-color: #f1f1f1;padding: 10px 5px 5px;} .bena-body table tr {color:#969896;font-size: 12px;line-height: 16px;} .bena-body table tr:first-child td {background-color: transparent; color:#8e9ecb;font-family: 'Proxima Nova W08 Smbd';font-size: 15px;padding: 5px 2px; } .bena-body table tr:last-child td {background-color: #8e9ecb; color:#ffffff;font-family: 'Proxima Nova W08 Smbd';padding:6px 5px 1px; } .bena-body ul { padding-left: 40px; list-style-type: none; } .bena-body ul li { line-height: 26px; } .bena-body ul li:before { font-family: 'icomoon'; content: "\e80e"; margin-left: -22px; float: left; line-height: 24px; font-size: 1px; width: 13px;overflow: hidden; } .bena-body button { margin:0 auto; padding: 15px 50px; font-size: 16px; line-height: 22px; display: block; cursor: pointer; transition: all 0.3s ease 0s; background-color: #8E9ECB; border: 1px solid #8E9ECB; color: #ffffff; } .bena-body button:hover { background-color: #72788f; border: 1px solid #72788f; color: #ffffff; } .bena-body button:active { background-color: #474b5b; border: 1px solid #474b5b; color: #ffffff; } .bena-body button:disabled { background-color: #dde0e9; border: 1px solid #dde0e9; color: #ffffff; } .bena-body .accordion {border-top: 1px solid #202620;position: relative;} .bena-body .accordion .title {cursor:pointer; padding:15px 0;line-height:30px;font-size: 21px;font-family: 'Proxima Nova W08 Light';} .bena-body .accordion .title:after { content: "\e91f"; display: inline-block; height: 60px; line-height: 60px; position: absolute; right: 0; text-align: center; top: 0; width: 42px; color: #8495c5; font-size: 18px; } .bena-body .accordion.open .title {color:#8495c5;} .bena-body .accordion.open .title:after { content: "\e91e"; } .bena-body .accordion.closed .text {display: none;} .bena-body-lead { font-size: 20px; line-height: 26px; } .ben-body-small { font-size: 15px; line-height: 26px; } .ben-box-purple {background-color: #8f9fcc;} .ben-box-white {background-color: #ffffff;} .ben-box-black {background-color: #000000;} .ben-box-grey {background-color: #F2F2F2;} /*---------------------------------------------------------------------- Buttons ----------------------------------------------------------------------*/ .ben-button { border: 1px solid #8E9ECB; display: inline-block; cursor: pointer; transition: all 0.3s ease 0s; } .ben-button-c-default { background-color: transparent; border: 1px solid #8E9ECB; color: #8E9ECB; } .ben-button-c-default:hover { background-color: #72788f; border: 1px solid #72788f; color: #ffffff; } .ben-button-c-default:active { background-color: #474b5b; border: 1px solid #474b5b; color: #ffffff; } .ben-button-c-default:disabled { background-color: #ffffff; border: 1px solid #dde0e9; color: #dde0e9; } .ben-button-c-white { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } .ben-button-c-white:hover { background-color: transparent; border: 1px solid #72788f; color: #72788f; } .ben-button-c-white:active { background-color: transparent; border: 1px solid #474b5b; color: #474b5b; } .ben-button-c-black { background-color: transparent; border: 1px solid #494E49; color: #494E49; } .ben-button-c-black:hover{background-color:transparent;border:1px solid #787c78;color:#787c78;} .ben-button-c-black:active{background-color:transparent;border:1px solid #9A9B9A;color:#9A9B9A;} .ben-button-c-black:disabled{background-color:transparent;border:1px solid #D3D3D3;color:#D3D3D3;} .ben-button-c-grey{background-color:transparent;border:1px solid #B0B2B0;color:#B0B2B0;} .ben-button-c-grey:hover{background-color:transparent;border:1px solid #787c78;color:#787c78;} .ben-button-c-grey:active{background-color:transparent;border:1px solid #9A9B9A;color:#9A9B9A;} .ben-button-c-grey:disabled{background-color:transparent;border:1px solid #D3D3D3;color:#D3D3D3;} .ben-button-c-yellow-t{background-color:transparent;border:1px solid #ffc905;color:#ffc905;} .ben-button-c-yellow-t:hover{background-color:transparent;border:1px solid #fce69f;color:#fce69f;} .ben-button-c-yellow-t:active{background-color:transparent;border:1px solid #ffc905;color:#ffc905;} .ben-button-c-yellow-t:disabled{background-color:transparent;border:1px solid #fff6dc;color:#fff6dc;} .ben-button-c-primary{background-color:#8E9ECB;border:1px solid #8E9ECB;color:#ffffff;} .ben-button-c-primary:hover{background-color:#72788f;border:1px solid #72788f;color:#ffffff;} .ben-button-c-primary:active{background-color:#474b5b;border:1px solid #474b5b;color:#ffffff;} .ben-button-c-primary:disabled{background-color:#dde0e9;border:1px solid #dde0e9;color:#ffffff;} .ben-button-c-red{background-color:#C1272D;border:1px solid #C1272D;color:#ffffff;} .ben-button-c-red:hover{background-color:#c1888a;border:1px solid #c1888a;color:#ffffff;} .ben-button-c-red:active{background-color:#C1272D;border:1px solid #C1272D;color:#ffffff;} .ben-button-c-red:disabled{background-color:#fedbc9;border:1px solid #fedbc9;color:#ffffff;} .ben-button-c-yellow{background-color:#ffc905;border:1px solid #ffc905;color:#ffffff;} .ben-button-c-yellow:hover{background-color:#fce69f;border:1px solid #fce69f;color:#ffffff;} .ben-button-c-yellow:active{background-color:#ffc905;border:1px solid #ffc905;color:#ffffff;} .ben-button-c-yellow:disabled{background-color:#fff6dc;border:1px solid #fff6dc;color:#ffffff;} .ben-button-c-orange{background-color:#e97200;border:1px solid #e97200;color:#ffffff;} .ben-button-c-orange:hover{background-color:#e5a876;border:1px solid #e5a876;color:#ffffff;} .ben-button-c-orange:active{background-color:#e97200;border:1px solid #e97200;color:#ffffff;} .ben-button-c-orange:disabled{background-color:#e0cec1;border:1px solid #e0cec1;color:#ffffff;} .ben-button-c-blue{background-color:#ffffff;border:1px solid #5164a4;color:#5164a4;} .ben-button-c-blue:hover{background-color:#72788f;border:1px solid #72788f;color:#ffffff;} .ben-button-c-blue:active{background-color:#474b5b;border:1px solid #474b5b;color:#ffffff;} .ben-button-c-blue:disabled{background-color:#ffffff;border:1px solid #dde0e9;color:#dde0e9;} .ben-button-c-id-1 { border: transparent; background-color: #444d68; color:#ffffff; } .ben-button-c-id-1:hover { border: transparent; background-color: rgba(68, 77, 104, 0.7); color: #ffffff; } .ben-button-c-id-2 { border: transparent; background-color: #90bfaf; color:#ffffff; } .ben-button-c-id-2:hover { border: transparent; background-color: rgba(144, 191, 175, 0.7); color: #ffffff; } .ben-button-c-id-3 { border: transparent; background-color: #30614f; color:#ffffff; } .ben-button-c-id-3:hover { border: transparent; background-color: rgba(48, 97, 79, 0.7); color: #ffffff; } .ben-button-c-id-4 { border: transparent; background-color: #620360; color:#ffffff; } .ben-button-c-id-4:hover { border: transparent; background-color: rgba(98, 3, 96, 0.7); color: #ffffff; } .ben-button-c-id-5 { border: transparent; background-color: #7a2e00; color:#ffffff; } .ben-button-c-id-5:hover { border: transparent; background-color: rgba(122, 46, 0, 0.7); color: #ffffff; } .ben-button-c-id-6 { border: transparent; background-color: #aed472; color:#ffffff; } .ben-button-c-id-6:hover { border: transparent; background-color: rgba(174, 212, 114, 0.7); color: #ffffff; } .ben-button-c-id-7 { border: transparent; background-color: #f26c4e; color:#ffffff; } .ben-button-c-id-7:hover { border: transparent; background-color: rgba(242, 108, 78, 0.7); color: #ffffff; } .ben-button-c-id-8 { border: transparent; background-color: #562636; color:#ffffff; } .ben-button-c-id-8:hover { border: transparent; background-color: rgba(86, 38, 54, 0.7); color: #ffffff; } .ben-button-c-id-9 { border: transparent; background-color: #779fc3; color:#ffffff; } .ben-button-c-id-9:hover { border: transparent; background-color: rgba(119, 159, 195, 0.7); color: #ffffff; } .ben-button-s-default{padding:11px 22px;font-size:15px;line-height:15px;} .ben-button-s-lg{padding:13px 26px;font-size:17px;line-height:17px;} .ben-button-s-sm{padding:7px 13px;font-size:15px;line-height:15px;} .ben-button-s-xsm{padding:6px 13px;font-size:12px;line-height:12px;} .ben-button-s-full{padding:8px 15px;font-size:17px;line-height:17px;width:100%;text-align:center;} .ben-customscroll { height: 190px; width: 100%; background-color: #f1f1f1; padding-left: 10px; } .ben-dropdown-scroll-text { background-color: #f1f1f1; border: 0 none; height: 45px; line-height: 45px; padding: 0 0 0 10px; width: 100%; } /*---------------------------------------------------------------------- Combo buttons ----------------------------------------------------------------------*/ .ben-button-icons{background-color:transparent;border:0;} .ben-button-icons:after{cursor:pointer;display:inline-block;width:32px;height:32px;border:2px solid #CACBCA;color:#777779;border-radius:50%;font-size:14px;line-height:28px;text-align:center;} .ben-button-icons.active:after{border:2px solid #8E9ECB;color:#ffffff;background-color:#8E9ECB;} .ben-button-puzzle:after{content:'\e802';font-size:14px;} .ben-button-list:after{content:'\e803';font-size:14px;} .ben-button-play:after{content:'\e806';font-size:14px;} .ben-button-arrow-right:after{content:'\e80a';font-size:14px;} .ben-button-arrow-right.active.white:after{color:#8E9ECB;background-color:transparent;} .ben-button-arrow-right.active.black:after{border:2px solid #494E49;color:#494E49;background-color:transparent;} .ben-button-arrow-right.active.grey:after{border:2px solid #CACBCA;color:#CACBCA;background-color:transparent;} .ben-button-close:after{content:'\e80c';font-size:12px;} .ben-button-loader{background-image:url('../images/loader.gif');background-position:center;background-repeat:no-repeat;background-color:#ffffff;height:32px;width:32px;border:2px solid #cacbca;border-radius:50%;} /*---------------------------------------------------------------------- Text Size ----------------------------------------------------------------------*/ .ben-textsize-10 { font-size: 10px; } .ben-textsize-12 { font-size: 12px; } .ben-textsize-13 { font-size: 13px; } .ben-textsize-14 { font-size: 14px; } .ben-textsize-15 { font-size: 15px; } .ben-textsize-16 { font-size: 16px; } .ben-textsize-17 { font-size: 17px; } .ben-textsize-18 { font-size: 18px; } .ben-textsize-20 { font-size: 20px; } .ben-textsize-21 { font-size: 21px; } .ben-textsize-23 { font-size: 23px; } .ben-textsize-24 { font-size: 24px; } .ben-textsize-25 { font-size: 25px; } .ben-textsize-26 { font-size: 26px; } .ben-textsize-27 { font-size: 27px; } .ben-textsize-28 { font-size: 28px; } .ben-textsize-30 { font-size: 30px; } .ben-textsize-32 { font-size: 32px; } .ben-textsize-34 { font-size: 34px; } .ben-textsize-35 { font-size: 35px; } .ben-textsize-42 { font-size: 42px; } .ben-textsize-46 { font-size: 46px; } .ben-lineheight-32 { line-height: 32px; } .ben-lineheight-39 { line-height: 39px; } .ben-lineheight-50 { line-height: 50px; } /*---------------------------------------------------------------------- Text Color ----------------------------------------------------------------------*/ .ben-textcolor-softgrey { color: #969896; } .ben-textcolor-white { color: #ffffff; } .ben-textcolor-purple { color: #8E9ECB; } .ben-textcolor-blue { color: #5164a4; } .ben-textcolor-grey { color: #7B7F7B; } .ben-textcolor-default { color: #474c47; } .ben-textcolor-red { color: #c1272d; } /*---------------------------------------------------------------------- Margins ----------------------------------------------------------------------*/ .ben-margin-t5 { margin-top: 5px; } .ben-margin-t10 { margin-top: 10px; } .ben-margin-t15 { margin-top: 15px; } .ben-margin-t20 { margin-top: 20px; } .ben-margin-t35 { margin-top: 35px; } .ben-margin-t50 { margin-top: 50px; } .ben-margin-t70 { margin-top: 70px; } .ben-margin-t105{ margin-top: 105px; } .ben-margin-t125{ margin-top: 125px; } .ben-margin-r10 { margin-right: 10px; } .ben-margin-r15 { margin-right: 15px; } .ben-margin-r20 { margin-right: 20px; } .ben-margin-r35 { margin-right: 35px; } .ben-margin-r50 { margin-right: 50px; } .ben-margin-r70 { margin-right: 70px; } .ben-margin-b10 { margin-bottom: 10px; } .ben-margin-b15 { margin-bottom: 15px; } .ben-margin-b20 { margin-bottom: 20px; } .ben-margin-b35 { margin-bottom: 35px; } .ben-margin-b50 { margin-bottom: 50px; } .ben-margin-b70 { margin-bottom: 70px; } .ben-margin-l10 { margin-left: 10px; } .ben-margin-l15 { margin-left: 15px; } .ben-margin-l20 { margin-left: 20px; } .ben-margin-l35 { margin-left: 35px; } .ben-margin-l50 { margin-left: 50px; } .ben-margin-l70 { margin-left: 70px; } .ben-padding-b35 { padding-bottom: 35px; } .ben-padding-r50 { padding-right: 50px; } .ben-padding-r150 { padding-right: 150px; } .ben-padding-t200 { padding-top:200px;} .ben-no-padding { padding:0;} .ben-textalign-l { text-align: left; } .ben-textalign-c { text-align: center; } .ben-textalign-r { text-align: right; } .ben-no-margin { margin:0;} /*---------------------------------------------------------------------- Lists ----------------------------------------------------------------------*/ .ben-ul{padding-left:40px;list-style-type:none;} .ben-ul li{line-height:26px;} .ben-ul-simple li:before{font-family:'icomoon';content:"\e80e";margin-left:-22px;float:left;line-height:24px;font-size:1px;width: 13px;overflow: hidden;} .ben-ul-biblio li:before{font-family:'icomoon';content:"\e800";margin-left:-22px;float:left;font-size:22px;line-height:30px;} .ben-ul-download li:before{font-family:'icomoon';content:"\e801";margin-left:-22px;float:left;font-size:22px;line-height:30px;} .ben-ol{padding-left:40px;counter-reset:item;} .ben-ol > li{margin-top:14px;list-style-type:none;counter-increment:item;} .ben-ol > li:before{margin-left:-22px;font-family:'Proxima Nova W08 Smbd';text-align:right;content:counter(item) ".";float:left;} li.ben-li-simple:before{font-family:'icomoon';content:"\e80e";margin-left:-22px;float:left;line-height:24px;font-size:1px;width: 13px;overflow: hidden;} /*---------------------------------------------------------------------- Header ----------------------------------------------------------------------*/ .ben-header{height:95px;position:fixed;top:0;background-color:rgba(255, 255, 255, 0.993);z-index:100;width:100%;border-bottom:1px solid #a4a6a8;} .ben-header .ben-logo{color:#5B5B5A;} .ben-header .ben-logo .ben-icons{font-size:49px;line-height:49px;margin-bottom:3px;} .ben-header .ben-logo .ben-logo-text img{height:23px;} .ben-header .bena-logo {} .ben-menu-hidden-box ~ .bena-logo img {margin-left:11px;height:40px;-webkit-transition-property:margin-left;-webkit-transition-duration:0.2533333333s;transition-property:margin-left;transition-duration:0.2533333333s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .ben-menu-hidden-box.open ~ .bena-logo img {margin-left:258px;-webkit-transition-delay: 0.1466666666s; transition-delay: 0.1466666666s; -webkit-transition-property:margin-left;-webkit-transition-duration:0.2533333333s;transition-property:margin-left;transition-duration:0.2533333333s;} .ben-profil{margin-top:25px;} .ben-profil > li{display:inline-block;float:left;} .ben-profil .ben-mod-languages{z-index:1;} .ben-profil .ben-mod-languages .ben-current-language{padding:7px 8px;} .ben-profil .ben-mod-languages .ben-current-language .name{display:none;} .ben-profil .ben-mod-languages .ben-current-language .other_name{display:none;} .ben-profil .ben-mod-languages .ben-current-language .other_code{display:none;} .ben-profil .ben-mod-languages .lang-inline{display:none;} .ben-profil .ben-mod-languages .lang-active{display:none;} .ben-profil .ben-mod-languages .ben-current-language{cursor:pointer;} .ben-profil .ben-mod-languages .ben-current-language:hover{color:#8e9ecb;} .ben-profil .ben-mod-languages.open{padding:0 7px 6px;border:1px solid #969896;position:absolute;right:15px;width:284px;background-color:#ffffff;top:inherit;left:inherit;} .ben-profil .ben-mod-languages.open .ben-current-language{padding:6px 5px;color:#8e9ecb;border-bottom:1px solid #E4E5E4;} .ben-profil .ben-mod-languages.open .ben-current-language .code{display:none;} .ben-profil .ben-mod-languages.open .ben-current-language .other_code{display:inline;} .ben-profil .ben-mod-languages.open .ben-current-language .name{display:inline;} .ben-profil .ben-mod-languages.open .ben-current-language .name:after{content:"\e919";float:right;font-size:12px;line-height:23px;} .ben-profil .ben-mod-languages.open .lang-inline{background-color:#ffffff;display:block;width:100%;} .ben-profil .ben-mod-languages.open .lang-inline li{padding:6px 5px;} .ben-profil .ben-mod-languages.open .lang-inline li a{width:100%;height:100%;display:inline-block;} .ben-profil .ben-mod-languages.open .lang-inline li:hover{padding:6px 5px;background-color:#8E9FCB;} .ben-profil .ben-mod-languages.open .lang-inline li:hover a{color:#ffffff;} .ben-profil .open-popup{cursor:pointer;} .ben-profil .open-popup:hover{color:#8e9ecb;} .ben-profil .ben-login{padding:7px 8px;} .ben-profil .ben-login .ben-login-remind{text-align:center;} .ben-profil .ben-login h3{text-align:center;color:#8E9ECB;font-size:24px;line-height:40px;border-bottom:1px solid #E4E5E4;margin:0 10px;} .ben-profil .ben-login h3:after{content:"\e901";font-size:11px;float:right;cursor:pointer;} .ben-profil .ben-login #login-form{margin:0 10px 10px;} .ben-profil .ben-login #form-login-submit button{margin:10px auto;display:block;} .ben-profil .ben-login #member-registration{margin:0 10px 10px;} .ben-profil .ben-login #member-registration .ben-submit-registration button{margin:10px auto;display:block;} .ben-profil .ben-header-popup{background-color:#ffffff;border:1px solid #969896;position:absolute;right:15px;width:305px/*284px*/;top:25px;max-height:calc(100vh - 43px);overflow-y:auto;z-index:1;} .ben-profil .ben-calendar { display: inline-block; padding: 7px 8px; color:#474c47; } .ben-profil .ben-calendar:hover { color: #8e9ecb; } .ben-profil .ben-mail { color:#474c47; font-size: 14px; line-height: 22px; float: right; margin: 0 3px; padding: 7px 7px; } .ben-profil .ben-mail:hover {color: #8e9ecb;} .ben-profil .ben-search {position: relative;} .ben-profil .ben-search .ben-icons { font-size: 20px; line-height: 22px; float: right; margin: 0 3px; padding: 7px 7px; color:#474c47 ; } .ben-profil .ben-search .ben-icons:hover { cursor: pointer; color:#8e9ecb ; } .ben-profil .ben-search .ben-search-form { background-color: #ffffff; border: 1px solid #969896; padding: 0 7px 6px; width: 284px; display:none; position: absolute;right: 0; top:0;} .ben-profil .ben-search .ben-search-form.open {display:block;} .ben-profil .ben-search .ben-search-form:before { content: "\e904";font-size: 20px; color: #8e9ecb; line-height: 22px; position: absolute; right: 9px; top: 6px; } .ben-profil .ben-search .ben-search-form input { font-size: 16px; background-color: transparent; border: 0; position: relative; width: 100%;line-height: 40px;padding: 0 30px 0 0; border-bottom:1px solid #e4e5e4; } .ben-profil .ben-search #ben-autosearch-result {margin-bottom:5px; } .ben-profil .ben-search .ui-autocomplete {padding-bottom:5px; border-bottom:1px solid #e4e5e4;} .ben-profil .ben-search .ui-autocomplete .ui-menu-item {padding:3px 5px;cursor:pointer;font-size: 15px; margin-top:5px;} .ben-profil .ben-search .ui-autocomplete .ui-menu-item:hover {background-color: #8e9ecb;} .ben-profil .ben-search .ui-autocomplete .ui-menu-item a {color:#474c47;} .ben-profil .ben-search .ui-autocomplete .ui-menu-item a .ben-autosearch-term {font-family: 'Proxima Nova W08 Bd';color: #8e9ecb;} .ben-profil .ben-search .ui-autocomplete .ui-menu-item:hover a {color:#ffffff;} .ben-profil .ben-search .ui-autocomplete .ui-menu-item:hover a .ben-autosearch-term {color: #ffffff;} .ben-profil .ben-open-signup { height:38px; background-color: #8E9ECB; text-align: center; color:#ffffff; padding-top: 8px; cursor: pointer; } .ben-addtofavourite-socialshare{position:fixed;right:0;top:135px;} .ben-addtofavourite-socialshare .ben-share-to-social{width:48px;min-height:48px;background-color:#8E9ECB;border-radius:5px 0 0 0;cursor:pointer;} .ben-addtofavourite-socialshare .ben-share-to-social:before{content:"\e914";color:#ffffff;line-height:48px;text-align:center;font-size:25px;display:block;} .ben-share-to-social .ben-share-to-social-btns{height:0;background-color:#727FA3;overflow:hidden;-webkit-transition-property:height;-webkit-transition-duration:0.4s;transition-property:height;transition-duration:0.4s;} .ben-share-to-social.open .ben-share-to-social-btns{height:96px;-webkit-transition-property:height;-webkit-transition-duration:0.4s;transition-property:height;transition-duration:0.4s;} .ben-share-to-social .ben-icon-facebook{background-color:#ffffff;border-radius:50%;color:#8e9ecb;display:inline-block;float:right;font-size:18px;height:36px;line-height:36px;text-align:center;width:36px;margin:6px;} .ben-share-to-social .ben-icon-facebook:hover{color:#35619E;} .ben-share-to-social .ben-icon-twitter{background-color:#ffffff;border-radius:50%;color:#8e9ecb;display:inline-block;float:right;font-size:14px;height:36px;line-height:36px;text-align:center;width:36px;margin:6px;} .ben-share-to-social .ben-icon-twitter:hover{color:#2AA9E0;} .ben-addtofavourite-socialshare .ben-add-to-favourite{width:48px;height:48px;background-color:#8E9ECB;border-radius:0 0 0 5px;} .ben-addtofavourite-socialshare .ben-add-to-favourite:after{content:"\e912";color:#ffffff;line-height:48px;text-align:center;font-size:22px;display:block;} .ben-addtofavourite-socialshare .ben-add-to-favourite.active:after{content:"\e921";} .ben-addtofavourite-socialshare #btnAddFavorite{position:absolute;width:48px;height:48px;background-color:transparent;border:0;font-size:0;} /*---------------------------------------------------------------------- Menu ----------------------------------------------------------------------*/ .ben-menu-icon{cursor:pointer;display:inline-block;line-height:20px;padding:36px 15px;font-size:16px;width: 125px;} .ben-menu-icon:before{content:"\e902";float:left;margin-right:19px;font-size:20px;height:20px;} .ben-menu{color:#ffffff;width:390px;background-color:#5063A3;height:100vh;} .ben-menu-hidden-box{width:390px;overflow:hidden;position:fixed;top:0;left:0;z-index:2;min-height:100%;-webkit-transition-property:left;-webkit-transition-duration:0.4s;transition-property:left;transition-duration:0.4s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .ben-menu-hidden-box.closed{left:-390px;-webkit-transition-property:left;-webkit-transition-duration:0.4s;transition-property:left;transition-duration:0.4s;} .ben-menu .ben-menu-header { height: 95px; background-color: #5063A3; line-height: 40px; font-size: 18px; } .ben-menu .ben-menu-homepage:before { text-align: center; font-size: 22px; left: 0; position: absolute; width: 67px; color: #ffffff; content: "\e90d"; } .ben-menu .ben-menu-homepage { cursor: pointer; padding-left: 67px; margin-top: 24px; float: left; } .ben-menu .ben-menu-close { cursor: pointer; padding-right: 47px; margin-top: 24px; float: right; } .ben-menu .ben-menu-close:after { position: absolute; text-align: center; display: inline-block; color: #ffffff; content: "\e901"; font-size: 11px; width: 47px; } .ben-menu .ben-menuscroll {height: calc(100vh - 95px); padding-right: 0;} .ben-menu .scrollable.gray-skin {padding-right: 0;} .ben-menu .scrollable .scroll-bar.vertical {right: 0px;z-index: 1;} .ben-menu .scrollable .viewport .overview {width:100%;} .ben-menu .ben-menu-body { } .ben-menu .ben-menu-body ul a { display: inline-block; color: #ffffff; width: 88%; } .ben-menu .ben-menu-body > ul { background-color: #7C8DC0; list-style-type: none; } .ben-menu .ben-menu-body > ul > li { /*border-bottom: 1px solid #7B839E;*/ border-bottom: 1px solid #A4AFD3; line-height: 52px; } .ben-menu .ben-menu-body > ul > li:first-child { display: none; } .ben-menu .ben-menu-body > ul > li:last-child { background-color: #5063A3; } .ben-menu .ben-menu-body > ul > li .ben-icon-visit:before { float: left; display: inline-block; width: 67px; content: "\e918"; text-align: center; font-size: 23px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-small-logo:before { float: left; display: inline-block; width: 67px; content: "\e915"; text-align: center; font-size: 22px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-exhibition:before { float: left; display: inline-block; width: 67px; content: "\e933"; text-align: center; font-size: 20px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-show:before { float: left; display: inline-block; width: 67px; content: "\e937"; text-align: center; font-size: 23px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-education:before { float: left; display: inline-block; width: 67px; content: "\e935"; text-align: center; font-size: 14px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-calendar:before { float: left; display: inline-block; width: 67px; content: "\e90c"; text-align: center; font-size: 22px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-info:before { float: left; display: inline-block; width: 67px; content: "\e90e"; text-align: center; font-size: 22px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-support:before { float: left; display: inline-block; width: 67px; content: "\e916"; text-align: center; font-size: 19px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-research:before { float: left; display: inline-block; width: 67px; content: "\e936"; text-align: center; font-size: 23px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-publication:before { float: left; display: inline-block; width: 67px; content: "\e910"; text-align: center; font-size: 23px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-multimedia:before { float: left; display: inline-block; width: 67px; content: "\e90f"; text-align: center; font-size: 22px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-eshop:before { float: left; display: inline-block; width: 67px; content: "\e934"; text-align: center; font-size: 24px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon-search:before { float: left; display: inline-block; width: 67px; content: "\e904"; text-align: center; font-size: 22px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .ben-icon- { display: inline-block; padding-left: 67px; } .ben-menu .ben-menu-body > ul > li .ben-icon-afieroma:before { float: left; display: inline-block; width: 67px; content: "\e90f"; text-align: center; font-size: 24px; color: #EDEFF6; } .ben-menu .ben-menu-body > ul > li .open-submenu { cursor: pointer; display: inline-block; height: 50px; width: 11%; text-align: center; float: right; } .ben-menu .ben-menu-body > ul > li .open-submenu:before { color: #A6ADC4; content: "\e80a"; font-size: 14px; } .ben-menu .ben-menu-body > ul > li .open-submenu.active:before { content: "\e809"; font-size: 8px; } .ben-menu .ben-menu-body > ul > li > ul { background-color: #7c8dc0; } .ben-menu .ben-menu-body > ul > li > ul > li { border-top: 1px solid #a4afd3; line-height: 26px; padding: 12px 0 12px 25px; } .ben-menu .ben-menu-body > ul > li:hover { background-color: #ffffff; color:#5063A3; } .ben-menu .ben-menu-body > ul > li:hover > a { color:#5063A3; } .ben-menu .ben-menu-body > ul > li:hover > a > span:before { color:#5063A3; } .ben-menu .ben-menu-body > ul > li.current { background-color: #ffffff; color:#5063A3; } .ben-menu .ben-menu-body > ul > li.current > a { color:#5063A3; } .ben-menu .ben-menu-body > ul > li.current > a > span:before { color:#5063A3; } .ben-menu .ben-menu-body > ul > li.active { background-color: #5063A3; color: #ffffff; } .ben-menu .ben-menu-body > ul > li.active a { color: #ffffff; } .ben-menu .ben-menu-body > ul > li.active > a > span:before { color:#A6ADC4; } .ben-menu .ben-menu-body > ul > li > ul > li:hover { background-color: #ffffff; color: #5063A3; } .ben-menu .ben-menu-body > ul > li > ul > li:hover a { color: #5063A3; } .ben-menu .ben-menu-body ul li.ben-menu-redbox{background-color:#C2272D;} .ben-menu .ben-menu-body ul li.ben-menu-redbox:hover{background-color:#c1888a;} .ben-menu .ben-menu-social{display:inline-block;text-align:center;width:100%;} .ben-menu .ben-menu-social a { display: inline-block; } .ben-menu .ben-menu-social a:after { float: right; display: inline-block; color: #ffffff; cursor: pointer; margin: 21px 8px; border: 1px solid #ffffff; text-align: center; width: 36px; border-radius: 50%; height: 36px; line-height: 32px;} .ben-menu .ben-menu-social a:hover:after {background-color: #ffffff; transition: all 0.3s ease 0s;} .ben-menu .ben-menu-social .ben-icon-facebook:after { content: "\e908"; font-size: 18px;} .ben-menu .ben-menu-social .ben-icon-facebook:hover:after { color: #35619E;} .ben-menu .ben-menu-social .ben-icon-twitter:after { content: "\e909"; font-size: 14px;} .ben-menu .ben-menu-social .ben-icon-twitter:hover:after { color: #2AA9E0;} .ben-menu .ben-menu-social .ben-icon-youtube:after { content: "\e91c"; font-size: 18px;} .ben-menu .ben-menu-social .ben-icon-youtube:hover:after { color: #E52D27;} .ben-menu .ben-menu-social .ben-icon-flickr:after { content: "\e91d"; font-size: 8px;} .ben-menu .ben-menu-social .ben-icon-flickr:hover:after { color: #FF0084;} .ben-menu .ben-menu-social .ben-icon-instagram:after { content: "\e90a"; font-size: 15px;} .ben-menu .ben-menu-social .ben-icon-instagram:hover:after {color: #5081A2; } .ben-menu .ben-menu-social .ben-icon-pinterest:after { content: "\e90b"; font-size: 18px;} .ben-menu .ben-menu-social .ben-icon-pinterest:hover:after {color: #CC1F29; } /*---------------------------------------------------------------------- Full Slider ----------------------------------------------------------------------*/ #fullwidthslider { background-image: url("../images/black-loader.svg");background-repeat: no-repeat;background-position: center; background-size: 80px; } #fullwidthslider .slide{ overflow: hidden; height: calc(100vh - 214px); min-height: 300px; max-height: 1000px; background-size: cover; position: relative; } #fullwidthslider .img-slider {min-height:100%;min-width: 100%;position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #fullwidthslider .ben-category { line-height: 26px; padding: 0 15px; display: inline-block; border: 1px solid #8E9ECB; } #fullwidthslider .ben-slider-details { background-color: rgba(255, 255, 255, 0.88); border-bottom: 6px solid #8e9ecb; display: inline-block; margin-left: 229px; padding: 17px 15px; position: absolute; top: 13px; width: 300px; min-height: 300px; } #fullwidthslider .ben-slider-details .ben-box-title { line-height: 28px; font-size: 24px; color: #484D48; min-height: 56px; max-height: 141px; overflow: hidden; } #fullwidthslider .ben-slider-details .ben-box-building { line-height: 20px; margin-top: 27px; color: #484D48; } #fullwidthslider .ben-slider-details .ben-button-icons { position: absolute; bottom: 30px; right: 20px; } #fullwidthslider button { border: 0; top: 40%; position: absolute; height: 48px; width: 36px; background-color: white; z-index: 1; } #fullwidthslider .slick-next { right: 0; border-radius: 24px 0 0 24px; } #fullwidthslider .slick-next:after { content: "\e80a"; height: 18px; line-height: 48px; } #fullwidthslider .slick-prev { left: 0; border-radius: 0 24px 24px 0; } #fullwidthslider .slick-prev:after { content: "\e808"; height: 18px; line-height: 48px; } #fullwidthslider.bena-edu .slide { height: calc(100vh - 262px);} .ben-fullslider-static-details { bottom: 46px; margin-left: 30px; position: absolute; background-color: rgba(255, 255, 255, 0.88); border-bottom: 6px solid #8e9ecb; padding: 20px 26px; width: 514px; } #fullwidthslider.bena-edu .ben-slider-details { color:#484d48; background-color: rgba(255, 201, 13, 0.92); width: 514px; border-bottom: 0; } #fullwidthslider.bena-edu .ben-category {border:1px solid #484d48;} #fullwidthslider.bena-edu .ben-slider-details .ben-button-icons { color: #484d48; bottom: 30px; position: absolute; right: 20px; } .ben-fullslider-static-details.bena-building-colorid-1 { border-bottom: 6px solid #444d68; } .ben-fullslider-static-details.bena-building-colorid-2 { border-bottom: 6px solid #90bfaf; } .ben-fullslider-static-details.bena-building-colorid-3 { border-bottom: 6px solid #30614f; } .ben-fullslider-static-details.bena-building-colorid-4 { border-bottom: 6px solid #620360; } .ben-fullslider-static-details.bena-building-colorid-5 { border-bottom: 6px solid #7a2e00; } .ben-fullslider-static-details.bena-building-colorid-6 { border-bottom: 6px solid #aed472; } .ben-fullslider-static-details.bena-building-colorid-7 { border-bottom: 6px solid #f26c4e; } .ben-fullslider-static-details.bena-building-colorid-8 { border-bottom: 6px solid #562636; } .ben-fullslider-static-details.bena-building-colorid-9 { border-bottom: 6px solid #779fc3; } .ben-fullslider-static-details.bena-building-colorid-1 #visit_details_btn {border: 1px solid #444d68; color: #444d68;} .ben-fullslider-static-details.bena-building-colorid-2 #visit_details_btn {border: 1px solid #90bfaf; color: #90bfaf;} .ben-fullslider-static-details.bena-building-colorid-3 #visit_details_btn {border: 1px solid #30614f; color: #30614f;} .ben-fullslider-static-details.bena-building-colorid-4 #visit_details_btn {border: 1px solid #620360; color: #620360;} .ben-fullslider-static-details.bena-building-colorid-5 #visit_details_btn {border: 1px solid #7a2e00; color: #7a2e00;} .ben-fullslider-static-details.bena-building-colorid-6 #visit_details_btn {border: 1px solid #aed472; color: #aed472;} .ben-fullslider-static-details.bena-building-colorid-7 #visit_details_btn {border: 1px solid #f26c4e; color: #f26c4e;} .ben-fullslider-static-details.bena-building-colorid-8 #visit_details_btn {border: 1px solid #562636; color: #562636;} .ben-fullslider-static-details.bena-building-colorid-9 #visit_details_btn {border: 1px solid #779fc3; color: #779fc3;} .ben-fullslider-static-details.bena-building-colorid-1 .ben-collection-virtualtour { border-left: 1px solid #444d68; color: #444d68;} .ben-fullslider-static-details.bena-building-colorid-2 .ben-collection-virtualtour { border-left: 1px solid #90bfaf; color: #90bfaf;} .ben-fullslider-static-details.bena-building-colorid-3 .ben-collection-virtualtour { border-left: 1px solid #30614f; color: #30614f;} .ben-fullslider-static-details.bena-building-colorid-4 .ben-collection-virtualtour { border-left: 1px solid #620360; color: #620360;} .ben-fullslider-static-details.bena-building-colorid-5 .ben-collection-virtualtour { border-left: 1px solid #7a2e00; color: #7a2e00;} .ben-fullslider-static-details.bena-building-colorid-6 .ben-collection-virtualtour { border-left: 1px solid #aed472; color: #aed472;} .ben-fullslider-static-details.bena-building-colorid-7 .ben-collection-virtualtour { border-left: 1px solid #f26c4e; color: #f26c4e;} .ben-fullslider-static-details.bena-building-colorid-8 .ben-collection-virtualtour { border-left: 1px solid #562636; color: #562636;} .ben-fullslider-static-details.bena-building-colorid-9 .ben-collection-virtualtour { border-left: 1px solid #779fc3; color: #779fc3;} {} @media print { .ben-header { position: absolute;} .ben-menu-hidden-box { position: absolute;} } /*---------------------------------------------------------------------- Body ----------------------------------------------------------------------*/ /*.menu-buildings { list-style-type: none; margin-bottom: 40px; margin-top: 25px; } .menu-buildings li { display: table-cell; width: 162px; border-right: 1px solid #7c849f; height: 44px; vertical-align: middle; text-align: center; position: relative; } .menu-buildings li:first-child { border-left: 1px solid #7c849f; } .menu-buildings li a { color: #474c47; display: block; padding: 0 4px; line-height: 18px; } .menu-buildings > li > a > span { top: 0; -webkit-transition-property: top; -webkit-transition-duration: 0.2s; transition-property: top; transition-duration: 0.2s; } .menu-buildings > li:hover > a > span { position: absolute; width: 100%; top: -70px; height: 45px; left: 0; padding: 5px 4px 0; background-color: #ffffff; -webkit-transition-property: top; -webkit-transition-duration: 0.2s; transition-property: top; transition-duration: 0.2s; } .menu-buildings > li > a > img { border-bottom: 6px solid #8e9ecb; position: absolute; width: 100%; left: 0; top: -25px; opacity: 0; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; transition-property: opacity; transition-duration: 0.2s; } .menu-buildings li:nth-child(1) > a > img { border-bottom: 6px solid #444d68; } .menu-buildings li:nth-child(2) > a > img { border-bottom: 6px solid #90bfaf; } .menu-buildings li:nth-child(3) > a > img { border-bottom: 6px solid #30614f; } .menu-buildings li:nth-child(4) > a > img { border-bottom: 6px solid #620360; } .menu-buildings li:nth-child(5) > a > img { border-bottom: 6px solid #7a2e00; } .menu-buildings li:nth-child(6) > a > img { border-bottom: 6px solid #aed472; } .menu-buildings li:nth-child(7) > a > img { border-bottom: 6px solid #f26c4e; } .menu-buildings li:nth-child(8) > a > img { border-bottom: 6px solid #562636; } .menu-buildings > li:hover > a > img { opacity: 1; -webkit-transition-property: opacity; -webkit-transition-duration: 0.8s; transition-property: opacity; transition-duration: 0.8s; } .menu-buildings li:before { border-left: 15px solid #fff; border-right: 15px solid #fff; content: " "; height: 8px; left: 0; position: absolute; top: -10px; width: 100%; } .menu-buildings li:nth-child(1):before {background-color:#444d68;} .menu-buildings li:nth-child(2):before {background-color:#90bfaf;} .menu-buildings li:nth-child(3):before {background-color:#30614f;} .menu-buildings li:nth-child(4):before {background-color:#620360;} .menu-buildings li:nth-child(5):before {background-color:#7a2e00;} .menu-buildings li:nth-child(6):before {background-color:#aed472;} .menu-buildings li:nth-child(7):before {background-color:#f26c4e;} .menu-buildings li:nth-child(8):before {background-color:#562636;} .menu-buildings li:hover:before {background-color: transparent;}*/ #fullwidthslider {background-color: #2c2c2c;} .menu-buildings {position:relative;height:155px;margin-top: -45px;width: calc(100% - 2px);} .menu-buildings .slick-list {height:155px;} .menu-buildings li {margin-top:70px;width:162px;height: 44px;position: relative;} .menu-buildings li a {display:table;width:100%;color: #474c47;border-right: 1px solid #7c849f; height: 100%;position: relative;} .menu-buildings li a span {vertical-align:middle;display:table-cell;height: 45px; padding: 0 4px;width: 100%;text-align: center; background-color: #ffffff; top: 0; -webkit-transition-property: top; -webkit-transition-duration: 0.2s; transition-property: top; transition-duration: 0.2s; } .menu-buildings li:hover a span {height: 45px; left: 0; top: -70px; position: absolute; -webkit-transition-property: top; -webkit-transition-duration: 0.2s; transition-property: top; transition-duration: 0.2s; } .menu-buildings li img {position: absolute;width: 100%;top: -25px;opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.8s; transition-property: opacity; transition-duration: 0.8s; } .menu-buildings li:hover img {opacity:1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.8s; transition-property: opacity; transition-duration: 0.8s;} /*.menu-buildings li > a > img { border-bottom: 6px solid #444d68; } .menu-buildings li:nth-child(1) > a > img { border-bottom: 6px solid #90bfaf; } .menu-buildings li:nth-child(2) > a > img { border-bottom: 6px solid #30614f; } .menu-buildings li:nth-child(3) > a > img { border-bottom: 6px solid #620360; } .menu-buildings li:nth-child(4) > a > img { border-bottom: 6px solid #7a2e00; } .menu-buildings li:nth-child(5) > a > img { border-bottom: 6px solid #f26c4e; } .menu-buildings li:nth-child(6) > a > img { border-bottom: 6px solid #779fc3; } .menu-buildings li:nth-child(7) > a > img { border-bottom: 6px solid #aed472; } .menu-buildings li:nth-child(8) > a > img { border-bottom: 6px solid #7c849f; } .menu-buildings li:nth-child(9) > a > img { border-bottom: 6px solid #562636; }*/ .menu-buildings li > a > img { border-bottom: 6px solid #562636; } /*delta*/ .menu-buildings li:nth-child(1) > a > img { border-bottom: 6px solid #444d68; } /*kentriko*/ .menu-buildings li:nth-child(2) > a > img { border-bottom: 6px solid #90bfaf; } /*peiraiws*/ .menu-buildings li:nth-child(3) > a > img { border-bottom: 6px solid #30614f; } /*islamiko*/ .menu-buildings li:nth-child(4) > a > img { border-bottom: 6px solid #620360; } /*ghika*/ .menu-buildings li:nth-child(5) > a > img { border-bottom: 6px solid #7a2e00; } /*giannnis papas*/ .menu-buildings li:nth-child(6) > a > img { border-bottom: 6px solid #f26c4e; } /*paixnidion*/ .menu-buildings li:nth-child(7) > a > img { border-bottom: 6px solid #779fc3; } /*fermor*/ .menu-buildings li:nth-child(8) > a > img { border-bottom: 6px solid #aed472; } /*nima*/ .menu-buildings li:nth-child(9) > a > img { border-bottom: 6px solid #7c849f; } /*syl.valadorou*/ .menu-buildings li:before { background-color:#562636;border-left: 15px solid #fff; border-right: 15px solid #fff; content: " "; height: 8px; left: 0; position: absolute; top: -10px; width: 100%; } .menu-buildings li:nth-child(1):before {background-color:#444d68;} .menu-buildings li:nth-child(2):before {background-color:#90bfaf;} .menu-buildings li:nth-child(3):before {background-color:#30614f;} .menu-buildings li:nth-child(4):before {background-color:#620360;} .menu-buildings li:nth-child(5):before {background-color:#7a2e00;} .menu-buildings li:nth-child(6):before {background-color:#f26c4e;} .menu-buildings li:nth-child(7):before {background-color:#779fc3;} .menu-buildings li:nth-child(8):before {background-color:#aed472;} .menu-buildings li:nth-child(9):before {background-color:#7c849f;} .menu-buildings li:hover:before {background-color: transparent!important;} .menu-buildings button { border: 0; top: 64px; position: absolute; height: 48px; width: 48px; background-color: white; z-index: 1; } .menu-buildings .slick-next { right: -48px; } .menu-buildings .slick-next:after { content: "\e80a"; height: 18px; line-height: 48px; } .menu-buildings .slick-prev { left: -48px; } .menu-buildings .slick-prev:after { content: "\e808"; height: 18px; line-height: 48px; } .menu-buildings .slick-disabled {opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; transition-property: opacity; transition-duration: 0.2s; } .ben-scroll-down { position: relative; margin: 0 auto; width: 48px; } .ben-scroll-down:after { content: "\e91b"; font-size: 12px; color: #8E9ECB; line-height: 48px; width:48px; height:48px; position: absolute; text-align: center; top: -125px; background: linear-gradient(to bottom, #E1E2E7 0%,#ffffff 100%); border-radius: 50%; display: block; cursor: pointer; left:0; -webkit-transition-property: width, height, top, line-height, left, font-size; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: width, height, top, line-height, left, font-size; transition-duration: 0.4s; } .ben-scroll-down:hover:after { font-size: 17px; line-height: 57px; width:57px; height:57px; top: -130px; left: -5px; -webkit-transition-property: width, height, top, line-height, left, font-size; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: width, height, top, line-height, left, font-size; transition-duration: 0.4s; } .ben-news-box { height: 180px; border-bottom: 1px solid #8E9ECB; padding: 15px 0; } .ben-news-box .ben-image { height: 100%; overflow: hidden; border-right: 5px solid #8E9ECB; } .ben-news-box .ben-image .item-image { width: 100%; } .ben-news-box .ben-image img { width: 100%; } .ben-news-box .ben-button-icons { margin-top: 120px; margin-right: -15px; } .ben-carousel-container { height: 391px; background-color: #F1F1F1; } .ben-carousel-container .container { position: relative; } .ben-sponsorsgroup li { display: inline-block; margin-right: 28px; margin-bottom: 20px; } .ben-sponsorsgroup li img { /*max-height: 80px; */ } .ben-hr-top { border-top: 1px solid #eeeeee; } .bena-hr-black { border-top: 1px solid #202620; } .ben-hr-blue { border-top: 1px solid #8e9ecb; } .ben-line { border-top: 1px dashed #202620; } .ben-line-blue { border-top: 1px dashed #8e9ecb; } .ben-line-blue-big { border-bottom: 6px solid #8e9ecb; } .ben-banner-title { margin-top: 20px; padding-top: 20px; padding-bottom: 20px; } .ben-espa.moduletable { border-top: 1px solid #eeeeee; margin: 20px 0; padding-top: 20px; } .ben-member-imagebox{ border-right: 1px solid #8E9ECB; height: 382px; } .ben-member-imagebox .text { text-align: center; font-size: 24px; } .ben-member-categories-title { padding: 10px 0; text-transform: uppercase; } .ben-accordion .title{} .ben-accordion .title > div{color:#8495c5;cursor:pointer;padding-bottom:15px;} .ben-accordion .title > div > h2{display:inline;line-height:28px;} .ben-accordion.closed .title > div{color:#474C47;} .ben-accordion .title > div:after{color:#8495c5;content:"\e91e";float:right;font-size:18px;line-height:25px;} .ben-accordion.closed .title > div:after{content:"\e91f";} .ben-accordion .text{} .ben-accordion.closed .text{border:0;} .ben-addtocalendar { line-height: 35px; padding-right: 7px; } .ben-addtocalendar:before { color: #a6adc4; content: "\e90c"; display: inline-block; float: left; font-size: 22px; width: 35px; text-align: center; } .ben-tag-title { display: inline-block; font-size: 14px; } .ben-tags{font-size:14px;margin-bottom:35px;margin-top:25px;display:inline-block} .ben-tags .ben-tag{border:1px solid #cacbca;border-radius:5px;color:#b0b2b0;display:inline-block;line-height:24px;padding:0 10px;} .bena-tag-add{font-size:14px;border-radius:5px;display:inline-block;line-height:24px;padding:0 10px;margin-bottom:35px;margin-top:25px;} .ben-pagination {text-align: center;} .ben-pagination ul {display: inline-block;margin: 10px 0 5px;} .ben-pagination ul li {margin:3px;display: inline-block;height: 36px;width:36px;border: 1px solid #CACBCA;float: left;border-radius: 50%;line-height: 34px;} .ben-pagination ul li:first-child , .ben-pagination ul li:last-child {border: 0;} .ben-pagination ul li a {color:#777779;display: inline-block; font-size: 20px; height: 100%; width: 100%;} .ben-pagination ul li a .ben-icons {float: left; font-size: 10px; line-height: 34px; width: 34px;color: #8E9ECB;} .ben-pagination ul li.active {border: 1px solid #8E97B6;background-color: #8E9ECB;} .ben-pagination ul li.active a {color: #ffffff;} .ben-pagination ul li:hover {border: 1px solid #8E97B6;background-color: #8E9ECB;} .ben-pagination ul li.disabled:hover {border: 0;background-color: transparent;} .ben-pagination ul li:hover a {color: #ffffff;} .ben-pagination ul li:hover a .ben-icons {color: #ffffff;} .ben-limit-box-text { color: #b0b2b0; display: inline-block; font-size: 12px; left: -27px; line-height: 14px; position: absolute; text-align: right; top: 18px; width: 92px; } .ben-limit-box { float: right;margin: 15px 0; } .ben-limit-box li {display: inline-block; float: left;} .ben-limit-box li a { display: inline-block;color: #B0B2B0; width: 32px; height: 32px; margin: 1px;line-height: 32px;text-align: center} .ben-limit-box li.ben-active a {color: #ffffff;background-color: #8E9ECB;} .ben-limit-box li:hover a {color: #ffffff;background-color: #8E9ECB;} .ben-filters-ordering-box {position: relative;} .ben-filters-ordering-text {display: inline-block;} .ben-filters-ordering {display: inline-block;z-index: 1;} .ben-filters-ordering li {display: none;} .ben-filters-ordering li.active {display: inline-block;} .ben-filters-ordering li.active:after { content: "\e805";font-size: 6px;display: inline-block;float: right;line-height: 23px;padding-left: 14px; } .ben-filters-ordering:hover {padding: 6px 7px;background-color: #ffffff; border: 1px solid; position: absolute; right: 0;} .ben-filters-ordering:hover li {display: block;} .ben-filters-ordering:hover li.active:after { display: none;} .ben-filters-ordering:hover li a {padding: 6px 5px;display: block;text-align: center;} .ben-filters-ordering:hover li:hover a {background-color: #8E9FCB;color: #ffffff;} .ben-collection-building { display: inline-block; } .bena-360-down {height:500px;position: relative;} .bena-360-down .ben-collection-virtualtour { position: absolute; bottom: 0; } .ben-collection-virtualtour { height:132px; padding: 10px 0 0 15px; border-left: 1px solid #8E9ECB; display: block; } .ben-collection-virtualtour .ben-icons { font-size: 32px; } .ben-collection-catalogue { height:80px; padding: 10px 0 0 15px; border-left: 1px solid #8E9ECB; display: block; } .ben-collection-catalogue .ben-text { line-height: 14px; } .ben-collection-catalogue .ben-year { line-height: 26px; } .ben-collection-catalogue .ben-icons { font-size: 26px; line-height: 26px; } .ben-show-more .ben-more-btn {display: inline-block;cursor: pointer;} .ben-show-more .ben-more-btn:after {content: "\e91b";color: #ffffff;float: right;width: 18px;height:18px;border-radius: 50%;background-color: #8E9ECB;font-size: 8px;line-height: 8px;text-align: center; margin-left: 5px; margin-top: 3px; padding-top: 6px;} .ben-show-more .ben-less-btn {display: inline-block;cursor: pointer;} .ben-show-more .ben-less-btn:after {content: "\e924";color: #ffffff;float: right;width: 18px;height:18px;border-radius: 50%;background-color: #8E9ECB;font-size: 8px;line-height: 8px;text-align: center; margin-left: 5px; margin-top: 3px; padding-top: 4px;} .ben-filter-menu-container {position: relative;text-align:center;height: 60px;border-top: 1px solid #969896;border-bottom: 1px solid #969896;} .ben-filter-menu {display: inline-block;text-align: center;height:58px; } .ben-filter-menu > li {display: inline-block;cursor:pointer;} .ben-filter-menu > li > span {cursor:pointer;display: inline-block;line-height: 23px;padding: 17px;font-size: 15px;} .ben-filter-menu > li.active > span {color:#9FADD3;} .ben-filter-menu > li > span:hover {color:#9FADD3;} .ben-filter-menu > li > span:after {content: "\e805";float: right;font-size: 6px;line-height: 23px;width:19px;} .ben-filter-terms-container {height: auto;margin-bottom: 10px;display:block;padding: 0 35px; text-align: center;background-color:#8E9ECB; line-height: 25px;} .ben-filter-terms-container > li {cursor:pointer;display: inline-block; font-size: 16px;color: #ffffff;padding-right: 10px; text-transform: uppercase;} .ben-filter-terms-container > li:after { content: "\e901";float: right;font-size: 9px;line-height: 25px;width:19px;} .ben-filters-items .ben-filter-terms-container {left: 0; position: absolute; top: -25px; width: 100%} .ben-filter-menu > li .ben-filters-items {opacity:0;pointer-events: none; z-index:1;left: 0; position: absolute; width: 100%;background-color:#9FADD3; padding: 10px; } .ben-filter-menu > li .ben-filter-footer {z-index:1;display:none;background-color: #8e9ecb; height: 52px; left: 0; position: absolute; text-align: center; top: 227px; width: 100%;} .ben-filter-menu > li .ben-filter-footer a {display:inline-block ;border: 1px solid #ffffff; color: #ffffff;background-color: transparent;line-height: 26px;font-size: 13px;margin: 13px 8px;min-width: 130px;padding: 0 10px;} .ben-filters-time {line-height: 150px;} .ben-filters-time .ben-filter-yearinput {border: 0 none; font-size: 25px; height: 53px; line-height: 53px; text-align: center; width: 100px;} .ben-filters-time .ben-filter-yearlaybel {font-size: 25px;padding: 20px;} .ben-filters-time .ben-filter-timeline {margin-left: 15px;float: right; font-size: 3px; line-height: 20px;} .ben-filter-menu > li.active .ben-filters-items, .ben-filter-menu > li.active .ben-filter-footer {display: block;opacity:1;pointer-events: auto;} .ben-filter-single-li:first-child { border-left: 1px solid #969896; } .ben-filter-single-li { border-right: 1px solid #969896; display: inline-block; height: 100%; line-height: 58px; cursor: pointer; float: left; } .ben-filter-single-li .ben-filter-single-item { color: #474c47; display: block; font-size: 14px; line-height: 20px; padding: 19px 50px; } .ben-filter-single-li.active .ben-filter-single-item { background-color: #8e9ecb; color: #ffffff; } .ben-filter-single-li:hover .ben-filter-single-item { background-color: #8e9ecb; color: #ffffff; } .bena-filter-customscroll {height: 150px;width: 1120px; } .bena-filter-customscroll.scrollable.gray-skin { padding-right: 0; } .bena-filter-customscroll.scrollable .scroll-bar.vertical { right: 0; } .ben-filters-items .ben-box-section {width: 1120px;} .ben-filters-items .ben-box-section li {text-align: left;display: inline-block; font-size: 16px;line-height: 25px;color: #ffffff;} /*.ben-filters-items .ben-box-section li span {color: #ffffff;padding: 5px;}*/ .ben-filters-items .ben-box-section li span {color: #ffffff;} .ben-filters-items .ben-box-section li span:before {content: "-"; margin: 0 5px;} .ben-filters-items .ben-box-section li span:hover {color: #9FADD3;background-color: #ffffff;} .ben-filters-items .ben-box-section li.active span {color: #9FADD3;background-color: #ffffff;} .ben-filters-items .bena-year-abc {display: inline-block;float: right;} .ben-filters-items .bena-year-abc li { cursor:pointer;margin-left: 18px; background-color: #ffffff; color:#8E9ECB; font-size: 25px; height: 53px; line-height: 53px; text-align: center; width: 100px;} .ben-filters-items .bena-year-abc li.active {display: inline-block;} .ben-filters-items .bena-year-abc li.disabled {display: none;} .ben-mybenaki {position: relative;} .ben-header-mybenaki {background-color:rgba(142,158,203,0.9); height:72px;bottom: 0;position: absolute; width: 100%;} .ben-header-mybenaki h1 {padding:0; font-size: 42px;text-align: center;line-height: 72px;} .ben-body-mybenaki h2 { font-size: 42px;} .ben-header-mybenaki .ben-profil-photo {overflow: hidden; height: 125px;width:125px;border-radius: 50%; margin-top: 5px;margin-left: -15px;position: absolute; } .ben-header-mybenaki .ben-username { margin-left: 130px; margin-top: 20px;font-size: 24px;} .ben-mybenaki-menu {list-style-type: none;margin-left:125px; border-bottom: 1px solid #969896;border-top: 1px solid #969896;height:60px;text-align: center;} .ben-mybenaki-menu ul {display: inline-block;} .ben-mybenaki-menu ul li {float:left;font-size: 16px;} .ben-mybenaki-menu ul li a {color:#474C47;line-height: 18px; padding: 20px;display: inline-block;} .ben-mybenaki-menu ul li.active {background-color: #8E9ECB;} .ben-mybenaki-menu ul li.active a {color: #ffffff;} .ben-mybenaki-menu ul li:hover {background-color: #8E9ECB;} .ben-mybenaki-menu ul li:hover a {color: #ffffff;} .ben-body-mybenaki .ben-profil-photo {overflow: hidden; height: 78px;width:78px;border-radius: 50%; margin-top: 5px;padding: 0;} .ben-body-mybenaki .ben-profil-photo img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);min-height: 100%; max-height: 78px;} .ben-form-label {display: block;font-family: "Proxima Nova W08 Light";font-size: 16px;} input.ben-input-field {background-color: #f1f1f1; border: 0 none; height: 45px; padding: 0 0 0 10px; width: 100%; } .ben-input-field input{background-color: #f1f1f1; border: 0 none; height: 45px; padding: 0 0 0 10px; width: 100%; } .ben-checkbox-field [type="checkbox"]:not(:checked), .ben-checkbox-field [type="checkbox"]:checked { position: absolute; left: -9999px; } .ben-checkbox-field [type="checkbox"]:not(:checked) + label { background-color: #f1f1f1; height: 45px; padding-left: 10px; line-height: 45px; color: #969896; cursor: pointer; display: block; -webkit-transition-property: padding-left; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: padding-left; transition-duration: 0.4s; } .ben-checkbox-field [type="checkbox"]:checked + label { background-color: #8E9ECB; height: 45px; color: #ffffff; padding-left: 40px; line-height: 45px; cursor: pointer; -webkit-transition-property: padding-left; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: padding-left; transition-duration: 0.4s; display: block; } .ben-checkbox-field [type="checkbox"]:not(:checked) + label:before { content: "\e91a"; float: left; font-size: 17px; position: absolute; left: -2px; color: transparent; -webkit-transition-property: left; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: left; transition-duration: 0.4s; display: block; } .ben-checkbox-field [type="checkbox"]:checked + label:before { content: "\e91a"; left: 25px; color: #ffffff; float: left; font-size: 17px; position: absolute; -webkit-transition-property: left; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: left; transition-duration: 0.4s; } .ben-checkbox-field [type="checkbox"]:disabled:not(:checked) + label:before, .ben-checkbox-field [type="checkbox"]:disabled:checked + label:before, .ben-checkbox-field [type="checkbox"]:disabled + label { box-shadow: none; border-color: #bbb; background-color: #ddd; cursor: not-allowed; } .ben-mybenaki-newsletterbox {background-color: #8f9fcc;height: 145px;margin-top: 53px;overflow: hidden;position: relative;} .ben-mybenaki-newsletterbox .ben-newsletter-logo:after {font-size:464px;color:#7d8fc1;content: "\e905";line-height: 204px;left:-223px;float:left;height: 145px;position: absolute;} .ben-mybenaki-newsletterbox .ben-mybenaki-newsletterbox-text {display: inline-block; margin: 33px 0 0 20px;width:260px;float: left;line-height: 28px;z-index: 1;position: relative;} .ben-mybenaki-newsletterbox [type="checkbox"]:not(:checked), .ben-mybenaki-newsletterbox [type="checkbox"]:checked { position: absolute; left: -9999px; } .ben-mybenaki-newsletterbox [type="checkbox"]:not(:checked) + label, .ben-mybenaki-newsletterbox [type="checkbox"]:checked + label { position: relative; padding-right: 42px; cursor: pointer; color:#ffffff; } .ben-mybenaki-newsletterbox [type="checkbox"]:not(:checked) + label:before, .ben-mybenaki-newsletterbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; right: 0; top: 72px; width: 42px; height: 42px; border: 1px solid #ffffff; } .ben-mybenaki-newsletterbox [type="checkbox"]:not(:checked) + label:after, .ben-mybenaki-newsletterbox [type="checkbox"]:checked + label:after { content: '\e91a'; font-size: 40px; right: 1px; line-height: 42px; position: absolute; top: 72px; color: #ffffff; transition: all .2s; } .ben-mybenaki-newsletterbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .ben-mybenaki-newsletterbox [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .ben-mybenaki-newsletterbox [type="checkbox"]:disabled:not(:checked) + label:before, .ben-mybenaki-newsletterbox [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .ben-mybenaki-newsletterbox [type="checkbox"]:disabled:checked + label:after { color: #999; } .ben-mybenaki-newsletterbox [type="checkbox"]:disabled + label { color: #aaa; } .ben-mybenaki-newsletterbox [type="checkbox"]:checked:focus + label:before, .ben-mybenaki-newsletterbox [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted #ffffff; } .ben-mybenaki-newsletterbox label:hover:before { border: 1px solid #ffffff !important; } .ben-mybenaki-newsletterbox .ben-eventcolor { width: 15px; height: 15px; margin: 4px 0 0 20px; } .ben-checkbox .ben-eventcolor { width: 15px; height: 15px; margin: 4px 0 0 20px; } .ben-input-boxes {height: 80px;} .ben-tags-table{ line-height: 0; -webkit-column-count: 6; -webkit-column-gap: 0px; -moz-column-count: 6; -moz-column-gap: 0px; column-count: 6; column-gap: 0px; } .ben-tags-table h3 { line-height: 20px; font-size: 30px; margin-bottom: 10px; color: #8E9ECB; } .ben-tags-table .ben-tag { border: 1px solid #cacbca; border-radius: 5px; color: #b0b2b0; display: inline-block; line-height: 24px; padding: 0 10px; margin-bottom: 10px; } .ben-tags-table > ul { list-style-type: none; max-width: 188px; margin-bottom: 20px; display:table; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .ben-filter-box-view {font-size: 14px;margin:20px 5px; color:#C1C3C1;line-height: 54px;} .ben-filter-box-view.active {color:#8E9ECB;} .ben-filter-box-view:hover {color:#8E9ECB;} .ben-filter-details-view {font-size: 14px;margin:20px 5px; color:#C1C3C1;line-height: 54px;} .ben-filter-details-view.active { color:#8E9ECB;} .ben-filter-details-view:hover { color:#8E9ECB;} .ben-filter-results {margin-bottom:30px;display:block;overflow:hidden;position:relative;background-color: #F6F8F7; border: 1px solid #cacbca; height: 264px; line-height: 260px; text-align: center; width: 264px;} .ben-filter-results img {display: inline-block; max-height: 262px; max-width: 262px;margin-top: -4px;} .ben-filter-results-a {display: block;width: 100%;height:100%;} .ben-filter-results .ben-details {position: absolute;height:73px;line-height: 20px; background-color: #8F9ECB;text-align:left;padding: 6px 10px;width:100%;} .ben-filter-results .ben-details {bottom: -73px; -webkit-transition-property: bottom; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: bottom; transition-duration: 0.4s; } .ben-filter-results:hover .ben-details {bottom: 0; -webkit-transition-property: bottom; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: bottom; transition-duration: 0.4s; } .ben-filter-results .ben-results-button {position: absolute;height:42px;line-height: 43px; background-color: rgba(225,226,224,0.8);text-align:right;width:100%;} .ben-filter-results .ben-results-button .bena-addtocollection {color:#8E9ECB;font-size:22px;} .ben-filter-results .ben-results-button .ben-remove-from-collection {color:#8E9ECB;font-size:22px;} .ben-filter-results .ben-results-button .ben-addtofavourite {color:#8E9ECB;font-size:22px;} .ben-filter-results .ben-results-button {top: -42px; -webkit-transition-property: top; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: top; transition-duration: 0.4s; } .ben-filter-results:hover .ben-results-button {top:0; -webkit-transition-property: top; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */ transition-property: top; transition-duration: 0.4s; } .ben-addtag-popup { position:fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(29,29,27,0.8); z-index: 100; display: table; } .ben-addtag-popup-center { display: table-cell; vertical-align: middle; text-align: center; } .ben-addtag-popup-box { width:590px; display: block; background-color: #ffffff; margin: 0 auto; position: relative; } .ben-addtag-popup-box h3{ font-size: 34px; padding: 25px 135px 0; line-height: 42px; } .ben-addtag-popup-text { padding: 0 45px; } .ben-addtag-popup-box .ben-box-purple { bottom: 0; height: 50px; position: absolute; width: 100%; } .ben-addtag-popup-box .ben-input-field { width:275px; margin-bottom: 85px; } .ben-addtag-close { position: absolute; right: 7px; top:9px; width: 26px; height: 26px; border-radius: 50%; background-color: #b0b3b0; cursor: pointer; } .ben-addtag-close:after { content: "\e901"; color: #ffffff; font-size: 11px; line-height: 26px; text-align: center; } .ben-imgwithdetails { position: absolute; top: 10px; } .ben-old-price { background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 2px), rgb(193, 39, 45) 50%, rgba(0,0,0,0) calc(50% + 2px), rgba(0,0,0,0) 100%); } .ben-details-blue { position: relative; float: left; display: block; margin-top: 10px; width: 100%; } .ben-publication-image { width:auto !important; } .ben-publication-sponsor img{ /*max-width: 200px; max-height: 100px; */} .ben-details-blue .left{ background-image: url("../images/publicationsdetails/blue-1.svg"); display: block; height: 49px; left: -19px; position: absolute; top: 0; width: 19px; } .ben-details-blue .main { background-image: url("../images/publicationsdetails/blue-2.svg"); display: inline-block; float: left; height: 49px; color: #ffffff; padding-top: 3px; } .ben-details-blue .right{ background-image: url("../images/publicationsdetails/blue-3.svg"); display: inline-block; float: left; height: 49px; width: 53px; } .ben-details-green { position: relative; float: left; display: block; margin-top: 10px; width: 100%; } .ben-details-green .left{ background-image: url("../images/publicationsdetails/green-1.svg"); display: block; height: 49px; left: -19px; position: absolute; top: 0; width: 19px; } .ben-details-green .main { background-image: url("../images/publicationsdetails/green-2.svg"); display: inline-block; float: left; height: 49px; color: #ffffff; padding-top: 3px; } .ben-details-green .right{ background-image: url("../images/publicationsdetails/green-3.svg"); display: inline-block; float: left; height: 49px; width: 53px; } #visit_details { margin-top: -55px; padding-top: 125px; } #ben-building-map { height:450px; } .ben-chronology-image .ben-fullslider-static-details { margin-left: 10px; bottom: 35px; } .ben-chronology-image-peryear {position: relative;} .ben-chronology-image-peryear img { width: 160px; } .ben-supporter-box { position: relative; } .ben-supporter-box .ben-button { position: absolute; bottom: 10px; right: 15px; } .ben-rooms-table .row:last-child .ben-line { display: none; } .ben-founder-imgbox { float: left; margin-right: 50px; width: 264px; padding-top: 7px; } .ben-founder-imgbox img { width: 100%; } .ben-preview-box {cursor: pointer;display:block;overflow:hidden;position:relative;background-color: #F6F8F7; border: 1px solid #cacbca; height: 245px; line-height: 245px; text-align: center; width: 264px;} .ben-preview-box img {display: inline-block!important; max-height: 262px; max-width: 262px;margin-top: -4px;} .ben-preview-box .ben-preview-box-span {display: block;width: 100%;height:100%;} .ben-modal-box { position: fixed; top:0; height:100%; width:100%; left:0; background-color: rgba(29,29,27,0.8); z-index: 100; line-height: 100%; padding: 50px; } .ben-modal-box img { width:auto; max-width: 90%; width: auto\9; /* ie8 */ position:absolute; left: 50%; top: 44%; transform: translate(-50%, -50%); max-height: 83vh; } .ben-modal-box div.text { text-align: center; font-size: 18px; bottom: 0; color: #ffffff; height: 12%; left: 0; line-height: 20px; position: absolute; width: 100%; padding-left: calc(50% - 570px); padding-right: calc(50% - 570px); } #ben-entry-container{width:925px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:100%;background-color:#ffffff;} #ben-entry-container .ben-yellow-area{height:145px;background-color:#ffca0b;padding-top:33px;margin-bottom:2px;} #ben-entry-container .ben-yellow-area h3{line-height:34px;} #ben-entry-container .ben-yellow-area .ben-plus{height:43px;width:43px;border-radius:50%;background-color:#484848;color:#ffffff;font-size:18px;line-height:43px;text-align:center;display:inline-block;margin:-81px 0 0 495px;} #ben-entry-container .ben-blue-area{background-color:#8f9fcc;height:52px;} #ben-entry-container .ben-blue-area-footer{background-color:#8f9fcc;height:52px;position:absolute;bottom:0;width:100%;left:0;} #ben-entry-container form{padding:0 58px;height:100%;} #ben-entry-container .ben-textarea{height:calc(100vh - 600px);background-color:#f1f1f1;border:0;padding:20px;} #ben-entry-container .ben-contact-textarea{height:200px;background-color:#f1f1f1;border:0;padding:20px;} #ben-entry-container.contact-container .ben-inline-label { width:150px;display:inline-block;} #ben-entry-container.contact-container .ben-inline-input { width:500px;display:inline-block;height:30px;} #ben-entry-container.contact-container .ben-textarea { height: calc(100vh - 700px);} #ben-entry-container.contact-container .ben-textarea.frmtxt { height: calc(100vh - 800px);} #ben-entry-container.contact-container .bena-checkbox { float:left;} #ben-entry-container.contact-container .has_error .ben-inline-input,#ben-entry-container.contact-container .has_error .ben-textarea { border: 1px solid red;} #ben-entry-container.contact-container .has_error .ben-inline-label { color: red;} .ben-file-name { width:240px; height: 32px; border: 0; background-color: #f1f1f1; } .ben-input-file-boxes { position: relative; overflow: hidden; width: 500px; } .ben-input-file-boxes input.ben-input-file-field { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .ben-input-file-boxes label { height:32px; width:103px; background-color: #5f5f5f; color:#e1e2e1; font-size: 12px; line-height: 32px; text-align: center; cursor: pointer; } .ben-input-file-boxes span { line-height: 32px; font-size: 12px; padding-left: 10px; } .ben-modal-box .close { content: "\e901"; color: red; font-size: 100px; left: 0; position: absolute; } .ben-modal-box span { height: 100%; width: 100%; display: table-cell; position: relative; text-align: center; vertical-align: middle; } /*--------------------------------------------------------------------- NEW CSS ----------------------------------------------------------------------*/ .bena-h1 {text-transform: uppercase;font-family:"Proxima Nova W08 Thn Reg";font-size: 42px;line-height: 42px;margin-top:46px; } .bena-forum-icon {background: #8e9ecb url('../images/forum.png') no-repeat; display:inline-block;width: 238px;height: 91px; line-height: 17px; padding: 5px;} .bena-calendar-results { background-color: #D7DAE1; height: 33px; line-height: 33px; text-align: center; margin-bottom:35px ;} .bena-loginnow {cursor: pointer;} .bena-edu-calendar {font-size:81px; line-height: 110px; padding-top: 4px;} .bena-tours-table li {display: table; width:100%;min-height: 39px;} .bena-tours-table li:nth-child(2n+1) {background-color: #f1f1f1;} .bena-tours-table li a {display: table-cell;vertical-align: middle;color:#474c47;line-height: 22px;padding: 8px 15px;} .bena-search-h2 {font-size: 20px;line-height: 48px;background-color:#f1f1f1 ; padding-left: 15px;margin-bottom:21px; } .bena-breadcrumb li {display: inline-block; margin-right: 5px;color: #969896;} .bena-breadcrumb li a {color: #969896;} .bena-breadcrumb li a:hover {color: #474c47;} .bena-user-image-big {background-image: url("../images/photo-profil.png");background-position: center;} .bena-user-image-big img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-collections-letterlist {float:left;display:inline-block;font-family:"Proxima Nova W08 Thn Reg";font-size: 30px;text-align: center;} a.bena-collections-letterlist {color:#8E9ECB;} div.bena-collections-letterlist {color: rgba(142, 158, 203, 0.43); cursor: default;} .bena-collections-letterlist.ben-gr {width:4.1666%;} .bena-collections-letterlist.ben-en {width:3.8461%;} .bena-collections-letterlist .active {line-height: 36px;width:36px;height:36px;border-radius: 50%;border:1px solid #CBCBCA;display: inline-block;} .bena-photolist-button {border-bottom: 1px dashed; border-top: 1px dashed; display: inline-block; line-height: 26px; margin: 4px 0 0 26px;padding: 0 22px;} .bena-photolist-button .ben-icons {font-size: 9px;} .bena-4box-big .bena-delete-from-mybenaki {z-index: 1;top:-43px;position: absolute;height:42px;line-height: 43px; background-color: rgba(225,226,224,0.8);text-align:right;width:100%;-webkit-transition-property: top; -webkit-transition-duration: 0.4s; transition-property: top; transition-duration: 0.4s;} .bena-4box-big:hover .bena-delete-from-mybenaki {top:0px;-webkit-transition-property: top; -webkit-transition-duration: 0.4s; transition-property: top; transition-duration: 0.4s;} .bena-3box-big .bena-delete-from-mybenaki {z-index: 1;top:-43px;position: absolute;height:42px;line-height: 43px; background-color: rgba(225,226,224,0.8);text-align:right;width:100%;-webkit-transition-property: top; -webkit-transition-duration: 0.4s; transition-property: top; transition-duration: 0.4s;} .bena-3box-big:hover .bena-delete-from-mybenaki {top:0px;-webkit-transition-property: top; -webkit-transition-duration: 0.4s; transition-property: top; transition-duration: 0.4s;} .bena-delete-from-mybenaki .ben-icons {color:#8E9ECB;font-size:22px;margin-right: 4px;} .bena-wifi { padding: 70px 20px; } .bena-wifi .ben-textsize-32 { line-height: 32px; } .bena-search-icons {width: 260px;display: inline-block;} .bena-white-loader { display:block;min-height: 80px;min-width: 80px;background-image: url("../images/white-loader.svg");background-repeat: no-repeat;background-position: center; background-size: 80px; } .bena-black-loader { display:block;min-height: 80px;min-width: 80px;background-image: url("../images/black-loader.svg");background-repeat: no-repeat;background-position: center; background-size: 80px; } .bena-required-error {border: 1px solid red !important;} .bena-search-abc {padding-left: 0;} .bena-search-abc li { cursor:pointer; background-color: #f1f1f1; height: 40px; line-height: 40px; text-align: center; width: 100%;} .bena-search-abc li.active {display: inline-block;} .bena-search-abc li.disabled {display: none;} .bena-360-down {height:500px;position: relative;} .bena-fullslider-static-height#fullwidthslider .slide {height:680px;} .bena-2box-popup .bena-box-img .ben-button-icons.bena-research-custom-arrow {position: absolute; right: 441px; top: 197px;} .bena-entries-uploadpdf {color: #ec2027; margin: 7px 12px 0 4px;} .bena-visiting > div .ben-loopwithcomma {display: inline-block; max-width: 165px;} .bena-visiting > div {position: relative;} .bena-visiting > div .pull-right { max-width: 94px;bottom: 0;position: absolute;right: 0;} .bena-colorboxes li {width:4.3478%;float: left;height:104px; position: relative;} .bena-colorboxes li:nth-child(1), .bena-colorboxes li:nth-child(1) .bena-colormenu-hover {background-color: #10375f;} .bena-colorboxes li:nth-child(2), .bena-colorboxes li:nth-child(2) .bena-colormenu-hover {background-color: #f39100;} .bena-colorboxes li:nth-child(3), .bena-colorboxes li:nth-child(3) .bena-colormenu-hover {background-color: #005477;} .bena-colorboxes li:nth-child(4), .bena-colorboxes li:nth-child(4) .bena-colormenu-hover {background-color: #529477;} .bena-colorboxes li:nth-child(5), .bena-colorboxes li:nth-child(5) .bena-colormenu-hover {background-color: #30624d;} .bena-colorboxes li:nth-child(6), .bena-colorboxes li:nth-child(6) .bena-colormenu-hover {background-color: #819188;} .bena-colorboxes li:nth-child(7), .bena-colorboxes li:nth-child(7) .bena-colormenu-hover {background-color: #9b0b01;} .bena-colorboxes li:nth-child(8), .bena-colorboxes li:nth-child(8) .bena-colormenu-hover {background-color: #e9b500;} .bena-colorboxes li:nth-child(9), .bena-colorboxes li:nth-child(9) .bena-colormenu-hover {background-color: #739dc4;} .bena-colorboxes li:nth-child(10), .bena-colorboxes li:nth-child(10) .bena-colormenu-hover {background-color: #500143;} .bena-colorboxes li:nth-child(11), .bena-colorboxes li:nth-child(11) .bena-colormenu-hover {background-color: #949665;} .bena-colorboxes li:nth-child(12), .bena-colorboxes li:nth-child(12) .bena-colormenu-hover {background-color: #ec6504;} .bena-colorboxes li:nth-child(13), .bena-colorboxes li:nth-child(13) .bena-colormenu-hover {background-color: #9f0056;} .bena-colorboxes li:nth-child(14), .bena-colorboxes li:nth-child(14) .bena-colormenu-hover {background-color: #ec6345;} .bena-colorboxes li:nth-child(15), .bena-colorboxes li:nth-child(15) .bena-colormenu-hover {background-color: #458cca;} .bena-colorboxes li:nth-child(16), .bena-colorboxes li:nth-child(16) .bena-colormenu-hover {background-color: #6354a0;} .bena-colorboxes li:nth-child(17), .bena-colorboxes li:nth-child(17) .bena-colormenu-hover {background-color: #644854;} .bena-colorboxes li:nth-child(18), .bena-colorboxes li:nth-child(18) .bena-colormenu-hover {background-color: #8e98cc;} .bena-colorboxes li:nth-child(19), .bena-colorboxes li:nth-child(19) .bena-colormenu-hover {background-color: #93c11c;} .bena-colorboxes li:nth-child(20), .bena-colorboxes li:nth-child(20) .bena-colormenu-hover {background-color: #e62d20;} .bena-colorboxes li:nth-child(21), .bena-colorboxes li:nth-child(21) .bena-colormenu-hover {background-color: #c5a66e;} .bena-colorboxes li:nth-child(22), .bena-colorboxes li:nth-child(22) .bena-colormenu-hover {background-color: #52a6b2;} .bena-colorboxes li:nth-child(23), .bena-colorboxes li:nth-child(23) .bena-colormenu-hover {background-color: #d39b08;} .bena-colorboxes li a {width: 100%;height: 100%;display: inline-block;} .bena-colorboxes li .bena-colormenu-hover {padding-left:60px; color: #fff; z-index:1;position: absolute;height:160px; width:470px; top:104px;display: none;background-image: url("../images/logo_trans.png");background-size: 295px auto; background-repeat: no-repeat;background-position: left 4px center ;} .bena-colorboxes li:nth-child(n+15) .bena-colormenu-hover {right: 0;} .bena-colorboxes li:hover .bena-colormenu-hover { display: table;} .bena-colorboxes li .bena-colormenu-hover span{display: table-cell;padding-right: 40px;vertical-align: middle;width: 280px;} .bena-colorboxes .ben-whitelogo {color:#ffffff;margin-top: 38px;margin-right: 36px;} .bena-colorboxes .ben-whitelogo .ben-icons{font-size:42px;line-height:42px;margin-bottom:3px;text-align: center;} .bena-colorboxes .ben-whitelogo .ben-logo-text img{height:20px;} .bena-colorboxes li .bena-colormenu-hover .bena-title {font-family: 'Proxima Nova W08 Light';font-size:20px;line-height: 25px;} .bena-colorboxes li .bena-colormenu-hover .bena-subtitle {font-family:"Proxima Nova W08 Thn Reg";font-size:13px;line-height: 17px;padding-right: 20px;} .bena-bignumbers ul.consecutive li {width: auto; margin-right: 25px;} .bena-bignumbers ul li {display: inline-block; width: 100%; margin-right: -5px;} .bena-bignumbers ul li span {font-size: 62px;} .bena-bignumbers ul li:nth-child(1) span {color: #014063;} .bena-bignumbers ul li:nth-child(2) span {color: #fa931d;} .bena-bignumbers ul li:nth-child(3) span {color: #499277;} .bena-bignumbers ul li:nth-child(4) span {color: #e96a25;} .bena-bignumbers ul li:nth-child(5) span {color: #428ecc;} .bena-bignumbers ul li:nth-child(6) span {color: #605ca8;} .bena-bignumbers ul li:nth-child(7) span {color: #8dc73f;} .bena-bignumbers ul li:nth-child(8) span {color: #8392c9;} .bena-bignumbers ul li:nth-child(9) span {color: #6996bf;} .bena-bignumbers ul li:nth-child(10) span {color: #015b7e;} .bena-bignumbers ul li:nth-child(11) span {color: #7a8f88;} .bena-bignumbers ul li:nth-child(12) span {color: #4c0048;} .bena-bignumbers ul li:nth-child(13) span {color: #f46d50;} .bena-bignumbers ul li:nth-child(14) span {color: #ef1c23;} .bena-socialhub-titles {font-family:"Proxima Nova W08 Thn Reg";font-size: 42px;line-height: 42px;} .bena-socialhub-titles .ben-icons {margin-right: 10px;background-color: #8E9ECB; width:37px; height:37px; line-height:37px;color:#ffffff;float: left; display: inline-block;text-align:center;border-radius: 50%;} .bena-socialhub-bar-logo {margin-top: -55px;text-align: center;font-size: 78px; position: absolute;width: 1140px;color: #7182B8;} .bena-innerdetails {height:425px;} .bena-innerdetails.scrollable.gray-skin { background-color: transparent;padding-right:10px;} .bena-innerdetails.scrollable.gray-skin .scroll-bar.vertical {right:0;} .bena-animate-height {overflow:hidden;height:0;-webkit-transition-property: height;-webkit-transition-duration: 0.8s;transition-property: height; transition-duration: 0.8s;} .bena-animate-opacity-enable {opacity: 0;} .bena-animate-opacity { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; -webkit-transition-property: opacity;-webkit-transition-duration: 0.8s;transition-property: opacity; transition-duration: 0.8s;} .bena-zoom-out {position: absolute;right: 10px;height: 32px;width: 32px;bottom: 16px;z-index: 2;cursor: pointer;background-image: url("../images/zoom-out.svg");background-repeat:no-repeat;} .bena-zoom-in {position: absolute;right: 50px;height: 32px;width: 32px;bottom: 16px;z-index: 2;cursor: pointer;background-image: url("../images/zoom-in.svg");background-repeat:no-repeat;} .bena-zoom-out:hover {height: 40px;width: 40px;bottom: 12px;right: 6px;background-size: 40px;} .bena-zoom-in:hover {height: 40px;width: 40px;bottom: 12px;right: 46px;background-size: 40px;} .bena-mybenaki-hideh1 .bena-h1 {display: none;} .bena-filter-free-search {width: 100%;border: 1px solid #969896;height: 33px;font-size: 16px;padding: 0 33px 0 5px;color:#969896;} .bena-filter-free-search::-webkit-input-placeholder { text-transform: uppercase;opacity:1; } .bena-filter-free-search:-moz-placeholder { text-transform: uppercase;opacity:1; } .bena-filter-free-search::-moz-placeholder { text-transform: uppercase;opacity:1; } .bena-filter-free-search:-ms-input-placeholder { text-transform: uppercase;opacity:1; } .bena-filter-free-search-button {background-color:transparent;border: 0; color:#969896;font-size: 16px;line-height: 33px;width:33px;position:absolute; top:0;right:15px;text-align: center;cursor: pointer;} .bena-horizon-inner-menu { margin-bottom: 28px;height: 61px; border-top: 1px solid #969896; border-bottom: 1px solid #969896; text-align: center;position: relative; } .bena-horizon-inner-menu > ul {display: inline-block;} .bena-horizon-inner-menu > ul > li { height: 60px; float:left;display: inline-block; border-right: 1px solid #969896;} .bena-horizon-inner-menu > ul > li:first-child {border-left: 1px solid #969896;} .bena-horizon-inner-menu > ul > li > a {display: block; padding: 20px 50px;line-height: 20px;font-size: 14px;color:#474C47;} .bena-horizon-inner-menu > ul > li:hover > a {background-color: #8E9ECB;color: #ffffff;} .bena-horizon-inner-menu > ul > li.active > a {background-color: #8E9ECB;color: #ffffff;} .bena-horizon-inner-menu > ul > li > ul {display: none;} .bena-horizon-inner-menu > ul > li.active > ul {display: inline-block;margin-bottom:35px; height: 46px; border-bottom: 1px solid #969896; text-align: center; background-color: #F1F1F1;position: absolute; width: 100%;right: 0;} .bena-horizon-inner-menu > ul > li.active > ul > li { height: 45px;display: inline-block;} .bena-horizon-inner-menu > ul > li.active > ul > li a {display: block; padding: 15px 50px;line-height: 15px;font-size: 14px;color:#474C47;} .bena-horizon-inner-menu > ul > li.active > ul > li:hover a {background-color: #D7DAE1;} .bena-horizon-inner-menu > ul > li.active > ul > li.active a {background-color: #D7DAE1;} .bena-horizon-inner-menu #Search > li {border-right:0; font-family: 'Proxima Nova W08 Light'; } .bena-horizon-inner-menu #Search > li:first-child {border-left: 0;} .bena-horizon-inner-menu #Search > li > a { padding: 20px; font-size: 16px; } .bena-horizon-inner-menu #Search > li.active > ul > li {border-right: 1px solid #969896;} .bena-horizon-inner-menu #Search > li.active > ul > li:first-child {border-left: 1px solid #969896;} .bena-horizon-inner-menu #Search > li.active > ul > li:hover a {background-color: transparent;color: #8e9ecb;} .bena-horizon-inner-menu #Search > li.active > ul > li.active a {background-color: transparent;color: #8e9ecb;} .bena-horizon-inner-menu .bena-no-line > li {border-right:0; font-family: 'Proxima Nova W08 Light'; } .bena-horizon-inner-menu .bena-no-line > li:first-child {border-left: 0;} .bena-horizon-inner-menu .bena-no-line > li > a { padding: 20px; font-size: 16px; } .bena-horizon-inner-menu .bena-no-line > li.active > ul > li {border-right: 1px solid #969896;} .bena-horizon-inner-menu .bena-no-line > li.active > ul > li:first-child {border-left: 1px solid #969896;} .bena-horizon-inner-menu .bena-no-line > li.active > ul > li:hover a {background-color: transparent;color: #8e9ecb;} .bena-horizon-inner-menu .bena-no-line > li.active > ul > li.active a {background-color: transparent;color: #8e9ecb;} .bena-popup-body {background-color: rgba(29,29,27,0.8);position: fixed; top:0; height:100%; width:100%; left:0; z-index: 100; line-height: 100%;} .bena-popup-body .bena-popup-close { height: 100%;width:100%; } .bena-popup-body .bena-popup-main { width:auto; max-width: 90%; width: auto\9; /* ie8 */ position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 90%; } .bena-popup-body .bena-popup-main .bena-popup-container {width:560px;background-color: #ffffff;} .bena-popup-body .bena-popup-main .bena-popup-container h3 {font-size:34px;padding-top: 20px;line-height: 34px;text-align: center;margin-bottom: 55px;font-family: 'Proxima Nova W08 Thn Reg'; } .bena-popup-body .bena-popup-main .bena-popup-close {right: 20px;position:absolute;margin-top:21px;color:#ffffff;text-align:center;line-height:26px;font-size:11px;width:26px;height:26px;background-color: #B0B2B0;cursor: pointer;border-radius:50%; } .bena-popup-body .bena-popup-main .bena-popup-input-box {padding: 0 55px;} .bena-popup-body .bena-popup-main .bena-popup-input-box label {font-size: 0;position: absolute;opacity: 0;} .bena-popup-body .bena-popup-main .bena-popup-input-box input {width:100%;} .bena-edu-horizon-calendar { position: relative; } .bena-edu-horizon-calendar .ben-button-icons { position: absolute; right: 15px; bottom: 20px; } .bena-slidebar-calendar h2 { height: 72px; } .bena-slidebar-calendar .ui-widget { font-family: 'Proxima Nova W08 Light'; } .bena-slidebar-calendar .ben-box-details { border-bottom: 6px solid #8E9ECB; position: relative; padding: 15px 0 10px; } .bena-slidebar-calendar .ben-box-details h3 { font-size: 20px; line-height: 32px; } .bena-slidebar-calendar .ben-box-details .ben-button-icons { bottom: 10px; position: absolute; right: 0; } .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { position: relative; } .bena-slidebar-calendar .ui-datepicker { padding: 0 15px 48px; width: 100%; } .bena-slidebar-calendar .ui-widget-content { border: 0; } .bena-slidebar-calendar .ui-datepicker table.ui-datepicker-calendar { margin: 0 0 0.4em; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-header { width: 100%; position: absolute; bottom: 0; margin: 0 -15px; padding: 0; border: 0; background-color: #8E9ECB; border-radius: 0; height: 48px; color: #ffffff; line-height: 48px; z-index: 1; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-title { line-height: 48px; margin: 0 2.3em; text-align: center; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-header .ui-state-disabled { cursor: not-allowed !important; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-prev { height: 48px; top: 0; width: 48px; left: 0; cursor: pointer; position: absolute; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-next { height: 48px; top: 0; width: 48px; right: 0; cursor: pointer; position: absolute; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-prev span { display: none; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-next span { display: none; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-prev:before { content: '\e808'; color: #DFE0E4; text-align: center; display: block; width: 48px; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-next:after { content: '\e80a'; color: #DFE0E4; text-align: center; display: block; width: 48px; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-prev.ui-state-hover { background: none; border: 0; border-radius: 0; } .bena-slidebar-calendar .ui-datepicker .ui-datepicker-next.ui-state-hover { background: none; border: 0; border-radius: 0; } .bena-slidebar-calendar .ui-datepicker td { padding: 0; width: 33px; height: 33px; border-radius: 50%; color: #7C8099; } .bena-slidebar-calendar .ui-datepicker td a { display: block; } .bena-slidebar-calendar .ui-datepicker td .ui-state-default { border: 0; padding: 0; background: none; width: 100%; height: 100%; text-align: center; line-height: 35px; color: #7C8099; font-size: 16px; } .bena-slidebar-calendar .ui-datepicker td:hover a.ui-state-default { font-family: 'Proxima Nova W08 Bd'; } .bena-slidebar-calendar .ui-datepicker td .ui-state-highlight { border-radius: 50%; border: 1px solid #7C8099; } .bena-slidebar-calendar .ui-datepicker td .ui-state-active { border-radius: 50%; background-color: #8E9ECB; color: #ffffff; border: 0; } .bena-slidebar-calendar [type="checkbox"]:not(:checked), .bena-slidebar-calendar [type="checkbox"]:checked { position: absolute; left: -9999px; } .bena-slidebar-calendar [type="checkbox"]:not(:checked) + label, .bena-slidebar-calendar [type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; } .bena-slidebar-calendar [type="checkbox"]:not(:checked) + label:before, .bena-slidebar-calendar [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid #969896; } .bena-slidebar-calendar [type="checkbox"]:not(:checked) + label:after, .bena-slidebar-calendar [type="checkbox"]:checked + label:after { content: '\e91a'; font-size: 15px; left: 1px; line-height: 18px; position: absolute; top: 2px; color: #7f7f7f; transition: all .2s; } .bena-slidebar-calendar [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .bena-slidebar-calendar [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .bena-slidebar-calendar [type="checkbox"]:disabled:not(:checked) + label:before, .bena-slidebar-calendar [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .bena-slidebar-calendar [type="checkbox"]:disabled:checked + label:after { color: #999; } .bena-slidebar-calendar [type="checkbox"]:disabled + label { color: #aaa; } .bena-slidebar-calendar [type="checkbox"]:checked:focus + label:before, .bena-slidebar-calendar [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted #7f7f7f; } .bena-slidebar-calendar label:hover:before { border: 1px solid #7f7f7f !important; } .bena-slidebar-calendar .ben-eventcolor { width: 15px; height: 15px; margin: 4px 0 0 20px; } .bena-slidebar-calendar .exhibitions [type="checkbox"]:not(:checked) + label:after, .bena-slidebar-calendar .exhibitions [type="checkbox"]:checked + label:after, .bena-slidebar-calendar .exhibitions [type="checkbox"]:not(:checked) + label:before, .bena-slidebar-calendar .exhibitions [type="checkbox"]:checked + label:before { color: #8E9ECB; } .bena-slidebar-calendar .exhibitions .ben-eventcolor { background-color: #8E9ECB; } .bena-slidebar-calendar .eventsearch [type="checkbox"]:not(:checked) + label:after, .bena-slidebar-calendar .eventsearch [type="checkbox"]:checked + label:after, .bena-slidebar-calendar .eventsearch [type="checkbox"]:not(:checked) + label:before, .bena-slidebar-calendar .eventsearch [type="checkbox"]:checked + label:before { color: #B2B212; } .bena-slidebar-calendar .eventsearch .ben-customscroll [type="checkbox"]:not(:checked) + label:after, .bena-slidebar-calendar .eventsearch .ben-customscroll [type="checkbox"]:checked + label:after, .bena-slidebar-calendar .eventsearch .ben-customscroll [type="checkbox"]:not(:checked) + label:before, .bena-slidebar-calendar .eventsearch .ben-customscroll [type="checkbox"]:checked + label:before { color: #7f7f7f; } .bena-slidebar-calendar .eventsearch .ben-customscroll label { color: #7f7f7f; line-height: 32px; } .bena-slidebar-calendar .eventsearch .ben-eventcolor { background-color: #B2B212; } .bena-slidebar-calendar .education [type="checkbox"]:not(:checked) + label:after, .bena-slidebar-calendar .education [type="checkbox"]:checked + label:after, .bena-slidebar-calendar .education [type="checkbox"]:not(:checked) + label:before, .bena-slidebar-calendar .education [type="checkbox"]:checked + label:before { color: #FFC805; } .bena-slidebar-calendar .education .ben-customscroll [type="checkbox"]:not(:checked) + label:after, .bena-slidebar-calendar .education .ben-customscroll [type="checkbox"]:checked + label:after, .bena-slidebar-calendar .education .ben-customscroll [type="checkbox"]:not(:checked) + label:before, .bena-slidebar-calendar .education .ben-customscroll [type="checkbox"]:checked + label:before { color: #7f7f7f; } .bena-slidebar-calendar .education .ben-customscroll label { color: #7f7f7f; line-height: 32px; } .bena-slidebar-calendar .education .ben-eventcolor { background-color: #FFC805; } #ben-sidebar-calendar { padding: 0 0 245px 0;} .bena-education-entries-cycle {position: absolute; width: 1140px;margin-top: -80px;display: block;z-index: 1;} .bena-education-entries-cycle li {font-family: 'Proxima Nova W08 Bd';padding: 15px 0;margin:0 48px;text-align:center;font-size:40px;line-height:51px;height:132px;width:132px;border-radius: 50%;display: inline-block;float: left;border:2px solid #afafaf;} .bena-education-entries-cycle li span {font-size:33px;} .bena-education-entries-cycle li:nth-child(1) {background-color:#35c4ee;} .bena-education-entries-cycle li:nth-child(2) {background-color:#f6d61c;} .bena-education-entries-cycle li:nth-child(3) {background-color:#d4559f;} .bena-education-entries-cycle li:nth-child(4) {background-color:#59b947;} .bena-education-entries-cycle li:nth-child(5) {background-color:#e8e8e7;} .bena-education-entries {height: 195px;margin-top: 20px; } .bena-education-entries > div { width:20%; float: left; border-right:1px solid #afafaf; height:195px; } .bena-education-entries > div:last-child { border-right:0; } .bena-education-entries > div .ben-icons { line-height: 195px; text-align: right;color: #afafaf; padding-right:0px; } .bena-education-entries > div:nth-child(1) .ben-icons { font-size: 47px;} .bena-education-entries > div:nth-child(2) .ben-icons { font-size: 45px;} .bena-education-entries > div:nth-child(3) .ben-icons { font-size: 43px;} .bena-education-entries > div:nth-child(4) .ben-icons { font-size: 55px;} .bena-education-entries > div:nth-child(5) .ben-icons { font-size: 32px;} .bena-education-entries .bena-education-entries-text {display: table; height: 195px;} .bena-education-entries .bena-education-entries-text > span {display: table-cell; vertical-align: middle;} .bena-education-entries-orangebutton.active.white:after {color:#f9af3b;border: 2px solid #f9af3b;} .ben-education-sponsor img{ /*max-width: 200px; max-height: 100px; */} .bena-boxeducation-entries {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 45px; } .bena-boxeducation-entries:nth-child(4n) {border-right: 0 !important;} .bena-boxeducation-entries .bena-box-img {display:inline-block;background-color: #656665; position: relative;width: 100%;margin-bottom: 15px;} .bena-boxeducation-entries .bena-box-img img {width: 100%;} .bena-boxeducation-entries .bena-box-img .ben-icons {opacity:0;margin: 115px auto 0; position: relative;z-index:1;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:22px;border-radius:50%;background-color: rgba(236, 29, 36,0.9); -webkit-transition-property: opacity;-webkit-transition-duration: 0.2s;transition-property: opacity; transition-duration: 0.2s;} .bena-boxeducation-entries:hover .bena-box-img .ben-icons {opacity:1; -webkit-transition-property: opacity;-webkit-transition-duration: 0.4s;transition-property: opacity; transition-duration: 0.4s;} .bena-boxeducation-entries .bena-box-dtls {border-bottom: 6px solid #8e9ecb; padding: 9px 0 20px 4px; position: relative;} .bena-boxeducation-entries .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';overflow:hidden;display:block;line-height:28px;height:112px;font-size: 24px;color:#474C47;} .bena-boxeducation-entries .bena-box-dtls .bena-subtitle {overflow:hidden; text-overflow: ellipsis; text-transform: uppercase; display:block;line-height:20px;height:20px;font-size: 14px;color:#474C47;} .bena-boxeducation-entries .bena-box-dtls .bena-text {font-family: 'Proxima Nova W08 Light';overflow:hidden; text-overflow: ellipsis; text-transform: uppercase;display:block;line-height:20px;height:20px;font-size: 15px;color: #8d8f8d;} .bena-boxeducation-entries .bena-box-dtls .ben-button-icons {position: absolute;bottom:20px;right: 0;} /*--------------NEW SOCIAL BUTTONS-------------------------*/ .bena-icon-facebook:after { margin-right: 10px; border: 1px solid #8e9ecb; text-align: center; float: left; width: 36px; border-radius: 50%; height: 36px; background-color: #8e9ecb; display: inline-block; content: "\e908"; color: #ffffff; font-size: 18px; line-height: 36px; } .bena-icon-twitter:after { margin-right: 10px; border: 1px solid #8e9ecb; text-align: center; float: left; width: 36px; border-radius: 50%; height: 36px; background-color: #8e9ecb; display: inline-block; content: "\e909"; color: #ffffff; font-size: 14px; line-height: 36px; } .bena-icon-youtube:after { margin-right: 10px; border: 1px solid #8e9ecb; text-align: center; float: left; width: 36px; border-radius: 50%; height: 36px; background-color: #8e9ecb; display: inline-block; content: "\e91c"; color: #ffffff; font-size: 18px; line-height: 36px; } .bena-icon-flickr:after { margin-right: 10px; border: 1px solid #8e9ecb; text-align: center; float: left; width: 36px; border-radius: 50%; height: 36px; background-color: #8e9ecb; display: inline-block; content: "\e91d"; color: #ffffff; font-size: 8px; line-height: 36px; } .bena-icon-instagram:after { margin-right: 10px; border: 1px solid #8e9ecb; text-align: center; float: left; width: 36px; border-radius: 50%; height: 36px; background-color: #8e9ecb; display: inline-block; content: "\e90a"; color: #ffffff; font-size: 15px; line-height: 36px; } .bena-icon-pinterest:after { margin-right: 10px; border: 1px solid #8e9ecb; text-align: center; float: left; width: 36px; border-radius: 50%; height: 36px; background-color: #8e9ecb; display: inline-block; content: "\e90b"; color: #ffffff; font-size: 18px; line-height: 36px; } .bena-icon-facebook:hover:after {background-color: transparent; color: #35619E;transition: all 0.3s ease 0s;} .bena-icon-twitter:hover:after {background-color: transparent; color: #2AA9E0;transition: all 0.3s ease 0s;} .bena-icon-youtube:hover:after {background-color: transparent; color: #E52D27;transition: all 0.3s ease 0s;} .bena-icon-flickr:hover:after {background-color: transparent; color: #FF0084;transition: all 0.3s ease 0s;} .bena-icon-instagram:hover:after {background-color: transparent; color: #5081A2;transition: all 0.3s ease 0s;} .bena-icon-pinterest:hover:after {background-color: transparent; color: #CC1F29;transition: all 0.3s ease 0s;} /*--------------NEW SELECT BUTTONS-------------------------*/ .bena-checkbox {position: relative;clear: both;} .bena-checkbox [type="checkbox"]:not(:checked), .bena-checkbox [type="checkbox"]:checked { position: absolute; left: -9999px; } .bena-checkbox [type="checkbox"]:not(:checked) + label, .bena-checkbox [type="checkbox"]:checked + label { cursor: pointer; float: right; margin-left: 27px; position: relative; } .bena-checkbox [type="checkbox"]:not(:checked) + label:before, .bena-checkbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: -27px; top: 2px; width: 18px; height: 18px; border: 1px solid #969896; } .bena-checkbox [type="checkbox"]:not(:checked) + label:after, .bena-checkbox [type="checkbox"]:checked + label:after { content: '\e91a'; font-size: 15px; left: -26px; line-height: 18px; position: absolute; top: 2px; color: #8e9ecb; transition: all .2s; } .bena-checkbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .bena-checkbox [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .bena-checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .bena-checkbox [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .bena-checkbox [type="checkbox"]:disabled:checked + label:after { color: #999; } .bena-checkbox [type="checkbox"]:disabled + label { color: #aaa; } .bena-checkbox [type="checkbox"]:checked:focus + label:before, .bena-checkbox [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted #7f7f7f; } .bena-checkbox-grey.bena-checkbox [type="checkbox"]:not(:checked) + label:after, .bena-checkbox-grey.bena-checkbox [type="checkbox"]:checked + label:after { color: #7f7f7f; } .bena-label {display: block;margin-bottom:10px;font-size: 16px;font-family: 'Proxima Nova W08 Light'; } /*--------------NEW RADIO BUTTONS-------------------------*/ .bena-radio {height:40px;line-height: 40px;} .bena-radio input[type="radio"] { display:none; } .bena-radio input[type="radio"] + label {line-height: 26px;} .bena-radio input[type="radio"] + label span { display:inline-block; width:15px; height:15px; margin:-1px 7px 0 0; vertical-align:middle; cursor:pointer; } .bena-radio input[type="radio"] + label span { background-color:#ffffff; border: 1px solid #959595; } .bena-radio input[type="radio"]:checked + label span { background-color:#8e9ecb; border: 1px solid #8e9ecb; } .bena-radio input[type="radio"] + label span, .bena-radio input[type="radio"]:checked + label span { -webkit-transition:background-color 0.2s linear; transition:background-color 0.2s linear; } /*--------------NEW INPUTS FIELDS-------------------------*/ .bena-input-white {} .bena-input-white label {display: block;font-family: 'Proxima Nova W08 Light';} .bena-input-white input {display: block;width:100%;padding: 0 0 0 5px; border: 1px solid #959595; height:40px;} .bena-input-white textarea {display: block;width:100%;padding: 0 0 0 5px; border: 1px solid #959595; } input.bena-input-grey {display: block;width:100%;padding: 0 0 0 5px; border: 0;background-color: #f1f1f1; height:40px;} textarea.bena-input-grey {display: block;width:100%;padding: 10px 0 0 5px; border: 0;background-color: #f1f1f1; } /*--------------NEW INPUTS FIELDS-------------------------*/ .bena-select-white { border: 1px solid #B0B2B0; position: relative; overflow: hidden; height: 40px; } .bena-select-white select { background-color: #ffffff; color: #474c47; position: absolute; top: -1px; left: -1px; height: 40px; border: 0; width: 100%; cursor: pointer; -webkit-appearance:none; } .bena-select-white select option { height: 38px; line-height: 38px; padding-top: 10px; } .bena-select-white .ben-select-button { background-color: #ffffff; height: 40px; position: absolute; right: 0; top: 0; width: 22px; pointer-events: none; } .bena-select-white .ben-select-button:after { color: #474c47; line-height: 40px; float: left; font-size: 6px; content: "\e805"; } .bena-select-grey { border: 0; position: relative; overflow: hidden; height: 40px; } .bena-select-grey select { background-color: #f1f1f1; color: #474c47; position: absolute; top: -1px; left: -1px; height: 42px; border: 0; width: 100%; cursor: pointer; -webkit-appearance:none; } .bena-select-grey select option { height: 38px; line-height: 38px; padding-top: 10px; } .bena-select-grey .ben-select-button { background-color: #f1f1f1; height: 40px; position: absolute; right: 0; top: 0; width: 22px; pointer-events: none; } .bena-select-grey .ben-select-button:after { color: #474c47; line-height: 40px; float: left; font-size: 6px; content: "\e805"; } /*--------------NEW SLIDER BOXES--------------------*/ .bena-carousel-grey-container {height: 346px; overflow: hidden; background-color: #f2f2f2;} .bena-carousel-white-container {height: 315px; overflow: hidden;} .bena-carousel-grey-container.bena-carousel-big {height: 600px; background-color: #f2f2f2;} .bena-carousel-grey-container.bena-carousel-big .bena-carouselbox-simple .bena-box-dtls { -webkit-line-clamp: 2; } .bena-carousel-white-container.bena-carousel-big {height: 600px;} .bena-carousel-white-container.bena-carousel-big .bena-carouselbox-simple .bena-box-dtls { -webkit-line-clamp: 2; } .bena-carousel-big button {top: 286px !important;} .bena-carousel-grey-container .container {position: relative; } .bena-carousel-grey-container button { border: 0; top: 125px; position: absolute; height: 48px; width: 48px; background-color: white; z-index: 1; } .bena-carousel-grey-container .slick-next { right: -60px; border-radius: 24px; } .bena-carousel-grey-container .slick-next:after { content: "\e80a"; height: 18px; line-height: 48px; } .bena-carousel-grey-container .slick-prev { left: -60px; border-radius: 24px; } .bena-carousel-grey-container .slick-prev:after { content: "\e808"; height: 18px; line-height: 48px; } @media (max-width: 1430px) { .bena-carousel-grey-container { position: relative; } .bena-carousel-grey-container .container { position: static; } .bena-carousel-grey-container .slick-next { right: 0; border-radius: 24px; } .bena-carousel-grey-container .slick-prev { left: 0; border-radius: 24px; } } .bena-carousel-white-container .container {position: relative; } .bena-carousel-white-container button { border: 0; top: 125px; position: absolute; height: 48px; width: 48px; background-color: #eaeae9; z-index: 1; } .bena-carousel-white-container .slick-next { right: -60px; border-radius: 24px; } .bena-carousel-white-container .slick-next:after { content: "\e80a"; height: 18px; line-height: 48px; } .bena-carousel-white-container .slick-prev { left: -60px; border-radius: 24px; } .bena-carousel-white-container .slick-prev:after { content: "\e808"; height: 18px; line-height: 48px; } @media (max-width: 1430px) { .bena-carousel-white-container { position: relative; } .bena-carousel-white-container .container { position: static; } .bena-carousel-white-container .slick-next { right: 0; border-radius: 24px; } .bena-carousel-white-container .slick-prev { left: 0; border-radius: 24px; } } .bena-carouselbox-simple {margin-top:10px; } .bena-carouselbox-simple .bena-box-title { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; font-family:"Proxima Nova W08 Thn Reg";font-size:27px;line-height:24px;color:#474C47;height:48px;margin-bottom: 5px;} .bena-carouselbox-simple .bena-box-img {display:inline-block; position: relative;width: 100%} .bena-carouselbox-simple .bena-box-img img {width: 100%} .bena-carouselbox-simple .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 13px; height: 26px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-carouselbox-simple .bena-box-dtls { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 9px 0 0 4px;font-family: 'Proxima Nova W08 Light';line-height: 22px;height: 66px;font-size: 16px;color:#474C47;overflow: hidden;} .bena-carouselbox-simple .bena-box-dtls .bena-title {overflow:hidden;text-overflow: ellipsis; display:block;line-height:22px;height:22px;font-size: 16px;color:#474C47;} .bena-carouselbox-simple .bena-box-dtls .bena-subtitle {overflow:hidden; text-overflow: ellipsis; text-transform: uppercase; display:block;line-height:20px;height:20px;font-size: 15px;color:#474C47;} .bena-carouselbox-simple .bena-box-dtls .bena-greytitle {overflow:hidden; text-overflow: ellipsis; text-transform: uppercase;display:block;line-height:20px;height:20px;font-size: 15px;color: #8d8f8d;} .bena-carouselbox-2title {border-right: 1px solid #8e9ecb;display: inline-block; } .bena-carouselbox-2title .bena-box-img {position: relative;min-height: 150px;width: 100%} .bena-carouselbox-2title .bena-box-img img {width: 100%} .bena-carouselbox-2title .bena-box-dtls {padding-top:13px; border-bottom: 6px solid #8e9ecb; height: 80px; position: relative;} .bena-carouselbox-2title .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';height: 54px;font-size:24px;color:#474C47;margin:0 35px 13px 4px; overflow: hidden; line-height: 27px; } .bena-carouselbox-2title .bena-box-dtls .ben-button-icons {position: absolute;top:15px;right: 0;} .bena-hide-carouselline { background-color: white; height: 100%; position: absolute; right: 0px; top: 0; width: 3px; } .bena-box-simple-noline {display: inline-block;} .bena-box-simple-noline .bena-box-img {display:inline-block;position: relative;min-height: 130px;width: 100%;} .bena-box-simple-noline .bena-box-img img {width: 100%;} .bena-box-simple-noline .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 13px; height: 26px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-box-simple-noline .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';overflow:hidden;display:block;line-height:22px;font-size: 16px;color:#474C47;height: 44px;} .bena-box-simple-noline .bena-box-dtls .bena-subtitle {font-family: 'Proxima Nova W08 Light';overflow:hidden; text-overflow: ellipsis; text-transform: uppercase; display:block;line-height:20px;height:20px;font-size: 15px;color:#474C47;} .bena-box-simple-noline .bena-box-dtls .bena-greytitle {font-family: 'Proxima Nova W08 Light';overflow:hidden; text-overflow: ellipsis; text-transform: uppercase;display:block;line-height:20px;height:20px;font-size: 15px;color: #8d8f8d;} .bena-slider-imggallery { background-color: #23252D; height: 435px;width:100%; text-align: center;overflow: hidden;position: relative;} .bena-slider-imggallery .slick-slide {line-height: 435px;} .bena-slider-imggallery img { display: inline; max-height: 100%; max-width: 100%; } .bena-slider-imggallery button { border: 0; top: 50%; position: absolute; height: 38px; width: 38px; background-color: #8E9ECB; z-index: 1; } .bena-slider-imggallery .slick-next { right: 0; } .bena-slider-imggallery .slick-next:after { content: "\e80a"; color: #ffffff; line-height: 38px; font-size: 14px;} .bena-slider-imggallery .slick-prev { left: 0; } .bena-slider-imggallery .slick-prev:after { content: "\e808"; color: #ffffff; line-height: 38px;font-size: 14px; } /*--------------NEW BOXES--------------------*/ .bena-box-img {background-color: #fdfdfd;} .bena-3box-big {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px;height:393px;} .bena-3box-big:nth-child(3n) {border-right: 0 !important;} .bena-3box-big.bena-hide-line {border-right: 0 !important;} .bena-3box-big .bena-box-img {display:inline-block; position: relative;width: 100%} .bena-3box-big .bena-box-img img {width: 100%} .bena-3box-big .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 13px; height: 26px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-3box-big .bena-box-dtls {padding: 9px 0 20px 4px;position: relative;border-bottom: 6px solid #8e9ecb;} .bena-3box-big .bena-box-dtls .bena-title { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; font-family: 'Proxima Nova W08 Light';line-height:28px;height:84px;font-size: 20px;color:#474C47;margin-bottom: 28px;} .bena-3box-big .bena-box-dtls .bena-subtitle {font-family: 'Proxima Nova W08 Light';overflow:hidden; width: 324px;max-width:calc(100% - 28px);white-space: nowrap;text-overflow: ellipsis; text-transform: uppercase; display:block;line-height:20px;height:20px;font-size: 15px;color:#474C47;} .bena-3box-big .bena-box-dtls .bena-greytitle {font-family: 'Proxima Nova W08 Light';overflow:hidden; width: 324px;max-width:calc(100% - 28px);white-space: nowrap;text-overflow: ellipsis; text-transform: uppercase;display:block;line-height:20px;height:20px;font-size: 15px;color: #8d8f8d;} .bena-3box-big .bena-box-dtls .ben-button-icons {position: absolute;bottom:20px;right: 0;} .bena-4box-big {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px;} .bena-4box-big:nth-child(4n) {border-right: 0 !important;} .bena-4box-big.bena-hide-line {border-right: 0 !important;} .bena-4box-big .bena-box-img {display:inline-block; position: relative;width: 100%} .bena-4box-big .bena-box-img img {width: 100%} .bena-4box-big .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 13px; height: 26px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-4box-big .bena-box-dtls {padding: 0 0 20px 4px;position: relative;border-bottom: 6px solid #8e9ecb;} .bena-4box-big .bena-box-dtls .bena-title { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; font-family: 'Proxima Nova W08 Light';line-height:24px;margin-bottom:24px;height:73px;font-size: 20px;color:#474C47;} .bena-4box-big .bena-box-dtls .bena-subtitle {font-family: 'Proxima Nova W08 Light';overflow:hidden; text-overflow: ellipsis; text-transform: uppercase;white-space: nowrap; width: 230px; display:block;line-height:20px;height:20px;font-size: 14px;color:#474C47;} .bena-4box-big .bena-box-dtls .bena-greytitle {font-family: 'Proxima Nova W08 Light';overflow:hidden; text-overflow: ellipsis; white-space: nowrap;text-transform: uppercase;display:block;line-height:20px;height:20px;font-size: 14px;color: #8d8f8d;padding-right: 25px;} .bena-4box-big .bena-box-dtls .ben-button-icons {position: absolute;bottom:20px;right: 0;} .bena-3box-2title {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px; } .bena-3box-2title:nth-child(3n) {border-right: 0 !important;} .bena-3box-2title.bena-hide-line {border-right: 0 !important;} .bena-3box-2title .bena-box-img { position: relative;min-height: 150px;width: 100%} .bena-3box-2title .bena-box-img img {width: 100%;} .bena-3box-2title .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 13px; height: 26px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-3box-2title .bena-box-dtls {padding-top:13px; border-bottom: 6px solid #8e9ecb; height: 80px; position: relative;} .bena-3box-2title .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';height: 54px;font-size:24px;color:#474C47;margin:0 35px 13px 4px; overflow: hidden; line-height: 27px; } .bena-3box-2title .bena-box-dtls .ben-button-icons {position: absolute;top:15px;right: 0;} .bena-3box-15title {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px; } .bena-3box-15title:nth-child(3n) {border-right: 0 !important;} .bena-3box-15title.bena-hide-line {border-right: 0 !important;} .bena-3box-15title .bena-box-img { position: relative;min-height: 150px;width: 100%} .bena-3box-15title .bena-box-img img {width: 100%;} .bena-3box-15title .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 12px; height: 23px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-3box-15title .bena-box-dtls {padding-top:13px; border-bottom: 6px solid #8e9ecb; height: 50px; position: relative;} .bena-3box-15title .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';height: 54px;font-size:24px;color:#474C47;margin:0 35px 13px 4px; overflow: hidden; line-height: 27px; } .bena-3box-15title .bena-box-dtls .ben-button-icons {position: absolute;top:15px;right: 0;} .bena-4box-2title {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px; } .bena-4box-2title:nth-child(4n) {border-right: 0!important;} .bena-4box-2title.bena-hide-line {border-right: 0 !important;} .bena-4box-2title .bena-box-img {position: relative;min-height: 150px;width: 100%;} .bena-4box-2title .bena-box-img img {width: 100%} .bena-4box-2title .bena-box-dtls {padding-top:13px; border-bottom: 6px solid #8e9ecb; height: 80px; position: relative;} .bena-4box-2title .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';height: 54px;font-size:24px;color:#474C47;margin:0 35px 13px 4px; overflow: hidden; line-height: 27px; } .bena-4box-2title .bena-box-dtls .ben-button-icons {position: absolute;top:15px;right: 0;} .bena-4box-more {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px; } .bena-4box-more:nth-child(4n) {border-right: 0 !important;} .bena-4box-more .bena-box-img {display:inline-block; position: relative;width: 100%;margin-bottom: 15px;} .bena-4box-more .bena-box-img img {width: 100%;} .bena-4box-more .bena-box-dtls {min-height:145px;line-height:20px;font-size: 16px;font-family:"Proxima Nova W08 Thn Reg";border-bottom: 6px solid #8e9ecb; } .bena-4box-more .bena-box-dtls .bena-title {padding-bottom:5px;overflow:hidden;height: 56px;font-size: 28px;line-height: 26px; vertical-align: top;font-family:"Proxima Nova W08 Thn Reg";} .bena-4box-more .bena-box-dtls .bena-title.ben-textsize-25 {font-size: 25px;} .bena-4box-more .bena-box-dtls .bena-title3 {padding-bottom:5px;overflow:hidden;height: 93px;font-size: 28px;line-height: 26px; vertical-align: top;font-family:"Proxima Nova W08 Thn Reg";} .bena-4box-more .bena-box-dtls .bena-title3.ben-textsize-25 {font-size: 25px;} .bena-4box-more .bena-box-dtls .bena-address {line-height: 26px;height: 52px;overflow: hidden;margin-bottom: 20px;} .bena-4box-more .bena-box-dtls .bena-phone {height: 20px;overflow: hidden;margin-bottom: 20px;} .bena-4box-more .bena-box-dtls .bena-email {height: 66px;display:block;padding-top:20px;padding-bottom:20px;font-size: 13px;font-family:"Proxima Nova W08 Thn Reg";color:#8e9ecb;line-height: 26px;} /*.bena-4box-more .bena-box-dtls .bena-visiting {height:80px;line-height: 20px;}*/ .bena-4box-more .bena-box-dtls .bena-visiting {height: 130px;line-height: 20px;} .bm-buildings-date.col-12.bm-font-light {height: 150px;} /*.bena-visiting.ben-margin-b10 {height: auto!important;}*/ .bena-horizonbox {border-bottom: 1px solid #8e9ecb;display: inline-block;margin-bottom: 10px;width:100%;} .bena-horizonbox .bena-box-img {float:left;width:260px;display:inline-block; position: relative;margin-bottom: 15px;} .bena-horizonbox .bena-box-img img {width: 100%;} .bena-horizonbox .bena-box-img .bena-box-image-text {color:#474C47;background-color: rgba(255, 255, 255, 0.88); display: inline-block; font-size: 13px; height: 26px; left: 13px; line-height: 26px; padding: 0 12px; position: absolute; text-align: center; top: 13px;} .bena-horizonbox .bena-box-dtls {position: relative; padding-left:15px;border-left: 4px solid #8e9ecb;float:right;width:867px; height: 150px;} .bena-horizonbox .bena-box-dtls.bena-historic-files {height: 100px;} .bena-horizonbox .bena-box-dtls.bena-historic-files .bena-title {margin-bottom:0px;} .bena-horizonbox .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';font-size: 20px;line-height:24px;color:#474C47;margin-bottom:10px;max-height:96px;} .bena-horizonbox .bena-box-dtls .bena-sectond-title {font-family: 'Proxima Nova W08 Reg'; font-size:16px;color:#474C47;margin-bottom:10px;} .bena-horizonbox .bena-box-dtls .bena-subtitle { font-family: 'Proxima Nova W08 Light'; color:#474C47;line-height: 18px; font-size: 14px;} .bena-horizonbox .bena-box-dtls .bena-greytitle { font-family: 'Proxima Nova W08 Light'; line-height: 18px; font-size: 14px; color:#969896; } .bena-horizonbox .bena-box-dtls .ben-button-icons {position: absolute;bottom:12px;right: 0;} .bena-2box-popup {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px; } .bena-2box-popup .bena-box-img {position: relative;height: 280px;overflow: hidden;} .bena-2box-popup .bena-box-img img {width: 100%;position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-2box-popup .bena-box-img .bena-box-dtls {background-color: rgba(255, 255, 255, 0.88); border-bottom: 6px solid #8e9ecb; line-height: 27px; padding: 57px 55px 26px 25px; position: absolute; width: 300px; height: 137px; bottom: 32px; font-size: 24px; left: 20px; color:#474C47; } .bena-2box-popup .bena-box-img .ben-button-icons {position: absolute;top:15px;right: 0;} .bena-containerfull-img {position: relative;background-color: #fdfdfd;} .bena-containerfull-img.bena-hide-line {border-right: 0 !important;} .bena-containerfull-img > img {width: 100%;} .bena-containerfull-img .bena-box-dtls { bottom:20px;left:20px; padding: 20px 26px; width: 271px; background-color: rgba(255, 255, 255, 0.88); border-bottom: 6px solid #8E9ECB; position: absolute; } .bena-containerfull-img .bena-box-dtls .bena-category {padding: 0 10px; margin-bottom: 20px; line-height: 26px;font-size: 13px;border: 1px solid #8e9ecb; color:#8e9ecb; display: inline-block;} .bena-containerfull-img .bena-box-dtls .bena-title { font-family: 'Proxima Nova W08 Light'; line-height: 28px; font-size: 24px; color: #484D48; /*min-height: 56px;*/ max-height: 141px; overflow: hidden; } .bena-containerfull-img .bena-box-dtls .bena-subtitle { font-family: 'Proxima Nova W08 Light'; line-height: 20px; font-size: 15px; margin-top: 20px; height: 20px; overflow: hidden; } .bena-containerfull-img .bena-box-dtls .bena-greytitle { font-family: 'Proxima Nova W08 Light'; line-height: 20px; font-size: 15px; color:#969896; } .bena-box-department-staff:nth-child(2n) {border-left: 1px solid #8e9ecb;} .bena-boxcollections-mybenaki {border-right: 1px solid #8e9ecb;display: inline-block;margin-bottom: 35px;} .bena-boxcollections-mybenaki:nth-child(2n) {border-right: 0;} .bena-boxcollections-mybenaki .bena-box-img {height:553px;margin-bottom: 5px;} .bena-boxcollections-mybenaki .bena-box-img .bena-mybenaki-collectionimg {display:block;overflow:hidden;position:relative;background-color: #e2e3e2; border: 1px solid #cacbca; height: 264px; line-height: 264px; text-align: center; } .bena-boxcollections-mybenaki .bena-box-img .col-xs-6:nth-child(2) , .bena-boxcollections-mybenaki .bena-box-img .col-xs-6:nth-child(1) {margin-bottom:30px;} .bena-boxcollections-mybenaki .bena-box-img .bena-mybenaki-collectionimg img {display: inline-block; max-height: 262px; max-width: 262px;margin-top: -4px;} .bena-boxcollections-mybenaki .bena-box-img .bena-mybenaki-collectionimg-innerbox {display: block;width: 100%;height:100%;} .bena-boxcollections-mybenaki .bena-box-dtls {position:relative;padding: 6px 0;border-bottom: 6px solid #8e9ecb; } .bena-boxcollections-mybenaki .bena-box-dtls .bena-title {font-family: 'Proxima Nova W08 Light';font-size: 20px;line-height:24px;color:#474C47;margin-bottom:5px;height:24px;} .bena-boxcollections-mybenaki .bena-box-dtls .bena-subtitle { font-family: 'Proxima Nova W08 Light'; color:#474C47;line-height: 18px; font-size: 14px;} .bena-boxcollections-mybenaki .bena-box-dtls .ben-button-icons {position: absolute;top:15px;right: 0;} .bena-socialhubbox {display: inline-block;} .bena-socialhubbox .bena-box-img {display:inline-block; position: relative;width: 100%} .bena-socialhubbox .bena-box-img img {width: 100%;} .bena-socialhubbox .bena-box-dtls {position:relative;padding: 6px 0;} .bena-socialhubbox .bena-box-dtls .bena-img {width: 40px; height: 40px;display: inline-block; float: left;} .bena-socialhubbox .bena-box-dtls .bena-title { font-family: 'Proxima Nova W08 Smbd';width: 215px;display: inline-block;font-size: 14px;line-height:20px;color:#8e9ecb;height:20px;float: right;} .bena-socialhubbox .bena-box-dtls .bena-greytitle {width: 215px;display: inline-block;font-size: 14px;line-height:20px;color:#969896;height:20px;float: right;} .bena-socialhubbox .bena-box-dtls .bena-subtitle { font-family: 'Proxima Nova W08 Thn Reg'; color:#474C47;line-height: 22px; font-size: 15px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;} .bena-listbox { border-bottom: 1px solid #8e9ecb; display: inline-block; } .bena-listbox .bena-box-img {position: relative;height: 40px;} .bena-listbox .bena-box-img .bena-box-image-text {color:#474C47;background-color: #EAEAE9; display: inline-block; font-size: 13px; height: 26px; left: 17px; line-height: 26px; padding: 0 17px; position: absolute; text-align: center; top: 8px;} .bena-listbox .bena-listbox-content { border-left: 6px solid #8e9ecb; padding-left: 10px; min-height: 110px; position: relative; display: block; } .bena-listbox .bena-listbox-content .bena-title {font-family: 'Proxima Nova W08 Light';font-size: 20px;line-height:24px;height:72px;overflow: hidden;color:#8e9ecb;} .bena-listbox .bena-listbox-content .bena-subtitle {font-family: 'Proxima Nova W08 Light';font-size: 14px;color:#474C47;} .bena-listbox .bena-listbox-content .bena-greytitle {font-family: 'Proxima Nova W08 Light';font-size: 14px;color:#969896;} .bena-listbox .bena-listbox-content .ben-button { position: absolute; bottom: 10px; right: 0; } .bena-box-green { border-right: 1px solid #B2B212; } .bena-box-green .bena-box-dtls { border-bottom: 6px solid #B2B212; } .bena-box-green .ben-button-arrow-right.active:after { color: #B2B212; } .bena-box-green .ben-button-icons.active:after { border: 2px solid #B2B212; } .bena-box-green .bena-box-dtls .bena-category {border: 1px solid #B2B212; color:#B2B212;} .bena-horizonbox.bena-box-green { border-bottom: 1px solid #B2B212; border-right: 0; } .bena-horizonbox.bena-box-green .bena-box-dtls { border-left: 4px solid #B2B212; border-bottom: 0; } .bena-box-yellow { border-right: 1px solid #FFC905; } .bena-box-yellow .bena-box-dtls { border-bottom: 6px solid #FFC905; } .bena-box-yellow .ben-button-arrow-right.active:after { color: #FFC905; } .bena-box-yellow .ben-button-icons.active:after { border: 2px solid #FFC905; } .bena-horizonbox.bena-box-yellow { border-bottom: 1px solid #FFC905; border-right: 0; } .bena-horizonbox.bena-box-yellow .bena-box-dtls { border-left: 4px solid #FFC905; border-bottom: 0; } .bena-box-red { border-right: 1px solid #C1272D; } .bena-box-red .bena-box-dtls { border-bottom: 6px solid #C1272D; } .bena-box-red .ben-button-arrow-right.active:after { color: #C1272D; } .bena-box-red .ben-button-icons.active:after { border: 2px solid #C1272D; } .bena-box-orange { border-right: 1px solid #E97200; } .bena-box-orange .bena-box-dtls { border-bottom: 6px solid #E97200; } .bena-box-orange .ben-button-arrow-right.active:after { color: #E97200; } .bena-box-orange .ben-button-icons.active:after { border: 2px solid #E97200; } .bena-box-blue { border-right: 1px solid #8E9ECB; } .bena-box-blue .bena-box-dtls { border-bottom: 6px solid #8E9ECB; } .bena-box-blue .ben-button-arrow-right.active:after { color: #8E9ECB; } .bena-box-blue .ben-button-icons.active:after { border: 2px solid #8E9ECB; } .bena-box-twineal { border-right: 1px solid #aba27b; } .bena-box-twineal .bena-box-dtls { border-bottom: 6px solid #aba27b; } .bena-box-twineal .bena-box-img .bena-box-dtls { border-bottom: 6px solid #aba27b; } .bena-box-twineal .ben-button-arrow-right.active:after { color: #aba27b; } .bena-box-twineal .ben-button-icons.active:after { border: 2px solid #aba27b; } .bena-box-building-colorid-1 .bena-box-img {-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-1 .bena-box-img:hover {background: #444d68 url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-1 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-1 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-1 .bena-box-dtls .bena-title{color:#444d68;} .bena-box-building-colorid-1 .bena-box-dtls { border-bottom: 6px solid #444d68; } .bena-box-building-colorid-2 .bena-box-img {-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-2 .bena-box-img:hover {background: #90bfaf url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-2 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-2 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-2 .bena-box-dtls .bena-title{color:#90bfaf;} .bena-box-building-colorid-2 .bena-box-dtls { border-bottom: 6px solid #90bfaf; } .bena-box-building-colorid-3 .bena-box-img {-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-3 .bena-box-img:hover {background: #30614f url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-3 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-3 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-3 .bena-box-dtls .bena-title{color:#30614f;} .bena-box-building-colorid-3 .bena-box-dtls { border-bottom: 6px solid #30614f; } .bena-box-building-colorid-4 .bena-box-img {-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-4 .bena-box-img:hover {background: #620360 url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-4 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-4 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-4 .bena-box-dtls .bena-title{color:#620360;} .bena-box-building-colorid-4 .bena-box-dtls { border-bottom: 6px solid #620360; } .bena-box-building-colorid-5 .bena-box-img {-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-5 .bena-box-img:hover {background: #7a2e00 url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-5 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-5 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-5 .bena-box-dtls .bena-title{color:#7a2e00;} .bena-box-building-colorid-5 .bena-box-dtls { border-bottom: 6px solid #7a2e00; } .bena-box-building-colorid-6 .bena-box-img {-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-6 .bena-box-img:hover {background: #aed472 url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-6 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-6 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-6 .bena-box-dtls .bena-title{color:#aed472;} .bena-box-building-colorid-6 .bena-box-dtls { border-bottom: 6px solid #aed472; } .bena-box-building-colorid-7 .bena-box-img {-webkit-transition-property: background; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-7 .bena-box-img:hover {background: #f26c4e url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-7 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-7 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-7 .bena-box-dtls .bena-title{color:#f26c4e;} .bena-box-building-colorid-7 .bena-box-dtls { border-bottom: 6px solid #f26c4e; } .bena-box-building-colorid-8 .bena-box-img {-webkit-transition-property: background; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-8 .bena-box-img:hover {background: #562636 url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-8 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-8 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-8 .bena-box-dtls .bena-title{color:#562636;} .bena-box-building-colorid-8 .bena-box-dtls { border-bottom: 6px solid #562636; } .bena-box-building-colorid-9 .bena-box-img {-webkit-transition-property: background; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-9 .bena-box-img:hover {background: #779fc3 url('../images/logo_trans.png') no-repeat center;-webkit-transition-property: background-color; -webkit-transition-duration: 0.4s; transition-property: background-color; transition-duration: 0.4s;} .bena-box-building-colorid-9 .bena-box-img img {opacity: 1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-9 .bena-box-img:hover img {opacity: 0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-box-building-colorid-9 .bena-box-dtls .bena-title{color:#779fc3;} .bena-box-building-colorid-9 .bena-box-dtls { border-bottom: 6px solid #779fc3; } .bena-box-leftborder { border-left: 1px solid #8e9ecb; } .bena-box-leftborder-green { border-left: 1px solid #B2B212; } .bena-height85 { height: 85px; overflow: hidden;background:none;} .bena-height85 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height100 { height: 100px; overflow: hidden;background:none;} .bena-height100 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height130 { height: 130px; overflow: hidden;background:none;} .bena-height130 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height150 { height: 150px; overflow: hidden;background:none;} .bena-height150 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height180 { height: 180px; overflow: hidden;background:none; } .bena-height180 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height200 { height: 200px; overflow: hidden;background:none; } .bena-height200 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height260 { height: 260px; overflow: hidden;background:none; } .bena-height260 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height270 { height: 270px; overflow: hidden;background:none; } .bena-height270 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height340 { height: 340px; overflow: hidden;background:none; } .bena-height340 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height360 { height: 360px; overflow: hidden;background:none; } .bena-height360 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height400 { height: 400px; overflow: hidden;background:none; } .bena-height400 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height460 { height: 460px; overflow: hidden;background:none; } .bena-height460 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .bena-height530 { height: 530px; overflow: hidden;background:none; } .bena-height530 img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} /*--------------------------------------------------------------------- Footer ----------------------------------------------------------------------*/ .bena-banners-box {} .bena-banners-box h3 {margin-top:35px; font-family:"Proxima Nova W08 Thn Reg"; font-size: 34px;} .bena-social-bar { height: 78px; font-size: 34px; line-height: 78px; } .bena-social-bar .ben-icons { font-size: 23px; margin-left: 30px; } .bena-social-bar-logo:before { content: "\e907"; min-width: 1170px; background-color: #8E9ECB; color: #7182B8; display: block; font-size: 78px; height: 78px; line-height: 78px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: -1; } .bena-social-bar ul { list-style-type: none; float: right; } .bena-social-bar ul li { float: right; } .bena-social-bar .ben-icon-facebook:after { text-align: center; float: right; width: 36px; border-radius: 50%; height: 36px; background-color: #ffffff; display: inline-block; content: "\e908"; color: #8e9ecb; font-size: 18px; line-height: 36px; } .bena-social-bar .ben-icon-twitter:after { text-align: center; float: right; width: 36px; border-radius: 50%; height: 36px; background-color: #ffffff; display: inline-block; content: "\e909"; color: #8e9ecb; font-size: 14px; line-height: 36px; } .bena-social-bar .ben-icon-youtube:after { text-align: center; float: right; width: 36px; border-radius: 50%; height: 36px; background-color: #ffffff; display: inline-block; content: "\e91c"; color: #8e9ecb; font-size: 18px; line-height: 36px; } .bena-social-bar .ben-icon-flickr:after { text-align: center; float: right; width: 36px; border-radius: 50%; height: 36px; background-color: #ffffff; display: inline-block; content: "\e91d"; color: #8e9ecb; font-size: 8px; line-height: 36px; } .bena-social-bar .ben-icon-instagram:after { text-align: center; float: right; width: 36px; border-radius: 50%; height: 36px; background-color: #ffffff; display: inline-block; content: "\e90a"; color: #8e9ecb; font-size: 15px; line-height: 36px; } .bena-social-bar .ben-icon-pinterest:after { text-align: center; float: right; width: 36px; border-radius: 50%; height: 36px; background-color: #ffffff; display: inline-block; content: "\e90b"; color: #8e9ecb; font-size: 18px; line-height: 36px; } .bena-social-bar .ben-icon-facebook:hover:after { color: #35619E;transition: all 0.3s ease 0s;} .bena-social-bar .ben-icon-twitter:hover:after { color: #2AA9E0;transition: all 0.3s ease 0s;} .bena-social-bar .ben-icon-youtube:hover:after { color: #E52D27;transition: all 0.3s ease 0s;} .bena-social-bar .ben-icon-flickr:hover:after { color: #FF0084;transition: all 0.3s ease 0s;} .bena-social-bar .ben-icon-instagram:hover:after {color: #5081A2;transition: all 0.3s ease 0s;} .bena-social-bar .ben-icon-pinterest:hover:after {color: #CC1F29;transition: all 0.3s ease 0s;} .bena-footer { background-color: #6375af; padding-top: 43px; } .bena-footer .ben-footer-titleline { border-bottom: 2px solid #ffffff; width: 68px; margin-bottom: 19px; margin-top: 9px; } .bena-footer .menu-footer { list-style-type: none; margin-bottom: 94px; line-height: 28px; text-transform: uppercase; } .bena-footer .menu-footer a { color: #ffffff; } .bena-footer .ben-footer-newsletter { background-color: #ffffff; height: 40px; margin-bottom: 42px; } .bena-footer .ben-footer-newsletter input { border: 0; height: 40px; width: 225px; padding-left: 9px; } .bena-footer .ben-footer-newsletter button { float: right; margin: 4px 3px 0 0; } .ben-footer-member-icon:after { content: '\e911'; float: right; font-size: 82px; color: #ffffff; line-height: 82px; } .bena-footer .ben-copyright { font-size: 15px; margin-bottom: 20px; } .bena-footer .ben-copyright ul { display: inline-block; } .bena-footer .ben-copyright li { display: inline-block; } .bena-footer .ben-copyright li:after { content: "|"; color: #ffffff; margin-left: 13px; } .bena-footer .ben-copyright li:last-child:after { content: ""; } .bena-footer .ben-copyright a { color: #AEB8D7; margin-left: 5px; } .bena-popup-message { position: fixed; top:0; height:100vh; width:100vw; left:0; background-color: rgba(29,29,27,0.8); z-index: 100;} .bena-popup-message .bena-close-message {width: 100%;height:100%;} .bena-popup-message .bena-close-message .ben-icons {right: 15px;top: 12px;text-align:center;border-radius:5px;cursor:pointer;color:#969896;font-size:18px;position: absolute;line-height: 32px;z-index: 2; background-color: #ffffff;width:32px;height:32px;} .bena-popup-message .bena-popup-message-text {border:1px solid #ffffff; border-radius:2px;padding:100px 50px;font-family: 'Proxima Nova W08 Light';font-size: 16px;color:#ffffff;line-height: 33px;width:665px;background-color:#8ea0d0; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .bena-popup-message .bena-popup-message-text h3 {font-size: 20px; line-height: 33px;} #system-message-container #system-message { position: fixed; top:0; height:100vh; width:100vw; left:0; background-color: rgba(29,29,27,0.8); z-index: 150;} #system-message-container .alert .close {padding: 20px; text-align: right;display:block;width: 100%;height:100vh;} #system-message-container .alert .close:after {content: "\e80c";right: 15px;top: 12px;text-align:center;border-radius:5px;cursor:pointer;color:#969896;font-size:18px;position: absolute;line-height: 32px;z-index: 2; background-color: #ffffff;width:32px;height:32px;} #system-message-container .alert > div .alert-message {border:1px solid #ffffff; border-radius:2px;padding:100px 50px;font-family: 'Proxima Nova W08 Light';font-size: 16px;color:#ffffff;line-height: 33px;width:665px;background-color:#8ea0d0; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #system-message-container .alert h4 {display: none;} .bena-powered {font-size:15px; color: #ffffff;} .bena-powered a { color: #aeb8d7;} /*--------------------------------------------------------------------- APPS ----------------------------------------------------------------------*/ .bena-app-chronology {position: relative;height:calc(100vh - 100px);min-height:500px;margin-top: 20px;} .bena-app-chronology #app-up {position: absolute;top: 0;left:525px;background-color: #ffffff;height:70px;width:90px;border-radius: 0 0 45px 45px;border: 0;font-size: 17px;text-align: center;} .bena-app-chronology #app-down {position: absolute;bottom: 0;left:525px;background-color: #ffffff;height:70px;width:90px;border-radius: 45px 45px 0 0;border: 0;font-size: 17px;text-align: center;} .bena-app-chronology #ben-app-down-instructions { position: absolute;bottom: 10px;left: 620px;border-radius: 45px 45px 0 0;border: 0;font-size: 17px;text-align: center; } .bena-app-chronology .app-colletions {border-right:2px solid #ffffff;height:100%;position: absolute;width: 50%;background-color: #efede5; left:0;} .bena-app-chronology .app-history {border-left:2px solid #ffffff;height:100%;position: absolute;width: 50%;background-color: #ebedf6; right:0;} .bena-app-chronology .app-headertitle {line-height: 36px;font-size: 66px;text-align: center;font-family:"Proxima Nova W08 Thn Reg";margin-top: 100px; } .bena-app-chronology .app-colletions .app-headertitle {color: #a0997f} .bena-app-chronology .app-history .app-headertitle {color: #8ea0d0} .bena-app-chronology .app-mainbody {padding:200px 23px 80px; height:100%;z-index: 1;} .bena-app-chronology .app-mainbody .app-years {overflow:hidden; height: 100%; position: relative; } .bena-app-chronology .app-mainbody .app-years .app-yearsul {display: block;padding-top: 100px; background-image: url("../images/lines.svg"); background-position: center top 4px; background-repeat: repeat-y;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li {width:100%;position: relative;height: 21px;display: block;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li:last-child { height: 550px; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li .app-collections-box {opacity:0;position: absolute;left: 0;top: 0;width: 390px;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li .app-history-box {opacity:0;position: absolute;right: 0;top: 0;width: 390px;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li .app-year-box {cursor:pointer;color: #556989; font-family: "Proxima Nova W08 Bd"; font-size: 21px; height: 21px; line-height: 21px; margin: 0 auto; padding: 2px 0; text-align: center; width: 270px; -webkit-transition-property: background-color;-webkit-transition-duration: 0.4s;transition-property: background-color; transition-duration: 0.4s;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li:hover .app-year-box {background-color:#7b8aa5; color:#ffffff;-webkit-transition-property: background-color;-webkit-transition-duration: 0.4s;transition-property: background-color; transition-duration: 0.4s; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active .app-year-box {background-color:#7b8aa5; color:#ffffff;-webkit-transition-property: background-color;-webkit-transition-duration: 0.4s;transition-property: background-color; transition-duration: 0.4s; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active .ben-preview-box-span .ben-icons {background-color: #ffffff; color: #969896; display: inline-block; font-size: 8px; height: 14px; line-height: 14px; position: absolute; right: 4px; text-align: center; top: 4px; width: 14px;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.app-disable .app-year-box { cursor: default;color: #556989;background-color: transparent;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active .app-collections-box.active { opacity:1;-webkit-transition-property: opacity;-webkit-transition-duration: 0.4s;transition-property: opacity; transition-duration: 0.4s; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active .app-history-box.active { opacity:1;-webkit-transition-property: opacity;-webkit-transition-duration: 0.4s;transition-property: opacity; transition-duration: 0.4s; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active .app-collections-box > li {width:400px; min-height:140px;background-color: #afab98;display: block;padding: 6px 9px; margin-bottom:10px; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active .app-history-box > li {width:400px; min-height:140px;background-color: #acb4d1;display: block;padding: 6px 9px;margin-bottom:10px; } .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active ul > li .app-box-img {cursor:pointer;z-index:2;width:110px; height:100%;float: left;overflow: hidden;position: relative;line-height: 128px;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active ul > li .app-box-img img {display:inline;width:100%;height:auto;} .bena-app-chronology .app-mainbody .app-years .app-yearsul > li.active ul > li .app-box-text {width:245px; min-height:130px;color: #ffffff;font-size: 12px;margin-left: 17px; display: inline-block;} .bena-app-image-tools-container {position: relative;border:1px solid #cacbca; height:500px;width:750px;overflow: hidden;} .bena-app-image-tools-container .slick-prev {position: absolute;left: -36px; line-height: 10px;top: 214px;z-index: 2; width:36px;height: 72px;border:0;border-radius: 0 36px 36px 0;background-color: rgba(255,255,255,0.25);-webkit-transition-property: left; -webkit-transition-duration: 0.4s; transition-property: left; transition-duration: 0.4s;} .bena-app-image-tools-container .slick-next {position: absolute;right: -36px;line-height: 10px;top: 214px;z-index: 2;width:36px;height: 72px;border:0;border-radius: 36px 0 0 36px;background-color: rgba(255,255,255,0.25);-webkit-transition-property: right; -webkit-transition-duration: 0.4s; transition-property: right; transition-duration: 0.4s;} .bena-app-image-tools-container:hover .slick-prev {left:0;-webkit-transition-property: left; -webkit-transition-duration: 0.4s; transition-property: left; transition-duration: 0.4s;} .bena-app-image-tools-container:hover .slick-next {right:0;-webkit-transition-property: right; -webkit-transition-duration: 0.4s; transition-property: right; transition-duration: 0.4s;} .bena-app-image-tools-container .slick-prev:after { font-size:22px;color: #969896; content: "\e808"; line-height: 72px; } .bena-app-image-tools-container .slick-next:after { font-size:22px;color: #969896; content: "\e80a"; line-height: 72px; } .bena-app-image-tools-container .bena-app-image-tools { line-height: 500px; text-align: center; background-color: #e2e3e2; height:500px;width:750px;overflow: hidden;position: relative;} .bena-app-image-tools-container .bena-app-image-tools .bena-app-default-image {display: inline;} .bena-app-image-tools-container .bena-app-image-tools .bena-app-zoomer { height: 100%; overflow: hidden; width: 100%; } .bena-app-image-tools-container .bena-app-image-tools .bena-app-zoomer .zoomer.dark_zoomer img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .bena-app-image-tools-container .bena-app-image-tools .bena-app-enablezoom {position: absolute;right: 0;bottom: 0;} .bena-app-image-tools-container .bena-app-image-tools .bena-zoom-out {position: absolute;right: 10px;height: 32px;width: 32px;bottom: 16px;z-index: 2;cursor: pointer;background-image: url("../images/zoom-out.svg");background-repeat:no-repeat;opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools .bena-zoom-in {position: absolute;right: 50px;height: 32px;width: 32px;bottom: 16px;z-index: 2;cursor: pointer;background-image: url("../images/zoom-in.svg");background-repeat:no-repeat;opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools .bena-zoom-out:hover {height: 40px;width: 40px;bottom: 12px;right: 6px;background-size: 40px;} .bena-app-image-tools-container .bena-app-image-tools .bena-zoom-in:hover {height: 40px;width: 40px;bottom: 12px;right: 46px;background-size: 40px;} .bena-app-image-tools-container .bena-app-image-tools:hover .bena-zoom-out {opacity:1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools:hover .bena-zoom-in {opacity:1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools .bena-app-fullscreen {right: 15px;top: 12px;text-align:center;border-radius:5px;cursor:pointer;color:#969896;font-size:18px;position: absolute;line-height: 32px;z-index: 2; background-color: #ffffff;width:32px;height:32px;opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools:hover .bena-app-fullscreen {opacity:1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools .bena-app-fullscreen:hover {right: 11px;top: 8px;border-radius:6.25px;font-size:22px; line-height: 40px;width:40px;height:40px;} .bena-app-image-tools-container .bena-app-image-tools .bena-app-addtocollection {left: 15px;bottom: 12px;border-radius:5px;cursor:pointer;color:#969896;font-size:18px;position: absolute;line-height: 32px;z-index: 2; background-color: #ffffff;width:32px;height:32px;opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools:hover .bena-app-addtocollection {opacity:1;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-app-image-tools-container .bena-app-image-tools .bena-app-addtocollection:hover {left: 11px;bottom: 8px;border-radius:6.25px;font-size:22px; line-height: 40px;width:40px;height:40px;} .bena-modal-box-slider-container { position: fixed; top:0; height:100vh; width:100vw; left:0; background-color: rgba(29,29,27,0.8); z-index: 100; line-height: 100%; } .bena-modal-box-slider-container .bena-modal-box-close {right: 15px;top: 12px;text-align:center;border-radius:5px;cursor:pointer;color:#969896;font-size:18px;position: absolute;line-height: 32px;z-index: 2; background-color: #ffffff;width:32px;height:32px;} .bena-modal-box-slider-container .ben-modal-box-slider { text-align: center; line-height: 100vh; position: relative; } .bena-modal-box-slider-container .ben-modal-box-slider img{ max-height: 90vh; max-width: 90%; display: inline-block; } .bena-modal-box-slider-container .ben-modal-box-firstimage { text-align: center; line-height: 100vh; position: absolute; top: 0;width: 100%; } .bena-modal-box-slider-container .ben-modal-box-firstimage img{ opacity:1; max-height: 90vh; max-width: 90%; display: inline-block; } .bena-modal-box-slider-container .ben-modal-box-firstimage img.ben-remove-from-slider {opacity:0;-webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s;} .bena-modal-box-slider-container .ben-modal-box-slider .slick-next:after { content: "\e80a"; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; } .bena-modal-box-slider-container .ben-modal-box-slider .slick-prev:after { content: "\e808"; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; } .bena-modal-box-slider-container .ben-modal-box-slider .slick-next { border-radius: 24px; border: 0; height: 48px; width: 48px; background-color: #eaeae9; z-index:1;position: absolute;right:0;top:50%;} .bena-modal-box-slider-container .ben-modal-box-slider .slick-prev { border-radius: 24px; border: 0; height: 48px; width: 48px; background-color: #eaeae9; z-index:1;position: absolute;left: 0;top:50%;} .bena-dynamic-slider-container { position: fixed; top:0; height:100vh; width:100vw; left:0; background-color: rgba(29,29,27,0.8); z-index: 100; line-height: 100%; } .bena-dynamic-slider-container .bena-modal-box-close {right: 15px;top: 12px;text-align:center;border-radius:5px;cursor:pointer;color:#969896;font-size:18px;position: absolute;line-height: 32px;z-index: 2; background-color: #ffffff;width:32px;height:32px;} .bena-dynamic-slider-container .bena-dynamic-slider { text-align: center; line-height: 100vh; position: relative; } .bena-dynamic-slider-container .bena-dynamic-slider img{ max-height: 74vh; max-width: 90%; display: inline-block; } .bena-dynamic-slider-container .bena-dynamic-slider .slick-next:after { content: "\e80a"; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; } .bena-dynamic-slider-container .bena-dynamic-slider .slick-prev:after { content: "\e808"; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; } .bena-dynamic-slider-container .bena-dynamic-slider .slick-next { border-radius: 24px; border: 0; height: 48px; width: 48px; background-color: #eaeae9; z-index:1;position: absolute;right:0;top:50%;} .bena-dynamic-slider-container .bena-dynamic-slider .slick-prev { border-radius: 24px; border: 0; height: 48px; width: 48px; background-color: #eaeae9; z-index:1;position: absolute;left: 0;top:50%;} .bena-app-addcollection {height:420px;width:420px;margin-left: 70px;} .bena-app-addcollection .bena-mybenaki-collectionimg {display:block;overflow:hidden;position:relative;background-color: #e2e3e2; border: 1px solid #cacbca; height: 420px; line-height: 420px; text-align: center; } .bena-app-addcollection .bena-mybenaki-collectionimg img {display: inline-block; max-height: 420px; max-width: 420px;margin-top: -4px;} .bena-app-addcollection .bena-mybenaki-collectionimg-innerbox {display: block;width: 100%;height:100%;} .bena-app-slider {height:600px;clear: both;position: relative; background-image: url("../images/white-loader.svg"); background-position: left 330px center;background-repeat: no-repeat;} .bena-app-slider .bena-bigslider {width:857px;height: 602px; float: left;overflow: hidden;border:1px solid #808EB5;} .bena-app-slider .bena-bigslider button { color:#ffffff; border: 0; top: 281px; position: absolute; height: 38px; width: 38px; background-color: #8f9fcc; z-index: 1; } .bena-app-slider .bena-bigslider .slick-next { right: 284px;} .bena-app-slider .bena-bigslider .slick-next:after { content: "\e80a"; height: 38px; width:38px; line-height: 38px; } .bena-app-slider .bena-bigslider .slick-prev { left: 1px; } .bena-app-slider .bena-bigslider .slick-prev:after { content: "\e808"; height: 38px; width:38px; line-height: 38px; } .bena-app-slider .bena-app-thumb {cursor:pointer;width:255px;height: 180px; position: absolute;right:0;} .bena-app-slider .bena-app-slider-0 .bena-app-thumb {top:0;} .bena-app-slider .bena-app-slider-1 .bena-app-thumb {top:210px;} .bena-app-slider .bena-app-slider-2 .bena-app-thumb {top:420px;} .bena-app-slider .bena-app-thumb .bena-app-thumbdetails {height:100%;width:100%;background-color: rgba(143,159,204,0.95);opacity: 0; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; transition-property: opacity; transition-duration: 0.2s;} .bena-app-slider .bena-app-thumb:hover .bena-app-thumbdetails {opacity: 1; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; transition-property: opacity; transition-duration: 0.2s;} .bena-app-slider .bena-app-thumb.active .bena-app-thumbdetails {opacity: 1; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; transition-property: opacity; transition-duration: 0.2s; } .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .bena-title {font-family:"Proxima Nova W08 Thn Reg";height:137px;line-height: 24px;font-size:18px;color:#ffffff;padding: 18px 13px 0;overflow: hidden;} .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .bena-subtitle { color: #474c47; line-height: 20px; height: 20px; overflow: hidden;font-size:14px;padding: 0 20px 0 13px; } .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .bena-whitesubtitle { color: #ffffff; line-height: 20px; height: 20px; overflow: hidden; font-size:14px;padding: 0 20px 0 13px; } .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .ben-button-icons {float: right;margin-top: -37px; margin-right: 10px;} .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .ben-button-arrow-right.active:after { color: #ffffff; } .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .ben-button-arrow-right.active:hover:after { color: #72788f; } .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .ben-button-icons:after { border: 2px solid #ffffff; } .bena-app-slider .bena-app-thumb .bena-app-thumbdetails .ben-button-icons:hover:after { border: 2px solid #72788f; } .bena-simple-datepicker {background-color: #ffffff; z-index: 1;position: relative;border: 1px solid #eeeeee;} .bena-simple-datepicker .ui-datepicker .ui-datepicker-header { background-color: #8E9ECB; height: 48px; color: #ffffff; line-height: 48px; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-header select {position: relative; background-color: #ffffff; color: #474c47; height: 40px; border: 0; cursor: pointer; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-month:after {background-color: #ffffff; color: #474c47; font-size: 6px; height: 40px; line-height: 40px; margin-left: 48px; position: absolute; top: 4px; width: 20px; z-index: 1; content: "\e805"; pointer-events: none; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-header select option { height: 38px; line-height: 38px; padding-top: 10px; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-title { line-height: 48px; text-align: center; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-prev { height: 48px; width: 48px; left: 0; cursor: pointer; position: absolute; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-next { height: 48px; width: 48px; right: 0; cursor: pointer; position: absolute; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-prev span { display: none; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-next span { display: none; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-prev:before { content: '\e808'; color: #DFE0E4; text-align: center; display: block; width: 48px; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-next:after { content: '\e80a'; color: #DFE0E4; text-align: center; display: block; width: 48px; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-prev.ui-state-hover { background: none; border: 0; border-radius: 0; } .bena-simple-datepicker .ui-datepicker .ui-datepicker-next.ui-state-hover { background: none; border: 0; border-radius: 0; } .bena-simple-datepicker .ui-datepicker table {width: 100%;} .bena-simple-datepicker .ui-datepicker thead {height: 40px;line-height: 40px;} .bena-simple-datepicker .ui-datepicker td {text-align: center;} .bena-simple-datepicker .ui-datepicker td a { display: inline-block; width: 33px; height: 33px; text-align: center; line-height: 35px; color: #7C8099; font-size: 16px; } .bena-simple-datepicker .ui-datepicker td:hover a { font-family: 'Proxima Nova W08 Bd'; } .bena-simple-datepicker .ui-datepicker td .ui-state-active { border-radius: 50%; background-color: #8E9ECB; color: #ffffff; border: 0; } .ben-first-message {display: block; background-color: #fff; color: #A2AAAF; width: 300px; height: 110px; position: fixed; bottom: 20px; right: 20px; z-index: 999; font-size: 12px; line-height: 12px; padding: 15px 25px 45px; border: 1px solid #999; border-radius: 5px;} .ben-first-message button {display: block; padding: 0 15px; background-color: #A2AAAF; color: #fff; border: none; border-radius: 5px; font-size: 10px; margin-top: 14px; line-height: 19px; margin-left: calc(50% - 30px); min-width: 60px;} /* Teris CSS Below */ .bena-dynamic-slider-span { display: inline-block !important; max-height: 264px; max-width: 264px; } .bena-text-uppercase { text-transform: uppercase; } .bena-text-lowercase { text-transform: lowercase !important; } .bena-text-capitalize { text-transform: capitalize !important; } .ben-details-blue .main a { color:white; text-decoration: none; } .bena-listbox { display: block; } .bena-text-transform-none { text-transform: none; } #ben-filters-container .scroll-bar { z-index: 10; } .bena-width-100 { width: 100% !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-month {text-transform: uppercase;} .bena-no-background-image { background:none;} .bena-event-show-container .bena-containerfull-img .bena-box-dtls {padding: 10px 20px;width: 294px;} .bena-event-show-container .bena-containerfull-img .bena-box-dtls .bena-category {margin-bottom: 15px;line-height: 18px;font-size: 10px;} .bena-event-show-container .bena-containerfull-img .bena-box-dtls .bena-title {line-height: 24px;font-size: 20px;/*min-height: 52px;*/} .bena-event-show-container .bena-containerfull-img .bena-box-dtls .bena-subtitle {font-size: 12px;margin-top: 10px;} .bena-event-show-container .bena-containerfull-img .bena-box-dtls .bena-greytitle {font-size: 12px;} #ben-main-results-container.calendar-container .bena-3box-big {height:auto;} .bena-calendar-list .bena-3box-big {height: auto;} /* .ben-menu .ben-menu-body > ul > li .ben-icon- { box-decoration-break: clone; } */ /* GAntartis CSS */ .eve-my-calendar {position: relative; border: 1px solid #8E9ECB; color: #d5d3d3; height: 35px; display: table;} .eve-my-calendar.selected {border-bottom: none; padding-bottom: 1px;} .eve-my-calendar > div {display: table-cell; vertical-align: middle; padding: 0 7px;} .eve-my-calendar .eve-calendar-label {display: inline-block;} .eve-my-calendar .eve-calendar-arrow {font-size: 6px; vertical-align: middle; color: #000000; display: inline-block; cursor: pointer; padding: 5px 0 5px 5px;} .eve-my-calendar .eve-calendar-ul {display: inline-block; position: absolute; top: 34px; left: 0; background-color: #ffffff; z-index: 1; width: 300px;} .eve-my-calendar .eve-calendar-ul .eve-calendar-li {display: none; width: 390px; height: auto; background-color: #ffffff;} .eve-my-calendar .eve-calendar-ul .eve-calendar-li:last-child {border-bottom: 1px solid #8E9ECB;} .eve-my-calendar .eve-calendar-ul .eve-calendar-li a {width: 100%;} .eve-my-calendar .eve-calendar-ul.selected .eve-calendar-li {display: block;} .eve-my-calendar .eve-calendar-ul.selected .eve-calendar-li a {border-bottom: none;} .ben-fire-chrome {height: 24px;} .bena-heightauto {height: auto;} .com-five-lines {height: 130px !important; font-size: 22px !important;} .bui-ul-footer ul {padding-left: 20px; list-style-type: disc;} .bena-title.ben-textsize-21{font-size: 21px !important;} .bena-calendar-day {opacity: 0.5; padding-top: 95px; margin-top: -95px; position: relative;} .bena-calendar-day.active {opacity: 1;} .bena-calendar-day .bena-calendar-results {cursor: pointer;} .bena-calendar-list {display: none;} .bena-calendar-list.active {display: block;} .bena-calendar-list .bena-3box-big {opacity: 0.5;} .bena-calendar-list .bena-3box-big.active {opacity: 1;} .ben-publication-a {background-color: #F6F8F7;} .ben-publication-gray .bena-carouselbox-simple .bena-box-img {background-color: #F6F8F7;} .ben-publication-gray .bena-carouselbox-simple .bena-box-img img {width: auto; display: block; max-width: 100%; height: auto;} .ben-museum-landing ul {list-style-type: disc; margin-left:20px;} .ben-filippos-iliou table {background-color: #F7F8FB; margin: 0 -70px;} .ben-filippos-iliou table td {padding: 0 70px;} .ben-filippos-iliou ul {padding-left: 30px;} .ben-filippos-iliou ul li:before {content: "\e91e"; font-size: 14px; color: #909ecd; margin-left: -20px; line-height: 24px; margin-right: 6px;} .ben-filippos-iliou hr {margin: 20px -70px;} .ben-landing-copyrights ul {padding-left: 30px;} .ben-landing-copyrights ul li:before {content: "\e91e"; font-size: 14px; color: #909ecd; margin-left: -20px; line-height: 24px; margin-right: 6px;} .ben-espa-table {display: table; height: 92px;} .ben-espa-table .ben-espa-tablec {display: table-cell; vertical-align: middle;} .ben-espa-table .ben-espa-tablec .ben-header-espa {width: 100%; max-width: 420px;} .com-department-box {padding-top: 95px; margin-top: -95px; z-index: -1; position: relative;} /* GHalvatzakis CSS */ #ben-entry-container-user .ben-blue-area-footer{margin-top:20px;} #ben-entry-container-user input{color:black;} #ben-entry-container-user{ width: 925px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: initial; background-color: #8ea0d0; color: #ffffff; line-height: 33px; border: 1px solid #ffffff; border-radius: 2px; padding: 50px 50px; font-family: 'Proxima Nova W08 Light'; font-size: 16px; } .bena-greytitle-kids{ font-size: 13px!important; } .bena-type-title{ font-weight: 600; position: absolute; font-size: 12px; color: #3d3d3d; } .bena-box-mentioned-us{ height: 100px!important; width: 100%!important; margin-bottom: 10px; } .bena-error-display { display:none; } .has_error .bena-error-display { display: block; } .ben-no-main-results-hide { display: none; } .ben-modal-box-form { position: fixed; top:0; height:100%; width:100%; left:0; background-color: rgba(29,29,27,0.8); z-index: 100; line-height: 100%; padding: 50px; } .bena-image-copyrights { bottom: 0; color: #ffffff; height: 12%; left: 0; line-height: 20px; position: absolute; width: 100%; padding-left: calc(50% - 570px); padding-right: calc(50% - 570px); } .bena-width-528 {width:528px;} #member-registration .g-recaptcha { margin-top: 10px; height: 70px; overflow: hidden;} #member-registration .g-recaptcha > div { margin-left: -9px; margin-top: -5px; } .itemid-158 .ben-breadcrumb-container{ display:none; } .bena-4box-more .bena-box-dtls .bena-title {height: 116px;} .moduletable.landbanner h3 {margin-top: 35px;font-family: "Proxima Nova W08 Thn Reg";font-size: 34px;} .bm-buildings-date.col-12.bm-font-light { padding-top: 15px;} /* LATEST */ .itemid-163 .bena-3box-big .bena-box-dtls .bena-greytitle {} .itemid-559 .bena-3box-big .bena-box-dtls .bena-greytitle {} .etitle.lid1,.etitle.lid1 a,.etitle.lid11,.etitle.lid11 a { color: #444d68;border:1px solid #444d68;} .etitle.lid2,.etitle.lid2 a,.etitle.lid13,.etitle.lid13 a { color: #90bfaf;border:1px solid #90bfaf;} .etitle.lid3,.etitle.lid3 a,.etitle.lid15,.etitle.lid15 a { color: #30614f;border:1px solid #30614f;} .etitle.lid4,.etitle.lid4 a,.etitle.lid17,.etitle.lid17 a { color: #620360;border:1px solid #620360;} .etitle.lid5,.etitle.lid5 a,.etitle.lid19,.etitle.lid19 a { color: #7a2e00;border:1px solid #7a2e00;} .etitle.lid6,.etitle.lid6 a,.etitle.lid21,.etitle.lid21 a { color: #aed472;border:1px solid #aed472;} .etitle.lid7,.etitle.lid7 a,.etitle.lid23,.etitle.lid23 a { color: #f26c4e;border:1px solid #f26c4e;} .etitle.lid9,.etitle.lid9 a,.etitle.lid25,.etitle.lid25 a { color: #562636;border:1px solid #562636;} .etitle.lid43,.etitle.lid43 a,.etitle.lid45,.etitle.lid45 a { color: #779fc3;border:1px solid #779fc3;} .etitle.lid49,.etitle.lid49 a,.etitle.lid51,.etitle.lid51 a { color: #7c849f;border:1px solid #7c849f;} .etitle.cevent.lid1,.etitle.cevent.lid11 { background-color: #444d68; color: #fff;} .etitle.cevent.lid2,.etitle.cevent.lid13 { background-color: #90bfaf; color: #fff;} .etitle.cevent.lid3,.etitle.cevent.lid15 { background-color: #30614f; color: #fff;} .etitle.cevent.lid4,.etitle.cevent.lid17 { background-color: #620360; color: #fff;} .etitle.cevent.lid5,.etitle.cevent.lid19 { background-color: #7a2e00; color: #fff;} .etitle.cevent.lid6,.etitle.cevent.lid21 { background-color: #aed472; color: #fff;} .etitle.cevent.lid7,.etitle.cevent.lid23 { background-color: #f26c4e; color: #fff;} .etitle.cevent.lid9,.etitle.cevent.lid25 { background-color: #562636; color: #fff;} .etitle.cevent.lid43,.etitle.cevent.lid45 { background-color: #779fc3; color: #fff;} .etitle.cevent.lid49,.etitle.cevent.lid51 { background-color: #7c849f; color: #fff;} .ben-footer-eticket-icon {background: url(../images/e-tickets.png) no-repeat left;height: 48px; margin-bottom: 30px;} .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .itemid-1128 .row.ben-news-box {display: none;} .afieromataContainer{ padding-left:0px!important; } .newlogin {padding: 10px 0 0px 0;}