/*
 *
 * Template Name: DreamCycle
 * Template URI: http://dreamcylce.net
 * Description: based on Andia - Responsive Agency Template http://azmind.com
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *  #37839a
 */

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/assets/img/happy_cat_preload.gif') 50% 50% no-repeat rgb(102,206,255);
}

canvas
{
    width:100%;
    height:100%;
}



#sticky_nav{
    width: 100%;
    display: inline-block;

}
#sticky_nav_menu{
    background-color: #333333;
    color: #fefefe;
}

.nav-pills > li.link  {
    font-weight: bold;
    background-color: #FFFFFF;
    font-weight: bold;
     -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
     border-radius:8px;
     opacity: 1.0;
}
.nav-pills > li.active > a:hover {
    background-color: #42a9c7;
    color: #FFFFFF;
    font-weight: bold;
     -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
     opacity: 1.0;
}
.nav-pills > li > a {
    color: #42a9c7;
    background-color: #FFFFFF;
    opacity: 0.65;

}
.nav-pills > li > a:hover {
    opacity: 1.0;

}


h3 {
display: block;
font-size: 1.17em;
margin-before: 1em;
margin-after: 1em;
margin-start: 0;
margin-end: 0;
font-weight: bold; }

.SUBNOTE { 
   font-family : "Dejavu Sans"; 
   background-color : #FFFFCC; 
    color : #000000; 
    text-decoration : none; 
    border-width:1px; 
    border-color:#000000; 
    border-style:solid; 
    font-size: 10pt;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
}
TH.Lite{
   background-color: #800000;
   font-weight : bold; 
   font-family : "Dejavu Sans"; 
   text-decoration : none; 
   font-size: 12pt;
   color:  #FFFFCC;
}

TD.dark {
   font-weight : bold; 
   font-family : "Dejavu Sans"; 
   background-color : #3573D6; 
   text-decoration : none; 
   color: #FFFFFF;
}

.NOTE { 
   font-family : "Dejavu Sans"; 
   background-color : #FFFFCC; 
    color : #000000; 
    text-decoration : none; 
    border-width:1px; 
    border-color:#000000; 
    border-style:solid; 
    font-size: 10pt;
}
.menuUL ul{

}

#site-desc h2{

    color: #ffffff;
  text-shadow:
   -1px -1px 0 #232323,  
    1px -1px 0 #232323,
    -1px 1px 0 #232323,
     1px 1px 0 #232323;
}

.menuUL li{
    /* This will arrange the LI-s next to each other */
   /* display:inline;*/
   z-index: 6489;
}

.menuUL li a,.menuUL li a:visited{
    font-size:0.825em;
    font-family:"Dejavu Sans";
    /* Styling the hyperlinks of the menu as buttons */

    font-weight:bold;
    background:url(/assets/img/button_bg.jpg) repeat-x center bottom  #333333;
    
    /* display:block allows for additinal CSS rules to take effect, such as paddings: */
    display:block;
    border:1px solid #4D4D4D;
    /*color:#CCCCCC;*/
    color:#FFFFFF;
    border-top-color:#565656;
    padding:4px 6px;
    margin:4px 5px;
    height:24px;
    
    /* Setting a CSS3 box shadow around the button */
    
    -moz-box-shadow:0 0 1px black;
    -webkit-box-shadow:0 0 1px black;
    box-shadow:0 0 1px black;
    
    /* CSS3 text shadow */
    text-shadow:0 1px black;
}

.menuUL li a:hover{
    /* On hover show the top, lighter, part of the background: */
    background-position:center top;
    text-decoration:none;
}

#navigation{
    /* The navigation menu bar: */
    background:#333333;
    /*border:1px solid #111111;*/
    padding:5px 10px;
}

#navigation,.menuUL li a{
    /* CSS3 rounded corners for both the navigation bar and the buttons: */
    font-size:0.92em;
    font-family:"Dejavu Sans";

}

.dot{
    /* The stage contains 192 .dot divs: */
    float:left;
    height:25px;
    width:25px;
}

.dot.active{
    /* When assigned the active class, the div shows a background image of a dot: */
    background:url(/assets/img/dot.png) no-repeat center center;
}

.clear{
    /* Old-school clear fix hack to clear the floats: */
    clear:both;
}

#main{
    position:relative;
    width:900px;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.nano { height: 75px; }
.nano .nano-content { padding: 2px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }

/*FONTS*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/assets/fonts/Open_Sans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/assets/fonts/Open_Sans_Italic.woff) format('woff');
}

@font-face {
  font-family: 'ProFontWindows';
  font-style: normal;
  font-weight: 400;
  src: local('Ti92ppc'), local('ProFontWindows'), url(/assets/fonts/ProFontWindows.woff) format('woff');
}

@font-face {
  font-family: 'Dejavu Sans Mono';
  font-style: normal;
  font-weight: 400;
  src: local('c'), local('DejavuSansMono'), url(/assets/fonts/DejaVuSansMono.woff) format('woff');
}
@font-face {
  font-family: 'Dejavu Sans Mono';
  font-style: bold;
  font-weight: 400;
  src: local('Dejavu Sans Mono Bold'), local('DejavuSansMonoBold'), url(/assets/fonts/DejaVuSansMono-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Dejavu Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Dejavu Sans'), local('DejavuSans'), url(/assets/fonts/DejaVuSans.woff) format('woff');
}

@font-face {
  font-family: 'Dejavu Sans Bold';
  font-style: bold;
  font-weight: 400;
  src: local('Dejavu Sans Bold'), local('DejavuSansBold'), url(/assets/fonts/DejaVuSansBold.woff) format('woff');
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(/assets/fonts/Source_Code_Pro.woff) format('woff');
}

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(/assets/fonts/Lobster.woff) format('woff');
}


.syntaxhighlighter {
  width: 75% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: .9em !important; 
  font-family: 'Source Code Pro';
  overflow-y: hidden !important; 
  overflow-x: auto !important; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
-webkit-box-shadow: 0 4px 6px -6px black;
     -moz-box-shadow: 0 4px 6px -6px black;
          box-shadow: 0 4px 3px -3px #d0d0d0;
}

div.syntaxhighlighter .container:before,div.syntaxhighlighter .container:after {
    content:none;
}

/* apply a natural box layout model to all elements */
*,:before,:after
{
    
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

}
.cplayer,:before,:after
{
    
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;

}


/* normal image */
.normal-img {
    background: #ccc;
    border: solid 1px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.normal-img-2 {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* rounded image styles */
.rounded-img {
    display: inline-block;
    border: solid 1px #000;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
.rounded-img3 {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px #e8e8e8 solid;
}


#BOOT
{
    z-index:1;
    width:100%;
    height:120px;
}

#rock
{
/*background: url('/assets/img/castle2.png')  left repeat-x;*/
    background-color:#FFF;
    background-image:0 to(#999999));
    background-image:0;
    background-image:0;
    background-image:0;
    background-image:linear-gradient(tobottom,#000000,#ffffff);
    width:100%;
    height:200px;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
}


.centering
{
    float:none;
    margin:0 auto;
}
.centered_img{
    display:block;
    margin:auto;
}

#birds_house
{
    background:url(/assets/img/birds-roof.png) center no-repeat;
    height:259px;
    width:213px;
    color:#000;
    opacity:1;
    position:absolute;
    top:0;
    left:0;
    z-index:60;
}


#dandylion
{
    background:url(/assets/img/dandylion.png) center no-repeat;
    height:261px;
    width:147px;
    color:#000;
    opacity:1;
    position:absolute;
    top:0;
    right:40px;
    z-index:66;
}

#left_island
{
    position:relative;
    top:-20px;
    display: block; 

}

#right_island
{
    position:relative;
    top:30px;
     display: block;
}

#land01
{
    background:url(/assets/img/land01.png) center no-repeat;
    width:299px;
    height:143px;
    color:#000;
    opacity:1;
    position:absolute;
    top:150px;
    left:18%;
    z-index:256;
}


#man
{
    background:url(/assets/img/man.png) center no-repeat;
    width:60px;
    height:32px;
    color:#000;
    opacity:1;
    position:absolute;
    top:-20px;
    left:25%;
    z-index:256;
}

#land02
{
    background:url(/assets/img/land02.png) center no-repeat;
    width:300px;
    height:175px;
    color:#000;
    opacity:1;
    position:absolute;
    top:140px;
    left:63%;
    z-index:256;
}

#gautama
{
    background:url(/assets/img/GautamaBuddha.png) center no-repeat;
    width:50px;
    height:48px;
    color:#000;
    opacity:1;
    position:absolute;
    top:-30px;
    left:150px;
    z-index:256;
}

#gautama:hover
{
    -webkit-filter: drop-shadow(12px 12px 7px rgba(255,255,255,0.5));
    filter: url(/assets/svg/glow.svg#glow); 
}

#man:hover
{
    -webkit-filter: drop-shadow(12px 12px 7px rgba(255,255,255,0.5));
    filter: url(/assets/svg/glow.svg#glow); 
}

#bodhi
{
    background:url(/assets/img/bodhi_tree.png) center no-repeat;
    width:147px;
    height:100px;
    color:#000;
    opacity:1;
    position:absolute;
    top:-90px;
    left:190px;
    z-index:256;
}

a:focus
{
    outline:none;
}

/* warning */
.modal-title
{
    font-family:HelveticaNeue-CondensedBold, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
    font-size:32px;
    font-weight:700;
    line-height:1.2;
    margin:0 0 10px;
}

#noscript_overlay,.noscript-overlay
{
    position:fixed;
    display:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.6);
    z-index:6500;
}

.modal-message
{
    position:fixed;
    z-index:7050;
    width:600px;
    min-width:380px;
    left:50%;
    top:50px;
    margin-left:-300px;
    border-radius:20px;
    background:#000;
    padding:20px;
}

.modal-message p
{
    color:#999;
    font-size:13px;
    margin:0 0 25px;
}

.clear,.group:after
{
    clear:both;
}

.group:before,.group:after
{
    content:"";
    display:table;
}

.modal-message.modal-warning
{
    border:10px solid #42a9c7;
    box-shadow:0 0 50px #42a9c7;
}

html
{
    background:transparent;
}

/* ds_nav */
.anim{
    position:absolute;
    opacity: 0.4;

    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
.anim:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 0.6;

}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

#anim {
      background: url('/assets/img/ds_anim.png')  center no-repeat;
    -moz-animation: rotate 20s linear 0s infinite;
    -webkit-animation: rotate 20s linear 0 infinite;
      width: 190px;
      height: 190px;
      position: relative;
      top: -85px;
      left: 30px;
      z-index: 4;
}

#anim2 {
      background: url('/assets/img/ds_anim2.png')  center no-repeat;
    -moz-animation: rotate2 20s linear 0s infinite;
    -webkit-animation: rotate2 20s linear 0s infinite;
      width: 150px;
      height: 150px;
      position: relative;
      top: -65px;
      left: 49px;
       opacity: 1;
       z-index: 3;
}

#anim3 {
     background: url('/assets/img/sun.png')  center no-repeat;
      width: 135px;
      height: 135px;
      position: relative;
      top: -205px;
      left: 55px;
       opacity: .1;
       z-index: 2;
}


#magic-circle
{
    background:url(/assets/img/circle.png) center no-repeat;
    height:500px;
    width:478px;
    color:#000;
    top:-210px;
    left:-123px;
    opacity:1;
    position:absolute;
    top:0;
    z-index:1;

    pointer-events:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(/assets/img/circle.png', sizingMethod='scale');
}


#site_nav
{
    position:fixed;
    width:400px;
    top:4px;
    right: 0px;
    height:50px;
    z-index:6489;
}

.nav_elem
{
    display: inline-block; 
    width: 46px;
    height: 46px;
}

#nav
{
    position:relative;
    background:url(/assets/img/ds_nav.png) center no-repeat;
    width:250px;
    top:135px;
    height:250px;
    z-index:6489;
    opacity: 0.65;
}

#ds-nav
{
    width:250px;
    height:250px;
    position:relative;
    top:-25px;
    color:#fff;
    float:none;
    margin:0 auto;
}

#ds-nav a
{
    color:#FFF;
    text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

#ds-nav a:hover
{
    color:#f9d877;
}

#brand a
{
    left:275px;
    top:30px;
    position:absolute;
    width:566px;
    height:200px;
    background:url(../img/ds_text.png) center no-repeat;
    z-index:10;
}

@-moz-keyframes rotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-ms-keyframes rotate {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

@-moz-keyframes rotate2 {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0deg); }
}

@-webkit-keyframes rotate2 {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0deg); }

}

@-ms-keyframes rotat2e {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0deg); }
}
/* .container { width:90% } */
.rounded
{
    border:1px solid rgba(0,0,0,0.15);
    border-radius:4px 4px 4px 4px;
}

.portfolio_chiclet
{
    height:340px;
}

.portfolio_chiclet i{
    margin-left:auto;
    margin-right:auto;
    text-align:center;

}

.chic-top
{
    height:165px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;

}

.chic-top img
{
    max-width:100%; 
    max-height:100%;


}

.chic-middle
{
    height:100px;
}
.chic-middle-coffee
{
    height:20px;
}
.chic-bottom
{
    height:20%;
}

.btn-center
{
    position:relative;
    bottom:-20%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}



.drop-shadow
{
    position:relative;
    float:left;
    padding:1em;
    margin:1em 0 2em;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
    box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
}

.drop-shadow:before,.drop-shadow:after
{
    content:"";
    position:absolute;
    z-index:-2;
}

.drop-shadow .chicklet
{
    font-size:16px;
    font-weight:700;
}

/* Lifted corners */
.lifted
{
    -moz-border-radius:4px;
    border-radius:4px;
}

.lifted:before,.lifted:after
{
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
    -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
    box-shadow:0 15px 10px rgba(0,0,0,0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}

.lifted:after
{
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

body
{
    background:#fff;
    text-align:left;
    font-family:'Dejavu Sans';
    color:#7b7b7b;
    font-size:14px;
     -webkit-font-smoothing:antialiased;


}

.violet
{
    color:#37839a;
}

B.pre {
    font-weight:  normal;
    color: #232323;
   font-family : "DejaVu Sans Mono";
   text-decoration : none; 
   font-size: 9pt;
}

/*
a
{
    color:#37839a;
    text-decoration:none;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
}

a:hover
{
    color:#888;
    text-decoration:none;
}
*/
strong
{
    font-weight:700;
}

/* ----- Header ----- */
header
{
    height:234px;
    background:#f8f8f8 url(/assets/img/sunset.png);
    background-repeat:no-repeat;
    background-position:center;
    -moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset;
    background-size: cover;
    padding-bottom:10px;
}

.header .navbar
{
    margin-bottom:0;
}

.header .navbar-inner
{
    border:0;
    background:none;
    background-image:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.header h1
{
    float:left;
    margin:0;
    text-align:left;
}

.header ul.nav
{
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
}

.header ul.nav li a
{
    padding:30px 20px 10px;
    color:none;
    text-shadow:none;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
}

.header ul.nav li.current-page a
{
    padding-top:25px;
    border-top:5px solid #37839a;
    background:none;
}

.header ul.nav li a:hover
{
/*background:  #37839a;*/
/* IE10 Consumer Preview */
    background-image:0;
/* Mozilla Firefox */
    background-image:0;
/* Opera */
    background-image:0;
/* Webkit (Safari/Chrome 10) */
    background-image:0 color-stop(1,#edf8fb));
/* Webkit (Chrome 11+) */
    background-image:0;
/* W3C Markup, IE10 Release Preview */
    background-image:linear-gradient(tobottom,#37839a0%,#edf8fb100%);
    color:#ff4548;
    border-bottom:2px solid #d7d7d7;
    border-left:2px solid #d7d7d7;
    border-right:2px solid #d7d7d7;
}

.header ul.nav li a i
{
    line-height:35px;
    color:#42a9c7;
}

.header ul.nav li a:hover i
{
    color:#000;
}

/* ----- Slider ----- */
.slider
{
    position:relative;
    z-index:/*
    margin: 0 auto;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
        */
9;
}

.flexslider
{
    margin-top:45px;
    margin-bottom:55px;
    border:6px solid #fff;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    -moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
    -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
    box-shadow:0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
}

.xflex-caption
{
    position:absolute;
    bottom:20px;
    max-width:920px;
    padding:10px 20px;
    margin:0;
    background:#1d1d1d;
/* browsers that don't support rgba */
    background:rgba(0,0,0,.7);
    font-size:14px;
    line-height:24px;
    color:#eaeaea;
    text-align:left;
    font-style:italic;
    z-index:1;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption
{
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom:1;
}

.flex-caption
{
    margin:0;
    width:95%;
    padding:2%;
    position:absolute;
    left:4px;
    bottom:4px;
    background:rgba(0,0,0,.8);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.3);
    font-size:14px;
    line-height:18px;
    text-align:left;
    z-index:1;
    -moz-border-radius:19px;
    -webkit-border-radius:19px;
    border-radius:19px;
}

.slider .slides li
{
    position:relative;
}

/* ----- Presentation ----- */
.presentation
{
/*margin-top: 10px;*/
/*background: #FFFFFF  url(../img/grunge_label.png) center no-repeat; */
    position: absolute;
    top: 1px;
    z-index:255;
    opacity:.7;
    width:100%;
    height:220px;
 
}

.presentation h2
{

    font-family:'Dejavu Sans';
    font-size: 6em;
    font-weight:bold;
    color:#000;
    text-shadow: 0 0 10px #e0890d;
      margin: 0 auto;
        text-align:center;
             -webkit-font-smoothing:antialiased;
}

.presentation p
{
    font-size:18px;
    font-style:italic;
    font-weight: bold;
    color:#000;
    position:relative;
    top: -2%;
    text-shadow: 0 0 10px #FFFFFF;
      text-align:center;
}

/* ----- What we do ----- */
.what-we-do
{
    margin-top:35px;
    width:100%;
}

.what-we-do .service
{
    padding-bottom:23px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    background:#f8f8f8;
    border-bottom:2px solid #37839a;
}

.what-we-do .service:hover
{
    box-shadow:0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
}

.what-we-do .service .icon-awesome
{
    margin-top:15px;
    font-size:50px;
    line-height:50px;
    color:#5d5d5d;
}

.what-we-do .service h4
{
    margin-top:5px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.what-we-do .service p
{
    padding-bottom:10px;
    line-height:24px;
}

.what-we-do .service a
{
    padding:5px 22px;
    background:#37839a;
    color:#fff;
    font-style:italic;
    text-decoration:none;
    -moz-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.what-we-do .service a:hover
{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.what-we-do .service a:active
{
    -moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

/* ----- Portfolio ----- */
.portfolio
{
    margin-top:30px;
    width:100%;
}

.portfolio-title
{
    background:url(/assets/img/line.png) left center repeat-x;
}

.portfolio-title h3
{
    width:220px;
    margin:0 auto;
    background:#fff;
    font-family:'Dejavu Sans';
    font-size:24px;
    color:#5d5d5d;
}

.portfolio .work
{
    margin-top:20px;
    margin-bottom:10px;
    padding-bottom:20px;
    
    border-bottom:2px solid #37839a;
}

.portfolio .work img
{
    max-width:100%; 
    max-height:100%;
}

.portfolio .work:hover img
{
    opacity:.7;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
}

.portfolio .work .icon-awesome
{
    margin-top:15px;
    font-size:22px;
    line-height:22px;
}

.portfolio .work .icon-awesome a
{
    display:inline-block;
    padding:5px 9px;
    background:#37839a;
    color:#fff;
    -moz-border-radius:19px;
    -webkit-border-radius:19px;
    border-radius:19px;
    -moz-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.portfolio .work .icon-awesome a:hover
{
    background:#5d5d5d;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.portfolio .work .icon-awesome a:active
{
    -moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.portfolio .work h4
{
    margin-top:20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.portfolio .work p
{
    line-height:14px;
    font-style:italic;
    font-size: 12px;
}

/* ----- Testimonials ----- */
.testimonials
{
    margin-top:50px;
    padding-bottom:50px;
}

.testimonials-title
{
    background:url(../img/line.png) left center repeat-x;
}

.testimonials-title h3
{
    width:180px;
    margin:0 auto;
    background:#fff;
    font-family:'Dejavu Sans';
    font-size:24px;
    color:#5d5d5d;
}

.testimonial-list
{
    margin-top:30px;
    text-align:left;
}

.testimonial-list img
{
    float:left;
    margin:10px 0 0 60px;
    border:3px solid #eaeaea;
}

.testimonial-list p
{
    padding:0 60px 0 150px;
    font-size:14px;
    line-height:30px;
    font-style:italic;
}

.testimonial-list .nav-tabs
{
    width:200px;
    float:right;
    border:0;
}

.testimonial-list .nav-tabs li
{
    margin-right:6px;
}

.testimonial-list .nav-tabs li a
{
    width:12px;
    height:12px;
    padding:0;
    background:#eaeaea;
    border:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.testimonial-list .nav-tabs li a:hover
{
    border:0;
    background:#ddd;
}

.testimonial-list .nav-tabs li.active a
{
    background:#37839a;
}

/* ----- Footer ----- */
footer
{
    background:#f8f8f8 url(../img/cloud_background.png) left top repeat;
    -moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset;
    background-size: cover;
    position: relative;
}

footer .widget
{
    margin-top:20px;
    text-align:left;
}

footer .widget h4
{
    margin-top:20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

footer .widget p
{
    line-height:24px;
}

footer .widget i
{
    padding-right:7px;
}

/* instagram feed */
#instagram
{
    margin:0;
    padding:0;
    overflow:hidden;
    width:100%;
}

#instagram li
{
    list-style:none;
    float:left;
    width:50px;
    border:2px solid #eaeaea;
    min-height:50px;
    display:0;
    display:inline-block;
    vertical-align:top;
    margin:2px;
}

#instagram li img
{
    width:50px;
    border:2px solid #eaeaea;
}

#instagram a:hover
{
    opacity:.7;
}

/* Twitter feed */
.show-tweets
{
    margin:0;
    overflow-y:hidden;
}

.show-tweets2
{
    margin:0;
    overflow-y:hidden;
}

.tweet_list
{
    -webkit-border-radius:.5em;
    -moz-border-radius:.5em;
    border-radius:.5em;
    list-style:none;
    margin:0;
    padding:2px;
    overflow-y:hidden;
    background-color:#FFF;
    border:solid 2px #eaeaea;
}

.tweet_list li
{
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    list-style-type:none;
    line-height:16px;
    font-size:10px;
    padding:2px;
}

.tweet_list li img
{
    width:48px;
    border:2px solid #eaeaea;
}

.tweet_list .tweet_even
{
    background-color:#eaeaea;
}

.tweet_list .tweet_avatar
{
    float:left;
}

.tweet_list .tweet_avatar img
{
    vertical-align:middle;
}

.tweet_list .tweet_avatar
{
    padding-right:.5em;
    float:left;
}

.tweet_list .tweet_avatar img
{
    vertical-align:middle;
}

footer .footer-border
{
    margin-top:0px;
    border-top:1px dashed #ddd;
}

footer .copyright
{
    margin-top:15px;
    text-align:left;
}

footer .social
{
    margin-top:10px;
    text-align:left;
}

footer .social a
{
    display:inline-block;
    width:24px;
    height:24px;
    margin:0 0 0 8px;
    vertical-align:middle;
    z-index:60;
}

footer .social a:hover
{
    background-position:left top;
}


#footer_display{
  position: relative;
  bottom: 0px;
}
#birdhouse2
{
    position:relative;
    bottom: 0px;
    right: 0px;
    height: 265px;
}

#birdhouse
{
    position:relative;
}

#birds
{
    position: absolute;
    z-index:65;
    top:-130px;
    right: 50px;
    opacity: 0.7;

    pointer-events: none;
}

#hp_quote
{
    position:fixed;
    bottom:130px;
    right:57px;
    z-index:1;
    background-color:#75d7f8;
}

#hp_quote_rip
{
    position:fixed;
    bottom:0;
    right:0;
    z-index:2;
}

#roof
{

    background:url(/assets/img/roof.png) no-repeat bottom right;
 position: absolute;

    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;

    z-index:65;

    pointer-events: none;
}

/* ----- Page title ----- */
.page-title
{
    margin:0 auto;
    padding:30px 0 35px;
/*background: #f8f8f8 url(../img/text5091.png) left top repeat;*/
    -moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    text-align:left;
    z-index: 6550;
    background-color: #373737;
}

.nl_title
{
    width: 100%; 
    z-index: 10;
}

.page-title h2
{
    display:inline;
    margin-left:10px;
    font-family:'Dejavu Sans';
    font-size:24px;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.7);
    vertical-align:middle;
}

.page-title p
{
    display:inline;
    margin-left:5px;
    font-size:24px;
    font-style:italic;
    vertical-align:middle;
}

.page-title-icon
{
    margin-left:0px;
    font-size:46px;
    color:#42a9c7;
    vertical-align:middle;
}

/********** ----- ABOUT PAGE ----- **********/
/* ----- About us text ----- */
.about-us
{
    margin-top:20px;
}

.about-us-text
{
    padding:10px 0;
    text-align:left;
}

.about-us-text h4
{
    margin-top:25px;
    padding:0 20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.about-us-text p
{
    padding:0 20px;
    line-height:28px;
    font-size:13px;
}

/* ----- Meet our team ----- */
.team
{
    margin-top:30px;
}

.team-title
{
    background:url(../img/line.png) left center repeat-x;
}

.team-title h3
{
    width:220px;
    margin:0 auto;
    background:#fff;
    font-family:'Dejavu Sans';
    font-size:24px;
    color:#5d5d5d;
}

.team-text
{
    margin-top:40px;
    padding-bottom:20px;
    background:#f8f8f8;
    border-bottom:2px solid #37839a;
}

.team-text:hover img
{
    opacity:.7;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
}

.team-text:hover
{
    box-shadow:0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
}

.team-text .social-links
{
    margin-top:15px;
}

.team-text .social-links a
{
    display:inline-block;
    width:24px;
    height:24px;
    margin:0 4px;
    vertical-align:middle;
}

.team-text .social-links a.twitter
{
    background:url(../img/social-icons/twitter.png) left top no-repeat;
}

.team-text .social-links a.dribbble
{
    background:url(../img/social-icons/dribbble.png) left top no-repeat;
}

.team-text .social-links a.pinterest
{
    background:url(../img/social-icons/pinterest.png) left top no-repeat;
}

.team-text .social-links a.flickr
{
    background:url(../img/social-icons/flickr.png) left top no-repeat;
}

.team-text .social-links a.forrst
{
    background:url(../img/social-icons/forrst.png) left top no-repeat;
}

.team-text .social-links a.vimeo
{
    background:url(../img/social-icons/vimeo.png) left top no-repeat;
}

.team-text .social-links a.linkedin
{
    background:url(../img/social-icons/linkedin.png) left top no-repeat;
}

.team-text .social-links a.facebook
{
    background:url(../img/social-icons/facebook.png) left top no-repeat;
}

.team-text .social-links a.email
{
    background:url(../img/social-icons/email.png) left top no-repeat;
}

.team-text .social-links a.behance
{
    background:url(../img/social-icons/behance.png) left top no-repeat;
}

.team-text .social-links a.googleplus
{
    background:url(../img/social-icons/googleplus.png) left top no-repeat;
}

.team-text .social-links a.youtube
{
    background:url(../img/social-icons/youtube.png) left top no-repeat;
}

.team-text .social-links a.skype
{
    background:url(../img/social-icons/skype.png) left top no-repeat;
}

.team-text .social-links a.tumblr
{
    background:url(../img/social-icons/tumblr.png) left top no-repeat;
}

.team-text .social-links a:hover
{
    background-position:left bottom;
}

.team-text h4
{
    margin-top:20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.team-text p
{
    line-height:24px;
    font-style:italic;
}

/********** ----- CONTACT PAGE ----- **********/
/* ----- Form ----- */
.contact-us
{
    margin-top:20px;
    padding-bottom:50px;
    text-align:left;
}

.contact-us h4
{
    margin-top:25px;
    padding:0 20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

#map_canvas
{
    background-color: #CCC;
    border: 3px solid #aeacac;
    height: 350px;
    width: 100%;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#map-canvas
{
    background-color: #CCC;
    border: 3px solid #aeacac;
    height: 350px;
    width: 100%;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.contact-us p
{
    padding:0 20px;
    line-height:28px;
    font-size:13px;
}

.contact-form
{
    padding:10px 0;
}

.contact-form p
{
    margin-top:15px;
}

.contact-us form
{
    margin-top:25px;
    padding:0 20px;
}

.contact-us form input,.contact-us form textarea
{
    width:90%;
    height:24px;
    border:1px solid #ddd;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    color:#888;
    font-size:13px;
    font-style:italic;
}

.contact-us form input:focus,.contact-us form textarea:focus
{
    border:1px solid #bbb;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.contact-us form textarea
{
    height:160px;
}

.contact-us form button
{
    width:120px;
    height:30px;
    margin-top:15px;
    background:#37839a;
    border:0;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    font-size:13px;
    color:#fff;
    -moz-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
}

.contact-us form button:hover
{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.contact-us form button:active
{
    -moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.contact-us form label
{
    margin-top:10px;
    font-size:13px;
}

.contact-us form input:-moz-placeholder,.contact-us form textarea:-moz-placeholder
{
    color:#ccc;
}

.contact-us form input:-ms-input-placeholder,.contact-us form textarea:-ms-input-placeholder
{
    color:#ccc;
}

.contact-us form input::-webkit-input-placeholder,.contact-us form textarea::-webkit-input-placeholder
{
    color:#ccc;
}

/* ----- Google maps ----- */
.map
{
    margin:20px 20px 40px;
    height:300px;
    border:5px solid #f8f8f8;
}

/********** ----- SERVICES PAGE ----- **********/
/* ----- Services full width text ----- */
.services-full-width
{
    margin-top:20px;
}

.services-full-width-text
{
    padding:10px 0 0;
    text-align:left;
}

.services-full-width-text h4
{
    margin-top:25px;
    padding:0 20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.services-full-width-text p
{
    padding:0 20px;
    line-height:28px;
    font-size:13px;
}

/* ----- Services half width text ----- */
.services-half-width
{
    margin-top:20px;
}

.services-half-width-text
{
    padding:10px 0;
    text-align:left;
}

.services-half-width-text h4
{
    margin-top:25px;
    padding:0 20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#5d5d5d;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

.services-half-width-text p
{
    padding:0 20px;
    line-height:28px;
    font-size:13px;
}

/* ----- Call to action ----- */
.call-to-action
{
    margin-top:20px;
    padding-bottom:50px;
}

.call-to-action-text
{
    padding:25px 0 20px;
    text-align:left;
    background:#f8f8f8;
    overflow:hidden;
}

.call-to-action-text:hover
{
    box-shadow:0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
}

.call-to-action-text .ca-text,.call-to-action-text .ca-button
{
    float:left;
    padding:0 0 0 35px;
    line-height:30px;
    font-size:18px;
    font-style:italic;
}

.call-to-action-text .ca-button
{
    float:right;
    padding:0 35px 0 0;
}

.call-to-action-text .ca-button a
{
    padding:5px 22px;
    background:#37839a;
    color:#fff;
    text-decoration:none;
    -moz-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.call-to-action-text .ca-button a:hover
{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.call-to-action-text .ca-button a:active
{
    -moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

/********** ----- PORTFOLIO PAGE ----- **********/
.portfolio-page
{
    margin-top:20px;
    padding-bottom:50px;
}

.portfolio-page h4.filter-portfolio
{
    margin-top:35px;
    padding:0 20px;
    font-family:'Dejavu Sans', Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#5d5d5d;
    text-align:left;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
}

ul.portfolio-img
{
    margin:0;
    overflow:hidden;
}

ul.portfolio-img li
{
    list-style:none;
}

.filter-portfolio a
{
    color:#5d5d5d;
    text-decoration:none;
}

.filter-portfolio a:hover
{
    color:#37839a;
    text-decoration:none;
}

.filter-portfolio a#active-imgs
{
    color:#37839a;
}

.filter-portfolio a#active-imgs:hover
{
    color:#5d5d5d;
}

/* ----- Media queries ----- */
@media min-width 980px and max-width 1200px {
    .flex-caption
    {
        max-width:700px;
    }
    
    .what-we-do .service p,.portfolio .work p
    {
        padding-left:10px;
        padding-right:10px;
    }
    
    .call-to-action-text
    {
        padding-bottom:30px;
    }
    
    .call-to-action-text .ca-text
    {
        padding:0 35px;
    }
    
    .call-to-action-text .ca-button
    {
        margin-top:10px;
    }
}

@media min-width 768px and max-width 979px {
    .header ul.nav li a
    {
        padding:15px 20px;
        font-weight:400;
        text-align:left;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
    }
    
    .header ul.nav li.current-page a
    {
        padding-top:15px;
    }
    
    .header ul.nav li a i,.header ul.nav li a br
    {
        display:none;
    }
    
    .flex-caption
    {
        max-width:500px;
    }
    
    .what-we-do .service p,.portfolio .work p
    {
        padding-left:10px;
        padding-right:10px;
    }
    
    .call-to-action-text
    {
        padding-bottom:30px;
    }
    
    .call-to-action-text .ca-text
    {
        padding:0 35px;
    }
    
    .call-to-action-text .ca-button
    {
        margin-top:10px;
    }
}

@media max-width 767px {
    body
    {
        padding-left:0;
        padding-right:0;
    }
    
    .slider,.what-we-do,.portfolio
    {
        padding:0 20px;
    }
    
    .what-we-do
    {
        margin-top:30px;
    }
    
    .header ul.nav li a
    {
        padding:15px 20px;
        font-weight:400;
        text-align:left;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
    }
    
    .header ul.nav li.current-page a
    {
        padding-top:15px;
    }
    
    .header ul.nav li a i,.header ul.nav li a br
    {
        display:none;
    }
    
    .flex-caption
    {
        display:none;
    }
    
    .presentation,footer,.testimonials
    {
        padding-left:20px;
        padding-right:20px;
    }
    
    .presentation p
    {
        line-height:30px;
    }
    
    .what-we-do .service p,.portfolio .
    p
    {
        padding-left:10px;
        padding-right:10px;
    }
    
    .what-we-do .service .icon-awesome
    {
        padding-top:10px;
    }
    
    .page-title p
    {
        display:block;
        margin-top:10px;
        margin-left:20px;
    }
    
    .call-to-action-text
    {
        padding-bottom:30px;
    }
    
    .call-to-action-text .ca-text
    {
        padding:0 35px;
    }
    
    .call-to-action-text .ca-button
    {
        margin-top:10px;
    }
    
    .portfolio-page
    {
        padding-bottom:50px;
    }
    
    .tweet_list
    {
        height:6em;
    }
}

@media max-width 480px {
    .tweet_list
    {
        height:10em;
    }
}