/*----------------------------
[Table of contents]
[ Body ]
[ top / #top ]
[ Header / header ]
[ Header 2 / #header2 ]
[ Header 3 / .header3 ]
[ Header 4 / .header4 ]
[ Slideshow / .slideshow ]
[ featured / .featured-jobs ]
[ browse / .browse-jobs ]
[ testimonial / .testimonial-jobs ]
[ blog / .latest-blog ]
[ latest / .latest-candidate ]
[ partner / .our-partner ]
[ Footer / #footer]
[ submit-job / .submit-job-content ]
[ submit-job-form / .submit-form ]
[ login / .login-content ]
[ login-form / .form ]
[ contact / .contact-content ]
[ contact-form / .form ]
[ about / .about-content ]
[ abouts / .about-detail ]
[ jobs / .jobs-content ]
[ job / .sort / .matter ]
[ jobdetail / .sort / .matter ]
[ similar / .matter ]
[ jobdetail / .apply ]
[ blogs / .rightside ]
[ blogs / .blog-detail ]
[ jobs / .job-search ]
[ homepage1 / .header1 ]
[ homepage2 / .homepage2 ]
[ listview pages / listview pages ]
[ list detail pages / .detail_page ]
[ Company pages / .company_page ]
[responsive]
----------------------------*/
/*----------
[ Body ]
-------------*/
body{
font-family: 'Source Sans Pro', sans-serif;
}
.list-inline > li {
display: inline-block;
}
a:hover{
text-decoration:none;
}
a:focus{
outline:none;
}
input, textarea{
box-shadow: none !important;
outline-offset: 0 !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none !important;
outline: none !important;
outline-offset: none !important;
box-shadow:none !important;
}
.btn-default:focus, .btn-default.focus{
outline: none !important;
outline: none !important;
outline-offset: none !important;
box-shadow:none !important;
}
.owl-wrapper-outer{
background:none !important;
box-shadow:none !important;
border:none !important;
border-radius:0px !important;
}
.owl-carousel{
background:none;
margin:0 !important;
}
.paddleft{
padding-left:0px;
}
.padd0{
padding:0px;
}
.paddright{
padding-right:0;
}
.bottom-top:hover .fa{
color:#fff;
}
.bottom-top:hover {
transition-duration: 1s;
transition-timing-function: linear;
}
.bottom-top {
display: none;
position: fixed;
z-index: 999;
right: 20px;
bottom: 20px;
}
.bottom-top .fa{
font-size:25px;
color:#fff;
padding:10px;
}
.bottom-top{
background:#DD4554;
}
/*----------
[ top / #top ]
-------------*/
#top {
background-color: #151414;
}
#top-links {
padding-top: 0px;
display: flow-root;
}
#top-links .button{
padding:10px 0px 9px;
margin:0px;
}
#top-links .button li{
line-height:18px;
padding:0 5px;
}
#top-links .button li a {
color: #fff;
font-size:12px;
border-right:1px solid #fff;
padding-right:17px;
vertical-align:middle;
font-weight:400;
}
#top-links .button li:nth-child(3) a{
border-right:none;
}
#top-links .icon{
padding:9px 0px 9px;
margin:0px;
}
#top-links .icon li{
padding:0 23px 0 0;
}
#top-links .icon li a {
color: #fff;
text-decoration: none;
font-size:14px;
vertical-align:middle;
font-weight:400;
line-height:20.5px;
}
#top-links .icon li:nth-child(5){
padding-right:0px;
}
#top-links .icon li a:hover{
color:#DD4554 !important;
}
/*--------------------
[ Header / header ]
---------------------*/
#logo {
margin: 29px 0 25px;
}
header{
background:#fff;
border-bottom:2px solid #eae9e7;
}
header .button-login{
margin: 31px 0 29px;
}
header .button-login .btn-default, header .button-login .btn-primary{
background:#000;
color:#fff;
font-size:16px;
font-weight:600;
padding: 12px 25px;
border-radius: 4px;
border:none;
margin-right:10px;
line-height: 18px;
}
header .button-login .btn-default:hover, header .button-login .btn-primary:hover{
background:#DD4554;
box-shadow: inset 0px -2px 0px 0px #DD4554;
}
header .button-login .btn-primary{
padding:13px 28px;
line-height: 16px;
margin-right:0;
}
.dropdown-menu.inner a{
color:#000;
font-size:14px;
display:block;
padding:0 10px;
}
.dropdown-menu.inner{
display:block;
}
.dropup .dropdown-toggle::after{
border:none;
}
#menu {
margin: 40px 0 29px 0;
min-height: 26px;
background:#fff;
border-radius:0px;
padding:0px;
}
#menu .nav > li{
margin:0 40px 0 0;
}
#menu .nav > li:last-child{
margin:0 0 0 0;
}
#menu .nav > li > a {
background-color: transparent;
color: #000;
font-size: 14px;
font-weight: 400;
text-transform:uppercase;
padding:0 0 13px 0;
border-bottom:2px solid transparent;
line-height: 15px;
display:block;
}
#menu .nav > li > a:hover{
color:#DD4554;
border-bottom:2px solid #DD4554;
}
#menu .navbar-nav > .active > a, #menu .navbar-nav > .active > a:hover, #menu .navbar-nav > .active > a:focus {
color: #ff990;
background-color: #DD4554;
}
#menu .dropdown-menu {
border:none;
margin: 0;
background:#DD4554;
border-radius:0px;
overflow:hidden;
opacity:0;
visibility: hidden;
min-width:180px;
}
#menu .dropdown-menu li{
padding:5px 13px;
}
#menu .dropdown-menu a{
color:#fff;
font-size: 14px;
font-weight: 400;
text-transform:uppercase;
}
#menu .dropdown:hover .dropdown-menu {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
opacity:1 !important;
filter: alpha(opacity=100) !important;
visibility: visible !important;
}
#menu .dropdown:hover .dropdown-menu .dropdown-inner ul{
display:inline-block;
}
.animated {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-timing-function: ease-in;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
/*---------------------------------
[ Header 2 / #header2 ]
----------------------------------- */
#header2 #top {
background-color: #f2f2f2;
}
#header2 #top-links .button li a{
color:#000;
border-right:0;
padding-right: 12px;
font-size: 14px;
}
#header2 #top-links .button li a i{
margin-right:10px;
}
#header2 #top-links .icon li a {
color: #000;
}
#header2 #menu {
background: #000;
margin: 28px 0 29px 0;
display: inline-block;
}
#header2 .navbar{
border:0;
}
#header2 .navbar-collapse.collapse{
float:left;
}
#header2 #menu .nav > li {
margin: 0;
}
#header2 #menu .nav > li > a {
color: #fff;
padding:17px 20px;
border:0;
line-height: 14px;
}
#header2 #menu .nav > li > a:hover {
background: #DD4554;
box-shadow: inset 0px -2px 0px 0px #DD4554;
}
#header2 header .button-login {
margin:28px 0 0;
}
#header2 header .button-login .btn-default{
margin-right:0;
padding: 15px 12px;
}
#header2 header .button-login .btn-default, #header2 header .button-login .btn-primary{
border-radius:0;
}
#header2 header .button-login .btn-primary {
padding: 16.5px 28px;
}
#header2 .slideshows{
height: 622px;
background: rgba(242,137,0,1);
background: -moz-linear-gradient(top, rgba(242,137,0,1) 0%, rgba(249,158,0,1) 38%, rgba(249,158,0,1) 46%, rgba(249,158,0,1) 71%, rgba(242,137,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,137,0,1)), color-stop(38%, rgba(249,158,0,1)), color-stop(46%, rgba(249,158,0,1)), color-stop(71%, rgba(249,158,0,1)), color-stop(100%, rgba(242,137,0,1)));
background: -webkit-linear-gradient(top, rgba(242,137,0,1) 0%, rgba(249,158,0,1) 38%, rgba(249,158,0,1) 46%, rgba(249,158,0,1) 71%, rgba(242,137,0,1) 100%);
background: -o-linear-gradient(top, rgba(242,137,0,1) 0%, rgba(249,158,0,1) 38%, rgba(249,158,0,1) 46%, rgba(249,158,0,1) 71%, rgba(242,137,0,1) 100%);
background: -ms-linear-gradient(top, rgba(242,137,0,1) 0%, rgba(249,158,0,1) 38%, rgba(249,158,0,1) 46%, rgba(249,158,0,1) 71%, rgba(242,137,0,1) 100%);
background: linear-gradient(to bottom, rgba(242,137,0,1) 0%, rgba(249,158,0,1) 38%, rgba(249,158,0,1) 46%, rgba(249,158,0,1) 71%, rgba(242,137,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28900', endColorstr='#f28900', GradientType=0 );
position:relative;
}
#header2 .slide-detail {
bottom: 73px;
}
#header2 .slideshows img{
position:absolute;
top: 9.9%;
left: 41%;
}
#header2 .slideshows .slider-caption {
background: #333333;
padding:0 15px 0 15px;
width: 401px;
border-top: 4px solid #DD4554;
position:relative;
}
.slider-caption .paddright .input-group{
display:block;
}
#header2 .off {
border-bottom: 19px solid transparent;
border-right: 19px solid #DD4554;
height: 0;
opacity: 1;
position: absolute;
width: 0;
margin: 0;
right: 0px;
left: auto;
}
#header2 .slider-caption h1{
color:#ffcc00;
padding:31px 0 41px;
margin:0;
}
#header2 .center .btn-default {
padding: 0px 22px 2px;
margin-top: 0;
}
#header2 .slider-caption ul li{
padding:0 0 30px;
}
#header2 #category .btn, #location .btn {
min-width: 370px;
margin-bottom:0;
}
#header2 #category .text, #location .text {
float: left;
}
#header2 #category .btn i, #location .btn i{
float:right;
}
#header2 #category .dropdown-menu, #location .dropdown-menu {
min-width:100%;
}
#header2 #category .dropdown-menu > li , #location .dropdown-menu > li {
padding:0 !important;
}
#header2 #category .dropdown-menu > li > a, #location .dropdown-menu > li > a {
padding: 10px 23px !important;
}
#header2 #search input {
border: none;
color: #414141;
background: #fff;
padding: 0px 29px 0px 23px;
font-size: 16px;
font-weight:400;
min-width: 370px;
min-height: 50px;
}
#header2 #search-button .btn {
background:#DD4554;
min-width: 370px;
min-height: 59px;
font-size: 24px;
color:#fff;
}
#header2 #search-button .btn i{
margin-right:12px;
font-size:24px;
}
#header2 .browse{
padding:80px 0;
background:none;
}
#header2 .browse .browse-jobs{
margin:0 0 53px 0;
}
#header2 .browse .browse-jobs h1{
margin-top:0px;
padding:15px 0 0 0;
}
#header2 .browse ul{
margin-bottom:0px;
}
#header2 .browse .browse-job li{
border:1px solid #e5e5e5;
min-height: 136px;
text-align: center;
vertical-align:middle;
min-width:131px;
padding:15px 0 17px;
max-width:135px;
margin-right:2px;
}
#header2 .browse .browse-job li:last-child{
margin:0px;
}
#header2 .browse .matter1 a i{
color:#1b1a1a;
font-size: 40px;
font-weight: 400;
margin-bottom: 12px;
display: block;
}
#header2 .browse .matter1 a span{
font-size: 14px;
font-weight: 400;
color: #1b1a1a;
text-transform:uppercase;
}
#header2 .browse .browse-job li:hover .matter1 a span, #header2 .browse .browse-job li:hover .matter1 a i{
color:#fff;
}
#header2 .browse .browse-job li:hover{
background: rgba(239,131,0,1);
background: -moz-linear-gradient(top, rgba(239,131,0,1) 0%, rgba(239,131,0,1) 2%, rgba(251,163,0,1) 14%, rgba(251,163,0,1) 65%, rgba(239,131,0,1) 94%, rgba(239,131,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,131,0,1)), color-stop(2%, rgba(239,131,0,1)), color-stop(14%, rgba(251,163,0,1)), color-stop(65%, rgba(251,163,0,1)), color-stop(94%, rgba(239,131,0,1)), color-stop(100%, rgba(239,131,0,1)));
background: -webkit-linear-gradient(top, rgba(239,131,0,1) 0%, rgba(239,131,0,1) 2%, rgba(251,163,0,1) 14%, rgba(251,163,0,1) 65%, rgba(239,131,0,1) 94%, rgba(239,131,0,1) 100%);
background: -o-linear-gradient(top, rgba(239,131,0,1) 0%, rgba(239,131,0,1) 2%, rgba(251,163,0,1) 14%, rgba(251,163,0,1) 65%, rgba(239,131,0,1) 94%, rgba(239,131,0,1) 100%);
background: -ms-linear-gradient(top, rgba(239,131,0,1) 0%, rgba(239,131,0,1) 2%, rgba(251,163,0,1) 14%, rgba(251,163,0,1) 65%, rgba(239,131,0,1) 94%, rgba(239,131,0,1) 100%);
background: linear-gradient(to bottom, rgb(0, 227, 204) 0%, rgb(25, 218, 198) 2%, rgb(64, 224, 208) 14%, rgb(64, 224, 208) 65%, rgb(18, 215, 195) 94%, rgb(8, 216, 195) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8300', endColorstr='#ef8300', GradientType=0 );
/*margin:-14px -4px -14px -12px;*/
z-index: 1;
position: relative;
}
#header2 .browse .browse-job li:first-child:hover{
/*margin:-14px -2px -14px -10px;*/
}
#header2 #featured .featured-jobs h1{
padding-top:15px;
}
#header2 .browse-jobs .border, #header2 .browse-jobs .border1, #header2 .featured-jobs .border, #header2 .featured-jobs .border1{
border-bottom: 4px solid #DD4554;
}
#header2 #testimonial{
padding:80px 0;
background:none;
height:auto;
}
#header2 #testimonial .testimonial-jobs{
margin:0 0 57px 0;
}
#header2 #testimonial .testimonial-jobs h1{
margin:0 0 0 0 ;
padding:14px 0 5px;
color:#333333;
}
#header2 .testimonial-jobs .border, #header2 .testimonial-jobs .border1{
border-bottom: 4px solid #DD4554;
}
#header2 .photo{
text-align:center;
position:relative;
padding:0px !important;
}
#header2 .photo img{
margin:0 auto;
width:99px;
height:99px;
border:4px solid #DD4554;
border-radius:50%;
border-top-width:0px;
border-left-width:3px;
border-right-width:3px;
position: absolute;
top: -72px;
left: 0;
right: 0;
}
#header2 .photo:hover .photo-matter{
background:#DD4554;
}
#header2 .photo:hover .photo-matter i, #header2 .photo:hover .photo-matter span, #header2 .photo:hover .photo-matter p{
color:#333;
}
#header2 .photo .photo-matter{
background:#333333;
border-top:4px solid #DD4554;
padding:32px 45px;
margin-top:72px;
}
#header2 .photo .photo-matter i {
color: #999999;
font-size: 20px;
position: absolute;
left:45px;
}
#header2 .photo .photo-matter span {
float: right;
color: #999999;
font-size: 20px;
margin-top: -22px;
}
#header2 .photo .photo-matter p{
color:#fff;
text-align:center;
font-size:18px;
}
#header2 #blog{
background:#f7f7f7;
}
#header2 #blog .latest-blog{
margin:0 0 58px 0;
}
#header2 #blog .latest-blog h1{
padding-top:14px;
color:#330000;
}
#header2 .latest-blog .border, #header2 .latest-blog .border1{
border-bottom: 4px solid #DD4554;
}
#header2 #latest{
background:none;
}
#header2 #latest .latest-candidate h1{
padding:15px 0 0 0;
}
#header2 #blog .latest-blog h1 span, #header2 #latest .latest-candidate h1 span, #header2 #partner .our-partner h1 span, #header2 #featured .featured-jobs h1 span, #header2 .browse .browse-jobs h1 span{
color:#DD4554;
}
#header2 .latest-candidate .border, #header2 .latest-candidate .border1{
border-bottom: 4px solid #DD4554;
}
#header2 #partner{
padding:0 0 61px;
}
#header2 #partner .our-partner h1{
padding-top:14px;
}
#header2 .our-partner .border, #header2 .our-partner .border1{
border-bottom: 4px solid #DD4554;
}
#header2 .powered {
padding: 0px;
text-align: right;
}
#header2 .powered p {
padding: 15px 0;
width: 95%;
}
#header2 .subscribe {
width:76%;
}
#header2 .subscribe input{
background:#252525;
}
#header2 footer .info {
margin-right: 70px;
}
#header2 footer .use {
margin-right: 70px;
}
#header2 footer p {
width: 100%;
line-height: 22px;
}
#header2 footer .matter {
margin-right: 0;
width:29%;
}
#header2 .flickers{
width:24%;
margin-right:30px;
}
#header2 .flickers ul li{
margin-bottom:10px;
}
#header2 .socialicon {
margin-top: 20px;
}
/*---------------------------------
[ Header 3 / .header3 ]
----------------------------------- */
.header3 #top {
background: #F2F2F2;
}
.header3 #top-links .icon {
padding: 7px 0px;
}
.header3 #top-links .icon li {
padding:0;
border:1px solid #dfdfdf;
}
.header3 #top-links .icon li a {
color: #000;
padding: 4px 8px;
}
.header3 #top-links .icon li:hover a{
background:#DD4554;
border:transparent;
color:#fff !important;
}
.header3 #top-links .button li a {
color: #000;
border-right:0;
font-size:14px;
padding-right: 12px;
}
.header3 #top-links .button li a i{
margin-right: 10px;
font-size:14px;
}
.header3 #top-links .button li:last-child a {
padding-right:0;
}
.header3 .search {
padding: 8px 8px 8px 8px;
border: 1px solid #e5e5e5;
margin: 31px 0 29px;
}
.header3 .search input {
padding: 0;
color: #a3a3a3;
background: #fff;
border: none;
font-size: 12px;
height: 22px;
}
.header3 .search .btn {
position: absolute;
left: auto;
float: right;
background: transparent;
top: 0;
bottom: 0;
right: 14px;
}
.header3 .search .btn i {
color: #b9b9b9;
font-size: 20px;
}
.header3 #menu {
margin:0;
background:#fff;
}
.header3 #menu .nav > li {
padding: 0;
}
.header3 #menu .nav > li > a{
padding:14px 25px;
line-height: 13px;
border-bottom:0;
}
.header3 #menu .nav > li > a:hover {
background: #DD4554;
border-bottom:0;
color:#fff;
}
.header3 .slideshow{
border-top:2px solid #eae9e7;
}
.header3 .socialicon {
margin: 14px 0 0 0;
float: left;
}
.header3 .socialicon li {
background:#696969;
border:0;
padding-top: 4px;
}
.header3 .socialicon li:hover{
background:#DD4554;
border:0;
}
.header3 .powered p {
margin: 22px 0 0 0;
color:#999999;
}
.header3 .powered {
padding: 0px 0 17px;
}
.header3 footer h5{
color:#fff;
}
.header3 footer .tags, .header3 footer .use {
margin-right:70px;
}
.header3 footer .tags ul{
margin:0;
}
.header3 footer .tags ul li {
padding: 9px 14px;
line-height: 16px;
background:#fff;
margin: 0 9px 10px 0px;
}
.header3 footer .tags ul li:hover {
background:#DD4554;
}
.header3 footer .tags ul li:hover a {
color: #fff;
}
.header3 footer .tags ul li a {
font-size: 14px;
font-weight: 300;
color: #333;
line-height: 16px;
}
.header3 footer .info li, .header3 footer .use li {
padding: 13px 4px 15px;
border-bottom: 1px solid #303539;
}
.header3 footer .info li a i, .header3 footer .use li a i {
margin-right: 8px;
color:#999999;
font-size:11px;
}
.header3 footer .info li a:hover i, .header3 footer .use li a:hover i{
color: #DD4554;
}
.header3 footer .info {
width: 17%;
margin-right: 70px;
}
.header3 footer .info li:last-child, .header3 footer .use li:last-child {
padding: 13px 4px 15px;
}
.header3 footer .contact ul{
margin:0;
}
.header3 footer .contact ul li {
padding:0 0 16px;
}
.header3 footer .contact ul li a {
font-size: 16px;
font-weight: 300;
color: #fff;
line-height: 22px;
}
.header3 footer .contact ul li:first-child .fa {
float: left;
}
.header3 footer .contact ul li .fa {
background:#5d5d5d;
margin-right:21px;
border-radius:50%;
padding:9px 0 0 0;
text-align:center;
width:35px;
height:35px;
}
.header3 footer .contact ul li:hover .fa{
background:#DD4554;
}
/*--------------------
[ Header 4 / .header4 ]
---------------------*/
.header4 #logo {
margin: 22px 0 17px;
}
.header4 header{
background: rgba(3, 3, 3, 0.7);
position: fixed;
top: auto;
width: 100%;
z-index: 99;
border:0;
}
.header4 header .button-login{
position:absolute;
top:32px;
right:16px;
margin:0;
}
.header4 header .button-login .btn-default{
background:none;
font-size:18px;
padding: 13px 16px;
border-radius: 0px;
margin-right:0;
}
.header4 header .button-login .btn-primary{
background:#DD4554;
}
.header4 header .button-login .btn-default:hover, .header4 header .button-login .btn-primary:hover {
box-shadow: none;
}
.header4 header .button-login .btn-default:hover{
background:transparent !important;
color:#fff !important;
}
.header4 #menu {
margin: 32px 0 0px 0;
min-height: 43px;
background:none;
}
.header4 #menu .nav > li > a {
line-height: 14px;
color: #fff;
padding:15px 8px 35px;
border-bottom: 4px solid transparent;
}
.header4 #menu .nav > li > a:hover{
background:none;
border-bottom:4px solid #DD4554;
}
.header4 #menu .nav > li {
margin: 0 42px 0 0;
}
.header4 #menu .nav > li:last-child {
margin: 0 0px 0 0;
}
.header4 #menu .navbar-nav > .active > a, .header4 #menu .navbar-nav > .active > a:hover, .header4 #menu .navbar-nav > .active > a:focus {
background-color: none;
border-bottom:4px solid #DD4554;
}
.header4 #menu .dropdown-menu {
background:rgba(3, 3, 3, 0.7);
}
.header4 .slideshow img {
height: 650px;
}
.footer4 .info {
width: 16%;
max-width: 16%;
margin-right: 70px;
}
.footer4 .use {
margin-right: 50px;
}
.footer4 p {
width: 88%;
line-height:22px;
font-size:16px;
}
.footer4 .contact ul{
margin:0;
}
.footer4 .contact ul li {
padding:0 0 27px;
}
.footer4 .contact ul li a {
font-size: 16px;
font-weight: 300;
color: #fff;
line-height: 22px;
}
.footer4 .contact ul li:first-child .fa {
float: left;
line-height:30px;
}
.footer4 .contact ul li .fa {
margin-right:12px;
}
.footer4 .subscribe {
padding: 0;
border: 1px solid #DD4554;
border-radius: 50px;
}
.footer4 .subscribe input{
background:none;
padding:0 2px 0 10px;
}
.footer4 .subscribe .form-group {
margin-bottom: 0px;
}
.footer4 .subscribe .btn-default {
border-radius: 0 50px 50px 0px;
padding: 7px 23px;
height: 40px;
margin-left: 2px;
margin-right: -1px;
}
.footer4 .socialicon li .fa{
position:absolute;
color:#fff;
font-size:14px;
top:10px;
left:11px;
}
.footer4 .socialicon li {
width: 40px;
height: 40px;
margin-right:17px;
background: none;
border-radius: 50%;
padding: 7px;
text-align: center;
padding-top: 0;
border:none;
}
.footer4 .socialicon li:hover {
background:none;
border:0;
}
.footer4 .round {
position: absolute;
left: 5px;
width: 100%;
height: 100%;
border-radius: 300px;
z-index: 1;
border-width: 4px;
border-style: solid;
}
.footer4 .fb {
background-color:#2E4689;
border-color: transparent;
}
.footer4 .fb:hover {
color: rgba(239,57,50,1);
border-color: #334F99;
}
.footer4 .twitter {
background-color:#2B9ADD;
border-color: transparent;
}
.footer4 .twitter:hover {
color: rgba(239,57,50,1);
border-color: #4BAAE2;
}
.footer4 .google {
background-color:#BA2224;
border-color: transparent;
}
.footer4 .google:hover {
color: rgba(239,57,50,1);
border-color: #D8272C;
}
.footer4 .insta {
background-color:#33608C;
border-color: transparent;
}
.footer4 .insta:hover {
color: rgba(239,57,50,1);
border-color: #396B9D;
}
.footer4 .linkedin {
background-color:#1365A9;
border-color: transparent;
}
.footer4 .linkedin:hover {
color: rgba(239,57,50,1);
border-color: #1675C2;
}
/*---------------------------------
[ Slideshow / .slideshow ]
----------------------------------- */
.slideshow .owl-dots {
top: -34px ;
z-index:0;
text-align: center;
position:relative;
}
.slideshow .owl-dot{
margin:0 !important;
padding:4px 6px;
background:rgba(0, 0, 0, 0.66);
display:inline-block;
}
.slideshow .owl-dot span {
background: #fff;
border:4px solid transparent;
box-shadow: none;
border-radius: 20px;
display:block;
}
.slideshow .owl-dot.active span {
background: #DD4554;
}
.slideshow{
margin:0;
position:relative;
}
.slideshow img{
width:100%;
}
.slide-detail{
left: 0;
position: absolute;
right: 0;
bottom:85px;
}
.slideshow .slider-caption {
background: rgba(0, 0, 0, 0.66);
position: relative;
min-height:190px;
border-top:4px solid #DD4554;
padding:0 21px 0 23px;
}
.slider-caption h1{
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#DD4554;
text-shadow:none;
margin:24px 0 34px;
text-align:center;
}
.off {
border-bottom: 19px solid transparent;
border-right: 19px solid #DD4554;
height: 0;
opacity: 1;
position: absolute;
width: 0;
margin: 0;
right:0;
}
.slider-caption .btn {
color: #999999;
padding: 0px 29px 0px 23px;
font-size: 16px;
font-weight:400;
border: none;
min-width: auto;
min-height: 50px;
border-radius:0px;
background:#fff;
}
.slider-caption .form-control{
min-height: 47px;
border-radius:0px;
min-width: 266px !important;
font-size:16px !important;
font-weight:400 !important;
color:#666666 !important;
}
.slider-caption .btn i{
font-size:18px;
}
.slideshow .bootstrap-select.btn-group .dropdown-menu{
z-index:999999 !important;
}
.slideshow .open > .dropdown-menu {
z-index:999999 !important;
}
.slider-caption .dropdown-menu {
border-radius:0px;
border-top:1px solid #999999;
border-left:0px;
border-right:0px;
border-bottom:0px;
}
.slider-caption .dropdown-menu > li > a {
color: #999999;
padding: 0px 29px 0px 23px;
font-size: 16px;
font-weight:400;
}
.slider-caption .btnsrch {
background:#DD4554;
border:none;
border-radius:0;
top:0;
position:absolute;
padding:10.5px 29px;
right:0;
}
.slider-caption .btnsrch i{
color:#fff;
font-size:24px;
}
.slider-caption .btnsrch:hover i{
color:#fff;
}
.center{
text-align:center;
}
.center .btn-default{
font-size:18px;
font-weight:400;
background:#333333;
padding:9px 22px 8px;
color:#fff;
border:none;
line-height:18px;
margin-top:19px;
}
.center .btn-default i{
margin-left:14px;
}
.center .btn-default:hover, .center .btn-default:active{
background-color:#333 !important;
color:#fff !important;
}
/*---------------------------------
[ featured / .featured-jobs ]
----------------------------------- */
#featured{
padding:70px 0 50px 0;
background: #F7F7F7;
margin-top:-24px;
}
#featured .featured-jobs{
text-align:center;
margin:0 0 48px 0;
position:relative;
}
#featured .featured-jobs h1{
margin:0;
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#000;
}
.featured-jobs .border{
border-bottom: 1px solid #333333 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
left: 39%;
position: absolute;
width: 14%;
}
.featured-jobs .border1{
border-bottom: 1px solid #333333;
right: 39%;
margin-top:10px;
position: absolute;
width: 14%;
}
.product-box{
margin-bottom:30px;
}
.product-box .matter{
background:#fff;
border:1px solid #e1e1e1;
border-bottom:0;
padding:29px 11px;
}
.product-box .matter h1{
font-size:16px;
font-weight:600;
color:#000;
margin:0 0 11px 0;
line-height: 18px;
}
.product-box .matter ul {
margin:0px 0 25px;
}
.product-box .matter ul li{
padding:0px 16px 0 0;
line-height: 12px;
}
.product-box .matter li a{
font-size:14px;
font-weight:400;
color:#333;
}
.product-box .matter li:first-child a i{
color:#DD4554;
}
.product-box .matter li a i{
margin-right:3px;
}
.product-box .matter li a:hover i{
color:#DD4554;
}
.product-box .matter p{
font-size:14px;
font-weight:400;
color:#666666;
line-height:18px;
margin:0;
}
.product-box .btn-info{
border:none;
border-radius:0px;
background:#333333;
color:#fff;
font-size:14px;
font-weight:400;
margin-right: -2px;
width: 49.5%;
padding:16px;
line-height:10px;
}
.product-box .btn-info:hover{
background:#DD4554;
}
.product-box .image{
position:relative;
}
.product-box:hover .image{
opacity:15;
}
.product-box:hover .buttons{
opacity:1;
}
.product-box .buttons{
position:absolute;
width:100%;
height:100%;
background:rgba(64, 224, 208, 0.75);
text-align:center;
top:0;
opacity:0;
cursor:pointer;
transition:all 1.5s ease 0s;
}
.buttons .open-down{
bottom: 40%;
left: 0;
position: absolute;
right: 0;
transition:all 1.5s ease 0s;
}
.buttons .rotate1:nth-child(1){
margin-left:0px;
}
.buttons .rotate1{
text-align:center;
color:#000;
font-size:20px;
background:#fff;
width:40px;
height:40px;
border:none;
border-radius:50%;
z-index:-1000;
margin-left:25px;
}
.buttons .rotate1:hover{
background:#DD4554;
color:#fff;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.50);
}
.product-list .product-box .matter{
border-bottom:1px solid #e1e1e1;
padding:25px 12px;
margin-left:270px;
min-height:204px;
}
.product-list .product-box .matter ul {
margin:0px 0 17px;
line-height: 12px;
}
.product-list .product-box .matter p{
font-weight:300;
margin:0 0 20px 0;
}
.product-list .product-box .btn-info{
margin-right:30px;
width: 136px;
height:35px;
padding:11px;
}
.product-list .product-box .image{
float:left;
}
/*---------------------------------
[ browse / .browse-jobs ]
----------------------------------- */
.browse{
padding:80px 0 50px 0;
}
.browse .browse-jobs{
text-align:center;
margin:0 0 48px 0;
position:relative;
}
.browse .browse-jobs h1{
margin:0;
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#000;
}
.browse-jobs .border{
border-bottom: 1px solid #333333 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
left: 40%;
position: absolute;
width: 12%;
}
.browse-jobs .border1{
border-bottom: 1px solid #333333;
right: 40%;
margin-top:10px;
position: absolute;
width: 12%;
}
.browse .matter{
border:1px solid #e5e5e5;
min-height:116px;
text-align:center;
margin-bottom:30px;
}
.browse .matter .boxbor i{
padding-top:25px;
}
.browse .matter:hover .boxbor:before {
display: block;
content: "";
width: 185px;
height: 80px;
bottom:auto;
left: 15px;
position:absolute;
border-top: 3px solid #B52F3C;
border-left: 3px solid #B52F3C;
}
.browse .matter:hover .boxbor:after {
display: block;
content: "";
width: 185px;
height: 80px;
bottom: 30px;
right: 15px;
border-bottom: 3px solid #B52F3C;
border-right: 3px solid #B52F3C;
position:absolute;
}
.browse .matter a{
text-align:center;
}
.browse .matter a i{
color:#000;
font-size:32px;
font-weight:400;
margin-bottom:12px;
display:block;
}
.browse .matter a span{
font-size:20px;
font-weight:400;
color:#000;
}
.browse .matter:hover{
background:#DD4554;
border:1px solid transparent;
}
.browse .matter:hover a i, .browse .matter:hover a span{
color:#fff;
}
/*---------------------------------
[ testimonial / .testimonial-jobs ]
----------------------------------- */
#testimonial{
background:url(../images/testi-bg.jpg);
height:402px;
padding-top:2px;
}
#testimonial .testimonial-jobs{
text-align:center;
margin:0 0 52px 0;
position:relative;
}
#testimonial .testimonial-jobs h1{
margin:57px 0 0 0 ;
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#DD4554;
}
.testimonial-jobs .border{
border-bottom: 1px solid #DD4554 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
left: 40%;
position: absolute;
width: 12%;
}
.testimonial-jobs .border1{
border-bottom: 1px solid #DD4554;
right: 40%;
margin-top:10px;
position: absolute;
width: 12%;
}
#testimonials{
margin-bottom:0px;
background:none;
}
#testimonials .owl-wrapper-outer{
border:none;
}
#testimonials .owl-nav div {
opacity: 1 !important;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
color:#fff;
}
#testimonials .owl-nav div:hover{
color:#DD4554;
}
#testimonials .owl-nav .owl-prev {
left: 15px;
top:20%;
position:absolute;
}
#testimonials .owl-nav .owl-next {
right: 15px;
top:20%;
position:absolute;
}
#testimonials .owl-nav div i {
font-size: 55px;
margin: -20px 0 0;
}
.photo{
padding:0 42px;
}
.photo img{
margin:0 auto;
margin-bottom:22px;
width:99px !important;
height:99px;
border:4px solid #DD4554;
border-radius:50%;
border-top-width:0px;
border-left-width:3px;
border-right-width:3px;
}
.photo i {
color: #999999;
font-size: 24px;
position: absolute;
left:45px;
}
.photo span {
float: right;
color: #999999;
font-size: 24px;
margin-top: -40px;
margin-right: -20px;
}
.photo p{
color:#fff;
text-align:center;
font-size:18px;
}
/*---------------------------------
[ blog / .latest-blog ]
----------------------------------- */
#blog{
padding:80px 0 43px 0;
}
#blog .latest-blog{
text-align:center;
margin:0 0 48px 0;
position:relative;
}
#blog .latest-blog h1{
margin:0;
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#15110E;
text-transform:uppercase;
}
.latest-blog .border{
border-bottom: 1px solid #333333 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
left: 40%;
position: absolute;
width: 141px;
}
.latest-blog .border1{
border-bottom: 1px solid #333333;
right: 40%;
margin-top:10px;
position: absolute;
width: 141px;
}
#blog .box{
position: relative;
margin-bottom: 37px;
}
#blog .box img{
float:left;
}
#blog .box .matter{
background: #f7f7f7;
margin-left: 228px;
padding: 20px 12px;
}
#blog .box .matter h1{
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
color:#000;
margin:0 0 20px 0;
line-height:20px;
}
#blog .box .matter p{
color:#666666;
font-size:16px;
font-weight:400;
line-height:19.5px;
margin-bottom:10px;
}
#blog .box .matter a{
color:#000;
font-size:16px;
font-weight:400;
}
#blog .box .matter a:hover{
color:#DD4554;
}
/*---------------------------------
[ latest / .latest-candidate ]
----------------------------------- */
#latest{
background:#F7F7F7;
padding:80px 0;
}
#latest .latest-candidate{
text-align:center;
margin:0 0 80px 0;
position:relative;
}
#latest .latest-candidate h1{
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#000;
margin:0;
}
.latest-candidate .border{
border-bottom: 1px solid #333333 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
left: 33%;
position: absolute;
width: 242px;
}
.latest-candidate .border1{
border-bottom: 1px solid #333333;
right: 33%;
margin-top:10px;
position: absolute;
width: 242px;
}
#latests,#latestsfeat{
margin-bottom:0px;
background:none;
padding:0 15px;
}
#latests .owl-wrapper-outer,#latestsfeat .owl-wrapper-outer{
border:none;
box-shadow:none;
}
#latests .owl-nav div,#latestsfeat .owl-nav div{
opacity: 1 !important;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}
#latests .owl-nav div i:hover,#latestsfeat .owl-nav div i:hover{
color:#DD4554;
}
#latests .owl-nav .owl-prev ,#latestsfeat .owl-nav .owl-prev{
left: 15px;
top:20%;
position:absolute;
}
#latests .owl-nav .owl-next,#latestsfeat .owl-nav .owl-next {
right: 15px;
top:20%;
position:absolute;
}
#latests .owl-nav div i ,#latestsfeat .owl-nav div i {
font-size: 55px;
color:#15110E;
margin: -20px 0 0;
}
#latests .candidate img,#latestsfeat .candidate img{
margin:0 auto;
margin-bottom:22px;
width:122px;
height:122px;
border:4px solid #DD4554;
border-radius:50%;
border-top-width:0px;
border-left-width:3px;
border-right-width:3px;
}
#latests .candidate h1,#latestsfeat .candidate h1{
color:#000;
text-align:center;
font-family: 'Libre Baskerville', serif;
font-size:15.02px;
font-weight:bold;
margin:18px 0 8px;
}
#latests .candidate p,#latestsfeat .candidate p{
color:#666666;
text-align:center;
font-size:15.02px;
font-weight:400;
margin-bottom:0px;
}
/*---------------------------------
[ partner / .our-partner ]
----------------------------------- */
#partner{
padding:80px 0;
}
#partner .our-partner{
text-align:center;
margin:0 0 59px 0;
position:relative;
}
#partner .our-partner h1{
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#000;
margin:0;
}
.our-partner .border{
border-bottom: 1px solid #333333 !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
left: 40%;
position: absolute;
width: 147px;
}
.our-partner .border1{
border-bottom: 1px solid #333333;
right: 40%;
margin-top:10px;
position: absolute;
width: 147px;
}
#partners img{
margin:0 auto;
width:auto;
}
#partners .image{
margin: 0 auto;
}
#partners .owl-wrapper-outer{
border:none;
box-shadow:none;
}
#partners .owl-nav div{
opacity: 1 !important;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}
#partners .owl-nav div i:hover{
color:#5b5b5b;
border:1px solid #5b5b5b;
}
#partners .owl-nav .owl-prev {
left: 8px;
top:40%;
position:absolute;
}
#partners .owl-nav .owl-next{
right: 8px;
top:40%;
position:absolute;
}
#partners .owl-nav div i {
font-size: 17px;
color:#cccccc;
margin: -20px 0 0;
border:1px solid #cccccc;
padding:10px;
}
/*---------------------------------
[ Footer / #footer]
----------------------------------- */
footer {
background-color: #1b191a;
padding:65px 0 ;
}
footer h5 {
font-family: 'Libre Baskerville', serif;
font-size:18px;
font-weight:bold;
color:#DD4554;
margin:0 0 26px;
}
footer h6 {
font-size:14px;
color:#fff;
margin:0 0 26px;
font-weight:400;
}
footer h6 i{
font-size:24px !important;
margin-right:9px;
}
footer h6 span{
font-weight:600;
font-size:19px;
}
footer p {
font-size:14px;
font-weight:300;
color: #ffffff;
line-height:26px;
width: 88%;
margin:12px 0 22px;
}
footer .bor{
border-bottom:1px solid #313538;
margin-bottom: 34px;
padding-bottom:20px;
display:flex;
}
.subscribe{
padding:0 70px 0 0;
}
.subscribe input{
height: 40px;
border-radius:0px;
border:none;
}
.subscribe .btn-default{
background:#DD4554;
color:#fff;
border:none;
border-radius:0px;
padding:7px 16px;
height:40px;
}
.socialicon{
margin-top:32px;
margin-left:0;
}
.socialicon li:last-child{
margin-right:0px;
}
.socialicon li {
list-style: none;
position: relative;
display: inline-block;
width: 34px;
height: 34px;
margin-right:10px;
border-radius: 50%;
text-align: center;
padding-top: 5px;
border:1px solid #DD4554;
}
.socialicon li a{
font-size:14px;
color:#fff;
}
.socialicon li a i{
margin-right:0px;
}
.socialicon li:hover{
background:#DD4554;
border:1px solid transparent;
}
footer .info ul, footer .use ul{
margin-bottom:0px;
}
footer .info li, footer .use li{
padding:0 0 26px;
line-height: 16px;
}
footer .info li:last-child, footer .use li:last-child{
padding:0px;
}
footer .info li a, footer .use li a {
font-size:16px;
font-weight:400;
color:#fff;
}
footer .info li a i, footer .use li a i{
margin-right:7px;
}
footer .info li a:hover, footer .use li a:hover{
color:#DD4554;
}
footer .matter{
margin-right:38px;
}
footer .info{
width: 19%;
max-width: 19%;
margin-right: 35px;
}
footer .use{
width: 15%;
max-width: 15%;
margin-right: 101px;
}
footer .form .input-group{
padding:0 15px;
}
footer .form .big{
height:80px !important;
}
footer .form .form-group{
margin-bottom:12px;
}
footer .form input{
background:#161b1e;
border:1px solid #666666;
height:40px;
border-radius:0;
box-shadow: none !important;
outline-offset: 0 !important;
}
footer .form input:hover{
border:1px solid #fff;
}
footer .form .btn-default {
background: #DD4554;
color: #000;
border: none;
border-radius: 0px;
padding: 11px 16px;
height: 80px;
}
footer .form .btn-default:hover, footer .form .btn-default:active:hover {
background: #DD4554 !important;
color:#000 !important;
}
.powered {
background:#1b191a;
padding: 0px 0 65px;
text-align:center;
}
.powered p{
font-size:14px;
font-weight:400;
margin:0px;
color:#cccccc;
line-height: 13px;
}
/*---------------------------------
[ submit-job / .submit-job-content ]
----------------------------------- */
#submit-job {
background:#f7f7f7;
}
#submit-job .submit-job-content{
position:relative;
}
#submit-job .submit-job-content h1{
margin:25px 0 35px;
text-align:center;
font-size:24px;
font-weight:600;
color:#000;
}
.bread{
text-align:center;
}
#submit-job .submit-job-content ul{
position:absolute;
background:#ededed;
right: 42.5%;
top: 43px;
margin-bottom: 0px;
padding: 8px 17px;
line-height:16px;
}
#submit-job .submit-job-content ul li{
padding-left:0px;
color:#666666;
}
#submit-job .submit-job-content ul li a{
font-size:14px;
font-weight:300;
color:#666666;
}
/*---------------------------------
[ submit-job-form / .submit-form ]
----------------------------------- */
#submit-job-form{
margin:80px 0px;
}
#submit-job-form .submit-form{
background:#f7f7f7;
padding: 45px 48px 59px 48px;
position:relative;
}
#submit-job-form .submit-form .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
#submit-job-form .submit-form .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right:0;
}
#submit-job-form .submit-form .form-group{
margin-bottom:42px;
}
#submit-job-form .submit-form .form-group label{
color:#000;
font-size:16px;
font-weight:600;
margin-bottom:22px;
}
#submit-job-form .submit-form .form-group .form-control{
border:1px solid #e6e6e6;
border-radius:0px;
height:58px;
color:#666;
font-size:16px;
font-weight:300;
width:100%
}
#submit-job-form .submit-form .form-group textarea{
height:170px !important;
}
#submit-job-form .submit-form .form-group .btn-default {
color: #333;
background-color: transparent;
border-color: transparent;
height:58px;
box-shadow:none;
padding: 0px 48px 0 14px;
}
#submit-job-form .submit-form .form-group .btn-default span{
padding:16px 0 0 0;
}
#submit-job-form .submit-form .form-group .form-control .fa{
background:#DD4554;
color:#fff;
padding:16px;
font-size: 24px;
}
#submit-job-form .submit-form .form-group .browse{
background:#fff;
border:1px solid #e6e6e6;
padding: 38px 21px;
margin-bottom:20px;
}
#submit-job-form .submit-form .browse label{
background:#e2e2e2;
color:#000;
border-radius:25px;
padding:15px 30px;
margin-bottom:0;
font-weight: 300;
}
#submit-job-form .submit-form .form-group span{
color:#999999;
font-size:16px;
font-weight:600;
}
#submit-job-form .submit-form h5{
font-family: 'Libre Baskerville', serif;
font-size:26px;
font-weight:bold;
color:#000;
margin:15px 0 37px;
}
#submit-job-form .submit-form .fb, #submit-job-form .submit-form .twitter, #submit-job-form .submit-form .google{
width:100%;
}
#submit-job-form .submit-form .fb i, #submit-job-form .submit-form .twitter i, #submit-job-form .submit-form .google i{
width:12%;
height:56px;
color:#fff;
font-size:20px;
padding: 18px 25px;
}
#submit-job-form .submit-form .fb i{
background:#006699;
}
#submit-job-form .submit-form .twitter i{
background:#00ccff;
}
#submit-job-form .submit-form .google i{
background:#cc3300;
}
#submit-job-form .submit-form .fb input, #submit-job-form .submit-form .twitter input, #submit-job-form .submit-form .google input{
width:88% !important;
height:56px !important;
}
#submit-job-form .submit-form .google input{
border-bottom:0;
}
#submit-job-form .submit-form .button{
text-align:center;
}
#submit-job-form .submit-form .button .btn-primary{
width:210px;
height:50px;
border:none;
border-radius:0px;
background:#DD4554;
color:#fff;
font-size:22.5px;
font-weight:bold;
}
/*---------------------------------
[ login / .login-content ]
----------------------------------- */
#login {
background:#f7f7f7;
}
#login .login-content{
position:relative;
}
#login .login-content h1{
margin:25px 0 35px;
text-align:center;
font-size:24px;
font-weight:600;
color:#000;
}
#login .login-content ul{
position:absolute;
background:#EDEDED;
right: 44.5%;
top: 43px;
margin-bottom: 0px;
padding: 8px 17px;
line-height: 16px;
}
#login .login-content ul li{
padding-left:0px;
color:#666666;
}
#login .login-content ul li a{
font-size:14px;
font-weight:300;
color:#666666;
}
/*---------------------------------
[ login-form / .form ]
----------------------------------- */
#login-form{
margin:80px 0px;
}
#login-form .form{
background:#f7f7f7;
padding: 45px 48px 59px 48px;
position: relative;
}
#login-form .form .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top: 0;
left:0;
}
#login-form .form .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
#login-form .form .form-group{
margin-bottom:42px;
}
#login-form .form .form-group label{
color:#000;
font-size:16px;
font-weight:600;
margin-bottom:22px;
}
#login-form .form .form-group input{
border:1px solid #e6e6e6;
border-radius:0px;
height:58px;
color:#666;
font-size:16px;
font-weight:300;
width:100%
}
#login-form .form .form-group a{
color:#DD4554;
font-size:16px;
font-weight:300;
}
#login-form .form .form-group .confirmation label{
font-weight:300;
color:#666;
margin-bottom:0;
}
#login-form .form .form-group .confirmation input{
color:#666;
font-size:16px;
font-weight:300;
width:12px;
height:12px;
margin:0 10px 0 0;
}
#login-form .form .button{
text-align:center;
}
#login-form .form .button .btn-primary{
width:210px;
height:50px;
border:none;
border-radius:0px;
background:#DD4554;
color:#fff;
font-size:22.5px;
font-weight:bold;
}
#login-form .form p{
padding-top:36px;
text-align:center;
color:#666;
font-size:16px;
font-weight:300;
}
#login-form .form p a{
color:#DD4554;
}
/*---------------------------------
[ contact / .contact-content ]
----------------------------------- */
#contact {
background:#f7f7f7;
}
#contact .contact-content{
position:relative;
}
#contact .contact-content h1{
margin:25px 0 35px;
text-align:center;
font-size:24px;
font-weight:600;
color:#333333;
}
#contact .contact-content ul{
position:absolute;
background:#EDEDED;
right: 43%;
top: 43px;
margin-bottom: 0px;
padding: 8px 17px;
line-height: 16px;
}
#contact .contact-content ul li{
padding-left:0px;
}
#contact .contact-content ul li a{
font-size:14px;
font-weight:300;
color:#666666;
}
/*---------------------------------
[ contact-form / .form ]
----------------------------------- */
#contact-form{
margin:80px 0px;
}
#contact-form .form{
background:#f7f7f7;
padding: 45px 48px 59px 48px;
position:relative;
margin-bottom:80px;
}
#contact-form .form .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top: 0;
left:0;
}
#contact-form .form .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width:100%;
bottom: 0;
right: 0;
}
#contact-form .form .form-group{
margin-bottom:42px;
}
#contact-form .form .form-group label{
color:#000;
font-size:16px;
font-weight:600;
margin-bottom:22px;
}
#contact-form .form .form-group input, #contact-form .form .form-group textarea{
border:1px solid #e6e6e6;
border-radius:0px;
height:58px;
color:#666;
font-size:16px;
font-weight:300;
width:100%
}
#contact-form .form .form-group textarea{
height:170px;
}
#contact-form .form .form-group a{
color:#DD4554;
font-size:16px;
font-weight:600;
}
#contact-form .form .form-group .confirmation input{
color:#999999;
font-size:16px;
font-weight:600;
width:0;
height:0;
margin-right:10px;
}
#contact-form .form .button{
text-align:center;
}
#contact-form .form .button .btn-primary{
width:210px;
height:50px;
border:none;
border-radius:0px;
background:#DD4554;
color:#fff;
font-size:22.5px;
font-weight:bold;
}
#contact-form .form p{
padding-top:36px;
text-align:center;
color:#999999;
font-size:16px;
font-weight:600;
}
#contact-form .form p a{
color:#DD4554;
}
#contact-form .detail{
background:#f7f7f7;
padding: 47px;
margin-bottom:30px;
}
#contact-form .detail .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top: 0;
left:0%;
}
#contact-form .detail .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right:0%;
}
#contact-form .detail ul{
margin-bottom:0px;
}
#contact-form .detail li{
padding:0 0 46px;
}
#contact-form .detail li:last-child{
padding:0px;
}
#contact-form .detail ul li h5 {
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
color:#000;
line-height: 14px;
margin:0 0 25px;
}
#contact-form .detail li .fa {
color: #DD4554;
margin-right: 20px;
font-size:16px;
}
#contact-form .detail li:first-child .fa {
float: left;
line-height: 28px;
}
#contact-form .detail a {
font-size:16px;
font-weight:400;
color:#666;
line-height: 18px;
word-break:break-all;
}
/*---------------------------------
[ about / .about-content ]
----------------------------------- */
#about {
background:#f7f7f7;
}
#about .about-content{
position:relative;
}
#about .about-content h1{
margin:25px 0 35px;
text-align:center;
font-size:24px;
font-weight:600;
color:#000;
}
#about .about-content ul{
position:absolute;
background:#EDEDED;
right: 43.5%;
top: 43px;
margin-bottom: 0px;
padding: 8px 17px;
line-height:16px;
}
#about .about-content ul li{
padding-left:0px;
color:#666666;
}
#about .about-content ul li a{
font-size:14px;
font-weight:300;
color:#666666;
}
/*---------------------------------
[ abouts / .about-detail ]
----------------------------------- */
#abouts{
margin:80px 0px;
}
#abouts .about-detail h1{
color:#000;
font-size:24px;
font-weight:600;
text-align:center;
margin:0 0 30px;
}
#abouts .about-detail p{
color:#666;
font-size:16px;
font-weight:400;
text-align:center;
line-height:28px;
margin-bottom:0;
}
#abouts .inner{
margin-top:37px;
}
#abouts .inner p{
color:#666;
font-size:16px;
font-weight:400;
text-align:left;
line-height:28px;
margin-bottom:0;
}
#abouts .mission h1{
color:#000;
font-size:24px;
font-weight:600;
text-align:center;
margin:72px 0 30px;
}
#abouts .mission p{
color:#666;
font-size:16px;
font-weight:400;
text-align:center;
line-height:28px;
padding:0 74px;
margin-bottom:0;
}
#abouts .team h1{
color:#000;
font-size:24px;
font-weight:600;
text-align:center;
margin:50px 0 79px;
}
#abouts .team ul{
padding:0 13px;
margin-bottom:0px;
}
#abouts .team ul li{
padding:0;
margin-right:27px;
}
#abouts .team ul li:last-child{
margin-right:0px;
}
#abouts .team .client{
text-align:center;
}
#abouts .team .client img{
margin:0 auto;
}
#abouts .team .client h5{
margin:15px 0 10px;
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:400;
color:#333;
}
#abouts .team .client p{
color:#666;
font-size:16px;
font-weight:400;
margin:0 0 14px;
}
#abouts .team .client .soical{
padding:0;
margin:0;
}
#abouts .team .client .soical li{
background:#fff;
border:1px solid #f0f0f0;
border-radius:50%;
width:29px;
height:29px;
padding:3px 6px;
margin-right:8px !important;
}
#abouts .team .client .soical li:last-child{
margin-right:0px !important;
}
#abouts .team .client .soical li a{
color:#000;
font-size:13px;
font-weight:400;
}
#abouts .team .client .soical li:hover{
background:#DD4554;
border:1px solid transparent;
}
#abouts .team .client .soical li:hover a{
color:#fff;
}
/*---------------------------------
[ jobs / .jobs-content ]
----------------------------------- */
#jobs {
background:#f7f7f7;
}
#jobs .jobs-content{
position:relative;
}
#jobs .jobs-content h1{
margin:25px 0 35px;
text-align:center;
font-size:24px;
font-weight:600;
color:#000;
}
#jobs .jobs-content ul{
position:absolute;
background:#EDEDED;
right: 44.5%;
top: 43px;
margin-bottom: 0px;
padding: 8px 17px;
line-height: 16px;
}
#jobs .jobs-content ul li{
padding-left:0px;
}
#jobs .jobs-content ul li a{
font-size:14px;
font-weight:300;
color:#666666;
}
/*---------------------------------
[ job / .sort / .matter ]
----------------------------------- */
#job{
margin:80px 0px;
}
#job .form1{
margin-bottom:50px;
background:#f7f7f7;
padding:34px 15px 40px;
display:flex;
}
#job .form1 .form-group{
margin-bottom:0;
}
#job .form1 .sort, #job .form1 .show, #job .form1 .category, #job .form1 .keyword{
font-size:16px;
color:#333333;
}
#job .form1 .sort label, #job .form1 .show label, #job .form1 .category label, #job .form1 .keyword label{
margin-bottom:13px;
font-weight:600;
}
#job .form1 .btn-default{
height:45px;
border:1px solid #e6e6e6;
border-radius:0;
box-shadow:none;
color: #666 !important;
font-size: 16px !important;
}
#job .form1 .btn-default:hover{
background-color:#fff !important;
}
#job .form1 .sort option, #job .form1 .show option, #job .form1 .category option{
padding: 6px 12px;
}
#job .form1 .keyword .btn-primary, #job .form1 .keyword .btn-success, #job .form1 .keyword .btn-danger, #job .form1 .keyword .btn-warning {
border:none;
border-radius:0;
padding:9px 23px;
font-size:16px;
font-weight:500;
height:34px;
margin-right:16px;
line-height:16px;
margin-bottom:5px;
}
.form1 .dropdown-menu.inner{
padding:0 10px !important;
}
.form1 .dropdown-menu.inner a{
color:#000;
font-size:14px;
}
#job .form1 .keyword .btn-primary {
background:#ACD374;
}
#job .form1 .keyword .btn-success {
background:#ED5400;
}
#job .form1 .keyword .btn-danger {
background:#DD4554;
}
#job .form1 .keyword .btn-warning {
background:#1D86F1;
margin-right:0;
}
.left1{
background:#F7F7F7;
}
.left{
padding:0 0 51px 0 ;
}
.left .job-candidate{
margin-bottom:63px;
}
.left .job-candidate h1{
padding-bottom:7px;
font-family: 'Libre Baskerville', serif;
font-size:14px;
font-weight:bold;
color:#000;
margin:0;
padding-top:27px;
text-align:center;
}
.mainbox > .row{
margin:0;
}
.left .job-candidate .border{
border-top: 1px solid #333333 !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
left: 17%;
position: absolute;
width: 144px;
}
.left .job-candidate .border1{
border-bottom: 1px solid #333333;
right: 14%;
margin-top:10px;
position: absolute;
width: 144px;
}
.leftside{
background:#F7F7F7;
}
.margin-t{
margin-top:40px;
}
.margin-t h1{
border-top:0 !important;
}
.margin-t .border{
left:34% !important;
}
.margin-t .border1{
right:34% !important;
}
.leftside .latest-jobs{
padding:0 0 32px;
}
.leftside .latest-jobs h1{
font-family: 'Libre Baskerville', serif;
font-size:14px;
font-weight:bold;
color:#000;
margin:0 10px;
border-top: 1px solid #ccc;
padding: 33px 0 9px;
text-align:center;
}
.leftside .latest-jobs .border{
border-top: 1px solid #333333 !important;
border-bottom:none !important;
border-left:none !important;
border-right:none !important;
left: 28%;
position: absolute;
width: 88px;
}
.leftside .latest-jobs .border1{
border-bottom: 1px solid #333333;
right: 28%;
margin-top:10px;
position: absolute;
width: 88px;
}
.leftside .job-content{
margin:20px 10px 0;
border-bottom:1px solid #ccc;
padding-bottom:17px;
}
.leftside .job-content img{
width:62px;
height:57px;
float:left;
margin-right:10px;
}
.leftside .job-content h1{
font-size:14px;
font-weight:600;
color:#333;
margin:0 0 9px;
}
.leftside .job-content ul{
margin-bottom:0;
line-height: 10px;
}
.leftside .job-content ul li{
padding:0px 12px 0 0;
}
.leftside .job-content ul li a{
font-size:12px;
font-weight:400;
color:#333333;
}
.leftside .job-content ul li:first-child a i{
color:#DD4554;
}
.leftside .job-content ul li a i{
font-size:14px;
margin-right:7px;
}
.leftside .job-content a{
color:#3366cc;
font-size:12px;
font-weight:400;
}
.career{
margin-top:28px;
}
.pagination{
margin: 25px 0 0 0;
display:block;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
margin-left: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.pagination > li{
display:inline-block;
}
.pagination > li > a{
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
color: #fff;
text-decoration: none;
background-color: #3E3E3E;
border: 0px solid #ddd;
margin-right: 10px;
border-radius: 50%;
width:37px;
height:37px;
font-weight:bold;
}
.pagination > li > a > span{
font-weight:bold;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
background:#DD4554;
color:#fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #DD4554;
border-color: #DD4554;
z-index: 0;
}
/*---------------------------------
[ jobdetail / .sort / .matter ]
----------------------------------- */
#jobdetail{
margin:80px 0px 0px;
}
#jobdetail .left-side{
margin-top:19px;
background:#F5F5F5;
}
#jobdetail .left-side ul{
padding: 21px 0 0px 15px;
}
#jobdetail .left-side ul li h5{
border-bottom:1px solid #ccc;
padding:0 0 8px 0;
line-height: 14px;
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
color:#333333;
margin:0;
}
#jobdetail .left-side ul li h5 i{
font-size:18px;
margin-right:7px;
}
#jobdetail .left-side ul li p{
font-size:18px;
font-weight:400;
color:#666;
padding:20px 0 33px;
margin:0;
line-height: 18px;
}
#jobdetail .content h1{
font-family: 'Libre Baskerville', serif;
font-size:18px;
font-weight:bold;
color:#000;
margin:0 0 15px;
}
#jobdetail .content ul{
margin-bottom:30px;
}
#jobdetail .content ul li{
background:#ededed;
border-radius: 20px;
padding:8px 22px 8px 14px;
line-height: 14px;
}
#jobdetail .content ul li a{
font-size:14px;
font-weight:400;
color:#333333;
}
#jobdetail .content ul li a i{
margin-right:7px;
color:#DD4554;
}
#jobdetail .content p{
font-size:16px;
font-weight:400;
color:#666;
line-height:28px;
margin-bottom:43px;
}
#jobdetail .content h5{
font-family: 'Libre Baskerville', serif;
font-size:18px;
font-weight:300;
color:#000;
margin:0 0 27px;
padding-bottom:16px;
border-bottom:1px solid #ccc;
}
#jobdetail .content .btn-info{
background:#DD4554;
border:none;
border-radius:0;
font-size:18px;
font-weight:bold;
color:#fff;
padding:21px 32px;
line-height: 16px;
}
/*---------------------------------
[ similar / .matter ]
----------------------------------- */
#similar{
margin:80px 0;
}
#similar .similar-jobs{
text-align:center;
margin:0 0 58px 0;
position:relative;
}
#similar .similar-jobs h1{
padding:16px 0 0 0 ;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#15110E;
margin:0;
text-transform:uppercase;
}
#similar .similar-jobs h1 span{
color:#DD4554;
}
.similar-jobs .border{
border-bottom: 4px solid #DD4554 !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
left: 40%;
position: absolute;
width: 171px;
}
.similar-jobs .border1{
border-bottom: 4px solid #DD4554;
right: 40%;
margin-top:11px;
position: absolute;
width: 171px;
}
/*---------------------------------
[ jobdetail / .apply ]
----------------------------------- */
.apply{
margin-top:23px !important;
}
.apply h1{
border:none !important;
}
.job-form{
background:#f7f7f7;
padding: 48px 15px 51px 15px;
margin:45px 0 0 0;
position:relative;
}
.job-form .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top: 0;
left:0;
}
.job-form .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right:0;
}
.job-form .form-group{
margin-bottom:42px;
}
.job-form .form-group label{
color:#000;
font-size:16px;
font-weight:600;
margin-bottom:22px;
}
.job-form .form-group span{
color:#666;
font-size:12px;
font-weight:300;
}
.job-form .form-group input, .job-form .form-group textarea{
border:1px solid #e6e6e6 ;
border-radius:0px;
height:58px;
color:#666;
font-size:16px;
font-weight:300;
width:100%;
}
.job-form .form-group textarea{
height:170px;
}
.job-form .form-group .browse {
background: #ffffff;
border: 1px solid #e6e6e6;
padding: 8px 21px;
margin-bottom:13px;
}
.job-form .form-group .browse label {
background: #e2e2e2;
color: #000;
border-radius: 25px;
padding: 9px 30px;
margin-bottom: 0;
font-weight: 300;
font-size:14px;
}
.job-form .form-group .browse input{
height:1 !important;
}
.job-form .button{
text-align:center;
}
.job-form .button .btn-primary{
width:210px;
height:50px;
border:none;
border-radius:0px;
background:#DD4554;
color:#fff;
font-size:22.5px;
font-weight:bold;
}
/*---------------------------------
[ blogs / .rightside ]
----------------------------------- */
#blogs{
margin:80px 0;
}
#bloggs .box{
position: relative;
margin-bottom: 51px;
}
#bloggs .box img{
float:left;
}
#bloggs .box .matter{
background: #f7f7f7;
margin-left: 270px;
padding: 21px 17px 21px 18px;
height: 221px;
}
#bloggs .box .matter h1 a{
color:#000;
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
}
#bloggs .box .matter h1{
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
color:#000;
margin-top:0px;
}
#bloggs .box .matter p{
color:#666;
font-size:16px;
font-weight:300;
line-height:26px;
margin-bottom:25px;
}
#bloggs .box .matter a{
color:#666;
font-size:16px;
font-weight:300;
}
#bloggs .box .matter ul li{
border-right:1px solid #ccc;
padding:0 5px;
}
#bloggs .box .matter ul li:last-child{
border-right:0;
}
.rightside{
background:#F7F7F7;
padding: 27px 0 0 0;
}
.rightside .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 70%;
top: 0;
left:5%;
}
.rightside .search {
background: #fff;
padding: 8px 8px 8px 8px;
margin:0 10px 0px 10px;
}
.rightside .search input {
color: #999999;
background: #fff;
border: none;
font-size: 16px;
width:100%;
}
.rightside .search .btn {
color:#999;
position: absolute;
left: auto;
float: right;
background: transparent;
top: 28px;
right: 20px;
}
.rightside .latest-post{
position:relative;
padding:0 0 20px 0;
}
.rightside .latest-post h1{
font-family: 'Libre Baskerville', serif;
font-size:14px;
font-weight:bold;
color:#000;
margin:0 10px;
padding: 45px 0 10px;
text-align:center;
}
.rightside .latest-post .border{
border-top: 1px solid #333333 !important;
border-bottom:none !important;
border-left:none !important;
border-right:none !important;
left: 28%;
position: absolute;
width: 88px;
top:auto;
}
.rightside .latest-post .border1{
border-bottom: 1px solid #333333;
right: 28%;
margin-top:10px;
position: absolute;
width: 88px;
}
.rightside .job-content{
margin:20px 10px 0;
border-bottom:1px solid #ccc;
padding-bottom:17px;
}
.rightside .job-content img{
width:62px;
height:57px;
float:left;
margin-right:10px;
}
.rightside .job-content h1{
font-size:14px;
font-weight:600;
color:#333;
margin:0 0 9px;
}
.rightside .job-content ul{
margin-bottom:0;
line-height: 10px;
}
.rightside .job-content ul li{
padding:0px 12px 0 0;
}
.rightside .job-content ul li a{
font-size:12px;
font-weight:400;
color:#333333;
}
.rightside .job-content ul li:first-child a i{
color:#DD4554;
}
.rightside .job-content ul li a i{
font-size:14px;
margin-right:7px;
}
.rightside .job-content a{
color:#3366cc;
font-size:12px;
font-weight:400;
}
/*---------------------------------
[ blogs / .blog-detail ]
----------------------------------- */
.blog-detail .content{
background:#f7f7f7;
padding: 27px 21px
}
.blog-detail .content h1{
font-family: 'Libre Baskerville', serif;
font-size:16px;
font-weight:bold;
color:#333333;
margin:0 0 19px;
}
.blog-detail .content p{
font-size:16px;
font-weight:300;
color:#666;
line-height: 28px;
}
.blog-detail .content h5{
font-size:16px;
font-weight:300;
color:#666;
line-height: 28px;
background:#ebebeb;
border-left:6px solid #DD4554;
margin:22px 0 31px;
padding:16px 13px;
}
.blog-detail .comment{
margin-top:25px;
border-top: 1px solid #E9E9E9;
padding: 13px 0 0 0;
min-height:40px;
}
.blog-detail .comment ul{
margin:0;
}
.blog-detail .comment ul li {
border-right:1px solid #999;
padding:0;
margin-right:13px;
}
.blog-detail .comment ul li:last-child {
border-right:0;
margin-right:0px;
}
.blog-detail .comment ul li:last-child a{
padding-right:0px;
}
.blog-detail .comment ul li a{
font-size:14px;
color:#999;
padding-right:13px;
}
.blog-detail .comment ul li a i{
margin-right:5px;
}
.blog-detail .tags{
margin-top:33px;
background:#f7f7f7;
padding:16px;
min-height:55px;
}
.blog-detail .tags ul{
margin:0;
}
.blog-detail .tags ul li {
padding:0;
font-family: 'Libre Baskerville', serif;
font-size:14px;
font-weight:400;
margin-right:13px;
color:#666;
}
.blog-detail .tags ul li i{
margin-right:7px;
color:#666666;
font-size:16px;
}
.blog-detail .tags ul li:last-child {
margin-right:0px;
}
.blog-detail .tags ul li a{
font-size:16px;
font-weight:400;
color:#333;
background:#fff;
padding:5px 15px;
font-family: 'Source Sans Pro', sans-serif !important;
}
.blog-detail .tags ul li span{
font-size:14px;
color:#333;
}
.blog-detail .commentbox h3{
font-family: 'Libre Baskerville', serif;
font-size:20px;
font-weight:bold;
color:#000;
margin:27px 0 39px 0;
}
.blog-detail .commentbox ul li {
padding: 0px 7px;
margin-bottom:21px;
float:left;
border-bottom: 1px solid #E2E2E2;
}
.blog-detail .commentbox ul li:last-child {
border-bottom:0;
}
.blog-detail .commentbox ul li img {
float:left;
}
.blog-detail .commentbox .profile {
margin-left: 77px;
padding-top: 1px;
border-bottom: 1px solid #E2E2E2;
min-height:196px;
}
.blog-detail .commentbox .profile h5 {
color: #000;
font-size: 16px;
font-family: 'Libre Baskerville', serif;
font-weight:bold;
margin-bottom:24px;
}
.blog-detail .commentbox .profile p {
color: #666666;
margin-bottom: 29px;
font-size:16px;
line-height:24px;
font-weight:400;
}
.blog-detail .commentbox .replybox {
padding: 0px;
margin: -9px 0 0;
}
.blog-detail .commentbox .replybox li {
border:none;
}
.blog-detail .commentbox .replybox li a {
color: #666666;
font-size: 14px;
}
.blog-detail .commentbox .replybox li a i{
margin-right:7px;
}
.blog-detail .commentbox .sam{
list-style:none !important;
margin-left: 33px;
}
.blog-detail .commentbox .sam li{
padding:0;
margin:0 0 4px;
border:0;
}
.blog-detail .commentbox .sam .profile{
border:0;
}
.blog-detail .commentbox h1 {
color: #000;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight:bold;
margin-bottom:22px;
}
.blog-detail .commentbox .form{
background:#f7f7f7;
padding: 45px 48px 59px 48px;
}
.blog-detail .commentbox .form .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top: 0;
left:0;
}
.blog-detail .commentbox .form .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
.blog-detail .commentbox .form .form-group{
margin-bottom:42px;
}
.blog-detail .commentbox .form .form-group label{
color:#000;
font-size:16px;
font-weight:600;
margin-bottom:22px;
}
.blog-detail .commentbox .form .form-group input, .blog-detail .commentbox .form .form-group textarea{
border:1px solid #e6e6e6;
border-radius:0px;
height:58px;
color:#666;
font-size:16px;
font-weight:300;
width:100%
}
.blog-detail .commentbox .form .form-group textarea{
height:170px;
}
.blog-detail .commentbox .form .button{
text-align:center;
}
.blog-detail .commentbox .form .button .btn-primary{
width:265px;
height:73px;
border:none;
border-radius:0px;
background:#DD4554;
color:#fff;
font-size:22.5px;
font-weight:bold;
}
.archive{
background:#F7F7F7;
padding:1px 15px 43px 15px;
margin-top:25px;
position:relative;
}
.archive .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top:0;
left:0;
}
.archive .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
.archive h1 {
color: #000;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight:bold;
margin:28px 0;
text-align:center;
}
.archive ul li{
width:100%;
border-bottom:1px solid #ccc;
padding: 14px 0;
}
.archive ul li a{
color:#999;
font-size:14px;
font-weight:300;
display:block;
min-height:20px;
}
.product-grid .product-list-view .matter .pull-left,.product-grid .product-list-view .matter .pull-right{
float:none !important;
text-align:center;
}
.archive ul li a:hover{
color:#DD4554;
}
.archive ul li a p{
margin-bottom:0;
}
.tag{
background:#F7F7F7;
padding:1px 15px 43px 15px;
margin-top:38px;
position:relative;
}
.tag .border{
border-top: 6px solid #DD4554;
position: absolute;
width: 100%;
top:0;
left:0;
}
.tag .border1{
border-bottom: 6px solid #DD4554;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
.tag h1 {
color: #000;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight:bold;
margin:28px 0 31px;
text-align:center;
}
.tag ul li{
background: #fff;
padding: 5px 15px;
margin: 0 8px 14px 0;
line-height: 18px;
}
.tag ul li a{
color:#333;
font-size:16px;
font-weight:400;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.map iframe{
width:100%;
height:450px;
}
/*---------------------------------
[ jobs / .job-search ]
----------------------------------- */
.jobsearch {
background: #f1f1f1;
border-top:4px solid #DD4554;
padding:0 30px;
margin-bottom:30px;
min-height:214px;
position:relative;
}
.jobsearch h1{
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#000;
margin:48px 0 33px;
text-align:center;
}
.jobsearch .off {
border-bottom: 19px solid transparent;
border-right: 19px solid #DD4554;
height: 0;
opacity: 1;
position: absolute;
width: 0;
margin: 0;
right:0;
}
.jobsearch .input-group{
display:inline;
}
.jobsearch .form-control{
min-height: 50px;
border:0;
font-size:16px !important;
font-weight:400 !important;
color:#666666 !important;
width:100%;
}
.jobsearch .btn {
color: #999999;
padding: 0px 29px 0px 23px;
font-size: 16px;
font-weight:400;
border: none;
min-width: 284px !important;
min-height: 50px;
border-radius:0px;
background:#fff;
}
.jobsearch .btn i{
font-size:18px;
}
.jobsearch .dropdown-menu {
border-radius:0px;
border-top:1px solid #999999;
border-left:0px;
border-right:0px;
border-bottom:0px;
}
.jobsearch .dropdown-menu > li > a {
color: #999999 !important;
padding: 0px 29px 0px 23px !important;
font-size: 16px !important;
font-weight:400 !important;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
color: #999999 ;
background-color: #fff ;
border-color: 0 !important;
}
.jobsearch .btnsrch {
background:#DD4554;
border:none;
border-radius:0;
padding:12px 28px;
float:left;
}
.jobsearch .btnsrch i{
color:#fff;
font-size:24px;
}
.jobsearch .btnsrch:hover i{
color:#fff;
}
.match{
background:#f7f7f7;
}
.match p{
text-align:center;
padding:17px 0 16px;
margin-bottom:50px;
font-size:18px;
color:#666;
font-weight:600;
}
/*----------------
[newpage-css]
------------------*/
.canditate ul{
right:43% !important;
}
.candidate .matter {
padding: 18px 11px;
}
.candidate .matter li a {
font-weight: 600;
color: #000;
}
.product-list .candidate .matter {
padding: 19px 12px;
}
.candidate .matter .rotate1 {
text-align: center;
color: #000;
font-size: 18px;
background: #fff;
border: none;
float:right;
}
.candidate .btn-info{
width:100%;
}
.canditate-profile{
text-align:center;
margin-bottom:50px;
width:100%;
}
.margn{
margin:0;
}
#applied > .row,#post > .row{
margin:0;
}
.canditate-profile .nav-tabs {
border:none;
display:block;
}
.tab-content{
display:block;
width:100%;
}
.canditate-profile .nav-tabs > li {
float:none;
display:inline-block;
padding:0;
}
.canditate-profile .nav-tabs > li:nth-child(2), .canditate-profile .nav-tabs > li:nth-child(3), .canditate-profile .nav-tabs > li:last-child{
margin:0 0 0 -4px;
}
.canditate-profile .nav-tabs > li:nth-child(1) > a{
padding:22px 75px;
}
.canditate-profile .nav-tabs > li:nth-child(2) > a{
padding:22px 50px;
}
.canditate-profile .nav-tabs > li:nth-child(3) > a{
padding:22px 63px;
}
.canditate-profile .nav-tabs > li:nth-child(4) > a{
padding:22px 25px;
}
.canditate-profile .nav-tabs > li > a{
border:1px solid #EAEAEA;
font-weight:700;
font-size:16px;
color:#000;
border-radius:0px;
line-height: 14px;
margin:0 !important;
display:block;
position:relative;
}
.canditate-profile .nav-tabs > li a.active, .canditate-profile .nav-tabs > li a.active{
color:#fff;
background:#DD4554;
border:1px solid #DD4554;
}
.canditate-profile .nav-tabs > li > a:hover, .canditate-profile .nav-tabs > li > a:hover{
color:#fff;
border:1px solid #DD4554;
background: #DD4554;
}
.employee ul{
right:43.5% !important;
}
.employe-box{
border:1px solid #E5E5E5;
padding:12px 13px 16px;
min-height: 139px;
margin-bottom:30px;
}
.employe-box .image{
margin-bottom:18px;
}
.employe-box p{
color:#A1A1A1;
font-size:16px;
}
.employe-box button{
background:transparent;
text-align:right;
box-shadow: none;
border: none;
color:#999;
}
.employe-box button:hover{
color:#FFB315;
}
.employee .latest-jobs h1{
border-top:0;
}
.employe-logo img{
border:1px solid #E4E4E4;
margin-bottom:50px;
}
.employe-vacancy{
background:#F7F7F7;
margin-bottom:50px;
}
.employe-vacancy p{
margin:0;
text-align:center;
padding:16px;
color:#686868;
font-size: 16px;
font-weight: 700;
}
.graphic{
border:1px solid #E4E4E4;
margin-bottom:30px;
}
.graphic h1 {
font-family: 'Libre Baskerville', serif;
font-size: 18px;
font-weight: bold;
color: #000;
margin: 0;
padding:24px 13px 14px;
}
.graphic h5 {
font-size: 16px;
font-weight: 600;
color: #989898;
margin: 0;
padding:0px 13px 17px;
border-bottom:1px solid #E4E4E4;
}
.graphic ul{
margin:0;
padding:18px 13px 39px;
}
.graphic ul li{
padding-bottom:20px;
color:#000;
}
.graphic ul li i{
float:left;
margin-right:8px;
line-height:20px;
}
.graphic ul li:last-child i{
line-height:21px;
}
.graphic .map{
padding:0 9px;
}
.graphic .map iframe{
height:200px !important;
}
.graphic p{
padding:30px 13px;
font-size:16px;
color: #989898;
}
.profile .btn-info{
width:100%;
}
.password{
background:#FBFBFB;
border:1px solid #E5E5E5;
padding:49px 43px;
}
.password .form-group{
margin-bottom:28px;
}
.password .form-group label{
color:#000;
font-size:16px;
font-weight:400;
margin-bottom:15px;
}
.password .form-group input{
border:1px solid #e6e6e6;
border-radius:0px;
height:37px;
color:#666;
font-size:16px;
font-weight:300;
width:100%
}
.password .button{
text-align:center;
}
.password .button .btn-primary{
width:150px;
height:37px;
border:none;
border-radius:0px;
background:#DD4554;
color:#fff;
font-size: 18px;
font-weight: 700;
padding: 12px 0 13px;
line-height: 13px;
}
.similar-candidate{
text-align:center;
margin:80px 0 50px 0;
position:relative;
}
.similar-candidate h1{
padding:0px 0 13px 0 ;
font-family: 'Libre Baskerville', serif;
font-size:24px;
font-weight:bold;
color:#15110E;
margin:0;
text-transform:uppercase;
}
.similar-candidate .border{
border-top: 1px solid #000 !important;
border-bottom:none !important;
border-left:none !important;
border-right:none !important;
left: 37%;
position: absolute;
width: 206px;
}
.similar-candidate .border1{
border-bottom: 1px solid #000;
right: 37%;
margin-top:11px;
position: absolute;
width: 206px;
}
.candidate-single .form-group{
margin-bottom:0;
}
.candidate-single .matter{
border:1px solid #EAEAEA;
margin-bottom:30px;
}
.candidate-single .matter label{
background:#F7F7F7;
display:block;
padding:17px 19px;
line-height:12px;
color:#000;
font-size:16px;
border-bottom:1px solid #EAEAEA;
margin-bottom:0;
}
.candidate-single .matter span{
padding:32px 17px;
display:block;
line-height: 10px;
color:#999;
}
.candidate-single .matter .table{
margin:32px 17px;
width:96%;
border-collapse: unset !important;
}
.candidate-single .matter .table tr td{
padding:15px 15px 15px 0px;
line-height: 10px;
color:#999;
border-top:0;
}
.candidate-single .matter .table .bor{
border:1px solid #EAEAEA;
padding:15px 15px 50px 15px;
line-height:20px;
margin-bottom:10px !important;
}
.candidate-single .btn-primary{
background:#000;
color:#fff;
border:0;
border-radius:0;
padding:19px 50px;
line-height: 12px;
font-size: 16px;
}
.candidate-single .btn-primary:hover{
background:#DD4554;
}
.candidate-single .icon{
float:right;
background: transparent;
box-shadow: none;
border: 0;
}
/*-----------------------
[ homepage1 / .header1 ]
-------------------------*/
.header1 #top{
background-color:#111;
}
.header1 #top-links .icon li a{
font-size: 12px;
}
.header1 #top-links .icon li{
background-color: #3a3a3a;
padding: 1px 6px;
width: 25px;
height: 25px;
text-align: center;
}
.header1 #top-links .button li .fa{
padding-right: 8px;
}
.header1 #top-links .button li a{
font-family: 'Source Sans Pro', sans-serif;
padding: 0;
font-size: 14px;
border-right:none;
}
.header1 #top-links .button li{
padding-right: 0;
}
.header1 #top-links .button li+li{
margin-left: 18px;
}
.header1 #top-links .icon li:hover .fa{
color:#fff;
}
.header1 #top-links .icon li:hover{
background-color: #DD4554;
color:#fff;
}
.header1 #logo {
margin: 25px auto;
text-align: center;
}
.header1 #logo img{
margin: 0 auto;
}
.header1 .button-login {
margin: 29px 0 20px;
}
.header1 .menu #menu .nav > li > a{
padding: 0;
padding: 9px 20px;
font-size: 14px;
color: #111;
border-bottom: none;
display:block;
}
.header1 .menu #menu .nav > li.active a{
color: #fff;
}
.header1 #menu .navbar-nav > .active > a,.header1 #menu .navbar-nav > .active > a:hover,.header1 #menu .navbar-nav > .active > a:focus,.header1 #menu .nav > li > a:hover{
color: #fff;
background-color: #DD4554;
border: none;
}
.header1 #menu .nav > li {
margin: 0 auto;
text-align: center;
float: none;
display: inline-block;
padding: 0;
}
.header1 .navbar-nav {
float: none;
width: 100%;
display: block;
}
.header1 .button-login .btn-primary{
margin-left: 4px;
}
.header1 .button-login .btn-default,.header1 .button-login .btn-primary{
margin-right: 0;
font-family: 'Source Sans Pro', sans-serif;
}
.header1 #menu .dropdown-menu{
top: 29px;
}
.header1 .slide-detail .bg{
background: rgba(0,0,0,0.7);
padding: 115px 45px;
text-align: center;
}
.header1 .slide-detail p{
font-family: 'Source Sans Pro', sans-serif;
color: #fff;
font-size: 18px;
margin: 30px 0;
line-height: 25px;
}
.header1 .slide-detail .buttons .or{
color: #fff;
font-size: 18px;
margin: 0 10px;
}
.header1 .slide-detail .buttons .btn-default{
color:#DD4554;
background: #fff;
border:2px solid #DD4554;
border-radius: 10px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size:18px;
text-transform: uppercase;
padding: 12px 25px;
}
.header1 .slide-detail .btn-primary{
background: #DD4554;
color:#fff;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size:18px;
text-transform: uppercase;
padding: 15px 45px;
border-radius: 6px;
border:none;
}
.header1 .slide-detail .buttons .btn-default:hover{
background: #DD4554;
color:#fff;
}
.header1 .slide-detail .buttons {
position: relative;
background: transparent;
opacity: 1;
}
.header1 .slideshow img{
height: 476px;
}
.header1 .slide-detail h1{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size:60px;
color:#fff;
margin-top: 135px;
margin-bottom: 20px;
}
.header1 .slide-detail h1 span{
color: #DD4554;
}
.header1 .slide-detail .bootstrap-select .btn-default{
border-radius:0px;
height: 50px;
}
.header1 .slide-detail .bootstrap-select.form-control:not([class*="col-"]) {
width: auto;
min-width: 43%;
height: 50px;
}
.header1 .slide-detail .btnsrch .fa{
color:#fff;
font-size: 24px;
}
.header1 .slide-detail .btnsrch{
background: #DD4554;
border: none;
padding: 12px 29px;
vertical-align: top;
margin-left: -3px;
}
.header1 .slide-detail{
bottom: auto;
top: 0;
}
.header1 .menu #menu{
margin: 0;
min-height: auto;
width: 100%;
display: block;
}
.header1 header{
border: none;
}
.header1 .menu{
border-top:1px solid rgb(237, 237, 236);
border-bottom:10px solid #DD4554;
padding: 10px 0;
text-align: center;
}
.latest-jobs .border {
border-top: 1px solid #333333 !important;
border-bottom:none !important;
border-left:none !important;
border-right:none !important;
left: 39%;
position: absolute;
width: 14%;
}
.latest-jobs .border1 {
border-bottom: 1px solid #333333;
right: 39%;
margin-top: 10px;
position: absolute;
width: 14%;
}
.testimonial .comment-detail{
border:2px solid #dedede;
padding: 30px 40px;
font-size: 19px;
color:#111;
font-family: 'Source Sans Pro', sans-serif;
line-height: 30px;
position: relative;
background: #fff;
margin-bottom: 30px;
}
.testimonial .comment-detail:after,.testimonial .comment-detail:before {
top: 100%;
left: 93%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.testimonial .col-sm-6:nth-child(2n+1) {
clear:left;
}
.testimonial .more{
padding-right: 10px;
margin-bottom: 50px;
}
.testimonial .more img{
float: right;
margin-left: 20px;
background: #DD4554;
border-radius: 50%;
padding: 3px 0 0 0;
}
.testimonial .more .designation{
font-size: 18px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
color: #3a3a3a;
text-align: right;
}
.testimonial .more .name{
font-size: 22px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color: #111;
text-align: right;
}
.testimonial .comment-detail:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 15px;
margin-left: -15px;
}
.testimonial .comment-detail:before {
border-color: rgba(222, 222, 222, 0);
border-top-color: #dedede;
border-width: 18px;
margin-left: -18px;
}
.testimonial{
background: #fff;
padding: 80px 0 50px;
}
/*----------------------------------
[ listview pages / listview pages ]
-----------------------------------*/
.latest-jobs{
text-align: center;
margin: 0 0 48px 0;
position: relative;
}
.product-list-view{
padding: 20px 25px;
border: 1px solid #e1e1e1;
background: #fff;
margin-bottom: 30px;
}
.product-grid .product-list-view .tags li{
padding: 10px;
margin-bottom: 5px;
min-width: auto;
}
.product-grid .product-list-view .matter{
margin-bottom: 10px;
}
.product-grid .product-list-view .matter h1{
margin-top: 0px;
}
.product-grid .product-list-view .float-left,.product-grid .product-list-view .float-right {
float: none !important;
}
.product-grid .product-list-view p{
line-height: 25px;
font-size: 15px;
}
.product-grid .product-list-view{
padding:15px 10px;
text-align: center;
}
.listpage1 .breadcrumb .sort .search-bar{
display: inline-block;
border-radius: 25px;
background: #fff;
-webkit-box-shadow: -1px 3px 19px 4px rgba(219,238,244,1);
-moz-box-shadow: -1px 3px 19px 4px rgba(219,238,244,1);
box-shadow: -1px 3px 19px 4px rgba(219,238,244,1);
padding: 10px 25px;
}
.listpage1 .breadcrumb .sort .bootstrap-select
.listpage1 .breadcrumb .sort .bootstrap-select.form-control:not([class*="col-"]) {
width: 85%;
}
.listpage1 .breadcrumb .sort .search-bar .search {
padding-right: 0;
}
.listpage1 .breadcrumb .sort .search-bar .bootstrap-select.form-control:not([class*="col-"]) {
border-left:1px solid #E8E9E7;
box-shadow: none;
}
.listpage1 .breadcrumb .sort .search-bar .search .form-control{
width: 90px;
}
.listpage1 .breadcrumb .sort .search-bar .form-control{
float: none;
font-size: 14px;
color: #111;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
display: inline-block;
padding: 2px 0px;
border: none;
height: auto;
}
.listpage1 .breadcrumb .sort .search-bar .form-control::-moz-placeholder{
color: #111;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
text-transform: capitalize;
}
.listpage1 .breadcrumb .sort .search-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option{
color: #111;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
text-transform: capitalize;
width: 70%;
text-align: center;
}
.listpage1 .breadcrumb .sort .search-bar .btn-group.open .dropdown-toggle{
box-shadow: none;
}
.listpage1 .breadcrumb .sort .search-bar .btnsrch{
border: none;
padding: 0 10px 0 0;
background: transparent;
width: 28px;
height: 28px;
vertical-align: middle;
}
.listpage1 .breadcrumb .sort .btn-group button{
background: transparent;
border: none;
padding: 0 5px;
vertical-align: middle;
cursor: pointer;
}
.listpage1 .breadcrumb .sort .btn-group .active .fa{
color: rgb(24, 24, 24);
}
.listpage1 .breadcrumb .sort .btn-group{
text-align: right;
}
.listpage1 .breadcrumb .sort .btn-group label{
font-size: 14px;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
color: #111;
margin-top: 15px;
}
.listpage1 .breadcrumb .sort .btn-group .fa{
color:rgb(220, 220, 220);
font-size: 22px;
}
.listpage1 .breadcrumb .sort{
float: right;
}
.listpage1 .breadcrumb ul{
margin: 0;
padding: 7px 0;
float: left;
}
.listpage1 .breadcrumb ..breads li a{
font-size: 17px;
color: #3a3a3a;
font-weight: 300;
font-family: 'Source Sans Pro', sans-serif;
}
.listpage1 .breadcrumb .breads li:after{
background-image: url('../images/arrow.png');
width: 10px;
height: 11px;
display: inline-block;
content: '';
margin-left: 15px;
}
.listpage1 .breadcrumb .breads li:last-child:after{
background-image:none;
}
.listpage1 .breadcrumb .breads li:last-child a{
color: #DD4554;
font-weight: 600;
}
.listpage1 .breadcrumb ul li img{
display: inline-block;
margin-right: 15px;
vertical-align: bottom;
}
.listpage1 .breadcrumb{
padding: 28px 0;
margin-bottom: 5px;
background: transparent;
min-height: 95px;
position: relative;
}
.listpage1{
background: #f9fafc;
padding-bottom: 77px;
}
.product-list-view .btn-info{
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color: #fff;
background: #DD4554;
width: auto;
border: none;
padding: 10px 34px;
text-transform: uppercase;
border-radius: 0px;
}
.product-list-view .matter li a{
color:#111;
}
.product-list-view .matter ul {
margin: 0px 0 20px;
}
.product-list-view .tags li{
background: #3a3a3a;
font-size: 14px;
color: #fff;
min-width: 135px;
min-height: 40px;
text-align: center;
padding: 10px 0;
}
.product-list-view .tags li + li{
margin-left: -3px;
border-left:1px solid #565656;
}
.product-list-view .tags{
margin-bottom: 0;
}
.product-list-view p{
clear: both;
color: #000;
line-height: 30px;
font-size: 17px;
}
.product-list-view .matter{
padding: 0px;
border:none;
}
.product-list-view .matter h1{
font-size: 21px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.latestjobs{
padding: 70px 0 50px 0;
background: #f9fafc;
}
.latest-jobs h1 {
margin: 0;
padding-bottom: 7px;
font-family: 'Libre Baskerville', serif;
font-size: 24px;
font-weight: bold;
color: #000;
}
.columnleft ul li a{
color:#111;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
}
.columnleft ul li{
border-bottom: 2px solid #e4e4e4;
padding: 10px 0 10px 25px;
}
.columnleft ul li:last-child{
border-bottom:none;
}
.columnleft ul{
margin-bottom: 20px;
}
.columnleft ul li .fa{
margin-right: 5px;
}
.columnleft ul li.active a{
font-weight: 600;
}
.columnleft h2{
background: #DD4554;
color:#fff;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
text-transform: uppercase;
padding: 19px 25px;
margin: 0 0 15px;
}
.serach-latest h3{
margin: 0 0 25px;
color:#fff;
font-size: 24px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
text-align: center;
text-transform: capitalize;
line-height: 30px;
}
.serach-latest .btn-default{
padding: 9px 15px;
font-size: 11px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color:#fff;
background: #DD4554;
border: none;
border-radius: 15px;
border-top-left-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}
.serach-latest .form-control{
border: none;
padding: 5px 8px;
font-size: 10px;
color:#3a3a3a;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
border-radius: 15px;
}
.serach-latest h1{
font-size: 36px;
color:rgba(255,255,255,0.9);
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
opacity: 9%;
text-transform: uppercase;
margin: 25px 0 5px;
}
.serach-latest .form-control::-moz-placeholder{
font-size: 10px;
color:#3a3a3a;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.serach-latest .input-group{
background: #fff;
height: 37px;
border: 2px solid #fff;
border-radius: 15px;
}
.serach-latest{
background: #2a3f54;
padding: 25px 20px;
}
/*-----------------------------------
[ list detail pages / .detail_page ]
------------------------------------*/
.detail_page .banner img{
min-height: 235px;
}
.banner{
position: relative;
}
.banner h1{
position: absolute;
top: 36%;
z-index: 999;
color: #fff;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
font-size: 47px;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}
.bread-crumb{
float: right;
position: absolute;
z-index: 9;
bottom: 18px;
right: 5%;
left: auto;
}
.bread-crumb li a{
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
color: #fff;
}
.bread-crumb li:after{
content: '/';
color: #fff;
padding-left: 13px;
}
.bread-crumb li:last-child a{
font-weight: bold;
font-style: italic;
}
.bread-crumb li:last-child:after{
content: '';
}
.detail_search{
-webkit-box-shadow: 0px 5px 9px 0px rgba(217,217,217,1);
-moz-box-shadow: 0px 5px 9px 0px rgba(217,217,217,1);
box-shadow: 0px 5px 9px 0px rgba(217,217,217,1);
padding: 30px;
margin-bottom: 15px;
}
.detail_search .input-group{
height: 60px;
width: 515px;
margin: 0 auto;
border: 1px solid #C3C3C3;
border-radius:20px;
}
.detail_search .input-group .btn{
border:none;
padding: 10px 25px;
color: #DD4554;
background: transparent;
}
.detail_search .input-group .form-control::-moz-placeholder{
color: #3a3a3a;
}
.detail_search .input-group .form-control{
border:none;
border-radius:20px;
height: 55px;
font-size: 16px;
color: #3a3a3a;
}
.detail_page .columnleft .profile{
text-align: center;
background: #F9FAFC;
padding: 15px 0 10px;
}
.detail_page .columnleft .profile h3{
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
color: #111;
}
.detail_page .columnleft .profile .icons{
padding: 20px 0 30px;
text-align: center;
border-bottom:1px solid #D9D9D9;
margin: 0;
}
.detail_page .columnleft .profile .detail{
font-size: 19px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
color: #111;
display: inline-block;
padding-left: 23px;
}
.detail_page .columnleft .profile .ico2 li{
padding: 15px 0 15px 40px;
text-align: left;
}
.detail_page .columnleft .profile .ico2{
margin: 0;
padding-top: 10px;
}
.detail_page .columnleft .profile .ico2 li i{
color: #111;
font-size: 20px;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-right: 0px;
width: 20px;
}
.detail_page .columnleft .profile .detail span{
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
color: #3a3a3a;
}
.detail_page .bgcontent .btn-apply{
font-size: 17px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
color: #fff;
background: #282828;
width: 50%;
float: left;
text-align: center;
border:1px solid #F9FAFC;
height: 58px;
padding: 15px 0;
}
.detail_page .bgcontent .pagination{
margin: 30px 0;
}
.related-block .pagination > li > a{
border-radius: 0;
color: #000;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
background: transparent;
}
.related-block .pagination li a .fa{
color: #aeaeae;
font-size: 30px;
font-weight: 500;
margin-top: -5px;
}
.related-block .pagination > .active > a,.related-block .pagination > .active > span,.related-block .pagination > .active > a:hover,.related-block .pagination > .active > span:hover, .related-block .pagination > .active > a:focus,.related-block .pagination > .active > span:focus{
color:#cbcbcb;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
background: #f1f3f2;
}
.detail_page .bgcontent{
background: #f7fdfd;
padding:0 20px 30px 20px;
}
.detail_page .bgcontent .tab-part{
padding: 30px 15px;
background: #fff;
margin: 0 -15px 30px;
}
.detail_page .bgcontent .tab-part li{
width: 24.5%;
}
.detail_page .bgcontent .related-block .products{
margin:30px 40px 0;
}
.detail_page .bgcontent .related-block,.category-block,.detail_page .bgcontent .responsibility-block,.detail_page .bgcontent .apply-block{
background: #fff;
border-radius: 8px;
padding: 0px;
margin-bottom: 30px;
}
.apply-block .buttons {
min-height: 55px;
}
.detail_page .bgcontent .description-box ul li i{
background: #DD4554;
color: #fff;
border-radius: 50%;
font-size: 20px;
margin-right: 15px;
}
.detail_page .bgcontent .description-box ul li{
color: #111;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
padding: 14px 0;
}
.detail_page .bgcontent .description-box ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.detail_page .bgcontent .description-box ol li{
color:#111;
font-size:22px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
counter-increment: my-awesome-counter;
text-transform: uppercase;
padding-right: 35px;
}
.detail_page .bgcontent .description-box ol li .fa{
font-size: 9px;
color: #DD4554;
line-height: 35px;
position: absolute;
left: auto;
top: auto;
margin-top: 16px;
margin-left: -4%;
}
.detail_page .bgcontent .description-box ol li::before{
color:#919191;
font-size:22px;
content: counter(my-awesome-counter);
font-size: 35px;
font-weight: 800;
vertical-align: middle;
border-right:2px solid #919191;
padding-right: 20px;
margin-right: 13px;
}
.detail_page .bgcontent .description-box ol li p{
color: #111;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 25px;
text-transform: capitalize;
margin: 10px 0 30px;
}
.detail_page .bgcontent .description-box ol {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
padding: 0;
list-style-type: none;
}
.detail_page .bgcontent .description-box h3{
margin: 0 0 10px;
color: #111;
font-size: 36px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.detail_page .bgcontent .description-box p{
color: #111;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 27px;
}
.detail_page .bgcontent .description-box h5 a{
color:#DD4554;
}
.detail_page .bgcontent .description-box h5{
margin: 0 0 20px;
color: #111;
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
}
.detail_page .bgcontent .description-box{
padding: 30px 40px 30px 65px;
}
.detail_page .bgcontent .heading .float-right{
background: #fff;
border-radius: 25px;
color: #DD4554;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
text-transform: uppercase;
padding: 12px 22px;
margin-top: -5px;
}
.bgcontent .heading,.description-block .heading{
background: #DD4554;
font-family: 'Libre Baskerville', serif;
font-weight: 700;
font-size: 24px;
color: #fff;
border-radius: 8px 8px 0 0;
padding: 25px;
}
.detail_page .bgcontent .tab-part li a{
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color: #3a3a3a;
}
.detail_page .columnleft .map iframe{
height:185px;
}
.detail_page .columnleft .buttons{
margin-bottom: 35px;
position: relative;
min-height: 60px;
}
.detail_page .columnleft .btn-apply:hover{
background: #DD4554;
}
.detail_page .columnleft .profile li{
padding: 0 6px;
border:none;
}
.detail_page .columnleft .profile .icons li .fa{
margin-left: 0;
}
.detail_page .columnleft .profile .icons li i{
height: 42px;
width: 42px;
border-radius: 100%;
color: #fff;
background: #DD4554;
font-size: 22px;
padding: 10px;
}
.detail_page .columnleft .profile h5{
font-size: 18px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
color: #3a3a3a;
}
.detail_page .columnleft .profile img{
margin: 0 auto;
}
.detail_page .columnleft{
padding-right: 0;
}
.detail_search .filter{
font-size: 18px;
color: #111;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
text-transform: uppercase;
text-align: right;
padding: 15px;
}
.detail_page .bgcontent .about-block .description-box h3{
font-size: 28px;
color: #DD4554;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
margin: 0 0 10px;
}
.detail_page .bgcontent .about-block .description-box h5{
font-size: 15px;
color: #f4ece0;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
margin: 0 0 20px;
text-transform: uppercase;
}
.detail_page .bgcontent .about-block .description-box .des{
padding-left: 20px;
color: #fff;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 21px;
font-style: italic;
margin-bottom: 10px;
}
.detail_page .bgcontent .about-block .description-box ul li{
padding: 4px 0;
color: #fff;
font-size: 12px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
}
.detail_page .bgcontent .about-block .description-box ul li i{
background: transparent;
border: 1px solid #fff;
}
.detail_page .bgcontent .about-block .description-box .soical-icon{
margin-bottom: 0;
}
.detail_page .bgcontent .about-block .description-box .soical-icon i{
background: #fff;
color: #3a3a3a;
height: 34px;
width: 34px;
text-align: center;
padding: 7px 8px;
}
.detail_page .bgcontent .about-block .description-box .soical-icon i:hover{
background: #DD4554;
color: #fff;
}
.detail_page .bgcontent .about-block .description-box ul{
padding-left: 20px;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.detail_page .bgcontent .about-block .description-box{
margin-left: 192px;
padding:25px 30px;
}
.detail_page .bgcontent .about-block p{
color: #fff;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 22px;
text-transform: capitalize;
margin: 5px 0 20px;
}
.detail_page .bgcontent .about-block img{
float: left;
display: inline-block;
}
.detail_page .bgcontent .about-block{
background: #001319;
border-radius: 8px;
padding: 0px;
margin-bottom: 30px;
}
/*--------------------------------
[ Company pages / .company_page ]
----------------------------------*/
.bgblack{
background-color: rgba(0, 0, 0, 0.7);
opacity: 1;
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 100%;
}
.company_page .company_search{
webkit-box-shadow: 0px 5px 9px 0px rgba(217,217,217,1);
-moz-box-shadow: 0px 5px 9px 0px rgba(217,217,217,1);
box-shadow: 0px 5px 9px 0px rgba(217,217,217,1);
height: 30px;
}
.company_page .detail_search .input-group{
float: right;
}
.company_page .profile-bg img{
margin: 0 auto;
}
.company_page .contactinfo .bg ul li .fa{
background: #DD4554;
border-radius: 50%;
width:30px;
height: 30px;
color: #fff;
padding: 6px 7px;
text-align: center;
margin-right: 10px;
font-size: 16px;
}
.company_page .contactinfo .bg ul li{
padding: 9px 0;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
color:#111;
}
.company_page{
background: #fcfcfc;
}
.company_page .contactinfo .bg{
background: #f9fafb;
padding:15px 0 15px 20px;
min-height: 375px;
}
.company_page .contactinfo h4{
background: #001319;
margin: 0;
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color:#fff;
padding: 45px 0 45px 25px;
text-transform: uppercase;
}
.company_page .profile-bg h4{
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color:#111;
margin: 26px 0 10px;
}
.company_page .profile-bg .soical-icon{
margin: 0;
}
.company_page .profile-bg .soical-icon .fa{
color:#3a3a3a;
background: #fff;
border-radius: 50%;
height: 36px;
width: 36px;
margin-right: 5px;
padding: 5px 7px;
padding: 11px 11px;
}
.company_page .profile-bg p{
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
color:#111;
margin: 0px 0 27px;
padding-bottom: 27px;
border-bottom: 1px solid #e1d4c1;
}
.company_page .profile-bg:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 158, 19, 0);
border-top-color: #DD4554;
border-width: 20px;
margin-left: -20px;
}
.company_page .bread-crumb{
float: left;
right: auto;
left: 5%;
}
.company_page .heading-detail h2{
font-size: 36px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color:#fff;
}
.company_page .heading-detail p{
font-size: 12px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
color:#fff;
width: 80%;
float: right;
}
.company_page .heading-detail{
position: absolute;
top: 50%;
right: 5%;
text-align: right;
}
.company_page .map{
margin-top: 40px;
}
.company_page .description-block .description-box h3{
margin: 0 0 10px;
color: #111;
font-size: 36px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.company_page .description-block .description-box p{
color: #111;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
line-height: 27px;
}
.company_page .description-block .description-box h5 a{
color:#DD4554;
}
.company_page .description-block .description-box h5{
margin: 0 0 20px;
color: #111;
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
}
.company_page .description-block .description-box h4{
margin: 20px 0 15px;
color: #111;
font-size: 30px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:600;
}
.company_page .description-block .description-box ol {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
counter-reset: items;
list-style: none;
}
.company_page .description-block .description-box ol li{
counter-increment: items;
border:1px solid #e4f7fe;
-webkit-box-shadow: -1px 3px 23px 0px rgba(228,247,254,1);
-moz-box-shadow: -1px 3px 23px 0px rgba(228,247,254,1);
box-shadow: -1px 3px 15px 0px rgba(228,247,254,1);
margin-bottom: 15px;
padding: 15px 20px 20px;
}
.company_page .description-block .description-box ol li p{
margin: 0 0 0 50px;
line-height: 20px;
color:#3a3a3a;
font-size:14px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
}
.company_page .description-block .description-box ol li span{
color:#DD4554;
font-size:16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
display: block;
}
.company_page .description-block .description-box ol li::before{
color:#DD4554;
font-size:18px;
content: "0" counter(items);
font-weight: 600;
vertical-align: middle;
margin-right: 10px;
display: inline-block;
float: left;
height: 40px;
width: 40px;
border:1px solid #e4f7fe;
-webkit-box-shadow: -1px 3px 10px 3px rgba(228,247,254,1);
-moz-box-shadow: -1px 3px 10px 3px rgba(228,247,254,1);
box-shadow: -1px 3px 10px 3px rgba(228,247,254,1);
border-radius: 50%;
padding: 7px;
text-align: center;
margin-top: 7px;
}
.company_page .description-block .description-box{
padding: 30px 65px;
}
.company_page .banner img{
width:100%;
}
.company_page .description-block{
background: #fafafa;
border-radius: 8px;
padding: 0px;
margin:30px 0;
box-shadow: 0px 16px 30px 0px rgba(127, 125, 163, 0.29);
}
.company_page .profile-bg{
background: #DD4554;
padding: 30px 0;
text-align: center;
position: absolute;
width:260px;
z-index: 999;
}
.company_page .detail_search{
box-shadow: none;
padding: 30px 15px;
min-height:120px;
}
.company_page .number-box{
padding: 30px 44px;
margin: 30px 0 0;
box-shadow: 0px 1px 9px 2px rgba(217, 217, 217, 0.27);
}
.company_page .number-box ul{
margin: 0;
}
.company_page .number-box ul li{
box-shadow: -1px 3px 40px 0px rgba(228,247,254,1);
min-height: 368px;
width: 23.6%;
text-align: center;
padding: 30px 10px;
vertical-align: top;
}
.company_page .number-box ul li span{
color: #DD4554;
font-size: 125px;
}
.company_page .number-box ul li h5{
font-size: 19px;
font-weight: 600;
color: #000;
margin: 30px 0 5px;
}
.company_page .number-box ul li hr{
border-color: #DD4554;
margin: 0 auto 30px;
width: 80px;
}
.company_page .number-box ul li h4{
font-size: 38px;
font-weight: 700;
color: #111;
margin: 0 0 20px;
}
.company_page .number-box ul li button{
font-size: 16px;
font-weight: 700;
color: #DD4554;
background: #fff;
border: none;
text-transform: uppercase;
border-radius: 40px;
box-shadow: 0px 1px 9px 2px rgba(217,217,217,1);
padding: 12px 30px;
}
.company_page .number-box ul li + li{
margin-left: 15px;
}
.company_page .number-box ul li p{
font-size: 14px;
font-weight: 600;
color: #111;
margin: 0;
}
.company_page .number-box ul li p i{
font-size: 20px;
margin-right: 5px;
}
.company_page .number-box ul li p + p{
margin-top: 6px;
}
/*----------------------------
[ homepage2 / .homepage2 ]
------------------------------*/
.homepage2 .top{
background: #111111;
min-height: 53px;
}
.homepage2 .top .icon{
margin: 12px 0;
}
.homepage2 .top .icon li{
background: #333;
border-radius: 50%;
padding: 5px;
text-align: center;
width: 27px;
height: 27px;
}
.homepage2 .top .icon li a{
color: #fff;
font-size: 14px;
}
.homepage2 .top .icon li:hover{
background: #DD4554;
}
.homepage2 .top .links{
background: #333;
margin: 0 0 7px;
padding: 13px 7px;
border-radius: 20px 20px 0 0;
}
.homepage2 .top .links li {
border-right: 1px solid #fefefe;
padding: 0 5px;
}
.homepage2 .top .links li:last-child {
border-right: none;
}
.homepage2 .top .links li a{
font-size: 14px;
font-weight: 600;
color: #fefefe;
}
.homepage2 .top .links li:nth-child(3) a{
color: #DD4554;
text-decoration: underline;
}
.homepage2 header{
background: #1c1c1c;
border-bottom: 10px solid #DD4554;
padding:18px 0 0;
}
.homepage2 header #logo {
margin: 0px 0 21px;
position: relative;
display: block;
text-align: center;
}
.homepage2 header #logo img {
margin: 0 auto;
}
.homepage2 header .btn-resume{
position: absolute;
right: 0;
top: 0;
font-size: 16px;
margin: 4px 0;
font-weight: 600;
color: #fff;
background: #DD4554;
border: none;
border-radius: 4px;
padding: 11px 24px;
line-height: 16px;
}
.homepage2 #menu {
margin: 0;
border: none;
background: transparent;
}
.homepage2 #menu .navbar-nav{
float: none;
text-align: center;
display:block;
width: 100%;
}
.homepage2 #menu .nav > li {
margin: 0 0px 0 0;
float: none;
display: inline-block;
}
.homepage2 #menu .nav > li > a {
color: #fff;
padding: 9px 24px;
border-bottom: none;
line-height: 18px;
display:block;
}
.homepage2 #menu .nav > li > a:hover{
color:#fff;
border-bottom:none;
background: #DD4554;
}
.homepage2 #menu .navbar-nav > .active > a, .homepage2 #menu .navbar-nav > .active > a:hover, .homepage2 #menu .navbar-nav > .active > a:focus {
color: #fff;
background-color: #DD4554;
}
.homepage2 header > .container > .row{
display:block;
}
.homepage2 .slideshow img{
min-height: 400px;
}
.homepage2 .slideshow .sliders {
left: 0;
position: absolute;
right: 0;
bottom: 85px;
text-align: center;
}
.homepage2 .slideshow .sliders h1 {
font-size: 50px;
font-weight: 700;
color: #fff;
margin: 0 0 15px;
}
.homepage2 .slideshow .sliders p {
font-size: 20px;
font-weight: 700;
color: #fff;
margin: 0 30% 25px;
}
.homepage2 .slideshow .slider-text{
padding: 20px 25px;
background: rgba(0, 0, 0, 0.66);
min-height: 106px;
}
.homepage2 .slideshow .slider-text .btn {
color: #3a3a3a;
padding: 0px 29px 0px 23px;
font-size: 16px;
font-weight:400;
border: none;
min-height: 65px;
border-radius:0px;
}
.homepage2 .slideshow .slider-text .btn i{
font-size:18px;
}
.homepage2 .slideshow .slider-text .form-control{
min-height: 65px;
border-radius:0px;
}
.homepage2 .slideshow .slider-text .dropdown-menu {
border-radius:0px;
border-top:1px solid #999999;
border-left:0px;
border-right:0px;
border-bottom:0px;
}
.homepage2 .slideshow .slider-text .dropdown-menu > li > a {
color: #999999;
padding: 0px 29px 0px 23px;
font-size: 16px;
font-weight:400;
}
.homepage2 .slideshow .slider-text .btnsrch {
background:#DD4554;
border:none;
border-radius:0;
padding:20px 11px;
font-size: 18px;
font-weight: 700;
color: #fff;
}
.homepage2 .slideshow .padd1{
padding-left: 2px;
}
.create {
padding: 50px 0;
}
.create .box{
text-align: center;
}
.create .box .icon{
width: 98px;
height: 98px;
background: #DD4554;
margin: 0 auto;
border-radius: 50%;
padding: 24px;
}
.create .box .icon i{
font-size: 48px;
color: #fff;
}
.create .box h4{
font-size: 22px;
color: #111;
font-weight: 600;
margin: 20px 0;
}
.create .box p{
font-size: 16px;
color: #3a3a3a;
font-weight: 600;
margin: 0;
}
.recent-post{
background: #F9FAFC;
padding: 80px 0;
}
.recent-post .recent-jobs, .jobcategory .recent-jobs, #jobtesti .recent-jobs {
text-align: center;
margin: 0 0 60px 0;
position: relative;
}
.recent-post .recent-jobs h1, .jobcategory .recent-jobs h1, #jobtesti .recent-jobs h1 {
margin: 0;
padding-bottom: 8px;
font-family: 'Libre Baskerville', serif;
font-size: 24px;
font-weight: bold;
color: #000;
text-transform: uppercase;
}
.recent-jobs .border, .jobcategory .border, #jobtesti .border {
border-top: 1px solid #333333 !important;
border-bottom:none !important;
border-left:none !important;
border-right:none !important;
left: 34%;
position: absolute;
width: 20%;
}
.recent-jobs .border1, .jobcategory .border1, #jobtesti .border1 {
border-bottom: 1px solid #333333;
right: 35%;
margin-top: 10px;
position: absolute;
width: 20%;
}
.products{
background: #fff;
margin-bottom: 30px;
border: 2px solid #E3E3E3;
}
.products h1{
font-size: 18px;
font-weight: 600;
color: #000;
margin: 23px 13px 10px;
}
.products h1 span{
font-size: 16px;
font-weight: 400;
color: #3a3a3a;
float: right;
}
.products .link{
border-bottom: 1px solid #e5e5e5;
margin: 0 0 19px;
padding: 0 13px 13px;
}
.products .link li{
padding: 0 8px 0 0;
}
.products .link li a{
font-size: 14px;
color: #3a3a3a;
font-weight: 600;
}
.products .link li a i{
color: #DD4554;
margin-right: 5px;
}
.products p{
font-size: 15px;
color: #111;
font-weight: 400;
margin: 0 13px 17px;
}
.products .applynow{
margin: 0 13px 18px;
}
.products .applynow li{
padding: 0px;
background: #282828;
border: 1px solid #CFEFFE;
font-size: 12px;
font-weight: 600;
padding: 10px 20px;
}
.products .applynow li + li{
margin-left: 8px;
}
.products .applynow li a{
color: #fff;
}
.products .applynow li:hover{
background: #DD4554;
}
.recent-post .btn-primary, .jobcategory .btn-primary{
background: #fff;
border-radius: 40px;
font-weight: 700;
font-size: 17px;
color: #DD4554;
border: 1px solid #fff;
text-transform: uppercase;
padding: 18px 30px;
box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.35);
}
.recent-post .btn-primary i, .jobcategory .btn-primary i{
margin-left: 5px;
}
.recent-post .btn-primary:active:hover, .recent-post .btn-primary.active:hover, .jobcategory .btn-primary:active:hover, .jobcategory .btn-primary.active:hover{
background: #fff;
border: 1px solid #fff;
color: #DD4554;
}
.recent-post .resumes{
background:#F9F9F9;
border: 2px solid #ccc;
text-align: center;
margin-bottom: 44px;
}
.recent-post .resumes img{
margin: 30px auto;
border: 1px solid #DD4554;
border-radius: 50%;
}
.recent-post .resumes h4{
font-size: 24px;
font-weight: 600;
color: #111;
margin: 0 5px 30px;
}
.recent-post .resumes p{
font-size: 16px;
font-weight: 400;
color: #3a3a3a;
margin: 0 11% 30px;
}
.recent-post .resumes button{
font-size: 17px;
font-weight: 600;
color: #fff;
background: #282828;
width: 100%;
border: 1px solid #282828;
padding: 16px 0;
}
.recent-post .resumes button:hover{
background: #DD4554;
border: 1px solid #DD4554;
}
.jobcategory{
padding: 80px 0;
}
.jobcategory .border {
left: 38%;
width: 15%;
}
.jobcategory .border1 {
right: 39%;
width: 15%;
}
.jobcategory .box{
margin: 0 0 30px;
min-height: 145px;
}
.jobcategory .box .icon{
background: #DD4554;
float: left;
width: 120px;
height: 145px;
padding: 40px 25px;
margin-right: 10px;
}
.jobcategory .box .icon img{
margin: 0 auto;
}
.jobcategory .box h4{
font-size: 19px;
font-weight: 700;
color: #111111;
margin: 0 0 17px;
padding: 35px 0 0;
text-transform: uppercase;
}
.jobcategory .box p{
font-size: 15px;
font-weight: 400;
color: #3a3a3a;
}
#jobtesti{
background: url(../images/testimonial_bg.jpg) center;
padding: 80px 0 35px;
}
#jobtesti .recent-jobs h1{
color: #fff;
}
#jobtesti .border {
border-top: 1px solid #fff !important;
border-bottom:none !important;
border-left:none !important;
border-right:none !important;
left: 38%;
width: 15%;
}
#jobtesti .border1 {
border-bottom: 1px solid #fff;
right: 38%;
width: 15%;
}
.jobtesti{
background: transparent;
padding: 0 150px;
}
.jobtesti .box{
margin: 0 0 45px;
}
.jobtesti .box img{
float: left;
margin-right: 30px;
border: 1px solid #DD4554;
border-radius: 100%;
width:auto !important;
}
.jobtesti .box p{
font-size: 16px;
font-weight: 600;
color: #fff;
margin: 0 8% 15px 0;
}
.jobtesti .box .text{
margin-left: 115px;
}
.jobtesti .box h4{
font-size: 21px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin: 0 0 5px;
}
.jobtesti .box span{
font-size: 16px;
color: #DD4554;
}
.jobtesti .owl-nav div{
opacity: 1 !important;
width: 65px;
height: 65px;
border: 1px solid #3F3F3F;
border-radius: 50%;
padding: 10px 15px;
text-align: center;
top: 32% !important;
}
.jobtesti .owl-nav div:hover{
border: 1px solid #DD4554;
}
.jobtesti .owl-nav div:hover i{
color: #DD4554;
}
.jobtesti .owl-nav div i{
color: #3F3F3F;
margin: 0 !important;
font-size:40px;
}
.jobtesti .owl-nav .owl-prev{
left: 0 !important;
position:absolute;
}
.jobtesti .owl-nav .owl-next{
right: 0 !important;
position:absolute;
}
.jobtesti .owl-controls, .jobtesti{
background: transparent !important;
}
.jobtesti .owl-page.active span {
background: #DD4554 !important;
border: 1px solid #DD4554;
}
.jobtesti .owl-page span{
background: transparent;
border: 1px solid #7d7b7b;
width: 18px !important;
height: 18px !important;
}
.jobtesti .owl-pagination {
top: 0px;
}
.allresume{
padding: 50px 0;
}
.allresume ul{
margin: 0;
}
.allresume ul li{
padding: 0;
}
.allresume ul li +li {
margin-left: 180px;
}
.allresume .box{
text-align: center;
}
.allresume .box .icon{
padding: 45px 20px;
background: #DD4554;
border-radius: 50%;
width: 138px;
height: 138px;
margin: 0 auto 20px;
}
.allresume .box .icon i{
font-size: 50px;
color: #fff;
}
.allresume .box h4{
font-size: 24px;
font-weight: 700;
color: #111111;
margin: 0;
}
.allresume .box p{
font-size: 18px;
font-weight: 400;
color: #3a3a3a;
margin: 0;
}
.getin{
background: #f8fdfe;
padding: 30px 0;
margin: 0 0 80px;
}
.getin .box{
background: #fff;
padding: 50px 19px;
box-shadow: 0px 1px 37px 6px rgba(20, 77, 180, 0.22);
}
.getin .box h4{
font-size: 36px;
font-weight: 600;
color: #000;
margin: 0 0 30px;
}
.getin .box p{
font-size: 17px;
font-weight: 400;
color: #111;
margin: 0 0 30px;
}
.getin .box p span{
color: #DD4554;
}
.getin .box .form-group{
margin: 0;
}
.getin .box .form-control{
font-size: 16px;
color: #3a3a3a;
font-weight: 300;
border-color: #E8ECEB;
border-radius: 0px;
height: 60px;
margin: 0 0 19px;
}
.getin .box .btn-primary{
font-size: 17px;
color: #fff;
font-weight: 700;
border: none;
background: #DD4554;
border-radius: 0px;
margin: 11px 0 0;
width: 100%;
height: 60px;
}
.getin .box img{
margin: 30px auto;
display:block;
}
.getin .box .desc{
margin: 0;
text-align: center;
}
.getin .box .form2 .form-control{
height: 50px;
border-color: #CFF0FF;
}
.getin .box .form2 textarea{
height: 171px !important;
}
.getin .box .btn-default{
background: #DD4554;
font-size: 17px;
font-weight: 700;
color: #fff;
border:1px solid #CFF0FF;
padding: 12px 58px;
}
.footer2{
background: #111;
padding: 48px 0 58px;
border-top: 30px solid #000;
}
.footer2 h4{
font-size: 22px;
font-weight: 600;
color: #DD4554;
margin: 0 0 24px;
}
.footer2 h6{
font-size: 18px;
font-weight: 600;
margin: 0 0 10px;
}
.footer2 span{
font-size: 14px;
font-weight: 300;
color: #fff;
}
.footer2 p {
font-size: 16px;
font-weight: 600;
width: 73%;
margin: 25px 0 0;
}
.footer2 ul {
margin: 0;
}
.footer2 ul li {
font-size: 14px;
font-weight: 600;
color: #fff;
}
.footer2 ul li a {
color: #fff;
}
.footer2 .latestlink li a:hover {
color: #DD4554;
}
.footer2 .latestlink li{
padding: 0 0 20px;
}
.footer2 .latestlink li:last-child, .footer2 .keepup li:last-child, .footer2 .contactus li:last-child {
padding: 0px;
}
.footer2 .latestblog{
width: 35%;
}
.footer2 .latestlink, .footer2 .keepup{
width: 22%;
}
.footer2 .contactus{
width: 21%;
}
.footer2 .keepup li{
padding: 0 0 25px;
}
.footer2 .keepup li i{
width: 38px;
height: 34px;
background: #DD4554;
border-radius: 50%;
font-size: 20px;
padding: 7px;
text-align: center;
margin-right: 11px;
}
.footer2 .contactus li i{
width: 28px;
height: 28px;
background: #DD4554;
border-radius: 50%;
font-size: 16px;
color: #000;
padding: 5px 5px;
text-align: center;
margin-right: 11px;
}
.footer2 .contactus li{
padding: 0 0 16px;
}
.homepage2 .powered {
background: #000;
padding: 18px 0;
}
.homepage2 .powered .subscribe {
padding: 0 30% 0 0;
}
.homepage2 .powered .subscribe .form-group{
margin: 0px;
}
.homepage2 .powered .subscribe .form-control{
background: #252525;
color:#fff;
}
.homepage2 .powered p {
color: #c6c6c6;
margin: 12px 0 0;
}
.topsearch{
min-height: 121px;
box-shadow: 0px 6px 7px 0 hsla(0, 0%, 0%, 0.2);
padding: 30px 0;
background: #fff;
}
.topsearch .censearch{
position: relative;
width: 515px;
margin: 0 auto;
}
.topsearch .censearch .form-group{
margin: 0;
}
.topsearch .censearch .form-control{
height: 60px;
border-radius: 20px;
border-color: #A5A5A5;
color: #3A3A3A;
padding: 0 29px;
}
.topsearch .censearch .btnsrch{
position: absolute;
top: 16px;
right: 26px;
background: transparent;
border: none;
font-size: 18px;
color: #DD4554;
}
.topsearch .btn-filter{
background: transparent;
border: none;
font-size: 16px;
text-transform: uppercase;
color: #000;
font-weight: 600;
padding: 22px 0 0;
}
.topsearch :focus {
outline: -webkit-focus-ring-color auto 0px;
}
#myModal{
position: absolute;
top: 542px;
left: 0;
right: 0;
/*background: #000000c7;*/
width: 100%;
height: 100%;
bottom: 0;
}
#myModal .modal-lg {
width: 1034px;
margin: 0 auto;
}
#myModal .modal-content{
border-radius: 0px;
}
#myModal .form-group{
margin: 0;
}
#myModal .modal-title{
font-size: 16px;
font-weight: 600;
color: #3A3A3A;
text-transform: uppercase;
}
#myModal .modal-header .close {
margin-top: -20px;
color: #424242;
opacity: 1;
}
#myModal form label, #myModal .panel-title {
font-weight: 600;
color: #111;
font-size: 16px;
margin-bottom: 10px;
}
#myModal form .form-control {
height: 40px;
font-weight: 400;
color: #3a3a3a;
font-size: 14px;
margin-bottom: 30px;
}
#myModal .panel-body{
padding: 10px 0px 10px 15px;
}
#myModal .panel-group{
margin-bottom: 0px;
}
#myModal .panel{
background: transparent;
border:none;
box-shadow: none;
}
#myModal .panel-heading{
background: transparent;
padding: 0px 30px 0 0;
}
#myModal .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
#myModal .panel-title i{
float: right;
color: #A5A6BA;
}
#myModal .panel-body ul{
height: 284px;
overflow: hidden;
overflow-y: scroll;
margin: 0;
}
#myModal .panel-body li label{
font-weight: 400;
color: #3a3a3a;
font-size: 14px;
margin-bottom: 0px;
padding-left: 16px;
vertical-align: top;
}
#myModal .panel-body li + li{
margin-top: 15px;
}
#myModal .panel-body li input[type="checkbox"]{
margin: 0;
width: 18px;
height: 18px;
}
#myModal .bor-r{
border-right: 1px solid #E3E3E3;
}
#myModal .modal-footer .form-control{
display: inline-block;
width: 70%;
}
#myModal .modal-footer .btn-default{
border-radius: 4px;
background: #E3E3E3;
border: 1px solid #E3E3E3;
color: #fff;
margin-left: 16px;
height: 40px;
padding: 5px 27px;
font-weight: 600;
font-size: 16px;
}
#myModal .modal-footer .btn-default i{
margin-right: 8px;
}
#myModal .modal-footer .btn-primary{
border-radius: 4px;
background: #DD4554;
border: 1px solid #DD4554;
color: #fff;
margin-left: 16px;
height: 40px;
font-size: 16px;
padding: 5px 27px;
font-weight: 600;
}
#myModal .searchfilter {
background: transparent;
padding:0;
margin: 0px;
}
.searchfilter{
background: #FCFCFE;
padding: 0 55px;
margin: 30px 0 80px;
}
.topfilter{
background: #DD4554;
padding: 20px 0;
text-align: center;
}
.topfilter ul{
margin: 0;
}
.topfilter ul li{
background: #fff;
border-radius: 50px;
padding: 8px 10px 8px 27px;
font-size: 12.14px;
font-weight: 600;
}
.topfilter ul li i{
margin-left: 10px;
}
.topfilter ul li + li {
margin-left: 6px;
}
.topfilter ul li a {
color: #111;
}
.searchfilter .bg{
background: #fff;
padding: 0 100px;
box-shadow: 0px 16px 30px 0px rgba(127, 125, 163, 0.29);
}
.searchfilter .bg1{
padding: 30px 40px;
box-shadow: 0px 1px 0px 3px rgba(224, 224, 224, 0.21);
}
.searchfilter .pagination {
margin: 0;
}
.searchfilter .pagination > li > a {
background-color: transparent;
color: #000000;
font-weight: 600;
font-size: 15.38px;
border: none;
border-radius: 4px;
margin-right: 0px;
}
.searchfilter .pagination > li > a > span {
font-weight: 400;
color: #ACACAC;
font-size: 24px;
}
.searchfilter .pagination > .active > a, .searchfilter .pagination > .active > span, .searchfilter .pagination > .active > a:hover, .searchfilter .pagination > .active > span:hover, .searchfilter .pagination > .active > a:focus, .searchfilter .pagination > .active > span:focus {
background-color: #F1F3F2;
border: none;
color: #A5A5A5;
}
.searchfilter .pagination > li:first-child > a {
margin-right: 10px;
}
.searchfilter .pagination > li:last-child > a {
margin-left: 10px;
}
.topbar-srch{
position: relative;
z-index: 999;
}
.powered .subscribe .input-group .form-control,.powered .subscribe .btn{
z-index:0;
}
.slider-caption .row{
margin:0 !important;
}
/*----------------
[responsive]
------------------*/
@media (max-width:1180px){
.header1 .slide-detail .buttons .or{
margin: 0 3px;
}
.header1 .slide-detail .btnsrch{
padding: 11px 25px;
}
.detail_page .bgcontent .description-box {
padding: 30px 20px;
}
.detail_page .bgcontent .description-box ol li{
padding-right: 20px;
font-size: 18px;
}
header .button-login .btn-default {
padding: 12px 12px;
}
header .button-login .btn-primary{
padding:12px 20px;
}
#menu .nav > li {
margin: 0 22px 0 0;
}
.slider-caption .form-control {
min-width: 200px !important;
}
#job .form1 .keyword .btn-primary, #job .form1 .keyword .btn-success, #job .form1 .keyword
.btn-danger, #job .form1 .keyword .btn-warning{
margin-right:0px;
}
.product-box .matter li a {
font-size: 12px;
}
.browse .matter a span {
font-size: 12px;
}
.browse .matter:hover .boxbor:before, .browse .matter:hover .boxbor:after {
width: 120px;
}
.browse .matter a span {
font-size: 14px;
}
.photo {
padding: 0 32px;
}
.photo i {
left: 42px;
}
.photo p {
font-size: 14px;
}
#blog .box .matter {
padding: 11px 12px;
}
#blog .box .matter h1 {
font-size: 12px;
}
#blog .box .matter p {
font-size: 13px;
}
footer .info {
margin-right: 50px;
width: 19%;
}
footer .use {
margin-right: 60px;
}
footer h6 span {
font-size: 16px;
}
footer h5 {
font-size: 16px;
}
.socialicon li {
margin-right: 22px;
}
#header2 #menu .nav > li > a {
padding: 17px 10px;
}
#header2 .slideshows img {
top: 25.9%;
left: 45%;
width: 50%;
}
#header2 .browse .browse-job li {
min-width: 105px;
max-width: 104px;
}
#header2 .browse .browse-job li:first-child:hover {
margin: -14px -3px -14px -14px;
}
#header2 .browse .browse-job li:hover {
margin: -14px -4px -14px -13px;
min-width: 130px;
}
#header2 .photo .photo-matter i {
left: 12px;
}
#header2 .photo .photo-matter {
padding: 32px 13px;
}
#header2 .photo .photo-matter p {
font-size: 17px;
}
#header2 footer .info {
margin-right: 30px;
}
#header2 footer .use {
margin-right: 30px;
}
#header2 .flickers {
width: 30%;
margin-right: 0px;
}
.socialicon li {
margin-right: 2px;
}
.subscribe .btn-default{
padding: 7px 5px;
font-size: 14px;
}
.header3 footer .info {
margin-right: 30px;
width:20%;
}
.header3 footer .tags, .header3 footer .use {
margin-right: 50px;
}
.header3 footer .tags ul li {
padding: 7px 8px;
}
.header3 footer .tags ul li a {
font-size: 12px;
}
.header3 footer .contact ul li a {
font-size: 12px;
line-height: 18px;
}
.header3 footer .info li a, .header3 footer .use li a {
font-size: 12px;
}
.header4 #menu .nav > li {
margin: 0 22px 0 0;
}
.header4 footer .use {
width: 16%;
margin-right: 50px;
}
.header4 footer .info {
margin-right: 0;
width:19%;
}
.header4 footer .contact ul li a {
font-size: 15px;
}
#about .about-content ul {
right: 42.5%;
}
#abouts .team ul li {
margin-right: 15px;
}
#abouts .team .client .soical li {
margin-right: 1px !important;
}
#abouts .about-detail p, #abouts .inner p, #abouts .mission p {
font-size: 13px;
line-height: 24px;
}
#jobs .jobs-content ul {
right: 43.5%;
}
.product-list .product-box .matter ul li {
padding: 0px 5px 0 0;
}
.product-list .product-box .matter p {
margin: 0 0 23px 0;
}
.leftside .job-content h1 {
font-size: 11px;
}
.leftside .job-content ul li{
padding: 0px 4px 0 0;
}
.leftside .job-content ul li a {
font-size: 10px;
}
.leftside .job-content ul li a i {
margin-right: 0px;
font-size: 12px;
}
#bloggs .box .matter h1 {
font-size: 13px;
}
#bloggs .box .matter p {
font-size: 13px;
margin-bottom: 14px;
line-height:22px;
}
#bloggs .box .matter a {
font-size: 13px;
}
.rightside .job-content h1 {
font-size: 11px;
}
.rightside .job-content ul li a {
font-size: 11px;
}
.rightside .job-content ul li a i {
font-size: 12px;
margin-right: 0px;
}
.rightside .job-content ul li {
padding: 0px 0px 0 0;
}
.rightside .border {
left: 6%;
}
.tag ul li {
margin: 0 0px 14px 0;
}
.blog-detail .commentbox .profile {
min-height: 200px;
margin-bottom:15px;
}
#contact-form .detail a {
font-size: 13px;
}
#contact .contact-content ul {
right: 41.8%;
}
.joblist .metter ul li {
margin-right: 6px;
}
.joblist .metter li a {
font-size: 12px;
}
.joblist .metter .float-left {
width: 63%;
}
.joblist .metter p {
font-size: 11px;
padding-top: 3px;
}
#submit-job-form .submit-form .fb input, #submit-job-form .submit-form .twitter input, #submit-job-form .submit-form .google input {
width: 87% !important;
height: 55px !important;
}
#submit-job-form .submit-form .fb i, #submit-job-form .submit-form .twitter i, #submit-job-form .submit-form .google i {
width: 13%;
padding: 18px 16px;
}
#submit-job .submit-job-content ul {
right: 41%;
}
.jobsearch .btn{
min-width:200px !important;
}
.canditate ul {
right: 41.5% !important;
}
.candidate .matter ul li {
padding: 0px 5px 0 0 ;
}
.employee ul {
right: 41.5% !important;
}
.employe-box {
min-height: 125px;
}
.candidate-single .matter .table tr td{
font-size:11px;
}
/*new code add start here*/
.homepage2 .slideshow .slider-text .btnsrch {
padding: 22px 6px;
font-size: 15px;
}
.recent-post .resumes p {
font-size: 15px;
margin: 0 8% 30px;
}
.jobcategory .box .icon {
width: 100px;
height: 130px;
padding: 35px 20px;
margin-right: 15px;
}
.jobcategory .box h4 {
font-size: 14px;
}
.jobcategory .box p, .jobtesti .box p {
font-size: 13px;
}
.allresume ul li +li {
margin-left: 115px;
}
.getin .box p{
font-size: 15px;
}
.footer2 .contactus {
width: 26%;
}
.footer2 .latestblog {
width: 30%;
}
.footer2 p {
width: 80%;
}
.header1 .slide-detail h1 {
font-size: 56px;
}
.header1 .slide-detail .bootstrap-select.form-control:not([class*="col-"]) {
min-width: 42%;
}
.header1 .slide-detail .buttons .btn-default {
padding: 12px 21px;
}
.testimonial .comment-detail {
font-size: 16px;
}
.footer4 .info {
margin-right: 20px;
}
.listpage1 .breadcrumb .sort .search-bar .search .form-control {
width: 60px;
}
.listpage1 .breadcrumb .sort .btn-group button {
padding: 0 3px;
}
.product-grid .product-list-view .matter h1 {
font-size: 18px;
}
.product-grid .product-list-view p {
font-size: 13px;
}
.serach-latest h1 {
font-size: 28px;
}
.detail_page .columnleft .profile .ico2 li {
padding: 15px 0 15px 15px;
}
.detail_page .bgcontent .about-block p {
font-size: 13px;
}
.detail_page .bgcontent .about-block .description-box {
padding: 17px 30px;
}
#myModal .modal-lg {
width: 970px;
}
.company_page .detail_search .input-group {
width: 390px;
}
.company_page .contactinfo .bg ul li {
font-size: 13px;
}
.company_page .number-box ul li {
width: 23%;
}
.company_page .number-box ul li button {
padding: 12px 14px;
}
.header1 .slide-detail .bg {
padding: 115px 35px;
}
.detail_page .bgcontent .description-box ol li .fa {
margin-left: -6%;
}
.product-box .matter{
padding: 15px 5px;
}
/*new code add end here*/
}
@media (max-width:1000px){
#latests .candidate h1, #latestsfeat .candidate h1{
font-size:13px;
}
.photo span{
margin-right: 0px;
}
#menu .nav > li {
margin: 0 10px 0 0;
}
#menu .nav > li > a {
font-size: 11px;
}
header .button-login .btn-default, header .button-login .btn-primary {
padding: 12px 8px;
margin-right:0px;
font-size: 13px;
}
header .button-login .btn-primary {
margin-right:0;
}
.slider-caption .form-control {
min-width: 180px !important;
}
.slider-caption .btnsrch {
padding: 11px 6px;
}
.featured-jobs .border {
left: 33%;
width:20%;
}
.featured-jobs .border1 {
right: 33%;
width:20%;
}
.product-box .matter h1 {
font-size: 12px;
}
.product-box .matter ul li {
padding: 0px 5px 0 0;
}
.product-box .matter li a {
font-size: 10px;
}
.product-box .matter p {
font-size: 12px;
}
.product-box .btn-info {
font-size: 10px ;
padding: 16px 0;
}
.browse-jobs .border {
left: 36%;
width:22%;
}
.browse-jobs .border1 {
right: 36%;
width:22%;
}
.our-partner .border{
left:36%;
width:22%;
}
.our-partner .border1{
right:36%;
width:22%;
}
.browse .matter a i {
font-size: 22px;
}
.browse .matter a span {
font-size: 12px;
}
.browse .matter:hover .boxbor:before, .browse .matter:hover .boxbor:after {
width: 90px;
}
.testimonial-jobs .border {
left: 35%;
width:18%;
}
.testimonial-jobs .border1 {
right: 35%;
width:18%;
}
.photo {
padding: 0 21px;
}
.photo i {
left: 11px;
}
.latest-blog .border {
left: 36%;
}
.latest-blog .border1 {
right: 36%;
}
#blog .box .matter {
margin-left: 165px;
padding: 6px 8px;
min-height: 144px;
}
#latests, #latestsfeat{
padding:0 15px;
}
.subscribe .btn-default{
font-size:14px;
}
.subscribe {
padding: 0 5px 0 0;
}
#blog .box img{
width: 50%;
}
#blog .box .matter h1 {
font-size: 9px;
margin: 0 0 8px 0;
}
#blog .box .matter p {
font-size: 9px;
line-height: 13.5px;
}
#blog .box .matter a {
font-size: 11px;
}
.latest-candidate .border {
left: 23%;
}
.latest-candidate .border1 {
right: 23%;
}
#latests .candidate {
padding: 0 8px;
}
#latests .candidate img {
width: 90px;
height: 90px;
}
#latests .candidate h1, #latests .candidate p{
font-size:12px;
}
footer p {
width: 100%;
font-size:12px;
word-break:break-all;
}
footer .info {
margin-right: 0px;
width: 23%;
max-width: 23%;
}
footer .use {
width: 20%;
max-width: 20%;
margin-right: 0px;
}
footer h5 {
font-size: 12px;
}
footer .info li a, footer .use li a {
font-size: 12px;
}
footer h6 {
font-size: 10px;
}
footer h6 i {
font-size: 16px !important;
margin-right: 7px;
}
footer h6 span {
font-size: 12px;
}
.subscribe input {
min-width: 123px;
}
.socialicon li {
margin-right: 6px;
width: 28px;
height: 28px;
padding-top: 3px !important;
}
.socialicon li a{
font-size: 12px;
padding-top: 2px;
}
#header2 #menu .nav > li > a {
padding: 17px 10px;
}
#header2 .slideshows {
height: 500px;
}
#header2 .slideshows img {
top: 23%;
}
#header2 .slide-detail {
bottom: 5%;
}
#header2 .slideshows .slider-caption {
width: 306px;
}
#header2 .slider-caption h1 {
font-size:18px;
}
#header2 .our-partner .border{
left:32%
}
#header2 .our-partner .border1{
right:32%;
}
#header2 .photo .photo-matter i {
left: 7px;
}
#header2 .photo .photo-matter p {
font-size: 13px;
}
#header2 .browse .browse-job li {
margin:0px;
min-height:104px;
min-width:85px;
max-width:84px;
}
#header2 .browse .browse-job li:hover,#header2 .browse .browse-job li:first-child:hover {
margin:0px;
min-height:104px;
min-width:85px;
max-width:84px;
}
#header2 .browse .matter1 a i {
font-size: 20px;
}
#header2 .browse .matter1 a span {
font-size: 10px;
}
#header2 #category .btn, #location .btn, #header2 #search input, #header2 #search-button .btn {
min-width: 261px;
}
#header2 footer .info, #header2 footer .use {
margin-right: 0px;
}
#header2 .flickers {
width: 37%;
}
#header2 footer .matter {
width: 28%;
}
.header3 footer .tags, .header3 footer .use {
margin-right: 30px;
}
.header3 footer .tags ul li {
padding: 7px 5px;
margin: 0 3px 10px 0px;
}
.header3 footer .tags ul li a {
font-size: 10px;
}
.header3 footer .info {
width: 21%;
}
.header3 footer .use {
width:17%;
}
.header3 footer .contact ul li {
line-height: 6px;
}
.header3 footer .contact ul li a {
font-size: 10px;
}
.header3 footer .info li, .header3 footer .use li {
padding: 7px 4px 9px;
}
.header3 footer .contact ul li .fa {
margin-right: 8px;
width: 28px;
height: 28px;
}
.header4 #menu .nav > li {
margin: 0 11px 0 0;
}
.header4 .slideshow img {
height: 550px;
}
.header4 footer .info {
width: 20%;
}
.header4 footer .use {
margin-right: 40px;
}
.header4 footer .contact ul li a {
font-size: 12px;
}
.header4 footer .contact ul li .fa {
margin-right: 5px;
}
.header4 .socialicon li {
margin-right: 1px;
}
#about .about-content ul {
right: 40.5%;
}
#abouts .team ul li {
margin-right: 9px;
}
#abouts .team .client p {
font-size: 13px;
}
#abouts .team .client .soical li {
width: 22px;
height: 22px;
padding: 0px 6px;
}
#abouts .team .client .soical li a {
font-size: 11px;
}
#abouts .about-detail p, #abouts .inner p, #abouts .mission p {
line-height: 18px;
}
#jobs .jobs-content ul {
right: 40.8%;
}
#jobdetail .left-side ul p {
font-size: 13px;
}
.product-list .product-box .matter p{
font-size: 9px;
margin: 0 0 10px 0;
}
.product-list .product-box .matter ul li {
padding: 0px 0px 0 0;
}
.product-list .product-box .btn-info {
margin-right: 24px;
width: 90px;
}
.leftside .job-content img {
width: 50px;
margin-right: 4px;
}
.leftside .job-content h1{
font-size: 10px;
}
.leftside .job-content ul li a {
font-size: 11px;
}
.leftside .job-content ul li a i{
font-size: 9px;
}
#bloggs .box .matter h1 {
font-size: 10px;
}
#bloggs .box .matter p {
font-size: 10px;
margin-bottom: 8px;
line-height:18px;
}
#bloggs .box .matter a {
font-size: 11px;
}
.left .job-candidate h1 {
font-size: 10px;
}
#latestsfeat .candidate img {
height: auto;
}
#latestsfeat .candidate p {
font-size: 11.02px;
}
.rightside .border {
left: 8%;
}
.rightside .latest-post .border {
left: 15%;
}
.rightside .latest-post .border1 {
right: 15%;
}
.rightside .job-content img {
width: 57px;
margin-right:5px;
}
.rightside .job-content ul li a {
font-size: 7px;
}
.rightside .job-content ul li a i {
font-size: 9px;
}
.rightside .job-content {
margin: 20px 6px 0;
}
.blog-detail .commentbox .profile {
min-height: 241px;
}
.blog-detail .tags ul li a {
padding: 5px 8px;
}
#contact .contact-content ul {
right: 39.0%;
}
#contact-form .detail {
padding: 47px 32px;
}
#contact-form .detail li .fa {
margin-right: 10px;
}
#contact-form .detail a {
font-size: 12px;
}
#contact-form .detail li:first-child .fa {
line-height: 41px;
}
#job .form1 .sort, #job .form1 .show, #job .form1 .category {
margin-right: 0px;
}
#job .form1 .keyword .btn-primary, #job .form1 .keyword .btn-success, #job .form1 .keyword .btn-danger, #job .form1 .keyword .btn-warning {
padding: 6px 9px;
}
.leftside .job-candidate .border, .leftside .job-candidate .border1 {
width: 100px;
}
.joblist .metter ul li {
margin-right: 0px;
}
.joblist .metter li a {
font-size: 8px;
}
.joblist .metter .float-left {
width: 63%;
}
.joblist .metter p {
font-size: 8px;
line-height: 12px;
}
.joblist .btn-info {
padding: 11px 14px;
}
#login .login-content ul {
right: 40.5%;
}
#submit-job-form .submit-form .fb input, #submit-job-form .submit-form .twitter input, #submit-job-form .submit-form .google input {
width: 85% !important;
height:56px !important;
}
#submit-job-form .submit-form .fb i, #submit-job-form .submit-form .twitter i, #submit-job-form .submit-form .google i {
width: 15%;
padding: 18px 12px;
}
#submit-job .submit-job-content ul {
right: 38%;
}
.jobsearch .btn{
min-width:100px !important;
}
#menu .dropdown-menu a {
font-size: 12px;
}
.canditate ul {
right: 39% !important;
}
.candidate .matter .rotate1 {
font-size: 12px;
}
.candidate .matter ul li{
padding:0;
}
.candidate .matter li a i {
margin-right: 0px;
}
.candidate .matter h1 {
font-size: 16px;
}
.product-list .candidate .matter p {
font-size: 10px;
margin: 0 0 5px 0;
}
.candidate-single .matter span {
padding: 20px 17px;
}
.candidate-single .matter label {
padding: 15px 19px;
font-size: 14px;
}
.canditate-profile .nav-tabs > li:nth-child(1) > a {
padding: 22px 60px;
}
.canditate-profile .nav-tabs > li:nth-child(2) > a {
padding: 22px 35px;
}
.canditate-profile .nav-tabs > li:nth-child(3) > a {
padding: 22px 32px;
}
.employee ul {
right: 39.5% !important;
}
.employe-box {
min-height: 110px;
}
.graphic h1 {
font-size: 14px;
}
.graphic p {
font-size: 12px;
}
.candidate-single .matter .table tr td{
font-size:11px;
}
/*new code add start here*/
.homepage2 .slideshow .slider-text .btnsrch {
padding: 25px 9px;
font-size: 11px;
}
.homepage2 .slideshow .slider-text {
padding: 20px 10px;
}
.homepage2 .slideshow .sliders p {
margin: 0 22% 25px;
}
.recent-post .recent-jobs h1, .jobcategory .recent-jobs h1, #jobtesti .recent-jobs h1 {
font-size: 20px;
}
.recent-post .resumes h4 {
font-size: 20px;
}
.recent-post .resumes p {
margin: 0 5% 30px;
}
.jobtesti .box img {
margin-right: 7px;
}
.jobtesti .box .text {
margin-left: 90px;
}
.jobtesti {
padding: 0 80px;
}
.jobtesti .box p{
font-size: 12px;
}
.allresume ul li +li {
margin-left: 52px;
}
.getin .box h4 {
font-size: 32px;
}
.getin .box p {
font-size: 13px;
}
.footer2 h4 {
font-size: 18px;
}
.footer2 p {
font-size: 14px;
width: 100%;
}
.footer2 ul li {
font-size: 12px;
}
.footer2 .latestlink, .footer2 .keepup {
width: 21%;
}
.footer2 .contactus {
width: 28%;
}
.header1 .slide-detail .bootstrap-select.form-control:not([class*="col-"]) {
min-width: 38%;
}
.header1 .slide-detail h1 {
font-size: 44px;
}
.header1 .slide-detail .bg {
padding: 115px 30px;
}
.header1 .slide-detail p {
font-size: 14px;
}
.header1 .slide-detail .buttons .btn-default {
padding: 12px 14px;
font-size: 14px;
}
.testimonial .comment-detail {
font-size: 12px;
padding: 30px;
}
.testimonial .more .designation {
font-size: 15px;
}
.footer4 .use {
margin-right: 30px;
}
.footer4 .contact ul li a {
font-size: 11px;
}
.footer4 .socialicon li {
margin-right: 6px;
width: 28px;
height: 28px;
}
.footer4 .socialicon li .fa {
top: 4px;
left: 5px;
}
.listpage1 .breadcrumb .sort .search-bar .search .form-control {
width: 45px;
}
.listpage1 .breadcrumb .sort .search-bar .btnsrch {
padding: 0 0px 0 0;
width: 16px;
}
.listpage1 .breadcrumb .sort .btn-group .fa {
font-size: 11px;
}
.listpage1 .breadcrumb .sort .btn-group label {
font-size: 12px;
}
.columnleft h2 {
font-size: 14px;
}
.columnleft ul li a {
font-size: 12px;
}
.serach-latest h3 {
font-size: 16px;
line-height: 20px;
}
.serach-latest h1 {
font-size: 18px;
}
.product-list-view .tags li {
min-width: 119px;
}
.detail_page .columnleft .profile li {
padding: 0 3px;
}
.detail_page .columnleft .profile h3 {
font-size: 18px;
}
.detail_page .columnleft .profile .detail {
font-size: 16px;
padding-left: 5px;
}
.detail_page .columnleft .profile .detail span {
font-size: 11px;
}
.detail_page .columnleft .btn-apply {
font-size: 15px;
}
.detail_page .bgcontent .description-box p {
font-size: 12px;
}
.detail_page .bgcontent .description-box {
padding: 30px 40px 30px 40px;
}
.detail_page .bgcontent .description-box ul li {
font-size: 12px;
padding: 7px 0;
}
.detail_page .bgcontent .description-box ul li i {
font-size: 18px;
margin-right: 10px;
}
.detail_page .bgcontent .description-box p {
font-size: 10px;
}
.detail_page .bgcontent .about-block .description-box .des {
font-size: 13px;
}
.detail_page .bgcontent .about-block .description-box h5 {
margin: 0 0 10px;
}
.detail_page .bgcontent .about-block .description-box h3 {
font-size: 22px;
}
.detail_page .bgcontent .description-box h5 {
font-size: 16px;
}
.detail_page .bgcontent .description-box ol li {
font-size: 16px;
padding-right: 28px;
}
.topfilter ul li {
padding: 8px 10px 8px;
font-size: 11.14px;
}
.topfilter ul li i {
margin-left: 3px;
}
.topfilter ul li + li {
margin-left: 2px;
}
.searchfilter .bg {
padding: 0 30px;
}
#myModal .modal-lg {
width: 750px;
}
.company_page .detail_search .input-group {
width: 245px;
}
.company_page .contactinfo h4 {
font-size: 15px;
}
.company_page .heading-detail h2 {
font-size: 24px;
}
.company_page .heading-detail p {
font-size: 10px;
width: 68%;
}
.company_page .contactinfo .bg {
padding: 15px 0 15px 12px;
min-height: 260px;
}
.company_page .contactinfo .bg ul li {
font-size: 10px;
}
.company_page .contactinfo .bg ul li .fa {
margin-right: 5px;
}
.company_page .number-box {
padding: 30px 30px;
}
.company_page .number-box ul li {
width: 22.5%;
}
.company_page .number-box ul li h5 {
font-size: 14px;
}
.company_page .number-box ul li h4 {
font-size: 30px;
}
.company_page .number-box ul li p {
font-size: 12px;
}
.company_page .number-box ul li button {
padding: 12px 10px;
font-size: 11px;
}
.company_page .description-block .description-box ol li span {
font-size: 14px;
}
footer .info li, footer .use li, .footer4 .contact ul li {
padding: 0 0 16px;
}
/*new code add end here*/
}
@media (max-width:767px){
#header2 .subscribe {
width: 100%;
}
.header3 #menu .nav > li > a {
padding: 14px 5px;
}
#header2 #menu{
display: inline-flex;
width: 100%;
margin:28px 0 10px;
}
#header2 header .button-login {
margin: 0 0 10px;
}
.navbar-toggler-icon{
display:none;
}
.slider-caption .form-control {
min-width: 203px !important;
}
footer .bor{
display:block;
}
.slideshow .owl-dots {
top: -15px;
}
#menu .dropdown-menu {
background: #000;
margin-bottom: 10px;
}
header .button-login {
float: none !important;
text-align: center;
}
#top-links .button, #top-links .icon{
float:none !important;
text-align:center;
}
#top-links .button li a {
font-size: 12px;
padding-right: 8px;
}
#logo img{
margin:0 auto;
display:block;
}
.navbar-nav {
margin: 0 !important;
}
#menu {
margin: 18px 0 0px 0;
background: #DD4554;
}
#menu .menutext {
float: left;
padding: 17px;
font-size: 16px;
color: #000;
font-weight:bold;
}
.slideshow img {
height: 334px;
}
.slider-caption h1 {
font-size: 20px;
}
.slideshow .slider-caption .btn-group{
margin-bottom:10px;
}
.slideshow .slider-caption .input-group {
width: 100%;
}
.slideshow .slider-caption {
min-height: 275px;
}
.slide-detail {
bottom: 14px;
}
.slider-caption .btnsrch {
padding: 10px 15px;
right:0;
}
.slideshow .owl-pagination {
display:none;
}
footer .info li a, footer .use li a {
font-size: 14px;
}
#header2 .slideshows img {
display:none;
}
#header2 .slide-detail {
bottom: 20px;
}
#header2 .slideshow {
margin-top:20px;
height: 494px;
}
#header2 .slideshow .slider-caption {
background: rgba(51, 51, 51, 0.60);
}
#header2 .photo .photo-matter p {
font-size: 10px;
}
#header2 .browse .browse-job li {
margin-bottom:10px;
}
.header3 #top-links .button {
text-align: center;
float: none !important;
}
.header3 header .button-login {
position:relative;
top:0;
right:0;
}
.header3 header .button-login .btn-default {
padding: 16.9px 16px;
}
.header3 header .button-login .btn-primary {
padding: 16.9px 31px;
}
.header3 footer .info, .header3 footer .con, .header3 footer .use {
width: 100%;
}
.header3 footer .info li a, .header3 footer .use li a {
font-size: 14px;
}
.header3 footer .tags ul li {
padding: 7px 10px;
}
.header3 footer .tags ul li a {
font-size: 13px;
}
.header3 footer .contact ul li a {
font-size: 14px;
}
.header3 #menu .btn, .header3 #menu .menutext {
color: #000;
}
.header4 .powered img {
float: none;
}
.header4 header {
position: relative;
background:none;
}
.header4 #menu {
background:#DD4554;
}
.header4 header .button-login .btn-default {
color: #000;
}
.header4 .slideshow img {
height: 368px;
}
.header4 header .button-login {
position: relative;
top:0px;
}
.header4 footer .info, .header4 footer .con, .header4 footer .use {
width: 100%;
max-width: 100%;
}
.offset-2,.offset-4,.offset-3{
margin-left:0 !important;
}
.header1 .menu #menu{
display:inline-flex;
}
.pull-left,.pull-right{
float:none !important;
text-align:center !important;
}
.header4 footer .contact ul li a {
font-size: 14px;
}
.product-box img{
width:100%;
}
.product-box .matter{
text-align:center;
}
.product-box .matter h1, .product-box .matter li a, .product-box .matter p, .product-box .btn-info {
font-size: 16px;
}
#blog .box img, #bloggs .box img {
width: 100%;
float: none;
}
#blog .box .matter, #bloggs .box .matter {
margin-left: 0;
padding: 8px 9px;
}
#blog .box .matter h1, #bloggs .box .matter h1 {
font-size: 14px;
}
#blog .box .matter p {
font-size: 15px;
line-height:18px;
}
#blog .box .matter a {
font-size: 16px;
}
#latests .candidate h1, #latests .candidate p {
font-size: 16px;
}
#latests ul li {
width:100%;
}
#latests .candidate {
margin-bottom: 10px;
}
#latest .latest-candidate h1 {
font-size: 14px;
}
.latest-candidate .border {
left: 10%;
}
.latest-candidate .border1 {
right: 6%;
}
footer .info, footer .con, footer .use {
width: 100%;
max-width: 100%;
}
.powered {
padding: 15px 0 50px;
}
footer {
padding: 34px 0;
}
footer .matter img{
text-align:left;
margin:0;
}
#about .about-content ul {
right: 25%;
left: 25%;
text-align: center;
}
.paddleft {
padding-left: 15px;
}
#abouts .team ul li {
width: 100%;
margin-bottom: 10px;
}
#jobs .jobs-content ul {
right: 23% !important;
left: 23%;
text-align: center;
}
.padd0 {
padding: 15px;
}
.rightside .latest-post .border {
width: 143px;
}
.rightside .latest-post .border1 {
width: 143px;
}
.blog-detail .comment ul li a {
font-size: 12px;
}
.blog-detail .tags ul li{
margin-bottom:15px;
}
.blog-detail .commentbox .profile {
min-height: 395px;
}
.blog-detail .commentbox .replybox li a {
font-size: 11px;
}
.blog-detail .commentbox .form .buttons .btn-primary {
width: 80%;
}
.comment .float-left, .comment .float-right{
float:none !important;
text-align:center;
}
#contact .contact-content ul {
right: 23%;
left: 23%;
text-align: center;
}
#contact-form .form .buttons .btn-primary {
width: 87%;
}
#contact-form .detail {
margin-top: 20px;
}
#job .form1 .keyword {
width: 100%;
}
#job .form1 .keyword .btn-primary, #job .form1 .keyword .btn-success, #job .form1 .keyword .btn-danger, #job .form1 .keyword .btn-warning {
margin-bottom: 10px;
}
.joblist img {
float: none;
width:100%;
}
.joblist .metter {
margin-left: 0px;
min-height: 250px;
}
.joblist .btn-info {
margin: 2px 0 17px;
}
#login .login-content ul {
right: 25%;
left: 25%;
text-align: center;
}
#login-form .form .buttons .btn-primary, #submit-job-form .submit-form .buttons .btn-primary {
width: 100%;
}
#submit-job .submit-job-content ul {
right: 21%;
left: 21%;
text-align: center;
}
.pagination > li > a, .pagination > li > span {
width: 30px;
}
.rightside .border {
left: 5%;
}
#submit-job-form .submit-form {
padding: 45px 15px 59px 15px;
}
.powered, .header4 .powered {
text-align:left;
}
.powered img {
margin: 0;
}
footer h5{
font-size:16px;
margin:15px 0;
}
footer a{
font-size:13px;
}
footer .info li, footer .use li, footer .con li{
padding:0 0 15px;
}
.socialicon{
margin-left:0px;
}
header .button-login{
margin:15px 0 5px;
}
#menu .nav > li > a{
font-size:16px;
}
#menu .nav > li > a:hover{
color:#000;
}
#header2 .slideshow .slider-caption{
width:auto;
}
#contact-form .form, #contact-form .detail{
padding:45px 20px;
}
#contact-form .form .buttons{
text-align:left;
}
#contact-form .form .form-group label{
margin:10px 0;
}
#submit-job-form .submit-form .fb i, #submit-job-form .submit-form .twitter i, #submit-job-form .submit-form .google i{
padding:18px 10px;
}
#abouts .mission p{
padding:0px 10px;
}
img{
margin:0 auto;
}
#header2 .browse .browse-job li {
margin:0 auto 5px;
min-width:100%;
min-height:115px;
padding:25px 0;
}
#header2 .browse .browse-job li:hover{
margin:0 auto !important;
min-width:100%;
min-height:115px;
}
#header2 .browse .matter1 a span{
font-size:14px;
}
#header2 .photo{
margin:10px 0;
}
#header2 #menu .menutext {
color: #fff !important;
}
#header2 .navbar-toggle i{
color:#fff !important;
}
#header2 .subscribe input {
min-width: 140px;
}
#header2 .slideshows .slider-caption {
width: 295px;
}
#header2 .flickers {
width: 100%;
}
#header2 footer .matter {
width: 100%;
}
#submit-job-form .submit-form .form-group label{
margin:10px 0;
}
.joblist .metter .float-left{
width:100%;
}
.joblist .metter .float-right{
float:left !important;
}
.joblist .btn-info{
width:100%;
display:inline-block;
margin:10px 0;
}
.joblist .metter p{
font-size:12px;
line-height:18px;
}
.blog-detail .commentbox ul li img{
float:none;
margin:0 auto;
}
.blog-detail .commentbox .profile,.blog-detail .commentbox .sam{
margin-left:0px;
text-align: center;
}
.blog-detail .commentbox .form{
padding:45px 15px 59px;
}
#job .form1 .sort, #job .form1 .show, #job .form1 .category {
margin-bottom: 20px;
}
#job .form1 {
padding: 20px 0px 20px;
display:block;
}
#menu .dropdown-menu a {
font-size: 14px;
}
.product-list .product-box .image {
float: none;
}
.product-list .product-box .matter {
margin-left: 0px;
text-align:left;
}
.product-list .product-box .matter p {
font-size: 13px;
}
.product-list .product-box .btn-info {
margin-right: 9px;
width: 104px;
}
.follow, .need{
padding:0;
}
.jobsearch {
min-height: 376px;
}
.jobsearch .paddleft, .jobsearch .padd0{
padding:0;
}
.jobsearch .form-control {
margin-bottom: 10px !important;
}
.jobsearch .btnsrch {
float: none;
width:100%;
}
.canditate ul {
right: 25%;
left: 25%;
text-align: center;
}
.candidate-single img{
margin-bottom:20px;
}
.candidate-single .matter .table {
width: 89%;
}
.candidate-single .matter span, .candidate-single .matter .table tr td{
line-height:18px !important;
}
.candidate-single .matter .table tr td{
font-size:13px;
}
.candidate-single .float-left, .candidate-single .float-right{
float:none !important;
}
.candidate-single .btn-primary{
margin-bottom:20px;
}
.similar-candidate h1 {
font-size: 18px;
}
.similar-candidate .border1, .similar-candidate .border {
width: 184px;
}
.canditate-profile .nav-tabs {
padding: 22px;
}
.canditate-profile .nav-tabs > li {
margin-bottom:10px !important;
}
.canditate-profile .nav-tabs > li:nth-child(1) > a {
padding: 22px 70px;
}
.canditate-profile .nav-tabs > li:nth-child(2) > a {
padding: 22px 50px;
}
.canditate-profile .nav-tabs > li:nth-child(3) > a {
padding: 22px 61px;
}
.canditate-profile .nav-tabs > li:nth-child(4) > a {
padding: 22px 30px;
}
.canditate-profile .nav-tabs > li:nth-child(2), .canditate-profile .nav-tabs > li:nth-child(3), .canditate-profile .nav-tabs > li:last-child {
margin: 0 0 0 0px;
}
.employee ul {
right: 25%;
left: 25%;
text-align: center;
}
.employe-box {
min-height: 146px;
}
.blog-detail .commentbox .form .button .btn-primary {
width: 200px;
}
#abouts .team .client .soical li {
width: 29px;
height: 29px;
padding: 3px 6px;
}
#contact-form .detail a {
font-size: 15px;
}
.slider-caption .paddright{
padding-right:15px;
}
#menu .navbar-collapse.in {
overflow-y: hidden !important;
}
.job-form .form-group input{
margin-bottom:10px;
}
.candidate .matter ul li {
padding: 0 10px 0 0;
}
#job .padd0{
padding:15px 0;
}
.product-list .product-box .matter ul li {
padding: 0px 10px 0 0;
line-height: 22px;
}
#abouts .inner img{
margin-bottom:20px;
}
#login-form .form .form-group a{
margin-top:10px;
}
/*new code add start here*/
.homepage2 .top .float-left, .homepage2 .top .float-right {
float: none !important;
text-align: center;
}
.homepage2 header {
text-align: center;
}
.homepage2 header .btn-resume {
position: relative;
margin: 20px 0 0;
}
.homepage2 #menu {
margin: 0 0 20px;
background: #DD4554;
}
.homepage2 #menu .nav > li, .header1 #menu .nav > li {
display: block;
text-align: left;
}
.homepage2 #menu .navbar-nav {
text-align: left;
}
.homepage2 #menu .nav > li > a, .header1 .menu #menu .nav > li > a {
padding: 0 0 13px;
}
.homepage2 .slideshow .sliders {
bottom: 0px;
position: relative;
background: #f5f5f5;
padding: 30px 0px;
}
.homepage2 .slideshow .sliders h1 {
font-size: 24px;
color: #000;
}
.homepage2 .slideshow .slider-text .form-control{
margin-bottom: 10px;
}
.homepage2 .slideshow .sliders p {
margin: 0 0 18px;
font-size: 14px;
color: #000;
}
.homepage2 .slideshow .slider-text{
min-height: auto;
}
.homepage2 .slideshow .slider-text .btnsrch {
padding: 20px;
font-size: 18px;
}
.homepage2 .slideshow .slider-text .padd0 {
padding: 0px;
}
.create .box, .recent-post .btn-primary, .getin .box {
margin-bottom: 30px;
}
.create {
padding: 50px 0 20px;
}
.recent-post {
padding: 80px 0 50px;
}
.products h1 span {
float: none;
display: block;
margin-top: 5px;
}
.products .applynow li, .product-list-view .tags li {
width: 100%;
}
.products .applynow li + li, .product-list-view .tags li + li {
margin-left: 0;
margin-top: 5px;
}
.recent-post .resumes h4 {
font-size: 24px;
}
.jobcategory .box .icon {
float: none;
width: 120px;
height: 145px;
padding: 40px 25px;
margin: 0 auto;
}
.jobcategory .box{
text-align: center;
}
.jobcategory .box h4 {
font-size: 19px;
}
.jobcategory .box p, .jobtesti .box p, .getin .box p, .testimonial .comment-detail {
font-size: 16px;
}
.jobtesti {
padding: 0px;
}
.jobtesti .owl-nav .owl-next, .jobtesti .owl-nav .owl-prev{
display: none;
}
.jobtesti .box p {
font-size: 16px;
margin: 0 0 15px 0;
}
.allresume ul li {
width: 100%;
}
.allresume ul li +li {
margin-left: 0px;
margin-top: 30px;
}
.footer2 {
padding: 28px 0 58px;
}
.footer2 h4 {
margin: 20px 0 24px;
}
.slider-text > .row{
margin:0 !important;
}
.footer2 .latestblog, .footer2 .latestlink, .footer2 .keepup, .footer2 .contactus, .footer4 .info {
width: 100%;
max-width: 100%;
}
#header2 #menu .navbar-toggler i{
color:#fff;
}
.footer2 h4 {
font-size: 22px;
}
.footer2 ul li {
font-size: 14px;
}
.homepage2 .powered .text-right{
text-align: center;
}
.homepage2 .powered .subscribe {
padding: 0;
}
.header1 .button-login {
margin: 10px 0 20px;
}
.header1 .slide-detail h1 {
font-size: 32px;
margin-top: 30px;
color: #000;
text-align: center;
}
.product-list-view .matter .float-left, .product-list-view .matter .float-right{
float:none !important;
}
.product-list-view .btn-info{
margin-bottom: 20px;
}
.header1 .slideshow img{
height: auto;
}
.header1 .slide-detail {
position: relative;
background: #f5f5f5;
padding: 0 0 30px;
}
.header1 .slide-detail .bootstrap-select.form-control:not([class*="col-"]) {
min-width: 100%;
margin-bottom: 10px;
}
.header1 .slide-detail .btnsrch {
width: 100%;
margin: 0 auto 20px;
}
.header1 .slide-detail .bg {
padding: 30px 30px;
}
.footer4 .use, .footer4 .info {
margin-right: 0;
}
.footer4 .contact ul li a {
font-size: 16px;
}
.footer4 .socialicon li {
width: 40px;
height: 40px;
margin-right: 10px;
}
.footer4 .socialicon li .fa {
top: 10px;
left: 11px;
}
.header1 .powered{
text-align: center;
}
.banner h1 {
top: 21%;
font-size: 24px;
}
.listpage1 .breadcrumb .sort .search-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option {
text-align: left;
}
.listpage1 .breadcrumb .sort .btn-group button {
padding: 0 5px;
}
.listpage1 .breadcrumb .sort .btn-group label {
font-size: 14px;
}
.listpage1 .breadcrumb .sort .btn-group .fa {
font-size: 22px;
}
.detail_search .input-group {
width: auto;
}
.detail_page .banner img {
min-height: 125px;
}
.detail_page .bgcontent .tab-part li {
width: 49.5%;
}
.detail_page .bgcontent .heading .float-right{
float: none !important;
margin-top: 5px;
}
.detail_page .bgcontent .description-box h3 {
font-size: 25px;
}
.detail_page .bgcontent .description-box p {
font-size: 14px;
}
.detail_page .bgcontent .description-box ul, .detail_page .bgcontent .description-box ol, .company_page .description-block .description-box ol {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.detail_page .bgcontent .description-box ul li {
font-size: 16px;
}
.detail_page .bgcontent .about-block img {
float: none;
margin: 0 auto;
display: block;
}
.detail_page .bgcontent .about-block .description-box {
margin-left: 0px;
}
.detail_page .bgcontent .description-box ol li {
padding-right: 0px;
}
.detail_page .bgcontent .related-block .products {
margin: 30px 0px 0;
}
.detail_page .bgcontent .description-box {
padding: 30px 30px 30px;
}
.topsearch .censearch{
width: auto;
}
.bread-crumb {
right: 0;
left: 0;
text-align: center;
}
.searchfilter, .searchfilter .bg {
padding: 0px;
}
.topfilter ul li{
margin-bottom: 5px;
font-size: 12.14px;
}
.searchfilter .bg1{
padding: 30px 10px;
}
#myModal .modal-lg {
width: 100%;
}
#myModal .panel-group {
margin-bottom: 20px;
}
.company_page .profile-bg {
position: relative;
width: auto;
}
.company_page .heading-detail {
position: relative;
top: 0;
right: 0;
background: #000;
padding: 10px 10px 50px;
text-align: center;
}
.company_page .bread-crumb {
position: relative;
bottom: 38px;
float: none;
}
.company_page .heading-detail p {
font-size: 12px;
width: 100%;
float: none;
}
.company_page .contactinfo .bg ul li {
font-size: 16px;
}
.company_page .number-box ul li {
width: 100%;
}
.company_page .number-box ul li + li {
margin-left: 0px;
margin-top: 10px;
}
.company_page .description-block .description-box {
padding: 30px 30px;
}
.company_page .description-block .description-box ol{
padding: 0px;
}
.company_page .detail_search .input-group {
width: auto;
margin-bottom: 20px;
}
.company_page .number-box ul li h5 {
font-size: 19px;
}
.company_page .number-box ul li p {
font-size: 14px;
}
.company_page .number-box ul li button {
font-size: 16px;
padding: 12px 30px;
}
.company_page .number-box ul li{
min-height: auto;
}
.company_page .description-block .description-box ol li{
text-align: center;
}
.company_page .description-block .description-box ol li::before {
display: block;
float: none;
margin: 0 auto;
}
.company_page .description-block .description-box ol li p {
margin: 0px;
}
.homepage2 .slideshow img {
min-height: auto;
height: auto;
}
.listpage1 .breadcrumb .sort .search-bar .bootstrap-select.form-control:not([class*="col-"]) {
border-left: none;
}
#myModal {
top: 646px;
}
/*new code add end here*/
}
/*new code add start here*/
@media (min-width:320px) and (max-width:414px){
.detail_page .bgcontent .description-box ol li .fa {
margin-left: -8%;
}
}
@media (min-width:320px) and (max-width:360px){
.pagination > li > a, .pagination > li > span {
width: 28px;
margin-right: 5px;
padding: 8px 8px;
}
.banner h1 {
top: 12%;
}
.detail_page .bgcontent .description-box ol li .fa {
margin-left: -11%;
}
}
.dropdown-toggle::after{
border:none;
}
@media(min-width:767px){
.menutext{display:none;}
}
/*new code add end here*/
@media only screen and (min-width: 600px) and (max-width: 766px) {
#menu .menutext {
display:none;
}
.padd0 {
padding: 0px !important;
}
#menu .nav > li > a {
font-size: 12px !important;
text-transform: capitalize;
}
#menu .nav > li {
margin: 0 0px 0 0 !important;
}
#menu{
background:transparent !important;
}
#logo {
margin: 20px 0;
}
header .button-login .btn-default, header .button-login .btn-primary {
padding: 12px 5px !important;
font-size: 10px !important;
}
.slider-caption .form-control {
min-width: 100px !important;
}
.subscribe .btn-default {
font-size: 12px !important;
padding: 7px 5px !important;
}
.socialicon li {
margin-right: 1px !important;
padding-top: 0px !important;
}
footer .info,footer .use{
max-width:30%;
}
footer .matter {
margin-right: 0;
}
.powered{
text-align:center;
padding-top:20px;
}
}