@font-face {
    font-family: 'si';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

#lightgallery a {margin: 10px; display: inline-block;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-right: 5px;
    color: #ffffff;
    background-color: #029c97;
}

.soc a:hover {
    z-index: 2;
    background-color:#16b0ab !important;
}
.soc-icon-last{
    margin:0 !important;
}

.soc-linkedin:before {
    content:'\e049';
}
.soc-twitter:before {
    content:'\e040';
}
.soc-facebook:before {
    content:'\e041';
}
.soc-instagram:before {
    content:'\e057';
}
.soc-googleplus:before {
    content:'\e042';
}



.soc2 {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
    float: right;
    padding-top: 11px;
}

.soc2 li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc2 li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-right: 5px;
    color: #029c97;
    background-color: #fff;
}

.soc2 a:hover {
    z-index: 2;
    background-color:#16b0ab !important;
}


body {	/*font-family: 'Hind', sans-serif;*/	}

/*--- ABOVE NAV ---*/

.flexbox {display: flex; align-items: right; justify-content: right; height: 150px;}
.logo img {width: 100%;}
.above-nav {height: 150px; background-color:#ffffff;}
.top-phone-number p{font-weight: 400; font-size: 26px; color: #676666; margin: 0px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;  float:right;}
.top-email-address p{font-weight: 400; font-size: 22px; color: #676666; margin: 0px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; clear:both; float:right; text-align: right; padding-top: 30px;}


/*--- NAVIGATION ---*/

.navigation {width: 100%; background-color: #00aeef;}
.main-nav { list-style: none; padding-left: 0px;  padding-top: 12px;  padding-bottom: 9px;  text-align: center;  margin-bottom: 0px;}
.main-nav li   {display: inline; padding-bottom: 24px; padding-top: 25px; padding-right: 15px; padding-left: 15px; margin-left: 10px; margin-right: 10px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.main-nav li a {    padding-top: 21px; padding-bottom: 22px; font-size: 18px; color: #fff; line-height: 51px;}
.main-nav li a:hover {text-decoration: none;}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fff;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/*--- INTRO SECTION ---*/

.padding-100 {padding-top: 100px; padding-bottom: 100px; background-image: url(../images/homebg.png); background-repeat:no-repeat; background-position: bottom;}

.intro-section i {font-size: 110px; color: #fff;}
.intro-section {text-align: center;}

.circle-icon {
    background: #c6c6c5;
    width: 200px;
    border-radius: 50%;
    text-align: center;
    line-height: 143px !important;
    vertical-align: middle;
    padding: 30px;
    height: 200px;
    
      -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.circle-icon-color {
    background: #029c97;
    width: 200px;
    border-radius: 50%;
    text-align: center;
    line-height: 143px !important;
    vertical-align: middle;
    padding: 30px;
    height: 200px;
}

.grey-intro h1 {text-align: center; font-size: 20px; margin-top: 45px; margin-bottom: 20px; color: #c6c6c5;   -webkit-transition: all 2s ease-in-out; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.grey-intro p { 
    text-align: center;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #c6c6c5;
    line-height: 33px;
    padding-left: 20px;
    padding-right: 20px;
    
      -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.color-intro h1 {text-align: center; font-size: 20px; margin-top: 45px; margin-bottom: 20px; color: #000; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.color-intro p {
    text-align: center;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
    line-height: 33px;
    padding-left: 20px;
    padding-right: 20px;
}


a:hover .grey-intro h1 {
    color: #000; 
    text-decoration: none; 
    cursor: pointer;

}
a:hover .grey-intro p {
    color: #000; 
    text-decoration: none; 
    cursor: pointer;
}
a:hover .grey-intro .circle-icon {
    background: #029c97;
}


a {text-decoration: none;}
a:hover {text-decoration: none;}

/*--- GREY SECTION ---*/

.grey-section {background-color: #ececec;}
.grey-section-content h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #00aeef;
    margin-top: 0px;
	font-family:"Gill Sans", "Gill Sans MT";
}

.grey-section-content p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 50px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.left-button button {
background-color: #00aeef;
    border-top: 1px solid #00aeef;
    border-bottom: 1px solid #00aeef;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    padding-top: 0px;
    width: 75%;
    color: #fff;
    font-size: 23px; height:35px;
}
.right-button button {
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 2px solid #00aeef;
    border-left: 2px solid #00aeef;
    padding-top: 7px;
    width: 75%;
    color: #029c97;
    font-size: 23px;
}

.grey-image {text-align: center; margin-top: 70px;}
.grey-image img {width: 80%;} 

/*--- WHAT WE OFFER ---*/

.what-we-offer {text-align: center; font-size: 35px; font-weight: 600; color:#029c97; margin: 0px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }
.what-we-offer-p {text-align: center; margin-top: 50px; margin-bottom: 100px; font-weight: 400; line-height: 26px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}

.info-boxes {background-color: #00aeef;}
.info-boxes img {width: 100%; border-bottom: 2px solid #029c97; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.info-boxes h3 {text-align: center; color: #029c97; margin-top: 30px; margin-bottom: 30px; font-weight: 600; font-size: 19px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.info-boxes p {text-align: center; margin-bottom: 30px; padding-left: 10px; padding-right: 10px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.info-boxes a .more-info {width: 100%; background-color: #029c97; padding-bottom: 10px; padding-top: 10px; color: #fff; text-decoration: none; text-align: center; font-size: 18px; line-height: 20px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}

/*--- FOOTER ---*/

footer {background-color: #252525;}

.green-footer {width: 100%; background-color: #00aeef; margin-top: 100px;}
.green-icon i {color: #fff; padding-top: 10px; padding-bottom: 10px; font-size: 29px;}
.green-number {margin: 0px; color: #fff; font-size: 25px; padding-top: 9px; margin: 0px; font-weight: 500; text-align:left; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}

.footer-content {margin-top: 50px; margin-bottom: 50px;}
.footer-content h4 {color: #00aeef; font-size: 17px; margin-bottom: 20px; margin-top: 0px; text-align:left; }
.footer-content p {font-size: 12px; text-align:left;}

.open-left {text-align: left; font-size: 12px; }
.open-right {text-align: right; font-size: 12px; }
.mapbox {margin-top: 90px;}

.under-footer-grey {background-color: #252525;}
.under-footer {border-top: 3px solid #00aeef; margin-bottom: 10px;}
.copyright {text-align: left; font-size: 12px; color: #00aeef; margin-bottom: 20px; margin-top: 10px;}
.forte-link {color: #00aeef; text-align: right; font-size: 12px; margin-top: 10px;}
.forte-link a {color: #00aeef; text-decoration: none;}
.forte-link a:hover {color: #000;}

/* PURE CSS SLIDER */

@import url(//fonts.googleapis.com/css?family=Raleway:400,700|Lato);
.csslider {
  -moz-perspective: 1300px;
  -ms-perspective: 1300px;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  display: inline-block;
  text-align: left;
  position: relative;
  margin-bottom: 22px;
}
.csslider > input {
  display: none;
}
.csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {
  margin-left: -900%;
}
.csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {
  margin-left: -800%;
}
.csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
  margin-left: -700%;
}
.csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
  margin-left: -600%;
}
.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
  margin-left: -500%;
}
.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
  margin-left: -400%;
}
.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
  margin-left: -300%;
}
.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
  margin-left: -200%;
}
.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
  margin-left: -100%;
}
.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
  margin-left: 0%;
}
.csslider > ul {
  position: relative;
  width: 100%;
  height: 600px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  background-color: #3A3A3A;
  border: 10px solid #3A3A3A;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csslider > ul > li {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
}
.csslider > ul > li.scrollable {
  overflow-y: scroll;
}
.csslider > .navigation {
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 10;
  margin-bottom: -10px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csslider > .navigation > div {
  margin-left: -100%;
}
.csslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 4px;
  padding: 4px;
  background: #3A3A3A;
}
.csslider > .navigation label:hover:after {
  opacity: 1;
}
.csslider > .navigation label:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #00aeef;
  border-radius: 50%;
  padding: 6px;
  opacity: 0;
}
.csslider > .arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csslider.inside .navigation {
  bottom: 10px;
  margin-bottom: 10px;
}
.csslider.inside .navigation label {
  border: 1px solid #7e7e7e;
}
.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
.csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
.csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
.csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
.csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
.csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
.csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
.csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
.csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
.csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {
  opacity: 1;
}
.csslider > .arrows {
  position: absolute;
  left: -31px;
  top: 50%;
  width: 100%;
  height: 26px;
  padding: 0 31px;
  z-index: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.csslider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  padding: 13px;
  box-shadow: inset 2px -2px 0 1px #3A3A3A;
  cursor: pointer;
  -moz-transition: box-shadow 0.15s, margin 0.15s;
  -o-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s;
}
.csslider > .arrows label:hover {
  box-shadow: inset 3px -3px 0 2px #71ad37;
  margin: 0 0px;
}
.csslider > .arrows label:before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 300%;
  width: 300%;
}
.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {
  display: block;
  left: 0;
  right: auto;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {
  display: block;
  right: 0;
  left: auto;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
/*#region MODULES */
/*#endregion */
/*___________________________________ LAYOUT ___________________________________ */
* {
  margin: 0;
  padding: 0;
}
::-webkit-scrollbar {
  width: 2px;
  background: rgba(255, 255, 255, 0.1);
}
::-webkit-scrollbar-track {
  background: none;
}
::-webkit-scrollbar-thumb {
  background: rgba(74, 168, 0, 0.6);
}
ul,
ol {
  padding-left: 40px;
}
html,
body {
  height: 100%;
  overflow-x: hidden;
  text-align: center;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif !important;
  /*background-color: #282828;*/
  color: #CCC;
}
body {
  padding-bottom: 0px;
}
h1 {
  font-weight: 700;
  font-size: 150%;
  color: #000000;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  
}
h2 {
  font-weight: 400;
  font-size: 120%;
  color: #00aeef;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  
}
#slider1 {
  margin: 20px;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
#slider1 > ul > li:nth-of-type(3) {
  background: url(../../../../../drygiel/csslider/master/examples/themes/fruit.jpg);
}
#slider1 > input:nth-of-type(3):checked ~ ul #bg {
  width: 80%;
  padding: 22px;
  -moz-transition: .5s .5s;
  -o-transition: .5s .5s;
  -webkit-transition: .5s .5s;
  transition: .5s .5s;
}
#slider1 > input:nth-of-type(3):checked ~ ul #bg div {
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: .5s .9s;
  -o-transition: .5s .9s;
  -webkit-transition: .5s .9s;
  transition: .5s .9s;
}
#slider1 > input:nth-of-type(6):checked ~ ul #dex-sign {
  -moz-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -o-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -webkit-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  animation: sign-anim 3.5s 0.5s steps(85) forwards;
}
#bg {
  color: #000;
  padding: 22px 0;
  position: absolute;
  left: 0;
  top: 16%;
  height: 20%;
  width: 0;
  z-index: 10;
  overflow: hidden;
}
#bg:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 1px;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: url(../../../../../drygiel/csslider/master/examples/themes/fruit.jpg) 1px 23%;
  -webkit-filter: blur(7px);
}
#bg:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
#bg div {
  -moz-transform: translate(120%);
  -ms-transform: translate(120%);
  -o-transform: translate(120%);
  -webkit-transform: translate(120%);
  transform: translate(120%);
}
.scrollable p {
  padding: 30px;
  text-align: justify;
  line-height: 140%;
  font-size: 120%;
}
#center {
  text-align: center;
  margin-top: 25%;
}
#center a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-variant: small-caps;
}
/*___________________________________ LINK ___________________________________ */
a.nice-link {
  position: relative;
  color: #71ad37;
}
h1 a.nice-link:after {
  border-bottom: 1px solid #a5ff0e;
}
a.nice-link:after {
  text-align: justify;
  display: inline-block;
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #a5ff0e;
  min-height: 100%;
  width: 0;
  max-width: 100%;
  background: #3A3A3A;
  -moz-transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}
a.nice-link:hover {
  color: #71ad37;
}
a.nice-link:hover:after {
  width: 100%;
}
/*___________________________________ SIGN ___________________________________ */
#dex-sign {
  width: 255px;
  height: 84px;
  position: absolute;
  left: 33%;
  top: 45%;
  opacity: .7;
  background: url(../../../../../projects/sign/frames-255-white.png) 0 0 no-repeat;
}
#dex-sign:hover {
  opacity: 1;
  -webkit-filter: invert(30%) brightness(80%) sepia(100%) contrast(110%) saturate(953%) hue-rotate(45deg);
}
@-webkit-keyframes sign-anim {
  to {
    background-position: 0 -7140px;
  }
}
@-moz-keyframes sign-anim {
  to {
    background-position: 0 -7140px;
  }
}
@keyframes sign-anim {
  to {
    background-position: 0 -7140px;
  }
}
/* MENU */


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 100%;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
text-align: center;
}

#cssmenu ul {}

#cssmenu > ul > li {
  text-align: center;
  display: inline-block;
}
#cssmenu > ul > li > a {
  padding: 30px 25px 30px;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  font-weight: 700;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  text-align: center;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #249487;
}
#cssmenu #menu-indicator {
	visibility: hidden;
  position: absolute;
  top: 0;
  display: block;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #FFF;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}



#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center > ul > li {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd8a17;
  background: url('https://adrianwatersarchitect.co.uk/wp-content/themes/adrianwaters/assets/css/images/bg.png');
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 19.5px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #fd8a17;
  border-bottom: 2px solid #fd8a17;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 29.5px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fd8a17;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}
#cssmenu.small-screen #menu-indicator {
  display: none;
}

/*----------------TIM-----------------*/
.bluebullets { color:#00aeef; align-content:center; line-height:30px;}
.blacktext { color:#000000; font-size:18px;  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.bluetext { color:#00aeef; font-size:18px;  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
/* 3.1 - main form */
form.main { width:100%; height:100% }

#introduction.map {padding: 0; height: 300px; width: 100%;}
.overlay {position: absolute; height: 300px; width: 100%; background-color: rgba(0,0,0,0);}
#content {padding: 80px 0;}
.portfolio #content {padding: 160px 0 80px;}
#col1 {float: left; width: 611px; margin: 0 81px 0 0;}
#col2 {float: left; width: 408px;}
.col3 {float: left; width: 40%;}
.col4 {float: left; width: 30%;}

form li {list-style: none;}
#submit {
    background: #00aeef;;
    padding: 10px 30px;
    color: #FFF;
    border: 0;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    width: 200px!important;
    -webkit-appearance: none;
	border: 3px solid #FFF;
	border-radius:  5px 5px 5px 5px;
-moz-border-radius:  5px 5px 5px 5px;
-webkit-border-radius:  5px 5px 5px 5px;
}
 input:hover, input:hover[type=text], input:hover[type=email], input:hover[type=tel], textarea:hover {
    background-color: #FFF;
    transition: background-color .1s linear 0s;
    cursor: pointer;
	color: ##00aeef;
}

li.col {width: 49%; float: left; margin: 0 1% 0 0;}

#submit:hover {color: #9a8b70; border: 3px solid #9a8b70; background: #FFF;}
input[type=text], input[type=email], input[type=tel] {
    background: rgba(255,255,255,0.2);
    border: 3px solid #00aeef;
    height: 40px;
    padding: 5px;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    width: 95%;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius:  5px 5px 5px 5px;
-webkit-border-radius:  5px 5px 5px 5px;
margin: 0 0 20px;
}
textarea {
   background: rgba(255,255,255,0.2);
    border: 3px solid #00aeef;
    height: 130px;
    padding: 5px;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    font-weight: 400;
    width: 100%;
	border-radius:  5px 5px 5px 5px;
-moz-border-radius:  5px 5px 5px 5px;
-webkit-border-radius: 1 5px 5px 5px 5px;
margin: 0 0 20px;
}
#submit h1 {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}

.antispam {
    visibility: hidden;
    margin: -30px 0 0;
}

.hidden{
	opacity: 0;
}

.invisible{
	opacity: 0;
}

.visible{
	opacity: 1;
}