/**MENU **/

.navicon { width: 100%; background: transparent; margin: 80px auto 40px; position: relative; height: 30px;  width: 50px; display: block; z-index: 99; }
.navicon:before, .navicon:after { background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ""; height: 4px; left: 0; -webkit-transition: 0.8s ease; transition: 0.8s ease;  width: 30px; }

.navicon:before { -webkit-box-shadow: #fff 0 10px 0 0; box-shadow: #fff 0 10px 0 0; position: absolute; top: 0; }
.navicon:after { position: absolute; top: 20px; }

.navicon-active { -webkit-transition: linear 0.5s all; transition: linear 0.5s all; }

.navicon-active:before { -webkit-box-shadow: transparent 0 0 0 0; box-shadow: transparent 0 0 0 0; top: 15px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.navicon-active:after { top: 15px; -webkit-transform: rotate(315deg); transform: rotate(315deg); }

.toggle { display: block; width: 30%; background-color: rgba(25, 80, 144, .7); padding: 15px; display: block; opacity: 0; -webkit-transition: ease-in 0.5s all; transition: ease-in 0.5s all; -webkit-transform: translateY(-200%); transform: translateY(-200%); min-width: 280px; }

.toggle-active { z-index: 7; display: block; opacity: 1; -webkit-transition: ease-in 0.5s all; transition: ease-in 0.5s all; -webkit-transform: translateY(0); transform: translateY(0); }

.togglemenu { padding: 0; }
.togglemenu li { width: 50%; display: block; margin: 10px auto; }
.togglemenu li a { text-decoration: none; color: #fff; display: block; text-align: center; font-size: 15px; text-transform: uppercase; border-bottom: 2px solid transparent; -webkit-transition: linear 0.5s all; transition: linear 0.2s all; font-weight: 500; padding: 5px 0; }

.togglemenu li a:hover { color: #fff; border-bottom: 2px solid #fff; -webkit-transition: linear 0.5s all;transition: linear 0.5s all; -webkit-transform: scale(1.15); transform: scale(1.15); font-weight: 700; }

.navbar { z-index: 8; position: fixed; }
.navbar-menu {  z-index: 8; right: 2%; top: -20%; height: 100%; max-height: 200px; }

img.ami-logo {  width: 70%; margin: 20px auto; }
.services-banner .banner-text { z-index: 7; height: 100%; min-height: 85vh; text-align: center; }
.banner-text { z-index: 7; height: 100%; min-height: 630px; text-align: center; }
.header.p-relative { height: 100%; }
.ami-banner { width: 100%; height: 100%; overflow: hidden; }
.ami-banner img { width: 100%; max-height: 630px; }
.fixed .navicon { margin: 60px 0 40px auto; }
.fixed img.ami-logo { width: 55%; margin: 5px 0; }

.fixed { background: rgba(175, 175, 175, 0.63); }

/*HOME */

/*section#ami-contact-us, #contact-us-wrapper { background-size: cover; background: url(images/contact-us-bg.png)no-repeat center fixed; }
*/section#ami-studies { background-size: cover; background: #f7f7f7; padding: 5em 0; background-size: 100%;}
section#ami-ready { background-size: cover; background: url(images/ready-bg.gif)repeat center fixed; object-fit: cover; padding: 4em 0; }
section#ami-testimonials { background-size: 100% 100%, cover; background: url(images/ami-testi-bg.jpg)no-repeat; }
section#ami-partners { background-size: 100% 100%, cover; background: url(images/partner-new-bg-new.png)repeat fixed center;  height: 315px; overflow: hidden; padding: 20px; }

h1.block-title { margin-top: 0; margin-bottom: .8em; font-size: 28px; }

.partners-img img { width: 85%; }

.banner-text h2 { font-size: 20px; width: 50%; margin: auto; }

/*about*/

#ami-about {  background: url(images/about-us-bg.png)no-repeat 50%; background-size: cover; }

.about-desc { margin: 0 0 0 auto; width: 45%; font-size: 16px; text-align: left; }

.about-section-link .btn-link a { padding: 15px 30px; font-family: 'Opensans-Bold', sans-serif; font-size: 18px; text-transform: uppercase; transition: all .3s; }
.about-section-link .btn-link { margin-top: 3em; }
.about-desc ul { font-size: 15px; text-align: left;}

/*services */

#ami-services { background-image: url(images/services-topleft-bg.png), url(images/services-rtbt-bg.png); background-position: left -500%, right -500%; background-repeat: no-repeat, no-repeat; object-fit: contain; }

.services-tiles img { z-index: 999; display: block; margin: 10px auto; width: auto; max-height:100px; }
.services-tiles img:hover { transition: transform ease-in-out .5s; -webkit-transition: transform ease-in-out .5s; -moz-transition: transform ease-in-out .5s; -o-transition: transform ease-in-out .5s; -ms-transition: transform ease-in-out .5s; transform: rotateY(180deg); }

h3.services-title { font-size: 18px; }
.services-tiles.t-center p { max-height: 35px; overflow: hidden; }

.services-tiles .btn-link>a { padding: 8px 15px; font-size: 10px; text-transform: uppercase; }

.services-content .services-tiles { margin-bottom: 15px; }

/*partners*/

div#partners img { width: 100%; }

.partner-content h2 {  font-weight: bold; font-size: 35px; }

.partner-content { padding: 2em; height: 260px; }

/*testimonial*/

.testi-img img { width: 60% !important;margin: auto; }
.thumbnail-testi p { line-height: 2; }
.img-title { letter-spacing: 3px; font-size: 20px; text-transform: uppercase; font-family: 'Opensans-Bold', sans-serif; margin: 20px 0; }

/*newsletter*/

h1.header-ready { text-transform: uppercase; font-size: 5rem; margin: 20px 0; }
.ready-link-wrapper .btn-link a { border-color: #57b5b9; background: #fff; color : #57b5b9; padding: 8px 20px; font-size: 18px; text-transform: uppercase; font-family: 'Opensans-Bold', sans-serif; }
.ready-link-wrapper .btn-link:hover a { color: #fff; background: #57b5b9; border-color: #57b5b9; }

/*case-study*/

.case-desc-wrapper:after {content: ""; background: #195090; height: 216px; width: 65px; transform: skew(-15deg); position: absolute; left: -30px; top: 0; z-index: -1; }

.case-desc-wrapper {position: absolute; top: 0; background: #195090; text-align: right; font-size: 12px; height: 216px; right: 0px; width: 30%; z-index: 5; padding: 15px 20px;}

.case-title { font-size: 14px; margin: 10px 0;}
.case-wrapper { height: 216px; overflow: hidden; position: relative; }

.ami-tiles { padding: 1em; }

.case-image-wrapper { display: table; width: 100%; height: 216px; z-index: -1; overflow: hidden; }
.case-image-wrapper img { max-width: 400px; opacity: 0.8; }
.case-image-wrapper img:hover { opacity: 1; }

.case-desc-wrapper.t-white .btn-link2 { padding: 7px 15px; }

/*footer*/

h2.footer-header { font-size: 23px; margin: 10px 0; }

#ami-footer { background: #195090; color: #fff; }

.ami-footer-logo.t-center img { width: 60%; }

.social-icons i.fa:hover { box-shadow: 0px 0px 8px 0px #ccc;}
.social-icons i.fa { font-size: 17px; border: 1px solid; margin-left: 10px; border-radius: 4px;  padding: 7px 10px; }

.social-icons a { color: #fff; }
.social-icons a:hover {background: rgba(255, 255, 255, 0.80); color: #2196F3; border-color: #fff; transition: all .2s; }

.social-icons a {color: #fff; font-size: 20px; margin-right: 10px; border: 1px solid; padding: 5px 12px; border-radius: 7px; transition: all .2s; } 

/*contact*/

.contactus-ami input, .contactus-ami textarea { padding: 20px; -moz-box-shadow: 1px 1px 20px -6px; -o-box-shadow: 1px 1px 20px -6px; -webkit-box-shadow: 1px 1px 20px -6px; box-shadow: 1px 1px 20px -6px; border: none; }

.form-group .btn-link a { background: #fff; font-size: 18px; padding: 5px 30px; float: right; font-family: 'Opensans-semibold', sans-serif; }
.form-group .btn-link:hover a {  background: #195090; color: #fff; }

button:focus { outline: 0 !important; }

/*ABOUT-US*/

#ami-story { padding-top: 3em; background: url(images/story-bg.png)no-repeat center; object-fit: contain; }

.story-img { background-size: contain; height: 100%; }
.story-desc p { line-height: 2; font-size: 14px; text-align: justify;}
.story-desc h1 { font-family: 'Opensans-Semibold', sans-serif; margin-bottom: 25px; font-size: 30px; }

.story-desc h1:before { content: url(images/before-our-story.png); margin-right: 10px; }

.mission-tiles {  -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; min-height: 480px; cursor: pointer; }
.mission-tiles:hover { box-shadow: 1px 1px 20px 1px #001425; background: linear-gradient( #195090, rgba(25, 80, 144, 0.50) ); -webkit-background: linear-gradient( #195090, rgba(25, 80, 144, 0.50) ); }
.mission-desc-wrapper, .title-wrapper { display: table; width: 100%; padding: 10px; text-align: center;top: 0; height: 480px; min-height: 480px; }

.mission-wrapper .image-wrapper img {width: auto; max-width: 550px; opacity: .3; height: 480px; min-height: 480px; }

.mission-wrapper:hover { transform: scale(1.05); -webkit-box-shadow: inset 1px 1px 150px 12px #0d3d67; box-shadow: inset 1px 1px 150px 12px #0d3d67; background: linear-gradient( #195090, rgba(25, 80, 144, 0.50) ); -webkit-background: linear-gradient( #195090, rgba(25, 80, 144, 0.50) ); }
.mission-wrapper:hover .mission-desc-wrapper { opacity: 1; color : #fff; }

.mission-wrapper:hover .title-wrapper>.d-table-cell{  color : #fff; vertical-align: top; } 
.mission-wrapper:hover .image-wrapper img { opacity: 1; }
.mission-wrapper:hover .border { display: none; }
.mission-wrapper:hover .borderhover { opacity: 1; display: block; }

.mission-wrapper .image-wrapper { z-index: -1; overflow: hidden;}

.mission-wrapper .header-title { z-index: -1; font-size: 25px; font-family: 'opensans-regular'; text-transform: uppercase; }

.mission-wrapper .border img, .mission-wrapper .borderhover img { width: 25%; margin: 10px auto; }

.mission-desc-wrapper ul { text-align: left; line-height: 1.8; }

section#ami-team { background: #f3f3f3; }

.thumbnail-team .image-wrapper-border { background-size: 100%; -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;  margin: 2em; overflow: hidden; background: url(images/team-border.png)no-repeat; min-height: 325px; }
.thumbnail-team .image-wrapper img { max-height: 305px; margin: auto; border-radius: 155px; width: auto; }

.thumbnail-team .image-wrapper, .ch-info { width: 100%; display: table; position: absolute; min-height: 305px; text-align:center; }

.ch-info > div { -webkit-backface-visibility: hidden; }

.thumbnail-team .image-wrapper img  { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.ch-info .ch-info-back { opacity: 0; background: #223e87; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; min-height: 315px; margin: auto;  border-radius: 155px; width: 75%; color: #fff; z-index: 999; border: 15px solid #223e87; display: table; }

.ch-item:hover .thumbnail-team .image-wrapper img  { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } 

.ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; min-height: 315px; margin: auto; border-radius: 155px; width: 75%; color: #fff; z-index: 999; border: 15px solid #223e87; display: table; }

#team .owl-carousel .owl-item, .owl-carousel .owl-stage-outer { padding: 3em 0; }

h1.banner-title { font-size: 40px; }

.iso-desc.d-table {  min-height: 300px; padding: 0 2em; text-align: center; line-height: 1.5; font-size: 16px }

.ims-img img { width: 100%; height: auto; }
.ims-img { width: 25%; }
.ims-cert-contact .ims-img { width: 15%; }
.ims-cert-contact { padding-top: 2em; }
.ims-cert, .ims-cert-contact { justify-content: center; display: flex; }

/*services*/

#services-inner img { width: auto; max-width: 600px; height: 380px; }

.other-services-content { min-height: 350px; overflow: hidden; }
.other-services-content .image-wrapper { min-height: 350px; top: -10%; }

.other-services-content .desc-wrapper { bottom: -80%; transition: all linear .5s; -webkit-transition: all linear .5s; -o-transition: all linear .5s; -moz-transition: all linear .5s; background: #005baa;}
.other-services-content:hover .desc-wrapper { transition: .3s; transform: translateY(-64%); }
.other-services-content .desc-wrapper p { padding: 30px 10px; background: #00819e; min-height: 300px; }
.other-services-content .desc-wrapper h2 { height: 75px; margin: 0; padding: 15px;  text-transform: uppercase; font-size: 20px; }

#other-services .col-md-3.col-lg-3 { padding-right: 7.5px; padding-left: 7.5px; }

#bottom-banner { background: url(images/bottom-banner.png)no-repeat; background-size: cover;}

#ami-services-page, #ami-market-page { background: #ccc url(images/services-bg.jpg)no-repeat bottom; background-size: cover;}

.services-page-desc .btn-link a { padding: 8px 20px;  }
.services-page-desc .btn-link{ margin: 2em 0; }

.services-page-img img { width: 100%; max-width: 100%; max-height: 470px; height: 470px; }
.servicecontent .col-md-6.no-padding:nth-child(even) img{  border-radius: 50% 0 0 55%;  margin-bottom: 2em; }
.servicecontent .col-md-6.no-padding:nth-child(odd) img { border-radius: 0 50% 45% 0; }
.services { height: 470px; min-height: 470px; padding: 1em 3em; }

.services-page-desc p { font-size: 16px; }

.other-services-content img { width: auto; height: 100%; max-height: 280px;  max-width: 500px; }

.services-content p, .services-content li { font-family: 'Opensans-Regular', sans-serif; font-size: 15px; line-height: 2;}

.breadcrumbs-menu { color: #195090; padding-top: 2em; font-size: 16px; font-weight: bolder; text-transform: uppercase; }
.breadcrumbs-menu i { margin: 0 10px; }

section#bottom-banner ul { text-align: left; width: 33%; margin: auto; }

.inner-links .img-fluid {height: auto !important; max-height: 60px; } 

#services-inner .d-flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-evenly; }
 #services-inner a.btn-large-green {padding: 20px;border: 3px solid #80c241;height: auto;min-width: 425px;text-align: center; margin: 0 20px;}
#services-inner a.btn-large-green:hover {background:#80c241;}
#services-inner a.btn-large-blue {padding: 20px; border:3px solid #19b1e3;  height: auto; min-width: 425px; text-align: center;} 
#services-inner a.btn-large-blue:hover {background:#19b1e3;}
.d-flex { display: flex;}
.services-banner .ami-banner img { width: 100%;  max-height: 630px; height: 630px; filter: brightness(50%); -o-filter: brightness(50%); -ms-filter: brightness(50%); -webkit-filter: brightness(50%);  }
.biosea:before {position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.37); }
.pb-5{ padding-bottom: 3em;}
.pb-3{ padding-bottom: 1.5em; }
.biosea-content img { max-width: 250px; }
.services-banner h1.banner-title { width: 40%;}
.bio-flex { justify-content: space-evenly; align-items: center; color: #fff;font-size: 2.5vh;}
a.btn-outline-light {border: 1px solid #fff; color: #fff; padding: 10px 30px; font-weight: 900;-webkit-transition: ease-in 0.5s all; transition: ease-in 0.5s all; font-size: 2.5vh;}
a.btn-outline-light:hover {background: #fff; color: #000; -webkit-transition: ease-in 0.5s all; transition: ease-in 0.5s all;} 
.bio-image img {width: 100%; max-width: 500px; }
.section h3 {color: #195090; font-size: 14px; margin-bottom: 0; }
.bio-image { justify-content: space-between; align-items: center; color: #fff;}
.enviro-head { max-width: 600px; font-size: 4vh; }

.vid-wrapper { position: relative;}
.playpause {position: absolute; top: 50%; left: 50%; transform: translate(-50%,0); font-size: 5vh; }
.vid-wrapper video {object-fit: cover; }

 /*partners*/
#existing-partners { background-image: url(images/services-topleft-bg.png), url(images/services-rtbt-bg.png); background-position: left 180%, right -50%; background-repeat: no-repeat, no-repeat; object-fit: contain; }
.benefits-page-img img { border-radius: 0 35% 35% 0 !important; width: auto; max-width: 500px; max-height: 480px; }

#partner-bottom-banner h1::before { content:url(images/before-our-story.png); margin-right: 10px; }
.partner-desc { font-size: 16px; }

.center-xs { margin: auto; width: 70%; }

#existing-partners img { margin: 30px; }
#existing-partners img:hover { cursor: pointer; -webkit-filter: grayscale(50%); -o-filter: grayscale(50%); -ms-filter: grayscale(50%); -moz-filter: grayscale(50%); filter: grayscale(50%); }

#be-partner { background: url(images/be-partner-bg.jpg)fixed left center no-repeat; }

ul.benefits-list li {  list-style: none; font-size: 18px; margin-bottom: 10px; }
ul.benefits-list li:before{ content: ''; display: inline-block; height: 15px; width: 20px; margin-left: -20px; background: url(images/bullet.png)no-repeat; }

/*#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px; }

#myBtn:hover { background-color: #555; }
*/

/*other-markets*/

#other-market .col-md-4.col-lg-4.col-sm-6.col-xs-12 { padding-right: 7.5px; padding-left: 7.5px; }
#other-market .box-flex { align-self: center; display: flex; }

.other-market-content {max-height: 285px; overflow: hidden; position: relative; } 
.other-market-content  .image-wrapper{height: 285px;}
.other-market-content img {width: auto; max-width: 100%; object-fit: cover; height: auto; min-height: 285px; }
.other-market-content .desc-wrapper { position: absolute;bottom: 0;transform: translateY(80%);  -webkit-transform: translateY(80%); -o-transform: translateY(80%); -ms-transform: translateY(80%);-moz-transform: translateY(80%);transition: all linear .5s; -webkit-transition: all linear .5s; -o-transition: all linear .5s; -moz-transition: all linear .5s; background: #005baa;}
.other-market-content:hover .desc-wrapper { transition: all linear .5s; -webkit-transition: all linear .5s; -o-transition: all linear .5s; -moz-transition: all linear .5s; transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);-moz-transform: translateY(0); top: 0; }

.other-market-content .desc-wrapper p { min-height: 275px; padding: 30px 10px; background: #00819e;  }
.other-market-content .desc-wrapper h2 { height: 60px; margin: 0; padding: 10px; text-transform: uppercase; font-size: 15px; }