img{max-width: 100%} #wbcn-header{font-weight: 400;} #wbcn-header .navbar-brand { position: relative;max-width:225px;padding: 0px 24px; margin: 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { #wbcn-header .navbar-brand { padding: 2px 24px } } #wbcn-header .navbar-brand img{display: block} #wbcn-header.navbar{padding:26px 25px 23px 0;border-bottom: 1px solid #dddddd; height: 90px; font-family: 'Lato', sans-serif;background: #fff;z-index:99} #wbcn-header .navbar-nav-scroll .nav-link{padding: 0;} #wbcn-header .navbar-nav-scroll .navbar-nav>li{margin-left: 0px;position: relative; border-left:1px solid #ddd; } #wbcn-header .navbar-nav-scroll .navbar-nav>li:last-child:hover{border-right:1px solid #ddd; } #wbcn-header .navbar-nav-scroll .navbar-nav>li:hover .dropdown-menu, #wbcn-header .navbar-brand:hover .dropdown-menu{display: block;margin: 0} #wbcn-header .navbar-brand > a:before { width: calc( 100% + 1px); height: 26px; top: 100%; left: 0; display: block; content: ""; position: absolute; box-shadow: 0px 0px 0px 0px #5ba4f4 inset; transition: box-shadow 0.6s; visibility: visible; cursor: pointer; -webkit-transition: box-shadow 0.6s; -ms-transition: box-shadow 0.6s; } /* search section css */ .item-option-list{ position: relative; padding: 20px 0 29px; width:56%; max-width:850px; margin: 0 auto; z-index: 5; } .item-option-list:before{ content: ""; position: absolute; width: 10px; height: 10px; background: #fff; top: 0; border-radius:15px; left:8px; } .item-option-list:after{ content: ""; position: absolute; width:2px; height: 18px; background: #fff; top: 10px; left:12px; } .item-option-list input[type="radio"]{ position: absolute; left: 0px; opacity: 0 } .item-option-list label{ position: relative; display: inline-block; padding-left: 35px; color: #fff; font-size: 25px; margin-left: 0px; line-height: 1.3; margin: 0; font-weight: bold; cursor: pointer; } .item-option-list label:after { top: 4px; left: 0px; width:25px; height: 25px; border-radius: 50%; border:2px solid #fff; display:block; content: ""; position: absolute; } /* .item-option-list input:checked + label:after { background: #fff; box-shadow:0px 0px 0px 5px #5BA4F4 inset; } */ #servicesearch .item-option-list .radio-lists .servicesearch_radio + label:after { background: #fff; box-shadow:0px 0px 0px 5px #5BA4F4 inset; } #servicesearch .item-option-list .radio-lists .kbsearch_radio + label:after { top: 4px; left: 0px; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff; display: block; content: ""; position: absolute; } #servicesearch .item-option-list .radio-lists .blogsearch_radio + label:after { top: 4px; left: 0px; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff; display: block; content: ""; position: absolute; } #kbsearch .item-option-list .radio-lists .kbsearch_radio + label:after { background: #fff; box-shadow:0px 0px 0px 5px #5BA4F4 inset; } #kbsearch .item-option-list .radio-lists .servicesearch_radio + label:after { top: 4px; left: 0px; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff; display: block; content: ""; position: absolute; } #kbsearch .item-option-list .radio-lists .blogsearch_radio + label:after { top: 4px; left: 0px; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff; display: block; content: ""; position: absolute; } #blogsearch .item-option-list .radio-lists .blogsearch_radio + label:after { background: #fff; box-shadow:0px 0px 0px 5px #5BA4F4 inset; } #blogsearch .item-option-list .radio-lists .servicesearch_radio + label:after { top: 4px; left: 0px; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff; display: block; content: ""; position: absolute; } #blogsearch .item-option-list .radio-lists .kbsearch_radio + label:after { top: 4px; left: 0px; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #fff; display: block; content: ""; position: absolute; } /* search section css */ #wbcn-header .navbar-brand:hover > a:before { width: calc( 100% + 1px); height: 26px; top: 100%; left: 0; display: block; content: ""; position: absolute; border-right: 1px solid #ddd; box-shadow: 0px -12px 0px 0px #5ba4f4 inset; transition: box-shadow 0.6s; visibility: visible; cursor: pointer; -webkit-transition: box-shadow 0.6s; -ms-transition: box-shadow 0.6s; } @-moz-document url-prefix() { #wbcn-header .navbar-brand { padding: 2px 24px; } } /* #wbcn-header .navbar-brand:hover:before{width: calc( 100% + 1px); height: 26px; top: 100%; left:0; display: block; content: ""; position: absolute; border-right: 1px solid #ddd; box-shadow: 0px -12px 0px 0px #5BA4F4 inset; transition: box-shadow 0.6s; visibility: visible; cursor: pointer; -webkit-transition: box-shadow 0.6s; -ms-transition: box-shadow 0.6s; } */ /*#wbcn-header .navbar-nav-scroll .navbar-nav>li:hover .dropdown-menu hr{margin-left: 35px; margin-right: 35px;}*/ #wbcn-header .navbar-nav-scroll .navbar-nav>li> a{color: #3d4141; display: block; padding: 0 15px; height:35px; line-height:35px; position: relative;font-size: 15px;font-weight: bold;} #wbcn-header .navbar-nav-scroll .navbar-nav>li> a:after{width: 10px; height: 18px; display: inline-block;content: ""; position: static;left:0;background: url(/images/arrow-right-menu.png) no-repeat 0 0;vertical-align: middle;margin-left: 6px; } #wbcn-header .navbar-nav-scroll .navbar-nav>li:before,#wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:before{box-shadow: 0px 0px 0px 0px #5BA4F4 inset; visibility:hidden; transition: box-shadow 0.6s; -webkit-transition: box-shadow 0.6s;-ms-transition: box-shadow 0.6s; width:calc( 100% + 2px); height: 26px;top:100%; display: block;content: ""; position: absolute;left:-1px;} #wbcn-header .navbar-nav-scroll .navbar-nav>li:hover:before,#wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:hover:before{ width:calc( 100% + 2px); height: 26px;top:100%; display: block;content: ""; position: absolute;left:-1px; border-left:1px solid #ddd; border-right:1px solid #ddd; box-shadow: 0px -12px 0px 0px #5BA4F4 inset; transition: box-shadow 0.6s;visibility:visible;cursor: pointer; -webkit-transition: box-shadow 0.6s;-ms-transition: box-shadow 0.6s; } #wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:hover:before{left:-2px;} #wbcn-header .navbar-nav-scroll .navbar-nav>li#SERVICES:hover:before,#wbcn-header .navbar-nav-scroll .navbar-nav>li#Training:hover:before,#wbcn-header .navbar-nav-scroll .navbar-nav>li#SERVICES:before{ width: 100%; } #wbcn-header .navbar-nav-scroll .navbar-nav>li#SERVICES .dropdown-menu:after,#wbcn-header .navbar-nav-scroll .navbar-nav>li#Training .dropdown-menu:after{display: none} .right-nav-part{ padding-right:0px; } #wbcn-header .right-nav-part .navbar-nav.map-nav{display: none !important;} #wbcn-header .navbar-nav-scroll .navbar-nav>li.mapdropdown a:after{ display: none } #wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:before,#wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:hover:before{width:calc( 100% + 2px); height: 27px;} #wbcn-header .navbar-nav-scroll .navbar-nav>li.mapdropdown:before{box-shadow: none; border: 0} #wbcn-header .navbar-nav-scroll .navbar-nav>li .dropdown-menu,#wbcn-header .navbar-brand .dropdown-menu{background: #fff;padding: 20px 0px;box-shadow: 9px 11px 0px 0px rgba(0,0,0,0.15);border-radius: 0; width: 253px;top: 61px;border: 1px solid #65A9F5;} #wbcn-header .navbar-nav-scroll .navbar-nav>li .dropdown-menu:after,#wbcn-header .navbar-brand .dropdown-menu:after{content: "";position: absolute; width: 9px; height:10px;background: rgba(0,0,0,0.15); right: -10px;top: 0;} #wbcn-header .navbar-nav-scroll .navbar-nav>li .submenu:after,#wbcn-header .navbar-brand .submenu:after{content: "";position: absolute; width: 9px; height:10px;background: rgba(0,0,0,0.15); right: -10px;top: 0;} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li{margin-bottom:0px;font-weight:normal;} #wbcn-header .navbar-nav>li ul li a,#wbcn-header .navbar-brand .dropdown-menu li a{color: #272727;text-decoration: none;} #wbcn-header .navbar-nav>li ul li a:hover, #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li a:focus,#wbcn-header .navbar-brand .dropdown-menu li a:hover,#wbcn-header .navbar-brand .dropdown-menu li a:focus,#wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li a:focus,#wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li a:hover{text-decoration: none;color: #000;background: #eee;position: relative} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li a,#wbcn-header .navbar-brand .dropdown-menu li a,#wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li a{font-size: 15px; display: block;padding: 10px 25px 9px 35px; text-transform: uppercase;} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li a:hover:after,#wbcn-header .navbar-brand .dropdown-menu li a:hover:after,#wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li a:hover:after{ width: 10px; height: 17px; display: inline-block;content: ""; background: url(/images/arrow-right-menu.png) no-repeat 0 1px; vertical-align: middle;margin-left: 6px;position: absolute;right: 10px;top: 50%;margin-top: -8px;} .font-weight-bold{font-weight: 900 !important} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.int-s-summit a{ background: url(https://webcertain.com/international-search-summit/shared/images/ISS-logo-52px.png) no-repeat 15px center; color: #0C1212; font-weight: 900; text-transform: capitalize; font-size: 19px; line-height: 1.3; padding-left: 79px; } #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.int-s-summit{margin-top: -10px;} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.int-s-summit a:hover:after{display: none} .btn-bar-colapse.collapsed,.btn-bar-colapse.collapsed:active{background: url(/images/top-sprite-icon.png) no-repeat -183px 1px !important} .btn-bar-colapse,.btn-bar-colapse:active{background: url(/images/top-sprite-icon.png) no-repeat -119px 0px !important; } #menu-bar.collapse{display: none} .btn-bar-colapse{position: relative; width: 48px; height: 24px; border-radius: 0;margin-left: 5px;display: none} .full-menu{ position: absolute; width: 100%;top:calc(100% + 1px );background: #fff; left: 0;padding: 0px 0; box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.15);} .btn-hdr-search,.btn-hdr-search:active{position:relative; background-color:#fff; background-image: url(/images/menu-icon/search-icon.svg) !important; background-repeat: no-repeat; background-position: center center ;width: 60px;height: 35px; padding-right: 15px;border-right:1px solid #ddd;border-left:1px solid #ddd; border-top: 0; border-bottom: 0;border-radius: 0} .btn-hdr-search:focus,.btn-hdr-search:hover{box-shadow:none; outline: 0} .btn-hdr-search:before{ box-shadow: 0px 0px 0px 0px #5BA4F4 inset; visibility:hidden; transition: box-shadow 0.6s; -webkit-transition: box-shadow 0.6s;-ms-transition: box-shadow 0.6s; width:calc( 100% + 2px); height: 26px;top:100%; display: block;content: ""; position: absolute;left:-2px; } .btn-hdr-search.search-open:before{ width:calc( 100% + 2px); height: 26px;top:100%; display: block;content: ""; position: absolute;left:-1px; border-left:1px solid #ddd; border-right:1px solid #ddd; box-shadow: 0px -12px 0px 0px #5BA4F4 inset; transition: box-shadow 0.6s;visibility:visible;cursor: pointer; -webkit-transition: box-shadow 0.6s;-ms-transition: box-shadow 0.6s; } /*.login-nav .nav-item{ border-right:1px solid #ddd; }*/ .login-nav .nav-link{margin: 0;padding:5px;} .login-nav .btn-login{ height:32px;width:70px; padding: 5px 7px;background:#fff url(/images/menu-icon/user-icon.svg) no-repeat center center; display: block; color: #000000;} #wbcn-header .right-nav-part .navbar-nav>li{position: relative} #wbcn-header .right-nav-part .navbar-nav>li:hover .dropdown-menu{display: block;box-shadow: -4px 8px 0px 0px rgba(0,0,0,0.15);} .mapdropdown .dropdown-menu { width: 420px; top: 60px; margin: 0; border: 1px solid #65A9F5; border-radius: 0; right: 0; left: auto; padding: 10px; } .mapdropdown .dropdown-menu > ul{padding: 0px;} .mapdropdown .dropdown-menu > ul hr{display: none;} .mapdropdown .dropdown-menu >ul > li{width: 32%;padding: 5px 0px;display: inline-block;vertical-align: top;list-style: none} .mapdropdown .dropdown-menu >ul > li span{font-weight: 600;padding: 0 10px;display: block; text-transform: uppercase} .mapdropdown .dropdown-menu ul ul{margin:6px 0 0;padding: 0;} .mapdropdown .dropdown-menu ul ul li{padding:2px 0;width: 100%;list-style: none} #wbcn-header .mapdropdown .dropdown-menu ul ul li a{font-size:14px;padding:4px 10px; display: block} .search-item{position:relative;list-style: none;} .search-item .dropdown-menu{left: 0;top: 52px; right: 0;border-radius: 0px;background: #fff;padding: 20px 0px;box-shadow: 9px 11px 0px 0px rgba(0,0,0,0.15);width:185px; margin: 0; border-radius: 0; top: 61px;border: 1px solid #65A9F5;} #wbcn-header .search-item .dropdown-menu li a { color: #3d4141; display: block; padding: 0 15px; height: 35px; text-transform: uppercase; line-height: 35px; position: relative; font-size: 15px; font-weight: bold;} #wbcn-header .search-item .dropdown-menu li a.active, #wbcn-header .search-item .dropdown-menu li:hover a { text-decoration: none; color: #000; background: #eee;} #wbcn-header .search-item .dropdown-menu li a:before { opacity: 0;width: 10px; height: 18px; display: inline-block;content: ""; background: url(/images/arrow-right-menu.png) no-repeat 0 3px; vertical-align: middle;margin-right: 6px; left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); } #wbcn-header .search-item .dropdown-menu li a.active:before {opacity: 1} #wbcn-header.collaspe-header .login-nav .nav-item{display: none } #wbcn-header .right-nav-part .navbar-nav > li.mapdropdown { position: absolute; right: 23px; top: 30px; border-left: 1px solid #fff; } #full-bd-docs-nav .navbar-nav>li .dropdown-menu{display: block;position: static;border: 0;margin: 0;padding: 0} #full-bd-docs-nav .navbar-nav>li.nav-item{width: 25%; border-right:1px solid #ddd; } #full-bd-docs-nav .navbar-nav{ padding: 45px 0; width: 76%; } #full-bd-docs-nav .navbar-nav>li.nav-item >a {padding: 0; color: #000; font-weight: 800;margin-bottom: 15px;margin-left: 40px} #full-bd-docs-nav .navbar-nav>li.nav-item >a:after{background: url(/images/arrow-right-menu.png) no-repeat 0 0; vertical-align: middle;margin-left: 6px;width: 10px;height: 15px;display: inline-block;content: "";position: static;} #full-bd-docs-nav .navbar-nav>li .dropdown-menu li{margin-bottom: 0px;} #full-bd-docs-nav .navbar-nav>li ul li a{font-size: 15px;padding: 8px 20px 8px 40px;display: block; text-transform: uppercase} #full-bd-docs-nav .navbar-nav>li ul li a:after{vertical-align: middle;margin-left: 6px;width: 10px;height: 16px;display: inline-block;content: "";} #full-bd-docs-nav .navbar-nav>li ul li a:hover{text-decoration: none; color: #000; background: #eee;} #full-bd-docs-nav .navbar-nav>li ul li a:hover:after{background: url(/images/arrow-right-menu.png) no-repeat 0 0; vertical-align: middle;margin-left: 6px;width: 10px;height: 16px;display: inline-block;content: "";} #full-bd-docs-nav .navbar-nav > li.nav-item:last-child{display: none} .event-service-box-inner{width:22%;padding: 45px 0;} .event-service-box-inner a{font-size:14px;font-weight: 800;color: #000; text-decoration: none;margin-bottom: 5px;display: inline-block; text-transform: uppercase} .event-service-box-inner a:after { background: url(/images/arrow-right-menu.png) no-repeat 0 0; vertical-align: middle; margin-left: 6px; width: 10px; height: 15px; display: inline-block; content: ""; position: static; } /*EVENT menu*/ #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS { position: static; } #wbcn-header .navbar-nav-scroll .navbar-nav>li#EVENTS:hover:before,#wbcn-header .navbar-nav-scroll .navbar-nav>li#EVENTS:before { width: 100%; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS:hover .dropdown-menu#EVENTS_ { display: flex; } #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#EVENTS_ { width: 100%; top: 89px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li:first-child h3 { font-size: 42px; font-weight: 300; text-align: left; padding: 0 38px; margin-right: 20px; margin-top: 13px; position: relative; text-transform: none; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li:first-child h3:after { content: ""; background: url(/images/bracket-icon.svg) no-repeat; width: 30px; height: 120px; display: block; position: absolute; right: 0; top: -8px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a { padding: 0; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a { color: #303641; } #EVENTS li samp { position: relative; margin-top: 25px; display: block; margin-bottom: 15px; } #EVENTS li samp:before { height: 48px; } #EVENTS li samp:before { content: ""; width: 1px; background: #7d7d7d; display: block; position: absolute; height: 45px; left: 50%; bottom: 100%; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a svg { stroke: #3f4b52; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a { color: #303641; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a h5 { font-weight: 800; font-size: 18px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a h5 span { text-transform: none; font-size: 18px; font-weight: 400; display: block; margin-bottom: 5px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li { display: inline-block; width: 8.3%; padding: 0; text-align: center; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li { width: 13%; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li:first-child { width: 35%; } #wbcn-header .navbar-nav-scroll .navbar-nav>li#EVENTS ul li a:hover{background: none;} #wbcn-header .navbar-nav-scroll .navbar-nav>li#EVENTS ul li a:hover:after{ display: none; } .event-service-box-inner h5{font-size: 14px;font-weight: 400;text-transform: uppercase} .event-service-box-inner p{font-size: 14px;margin-bottom: 0;font-weight: 800} .box-featured,.box-event{padding-left:10%;width: 194px;} .mapdropdown.collapse{display: none} .navbar-expand .navbar-nav .mapdropdown .nav-link{padding:0px 17px 5px 8px;} .collaspe-header .btn-hdr-search{border-left-color: #fff;} .wcn-search-section{width: 100%;background: #fff; padding: 40px 0 15px; min-height:160px; position: absolute; top:100%;left: 0; margin-top: 1px; box-shadow: 0px 11px 0px 0px rgba(0,0,0,0.15);} .form-inner-wcn-filter-search{max-width: 900px;margin: 0 auto; border:2px solid #5BA4F4; border-radius: 2px;} .advance-search-filter-wcn{ width: 100%; padding: 25px 20px 5px; } .adv-filter-btn-wcn{width: 48px;height: 48px;background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -245px -170px; display: block;margin: 3px 0;} .form-inner-wcn-filter-search{ display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; padding: 5px; } .form-inner-wcn-filter-search input[type="text"]{ border: 0; width: calc(100% - 110px);padding-left: 5px; font-size: 28px;font-weight: 300; } .form-inner-wcn-filter-search input[type="text"]:focus{outline: 0} .searchicon-wcn{ background:url(/images/search-icons.png) no-repeat 13px 18px; width: 55px;height: 54px;border-radius: 4px;cursor: pointer; } .adv-filter-btn-wcn.active-filter{background:#5BA4F4 url(/images/wcn-sprite-icons-fltr.png) no-repeat -245px -217px ;} .top-panel-adv-filter-wcn{ border-bottom: 1px solid #5BA4F4; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; margin: 0 30px; } .left-advance-srch-panel{ padding: 50px 0; border-right: 1px solid #5BA4F4; width: 30%; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; } .item-wcn-sort{ width: 33.3%;padding: 0 15px;text-align: center; border-left:1px solid #ddd; } .item-wcn-sort:first-child{border-left:0 } .item-wcn-sort input[type="radio"]{display: none} .item-wcn-sort label{margin: 0; text-align: center;cursor: pointer; text-transform: uppercase; font-size: 18px;font-weight: bold;color: #888; } .wcn-new-sort label span{display: block;width: 55px;height:55px;margin:0 auto 12px;color: #888; background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat 0px -161px ;} .wcn-poplr-sort label span{ display: block; width: 55px;height:55px;margin:0 auto 12px; background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -82px -164px ; color: #888; } .wcn-trend-sort label span{ display: block; width: 55px;height:55px; margin:0 auto 12px;color: #888; background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -153px -164px ; } .wcn-new-sort input[type="radio"]:not(old):checked + label span{background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat 0px -232px ;} .wcn-poplr-sort input[type="radio"]:not(old):checked + label span{background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -80px -233px ;} .wcn-trend-sort input[type="radio"]:not(old):checked + label span{background:#fff url(/images/wcn-sprite-icons-fltr.png) no-repeat -153px -233px ;} .wcn-new-sort input[type="radio"]:not(old):checked + label, .wcn-poplr-sort input[type="radio"]:not(old):checked + label,.wcn-trend-sort input[type="radio"]:not(old):checked + label { color: #000; } .right-advance-srch-panel{ padding:15px 0; width: 70%; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row !important; flex-direction: row !important; flex-wrap: wrap; align-self: start; } /*Switching*/ .WCN-kbtype-list{ width: 25%; padding: 0 20px;margin-bottom: 10px;} .onoffswitch-checkbox { display: none !important;} .onoffswitch{ position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width: 38px; float: left; margin-right: 10px; margin-top: 4px; } .onoffswitch-switch { background: #aaa; border:2px solid #aaa; margin: 0; width: 18px; height: 18px; right: 19px; position: absolute;top: 0; bottom: 0; border-radius: 20px;transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;z-index: 3; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 20px; padding: 0px; margin: 0; border-radius: 10px; height: 18px; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 100%; padding: 0;font-size: 14px; color: white; font-family: 'Lato',sans-serif !important; font-weight: bold; content: ""; position: absolute; } .onoffswitch-inner:before { content: ""; padding-left: 10px; color: #FFFFFF; } .onoffswitch-inner:before { background: #C6DFFB; height: 18px; line-height: 18px; left: -100%;transition: left 0.3s ease-in 0s; -webkit-transition: left 0.3s ease-in 0s; z-index: 1; } .onoffswitch-inner:after { background: #fff; height: 18px; line-height: 18px; border-radius: 10px; border: 2px solid #ccc; z-index:0; left:-1px; } .onoffswitch-inner { display: block; width: 100%; height: 18px; position: relative; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; background: #5BA4F4; border-color: #285FFF;z-index: 3; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner:before{ left: 0; z-index: 1;transition: left 0.3s ease-in 0s; -webkit-transition: left 0.3s ease-in 0s; } /*bottom sort item*/ .sort-item-list-box{padding: 30px 0 15px;display: table;width: 100%;} .box-sort-itms{ width: 8.9%;padding: 0 10px;border-left:1px solid #ddd; display: table-cell;font-size: 14px;text-transform: uppercase; } .box-sort-itms:first-child{border: 0} .box-sort-itms input[type="checkbox"]{ display: none } .box-sort-itms input[type="checkbox"]:not(old) + label { padding-left: 0px; line-height: 20px; color: #878787; cursor: pointer; text-align: center; display: block;margin-bottom: 0; } .box-sort-itms input[type="checkbox"]:not(old):checked + label { color: #000; cursor: pointer;} .box-sort-itms input[type="checkbox"]:not(old) + label span { width: 55px; height: 55px; display: block; margin: 0 auto 10px; background-image:url(/images/wcn-sprite-icons-fltr.png); background-repeat: no-repeat; } .globar-online input[type=checkbox]:not(old) + label span{background-position: 2px -4px;} .globar-online input[type=checkbox]:not(old):checked + label span{background-position: 2px -64px;} .content-marketing input[type=checkbox]:not(old) + label span{background-position: -85px 1px;} .content-marketing input[type=checkbox]:not(old):checked + label span{background-position: -85px -65px;} .data-analysis input[type=checkbox]:not(old) + label span{background-position: -156px 4px;} .data-analysis input[type=checkbox]:not(old):checked + label span{background-position: -153px -62px;} .serch-engine-statistics input[type=checkbox]:not(old) + label span{background-position: -230px -3px;} .serch-engine-statistics input[type=checkbox]:not(old):checked + label span{background-position: -230px -63px;} .seo-analysis input[type=checkbox]:not(old) + label span{background-position: -294px 3px;} .seo-analysis input[type=checkbox]:not(old):checked + label span{background-position: -298px -62px;} .pay-per-click input[type=checkbox]:not(old) + label span{background-position: -372px 3px;} .pay-per-click input[type=checkbox]:not(old):checked + label span{background-position: -372px -67px;} .country-guide input[type=checkbox]:not(old) + label span{background-position: -435px 3px;} .country-guide input[type=checkbox]:not(old):checked + label span{background-position: -439px -64px;} .social-strategis input[type=checkbox]:not(old) + label span{background-position: -509px 2px;} .social-strategis input[type=checkbox]:not(old):checked + label span{background-position: -509px -66px;} .social-media-platform input[type=checkbox]:not(old) + label span{background-position: -586px -3px;} .social-media-platform input[type=checkbox]:not(old):checked + label span{background-position: -586px -64px;} .effective-translation input[type=checkbox]:not(old) + label span{background-position: -658px -2px;} .effective-translation input[type=checkbox]:not(old):checked + label span{background-position: -653px -63px;} .mobile-marketing input[type=checkbox]:not(old) + label span{background-position: -731px -3px;} .mobile-marketing input[type=checkbox]:not(old):checked + label span{background-position: -727px -67px;} .programatic-ads.box-sort-itms input[type="checkbox"]:not(old) + label span{width: 66px;} .programatic-ads input[type=checkbox]:not(old) + label span{background-position: -794px 2px;} .programatic-ads input[type=checkbox]:not(old):checked + label span{background-position: -794px -63px;} .search-btn-filter-part .btn-primary{border-radius:0;padding:10px 50px;background: #5BA4F4;color: #fff;text-transform: uppercase;font-size: 18px;font-weight: bold; border: 0; } .search-btn-filter-part .btn-primary:hover{background: #0056b3} .WCN-kbtype-list span{color: #868686; font-size: 14px;text-transform: uppercase;} .WCN-kbtype-list.checked span{color: #000; } .ac_results { background-color: white; overflow: hidden; z-index: 99999; } .ac_odd { background-color: #eee; } .ac_results_new_top { left: -2px !important; max-width: 900px !important; top: 100%; width: calc(100% + 4px); } .form-inner-wcn-filter-search{ position: relative; } .ac_results_new_top { padding: 4px; border: 2px solid #5ba4f4; } .ac_results_new { padding: 4px; border: 2px solid #5ba4f4; } .event-service-box-inner figure {margin-bottom: 3px;} .event-service-box-inner figure a:after{display: none} .event-service-box-inner h5 a:after{display: none} .event-service-box-inner h5,.event-service-box-inner h5 a{font-size: 14px;font-weight: 400;text-transform: uppercase; text-decoration: none;margin-bottom: 2px;} .ac_results_new_top ul{padding: 0;margin: 0;list-style: none} .ac_results_new_top li { font-size: 16px; padding: 11px 5px; line-height: 22px; color: #464242; font-family: inherit; list-style: none; cursor: pointer } .ac_results_new_top li:hover{color:#fff;background-color:#5ba4f4 } .login-nav .btn-login > span { position: absolute; top: 100%; text-transform: uppercase; font-size: 12px; width: 100%; text-align: center; left: 0;} #Training li a span{display: block;width: 90px;height: 62px; margin: 0 auto 10px;background-image:url(/images/wcn-sprite-icons-fltr.png); background-repeat:no-repeat; } #Training li a h5{font-size: 14px;} #Training li.b2b a span:before{height: 69px; left: 48%; bottom: 38px;} #Training li.SEO a span svg{margin-left: 11px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_,#wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#SERVICES_ { width: 100%; top: 89px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training:hover .dropdown-menu#Training_,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES:hover .dropdown-menu#SERVICES_{display: flex; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES { position: static; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li, #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li{display: inline-block ; width: 8.3%; padding: 0; text-align: center;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li{ width: 13%; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child{width: 35%} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3{font-size: 42px;font-weight: 300;text-align: left;padding: 0 38px;margin-right: 20px;margin-top:13px; position: relative} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3:after{ content: ""; background:url(/images/menu-icon/bracket-icon.svg) no-repeat; width: 30px; height: 120px; display: block;position: absolute; right: 0; top: -8px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training:hover > a::before,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES:hover > a::before, #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS:hover > a::before{ width: calc( 100% + 2px); height: 26px; top: 100%; display: block; content: ""; position: absolute; left: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-shadow: 0px -12px 0px 0px #5BA4F4 inset; transition: box-shadow 0.6s; visibility: visible; cursor: pointer; -webkit-transition: box-shadow 0.6s; -ms-transition: box-shadow 0.6s; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training > a::before,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES > a::before, #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS > a::before { box-shadow: 0px 0px 0px 0px #5BA4F4 inset; visibility: hidden; transition: box-shadow 0.6s; -webkit-transition: box-shadow 0.6s; -ms-transition: box-shadow 0.6s; width: calc( 100% + 2px); height: 26px; top: 100%; display: block; content: ""; position: absolute; left: -1px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a:hover::after,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a:hover::after, #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a:hover::after{ display: none; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a{ padding: 10px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a{padding: 0} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a:hover, #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a:hover, #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a:hover{ background: none; } /*Navigation*/ #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training:hover .dropdown-menu#Training_{padding-top: 0;box-shadow:0 11px 0px 0px rgba(0,0,0,0.15)!important; border-left: 0 !important;border-bottom: 0 !important;border-right: 0 !important;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li{width: 12% ; border: 0} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning{width: 16% ; border: 0} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul{margin:30px 0 0;padding: 0 0 0 30px;list-style: none; border-left:1px solid #ccc; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li{display: block;width: 100%;padding: 0; text-align: left;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li a{padding-left: 10px;font-weight: bold;} #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.globar-online,#wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.data-analysis,#wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.serch-engine-statistics, #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.social-strategis, #wbcn-header .navbar-nav-scroll .navbar-nav>li ul li.effective-translation {display: none !important} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a{ color: #303641} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a h5{font-weight: 800; font-size: 18px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a h5 span{text-transform: none; font-size: 18px;font-weight: 400; display: block} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a:hover{color: #125aaf} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a svg { stroke:#3f4b52 } #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a:hover svg { stroke:#125aaf } #Training li a h5{font-size: 18px !important;text-transform: uppercase;} #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_{padding: 0 30px 20px !important} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li:hover{background: none!important} #Training >ul> li > a {padding-top:0!important; } #Training li a span{position: relative;margin-top: 45px !important;} #SERVICES li samp{position: relative} #Training li a span:before, #SERVICES li samp:before{content: ""; width: 1px;background: #7d7d7d;display: block; position: absolute; height:45px;left: 50%;bottom: 100%; } #Training li a:hover span:before,#SERVICES li a:hover samp:before{background: #2d83eb} #Training li a span svg{stroke: #3f4b52;} #Training li a:hover span svg{ stroke: #125aaf;} #SERVICES li samp:before{height: 48px;} .intl-seo samp{ margin-top: 27px; display: block; margin-bottom: 2px;} .intl-ppc samp,.gblsmedia samp{margin-top: 14px; display: block; } .perfmtransltn samp{ display: block; margin:15px 0 3px;} .vwscastdis samp{ display: block; margin-top: 20px; margin-bottom: 2px;} #SERVICES li.intl-ppc samp:before{bottom: 79%;left: 48%;height: 52px;} #SERVICES li.gblsmedia samp:before{bottom: 80%;left: 50.7%;height: 51px;} #SERVICES li.perfmtransltn samp:before{height: 36px;} #SERVICES li.vwscastdis samp:before{height: 49px; bottom: 89%; left: 49.7%;} #Training li a:hover h5{color: #2d83eb;} #Training li.self-learning-SEO a span{width:72px; height: 68px; background: url(/images/seo-nav-icon.png) no-repeat;background-position:11px 6px; } #Training li.self-learning-SEO a:hover span{background-position:11px -62px; } #Training li.self-learning-social a span{width:62px; height: 68px; background: url(/images/social-media-nav-icon.png) no-repeat;background-position:1px 0; } #Training li.self-learning-social a:hover span{background-position:1px -74px; } #Training li.self-learning-paidmedia a span{width:52px; height: 68px; background: url(/images/paid-media-nav-icon.png) no-repeat;background-position:0 6px; } #Training li.self-learning-paidmedia a:hover span{background-position:0px -67px; } #Training li.self-learning-content-marketing a span{width:57px; height: 68px; background: url(/images/content-marketin-nav-icon.png) no-repeat;background-position:0 5px; } #Training li.self-learning-content-marketing a:hover span{background-position:0px -78px; } #Training li.self-learning-E-commerce a span{width:75px; height: 68px; background: url(/images/ecommerce-nav-icon.png) no-repeat;background-position:0 10px; } #Training li.self-learning-E-commerce a:hover span{background-position:0px -59px; } #Training li.self-learning-Localisation a span{width:61px; height: 68px; background: url(/images/localization-nav-icon.png) no-repeat;background-position:0 5px; } #Training li.self-learning-Localisation a:hover span{background-position:0px -65px; } #Training li.self-learning-B2b a span{width:75px; height: 68px; background: url(/images/b2b-nav-icon.png) no-repeat;background-position:6px 4px; } #Training li.self-learning-B2b a:hover span{background-position:6px -70px; } #Training li.self-learning-SEO a span:before{ height: 52px; bottom: 62px;} #Training li.self-learning-content-marketing a span:before{height: 51px; bottom: 62px;} #Training li.self-learning-paidmedia a span:before{height: 51px; bottom: 62px;} #Training li.self-learning-E-commerce a span:before{height: 56px; bottom: 58px;} #Training li.self-learning-Localisation a span:before{height: 51px; bottom: 62px;} #Training li.self-learning-B2b a span:before{height: 74px; bottom: 39px;} #wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:hover:before{border-right: 0} /*3rd level menu*/ .submenu{margin: 0;padding: 0 0 0 9px;background: #eee} .navbar-nav-scroll .submenu{background: none} .submenu li{list-style: none;display: block;padding-left:20px;position: relative; } /*.submenu li:before{content: "";position: absolute;left: 0;top: 0;border-left:1px solid #ccc; height: 100%;display: block }*/ .submenu li:last-child:before{height: 50%;} .nav-item-dropdown .submenu{display: none} .nav-item-dropdown:hover .submenu{display: block} .open-sub .nav-item-dropdown .submenu{display: block} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown:hover a, #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown:hover, #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown > a{background: #eee;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown > a{position: relative;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown{position: relative} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:before, /*#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover:before,*/ #wbcn-header .navbar-nav-scroll .navbar-nav .open-sub .nav-item-dropdown:before{content: ""; width:9px; height: 9px;display: block;position: absolute;top: 16px;left:21px; border-radius:50%;background: #ccc;z-index: 2; } #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:after,/*#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover:after,*/ #wbcn-header .navbar-nav-scroll .navbar-nav .open-sub .nav-item-dropdown:after {width: 1px; height: 25px;margin-left:0; top: 20px;background: #ccc;position: absolute;left: 25px;content: "";} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li,#wbcn-header .navbar-brand .dropdown-menu li{display: block} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul ul.submenu li a{padding: 8px 12px;text-transform: none;color: #3F4B52} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul ul.submenu li a:hover{ color: #000} .submenu li a{position: relative;text-transform: none;color: #3F4B52} /*.submenu li a:after,.submenu li a:before{content: "";position: absolute;}*/ /*.submenu li a:after{content: "";position: absolute;left:-20px;top: 19px; width: 12px;height: 1px;background: #ccc;display: block;} .submenu li a:before{width: 9px;height: 9px;border: 1px solid #ccc;border-radius: 50%;display: block; left :-8px;top: 15px;}*/ #wbcn-header .navbar-nav-scroll .navbar-nav > li ul .submenu li a:hover:after{background: #ccc;width: 12px;height: 1px;left:-26px;top: 19px;} .submenu li a:hover:before{background:#5BA4F4; border-color:#5BA4F4; } #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a{text-transform: none;padding-left: 15px;} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown{position: relative} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a:after,#full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown .submenu li a:hover:after{margin-left: 0;width: 12px;height: 1px;background: #ccc;} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown > a:after,#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown> a:hover:after{display: none} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover a{background: #eee} #wbcn-header .navbar-nav > li ul ul.submenu li a{color: #3F4B52} #wbcn-header .navbar-nav > li ul ul.submenu li a:hover{color: #000} #wbcn-header .navbar-nav-scroll .navbar-nav > li ul .submenu li a:hover:before{ display:none; } #wbcn-header .navbar-nav-scroll .navbar-nav > li ul .submenu li a:hover:after{ width: 10px; height: 17px; display: inline-block;content: ""; background: url(/images/arrow-right-menu.png) no-repeat 0 1px; vertical-align: middle;margin-left: 6px;position: absolute;right: 10px;top: 50%;margin-top: -8px;} /* #wbcn-header .navbar-nav-scroll .navbar-nav > li.open-sub ul li.nav-item-dropdown .down-arrow, #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown .down-arrow { display: block;background: url(/images/arrow-right-menu.png) no-repeat 12px -58px; vertical-align: middle; position: absolute; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); cursor: pointer; } #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown .down-arrow, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .down-arrow{ display: block;background: url(/images/arrow-right-menu.png) no-repeat 14px -55px; position: absolute;width: 38px;height: 38px;right: 9px; left: auto; top:0px;cursor: pointer; transform: rotate(90deg); -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); } #wbcn-header .navbar-nav-scroll .navbar-nav > li ul li.nav-item-dropdown .down-arrow.arrow-right, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .down-arrow.arrow-right { display: block;background: url(/images/arrow-right-menu.png) no-repeat 14px -55px; vertical-align: middle; position: absolute; transform: rotate(90deg); -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); cursor: pointer; } 3rd Level Menu */ #full-bd-docs-nav .navbar-nav > li.nav-item span{display: none} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training:before { width: 100%; } .loading { left: 0; position: fixed; top: 0; background: url(/images/loader-place-holder.png) no-repeat center center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); padding: 32px; z-index: 555; } @media (max-width:1680px){ #full-bd-docs-nav .navbar-nav > li.nav-item > a{margin-left: 30px;} #full-bd-docs-nav .navbar-nav > li ul li a{padding: 8px 12px 8px 30px;} .box-featured, .box-event{padding-left: 7%;} } @media (max-width:1560px){ .box-featured{display: none} #full-bd-docs-nav .navbar-nav{width: 84%} .event-service-box-inner{width: 16%} .box-event{ padding-left: 15%;} #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 10px;} .item-wcn-sort label{font-size: 15px;} .item-wcn-sort{padding: 0 10px;} .WCN-kbtype-list{padding: 0 15px;} .onoffswitch{margin-right: 5px;} .WCN-kbtype-list span{font-size: 13px;} .box-sort-itms{font-size: 13px;} #full-bd-docs-nav .navbar-nav > li.nav-item > a{margin-left: 25px;} #full-bd-docs-nav .navbar-nav > li ul li a{padding: 8px 12px 8px 40px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 8px;font-size: 14px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3{padding: 0 35px 0 28px;font-size: 38px} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3:after{ top: 50%; margin-top: -65px;} } @media (max-width:1370px){ .box-event{display: none} #full-bd-docs-nav .navbar-nav{width: 100%; display: table;} #full-bd-docs-nav .navbar-nav > li.nav-item{display: table-cell;width: auto;} #full-bd-docs-nav .navbar-nav>li.nav-item:first-child { width: 20%; } .event-service-box-inner{display: none !important} #full-bd-docs-nav .navbar-nav > li.nav-item:nth-child(4){border: 0} .WCN-kbtype-list{width: 33%;} .right-advance-srch-panel{width: 67%} .left-advance-srch-panel{width: 33%} .sort-item-list-box{display: -ms-flexbox;display: flex;-ms-flex-direction: row ;flex-direction: row ; flex-wrap: wrap;padding-bottom: 0;margin-bottom: 15px; overflow: hidden} .box-sort-itms{width:16.25%; border:0;padding: 15px;display: block} .box-sort-itms:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #ddd;} .box-sort-itms:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px solid #ddd; } #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_{padding: 0 16px 20px !important} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li{ width: 11%;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning{width: 22%} #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li:first-child { width: 40%; } } @media (max-width:1339px){ /*#wbcn-header .right-nav-part .navbar-nav > li.mapdropdown{position: relative; top:0; left: 0}*/ #wbcn-header .navbar-nav-scroll .navbar-nav>li:first-child:hover{border-left-color:#ddd; } .navbar-expand .navbar-nav .mapdropdown .nav-link{padding: 0 18px; min-height:auto;} #wbcn-header .right-nav-part .navbar-nav > li:hover .dropdown-menu{box-shadow: 4px 8px 0px 0px rgba(0,0,0,0.15); left: auto;right: 0; } .navbar-expand .navbar-nav .mapdropdown .nav-link{padding: 2px 16px;} #wbcn-header.navbar{padding: 26px 25px 23px 0;} .right-nav-part{padding-right: 0px;} #wbcn-header .right-nav-part .navbar-nav > li.mapdropdown:hover:before{ height: 28px; border-right: 0;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training:hover .dropdown-menu#Training_ { flex-wrap: wrap; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li{width: 14%} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3{font-size: 32px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child{ width: 30%} .mapdropdown .dropdown-menu:after{ content: ""; position: absolute; width: 4px; height: 8px; background: rgba(0,0,0,0.15); right: -5px; top: -1px; } } @media (max-width:1199px){ #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 15px;} .WCN-kbtype-list span{font-size: 12px;} .box-sort-itms{padding: 8px} .WCN-kbtype-list{margin-bottom: 5px;} .left-advance-srch-panel{padding: 30px 0} .right-advance-srch-panel{padding:0px} .advance-search-filter-wcn{padding: 20px 15px 5px;} .box-sort-itms input[type="checkbox"]:not(old) + label span{margin-bottom: 5px;} #full-bd-docs-nav .navbar-nav > li ul li a{font-size: 14px;padding-left: 20px;padding-right: 10px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li > a{padding: 0 8px;} #full-bd-docs-nav .navbar-nav > li.nav-item > a{margin-left: 20px;} .smll-none{display: none} /*3rd Level Menu */ #full-bd-docs-nav .navbar-nav > li ul li a:hover:after,#full-bd-docs-nav .navbar-nav > li ul li a:after{margin-left: 4px;} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:before{left: 10px;} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:after{left: 14px;} #full-bd-docs-nav .open-sub .nav-item-dropdown .submenu{padding: 0 0 0 14px;} #full-bd-docs-nav .navbar-nav > li ul li a { font-size: 14px; padding-left: 26px; padding-right: 5px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li .dropdown-menu#Training_ { padding: 0 0px 10px !important;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li{width: 12%;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning{width: 16%} #Training li a h5{font-size: 16px !important} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li a, #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a{padding: 5px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul{ margin: 20px 0 0; padding: 0 0 0 0px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3{font-size: 26px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a h5,#wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li a h5 span{font-size: 16px;} /*3rd Level Menu */ #wbcn-header .navbar-nav-scroll .navbar-nav > li#SERVICES ul li:first-child h3{padding: 0 35px 0 15px;} #wbcn-header .navbar-nav-scroll .navbar-nav>li .dropdown-menu, #wbcn-header .navbar-brand .dropdown-menu{padding: 16px 0px} #wbcn-header .navbar-nav-scroll .navbar-nav > li#Training ul li.study-selflearning ul li a{padding-left: 44px;padding-right: 35px; font-size: 14px;font-weight: bold;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li:first-child h3{font-size: 34px;} #EVENTS li samp:before{ height: 42px;} #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li{ width: 14%; margin: 0 5px; } #wbcn-header .navbar-nav-scroll .navbar-nav > li#EVENTS ul li a h5{font-size: 16px;} } @media (max-width:1150px){ #wbcn-header .navbar-nav-scroll .navbar-nav>li#IN-HOUSE_SUPPORT{ display: none; } } @media (min-width:1024px){ #full-bd-docs-nav .navbar-nav > li .dropdown-menu{display: block !important} #full-bd-docs-nav.full-menu.collapse.show{display: none !important } } @media (max-width:1024px){ .btn-hdr-search, .btn-hdr-search:active{ border-left:0; } #wbcn-header .navbar-nav-scroll .navbar-nav>li:last-child{ border-right: 1px solid #ddd} } @media (max-width:1023px){ #wbcn-header .navbar-brand .dropdown-menu{display: none !important} .search-list-item{display: none !important} .navbar-nav-scroll{display: none} .right-nav-part{padding-right: 0px;} #full-bd-docs-nav .navbar-nav{display: block;padding: 0 0px;width: 80%;margin: 0 auto;} #full-bd-docs-nav .navbar-nav > li.nav-item{position: relative; width: 100%;padding-left: 0;padding-right: 0} #full-bd-docs-nav .navbar-nav > li.nav-item span.arrow-down{width:44px; height: 44px; display:block; position: absolute; right: 0;top: 9px;text-align: center; line-height: 44px;background:#fff url(/images/drown-arrow-menu.png) center center no-repeat;cursor: pointer;} #full-bd-docs-nav .navbar-nav > li.nav-item span.arrow-up {transform: rotate(180deg); display:block; -webkit-transform: rotate(180deg);width:44px; height: 44px; position: absolute; right: 0;top: 9px;text-align: center; line-height: 44px;background:#fff url(/images/drown-arrow-menu.png) center center no-repeat;cursor: pointer; } #full-bd-docs-nav .navbar-nav > li.nav-item > a:before{content: "";border-top: 1px solid #ddd;position: absolute;top: 63px;height: 1px;display: block;width: 100%; } #full-bd-docs-nav .navbar-nav > li.nav-item:last-child{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li:last-child{border: 0} #full-bd-docs-nav .navbar-nav > li .dropdown-menu{ padding: 0;overflow: hidden;display: none } #full-bd-docs-nav .navbar-nav > li .dropdown-menu.show{display: block; height: auto; padding: 0px 0 0 25px;} #full-bd-docs-nav .navbar-nav>li.nav-item >a:after{display: none} #full-bd-docs-nav .navbar-nav > li.nav-item > a{margin: 0;padding:20px 0; height: 63px; text-transform: uppercase; font-size: 15px;font-weight: 900} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li a{font-size: 14px;font-weight: bold} #full-bd-docs-nav .navbar-nav>li.nav-item{border-right: 0; border-top:1px solid #ddd;} #full-bd-docs-nav .navbar-nav>li.nav-item:first-child{border-top:0;width:100% } #full-bd-docs-nav .navbar-nav>li.nav-item:after{ border-bottom: 1px solid #ddd;width: 100%; height: 1px;position: absolute; top:63px;left: 0} #full-bd-docs-nav .navbar-nav>li.nav-item:last-child:after{display: none} #full-bd-docs-nav .navbar-nav > li .dropdown-menu{width:100%;margin: 0;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li{padding-left: 0px;margin-bottom: 0;border-bottom: 1px solid #ddd;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li a{padding:10px 0;display: block} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li ul{border-top:1px solid #ddd;padding-left: 20px; } #full-bd-docs-nav .navbar-nav > li .dropdown-menu li ul li{list-style: none;} #full-bd-docs-nav .navbar-nav > li ul li a:hover{text-decoration: none;} .btn-bar-colapse{display: block;height:32px;background-position: -63px 0px !important; left: 35px; position: absolute;top: 31px;width: 33px;} .btn-bar-colapse:active{background-position: -63px 0px !important;} .btn-bar-colapse.collapsed{width: 32px;height: 28px;background-position:-241px 1px !important;} .btn-bar-colapse.collapsed:active{background-position:-241px 1px !important;} .map-nav,.login-nav{display: none !important} .btn-hdr-search{border: 0} .btn-hdr-search.search-open:before{display: none} #full-bd-docs-nav .navbar-nav > li ul li a{text-indent: 15px;} .wcn-search-section{padding: 50px 10px 15px} .btn-hdr-search,.btn-hdr-search:active{background: #fff url(/images/top-sprite-icon.png) no-repeat 12px 1px !important;border-color: #fff;border: 0} .adv-filter-btn-wcn{display: none} .form-inner-wcn-filter-search input[type="text"]{width:calc(100% - 55px)} .form-inner-wcn-filter-search{padding:0 } .advance-search-filter-wcn.collapse.show{display: none} #full-bd-docs-nav .navbar-nav > li.nav-item:last-child{display: block} #full-bd-docs-nav .navbar-nav > li.nav-item{display: block} /*3rd level menu*/ #full-bd-docs-nav .navbar-nav li.nav-item-dropdown span.arrow-up{top: 0; height: 35px;} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover:before, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a:after{display: none} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover a {background: #fff;} #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-down,#full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-up{width: 36px;height: 32px;top: 4px;} .submenu{background: #fff; padding-left: 22px;} .submenu li:before{display: none} .submenu li a:before{top: 17px;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu li.nav-item-dropdown li{border: 0;} .nav-item-dropdown .submenu{border-top:1px solid #ccc; } #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .submenu li a{padding-left: 0;} #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown > a:after,#full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown:hover > a:after{display: none} #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-sub-down{width: 38px;height: 38px;top: 2px;} .nav-item-dropdown:hover .submenu{display: none} #full-bd-docs-nav .navbar-nav > li.nav-item ul li.nav-item-dropdown span.arrow-sub-down.arrow-up{width: 38px;height: 38px;top: 0px;} .down-arrow, #full-bd-docs-nav .navbar-nav > li ul li.nav-item-dropdown .down-arrow{display: none} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown > a{background: #fff} #full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:before,#full-bd-docs-nav .navbar-nav > li.open-sub ul li.nav-item-dropdown:after{display: none} #full-bd-docs-nav .open-sub .nav-item-dropdown .submenu { padding: 0 0 0 22px; } #wbcn-header .navbar-brand { left: 50%; top:50%; position:absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .btn-bar-colapse.collapsed { width: 32px; height: 28px; background-position: -241px 1px !important; display: block; } /*3rd level menu*/ #wbcn-header .navbar-brand:hover > a:before { display: none; } } @media (max-width:767px){ .login-nav .nav-item{margin-right: 0; border: 0} .login-nav .btn-login{width: 47px;} .btn-hdr-search.search-open:before{width: 100%} .full-menu{width: 100%} } @media (max-width:599px){ .login-nav{display: none} .btn-hdr-search{border: 0} #wbcn-header.navbar{padding:26px 0px 23px} .btn-bar-colapse{left: 25px;} #wbcn-header .navbar-brand{padding-top: 0} .wcn-search-section{min-height: 115px;padding: 30px 10px 15px;} } @media (max-width:480px){ #wbcn-header.navbar{padding:18px 0 12px; height: 70px;} .login-nav .btn-login{width: 60px;background-position:18px 5px } .btn-bar-colapse{top: 21px;left: 19px;width: 30px;height: 30px; } .login-nav{display: none} .btn-hdr-search{border-right:0 } #full-bd-docs-nav .navbar-nav{width: 100%;padding: 0 45px;} #full-bd-docs-nav .navbar-nav > li.nav-item{padding-right: 0} #full-bd-docs-nav .navbar-nav > li.nav-item > a{padding: 16px 0;} #full-bd-docs-nav .navbar-nav > li.nav-item:after{top: 55px;} #full-bd-docs-nav .navbar-nav > li .dropdown-menu.show-menu{width: 100%} #full-bd-docs-nav .navbar-nav > li.nav-item > a::before{top: 56px;} #full-bd-docs-nav .navbar-nav > li.nav-item > a{height: 56px;} #full-bd-docs-nav .navbar-nav > li.nav-item span.arrow-down{top: 6px;} .form-inner-wcn-filter-search input[type="text"]{font-size: 24px;width: calc(100% - 40px)} .searchicon-wcn{width: 40px;} } @media (max-width:430px){ #full-bd-docs-nav .navbar-nav > li .dropdown-menu{width: calc(100% - 22px); margin-left:22px;} } @media (max-width:385px){ #full-bd-docs-nav .navbar-nav{width: 100%;padding: 0 32px;} }