
/* HEIGHT MENU */

			header #logo { height: px;	 }
			/*.open-nav { height: px; }
			.open-nav .text { line-height: px;	 }*/
			header.header-open:not(.header-transparent) nav#main-nav > ul > li > a { line-height: px; }
			header.header-open:not(.header-transparent) nav#main-nav ul li > ul.sub-menu { top: calc(50% + 15px); }
			/*#page-body { padding-top: 120px; }*/
			header:after, header:before { top: -120px; height: 120px; }	
			header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 120px; }
			#header-filter, #header-share, #header-search { top: -120px;	 min-height: 120px; }
			header.header-open:not(.header-transparent) #menu .open-filter, header.header-open:not(.header-transparent) #menu .open-share, header.header-open:not(.header-transparent) #menu .open-search { top: 0px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
			
					@media only screen and (max-width: 781px) {
						header #logo { height: 30px;	 }
						header:after, header:before { top: -90px; height: 90px; }
						header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 90px; }
					}
				#page-loader { z-index: 11; }
/* CUSTOM FONTS */
body {font-family: "Roboto";font-weight: 100;font-size: 18px;line-height: 30px;letter-spacing: 0.02em;}body strong,body b { font-weight: 100; }input[type=text], input[type=password], input[type=email], textarea, select { font-family: Roboto; font-weight: 100; }.widget_nav_menu ul.menu > li { font-weight: 100; }.widget_nav_menu ul.menu > li > .sub-menu li { font-weight: 100; }h1 {font-family: "Raleway";font-weight: 400;font-size: 60px;line-height: 78px;letter-spacing: 0.08em;text-transform: uppercase;}h1 strong,h1 b { font-weight: 700; }#page-loader .loader, .inline-video:after { font-family:Raleway; font-weight:400; text-transform: uppercase; letter-spacing: 0.08em; }h2 {font-family: "Raleway";font-weight: 400;font-size: 56px;line-height: 72px;letter-spacing: 0.08em;text-transform: uppercase;}h2 strong,h2 b { font-weight: 700; }h3 {font-family: "Raleway";font-weight: 400;font-size: 34px;line-height: 44px;letter-spacing: 0.08em;text-transform: uppercase;}h3 strong,h3 b { font-weight: 700; }h4 {font-family: "Raleway";font-weight: 400;font-size: 27px;line-height: 35px;letter-spacing: 0.08em;text-transform: uppercase;}h4 strong,h4 b { font-weight: 700; }#reply-title { font-size: 27px;line-height: 35px; }h5 {font-family: "Raleway";font-weight: 400;font-size: 20px;line-height: 26px;letter-spacing: 0.08em;text-transform: uppercase;}h5 strong,h5 b { font-weight: 700; }h6 {font-family: "Raleway";font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: 0.08em;text-transform: uppercase;}h6 strong,h6 b { font-weight: 700; }@media only screen and (max-width: 1024px) { body { font-size: 16px !important; line-height: 20px !important; }h1 { font-size: 50px !important; line-height: 65px !important; }h2 { font-size: 48px !important; line-height: 62px !important; }h3 { font-size: 30px !important; line-height: 39px !important; }h4 { font-size: 24px !important; line-height: 31px !important; }h5 { font-size: 19px !important; line-height: 24px !important; }h6 { font-size: 16px !important; line-height: 20px !important; } }@media only screen and (max-width: 781px) { body { font-size: 16px !important; line-height: 20px !important; }h1 { font-size: 38px !important; line-height: 49px !important; }h2 { font-size: 38px !important; line-height: 49px !important; }h3 { font-size: 28px !important; line-height: 36px !important; }h4 { font-size: 22px !important; line-height: 28px !important; }h5 { font-size: 18px !important; line-height: 23px !important; }h6 { font-size: 16px !important; line-height: 20px !important; } }@media only screen and (max-width: 481px) { body { font-size: 16px !important; line-height: 20px !important; }h1 { font-size: 28px !important; line-height: 36px !important; }h2 { font-size: 32px !important; line-height: 41px !important; }h3 { font-size: 26px !important; line-height: 33px !important; }h4 { font-size: 21px !important; line-height: 27px !important; }h5 { font-size: 18px !important; line-height: 23px !important; }h6 { font-size: 16px !important; line-height: 20px !important; } }.alttitle {font-family: Raleway;font-weight: 300;letter-spacing: 0.04em;text-transform: uppercase;}.alttitle b, .alttitle strong { font-weight: 100; }table caption, blockquote, .copyright, ul.filter li a, .blog-masonry-entry .blog-content .time, .blog-masonry-entry .post-sticky, .widget_rss .rss-date, .widget_rss cite { font-family: Raleway;font-weight: 300;letter-spacing: 0.04em;}#blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-category span, #blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-tags span { font-family: Raleway;}nav#main-nav ul li > a, .open-nav .text {font-family: Roboto;font-weight: 500;font-size: 14px;letter-spacing: 0.12em;text-transform: uppercase;}.widget_calendar tfoot a, #menu .open-filter, #menu .open-share, #scroll-down, .single-pagination li a, .entries-pagination li a, .sr-button-text, #blog-comments .comment-reply-link, #blog-comments #cancel-comment-reply-link, footer #backtotop {font-family: Roboto;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;}#blog-single .blog-meta .meta-author a, #blog-single .blog-meta .meta-category a  {font-family: Roboto;font-weight: 500;text-transform: uppercase;}nav#main-nav ul li > ul.sub-menu > li a {font-family: Roboto;font-weight: 100;font-size: 13px;letter-spacing: 0.1em;}a.sr-button, input[type=submit] {font-family: Raleway;font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;}input[type=text], input[type=password], input[type=email], textarea { font-family: Raleway;font-weight: 100;} 

/* COLOR */

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #33cccc; }
input[type=submit] { background: #33cccc; }
a { color: #33cccc; }
.colored { color: #33cccc; }
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background: #33cccc; }
nav#main-nav > ul > li:hover > a, nav#main-nav > ul > li.current-menu-item > a { color: #33cccc !important; }
footer #backtotop:hover { color: #33cccc; }
ul.filter li a.active, ul.filter li a:hover { color: #33cccc; }
#blog-single .blog-meta .meta-author a:hover, #blog-single .blog-meta .meta-category a:hover, #blog-single .blog-meta .meta-tags a:hover { color: #33cccc; }
.single-pagination li a:hover span	{ color: #33cccc; }
.single-pagination li.backtoworks a:hover { color: #33cccc; }
.entries-pagination li a:hover { color: #33cccc; }
#blog-comments #cancel-comment-reply-link { color: #33cccc; }
a.sr-button1:hover { background: #33cccc; }
a.sr-button2 { background: #33cccc; }
a.sr-button3:hover { background: #33cccc; }
a.sr-button4 { background: #33cccc; }
.inline-video:hover::before { color: #33cccc; }
.inline-video .inline-iframe-container .close-inline-video:hover { color: #33cccc; }
.tabs ul.tab-nav li a.active { color: #33cccc; }
.toggle-item .toggle-title.toggle-active:after { color: #33cccc; }
.toggle-item .toggle-title:hover:after { color: #33cccc; }
.toggle-item .toggle-title:hover .toggle-name  { color: #33cccc; }	
.toggle-item .toggle-title.toggle-active .toggle-name  { color: #33cccc; }
#hero .page-title h1 a, #hero .page-title h2 a, #hero .page-title h3 a, #hero .page-title h4 a, #hero .page-title h5 a, #hero .page-title h6 a { color: #33cccc; }


.wolf-caption a.caption-hover:hover h4, 
.wolf-caption a.caption-hover:hover h5, 
.wolf-caption a.caption-hover:hover h6, 
.wolf-caption a.caption-hover:hover h3 { color: #33cccc; }	


/* CUSTOM CSS (Theme Options) */
body.error404 {
    background: #ffffff url("https://julienheron.com/wp-content/uploads/2016/11/404bg.gif") repeat right top;
}

body.error404 #page-content header#header {
display:none;
}

.parallax-section.text-light .parallax-content { background: #33cccc; }

header #logo img {
    max-height: 44px;
}

nav#main-nav > ul > li.current-menu-item > a {
    color: #33cccc !important;
}

nav#main-nav ul li > a { line-height: 44px; }

.open-nav .text {
    line-height: 44px;
}

.open-nav .hamburger {
    top: -4px;
}

h4.portfolio-name {
    margin-top: 5px;
}

#header-filter:after, #header-share:after, #header-search:after {

    background: #33cccc;

}


#header-filter .close-filter:before, #header-filter .close-filter:after {
    width: 36px;
background-color: #ffffff;
}

h5.title-filter {
    color:#ffffff;
}

ul.filter li a { 
 color:#ffffff;
}

ul.filter li a {
    font-size: 16px;
    padding-left: 0.6em;
}

ul.filter li a.active, ul.filter li a:hover {
    color: #9ee2e3;
    text-decoration: line-through;
}

footer .footer-inner {
    padding: 50px 0 80px 0;
}

footer .footer-inner2 {
    padding:  20px 0 15px 0;
    background-color:#000000;
}



footer #backtotop {
    right: 40px;
    margin-left: 0px;
    left: initial;
}

footer.footer-dark {
    background: #33cccc;
}

#footertxt {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.4em;
}

.btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 24px 15px 24px;
  border: solid #ffffff 4px;
  text-decoration: none;
}

a.btn {
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

a.btn:hover {
  color: #000000;
}

.btn:hover {
  border: solid #000000 4px;
  text-decoration: none;
}

.socialmedia-widget li a {
    font-size: 22px;
}

footer #backtotop {
    bottom: 16px;
}

header .header-inner {
    margin-top: 40px;
}

h6.alttitle {
    font-family: Raleway;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: none;
}

.spacer.spacer-big {
    height: 130px;
}

#hero .page-title a:hover {
    color: #fff;
}

.single-pagination {
    margin: 40px 0 120px 0 !important;
}

h6.alttitle {
    line-height: 2em;
}

#menu .open-filter {
    top: 40px;
}

h5.alttitle.align-center {
    margin-top: 5px;
}

.linkto  {
   color: #33cccc;
    font-weight: 400;
}

form .form-submit {
    text-align: center;
}

.single-pagination li a img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.btnarrow {
   width:50px !important;
   height:50px !important;
   opacity: 1 !important;
   filter: alpha(opacity=100) !important;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;

}

.pace .pace-progress {
    background: none;
}


@media only screen and (max-width: 481px) {
h1 {
    font-size: 36px !important;
}

p {
   line-height: 2em !important;
}

h6.alttitle {
   line-height: 2em !important;
}

footer #backtotop {
   display: none;
}
}

@media only screen and (max-width: 1200px)  {
body {
    line-height: 2em !important;
}
}

@media only screen and (max-width: 1024px) {
body {
    font-size: 16px !important;
    line-height: 2em !important;
}

h6 {
   line-height: 2em !important;
}
}