@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?sxwuk1');
  src:  url('fonts/icomoon.eot?sxwuk1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?sxwuk1') format('truetype'),
    url('fonts/icomoon.woff?sxwuk1') format('woff'),
    url('fonts/icomoon.svg?sxwuk1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-read:before {  content: "\e926";}
.icon-quotes-left:before {  content: "\e977";}
.icon-link:before {  content: "\e9cb";}
.icon-cross:before {  content: "\ea0f";}
.icon-facebook:before {  content: "\ea90";}
.icon-instagram:before {  content: "\ea92";}
.icon-twitter:before {  content: "\ea96";}
.icon-youtube:before {  content: "\ea9d";}
.icon-linkedin:before {  content: "\eaca";}
.icon-arrow-right:before { content: "\ea3c"; }
.icon-illustration:before {   content: "\e900"; }
.icon-branding:before {  content: "\e901";}
.icon-email-marketing:before {  content: "\e902";}
.icon-pay-per-click:before {  content: "\e903";}
.icon-photography-video:before {  content: "\e904";}
.icon-print:before {  content: "\e905";}
.icon-seo:before {  content: "\e906";}
.icon-social-media:before {  content: "\e907";}
.icon-web-design:before {  content: "\e908";}
.icon-copywriting:before {  content: "\e909";}
.icon-e-commerce:before {  content: "\e90a";}
.icon-reviews:before {  content: "\e90b";}
.icon-email:before {  content: "\e90c";}
.icon-location:before {  content: "\e90d";}
.icon-phone-chat:before {  content: "\e90e";}
.icon-calendar:before {  content: "\e953";}
.icon-user:before {  content: "\e971";}


.title { font-size:36px; line-height:1.3; font-weight:600; }

.mw100 { max-width:100%!important; border-radius:10px; }
.larger { font-size:1.1rem; }
.dt-only { display:block;}

strong { font-weight:500; }
html, body          { background:#ffffff; color:#000000; /*font-size:13px; font-size:13.5px;*/ font-size:14.5px; line-height:1.8;  }
*                   { margin:0; padding:0; border:0; text-decoration:none; font-style:normal; font-family:'Poppins', sans-serif; font-weight:300;  box-sizing:border-box; }
ul, li              { list-style:none; }
p { margin-top:15px; /*color:#959595;*/ color:#606060; }
abbr { font-weight:inherit; text-decoration: inherit; }
    .m-only { display:none; }
    .hover:hover { color:#d84927!important; }
    .underline { border-bottom:1px dotted; }
    .nomargin { margin-top:0!important; }
    .margintop { margin-top:30px; }
    .margintop.large { margin-top:65px; }
    .marginbottom { margin-bottom:30px; }
    .negmargin { margin-top:0px!important; }
    .content  { width:85%; max-width:1100px; margin:0 auto; }
    .center { text-align:center; }
    .left { text-align:left; }
    .padding { padding:50px 0; }
    .button.outline { border:#000 1px solid; padding:10px 20px; font-weight:500; display:inline-block; color:#000;border-radius:4px; margin-top:-6px; }
.button.outline.white { border:#fff 1px solid; color:#fff; }
.button.pink { background:#ff008b; border:#ff008b 1px solid; padding:10px 20px; font-weight:500; display:inline-block; color:#fff;border-radius:4px; margin-top:-6px; }
.button.black { background:#000; border:#000 1px solid; padding:10px 20px; font-weight:500; display:inline-block; color:#fff;border-radius:4px; margin-top:-6px; }
.button.orange { background:#fa673b; border:#fa673b 1px solid; padding:10px 20px; font-weight:500; display:inline-block; color:#fff;border-radius:4px; margin-top:-6px; }
.bgshape { width:108px; height:97px; margin-left:auto; margin-right:auto; background-size:cover; background-image: url("data:image/svg+xml,%3Csvg width='107.808' height='96.84' viewBox='0 0 107.808 96.84' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.505,60.031c-7.371-24.086-6.672-54.133,38.02-59.33c26.796-3.116,57.34,3.808,64.71,27.893 c7.371,24.087-12.143,44.822-38.019,59.331C26.601,111.259,10.876,84.117,3.505,60.031z' fill='%23e6e7e9' fill-opacity='0.7' fill-rule='evenodd'/%3E%3C/svg%3E"); }
.bgshape span { font-size: 46px; color: #000; text-align: center; line-height: 86px;  margin-right: 6px; }

.cms {  }
.cms p, .cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6, .cms blockquote, .cms ul, .cms ol { margin-top:15px; }
.cms h1, .cms h2 { font-weight:600; }
.cms h3, .cms h4, .cms h5, .cms h6 { font-weight:400; }
.cms h5, .cms h6 { color:#606060; }
.cms h2 { font-size:24px; }
.cms h3 { font-size:14px; }
.cms h4, .cms h5, .cms h6 { font-size:13px; }


    .band { position:relative; z-index:1; margin:50px 0; }
    /*.band .title { font-size:36px; font-weight:600; }*/
    .band .strap { font-size:30px; font-weight:300; display:block; clear:both;  }
    .band p { color:inherit; }
    .band.white p { color:#606060; }
    .band .num {  font-size:42px; font-weight:700; position:relative; z-index:5; opacity:0.9; }
    .band.white .num { color:#000; }
    .band .num::before { z-index:0; position:absolute; margin-top:-5px; top:50%; right:10%; display:block; height:1px; background:#fff; content:""; width:65%; opacity:0.2; }
    .band .num::after { z-index:0; position:absolute; margin-top:1px; top:50%; right:10%; display:block; height:1px; background:#fff; content:""; width:65%;  opacity:0.2;}
    .band.white .num::before { background:#000; }
    .band.white .num::after { background:#000;}
    .band h4 { font-size:18px; line-height:1.4; }
    .band h4 strong { font-weight:600; }
    .band ul.numbered    { display:flex;  justify-content: center; flex-wrap: wrap; }
    .band ul.numbered li { margin:0 15px; flex: 0 0 30%; }
.band ul.numbered.contacts { justify-content:space-between; }
.band ul.numbered.contacts li { margin:0; }
.band ul.numbered.contacts li.padding { padding:0 20px; }
.band ul.numbered.contacts span { float:left; margin-right:20px; margin-bottom:30px; font-size:48px; color:#000; }
.band ul.numbered.contacts h4 { font-weight:600; font-size:16px; }
.band ul.numbered.contacts p { margin-top:0; color:#606060; }
.band ul.numbered.contacts a { color:#606060;  }
.band ul.numbered.whyjoin li { margin:30px 15px; }

    .cards { flex-wrap:wrap; display:flex; justify-content: center;}
    .card { flex: 0 0 320px; position:relative; background:#fff; border-radius:10px; margin:15px 15px; text-align: center; transition: 0.3s; }
.card a { display:block; padding:35px; }
.white .card { background:#efefef; }    
.card h2, .card h3, .card h4 { font-weight:500; font-size:16px; margin-top:30px; color:#000; }  
    .card p { color:#606060; padding-bottom:10px; }
    .card .more { margin:0; padding:0; font-size:1.2rem; color:#000; position:absolute; bottom:-22px; left:50%; margin-left:-22px; border-radius:50%; width:44px; height:44px; background:#fff; border:#efefef 1px solid;
    line-height:44px; text-align:center; 
    -webkit-box-shadow: 0px 0px 50px -10px #000000; 
box-shadow: 0px 0px 50px -10px #000000;
        display:none;
    }
    .card:hover { background:#fa673b; }
    .card:hover h2, .card:hover h3, .card:hover h4, .card:hover p { color:#fff; }
    .card:hover .more { display:block; color:#000; }

    .team { flex-wrap:wrap; display:flex; justify-content: center; }
    .member { flex: 0 0 180px; position:relative; border-radius:10px; margin:15px; text-align: center;  overflow:hidden; padding:0; background:#efefef; line-height:0;}
    .member img { max-width:100%; }
    .member .info { position:absolute; top:0; left:0; width:100%; height:100%; padding:30px 20px 20px 20px; background:rgba(0, 0, 0, 0.85); opacity: 0; transition: 0.3s;  }
    .member:hover .info { opacity: 1; }
    .member .info h2, .member .info h3, .member .info h4 { line-height:1.4; color:#fff; opacity:1; font-size:18px; font-weight:600; margin-top:0;}
    .member .info p { line-height:1.4; margin:0; padding:0; opacity:1; color:#606060; font-size:1.1rem; }
.member .info p.text { margin-top:10px; color:#fff; font-size:1rem; }




img.mw100 { max-width: 100%; border-radius:10px; }
    
.angled::after
{
  background:inherit;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  /*transform: skewY(-1.5deg);*/
  z-index: -1;
    -webkit-backface-visibility: hidden;
        transform: skewY(-1.5deg);
    backface-visibility: initial;
    
}
.angledbottom::after {bottom:-25px;}   
.angledtop::before {top:-25px;}   
.angled::after { bottom:-25px; padding:25px 0;  background-repeat: no-repeat; }
.angled.blue::after {background-color:#1481ba; }
.angled.grey::after {background-color:#efefef;}
.angled.pink::after {background-color:#ff008b;}
.angled.orange::after {background-color:#ffa400;}
.angled.black::after { background-color: #212121; background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23000000' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E"); /* see https://www.heropatterns.com/ */ background-repeat:repeat;}

.blue { color:#fff; }
    .grey { color:#000; }
.black { color:#fff;  }
.pink { color:#fff; }
.orange { color:#fff; }

    .split { position:relative; }
    .split .content { display:flex; }
    .split .content div { width:50%; margin:0 30px; }
    .split .content .left img { max-width:45%; border-radius:10px; }
    .split .content .left .offset { float:right; }
.split .content .full { width:100%; }
/*    .split .content .title { font-size:36px; line-height:1.3; font-weight:600; }*/

    .blog .block { display:flex; padding-top:30px; }
    .blog .block .right { width:50%; margin:0 30px; }
    .blog .block .left { position:relative;width:50%; margin:0 30px; }
    .blog .block .left img { border-radius:10px; max-width:100%; width:100%; }
    .blog .block h4, .blog .block h3, .blog .block h2 { margin-top:10px;  }  
.blog .block h4 a, .blog .block h3 a, .blog .block h2 a {font-size:20px; line-height:1.3; font-weight:500; color:#000;}
    .blog .block  .item ul li { display:inline-block; color:#000; margin-right:20px;font-size:0.95rem; }
.blog .block  .item { overflow:hidden; }    
.blog .block  .item p { color:#606060; }
    .blog .block  .sep { padding-top:25px; border-top:#d4d9dc 1px solid; margin-top:25px; }
    .blog .block .left .featured .item { padding:50px;  position:absolute; bottom:0; left:0; width:100%; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,212,255,0) 100%);}
    .blog .block .featured { position:relative; }
    .blog .block .featured h2, .blog .block .featured h3, .blog .block .featured h4 { margin-top:10px;  }  
.blog .block .featured h2 a, .blog .block .featured h3 a, .blog .block .featured h4 a { font-size:20px; line-height:1.3; font-weight:500; color:#fff; }

    .blog .block .featured ul li { display:inline-block; color:#fff; margin-right:20px;font-size:0.95rem; }
    .blog .block .featured ul { padding-top:70px; }

.blog.overview img { display:block; margin-bottom:30px; max-width:100%; border-radius:10px; margin-top:60px; }
.blog.overview ul.details li { margin:0 20px 0 0; }
.blog.overview h3 { font-size:20px; line-height:1.3; font-weight:500; color:#000; margin-top:20px; }

    .portfolio { display:flex; flex-wrap: wrap; align-items: center; margin:0 auto;  justify-content: center;max-width: 1400px; }
    .portfolio .title { padding-bottom:30px; }
    .portfolio .strap { font-size:30px; font-weight:300;  }
    .portfolio .content { flex-grow:1; max-width:100%; flex: 0 0 100%; }
    .portfolio .item { flex-shrink:1; flex: 0 0 320px; position:relative; padding:0; margin:15px; line-height:1; border-radius:10px; }
    .portfolio .item img { max-width:100%; border-radius:10px; }
    .portfolio .item .info { position:absolute; top:0; left:0; width:100%; height:99%; background:rgba(0, 0, 0, 0.85); text-align:center; opacity: 0; transition: 0.3s; border-radius:10px; padding:20px; }
    .portfolio .item .info img { max-width:40%; margin-top:50px; }
    .portfolio .item .info h2, .portfolio .item .info h3 { margin-top:25px; color:#fff; font-size:20px; font-weight:600; }
.portfolio .item .info p { color:#fff; margin-top:20px; line-height:1.6; }
    .portfolio .item a:hover .info { opacity:1; }
.portfolio button   { cursor:pointer; padding:6px 10px; border-radius:10px; margin:5px; }
.portfolio .controls { padding-bottom:30px; }

    #footer { z-index:1; position:relative; bottom:0; left:0; right:0; color:#fff; overflow:hidden; margin-top:45px; }
#footer .content { padding-top:25px; }
#footer.angled::after { top:25px; }
    #footer .title   { color:#fff; font-size:28px; line-height:1; }
    #footer .title span { font-weight:700; }
    #footer .strap  { color:#b9b9b9; font-size:13.5px!important; margin-top:0; }
    #footer .strap strong { font-weight:400; }
    #footer .copyright { color:#767676; font-size:12px; }
    #footer .copyright em { color:#b9b9b9; }
    #footer .copyright a { color:#b9b9b9; }
    #footer .social li { display:inline-block; margin:0 15px; }
    #footer .social li a    { color:#fff; font-size:18px; }

    #splash { z-index:0; position: relative; }
    #splash .slide { z-index:0; }
    #splash .background { position: absolute; z-index:-1; top:0; width:100%; height:700px; }
    #splash .gf1 .background { background:url(img/bg/gemini-force-1.jpg) 100% 100% repeat-x; }
    #splash .she .background { background:url(img/bg/shecruits.jpg) 100% 100% repeat-x; }
    #splash .brit .background { background:url(img/bg/britannia-hotels.jpg) 100% 100% repeat-x; }
    #splash .content { z-index:2; padding-top:125px; height:650px; position: relative; }
    #splash .image { position:absolute; right:0; bottom:-20px; }
    #splash p.line { line-height:1; max-width:50%; color:#000; }
    #splash p.line span { 
    
     box-shadow: 0 0 0 10px #fff;
  background-color: #fff;
  box-decoration-break: clone;
  line-height: 3.6;
    
    }
    #splash .work {margin-top:10px;}
    #splash .work span {      line-height: 2;    margin-right:10px; }
    #splash .work span::before { content:"• ";}
    #splash .title { margin-top:85px; line-height:1.3; font-size:36px; }
#splash .title { color:#000000; }
#splash .title span { font-weight:700; font-size:56px; display:block; }
#splash .button.black { margin-right:10px; }


    #header { position:absolute; top:0; right:0; left:0; z-index:1;  }
    #header .content { padding:46px 0; position: relative;height:100px; }
#header .title a { color:#fff; }  
    #header .title   { color:#fff; font-size:22px!important; line-height:1; margin-top:0; }
    #header .title span { font-weight:700; }
    #header .strap  { color:#b9b9b9; font-size:12px!important; margin-top:0;  }
    #header .strap strong { font-weight:400; }
    /*#header::before { z-index:-1; position:absolute; top:0; right:0; display:block; height:100px; background:#fff; content:""; width:100%;  opacity:0.3;}*/
    #header .nav    { position: absolute; right:0; top:50px; }
    #header .nav li    { float:left; padding-left:40px; }
    #header .nav a { color:#fff; font-weight:500; }
#header .button { padding:6px 14px; }
    #header.home .title { font-size:28px!important; }
#header.home .strap { font-size:13.5px!important; }
#header.home .content { padding:40px 0; }

    #quotes { text-align:center; }
    /*.rotator .title { font-size:36px; font-weight:600;  }*/
    .rotator .strap { font-size:30px; font-weight:300;  }
    #quotes .content { max-width:750px; }
    #quotes .image { position:relative; }
    #quotes .image img { max-width:140px; margin-top:30px; }
    #quotes .image span { position:absolute; background:#fa673b; font-size:1.4rem; color:#fff; border:#fff 4px solid; width:50px; height:50px; text-align:center; line-height:42px; border-radius:50%; top:140px; left:50%; margin-left:-25px; }
    #quotes blockquote { margin-top:30px; font-size:1.1rem; }
    #quotes footer { margin-top:30px; font-size:1.2rem; font-weight:600; line-height:1.6; }
    #quotes cite { display:block; font-weight:300; font-size:1rem; }

    #contact .title { color:#000; max-width:450px; padding-top:30px; margin-left:auto; margin-right:auto; }



    
    .navigation-overlay         { display:none; } 
.navigation-overlay.open { display:block; }
    
    
    
    /*
    Navigation Overlay Menu
    https://codepen.io/riogrande/pen/gbXxdx*
    Editable: .navigation-overlay (background, z-index)
    */

    .navigation-overlay             { text-align:center; overflow-y: scroll;
background: #000;  /* fallback for old browsers */
z-index:500; position:fixed; top:0; left:0; bottom:0; right:0; min-height:100%; width:100%; }
     .navigation-overlay a { border-bottom:0px; }
    .navigation-overlay ul      { text-align:center; margin-top:100px; }
    .navigation-overlay ul li a { color:#fff; font-size:1.3rem; text-transform:uppercase; font-weight:400; padding:10px 0; display:block; }
     .navigation-overlay ul.social { margin-top:30px; }
     .navigation-overlay ul.social li { display:inline-block; margin:0 10px; }
     .navigation-overlay a.logo {  position: absolute; z-index:900; padding:0; left:50%; top:30px; margin-left:-60px; width:120px; }
     .navigation-overlay a.logo img { max-width:100%; }

body.open { position:fixed; overflow:hidden; width:100%; }
     
     .navigation-toggle {  
         z-index:999;
         width: 30px;
  height: 22.5px;
  position: absolute;
          right:7.5%; top:29px;
  margin: 25px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; 
     
     }
     
     
/* Icon 2 */



.navigation-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navigation-toggle span:nth-child(even) {
  left: 50%;
  border-radius: 0 4px 4px 0;
}

.navigation-toggle span:nth-child(odd) {
  left:1px;
  border-radius: 4px 0 0 4px;
}

.navigation-toggle span:nth-child(1), .navigation-toggle span:nth-child(2) {
  top: 0px;
}

.navigation-toggle span:nth-child(3), .navigation-toggle span:nth-child(4) {
  top: 9px;
}

.navigation-toggle span:nth-child(5), .navigation-toggle span:nth-child(6) {
  top: 18px;
}

.navigation-toggle.open span:nth-child(1),.navigation-toggle.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navigation-toggle.open span:nth-child(2),.navigation-toggle.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navigation-toggle.open span:nth-child(1) {
  left: 2.5px;
  top: 3.5px;
}

.navigation-toggle.open span:nth-child(2) {
  left: calc(50% - 2.5px);
  top: 3.5px;
}

.navigation-toggle.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.navigation-toggle.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.navigation-toggle.open span:nth-child(5) {
  left: 3.5px;
  top: 14px;
}

.navigation-toggle.open span:nth-child(6) {
  left: calc(50% - 2.5px);
  top: 14px;
}

    
    
    
    
    
    
    
    
    
    
    
ul.numbered h2 { font-size:1.3em; }
    
    
    
    
    
    
    
    
#page { position: relative; z-index:0; padding-top:120px; padding-bottom:10px; text-align: center; }
#page.casestudy { padding-top:380px; }
#page .title { font-size:66px; font-weight:600; color:#fff; }
#page .breadcrumb {  line-height:1; opacity:0.9; }
#page .breadcrumb li { display:inline-block; margin-right:10px; color:#fff; font-size:0.9rem; line-height:1;  }
#page .breadcrumb li a { color:#fff; }
#page .breadcrumb li::before { content:"/ "; color:#fff; }
#page .breadcrumb li.home::before { content:""; margin-left:10px; }
/*.about .title { font-size:36px; font-weight:600; }*/
.squeeze { max-width:80%; margin-left:auto; margin-right:auto; }
    .about img { max-width:100%;  }

#page .details {  line-height:1.2; margin-top:26px; }
#page .details li { display:inline-block; margin:0 20px; color:#fff; font-size:0.9rem; line-height:1;  }



.band ul.brands    { display:flex;  justify-content: center; flex-wrap: wrap; }
.band ul.brands li { margin:15px 25px; flex: 0 0 125px; }
.band ul.brands li p { margin-top:0; }
.band ul.brands li img { max-width:100%; opacity:0.7; }



.blog-container { position:relative; min-height:475px; }
.blog-padd  { max-width:55%; }
.blog-padd h2 { font-size:17px; }
.blog-padd ul { list-style:circle; margin-left:20px; color:#606060; }
.blog-padd ul li { list-style:circle; color:#606060; }
.blog-padd p { color:#606060; }
.blog-container .blog-share { position:absolute; top:70px; left:0; }
.blog-container .blog-share a { display:block; border:#000 2px solid; margin-bottom:15px; border-radius:50%; font-size:20px; height:50px; width:50px; line-height:50px; text-align: center;  }
.blog-container .blog-share a.twitter { color:#00acee; border-color:#00acee; }
.blog-container .blog-share a.facebook { color:#3b5998; border-color:#3b5998; }
.blog-container .blog-share a.linkedin { color:#0e76a8; border-color:#0e76a8; }
.blog-container .blog-side { position:absolute; top:65px; right:0; }
.blog-container .blog-side h3 { margin:0; padding:0; }
.blog-container .blog-side ul { list-style:none; margin:0; }
.blog-container .blog-side ul li { list-style:none; margin:15px 0 0 0; }
.blog-container .blog-side ul li a { color:#959595; border-bottom:#959595 1px dotted; }
.blog-container .blog-side { max-width:15%; }
.blog-container .blog-article > :first-child { font-size:15px; font-weight:500!important; }
.blog-container .blog-article img { max-width:120%; margin-left:-10%; }

        .positions { border-top:#bbb 1px solid; }
    .position { display:block; text-align:left; border-bottom:#bbb 1px solid; padding:30px; }
.position h4 { display:inline-block; font-size:1.4rem; font-weight:600; margin-right:10px; }
.position p { display:inline-block; margin:0; }
.position p.right { float:right; }

form .password, form .recipient { display:none; }
form { display:flex; flex-wrap: wrap; text-align:left; }
form div { width:50%; padding:30px 30px 0 30px; }
form div.full { width:100%; }
form div label { width:100%; display:block; }
form div input, form div textarea  { width:100%; display:block; margin-top:10px; line-height:1.6; padding:10px; border-radius:4px; font-size:1rem; }
form div textarea { height:200px; }
form button { background:#ff008b; padding:10px 20px; font-weight:500; display:inline-block; color:#fff; border-radius:4px; margin-top:6px; cursor:pointer;  }





.sec                                       { position:relative; overflow: hidden; min-height:700px; }
.sec .content                              { position:relative; overflow: hidden; min-height:700px; }
.sec .text                                 { position:absolute; top:50%; left:0; transform:translateY(-50%); width:45%; }
.sec .img                                  { position:absolute; top:0; left:50%; }
.sec .text2                                 { position:absolute; top:50%; right:0; transform:translateY(-50%); width:45%; }
.sec .img2                                  { position:absolute; top:0; right:50%; }










    
@media only screen and (min-width : 769px) {
    .split .content .left .offset { margin-top:10%; }
}
    
@media only screen and (max-width : 980px) {
    .title { font-size:28px!important; }
    .strap { font-size:22px!important; }
    #page .title { font-size:42px!important; }
    #page { padding-top:110px; }
    #page.study { padding-top:160px; }
    #header .nav li    { padding-left:20px; }
    #splash p.line { max-width:40%; }
    #splash .title { margin-top:60px; font-size:24px!important; }
    #splash .title span { font-size:42px!important; }
    #header.home .title { font-size:22px!important; }
    #header.home .strap { font-size:12px!important; }
#header.home .content { padding:46px 0; }
#page.casestudy { padding-top:280px; }
    .squeeze { max-width:90%; }
    .dt-only { display:none;}
    .band ul.numbered.contacts { display:block;}
    .band ul.numbered.contacts li { overflow:hidden; }
    .band ul.numbered.contacts li.padding { padding:30px 0; }


    .blog-container .blog-share { position:relative; top:0; left:0; margin-top:20px; }
    .blog-container .blog-share a { display:inline-block; margin:15px 25px 0 0; font-size:14px; height:30px; width:30px; line-height:28px; }
    .blog-container .blog-side { display:none; }
    
}
    
@media only screen and (max-width : 768px) {
#page .details .author { display:none; }
    
    html, body {font-size:15px;}
    
    
    form { display:block; }
    form div { width:100%; }
    .position { padding:30px 10px; }
    .position h4 { display:block; text-align:center; }
    .position p { text-align:center; padding-top:0px; display:block; }
    .position p.right { float:none; padding-top:20px; }
    
    #footer .content  { max-width:95%; }
        #footer .copyright { font-size:11px; }
    #footer .copyright em { font-size:12px; }
    .dt { display:none; }
.m-only { display:block; }

    .margintop { margin-top:20px; }
    .margintop.large { margin-top:60px; }
    .angledbottom::after {bottom:-15px;}   
    .angledtop::before {top:-15px;} 
    .marginbottom { margin-bottom:20px; }
    
    .padding { padding:35px 0;  }
    .band ul.numbered    { display:block; }
    .band ul.numbered li { margin:30px auto; max-width:600px; }
    
    .band ul.brands li { margin:10px 15px; flex: 0 0 100px; }
    .split .content, .blog .block { display:block; }
    .split .content div, .blog .block .left, .blog .block .right { display:block; width:100%; margin:10px auto; }
    .blog .block .left .featured .item { padding:30px; }
    .blog .block .featured ul li { margin-right:10px; }
    .portfolio { max-width:90%; margin-left:auto; margin-right:auto;}
    .card { width:100%; max-width:600px; }
    .blog .block .right { margin-top:40px; }
    

    #splash .content, #splash .background { height:800px; }
    #splash .image { width:100%; text-align:center; bottom:-10px; }
    #splash .image img { max-width:68%; max-height:400px;  }
    #splash .title { text-align:center; margin-top:30px; }
    #splash .work { text-align:center; }
    #splash p.line { text-align:center; max-width:100%; }
    #splash .margintop { text-align:center;}
    
    .member { flex: 0 0 130px; margin:10px; }
    .member .info { padding:10px; }
    .member .info h4 { font-size:1.1rem; }
    .member .info p { font-size:0.9rem; }
    .member .info p.text { font-size:0.9rem; }
    
}

    
    
.fb_msg { position:fixed; bottom:40px; right:40px; font-size:0; z-index:100; }