/*

Theme Name: Interactive Core Theme New

Author: Interactive Core

Author URI: http://www.interactivecoredesign.com.au/

Description: Interactive Core Theme New

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: icdnew

This theme, like WordPress, is licensed under the GPL.

*/


/* =Reset

-------------------------------------------------------------- */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline
}

* {
    margin: 0;
    padding: 0;
}

::selection {
    background: #3b3b3b;
    /* Safari */
    color: #ffffff;
}

::-moz-selection {
    background: #3b3b3b;
    /* Firefox */
    color: #ffffff;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: source-sans-pro, sans-serif;
}

a:focus {
    outline: thin dotted;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

img {
border: 0;
-ms-interpolation-mode: bicubic;
}


/* Clearing floats */

.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}


/* =Basic structure

-------------------------------------------------------------- */


/* Body, links, basics */

html {
font-size: 87.5%;
}

body {
font-size: 14px;
font-size: 1rem;
font-family: source-sans-pro,sans-serif;
line-height: 1;
text-rendering: optimizeLegibility;
color: #444;
background-color: #fefefe;
}

body.custom-font-enabled {
    font-family: source-sans-pro, sans-serif;
}

a {
    outline: none;
    color: #fcb32b;
}

a:hover {
    color: #fcb32b;
}

.center {
text-align: center;
}

/* Header */

header {
background-color: #ffffff;
box-shadow: none;
position: relative;
z-index: 1;
}


/* Navigation Menu */

#logo {
text-align: center;
float: left;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.large {
width: 150px;
margin: 10px 20px;
}

.small {
width: 150px;
margin: 7px 14px;
}

#logo a {
padding: 0px 0 0 0;
}

#logo img {
width: 100%;
}

.container {
margin: 0 auto;
}

.container-fluid {
margin-right: 45px;
margin-left: 45px;
}

.container-fluid .row {
margin: 0px 0px 30px 0px;
}

.entry-header {
position: fixed;
top: 0%;
left: 0;
z-index: 999999;
width: 100%;
}

.navbar-header {

}

.navbar-wrapper .container {
padding: 0px;
}

.navbar-header .closeme #iconbarbg {
-webkit-animation-name: bgnavopen;
-moz-animation-name: bgnavopen;
-ms-animation-name: bgnavopen;
-o-animation-name: bgnavopen;
animation-name: bgnavopen;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.navbar-header .openme #iconbarbg {
-webkit-animation-name: bgnavclose;
-moz-animation-name: bgnavclose;
-ms-animation-name: bgnavclose;
-o-animation-name: bgnavclose;
animation-name: bgnavclose;
-webkit-animation-duration: 0.95s;
-moz-animation-duration: 0.95s;
-ms-animation-duration: 0.95s;
-o-animation-duration: 0.95s;
animation-duration: 0.95s;
}

.navbar-header .closeme #iconbarone {
-webkit-animation-name: onenavopen;
-moz-animation-name: onenavopen;
-ms-animation-name: onenavopen;
-o-animation-name: onenavopen;
animation-name: onenavopen;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.navbar-header .openme #iconbarone {
-webkit-animation-name: onenavclose;
-moz-animation-name: onenavclose;
-ms-animation-name: onenavclose;
-o-animation-name: onenavclose;
animation-name: onenavclose;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

.navbar-header .closeme #iconbartwo {
-webkit-animation-name: twonavopen;
-moz-animation-name: twonavopen;
-ms-animation-name: twonavopen;
-o-animation-name: twonavopen;
animation-name: twonavopen;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.navbar-header .openme #iconbartwo {
-webkit-animation-name: twonavclose;
-moz-animation-name: twonavclose;
-ms-animation-name: twonavclose;
-o-animation-name: twonavclose;
animation-name: twonavclose;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

.navbar-header .closeme #iconbarmenu {
-webkit-animation-name: menunavopen;
-moz-animation-name: menunavopen;
-ms-animation-name: menunavopen;
-o-animation-name: menunavopen;
animation-name: menunavopen;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.navbar-header .openme #iconbarmenu {
-webkit-animation-name: menunavclose;
-moz-animation-name: menunavclose;
-ms-animation-name: menunavclose;
-o-animation-name: menunavclose;
animation-name: menunavclose;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

.navbar-header .closeme #iconbarclose {
-webkit-animation-name: closenavopen;
-moz-animation-name: closenavopen;
-ms-animation-name: closenavopen;
-o-animation-name: closenavopen;
animation-name: closenavopen;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.navbar-header .openme #iconbarclose {
-webkit-animation-name: closenavclose;
-moz-animation-name: closenavclose;
-ms-animation-name: closenavclose;
-o-animation-name: closenavclose;
animation-name: closenavclose;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

#iconbarclose {
display: block;
line-height: 6px;
/* margin: 0 0 0 -2px; */
}

.navbar-header .navbar-toggle {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
margin: 18px 15px 8px 0px;
background: transparent;
color: #fcb32b;
font-family: abel, sans-serif;
font-size: 14px;
}

.navbar-header .navbar-toggle span {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.navbar-header .navbar-toggle .icon-bar {
width: 32px;
margin: 0px 0 6px 0;
background-color: #fcb32b;
}

.text-icon {
line-height: 6px;
display: block;
}

nav.navbar {
line-height: 23px;
font-weight: 500;
color: #333;
text-decoration: none !important;
font-family: sans-serif !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: #ffffff;
-webkit-box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.17);
box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.17);
}

.collapse {
display: none;
}

.collapsing {
height: 1px!important;
}

.navbar-nav {
padding: 0px 0 10px 0;
}

#navbar ul li {
text-align: center;
}

nav.navbar #navbar li a {
font-family: abel, sans-serif;
font-weight: 300;
font-size: 18px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
color: #ffffff;
line-height: 39px;
letter-spacing: -1px;
text-transform: uppercase;
vertical-align: bottom;
text-decoration: none !important;
/* text-shadow: 0px 0px 0px #fcb32b; */
}

.carousel {
height: 345px;
margin: 90px 0 0 0;
}

.carousel-inner {
height: inherit;
background-image: url('http://www.interactivecoredesign.com.au/wp-content/uploads/2016/03/Background.png');
}

#front1, #front2, #front3 {
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
height: inherit;
}

#front1, #front2, #front3 {
font-family: abel, sans-serif;
color: #ffffff;
}

#front1 .col-md-12, #front2 .col-md-12, #front3 .col-md-12, #front4 .col-md-12 {
margin: 40px 0 0 0;
}

.hometext {
font-size: 40px;
}

.item .hidebubble, .item .itemtext {
display: none;
}

.bubble {
color: #ffffff;
font-size: 16px;
background-color: #3b3b3b;
display: inline-block;
padding: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 20px 20px;
}

.bubble:hover, .bubble:focus, .bubble:active {
text-decoration: none;
color: #fcb32b;
background-color: #efefef;
}

.transition-timer-carousel .transition-timer-carousel-progress-bar {
height: 5px;
background-color: #ffffff;
width: 0%;
margin: -60px 0px 0px 0px;
border: none;
z-index: 11;
position: relative;
top: 0;
left: 25%;
}

.transition-timer-carousel .transition-timer-carousel-progress-bar.animate {
-webkit-transition: width 4.25s linear;
-moz-transition: width 4.25s linear;
-o-transition: width 4.25s linear;
transition: width 4.25s linear;
}

/* Content */
#homehold {
margin: 0 auto 75px auto;
}

#whatwedo {
padding: 25px 0px;
}

#whatwedo h1 {
color: #fcb32b;
font-family: abel, sans-serif;
text-decoration: none;
font-size: 40px;
font-weight: 300;
letter-spacing: 0px;
text-align: center;
}

#whatwedo p {
font-family: abel, sans-serif;
font-size: 18px;
padding: 0 25px;
text-align: center;
}

.homeitem {
display: block;
margin: 0px 0px;
text-align: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
}

.homeitem:hover .fa {
-webkit-animation-name: iconbounce;
-moz-animation-name: iconbounce;
-ms-animation-name: iconbounce;
-o-animation-name: iconbounce;
animation-name: iconbounce;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
border-color: #fcb32b;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border-style: solid;
border-width: 2px;
}

.homeitem:hover h2 {
color: #ffcc6e;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.findoutmore {
margin: 0 0 30px 0;
text-decoration: none;
display: inline-block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
}

.findoutmore:hover {
display: inline-block;
text-decoration: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
}

.homeitemtext {
display: inline-block;
vertical-align: top;
padding: 0px 0 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
-webkit-transform-style: preserve-3d;

}

.homeitem h2 {
color: #fcb32b;
font-family: abel, sans-serif;
text-decoration: none;
font-size: 30px;
font-weight: 300;
letter-spacing: 0px;
margin: 0px 0px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.homeitem p {
vertical-align: top;
color: #3b3b3b;
font-size: 22px;
font-family: abel, sans-serif;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.homeitem .fa {
color: #fcb32b;
font-size: 44px;
display: block;
text-align: center;
margin: 0px auto 0px auto;
padding: 20px 20px 10px 20px;
width: 90px;
height: 90px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
 backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.homeitem .fa:hover {

}

.orangeb {
background-color: #fcb32b;
}

.orangeb .container-fluid .row {
margin: 0px 0px 0px 0px;
}

.homeresponse {
opacity: 0;
text-align: center;
font-family: abel, sans-serif;
color: #ffffff;
}

.responsehold {
padding: 25px 0 30px 0;
}

.homeresponse h1 {
color: #ffffff;
font-family: abel, sans-serif;
text-decoration: none;
font-size: 40px;
font-weight: 300;
letter-spacing: 0px;
margin: 0px 0px;
}

.homeresponse p {
font-size: 18px;
}

.page .homeresponse p {
padding: 0 12%!important;
}

.homeresponse .bubble {
font-size: 16px;
padding: 20px;
margin: 20px 20px 0 20px;
}

.homeresponse img {
display: block;
text-align: left;
margin: 0px 0 30px 0;
width: 100%;
}

.homeresponse img {
padding: 0% 5%;
}

#latestworkcontainer {
font-family: abel, sans-serif;
margin: 0 auto 20px auto;
padding: 0px 5px;
}

.latestworkhold {
text-align: center;
}

.latestwork {
-webkit-box-shadow: 1px 1px 20px #E6E6E6;
-moz-box-shadow: 1px 1px 20px #E6E6E6;
box-shadow: 1px 1px 20px #E6E6E6;
}

.latestwork h2 {
font-size: 30px;
margin: 0px 0px 0px 0px;
padding: 15px 0 0 0;
line-height: 28px;
}

.latestitem {
display: block;
text-decoration: none;
color: #3b3b3b;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: 1;
margin: 0px auto 65px auto;
}

.latestitem:hover, .latestitem:active, .latestitem:focus {
text-decoration: none;
color: #fcb32b;
opacity: 0.75;
}

.latestimage {
width: 100%;
overflow: hidden;
}

.latestitem img {
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
position: relative;
top: 0%;
right: 0%;
}

.latestitem:hover img {
width: 100%;
position: relative;
top: -10%;
right: 0%;
}

.latestitem p {
font-size: 16px;
color: #3b3b3b;
border-bottom: 3px solid #fcb32b;
}

.servicehold .ourservices {
display: block;
text-decoration: none;
color: #fcb32b;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: textbouncestart;
-moz-animation-name: textbouncestart;
-ms-animation-name: textbouncestart;
-o-animation-name: textbouncestart;
animation-name: textbouncestart;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.servicehold:hover .ourservices {
color: #fcb32b;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: textbouncehover;
-moz-animation-name: textbouncehover;
-ms-animation-name: textbouncehover;
-o-animation-name: textbouncehover;
animation-name: textbouncehover;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.ourservices:hover {
text-decoration: none;
color: #fcb32b;
}

.ourservices h2 {
display: inline-block;
padding: 0 0 0 9px;
font-family: abel, sans-serif;
font-size: 22px;
}

.servicehold .fa {
font-size: 100px;
display: block;
padding: 20px 0 0 0;
vertical-align: top;
text-align: center;
}

.serviceitem {
display: inline-block;
padding: 0px 0 0 0px;
}

.serviceitem p {
color: #3b3b3b;
}

.page .orangeb {
margin: 20px 0 0 0;
}

.page .homeresponse img {
margin: 0 0 30px 0;
padding: 0 12%;
}

#pagecontent .featurette .lead {
margin: 0px;
padding: 0px;
}

.featurette {
margin: 40px 0 40px 0;
}

.featicon {
display: inline-block;
text-align: center;
margin: 0 auto;
width: 100%;
padding: 33px 0 0 0;
}

.featurette .fa {
font-size: 175px;
color: #ffcc6e;
}

.featurette:hover .featurette-heading {
color: #fcb32b;
}

.featurette:hover .featicon .fa {
color: #fcb32b;
}

.featurepoints {
display: none;
}

.latestwork {
margin: 0px auto 65px auto;
overflow: hidden;
position: relative;
}

.latestitem {
margin: 0px auto 0px auto;
}

#pagecontent .latestitem p {
padding: 0px;
}

.latestwork .bubble {
color: #ffffff;
font-size: 18px;
background-color: #fcb32b;
display: inline-block;
padding: 10px 25px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
position: absolute;
bottom: 0%;
left: 25%;
width: 50%;
margin: 0px 0 20px 0;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.latestwork .bubble {
-webkit-animation-name: bubblestart;
-moz-animation-name: bubblestart;
-ms-animation-name: bubblestart;
-o-animation-name: bubblestart;
animation-name: bubblestart;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.latestwork:hover .bubble {
-webkit-animation-name: bubblehover;
-moz-animation-name: bubblehover;
-ms-animation-name: bubblehover;
-o-animation-name: bubblehover;
animation-name: bubblehover;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.latestwork .bubble:hover {
color: #fcb32b;
background-color: #efefef;
}

.folioitemheader {
background-image: url('http://www.interactivecoredesign.com.au/wp-content/uploads/2016/03/Background.png');
background-repeat: no-repeat;
background-size: auto 75%;
}

.folioitem {
margin: 0px auto 0 auto;
text-align: center;
}

.folioitem h1 {
padding: 50px 0;
color: #ffffff;
font-family: abel, sans-serif;
text-decoration: none;
font-size: 30px;
font-weight: 300;
letter-spacing: 0px;
text-align: center;
}

.folioitem a {
text-decoration: none;
font-size: 18px;
letter-spacing: 2px;
color: #ffffff;
font-family: abel, sans-serif;
font-weight: 300;
}

.folioitem a:hover {
text-decoration: none;
color: #3b3b3b;
}

.folioitem img {
display: block;
margin: 0 auto;
width: 100%;
-webkit-box-shadow: 1px 1px 20px #E6E6E6;
-moz-box-shadow: 1px 1px 20px #E6E6E6;
box-shadow: 1px 1px 20px #E6E6E6;
}

.folioprint img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.center-block {
display: block;
padding: 0px 20px 11px 20px;
}

#pagecontent {
font-family: abel, sans-serif;
margin: 133px 0 0 0;
}

#pagecontent .pagetitle {
margin: 0 0 30px 0;
font-family: abel, sans-serif;
color: #fcb32b;
font-size: 32px;
text-align: center;
}

#pagecontent p {
font-size: 18px;
padding: 0 0 0px 0;
}

#pagecontent .pagegrabber {
font-size: 18px;
}

.pagegrabber a {
font-size: 18px;
font-weight: 600;
color: #fcb32b;
text-decoration: none;
}

.pagegrabber a:hover {
color: #ffca66;
text-decoration: none;
}

#contactform span {
font-size: 18px;
padding-bottom: 20px;
line-height: 1.5;
display: block;
position: initial;
}

#contactform {
text-align: center;
width: 290px;
margin: 0 auto;
padding: 22px 0 0 0;
}

.your-name, .tel-957 {
display: inline-block;
width: 46%;
}

.your-name {
float: left;
}

.tel-957 {
float: right;
}

/* #contactform textarea {
min-width: 385px;
width: 385px;
max-width: 385px;
min-height: 200px;
height: 200px;
max-height: 200px;
}
*/

#contactform input, #contactform textarea, #contactform select {
width: 100%;
max-width: 100%;
min-width: 100%;
padding: 10px;
border: none;
border-bottom: solid 2px #c9c9c9;
transition: border 0.3s;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#contactform input:focus, #contactform textarea:focus {
border-bottom: solid 2px #fcb32b;
box-shadow: none;
outline: 0;
}

#contactform input.wpcf7-submit {
width: 32%;
padding: 7px 30px;
font-weight: 600;
background-color: #fcb32b;
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#contactform input.wpcf7-submit:hover {
color: #ffffff;
background-color: #ffc354;
border-bottom: solid 2px #fcb32b;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* Footer */

#footer {
background-color: #3b3b3b;
box-shadow: 0px 1px 15px #0E0E0E inset;
padding: 0px 0 30px 0;
}

#footer h3 {
text-decoration: none;
font-size: 24px;
letter-spacing: 2px;
color: #fcb32b;
font-family: abel, sans-serif;
font-weight: 300;
text-transform: uppercase;
margin: 30px 0 0 0;
}

#footer ul {
color: #ffffff;
font-family: abel, sans-serif;
}

#footer li {
text-decoration: none;
font-size: 18px;
font-weight: 300;
letter-spacing: 0px;
padding: 5px 0;
}

#footer li a {
color: #ffffff;
}

#footer li a:hover, #footer li a:focus {
color: #fcb32b;
text-decoration: none;
}

#footer .bubble {
font-family: abel, sans-serif;
background-color: #fcb32b;
color: #ffffff;
margin: 25px auto;
padding: 10px 0px;
text-align: center;
display: block;
}

#footer .bubble:hover, #footer .bubble:focus {
color: #fcb32b;
background-color: #ffffff;
}

#footer .contactfooter li {
line-height: 5px;
padding: 10px 0;
}

#footerbottom {
text-align: center;
padding: 50px;
}

/* Images */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 450px) {
.page .featuretext {
padding: 0 40px;
}
}

@media (max-width: 470px) {
.contactform input, .contactform textarea {
width: 100%;
}

.container-fluid {
margin-right: 0px;
margin-left: 0px;
}

.homeresponse p {
padding: 0 9px;
}

.page .homeresponse img {
padding: 0 12%;
}
}

@media (min-width: 600px) {
nav.navbar .menumobile {
font-size: 16px;
line-height: 10px;
}

#front1 .col-md-12, #front2 .col-md-12, #front3 .col-md-12, #front4 .col-md-12 {
margin: 40px 0 0 0;
}

#latestworkcontainer {
padding: 0px 50px;
}

.folioitem img {
width: 80%;
}
}

@media (max-width: 767px) {
.navbar-nav {
color: #ffffff;
background-color: #fcb32b;
}

nav.navbar #navbar li a:hover {
color: #fcb32b;
background-color: #eeeeee;
}
}

@media (min-width: 768px) {
.navbar-wrapper {
padding: 25px 0;
}

.hidemenu {
padding: 15px 0 15px 0;
-webkit-box-shadow: 0px 10px 41px -10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 10px 41px -10px rgba(0,0,0,0.4);
box-shadow: 0px 10px 41px -10px rgba(0,0,0,0.4);
}

.large {
width: 180px;
margin: 0px 0px 0px 25px;
}

.small img {
width: 180px;
}

.entry-header {
position: fixed;
top: 0%;
left: 0;
width: 100%;
}

#navbar {
display: inline-block;
height: 60px!important;
vertical-align: middle;
position: absolute;
top: 32%;
right: 0%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.hidemenu #navbar {
top: 28%;
}

#navbar div {
overflow: initial!important;
width: auto!important;
backface-visibility: initial!important;
perspective: initial!important;
transform: initial!important;
-webkit-transform: initial!important;
-moz-transform: initial!important;
-o-transform: initial!important;
}

nav.navbar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar-header {
float: none;
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0px 0px;
background-color: transparent;
}

.navbar-wrapper .container {
padding: 0px;
}

nav.navbar {
background-color: transparent;
}

#navbar ul li {
float: left;
width: auto!important;
text-align: left;
}

nav.navbar #navbar li a {
margin: 0 20px;
color: #fcb32b;
}

nav.navbar #navbar li a:hover, nav.navbar #navbar li a:active, nav.navbar #navbar li a:focus {
color: #5b5b5b;
background-color: transparent;
}

.carousel {
margin: 133px 0 0 0;
}

#pagecontent {
margin: 133px 0 0 0;
}

#pagecontent .pagetitle {
margin: 0 0 30px 0;
font-size: 32px;
}

#pagecontent p {
padding: 0 0 0px 0;
}

#pagecontent .pagegrabber {
font-size: 18px;
}

.ourservices h2 {
font-size: 22px;
}

.latestworkhold {
display: inline-block;
width: 49.7%;
}

.latestwork h2 {
font-size: 22px;
padding: 5px 0 0 0;
}
}

@media (min-width: 769px) {
nav.navbar #navbar li a {
color: #fcb32b;
}

.carousel {
height: 445px;
}

.hometext {
font-size: 64px;
}

.item .hidebubble {
display: inline-block;
}

.bubble {
font-size: 24px;
}

#whatwedo h1, .homeresponse h1 {
font-size: 50px;
}

#whatwedo p {
padding: 0 50px;
}

.folioitem {
margin: 0px auto 0 auto;
}

.folioitem h1 {
font-size: 50px;
}

.folioitem a {
font-size: 18px;
}
}

@media (min-width: 992px) {
h1 {
font-size: 94px;
}

nav.navbar #navbar li a {
margin: 0 25px;
font-size: 24px;
}

.large {
width: 200px;
margin: 0px 0px 0px 25px;
}

.carousel {
height: 545px;
margin: 142px 0 0 0;
}

#pagecontent {
margin: 133px 0 0 0;
}

#pagecontent .pagetitle {
margin: 0 0 30px 0;
font-size: 48px;
padding: 20px 0 0 0;
}

#pagecontent p {
padding: 0 0 0px 0;
}

#pagecontent .pagegrabber {
font-size: 18px;
}

.ourservices h2 {
font-size: 22px;
}

.hometext {
font-size: 84px;
}

.item .itemtext {
display: inline-block;
}

.bubble {
font-size: 24px;
}

#whatwedo h1, .homeresponse h1 {
font-size: 60px;
}

.homeresponse h1 {
font-size: 42px;
}

.homeitem .fa {
font-size: 44px;
margin: 0px auto 10px auto;
padding: 20px 20px 10px 20px;
}

.page .responsehold {
padding: 6% 0 0 0;
}

.page .homeresponse img {
padding: 10% 12%;
}

.homeresponse img {
margin: 12.5% 0 30px 0;
}

#latestworkcontainer {
padding: 0px 15px;
}

.latestwork h2 {
font-size: 20px;
padding: 5px 0 0 0;
}

.servicehold .fa {
font-size: 34px;
display: inline-block;
}

.featurette {
display: flex;
align-items: center;
}

.featurette .featurette-heading {
margin: 0px;
}

#contactform {
width: 390px;
}
}

@media (max-width: 1024px) {

}

@media (min-width: 1100px) {

}

@media (min-width: 1200px) {
.large {
width: 220px;
margin: 0px 0px 0px 50px;
}

.carousel {
height: 545px;
margin: 152px 0 0 0;
}

#pagecontent {
margin: 185px 0 0 0;
}

#pagecontent .pagetitle {
margin: 0 0 70px 0;
font-size: 48px;
padding: 0px 0 0 0;
}

#pagecontent p {
padding: 0 0 70px 0;
}

#pagecontent .pagegrabber {
font-size: 24px;
}

.ourservices h2 {
font-size: 22px;
}

.hometext {
font-size: 84px;
}

.item .hidebubble {
display: inline-block;
}

.bubble {
font-size: 24px;
}

#whatwedo p {
padding: 0 75px;
}

.homeresponse img {
padding: 0% 7%;
margin: 60px 0 30px 0;
}

.page .responsehold {
padding: 9% 0 0 0;
}

.homeresponse h1 {
font-size: 46px;
}

.latestwork h2 {
font-size: 20px;
}

#latestworkcontainer {
padding: 0px 115px;
}

.featurette .fa {
font-size: 275px;
}

.featurette .featicon .fa {
-webkit-animation-name: iconbounceload;
-moz-animation-name: iconbounceload;
-ms-animation-name: iconbounceload;
-o-animation-name: iconbounceload;
animation-name: iconbounceload;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette:hover .featicon .fa {
color: #fcb32b;
-webkit-animation-name: iconbounce;
-moz-animation-name: iconbounce;
-ms-animation-name: iconbounce;
-o-animation-name: iconbounce;
animation-name: iconbounce;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette .text-solid {
display: inline-block;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}

.featurette .text-solid {
-webkit-animation-name: textsmall;
-moz-animation-name: textsmall;
-ms-animation-name: textsmall;
-o-animation-name: textsmall;
animation-name: textsmall;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette:hover .text-solid {
-webkit-animation-name: textbig;
-moz-animation-name: textbig;
-ms-animation-name: textbig;
-o-animation-name: textbig;
animation-name: textbig;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette .textleft {
-webkit-animation-name: textsmall;
-moz-animation-name: textsmall;
-ms-animation-name: textsmall;
-o-animation-name: textsmall;
animation-name: textsmall;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette:hover .textleft {
-webkit-animation-name: textbig;
-moz-animation-name: textbig;
-ms-animation-name: textbig;
-o-animation-name: textbig;
animation-name: textbig;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette .textup {
-webkit-animation-name: textupsmall;
-moz-animation-name: textupsmall;
-ms-animation-name: textupsmall;
-o-animation-name: textupsmall;
animation-name: textupsmall;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette:hover .textup {
-webkit-animation-name: textupbig;
-moz-animation-name: textupbig;
-ms-animation-name: textupbig;
-o-animation-name: textupbig;
animation-name: textupbig;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette .text-muted, .featurette .lead {
display: inline-block;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
padding: 0 9px 0 0;
}

.featurette .text-muted, .featurette .lead {
-webkit-animation-name: textfadein;
-moz-animation-name: textfadein;
-ms-animation-name: textfadein;
-o-animation-name: textfadein;
animation-name: textfadein;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette:hover .text-muted, .featurette:hover .lead  {
-webkit-animation-name: textfadeout;
-moz-animation-name: textfadeout;
-ms-animation-name: textfadeout;
-o-animation-name: textfadeout;
animation-name: textfadeout;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette .featurepoints {
-webkit-animation-name: textpoints;
-moz-animation-name: textpoints;
-ms-animation-name: textpoints;
-o-animation-name: textpoints;
animation-name: textpoints;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette:hover .featurepoints  {
-webkit-animation-name: textpointsin;
-moz-animation-name: textpointsin;
-ms-animation-name: textpointsin;
-o-animation-name: textpointsin;
animation-name: textpointsin;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.featurette .featurepoints {
display: block;
height: 0px;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
font-size: 24px;
}

.featurette .pointsone {
padding: 0px 0 0 63px;
}

.featurette .pointstwo {
padding: 30px 0 0 28px;
}

.featurette .pointsthree {
padding: 60px 0 0 0px;
}

.pagegrabber a {
font-size: 26px;
}
}

@media (min-width: 1500px) {
.navbar-wrapper .container {
width: 1470px;
}

nav.navbar #navbar li a {
margin: 0 36px;
font-size: 30px;
}

h1 {
font-size: 140px;
line-height: 94px;
}

.large {
width: 285px;
margin: 0px 0px 0px 50px;
}

.carousel {
margin: 182px 0 0 0;
}

#pagecontent {
margin: 200px 0 0 0;
}

.homeresponse p {
padding: 0 90px;
}

#whatwedo p {
padding: 0 100px;
}

.page .responsehold {
padding: 11% 0 0 0;
}

.homeresponse h1 {
font-size: 60px;
}

.page .homeresponse p {
font-size: 28px;
}

.latestwork h2 {
font-size: 26px;
}

.folioitem {
margin: 40px auto 0 auto;
}
}

@media (min-width: 1750px) {
.latestwork h2 {
font-size: 32px;
}

.latestimage {
height: 270px;
}

.page .responsehold {
padding: 14% 0 0 0;
}

.homeresponse h1 {
font-size: 70px;
}

.homeresponse p {
padding: 0 120px;
}

.page .homeresponse p {
font-size: 34px;
}

.page .responsehold {
padding: 14% 0 0px 0;
}

.responsehold {
padding: 38px 0 30px 0;
}

.homeresponse img {
padding: 0% 12%;
margin: 50px 0 50px 0;
}

.folioitem h1 {
font-size: 64px;
}

.folioitem a {
font-size: 26px;
}
}

.module .footerheader {
color: #fcb32b;
font-size: 62px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 0px 0px 35px 0px;
}