@import url('https://fonts.googleapis.com/css?family=Open+Sans');

#works button,
.btn,
h1 {
    text-transform: uppercase
}


a {
    color: #00a9c6;
    text-decoration: none
}

a:hover,
body {
    color: #000;
}

.btn,
.btn:hover,
a,
a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: 0!important
}

h1,
h2,
h3,
h4 {
    line-height: 1em
}

h2,
h4 {
    margin: 0
}

h1 {
    font: 700 2.5em 'Open Sans', Arial, Helvetica;
    margin: 4em 0 0
}

h2 {
    font: 500 2.5em 'Open Sans', Arial, Helvetica;
    margin-bottom: .5em;
    margin-top: 2em
}

h3 {
    font: 300 2em 'Open Sans', Arial, Helvetica;
    margin: 1em 0
}

h4 {
    font: 300 1.5em 'Open Sans', Arial, Helvetica;
    margin-bottom: 1em
}

h4 i {
    margin-right: .5em
}

p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    font: 'Open Sans', sans-serif;
	color: #000;
}

.phonenumber {
    margin-top: -1.5em
}

.rowleft {
    float: left;
    width: 33%
}

.btn-primary,
.caption-wrapper,
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.team figure,
.team img,
.topbar {
    width: 100%
}

.order_num {
    color: #2db1fc;
    font-weight: 700
}

.spacer {
    padding: 2em 0
}

.help_checkbox {
    margin-top: 6%
}

.btn {
    border: 0;
    border-radius: 0;
    padding: 1em 4em;
    background: rgba(0, 0, 0, .5)
}

.btn:active,
.btn:hover {
    color: #fff
}

.btn-default {
    color: #ccc;
    border: 1px solid #aaa
}

.btn-default:active,
.btn-default:hover {
    background: rgba(0, 0, 0, .8)
}

.btn-primary {
    color: #fff;
    background: #00a9c6;
    outline: 0
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background: #1bc0dc;
    box-shadow: none
}

.topbar {
    background: url(../images/lines.png);
    height: 5px;
    position: fixed;
    top: 0;
    z-index: 1000
}

.navbar-nav>li>a {
    font-size: 1.3em;
    line-height: 1.5em
}

.navbar-fixed-top {
    top: 5px
}

.navbar-inverse {
    background: #111
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: 0 0;
    color: #21abca;
    z-index: 999
}

#head,
.carousel {
    margin-top: 0
}

#home {
    padding-top: 6em
}

.carousel-caption {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0
}

.caption-wrapper {
    display: table;
    height: 100%
}

.caption-info {
    display: table-cell;
    vertical-align: middle
}

.caption-info p {
    font-size: 1.25em
}

.caption-info .btn i {
    margin-right: .75em
}

.carousel-control {
    z-index: 1000
}

.process-article {
    display: block;
    margin: 0 auto;
    max-width: 1366px;
    padding: 16px 7.5%
}

#blog-content-img{
	-webkit-box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.71);
	-moz-box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.71);
	box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.71);
}

#blog-content-img,
.thumb {
    max-width: 600px
}

.about.spacer {
    padding-left: 4em;
    padding-right: 4em
}

.process ul li {
    padding: 0;
    margin: 0 1.25em;
    line-height: 2em
}

.process ul li span {
    line-height: 2em;
    display: inline-block;
    font-weight: 300
}

.process ul li span i {
    font-size: 3em
}

.process ul li span b {
    display: block;
    font-size: 1em;
    font-weight: 300
}

.partners img {
    float: left;
    margin: 0 75px 30px 0
}

.testimonails {
    min-height: 195px
}

.testimonails img {
    margin-top: 5px
}

.testimonails span {
    color: #888
}

.testimonails span b {
    font-weight: 400
}

.carousel-indicators li {
    border: 1px solid #2bb2e3
}

.carousel-indicators {
    bottom: 0
}

#works {
    padding-top: 7.7em
}

#works figcaption a,
#works figcaption button {
    border: 1px solid #fff;
    margin-top: .3em;
    display: inline-block;
    color: #fff;
    padding: .3em
}

#works figcaption a:hover,
#works figcaption button:hover {
    text-decoration: none;
    padding: 0 3em
}

.team b {
    font-size: 1.2em;
    display: block
}

.team a i.fa {
    color: #fff;
    font-size: 2em
}

.team a i.fa:hover {
    color: #21abca
}

.highlight-info {
    background: url(../images/vaszonkep_keszites.jpg) center fixed;
    background-size: cover;
    color: #fff;
    height: 5em
}

.highlight-info .overlay {
    background: rgba(33, 171, 202, .5)
}

.highlight-info h4 {
    color: #fff;
    margin: .5em 0 0
}

.h2sub {
    font-size: 1.5em;
    margin-top: 0
}

.first_menu,
.last_menu {
    margin-top: -14px
}

#contact h2 {
    margin-top: 1.3em
}

#logregform input[type=password],
#logregform input[type=text],
.contactform input,
.contactform textarea,
.contactformcalc input {
    width: 100%;
    padding: 1em;
    border: 1px solid #ccc;
    margin-bottom: 1em;
    border-radius: 0;
    outline: 0
}

#contactform-header{
	display: block; margin-left: auto; margin-right: auto; text-align: center;
}

.contactformcalc input {
    width: 40%
}

.footer {
    background-color: #111;
    font-size: 1em;
    color: #aaa
}

.footer a {
    color: #aaa;
    margin: 0 1em
}

.fixed_sum,
.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, .5);
    padding: 10px;
    color: #fff;
}

.gototop {
  display: none;
  opacity: 0;
  width: 27px;
  height: 27px;
  box-sizing: content-box;
}

.gototop i {
    line-height: .5em;
}

.fixed_sum {
    right: 80px;
    padding: 12px 10px 0;
    height: 48px;
    width: 220px;
    border: 5px solid #2db1fc;
	display: none;
}

@media (max-width:1200px) {
    body {
        font: 300 13px/13px Roboto, Arial, Helvetica
    }
    .navbar-brand {
        padding-top: 11px
    }
    .process ul li {
        margin: 0 .5em
    }
    .grid figure h2 {
        font: 700 1.5em Roboto, Arial, Helvetica
    }
    figure.effect-oscar figcaption {
        padding: 12%
    }
    figure.effect-chico figcaption::before,
    figure.effect-oscar figcaption::before {
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px
    }
    .partners img {
        margin: 0 25px 25px 0
    }
}

@media (max-width:900px) {
    h1 {
        font: 700 3.5em Roboto, Arial, Helvetica
    }
    h4 {
        font: 300 1.3em Roboto, Arial, Helvetica
    }
    .btn {
        padding: 1em 2em
    }
    .partners img {
        margin: 0 15px 25px 0;
        width: 157px
    }
    .process ul li {
        width: 9em;
        height: 9em
    }
    figure.effect-chico figcaption {
        padding: 2em
    }
    figure.effect-oscar figcaption {
        padding: 20%
    }
    figure.effect-chico figcaption::before {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px
    }
    .grid figure.effect-chico p {
        font-size: .6em;
        line-height: 1.5em
    }
}

@media (max-width:767px) {
    body {
        font: 300 12px/12px Roboto, Arial, Helvetica
    }
    .navbar-nav>li>a {
        line-height: 1em
    }
    .navbar-brand {
        padding: 7px
    }
    .navbar-brand img {
        height: 37px
    }
    .navbar-toggle {
        margin-top: 12px
    }
    .carousel-caption,
    .carousel-control,
    .carousel-indicators {
        display: none
    }
    h2.text-center {
        text-align: center;
        font-size: 1.7em
    }
    h4 {
        font: 300 1.2em Roboto, Arial, Helvetica
    }
    #partners h2 {
        padding: 0 1em
    }
    #works {
        padding-top: 5em
    }
    .partners {
        display: block;
        float: left
    }
    .partners img {
        width: 120px
    }
    .about.spacer {
        padding-left: 2em;
        padding-right: 2em
    }
    .spacer {
        padding: 2em 0 0
    }
    .process ul li {
        margin-bottom: 1em
    }
    .footer,
    .highlight-info .overlay {
        padding-bottom: 2em
    }
    .grid.team div {
        margin: 0;
        padding: 0
    }
    figure.effect-chico figcaption {
        padding: 1.5em
    }
    .footer {
        margin-top: 2em
    }
}

#product-box {
    margin: 3% 8%;
    padding: 0
}

#product {
    border: 3px solid #06a9cc;
    width: 31%;
    float: left;
    margin: 1%
}

#product-image {
    margin: 15px
}

#product h3 {
    font-weight: 500;
    margin: 0 0 5%;
    width: 100%;
    text-align: center
}

#product ul {
    margin: 0 5%;
    padding: 0
}

#product ul li.text {
    list-style-type: none;
    font-size: 18px;
    margin: 0 5%;
    float: left
}

#product ul li.data {
    list-style-type: none;
    font-size: 18px;
    margin-bottom: 5%;
    margin-left: 52%
}

#works button {
    background: 0 0;
    transition: all .3s ease-in-out;
    outline: 0!important
}

#mainmenu h2 {
    margin-top: 15%;
    font-size: 2.3em
}

.thumb img {
    width: 100%
}

#cart-icon,
.cart-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(../images/cart.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: default
}

#cart-icon-m:after,
#cart-icon:after {
    font-size: 26px;
    font-weight: 700;
    font-family: Arial;
    color: #f99;
    position: absolute;
    bottom: -8px;
    right: -4px;
    background-color: #fff;
    border: 1px dashed #999;
    padding: 6px 2px;
    text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 1px 1px 0 red;
    content: "";
    display: none
}

#cart-icon:hover,
.cart-icon:hover {
    background-image: url(../images/cart_hover.png);
    cursor: pointer
}

#cart-icon-m {
    position: relative;
    top: 24px
}

@media (max-width:960px) {
    #cart-icon-m {
        display: block;
        position: absolute;
        left: calc(100% - 64px)
    }
}

.thinking {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px
}

.thinking img { max-width: 90vw; }

.thinking2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-evenly;
    line-height: 1.5em
}

@media (max-width:800px) {
    .thinking {
        align-items: left;
        flex-direction: column
    }
    .thinking2 {
        margin-bottom: 24px
    }
}

#thanksmesssage {
    font: 500 2em 'Open Sans', Arial, Helvetica
	}

.cart-h2{
	margin-bottom: 0px;
	margin-top: 0px;
	}

#rendeles-belso td{
	vertical-align: top;
}

.fallbackright{
	float: right;
}

#threesteps table{
	margin: 0px auto;
}
#threesteps p{
	text-align: center;
}

#text-center{
	text-align: center;
}

.process-article h1{
	margin: 2em 0 0 0;
}


#canvas-gallery-header{
	margin: 2em 0 0 0;
}

#who-are-we{
	display: flex; justify-content: center;
}

#opening-hours{
	font-size: 12px;
}

.photo-icon-uploader{
	margin-top: -16px; margin-left: 40%; margin-left: calc(50% - 45px); pointer-events: none;
}

#blog-inspiration-thumb-img{
	box-shadow: 10px 10px 20px -6px rgba(0,0,0,0.71);
}