/* Google Fonts */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic&subset=latin,latin-ext);

/* CSS by zabart.com */

body {margin: 0 0 0 0; padding: 0 0 0 0;}

/* header */

#header {width: 100%; max-width: 1036px; height: auto; overflow: hidden; margin: 0 auto;} 
.top {position:relative; }
.logo {display: block; height: 79px; margin: 20px 0px; background:url(../images/logo.png) center no-repeat;}

/* slider */
#slider {position: relative; height: auto; overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto;}
.flex-direction-nav a {background:url(../images/arrow-slider.png) 0 0 no-repeat; width: 23px; height: 38px;}
.flex-direction-nav .flex-next {background-position: 100% 0px;}
.flex-control-nav {z-index: 97; bottom: 20px;}
.flex-control-paging li .flex-active, .flex-control-paging li .flex-active:hover {background: rgba(255, 255, 255, 0.9);}
.flex-control-paging li a {width: 14px; height: 14px; background: none; box-shadow: none; border: 1px solid #FFFFFF;}
.flex-control-paging li a:hover {background: #69B3D7;}
.flexslider {min-height: 585px;}
.sub .flexslider, .sub .flexslider .flex-viewport {max-height: 400px; min-height: 400px;}

.topmenu {height:37px; margin: 0 auto; width: 100%; padding: 0 0 0 0; position: absolute; top: 0px; left: 0px; z-index: 99;}
.topmenu .moduletable_menu {width: 1036px; height:37px; background: #A3238F; margin: 0px auto; padding: 0 0;}
.topmenu .nav, .topmenu .nav li {margin: 0 0; padding: 0 0; list-style: none;}
.topmenu .nav li {display: block; float: left; width: 148px;}
.topmenu .nav li a {color:#FFFFFF; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 16px; text-transform:uppercase; font-weight: 600; text-decoration: none; display: block; line-height: 37px; text-align: center; border-right: 1px solid #B44CA4;}
.topmenu .nav li a:hover {background: #B44CA4;}
.topmenu .nav li.active a, .topmenu .nav li.active a:hover {background: #921F80;}

.topmenu .specialbox {background: #B44CA4; color: #ffffff; padding: 20px 30px;}
.topmenu .specialbox .moduletable .custom {color: #ffffff; font-size: 14px; line-height: 130%;}

.top-info {
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 99;
	width: 240px;
	text-align: right;
	color: #989898;
	font-size: 12px;
	font-weight: 300;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
}

.top-info .moduletable .custom > p {font-weight: 300; font-size: 14px;}

.top-info .moduletable .custom > p+p {background: url(../images/toptel.png) left center no-repeat; padding-left: 10px; }

.top-info .moduletable .custom > p+p span {color: #2C378B; font-size: 16px; font-weight: 600;}

.contentbox {
	background: #F8F4F8;
	padding: 37px 0 37px 0; 
	height: auto; 
	overflow: hidden; 
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
	color: #6B675F; 
	font-size: 18px;
}

.contentbox .item-page .page-header h2[itemprop="name"], .contentbox .contact .page-header h2,
.contentbox .item-page div[itemprop="articleBody"] h2, .contentbox .item-page div[itemprop="articleBody"] h3 {font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #273791; font-size: 28px; font-weight: 500; }
.contentbox .item-page div[itemprop="articleBody"] h3 {font-size: 18px; color: #A3238F;}
.contentbox .item-page .page-header h2[itemprop="name"] a {color: #273791; text-decoration: none;}

.contentbox .item-page div[itemprop="articleBody"], .contentbox .item-page .page-header,
.contentbox .blog, .contentbox .category-list, .contentbox .contact, .contentbox .contact .page-header
 {width: 100%; max-width: 1036px; margin: 0 auto;}

.contentbox .item-page div[itemprop="articleBody"] .white {background: #FFFFFF;} 
 
.contentbox .item-page div[itemprop="articleBody"] .cols {height: auto; overflow: hidden; padding: 30px;}
.contentbox .item-page div[itemprop="articleBody"] .col-1, 
.contentbox .item-page div[itemprop="articleBody"] .col-2 {width: 48%;	}
.contentbox .item-page div[itemprop="articleBody"] .col-1 {float: left;}
.contentbox .item-page div[itemprop="articleBody"] .col-2 {float: right;}

table.mtGallery {margin: 0 auto;}

.contentbox .page-header h1, .content-category h1, .contentbox .contact h1,
.items-row .span4 h2[itemprop="name"], .contentbox .page-header h2, .blog > h2,
.contact > h3 {font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #273791; font-size: 36px; font-weight: 500; }

.contentbox .page-header h2, .blog > h2, .contact > h3 {color: #A3238F; font-size: 26px;}

.items-row {width: 100%; height: auto; overflow: hidden; padding: 1px 1px; margin: 0 0 20px;}
.items-row .span4 {
	background: #FFFFFF;
	width: 31.3333%;
	max-width: 284px;
	height: 254px;
	max-height: 254px;
	overflow: hidden;
	float: left;
	margin: 0 3% 1%; 
	position: relative;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29);
	border-top: 1px solid #f1f1f1;
	padding: 60px 20px 0px;
}
.items-row .span4:first-child, .items-row .span4:last-child {margin: 0 0 0 0;}

.items-row .span4 .item-image, .items-row .span4 .img-intro-left {
	visibility: visible; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 98; 
	opacity: 1; 
	transition: visibility 0.3s, opacity 0.5s linear;
	border: none;
}
.items-row .span4 .img-intro-left a img {border: none!important;}
.items-row .span4:hover .item-image, 
.items-row .span4:hover .img-intro-left {visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear;}

.items-row .span4 h2[itemprop="name"], .items-row .span4 h2[itemprop="name"] a {font-size: 16px; font-weight: 700; color: #273791; text-decoration: none;}
.items-row .span4 h2[itemprop="name"] {padding: 20px; display: block; z-index: 99; margin: 0 0 0 0; position: absolute; bottom: 10px; left: 0px;}
.items-row .span4:hover h2[itemprop="name"] {top: 0px; left: 0px;}

.items-row .span4 {font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #717171; font-size: 14px; font-weight: 400;}

.items-row .span4 p.readmore {display: none;}
.items-row .span4:hover p.readmore {display: block; bottom: 20px; left: 0px; text-align: center; position: absolute; z-index: 99; width: 100%; color: #921F80;}
.items-row .span4:hover p.readmore a {display: block; text-align: center; text-decoration: none; color: #921F80; text-transform: uppercase; font-weight: 600;}

/* porady */
.list-title a {color: #921F80;}


/* NAVI */	
.navibox {position: absolute; bottom: 56px; z-index: 96; width: 100%;}
.navibox .inbox {width: 1036px; margin: 0 auto;} 
.navibox .moduletable {width: 190px; height: 120px; float: left; display: block; margin: 0 8px 0 0; background: rgba(255, 255, 255, 0.8); padding: 15px 30px 15px 120px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29);}
.navibox .moduletable:last-child {margin: 0 0 0 0;}
.moduletable h3 {font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #232F87; font-size: 16px; font-weight: 900; text-transform: uppercase;}
.navibox .moduletable h3 {margin: 17px 0px 12px;}
.moduletable .custom {font-family: 'Source Sans Pro', sans-serif; color: #717171; font-size: 16px; font-weight: 400;}
.moduletable .custom p {margin: 0 0 0 0; font-size: 12px;}
.navibox .moduletable.b1 {background: rgba(255, 255, 255, 0.8) url(../images/b1.png) 13px 28px no-repeat;}
.navibox .moduletable.b2 {background: rgba(255, 255, 255, 0.8) url(../images/b2.png) 13px 28px no-repeat;}
.navibox .moduletable.b3 {background: rgba(255, 255, 255, 0.8) url(../images/b3.png) 13px 28px no-repeat;}

h2.namesection {font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #232F87; font-size: 36px; font-weight: 500; text-align: center;}

#bottom {width: 100%; max-width: 1036px; margin: 0 auto; overflow: hidden;}
#bottom .namesection {display: block; width: 100%; float: left;}
#bottom .custom a {display: block; background: rgba(91, 167, 209, 0.8); padding: 10px 0px; text-align: center; width: 157px; margin: 0 auto; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: 800; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
#bottom .custom a:hover {background: rgba(91, 167, 209, 1);}
#bottom h3 {font-size: 38px; margin-bottom: 15px; color: #FFFFFF; font-weight: 800; text-transform: none; text-shadow: 1px 1px #4F2843;}

#bottom .left {float: left; width: 512px;}
#bottom .moduletable {margin: 0 0 15px 0;}
#bottom .moduletable.team {background: url(../images/team.jpg); height: 228px; padding: 70px 25px 25px;  background-size: cover; text-align: center; font-family: 'Raleway', Arial, Helvetica, sans-serif;}
#bottom .moduletable.testimonials {background: #F8EFF3; padding: 15px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;}
#bottom .custom.testimonials {background: url(../images/cytat.png) top right no-repeat; min-height: 133px;}
#bottom .moduletable.testimonials p {font-size: 16px; color: #717171; font-style: italic;}
#bottom .moduletable.testimonials p strong {display: block; margin-bottom: 15px; color: #A3238F; font-style: normal; font-family: 'Raleway', Arial, Helvetica, sans-serif;}

#bottom .right {float: right; width: 504px; height: auto; overflow: hidden;}
#bottom .right .moduletable {float: left;}
#bottom .porady {width: 269px; }
#bottom .moduletable.porady {background: url(../images/bottom-box.jpg) 0 0 no-repeat; height: 53px; margin: 0 15px 15px 0px; padding: 110px 0 0 0;}
#bottom .galeria {width: 220px; }
#bottom .moduletable.galeria {background: url(../images/bottom-box.jpg) top right no-repeat; height: 53px; padding: 110px 0 0 0;}
#bottom .moduletable.gabinet {width: 504px; background: url(../images/fotel.jpg); }
#bottom .galeria a, #bottom .gabinet a { background: rgba(162, 35, 142, 0.8);}
#bottom .galeria a:hover, #bottom .gabinet a:hover { background: rgba(162, 35, 142, 1);}

#contact {position: relative; }
span.tri {width: 100%; height: 35px; background: url(../images/tri.png) bottom center no-repeat; position: absolute; bottom: 430px; z-index: 99;}
#contact .contact-box {position: absolute; bottom: 48px; left: 0px; width:100%;}
#contact .contact-box .inbox {width: 1036px; height: 360px; margin: 0 auto; overflow:hidden;}
#contact .contact-box .inbox .in {width: 330px; height: 360px; background: #A3238F; float: left;}
#contact .contact-box .moduletable {height: 120px; overflow: hidden; padding: 30px;}
#contact .contact-box .moduletable.topbox {background:  #FFFFFF url(../images/logo.png) 30px 30px no-repeat; height: 30px; background-size: 189px 64px; padding: 120px 30px 30px 30px;} 
#contact .contact-box .moduletable.bottombox {padding: 20px 30px; height: 140px;}
#contact .contact-box .custom.bottombox {color: #FFFFFF!important;}
#contact .contact-box .moduletable .custom.bottombox p {display: block; height: auto; overflow: hidden;}
#contact .contact-box .moduletable .custom.bottombox span {display: block;}
#contact .contact-box .moduletable .custom.bottombox span.r, #contact .contact-box .moduletable .custom.bottombox span.d {float: left; width: 30%; text-align: left;}
#contact .contact-box .moduletable .custom.bottombox span.tel {font-size: 28px; float: right; width: 66%; text-align: right; background: url(../images/tel.png) left center no-repeat;} 
#contact .contact-box .moduletable .custom.bottombox span.d {width: 65%;}
#contact .contact-box .moduletable .custom.bottombox span.h {float: right; width: 35%; text-align: right;}

.contact fieldset {border: 1px solid #dddddd; border-radius: 5px; radius: 5px; font-family: 'Raleway', Arial, Helvetica, sans-serif; }
.contact fieldset .control-group {margin: 20px 0px;}

button.btn {border: 1px solid #A3238F; background: #A3238F; color: #ffffff; border-radius: 5px; radius: 5px; padding: 10px 20px; margin: 20px 0 0 0;}
button.btn:hover, button.btn:active { cursor: pointer;}

.popover.right {margin-left: 10px;}
.fade.in {opacity: 1;}
.popover {
    font-family: 'Raleway', Arial, Helvetica, sans-serif; 
	 position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0;
}
.popover .arrow {border-width: 11px;}
.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.popover-content {padding: 9px 14px;}

#footer {text-align:center; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #717171; font-size: 14px; font-weight: 400; }
#footer a {color: #181357; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.komunikat {background: #ffffff; margin: 10px 50px; padding: 15px;}
.komunikat .custom p {
    margin: 7px 0;
    font-size: 14px;
}