/* ---------------------------------------------------------------------
*	Author: Daniely Wright
*	Author URL: http://danielyewright.com
*	Theme Name: BootCORP - Responsive One-Page Business Theme
*	Version: 1.0
--------------------------------------------------------------------- */


/* Base Styles
--------------------------------------------------------------------- */

html {
width: 100%;
height: 100%;
}

body {
background-color: #f9f9f9;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
width: 100%;
height: 100%;
}


/* Headings & Titles */

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', sans-serif;
color: #333;
}


/* Paragraph & Typographic */

p {
line-height: 28px;
margin-bottom: 25px;
}

blockquote {
border: 0 !important;
}


/* Links */

a {
color: #d47c18;
word-wrap: break-word;
font-weight:700;
}

a:hover,
a:focus {
color: #5a86bf;
text-decoration: none;
outline: 0;

-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:before,
a:after {
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
transition: color 0.1s ease-in, background 0.1s ease-in;
}


/* Bootstrap Modifications */

.btn-theme {
background-color: #d47c18;
color: #fff;
}

.btn-theme:hover,
.btn-theme:focus {
background-color: #5a86bf;
color: #fff;
}


/* Navigation
--------------------------------------------------------------------- */

.navbar {
background-color: #333;
border: 0px solid #80bdf2;
}

.navbar .navbar-brand {
font-size: 20px;
font-weight: 700;
color: #808080;
}
.navbar .navbar-brand img {
margin-top:-20px;margin-left:30px;
}


.navbar .navbar-brand:hover {
color: #808080;
}

.navbar .navbar-brand span {
background-color: #80bdf2;
padding: 7px;
color: #fff;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.navbar .navbar-right {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;border:0px solid red;width:160px;margin-right:30px;
}

#Social a {color:#888;}
#Social a > i {color:#444;}
#Social a:hover {color:#d47c18;}


.navbar .navbar-right > li > a {
color: #80bdf2;
}

.navbar .navbar-right > li > a:hover,
.navbar .navbar-right > li > a:focus {
color: #808080;
}

.navbar .navbar-right > li.active > a,
.navbar .navbar-right > li.active > a:hover,
.navbar .navbar-right > li.active > a:focus {
background-color: transparent;
color: #808080;
}

@media (min-width: 767px) {
.navbar {
padding: 20px 0;
-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
/* Customize the look and feel of the collapsed top nav here */
padding: 0px;
}
}


/* Slit Slider
--------------------------------------------------------------------- */

.sl-slider-wrapper {
width: 800px;
height: 400px;
margin: -30px auto 0 auto;
position: relative;
overflow: hidden;border:0px solid red;
}

.sl-slider {
position: absolute;
top: 0;
left: 0;
}


/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} 

.sl-slide {
z-index: 1;
}


/* The duplicate parts/slices */

.sl-content-slice {
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
}


/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
width: 100%;
height: 50%;
left: -200px;
-webkit-transform: translateY(0%) scale(1);
-moz-transform: translateY(0%) scale(1);
-o-transform: translateY(0%) scale(1);
-ms-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
top: -200px;
padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
top: 50%;
padding: 0px 200px 200px 200px;
}


/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
width: 50%;
height: 100%;
top: -200px;
-webkit-transform: translateX(0%) scale(1);
-moz-transform: translateX(0%) scale(1);
-o-transform: translateX(0%) scale(1);
-ms-transform: translateX(0%) scale(1);
transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
left: -200px;
padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
left: 50%;
padding: 200px 200px 200px 0px;
}


/* Content wrapper. Width and height are set dynamically */

.sl-content-wrapper {
position: absolute;
}

.sl-content {
width: 100%;
height: 100%;
background: #fff;
}


/* Default styles for background colors */

.sl-slide-horizontal .sl-slide-inner {
background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
background: #ccc;
}


/* Wrap Sections
--------------------------------------------------------------------- */

.aboutwrap hr,
.serviceswrap hr {
padding-bottom: 80px;
width: 500px;
}


/* Intro Wrap */

.bannerwrap {
text-align: center;
background: #80bdf2;
}




/* Contact Wrap */

.contactwrap {
background: #fff;
}

.contactwrap .mapwrap {
background: url(../img/map.jpg) no-repeat center center;
background-size: cover;
width: 100%;
min-height: 450px;
display:none;
}

.contactwrap .mapwrap h2 {
font-size: 50px;
padding-top: 160px;
color: #fff;
}

.contactwrap .mapwrap hr {
width: 500px;
border-width: 3px;
}

.contactwrap i {
color: #80bdf2;
}

/****** SECTIONS *****/

#intro {
padding: 35px 0;
background:#fff;
color:#555;
}

#intro h3 {
font-weight: 300;color:#6698c2;font-size:35px;
}

#intro iframe {border:10px solid #ccc;}
#intro i {
color: #ff7878;
font-size: 30px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



#topTen {
background: #ccc;
padding-top: 30px;
padding-bottom: 70px; 
text-align: center;
}

#topTen h2 {
font-weight: 300;font-size: 30px;color:#D94A4A;
} 
#topTen h3 {
font-weight: 700;font-size: 18px;
} 
#topTen h4 {
font-weight: 700;font-size: 14px;
}

#topTen i.fa {
color:#eee;margin:20px 0 5px 0;}



.newJobs1 {border:0px solid red;float:right;margin-right:60px;}
.newJobs2 {border:0px solid blue;float:left;margin-left:-60px;}
ul.circles-list {
    list-style-type: none;
    padding: 0;border:0px solid green;width:300px;margin:0 auto
}
ul.circles-list > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 3.5em;
    min-height: 3em;
font-weight:700;text-align:left;
}
.circles-list span {
    position: absolute;
    top: -0.2em;
    left: 0em;
    width: 1.4em;
    height: 1.4em;
    font-size: 1.8em;
    line-height: 1.4;
    text-align: center;
    color: #f5f5f5;
    border-radius: 50%;
    background-color: #D44E5B;
}

#global {
background: #ccc;
padding-top: 30px;
padding-bottom: 70px; 
text-align: center;
}

#global h2 {
font-weight: 300;font-size: 30px;color:#466ea5;
} 
#global h3 {
font-weight: 700;font-size: 18px;
} 
#global h4 {
font-weight: 700;font-size: 14px;
}

#global i.fa {
color:#eee;margin:20px 0 5px 0;}

#global img {border:5px solid #555;}
#global img:hover {border:5px solid #d47c18}

#demo-accordion {margin-bottom:10px;}
#demo-accordion li {text-align:left;}
#demo-accordion li  h4 {font-size:20px;}
#demo-accordion ol {list-style-type:decimal;margin-left:20px;}


#charts {
padding: 55px 0;
background:#fff;
color:#555;
text-align: center;
}

#charts img {border:5px solid #555;}
#charts img:hover {border:5px solid #d47c18}

.firstCharts > div > div {padding:20px}
/* #charts > div > div  {margin:0 0 40px 0;} */

.chart-icons > div {margin:50px 0 0px 0;}
.chart-icons img {height:120px;width:120px;}
.chart-icons hr {color:#000;background:#000;}


#jobseeker {
color:#fff;
background: url('../img/portfolio-bg.jpg') no-repeat center top;
margin-top: -10px;
padding-top:20px;
text-align:left;
background-attachment: relative;
background-position: center center;
min-height: 500px;
width: 100%;

-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#jobseeker h3, #jobseeker h4 {color:#ddd;}

#jobseeker  .jobsfill i, #jobseeker  .jobsfill  a {color:#ddd;}

.jobsfill  {}

.jobsfill  > div > div {float:left; margin:0px 20px 25px 0px;}


#employers {
background: #fff;
padding-top: 30px;
padding-bottom: 60px;
text-align: left;
}

#employers h4 {
font-weight: 700;
}

#employers .pix {font-weight:300!important;}
#employers #chartz img {border:5px solid #555;}
#employers #chartz img:hover {border:5px solid #d47c18}

#anchor {
padding: 15px 0;
background:#8aa49a;
color:#555;
}

#anchor h3 {
font-weight: 300;color:#6698c2;font-size:35px;
}

#anchor iframe {border:10px solid #ccc;}

/* ========== FOOTER ========== */
.footerwrap {
background-color: #333;
padding-top: 40px;
color: #808080;text-align:center;
}

.footerwrap h4 {
color: #808080;
}

.footerwrap #Social {margin:30px 0;}
/*
.footerwrap i {
color: #80bdf2;
padding-right: 10px;
}
*/

/* Copyrght Wrap */

.copywrap {
font-size: 14px;
background-color: #333;
color: #aaa;
padding-top: 30px;
}

.copywrap a {
color: #aaa;
padding: 0 10px;
}

.copywrap a:hover,
.copywrap a:focus {
color: #fff;
}


/* === footer === */
.brands{margin:20px auto;width:180px;border:0px solid green;}
.brands ul{list-style:none;margin:0;padding:0;}
.brands ul li{float:left;padding:0 18px;}
.brands ul li:first-child{margin-bottom:0px;padding:0 32px 0px 32px;}
.brands ul li + li {clear:both;padding:0 9px ;}
.brands ul li + li +li{clear:both;padding:0 9px 0 0;width:81px;}
.brands ul li + li  + li+li{clear:none;padding:0 0 0 9px;}
.brands ul li + li + li +li+li{clear:both;padding:0 9px 0 0;}
.brands ul li + li + li +li + li+li{clear:none;padding:0 0 0 9px;}
.brands ul li.logoSpacer{border-bottom:1px solid #888;width:150px;border-right:0px solid #888;padding:0;margin:0 0 15px 10px;}


/* 404 Error Page
--------------------------------------------------------------------- */

.error-page {
border-top: 3px solid #80bdf2;
}

.error-page h1 {
font-size: 90px;
}

.error-page img {
display: table;
margin: 0 auto;
}