@charset "utf-8";
/* CSS Document */

* {
    padding: 0px;
    margin: 0px;
}

::-moz-selection {

    background: #cccccc;
}

::selection {

    background: #cccccc;
}

body {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #5b5d63;
    font-family: 'PT Serif', serif;
    background: #ebebeb;
}

@font-face {
    font-family: Moderno;
    src: url(fonts/mod20.woff) format('woff');
    src: url(fonts/mod20.ttf);
}

/*****************************/

/*   bxslider:               */

/*****************************/

#bx-pager a {
    display: block;
    float: left;
    width: 25%;
}

#bx-pager img {
    width: 100%;
}

.banner-1 {
    margin-top: 0px;
}

.banner-1 img {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.bx-wrapper {
    margin: 0 auto;
}

.banner-1 .bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: none;
}

.bx-prev {
    margin-left: 20px;
}

.bx-next {
    margin-right: 20px;
}

.alternt .bx-wrapper .bx-controls-direction a {
    top: 0px;
    margin-top: -40px
}

.bx-wrapper .bx-controls-direction a {
    margin-top: 0px;
    z-index: 999;
}

.bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: none;
    background: none;
}



a {
    color: #5b5d63;
    cursor: pointer;
}

.container {
    padding: 0px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.wrapper {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fff;
    z-index: 1;
    padding-top: 120px;

}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}



h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 10px 30px;
    line-height: 1.6;

}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p,
a,
td,
th {
    font-family: 'PT Serif', serif;
}

h1 {
    font-size: 38px;
    line-height: 36px;
    padding: 35px 30px;
    text-align: center;
    font-family: "Playfair Display";
}
.section-title h2 {
    font-size: 38px;
    line-height: 36px;
    padding: 35px 30px;
    text-align: center;
    font-family: "Playfair Display";
    color: #5b5d63;
    font-weight: 400;
    text-transform: none;
}
.logo h1{
  padding: 0;
}
.icons h2 {
    font-size: 15px;

    padding: 20px 0px 20px;
    text-align: center;
    color: #5b5d63;
    text-transform: uppercase;

}

h2 {
    font-size: 18px;
    font-weight: 800;
    padding: 25px 30px 10px;
    text-align: center;
    color: #83b826;
    text-transform: uppercase;
    font-family: 'lato', serif;
}

h3 {
    font-size: 15px;
    font-weight: 800;
    padding: 25px 30px 10px;
    text-align: center;
    color: #83b826;
    text-transform: uppercase;
    font-family: 'lato', serif;
}
.about-section-title h3{
  font-size:18px;
  text-transform: uppercase;
}
h4 {
    font-size: 24px;
    line-height: 36px;
    padding: 24px 30px 10px;
    text-align: center;
}

p {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 30px 5px;
    text-align: left;
}

.row {
    padding: 0px;
    margin: 0;
}

ul {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding: 0;
}

#header {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0px;
    width: 100%;
    background: white;
    -webkit-box-shadow: 0 2px 8px -4px #999;
    box-shadow: 0 2px 8px -4px #999;
    z-index: 9999;
    max-width: 1366px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#header nav {
    //margin-left: 120px;
    margin-top: 25px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#header .socialnw,
#header .lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
    margin-left: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#header .lang {

    margin: 45px 0px 20px 0px;

}

#header .logo {
    margin: 0px;
    padding: 5px 5px;
    width: 150px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

/************small header***************/

#header.smaller {

    -webkit-transition: all 1s;

    transition: all 1s;
}

#header.smaller nav {
    //margin-left: 120px;
    margin-top: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#header.smaller .socialnw,
#header.smaller .lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    margin-left: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#header.smaller .lang {

    margin: 22px 0px 20px 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#header.smaller .logo {
    margin: 0px;
    padding: 5px 5px;
    width: 100px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

/***************************/

nav ul {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0px;
}

nav ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}

.socialnw p {
    padding: 10px;

}

.socialnw img:hover {
    opacity: 0.8;
}

.lang img {
    margin-top: 10px;
    width: auto;
    height: 100%;
}

.socialnw p,
.lang p {
    line-height: 15px;
}

.lang p {
    padding: 10px 8px;
    font-size: 13px;
}

.socialnw ul {
    padding-top: 4px;
    float: left;
    list-style: none;
    position: relative;
    margin: 0px;
}

.socialnw ul li {
    padding: 0px 15px;
    position: relative;
    float: left;
    margin: 0;
}

nav ul li a {
    display: block;
    color: #5b5d63;
    text-decoration: none;
    font-size: 15px;
    line-height: 80px;
    letter-spacing: 0.1px;
    padding: 0px 35px;
    font-weight: 800;
    cursor: pointer;
    font-family: 'lato', serif;
}

/********************/

.bannertxt {
    text-align: center;
    width: 100%; //margin-top: -30%;
    color: #fff;
}

.bannertxt2 {
    text-align: center;
    width: 100%;
    font-size: 25px;
    padding: 0px 100px; //margin-top: -22%;
    color: #cacaca;
}

.bantxt {
    text-align: center;
    position: absolute;
    top: 350px;
    width: 100%;
    background: rgba(0, 0, 0, 0.30);
    padding-bottom: 30px;

}

.borderstyle1 {

    border-left: 1px dashed #000;
}

.borderstyle2 {
    padding-bottom: 30px;

    border-top: 1px dashed #000;
}

.borderstyle3 {
    border-left: 1px dashed #000;
    border-top: 1px dashed #000;
}

.menu_icon {

    display: none;
    right: 0px;
    width: 33px;
    margin: 22px;
    cursor: pointer;
    position: absolute;
}

.icons img {
    margin: 20px 0px;
}

.icons img:hover {
   scale: 1;
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

/********************/

.parallax {

    background-image: url("../images/parallax.jpg");
    min-height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax h1 {
    padding: 40px 30px 30px;
    color: #fff;
}

.parallax p {}

.client img {
    margin: 0px 0px 50px;
}

.cliente1 {
    height: 120px;

}

.cliente2,
.cliente3,
.cliente4,
.cliente5 {
    width: 200px;
    height: 120px;
}

.cliente2 {
    margin-left: 70px;

}

.cliente3 {
    margin-left: 110px;

}

.cliente4 {

    margin-left: 150px;
}

.cliente5 {

    margin-left: 200px;
}

.parallax button p {
    margin: 10px 20px;
    color: #5b5d63;
    padding: 0px 0px;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
}

button {
    margin: 170px auto;
    background: #fff;
    outline: none;
    border: none;


}

/***********footer**************/

.footer {

    background-color: #3c3d41;

}

.footer ul li {
    padding: 4px 0px;

}
 .footernav ul li a{

        padding-left: 10px;
    }
.footer ul li a {
    font-size: 13px;
    font-weight: 800;
    font-family: 'lato', serif;
    text-decoration: none;
    color: #fff;

    cursor: pointer;
}
.footer ul li a p
{
    padding: 5px 10px;
}
.footersocial ul li {
    padding: 6px 0px;

}

.footersocial ul li a {
    font-family: 'PT Serif', serif;

    font-size: 14px;
    color: #999;

}

.footersocial h4, .footer h4 {

    font-size: 13px;
    padding: 0px;
    text-align: left;
    color: #fff;
    font-family: 'lato', serif;
    font-weight:800;

}

.footer p {
    font-size: 14px;
    line-height: 15px;

    text-align: left;
    color: #999;
}

.contact {
    margin: 50px 0px 40px 0px;
    padding-left: 10px;
    padding-left: 50px;
}

.contact h2 {
    font-size: 13px;
}

.footersocial {
    margin: 50px 0px 40px 0px;
    border-right: 1px solid #4e5054;
    padding-left: 10px;
    padding-left: 50px;
}

.footernav {
    border-right: 1px solid #4e5054;
    padding-left: 50px;
    margin: 50px 0px 40px 0px;
}

.rights {
    border-right: 1px solid #4e5054;
    margin: 50px 0px 40px 0px;
    padding-left: 50px;
    width: 250px;
}

 .rights p {
       padding: 5px 0px 10px;
    }

.footerlogo {
    margin: 50px 0px 40px 10px;
    padding: 14px 0px;
    width: 180px;
    border-right: 1px solid #4e5054;
}

.contact .row {
    padding: 15px 0px;
}

.contact p {
    padding: 12px 10px;
    color: #fff;
    font-size: 22px;
    line-height: 1px;
}




/**********ourconsultants page***************/

.ourconsultants p {


    line-height: 27px;
    padding: 15px 20px 0px 10px;
    text-align: left;

}



/***********aboutus**************/

.gray {
    background: #f7f7f7;
    padding: 0px 0px 20px 30px;
}

.abouti img {
    padding: 10px 0px;
    width: 100px;
}

.abouti p {
    text-align: center;
    padding: 5px 0px;
}

.aboutbanner,
.aboutbanner2,
.aboutbanner3 {


    background-attachment: fixed;
    background-position: 0px 78px;
    background-repeat: no-repeat;

    -webkit-box-shadow: inset 0px -20px 30px -20px #000;

    box-shadow: inset 0px -20px 30px -20px #000;
}

.aboutbanner {

    background-image: url("../images/pattern2.jpg");

}

.aboutbanner2 {

    background-image: url("../images/pattern2.jpg");

}

.aboutbanner3 {

    background-image: url("../images/pattern1.jpg");

}

.aboutbanner h2,
.aboutbanner2 h2,
.aboutbanner3 h2 {
    line-height: 36px;
    padding: 80px 30px 80px;
    text-align: center;
    font-family: Moderno;
    text-shadow: 0px 0px 8px #000;
    color: #fff;
}

.innerh2 {
    color: #83b826;
    padding: 20px 30px 30px;
    text-align: left;
    font-size: 15px;
}

hr {
    margin: 20px 30px 0px 30px;
    border: 0;
    border-top: 1px solid #eee;
}

.center h2,
.center p {

    text-align: center;

}

.center p {
    padding: 20px 0px 20px 0px;
    font-size: 15px;
}

.centeralign p {
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.equipment {
    padding: 20px 0px;
    margin: 10px 20px 0px;
    background: #fff;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 10px 10px 15px -5px #dedede;
    box-shadow: 10px 10px 15px -5px #dedede;
}

.ulservice ul {
    padding: 20px;
}

.ulservice ul li {
    font-size: 18px;
    line-height: 30px;
    margin: 0px 0px;
    text-align: center;
}

.ourclin {
    height: 80px;
    padding: 20px 0px 0px;
}

.servicesmain p {


    line-height: 30px;
    padding: 10px 0px;
    text-align: center;

}

.services img {
    padding: 10px 0px;
}

.services p {
    padding: 20px 0px;
}

.services {
    margin: 10px 40px; // padding: 20px 10px;
    background: #fff; //box-shadow: 0px -5px  3px -3px #999;
    border-radius: 4px;
}

.partnering p {
    text-align: center;
}

/********MQ*******/

@media screen and (min-width:1366px) {
    .aboutbanner,
    .aboutbanner2,
    .aboutbanner3 {


        background-attachment: fixed;
        background-position: 0px 78px;
        background-repeat: no-repeat;
        background-size: 100%;
        -webkit-box-shadow: inset 0px -20px 30px -20px #000;
        box-shadow: inset 0px -20px 30px -20px #000;
    }
}

@media screen and (max-width:1220px) {
    nav ul li a {
        padding: 0px 20px;
    }
}

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

    .bantxt {

        top: 200px;

    }

    .socialnw {

        margin-left: -35px;
    }
}

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

    .parallax p {
        margin: 0px 30px;
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 25px;
    }
    #header.smaller nav {
        margin-left: 0px;
    }
    #header nav {
        margin-left: 0px;
    }

    .contact {

        padding-left: 10px;

    }
    .footersocial {
        width: 150px;
        padding-left: 20px;
    }
    .footernav {
        width: 140px;
        padding-left: 10px;
    }
    .rights {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
.rights p {
    padding: 8px 0px 10px;
}

    .footerlogo {
    width: 150px;

}
}


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

    .aboutbanner h1,
.aboutbanner2 h1,
.aboutbanner3 h1 {

    padding: 80px 30px 80px;

}

    .widthbx{
        width: 500px;
    }

    .ourconsultants p {

        padding: 10px 20px 10px 20px;

    }

    .wrapper {

        padding-top: 83px;

    }
    .gray {
        padding: 0px 0px 30px 0px;
    }

    .footerlogo {
        margin: 10px 40px;

        border-right: none;
    }
    /************small header***************/
    #header nav {
        margin-left: 0px;
        margin-top: 0px;
    }
    #header .socialnw,
    #header .lang {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 5px;
        margin-left: 40px;
    }
    #header.smaller .socialnw {
        margin-top: 5px;
        margin-left: 40px;
    }
    #header.smaller .lang {

        margin: 10px 0px 20px 50px
    }
    #header .lang {

        margin: 10px 0px 20px 50px
    }

    #header .logo {
        margin: 0px;
        padding: 5px 5px;
        width: 100px;
    }
    /***************************/
    .bantxt {

        top: 150px;

    }


    .parallax p {
        margin: 0px 10px;
        padding: 10px;
        font-size: 18px;
    }

    h1 {
        font-size: 30px;
    }

    .menu_icon {
        display: block;
    }
    nav ul {
        margin-left: 25px;
    }
    nav ul li {
        float: inherit;
    }
    nav ul li a {
        line-height: 50px;
        padding: 0px;
        text-align: center;
    }

    .borderstyle1,
    .borderstyle2,
    .borderstyle3 {

        border: none;
    }

    .aboutbanner {
        background-image: url(../images/pattern2.jpg);
        background-attachment: scroll;
        background-position: 0px;
        background-repeat: no-repeat;

        -webkit-box-shadow: inset 0px -20px 30px -20px #000;

        box-shadow: inset 0px -20px 30px -20px #000;
    }

    .cliente2 {

        margin-left: 0px;

    }
    .cliente3 {
        margin-left: 0px;

    }
    .cliente4 {

        margin-left: 0px;
    }
    .cliente5 {

        margin-left: 0px;
    }
    .icons h2:first-child{
        border-top:none;
    }
    .icons h2 {
   border-top: 1px dashed #444;
   width: 85%;
   margin: auto;
}
        .borderstyle1 h2 {
   border: none;
}

}

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

    .footerlogo {
        margin: 25px 20px;
        border-right: none;
    }

    .contact {
        border-right: none;
        margin: 40px 20px;

    }
    .footersocial {
        border-right: none;
        margin: 25px 10px;
    }
    .footernav {
        border-right: none;
        margin: 25px 10px;
    }
    .rights {
        border-right: none;
        margin: 25px 20px;
    }

}

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

    .bantxt {

        top: 80px;

    }
}

@media screen and (max-width:600px) {
    .widthbx{
        width: 100%;
    }
    .bantxt {
        position: relative;
        width: 100%;
        top: 0px;
        background: rgba(0, 0, 0, 0.10);
    }
    .bannertxt {
        color: #5b5d63;
    }

    .bannertxt2 {
        padding: 0px 30px;
        color: #5b5d63;
        font-size: 18px;
    }
}

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

    .parallax {

        background-image: url("../images/parallax.jpg");
        min-height: 400px;
        background-attachment: scroll;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .aboutbanner {
        background-image: url(../images/pattern2.jpg);
        background-attachment: scroll;
        background-position: 0px;
        background-repeat: no-repeat;

        -webkit-box-shadow: inset 0px -20px 30px -20px #000;

        box-shadow: inset 0px -20px 30px -20px #000;
    }

    .borderstyle1 h2 {
   border: none;
}

.icons h2 {
     border: none;

}

    .contact p {
    padding: 14px 0px;
    font-size: 18px;

}
}