/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Hanlding Updates

-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Spartan&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/*@font-face{ font-family:ProductSans-Regular; background:url(../images/ProductSans-Regular.ttf)}*/


/*font-family: 'Rubik', sans-serif;*/

/*font-family: 'Oswald', sans-serif;*/

/*font-family: 'Spartan', sans-serif;*/

/*font-family: 'Montserrat', sans-serif;*/

body { /*font-family: 'Roboto', sans-serif !important;*/  font-family: "Catamaran", sans-serif !important; font-size:500 !important; letter-spacing:0.75px; color:#000; font-size: 1rem !important;  }

h1,h2,h3,h4,h5,h6 { font-weight:600 !important; /*font-family: 'Staatliches', cursive !important;*/font-family: "Plus Jakarta Sans", sans-serif !important;}

p { font-size:14px !important;}

.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}

#content {overflow: none !important;}

#top-bar {background:#192D4D;}

.top-links ul li, #top-social li {border-left: 1px solid #2f538d;}

.top-links li > a, #top-social li a {color:#fff; letter-spacing: 1px; /*text-transform:uppercase !important;*/}

.top-links li:hover { background-color: #99a9b6;}

#header 

{
background: #fff; 
}

.header-extras li .he-text span {color: #487FD9;}

.i-plain {color: #d74343;}

.header-extras li .he-text {letter-spacing: 0.75px;}

#header.sticky-style-2 #header-wrap {
    height: 60px;
    background: #d65358;
	/*overflow:auto;*/
}

#primary-menu.style-2

{
background: #d54044; 
background: -moz-linear-gradient(top,  #d54044 0%, #c20106 100%); 
background: -webkit-linear-gradient(top,  #d54044 0%,#c20106 100%); 
background: linear-gradient(to bottom,  #d54044 0%,#c20106 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d54044', endColorstr='#c20106',GradientType=0 ); 

}

#primary-menu ul > li a { color:#fff !important;}

#primary-menu ul li .mega-menu-content { background:#89c2fb !important;}

#primary-menu ul ul li:hover > a { color:#fff !important;}

#primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content {
    width: 720px;
    max-width: 250px !important;
}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a

{ color:#fff !important;}

#footer

{

	background:url(../img/footer-back.jpg) top center no-repeat !important;
	
	background-size:cover !important;
	
	/*background:#8D2449 !important;*/

}

.widget > h4 {
    margin-bottom: 35px;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform:capitalize;	
}
.widget > h4::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 40px;
    background: #FA196B;
    top: 40px;
}
.widget > h4::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 70px;
    background: #FA196B;
    /*bottom: -15px;*/
	top: 40px;
    left: 45px;
}
h4.fot::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 40px;
    background: #FA196B;
    top: 40px;
}
h4.fot::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 70px;
    background: #FA196B;
    /*bottom: -15px;*/
	top: 40px;
    left: 45px;
}

.m10{margin-bottom:10px;}

.widget_links li a { color:#fff; /*font-family: 'Roboto', sans-serif;*/ font-size: 16px;}

.widget_links li a:hover { color:#f71a6b;}

.fot_clor { background:#f71a6b; border-radius:50%; color:#fff; padding:10px;}

#footer .footer-widgets-wrap { padding: 40px 0;}

.dark .footer-widgets-wrap a, .dark .footer-widgets-wrap a.phone { color: #fff;}

.dark .footer-widgets-wrap a:hover, .dark .footer-widgets-wrap a.phone:hover { color: #f71a6b;}

.dark .widget_links li a { color: #fff !important;}

.dark .widget_links li a:hover { color: #f71a6b;}

ul.foot-nav li {
    background: url(../img/foot-iist-icon.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 2px 10px;
    padding-left: 25px;
	line-height:25px !important;
}

.follow-us li {

    padding: 0px !important;

	    list-style: none;

    margin: 0 10px;

}

.fot {

    font-size: 34px;

}

.follow-us {

    display: inline-flex;

    margin-left: -12px !important;

   margin-bottom: 0;

}

.dark .widget h4, .widget p, .dark .tagcloud a { color:#fff !important;}

.dark #copyrights

{

	background:/*#821c40 !important;*/#192d4d !important;

	color:#fff !important;
	
	padding: 15px 0 !important;

}

#copyrights.tleft{text-align:left !important;}

#copyrights.tright{text-align:right !important;}

.before-heading {

    font-size: 17px !important;

    /*font-family: 'Crete Round', serif !important;*/

    font-style: italic !important;

    font-weight: 400;

    color: #000;

}

/*h1, h2, h3, h4, h5, h6 {

    color: #444;

    font-weight: 600;

    line-height: 1.5;

    margin: 0 0 30px 0;

        margin-bottom: 30px;

    font-family: 'Raleway', sans-serif;

}*/

.entry-title h2 a { color:#147de6 !important;}

.entry-title h2 a:hover { color:#ffa500 !important;}

.active

{

	color:#ffd7d6 !important;

}

/*body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a

{

	color:#fff000 !important;

}*/

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content { background:#052c82  !important;}

#primary-menu ul ul li:hover > a { background:#a90303 !important;}


#primary-menu ul li .mega-menu-content.style-2 ul li > a {
    padding-left: auto !important;
    padding-top: auto !important;
    padding-bottom: auto !important;
	text-transform: capitalize;
}

.marbt0 { margin-bottom:0px !important;}

.mar-right { margin-right:0% !important;} 

.mar-left { margin-left:2% !important;} 

.text-red { color:#ff0000;}

/***Page css***/

.pull-right {

    float: right !important;

}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

}

.pagination > li {

    display: inline;

	/*background:red;*/

	padding:5px;

}

.pagination > li a{ color:#000 !important;}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {

    border-bottom-left-radius: 3px;

    border-top-left-radius: 3px;

	padding:5px;

	color:#fff !important;

}

.pagination > li:first-child > a, .pagination > li:first-child > span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px;

}

/*.border-color, .process-steps li.active a, .process-steps li.ui-tabs-active a, .tagcloud a:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    border-color: #AC4147 !important;

}*/

/***Page css***/

.ch-box { margin-bottom:10px;}/*border:5px double #ccc;*/

.mar20 { margin-top:20px !important;}



@media only screen and (min-width: 320px) and (max-width: 767px)  

{

#header.sticky-style-2 #header-wrap

{

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f24783+0,61142f+100 */
background: #f24783; /* Old browsers */
background: -moz-linear-gradient(top,  #f24783 0%, #61142f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f24783 0%,#61142f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f24783 0%,#61142f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24783', endColorstr='#61142f',GradientType=0 ); /* IE6-9 */
}

.employe-block, .candidate-block { width:100%;}

.search-slt {width: 100% !important;}

div#job-bdy-cont .col-md-9 ul.nav.nav-pills {position:relative !important; right:0px;}

}

@media only screen and (min-width: 481px) and (max-width: 1920px)  

{

.sel-inline { display:flex;}

}

.h1-wh { color:#fff; font-size:27px;}

.mb0 { margin-bottom:0px;}

/*.wave {
    background:url(../images/wave_blue.gif) left top #f6faff repeat-x;
}*/

/*#footer::before {
    content: '';
    position: absolute;
    background: url('../images/wave_blue.png');
        background-repeat: repeat-x;
        background-size: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;    
    top: -50px;
    z-index: 9;	
}*/
.bk_clr { color:#000 !important;}

.wh_clr { color:#fff !important;}

.hero-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    padding: 18px 20px;
    margin-bottom: 28px;
    background-color: #ffffff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12),0 1px 4px 0 rgba(0,0,0,0.06);
}

.hero-card > h1 {
    margin: 0;
    line-height: 1.5;
    font-weight: 700;
    font-size: 1.5em !important;
}
.text-primary {
    color: #444444;
}

.hero-card > h2 {
    margin: 8px 0 20px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 1.1em !important;
    height: 100%;
}

.org-clr { color:#fb5c24 !important;}

.section-20 { padding:20px !important;}

.section-30 { padding:30px auto !important;}

.ph1 {
    margin: 0;
    line-height: 1.5;
    font-weight: 500 !important;
    font-size: 1.5em !important;
}

/*.swiper_wrapper .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url('../images/pattern2.png') repeat;
}*/
.h-15 { font-size:none !important;}

/*#page-title { padding: 100px 0 40px 0px !important;}
*/
.cw60 { padding: 60px 0 !important;}

.cw30 { padding: 30px 0 !important;}

.cw20 { padding: 20px 0 !important;}

.cw10 { padding: 10px 0 !important;}

.cw0 { padding: 0px 0 !important;}

#page-title h1 {text-transform:capitalize !important;}

.pd0 { padding:0px !important;}

.col-md-3.counter-efct .counter { font-family: 'Rubik', sans-serif;}

.cmy-name-venue {font-size: 15px; color: blue;}

.top-hire-cmpny a.openings-btn {font-size: 14px !important; font-weight: 500;}

a.add-resme-btn {font-size: 16px !important; font-weight:500 !important;}

div#feature-1 h4 { font-size: 20px;   color:#cd262a !important;}

span.cmpny-call {color: blue !important; font-family: 'Roboto Condensed', sans-serif; font-weight:500 !important;}

span.exp-dtl {font-family: 'Roboto Condensed', sans-serif; font-weight:500 !important;}

.employe-block {
    background: url('../images/emp-bg.png') !important;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.candidate-block {
    background: url('../images/cand-bg.jpg') !important;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.employe-block a, .candidate-block a { font-size:16px !important; font-weight: 500 !important;}

.employe-block a:hover, .candidate-block a:hover { color:#FFFF00 !important;}

.heading-block h3 { text-transform:capitalize !important;}

.button {font-size: 16px !important; font-weight: 500 !important; text-transform: capitalize !important;}

.sh4 { margin-top:15px !important;}

.sul { list-style:none;}

.promo.promo-dark { background-color: #1c3877; padding:0px !important;}

.wh-ft { color:#fff !important;}

.promo.promo-dark > .container > span { margin-top: 0px !important;}