/*we need to style the popup with CSS so it is placed as a popup does*/
#popup {
    display:none;
    position:absolute;
    margin:0 auto;
	z-index: 999999 !important;
	background-color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 250px 152px #000;
	max-width: 100%;
	padding: 30px;

}

body{
	font-family: 'Josefin Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	color: #333;
	background-color: #FFF;

}

h1,

h2,

h3{

    
font-family: 'Josefin Sans', sans-serif;

    font-style: normal;

    font-weight: 300;

    color: #333;

    margin: 0 0 20px 0;

}

h1{

text-align: center;

margin-bottom: 60px;

}

h2{

    font-size: 38px;

    text-transform:uppercase;

    text-align:center;  

}

h3{

    font-size: 20px;

    text-transform:uppercase;

    color: #8a8681;

}

p{

    line-height:1.8;

    margin: 0 0 20px 0;

}

hr{

    border-bottom: 0px;

    border-top: 1px solid #b5b4b4;

    margin-bottom: 40px;

}

    

a{
	color: #000;
}

a:hover{
	text-decoration:none;
	color: #999;
}


body.home .stButton,
body.home #sthoverbuttons{
display: none !important;
}


/*

-------------------------------------------------

Layout

--------------------------------------------------

*/



#banner{

    position:relative;

}

#banner img{

    width: 100%;

    height: auto;

}

img.spotlight{

    width: 100%;

}

div[role="main"]{

    background-color: #FFFFFF;

}



#menu{

    height: 130px;

    background-color: #333;

}



#footer{

    padding: 80px 0;

}



#gallery{

   /* margin-left: 40px;

    margin-right: 40px;*/

}



/*

-------------------------------------------------

Module

--------------------------------------------------

*/



img.tagline{

    display:block;

    margin: 0 auto 40px;

}



img.logo{

  margin-top: 24px;

}



#menu ul.social{

  margin-top:15px;

  list-style-type:none;

}


#menu ul.rujnedes{

  margin-top:15px;

}







/**** Menus ****/



ul.menu{

    margin: 0px;

    list-style-type:none;

}

ul.main-menu{

  margin-top: 57px;

	list-style-type: none;

}

ul.main-menu li{

    float: left;

    margin-right: 19px;

    margin-left: 19px;

}

ul.main-menu a{

    color: #FFFFFF;

    font-size: 17px;

    text-transform:uppercase;

    letter-spacing:1px;

}

ul.main-menu a:hover, ul.main-menu li.active a{

    color: #ed7c24;

    text-decoration: none;

}

#menu ul.social li{

    /*margin-left: 20px;

    float: right;*/

    padding: 6px 0;

}


ul.social a{

    color: #6f6f6f;

    font-size: 12px;

    font-family: "futura-pt-n8","futura-pt",sans-serif;

    font-style: normal;

    font-weight: 800;

    text-transform:uppercase;

    letter-spacing:1px;

}

ul.social a:hover{

  text-decoration: none;

  color: #ed7c24;

}





#menu ul.rujnedes li{

    /*margin-left: 20px;

    float: right;*/

    padding: 6px 0;

}


ul.rujnedes a{

    color: #ed7c24;

    font-size: 12px;

    font-family: "futura-pt-n8","futura-pt",sans-serif;

    font-style: normal;

    font-weight: 800;

    text-transform:uppercase;

    letter-spacing:1px;

}

ul.rujnedes a:hover{

  text-decoration: none;

  color: #FFF;

}




/**** 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;

}









/**** Portfolio Images ****/

.photo {

    width: 302px;

    float: left;

    margin: 0 5px 10px;

    padding: 0;

}

.photo img{

    width: 100%;

    margin:0;

    padding: 0;

}









/**** Default Section ****/

.default-section{
	padding-top: 90px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;

}









/**** Alt Section ****/

.alt-section{
	background-color: #ED7C24;
	padding-top: 90px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;

}

.alt-section h2{
	color: #000;
	text-align:center;

}







/**** Footer ****/



.b-lr{

    border-left: 1px solid #6f6f6f;

    border-right: 1px solid #6f6f6f;

    height: 200px;

}

#footer p{

    text-align:center;

    color: #FFFFFF;

    line-height: 1.5;

}

#footer span{

    text-transform:uppercase;

    font-size: 18px;

}

#footer .info{

    font-size: 30px;

    color: #6f6f6f;

    text-transform:uppercase;

    padding-top: 14px

}

#footer a{

    color: #FFFFFF;

}

#footer a:hover{

    color: #d691a8;

    text-decoration:none;   

}

#footer ul.social{

    margin-top: 50px;

}

#footer ul.social li{

    list-style-type:none;

    display: block;

    text-align: left;

    margin-bottom: 10px;

}

#footer ul.social a{

    color: #6f6f6f;

}

#footer ul.social a:hover{

    color: #d691a8;

}





#footer ul.rujnedes{

    margin-top: 50px;

}

#footer ul.rujnedes li{

    list-style-type:none;

    display: block;

    text-align: left;

    margin-bottom: 10px;

}

#footer ul.rujnedes a{

    color: #6f6f6f;

}

#footer ul.rujnedes a:hover{

    color: #d691a8;

}

.logo-ftr{

    margin-top: 44px;

}









/**** Site Info ****/



#site-info{
	text-align:center;
	font-size: 12px;
	color: #ED7C24;

}

#site-info a{

    color: #6f6f6f;

}

#site-info p{

    margin:10px 0;

    text-transform:uppercase;

}









/**** Contact Page ****/



body.page-id-32{

    background-color: #FFFFFF;

}



body.page-id-32 h1{

    display: none;

}



#wpcf7-f171-p32-o2{

    width: 500px;

    margin: 0 auto; 

}









/**** Sticky ****/



.my-sticky-element.stuck {

    position:fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

}



/*.my-sticky-element2.stuck {

    position:fixed;

    bottom: 0;

    width: 100%;

    z-index: 99999;

}*/





/*

-------------------------------------------------

State

--------------------------------------------------

*/





.texture{

    background-image:url(images/texture.jpg);

}









/**** Wordpress Styles ****/



img.alignleft, img.aligncenter, img.alignright{
	margin-bottom: 5px;

	}



.alignleft { 

	float: left; 

	margin-right: 18px; 

	}



.alignright { 

	float: right; 

	margin-left: 18px; 

	}



.aligncenter { 

	text-align: center; 

	display: block; 

	margin-left: auto; 

	margin-right: auto; 

	}



.wp-caption { 

	text-align: center; 

	margin-bottom: 40px; 

	max-width: 100%; 

	background-color:#ffffff; 

	padding: 20px; 

	cursor: pointer; 

	-webkit-border-radius: 5px; 

	-moz-border-radius: 5px; 

	border-radius: 5px; 

	/*margin-top: 40px; */

	}



.wp-caption-text { 

	font-style: italic; 

	font-size: 11px; 

	line-height: 120%; 

	margin: 15px 0 0; 

	color: #999999; 

	}

    

#logo{

    position:absolute;

    left: 50%;

    top: 50%;

     width: 492px;

     height: 380px;

     margin-left: -246px;

     margin-top: -190px;

     z-index: 9999;

}



.scl{

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

  padding-left: 32px;

  background-repeat:no-repeat;

}



.fb{

  background-position: -10px -12px;

}



.pin{ 

  background-position: -10px -60px;

}



.ins{ 

  background-position: -11px -113px;

}



.fb:hover{

  background-position: -10px -152px;

}



.pin:hover{ 

  background-position: -10px -200px;

}



.ins:hover{ 

  background-position: -11px -253px;

}



.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }
  
.entry h2{
	text-align:inherit;
}
  
.entry p.entry-meta{
	text-align: center;
	color: #6f6f6f;
	font-size: 15px;
}

.entry p.entry-meta a.pink{
	color: #ed7c24;	
}

.entry p.entry-meta a{
	color: #6f6f6f;
}



h2.entry-title,
h2.entry-title a,
body.home h3.entry-title,
body.home h3.entry-title a{
	color: #ed7c24;
	text-align:center;
	text-transform:inherit;
}

body.home h3.entry-title{
	font-size: 28px;
	margin-top: 20px;
}

span.border{
	border-top: 5px solid #cccccc;
	width: 70px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}

.entry{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 30px;
	margin-bottom: 60px;
}

body.single .entry{
	border-bottom: none;
}

.entry p{
	font-size: 20px;
}

p.comments-logged-in-as{
	text-align:center;
}


ol.commentlist{
	margin-left: 0px;
	border-bottom: 1px dashed #cccccc;
}

.commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 20px 0 0 0;
}

/*.commentlist li:last-child {
    margin-bottom: 0;
}*/

.commentlist li ul.children {
    margin: 20px 0 0 40px;
}

.commentlist li[class*=depth-] {
    margin-top: 1.1em;
}

.commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0;
}


.commentlist li:not(.depth-1) {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    padding-bottom: 0;
	margin-bottom: 10px;

	background-color: #ffffff;
}

.commentlist .odd {
    background: #fff;
	border-top: 1px dashed #cccccc;
}

.commentlist .even {
    background: #ffffff;
	border-top: 1px dashed #cccccc;
}

.commentlist .vcard {
    margin-left: 100px;
}

.commentlist .vcard cite.fn {
   
}

.commentlist .vcard time {
    float: right;
}

.commentlist .vcard time a {
    color: #999;
    text-decoration: none;
}

.commentlist .vcard time a:hover {
    text-decoration: underline;
}

.commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    background: #fff;
}

.commentlist .comment_content {
    margin-left: 100px;
}

.commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
}

.commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #ed7c24;
    padding: 3px 5px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 0.9em;
}

.commentlist .comment-reply-link:hover,.commentlist .comment-reply-link:focus {
    opacity: 1;
}

.respond-form {
    margin: 1.5em 10px;
    padding-bottom: 2.2em;
}

.respond-form form {
    margin: 0.75em 0;
}

.respond-form form li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em;
}

.respond-form form li label,.respond-form form li small {
    display: none;
}

.respond-form form input[type=text],.respond-form form input[type=email],.respond-form form input[type=url],.respond-form form textarea {
    padding: 3px 6px;
    background: #ffffff;
    border: 1px solid #cecece;
    line-height: 1.5em;
}

.respond-form form input[type=text]:focus,.respond-form form input[type=email]:focus,.respond-form form input[type=url]:focus,.respond-form form textarea:focus {
    background: #fff;
}

.respond-form form input[type=text]:invalid,.respond-form form input[type=email]:invalid,.respond-form form input[type=url]:invalid,.respond-form form textarea:invalid {
    outline: none;
    border-color: #fbc2c4;
    background-color: #f6e7eb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.respond-form form input[type=text],.respond-form form input[type=email],.respond-form form input[type=url] {
    width: 96%;
	padding: 2%;
}

.respond-form form textarea {
    resize: none;
    width: 97.3%;
    height: 150px;
}



#allowed_tags {
    margin: 10px;
}

.nocomments {
    margin: 0 20px 1.1em;
}

h3#comments{
	border-top: 10px solid #eee;
	padding-top: 20px;
	margin-top: 50px;
}

ol.commentlist img.photo{
	width: 75px;
	height: 75px;
	float: inherit;
	margin: 0px;
}

h2#comments,
h3#comment-form-title{
	font-size: 18px;
	text-align:center;
	color: #6f6f6f;
	margin-top: 50px;
}

.respond-form form textarea{
	border: 1px solid #cccccc;
	background:none;
	width: 96%;
	padding: 2%;
}

ol.commentlist .alert{
	margin: 0.7335em 0 10px 100px;
}

ol.commentlist .alert p{
	margin: 0;
}

body.single .my-sticky-element.stuck{
	position:inherit;
}

body.single h1{
	margin-top: 90px;
	margin-bottom: 20px;
	color: #ed7c24;	
}

ul#comment-form-elements{
	margin: 0;
	padding: 0;
}

body.single h2{
	text-transform:none;
	font-size: 31.5px;
	line-height: 1.5;
}

body.single h3{
	font-size: 22px;
	line-height: 1.5;
}

blockquote{
	border-left: 5px solid #ed7c24;
}

blockquote p{
	color: #ed7c24;
}

body.single .entry p.entry-meta{
	margin-bottom: 40px;
}

.gallery img{
	border: none !important;
}

h1.blog-title{
	margin-top: 100px;
	text-transform:uppercase;
}

.wp-prev-next a{
	display: block;
	width: 75px;
	height: 75px;
	background-image: url(images/pagination.png);
	background-size: 100px 200px;
	font-size: 1px;
	color: #fff;
	margin-bottom: 100px;
}

.wp-prev-next a:hover{
	opacity: .7;
}

.prev-link a {
	background-position: -12px -13px;
}

.next-link{
	float: right;
}

.next-link a {
	background-position: -12px -99px;
}

p.tags{
	background-color: #eeeeee;
	text-align:center;
	font-size: 14px;
	text-transform:uppercase;
}

body.blog .stButton{
	display: none !important;
}

.alt-section h2.black{
	color: #000000;
	text-align:center;
}


@media (min-width: 1200px) {

    

    .photo {

        width: 380px;

    }

    ul.main-menu a{

      font-size: 18px;

    }

    ul.main-menu li {

      float: left;

      margin-right: 30px;

      margin-left: 18px;

    }

}



@media (min-width: 768px) and (max-width: 979px) {

    

    .photo {

      width: 48%;

      margin: 0 0 0 0;

    }

    ul.main-menu a{

      font-size: 14px;

    }

    ul.main-menu li{

      margin-left: 12px;

      margin-right: 12px;

    }


}



@media (max-width: 767px) {

  .logo{

    display:block;

    margin: 0 auto;

  }

#footer ul.social li{

text-align: center;

}
#footer ul.rujnedes li{

text-align: center;

}


div.wp-prev-next .span1{
	width: 50%;
float: left;
}
 

  body{

      padding-left: 0px;

      padding-right: 0px;

  }

  .default-section{

      margin-left: 20px;

      margin-right: 20px;

  }

  .alt-section{

      padding: 40px 20px;

  }

  .alt-section h2{

      text-align: center;

  }

  .logo-ftr{

      display:block;

      margin: 0 auto;

  }

  #footer{

      padding: 66px 0;

  }

  .b-lr{

      border-left: none;

      border-right: none;

      height: auto;

      border-top: 1px solid #706962;

      border-bottom: 1px solid #706962;

      margin-top: 50px;

      padding-top: 50px;

      padding-bottom: 50px;

  }

  #footer .info{

    font-size: 20px;

  }

  #footer ul.social{

      margin: 70px 0px 0px;

  }
  #footer ul.rujnedes{

      margin: 70px 0px 0px;

  }

  .default-section{

      padding: 40px 0;

  }

  #logo {

      position: absolute;

      left: 50%;

      top: 50%;

      width: 220px;

      height: 170px;

      margin-left: -110px;

      margin-top: -85px;

  }

  ul.menu{

      text-align:center;

  }

  ul.main-menu li{

      float: none;

      display: inline-block;

      margin: 0 10px;

  }

  #menu ul.social{

      display: none;

  }

  #menu ul.rujnedes{

      display: none;

  }
  #container{

      width: 100%;

  }

  .photo {

      width: 49%;

      margin: 0 0 0 0;

  }

  #menu .span8{

    display: none;

  }
  
  .entry{
	  margin-left: 20px;
	  margin-right: 20px;
  }
  
  .entry p{
	  line-height: 1.4;
  }


h2{

    font-size: 30px;

    text-transform:uppercase;

    text-align:center;  

}

}



@media(max-width:480px){



    #menu,

    .sticky-wrapper,

    .my-sticky-element.stuck{

        /*display: none;*/

    }

    #banner{

        display:none;

    }
h2{

    font-size: 20px;
	line-height:normal !important;

    text-transform:uppercase;

    text-align:center;  

}
    

}