/*

Tangoshark
Copyright © 2020

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

html {scroll-behavior: smooth;}

body {background: #EBEEF3; font-family: 'IBM Plex Sans', sans-serif;}

h1, h2, h3 {font-family: 'Ubuntu', sans-serif !important;}

h1 {color: #F06633;}

h2 {font-size: xx-large;}

p {font-family: 'IBM Plex Sans', sans-serif; font-size: 18px; color: #707070;}

a {cursor: pointer;}

a.nav-link {color: #FE594D !important;}

li.nav-item {padding: 0px 25px; font-weight: 400; font-size: 16px;}

input::placeholder, textarea::placeholder {color: #FFFFFF; font-size: large;}

.card-service input::placeholder, .card-service textarea::placeholder, .card-body input::placeholder, .card-body textarea::placeholder  {color: #0064AB;}

a.shark {text-decoration: none !important;}

a.divein{
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

a.divein:hover {
  color: #e27b5b;
  border-color: #e27b5b;
}

a.divein .arrow {
  width: 18%;
  transition: all 0.3s ease;
}

a.divein:hover .arrow {
  width: 35%;
}

.arrow{
  margin-top: -13px;
  margin-right: 2em;
  margin-left: 100px;
  /*border: 1px solid #fff;*/
  position: relative;
  background: #fff;
  height: 2px;
}

.arrow .head,
.arrow .head:after {
  /*border: 1.5px solid #fff;
  border-radius: 2px;
  width: 8px;
  position: absolute;
  right: -5px;
  top: 2px;
  transform: rotate(-45deg);*/
  position: absolute;
  right: -4px;
  top: -10px;
}

.arrow .head:after {
  content: "1F892";
  border-color: #ffffff;
  right: -5px;
  top: -5px;
  transform: rotate(90deg);
  color: transparent;
}

.divein-btn {background: #FE594D; color: #FFFFFF; text-decoration: none; padding-top: 13px; padding-bottom: 23px; min-width: 140px; max-width: 200px; font-size: 16px;}

.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.card-process {
  width: 350px;
  min-height: 350px;
  flex: 0 0 auto;
  background: #156296;
  color: #FFFFFF;
  margin: 0px 15px 20px 0px !important;
}

.card-process h2 {font-size: 26px;}

.card-process ul {padding-left: 18px; font-weight: 300;}
.card-process ul li {line-height: initial; padding-bottom: 10px;}


button.divein{
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  border: none;
  background: none;
  padding: 0px;
}

button.divein:hover {
  color: #e27b5b;
  border-color: #e27b5b;
}

button.divein .arrow {
  width: 18%;
  transition: all 0.3s ease;
}

button.divein:hover .arrow {
  width: 35%;
}

form .form-control:focus{
    border-color:#CCC !important;
    outline:0 !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}


.contact a {text-decoration: none; color: #707070;}
.contact a:hover span {color: #FE594D;}

.worksTitle {
	position: absolute; bottom: 0; color: #4FC9CB; padding-top: 15%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(249,249,249,0.7) 40%, rgba(245,245,245,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(249,249,249,0.7) 40%, rgba(245,245,245,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(249,249,249,0.7) 40%, rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);
}

.worksTitle1 {font-family: 'IBM Plex Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 20px;}
.worksTitle2 {font-family: 'IBM Plex Sans', sans-serif; font-size: 28px !important; text-transform: uppercase; font-weight: 700; line-height: 28px;}

.help-block.with-errors ul li {
    color: #f30000 !important;
    margin-top: 5px !important;
    font-size: small !important;
}

.downArrow{
    position: absolute;
    bottom: 6%;
    left: 47%;
    z-index: 999;
    font-size: 24px;
}


.card, .card-header {background: none; border: none;}

.card-header h2 button {color: #1A70AB !important; font-family: 'IBM Plex Sans', sans-serif; font-size: 22px; font-weight: 400; text-decoration: none !important;}

.card-body {font-family: 'IBM Plex Sans', sans-serif; color: #707070;}

.minus, .plus {font-size: medium; margin-top: 5px; width: 16px; float: left;}
button.btn.btn-link > .minus {display: block !important;}
button.btn.btn-link > .plus {display: none !important;}

button.btn.btn-link.collapsed > .plus {display: block !important;} 
button.btn.btn-link.collapsed > .minus {display: none !important;} 

input, textarea {font-family: 'IBM Plex Sans', sans-serif;}

.help-block.with-errors ul li {font-family: 'IBM Plex Sans', sans-serif; font-style: italic; font-size: 15px; }

.arrow-down {
    margin-top: -50px;
    text-align: center;
    font-size: -webkit-xxx-large;
    padding: 0px 0px;
}

a.shark > .arrow-down {display: block;}
a.shark.collapsed > .arrow-down {display: none;}
a.shark .downArrow {display: none;}
a.shark.collapsed .downArrow {display: block;}

a.shark:hover > div {transform: scale(1.05); transition: all .2s;}

.parent:hover .child,
.parent:focus .child {
  transform: scale(1.05);
  transition: all .2s;
  cursor: pointer;
  background-size: cover; width: 100%;
  height: 100%; position: relative;
  border: none;
}

a.zoom:hover {transform: scale(1.05); transition: all .2s;}

.services-package {color: #FFFFFF; font-family: 'IBM Plex Sans', sans-serif;  font-size: 16px; font-weight: 400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height: 460px;}

.bgdesktop {min-height: 375px !important; height: 100vh !important;}

.shortBtn {
    bottom: 8%;
    display: block;
    left: 44.3%;
    position: absolute;
    width: 55px;
}

.shortContact, .shortContact span, .shortContact i {
    background: #d0a068;
}

.shortFolio, .shortFolio span, .shortFolio i {
    background-color: #343434;
}

.shortFolio i, .shortContact i {
    color: #ffffff;
    display: block;
    font-size: 17px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    z-index: 13;
	margin-bottom:2px;
}

.shortFolio span, .shortContact span {
    color: #FFFFFF;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    opacity: 1;
    overflow: hidden;
    padding: 0 16px;
    position: absolute;
    right: 0;
	width: 0;
    z-index: 12;
}

.shortFolio:hover span {
    margin-right: 10px;
    opacity: 1;
    width: 170px;

}

.shortContact:hover span {
    margin-right: 10px;
    opacity: 1;
    width: 170px;
}


.button {
  background-color: #FE594D;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 10px 15px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/* Preload */
#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.7);
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#FFFFFF;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#FFFFFF;
}

.grecaptcha-badge {display: none !important}

input, input:focus {
    border:none;
    box-shadow: none !important;
    outline: none !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   -moz-transition: none !important;
   -webkit-transition: none !important;
}

.navbar-brand > img {max-width: 160px;}

.slide-up, .slide-down {
  overflow:hidden
}

.contents {
  color: #FFFFFF;
  padding: 0px;
  margin:10px 0px;
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 400;
}

.slideToggle {background: none; border: none; color: #FFFFFF !important; font-size: 26px; font-weight: 500; cursor: pointer;}

.slide-up > div > a > span:nth-child(2) {display: block;}
.slide-up > div > a > span:nth-child(3) {display: none;}

.slide-up.slide-down > div > a > span:nth-child(2) {display: none !important;}
.slide-up.slide-down > div > a > span:nth-child(3) {display: block !important;}


  /* Extra small devices (portrait phones, less than 576px) */
  @media only screen and (max-width: 575.98px) { 
    .services-package {min-height: 450px;}
    .service-price {font-family: 'Ubuntu', serif; font-weight: 700; font-size: 40px;}
    .service-price span {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: inline-block !important;}
    .service-price div {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: none !important;}
    .serviceTitle {font-family: 'IBM Plex Sans', sans-serif;  font-size: 24px; line-height: 24px; font-weight: bold; text-transform: uppercase;}
    .ourServiceTitle {font-size: 40px; font-weight: 500; color: #133887; line-height: initial;}
    .masthead {background: url(../images/masthead-ts-mobile.jpg); background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 80vh;}
    .bg h1 {text-transform: uppercase; font-size: 30px;}
    .subhead {font-size: 20px; color: #707070; font-family: 'IBM Plex Sans', sans-serif;  line-height: initial;}
    .accordion_head {font-size: 18px !important}
    .carousel-control-next, .carousel-control-prev {color: #797979;}
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #bababa;}
    .parent {height: 300px;}
    .article-container {height: 300px;}
    .clientlogo {max-width: 90px; max-height: 90px;}
    .accordion_bg {z-index: 999; background: transparent; height: 83px; position: absolute; width: 100%; }
    .accordion_bgt {z-index: 999; background: transparent; height: 83px; position: absolute; width: 100%; background: transparent;}
    .cta {text-transform: uppercase; font-weight: 700; font-size: 22px; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 2px; line-height: initial;}
    .form-home {width: 100%; background: #0064AB;}
    .contact-align {float: left; display: flex;}
    .check-mark, .question-mark {padding: 5px 0px;}

    .squareTitle {font-size: 26px; color: #707070; line-height: initial; font-weight: 500;}
    .slide-up > div, .slide-down > div {margin-top: 27%; transition: margin-top 0.4s ease-in-out;}
    .slide-down > div {margin-top: 25px;} 
    /*.squareBox {min-height: 320px;}*/
    .squareContainer {padding: 10px 10px; height: 290px; overflow: hidden;}
.pfolio {display: block; padding-bottom: 20px;}
.pfolio > div {display: table-cell; vertical-align: middle;}
.pfolio > div > h3 {color: #F5905A; font-size: 45px !important; line-height: initial;}
.pfolio > div > p {color: #707070; font-size: 18px; font-weight: 400; max-width: 1000px;}    
  }

  /* Small devices Landscape */
  @media only screen and (max-device-width: 575.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .servpack {margin: 0px 50px; text-align: center;}
  }  

  /* Small devices (landscape phones, 576px and up) */
  @media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .services-package {min-height: 450px; padding-bottom: 20px;}
    .service-price {font-family: 'Ubuntu', serif; font-weight: 700; font-size: 40px;}
    .service-price span {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: inline-block !important;}
    .service-price div {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: none !important;}
    .serviceTitle {font-family: 'IBM Plex Sans', sans-serif;  font-size: 24px; line-height: 24px; font-weight: bold; text-transform: uppercase;}
    .ourServiceTitle {font-size: 50px; font-weight: 500; color: #133887; line-height: initial;}
    .masthead {background: url(../images/masthead-ts-mobile.jpg); background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 80vh;}
    .bg h1 {text-transform: uppercase; font-size: xx-large;}
    .subhead {font-size: 20px; color: #707070; font-family: 'IBM Plex Sans', sans-serif;  line-height: initial;}
    .accordion_head {font-size: 18px !important}
    .carousel-control-next, .carousel-control-prev {color: #797979;}
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #bababa;}
    .parent {height: 300px;}
    .article-container {height: 300px;}
    .clientlogo {max-width: 90px; max-height: 90px;}
    .accordion_bg {z-index: 999; background: transparent; height: 83px; position: absolute; width: 100%; }
    .accordion_bgt {z-index: 999; background: transparent; height: 83px; position: absolute; width: 100%; background: transparent;}
    .cta {text-transform: uppercase; font-weight: 700; font-size: 22px; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 2px; line-height: initial;}
    .form-home {width: 100%; background: #0064AB;}
    .contact-align {float: left; display: flex;}
    .check-mark, .question-mark {padding: 5px 0px;}

    .squareTitle {font-size: 24px; color: #707070; line-height: initial; font-weight: 500;}
    .slide-up > div, .slide-down > div {margin-top: 15%; transition: margin-top 0.4s ease-in-out;}
    .slide-down > div {margin-top: 25px;} 
    /*.squareBox {min-height: 250px;}*/
    .squareContainer {padding: 22px 10px; height: 250px; overflow: hidden; margin-bottom: 12px;}
.pfolio {display: block; padding-bottom: 20px;}
.pfolio > div {display: table-cell; vertical-align: middle;}
.pfolio > div > h3 {color: #F5905A; font-size: 45px !important; line-height: initial;}
.pfolio > div > p {color: #707070; font-size: 20px; font-weight: 400; max-width: 1000px;}    
  }

  /* Small devices Landscape */
  @media only screen and (min-device-width: 576px) and (max-device-width: 767.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .servpack {margin: 0px 50px; text-align: center;}

  }

  /* Medium devices (tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .services-package {min-height: 600px;}
    .service-price {font-family: 'Ubuntu', serif; font-weight: 700; font-size: 40px;}
    .service-price span {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: none !important;}
    .service-price div {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: block !important;}
    .serviceTitle {font-family: 'IBM Plex Sans', sans-serif;  font-size: 24px; line-height: 24px; font-weight: bold; text-transform: uppercase; min-height: 72px;}
    .ourServiceTitle {font-size: 70px; font-weight: 500; color: #133887; line-height: initial;}
    .masthead {background: url(../images/masthead-ts.jpg); background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 90vh;}
    .bg h1 {text-transform: uppercase; font-size: 32px;}
    .subhead {font-size: 22px; color: #707070; font-family: 'IBM Plex Sans', sans-serif;  line-height: 30px;}
    .accordion_head {font-size: 20px !important}
    .carousel-control-next, .carousel-control-prev {color: #FFFFFF;}
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #FFFFFF;}
    .parent.p3 {height: 623px;}    
    .parent.p4, .parent.p5 {height: 285px;}
    .parent.p6 {height: 290px;}
    .parent.p1, .parent.p2 {height: 300px;} 
    .article-container.p1, .article-container.p2 {height: 300px; width: 100%;} 
    .clientlogo {max-width: 120px; max-height: 120px;}
    .accordion_bg {z-index: 999; background: transparent; height: 75px; position: absolute; width: 100%; }
    .accordion_bgt {z-index: 999; background: transparent; height: 75px; position: absolute; width: 100%; background: transparent;}
    .cta {text-transform: uppercase; font-weight: 700; font-size: 20px; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 2px; line-height: initial;}
    li.nav-item {padding: 0px 10px !important;} 
    .form-home {width: 95%; background: #0064AB;}
    .contact-align {float: left; display: flex;}
    .check-mark, .question-mark {padding: 12px 0px;}
    .navbar-brand > img {max-width: 130px;}
    .squareTitle {font-size: 20px; color: #707070; line-height: initial; font-weight: 500;}
    .slide-up > div, .slide-down > div {margin-top: 65%; transition: margin-top 0.4s ease-in-out;}
    .slide-down > div {margin-top: 25px;} 
    /*.squareBox {min-height: 380px;}*/
    .squareContainer {padding: 15px 10px; height: 360px; overflow: hidden;}
.pfolio {height: 100%; display: inline-flex;}
.pfolio > div {display: table-cell; vertical-align: middle;}
.pfolio > div > h3 {color: #F5905A; font-size: 55px !important; line-height: initial;}
.pfolio > div > p {color: #707070; font-size: 24px; font-weight: 400; max-width: 1000px;}
  }

  /* Large devices (desktops, 992px and up) */
  @media only screen and (min-width: 992px) and (max-width: 1199.98px) { 
    .services-package {min-height: 550px;}
    .service-price {font-family: 'Ubuntu', serif; font-weight: 700; font-size: 40px;}
    .service-price span {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: inline-block !important;}
    .service-price div {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: none !important;}
    .serviceTitle {font-family: 'IBM Plex Sans', sans-serif;  font-size: 24px; line-height: 24px; font-weight: bold; text-transform: uppercase;}
    .ourServiceTitle {font-size: 70px; font-weight: 500; color: #133887; line-height: initial;}
    .masthead {background: url(../images/masthead-ts.jpg); background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 90vh;}
    .bg h1 {text-transform: uppercase; font-size: 40px;}
    .subhead {font-size: 24px; color: #707070; font-family: 'IBM Plex Sans', sans-serif;  line-height: 30px;}
    .accordion_head {font-size: 22px !important}
    .carousel-control-next, .carousel-control-prev {color: #FFFFFF;}
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #FFFFFF;}
    .parent.p3 {height: 623px;}    
    .parent.p4, .parent.p5 {height: 285px;}
    .parent.p6 {height: 290px;}
    .parent.p1, .parent.p2 {height: 300px;}
    .clientlogo {max-width: 120px; max-height: 120px;}
    .accordion_bg {z-index: 999; background: transparent; height: 75px; position: absolute; width: 100%; /*background: rgba(255, 255, 255, 0.5);*/}
    .accordion_bgt {z-index: 999; background: transparent; height: 75px; position: absolute; width: 100%; background: transparent;}
    .cta {text-transform: uppercase; font-weight: 700; font-size: 24px; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 2px; line-height: initial;}
    .form-home {width: 95%; background: #0064AB;}
    .contact-align {float: right; display: flex;}
    .check-mark, .question-mark {padding: 12px 0px;}
    .squareTitle {font-size: 24px; color: #707070; line-height: initial; font-weight: 500;}
    .slide-up > div, .slide-down > div {margin-top: 55%; transition: margin-top 0.4s ease-in-out;}
    .slide-down > div {margin-top: 30px;} 
    /*.squareBox {min-height: 380px;}*/
    .squareContainer {padding: 15px 10px; height: 360px; overflow: hidden;}
    .pfolio {height: 100%; display: table;}
.pfolio > div {display: table-cell; vertical-align: middle;}
.pfolio > div > h3 {color: #F5905A; font-size: 60px !important; line-height: initial;}
.pfolio > div > p {color: #707070; font-size: 24px; font-weight: 400; max-width: 1000px;}
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) { 
    .services-package {min-height: 500px;}
    .service-price {font-family: 'Ubuntu', serif; font-weight: 700; font-size: 40px;}
    .service-price span {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: inline-block !important;}
    .service-price div {font-family: 'IBM Plex Sans', sans-serif;  font-size: 18px; font-weight: 400; display: none !important;}
    .serviceTitle {font-family: 'IBM Plex Sans', sans-serif;  font-size: 24px; line-height: 24px; font-weight: bold; text-transform: uppercase;}
    .ourServiceTitle {font-size: 70px; font-weight: 500; color: #133887; line-height: initial;}
    .masthead {background: url(../images/masthead-ts.jpg); background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 90vh;}
    .bg h1 {text-transform: uppercase; font-size: 45px;}
    .subhead {font-size: 24px; color: #707070; font-family: 'IBM Plex Sans', sans-serif;  line-height: 30px;}
    .accordion_head {font-size: 22px !important}
    .carousel-control-next, .carousel-control-prev {color: #FFFFFF;}
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #FFFFFF;}
    .parent.p3 {height: 623px;}    
    .parent.p4, .parent.p5 {height: 285px;}
    .parent.p6 {height: 290px;}
    .parent.p1, .parent.p2 {height: 300px;}
    .clientlogo {max-width: 120px; max-height: 120px;}
    .accordion_bg {z-index: 999; background: transparent; height: 75px; position: absolute; width: 100%; }
    .accordion_bgt {z-index: 999; background: transparent; height: 75px; position: absolute; width: 100%; background: transparent;}
    .cta {text-transform: uppercase; font-weight: 700; font-size: 28px; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 2px; line-height: initial;}
    .form-home {width: 95%; background: #0064AB;}
    .contact-align {float: right; display: flex;}
    .check-mark, .question-mark {padding: 12px 0px;}

    /*.squareBox {min-height: 400px;}*/
    .squareContainer {padding: 10px 10px; height: 370px; overflow: hidden;}
    .squareTitle {font-size: 32px; color: #707070; line-height: initial; font-weight: 500;}
    .slide-up > div, .slide-down > div {margin-top: 42%; transition: margin-top 0.4s ease-in-out;}
    .slide-down > div {margin-top: 45px;} 
    .pfolio {height: 100%; display: table;}
.pfolio > div {display: table-cell; vertical-align: middle;}
.pfolio > div > h3 {color: #F5905A; font-size: 70px !important; line-height: initial;}
.pfolio > div > p {color: #707070; font-size: 24px; font-weight: 400; max-width: 1000px;}
  }


.carousel-control-next-icon, .carousel-control-prev-icon {color: #FE594D !important;}