@import "../hardy/style.css";

/*@import "http://weloveiconfonts.com/api/?family=entypo";*/

@font-face {
font-family:'Objektiv';
src:url(../images/objektivmk3_md-webfont.eot);
src:url(../images/objektivmk3_md-webfont.eot?#iefix) format("embedded-opentype"),url(../images/objektivmk3_md-webfont.woff2) format("woff2"),url(../images/objektivmk3_md-webfont.woff) format("woff"),url(../images/objektivmk3_md-webfont.ttf) format("truetype"),url(../images/objektivmk3_md-webfont.svg#objektiv_mk3medium) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'Rolling Ball';
src:url(../images/rollbc__-webfont.eot);
src:url(../images/rollbc__-webfont.eot?#iefix) format("embedded-opentype"),url(../images/rollbc__-webfont.woff2) format("woff2"),url(../images/rollbc__-webfont.woff) format("woff"),url(../images/rollbc__-webfont.ttf) format("truetype"),url(../images/rollbc__-webfont.svg#rolling_ball_cursiveregular) format("svg");
font-weight:400;
font-style:normal
}

#slideNav #mainNav li a {
color:#fff!important
}

img {
height:auto;
max-width:100%
}

h3 {
font-size:1.3em
}

.tagline {
font-family:"Rolling Ball";
color:#e34e2b;
font-size:1.3em;
white-space:nowrap
}

.nowrap {
white-space:nowrap
}

sup {
vertical-align:super;
font-size:8px
}

#pageHead {
color:#FFF;
background:#EE552F
}

#pageHead h1 {
color:#fff;
font-size:2.1em;
font-family:Objektiv;
text-transform:uppercase
}

.banner {
width:1300px;
height:360px;
background-size:cover;
max-width:100%
}

.home .wrap {
padding-top:0!important
}

body.page-template-page-homepage .middle {
max-width:100%
}

.middle {
max-width:67.5em
}

body.page-template-page-homepage .homepage-section {
padding:35px
}

body.page-template-page-homepage .homepage-section img {
margin:0 auto 10px
}

body.page-template-page-homepage .homepage-section:nth-child(even) {
background:#f5f5f5;
border-bottom:2px dotted #ccc
}

a.blue {
background-color:#00b2e2!important
}

h2 {
font-size:2.1em;
font-family:Objektiv;
font-weight:lighter
}

.home .slideshow .details {
width:100%;
background:rgba(225,80,43,0.91);
position:relative;
margin:0!important
}

.home .slideshow .details .text {
width:100%
}

.home .slideshow .details h2 {
text-shadow:none;
font-size:2em;
text-transform:uppercase
}

.flexslider .slides img {
max-width:100%;
width:100%!important
}

.flex-direction-nav li a {
margin-top:-50px
}

.slideshow .tagline {
color:#fff
}

#header .slideshow .inside {
padding:15px 20px;
max-width:100%!important
}

.slide-cta {
text-align:center
}

.slide-cta .button {
border-color:#fff;
background:none!important
}

#slide4 h2 {
text-transform:none
}

.inside {
max-width:67.5em!important
}

#header .inside {
padding:20px 0
}

.button {
background-color:#E34E2B
}

#pageslide {
background-color:#003E64
}

#call-to-action {
background:#f5f5f5;
background:#003D64;
background:#004053;
padding:20px
}

#call-to-action h2 {
font-size:1.6em;
color:#fff
}

#call-to-action a.button {
margin-bottom:0
}

#call-to-action .inside {
margin:0 auto;
padding:0;
text-align:center
}

#sidebar {
margin-top:7px
}

#sidebar h3 {
text-transform:uppercase;
font-size:1.1em
}

#sidebar ul {
margin-bottom:70px
}

#sidebar ul li {
font-size:.85em;
padding:10px 0;
line-height:1.3em
}

body.page-template-default .row img {
margin-bottom:25px
}

.page-template-page-project-support #content h2 {
font-size:1.8em;
line-height:1.4em
}

.page-template-page-project-support .tt_sc .one_half {
margin-bottom:0
}

body.page-template-page-project-support .tagline,body.page-template-page-project-support h2 sup {
color:#585858
}

body.page-template-page-pmo-consulting .tagline,body.page-template-page-pmo-consulting h2 sup {
color:#585858
}

.page p img.project-management-methodology {
width:500px!important;
max-width:100%!important;
border:2px solid #ccc
}

.page p img.strategic-planning-strategy-execution {
max-width:500px!important
}

body.page-id-19 .tagline,body.page-id-19 h2 sup {
color:#585858
}

body.page-id-25 .tagline,body.page-id-25 h2 sup {
color:#585858
}

body.page-id-25 #pageHead h1 {
color:#58585a
}

body.blog .tagline,body.blog h2 sup {
color:#585858
}

#sidebar ul li h4 {
margin-bottom:7px;
font-size:1em;
text-transform:uppercase
}

#sidebar ul li a {
color:#6a6a6a;
transition:.4s
}

#sidebar ul li a:hover {
text-decoration:none
}

#content ul.project-support-categories {
margin:0
}

.project-support-categories li,.pmo-consulting-categories li,.contact-sidebar li {
list-style-type:none;
float:left;
clear:both
}

.project-support-categories h4,.pmo-consulting-categories h4 {
color:#fff;
float:left;
padding:20px 10px;
width:150px;
text-align:center;
margin-right:20px
}

.page-id-25 .banner {
height:228px
}

body.page-id-19 .row {
border-bottom:1px solid #ccc;
padding:30px 0
}

body.page-id-25 h4 {
margin-top:20px
}

@media only screen and (min-width: 700px) {
.project-support-intro .one_half:nth-child(1) {
width:58%
}

.project-support-intro .one_half:nth-child(2) {
width:38%
}
}

.gform_wrapper input[type=email],.gform_wrapper input[type=number],.gform_wrapper input[type=password],.gform_wrapper input[type=tel],.gform_wrapper input[type=text],.gform_wrapper input[type=url],textarea {
background:#fff;
border:1px solid #ccc;
border-radius:0
}

#footer {
background:#58585A;
color:#fff
}

#footer a,#footer a:hover {
color:#fff
}

#footer .widgetBox h3 {
color:#FFF
}

#footer #text-7,#footer #text-6 {
width:27%
}

#footer #text-8,#footer #text-2 {
width:15%
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
.pull-quote h2 {
font-size:1.3em!important
}

.pull-quote .quote p {
font-size:1.3em!important
}

#footer #text-7,#footer #text-6 {
width:95%!important
}

#footer #text-8,#footer #text-2 {
width:45%!important
}
}

*,:before,:after {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}

.pull-quote {
position:relative;
margin:120px 30px 40px;
background:#F6A12D
}

.pull-quote-left {
-webkit-transform:skew(-20deg);
transform:skew(-20deg)
}

.pull-quote-right {
-webkit-transform:skew(20deg);
transform:skew(20deg)
}

.pull-quote h2 {
color:#606060!important;
font-weight:400;
font-size:1.6em;
margin-top:-45px
}

.pull-quote .quote {
position:relative;
padding:0 5%;
margin-top:10%
}

.pull-quote .quote p {
line-height:1.3em;
font-size:1.7em;
color:#fff
}

.pull-quote .quote-image {
width:100%;
bottom:0;
margin-top:-100px
}

.pull-quote-left .quote,.pull-quote-left h2,.pull-quote-left .quote-image {
-webkit-transform:skew(20deg);
transform:skew(20deg)
}

.pull-quote-right .quote,.pull-quote-right h2,.pull-quote-right .quote-image {
-webkit-transform:skew(-20deg);
transform:skew(-20deg)
}

@media only screen and (max-width: 480px),screen and (max-device-width: 480px),screen and (max-width: 600px) {
.pull-quote h2,.pull-quote .quote {
text-align:left!important
}
}

@media only screen and (max-width: 870px) {
.pull-quote {
margin:120px 0 20px
}

.pull-quote-left,.pull-quote-right {
-webkit-transform:skew(0deg);
transform:skew(0deg)
}

.pull-quote h2 {
font-weight:400;
font-size:1.7em;
margin-top:20px;
color:#fff!important;
text-align:center
}

.pull-quote .quote-image {
width:100%;
margin:-100px auto 0
}

.pull-quote-left .quote,.pull-quote-left h2,.pull-quote-left .quote-image,.pull-quote-right .quote,.pull-quote-right h2,.pull-quote-right .quote-image {
-webkit-transform:skew(0deg);
transform:skew(0deg)
}

.pull-quote .quote {
margin-top:0;
text-align:center
}

.pull-quote .quote p {
line-height:1.2em;
font-size:1.1em!important;
color:#fff;
font-style:italic
}
}

.case-studies .col-lg-6 {
padding-left:0;
margin-bottom:15px
}

.case-study-summary-container {
height:250px;
width:100%;
display:block;
text-align:center;
color:#fff;
background-size:cover;
overflow:hidden
}

.case-study-summary-container a {
color:#fff!important;
text-decoration:none;
display:block
}

.case-study-summary-container:hover {
color:#fff;
text-decoration:none
}

.case-study-summary-container .case-study-summary {
overflow-y:hidden;
max-height:50px;
transition-property:all;
transition-duration:1s
}

.case-study-summary-container:hover .case-study-summary {
max-height:500px;
height:500px;
transition-property:all;
transition-duration:1s;
top:0
}

.case-study-summary {
position:relative;
top:210px
}

.case-study-summary h2 {
color:#fff!important;
font-size:1.2em;
text-transform:uppercase;
padding:10px 0
}

.case-study-button {
border:1px solid #fff;
border-radius:3px;
padding:7px;
width:auto;
margin:10px 50px
}

.widgetBox input[type="text"] {
padding:3px;
width:100%;
border:1px solid #ccc;
border-radius:1px
}

.infscrBtn {
width:auto;
font-size:.95em
}

.panel {
background:none
}

@media only screen and (max-width: 870px) {
#main .wrap {
padding:0 20px
}

body.page-template-page-homepage .homepage-section {
padding:20px 10px
}

body.page-template-page-homepage .homepage-section img {
margin:20px auto
}

body.page-template-page-homepage .homepage-section .button {
width:100%;
text-align:center
}

h2,.page-template-page-project-support #content h2 {
font-size:1.4em;
line-height:1.3em
}

#pageHead {
padding:20px 30px
}

#pageHead h1 {
font-size:1.3em;
line-height:1.3em
}

.project-support-categories h4,.pmo-consulting-categories h4 {
width:100%;
margin:10px 0
}

.case-study-summary-container {
margin:10px 0
}
}

@media only screen and (max-width: 480px),screen and (max-device-width: 480px),screen and (max-width: 600px) {
#header #logo {
width:50%
}

#header .slideshow .inside {
padding:15px 20px;
max-width:100%!important
}

.home .slideshow .details .box {
padding:0
}

.home .slideshow .details h2 {
font-size:1.2em;
text-align:center;
text-transform:uppercase
}

.home .slideshow a.button {
margin-top:10px;
padding:10px 20px!important
}

.home .slideshow .details p {
font-size:.9em!important;
display:inline-block;
text-align:center
}

.flexslider .slides {
zoom:.8!important
}

.flexslider .slides img {
height:200px!important;
width:auto!important;
max-width:none!important;
text-align:center
}

#slide2 img {
margin-left:-100px
}

#slide3 img {
margin-left:-220px
}

#slide4 img {
margin-left:-200px
}

.banner {
height:170px;
background-position-x:50%
}

body.page-template-page-who-we-support .banner {
background-position-x:40%
}

.page-id-25 .banner {
height:150px;
background-position-x:100%
}

#pageHead {
padding:10px 30px
}

#content .button {
width:100%;
text-align:center
}

.project-support-intro img {
margin-bottom:20px
}
}

#social-sidebar {
left:0;
margin-top:-75px;
position:fixed;
top:50%
}

#social-sidebar a {
background:#F33;
color:#fff;
display:block;
height:50px;
font-size:18px;
line-height:50px;
position:relative;
text-align:center;
width:50px
}

#social-sidebar a:hover span {
left:130%;
opacity:1
}

#social-sidebar a span {
border-radius:3px;
line-height:24px;
left:-100%;
margin-top:-16px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
padding:4px 8px;
position:absolute;
-webkit-transition:opacity .3s,left .4s;
-moz-transition:opacity .3s,left .4s;
-ms-transition:opacity .3s,left .4s;
-o-transition:opacity .3s,left .4s;
transition:opacity .3s,left .4s;
top:50%;
z-index:-1
}

#social-sidebar a span:before {
content:"";
display:block;
height:8px;
left:-4px;
margin-top:-4px;
position:absolute;
top:50%;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
width:8px;
z-index:-2
}

#social-sidebar a[class*="twitter"]:hover,#social-sidebar a[class*="twitter"] span,#social-sidebar a[class*="twitter"] span:before {
background:#00aced
}

#social-sidebar a[class*="instagram"]:hover,#social-sidebar a[class*="instagram"] span,#social-sidebar a[class*="instagram"] span:before {
background:red
}

#social-sidebar a[class*="facebook"]:hover,#social-sidebar a[class*="facebook"] span,#social-sidebar a[class*="facebook"] span:before {
background:#1769ff
}

#social-sidebar a[class*="linkedin"]:hover,#social-sidebar a[class*="linkedin"] span,#social-sidebar a[class*="linkedin"] span:before {
background:#0C0
}

[class*="entypo-"]:before {
font-family:'entypo',sans-serif
}

@media only screen and (max-width: 1024px) {
#yoket {
display:none
}
}

@media only screen and (min-width: 1023px) {
#varet {
display:none
}
}