/*
Theme Name: mag Építész Műterem
Theme URI: http://www.magmuterem.hu
Description: A mag Építész Műterem weboldalánal alapértelmezett sablonja
Author: Digitalform
Author URI: http://www.digitalform.hu
Version: 3.0
*/

*{
margin: 0;
padding: 0;
border: 0;
text-decoration: none; 
}

*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 400; text-align: justify; color: #2e2a27; }
body.archive, body.page { background: #eee; }

hr { height: 20px; border-top: 1px solid #e7e4d1; }
textarea, input, select, button { outline: none; }

h1, h2, h3, h4{ font-weight: normal; line-height: 100%; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.inner { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
.inner_800 { max-width: 800px; margin-left: auto; margin-right: auto; position: relative; }
.alignleft { margin: 0 20px 5px 0; float: left; }
.alignright { margin: 0 0 5px 20px; float: right; }
.aligncenter { margin: 0 auto 20px auto; display: block; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.uppercase { text-transform: uppercase; }
.t_a_c, .center { text-align: center; }
.t_a_j, .justify { text-align: justify; }
.hide { display: none; }
.left_panel { width: 40%; text-align: justify; }
.right_panel { width: 60%; padding-left: 80px; }

/* Font */
:after, :before { font-family: 'fontello', sans; -webkit-font-smoothing: antialiased; }
.rc, .sec_font { font-family: 'Roboto Condensed', sans-serif; }

/* Animation */
.anim, :before, :after, 
ul.language-chooser { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.anim_long	{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.anim_cubic{ -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }

/* Button */
.button	{ height: 50px; padding: 0 20px; font-size: 18px; color: white !important; line-height: 50px; background: #eb212e; border-bottom: none !important; display: inline-block; position: relative; cursor: pointer; }
.button:after{ width: 0; height: 3px; left: 50%; bottom: 0; background: #b6121e; position: absolute; content: ''; }
.button:hover:after { width: 100%; left: 0; }

/*
----------------------------
	MODAL AND PRELOADER
----------------------------
*/
.mask { width: 100%; height: 100%; left: 0; top: 0; background: #24262a; position: fixed; z-index: 999; }
body.is_loaded .mask { opacity: 0; visibility: hidden; }
.mask .preloader { width: 100px; height: 100px; margin: auto; background: url(images/loader.png); -webkit-animation: play .8s steps(5) infinite; -moz-animation: play .8s steps(5) infinite; -ms-animation: play .8s steps(5) infinite; -o-animation: play .8s steps(5) infinite; animation: play .8s steps(5) infinite;
}

@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}


/*
---------------
	COOKIE
---------------
*/
#cookie { width: 300px; right: 10px; bottom: 10px; padding: 20px 80px 20px 20px; font-size: 14px; line-height: 17px; background: #f0f0f0; border: 1px solid #ddd; position: fixed; z-index: 1000; visibility: hidden; opacity: 0; }
body.cookie_panel #cookie { visibility: visible; opacity: 1; }
#cookie a { color: #a83225; }
#cookie a.accept { height: 30px; right: 20px; top: 20px; padding: 0 10px; color: white; line-height: 30px; background: #a83225; position: absolute; }


/* 
------------------------
	LANGUAGE CHOOSER
------------------------
*/
ul.wpm-language-switcher { width: 60px; height: 30px; top: 15px; right: 50px; display: none; position: absolute; }
ul.wpm-language-switcher li { width: 50%; height: 100%; float: left; list-style: none; }
ul.wpm-language-switcher li a { height: 100%; text-transform: uppercase; color: #000; line-height: 30px; display: block; }

#header ul.wpm-language-switcher li.active a { background: #f5f5f5; }


/*
-----------------
	RWD MENU
-----------------
*/
.rwd_menu { width: 100%; height: 0; left: 0; bottom: 0; text-align: center; background: #292a2e; position: fixed; z-index: 9; visibility: hidden; }
body.is-open .rwd_menu { height: 100%; visibility: visible; }

.rwd_menu ul.menu li { top: 20px; margin-bottom: 10px; position: relative; opacity: 0; }
.rwd_menu ul.menu li a { font-size: 40px; color: white; }
.rwd_menu ul.menu li a:hover { border-bottom: 1px solid white; }

body.is-open .rwd_menu ul.menu li { top: 0; opacity: 1; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; -o-transition-delay: 0.80s; }
body.is-open .rwd_menu ul.menu li:nth-child(1) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; -o-transition-delay: 0.8s; }
body.is-open .rwd_menu ul.menu li:nth-child(2) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; -o-transition-delay: 0.9s; }
body.is-open .rwd_menu ul.menu li:nth-child(3) { -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; transition-delay: 1.0s; -o-transition-delay: 1.0s; }
body.is-open .rwd_menu ul.menu li:nth-child(4) { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; -o-transition-delay: 1.1s; }
body.is-open .rwd_menu ul.menu li:nth-child(5) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; -o-transition-delay: 1.2s; }
body.is-open .rwd_menu ul.menu li:nth-child(6) { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; -o-transition-delay: 1.3s; }
body.is-open .rwd_menu ul.menu li:nth-child(7) { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; -o-transition-delay: 1.4s; }

/* Language chooser */
.rwd_menu ul.language-chooser { left: 50%; top: auto; bottom: 30px; right: auto; margin-left: -42px; border-color: white; opacity: 0; }
.rwd_menu ul.language-chooser li a { color: white; }
.rwd_menu ul.language-chooser li.active a { color: #292a2e; background: white; }
body.is-open .rwd_menu ul.language-chooser { opacity: 1; }


/*
----------------
	HEADER
----------------
*/
header { height: 60px; left: 0; right: 0; top: 0; text-align: center; position: fixed; z-index: 10; }
body.home header, 
body.single-munkaink header { position: absolute; }

/* Logo */
header .logo { height: 40px; left: 50px; display: block; position: absolute; }
header .logo img { width: auto; height: 40px; display: block; }
body.page header .logo img, 
body.archive  header .logo img { -webkit-filter: invert(1); }

/* Menu */
header menu { height: 100%; background: white; }
header menu:hover { background: white; }

header menu ul { height: 100%; }
header menu ul li { height: 100%; display: inline-block; position: relative; }
header menu ul li a { padding: 0 20px; font-size: 16px; color: #000; line-height: 60px; display: block; position: relative; }

body.home header menu, body.single-munkaink header menu { height: 100%; background: rgba(0,0,0,0); }
body.home header menu:hover, body.single-munkaink header menu:hover { background: rgba(0,0,0,0.3); }
body.home header menu ul li a, body.single-munkaink header menu ul li a { color: white; }

header menu ul li.current-menu-item a:after, 
header menu ul li.current-menu-item a:hover:after { width: 100%; left: 0; }

body.home header ul.language-chooser, body.single-munkaink header ul.language-chooser { border-color: white; }
body.home header ul.language-chooser li a, body.single-munkaink header ul.language-chooser li a { color: white; }
body.home header ul.language-chooser li.active a, body.single-munkaink header ul.language-chooser li.active a { color: #292a2e; background: white; }

body.home #header ul.wpm-language-switcher, 
body.single-munkaink #header ul.wpm-language-switcher { border-color: white; }

header.cd-header.is-visible ul.language-chooser { border-color: #000; }
header.cd-header.is-visible ul.language-chooser li a { color: #000; }
header.cd-header.is-visible ul.language-chooser li.active a { color: white; background: #000; }

/* Header scrolling hook */
body.fixed_header header menu ul li { margin-left: 30px; }

header.cd-header.is-fixed { top: -60px; }
header.cd-header.is-visible { -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } 
header.cd-header.is-visible .logo { background-image: url(images/logo_black.png); }
header.cd-header.is-visible menu, header.cd-header.is-visible:hover menu { background: white; }
header.cd-header.is-visible menu ul li a { color: #141414; }
header.cd-header.is-visible menu ul li a:after { background: #141414; }

/* RWD button */
header .rwd_button { height: 48px; right: 50px; top: 5px; padding-left: 40px; padding-right: 5px; text-transform: uppercase; color: #000; background: transparent; position: absolute; cursor: pointer; }
header .rwd_button .icon_burger { width: 30px; height: 18px; left: 0; top: 15px; display: block; position: absolute;  }
header .rwd_button span { width: 30px; height: 2px; left: 0; background: #000; display: block; position: absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
header .rwd_button span.icon_burger_top { top: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; -o-transition-delay: 0.3s; }
header .rwd_button span.icon_burger_mid { top: 8px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition-delay: 0.2s; }
header .rwd_button span.icon_burger_bot { top: 16px; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -o-transition-delay: 0.1s; }
header .rwd_button span.icon_burger_rab { top: 36px; opacity: 0; }

body.home header .rwd_button, body.single-munkaink header .rwd_button { color: white; }
body.home header .rwd_button span, body.single-munkaink header .rwd_button span { background: white; }

body.is-open header .rwd_button span { opacity: 0; }
body.is-open header .rwd_button span.icon_burger_top { top: -28px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -o-transition-delay: 0s; }
body.is-open header .rwd_button span.icon_burger_mid { top: -20px; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -o-transition-delay: 0.1s; }
body.is-open header .rwd_button span.icon_burger_bot { top: -12px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition-delay: 0.2s; }
body.is-open header .rwd_button span.icon_burger_rab { top: 8px; opacity: 1; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; -o-transition-delay: 0.3s; }


/*
------------------
	FRONTPAGE
------------------
*/
#frontpage {  }

/* Slider */
#slider { height: 100vh; background: #26272a; }
#carousel_single, 
#carousel_single .owl-stage-outer, 
#carousel_single .owl-stage,  
#carousel_single .owl-item, 
#carousel_single .item,  
#carousel_single .inner  
{ height: 100%; }

#carousel_single .item { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#carousel_single .item h3 { height: 70px; left: 0; bottom: 50px; padding: 0 30px; font-size: 20px; line-height: 70px; background: rgba(0,0,0,0.3); position: absolute; z-index: 100; }
#carousel_single .item h3:before { width: 0; height: 100%; left: 0; top: 0; background: #000; position: absolute; content: ''; z-index: 1; }
#carousel_single .item h3:hover:before { width: 100%; }
#carousel_single .item h3 a { color: white; display: block; position: relative; z-index: 2; }

/* About us */
#aboutus { min-height: 100vh; }

#aboutus .aboutus_top { height: 100%; padding-top: 50px; padding-right: 50px; padding-left: 50px; color: #333; }
#aboutus .aboutus_top .left_panel h1 { margin-bottom: 20px; font-size: 30px; color: #333; }
#aboutus .aboutus_top .right_panel { font-size: 17px; color: #555; line-height: 30px; }
#aboutus .aboutus_top .right_panel p { margin-bottom: 20px; }

/*
#aboutus .aboutus_bottom { height: 25%; padding-top: 50px; padding-right: 50px; padding-left: 50px; color: #555; background: #ebebeb; }
#aboutus .aboutus_bottom p { margin-bottom: 20px; }
#aboutus .aboutus_bottom a { text-decoration: underline; color: #555; }
#aboutus .aboutus_bottom a:hover { color: #333; }
#aboutus .aboutus_bottom strong { color: #333; }
*/


/*
-------------------
	CONTAINER
-------------------
*/

/* Content */
#content { padding-top: 80px; padding-right: 50px; padding-bottom: 80px; padding-left: 50px; font-size: 16px; line-height: 30px; position: relative; }
#content.notitle { padding-top: 80px; }

#content h1 { margin-bottom: 20px; font-size: 35px; }
#content h2 { margin-bottom: 20px; font-size: 40px; line-height: 120%; }
#content h3 { margin-bottom: 10px; font-size: 25px; font-weight: 800; color: #eb212e; }

#content p { margin-bottom: 20px; }
#content img { max-width: 100%; }

#content a { text-decoration: none; color: #666; border-bottom: 1px solid #e2001a; }
#content a:hover { color: #000; }

#content strong { color: #000; }
#content iframe { width: 100%; height: 460px; }

/* Thumbnail */
#content ul li a.thumbnail { display: block; border-bottom: none; overflow: hidden; }
#content ul li a.thumbnail img { width: 100%; display: block; }

/* If is content page or single post */
/*body.page, body.single-post #content { color: #999; background: #131315; }*/

/* Title */
#title { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#title h2 { font-size: 50px; position: relative; }
#title .inner { height: 100%; }
#title .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(41,42,46,0.8); position: absolute; }
#title.nobgr { padding-top: 110px; text-align: center; }
#title.hasbgr { margin-top: 80px; height: 300px; }
#title.hasbgr h2 { left: 0; bottom: 30px; color: white; line-height: 100%; position: absolute; }
#title.hasbgr h2:before { width: 23px; height: 7px; left: -50px; top: 22px; background: white; position: absolute; content: ''; }

/* Contact */
#container.contact { padding-top: 60px; }
#container.contact img { max-width: inherit; }
#container.contact #content { padding: 0; }
#container.contact #content #map_canvas { width: 100%; height: 100%; height: 100vh; left: 0; top: 0; position: absolute; z-index: 1; }
#container.contact #content #contact_box { width: 350px; right: 50px; top: 50px; background: white; position: absolute; z-index: 2; }
#container.contact #content #contact_box .header { height: 50px; padding-left: 40px; font-weight: 700; line-height: 50px; border-bottom: 1px solid #e5e5e5; }
#container.contact #content #contact_box .entry { padding: 30px 0; font-size: 15px; color: #666; line-height: 20px; }
#container.contact #content #contact_box .entry article { margin-bottom: 20px; padding: 0 40px; display: block; position: relative; }
#container.contact #content #contact_box .entry article:last-of-type { margin-bottom: 0; }
#container.contact #content #contact_box .entry article:before { left: 10px; top: -1px; margin: 0; font-size: 20px; color: #e2001a; position: absolute; }
#container.contact #content #contact_box .entry article h4 { margin-bottom: 10px; font-size: 17px; font-weight: 700; color: #292a2e; }

/* Archive */
#content ul.archive { margin-left: 0; }
#content ul.archive li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; list-style: none; }
#content ul.archive li h2.title { font-size: 30px; line-height: 130%; }
#content ul.archive li .meta { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #999; }
#content ul.archive li .entry { color: #555; }

/* Office */
#container.office { min-height: 100vh; padding-top: 60px; padding-bottom: 45px; }
#container.office article { width: 48%; margin-right: 4%; line-height: 20px; float: left; }
#container.office article:nth-child(2n) { margin-right: 0; }
#container.office article .thumbnail { margin-bottom: 20px; }


/*
-----------------------
	FILTER and WORKS
-----------------------
*/
/* Filter */
#filter { width: 100%; height: 50px; margin-bottom: 30px; background: #f5f5f5; border: 1px solid #ddd; position: relative; } 
#filter ul { height: 60px; } 
#filter ul li { height: 60px; padding: 0 15px; font-size: 15px; color: #777; line-height: 50px; display: inline-block; position: relative; cursor: pointer; } 
#filter ul li.active { text-decoration: underline; color: #000; } 
#filter ul li:hover { color: #000; } 
#filter ul li:after { width: 1px; height: 20px; right: 0; top: 15px; background: #ccc; position: absolute; content: ''; } 
#filter ul li:last-child:after { display: none; } 
#filter ul li:hover span:before { color: #000; } 

/* The list */
#works ul { margin-left: -20px; margin-right: -20px; position: relative; }
#works ul li { width: 25%; margin-bottom: 40px; padding: 0 20px; float: left; display: none; }
#works ul li .thumbnail { margin-bottom: 5px; position: relative; }
#works ul li .thumbnail img { width: 100%; height: auto; display: block; position: relative; z-index: 1; }
#works ul li .thumbnail .entry { width: 100%; height: 100%; left: 0; top: 0; text-align: center; background: #eee; display: none; position: absolute; z-index: 2; }
#works ul li:hover .thumbnail .entry { display: block; }
#works ul li .thumbnail .entry h3 { margin-top: 32%; font-size: 18px; color: #000; }
#works ul li .entry h3 { margin-bottom: 0; line-height: 18px; }
#works ul li .entry h3 a { font-size: 16px; border-bottom: none; }


/*
--------------------
	THE PROJECT
--------------------
*/
/* Slider */
#project_slider_wrapper { position: relative; }
#project_slider_wrapper #project_slider { height: 700px; position: relative; z-index: 1; }
#project_slider_wrapper #project_slider img { width: auto; height: 700px; display: block; }
#project_slider_wrapper .owl-stage-outer, 
#project_slider_wrapper .owl-stage, 
#project_slider_wrapper .owl-item 
{ height: 100%; display: block; }
#project_slider_wrapper a.back { height: 70px; left: 0; bottom: 50px; padding: 0 20px; color: white; line-height: 70px; background: #292a2e; position: absolute; z-index: 2; }
#project_slider_wrapper a.back:hover { background: #000; }

/* Datas */
#project_datas { margin-bottom: 50px; }
#project_datas h2 { color: #292a2e; line-height: 100%; position: relative; }
#project_datas .col.description { height: 300px; position: relative; overflow: hidden; cursor: pointer; }
#project_datas .col.description.is_opened { height: auto; overflow: auto; cursor: default; }

#project_datas .col.description .read_more { width: 100%; height: 100px; left: 0; bottom: 0; position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
#project_datas .col.description.is_opened .read_more { height: auto; bottom: auto; margin-top: 40px; background: none; position: relative; }
#project_datas .col.description .read_more button { height: 30px; left: 0; bottom: 0; font-size: 14px; font-weight: 600; color: #e2001a; background: none; position: absolute; cursor: pointer; }

#project_datas .col.services article { margin-bottom: 20px; line-height: 20px; position: relative; }
#project_datas .col.services article h4 { margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #292a2e; }
#project_datas .col.services article h4:before { color: #e2001a; }

#gallery ul { margin-left: 0; }
#gallery ul li { width: 20%; margin-bottom: 1px; padding-right: 1px; float: left; list-style: none; }


/*
----------------------------
	PREV / NEXT PROJECT
----------------------------
*/
#prev__next { padding: 30px 0; background: #eee; }
#prev__next .next_post { width: 100%; display: table; cursor: pointer; }
#prev__next .next_post .col { display: table-cell; vertical-align: middle; }
#prev__next .next_post .thumbnail { width: 20%; }
#prev__next .next_post .thumbnail img { width: 100%; display: block; }
#prev__next .next_post .entry { width: 60%; padding: 0 50px; line-height: 25px; }
#prev__next .next_post .entry h4 { margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #292a2e; }
#prev__next .next_post .entry a { font-size: 30px; color: #e2001a; }
#prev__next .next_post .url { width: 20%; background: url(images/icon_right_arrow.png) no-repeat 100% center; }

#prev__next .next_post:hover .entry a { color: #000; }
#prev__next .next_post:hover .url { background-position: 90% center; }


/*
----------------
	FOOTER
----------------
*/
footer { width: 100%; height: 45px; left: 0; bottom: 0; padding: 0 50px; line-height: 50px; background: white; position: fixed; z-index: 100; }
footer .left a { margin-right: 5px; font-size: 20px; color: #e2001a; }
footer .left a:hover { color: #000; }



/*
--------------
	FORM
--------------
*/
ul.form { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none !important; }
ul.form.inner { margin: 0 auto !important; }
ul.form li { width: 49%; min-height: 60px; margin-bottom: 20px; float: left; position: relative; list-style: none !important; }
ul.form li.checkbox { min-height: 30px; }
ul.form li:nth-child(even) { float: right; }
ul.form li.full { width: 100%; float: none; clear: both; }
ul.form li > label { font-size: 15px; font-weight: 600; display: block; }

ul.form li select,
ul.form li textarea, 
ul.form li input[type=tel],
ul.form li input[type=text],
ul.form li input[type=email],
ul.form li input[type=password] 
{ width: 100%; height: 60px; padding-left: 20px; font-size: 15px; background: #ededed; position: relative; z-index: 1; }

ul.form li select:focus,
ul.form li textarea:focus, 
ul.form li input[type=tel]:focus,
ul.form li input[type=text]:focus,
ul.form li input[type=email]:focus,
ul.form li input[type=password]:focus 
{  }

ul.form li input#budget-amount { width: 140px; height: 50px; margin: auto; padding: 0; font-weight: 800; text-align: center; color: white; background: #141414; }

ul.form li textarea { height: 200px; padding: 20px; resize: vertical; }

ul.form li input[type=submit] { width: 100%; padding: 0; text-align: center; display: block; }


/*
---------------
	ANIMATE
---------------
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn { 
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}


/*
-------------------
	RWD DESIGN
-------------------
*/
@media only screen and (max-width: 1200px) {
	
	/* DEFAULT */
	.p_l_30 { padding-left: 30px; }
	.p_r_30 { padding-right: 30px; }
	
	/* THE PROJECT: Slider */
	#project_slider_wrapper #project_slider, 
	#project_slider_wrapper #project_slider img { height: 650px; }
}

@media only screen and (max-width: 1120px) {
	
	/* TITLE */
	#title.hasbgr h2 { left: 50px; }
}

@media only screen and (max-width: 1000px) {
	
	/* DEFAULT */
	.p_l_30 { padding-left: 30px; }
	.p_r_30 { padding-right: 30px; }
	
	/* FOOTER */
	footer .col { width: 33.3333333333%; }
}

@media only screen and (max-width: 960px) {
	
	/* DISPLAY: None */
	.hide_in_960 { display: none; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* HEADER */
	header { height: 60px; background: white; position: fixed; }
	body.home header, body.single-munkaink header { background: rgba(0,0,0,0.5); }
	body.home header:hover, body.single-munkaink header:hover { background: rgba(0,0,0,0.5); }
	
	/* HEADER: Language chooser */
	header ul.language-chooser { display: none !important; }
	
	/* FRONTPAGE: About us */
	#aboutus { height: auto !important; min-height: initial; }
	#aboutus .fp-tableCell { height: auto !important; }
	#aboutus .aboutus_top { height: auto; }
	#aboutus .aboutus_bottom { height: auto; padding-top: 30px; padding-bottom: 30px; }
	
	/* TITLE */
	#title.hasbgr h2 { left: 30px; }
	#title.hasbgr h2:before { display: none; }
	
	/* CONTENT */
	#content { padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; }
	#content h2 { font-size: 35px; }
	
	/* FILTER and WORKS */
	#filter ul li { padding: 0 9px; font-size: 14px; } 
	#works ul li { width: 33.3333333333%; }
	#works ul li .thumbnail .entry { height: 100%; height: auto; top: auto; background: transparent; display: block; position: relative; }
	#works ul li .thumbnail .entry h3 { height: 50px; margin-top: 10px; font-size: 17px; }
	
	/* THE PROJECT: Slider */
	#project_slider_wrapper #project_slider, 
	#project_slider_wrapper #project_slider img { height: 600px; }
	
	/* CONTENT: Office */
	#container.office article { width: 100%; height: auto !important; margin-right: 0; float: none; }
}

@media only screen and (max-width: 768px) {
	
	/* DEFAULT */
	.right_panel { padding-left: 30px; }

	/* Slider */
	#slider { height: 80vh; }
	
	/* FILTER and WORKS */
	#filter { height: auto; } 
	#filter ul { height: auto } 
	#filter ul li { height: auto; padding: 10px 15px; font-size: 15px; line-height: normal; border-bottom: 1px solid #ccc; display: block; } 
	#filter ul li:after { display: none; } 
	#works ul li { width: 50%; }
	
	/* THE PROJECT: Slider */
	#project_slider_wrapper #project_slider, 
	#project_slider_wrapper #project_slider img { height: 500px; }
	
	/* THE PROJECT: Datas */
	#project_datas h2:before { display: none; }
	#project_datas .left_panel { width: 100%; float: none; }
	#project_datas .right_panel { width: 100%; padding-left: 0; float: none; }
	#gallery ul li { width: 25%; }
}

@media only screen and (max-width: 640px) {
	
	/* DEFAULT */
	.left_panel { width: 100%; float: none; }
	.right_panel { width: 100%; padding-left: 0; float: none; }
	
	/* DISPLAY: None */
	.hide_in_640 { display: none; }
	
	/* HEADER: Logo */
	header .logo { left: 30px; }
	
	/* HEADER: RWD button */
	header .rwd_button { right: 25px; }
	
	/* FRONTPAGE: Slider */
	#slider { padding-bottom: 70px; }
	#carousel_single .item h3 { width: 100%; height: auto; bottom: 0; padding: 20px; text-align: center; line-height: normal; }
	
	/* FRONTPAGE: About us */
	#aboutus .aboutus_top { padding-top: 100px; padding-right: 30px; padding-left: 30px; }
	
	/* TITLE */
	#title h2 { font-size: 9vw; }
	#title.hasbgr { height: 250px; }
	
	/* CONTENT */
	#content { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
	#content h2 { font-size: 6vw; }
	
	/* THE PROJECT: Slider */
	#project_slider_wrapper { padding-bottom: 70px; }
	#project_slider_wrapper #project_slider, 
	#project_slider_wrapper #project_slider img { height: 400px; }

	/* THE PROJECT: Datas */
	#gallery ul li { width: 33.3333333333%; }
	
	/* PREV / NEXT PROJECT */
	#prev__next .next_post .thumbnail { width: 30%; }
	#prev__next .next_post .entry { width: 50%; padding: 0 30px; }
	#prev__next .next_post .entry a { font-size: 25px; }
	
	/* CONTENT */
	#content { }
	
	/* CONTENT: Contact */
	#container.contact #content { padding: 30px; }
	#container.contact #content #map_canvas { height: 300px; left: auto; top: auto; position: relative; }
	#container.contact #content #contact_box { width: 100%; right: auto; top: auto; position: relative; }
	
	/* FOOTER */
	footer { padding: 0 30px; }
}

@media only screen and (max-width: 480px) {
	
	/* DISPLAY: None */
	.hide_in_480 { display: none; }
	
	/* TITLE */
	#title h2 { font-size: 10vw; }
	#title.hasbgr { height: 200px; }
	
	/* CONTENT */
	#content h2 { font-size: 7vw; }
	
	/* THE PROJECT: Slider */
	#project_slider_wrapper #project_slider, 
	#project_slider_wrapper #project_slider img { height: 300px; }
	
	/* FILTER and WORKS */
	#works ul li { width: 100%; }
	#works ul li .entry { height: 50px; }
	
	/* PREV / NEXT PROJECT */
	#prev__next .next_post .entry { width: 50%; padding: 0 20px; }
	#prev__next .next_post .entry a { font-size: 20px; line-height: 20px; }
	
	/* FOOTER */
	footer { padding: 0; }
	footer .right { text-align: center; float: none; }
}