/*

Theme Name: Eight Degree

Theme URI: http://www.webdingo.net/eightdegree

Author: Web Dingo

Author URI: http://www.webdingo.net

Description: Single page multi purpose parallax and animated scrolling theme.

Version: 1.1.2

License: GNU General Public License

License URI: license.txt

Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout

*/



/* ==========================================================================

   Fonts

   ========================================================================== */

@font-face {

    font-family: 'montserratbold';

    src: url('fonts/Montserrat/montserrat-bold-webfont.eot');

    src: url('fonts/Montserrat/montserrat-bold-webfont.eot?#iefix') format('eot'),

         url('fonts/Montserrat/montserrat-bold-webfont.woff') format('woff'),

         url('fonts/Montserrat/montserrat-bold-webfont.ttf') format('truetype'),

         url('fonts/Montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'montserratregular';

    src: url('fonts/Montserrat/montserrat-regular-webfont.eot');

    src: url('fonts/Montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Montserrat/montserrat-regular-webfont.woff') format('woff'),

         url('fonts/Montserrat/montserrat-regular-webfont.ttf') format('truetype'),

         url('fonts/Montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'open_sansregular';

    src: url('fonts/Opensans/openopensans-regular-webfont.eot');

    src: url('fonts/Opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Opensans/opensans-regular-webfont.woff') format('woff'),

         url('fonts/Opensans/opensans-regular-webfont.ttf') format('truetype'),

         url('fonts/Opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'open_sanslight';

    src: url('fonts/Opensans/OpenSans-Light-webfont.eot');

    src: url('fonts/Opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Opensans/OpenSans-Light-webfont.woff') format('woff'),

         url('fonts/Opensans/OpenSans-Light-webfont.ttf') format('truetype'),

         url('fonts/Opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* ==========================================================================

   General

   ========================================================================== */



html{

  font-style: normal; 

  line-height:1.65;

  font-family: serif;

  height: 100%;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;



}

body {

  height: 100%;

  width: 100%;

  overflow-x:hidden;

  overflow-y:auto;



}

.lt-ie8 body{

  overflow: hidden;

}

.lt-ie8 .page{

  position: relative;

}

.lt-ie8 .mainnav, .lt-ie8 .slide-caption,.lt-ie8 .scrollanimation{

  left: 0;

}

.lt-ie8 .nav-links li, .lt-ie8 .tabs li, .lt-ie8 .portfolio-nav li, .lt-ie8 .social-networks li, .lt-ie8 .portfolioinner li,.lt-ie8 .mix{

  float: left;

}

.lt-ie9 .mainnav .row{padding: 0px 15px;}

.lt-ie9 .nav-links{right: -60px;}

#main, #primary{min-height: 100%;}

.fixed{

  position: fixed !important;

  top: 0;

}

.alignright{

  text-align: right;

  float: right;

}

.alignleft{

  text-align: left;

  float: left;

}

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

.nopadding{padding: 0 !important;}

div.page{

  width: 100%;

  padding: 90px 0px;

  overflow: hidden;

  background-attachment: fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;



}



#les-clients.page{

  padding: 90px 0px 0px 0px;

}



.page-template-default #main{padding-top: 54px;}



.grid:after{

  content: '';

  display: table;

  width: 100%;

  clear: both;

}

.footer{

  width: 100%;

  text-align: center;

  padding:70px 35px;

  position: relative;

}



.footer small{

  display: block;

  width: 100%;

  margin-top: 15px;

  font-size: 80%;

  text-align: center;

  

}

.footer .grid > div{

  padding: 5px 15px;

}

.footer.row{margin-bottom:0px}

#scroll-top{

  width: 40px;

  height: 40px;

  background-image:url(images/up.png);

  background-size: 30px 30px;

  background-position: center center;

  background-repeat: no-repeat;

  position: absolute;

  left: 50%;

  margin-left: -20px;

  top: -30px;

  border:1px solid transparent;

  border-radius: 3px;

  cursor: pointer;

}



/* ==========================================================================

   Typography

   ========================================================================== */

::selection{color: #fff;}

::-moz-selection{color: #fff;}

.ampersand { font-family: Ampersand, Verdana, sans-serif; }

.breakword { word-wrap: break-word; }

.normal-wrap { word-wrap: normal; }

.inherit-wrap { word-wrap: auto; }

small { font-size: 65%; }



h1,h2,h3,h4,h5,h6{

  line-height: 1;

  margin-top: 0;

  text-rendering: optimizeLegibility;



  /*

  1.1.2

  font-weight: normal;*/

}



.tera { margin-bottom: 0.25385em; }

.giga { margin-bottom: 0.33em; }

.mega { margin-bottom: 0.4125em; }

h1, .alpha { margin-bottom: 0.495em; }

h2, .beta { margin-bottom: 0.61875rem; }

h3, .gamma { margin-bottom: 0.825em; }

h4, .delta { margin-bottom: 1.2375em; }

h5, .epsilon {margin-bottom: 1.4142857142857141em; }

h6, .zeta {margin-bottom: 1.4142857142857141em; }

.subheading{

  display: block;

  font-size: 12px;

  margin: 10px 0 0 0;

  letter-spacing: 1px;

  text-transform: uppercase;

  font-style: normal;

  font-weight: 300;

}



#reply-title a{ color: #fff; }

a{text-decoration: none;}

.skrollr a{

  -webkit-transition: color 75ms ease;

  -moz-transition: color 75ms ease;

  -ms-transition: color 75ms ease;

  -o-transition: color 75ms ease;

  transition: color 75ms ease;

}



hr { 

  height: 1px;

  border: none;

  border-top: 1px solid #D0D0D0;

  margin: 0px; 

}

.pageheading p{

  font-size: 1.6em;

  margin-bottom: 5px;

}

em{font-family: serif;}



.drop-cap:first-letter {

  background-color: #333;

  color: #fff;

  float: left;

  font-size: 3em;

  font-style: normal !important;

  line-height: 1;

  margin: 4px 15px 0 0;

  padding: 15px;

  text-indent: 0;

}

p + .drop-cap {

  text-indent: 0;

  margin-top: 0;

}

p { margin: auto auto 1.5em;}

abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp {

  -webkit-hyphens: none; 

  -moz-hyphens: none; 

  -ms-hyphens: none; 

  -o-hyphens: none; 

  hyphens: none;  

}

pre code {

  word-wrap: normal;

}

code {

   font-family: monospace;

}

abbr {

  font-variant: small-caps; 

  font-weight: 600;

  text-transform: lowercase;

  color: #808080;

}

abbr[title]:hover { cursor: help; }

.lining dt, .lining dd {

  display: inline;

  margin: 0;

}

.lining dt + dt:before, .lining dd + dt:before {

  content: "\A";

  white-space: pre;

}

.lining dd + dd:before { content: ", "; }

.lining dd:before {

  content: ": ";

  margin-left: -0.2em;

}

.dictionary-style dt {

  display: inline;

  counter-reset: definitions;

}

.dictionary-style dt + dt:before {

  content: ", ";

  margin-left: -0.2em;

}

.dictionary-style dd {

  display: block;

  counter-increment: definitions;

}

.dictionary-style dd:before {

  content: counter(definitions, decimal) ". ";

}

blockquote p:last-of-type { margin-bottom: 0; }

.blockquote + figcaption {

  display: block;

  font-size: inherit;

  text-align: right;

}

.blockquote + figcaption:before { content: "-"; }

blockquote{

    border-left: 10px solid;

    color: #a7a7a7;

    font-size: 1.3em;

    padding: 0 0 0 30px;

    margin: 0;

}

blockquote:after{

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  margin: 15px 0px;

}

cite{

  font-style: normal;

}

.pull-quote {

  position: relative;

  padding: 1em;

}

.pull-quote:before,.pull-quote:after {

  height: 1em;

  opacity: 0.15;

  position: absolute;

  font-size: 4em;

  color: #dc976e;

}

.pull-quote:before {

  content: '“';

  top: 0;

  left: 0;

}

.pull-quote:after {

  content: '”';

  bottom: 0;

  right: 0;

}

.tooltip{

  display:inline;

  position:relative

}

.tooltip:hover{text-decoration:none}

.tooltip:hover:after{

  background:#111;

  background:#111;

  bottom:18px;

  color:#fff;

  content:attr(title);

  display:block;

  left:-50%;

  margin-left: -15px;

  padding:5px 15px;

  position:absolute;

  white-space:nowrap;

  z-index:98

}

.tooltip:hover:before{

  border:solid;

  border-color:#111 transparent;

  border-width:6px 6px 0 6px;

  bottom:12px;

  content:"";

  display:block;

  left:50%;

  margin-left: -6px;

  position:absolute;

  z-index:99

}



.underline:after{

  content: '';

  display: block;

  width: 30px;

  height: 1px;

  margin: 15px auto 0px auto;

  border-bottom: 1px solid;

  border-color: inherit;

}

.alignleft .underline:after{margin:15px 0px 0px 0px;}

.alignright .underline:after{

  margin:15px 0px 0px 0px; 

  position: absolute;

  right: 15px;

}

.boxed{

  border:3px solid;

  display: inline-block;

  padding: 5px 25px;

}

.borderbottomtop{

  border-top:3px solid;

  border-bottom:3px solid;

  display: inline-block;

  padding: 5px;

}

.borderleftright{

  border-left:3px solid;

  border-right:3px solid;

  display: inline-block;

  padding: 0px 45px;

}

.dottedbottom{display: inline-block;}

.dottedbottom:after{

  content: '';

  display: block;

  width: 100%;

  height: 7px;

  padding: 0px 5px;

  margin-top: 10px;

  margin-left: -5px;

  background: url('images/dots.png') repeat-x center center;

}

.dottedtop{ display: inline-block;}

.dottedtop:before{

  content: '';

  display: block;

  width: 100%;

  height: 7px;

  padding: 0px 5px;

  margin-bottom: 10px;

  background: url('images/dots.png') repeat-x center center;

}

.dottedleftright{ background: url('images/dots.png') repeat-x center center; }

.dottedleftright span{

  height: 100%;

  padding: 0px 25px;

}

.alignleft .dottedleftright span{padding-left: 0px;}

.alignright .dottedleftright span{padding-right: 0px;}



/* ==========================================================================

   Navigation

   ========================================================================== */

.mainLogo img{

  display: inline;

  vertical-align: middle;

}

.mainLogo{

  padding: 0;

  float: left;

  line-height: 65px;



}

.lt-ie8 .mainLogo{

  padding-top: 15px;

}

.page-template-single-page-php .mainnavhide{

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

}

.mainnav{

  display: block;

  width: 100%;

  min-height: 70px;

  z-index: 1050;

  border-bottom:1px solid #e6e6e6;

  position: absolute;

}

.no-js .mainnav{top:2px;}

.mainnav a{

  text-decoration: none;

  text-transform: uppercase;

  padding: 0;

  position: relative;

  letter-spacing: 1px;

}

.mainnav a:focus {outline: none;}

.mainnav  ul{

  display: block;

  margin: 0;

  padding: 0 0 0 0;

  text-align: center;

  position: relative;

  float: right;

}

.mainnav ul > li{

  display: inline-block ;

  padding: 0;

  position: relative;

  height: 70px;

  margin-right: 40px;

  text-align: center;

  line-height: 70px;

}

.mainnav ul > li > a{

  display: block;

  height: 100%;

  width: 100%;

  white-space: nowrap;

}

.menu-item-has-children, .page_item_has_children{

  overflow: visible;

}

.mainnav .sub-menu, .mainnav .children{

  visibility: hidden;

  opacity: 0;

  position: absolute;

  top: 100%;

  padding: 15px 0px;

  left: -15px;

  border: 1px solid #e6e6e6;

}

.skrollr .mainnav .sub-menu,.skrollr .mainnav .children{

  -webkit-transition: opacity 200ms ease;

  -moz-transition: opacity 200ms ease;

  -ms-transition: opacity 200ms ease;

  -o-transition: opacity 200ms ease;

  transition: opacity 200ms ease;

}

.mainnav .sub-menu ul, .mainnav .children ul{

  left: 100%;

  top: -16px;

}

.mainnav .sub-menu li, .mainnav .children li{

  display: block;

  margin-right: 0;

  height: 40px;

  line-height: 40px;

  min-width: 180px;

}

.mainnav .sub-menu a, .mainnav .children a{

  padding: 0px 15px;

  text-align: left;

}

.menu-item-has-children:hover > .sub-menu, .page_item_has_children:hover > .children{

  visibility: visible;

  opacity: 1;

}

.mainnav .grid{ padding: 0px 15px; }

.mainnav ul > li:last-child{margin-right: 0px;}

.mainnav select{display:none;}

.nav-active > a:hover{cursor: default;}

#menubutton{

  width: 55px;

  height: 70px;

  float: right;

  display: none;

}





/* =======================================================================

   Form Elements

   =======================================================================*/



form{ text-align: left; }

select{

  width: 100%;

  padding: 10px 10px 10px 5px;

}

input[type=text],input[type=email]{

  width: 100%;

  height: 40px;

  border: none;

  padding: 0px 10px;

  border: 1px solid #d0d0d0;

  border-radius: 3px;

}

input[type=text]:focus, textarea:focus,input[type=email]:focus{

  border: 1px solid #2e2e2e;

  outline: none;

  background: #fff;

}

textarea{

  width: 100%;

  max-width: 100%;

  min-height: 124px;

  border: none;

  padding:15px 10px;

  border: 1px solid #d0d0d0;

  border-radius: 3px;

}

textarea, input[type=text],input[type=email]{

  background: #fefefe;

  font-size: 12px;

}

button, input[type=submit]{

  display: inline-block;

  font-size: 11px;

  font-weight: normal;

  letter-spacing: 1px;

  text-transform: uppercase;

  border: 2px solid;

  padding: 11px 40px 10px 40px;

  max-width: 100%;

  border-radius: 2px;

  color: #fff; 

}

.skrollr button, .skrollr input[type=submit]{

  -webkit-transition: background 200ms ease;

  -moz-transition: background 200ms ease;

  -ms-transition: background 200ms ease;

  -o-transition: background 200ms ease;

  transition: background 200ms ease;

}

button:hover, input[type="submit"]:hover{background-color: transparent;}



/* ==========================================================================

   Contact From 7

   ========================================================================== */



span.wpcf7-not-valid-tip{

  left: 50%;

  margin-left: -140px;

  text-align: center;

  top: -30px;

  padding: 8px 5px;

  background: #cd4237;

  border: none;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #fff;

  position: absolute;

  width: 280px;

}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {

    border: none;

}

div.wpcf7-response-output{

  margin: 0;

  padding: 0;

  font-style: italic;

}

div.wpcf7 img.ajax-loader {

  position: absolute;

  margin: 15px;

}

span.wpcf7-form-control-wrap{

  display: block !important;

  margin-bottom: 13px;

  position: relative;

}

.wpcf7-form p{margin: 0;}

span.wpcf7-not-valid-tip:after{

  border:solid;

  border-color:#cd4237 transparent;

  border-width:6px 6px 0 6px;

  bottom:-6px;

  content:"";

  display:block;

  left:50%;

  margin-left: -6px;

  position:absolute;

  z-index:99

}

.c1 span.wpcf7-form-control-wrap, .c3 span.wpcf7-form-control-wrap, .c4 span.wpcf7-form-control-wrap, .c5 span.wpcf7-form-control-wrap, 

.c6 span.wpcf7-form-control-wrap, .c7 span.wpcf7-form-control-wrap, .c8 span.wpcf7-form-control-wrap, .c9 span.wpcf7-form-control-wrap, 

.c10 span.wpcf7-form-control-wrap, .c11 span.wpcf7-form-control-wrap, .c12 span.wpcf7-form-control-wrap{margin-bottom: 0;}

.wpcf7-form .c1, .wpcf7-form .c2, .wpcf7-form .c3, .wpcf7-form .c4, .wpcf7-form .c5, .wpcf7-form .c6, .wpcf7-form .c7, .wpcf7-form .c8, .wpcf7-form .c9, .wpcf7-form .c10, .wpcf7-form .c11, .wpcf7-form .c12{text-align: center;}  

/* ==========================================================================

   BLOG

   ========================================================================== */



.recent-post-img:after{

  content:'';

  position: absolute;

  background: url('images/link@2x.png') no-repeat center center;

  opacity: 0;

  background-size: 0px 0px; 

  width: 74px;

  height: 74px;

  top: 50%;

  left: 50%;

  margin: -37px 0px 0px -37px;



}

.skrollr .recent-post-img:after{

  -moz-transform:rotate(45deg);

  -webkit-transform:rotate(45deg);

  -o-transform:rotate(45deg);

  -ms-transform:rotate(45deg);

  transform:rotate(45deg);

  -webkit-transition: all 300ms linear;

  -moz-transition: all  300ms linear;

  -ms-transition: all  300ms linear;

  -o-transition: all  300ms linear;

  transition: all  300ms linear;

}

.recent-post-img:hover:after{

  background: url('images/link@2x.png') no-repeat center center;

  background-size: 36px 36px;

  opacity: 1;

}

.skrollr .recent-post-img:hover:after{

  -moz-transform:rotate(0deg);

  -webkit-transform:rotate(0deg);

  -o-transform:rotate(0deg);

  -ms-transform:rotate(0deg);

  transform:rotate(0deg);

}

.recent-post-img {

  background: #fff;

  overflow: hidden;

}

.skrollr .recent-post-img img{

  -webkit-transition: all 150ms linear;

  -moz-transition: all 150ms linear;

  -ms-transition: all 150ms linear;

  -o-transition: all 150ms linear;

  transition: all 150ms linear;

}



.recent-post-img:hover img{ opacity: 0.5; }

.skrollr .recent-post-img:hover img{

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.comment-count{

  float: right;

  font-size: 16px;

}

.comment-count span{margin-right: 10px;}

.single, .search, .archive, #recent-posts, .blog, .error404{ text-align: left; }

.blog-recent-post-item img{

  width: 100%;

  height: auto;

  display: block;

}

.recent-post-img{

  width: 100%;

  height: 100%;

  display: block;

  line-height: 0px;

  position: relative;

}

#recent-posts .recent-post-img{ margin-bottom: 30px;}



.page-header{

  background-attachment: fixed !important; 

  -webkit-background-size: cover !important; 

  -moz-background-size: cover !important; 

  -o-background-size: cover !important;

  background-size: cover !important;

}

.page-header, #primary {margin:0px 0px 60px 0px;}

.page-header h1{

  margin: 70px 0px 90px 0px;

  color: #fff;

}

#primary{padding-top: 70px;}



.blog-bottom-bar{

  border-bottom: 1px solid #d0d0d0;

  border-top: 1px solid #d0d0d0;

  padding: 12px 0px;

  text-align: left;

  width:100%;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.entry-details .entry-title{

  margin-bottom: 10px;

  padding-bottom: 0;

}

.entry-details .entry-meta{padding-left: 85px;}

.entry-details .entry-meta:after{

  content: "";

  position: absolute;

  left: 70px;

  top: 0;

  width: 1px;

  height: 100%;

  background: #d0d0d0;

}

.entry-details{

  float: left;

  width: 100%;

  margin-bottom: 15px;

  position: relative;

}

.postdate{

  position: absolute;

  width: 70px;

  text-transform: uppercase;

  display: block;

  padding-right: 15px;

}

.postdate span{display: block;}

.day{

  display: block;

  padding-bottom: 3px;

}



.entry-details .entry-meta .entry-title{margin-bottom: 0px;}

.entry-details .author, .entry-details .postdate{font-size: 11px;text-transform: uppercase;}

#recent-posts .entry-title{margin-bottom: 0px;}





#recent-posts .readmore {

  padding: 5px 10px;

  border: 1px solid;

  font-size: 11px;

  letter-spacing: 1px;

  text-transform: uppercase;

}

#comments ul, .total-comment, #reply-title,.author-description{margin: 0;}

.commentlist{

  counter-reset:comment-counter;

  padding:0;

  list-style: none;

}

.comment-holder:before{

  content:counter(comment-counter);

  counter-increment:comment-counter;

  text-align: right;

  color: #a4a4a3;

  font-size: 11px;

  position: absolute;

  bottom: 15px;

  right: 15px;

}

.comments-area{ text-align: left; }

.children{ list-style-type:none; }

.form-submit{ padding-top: 13px; }

.fn{

  font-weight:bold;

  font-style:normal;

  padding-right:10px;

}

.authorbio .author-avartar{

  display: block;

  width: 100px;

  height: 100px;

  border: 1px solid transparent;

  border-radius:50px;

  float: left;

  margin-right: 15px;

}

.authorbio {

  border-bottom: 1px solid #d0d0d0;

  border-top: 1px solid #d0d0d0;

  padding: 30px 0px;

  min-height: 170px;

}

.comment-holder{

  border-bottom: 1px solid #d0d0d0;

  padding-bottom: 30px;

  overflow: hidden;

}

.comment-avartar{

  display: block;

  width: 44px;

  height: 44px;

  border: 1px solid transparent;

  border-radius:22px;

  float: left;

  margin-right: 15px;

}

.comment .c1{width: 75px;}

.bypostauthor > article .avatar{border: 2px solid;}

#comment_submit{margin-left: 15px; }

.logged-in-as, .must-log-in{

  width:100%;

  min-height:1px;

  float:left;

  padding: 0px 15px;

  margin: 0;

  position:relative; 

}

.taxonomy-description{ margin: -70px 0 70px 0;}

#nav-above{

  line-height: 48px;

  width: 100%;

  position: relative;

  background: #efefef;

}

#nav-above .c12{padding: 5px 15px;}

.nav-next, .nav-previous{ float: right; }

.nav-next{ margin-left: 20px; }

.nav-next a, .nav-previous a{ padding: 0 !important; }

.nav-next a:after{

  content:"\203A";

  padding-left: 8px;

}

.nav-previous a:before{

  content:"\2039";

  padding-right: 8px;

}

#nav-above{ float: right; }

#nav-above a, #crumbs a, #crumbs .current{

  display: inline-block;

  top: 0;

  color: #222;

  text-decoration: none;

  letter-spacing: 2px;

  height: 48px;

  line-height: 48px;

  position: relative;

  text-transform: uppercase;

  z-index: 1;

}



#crumbs span{

  margin-right: 10px;

}

#crumbs{ float: left; }

#secondary aside{margin-bottom: 30px;}

#secondary aside ul{

  list-style: none;

  padding: 0;

}

#secondary aside li{

  border-bottom: 1px solid #f4f4f4;

  line-height: 40px;

}

.entry-meta .c12{margin-top: -30px;}

#secondary aside a, .widget a{ color: #747474; }

#searchsubmit{

  position: absolute;

  right: 0;

  top:23px;

  width: 40px;

  height: 40px;

  min-height: 40px;

  line-height: 0px;

  padding: 0;

  text-indent: -9999px;

  opacity: 0.4;

  background: transparent url(images/search.png) no-repeat center center;

  border: none;

}

.skrollr #searchsubmit{

  -webkit-transition: opacity 50ms linear;

  -moz-transition: opacity  50ms linear;

  -ms-transition: opacity  50ms linear;

  -o-transition: opacity  50ms linear;

  transition: opacity  50ms linear;

}

#searchsubmit:hover{ opacity: 1; }

#searchform{ 

  position: relative;

  top: -6px; 

}

#wp-calendar{ width: 100%; }

.wp-caption {

    background: #fff;

    max-width: 96%;

    padding: 5px 3px 10px;

    text-align: center;

}

.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}

.sticky{}

.gallery-caption{}





/*

 * Gridiculous

 *

 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.

 *

 * created by c.bavota

 * released under GPL v2 & MIT License (http://en.wikipedia.org/wiki/MIT_License)

 *

 * September 24th, 2012

 */





/* =Clearfix by Nicolas Gallagher

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

.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}

.row:after{clear:both}

.row,.clearfix{zoom:1}



/* =Gridiculous

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

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

/*body{font-size:100%;line-height:1.6875}*/

.grid{margin:0 auto;max-width:1200px;width:100%;position: relative; }

img{max-width:100%;height:auto !important;display:inline-block;margin-left:auto;margin-right:auto}

.wfull{width:100%;max-width:100%}

.w320{max-width:320px}

.w640{max-width:640px}

.w960{max-width:960px}

.row{width:100%;margin-bottom: 30px;}

.row .row{width:auto;margin:0 -15px;}

.c1{width:8.33%}

.c2{width:16.66%}

.c3{width:25%}

.c4{width:33.33%}

.c5{width:41.66%}

.c6{width:50%}

.c7{width:58.33%}

.c8{width:66.66%}

.c9{width:75%}

.c10{width:83.33%}

.c11{width:91.66%}

.c12{width:100%}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:15px;padding-right:15px;position:relative; padding-bottom: 15px;padding-top: 15px;}

.s1{margin-left:8.33%}

.s2{margin-left:16.66%}

.s3{margin-left:25%}

.s4{margin-left:33.33%}

.s5{margin-left:41.66%}

.s6{margin-left:50%}

.s7{margin-left:58.33%}

.s8{margin-left:66.66%}

.s9{margin-left:75%}

.s10{margin-left:83.33%}

.s11{margin-left:91.66%}

.end{float:right!important}

.row:last-child{margin-bottom:0 !important}





.lt-ie8 .c1, .lt-ie8 .c2, .lt-ie8 .c3,.lt-ie8  .c4, .lt-ie8 .c5, .lt-ie8 .c6, .lt-ie8 .c7, .lt-ie8 .c8, .lt-ie8 .c9, .lt-ie8 .c10, .lt-ie8 .c11 , .lt-ie8 .c12{

  float: left;

  margin: 0 3% 0 0;

  padding: 15px 0px;

}

.lt-ie8 .c1.end, .lt-ie8 .c2.end, .lt-ie8 .c3.end, .lt-ie8 .c4.end, .lt-ie8 .c5.end, .lt-ie8 .c6.end, .lt-ie8 .c7.end, .lt-ie8 .c8.end, .lt-ie8 .c9.end, .lt-ie8 .c10.end, .lt-ie8 .c11.end {

  margin: 0;

}

.lt-ie8 .c1 { width: 5.5%; }

.lt-ie8 .c2 { width: 14%; }

.lt-ie8 .c3 { width: 22.5%; }

.lt-ie8 .c4 { width: 31%; }

.lt-ie8 .c5 { width: 39.5%; }

.lt-ie8 .c6 { width: 48%; }

.lt-ie8 .c7 { width: 56.5%; }

.lt-ie8 .c8 { width: 65%; }

.lt-ie8 .c9 { width: 73.5%; }

.lt-ie8 .c10 { width: 82%; }

.lt-ie8 .c11 { width: 90.5%; }

.lt-ie8 .c12 { width: 99%;}

.lt-ie8 .clearfix{zoom:0;}



/* ==========================================================================

   Media query for 960 Screens

   ========================================================================== */

@media only screen and (max-width:960px){

.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}

.row .row > div:last-child{margin-bottom:0 !important}

}



/* ==========================================================================

   Media query for iPad and tablets portrait

   ========================================================================== */





@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){



body{

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  -o-hyphens: auto;

  hyphens: auto;

  word-wrap: break-word;

}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{

  width:100%;

  margin-right:0;

  margin-left:0;

  margin-bottom:20px;

}

#menubutton{

  position: absolute;

  right: 0;

  display: block;

  background: #efefef;

  cursor: pointer;

  z-index: 51;

  background: transparent url('images/menu.png') no-repeat center center;

}

.mainnav .grid{padding: 0;}

.mainLogo{padding-left: 15px;}

.nav-links{

  max-height: 260px;

  overflow-y:scroll;

  -webkit-overflow-scrolling: touch;

  border-top: 1px solid #e6e6e6;

}

.mainnav a{

  border-bottom: 1px solid #eee;

}

.mainnav ul{

  float: none;

  clear: both;

  display: block;

}

.mainnav ul.nav-links{

  display: none;

}

.mainnav ul li{

  display: block;

  text-align: left;

  margin-right: 0;

  height: auto;

  min-height: 52px;

  line-height: 52px;

  padding: 0px 15px;

}

.mainnav ul li a{

  display: block;

  min-height: 52px;

  width: 100%;

}

.mainnav .sub-menu, .mainnav .sub-menu ul, .mainnav .children, .mainnav .children ul{

  border: none;

  position: relative;

  left: 0;

  top: 0;

  padding:0px 0px 0px 10px;

  opacity: 1;

  visibility: visible;

}

.mainnav .sub-menu li, .mainnav .children li{

  height: auto;

  padding: 0;

  line-height: 55px;

}

.mainnav .sub-menu a, .mainnav .children a{

  padding: 0;

}



.navHide{overflow: hidden !important; height: auto !important;}

.navShow{display:list-item !important;}

.no-js .mainnav ul > li{ display: block ;}

.no-js .nav-links{display: none;}

.no-js  .mainnav:hover .nav-links{display: block;}

#active-bar{ display: none; }

.slide-caption .grid > div, .slide-caption .grid > div p, .slide-caption .grid > div h1, .slide-caption .grid > div h2, .slide-caption .grid > div h3, .slide-caption .grid > div h4, .slide-caption .grid > div h5, .slide-caption .grid > div h6 {

  text-align: center !important;

}

.team-image{ 

  width: 60%;

  padding-bottom: 60%;

}

.blog-bottom-bar > span, .blog-bottom-bar > a{

  display: inline-block;

  white-space:nowrap;

}

.blog-bottom-bar:after{

  clear: both;

}

.site-content{

  width: 100% !important;

}

#secondary aside{

  margin-right: 0!important;

  margin-left: 0!important;

}

#nav-above .c12{margin-bottom: 0;}

#crumbs {display: none;}

.nav-previous{

  float: left;

}

.footer .grid > div{

  margin-bottom: 0 !important;

  padding: 5px 15px !important;

}





}

/* ==========================================================================

   Media query for iPhone and smartphone landscape

   ========================================================================== */



@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

  .testimonials .flex-direction-nav{

    width: 300px;

    margin-left: -150px;

  }

  .testimonials blockquote{font-size: 18px;}

  .team-image{ 

    width: 100%;

    padding-bottom: 100%;

  }



}

/* ==========================================================================

   Media query retina display

   ========================================================================== */

@media all and (-webkit-min-device-pixel-ratio: 1.5) {

  



#menubutton{

  background: transparent url('images/menu@2x.png') no-repeat center center;

  background-size: 14px 14px;

}

#searchsubmit{

  background: transparent url(images/search@2x.png) no-repeat center center;

  background-size: 18px 18px;

}





} 

@media \0screen {img { width: auto }}/* Prevent height distortion in IE8. */