/*

Theme Name: Craft&Go - Parallax OnePage Modern WordPress Theme

Theme URI: http://themeforest.net/user/AVAThemes

Author: AVA Themes

Author URI: http://themeforest.net/user/AVAThemes

Description: Craft&Go is a parallax single page WordPress theme with a separate blog section and is the ultimate and professional way for you to present your portfolio.

Version: 1.0

License: GNU General Public License

License URI: license.txt

Text Domain: craft

Domain Path: /languages/

Tags:



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

Use it to make something cool, have fun, and share what you've learned with others.




*/





/* =Reset

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





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

   Base styles: opinionated defaults

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



html,

button,

input,

select,

textarea {

    color: #222;}



html {

    font-size: 1em;

    line-height: 1.4;}





::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;}



::selection {

    background: #b3d4fc;

    text-shadow: none;}


img {max-width: 100%}


hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;}





audio,

canvas,

img,

video {

    vertical-align: middle;}





fieldset {

    border: 0;

    margin: 0;

    padding: 0;}





textarea {

    resize: vertical;}



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

   Browse Happy prompt

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



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;}



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

   Theme Styles

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



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

   Fonts

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



@font-face {

  font-family: 'Jellyka Western Princess';

  src: url('fonts/jellyka_western/jellyka_western_princess-webfont.eot');

  src: url('fonts/jellyka_western/jellyka_western_princess-webfont.eot?#iefix') format('embedded-opentype'),

       url('fonts/jellyka_western/jellyka_western_princess-webfont.woff') format('woff'),

       url('fonts/jellyka_western/jellyka_western_princess-webfont.ttf') format('truetype'),

       url('fonts/jellyka_western/jellyka_western_princess-webfont.svg#jellyka_western_princessRg') format('svg');

  font-weight: normal;

  font-style: normal;}





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

   Header Block

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



body, html {

  overflow-x: hidden;}




.header {


  width: 100%;

  background: url('img/header.jpg') repeat;

  position: relative;

  z-index: 10;}



.logoHolder {

  width: 233px;

  position: absolute;

  height: 102px;

  z-index: 10;
  padding: 0 10px 0 10px;
  background: url('img/logo-bg.png') no-repeat;}

.logoInner 
{position: relative;
width: 100%;
height: 100%;}

.logoHolder a 
{position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
height: 100%;}

.logoHolder a {
margin-top: -10px;
  display: block;}

.logoHolder a img
{position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;}


.menu {

  /*padding-left: 250px;*/}



.menu ul {

  list-style: none;

  text-align: right;
}



.menu li {

  display: inline-block;


  line-height: 54px;}



.menu li a {

  color: #331904;

  font-family: "Open Sans", sans-serif;

  font-size: 12px;

  line-height: 12px;

  font-weight: 600;

  padding: 25px 15px 25px 15px;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.menu li a:hover {

  background: #472204;

  color: #fff;}



.headSocials {

  position: absolute;

  right: 0;

  top: 0}



.headSocials a {

  display: block;

  width: 54px;

  height: 54px;

  float: right;

}





/*Flip effect*/



.flipSlide 

{   height: 54px;

    width: 54px;

    float: right;

    position: relative; 

    -webkit-perspective: 1000;

    -moz-perspective: 1000;

    -ms-perspective: 1000;

    -o-perspective: 1000;

    perspective: 1000;}



.flipSlide .flipSlide-front, .flipSlide .flipSlide-back 

{   position: absolute;

    top: 0;

    left: 0;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: 0.75s;

    -moz-transition: 0.75s;

    -o-transition: 0.75s;

    transition: 0.75s;}



.flipSlide .flipSlide-front 

{  z-index: 5;}



.flipSlide .flipSlide-back 

{   z-index: 0;

    -webkit-transform: rotateY(-180deg);

    -moz-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

    transform: rotateY(-180deg);}



.flipSlide:hover .flipSlide-front 

{   z-index: 5;

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);}



.flipSlide:hover .flipSlide-back 

{   z-index: 10;

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    transform: rotateY(0deg);}





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

   Home Block

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



.homeBlock {

  background: url('img/bg-home.jpg');
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;


  /*min-height: 996px;*/

  width: 100%;

  position: relative;

  overflow: hidden;}

.fullwidthbanner-container
{z-index: 1}

.homeTxt {

  margin-top: 367px;

  width: 469px;

  position: absolute;

  left: 50%;

  margin-left: -250px;}



.homeTxt h1 {

  color: #331803;

  font-family: "Jellyka Western Princess";

  font-size: 137px;

  width: 100%;

  text-align: center;

  font-weight: normal;

  line-height: 137px;

  padding: 0;

  margin: 0;

  margin-bottom: 0px;}



.homeTxt p {

  color: #331803;

  font-family: "Georgia";

  font-size: 14px;

  font-style: italic;

  margin-bottom: 20px;

  padding-left: 41px;}



.scene {

  max-width: 500px;

  margin: 0 auto;

  padding: 0;}



.layer:nth-child(1) {

  opacity: 1;}



.paraHolder {

  position: absolute;

  left: 80%;

  margin-left: -250px;

  top: 450px;}



.element {

  position: absolute;

  -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 1s ease-in-out;

  -ms-transition: all 1s ease-in-out;

  -o-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;}



.element1 {

  top: -500px;

  right: 20%;}



.element2 {

  top: -500px;

  left: 20%;}



.element3 {

  top: -500px;

  left: 55%;}



.element4 

{ left: -600px;

  top: 283px;}



.element5 

{ right: -600px;

  top: 0}



.element6

{ left: -600px;

  top: 530px}



.homeTxt .social {

  width: 100%;

  text-align: right;

  padding-right: 12px;}



.homeTxt .social a {

  display: inline-block;

  margin: 0 10px;

  -webkit-transform: scale(0.9);

  -webkit-transition: all .2s ease-in-out;}



.homeTxt .social a:hover {

  -webkit-transform: scale(1.0);}



.scrollMore {

  width: 100%;

  text-align: center;

  margin-top: 125px;

  padding-left: 29px;}



.scrollMore span, .scrollMore img {

  display: block;

  color: #331803;

  font-family: "Georgia";

  font-size: 14px;

  font-weight: 500;

  font-style: italic;}



.scrollMore img {

  margin: 23px auto 0 auto}





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

   Paralax Block

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



.paralaxBlock {

  text-align: center;

}



.paralaxBlock-1 {

  background: url('img/paralax-first.jpg') 50% 0 no-repeat fixed;

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

background-color: #6f5f62; }



.paralaxBlock-2 {

  background: url('img/paralax-second.jpg') 50% 0 no-repeat fixed; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

background-color: #596266 }



.paralaxBlock-3 {

  background: url('img/paralax-third.jpg') 50% 0 no-repeat fixed; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

background-color: #675c62 }



.paralaxBlock-4 {

  background: url('img/paralax-fourth.jpg') 50% 0 no-repeat fixed; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

  background-color: #515f55;  }



.paralaxBlock-5 {

  background: url('img/paralax-fifth.jpg') 50% 0 no-repeat fixed; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

background-color: #523d41 }



.paralaxBlock-6 {

  background: url('img/paralax-sixth.jpg') 50% 0 no-repeat fixed; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

background-color: #523d41 }



.paralaxBlock-7 {

  background: url('img/paralax-seventh.jpg') 50% 0 no-repeat fixed; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

background-color: #364a40 }



.paralaxBlock-8 {

  background: url('img/paralax-eight.jpg') 50% 0 no-repeat fixed;  

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;;

  background-color: #403b50  }



.paralaxBlock-9 {

  background: url('img/paralax-ninth.jpg') 50% 0 no-repeat fixed;   

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;

  background-color: #00a7ef  }

.overlays 
{  min-height: 559px;

  padding-top: 81px;

  padding-bottom: 95px;}


.paralaxBlock h1 {

  color: #fff;

  font-family: "Jellyka Western Princess";

  font-size: 72px;

  line-height: 69px;

  font-weight: normal;

  margin: 0;

  margin-bottom: 28px;}



.paralaxBlock p {

  color: #fff;

  font-family: "Georgia";

  font-size: 16px;

  font-style: italic;

  width: 71%;

  margin: 0 auto;

  margin-bottom: 26px;

  line-height: 23px;}



.line {

  display: block;

  margin: 0 auto;}



.icon {

  width: 150px;

  height: 150px;

  position: relative;

  display: block;

  margin: 0 auto;

  border: 3px dashed #fff;

  border-radius: 150px;

  margin-bottom: 20px;}



.icon img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;}





  .paralaxBlock .centerIcon

 {margin-bottom: 46px;}

.opacitySave
{position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 615px;
margin-top: -615px;

  padding-top: 81px;

  padding-bottom: 41px;}

.overlays 
{  min-height: 559px;

  padding-top: 81px;

  padding-bottom: 95px;
/*margin-top: 55px;*/}


.paralaxBlock-1 
{}


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

   Team Block

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



#team .centerIcon 

{padding-top: 64px;

margin-bottom: 20px;}





.grayBlock {

  padding-top: 76px;

  padding-bottom: 85px;

  background: url('img/bg-gray.jpg')no-repeat center center; 

  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;}



.teamHead {

  text-align: center;

  margin-bottom: 85px;}



.teamHead h3 {

  color: #331803;

  font-family: "Georgia";

  font-size: 25px;

  font-style: italic;

  margin: 0;

  padding: 0;

  margin-bottom: 6px;

  font-weight: normal;}



.teamHead h4 {

  color: #331803;

  font-family: "Georgia";

  font-size: 12px;

  font-style: italic;

  margin: 0;

  padding: 0;

  margin-top: 14px;}



.teamMember .image {

  width: 143px;

  height: 143px;

  position: relative;

  border-radius: 150px;

  float: left;

  background: url('img/team-bg.png') no-repeat center center;

  top: 6px;}



.teamMember img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.teamMember .image:hover img {

  opacity: 0.2}



.teamMember .text {

  margin-left: 189px;}



.teamMember .name {

  color: #331803;

  font-family: "Georgia";

  font-size: 17px;

  font-style: italic;

  text-transform: uppercase;

  padding-top: 17px;

  margin-bottom: 17px}



.teamMember .desc {

  color: #331803;

  font-family: "Georgia";

  font-size: 14px;

  font-style: italic;

  margin-bottom: 23px;

  line-height: 19px;}



.more {

  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

  background: url('img/readMore.png');

  width: 80px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

  display: block;}



.more a

{color: #fff;}



.more:hover {

  opacity: 0.5;

  color: #fff;}



.teamMember {

  min-height: 150px;

  margin-bottom: 85px;

  padding-left: 3px;}



.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

  background: url('img/bx-dot-active.png');}



.bx-wrapper .bx-pager.bx-default-pager a {

  width: 18px;

  height: 18px;

  background: url('img/bx-dot.png');

  margin: 0 3px}



.bx-wrapper .bx-controls-direction a {

  top: auto;

  width: 34px;

  height: 34px;}



.bx-wrapper .bx-prev {

  left: 0;

  background: url('img/prev.png');

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.bx-wrapper .bx-next {

  right: 0;

  background: url('img/next.png');

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.bx-wrapper .bx-next:hover {

  background-position: 0 0;}



.bx-wrapper .bx-controls-direction a:hover {

  opacity: 0.5}



.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {

  position: absolute;

  width: 100%;

  bottom: -56px;}





/* ================================================s==========================

   About Block

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



.aboutBlock 

{padding-top: 80px;padding-bottom: 108px;}



.centerIcon img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0; margin: auto}



.aboutHead {

  text-align: center;}



.aboutHead .hi-icon-effect-4 .hi-icon:after, .paralaxBlock-1 .hi-icon-effect-4 .hi-icon:after {

  border-color: #fff;}



.centerIcon {

  margin-bottom: 21px;}



.aboutContent {

  padding-right: 68px;}



.about_image

{

    padding-left: 17px;}



.aboutContent h1 {

  color: #331803;

  font-family: "Jellyka Western Princess";

  font-size: 67px;

  line-height: 67px;

  margin: 0;

  padding: 0;

  margin-bottom: 15px;

  font-weight: normal;

  padding-top: 32px;}



.aboutContent p {

  color: #331803;

  font-family: "Georgia";

  font-size: 14px;

  font-style: italic;

  margin-bottom: 39px;

  line-height: 21px;}



.aboutContent .small-icon:first-child {

  margin-left: 0}



.small-icons {

  margin-bottom: 28px}



.small-icon 

{height: 100px;

width: 100px;

margin-left: -22px;}



.small-icon img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0; margin: auto;
 max-width: 100% }



.aboutContent .readMore {

  width: 127px;

  height: 47px;

  display: block;

  float: right;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.aboutContent .readMore:hover {

  opacity: 0.5}



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

   Portfolio Block

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



/**** Isotope ****/



/**** Isotope Filtering ****/



.isotope-item {

  z-index: 2;}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:      -o-transform, opacity;

          transition-property:         transform, opacity;}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;}



#container, #container-news {

  margin: 0 auto 20px;}



.filterRow {

  text-align: center;

  margin-top: 7px !important;}



.filterRow a {

  display: inline-block;

  padding: 6px;

  border: 1px solid transparent;

  border-radius: 10px;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

  text-transform: capitalize;

  color: #331803;

  font-family: "Georgia";

  font-size: 16px;

  font-style: italic;

  margin: 0 2px;}



.filterRow a:hover {

  border: 1px solid #331904; }



.item {

  margin-bottom: 20px;

padding: 0 10px;}



.item img

{width: 100%}



.item .hover img

{width: auto;}



a.itemInner {

  color: #331803;

  font-family: "Georgia";

  font-size: 17px;

  font-style: italic;

  padding: 18px 18px;

  display: block;

  width: 100%;

  background: url('img/project-arrow.png') no-repeat right center;

  background-color: rgba(255, 255, 255, 0.37);

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.projectImage {

  position: relative;}



.hover {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.hover img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;}



.projectImage:hover .hover {

  opacity: 1}



.projectImage:hover + a.itemInner {

  background-color: rgba(255, 255, 255, 1.0);}



.portfolioBlock

{

    padding-top: 65px;

    padding-bottom: 128px;}



.portfolioBlock .teamHead

{margin-bottom: 82px;}





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

   Skills Block

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





.jCProgress {

  z-index: 9999999;

  text-align: center;}



.jCProgress > div.percent {

  color: #331803;

  font-family: "Georgia";

  font-size: 56px;

  font-style: italic;

  position:absolute;

  margin-top:55px;

  text-align: center;

  width: 100%;}



.jCProgress > div.percent:after {

  content: "%";}



.knobs {

  width: 50%;float: left;position: relative;}



.knobs .desc {

  width: 100%;

  text-align: center;

  color: #331803;

  font-family: "Georgia";

  font-size: 14px;

  font-style: italic;

  margin-top: 35px;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;  

  opacity: 0}



.knobs:nth-of-type(1) .desc {

  margin-bottom: 100px;}



.knobs:nth-of-type(2) .desc {

  margin-bottom: 100px;}



.image1

{

    padding-bottom: 4px;}



.image2

{

    margin-top: 63px;}



.image3

{}



.skillsBlock

{

    padding-top: 64px;

    padding-bottom: 58px;}



.skillsBlock h1

{

    margin-bottom: 34px;}



.skillsBlock p 

{margin-bottom: 29px;}



.knobBlock

{

    padding-top: 66px;}



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

   Testimonials Block

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



.testimonial .title{

  color: #331803;

  font-family: "Georgia";

  font-size: 11px;

  font-style: italic;

  margin-bottom: 15px;}



.testimonial .desc {

  color: #331803;

  font-family: "Georgia";

  font-size: 15px;

  font-style: italic;

  width: 302px;}



.testimonialBlock

{

    padding-top: 89px;

    padding-bottom: 73px;}



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

   Services Block

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



.servicesBlock .icon{

  border: none;

  margin: 0}



.serviceLine {

  margin: 19px 0 19px 0}



.servicesBlock h2 {

  text-transform: uppercase;

  color: #331803;

  font-family: "Georgia";

  font-size: 17px;

  line-height: 17px;

  font-style: italic;

  margin: 0;

  padding: 0;

  margin-bottom: 14px;

  font-weight: normal;}



.servicesBlock p {

  color: #331803;

  font-family: "Georgia";

  font-size: 14px;

  font-style: italic;}



.servicesBlock .large-4

{min-height: 374px;

padding: 0 40px;}



.servicesBlock

{  background-image: url('img/bg-gray-alt.jpg');  padding-top: 110px;  padding-bottom: 0px;}





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

   News Block

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



.blogContent

{background-color: rgba(255, 255, 255, 0.37);

width: 100%;

padding: 25px;

border: 2px solid #b1b1b1;

border-top: none;

border-bottom: 1px solid #b1b1b1;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.blogItemInner

{border: 2px solid #b1b1b1;

border-top: none;}



.element 

{width: 295px;

margin-bottom: 35px;}



.blogContent .title

{color: #331803;

font-family: "Georgia";

font-size: 17px;

font-style: italic;

text-align: center;

/*text-transform: uppercase;*/

/*margin-bottom: 25px;*/
word-break: break-word;}



.blogContent .date 

{margin-bottom: 25px;

color: #331803;

font-family: "Georgia";

font-size: 11px;

font-style: italic;}



.blogContent .text 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

font-style: italic;

line-height: 20px;

}



.projectImage:hover + .blogContent

{background-color: rgba(255, 255, 255, 1.0);}



.projectImage:hover ~ .blogItemInner

{background-color: rgba(255, 255, 255, 1.0);}



.newsBlock

{

    padding-top: 94px;}



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

   Contact and Twitter

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



#tweety ul

{list-style: none;}



#tweety ul li a 

{color: #fff;}



.when

{color: #fff;

font-family: "Georgia";

font-size: 15px;

font-style: italic;

text-transform: uppercase;

margin-bottom: 58px;}



.contactBlock h4 

{font-weight: normal;

line-height: 25px;}



.contactBlock

{background: url(img/contact-overlay.png) repeat,

url() no-repeat center}



.contactBlock .large-2, .contactBlock .large-10

{ min-height: 70px;

margin-bottom: 30px;}



.contactBlock .side

{color: #331803;

font-family: "Georgia";

font-size: 25px;

font-style: italic;

line-height: 35px;}



.contactBlock .socials 

{text-align: left;

margin-top: 30px;}



.contactBlock .socials a 

{display: inline-block;

background: no-repeat;

width: 26px;

height: 25px;

margin: 0 6px;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

  background: url('img/social-sprite.png');}



.contactBlock .socials a:hover

{opacity: 0.5}



.socials a.facebook

{background-position: 0px 0px}



.socials a.twitter

{background-position: -37px 0px}



.socials a.vimeo

{background-position: -73px 0px}



.socials a.linkedin

{background-position: -109px 0px}



.socials a.dribbble

{background-position: -146px 0px}



.contactHead

{margin-bottom: 150px;}



.contactForm input 

{width: 383px;

height: 45px;

line-height: 45px; 

background-color: transparent;

border: none;

background: url('img/input.png');

margin-bottom: 10px;

padding-left: 10px;

color: #4e3b2c;

font-family: "Georgia";

font-size: 14px;

font-style: italic;}



::-webkit-input-placeholder { 

    color:    #4e3b2c;}



:-moz-placeholder { 

    color:    #4e3b2c;}



::-moz-placeholder { 

    color:    #4e3b2c;}



:-ms-input-placeholder { 

    color:    #4e3b2c;}



.contactForm textarea

{width: 382px;

height: 150px;

background: url('img/textarea.png');

color: #4e3b2c;

font-family: "Georgia";

font-size: 14px;

font-style: italic;}



.contactForm .send

{width: 127px;

height: 47px;

background: url(img/send.png);

display: block;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.contactForm .wpcf7-submit

{width: 127px;

height: 47px;

background: url(img/send.png);

display: block;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

text-indent: 9000px;}



.contactForm .send:hover

{opacity: 0.5}



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

   Footer

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



.footer

{background: #fff url('img/header.jpg') repeat-x;

height: 54px;

line-height: 54px;

overflow: hidden;}



.footer a 

{color: #331803;

font-family: "Open Sans", sans-serif;

font-size: 12px;

}



.toTop {

  position: absolute;

  right: 0; bottom: 1px;

height: 54px;

width: 130px;}



  .toTop span 

  {color: #331803;

font-family: "Open Sans", sans-serif;

font-size: 12px;

}



.toTop .flipSlide {

  width: 54px;

  height: 54px;

  float: right;

}



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

   Fixes

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





.hi-icon-effect-4 .hi-icon:after {

    border: 2px dashed #605355;

    left: -2px;}

.bx-wrapper {

    margin: 0 auto 49px;}

.bx-wrapper .bx-viewport {

    margin-bottom: 46px;}

.bx-wrapper .bx-pager {

    padding-top: 23px;}

.hi-icon-effect-4 .hi-icon {

    width: 145px;

    height: 145px;}



.responsiveMenuSelect

{color: #331904;

font-family: "Open Sans", sans-serif;

font-size: 12px;

line-height: 12px;

font-weight: 600;

text-transform: uppercase;

letter-spacing: 2px;

text-align: center;

padding: 10px;

font-weight: bold;

width: 300px;
margin-top: 11px;

background: transparent;
border: none;
background-position: center right;
background-repeat: no-repeat;
background-image: url('img/arrow_down.png');
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}



.responsiveMenuSelect option 

{padding: 10px;}



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

   Modal

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



.team-modal

{

}



.team-modal .title 

{ text-transform: uppercase;

color: #331803;

font-family: "Georgia";

font-size: 17px;

font-style: italic;

margin-bottom: 45px;

margin-top: 50px;

}



.reveal-modal-bg

{background-color: rgba(0, 0, 0, 0.7)}



.team-modal .content p 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

font-style: italic;

margin-bottom: 25px;

font-weight: 500;

}



.large-image img 

{float: right;}



.team-socials 

{display: block;

  padding-top: 10px;}



.team-socials a

{display: inline-block;

width: 28px;

height: 27px;

margin-right: 11px;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

background: url('img/team-sprite.png');}



.team-socials a:hover

{opacity: 0.5}



.team-socials a.facebook

{background-position: 0px 0px;}



.team-socials a.twitter

{background-position: -38px 0px;}



.team-socials a.vimeo

{background-position: -76px 0px;}



.team-socials a.linkedin

{background-position: -114px 0px;}



.team-socials a.reddit

{background-position: -151px 0px;}



.team-socials a.dribbble

{background-position: -188px 0px;}



.team-socials a.blog

{background-position: -227px 0px;}



.reveal-modal .close-reveal-modal {

top: -39px;

right: 0;}



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

   Single

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



.portfolioImage

{padding-top: 0px;

position: relative;}



.portfolioImage img 

{width: 100%;

height: auto}



.overlap .mores img

{width: auto;}



.overlapingRow

{position: absolute;

bottom: 0;

left: auto;

width: 100%;}



.overlap

{background: url(img/overlap.png) repeat;

padding: 68px 62px 25px 62px;}



.overlap .title

{color: #331803;

font-family: "Georgia";

font-size: 22px;

font-style: italic;

margin-bottom: 35px;

}



.overlap .scrollingMore

{width: 90px;

margin: 0 auto}



.overlap .content

{padding-bottom: 26px;}



.overlap .content p 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

margin-bottom: 30px;}



.overlap .mores

{display: block;

margin: 0 auto 0 auto;

text-align: center;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.overlap .mores:hover

{opacity: 0.5;}



.overlap .mores img 

{margin: 0 auto;

display: block;}



.overlap .mores span 

{display: block;

text-transform: uppercase;

color: #331803;

font-family: "Georgia";

font-size: 14px;

margin-bottom: 24px;}



.portfolioSingleBlock

{padding-top: 91px;

background-repeat: repeat;}



.portfolioSingleBlock .title 

{color: #331803;

font-family: "Georgia";

font-size: 22px;

font-style: italic;

margin-bottom: 50px;

}



.portfolioSingleBlock .content

{padding-bottom: 65px;}



.portfolioSingleBlock .content p 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

margin-bottom: 30px;

}





.portfolioSingleBlock .images

 

{padding-left: 80px;}



.portfolioSingleBlock .images a 

{margin-bottom: 25px;}



.portfolioSingleBlock .images .imageWrap a

{background: #000 url(img/cross.png) no-repeat center center;display: inline-block;}



.portfolioSingleBlock .images .imageWrap a:hover img 

{opacity: 0.5}



.blogBlock

{padding-top: 130px;}



.blogBlock .date h2 span

{font-size: 20px;display: block;}



.blogBlock .date

{background: url(img/date-bg.png) no-repeat repeat top;}



.blogBlock .date h2

{color: #331803;

font-family: "Georgia";

font-size: 42px;

font-weight: bold;

line-height: 23px;

text-align: center;

text-transform: uppercase;

padding-top: 12px;

padding-bottom: 16px;

}



.blogBlock .image 

{margin-bottom: 25px;}



.blogBlock .image img

{width: 100%;

height: auto}





.blogBlock h3 a

{color: #331803;

font-family: "Georgia";

font-size: 22px;

font-style: italic;

font-weight: normal;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

padding: 0;

margin: 0;

margin-bottom: 18px;}



.blogBlock h3 a:hover

{opacity: 0.5}



.blogBlock .tags

{color: #6c6b6a;

font-family: "Georgia";

font-size: 14px;

font-style: italic;

margin-bottom: 25px;

}



.blogBlock .tags a 

{color: #6c6b6a;}



.blogBlock p 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

margin-bottom: 25px;

}



.blogSingleContent

{padding-bottom: 45px;

/*border-bottom: 1px solid #a5a5a5;

margin-bottom: 54px;*/}



.blogItem

{position: relative;

float: left;}



.orbit-container

{background: transparent;}



.orbit-container img 

{width: 100%;

height: auto}



.orbit-next

{width: 34px !important;

height: 34px !important;

background: url(img/orbit-next.png);

background-color: transparent;

top: auto !important;

bottom: 20px !important;

right: 20px !important;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.orbit-prev

{width: 34px !important;

height: 34px !important;

background: url(img/orbit-prev.png);

background-color: transparent;

top: auto !important;

bottom: 20px !important;

right: 65px !important;

left: auto !important;

  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.orbit-prev:hover, .orbit-next:hover

{opacity: 0.5}



.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span 

{display: none;}



.mainContent

{padding-right: 41px;}



.recentPost

{margin-bottom: 70px;}



.recentPost h4 

{opacity: .56;

color: #331803;

font-family: "Georgia";

font-size: 14px;

font-weight: normal;

text-transform: uppercase;

margin-bottom: 40px;}



.recentPost ul 

{list-style:  none;}



.recentPost li 

{padding-bottom: 18px;

border-bottom: 1px solid #9e9e9e;

margin-bottom: 16px;}



.recentPost li span 

{display: block;

  color: #6c6b6a;

font-family: "Georgia";

font-size: 14px;

font-style: italic;

margin-top: 10px;

}



.recentPost li a 

{  -webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

color: #331803;

font-family: "Georgia";

font-size: 13px;

font-style: italic;

font-weight: 500}



.recentPost li a:hover 

{opacity: 0.5}



.side-tags a 

{display: block;

float: left;

color: #331803;

font-family: "Georgia";

font-size: 13px;

font-style: italic;

-webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;

border: 1px solid #000000;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

padding: 10px;

margin: 0 12px 12px 0

}



.side-tags a:hover

{opacity: 0.5}





.image-gallery

{border-bottom: 1px solid #a5a5a5;

padding-bottom: 16px;}



.image-gallery p 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

display: block;

}



.image-gallery .title

{opacity: .56;

color: #331803;

font-family: "Georgia";

font-size: 14px;

text-transform: uppercase;

padding-top: 30px;

margin-bottom: 32px;

}



.image-gallery .images

{margin-bottom: 25px;}





.image-gallery .images a 

{margin-bottom: 11px;}



.image-gallery .images .imageWrap a

{background: #000 url(img/cross.png) no-repeat center center;display: inline-block;}



.image-gallery .images .imageWrap a img 

{-webkit-transition: all 500ms ease-in-out;

  -moz-transition: all 500ms ease-in-out;

  -ms-transition: all 500ms ease-in-out;

  -o-transition: all 500ms ease-in-out;

  transition: all 500ms ease-in-out;}



.image-gallery .images .imageWrap a:hover img 

{opacity: 0.5}



.comments

{padding-top: 33px;

/*border-bottom: 1px solid #a5a5a5;

float: left;*/}



.comments .comentator

{-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

background-color: #000;

width: 57px;

height: 57px;}



.comment p 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

margin-bottom: 25px

-moz-border-radius: 5px / 4px;

-webkit-border-radius: 5px / 4px;

border-radius: 5px / 4px;

background-color: #fff;

padding: 25px 28px;

}



.comment

{background: url(img/comment-bg.png) no-repeat left top;padding-left: 8px;

}



.comment .who 

{color: #331803;

font-family: "Georgia";

font-size: 14px;

margin-top: 21px;

margin-bottom: 52px;}



.commentContact .form-submit input

{border: none;

text-align: right;

margin-bottom: 0}



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

   Contact Form

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



.commentContact 

{padding-top: 30px;

  float: left;}



.commentContact .large-6

{padding-right: 0;

padding-left: 10px}



.commentContact .large-6:first-child

{padding-right: 10px;

padding-left: 0}



.commentContact input

{width: 100%;

color: #4e3b2c;

font-family: "Georgia";

font-size: 12px;

padding-left: 10px;

background: transparent;

line-height: 45px;

height: 45px;

border: 1px solid #4e3b2c;

margin-bottom: 

20px;}



.commentContact textarea

{width: 100%;

color: #4e3b2c;

font-family: "Georgia";

font-size: 12px;

padding-left: 10px;

border: 1px solid #4e3b2c;

height: 100px;

background: transparent;

margin-bottom: 

20px;}



a.sendComment 

{color: #4e3b2c;

font-family: "Georgia";

font-size: 14px;

float: right;

margin-bottom: 45px;

margin-top: 10px;}



.commentContact .next 

{text-align: right;}



.commentContact .more 

{display: inline-block;}



.blogCategories .element 

{position: relative;float: left;margin-right: 55px;

margin-bottom: 50px;}



.categoryBlock .date

{background: none}



.blogItemInner:hover .blogContent 

{background: #fff;

opacity: 1}





#jstwitter {

    position: relative;

}

#jstwitter .item {

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    -webkit-box-shadow:0 0 3px 1px rgba(100,100,100,0.2);

    -moz-box-shadow:0 0 3px 1px rgba(100,100,100,0.2);

    box-shadow:0 0 3px 1px rgba(100,100,100,0.2);

    overflow:hidden;

    background: #fff;

}

#jstwitter .tweet-wrapper {

    padding:10px;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    line-height:16px;

}

#jstwitter .item a {

    text-decoration: none;

    color: #03a8e5;

}

#jstwitter .item img {

    width:100%;

}

#jstwitter .item a:hover {

    text-decoration: underline;

}

#jstwitter .item .text {

    display:block;

}

#jstwitter .item .time, #jstwitter .tweet .user {

    font-style: italic;

    color: #666666;    

}







.controls{

  display: inline-block;

  width: 180px;

  margin: 0 0 30px;

  vertical-align: top;

}



.controls li{

  margin-left: 20px;

  cursor: pointer;

  list-style-type: square;

}



.controls li.active{

  font-weight: 700;

}







#Grid{

  width: auto;

}



#Grid:after{

  content: '';

  display: inline-block;

  width: 100%;

}



#Grid .mix{

  display: none;

  opacity: 0;

  vertical-align: top;

  margin-bottom: 20px;

}





.sideAdditional

{padding-right: 20px;}



.categoryItem img

{max-width: 100%}


.really_simple_twitter_widget

{list-style: none;
color: #fff;
font-family: "Georgia";
font-size: 16px;
font-style: italic;
width: 71%;
margin: 0 auto;
margin-bottom: 26px;
line-height: 23px;}

.really_simple_twitter_widget a 
{color: #fff;}

.twitter-timestamp
{display: block;
margin-top: 20px}



.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

#ascrail2000
{z-index: 999 !important}

.bx-wrapper .bx-controls-direction a
{z-index: 1 !important}


.blogSingleContent .orbit-container .orbit-prev, .blogSingleContent .orbit-container .orbit-next
{background-color: transparent !important;}

.blogSingleContent .orbit-container .orbit-timer
{display: none !important; }


.portfolioSingleBlock .images .imageWrap img
{max-width: 100%}

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

   Inview

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





.paralaxBlock p, .image1, .image3, .image2, .knobs, .side, .contactForm

{

-webkit-transition: all 1000ms ease-in-out;

  -moz-transition: all 1000ms ease-in-out;

  -ms-transition: all 1000ms ease-in-out;

  -o-transition: all 1000ms ease-in-out;

  transition: all 1000ms ease-in-out;}



.paralaxBlock h1

{

-webkit-transition: all 1000ms ease-in-out;

  -moz-transition: all 1000ms ease-in-out;

  -ms-transition: all 1000ms ease-in-out;

  -o-transition: all 1000ms ease-in-out;

  transition: all 1000ms ease-in-out;}





.no_posts 
{color: #331803;
font-family: "Georgia";
font-size: 15px;
font-weight: normal;
text-align: center;}


#spinner 
{   position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background-color: #c3c3c3;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 

#spinner .spinInner
{   position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    z-index: 9}

.spinInner .line
{float: right;
height: 50px;
width: 50px;}


.large-image
{padding-left: 30px;}

.post-navigation 
{float: left;
width: 100px;}

.nav-next 
{float: right;
margin-top: -80px;
position: relative;
z-index: 9999999;
}

.vegasSlideshow
{min-height: 950px;}

.vegasSlideshow .homeTxt h1 
{color: #fff !important;}


.vegasSlideshow .homeTxt p
{color: #fff !important;}

.vegasSlideshow  .scrollMore span
{color: #fff !important;}


.sliderElement
{ position: absolute;
left: 55%;
top: 295px;
}

.video-background
{}

.video-background video
{width: 100%;
vertical-align: top;
display: block;
}

.videoHolder .homeTxt h1 
{color: #fff !important;}


.videoHolder .homeTxt p
{color: #fff !important;}

.videoHolder .scrollMore span
{color: #fff !important;}

.videoHolder .homeTxt {
margin-top: 0;
top: 470px;
}

.videoHolder  .sliderElement
{top: 397px;}

.videoHolder .scrollMore {
margin-top: 35px;
}

.video-background 
{position: relative;}

.videoHolder .homeTxt
{top: auto;
bottom: 20px;}

.videoHolder .sliderElement {
top: auto;
bottom: 415px;
}

.vegasSlideshow 
{position: relative;}

.vegasSlideshow .homeTxt
{top: auto;
bottom: 20px;}

.vegasSlideshow .sliderElement {
top: auto;
bottom: 415px;
}

.vegasSlideshow .scrollMore {
margin-top: 35px;
}
 


.header .menu .sub-menu
{position: absolute;
margin-left: 0;
padding-left: 0px;
background: url('img/header.jpg') repeat;
opacity: 0;
display: none;
height: auto;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-ms-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}

.header .menu .sub-menu:hover 
{opacity: 1;
display: block;}

.menu li a:hover ~ .sub-menu 
{opacity: 1;
display: block;
margin-top: -5px;
}

.header .menu .sub-menu li
{display: block;
float: left;
padding: 0;
clear: both;
height: auto;


}

.header .menu .sub-menu li a 
{padding: 0;
  line-height: 29px;
padding: 10px 13px 10px;
padding-bottom: 20px;}

.header .menu .sub-menu li a:hover
{background: transparent;
color: #472204;}

.menuFix
{padding-left: 230px;}

ul.children
{position: absolute;
margin-left: 0;
padding-left: 0px;
background: url('img/header.jpg') repeat;
opacity: 0;
display: none;
height: auto;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-ms-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;}

li.page_item_has_children:hover  ul.children
{opacity: 1;
display: block;
margin-top: -5px;
}

ul.children li
{display: block;
float: left;
padding: 0;
clear: both;
height: auto;}

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

   Revision

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

.recentPost li ul.children li
{border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;}

.recentPost li ul.children li:before 
{content: '-'}

.BlogNavigation {text-align: center;}

.newNavigation {
float: none;
width: 100%;
clear: both;
color: #331803;
font-family: "Georgia";
font-size: 22px;
font-style: italic;
font-weight: normal;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
padding: 0;
margin: 0;
margin-bottom: 18px;
}

.newNavigation .newer 
{text-align: right}

.blogItem img, .blogItem div 
{max-width: 100%}

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

.blogSingleContent {padding-left: 15px;}

.tag-sticky-2, .sticky 
{border: 1px solid #331803;
padding: 20px;
margin-bottom: 30px;
padding-left: 0;}

.blogContent .text {
word-break: break-word;
}

.twitterFeed a
{color: #fff;}

.tweetList
{list-style: none;}

.menu ul
{margin-bottom: 0}


.navigationPost a

{color: #331803;
font-family: "Georgia";
font-size: 22px;
font-style: italic;
font-weight: normal;
}


.navigationPost span
{float: left;}

.navigationPost span:last-child
{float: right}
/* ==========================================================================

   Responsive

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



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

.paraHolder {display: none;}

}





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

.menu {padding-left: 120px;padding-right: 25px;}

}





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

.menu {padding-right: 100px;}

.menu li a {padding: 25px 10px 25px 10px;}  

.element1 {right: 0;}

}



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

.menu {padding-right: 100px;}

.row {padding: 0 20px;}

.aboutContent {padding-right: 20px;}

.testimonial .desc {width: 100%;}

.servicesBlock .large-4 .large-6{width: 100%; padding: 0 20px;}

.servicesBlock .large-4 .large-offset-6 {margin-left: 0}

.serviceLine img {margin: 0 auto; display: block;}

.servicesBlock .icon {margin: 0 auto;}

.servicesBlock h2 {text-align: center;}

.servicesBlock p {text-align: center;}

}



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

.menu li a {padding: 25px 5px 25px 5px;}  



.smallMenuWrap {padding-left: 240px;padding-top: 6px}

}



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

.aboutContent {padding-right: 0px;}

}



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

.aboutContent {padding-right: 0px;}

.about_image, .knobBlock {width: 100%}

.about_image img {margin: 20px auto 0 auto; display: block;}

.aboutContent {width: 100%}

.aboutContent .small-icons {text-align: center;}

.paralaxBlock {min-height: 559px; height: auto;}

}



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

.teamMember .text {margin-left: 165px;}

.side {width: 100%}

.contactForm {width: 100%; text-align: center;}

.contactForm textarea {margin: 0 auto;}

.contactBlock .socials {width: 100%; text-align: center;}

.contactForm .send {margin-top: 20px;display: inline-block;}

.contactBlock .socialFiller {display: none;}

.element2 {left: 0;}

.contactHead {margin-bottom: 50px;}

}



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

.headSocials {display: none;}

}



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

.header {height: 161px;background: url('img/header.jpg') repeat;}

.smallMenuWrap {padding-left: 0px; padding-top: 8px}

.responsiveMenuSelect {width: 100%}

.logoHolder {position: relative;margin: 0 auto;}

}



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

.homeTxt h1 {font-size: 122px;}

.small-icon {margin-left: 0;margin-top: 0;}

.about_image {display: none;}

}



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

.homeTxt h1 {font-size: 90px;}

.homeTxt {margin-top: 300px;width: 94%;position: absolute;left: 3%;margin-left: 0;}

.homeTxt p {padding-left: 0;}

.knobs {width: 100%}

.knobs .desc {margin-bottom: 100px;}

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

.toTop span {display: none;}

}



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

.row {padding: 0 10px;}

.homeTxt h1 {font-size: 80px;}

.homeTxt {margin-top: 248px;}

.homeTxt .social a {margin: 0;}

.contactForm input {width: 100%}

.contactForm textarea {width: 100%}

}



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

   IE8 and IE9 fix

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



/*IE 9*/



.ie9 .flipSlide-back

{display: none;}



/*IE 8*/



.ie8 .flipSlide-back 

{display: none;}



.ie8 .large-1 {

    position: relative;

    width: 8.33333%; }



.ie8 .large-2 {

    position: relative;

    width: 16.66667%; }



.ie8 .large-3 {

    position: relative;

    width: 25%; }



.ie8 .large-4 {

    position: relative;

    width: 33.33333%; }



.ie8 .large-5 {

    position: relative;

    width: 41.66667%; }



.ie8 .large-6 {

    position: relative;

    width: 50%; }



.ie8 .large-7 {

    position: relative;

    width: 58.33333%; }



.ie8 .large-8 {

    position: relative;

    width: 66.66667%; }



.ie8 .large-9 {

    position: relative;

    width: 75%; }



.ie8 .large-10 {

    position: relative;

    width: 83.33333%; }



.ie8 .large-11 {

    position: relative;

    width: 91.66667%; }



.ie8 .large-12 {

    position: relative;

    width: 100%; }