@font-face { font-family: 'Rockoultraflfregular'; src: url('../fonts/Rocko-webfont.eot'); src: url('../fonts/Rocko-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Rocko-webfont.ttf') format('truetype'), url('../fonts/Rocko-webfont.svg#Rockoultraflfregular') format('svg'); font-weight: normal; font-style: normal; }

html {position: relative; min-height: 100%;}
.push { /* height: 150px; */ }
body {margin: 0 0 120px 0;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #fff; width: 100%; }
a { outline-style: none; }
a:link, a:visited { color: #555; text-decoration: none; }
a:hover { text-decoration: underline; }
input, button { outline: none; }
ul { list-style-type: none; margin: 0; padding: 0; }
.i_block { display: inline-block; }

/* Header style*/
header { background: #fff;}
header .container { width: 100%; margin: 0; padding-top: 10px; padding-left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.content header .container { max-width: 1280px; margin: 0 auto; padding: 0; }
header .logo { float: left; padding: 17px 20px 20px 0px; text-align: center; }
header .logo a { width: 170px; height: auto; display: block; }
header .logo a img { width: 170px; height: auto; }
header .logo_text { float: left; padding-top: 5px; display: none; }
header .logo_text .slogan { font-size: 1.6em; font-weight: bold; color: #4e0075; }
header .logo_text span { color: #4e0075; }
body.content header .search_panel { margin: 0 0px 0 285px; }
body.content .navbar-user-personalisation { margin-right: 0; display: none; }
header .refine_heading.clearfix { display: none; }
header show_search_panel { display: none; }
.search_panel.mobile_view { display: none; }
header .search_panel { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; margin: 0 10px 0 285px; }
header .search_panel .select_box { margin-top: 15px; display: none; }
header .search_panel .job_types { display: none; }
header .search_panel .select_box label { display: block; font-size: 14px; color: #4e0075; line-height: 30px; vertical-align: top; float: none; margin-right: 20px; text-transform: uppercase; }
header .search_panel .select_box .ui-selectmenu-button { float: right; }
.lt-ie8 header .container { float: left; width: auto; }
.lt-ie8 header .logo { padding: 30px 20px 20px 0px; }

select  {
	width: 250px;
	padding: 8px 25px;
    
	border: none
	border-radius: 4px;
	background-color: transparent;
	color: #4e0075;
	outline: none;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
}



header .search_panel .what, header .search_panel .where { float: left; width: 40%; }
header .search_btn_wrap { float: left; }
header .search_btn_wrap button.findbtn, .page .search_results article.job .btn_show_mobile_view a.go, .gray_box .centered_align .btn, .btn.logout { display: inline-block; padding: 10px 25px; border: none; background-color: #4e0075; color: #fff; vertical-align: middle; text-align: center; font-size: 1em; line-height: 1em; cursor: pointer; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.page .search_results article.job .btn_show_mobile_view a.go { display: inline-block; padding: 10px 25px; border: none; border-radius: 4px; background-color: #4e0075; color: #fff; vertical-align: middle; text-align: center; font-size: 14px; line-height: 1em; cursor: pointer; font-weight: bold; text-decoration: none; text-transform: uppercase; position: absolute; bottom: -17px;}
.page .search_results article.job.not_for_me .btn_show_mobile_view a.go { display: none; }
header .search_panel span.example { font-size: 1em; color: #232323; }
header .search_panel label { display: none; font-size: 1.6em; font-weight: bold; color: #570083; }
header .search_panel input[type="text"] { display: block; font-size: 20px; width: 90%; height: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4D4343; border: 1px solid #AAA; padding: 0 0 0 5px; margin: 0; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
header .search_panel input.placeholder { color: #aaa; }
header .search_panel input[type="text"]:focus { border: 1px solid #570083; }


/* page style*/
body.results > .wrap { margin-left: auto; margin-right: auto; height: auto !important; }
body.results .top_banner, body.content .top_banner { display: block; text-align: center; height: 90px; width: 728px; }
body.results header .container, .page .refine_heading .wrap, body.results .top_banner, .navbar .container { max-width: 1280px; margin: 0 auto; padding: 0 0 0 10px; }
.page .container {max-width: 1280px; margin: 0 auto; position:relative; padding:0 10px 0 10px;}
body.content .navbar { margin: 0; }
body.content { background: #fff; }
.navbar {background: #4e0075; color: #fff; border-top: #d6d8dd; border-bottom: #55557f; /* height: 40px; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* line-height: 44px; */ margin-bottom: 20px; position: relative; padding: 7px 10px; }
body > div.wrap > header > div > div.navbar { display: none; }
body .wrap{ height: 100%; }

.navbar a.navbar-home { display: block; float: left; width: 25px; height: 25px; background: url(https://i.imgur.com/8pgYpxW.png); background-size: contain; background-repeat: no-repeat; border-right: 3px solid #55557f; margin-right: 10px; padding-right: 10px; top: 0px; position: relative; }

.navbar a.site_name { color: #fff; text-decoration: none; text-transform: lowercase; font-size: 27px; display: none; float: left; margin-right: 10px; font-weight: bold; font-family: arial; }
ul.navbar_nav { list-style-type: none; padding: 0; margin: 0; }
ul.navbar_nav li { float: left; margin-right: 20px; position: relative; padding: 0; top: 0; padding: 5px 0; border-right: 3px solid #55557f; margin-right: 10px; padding-right: 10px; font-size: 13px; }
ul.navbar_nav li:last-child { border: none; }
.navbar-user-personalisation { float: right; margin-right: 160px; }
.navbar-user-personalisation ul.navbar_nav li:after { content: ""; position: absolute; width: 3px; height: 27px; background: #55557f; top: 0; right: -12px; }
.navbar-user-personalisation ul.navbar_nav li:last-child:after { display: none; }
ul.navbar_nav li a { display: inline-block; text-decoration: none; color: #fff; }
ul.navbar_nav li a span { /* vertical-align: bottom; */ /* position: relative; */ /* top: 10px; */ }
ul.navbar_nav li a h1 { font-size: 14px; margin: 0; padding: 0; font-weight: normal; }
ul.navbar_nav li a.job-alerts { background: url(https://i.imgur.com/bQ1507M.png) center left; background-size: 30px; background-repeat: no-repeat; padding-left: 35px; }
ul.navbar_nav li a.messages { background: url(https://i.imgur.com/fkeyrCa.png) center left; background-size: 23px; background-repeat: no-repeat; padding-left: 30px; }
ul.navbar_nav li a.user { background: url(https://i.imgur.com/edK7vE9.png) center center; background-size: 20px; background-repeat: no-repeat; border: 1px solid #fff; width: 26px; height: 26px; vertical-align: middle; position: relative; /* top: 5px; */ padding: 0; }

.page .search_results .content_adverts_bottom {/*background:#262626;*/ display: block; margin:0; padding: 0; width: auto !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-align: left; width: 100%; }
.content_wrapper { float: left; width: 100%; height: 100%; margin:0 0 20px 0; }
.page .search_results .refine_heading {background: #fff; padding: 15px 10px; border: 1px solid #dbdbdb; border-radius: 6px 6px 0px 0px; margin-bottom: 15px; line-height: 20px; }
.page .refine_heading h1 { font-size: 16px; font-weight: bold; display: block; color: #000; float: left; margin: 0; line-height: 20px; }
.page .refine_heading .count { float: right; text-align: right; line-height: 20px; display: none; }
.content_wrapper {}
.page .no_results { color: #262626; padding-left: 200px; width: 780px; }
.page .container .refine_bar { width: 265px; /*  */ border-top: none; font-size: 1.1em; float: left; margin-left: -100%; /*  */ box-sizing: border-box; border-radius: 6px 6px 0px 0px; }
.page .container .refine_bar .top_bar { border: solid 1px #dbdbdb; background: #fff; /* padding: 10px 15px; */ }
.page .container .refine_bar .top_bar .ui-selectmenu-button { margin-bottom: 10px; }
.page .container .refine_bar .subscribe { margin: 20px 0px 20px 0px; position: relative; padding: 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #d8c4c5; }
.page .container .refine_bar .subscribe input[type="email"] { width: 100%; border: 1px solid #bec5ca; height: 26px; text-indent: 5px; margin: 10px 0; box-sizing: border-box; border-radius: 0px; box-shadow: none; text-shadow: none; }
.page .container .refine_bar .subscribe div > span { color: #4e0075; }
.subscribe .mail span { font-weight: bold; color: #4e0075; font-size: 15px; }

.page.refine_bar .subscribe div input[type="text"] { width: 100%; border: 1px solid #bec5ca; height: 26px; text-indent: 5px; margin-top: 10px; }
.subscribe div input[type="text"]::-webkit-input-placeholder { font-style: italic; }
.subscribe div input[type="text"]::-moz-placeholder { font-style: italic; }
/* Firefox 19+ */
.subscribe div input[type="text"]:-moz-placeholder { font-style: italic; }
/* Firefox 18- */
.subscribe div input[type="text"]:-ms-input-placeholder { font-style: italic; }


.page .container .refine_bar .subscribe .mail ~ div span { display: block; margin-top: 5px; font-size: 10px; }
.page .container .refine_bar .subscribe > div > span { color: #4e0075; }
.page .container .refine_bar .subscribe div button.subscribe_btn { display: inline-block; padding: 5px 10px; border: none; border-radius: 6px; background-color: #4e0075; color: #fff; text-decoration: none; /* font-size: 13px; */ }


.page .container .refine_bar .refine_heading { font-weight: bold; color: #4e0075; padding: 10px 0px 10px 10px; height: auto; text-transform: uppercase; background: rgba(216, 196, 197, 1); /* margin-top: 10px; */ border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; /* color: #fff; */ }
.page .container .refine_bar .refine_heading:first-child { margin-top: 0; border-top: none; }
.page .container .refine_bar .content { padding: 0 10px 10px 10px; }
.page .container .refine_bar i.tooltip { cursor: help; background: #4e0075; font-style: normal; display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 16px; border-radius: 16px; color: #9e0000; font-size: 12px; position: relative; top: -3px; font-weight: bold; text-transform: lowercase; }
.page .container .refine_bar .tooltip span { position: absolute; display: none; width: 200px; height: auto; background: #fff; border: 1px solid #fffFFF; left: -10px; top: 20px; color: #555; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); border-radius: 3px; border: 1px solid #ccc; text-transform: none; padding: 5px; }
.page .container .refine_bar .tooltip span:after { content: ""; width: 0; height: 0; display: block; top: -9px; position: absolute; border: 1px solid rgba(255, 255, 255, 0); border-left: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 255, 255, 0); border-bottom: 10px solid #fff; left: 10px; }
.page .container .refine_bar .tooltip span:before { content: ""; width: 0; height: 0; display: block; top: -11px; position: absolute; border: 1px solid rgba(255, 255, 255, 0); border-left: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 255, 255, 0); border-bottom: 10px solid #ccc; left: 10px; }
.page .container .refine_bar .tooltip:hover span, .page .container .refine_bar .tooltip:focus span, .page .container .refine_bar .tooltip:active span { display: block; }
.page .container .refine_bar .content .heading { font-weight: bold; color: #4e0075; padding: 5px 0px 5px 0px; height: auto; text-transform: uppercase; }
.page .container .refine_bar .content ul { padding: 0; margin: 0; }
.page .container .refine_bar .content ul#refineByEmployer label { position: relative; top: -1px; vertical-align: top; }
.page .container .refine_bar .content ul#refineByEmployer input { height: 13px; vertical-align: top; }
.page .container .refine_bar .content ul li { display: block; font-size: 13px; background: #55557f; color: #fff; padding: 7px 10px; margin: 0 0 3px 0; }
.page .container .refine_bar .content ul li a { color: #fff; margin-right: 3px; text-decoration: none; }
.page .container .refine_bar .content ul li a strong { font-size: 15px; }
.page .container .refine_bar .content ul li a:hover { text-decoration: underline; }
.page .container .refine_bar .content .more_link { cursor: pointer; color: #4e0075; font-weight: bold; margin-top: 5px; background: none; display: none; }
.page .container .refine_bar .content .more_link:hover { text-decoration: underline; }
.page .container .refine_bar .content .more_items { display: none; }
.page .container .refine_bar .active_filters { border: 1px solid #4e0075; margin: 10px 0; padding: 5px; }
.page .container .refine_bar .active_filters .salary { font-weight: bold; margin: 5px 0; color: #4e0075; }
.page .container .refine_bar .active_filters .reset_filters { margin-top: 10px; text-align: right; }

.page .container .right_side {float:left; width: 160px; margin-left: -160px; overflow: hidden; position: relative; /*background: #ccc;*/ }
.page .container .right_side ul { list-style-type: none; }
/*.page .container .inner { color: #262626; padding-bottom: 140px; }*/

.page .container .search_results { margin: 0 175px 0 280px; font-size: 1.1em; color: #222222; /* background: #f0f0f0; */ }
                  
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;height: 0;}

.page .container .search_results article.job:first-of-type {margin-top:15px; }
.page .container .search_results .content_advert {/*background:#262626;*/ text-align: center; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding:0; }


.page .container .search_results .subscribe { margin: 10px 0px 15px 0px; position: relative; padding: 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #d8c4c5; }
.page .container .subscribe .validation_message { display: inline-block; color: #fff; /* background: #fff; */ color: #4e0075; font-weight: bold; /* display: none; */ }
.page .container .search_results .subscribe .mail { margin-bottom: 10px; }
.page .container .search_results .subscribe .mail span { font-weight: bold; color: #4e0075; font-size: 15px; /* float: left; */ display: inline; }
.page .container .search_results .subscribe div input[type="email"] { width: 300px; border: 1px solid #bec5ca; height: 26px; text-indent: 5px; margin-bottom: 10px; box-sizing: border-box; border-radius: 0px; box-shadow: none; text-shadow: none; margin-right: 5px; }
.page .container .search_results .subscribe div > span { color: #4e0075; display: inline-block; /* white-space: nowrap; */ margin-top: 5px; }
.page .container .search_results .subscribe div button.subscribe_btn { display: inline-block; padding: 5px 10px; border: none; border-radius: 4px; background-color: #4e0075; color: #fff; text-decoration: none; height: 26px; vertical-align: middle; margin-right: 5px; }
.page .container .search_results .subscribe .mail i.letter { background: url(https://i.imgur.com/dOw6DV1.png) no-repeat left center; color: #666; width: 25px; display: inline-block; }
.page .container .search_results .subscribe .mail .button.subscribe_btn { margin-left: 20px; }
.page .container .search_results .subscribe .mail .button { color: #ffffff; -webkit-text-shadow: none; text-shadow: none; background: #ff920a; background-image: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); background-image: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background-image: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background-image: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background-image: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); border-color: #f89406 #f89406 #d37b00; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); display: inline-block; border-radius: 4px; padding: 3px 10px; line-height: 20px; text-decoration: none; }
.page .container .search_results .subscribe .rss a { float: right; background: url(https://i.imgur.com/QctVu0u.png) 0 0 no-repeat; display: block; text-indent: -9999px; width: 26px; height: 26px; }
.page .container .search_results .related_dropdown.mobile_view { display: none; }
.page .container .search_results .sorting_panel { /* border: 1px solid #F3F3F3; */ padding: 0; /* background: #FAFAFA; */ font-size: 1.1em; margin: 20px 0; display: none; }
.page .container .search_results .count_mobile_view { float: right; display: block; margin-top: 0; }
.page .container .search_results .sorting_panel span.current { font-weight: bold; color: #666; }
.page .container .search_results .sorting_panel span.deco_separator { border-right: 1px solid #6B6B6B; margin: 0px 5px 0 5px; height: 12px; display: inline-block; top: 2px; position: relative; }
.page .container .search_results .sorting_panel .sort_by_time { float: left; }
.page .container .search_results .sorting_panel .sort_by_order { float: right; display: none; }
.lt-ie8 .page .search_results .sorting_panel .sort_by_order .i_block { display: inline; }
.page .container .search_results .sorting_panel .sort_by_order_mobile_view { float: right; /* display: none; */ }
.page .container .search_results article.job {margin: 0px 0 30px 0; background: #fff; border: 1px solid #4e0075; padding: 15px 14px; position: relative; }

.page .container .search_results article.job h2.heading { margin: 0 0 0px 0; font-size: 18px; font-weight: bold; }
.page .container .search_results article.job h2.heading a { margin: 0 0 5px 0; font-weight: bold; text-decoration: none; color: #222; }

.page .container .search_results article.job .summary { margin: 10px 0 5px 0; }
.page .container .search_results article.job .summary p { margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.page .container .search_results article.job .attribute.company { display: block; font-size: 14px; margin-top: 5px; }
.page .container .search_results article.job .attribute.company span.value { color: #515151; text-transform: uppercase; font-weight: bold; }
.page .container .search_results article.job .attribute { display: inline-block; margin: 10px 15px 0 0; }
.page .container .search_results article.job .attribute.last { display: block; height: 10px; margin-top: 0px; }
.page .container .search_results article.job.not_for_me .attribute.last { margin: 5px 0; }
.page .container .search_results article.job .flex { display: block; float: left; }
.page .container .search_results article.job .action_box { display: none; vertical-align: middle; position: relative; float: left; padding-left: 0; height: 10px; box-sizing: border-box; }
i.icon { display: inline-block; width: 15px; height: 15px; background: rgba(255, 255, 255, 0); text-indent: -99999px; background-image: url(https://i.imgur.com/QctVu0u.png); position: relative; }
i.icon-location { background-position: -33px -164px; }
i.icon-posted-time { background-position: -17px -164px; }
i.icon-currency { background-position: 1px -164px; }

.page i.icon.icon-letter { background-position: -1px -183px; width: 20px; height: 16px; float: left; margin-right: 8px; }
.page i.icon.icon-star { background-position: -30px -32px; width: 16px; height: 16px; top: 1px; }
.page i.icon.icon-success { background-position: -2px -284px; width: 21px; height: 16px; top: 3px; }
.page i.icon.icon-fail { background-position: -28px -281px; width: 21px; height: 21px; top: 4px; }
.page .container .search_results article.job .attribute span.caption { color: #232323; }
.page .container .search_results article.job .attribute span.value { color: #262626; }
.page .container .search_results article.job .attribute a.action_link { /* display: none; */ float: left; /* margin: 0 5px; */ text-decoration: none; position: relative; color: #4e0075; font-weight: bold; }
.page .container .search_results article.job .attribute a.action_link:hover { text-decoration: underline; }
.page .container .search_results article.job .attribute a.action_link.disabled { color: #232323; }
.page .container .search_results article.job .attribute a.action_link.disabled:hover { text-decoration: none; cursor: default; }
.page .container .search_results article.job.active a.action_link { /* margin-right: 7px; */ /* padding-right: 7px; */ display: block; }
.page .container .search_results article.job span.deco_separator { margin: 0 5px 0 5px; position: relative; top: 2px; width: 2px; padding: 0; display: inline-block; background: #4e0075; float: left; height: 13px; }


.page .container .search_results .results_summary p { font-style: italic; }
.page .container .search_results .btn_show_mobile_view, .page .container .search_results .show_more_mobile_view { /* display: none; */ }


footer {position: absolute; height: 120px; left:0; bottom:0; width:100%; text-align: center; background-color: #333;}
footer .copyright { margin: 10px 0 0; font-size: 13px; padding-bottom: 5px; color: #FFF;}


footer .about_us { padding: 35px 50px 10px 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
footer .about_us .container { position: relative; }
footer .about_us ul { list-style-type: none; margin: 0; padding: 0; font-size: 1em; text-align: center; }
footer .about_us ul li { line-height: 20px;  margin-right: 24px; display: inline;}
footer .about_us ul li a { color: #FFF;}
footer a:link, footer a:visited { color: #FFF; }


.lt-ie8 footer { margin-top: 140px; }
.lt-ie8 footer ul.footer_links li { display: inline; border-right: none; }

.sort_by { float: left; margin-top: 8px; margin-right: 10px; }
.select_wrap { /* width: 180px; */ /* border-radius: 3px; */ position: relative; -moz-box-sizing: border-box; /* -webkit-box-sizing: border-box; */ /* box-sizing: border-box; */ /* display: block; */ /* background: #fff; */ /* float: left; */ }
.select_wrap.open .select_container { display: block; }
.select_wrap:before { content: ""; display: block; border: 1px solid rgba(255, 255, 255, 0); border-left: 7px solid rgba(255, 255, 255, 0); border-right: 7px solid rgba(255, 255, 255, 0); border-top: 7px solid #555; position: absolute; right: 9px; top: 15px; height: 0; width: 0; z-index: 9999; }
.select_wrap.open:before { content: ""; display: block; border: 1px solid rgba(255, 255, 255, 0); border-left: 7px solid rgba(255, 255, 255, 0); border-right: 7px solid rgba(255, 255, 255, 0); border-bottom: 7px solid #555; position: absolute; right: 9px; top: 14px; height: 0; width: 0; }
.select_wrap .select_face span { white-space: nowrap; /* line-height: 32px; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; font-weight: bold; /*border-right: 1px solid #d2d2d2;*/ width: 84%; height: 32px; padding: 6px 0px 6px 10px; }
.select_wrap .select_face { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 100%; border: 1px solid #ccc; height: 34px; cursor: pointer; z-index: 10; padding-left: 0px; background: #fff; color: #555; }
.select_wrap .select_face:after { /* background: #d2d2d2; */ content: ""; width: 1px; height: 32px; position: absolute; top: 0px; right: 30px; }
.select_wrap .select_container { border: 1px solid #ccc; display: none; margin-top: 0px; border-top: none; padding-top: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: relative; z-index: 999; background: #fff; width: 100%; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; margin-bottom: 20px; }
.select_wrap .select_container ul li a { text-decoration: none; color: #656c75; cursor: pointer; display: block; padding: 10px; }
.select_wrap .select_container ul li a:hover { background: #F8F8F8; }

.page .container .refine_bar .select_wrap { float: none; box-sizing: border-box; width: auto; margin: 20px 0px; text-transform: uppercase; }
.page .container .refine_bar .filters_wrap { padding: 10px; }

/* job alert */

/*related box CSS*/

/*content page style*/
body.content .wrap { width: 100%; }


.page .container .search_results article.job .action_box .action_link.hide_job { display: block; }

.page .container .search_results article.job .action_box.enabled { display: none; }
.page .container .search_results article.job.active .action_box.enabled { display: block; }
.page .container .search_results article.job .action_box { display: block; padding-left: 0px; float: right; top: 0px; }
.page .container .search_results article.job .action_box .popup_wrap { position: relative; display: inline-block; }
.page .container .search_results article.job .action_box .claim_submenu { display: none; list-style-type: none; margin: 0px; padding: 7px 10px; position: absolute; text-align: left; background-color: #fff; border: 1px solid #e0e4e6; z-index: 99999; bottom: 20px; left: -75px; }
.page .container .search_results article.job .action_box .claim_submenu li { margin: 7px 0px; font-size: 14px; white-space: nowrap; }
.page .container .search_results article.job .action_box .claim_submenu li a { text-decoration: none; }
.page .container .search_results article.job .action_box .claim_submenu li a:hover { text-decoration: underline; }


.page .container .search_results article.job .action_box .claim_submenu:before { content: ""; display: block; border: 1px solid rgba(255, 255, 255, 0); border-left: 9px solid rgba(255, 255, 255, 0); border-right: 9px solid rgba(255, 255, 255, 0); border-top: 9px solid #e0e4e6; position: absolute; right: 20px; top: 100%; height: 0; width: 0; margin-top: 0px; }
.page .container .search_results article.job .action_box .claim_submenu:after { content: ""; display: block; border: 1px solid rgba(255, 255, 255, 0); border-left: 9px solid rgba(255, 255, 255, 0); border-right: 9px solid rgba(255, 255, 255, 0); border-top: 9px solid #fff; position: absolute; right: 20px; top: 100%; height: 0; width: 0; margin-top: -1px; }

h2.main_location_name {padding:20px 0 10px 0;}

/*Back to top button CSS*/
.scrollup { position: fixed; bottom: 50%; right: 8px; z-index: 9990; display: none; visibility: hidden; width: 65px; height: 46px; background-image: url(http://www.alljobs.ng/'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAuCAYAAAB3VXTKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNrsml1qwkAQx0ctgoJUEAQFQVAUfWkheW+P0CPoDTyCR+gN6hE8Qg/gQ4sPgigEBAVBSBB8EMTuf/0gJrG1bfAjOwPLmDXZML/9z+yiGyIP63Q6j8IlKXhm6rr+Ye9Yr9cUcgTfFK4h2j0F1yzRXgWM5gEEETxm/V20B1LHPkV71jTNDG872ooBoG28iJtCQgU14d9IXatDCTVS22qA8KQ4hKcwsRFDYAgMgSEwBIbAEK4TQjwep1KpJL2SEFKpFFUqFUokEtLjWikIuVyO8vn8QR+u0X9uuzv3CyORCBUKBTn7XpZOpykWi9FwOKTVahU8JSDvy+XyUQA7w/fVavVsdeJsEJLJpCyAmGW7LZdLMgxDertFo1F5P54LRDpks1nKZDKu/vl8vpe9aZquNNmlzmQyofF4fJtKQBAodl4AZrMZ9fv9fd7D4xr9TsPzGAfj3ZQSIOdiseiSPwzy9wp29x0U4lw5sHyiRgwGA1fqXKUSdoXNCQCz3ev1jgKwqwT3OVcHjIdxfyqsF4eAGUNBc0p3sVhQt9uV/hQ7dj/Gxfh+bqx8hQAJO2Xslf+n2nd14ti7Ll4TvHJ1NBrRdDr985gAgToBRTh3k37VBl+VgGUMRc0+i/8BYDeMY1cT3uPXsok/X9Z+L4vY+lqWdXL+/3bXiSUT6vBrW+07BP49gSEwBIbAEBgCQ2AIDCGAECzFGViA0FYcQhsQmgqrAXE3w7quG7Q5xaqiNTRNM2RhFCBawtUVUgTirG/jdp1txj8dNdFeaHPAO0inXHGM19zWwJYAgM/ybPOXAAMADcT8IAz12GEAAAAASUVORK5CYII='); text-indent: -9999px; opacity: 0.4; cursor: pointer; margin-bottom: -23px; }
.scrollup:hover { background-position: 0px -47px; opacity: 0.8; }



/*Pager style CSS*/

/*Lt ie9 browser style CSS*/

.lt-ie9 body.results footer:after, .lt-ie9 body.content .page:after, .lt-ie9 body.content footer:after { background: #fff url(https://i.imgur.com/QctVu0u.png) 0px -134px repeat-x; }

/*Job count for tablet and mobile view*/
div.serp_count.job { text-align: center; font-size: 17px; /* line-height: 40px; */ position: relative; margin: 0 0 20px 0; color: #999; display: none; height: 20px; padding-top: 0px; }
div.serp_count.job:before { position: absolute; left: 0; right: 0; top: 8px; height: 1px; background: #c4c3c2; background: -webkit-linear-gradient(left,rgba(0,0,0,0)0,rgba(0,0,0,.2)50%,rgba(0,0,0,0)100%); background: -moz-linear-gradient(left,rgba(0,0,0,0)0,rgba(0,0,0,.2)50%,rgba(0,0,0,0)100%); background: -ms-linear-gradient(left,rgba(0,0,0,0)0,rgba(0,0,0,.2)50%,rgba(0,0,0,0)100%); background: linear-gradient(to right,rgba(0,0,0,0)0,rgba(0,0,0,.2)50%,rgba(0,0,0,0)100%); content: ''; z-index: 1; }
div.serp_count.job span.label { position: relative; z-index: 2; display: inline-block; padding: 0 10px; background: #f0f0f0; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; background: #fff; border-radius: 3px; }


/*style for tablet in portrait*/
@media only screen and (min-width : 0px) and (max-width : 600px) {
    header .search_panel .select_box { display: block; }
    header .search_panel .job_types { margin: 20px 0px; display: block; }
    header .search_panel .job_types > div { float: left; margin-right: 30px; }
    header .search_panel .job_types div label { display: inline; font-size: 13px; color: #666666; text-transform: uppercase; }
    header .search_panel .job_types div input { }
    header .search_panel .select_box select { display: block; font-size: 15px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #4D4343; border: 1px solid #AAA; padding: 6px 0 6px 5px; margin: 0; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://i.imgur.com/QctVu0u.png) 100% -336px no-repeat; height: 40px; }
    header .search_panel .select_box > div { position: relative; }
    header .search_panel .select_box > div:after { content: ""; position: absolute; display: block; width: 1px; background: #ccc; height: 40px; right: 30px; top: 0px; }
    header .search_panel .select_box select::-ms-expand { display: none; }
    .navbar a.site_name { display: block; padding: 0; position: relative; left: 10px; background-image: url(https://i.imgur.com/iHlxt5n.png); text-indent: -99999px; background-position: center center; height: 40px; width:100px; background-size: contain; background-repeat: no-repeat; }
    header .refine_heading.clearfix { color: #51007a; display: block; min-height: 44px; }
    header .refine_heading.clearfix h1 { margin: 0; padding: 10px 10px 10px 10px; line-height: 30px; }
    body header .show_search_panel { display: block; }
    header button.show_search_panel { position: relative; color: #fff; float: right; background: none; border: none; background-image: url(https://i.imgur.com/9aVcTEE.png); /* text-indent: -99999px; */ background-repeat: no-repeat; height: 40px; /* width: 50px; */ padding-left: 41px; font-weight: bold; background-size: 20px 20px; background-position: 13px 10px; }
    header button.show_search_panel.open { background-color: #ef35ff; }
    body.content .show_search_panel { display: none; }
    header .container:after, header .container:before { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
    header .container:after { clear: both; }
    body.results header .container { padding: 0; }
    header .logo { float: none; padding: 10px 0; display: none; }
    header .logo a { width: 160px; height: auto; display: block; }
    header .logo a img { /* width: 220px; */ /* height: auto; */ }
    header .search_panel { margin: 0; padding: 0 20px 10px 20px; width: 100%; /* max-width: initial; */ /* min-width: initial; */ display: none; }
    header .search_panel { padding: 20px 20px 20px 20px; }
    body > div.wrap > header > div > div.navbar { display: block; padding: 0; margin-bottom: 0; height: 40px; }
    body > div.wrap > header > div > div.navbar .container { display: none; }
    body.content header .search_panel { margin: 0; }
    .navbar-user-personalisation { margin: 0; }
    ul.navbar_nav li a span.name { display: none; }

     body > div.wrap > div.navbar, header .search_panel span.example { display: none; }
    header .search_panel .what, header .search_panel .where { width: 100%; float: none; margin: 0px 0 20px 0; }
    header .search_panel input[type="text"] { width: 100%; text-indent: 0px; padding-left: 3px; height: 40px; }
    header .search_btn_wrap { float: none; }
    header .search_btn_wrap button.findbtn { margin: 0 auto 0px auto; display: block; width: 100%; padding: 14px 20px; border-radius: 0; line-height: 22px; font-size: 20px; }
    .content_adverts_bottom { display: block; text-align: center; margin-bottom: 20px; }
    .page .container .search_results { margin: 10px 0 0 0; padding: 0 10px 0 10px; }
    .page .refine_heading h1 { font-size: 1.45em; display: none; }
    .page .container .refine_bar, .page .container .right_side, header .search_panel label, .page .container .search_results .sorting_panel .sort_by_order, .page .refine_heading .count, .page .container .search_results .subscribe .rss, .page .container .search_results .sorting_panel .sort_by_time, .page .container .search_results .pager { display: none; }
    .page .search_results .refine_heading { background: none; border: none; padding: 10px 10px 0px 0; margin-bottom:8px; }
    .page .container .search_results .count_mobile_view { float: left;}
     body.results header, .page .container, .page .refine_heading .wrap { padding: 0; }
    .page .container .search_results article.job:first-of-type {margin-top:8px;}

    .page .container .search_results .subscribe { display: none; }
    .page .container .search_results .subscribe.bottom { display: block; }
    .page .container .search_results .sorting_panel .custom_select { width: 190px; }
    .page .container .search_results .sorting_panel { padding: 5px; display: block; /* background: #fff; */ /* text-align: right; */ /* padding-right: 20px; */ /* border: 1px solid #ccc; */ /* border-radius: 4px 4px 0px 0px; */ margin: 0; }
    .page .container .search_results .sorting_panel span.ui-selectmenu-button span.ui-selectmenu-text { font-size: 12px; padding: 10px; }
    .page .container .search_results .sorting_panel .sort_by_order_mobile_view { float: none; display: none; }
    .page .container .search_results .sorting_panel .total_job_count { font-weight: bold; height: 10px; display: block; float: left; top: 10px; position: relative; color: #2B2B2B; margin-left: 5px; }
     body.content .wrap { width: 100%; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .page .container .search_results article.job h2.heading { font-size: 22px; word-break: break-word;}
    .page .container .search_results article.job { border: 1px solid #4e0075; padding: 15px 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; background: #FDFDFD; -ms-user-select: none; margin-bottom: 20px; }
    
    .page .container .search_results article.job .action_box.enabled { display: block; }
    .page .container .search_results article.job .attribute.last .flex span { display: inline; }
    .page .container .search_results article.job .btn_show_mobile_view span.posted_time { position: relative; top: 9px; color: #4e0075; }
    .page .container .search_results article.job .btn_show_mobile_view a.go { float: none; position: relative; top: 0; bottom: 0; }
    .page .container .search_results .show_more_mobile_view { display: block; text-align: center; }
    .page .container .search_results .btn_show_mobile_view, .page .container .search_results .show_more_mobile_view, .serp_count.job { display: inline-block; }
    .page .container .search_results .show_more_mobile_view a { display: block; }
    .page .container .search_results .subscribe div input[type="email"] { width: 100%; }
    .page .container .search_results .subscribe div button.subscribe_btn { width: 100%; margin-bottom: 5px; height: auto; }
    body.content header, body.content .page .inner { width: 100%; padding: 0; }
    body.content .page .inner { padding: 10px 10px 20px 10px; }
    body.content .page .inner h2.main_location_name {}
    body.content .page .inner ul.categories, body.content .page .inner ul.categories, body.content .page .inner ul.role { float: none; width: 100%; }
    body.content .page .inner ul li { font: 1.2em/1.2em arial; margin-bottom: 15px; }
    body.content .page .inner ul.locations { width: 100%; }
    body.content .page .inner ul.categories li { line-height: 1.2em; font-size: 1.3em; margin-bottom: 15px; }
    body.content .page .inner ul.categories li span.count { color: #4e0075; }
    body.content .page .inner .wide ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    body.content .page .inner .wide ul._2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    body.content .page .inner .wide ul._4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    body.content .page .inner .adverts .sample { margin-left: -5px; margin-right: -5px; }
    body.content .page .inner .adverts .sample img { float: left; margin-right: 0; margin-bottom: 10px; display: block; width: 50%; padding: 0 5px 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    body.content .page .inner .not_found { text-align: center; margin-top: 10px; }
    body.content .page { padding-top: 0px; margin-top: 0; }
    body.content .page:after { display: none; }

    footer ul.footer_links { list-style-type: none; padding: 0; }
    footer ul.footer_links li { border-right: none; }
    footer .copyright span.contact_email { /* display: none; */ }
   
    .page .container .search_results .results_summary { display: none; }
    /*.page .container .search_results .content_advert { display: block; }*/
    body.results .top_banner, body.content .top_banner { display: none; }
    .pager { }
    .scrollup { visibility: visible; }
    #related_link { display: none; }
    .page .container .search_results article.job .action_box .claim_submenu { left: -65px; width: 100px; }
    .page .container .search_results article.job .action_box .claim_submenu li { white-space: normal; }
    .page .container .search_results .employer_details .wrap .company_logo { margin: 0 0 10px 0; }
    .page .container .search_results .employer_details .wrap .company_info { width: 100%; }
    .page .container .search_results .employer_details .wrap .company_jobs_count { float: none; display: inline; margin-left: 20px; }
    .page .container .search_results .related_dropdown.mobile_view { padding-bottom: 10px; display: block; }
    .related_dropdown.mobile_view .select_wrap { width: 100%; margin: 10px 0; }
    .related_dropdown.mobile_view .select_wrap .select_face { }
    body.content footer { }

    footer .about_us ul { text-align: left; font-size: 1.1em; padding:0;}
    footer .about_us ul li { display: block; width: 100%;}
    footer .about_us ul li a {line-height: 22px;}
    footer .copyright { position: relative; text-align: left;  padding:0;}
    footer .about_us { padding:8px 0 0 15px; }
}

/*style for mobile and tablet in landscape 601-962 wide*/
@media only screen and (min-width : 601px) and (max-width : 962px) {
    body { font-size: 14px; }
    body.content .wrap { }
    .navbar { /* padding: 7px 10px; */ }
    body > div.wrap > header > div > div.navbar { display: block; }
    body.content > div.wrap > header > div > div.navbar { margin: 0; }
    body header .container .navbar { clear: both; }
    body.results header .container .navbar-user-personalisation { margin: 0; display: none; }
    body > div.wrap > div.navbar { display: none; padding: 0 10px; }
    body.results header .container { padding: 0; }
    body header .show_search_panel { display: none; }
    .page .container {padding:0 0 0 10px;}
    .page .container .search_results article.job .btn_show_mobile_view a.go, .gray_box .centered_align .btn { font-size: 14px; }
    .page .container .search_results .results_summary { display: none; }
    .page .container .right_side, .page .container .search_results .subscribe { display: none; }
    .page .container .search_results .subscribe.bottom { display: block; }
    .page .container .search_results .subscribe .mail span { display: inline; white-space: normal; }
    .page .container .search_results .subscribe div input[type="email"] { width: 100%; }
    .page .container .search_results { margin: 0 10px 0 275px; /* font-size: 1.15em; */ }
    .page .refine_heading h1 { font-size: 20px; float: none; margin-bottom: 10px; }
    header .search_btn_wrap { width: 30%; }
    header .search_btn_wrap button.findbtn { width: 100%; height: 50px; border-radius: 0; font-size: 20px; }
    header .logo { float: left; padding: 10px; text-align: center; }
    header .logo_text { display: block; float: left; padding: 0; }
    header .logo_text .slogan { margin: 0 0 0 20px; display: none; }
    header .search_panel { clear: both; padding: 0px 10px 10px 10px; margin: 0 0 10px 0; width: 100%; }
    .search_panel.mobile_view { display: none !important; }
    body.content header .container .search_panel { margin: 0; display: none; }
    header .search_panel .what, header .search_panel .where { width: 20%; float: left; }
    header .search_panel span.example { display: none; }
    header .search_panel input[type="text"] { width: 95%; margin: 0; height: 50px; }
    .page .container .search_results article.job { /* border: 1px solid #EEEEEE; */ -moz-box-sizing: border-box; /* -webkit-box-sizing: border-box; */ /* box-sizing: border-box; */ /* border-radius: 3px; */ /* background: #FDFDFD; */ }
    .page .container .search_results .sorting_panel { padding: 0; }
    .page .container .search_results .sorting_panel .sort_by_order { display: none; }
    .page .container .search_results .count_mobile_view { float: none; width: 100%; }
    .page .container .search_results .sorting_panel .sort_by_order_mobile_view { display: block; float: right; padding: 3px 0px; }
    .content_adverts_bottom { display: block; margin-bottom: 20px; padding: 0 10px 0 0px; width: auto !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-align: center; width: 100%; }
    .pager { display: block; padding: 0 0 20px 0; }
    .scrollup { visibility: visible; }
    .page .container .search_results article.job .attribute.last { display: block; margin: 10px 0 0 0; height: auto; position: relative; }
    .page .container .search_results article.job .flex { display: block; float: left; margin-right: 10px; }
    .page .container .search_results article.job .action_box a.action_link:first-child { margin-left: 0; }
    .page .container .search_results article.job .action_box { display: block; padding-left: 0px; float: right; top: 10px; font-size: 14px; }
    .page .container .search_results article.job .action_box.enabled { /*width: 100%; height: initial; position: relative; top: 0px; margin-bottom: 10px;*/ display:block;}
    
    .page .container .search_results article.job .btn_show_mobile_view a.go { float: none; top: 0; bottom: 0; position: relative; }
    .page .container .search_results .show_more_mobile_view { display: block; text-align: center; }
    .page .container .search_results .btn_show_mobile_view, .page .container .search_results .show_more_mobile_view, .serp_count.job { display: block; }
    .page .container .search_results .show_more_mobile_view a { display: block; }
    body.content header, body.content .page .inner { width: 100%; padding: 0; }
    body.content .page { margin-top: 0; padding: 0; }
    body.content .page .inner { padding: 10px 10px 20px 10px; }
    body.content .page .inner ul.categories, body.content .page .inner ul.role, body.content .page .inner ul.locations { width: 100%; }
    body.content .page .inner ul.categories li, body.content .page .inner ul.role li, body.content .page .inner ul.locations li { font-size: 1.2em; line-height: 1.2em; margin-bottom: 10px; }
    .gray_box { width: 100%; font-size: 1.2em; }
    .gray_box.edit .centered_align { text-align: left; }
    body.content footer { background: #f0f0f0; width: 100%; }
    body.content .page .inner .wide ul._2 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }


    footer .copyright { position: relative; text-align: left; }
    footer .copyright span.contact_email { display: inline; }
    footer .about_us ul { text-align: left; }
    footer .about_us ul li a { padding: 10px 0; font-size: 16px; line-height: 30px; }
    footer .about_us { padding-left: 10px; }
    footer .copyright { position: relative; text-align: left; margin: 0; padding: 10px 20px 20px 0px; }
}

@media only screen and (min-width : 601px) and (max-width : 700px) {
    /*.page .container .search_results article.job .action_box.enabled { width: 100%; height: initial; position: relative; top: 0px; margin-bottom: 10px; }*/
    body.content .page .inner .wide ul._2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}

@media only screen and (min-width : 601px) and (max-width : 800px) {
    .page .container .search_results .sorting_panel .sort_by_order_mobile_view { /* float: left; */ }

    .page .container .search_results .employer_details .wrap .company_logo { margin: 0 0 10px 0; }
    .page .container .search_results .employer_details .wrap .company_info { width: 100%; }
    .page .container .search_results .employer_details .wrap .company_jobs_count { float: none; display: inline; margin-left: 20px; }
}

@media only screen and (min-width : 962px) and (max-width : 1100px) {
    .page .container .search_results .sorting_panel .sort_by_order { display: none; }

    .page .container .search_results .sorting_panel .sort_by_order_mobile_view { display: block; float: right; }
}



@media only screen and (min-width : 0px) and (max-width : 300px) {
    .page .container .search_results article.job .attribute.last .flex { margin-bottom: 10px; }
    body.content .page .inner .wide ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    body.content .page .inner .wide ul._4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}

@media (max-width: 760px) {
    body.results .top_banner, body.content .top_banner { display: none; }
}

@media (min-width: 1100px) {
    body.content header .search_panel .what, body.content header .search_panel .where { width: 43%; }
}

@media (max-width: 310px) {
    .page .container .search_results article.job .action_box.enabled { width: 100%; height: initial; position: relative; top: 0px; margin-bottom: 10px; }
}

@media (min-width: 610px) {
    .search_panel.mobile_view { display: none !important; }
}

@media only screen and (min-width : 0px) and (max-width : 340px) {
    body.results .pager > a { display: none; }
}

.custom_select { width: 100%; position: relative; }
.custom_select select { width: 100%; text-align: left; padding: 7px 30px 7px 10px; display: block; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #AAA; text-transform: uppercase; font-weight: bold; color: #262626; font-size: 14px; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://i.imgur.com/QctVu0u.png) 100% -338px no-repeat; height: 33px; border-radius: 0px; }
.custom_select:after { content: ""; position: absolute; display: block; width: 1px; background: #ccc; height: 33px; right: 30px; top: 0px; }
.custom_select select::-ms-expand { display: none; }
body.results.mobile .custom_select select { background: #fff !important; }
body.results.mobile .custom_select:after, header .search_panel .select_box > div:after { display: none !important; }
.lt-ie9 .custom_select select, header .search_panel .select_box select { background: #fff; }
.lt-ie9 .custom_select:after { display: none; }












.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-block1,
.visible-xs-block2,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block1 {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block2 {
    display: block !important;
  }
}


@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}



/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
    padding:0;
    margin:0;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    /*height: 100%;*/
}

/**
 * Remove default margin.
 */

body {
    /*margin: 0;*/
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 1.7em;
    margin: 0.4em 0;
}

h2 {
    font-size: 1.4em;
    margin: 0.4em 0;
}
h3 {
    font-size: 1.1em;
    margin: 0.2em 0;
}


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    /* border-collapse: collapse; */
    border-spacing: 0;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}

.validation-summary-errors {color:red;}
.field-validation-error {color:red;}



/*Pager style CSS*/
.pager { display: block !important; font-size: 1.1em; padding:10px 0 10px 0; }
.pager a { color: #fff; padding: 5px 8px; margin: 0 2px; text-decoration: none; background: #4e0075; }
.pager a:hover { background: #55557f; }
.pager span.prev_page a { position: relative; padding-left: 10px; }
.pager span.prev_page a:after { content: ""; display: block; border: 1px solid rgba(255, 255, 255, 0); border-top: 6px solid rgba(255, 255, 255, 0); border-right: 6px solid #fff; border-bottom: 6px solid rgba(255, 255, 255, 0); position: absolute; top: 7px; height: 0; width: 0; left: 5px; }
.pager span.next_page a { text-indent: -9999px; position: relative; padding-right: 10px; }
.pager span.next_page a:after { content: ""; display: block; border: 1px solid rgba(255, 255, 255, 0); border-top: 6px solid rgba(255, 255, 255, 0); border-left: 6px solid #fff; border-bottom: 6px solid rgba(255, 255, 255, 0); position: absolute; top: 7px; height: 0; width: 0; right: 5px; }
.pager span.selected { font-weight: bold; color: #55557f; padding: 6px 8px; margin: 0 2px; text-decoration: none; background: #fff; }

/*Pen code from this point on*/
.btn {
  clear:both;
  white-space:nowrap;
  font-size:.8em;
  display:inline-block;
  border-radius:5px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  margin:2px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden
}

.btn:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}

.btn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn > span,.btn-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color:#FFF;
  background:#b8b8b8
}

.btn:focus > span {
  background:#9a9a9a
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  width:13px;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  background:#212121
}

.btn-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #222;
  position:absolute;
  top:13px;
  right:-15px
}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
  background:#55acee
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
  color:#cb2028
}

.btn-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}

   
   
   html
{
    height: auto!important;
}

body 
{
    position: static!important;
    min-height: 0!important;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}


.visible-xs-block {
    display: none !important;
  }


@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
