@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i';
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i';

body {
    font-family: 'Roboto Condensed', sans-serif;
    background: #FFFFFF no-repeat center top;
}

.page-style-home-1 {
    background: url('../img/BCK-HOME-1.jpg') #FFFFFF no-repeat center -30px;
}
.page-style-home-2 {
    background: url('../img/BCK-HOME-2.jpg') #FFFFFF no-repeat center -30px;
}
.page-style-home-3 {
    background: url('../img/BCK-HOME-3.jpg') #FFFFFF no-repeat center -30px;
}
.page-style-home-4 {
    background: url('../img/BCK-HOME-4.jpg') #FFFFFF no-repeat center -30px;
}

.home-background-slider {
    position: absolute;
    width: 100%;
    height: 830px;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.home-background-slider.active {
    opacity: 1;
}

.home-background-slider .bullet {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s linear 2s;
    transition: opacity 1s linear 2s;
}

.page-style-home-4 .bullet {
    -webkit-transition: opacity 1.8s linear 2s;
    transition: opacity 1.8s linear 2s;
}

.home-background-slider.active .bullet {
    opacity: 1;
}

.page-style-home-1 .bullet {
    background: url('../img/bck-1-plane.png') transparent no-repeat center -30px;
}
.page-style-home-2 .bullet {
    background: url('../img/bck-2-medical.png') transparent no-repeat center -30px;
}
.page-style-home-3 .bullet {
    background: url('../img/bck-3-train.png') transparent no-repeat center -30px;
}
.page-style-home-4 .bullet-trans-1 {
    background: url('../img/bck-4-collaboration-fr.png') transparent no-repeat center -30px;
} 
.page-style-home-4 .bullet-trans-2 {
    background: url('../img/bck-4-collaboration-en.png') transparent no-repeat center -30px;
} 

#scroll-top {
    position: fixed;
    bottom: 30px;
    right: 10%;
    -webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
}

.img-responsive {
    height: auto !important;
}

.scroll-top-hidden {
    opacity: 0;
}
.img-center {
  margin: 0 auto;
  display: block;
}

.weight-normal {
    font-weight: normal;
}

.italic {
    font-style: italic;
}

.marge-2-more {
    margin: 20px 0;
}

.marge-2-more p {
    margin: 0;
}

.font-22 {
    font-size: 22px !important;
}

.left-50 {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 20px;
}

.right-50 {
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 20px;
}

#contacts-outsourcing .btn-phone { 
    width: 25%;
    max-width: 300px;
    margin: 40px auto;
    padding: 10px 0 10px 90px;
}

.btn-phone{
    background: #141111 url('../img/phone.png') no-repeat 20px center;
    display: block;
    text-align: left;
    font-size:16px;
    color: #FFF;
    font-weight: lighter;
    padding: 5px 0;
}
.btn-phone:hover {
    color: #FFF;
}

.text-blue {
    color: #47acb7;
}

.weight-normal {
    font-weight: normal;
}

a:focus, a:hover {
    text-decoration: none;
    color: inherit;
}

#page a, #page a:hover {
    color: #1d80bc;
}

#page-title {
    color: #307dbd;
    font-size: 40px;
    font-weight: lighter;
    text-transform: uppercase;
    margin: 10px 0;
}

.breadcrumb-experbuy {
    color: #307dbd;
    font-size: 18px !important;
    font-weight: lighter;
    margin: 10px 0;
}

.breadcrumb-experbuy-maj {
    text-transform: uppercase;
    font-size: 40px;
}

#page h2, #page-title-with-breadcrumb, #list-news h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
}

#page h2:before, #page-title-with-breadcrumb::before, #page h3:before, #list-news h2:before {
  content: "•";
  margin-right: 10px;
}

#page h3 {
    color: #307dbd;
    font-size: 20px;
}

.consulting #page h3 {
    color: #a41c3e;
}

#page .blue-experbuy, #list-news a {
    color: #1d80bc;
}

#page .red-experbuy {
    color: #cc4443;
}

#page .cyan-experbuy {
    color: #35adb7;    
}

#page .grey-experbuy {
    color: #b5aeab;    
}

.marge-title #page-title, .marge-title .breadcrumb-experbuy {
    margin-top: 300px;
}
.extra-marge-title #page-title, .extra-marge-title .breadcrumb-experbuy {
    margin-top: 450px;
}

.contact #page-title {
    margin-top: 210px;
}

.careers #page-title {
    margin-top: 240px;
}
.outsourcing #page-title, .outsourcing .breadcrumb-experbuy, .consulting #page-title, .consulting .breadcrumb-experbuy {
    margin-top: 210px;
}


#page p, #page ul {
    font-size: 15px;
    font-weight: lighter;
    list-style-position: inside;
}

/****/
.top-nav-collapse {
    background-color: #FFF;
    -webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
}
.navbar {
    min-height: 80px;
}

ul.navbar-nav {
    padding-top: 15px;
    font-size: 14px;
    margin-right: 80px;
}
ul.navbar-nav li {
    text-transform: uppercase;
    position: relative;
}
ul.navbar-nav li a {
    color: #000;
}
ul.navbar-nav > li > a:focus, ul.navbar-nav > li > a:hover {
    background: none;
}
ul.navbar-nav > li .sub-menu {
    position: absolute;
    padding: 0 20px;
    list-style: none;
    background-color: rgba(80,84,88,0.9);
    width: 180px;
    left: 16px;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition:transform 0.3s ease;
    overflow: hidden;
}
ul.navbar-nav > li:hover > ul.sub-menu {
    
     transform: scaleY(1);
}
ul.navbar-nav > li .sub-menu li {
    text-transform: none;
    padding: 6px 0;
    line-height: normal;
    font-weight: lighter;
}
ul.navbar-nav > li .sub-menu li a {
    color: #fcfaf9;
}
/*************************************************************
**	 ANIMATION AVION    									**
*************************************************************/
#menu_lateral_new {
    margin-top: -15px;
    margin-left: 110px;
}

.solutions {
    display: block;
    color: #1b79b6;
    width: 1800px;
    position: absolute;
    top: 170px;
    font-size: 3.5em;
    font-style: italic;
    text-shadow: none;
    left: 50%;
    margin-left: -900px;
}

#home-slider .carousel-inner {
    margin-top: 50px;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 340px;
}

.element1, .element2, .element3, .element4 {
    position: absolute;
    left: 50%;
    margin-left: -480px;
}

.element1 {
    z-index: 1;
}

.element2 {
    z-index: 2;
}

.element3 {
    z-index: 3;
}

.element4 {
    z-index: 4;
    margin-top: 300px;
}
/*
.solutions.anim {

    opacity: 0;
    -moz-animation: animsolutions 2s linear forwards 1s;
    -webkit-animation: animsolutions 2s linear forwards 1s;
    -o-animation: animsolutions 2s linear forwards 1s;
    -ms-animation: animsolutions 2s linear forwards 1s;
    animation: animsolutions 2s linear forwards 1s;
    letter-spacing: 0em;

}

#anim_avion {

    opacity: 0;
    -moz-animation: animapparait 4s linear forwards 1.5s;
    -webkit-animation: animapparait 4s linear forwards 1.5s;
    -o-animation: animapparait 4s linear forwards 1.5s;
    -ms-animation: animapparait 4s linear forwards 1.5s;
    animation: animapparait 4s linear forwards 1.5s;

}

#anim_bullets {
    opacity: 0;
    -moz-animation: animapparait 5s linear forwards 4s;
    -webkit-animation: animapparait 5s linear forwards 4s;
    -o-animation: animapparait 5s linear forwards 4s;
    -ms-animation: animapparait 5s linear forwards 4s;
    animation: animapparait 5s linear forwards 4s;

}

#anim_legendes {
    opacity: 0;
    -moz-animation: animapparait 1s linear forwards 6s;
    -webkit-animation: animapparait 1s linear forwards 6s;
    -o-animation: animapparait 1s linear forwards 6s;
    -ms-animation: animapparait 1s linear forwards 6s;
    animation: animapparait 1s linear forwards 6s;
}

#anim_slogan2 {
    opacity: 0;
    -moz-animation: animapparait 4s linear forwards 1s;
    -webkit-animation: animapparait 4s linear forwards 1s;
    -o-animation: animapparait 4s linear forwards 1s;
    -ms-animation: animapparait 4s linear forwards 1s;
    animation: animapparait 4s linear forwards 1s;

}

#anim_ski {

    opacity: 0;
    -moz-animation: animapparait 4s linear forwards 3s;
    -webkit-animation: animapparait 4s linear forwards 3s;
    -o-animation: animapparait 4s linear forwards 3s;
    -ms-animation: animapparait 4s linear forwards 3s;
    animation: animapparait 4s linear forwards 3s;

}

#anim_bullets_ski {
    opacity: 0;
    -moz-animation: animapparait 5s linear forwards 4s;
    -webkit-animation: animapparait 5s linear forwards 4s;
    -o-animation: animapparait 5s linear forwards 4s;
    -ms-animation: animapparait 5s linear forwards 4s;
    animation: animapparait 5s linear forwards 4s;

}
#anim_legendes_ski {
    opacity: 0;
    -moz-animation: animapparait 1s linear forwards 6s;
    -webkit-animation: animapparait 1s linear forwards 6s;
    -o-animation: animapparait 1s linear forwards 6s;
    -ms-animation: animapparait 1s linear forwards 6s;
    animation: animapparait 1s linear forwards 6s;
}*/

/***
PIERRICK ANIM
**/

.carousel-inner .item img, .solutions.anim {
    opacity: 0
}

.carousel-inner .item {
    /*display: block;*/
} 

/*.solutions.anim, .anim-main-img, .anim-bullets, .anim-legendes, .carousel-inner .item  {
    -webkit-transition: opacity 0.8s; 
    transition: opacity 0.8s;
    opacity: 0;    
}
*/
.carousel-inner .active {
    display: block !important;
    /*opacity: 1;*/
} 

.active .solutions.anim {
    -moz-animation: animsolutions 4s linear forwards 1s;
    -webkit-animation: animsolutions 4s linear forwards 1s;
    -o-animation: animsolutions 4s linear forwards 1s;
    -ms-animation: animsolutions 4s linear forwards 1s;
    animation: animsolutions 4s linear forwards 1s;
    letter-spacing: 0em;

}

.active .anim-main-img {
    -moz-animation: animapparait 4s linear forwards 1.5s;
    -webkit-animation: animapparait 4s linear forwards 1.5s;
    -o-animation: animapparait 4s linear forwards 1.5s;
    -ms-animation: animapparait 4s linear forwards 1.5s;
    animation: animapparait 4s linear forwards 1.5s;

}

.active .anim-bullets {
    -moz-animation: animapparait 5s linear forwards 4s;
    -webkit-animation: animapparait 5s linear forwards 4s;
    -o-animation: animapparait 5s linear forwards 4s;
    -ms-animation: animapparait 5s linear forwards 4s;
    animation: animapparait 5s linear forwards 4s;

}

.active .anim-legendes {
    -moz-animation: animapparait 1s linear forwards 6s;
    -webkit-animation: animapparait 1s linear forwards 6s;
    -o-animation: animapparait 1s linear forwards 6s;
    -ms-animation: animapparait 1s linear forwards 6s;
    animation: animapparait 1s linear forwards 6s;
}

/***
PIERRICK ANIM END
**/

@-moz-keyframes animapparait {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes animapparait {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes animapparait {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes animapparait {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animapparait {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes animsolutions {
    0% {
        letter-spacing: 0em;
    }
    100% {
        letter-spacing: 0.3em;
    }
    0% {
        opacity: 0;
    }
    25% { opacity :1; }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes animsolutions {
    0% {
        letter-spacing: 0em;
    }
    100% {
        letter-spacing: 0.3em;
    }
    0% {
        opacity: 0;
    }
    25% { opacity :1; }
    100% {
        opacity: 0;
    }
}
@-o-keyframes animsolutions {
    0% {
        letter-spacing: 0em;
    }
    100% {
        letter-spacing: 0.3em;
    }
    0% {
        opacity: 0;
    }
    25% { opacity :1; }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes animsolutions {
    0% {
        letter-spacing: 0em;
    }
    100% {
        letter-spacing: 0.3em;
    }
    0% {
        opacity: 0;
    }
    25% { opacity :1; }
    100% {
        opacity: 0;
    }
}
@keyframes animsolutions {
    0% {
        letter-spacing: 0em;
    }
    100% {
        letter-spacing: 0.3em;
    }
    0% {
        opacity: 0;
    }
    25% { opacity :1; }
    100% {
        opacity: 0;
    }
}

#home-slider, #page-header{
    padding-top: 80px;
}
#page-header{
    margin-bottom: 20px;
}

#text-slogan {
    text-align: center;
    font-size: 28px;
    color: #FFF;
}

#home-tab {
	position:relative;
	z-index:9999;
}

#home-tab-nav li {
    text-transform: uppercase;
}

#home-tab-nav li a {
    color: #645866;
    border: none;
    border-radius: 0;
    font-size: 24px;
    font-weight: lighter;
    padding: 20px 15px 20px 55px;
}

#home-tab-nav li.active a {
    background-color: #645866;
    color: #FFF;    
}

#outsourcing a {
    background: transparent url("../img/ico_outsourcing.png") no-repeat scroll 15% center;
}
#outsourcing a:hover, #outsourcing.active a {
    background: #645866 url("../img/ico_outsourcing_hover.png") no-repeat scroll 15% center;
}
#consulting a {
    background: transparent url("../img/ico_consulting.png") no-repeat scroll 15% center;
}
#consulting a:hover, #consulting.active a {
    background: #645866 url("../img/ico_consulting_hover.png") no-repeat scroll 15% center;
}
#tariffs a {
    background: transparent url("../img/ico_tariffs.png") no-repeat scroll 15% center;
}
#tariffs a:hover, #tariffs.active a {
    background: #645866 url("../img/ico_tariffs_hover.png") no-repeat scroll 15% center;
}
#people a {
    background: transparent url("../img/ico_people.png") no-repeat scroll 15% center;
}
#people a:hover, #people.active a {
    background: #645866 url("../img/ico_people_hover.png") no-repeat scroll 15% center;
}

#home-tab-nav > li > a:focus, #home-tab-nav > li > a:hover {
    background-color: #645866;
    color: #FFF;
}

#home-tab .tab-content .tab-pane {
    background-color: #645866;
    color: #FFF;
    padding: 30px 65px;;    
}

#home-tab .tab-pane ul a {
    color: #FFF;
}

#home-tab .tab-pane ul a:hover {
	color: #47acb7;
}

#home-tab .tab-content .tab-pane .col-md-4, #home-tab .tab-content .tab-pane .col-md-6 {
    border-right:1px solid rgba(255, 255, 255, 0.3);
    min-height: 300px;
}

#tab-tariffs.tab-pane .col-md-4 {
    min-height: 250px !important;
}
#tab-people.tab-pane .col-md-6 {
    min-height: 180px !important;
}
#home-tab .tab-content .tab-pane .col-md-4:last-child, #home-tab .tab-content .tab-pane .col-md-6:last-child {
    border: none;
}
#home-tab .tab-content h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0;
}
#home-tab .tab-content p, #home-tab .tab-content ul {
    font-weight: lighter;
    font-size: 16px;
}
#home-tab .tab-content p.small {
    font-size: 12px;
}
#home-tab .tab-content p.stats {
    font-weight: 400;
}
#home-tab .tab-content #infos-stats .separator {
    padding-bottom: 20px;
}
#home-tab .tab-content #infos-stats img {
    padding-bottom: 10px;
}
#home-tab .tab-content ul {
    padding-left: 15px;
}

#infos-solutions .btn-phone, #tab-people .btn-phone, #tab-tariffs .btn-phone {
    margin-top: 60px;
    padding: 15px 0 15px 90px;	
}

#home-company {
    margin-top: 60px;
}

#home-company h3, #home-careers h3 {
    text-transform: uppercase;
    color: #645966;
    font-size: 24px;
    font-weight: lighter;
}

#ceo-block {
    background: #a57f69 url('../img/ceo.png') no-repeat right bottom;
    min-height: 220px;
    color: #FFF;
}

#ceo-text {
    font-style: italic;
    font-size: 18px;
    font-weight: 300;
    padding: 25px 0 5px 30px;
}


#ceo-block ul a, #buyzeway-block ul a {
    color: #FFF;
}

#buyzeway-block {
    background: #54b9c3 url('../img/super_heroes.png') no-repeat 80% center;
    min-height: 220px;
    color: #FFF;
    position: relative;
}

#buyzeway-block ul {
    padding: 25px 0 0 30px;
}


#buyzeway-block .btn-phone {
    width: 175px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    padding-left: 65px;
}

#home-careers {
    background: #FFF url('../img/map_career.png') no-repeat center center;
    margin-top: 50px;
    min-height: 400px;
}

#home-careers .text-careers {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
}

#form-career {
    margin-top: 140px;
}

body.careers #form-career {
    margin-top: 50px;
}

#form-career .form-control, #form-contact input.form-control, #form-map-agency .form-control, .form-experbuy .form-control{ 
    border-radius: 0;
    height: 30px;
    border-collapse: #bababa;
}
#form-contact textarea.form-control, .form-experbuy textarea.form-control {
    border-radius: 0;
    border-collapse: #bababa;
}

#form-career .form-control.grey, #form-map-agency .form-control.grey, .form-experbuy  .form-control.grey {
    background-color: #697f95;
    color: #FFF;
    border-color: #697f95;
}
#form-career .form-control.grey::-webkit-input-placeholder, #form-map-agency .form-control::-webkit-input-placeholder, .form-experbuy .form-control::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
    color: #FFF;
}
#form-career .form-control.grey::-moz-placeholder, #form-map-agency .form-control::-moz-placeholder, .form-experbuy .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #FFF;
}
#form-career .form-control.grey:-ms-input-placeholder, #form-map-agency .form-control:-ms-input-placeholder, .form-experbuy .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #FFF;
}
#form-career .form-control.grey:-moz-placeholder, #form-map-agency .form-control:-moz-placeholder, .form-experbuy .form-control:-moz-placeholder { /* Firefox 18- */
    color: #FFF;
}

#form-career .btn-search-career, #form-contact .btn-submit,  .form-experbuy .btn-submit {
    background-color: #697f95;
    color: #FFF;
    border-radius: 0;
    margin-top: 25px;
    height: 30px;
}

#form-career .btn-phone {
    padding-left: 60px;
}

footer {
    color: #938177;
    font-size: 12px;
    text-transform: uppercase;
}
footer .container {
    margin-top: 150px;
    border-top:1px solid #938177;
}

footer .col-lg-2 {
    min-height: 170px
}

footer h5 {
    font-size: 12px;
    font-weight: bold;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer .with-last > li:last-child {
    padding-top: 10px;
}

footer a {
    color: #938177;
}

#second-menu {
    position: fixed;
    right: 0;
    top: 130px;
    transition: right 0.8s;
	z-index:9999;
	font-size: 15px;
	color: #515459;
}

#open-second-menu {
    background-color: #515459;
    color: #fff;
    right: 0;
    padding: 5px 10px;
    position: fixed;
    top: 70px;
    display: none;
}

#second-menu ul li {
    background-color: #515459;
    border-left: none;
    border-right: none;
    border-top: 1px solid #6d6f72;
    border-radius: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 55px 5px 25px;
    font-weight: lighter;
}

#second-menu ul li:last-child {
    border-bottom: none;
}

#second-menu ul li a {
    color: #fcfaf8;
    display: block;
}

#second-menu .fa-bars {
    font-size: 16px;
}

#second-menu .sub-menu-second {
    position: absolute;
    left: 5px;
    top: -1px;
    transition: left 0.8s;
    list-style: none;
    z-index: -1;
}

#second-menu .sub-menu-second li {
    background-color: rgba(80,84,88,0.8);
    border: none;
	padding:0;
}

#second-menu .activities .sub-menu-second.open {
    left: -137px;
}

#second-menu .languages .sub-menu-second {
    top: -48px;
}

#second-menu .languages .sub-menu-second.open {
    left: -91px;
}

#second-menu .social-network .sub-menu-second {
    top: 0;
}
#second-menu .social-network .sub-menu-second.open {
    left: -140px;
}

#second-menu .sub-menu-second a {
	padding:5px 15px 5px 25px;
}

#get-news {
    position: fixed;
    left: -290px;
    top: 80px;
    width: 290px;
    height: 162px;
    border: 1px solid #515459;
    border-right: none;
    transition: left 0.3s ease 0s;
    padding-top: 5px;
    background-color: #FFF;
}

#get-news .carousel-inner {
    width: 290px;
    height: 95px;
}

#get-news .carousel-caption {
    top: 0;
}

#get-news .item-news {
    width: 180px;
    margin: auto;
}

#get-news:hover {
    left: 0;
}

#get-news h6 {
    background-color: #515459;
    color: #fcfaf8;
    padding: 10px 54px;
    font-size: 14px;
    font-weight: lighter;
    transform: rotate(-90deg);
    position: absolute;
    top: 151px;
    left: 289px;
    transform-origin: left top 0;
    min-width: 162px;
    text-align: center;
}
.news {
    color: #505458;
    width: 200px;
    padding: 0 20px;
}
.news h5 {
    color: #505458;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.news a {
    color: #505458;
    font-style: italic;
    display: block;
    text-align: center;
    font-size: 11px;
}

.btn-news {
    background-color: #f1ae47;
    color: #FFF;
    border-radius: 0;
    width: 140px;
    margin: 20px auto 0;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px;
    display: block;
}

.btn-news:hover {
    color: #FFF;
}


#get-news .fa {
    color: #b0b0b0;
}

#get-news .news-left, #get-news .news-right {
    padding-top: 25px;
}

#get-news .carousel-control {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
    text-shadow: 0 0;
}

#get-news .carousel-caption {
    text-shadow: 0 0;
}
.page-see-news {
    background: #FFF url(../img/imgactus.jpg) no-repeat top center;
}
.page-see-news #page-title {
    margin-bottom: 30px;
}

#list-news {
    margin-top: 20px;
}

.btn-return-news {
	background-color: #f1ae47;
	color: #FFF !important;
	border-radius: 0;
	width: 190px;
	margin: 20px 0 0;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px;
	display: block;
    float: right;
}
.news-item {
    margin-top: 10px;
}

.news-date {
    width: 35px;
    height: 70px;
    background-color: #000;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
}
.news-date span {
    font-weight: lighter;
}

.news-title {
    background-color: #f2f2f2;
    margin-left: 5px;
    width: calc(100% - 65px);
    height: 70px;
}
.news-title h3 {
	color: #000;
	font-size: 18px;
    float: left;
    margin: 0 0 0 10px;
    line-height: 35px;
}
.news-title a {
	float: right;
	color: #307dbd;
	margin-right: 10px;
	font-size: 11px;
	font-weight: lighter;
	line-height: 35px;
	position: absolute;
	right: 25px;
	bottom: 0;
}

#news-page-image {
    width: 100%;
}

/** PAGE **/
#page-nav {
    padding-bottom: 20px;
}
body.about-us #page-nav {
    background-color: rgba(246,156,50,0.8);
}
body.activities #page-nav {
    background-color: rgba(68,176,183,0.8);
}
body.careers #page-nav {
    background-color: rgba(163,51,100,0.8);
}
body.contact #page-nav {
    background-color: rgba(202,164,129,0.8);
}
body.downloads #page-nav {
    background-color: rgba(176,123,71,0.8);
}
body.sustainable-development #page-nav {
    background-color: rgba(210,217,110,0.8);
}
body.outsourcing #page-nav {
    background-color: rgba(0,93,140,0.8);
}
body.consulting #page-nav {
    background-color: rgba(184,34,41,0.8);
}
body.tariffs #page-nav {
    background-color: rgba(0,177,199, 0.8);
}

#page-nav h3 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
}
#page-nav ul {
    list-style: none;  
    padding-left: 3px; 
}
#page-nav ul li {
    padding: 5px 0 ;
    line-height: 16px;
}
#page-nav ul li a {
    color: #FFF;
}
#page-nav li.active-menu a {
    color: #000;
}
body.outsourcing #page-nav li.active-menu a {
    color: #07c1e2;
}
#page-ceo {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #b4b4b4;
    color: #000;
    font-size: 18px;
    font-weight: lighter;
    margin-top: 140px;
}
#page-ceo-picture {
    background: transparent url('../img/ceo_light.png') no-repeat right bottom;
    min-height: 220px;    
}
#page-ceo-text {
    padding: 55px 30px 0;
}
#page-ceo-text p {
    margin-bottom: 20px;
}

#form-map-agency {
    background: #FFF url('../img/map_agency.png') no-repeat center center;
    min-height: 290px;
}
#form-map-agency .user-address {
    position: relative;
    top: 70px;
}
#our-agencies h4, #form-map-agency h4 {
    color: #0879b3;
    font-weight: bold;
    font-size: 24px;
}
#form-map-agency h4 {
    margin-bottom: 15px;
}
#our-agencies h5.agency-category-title {
    background-color: #00b2cc;
    color: #FFF;
    padding: 8px 0;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}
.agency-category ul {
    list-style: none;
    text-align: center;
    padding: 0;
}
.agency-category ul li a {
    color: #000;
}
.agency-category li.active a {
    color: #0c9be7;
}
.agencies {
    margin-top: 20px;
}
.agencies .tab-pane {
    background-color: #F2F1EF;
    padding: 20px 40px;
}
.agencies h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

.download a {
    color: #000;
}

.download .item {
    border: 1px solid #b6b6b6;
    padding: 10px 15px;
    cursor: pointer;
    min-height: 270px;
    margin-bottom: 10px;
}
.download img {
    width: 100%;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
#modal-form-download .modal-title {
    font-size: 18px;
    text-transform: uppercase;
    display: inline;
}


#home-careers .btn-career {
    margin-top: 120px;
}
.btn-career {
    background: #697f95 none repeat scroll 0 0;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    padding: 10px 0px;
    text-transform: uppercase;
    margin-top: 30px;
}
.btn-career:hover {
    color: #FFF;
}

.fade-in-page {
    opacity: 0;
    transition: all 0.8s;
    transform: translate(0px, 150px);
}
.fade-in-page.display {
    transform: translate(0px, 0px);
    opacity: 1;
}

.circle-content, .circle-content-img {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.circle-content-img div {
    overflow: hidden;
    position: relative;
}

.circle-content-short {
    text-align: center;
    font-size: 16px;
    position: relative;
    padding-top: 70px;
    left: -40px;
}

.circle-content-img-metal div {
    background: transparent url("../img/exp-3.png") no-repeat scroll center center;
}

.circle-content-img-special div {
    background: transparent url("../img/exp-4.png") no-repeat scroll center center;
}

.circle-content-img-electronic div {
    background: transparent url("../img/exp-2.png") no-repeat scroll center center;
}

.circle-content-img-standard div {
    background: transparent url("../img/exp-1.png") no-repeat scroll center center;
}

.circle-content-img-family div {
    background: transparent url("../img/exp-5.png") no-repeat scroll center center;
}

.circle-content-arrow div {
    position: relative;
}

.circle-content-img div::before {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  bottom: -20px;
  content: " ";
  height: 185px;
  left: 0;
  position: absolute;
  width: 370px;
}

.circle-content-arrow div::after {
    background: transparent url("../img/arrow-circle.png") no-repeat scroll 0 0;
    content: " ";
    height: 176px;
    position: absolute;
    right: -47px;
    top: 84px;
    width: 53px;
}
.circle-content div, .circle-content-img div  {
    width: 370px;
    height: 370px;
    border: 20px solid #d8d4d1;    
    margin: auto;
    border-radius: 50%;
    padding-top: 30px;
    font-weight: lighter;
}

.circle-content-short div {
    width: 270px;
    height: 270px;
    border: 20px solid #d8d4d1;    
    margin: auto;
    border-radius: 50%;
    padding-top: 30px;
    font-weight: lighter;
}

.circle-content ul, .circle-content-short ul {
    font-size: 16px !important;
    padding: 0;
}

.circle-content ul li, .circle-content-short ul li {
    line-height: normal;
}

.circle-content h6, .circle-content-img h6, .circle-content-short h6, .cube-content h6 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin: 15px 0;
}
.circle-content-short h6 {
    margin: 25px 0 15px;
}

.circle-content-img h6, .circle-content-img p {
    color: #FFF;
    position: relative;
    z-index: 10;
}
.circle-content-img h6 {
    padding-top: 130px;
    font-size: 20px;
    margin: 15px 0 5px;
}
.circle-content-img p {
    width: 85%;
    margin: auto;
}

.consulting .circle-content h6, .consulting .circle-content-short h6, .cube-content h6 {
    color: #a41c3e;
}

.consulting .circle-content p, .consulting .circle-content-short p {
    margin: 0;
}

#workers .worker {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
}

#workers .worker img {
    margin-bottom: 10px;
}

#workers .worker .picture {
    width: 55%;
}

#workers .worker h4 {
    font-size: 20px;
    font-weight: bold
}

#workers .worker-function {
    font-size: 15px; 
}

.numbers {
    text-align: center;
    padding: 40px 0;
}
.numbers p:first-child {
    font-weight: bold !important;
    font-size: 18px !important;
}

.cube-content {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.cube-content div {
    width: 100%;
    height: 320px;
    border: 20px solid #d8d4d1;    
    margin: auto;
    border-radius: 15px;
    padding-top: 15px;
    font-weight: lighter;
}

.cube-content.col-lg-12 div {
    height: auto;
    padding-bottom: 20px;
    font-style: italic;
}

.cube-content .title {
    color: #756a66;
    font-size: 28px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d4d1;
    padding-bottom: 5px;
}

.cube-content p {
    margin-bottom: 0;
}

.cube-content p.clear {
    height: 0;
    clear: both;
}

.counter {
    text-align: center;
}

.counter-anim {
    color: #00b1c7;
    font-size: 72px;
    font-weight: bold;
}
.counter-anim > span {
    border: 1px solid #CCC;
    padding: 0 11px 0 10px;
    margin: 0 1px;
}

.nore-usa-red {
   background-color: #d51152;
   padding: 5px 10px;
   margin-top: 15px;
   display: inline-block;
}

.nore-usa-green {
   background-color: #00a0a7;
   padding: 5px 10px;
   margin-top: 15px;
   display: inline-block;
}

.nore-usa-red a, .nore-usa-green a {
   color: #FFF !important;
}

/*** RESPONSIVE ***/
@media screen and (max-width: 1200px) {
    .navbar-brand > img {
        width: 80%;
    }
    ul.navbar-nav {
        margin-right: 0;
    }
    ul.navbar-nav li a {
        font-size: 12px;
    }
}
@media screen and (max-width: 992px) {
    #home-tab .tab-content .tab-pane .col-md-4 {
        border-right: none;
        border-bottom:1px solid rgba(255, 255, 255, 0.3);
        min-height: auto;
        padding: 20px 0 15px;
    }
    #home-tab .tab-content .tab-pane .col-md-4:last-child {
        border: none;
    }
    ul.navbar-nav li:nth-of-type(3n+1) {
        clear: both;
    }
    #get-news {
        display: none;
    }
    #page-nav {
        padding-top: 5px;
    }
    #main-navbar .nav > li {
        padding: 5px 0;
    }
    ul.navbar-nav li a {
        padding: 0 15px;
    }
}
@media screen and (max-width: 768px) {
    .navbar-fixed-top {
        background-color: #FFF;
    }

    #main-navbar {
        background-color: #FFF;
    }

    #home-tab-nav li a {
        padding: 10px 15px;
        margin-bottom: 0;
	background-color: rgba(255,255,255,0.5);
    }
    #second-menu {
        right: -130px;
        top: 110px;
    }
    #open-second-menu { 
        display: block;
    }
    ul.navbar-nav li a {
        padding: 0 15px;
    }
    ul.navbar-nav > li .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        transform: scaleY(1);
        width: 100%;
        background-color: rgba(80, 84, 88, 0.1);
    }
    ul.navbar-nav > li .sub-menu a {
        color: #000 !important;
    }
    
    .home-background-slider {
  	background: url('../img/BCK-HOME-1.jpg') #FFFFFF no-repeat center -30px !important;
    }
    .home-background-slider .bullet {	
	display: none;
    }
    .carousel-home .solutions {
        display: none;
    }

}