@font-face {
  font-family: 'Ubuntu Light';
  src: url('../fonts/ubuntu-light-webfont.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ubuntu Bold';
  src: url('../fonts/ubuntu-bold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ubuntu Medium';
  src: url('../fonts/ubuntu-medium-webfont.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ubuntu Regular';
  src: url('../fonts/ubuntu-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

a:hover, a:focus {
  text-decoration: none !important;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
 }

body {
  overflow-y: scroll;
}

html, body {
  width:100%;
  margin:0px;
  padding:0px;
}

.columns {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items:flex-start;
  align-content: flex-start;
  gap: 0px;
  column-gap: 0px;
  row-gap: 0px;
}

.columnsCol {
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content:space-between;
  justify-content: space-between;
  gap: 0px;
  column-gap: 0px;
  row-gap: 0px;
}


.columnPhone {
  display: inline-block;
  width: inherit;
  font-family: 'Ubuntu Regular',Arial;
  font-weight: 400;
  font-size:1.3vw;
  position: absolute;
}

.columnText {
  position: relative;
}

.phone1 {
 color:#72C5ED;
}

.columnsMenu {
  justify-content: space-between;
  background-color: #72C5ED;
}

.is-1 {
 width: 10%;
}

.is-10 {
  width: 80%;
}

.o {
  opacity:0;
}

.o {
   opacity:0;
}

.lev3a {
  color:#666666;
}

#squares {
  position: relative;
  display: inline-block;
}

.sq {
  width:50%;
  float:left;
  border-right:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  background-color: rgba(0,0,0,0);
  font-family: 'Ubuntu Light',Arial;
  text-align:center;
  position:relative;
  overflow:hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

#quote {
  font-family: 'font3',Arial;
}

.sq2 {
  width:50%;
  border-right:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  background-color: rgba(0,0,0,0);
  font-family: 'Ubuntu Light',Arial;
  text-align:center;
  position:absolute;
  display:inline-block;
  clear: both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.p1 {
  margin-top:50%;
  display:inline-block;
  clear: both;
  height:500px;
}

.p1x {
  display:table-cell;
  vertical-align:middle;
  background-color: rgba(0,0,0,0);
}


.p12 {
  position:absolute;
}

.p12i {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

.p13 {
  position:absolute;
  display:table-cell;
  vertical-align:middle;
}

.inner-p1,.inner-p2 {
  position:relative;
  display:inline-block;
  clear: both;
}

.tab1 {
  position:relative;
  padding:0px;
  border-spacing: 0px;
}

.lev1 {
  font-size:38px;
  color:White;
  margin-bottom:0px;
  margin-top:0px;
  padding:0px 10px 0px 10px;
  display:inline-block;
  clear: both;
}

.lev2 {
  margin:0px;
}

.lev3,.lev4,.lev3b {
  margin-top:10px;
  font-size:22px;
  color:White;
  text-align:center;
  padding:0px 30px;
}

.lev3b {
margin-bottom:0px;
}


.imgdot {
  background-color:#F7F7F8;
  border-radius:30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:auto;
}

.imgdot-ex {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #72C5ED;
}

.imgdot-active {
  background-color: #F8C34E;
  color: #fff;
  border:1px solid #F8C34E;
  border-radius:30px;
}

.imgdot-active div {
  color:#fff;
}

.dotText {
  font-family: 'Ubuntu Bold';
  color:#000;
  width:inherit;
  text-align: center;
  font-size:1vw;
  position: relative;
  display: inline-block;
}

.td-dot {
  text-align:center;
}

#dots0,#dots1,#dots2 {
  width:80%;
  height: 80%;
  margin-top:10%;
}

.is-hidden-tablet {
  display: none;
}

.lev4 {
 text-align:right;
}

.abs {
  position:absolute;
}

.cblue {
  color:#29abe2;
}

.cblack {
  color:#666666;
}

.corange {
  color:#ee7132;
}

.my {
  padding:0px;
}

.inner-sq {
  width:100%;
  height:100%;
}

.orange {
  background-color: #ee7132;
}
.blue {
  background-color: #29abe2;
}

.white{
  background-color: #fff;
}

.yellow{
  background-color: #F8C34E;
}

.gray {
  background-color: #f2f2f2;
}

.sqimg {
  width:100%;
  height:100%;

}

a {
font-family: 'Ubuntu Light',Arial;
text-decoration:none;
color:#666666;
font-size:21px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a.active {
  color:#000;
}

.pointer {
  cursor:pointer;
}

#ip2 {
  font-size:41px;
  color:#29abe2;
  font-family: 'Ubuntu Light',Arial;
  position:absolute;
  top:371px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#ip2 a {
  font-size:41px;
  color:#29abe2;  
}

.hide {
  display:none;
}

#ah2 {
  display:inline-block;
  position:absolute;
  right:42px;
  bottom:42px;
}

#plogo1 {
	margin-top:-20px;
	margin-bottom:0px;
}

#plogo2 {
	margin-top:0px;
	margin-bottom:0px;
	color:#666;
}

#logoWG {
   display: flex;
   align-items: center;
   justify-content: center;
}

#logoTX {
  display: inline-block;
  height: auto;
}

.ctn1 {
  display: relative;
}

#menuRightTop {
  width:400px;
  margin-top:70px;
  text-align: right;
}

#menuTop {
  display: flex;
  flex-direction: row;
  position:relative;
  left:-20px;
  background-color: #72C5ED;
}

.tMenu {
   font-family: 'Ubuntu Bold';
   font-weight: 700;
   font-size:18px;
   display: inline-block;
   color:#fff;
   margin-left:50px;
   letter-spacing: 2px;
   text-decoration: none;
}

.active {
    color:#000;
}

#logoTop {
  width:494px;
  background-color: #72C5ED;
  height:137px;
}

#header {
  background-color: #72C5ED;
  margin-top:0px;
}

#despencil {
  text-align: right;
}

#pencil {
  display: inline-block;
  margin-top:68px;
  right:10px;
  position:relative;
}

#colPencil {
  text-align: right;
}

#logo {
  position:relative;
  margin-top: 4px;
}

#logoT {
  margin-top:66px;
  margin-left:45px;
}

.ePortfolio {
  margin-top:26px;
  margin-left:45px;
  color:#fff;
  font-size:3.6vw;
  font-family: 'Ubuntu Light';
  font-weight: 300;
  margin-bottom: 10px;
  text-rendering: optimizeLegibility;
}

.ePhone {
  margin-left:45px;
  margin-bottom: 60px;
  color:#fff;
  font-family: 'Ubuntu Regular',Arial;
  font-weight: 400;
  font-size:1.4vw;
}

.columns {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items:flex-start;
  align-content: flex-start;
  gap: 0px;
  column-gap: 0px;
  row-gap: 0px;
}

#footer {
  background-color: #333 !important;
  padding-top:50px;
  padding-bottom:60px;
  font-family: 'Roboto', sans-serif;
}

#footerEls {
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
}

#logo {
  width:200px;
  height: inherit;
}

#menuRight {
  color:#fff;
  width:500px;
  height: inherit;
  font-size:19px;
}

#menuRight #menuCopy {
  font-size:14px;
  color:#9B999E;
  font-weight: 400;
  width: 200px;
  position:relative;
  top:10px;
  left:27px;
}

#menuRight .fMenu {
   font-weight:900;
   color:#fff;
   font-size:19px;
   margin:0px 20px;
   text-decoration: none;
}

.bluebg {
    background-color: #72C5ED;
}

#topMobileMenu {
    height:33vw;
}

#topMobileMenu2 {
  height:15vw;
}

.rowsFlex {
   display: flex;
   align-content:space-between;
   justify-content: space-between;
}

.row {
    width:50%;
    height: inherit;
    padding-top:6vw;
}

.rowb {
  width:50%;
  height: inherit;
}

#row2 {
    text-align: right;
}

.tMenu2 {
    font-family: 'Ubuntu Bold';
    font-weight: 700;
    font-size:18px;
    display: inline-block;
    color:#fff;
    letter-spacing: 2px;
    text-decoration: none;
    margin-bottom:3vw;
}

.is-shown-mobile {
  display: none;
}

.active2 {
    color:#000 !important;
}

.portfolio2 {
  color:#fff;
  font-family: 'Ubuntu Light';
  font-weight: 300;
  font-size:8vw;
  display: inline-block;
  margin-top:-1vw;
}

.phone2 {
  color:#000;
  font-family: 'Ubuntu Regular';
  font-weight: 400;
  font-size:3vw;
  display: inline-block;
  margin-top:4.5vw;
}

@media (max-width: 1350px) {
  .columnsSections {
      padding:0% 5%;
  }

  #shape1 {
      width:35px;
      height:35px;
  }
}

@media (max-width: 1350px) {
  .is-1 {
      display:none;
  }

  .is-10 {
      width:100%;
      padding:0% 5%;
  }

  .columnPencils {
     width:40%;
  }    

  .columnText {
      width:60%;
  }

  .columnPencils img {
      width:100%;
      height: auto;
  }

  #logoTop {
      width:40%;
  }
}

@media (max-width: 1000px) {
  .dotText {
    font-size:2vw;
  }
   .max62 {
      width:90% !important;
   }
   .center-r {
      left:-5%;
      text-align: right;
   }

}



@media only screen and (max-width: 800px) {
  .dotText {
    font-size:3vw;
  }
  .is-hidden-mobile {
     display: none;
  }

  .is-shown-mobile {
      display: flex;
  }

  .columnsSections {
     margin:0px 15px !important;
  }

  p.max60 {
      width:95% !important;
  }

  #menuRight {
      width:100%;
  }

  #menuRight #menuFooter {
      width:100%;
      text-align: center;
  }

  #menuRight #menuCopy {
      width:100%;
      text-align: center;
      left:-72px;
      font-size:14px;
  }

  #menuRight {
      font-size:15px;
    }
    
    #menuRight .fMenu {
       font-weight:900;
       color:#fff;
       font-size:15px;
       margin:0px 20px;
       text-decoration: none;
    }

    .phone2 {
      font-size:15px;
      margin-top:4.4vw;
    }
}

@media only screen and (max-width: 400px) {
  .tMenu2 {
      font-size:14px;
  }

  #logoT2 {
    transform: scale(.9);
    transform-origin: 0% 0%;
}

  #menuRight .fMenu {
      font-size:12px;
      margin:0px 10px;
      text-decoration: none;
   }

  #menuRight #menuCopy {
      width:100%;
      text-align: center;
      left:-44px;
      font-size:12px;
  }
}