@import 'structure.min.css';
/*@import 'font-awesome.min.css';*/
@import 'http://fonts.googleapis.com/css?family=Neuton|Oxygen';

/* ==============================================
   Ageing Workforces CSS
   Author: Hyper Hedgehog
   Website: http://hyperhedgehog.com

   Contents
   -------------------------------

   1.  Layout / Structure
   2.  Fonts
   3.  Homepage
   4.  About
   5.  Contact
   6.
   7.
   8.
   9.  Animations
   10. Media Queries
================================================== */


/***************************************************

   1. Layout / Structure

****************************************************/
   html {}
   body {
      margin:40px auto 0 auto;
      font:400 1em 'Neuton', Georgia, serif;
      }
      body.modal-open {overflow:hidden;}

   .page-container-dark {
      background:url('../img/noise2.png'), #252525;
      }
   .page-container-light {
      background:url('../img/more_noise.png'), #6e6e6e;
      }
   .page-container-footer {
      position:relative;
      background:#111;
      overflow:hidden;
      }
   .page-container-pink {
      background:url('../img/more_noise.png'), #cf1a45;
      }
   .page {
      max-width:1000px;
      margin:0 auto;
      padding:60px 40px;
      }
      .page.nobg {background:none;}

   #header-container {
      position:absolute;
      top:0;
      right:0;
      left:0;
      background:#cf1a45;
      box-shadow:0 0 5px rgba(0,0,0,0.2);
      z-index:5;
      }
      header {
         max-width:1000px;
         margin:0 auto;
         padding:0 20px;
         font-family:'Oxygen', Helvetica, Arial, sans-serif;
         color:#f0f0f0;
         }
         header ul {
            margin:0;
            list-style:none;
            }
            header ul li {
               position:relative;
               display:inline-block;
               float:right;
               }
            header ul li.logo {
               float:left;
               margin:-12px 0 0 0;
               }
               header ul li.logo a {
                  margin-left:-20px;
                  padding:5px 0;
                  font:600 1.65em 'Norican';
                  text-transform:none;
                  }
                  header ul li.logo a:hover {color:#fff; background:none;}
                  header ul li.logo a span {
                     display:block;
                     margin:-5px 0 0 0;
                     font:400 0.55em 'Oxygen';
                     text-transform:uppercase;
                     opacity:0.8;
                     }
            header ul li a,
            header ul li a:visited {
               position:relative;
               display:block;
               padding:20px;
               font-weight:normal;
               color:rgba(255,255,255,0.8);
               text-decoration:none;
               text-transform:uppercase;
               z-index:1000000;
               -webkit-transition:background 0.2s ease, color 0.2s ease, 0.2s text-shadow ease, 0.1s -webkit-transform ease;
               -moz-transition:background 0.2s ease, color 0.2s ease, 0.2s text-shadow ease, 0.1s -moz-transform ease;
               -o-transition:background 0.2s ease, color 0.2s ease, 0.2s text-shadow ease, 0.1s -o-transform ease;
               transition:background 0.2s ease, color 0.2s ease, 0.2s text-shadow ease, 0.1s transform ease;
               }
               header ul li:not(.selected) a:hover,
               header ul li:not(.selected) a:visited:hover {
                  color:#fff;
                  border:none;
                  }
               header ul li a:active,
               header ul li a:focus,
               header ul li a:active:visited,
               header ul li a:focus:visited {
                  color:#fff;
                  -webkit-transition:none;
                  -moz-transition:none;
                  -ms-transition:none;
                  -o-transition:none;
                  transition:none;
                  }
            header ul li.selected a,
            header ul li.selected a:visited {
               color:rgba(207,26,69,0.7);
               background:#fff;
               }

   .page-container-footer {margin:-1px 0 0 0;}
   /*.page-container-footer:after {
      position:absolute;
      top:-200%;
      right:-20%;
      bottom:-50%;
      width:85%;
      left:60%;
      content:'';
      background:rgba(255,255,255,0.2);
      background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
      background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
      background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
      background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
      background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
      -webkit-transform:rotate(-50deg);
      opacity:0.1;
      z-index:1;
      }*/
   .page-container-footer:after {
      position:absolute;
      top:0%;
      right:-20%;
      bottom:-160%;
      width:85%;
      left:70%;
      content:'';
      background:#171717;
      background:rgba(255,255,255,0.3);
      -webkit-transform:rotate(35deg);
      -moz-transform:rotate(35deg);
      -ms-transform:rotate(35deg);
      -o-transform:rotate(35deg);
      transform:rotate(35deg);
      opacity:0.1;
      z-index:1;
      }
   footer {
      position:relative;
      padding:40px 40px 20px 40px!important;
      overflow:hidden;
      }
      footer .row {position:relative; margin:0; z-index:2;}
      footer img.logo {margin:-20px 0 15px -20px;}
      footer p {margin:0 0 10px 0; color:#afafaf!important;}

         footer p.contact-info {display:inline-block; margin:0 20px -5px 0;}
            footer p.contact-info a {color:#afafaf;}
            footer p.contact-info a:hover {color:#cf1a45;}
            footer p.contact-info:last-child {margin-right:0;}

      footer ul.contact-info {margin:0;}
         footer ul.contact-info li {
            display:inline-block;
            margin:0 20px -5px 0;
            }
            footer ul.contact-info li:last-child {display:block; margin-top:-4px;}
            footer ul.contact-info li p {margin:0;}
            footer ul.contact-info li a {color:#afafaf; text-decoration:none;}
      footer hr {margin:12px 0 1px 0; background:#cf1a45; border:none;}
      footer a:hover {color:#cf1a45!important;}
      footer ul {margin:2px 0 21px 0; list-style:none;}
         footer ul li {
            display:inline-block;
            margin:19px 0 0 25px;
            }
            footer ul li:first-child {margin-left:0;}
            footer .row div:nth-child(2) a {
               font:0.8em 'Oxygen', Helvetica, Arial, sans-serif;
               text-transform:uppercase;
               text-decoration:none;
               }
               footer a:hover,
               footer a:focus {position:relative; color:#cf1a45;}
               /*footer ul.social {margin:5px 0 0 0;}
               footer ul li a.fb,
               footer ul li a.tw {
                  position:relative;
                  margin:0 0 0 5px;
                  font-size:1.5em!important;
                  line-height:1em;
                  color:#222;
                  z-index:1;
                  }
                  footer ul li a.fb:hover,
                  footer ul li a.tw:hover {color:#fff;}
                  footer ul li a.fb:hover:before,
                  footer ul li a.tw:hover:before {background:#cf1a45;}
                  footer ul li a.fb:before,
                  footer ul li a.tw:before {
                     position:absolute;
                     top:0; left:-10px;
                     width:30px;
                     height:30px;
                     content:'';
                     background:#fff;
                     border-radius:3px;
                     z-index:-1;
                     transition:0.2s background ease;
                     }
                  footer ul li a.tw:before {left:-5px;}*/
            footer ul.underline li a {position:relative;}
               footer ul.underline li a:after {
                  display:none;
                  position:absolute;
                  bottom:-3px;
                  left:50%;
                  right:50%;
                  height:1px;
                  background:#cf1a45;
                  content:'';
                  }
               footer ul.underline li a:hover::after {
                  display:block;
                  -webkit-animation: footer-links 0.2s ease both;
                  -moz-animation: footer-links 0.2s ease both;
                  -ms-animation: footer-links 0.2s ease both;
                  -o-animation: footer-links 0.2s ease both;
                  animation: footer-links 0.2s ease both;
                  }
      footer i.fa-twitter.square {margin-right:0;}
      footer .row div:nth-child(2) {position:relative; height:190px; text-align:right;}
      footer #hh {position:absolute; bottom:10px; right:0; font-size:0.9em;}
         footer #hh p,
         footer #hh a,
         footer #hh div {
            font:0.9em 'Oxygen', Helvetica, Arial, sans-serif;
            color:#5a5a5a!important;
            display:inline-block;
            vertical-align:middle;
            padding:0 0 0 5px;
            }
            footer #hh p {position:relative; margin:-17px 0 0 0; font-size:0.9em;}
         footer #hh div {margin:0 0 0 5px; border-left:1px dotted #5a5a5a;}
            footer #hh div a {position:relative; display:block; margin:0 0 3px 0; font-size:0.93em; text-decoration:none;}
               footer #hh div a:after {
                  display:none;
                  position:absolute;
                  bottom:-1px;
                  left:50%;
                  right:50%;
                  height:1px;
                  background:#5a5a5a;
                  content:'';
                  }
               footer #hh div a:hover {color:#cf1a45;}
               footer #hh div a:hover::after {
                  display:block;
                  -webkit-animation: footer-links 0.3s ease both;
                  -moz-animation: footer-links 0.3s ease both;
                  -ms-animation: footer-links 0.3s ease both;
                  -o-animation: footer-links 0.3s ease both;
                  animation: footer-links 0.3s ease both;
                  }

   div.profile-img {
      display:block;
      width:150px;
      height:150px;
      margin:0 auto;
      background-size:100%;
      background-repeat:no-repeat;
      border:3px solid #eaeaea;
      border-radius:1000px;
      /* amended styling, post-binnaz removal */
      float:left; margin:-20px 20px 40px 0;
      }

      #about-profiles .profile-img {margin-top:0;}


   label {
      font:600 0.9em 'Oxygen', Helvetica, Arial, sans-serif;
      color:#7f1a33;
      text-shadow:0 1px 1px rgba(255,255,255,0.1);
      }
   input,
   textarea {
      display:block;
      width:100%;
      margin:5px 0 15px 0;
      padding:7px;
      font-size:1.2em!important;
      color:#111;
      color:rgba(0,0,0,0.5);
      background:#e93150;
      border:none;
      border-radius:2px;
      box-sizing:border-box;
      -webkit-transition:0.2s background ease, 0.2s box-shadow ease;
      -moz-transition:0.2s background ease, 0.2s box-shadow ease;
      -ms-transition:0.2s background ease, 0.2s box-shadow ease;
      transition:0.2s background ease, 0.2s box-shadow ease;
      }
      textarea {font-size:0.8em; min-height:80px;}
      input:focus,
      textarea:focus {
         outline:0;
         color:#fff;
         text-shadow:0 2px 1px rgba(0,0,0,0.5);
         background:rgba(0,0,0,0.3);
         box-shadow:0 0 3px 0 rgba(0,0,0,0.2) inset;
         }
   /* Parsley */
      .parsley-validated {}
      /*.parsley-success {border:1px solid green;}*/
      /*.parsley-error {border:1px solid #b14b57;}*/
      ul.parsley-error-list {
         position:relative;
         display:inline-block;
         list-style:none;
         margin:0 0 20px 0;
         padding:5px 10px 5px 7px;
         border-radius:5px;
         background:#252525;
         }
         ul.parsley-error-list:after {
            content: "";
            position: absolute;
            top:-8px;
            left:15px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 8px solid #252525;
            }
         ul.parsley-error-list li {
            display:inline-block;
            margin:0 0 2px 0;
            font:0.9em 'Oxygen';
            color:#fff;
            text-shadow:none;
            }

   button {
      width:100%;
      padding:13px 15px 15px 15px;
      font:600 0.9em 'Oxygen', Helvetica, Arial;
      color:#777;
      text-shadow:1px 1px 0px #fff;
      -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -ms-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -o-box-shadow:inset 0px 1px 0px 0px #ffffff;
      box-shadow:inset 0px 1px 0px 0px #ffffff;
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
      background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
      /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');*/
      border:0;
      border-top:1px solid #dcdcdc;
      border-radius:3px;
      box-sizing:border-box;
      -webkit-transition:0.2s background ease;
      -moz-transition:0.2s background ease;
      -ms-transition:0.2s background ease;
      -o-transition:0.2s background ease;
      transition:0.2s background ease;
      }
      button:hover,
      button:focus {
         background:#dfdfdf;
         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
         background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
         /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');*/
         box-shadow:0 0 3px 0 rgba(0,0,0,0.5);
         }




/***************************************************

   2. Fonts
   
****************************************************/
   .page-container-dark h1,
   .page-container-dark h2,
   .page-container-dark h3,
   .page-container-dark h4,
   .page-container-dark h5,
   .page-container-dark p,
   .page-container-dark a {color:#f0f0f0;}

   .page-container-light h1,
   .page-container-light h2,
   .page-container-light h3,
   .page-container-light h4,
   .page-container-light h5,
   .page-container-light p,
   .page-container-light a {color:#000;}

   .page-container-pink h1,
   .page-container-pink h2,
   .page-container-pink h3,
   .page-container-pink h4,
   .page-container-pink h5,
   .page-container-pink p,
   .page-container-pink a {color:#f0f0f0;}

   .page-container-footer h1,
   .page-container-footer h2,
   .page-container-footer h3,
   .page-container-footer h4,
   .page-container-footer h5,
   .page-container-footer p,
   .page-container-footer a {color:#f0f0f0;}

   h1 {
      font:400 2em 'Neuton', Georgia, serif;
      }
   h1.mission {
      display:block;
      max-width:896px;
      margin:0 auto;
      padding:0 100px 0 0;
      font:400 2.2em 'Neuton', Georgia, serif;
      color:#fff;
      /*color:#2f2f2f;*/
      /*color:#434343;*/
      /*text-shadow:0 1px 0 rgba(255,255,255,0.3);*/
      /*text-shadow:0 1px 1px rgba(0,0,0,0.3);*/
      /*text-shadow:0 0 8px rgba(50,50,50,0.8);*/
      text-shadow:0 1px 1px #252525, 0 1px 20px rgba(0,0,0,0.6);
      /*text-shadow:0 0 15px rgba(255,255,255,0.8), 0 0 10px rgba(255,255,255,0.8);*/
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-animation: mission 2.5s ease both;
      -moz-animation: mission 2.5s ease both;
      -ms-animation: mission 2.5s ease both;
      -o-animation: mission 2.5s ease both;
      animation: mission 2.5s ease both;
      }
      h1.mission p {
         display:block;
         margin:20px 0 0 0;
         font-size:1em;
         -webkit-animation: mission-last-line 1s ease both;
         -moz-animation: mission-last-line 1s ease both;
         -ms-animation: mission-last-line 1s ease both;
         -o-animation: mission-last-line 1s ease both;
         animation: mission-last-line 1s ease both;
         }
      h1 span.sub {
         display:block;
         margin:20px 0 0 0;
         font-size:0.8em;
         opacity:0.7;
         }
   h2 {
      font:400 2em 'Neuton', Georgia, serif;
      }
      h2.title {font:2.5em 'Neuton', Georgia, serif!important;}
      h2.c2a {margin:80px 0 20px 0; font-size:1.9em; text-align:center;}
         h2.c2a a.icon {display:block; width:100px; margin:0 auto; text-decoration:none;}
            h2.c2a a.icon i.fa {margin:-20px 0 35px 0; font-size:2.2em;}
   h3 {
      font:400 1.3em 'Neuton', Georgia, serif;
      }
   h4 {
      font:600 1.1em 'Neuton', Georgia, serif;
      }
   h5 {
      font:600 1em 'Neuton', Georgia, serif;
      color:#666!important;
      }
   h6 {
      font:600 0.75em 'Oxygen', Helvetica, Arial, sans-serif;
      text-transform:uppercase;
      color:#666!important;
      }
   
   p {
      font:400 1.3em 'Neuton', Georgia, serif;
      line-height:1.6em;
      }
      p.sans {font:400 1.1em 'Oxygen', Helvetica, Arial, sans-serif;}
      footer p {font-size:1.2em;}

   a {
      color:#cf1a45;
      -webkit-transition:color 0.2s ease;
      -moz-transition:color 0.2s ease;
      -ms-transition:color 0.2s ease;
      -o-transition:color 0.2s ease;
      transition:color 0.2s ease;
      }
      a:hover, a:focus {color:#b11a45;}

   i.fa-facebook.square,
   i.fa-twitter.square,
   i.fa-google.square {
      position:relative;
      vertical-align:middle;
      width:15px;
      height:15px;
      margin:5px;
      padding:6px 5px 6px 7px;
      font-size:20px;
      color:#191919;
      z-index:1;
      }
      i.fa-twitter.square {padding:3px 8px 9px 4px; font-size:22px;}
      i.fa-facebook.square:after,
      i.fa-twitter.square:after,
      i.fa-google.square:after {
         position:absolute;
         top:0; left:0;
         width:100%;
         height:100%;
         content:'';
         background:#c5c5c5;
         border-radius:3px;
         z-index:-1;
         }
      i.fa-facebook.square:hover,
      i.fa-twitter.square:hover,
      i.fa-google.square:hover {color:#cf1a45;}
         i.fa-facebook.square:hover:after,
         i.fa-twitter.square:hover:after,
         i.fa-google.square:hover:after {background:#fff;}
      i.fa-facebook.square:active,
      i.fa-twitter.square:active,
      i.fa-google.square:active {color:#fff;}
         i.fa-facebook.square:active:after,
         i.fa-twitter.square:active:after,
         i.fa-google.square:active:after {background:#cf1a45;}


/***************************************************

   3. Homepage
   
****************************************************/
   #page-home #header-container { }
   #mission-fold {
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      padding:8% 0 0 0;
      background:url(../img/bg-mission.jpg) center center no-repeat;
      background-size:cover;
      }
      #mission-fold a.scroll-down {
         position:absolute;
         left:50%;
         bottom:50px;
         width:300px;
         margin:0 0 0 -150px;
         font-family:'Oxygen', Helvetica, Arial, sans-serif;
         font-size:1.1em;
         text-align:center;
         text-decoration:none;
         color:#fff;
         transition:color 0.2s ease, -webkit-transform 0.2s ease;
         transition:color 0.2s ease, -moz-transform 0.2s ease;
         transition:color 0.2s ease, -ms-transform 0.2s ease;
         transition:color 0.2s ease, -o-transform 0.2s ease;
         transition:color 0.2s ease, transform 0.2s ease;
         }
         #mission-fold a.scroll-down.animate {
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-animation: scroll-down 3s ease both;
            -moz-animation: scroll-down 3s ease both;
            -ms-animation: scroll-down 3s ease both;
            -o-animation: scroll-down 3s ease both;
            animation: scroll-down 3s ease both;
            }
         #mission-fold a.scroll-down i {display:block; margin-top:5px;}
         #mission-fold a.scroll-down:hover {
            color:#fff;
            -webkit-transform:scale(1.1);
            -moz-transform:scale(1.1);
            -ms-transform:scale(1.1);
            -o-transform:scale(1.1);
            transform:scale(1.1);
            }
   #homepage-page-container {
      position:absolute;
      top:100%;
      left:0;
      right:0;
      }
      #homepage-page-container .about-dorian .profile-img {background-image:url(../img/dorian.jpg);}



      #vision {position:relative; padding:0 40px;}
      #vision p {color:#aaa;}
      #vision p.serif {margin:-20px auto 30px auto;}
      #vision p.serif .fa-key {z-index:1; top:-20px; margin:20px; padding:0 5em; color:#ccc; font-size:2em; background:#252525; background:url(../img/serif.png) center no-repeat;}


   .flip-container {
      margin:0 0 40px 0;
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      -ms-perspective: 1000px;
      -o-perspective: 1000px;
      perspective: 1000px;
      border-radius:3px;
      cursor:pointer;
      }
      .flip-container:hover:not(.hover) .flipper {box-shadow:0 0 5px 0 #fc1647, 0 0 20px 0 #cf1a45;}
      .flip-container.hover .flipper {
         -webkit-transform: rotateY(180deg);
         -moz-transform: rotateY(180deg);
         -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
         transform: rotateY(180deg);
         border-radius:3px;
         cursor:pointer;
         }
         .flip-container.hover .flipper .back {-ms-transform: perspective(1000px) rotateY(360deg);}
            .flip-container.hover .flipper .back p {-ms-transform: perspective(1000px) rotateY(180deg);}
         .flip-container.hover .flipper .front {-ms-transform: perspective(1000px) rotateY(180deg);}
         .flip-container,
         .front,
         .back {
            width:100%;
            height:350px;
            padding:20px;
            border-radius:3px;
            box-sizing:border-box;
            cursor:pointer;
            }
         .flipper {
            position: relative;
            -webkit-transition: 0.8s, 0.4s box-shadow 0.5s ease, 0.4s box-shadow 0.5s ease;
            -webkit-transform-style: preserve-3d;
            -moz-transition: 0.8s, 0.4s box-shadow 0.5s ease, 0.4s box-shadow 0.5s ease;
            -moz-transform-style: preserve-3d;
            -ms-transition: 0.8s, 0.4s box-shadow 0.5s ease, 0.4s box-shadow 0.5s ease;
            -ms-transform-style: preserve-3d;
            -o-transition: 0.8s, 0.4s box-shadow 0.5s ease, 0.4s box-shadow 0.5s ease;
            -o-transform-style: preserve-3d;
            transition: 0.8s, 0.4s box-shadow 0.5s ease, 0.4s box-shadow 0.5s ease;
            transform-style: preserve-3d;
            border-radius:3px;
            cursor:pointer;
            }
         .front,
         .back {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
            cursor:pointer;
            }
            .back p {color:#252525; cursor:pointer;}
         .front {
            position:relative;
            background:center center no-repeat;
            background-size:cover;
            z-index:2;
            overflow:hidden;
            cursor:pointer;
            }
            .front:after {
               position:absolute;
               top:-100%; right:-15%; bottom:0;
               width:60%;
               content:'';
               background:rgba(255,255,255,0.2);
               background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
               background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
               background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
               background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
               background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
               background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
               /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );*/
               /*-webkit-transform:rotate(-50deg);
               -moz-transform:rotate(-50deg);
               -ms-transform:rotate(-50deg);
               -o-transform:rotate(-50deg);
               transform:rotate(-50deg);*/
               opacity:0.4;
               z-index:10;
               }
               .front .top,
               .front .bottom {
                  position:absolute;
                  padding:15px 20px 12px 20px;
                  background: rgb(238,238,238);
                  background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
                  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );*/
                  background:transparent;
                  z-index:3;
                  }
               .front .top {
                  top:2%; right:0; left:0;
                  }
               .front .bottom {
                  right:-1px; bottom:-32px; left:0;
                  min-height:40px;
                  padding:10px;
                  background:rgba(0,0,0,0.7);
                  /*opacty:1;*/
                  -webkit-transition:0.5s bottom ease;
                  -moz-transition:0.5s bottom ease;
                  -ms-transition:0.5s bottom ease;
                  -o-transition:0.5s bottom ease;
                  transition:0.5s bottom ease;
                  }
                  .flip-container:hover .front .bottom {
                     bottom:0;
                     -webkit-transition:0.2s bottom ease;
                     -moz-transition:0.2s bottom ease;
                     -ms-transition:0.2s bottom ease;
                     -o-transition:0.2s bottom ease;
                     transition:0.2s bottom ease;
                     }
                     .flip-container.hover .front .bottom {
                        opacity:0;
                        -webkit-transition:0.2s opacity 0.2s ease;
                        -moz-transition:0.2s opacity 0.2s ease;
                        -ms-transition:0.2s opacity 0.2s ease;
                        -o-transition:0.2s opacity 0.2s ease;
                        transition:0.2s opacity 0.2s ease;
                        }
                  .front .top p,
                  .front .bottom p {
                     margin:0;
                     font:0.7em 'Oxygen', Helvetica, Arial, sans-serif;
                     color:#2f2f2f;
                     }
                     .front .bottom p strong {
                        font:600 1em 'Oxygen', Helvetica, Arial, sans-serif;
                        font-style:italic;
                        font-weight:normal;
                        color:#b0b0b0;
                        }
                  .front .top p {font-size:1.5em; color:#fff;}
                  .front .bottom p {
                     margin:0 0 5px 0;
                     font-size:1em;
                     font-weight:normal;
                     color:#fff;
                     }
                  .front .icon-touch {
                     position:absolute;
                     top:10px;
                     right:10px;
                     opacity:0.75;
                     }
         .back {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
            cursor:pointer;
            }
            .back .backwards-image {
               display:none;
               position:absolute;
               top:0; right:0; bottom:0; left:0;
               background:center center no-repeat;
               background-size:cover;
               -webkit-transform: scaleX(-1);
               -moz-transform: scaleX(-1);
               -ms-transform: scaleX(-1);
               -o-transform: scaleX(-1);
               transform: scaleX(-1);
               /*filter: FlipH;
               -ms-filter: "FlipH";*/
               }
            .back .description {
               position:absolute;
               top:0; right:0; bottom:0; left:0;
               padding:20px;
               background:rgba(255,255,255,0.9);
               background:#cf1a45;
               border-radius:3px;
               z-index:1;
               /*-webkit-user-select:0;
               -moz-user-select:0;
               -ms-user-select:0;
               -o-user-select:0;
               user-select:0;*/
               cursor:pointer;
               }
               .back .description p {
                  color:#c3c3c3;
                  font:1.25em;
                  line-height:1.3em;
                  text-shadow:0 1px 5px rgba(0,0,0,0.6);
                  }
                  .back .description p strong {
                     display:block;
                     margin:40px 0 0 0;
                     font-size:1.5em;
                     line-height:1.1em;
                     font-weight:normal;
                     color:#fafafa;
                     text-shadow:0 0 2px rgba(255,255,255,0.6);
                     }
               .back:hover .description p strong {
                  -webkit-animation: pulse-glow 1.7s infinite;
                  -moz-animation: pulse-glow 1.7s infinite;
                  -ms-animation: pulse-glow 1.7s infinite;
                  -o-animation: pulse-glow 1.7s infinite;
                  animation: pulse-glow 1.7s infinite;
                  }

   #blog-purpose {
      width:80%;
      margin:4em auto 0 auto;
      padding:20px 15px 5px 15px;
      color:#555;
      text-align:center;
      background:#444;
      border-radius:4px;
      }
      #blog-purpose h4 {font-size:1.4em; color:#ccc;}
      #blog-purpose p {color:#999; line-height:1.3em;}

   #latest-post {
      position:relative;
      max-width:875px;
      margin:80px auto 80px auto;
      padding:100px 40px 40px 40px;
      background: rgb(255,255,255);
      background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)));
      background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
      background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
      background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );*/
      border-radius:4px 4px 3px 3px;
      box-shadow:0 0 20px 0 rgba(0,0,0,0.8);
      overflow:hidden;
      }
      #latest-post p {color:#333;}
      #latest-post h3.loading {
         margin:80px 0 40px 0;
         text-align:center;
         }
      #latest-post div.title {
         position:absolute;
         top:0; right:0; left:0;
         padding:5px 40px 5px 20px;
         background:rgba(207,26,69,1);
         border-radius:3px 3px 0 0;
         cursor:pointer;
         }
         #latest-post div.title:hover {background:rgba(207,26,69,0.92);}
         #latest-post div.title h1 {
            margin:0 0 4px 0;
            color:#f0f0f0;
            text-shadow:0 0 2px rgba(255,255,255,0.6);
            }
            #latest-post div.title:hover h1 {
               -webkit-animation: pulse-glow 1.5s infinite;
               -moz-animation: pulse-glow 1.5s infinite;
               -ms-animation: pulse-glow 1.5s infinite;
               -o-animation: pulse-glow 1.5s infinite;
               animation: pulse-glow 1.5s infinite;
               }
      #latest-post div.featured-image {
         height:200px;
         margin:-50px -40px 20px -40px;
         }
      #latest-post .post-info {
         float:right;
         margin:5px 0 0 50px;
         font-size:0.7em;
         text-align:right;
         }
         #latest-post .post-info p {position:relative; margin:0 0 2px 0;}
            #latest-post .post-info a {position:relative;}
            #latest-post .post-info p.tags i {
               position:absolute;
               top:4px; left:-24px;
               color:#868686;
               font-size:0.9em;
               }
            #latest-post .post-info p.tags a {color:#777;}
         #latest-post .post-info p.posted-date {margin-right:2px; font-size:1.5em;}
      .page-container-dark #latest-post h2 {margin:10px 0 40px 0;}
         .page-container-dark #latest-post h2 a {color:#444!important;}
         .page-container-dark #latest-post a:hover,
         .page-container-dark #latest-post a:focus {color:#ed4857!important;}
      #latest-post p {margin:0 0 25px 0; line-height:1.3em;}
      #latest-post a {color:#cf1a45;}
      #latest-post img {display:block; margin:0 auto 20px auto; padding:7px; background:#f5f5f5; border:1px solid #cfcfcf; border-bottom-color:#c3c3c3; box-shadow:0 1px 10px 0 #b5b5b5;}
      #latest-post a:hover, #latest-post a:focus {color:#cf1a45!important;}

      a.more {
         display:block;
         margin:0 0 40px 0;
         width:100px;
         height:30px;
         border-radius:30px;
         -webkit-perspective: 1000px;
         -moz-perspective: 1000px;
         -ms-perspective: 1000px;
         -o-perspective: 1000px;
         perspective: 1000px;
         }
         a.more:not(.ie):hover .more-flip {
            position:relative;
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            -o-transform: rotateX(180deg);
            transform: rotateX(180deg);
            }
            /*a.more:hover .more-flip .more-back {-ms-transform: perspective(1000px) rotateY(360deg);}
               a.more:hover .more-flip .more-back p {-ms-transform: perspective(1000px) rotateX(180deg);}
            a.more:hover .more-flip .more-front {-ms-transform: perspective(1000px) rotateY(180deg);}*/
            a.more .more-flip,
            a.more .more-flip .more-front,
            a.more .more-flip .more-back {
               position:absolute;
               top:0; left:0;
               display:block;
               width:80px;
               height:20px;
               padding:3px 15px 6px 15px;
               text-align:center;
               border-radius:30px;
               }
            a.more .more-flip {
               position: relative;
               -webkit-transition: 0.5s;
               -webkit-transform-style: preserve-3d;
               -moz-transition: 0.5s;
               -moz-transform-style: preserve-3d;
               -ms-transition: 0.5s;
               -ms-transform-style: preserve-3d;
               -o-transition: 0.5s;
               -o-transform-style: preserve-3d;
               transition: 0.5s;
               transform-style: preserve-3d;
               }
            a.more .more-flip .more-front,
            a.more .more-flip .more-back {
               -webkit-backface-visibility: hidden;
               -moz-backface-visibility: hidden;
               -ms-backface-visibility: hidden;
               -o-backface-visibility: hidden;
               backface-visibility: hidden;
               position: absolute;
               }
               a.more .more-flip .more-front p,
               a.more .more-flip .more-back p {margin:0; font-size:1em;}
            a.more .more-flip .more-front {
               background:#ccc;
               }
               a.more .more-flip .more-front p {color:#333; text-shadow:0 1px 0 #ddd;}
            a.more .more-flip .more-back {
               -webkit-transform: rotateX(180deg);
               -moz-transform: rotateX(180deg);
               -ms-transform: rotateX(180deg);
               -o-transform: rotateX(180deg);
               transform: rotateX(180deg);
               background:#3a3a3a;
               }
               a.more .more-flip .more-back p {color:#fff!important; text-shadow:0 -1px 0 #111;}

      #latest-post hr {border-top:1px solid #ccc;}
      #latest-post div.about div.profile-img-flip {
         position:relative;
         display:inline-block;
         vertical-align:middle;
         border-radius:1000px;
         -webkit-perspective: 1000px;
         -moz-perspective: 1000px;
         -ms-perspective: 1000px;
         -o-perspective: 1000px;
         perspective: 1000px;
         cursor:pointer;
         z-index:10;
         }
         #latest-post div.about div.profile-img-flip:not(.ie):hover .flipper,
         #latest-post div.about div.profile-img-flip.animate:not(.ie) .flipper {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
            cursor:pointer;
            }

            /*#latest-post div.about div.profile-img-flip:hover .flipper .back,
            #latest-post div.about div.profile-img-flip.animate .flipper .back {-ms-transform: perspective(1000px) rotateY(360deg);}
            #latest-post div.about div.profile-img-flip:hover .flipper .front,
            #latest-post div.about div.profile-img-flip.animate .flipper .front {-ms-transform: perspective(1000px) rotateY(180deg);}*/

            #latest-post div.about div.profile-img-flip .flipper,
            #latest-post div.about div.profile-img-flip .flipper .front,
            #latest-post div.about div.profile-img-flip .flipper .back {
               width:75px;
               height:75px;
               border-radius:1000px;
               box-shadow:none;
               }
            #latest-post div.about div.profile-img-flip .flipper {
               position: relative;
               -webkit-transition: 0.6s;
               -webkit-transform-style: preserve-3d;
               -moz-transition: 0.6s;
               -moz-transform-style: preserve-3d;
               -ms-transition: 0.6s;
               -ms-transform-style: preserve-3d;
               -o-transition: 0.6s;
               -o-transform-style: preserve-3d;
               transition: 0.6s;
               transform-style: preserve-3d;
               cursor:pointer;
               }
            #latest-post div.about div.profile-img-flip .front,
            #latest-post div.about div.profile-img-flip .back {
               -webkit-backface-visibility: hidden;
               -moz-backface-visibility: hidden;
               -ms-backface-visibility: hidden;
               -o-backface-visibility: hidden;
               backface-visibility: hidden;
               position: absolute;
               border:2px solid #323232;
               cursor:pointer;
               }
            #latest-post div.about div.profile-img-flip .front {
               position:relative;
               background:center center no-repeat;
               background-size:cover;
               z-index:2;
               overflow:hidden;
               cursor:pointer;
               }
               #latest-post div.about div.profile-img-flip .front:after {display:none;}
            #latest-post div.about div.profile-img-flip .back {
               -webkit-transform: rotateY(180deg);
               -moz-transform: rotateY(180deg);
               -ms-transform: rotateY(180deg);
               -o-transform: rotateY(180deg);
               transform: rotateY(180deg);
               background:#333;
               cursor:pointer;
               }
               #latest-post div.about div.profile-img-flip .back i {
                  position:absolute;
                  top:50%; left:50%;
                  width:50px; height:50px;
                  margin:-19px 0 0 -15px;
                  font-size:2.3em;
                  color:#f0f0f0;
                  }
      #latest-post div.about * {color:#fff;}
      #latest-post div.about p {
         display:inline-block;
         vertical-align:middle;
         margin:-2px 0 0 0;
         }
         #latest-post div.about p a {
            margin:2px 0 0 -35px;
            padding:2px 12px 5px 45px;
            text-decoration:none;
            background:#cf1a45;
            border-radius:3px 20px 20px 3px;
            }
            #latest-post div.about p a span.arrow {font-size:1.2em;}
            #latest-post div.about p a:hover,
            #latest-post div.about p a:focus {color:#fff!important; background:#ed4857;}
            #latest-post div.about p.animate a .arrow {margin:0; opacity:1;}


/***************************************************

   4. About
   
****************************************************/
   #about-profiles {margin:80px 0 0 0;}
      #about-profiles > div {/*min-height:560px;*/ text-align:justify;}
         #about-profiles > div:first-child {padding:0 20px 0 0;}
         #about-profiles > div:last-child {padding:0 0 0 20px;}
         #about-profiles div h2 {margin:10px 0 1em 0;}
         #about-profiles p {margin-bottom:0.8em; line-height:1.4em;}
      #about-profiles .dorian .profile-img {background-image:url(../img/dorian.jpg);}
      #about-profiles .binnaz .profile-img {background-image:url(../img/binnaz.jpg); background-position:0 -10px;}

   .page-container-about {
      background:url(../img/bg-dorian-blur.jpg) center center no-repeat;
      background-size:cover;
      }
      .page-container-about * {color:#333; text-shadow:0 0 0 rgba(240,240,240, 0.5), 0 0 15px rgba(255,255,255, 0.95), 0 1px 0 rgba(255,255,255, 0.4);}
      .page-container-about p { }

   #ouroffer h2 {margin:0 0 -5px 0;}
      #ouroffer p.intro {margin:0 0 20px 0;}
   #ouroffer {max-width:950px; margin:0 auto;}
   #ouroffer h2.c2a {margin:50px 0 0 0!important;}
   .service-row {margin-bottom:0;}
   .service {
      position:relative;
      min-height:460px;
      margin:0 0 30px 0;
      padding:30px 0 20px 0;
      text-align:center;
      background:#cf1a45;
      background:rgba(207,26,69,0.9);
      border-radius:3px;
      box-shadow:0 0 15px 0 rgba(0,0,0,0.5);
      overflow:hidden;
      cursor:pointer;
      -webkit-transition:0.1s -webkit-transform ease;
      -moz-transition:0.1s -moz-transform ease;
      -ms-transition:0.1s -ms-transform ease;
      -o-transition:0.1s -o-transform ease;
      transition:0.1s transform ease;
      }
      .service img {opacity:0.7;}
      #ouroffer .service h2 {margin:10px 0 10px 0; opacity:0.8;}
      .service p {
         max-width:380px;
         margin:0 auto;
         line-height:1.3em;
         text-align:center;
         color:#c2c0bc;
         }
      .service.full-width {
         min-height:170px;
         margin-bottom:27px;
         padding:20px 30px;
         text-align:left;
         }
         .service.full-width img {
            display:inline-block;
            margin:-13px 0 0 0;
            }
         #ouroffer .service.full-width h2 {margin:0 0 10px 0;}
         .service.full-width p {max-width:none; text-align:left;}
      .service img,
      .service h2,
      .service p {position:relative; z-index:1;}
      .service img.icon-bg {
         display:none;
         position:absolute;
         right:-20%;
         bottom:-20%;
         /*zoom:300%;*/
         opacity:0.1;
         z-index:0;
         }
      .service .icon-touch {
         position:absolute;
         top:20px;
         right:20px;
         margin:0!important;
         padding:0!important;
         opacity:0.75;
         }

   #contact-slideup-overlay {
      display:none;
      position:absolute;
      top:0; right:0; bottom:0; left:0;
      background:rgba(0,0,0,0.7);
      z-index:999;
      }
      #contact-slideup-overlay.animate {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-animation: contact-slideup-overlay 0.5s ease both;
         -moz-animation: contact-slideup-overlay 0.5s ease both;
         -ms-animation: contact-slideup-overlay 0.5s ease both;
         -o-animation: contact-slideup-overlay 0.5s ease both;
         animation: contact-slideup-overlay 0.5s ease both;
         }
      #contact-slideup-overlay.animate-reverse {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-animation: contact-slideup-overlay_reverse 0.5s ease both;
         -moz-animation: contact-slideup-overlay_reverse 0.5s ease both;
         -ms-animation: contact-slideup-overlay_reverse 0.5s ease both;
         -o-animation: contact-slideup-overlay_reverse 0.5s ease both;
         animation: contact-slideup-overlay_reverse 0.5s ease both;
         }
   #contact-slideup {
      position:relative;
      display:none;
      position:fixed;
      right:0;
      bottom:-100%;
      left:0;
      height:90%;
      padding:40px;
      background:rgba(207,26,69,0.97);
      box-shadow:0 0 5px rgba(0,0,0,0.5);
      z-index:1000;
      overflow-y:scroll;
      -webkit-overflow-scrolling:touch;
      }
      #contact-slideup.animate {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-animation: contact-slideup 1s ease both;
         -moz-animation: contact-slideup 1s ease both;
         -ms-animation: contact-slideup 1s ease both;
         -o-animation: contact-slideup 1s ease both;
         animation: contact-slideup 1s ease both;
         }
      #contact-slideup.animate-reverse {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-animation: contact-slideup_reverse 1s ease both;
         -moz-animation: contact-slideup_reverse 1s ease both;
         -ms-animation: contact-slideup_reverse 1s ease both;
         -o-animation: contact-slideup_reverse 1s ease both;
         animation: contact-slideup_reverse 1s ease both;
         }
      #contact-slideup .close {
         position:absolute;
         top:20px;
         right:20px;
         font-size:2em;
         }
      #contact-slideup img.logo {width:300px; margin:-20px 0 40px -20px;}
      #contact-slideup h1,
      #contact-slideup p,
      #contact-slideup a {color:#fff;}
      #contact-slideup h1 {margin:0 0 4px 0; font-size:1.8em;}
      #contact-slideup h1 + p {color:#b9b9b9;}
      #contact-slideup p.contact-info:first-child {margin:20px 0 10px 0;}
      #contact-slideup p.contact-info {margin:0 0 10px 0; font:400 1.1em 'Oxygen';}
      #contact-slideup p.contact-info span {color:#76172f;}
      #contact-slideup p.contact-info a {text-decoration:none; font-weight:600;}
         #contact-slideup p.contact-info a:hover {text-decoration:underline;}
      #contact-slideup .page {padding-top:0;}
      #contact-slideup form {position:relative;}
         #contact-slideup form #contact_hidden {
            margin:0;
            padding:0 0 20px 0;
            background:none;
            box-shadow:none;
            }
         #contact-slideup form textarea {min-height:100px;}
         #contact-slideup form textarea + div {padding-left:20px;}
         #contact-slideup form button {margin-top:12px;}
         #contact-slideup form .form-overlay {
            position:absolute;
            top:0; right:0; bottom:0; left:0;
            padding:100px 30px 30px 30px;
            text-align:center;
            font-size:1em;
            background:#cf1a45;  
            border-radius:3px;
            z-index:100;
            }
            #contact-slideup .form-overlay a.more {
            display:inline-block;
            margin:10px auto;
            }
            #contact-form .form-overlay a.more p {font-size:0.9em!important;}

/***************************************************

   5. Contact
   
****************************************************/
   #contact-intro {padding:5px 0 0 0;}
      #contact-intro p {line-height:1.3em;}
         #contact-intro p strong {font-size:1.4em;}

   #contact-intro .social {margin:237px 0 0 0;}
      #contact-intro .social p {margin:0 0 30px 0;}
         #contact-intro .social p a {text-decoration:none;}
         #contact-intro .social p i {
            margin-left:0;
            text-align:right;
            vertical-align:middle;
            -webkit-transform:scale(1.6);
            -moz-transform:scale(1.6);
            -ms-transform:scale(1.6);
            -o-transform:scale(1.6);
            transform:scale(1.6);
            }
         #contact-intro .social p span {position:absolute; margin:-6px 0 0 12px; line-height:1.2em;}
            #contact-intro .social p span > span.pink {
               position:relative;
               margin:0;
               color:rgba(233,49,80,0.7);
               }
            #contact-intro .social p span > span.fb,
            #contact-intro .social p span > span.tw {
               position:relative;
               margin:0;
               color:#999;
               }
         #contact-intro .social p a:hover span > span.pink {color:rgba(233,49,80,1);}
         #contact-intro .social p a:hover span > span.fb,
         #contact-intro .social p a:hover span > span.tw {color:#fff;}

   #twitter-widget-0 {margin:17px 0 0 0;}

   #contact-form {
      position:relative;
      margin:10px 40px 15px 40px;
      padding:15px 30px 55px 30px;
      background:#cf1a45;
      border-radius:3px 3px 4px 4px;
      box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
      }
      #contact-form h2 {color:#2f2f2f;}
      #contact-form p {font:400 1.2em 'Neuton', Helvetica, Arial, sans-serif; color:#f0f0f0; /*text-shadow:0 1px 0 rgba(0,0,0,0.2);*/}
      #contact-form textarea {min-height:100px; margin-bottom:10px;}
      #contact-form textarea + div {padding-left:10px;}
      #contact_callback {
         display:inline-block!important;
         width:auto!important;
         margin:10px 5px 20px 0!important;
         }
      #contact_callback + label {
         display:inline-block!important;
         width:200px!important;
         margin:7px 0 0 0!important;
         }
      #contact_hidden {
         display:none;
         margin:10px -30px -10px -30px;
         padding:20px 30px 30px 30px;
         background:rgba(0,0,0,0.15);
         box-shadow:0 0 4px 0 rgba(0,0,0,0.3) inset;
         }
         #contact-form #contact_hidden label {color:#651115;}
      #contact-form button {
         position:absolute;
         right:0; bottom:0; left:0;
         border-radius:0 0 3px 3px;
         }
      #contact-form .form-overlay {
         position:absolute;
         top:0; right:0; bottom:0; left:0;
         padding:100px 30px 30px 30px;
         text-align:center;
         font-size:1.3em;
         background:#cf1a45;
         border-radius:3px;
         z-index:100;
         }
         #contact-form .form-overlay a.more {
            display:inline-block;
            margin:10px auto;
            }
            #contact-form .form-overlay a.more p {font-size:0.9em!important;}

   #partner-links {text-align:center;}

/***************************************************

   9. Animations (now in css3.css)
   
****************************************************/


/***************************************************

   10. Media Queries
   
****************************************************/

   /* Desktop Large
   -------------------------------------------------- */
      @media only screen and (min-width: 1401px) {
         body {/*background:indigo;*/ /*max-width:1300px;*/}

         /* ----- 1. Layout / Structure -----*/
            .page-container-footer:after {
               /*top:90%;*/
               }
            footer #hh p,
            footer #hh div a {font-size:0.8em;}

         /* ----- 2. Fonts -----*/
            span.dl-br {display:block;}
            /*h1.mission {text-shadow:none;}*/

         /* ----- 3. Homepage ----- */
            .front .icon-touch {display:none;}

         /* ----- 4. About ----- */
         #ouroffer h2 {margin-left:-23px;}
            #ouroffer p.intro {margin-left:-21px;}
            .service img.icon-touch {display:none;}
            .service:hover {
               background:rgba(207,26,69,1);
               box-shadow:0 0 30px 0 rgba(0,0,0,0.8);
               -webkit-transform:scale(1.05);
               -moz-transform:scale(1.05);
               -ms-transform:scale(1.05);
               -o-transform:scale(1.05);
               transform:scale(1.05);
               }
            .service:hover img {opacity:1;}
            #ouroffer .service:hover h2 {opacity:1;}
            .service:hover p {color:#fff; opacity:0.8;}
      } 

   /* Desktop
   -------------------------------------------------- */
      @media only screen and (min-width: 1026px) and (max-width: 1400px) {
         /*body {background:lightskyblue;}*/

         /* ----- 1. Layout / Structure ----- */
            footer #hh p,
            footer #hh div a {font-size:0.8em;}

         /* ----- 2. Fonts -----*/
            span.d-br {display:block;}
            /*h1.mission {text-shadow:none;}*/
            header ul li a {font-size:0.85em;}
            footer ul.underline {font-size:0.9em;}

         /* ----- 3. Homepage ----- */
            .front .icon-touch {display:none;}

         /* ----- 4. About ----- */
         #ouroffer h2 {margin:0 0 0 -23px;}
            #ouroffer p.intro {margin:0 0 20px -21px;}
            .service img.icon-touch {display:none!important;}
            .service:hover {
               background:rgba(207,26,69,1);
               box-shadow:0 0 30px 0 rgba(0,0,0,0.8);
               -webkit-transform:scale(1.05);
               -moz-transform:scale(1.05);
               -ms-transform:scale(1.05);
               -o-transform:scale(1.05);
               transform:scale(1.05);
               }
            .service:hover img {opacity:1;}
            #ouroffer .service:hover h2 {opacity:1;}
            .service:hover p {color:#fff; opacity:0.8;}
      } 

   /* Tablet Landscape
   -------------------------------------------------- */
      @media only screen and (min-width: 770px) and (max-width: 1025px) {
         /*body {background:greenyellow;}*/

         /* ----- 1. Layout / Structure ----- */
            header {padding:0;}
               header ul li a {font-size:0.85em;}
               header ul li.logo {
                  margin:-15px 0 0 20px;
                  padding:5px 0 0 0;
                  }

            .page-container-footer:after {
               left:75%;
               width:120%;
               }
            footer ul.contact-info li {font-size:0.9em;}

         /* ----- 2. Fonts ----- */
            /*h1 span {display:block;}*/
            span.tl-br {display:block;}
            h1.mission {max-width:85%; padding:0 10% 0 0; font-size:1.8em; font-size:2em}
               h2.c2a a.icon i.fa {font-size:2.6em;}

         /* ----- 3. Homepage ----- */
            #mission-fold {padding-top:10%;}

            /* .flip-container {padding:0;} */
               .flip-container,
               .front,
               .back {height:300px;}
               .flip-container .front .bottom,
               .flip-container .front .bottom.bigger {bottom:0; min-height:45px; padding:10px; background:rgba(0,0,0, 0.7);}
               .flip-container .front p {margin-bottom:5px; font-size:0.95em; font-weight:normal;}
               .flip-container .front p strong {color:#b0b0b0; font-size:0.95em; font-style:italic; font-weight:normal;}
               .flip-container .back p {font-size:1.25em; line-height:1.2em;}
               .flip-container .back p strong {font-size:1.4em;}

            #latest-post {margin:60px 0 80px 0;}
               #latest-post div.about p {}
               #latest-post div.about p a {font-size:0.9em;}

         /* ----- 4. About ----- */
            #about-profiles > div {text-align:left;}

            #ouroffer h2.c2a {margin:40px 0 0 0!important;}
            .service {
               min-height:400px;
               height:auto;
               padding:20px;
               }
            .service img {/*zoom:80%;*/}
            .service h2 {font-size:1.8em;}
               .service p {font-size:1.25em;}

               .service.full-width {margin:0 0 25px 0;}
                  .service.full-width div {margin-bottom:0!important;}
                  .service.full-width img {margin:-8px 0 0 15px; /*zoom:85%;*/}

               .service.workshops h2 {margin:0 0 44px 0!important;}

               #contact-slideup form textarea + div {padding-left:10px;}

         /* ----- 5. Contact ----- */
            #contact-intro p {font-size:1.21em; font-weight:normal}
               #contact-intro p strong {font-size:1.4em;}
               #contact-intro .social {margin:124px 0 0 0;}
                  #contact-intro .social p {font-size:1.3em;}
            
            #contact-slideup h1 {margin:0 0 6px 0; font-size:1.6em;}
               #contact-slideup h1 + p {font-size:1.2em;}
            #contact-slideup .row div:last-child {margin-top:-1px; padding-left:20px;}
               #contact-form-slideup textarea {min-height:105px;}
                  #contact-form-slideup textarea + div {margin-left:20px;}
               #contact-form-slideup button {margin-top:16px;}
      }
     
   /* Tablet Portrait
   -------------------------------------------------- */
    	@media only screen and (min-width: 601px) and (max-width: 769px) {

      /* ----- 1. Layout / Structure ----- */
         /*#header-container {padding:10px 0;}*/
               header {padding-right:0;}
                  header ul li {
                     /*width:25%;*/
                     /*margin:10px 0 0 25px;*/
                     font-size:0.75em;
                     /*text-align:center;*/
                     }
                  header ul li.logo {
                     padding:2px 0 0 0;
                     font-size:0.8em;
                     }
                  header ul li:last-child {display:none;}

            .page-container-footer:after {
               left:70%;
               width:150%;
               }
            footer {font-size:0.85em;}
            footer img {margin-left:2px;}
            footer div ul.underline {margin-top:19px;}
               footer div ul.underline li {margin:2px 0 0 30px;}
            footer ul.contact-info li {font-size:0.9em;}
            footer ul.contact-info li:last-child {margin-top:-1px;}
            footer div.column:nth-child(2) ul li a {font-size:0.8em;}
            footer #hh {width:100%; font-size:0.9em;}

         /* ----- 2. Fonts ----- */
            span.tp-br {display:block;}
            .tp-hide {display:none;}
            h1 {font-size:1.6em;}
               h1.mission {max-width:85%; margin-top:-20px; padding:0 10% 0 0; font-size:1.65em; line-height:1.2em;}
               .tp-br.tall {margin-top:21px;}
            h2 {font-size:1.8em;}
               h2.c2a {font-size:1.1em;}
               h2.c2a a.icon i.fa {font-size:3em;}

            p {font-size:1em; line-height:1.4em;}

         /* ----- 3. Homepage ----- */
            #mission-fold {padding-top:15%;}

            .flip-container {padding:0 20px 0 0; margin:0 0 15px 0;}
               .flip-container-2, .flip-container-4 {padding:0;}
               .flip-container,
               .front,
               .back {height:370px;}
               .flip-container .front .bottom,
               .flip-container .front .bottom.bigger {bottom:0; min-height:60px; padding:10px; background:rgba(0,0,0, 0.7);}
               .flip-container .front p {margin-bottom:5px; font-size:0.9em; font-weight:normal;}
               .flip-container .front p strong {color:#b0b0b0; font-size:0.9em; font-style:italic; font-weight:normal;}
               .flip-container .back p {font-size:1.1em;}
               .flip-container .back p strong {font-size:1.3em;}
            
            #latest-post {margin:40px 0 80px 0; padding:40px 20px;}
               #latest-post div.featured-image {margin-top:-60px;}
               #latest-post .post-info p.tags {font-size:1.3em;}
                  #latest-post .post-info p.tags i {left:-20px;}
               #latest-post p {margin-bottom:1.1em; font-size:1.1em; line-height:1.3em;}
               #latest-post a.more {margin-top:0;}
                  #latest-post a.more p {font-size:1em;}

         /* ---- 4. About ----- */
            #about-profiles {margin:40px 0;}

            .page-container-about .page {padding:40px;}

            #ouroffer h2.c2a {margin:60px 0 0 0!important;}
            .service-row {margin-bottom:-8px;}
               .service {
                  min-height:390px;
                  margin-bottom:20px;
                  padding:20px;
                  font-size:0.9em;
                  }
                  .service img {/*zoom:75%;*/}
                  .service p {font-size:1.15em; line-height:1.2em;}
                  .service h2 {margin:0 0 10px 0!important;}

                  .service.full-width {min-height:0; margin:0 0 25px 0; text-align:left;}
                     .service.full-width div {margin-bottom:0!important;}
                     .service.full-width img {margin:-8px 20px 0 0}
                        .service.full-width img + div {display:inline-block;}
                     .service.full-width p {}

                  .service.workshops h2 {margin:0 0 40px 0!important;}

         /* ----- 5. Contact ----- */
            #contact-intro p {font-size:1.2em; max-width:630px; font-weight:normal}
               #contact-intro p strong {font-size:1.4em;}
               #contact-intro .social {margin:70px 0 40px 0;}
                  #contact-intro .social p {
                     display:inline-block;
                     width:40%;
                     font-size:1.3em;
                     }
                     #contact-intro .social p:first-child {margin:0 30px 0 8%;}
            
            #contact-slideup h1 {margin:0 0 10px 0;}
               #contact-slideup h1 + p {font-size:1.2em;}
               #contact-form-slideup {margin-bottom:16px;}
               #contact-form-slideup textarea {min-height:145px;}
               #contact-form-slideup textarea + div {margin-left:20px;}
               #contact-form-slideup button {margin:15px 0 0 0; padding:15px 15px 17px 15px;}
      }

   /* Mobile Landscape
   -------------------------------------------------- */
    	@media only screen and (min-width: 480px) and (max-width: 600px) {

         /* ----- 1. Layout / Structure ----- */
            body {margin-top:114px;}

            #header-container {padding:9px 0 0 0;}
               header {padding:0;}
               header ul {margin:0;}
               header ul li {
                  width:25%;
                  margin:0;
                  font-size:0.8em;
                  text-align:center;
                  background:rgba(0,0,0, 0.1);
                  }
                  header ul li a {padding:4px 10px; color:#6D1519; text-shadow:0 1px 0 rgba(255,255,255,0.1);}
                  header ul li:last-child {display:none;}
               header ul li.logo {
                  float:none;
                  display:block;
                  width:90%;
                  margin:-20px 0 9px 5%;
                  text-align:left;
                  background:none;
                  }
                  header ul li.logo img {width:272px; height:73px;}

            .page {padding:50px 30px;}

            .page-container-footer:after {
               top:-90%;
               left:65%;
               right:-100%;
               }

            #vision p.serif .fa-key {padding:0 0.25em;}

            footer {margin:0; padding:40px 30px 60px 30px!important;}
               footer div.column {margin-bottom:0!important;}
                  footer div.column:nth-child(2) {position:relative; text-align:left; height:200px;}
                     footer div.column:nth-child(2) ul {margin:25px 0;}
                        footer div.column:nth-child(2) ul li {display:block; margin:0 0 5px 0;}
                           footer div.column:nth-child(2) ul li a {font-size:0.85em;}
                           footer div.column:nth-child(2) ul li:first-child {margin:0;}
               footer ul.social li {margin:0 10px 0 0!important;}

               footer ul.underline li {font-size:0.8em;}

               footer a.fb,
               footer a.tw {position:absolute; bottom:24px; right:0; margin:0;}
               footer a.fb,
               footer a.fb i.fa,
               footer a.tw,
               footer a.tw i.fa {/*zoom:120%;*/}
               footer a.fb {right:35px; text-align:right;}
               footer a.tw {right:0;}

               footer #hh {right:0; bottom:-30px; font-size:0.8em;}
                  footer #hh img {/*zoom:99%;*/}
            
         /* ----- 2. Fonts ----- */
            span.ml-br {display:block;}
                  span.ml-br.tall,
                  span.ml-br-tall {display:block; margin-top:13px;}
            h1 {font-size:1.4em;}
               h1.mission {
                  max-width:80%;
                  padding:0 10% 0 0;
                  font-size:1.1em;
                  line-height:1.2em;
                  -webkit-animation:none;
                  -moz-animation:none;
                  -ms-animation:none;
                  -o-animation:none;
                  animation:none;
                  }
                  h1.mission p {margin-top:13px;}
            h2 {font-size:1.5em;}
               h2.c2a {font-size:1.2em; margin-top:40px;}
                  h2.c2a a.icon {margin:-2px auto -20px auto;}
                     h2.c2a a.icon i.fa {font-size:3.5em;}
            p {font-size:1em;}

         /* ----- 3. Homepage ----- */
            #mission-fold {padding-top:27%;}
               #mission-fold a.scroll-down {display:none;}
                  #mission-fold a.scroll-down i {margin-top:0;}

            .flip-row {margin-bottom:0;}
            .flip-container {margin:0 0 20px 0; padding:0;}
            .flip-container,
            .front,
            .back {height:250px;}
            .flip-container .front .bottom,
            .flip-container .front .bottom.bigger {bottom:0; min-height:45px; padding:10px; background:rgba(0,0,0, 0.7);}
            .flip-container .front p {margin-bottom:5px; font-size:0.95em; font-weight:normal;}
            .flip-container .front p strong {color:#b0b0b0; font-size:0.95em; font-style:italic; font-weight:normal;}
            .flip-container .back p {font-size:1.25em; line-height:1.2em;}
               .flip-container .back p:first-child {margin-bottom:0;}
            .flip-container .back p strong {margin:20px 0 0 0; font-size:1.4em;}

            #latest-post {margin:30px 0 80px 0; padding:60px 30px 20px 30px;}
               #latest-post div.featured-image {display:none;}
                  #latest-post .post-info {
                     float:right;
                     position:relative;
                     margin:5px 0 0 0;
                     padding:0 0 0 50px;
                     }
                  #latest-post .post-info p.tags i {left:-3px;}
                  #latest-post .post-info p.posted-date {font-size:1.4em;}
                  #latest-post h2 {margin:0 0 30px 0;}
                     #latest-post h2:hover,
                     #latest-post h2:focus {color:#CF1A45!important;}
                  #latest-post p {margin:0 0 19px 0;}
                  #latest-post a.more {margin-top:-34px;}
                     #latest-post a.more .more-flip,
                     #latest-post a.more .more-front,
                     #latest-post a.more .more-back {border-radius:4px;}
                  #latest-post div.about div.profile-img-flip {display:block; margin:0 0 5px 39%;}
                     #latest-post div.about p {display:block; text-align:center;} 
                        #latest-post div.about p a {
                           display:block;
                           margin:10px auto;
                           padding:10px 10px 15px 10px;
                           font-size:1.1em;
                           text-align:center;
                           border-radius:5px;
                           }

         /* ----- 4. About -----*/
            #about-us-intro {margin-top:-40px;}

            #about-profiles {margin:40px 0;}
               #about-profiles div {padding:0!important; text-align:center;}

            #about-profiles div.profile-img {box-shadow:0 0 20px 0 rgba(0,0,0,0.6);}
               #about-profiles h2 {text-shadow:0 0 15px #000;}
               #about-profiles p {opacity:0.7;}

           .page-container-about {
               background:url(../img/bg-dorian-blur-mob.jpg) center center no-repeat;
               background-size:cover;
               }

               .page-container-about .page {padding:40px 30px;} 
               .page-container-about p {line-height:1.4em;}

            #ouroffer h2.c2a {margin:30px 0 0 0!important;}
            .service-row {margin-bottom:0;}
               .service {
                  min-height:200px;
                  margin:0 0 20px 0!important;
                  padding:10px 20px 25px 20px;
                  }
                  .service img {/*zoom:65%;*/}
                  .service img.icon-touch {/*zoom:100%;*/}
                  .service .icon-bg {display:none!important;}
                  .service p {font-size:1.1em;}

                  .service.full-width {min-height:0; padding:10px 20px 25px 20px!important; margin:0 0 5px 0; text-align:left;}
                     .service.full-width div {margin-bottom:0!important;}
                     .service.full-width img {display:block; margin:0 auto;}
                     .service.full-width img + div {display:inline-block;}
                     .service.full-width h2,
                     .service.full-width p {text-align:center;}

                  .service.workshops h2 {margin:0 0 10px 0!important;}

            #contact-slideup {height:75%;}
               #contact-slideup .page {padding:0;}
               #contact-slideup h1 {font-size:1.4em;}
               #contact-slideup h1 + p {font-size:1em;}
               #contact-form-slideup button {padding:10px 15px 13px 15px;}

         /* ----- 5. Contact -----*/
            #contact-intro {margin-top:-30px; font-size:1.05em;}
               #contact-intro p strong {display:block; margin:10px 0 -12px 0!important;}
            #contact-intro .social {margin:22px 0 15px 0;}
                  #contact-intro .social p {
                     display:inline-block;
                     width:230px;
                     font-size:1.2em;
                     /*zoom:85%;*/
                     }
                     #contact-intro .social p:first-child {margin:0 20px 0 10px;}
                     #contact-intro .social p a > span {padding-top:3px;}
                        #contact-intro .social p a > span > span:last-child {display:block; margin-top:-3px;}

            #contact-form {margin:0 -40px 0 20px;}
               #contact-form h1 {margin:0 0 7px 0!important; font-size:1.5em;}
               #contact-form p {font-size:1em;}

            #partner-links {margin:-70px 0 -50px 0;}
    	}
   	
   /* Mobile Portrait
   -------------------------------------------------- */
    	@media only screen and (max-width: 479px) {
    		/*body {background:firebrick;}*/

         /* ----- 1. Layout / Structure ----- */
            body {margin-top:102px;}

            #header-container {padding:5px 0 0 0;}
               header {padding:0;}
                  header ul li {
                     width:25%;
                     margin:0;
                     font-size:0.7em;
                     text-align:center;
                     background:rgba(0,0,0, 0.1);
                     }
                     header ul li a {padding:4px 10px; text-shadow:0 1px 0 rgba(255,255,255,0.1);}
                     header ul li:last-child {display:none;}
                  header ul li.logo {
                     float:none;
                     display:block;
                     width:90%;
                     margin:-15px 0 5px 4%;
                     text-align:left;
                     background:none;
                     }
                     header ul li.logo img {width:235px; height:63px;}

            .page {padding:30px 13px 50px 13px;}

            .page-container-footer:after {
               top:-90%;
               left:55%;
               right:-100%;
               }

            #vision p.serif .fa-key {padding:0 0.5em;}

            footer {margin:0; padding:20px 13px 50px 13px!important; font-size:0.8em;}
               footer img.logo {margin-left:-18px;}
               footer hr {width:80%; margin:0;}
               footer ul.contact-info li,
               footer ul.contact-info li:last-child {margin:0 20px -5px 0;}
               footer div.column {margin-bottom:0!important;}
                  footer div.column:nth-child(2) ul {margin:25px 0;}
                     footer div.column:nth-child(2) ul li {display:block; text-align:left; margin:0 0 5px 0}
                        footer div.column:nth-child(2) ul li a {font-size:1em;}

               footer ul.underline li {font-size:0.8em;}

               footer a.fb,
               footer a.tw {position:absolute; bottom:31px; right:0; margin:0;}
               footer a.fb,
               footer a.fb i.fa,
               footer a.tw,
               footer a.tw i.fa {/*zoom:120%!important;*/}
               footer a.fb {right:35px; text-align:right;}
               footer a.tw {right:0;}

               footer #hh {right:0; bottom:-15px; font-size:0.9em;}
                  footer #hh img {/*zoom:99%;*/}

            label {font-size:0.7em;}

         /* ----- 2. Fonts ----- */
            span.mp-br {display:block;}
               span.mp-br.tall,
               span.mp-br-tall {display:block; margin-top:10px;}
            h1 {font-size:1.2em;}
               h1.mission {
                  max-width:90%;
                  padding:0 2% 0 0;
                  font-size:1.2em;
                  line-height:1.2em;
                  -webkit-animation:none;
                  -moz-animation:none;
                  -ms-animation:none;
                  -o-animation:none;
                  animation:none;
                  }
                  h1.mission p {margin-top:10px;}
            h2 {font-size:1.6em;}
               h2.c2a {font-size:1em; margin:20px 0 0 0;}
                  h2.c2a a.icon i.fa {margin:-9px 0 14px 0; font-size:3em;}
            p {font-size:1em;}

         /* ----- 3. Homepage ----- */
            #mission-fold {padding-top:40%;}
               #mission-fold a.scroll-down {display:none;}

            .flip-row {margin-bottom:0;}
            .flip-container {margin:0 0 30px 0; padding:0;}
            .flip-container,
            .front,
            .back {height:250px;}
            .flip-container .front .bottom,
            .flip-container .front .bottom.bigger {bottom:0; min-height:45px; padding:10px; background:rgba(0,0,0, 0.7);}
            .flip-container .front p {margin-bottom:5px; font-size:0.8em; font-weight:normal;}
            .flip-container .front p strong {color:#b0b0b0; font-size:0.9em; font-style:italic; font-weight:normal;}
            .flip-container .back p {font-size:1em; line-height:1.2em;}
            .flip-container .back p strong {font-size:1.4em;}

            #latest-post{
               margin:0 0 50px 0;
               padding:50px 20px 10px 20px;
               }
               #latest-post div.featured-image {display:none;}
                  #latest-post .post-info {
                     float:right;
                     margin:2px -10px 10px 10px;
                     }
                     #latest-post .post-info p.posted-date {font-size:1em;}
                     #latest-post .post-info p.tags {font-size:0.8em;}
                        #latest-post .post-info p.tags i {top:2px; left:-13px;}
                  #latest-post h2 {
                     display:block;
                     width:40%;
                     margin:-5px 0 20px 0;
                     font-size:1.2em;
                     }
                  #latest-post p {margin:0 0 19px 0;}
                  #latest-post a.more {margin-top:-6px;}
                     #latest-post a.more .more-flip,
                     #latest-post a.more .more-front,
                     #latest-post a.more .more-back {border-radius:4px;}
                  #latest-post div.about div.profile-img-flip {display:inline-block; margin:-10px 38% 5px 36%;}
                     #latest-post div.about p a {
                        display:block;
                        margin:10px 0;
                        padding:5px 10px 10px 10px;
                        text-align:center;
                        border-radius:5px;
                        }

         /* ----- 4. About ----- */
            h1#about-us-intro {margin-top:-20px;}

            #profiles-container .page {padding-bottom:0;}
            #about-profiles {margin:20px 0;}
               #about-profiles div.profile-img {margin:-10px auto 15px auto; box-shadow:0 0 20px 0 rgba(0,0,0,0.6);}
               #about-profiles h2 {text-shadow:0 0 15px #000;}
               #about-profiles div:not(.profile-img) {
                  min-height:0;
                  margin:0 0 40px 0!important;
                  padding:0!important;
                  }

               #about-profiles > div {text-align:center;}
            #about-profiles p {margin-bottom:1em; opacity:0.7;}

            .page-container-about {
               background:url(../img/bg-dorian-blur-mob.jpg) center center no-repeat;
               background-size:cover;
               }

            .page-container-about .page {padding-bottom:20px;} 
               .page-container-about p {line-height:1.4em;}
            
            #ouroffer h2.c2a {margin:20px 0 0 0!important;}
            .service-row {margin-bottom:0;}
               .service {min-height:200px; margin:0 0 20px 0!important; padding:20px;}
                  .service img {margin:-10px 0 10px 0; /*zoom:50%;*/}
                  .service img.icon-touch {/*zoom:80%;*/}
                  .service img.icon-bg {display:none!important;}
                  .service p {font-size:0.9em;}
                  #ouroffer .service h2 {opacity:1;}
                  .service:hover p {color:#c2c0bc; opacity:1;}

                  .service.full-width {height:auto; margin:0 0 5px 0; text-align:left;}
                     .service.full-width img {display:block; margin:-10px auto 10px auto;}
                     .service.full-width img + div {display:inline-block;}
                     .service.full-width p {text-align:center;}
                     .service h2 {margin:0 0 10px 0!important; text-align:center; font-size:1.3em;}

                  .service.workshops h2 {margin:0 0 10px 0 !important;}

            #contact-slideup {height:80%;}
               #contact-slideup .page {padding:0;}
               #contact-slideup img.logo {margin:-20px 0 20px -20px;}
               #contact-slideup h1 {margin:0 0 6px 0; font-size:1.15em;}
               #contact-slideup p {
                  margin:5px 0 19px 0;
                  font-size:1em;
                  line-height:1.2em;
                  }
               #contact-slideup p.contact-info {font-size:0.7em; font-weight:bold;}
               #contact-form-slideup textarea + div label {width:50%!important;}
               #contact-form-slideup button {padding:10px 15px 13px 15px;}

         /* ----- 5. Contact -----*/
            #contact-intro {padding:0;}
               #contact-intro p strong {display:block; margin:0 0 -12px 0!important;}
               #contact-intro .social {margin:20px 0 0 0;}
                  #contact-intro .social p {font-size:1.2em; line-height:1em!important; /*zoom:85%;*/}
                     #contact-intro .social p a > span {padding-top:4px;}
                        #contact-intro .social p a > span > span:last-child {display:block; margin-top:-3px;}


            #contact-form {
               margin:20px -25px 0 -10px;
               padding:20px 20px 55px 20px;
               }
               #contact-form p {font-size:0.9em;}
    	}