* { box-sizing: border-box; }
body, a, p,h1,h2,h3,h4 { font-family: 'Dosis', Arial, sans-serif !important; font-weight: 400; color: #000; }
a:hover { text-decoration: underline !important; }
strong { font-weight: 700; }
h1,h2 { font-weight: 200; font-size: 3.5em; margin: 20px 0 30px 0; padding: 0; }
h2 { font-size: 2em; }

#nav-bar { background: #FFF; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
#main-nav a { font-size: 20px; color: #000; text-transform: uppercase; position: relative; margin: 0 10px; }
#main-nav a:hover { color: #88e5cd; text-decoration: none !important; }
#main-nav .current_page_item a { color: #000; }

#main-nav li:nth-child(1),#main-nav li:nth-child(2) { float: left; text-transform: none; }
#main-nav li:nth-child(1) a,#main-nav li:nth-child(2) a { text-transform: none; }
#main-nav li:nth-child(1) a:before,
#main-nav li:nth-child(2) a:before,
#main-nav li:nth-child(3) a:before { display: none; }

.masaz,.cennik,.o-mnie,.kontakt { padding: 30px 0; }

.masaz {
background: #c3f2e6; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #c3f2e6 0%, #88e5cd 70%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c3f2e6), color-stop(70%,#88e5cd)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #c3f2e6 0%,#88e5cd 70%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #c3f2e6 0%,#88e5cd 70%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #c3f2e6 0%,#88e5cd 70%); /* IE10+ */
background: radial-gradient(ellipse at center,  #c3f2e6 0%,#88e5cd 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3f2e6', endColorstr='#88e5cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.massage-quote p { font-size: 3.5em; font-weight: 200; line-height: 0.65em; text-align: center; color: #000; }
.massage-quote p small { font-size: 0.35em; font-weight: 400; }

.masaz .ui.module-tab { text-align: center; }
.masaz .ui.module-tab ul.tab-nav { margin: 0; padding: 0;  }
.masaz .ui.module-tab ul.tab-nav li {  margin: 0; padding: 0; background: #000; text-align: center; border: 0; transition: all 0.5s; position: relative; }
.masaz .ui.module-tab ul.tab-nav li a { color: #FFF; }
.masaz .ui.module-tab ul.tab-nav li:hover,
.masaz .ui.module-tab ul.tab-nav li.current { background: #FFF; cursor: pointer !important; }
.masaz .ui.module-tab ul.tab-nav li:hover a,
.masaz .ui.module-tab ul.tab-nav li.current a { color: #000;   }
.masaz .ui.module-tab ul.tab-nav li a:hover { text-decoration: none !important; }
#tab-tab-2353-0-0-2-2353-0 { display: none; }
.masaz .ui.module-tab.minimal .tab-content { border: 0; text-align: left; padding-top: 4em; }

.massage-questions { text-align: center; padding-top: 5%; }
.massage-questions ul li { list-style-type: none; text-align: left; }
.massage-questions ul li a { position: relative; display: block; color: #000; text-decoration: none; padding: 5px 0 5px 45px; }
.massage-questions ul li a:before { width: 27px; height: 27px; background: #FFF; border-radius: 50%; vertical-align: middle; display: inline-block; color: #000; text-align: center; font-weight: bold; font-size: 20px; line-height: 27px; position: absolute; left: 0; top: 1px; }
.massage-questions ul li#jak-dziala a:before { content: '?'; }
.massage-questions ul li#przeciwwskazania a:before { content: '!'; }
.massage-questions ul li#przebieg-wizyty a:before { content: ''; background: #FFF url('images/przebieg-wizyty.png') 50% 50% no-repeat; background-size: 100% 100%; }

.widget_text .massage-questions { padding: 15px 30px; background: #88e5cd; }
.widget_text .massage-questions ul li { display: block; margin: 0; padding: 15px 0; text-align: left; border-color: rgba(255,255,255,0.5); }
.massage-questions ul li a:before { border: 1px solid #88e5cd; }


.cennik { color: #FFF;  }
.cennik h1 { text-align: center; color: #FFF;  }
table.prices { width: 95%; border-collapse: collapse; }
table.prices th { color: #88e5cd; text-align: left; }
table.prices td { border-bottom: 1px solid #323232; color: #808080; text-align: center; padding: 4px 0; }
table.prices td:last-child { text-align: right; }
table.prices td.name { color: #FFF; text-align: left; }
table.prices td.break { height: 50px; border: 0; }
table.prices td.legend { color: #88e5cd; text-align: left; border: 0;  }
.cennik p { color: #808080; }

/*GIFTY*/
.sub_row_1-0-3 { text-align: center; padding-top: 7%; } 
.sub_row_1-0-3 img { margin-bottom: 10px; }
.sub_row_1-0-3 p { margin: 0; color: #88e5cd;  }

.o-mnie .themify_builder_slider_wrap { min-height: 200px;  }
.o-mnie .themify_builder_slider { border-left: 1px solid rgba(0,0,0,0.5); }
.o-mnie .themify_builder_slider > li { text-align: left; }
.o-mnie .themify_builder_slider p { margin: 0; }
.o-mnie .themify_builder_slider em { font-size: 0.9em; margin-top: 10px; display: block; }
.o-mnie .module-slider .carousel-nav-wrap { text-align: right; }
.o-mnie .module-slider .carousel-pager a { border: 0; background: #FFF; }
.o-mnie .module-slider .carousel-pager a.selected { background: #000; }


.kontakt p { font-weight: 200; font-size: 3.5em; line-height: 1.5em; color: #88e5cd; }
.kontakt a { color: #88e5cd; font-weight: 200; text-decoration: none !important; }


.text-2353-4-0-1 p { text-align: right; color: #FFF; margin: 0; padding: 15px 0;}
.text-2353-4-0-1 a { color: #FFF; }

.social-widget { display: none; }

@media (max-width: 760px) {
	#menu-icon { background: #88e5cd; height: auto; padding: 10px 20px; }
	#pagewrap #main-nav { width: 280px; margin-left: -140px; }
	.themify_builder_row { padding-right: 20px; padding-left: 20px; }
	h1,h2,.massage-quote p, .kontakt p { font-size: 2.0em; }
	.masaz .ui.module-tab ul.tab-nav li { margin: 0 1px 2px 0; border-radius: 5px;  }
	
}
@media (min-width: 761px) {
	#site-logo { position: relative; }
	#site-logo a { margin-bottom: -100px; }
	#main-nav { text-align: right; }
	#main-nav a:before { content:''; width: 1px; height: 18px; display: inline-block; background: url('images/sprite.png') 0 0 no-repeat; position: absolute; left: -11px; top: 28px; }
	.masaz .ui.module-tab ul { }
	.masaz .ui.module-tab ul.tab-nav li { width: 14%; margin: 0 1%; border-radius: 50%; vertical-align: middle; } 
	.masaz .ui.module-tab ul.tab-nav li a { display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-align: center; padding: 0 10px; font-size: 13px; font-weight: 700; height: 100px; }
	.masaz .ui.module-tab ul.tab-nav li.current:before { content:''; width: 17px; height: 9px; background: url('images/sprite.png') -1px 0 no-repeat; display: block; position: absolute;  bottom: 10px; left: 50%; margin-left: -9px; }
	.masaz,.cennik,.o-mnie,.kontakt { padding: 40px 0; }
	.massage-questions ul li { display: inline-block; margin: 0 30px; }

	h1,h2,.massage-quote p, .kontakt p { font-size: 2.5em; }
}

@media (min-width: 761px) and (max-width: 1199px) {
	.page-content .row_inner_wrapper { padding: 0 20px; }
}
@media (max-width:1199px) {
	.module_row_2 .col4-2 { width: 70%; } /* Omnie poszerzam zeby zdjecia mialo proporcje */
	.themify_builder_content-2353 > .module_row_2.module_row { background-position: 100% 100% !important; }
}
@media (min-width: 1000px) {
	.masaz .ui.module-tab ul.tab-nav li a { font-size: 17px; font-weight: 400; }
}

@media (min-width: 1200px) {
	.masaz,.cennik,.o-mnie,.kontakt { padding: 80px 0; }
	#main-nav a { margin: 0 20px; font-size: 25px;  }
	#main-nav a:before {  left: -21px; }
	.masaz .ui.module-tab ul.tab-nav li a { font-size: 20px; font-weight: 400; }
	.pagewidth,.full_width .themify_builder_row .row_inner { width: 1200px; }
	#content { width: 750px; }
	#sidebar { width: 350px; }
	.kontakt { min-height: 650px;  }
}

/* green 88e5cd */

.galleryid-2353 .gallery-item img { max-width: 100% !important; width: auto !important; }
.galleryid-2353 .gallery-item { float: none !important; }
@media (max-width: 600px) {
	.sub_row_1-0-3 .col3-1 { margin-bottom: 40px; }
}
@media (max-width: 760px) {
	#gallery-controller .carousel-nav-wrap a { top: 60%; }
	.themify_builder_content-2353 > .module_row_2.module_row { position: relative; background-position: 80% 0 !important; }
	.themify_builder_content-2353 > .module_row_2:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.65) }

	.themify_builder_content-2353 > .module_row_3.module_row { position: relative; }
	.themify_builder_content-2353 > .module_row_3:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); }
	.themify_builder_content-2353 > .module_row_3.module_row .col-full { position: relative; z-index: 1;  }
}

