/* html, body {min-width: 1024px; width: 100%;} */
body {
      font: 500 16px Verdana, sans-serif;
      line-height: 1.8;
	  color:#000;
	  overflow-x:hidden;
}
 
.jumbotron{	 
	background:  url("/layout/eotw_2017/img/globe-background.jpg") center center;
	-webkit-background-size: cover;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.jumbotron-franchise{
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #eceeef;
	border-radius: 0.3rem; 
	background:  url("../img/franchise-home.jpg") center center;
	-webkit-background-size: cover;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
@media (min-width: 576px) {
   .jumbotron-franchise {
       padding: 4rem 2rem;
    }
} 

.jumbotron-hr {
    border-top-color: #d0d5d8;
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
} 
.container-fluid {
	padding:0px 0px; 
  }
  
.nav-tabs>li>a{
	background-color:#c09346;color:#fff;
}
.nav-tabs>li>a:hover {
background-color:#333
} 
.nav-tabs>.pull-right>a{
	background-color:#333;color:#fff;
}
.nav-tabs>.pull-right>a:hover {
background-color:#c09346
} 
/*nav-tab pull-right on small screen left*/
@media (max-width: 500px) {
 .on-sm-left {
    float: left!important;
  }
  .nav-tabs li{margin-top:2px}
}
/* style from the other css file */ 
.warning, .warning a:link, .warning a:visited, .warning a:active, .warning a:hover {
    color: crimson;
}
.boxtitle, .boxtitle_green, .boxtitle_gray, .boxtitle_blue, .boxtitle_red, .boxtitle_black {
    background-color: #444444;
}
.boxtitle, .boxtitle_green, .boxtitle_gray, .boxtitle_gold, .boxtitle_blue, .boxtitle_red, .boxtitle_black {
    height: 25px;
    padding: 0px;
    padding-left: 8px;
    border-bottom: 2px solid white;
    padding-bottom: 2px;
}
.titleheading {
    color: white;
    font-size: 15px;
    font-weight: bold;
}
.boxcontent, .boxcontent_green, .boxcontent_blue, .boxcontent_gold, .boxcontent_gray, .boxcontent_black, .boxcontent_red {
    border: 4px solid #eeeeee;
    padding: 5px;
}

/* buttons style from the other css file */ 
.button_big_gold, .button_big_gold_hover {
	height:30px; padding:0px 5px;
	color:#ffffff; font-weight:bold; text-decoration:none;
	cursor: pointer; background-repeat:repeat-x; overflow: visible;
	border: 2px solid #111111; text-transform:uppercase;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}

.button_main, .button_main_hover,
.button_orange, .button_orange_hover,
.button_green, .button_green_hover,
.button_grey, .button_grey_hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(0.5, #555555), color-stop(0.5, #000000), color-stop(1, #222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #777777 0%, #555555 50%, #000000 50%, #222222 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(center top, #777777 0%, #555555 50%, #000000 50%, #222222 100%); /* FF3.6+ */
	background:      -o-linear-gradient(center top, #777777 0%, #555555 50%, #000000 50%, #222222 100%); /* Opera 11.10+ */
	background:         linear-gradient(to bottom,  #777777 0%, #555555 50%, #000000 50%, #222222 100%); /* W3C */
	background-color:#1c1c1c;
}
.button_main, .button_main_hover, .button_orange, .button_orange_hover, .button_green, .button_green_hover,
.button_blue, .button_blue_hover, .button_grey, .button_grey_hover, .button_gold, .button_gold_hover,.button_big_hover, .button_big_gold, .button_big_gold_hover {
    height:30px;
    padding:0px 5px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    background-repeat: repeat-x;
    overflow: visible;
    border: 2px solid #111111;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
ul.eotw{
  list-style-type: none;
  margin: 0;
  padding:6px;
}
li.eotw, .gold li {
    background-image: url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/Arrow-Gold.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-bottom: 8px;
    padding-left: 12px;
}

/* big button */
.button_big{ 
	height:40px;
	padding: 0px 35px 0px 17px;
	background-position: right;
	background-repeat:no-repeat;
	font-size:1em;	
	background-color: #c09346;
	border: 2px solid #c09346;
	color: #000;
}
.button_big:hover{ 
	background-color: #333;
	color: #fff;
	border: 2px solid #c09346
}

/* big gold with arrow */
.button_big_gold, .button_big_gold_hover { /* main */
	background-image:url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/big_black.gif);
	background:url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/big_black.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0, #eaddbd), color-stop(0.5, #d6aa55), color-stop(0.5, #C09346), color-stop(1, #C09346)); /* Chrome,Safari4+ */
	background:url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/big_black.gif), -webkit-linear-gradient(center top, #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* Chrome10+,Safari5.1+ */
	background:url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/big_black.gif),    -moz-linear-gradient(center top, #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* FF3.6+ */
	background:url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/big_black.gif),      -o-linear-gradient(center top, #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* Opera 11.10+ */
	background:url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/big_black.gif),         linear-gradient(to bottom,  #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* W3C */
	background-color:#C09346;
	border: 2px solid #C09346;
}
.button_big, .button_big_hover, .button_big_gold, .button_big_gold_hover {
    height: 40px;
    padding: 0px 35px 0px 17px;
    background-position: right;
    background-repeat: no-repeat;
    font-size: 18px;
}
/*-------------------------------*/
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
    /*   margin: 70px 0; */
  }
    
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #ccc; 
      border-radius:0 !important;
      transition: box-shadow 0.6s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  
  .panel-heading {
      color: #fff !important;
      background-color: #333!important;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
	  text-align:center;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  
  /*----------------------*/
 .panel-1 {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body1 {
  padding: 15px;
}
.panel-heading1 {
  padding: 10px 15px;
  background-color: #c09346!important;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color:#fff
}
.container #buy-now {
	border:5px solid #c09346;	
	border-radius: 15px;	
	background-color: #c09346;
	color:#fff;	
	padding-top: 1em;
	padding-bottom: 1em;
 }

  /* ----- Navbar ----- */  
.navbar {	 
  margin-bottom: 0;
  background-color: #fff;
  z-index: 9999;
  border-top: 0;
  border-bottom: 3px solid #333;
  font-size: 1.6rem; 
  letter-spacing: 1px;
  border-radius: 0;
  font-weight: bold;
  text-align:center;
}

.navbar li a, .navbar .navbar-brand {
  color: #000 !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
  color:#fddba0 !important;
  background-color: #000 !important;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #fff !important;
}
/* .nav-list { border-bottom: px solid #eee; }
.nav-list > li { padding: 20px 15px 15px;} */

.nav-list > li > a:hover { text-decoration: none; text-align: left }


.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 20px 15px 15px;
  text-align: left;
  width: 100%;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;   
    display: none;
    text-align:center;
    min-width: 160px;  
    margin: 2px 0px 0px;
    font-size: 1em;
    list-style: none;
    background-color: white; 
}
.dropdown-menu li  a { 
	display: block; 
	background-color: #eee;
	padding: 5px
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.box-1 {
	padding: 20px 10px 10px;

 }
  
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
 .btn-lg {
        width: 75%;
       margin:auto;
    }
  }
  
.carousel-caption1 {
    position: absolute;  
    bottom: 0px; 
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
   
}	
 .job-search-bar{border-bottom:5px solid #c09346}
  .carousel-caption {
     margin-bottom:50px;
    }
 

 
 /* sections css */ 
#discipline .col-md-4 {
	text-align:left;
	line-height: 2;
	}
#discipline a{color:#000;}
.fa-circle {
    color: #c09346;
    padding: 5px 0px 0px 8px;
 } 

 
 @media screen and (max-width: 1300px) {
	.buy-now{
		font-size:14px
	}
 }
 
@media screen and (max-width: 990px) {
  #discipline .col-md-4 {
       text-align:justify;
	   padding-left: 250px
    }
	
	 .carousel-caption {
     margin-bottom:0px;
    }

}

@media screen and (max-width: 850px) {
  #discipline .col-md-4 {
       text-align:justify;
     padding-left: 150px
    }
	.carousel-caption1 img{
		width:70%
	}
	
}

@media screen and (max-width: 700px) {
  #discipline .col-md-4 {
       text-align:justify;
     padding-left: 75px
    }

}	

@media screen and (max-width: 660px) {
  #discipline .col-md-4 {
       text-align:justify;
     padding-left: 0px
    }
}

.fa-angle-double-up {color: #c09346;} 
 

#ads{width:80%; margin:auto; }
 
#category a{color:#000;margin:1em; text-align: left}
#category .fa{font-size:1.5em; padding-right:10px;color:#c09346}
#category .col-sm-3{padding-bottom:1em}
#about, #featured_jobs{
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

.element{
  position: relative;
  top: 50%;
  transform: translateY(-40%);
}
 .feat-jobs {
	border: 1px solid #888;
	border-radius:5px;
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
}

#feat-jobs{margin-bottom:10px}
	
.container #section-contact {
	border-color:#c09346;
	border-width: 5px;
	border-radius: 15px;
	border-style: groove;
	background-color: #333;
	color:#fff;	
	padding-top: 1em;
	padding-bottom: 1em;
 }
 /*  ---------- Footer --------- */ 
footer .glyphicon {
    font-size: 20px;
    margin-bottom:20px;
    color: #f2cd75;
  }
  

.btn-gold {
	background-color: #c09346!important;
	color: #fff!important;
  border: 2px solid #c09346;
  transition: all ease 0.2s;
 }
.btn-gold:hover {
	background-color: #333!important;
	color: #fff!important;
  border: 2px solid #c09346;
}

.btn-asphalt {
	background-color: #333!important;
	color: #fff!important;
	border: 2px solid #c09346;
  transition: all ease 0.2s;
 }
.btn-asphalt:hover {
	background-color: #c09346!important;
	color: #fff !important;
	border: 2px solid #333;
}
.text-gold{color: #c09346;}

.goldBar, .tbox_tab_green, .tbox_tab_blue, .tbox_tab_gold, .boxtitle_gold, .button_gold, .button_gold_hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eaddbd), color-stop(0.5, #d6aa55), color-stop(0.5, #C09346), color-stop(1, #C09346)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(center top, #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(center top, #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* FF3.6+ */
	background:      -o-linear-gradient(center top, #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* Opera 11.10+ */
	background:         linear-gradient(to bottom,  #eaddbd 0%, #d6aa55 50%, #C09346 50%, #C09346 100%); /* W3C */
	background-color:#C09346;
}

.panel-footer .btn-gold:hover{
	background-color: #333!important;
	color: #fff;
}
 
 #twitter {
	background-color:#eee;
	padding-top:5px; 
	padding-bottom:2px;
	box-shadow: 0px 0px 10px 3px grey;
 }

 #post-a-job{
	border-radius: 15px; 
	background-color:#1D1D1D; 
	background: linear-gradient(-180deg, #E1A149, #1D1D1D, #1D1D1D, #1D1D1D); 
	color:white; 
	padding: 5px 15px;
 }
 
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
 #boxes .panel {
   display: flex;
   flex-direction:column;
   align-content:stretch;
    width: 100%;   
}

#boxes .panel-body {	
   display: flex;
   flex-grow:1;
}

.row{display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;display:flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
 }
 
 @media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}}
 @media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}}
 @media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}}
 @media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}} 
 

 .container {
	 width: 90%!important;
	 margin: auto;
	 padding-top: 2em!important;
	 padding-bottom: 2em!important;
 }


.panel_1 {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}
.panel-2 {
    padding: 0 18px;
   border-radius: 20px;
   border:1px solid #c09346;
   
}

#contact_form .fa{font-size:1.5em}

/*-----------animation---------------------*/
 
  .slideanim-r {visibility:hidden;}
  .slide-r {
      animation-name: slide-r;
      -webkit-animation-name: slide-r;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide-r {
    0% { opacity: 0;transform: translateX(-70%);
    } 
    100% {opacity: 1;transform: translateX(0%);
    }
  }
  @-webkit-keyframes slide-r {
    0% {
      opacity: 0;
      -webkit-transform: translateX(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }
/* Animation */

  .slideanim-l {visibility:hidden;}
  .slide-l {
      animation-name: slide-l;
      -webkit-animation-name: slide-l;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide-l {
    0% {opacity: 0;transform: translateX(70%);} 
    100% {opacity: 1;transform: translateX(0%);}
  }
  @-webkit-keyframes slide-l {
    0% {opacity: 0;-webkit-transform: translateX(70%);
    } 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
  }
  
 /* boxes */
/*  * {
    box-sizing: border-box;
} */
.col-container {
	display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 16px;
}

.navbar-brand>img {
	 width: 100%;
   max-height: 90px;
   height: auto;  
   margin: 0 auto;
}
@media only screen and (max-width: 600px) {
    .col { 
        display: block;
        width: 100%;
    }
} 
 
@media screen and (max-width: 1200px) {
	.col { min-height:250px; }	
	.col-container { width:100%; }
	#feat-jobs{width:300px;margin:15px auto}
}

@media screen and (max-width: 900px) {	
	.col { min-height:320px; }
	#feat-jobs{width:200px;margin:15px auto}
	
}

@media screen and (max-width: 800px) {
	.col header { height:80px; }
	#feat-jobs{width:300px;margin:15px auto}
}

@media screen and (max-width: 660px) {
	.col { height:260px; }
	.col header { height:auto; }
    #feat-jobs{width:260px; margin:15px auto}
	body{font-size:14px}
	.navbar-brand>img {		
		width:180px	
	}
}
@media screen and (max-width: 420px) {
	.navbar-brand>img { width:180px }
	body{font-size:12px}	
	.home-searh{ margin-bottom:-25px}
	.home-searh .input-lg ,.home-searh .btn-gold{ height:30px;}
	.home-searh .btn-gold img{ display:none	}
	.nav-list > li { width:100%; padding: 2px;}
}
@media screen and (max-width: 320px) {
	.navbar-brand>img {		
		width:150px	
	}
	body{font-size:12px}	
	.home-searh{
		margin-bottom:-40px
	}
	 .home-searh .input-lg ,.home-searh .btn-gold{
		height:30px;		
	}
	.home-searh .btn-gold img{
		display:none		
	}	
	.nav-list > li { width:100%; padding: 2px;}
}


#twitter{min-width:300px;max-width:360px}
#post-a-job{min-width:300px;max-width:360px}
#membership td {text-align:center;vertical-align: middle;}
#membership th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
	vertical-align: middle;
    background-color: #333;
    color:#fff;
}
#membership td h4, p{text-align:left}

#table1 {
    border-collapse: separate;	
    border-spacing: 20px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #333!important;
}

/* Don't print link hrefs */
@media print {
  a[href]:after {
    content: none
  }
}

.jobtitle a { color:#c09346;font-weight:600;font-size:16px;text-decoration:none }

.jobtitle h3 { margin:0;display:inline; }

/* icons - needed for tick box included */
.icon { background: url(https://ecf294faa3d70718d77b-fb3fc0a454ad524bd49b9a6a1cc97b72.ssl.cf1.rackcdn.com/Icons.png) no-repeat top left; width:16px; height:16px; display:inline-block; vertical-align:middle; font-size:0px; }
.icon.expand{ background-position: 0 -778px; width: 9px; height: 9px; } 
.icon.collapse{ background-position: 0 -365px; width: 9px; height: 9px; } 
.icon.right{ background-position: 0 -1619px; width: 10px; height: 10px; } 
.icon.rright{ background-position: 0 -1633px; width: 10px; height: 10px; } 
.icon.left{ background-position: 0 -951px; width: 10px; height: 10px; } 
.icon.lleft{ background-position: 0 -985px; width: 10px; height: 10px; } 


.mg-1 {
  margin: 1em;
}

.mt-1 {
  margin-top: 1em;
}

.mb-1 {
  margin-bottom: 1em;
}

.ml-1 {
  margin-left: 1em;
}

.mr-1 {
  margin-right: 1em;
}

.mh-1 {
  margin-left: 1em;
  margin-right: 1em;
}

.mv-1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.warning-banner {
  background-color: crimson;
  color: white;
  padding: 4px 8px;
  margin: 5px auto;
}
.success-banner {
  background-color: limegreen;
  color: white;
  padding: 4px 8px;
  margin: 5px auto;
}