/*
Theme Name: Coste (NMT)
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: Parag Sharma
Author URI: 
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'eurostiletregular';
    src: url('./fonts/eurostilet-webfont.woff2') format('woff2'),
        url('./fonts/eurostilet-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eurostiletbold';
    src: url('./fonts/eurostiletbold-webfont.woff2') format('woff2'),
        url('./fonts/eurostiletbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'allerbold';
    src: url('./fonts/aller_bd-webfont.woff2') format('woff2'),
        url('./fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'allerregular';
    src: url('./fonts/aller_rg-webfont.woff2') format('woff2'),
        url('./fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}






body
{
    overflow-x: hidden;
    color: #212529;
    font-size:1.3rem;
}

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

h1, h2, h3{
    font-family: 'allerbold', Arial, sans-serif;
}


.top-menu {
    height: 104px;
    background: #efefef;
    border-bottom: 2px solid #21347b;

}

.top-menu-other {
    height: 104px;
    background: rgb(220,221,222);
    background: linear-gradient(90deg, rgba(220,221,222,1) 0%, rgba(230,231,231,1) 50%, rgba(255,255,255,1) 100%);
    border-bottom: 2px solid #25357e;
}

.page-title{
    position:relative;
}



.left-ang {
    position:absolute;
    left:46px;
    top:60px;
}

.right-ang {
    position:absolute;
    left:256px;
    top:60px;
}

.page-title-inner{
    background: rgb(179,181,184);
    background: linear-gradient(180deg, rgba(179,181,184,1) 0%, rgba(214,215,217,1) 100%);
    position: absolute;
    width: auto;
    top: 45px;
    left: 78px;
    padding: 10px 15px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    font-family: 'eurostiletbold', Arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #25357e;
}

.headerImg ul{
    padding-top:24px;
    margin-bottom:0;
}

.headerImg ul li{
    list-style:none;
    float:left;
}
.headerImg ul li.firstImg img,.headerImg ul li.thirdImg img{
    width:118px;
    height:54px;
}

.headerImg ul li.secondImg img,.headerImg ul li.fourthImg img,.headerImg ul li.fifthImg img{
    width:76px;
    height:54px;
}


.nav-link{
    font-family: 'eurostiletregular', Arial, sans-serif;
    font-weight:bold;
    padding:.7rem 1rem;
    color:#270f6b;
    /*font-size:18px;*/
    font-size:21px;
}

.right_trapezoid {
    border-bottom: 102px solid #e8e9e9;
    border-left: 39px solid transparent;
    border-right: 0px solid transparent;
    height: 100%;
    width: 50%;
    position:relative;
}

.right_trapezoid img {
    position: absolute;
    width: 203px;
    top: 8px;
    left: 20px;
}


.trapezoid {
    border-bottom: 102px solid #f7f7f7;
    border-left: 39px solid transparent;
    border-right: 0px solid transparent;
    height: 100%;
    width: 50%;
    float: right;
    position: relative;
}
.four {
    position: absolute;
    display: flex;
    width: 100%;
    text-align: left;
    color: #2959b5;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    flex-wrap: wrap;
}
.four p {
    font-size: 105px;
    line-height: 125px;
    color: #6b6d73;
    font-weight: normal;
    font-family: 'eurostiletbold', Arial, sans-serif;
}
.four span {
    line-height: 18px;
    margin-top: 18px;
    font-size: 16px;
    font-family: 'allerbold', Arial, sans-serif;
}

.heading {
    min-height: 100px;
    background-size: 30% !important;
}
.header-text-bg {
    width:154px;
    height:45px;
}
.header-text-bg img{
    width: 100%;
}

.wrapper img
{
    width: 90%;
    margin: auto;
}

.navbar{
    padding-top:0px;
}

.wrapper .member-image img
{
    width:30%;
    margin: auto;
    margin-left: 6%;
}

.wrapper .member-image {
    position: relative;
}

.wrapper .member-image span{
    display:inline-block;
    background-color:#ebecf0;
    padding: 15px;
    font-size:18px;
    color:#2959b5;
    font-weight:bold;
    position: absolute;
    top: 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.member-info{
    background-color:#ebecf0;
    color:#2959b5;
    padding: 10px 20px;
}

.member-info p {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 17px;
    font-style: italic;
}

.work-exp ul{
    padding-left:0;
}

.what-we-do h2{
    color:#270f6b;
    margin-bottom:20px;
}

.what_we{
    border-left:1px solid #2959b5;
    position:relative;

}

.left-round {
    background: url(./images/left-round.png) no-repeat top left;
    /* background-size: 25px 77px; */
    position: absolute;
    display: inline-block;
    left: -26px;
    top: 0px;
    width: 25px;
    height: 77px;
}


.what-we-do ul{
    padding-left:0;
}

.what-we-do .what_we ul li{
    margin-left:10px!important;
    list-style:none;
    color:#270f6b;
    font-family: 'allerregular', Arial, sans-serif;
    /*font-size:16px!important;*/
	font-size:1.3rem!important;
    padding: 7px 0;
}


.what_we .img_holder{
    position:relative;
}

.worldlink {
    background: url(./images/worldlink.png) no-repeat center;
    display: inline-block;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 21px;
    top: -4px;
}

.teamlink {
    background: url(./images/team-development.png) no-repeat center;
    display: inline-block;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 21px;
    top: -4px;
}

.what_we .img_holder span:last-child {
    display: inline-block;
    padding: 5px 19px;
    border-top: 2px solid #270f6b;
    border-bottom: 2px solid #270f6b;
    margin-left: 57px;
}

.what_we .img_holder span a{
    color:#270f6b;
    font-family: 'allerbold', Arial, sans-serif;
    font-size:20px;
}

.with_clients{
    margin-top:50px;
}

.with_clients ul li{
    list-style-type:disc;
    color:#000;
    font-family: 'allerregular', Arial, sans-serif;
    /*font-size:16px;*/
    font-size:1.3rem;
    margin-left:10px!important;
    padding-bottom:15px;
}

.with_clients h3 > b, .team-page h3 > b{
    color:#270f6b;
}

.for-mobile
{
    display: none;
}
.for-browser
{
    display: block;
}
.four img {
    margin-right: 5px;
    margin-top: 7px;
    margin-left: 10px;
}
.four small
{
    font-size: 8px;
}
.wrapper ul li
{
    margin-left: 40px;
    font-size: 18px;
    margin-bottom: 15px;
}

.navbar-nav {
    border-bottom: none;
}

.navbar-nav .header-text-bg
{
    /*background: url(./images/download.png) no-repeat center;*/
    background: url(./images/download-fix.png) no-repeat center;
}

.navbar-nav .active .header-text-bg
{
    /*background: url(./images/download-active.png) no-repeat center;*/
    background: url(./images/download-active-fix.png) no-repeat center;
}

.wrapper
{
    padding-top: 50px;
}


.bg-circle-wrapper
{
    width: 100%;
    height: 400px;
    background-image: linear-gradient(#eef3f7, #b6b6be);
    border-radius: 50%;
    padding: 30px;
    position: relative;
}
.bg-circle-inner {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(232,227,231,1) 0%, rgba(246,243,247,1) 100%);
    border-radius: 50%;
    padding: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle-top {
    position: absolute;
    top: -70px;
    background: #182863;
    width: 250px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'eurostiletregular', Arial, sans-serif;
    color: #fff;
    flex-direction: column;
    font-size: 17px;
    text-align: center;
}
.circle-left
{
    position: absolute;
    left: -130px;
    background: #182863;
    width: 250px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'eurostiletregular', Arial, sans-serif;
    color: #fff;
    flex-direction: column;
    font-size: 17px;
    text-align: center;
}
.circle-right
{
    position: absolute;
    right: -130px;
    background: #182863;
    width: 250px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'eurostiletregular', Arial, sans-serif;
    color: #fff;
    flex-direction: column;
    font-size: 17px;
    text-align: center;
}
.circle-bottom
{
    position: absolute;
    bottom: -70px;
    background: #182863;
    width: 250px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'eurostiletregular', Arial, sans-serif;
    color: #fff;
    flex-direction: column;
    font-size: 17px;
    text-align: center;
}
.inside-folder {
    width: 100%;
    background-image: linear-gradient(#b6b6be, #eef3f7);
    height:auto;
    position: relative;
    bottom: -20px;
    box-shadow:0px 0px 3px #676565;
    border-radius: 10px;
    padding: 10px;
    color: #182863;
    text-align: left;
    left: 20px;
}
.inside-folder::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 15px;
    width: 50px;
    height: 26px;
    background-image: linear-gradient(#eef3f7, #b6b6be);
    border-radius: 10px 10px 0 0;
}
.inside-folder ul
{
    padding: 0 0 0 10px;
}
.inside-folder ul li {
    margin: 3px;
    font-size: 12px;
    font-weight: bold;
}
.inside-flder-wrapper {
    position: relative;
    width: 100%;
    height: 160px;
    padding: 50px 0px;
}

.about-page ul li > b{
    font-family: 'allerbold', Arial, sans-serif;
    color:#25357e;
}
.about-page ul li{
    font-family: 'allerregular', Arial, sans-serif;
    padding-bottom:20px;
}

.page-footer p{
    font-family: 'eurostiletregular', Arial, sans-serif;
    font-size:15px;
    color:#25357e;
    padding:30px 0;
}


.world-map{
    background: url(./images/contactmap.png) no-repeat center;
    background-size:cover;
    width:100%;
    height:500px;
}

.main-address{
    padding-left:96px;
}

.contact-page{
    position:relative;
}

.big-arrow{
    background:url(./images/map2.png) no-repeat top center;
    width:734px;
    height:276px;
    position:absolute;
    top: -69px;
    left: 137px;
}
.contact-page h4{
    color:#25357e;
    /*font-size:20px;*/
    font-size:1.3rem;
    font-weight:bold;
    padding-left:96px;
}

.contact-page address{
    font-family: 'allerregular', Arial, sans-serif;
    /*font-size:17px;*/
    font-size:1.3rem;
    color:#25357e;
}

.contact-page p{
    margin-top:160px;
    font-family: 'eurostiletregular', Arial, sans-serif;
    text-align:left;
    /*font-size:20px;*/
    font-size:1.3rem;
    font-weight:bold;
    color:#25357e;
}



.contact-page p > span{
    display:inline-block;
    padding-right:10px;
}

.service-content h2{
    color:#270f6b;
}

.service-content p{
    color:#270f6b;
}


.strategic_sourcing ul,.strategy_project ul,.supply_chain ul{
    list-style: none;
    padding-left: 0;
    margin-top: 28px;
    position:relative;
}

.strategic_sourcing ul li span,.strategy_project ul li span, .supply_chain ul li span {
    color: #fff;
    display: inline-block;
    padding-top: 17px;
    padding-left: 30px;
    font-family: 'allerregular', Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
	padding-right:2px;
}

.strategy_project{
    width:51%;
    margin-left:402px;
    margin-top:3rem;
}

.strategy_project ul li span{
    padding-top: 13px;
    padding-left: 42px;
}

.strategic_sourcing ul li.secondImg span{
    padding-left:53px;
    padding-top:0;
}

.strategic_sourcing ul li.secondImg .br{
    background:url(./images/br.png) no-repeat top center;
    background-size:cover;
    width: 89px;
    height: 36px;
    margin-left: 37px;
    margin-top: -18px;
}
.strategic_sourcing ul li.firstImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
}

.strategic_sourcing ul li.secondImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:135px;
}

.strategic_sourcing ul li.thirdImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:270px;
}

.strategic_sourcing ul li.fourthImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:405px;
}

.strategic_sourcing ul li.fourthImg .cs{
    background:url(./images/cs.png) no-repeat top center;
    background-size:cover;
    width: 89px;
    height: 36px;
    margin-left: 37px;
    margin-top:5px;
}

.strategic_sourcing ul li.fifthImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:540px;
}

.strategic_sourcing ul li.fifthImg .as{
    background:url(./images/as.png) no-repeat top center;
    background-size:cover;
    width: 89px;
    height: 36px;
    margin-left: 37px;
    margin-top:5px;
}


.strategy_project ul li.firstImg,.supply_chain ul li.firstImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
}

.strategy_project ul li.firstImg span{
    padding-top: 20px;
    padding-left: 45px;
}

.strategy_project ul li.secondImg,.supply_chain ul li.secondImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:135px;
}

.strategy_project ul li.thirdImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:270px;
}

.strategy_project ul li.thirdImg .ap{
    background:url(./images/ap.png) no-repeat top center;
    background-size:cover;
    width: 89px;
    height: 36px;
    margin-left: 37px;
    margin-top:5px;
}


.strategy_project ul li.fourthImg{
    background:url(./images/trapzimium.png) no-repeat top left;
    background-size:cover;
    width:157px;
    height:70px;
    position:absolute;
    top:0;
    left:405px;
}

.strategy_project,.supply_chain,strategic_project_content,.strategic_supplychain_content{
    position:relative;
}

.supply_chain{
    width:36%;
    margin-top:3rem;
    float:right;
}

.strategy_project .big-arrow1{
    background:url(./images/arrow1.png) no-repeat top left;
    background-size:cover;
    width:90px;
    height:126px;
    position:absolute;
    top: -21px;
    left: -191px;
}

.strategy_project .arrow1{
    background:url(./images/small-arrow.png) no-repeat top left;
    background-size:cover;
    width:86px;
    height:106px;
    position:absolute;
    top: 10px;
    left: -81px;
}

.supply_chain .arrow2{
    background:url(./images/small-arrow.png) no-repeat top left;
    background-size:cover;
    width:86px;
    height:106px;
    position:absolute;
    top: 10px;
    left: -81px;
}

.supply_chain .big-arrow2{
    background:url(./images/arrow2.png) no-repeat top left;
    background-size:cover;
    width:148px;
    height:69px;
    position:absolute;
    top: 24px;
    left: -241px;
}

.supply_chain .big-arrow3{
    background:url(./images/arrow3.png) no-repeat top left;
    background-size:cover;
    width:585px;
    height:234px;
    position:absolute;
    top:-118px;
    left:-676px;
}

.supply_chain ul li.firstImg span, .supply_chain ul li.secondImg span{
    padding-top:11px;
    padding-left:56px;
}

.supply_chain ul li.firstImg span{
    padding-top:17px;
}

.supply_chain ul li.firstImg .ps{
    background:url(./images/ps.png) no-repeat top center;
    background-size:cover;
    width:89px;
    height:25px;
    margin-left:37px;
    margin-top:15px;
}

.supply_chain ul li.secondImg .os{
    background:url(./images/os.png) no-repeat top center;
    background-size:cover;
    width:89px;
    height:36px;
    margin-left: 37px;
    margin-top:5px;
}

.section2{
    position:relative;
}

.big-circle{
    background: url(./images/cercle_diagnosis.png) no-repeat top left;
    background-size: cover;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 117px;
    right: 12px;
}



.strategic_project_content .big-arrow1 {
    background: url(./images/arrow1.png) no-repeat top left;
    background-size: cover;
    width: 90px;
    height: 126px;
    position: absolute;
    top: 245px;
    left:100px;
}


.strategic_project_content .arrow2 {
    background: url(./images/small-arrow.png) no-repeat top left;
    background-size: cover;
    width: 86px;
    height: 106px;
    position: absolute;
    top: 272px;
    left: 199px;
}

.strategic_sourcing_content{
    background:url(./images/arrow-bg.png) no-repeat top center;
    background-size:cover;
    width:790px;
    height:95px;
}

.strategic_project_content{
    background:url(./images/arrow-bg1.png) no-repeat top center;
    background-size:cover;
    width: 519px;
    height: 108px;
    margin-left: 271px;
}

.strategic_supplychain_content{
    background:url(./images/arrow-bg2.png) no-repeat top center;
    background-size:cover;
    width: 375px;
    height: 98px;
    float: right;
}



.strategic_supplychain_content ul{
    list-style:none;
    padding-left: 10px;
    padding-top: 5px;
}

.strategic_supplychain_content ul li{
    font-size:14px;
}

.strategic_supplychain h2 {
    text-align: right;
    margin-right: 57px;
    font-size: 28px;
}

.strategic_project_content ul{
    padding-left: 10px;
    padding-top: 10px;
}

.strategic_project_content ul li{
    list-style:none;
    font-size:14px;
}

.strategic_sourcing_content ul{
    margin-top:4px;
}
.strategic_sourcing_content ul li{
    font-size:14px;
}

.section2 .strategic_project p > b {
    color:#270f6b;
    font-size:34px;
    font-family: 'allerbold', Arial, sans-serif;
}

.section2 .strategic_project p {
    margin-left:270px;
}


.strategic_supplychain_content .arrow2{
    background:url(./images/small-arrow.png) no-repeat top left;
    background-size:cover;
    width:86px;
    height:106px;
    position:absolute;
    top: -75px;
    left: -81px;
}

.strategic_supplychain_content .big-arrow2{
    background:url(./images/arrow2.png) no-repeat top left;
    background-size:cover;
    width:148px;
    height:69px;
    position:absolute;
    top: -61px;
    left: -269px;
}

.strategic_supplychain_content .big-arrow3{
    background:url(./images/arrow3.png) no-repeat top left;
    background-size:cover;
    width:585px;
    height:234px;
    position:absolute;
    top: -210px;
    left: -705px;
}

.expertise-wrapper{
    border:1px solid #270f6b;
    border-radius:25px;

}

.expertise-wrapper table td > span > img{
    width:100%;

}

.expertise-wrapper table{
    margin-bottom:0;
    border-color:#270f6b;
}

.expertise-wrapper h1{
    background-color:#270f6b;
    color:#fff;
    border-top-right-radius:25px;
    border-top-left-radius:25px;
    font-size: 28px;
    font-family: 'allerbold', Arial, sans-serif;
    padding-bottom: 21px;
    padding-top: 8px;
    margin-bottom:0;
}

.expertise-wrapper h3{
    background-color:#ccc;
    color:#270f6b;
    font-size:20px;
    font-family: 'allerbold', Arial, sans-serif;
    padding-bottom: 9px;
    padding-top: 0px;
    margin-bottom: 0;
}

.expertise-wrapper table th{
    background-color:#270f6b;
    color:#fff;
    font-size:12px;
    vertical-align:middle;
    border-color:#270f6b;
}

.expertise-wrapper .table-bordered td{
    border: 2px solid #270f6b;
}

.expertise-wrapper .last-table thead{
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
}

.expertise-wrapper .last-table thead > tr > th{
    border-bottom:none;
}

.expertise-wrapper .last-table thead > tr > th:first-child{
    border-bottom-left-radius:25px;
}

.expertise-wrapper .last-table thead > tr > th:last-child{
    border-bottom-right-radius:25px;
}







/* Media Query */


@media only screen and (max-width:991px){

    .navbar-bg{
        background: url(./images/textuer.png) repeat-x top!important;
    }
    .navbar-nav .header-text-bg, .navbar-nav .active .header-text-bg {
        background:none;
    }
    .navbar {
        padding-top: 34px;
    }
    .navbar-nav{
        width: auto;
        padding-left: 10px;
    }
    .navbar-nav li{
        text-align: left;
    }
    .navbar-nav .nav-link {
        text-align: left;
    }
}


@media only screen and (max-width:768px){

    .right_trapezoid{
        width:80%;
    }

    .right_trapezoid img {
        top:8px;
        left:50px;
    }

    .logo h1{
        margin-top:17px;
    }

    .headerImg ul {
        padding-top: 10px;
        margin-bottom: 1rem;
    }
    .top-menu
    {
        height: auto;
    }
    .four p {
        font-size: 167px;
    }
    .trapezoid {
        width: 100%;
    }
    .logo img
    {
        width: 100% !important;
    }
    .header-text-bg {
        position: relative;
        margin-left: 0;
        width: 100%;
        float: right;
        background-size: 100% !important;
    }
    .header-text-text {
        position: absolute;
        text-align: center;
        width: 100%;
        color: #21347b;
        font-size: 14px;
        line-height: 66px;
        font-weight: bold;
    }
    .for-mobile
    {
        display: block;
    }
    .for-browser
    {
        display:none;
    }
    .nav > li {
        position: relative;
        display: inline-block;
        width: 50%;
    }
    .mob-bg-circle {
        background: #182863;
        width: 100%;
        min-height: 200px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        flex-direction: column;
        font-size: 19px;
        text-align: center;
        padding: 30px;
        margin-bottom: 20px;
        position: relative;
    }
    .inside-folder {
        width: 90%;
        background-image: linear-gradient(#b6b6be, #eef3f7);
        height: 160px;
        position: relative;
        bottom: -20px;
        box-shadow: 2px 2px 7px #00000085;
        border-radius: 10px;
        padding: 10px;
        color: #182863;
        text-align: left;
        left: 20px;
    }
    .inside-folder::before
    {
        display: none;
    }


}



@media only screen and (max-width:576px){

    .last-theading{
        border-bottom-left-radius:25px;
        border-bottom-right-radius:25px;
    }


    .expertise-wrapper table.bt tfoot th::before,
    .expertise-wrapper table.bt tfoot td::before,
    .expertise-wrapper table.bt tbody td::before {
        content: attr(data-th) ": ";
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        font-weight: bold;
        width: 35%;
        border: 1px solid #182863;
        background-color: #182863;
        color: #fff;
    }


    .headerImg ul {
        padding-top: 0px;
        margin-bottom: 1rem;
    }
    .main-address {
        padding-left: 60px;
    }
    .contact-page h4 {
        color: #25357e;
        font-size: 20px;
        padding-left: 60px;
    }
    .big-arrow {
        width: 734px;
        height:276px;
        position: absolute;
        top:118px;
        left:-126px;
        transform: rotate(81deg);
        z-index:-1
    }
    .what-we-do h2{
        font-size:30px;
    }
    .what_we .img_holder span a{
        font-size:18px;
    }
    .trapezoid{
        width:50%!important;
    }
    .trapezoid .four{
        width:auto;
    }
    .four p{
        font-size:75px!important;
    }
    .four span {
        line-height: 18px;
        margin-top: 37px;
        font-size: 16px;
    }
    .right_trapezoid{
        width:55%!important;
        border-bottom:102px solid #f8f9fa;
    }
    .right_trapezoid img {
        position: absolute;
        width: 130px;
        top: 23px;
        left:-3px;
    }
    .page-title-inner {
        background: rgb(179,181,184);
        background: linear-gradient(180deg, rgba(179,181,184,1) 0%, rgba(214,215,217,1) 100%);
        position: absolute;
        width: auto;
        top: 55px;
        left: 25px;
        font-family: 'eurostiletbold', Arial, sans-serif;
        font-size: 18px;
    }
    .worldlink{
        left: 8px;
        top: -2px;
    }
    .what_we .img_holder span:last-child {
        margin-left: 48px;
    }
    .training_block .img_holder span:last-child {
        margin-left: 56px;
    }


    .what_we{
        border-left:0;
    }

    .left-round{
        background:none;
    }

    .img_holder{
        margin-bottom:60px;
    }

    .world-map {
        background-size: 100% 194px;
    }



    /* service Page */


    .supply_chain .big-arrow3,
    .strategy_project .big-arrow1,
    .supply_chain .big-arrow2{
        display:none;
    }


    .strategy_project .arrow1 {
        width:48px;
        height:59px;
        top: -31px;
        left: -6px;
    }


    .supply_chain{
        float:none;
        width:50%;
        margin-left:63px;
    }

    .supply_chain h2{
        margin-left:63px;
    }

    .strategy_project{
        margin-left:0;
    }

    .strategic_sourcing ul,
    .strategy_project ul,
    .supply_chain ul{
        position:inherit;
    }

    .strategic_sourcing ul li.firstImg{
        margin-bottom:32px;
    }

    .strategic_sourcing ul li.secondImg,.strategic_sourcing ul li.thirdImg{
        margin-bottom:17px;
        position:inherit;
        left:0;
    }



    .strategic_sourcing ul li.fourthImg,
    .strategy_project ul li.secondImg,
    .supply_chain ul li.secondImg,
    .strategy_project ul li.thirdImg,
    .strategy_project ul li.fourthImg,
    .strategic_sourcing ul li.fifthImg{
        position:inherit;
        margin-bottom:32px;
        left:0;
    }

    .strategy_project ul li.firstImg, .supply_chain ul li.firstImg{
        margin-bottom:32px;
    }

    .strategic_sourcing ul, .strategy_project ul, .supply_chain ul{
        padding-left:26px;
    }

    .supply_chain .arrow2 {
        width:48px;
        height:59px;
        top: -47px;
        left: -0px;
    }


    .strategy_project ul{
        margin-left:45px;
    }

    .strategy_project h2{
        margin-left:45px;
    }




    .strategic_project_content .big-arrow1,
    .strategic_supplychain_content .big-arrow2,
    .strategic_supplychain_content .big-arrow3{
        display:none;
    }

    .strategic_supplychain_content{
        float:none;
        background-image:none;
        background-color:#f2f2f2;
        height:auto;
        width:100%;
        padding:15px 0;
        margin-bottom:30px;
    }

    .strategic_sourcing_content{
        background-image:none!important;
        background-color:#f2f2f2;
        width: 100%;
        height: auto;
    }

    .strategic_supplychain h2 {
        text-align: left;
        margin-bottom: 19px;
        font-size:18px;
        margin-left:43px;
    }

    .strategic_supplychain_content .arrow2 {
        width: 48px;
        height: 59px;
        top: -90px;
        left: -10px;

    }

    .strategic_project_content .arrow2 {
        width:48px;
        height:59px;
        top:325px;
        left:8px;
    }

    .strategic_project_content {
        margin-left: 0;
    }

    .section2 .strategic_project p > b{
        font-size:22px;
    }

    .section2 .strategic_project p {
        margin-left:42px;
    }

    .mobile-hide{
        display:none;
    }

    .big-circle-mobile{
        background: url(./images/cercle_diagnosis.png) no-repeat top left;
        background-size: cover;
        width: 300px;
        height: 300px;
        margin-top: 30px;
        margin:auto;
    }

    .strategic_sourcing_content ul li,
    .strategic_project_content ul li,
    .strategic_supplychain_content ul li
    {
        font-size:15px;
    }

    .strategic_project_content{
        width:100%;
        height:auto;
        padding:15px 0;
    }

    .service-content h2 {
        font-size:18px;
    }

    .service-content p {
        color: #270f6b;
        font-size: 15px;
    }




}

/*******************Custom CSS**********************/

.headerImg ul li{
    width:18%;
	margin:0 1%;
	text-align:center;
}

.headerImg ul li img{
    width:100%;
	max-width:100%;
}

body > header > div > div > div > div:nth-child(1) > div > h1{
	background-position:center;
}

body > div.team-page.mt-5 > div > div > div > h3{
	color: #270f6b;
    font-size: 1.5rem;
    text-align: center;
}

body > div.team-page.mt-5 > div > div > div > div:nth-child(2) > p{
	color: #270f6b;
	font-weight:300;
	font-style:italic;
	margin-top:10px;
	position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

body > div.team-page.mt-5 ul{
	font-weight:500;
}

body > div.team-page.mt-5 > div > div > div > div:nth-child(1) > div > div.col-md-6.name{
	z-index:-1;
}

.name p {
	background-color:#ccc;
	color: #270f6b;
	font-weight:700;
	border-radius:0 8px 8px 0;
	  position:relative;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     top:50%;
	width:100%;
}

div.member-image{
	text-align:center;
}

.name p::before {
	content:"";
	display:block;
	background-color:#ccc;
	position:absolute;
	width:50px;
	left:-50px;
	top:0;
	bottom:0;
}

body > div.team-page.mt-5 div.member-image > .img-fluid{
	width:100%!important;
}

body > div.contact-page.mt-5 > div > div > p > button{
	position: absolute;
    top: -10%;
    right: 10%;
    background-color: #bec0c3;
    border-radius: 8px;
		cursor:pointer;
}

body > div.contact-page.mt-5 > div > div > div.col-md-4 > p{
	padding-left:96px;
}

@media(max-width:768px){
	.name p{text-align:center; border-radius:8px 8px 8px 8px;}
	.name p::before {
		display:none;
	}
	
}

/*******************Our Services page***************/
/*******************1200px***************/
@media(max-width:1200px){
	.strategy_project {
    margin-left: 109px;
	}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.strategy_project > div.big-arrow1{
		display:none;
}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.supply_chain > div.big-arrow2{
		display:none;
	}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.supply_chain > div.big-arrow3{
		display:none;
	}
	
	.supply_chain {
    float: none;
    width: 50%;
    margin-left: 201px;
}
	
	.strategic_sourcing_content {
    background-image: none!important;
    background-color: #f2f2f2;
    height: auto;
	width:500px;
}

	.strategic_project_content {
	background-image: none!important;
    background-color: #f2f2f2;
    height: auto;
	width:500px;
	margin-left: 81px;
    padding: 15px 0;
}
	
	body > div.service-content.mt-5 > div > div.row.mt-5.section2 > div > div.strategic_project.mt-5 > div > div.big-arrow1{
		display:none;
	}
	
	body > div.service-content.mt-5 > div > div.row.mt-5.section2 > div > div.strategic_supplychain.mt-5.clearfix > div.strategic_supplychain_content > div.big-arrow2{
		display:none;
	}
	
	body > div.service-content.mt-5 > div > div.row.mt-5.section2 > div > div.strategic_supplychain.mt-5.clearfix > div.strategic_supplychain_content > div.big-arrow3{
		display:none;
	}
	
	.strategic_supplychain_content {
    background-image: none;
    background-color: #f2f2f2;
	left:181px;
	height:auto;
	width:500px;
	padding:15px 0;
    margin-bottom: 30px;
	margin-top: 5px;
	float:none;
}
	.strategic_supplychain h2 {
    text-align:left;
	margin-left:141px;
	margin-right:0;
	font-size:2rem;
}
	
	.big-circle-mobile {
   display:none;
}
	
	.strategic_project_content .arrow2 {
    top: 310px;
	left:50px;
	}
	
	.section2 .strategic_project p {
    margin-left: 131px;
}
	
	.strategic_supplychain_content .arrow2 {
    position: absolute;
    top: -75px;
    left: -90px;
}
}

/*******************992px***************/
@media(max-width:992px){
	body > div.service-content.mt-5 > div > div.row.mt-5.section2 > div > div.big-circle.mobile-hide{
		display:none;
	}
	
	.big-circle-mobile {
   	display:block;
	background: url(./images/cercle_diagnosis.png) no-repeat top left;
    background-size: cover;
    width: 300px;
    height: 300px;
    margin-top: 30px;
    margin: auto;
}
}

/*******************768px***************/
@media (min-width:577px) and (max-width:768px){
	
	.strategic_sourcing_content {
		width:320px;
		padding: 0 10px;
	}
	
	.strategic_project_content .arrow2 {
		top:330px;
	}
	
	.strategic_project_content {
		width:320px;
	}
	.strategic_supplychain_content {
		width:320px;
	}
	
	.supply_chain {
    float: none;
    width: 50%;
    margin-left: 63px;
}
	

	.supply_chain .big-arrow3,
    .strategy_project .big-arrow1,
    .supply_chain .big-arrow2{
        display:none;
    }


    .strategy_project .arrow1 {
        width:59px;
        height:72px;
        top: -31px;
        left: -6px;
    }


    .supply_chain{
        float:none;
        width:50%;
        margin-left:63px;
    }

    .supply_chain h2{
        margin-left:63px;
		width:100%;
    }

    .strategy_project{
        margin-left:0;
    }

    .strategic_sourcing ul,
    .strategy_project ul,
    .supply_chain ul{
        position:inherit;
    }

    .strategic_sourcing ul li.firstImg{
        margin-bottom:32px;
    }

    .strategic_sourcing ul li.secondImg,.strategic_sourcing ul li.thirdImg{
        margin-bottom:17px;
        position:inherit;
        left:0;
    }



    .strategic_sourcing ul li.fourthImg,
    .strategy_project ul li.secondImg,
    .supply_chain ul li.secondImg,
    .strategy_project ul li.thirdImg,
    .strategy_project ul li.fourthImg,
    .strategic_sourcing ul li.fifthImg{
        position:inherit;
        margin-bottom:35px;
        left:0;
    }

    .strategy_project ul li.firstImg, .supply_chain ul li.firstImg{
        margin-bottom:32px;
    }

    .strategic_sourcing ul, .strategy_project ul, .supply_chain ul{
        padding-left:26px;
    }

    .supply_chain .arrow2 {
        width:59px;
        height:72px;
        top: -36px;
        left: 0;
    }


    .strategy_project ul{
        margin-left:45px;
    }

    .strategy_project h2{
        margin-left:54px;
    }




    .strategic_project_content .big-arrow1,
    .strategic_supplychain_content .big-arrow2,
    .strategic_supplychain_content .big-arrow3{
        display:none;
    }

    .strategic_supplychain_content{
        float:none;
        height:auto;
        padding:15px 0;
        margin-bottom:30px;
    }

    .strategic_sourcing_content{
        background-image:none!important;
        background-color:#f2f2f2;
        width: 100%;
        height: auto;
    }

    .strategic_supplychain_content .arrow2 {
        width: 48px;
        height: 59px;
    }

    .strategic_project_content .arrow2 {
        width:48px;
        height:59px;
        top:325px;
        left:8px;
    }

    .section2 .strategic_project p > b{
        font-size:2rem;
		margin-left: 5px;
    }

    .section2 .strategic_project p {
        margin-left:42px;
    }

    .mobile-hide{
        display:none;
    }

    .big-circle-mobile{
        background: url(./images/cercle_diagnosis.png) no-repeat top left;
        background-size: cover;
        width: 300px;
        height: 300px;
        margin-top: 30px;
        margin:auto;
    }

    .strategic_sourcing_content ul li,
    .strategic_project_content ul li,
    .strategic_supplychain_content ul li
    {
        font-size:15px;
    }

    .service-content p {
        color: #270f6b;
        font-size: 21px;
    }
	
	.strategic_sourcing ul > li.firstImg {
    width: 200px;
    height: 89px;
}
	
	.strategic_sourcing ul > li.secondImg {
    width: 200px;
    height: 89px;
}
	
	.strategic_sourcing ul > li.thirdImg {
    width: 200px;
    height: 89px;
}

	.strategic_sourcing ul > li.fourthImg {
    width: 200px;
    height: 89px;
}
	
	.strategic_sourcing ul > li.fifthImg {
    width: 200px;
    height: 89px;
}
	
	.strategic_sourcing ul li span, .strategy_project ul li span, .supply_chain ul li span {
    padding-top: 25px;
    padding-left: 30px;
    font-size: 16px;
	padding-right:5px;
}
	
	.strategic_sourcing ul li.secondImg .br {
    width: 103px;
    height: 41px;
}
	
	.strategic_sourcing ul li.fourthImg .cs {
	width: 103px;
    height: 41px;
}
	
	.strategic_sourcing ul li.fifthImg .as {
    width: 103px;
    height: 41px;
}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.strategic_sourcing > ul > li.fifthImg > span{
		padding-left:39px;
	}
	
	.strategy_project ul li.firstImg, .supply_chain ul li.firstImg {
    width: 200px;
    height: 89px;
	margin-bottom:19px;
}
	
	.strategy_project ul li.secondImg, .supply_chain ul li.secondImg {
    width: 200px;
    height: 89px;
	margin-bottom:17px;
}
	
	.strategy_project ul li.thirdImg {
    width: 200px;
    height: 89px;
	margin-bottom:39px;
}
	
	.strategy_project ul li.fourthImg{
	width: 200px;
    height: 89px;
	margin-bottom:17px;
	}
	
	.strategy_project ul li.thirdImg .ap {
    width: 103px;
    height: 41px;
	margin-top:-15px;
}
	
	.supply_chain ul li.firstImg .ps {
	width: 103px;
    height: 29px;
	}
	
	.supply_chain ul li.secondImg .os{
	width: 103px;
    height: 41px;
	}
	
	.strategy_project ul li.firstImg span{
		padding-top:27px;
	}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.strategy_project > ul > li.secondImg > p > span{
		padding-left:45px;
	}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.strategy_project > ul > li.thirdImg > span{
		padding-left:45px;
	}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.strategy_project > ul > li.fourthImg > span{
		padding-left:45px;
	}
	
	.supply_chain ul li.firstImg span {
    padding-top: 21px;
}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.supply_chain > ul{
		padding-left: 54px;
	}
}

/*******************576px***************/
@media(max-width:576px){
body > div.contact-page.mt-5 > div > div > div.col-md-4 > p{
	    padding-left: 60px;
	}

	body > div.contact-page.mt-5 > div > div > p > button{
    top: -40px;
	}
	
	body > div.contact-page.mt-5 > div > div > div.col-md-4 > h4{
		margin-top:10px;
	}
	
	.strategy_project {
    margin-left: 0px;
	}
	
	.supply_chain {
    float: none;
    width: 50%;
    margin-left: 63px;
}
	
	.strategic_project_content {
	margin-left: 0;
	width:100%;
}

	.strategic_project_content .arrow2 {
    width: 48px;
    height: 59px;
    top: -15px;
    left: 0;
}
	
	.section2 .strategic_project p {
    margin-left: 42px;
}
	
	.strategic_supplychain_content .arrow2 {
    width: 48px;
    height: 59px;
    top: -65px;
    left: 8px;
}
	
	.strategic_supplychain_content {
    float: none;
	display:block;
    background-image: none;
    background-color: #f2f2f2;
    height: auto;
    width: 93%;
	left:15px;
    padding: 15px 0;
}
	
	.strategic_supplychain h2 {
    text-align: left;
    font-size: 18px;
    margin-left: 63px;
}
	
	.strategy_project ul li.firstImg, .supply_chain ul li.firstImg{
		margin-bottom:17px;
	}
	
	.strategic_sourcing ul li.fourthImg, .strategy_project ul li.secondImg, .supply_chain ul li.secondImg, .strategy_project ul li.thirdImg, .strategy_project ul li.fourthImg, .strategic_sourcing ul li.fifthImg{
		margin-bottom:17px;
	}
	
	.strategy_project h2{
		margin-left:54px;
	}
	
	body > div.service-content.mt-5 > div > div:nth-child(1) > div > div.supply_chain > ul > li.firstImg{
		margin-bottom:32px;
	}
	
	.supply_chain ul li.secondImg .os{
		margin-top:-9px;
	}
	
	.strategic_sourcing_content{
		width:100%;
	}
	
	body > div.service-content.mt-5 > div > div.row.mt-5.section2 > div > div.strategic_project.mt-5{
		position:relative;
	}
}


a.term{font-size:14px; float:right;}