/*

Theme Name: COBALT PARTNER

Description: COBALT PARTNER

Version: 1.1

Author: Piotr Sember

Author URI: http://millstudio.pl

*/

html {overflow-y: scroll !important;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body {margin:0;background:#fff;line-height: 1.4;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/* min-width:1024px; */}

body, td, input, textarea, button {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:15px;color: #707070;font-weight: 300;}

h1, h2, h3, h4, h5, h6 {font-family: 'Bitter', serif;}

.s_btn, .form_cont div.uploader span.action, #submit_info span, .page-id-18 form div.uploader.hover span.action, #search-icon, a {

  -webkit-transition: all 0.2s ease-out 0s;

  -moz-transition: all 0.2s ease-out 0s;

  -o-transition: all 0.2s ease-out 0s;

  -ms-transition: all 0.2s ease-out 0s;

  transition: all 0.2s ease-out 0s;

}

input, textarea, button {outline: none;}

.clr {clear: both !important;padding: 0 !important;margin: 0 !important;float: none !important;display: block !important;height: auto !important;width: auto !important;}

h1, h2, h3, h4, h5, h6, strong {font-weight: 700;}

h1, h2, h3, h4, h5, h6, p, ul, ol {margin: 0;}

h3 {font-size:22px;}

ul, ol {padding-left: 1.5em;}

a {color:inherit;outline:none;text-decoration:none;}

a img {border: none;}

#header {padding: 30px 0 39px 0;}

#logo {display: block;float: left;}

#logo img {display: block;height: 32px;width: auto;}

#header ul {list-style: none;margin: 0;padding: 17px 0 0 0 !important;float: right;font-size:14px;}

#header li {float: left;margin-left: 38px;}

#header li:first-child {margin-left: 0;padding-left: 0;}

#header #lang_sel_list a, #header li a {color: #767676;font-size: inherit;line-height: inherit;}

#header .current_page_item a, #header li a:hover {text-decoration: underline;}

#header .container {overflow: hidden;}

#search-top {float: right;position: relative;margin-top: 15px;margin-left: 10px;display: none;}

#search-icon {display: block;position: absolute;right:0;top: 2px;width: 17px;height:16px;background: url("images/loupe.png") no-repeat 0 0;background-size: 100% auto;cursor: pointer;opacity: 1;z-index: 1;}

.active #search-icon {opacity: 0;}

#searchform label, #searchsubmit {display:none;}

#s, #searchform {width: 83px;}

#s {font-size: 11px;line-height: 19px;height: 19px;margin: 0;padding: 0;border: none;display: block;background: none;display: none;position: relative;z-index: 2;text-align: right;}

.active #s {display: block;}

.container {max-width:1024px; margin: 0 auto;padding: 0 10px;}

#banner {background-position: center center;background-repeat: no-repeat;background-size: cover;font-size: 29px;background-color: #043fa2;color: #fff;text-align:center;}

#banner.type_2 {color: #484848;background-color: #fff;}

#banner-title {font-size: 1.6em;margin-bottom: 12px;}

#banner-in {display: table;border-collapse: collapse;border-spacing: 0;width: 100%;height: 530px;}

#banner-content {display: table-cell;vertical-align: middle;}

#banner .container, #container .container, #bottom .container {padding-left: 110px;padding-right: 110px;overflow: hidden;}

.page-id-10 #container .container {padding-left: 20px;padding-right: 20px;text-align: center;}

#bottom {background: #043fa2;padding: 25px 0;color:#fff;font-size:26px;}

#bottom .container p:first-child {text-align: center;}

img.aligncenter {display:block;margin:0 auto;}

#footer {max-width: 1024px;margin: 0 auto;position: relative;padding: 45px 0;font-size:13px;}

.cookie-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #486392;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 5px 0
}
.cookie-info a {
  text-decoration: underline;
}
.cookie-close {
  position: absolute;
  right: 15px;
  top: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}
#footer .container {overflow:hidden;}

#copyright {float:left;margin-right: 34px;margin-top: 6px;}

#copyright strong {font-weight:inherit;color:#043fa2;}

#logo-2 {display: block;float: left;margin-top: 12px;}

#logo-2 img {display: block;height: 25px;width: auto;}

#footer ul {float: right;list-style: none;margin: 0;padding: 10px 0 0 0;font-size: 13px;color:#043fa2;line-height:1;}
.footer-menu {
  float: right;
}
#footer li {float: left;margin-left: 8px;padding-left: 8px;border-left:1px solid #535353;}

#footer li:first-child {padding:0;margin:0;border:none;}

#footer .current_page_item a, #footer li a:hover {text-decoration: underline;}

#container {padding-top: 80px;padding-bottom: 80px;}

.page-id-8 #container {padding: 0;}

.s-title {line-height: 74px;font-size: 22px;color: #484848;margin-bottom: 27px;}

.s-title img {height: 74px;display: block;float: right;margin-right:150px;}

.section {padding: 50px 0;}

.section.type_2 {background:#282828;color:#a2a2a2;}

.section.type_2 .s-title {color: #fff;}

.client {width: 20%;float: left;padding: 0 6px 10px 6px;text-align: center;}

.client img:first-child {display: block;width:61px; height: auto;margin: 0 auto 20px auto;}

.client:nth-child(5n+1) {clear: left;}

.page-id-12 #container {padding-bottom:80px;}

.equipe {width: 50%;float: left;}

.equipe-img {display: block;margin: 0 auto 50px auto;}

.equipe-name {margin-bottom: 13px;color: #484848;font-size: 25px;text-align: center;}

.equipe:nth-child(2n+1) {clear: left;padding-right:10px;}

.equipe:nth-child(2n) {padding-left: 10px;clear: right;}

.equipe-desc {margin-bottom: 25px;text-align: justify;}

a.vcard, a.mailto, a.linkedin {padding-left: 32px;background: url("images/vcard-icon.png") no-repeat left center; background-size: auto 18px;color: #043fa2;display: block;float: left;clear: both;margin: 0 0 5px 0;}

a.mailto {background-image: url("images/mail-icon.png"); background-size: auto 14px;}

a.linkedin {background-image: url("images/linkedin-icon.png");}

/*tmp*/

#container.posts-cont {padding:80px 0;text-align: center;}

/*tmp*/

.form_el {padding-top: 15px;}

.form_el.sending {background:url("images/sending.gif") no-repeat center top;}

.form_cont label {font-size: 17px;margin-bottom: 4px;display: inline-block;}

.form_cont .s_btn, input, .form_cont textarea {background: #f0f0f0;padding: 0 10px;line-height: 46px;height: 46px;border: none;width:100%;}

.form_cont .err input, .form_cont .err textarea {color: #fff;background: #043fa2;}

.form_cont textarea {height: 270px;padding-top: 5px;padding-bottom: 5px;resize: vertical;line-height: 1.4;}

.form_cont {max-width: 530px;margin-top: 36px;}

.form_cont div {overflow: hidden;margin-bottom: 24px;position: relative;}

#submit_el {padding-top: 16px;}

#f_cv_div, #f_mot_l_div {overflow:visible;}

.form_cont .s_btn {background: #043fa2;color: #fff;text-transform: uppercase;width: auto;padding: 0 30px;cursor: pointer;font-size: 17px;display: inline-block;}

.form_cont .s_btn:hover {background: #484848;}

.l_col {width: 50%;float: left;padding-right: 10px;}

.r_col {width: 50%;float: right;padding-left: 10px;}

.form_cont div.uploader span.filename {border-right:none;position: absolute;left: 100%;height: 100%;line-height: 46px;margin: 0;color: #707070;font-size: 15px;width: auto;}

.form_cont div.uploader {height:46px;margin: 0 !important;width: auto;background: none;overflow:visible;cursor: pointer;}

.form_cont div.uploader span.action {background:#7d7d7d;color:#fff;text-shadow:none;font-size:17px;font-weight:inherit;line-height: 46px;height: 46px;width: auto;padding: 0 30px;cursor: pointer;}

.form_cont div.uploader.hover span.action {background:#043fa2;}

.form_cont_re {font-size:26px;padding-top:80px;}

.form_re, .form_cont_re h4 {display:inline-block;border:3px solid #043fa2;padding:10px;color:#043fa2;margin-bottom:30px;}

.form_re {display: none;margin-top: 30px;text-align: center;font-size: 1.5em;}

#contact-desc {font-size: 0.8em;}

#contact-details {width: 260px;float: right;text-align: right;}

#contact-form {width: 530px;float: left;}

.page-id-20 #container {padding-top: 0;}

#map {margin-bottom: 40px;height: 530px;width: 100%;}

#contact-details, #form-title {margin-top: 35px;}

.page-id-20 .form_cont {margin-top: 23px;}

#front-page {margin: 0 auto;display: block;}

.news {width: 900px;margin: 64px auto 0 auto;}

.news:first-child {margin-top:0;}

.news-title {font-size: 33px;margin-top: 45px;color: #000;line-height: 1.3;}

.news-img {width: 100%;display: block;}

.news-intro {margin-top: 57px;}

#header #lang_sel_list {float: right;margin-left:28px;font-family:inherit;z-index: 1;}

#header #lang_sel_list li {padding-left: 11px !important;margin-left: 10px !important;float: left;position: relative;}

#header #lang_sel_list li:after {position: absolute;left: 0;top: 50%;margin-top: -7px;height: 14px;width: 1px;background: #8d8d8d;display: block;content: "";}

#header #lang_sel_list li:first-child {padding-left:0 !important;margin-left:0 !important;}

#header #lang_sel_list li:first-child:after {display: none;content: none;}

#header #lang_sel_list a {padding:0;background: none;}

#lang_sel_list a:hover, #lang_sel_list a.lang_sel_sel {text-decoration: underline !important;}

#home-box {width: 1280px;margin: 0 auto;overflow: hidden;color: #000;line-height: 1.25;}

#home-box .box {float: left;position: relative;overflow: hidden;padding: 42px 47px 0 47px;}

#home-box .box-link {position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;background: url("images/transparent.png") repeat;display: block;}

#home-box .box-title {margin-bottom: 15px;}

#home-box .box-image {

  position: absolute;left: 0;top:0;width: 100%;height: auto;z-index: 2;display: block;

  -webkit-transition: all 0.4s ease-in 0s;

  -moz-transition: all 0.4s ease-in 0s;

  -o-transition: all 0.4s ease-in 0s;

  -ms-transition: all 0.4s ease-in 0s;

  transition: all 0.4s ease-in 0s;

}

#box-0, #box-1 {width: 320px;height: 482px;}

#box-2, #box-3, #box-4 {width: 640px;height: 241px;}

#box-5, #box-6 {width: 320px;height: 241px;}

.touch #home-box .box:hover .box-image {

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}

.touch #home-box #box-0.clicked .box-image, #box-0:hover .box-image {

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

}

.touch #home-box #box-1.clicked .box-image, #box-1:hover .box-image {

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

}

.touch #home-box #box-2.clicked .box-image, #box-2:hover .box-image {

  -webkit-transform: translateX(100%);

  -ms-transform: translateX(100%);

  transform: translateX(100%);

}

.touch #home-box #box-3.clicked .box-image, #box-3:hover .box-image {

  -webkit-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  transform: translateX(-100%);

}

.touch #home-box #box-4.clicked .box-image, #box-4:hover .box-image {

  -webkit-transform: translateY(100%) translateX(100%);

  -ms-transform: translateY(100%) translateX(100%);

  transform: translateY(100%) translateX(100%);

}

.touch #home-box #box-5.clicked .box-image, #box-5:hover .box-image {

  -webkit-transform: translateY(-100%) translateX(-100%);

  -ms-transform: translateY(-100%) translateX(-100%);

  transform: translateY(-100%) translateX(-100%);

}

.touch #home-box #box-6.clicked .box-image, #box-6:hover .box-image {

  -webkit-transform: translateY(-100%) translateX(100%);

  -ms-transform: translateY(-100%) translateX(100%);

  transform: translateY(-100%) translateX(100%);

}

#box-0, #box-3 {color: #fff;background: #043fa2;}

#box-2, #box-4 {background: #e3e3e3;}

#submit_info {margin-top: 50px;overflow: hidden;}

#submit_info span {

  display: block;float: left;

  min-height: 48px;border: 3px solid #043fa2;

  line-height: 24px;

  padding: 9px 10px;color: #043fa2;font-size: 17px;opacity: 0;width: auto;

  -webkit-transition: all 0.2s ease-out 0s;

  -moz-transition: all 0.2s ease-out 0s;

  -o-transition: all 0.2s ease-out 0s;

  -ms-transition: all 0.2s ease-out 0s;

  transition: all 0.2s ease-out 0s;

}

.w_err #submit_info span {opacity: 1;}

.page-id-18 #container, .page-id-20 #container {padding-bottom: 20px;}

.sended #form-title {display: none;}

#menu-btn {display:none;}

@media (max-width:1299px) {

  #home-box {width:1024px;font-size:13px;}

  #home-box .box {padding:15px 20px 0 20px;}

  #box-0, #box-1 {width: 256px;height: 384px;}

  #box-2, #box-3, #box-4 {width: 512px;height: 192px;}

  #box-5, #box-6 {width: 256px;height: 192px;}

  #banner .container, #container .container, #bottom .container {padding-left: 50px;padding-right: 50px;}

  #banner-in {height: 430px;}

  #banner-content {display: table-cell;vertical-align: middle;}

}

@media (max-width:1024px) {

  #bottom, #banner {font-size:20px;padding: 25px 0;}

  #banner-in {height: auto;display:block;;}

  #banner-content {display: block;}

  .page-id-12 #container, .section, #container {padding:40px 0;}

  .client {padding-bottom:20px;}

  #header {padding: 20px 0;}

  #footer {padding:20px 0 10px 0;}

}

@media (max-width:1023px) {

  #home-box {width:768px;font-size:12px;}

  #home-box .box {padding:4px 6px 0 6px;}

  #home-box .box-title {margin-bottom:6px;font-size:1.3em;}

  #box-0, #box-1 {width: 192px;height: 288px;}

  #box-2, #box-3, #box-4 {width: 384px;height: 144px;}

  #box-5, #box-6 {width: 192px;height: 144px;}

  #banner .container, #container .container, #bottom .container {padding-left: 20px;padding-right: 20px;}

  #logo img {height:24px;}

  #header #lang_sel_list, #header li {margin-left:13px;}

  #header ul {padding-top:9px !important;}

  #contact-form {width: 420px;}

  .form_cont .s_btn, .form_cont div.uploader span.action, .form_cont input {line-height:36px;height:36px;}

  .form_cont .s_btn, .form_cont div.uploader span.action {padding:0 20px;}

  .form_cont div.uploader {height:36px;}

  #logo-2 {display:none;}

  #copyright {margin-right:0;}

  #footer ul, #footer {font-size:12px;}

  #footer li {margin-left:6px;padding-left:6px;}

}

@media (max-width:767px) {

  #banner .container, #container .container, #bottom .container {padding-left:10px;padding-right:10px;}

  #home-box {width:640px;font-size:15px;}

  #home-box .box {padding:15px 20px 0 20px}

  #home-box .box-title {margin-bottom:15px;}

  #box-0, #box-1 {width: 320px;height: 240px;}

  #box-2, #box-3, #box-4 {width: 640px;height: 240px;}

  #box-5, #box-6 {width: 320px;height: 240px;}

  .client {width:25%;display:inline-block;}

  .client:nth-child(5n+1) {clear: none;}

  .client:nth-child(4n+1) {clear: left;}

  .equipe:nth-child(2n+1), .equipe {float:none;clear:both;width:auto;margin-top:40px;overflow: hidden;padding:0;}

  .equipe:first-child {margin-top:0;}

  .equipe-name, .equipe-img {margin-bottom:20px;}

  #logo-2 {display:block;float:right;margin-top: 3px;}

  #copyright {margin-top:0;}

  #footer ul {display:none;}

  .s-title img {margin-right:0;}

  .s-title {font-size: 1.3em;line-height: 50px;}

  .s-title img {height:50px;}

  .l_col, .r_col {width:auto;float:none;padding:0;}

  .l_col + .r_col {padding-top:20px;}

  .form_cont .s_btn, .form_cont div.uploader span.action, .form_cont input {height:30px;line-height:30px;font-size: 14px;}

  .form_cont .s_btn, .form_cont div.uploader span.action {padding:0 10px;}

  .form_cont div.uploader span.filename {display: none;}

  #contact-details, #contact-form {width:auto;float:none;text-align:left;}

  #submit_info {margin-top:0;}

  .form_cont div {margin-bottom:20px;}

  #header .menu {display:none;position:fixed;left:0;width:100%;top:0;height:100%;background: #000;background: rgba(0,0,0,0.9);z-index:10;}

  #header .menu ul {padding:0;float:none;text-align:center;font-size:24px;position:fixed;top:50%;margin-top: -135px;left:0;width:100%;}

  #header .menu li {float:none;margin:5px 0;}

  #header .menu a {color:#fff;padding:10px 0;}

  #menu-btn {float: right;display: block;cursor: pointer;position: relative;z-index:11;margin-top: 4px;margin-left:20px;}

  #menu-btn > span {

    display: block;float: none;margin-bottom:4px;

    -webkit-transition: all 0.3s ease-out 0.3s;

    transition: all 0.3s ease-out 0.3s;

  }

  #menu-btn > span:last-child {margin:0;}

  #menu-btn > span > span {background:#043fa2;width:24px;height: 4px;display:block;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;border-radius:2px;}

  .show-menu #menu-btn > span {-webkit-transition-delay:0s;transition-delay:0s;}

  .show-menu #menu-btn > span > span {-webkit-transition-delay:0.3s;transition-delay:0.3s;background:#fff;}

  .show-menu #menu-btn > span:nth-child(2) {opacity:0;}

  .show-menu #menu-btn > span:nth-child(1) {-webkit-transform:translateY(9px);transform:translateY(9px);}

  .show-menu #menu-btn > span:nth-child(1) span {-webkit-transform:rotate(45deg);transform:rotate(45deg);}

  .show-menu #menu-btn > span:nth-child(3) {-webkit-transform:translateY(-9px);transform:translateY(-7px);}

  .show-menu #menu-btn > span:nth-child(3) span {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

  .show-menu #header .menu {display:block;}

}

@media (max-width:639px) {

  #home-box {width:320px;font-size:15px;}

  #home-box .box {padding:15px 20px 0 20px}

  #home-box .box-title {margin-bottom:15px;}

  #home-box .box {width: 320px;height: 241px;}

  #box-2 .box-image, #box-3 .box-image, #box-4 .box-image {width:auto;max-width:none;height:100%;}

  .client {width:50%;}

  .client:nth-child(4n+1) {clear: none;}

  .client:nth-child(2n+1) {clear: left;}

  #logo-2 {margin-top:4px;}

  #logo-2 img {height:21px;}

  #footer {font-size:10px;}

}

@media (max-width:479px) {

  .client {width:100%;float:none;}

  .client:nth-child(2n+1) {clear: none;}

  #bottom, #banner {font-size:15px;}

}