/* news template */

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

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


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


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


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


body
 {
    border: 0 none;
    color: #333;
    font-family: ChronicleTextG2-Roman;
    font-size: 18px;
    font-weight: normal;
    list-style-type: none;
    margin: 0 !important;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    direction: ltr;
    background: #E6E6E6;
}

a {
    color: #262626;
    text-decoration: none;
    direction: ltr;
    cursor: pointer !important;
    text-shadow:none !important;
    -webkit-transition: color .2s;
}
a:hover {
    text-decoration: none;
}
p {
}
#clear {
    clear: both;
    height: auto;
    margin: 0;
}
li, li li, li li li {
list-style-type: none;
}
#container{
    text-align: center;
    position: relative;
}
.partner{
    background: url(gfx/see-more.jpg) repeat-y fixed #262626;
    min-height: 320px;
    background-size: cover!important;
    clear: both;
}
.other{
    margin: 0 0 50px;
}
.download{
    min-height: 240px;
    
    background-color: #dc4858;
}
.download .title{
    color: #fff;     font-size: 70px;     padding: 30px 0;     text-align: center;

}
.download a{
    display: inline-block;     background-color: transparent;     color: #fff;     border: 1px solid #fff;     
    padding: 15px 50px;     border-radius: 3px;     
    margin: 0;
}
.download a:hover{
    background-color:#b53a47;
}
.download a span{
    background: url(gfx/download.png) no-repeat 0;
    padding: 0 0 0 30px;
    font-family: Gotham-Medium;
}
.partner.press a{
    margin: 0;
    
}
.partner .title, .other .title{
    color: #fff;
    
    font-size: 70px;
    padding: 30px 0;
    text-align: center;
}
.title{
    font-family:Gotham-Bold;
}
.partner .sub{
    font-size: 35px;
    
    font-family: Gotham-Book;
}
.other .title{
    color:#262626;
    padding: 70px 0 30px;
}
.partner p, .other p{
    color: #fff;
    
    width: 65%;
    margin: 0 auto;
}
.partner.press {
    min-height: 240px;
}
 .other p{
     color:#333;
 }
 .other a{
     color:#dc4858;
 }
.partner a{
    display: inline-block;
    
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 20px;
    border-radius: 3px;
    margin: 30px 0 0;
    font-family: Gotham-Medium;
}
a.scroll{
    position: absolute;
    bottom: 100px;
    left: calc(50% - 46px);
    background: url(gfx/scrollDown.png);
    width: 93px;
    height: 71px;
    bottom: 70px;
    z-index: 1;
}
a.scroll span{
       background: url(gfx/scrollDownT.png);
       display:inline-block;
       width:4px;
       height:12px;
       position: absolute;
       left: 45px;
       top: 28px;
    animation-name: example;
    animation-duration: 0.8s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
a.scroll:hover span{
        animation-name: example;
    animation-duration: 0.8s;
    animation-delay: 0s;
    animation-iteration-count: initial;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {top:28px;}
    50%  {top:32px;}
}

/* Standard syntax */
@keyframes example {
    0%   {top:28px;}
    50%  {top:32px;}
}

.partner a:hover{
      color: #262626;
    border: 1px solid #fff;  
        background-color: #fff;
}
header.hp{
    background: url(gfx/hpBg.jpg);
	
    position: relative;
}
.outPopup{
  
width: 80%;
  
margin: 0 auto;
  
text-align: center;
  
color: #fff;
}
header{
    background: url(gfx/inBg.jpg);
    background-size: cover!important;
    /* position: relative; */
    background-position: center bottom!important;
    background-repeat: no-repeat!important;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    height: 0;
    min-height: 950px;
    z-index: 10000;
    position: relative;
}
span.closeVideo{
    
background: url(gfx/menu.png) no-repeat right -39px;
    
width: 41px;
    
height: 41px;
    
display: none;
    
z-index: 200000;
    
position: absolute;
    
right: 5%;
    
top: 10%;
    
font-size: 0;
    
color: transparent;
    
cursor: pointer;
}
span.closeVideo.active{
    display:inline-block;
}
div.wpcf7 {
    display: none;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 2;
  -webkit-column-gap:   0px;
  -moz-column-count:    2;
  -moz-column-gap:      0px;
  column-count:         2;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
header.contact{
    background: url(gfx/contactBg.jpg);
   
    position: relative;
}
header.contact.post{
    background-color: #edeeed;
    position: relative;
}
header.contact.post.management{
    background:none;
    min-height: 450px;
}
header.contact.case{
    background: url(gfx/productsBg.jpg);
}
header a.lightbox{
    background: url(gfx/playIocn.png);
    width: 173px;
    height: 173px;
    display: inline-block;
    position: absolute;
    font-size: 0;
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 80px);
    transition: 0.25s;
    background-size: cover;
}

header a.lightbox {
    background-image: url(gfx/play-btn-off.png);     z-index: 9;
}

header a.lightbox:hover {
    background-image: url(gfx/play-btn-on.png);     z-index: 9;
}

header.post a.lightbox {
    background-image: url(gfx/play-btn-off.png);     z-index: 9;
}

header.post a.lightbox:hover {
    background-image: url(gfx/play-btn-on.png);     z-index: 9;
}

span.logo, header.contact span.logo{
}
span.logo{
    width: 112px;
    height: 148px;
    display: inline-block;
    background-image: url(gfx/logo_white.png);
    background-size: cover;
    background-repeat: no-repeat;
}
span.logo a{
      width: 112px;
      height: 148px;
      display: inline-block;
      z-index: 1;
      position: relative;
      background-size: cover!important;
}
ol.flex-control-nav{
    display:none;
}
ul.flex-direction-nav {
    display: none;
}

.in{
  margin: 0 auto;
  text-align:left;
  vertical-align: top;
  position: relative;
  width: 95%;
}

.inPopup{
  
width: 100%!important;
  
text-align: center;
}
.contact .in{
    position: initial;
    
}
section .in{
    text-align:center;
}
.portfolio{
    display:none;
    opacity: 0;
    width: 100%;
    text-align: center;
    margin: 0 0 60px;
}
.flexslider{
    min-height: 40px;
    
}
#portfoliolist{
    
}
.entry{
    margin:0 0 50px;
    /* background-color: #f2f2f2; */
}
.fullCoverage{
text-align:center;
font-family: Gotham-Medium;padding: 20px 0;}
.fullCoverage a{

display: inline-block;

font-size: 18px;

padding: 15px 50px;

background-color: #fff;

border-radius: 5px;

border: 1px solid;
}
.fullCoverage a:hover{
 background-color: #efefef;
}
.entry.post{
    margin:0;
}
#management{
    
margin: 20px 0 0;
}
.entry.cat{
    margin: 0;
}
#portfoliolisst{
    
padding: 20px 0 0;
}
.entry ul, .postSection .right ul{
    margin: 20px 0;

    padding: 0;
}
.postSection .right ul{
    
margin: 30px 10%;
    
line-height: 28px;
}
a.image{
    
display: block;
    
min-height: 378px;
    
background-repeat: no-repeat!important;
    
background-size: cover!important;
    
background-position: center!important;
}
ul#sidebar{
    
float: right;
    
width: 311px;
    
margin: 0;
}
ul#sidebar li{
    
background: none;
    
padding: 0;
    
margin: 0;
}
ul#sidebar li.order{
    
padding: 45px 0;
    
border-top: 1px solid #c9c9c9;
    
border-bottom: 1px solid #c9c9c9;
}
ul#sidebar li.order a{
    
display: inline-block;
    
background-color: #fff;
    
color: #382a2b;
    
padding: 10px 50px;
    
border: 1px solid #382a2b;
    
border-radius: 5px;
    
font-family: Gotham-Medium;
}
ul#sidebar li.order a:hover{
          background-color: #dde1e0; 

}

ul#sidebar li.share{
    
padding: 25px 0;
}
ul#sidebar li.share span{
    
display: inline-block;
    
float: left;
    
font-family: Gotham-Bold;
    
font-size: 24px;
    
margin: 0 20px 0 0;
}
.addtoany_shortcode{
  
/* clear: both; */
}
li.share a{
    
display: inline-block!important;
    
background: url(gfx/shareIcons.png);
    
width: 26px;
    
height: 25px;
    
margin: 0 8px 0 0;
    
padding: 0;
}
li.share a.addtoany_share_save{
  display: none!important;
}
li.share a.a2a_button_twitter{

background-position: -37px 0;
}
li.share a.a2a_button_facebook{

background-position: 0 0;
}
li.share a.a2a_button_pinterest{
  
background-position: -75px 0;
}
li.share a.a2a_button_twitter:hover{

background-position: -37px -25px;
}
li.share a.a2a_button_facebook:hover{

background-position: 0  -25px;
}
li.share a.a2a_button_pinterest:hover{
  
background-position: -75px  -25px;
}
li.share a img{
  
display: none;
}
li.share a.facebook{
    
display: none;
}
li.share a.twitter{
    
background-position: -37px 0;
}
li.share a.instgram{
    
background-position: -112px 0;
}
li.share a.pinterest{
    
background-position: -75px 0;
}

li.share a.facebook:hover{
    background-position:0 -25px;
}
li.share a.twitter:hover{
    
background-position: -37px -25px;
}
li.share a.instgram:hover{
    
background-position: -112px -25px;
}
li.share a.pinterest:hover{
    
background-position: -75px -25px;
}


li.banners{
    
margin: 50px 0 0;
}
ul#sidebar li.banners a{
    
display: inline-block;
    
margin: 0 0 39px;
}
.entry ul.teams{

margin: 0 0 70px;
}
.entry ul.teams li{
    
padding: 0;
    
background: none;
    
width: 31%;
    
display: inline-block;
    
text-align: center;
    
margin: 0 1% 1%;
    
position: relative;
    
overflow: hidden;
    
height: auto;
    
background: url(gfx/manEmpty.jpg) no-repeat center;
}
.entry ul.teams li:hover div{
    top:0;
}
.entry ul.teams li:hover img{
        -webkit-transition: -webkit-filter .5s;
    transition: -webkit-filter .5s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray;
}
.entry ul.teams li img{
display: block;margin: 0 auto;width: 100%;}
.entry ul.teams li div{
    
position: absolute;
    
top: 435px;
    
background-color: rgba(56,42,43,0.74);
    
height: 439px;
    
transition: 1s;
    
width: 100%;
}
.entry ul.teams li span{
    
display: block;
    
color: #fff;
}
.entry ul.teams li span.title{
    
font-size: 30px;
    
font-family: Gotham-Bold;
    
margin: 40px 0 5px;
}
.entry ul.teams li span.role{
    
font-size: 25px;
    
margin: 0 0 60px;
}
.entry ul.teams li span.description{
    
margin: 0 auto;
    
line-height: 26px;
    
display: none;
}
.entry ul.teams li span i{
    font-style:normal;
    display: inline-block;
    margin: 0 20px;
}
ul#sidebar li.banners a img{
    
display: block;
    
border: 1px solid #8b8b8b;
}
ul.topDescription{

margin: 0;

padding: 0;

text-align: center;
}
.management ul.topDescription{
    
text-align: left;
}
.management ul.topDescription li{
    
margin: 0 20px 0 0!important;
}
ul.topDescription li{

margin: 0 0 0 20px;

background: none!important;

padding: 0!important;

display: inline-block;

width: 422px;

text-align: left;
}
ul.topDescription li p{
    margin:0;
    line-height: 32px;
}
ul.topDescription li.second{

margin: 0 0 0 20px;
}

.entry ul.topPosts li{
    background: none;
    margin: 0 3% 2% 0;
    padding: 0;
    float: left;
    width: 22%;
}
ul.topPosts img{
    display: block;
    margin: 0px 0 30px;
    width: auto;
}
div.ripple{
    clear: both;

    background-color: #ececeb;
    padding: 50px 0;
}
.entry ul.news{
    margin: 40px 0 0;

}
.entry ul.news li{
    background: none;
    
    padding: 0;
    margin: 0 0 50px;
    vertical-align: top;
}
.entry ul.posts{
    margin: 20px 0 0;

    padding: 0;
    text-align: center;
}
#back-to-top{

background: url(gfx/back_to_top.png);

width: 54px;

height: 80px;

display: inline-block;

position: fixed;

z-index: 1;

right: 5%;

bottom: 5%;

-webkit-transition: opacity .3s 0s, visibility 0s .3s;

-moz-transition: opacity .3s 0s, visibility 0s .3s;

transition: opacity .3s 0s, visibility 0s .3s;

transition: 0.25s;

display: block!important;

visibility: hidden;

opacity: 0;
}
#back-to-top.cd-is-visible{
    visibility:visible;
    opacity:1;
}
#back-to-top:hover{
bottom:6%;
}
.entry ul.posts li{
    background: none;
    
    padding: 0;
    margin: 0;
}
.entry ul.posts .title, .inPopup .title{
    font-size: 70px;
    
}
.full .title{
      font-size: 70px;
      font-family: Gotham-Bold;
      color: #fff;
      text-align: center;
}
.entry ul.posts .subTitle, .inPopup .subtitle{
    font-size: 35px;
    
    margin: 0 0 30px;
    font-family: Gotham-Book;
}
.full .subTitle {
    font-size: 35px;
    margin: 0 0 30px;
    font-family: Gotham-Book;
    color: #fff;
    text-align: center;
}
.full .desc{
    line-height: 36px;
    font-size: 18px;
    font-family: ChronicleTextG2-Roman;
    color: #fff;
    text-align: center;
}
.entry ul.posts img{
    margin: 0 0 30px;
    
}
.entry ul.posts a{
    display: inline-block;
    margin: 30px 0 50px;
    border-radius: 3px;
    border: 1px solid #262626;
    padding: 15px 50px;
    font-family: Gotham-Medium;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -ms-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    display: none;
}
.entry ul.posts a:hover{
    background-color:#fff;
}
.entry ul.posts .desc, .inPopup .description{
    line-height: 28px;
    margin: 0 0 80px;
}
ul.news li div{
    display: inline-block;
    
    width: 25%;
    vertical-align: top;
    font-size: 20px;
    font-family: Gotham-Light;
}
ul.news span{
    display: block;
    
    color: #dc4858;     
    font-size: 20px;
    font-family: Gotham-Medium;
}
.postSection{

text-align: left;
}
.postSection .left{
    
width: 50%;
    
display: inline-block;
    
vertical-align: top;
    
min-height: 960px;
    
background-size: 100%!important;
    
background-repeat: no-repeat!important;
    
text-align: left;
}
.postSection .left h1{
font-family: Gotham-Book;font-size: 72px;color: #fff;margin: 0 53px;}
.postSection .left span{
    
margin: 53px 0 75px 53px;
}
.postSection .left .info{
    
margin: 0 0 22px 53px;
    
color: #fff;
    
font-family: Gotham-Book;
    
font-size: 24px;
}
.postSection .right{
    
width: 50%;
    
margin: 0 0 0 -22px;
    
display: inline-block;
    
float: right;
}
.postSection .right ul#sidebar{
    
float: none;
    
width: auto;
    
padding: 0;
    
margin: 50px 10%;
}
.postSection .right p{
    
margin: 0;
    
text-align: left;
    
margin: 30px 10% 0;
}
.postSection .right{
    margin:278px 10% 0;
}
ul.news a{
    display: inline-block;
    
    width: 70%;
    font-size: 26px;
    line-height: 34px;
    text-decoration: underline;
    font-family: Gotham-Light;
}
ul.news a:hover{
    text-decoration: none;
}
ul.topPosts a{
    color: #dc4858;
    font-size: 18px;
    margin: 0;
    display: block;
    font-family: Gotham-Book;
    position: absolute;
    bottom: 40px;
}
ul.topPosts div.post{
    padding: 25px 15px 15px;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -ms-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    background-color: #fff;
    min-height: 419px;
    position: relative;
}
.dImage{
    
min-height: 55px;
    
vertical-align: middle;
    
display: block;
}
ul.topPosts div.post:hover{
    background:#efefef;
}
ul.topPosts div.desc{
    line-height: 30px;
    
    margin: 0 0 30px;
}
ul.topPosts span{
    color: #dc4858;
    
    font-size: 20px;
    margin: 0 0 30px;
    display: block;
    font-family: Gotham-Medium;
}
.portfolio-wrapper{

margin: 0 0 30px;
}
.portfolio-wrapper .question{
    margin: 0;
    
    font-size: 32px;
    cursor: pointer;
    font-family: Gotham-Book;
    display: inline-block;
}
.portfolio-wrapper .question.active{
    color: #ccc;

    border-bottom: 1px solid #ccc;
}
.portfolio-wrapper .question.active span{
    color: #ccc;
    
}
.portfolio-wrapper .question span{
    color: #dc4858;
    
    margin: 0 5px 0 0;
}
.portfolio-wrapper .answer{
    
margin: 20px 0 0;
    
font-size: 22px;
    
/* display: none; */
    
-webkit-transition: opacity 0.5s ease-in;
    
-moz-transition: opacity 0.5s ease-in;
    
-o-transition: opacity 0.5s ease-in;
    
opacity: 0;
    
height: auto;
    
height: 0;
}
.portfolio-wrapper .answer.active{
    margin: 20px 0 40px;
    opacity: 1;
    height: auto;
}
.portfolio-wrapper .answer.active p span{
    
color: #333333;
}
.portfolio-wrapper .answer.ansActive{
    display: block;
    
}
.portfolio-wrapper .answer span{
    color: #dc4858;
    display: inline;
    margin: 0 5px;
}
.portfolio-wrapper .answer p{
    display:inline;
    font-size: 22px;
}
.entry ul li, .postSection .right ul li{
    font-size: 18px;     
    margin: 0 0 15px;     
    background: url(gfx/rArrow.png) no-repeat left 5px;     
    padding: 0 0 0 20px;
    
}
.catTilte{
    font-size: 72px;
    
    font-family: Gotham-Book;
    padding: 0 0 20px;
}
.entry ul li ul, .postSection .right ul li ul{
    
}
.entry ul li ul li, .postSection .right ul li ul li{
    background: url(gfx/gArrow.png) no-repeat left 5px;
    
}
h1,h2{
        font-family: Gotham-Bold;
}
.entry h1{
    text-align: left;     color: #fff;     
    margin: -160px 0 150px;
    
    font-size: 90px;
    font-family: Gotham-Light;
}
.entry h1.cases{
    margin: -360px 0 190px;
    
    line-height: 100px;
}
.entry h1.cases strong{
    display: block;
    
}
.entry h1 strong{
    font-family: Gotham-Bold;
    
}
.entry.cases h1{
    color: #262626;
    
    /* font-size: 70px; */
    /* margin: -120px 0 100px; */
}
.entry.contact h1{
    padding: 0px 0 0;

    color: #262626;
    text-align: center;
    font-size: 72px;
    font-family: Gotham-Bold;
    display: block;
    margin: -6px 0;
}
.entry.contact .topTitle{
    
}
.portfoliolist{

}
.entry.contact .description{
    margin: 20px 0;
    text-align: center;
    padding: 0 20%!important;
    line-height: 26px;
}
ul.clearfix{
    margin: 50px 0;
    text-align: center;
    vertical-align: top;
}
ul.blog{

margin: 0;

width: 870px;

float: left;
}
ul.blog li{

background: none;

padding: 0 0 40px;

margin: 0 0 40px;

border-bottom: 1px solid #c9c9c9;
}
ul.blog h2{
    
font-size: 72px;
    
margin: 7px 0 30px;
}
ul.blog .info{
font-family: Gotham-Book;font-size: 25px;color: #dc4858;}
ul.blog img{

}
ul.blog .desc{

line-height: 28px;

margin: 30px 0 0;
}


ul.blog a.readMore{
    display: inline-block;
    background-color: #fff;
    color: #382a2b;
    padding: 10px 20px;
    border: 1px solid #382a2b;
    border-radius: 5px;
    margin: 30px 0 0;
    font-family: Gotham-Medium;
}
ul.blog a.readMore:hover{
       background-color: #dde1e0;
 
}
.faqTitle{
    font-size: 72px;
    color:#262626;
    text-align: center;
    margin: 0 0 30px;
    font-family: Gotham-Book;
}
.faqTitle span{
    padding:0 20px 0;
}
ul.clearfix li{
    margin: 0 1%;
    padding: 0;
    display: inline-block;
    background: none;
    width: 22%;
    vertical-align: top;
}
.properties ul.clearfix li{
    width: 17%;
}
ul.clearfix li span{
    font-size: 18px;
    text-align: center;
    border: 1px solid #262626;
    border-radius: 3px;
    padding: 15px 0;
    cursor: pointer;
    font-family: Gotham-Medium;
    width: 100%;
    vertical-align: middle;
    display: block;
}
ul.clearfix li span i{
    font-style: normal;
    padding: 0 5px 0;
}
ul.clearfix li span.active{
    background-color: #d5dbd9;
    
}
ul.clearfix li span:hover{
    background-color: #d5dbd9;
    
}
.entry.contact .topTitle{
    font-size: 38px;
    text-align: center;
    margin: 0;
    padding: 59px 0 0!important;
    font-family: Gotham-Book;
}
.entry.contact ul.contactForm{
    margin: 60px auto;
    width: 70%!important;
}
.entry.contact ul.contactForm li{
    background: none;
    padding: 0;
    width: 46%;
    display: inline-block;
    margin: 0 -2px 40px;
    padding: 0 2%;
}
.half{
    width: 50%;
    
}
.half p{
    
width: 415px;
}
.half h3{
    
width: 415px;
}
span.wpcf7-not-valid-tip{

}
.wpcf7-response-output{
    border: none!important;
    
    text-align: center;
    margin: -90px 0 0!important;
    color: #49860A!important;
}
.entry.contact ul.contactForm label{
    margin: 10px 0 0;
    
    display: block;
    font-family: Gotham-Medium;
}
.entry.contact ul.contactForm label.error{
    display: none!important;
    
}
.entry.contact ul.contactForm input{
    font-size: 18px;
    
    border-bottom: 2px solid #262626;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    background-color: transparent;
}
input{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
input,textarea{
    font-family: Gotham-Book;
    color:#333;
    font-size:18px;
}
input:focus{

    outline: 0;
}
.entry.contact ul.contactForm li.full{
    width: 100%;
    
}
.entry.contact ul.contactForm li.full.subject{
    width: 96%;
}
.entry.contact ul.contactForm li input{
    
}
.entry.contact ul.contactForm li input.error{
    border-bottom: 2px solid red;
    
}
.entry.contact ul.contactForm li.full.submit input{
    border: 1px solid #9d9d9d;
    
    background-color: transparent;
    padding: 15px 60px;
    border-radius: 3px;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    cursor: pointer;
}
.entry.contact ul.contactForm li.full.submit input:hover{
    background:#fff;
}
.entry.contact ul.contactForm li.full textarea{
    width: 94%;
    
    border: 2px solid;
    padding: 10px;
    margin: 20px 0 0;
    background-color: transparent;
}
.entry.contact ul.contactForm li.full.submit{
    padding: 0;
    
    text-align: center;
}
h2{
    font-size:30px;
    font-family: Gotham-Book;
}
h3 {
    font-size: 24px;
    font-family: Gotham-Bold;
}
p {
    line-height: 36px;
    font-size: 19px;
    font-family: ChronicleTextG2-Roman;
}
.entry h1 p {
    font-size: 85px;
    margin: 0;
    font-family: Gotham-Light;
}
header h1{
    margin: 0;

}
header h1.product{
    font-size: 90px;
    
    font-family: Gotham-Light;
    margin: 100px 0 0;
}
h2.product{
    font-size: 90px;
    
    font-family: Gotham-Light;
    margin: 100px 0 0;
}
header h1.product strong{
    color:#dc4858;
    font-family: Gotham-Bold;
    display: block;
    margin: 0 0 -15px;
}
h2.product strong {
    color: #dc4858;
    font-family: Gotham-Bold;
    display: block;
    margin: 0;
}
header.hp h1{
    font-size: 90px;

    font-weight: 400;
    color: #fff;
    line-height: 96px;
    margin: 350px 0 0;
    font-family: Gotham-Book;
}
.menuButton{
    position: absolute;
    z-index: 1000;
    right: 50px;
    top: 30px;
    display: inline-block;
    background-image: url(gfx/menu.png);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 9px 60px 10px 0;
    cursor: pointer;
    font-family: Gotham-Light;
    background-repeat: no-repeat!important;
    background-position: right 5px!important;
}

a.login {
    position: absolute;
    z-index: 1000;
    right: 200px;
    top: 39px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 30px 0 0;
    cursor: pointer;
    font-family: Gotham-Light;
    background-repeat: no-repeat!important;
    background-position: right 5px!important;
    border-right: 1px solid #000;
}
a.login.active{
    color:#ede7ee!important;
    border-right:1px solid #ede7ee!important;
}
.menuButton.active{
    background-position: right -41px!important;
    background-image: url(gfx/menu.png)!important;
    color: #ede7ee!important;
}
#menu{

    position: absolute;
    width: 0;
    background-color: rgba(56,42,43,0.5);
    z-index: 100;
    -moz-transition: 0.3s all;     -o-transition: 0.3s all;     -webkit-transition: 0.3s all;     transition: 0.3s all;
    right: 0;
    
}
#menu.active{
    display: block;
    
    width: 100%;
}
#menu .right{
    width: 50%;
    
    background-color: rgba(56,42,43,0.9);
    /* display: inline-block; */
    float: right;
}
#menu .left{
    width: 50%;
    
    height: 2332px;
    float: left;
}
#menu ul{
    margin: 100px 93px;
    
    padding: 0;
    overflow: hidden;
}
#menu ul li{
    
}
#menu ul li a{
    color: #fff;
    
    font-size: 35px;
    display: block;
    padding: 12px 0;
    font-weight: 200;
    font-family: Gotham-Light;
}

#menu ul li.current-menu-item a{
 color:#dc4858;   
}
#menu ul li a:hover{
 color:#dc4858;   
}
.entry.contact .topTitle{
    
}
header.hp h1 span, header.hp h1 strong{
    display: block;
    font-size: 90px;
    font-weight: 700;
    color: #dc4858;
    font-family: Gotham-Bold;
}
.intro{
    background: #d5dbd9;
    overflow:hidden;
    padding: 66px 0;
    text-align: left;
    color: #262626;
    width: 100%;
    position: relative;
}
.intro img{
    position: absolute;
    right: 0;
    -webkit-transition: all 10s ease; /* Safari and Chrome */
    -moz-transition: all 10s ease; /* Firefox */
    -ms-transition: all 10s ease; /* IE 9 */
    -o-transition: all 10s ease; /* Opera */
    transition: all 10s ease;
    z-index: 0;
}
.intro:hover img{
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
     transform:scale(1.2);
}
.intro h2{
    margin: 0;
    
    color: #262626;
    font-weight: 700;
}
.intro a{
    display: inline-block;
    
    background-color: #dde1e0;
    color: #382a2b;
    padding: 10px 20px;
    border: 1px solid #382a2b;
    border-radius: 5px;
    margin: 50px 0 0;
    font-family: Gotham-Medium;
}
.animateBg{
-webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -ms-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

.animateBgIn{
-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.intro a:hover{
    background-color:#fff;
}
header h1 strong span{

font-family: Gotham-Bold!important;
}
header h1 span{

font-family: Gotham-Book!important;
}
footer{
    clear: both;

    padding: 5px 0 0;
    margin: 0;
    text-align: center;
}
footer ul{
    margin: 0;

    padding: 0;
}
footer ul.footerShare li{
    
min-height: 25px!important;
}
footer ul.credit{
    background-color: #262626;
    
    padding: 15px 0;
}

footer ul.credit li a{
    color: #828282;
    
    font-size: 12px;
}
footer ul.credit li a:hover{
    color: #dc4858;
    
    font-size: 12px;
}
footer ul.credit li{
    padding: 0 1%;
    
    font-family: Gotham-Book;
    color: #666;
}
footer ul li{
    display: inline-block;
    
    font-size: 12px;
}
footer ul.top{
    
margin: 0 0 3px;
}

footer ul.top li{
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    width: 33%;
    min-height: 200px;
    /* font-family: 'Crimson Text', serif; */
    font-size: 18px;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -ms-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    padding: 30px 0 0;
}
footer ul li.share{

}
footer ul li.share li.share{
width: auto;
background-color: transparent!important;padding: 0;}
footer ul.top li:hover{
       background-color: #f0f0f0; 
}
footer ul.top li span{
    display: block;
    font-size: 24px;
    color: #262626;
    font-weight: 700;
    margin: 0 0 15px;
    background: url(gfx/iconOrder.png) no-repeat center top;
    padding: 25px 0 0;
    font-family: Gotham-Bold;
}
footer ul.top li.share span{
    background: url(gfx/iconShare.png) no-repeat center top;

}
footer ul.top li.contact span{
    background: url(gfx/iconContact.png) no-repeat center top;
    
}
.postTopDesc{
    background-color: #edeeed;
    padding: 30px 0 90px;
    line-height: 28px;
}
.management .postTopDesc{
    
background-color: transparent;
    
padding: 30px 0 30px;
}
.management .postTopDesc .in{
    
margin: 0;
}
.properties{
    background: #ececeb;

    padding: 0 0 45px;
}
.properties .zern{
    text-align: center;

}
.properties .zern img{
    display: block;
    margin: 0 auto;
    width: auto;
}

.postDesc {
    position: relative;

}
.postDesc.postCenter{
    background: url(gfx/productCenter.jpg) no-repeat right bottom;
    background-size: 100%!important;
    transition: all 10s ease-in-out;
    background-repeat: no-repeat!important;
    background-position: 0 bottom!important;
    min-height: 870px;
}
.postDesc.postCenter:hover{
       background-size: 110%!important; 
}
.postDesc .left{
    float: left;
    
    width: 50%;
    background-color: #d5dbd9;
}
.postDesc .right{
    float: right;
    width: 50%;
    background: url(gfx/productRight.jpg) no-repeat 0 bottom;
    background-size: cover!important;
}
.postDesc .left div.content{
    text-align: left;
    margin: 0 0 0 30%;
    line-height: 26px;
    padding: 0 10% 0 0;
}
.postDesc .left div.content p{
    line-height: 26px;
    }
.postDesc .left div.content section{
    
color: #db4858;
    
font-size: 50px;
    
display: block;
    
margin: 40px 0 0;
    
font-family: Gotham-Light;
    
line-height: 50px;
}
.postDesc .left div.content section img{
    
width: 100%;
}
.postDesc .left div.content section br{
    display: none;
    
}
.postDesc.postTunes{

}
.postCoffe{
    padding: 50px 0;

    background-color: #f2f2f2;
}
.postCoffe .title{
    font-size: 70px;
    
    text-align: center;
    margin: 0!important;
}
.postCoffe .subTitle{
    text-align: center;
    
    font-size: 35px;
    font-family: Gotham-Book;
}
.postCoffeCaps{
    /* display: none; */

}
.postCoffeCaps .images{
    position: relative;
    
}
.postCoffeCaps .images img{
    
    /* position: absolute; */
    
    /* top: -60px; */
    
    margin: -50px 0 -30px;
    /* width: 100%; */
}
.postCoffeCaps ul{
    margin: 0 15% 100px;
    
}
.postCoffeCaps ul li{
    background: none;
    
    padding: 0;
    margin: 0 3% 0 0;
    width: 30%;
    display: inline-block;
    line-height: 26px;
    color: #8a8a8a;
}
.postCoffeCaps ul div{
    font-size: 35px;
    
    margin: 0 0 20px;
    color: #262626;
    background: url(gfx/titlestop.png) no-repeat left top;
    padding: 30px 0 0;
}
.postCoffeCaps ul  p {
    line-height: 26px;
}
.postCoffeCaps ul div.silver{
    background-position: -605px top;
    
}
.postCoffeCaps ul div.gold{
    background-position: -1191px top;
    
}
.postCoffe .desc{
    text-align: center;
    
    line-height: 28px;
    margin: 30px 0;
}
.postDesc.postTunes .left{
    background-color: #382a2b;
    
}
.postDesc.postTunes .content{
    color: #fff;
    font-family: Gotham-Book;
}
.postDesc.postTunes .content div{
    color: #fff;
    
}
.postDesc.postTunes .content div.tunes{
    font-size: 0;
    margin: 80px 0 0;
    /* display: none; */
}
.postDesc.postTunes .content div.tunes a{
    display: inline-block;
    background: none;
    height: 40px;
    width: 135px;
    margin: 0 5% 0 0;
    cursor: none!important;
}
.postDesc.postTunes .content div.tunes a.google{
    background-position: -170px 0;
    
    width: 120px;
}
.postDesc.postTunes .content div.tunes a.windows{
    background-position: -324px 0;     
    width: 143px;
    
}
.postDesc.postTunes .right{
    background-size: cover;
    position: relative;
}
.postDesc.postTunes .right section{
    background:url(gfx/productItunes.jpg) no-repeat 0 bottom;
    width: 100%;
    min-height: 873px;
    background-size: cover!important;
    position: absolute;
    top: 0;
    background-position: center 0;
}
.postDesc.postTunes .right section.second{
   background:url(gfx/productCenter.jpg) no-repeat right bottom; 
}

.postDesc .left div.content div{
    font-size: 70px;

    margin: 90px 0 50px;
    font-family: Gotham-Bold;
}
.postDesc .right div.content{
    text-align: left;

    margin: 0 30% 0 0;
    line-height: 26px;
}
.postDesc .right div.content p{
    line-height: 26px;
    }
.postDesc .right div.content div{
    font-size: 70px;

    margin: 90px 0 50px;
    font-family: Gotham-Bold;
}
.postDesc .left span{
    background: url(gfx/productCofe.png);
    
    width: 522px;
    height: 431px;
    display: inline-block;
    position: absolute;
    left: calc(50% - 200px);     transition: 0.25s;
    bottom: 75px;
}
.properties .clearfix{
    margin: 0;
    
    padding: 0 0 60px;
}
.postDesc.postCenter .left{
    background: none;

}
.postDesc.postCenter .right{
    background: none;

}
.properties .faqTitle{
    text-align: left;
    
}

.properties .clearfix li span{
    background-color: #fff;
    padding: 0;
    min-height: 50px;
    vertical-align: middle;
}
.properties .clearfix li span a{
    padding: 15px 0;
    
    display: inline-block;
    width: 100%;
}
.properties .portfolio{
    display: block;

    opacity: 1;
}
.properties .portfolio .title{
    font-size: 68px;     
    text-align: left;     margin: 0;
    
}
.properties .portfolio ul{
    margin: 20px 0 0;
    
    text-align: left;
}
.properties .portfolio ul li{
    padding: 0;
    
    margin: 0 2% 0 0;
    background: none;
    text-align: left;
    display: inline-block;
    width: 22%;
    line-height: 26px;
    color: #8a8a8a;
    font-family: Gotham-Medium;
    vertical-align:top;
}
.properties .portfolio ul li p{
    line-height: 26px;
    
}
.properties .portfolio ul li div{
    font-size: 30px;
    
    margin: 0 0 20px;
    color: #262626;
    font-family: Gotham-Bold;
}
footer ul.top li div{
    background: url(gfx/shareIcons.png);
    
    height: 25px;
    width: 138px;
    margin: 20px auto 0;
}
footer ul.top li a{
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin: 20px 4px 0;
    font-family: Gotham-Bold;
}
.coffeelogos{
    text-align: center;
    background-color: #382a2b;
    padding: 0 0 30px;
    z-index: 1;
}
.coffeelogos h2{
    margin: 0;
    
    padding: 35px 0 40px;
    font-size: 44px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: Gotham-Book;
}
footer ul.bottom{
    background-color: #382a2b;

    padding: 20px 0;
}
footer ul.bottom li{
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
footer ul.bottom li.left{
    
margin:  0 0;
    
min-height: auto;
    
text-align: center;
    
/* width: 33%!important; */
}
footer ul.bottom li.left a{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(gfx/footerShare.png) no-repeat 8px 10px;
    margin: 0 2%;
}
footer ul.bottom li.left a.twitter{
    background-position: -244px 10px;
}
footer ul.bottom li.left a.pinterest{
    background-position: -142px 10px;
}
footer ul.bottom li.left a.instgram{
    background-position: -92px 10px;
}
footer ul.bottom li.left a.facebook{
    background-position: -42px 10px;
}
footer ul.bottom li.left a.linkedin{
    background-position: -191px 10px;
}


footer ul.bottom li.left a:hover{
    background-position: 8px -30px;
}

footer ul.bottom li.left a.twitter:hover{
    background-position: -244px -30px;
}
footer ul.bottom li.left a.pinterest:hover{
    background-position: -142px -30px;
}
footer ul.bottom li.left a.instgram:hover{
    background-position: -92px -30px;
}
footer ul.bottom li.left a.facebook:hover{
    background-position: -42px -30px;
}
footer ul.bottom li.left a.linkedin:hover{
    background-position: -191px -30px;
}


footer ul.bottom li.center{
    
/* width: 54%!important; */
    
text-align: left;
}
footer ul.bottom li.right{
    
/* width: 10%!important; */
}
footer ul.bottom li.right a{
    background: url(gfx/design-by-stratigo.png);
    width: 111px;
    height: 11px;
    display: none;
    margin: 12px 0 0;
}
footer ul.bottom li.center ul{
    margin: 7px 0 0;
    text-align: center;
}
footer ul.bottom li.center ul li{
    width: auto!important;
    margin: 0 2%;
}
footer ul.bottom li.center ul li a{
  color:#828282;
  font-size: 15px;
  font-family: Gotham-Medium;
  white-space: nowrap;
}
footer ul.bottom li.center ul li a:hover{
        color: #dc4858;

}
.entry .images{
    margin: 0;

    padding: 0;
    text-align: center;
    width: 100%;
}
.entry .images.pressImages{
    padding:0;
}
.images div{
    width: 50%;
    
    float: left;
}
.images div img{
    width: 100%!important;
}
.images ul{
    margin: 0;
    
    padding: 0;
}
.images ul li{
    width: 100%;
    
    background: none;
    padding: 0;
    margin: 0;
}
.images ul li img{
    width: 100%;
    
    display: block;
}
.images ul li.first{
    
}
.images ul li.second{
    
}
.images ul li.third{
    
}
.images ul li.fouth{
    
}
.coffeelogos img{
    width: 100%; 
}
.coffeelogos img:hover{

}

.coffeelogos a.hvr-float-shadow {
    display: inline-block;
    width: 10%;
    padding: 0 3%;
}



header.hp, header.contact {
    min-height: 950px;
}
.video{
    position:absolute;
    width:100%;
}
.postDesc .right{
    min-height:873px;
}
.postDesc .left{
    min-height:873px;
}
header.contact{
    min-height: 950px;    
}
header {
    min-height: 422px;
}

span.logo{
    margin-top: 53px;
}
.intro{
    min-height: 700px;
    
}
    .coffeelogos h2{

font-size: 26px;

padding: 30px 0;
}
.coffeelogos{
    
text-align: center;
}

.intro h2{
    font-size: 72px;
    margin: 0 0 50px;
    font-family: Gotham-Bold;
}

.coffeelogos a {
  display: block;
  width: 100%; 
  text-align: center;
}

@media (max-width: 479px){
    span.logo {
    width: 70px;
    height: 92px;
    display: inline-block;
    margin-top: 80px;
}
.coffeelogos a.hvr-float-shadow {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;margin: 0 auto 40px;

}
    a.login {
    right: 140px;
    top: 29px;
    padding: 0 5px 0 0;
}
        .postCoffeCaps ul{
    margin: 30px 2% 100px;
    }
    .postCoffeCaps ul li{
    width: auto;

    display: block;
    margin: 0 3% 30px 0;
}
.postCoffeCaps ul li div{
    
font-size: 30px;
}
.postCoffeCaps ul li p{
    
}
.entry .images img {
    width: 100%;
}
        .postCoffe .subTitle{
    font-size: 20px;
        
    }
.postDesc.postTunes .left{

}
.postDesc.postCenter{
    
min-height: 500px;
}

    .postDesc .right div.content{
    margin: 0 5%;     line-height: 26px;
        
    }
    .postDesc.postTunes .content div.tunes{
        
margin: 20px 0 0;
    }
    .videowrapper{
    min-height: 354px;
    
}
    .postDesc .left span{
    display:none;
}
    .postDesc .right{
    width: 100%;     
    min-height: 280px;
        
    }
    .postDesc .left div.content div{

font-size: 40px;

margin: 40px 0 30px;
}
    .postDesc .left div.content{
    
margin: 0 2%;
    
padding: 0;
}
.postDesc .left div.content p{
    padding: 0;
}
    .postDesc .left{
        
width: 100%;
        
min-height: 280px;
        
float: left;
    }
    .postDesc.postCenter .left {
    display: none;
}
    .properties .clearfix li span {
width: auto;font-size: 18px;min-height: 10px;margin: 0 0 10px;display: block;}

.properties .clearfix li span a{
    
vertical-align: middle;
    
display: block;
}
    .partner{
    
min-height: 230px;
}
.partner .sub {
    font-size: 22px;
    margin: 0 auto 15px;
}
.entry.contact ul.contactForm li.full textarea{
    
height: 120px;
}

    .download .title{
        
font-size: 28px;
    }
    
    .menuButton{

right: 20px;

top: 20px;

}
    #menu .left{

width: 0;
}
#menu .right{
    
width: 100%;
}
#menu ul{

margin: 100px 20px;
}
#menu ul li{
    
}
ul.topDescription li.second{
    
margin: 0;
}
#menu ul li a{
    
font-size: 25px;
}
    ul.topDescription li{
    
width: auto;
}
.entry ul.teams li span.role{
    
margin: 0 0 15px;
}
.entry ul.teams li {
    width: auto;
}
    .entry.contact ul.contactForm{
    
width: 90%!important;
}
.entry.contact ul.contactForm li {
    width: auto!important;
    display: block!important;
    margin: 0 1px 20px!important;
}
.entry.contact .description {
    padding: 0 10px!important;
    margin: 20px 0 0;
}

    footer ul.bottom li{

    }
    footer ul.bottom li.center{
        
    }
    footer ul.bottom li.left{
        
    }
    footer ul.bottom li.right{
        
    }
    .coffeelogos h2{

font-size: 26px;

padding: 30px 0;
}
ul.slides{

margin: 0;

padding: 0;

vertical-align: top;
}
ol.flex-control-nav{
    display:none;
}
ul.flex-direction-nav{
     display:none;   
}
ul.slides li{
    
/* float: none!important; */
    
vertical-align: top;
}
ul.slides a{
    
}
ul.slides img{
    
}
.coffeelogos{
    
text-align: center;
}
footer{
padding: 0;background-color: #fff;}
footer ul.top{
padding: 0 0 45px;margin: 0;}
.images div{

float: none;

width: auto;
}
.images div img{
    
}
.coffeelogos img{
    
width: 60%;
    
    
    
}
.intro img{
    
width: 85%;
    
bottom: 0;
    
display: none;
}

        span.logo a {
    width: 70px;
    height: 92px;
    display: inline-block;
}

    header a.lightbox {
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: 130px;
}
.in {
    width: 95%;
}
.faqEntry{
    
margin: 0;
}
ul.news li div{
    
width: auto;
    
display: block;
    
margin: 0 0 10px;
    
font-size: 18px;
    
line-height: 26px;
}
div.ripple{
    
padding: 20px 0 0;
    
background-color: transparent;
}
.entry ul.news{
    
margin: 20px 0 0;
}
a.scroll{
    display:none;
}
header.hp, .video, header.contact {
    min-height: 354px;
}
    .intro h2 {
    font-size: 32px;
    margin: 0 0 30px;
    }
header.hp h1{
font-size: 35px;

line-height: 40px;margin: 100px 0 0;}
header.hp h1 span, header.hp h1 strong, .entry.contact h1{
font-size: 35px;     
}
.other{
    
margin: 0;
}
.partner p, .other p{
    
width: 100%;
    
margin: 0 0 20px;
}
.entry.contact .topTitle{
    
font-size: 22px;
    
padding: 30px 0 0!important;
}
footer ul.top li {
    width: auto;
    display: block;
    clear: both;
    min-height: 140px;
    padding: 50px 0 0;
}
.intro{
    
padding: 40px 0 0;
    
min-height: 500px;
}
.half {
    width: auto;
}
.entry h1{
   font-size: 30px;
   margin: -70px 0 50px;
}
.entry h1 p{
  font-size:30px;
}
.entry h1.pressTitles {
    font-size: 30px;
    margin: -90px 0 40px;
    min-height: 100px;
}
h2 {
    font-size: 24px;
}
header {
    min-height: 300px;
}
ul.clearfix{

margin: 50px 0 20px;
}
ul.clearfix li{
    
margin: 0 2px;
    
width: auto!important;
    
display: block;
    
background-color: #fff;
}
ul.clearfix li span i{
    
display: inline;
}
ul.clearfix li span{

font-size: 18px;

width: auto;

min-height: 10px;

padding: 15px 0px;

margin: 0 0 8px;
}
.faqTitle{

font-size: 24px;

margin: 0 0 15px;
}
.portfolio-wrapper .question{

font-size: 16px;
}
.portfolio-wrapper .answer{

font-size: 14px;

margin: 10px 0 0;

overflow: hidden;
}
.portfolio{
    
margin: 0;
}
.portfolio-wrapper .answer p{
    
font-size: 14px;
    
line-height: 22px;
    
text-align: center;
    
height: 0;
}

    footer ul.bottom li.center{
        
width: auto!important;
        
display: block;
        
margin: 20px 0;
    }
    footer ul.bottom li.left{
        
width: auto!important;
        
display: block;
    }
    footer ul.bottom li.right{
        
display: block;
        
width: auto!important;
    }
    .half p{
    
width: auto;
}
.intro a {
    margin: 0px 0 0;
}
    footer ul.bottom li.left{
        
width: auto;
        
display: block;
    }
            .partner .title, .other .title {
    font-size: 35px;
    padding: 20px 0;
}
.partner a {
    margin: 5px 0 20px;
}
ul.blog .info{

font-size: 14px;
}
ul.blog h2{

font-size: 30px;
}
ul#sidebar li.order{
    
border-top: none;
    
padding: 0 0 35px;
}
a.image{

min-height: 178px;
}
ul.blog .desc{

margin: 30px 0 0;
}
ul.blog a.readMore{

margin: 30px 0 0;
}
ul.blog{

width: auto;

float: none;
}
ul#sidebar li.banners a img{
    
width: 100%;
}

ul#sidebar{
    
float: none;
    
width: auto;
}
.postSection .left{

width: 100%;

min-height: 400px;
}
.postSection .left h1{
    
font-size: 35px;
    
margin: 0 15px;
}
.postSection .right p {
    margin: 30px 0;
}
.postSection .right ul{
    margin:30px 0;
}
.postSection .right ul#sidebar {
    margin: 50px 0;
}
.postSection .right{
    
width: auto;
    
margin: 0 5%;
}
.postSection .left .info{

font-size: 14px;

margin: 0 0 22px 15px;
}
.postSection .left span {
    margin: 53px 0 75px 30px;
    width: 70px;
    height: 92px;
}
.entry h1.cases{
    
margin: -105px 0 60px;
    
line-height: 35px;
}
.entry ul.posts .title, .inPopup .title {
    font-size: 30px;
}
.entry ul.posts .subTitle, .inPopup .subtitle {
    font-size: 24px;
    margin: 10px 0 0;
}
.entry ul.posts img{
width: 90%;}
    header h1.product{
        
font-size: 40px;
        
margin: 80px 0 0;
    }
    header h1.product p{
        
font-size: 40px;
        
line-height: 50px;
        
font-family: Gotham-Medium;
        
margin: 0;
    }
h2.product{
        
font-size: 40px;
        
margin: 0px 0 0;
        
line-height: 50px;
    }
    header h1.product strong{
        
margin: 0;
    }
        .catTilte{
        
font-size: 30px;
        
padding: 0;
    }
    .entry ul.topPosts li{
        
width: 100%;
    }
    ul.news a{
        
font-size: 18px;
        
width: auto;
    }
    .partner.press,.download{
    
min-height: 175px;
}
.properties .portfolio .title{
    
font-size: 30px;
}
    .properties .clearfix{
        
padding: 0 0 30px;
    }
    .postTopDesc{
        
padding: 30px 0;
    }
    .properties .portfolio ul{

}
.properties .portfolio ul li{
    
width: 100%;
    
margin: 0 0 10px;
}
.properties .portfolio ul li p{
    
font-size: 16px;
}
.properties .portfolio ul li div{
    
font-size: 20px;
    
margin: 0;
}
.properties .zern img.text{
    
width: 100%;
}
    .postDesc .right div.content div{
    font-size: 40px;
    margin: 40px 0 30px;
}
.postCoffe .title{
     font-size: 30px;
}
.postDesc .left div.content section{

margin: 15px 0 0;
}
}




@media (max-width: 480px){

    .entry .images img {
    width: 100%;
}
        .postCoffe .subTitle{
    font-size: 20px;
        
    }
    .postDesc .left div.content section{
    font-size: 25px;

    }
    .postDesc.postTunes .left{

    }
.postDesc.postCenter {
    background: #E4DFDB!important;
}
.postDesc.postTunes .right{
    
}
}
@media (max-width: 768px){
    .entry .images{

    }
    .entry .images img{
        
    }
    .postDesc.postTunes .right{
    display: none;

    }
.postDesc.postCenter {
    background: #E4DFDB!important;
}
}

@media (min-width: 480px){
        .postCoffeCaps ul{
    margin: 0 0% 100px;

        }
    .postCoffeCaps ul li{
    width: 30%;     
    margin: 0 1% 0 0;     display: inline-block;

}
.postCoffeCaps ul li div{
    font-size: 26px;
    
}
.postCoffeCaps ul li p{
    
}
    .entry .images img {
    width: 100%;
}
    .postCoffe .subTitle {
    font-size: 28px;
}
    .postDesc .left div.content section{
    font-size: 30px;
        
    }
        .postDesc .right div.content div,.postCoffe .title{
    font-size: 50px;
        
    margin: 70px 0 30px;
}
    .postDesc .left div.content div{
        
font-size: 50px;
        
margin: 60px 0 50px;
    }
    .properties .zern img.text{
    
width: 100%;
}

    .properties .portfolio{
        
margin: 0 0 20px;
    }
.properties .portfolio ul li{
    
width: 22%;
}
.properties .portfolio ul li p{
    
font-size: 16px;
}
.properties .portfolio ul li div{
    
font-size: 20px;
    
margin: 0;
}

.postTopDesc{

padding: 30px 0 40px;
}
    .properties .clearfix{
        
padding: 0 0 30px;
    }

.properties .portfolio .title{

font-size: 40px;
}
    ul.news a{

font-size: 20px;

}
    .entry ul.topPosts li{

width: 46%;

}
        .menuButton{
        
right: 20px;
        
top: 20px;
    }
    a.login{
            right: 170px;
            top: 29px;
    }
    #menu .left{

}
#menu .right{
    
}
#menu ul{

}
#menu ul li{
    
}
#menu ul li a{
    
}
        header h1.product{
        
font-size: 40px;
        
margin: 50px 0 0;
    }
    header h1.product p{
        line-height: 60px;
        font-size: 40px;
        font-family: Gotham-Medium;
        margin: 0;
    }
h2.product{
        
font-size: 40px;
        
margin: 0px 0 0;
        
line-height: 60px;
    }
.entry ul.posts img{
width: 90%;
}
.postSection .left span {
    margin: 53px 0 75px 30px;
    width: 70px;
    height: 92px;
}
        .partner .title, .other .title {
    font-size: 35px;
    padding: 20px 0;
}
    
.entry.contact ul.contactForm{
    width: 90%!important;
}
.entry.contact ul.contactForm li.full textarea{
    
height: 150px;
}
.entry.contact ul.contactForm li{
    
width: auto;
    
display: block;
    
margin: 0 1px 20px;
}


    footer ul.bottom li.center{
        
width: auto;
        
display: block;
        
margin: 20px 0;
    }
    footer ul.bottom li.left{
        
width: auto;
        
display: block;
    }
    footer ul.bottom li.right{
        
display: block;
        
width: auto;
    }
    
    span.logo a, span.logo {
    width: 70px;
    height: 92px;
    display: inline-block;
}

    header a.lightbox {
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(35% - 0px);
}
    .intro h2 {
    font-size: 34px;
    }
.in {
    width: 95%;
}
a.scroll{
    display: block;
    bottom: 5px;
}
header.hp, .video, header.contact {
    min-height: 354px;
}
header.hp h1{
font-size: 35px;

line-height: 40px;margin: 40px 0 0;}
header.hp h1 span, header.hp h1 strong, .entry.contact h1{
font-size: 35px;     
}
.entry.contact .description{
    
padding: 0 10%!important;
}
.entry.contact .topTitle{
    
font-size: 22px;
    
padding: 30px 0 0!important;
}
.intro img{
    
width: 85%;
    
bottom: 0;
}
.half {
    width: auto;
}
.intro{
    
padding: 40px 0 0;
    
min-height: 700px;
}
.coffeelogos h2{

font-size: 35px;
}
.coffeelogos img{
    
}
footer ul.top li {
    width: auto;
    display: block;
    clear: both;
    min-height: 140px;
}
.entry h1{
    
font-size: 45px;
    
margin: -70px 0 50px;
}
.entry h1 p{
  font-size:45px;
}
.entry h1.pressTitles {
    font-size: 35px;
    margin: -100px 0 70px;
    min-height: 80px;
}
h2 {
    font-size: 24px;
}
header {
    min-height: 300px;
}
ul.clearfix{

margin: 50px 0 20px;
}
ul.clearfix li{
    
margin: 0;
}
ul.clearfix li span i{
    
display: inline-flex;
}

ul.clearfix li span{

font-size: 14px;

width: 95px;

min-height: 35px;

padding: 15px 0px;
}
   .properties .clearfix li span{

width: 90px;

font-size: 12px;
}
.faqTitle{

font-size: 34px;

margin: 0 0 15px;
}
.portfolio-wrapper .question{

font-size: 16px;
}
.portfolio-wrapper .answer{

font-size: 14px;

margin: 10px 0 0;
}
.intro a {
    margin: 0px 0 0;
}
.half p{
    
width: 415px;
}
.portfolio-wrapper .answer p{
    
font-size: 14px;
    
line-height: 22px;
}
.partner a{
    
margin: 20px 0;
}

ul.blog .info{

font-size: 16px;
}
ul.blog h2{

font-size: 40px;
}
a.image{

min-height: 178px;
}
ul.blog .desc{

margin: 30px 0 0;
}
ul.blog a.readMore{

margin: 30px 0 0;
}
ul.blog{

width: auto;

float: none;
}
ul#sidebar{
    
float: none;
    
width: auto;
}
.postSection .left{

width: 100%;

min-height: 400px;
}
.postSection .left h1{
    
font-size: 40px;
    
margin: 0 30px;
}
.postSection .right ul{
    margin:30px 0;
}
.postSection .right p {
    margin: 30px 0;
}
.postSection .right ul#sidebar {
    margin: 50px 0;
}
.postSection .right{
    
width: auto;
    
margin: 0 5%;
}
.postSection .left .info{

font-size: 18px;

margin: 0 0 22px 30px;
}
.postSection .left span {
    margin: 53px 0 75px 30px;
    width: 70px;
    height: 92px;
}
.entry h1.cases{

margin: -160px 0 100px;

line-height: 56px;
}
.entry ul.posts .title, .inPopup .title {
    font-size: 40px;
}
.entry ul.posts .subTitle, .inPopup .subtitle {
    font-size: 26px;
}
.entry ul.teams li{
    
width: auto;
}
ul.topDescription li.second {
    margin: 0;
}
ul.topDescription li{
    
width: auto;
}
#menu .left{

}
#menu .right{
    
}
#menu ul{

margin: 100px 20px;
}
#menu ul li{
    
}
#menu ul li a{
    
font-size: 25px;
}
    .catTilte{
        
font-size: 35px;
        
padding: 0 0 10px;
    }
        .download .title{
        
font-size: 35px;
    }
    .partner.press,.download{
    
min-height: 170px;
}
.partner .sub {
    font-size: 22px;
}
.partner{
    
min-height: 250px;
}
.postDesc .left{

width: 100%;

min-height: 300px;

float: left;
}
.postDesc.postCenter{

}
.postDesc.postCenter .left {
    display: none;
}
.postDesc .left div.content{
    
margin: 0 2%;
    
padding: 0;
}
.postDesc .left div.content p{
        
padding: 0;
}
.postDesc .right div.content{
    margin: 0 5%;     line-height: 26px;

}
.postDesc .right{
    width: 100%;

    min-height: 300px;
}
.postDesc .left span{
    display:none;
}
.videowrapper{
    min-height: 354px;
    
}
}







@media (min-width: 768px){
        .postCoffeCaps ul{
    margin: 0 5% 100px;

        }
    .postDesc.postCenter{
    
min-height: 300px;
}
    .videowrapper{
    min-height: 450px;
    
}
    .postDesc .left span{
    display: none;

    }
    .postDesc .right div.content{
    margin: 0 30% 0 0;     line-height: 26px;

    }
    .postDesc .right{
    float: right;
    width: 50%;
    min-height: 465px;
    }
    .postDesc.postTunes .right{
    min-height: 782px;
    }
    ul.clearfix li{
        margin:0 1%;
    }
    .properties .clearfix li span {
width: auto;font-size: 13px;}
    ul.topDescription li.second{
        
margin: 0 0 0 20px;
    }
        .menuButton{
        
right: 50px;
        
top: 30px;
    }
    a.login{
        
right: 200px;
        
top: 39px;
    }

#menu .left{

width: 50%;

height: 2332px;

float: left;
}
#menu .right{
    
width: 50%;
    
float: right;
}
#menu ul{

margin: 100px 50px;
}
#menu ul li{
    
}
#menu ul li a{
    
font-size: 30px;
}
    ul.topDescription li{
    
width: auto;
}
.partner .sub {
    font-size: 35px;
}
    .partner .title, .other .title {

font-size: 47px;

padding: 20px 0;
}

    footer ul.bottom li.right {
    display: inline-block;
    width: 33%;
}

        footer ul.bottom li.center{
        
width: 33%;
        
display: inline-block;
        
margin: 0;
    }
        footer ul.bottom li.left{
width: 33%;
display: inline-block;
    }
    .entry.contact ul.contactForm li.full textarea{

height: 200px;

}
    .entry.contact ul.contactForm li{
    width: 46%;
    display: inline-block;
    margin: 0 -2px 40px;
}
    h2 {
    font-size: 30px;
}
    .intro h2 {
    font-size: 45px;
    }
        span.logo a, span.logo {
    width: 112px;
    height: 148px;
    display: inline-block;
}


    a.scroll{
    display:block;
    bottom: 10px;
}
.in {
    width: 95%;
}
header a.lightbox {
    width: 135px;
    height: 135px;
    left: calc(50% - 60px);
    top: calc(40% - 0px);
}
header.hp, .video, header.contact {
    min-height: 450px;
}
.intro img{
    
width: 70%;
    
top: 5;
}
header.hp h1{

font-size: 50px;

line-height: 56px;

margin: 70px 0 0;
}
header.hp h1 span, header.hp h1 strong, .entry.contact h1{
font-size: 50px;     
}
.entry.contact .topTitle{
    
font-size: 34px;
    
padding: 40px 0 0!important;
}
.intro{
    
}
.half {
    width: 50%;
}
.coffeelogos h2{

}
.coffeelogos img{
    
width: 100%;

}

.coffeelogos a{
display: inline-block;
}

h2 {
    font-size: 20px;
}
.entry h1{
    
font-size: 50px;
    
margin: -100px 0 90px;
}
.entry h1 p{
  font-size:50px;
}
.entry h1.pressTitles {
    font-size: 55px;
    margin: -130px 0 70px;
    min-height: 120px;
}
footer ul.top li {
    width: 33%;
    display: inline-block;
    min-height: 200px;
}
header {
    min-height: 422px;
}
ul.clearfix{

}
ul.clearfix li span{

font-size: 14px;

width: auto;
}
.faqTitle{

font-size: 50px;

margin: 0 0 25px 0;
}
.portfolio-wrapper .question{

font-size: 24px;
}
.portfolio-wrapper .answer{

}
.portfolio-wrapper .answer p{
    
font-size: 18px;
}
.intro a {
    margin: 50px 0 0;
}
.half p{
    
width: 415px;
}
.partner a{
    
padding: 15px 20px;
}
ul.blog .info{

font-size: 18px;
}
ul.blog h2{

font-size: 50px;
}
a.image{

min-height: 278px;
}
ul.blog .desc{

margin: 30px 0 0;
}
ul.blog a.readMore{

margin: 30px 0 0;
}
ul.blog{

width: 415px;

float: left;
}
ul#sidebar{
    
float: right;
    
width: 311px;
}
.postSection .left{

/* position: relative!important; */

/* top: 0!important; */
}
.postSection .left h1{
    
font-size: 40px;
}
.postSection .right{
    
width: auto;
    
margin: 0 5%;
}
.postSection .right ul#sidebar{

margin: 50px 0;
}
.postSection .left .info{

font-size: 18px;

margin: 0 0 22px 30px;
}
.postSection .right p{

margin: 30px 0;
}
.postSection .right ul{
    margin:30px 10%;
}
.postSection .left span {
    margin: 53px 0 75px 30px;
    width: 112px;
    height: 148px;
}
.entry h1.cases{

margin: -160px 0 190px;

line-height: 56px;
}
.entry ul.posts .title, .inPopup .title {
    font-size: 50px;
}
.entry ul.posts .subTitle, .inPopup .subtitle {
    font-size: 30px;
}
.entry ul.posts img{
    width:auto;
}
    header h1.product{
        
font-size: 55px;
        
margin: 100px 0 0;
    }
    header h1.product p{
        line-height: 70px;
        font-size: 45px;
        font-family: Gotham-Medium;
    }
h2.product{
        
font-size: 56px;
        
margin: 80px 0 0;
        
line-height: 80px;
    }
    .entry ul.teams li{
    
width: 45%;
}
    .catTilte{
        
padding: 0 0 20px;
        
font-size: 60px;
    }
    .entry ul.topPosts li{

float: left;

width: 30%;

}
ul.news a{

font-size: 22px;
}
    .download .title{
        
font-size: 47px;
    }
    .partner.press,.download{
    
min-height: 205px;
}
.properties .portfolio .title{

font-size: 50px;
}
    .properties .clearfix{
        
padding: 0 0 40px;
    }
    .postTopDesc{

padding: 30px 0 60px;

}
.properties .portfolio ul{

}
.properties .portfolio ul li{
    
width: 22%;
}
.properties .portfolio ul li p{
    
}
.properties .portfolio ul li div{
    
font-size: 24px;
    
margin: 0 0 20px;
}
    .properties .portfolio{
        
margin: 0 0 30px;
    }
    .properties .zern img.text{
    
width: auto;
}
.postDesc .left div.content div{

font-size: 50px;

margin: 70px 0 50px;
}
.postDesc .left div.content{

margin: 0 2%;

padding: 0;
}

.postDesc .left div.content p{

padding: 0;
}


.postDesc.postTunes .right section{
    min-height: 782px;
}
.postDesc .left{

min-height: 465px;

float: left;

width: 50%;
}
.postDesc.postTunes .left{

min-height: 782px;
}
.postDesc.postCenter .left{
    display: none;
    
}
    .postDesc .right div.content div,.postCoffe .title{
    font-size: 45px;
    }
    .postDesc .left div.content section{
    font-size: 30px;
    
}
.postCoffeCaps ul li{
    width: 30%;     margin: 0 3% 0 0;     display: inline-block;

}
.postCoffeCaps ul li div{
    font-size: 28px;
    
}
.postCoffeCaps ul li p{
    
}
}







@media (min-width: 992px){
        .postCoffeCaps ul{
    margin: 0 5% 100px;

        }
        .entry .images{

    }
    .entry .images img{
    width: 100%;
        
    }
        .postCoffe .subTitle{
    font-size: 28px;
        
    }
    .postDesc .left div.content div{
        font-size: 37px;
    }
    .postDesc.postTunes .right section {
    min-height: 856px;
}
.postDesc .left div.content section{
    font-size: 35px;

}
    .postDesc .right div.content div,.postCoffe .title{
    font-size: 50px;

    }
    .postDesc .right div.content{
    margin: 0 30% 0 0;     line-height: 26px;

    }
    .postDesc.postTunes .right{

min-height: 856px;

}
    .postDesc .right{
    float: right;     width: 50%;

    min-height: 605px;
}
.postDesc .left span{
    bottom: 75px;
    display: block;
}
    .postDesc .left div.content {
    margin: 0 0 0 30%;
    padding: 0;
}
.postDesc .left div.content p{
    padding: 0 55% 0 0;
}
.postDesc.postTunes .left div.content p{
    padding: 0 10% 0 0;
}
    .properties .zern img.text{
    
width: auto;
}
    .properties .portfolio{

margin: 0 0 60px;

}
    .postTopDesc{

padding: 30px 0 90px;

}
.postDesc.postCenter {
    min-height: 600px;
}
    .properties .clearfix{

padding: 0 0 50px;

}
.properties .portfolio ul{

}
.properties .portfolio ul li{
    
width: 22%;
}
.properties .portfolio ul li p{
    
}
.properties .portfolio ul li div{
    
font-size: 30px;
    
margin: 0 0 20px;
}
    .properties .portfolio .title{

font-size: 68px;

}
    .properties .clearfix li span {
    width: auto;
    font-size: 16px;
}
    .download .title{

font-size: 70px;

}
    ul.news a{

font-size: 26px;

}
    .entry ul.topPosts li{

float: left;

width: 22%;

}
.partner.press,.download{

min-height: 240px;
}
    .catTilte{

font-size: 72px;

padding: 0 0 20px;

}
    #menu .left{

width: 50%;

height: 2332px;

float: left;
}
#menu .right{
    
width: 50%;
    
float: right;
}
#menu ul{

margin: 100px 93px;
}
#menu ul li{
    
}
#menu ul li a{
    
font-size: 35px;
}
ul.topDescription li{
width: 440px;
}
    header h1.product{

font-size: 55px;

margin: 200px 0 0;
}
header h1.product.vision {
    margin: 125px 0 0;
}
header h1.product p{

line-height: 80px;

font-size: 65px;

font-family: Gotham-Medium;
}
h2.product{
        font-size: 70px;
    margin: 100px 0 0;
    line-height: 90px;
}
    .entry ul.posts .subTitle, .inPopup .subtitle{
        
font-size: 35px;
    }
    .entry ul.posts .title, .inPopup .title {
    font-size: 70px;
}
    .entry h1.cases{

margin: -360px 0 190px;

line-height: 100px;

}
    .postSection .left span {
    margin: 53px 0 75px 53px;
    width: 112px;
    height: 148px;
}
    .postSection .right ul#sidebar{
        
margin: 50px 10%;
    }

    .partner .title, .other .title {
    font-size: 70px;
    padding: 30px 0;
}
.entry ul.teams li{
width: 31%;}

        span.logo a, span.logo {
    width: 112px;
    height: 148px;
    display: inline-block;
}
.postDesc .left{
    min-height: 605px;
}
.postDesc.postTunes .left{
    min-height: 856px;
}
    a.scroll{
    display:block;
    bottom: 30px;
}
.in {
    width: 970px;
}
.partner{

min-height: 320px;
}
header.hp, .video, header.contact {
    min-height: 670px;
}
    .intro h2 {
    font-size: 45px;
    }
header.hp h1{
font-size: 70px;

line-height: 70px;margin: 135px 0 0;}
header.hp h1 span, header.hp h1 strong, .entry.contact h1{
font-size: 65px;     
}
.entry.contact .topTitle{
    
font-size: 34px;
}
.intro{
    
}
.intro img{
    
width: 65%;
    
top: 10%;
}
.half {
    width: 50%;
}
.coffeelogos h2{

}

h2 {
    font-size: 30px;
}
footer ul.top li {
    width: 33%;
    display: inline-block;
    min-height: 200px;
}
header {
    min-height: 422px;
}
.entry h1{
    
font-size: 55px;
}
.entry h1.pressTitles {
    font-size: 55px;
    margin: -120px 0 80px;
    min-height: 100px;
}
ul.clearfix{

margin: 40px 0;
}
ul.clearfix li span{
width: auto;     font-size: 16px;     min-height: 10px;}
.faqTitle{

font-size: 60px;

margin: 0 0 25px 0;
}
.portfolio-wrapper .question{

font-size: 26px;
}
.portfolio-wrapper .answer{

font-size: 18px;

margin: 10px 0!important;

height: 0;
}
.portfolio-wrapper .answer p{
    
font-size: 18px;
}
.half p{
    
width: 415px;
}
.intro a {
    margin: 50px 0 0;
}
.partner a{
    
margin: 25px 0;
}
ul.blog .info{

font-size: 22px;
}
ul.blog h2{

font-size: 58px;
}
a.image{

min-height: 378px;
}
ul.blog .desc{

margin: 30px 0 0;
}
ul.blog a.readMore{

margin: 30px 0 0;
}
ul.blog{

width: 620px;

float: left;
}
ul#sidebar{
    
float: right;
    
width: 311px;
}
.postSection .left{

width: 50%;

display: inline-block;

min-height: 960px;
}
.postSection .left h1{
    
font-size: 50px;
}
.postSection .right{
    
width: 50%;
    
margin: 278px 0 0 -22px;
}
.postSection .left .info{

font-size: 20px;
}
.postSection .right p{

margin: 30px 10% 0;
}
.videowrapper{
    min-height: 670px;
    
}
.postCoffeCaps ul li{
    width: 30%;     margin: 0 3% 0 0;     display: inline-block;

}
.postCoffeCaps ul li div{
    font-size: 35px;
    
}
.postCoffeCaps ul li p{
    
}
}








@media (min-width: 1200px){


.postDesc.postCenter {
    min-height: 750px;
}    
    header h1.product {
    font-size: 85px;
    margin: 290px 0 0;
}
header h1.product.vision {
    font-size: 85px;
    margin: 175px 0 0;
}
header h1.product p {
    font-size: 85px;
    line-height: 100px;
    font-family: Gotham-Medium;
    margin: 0;
}

        .postCoffeCaps ul{
    margin: 0 15% 100px;
            
        }
.postCoffeCaps ul li{
    width: 30%;
    margin: 0 3% 0 0;
    display: inline-block;
    vertical-align: top;
}
.postCoffeCaps ul li div{
    font-size: 35px;
    
}
.postCoffeCaps ul li p{
    
}
    .entry .images img{
    width: auto;
    }
    .postCoffe .subTitle{
    font-size: 35px;

    }
    .postDesc .right div.content div,.postCoffe .title {
    font-size: 70px;
}
    .postDesc .left div.content div{
        font-size: 58px;
    }
    .postDesc .left div.content {
    margin: 0 0 0 30%;
    padding:0;
}
.postDesc .left div.content p{
      padding: 0 50% 0 0;
}
    .videowrapper{
    min-height: 820px;
    
}
        .partner .title, .other .title {
    font-size: 70px;
    padding: 30px 0;
}
        span.logo a, span.logo {
    width: 112px;
    height: 148px;
    display: inline-block;
}
    a.scroll{
    display:block;
}
h2 {
    font-size: 30px;
}
.in {
    width: 1170px;
}
header.hp, .video, header.contact {
    min-height: 820px;
}
    .intro h2 {
    font-size: 65px;
    }
header.hp h1{
font-size: 75px;

line-height: 75px;margin: 210px 0 0;}
header.hp h1 span, header.hp h1 strong, .entry.contact h1{
font-size: 75px;     
}
.entry.contact .topTitle{

}
.intro img{
    
width: 55%;
    
top: 10%;
}
.intro{
    
}
.half {
    width: 50%;
}
.coffeelogos h2{

}
.coffeelogos img{
    
width: 100%;
    
display: inline-block;
}
.entry h1{
    
font-size: 65px;
    
margin: -115px 0 100px;
}
.entry h1 p{
  font-size:65px;
}
.entry h1.pressTitles {
    font-size: 55px;
    margin: -120px 0 100px;
    min-height: 90px;
}
footer ul.top li {
    width: 33%;
    display: inline-block;
    min-height: 200px;
}
header {
    min-height: 422px;
}
ul.clearfix{

}
ul.clearfix li span{
width: auto;     font-size: 18px;     min-height: 10px;}
.faqTitle{

}
.portfolio-wrapper .question{

}
.portfolio-wrapper .answer{

}
.portfolio-wrapper .answer p{
    
}
.half p{
    
width: 415px;
}
.intro a {
    margin: 50px 0 0;
}
.partner a{
    
padding: 15px 20px;
}
ul.blog .info{

font-size: 25px;
}
ul.blog h2{

font-size: 72px;
}
a.image{

min-height: 378px;
}
ul.blog .desc{

margin: 30px 0 0;
}
ul.blog a.readMore{

margin: 30px 0 0;
}
ul.blog{

width: 820px;

float: left;
}
ul#sidebar{
    
float: right;
    
width: 311px;
}
.postSection .left{

width: 50%;

display: inline-block;

min-height: 960px;
}
.postSection .left h1{
    
font-size: 72px;
}
.postSection .right{
    
width: 50%;
}
.postSection .left .info{

font-size: 24px;
}
.postDesc.postTunes .left{

min-height: 856px;
}
}







@media screen and (min-width: 1500px)
{

  .postDesc.postCenter {
    min-height: 870px;
}

  .postDesc .left div.content {
    margin: 0 0 0 30%;
    padding:0;
}
.postDesc .left div.content p{
      padding: 0 40% 0 0;
}
    .postDesc .left div.content div {
    font-size: 70px;
}
    .postDesc .left div.content section {
    font-size: 50px;
    padding: 0 42px 0 0;
}
    .postDesc.postTunes .left{

    }
    .postDesc .left {
    min-height: 605px;
}
    .postDesc .right{
        
    }
    .postDesc.postCenter .right{
    min-height: 700px; 
        
    }

        .partner .title, .other .title {
    font-size: 70px;
    padding: 30px 0;
}
        span.logo a, span.logo {
    width: 112px;
    height: 148px;
    display: inline-block;
}
    a.scroll{
    display:block;
}
    .intro h2 {
    }
header.hp h1{
font-size: 85px;

margin: 250px 0 0;line-height: 95px;}
header.hp h1 span, header.hp h1 strong,  .entry.contact h1{
font-size: 85px;     
}
.entry.contact .topTitle{
    
}
header a.lightbox {
    width: 173px;
    height: 173px;
}
.in{
    width: 1320px;
}
.videowrapper{
    min-height: 850px;
}
header.hp, .video, header.contact {
    min-height: 850px;
}
header {
    min-height: 422px;
}
.intro{
    
}
.intro img{
    
top: 0;
    
width: auto;
}
.half {
    width: 50%;
}
.coffeelogos h2{

}
.coffeelogos img{
    
width: 100%;
    
display: inline-block;
}
.entry h1{
    
font-size: 85px;
    
margin: -125px 0 100px;
}
.entry h1 p {
    font-size: 85px;
}
.entry h1.pressTitles {
    font-size: 55px;
    margin: -160px 0 100px;
    min-height: 150px;
}
footer ul.top li {
    width: 33%;
    display: inline-block;
    min-height: 200px;
}
h2 {
    font-size: 30px;
}
header {
    min-height: 422px;
}
ul.clearfix{

}
ul.clearfix li span{

width: auto;

font-size: 18px;

min-height: 10px;
}
.faqTitle{

}
.portfolio-wrapper .question{

}
.portfolio-wrapper .answer{

}
.half p{
    
width: 415px;
}
.intro a {
    margin: 50px 0 0;
}
.partner a{
    
padding: 15px 20px;
}
ul.blog .info{

font-size: 25px;
}
ul.blog h2{

font-size: 72px;
}
a.image{

min-height: 378px;
}
ul.blog .desc{

margin: 30px 0 0;
}
ul.blog a.readMore{

margin: 30px 0 0;
}
ul.blog{

width: 870px;

float: left;
}
ul#sidebar{
    
float: right;
    
width: 311px;
}
.postSection .left{

width: 50%;

display: inline-block;

min-height: 960px;
}
.postSection .left h1{
    
font-size: 72px;
}
.postSection .right{
    
width: 50%;
}
.postSection .left .info{

font-size: 24px;
}
}










@media screen and (min-width: 1650px)
{
    .postDesc .left {
    min-height: 730px;
}
    .postDesc .right{
    min-height: 730px;
    }
        .postDesc.postTunes .right{
    min-height: 856px;
    }
    .postDesc.postCenter .right{
    min-height: 500px;

    }
        .partner .title, .other .title {
    font-size: 70px;
    padding: 30px 0;
}

    .intro h2 {
    }
        span.logo a, span.logo {
    width: 112px;
    height: 148px;
    display: inline-block;
}
        a.scroll{
    display:block;
}
.in{
    width: 1320px;
}
.intro img{

top: 0;

width: auto;
}
.coffeelogos h2{

}
ul.slides{
    margin: 0;

    padding: 0;
}
ul.slides li{
    
}
ol.flex-control-nav{
    display:none;
}
ul.flex-direction-nav{
  display:none;  
}
.coffeelogos img{

width: 100%;


display: inline-block;
}
.intro{

}
header.hp h1{
line-height: 100px;

margin: 250px 0 0;}
.entry h1{

font-size: 85px;

margin: -120px 0 100px;
}
.entry h1 p{

font-size: 85px;
}

.entry h1.pressTitles {
    font-size: 55px;
    margin: -120px 0 100px;
    min-height: 80px;
}
footer ul.top li {
    width: 33%;
    display: inline-block;
    min-height: 200px;
}
h2 {
    font-size: 30px;
}
header {
    min-height: 422px;
}
ul.clearfix{

}
ul.clearfix li span{

width: auto;

font-size: 18px;

min-height: 10px;
}
.half p{  
width: 415px;
}
.faqTitle{

}
.portfolio-wrapper .question{

}
.portfolio-wrapper .answer{

}
.portfolio-wrapper .answer p{

}
.intro a {
    margin: 50px 0 0;
}
.partner a{

padding: 15px 20px;
}
.postSection .left{

width: 50%;

display: inline-block;

min-height: 960px;
}
.postSection .left h1{
    
font-size: 72px;
}
.postSection .right{

width: 50%;
}

.postSection .left .info{

font-size: 24px;
}
.postDesc.postTunes .left{

}
}


header.contact.post.ripplemaker{
width: 100%; float: left;
}

.ripplemaker#topP {
    width: 100%;
    float: left;
}

a.a2a_button_linkedin {
    background: url('gfx/linkedin_sprite.png') !important;
    background-position: 100% 0 !important;
}

a.a2a_button_linkedin:hover {
    background: url('gfx/linkedin_sprite.png') !important;
    background-position: 100% 100% !important;
}


.country #country_code{
    width: 100%!important;
    height: 38px;
    border: 2px solid #262626;
    font-size: 18px;
    background: transparent;
    -webkit-appearance: none;
    width: 100px;
    position: absolute;
    left: 0;
    top: 1px;
	padding-left: 5px; 
}


select:focus, option:focus, 
select::-moz-focus-inner, 
option::-moz-focus-inner {
    outline: none;
    border: none;
}


select#country_code:focus {
    border: 3px solid #da4c57!important;
}


.country .wpcf7-form-control-wrap.subject{
	width: 100%;
    /* height: 17px; */
    /* overflow: hidden; */
    overflow: -moz-hidden-unscrollable;
    background: url(images/arrow_ICN.png) no-repeat right;
    display: inline-block;
    position: relative;
	background-position: 97% 14px;
}

.country .wpcf7-form-control-wrap.subject label{
    padding-top: 15px!important;
}




li.subject{
    position: relative;
}









@media screen and (min-width: 768px)
{
.cls-Phone{
    position: relative;
}

.cls-Phone .wpcf7-form-control-wrap.phone{
	position: absolute;
    top: -48px;
    width: 92%;	
}
	
	
.cls-Phone label{
      position: absolute;
    top: -23px;
}

}


.order-button {
    position: absolute;
    right: 350px;
    top: 32px;
    width: 96px; height: 35px;
    color: transparent; 
    background: url('http://www.coffeeripples.com/wp-content/uploads/2016/04/order_bt_sprite.png') no-repeat;
    background-size 96px 35px; 
    background-position: 0 0;
z-index: 999
}

.order-button.active, .order-button:hover {
background-position: 0 -35px;
}

.order-button:before {
content: ''; display: block; top: 7px; position: absolute; right: -30px; height: 22px; background: black; width: 1px;
}

.order-button.active:before {
background: white
}

@media (min-width: 480px){
.order-button {
    top: 22px;
    right: 323px;
}
}

@media (max-width: 479px){
.order-button {
    top: 22px;
    right: 220px;
}
.order-button:before {
	right: -10px; top: 7px;
}
}

@media (min-width: 768px) {
.order-button {
    top: 32px;
    right: 348px;
}
}

.order-button {

}

.order-button.sticky:before{
display: none;
}
.order-button.x {
opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    transition: 0.25s;
right: 50px;
}
.order-button.sticky {
top: 30px; right: 50px;position: fixed;opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    transition: 0.25s;
}
.wp-pagenavi span.pages {
    display: none;
}

.wp-pagenavi span.current,
.wp-pagenavi a {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    background: #ededed;
    border-left: 1px solid #a6a6a6;
    border-right:  1px solid #a6a6a6;
}
.wp-pagenavi span.current{
    background: #202121;
    color: white;}
.wp-pagenavi a:hover{    
    color: #dc4858;}