/* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Slabo+27px'); *{padding:0px; margin:0px;} body{ font-family:Roboto!important; font-size:13px !important; color:#757575; line-height:20px; background-color:#f5f5f5;} body p{ font-family:Roboto!important; font-size:13px!important; color:#757575; line-height:22px;} h1, h2, h3, h4, h5, h6{ font-family:Roboto!important; letter-spacing:0.0em; text-transform:none; font-weight:400;} ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background-color: #f5f5f5;1 border-left: 1px solid #f9f9f9; } ::-webkit-scrollbar-thumb { background-color: #ccc; } ::-webkit-scrollbar-thumb:hover { background-color: #ff5252; } select{-webkit-appearance: none; background:url(/remoteimages/website-images/2017_SiteRedesign/images/ArrowDown.png) no-repeat 98% 50% #fff!important; min-width:50px;} .send_btn{margin:10px 0px; background:#ff5252; color:#fff; font-size:14px; padding:10px 20px; text-transform:none;} .send_btn:hover{ color:#fff; background:#6a6e7c;} /* === SIDEBAR === */ .body { position: relative; margin: 0; padding: 0; transition: margin-right 0.5s; -o-transition: margin-right 0.5s; -moz-transition: margin-right 0.5s; -webkit-transition: margin-right 0.5s; } .body.slide { margin-right: 300px; } .sidebar { background-color: #00ffff; width: 300px; height: 100%; padding: 0px; position: fixed; right: -300px; left: auto; top: 50px; z-index: 1; transition: right 0.5s; -o-transition: right 0.5s; -moz-transition: right 0.5s; -webkit-transition: right 0.5s; overflow-y: hidden; } .sidebar.show { right: 300px; display: block; } .ps-scrollbar-y-rail { margin: 5px 0; } /* === END SIDEBAR === */ .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 60%; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; } .modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; } /*Right*/ .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0; } /* ----- MODAL STYLE ----- */ .modal-content { border-radius: 0; border: none; } .modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6{ font-family:Roboto; font-weight:500;} .modal-body{ text-transform:none; font-size:12px; color:#969696; font-weight:400; padding:10px 20px;} .panel .modal-body{ } .modal-body h5{ color:#ef483b; margin-top:5px; margin-bottom:5px;} .modal-body h6{ color:#2a343e; margin:10px 0px;} .modal-body p{ color:757575; margin-bottom:0px;} .modal-body hr { margin-top: 10px; margin-bottom: 10px; border: 0; margin-left:-20px; margin-right:-20px; border-top: 1px solid #e9e9e9;} .modal-body .glyphicon{ color:#f05f32; margin-right:10px; font-size:14px;} .panel{-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0); box-shadow: 0 1px 1px rgba(0, 0, 0, .0); border: solid 1px #e9e9e9;} .panel-default > .panel-heading {color: #02569c; background-color: #ffffff; border-color: #fff; padding:20px 10px; border-bottom:solid 1px #e9e9e9; } .panel-group .panel { margin-bottom: 0px; overflow: hidden; border-radius: 0px;} .panel-group .panel + .panel { margin-top: 0px;} .panel-body{ padding:10px 15px; font-family:Roboto!important; font-weight:400; max-height:400px; overflow:hidden; overflow-y:auto; padding-bottom:20px!important; } .panel-body label{font-family:Roboto!important; font-weight:400; color: #50a0ef;} .panel h1, .panely h2, .panel h3, .panel h4, .panel h5, panel h6{ font-family:Roboto;} .panel h4{ font-size:14px; font-weight:400;} .panel h4 span{ background:#fedc00; color:#333; width:20px; padding:6px 10px; font-size:12px; margin-right:10px; border-radius:50%; border:solid 2px #fff;} .SmallModalContent{ text-align:center; padding:40px 20px; font-size:13px; top:150px;} .SmallModalContent .btn{ background:#ff9600; font-family:'Raleway'; color:#fff; font-size:11px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; padding:8px 15px; width:auto; border-radius:0px; border:none; margin:5px;} .SmallModalContent .btn .glyphicon{ margin-right:5px; font-size:11px; font-weight:100;} .modal-header{ background:#5c93ce; border-bottom: solid 1px #4c81b9; } .modal-title{ font-size:14px; color:#fff; font-weight:400; text-transform:none } .modal-title img{ width:24px; height:auto; margin-right:5px;} .close {color: #fff; text-shadow: 0 0px 0 #ef483b;} .modal-footer{ width:100%; background-color:#f5f5f5; text-align:right; padding:10px;} .modal-footer .btn{ font-family:'Roboto'; font-size:12px; font-weight:400; letter-spacing:0em; width:auto; border-radius:2px; margin-bottom:5px; padding:5px 8px;} .modal-footer .btn + .btn { margin-bottom: 5px; margin-left: 0px;} .SmallModalContent{ color:#757575;} .Medium .modal-footer{ position:relative;} .form-control{ font-size:12px; color:#757575; padding:10px 0px; border:none; color:#999; border-radius:0px; background:#fff; border-bottom:solid 2px #f5f5f5; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .00); min-height:44px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .00); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .form-control:focus{ box-shadow:none;} .form-group { display: flex; /*height: 55px;*/ margin-bottom:inherit; } select{ border:solid 1px #e5e5e5!important; color:#212121; padding:10px 8px!important; height:44px!important;} .WhiteBlock select{ border:solid 2px #f5f5f5!important; color:#212121!important;} .control-label { font-size: 12px; color:#666; font-weight: 400; opacity: 0.6; pointer-events: none; position: absolute; transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; transition: 240ms; -webkit-transform-origin: left top; -webkit-transform: -webkit-translate3d(0, 22px, 0) scale(1); -webkit-transition: 240ms; } .form-group.focused .control-label { opacity: 1; transform: scale(0.90); color:#85b4ff; -webkit-transform: scale(0.90); } .form-control { align-self: flex-end; } .form-control::-webkit-input-placeholder { color: transparent; transition: 240ms; -webkit-transition: 240ms; } .form-control:focus::-webkit-input-placeholder { transition: none; } .form-group.focused .form-control::-webkit-input-placeholder { color: #bbb; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #fff; opacity: 1; background:url(/remoteimages/website-images/2017_SiteRedesign/images/disabled.png) no-repeat 100% 60%; padding-right:30px; } .ripplelink{ display:block; position:relative; overflow:hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index:0; } .ripplelink:hover{ z-index:1000; } .ink { display: block; position: absolute; background:rgba(0, 0, 0, 0.3); border-radius: 100%; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); } .animate { -webkit-animation:ripple 0.65s linear; -moz-animation:ripple 0.65s linear; -ms-animation:ripple 0.65s linear; -o-animation:ripple 0.65s linear; animation:ripple 0.65s linear; } @-webkit-keyframes ripple { 100% {opacity: 0; -webkit-transform: scale(2.5);} } @-moz-keyframes ripple { 100% {opacity: 0; -moz-transform: scale(2.5);} } @-o-keyframes ripple { 100% {opacity: 0; -o-transform: scale(2.5);} } @keyframes ripple { 100% {opacity: 0; transform: scale(2.5);} } input{ border:solid 1px #e5e5e5; padding:10px;} .be-checkbox{ margin:0px; padding:0px;} label{ font-weight:500; margin-bottom:5px; margin-top:5px; color:#5c93ce; float:none; clear:both;} textarea{ border:1px solid #e5e5e5!important; width:100%; min-height:120px; padding:10px!important; margin-bottom:10px;} .btn:hover{ z-index:1000; color:#fff; background-color:#2a343e; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .btn:focus{ outline:none;} .btn{font-family:Roboto; font-size:13px; font-weight:400; letter-spacing:0.0em; padding:8px 15px; margin-bottom:10px; margin-right:10px; border-radius:2px; text-transform:none; letter-spacing:0.02em;} .btn .glyphicon{ margin-right:10px;} .RedBtn{ background-color:#ef483b; color:#fff; } .WhiteBtn{ background-color:#fff;color:#939598; font-weight:500; border:solid 1px #939598;} .WhiteBlock .IconBtn{ margin-top:10px;} .IconBtnTopMargin{ margin-top:70px!important;} /*.WhiteBtn:hover{ background-color:#f05f32; color:#fff; border:solid 1px #f05f32;}*/ .GrayBtn{ background-color:#939598; color:#fff; } .OrangeBtn{ background-color:#fbb416; color:#fff;} .TransparentBtn{background-color: transparent;/* color:#f05f32; font-size:14px; padding-left:0px;*/} .BlueBtn{ background-color:#4ac4d5; color:#fff;} .GreenBtn{ background-color:#94c83c; color:#fff;} .LiveEventBtn{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-WebCam.png) no-repeat 15px 50% #ef483b; color:#fff; padding-left:40px; margin:0px!important; text-align:left; } .TableBtn{ padding:5px 10px!important; background-color:#6cb7c7; color:#fff; border:none; margin-top:5px;} .TableBtn .glyphicon{ margin:0px; padding:0px; margin-left:10px; font-size:10px;} .TableBtn:hover, .TableBtn:focus, .TableBtn:active, .TableBtn.active, .open .dropdown-toggle.TableBtn { color: #fff; background-color: #212121;} .TransparentBtn{ background:none; border:none; text-align:center; color:#969696;} .SmallBtn{ margin:0px; font-size:12px; font-weight:500; } .ExtraSmallBtn {font-size:11px; padding:3px 5px;} .IconBtn{ margin:2px 0px; font-size:14px; padding:15px;} .IconBtn .glyphicon{ margin:0px;} .SearchTopBtn{ background-color:#1f272f; color:#aeafb2; font-weight:400!important; font-size:11px; margin-top:2px; padding:8px 15px 8px 15px;} .FullWidth{ width:100% !important;} .BigSearch{ font-size:24px; color:#ef483b; text-align:center; font-weight:400; margin-top:40px; margin-bottom:20px; letter-spacing:-0.025em;} .BigSearch::-webkit-input-placeholder{color:#d1d2d4; opacity: 1; font-size: 24px;} .BigSearch::-moz-placeholder{color:#d1d2d4; opacity: 1; font-size: 24px;} .BigSearch:-ms-input-placeholder{color:#d1d2d4; opacity:1; font-size: 24px;} ::-webkit-input-placeholder{color:#999; opacity: 1; font-size: 12px;} ::-moz-placeholder{color:#999; opacity: 1; font-size: 12px;} :-ms-input-placeholder{color:#999; opacity:1; font-size: 12px;} .MarginTop10{ margin-top:10px;} .MarginBottom10{ margin-bottom:10px;} .MarginTop20{ margin-top:20px;} .MarginBottom20{ margin-bottom:20px;} .MarginTop30{ margin-top:30px;} .MarginBottom30{ margin-bottom:30px;} .MarginTop40{ margin-top:40px;} .MarginBottom40{ margin-bottom:40px;} .MarginTop4{ margin-top:4px;} .SigninButtons{ text-align:right;} .SigninButtons img { margin: 2px 0 6px 0;} .MarginRight5{ margin-right:5px;} .MarginRight10{ margin-right:10px;} .MarginRight15{ margin-right:15px;} .MarginRight20{ margin-right:20px;} .navbar{ border:none; margin-left:-15px; margin-right:-15px;} .navbar-brand{} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{background:#333;} .nav > li{ border:none; text-transform:none;} .navbar-nav > li > a { padding:15px; padding-left:18px; padding-right:18px; letter-spacing:0.02em; } .navbar-default { font-family: Roboto; font-weight:400; } .navbar-default .navbar-nav > li > a{color:#fff; text-align:left;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:#444f5b;} .TopBar-Icon{ margin-bottom:0px; width:30px; height:auto; max-height:30px; overflow: hidden;} .navbar-toggle{ border-radius:0px;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #2a343e;} .navbar-nav #thehive a:hover {text-decoration:underline !important;} .navbar-right > li > a { padding:15px; padding-top:10px; padding-bottom:10px; text-align:center;} .navbar-right{ margin-right:-15px;} .navbar-right li{ display:inline-block;} .TopBrand{ padding:10px; background:none; margin-right:0px; float:left; display:block; margin-left:10px; display:none;} .TopBrand img{ width:80px; height:auto;} .NavBarLeft{ width:30%; float:left;} .TopRight {text-align: right; width:40%; float:left;} .navbar-right > li > a:hover{background-color:#444f5b!important;} .TopRight > li > a:hover, .TopRight > li > a:focus { background-color:#444f5b!important; border: none!important;} .TopRight .open > a, .TopRight .open > a:hover, .TopRight .open > a:focus { background: #444f5b; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:#2a343e;} .dropdown-menu{ font-size:12px; padding:0px; width:180px; border-radius:0px; border:none; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);} .dropdown-menu li{ width:100%;} .dropdown-menu > li > a{ padding:10px; text-transform: none!important; color:#969696;} .navbar-nav > li > .dropdown-menu{ text-align:left} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color:#f4f4f4; color:#293139;} .DropDown-TopArrow{ width:15px; height:10px; position: absolute; top:-10px; right:20px;} .TopSearchDiv{ width:100%!important; top:20px;} .TopNo{ position:absolute; top:12px; right:16px; background-color:#d1d2d4; width:20px; height:20px; border-radius:50%; text-align:center; font-size:10px; color:#2a343e; font-weight:600; line-height:21px;} .TopMsgBlock{ width:400px; background-color:#fff!important;} .DropDown-Header{ font-weight:500; color:#293139; padding:15px 20px; text-align:left;} .DropDown-Footer{ font-weight:600; color:#293139; padding:15px 20px; font-size:11px;} .DropDown-Footer a{ color:#ef483b; text-transform:uppercase;} .DropDown-Footer a:hover{ color:#000;} .DropDown-Content{ border-bottom:solid 1px #f5f5f5; border-top:solid 1px #f5f5f5; max-height:215px; overflow-y: auto;} .TopUserBlock{ color:#969696; font-size:12px; line-height:24px; padding:10px 20px; border-bottom:solid 1px #f5f5f5; text-align:left;} .TopUserBlock:hover{ background-color:#f5f5f5; color:#444f5b;} .TopUserBlock img{ width:40px; height:40px; margin-right:10px; margin-top:5px; float:left;} .TopUserBlock span{ color:#c4c3c3; font-size:11px;} .TopUserBlock h6{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-EmptyBox.png) no-repeat 50% 00%;color:#ef483b; font-size:13px; font-weight:500; text-align:center; padding:50px 0px 10px 0px;} .TopUserProfile{ padding:0px;background-color:#fff!important; text-align:left;} .TopUserProfile li{ color:#969696; font-size:12px; border-bottom:solid 1px #f5f5f5; padding:10px 20px; } .UserTopBlock{ padding:0px; text-align:center;} .UserTopBlock img{ width:90px; height:auto; border-radius:50%; margin:5px;} .UserTopBlock h4{ font-size:14px; margin:5px 0px; font-weight:500;} .TopBar{ background-color:#444f5b; } .TopLink{ background-color:#2a343e; text-transform:none!important; font-size:13px; } .TopLink li{ padding:0px; margin:auto 0;} .FloatLeft{ float: left;} .FloatRight{float:right} .Round{ border-radius:50%;} .Profile20{ width:100%; height:auto; max-width:20px; margin-right:10px;} .Profile30{ width:100%; height:auto; max-width:30px; margin-right:10px;} .Profile40{ width:100%; height:auto; max-width:40px; margin-right:10px;} .Profile50{ width:100%; height:auto; max-width:50px; margin-right:10px;} .Profile60{ width:100%; height:auto; max-width:60px; margin-right:10px;} .Profile80{ width:100%; height:auto; max-width:80px; margin-right:10px;} .Profile100{ width:100%; height:auto; max-width:100px; margin-right:10px;} .Profile120{ width:100%; height:auto; max-width:120px; margin-right:10px;} hr {margin-top:15px; margin-bottom:15px; border: 0; border-top: 1px solid #d0d0d0;} .DeskTop-Only{ display:block;} .Mobile-Only{ display:none;} .Red{ color:#ef483b!important; font-weight:500;} .Green{ color:#94c83c!important; font-weight:500;} .Orange{ color:#fbb416!important; font-weight:500;} .Blue{ color:#4ac4d5!important; font-weight:500;} .Gray{ color:#939598!important; font-weight:500;} .Dark{ color:#2a343e!important; font-weight:500;} .TopSearchBlock{ float:left; } .TopSearchInput{ background:none; background-color:#3d464f; border:none; margin:0px; margin-top:9px; padding:6px 45px 6px 5px !important; min-height:32px; font-size:12px; margin-right:5px; color:#d1d2d4; border-radius:2px; min-width:200px;} .TopSearchInput:focus{ border:none!important;} .TopSearchBlock .TopSearchButton{ padding:0px; padding:6px 10px 4px 10px; min-height:32px; margin:0px; position:absolute; top:9px!important; right:0px; margin-right:5px; background-color:#525961; border-radius:0px 2px 2px 0px;} .TopSearchBlock .btn .glyphicon{ font-size:16px; font-weight:400; margin:0px; color:#d1d2d4; } .RedBlock{background-color:#ef483b;color:#fff;display:block; height:30px; width:30px; text-align:center; padding-top:8px; margin-bottom:10px;} .GreenBlock{background-color:#94c83c;color:#fff;display:block; height:30px; width:30px; text-align:center; padding-top:8px; margin-bottom:10px;} .OrangeBlock{background-color:#fbb416;color:#fff;display:block;height:30px; width:30px; text-align:center; padding-top:8px; margin-bottom:10px;} .GrayBlock{background-color:#939598;color:#fff;display:block; height:30px; width:30px; text-align:center; padding-top:8px; margin-bottom:10px;} .DarkBlock{background-color:#2a343e;color:#fff;display:block; height:30px; width:30px; text-align:center; padding-top:8px; margin-bottom:10px;} .BlueBlock{background-color:#4ac4d5;color:#fff;display:block; height:30px; width:30px; text-align:center; padding-top:8px; margin-bottom:10px;} .LogoBlock{ margin:20px 0px; text-align:left;} .LogoBlock img{width:100%; height:auto; max-width:180px; float:none;} .SM-Block{ padding:0px; padding-top:50px; color:#b8b8b9; font-size:11px; text-align:left;} .SM-Block p{ margin-bottom:5px;} .SM-Icons{ padding:0px; margin:0px;} .SM-Icons li{ list-style:none; display:inline; float:left; margin-right:5px!important;} .SM-Icons li img{ width:20px; height:auto; border-radius:50%;} .TopAD-Block{ text-align:right; margin:14px 0px;} .TopAD-Block img{ width:100%; height:auto; /*max-width:655px;*/} .ContentArea{ margin:30px 0px;} .IndexUserBlock{font-size:12px; color:#939598;} .IndexUserBlock a{color:#939598;} .IndexUserBlock h6{ font-size:13px; color:#2a343e; font-weight:500; margin:0px; margin-bottom:5px;} .LiveEventsBlock{background-color:#fff; padding:20px; margin-bottom:20px;} .LiveEventsBlock span{ font-size: 13px; font-weight: 600; color: #2a343e;} .LiveEventsBlock p{ color:#757575; font-size:12px; line-height:18px; margin:10px 0px; margin-bottom:20px;} .EventBlock{ background-color:#fafafa; margin-bottom:20px;} .IndexSliderBlock{margin-bottom:20px;} .TrendingBlock{margin-bottom:20px;} .TrendingBlock-Item{ background-color:#fff; margin-bottom:5px;} .TrendingBlock-Item-Img{ background-color:#eaeaea; padding:0px; margin:0 auto; width:100%; height:200px; overflow:hidden; text-align: center; vertical-align: middle;} .TrendingBlock-Item-Img img{ display:table-cell;vertical-align: middle; width:100%; height:auto; position: relative; top: -50%; } .TrendingBlock-Item h4{ margin:0px; padding:30px 20px 20px 20px; font-size:14px; color:#4ac4d5; line-height:20px; font-weight:400;} .TrendingBlock-Item p{ margin:0px; margin-bottom:0px; padding:20px 20px; padding-top:0px; border-bottom:solid 1px #eaeaea; font-size:12px; color:#969696; line-height:18px;} .TrendingBlock-Item-Footer{ display:block; background-color:#fbfbfb; border-bottom:solid 1px #eaeaea; width:100%; min-height:51px;} .TrendingBlock-User{ font-size:11px; color:#d1d2d4; padding:10px 20px; line-height:14px; width:60%; float:left;} .TrendingBlock-User a{ color:#fbb416;} .TrendingBlock-User img{ width:30px; height:auto; margin-right:10px; border-radius:50%;} .TrendingBlock-Icons{ float:right; display:block;} .TrendingBlock-Icons ul li{ list-style:none; display: inline-block; text-align:center; padding:13px;} .TrendingBlock-Icons img{ width:24px; height:auto;} .TrendingBlock-Icons ul li:hover{ background-color:#fff;} .RightAD-Block{ background-color:#fff; padding:5px; padding-top:2px; font-size:10px; color:#c3c3c3; text-align:center; margin-bottom:20px;} .RightAD-Block img{ width:100%; height:auto; max-width:270px;} .RightAD-Block p{ margin:0px; margin-bottom:0px;} .RightAD-Block p a{ color:#c3c3c3;} .SurveyBlock{ position:relative; margin-bottom:20px; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Survey.png) no-repeat 50% 10% #fff; min-height:260px; color:#2a343e; font-size:16px; font-weight:300; line-height:24px; padding:20px; padding-top:110px; text-align:center;} .SkipBtn{ position:absolute; top:0px; right:0px; width:50px; height:30px; color:#bcbcbc; text-align:right; text-transform:uppercase; padding:5px 10px; font-size:11px; } .ButtonPanel{ position:absolute; left:0px; bottom:0px; width:100%; display:block;} .Box3{ display:inline; width:33.33%; float:left; padding:20px 10px; text-align:center; font-size:14px; font-weight:400; color:#fff; vertical-align:middle;} .Box2{ display:inline; width:50%; float:left; padding:20px 10px; text-align:center; font-size:13px; font-weight:400; color:#fff; vertical-align:middle;} .GreenBox{ background-color:#94c83c;} .BlueBox{background-color:#4ac4d5;} .RedBox{background-color:#ef483b;} .BlockHeader{ padding:15px 20px; font-size:13px; font-weight:600; color:#2a343e; letter-spacing:0.02em; border-bottom:solid 1px #eaeaea;} .BlockHeader .dropdown .btn{ padding:3px; margin:0px; border:none;} .BlockHeader .dropdown .btn:hover{ background-color:transparent;} .BlockHeader .dropdown img{ display:block; width:16px; height:auto;} .BlockHeader .dropdown .dropdown-menu{top:24px; font-size:11px; background-color:#444f5b; } .BlockHeader .dropdown .dropdown-menu > li > a{ color:#fff; padding:8px 10px; border-bottom: 1px solid #444f5b; letter-spacing:0em;} .BlockHeader .dropdown .dropdown-menu > li > a:hover{ background-color:#2a343e; color:#d1d2d4;} .EventBlock ul{ margin:0px;} .EventItem li{ list-style:none; font-size:11px; color:#969696; border-bottom:solid 1px #f5f5f5; padding:10px 20px; margin:0px;} .EventItem li a{color:#969696;} .EventItem li:hover{ background-color:#f5f5f5; border-bottom:solid 1px #eaeaea;} .EventItem li span{ color:#293139; font-weight:500;} .EventItem li h5{ font-size:12px; margin:0px; margin-bottom:5px; color:#5c93ce; font-weight:500; line-height:18px;} .SimpleBlock .panel{ border:none;} .SimpleBlock .panel-default > .panel-heading{padding:20px 0px; color:#2a343e; background:#f5f5f5;} .SimpleBlock .panel-default > .panel-heading .active{background:#ff5252;} .SimpleBlock .panel h4{ font-size:13px; font-weight:500;} .SimpleBlock .panel a{ color:#2a343e!important;} .BlueBG-Block{ border:none; margin-bottom:20px; background-color:#fff;} .BlueBG-Block h5{ font-size:14px; font-weight:500; color:#fff; margin:0px; background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-AlignLeft-Small.png) no-repeat 20px 15px #4ac4d5; padding:15px 20px; padding-left:50px; } .Membership-List{ margin:0px; font-size:12px; padding:10px 20px;} .Membership-List li{ list-style:none; margin:0px; padding:3px 12px; background:url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Gray-Small.png) no-repeat 0px 12px; margin-left:16px;} .Membership-List a li{ color:#939598; margin:0px 0px; padding:5px 0px; padding-left:12px;} .Membership-List a li:hover{ background-color:#d1d2d4; color:#444f5b;} .List-SubHeader{ font-size:14px; line-height:24px; color:#4ac4d5!important; border-bottom:solid 1px #f1f1f1; background-color:#ffffff; font-weight:500;} .PaddingLeft20{padding-left:20px;} .Header{ position:relative; color:#2a343e; font-size:14px; font-weight:800; text-transform:none; letter-spacing:0.02em; margin-bottom:0px; } .Header .glyphicon{ font-size:20px; color:#2a343e; margin-right:10px; top:-2px; float:left;} .Header .dropdown .btn{ padding:3px; margin:0px; border:none;} .Header .dropdown .btn:hover{ background-color:transparent;} .Header .dropdown .glyphicon{ font-size:18px!important; margin-right:0px; color:#939598;} .Header .dropdown .dropdown-menu{ font-size:11px; background-color:#444f5b; } .Header .dropdown .dropdown-menu > li > a{ color:#fff; padding:8px 10px; border-bottom: 1px solid #444f5b; letter-spacing:0em;} .Header .dropdown .dropdown-menu > li > a:hover{ background-color:#2a343e; color:#d1d2d4;} .ViewMore{ background-color:#eaeaea; margin:10px 0px; margin-bottom:20px; padding:10px; color:#495057; font-size:12px; font-weight:500; text-align:center; border-radius:02px;} .ViewMore:hover{ background-color:#2a343e; color:#fff;} .Top-AddContent-Block{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/J50.png) no-repeat 15px #fff;margin-bottom:20px; color:#ef483b; font-size:15px; font-weight:400; min-height:80px; padding:30px 20px; padding-left:75px; box-shadow: 0px 5px 10px #d1d2d4;} .Top-AddContent-Block .btn{ float:right; margin:0px; margin-top:-8px;} .FooterBG{background-color:#394048; padding:20px; font-size:12px; color:#c3c3c3; text-align:left;} .FooterBG a{ color:#c3c3c3; padding:0px; padding-right:10px;} .FooterMidBG{ background-color:#495057; padding:20px 0px; color:#c3c3c3;} .FooterMidBG a{ color:#c3c3c3 !important;} .FooterMidBG h6{ color:#eaeaea; font-size:12px; text-transform:uppercase; font-weight:500; margin:0px; margin-bottom:10px; margin-top:5px;} .FooterMidBG ul{ padding:0px; margin:0px; margin-bottom:10px;} .FooterMidBG ul li{ list-style:none; margin:0px; padding:2px 0px; font-size:11px; line-height:14px;} .FooterBottomBG{background-color:#5a6168; padding:10px; text-align:center; font-size:11px; color:#c3c3c3;} /*------------ White Background Table CSS ------------*/ /*.TableAreaBlock{ background-color:#fff; padding:0px; padding-top:20px; margin:0 auto; padding-bottom:20px; color:#757575; } .TableBlock{width: 100%; overflow: hidden; overflow-x: auto; padding-bottom:20px; } .TableMenu{min-width:120px; left:-34px!important; top:30px; z-index:9;} .TableMenu > li > a { padding:5px 10px!important;} table{ font-size:12px; margin:10px 0px; } thead tr{ background-color:#fff8cc; color:#1567c3; } thead tr td{ padding:15px 10px; font-weight:500; vertical-align:top;} thead tr th{ padding:15px 10px; font-weight:500; vertical-align:top;} tbody tr{ background-color:#f9f9f9; color:#414a52; border-bottom:solid 1px #d9d9d9; } tbody tr:hover{ background-color:#fff; } tbody tr td a{ color:#2196F3;} tbody td{ padding:10px 10px; font-weight:400; vertical-align: middle;} table.dataTable thead th, table.dataTable thead td{ border-bottom:solid 1px #02569c;} table.dataTable thead th, table.dataTable tfoot th{font-weight:400; font-size:12px;} table.dataTable tfoot th, table.dataTable tfoot td{border-top: 1px solid #1567c3;} thead th, thead td{ border-bottom: solid 1px #cecece; border-top:double 3px #e8e8e8; font-weight:400; } .TableTop{ padding:10px 20px; padding-top:0px;} .TableTop label{ color:#969696;} .TableFooterInfo{ padding:10px 20px; font-size:11px; color:#969696; border-top:solid 1px #969696;} #example_length label{ font-weight:400; font-size:11px; } #example_length input, button, select, textarea{font-weight:400; font-size:11px; border:#eee; padding:5px 3px; margin-bottom:10px;} #example_filter label{ font-weight:400; font-size:11px; } #example_filter input, button, select, textarea{font-weight:400; font-size:11px; border:#eee; padding:5px 3px; margin-bottom:10px;} #example_filter input{ border-bottom:solid 1px #eee;} table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #fcfcfc;} #example{ margin-bottom:20px;} .dataTables_length{ padding-left:20px;} .dataTables_filter{ padding-right:20px;} .dataTables_info{ padding-left:00px; font-size:11px; color:#969696!important;} .dataTables_paginate{ padding-right:20px; font-size:11px;} .dataTables_wrapper .dataTables_paginate .paginate_button {color:#969696!important;}*/ .modal-body tbody tr td a{ color:#ff6600;} /*---- Tab Style Classes (Start) ----*/ .TopTab { text-transform:none!important;} .TopTab li { margin:0px!important; padding:0px!important; } .nav > li{ border:none; margin-top:0px;} .nav-tabs{border-bottom: 3px solid #e0e2f1; font-family:'Roboto'; font-weight:400;} .nav-tabs > li { margin-bottom: -4px!important;} .nav-tabs > li > a { font-size:12px; margin-right: 0px; line-height: 2; border: 0px solid transparent; border-radius: 0px 0px 0 0; color: #7e878e; border-bottom:solid 3px #e0e2f1; background:transparent; } .nav-tabs > li.active > a { color: #d63932; cursor: default; background-color: transparent;border-bottom:solid 3px #006699!important; } .TopTab .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background: transparent!important; color: #666; border-bottom:solid 0px #a2a9af;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background:none!important; border:none; color:#006699;} .TabArea{ margin:0px; padding:0px; margin-right:-30px; margin-left:-30px;} .tab-content{ padding:0px;} /*---- Tab Style Classes (End) ----*/ /* custom inclusion of right, left and below tabs */ .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 300px; margin-right: 0; margin-bottom: 0px; } .tabs-left > .nav-tabs { float: left; /*margin-right: 19px;*/ border-right: 0px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 40px; height: 20px; } /* Hide default HTML checkbox */ .switch input {display:none;} /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; opacity: 0.75; filter: alpha(opacity=75); } .slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 1px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #1567c3; opacity: 1; filter: alpha(opacity=100); } input:focus + .slider { box-shadow: 0 0 1px #1567c3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*--- datepicker Start-----*/ .datepicker { cursor:pointer; z-index:1050!important;} .dropdown-menu .table-condensed { margin:0px; padding:0px; width:100%;} .datepicker-days{ } .datepicker-switch{ text-align:center;} .table-condensed .prev{ text-align:center;} .table-condensed .next{ text-align:center;} .table-condensed thead tr{ background-color:#fcfcfc; } .table-condensed thead tr { background-color:#fcfcfc; color:#1b7bd9;} .table-condensed thead th, thead td{ border:none;} .table-condensed .dow{ border-bottom: 2px solid #ddd} .table-condensed tbody td{ border:none; text-align:center;} .table-condensed tbody td:hover{ background-color:#fedc00; color:#212121;} .table-condensed .active{ background-color:#fedc00!important; color:#212121!important;} .table-condensed .new{ color:#d6d6d6!important;} .table-condensed .month{ text-align:center; padding:10px; float:left;} .datepicker-months{ width:220px;} .datepicker-years{width:220px; display:block;} .table-condensed .year{text-align:center; padding:10px; float:left;} /*--- datepicker End-----*/ /*--- Inside accordion Start-----*/ .accordion-item { position: relative; } .accordion-item.active .heading { color: #fbb416; } .accordion-item.active .icon { background: #fbb416; } .accordion-item.active .icon:before { background: #fff; } .accordion-item.active .icon:after { width: 0; } .accordion-item .heading { display: block; text-decoration: none; color: #939598; font-weight: 500; font-size: 13px!important; position: relative; padding: 10px 0px; padding-left:60px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border-top:solid 2px #f5f5f5; } @media (min-width: 40rem) { .accordion-item .heading { font-size: 1.2rem; } } .accordion-item .heading:hover { color: #fbb416; } .accordion-item .heading:hover .icon:before, .accordion-item .heading:hover .icon:after { background: #fff; } .accordion-item .icon { display: block; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; border: 0px solid #fefefe; border-radius: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #939598; } .accordion-item .icon:before, .accordion-item .icon:after { content: ''; width: 1.25rem; height: 0.25rem; background: #fff; position: absolute; border-radius: 0px; left: 50%; top: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .accordion-item .icon:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); z-index: -1; } .accordion-item .content { display: none; } .accordion-item .content p { margin-top: 0; } @media (min-width: 40rem) { .accordion-item .content { line-height: 20px; } } /*--- Inside accordion End-----*/ /*--- Inside Side Panel Start-----*/ .MemberContentBlock{ padding:0px 0px; padding-bottom:10px;} .MemberContentBlock h5{ color:#2a343e; font-size:14px; font-weight:600; margin:0px; margin-bottom:10px;} .MemberContentBlock p{ color:#757575;} .MemberContentBlock p a{ color:#969696;} .InsideEventBlock{ padding:0px; background-color:#fff; margin-bottom:20px;} .InsideEventBlock h5{ color:#2a343e; font-size:14px; font-weight:500; margin:0px; padding:20px;} .InsideEventBlock .dropdown .btn{ padding: 0px; margin: 0px; border: none;} .InsideEventBlock .dropdown .btn:hover { background-color: transparent;} .InsideEventBlock h5 .dropdown img{ display: block; width: 16px; height: auto;} .InsideEventBlock .dropdown .dropdown-menu{top:24px; font-size:11px; background-color:#444f5b; } .InsideEventBlock .dropdown .dropdown-menu > li > a{ color:#fff; padding:8px 10px; border-bottom: 1px solid #444f5b; letter-spacing:0em;} .InsideEventBlock .dropdown .dropdown-menu > li > a:hover{ background-color:#2a343e; color:#d1d2d4;} .InsideEventBlock h6{ color:#2a343e; font-size:13px; font-weight:500; margin:0px; padding:10px 0px;} .InsideEventBlock .content{ padding:10px 20px; border-top:solid 2px #fbb34c;} .InsideEventBlock hr{margin: 0px -20px 10px -20px; border: 0; border-top: 2px solid #f5f5f5;} .InsideEventBlock .FullWidth{ border-radius:0px; font-size:11px; margin-bottom:10px;} .InsideEventBlock p{ color:#757575; margin-bottom:0px; font-size:12px;} .InsideEventBlock p a{ color:#969696;} .WebcastEventItem{ margin:0px; padding:0px; font-size:12px;} .WebcastEventItem li{ list-style:none; color:#2a343e; font-weight:500; line-height:16px; padding:7px 0px;} .WebcastEventItem li a{ color:#5c93ce;} .WebcastEventItem li span{ color:#ccc; font-size:11px; font-weight:400;} .WebcastEventItem li a:hover{color:#2a343e;} .VirtualEventItem{ margin:0px; padding:0px; font-size:12px;} .VirtualEventItem li{ list-style:none; color:#2a343e; font-weight:500; line-height:16px; padding:7px 0px;} .VirtualEventItem li a{ color:#94c83c;} .VirtualEventItem li span{ color:#ccc; font-size:11px; font-weight:400;} .VirtualEventItem li a:hover{color:#2a343e;} .VirtualEventItem h3, .WebcastEventItem h3 { llist-style: none; color: #2a343e; font-weight: 500; line-height: 16px; padding: 0 0 10px 0px; font-size: 12px; margin: 0px; } .WebcastEventItem h3 a { color: #5c93ce;} .VirtualEventItem h3 a { color: #94c83c;} .VirtualEventItem .WebcastP, .WebcastEventItem .WebcastP { color: #777; font-size: 11px; font-weight: 400; } .MyEvent{ margin-bottom:15px;} .MyEvent p{ color:#757575; margin-bottom:10px;} .MyEvent .btn{ margin-bottom:5px; font-size:11px; font-weight:400; padding:5px 10px;} /*--- Inside Side Panel End-----*/ .PageName{ font-size:18px; color:#ef483b; font-weight:500; line-height:36px;} .PageName .btn{ float:right; margin-right:0px;} .ShareBlock{ border: solid 1px #d1d2d4; padding:2px 10px; padding-left:45px; background:url(/remoteimages/website-images/2017_SiteRedesign/images/Inside-ShareIcon.png) no-repeat 0% 50%; min-height:36px; border-radius:3px; margin-bottom:10px;} .ShareBlock ul{ margin:5px 5px; padding:0px;} .ShareBlock ul li{ list-style:none; display:inline-block; padding:0px; margin:0px; margin-right:10px; font-size:11px; color:#939598; } .ShareBlock ul li img{ margin-right:5px; margin-top:-2px;} .ShareBlock ul li a{color:#939598;} .NotificationBlock{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Notification.png) no-repeat 15px 20px #ededed; padding:15px; padding-left:50px; margin:5px 0px 20px 0px; border:solid 0px #e7e7e7; color:#444f5b; font-size:12px; line-height:20px; font-weight:400;} .NotificationBlock strong{font-weight:600;} .NotificationTxt{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Notification-Small.png) no-repeat 0px 13px; padding:10px; padding-left:30px; color:#939598; font-size:12px; font-weight:400;} .FliterBlock{ background-color:#fff; border:solid 1px #dfdfdf; padding:0px; margin-bottom:30px; box-shadow:0px 0px 20px #d1d2d4;} .FliterBlock h1{background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Filter.png) no-repeat 20px 20px; font-size:14px; font-weight:600; margin:0px; margin-bottom:10px; padding:20px; padding-left:50px; border-bottom:solid 1px #eaeaea;} .FliterBlock h2{font-size:14px; font-weight:600; margin:0px; padding:19px 20px 18px 20px; color:#444f5b;} .FliterBlock hr { margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #eaeaea;} .FliterSearch{ margin:0px; font-size:15px; color:#444f5b !important; text-align:left; font-weight:400; padding:25px 20px !important; padding-left:50px !important; border-bottom:solid 2px #fbb416 !important; background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Search-Yellow.png) no-repeat 20px 15px;} .FliterSearch::-webkit-input-placeholder{color:#d1d2d4; opacity: 1; font-size: 14px;} .FliterSearch::-moz-placeholder{color:#d1d2d4; opacity: 1; font-size: 14px;} .FliterSearch:-ms-input-placeholder{color:#d1d2d4; opacity:1; font-size: 14px; } .FliterSearch:focus{border-bottom:solid 2px #ff5252; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .FliterBlock .LabelTxt{ color:#c3c3c3; font-weight:400; padding:17px 0px; margin:0px;} .FliterBlock .SelectBox{min-height:54px; border:none!important; width:100%; border-left: 1px solid #eaeaea!important; border-right: 1px solid #eaeaea!important;} .FliterBlock .form-control{ margin:0px;height: 52px; padding-bottom: 10px !important; padding-top: 10px !important; } .choosen-block:after{content:'';float:none;display:flex-row;clear:both;} .FliterBlock-Footer{ padding:15px 20px;} .FliterBlock-Footer .btn{ float:right;} .Left-FilterBlock input[type=checkbox]:not(old) + label { display: inline-block; padding-left: 30px; margin-left: 0px; background: url(../images/check-new.png) no-repeat 0 0; line-height: 26px; color: #777; font-size: 12px; font-weight: normal; margin-right: 10px; height: 28px; margin-bottom: 0; } .Left-FilterBlock input[type=checkbox]:not(old):checked + label { background: url(../images/checked-new.png) no-repeat 0 0; height: 28px; color: #7bb21e; } .Left-FilterBlock input[type=checkbox]:not(old), .Left-FilterBlock input[type=radio]:not(old) { opacity: 0; } .Left-FilterBlock input[type="checkbox"], .Left-FilterBlock input[type="radio"] { background-size: 30px; background-repeat: no-repeat; width: 0px; height: 0px; margin: 0; } .Left-FilterBlock input { border: solid 1px #e5e5e5 !important; padding: 10px !important; } /*--- Archived Webcasts Home Page ---*/ .WebcastBlock{ background-color:#fff; padding:20px; margin-bottom:10px; border-bottom: solid 1px #d1d2d4; } .WebcastBlock:hover{ box-shadow:0px 0px 20px #d1d2d4;} .WebcastBlock h1{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Play-Large.png) no-repeat 0% 50%; font-size:15px; color:#5c93ce; font-weight:700; line-height:20px; padding:10px 20px; padding-left:60px; margin:5px 0px; min-height:48px;margin-top:10px;} .WebcastBlock h2{ font-size:13px; font-weight:500; color:#ef483b; margin:0px; margin-bottom:10px; padding:5px 0px;} .WebcastBlock span{ color:#969696; font-size:11px;} .WebcastBlock span a{color:#5c93ce; font-weight:500;} .Webcast-Type{background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Webcast.png) no-repeat 00px 0px; color:#939598; font-weight:500; padding:0px 20px; padding-left:30px;} .CreditBadges{ margin:0px; margin-top:20px; padding:0px;} .CreditBadges li{ list-style:none; display:inline-block; list-style:none; width:120px; height:30px; background:url(/remoteimages/website-images/2017_SiteRedesign/images/credit-badges.png) no-repeat 0px 0px;} .CreditBadges .World{background-position: left 0px;} .CreditBadges .California{ background-position: left -31px;} .CreditBadges .Certification{ background-position: left -62px;} .CreditBadges .International{ background-position: left -95px;} .CreditBadges .Strategic{ background-position: left -127px;} .CreditBadges .General{ background-position: left -159px;} .CreditBadges .Elearn{ background-position: left -190px;} .CreditBadges .SHRM { background-position: left -62px; } .WebcastBlock-Right{ } .WebcastBlock-Right h3{ font-size:14px; color:#2a343e; font-weight:500; margin:10px 0px;} .WebcastBlock-Right .ClientLogo{ width:60px; height:auto; margin-bottom:10px;} .Presenter-Name{ font-size:12px; color:#969696; padding:10px 0px; border-top:solid 1px #ececec;} .Presenter-Name h4{ font-size:12px; color:#2a343e; font-weight:500; margin:0px;} .Presenter-Name img{ float:left; margin-right:10px; margin-top:-5px;} /*--- 07 Nov 2017-----*/ .InsideSide-Bar01{ display:block;} .LargeBtn{ margin:0px; font-size:14px; font-weight:500; padding:12px 20px; border-radius:3px; } .FliterBlock h1{ margin-bottom:0px;} .FliterBlock-Padding{ padding:10px 20px;} .NotificationTxt{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Notification-Small.png) no-repeat 0px 5px; padding:5px; padding-left:30px; color:#939598; font-size:12px; font-weight:400;} .FliterSearch{ padding-right: 180px !important;width:100% !important;} .Serach-Buttons{ position:absolute; top:7px; right:35px;} .Serach-Buttons .btn{ margin-left:10px;} .FliterSearch .chosen-container{border: none;} .FliterSearch .chosen-container .chosen-choices{border: none;background-image: none;} .FliterSearch .chosen-container .chosen-choices input[type="text"]{min-height: 25px;} .WebcastBlock .RatingBlock{ position:absolute; top:0px; right:0px; margin-right:20px; width:146px; height: 40px;} .RatingBlock{} .RatingBlock p{ margin:2px 0 0 0; font-size:11px;} .RatingNo{ float:left; background-color:#fbb416; height:36px; width:36px; text-align:center; color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.05em; padding:5px; padding-top:9px; margin-right:10px;} .RatingNo:hover{ background-color:#444f5b;} .RatingStars{background:url(../images/Star.png) no-repeat; height: 13px; display: inline-block;} .SubHeader{ position:relative; color:#2a343e; font-size:14px; font-weight:500; text-transform:none; margin-bottom:15px; margin-top:10px;} .ClientLogo{ width:90px; height:auto; margin-bottom:10px; margin-right:20px;} .WebcastDetailBlock{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/WebcastDetailBlock-BG.jpg) no-repeat 100% 100% #fff; padding:30px; margin:20px 0px; border-bottom: solid 3px #fbb416; } .WebcastDetailBlock h1{font-size:24px; color:#2f3d4c; font-weight:700; line-height:30px; margin:20px 0px;} .WebcastDetailBlock h6{ font-size:14px; font-weight:500; color:#4ac4d5; margin:20px 0px;} .WebcastDetailBlock span{ color:#969696; font-size:11px; line-height:12px;} .WhiteBlock{ background-color:#fff; margin-bottom:20px; padding:10px 20px; font-size:13px; color:#757575;} .WhiteBlock hr{ margin-left:-20px; margin-right:-20px; border-top:solid 2px #ededed;} .WhiteBlock-FooterTxt{ padding:15px 20px; font-size:11px; color:#969696;} .WhiteBlockNoPadding{ background-color:#fff; margin-bottom:20px; padding:0px;} .UserFeedbackBlock{ padding:20px 20px; border-bottom:solid 1px #ededed; font-size:12px; color:#969696;} .UserFeedbackBlock:hover{ border-bottom:solid 1px #cacaca;} .UserFeedbackBlock strong { color:#2f3d4c; font-weight:500;} .UserFeedbackBlock p{color:#969696; margin-bottom:0px; margin-top:10px;} .UserFeedbackBlock h5{ font-size:13px; color:#5c93ce; font-weight:500; margin:0px; margin-bottom:5px;} .UserFeedbackBlock h6{ font-size:13px; color:#2f3d4c; font-weight:500; margin:0px; margin-bottom:2px;} /*--- Tab 2 Accordion Start-----*/ .TabBlock{ margin:20px 0px;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; border-bottom: 1px solid #fff; width: 100%; font-size:13px; font-weight:500; } ul.tabs li { float: left; margin: 0; cursor: pointer; padding: 15px 15px; border:none; background-color: #ededed; color: #757575; overflow: hidden; position: relative; } .tab_last { border-right: 1px solid #333; } ul.tabs li:hover { background-color: #ccc; color: #333; } ul.tabs li.active { background-color: #fff; color: #ef483b; display: block; } .tab_container { border: none; border-top: none; clear: both; float: left; width: 100%; background: #fff; overflow: auto; margin-bottom:30px; } .tab_content { padding: 20px; display: none; font-size:12px; } .tab_drawer_heading { display: none; } .tab_content strong{ color: #2a343e; font-weight:500;} .tab_content ul{ margin:10px 0px; padding:0px; } .tab_content ul li{ list-style:none; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Gray-Small.png) no-repeat 0px 12px; margin:0px; padding:5px 0px; padding-left:15px; color: #2a343e;} .tab_content .SubHeader{ border-bottom:solid 1px #ededed; padding-bottom:15px;} /*--- Tab 2 Accordion End-----*/ /*--- 24 Nov 2017-----*/ .BlueBG-Block h5 {font-size: 14px; font-weight: 500; color: #fff; margin: 0px; /*background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-AlignLeft-Small.png) no-repeat 20px 15px #4ac4d5;padding-left: 50px;*/ padding: 15px 20px; background:#5c93ce; /*background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); Standard*/ } .BlueBG-Block .panel-heading{ padding:0px;} .BlueBG-Block .panel-body{ padding:0px; max-height:none!important;} .BlueBG-Block .panel-default > .panel-heading{ border:none;} .List-SubHeader{ background:#ffffff; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Tick-Green.png) no-repeat 0px 3px!important; color:#4ac4d5; border-bottom:solid 1px #f1f1f1; font-weight:500; padding-left:20px!important;} .Membership-List li.Disabled-Link, .Membership-List li.Disabled-Link a { color:#d1d2d4!important;} .Membership-List li.Disabled-Link:hover{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Gray-Small.png) no-repeat 0px 12px #fff!important; color:#939598!important; } .Membership-List li.Disabled-Link a:hover {color:#939598!important; } .List-SubHeader.Disabled-Link{ background:none!important; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Tick-Gray.png) no-repeat 0px 7px!important;} .ShortcutsBlock{ background-color:#fff; padding:15px 20px; margin-bottom:20px;} .ShortcutsBlock h1{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/Shortcut-Arrow.png) no-repeat 0px 2px; font-size:14px; font-weight:500; color:#4ac4d5; margin:0px; margin-bottom:00px; padding:2px 0px; padding-left:25px;} .ShortcutsBlock hr {margin-top: 15px; margin-bottom: 10px; margin-left:-20px; margin-right:-20px; border: 0; border-top: 1px solid #4ac4d5;} .ShortcutsBlock .Membership-List{ padding:0px 0px;} .Top-AddContent-Block{ background:none; background-color:#fff; margin-bottom:20px; color:#ef483b; font-size:15px; font-weight:400; min-height:70px; padding:15px 20px; box-shadow: 0px 5px 10px #d1d2d4;} .Top-AddContent-Block .btn{ float:right; margin:0px; margin-top:2px;} .BuyerGuide-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/BuyerGuide-BG.jpg) no-repeat center bottom #ffffff; border-bottom:solid 2px #4ac4d5; padding:50px 20px;} .Directory-Logo{ text-align:left;} .Directory-Logo img{ width:100%; height:auto; max-width:214px;} .BuyerGuide-Logo{ text-align:left;} .BuyerGuide-Logo img{ width:100%; height:auto; /*max-width:308px;*/ max-width:221px;} .Directory-Logo h1{ font-size:34px; font-weight:600; margin:0px; margin-bottom:10px; letter-spacing:-0.02em; color:#5c93ce!important;} .BuyerGuide-BG .Inside-RightMenu{ margin-top:10px;} .Inside-RightMenu{ text-align:right; font-size:14px; font-weight:500; color:#444f5b;} .Inside-RightMenu a{ color:#444f5b; padding:15px 10px;} .AddLink .btn{ padding:0px;} .AddLink .dropdown-menu{ margin-top:10px;} .AddLink .dropdown-menu > li { text-align: left;} .AddLink .dropdown-menu > li > a{ font-size:13px; font-weight:500; color:#444f5b;} .AddLink .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #94c83c; color: #fff;} .BuyerGuide-BG h1{ color:#444f5b;} .InsideLanding-MidBlock{ padding:70px 10px; padding-bottom:10px;} .InsideLanding-MidBlock p{ font-size:13px;} .InsideLanding-MidBlock h1{ font-size:30px; font-weight:700; padding:0px; margin:0px; letter-spacing:-0.02em; color: #444f5b;} .InsideLanding-MidBlock h6{ font-size:13px; font-weight:500; color:#444f5b; padding:0px; margin:0px; margin-bottom:20px; letter-spacing:-0.01em;} .InsideLanding-MidBlock .input-group{ margin:40px 0px;font-family:Roboto; } .input-group .btn{ margin:0px; min-height:50px;background-color:#fbb416; color:#fff; border:none; font-size:14px; font-weight:500; } .input-group .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {background-color:#fbb416; color:#fff;} .input-group .dropdown-toggle{ min-width:120px; text-align:left;} .input-group .btn .caret{ margin-left:5px; position:absolute; right:15px; top:45%;} .input-group .dropdown-menu{ top:96%; font-size:13px; text-align:left; background-color:#fbb416;} .input-group .dropdown-menu > li > a{ color:#444f5b; font-weight:500; padding:12px 15px;} .input-group .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #444f5b; color: #fff;} .input-group .LargeInputBox{ margin:0px; min-height:50px; border:none; border-top:solid 1px #d1d2d4; border-bottom:solid 1px #d1d2d4; padding:10px; font-size:14px; color:#444f5b;} .LargeInputBox::-webkit-input-placeholder{color:#d1d2d4; opacity: 1; font-size: 14px;} .LargeInputBox::-moz-placeholder{color:#d1d2d4; opacity: 1; font-size: 14px;} .LargeInputBox:-ms-input-placeholder{color:#d1d2d4; opacity:1; font-size: 14px; } .input-group .SearchLarge{ background-color:#ef483b; color:#fff; text-align:center;} .input-group .SearchLarge .glyphicon{ font-size:22px; margin-right:0px; top:2px;} .BuyersGuide-Landing h1{ font-size:30px; font-weight:600; margin:0px; margin-bottom:30px;} .BuyersGuide-Landing h2{ font-size:24px; font-weight:300; margin:0px; margin-bottom:15px;} .BuyersGuide-FeatureBlock{ min-height:240px; margin-bottom:20px; text-align:center; padding:10px 20px;} .BuyersGuide-FeatureBlock h3{ font-size:16px; font-weight:600; margin:15px 0px;} .BuyersGuide-FeatureBlock p{ font-size:12px; margin-bottom:0px;} .Inside-Top-Block{ /*background-color:#fcfcfc;*/ border-bottom: solid 1px #d1d2d4; padding:0px; padding-bottom:30px; margin-bottom:15px;} .Directory-Logo-Inside{ text-align:left; margin-top:0px;} .Directory-Logo-Inside img{ width:100%; height:auto; max-width:171px;} .Inside-Top-Block .Inside-RightMenu { margin-top: 5px;} .Inside-Top-Block .input-group{ margin:0px;font-family:Roboto; } .Inside-Top-Block .input-group .btn{ margin:0px; min-height:40px;background-color:#fbb416; color:#fff; border:none; font-size:12px; font-weight:400; } .Inside-Top-Block .input-group .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .Inside-Top-Block .dropdown-toggle.btn-default {background-color:#fbb416; color:#fff;} .Inside-Top-Block .input-group .dropdown-toggle{ min-width:120px; text-align:left;} .Inside-Top-Block .input-group .btn .caret{ margin-left:5px; position:absolute; right:15px; top:45%;} .Inside-Top-Block .input-group .dropdown-menu{ top:86%; font-size:12px; text-align:left; background-color:#fbb416;} .Inside-Top-Block .input-group .dropdown-menu > li > a{ color:#444f5b; font-weight:500; padding:12px 15px;} .Inside-Top-Block .input-group .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #444f5b; color: #fff;} .Inside-Top-Block .input-group .LargeInputBox{ margin: 0px; min-height:40px; border:none; border:solid 1px #d1d2d4; padding:5px 10px; font-size:12px; color:#444f5b;} .Inside-Top-Block .LargeInputBox::-webkit-input-placeholder{color:#d1d2d4; opacity: 1; font-size: 12px;} .Inside-Top-Block .LargeInputBox::-moz-placeholder{color:#d1d2d4; opacity: 1; font-size: 12px;} .Inside-Top-Block .LargeInputBox:-ms-input-placeholder{color:#d1d2d4; opacity:1; font-size: 12px; } .Inside-Top-Block .input-group .SearchLarge{ background-color:#ef483b; color:#fff; text-align:center;} .Inside-Top-Block .input-group .SearchLarge .glyphicon{ font-size:16px; margin-right:0px; top:2px;} .NotificationBlock-Small{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Notification-Genie.png) no-repeat 0px 5px ; padding:7px 0px; padding-left:40px; margin:0px; color:#444f5b; font-size:11px; line-height:13px; font-weight:400; min-height:40px;} .NotificationBlock-Small strong{font-weight:600;} .Inside-TabMenu{ text-align:center; font-size:14px; font-weight:700; color:#969696; border-bottom: solid 3px #eaeaea; margin-bottom:20px;} .Inside-TabMenu a{ color:#444f5b; padding:15px 15px; display: inline-block;} .Inside-TabMenu a:hover{ color:#ef483b;} .Inside-TabMenu-Active{ color:#ef483b!important; border-bottom: solid 3px #ef483b;} .NoShadow{ box-shadow:none; border:none; padding-top:5px;} .NoPadding{ padding:0px !important;} .Left-Header{ background-color:#fff; padding:20px; border:solid 1px #eaeaea; margin-bottom:20px;} .Left-Header h1{ margin:0px; margin-bottom:15px; font-size:18px; font-weight:600; color:#ef483b;} .Left-Header p{ font-size:12px; color:#939598; font-weight:400; margin:0px; margin-top:15px; padding-top:10px; line-height:18px; border-top:solid 1px #eaeaea;} .Left-Header .btn{ margin-bottom:0px;} .Left-FilterBlock{ background-color:#fff; padding:0px; margin-bottom:20px;} .Left-FilterBlock hr{ margin-top:5px; margin-bottom:5px; border-top: solid 1px #eaeaea;} .Left-FilterBlock h1{background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Filter.png) no-repeat 20px 20px; font-size:14px; font-weight:600; margin:0px; padding:20px; padding-left:50px; border-bottom:solid 1px #eaeaea;} .ResetBtn{ background:none; border:none; color:#ef483b; padding:0px; margin:0px; position:absolute; right:35px; top:20px;} .ResetBtn:hover{ background:none; color:#444f5b;} .FilterBlock-Header{ font-size:13px; font-weight:500; color:#4ac4d5; padding:10px 20px; } .FilterBlock-Data{ padding:0px 5px 5px 15px; max-height:400px; overflow-y:auto; overflow-x:hidden; margin-bottom:10px; border-bottom:solid 1px #eaeaea;} .FilterBlock-Data::-webkit-scrollbar-track { background-color: #fff; border-left: 1px solid #f5f5f5;} .FilterBlock-Padding{ padding:0px 20px 10px 20px;} .Left-FilterBlock label{ color:#777; font-weight:400;} .FilterBlock-Data label{ margin-right:0px!important; } .FilterBlock-Data-Content{ padding:10px 20px 20px 20px;} .DataResult-Block{ position:relative; background-color:#fff; padding:20px; border-bottom:solid 2px #ececec; margin-bottom:10px;} .DataResult-Block:hover{ border-bottom:solid 2px #d1d2d4;} .Featured{ position:absolute; width:80px; height:80px; left:-3px; top:-3px; background:url(/remoteimages/website-images/2017_SiteRedesign/images/Featured.png) no-repeat 0px 0px; z-index:1;} .DataResult-Block hr { margin-top: 15px; margin-bottom: 20px; border: 0; border-top: 1px solid #f2f2f2;} .DataResult-Block-Content{border-left:solid 1px #f2f2f2; border-right:solid 1px #f2f2f2; padding:15px; } .DataResult-Block h3{ font-size:16px; font-weight:500; color:#5c93ce; margin:0px; padding:0px; margin-bottom:10px;} .DataResult-Block h4{ font-size:14px; font-weight:600; color:#5c93ce; margin:0px; padding:0px; margin-bottom:10px;} .DataResult-Block h5{ font-size:13px; font-weight:500; color:#444f5b;} .DataResult-Block h6{ font-size:12px; font-weight:500; color:#444f5b; margin:0px; padding:0px; margin-bottom:10px;} .DataResult-Block p{ font-size:12px; margin-bottom:0px; color:#969696;} .ImageBlock120{ width:120px; height:120px; text-align:center; vertical-align:middle;padding:0px; display: flex; justify-content: center; align-items: center; margin-bottom:0px;} .ImageBlock120 img{ width:100%; height:auto; max-width:100px;} .DataResult-Block .RatingBlock{ margin-top:10px;} .DataResult-SmallBlock{ width:30%; display:inline-block; color:#5c93ce; font-size:14px; line-height:18px; margin-top:10px;} .DataResult-SmallBlock span{ color:#444f5b; font-size:11px;} .NoBorder{ border:none;} .Price-Old{ font-size:12px; color:#969696; text-decoration:line-through;} .Price-Discount{font-size:12px; color:#ef483b; font-weight:500;} .Price{font-size:20px; color:#444f5b; line-height:36px;} .Price-Date{ font-size:12px; color:#444f5b;} /*--- Data Table Start-----*/ .Table-Title{ background-color:#fff; font-size:14px; font-weight:500; color:#4ac4d5!important; padding:15px 10px 15px 10px!important;} .Table-Title img{ width:20px; height:auto;} table.dataTable thead th, table.dataTable thead td { padding: 10px 10px; border-bottom: 1px solid #4ac4d5; font-weight:500; color:#444f5b; background-color:#fff;} .actions img{ width:20px; height:auto;} .bottom{ font-size:12px;} .bottom label{ color:#969696!important; font-size:12px; font-weight:400;} .bottom select { border: none!important;} .dataTables_wrapper .dataTables_info{ padding-top:17px; color:#444f5b;} .dataTables_length{ margin-left:20px; margin-right:20px;} .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ border-radius:50%; background:#4ac4d5!important; border:none; color:#fff!important;} .dataTables_wrapper .dataTables_paginate{ padding-top:10px;} /*--- Data Table End-----*/ .accordion-item{ background-color:#fff;} .accordion-Content-Block{ padding:20px; font-size:12px; border-top:solid 2px #fbb416;} .accordion-Content-Block strong{ color:#2a343e; font-size:13px; font-weight:500; padding-bottom:10px;} .accordion-Content-Block hr{ margin-right:-20px; margin-left:-20px;} .accordion-Content-Block ul{ margin:0px; padding:0px; margin:10px 0px;} .accordion-Content-Block ul li{ list-style:none; margin:0px; padding:0px; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Gray-Small.png) no-repeat 0px 12px; padding:3px 0px; padding-left:15px;} .Data-Block{ position:relative; background-color:#fff; padding:10px 0px; border-bottom:solid 1px #d1d2d4; margin-bottom:10px;} .Data-Block hr { margin-top: 15px; margin-bottom: 20px; border: 0; border-top: 1px solid #f2f2f2;} .Data-Block-Content{padding:0px; } .Data-Block h3{ font-size:16px; font-weight:500; color:#5c93ce; margin:0px; padding:0px; margin-bottom:10px;} .Data-Block h4{ font-size:14px; font-weight:600; color:#5c93ce; margin:0px; padding:0px; margin-bottom:10px;} .Data-Block h5{ font-size:13px; font-weight:500; color:#444f5b;} .Data-Block h6{ font-size:12px; font-weight:500; color:#444f5b; margin:0px; padding:0px; margin-bottom:10px;} .Data-Block p{ font-size:12px; margin-bottom:0px; color:#969696;} .ImageBlock80{ width:80px; height:80px; text-align:center; vertical-align:middle;padding:0px; display: flex; justify-content: center; align-items: center; margin-bottom:0px;} .ImageBlock80 img{ width:100%; height:auto; max-width:80px;} .Data-Block .RatingBlock{ margin-bottom:10px;} .ProductDetail-Block{ background-color:#fff; padding:30px 20px 15px 20px; margin:20px 0px; box-shadow: 0px 0px 20px #d1d2d4;} .ProductDetail-Block h1{ color:#293139; font-size:16px; font-weight:600; margin:0px; margin-bottom:10px; line-height:20px;} .ProductDetail-Block h6{ color:#969696; font-size:12px; font-weight:400; margin:0px; margin-bottom:10px;} .ProductDetail-Block hr{ margin:0px; margin:15px -20px;} .ProductDetail-Block .btn{ margin-right:10px;} .FilterArea-Header{ margin:0px;} .tab_container .FilterArea-Header{ margin-top:-25px;} .tab_container .UserRatingBlock{margin-left:-20px; margin-right:-20px;} .UserRatingBlock{ padding:20px; border-bottom:solid 1px #eaeaea;} .UserRatingBlock:hover{ background-color:#fafafa; border-bottom:solid 1px #d1d2d4;} .UserRatingBlock .Profile80{ margin-right:20px;} .UserRatingBlock h5{ font-size:13px; color:#293139; font-weight:500; margin:0px; margin-bottom:10px;} .UserRatingBlock h6{font-size:11px; color:#969696; margin:0px;} .UserRatingBlock .RatingBlock{ } .UserRatingBlock .RatingNo{ border-radius:2px;} .UserRatingBlock .btn{ font-weight:400; margin-right:5px; padding:8px 10px;} .UserRatingBlock .btn .glyphicon{ margin:0px; margin-left:5px!important;} .UserRatingBlock hr{ margin-top:10px; margin-bottom:10px;} .SuggestionTxt{ margin-top:5px; font-size:11px; color:#969696;} .tab_container h6{ color:#4ac4d5; margin:0px; margin-bottom:10px;} .CompanyDetail-Block{ background:#fff; padding:0px; margin:20px 0px; box-shadow: 0px 0px 20px #d1d2d4;} .CompanyDetail-Block-Logo{text-align: center; vertical-align: middle; padding: 0px; display: flex; justify-content: center; align-items: center; height:240px; } .CompanyDetail-Block-Logo img{ width:100%; height:auto; max-width:100px;} .CompanyDetail-Block-Company{text-align: center; vertical-align: middle; padding: 0px; display: flex; justify-content: center; align-items: center; height:240px; overflow:hidden; margin-left:-30px;} .CompanyDetail-Block-Company img{ width:100%; height:auto;} .CompanyDetail-Block-CompanyName{ background:#4ac4d5; padding:20px; margin:0px; border-bottom: solid 1px #5c93ce;} .CompanyDetail-Block-CompanyName h1{ color:#fff; font-size:18px; font-weight:500; padding:0px; margin:0px; margin-bottom:5px;} .CompanyDetail-Block-CompanyName p{ color:#2a343e; margin:0px; margin-bottom:0px; font-weight:500;} .CompanyDetail-Block-Footer{ background:#fff; padding:20px;} .CompanyDetail-Block-Info{ text-align:center; font-size:11px; border-left:solid 1px #d1d2d4; border-right:solid 1px #d1d2d4; margin-left:-15px; margin-right:-15px;} .CompanyDetail-Block-Info h6{ font-size:14px; color:#5c93ce; font-weight:400; margin:0px; margin-top:5px; padding:0px;} .CompanyDetail-Block-Footer .btn{ margin-bottom: 5px; margin-right:2px; padding:8px 10px; } .CompanyDetail-Block-Footer .btn .glyphicon { margin-right: 0px;} .CompanyDetail-Block .SM-Icons{ float:right;} .CompanyDetail-Block .SM-Icons li{ background-color:#77d3e0; margin-top:5px; padding:5px; border-radius:2px;} .CompanyDetail-Block .SM-Icons li:hover{ background-color:#2ca3b3; border-radius:50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .CompanyDetail-Block .SM-Icons li img{ width: 24px; height: auto; border-radius:0%;} .EditBtn{ position:absolute; right:20px; top:10px;} .EditBtnSmall{ position:absolute; right:0px; top:-5px;} .EditBtnSmall .btn{ margin-bottom: 0px; padding:4px 6px; margin-right:0px; } .EditBtnSmall .glyphicon{ margin-right:0px; top: 2px;} .InsideNewsBlock{ background-color:#fff; padding:0px; margin-bottom:20px;} .InsideNewsBlock h5 { color: #2a343e;font-size: 14px; font-weight: 500; margin: 0px; padding: 20px 15px; border-bottom:solid 1px #ededed;} .RightIcon{ float:right; position:relative;} .InsideNewsItem{ margin:0px; padding:0px; font-size:12px;} .InsideNewsItem li{ list-style:none; color:#2a343e; font-weight:500; line-height:16px; padding:10px 15px; border-bottom:solid 1px #ededed; display:block; min-height:105px;} .InsideNewsItem li a{ color:#5c93ce;} .InsideNewsItem li span{ color:#ccc; font-size:11px; font-weight:400;} .InsideNewsItem li a:hover{color:#2a343e;} .InsideNewsItem-Img{ background:#fafafa; float:left; text-align: center; vertical-align: top; padding: 0px; display: flex; justify-content: center; align-items: center; width:80px; height: 80px; overflow: hidden; margin-right: 15px; border:solid 1px #ededed;} .InsideNewsItem-Img{ background:#fafafa; float:left; text-align: center; vertical-align: middle; padding: 0px; display: flex; justify-content: center; align-items: center; width:80px; height: 80px; overflow: hidden; margin-right: 15px; border-:solid 1px #ededed;} eNewsItem-Img img{ width:80px; } .SideModal .modal-body .panel{ border:none;} .SideModal .modal-body .panel-body{ padding:10px 0px; padding-right:10px; border-bottom:solid 1px #969696!important; border-top:solid 1px #969696!important;} .SideModal .modal-body .panel-default > .panel-heading{ color:#ef483b; background-color:#fff; border-bottom:solid 1px #eaeaea; padding:15px 0px;} .SideModal .modal-body .panel-default > .panel-heading a{ color:#ef483b; } .SideModal .modal-body label{ color:#444f5b; font-weight:500;} .SideModal .modal-body input{ padding:5px; margin-bottom:10px;} .SideModal .modal-footer{ position:fixed; bottom:0px;} /*--- 25 Dec 2017-----*/ .Left-Header{ background-color:#fff; padding:20px; border:solid 1px #eaeaea; margin-bottom:20px;} .Left-Header h1{ margin:0px; margin-bottom:15px; font-size:16px; font-weight:600; color:#ef483b; line-height:20px;} .Left-Header .btn{ margin-bottom:0px;} .InsideLanding-MidBlock .dropdown-menu{ width:220px;} .Inside-Top-Block .Directory-Logo h1{font-size:24px; font-weight:500; margin:5px 0px; } .Inside-Top-Block .dropdown-menu{ width:220px;} .BuyerGuide-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/BuyerGuide-BG.jpg) no-repeat center bottom #ffffff; /*border-bottom:solid 2px #4ac4d5;*/ padding:40px 30px; margin-top:30px;} .HrGenius-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/HrGenius-BG.jpg) no-repeat center bottom #27374c; padding:40px 30px; margin-top:30px; } .HrGenius-Logo{ text-align:left;} .HrGenius-Logo img{ width:100%; height:auto; max-width:135px;} .HrGenius-Logo-Inside{ text-align:left;} .HrGenius-Logo-Inside img{ width:100%; height:auto; max-width:94px;} .HrGenius-Logo h1{ font-size:34px; font-weight:600; margin:0px; margin-bottom:10px; letter-spacing:-0.02em; color:#5c93ce!important;} .HrGenius-BG .Inside-RightMenu{ margin-top:30px;} /*.Inside-RightMenu{ text-align:right; font-size:14px; font-weight:500; color:#444f5b;} .Inside-RightMenu a{ color:#444f5b; padding:15px 10px;}*/ .HrGenius-BG .Inside-RightMenu a{font-weight:400; color:#fff; padding:15px 10px;} .HrGenius-BG .InsideLanding-MidBlock h1{ color:#fdb414; margin-bottom:20px;} .HrGenius-BG .InsideLanding-MidBlock h6{ color:#fff; font-size:14px; font-weight:400; margin-bottom:0px;} .HrGenius-Genie{ position:absolute; top:-125px; left:50px;} .HrGenius-Bottom-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/HrGenius-Bottom-BG.jpg) repeat center bottom #ef483b; padding:20px 20px; margin-top:0px; margin-bottom:20px; } .HrGenius-Feature-Block{color:#fff; font-weight:400; font-size:13px; margin:10px 0px;} .HrGenius-Feature-Block img{ float:left; margin-right:15px; margin-bottom:20px;} .HrGenius-Feature-Block h4{ font-size:16px; font-weight:600; color:#fff; margin:0px; margin-bottom:10px;} .HrGenius-Lesson-Block{ background-color:#fff; padding-bottom:20px; margin-bottom:20px; min-height:330px; text-align:center;} .VideoImg{ width:100%; height:auto; max-width:280px; text-align:center;} .HrGenius-Lesson-Content{ padding:0px 20px; font-size:12px;} .HrGenius-Lesson-Content a{ color:#5c93ce;} .HrGenius-Lesson-Content hr{ margin-left:-20px; margin-right:-20px;} .HrGenius-Lesson-Content h5{ font-size:14px; font-weight:500; line-height:20px; color:#5c93ce; margin:15px 0px 10px 0px;} .HrGenius-Lesson-Content h5 a{ color:#5c93ce;} .Page-Header h1{ font-size:30px; font-weight:700; color:#444f5b; margin:10px 0px;} .Page-Header h2{ font-size:24px; font-weight:700; color:#444f5b; margin:10px 0px;} .Page-Header h3{ font-size:20px; font-weight:700; color:#444f5b; margin:10px 0px;} .Page-Header h4{ font-size:16px; font-weight:700; color:#444f5b; margin:10px 0px;} .Page-Header h5{ font-size:14px; font-weight:400; color:#939598; margin:10px 0px;} .Page-Header h6{ font-size:13px; font-weight:500; color:#444f5b; margin:10px 0px;} .HrGenius-Explore-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/HrGenius-Explore-BG.jpg) no-repeat left bottom #fff; padding:0px; margin:30px 0px; } .HrGenius-Explore-Content{ padding:30px 20px; padding-left:260px;} .HrGenius-Explore-Content ul li { list-style: none; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Gray-Small.png) no-repeat 0px 12px; margin: 0px; padding: 5px 0px; padding-left: 15px; color: #2a343e;} .HrGenius-Dark-Block{background: url(/remoteimages/website-images/2017_SiteRedesign/images/HrGenius-Genie2.png) no-repeat right bottom #444f5b; padding:40px 25px; color:#fff; min-height:375px;} .HrGenius-Dark-Block h1{ font-size:18px; font-weight:700; color:#fbb416; margin-top:0px;} .HrGenius-Dark-Block h6{font-size:15px; font-weight:400; color:#fff; margin-top:0px; line-height:22px;} .HrGenius-Dark-Block p{ padding-right:100px;} .TagData{ margin:0px; padding:0px;} .TagData li{ background-color:#eaeaeb; padding:8px 12px; border-radius:18px; margin:5px 2px; list-style:none; display:inline-block; color:#444f5b;} .TagData li:hover{ background-color:#d1d2d4; color:#444f5b;} .CertificateImg{ width:100%; height:auto; max-width:100px; float:left;margin-right:25px;} .Certificate-Block{ background-color:#fff; padding:20px; margin-bottom:20px; min-height:270px;} .Certificate-Block-Height{ min-height:460px;} .Certificate-Block h1{ font-size:20px; font-weight:500; color:#2a343e; margin:10px 0px; margin-bottom:20px; line-height:24px; } .Certificate-Block h2{ font-size:18px; font-weight:400; color:#2a343e; margin:10px 0px; margin-bottom:20px; line-height:24px; } .Certificate-Block h3{ font-size:18px; font-weight:500; color:#ef483b; margin:0px 0px; margin-top:20px; line-height:24px; } .Certificate-Block h4{ font-size:18px; font-weight:600; color:#2a343e; margin:0px 0px; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Webcast.png) no-repeat 0px 8px; padding:10px; padding-left:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #fbb416;} .Certificate-Block h5{ font-size:14px; font-weight:400; color:#ef483b; margin:5px 0px;} .Certificate-BannerImg{ width:100%; height:auto; max-width:240px; float:left; margin:10px 0px; margin-right:20px;} .Certificate-ContentImg{ width:100%; height:auto; max-width:1074px; float:none; margin:10px 0px;} .WebCast-Small-Block{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Webcast.png) no-repeat 20px 20px #fff; padding:20px; padding-left:55px; margin-bottom:10px; color:#d1d2d4; font-size:12px; font-weight:400; border-bottom:solid 2px #fff;} .WebCast-Small-Block:hover { border-bottom:solid 2px #5c93ce; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .WebCast-Small-Block p{ color:#5c93ce; font-size:14px; font-weight:500; margin-bottom:5px;} .Dark-Block{background: #444f5b; padding:20px; color:#fff; font-family:14px; font-weight:400; margin-bottom:20px;} .Dark-Block .glyphicon{ color:#fbb416; font-size:18px; margin-right:10px; top:5px;} .Dark-Block .SubHeader{ color:#fbb416; margin-top:0px;} .BenefitImg{width:100%; height:auto; max-width:80px; margin:5px 0px;} .Certificate-MainImg{width:100%; height:auto; max-width:732px;} .Expert-Block{ background-color:#fff; padding:20px; margin-bottom:20px; margin-top:5px; font-size:12px; color:#969696;} .Expert-Block img{ float:left; margin:0px; margin-right:15px; margin-top:-5px;} .Expert-Block h4{ font-size:16px; color: #ef483b; font-weight: 500; line-height:24px; margin-top:15px; margin-bottom:5px;} .Expert-Block h4 span{ font-size:13px; color:#444f5b; font-weight:400;} .Certification-Top-Block{background-color:#fff; padding:20px; margin-bottom:20px; margin-top:5px;} .Certification-Top-Block h1{ margin:15px 0px; margin-bottom:20px; font-size:18px; font-weight:700; color:#ef483b; text-transform:uppercase;} .Certification-Top-Block h5{ margin:0px; margin:10px 0px; font-size:15px; font-weight:500; color:#ef483b;} .Certification-Top-Block h6{ margin:0px; margin-bottom:20px; font-size:14px; font-weight:400; color:#444f5b;} .Certification-Top-Block p{ margin-bottom:5px; margin-top:5px;} .Certification-Top-Block-Img img{width:100%; height:auto; max-width:220px; margin:10px 0px; } .Certification-Top-Block-Content{ /*border-left:solid 1px #d1d2d4; border-right:solid 1px #d1d2d4;*/ margin:0px; padding:5px 20px;} .Cost{ font-size:24px; font-weight:400; color:#ef483b; margin-right:10px;} .LessonDetails-Block{ background-color:#fff; padding:30px 20px;} .LessonDetails-Block h1{ font-size:24px; font-weight:500; color:#444f5b; margin:0px; margin-bottom:10px;} .LessonDetails-Block h5{ font-size:14px; font-weight:500; color:#5c93ce; margin:0px; line-height:20px;} .LessonDetails-Block h5 span{font-size:12px; color:#969696; font-weight:400;} .LessonDetails-Block-Icon{ font-size:30px!important; color:#aaadb0!important; top:5px; float:left; margin-right:10px;} .Course-Interactive-Area{ width:100%; overflow-x:auto; margin:20px 0px; margin-top:10px; text-align:center;} .ContentBlock{ margin:20px 0px; padding:20px 0px; border-top:solid 1px #d1d2d4; border-bottom:solid 1px #d1d2d4; max-height:400px; overflow-y:auto;} .Certification-BG {font-size: 13px; font-weight: 400; color: #fff; margin: 20px 0px;padding: 20px 30px; background: linear-gradient(-20deg, #90c154, #49c4d7); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-20deg, #90c154, #49c4d7); /*Safari 5.1-6*/ background: -o-linear-gradient(-20deg, #90c154, #49c4d7); /*Opera 11.1-12*/ background: -moz-linear-gradient(-20deg, #90c154, #49c4d7); /*Fx 3.6-15*/ } .Certification-BG h1{ font-size:24px; line-height:30px; font-weight:600; color:#fff; margin:0px; margin-top:20px; margin-bottom:20px;} .Certification-BG h3{ font-size:18px; line-height:26px; font-weight:400; color:#000; margin:0px; margin-bottom:20px;} .Certification-BG h5{ font-size:15px; line-height:20px; font-weight:400; color:#fff; margin:0px; margin-bottom:20px;} .Certification-BG ul{ margin:0px; margin-bottom:20px;} .Certification-BG ul li{ list-style:none; margin:0px; padding:5px 0px; font-size:12px;} .Certification-Genie-Large{ width:100%; height:auto; max-width:270px; } .Certification-Genie{ width:100%; height:auto; max-width:200px; } .Certification-BG a:link{ color:#000;} .GreenTopBorder{ border-top:solid 10px #9dcb57;} .BlueTopBorder{ border-top:solid 10px #49c4d7;} .GrayTopBorder{ border-top:solid 10px #939598;} .OrangeTopBorder{ border-top:solid 10px #f1592a;} .MagentaTopBorder{ border-top:solid 10px #a51c3b;} .PurpleTopBorder{ border-top:solid 10px #8d68a5;} .Certificate-Block-Large{ background-color:#fff; padding:30px; margin-bottom:20px; font-size:12px; color:#757575; min-height:550px;} .Certificate-Block-Large h1{ font-size:20px; line-height:24px; font-weight:500; color:#444f5b; margin:0px; margin-bottom:15px;} .Certificate-Block-Large h6{ font-size:14px; line-height:20px; font-weight:500; color:#444f5b; margin:0px; margin-bottom:15px; } .Certificate-Block-Large ul{ margin:0px; margin-bottom:10px;} .Certificate-Block-Large ul li{ list-style:none; padding:5px 0px; margin:0px; width:49.5%; display:inline-block; } .Certificate-Block-Large .Cost{ font-size:16px; line-height:20px; font-weight:500;margin-bottom:15px; } .Certificate-Block-Small{ background-color:#fff; margin-bottom:20px; min-height:140px; color:#969696; line-height:18px; padding:20px;} .Certificate-Block-Small h3{ font-size:14px; line-height:20px; font-weight:500; color:#2a343e; margin:00px 0px 10px 0px; } .Certificate-Block-Small .Cost{ font-size:13px; color:#4ac4d5; margin-top:10px;} .Certificate-Block-Small .Cost li{ list-style:none; float:left; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Blue.png) no-repeat 0px 3px; display:inline; padding-left:20px; padding-right:20px;} .CertificateImg-Small{ width:100%; height:auto; max-width:100px;} .BulletTxt{ margin:0px; margin-bottom:10px;} .BulletTxt li { list-style: none; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Bullet-Gray-Small.png) no-repeat 0px 12px; margin: 0px; padding: 5px 0px; padding-left: 15px; color: #2a343e;} .Index_Tab{background:none;} .Index_Tab .tab_content{ border:1px solid #ddd; border-top:3px solid #ddd;} .Index_Tab .panel{ border:none;} .Index_Tab .panel h4{ font-weight:500!important;} .HrGenius-Lesson-Block{ background-color:#fff; padding-bottom:20px; margin-bottom:20px; min-height:330px; text-align:center;} .Expert-Block h2{background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Webcast.png) no-repeat 0px 1px; padding-left:30px; font-size:16px; color: #5c93ce; font-weight: 500; line-height:24px; margin-top:0px; margin-bottom:10px;} .Expert-Block h2 a{ color: #5c93ce;} .Expert-Block hr{ margin-left:-20px; margin-right:-20px; margin-bottom:20px;} .IndexSliderBlock{ background-color:#f5f5f5; height:148px; width:483;} .IndexSliderBlock h1{ font-size:16px; color:#fff; margin:0px; padding:10px 20px 12px 20px; line-height:22px;} .IndexSliderBlock h1 span{ font-size:13px; line-height:17px; color:#2a343e; font-weight:500;} .IndexSliderBlock .BlueBtn{ background-color:#4f779d; font-size:11px; margin:8px 0px;} .ImageBlock146{ width:125px; height:148px; text-align:center; vertical-align:middle;padding:0px; display: flex; justify-content: center; align-items: center; margin-bottom:0px; float:left; background-color:#fff; margin-right:20px;} .Date-Block{ float:left; width:60px; height:60px; padding:6px 5px; background-color:#2a343e; margin-right:20px; text-align:center; color:#fff; font-size:19px; font-weight:400; line-height:18px;} .Date-Block span{ font-size:9px; color:#fff!important; font-weight:500;} .SideBarMenu{ background:none; border:none; padding:0px; margin:0px;} .SideBarMenu-Header{ background-color:#444f5b; font-size:13px; font-weight:500; color:#fff; padding:15px 20px; margin-bottom:20px;} .WhiteBlock h6{ font-size:13px; line-height:20px; font-weight:400; margin:10px 0px;} .BorderBlock{ border:solid 1px #ededed; padding:20px; /*max-height:550px;*/ overflow-y:auto} .BorderBlock hr{ border-top: 1px solid #ededed; margin-bottom:20px; margin-top:20px; margin-left:-20px; margin-right:-20px;} .TableAreaBlock{ width:100%; max-width:1170px; margin-bottom:15px; overflow-x: auto;} .DataTable{} .DataTable a:link{color: #ef483b;} .DataTable a:visited{color: #ef483b;} .DataTable tr{ border-bottom: solid 1px #ededed;} .DataTable tr td{ padding:8px 5px; color:#757575; font-size:13px;} .DataTable tr td strong{ color:#4ac4d5; font-weight:500;} .DataTable .headers{padding:10px 5px; color:#2a343e; font-size:14px; border-bottom: solid 1px #4ac4d5; border-top: solid 1px #4ac4d5; font-weight:500;} /*--- Top Sub-Menu 19 Feb 2018-----*/ /*.dropdown-menu{ width:auto; min-width:200px;}*/ .caret{ margin-left: 4px; color:#fbb416;} .dropdown-menu .divider {height: 1px; margin: 0; overflow: hidden; background-color: #e5e5e5;} .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0px; margin-left: 0px; border-left:solid 5px #fbb416;} .dropdown-submenu:hover>.dropdown-menu { display: block;} .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fbb416; margin-top: 5px; margin-right: -5px; } .dropdown-submenu:hover>a:after { border-left-color: #fff;} .dropdown-submenu.pull-left { float: none;} .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*--- 21 Feb 2018-----*/ .Certification-Pic-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/Certification-Pic-BG.jpg) no-repeat center bottom #27374c; padding:40px 30px; margin-bottom:30px;} .Certification-Pic-BG h1{font-size: 30px;line-height: 36px;font-weight: 600; color: #fff; margin: 0px; margin-top:20px; margin-bottom:20px;} .Certification-Pic-BG h3{font-size: 20px;line-height: 30px;font-weight: 500; color: #fbb416; margin: 0px; margin-bottom: 30px;} .Certification-Pic-BG h5{color:#fff;} .Certification-Pic-BG h6{color:#fff;} .Certification-Pic-BG ul li{color:#fff; list-style:none;} .dropdown-menu > li > a{white-space: normal;} /*--- 26 Feb 2018-----*/ .Webcast-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/Webcast-BG.jpg) no-repeat center bottom #27374c; padding: 60px 30px 30px 30px; margin-bottom:30px; min-height:430px;} .Webcast-BG h1{font-size: 34px; font-weight: 900; margin: 0px; margin-bottom:40px; letter-spacing: -0.00em; color: #49c4d7!important; } .Webcast-BG h2{font-size: 30px; font-weight: 600; margin: 0px; margin-bottom:30px; letter-spacing: -0.02em; color: #fdb414!important; } .Webcast-BG h5{font-size: 16px; font-weight: 500; margin: 0px; margin:10px 0px; line-height:26px; color: #fdb414!important; } .Webcast-BG h6{font-size: 15px; font-weight: 400; margin: 0px; margin-bottom:20px; line-height:26px; color: #fff!important; } .WebCast-Feature-Img{ width:100%; height:auto; max-width:80px;} .WebCast-Mid-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/WebCast-Mid-BG.jpg) no-repeat center bottom #5c93ce; padding:20px; margin-bottom:30px;} .WebCast-Mid-BG h6{font-size: 15px; font-weight: 500; margin: 0px; margin:10px 0px 20px 0px; color: #fff!important; } .WebCast-Mid-BG p{font-size: 12px; font-weight: 400; margin: 0px; margin:10px 0px; color: #fff; } .WebCast-MainFeature-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/WebCast-MainFeature-BG.jpg) no-repeat left top #fff; padding:40px 20px; padding-left:180px; margin-bottom:30px; min-height:320px;} .WebCast-MainFeature-BG h1{font-size: 18px; font-weight: 600; margin: 0px; margin:0px 0px 20px 0px; color: #49c4d7; } .WebCast-MainFeature-BG p{font-size: 12px; font-weight: 400; margin: 0px; line-height:22px;} .WebCast-Testimonial-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/WebCast-Testimonial-BG.jpg) no-repeat right top #fff; padding:40px 20px; padding-right:160px; margin-bottom:30px; min-height:320px;} .WebCast-Testimonial-BG h1{font-size: 18px; font-weight: 600; margin: 0px; margin:0px 0px 20px 0px; color: #49c4d7; } .WebCast-Testimonial-BG p{font-size: 12px; font-weight: 400; margin: 0px; line-height:22px;} .Resources-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/Resources-BG.jpg) no-repeat left top #27374c; padding: 30px 30px; margin-bottom:30px;} .Resources-BG h1{font-size: 30px; font-weight: 900; margin: 0px; margin-bottom:20px; letter-spacing: -0.00em; color: #fff!important; } .Resources-BG h2{font-size: 24px; font-weight: 600; margin: 0px; margin-bottom:20px; letter-spacing: -0.02em; color: #fdb414!important; } .Resources-BG h6{font-size: 14px; font-weight: 400; margin: 0px; margin-bottom:0px; line-height:22px; color: #fff!important; } .Communities-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/Communities-BG.jpg) no-repeat center bottom #27374c; padding: 40px 30px; margin:30px 0px;} .Communities-BG h1{font-size: 30px; font-weight: 900; margin: 0px; margin-bottom:20px; letter-spacing: -0.00em; color: #fff!important; } .Communities-BG h2{font-size: 24px; font-weight: 600; margin: 0px; margin-bottom:20px; letter-spacing: -0.02em; color: #fdb414!important; } .ePubs-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/ePubs-BG.jpg) no-repeat center bottom #27374c; padding: 30px 30px; padding-top:60px; margin-bottom:10px; min-height:450px;} .ePubs-BG .Inside-RightMenu a {color: #fff;} .ePubs-BG h1{font-size: 34px; font-weight: 900; margin: 0px; margin-bottom:20px; letter-spacing: -0.00em; color: #49c4d7!important; } .ePubs-BG h2{font-size: 30px; font-weight: 600; margin: 0px; margin-bottom:20px; letter-spacing: 0em; color: #fdb414!important; text-shadow: 0px 2px 10px #000;} .ePub-White-Block{ background:#fff; padding:20px 10px; border:solid 1px #f5f5f5; text-align:center; font-size:14px; font-weight:500; color:#5c93ce; min-height:365px; margin-left:-15px; margin-right:-15px;} .ePub-White-Block img{ width:100%; height:auto; max-width:200px; margin-bottom:20px; box-shadow:2px 3px 7px #666;} .ePub-White-Block:hover{ border-bottom:solid 1px #d1d2d4;} .Color-Brand-Mid{ width:100%; height:auto; max-width:780px; margin:20px 0px;} .Info-No{font-size:14px; color:#939598; font-weight:600; padding:20px;line-height: 34px;} .Info-No span{ font-size:42px; color:#444f5b; font-weight:300;} .ePub-Magazine-Block{ margin:15px 0px; background:#fff; border:solid 2px #f5f5f5;} .ePub-Magazine-Block .Left{ padding:20px; text-align:center;} .ePub-Magazine-Block .Left h4{ font-size:16px; font-weight:600; margin:0px; margin-bottom:15px;} .ePub-Magazine-Block .Left h5{ font-size:13px; font-weight:600; margin:0px; margin:15px 0px; color:#5d94cf; line-height:18px; text-transform:uppercase;} .Magazine-Img{ width:100px; height:auto;} .ePub-Magazine-Block .Left hr{ margin-left:-20px; margin-right:-20px;} .ePub-Magazine-Block-Icons{ text-align:center;} .ePub-Magazine-Block-Icons img{ margin:0px 10px;} .ePub-Magazine-Block .Right{ background:#49c4d7; padding:20px 30px; color:#fff; font-size:12px; margin-left:-30px; min-height:320px;} .carousel-control.right { background-image:none;} .carousel-control.left { background-image:none;} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ font-size:20px;} .Certification-Top-Support-Content{ border:dashed 1px #d1d2d4; padding:5px 20px 15px 20px;} .FliterBlock-Padding .hidden{ display: inline!important; visibility: visible !important; margin: 4px 5px 0px 0px!important;} /*--nav menu classes --*/ #bs-example-navbar-collapse-1 > ul > li:hover > ul, #bs-example-navbar-collapse-1 > ul > li > ul > li:hover > ul{ display: block; } /*--- InSide bar Menu-----*/ .InsideSide-Bar01{ width:27%; float:left; margin-right:30px; } .InsideSide-ContentArea{ width:70%; float:left; margin:0 auto;} .RightAD-Block{ background-color:#fff; padding:0px; padding-top:2px; font-size:10px; color:#c3c3c3; text-align:center; margin-bottom:20px;} .RightAD-Block img{ width:100%; height:auto; max-width:300px;} /*--- 15 Mar 2018 (Membership Home)-----*/ .Membership-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/Membership-BG.jpg) no-repeat center center #27374c; padding: 70px 30px 30px 30px; margin-bottom:30px; min-height:420px;} .Membership-BG h1{font-size: 34px; font-weight: 900; margin: 0px; margin-bottom:30px; letter-spacing: -0.00em; color: #ffff!important; } .Membership-BG h2{font-size: 30px; font-weight: 600; margin: 0px; margin-bottom:30px; letter-spacing: -0.02em; color: #fdb414!important; line-height:40px; } .Membership-BG h5{font-size: 18px; font-weight: 400; margin: 0px; margin-bottom:20px; line-height:20px; color: #fff!important; } .Membership-BG h6{font-size: 16px; font-weight: 700; margin: 0px; margin-bottom:20px; line-height:20px; color: #fff!important; } .Membership-Block-Large{ background-color:#fff; padding:30px 20px; margin:0px; color:#757575; min-height:550px;} .Membership-Block-Large h2{ font-size:24px; font-weight:300; margin:10px 0px;} .Membership-Block-Large h2 span{ font-weight:900;} .Membership-Block-Large h3{ font-size:15px; font-weight:500; margin:0px; margin-bottom:20px; color:#2a343e; } .Membership-Block-Large h4{ font-size:16px; font-weight:600; margin:20px 0px; margin-top:40px; color:#444f5b; } .Membership-Block-Large ul{ margin:0px; margin-bottom:20px;} .Membership-Block-Large ul li{ list-style:none; padding:5px 0px; margin:0px; color:#444f5b; font-size:13px; font-weight:400;} .Membership-Block-Large .Cost{ font-size:16px; line-height:20px; font-weight:500;margin-bottom:15px; } .Membership-Block-Large .Membership-Logo{ margin-bottom:0px;} .Membership-Block-Large .Membership-Logo img{ height:100%; width:auto; max-height:85px;} .Member-Genie{ width:100%; height:auto; max-width:150px; margin-bottom:10px; margin-top:35px;} /*--- 06 Mar 2018-----*/ /*--- Side Panel Menu ---*/ .SidePanelMenu{ margin-bottom:-20px;} .SidePanelMenu .panel{ font-family:Roboto; font-size:12px; border:none;} .SidePanelMenu #MainMenu{ max-height:550px; overflow-y:auto;} .SidePanelMenu a.list-group-item-success{ color:#444f5b; border-top:solid 1px #e5e5e5;font-weight:500;} .SidePanelMenu a.list-group-item-success img{ margin-right:10px;} .SidePanelMenu a.list-group-item-success .fa-caret-down{ margin-left:10px;} .SidePanelMenu .list-group-item:first-child{ border-radius:0px;} .SidePanelMenu .list-group-item{ border:none; border-top:solid 1px #f5f5f5;} .SidePanelMenu .list-group-item-success{ background:none; } .SidePanelMenu a.list-group-item-success:hover, .SideBarMenu a.list-group-item-success:focus{ background-color:#f5f5f5;} .SidePanelMenu .Disabled-Link{ color:#939598!important;} .SidePanelMenu .list-group-item a{ color:#444f5b; } .SidePanelMenu .Disabled-Link a{ background: none; color:#939598!important; } .SidePanelMenu a.list-group-item-success.Enabled-Link{ background:none; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Tick-Green.png) no-repeat 20px 14px!important; padding-left:40px;} .SidePanelMenu a.list-group-item-success.Disabled-Link { background:none!important; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Tick-Gray.png) no-repeat 20px 14px!important; padding-left:40px;} .SidePanelMenu a.list-group-item-success.Display-None { display:none;} .PaddingLeft40 {padding-left:40px;} /*--nav menu classes --*/ #bs-example-navbar-collapse-1 > ul > li:hover > ul, #bs-example-navbar-collapse-1 > ul > li > ul > li:hover > ul{ display: block; } /*.CertificateImg{display:none;}*/ .mini-content>.mini-content-item>.mini-content-post>.img{ margin-bottom:-20px!important;} .upcoming > div:first-of-type > div, .upcoming > div:first-of-type > button{ display: none; } /*--- 27 Mar 2018 (Membership & AmbassadorMempbership)-----*/ .AmbassadorMempbership-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/AmbassadorMempbership-BG.jpg) no-repeat center top #27374c; padding: 60px 30px 20px 30px; margin-bottom:00px; } .AmbassadorMempbership-BG h1{font-size: 34px; font-weight: 900; margin: 0px; margin-bottom:40px; letter-spacing: -0.00em; color: #fff!important; } .AmbassadorMempbership-BG h5{font-size: 20px; font-weight: 300; margin: 0px; margin-top:20px; color: #fff!important; } .AmbassadorMempbership-BG h6{font-size: 18px; font-weight: 700; margin: 0px; margin-top:30px; color: #fdb414!important; } .ColorInfo-Block-Area{ width:100%; display:block; margin-bottom:40px;} .ColorInfo-Block{ background:#444f5b; width:20%; display:inline-block; height:180px; padding:40px 15px; text-align:center; font-size:14px; font-weight:500; color:#fff; float:left;} .ColorInfo-Block h1{ font-size: 30px; font-weight: 200; letter-spacing: -0.00em; color: #fff; margin:0px; margin-bottom:20px;} .RedBlock{ background:#ef483b;} .OrangeBlock{ background:#fbb416;} .GreenBlock{ background:#94c83c;} .BlueBlock{ background:#49c4d7;} .DarkBlueBlock{ background:#5d94cf;} .WhiteBlock-NoMargin{ background:#fff; padding:20px; margin:0px; margin-left:-15px; margin-right:-15px; border:solid 1px #f5f5f5; min-height:310px;} .WhiteBlock-NoMargin h3{ font-size:15px; color:#2a343e; font-weight:500; margin:20px 0px;} .WhiteBlock-NoMargin h4{ font-size:14px; color:#2a343e; font-weight:600; margin:0px;} .AmbassadorMempbership-Img{ width:auto; height:100%; max-height:200px; margin:20px 0px;} .WhiteBlock-Shadow{ padding:30px; border: solid 1px #dfdfdf; box-shadow: 0px 0px 20px #d1d2d4; background: url(../images/Color-Brand2.jpg) no-repeat center top #fff; background-size: contain;} .WhiteBlock-Shadow p{ color:#444f5b; } .WhiteBlock-Shadow h1{ color:#5a6168; } .WhiteBlock-Shadow h2{ color:#5a6168; font-size:24px; font-weight:300; margin:10px 0px; } .WhiteBlock-Shadow h4{ color:#ef483b; font-size:18px; font-weight:800; margin:10px 0px; text-transform:uppercase;} .WhiteBlock-Shadow h6{ color:#ef483b; font-size:14px; font-weight:600; margin:10px 0px;} .Membership-BG{ min-height:auto; padding: 50px 30px 10px 30px;} .AmbassadorSide-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/AmbassadorSide-BG.jpg) no-repeat left center; padding-left:190px;} .GeniusSide-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/GeniusSide-BG.jpg) no-repeat right center; padding-right:190px;} .Membership-Main-Block{ background:#fff; padding:20px; box-shadow: 0px 0px 10px #8a8c8c;} .Membership-Main-Block ul{ margin:0px; margin-bottom:20px;} .Membership-Main-Block ul li{ list-style:none; padding:5px 0px; margin:0px; color:#444f5b; font-size:13px; font-weight:400;} .Membership-Main-Block .Membership-Logo{ margin:10px 0px;} .Membership-Main-Block .Membership-Logo img{ height:100%; width:auto; max-height:85px;} .Block-FooterArea{ background:#5a6168; padding:20px; box-shadow: 0px 5px 15px #8a8c8c;} .Block-FooterArea .Cost{ color:#fff; font-size:16px; font-weight:600; margin:0px 20px;} .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .CompanyDetail-Block-Company{display: block; background-size: contain;} .CompanyDetail-Block-Company img{ min-height:240px; } .CompanyDetail-Block-Company .carousel-indicators{ position:absolute; top:15px; right:0px;} .RedLeftBorder {border-left: solid 10px #ef483b;} .BlueLeftBorder {border-left: solid 10px #4ac4d5;} .GreenLeftBorder {border-left: solid 10px #9dcb57;} .OrangeLeftBorder {border-left: solid 10px #fbb416;} .GrayLeftBorder {border-left: solid 10px #939598;} /*--- 17 Apr 2018-----*/ .GeniusPaywall-Popup-BG{ text-align:center; background: url(/remoteimages/website-images/2017_SiteRedesign/images/GeniusPaywall-Popup-BG.jpg) no-repeat center bottom #ef483b; padding:50px 20px; padding-bottom:0px;} .GeniusPaywall-Popup-BG h2{ color:#fff; font-size:24px; font-weight:300;} .GeniusPaywall-Popup-BG h4{ color:#fff; font-size:16px; font-weight:700;} .GeniusPaywall-Popup-BG h5{ color:#fff; font-size:15px; font-weight:400;} .GeniusPaywall-Popup-Content{ text-align:left; padding:50px 00px; padding-right:30px; } .GeniusPaywall-Popup-Content h1{ color:#2a343e; font-size:24px; font-weight:800; margin-top:0px;} .GeniusPaywall-Popup-Content h3{ color:#2a343e!important; font-size:18px!important; font-weight:800!important; margin-bottom:5px; text-shadow: none!important;} .GeniusPaywall-Popup-Content h4{ color:#ef483b; font-size:16px; font-weight:500;} .GeniusPaywall-Popup-Content h4 a{ color:#5c93ce; font-weight:700;} .GeniusPaywall-Popup-Content h5{ color:#444f5b; font-size:15px; font-weight:400; margin:40px 0px; line-height:22px;} .GeniusPaywall-Popup-Content h6{ color:#939598; font-size:13px; font-weight:400; margin-top:40px;} .GeniusPaywall-Popup-Content h6 a{ color:#939598;} .ModalClose{ position:absolute; top:15px; right:20px; margin-left:10px;} .ModalClose .btn{ padding:5px 10px; background:#fff; border:solid 1px #ccc; font-size:11px; font-weight:500;} .ModalClose .btn:hover{ background:#ccc; color:#333;} /*--- 24 Apr 2018-----*/ .Tab-View{ display:none;} .ModalSmallTxt{ font-size:11px; line-height:12px; padding:10px 0px;} /*--- 26 Apr 2018-----*/ .GotoTopBtn{ background:#94c83c; color:#fff; padding:3px 5px; font-size:11px; text-transform:uppercase; font-weight:500; margin:0px; float:right;} /*--- 31 May 2018 (Certification Recertification) ---*/ .Recertification-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/Recertification-BG.jpg) no-repeat center center #27374c; padding: 60px 20px 40px 20px; margin:30px 0px; text-align:center;} .Recertification-BG h1{font-size: 34px; font-weight: 900; margin: 0px; margin-bottom:40px; letter-spacing: -0.00em; color: #49c4d7!important; } .Recertification-BG h2{font-size: 28px; font-weight: 300; margin: 10px 0px; line-height:36px; color: #fff; } .Recertification-BG h3{font-size: 22px; font-weight: 800; margin: 20px 0px; line-height:36px; color: #fdb414; } .Recertification-BG p{ font-size:13px; color:#fff;} .Recertification-BG-Logo{ width:100%; height:auto; max-width:180px; margin:20px 0px;} /*--- 06 Jun 2018 (About Us Inside Pages) ---*/ .Icon100-Left{ height:100px; width:auto; margin-bottom:15px; margin-right:15px; margin-top:5px; float:left;} .Icon80-Left{ height:80px; width:auto; margin-bottom:15px; margin-right:15px; margin-top:5px; float:left;} .Icon50-Left{ height:50px; width:auto; margin-bottom:10px; margin-right:15px; margin-top:5px; float:left;} .FunBox-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/FunBox-BG.jpg) no-repeat right bottom #f0f0eb; padding: 00px 0px 0px 0px; margin:0px; margin-bottom:30px;} .FunBox-Content{font-size: 13px; font-weight: 400; color: #fff; margin:0px;padding: 30px 20px; min-height:300px; background: linear-gradient(-20deg, #ad378c, #512d7b); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-20deg, #ad378c, #512d7b); /*Safari 5.1-6*/ background: -o-linear-gradient(-20deg, #ad378c, #512d7b); /*Opera 11.1-12*/ background: -moz-linear-gradient(-20deg, #ad378c, #512d7b); /*Fx 3.6-15*/ } .FunBox-Content-Img{ float:left; margin-right:20px; margin-top:5px; margin-bottom:20px;} .FunBox-Content p{font-size:15px!important; color:#fff; font-weight:600;} .FunBox-Content p span{ font-size:12px; color:#ff9bab; font-weight:400; line-height:10px;} .FunBox-Content p a{color:#fff;} .FunBox-Content p a:hover{ text-decoration:none;} .FunSmallImg{ width:100%; height:auto; max-width:120px; margin-bottom:10px; margin-right:-10px; margin-top:-10px; float:right;} /*--- 21 June 2018 (Cart Page & Store Page) ---*/ .CartMain-Block{ background:#fff; color:#939598; margin:20px 0px; padding:20px 15px; padding-bottom:10px; border-bottom: solid 2px #d1d2d4; min-height:720px;} .CartIcon-Place{ position:absolute; width:80px; height:80px; left:0px; top:-20px; float:left; margin-right:20px;} .CartMain-Block hr{border-top: 2px solid #ededed; margin-bottom: 20px; margin-top: 20px; margin-left: -15px; margin-right: -15px;} .CartMain-Block h1{ font-size:16px; font-weight:900; margin:0px; margin-bottom:20px; padding-left:90px; text-transform:uppercase; line-height:19px; letter-spacing:0.05em;} .CartMain-Block h1 span{ font-size:12px; font-weight:600; color:#444f5b; text-transform:none; letter-spacing:0em;} .CartMain-Block h2{ font-size:16px; font-weight:800; margin:0px; margin-bottom:15px;} .CartMain-Block h4{ font-size:14px; font-weight:500; margin:0px; margin-bottom:15px;} .CartMain-Block h4 .ExtraSmallBtn{ margin:0px; margin-top:-5px;} .CartMain-Block input{ border:none; border-bottom:solid 1px #e5e5e5; margin-bottom:10px; padding:8px 0px; color: #212121; } .CartArea-Block{ padding:0px 20px; height:300px; margin-left:-15px; margin-right:-15px; margin-bottom:20px; margin-top:-20px; background:#fff; border-bottom: solid 2px #fbb416; overflow-y: auto; overflow-x: hidden; font-size:13px; line-height:24px;} .CartArea-Block span{ color:#444f5b; font-weight:500;} .CartArea-Block hr{border-top: 1px solid #f5f5f5; margin-bottom: 0px; margin-top: 15px; margin-left: -20px; margin-right: -20px;} .CartIcon-Small{ width:16px; height:16px; margin:0px; padding:0px; margin-top:-2px; margin-left:5px; margin-right:5px; opacity:0.75;} .PayBtn{ background:#fbb416; color:#fff; height:58px; font-size:14px; font-weight:500; text-transform:uppercase; width:100%; border-radius:4px;} .CardBlock{ background:#fff; border:solid 1px #e5e5e5; box-shadow: 2px 5px 10px #d1d2d4; padding:10px 20px; border-radius:5px; margin:10px 5px 10px 5px;} .CardBlock label{ text-transform:uppercase; font-size:10px; font-weight:500; color:#49c4d7; margin:0px;} .CardBlock select{ border:none!important; border-bottom:solid 1px #e5e5e5!important; margin-bottom:10px; padding:8px 2px!important; } .Data-NoPadding-Block{ padding:0px 15px 10px 15px; border-bottom:solid 1px #ececec; margin:5px 0px; margin-left:-15px; margin-right:-15px;} .Data-NoPadding-Block h2{ font-size:18px; font-weight:400; color:#94c83c; margin:10px 0px;} .Data-NoPadding-Block h5{ font-size:13px; font-weight:500; color:#5d94cf; margin:10px 0px; line-height:20px;} .Data-NoPadding-Block p{ font-size:12px!important; color:#969696; margin:0px;} .Data-NoPadding-Block hr{ margin:10px 0px; border-top: solid 1px #ededed;} .SmallInputBox{ padding:2px 4px; max-width:30px; height:24px; text-align:center; font-size:12px;} .Price-Block{ text-align:right;} .CC-Type{ position:absolute; bottom:22px; right:16px;} /*--- 29 June 2018 (Upcoming Virtual Events Page) ---*/ .Gray-Block{ background:#f8f8f8; margin:10px 0px; border:solid 1px #e8e8e8; border-bottom:solid 2px #e8e8e8; padding:20px; padding-bottom:10px;} .Gray-Block:hover{ background:#fafafa; border-bottom:solid 2px #d1d1d1;} .GeenLabel{position:absolute; width:80px; height:80px; left:12px; top:7px; background: url(../images/Green-Label.png) no-repeat 0px 0px; z-index:1;} .Gray-Block hr{ border-top: 1px solid #e0e0e0; margin-bottom:10px; margin-top:10px;} .Gray-Block h4{ font-size:16px; font-weight:600; color:#2a343e; margin:0px; margin-bottom:15px; padding:3px 0px; padding-left:35px;} .Gray-Block h4 a{ color:#005777;} .Gray-Block h6{ font-size:14px; font-weight:500; margin:10px 0px;} /*--- 06 July 2018---*/ .Profile-SmallLink-Block{ float:left; background:#f9f9f9; border:1px solid #eee; padding:5px; padding-top:10px; margin:0px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:12px; font-weight:500; min-width:76px;} .Profile-SmallLink-Block:hover{border-bottom:1px solid #48c4d6; background:#fff;} .Profile-SmallLink-Block a{ color:#444f5b;} .Profile-SmallLink-Block img{ margin-bottom:5px; width:30px; height:30px;} /*--- 06 July 2018 (About Us Inside Pages)---*/ #filter{ text-align: center; font-size: 13px!important; font-weight: 500; color: #969696; margin:0; } ul#filter li{ border:none!important; margin: 0px 3px 3px 0px; float: left; list-style:none; padding:0px!important;} ul#filter li a{color: #444f5b; padding: 12px 15px; display: inline-block; background:#fff;} ul#filter li a:hover{color: #fff; background:#444f5b;} ul#filter li:last-child{border-right: none;} ul#filter li.current a { color: #fff; background:#48c4d6;} /*.TeamMember-Block{ background:#fff; min-height:415px; padding:0px; margin-bottom:30px; text-align:left; } .TeamMember-Block a:link{ text-decoration:none!important;} .TeamMember-Block a:hover{ text-decoration:none!important;} .TeamMember-Block:hover{ box-shadow:0px 5px 20px #d1d2d4; text-decoration:none!important;} .TeamMember-Block .RoundBtn{ margin-right:0px; border-radius:50%; text-align:center; width:28px; height:28px; padding:4px;} .TeamMember-Block .RoundBtn img{ display: block; width: 16px; height: auto; margin-left:1px;} .TeamMember-Img{padding:30px; padding-bottom:0px; max-height: 230px; overflow: hidden;} .TeamMember-Img img{ width:100%; height:auto; max-width:200px;} .TeamMember-Info{ padding:20px 30px;} .TeamMember-Info h1{ color:#48c4d6; font-size:12px; text-transform: uppercase; font-weight:900; margin:0px; line-height:20px; letter-spacing:0.03em;} .TeamMember-Info h1 .FirstWord-Element{color:#444f5b; font-size:24px; text-transform:capitalize; letter-spacing:0em; } .TeamMember-Info h2{ color:#444f5b; font-size:20px; font-weight:900; margin:0px; line-height:24px; text-transform:capitalize;} .TeamMember-Info h5{ color:#444f5b; font-size:14px; font-weight:500; text-transform:capitalize; line-height:20px; margin:0px; margin-top:10px; min-height: 45px;} .TeamMember-Info h6{ color:#939598; font-size:12px; font-weight:400; line-height:18px; margin:0px; margin-top:10px;} .TeamMember-Block .ExtraSmallBtn{ padding:5px; min-width:30px; min-height:30px; border-radius:50%; text-align:center; margin-right:5px; border:solid 1px #f5f5f5;} .TeamMember-Block .ExtraSmallBtn .glyphicon{ font-size:12px; margin-right:0px;} .TeamMember-Block .ExtraSmallBtn img{ width:18px; height:auto;}*/ .TeamMember-Block{ background:#fff; min-height:365px; padding:0px; margin-bottom:20px; text-align:left; width:18%; float:left; margin-left:15px;} .TeamMember-Block a:link{ text-decoration:none!important;} .TeamMember-Block a:hover{ text-decoration:none!important;} .TeamMember-Block:hover{ box-shadow:0px 5px 20px #d1d2d4; text-decoration:none!important;} .TeamMember-Block .RoundBtn{ margin-right:0px; border-radius:50%; text-align:center; width:28px; height:28px; padding:4px; } .TeamMember-Block .RoundBtn img{ display: block; width: 16px; height: auto; margin-left:1px;} .TeamMember-Img{padding:20px; padding-bottom:0px; height: 170px; overflow: hidden;} .TeamMember-Img img{width:100%; height:auto; max-width:170px;} .TeamMember-Info{ padding:20px 20px;} .TeamMember-Info h1{ color:#48c4d6; font-size:12px; text-transform: uppercase; font-weight:900; margin:0px; line-height:20px; letter-spacing:0.03em;} .TeamMember-Info h1 .FirstWord-Element{color:#444f5b; font-size:24px; text-transform:capitalize; letter-spacing:0em; } .TeamMember-Info h2{ color:#444f5b; font-size:20px; font-weight:900; margin:0px; line-height:24px; text-transform:capitalize;} .TeamMember-Info h5{ color:#444f5b; font-size:14px; font-weight:500; text-transform:capitalize; line-height:20px; margin:0px; margin-top:10px; min-height: 60px;} .TeamMember-Info h6{ color:#939598; font-size:12px; font-weight:400; line-height:18px; margin:0px; margin-top:10px;} .TeamMember-Info h1 a:hover{text-decoration:none!important;} .TeamMember-Info h2 a:hover{text-decoration:none!important;} .TeamMember-Info h5 a:hover{text-decoration:none!important;} .TeamMember-Info h6 a:hover{text-decoration:none!important;} .TeamMember-Block .ExtraSmallBtn{ padding:5px; min-width:30px; min-height:30px; border-radius:50%; text-align:center; margin-right:5px; border:solid 1px #f5f5f5;} .TeamMember-Block .ExtraSmallBtn .glyphicon{ font-size:12px; margin-right:0px;} .TeamMember-Block .ExtraSmallBtn img{ width:18px; height:auto;} .SM-Block-30 .btn{ margin:0 2px;} .SM-Block-30 .btn img{ width:20px; height:auto;} .SM-Block-30 .btn .glyphicon{ font-size:12px; margin:4px; color:#fff;} .PageLink-WhiteBlock{ background:#fff;box-shadow:0px 5px 15px #d1d2d4; margin:0px; margin-bottom:30px; padding:30px; border-bottom:solid 3px #598cc3; text-align:center;} .PageLink{ margin:0px; padding:0px; font-size:14px; font-weight:600; text-transform:uppercase;} .PageLink li{ display:inline-block; list-style:none;} .PageLink li a{color:#598cc3; padding:15px;} .PageLink li a:hover{color:#2a343e;box-shadow:0px 3px 15px #bdc4cc;} .LargeMargin-Block{ margin:80px 00px; padding:0px 20px;} .LargeMargin-Block h6{ font-size:12px; font-weight:800; color:#969696; margin:0px; text-transform:uppercase; letter-spacing:0.05em;} .Ambassador-Membership-Home-Pic{ width:100%; height:auto; max-width:443px; margin-top:30px;} .Ambassador-Membership-Popup-Pic{ width:100%; height:auto; max-width:290px; margin-top:20px; margin-bottom:-40px;} .RoundBlock-Number { background:#fbb416; width:30px; height:30px; border-radius:50%; float:left; margin:0px; margin-right:15px; text-align:center; justify-content: center; align-items: center; padding:6px 2px; font-size:16px; color:#fff;} .Dark .RoundBlock-Number{margin-top:-5px;} .Dark hr{ border-top:dashed 1px #d1d2d4!important;} .White{ color:#fff!important;} .PageLink-DarkBlock{ background:#444f5b;margin:0px; margin-bottom:20px; padding:19px 0px 18px 0px; text-align:center; font-size:14px; font-weight:500; text-transform:uppercase;} .PageLink-DarkBlock ul{ margin:0px;} .PageLink-DarkBlock li{ display:inline-block; list-style:none;} .PageLink-DarkBlock li a{color:#fff; padding:20px 20px;} .PageLink-DarkBlock li a:hover{ background:#2a343e; color:#fbb416;} .PageLink-DarkBlock .active, .PageLink-DarkBlock .active:hover{ background:#ef483b; color:#fff;} /*--- 17 Aug 2018 (Vendor Advertising Pages)-----*/ .VendorAdvertising-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/VendorAdvertising-BG.jpg) no-repeat right bottom #edf2f6; padding: 50px 50px; margin:0px;} .VendorAdvertising-BG h1{ background: #2c353f; padding: 30px; font-size: 45px; color: #fff; font-weight:900; margin:0px; margin-bottom:20px;} .VendorAdvertising-BG h2{ font-size:30px; font-weight:800; margin:0px; margin-bottom:10px;} .VendorAdvertising-BG h3{ font-size:20px; font-weight:600; margin:0px; margin-bottom:20px;} .VendorAdvertising-BG h4{ font-size:16px; font-weight:500; color:#444f5b; margin:0px; margin-bottom:20px;line-height:24px;} .VendorAdvertising-BG h6{ font-size:15px; font-weight:500; color:#444f5b; margin:0px; margin-bottom:10px;} .GrowingYourBrand-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/GrowingYourBrand-BG.jpg) no-repeat center bottom #fff; padding: 40px 40px; margin:0px;} .ShowcaseYourContent-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/ShowcaseYourContent-BG.jpg) no-repeat right bottom #fff; padding: 40px 40px; margin:0px;} .ConnectWithOurCommunity-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/ConnectWithOurCommunity-BG.jpg) no-repeat right bottom #fff; padding: 40px 40px; margin:0px;} .VendorAdvertising-ContactInfo-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/VendorAdvertising-ContactInfo-BG.jpg) no-repeat 95% 96% #fff; padding:20px; margin:0px;} .VendorAdvertising-BG:hover{ text-decoration:none!important;} .GrowingYourBrand-BG:hover{ text-decoration:none!important;} .ShowcaseYourContent-BG:hover{ text-decoration:none!important;} .ConnectWithOurCommunity-BG:hover{ text-decoration:none!important;} .VendorAdvertising-ContactInfo-BG h4{ font-size:18px; font-weight:600; color:#4ac4d5; margin:0px; margin-bottom:10px;} .WhiteBlock-P40{ background:#fff; padding:50px;} .WhiteBlock-P40 h1{ font-size:32px; font-weight:800; margin:0px; margin-bottom:20px;} .WhiteBlock-P40 h4{ font-size:15px; font-weight:400; color:#444f5b; margin:0px; margin-bottom:15px;line-height:24px;} .WhiteBlock-P40 hr{ margin-top:20px; margin-bottom:20px;} .AD-Img-Block{ background:#f5f5f5; border:solid 1px #ececec; text-align:center; padding:25px; min-height:320px;} .AD-Img-Block img{ width:100%; height:auto;} .Large-BulletTxt{ margin:0px; margin-bottom:10px;} .Large-BulletTxt li { list-style: none; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Notification-Small.png) no-repeat 0px 9px; margin: 0px; padding: 5px 0px; padding-left: 30px; } /*--- 27 Sept 2018 (Vendor Advertising Pages) ---*/ .VendorAdvertising-Top-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/VendorAdvertising-Top-BG.jpg) no-repeat center center #2b4452; padding: 60px 30px; margin-bottom:0px; } .VendorAdvertising-Top-BG h1{ font-size:36px; font-weight:800; color:#fff; margin:0px; margin-bottom:20px;} .VendorAdvertising-Top-BG h3{ font-size:20px; font-weight:600; color:#fbb416; margin:0px; margin-bottom:20px;} .VendorAdvertising-Top-BG .btn{ margin:10px;} .PageLink-DarkBlock{ background:#444f5b;margin:0px; margin-bottom:20px; padding:19px 0px 18px 0px; text-align:center; font-size:14px; font-weight:500; text-transform:uppercase;} .PageLink-DarkBlock ul{ margin:0px;} .PageLink-DarkBlock li{ display:inline-block; list-style:none;} .PageLink-DarkBlock li a{color:#fff; padding:20px 20px;} .PageLink-DarkBlock li a:hover{ background:#2a343e; color:#fbb416;} .PageLink-DarkBlock .active, .PageLink-DarkBlock .active:hover{ background:#ef483b; color:#fff;} .BlueGradient-Block{background: linear-gradient(to right, #178bb0 0%, #1b71ac 100%); padding:40px; margin-bottom:30px;} .LargeColor-Block h4{ color:#fff; font-size:18px; font-weight:400; line-height:30px; margin:0px; margin-bottom:20px;} .LargeColor-Block .btn { background:#94c83c; color: #fff; font-size:16px; font-weight: 500; border: solid 1px #94c83c; padding:15px 30px; border-radius:3px; margin:0px; margin:5px; box-shadow: 0px 7px 20px #085081;} .LargeColor-Block .btn:hover { background:#fff; border: solid 1px #fff; color: #2a343e;} .navbar-fixed { top: 0; z-index: 1000; position: fixed; width: 100%; max-width:1140px;} .AD-EmailCampaign{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-EmailCampaign.jpg) no-repeat center center #2b4452;padding: 80px 30px;} .AD-Research{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Research.jpg) no-repeat center center #2b4452;padding: 80px 30px;} .AD-Webcast{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast.jpg) no-repeat center center #2b4452;padding: 80px 30px;} .AD-Online{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Online.jpg) no-repeat center center #2b4452;padding: 80px 30px;} .AD-TAP{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-TAP.jpg) no-repeat center center #2b4452;padding: 80px 30px;} .AD-ePublications{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-ePublications.jpg) no-repeat center center #2b4452;padding: 80px 30px;} .Large-Icon-Round{ width:100%; height:auto; max-width:200px; margin-bottom:15px; border-radius:50%;} .AD-Main-Mid-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Main-Image-02.jpg) no-repeat left center; padding: 10px 0px; margin-bottom:0px; } /*--- 23 Oct 2018 (HRMI Landing Page)-----*/ .HRMI-Landing-Top-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/HRMI-Landing-Top-BG.jpg) no-repeat center center #2b4452; padding: 60px 30px; margin-bottom:30px; } .HRMI-Landing-Top-BG h1{ font-size:36px; font-weight:800; color:#fff; margin:0px; margin-bottom:20px; line-height:40px;} .HRMI-Landing-Top-BG h3{ font-size:20px; font-weight:600; color:#fbb416; margin:0px; margin-bottom:20px; line-height:30px;} .HRMI-Landing-Top-BG .btn{ margin:10px;} .Check-BulletTxt{ margin:0px; margin-bottom:10px;} .Check-BulletTxt li { list-style: none; background: url(/remoteimages/website-images/2017_SiteRedesign/images/checked-new.png) no-repeat 0px 5px; margin: 0px; padding: 7px 0px; padding-left: 30px; } .Testimonial-Large-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/Testimonial-Large-BG.jpg) no-repeat center bottom ; padding: 40px 50px; padding-bottom:250px; margin:30px 0px; border-bottom:solid 5px #fbb416;} .Testimonial-Large-BG h5{ font-size:14px; font-weight:500; margin:10px 0px;} .Testimonial-Large-BG p {margin-bottom:15px;} /*--- 19 Nov 2018 (MyCredits Page)-----*/ .Credits-Top-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/Credits-Top-BG.jpg) no-repeat center top #626a72; padding: 60px 30px; margin-bottom:30px; } .Credits-Top-BG h1{ font-size:30px; font-weight:800; color:#fbb416; margin:0px; margin-bottom:20px; line-height:40px;} .Credits-Top-BG p{ font-size:14px!important;} .Credits-Top-BG .LargeBtn{ margin-left:0px; margin-top:20px; margin-right:10px;} .Credits-Top-BG .BlueBox{ margin-top:15px; padding:20px; color:#2a343e;} .Credits-Top-BG .BlueBox h5{font-size:16px; font-weight:600; color:#fff; margin:0px; margin-bottom:20px;} .Credits-Top-BG .BlueBox li{ list-style:none; font-weight:500; margin-bottom:5px;} .WhiteBlock-Small{ background:#fff; padding:10px 15px; color:#4ac4d5; font-size:14px; font-weight:500; margin:2px; margin-left:0px; width:auto;} /*--- 19 Mar 2018 (User Details)-----*/ .CompanyDetail-Block-Info{ font-size:12px; border:none!important; text-align:left;} .tab_content h3{ font-size:16px; margin-top:0px; color:#444f5b;} .UserDetail-Block{ background-color:#fff; border-bottom:solid 3px #d1d2d4; padding:30px; padding-bottom:20px; margin-bottom:20px;} .UserDetail-Block h1{ color:#444f5b; font-size:20px; font-weight:500; margin:0px 0px; margin-bottom:10px;text-transform: capitalize;} .UserDetail-Block h2{ color:#444f5b; font-size:16px; font-weight:300; margin:10px 0px; margin-top:15px;} .UserDetail-Block h2 span{font-weight:800;} .UserDetail-Block h2 span a{color:#444f5b; } .UserDetail-Block h6{ color:#4ac4d5; font-size:14px; font-weight:500; margin:0px 0px; margin-bottom:10px;} .UserDetail-Block-Footer{ background-color:#fff; border-bottom:solid 3px #d1d2d4; padding:15px 30px; margin-bottom:20px; font-size:12px; color:#939598;} .UserDetail-Block p{ font-size:12px!important; color:#939598; margin-bottom:5px;} .ContentIcon{ width:24px; height:auto; margin-right:5px; margin-bottom:5px;} .ActivityBlock{ width:16px; height:16px; float:left; margin-right:2px; background:#f5f5f5;} .ActivityBlock.ActiveBlock{ background:#94c83c;} .UserDetail-Block-Footer h5{ margin:0px; margin-bottom:10px; margin-top:10px; font-size:15px;} .tab_content .panel-body{ max-height: inherit!important;} .tab_content .panel-body .SubHeader{ color:#ef483b;} .tab_content .panel-title { background: url(/remoteimages/website-images/2017_SiteRedesign/images/Plus-18.png) no-repeat 5px 0px; padding:2px 0px 2px 30px;} .tab_content .panel-default > .panel-heading{ padding:15px 10px;} /*--- 17 Aug 2018 (User Profile)-----*/ .UserDetail-Block .ProfilePic{ width: 100%; height: auto; max-width: 160px; border-radius:50%; margin-bottom: 10px;} .UserDetail-Block p { margin-bottom:10px;} .UserDetail-Block .progress{ height: 16px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1); border-radius: 2px; max-width:160px; margin-bottom:10px;} .UserDetail-Block .progress-bar{ background-color: #94c83c; box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0); font-size: 11px; line-height: 17px; color: #fff; text-align: right; padding-right:5px;} .Red-Dot { background:#ff5252; position: absolute; top: 10px; left: 20px; width: 15px; height: 15px; border-radius: 50%;} .LargeNumber24{ font-size:24px; font-weight:400; letter-spacing:-0.05em;} .LargeNumber20{ font-size:20px; font-weight:400; letter-spacing:-0.05em;} .PhotoGallery{ width:100%; clear:both; display:block;} .PhotoGallery-Item{ float:left; position:relative; width:124px; height:124px; margin:2px; overflow:hidden; display: flex; justify-content: center; align-items: center; background:#f5f5f5;} .PhotoGallery-Item img{ height:100%; width:auto; } .ContentPost-Block{ background:#fff; border:solid 1px #ededed; border-bottom:solid 1px #d0d0d0; padding:15px 20px; margin:0px; margin-bottom:3px; border-radius:5px} .ContentPost-Block hr{ margin-left:-20px; margin-right:-20px; margin-bottom:10px; margin-top:10px; border-top: 1px solid #ededed;} .ContentPost-Block .ExtraSmallBtn{ margin-bottom:0px;} .ContentPost-Block h3{ font-size:14px; font-weight:500; color:#245d9b; margin:0px; margin-bottom:10px; line-height:24px;} .ContentPost-Block h5{ font-size:13px; font-weight:400; color:#939598; margin:0px; margin-bottom:10px;} .ContentPost-Block h5 a{ font-weight:500; color:#444f5b;} .ContentPost-Block h6{ font-size:11px; font-weight:500; color:#444f5b; margin:0px;} .ContentPost-Block p{ color:#939598; margin-bottom:10px;} .GrayBlock-NoPadding{ background:#f9f9f9; min-height:72px; border-bottom:solid 1px #eee;} .GrayBlock-NoPadding .btn{ margin-top:15px;} .New-Home-Mid-Block{ width:41.40%; float:left; margin-right:30px;} .New-Home-Right-Block{width: 300px; float: left; margin-right: 0px;} .IndexSliderBlock { background-color: #444f5b; height:150px;} .IndexSliderBlock h1 span{ color:#dbee25;} .IndexSliderBlock .Date-Block{ margin-bottom:5px;} .IndexSliderBlock .btn{ margin-top:10px;} .IndexSliderBlock .ImageBlock { width: 120px; height:150px; padding: 20px;text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; margin-bottom: 0px; float: left; background-color: #fff; margin-right: 20px;} .BlogBlock{ background:#fff; border:solid 1px #e8ecf7; border-radius:3px; padding:20px; color:#d1d2d4; font-size:11px; margin-bottom:10px;} .BlogBlock .dropdown .btn {padding: 0px; margin: 0px; border: none;} .BlogBlock .dropdown .btn:hover{ background:none;} .BlogBlock .dropdown .btn img {display: block; width: 16px; height: auto;} .BlogBlock h4{ font-size:14px; font-weight:500; color:#ef483b; margin-bottom:20px;} .BlogBlock h4 a:link{ color:#ef483b;} .BlogBlock p{ font-size:12px; font-weight:400; color:#939598; margin-bottom:0px;} .BlogBlock p a:link{ color:#939598;} .BlogBlock-Img{ width:100%; height:auto; max-width:120px; margin-top:10px; margin-right:15px; float:left;} .ToggleBtnOrange{background: url(/remoteimages/website-images/2017_SiteRedesign/images/Toggle.png) no-repeat center center #fbb416; border:1px solid #fbb416; border:none; width:36px; height:36px; border-radius:3px; } .Cat-ItemBlock{background: #fff; border: solid 1px #ebebeb; text-align: center; padding:0px; margin-bottom: 30px; height: 165px;} .Cat-ItemBlock:hover{box-shadow: 0px 5px 10px #d1d2d4;} .Cat-ItemBlock h5 { font-size: 13px; color: #2a343e; font-weight: 500; margin:0px; line-height:18px; margin:-10px 15px 0px 15px;} .Cat-ItemBlock img{ margin-bottom:5px; width:100%; height:auto; max-width:320px;} .Cat-ItemBlock input[type=checkbox]:not(old) + label {padding-left: 20px; margin-right:0px;} .GreenLabel{position:absolute; width:80px; height:80px; left:12px; top:-3px; background: url(../images/Green-Label.png) no-repeat 0px 0px; z-index:1;} .IndexSliderBlock { background-color: #444f5b; height:150px;} .IndexSliderBlock h1 span{ color:#dbee25;} .IndexSliderBlock .Date-Block{ margin-bottom:5px;} .IndexSliderBlock .btn{ margin-top:10px;} .IndexSliderBlock .ImageBlock { width: 120px; height:150px; padding: 20px;text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; margin-bottom: 0px; float: left; background-color: #fff; margin-right: 20px;} /*--- 22 Jan 2019 (Group Landing Page)-----*/ .GroupBG{width:100%; position:absolute; height:230px; top:0px; left:15px; overflow: hidden; text-align:center; vertical-align:middle; padding:0px; display: flex; justify-content: center; align-items:center; max-width:1140px; background:#ff5252;} .GroupBG img{ width:100%; height:auto;} .ImageBlockCenter{width:120px; height:120px; text-align:center; vertical-align:middle;padding:0px; display: flex; justify-content: center; align-items: center; margin-bottom:0px; background:#fff;} .ImageBlockCenter img{ width:100%; height:auto; max-width:100px;} .GroupBGTxt{ } .GroupBGTxt h1{ font-size:24px; font-weight:600; color:#fff; margin:15px 0px;} .GroupBGTxt h1 span{ background:#1f272f; padding:10px 15px;} .GroupBGTxt h4{ font-size:16px; font-weight:800; color:#1f272f; margin:5px 0px; line-height:36px;} .GroupBGTxt h4 span{ background:#dbee25; padding:8px 12px;} .RoundBtn{ border-radius:50%; width:40px; height:40px; padding:10px; text-align:center; margin-right: 0px; border-style:dashed;} .RoundBtn .glyphicon{ margin:0px; font-size:16px;} .ImgBorderBlock{ background:#fff; border: solid 1px #ededed; padding:20px; margin:10px; width:100%; max-width:345px; height:380px; float:left;} .ImgBorderBlock hr{border-top: solid 1px #ededed; margin-left:-20px; margin-right:-20px;} .ImgBorderBlock .RoundBtn{ margin-bottom:5px;} .ImgBorderBlock-ImgBlock{width:100%; height:200px; overflow: hidden; text-align:center; vertical-align:middle; padding:0px; display: flex; justify-content: center; align-items:center; background: url(/remoteimages/website-images/2017_SiteRedesign/images/Resources-Img2.png) no-repeat center center #ededed; margin-bottom:20px;} .ImgBorderBlock-Img{ width:100%; height:auto;} .ActiveBlock{ background:#fff; border-bottom:solid 1px #4ac4d5;} .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*--- 30 Oct 2018 (SignUp Page)-----*/ .SignUp-BG{padding:40px 20px; margin-left:-15px; margin-right:-15px; margin-bottom:0px; background: linear-gradient(-20deg, #617182, #2a343e); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-20deg, #617182, #2a343e); /*Safari 5.1-6*/ background: -o-linear-gradient(-20deg, #617182, #2a343e); /*Opera 11.1-12*/ background: -moz-linear-gradient(-20deg, #617182, #2a343e); /*Fx 3.6-15*/} .SignUp-Left{ padding:65px 0px;} .SignUp-Left hr{ margin-top:25px; margin-bottom:25px; border-top: solid 2px #444f5b;} .SignUp-Left h2{ font-family:Cambria!important; color:#dbee25; font-size:42px; margin-bottom:10px;} .SignUp-Left h3{ color:#fff; font-size:30px; font-weight:200!important; line-height:42px;} .SignUp-BG .form-control { margin-top:0px!important; margin-bottom:10px!important;} .SignUp-BG input { margin-top:0px!important; margin-bottom:10px!important;} .SignUp-BG label{ color:#939598;} .SignUp-Left .progress{ height: 16px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1); border-radius: 2px; max-width:160px; margin-bottom:10px;} .SignUp-Left .progress-bar{ background-color: #94c83c; box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0); font-size: 11px; line-height: 17px; color: #fff; text-align: right; padding-right:5px;} .GreenLabel{position:absolute; width:80px; height:80px; left:12px; top:-3px; background: url(../images/Green-Label.png) no-repeat 0px 0px; z-index:1;} .ModalExtraLarge{width:85%;} .ModalExtraLarge .form-control { margin-top:0px!important; margin-bottom:10px!important;} .ModalExtraLarge input { margin-top:0px!important; margin-bottom:10px!important;} .ModalExtraLarge label{ color:#939598;} .InsideForm{ border:solid 2px #e5e5e5; padding:10px 15px; margin:15px 0px;} .InsideForm .form-control { margin-top:0px!important; margin-bottom:10px!important;} .InsideForm input { margin-top:0px!important; margin-bottom:10px!important;} .InsideForm label{ color:#939598;} .ModalClose .btn{ margin:0px; } .GeniusPaywall-Popup-Content{ padding:0px 10px!important;} .GeniusPaywall-Popup-Content .form-control { margin-top:0px!important; margin-bottom:10px!important; } .GeniusPaywall-Popup-Content input { margin-top:0px!important; margin-bottom:10px!important;} .GeniusPaywall-Popup-Content label{ color:#939598;} .GeniusPaywall-Popup-Content h2{ font-size:24px!important; font-weight:800!important; margin:0px 0px 5px 0px;} .GeniusPaywall-Popup-Content h5{ font-size:15px!important; font-weight:700!important; margin:0px; margin:10px 0px 5px 0px;} .LeftBorder{border-left: solid 1px #e9e9e9;} .ErrorBox{ border:solid 1px #ff5252!important;} .modal-content .progress{ height:15px;} .modal-content .progress-bar { background-color: #94c83c; box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0); } .UserTypeImg{ width:100%; height:auto; max-width:80px; margin:0px; margin-top:15px;} .GeniusPaywall-Popup-Content ul.tabs{border-bottom:solid 4px #ededed; font-family:Roboto!important;} .GeniusPaywall-Popup-Content ul.tabs li {background-color: #fff; font-weight:800; font-size:15px;} .GeniusPaywall-Popup-Content ul.tabs li:hover {background-color: #fff; color:#2a343e; border-bottom:solid 4px #2a343e; margin-bottom:-4px;} .GeniusPaywall-Popup-Content ul.tabs li.active {background-color: #fff; color: #ef483b; border-bottom:solid 4px #ef483b; margin-bottom:-4px; display: block;} .GeniusPaywall-Popup-Content .TabBlock{ margin:0px;} .GeniusPaywall-Popup-Content .tab_container{ overflow:visible;} .GeniusPaywall-Popup-Content .tab_content{ padding:10px 0px; } /*--- 11 Feb 2019 (HRMI Pages)-----*/ .HRMI-Logo-Inside{ width:100%; height:auto; max-width:240px; margin-bottom:20px;} .UpcomingHRMI .WebcastBlock{} .ArchivedWebcastHRMI .WebcastBlock{ } .ArchivedWebcastHRMI .WebcastBlock:hover{ box-shadow:0px 0px 0px #d1d2d4; border-bottom:solid 1px #939598;} .ArchivedWebcastHRMI .WebcastBlock h1{ background:none; padding:0px 20px; padding-left:0px; color:#444f5b;} .ArchivedWebcastHRMI .WebcastBlock h2{ display:none;} .ArchivedWebcastHRMI .WebcastBlock .Presenter-Name{ display:none;} .HR-Research .WebcastBlock h4{color:#444f5b; font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom:10px;} .HR-Research .WebcastBlock h4 a{ color:#4ac4d5} .HR-Research .WebcastBlock .reportDate{ color:#ef483b;font-weight:500; margin-bottom:10px;} .HR-Summits .Date-Block{ font-size:14px;} .HR-Summits .WebcastBlock h3{color:#444f5b; font-size: 18px; line-height: 24px; font-weight: 700; margin-top: 0px;} .HR-Summits .WebcastBlock h3 a{ color:#4ac4d5} .HR-Summits .WebcastBlock h4{color:#444f5b; font-size: 14px; line-height: 24px; font-weight: 500; margin-bottom:10px;} .HR-Summits .WebcastBlock-Right img { width: 100%; max-width: 120px; height:auto; } .HR-Summits .WebcastBlock-Right h3 { font-size: 14px; margin: 10px 0px;} /*--- Feb 2019 (Nag Screen)-----*/ .NagScreen-LeftBG{ padding-top:15px; background: linear-gradient(90deg, #fff, #f6f7fb); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(90deg, #fff, #f6f7fb); /*Safari 5.1-6*/ background: -o-linear-gradient(90deg, #fff, #f6f7fb); /*Opera 11.1-12*/ background: -moz-linear-gradient(90deg, #fff, #f6f7fb); /*Fx 3.6-15*/ background:#eff1f7; background:#fff;} .NagScreen-RightBG{background:#eff1f7; min-height:640px; padding-bottom:20px;} .NagScreen-RightBG input{background:#fff; margin:5px 0px;} .NagScreen-RightBG label{ font-weight:500!important;} .MultipleSelect{ background:#fff; background:url(/remoteimages/website-images/2017_SiteRedesign/images/ArrowDown.png) no-repeat 99% 50%!important #fff; border:solid 1px #e5e5e5; text-align:left; width:100%; padding:10px; padding-right:30px;} .MultipleSelect span{ float:right; color:#2a343e; font-weight:500;} .DropDown-ContentBlock{ border:solid 1px #e5e5e5; background:#fff; max-height:200px; overflow-y: auto; line-height: 20px; padding:10px 5px;} .DropDown-ContentBlock li{ list-style:none;} .NagScreen-LeftBG .DataTable h5{font-size:14px; font-weight:600; margin:5px 0px;} .NagScreen-LeftBG .DataTable tr{ border-bottom: solid 1px #eff1f7;} .NagScreen-LeftBG .DataTable .glyphicon{ font-size:13px; margin-right:5px; margin-top:5px;} .TxtLabel{ margin:5px 0px; font-size:14px; font-weight:600; color:#2a343e;} .TxtLabel .glyphicon{ font-size:15px; color:#ef483b;} .NagScreenImg{ width:100%; height:auto; max-width:400px; margin-bottom:20px;} /*--- 27 July 2018 (Site Landing Pages)---*/ .MainLanding-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/HRcom-HomeSplash.jpg) no-repeat center center #617182; background-size:cover; padding:40px 20px; padding-bottom:70px; margin-left:-15px; margin-right:-15px; margin-bottom:-90px;} .MainLanding-Top-Left{ text-align:left;} .MainLanding-Top-Right{ text-align:right;} .MainLanding-Content{background: url(../images/LandingPage-Genie.png) no-repeat 0px 0px; margin:60px 0px; padding-left:140px; min-height:120px;} .MainLanding-Content h1{ color:#fff; font-size:18px; margin:0px; margin-bottom:20px; padding:0px; text-transform:uppercase; font-weight:900; letter-spacing:0.1em; color:#94c83c; font-weight:800;} .MainLanding-Content h1 span{ padding-bottom:20px; border-bottom:solid 10px #fbb416;} .MainLanding-Content h2{color:#fff; font-size:32px; margin:0px; padding:0px; padding-top:30px;font-weight:300;} .MainLanding-WhiteBlock{ background:#fff; padding:30px 20px; border-top:solid 10px #b9cdd4; box-shadow:0px 0px 15px #4d5966; margin:0px; margin-bottom:30px; color:#7d8084;} .MainLanding-WhiteBlock h3{ color:#444f5b; font-size:20px; font-weight:800; margin:0px 0px 15px 0px; line-height:28px;} .MainLanding-WhiteBlock h4{ color:#444f5b; font-size:16px; font-weight:800; margin:15px 0px; text-transform:uppercase;} .MainLanding-Text h2{ color:#444f5b; font-size:30px; margin:20px 0px; font-weight:300; letter-spacing:-0.02em;} .MainLanding-Text h2 strong{ font-weight:900;} .MainLanding-Text h6{ color:#444f5b; font-size:14px; margin:20px 0px; font-weight:400; line-height:24px;} #MainLandingCarousel .carousel-inner{ background:#fff; min-height:400px; padding:0px;} #MainLandingCarousel .nav { background:#444f5b; font-size:16px; font-weight:700; letter-spacing:0.025em; border:solid 1px #444f5b;} #MainLandingCarousel .nav small{ font-size:12px; font-weight:400; letter-spacing:0.0em;} #MainLandingCarousel .nav a { border-radius:0px;color:#fff; padding:20px 10px;} #MainLandingCarousel .nav-pills > li > a:hover { background-color:#ef483b; color:#fff;} #MainLandingCarousel .nav-pills > li.active > a, .nav-pills > li.active > a:focus { background-color:#fff; color:#2a343e;} .MainLandingCarousel-Content{ padding:30px; padding-top:60px;} .MainLandingCarousel-Content h2{ font-size:20px; color:#444f5b; font-weight:900; letter-spacing:0.01em; margin:0px; margin-bottom:30px;} .MainLandingCarousel-Content h2 span{padding-bottom:15px; border-bottom:solid 10px #ef483b;} .MainLandingCarousel-Content h3{font-size:26px; color:#444f5b; font-weight:300; letter-spacing:-0.025em; margin:20px 0px;} .MainLandingCarousel-Content p{font-size:14px!important; color:#57585a; font-weight:400; line-height:24px;} .MainLandingCarousel-Img{ padding:50px 0px; text-align:center;} .MainLandingCarousel-Img img{ width:100%; height:auto; max-width:420px;} .OtherUpdates{ margin:30px 0px;} .OtherUpdates h4{font-size:18px; color:#444f5b; font-weight:900; margin:0px; margin-bottom:30px;} .OtherUpdates h4 span{padding-bottom:15px; border-bottom:solid 10px #4ac4d5;} .OtherUpdates h5{font-size:16px; color:#444f5b; font-weight:800; letter-spacing:0.025em; margin:15px 0px; margin-bottom:10px; text-transform:uppercase;} .OtherUpdates h6{font-size:13px; color:#6f7071; font-weight:600; margin:0px;text-transform:uppercase;} .MainLanding-Client-Block{ background:#fff; margin:30px 0px; padding:30px 0px 20px 0px;} .MainLanding-Client-Block h4{font-size:18px; color:#444f5b; font-weight:900; margin:0px; margin-bottom:30px;} .MainLanding-Client-Block h4 span{padding-bottom:15px; border-bottom:solid 10px #94c83c;} .MainLanding-Testimonial-Main-Block{ background:#f5f5f5; padding:40px;} .MainLanding-Testimonial-Block .carousel-indicators li{border: 2px solid #d1d2d4; background:#d1d2d4;} .MainLanding-Testimonial-Block .carousel-indicators .active{ border: 2px solid #4ac4d5; background:#4ac4d5; } .MainLanding-Testimonial-Block .item{min-height:110px;} .MainLanding-Testimonial-Block .carousel-caption{ text-align:left; color:#444f5b; font-size:14px; text-shadow: 0 0px 0px rgba(0, 0, 0, 0); top:0; padding-top:0px; right:0; left:120px; } .MainLanding-Testimonial-Block .carousel-caption h6{ font-size:16px; font-weight:800; color:#fbb416; text-transform:uppercase;} .MainLanding-Testimonial-Block img{ margin-bottom:10px;} .MainLanding-Testimonial-Block .carousel-indicators { position: absolute; top: 120px; left: 40px;} .Dark .RoundBlock-Number{margin-top:-5px;} .Dark hr{ border-top:dashed 1px #d1d2d4!important;} .IndexProgress{ margin:0px; margin-top:15px; border-bottom:dotted #ddd 1px;} .IndexProgress .progress{ background-color:#fff; height:15px; margin-bottom:15px;} .IndexProgress .progress-bar {background-color: #94c83c; box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);} .EventBlock2 .CreditBadges li{ width:95px;} .EventBlock2{ min-height:380px; border: solid 1px #ededed;} .EventBlock2 hr{ margin-top:15px; margin-bottom:15px; border-top: dashed 1px #ededed;} .EventBlock2 .btn{ border-radius:2px;} .BorderLeftRight{ border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;} .BorderLeftRight hr{ margin:15px 0px; border-top: solid 1px #e9e9e9;} /*--- 28 May 2019 (New Webcast Pages)-----*/ .NewWebcast-Block{ background:#fff; padding:30px; padding-bottom:0px; margin:0px; border-left:solid 10px #f5f5f5; border-right:solid 10px #f5f5f5; border-bottom: solid 10px #d1d2d4; } .NewWebcast-Block .Webcast-Type{ position:absolute; top:0px; left:-15px; background:#4ac4d5; color:#fff; padding:10px 15px; font-size:14px; font-weight:500;} .NewWebcast-Block .Webcast-Type span{ color:#000;font-size:14px; font-weight:600;} .NewWebcast-Block .btn .glyphicon{color:#fff; } .NewWebcast-Block h1{font-size:26px; color:#2f3d4c; font-weight:900; line-height:30px; margin:30px 0px 15px 0px;} .NewWebcast-Block h6{ font-size:16px; font-weight:600; color:#e4350a; margin:20px 0px;} .NewWebcast-Block span{ color:#969696; font-size:11px; line-height:12px;} .WebcastDetailBlock-Left{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/WebcastDetailBlock-Left-BG.png) no-repeat 100% 100%!important;border-right:dashed 1px #d1d2d4; min-height:315px;} .NewWebcast-Block .ClientLogo{ width:auto; height:auto; max-width:180px; max-height:90px; margin:10px 0px; margin-bottom:10px;} .User-Medium-Block{ background:#fff; min-height:110px; margin:10px 0px;} .User-Medium-Img-Block{height: 110px; overflow: hidden;float:left; } .User-Medium-Block-Img{ width:100%; height:auto; max-width:120px; min-height:110px; border-right:solid 10px #4ac4d5; margin-right:15px;} .User-Medium-Block-Content{ margin:0px; padding:20px; padding-bottom:0px;} .User-Medium-Block-Content h1{ font-size:20px; color:#4ac4d5; font-weight:400; margin:0px; margin-bottom:10px;} .User-Medium-Block-Content h1:link{ color:#4ac4d5; text-decoration:none;} .User-Medium-Block-Content h5{font-size:13px; color:#444f5b; font-weight:800; margin:0px; margin-bottom:10px;} .User-Medium-Block-Content h5:link{ color:#444f5b; text-decoration:none;} .User-Medium-Block-Content .btn{ margin-bottom:0px; padding:5px 10px; font-size:11px;} .LargeIcon-BulletTxt{ margin:15px 0px;} .LargeIcon-BulletTxt li{ width:45%; float:left; border-bottom:dotted 1px #d1d2d4; list-style:none; padding:5px 0px; padding-left:80px; font-size:13px; color:#444f5b; font-weight:500; margin:5px 15px; min-height:90px; background-size: 60px 60px!important;} .LargeIcon-BulletTxt li:nth-child(1) {background:url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast-Icon-01.png) no-repeat 0% 25%;} .LargeIcon-BulletTxt li:nth-child(2) {background:url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast-Icon-02.png) no-repeat 0% 25%;} .LargeIcon-BulletTxt li:nth-child(3) {background:url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast-Icon-03.png) no-repeat 0% 25%;} .LargeIcon-BulletTxt li:nth-child(4) {background:url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast-Icon-04.png) no-repeat 0% 25%;} .LargeIcon-BulletTxt li:nth-child(5) {background:url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast-Icon-06.png) no-repeat 0% 25%;} .LargeIcon-BulletTxt li:nth-child(6) {background:url(/remoteimages/website-images/2017_SiteRedesign/images/AD-Webcast-Icon-05.png) no-repeat 0% 25%;} .WebcastList-Top-Block{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/WebcastList-Top-BG.png) no-repeat 110% 50% #535262; padding:50px 30px; margin:0px;} .WebcastList-Top-Block h1 span{ font-size:30px; color:#fff; font-weight:900; background:#94c83c; padding:10px 25px;} .WebcastList-Top-Block .btn{ margin-top:10px;} .FliterSearch{ background:url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Search-Yellow.png) no-repeat 20px 15px #fff;} .NewWebcastList-Block{ margin-bottom:30px; border-bottom:solid 1px #e4e4e4; padding-bottom:0px;} .NewWebcastList-Block h3{ font-size:20px; line-height:26px; font-weight:600; color:#3d4145; background:none; padding:0px; padding-left:15px; margin:10px 0px; margin-bottom:20px;} .NewWebcastList-Block h4{ font-size:14px; line-height:20px; font-weight:800; color:#ef483b; background:none; padding:0px; padding-left:15px; margin:10px 0px; margin-bottom:30px;} .NewWebcastList-Block h5{ font-size:14px; color:#fbb416; padding:0px; margin:0px; margin-bottom:15px; font-weight:600;} .NewWebcastList-Block .CreditBadges li{ width:100px;} .NewWebcastList-Block .Presenter-Name{ border:none; border-left:dashed 1px #d1d2d4; padding-left:15px!important;} .NewWebcastList-Block .ClientLogo{ width:auto; height:auto; max-width:180px; max-height:90px; margin:10px 0px; margin-right:20px;} .NewWebcastList-Bottom{ background:#f8f8f8; border-top:dashed 1px #d1d2d4; margin-left:-20px; margin-right:-20px; margin-top:15px; padding:15px 20px!important;} .NewWebcastList-Block .Presenter-Name{ font-size:12px; color:#969696; padding:10px 0px; /*border-top:solid 1px #ececec;*/} .NewWebcastList-Block .Presenter-Name h4{ font-size:12px; color:#2a343e; font-weight:500; margin:0px;} .NewWebcastList-Block .Presenter-Name img{ float:left; margin-right:10px; margin-top:0px; height: 40px;} /*--- 27 Apr 2018 (WhosGoing) ---*/ .LargeBlock-WhoIsGoing{min-height:160px; background: url(../images/HrGenius-Genie2.png) no-repeat right top #49c4d7; padding:20px 20px; padding-right:120px; margin-bottom:20px; font-size:14px; font-weight:500; color:#fff;} .LargeBlock-WhoIsGoing a{ color:#fff;} .LargeBlock-WhoIsGoing p{ color:#fff; font-size:13px; font-weight:400;} .LargeBlock-WhoIsGoing h2{font-size:24px; font-weight:800; color:#fff; margin:0px; margin-bottom:10px;} .LargeNumber{ font-size:36px; font-weight:200; margin-bottom:15px;} .LargeBlock-Green{ height:160px; background:#94c83c; padding:50px 20px; color:#fff; font-size:14px; font-weight:600; margin-bottom:20px;} .LargeBlock-Green a{ color:#fff;} .LargeBlock-Gray{ height:160px; background:#939598; padding:50px 20px; color:#fff; font-size:14px; font-weight:600; margin-bottom:20px;} .LargeBlock-Gray a{ color:#fff;} .LargeBlock-Blue{ height:160px; background:#5d94cf; padding:50px 20px 20px 20px; color:#fff; font-size:14px; font-weight:600; margin-bottom:20px;} .LargeBlock-Blue a{ color:#fff;} .LargeBlock-Blue h6{ font-size:15px; font-weight:500; color:#fff; margin:0px; margin-bottom:15px;} .WhosGoing-Event-Block{ background:#fff; padding:30px; padding-bottom:15px; min-height:310px; margin:15px 0px;} .WhosGoing-Event-Block:hover{ box-shadow:0px 5px 10px #d1d2d4;} .WhosGoing-Event-Block h1{ font-size:16px; font-weight:800; color:#444f5b; line-height:20px; margin-top:0px; margin-bottom:5px;} .WhosGoing-Event-Block h4{ font-size:15px; font-weight:500; color:#444f5b; margin:10px 0px; } .WhosGoing-Event-Block h5{ font-size:14px; font-weight:500; color:#444f5b; margin:0px; margin-bottom:5px;} .WhosGoing-Event-Block h6{ font-size:13px; font-weight:500; color:#444f5b; margin:10px 0px; margin-bottom:0px;} .WhosGoing-Event-Block h6 .glyphicon{ font-size:20px; top:5px; margin-right:5px; color:#adafb1;} .WhosGoing-Event-Block .Date-Block.UpcomingDate{ background:#5c93ce; text-transform:uppercase;} .WhosGoing-Event-Block .Date-Block.UpcomingDate span{ font-size:11px;} .WhosGoing-Event-Block hr{ margin:25px -30px;} .WhosGoing-Event-Block .btn{ border-radius:0px; margin-right:1px; border-bottom:5px;} .WhosGoing-Event-Block .Date-Block.OldDate{ background:#adafb1; text-transform:uppercase;} .WhosGoing-Event-Block .Date-Block.OldDate span{ font-size:11px;} .WhosGoing-Event-Block .RedTxtBlock{ background:#ef483b; padding:5px 30px; color:#fff; margin:20px -30px;} .LargeFullBlock-WhoIsGoing{background: url(../images/HrGenius-Genie2.png) no-repeat right top #49c4d7; padding:20px 20px; margin-bottom:20px; font-size:14px; font-weight:500; color:#fff;} .LargeFullBlock-WhoIsGoing a{ color:#fff;} .LargeFullBlock-WhoIsGoing p{ color:#fff; font-size:13px; font-weight:400;} .LargeFullBlock-WhoIsGoing h2{font-size:24px; font-weight:800; color:#fff; margin:0px; margin-bottom:10px;} .LargeFullBlock-WhoIsGoing h6{ font-size:15px; font-weight:500; color:#fff; margin:0px; margin-bottom:15px;} .LargeFullBlock-WhoIsGoing .LargeNumber{ font-size:36px; font-weight:200; margin-bottom:10px; margin-top:15px;} .Website-Icon{background: url(../images/Globe.png) no-repeat 0px 2px; padding:5px 0px; padding-left:30px; font-size:14px; font-weight:500; color:#49c4d7;} .Website-Icon a{color:#49c4d7;} .EventReminder-Block-Small{ height:100px; color:#4ac4d5; font-weight:500; font-size:13px; background:#f5f5f5; line-height:18px;} .EventReminder-Block-Small:hover{ box-shadow:0px 5px 10px #d1d2d4;} .EventReminder-Block-Small h1{ font-size:15px; font-weight:600; padding-top:15px; line-height:20px; margin-bottom:5px;} .EventReminder-Block-Small h1 span{ font-size:13px; font-weight:500; color:#939598; } .EventReminder-Block-Small .Date-Block{ height:100px; width:100px; text-align:center; justify-content: center; align-items: center; padding:25px; background:#fbb416; color:#fff; font-size:18px; font-weight:300; line-height:24px; margin-right:15px;} .panel-heading .Date-Block{ position:absolute; top:-15px; left:0px; min-width:80px; margin-left:0px;} .AccordionHeader-Txt h5{ font-size:14px; font-weight:500; margin:0px; color:#fbb416;} .RoundBlock-Number { background:#fbb416; width:30px; height:30px; border-radius:50%; float:left; margin:0px; margin-right:15px; text-align:center; justify-content: center; align-items: center; padding:6px 2px; font-size:16px; color:#fff;} .EventsCalendar-Block{ margin:5px 0px; margin-bottom:10px; padding-bottom:10px; font-size:12px; color:#939598; border-bottom:solid 1px #f2f2f2;} .EventsCalendar-Block h5{ font-size:14px; font-weight:500; margin:0px; margin-bottom:5px;} /*--- 30 May 2019 (Megatrend Pages)-----*/ .Page-Type{position:absolute; top:-50px; left:-25px; background:#4ac4d5; color:#fff; padding:10px 15px; font-size:14px; font-weight:500;} .Page-Type a:link{color:#2a343e; text-decoration:none;} .Megatrend-Top-Block{position:relative; min-height:400px; padding:30px 40px; border-bottom:solid 5px #4ac4d5; background:url(/remoteimages/website-images/2017_SiteRedesign/images/Megatrend-Top-Block.jpg) no-repeat 100% 100% #29323b;} .Megatrend-Top-Block .btn:hover{color: #fff; background-color: #4ac4d5;} .Megatrend-Top-Block .Page-Type{top:0px;} .Megatrend-Top-Block h1{font-size:45px; line-height:60px; font-weight:900; color:#fff; margin:30px 0px; margin-top:70px; text-shadow: 0px 0px 20px #111213; } .MegaTrend-Top-Logo{ width:180px; height:auto; float:right;} .Megatrend-LargeTxt{ color:#2a343e; font-size:16px; font-weight:300; line-height:28px; padding:20px 10px;} .Megatrend-LargeTxt strong{font-size:24px; font-weight:700; color:#444f5b; line-height: 50px;letter-spacing: -0.015em;} .Megatrend-LargeTxt strong span{font-size:30px; font-weight:900; color:#ef483b;} .Megatrend-Mid-Block{ position:relative; min-height:350px; margin-bottom:30px; border-bottom:dashed 0px #4ac4d5;} .Megatrend-Mid-Block-ImgBlock{ /*border-bottom:solid 5px #4ac4d5;*/ background:#29323b; width:100%; height:220px; overflow: hidden; text-align: center; vertical-align: middle; padding: 0px; display: flex; justify-content: center; align-items: center;} .Megatrend-Mid-Block-ImgBlock img{ width:200%; height:auto; } .Megatrend-Mid-Block h3{font-size:16px; line-height:22px; font-weight:600; color:#2a343e; margin:10px 0px; padding-right:20px;} .Megatrend-Mid-Block h3 a:link{color:#2a343e; text-decoration:none;} .Megatrend-Mid-Block h3 .FirstWord-Element{color:#ef483b; font-size:14px; font-weight:900; text-transform: capitalize; letter-spacing:0em; } .Megatrend-Mid-Block h6{ font-size:13px; font-weight:700; color:#939598; margin:0px; text-transform:uppercase; position:absolute; /*bottom:10px;*/} .Megatrend-Mid-Block h6 a:link{color:#939598; text-decoration:none;} .MegatrendChapter-Top-Block{ position:relative; min-height:300px; padding:30px 40px; padding-top:80px; margin-bottom:30px; border-bottom:solid 5px #4ac4d5; background:url(../images/MegatrendChapter-Top-Block.jpg) no-repeat 0% 50% #070e28;} .MegatrendChapter-Top-Block h1{font-size:42px; line-height:48px; font-weight:900; color:#fff; margin:20px 0px; margin-top:10px; text-shadow:0px 0px 15px #070e28; } .MegatrendChapter-Top-Block h1 .FirstWord-Element{font-size:24px; line-height:28px; font-weight:900; color:#fff; margin:10px 0px; margin-top:10px; } .Megatrend-CapterList{ margin:0px 0px;} .Megatrend-CapterList li{ list-style:none; padding:5px 0px; margin-bottom:10px; border-bottom:dashed 1px #d1d2d4; min-height:60px;} .Megatrend-Small-ImgBlock{border:dashed 0px #4ac4d5; background:#cbe0fd; height:40px; width:40px; overflow: hidden; float:left; margin-right:20px;border-radius: 3px;} .Megatrend-CapterList h6{font-size:13px; line-height:18px; font-weight:600; color:#2a343e; margin:0px; margin-bottom:5px; padding:0px;} .Megatrend-CapterList span{font-size:11px; font-weight:700; color:#939598; margin:0px; text-transform:uppercase;} .SidebarMenu-TabViewBelow{ } .Sidebar-fixed { top: 0; z-index: 1000; position: fixed; width: 100%; max-width:315px;} .Sidebar-fixed:hover{ box-shadow:80px 0px 200px #2a2638;} .Sidebar-Block{border: solid 1px #ededed; overflow-y: auto; max-height:100%; } .DarkBlock-Txt{ background:#2a343e; color:#fff; display:block; padding:5px 10px;} .GreenBlock-Txt{ background:#96c93f; color:#fff; display:block; padding:5px 10px;} .Megatrend-CapterContent{ position:relative; } .Megatrend-CapterContent-Img{ margin:20px auto; display: block; max-width: 100%;height: auto;} .Megatrend-CapterContent .BlueLeftBorder{ padding-left:15px; margin-bottom:15px;} .Megatrend-CapterContent .GreenLeftBorder{ padding-left:15px; margin-bottom:15px;} .Megatrend-CapterContent .RedLeftBorder{ padding-left:15px; margin-bottom:15px;} .Megatrend-CapterContent h1{font-size:30px; line-height:32px; font-weight:800; color:#2a343e; margin:30px 0px; margin-bottom:20px;} .Megatrend-CapterContent h2{font-size:26px; line-height:30px; font-weight:800; color:#2a343e; margin:10px 0px; margin-bottom:20px;} .Megatrend-CapterContent h3{font-size:18px; line-height:22px; font-weight:400; color:#4ac4d5; margin:15px 0px; margin-bottom:20px;} .Megatrend-CapterContent h4{font-size:14px; line-height:20px; font-weight:800; color:#2a343e; margin:15px 0px; text-transform:uppercase;} /*.Megatrend-CapterContent h5{font-size:14px; line-height:20px; font-weight:600; color:#2a343e; margin:20px 0px; }*/ .Megatrend-CapterContent h5 { font-size: 16px; font-weight: 600; color: #2a343e; display: block; /*padding: 10px 10px; background: #96c93f;*/ } .Megatrend-CapterContent hr{ clear:both!important;} .Megatrend-CapterContent .GreenBlock-Txt{ font-size:15px; font-weight: 600; text-transform:uppercase; color:#fff; display:block; padding:10px 10px;} .Megatrend-CapterContent .BlueGradient-Block h4{ text-transform: none;} .MegaTrend-HRRI-SideLogo{width:150px; height:auto;} .Megatrend-Mid-Block-ColorBrand{ margin-top: -8px;} .Megatrend-Mid-Block-ColorBrand img{ width:100%; height:5px; } .Megatrend-CapterContent p .sf-media-resource {background: #fff; text-align: center; width: 100%; max-width: 636px; height: auto; margin: 0 auto; padding: 20px; float: none;} .Megatrend-CapterContent ol{ padding-left:15px; margin-bottom:10px;} .Megatrend-CapterContent ol li{ padding-left:10px; margin-bottom:10px;} .Megatrend-CapterContent ol li::before{ color:#ef483b!important; font-size:14px; font-weight:600;} .modal-body .UserDetail-Block{ border-bottom: none; padding:0px;} /*--- 23 Jul 2019 (Virtual Events Symposium Pages) ---*/ .GlobalSymposium-Logo{width:100%; height:auto; max-width:200px;} .VirtualEventsSymposium-Top-BG { background: url(/remoteimages/website-images/2017_SiteRedesign/images/VirtualEventsSymposium-BG.jpg) no-repeat center center #2b4452; padding: 60px 30px; margin-bottom:0px; } .VirtualEventsSymposium-Top-BG h1{ font-size:36px; font-weight:800; color:#fff; margin:0px; margin-bottom:20px;} .VirtualEventsSymposium-Top-BG h3{ font-size:20px; font-weight:600; color:#fbb416; margin:0px; margin-bottom:20px;} .VirtualEventsSymposium-Top-BG .btn{ margin:10px;} /*--- 26 Aug 2019 (Header Menu Modification) ---*/ /*.NavBarLeft{width: 50%;}*/ .navbar-nav > li > a{padding-left: 16px; padding-right: 16px;} /*--- 15 Aug 2019 (Successful Page) ---*/ .Successful-Top-Block{background: url(/remoteimages/website-images/2017_SiteRedesign/images/SuccessfulBG.jpg) no-repeat bottom right #fff; padding: 40px 30px; margin-bottom:30px; border-bottom:solid 5px #94c83c;} .Successful-Top-Block h1{ margin:0px;} .Successful-02-Top-Block{background: url(/remoteimages/website-images/2017_SiteRedesign/images/SuccessfulBG-02.jpg) no-repeat bottom right #fff; padding: 40px 30px; margin-bottom:30px; border-bottom:solid 5px #94c83c;} .Successful-02-Top-Block h1{ margin:0px;} .Data-Block-Small{ padding:10px 0px; margin-bottom:10px; border-bottom: solid 1px #ededed;} .Data-Block-Small:hover{ border-bottom: dotted 1px #444f5b;} .Data-Block-Small h4{ font-size:14px; color:#444f5b; font-weight:500; margin:0px 0px 15px 0px; line-height:20px; border-left:solid 10px #4ac4d5; padding-left:15px;} .Data-Block-Small .glyphicon { font-size:15px; margin-right:10px; margin-bottom:10px;} .Data-Block-Small .ExtraSmallBtn{ margin-bottom:0px; margin-top:-5px;} /*--- 04 Sep 2019 (HR Live) ---*/ .HrLive-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/HrLive-BG.jpg) no-repeat left center #27374c; padding:40px 30px; margin-top:10px; } .HrLive-Logo{ text-align:left;} .HrLive-Logo img{ width:100%; height:auto; max-width:250px;} .HrLive-Logo h1{ font-size:36px; font-weight:800; margin:0px; margin-bottom:10px; letter-spacing:-0.02em; color:#fff!important;} .HrLive-BG h2{font-size:24px; line-height:32px; font-weight:600; margin:0px; margin-bottom:20px; letter-spacing:-0.02em; color:#fff;} .HrLive-BG h6{font-size:14px; line-height:22px; font-weight:400; margin:0px; margin-top:20px; letter-spacing:0.0em; color:#fff;} .HrLive-BG .InsideLanding-MidBlock { padding:20px 10px;} .HrLive-Detail-BG{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/HrLive-Detail-BG.jpg) no-repeat center bottom #fff; padding:30px 30px; padding-bottom:150px; margin-top:10px; border-bottom:solid 5px #ef483b;} .HrLive-Detail-BG h5{color:#57585a; font-size:15px; line-height:20px;} .HrLive-User-Block{ background: url(/remoteimages/website-images/2017_SiteRedesign/images/Icon-Microphone.png) no-repeat -5px 15px; padding:0px 10px; padding-top:10px; padding-left:35px; color:#939598; margin-bottom:20px; border-top:dotted 1px #d1d2d4;} .HrLive-User-Block strong{ color:#444f5b; font-size:14px;} .HrLive-User-Block a{color:#939598;} .HrLive-User-Block h3{ color:#2a343e; font-size:18px; line-height:24px; font-weight:600; margin:0px; margin-bottom:5px;} .HrLive-User-Block h3 a{ color:#4ac4d5;} .HrLive-User-Block h5{ color:#ef483b; font-size:14px; font-weight:500; margin:0px; margin-bottom:10px;} .HrLive-User-Block .TeamMember-Img{padding:0px; padding-bottom:0px; height: 40px; overflow: hidden; float:left; margin-right:10px; border-radius:50%;} .HrLive-User-Block .TeamMember-Img img{width:100%; height:auto; max-width:40px;} .HrGenius-Lesson-Content h4{ font-size:16px; font-weight:500; line-height:20px; color:#5c93ce; margin:15px 0px 10px 0px;} .HrGenius-Lesson-Content h4 a{ color:#5c93ce;} .HrGenius-Lesson-Content h5{ color:#2a343e;} .VideoImg{ max-width:100%;} /*--- 16 Dec 2019 ---*/ .Research-BG{background: #fff; padding: 25px 20px; margin-top:0px; border: solid 1px #ededed;} .Research-Logo{ width:100%; height:auto; max-width:150px; margin-bottom:20px; padding-bottom:15px; } .Research-BG h1{ font-size:24px; font-weight:800; margin:0px; margin-bottom:10px; letter-spacing:-0.02em; color:#4ac4d5!important;} .WhiteBlock #filter{text-align: center;font-size: 12px!important;font-weight: 500;color: #969696;margin:0;} .WhiteBlock ul#filter li{ border:none!important; margin: 0px 3px 3px 0px; float: left; list-style:none; padding:0px!important;} .WhiteBlock ul#filter li a{color: #444f5b; padding: 12px 15px; display: inline-block; background:#ededed;} .WhiteBlock ul#filter li a:hover{color: #fff; background:#444f5b;} .WhiteBlock ul#filter li:last-child{border-right: none;} .WhiteBlock ul#filter li.current a { color: #fff; background:#94c83c;} /*--- 30 Jan 2020 (NCHRA) ---*/ .NCHRA-Home-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/NCHRA-Home-BG.jpg) no-repeat 50% 30% #27374c; padding:60px 30px; margin-top:10px; } .NCHRA-Home-Logo{ text-align:center; margin:120px 0px;} .NCHRA-Home-Logo img{ width:100%; height:auto; max-width:200px;} .NCHRA-Home-BG .BorderBlock{ border: dashed 1px #a5a5a5; box-shadow:0px 0px 40px #120a23;} .NCHRA-Home-BG h1{font-size:22px; line-height:36px; font-weight:800; margin:20px 0px;margin-bottom:20px; letter-spacing:-0.02em; color:#fff;} .NCHRA-Home-BG h1 span{font-size:26px; line-height:36px; letter-spacing:-0.00em;} .NCHRA-Home-BG h2{font-size:20px; line-height:32px; font-weight:500; margin:0px; margin-bottom:40px; letter-spacing:-0.02em; color:#fff;} .NCHRA-Home-BG h6{font-size:16px; line-height:30px; font-weight:500; margin:0px; margin-top:20px; letter-spacing:0.0em;} .PageLink-DarkBlock li .dropdown-menu{ margin-top:15px; } .PageLink-DarkBlock li .dropdown-menu li {margin:0px; text-align:left; font-size:13px; color:#444f5b;} .PageLink-DarkBlock li .dropdown-menu li a{font-size:13px; padding:15px 15px; color:#444f5b;} .PageLink-DarkBlock li .dropdown-menu li a:hover{color: #fbb416;} .NCHRA-Txt-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/NCHRA-Txt-BG.jpg) no-repeat 50% 100% #fff; padding:20px 30px; padding-bottom:200px; text-align:center; border-bottom:solid 5px #ffe28f;} .NCHRA-Inside-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/NCHRA-Inside-BG.jpg) no-repeat 50% 50% #27374c; padding:30px; margin-top:10px; } .NCHRA-Inside-BG h1{font-size:36px; line-height:36px; font-weight:200; margin:10px 0px;letter-spacing:0.2em; color:#fff; text-transform:uppercase;} /*--- 06 Feb 2020 (Inspire Symposium) ---*/ .InspireSymposium-Top-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Top-BG.jpg) no-repeat 50% 50% #0a076e; padding:80px 30px; margin-top:0px; margin-bottom:0px; } .InspireSymposium-Top-BG h1{font-size:40px; line-height:36px; font-weight:800; margin:0px;margin-bottom:20px; letter-spacing:0.0em; color:#fff;} .InspireSymposium-Top-BG h3{font-size:20px; font-weight:600; margin:0px;margin-bottom:20px; letter-spacing:0em; color:#fff;} .InspireSymposium-Bottom-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Bottom-BG.jpg) no-repeat 50% 100% #fff; padding:30px; margin-bottom:30px; padding-bottom:250px; border-bottom:solid 5px #94c83c;} .InspireSymposium-Bottom-BG h6{font-size:14px; line-height:24px; color:#2b4452; font-weight:500; margin:0px;margin-bottom:20px; letter-spacing:0em;} .InspireSymposium-Event-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Event.jpg) no-repeat 100% 30% #9fd5bc; padding:40px 30px; margin-top:0px; margin-bottom:30px; } .InspireSymposium-Event-BG h4{font-size:15px; line-height:24px;} .InspireSymposium-Sponsor-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Sponsor.jpg) no-repeat 100% 50% #68c5cd; padding:60px 30px; margin-top:0px; margin-bottom:0px; } .InspireSymposium-Sponsor-BG h5{ font-size:15px; line-height:24px;} @media screen and (max-width:1200px){ .TopSearchInput{min-width:300px;} .NavBarLeft{ width:100%; border-bottom:solid 1px #444f5b; padding-left:15px;} .NavBarRight{width:100%; } .navbar-right{ text-align:left; float: none !important; } /*--- 26 Feb 2018-----*/ .InsideSide-Bar01{ width:32%;} .InsideSide-ContentArea{ width:63%; } } @media screen and (min-width:992px) and (max-width:1030px){ } @media screen and (max-width:992px){ /*.DeskTop-Only{ display:none;}*/ .Mobile-Only{ display:none;} .TopSearchInput{min-width:225px;} .NavBarLeft{ width:100%; border-bottom:solid 1px #444f5b; padding-left:15px;} .NavBarRight{width:100%; } .navbar-right{ text-align:center; float: none !important; } .LogoBlock{ text-align:center; margin-bottom:0px; margin-top:10px;} .TopAD-Block{ text-align:center} .SurveyBlock{ margin:0px; border-bottom:solid 1px #939598} .RightAD-Block{ background:#e9e9e9; padding-bottom:10px; margin-bottom:20px;} .FliterBlock h2{border-bottom:solid 1px #eaeaea;} .FliterBlock .LabelTxt{ padding:20px; } /*--- 07 Nov 2017-----*/ /*.InsideSide-Bar01{ display:none;}*/ /*--- 24 Nov 2017-----*/ .Inside-Top-Block{ padding:20px 0px;} .Directory-Logo{ text-align:center;} .Inside-RightMenu { text-align: center;} .Directory-Logo-Inside{ text-align:center;} .Inside-Top-Block .input-group{ margin:15px 0px;} .CompanyDetail-Block-Info{margin:10px; margin-top:0px; border:none; text-align:right; } .InsideNewsItem li{ min-height: auto;} .InsideNewsItem-Img{ display:none;} /*--- 25 Dec 2017-----*/ .HrGenius-Genie{ position:relative; top:-10px; left:0px;} .HrGenius-Logo{ text-align:center;} .VideoImg{ margin-top:20px;} .HrGenius-Explore-BG{ background:none; background:#fff;} .HrGenius-Explore-Content{ padding-left:20px;} .Certification-Top-Block-Content{ border:none; margin:0px; padding:20px 0px;} .Certificate-Block-Large{ min-height:auto;} .Certificate-BannerImg{ width:100%; height:auto; float:none; margin:10px 0px; margin-right:0px;} .IndexSliderBlock .BlueBtn{ margin:5px 0px;} /*--- 26 Feb 2018-----*/ .InsideSide-Bar01{ width:100%; float:left; margin-right:0px; } .InsideSide-ContentArea{ width:100%; float:left; } /*--- 17 Apr 2018-----*/ .GeniusPaywall-Popup-BG{ display:none;} .GeniusPaywall-Popup-Content{ /*text-align:center;*/ padding:40px 30px;} /*--- 24 Apr 2018-----*/ .IndexSliderBlock{ height:auto; padding-bottom:20px;} .IndexSliderBlock .ImageBlock146{ display:none;} .SideBarMenu{ display:none; background-color:#ededed; border:solid 1px #e3e3e3; border-bottom:solid 2px #e3e3e3; padding:20px; padding-bottom:0px; margin-top:-20px; margin-bottom:20px;} .Tab-View{ display:block;} /*--- 06 July 2018 (About Us)---*/ .TeamMember-Block{ height:auto; margin-bottom:20px; width:30%;} .AD-Main-Mid-BG { background: none; } /*--- 30 May 2019 (Megatrend Pages)-----*/ .MegaTrend-Top-Logo{ float:none; margin-top:15px;} .Megatrend-Top-Block {/*background:none; background:#29323b;*/ background-size: contain;} .Megatrend-CapterContent .BlueGradient-Block { margin-bottom:420px;} .Megatrend-CapterContent .BlueGradient-Block .LeftBorder{border-top: 0px} .Sidebar-fixed {position: relative; max-width:none;} .Sidebar-fixed:hover{ box-shadow:00px 0px 0px #929292;} .Sidebar-Block{max-height:260px;} .SidebarMenu-TabViewBelow{ position: absolute; bottom:-00px; padding-bottom:0px; height:390px; width:94%; float: none; display:block!important; margin:0 auto;} } @media screen and (max-width:768px){ .DeskTop-Only{ display:none;} .Mobile-Only{ display:block;} .modal.left .modal-dialog, .modal.right .modal-dialog {width: 85%; } .TopLink{ } .TopBrand{ padding:10px; background:none; margin-right:0px; float:left; display:block; margin-left:10px; display:block;} .TopBrand img{ width:80px; height:auto;} .navbar-nav{margin-left:15px; margin-right:15px; } .navbar-toggle{margin-top: 8px; /*float:left;*/ margin-right:10px;} .navbar-right{ text-align:left; } .dropdown-menu{ text-align:left; margin-top:0px; left:auto; right:0px!important;} .NavBarLeft{ width:100%; border-bottom:solid 2px #444f5b; padding-left:0px;} .NavBarRight{width:100%; } .navbar-default .navbar-nav > li{ border-top:solid 1px #444f5b; padding-left:0px!important;} .navbar-nav > li > a{padding-left:0px!important;} .navbar-default .navbar-nav > li > a{ color: #4ac4d5; background: none;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ color: #fbb416; background: none;} .navbar-default .navbar-nav > li > a:hover{ color: #fbb416; background: none;} .navbar-nav .open .dropdown-menu > li > a{ padding: 10px;} .navbar-default .navbar-nav .open .dropdown-menu > li{border-top:solid 1px #202931;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background-color:#202931; color:#4ac4d5;} .navbar-collapse{ box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0); } .TopMsgBlock{ width:260px; left:0px; } .TopUserProfile{ left:-125px;} .DropDown-TopArrow{ right:none; left:10%;} .TopUserProfile .DropDown-TopArrow{ right:none; left:82.5%;} .TopUserBlock{ line-height:15px!important;} .TopUserBlock img{ margin-top:0px;} .TopUserBlock .FloatRight{ display:none;} .DropDown-Footer{border-top: solid 1px #f5f5f5;} .TopSearchDiv{ width:96%!important; top:92px;} .LogoBlock{ text-align:center; margin-bottom:10px; display:none;} .BlueBG-Block{ margin-top:20px;} .LiveEventsBlock span{ font-size: 16px; font-weight: 500; color: #ef483b; line-height:30px;} .LiveEventBtn{ float:right;} .TopSearchInput{width:100% !important;margin-bottom:10px;} .TopSearchBlock .TopSearchButton{ margin-right:0px;} .SearchTopBtn{ margin-bottom:10px;} .Top-AddContent-Block .btn{ float:none; margin:0px; margin-top:10px;} .Header .dropdown .dropdown-menu{ right:-100px;} .TrendingBlock-User{ width:100%; float:none;} .TrendingBlock-Icons{ float:left; width:100%;} .TrendingBlock-Icons ul{ background-color:#fbfbfb;border-top:solid 1px #eaeaea; border-bottom:solid 2px #eaeaea; margin:0px; margin-bottom:10px;} .TrendingBlock-Icons ul li{ width:50px; margin:0px; } .FooterBG{text-align:center;} .FliterBlock .LabelTxt{ display:none;} .FliterBlock-Footer .btn{ float:none;} /*--- 07 Nov 2017-----*/ .FliterSearch{ padding-right: 20px;} .Serach-Buttons{ position: relative; clear:both; left:00px; border-bottom:1px solid #eaeaea; padding-bottom:10px; text-align:center;} .Serach-Buttons .btn{ margin-left:10px; } .WebcastDetailBlock{ background:none; background:#fff; padding:20px; margin:10px 0px; } .tabs { display: none; } .tab_drawer_heading { background-color: #ededed; color: #757575; border-bottom: 1px solid #acacac; margin: 0; padding: 15px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:14px; font-weight:500; } .d_active { background-color: #fff; color: #ef483b; border-bottom: 1px solid #ef483b; } /*--- 24 Nov 2017-----*/ .BuyerGuide-BG{ padding:30px 20px;} .InsideLanding-MidBlock{ padding:20px 10px; padding-bottom:0px; border-top:solid 2px #4ac4d5; margin-top:20px;} .BuyerGuide-Logo{ text-align:center;} .BuyerGuide-BG .Inside-RightMenu{ margin-top:20px;} .Inside-RightMenu{ text-align:center; } .input-group .dropdown-menu{ top:100%; left:0px;} .InsideLanding-MidBlock h1{ font-size:20px; margin-top:20px;} .InsideLanding-MidBlock .input-group{ margin:20px 0px;} .Left-Header{ text-align:center;} .DataResult-Block-Content{ border:none; border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2; padding:15px 0px; } .ImageBlock120{ width:100%; height:auto; text-align:left; vertical-align:middle; justify-content: left; align-items: left; margin-bottom:20px;} .ImageBlock120 img{ height:100%; width:auto; max-width: none; max-height:80px;} .dtr-data img{ width:20px; height:auto;} .dataTables_wrapper .dataTables_paginate{ padding-top:0px;} .ImageBlock80 img{margin-bottom:20px;} .UserRatingBlock .Profile80{ margin-bottom:20px;} .UserRatingBlock .RatingBlock{ margin-top:20px;} .CompanyDetail-Block{ background:#fff; padding:0px; margin:20px 0px;} .CompanyDetail-Block-Logo{ display:none;} .CompanyDetail-Block-Company{height:150px; margin-left:0px;} .CompanyDetail-Block-Footer { text-align:left;} .CompanyDetail-Block-Info{ margin:10px; margin-left:0px; margin-right:0px; text-align:left;} .CompanyDetail-Block .SM-Icons{ float:left; margin-top:5px;} /*--- 25 Dec 2017-----*/ .HrGenius-Genie{ display:none;} .IndexSliderBlock{ height:auto; padding-bottom:0;} .IndexSliderBlock .ImageBlock146{ display:none;} .SideBarMenu{ display:none; background-color:#ededed; border:solid 1px #e3e3e3; border-bottom:solid 2px #e3e3e3; padding:20px; padding-bottom:0px; margin-top:-20px; margin-bottom:20px;} /*--- 26 Feb 2018-----*/ .TopSearchInput{width:100%;margin-bottom:10px;} .SearchTopBtn{ margin-bottom:10px;} .TopSearchBlock{ width:95%; padding-right:20px; border-bottom:solid 20px #ff00ff;} .TopButtonArea{ width:28%; clear:both; } .ePub-Magazine-Block .Right{ margin-left:0px; min-height:auto;} .WebCast-MainFeature-BG{background: none; background-color: #fff; padding:40px 20px; padding-left:20px; min-height:auto;} .WebCast-Testimonial-BG{background: none; background-color: #fff; padding:40px 20px; padding-right:20px; min-height:auto;} /*--- 27 Mar 2018-----*/ .ColorInfo-Block-Area{margin-bottom:00px;} .ColorInfo-Block{ width:100%; height:auto; padding:20px 20px; float: none; margin-bottom:0px;} .ColorInfo-Block h1{ font-size: 24px; font-weight: 300; margin-bottom:5px;} .WhiteBlock-NoMargin{ text-align:center; min-height:auto;} .Membership-Main-Block{ text-align:center;} .Block-FooterArea{ text-align:center;} .AmbassadorSide-BG{padding-left:0px;} .GeniusSide-BG{padding-right:0px;} /*--- 16 Apr 2018-----*/ .Confirmation-Block{ background: none; background-color:#fff; padding:30px; padding-right:30px;} /*--- 31 May 2018 (Certification Recertification) ---*/ .Recertification-BG { padding: 20px;} /*--- 21 June 2018 (Cart Page & Store Page) ---*/ .Price-Block{ text-align:left;} /*--- 06 July 2018 (About Us)---*/ .TeamMember-Block{ height:auto; min-height:150px; margin-bottom:20px; width:90%;} .TeamMember-Info h5{ min-height:auto;} .TeamMember-Img{padding:10px; padding-bottom:0px; float:left; margin-right:20px;} .TeamMember-Img img{ width:100%; height:auto; max-width:130px;} .LargeMargin-Block{ margin:0px; margin-top:10px; margin-left:10px; padding:0px 20px;} .Ambassador-Membership-Home-Pic{ margin-top:20px;} /*--- 27 Sept 2018 (Vendor Advertising Pages) ---*/ .VendorAdvertising-Top-BG {padding: 30px 15px;} .VendorAdvertising-Top-BG h1{ font-size:30px;} .VendorAdvertising-Top-BG h3{ font-size:16px; margin-bottom:10px; line-height:24px;} .PageLink-DarkBlock{ padding:10px;} .PageLink-DarkBlock li{ display:list-item; margin:20px 0px; font-size:13px;} .PageLink-DarkBlock li a{padding:10px 20px;} .navbar-fixed {position: relative;} /*--- 01 Mar 2019 (New Registration Popup)-----*/ .ModalClose .btn{ margin:0px; margin-top:-30px;} .GeniusPaywall-Popup-Content h2 {font-size: 20px!important;} /*--- 27 July 2018 (Site Landing Pages)---*/ .MainLanding-BG{background:padding:40px 20px; padding-bottom:70px; margin-left:-15px; margin-right:-15px; margin-bottom:-90px;} .MainLanding-Top-Left{ text-align:center;} .MainLanding-Top-Left img{ margin-bottom:20px;} .MainLanding-Top-Right{ text-align:center;} .MainLanding-Content{background:none; margin:0px; padding:30px 0px; text-align:center;} .MainLanding-Content h1{ font-size:16px; margin:0px; margin-bottom:20px;} .MainLanding-Content h1 span{ padding-bottom:20px; border-bottom:none;} .MainLanding-Content h2{font-size:24px;padding-top:00px;} .MainLanding-Text h2 { font-size: 24px;margin: 20px 0px; line-height:30px;} .MainLandingCarousel-Content{ text-align:center; padding-bottom:10px;} .MainLandingCarousel-Img{ padding:10px 0px;} .MainLandingCarousel-Content h2{ color:#ef483b; padding-bottom:0px; margin-bottom:0px;} .MainLandingCarousel-Content h2 span{padding-bottom:0px; border-bottom:none;} .MainLandingCarousel-Content h3{ font-size:22px; line-height:24px;} .OtherUpdates h4{ color:34ac4d5; border-bottom:solid 1px #4ac4d5; padding-bottom:20px; margin:0px;} .OtherUpdates h4 span{padding-bottom:0px; border-bottom:none;} .MainLanding-Client-Block h4 { color:#94c83c; margin:0px;} .MainLanding-Client-Block h4 span{padding-bottom:0px; border-bottom:none;} /*--- 30 May 2019 (Megatrend Pages)-----*/ .MegaTrend-Top-Logo{ float:none; margin-top:15px;} .Megatrend-Top-Block { min-height:auto;} .Megatrend-Top-Block h1{font-size:32px; line-height:36px; font-weight:800; margin:20px 0px; margin-top:60px; } .MegatrendChapter-Top-Block {min-height: auto;} .MegatrendChapter-Top-Block h1{font-size:28px; line-height:32px; font-weight:600; } .MegatrendChapter-Top-Block h3{font-size:20px; line-height:24px; font-weight:500; margin-top:70px; } /*--- 28 May 2019 (New Webcast Pages)-----*/ .LargeIcon-BulletTxt li{ width:100%; float: none; min-height:auto; background-size: 40px 40px!important; padding-left:60px; padding-bottom:20px; margin-left:0px;} .NewWebcastList-Block h3{ margin-top:10px;} .NewWebcastList-Block .Presenter-Name{ float:left; min-width:180px; border-left:none; padding-left:0px; padding-right:10px;} /*--- 28 May 2019 (New Webcast Pages)-----*/ .NewWebcastList-Block .ClientLogo{ float:none; margin-right:0px; padding-right: 0px; border-right: 0px dashed #d1d2d4;} /*--- 15 Aug 2019 (Successful Page) ---*/ .Successful-Top-Block{background: none;background: #fff; padding: 40px 30px; margin-bottom:30px; border-bottom:solid 5px #94c83c;} .Successful-02-Top-Block{background: none;background: #fff; padding: 40px 30px; margin-bottom:30px; border-bottom:solid 5px #94c83c;} /*--- 30 Jan 2020 (NCHRA) ---*/ .NCHRA-Home-Logo{ text-align:center; margin:20px 0px;} .NCHRA-Txt-BG{background: none; padding:20px; } /*--- 06 Feb 2020 (Inspire Symposium) ---*/ .InspireSymposium-Top-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Top-BG.jpg) no-repeat 0% 0% #ffbf26; padding:30px;} .InspireSymposium-Top-BG h1{font-size:30px; line-height:36px;} .InspireSymposium-Top-BG h3{font-size:16px; font-weight:600;} .InspireSymposium-Event-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Event.jpg) no-repeat 0% 0% #9fd5bc; padding:30px; margin-top:0px; margin-bottom:30px; } .InspireSymposium-Sponsor-BG{background: url(/remoteimages/website-images/2017_SiteRedesign/images/InspireSymposium-Sponsor.jpg) no-repeat 0% 0% #68c5cd; padding:30px; } @media screen and (max-width:420px){ .PageName .btn{ float:left; margin-right:0px; clear:both; display:block;} .Megatrend-Top-Block {background:none; background:#29323b;} } @media screen and (max-height:450px){ } /*-- checkout redirect --*/ .store-overlay{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:1101; display:none; background:rgba(0,0,0,0.7); color: #fff; font-size: 15px; align-items: center!important; justify-content: center!important; } .sk-cube-grid { width: 60px; height: 60px; margin: 20px auto; } .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #ddd; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } }