@font-face {
    font-family: 'LibreFranklin-Regular';
    src: url('fonts/LibreFranklin-Regular.eot');
    src: local('☺'), url('fonts/LibreFranklin-Regular.woff') format('woff'), url('fonts/LibreFranklin-Regular.ttf') format('truetype'), url('fonts/LibreFranklin-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('fonts/Roboto-Medium.eot');
    src: local('☺'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.eot');
    src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {*/
    /*font-family: 'Montserrat-ExtraBold';*/
    /*src: url('fonts/Montserrat-ExtraBold.eot');*/
    /*src: local('☺'), url('fonts/Montserrat-ExtraBold.woff') format('woff'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('fonts/Montserrat-ExtraBold.svg') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
@font-face {
    font-family: 'LibreFranklin-Light';
    src: url('fonts/LibreFranklin-Light.eot');
    src: local('☺'), url('fonts/LibreFranklin-Light.woff') format('woff'), url('fonts/LibreFranklin-Light.ttf') format('truetype'), url('fonts/LibreFranklin-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {*/
    /*font-family: 'Staatliches-Regular';*/
    /*src: url('fonts/Staatliches-Regular.eot');*/
    /*src: local('☺'), url('fonts/Staatliches-Regular.woff') format('woff'), url('fonts/Staatliches-Regular.ttf') format('truetype'), url('fonts/Staatliches-Regular.svg') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
@font-face {
    font-family: 'LibreFranklin-Thin';
    src: url('fonts/LibreFranklin-Thin.eot');
    src: local('☺'), url('fonts/LibreFranklin-Thin.woff') format('woff'), url('fonts/LibreFranklin-Thin.ttf') format('truetype'), url('fonts/LibreFranklin-Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {*/
    /*font-family: 'LibreFranklin-ExtraBold';*/
    /*src: url('fonts/LibreFranklin-ExtraBold.eot');*/
    /*src: local('☺'), url('fonts/LibreFranklin-ExtraBold.woff') format('woff'), url('fonts/LibreFranklin-ExtraBold.ttf') format('truetype'), url('fonts/LibreFranklin-ExtraBold.svg') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans-Regular.eot');
    src: local('☺'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: local('☺'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*generale*/
*:focus,*:active,button:focus{outline: none;}
.who-we-are,.vision,.services,.alliance,.contactus,.contactusnow,#team,#principals {color:#0a215e;}
.who-we-are h1,.vision h1,.services h1,.contactus h1,.alliance h1, #team h1,#principals h1{
    /*font-family: LibreFranklin-Regular;*/
   font-family: Calibri;font-size: 45px;font-weight: 300;
}
.btns a{color:#ffffff;padding: 8px 49px;font-family: LibreFranklin-Thin;text-transform: uppercase;}
.btns a:hover{text-decoration: none;opacity: 0.7;}
.btns a.services{background-color:#ca2a49;}
.btns a.suppliers{background-color:#ffffff;color:#0a4c94;}
.btns .outline{background-color:#ffffff;border:1.5px solid #0a215e;padding: 8px 49px;color:#0a215e;font-family: Roboto-Medium;}
.btns .outline:hover{cursor:pointer; opacity:.7}
.container{max-width: 1300px;}
a:hover{text-decoration: none;opacity: 0.7;}
.line-h-35{line-height: 35px!important;}
.no-border-right{border-right: none!important;}
.no-border-left{border-left: none!important;}
/*navbar*/
.navbar-brand{flex:40;}
nav a{
    /*font-family: LibreFranklin-Regular;*/
    color:#0a215e;font-family: Calibri;}
nav a:hover{color:#0a215e;opacity: 0.7;}
nav li{padding: 0 10px;}
nav svg{width: 250px;height: auto;}
.navbar-toggler-icon{background-image: url("../image/nav.svg");}
.menu-color-border >div:first-child{height: 5px;width: 70%;background-color: #0a215e;float: left;}
.menu-color-border >div:nth-child(2){height: 5px;width: 30%;background-color: #ca2a49;float: right;}
.menu-color-border{height: 4px;}
.menu .dropdown button{background-color: transparent;
    font-family: Calibri;
    /*font-family: LibreFranklin-Regular;*/
    color: #0a215e;}
.menu .dropdown button:focus{box-shadow: none;}
.navbar-nav .dropdown-menu{background-color: #0a215e;border-radius: 0;margin-top: -2px;}
.navbar-nav .dropdown-menu a{color:#ffffff;
    /*font-family: LibreFranklin-Regular;*/
    font-family: Calibri;
    font-size: 12px;}
.dropdown-item:hover, .dropdown-item:focus{text-decoration: underline;background-color: transparent;opacity: 1;}
.dropdown-toggle::after{display: none;}
.dropdown > button:hover + .dropdown-menu{display: block;}
.dropdown  .dropdown-menu:hover{display: block;}
/*slider*/
.banner{position: relative;background-image: url('../image/cover1.jpg');background-repeat: no-repeat;height: calc(100vh - 90px);background-position: center;background-size: cover;margin-bottom: 110px;}
.banner img{width: 100%;}
.banner > div{position: absolute;bottom: 0;left: 0;right: 0;color: #ffffff;background: rgba(15, 17, 43, 0.71);width: 40%;height: 250px;text-align: right;padding: 35px;}
.banner h2{font-family: Roboto-Medium;font-size: 45px;margin: 0;}
.banner h5{font-family: Roboto-Light;font-size: 37px;}
/*whoweare*/
/*.who-we-are{background-color: #e6e6e6;font-family: LibreFranklin-Light;color:#0a215e;padding-top: 200px;}*/
.who-we-are p{line-height: 20px;}
.who-we-are .img img{width: 100%;}
.who-we-are .img > .content{
    /*background-color: #0a4c94;padding-bottom: 20px;*/
    margin-bottom: -20px;}
.who-we-are a{color:#0a215e;}
/*vision*/
.vision{margin: 155px auto;}
.vision .content{margin: 50px 0;}
.vision .content >div:not(:last-child) p:after{content: '';width: 2px;height: 28px;background-color: #999999;display: inline-block;position: absolute;right: 0;top: 50%;}
.vision img{margin-bottom: 12px;width: 50px;}
.vision .content p{padding: 0;font-family: Calibri;
    /*font-family: LibreFranklin-Light;*/
}
.vision h4{font-size: 20px;font-family: LibreFranklin-Light;}
/*services*/

.services{margin: 20px 0;}
.services .row .bg-grey{position: relative;background-color: #ffffff;border: 6px solid #0a215e;height: 367px;
    /*margin-top: -35px;margin-bottom: 35px;*/
}
.services img{width: 100%;}
.services .content img{
    /*float: left;width: 75px;margin-right: 10px;*/
    float: left;width: 191px;margin-right: 10px;height: 153px;margin-bottom: 10px;}
.services p{
    /*font-family: LibreFranklin-Light;*/
    font-family: Calibri;line-height: 22px;font-size: 16px;font-weight: 300;}
.services .image{background-repeat: no-repeat;background-position: center;background-size: cover;height: 367px;}
.services .image-services{background-image: url("../image/services.jpg");}
.services .image-vision{background-image: url("../image/vision.jpg");}
.services .image-mission{background-image: url("../image/value.jpg");}
.services .image-supplies{background-image: url("../image/supplies.jpg");}
.services .image-value{background-image: url("../image/mission.jpg");}
.services a{color:#0a215e;}
.services .gallery >a{height: 296px;margin-bottom: 30px;}
.services .gallery .img{
    /*height: 300px;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;*/
    position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;height: 183.5px;display: inline-block;float: left;}
.services-gallery .images{padding: 0;}
.services .gallery .images>a{position: relative;width: 216px;height: 183.5px;display: inline-block;}
.servicesMenu .gallery .images>a{  float: left;}
.suppliesMenu .gallery .images>a{float: right;}
.suppliesMenu .gallery .images>a{width: 324px;}
.suppliesMenu .bg-grey>div{margin-bottom: -12px;}
.services .tubular{background-image: url("../image/services/Services---Tubular-Running.jpg");}
.services .completion{background-image: url("../image/services/Services---Completion-Sub-Assembly.jpg");}
.services .controlled{background-image: url("../image/services/Services---Controlled-Pressure-Drilling.jpg");}
.services .airLoop{background-image: url("../image/services/Services---Air-Loop-&-H2S-Safety.jpg");}
.services .integrity{background-image: url("../image/services/Services---Integrity-&-Corrosion-Engineering.jpg");}
.services .plant{background-image: url("../image/services/Services---Plant-Maintenance.jpg");}
.services .petroleum{background-image: url("../image/supplies/Supplies---Petroleum.jpg");}
.services .process{background-image: url("../image/supplies/Supplies---Process.jpg");}
.services .safety{background-image: url("../image/supplies/Supplies---Safety.jpg");}
.services .uniforms{background-image: url("../image/supplies/Supplies---Tailoring.jpg");}
.services .image-whoweare{background-image: url("../image/whoweare.jpg");}
.services-gallery{height: auto;}
.services .overlay{position: absolute;bottom: 0;width: 100%;padding: 6px;text-align: center;color:#ffffff;text-transform: uppercase;background-color: rgba(0, 0, 0,0.5);letter-spacing: 3px;font-size: 12px;}
.services .bg-grey .content{padding:0 30px!important;}
/*alliance*/
.alliance{margin: 130px 0;}
.alliance h1{padding-bottom: 50px;}
.alliance .content{background-color: #0a215e;padding: 50px 20px;margin-bottom: 100px;border: 6px solid #0a215e;color:#ffffff;}
.alliance h2{font-family: LibreFranklin-Regular;font-size: 26px;}
.alliance p{font-size: 16px;font-weight: 300;font-family: Calibri;}
.alliance img{float: left;width: 130px;}
.alliance .content .text{margin: 0 56px;}
.alliance .content .container > div{margin: auto;}

/*management*/
#team{margin: 130px 0;}
#team h1{padding-bottom: 20px;}
#team .row>div>div{padding:30px; border:1px solid #0a215e;height:calc(100% - 70px); margin:35px 20px;}
#team a{color:inherit;}
#team .media-object{max-width:125px; margin-right:25px; margin-bottom:15px; border:2px solid #0a215e}
/*map*/
#map {width: 100%;height: 400px;background-color: grey;}
.contactus h1{margin-bottom: 50px;}
.contactus .content{background-color:#0a215e;position: absolute;bottom: 0;color:#ffffff;padding: 50px 49px 50px 330px;}
.contactus .content p{margin: 0;font-family: OpenSans-Regular;line-height: 26px;}
.contactus > div{position: relative;}
.contactus a{color: #ffffff;}
/*contactusnow*/
.contactusnow{margin: 130px 0 200px 0;}
.contactusnow h2{font-family: LibreFranklin-Regular;margin-bottom: 50px;font-size: 23px;}
.contactusnow .messagetext{height: 120px;}
.contactusnow input:not([type=submit]),.contactusnow textarea{font-family: OpenSans-Regular;width: 100%;height: 60px;max-width: 800px; margin: 0 auto 10px auto;padding: 0 10px;color:rgba(10, 33, 94, 0.5);border: 0.5px solid rgba(10, 33, 94, 0.5);text-align: center;}
.contactusnow input::-webkit-input-placeholder,.contactusnow textarea::-webkit-input-placeholder {font-family: OpenSans-Regular;color: rgba(10, 33, 94, 0.5);text-align: center;font-size: 20px;}
.contactusnow input::-moz-placeholder,.contactusnow textarea::-moz-placeholder {font-family: OpenSans-Regular;color: rgba(10, 33, 94, 0.5);text-align: center;font-size: 20px;}
.contactusnow input:-ms-input-placeholder,.contactusnow textarea:-ms-input-placeholder {font-family: OpenSans-Regular;color: rgba(10, 33, 94, 0.5);text-align: center;font-size: 20px;}
.contactusnow input:-moz-placeholder,.contactusnow textarea:-moz-placeholder {font-family: OpenSans-Regular;color: rgba(10, 33, 94, 0.5);text-align: center;font-size: 20px;}
input[type='number'] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
/*footer*/
.footer{background-color: #e6e6e6;}
.footer > .content{padding: 40px 15px;}
.footer a{display: inline-block;font-family: Roboto-Medium;color:#0a215e;font-size: 16px;padding: 0 20px 0 0;}
.footer .cpy{font-family: OpenSans-Regular;font-size: 14px;color:#0a215e;margin: 0;}
.footer .menu-color-border >div:first-child{width: 30%;}
.footer .menu-color-border >div:nth-child(2){width: 70%;}
#marker-tooltip {display: none;position:absolute;width: auto;height: auto;background-color: #ffffff;margin: 15px;border:1px solid #0a4c94;padding: 5px;}
.gm-ui-hover-effect{display: none!important;}
.suppliesMenu.mobile{display: none;}
.bg-blue{background-color: #0a215e!important;color:#ffffff;position: relative;border: 6px solid #0a215e;height: 367px;}
.iso-icons{justify-content: center;}
.iso-icons a{display: flex;flex-direction: column;align-items: center;    margin: 8px 8px 0 8px;}
.iso-icons p{font-size: 12px;font-family: Roboto-Light;}
.iso-icons img{width: 55px;}
@media only screen and (max-width: 990px) {
    /*.who-we-are {padding-top: 43px;padding-bottom: 65px;}*/
    .banner{height: 400px;}
    .banner h2 {font-size: 20px;}
    .banner h5 {font-size: 15px;}
    .banner > div{height: auto;}
    .contactus h1 {margin: 40px auto;}
    .contactus .content {padding: 32px 28px 32px 28px;}
    .contactusnow {margin: 50px 15px 80px 15px;}
    .contactusnow h2 {margin-bottom:43px;}
    .vision{margin: 50px auto;}
    .vision .content{margin:auto;}
    .vision .content >div:not(:last-child) p:after{display: none;}
    .services .content{position: relative;padding: 39px 0 53px 0;}
    .services{text-align: center;height: auto;}
    .services .content img{float: none;}
    .alliance .content{text-align: center;   padding: 30px 0 45px 0;}
    .services .overlay{padding:10px;}
    .alliance img {float: none;margin-bottom: 20px;}
    .alliance h1 {padding-bottom: 30px;}
    .alliance .content .text {margin: 0;}
    .alliance {margin: 7px 0;}
    .alliance p{margin-bottom: 38px;}
    .alliance .container > div{display: block!important;}
    nav{padding: 0!important;}
    nav img{margin-left: -10px;}
    .services .image {height: 40vh;}
    nav li{padding: 0;}
    .menu .dropdown button{padding-left: 0;}
    .services .gallery .images>a {width: 100%;}
    .services .gallery .images>a.white{display: none;}

    .bg-blue{height:auto;}
    /*.services p{font-size: 13px;}*/

}
@media only screen and (max-width: 768px) {
    .iso-icons img{width: 45px;margin: 0 0 5px 0;}
    .iso-icons p {
        font-size: 9px;
    }
    .suppliesMenu.desktop{display: none;}
    .suppliesMenu.mobile{display: block;}
    .alliance img {float: none;}
    .alliance .content .text{display: block!important;}
    .alliance .d-flex{display: block!important;}
    .no-border-right{border-right: 6px solid #0a215e!important;}
    .no-border-left{border-left: 6px solid #0a215e!important;}
    .services .row .bg-grey{height: auto;}
    .services .bg-grey .content {padding: 33px 30px!important;}
    .services {margin: 20px 15px;}
}
@media only screen and (max-width: 600px) {
    .banner >div{width: 45%;}
    .banner h2 {font-size: 13px;}
    .banner h5 {font-size: 12px;}
    .btns a {padding: 8px 24px;}
    .footer a{display: block;text-align: center;padding: 0;margin-bottom: 25px;}
    .footer .cpy{text-align: center;}
    .who-we-are h1, .vision h1, .services h1, .contactus h1, .alliance h1,#team h1 {font-size: 26px;}
    .alliance h2,.contactusnow h2{font-size: 20px;}
    .alliance p,.services p,.vision .content p,.who-we-are p,.contactus .content p,.footer a{font-size: 15px;}
    .banner > div {padding: 21px;}
    .contactusnow input::-webkit-input-placeholder {font-size: 14px;}
    .contactusnow input::-moz-placeholder {font-size: 14px;}
    .contactusnow input:-ms-input-placeholder {font-size: 14px;}
    .contactusnow input:-moz-placeholder {font-size: 14px;}
    .contactusnow input{font-size: 14px;}
    .banner{height: 300px;}
    .contactus .content {position: relative;width: 100%;text-align: center;padding: 10px 28px 12px 28px;}
}
@media only screen and (max-width: 410px) {
    .btns a {padding: 8px 15px;font-size: 12px;}
    .banner{height: 200px;}
    nav svg {width: 157px;}
}