/*
Template Name: Minkay
Version: 1.0
Author: Telanor
/*--------------------------------------------------------------
>>> REWRITE BOOTSTRAP CLASSES
----------------------------------------------------------------*/
.bg-light {
    background-color: transparent!important;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}
.navbar-light .navbar-nav .nav-link {
    color: #FFF;
    font-size: 14px;
}
.form-control {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-bottom: 5px;
}
.form-control:focus {
    border-color: #8c8c8c;
    box-shadow: 0 0 0 0.2rem rgba(140,140,140,.25);
}
.modal-title {
    font-size: 2em;
}


/*--------------------------------------------------------------
>>> GLOBAL CLASSES
----------------------------------------------------------------*/
*, html {
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5 {
  font-family: 'Lato', sans-serif;
}
.margined-btn {
  margin-bottom: 70px;
}
.uppercase {
  text-transform: uppercase;
}
.no-pdn-right {
  padding-right: 0px;
}
.no-pdn-left {
  padding-left: 0px;
}
.no-pdn {
  padding-right: 0px;
  padding-left: 0px;
}
a:hover {
  text-decoration: none;
  color: #1dbae8;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #1dbae8;
}

.background-white.navbar-light .navbar-nav .nav-link:focus, .background-white.navbar-light .navbar-nav .nav-link:hover {
    color: #1dbae8;
}

/*--------------------------------------------------------------
>>> HEADER
----------------------------------------------------------------*/

header .navbar-nav {
  margin-right: 100px;
}
header .navbar-nav li a {
  text-transform: uppercase;
}
header .navbar-brand {
  margin-left: 100px;
}
header .navbar-brand img {
  max-width: 120px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.bg-light.background-white {
    background-color: rgba(255,255,255,.9)!important;
}
.background-white.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 12px;
}
header .background-white .navbar-brand img {
    max-width: 70px;
}
header .navbar.background-white {
    padding: 0rem 1rem;
}
header {
  background: #2b2c31;
  color: #FFF;
  padding-bottom: 100px;
}
.phone {
  border-bottom: 2px solid #1dbae8;
  width: 170px;
  float: right;
  margin-top: 3px;
}
.phone a {
  color: #FFF;
  font-size: 1.1em;
}
.phone-icon  {
  width: 20px;
  float: right;
}
.phone-icon i {
  color: #1dbae8;
  font-size: 2em;
  position: relative;
  bottom: -6px;
}
#contact-phone-head {
  position: relative;
  z-index: 9999;
}

/*--------------------------------------------------------------
>>> FOOTER
----------------------------------------------------------------*/

footer {
  background: #2b2c31;
  color: #FFF;
  padding: 20px 0px;
}
footer hr.footer-line {
  border-top: 1px solid rgba(255,255,255,.5);
  position: relative;
  top: 35px;
  margin: 0px;
}
footer h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  margin-bottom: 30px;
}
footer p, footer ul, footer ol {
  font-size: .8em;
}
footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer ul li a {
  color: #FFF;
}
footer img {
  margin-bottom: 5px;
}

#static-footer {
  background: #373737;
  padding: 10px;
}
#static-footer a {
  color: #FFF;
}
#static-footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#static-footer ul li {
  display: inline-block;
  margin-right: 5px;
}
#static-footer ul li i {
  font-size: 1.6em;
}

/*--------------------------------------------------------------
>>> SLIDER
----------------------------------------------------------------*/

#slider {
  background: #2b2c31;
  color: #FFF;
  padding-bottom: 30px;
}
.slide-message {
  margin-top: 50px;
}
.slide-message h1 {
  text-transform: uppercase;
  font-weight: bold;
}
.slide-text h2 {
  font-weight: bold;
}
.slide-text h3 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 30px;
}
.slide-title-one {
  float: right;
  padding-right: 100px;
  animation-delay: .2s;
}
.slide-title-two {
  float: right;
  padding-right: 100px;
  animation-delay: .3s;
}
.slide-title-three {
  float: right;
  padding-right: 50px;
  animation-delay: .4s;
}
.slide-title-four {
  float: right;
  padding-right: 90px;
  animation-delay: .5s;
}
.slide-title-five {
  float: right;
  padding-right: 50px;
  animation-delay: .6s;
}
.slide-title-six {
  float: right;
  padding-right: 120px;
  font-size: 3em;
  color: #a4be0b;
  margin-top: -60px;
  animation-delay: .7s;
}
.slide-title-six-two {
  float: right;
  padding-right: 0px;
  font-size: 2em;
  color: #a4be0b;
  margin-top: -20px;
  animation-delay: .8s;
}
.slide-title-seven {
  float: right;
  padding-right: 80px;
  margin-top: -60px;
  color: #a4be0b;
  animation-delay: .8s;
}
.slide-title-eight {
  float: right;
  padding-right: 10px;
  margin-top: -30px;
  animation-delay: .9s;
}
.slide-title-eight-two {
  float: right;
  padding-right: 35px;
  margin-top: -30px;
  animation-delay: .7s;
}
.slide-sub-one {
  float: right;
  padding-right: 50px;
}
.slide-sub-two {
  font-size: 1.4em;
}
.slide-sub-three {
  float: right;
  padding-right: 10px;
}
.slide-sub-four {
  color: #1dbae8;
}

ul.services {
  list-style: none;
}
ul.services li {
  margin-bottom: 7px;
  color: #bfbfbf;
  font-size: 1.1em;
}
.separate-line {
  display: block;
  width: 1px;
  height: 350px;
  border-left: 1px solid #626262;
  position: relative;
  margin-top: 30px;
}
.separate-line .scroller {
  position: absolute;
  top: 100px;
  width: 3px;
  height: 50px;
  border-right: 4px solid #1dbae8;
  left: -2px;
}
.carousel-item {
  position: 
}
.carousel-control-next {
  bottom: 0px;
  right: 275px;
  padding: 15px;
  background: #1dbae8;
  width: 100px;
  height: 100px;
  top: auto;
  left: auto;
    opacity: .9;
}

/*--------------------------------------------------------------
>>> SERVICES
----------------------------------------------------------------*/

#services {
  padding: 50px 0px;
  position: relative;
}
#services article img {
  min-width: 100%;
}
#services h1 {
  background: #2b2c31;
  color: #FFF;
  font-size: 1.3em;
  float: right;
  max-width: 400px;
  margin-right: 20px;
  position: relative;
  top: -20px;
}
#services article h1 {
  padding: 10px;
}
#services .high-service h1 {
  font-size: 2em;
  max-width: 600px;
  top: -40px;
}
#services hr.black-line {
    border-top: 3px solid #2b2c31;
    position: relative;
    top: 5px;
}
#services .high-service hr.black-line {
    border-top: 3px solid #2b2c31;
    position: relative;
    top: 0px;
}
#services ul {
  list-style: none;
  clear: both;
  margin-left: 0px;
  padding: 0px 20px 15px 20px;
  position: relative;
  top: -30px;
  margin-bottom: -30px;
}

#services .high-service ul {
  top: -50px;
}

#services ul li {
  font-size: .8em;
}

.green-arrow i {
  color: #a4be0b;
  font-size: 2.5em;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
#services .high-service .green-arrow i {
  color: #a4be0b;
  font-size: 3em;
  margin-right: 10px;
  position: relative;
  top: 10px;
}
#services article {
  background: #FFF;
  transition: .3s all ease;
  box-sizing: border-box;
  display: block;
  margin-bottom: 30px;
  min-height: 360px;
  box-shadow: 1px 1px 1px 0 rgba(33,33,33,0.1);
  padding: 5px;
}

#services .high-service article {
    min-height: 380px;
    padding: 5px;
}

#services article:hover {
    box-shadow: 6px 8px 24px 0 rgba(33,33,33,0.2);
    border-color: transparent;
    border-radius: 0px;
    -webkit-transform: translateY(-10px);
    margin-top: -10px;
    margin-bottom: 40px;
}
.black-striped {
  background: rgba(45,45,45,.95);
  width: 100%;
  height: 620px;
  z-index: -1;
  position: absolute;
  top: 110px;
}
.black-striped-two {
  background: #2b2c31;
  width: 100%;
  height: 200px;
  z-index: -1;
  position: absolute;
  top: 580px;
}
.title-container {
  float: left;
  clear: both;
  position: relative;
  margin-bottom: -40px;
  z-index: 2;
  position: relative;
  top: 10px;
}
#services h1.section-title {
  color: #1dbae8;
  background: transparent;  
  font-size: 2.5em; 
  text-transform: uppercase;
  font-weight: bold;
}
#services h2.section-title {
  color: #2b2c31;
  font-size: 1.5em;
}
.compesate-margin {
  margin-top: 20px;
}



/*--------------------------------------------------------------
>>> PROCESS
----------------------------------------------------------------*/
#process {
  padding: 100px 0px 0px 0px;
}
#process {
  background-image: url('../img/wm-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.graysqueare {
  color: #FFF;
  padding: 5px;
  position: relative;
  z-index: 2;
}
.graysqueare h2 {
  font-size: 1.2em;
}
.graysqueare p {
  font-size: .8em;
}
.cap-green {
  text-transform: uppercase;
  font-weight: bold;
  color: #a4be0b;
}
.cap-blue {
  text-transform: uppercase;
  font-weight: bold;
  color: #1dbae8;
}

.bgsquare-one {
  width: 320px;
    height: 320px;
    background-color: #a4be0b;
    transform: rotate(70deg);
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 10px;
}
.bgsquare-two {
  width: 320px;
    height: 320px;
    background-color: #1dbae8;
    position: absolute;
    z-index: -1;
    top: -100px;
    left: 0px;
}
.bgsquare-three {
  width: 320px;
    height: 320px;
    background-color: #a4be0b;
    transform: rotate(-70deg);
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 10px;
}
.bgsquare-four {
  width: 320px;
    height: 320px;
    background-color: #1dbae8;
    transform: rotate(120deg);
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 10px;
}
.bgsquare-five {
  width: 320px;
    height: 320px;
    background-color: #1dbae8;
    transform: rotate(-120deg);
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 10px;
}

.bgnumber-one {
  color: #a4be0b;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: -1;
    top: 230px;
    left: 10px;
    font-weight: bold;
    font-size: 3em;
}
.bgnumber-two {
    color: #1dbae8;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: -1;
    top: -100px;
    left: 310px;
    font-weight: bold;
    font-size: 3em;
}
.bgnumber-three {
    color: #a4be0b;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: -1;
    top: 190px;
    left: 290px;
    font-weight: bold;
    font-size: 3em;
}
.bgnumber-four {
  color: #1dbae8;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: -1;
    top: 230px;
    left: 60px;
    font-weight: bold;
    font-size: 3em;
}
.bgnumber-five {
  color: #1dbae8;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: -1;
    top: 230px;
    left: 220px;
    font-weight: bold;
    font-size: 3em;
}

.separator-box {
  display: block;
  height: 100px;
}

.box-one {
  padding-top: 30px;
  padding-right: 30px;
}
.box-three {
  padding-top: 30px;
  padding-left: 30px;
}
.box-four {
  padding-top: 30px;
  padding-right: 30px;
}
.box-five {
  padding-top: 30px;
  padding-left: 30px;
}


.vertical-title {
  writing-mode: tb-rl;
  transform: rotate(180deg);
  position: relative;
  left: -20px;
}

.vertical-title h1 {
  color: #2b2c31;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.vertical-title h2 {
  
  color: #1dbae8;
  margin: 0px;
  padding: 0px;
}
#process .separate-line {
  display: block;
  width: 1px;
  height: 350px;
  border-left: 1px solid #626262;
  position: relative;
  margin-top: 30px;
  right: -20px;
}
#process .separate-line .scroller {
  position: absolute;
  top: 0px;
  width: 3px;
  height: 50px;
  border-right: 6px solid #1dbae8;
  left: -3px;
}
#process .gray-square {
    background: rgba(45,45,45,.2);
    width: 100%;
    height: 100px;
    z-index: -1;
    position: absolute;
    top: -20px;
}


/*--------------------------------------------------------------
>>> EXPERIENCE
----------------------------------------------------------------*/

#experience {
  background: #2b2c31;
  color: #FFF;
  position: relative;
  margin-bottom: 50px;
}
#experience img {
  min-width: 100%;
}

#experience h1.section-title {
  color: #FFF;
  background: transparent;  
  font-size: 3.5em; 
  text-transform: uppercase;
  font-weight: bold;
}
#experience h2.section-title {
  color: #FFF;
  font-size: 2em;
  margin-bottom: -10px;
  
}
#experience .title-container {
  position: relative;
    top: 30px;
    left: 150px;
}

.floating-img {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.btn-gray {
  padding: 20px 70px;
  background: #3f3f47;
  text-transform: uppercase;
  color: #FFF;
  font-size: 1em;
  float: right;
  font-weight: normal;
}
.btn-gray i {
  font-size: 2em;
  position: relative;
  left: 10px;
  top: 4px;
}
.main-exp-img {
  position: relative;
}
.black-filter {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
}
.next-btn {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 50px;
  padding: 45px 60px;
  background: #1dbae8;
}
.next-btn i {
  color: #FFF;
  font-size: 2em;
}
#experience .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

/*--------------------------------------------------------------
>>> NEWS
----------------------------------------------------------------*/

#news a {
  color: #2b2c31;
}
#news h1.section-title {
  color: #a4be0b;
  background: transparent;  
  font-size: 2.5em; 
  text-transform: uppercase;
  font-weight: bold;
}
#news h2.section-title {
  color: #2b2c31;
  font-size: 2em;
  margin-bottom: -10px;
  
}
#news .title-container {
  position: relative;
    top: 16px;
    left: 55px;
    margin-bottom: -10px;
}
#news article h1 {
  font-size: 1.5em;
  font-weight: bold;
}
#news article p {
  font-size: .9em;
}
.caps-title {
  text-transform: uppercase;
}
.main-new {
  padding-top: 20px;
}
.main-new h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.seconds-news {
  padding-top: 105px;
}
.seconds-news h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.gray-striped {
  background: #f2f2f2;
  width: 100%;
  height: 750px;
  z-index: -1;
  position: absolute;
  top: 0px;
  right: 0px;
}
#news a.btn-arrow {
  background: #1dbae8;
  color: #FFF;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 0px;
  font-size: .9em;
}
#news a.btn-arrow i {
  font-size: 1.5em;
}
#news .seconds-news  a.btn-arrow {
  position: absolute;
  bottom: 0px;
  right: -35px;
}
.second-new-img-cont {
  position: relative;
}
#news .main-new a.btn-arrow {
  padding: 10px 50px;
}
#news .main-new a.btn-arrow i {
  position: relative;
  top: 2px;
  left: 15px;
}
#news {
  position: relative;
}
#news .separate-line {
  position: absolute;
}
#news .separate-line {
    display: block;
    width: 550px;
    height: 1px;
    border-left: none;
    border-bottom: 1px solid #626262;
    top: 35px;
    left: 0px;
}
#news .separate-line .scroller {
    position: absolute;
    top: -2px;
    width: 50px;
    height: 3px;
    border-right: none;
    border-bottom: 4px solid #a4be0b;
    left: 550px;
}

/*--------------------------------------------------------------
>>> ABOUT US
----------------------------------------------------------------*/


#about-us {
  background-image: url('../img/letters-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

#about-us {
  margin: 100px 0px 0px 0px;
  padding: 100px 0px 0px 0px;
}
#about-us p {
  color: #FFF;
  padding-top: 25px;
}
#about-us .black-striped {
  background: rgba(45,45,45,.75);
  width: 100%;
  height: 180px;
  z-index: -1;
  position: absolute;
  top: -15px;
}

#about-us .vertical-title {
  writing-mode: tb-rl;
  transform: rotate(180deg);
  position: relative;
  left: -80px;
}

.partners {
  margin-top: 80px;
  position: relative;
  z-index: 999;
}
#about-us .partners p {
  color: #2b2c31;
  padding-top: 0px;
}
.partners h2 {
  text-transform: uppercase;
  font-weight: bold;
  color: #2b2c31;
  font-size: 1em;
  margin-bottom: -5px;
}
.partners h3 {
  color: #2b2c31;
  font-size: 1.5em;
  margin-bottom: -5px;
}
.partners p {
  font-size: .9em;
  margin-bottom: 0px;
}
.green-title {
  color: #a4be0b!important;
}
.blue-title {
  color: #1dbae8!important;
}
#about-us .separate-line {
  display: block;
  width: 1px;
  height: 250px;
  border-left: 1px solid #626262;
  position: relative;
  margin-top: 30px;
  right: 35px;
}
#about-us .separate-line .scroller {
  position: absolute;
  top: 0px;
  width: 3px;
  height: 50px;
  border-right: 6px solid #a4be0b;
  left: -3px;
}
#about-us .vertical-title h2 {  
  color: #a4be0b;
}

/*--------------------------------------------------------------
>>> SINGLE INTERIOR
----------------------------------------------------------------*/

#interior {
  background: #2b2c31;
  color: #FFF;
  padding-bottom: 100px;
}
#interior a {
  color: #FFF;
}
#interior a.btn-arrow {
  background: #1dbae8;
  color: #FFF;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 0px;
  font-size: .9em;
  position: absolute;
  bottom: 10px;
  right: 15px;
}
#interior a.btn-arrow i {
  font-size: 1.5em;
}
#interior .seconds-news  a.btn-arrow {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.second-new-img-cont {
  position: relative;
}
#interior .main-new a.btn-arrow {
  padding: 10px 50px;
}
#interior .main-new a.btn-arrow i {
  position: relative;
  top: 2px;
  left: 15px;
}
#interior .second-news article h1 {
  font-size: 1em;
  font-weight: bold;
  color: #FFF;
}
#interior article p {
  font-size: .8em;
  color: #FFF;
}
#interior .second-news article img {
  margin-bottom: 10px;
  min-width: 100%;
}
#interior .separate-line {
  left: 30px;
}

/*--------------------------------------------------------------
>>> FIXES
----------------------------------------------------------------*/

.high-service {
  padding: 0px 25px;
}
.low-service {
  padding: 0px 25px;
}

#side-contact {
    display: block;
    background: rgba(255, 102, 0, .95);
    z-index: 999;
    overflow: hidden;
    cursor: pointer;
    width: 40px;
    height: 300px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed;
    top: 145px;
    left: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#side-contact .contact-container #contact-default {
    margin: 155px 0px 0px -30px;

}
#side-contact .vertical-text {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    color: #FFF;
}
#side-contact h1 {
    color: #FFF;
    margin-left: 27px;
    margin-bottom: 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}
#side-contact i {
    color: #FFF;
    margin-left: 18px;
    margin-bottom: 60px;
    position: absolute;
    left: -13px;
    bottom: 0px;
    font-size: 1.5em;
}
.btn-default {
    color: #FFF;
    background-color: #1dbae8;
    font-size: 15px;
    padding: 10px 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-radius: 0px;
}
.btn-secondary {
    color: #FFF;
    background-color: #2b2c31;
    font-size: 15px;
    padding: 10px 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-radius: 0px;
}
.form-control:focus {
    border-color: #1dbae8;
    box-shadow: 0 0 0 0.2rem rgba(29,186,232,.25);
}

#contact-us {
    background: #bfbfbf;
    padding: 20px 0px;
}
#contact-us .btn-default {
    margin-bottom: 0px;
}
#contact-us i {
  font-size: 1em;
  margin-left: 10px;
  position: relative;
  top: 1px;
}
#contact-us .btn-default {
  color: #FFF;
  font-size: 1em;
  padding: 12px 40px;
  border: 1px solid #FFF;
  background-color: transparent;
  display: block;
  margin: 0 auto;
  max-width: 200px;
  border-radius: 0px;
}
footer p.copyright {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 0px;
}
#static-footer {
    display: block;
    position: fixed;
    bottom: -3px;
    width: 100%;
    z-index: 999;
}


/*--------------------------------------------------------------
>>> RESPONSIVE
----------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  #news .order-first {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .bg-light {
    background-color: #2b2c31!important;
  }
}

@media screen and (min-width: 1600px) {
  #experience .floating-img img {
      min-width: 800px;  
  }
}
@media screen and (max-width: 768px) {
  header {
      padding-bottom: 130px;
  }

  #slider img {
    opacity: .5;
  }
  .slide-message-container {
    position: absolute;
    top: 0px;
  }
  .carousel-control-next {
    right: 245px;
  }
  .slide-text {
    position: relative;
    top: -20px;
  }
  .slide-title-two {
      padding-right: 50px;
  }
  .slide-title-six-two {
      font-size: 1.2em;
      margin-top: -10px;
  }
  .slide-title-eight-two {
      margin-top: -5px;
  }
}
@media screen and (max-width: 1200px) {
  .carousel-control-next {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #process {
      padding: 0px;
  }
  .vertical-title {
      transform: rotate(0deg);
      position: relative;
      left: 0px;
      writing-mode: inherit;
      top: -15px;
  }
  .bgsquare-one, .bgsquare-two, .bgsquare-three, .bgsquare-four, .bgsquare-five {
      display: none;
  }
  .bgnumber-one, .bgnumber-two, .bgnumber-three, .bgnumber-four, .bgnumber-five {
    display: none;
  }
  .separator-box {
      display: none;
  }
}
@media screen and (max-width: 990px) {
  .bluesquare {
    background: #1dbae8;
    margin-bottom: 5px;
    color: #FFF;
      padding: 5px;
  }
  .greensquare {
    background: #a4be0b;
    margin-bottom: 5px;
    color: #FFF;
      padding: 5px;
  }
  .bluesquare h2, .greensquare h2 {
    font-size: 1.2em;
  }
  .bluesquare p, .greensquare p {
    font-size: .8em;
  }
}

@media screen and (max-width: 990px) {
  #experience .title-container {
      position: relative;
      top: 5px;
      left: 5px;
      margin-bottom: 5px;
  }
  #experience h1.section-title {
      color: #FFF;
      background: transparent;
      font-size: 2em;
      text-transform: uppercase;
      font-weight: bold;
  }
}
@media screen and (max-width: 990px) {
  #about-us .vertical-title {
      writing-mode: horizontal-tb;
      transform: rotate(0deg);
      position: relative;
      left: 0px;
  }
  #about-us p {
      color: #2b2c31;
      padding-top: 25px;
  }
  .partners {
      margin-top: 20px;
  }
  .member {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 990px) {
  .main-new {
    padding-top: 80px;
  }
}