@import editor-style.css;
#assumptions,
#b,
#categories,
#contact,
#crumbs,
#customers div,
#employees,
#field,
#header div,
#header p,
#menu,
#nav,
#navigation ul,
#place div,
#realizations ul,
#realizations>div,
#touch,
#view div,
div.wpcf7 .screen-reader-response {
overflow: hidden
}
#b li,
#crumbs,
#crumbs li,
#customers li,
#data,
#employees,
#field li,
#form,
#header p,
#information,
#logo,
#menu>li,
#nav li {
float: left
}
#header div,
#navigation,
#page>div,
#text>div {
max-width: 980px
}
img.emoji,
img.wp-smiley {
display: inline!important;
border: 0!important;
box-shadow: none!important;
height: 1em!important;
width: 1em!important;
margin: 0 .07em!important;
vertical-align: -.1em!important;
background: 0 0!important;
padding: 0!important
}
div.wpcf7 {
margin: 0;
padding: 0
}
div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em
}
div.wpcf7 .screen-reader-response {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14
}
div.wpcf7-mail-sent-ng {
border: 2px solid red
}
div.wpcf7-spam-blocked {
border: 2px solid orange
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700
}
.wpcf7-form-control-wrap {
position: relative
}
span.wpcf7-not-valid-tip {
color: red;
font-size: 1em;
display: block
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid red;
background: #fff;
padding: .2em .8em
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em
}
span.wpcf7-list-item-label::after,
span.wpcf7-list-item-label::before {
content: url()
}
.wpcf7-display-none {
display: none
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//cubematic.com/wp-content/plugins/contact-form-7/includes/css/../../images/ajax-loader.gif);
width: 16px;
height: 16px;
border: 0;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle
}
#menu ul,
div.wpcf7 div.ajax-error {
display: none
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible
}
#logo img,
#menu li:hover ul,
#nav span {
display: block
}
div.wpcf7 .placeheld {
color: #888
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0
}
div.wpcf7 input[type=url(//cubematic.com/wp-content/themes/cubematic/file)] {
cursor: pointer
}
body,
div.wpcf7 input[type=file]:disabled {
cursor: default
}
* {
border: 0;
margin: 0;
padding: 0;
-ms-content-zooming: none
}
#hero .hero-top h1:after,
#info>div:after,
.info-button:after {
content: ''
}
:focus {
outline: 0
}
body {
color: #545454;
font: 17px "Titillium Web";
background: #14161a
}
a {
text-decoration: none
}
#ask a,
#contact a,
#fast p a,
#menu ul a:hover,
#questions a,
.description a,
h2.subtitle a {
text-decoration: underline
}
#header {
background: #16181b;
position: fixed;
width: 100%;
z-index: 2;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
}
#header.odd { background:#fff;
transition:all 0.2s;
}
#page,
#place div {
background: #FFF
}
#header div {
margin: auto;
padding: 16px;
transition:all 0.2s;
}
#logo img {
max-height: 46px;
height:46px;
transition:all 0.2s;
}
#header.active a {
font-size: 16px
}
#header.active img {
height: 32px
}
#header.active div {
padding: 10px 16px
}
#menu {
float: right;
list-style: none
}
#menu>li {
margin: 9px 0 0 32px
}
#nav,
#nav a {
float: right
}
#header.active #menu>li {
margin-top: 4px
}
#menu>li>a {
color: #FFF;
font: 300 18px Dosis;
text-transform: uppercase
}
#menu>li>a:hover {
color: #00a417
}
#header.odd #menu>li>a {
color: #333
}
#header.odd #menu>li>a:hover {
color: #00a417
}
#menu>.current-menu-item>a,
#menu>.current-menu-parent>a {
color: #21bc37
}
#crumbs a,
#crumbs li {
color: #a9a9a9
}
#menu ul {
position: absolute;
border-top: 2px solid #00a417;
background: #EEE;
list-style: none;
padding: 16px 24px 24px;
margin-left: -24px
}
#menu li li {
margin-top: 8px
}
#menu ul a {
color: #636363;
font: 300 16px Dosis;
text-transform: uppercase
}
#page>div {
margin: auto;
padding: 78px 16px 70px;
position: relative
}
#place {
padding-bottom: 8px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/b.png)
}
#place div {
padding: 16px 0
}
#crumbs {
list-style: none
}
#crumbs li {
margin: 6px 4px 0 0;
font-size: 14px
}
#nav {
list-style: none;
margin: -16px 0 0 -8px
}
#nav a {
padding-right: 31px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/place.png) right no-repeat #DDD;
margin: 16px 0 0 8px
}
#nav .active a {
background: url(//cubematic.com/wp-content/themes/cubematic/images/place2.png) 12px center no-repeat #DDD;
padding: 0 0 0 31px
}
#nav span {
color: #7c7c7c;
font-size: 17px;
border: solid #b3b3b3;
border-width: 0 1px 0 0;
padding: 4px 22px
}
#nav .active span {
border-width: 0 0 0 1px
}
.description {
font-family: Arial;
font-size: 15px;
text-align: justify;
line-height: 21px;
margin-bottom: 20px
}
.description a {
color: #00a417!important
}
.description h2 {
margin: 48px 128px 0;
font: 600 26px Dosis;
color: #000;
text-transform: uppercase;
text-align: left
}
#subtitle,
.description h1,
.description h3 {
font: 600 22px Dosis;
color: #666;
text-transform: uppercase
}
#subtitle {
margin-top: 32px
}
.description h1,
.description h3 {
margin: 48px 128px 0;
text-align: left
}
.description p {
margin: 16px 128px 0
}
.description img {
width: 100%;
height: auto;
display: block
}
#customers>a,
#realizations>a {
height: 35px;
position: absolute
}
#field .wpcf7-not-valid-tip,
#offer a,
#offer li:hover p,
#text div div,
.ajax-loader {
display: none
}
.description ul {
list-style: none
}
#list,
#list li {
list-style: circle
}
.description ul:first-child {
margin-top: 32px
}
.description ul ul {
margin-left: 16px
}
#list {
margin: 16px 150px;
text-align: left
}
#list li {
font-size: 14px;
line-height: 17px;
margin-bottom: 10px;
color: #999
}
#assumptions,
#b,
#categories,
#customers ul,
#employees,
#field,
#links,
#links ul,
#navigation ul,
#pagination ul,
#realizations ul,
#sailing ul,
#slide,
#slideshow,
.list {
list-style: none
}
.description table {
margin: 40px auto;
min-width: 650px
}
.description table td {
padding: 4px 10px;
border-bottom: 1px dotted #096;
font-size: 14px;
color: #999;
text-align: left
}
#assumptions strong,
#employees div,
#footer,
#navigation h1,
#number div,
#offer li>div,
#pagination ul,
#questions,
#sailing li,
#text>div,
#title,
#view p,
.headline,
h2.subtitle {
text-align: center
}
.description table tr:nth-child(2n+1) {
background: #f8f8f8
}
.headline {
padding: 20px 0 10px;
font: 300 26px Dosis;
color: #8f8f8f
}
h2.subtitle {
font-size: 15px;
font-weight: 300;
margin-bottom: 18px;
color: #999
}
h2.subtitle a {
color: #999
}
#assumptions {
background: url(//cubematic.com/wp-content/themes/cubematic/images/b.png);
padding: 0 128px 24px 104px
}
#assumptions li,
#employees li {
float: left;
width: 50%
}
#assumptions p {
margin: 24px 0 0 24px;
background: rgba(22, 24, 27, .9);
padding-right: 16px;
font: 400 26px Dosis;
color: #FFF;
text-transform: uppercase
}
#assumptions strong {
width: 32px;
background: #19ad2e;
font-weight: 600;
display: inline-block;
padding: 8px;
margin-right: 16px
}
#assumptions a {
color: #FFF!important;
text-decoration: none
}
#assumptions a:hover {
color: #00a417!important
}
#customers {
border: solid #f2f2f2;
border-width: 1px 0;
background: #fefefe;
padding: 64px 0;
position: relative
}
#customers>a {
width: 18px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/prev.png);
top: 50%;
margin-top: -17px
}
#realizations,
#slideshow {
position: relative
}
#customers img,
#employees img {
display: block;
margin: auto;
max-width: 100%
}
#customers div {
margin: 0 50px
}
#customers ul {
overflow: hidden;
margin-left: -20px;
width: 4096px
}
#customers li {
margin-left: 20px
}
#customers img {
height: auto
}
#contact {
padding: 44px 48px 32px 0;
background: url(//cubematic.com/wp-content/themes/cubematic/images/contact.jpg) bottom no-repeat
}
#contact a {
color: #FFF
}
#data {
width: 48%
}
#ask {
margin: 166px 0 0 128px;
color: #FFF;
font-size: 15px
}
#ask h2 {
font: 800 24px Dosis;
text-transform: uppercase;
margin-bottom: 16px
}
#ask a {
color: #FFF
}
#talk h1 {
font: 600 28px Dosis;
color: #818181;
height: 140px
}
#talk p {
margin: 0 0 16px 128px;
color: #FFF;
font-size: 16px;
font-weight: 300;
line-height: 21px
}
#talk a {
border: 2px solid #FFF;
padding: 4px 32px;
color: #FFF;
font-size: 26px;
font-weight: 600;
margin-left: 128px;
text-decoration: none
}
#talk a:hover {
border-color: #FFF;
background: #FFF;
color: #00a417
}
#employees {
width: 52%;
margin-top: 50px
}
#employees div {
margin-left: 48px;
color: #FFF;
font-size: 22px;
line-height:28px;
}
#employees strong {
display: inline-block;
font-weight: 600;
font-size: 18px;
margin-top: 16px
}
#touch {
background: url(//cubematic.com/wp-content/themes/cubematic/images/b.png) 0 57px repeat-x;
padding: 48px 48px 0
}
#information {
width: 36%
}
#touch h2 {
font: 200 18px Dosis;
color: #646464;
display: inline;
background: #FFF;
padding: 0 8px;
margin-left: -8px
}
#information p {
font-weight: 300;
color: #646464;
font-size: 15px;
margin-top: 16px
}
#form {
width: 64%
}
#form>div {
margin-left: 64px
}
#field {
margin: 0 0 16px -16px
}
#field li {
width: 100%
}
#field li:nth-child(2),
#field li:nth-child(3) {
width: 50%
}
#field p {
margin: 16px 0 0 16px;
border: 1px solid #c7c7c7;
padding: 4px 8px
}
#field input,
textarea {
color: #a6a6a6;
font: 300 16px "Titillium Web";
width: 100%
}
textarea {
height: 130px;
resize: none
}
#navigation a,
#offer li:hover a,
#share a,
#slideshow li:first-child {
display: block
}
#b li+li,
#view a {
float: right
}
#b .zgoda { font-size:14px; color:#909090; font-weight:300}
#b span a { text-decoration:underline; color:#909090 } 
#navigation li,
#view p {
float: left
}
#submit {
color: #FFF;
cursor: pointer;
font-size: 17px;
text-transform: uppercase;
font-family: "Titillium Web";
background: url(//cubematic.com/wp-content/themes/cubematic/images/submit.png) right no-repeat #00a417;
padding: 4px 48px 4px 16px
}
#file {
color: #a6a6a6;
font: 300 16px "Titillium Web";
width: 256px;
margin-top: 5px
}
.wpcf7 .wpcf7-response-output {
margin: 16px 0 0;
padding: 0;
border: 0
}
#navigation,
#slideshow,
#title {
margin-top: 16px
}
#title {
padding: 96px 16px
}
#navigation span,
#title h1 {
padding: 8px 32px;
display: inline-block;
font: 600 40px Dosis;
color: #FFF;
text-transform: uppercase;
background: rgba(22, 24, 27, .9)
}
#questions {
border: 1px solid #e7e7e7;
padding: 32px;
margin: 48px 128px 64px;
font-weight: 300;
color: #686868;
font-size: 18px
}
#questions h2 {
font: 600 27px Dosis;
color: #00a417;
margin-bottom: 8px;
text-transform: uppercase
}
#questions strong {
font-weight: 600
}
#questions a {
color: #00a417
}
#navigation {
position: absolute;
z-index: 1;
width: 100%
}
#navigation h1 {
float: left;
width: 100%;
margin-right: -100%
}
#navigation ul {
float: right;
margin-right: 22px
}
#navigation a {
width: 16px;
height: 16px;
background: #e0e0e0;
margin: 26px 4px 0 0
}
#navigation .active a,
#navigation a:hover {
background: #00a417
}
#slideshow li {
display: none;
position: absolute
}
#slideshow img {
width: 100%;
height: auto;
display: block;
border: 1px solid #e7e7e8
}
#share {
list-style: none;
position: fixed;
top: 120px;
right: 0
}
#share a {
text-transform: uppercase;
width: 64px;
text-align: center;
color: #a2a3a2;
font: 300 16px Dosis;
background: url(//cubematic.com/wp-content/themes/cubematic/images/contact.png) center 8px no-repeat #FFF;
padding: 37px 0 8px;
margin-top: 6px;
border: 1px solid #e9e9e9
}
#share li+li a {
padding: 32px 0;
background: url(//cubematic.com/wp-content/themes/cubematic/images/facebook.png) center no-repeat #FFF
}
#text {
background: url(//cubematic.com/wp-content/themes/cubematic/images/text.jpg) center fixed;
background-size: cover
}
#text>div {
margin: auto;
padding: 48px 16px 80px
}
#offer p,
#text div>a,
#text p {
margin-top: 16px
}
#text h2,
#text h3 {
color: #FFF;
font: 400 44px Dosis;
margin-top: 16px
}
#text p,
#text p a {
color: #fff
}
#text p {
font-size: 20px;
font-weight: 200
}
#text div>a {
display: inline-block;
padding: 8px 32px;
border: 2px solid #fff;
color: #fff;
font-size: 18px;
font-weight: 300
}
#offer,
#view {
background: url(//cubematic.com/wp-content/themes/cubematic/images/b.png);
padding-top: 8px
}
#offer ul {
background: #FFF;
padding-bottom: 32px
}
#offer li>div {
border-bottom: 1px solid #DDD;
font-weight: 200;
padding: 0 24px 24px;
transition:all 0.2s linear;
}
#offer div:hover {
background: #16181b
}
#offer h2 {
color: #000;
font: 600 19px Dosis;
text-transform: uppercase;
padding-top: 83px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/shops.png) center 24px no-repeat
}
#offer li:first-child h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/website.png)
}
#offer li:nth-child(3) h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/positioning.png)
}
#offer li:nth-child(4) h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/identification.png)
}
#offer li:nth-child(5) h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/media.png)
}
#offer li:last-child h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/print.png)
}
#offer li:hover h2 {
color: #FFF;
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/shops2.png)
}
#offer li:first-child:hover h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/website2.png)
}
#offer li:nth-child(3):hover h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/positioning2.png)
}
#offer li:nth-child(4):hover h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/identification2.png)
}
#offer li:nth-child(5):hover h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/media2.png)
}
#offer li:last-child:hover h2 {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/print2.png)
}
#offer p {
font-weight: 200;
font-size: 14px
}
#view div {
background: #FFF;
padding: 35px 0
}
#view p {
width: 100%;
margin-right: -100%;
font: 200 30px Dosis;
color: #646464
}
#view a {
margin-top: 2px
}
#offer+div+#realizations {
padding-bottom: 8px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/b.png);
margin-bottom: -32px
}
#realizations>a {
width: 18px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/prev.png);
margin: 0 -34px
}
#customers div+a,
#realizations div+a,
#sailing ul+a {
right: 0;
background: url(//cubematic.com/wp-content/themes/cubematic/images/next.png)
}
#realizations>div {
background: #FFF
}
#offer+div+#realizations>div {
padding-bottom: 32px
}
#categories a,
#pagination a {
padding: 4px 16px;
display: block
}
#realizations ul {
margin-left: -32px;
width: 4096px
}
#realizations li {
float: left;
margin-left: 32px;
font-weight: 200;
color: #8a8a8a;
font-size: 16px
}
#realizations img {
width: 100%;
height: auto;
display: block
}
#realizations h2 {
font: 200 20px Dosis;
text-transform: uppercase;
color: #16181b;
margin: 16px 0 8px
}
#categories {
margin-left: -16px
}
#categories li {
float: left
}
#categories a {
margin: 16px 0 0 16px;
color: #7c7c7c;
font-weight: 300;
background: #DDD
}
#number,
.list {
margin-left: -32px;
overflow: hidden
}
#categories .current-cat a,
#categories a:hover,
#pagination a:hover {
background: #00a417;
color: #FFF
}
.list li {
float: left
}
.list li>div {
margin: 32px 0 0 32px;
font-family: Arial
}
.project>a {
display: block;
border: 1px solid #e7e7e8
}
.project img {
width: 100%;
height: auto;
display: block;
transition: .2s
}
.project img:hover {
opacity: .9!important;
filter: alpha(opacity=90)!important;
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1)
}
.title {
font: 200 20px Dosis;
text-transform: uppercase;
color: #16181b;
margin: 16px 0 8px
}
.infosub { font-size:14px; margin-top:30px; padding:30px; background:#F9F9F9 }
#bottom,
#occupation,
#sailing div {
margin: auto;
max-width: 980px
}
.project a {
color: #8a8a8a;
font-size: 15px;
font-weight: 200
}
#links a,
#occupation h2 {
color: #FFF;
text-transform: uppercase
}
#pagination {
background: url(//cubematic.com/wp-content/themes/cubematic/images/b.png);
padding-top: 8px;
margin-top: 32px
}
#pagination ul {
background: #FFF
}
#pagination li {
display: inline-block
}
#pagination a {
background: #DDD;
color: #7c7c7c;
font-size: 19px;
margin: 16px 4px 0
}
#mountain {
background: url(//cubematic.com/wp-content/themes/cubematic/images/mountain.jpg) center center;
}
#mountain+#page>div {
padding-top: 0
}
#occupation {
padding: 158px 16px 80px;
position: relative
}
#occupation h2 {
font: 600 30px Dosis
}
#slide {
position: absolute;
width: 100%
}
#slide li {
position: absolute;
display: none;
width: 100%
}
#sailing li:first-child,
#slide li:first-child {
display: block
}
#slide img {
margin: 94px 0 0 45%
}
#sailing {
background: #EEE
}
#sailing div {
padding: 16px;
overflow: hidden;
position: relative;
z-index: 1
}
#sailing a {
width: 18px;
height: 35px;
float: left;
background: url(//cubematic.com/wp-content/themes/cubematic/images/prev.png);
margin-top: 6px
}
.more,
.more_btn {
background: url(//cubematic.com/wp-content/themes/cubematic/images/more.png) right no-repeat #00a417
}
#sailing ul {
overflow: hidden;
float: left
}
#sailing li {
display: none;
width: 224px;
margin: 0 16px;
color: #939393;
font-size: 14px
}
#sailing h2 {
font-weight: 300;
color: #313131;
font-size: 16px
}
#bottom {
padding: 32px 16px 80px;
overflow: hidden
}
#links {
float: left;
width: 68%;
overflow: hidden
}
#links>li {
float: left;
width: 50%
}
#links div {
margin-right: 16px
}
#bottom h2 {
text-transform: uppercase;
color: #00a417;
font: 400 18px Dosis;
margin: 16px 0
}
#links a {
font: 300 15px Dosis
}
#links a:hover {
color: #999
}
#fast {
float: left;
width: 32%
}
#fast strong {
font: 600 23px Dosis;
color: #FFF;
margin-bottom: 16px;
display: block
}
#fast p+p {
font-weight: 300;
font-size: 21px;
color: #FFF
}
#fast p a {
color: #FFF
}
.more {
display: inline-block;
padding-right: 31px;
margin: 16px auto 0
}
.more span,
.more_btn span {
display: block;
padding: 4px 18px;
border-right: 1px solid #009415;
color: #FFF
}
#footer,
#footer a {
color: #676767
}
.more_btn {
display: inline-block;
margin-top: 16px;
padding-right: 31px
}
#footer,
#stats,
#top {
margin: auto
}
#top {
max-width: 980px;
padding: 0 16px
}
#top p {
border-top: 1px solid #393b3e
}
#top a {
width: 49px;
height: 49px;
display: block;
border-radius: 25px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/top.png) center no-repeat #393b3e;
margin: -25px auto 0
}
#top a:hover {
background: url(//cubematic.com/wp-content/themes/cubematic/images/top.png) center no-repeat #00a417
}
#footer {
padding: 24px 16px;
font-size: 15px;
font-weight: 300
}
#statistics {
background: #FFF
}
#gpartner,
#hero,
.info-button:after {
background-repeat: no-repeat
}
#stats {
padding: 64px 16px 96px;
max-width: 980px
}
#number div {
width: 25%;
padding: 32px 0 0 32px;
box-sizing: border-box;
color: #14161a;
float: left
}
#statistics strong {
color: #00a417;
font-size: 60px
}
#hero {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/hand.png);
background-size: 50%;
background-position: bottom right;
background-color: #eee;
min-height: 60px
}
#gpartner>div,
#hero>div,
#info>div {
margin: auto;
max-width: 980px
}
#hero .hero-content {
max-width: 570px;
padding: 100px 0 150px
}
#hero .hero-top {
padding-bottom: 40px;
border-bottom: 1px dashed #aaa
}
#hero .hero-top h3 {
text-transform: uppercase;
font-weight: 600;
font-family: Dosis, sans-serif;
font-size: 40px;
color: #000;
position: relative;
margin-bottom: 80px
}
#gpartner h3,
#hero .hero-bottom h3 {
color: #00a417;
font-family: Dosis, sans-serif
}
#hero p {
font-size: 17px;
line-height: 20px;
margin-bottom: 20px
}
#hero .hero-top h3:after {
content:'';
position: absolute;
bottom: -20px;
left: 0;
width: 170px;
height: 2px;
background-color: #00a417
}
#hero .hero-bottom {
padding-top: 40px
}
#hero .hero-bottom h3 {
font-size: 130px;
font-weight: 600;
display: block;
float: left;
margin-right: 35px
}
#hero .hero-bottom p {
margin-top: 30px
}
#gpartner {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/google.png);
background-size: 55%;
background-color: #fff;
background-position: center right
}
#gpartner .gpartner-content {
max-width: 570px;
padding-top: 120px;
padding-bottom: 150px
}
#gpartner h3 {
font-weight: 600;
font-size: 40px;
text-transform: uppercase;
margin-bottom: 40px;
letter-spacing: -.01em
}
#gpartner p {
font-size: 25px;
color: #000;
font-weight: 300;
letter-spacing: -.01em;
margin-bottom: 50px
}
#gpartner strong { font-weight:800 }
#info {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/info-background.jpg.png);
background-size: cover;
padding-bottom: 50px
}
#info>div:after {
display: table;
clear: both
}
#info .info-half {
width: 50%;
float: left;
margin-top: 110px;
margin-bottom: 60px;
color: #fff;
box-sizing: border-box
}
#info .info-half:first-child {
padding-right: 40px
}
#info .info-half:last-child {
padding-left: 40px
}
.info-half h3 {
font-size: 25px;
font-weight: 500;
font-family: Dosis, sans-serif;
text-transform: uppercase;
margin-bottom: 25px
}
.info-half p {
font-size: 16px;
line-height: 20px
}
#info .info-button {
padding-left: 15px;
margin: auto;
display: block;
width: 230px;
height: 50px;
background-color: #14161a;
color: #fff;
line-height: 50px;
font-weight: 600;
font-size: 19px;
position: relative
}
.info-button:after {
position: absolute;
width: 40px;
height: 50px;
top: 0;
right: -40px;
background-color: #14161a;
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/info-button-arrow.png);
background-position: center center;
border-left: 1px dotted #343536
}
@media(max-width:1150px) {
#hero {
background-image: none
}
#hero .hero-content {
max-width: 100%;
padding: 100px 40px 150px
}
#gpartner .gpartner-content {
max-width: 100%;
padding-left: 40px;
padding-right: 40px
}
}
@media(max-width:900px) {
#gpartner{
background-image:none;
}
#gpartner .gpartner-image, #hero .hero-content-image {
background-repeat: no-repeat;
background-position: bottom right;
height: 400px
}
#crumbs li:nth-child(even),
#menu,
#navigation ul,
#offer p,
#share {
display: none
}
#menu,
#view {
text-align: center
}
#menu ul,
#navigation {
position: relative
}
#menu ul,
#offer a {
display: block
}
#hero .hero-content-image {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/hand.png);
background-size: contain
}
#gpartner .gpartner-image {
background-image: url(//cubematic.com/wp-content/themes/cubematic/images/google.png);
background-size: 100%
}
#stats {
padding: 0 16px 32px
}
#number div {
width: 100%
}
#statistics strong {
font-size: 30px
}
#subtitle {
margin-top: 16px
}
#crumbs,
#header p,
#view p {
float: none
}
#button {
float: right;
width: 24px;
height: 16px;
background: url(//cubematic.com/wp-content/themes/cubematic/images/button2.png);
margin-top: 13px
}
#crumbs li,
#menu,
#menu>li,
#nav,
#navigation h1,
#view a {
float: none
}
#header.odd #button {
background: url(//cubematic.com/wp-content/themes/cubematic/images/button.png)
}
#header.active #button {
margin-top: 8px
}
#page>div {
padding-bottom: 20px;
padding-top:80px !important;
}
#menu>li {
margin: 16px 0 0
}
#menu ul {
margin: 16px 0 0;
padding: 8px 16px 16px
}
.headline {
padding: 16px 0 8px
}
.list {
margin-left: -16px
}
.list li>div {
margin: 16px 0 0 16px
}
#talk a,
#talk p {
margin: 0 16px 16px
}
#offer h2 {
padding-top: 75px;
background-position: center 16px
}
#view a {
margin-top: 16px
}
#navigation span,
#title h1 {
padding: 16px;
display: block
}
#crumbs li {
margin: 0 0 16px
}
#talk h1 {
margin: 16px;
color: #FFF;
height: auto;
font-size: 24px
}
#talk a {
padding: 8px 16px;
display: inline-block
}
#touch {
padding: 16px 0 0;
background-position: 0 25px
}
#assumptions p,
#form>div,
.description h1,
.description h2,
.description h3,
.description p {
margin: 16px 0 0
}
#realizations>a {
margin: 0
}
#realizations>div {
margin: 0 34px;
background: 0 0
}
#offer+div+#realizations {
padding: 0;
margin-bottom: -48px;
background: 0 0
}
#assumptions,
#offer li>div {
padding: 0 16px 16px
}
#contact {
padding: 0;
background: #19ad2e;
margin-top: 16px
}
#employees {
margin: 0 16px 16px 0
}
#employees div {
margin-left: 16px
}
#ask {
margin: 16px
}
#bottom {
padding: 0 16px 40px
}
#assumptions li,
#data,
#employees,
#fast,
#form,
#information,
#links,
#links>li {
float: none;
width: auto
}
#footer,
#text>div {
padding: 16px
}
#slide img {
margin: 94px 0 0 34%
}
}
@media(max-width:1024px) {
#slide img {
margin: 94px 0 0 36%
}
#info .info-half {
width: 100%;
padding: 0 40px!important
}
}
@media(max-width:480px) {
#b li, #b li+li {
float: none
}
#crumbs,
#mountain,
#questions {
display: none
}
#description,
#list {
text-align: left
}
#list,
#list li {
list-style: circle
}
#sailing ul {
width: 100%;
margin: 0 -18px
}
#slide img {
left: 32%
}
#b li+li {
margin-top: 16px
}
#page h2.headline {
padding-top: 100px
}
#navigation h1 span,
#title h1 {
font-size: 26px
}
#assumptions p,
#employees p {
font-size: 16px
}
.description table {
margin: 30px auto;
min-width: 250px
}
.description table td {
font-size: 12px
}
#list {
margin: 16px
}
#list li {
font-size: 14px;
line-height: 17px;
margin-bottom: 10px;
color: #999
}
#offer ul.list div div {
width: 98%
}
iframe { width:auto; margin:auto }
#cookies-message { display:none }
}
@media(max-width:980px) {
#mountain {
display: none
}
}