/*---------------------Fonts---------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
  font-family: 'Assistant-Regular';
  src: url('../fonts/Assistant-Regular.eot');
  src: url('../fonts/Assistant-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Assistant-Regular.woff') format('woff'), url('../fonts/Assistant-Regular.ttf') format('truetype'), url('../fonts/Assistant-Regular.svg#Typograph2Light') format('svg');
}

@font-face {
  font-family: 'Assistant-Bold';
  src: url('../fonts/Assistant-Bold.eot');
  src: url('../fonts/Assistant-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Assistant-Bold.woff') format('woff'), url('../fonts/Assistant-Bold.ttf') format('truetype'), url('../fonts/Assistant-Bold.svg#Typograph2Light') format('svg');
}

@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeue.eot');
  src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.svg#Typograph2Light') format('svg');
}

@font-face {
  font-family: 'NexaBold';
  src: url('../fonts/NexaBold.eot');
  src: url('../fonts/NexaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NexaBold.woff') format('woff'), url('../fonts/NexaBold.ttf') format('truetype'), url('../fonts/NexaBold.svg#Typograph2Light') format('svg');
}
.ac-mail-to {
    color:#fff;
}
.ac-nexabold {
  font-family: 'NexaBold';
}

.ac-bebasneue {
  font-family: 'BebasNeue';
}

.ac-assistant-bold {
  font-family: 'Assistant-Bold';
}

.ac-ssSistant-regular {
  font-family: 'AsSistant-Regular';
}


/*---------------------End Fonts---------------------*/

html,
body,
#main-wrapper {
  width: 100vw;
  /*height: 100%;*/
  font-family: 'AsSistant-Regular';
  /* background-image:url('../img/shield/shield_minisite-pdf.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;*/
  height: auto;
  /*height: 10800px;*/
  font-size: 1.5vw;
  color: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Assistant-Bold';
  font-weight: 900;
  margin: 0.3rem 0rem;
  padding: 0rem 0rem;
}

h1,
h3 {
  font-family: 'Assistant-Bold';
  text-align: center;
}

h2 {
  font-size: 2.1rem;
}

h3 {
  font-size: 1.4rem;
}

p {
  font-weight: 300;
  margin: 0.3rem 0rem;
  font-size: 0.85rem;
  line-height: 1.45;
}


/*---- Flex ----*/

.ac-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ac-fl-dr-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ac-fl-dr-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}


/*---- End Flex ----*/

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.ac-white {
  color: #fff;
}

.ac-black {
  color: #000;
}

.ac-black {
  color: #142359;
}

.ac-blue-bg {
  background-color: #14245a;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/*----- Nav -----*/

.ac-menu-wrapper {
  height: 3.6rem;
  background: rgba(20, 35, 89, 0.41);
  position: fixed;
  width: 100rem;
  z-index: 99;
  top: 0px;
}

nav {
  padding-right: 1.2rem;
  padding-top: 0.7rem;
}

.ac-nav {
  width: auto;
  margin-left: 1.8rem;
}

.ac-nav.active .ac-underline {
  height: 0.3rem;
}

.ac-navbarA:hover .ac-nav .ac-underline {
  height: 0.3rem;
}

.ac-nav-liat {
  width: 7.8rem;
}

.ac-nav a {
  text-decoration: none;
  font-size: 0.8rem;
}

.ac-underline {
  background: #231F20;
  height: 0.15vw;
}

.ac-navbarA p {
  font-size: 0.9rem;
  margin: 0.5rem 0rem 0.1rem 0rem;
}


/*----- End Nav -----*/

.ac-wrapper-logo-UT {
  position: fixed;
  top: 0.7rem;
  left: 0.22rem;
  width: 10rem;
  z-index: 999;
}

.ac-img-responsove {
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}

.ac-clear {
  clear: both;
}

small {
  font-size: 82%;
}

.smaller {
  font-size: 68%;
}

.ac-inner,
.ac-inner-flued {
  margin: auto;
}

.ac-white-line-smaller {
  height: 0.3rem;
  background-color: #fff;
  width: 4rem;
  margin: auto;
  margin-top: 1.4rem;
  margin-bottom: 0.5rem;
}

.ac-container {
  width: 100vw;
  height: auto;
}


/*------- Part 1 -----*/

#part-1 .ac-container {
  position: absolute;
  top: 0rem;
  padding: 10.6rem 0rem 4rem;
}

.ac-white-line {
  height: 0.3rem;
  background-color: #fff;
  width: 4rem;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.67);
  margin: auto;
}

#part-1 {
  margin-top: -4rem;
}

#part-1 h2 {
  font-size: 2.39rem;
  position: relative;
  /* left: 2rem;*/
  font-family: 'NexaBold';
   
}

#part-1 h1 {
  font-size: 3.1rem;
  font-family: 'NexaBold';
  line-height: 1;
  margin-bottom: 2.3rem;
     font-family: 'BebasNeue';
    letter-spacing: 0.15rem;
}

#part-1 p {
  margin-top: 3rem;
  text-align: center;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.67);
}

#part-1 .ac-wrapper-arrow {
  height: 0px;
  position: relative;
}

#part-1 .ac-wrapper-arrow img {
  width: 2rem;
  position: absolute;
  right: 32rem;
  bottom: 1rem;
}


/*------- End Part 1 -----*/


/*------- Part 2 -----*/

#part-2 {
  /*padding: 5.5rem 0rem 1.5rem;*/
  padding: 5.5rem 0rem 0rem;
  height: auto;
}

#part-2 .ac-wrapper-img {
  width: 54rem;
  /*    position: relative;
    top: -6rem;*/
  margin-top: -6rem;
}

#part-2 h3,
#part-2 .ac-white-line-smaller {
  z-index: 9;
  position: relative;
}


/*------- End Part 2 -----*/


/*------- Part 3 -----*/

#part-3 {
  padding: 4.2rem 0rem 2.4rem;
  background-image: url('../img/shield/pic1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#part-3 h3 {
  margin-bottom: 1rem;
}

#part-3 .ac-wrapper-img {
  margin-bottom: 0.8rem;
}

#part-3 p.main {
  margin-bottom: 1.2rem;
  text-align: center;
}

#part-3 .ac-wrapper-flags {
  width: 40rem;
  justify-content: space-between;
}

#part-3 .ac-wrapper-flags p {
  text-align: center;
  font-size: 0.8rem;
}

.ac-div1,
.ac-div2,
.ac-div3,
.ac-div4 {
  background-image: url(../img/shield/4.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 23%;
  padding: 0.9rem 0.5rem 1.3rem;
}

.ac-div2 {
  background-image: url(../img/shield/3.png);
}

.ac-div3 {
  background-image: url(../img/shield/2.png);
}

.ac-div4 {
  background-image: url(../img/shield/1.png);
}

.ac-div4 h3,
.ac-div1 h3 {
  margin-bottom: 1rem;
}

.ac-div2 h3,
.ac-div3 h3 {
  margin-bottom: 0.5rem;
}


/*------- End Part 3 -----*/


/*------- Part 4 -----*/

#part-4 {
  padding: 5rem 0rem 0rem;
}

#part-4 .ac-wrapper-img {
  margin-top: 4rem;
  width: 85vw;
}

#part-4 .ac-img-logos2 {
  margin-top: 1.4rem;
  margin-bottom: 2.2rem;
}


/*------- End Part 4 -----*/

#part-2 .ac-wrapper-arrow,
#part-3 .ac-wrapper-arrow,
#part-4 .ac-wrapper-arrow {
  height: 0px;
  position: relative;
}

#part-2 .ac-wrapper-arrow img,
#part-3 .ac-wrapper-arrow img,
#part-4 .ac-wrapper-arrow img {
  width: 2.5rem;
  position: relative;
  right: 1rem;
}

#part-4 .ac-wrapper-arrow img {
  bottom: 9rem;
}
#part-2 .ac-wrapper-arrow img {
  bottom: 4rem;
}

/*------- Footer -----*/

footer {
  padding: 4.2rem 0rem 2rem;
  background-image: url(../img/shield/pic3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

footer .ac-inner {
  margin-right: 5rem;
  width: 22.5rem;
}

.form-wrapper {
  padding-top: 1rem;
}

footer input {
  background-color: transparent;
  width: 95%;
  border: 0rem;
  height: 2rem;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  padding: 0rem;
  padding-right: 0rem;
  /*color: #4a75ed;*/
  color: #fff;
  font-family: 'AsSistant-Regular';
  border-bottom: 0.01rem solid #4a75ed;
}

.ac-information-butn {
  margin-top: 1.4rem;
}

.ac-information {
  width: 77%;
}

.ac-information p {
  text-align: left;
  position: relative;
  top: -1.4rem;
}

.send {
  width: 4rem;
  background-image: url(../img/shield/btn.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0rem;
  font-size: 1rem;
  text-align: right;
  text-indent: 0rem;
  font-weight: 900;
  color: #fff;
  border-bottom: 0rem solid #4a75ed;
  padding-right: 0.6rem;
      cursor: pointer;
}

.logo-agi {
  margin: auto;
  width: 11rem;
}

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4a75ed;
  position: relative;
  bottom: -0.3rem;
  font-size: 1rem;
  font-family: 'AsSistant-Regular';
}

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #4a75ed;
  position: relative;
  bottom: -0.3rem;
  font-size: 1rem;
  font-family: 'AsSistant-Regular';
}

input:-ms-input-placeholder {
  /* IE 10+ */
  color: #4a75ed;
  position: relative;
  bottom: -0.3rem;
  font-size: 1rem;
  font-family: 'AsSistant-Regular';
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: #4a75ed;
  position: relative;
  bottom: -0.3rem;
  font-size: 1rem;
  font-family: 'AsSistant-Regular';
}

.ac-wrapper-digital-cloud {
 position: fixed;
    left: 1%;
    z-index: 9999;
    top: 74%;
    width: 0.6rem;
}

.ac-wrapper-arrow-up {
  position: relative;
  text-align: center;
  height: 0px;
}

.social-div {
  width: 2rem;
  position: fixed;
  left: 0.4rem;
  top: 14rem;
  z-index: 99;
}

.ac-wrapper-form {
  position: relative;
}

.arrow-up-link img {
  width: 3vw;
  position: relative;
  right: -14rem;
  bottom: -3rem;
}

.ac-footer-logo {
  width: 100vw;
  padding: 1rem;
}

.ac-footer-logo .ac-wrapper-img {
  margin: auto;
}


/*------- End Footer -----*/

.ac-contact-fix {
  display: none;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.92);
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  height: 3rem;
  cursor: pointer;
  z-index: 99;
}

.ac-contact-fix h3 {
  color: #fff;
  margin: auto;
  text-align: center;
  margin-top: 0.9rem;
}

.logo-digital {
  position: fixed;
  top: 50%;
  z-index: 999999;
  left: 10px;
}

.show-on-mobile {
  display: none;
}

@media all and ( max-width:1000px) {
  html,
  body,
  #main-wrapper {
    background-image: none;
  }
  .show-on-mobile {
    display: block;
  }
  .hide-on-mobile {
    display: none;
  }
  /** ----- Nav ------**/
  nav {
    display: none;
  }
  .ac-wrapper-logo-UT {
    position: fixed;
    top: -4%;
    left: 2%;
    width: 20%;
    z-index: 999;
  }
  .ac-menu-wrapper {
    display: block;
    height: 56vw;
    background-size: 100% 100%;
    padding-top: 10rem;
  }
  .ac-menu-wrapper .ac-fl-dr-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ac-nav {
    width: 40%;
    margin-left: 0%;
    height: 6rem;
  }
  .ac-navbarA p {
    font-size: 4rem;
    margin: 0.5rem 0rem 0.1rem 0rem;
  }
  .ac-close-navigator-mob {
    width: 10%;
    position: absolute;
    top: -1rem;
    right: 2%;
    cursor: pointer;
  }
  .ac-close-navigator-mob button {
    transform: rotate(45deg);
    font-size: 10rem;
    background: transparent;
    border: 0px;
  }
  button.ac-mob-nav {
    width: 55px;
    position: fixed;
    top: 0.5rem;
    right: 2%;
    background: transparent;
    border: 0px;
    z-index: 9999999999;
    height: 51px;
    padding-top: 13px;
  }
  .ac-inner-but {
    width: 33px;
    height: 3px;
    background: #fff;
    display: block;
    z-index: 9999;
    margin-right: 5px;
    margin-bottom: 8px;
    color: #142359;
  }
  .ac-menu-wrapper {
    height: 52vw;
    background: rgba(20, 35, 89, 0.91);
  }
  button.ac-mob-nav .ac-inner-but:nth-child(3) {
    margin-bottom: 0px;
  }
  .ac-underline {
    height: 1px;
  }
  .ac-nav.active .ac-underline {
    height: 2px;
  }
  /** ----- End Nav ------**/
  #part-2 .ac-wrapper-arrow img,
  #part-3 .ac-wrapper-arrow img,
  #part-4 .ac-wrapper-arrow img,
  #part-1 .ac-wrapper-arrow img {
    display: none;
  }
  .social-div {
    left: 5.4rem;
  }
  h2 {
    font-size: 6.1rem;
  }
  .ac-bigger {
    font-size: 4.5rem;
  }
  p {
    font-size: 3.25rem;
  }
  br {
    display: none;
  }
  h1 {
    font-size: 7rem;
  }
  h3 {
    font-size: 4.3rem;
  }
  .ac-wrapper-digital-cloud {
    position: fixed;
    z-index: 9;
    width: 13px;
    top: 55%;
    left: 0px;
  }
  #part-1 {
    /*margin-top: 0rem;*/
        margin-top: 5rem;
    background-color: #142359;
  }
  #part-1 .ac-container {
    position: relative;
    padding: 7.6rem 0rem 4rem;
  }
  #part-1 h2 {
    font-size: 3.39rem;
    position: unset;
    left: 0rem;
    font-family: 'NexaBold';
    text-align: center;
  }
  #part-1 h1 {
    font-size: 4.6rem;
    margin-bottom: 3rem;
  }
  .ac-white-line {
    height: 0.9rem;
    background-color: #fff;
    width: 18rem;
  }
  #part-1 p {
    padding: 0rem 3.5rem;
  }
  .ac-white-line-smaller {
    height: 0.8rem;
    width: 14rem;
    margin: auto;
    margin-bottom: 3.5rem;
    margin-top: 1rem;
  }
  #part-2 .ac-wrapper-img {
    width: 65rem;
  }
  #part-2 {
    /*padding: 6.5rem 0rem 8.5rem;*/
    /*padding: 6.5rem 0rem 15.5rem;*/
    padding: 6.5rem 0rem 3.5rem;
  }
  /** ----- Part-2 ------ **/
  /** ----- End Part-2 ------ **/
  /** ----- Part-3 ------ **/
  #part-3 .ac-wrapper-flags {
    width: 84%;
    justify-content: space-between;
    margin: 0 auto;
  }
  .ac-div1,
  .ac-div2,
  .ac-div3,
  .ac-div4 {
    width: 100%;
    padding: 2.9rem 0.5rem 5.3rem;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
  #part-3 h3 {
    margin-bottom: 2rem;
    margin-top: 8rem;
  }
  #part-3 .ac-wrapper-flags p {
    font-size: 2.8rem;
  }
  #part-3 .ac-wrapper-img {
    margin-bottom: 5.8rem;
  }
  #part-3 p.main {
    margin-bottom: 8.2rem;
    text-align: center;
    padding: 0rem 3.5rem;
  }
  /** ----- End Part-3 ------ **/
  /** ----- Partr-4 --------- **/
  #part-4 .ac-wrapper-img {
    margin-top: 4rem;
    width: 86%;
    margin: 0 auto;
  }
  /** ----- End Part-4 ------ **/
  /** ----- Footer ---------- **/
  .form-wrapper {
    padding-left: 0rem;
    border-left: 0rem;
  }
  footer .ac-inner {
    margin-right: 2rem;
    width: 66%;
  }
  .logo-agi {
    margin: 0 auto;
    width: 21rem;
    margin-bottom: 6%;
  }
  footer input {
    height: 4.3rem;
    font-size: 3.5rem;
  }
  input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #4a75ed;
    position: relative;
    bottom: 0rem;
    font-size: 3rem;
    text-align: right;
    font-family: 'AsSistant-Regular';
  }
  input::-moz-placeholder {
    /* Firefox 19+ */
    color: #4a75ed;
    position: relative;
    bottom: 0rem;
    font-size: 3rem;
    text-align: right;
    font-family: 'AsSistant-Regular';
  }
  input:-ms-input-placeholder {
    /* IE 10+ */
    color: #4a75ed;
    position: relative;
    bottom: 0rem;
    font-size: 3rem;
    text-align: right;
    font-family: 'AsSistant-Regular';
  }
  input:-moz-placeholder {
    /* Firefox 18- */
    color: #4a75ed;
    position: relative;
    bottom: 0rem;
    font-size: 3rem;
    text-align: right;
    font-family: 'AsSistant-Regular';
  }
  .send {
    width: 28%;
    font-size: 3rem;
    padding-top: 0;
    text-align: right;
    line-height: 1;
    padding-right: 2.5rem;
    margin-bottom: 3rem;
  }
  .ac-information p {
    font-size: 2.2rem;
    left: 2rem;
  }
  .arrow-up-link img {
    display: none;
  }
  .ac-footer-logo .ac-wrapper-img {
    margin: auto;
    width: 26rem;
  }
  .ac-footer-logo {
    width: 100vw;
    padding: 4rem 0rem;
  }
  .ac-information {
    width: 100%;
  }
  /** ----- End Footer ---------- **/
}


@-webkit-keyframes runLeft {
  0% {
    left: 0;
  }
  50% {
    left: 300%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes runLeft2 {
  0% {
    left: -100%;
  }
  50% {
    left: 200%;
  }
  100% {
    left: -100%;
  }
}

@-webkit-keyframes runLeft3 {
  0% {
    left: -200%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: -200%;
  }
}
@-webkit-keyframes runLeft4 {
  0% {
    left: -300%;
  }
  50% {
    left: 0%;
  }
  100% {
    left: -300%;
  }
}

#part-4 {
  padding: 2rem 0rem 0rem;
  height: 15rem;
}

#part-4 .ac-wrapper-img {
  margin-top: 2rem;
  width: 100vw;
  margin-bottom: 1rem;
}

#part-4 .ac-wrapper-img img {
  width: 95%;
}

.ac-img-logos1 {
  /*animation-duration: 10s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;*/
  left: -112rem;
  position: relative;
  margin: 0 0rem 0rem 0;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: runLeft;
  -webkit-animation-duration: 90s;
  top: 0.5rem;
}

.ac-img-logos1a {
  position: relative;
  margin: 1.5rem 0rem;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: runLeft2;
  -webkit-animation-duration: 90s;
         top: -5.8rem;
}

.ac-img-logos1b {
  position: relative;
  margin: 1.5rem 0rem;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: runLeft3;
  -webkit-animation-duration: 90s;
      top: -11.6rem;
}
.ac-img-logos1c {
  position: relative;
  margin: 1.5rem 0rem;
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: runLeft4;
  -webkit-animation-duration: 90s;
         top: -17.5rem;
}

.ac-img-logos2 {
  animation-duration: 10s;
  animation-delay: 1.3s;
  animation-iteration-count: infinite;
}

.ac-img-logos3 {
  animation-duration: 10s;
  animation-delay: 1.9s;
  animation-iteration-count: infinite;
}

.dc-copyrights {
  text-align: center;
  background: #14245A;
  padding-bottom: 20px;
  margin-top: -1px;
}

.dc-copyrights .container {
  font-size: 15px;
  padding-right: 3vw;
}

.dc-copyrights a {
  transition: .3s;
}

.dc-copyrights a:hover {
  color: #5FA0F0!important;
}

@media(max-width: 1000px) {
  .dc-copyrights .container {
    font-size: 11px;
    padding-right: 0;
  }
  #part-4 {
    padding: 2rem 0rem 0rem;
    height: 24rem;
  }
  #part-2 .ac-wrapper-img {
    margin-top: 0rem;
  }
  .ac-safari .ac-information p {
    font-size: 1.8rem;
    left: 2rem;
  }
}

.ac-safari .ac-num {
  color: #fff !important;
}

a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}

.ac-safari a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}
@media(max-width:600px){
    #part-1 {
        margin-top: 8rem;
  }
}

@media(min-width:1000px){
    .ac-overflow {
            width: 100%;
    position: absolute;
    height: 30rem;
    }
}