/*
Theme Name: Vízgáz Doktor
Theme URI: http://www.vizgazdoktor.hu/
Description: Vízgáz Doktor
Version: 1.0
Author: Ravasz Balázs
Author URI: http://www.grafikapatika.hu
Tags: vízszerelés, vízvezeték szerelés, gáz, gázszerelés, kazán, gázszivárgás
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext);
body {padding-top: 0px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}
h1, .h1 {font-size: 36px; color: #0058a1; font-weight: 700; text-transform: uppercase;}
h1.title {font-size: 16px; display:block; text-align:center;}
.title-vizszereles .page-title, .title-gazszereles .page-title, .title-dugulaselharitas .page-title, .title-futesszereles .page-title, .title-villanyszereles .page-title, .title-zarszereles .page-title, .title-blog .page-title, .title-kapcsolat .page-title {color:#FFF; text-align:center; font-size:48px; line-height:6em; text-shadow: 1px 1px 3px rgba(0,0,0,1), -1px -1px 3px rgba(0,0,0,1);}
h2, .h2 {font-size: 18px; color: #0058a1;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0;
}
.row {margin:0; padding:0;}
.float-left {float:left;}
.float-right {float:right;}
.padding-sidebar {padding-left:20px;}
.bg-white {background:#FFF;}
#oscitas-slider-1 ol.carousel-indicators {
	margin: 0;
	width: auto;
}

.title-vizszereles {background-image:url(images/vizszereles.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-gazszereles {background-image:url(images/gazszereles.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-dugulaselharitas {background-image:url(images/dugulaselharitas.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-futesszereles {background-image:url(images/futesszereles.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-villanyszereles {background-image:url(images/villanyszereles.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-zarszereles {background-image:url(images/zarszereles.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-kapcsolat {background-image:url(images/kapcsolat.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.title-blog {background-image:url(images/blog-szerelveny.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:300px;}
.navbar-default {
	background-color: #0058a1;
	border: none;
}

.navbar-default .navbar-nav>li>a {
	font-family: 'Oswald', sans-serif;
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 3em;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #9DD2FF;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #7FC3FC;
	background-color: #0058a1;
	border-top: 5px solid #7FC3FC;
	line-height: 2.5em;
}

.product-thumbpos img{
	width:374px;
	border:1px solid #c7c7c7;
}

/*Főoldali Dobozok*/

.box-height {
	height: 200px;
	background: #f7f7f7;
	box-sizing: border-box;
	position: relative;
	padding: 0;
	perspective:1000px;
	-webkit-transition: all 0.3s 0.03s ease, z-index 0s 0s linear;
}

.box-height:hover {
	z-index:1000;
}

.box-height.box-legtechnika:hover {
	background-size: 110%;
}
.box-height.box-klima:hover {
	background-size: 110%;
}
.box-height.box-futes:hover {
	background-size: 110%;
}
.box-height.box-szintszabalyozas:hover {
	background-size: 110%;
}
.box-height.box-rovarcsapda:hover {
	background-size: 110%;
}
.box-height:hover {
	background-size: 110%;
}

.box-height a {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.box-legtechnika {
	background: url(images/legtechnika.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	border: solid 1px #fff;
	border-left: 0;
}

.box-klima {
	background: url(images/klima3.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom right;
	border: solid 1px #fff;
	border-left: 0;
}
.box-futes {
	background: url(images/elektromos-futes.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top right;
	border: solid 1px #fff;
	border-left: 0;
	border-right:0;

}
.box-szintszabalyozas {
	background: url(images/szintszabalyozas.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	border-right: solid 1px #fff;
}
.box-rovarcsapda {
	background: url(images/rovarcsapda.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top right;
	border-right: solid 1px #fff;
}

.box-akciostermekek {
	background: url(images/brio-2000.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.box-legtechnika H2, .box-klima H2, .box-futes H2, .box-szintszabalyozas H2, .box-rovarcsapda H2, .box-akciostermekek H2 {
	color: #FFF;
	text-shadow: 2px 2px 0px rgba(0,3,116,0.97)
}

.kozossegiikonok {
	font-size: 50px;
	padding-right: 10px;
}


/* =Category Termékek listázása
----------------------------------------------------------------*/
#block {
	width: 100%;
	height: auto;
	clear: both;
	float: none;
}
#block-katalogus {
	width: 32%;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
	background:#F2F2F2;
}

.katalogus H1 {
	margin: 10px 0 10px 10px;
}

.katalogus H1 a {
	text-decoration:none;
}
.kataloguskep {
	background:#FFF;
	margin-left:10px;
	padding:4px;
	border:1px solid #ccc;
	display:block;
	width:277px;
	height:392px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
#kiskep {
	display: block;
	float: left;
}
#kiskep img {
	width: 100%;
	height: 100%;
	float: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 10px 0 0 0;
}
#block-tartalom {
	display: block;
	float: right;
	margin-left: 10px;
	width: 384px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #005480;
}
#block-tartalom H1 {
	font-size:18px;
	line-height:1.4em;
}

#block-tartalom a {
	text-decoration:none;
}

a.termekadatlap {
	background:#0058A1;
	display:block;
	width:208px;
	text-align:center;
	color:#FFF;
	margin-top:10px;
	line-height:2.5em;
	text-decoration:none;
	border-radius: 10px;
	font-weight:bold;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

a:hover.termekadatlap {
	background:#0272ce;
}

a.tovabbolvasom {
	background:#0058A1;
	display:block;
	width:287px;
	text-align:center;
	color:#FFF;
	margin: 10px;
	line-height:2.5em;
	text-decoration:none;
	border-radius: 10px;
	font-weight:bold;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

a:hover.tovabbolvasom {
	background:#0272ce;
}

div.textwidget img {
	border: 5px solid #DDD;
	margin-bottom:10px;
}

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}
  
#breadcrumbs .separator{
    color:#000;
}
.breadcrumbs {
	margin:0; padding:0 0 15px 0; border-bottom:1px solid #eee;
}

.nav-previous {width:49%; display:inline-block; float:left; font-weight:bold;}
.nav-next {width:49%; display:inline-block; float:right; font-weight:bold; text-align:right;}

#fb-root {
    display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

#likebox-wrapper * {
   width: 100% !important;
}

/*--------------------------------------------------------------------*/
/* border */
/*--------------------------------------------------------------------*/
.border-color {border-color:#666;}
.border-top {border-top:1px solid;}
.border-bottom {border-bottom:1px solid;}
.border-left {border-left:1px solid;}
.border-right {border-right:1px solid;}
/*--------------------------------------------------------------------*/
/* fejléc */
/*--------------------------------------------------------------------*/
.zold {color:#0C0;}
/*--------------------------------------------------------------------*/
/* címlap */
/*--------------------------------------------------------------------*/
.cimlap {background-image:url(images/vizvezetek-szereles.jpg); background-size:cover; background-position:center center; background-attachment:fixed; height:500px; display:block;}
div.cimlap H1 {text-align: center; color: #FFF; font-size: 48px; display: block; padding:74px 10px 0 10px; line-height: 70px; text-shadow: 2px 4px 7px rgba(0,0,0,1), -5px -5px 10px rgba(0,0,0,1), -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);}
div.cimlap H2 {text-align: center; color: #FFF; font-size: 40px; display: block; text-shadow:2px 2px 0px rgba(0,0,0,1), -2px -2px 0px rgba(0,0,0,1);}
div.cimlap H3 {text-align: center; color: #FFF; font-size: 32px; display: block; line-height:50px; text-shadow: 2px 2px 7px rgba(0,0,0,1), -2px -2px 5px rgba(0,0,0,1);}
div.cimlap-block {height:300px; vertical-align:middle;}
div.cimlap-block h2 {text-align:center; color:#FFF;margin-top: 20%; text-shadow: 2px 2px 3px rgba(0,0,0,1),-2px 2px 1px rgba(0,0,0,1),-2px -2px 1px rgba(0,0,0,1),2px -2px 2px rgba(0,0,0,1);font-size: 40px;}
div.cimlap-block p {padding:0 10px; color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,1),-1px 1px 1px rgba(0,0,0,1),-1px -1px 1px rgba(0,0,0,1),1px -1px 1px rgba(0,0,0,1);}
div.cimlapdobozok a {color:#fff;}
div.cimlapdobozok a:hover {color:#fff;}
.block-vizszereles {background-image:url(images/vizszereles-cimlap.jpg); background-size:cover; background-position:center center;}
.block-gazszereles {background-image:url(images/gazszereles-cimlap.jpg); background-size:cover; background-position:center center;}
.block-dugulaselharitas {background-image:url(images/dugulaselharitas-cimlap.jpg); background-size:cover; background-position:center center;}
.block-futesszereles {background-image:url(images/futesszereles-cimlap.jpg); background-size:cover; background-position:center center;}
.block-villanyszereles {background-image:url(images/villanyszereles-cimlap.jpg); background-size:cover; background-position:center center;}
.block-zarszereles {background-image:url(images/zarszereles-cimlap.jpg); background-size:cover; background-position:center center;}
.telszam {background:#0C0; padding:2px 10px; border-radius:5px;}

/*--------------------------------------------------------------------*/
/* oldalak */
/*--------------------------------------------------------------------*/
div #content h3 {line-height:32px}


/*--------------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.padding-sidebar {padding-left:0px;}
h1, .h1 {
  font-size: 26px;
  color: #0058a1;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 32px;
}
div.cimlap H1, div.cimlap H2, div.cimlap H3 {
  font-size: 16px;
  padding: 10px 10px 0 10px;
  line-height:24px;
}

.cimlap {height: 260px;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
h1.title {font-size:20px; line-height:1.4em;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
h1.title {font-size:23px;}
.navbar-default .navbar-nav>li>a {font-size: 18px; line-height: 3em;}
.nav > li > a {padding: 4px 11px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
h1.title {font-size:17px;}
.navbar-default .navbar-nav>li>a {font-size: 13px; line-height: 3em;}
.nav > li > a {padding: 4px 8px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
h1, .h1 {
  font-size: 36px;
  color: #0058a1;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 50px;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
h1, .h1 {
  font-size: 36px;
  color: #0058a1;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 50px;
}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}