.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.row { max-width:100%; width:100%;}
.np { padding:0;}
.nm { margin:0;}
.container { max-width:1280px; width:100%;}
html,body { width:100%; max-width:100%; font-family: 'Montserrat'; margin:0; padding:0; overflow-x:hidden;  font-size:12px; color:#000; position:relative; line-height: 24.99px;}
a {color: #000;text-decoration: none;}
/**header***/
#menu { position: absolute; background-color: #fff; height: 100%; z-index: 11; max-width: 352px; width:100%; top: 0; 
       -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;opacity: 1;}
.left { left: -352px; }
.right-header { position:absolute; left:0; right:0; background-color:transparent; z-index:10;}
.logo-holder {  background:transparent; min-height:100%; margin:45px 0;}
.logo-holder a, .logo-holder a img { margin:0 auto; display:block; width:235px;}
.show { left: 0; }
.show-menu { margin-left: 100%; position: absolute; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;  transition: all 0.3s ease;
             background-color:transparent; z-index:3; width: 35%; top:0; text-align:center; opacity:1;}
.show-menu :hover {opacity:1;}

.navi { position:absolute; z-index:7; padding: 50px 20px 0 15px;}
.navi a { font-family:'Montserrat'; color:#000; text-transform:uppercase; font-size:21px; line-height:35px; display:block; text-decoration:none; 
         -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.navi a:hover {color:#000;}
.navi ul { border-left:1px solid;}
.navi ul li { list-style:none; }
.navi ul li a { font-size:16px !important; line-height:normal !important; margin-bottom:20px; text-transform:capitalize !important;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #000 !important; border-radius:0px;}
.social-media-icon { position:absolute; z-index:8; bottom:25px; padding:20px;}
.social-media-icon a { margin-right:25px;}

.hamburger { padding:0px  !important; opacity:1; }
.icon-trigger { position:absolute; top:0; left:0;}
.icon-trigger img { width:74px; height:74px;}

.icon-trigger-two, .icon-trigger-two:hover { display:block; cursor:pointer; position:absolute; z-index:12; padding:0; right:0; top:0; opacity:1; }
.icon-trigger-two img { width:54px; height:54px;}

.show-menu.scrolling .hamburger--collapse { display:none;}
.show-menu.scrolling .logo-holder a{ display:none;}
.show-menu.scrolling .show{ display:none;}
/**end header**/
.banner {width: 100%;background-color: #000;}
.banner img {opacity: 0.5;}
.caption-banner { margin: 0 auto; position: absolute; z-index: 4; color: #fff; width: 100%; top: 190px; left: 0; right: 0;line-height:50px; font-size:35px;   font-family: 'Montserrat'; }
.description-holder { margin:120px 0 0 0; border-left:solid 1px; }
.description-holder1 { margin:50px 0 0 0; border-left:solid 1px; }
.description-holder h5 { margin-left:50px; font-size:21px; text-transform:uppercase; letter-spacing:1px;}
.description-holder p { margin-left:50px; font-size:17px;}
.description-holder1 h5 { margin-left:50px; font-size:21px; text-transform:uppercase; letter-spacing:1px;}
.description-holder1 p { margin-left:50px; font-size:17px;}


/**services**/
.caption-banner1 { margin: 0 auto; position: absolute; z-index: 4; color: #fff; width: 100%;  top: 200px; left: 0; right: 0;}
.caption-banner1 h1 {  font-size:35px;   font-family: 'Montserrat'; line-height:50px;}
.caption-banner1 p { font-size:17px; text-transform:none; margin-top:20px;display: none;}
.next { margin:20px 0 0 0;}
.back { margin:15px 0 0 0;}
.next a { font-size:13px; color:#000; text-transform:uppercase; text-align:justify;}
.back a { font-size:13px; color:#000; text-transform:uppercase; text-align:justify;}
.next a:hover { text-decoration:none;}
.back a:hover { text-decoration:none;}

.text-center { text-align:center; text-transform:uppercase;}
.img-about { background-color:#000;}
.img-about img{ opacity:.6; }
.description-text-field { padding:90px 0 25px 0; width:100%; margin:0 auto; color:#000; }
.description-text-field h5 { letter-spacing:1px; font-size:21px; text-transform:uppercase; margin:0 0 20px 0;text-align: left;}
.description-text-field div { font-size:17px; line-height:30px; text-align:justify; margin-bottom:60px; }
.text-banner { position:absolute; z-index:4;  bottom:160px; left:0; right:0; text-align:center; width:100%;}
.text-banner div{ font-size:35px; color:#fff; letter-spacing:1px; text-transform:uppercase; line-height:50px; font-family: 'Montserrat';}
.text-banner-partners { position:absolute; z-index:4;  bottom:60px; left:0; right:0; text-align:center; width:100%;}
.text-banner-partners div{ font-size:35px; letter-spacing:1px; color:#fff; text-transform:uppercase; line-height:50px; font-family: 'Montserrat';}


@media(max-width:1024px){.caption-banner { margin: 0 auto; position: absolute; z-index: 4; color: #fff; width: 100%; top: 170px; left: 0; right: 0;line-height:30px; font-size:23px;   font-family: 'Montserrat'; }
.caption-banner1 { margin: 0 auto; position: absolute; z-index: 4; color: #fff; width: 100%;  top: 170px; left: 0; right: 0;}
.caption-banner1 h1 {  font-size:23px;   font-family: 'Montserrat'; line-height:30px;}
.caption-banner1 p { font-size:12px; text-transform:none; margin-top:20px;}
.pull-right {float: none!important; display: block;text-align: center;}
}

@media(max-width:991px){
.caption-banner { color:#000;  top:330px;}	
.caption-banner1 { color:#000;  top:280px;}	
.description-holder { margin:140px 0 0 0; border-left:solid 1px; }
.text-banner, .text-banner-partners { position:static; color:#000; bottom:0; margin-top:100px; padding:0 20px;}
.text-banner div, .text-banner-partners div { color:#000 !important;}
.description-text-field { padding:180px 20px 25px 20px;}
.caption-banner1 p{display:none;}
.pull-right {float: none!important; display: block;text-align: center;}
}

@media(max-width:980px){}
@media(max-width:800px){
.caption-banner { color:#000;  top:250px;}	
.caption-banner1 { color:#000;  top:265px;}		
}
@media(max-width:768px){}
@media(max-width:736px){
.logo-holder a img { width:80%;}
.logo-holder { margin-top:60px;}
.description-holder { margin:220px 0 0 0; border-left:solid 1px; }
}
@media(max-width:414px){
.caption-banner {
    color: #000;
    top: 150px;font-size: 17px;
}
.description-holder {
    margin: 120px 10px 0 0;
    border-left: solid 1px;
}
.logo-holder a img { width:60%;}
.logo-holder { margin-top:40px;}
.description-holder p {
    margin-left: 20px;
    font-size: 15px;
}
.description-holder1 p {
    margin-left: 20px;
    font-size: 15px;
}
.description-holder1 h5{font-size: 17px;margin-left: 20px;
}
.description-holder h5{font-size: 17px;margin-left: 20px;
}
.description-text-field h5 {
    letter-spacing: 1px;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    text-align: left;padding-left: 20px !important;
}
.description-text-field div {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 60px;
    padding-left: 20px !important;
}
.caption-banner1 h1 {
    font-size: 17px;
    font-family: 'Montserrat';
    line-height: 30px;
}
.caption-banner1 {
    color: #000;
    top: 120px;
}

}
@media(max-width:375px){.caption-banner {
    color: #000;
    top: 150px;font-size: 16px;
}
.description-holder {
    margin: 120px 10px 0 0;
    border-left: solid 1px;
}
.logo-holder a img { width:60%;}
.logo-holder { margin-top:40px;}
.description-holder p {
    margin-left: 10px;
    font-size: 14px;
}
.description-holder1 p {
    margin-left: 10px;
    font-size: 14px;
}
.description-holder1 h5{font-size: 16px;margin-left: 10px;
}
.description-holder h5{font-size: 16px;margin-left: 10px;
}
.description-text-field h5 {
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: left;padding-left: 10px !important;
}
.description-text-field div {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 60px;
    padding-left: 10px !important;
}
.caption-banner1 h1 {
    font-size: 16px;
    font-family: 'Montserrat';
    line-height: 30px;
}
.caption-banner1 {
    color: #000;
    top: 120px;
}}


@media(max-width:320px){.caption-banner {
    color: #000;
    top: 130px;font-size: 15px;line-height: 20px;
}
.description-holder {
    margin: 120px 10px 0 0;
    border-left: solid 1px;
}
.logo-holder a img { width:50%;}
.logo-holder { margin-top:30px;}
.description-holder p {
    margin-left: 10px;
    font-size: 13px;
}
.description-holder1 p {
    margin-left: 10px;
    font-size: 13px;
}
.description-holder1 h5{font-size: 15px;margin-left: 10px;
}
.description-holder h5{font-size: 15px;margin-left: 10px;
}
.description-text-field h5 {
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: left;padding-left: 10px !important;
}
.description-text-field div {
    font-size: 15px;
    line-height: 27px;
    text-align: justify;
    margin-bottom: 60px;
    padding-left: 10px !important;
}
.caption-banner1 h1 {
    font-size: 15px;
    font-family: 'Montserrat';
    line-height: 27px;
}
.caption-banner1 {
    color: #000;
    top: 120px;
}}