/* Author : no one */ @charset "iso-8859-1"; /* GENERAL ******************************************************************/ html { height: 100%; font-size: 100%} body { width:100%; height:100%; background: #FFF; font-size:100%; font-family: 'Open Sans', sans-serif; } a { text-decoration:none;} .center { text-align:center;} h1,h2,h3 { font-weight:normal;} a { transition: color 0.3s ease-out 0s; outline: none;} a:focus { outline: 0;} * { outline:none;} img { width: auto; max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } ul li { list-style:none;} /* CONTAINERS ******************************************************************/ .container { width: 100%; min-height:100%; position: relative; float:left; background: #f1f1f1; overflow-x:hidden} input#d68961fd-d08b-4843-b1a5-3720b2564169{display:none;} .semaine-link1 { float: left; width: 100%; text-align: right; color: #999; font-size: 14px; font-weight: 400; padding-top: 8px; } .covidtext{background:#ED7C15;float:left;padding:20px;color:#fff;margin-bottom:30px;font-size: 14px; position: relative; z-index: 9999;} .covidtext a{color:#fff;} .covidtext a:hover{ color: #336699;} /* Header ******************************************************************/ header { width:100%; float:left;background:#fff;position:fixed; top:0; left:0; z-index:8000; overflow: hidden; box-shadow: 0 15px 28px -12px rgb(0 0 0 / 15%);} /*header { width:100%; float:left; background:url('../images/connect-head-img.jpg') center #fff no-repeat; position:fixed; top:0; left:0; z-index:9;}*/ header .covidimg8 { position:absolute; bottom:0;left:35%; width:375px; height:75px; background:url(../images/music/nav-img.jpg) no-repeat; background-size:cover;} /*header:before { content: ''; background: url(../images/img-top-trees.png) no-repeat; width: 772px; height: 77px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }*/ .logo { width:66px; height:59px;background: url('../images/er_logo.png') no-repeat; /*background: url('../images/impact/logo-connect-white.png') no-repeat;*/ /*background: url('../images/enl-logo-white.png') no-repeat;*/ /*background: url('../images/img-enl-christmas.png') no-repeat;*/ position:absolute; top:8px; left:0px; z-index: 999; background-size: cover;} /*.pak{background:url('../images/deco/banner.jpg') repeat-x left center;}*/ /*.chinesedeco{ float:left; background-image:url('../images/deco/chinese-slogan-2019.png');background-repeat:no-repeat; width:480px; height:109px;position:fixed; top:0; left:33%; z-index:8000;}*/ /*header .header_inner:before { content: ''; background: url(../images/chinese-ny-icon.png); width: 527px; height: 100px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }*/ header .header_inner { width:100%; max-width:1410px; position: relative; margin:0 auto;} header .header_inner .header_cont { width:100%; float:left; padding:1% 1%; height:75px; position:relative; z-index:2;} header .header_inner .header_cont .header_right { width:50%; float:right; z-index: 2; position: relative; } /*header .header_inner:before { content: ''; width: 112px; height: 92px; position: absolute; top: 0; left: -115px; background: url(../images/icn-flag-left.png) no-repeat; } header .header_inner:after { content: ''; width: 112px; height: 92px; position: absolute; top: 0; right: -115px; background: url(../images/icn-flag-right.png) no-repeat; }*/ /* Search */ header .header_inner .header_cont .header_right .search_container {width:auto; margin: 0 12px 0 0; float:right; } header .header_inner .header_cont .header_right .search_container .search_container_inner { position:relative; width:auto; margin:0; float:right;} header .header_inner .header_cont .header_right .search_container .search_container_inner .loupe { position:relative; width:34px; height:39px; background:url(../images/icn/loop.png) no-repeat top; /*background:url(../images/loop-yellow.png) no-repeat top; background:url(../images/loop-white.png) no-repeat top;*/ margin:0 10px 0 0; float:left;} header .header_inner .header_cont .header_right .search_container .search_container_inner .loupe:hover { cursor:pointer} header .header_inner .header_cont .header_right .search_container .search_container_inner .loupe-input { position:relative; float:left; width:auto; } header .header_inner .header_cont .header_right .search_container .search_container_inner input { outline: none;} header .header_inner .header_cont .header_right .search_container .search_container_inner input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%;} header .header_inner .header_cont .header_right .search_container .search_container_inner input::-webkit-search-decoration,input::-webkit-search-cancel-button { display: none;} header .header_inner .header_cont .header_right .search_container .search_container_inner input[type=text] { background:none; font-size:18px; border: none; padding:0 0 0 10px;height:40px; -webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s ;/*border-right:1px solid #fff;*/border-right:1px solid #666; width:5px; cursor:pointer; color:#666666;} header .header_inner .header_cont .header_right .search_container .search_container_inner input[type=text]:focus { width: 300px; background-color:#f1f1f1; padding:2px 0 0 10px; } input:-moz-placeholder { color: #999;} input::-webkit-input-placeholder { color: #999;} input {-webkit-border-radius:0;} .enl-habillage-left { position: fixed; left: 0; bottom: 0; display: none; } header .header_inner .header_cont .header_right .login {width:auto; margin: 0; float:right;} header .header_inner .header_cont .header_right .login .login_inner { width:100%; float:left;} header .header_inner .header_cont .header_right .login .login_inner .login_top { width:100%; float:left; background: url('../images/icn/arrow_login.png') right 32px no-repeat; min-height:40px; cursor:pointer; position:relative; } header .header_inner .header_cont .header_right .login .login_inner .login_top.active { width:100%; float:left; background: url('../images/icn/arrow_logged.png') right 32px no-repeat;} header .header_inner .header_cont .header_right .login .login_inner .login_top .hello { font-weight:300; font-size:26px; /*color:#fff;*/color:#00457C;} header .header_inner .header_cont .header_right .login .login_inner .login_top .name { text-transform:capitalize; font-weight:300; font-size:26px; color:#00457C; /*color:#fff;*/} header .header_inner .header_cont .header_right .login .login_inner .login_top input { font-family: 'Open Sans', sans-serif; width:auto; max-width: 130px; background:transparent; font-weight:300; font-size:26px; color:#00457C; border:none; } header .header_inner .header_cont .header_right .login .login_inner .login_top .drop_login {position:absolute;top:55px; right:0;display:none; z-index:9998; background:#ffffff; width:100%; border-top: 4px solid #ecd104; /*border-top: 4px solid #da152e;*/ } header .header_inner .header_cont .header_right .login .login_inner .login_top .drop_login ul { width:100%; float:left; padding:2% 2%;} header .header_inner .header_cont .header_right .login .login_inner .login_top .drop_login ul li { width:100%; float:left; margin:2px 0; font-weight:300; font-size:16px; color:#00457C;} header .header_inner .header_cont .header_right .login .login_inner .login_top .drop_login ul li a { width:100%; float:left; font-weight:300; font-size:16px; color:#00457C;} header .header_inner .header_cont .header_right .login .login_inner .login_top .drop_login ul li a:hover { color:#999999;} /* added by ahsinah - 11.02.2016 */ header .header_inner .header_cont .header_right .login .login_inner .close_top { width:100%; float:right;} .delete_profile { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#00457C; transition: all 0.5s ease; border:2px solid #00457C; cursor:pointer; float:left; position: absolute; margin-left: 10px; margin-top:300px} .delete_profile:hover {background:none; color:#00457C; } /*.logo { width:392px; height:77px;background: url('../images/deco/logo_pack/desktop_logo.png') no-repeat;position:absolute; top:-9px; left:12px; }*/ /*.logo { width:278px; height:54px;background: url('../images/deco/logo-enl-chinese.png') no-repeat;position:absolute; top:16px; left:12px; }*/ /*White logo - .logo { width:254px; height:31px;background: url('../images/logo_enlconnect.png') no-repeat;position:absolute; top:16px; left:12px; }*/ /*.logo { width:278px; height:50px;background: url('../images/deco/logo-enl-xmas2018.png') no-repeat;position:absolute; top:0; left:12px; }*/ .independancemob{display:none;} #menu-icon { display: none; } #mobile-nav { display:none;} .mnav { background-color:#ED7C15; padding:3%;position:absolute;top:60px;width:100%; z-index:9999; display:none;} .mnav li { padding:0; list-style:none; display:block;} .mnav li a { width:100%; padding:8px 0; color:#fff; font-size:12px; text-decoration:none; display:block; float:left; text-transform:uppercase; font-size:13px; border-bottom:1px solid #ffffff; letter-spacing:1px} .mnav li:last-child a { border:none;} .mnav li ul { margin:0} .mnav li span.current a{ color: #19BFEB;} ul.subMenu {width:100%; float:left;} .mnav li ul li a { color:#BCBFC2; text-transform:none; margin-left:5% ; width:90%; padding:3% 0; border-bottom:1px dotted #ffffff; } #menu-icon { color: #FFF; width:66px; height: 60px; position:absolute; top:0px; right:0; background: url(../images/mobile/menu-icon.png) no-repeat #ED7C15;padding:0;cursor: pointer;display: block; } #menu-icon.active { background:url(../images/mobile/menu-icon-active.png) no-repeat #ED7C15;} #header-search { display:none;} #login-icon { display: none; } #login-nav { display:none;} .lnav { background-color:#00457C; padding:3%;position:absolute;top:60px;width:100%; z-index:9999; display:none;} .lnav li { padding:0; list-style:none; display:block;} .lnav li a { width:100%; padding:8px 0; color:#fff; font-size:12px; text-decoration:none; display:block; float:left; text-transform:uppercase; font-size:13px; border-bottom:1px solid #ffffff; letter-spacing:1px} .lnav li:last-child a { border:none;} .lnav li ul { margin:0} .lnav li span.current a{ color: #19BFEB;} ul.subMenu {width:100%; float:left;} .lnav li ul li a { color:#BCBFC2; text-transform:none; margin-left:5% ; width:90%; padding:3% 0; border-bottom:1px dotted #ffffff; } #login-icon { color: #FFF; width:66px; height: 60px; position:absolute; top:0px; right:67px; background: url(../images/mobile/login-icon.png) no-repeat #00457C;padding:0;cursor: pointer;display: block; } #login-icon.active { background:url(../images/mobile/menu-icon-active.png) no-repeat #00457C;} /* Login ******************************************************************/ .login_wrapper { width:100%; float:left; height:100%; background: url(../images/bg_loginpage.jpg) repeat center 64px;} .login_wrapper .login_block {width:100%; position:relative; max-width:455px; padding:25px 0 115px 0; margin:12% auto 0; background:#ffffff; border:1px solid #6E6E63; text-align:center; } .login_wrapper .login_block .editor-field { width:250px; margin:8px auto; position:relative;} .login_wrapper .login_block .editor-label { width:250px; margin:20px auto 0;} .login_wrapper .login_block .editor-label label { font-weight:200; font-size:22px; color:#6E6E63; text-align:center; margin:5px 0; text-transform:uppercase;} .login_wrapper .login_block .editor-field .text-box { background:#ffffff !important; padding:8px 10px; min-width:250px; font-weight:200; font-size:14px; color:#6E6E63; border:1px solid #6E6E63 ; } .login_wrapper .login_block input[type="submit"] { float:left; margin:34px 0 0 -32px; text-transform:uppercase; font-weight:400; font-size:13px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#DAC556; border:2px solid #DAC556; transition: all 0.5s ease; cursor:pointer; } .login_wrapper .login_block input[type="submit"]:hover { background:none; color:#DAC556;} .login_wrapper .login_block .editor-field .check-box { width:20px; height:14px; position:absolute; z-index:1; left:0px; top:-7px;} .login_wrapper .login_block p { width:100%; float:left; text-align:center; margin:12px 0 0 0; } .login_wrapper .login_block p a { font-weight:200; font-size:14px; color:#6E6E63;} .login_wrapper .login_block p a:hover { color: #DAC556;} .login_wrapper .login_block .editor-label label[for=RememberMe] { float:left; font-weight:200; font-size:14px; color:#6E6E63; padding:0 0 0 22px; margin:-10px 0 0 0; text-transform:none; } .login-error { width:100%; text-align:center; float:left; font-size:13px; color: #FFF; position:absolute; z-index:1; bottom:0; background:#FD342D; } .login-error a { font-weight: 400; font-size: 13px; color: #ffffff; padding: 5px 20px; border-radius: 30px; background: #ED7C15; border: 2px solid #ED7C15; transition: all 0.5s ease; margin-top: 11px;display:inline-block} .login-error a:hover { background:none; color:#ED7C15;} .login_wrapper .login_block .submit-remind { width:100%; text-align:center; float:left} .login_wrapper .login_block .submit-remind input[type="submit"] { float:none; display:inline-block; margin:0 } .login_wrapper .login_block .forgotpassword { font-size:14px; color:#666; padding:0 15px;} .login_wrapper .login_block .forgotpassword .forgottxt1 { font-size:20px; color:#00457C; font-weight:600; margin-bottom:10px } .login_wrapper .login_block .forgotpassword .forgottxt2 { font-size:16px; color:#ED7C15; font-weight:400; margin-bottom:10px } .blockpass { width: 42%; padding: 1% 1% 3% 1%;float:right; color:#FFF; text-align:center;background:#FD342D; font-size:18px; font-weight:700} .blockpass span{width:100%;text-align:center;float:left;margin-bottom:15px;} .blockpass a {font-weight: 400;font-size: 13px;color: #FD342D;padding: 5px 20px;border-radius: 30px;background: #ffffff;border: 2px solid #ffffff;transition: all 0.5s ease;margin-bottom:10px;} .blockpass a:hover { background:none; color:#ffffff; } /* MAIN ******************************************************************/ .main { width:100%; float:left; /*background:#f1f1f1;*/ background: #f9f9f9; margin-top:62px; } .main .main_cont { width:100%; max-width:1410px; margin:0 auto; } .main .main_cont:before { content: ''; background: url('../images/img-decor-left.png') no-repeat; background-size: cover; width: 480px; height: 875px; top: 50%; left: 0; position: fixed; transform: translateY(-50%); } .main .main_cont:after { content: ''; background: url('../images/img-decor-right.png') no-repeat; background-size: cover; width: 350px; height: 1137px; top: 50%; right: 0; position: fixed; transform: translateY(-50%); } .main .main_cont .main_inner { width:98%; float:left; padding:3% 1%; position:relative; margin-bottom:55px;} .main .main_cont .main_inner .navigation { width:21%; float:left; } .main .main_cont .main_inner .navigation nav { width:100%; float:left; } .main .main_cont .main_inner .navigation.fixed nav { position:fixed; top:70px; z-index:2; width:20%; max-width:283px; transition: all 0.5s ease;} .main .main_cont .main_inner .feed { width:42%; float:right; margin:0 0 0 2%;} .main .main_cont .main_inner .events { width:31%; float:right; margin:0 0 0 4%;} /* navigation */ .main .main_cont .main_inner .navigation nav { width:100%; float:left;} .main .main_cont .main_inner .navigation nav .nav_top { width:100%; float:left;} .main .main_cont .main_inner .navigation nav .nav_top ul { width:100%; float:left;} .main .main_cont .main_inner .navigation nav .nav_top ul li {width:100%; float:left; border-top: 1px solid #ffffff; } .main .main_cont .main_inner .navigation nav .nav_top ul li a {color:#336699; display:block; float:left; width:100%; padding:11px 0; background: url('../images/bg_nav.png') left top repeat-x; font-size:20px; color:#336699; text-transform:uppercase; font-weight:300; transition: all 0.5s ease; } .main .main_cont .main_inner .navigation nav .nav_top ul li a:hover ,.main .main_cont .main_inner .navigation nav .nav_top ul li.current a{color: #ED7C15; } .main .main_cont .main_inner .navigation nav .nav_top ul li:first-child { border:none;} .main .main_cont .main_inner .navigation nav .nav_top ul li:first-child a { background:none;} .main .main_cont .main_inner .navigation nav .nav_top ul li a span { font-size:12px; color:#ffffff; background:#ed7c15; border-radius:50%; padding:2px 1px; position: relative; top:-13px; transition: all 0.2s ease; } .main .main_cont .main_inner .navigation nav .nav_top ul li a:hover span { top:-11px;} .main .main_cont .main_inner .navigation nav .nav_secondary { width:100%; float:left;} .main .main_cont .main_inner .navigation nav .nav_secondary ul { width:100%; float:left;} .main .main_cont .main_inner .navigation nav .nav_secondary ul li{ width:100%; float:left; border-top: 1px solid #ffffff; color:#336699; display:block; float:left; width:100%; padding:11px 0; background: url('../images/bg_nav.png') left top repeat-x; cursor:pointer; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .icon_cont { width:40px; height:40px; padding:10px 11px; border-radius:50%; float:left; background:#ffffff; transition: all 0.5s ease; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li:hover .icon_cont { background:#ED7C15;} .main .main_cont .main_inner .navigation nav .nav_secondary ul li .icon_cont.products { background: url('../images/icn/icn_products.png') center center no-repeat #ffffff; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li:hover .icon_cont.products,.main .main_cont .main_inner .navigation nav .nav_secondary ul li.current .icon_cont.products { background: url('../images/icn/icn_products_on.png') center center no-repeat #ED7C15; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .icon_cont.privilege { background: url('../images/icn/icn_privilege.png') center center no-repeat #ffffff; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li:hover .icon_cont.privilege,.main .main_cont .main_inner .navigation nav .nav_secondary ul li.current .icon_cont.privilege { background: url('../images/icn/icn_privilege_on.png') center center no-repeat #ED7C15; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .icon_cont.directory { background: url('../images/icn/icn_directory.png') center center no-repeat #ffffff; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li:hover .icon_cont.directory,.main .main_cont .main_inner .navigation nav .nav_secondary ul li.current .icon_cont.directory { background: url('../images/icn/icn_directory_on.png') center center no-repeat #ED7C15; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .icon_cont.know { background: url('../images/icn/icn_knowmore.png') center center no-repeat #ffffff; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li:hover .icon_cont.know,.main .main_cont .main_inner .navigation nav .nav_secondary ul li.current .icon_cont.know { background: url('../images/icn/icn_knowmore_on.png') center center no-repeat #ED7C15!important; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .text_cont { float:left; width:82%; margin-left:2%; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .text_cont .text_top { width:100%; float:left; display:block; font-weight:400; font-size:16px; color:#ED7C15; } .main .main_cont .main_inner .navigation nav .nav_secondary ul li .text_cont .text_btm { width:100%; float:left; display:block; font-weight:400; font-size:11px; color:#666666; } /* feeds */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left;} .main .main_cont .main_inner .feed .feed_container { width:100%; float:left; background:#ffffff; padding:2% 2%;} .main .main_cont .main_inner .feed .feed_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .feed_container .feed_photo img { width:100%; height:auto;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents { position:absolute; width:100%; height:100%; padding:2% 3%; z-index:1; left:0; top:0; background: url('../images/feed_bg.png') left top repeat-x; min-height:136px; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:300; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_details { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_details h3 { font-weight:300; color:#ffffff; font-size:20px; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_details .btn_album { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_details .btn_album a { font-weight:400; font-size:13px; color:#00457C; padding:5px 20px; border-radius:30px; background:#ffffff; border:2px solid #ffffff; transition: all 0.5s ease; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_details .btn_album a:hover { background:none; color:#ffffff; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities { width:100%; padding:1% 3%; position:absolute; z-index:2; left:0; bottom:0; min-height:45px; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .like_link { float:left; font-weight:300; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes span { display:block; height:15px; float:left; opacity:1; margin:3px 4px 0 11px; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .comment_link { z-index:5; padding:3px 5px; position:absolute; top:4px; right:63px; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .comment_link:hover { background:#FFF; color:#1F5A8C; border-radius:30px;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .comments { width:50%; float:left; text-align:right;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_activities .likes .like_link button { padding:3px 5px; border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#FFF; background:transparent; cursor:pointer; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .like_link .fa-thumbs-o-up { position:absolute; z-index:3; top:7px; left:78px; font-size: 19px; } .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .like_link i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .like_link i:after { color:#ffffff;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_activities .likes .like_link button:hover { background:#FFF; color:#1F5A8C; border-radius:30px;} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_contents .feed_activities .likes .like_link .icon-value { position:absolute; z-index:3; top:5px; left:91px; font-weight: 300; font-size: 16px; color: #ffffff} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_activities .likes .like_link .icon-value { position:absolute; z-index:3; top:-2px; right:31px; font-weight: 300; font-size: 16px; color: #00457C} .main .main_cont .main_inner .feed .feed_container .feed_photo .feed_activities .likes a:hover {color:#ED7C15; } /* update */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .feed .update_container { width:100%; float:left; background:#663366; padding:2% 2%;} .main .main_cont .main_inner .feed .update_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .update_container .feed_photo img { width:100%; height:auto;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents { width:100%; height:100%; float:left; padding:2% 3% 0 2%;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:300; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_details { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_details p { color:#ffffff;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_details p a { color:#FF3366; text-decoration:underline} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_details p a:hover { color:#ffffff; text-decoration:none} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_details h3 { font-weight:200; color:#ffffff; font-size:26px; line-height:30px; margin:0 0 12px 0; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities { width:100%; float:left; margin:10px 0 0 0; position:relative; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes span { display:block; height:15px; float:left; margin:3px 11px 0 1px; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link button { padding:3px 5px; border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#ffffff; background:none; cursor:pointer; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link button:hover { background:#FFF; color:#663366; border-radius:30px;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .comment_link { padding:3px 5px; position:absolute; top:-1px; right:44px; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .comment_link:hover { background:#FFF; color:#663366; border-radius:30px;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .comments { width:50%; float:left;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link .fa-thumbs-o-up { color:#ffffff; position:absolute; z-index:3; top:2px; left:55px; } .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link i:after { color:#ffffff;} .main .main_cont .main_inner .feed .update_container .feed_photo .feed_contents .feed_activities .likes .like_link .icon-value { position:absolute; z-index:3; top:0px; left:79px; font-weight: 300; font-size: 16px; color: #ffffff} .main .main_cont .main_inner .feed .update_container .feed_photo .readmore_btn { width:100%; float:left; margin:25px 0;} .main .main_cont .main_inner .feed .update_container .feed_photo .readmore_btn a { font-weight:400; font-size:12px; color:#663366; padding:5px 20px; border-radius:30px; background:#ffffff; border:2px solid #ffffff; transition: all 0.5s ease; } .main .main_cont .main_inner .feed .update_container .feed_photo .readmore_btn a:hover { background:none; color:#ffffff; } /* Vacancies */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .feed .vacancies_container { width:100%; float:left; background:#b4b83d; padding:2% 2%;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo img { width:100%; height:auto;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents { width:100%; height:100%; float:left; padding:2% 3% 0 2%;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:300; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_details { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_details h3 { font-weight:300; color:#ffffff; font-size:26px; line-height:30px; margin:0 0 12px 0; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities { width:100%; float:left; margin:10px 0 0 0; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .likes .like_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .likes span { display:block; width:1px; height:15px; float:left; background:#ffffff; opacity:0.3; margin:3px 11px 0 11px; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .likes .comment_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments { width:50%; float:left;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right; cursor:pointer;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .feed_contents .feed_activities .comments ul li:hover i:before {color:#00457C; } .main .main_cont .main_inner .feed .vacancies_container .feed_photo .readmore_btn { width: 100%; float: left; margin: 25px 0;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .readmore_btn a { font-weight: 400; font-size: 12px; color: #b4b83d; padding: 7px 20px; border-radius: 30px; background: #ffffff; border: 2px solid #ffffff; transition: all 0.5s ease;} .main .main_cont .main_inner .feed .vacancies_container .feed_photo .readmore_btn a:hover {background:none; color:#fff; } /* News */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left;} .main .main_cont .main_inner .feed .news_container { width:100%; float:left; background:#ffffff; padding:2% 2%; margin-bottom:10px;} .main .main_cont .main_inner .feed .news_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .news_container .feed_photo img { width:100%; height:auto;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_contents { position:absolute; width:100%; padding:2% 3%; z-index:1; left:0; top:0; background: url('../images/feed_bg.png') left top repeat-x; min-height:136px; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:200; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_details { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_details h3 {cursor:pointer; font-weight:300; color:#333333; font-size:26px; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_details p {cursor:pointer; font-weight:300; color:#666666; font-size:16px; margin:15px 0; line-height:22px; } .main .main_cont .main_inner .feed .news_container .feed_photo .readmore_btn { width:100%; float:left; margin:25px 0;} .main .main_cont .main_inner .feed .news_container .feed_photo .readmore_btn a { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#00457C; border:2px solid #00457C; transition: all 0.5s ease; } .main .main_cont .main_inner .feed .news_container .feed_photo .readmore_btn a:hover { background:none; color:#00457C; } .main .main_cont .main_inner .feed .news_container .feed_photo img{cursor:pointer;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities { width:100%; float:left; margin:10px 0; position:relative; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link { float:left; font-weight:300; font-size:14px; color:#00457C; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes span { height:15px; float:left; margin:3px 11px 0 11px; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link button { border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#00457C; background:#ffffff; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .comment_link { padding:3px 5px; position:absolute; top:-1px; right:43px; font-weight:300; font-size:14px; color:#00457C; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .comment_link:hover { background:#00457C; color:#FFF; border-radius:30px;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments { width:50%; float:left;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments ul li span { color:#00457C; font-weight:300;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments ul li i:before { color:#00457C; font-size:21px;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .comments ul li:hover i:before {color:#00457C; } /* Bon plans */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .feed .bonsplans_container { width:100%; float:left; background:#e64a6c; padding:2% 2%;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo img {cursor:pointer; width:100%; height:auto;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents { width:100%; height:100%; float:left; padding:2% 3% 0 2%;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:200; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_details {cursor:pointer; width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_details h3 { cursor:pointer;font-weight:200; color:#ffffff; font-size:26px; line-height:30px; margin:0 0 12px 0; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities { width:100%; float:left; margin:10px 0 0 0; position:relative; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes span { display:block; height:15px; float:left; margin:3px 11px 0 1px; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link button { padding:3px 5px; border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#ffffff; background:none; cursor:pointer; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link button:hover { background:#FFF; color:#FF3366; border-radius:30px;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .comment_link { padding:3px 5px; position:absolute; top:-1px; right:42px; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .comment_link:hover { background:#FFF; color:#FF3366; border-radius:30px;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .comments { width:50%; float:left;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link .fa-thumbs-o-up { color:#ffffff; position:absolute; z-index:3; top:3px; left:54px; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link i:after { color:#ffffff;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .feed_contents .feed_activities .likes .like_link .icon-value { position:absolute; z-index:3; top:0px; left:79px; font-weight: 300; font-size: 16px; color: #ffffff} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .update_image { width:100%; float:left; padding:1px; margin:10px 0 0 0; background:#ffffff; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .update_image img { width:100%; height:auto;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .tags { width:100%; float:left; margin:2px 0 10px 0; font-weight:400; color:#ffffff; font-size:20px; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .readmore_btn { width:100%; float:left; margin:25px 0;} .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .readmore_btn a { font-weight:400; font-size:12px; color:#FF3366; padding:7px 20px; border-radius:30px; background:#ffffff; border:2px solid #ffffff; transition: all 0.5s ease; } .main .main_cont .main_inner .feed .bonsplans_container .feed_photo .readmore_btn a:hover { background:none; color:#ffffff; } .video {margin:0 auto; margin-top:25px; position:relative; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;} .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Documents */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .feed .documents_container { width:100%; float:left; background:#738ba3; padding:2% 2%;} .main .main_cont .main_inner .feed .documents_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .documents_container .feed_photo img { width:100%; height:auto;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents { width:100%; height:100%; float:left; padding:2% 3% 0 2%;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:200; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_details { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_details h3 { font-weight:200; color:#ffffff; font-size:26px; line-height:30px; margin:0 0 12px 0; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities { width:100%; float:left; margin:10px 0 0 0; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .likes .like_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .likes span { display:block; width:1px; height:15px; float:left; background:#ffffff; opacity:0.3; margin:3px 11px 0 11px; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .likes .comment_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments { width:50%; float:left;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_details .download_btn { width:100%; float:left; margin:25px 0;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_details .download_btn a {font-weight:400; font-size:12px; color:#738ba3; padding:7px 20px 7px 40px; border-radius:30px; background: url('../images/icn/icn_download.png') 17px 6px no-repeat #ffffff; text-transform:uppercase; border:2px solid #ffffff; transition: all 0.5s ease; } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_details .download_btn a:hover { background: url('../images/icn/icn_download_on.png') 17px 8px no-repeat; color:#ffffff } .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right; cursor:pointer;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .documents_container .feed_photo .feed_contents .feed_activities .comments ul li:hover i:before {color:#00457C; } /* PETITES ANNONCES */ .main .main_cont .main_inner .feed ul { width:100%; float:left;} .main .main_cont .main_inner .feed ul li { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .feed .annonces_container { width:100%; float:left; background:#336666; padding:2% 2%;} .main .main_cont .main_inner .feed .annonces_container .feed_photo { width:100%; float:left; position:relative;} .main .main_cont .main_inner .feed .annonces_container .feed_photo img { width:100%; height:auto;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents { width:100%; height:100%; float:left; padding:2% 3% 0 2%;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_header { width:100%; float:left; background: url('../images/icn/line_coments.png') left bottom no-repeat; min-height:40px; position:relative; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_header h2 { font-weight:400; color:#ffffff; font-size:16px; text-transform:uppercase; margin:4px 0 0 10px; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_header .date_feed { font-weight:200; color:#ffffff; font-size:13px; position:absolute; z-index:2; top:6px; right:0; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_details { width:100%; float:left; margin:15px 0 0 0;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_details h3 { font-weight:200; color:#ffffff; font-size:26px; line-height:30px; margin:0 0 12px 0; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities { width:100%; float:left; margin:10px 0 0 0; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .likes { width:50%; float:left;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .likes .like_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .likes span { display:block; width:1px; height:15px; float:left; background:#ffffff; opacity:0.3; margin:3px 11px 0 11px; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .likes .comment_link { float:left; font-weight:200; font-size:14px; color:#ffffff; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments { width:50%; float:left;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .readmore_btn { width:100%; float:left; margin:25px 0;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .readmore_btn a { font-weight:400; font-size:12px; color:#336666; padding:7px 20px; border-radius:30px; background:#ffffff; border:2px solid #ffffff; transition: all 0.5s ease; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .readmore_btn a:hover { background:none; color:#ffffff; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:right; cursor:pointer;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments ul li:first-child { margin-right:0;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments ul li i:after { color:#00457C;} .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .comments ul li:hover i:before {color:#00457C; } .main .main_cont .main_inner .feed .annonces_container .feed_photo .feed_contents .feed_activities .likes .like_link a:hover {color:#ED7C15; } /* Events */ .main .main_cont .main_inner .events .events_wrap { width:100%; float:left;} .main .main_cont .main_inner .events .events_wrap .block_birthdays { width:100%; float:left;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday { width:100%; float:left; margin:12px 0 5px 0;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdays_today { font-size:26px; font-weight:300; color:#ED7C15; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .b_sep { font-size:38px; font-weight:100; color:#999999; margin:5px 0 0 0;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .title_birthday .birthdate { font-size:20px; font-weight:300; color:#999999;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link button:hover {color:#ED7C15; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider { width:100%; background:#ffffff; padding:2% 2%; float:left; margin:15px 0 20px 0; position:relative;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider .bx-wrapper { background:#f1f1f1; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul { width:100%; float:left; background:#f1f1f1; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li { width:100%; float:left; background:#f1f1f1; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide { width:100%; height:100%; float:left; background:#f1f1f1; padding:8% 3%; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image { width:120px; margin:0 4%; float:left;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont { width:120px; height:120px; float:left; border-radius:50%; position:relative; overflow:hidden;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont img { width:120px; height:auto; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_image .image_cont .bd_imgOv { background: url('../images/birth_over.png') left bottom no-repeat; min-height:40px; position:absolute; z-index:2; top:-1px; left:-5px; width:81px; height:104px; display:none; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details { width:55%; float:left; margin-left:2%;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .name { text-transform: capitalize; font-weight:400; font-size:17px; color:#ED7C15; line-height:26px; margin:5px 0; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .name a {color:#ED7C15; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .company { font-weight:200; font-size:14px; color:#666666; line-height:20px; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .company a { color:#666666;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a {font-weight:400; font-size:12px; color:#ED7C15; padding:5px 20px 7px 20px; border-radius:30px; text-transform:uppercase; border:2px solid #ffffff; transition: all 0.5s ease; background:#ffffff; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a i:before { font-size:16px; margin:3px 5px 0 0; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a .fa-envelope { opacity:0; margin-left:-20px;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a:hover {border:2px solid #ED7C15; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a:hover .fa-envelope-o { opacity:0;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .birthday_slider ul li .birth_slide .birthday_details .btn_snd a:hover .fa-envelope { opacity:1;} .main .main_cont .main_inner .events .events_wrap .block_birthdays .btn_allbirthdays { float:right; margin:5px 0; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .btn_allbirthdays a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#ED7C15; border:2px solid #ED7C15; transition: all 0.5s ease; } .main .main_cont .main_inner .events .events_wrap .block_birthdays .btn_allbirthdays a:hover { background:#ffffff; color:#ED7C15;} .main .main_cont .main_inner .events .events_wrap .block_no_birthdays { width:100%; float:left;} .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .title_birthday { width:100%; float:left; margin:12px 0 5px 0;} .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .title_birthday .birthdays_today { font-size:26px; font-weight:300; color:#ED7C15; } .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .title_birthday .b_sep { font-size:38px; font-weight:100; color:#999999; margin:5px 0 0 0;} .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .title_birthday .birthdate { font-size:20px; font-weight:300; color:#999999;} .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .birthday_slider { width:100%; background:#ffffff; padding:4% 4%; float:left; margin:8px 0 20px 0; position:relative; min-height:140px; } .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .birthday_slider .txt { font-weight:200; font-size:20px; line-height:25px; color:#00457A; margin:10px 0; } .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .birthday_slider .nobd_image { background: url('../images/no_birthday.png') right bottom no-repeat; width:200px; height:70px; position:absolute; z-index:1; bottom:-15px; right:10px;} .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .btn_allbirthdays { float:right; margin:25px 0 10px 0; } .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .btn_allbirthdays a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#ED7C15; border:2px solid #ED7C15; transition: all 0.5s ease; } .main .main_cont .main_inner .events .events_wrap .block_no_birthdays .btn_allbirthdays a:hover { background:none; color:#ED7C15;} .main .main_cont .main_inner .events .events_wrap .block_enlites { width:100%; float:left; margin:10px 0;} .main .main_cont .main_inner .events .events_wrap .block_enlites .tit { width:100%; float:left; } .main .main_cont .main_inner .events .events_wrap .block_enlites .tit h2 {font-weight:300; font-size:26px; color:#00457C; margin:5px 0; } .main .main_cont .main_inner .events .events_wrap .block_enlites .tit span {font-weight:300; font-size:22px; color:#999999; margin:5px 0; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls { width:100%; float:left; padding:3% 2%; background:#ffffff; margin:15px 0 0 0;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul { width:100%; float:left;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li { width:100%; float:left; margin:12px 0;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_img { width:85px; float:left; margin:0 0 0 3%;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_img .img_cont { width:80px; height:80px; overflow:hidden; float:left; border-radius:50%; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_img .img_cont img { width:100%; height:auto;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details { width:62%; float:left; margin:0 0 0 3%;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .name { font-weight:600; font-size:14px; color:#00457C; line-height:20px; margin:5px 0 0 0; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .name a {color:#00457C; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .post {margin-bottom:0;border-bottom:none; font-weight:200; font-size:12px; color:#666666; line-height:16px;padding:0; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .post a {color:#666666; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .company { font-weight:600; font-size:14px; color:#666666; line-height:20px; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .company a {color:#666666; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .btn_welcome { width:100%; float:left; margin:15px 0;} .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .btn_welcome a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:25px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; } .main .main_cont .main_inner .events .events_wrap .block_enlites .enls ul li .enls_details .btn_welcome a:hover { background:none; color:#00457C;} .main .main_cont .main_inner .events .events_wrap .block_enlites .btn_enlites { float:right; margin:35px 0 0 0; } .main .main_cont .main_inner .events .events_wrap .block_enlites .btn_enlites a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#00457C; transition: all 0.5s ease; border:2px solid #00457C; } .main .main_cont .main_inner .events .events_wrap .block_enlites .btn_enlites a:hover {background:#ffffff; color:#00457C; } .main .main_cont .main_inner .events .events_wrap .block_poll { width:100%; float:left; margin:10px 0;} .main .main_cont .main_inner .events .events_wrap .block_poll h2 { font-weight:300; font-size:26px; color:#ED7C15; } .main .main_cont .main_inner .events .events_wrap .block_poll label {font-weight:300; font-size:22px; color:#666666; } .main .main_cont .main_inner .events .events_wrap .block_poll ul { width:100%; float:left; margin:15px 0 5px 0; } .main .main_cont .main_inner .events .events_wrap .block_poll ul li { width:100%; float:left; margin:5px 0; font-weight:600; font-size:14px; color:#666666; line-height:18px } .main .main_cont .main_inner .events .events_wrap .block_poll ul li input { width:15px; height:15px; margin:1px 5px 0 0; padding:2px 2px; float:left;} .main .main_cont .main_inner .events .events_wrap .block_poll .btn_vote { width:100%; float:left; margin:12px 0;} .main .main_cont .main_inner .events .events_wrap .block_poll .btn_vote .vote_now { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#ED7C15; text-transform:uppercase; border:2px solid #ED7C15; transition: all 0.5s ease; } .main .main_cont .main_inner .events .events_wrap .block_poll .btn_vote .view_result { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; margin-left:10px; border:2px solid #00457C; transition: all 0.5s ease; } .main .main_cont .main_inner .events .events_wrap .block_poll .btn_vote .vote_now:hover { background:none; color:#ED7C15;} .main .main_cont .main_inner .events .events_wrap .block_poll .btn_vote .view_result:hover { background:none; color:#00457C;} .btn-vote { font-weight:400; font-family: 'Open Sans', sans-serif;font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#ED7C15; text-transform:uppercase; border:2px solid #ED7C15; transition: all 0.5s ease; } .btn-vote:hover { background:none; color:#ED7C15; cursor:pointer} #PollDiv { float:left; padding:2% 0 0 0; width: 100%; text-align: center;} #PollDiv > span#Poll { background:none !important;} .previouspoll {float:left; width:100%; padding:2% 0 5% 2%; background:#fff;} .previouspoll h3 { float:left;width:100%; color:#00457C; font-weight:600; margin-bottom:15px; font-size:24px} .previouspoll ul { margin:0} .previouspoll ul li { list-style:none;} .previouspoll ul li a { background: url('../images/bullet12x12.png') no-repeat left 6px; float: left; width: 100%; padding-left: 22px; margin-bottom: 5px; font-weight: 400; font-size: 18px; color: #333333;} .previouspoll ul li a:hover { color:#ED7C15} .tblpoll-list { float:left; margin-top:15px; width:100%} .tblpoll-list table {} .tblpoll-list table td { padding:10px 0} .tblpoll-list table td a {font-weight: 400; font-size: 15px; color: #ffffff; padding: 3px 18px !important; border-radius: 30px; background: #ED7C15; border: 2px solid #ED7C15; transition: all 0.5s ease; float: right; margin:0 3px} .tblpoll-list table span#title { background: url('../images/bullet12x12.png') no-repeat left 6px; padding:0 22px; color: #333333; font-size: 18px; } .btnpoll-list { float:left; margin-top:15px; width:100%; border-top:1px solid #ccc; padding-top:12px;} .btnpoll-list a { float:left !important; margin-right: 5px; font-weight: 400; font-size: 12px; color: #ffffff; padding: 5px 20px 5px 20px; border-radius: 30px; background: #00457C !important; text-transform: uppercase; border: 2px solid #00457C; transition: all 0.5s ease; margin-left: 2%; cursor: pointer;} .tblpolloption-list { float:left; margin-top:15px; width:100%} .tblpolloption-list td { padding:10px 0} .tblpolloption-list table td a {font-weight: 400; font-size: 15px; color: #ffffff; padding: 3px 18px !important; border-radius: 30px; background: #ED7C15; border: 2px solid #ED7C15; transition: all 0.5s ease; float: right; margin:0 3px} .tblpolloption-list table span#title { background: url('../images/bullet12x12.png') no-repeat left 6px; padding:0 22px; color: #333333; font-size: 18px; } .btnpolloption-list { float:left; margin-top:15px; width:100%; border-top:1px solid #ccc; padding-top:12px;} .btnpolloption-list a { float:left !important; margin-right: 5px; font-weight: 400; font-size: 12px; color: #ffffff; padding: 5px 20px 5px 20px; border-radius: 30px; background: #00457C !important; text-transform: uppercase; border: 2px solid #00457C; transition: all 0.5s ease; margin-left: 2%; cursor: pointer;} .add-poll { float:left; margin-top:15px; width:100%; border-top:1px solid #ccc; padding-top:12px; margin-bottom:15px} .add-poll label { float:left; width:auto; margin-right:15px; color:#ED7C15; font-size:24px} .add-poll input { float:left; width:300px; font-family: 'Open Sans', sans-serif;font-size;20px;border-radius: 30px; border:1px solid #f1f1f1; padding: 8px 15px; transition: all 0.3s ease-out 0s; } .add-poll input:focus { border:1px solid #ED7C15;} .btnadd-poll { float:left; width:100%; margin-top:10px;} .btnadd-poll input[type="submit"] { float:left !important; margin-right: 5px; font-weight: 400; font-size: 15px; font-family: 'Open Sans', sans-serif; color: #ffffff; padding: 5px 20px 5px 20px; border-radius: 30px; background: #00457C; text-transform: uppercase; border: 2px solid #00457C; transition: all 0.5s ease; cursor: pointer;} .btnadd-poll input[type="submit"]:hover { color:#ED7C15; background:none;} .delbouton { float:left !important; margin-right: 5px; font-weight: 400; font-size: 12px; color: #ffffff; padding: 5px 20px 5px 20px; border-radius: 30px; background: #c42626 !important; border: 2px solid #c42626; transition: all 0.5s ease; margin-left: 2%; cursor: pointer;} .lnkshow {float:left !important; margin-right: 5px; font-weight: 400; font-size: 12px; color: #ED7C15!important; padding: 5px 20px 5px 20px; margin-left: 2%; cursor: pointer; background: none !important; border: none !important; } .lnkOn {float:left !important; margin-right: 5px; font-weight: 400; font-size: 12px; color:#00ff15 !important; padding: 5px 20px 5px 20px; margin-left: 2%; cursor: pointer; background: none !important; border: none !important; } .lnkOff {float:left !important; margin-right: 5px; font-weight: 400; font-size: 12px; color: #302e2e !important; padding: 5px 20px 5px 20px; margin-left: 2%; cursor: pointer; background: none!important; border: none!important; } /*slider Birthday*/ .bx-wrapper img{max-width:100%;display:block} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-40px;width:100%} .bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000; display:none;} .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1; *display:inline} .bx-wrapper .bx-pager.bx-default-pager a{background:none;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #0D4665;} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#0D4665} .bx-wrapper .bx-prev{left: -7px;background: url('../images/icn/arr_left.png') no-repeat 12px center #ED7C15;} .bx-wrapper .bx-next{right: -7px;background: url('../images/icn/arrw_right.png') no-repeat 15px center #ED7C15;} .bx-wrapper .bx-controls-direction a{position:absolute;top: 50%;margin-top:-16px;outline:0;width:35px;height:35px;text-indent:-9999px;z-index:100; border-radius: 50%;} .bx-wrapper .bx-controls-direction a.disabled { display:none;} .bx-wrapper .bx-controls-auto{text-align:center} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px} .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} /* Page Bons Plan */ .news_wrapper .news_cont .bonsplan_top { width:100%; float:left; background:#EA356C; padding: 2% 2%; position:relative;} .news_wrapper .news_cont .bonsplan_top .news_image { width:55%; float:left; position:relative;} .news_wrapper .news_cont .bonsplan_top .news_image .zoom_img { position: absolute; z-index:1; bottom:1px; right:0; background: url('../images/icn/icn_zoom.png') no-repeat center center #00457C; width:51px; height:46px; display:block; transition: all 0.5s ease; border:1px solid #00457C; } .news_wrapper .news_cont .bonsplan_top .news_image .zoom_img:hover {background: url('../images/icn/icn_zoom_on.png') no-repeat center center #ffffff; } .news_wrapper .news_cont .bonsplan_top .news_image img { width:100%; height:auto;} .news_wrapper .news_cont .bonsplan_top .news_tit { width:42%; float:left; margin-left:2%; position:absolute; z-index:1; right:1%; top:2%; height:94%; padding:0;} .news_wrapper .news_cont .bonsplan_top .news_tit h2 { font-weight:400; font-size:16px; line-height:22px; color:#FFF; margin:2% 0 5px 0;} .news_wrapper .news_cont .bonsplan_top .news_tit h3 { font-weight:500; font-size:30px; line-height:38px; color:#FFF; margin:2% 0 15px 0;} .news_wrapper .news_cont .bonsplan_top .news_tit .date { font-weight:400; font-size:14px; line-height:22px; color:#FFF; } .news_wrapper .news_cont .bonsplan_top .news_tit .feed_activities { width:100%; float:left; margin:10% 0 0 0; position:absolute; bottom:30px; right:1px; } .news_details a{text-decoration:none;color:#336699;} .news_details a:hover{color: #ED7C15;} /* Page News */ .news_wrapper { width:76%; float:right; margin-left:3%;} .news_wrapper .news_cont { width:100%; float:left;} .news_wrapper .news_cont .news_top { width:100%; float:left; background:#ffffff; padding: 2% 2%; position:relative;} .news_wrapper .news_cont .news_top .news_image { width:55%; float:left; position:relative;} .news_wrapper .news_cont .news_top .news_image .zoom_img { position: absolute; z-index:1; bottom:1px; right:0; background: url('../images/icn/icn_zoom.png') no-repeat center center #00457C; width:51px; height:46px; display:block; transition: all 0.5s ease; border:1px solid #00457C; } .news_wrapper .news_cont .news_top .news_image .zoom_img:hover {background: url('../images/icn/icn_zoom_on.png') no-repeat center center #ffffff; } .news_wrapper .news_cont .news_top .news_image img { width:100%; height:auto;} .news_wrapper .news_cont .news_top .news_tit { width:42%; float:left; margin-left:2%; position:absolute; z-index:1; right:1%; top:2%; height:94%; padding:0;} .news_wrapper .news_cont .news_top .news_tit h2 { font-weight:400; font-size:16px; line-height:22px; color:#00457C; margin:2% 0 5px 0;} .news_wrapper .news_cont .news_top .news_tit h3 { font-weight:500; font-size:30px; line-height:38px; color:#f39354; margin:2% 0 15px 0;} .news_wrapper .news_cont .news_top .news_tit .date { font-weight:400; font-size:14px; line-height:22px; color:#00457C; } .news_wrapper .news_cont .news_details { width:100%; float:left; background:#ffffff; padding:4%; margin:30px 0 18px 0; position:relative; } .news_wrapper .news_cont .news_details p {font-weight:400; font-size:18px; line-height:26px; color:#333333; } .news_wrapper .news_cont .news_details p a { color: #00457C;} .news_wrapper .news_cont .news_details p a:hover { color:#ED7C15;} .news_wrapper .news_cont .news_details.updates p { color:#ffffff; margin: 2% 0 5px 0 !important; float:left; } .news_wrapper .news_cont .news_details.updates p a {} .news_wrapper .news_cont .news_details.updates p a:hover { color:#ED7C15;} .news_wrapper .news_cont .news_details.updates h2 { color: #ffffff;} .news_wrapper .news_cont .news_details.updates h3 { color: #663366 ; font-size:26px;} .news_wrapper .news_cont .news_details.updates .news_tit { background:#fff !important; padding:0; } .news_wrapper .news_cont .news_details.updates .news_tit .news_image { float:left; width:25%} .news_wrapper .news_cont .news_details.updates .news_tit > .update-content {width: 75%;} .news_wrapper .news_cont .news_details.updates .date { color: #ffffff;} .news_wrapper .news_cont .news_details > ul { list-style:none; padding:0; margin: 2% 0 5px 2%;} .news_wrapper .news_cont .news_details > ul li { list-style:none; background:url('../images/bullet12x12.png') no-repeat left 6px; float:left; width:100%; padding-left:22px; margin-bottom:5px; font-weight:400; font-size:18px; color: #333333;} .news_wrapper .news_cont .news_details.updates { }.news_wrapper .news_cont .news_details.updates { } .news_wrapper .news_cont .news_details.updates .feed_activities { width:100%; float:left; margin:25px 0 0 0; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes { float:left; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link { float:left; font-weight:300; font-size:14px; color:#ffffff; display:none; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes span { height:15px; float:left; margin:3px 11px 0 11px; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link button { border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#ffffff; background:#663366 ; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes .comment_link { font-weight:300; font-size:14px; color:#ffffff; text-transform:uppercase; float:left; margin:1px 0 0 -1px; } .news_wrapper .news_cont .news_details.updates .feed_activities .comments { float:left;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:left; cursor:pointer;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li:first-child { margin-right:0;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li .fa.fa-thumbs-o-up {color: #ffffff; font-size: 21px; float:left; margin:0 3px 0 0; } .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li i:after { color:#ffffff;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li:hover i:before {color:#ffffff; } .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li .like_link button { float:right; background: #663366; color:#ffffff; border:none; margin:4px 0 0 50px; cursor:pointer;} .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link .fa-thumbs-o-up { float:left; display:none;} .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link .fa-thumbs-o-up:before { display:none;} .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link .icon-value { float:left; font-weight: 300; font-size: 16px; color: #ffffff; cursor:pointer; } .news_wrapper .news_cont .news_details.updates .feed_activities { width:100%; float:left; margin:25px 0 0 0; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes { float:left; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link { float:left; font-weight:300; font-size:14px; color:#ffffff; display:none; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes span { height:15px; float:left; margin:3px 11px 0 11px; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link button { border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#ffffff; background:#663366 ; } .news_wrapper .news_cont .news_details.updates .feed_activities .likes .comment_link { font-weight:300; font-size:14px; color:#ffffff; text-transform:uppercase; float:left; margin:1px 0 0 -1px; } .news_wrapper .news_cont .news_details.updates .feed_activities .comments { float:left;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:left; cursor:pointer;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li:first-child { margin-right:0;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li span { color:#ffffff; font-weight:300;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li .fa.fa-thumbs-o-up {color: #ffffff; font-size: 21px; float:left; margin:0 3px 0 0; } .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li i:before { color:#ffffff; font-size:21px;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li i:after { color:#ffffff;} .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li:hover i:before {color:#ffffff; } .news_wrapper .news_cont .news_details.updates .feed_activities .comments ul li .like_link button { float:right; background: #663366; color:#ffffff; border:none; margin:4px 0 0 50px; cursor:pointer;} .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link .fa-thumbs-o-up { float:left; display:none;} .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link .fa-thumbs-o-up:before { display:none;} .news_wrapper .news_cont .news_details.updates .feed_activities .likes .like_link .icon-value { float:left; font-weight: 300; font-size: 16px; color: #ffffff; cursor:pointer; } .news_wrapper .news_cont .news_tit { width:100%; float:left; padding-left:2%; } .news_wrapper .news_cont .news_tit .date { font-size:13px; margin:1px 0 12px 0; } .news_wrapper .news_cont .news_tit h2 { font-weight:400; font-size:28px; line-height:32px; color:#00457C; margin:2% 0 5px 0;} .news_wrapper .news_cont .news_comments { width:100%; float:left;margin:5px 0 10px 0; } .news_wrapper .news_cont .news_comments .enls { width:100%; float:left; margin:15px 0 0 0;} .news_wrapper .news_cont .news_comments .enls ul { width:100%; float:left;} .news_wrapper .news_cont .news_comments .enls ul li { width:100%; float:left; margin:12px 0;} .news_wrapper .news_cont .news_comments .enls ul li .enls_img { width:60px; float:left; margin:0 0 0 3%;} .news_wrapper .news_cont .news_comments .enls ul li .enls_img .img_cont { width:80px; height:80px; overflow:hidden; float:left; border-radius:50%; } .news_wrapper .news_cont .news_comments .enls ul li .enls_img .img_cont img { width:100%; height:auto;} .news_wrapper .news_cont .news_comments .enls ul li .enls_details { width:74%; float:left; margin:0 0 0 3%;} .news_wrapper .news_cont .news_comments .enls ul li .enls_details .name { font-weight:600; font-size:14px; color:#00457C; line-height:20px; margin:5px 0 0 0; text-transform:capitalize; } .news_wrapper .news_cont .news_comments .enls ul li .enls_details .name .date {font-weight:200; font-size:12px; color:#999999; line-height:16px; } .news_wrapper .news_cont .news_comments .enls ul li .enls_details .post { font-weight:400; font-size:12px; color:#333333; line-height:16px; margin:6px 0 0 0; } .news_wrapper .news_cont .join_conversation { width:100%; float:left; margin:15px 0 0 0; background: #f1f1f1;} .news_wrapper .news_cont .join_conversation h2 {font-weight:400; font-size:28px; line-height:32px; color:#00457C; margin:1% 0 5px 2%;} .news_wrapper .news_cont .join_conversation .box_comment { width:100%; float:left; padding:2% 2%; font-weight:400; font-size:15px; color:#999999; min-height:120px; line-height:19px; } .news_wrapper .news_cont .join_conversation .button_comment { width:100%; float:left; margin:5px 0;} .news_wrapper .news_cont .join_conversation .button_comment a { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; } .news_wrapper .news_cont .join_conversation .button_comment a:hover { background:none; color:#ED7C15;} .news_wrapper .news_cont .join_conversation .box_comment textarea { width:100%; float:left; padding:2% 2%; border:1px solid #cccccc; font-weight:400; font-size:15px; color:#999999; min-height:120px; line-height:19px; } .news_wrapper .news_cont .join_conversation .button_comment input { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; margin-left:2%; } .news_wrapper .news_cont .join_conversation .button_comment input:hover { background:none; color:#ED7C15;} .news_wrapper .news_cont .join_conversation input { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; margin-left:2%; cursor:pointer; } .news_wrapper .news_cont .join_conversation input:hover { background:none; color:#ED7C15;} .news_wrapper .news_cont .join_conversation #btnSave { display:none; } .btn_allnews { position:absolute; z-index:1; bottom:-15px; left:0; width:100%; } .btn_allnews a { float:right; margin-right:5px; font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; margin-left:2%; cursor:pointer; } .btn_allnews a:hover {background:#ffffff; color:#ED7C15;} .news_wrapper .news_cont .news_top .news_tit .feed_activities { width:100%; float:left; margin:10% 0 0 0; position:absolute; bottom:30px; right:1px; } .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes { float:left; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link { float:left; font-weight:300; font-size:14px; color:#00457C; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes span { height:15px; float:left; margin:3px 11px 0 1px; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link button { padding:3px 5px; border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#00457C; background:#ffffff; cursor:pointer; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link button:hover { background:#00457C; color:#FFF; border-radius:30px;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .comment_link { padding:3px 5px; font-weight:300; font-size:14px; color:#00457C; position:absolute; z-index:3; top:5px; right:53px; } .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .comment_link:hover { background:#00457C; color:#FFF; border-radius:30px;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments { float:left;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li { display:inline; width:auto; margin:0 12px; float:left; cursor:pointer; position:absolute; z-index:3; top:5px; right:10px;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li:first-child { margin-right:0;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li span { color:#00457C; font-weight:300;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li .fa.fa-thumbs-o-up { display:none;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li i:before { color:#00457C; font-size:21px;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li i:after { color:#00457C;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .comments ul li:hover span {color: #ED7C15;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .like_link .fa-thumbs-o-up { position:absolute; z-index:3; top:1px; left:80px; } .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .like_link .fa-thumbs-o-up:before {color: #00457C; font-size: 21px;} .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .like_link .icon-value { position:absolute; z-index:3; top:2px; left:103px; font-weight: 300; font-size: 16px; color: #00457C; } #resultlike { position:absolute; z-index:3; top:-5px; right:21px; font-weight: 300;font-size: 14px;color: #00457C; } .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .like_link button { border:none; outline:none; float:right; font-weight:300; font-size:14px; color:#00457C; background:#ffffff; margin:5px 11px 0 20px; cursor:pointer; } .news_wrapper .news_cont .news_top .news_tit .feed_activities .likes .like_link:hover button { color:#ED7C15; } .news_list { width:100%; float:left; padding:2% 2%; background:#ffffff; } .news_list ul {width:100%; float:left; } .news_list ul li {width:100%; float:left; padding:15px 0 30px 0; border-bottom:1px dotted #666666; cursor:pointer; } .news_list ul li .news_wrap {width:100%; float:left; max-width:850px; position:relative; } .news_list ul li .image_news { width:30%; float:left; } .news_list ul li .text_news { width:68%; float:left; margin-left:2%; margin-bottom:30px; } .news_list ul li .image_news .image_container { width:100%; float:left; position:relative;} .news_list ul li .image_news .image_container img { width:90%; height:auto; position:relative; z-index:1;} .news_list ul li .image_news .image_container .video {width:90%; height:auto; position:relative; z-index:999;margin-top: 0 !important; margin-left: 0!important;} .news_list ul li .text_news h3 {font-weight:500; font-size:22px; line-height:26px; color:#f39354; margin:2px 0 15px 0; transition: all 0.5s ease; } .news_list ul li .text_news h3.pink { color:#e64a6c;} .news_list ul li:hover .text_news h3 {color:#00457C; } .news_list ul li .text_news p {font-weight:400; font-size:16px; line-height:20px; color:#333333; margin:2px 0 5px 0; } .news_list ul li .text_news .continue_read {width:100%; min-height:20px; position:absolute; right:0px; bottom:2px; z-index:1; } .news_list ul li .text_news .continue_read .date { font-weight:200; font-size:12px; color:#999999; line-height:16px; padding-left:32%; } .news_list ul li .text_news .continue_read a { float:right; text-align:right; font-weight:400; font-size:15px; line-height:20px; color:#00457C;background: url('../images/cnt_read.png') no-repeat right 7px; padding-right:16px; transition: all 0.5s ease; } .news_list ul li .text_news .continue_read a.pink { color:#e64a6c;} .news_list ul li:hover .text_news .continue_read a { padding-right:15px; } .orange_box { width:90%; height:100%; background:#f39354; z-index:0; position:absolute; left:5px; top:6px;} /* Bon plans */ .news_list ul li .text_news .continue_read a.pink {background: url('../images/cnt_readpink.png') no-repeat right 7px; } .pink_box { width:90%; height:100%; background:#e64a6c; z-index:0; position:absolute; left:5px; top:6px;} .pink { color:#e64a6c;} .bon_plans_banner { width:100%; float:left } .bon_plans_banner img { width:100%; height:auto;} .bon_plans_banner .titre { width:55%; float:left; margin-top:5%;} .bon_plans_banner .banner_image { width:39%; float:right;} /*Covid Updates*/ .covid_banner { width: 100%; float: left; margin-top: 10px; margin-bottom: 20px; } .covid_banner img { width:100%; height:auto;} /* Page Documents */ .documents_wrapper { width:76%; float:right; margin-left:3%;} .documents_wrapper .docs_cont { width:100%; float:left;} .documents_wrapper .docs_cont .block_docsearch { width:100%; float:left; padding:2% 2% 4% 2%; background:#738ba3; border-bottom-right-radius: 30px; } .documents_wrapper .docs_cont .block_docsearch h2 {font-weight:400; font-size:24px; line-height:30px; color:#ffffff; margin:10px 0 5px 0; } .documents_wrapper .docs_cont .block_docsearch form { width:100%; float:left;} .documents_wrapper .docs_cont .block_docsearch .company_docs { width:33%; float:left; margin:15px 0 0 0;} .documents_wrapper .docs_cont .block_docsearch .company_docs label { width:100%; float:left; font-weight:400; font-size:22px; line-height:30px; color:#ffffff; margin:10px 0 15px 0; } .documents_wrapper .docs_cont .block_docsearch .company_docs select { -webkit-appearance: none;width:100%; float:left; padding:10px 10px; border:none; border-radius:2px; color: #999999;background: #ffffff;} .documents_wrapper .docs_cont .block_docsearch .group_docs { width:33%; float:left; margin:15px 0 0 2%;} .documents_wrapper .docs_cont .block_docsearch .group_docs label { width:100%; float:left; font-weight:400; font-size:22px; line-height:30px; color:#ffffff; margin:10px 0 15px 0; } .documents_wrapper .docs_cont .block_docsearch .group_docs select { width:100%; float:left; padding:10px 10px; border:none; border-radius:2px;color: #999999;background: #ffffff;} .documents_wrapper .docs_cont .block_docsearch .btn_ok { width:16%; float:left; margin:77px 0 0 2%; } .documents_wrapper .docs_cont .block_docsearch .btn_ok input {float:left; padding:10px 20px; border:none; border-radius:25px; background:#ffffff; font-weight:400; font-size:14px; line-height:20px; color:#336666; text-transform:uppercase; } .documents_wrapper .docs_cont .block_docsearch a { font-weight:400; font-size:14px; line-height:20px; color:#ffffff; padding:15px 0 0 10px; } .documents_wrapper .docs_cont .block_docsearch a:hover {color: #336699;} .documents_wrapper .docs_cont .latest_docs { width:100%; float:left; margin:50px 0 0 0;} .documents_wrapper .docs_cont .latest_docs h3 {font-weight:400; font-size:28px; line-height:32px; color:#738ba3; margin:10px 0 5px 0; } .documents_wrapper .docs_cont .latest_docs .list_docs { width:100%; float:left; margin:15px 0; padding:2% 1%; background:#ffffff;} .documents_wrapper .docs_cont .latest_docs .list_docs ul { width:100%; float:left;} .documents_wrapper .docs_cont .latest_docs .list_docs ul li {width:100%; float:left; padding:2% 0; border-bottom:1px dotted #666666; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li:last-child { border:none; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li a.xls {width:100%; float:left; display:block; background: url('../images/icn/icn_xcl.png') no-repeat left top; padding:5px 0 10px 50px; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li a.pdf {width:100%; float:left; display:block; background: url('../images/icn/icn_pdf.png') no-repeat left top; padding:5px 0 10px 50px; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li a.doc {width:100%; float:left; display:block; background: url('../images/icn/icn_word.png') no-repeat left top; padding:5px 0 10px 50px; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li a h4 { width:100%; float:left; font-weight:400; font-size:16px; line-height:20px; color:#666666;} .documents_wrapper .docs_cont .latest_docs .list_docs ul li a .date {font-weight:400; font-size:12px; line-height:16px; color:#336666; font-style:italic; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li a .size {font-weight:400; font-size:12px; line-height:16px; color:#333333; } .documents_wrapper .docs_cont .latest_docs .list_docs ul li a.image {width:100%; float:left; display:block; background: url('../images/icn/icn_img.png') no-repeat left top; padding:5px 0 10px 50px; } /* Page Directory */ .directory_wrapper { width:76%; float:right; margin-left:3%;} .directory_wrapper .docs_cont { width:100%; float:left;} .directory_wrapper .docs_cont .block_docsearch { width:100%; float:left; padding:2% 2% 4% 2%; background:#ED7C15;border-bottom-right-radius: 30px; } .directory_wrapper .docs_cont .block_docsearch h2 {font-weight:400; font-size:24px; line-height:30px; color:#00457C; margin:10px 0 5px 0; } .directory_wrapper .docs_cont .block_docsearch form { width:100%; float:left;} .directory_wrapper .docs_cont .block_docsearch .company_docs { width:35%; float:left; margin:15px 0 0 0;} .directory_wrapper .docs_cont .block_docsearch .company_docs label { width:100%; float:left; font-weight:400; font-size:24px; line-height:30px; color:#ffffff; margin:10px 0 15px 0; } .directory_wrapper .docs_cont .block_docsearch .company_docs select { width:100%; float:left; padding:10px 10px; border:none; border-radius:2px; color:#333; background:#ffffff;} .directory_wrapper .docs_cont .block_docsearch .group_docs { width:35%; float:left; margin:15px 0 0 2%;} .directory_wrapper .docs_cont .block_docsearch .group_docs label { width:100%; float:left; font-weight:400; font-size:24px; line-height:30px; color:#ffffff; margin:10px 0 15px 0; } .directory_wrapper .docs_cont .block_docsearch .group_docs input { width:100%; float:left; padding:11px 10px; border:none; border-radius:2px;} .directory_wrapper .docs_cont .block_docsearch .btn_ok { float:left; margin:67px 0 0 2%; } .directory_wrapper .docs_cont .block_docsearch .btn_ok input {float:left; padding:10px 20px; border:none; border-radius:25px; background:#ffffff; font-weight:400; font-size:14px; line-height:20px; color:#00457C; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease; } .directory_wrapper .docs_cont .block_docsearch .btn_ok input:hover {background:#00457C; color:#ffffff; } .directory_wrapper .docs_cont .block_docsearch a { font-weight:400; font-size:14px; line-height:20px; color:#ffffff; margin:10px 0 0 10px; float:left; } .directory_wrapper .docs_cont .block_docsearch a:hover { color:#00457C;} .directory_wrapper .docs_cont .directory_results { width:100%; float:left; margin:0;} .directory_wrapper .docs_cont .directory_results h3 {font-weight:400; font-size:28px; line-height:32px; color:#00457C; margin:10px 0 5px 0; } .directory_wrapper .docs_cont .directory_results .block_results { width:100%; float:left; margin:50px 0 0 0;} .showresults { font-weight: 400; font-size: 24px;line-height: 30px; color: #00457C; float:left; position:absolute; z-index:1; left: 25%; top:280px; } .directory_wrapper .docs_cont .directory_results .block_results ul { margin-bottom: 42px; float:left; width:100%} .directory_wrapper .docs_cont .directory_results .block_results ul li { height:310px; padding:1%; width:24%; float:left; margin:30px 0.5% 0 0.5%; background:#ffffff; cursor:pointer;} .directory_wrapper .docs_cont .directory_results .block_results ul li:hover { background:#ED7C15;} .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_img { width:120px; margin:25px auto ;} .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_img .img_cont { width:120px; height:120px; overflow:hidden; float:left; border-radius:50%; border:2px solid #ffffff; position:relative; } .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_img .img_cont img { width:100%; height:auto;} .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_img .img_cont .bd_imgOv { min-height:40px; position:absolute; z-index:2; top:3px; left:5px; width:100%; min-height:100px; } .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_details { width:100%; float:left; margin:10px 0; text-align:center;min-height: 90px;} .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_details .name { font-weight:600; font-size:16px; color:#333333; line-height:22px; margin:5px 0 0 0; text-transform:capitalize; } .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_details .post { font-weight:200; font-size:14px; color:#ED7C15; line-height:18px; } .directory_wrapper .docs_cont .directory_results .block_results ul li:hover .enls_details .post { color:#ffffff; } .directory_wrapper .docs_cont .directory_results .block_results ul li .enls_details .company { font-weight:600; font-size:14px; color:#00457C; line-height:20px; text-transform:uppercase; } .directory_wrapper .docs_cont .profile_wrapper { width:100%; float:left; margin:30px 0 0 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details { width:55%; float:left; background:#ffffff; padding:2% 2% 10% 2%; position:relative; min-height: 613px; margin-bottom:20px } .directory_wrapper .docs_cont .profile_wrapper .profile_details .employee_name { width:100%; float:left; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .employee_name h3 {font-weight:400; font-size:30px; line-height:34px; color:#00457C; margin:10px 0 5px 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .employee_name h4 {font-weight:400; font-size:22px; line-height:26px; color:#ED7C15; margin:15px 0 5px 0; font-style:italic; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .employee_name .company {font-weight:400; font-size:16px; line-height:22px; color:#333333; margin:0 0 5px 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .employee_name .job {font-weight:400; font-size:14px; line-height:20px; color:#666666; margin:0 0 5px 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile { width:100%; float:left; border-top: 1px solid #FFCCCC; margin:32px 0 10px 0; position:relative; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .btn_edit { position:absolute; z-index:1; top:-15px; right:0px;} .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .btn_edit a { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#ED7C15; text-transform:uppercase; border:2px solid #ED7C15; transition: all 0.5s ease; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .btn_edit a:hover { background:#ffffff; color:#ED7C15;} .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .bd {width:100%; float:left; display:block; background: url('../images/icn/icn_bd.png') no-repeat left top; padding:5px 0 12px 50px; font-weight:400; font-size:14px; line-height:20px; color:#666666; margin:10px 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .mobile {width:100%; float:left; display:block; background: url('../images/icn/icn_mobile.png') no-repeat left top; padding:5px 0 12px 50px; font-weight:400; font-size:14px; line-height:20px; color:#666666; margin:10px 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .email {width:100%; float:left; display:block; background: url('../images/icn/icn_email.png') no-repeat left top; padding:5px 0 12px 50px; font-weight:400; font-size:14px; line-height:20px; color:#666666; margin:10px 0; } .directory_wrapper .docs_cont .profile_wrapper .profile_details .edit_profile .phone {width:100%; float:left; display:block; background: url('../images/icn/icn_phone.png') no-repeat left top; padding:5px 0 12px 50px; font-weight:400; font-size:14px; line-height:20px; color:#666666; margin:10px 0; } .directory_wrapper .docs_cont .profile_wrapper .employee_likes { width:100%; float:left; border-top: 1px solid #FFCCCC; margin:15px 0; position:relative; font-size:22px; line-height:26px; color:#666666; margin:15px 0 5px 0; font-style:italic; } .directory_wrapper .docs_cont .profile_wrapper .employee_likes h5 {font-weight:400; font-size:22px; line-height:26px; color:#ED7C15; margin:15px 0 5px 0; font-weight:400; font-style:italic; } .directory_wrapper .docs_cont .buttons { width:55%; position:relative; float:left;} .directory_wrapper .docs_cont .buttons .btn_back { float:left;} .directory_wrapper .docs_cont .buttons .btn_back a { float:left; font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 30px; border-radius:30px; background: url('../images/icn/arr_left.png') no-repeat 9px 7px #656565; text-transform:uppercase; border:2px solid #656565; transition: all 0.5s ease; } .directory_wrapper .docs_cont .buttons .btn_back a:hover { background: url('../images/icn/arr_left_on.png') no-repeat 9px 7px #ffffff; color:#656565; } .directory_wrapper .docs_cont .buttons .btn_contact { float:right;} .directory_wrapper .docs_cont .buttons .btn_contact a {float:right; font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 12px; border-radius:30px; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; background: #00457C; } .directory_wrapper .docs_cont .buttons .btn_contact a:before { font-size:16px; margin:3px 5px 0 0; } .directory_wrapper .docs_cont .buttons .btn_contact a .fa-envelope { opacity:0; margin-left:-12px; } .directory_wrapper .docs_cont .buttons .btn_contact a:hover {background: #ffffff; color:#00457C; } .directory_wrapper .docs_cont .buttons .btn_contact a:hover .fa-envelope-o { opacity:0; } .directory_wrapper .docs_cont .buttons .btn_contact a:hover .fa-envelope { opacity:1;} .directory_wrapper .docs_cont .profile_wrapper .profile_image { width:42%; float:right; margin:0 0 0 3%;} .directory_wrapper .docs_cont .profile_wrapper .profile_image img { width:100%; height:auto;} /* Page vacancies */ .vacancies_wrapper { width:76%; float:right; margin-left:3%;} .vacancies_wrapper .vacancies_cont { width:100%; float:left; margin: 10px 0; } .vacancies_wrapper .vacancies_cont .vacancies_tit { width:100%; float:left; background: #00a983; padding: 1% 2% 2% 2%;border-bottom-right-radius: 30px; } .vacancies_wrapper .vacancies_cont h2 { font-weight:400; font-size:28px; line-height:32px; color:#ffffff; margin:10px 0 5px 0;} .vacancies_wrapper .vacancies_cont h3 { font-weight:500; font-size:24px; line-height:30px; color:#FFF; margin:10px 0 15px 0;} .vacancies_wrapper .vacancies_cont .table-vacancies { display:block; float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies tbody { display:block; float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies thead { display:block; float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies tfoot { display:none; float:left; width:100%; text-align:center;} .vacancies_wrapper .vacancies_cont .table-vacancies tr { display:block; float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies td { display:block; float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box {float:left; width:100%; background:#ffffff; margin:25px 0 0 0; padding:2% 2% 2% 2%; border-bottom:1px solid #cccccc;} .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies-head {float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies-head .vacancies-title {font-weight:400; font-size:22px; line-height:26px; color:#00a983; margin:1px 0 65px 0 } .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details {float:left; width:100%;} .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date { width:50%; float:left; font-weight:200; font-size:20px; line-height:26px; color:#CCCC33; position:relative; } .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date .date {font-size:15px; line-height:20px; color:#00a983; font-style:italic; } .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_date .company {font-weight:400;font-size:15px; line-height:20px; color:#000000; text-transform:uppercase; } .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_link { width:50%; float:left; text-align:right; position:relative; } .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_link a {font-weight:400; font-size:15px; line-height:20px; color:#ffffff; background: #00a983; transition: all 0.5s ease; padding: 5px 20px 5px 20px; border-radius: 30px; border: 2px solid #00a983; } .vacancies_wrapper .vacancies_cont .table-vacancies .vacancies-box .vacancies_details .vacancies_link a:hover { background:#ffffff; color:#00a983; } .logo_vacancy { position:absolute; z-index:1; top:-90px; right:5px;} .vacancies_wrapper .vacancies_cont .table-vacancies tfoot tr { width:20px; height:20px; } .vacancies_wrapper .vacancies_cont .table-vacancies tfoot td { width:20px; height:20px; border-radius:50%; background:#00457C; font-size:12px; color:#ffffff; } .vacancies_wrapper .vacancies_cont .table-vacancies tfoot td a { width:20px; height:20px; border-radius:50%; background:#ED7C15; font-size:12px; color:#ffffff; display:block; } .vacancy_pager { width:100%; float:left; text-align:center; margin:15px 0; color: #00457C;} .vacancy_pager a { width:20px; height:20px; border-radius:50%; background:#00457C; font-size:12px; color:#ffffff; padding:5px 9px; margin:0 5px; transition: all 0.5s ease;} .vacancy_pager a:hover { background:#ED7C15; } /* Page Birthdays */ .birthday_wrapper { width:76%; float:right; margin-left:3%;} .birthday_wrapper .birthday_cont { width:100%; float:left; margin:0;} .birthday_wrapper .birthday_cont .todays_birthday { width:100%; float:left; margin:0; position:relative;} .birthday_wrapper .birthday_cont .todays_birthday h3 {font-weight:400; font-size:25px; line-height:30px; color:#ED7C15; margin:10px 0 5px 0; } .birthday_wrapper .birthday_cont .todays_birthday .date { font-weight:200; font-size:20px; line-height:24px; color:#666666; position:absolute; z-index:1; right:10px; top:15px; } .birthday_wrapper .birthday_cont .todays_birthday ul li { width:24%; max-width:285px; min-height:350px; float:left; margin:15px 1% 15px 0; background:#ffffff; position:relative; padding:0 0 30px 0;} .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_img { width:50%; margin:25px auto ;} .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_img .img_cont { width:120px; height:120px; overflow:hidden; margin:0 auto; border-radius:50%; border:2px solid #ffffff; position:relative; } .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_img .img_cont img { width:100%; height:auto;display:block; cursor:pointer;} .birthday_wrapper .birthday_cont .todays_birthday ul li .bd_imgOv a{cursor:pointer; background: url('../images/bd_back.png') left bottom no-repeat; min-height:40px; position:absolute; z-index:2; top:5px; left:5px; width:100%; min-height:167px; } .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details { width:100%; float:left; margin:10px 0; text-align:center;} .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details .name a{ text-transform:capitalize; cursor:pointer;display:block;font-weight:600; font-size:16px; color:#333333; line-height:22px; margin:5px 0 0 0; } .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details .post a{ cursor:pointer; display:block;font-weight:200; font-size:14px; color:#ED7C15; line-height:18px; } .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details .company a{ cursor:pointer; display:block;font-weight:600; font-size:14px; color:#00457C; line-height:20px; text-transform:uppercase; } .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details .btn_welcome { width:100%; float:left; margin:15px 0;} .birthday_wrapper .birthday_cont .todays_birthday ul li .enls_details .btn_welcome a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:25px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; } .birthday_wrapper .birthday_cont .todays_birthday ul li:hover .enls_details .btn_welcome a { background:#ffffff; color:#00457C; border:2px solid #ffffff;} .birthday_wrapper .birthday_cont .todays_birthday ul li:hover { background:#00457C;} .birthday_wrapper .birthday_cont .todays_birthday ul li:hover .enls_details .company a{ color:#ffffff;} .birthday_wrapper .birthday_cont .todays_birthday ul li:hover .enls_details .post a{ color:#ffffff;} .birthday_wrapper .birthday_cont .todays_birthday ul li:hover .enls_details .name a{ color:#ffffff;} .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd { width:100%; position:absolute; z-index:2; bottom:-25px;} .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 7px 20px; border-radius:30px; text-transform:uppercase; border:2px solid #ffffff; transition: all 0.5s ease; background:#ED7C15; width:140px; display:block; margin:0 auto; } .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd a i:before { font-size:16px; margin:3px 5px 0 0; } .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd a .fa-envelope { opacity:0; margin-left:-20px;} .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd a:hover {background: #ffffff; color:#ED7C15; } .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd a:hover .fa-envelope-o { opacity:0;} .birthday_wrapper .birthday_cont .todays_birthday ul li .btn_snd a:hover .fa-envelope { opacity:1;} .birthday_wrapper .birthday_cont .other_birthdays { width:100%; float:left; margin:50px 0 0 0; position:relative;} .birthday_wrapper .birthday_cont .other_birthdays h3 {font-weight:400; font-size:32px; line-height:36px; color:#00457C; margin:10px 0 5px 0; } .birthday_wrapper .birthday_cont .other_birthdays ul li { height:350px;width:24%; max-width:285px; float:left; margin:30px 1% 0 0; background:#ffffff;} .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_img { width:50%; margin:25px auto ;} .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_img .img_cont { width:130px; height:130px; margin:0 auto; border-radius:50%; border:2px solid #ffffff; overflow:hidden; position:relative; } .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_img .img_cont img { width:100%; height:auto;} .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_img .img_cont .bd_imgOv { background: url('../images/birth_over.png') left bottom no-repeat; min-height:40px; position:absolute; z-index:2; top:3px; left:5px; width:100%; min-height:100px; display:none; } .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_details { width:100%; float:left; margin:10px 0; text-align:center; min-height: 115px;} .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_details .b_date { font-weight:600; font-size:14px; color:#00457C; line-height:22px; margin:5px 0 0 0; } .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_details .name { font-weight:200; font-size:16px; color:#333333; line-height:22px; margin:5px 0 0 0; text-transform:capitalize; } .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_details .post { font-weight:200; font-size:14px; color:#ED7C15; line-height:18px; } .birthday_wrapper .birthday_cont .other_birthdays ul li .enls_details .company { font-weight:600; font-size:14px; color:#00457C; line-height:20px; text-transform:uppercase; } .birthday_wrapper .birthday_cont .other_birthdays ul li:hover .enls_details .btn_welcome a { background:#ffffff; color:#00457C; border:2px solid #ffffff;} .birthday_wrapper .birthday_cont .other_birthdays ul li:hover { background:#00457C;} .birthday_wrapper .birthday_cont .other_birthdays ul li:hover .enls_details .company { color:#ffffff;} .birthday_wrapper .birthday_cont .other_birthdays ul li:hover .enls_details .post { color:#ffffff;} .birthday_wrapper .birthday_cont .other_birthdays ul li:hover .enls_details .name { color:#ffffff;} .birthday_wrapper .birthday_cont .other_birthdays ul li:hover .enls_details .b_date { color:#ffffff;} /* Page Gallery */ .gallery_wrapper { width:76%; float:right; margin-left:3%; position:relative;} .gallery_wrapper h2 {font-weight:400; font-size:30px; line-height:36px; color:#00457C; margin:10px 0 5px 0; } .gallery_wrapper .buttons_gallery { width:100%; float:left; margin:20px 0; position:relative;} .gallery_wrapper .buttons_gallery a { padding:10px 15px; border:1px solid #00457C; color:#00457C; font-weight:200; font-size:24px; line-height:30px; margin:0 25px 0 0; } .gallery_wrapper .buttons_gallery a.selected { background:#00457C; color:#ffffff; } .gallery_wrapper .buttons_gallery a:hover { background:#00457C; color:#ffffff; } .gallery_wrapper h3 {font-weight:400; font-size:28px; line-height:36px; color:#ED7C15; margin:10px 0 5px 0; width:50%; } .gallery_wrapper .banner_photos { width:40%; position:absolute; z-index:1; bottom:0; right:4%;} .gallery_wrapper .banner_photos img { width:100%; height:auto;} .gallery_wrapper .gallery_cont { width:100%; float:left; padding:1% 2%; background:#ffffff; margin:0 0 10px 0; } .gallery_wrapper .gallery_cont ul { width:100%; float:left;} .gallery_wrapper .gallery_cont ul li { padding: 0 !important;width:24%; float:left; margin:1% 1% 0 0; position:relative; } .gallery_wrapper .gallery_cont ul li span {cursor:pointer;font-weight:400; font-size:14px; color:#00457C; line-height:20px; padding:0 0 0 10px; display:block; float:left; min-height:55px; } .gallery_wrapper .gallery_cont ul li a.photo_h i.fa{position: absolute;z-index: 999;font-size: 50px;color: rgb(51, 102, 153);left: 44%;top: 37%;} .gallery_wrapper .gallery_cont ul li img { width:100%; height:auto; transform: scale(1); transition: transform 0.3s ease-in-out;} .gallery_wrapper .gallery_cont ul li:hover img { transform: scale(1.05);} .gallery_wrapper .gallery_cont ul li a { width:100%; float:left; display:block; overflow:hidden;} .gallery_wrapper .gallery_cont ul li a.photo_h { overflow:hidden; position:relative; height:190px} .gallery_wrapper .gallery_cont ul li a.photo_h img { width:inherit; height:inherit; max-width:inherit; text-align:center; } .gallery_wrapper .join_conversation { width:100%; float:left; margin:15px 0 0 0; background: #f1f1f1;} .gallery_wrapper .join_conversation h2 {font-weight:400; font-size:28px; line-height:32px; color:#00457C; margin:1% 0 -5px 2%;} .gallery_wrapper .join_conversation .box_comment { width:100%; float:left; padding:2% 2%; font-weight:400; font-size:15px; color:#999999; line-height:19px; } .gallery_wrapper .join_conversation .button_comment { width:100%; float:left; margin:15px 0;} .gallery_wrapper .join_conversation .button_comment a { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; } .gallery_wrapper .join_conversation .button_comment a:hover { background:none; color:#ED7C15;} .gallery_wrapper .join_conversation .box_comment textarea { width:100%; float:left; padding:2% 2%; border:1px solid #cccccc; font-weight:400; font-size:15px; color:#999999; min-height:120px; line-height:19px; } .gallery_wrapper .join_conversation .button_comment input { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; margin-left:2%; } .gallery_wrapper .join_conversation .button_comment input:hover { background:none; color:#ED7C15;} .gallery_wrapper .join_conversation input { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#00457C; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; margin-left:2%; cursor:pointer; } .gallery_wrapper .join_conversation input:hover { background:none; color:#ED7C15;} .gallery_wrapper .enls { width:100%; float:left; padding:0; margin:20px 0 0 0;} .gallery_wrapper .enls ul { width:100%; float:left; } .gallery_wrapper .enls ul li { width:100%; float:left; margin:12px 0;} .gallery_wrapper .enls ul li .enls_img { width:60px; float:left; margin:0 0 0 3%;} .gallery_wrapper .enls ul li .enls_img .img_cont { width:80px; height:80px; overflow:hidden; float:left; border-radius:50%; } .gallery_wrapper .enls ul li .enls_img .img_cont img { width:100%; height:auto;} .gallery_wrapper .enls ul li .enls_details { width:74%; float:left; margin:0 0 0 3%;} .gallery_wrapper .enls ul li .enls_details .name { font-weight:600; font-size:14px; color:#00457C; line-height:20px; margin:5px 0 0 0; } .gallery_wrapper .enls ul li .enls_details .post { font-weight:200; font-size:12px; color:#666666; line-height:16px; } .gallery_wrapper .enls ul li .enls_details .company { font-weight:600; font-size:14px; color:#666666; line-height:20px; } .gallery_wrapper .enls ul li .enls_details .name .date { font-weight: 200; font-size: 12px; color: #999999; line-height: 16px;} .docs_or{ width:50px; float:left; margin:71px 0 0 30px; font-weight: 400; font-size: 24px;line-height: 30px; color: #ffffff;} .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link .fa-thumbs-o-up { position:absolute; z-index:3; top:4px; left:54px; font-size: 19px; } .main .main_cont .main_inner .feed .news_container .feed_photo .feed_activities .likes .like_link .icon-value { position:absolute; z-index:3; top:0px; left:73px; font-weight: 300; font-size: 16px; color: #00457C} #resultlike { position:absolute; z-index:3; top:-5px; right:21px; font-weight: 300;font-size: 14px;color: #00457C!important; } /* Page Avantages ENL */ .avantages_wrapper { width:76%; float:right; margin-left:3%;} .avantages_wrapper .avantages_cont { width:100%; float:left;} .avantages_wrapper .avantages_cont .block_avantages_enl { width:100%; float:left; padding:2% 2% 4% 2%; background:#00457C; position:relative; margin-bottom:45px; } .avantages_wrapper .avantages_cont .block_avantages_enl h2 { float:left; font-weight:400; font-size:28px; line-height:32px; color:#ED7C15; margin:2px 0 15px 28px; } .avantages_wrapper .avantages_cont .block_avantages_enl .card_advantage { width:30%; position:absolute; z-index:1; top:26px; left:0;} .avantages_wrapper .avantages_cont .block_avantages_enl .card_advantage img { width:100%; height:auto;} .avantages_wrapper .avantages_cont .block_avantages_enl .desc_advantage { width:68%; float:right;} .avantages_wrapper .avantages_cont .block_avantages_enl p {font-weight:200; font-size:18px; line-height:22px; color:#ffffff; margin:10px 0 5px 0; } .avantages_wrapper .avantages_cont .block_avantages_enl .avantages { width:100%; float:left; margin:30px 0 0 0;} .avantages_wrapper .avantages_cont .avantages .filter_avantages { width:100%; float:left; padding:15px 10px 20px 10px; background:#ffffff; margin:5px 0 10px 0;} .avantages_wrapper .avantages_cont .avantages .filter_avantages ul { width:100%; float:left; } .avantages_wrapper .avantages_cont .avantages .filter_avantages ul li { display:inline; margin:10px 7px 8px 0; float:left;} .avantages_wrapper .avantages_cont .avantages .filter_avantages ul li:last-child { margin-right:0px;} .avantages_wrapper .avantages_cont .avantages .filter_avantages ul li a { padding:6px 6px; font-weight:400; font-size:12px; line-height:14px; text-transform:uppercase; color:#ED7C15; border:1px solid #999999; } .avantages_wrapper .avantages_cont .avantages .filter_avantages ul li a:hover {background:#00457C; color:#ffffff; } .avantages_wrapper .avantages_cont .avantages .filter_avantages ul li a.all { background:#00457C; color:#ffffff;} .avantages_wrapper .avantages_cont .avantages .filter_results { width:100%; float:left; margin:2px 0 0 0;} .orange-text { color:#ED7C15;} .avantages_wrapper .avantages_cont .avantages .filter_results h4 {font-weight:400; font-size:28px; line-height:32px; color:#00457C; margin:0px 0 -5px 0; } .avantages_wrapper .avantages_cont .avantages .filter_results ul {width:100%; float:left; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li {width:100%; float:left; margin:25px 0 0 0; background:#ffffff; position:relative; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_image { width:25%; float:left;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_image img { width:100%; height:auto;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details { width:50%; float:left; padding:2% 2%;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details p { font-weight:400; font-size:15px; line-height:18px; color:#666666; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company { width:25%; float:left; padding:1% 1%; height:100%; border-left: 1px dotted #666666;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company .logo_adv { width:100%; float:left; margin:9% 0 0 0; text-align:center; overflow:hidden; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company .logo_adv img { width:auto; margin:auto; text-align:center;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_company .detail_com { width:100%; float:left; margin:1% 0; font-weight:400; font-size:12px; line-height:14px; color:#666666; vertical-align:baseline; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topimage { width:19px; height:6px; position:absolute; z-index:1; left:24%; top:0px; background: url('../images/adv_top.png') 2px top no-repeat; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmimage { width:19px; height:6px; position:absolute; z-index:1; left:24%; bottom:0px; background: url('../images/adv_btm.png') 2px top no-repeat; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_topdetails { width:19px; height:6px; position:absolute; z-index:1; left:74%; top:0px; background: url('../images/adv_top.png') 1px top no-repeat; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .advbd_btmdetails { width:19px; height:6px; position:absolute; z-index:1; left:74%; bottom:0px; background: url('../images/adv_btm.png') 1px top no-repeat; } /* Page Les Petites Annonces */ .annonces_wrapper { width:100%; float:left;} .annonces_wrapper .annonces_cont { width:100%; float:left;} .annonces_wrapper .annonces_cont .block_les_annonces { width:100%; float:left; padding:2% 2% 4% 2%; background:#239ba0;border-bottom-right-radius: 30px; } .annonces_wrapper .annonces_cont .block_les_annonces h2 {font-weight:400; font-size:28px; line-height:32px; color:#ffffff; margin:5px 0 5px 0; } .annonces_wrapper .annonces_cont .block_les_annonces p {font-weight:200; font-size:18px; line-height:22px; color:#ffffff; margin:10px 0 5px 0; } .annonces_wrapper .annonces_cont .block_les_annonces p a { padding:5px 10px; background:#ffffff; font-weight:200; font-size:14px; color:#339999; border-radius:30px; } .annonces_wrapper .annonces_cont .block_les_annonces p a:hover { background:none; color:#ffffff; border: 2px solid #ffffff;} .annonces_wrapper .annonces_cont .block_les_annonces form { width:100%; float:left; margin:10px 0; display:none; transition: all 0.9s ease; } .annonces_wrapper .annonces_cont .block_les_annonces form.active { display:block;} .annonces_wrapper .annonces_cont .block_les_annonces form label { width:100%; float:left; font-weight:400; font-size:22px; color:#ffffff; margin-top:18px;} .annonces_wrapper .annonces_cont .block_les_annonces form textarea { background: #ffffff ; padding: 14px 0 0 15px; min-width: 250px; font-weight: 200;font-size: 16px; line-height:20px; float:left; color: #339999;border:none; margin:10px 0 0 0 ; width:90%; resize:none; border-radius: 4px;} .annonces_wrapper .annonces_cont .block_les_annonces form .box_comment textarea { min-height:160px;} .annonces_wrapper .annonces_cont .block_les_annonces form .button_comment { width:100%; float:left; margin:8px 0 15px 0;} .annonces_wrapper .annonces_cont .block_les_annonces form .button_comment input{ margin-top:15px; float:left; padding:6px 20px; background:#ffffff; font-weight:200; font-size:12px; color:#339999; border-radius:30px; border: 2px solid #339999; cursor:pointer; transition: all 0.5s ease; text-transform:uppercase;} .annonces_wrapper .annonces_cont .block_les_annonces form .button_comment input:hover { background:none; color:#ffffff; border: 2px solid #ffffff;} .annonces_wrapper .annonces_cont .block_les_annonces form .box_comment { width:100%; float:left; margin:8px 0 15px 0;} #strFile { float:left; margin:5px 0; color:#666; font-family: 'Open Sans', sans-serif; font-weight:400} #strFile::-webkit-file-upload-button { visibility: hidden;} #strFile::before { content: 'upload file'; display: inline-block; background: #3C948B; border-radius: 3px; font-size: 12px; padding: 4px 10px; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:400; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; margin-right:15px; } #strFile:hover::before { background: #000; color:#FFF;} #strFile:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);} .annonces_list { width:100%; float:left; padding:2% 0; background:#FFF; margin-top:20px } .annonces_list ul {width:100%; float:left; } .annonces_list ul li {width:100%; float:left; padding:15px 0 30px 0; border-bottom:1px dotted #666666 } .annonces_list ul li:last-child {border:none } .annonces_list ul li .news_wrap {width:100%; float:left; position:relative; } .annonces_list ul li .image_news { width:30%; float:left; } .annonces_list ul li .text_news { width:68%; float:left; margin-left:2%;padding: 0 20px 25px 0 } .annonces_list ul li .text_news .date {font-weight:400; font-size:15px; font-style:italic; line-height:20px; color:#666666; margin:2px 0 15px 0; } .annonces_list ul li .image_news .image_container { width:100%; float:left; position:relative;} .annonces_list ul li .image_news .image_container .imgcrop {width:100%; float:left; overflow:hidden; max-height:140px; } .annonces_list ul li .image_news .image_container img { width:90%; height:auto; position:relative; z-index:1; overflow:hidden; } .annonces_list ul li .image_news .image_container .zoom_img { position: absolute; z-index:1; bottom:0px; left:0; background-color:rgba(51,153,153,0.5) ; background-position: center center; background-repeat:no-repeat; background-image: url('../images/icn/icn_zoom.png'); width:51px; height:46px; display:block; transition: all 0.5s ease; border:1px solid #339999;} .annonces_list ul li .image_news .image_container .zoom_img:hover { background-color:rgba(255,255,255, 1.0 ) ; background-image: url('../images/icn/annon.png'); } .annonces_list ul li .text_news h3 {font-weight:500; font-size:22px; line-height:26px; color:#239ba0; margin:2px 0 0 0; } .annonces_list ul li .text_news p {font-weight:400; font-size:16px; line-height:20px; color:#333333; margin:14px 0 5px 0; } .annonces_list ul li .text_news .continue_read {width:100%; min-height:20px; position:absolute; right:0px; bottom:2px; z-index:1; } .annonces_list ul li .text_news .continue_read .date { font-weight:200; font-size:12px; color:#999999; line-height:16px; padding-left:32%; } .annonces_list ul li .text_news .continue_read a { float:right; text-align:right; font-weight:700; font-size:15px; line-height:20px; color:#00457C;} .green_box { width:90%; height:100%; background:#239ba0; z-index:0; position:absolute; left:5px; top:6px;} .published_by { position:absolute; z-index:1; left:2%; bottom:1px; font-weight:400; font-size:15px; line-height:20px; color:#666666; font-style:italic;} .published_by span { color: #239ba0;text-transform: capitalize; } .maincontent { width:100%; float:right; background:#FFF; padding:2%; } .maincontent .col-sm-8 { width:100%; float:left; padding:0 0 0 0;} .maincontent .col-sm-4 { float:left; } .maincontent h2 { color:#00457B; float:left; width:100%; padding:11px 0; font-size:20px; color:#336699; text-transform:uppercase; font-weight:300;} .maincontent .topicrow { width:100%; float:left; padding:15px 1%;} .maincontent hr { display:none !important;} .rsssubscribe { display:none; } .maincontent .topicrow .topicrowdetails { width:73%; float:left;} .maincontent .topicrow .topicrecent { width:30%; float:right; max-width:145px;} .col-sm-4 { width:100%; float:left;} .maincontent .topicrow .topicrowdetails h3 { width:100%; float:left; margin:5px 0 20px 0; } .maincontent .topicrow .topicrowdetails h3 a {font-weight:400; font-size:22px; line-height:26px; color:#00457B;} .maincontent .topicrow .topicrowdetails h3 a:hover { color:#ED7C15;} .topiccommentsclass {font-weight:400; font-size:15px; line-height:24px; color:#ED7C15; } .topiccommentsclass span { font-weight:400; font-size:15px; line-height:20px; color:#BABABA; } .topicviewsclass {font-weight:400; font-size:15px; line-height:24px; color:#ED7C15; } .topicviewsclass span { font-weight:400; font-size:15px; line-height:20px; color:#BABABA; } .topicrowstatscategory {font-weight:400; font-size:12px; line-height:16px; color:#545454; font-style:italic; } .topicrowstatscategory a {color:#ED7C15; } .topicrowstatscategory a:hover {color:#00457B; } .latesttext {font-weight:400; font-size:12px; line-height:16px; color:#545454; font-style:italic; text-align:center; } .topicrecentdate { font-weight:400; font-size:12px; line-height:16px; color:#999999; font-style:italic; text-align:center; } .topicrecentavatar { width:100%; float:left; margin:15px 0;} .topicrecentavatar a { width: 85px; height: 85px; overflow: hidden; border-radius: 50%; display:block; margin:0 auto;} .categories-box ul li { width:100%; float:left; margin:3px 0; padding:2px 1px; border-bottom:1px solid #cccccc; } .categories-box ul li:last-child { border:none;} .categories-box ul li a {font-weight:400; font-size:14px; line-height:20px; color:#00457A; } .categories-box ul li a:hover { color:#ED7C15; } .categories-box { width:140px; float:left; cursor:pointer; position:relative;z-index: 9999;} .categories-box h4 { font-weight:400; font-size:12px; color:#ffffff; padding:1px 20px 3px 20px; background: url('../images/icn/arrow_login.png') right 7px no-repeat #00457A; text-transform:uppercase; border:5px solid #00457A; } .categories-box ul { display:none; transition: all 0.5s ease; width:140px; background:#f1f1f1; border:1px solid #00457A; padding:5px 5px; position:absolute; left:0; margin:0} .categories-box ul.active { display:block;} .forum-master { width:76%; float:right; background:#ED7C15; padding:4% 2% 2% 2%;; position:relative; } .forum { width:76%; float:right; background:#ED7C15; padding:2% 2% 2% 2%;; position:relative; } .latesttopicheading { width:76%; float:right; padding:0; position:relative } .latesttopicheading .forum-banner { width:45%; max-width:527px; height:auto; position: absolute; bottom:0; right:32px;} .latesttopicheading .forum-banner img {width: auto; max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;} .latesttopicheading h2 { font-weight: 600; color: #00457C; float:left; width:100%; padding:5px 0 10px 0; font-size:28px; } .latesttopicheading h3 { font-weight: 200; color:#666; float:left; width:40%; padding:4px 0 20px 0; font-size:20px;} .createtopicbutton { position:relative; float:right; padding-bottom:0 !important} .createtopicbutton a { font-weight:400; font-size:12px; color:#ED7C15; padding:5px 20px 5px 20px !important; background:#FFF; text-transform:uppercase; border:2px solid #FFF; transition: all 0.5s ease; margin-left:10px } .createtopicbutton a:hover { background:none; color:#FFF;} .forumall { position:relative; font-weight:400; font-size:12px; color:#FFF; border:2px solid #00457C; background:#00457C; padding:5px 20px 5px 20px;text-transform:uppercase; } .icon-document a { color:#FFF; background:#3C948B; border-radius:3px; font-size:12px; padding:4px 10px} .icon-document a:hover { color:#000; } .highearners-box { display:none;} .topicrowdetails { font-weight:400; font-size:20px; line-height:26px; color:#BABABA; } .forum .maincontent {margin-top: 10px; } .forum .maincontent .breadcrumb { float:left; width:100%; margin:20px 0; background:#F7F7F7} .forum .maincontent .breadcrumb li { display:inline; font-weight: 700;font-size: 12px;line-height: 16px; color: #545454;font-style: italic;} .forum .maincontent .breadcrumb li a { font-weight: 700;font-size: 12px;line-height: 16px; color: #545454;font-style: italic;} .forum .maincontent .breadcrumb li.active {color:#ED7C15; } .forum .maincontent .breadcrumb li a:hover {color:#ED7C15; } .topicheader { font-weight: 400; font-size: 22px; line-height: 26px;color: #00457B; margin:10px 0; } .postbodytop { font-weight: 400;font-size: 15px;line-height: 20px;color: #BABABA; } .postbodytop a {color:#ED7C15; } .postcontent { font-weight: 300;color: #666666;font-size: 16px; margin: 15px 0; line-height: 22px;float: left; width: 100%;} .topicposts { width:100%; float:left; margin:10px 0;} #createpostbutton { font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#ED7C15; text-transform:uppercase; border:2px solid #ED7C15; transition: all 0.5s ease; cursor:pointer; margin-top:20px; } #createpostbutton:hover {background:none; color:#ED7C15; } .markdownholder p a { display:none;} .categoryheader h1 { font-weight: 600; color: #00457C; float:left; width:100%; padding:0 0 10px 0; font-size:28px; } .emailsubscription { font-weight: 700;font-size: 14px;line-height: 18px; color: #545454; margin:15px 0; display:block;} .emailsubscription:hover {color:#ED7C15; } .emailunsubscription { font-weight: 700;font-size: 14px;line-height: 18px; color: #545454; margin:15px 0; display:block;} .emailunsubscription:hover {color:#ED7C15; } .categoryheader { margin-top:-10px;} .categorytopics p{ font-weight: 300;color: #666666; font-size: 12px;margin: 0 0;line-height: 17px;} .topictitleholder h1 { font-weight: 600; color: #00457C; float:left; width:100%; padding:0 0 10px 0; font-size:28px; } .pollcreatebuttonholder { width:100%; float:left; margin:2px 0 10px 0;} .pollcreatebuttonholder a {font-weight: 700;font-size: 14px;line-height: 16px; color: #545454;font-style: italic;} .pollcreatebuttonholder a:hover {color:#ED7C15; } .submit-holder { float:left; margin:10px 0 0 0; width:100% } .submit-holder input {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 20px; border-radius:30px; background:#ED7C15; text-transform:uppercase; border:2px solid #ED7C15; transition: all 0.5s ease; cursor:pointer; } .submit-holder input:hover {background:none; color:#ED7C15; } .n3ocheckboxfield { display:none;} .create-categories { width:100%; float:left;} .form-group label {font-weight: 300;color: #666666; font-size: 16px;margin: 15px 0;line-height: 22px; } .form-group select { font-weight: 300;color: #666666; font-size: 14px;margin: 15px 5px;line-height: 22px; padding:2px 15px;} .createtopicname { font-weight: 300;color: #666666; font-size: 14px;margin: 15px 5px;line-height: 18px; padding:0 15px;} .validation-summary-errors { color:#000; font-weight: 300; font-size: 16px; } .field-validation-error { color:#FF0000; font-weight: 300; font-size: 13px; } .directory_wrapper .docs_cont .services_results .block_results ul li { width:31%; float:left; margin:30px 1%; background:#ffffff;} .directory_wrapper .docs_cont .services_results .block_results ul li .services_img { width:100%; float:left;} .directory_wrapper .docs_cont .services_results .block_results ul li .services_img img { width:100%; height:auto; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details { width:100%; float:left; margin:10px 0; min-height:300px; position:relative;} .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .name { width:100%; float:left; font-weight:600; font-size:17px; color:#00457C; line-height:24px; padding:10px 10px; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .desc { width:100%; float:left; font-weight:200; font-size:14px; color:#333333; line-height:21px; padding:0 10px 10px 10px; } /* Page Know More */ .know_more_wrap { width:76%; float:right; margin-left:3%;} .know_more_wrap .left_cont { width:58%; float:left; margin-right:2%;} .know_more_wrap .right_tab { width:40%; float:left; background:#ffffff;} .know_more_wrap .left_cont .tit { font-weight:200; font-size:32px; line-height:40px; color:#ED7C15; margin:1px 0 5px 0;} .know_more_wrap .left_cont .bread {font-weight:200; font-size:16px; line-height:20px; color:#666666; } .know_more_wrap .left_cont .bread span { color:#00457B; font-weight:400; } .know_more_wrap .left_cont .image_know { width:100%; float:left; margin:15px 0 0 0; position:relative; } .know_more_wrap .left_cont .image_know img { width:100%; height:auto; } .know_more_wrap .left_cont .image_know .box_logo { width:200px; height:150px; position:absolute; z-index:1; bottom:0; left:0; background-color: rgba(255, 255, 255, 0.7); } .know_more_wrap .left_cont .text_know { width:100%; float:left; float:left; font-weight:200; font-size:16px; line-height:20px; color:#333333; margin:15px 0 0 0; padding:15px 10px; background:#ffffff; } .know_more_wrap .right_tab .tab_top { width:100%; float:left; padding:10px 10px;} .know_more_wrap .right_tab .tab_top ul { margin-top:30px;} .know_more_wrap .right_tab .tab_top ul li { width:100%; float:left; padding:5px 5px; border-bottom:1px dashed #cccccc; } .know_more_wrap .right_tab .tab_top ul li span { display:block; width:100%; float:left; cursor:pointer; background: url('../images/icn/arrow_login.png') right 8px no-repeat; font-weight:200; font-size:32px; line-height:40px; color:#00457A; } .know_more_wrap .right_tab .tab_top ul li .inner_links { width:100%; padding:10px 0 0 5px; font-weight:200; font-size:18px; line-height:22px; color:#999999; } .know_more_wrap .right_tab .tab_top ul li .inner_links a { color:#666666; display:block; width:100%; float:left; margin:4px 0; background: url('../images/icn/bullet_knowmore.png') left 8px no-repeat; padding:1px 0 0 15px; } .know_more_wrap .right_tab .tab_top ul li .inner_links a.current { color:#ED7C15; } .know_more_wrap .right_tab .tab_top ul li .inner_links a:hover { color:#ED7C15;} .know_more_wrap .right_tab .tab_top ul li:last-child { border:none;} .know_more_wrap .right_tab .contact_enl { width:96%; float:left; background:#00457A; padding:10px 10px; margin:40px 2% 20px 2%; } .know_more_wrap .know_contacts { width:100%; float:left; padding:0 10px; background:#ffffff; margin:15px 0 0 0; } .know_more_wrap .know_contacts .logo_know { width:46%; float:left;} .know_more_wrap .know_contacts .logo_know img { width:auto; } .know_more_wrap .know_contacts .contact_enl { width:52%; float:right; margin-left:2%;} .know_more_wrap .know_contacts .contact_enl ul li { font-weight:200; font-size:15px; line-height:20px; color:#00457A; margin:3px 0 3px 0;padding: 6px 0 1px 33px; } .know_more_wrap .know_contacts .contact_enl ul li a { color: #00457A; } .know_more_wrap .know_contacts .contact_enl ul li a:hover { color: #ED7C15; } .know_more_wrap .know_contacts .contact_enl ul li.adddress { background: url('../images/icn/icn-address.png') left 2px no-repeat; } .know_more_wrap .know_contacts .contact_enl ul li.tel { background: url('../images/icn/icn-tel.png') left 2px no-repeat; } .know_more_wrap .know_contacts .contact_enl ul li.fax { background: url('../images/icn/icn-fax.png') left 2px no-repeat; } .know_more_wrap .know_contacts .contact_enl ul li.email { background: url('../images/icn/icn-mail.png') left 2px no-repeat; } .know_more_wrap .know_contacts .contact_enl ul li.website { background: url('../images/icn/icn-link.png') left 2px no-repeat; } .promo {cursor:pointer;background:#ED7C15; position:absolute; z-index:5; top:3px; right:4px; height:25px; font-weight:200; font-size:16px; line-height:20px; color:#ffffff; padding:3px 5px; } .prom {cursor:pointer;background:#ED7C15; position:absolute; z-index:5; top:3px; right:4px; height:25px; font-weight:200; font-size:16px; line-height:20px; color:#ffffff; padding:3px 5px; } /* Edit profile ******************************************************************/ .edit_profile { width:100%; float:left;} .edit_profile h2 { font-weight:200; font-size:22px; color:#00457C;} .edit_profile .block_form_details { width:74%; float:left; margin:20px 0 0 0;} .edit_profile .block_form_details .form_wrap { width:100%; float:left; margin:6px 0;} .edit_profile .block_form_details .form_wrap .form_left { width:42%; float:left; margin:0;} .edit_profile .block_form_details .form_wrap .form_right { width:42%; float:left; margin:0 0 0 4%;} .edit_profile .block_form_details .form_wrap .editor-label { width:100%; float:left; font-weight:200; font-size:16px; color:#EC7B14; } .edit_profile .block_form_details .form_wrap .editor-label label {font-weight:200; font-size:16px; color:#EC7B14; } .edit_profile .block_form_details .form_wrap .editor-field { width:100%; float:left; margin:10px 0; } .edit_profile .block_form_details .form_wrap .editor-field input[type="text"] { width:100%; float:left; font-weight:200; font-size:20px; color:#666666; padding:6px 10px; background:#ffffff; border:none; } .edit_profile .block_form_details .form_wrap .editor-field textarea { width:65%; float:left; min-height:90px; font-weight:200; font-size:20px; color:#666666; padding:6px 10px; background:#ffffff; border:none; resize:none; } .edit_profile .block_form_details .form_wrap .check input[type="checkbox"] { width:20px; height:12px; float:left; margin-top:5px;} .edit_profile .block_form_details .form_wrap .check_bd { font-weight:200; font-size:16px; color:#EC7B14; float:left;margin:4px 0 0 14px; } .edit_profile .block_form_details .form_wrap .tick_bd { font-size:16px; color:#333333; float:left; margin:7px 0 0 8px; } .edit_profile .block_form_details .form_wrap input[type="text"]:disabled {color:#CCCCCC; } .edit_profile .block_form_details .form_wrap .check { font-weight:200; font-size:16px; color:#EC7B14; float:left; margin:4px 0 0 0; } .edit_profile .block_form_details .form_wrap .hide_bd {float:left; margin-right: 15px; } .edit_profile .block_form_details .form_wrap .hide_bd input { font-weight:400; font-size:20px; float:left; color:#CCCCCC; padding:6px 10px; background:#FFFFFF; border:none; } .edit_profile .block_form_details .form_wrap .blockleft3 { width:28%; float:left; margin-left:2%;} .edit_profile .block_form_details .form_wrap .blockleft2 { width:28%; float:left; margin-left:2%;} .edit_profile .block_form_details .form_wrap .blockleft1 { width:28%; float:left; } .edit_profile .admin_p {font-weight:200; font-size:16px; color:#EC7B14; margin:5px 0; } .edit_profile .block_image { width:24%; float:left; margin-left:2%;} .edit_profile .block_image .image_container { width:100%; float:left;} .edit_profile .block_image .image_container img { width:100%; height:auto;} .admin_p { font-weight:600; font-size:16px; color:#00457C; float:left; margin:10px 0 40px 0; } .edit_profile .block_password { width:100%; float:left; margin:15px 0 0 0; border-top: 1px solid #E1DECB; padding:25px 0 0 0; } .edit_profile .block_password h3 { width:100%; float:left; font-weight:200; font-size:22px; color:#00457C; margin-bottom:20px; } .edit_profile .block_password .form_wrap { width:100%; float:left; margin:6px 0;} .edit_profile .block_password .form_wrap .form_left { width:42%; float:left; margin:0;} .edit_profile .block_password .form_wrap .form_right { width:42%; float:left; margin:0 0 0 4%;} .edit_profile .block_password .form_wrap .editor-label { width:100%; float:left; font-weight:200; font-size:16px; color:#EC7B14; } .edit_profile .block_password .form_wrap .editor-field { width:100%; float:left; margin:10px 0; } .edit_profile .block_password .form_wrap .editor-field input[type="password"] { width:100%; float:left; font-weight:200; font-size:20px; color:#CCCCCC; padding:6px 10px; background:#ffffff; border:none; } .edit_profile .block_password .form_wrap .addpass {margin-top: 42px;display: block;color: red;font-size: 12px;margin-left: 45%;} .edit_profile .block_password .form_wrap .donotmatch {margin-top: 42px;display: block;color: red;font-size: 12px;margin-left: 54%;} .edit_profile .block_password .form_wrap .match {margin-top: 42px;display: block;color: green;font-size: 12px;margin-left: 45%;} .submit_profile { width:100%; float:left; margin:15px 0;} .submit_profile input[type="submit"] {font-weight:400; float:left; margin-right:10px; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#00457C; transition: all 0.5s ease; border:2px solid #00457C; cursor:pointer;} .submit_profile input[type="submit"]:hover {background:none; color:#00457C; } .cancel_profile { font-weight:400; font-size:12px; color:#ffffff; padding:3px 20px; border-radius:30px; background:#00457C; transition: all 0.5s ease; border:2px solid #00457C; cursor:pointer; float:left;} .cancel_profile:hover {background:none; color:#00457C; } /* FOOTER ******************************************************************/ footer { width:100%; float:left; background:#fff; padding:0.5% 0; position: absolute; bottom: 0; left: 0;} footer .footer_inner { width:100%; max-width:1410px; margin:0 auto;} footer .footer_inner p { font-weight:300; font-size:12px; } .ezsearch-summary { width:100%; float:left; margin:12px 0 5px 0; } .ezsearch-summary p {font-weight:400; font-size:16px; line-height:20px; color:#333333; margin:12px 0 5px 0; } .ezsearch-summary p strong { font-weight:600; color:#ED7C15; } .ezsearch-result-count p {font-weight:400; font-size:16px; line-height:20px; color:#333333; margin:2px 0 5px 0; } .ezsearch-result-count p strong { font-weight:600; color:#00457C; } .ezsearch-pager {font-weight:400; font-size:16px; line-height:20px; color:#333333; margin:12px 0 5px 0; width:100%; float:left; } .ezsearch-pager a {font-weight:600; color:#00457C; } .ezsearch-pager a:hover { color:#ED7C15; } .albumcomment { width:100%; float:left; position:relative; margin:15px 0;} .albumcomment .likes { float:left;} .albumcomment .likes .like_link { position:absolute; z-index:2; top:-1px; left:-5px; font-weight:300; font-size:14px; color:#00457C; } .albumcomment .likes span { height:15px; float:left; margin:3px 11px 0 11px; } .albumcomment .likes .like_link button { border:none; outline:none; float:left; font-weight:300; font-size:14px; color:#00457C; background:none; cursor:pointer; } .albumcomment .likes .comment_link { float:left; font-weight:300; font-size:14px; color:#00457C; } .albumcomment .comments { float:left;} .albumcomment .comments ul li { display:inline; width:auto; margin:0 12px; float:right; cursor:pointer;} .albumcomment .comments ul li:first-child { margin-right:0;} .albumcomment .comments ul li span { color:#00457C; font-weight:300;} .albumcomment .comments ul li i:before { color:#00457C; font-size:21px;} .albumcomment .comments ul li i:after { color:#00457C;} .albumcomment .comments ul li:hover i:before {color:#00457C; } .albumcomment .comments .icon-value {position:absolute; z-index:1; top:-1px; left:172px; font-size:14px; } .albumcomment .likes .icon-value{ position:absolute; z-index:1; top:-5px; left:40px; font-weight:300; font-size:14px; color:#00457C; display:block; } .albumcomment .likes .like_link i { display:none;} .albumcomment .comments .fa-thumbs-o-up {position:absolute; z-index:1; top:-1px; left:36px; } .albumcomment .comments .fa-comment {position:absolute; z-index:1; top:-1px; left:145px; } .albumcomment .likes .comment_link {position:absolute; z-index:1; top:-1px; left:77px; } .global-result { width:100%; float:left; margin:2px 0 5px 0; } .global-result h2 a {font-weight:400; font-size:16px; line-height:20px; color:#00457C; } .global-result h2 a:hover { color:#ED7C15; } .field-validation-valid { float:left;} .banner_directory { width: 100%; float: left; padding: 2% 2% 2% 2%; background: #ED7C15;} .banner_directory h2 {font-weight:400; font-size:28px; line-height:30px; color:#ffffff; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company { position:absolute; width:100%; height:100%; bottom:0px; left:0;} .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company .open_details {float:left; font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px 5px 12px; border-radius:30px; text-transform:uppercase; border:2px solid #00457C; transition: all 0.5s ease; background: #00457C; cursor:pointer; z-index:3; position:absolute; right:15px; bottom:0; transition: all 0.5s ease; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company .open_details:before { font-size:16px; margin:3px 5px 0 0; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company .open_details .fa-envelope { opacity:0; margin-left:-12px; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company .open_details:hover {background: #ffffff; color:#00457C; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company .open_details:hover .fa-envelope-o { opacity:0; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .details_company .open_details:hover .fa-envelope { opacity:1;} .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact {position:absolute; width:100%; height:100%; bottom:0px; left:0; display:none; z-index:2; background:rgba(255,255,255, 1); padding:5px 5px; transition: all 0.5s ease; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span {float:left; width:100% !important; font-weight:200; font-size:13px; line-height:17px; color:#00457A; margin:3px 0 3px 0 !important;padding: 6px 0 1px 25px; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span a { color: #00457A; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span a:hover { color: #ED7C15; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span.adddress { background: url('../images/icn/icn-address.png') left 2px no-repeat !important; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span.tel { background: url('../images/icn/icn-tel.png') left 2px no-repeat !important; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span.fax { background: url('../images/icn/icn-fax.png') left 2px no-repeat !important; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span.email { background: url('../images/icn/icn-mail.png') left 2px no-repeat !important; } .directory_wrapper .docs_cont .services_results .block_results ul li .services_details .hover_contact span.website { background: url('../images/icn/icn-link.png') left 2px no-repeat !important; } .pinicon{background: url('../images/pintotop.png') left top no-repeat;width: 47px;width: 47px;height: 49px; position: absolute;left: -16px;z-index: 999;top: -16px;} /* MEMBERS ******************************************************************/ .list_members { width:100%; float:left;} .list_members .heading { width:100%; float:left; margin:2px 0 15px 0; max-width:900px;} .list_members .heading h3 { font-weight: 300;font-size: 26px; color: #00457C; float:left;} .list_members .heading a {font-weight:400; font-size:15px; color:#ffffff; padding:10px 20px; border-radius:30px; background:#ED7C15; border:2px solid #ED7C15; transition: all 0.5s ease; float:right; } .list_members .heading a:hover { background:#ffffff; color:#ED7C15;} .list_members ul { width:100%; float:left; max-width:900px;} .list_members ul li { width:100%; float:left; margin:4px 0; padding:5px 0; border-bottom:1px dashed #666666;font-weight: 300;font-size: 20px; color: #333333; float:left; } .list_members ul li .first_name { text-transform: capitalize; padding:2px 15px 2px 0; width:25%; max-width:200px; float:left;} .list_members ul li .last_name { text-transform: capitalize; padding:2px 15px 2px 0; width:25%; max-width:200px; float:left;} .list_members ul li .email { padding:2px 15px 2px 0; width:25%; float:left;} .list_members ul li a {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; transition: all 0.5s ease; float:right; margin:0 5px; } .list_members ul li.head { border:none; padding:8px 0;} .list_members ul li.head div {font-weight: 700;font-size: 22px; color: #00457C; float:left;} .list_members ul li a.edit { background:#2DD856; border:2px solid #2DD856; } .list_members ul li a.edit:hover { background:#ffffff; color:#2DD856;} .list_members ul li a.delete { background:#E11C1F; border:2px solid #E11C1F; } .list_members ul li a.delete:hover { background:#ffffff; color:#E11C1F;} .cancel_mem {font-weight:400; font-size:12px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#00457C; border:2px solid #00457C; transition: all 0.5s ease; float:right; margin:0 5px; } .cancel_mem:hover { background:#ffffff; color:#00457C; } .form_wrap .editor-label { float: left;font-weight: 200;font-size: 16px; color: #EC7B14;} .edit_profile .block_form_details .form_wrap .check_bd { font-weight:200; font-size:16px; color:#EC7B14; float:left;margin:4px 0 0 0; } .edit_profile .block_form_details .form_wrap .tick_bd { font-size:16px; color:#333333; float:left; margin:7px 0 0 8px; } .edit_profile .block_form_details .form_wrap input[type="text"]:disabled {color:#CCCCCC; } .edit_profile .block_form_details .form_wrap .check { font-weight:200; font-size:16px; color:#EC7B14; float:left; margin: 2px 0 0 6px; } .create_member { max-width:500px;} ul.simplePagerNav { float:left; width:100%; text-align:center; margin:10px 0} ul.simplePagerNav li {margin:0 6px !important; float:none !important; display:inline-block !important; *display:inline; *zoom:1; list-style: none; width:27px !important; height:27px !important; padding:0 !important; text-align:center; border-radius:50%; background:#00457C !important; color:#FFF !important; font-size:12px; line-height:27px;} ul.simplePagerNav li a { color:#FFF; display:block} ul.simplePagerNav li.currentPage { background:#ED7C15 !important;} .up { text-transform:uppercase !important; } /* UPDATE NEW FORMATTING ******************************************************************/ .update-title { background:#663366 !important; float:left; width:100%; padding:2%; color:#FFF; font-size:28px;} .update-content { float:left;background:#FFF; padding:2% 2% 4% 2%; color:#663366 !important; width:100%; font-size:20px} .update-content p { color:#663366 !important; font-size:26px !important} .update-text { float:left;background:#FFF; padding:2% 2% 4% 2%; color:#663366 !important; width:100%; font-size:20px} .update-text p { color:#663366 !important; font-size:20px !important} .update-date {float:left;width:100%; font-size:12px; color:#666;} .update-feed-activities { float:left; width:100%;} .update-feed-activities .comments { float:left; width:auto;} .update-feed-activities .comments ul { margin:0; padding:0; } .update-feed-activities .comments ul li { display:inline; width:auto; margin:0 5px 0 0; float:right; cursor:pointer;} .update-feed-activities .comments ul li:first-child { margin-right:0;} .update-feed-activities .comments ul li span { color:#663366; font-weight:300;} .update-feed-activities .comments ul li i:before { color:#663366; font-size:21px;} .update-feed-activities .comments ul li i:after { color:#663366;} .update-feed-activities .comments ul li:hover i:before {color:#663366; } .update-feed-activities .comments ul li a {color:#663366; font-size:14px} .update-feed-activities .comments ul li a:hover {color:#ED7C15} .update-feed-activities .likes { float:left; width:auto; margin-right:11px; border-right:1px solid #663366; padding-right:10px } .update-feed-activities .likes .like_link button { border: none; outline: none; float: right; font-weight: 300; font-size: 14px; color: #663366; margin: 4px 11px 0 20px; cursor: pointer; background: transparent; float:left; } .update-feed-activities .likes .like_link button:hover {color:#ED7C15} .update-feed-activities .likes .like_link .fa-thumbs-o-up:before { color: #663366; font-size: 21px; } .update-feed-activities .likes .like_link .fa { float:left; margin-right:5px; } .update-feed-activities .likes .like_link .fa .fa-thumbs-o-up{ display:block } .update-feed-activities .likes .like_link .icon-value { color:#663366; } .likers { float:left; width:100%; padding:2%; font-size:12px; font-style:italic; color:#666;text-transform: capitalize;} .album-header { width:100%; float:left;position:relative; padding-bottom:5%;} .bonsplan-feed-activities {width: 100%; float: left; margin: 10% 0 0 0; position: absolute; bottom: 30px; right: 1px;} .bonsplan-feed-activities .comments { float:left; width:auto;} .bonsplan-feed-activities .comments ul { margin:0; padding:0; } .bonsplan-feed-activities .comments ul li { display:inline; width:auto; margin:0 5px 0 0; float:right;} .bonsplan-feed-activities .comments ul li:first-child { margin-right:0;} .bonsplan-feed-activities .comments ul li span { color:#FFF; font-weight:300;} .bonsplan-feed-activities .comments ul li i:before { color:#FFF; font-size:21px;} .bonsplan-feed-activities .comments ul li i:after { color:#FFF;} .bonsplan-feed-activities .comments ul li:hover i:before {color:#FFF; } .bonsplan-feed-activities .comments ul li a {color:#FFF; font-size:14px} .bonsplan-feed-activities .comments ul li a:hover {color:#00457C} .bonsplan-feed-activities .likes { float:left; width:auto; margin-right:11px; border-right:1px solid #FFF; padding-right:10px } .bonsplan-feed-activities .likes .like_link { color:#fff;} .bonsplan-feed-activities .likes .like_link button { border: none; outline: none; float: right; font-weight: 300; font-size: 14px; color: #FFF; margin: 4px 11px 0 0; cursor: pointer; background: transparent; float:left; } .bonsplan-feed-activities .likes .like_link button:hover {color:#00457C} .bonsplan-feed-activities .likes .like_link .fa-thumbs-o-up:before { color: #FFF; font-size: 21px; } .bonsplan-feed-activities .likes .like_link .fa { float:left; margin-right:5px; } .bonsplan-feed-activities .likes .like_link .fa .fa-thumbs-o-up{ display:block } .bonsplan-feed-activities .likes .like_link .icon-value { color:#FFF; } .news-feed-activities {width: 100%; float: left; margin: 10% 0 0 0; position: absolute; bottom: 30px; right: 1px;} .news-feed-activities .comments { float:left; width:auto;} .news-feed-activities .comments ul { margin:0; padding:0; } .news-feed-activities .comments ul li { display:inline; width:auto; margin:0 5px 0 0; float:right; } .news-feed-activities .comments ul li:first-child { margin-right:0;} .news-feed-activities .comments ul li span { color:#00457C; font-weight:300;} .news-feed-activities .comments ul li i:before { color:#00457C; font-size:21px;} .news-feed-activities .comments ul li i:after { color:#00457C;} .news-feed-activities .comments ul li:hover i:before {color:#00457C; } .news-feed-activities .comments ul li a {color:#00457C; font-size:14px} .news-feed-activities .comments ul li a:hover {color:#00457C} .news-feed-activities .likes { float:left; width:auto; margin-right:11px; border-right:1px solid #00457C; padding-right:10px } .news-feed-activities .likes .like_link { color:#00457C;} .news-feed-activities .likes .like_link button { border: none; outline: none; float: right; font-weight: 300; font-size: 14px; color: #00457C; margin: 4px 11px 0 0; cursor: pointer; background: transparent; float:left; } .news-feed-activities .likes .like_link button:hover {color:#ED7C15} .news-feed-activities .likes .like_link .fa-thumbs-o-up:before { color: #00457C; font-size: 21px; } .news-feed-activities .likes .like_link .fa { float:left; margin-right:5px; } .news-feed-activities .likes .like_link .fa .fa-thumbs-o-up{ display:block } .news-feed-activities .likes .like_link .icon-value { color:#00457C; } /* */ .album-feed-activities { float:left; width:100%;} .album-feed-activities .comments { float:left; width:auto;} .album-feed-activities .comments ul { margin:0; padding:0; } .album-feed-activities .comments ul li { display:inline; width:auto !important; margin:0 5px 0 0 !important; float:right;} .album-feed-activities .comments ul li:first-child { margin-right:0;} .album-feed-activities .comments ul li span { color:#00457C; font-weight:300; min-height: inherit; float:none; padding:0; display:inline-block; font-size:16px} .album-feed-activities .comments ul li i:before { color:#00457C; font-size:21px;} .album-feed-activities .comments ul li i:after { color:#00457C;} .album-feed-activities .comments ul li:hover i:before {color:#00457C; } .album-feed-activities .comments ul li a {color:#00457C; font-size:14px} .album-feed-activities .comments ul li a:hover {color:#ED7C15} .album-feed-activities .likes { float:left; width:auto; margin-right:11px; border-right:1px solid #00457C; padding-right:10px } .album-feed-activities .likes .like_link button { border: none; outline: none; float: right; font-weight: 300; font-size: 14px; color: #00457C; margin: 4px 11px 0 0; cursor: pointer; background: transparent; float:left; } .album-feed-activities .likes .like_link button:hover {color:#ED7C15} .album-feed-activities .likes .like_link .fa-thumbs-o-up:before { color: #00457C; font-size: 21px; } .album-feed-activities .likes .like_link .fa { float:left; margin-right:5px; } .album-feed-activities .likes .like_link .fa .fa-thumbs-o-up{ display:block } .album-feed-activities .likes .like_link .icon-value { color:#00457C; } #commenting input#btnSave{display:none;} .pager { width: 100%; margin: 0px auto; float: left; text-align: center; margin-top: 20px; } .pager a, .pageNo { display: inline-block; margin: 0 10px; color: #00457C; font-size: 14px;} .deletecomment { float:left; width:100%;margin-top:5px;} .deletecomment a { font-weight: 400; font-size: 10px; color: #ffffff; padding: 3px 10px; border-radius: 30px; background: #CCCCCC; transition: all 0.5s ease; } .deletecomment a:hover {background:#BEBEBE} .message-save { float:left; width:100%;margin-bottom:15px;color:#00457C; font-size:20px} /*css added by sam 240316*/ /* Notification */ .main .main_cont .main_inner .navigation nav .nav_top ul li a span { display: inline-block; width: 21px; height: 21px; text-align: center; line-height: 18px; font-size: 12px; color: #ffffff; background: #ed7c15; border-radius: 50%; position: relative; top: -5px; transition: all 0.2s ease; } .clearall{float: left;text-align: right;width: 100%;font-size: 12px;color: #666;margin-bottom: 5px;} .clearall:hover{color:#ED7C15;} /* SCROLL UP ----------------------------*/ .scrollup { width: 40px; height: 40px; position: fixed; bottom: 65px; right: 46px; display: none; background: #DDD url(../images/arrw-up.png) no-repeat left top; z-index: 9999; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} .scrollup:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background: #FD8236 url(../images/arrw-up.png) no-repeat left top;} .ezsearch-no-results { float:left; width:100%; color:#1F5A8C; font-weight:700; margin-top:20px} .ezsearch-no-results strong { color:#ED7F1A; } .latest_docs a.butt-sicorax { display:inline-block; margin-bottom:20px; text-transform:uppercase; font-weight:700; font-size:14px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#ED7F1A; border:2px solid #ED7F1A; transition: all 0.5s ease; cursor:pointer; text-decoration:none} .latest_docs a.butt-sicorax:hover { background:none; color:#ED7F1A;} .searchResult { width:100%; float:left; padding:2% 2%; background:#ffffff; } .searchResult ul { width:100%; float:left; margin: 14px 0 0 0; padding:0; list-style:none; } .searchResult ul li { list-style:none; border-bottom:1px dotted #ccc;width:100%; float:left; } .searchResult ul li a { font-weight:700; font-size:18px; color:#ED7C15; margin:0; padding:10px 0;width:100%; float:left;transition: all 0.3s ease-out 0s; } .searchResult ul li a:hover { color:#336699} .directoryerror { font-weight:700; font-size:20px; float:left; width:100; color:#ED7C15; margin-top:30px; padding: 0 0 0 7px; } /* EID 2018 */ .deco-eid { position:absolute; left:280px; top:0; width:393px; height:68px; background: url('../images/EID2018-Banner.png') no-repeat; background-size:cover;} .deco-eid-right { width:100%; float:left; position:relative; text-align:center; margin-top: 18px;} .deco-eid-right img {cursor:pointer; width: 100% !important; max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } .deco-eid-right a.button {bottom:120px; left:50%; transform:translateX(-50%); position:absolute; border-radius:30px; background:#ad1b1f; border:1px solid #FFF; width:115px; height:30px; color:#FFF; text-align:center; line-height:30px;} /* wc 2018 */ .deco-wc2018 { position:absolute; left:50%;transform:translateX(-50%); top:0; width:352px; height:63px; background-size:cover; background: url('../images/WorldCup2018-banner.png') no-repeat;} .countdown-semaine { display:none;width:143px; height:75px;font-size:32px;font-weight:600; padding-top:16px; background: url('../images/deco/semaine-count.png') no-repeat;color:#FFF; text-align:center; position:absolute; left:11px; top:-35px;} .semaine-link { float:left;width:100%; text-align:right;color:#2A4D71; font-size:16px; font-weight:600; padding-top:8px} .semaine-link a {color:#2A4D71; } .semaine-link a:hover {color:#F6822B; } .countdown-enl-fort { width:100%; float:left; position:relative; text-align:center; margin-top: 18px;} .countdown-enl-fort img { width: 100% !important; max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } .countdown-enl-fort .count { position:absolute; width:100%; text-align:center; color:#3a2d1a; top:41%; font-size:36px; font-weight:bold; } /* dival 2016 */ .deco-divali { position:absolute; left:42%; top:25px; width:231px; height:39px; margin-left:-115px; background: url('../images/deco/happy-diwali.png') no-repeat;} .kung-hei {position:absolute; height:68px; left:280px; top:0; background: url('../images/deco/Kung-hei-repeat.png') repeat-x; width:62%} /* independance 2017 */ .flag2017 { position:absolute; left:0; background: url('../images/deco/flag.png') no-repeat; width:64px; height:49px; } /* porwli 2016 */ .logo-porwli { width:45px; height:44px; background: url('../images/deco/porlwi_logo.png') no-repeat #00053C; position:absolute; top:13px; left:361px;-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 223, 248, 1));} /* olympique 2016 */ .man { position:absolute; left:300px; top:0; width:47px; height:74px;background: url('../images/deco/olymp-man.png') no-repeat;} .engager { position:absolute; color:#FFF; font-size:20px; font-weight:500; left:400px; top:20px } /* independance 2019 */ .independancedeco2019 { width:290px; height:61px; background: url('../images/deco-header-independance-2019.png') no-repeat; background-size:cover; top:3px; left:203px; z-index:1; position:absolute;} /*christmas*/ .annonces_wrapper .annonces_cont .block_les_annonces form input[type="text"] { background: #ffffff; padding: 5px 0 5px 15px; min-width: 250px; font-weight: 200; font-size: 14px; line-height: 20px; float: left; color: #666; border: none; margin: 10px 0 0 0; width: 90%; resize: none; border-radius: 4px; } .annonces_wrapper .annonces_cont .block_les_annonces form input[type="textarea"] { background: #ffffff; padding: 5px 0 5px 15px; min-width: 250px; font-weight: 200; font-size: 14px; line-height: 20px; float: left; color: #666; border: none; margin: 10px 0 0 0; width: 90%; resize: none; border-radius: 4px; height:100px; } .annonces_wrapper .annonces_cont .block_les_annonces form input[type="submit"]{clear:left; margin-top:15px; float:left; padding:6px 20px; background:#ffffff; font-weight:200; font-size:12px; color:#666; border-radius:30px; border: 2px solid #666; cursor:pointer; transition: all 0.5s ease; text-transform:uppercase;} .annonces_wrapper .annonces_cont .block_les_annonces form input[type="submit"]:hover { background:none; color:#ffffff; border: 2px solid #ffffff;} .blockpasschristmas { width: 82%; background: #FD342D; position: relative; padding: 4% 1% 4% 1%; float: left; color: #FFF; text-align: center; font-size: 20px; margin-bottom: 2%;} .blockpasschristmas img { position: absolute; right: -117px; bottom: 0;} .blockpasschristmas span{width:100%;text-align:center;float:left;margin-bottom:15px;} .blockpasschristmas a {font-weight: 400;font-size: 13px;color: #FD342D;padding: 5px 20px;border-radius: 30px;background: #ffffff;border: 2px solid #ffffff;transition: all 0.5s ease;margin-bottom:10px; text-transform:uppercase;} .blockpasschristmas a:hover { background:none; color:#ffffff; } .christmastext {width: 100%; position:relative; margin-bottom: 13%; background: #fff; padding: 4% 1% 4% 1%; float: left; color: #e3e3e3; text-align: left; font-size: 19px; margin-bottom: 2%;} #bgchristmas {background: #e3e3e3!important;} .txtsory{color:#696969;float:left;width:100%;margin-top:10px;} .christmas label{color:#696969!important;font-size: 18px!important;} #bgchristmas{margin-top:20px;} .christmas input[type="submit"]:hover{background: #666!important;} /*quizz*/ .quiz .news_wrapper{float:left;width:100%;padding: 20px 0px;} .quiz .news_wrapper .news_cont{margin:0 auto;width:100%;max-width:700px;float: left;} .quiz .question{float: left;width: 100%;margin: 15px 0px;} .quiz .question .q{float: left;width: 100%;margin-bottom:0;font-size: 18px;color: #336699;font-weight: 600; font-style: italic;} .quiz .question .a{float: left;width: 100%;} .quiz .messagequiz{text-align: center;float: left;width: 70%;margin: 4% 0px 2% 0;font-size: 30px;color:#006858; line-height: 36px;} .quiz .buttonquiz {font-weight: bold;color: #ffffff;padding: 8px 20px;border-radius: 30px; font-size:17px;background: #00457C;border: 2px solid #00457C;transition: all 0.5s ease;cursor:pointer} .quiz .buttonquiz:hover{background:#ED7C15} .quiz ul li{color: #000;position: relative;float: left;width: 100%;margin: 10px 0px;} .quiz ul li input[type=radio]{position: absolute; opacity:0;display:inline-block;vertical-align: top;width: 9%;height:25px; z-index: 6} .quiz ul li label{display:inline-block;vertical-align: top;font-size: 17px;padding: 2px 8%;margin: 0px auto;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;} .quiz ul li input[type=radio]:hover { cursor:pointer} .quiz ul li:hover label{color: #336699;} .quiz ul li .check{display: block;position: absolute;border: 5px solid #ED7C15;border-radius: 100%;height: 25px;width: 25px;top: 1px;left: 20px;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;} .quiz ul li:hover .check {border: 5px solid #336699;} .quiz ul li .check::before {display: block;position: absolute;content: '';border-radius: 100%;height: 20px;width: 20px;top: -2px;left: -2px; margin: auto; transition: background 0.25s linear;-webkit-transition: background 0.25s linear;} .quiz input[type=radio]:checked ~ .check { border: 5px solid #ED7C15;} .quiz input[type=radio]:checked ~ .check::before{background: #ED7C15;} .quiz input[type=radio]:checked ~ label{color: #ED7C15;} .quiztext{float:left;width:100%;margin: 10px 0px;font-size: 19px;line-height: 25px;} .quiztext a {color:#ED7C15;} .quiztext a:hover { background:none; color:#336699; } .quiz .warm-title{background: #336699!important;} .quiz .question span.num{ float: left; width: 4%; } .quiz .question span.ques{ float: left; width: 95%; } .quiz .question input[type="text"]{ width: 73%; margin-left: 4%; height: 100px;} /* animation */ @-webkit-keyframes buzzing { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes buzzing { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* pacques 2017 */ .deco-pacques { position:absolute; left:157px; bottom:-12px; width:458px; height:79px; background: url('../images/deco/2017pacques-desktop.png') no-repeat; background-size:cover} /*BOUTON CONFETTI*/ @keyframes bang { from { transform: translate3d(0, 0, 0); opacity: 1; } } .hoverme { bottom: 120px; left: 50%; transform: translateX(-50%); position: absolute; border-radius: 30px; background: #ad1b1f; border: 1px solid #FFF; width: 115px; height: 30px; color: #FFF; text-align: center; line-height: 30px; text-decoration: none; } .hoverme:hover { background: #FFF;} .hoverme:hover span {color: #ad1b1f;} .hoverme span { color: #FFF;} .hoverme i { position: absolute; display: block; left: 50%; top: 0; width: 3px; height: 5px; background: red; opacity: 0; } .hoverme:hover i:nth-of-type(1) { transform: translate3d(54px, -90px, 0) rotate(95deg); background: #2200ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(2) { transform: translate3d(-52px, -99px, 0) rotate(284deg); background: #4400ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(3) { transform: translate3d(-2px, -56px, 0) rotate(310deg); background: #fbff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(4) { transform: translate3d(63px, -91px, 0) rotate(360deg); background: #ff0015; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(5) { transform: translate3d(-4px, -57px, 0) rotate(294deg); background: #4d00ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(6) { transform: translate3d(37px, -69px, 0) rotate(84deg); background: lime; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(7) { transform: translate3d(21px, -88px, 0) rotate(3deg); background: #ff0091; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(8) { transform: translate3d(-18px, -96px, 0) rotate(332deg); background: #ff00b7; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(9) { transform: translate3d(48px, -64px, 0) rotate(236deg); background: #ff00b3; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(10) { transform: translate3d(8px, -67px, 0) rotate(355deg); background: #ff0015; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(11) { transform: translate3d(44px, -56px, 0) rotate(195deg); background: #15ff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(12) { transform: translate3d(-93px, -79px, 0) rotate(279deg); background: #000dff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(13) { transform: translate3d(28px, -74px, 0) rotate(187deg); background: #a6ff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(14) { transform: translate3d(85px, -85px, 0) rotate(95deg); background: darkorange; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(15) { transform: translate3d(23px, -92px, 0) rotate(155deg); background: #bfff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(16) { transform: translate3d(-89px, -78px, 0) rotate(57deg); background: #ff00b7; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(17) { transform: translate3d(13px, -52px, 0) rotate(29deg); background: #0dff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(18) { transform: translate3d(82px, -73px, 0) rotate(234deg); background: #7bff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(19) { transform: translate3d(-40px, -75px, 0) rotate(136deg); background: #00d9ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(20) { transform: translate3d(59px, -91px, 0) rotate(149deg); background: #fff700; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(21) { transform: translate3d(-39px, -96px, 0) rotate(296deg); background: #a200ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(22) { transform: translate3d(-13px, -79px, 0) rotate(228deg); background: #ff005e; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(23) { transform: translate3d(-43px, -85px, 0) rotate(120deg); background: #00ffd0; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(24) { transform: translate3d(-92px, -73px, 0) rotate(79deg); background: #fbff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(25) { transform: translate3d(50px, -78px, 0) rotate(75deg); background: #00aeff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(26) { transform: translate3d(-71px, -87px, 0) rotate(97deg); background: #ff8800; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(27) { transform: translate3d(69px, -76px, 0) rotate(135deg); background: #ff00cc; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(28) { transform: translate3d(78px, -56px, 0) rotate(110deg); background: #00ffee; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(29) { transform: translate3d(74px, -81px, 0) rotate(28deg); background: #ff0088; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(30) { transform: translate3d(-15px, -95px, 0) rotate(333deg); background: #ff00dd; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(31) { transform: translate3d(-42px, -92px, 0) rotate(271deg); background: #6f00ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(32) { transform: translate3d(-87px, -91px, 0) rotate(85deg); background: #0dff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(33) { transform: translate3d(-7px, -92px, 0) rotate(213deg); background: #ff0011; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(34) { transform: translate3d(-47px, -63px, 0) rotate(338deg); background: #00ff26; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(35) { transform: translate3d(-99px, -92px, 0) rotate(122deg); background: #0400ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(36) { transform: translate3d(-20px, -92px, 0) rotate(314deg); background: #00a2ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(37) { transform: translate3d(-45px, -79px, 0) rotate(270deg); background: #006aff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(38) { transform: translate3d(-96px, -72px, 0) rotate(166deg); background: #fff200; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(39) { transform: translate3d(-68px, -65px, 0) rotate(353deg); background: #ffc400; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(40) { transform: translate3d(-7px, -56px, 0) rotate(71deg); background: #dd00ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(41) { transform: translate3d(-70px, -86px, 0) rotate(175deg); background: #8c00ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(42) { transform: translate3d(-4px, -87px, 0) rotate(346deg); background: #00ffc8; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(43) { transform: translate3d(-23px, -78px, 0) rotate(170deg); background: #77ff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(44) { transform: translate3d(28px, -86px, 0) rotate(312deg); background: #00ff33; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(45) { transform: translate3d(72px, -66px, 0) rotate(76deg); background: blue; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(46) { transform: translate3d(-25px, -73px, 0) rotate(195deg); background: #fb00ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(47) { transform: translate3d(-51px, -88px, 0) rotate(73deg); background: #22ff00; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(48) { transform: translate3d(44px, -97px, 0) rotate(309deg); background: #00ff48; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(49) { transform: translate3d(-41px, -84px, 0) rotate(286deg); background: #a200ff; animation: bang 700ms ease-out forwards; opacity: 0; } .hoverme:hover i:nth-of-type(50) { transform: translate3d(6px, -65px, 0) rotate(312deg); background: #ff0400; animation: bang 700ms ease-out forwards; opacity: 0; } .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details ul{float:left:width:100%;margin:10px 0;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details ul li { font-size: 15px; color: #666666; margin: 0;} .avantages_wrapper .avantages_cont .avantages .filter_results ul li .adv_details ul li:before { color: #ED7C15; float: left; padding-right:10px; content: '\2022'; } /*Lunch*/ .lunchbox{width:97%;height:250px;background:#1b75bc;color:#fff;padding:20px 0 10px 30px;float: left;position: relative;} .lunchbox .title{font-family: 'Cabin Sketch', cursive;font-size:30px;text-transform:uppercase;width:93%;float:left;padding:2% 0;} .lunchbox .subsmtit{font-size:14px;width:100%;float:left;} .lunchbox .menuname{font-size:14px;width: 84%;float:left;font-weight:bold;padding-bottom:5%;} .buttonCommander{margin:5% 0 0 0;float: left;padding-bottom: 5%;} .buttonCommander a {cursor:pointer;text-transform:uppercase;font-weight:700;font-size:14px;color:#1b75bc;padding: 5px 10px;border-radius:30px;background:#fff;border:2px solid #fff;transition: all 0.5s ease;} .buttonCommander a:hover { border:2px solid #00457C; background:#00457C; color:#fff;} .buttonVoirCommande{font-size:14px;width:100%;float:left;color:#fff;text-transform:uppercase;padding-left:7px;} .lunchbox .bgimage{background: url('../images/lunch/lunch_img.png') no-repeat right top;position: absolute;right: -13px;width: 109px;height: 255px;top: 0;} #login-nav-lunch{display:none;} #btnicon{ -webkit-appearance: none; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; margin-top: 10px; } .xmastext{ text-align: center; float: left; width: 100%; font-size: 26px; color: #006858;} .xmastext a{color:#d63620;} .slj-end-tagline { display: none; } /* covid 2020 */ .covid-right { position:relative; margin-bottom:30px} .covid-right img { width: 100% !important; max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } .covid-right .button { position:absolute; bottom:-32px; left:0; width:100%; text-align:center;} .covid-right .button a.butt { display:inline-block; text-decoration:none; color:#fff; background:#00447b;font-size:16px; padding:8px 20px; border-radius:3px;margin-bottom:5px} .covid-right .button a.butt:hover { background:#ed7c15} .covid-right .button a {font-size: 14px; display: inline-block; color: #000; text-decoration:underline} .covid-right .button a:hover {text-decoration:none} .virus01 { position:absolute; width:70px; height:66px; left:3%; top:3%; background:url(../images/covid/covid01.png) no-repeat; background-size:cover;} .virus02 { position:absolute; width:154px; height:145px; left:3%; top:13%; background:url(../images/covid/covi02.png) no-repeat; background-size:cover;} .virus03 { position:absolute; width:178px; height:176px; right:1%; top:4%; background:url(../images/covid/covid06.png) no-repeat; background-size:cover;} .virus04 { position:absolute; width:83px; height:85px; right:13%; top:3%;z-index:1; background:url(../images/covid/covid05.png) no-repeat; background-size:cover;} /* RESPONSIVE COLUMNS ******************************************************************/ .col { float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important;-webkit-transition:width .3s ease-out;-moz-transition:width .3s ease-out;-ms-transition:width .3s ease-out;transition:width .3s ease-out} /* RESETS ******************************************************************/ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before,.cf:after { content: " "; display: table;} .cf:after { clear: both;} .cf { *zoom: 1;} /* bootbox */ .bootbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .bootbox-bg { width: 100%; height: 100%; background: rgb(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; z-index: 1; } .bootbox-content { position: absolute; background: #f1f1f1; width: 500px; height: 175px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 20px; text-align: center; } .bootbox-close { position: relative; opacity: 0.3; width: 30px; cursor: pointer; height: 30px; text-align: center; margin: 0 0 0 auto; } .bootbox-close:hover { opacity: 1; } .bootbox-close:before, .bootbox-close:after { position: absolute; content: ' '; height: 25px; width: 2px; background-color: #333; } .bootbox-close:before { transform: rotate(45deg); } .bootbox-close:after { transform: rotate(-45deg); } .bootbox-text { width: 100%; position: relative; padding: 0 0 30px; } .bootbox-text p { font-weight: 400; font-size: 19px; line-height: 25px; color: #333333; } .bootbox-cta a { font-size: 14px; padding: 8px 26px; letter-spacing: 1.7px; text-transform: uppercase; border-radius: 2px; outline: none; -webkit-transition: 0.15s linear; transition: 0.15s linear; color: #fff; background-color: #50a1ff; border-color: #50a1ff; } #btnicon {font-weight:400; font-size:17px; color:#ffffff; padding:5px 20px; border-radius:30px; background:#ED7C15; border:2px solid #ED7C15; transition: all 0.5s ease; } #btnicon:hover { background:#ffffff; color:#ED7C15;} .messagequiz2{font-size:25px;text-align: center; float: left; width: 70%; color: #006858; line-height: 36px;} /* added */ .enl-innov { width: 100%; position: relative; margin-bottom: 20px; } /*.enl-innov:after { content: ''; background: #000; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; }*/ .enl-innov img { width: 100%; } #btnicon.buttonxmas { border: 0; background: transparent; } @media screen and (max-width: 767px) { header .header_inner:before { display: none; } .enl-habillage-left { display: none; } }