/*
Theme Name: Kognitariat 
Description: Szablon strony Kognitariat
Version: 1.0
Author: Andrzej Grzyb
*/

body {background:#fff url("images/body-bg.gif") repeat-x top; text-align:left; color:#000; font-family:'Fira Sans', Arial, Verdana, sans-serif; font-size:15px;}

/* applying box model for all elements */
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clear float */
.clear {clear:both; height:0; font-size:1px; line-height:0px;}

/* common styles */
img {border: 0; max-width:100%;}
img.aligncenter {text-align:center; margin:0 auto; display:block;}

/* template */
#container {width:100%;}
#content {padding:25px 0 50px 0;}
.wrapper {width:960px; min-width:320px; margin:0 auto; position:relative; overflow:hidden;}
#leftside {float:left; width:70%; padding:15px 0 0 0;}
#sidebar {float:right; width:28%;}

/* header */
#header {position:relative; height:197px; margin-top:5px; z-index:100}
#logo {float:left; margin-top:30px; width:214px;}
.header-text {float:left; color:#000; opacity:0.6; font-size:25px; font-weight:500; padding:40px 0 0 70px;}
.header-text span {display:block;}
.header-text span:nth-of-type(2) {padding-left:90px;}
.phone {width:226px; position:absolute; top:0; right:0;}  
.phone .topphone {background:#009ee3 url("images/sprite.png") 15px 26px no-repeat; width:226px; display:block; padding:20px 15px 20px 48px; color:#fff; text-decoration:none; font-size:27px; font-weight:700; font-style:italic;}
.topemail {color:#393939; font-size:17px; display:block; text-align:right; margin:6px 0 0 0; position: absolute; right:0; top:75px;}

/* breadcrumb */
#breadcrumb {font-weight:300; font-size:14px; color:#000;}
#breadcrumb a {text-decoration:underline; color:#009ee3; font-weight:700;}

/* mein menu */
.nav-wrap {width:100%; background:#009ee3 url("images/nav-wrap.png") repeat-x; height:64px; margin-top:25px; position:relative;}
.menunav {list-style-type:none; width:100%; z-index:10000;}
.menunav li {float:left; position:relative;}
.menunav li.menu-item-20 a {background:url("images/sprite.png") no-repeat 0 -64px; width:74px; text-indent:-3333px; padding:0;}
.menunav li.menu-item-20 a:hover {opacity:0.8;}
.menunav li a {color:#fff; display:block; height:64px; line-height:64px; padding:0 29px; text-align:center; text-decoration:none; font-size:17px; text-transform:uppercase; font-weight:500;}
.menunav li a:hover {text-decoration:underline;}

/* search */
.search-button {display:block; width:66px; height:64px; text-indent:-3333px; font-size:0; line-height:0; background:url("images/sprite.png") no-repeat 0 -152px; position:absolute; right:0; bottom:0;}
.search-button:hover {opacity:0.8;}
.search-box {display:none; position:absolute; top:70px; right:0; width:320px; background:url("images/searchbg.png"); padding:13px;}
.search-box:after {bottom:100%; right:23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(138, 138, 138, 0); border-bottom-color: #8a8a8a; border-width: 5px; margin-left: -5px;}

#searchform #s {width:217px; height:50px; float:left; padding:4px 8px; font-size:16px; color:#1e1e23; font-family:'Fira Sans'; border:0; background:#fff; border-radius:5px 0 0 5px;}
#searchform #searchsubmit {width:75px; height:50px; float:left; border:0; cursor:pointer; display:block; padding:0; font-size:16px; font-weight:bold; color:#fff; background:#009ee3; font-family:'Fira Sans'; border-radius:0 5px 5px 0;}

/* second level */
.menunav li ul {background:#008ac7; display:none; text-align:left; height:auto; position:absolute; top:64px; padding-top:20px; left:0; width:280px; opacity:0; visibility:hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s;}
.menunav li:hover ul {display:block; opacity:1; visibility:visible;}
.menunav li ul li {float:none; display:block; padding:5px 15px; text-align:left;}
.menunav li ul li:hover {background:none;}
.menunav li ul a {display: block; height:auto; padding-bottom:10px; padding-left:6px; font-size:17px; text-transform:none; line-height:normal; text-align:left;}

/* home page */
.topper {overflow:hidden;}
.frontimage {float:left; width:63.2%;}
.front-right-text-wrapper {float:right; width:35.4%; text-align:center; background:#fbfbfc;}
.front-right-text-wrapper .leftborder {border-left:8px solid #009ee3; height:312px; width:100%; padding:20px 40px 0 30px; overflow:hidden;}
.front-right-text-wrapper h4 {color:#000; font-size: 21px; line-height: 21px; font-weight:500; text-align:center; padding-bottom:16px;}
.front-right-text-wrapper p {text-align:justify; font-size:12px; padding-bottom:16px; line-height:18px;}
.btn {display: inline-block; color: #fff; padding:8px 15px; font-weight: 500; font-size: 16px; text-decoration: none; text-align: center; border-radius: 5px; background: rgb(0,178,255); background: -moz-linear-gradient(top, rgba(0,178,255,1) 0%, rgba(0,167,240,1) 50%, rgba(0,159,229,1) 100%); background: -webkit-linear-gradient(top, rgba(0,178,255,1) 0%,rgba(0,167,240,1) 50%,rgba(0,159,229,1) 100%); background: linear-gradient(to bottom, rgba(0,178,255,1) 0%,rgba(0,167,240,1) 50%,rgba(0,159,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2ff', endColorstr='#009fe5',GradientType=0 );}
.btn:hover {opacity:0.9;}

.showform {display:none;}
.home-content {overflow:hidden; padding:20px 0 0 0;}
.home-content .maincontent {float:left; width:34%; padding:5px 0 0 0;}
.home-content .maincontent .line {display:block; width:120px; background:#1a1d22; height:2px; margin:0 0 20px 0;}
.home-content .maincontent h1 {color:#1f2426; font-weight:400; font-size:24px; padding:0 0 22px 0;}
.blog-wrapper {float:right; width:63%;}
.blog-wrapper .ptitle {width:100%; height:54px; background:#009ee3 url("images/nav-wrap.png") repeat-x; padding:0 20px;}
.blog-wrapper .ptitle h3 {float:left; font-size:20px; text-transform:uppercase; color:#fff; font-weight:700; line-height:54px;}
.blog-wrapper .ptitle a {float:right; color:#fff; font-size:12px; font-weight:700; line-height:54px;}
.blog-wrapper .ptitle a:hover {text-decoration:none;}
#news .news-item {position:relative; border-bottom:1px solid #d1d2d3; padding:16px 0 10px 0;}
#news .news-item .cat-name {float:left; margin:4px 0 0 0; font-size:11px; color:#fff; text-transform:uppercase; background:#e35b00; padding:1px 5px;}
#news .news-item .h4wrap {padding:0 0 10px 0; overflow:hidden;}
#news .news-item h4 a {color:#1a1d22; font-weight:500; font-size:20px; text-decoration:none; padding:0 0 0 8px;}
#news .news-item h4 a:hover {text-decoration:underline;}
#news .news-item p {color:#4f5256; line-height:150%; font-weight:300; padding-bottom:8px;}
#news .news-item .n-data {color:#8a8a8a; font-size:14px;}
#news .news-item .more-link {color:#009ee3; font-weight:500; text-decoration:none; position:absolute; bottom:8px; right:8px;}
#news .news-item .more-link:after {position:absolute; padding-left:2px; content: "\2023";}
#news .news-item .more-link:hover {text-decoration:underline;}

.logos {overflow:hidden; padding:6px 0;}
.logos h5 {background:#1a1d22; color:#fff; font-size:11px; padding:2px 5px; text-transform:uppercase; display:inline; font-weight:400;}
.logos .logos-left {float:left; border-right:1px solid #d1d2d3; width:64%;}
.logos .logos-left a {float:left; display:block; width:45%;}
.logos .logos-left a:nth-of-type(2) {margin:10px 0 0 10px;}
.logos .logos-right {float:right; width:36%; padding:0 0 0 12px;}
.logos .logos-right a {margin:20px 0 0 0; display:block;}
.logos .wrap {padding:10px 0 0 0; overflow:hidden;}

#customers {display:none; padding:25px 0 0 0;}
#customers h3 {float:left; color:#8a8a8a; font-size:17px; font-weight:400; text-transform:uppercase;}
#customers .morecustomers {float:right; text-decoration:none; color:#00a0e6; font-size:17px;}
#customers .morecustomers:hover {text-decoration:underline;}
#customers ul {list-style-type:none; border:1px solid #d9d9d9; border-radius:5px; overflow:hidden; margin:6px 0 0 0; text-align:center;}
#customers ul li {float:left;}

.maincontent h1 {color:#1f2426; font-weight:700; font-size:33px; padding:0 0 22px 0;}
.maincontent h3 {color:#1f2426; font-weight:400; font-size:24px; padding:0 0 22px 0;}
.maincontent h2 {color:#1f2426; font-weight:700; font-size:20px; padding:5px 0 15px 0; text-transform:uppercase;}
.maincontent h4 {color:#1f2426; font-weight:700; font-size:15px; padding:4px 0 8px 0;}
.maincontent p {padding:0 0 15px 0; line-height:150%; font-size:17px;}
.maincontent a {text-decoration:underline; color:#009ee3; font-weight:700;}
.maincontent a:hover {text-decoration:none;}
.maincontent .entry p {overflow:hidden;}
.maincontent ul {padding:0 0 15px 0; list-style-type:none; text-indent:-12px; padding-left:14px;}
.maincontent ul li {line-height:140%; padding:3px 0;}
.maincontent ul li:before {padding:0 4px 0 0; content: "• "; color:#009ee3;}
.maincontent .bluelink {background:#009ee3; font-weight:400; text-decoration:none; color:#fff; cursor:pointer; padding:10px 15px; float:left; margin:0 6px 6px 0; text-transform:uppercase;}
.maincontent .bluelink:hover {opacity:0.8;}

/* contact form general */
#contactform {background:#e8e9eb; width:100%;}
.wpcf7-form input.wpcf7-not-valid {border:1px solid #e35b00;}
.wpcf7-form .wpcf7-not-valid-tip {display:none;}
.wpcf7-form .labeldiv {padding:0 0 8px 0;}
.wpcf7-form .labelspan {text-transform:uppercase; display:block; font-size:14px; color:#000;}
.wpcf7-form input.wpcf7-text {border:1px solid #d0d1d3; border-radius:5px; width:100%; padding:8px 10px;}
.wpcf7-form input.wpcf7-not-valid {border:1px solid #e35b00;}
.wpcf7-form textarea {border:1px solid #d0d1d3; border-radius:5px; width:100%; padding:8px 10px; height:70px;}
.wpcf7-form .wpcf7-submit {background:#009ee3 url("images/nav-wrap.png") repeat-x top; border:0; cursor:pointer; margin:0 auto; color:#fff; font-size:16px; display:block; padding:6px 26px; font-family:'Fira Sans'; text-align:center; font-weight:500; border-radius:5px;}
.wpcf7-form .wpcf7-submit:hover {opacity:0.8;}
.wpcf7 .wpcf7-mail-sent-ok {visibility:hidden;}
.postid-1017 .wpcf7 .wpcf7-mail-sent-ok {visibility:visible;}
.sidebarcontact .grey {background:#e8e9eb; width:100%; padding:15px 25px 0 25px; height:280px; overflow:hidden;}
.sidebarcontact .grey p {padding-bottom:0 !important;}
.sidebarcontact p.req {padding:5px 0 0 12px; font-size:13px;}

/* sidebar */
#sidebar {padding:15px 0 0 0;}
#sidebar h4 {color:#000; font-size:14px; margin:0 0 10px 0; text-transform:uppercase; padding:0 0 3px 0; font-weight:400; border-bottom:1px solid #e5e5e5;}
#sidebar .s-contact {padding:0 0 25px 0;}
#sidebar .s-contact p {font-size:18px; line-height:160%; padding:0 0 12px 0;}
#sidebar .s-contact a {color:#393939; text-decoration:underline; font-weight:400;}
#sidebar .s-contact a:hover {text-decoration:none;}
#sidebar .s-contact a.getdirection {color:#009ee3; font-weight:500; text-decoration:none; position:relative;}
#sidebar .s-contact a.getdirection:hover {text-decoration:underline;}
#sidebar .s-contact a.getdirection:after {position:absolute; top:-4px; padding-left:2px; content: "\2023";}
#sidebar .s-wrap ul {list-style-type:none;}
#sidebar .s-wrap ul li {border-bottom:1px solid #e5e5e5; line-height:250%; padding:2px 0 0 0;}
#sidebar .s-wrap ul li:last-of-type {border:0;}
#sidebar .s-wrap ul li a {color:#1a1d22; font-size:17px; text-decoration:none; font-weight:500;}
#sidebar .s-wrap ul li:before {padding:0 6px 0 0; content: "\2023"; color:#009ee3;}
#sidebar .s-wrap ul li a:hover {text-decoration:underline;}
#sidebar .lastblog {padding:20px 0;}
#sidebar .lastblog h5 {color:#fff; background:#009ee3; text-align:center; padding:8px 10px; font-size:14px; font-weight:400; text-transform:uppercase;}

#sidebar .lastblog .news-item {border-bottom:1px solid #d1d2d3; padding:16px 0 10px 0; overflow:hidden;}
#sidebar .lastblog .cat-name {float:left; margin:5px 0 0 0; font-size:11px; color:#fff; text-transform:uppercase; background:#e35b00; padding:1px 5px;}
#sidebar .lastblog .news-item h4 {border:0;  display:block; overflow:hidden; margin:0; padding:10px 0 0 0;;}
#sidebar .lastblog .news-item h4 a {float:left; text-transform:none; color:#1a1d22; font-weight:500; font-size:17px; text-decoration:none; padding:0;}
#sidebar .lastblog .news-item h4 a:hover {text-decoration:underline;}
#sidebar .lastblog .news-item .n-data {color:#8a8a8a; font-size:14px; float:right;}
#sidebar .lastblog .more-link {color:#009ee3; display:inline-block; position:relative; font-weight:500; text-decoration:none; margin:10px 0 0 0}
#sidebar .lastblog .more-link:after {position:absolute; padding-left:2px; top:-3px; content: "\2023";}
#sidebar .lastblog .more-link:hover {text-decoration:underline;}

#sidebar .a-wrap {padding:10px 0 15px 0;}
#sidebar .a-wrap h5 {color:#fff; background:#009ee3; text-align:center; padding:8px 10px; font-size:14px; font-weight:400; text-transform:uppercase;}
#sidebar .a-wrap ul {list-style-type:none; width:100%; padding:5px 0 10px 0; overflow:hidden;}
#sidebar .a-wrap ul li {float:left; width:49%; padding:2% 0 0 0;}
#sidebar .a-wrap ul li:nth-child(odd) {margin-right:2%;}
#sidebar .a-wrap ul li a {color:#1f2426; padding:8px 0; display:block; text-align:center; float:left; width:100%; font-weight:500; font-size:15px; border:1px solid #000; text-decoration:none;}
#sidebar .a-wrap ul li a:hover {opacity:0.8;}

#sidebar .tags-wrap h5 {color:#fff; background:#1f2426; margin:0 0 8px 0; text-align:center; padding:8px 10px; font-size:14px; font-weight:400; text-transform:uppercase;}
#sidebar .tags-wrap a {color:#fff; font-size:10px; position:relative; background:#009ee3; text-decoration:none; margin:0 13px 8px 0; display:block; float:left; height:31px; line-height:31px; padding:0 5px 0 20px; font-weight:300; text-transform:uppercase;}
#sidebar .tags-wrap a:after {width: 0px; position:absolute; content:""; right:-13px; height: 0px; border-style: solid; border-width: 15.5px 0 15.5px 13px; border-color: transparent transparent transparent #009fe3;}
#sidebar .tags-wrap a:before {width: 0px; position:absolute; content:""; left:0; height: 0px; border-style: solid; border-width: 15.5px 0 15.5px 13px; border-color: transparent transparent transparent #fff;}
#sidebar .tags-wrap a:hover {opacity:0.8;}

/* blog */
#newspage.maincontent h2 {text-transform:none; padding-top:8px;}
#newspage.maincontent h2 a {color:#1f2426; font-size:33px; text-decoration:none;}
#newspage.maincontent h2 a:hover {color:#009ee3;}
.singlepost {border-bottom:1px solid #e5e5e5; padding:0 0 10px 0; margin-bottom:25px;}
.categories-names {float:left; overflow:hidden; max-width:75%;}
.categories-names span {background:#009ee3; float:left; color:#fff; padding:7px 13px; font-weight:bold; margin-right:5px; margin-bottom:5px}
.postdata {float:right; color:#1f2426; font-weight:700; padding:7px 0 0 0;}
.singlepost a.more-link {font-size:19px; display:inline-block; font-weight:500; text-decoration:none; margin:20px 0 0 0;}
.singlepost a.more-link:after {position:absolute; padding-left:2px; content: "\2023";}
.navigation {width:100%;}
.wp-paginate {text-align:center; padding:30px 0;}
.wp-paginate li {display:inline-block;}
.wp-paginate li:nth-of-type(1) {display:none;}
.wp-paginate li span {color:#fff; background:#1f2426; margin:0 2px 10px 2px; padding:11px 15px; font-size:15px; font-weight:500; display:inline-block;}
.wp-paginate li a {text-decoration:none; display:inline-block;}
.wp-paginate li a.prev {color:#fff; margin-right:20px; margin-bottom:10px; background:#1f2426; padding:11px 15px; font-size:15px; font-weight:500;}
.wp-paginate li a.next {color:#fff; margin-left:20px; margin-bottom:10px; background:#1f2426; padding:11px 15px; font-size:15px; font-weight:500;}
.wp-paginate li a.page {color:#fff; background:#009ee3; margin:0 2px 10px 2px; padding:11px 15px; font-size:15px; font-weight:500;}

/* contact */
.page-id-18 .maincontent h3 {font-size:20px; font-weight:700;}
.page-id-18 .maincontent a {text-decoration:none;}
.page-id-18 .maincontent a:hover {text-decoration:underline;}
p.cleft {float:left; width:49%; margin-right:4%;}
p.cright {float:left; width:42%;}
.google-maps {position: relative;padding-bottom: 62%; height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

/* faq */
.k-item {padding:10px 0;}
.k-item .maincontent h3 {padding-bottom:10px;}

/* formularz custom */
.customform {background:#4d9abb; overflow:hidden; color:#fff; padding:38px 38px 5px 38px; margin-bottom:25px;}
.customform h4 {font-size:29px; font-weight:700; color:#fff;}
.customform h5 {font-size:20px; font-weight:700; color:#fff;}
.customform .rowform {overflow:hidden; width:90%;}
.customform .rowform p {text-transform:uppercase; font-size:15px;}
.customform .rowform p span {text-transform:none;}
.customform p.req-fields {text-transform:uppercase;}
.customform .leftform {width:48%; float:left;}
.customform .rightform {width:48%; float:right;}
.customform .phonefield input {float:left;}
.customform .phonefield .your-phone3 input {float:right; margin-right:0;}
.customform .wpcf7-submit {background:#009ee3 url("images/formsubmit.png") repeat-x top; text-transform:uppercase; padding:10px 26px;}

/* footer */
#footer {background:#1a1d22; color:#fff; font-size:14px; padding:30px 0;}
#footer .columns {overflow:hidden; padding:0 0 30px 0;}
#footer .columns .col-1 {float:left; width:31%; margin:0 3% 0 0;}
#footer .columns .col-2 {float:left; width:34%;}
#footer .columns .col-3 {float:right; width:23%;}
#footer .columns .col-3 p {padding:0 0 10px 0;}
#footer .columns .col-3 p span {padding-bottom:5px; display:block;}
#footer .columns .col-3 a {text-decoration:underline;}
#footer .columns .col-3 a:hover {text-decoration:none;}
#footer .columns a {color:#fff; text-decoration:none;}
#footer .columns a:hover {text-decoration:underline;}
#footer .columns ul {list-style-type:none; line-height:140%; text-indent:-9px; padding-left:10px;}
#footer .columns ul li {padding:2px 0;}
#footer .columns ul li:before {padding:0 4px 0 0; content: "\2023 ";}
#footer .columns h3 {font-weight:400; font-size:24px; color:#fff; padding:0 0 10px 0;}
#footer p.copy {float:left;}
#footer .smallmenu {list-style-type:none; float:right;}
#footer .smallmenu li {float:left; padding:0 0 0 12px;}
#footer .smallmenu li a {color:#fff; text-decoration:underline;}
#footer .smallmenu li a:hover {text-decoration:none;}

/* mobile menu */
#nav-trigger {display: none; text-align: center;}
#nav-trigger span {display: inline-block;padding: 15px 30px 15px 80px; font-size:28px; font-weight:700; background: #009ee3 url("images/menu.png") 20px center no-repeat; color: #fff; cursor: pointer; text-transform: uppercase;}    #nav-trigger span:hover {opacity:0.8;}    
nav#nav-mobile {position: relative;display: none;}
nav#nav-mobile ul {display: none;list-style-type: none;position: absolute;left: 0;right: 0;margin-left: auto; margin-right: auto; text-align: center; background-color: #009ee3; z-index:1000;}
nav#nav-mobile li {display: block;padding:0;margin: 0 5px; border-bottom: solid 1px #fff; }
nav#nav-mobile li:last-child {border-bottom: none;}
nav#nav-mobile a {display: block;color: white; padding: 10px 30px; line-height:50px;}
nav#nav-mobile a:hover {background-color:#00a7f0; color:#fff; text-decoration:none;}

/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-width: 990px) {
    .wrapper {width:840px;}
    .header-text {padding-left:40px; font-size:22px;}
    .menunav li a {padding:0 22px;}
    #customers ul li {display:inline-block; float:none;}
    
    .customform {background:#4d9abb; overflow:hidden; color:#fff; padding:38px;}
    .customform h4 {text-align:center;}
    .customform h5 {text-align:center;}
    .customform .rowform {width:80%; margin:0 auto;}
    .customform .leftform {width:100%; float:none;}
    .customform .rightform {width:100%; float:none;}
    .customform p.req-fields {padding-left:10%;}    
    
    .front-right-text-wrapper .leftborder {padding:10px 20px 0 15px; overflow:hidden;}
}
@media screen and (max-width: 861px) {
    .wrapper {width:590px;}
    #header {text-align:center; height:auto; margin-bottom:15px;}
    .topemail {left:0; top:15px; right:auto; font-size:19px;}
    #logo {float:none; width:100%; text-align:center; padding:80px 0 0 0; display:block; margin:0;}
    .header-text {float:none; padding:15px 0 0 0; font-size:22px;}
    .header-text span {padding:0 !important; display:inline;}
    #nav-trigger {display: block; padding:30px 0 0 0;}
    .nav-wrap {display: none;}
    nav#nav-mobile {display: block;}
    .menunav {list-style-type:none; width:100%; overflow:hidden;}
    .menunav li {float:none;}
    .menunav li.menu-item-20 a {background:none; width:auto; text-indent:initial; padding:0;}
    .menunav li.menu-item-20 a:hover {opacity:1;}
    .menunav li a {color:#fff; display:block; height:64px; line-height:64px; padding:0 33px; text-align:center; text-decoration:none; font-size:17px; text-transform:uppercase; font-weight:500;}
    .menunav li a:hover {text-decoration:underline;}
    
    .menunav li ul, nav#nav-mobile ul ul {background:#008ac7; display:block; text-align:left; height:auto; position:static; top:auto; padding-top:0; left:0; width:100%; opacity:1; visibility:visible;}
    .menunav li ul li {float:none; display:block; padding:5px 15px; text-align:center;}
    .menunav li ul li:hover {background:none;}
    .menunav li ul a {display: block; height:64px; padding:0 33px; text-transform:none; line-height:64px; text-align:center;}

    .search-button {background:url("images/sprite.png") no-repeat 0 -224px; position:absolute; left:0; bottom:0;}
    .search-box {top:5px; left:0; right:auto;}
    .search-box:after {right:auto; left:23px;}

    
    .frontimage {float:none; width:100%;}
    .front-right-text-wrapper {float:none; width:100%; margin-top:15px;}
    .front-right-text-wrapper .leftborder {border-left:0; height:auto; padding:16px 20px 0 20px;}
       
    .wpcf7-form .labelspan {font-size:20px;}
    .wpcf7-form input.wpcf7-text {padding:15px 10px;}
    .wpcf7-form .wpcf7-submit {padding:12px 26px;}
    .home-content .maincontent {float:none; width:100%;}
    .home-content .maincontent h3 {font-size:34px;}
    .home-content .maincontent p {font-size:24px; font-weight:300}
    .blog-wrapper {float:none; width:100%;}
    .blog-wrapper .ptitle h3 {font-size:28px;}
    .blog-wrapper .ptitle a {font-size:18px;}
    #news .news-item .cat-name {font-size:18px; float:none;}
    #news .news-item h4 a {font-size:26px; padding:0;}
    #news .news-item p {font-size:24px}
    #news .news-item .more-link {font-size:20px}
    #news .news-item .n-data {font-size:19px;}
    .logos {padding:16px 0;}
    .logos .logos-left {border:0; text-align:center; float:none; width:100%;}
    .logos h5 {font-size:16px; padding:6px 9px}
    .logos .logos-left a {width:100%; float:none;}
    .logos .logos-right {width:100%; float:none; text-align:center; padding:26px 0 0 0;}
    #footer {font-size:20px;}
    #footer .columns .col-1, #footer .columns .col-2 {margin:0 0 40px 0; width:100%; float:none;}
    #footer .columns .col-3 {margin:0 0 30px 0; width:100%; float:none; text-align:center;}
    #footer p.copy, #footer .smallmenu {font-size:14px;}
    
    #leftside {float:none; width:100%;}
    #sidebar {float:none; width:100%;}
    #sidebar .s-contact {background:#ededee; text-align:center; margin-top:20px;}
    #sidebar .s-wrap {background:#ededee; margin:20px 0 0 0; padding:15px}
    #sidebar .s-wrap h4 {text-align:center;}
    #sidebar .s-wrap ul li a {font-size:21px;}
    #sidebar .lastblog h5 {font-size:26px;}
    #sidebar .lastblog .news-item h4 a {font-size:22px;}
    .sidebarcontact {display:none;}
    .sidebarcontact .grey {height:auto;}
    .sidebarcontact p.req {background:#e8e9eb; padding-bottom:15px;}
    #sidebar .lastblog .cat-name, #sidebar .lastblog .news-item .n-data {font-size:17px;}
    #sidebar .a-wrap h5, #sidebar .tags-wrap h5 {font-size:26px;}
    #sidebar .tags-wrap a {font-size:14px !important;}
}
@media screen and (max-width: 615px) {
    .wrapper {width:95%;}
    #news .news-item .more-link {position:static;}
    .topemail {visibility: hidden;}
    .topemail:after {visibility: visible; position: absolute; top: 0; left: 0;content: "Email"; text-decoration:underline;}
}
@media screen and (max-width: 475px) {
    .wrapper {width:95%;}
    .phone .topphone {padding:8px 15px 8px 48px; background:url("images/sprite.png") no-repeat scroll 15px 18px #009ee3;}    
    .customform .rowform {width:90%; margin:0 auto;}
    .customform p.req-fields {padding-left:5%;}    
}
/* social media minified */
.sm-panel{position:fixed;width:155px;top:150px;right:-105px;z-index:1000000;transition:visibility .25s,opacity .25s;}.sm-panel>ul{margin:0;padding:0;list-style-type:none}.sm-panel>ul>li{transition:transform .25s;}.sm-panel>ul>li:hover{transform:translateX(-105px);}.sm-panel>ul>li>a{display:flex;align-items:center;color:#fff;padding:5px 0 5px 5px;text-decoration:none}.sm-panel>ul>li>a>img{margin:0 10px 0 0}.sm-panel>ul>li>a>span{font-size:initial}.sm-panel>ul>li[class^=sm-]{background-image:none;background-repeat:repeat;background-attachment:scroll;background-position:0}.sm-text-black{color:#000}.sm-fb{background:#305891}.sm-twitter{background:#28aae1}.sm-gmap{background:#20a464}.sm-blog{background:#0171bb}.sm-pinterest{background:#d73532}.sm-youtube{background:#e32c26}.sm-allegro{background:#ff5a00}.sm-linkedin{background:#0097bd}.sm-payback{background:#00349a}.sm-goldenline{background:#fff}@media screen and (max-width:640px){.sm-panel{visibility:hidden;opacity:0}}