/*InEngage MISC*/
#content-wrapper > .container-xl {  padding-bottom:0px;  }

#helloWrapper svg { margin-top:-5px;}
#ourworkWrapper svg { margin-top:-5px;}
#clientsWrapper { padding-top:40px;}

#polaroidWrapper { overflow:hidden;}
#polaroidWrapper svg { margin-top:-5px; width:107%; }

#servicesWrapper { overflow:hidden;}
#servicesWrapper svg { margin-top:-5px;  width:107%;}
#servicesWrapper svg.svg-content-inverse { margin-top:-5px;  width:107%; border-bottom:5px white solid;}

#clientsWrapper .centerbox { background:none!important;}


/*Menu*/
.mod-list.menu-horizontal li { font-weight:600;  color:black; margin-right:30px; font-size:14px;}
.mod-list.menu-horizontal li a { color:#111;}
.mod-list.menu-horizontal li.active a { color:#794791; }

.nav-item.item-110 a { background:#794791!important; color:white!important; padding:2px 25px 3px 25px; border-radius:5px!important;  }
.nav-item.item-110.active a { background:#ffe1a5!important;   }

.dropdown-menu li { padding:0px; margin:0px!important;    }
.dropdown-menu li.active { background:#eee;   }

@media all and (max-width: 768px)  {
  .mod-list.menu-horizontal { display:none; }
}

/* Main Container */
#content-wrapper > div { backgro und:#eee; min-width:100%;}

.portfolioPage .content-wrapper,
.servicePage .content-wrapper,
.whowearePage .content-wrapper,
.whoarePage .content-wrapper,
.menu-home .content-wrapper { display:none;}

.footer-wrapper { display:none;}

html > body.default > div.content-wrapper { display:none;}


.topbar-wrapper  {
display:none!important;
}

/*logo*/
.header-wrapper > header > div.row  {
position:Relative;
z-index:99;
}
.logo-container  {

}
.logo-container img {
max-width:250px;
}
.position-0.col-sm-9 > div.moduleid-1   {
height:94px;
}


button.toggle-slideout.slideout-menu-icon  {
position:fixed;
right:50px;
top:45px;
background-color:#fff;
background-position:70px 10px;
padding:0px 20px;
width:110px;
text-transform:uppercase;
text-align:left;
border-radius:25px;
transition: all 1s ease;
}
.animate-canvas.active button.toggle-slideout.slideout-menu-icon {
  right:255px;
  transition: all 0.5s ease;
}

@media all and (max-width: 770px)  {
.logo-container.col-sm-3 {
  width:65%;
  max-width:300px;
  float:left;
}
.position-0.col-sm-9    {
  width:25%;
  float:right;
}
}

@media all and (max-width: 476px)  {
.logo-container.col-sm-3 {
  width:100%;
  pad ding:0px;
  margin:0px;
  paddi ng:20px 0px;
  max-wid th:260px;
  float:left; float:none;
  text-align:center;
}
button.toggle-slideout.slideout-menu-icon  {
  position:fixed;
  right:0px;
  top:0px;
  margin:0px;
  background-position:center center;
  width:45px;
  border-radius:0px;
  font-size:0px;
  padding:0px 5px;
}
.active button.toggle-slideout.slideout-menu-icon {
   right:270px!important;
 }


}






/*Elements*/
.sm-parent > div.menu-icon-cont {
position:fixed;
top :0px;
left:0px;
background:#80ECBB;
display:none;
}
.bgGray { background:#eee;}
.smallLine {
background:#4A148C;
height:2px;
width:150px;
display:block;
top:-10px;
margin:0 auto;
position:relative;
}
.svg-content {
bottom: 0;
height: 110px;
width:100%;
left: 0;
position: absolute;
z-index:1;
}
.svg-content-inverse {
height: 130px;
width:100%;
left: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
}


.__title {
font-size:70px;
letter-spacing:2px;
font-family: 'Heebo', sans-serif;
}
.__subtitle {
font-size:22px;
color:#888;
line-height:1.4em;
}


/*explore button*/
a.explorebutton {
color:#223;
text-align:center;
margin-top:10px;
padding:10px 40px 10px 20px;
display:inline-block;  font-size:11px; min-width:200px;
text-transform:uppercase;  font-weight:300;
letter-spacing:1px;
background:#fff url("../../../images/arrow.svg") no-repeat scroll center right+15px;  			background-size:7px;
transition: all 0.5s ease;
}
a.explorebutton:hover {  text-decoration:none;}
a.explorebutton.color { background-color:#ffc600; }
a.explorebutton.color:hover { background-color:#fff; color:#333; }

a.explorebutton.dark { background:#222 url("../../../images/arrow-white.svg") no-repeat scroll 180px 13px; background-size:7px; color:#fff; }
a.explorebutton.dark:hover { background-color:#fff; color:#333; }







/************************
HOME INTRO
*************************/
#introWrapper {
background:#fff url("../../../images/waves3.png") no-repeat bottom center;
background-size:100%;
}

#introWrapper  {
position:relative;
}
.serviceElement {
position:absolute;
z-index:0;
}



.homeIntro {
max-width: 900px;
margin: 0 auto;
border-radius:70px;
text-align: center;
margin-top:150px;
  margin-bottom:-140px;
z-index: 999;
position: Relative;
 }
.homeHeading {
max-wi dth: 750px;
margin:0 auto;
}

.homeIntro h5 { color:#794791;font-weight:bold; font-size:16px; text-transform:uppercase; }
.homeIntro h5 span {
  color: #fff;
  position: relative;
  top: -25px;
}
.homeIntro .smal lerLine {
  background: #aaa;
  height: 5px;
  width: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 20px; display:none;
}
.homeIntro h2 {
  font-size: 36px;
  line-height: 1.5em;
  color:#271434;
  letter-spacing: 1px;
  font-wei ght: 300;
    font-weight: 300;

  max-width: 850px;
  margin: 0 auto;
  text-transfo rm: uppercase;
  fon t-family:'Montserrat',sans-serif;

}
.homeIntro h2 span {
  color: #794791;
  font-weight: 300;
  padding: 0px 10px!important;
  font-family: 'Heebo', sans-serif;
}
.homeIntro img {
  max-width: 800px;
  margin-top: 80px;
  opacity: 08;
}

.homeIntro a { border-radius:10px; font-size:12px; }

.homeIntro .row {
margin-top:50px;
border-top:2px #eee solid;
border-bottom:2px #eee solid;
display:none;
}
.homeIntro .col-md-4 {
  padding: 0px 30px;
  text-align:left;

  font-f amily:'Montserrat',sans-serif;
  margin-top: 10px;
wid th:100%;

}
.homeIntro h3   {
color:#271434;
font-size:16px; display:inline-block;
line-height:1.4em;
font-family:'Montserrat',sans-serif;

font-weight: 300;
}
.homeIntro p {
  line-height: 1.5em; display:inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-t op: 20px;
  color:#666;
}

@media all and (max-width: 1040px)  {
.homeIntro { paddi ng:200px 30px 0px 30px;
ma rgin:0px;}
#element2  { top:-10px; right:20px; max-width:260px;  }
#element3  { display:none;}
#element31 { display:none; }
#element4 {  display:none;  }
#element41 { display:none;  }
#element5 {  display:none; }
}
@media all and (max-width: 700px)  {
.homeIntro { padding:0px 30px 0px 30px;}
.homeIntro h2 { font-size: 2rem; }
.homeIntro .col-md-4 { max-width:600px; margin:0 auto; }
#element2  { display:none; }
}

@media all and (max-width: 500px)  {
.homeIntro h5:before { width:100%;  }
.homeIntro h2 { font-size:1.6rem; }
.homeIntro h2 span {   padding:0px!important;}
}

/************************
FRONT STATS
*************************/
#statsWrapper {
margin-top:-30px;
background:#1E222B;
padding:110px 0px 80px 0px;
}
#pos-section-1 .section-1 { padding:0px!important; margin:0px 0px -10px 0px!important;}

.statsIntro {
max-width:800px;
margin:0 auto;
text-align:center;
}

.statsIntro h3 {
line-height:1.6em;
font-size:25px;
color:#fff;
}
.statsIntro h3 span {
color:#80EFCE;
font-family: 'Heebo', sans-serif;
}
.statsIntro .smallerLine {
  background:#80EFCE;
  height: 4px;
  width: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

#statFlexContainer {
display: flex;
justify-content:center!important;
flex-wrap: wrap;
align-items:center;
margin: 0;
padding: 0;
}

.statBox    {
width:160px;
margin:0px 30px;
margin-top:100px;
text-align:center;
}
.statBox:last-child { border-right:0px #eee solid;}
.statBox h3 {
text-align:center;
font-size:15px;
font-weight:900;
margin-top:-20px;
color:#fff;
}
.statBox h6 {
text-align:center;
font-size:14px;
color:#fff;
}
.statBox .smallerLine {
background:#ccc;
height:4px;
width:20px;
display:block;
margin:0 auto;
margin-top:15px;
}
.statBox.A .smallerLine { background:#FFEA82;}
.statBox.B .smallerLine { background:#1695A4;}
.statBox.C .smallerLine { background:#D94F5C;}
.statBox.D .smallerLine { background:#7FEDCD;}
.statBox.E .smallerLine { background:#D94F5C;}
.statBox p { font-size:12px;  font-weight:400; margin-top:10px;  color:#fff;  display:none;}

@media all and (max-width: 1040px)  {
.scene { min-height: 350px; max-height:350px; }
}
@media all and (max-width: 749px)  {
.scene { min-height: 200px; max-height:200px; }
}
@media all and (max-width: 470px)  {
#statsWrapper { padding:80px 0px 80px 0px; }
#statFlexContainer { display:none; }
}




/************************
ABOUT  - POLAROID
*************************/
#polaroidWrapper  {
background:#fff;
}
#polaroidContainer  {
pad ding-top:100px;
padding-bottom:100px;
margin:0 auto;
max-width:1300px;
position:relative;
}
.polaroid__media__container {
max-width:700px;
position:relative;
}
.polaroid__media {
position:absolute;
border:10px #eee solid;
box-shadow:0px 3px 20px rgba(59,50,50,0.2);
}
.polaroid__media.A { top:-100px; left:-10px;  max-width:350px; z-index:2; }
.polaroid__media.B { top:40px; right:-100px; max-width:490px; z-index:1; }
.polaroid__media.C {  left:90px; top:310px; max-width:480px; z-index:3;  }

.polaroid__box__container   {
box-sh adow:0px 0px 53px rgba(50,50,50,0.15);
background:#fff;
max-width:400px;
margin-right:50px!important;
margin:0 auto;
margin-top:50px;
padding:60px 0px;
}
.polaroid__box__container h3 {
font-size:14px;
color:#aaa;
}
.polaroid__box__container h2 {
font-size:35px;
line-height:1.2em;
font-family: 'Heebo', sans-serif;
color:#1E222B;
}
.polaroid__box__container p {
font-size:14px;
font-weight:300;
line-height:1.6em;
}

@media all and (max-width: 1050px)  {

#polaroidContainer  {
 padding-bottom:0px; padding-left:40px; padding-right:30px;
}
#polaroidContainer .col-md-6 {
  clear:both;
  display:block!important;
  width:100%;
}
.polaroid__media__container {
  min-width:100%;
  max-width:100%;
  min-height:350px;
  display:block;
  position:relative;
}
.polaroid__media { max-width:70%; }
.polaroid__media.A { top:-100px; left:-10px;  max-width:400px; 	z-index:2; }
.polaroid__media.B { top:-100px; right:0px; max-width:500px; z-index:1;}
.polaroid__media.C {   left:150px; top:120px; z-index:3;}
.polaroid__box__container {
  max-width:100%;
  box-shadow:none;
  margin:0px!important;
}

}

@media all and (max-width: 700px)  {
    .polaroid__media.B { display:none;}

  .polaroid__media.C  { display:none;}

}

@media all and (max-width: 630px)  {
  #polaroidContainer  {
   padding-bottom:30px;
  }
  .polaroid__media__container {
      min-height:320px;
  }
  .polaroid__media.A {
    top:-100px; left:-10px;  max-width:310px;
  }

}
@media all and (max-width: 351px)  {
 .polaroid__media__container {
    min-height:320px;
 }
 .polaroid__media.A {
   left:0px;  max-width:100%;
 }
.polaroid__media.B { display:none;}
.polaroid__media.C { display:none;}

}






/************************
SERVICES
*************************/
#servicesWrapper {
background:#1E222B url("../../../images/bgdark.jpg") no-repeat;
padding-bottom:250px;
position:relative;
}
#servicesWrapper svg { z-index:1; width:100%; background:#1e222b; }

#servicesContainer { po sition:Relative;  }



/*intro*/
#servicesIntro {
padding:150px 0px 30px 0px;
max-width:1070px;
margin:0 auto;
margin-bottom:30px;
border-bottom:2px #80EFCE solid;
}
#servicesIntro h1 {
color:#80EFCE;
font-size:90px;
font-family: 'Heebo', sans-serif;
}
#servicesIntro h3 {
color:#fff;
font-size:18px;
line-height:1.5em;
}

#servicesIntro .col-md-3 {
text-align:right;
padding-top:130px;
}
#servicesIntro img { max-width:60px; }
#servicesIntro h5   {
color:#fff;
padding:3px 10px;
font-size:13px;
font-weight:600;
margin:0px;
}
#servicesIntro a { text-align:right;}


/*boxes*/
#serviceBoxes  {
max-width:1170px;
margin:0 auto;
}
#serviceBoxes .row.grid {
display: flex;
justify-content:center!important;
flex-wrap: wrap;
align-items:center;
height:auto!important;
}
#serviceBoxes .bigBox .topimage {
background:url('../../../../../images/frontpage/box1.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bg1 .topimage {   background:url('/../../../images/frontpage/box1.jpg')!important; }
.bg2 .topimage { background:url('/../../../images/frontpage/box2.jpg')!important; }
.bg3 .topimage { background:url('/../../../images/frontpage/box3.jpg')!important; }
.bg4 .topimage { background:url('/../../../images/frontpage/box4.jpg')!important; }
.bg5 .topimage { background:url('/../../../images/frontpage/box5.jpg')!important; }
.bg6 .topimage{   }

.bigBox {
background:#fff;
 position:Relative;
text-align:center;
min-height:478px;
padding:198px 40px 30px 40px;
margin:20px 20px;
max-width:330px;
m argin-bottom:40px;
box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}
.bigBox:hover { box-shadow:none; background:#f1f1f1;}
.bigBox .topimage {
height:230px;
top:0;
left:0;
width:100%;
position:absolute;
}
.bigBox .topimage:before {
content: '';
position: absolute;
z-index:0;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .7;
background: #39164B;
background: -webkit-linear-gradient(to top, #223 , #333);
background: linear-gradient(to top, #223 , #333);
}
.bigBox img {
max-width:70px;
margin:0 auto;
z-index:2;
background:#1E222B;
border-radius:50%;
padding:6px;
border:8px #fff solid;
}
.bigBox .inner {
min-height:250px!important;
}
.bigBox h3 {
font-size:20px;
font-family:'Montserrat',sans-serif;
font-weight:300;
margin-top:20px;
color:#333;
letter-spacing:0px;
}
.bigBox:hover h3 { color:#000;}
.bigBox p {
color:#888;
font-weight:300;
font-size:15px;
}
.bigBox li {
font-size:13px;
padding:2px 0px;
font-weight:300;
color:#333;
}
.bigBox a.servicelink {
color:#888;
background:#eee;
padding:10px 0px;
width:200px;
margin-top:20px;
font-size:13px;
font-weight:300;
display:inline-block;
position:absolute;
bottom:30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius:20px;
transition: background-color 1.5s ease;
}
.bigBox:hover a.servicelink {
background:#111;
color:#fff;
}

.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
}
.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.bigBox.bg6 { padding-top:130px; }
.bigBox.bg6 img { padding:0px;   background:#80EFCE; }

@media all and (max-width: 1140px)  {
.bigBox {
  padding:198px 40px 30px 40px;
  margin:10px 1%;
  max-width:31%;
}

}

@media all and (max-width: 900px)  {
  #servicesIntro .col-md-6 { width:100%;}
  #servicesIntro .col-md-3.pull-left,
  #servicesIntro .col-md-3.pull-right { width:100%; ba ckground:Red; display:flex; justify-content: space-between; }
  #servicesIntro .col-md-3.pull-left a,
  #servicesIntro .col-md-3.pull-right a { margin-top:14px; padding-left:5px; padding-right:5px; text-align:center; }
}


@media all and (max-width: 770px)  {
#servicesIntro { padding:50px 20px 30px 20px; margin:0px; border:0px; }
#servicesIntro .col-md-3 { padding-top:10px; }
#servicesIntro h1 { font-size:3.8rem; }
#servicesIntro h3 { font-size:1rem; font-weight:400; }
#servicesIntro img { max-width:60px; margin-right:10px; float:left; }
#servicesIntro h5   { margin-top:20px; padding:0px; text-align:left; font-size:12px; }
  #servicesIntro h6 { margin:0px; margin-left:10px;}
#servicesIntro a { text-align:right; width:100px!important; border-radius:15px; mar gin-left:20px; }
#serviceBoxes .row.grid { padding:0px 10px;}
  .bigBox {
    padding:198px 40px 30px 40px;
    margin:10px 1%;
    max-width:48%;
 }
}

@media all and (max-width: 560px)  {
#serviceBoxes .bigBox   {
  min-width:100%!important;
}
}
@media all and (max-width: 500px)  {
#servicesIntro > div.row > div.col-md-3.col-sm-3.pull-right {
  width:100%;
  text-align:left;
}

#servicesIntro a.explorebutton {
  float:left;
  display:block;
  clear:both;
}
}
@media all and (max-width: 360px)  {
 #servicesIntro h1 { font-size:6rem; }

}



/* Effect 8 */
.hi-icon { 	background: rgba(255,255,255,0.1);	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;	transition: transform ease-out 0.1s, background 0.2s; }
.hi-icon:after {	top: 0;	left: 0;	padding: 0;	z-index: -1;	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);	opacity: 0;	-webkit-transform: scale(0.9);	-moz-transform: scale(0.9);	-ms-transform: scale(0.9);	transform: scale(0.9); }
.no-touch .hi-icon:hover {	background: rgba(255,255,255,0.05);	-webkit-transform: scale(0.93);	-moz-transform: scale(0.93);	-ms-transform: scale(0.93);	transform: scale(0.93);	color: #fff; }
.bigBox:hover .hi-icon:after {	-webkit-animation: sonarEffect 1.3s ease-out 75ms;	-moz-animation: sonarEffect 1.3s ease-out 75ms;	animation: sonarEffect 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect {
0% {
  opacity: 0.3;
}
40% {
  opacity: 0.5;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #223, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #223, 0 0 0 10px rgba(255,255,255,0.5);
  -webkit-transform: scale(1.5);
  opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
  opacity: 0.3;
}
40% {
  opacity: 0.5;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #223, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #223, 0 0 0 10px rgba(255,255,255,0.5);
  -moz-transform: scale(1.5);
  opacity: 0;
}
}
@keyframes sonarEffect {
0% {
  opacity: 0.3;
}
40% {
  opacity: 0.5;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
  transform: scale(1.5);
  opacity: 0;
}
}















/*

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("http://fonts.gstatic.com/s/materialicons/v16/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2") format("woff2");
}
.material-icons {
  direction: ltr;
  display: inline-block;
  font-family: "Material Icons";
  font-feature-settings: "liga";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
}
*/


/* ######## FOOTER LINKS - SECTION 52 ##########
#clientsWrapper {
position:relative;
min-height:800px;
display: flex; align-items: center; justify-content: center;
background-image: url('../../../images/clients.jpg'); background-size:1000px;
}
#clientsWrapper:before { position:Absolute; top:0;right:0;bottom:0;left:0;content:''; background:rgba(250,250,250,0.9);}
#clientsWrapper svg { height: 150px; width:100%;  left: 0; top:0px; position:absolute;
-webkit-transform: rotate(180deg);   -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg);
}
#clientsWrapper .centerbox {
position:Relative;
text-align:center;
background:rgba(255,255,255,0.7); max-width:700px;   margin:0 auto; padding:80px; box-shadow:0px 3px 50px rgba(50,50,50,0.3);
}
#clientsWrapper h1 {color:#D94F5C;  font-family: 'Heebo', sans-serif;}
#clientsWrapper h4 { line-height: 1.6em; margin-top:20px;}
*/

/************************
INTERESTED IN MORE
*************************/
#clientsWrapper {
 position: relative;
}
#clientsWrapper .centerbox {
 position:Relative;
 text-align:center;
 background:rgba(255,255,255,1);
 max-width:700px;
 margin:0 auto;
 padding:100px 0px;
 box-sh adow:0px 3px 50px rgba(50,50,50,0.3);
 margin-to p:-50px!important;
 margin-bo ttom:-110px;
 z-index:999999;
}
body.menu-home .section.section-clients {
margin-top:-70px!important;
}
#clientsWrapper h1 {
color:#D94F5C;
font-size:60px;
font-family: 'Heebo', sans-serif;
}
#clientsWrapper h4 {
line-height: 1.6em;
  font-size:18px;
  color:#444;
margin-top:0px;
}


@media all and (max-width: 581px)  {
#clientsWrapper .centerbox {
  padding:80px 30px;
}
  #clientsWrapper h1 {   font-size:2.3rem; }
#clientsWrapper h4 {
  font-size:1.1rem;
}
}





/************************
BLOG SECTION
*************************/
#blogWrapper  {
background:#1E222B url("../../../images/bgdark.jpg") no-repeat;
position:relative;
}
.blogContainer {
padding:120px 0px 120px 0px;
max-width:1000px; margin:0 auto;
}
.blogHeading h1 {
color:#80EFCE;
font-size:90px;
font-family: 'Heebo', sans-serif;
}
.blogHeading h3 {
color:#fff;
font-size:18px;
line-height:1.6em;
}
.blogContent {
padding-left:100px;
padding-top:0px;
text-align:right;
}
#blogWrapper div.nspArt {
position:relative;
padding-left:60px!important;
}
#blogWrapper div.nspArt:before  {
position:relative;
content: "\f1ea";
font-family: FontAwesome;
right:-45px;
font-size:23px;
position:absolute;
color:#80EFCE;
top:8px;
}
#blogWrapper h4 {
padding-top:5px;
color:#3A164C;
}
#blogWrapper h4 a { color:#fff; }
#blogWrapper .nspInfo {
color:#80EFCE;
text-transform:uppercase;
font-weight:400;
font-size:10px;
}

@media all and (max-width: 1200px)  {
}

@media all and (max-width: 980px)  {
.blogContent {
  padding-left:15px;
  padding-top:30px;
  text-align:left;
}
#blogWrapper div.nspArt:before  {
  left:0px;
  top:4px;
}
#blogWrapper div.nspArt {
  padding-left:50px!important;
}
}

@media all and (max-width: 360px)  {
.blogHeading h1 { font-size:6rem; }
}





/************************
OUR CLIENTS AND PARTNERS
*************************/
#polaroidWrapper.polaroid-bottom  {
background-image: url('../../../images/clients.jpg');
background-size:1000px;
position:Relative;
}
#polaroidWrapper.polaroid-bottom:before {
position:Absolute;
top:0;
right:0;
bottom:0;
left:0;
content:'';
background:rgba(255,255,255,0.95);
}
.polaroid-bottom #polaroidContainer  {
padding-top:80px;
padding-bottom:280px;
}

#polaroidContainer .textLeft .polaroid__box__container {
margin-left:50px!important;
}
.polaroid-bottom h2 { }

#clientsWrapper svg {
height: 150px;
width:100%;
left: 0;
top:0px;
position:absolute;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.polaroid-bottom .polaroid__media {
position:absolute;
border:8px #eee solid;
box-shadow:0px 3px 20px rgba(59,50,50,0.2);
}
.polaroid-bottom .polaroid__media.A { left:-10px; top:-100px; z-index:2;}
.polaroid-bottom .polaroid__media.B { top:20px; right:-100px; max-width:500px; z-index:1;}
.polaroid-bottom .polaroid__media.C {  left:50px; top:310px; z-index:3;}

@media all and (max-width: 1050px)  {

.polaroid-bottom #polaroidContainer  {
  padding-top:0px;
  padding-bottom:220px;
}

.polaroid-bottom .polaroid__media { max-width:60%; }
.polaroid-bottom .polaroid__media.A { left:10px; top:0px; z-index:2;}
.polaroid-bottom .polaroid__media.B { top:40px; right:0px; max-width:500px; z-index:1;}
.polaroid-bottom .polaroid__media.C {  left:250px; top:310px; z-index:3;}

.textLeft .polaroid__box__container {
  max-width:100%;
  box-shadow:none;
  margin:0px!important;
}

}

@media all and (max-width: 800px)  {
#polaroidContainer .textLeft .polaroid__box__container {
  padding-top:0px;
  background:none;
  margin-left:0px!important;
}
.polaroid-bottom .polaroid__media  {
  max-width:70%;
}
}
@media all and (max-width: 495px)  {
#polaroidWrapper.polaroid-bottom  {
  background:none;
}
.polaroid-bottom #polaroidContainer  {
  padding:0px;
}
.mediaRight .polaroid__media__container   {
  display:none;
}
}





/************************
OUR WORK SECTION
*************************/
#ourworkWrapper {
background:#1E222B url("/../../../images/bgdark.jpg") no-repeat;
position:relative;
}

#ourworkContainer  {
max-width:1400px;
margin:0 auto;
min-height:700px;
position:Relative;
}
.ourworkTextContainer  {
position: absolute;
top: 45%;
right:0px;
height: 400px;
width:40%;
text-align:right;
margin-top: -160px;
}
.ourworkTextContainer h1 {
color:#80EFCE;
font-size:90px;
font-family: 'Heebo', sans-serif;
}
.ourworkTextContainer h4 {
color:#fff;
font-size:16px;
line-height:1.4em;
}


.ourworkElements  {
width:50%;
float:left;
margin-top:-40px;
position:relative;
}
.our-work-element   {
  position: absolute;
  width: 240px;
}
.our-work-element img {
box-shadow:0px 0px 40px rgba(0,0,0,0.3);
}
.workelement1 { /*top left*/
  left: 0px;
  top: -50px;
  z-index: 5;
}
.workelement2 {/*top right*/
width:210px;
  right: 30px;
  top: 30px;
  z-index: 2;
}
.workelement3 { /*bottom right*/
  top:40px;
  width:580px;
  right:-80px;
  z-index: 3;
}
.workelement5 img,
.workelement3 img { border-radius:10px!important; }
.workelement4 { /*bottom left */
  left: -50px;
  top:350px;
  z-index: 5;
}
.workelement5 { /*middle*/
  width:560px;
  left: -80px;
  top: 300px;
  z-index:3;
}


.base {
  border: 5px solid #fff;
  top: 40px; display:none;
  left: 200px; height:500px; width:500px;
  position: absolute;
  transform: translate3d(-50%, 0px, 0px) rotate(45deg);
  z-index: 0;
}
.base::before {
  display: block;
  padding-top: 100%;
}


@media all and (max-width: 990px)  {
  #ourworkWrapper { height:650px;}
.ourworkElements  {  width:30%; display:none; }
.ourworkTextContainer  { width:100%; }
.workelement5 { display:none; }
.our-work-element { max-width:200px;}
}

@media all and (max-width: 767px)  {
.ourworkTextContainer h1 {  font-size:4rem; }
.ourworkTextContainer h4 { font-size:1.2rem; }
.our-work-element { max-width:200px;}
}

@media all and (max-width: 600px)  {
.ourworkTextContainer h1 {  font-size:3rem; }
.ourworkTextContainer h4 { font-size:1.1rem; }
}

@media all and (max-width: 495px)  {
    #ourworkWrapper { height:450px;}

#ourworkContainer  {
   hei ght:600px!important;
  padding:60px 30px;
}
.ourworkElements  { display:none; }
.ourworkTextContainer  {
  position: relative;
  heig ht: 200px;
  width:100%;
  margin-top: 0px;
}
.ourworkTextContainer h1 {  font-size:2rem;  }
.ourworkTextContainer h4 { font-size:1rem; }

}












/************************
AWARDS SECTION
*************************/
#awardWrapper {
position: relative;
background:#1E222B url("/../../../images/bgdark.jpg") no-repeat;
}
#awardContainer {
padding:150px 0px 150px 0px;
text-align:left;
}
.brief__intro {
max-width:700px;
margin:0 auto;
margin-bottom:60px;
text-align:Center;
}
.brief__intro h2 {
color:#80EFCE;
font-size:90px;
}
.brief__intro h3 { color:#fff;  }
.brief__intro img { max-width:450px; }

.awardRow {
margin-top:50px;
}
.aAward {
text-align:center;
color:#fff;
}
.aAward img {
max-width:40px;
}
.aAward img.awardlogo {
max-width:160px;
}
.aAward h5 {
margin-top:10px;
margin-bottom:5px;
font-weight:300;
color:#eee;
}
.aAward h6 {
color:#eee;
font-weight:400;
font-family: 'Heebo', sans-serif;
margin:0px;
}

@media all and (max-width: 991px)  {

.awardRow { margin:0px; }
.aAward { margin-bottom:20px;}

}
@media all and (max-width: 767px)  {

#awardContainer {   padding:80px 40px 30px 40px; }
.brief__intro h2 { font-size:8rem;}
.brief__intro h3 { font-size:1.8rem; }
.brief__intro img { margin-top:10px; max-width:70%;}
.awardRow { display:none; }

}
@media all and (max-width: 360px)  {
.brief__intro h2 { font-size:6rem;}
}



/************************
HELLO WRAPPER - SECTION 50
*************************/
#helloWrapper {
min-height:1100px;
background: url('/../../../images/waves3.png') no-repeat center bottom;
background-size:100%;
}
#hello {
text-align:center;
padding:170px 100px 0px 100px;
}
#hello h1 {
font-family: 'Heebo', sans-serif;
font-size:60px;
line-height:1.3em;
color:#393E49;
margin-bottom:0px;
}
#hello h3 {
font-size:20px;
line-height:1.3em;
color:#888;
margin-bottom:60px;
}
#hello .smallerLine {
background:#794791;
height:7px;
width:70px;
display:block;
margin:0 auto;
}
#hello a {
background: #9351a5;
background: -moz-linear-gradient(top,  #9351a5 0%, #794791 100%);
background: -webkit-linear-gradient(top,  #9351a5 0%,#794791 100%);
background: linear-gradient(to bottom,  #9351a5 0%,#794791 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9351a5', endColorstr='#794791',GradientType=0 );
font-size:18px;
color:#fff;
border-radius:25px; width:40%; margin:0 auto;
padding:15px 45px;
font-weight:900;
box-sh adow:0px 3px 2px rgba(30,44,33,0.1);
}
#hello a:hover {
background:#67387F;
text-decoration:none;
box-shadow:none;
}
a.contactButton { margin-right:20px;  }
a.proposalButton {  margin-left:0px;}

@media all and (max-width: 1130px)  {

#helloWrapper { min-height:900px; }
  #helloWrapper h1 { font-size:3rem; }
    #helloWrapper h3 { font-size:1.3rem; }
  #hello   {width:100%!important; padding-left:30px; padding-right:30px; }

}
@media all and (max-width: 767px)  {

#helloWrapper { min-height:570px; }
#hello {  padding:60px 40px;	}
#hello h1 { font-size:2rem; }
#hello h3 { font-size:1.2rem; margin-top:10px; margin-bottom:30px;   }
#hello a { padding:10px 20px; }

}

@media all and (max-width: 460px)  {

#helloWrapper { }
#hello {  }
#hello h1 { fo nt-size:3rem; }
#hello h3 { ma rgin-bottom:20px;   }
#hello a { di splay:block; ma rgin:5px 0px; font-size:0.9rem; width:200px; }

}










/************************
SOCIAL SECTION - SECTION 51
*************************/
#socialWrapper {
padding:60px 0px 70px 0px!important;
background:#fff;
border-bottom:1px #eee solid;
}
#socialContainer .socialText {
display:inline-block;
}
#socialContainer h3 {
color:#333;
font-family:'Montserrat',sans-serif;
font-size:20px;
}
#socialContainer h5 {
color:#888;
}
.socialElement {
display:inline-block;
margin-left:30px;
}
.social-button {
display: inline-block;
background:#eee;
float:right;
border-radius:50%;
height: 48px;
line-height:48px;
text-align:center;
font-size:18px;
margin-top:5px;
margin-left:15px;
width: 48px;
}
#socialContainer .newsLetter {
padding-left:100px;
}
#socialContainer input {
float:right;
width:250px;
border:1px #ddd solid!important;
border-radius:25px!important;
padding-left:30px;
min-height:47px;
border-radius:4px;
}

.portfolioPage #socialWrapper,
.menu-home #socialWrapper {
padding:30px 0px 170px 0px!important;
background:#1E222B;
border:0px;
}
.portfolioPage #socialContainer h3,
.menu-home #socialContainer h3 {
color:#fff!important;
}

@media all and (max-width: 1200px)  {

#socialContainer { text-align:center;}
.socialText {
  width:100%;
}
.socialElement {
  text-align:center!important;
  margin:0px;
  margin-top:5px;
}
.social-button {
  float:none;
}

#socialContainer input {
  width:300px;
  margin:0 auto;
  float:none;
  padding:0px;
  text-align:center;
}

}

@media all and (max-width: 770px)  {


#socialContainer .newsLetter {
  margin-top:45px;
  padding:0px!important;
}


}








/************************
FOOTER LINKS - SECTION 52
*************************/
#footerWrapper {
background:#1e222b;
padding:30px 0px 50px 0px;
position:Relative;
}
#footerWrapper svg {
height: 90px;
width:100%;
left: 0;
top:-90px;
position:absolute;
display:none!important;
}
.footerText {
padding-right:100px;
}
.footerText img {
max-width:300px;
padding:0px;
margin:20px 0px;
}
.footerText p {
font-size:17px;
font-weig ht:300;
line-height:1.6em;
color:#eee;
font-family:'Montserrat',sans-serif;
}

.footerLinks { margin-top:30px;}
.footerLinks h3 {
color:#ddd;
font-size:15px;
letter-spacing:1px;
font-family:'Montserrat',sans-serif;
transition: all 0.4s ease;
}
.footerLinks .smallerLine {
background:#794791;
height:3px;
width:30px;
display:block;
margin-top:10px;
transition: all 0.8s ease;
}
.footerLinks div.col-md-4:hover > h3 {
color:#fff;
}
.footerLinks div.col-md-4:hover .smallerLine {
background:#D94F5C;
}

.footerLinks ul {
list-style-type:none;
padding:0px;
margin-top:20px;
  font-size:15px;
}
.footerLinks ul li {
margin-top:4px;
}
.footerLinks ul li a {
color:#ddd;
text-decoration:none;
transition: all 0.15s ease;
}
.footerLinks ul li a:hover {
color:#fff;
font-weight:bold;
}

.portfolioPage #footerWrapper svg ,
.menu-home #footerWrapper svg  {
display:block;
}

@media all and (max-width: 700px)  {
#footerWrapper {
  padding:30px 0px 70px 0px;
}

.footerText img {
  max-width:100%;
}
.footerText p {
  font-size:110%;
}
.footerText {
  padding:0px 30px;
}
.footerLinks {
  padding:0px 30px;
}
.footerLinks ul li a {
 font-size:12px;
}
}
@media all and (max-width: 400px)  {
#footerContainer  .col-md-4.col-xs-4 {
  width:100%;
  margin-bottom:20px;
}
}

/* COPYRIGHT SECTION FOOTER */
footer { background:#1e222b!important; color:#888!important; font-size:13px; }
footer #copyright-section div { padding:0px!important; }




body.blogPage .header-wrapper {
height:400px;
position:relative!important;
background:#C9545E url('https://static.pexels.com/photos/34153/pexels-photo.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index:4;
}
body.blogPage .header-wrapper:before {
position:Absolute;
top:0;
right:0;
bottom:0;
left:0;
content:'';
background:rgba(0,0,0,0.7);
z-index:0;
}
body.blogPage svg {
z-index:4;
}


#blogHeader.mainHeader  {
padding-bottom:300px;
position:relative;
}
#blogHeader.mainHeader h1 {
font-size:35px;
letter-spacing:3px;
font-weight:bold;
text-transform:uppercase;
text-shadow:0px 1px 50px rgba(250,250,250,0.5);
}


.blogPage > div.row > div.col-md-4 {
text-align:right;
padding-right:40px;
border-right:1px #eee solid;
}
.blogPage > div.row > div.col-md-8 {
padding-left:40px;
}
img.itemAuthorAvatar {
border-radius:50%;
width:100px;
height:100px;
}
.itemAuthorDetails > h3.itemAuthorName > a {
font-family:'Montserrat',sans-serif;
font-size:13px;
color:#111;
}


.itemTagsBlock {
bor der:1px #eee solid;
text-align:right;
padding-left:150px;
}
ul.itemTags > li  {
list-style-type:none;
background:#eee;
bor der:1px #ddd solid;
padding:5px 5px!important;
font-size:12px;
float:right;
}
ul.itemTags > li:hover {
background:#111;
}
ul.itemTags > li:hover a {
color:#fff;
text-decoration:none;
}
ul.itemTags > li a {
color:#aaa;
}


.itemSocialSharing {
text-align:right;
padding:0px;
}
.itemSocialSharing > div {
clear:both;
margin:0px;
margin-right:0px;
margin-left:25px;
}
.itemTwitterButton {
margin-left:0px!important;
}
.itemGooglePlusOneButton {
margin:0px!important;
}

.itemAuthorLatest {
margin-top:40px;
}
.itemAuthorLatest > h3 {
font-size:17px;
color:#aaa;
}
.itemAuthorLatest > ul  {
padding:0px;
margin:0px;
}
.itemAuthorLatest > ul > li {
list-style-type:none;
margin:15px 0px;
font-family:'Montserrat',sans-serif;
font-size:12px;
}
.itemAuthorLatest > ul > li a {
color:#333;
}





span.itemDateCreated {
font-weight:300;
color:#aaa;
}
h2.itemTitle {
font-family:'Montserrat',sans-serif;
font-size:65px;
font-weight:bold;
margin:20px 0px;
}

.blogPage  .smallerLine {
  background: #ddd;
  height: 5px;
  width: 100px;
  display: block;
  margin-top: 20px;
}
.itemFullText  {
font-size:18px;
line-height:1.8em;
font-weight:300;
}
.itemFullText p {
margin:25px 0px;
}

.itemCategory  {
font-size:14px;
color:#aaa;
}
.itemCategory > a {
display:inline-block!important;
margin-left:5px!important;
}
span.itemNavigationTitle {
color:#aaa;
margin:10px 0px;
}
.itemNavigation > a {
color:#111;
font-family:'Montserrat',sans-serif;
}


@media all and (max-width: 990px)  {

body.blogPage .component-area.col-md-12 {
  max-width:100%!important;
 padding:0px!important;
 margin:0px!important;
}
.sideBlog {
  padding:0px 30px!important;
}
.mainBlog {
 padding:0px 30px!important;
}
}



/* CATEGORY */
#k2Container.tagView,
#k2Container.itemListView  {
max-width:800px;
margin:0 auto;
}
.itemListCategory > h2 {
text-align:center;
color:#aaa;
text-transform:uppercase;
font-size:100px;
margin-bottom:100px;
}
.k2FeedIcon > a {
color:#aaa;
}

.catItemView.groupPrimary {
margin-bottom:150px;
}

span.tagItemDateCreated,
span.catItemDateCreated {
font-weight:300;
color:#aaa;
}

h2.tagItemTitle,
h3.catItemTitle {
margin:10px 0px 30px 0px;
}
h2.tagItemTitle > a,
h3.catItemTitle > a {
font-family:'Montserrat',sans-serif;
font-size:45px;
line-height:1.4em;
font-weight:bold;
color:#111;
}

.tagItemBody,
.catItemIntroText {
font-size:18px;
line-height:1.8em;
font-weight:300;
}

a.k2ReadMore {
background:#111;
color:#fff;
padding:0px 10px;
line-height:25px;
margin-top:20px;
font-size:12px;
display:inline-block;
border-radius:0px;
}