/*
Theme Name: Paramedisch Centrum ALbergen
Theme URI: http://www.vision2web.eu
Author: Vision 2 Web
Author URI: http://www.vision2web.eu
Description: Custom Thema voor Paramedisch Centrum Albergen
Version: 1.0
Tags: Custom
Text Domain:  pmca

*/

/*font styles */
h1,h2,h3,h4{font-family: 'Source Sans Pro', sans-serif; color:#003b79;}

/*general styles */

body{overflow-x:hidden; font-size:15px; color:#666; line-height:1.7; font-family: 'Open Sans', sans-serif;}
p{margin: 0 0 20px;}
.margetop45{margin-top:45px;}
.nopadding{padding:0;}
.floatleft{float:left;}
.floatright{float:right;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.nopaddingleft{padding-left:0;}
a, a:hover, a:focus{outline:0;}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
.col-custom-17{width: 17%;float: left;}
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-60,
.col-sm-60,
.col-md-60,
.col-lg-60 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-60 {width: 60%;float: left;}
.col-xs-25 {width: 40%;float: left;}
.navbar-collapse{}

/*search */
.searchwrapper{
    position:absolute;
    right:150px;
    top:107px;
    background-color:#b8b8b8;
    display:none;
    z-index:999;
    padding:10px;
}
.affix .searchwrapper{
    top:59px;
}
a.searchbutton{cursor:pointer;}
.searchForm{
	height: 26px;
	width: 180px;
	display: inline-block;
}
.searchForm input{
	height: 26px;
	width: 180px;
	line-height: 26px;
	font-size: 11px;
	color: #031134;
	background-color: #d2d2d2;
	border: 1px solid #fff;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #031134;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #031134;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #031134;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #031134;
}

a{font-weight:400; color:#666;/*fff;*/ text-decoration:none;}
a:hover{font-weight:700; text-decoration:none;  color:#c8cbe0;}

.topbar a,
.footerbar a{color:#FFF!important;}

/* custom styles for website */
.nav-tabs {
    border-bottom: 0px !important;
}
.nav-tabs>li>a{
   border: none !important;  
}
.nav-tabs>li:first-of-type{
   border-right: 2px solid #adadad !important;
}
.nav-tabs>li>a{
    color: #adadad !important;
}
.nav-tabs>li.active a{
    color: #0d1f4a !important;
}


/*header styles */

header{position:relative; z-index:999;}
.topbar{width:100%; background-color:#003b79; color:#FFF; padding:10px 0; height:45px; font-size:14px;}
.topbar .icons .svg-inline--fa{margin-right:15px;}
.topbar .icons2 span{margin-left:7px; margin-right:15px;}
.menubar{ min-height:87px; height:auto; background-color:#ffffff; padding:10px 0px;  }
.logo img{ width: auto; max-height:90px; }
.logo object{width:281px;}
.menubar.affix{padding: 5px 0px;}
.affix{max-height:60px!important; min-height:60px!important; width:100%;    position: fixed;
    top: 0;}
.affix .logo img{height:50px!important; width:auto;}
.affix .logo object{height:50px!important; width:auto;}

.btnAfspraken{}

/* CTA */
.btnAfspraken {
    -webkit-transform: rotate(9deg) scale(0);
    -ms-transform: rotate(9deg) scale(0);
    transform: rotate(9deg) scale(0);
    transition: all .3s ease;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background-color: orange;
    position: fixed;
    right: 50px;
    top: 50px;
    display: block;
    z-index: 1000;
}

.btnAfspraken.active {
    -webkit-transform: rotate(9deg) scale(1);
    -ms-transform: rotate(9deg) scale(1);
    transform: rotate(9deg) scale(1);
}
a.btnAfspraken:hover{font-weight: 400;}
.btnAfspraken span {
    text-align: center;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    color: #FFF;
    font-size: 20px;
    line-height: 17px;
}

@media screen and (max-width: 600px) {
    .btnAfspraken { width: 100px; height: 100px; right: 20px; top: 20px; }
    .btnAfspraken span { font-size: 17px; line-height: 14px; }
}

@media screen and (max-width: 480px) {
    .btnAfspraken { width: 80px; height: 80px; right: 20px; top: 50px; }
    .btnAfspraken span { font-size: 14px; line-height: 14px; }
}

.page-template-contact .headerimage{display:none; visibility:hidden;}
.error404 .headerimage .headimage,
.page-template-archive-behandelingen .headerimage .headimage,
.page-template-page-side .headerimage .headimage,
.single .headerimage .headimage,
.page-template-default .headerimage .headimage{height:150px;/*300px;*/ overflow:hidden;}
.error404 .headerimage .headimage img,
.page-template-archive-behandelingen .headerimage .headimage img,
.page-template-page-side .headerimage .headimage img,
.single .headerimage .headimage img,
.page-template-default .headerimage .headimage img{filter:blur(10px);}
.home.page-template-default .headerimage .headimage{height:500px; overflow:hidden;}

.page-template-archive-medewerkers .headerimage .headimage{height:500px; overflow:hidden; background-color:#FFF; text-align:center;}
.page-template-archive-medewerkers h2 a,
.page-template-archive-medewerkers h2 a:hover{color:#003b79;font-weight:400;}
.singlecontent a:hover{color:#003b79;font-weight:400; text-decoration:underline;}
.singlecontent .subtitle{font-size:23px;}

.page-template-archive-behandelingen a,
.page-template-archive-medewerkers a,
.page-template-archive-behandelingen a:hover,
.page-template-archive-medewerkers a:hover{color:#003b79;font-weight:400; text-decoration:none;}
.page-template-archive-behandelingen a:hover,
.page-template-archive-medewerkers a:hover{text-decoration:underline;}

.headimage img {min-width:100%; min-height:100%; height:auto; width:auto;}

.page-template-archive-medewerkers .headerimage .headimage img{min-width:80%; max-width:80%;}

#menu{
	width: 100%;
	margin-left: 0 !important;
		margin-right: 0 !important;
        
}
#menu li>a{
/*	padding-left: 20px; */
}

ul.menu{list-style:none;}

.navbar-toggle .icon-bar{
	background-color: #fff !important;
}


/*content style */

.behandelingitem{margin-top:50px;}
.page-template-archive-medewerkers h1{margin-bottom:50px;}
.page-template-archive-behandelingen h1{margin-bottom:60px; margin-top:-10px;}
.page-template-archive-behandelingen .singlecontent{margin-bottom:100px;}
.behandelingitem h2{margin-top:-7px;}

.page-template-archive-medewerkers .medewerkeritem{height:200px; margin-bottom:50px;}
.page-template-archive-medewerkers .medewerkeritem h2{margin-top:0px; font-size:26px;}
/*page */
.contentpart{margin-bottom:30px;}
.serviceitem{ margin-top:50px;}
.serviceitem .itemin{ background-color:#FFF;  min-height:140px;}
.serviceitem .itemin .serviceimage{height:140px; overflow:hidden;}
.serviceitem .itemin .servicetitel{padding:10px; font-size:14px; height:42px; color:#003b79; text-transform:uppercase; text-align:center;}
.serviceitem .itemin .servicetitel span{position:absolute; right:0; bottom:0; padding:10px 15px; margin-right:15px; color:#FFF; background-color:#003b79; font-weight:bold;}

.teamitem{ margin-bottom:15px; }
.teamitem .itemin{ background-color:#FFF;  min-height:140px;}
.teamitem .itemin .teamimage{height:190px; overflow:hidden;}
.teamitem .itemin .teamtitel{padding:10px; font-size:14px; height:42px; color:#003b79; text-transform:uppercase; text-align:center;}
.teamitem .itemin .teamtitel span{position:absolute; right:0; bottom:0; padding:10px 15px; margin-right:15px; color:#FFF; background-color:#003b79; font-weight:bold;}

.rss-box{}
.rss-box ul{padding-left:0px; margin-left:0px;}
.rss-box ul li{display:inline-block; width:30%; margin-right:30px;vertical-align: top; margin-bottom:30px;}
.rss-box ul li a{color:#003b79;}
.rss-box ul li a:hover{font-weight:400;}

.content .bigtext {
  margin-top:30px;
  color: #003b79;
  font-size:24px;
  text-align:center;
}
.content .bigtext a {
  color: #003b79;
}
.content .bigtext a:hover{
  color: #003b79;
  font-weight:400;
  text-decoration:underline;
}
.home .skewed-bg{ margin-bottom:90px!important;  margin-top: -380px!important;}
.skewed-bg {
  background: #f7f7f7;
  padding: 62px 0;
  -webkit-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
  margin-top: -350px;
  position:relative;
  z-index:-1;
  margin-bottom:90px;
  width:100%;
}
.error404 .skewed-bg{margin-top:-50px;}

.home .skewed-bg .content,
.skewed-bg .content {
  -webkit-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  text-align: center;
}
.home .skewed-bg ,title,
.skewed-bg .content .title {
  padding-top: 100px;
  font-weight: normal;
}
.home .skewed-bg .content .text,
.skewed-bg .content .text {
  width: 60%;
  margin: 25px auto;
  color: #ccfff2;
}
.home .skewed-bg .content .bigtext,
.skewed-bg .content .bigtext {
  margin-top:30px;
  color: #003b79;
  font-size:24px;
}

.skewed-bg .content .bigtext a {
  color: #003b79;
}
.skewed-bg .content .bigtext a:hover{
  color: #003b79;
  text-decoration:underline;
}

.acf-map{height:350px;}

.home .skewed-bg.second,
.skewed-bg.second{    /*margin-top: -290px;*/
    margin-bottom: 0px;
    padding:370px 0; /*270px 0;*/
    margin-top: -690px!important;/*-425px!important;*/
    }
    
    .page .skewed-bg,
    .single .skewed-bg{margin-top:-50px; margin-bottom:-25px;}
    .page .pagecontent,
    .single .singlecontent{margin-bottom:150px;margin-top:-10px; /* margin-bottom:100px;*/}
    .page .pagecontent h1,
    .single .singlecontent h1{margin-bottom:20px;}
    .single-medewerkers .singlecontent img{margin-top:30px;}
    .page-template-contact .skewed-bg{margin-top: -90px; padding:85px 0px;}
    .wpcf7-form-control.wpcf7-submit{background-color:#003b79; color:#FFF; border:none; width: 135px;height: 30px;}
    .wpcf7-form label{width:100%;}
    .wpcf7-form .wpcf7-form-control-wrap{width:100%;}
    .wpcf7-form button, .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea{width:100%;}


/*footer */
footer{    z-index: 2;
    background-color: #f7f7f7;
    min-height: 340px;
    margin-top: -6px;
    /*margin-top: -170px;*/}
footer .footerinfo{min-height:310px; padding:50px 0px;font-size:15px; line-height:25px;}
footer .footerinfo h2.widgettitle{font-size:18px; margin-top:10px;}
footer .footerinfo .widgettitle,
footer .footerinfo .footertitle{margin-bottom:20px; color:#003b79;}
footer .footerinfo .es_textbox_button.es_submit_button{background-color:#003b79; color:#FFF; border:none;}
footer .footerinfo ul{margin:0; padding:0; margin-left:15px;}
footer .footerinfo a{color:#003b79;}
footer .footerinfo a:hover{color:#003b79; text-decoration:underline; font-weight:400;}

footer .footerbar{min-height:30px; background-color:#003b79; color:#FFF; padding-top:15px; font-size:12px;}

footer .menufooter{display:inline-block; float:right; list-style:none;}
footer .menufooter li{border-left: solid 1px #FFF; padding-left: 10px; margin-left:10px;}
footer .menufooter li:first-of-type{border:none;}
footer .menufooter li a:hover{font-weight:normal;}
.mabel-bhi-businesshours td{padding-right:15px;}



/*submenu */
/*media queries */

 /* #Parallax
================================================== */

.parallax-section { 
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:150px; /*120px;*/
	padding-top:150px;/*120px;*/
	z-index:2;
    margin-top:-170px;
}
.parallax-section:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	z-index: 101;
}
.parallax-section:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	z-index: 101;
}
.z-index-pages{
	z-index:100;
}

.parallax-section .container {text-align:center; color:#fff;}
.parallax-section h3{color:#FFF;}
 /* #3rd parallax
================================================== */

.parallax-1 {
	  background: url("images/parralax1.jpg") repeat fixed; 
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
.parallax-1 .dark-overlay{
	background-color: rgba(0,0,0,0.5);
	 bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
}

.single-medewerkers .singlecontent .icons{margin:15px;}

@media only screen and (min-width: 1930px) { .parallax-1 { background-size: cover; } }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}

@media (max-width: 768px){
    .logo{padding-left:10px;}
    .topbar{height:51px;}
    .navbar-collapse.collapse{display:none!important;}
	.navbar-toggler{display:block; 
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 26px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    .affix .navbar-toggler{margin-top:10px;}
	.navbar-toggler .icon-bar{background-color:#CDCDCD; height:2px; margin-bottom:5px; display:block; width:30px;}
	.navbar-collapse.collapse.in{display:block!important;}   
    
    .serviceitem{margin-bottom:40px;}
    .content .bigtext{font-size:20px; margin-top:-15px;}
    .home .skewed-bg{margin-bottom:20px!important; margin-top:-860px!important;}
    .home .skewed-bg.second {padding:425px 0; margin-top:-995px!important;}
    .home .skewed-bg{padding:445px 0;}
    .rss-box ul li{width:100%; margin-right:auto; font-size:14px; margin-bottom:20px;}
    
    .home.page-template-default .headerimage .headimage{height:150px;}
    .teamitem .itemin .teamimage{height:235px;}
    .parallax-section{margin-top:10px;}
    .page .pagecontent, .single .singlecontent{margin-top:-35px;}
    .page-template-contact.page h1{margin-top:-20px;}
    .page-template-contact.page .pagecontent{margin-top:35px;}
    .footerinfo .widget{margin-bottom:50px;}
    footer .menufooter{float:left; padding:0; margin:0;}
    footer .menufooter li:first-of-type{padding-left:0; margin-left:0;}
    .footerbar span{width:100%; display:inline-block;}
	
	/* kleine aanpassingen om mobiel te verbeteren */
	.page-template-archive-medewerkers .headerimage .headimage{height:auto;}
	.page-template-archive-medewerkers .medewerkeritem{height:auto;}
	.topbar{height:61px;}
    
}

/* kleine aanpassingen afspraken bar */
.afsprakenbar {
    text-align: center;
    background-color: #003b79;
    padding-top: 25px;
    padding-bottom: 25px;
}
.afsprakenbar h3{color:#FFF; display:inline-block; margin-right:25px; margin-top:0px; margin-bottom:0px;}
.afsprakenbar a.button{background-color: orange;
    border-radius: 10px;
    padding: 7px 15px;
    display: inline-block;
    color: #FFF;
    font-size: 17px;
    font-weight: bold; margin-right:10px;}


@media (max-width:990px) {
	#menu {
	/*position: absolute;*/
    top: 88px;
    width: 100%;
    z-index: 100; left:0;
    max-height:450px;
    overflow-y:auto!important;
    }
    ul.menu{background-color:#4a4b49; padding-left:20px; padding-right:20px; }
    
	ul.menu li{line-height:45px; border-bottom:solid 1px #898989;}
	.navbar-collapse.collapse{display:none!important;}
	.navbar-toggle{display:block; margin-bottom: 2px; margin-top: 3px;}
	.navbar-collapse.collapse.in{display:block!important;}
	#navbar a{ color: #fff !Important; }
		
	ul.sub-menu{
	position: relative !important;
    z-index: 1 !important;
    display: block !important;
    float: left !important;
    width: 100% !important;
	padding-left: 20px;
	left: 0 !important;
	top: 0 !important;
    margin: 2px 0 0;
    text-align: left;
	opacity: 1 !important;
    list-style: none;
    }
	
	/* kleine aanpassingen om mobiel te verbeteren */
	
	/*kleine aanpassing voor afspraken bar */
	.afsprakenbar  h3{font-size:17px;}
	.afsprakenbar a.button{foont-size:14px; margin-top:15px;}
	
/*
	.topbar{height:61px;} */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* STYLES GO HERE */}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

/* STYLES GO HERE */ }


@media (min-width: 768px) {
    .navbar{padding:0;}
  
    .col-sm-15 {
        width: 20%;
        float: left;
    }
	.col-sm-25 {
        width: 40%;
        float: left;
    }
	.col-sm-60 {
        width: 60%;
        float: left;
    }
  
}
@media (min-width: 992px) {
    .home.page-template-default .headerimage .headimage{height:275px;}
    .col-md-15 {
        width: 20%;
        float: left;
    }
	 .col-md-25 {
        width: 40%;
        float: left;
    }
	.col-md-60 {
        width: 60%;
        float: left;
    }
     .navbar-toggler{display:none; visibility:hidden;}
	.navbar-collapse {position:relative; width:auto; padding:0; float:left;} 

	
	ul.menu{    
	float: left;
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    font-family: 'Lato', sans-serif;
    font-weight:300;
    margin-top:0px;
    margin-left:20px;
	}
    .affix ul.menu{  margin-top: 0;}
    .affix ul.menu li {padding-top:9px;}
	ul.menu li{display:inline-block;  font-size:16px;     position: relative;
	  color:#AAA; font-weight:400; margin:0px 8px; padding: 12px 0px; padding-bottom:70px;  }
	ul.menu li a{color:#AAA;}
    ul.menu li a:hover{color:#003b79; text-decoration:none; font-weight:400;}
	ul.menu li.icon, ul.menu li.icon a{padding:0; margin:0;}
	ul.menu li.contact{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
	ul.menu li.contact a{ color:#AAA;}
	/*ul.menu li.first-item{ margin-left:0px;}
	ul.menu li.last-item{ margin-right:0px;} */
	ul.menu li.current-menu-ancestor,
	ul.menu li.current_page_ancestor,
	ul.menu li.current-menu-item,
	ul.menu li.current-item,
    ul.menu li:hover{/* background-image:url(images/li_item_active.png); background-repeat:no-repeat; background-position:center bottom;*/ }
	ul.menu li.current-menu-ancestor a,
	ul.menu li.current_page_ancestor a,
	ul.menu li.current-menu-item a,
	ul.menu li.current-item a,
	ul.menu li a:hover{ color:#003B79!important; }
	ul.menu li.icon:hover, ul.menu li.icon a:hover{background:none;}
    
    ul.menu li.current-menu-ancestor ul li a,
	ul.menu li.current_page_ancestor ul li a,
	ul.menu li.current-menu-item ul li a,
	ul.menu li.current-item ul li a{color:#FFF!important;}
    
    ul.menu li.current-menu-item ul li a:hover,
     ul.menu li.current-menu-ancestor ul li.current-menu-item a,
	ul.menu li.current_page_ancestor ul li.current-menu-item a,
	ul.menu li.current-menu-item ul li.current-menu-item a,
	ul.menu li.current-item ul li.current-menu-item a{color:#003B79!important; }

/*submenu */
	
	ul.menu li:hover ul {
    left: 0;
    opacity: 1;
    }
    ul.sub-menu li:hover ul.sub-menu {
     left: 0;
        opacity: 1;
    }
    ul.sub-menu li{
        display: block;
        
    }
    ul.menu ul /*ul*/ {
        background-color:#b8b8b8;
        left: -9999px;
        opacity: 0;
        filter:alpha(opacity = 0);
        position: absolute;
        top:88px;
        transition: opacity 0.5s ease 0s;
        -webkit-transition:opacity 0.5s ease 0s;
        -moz-transition:opacity 0.5s ease 0s;
        -ms-transition:opacity 0.5s ease 0s;
        -o-transition:opacity 0.5s ease 0s;
        transition:opacity 0.5s ease 0s;
        min-width: 170px;
        z-index: 1;
        padding: 5px 10px;
    }
    .affix ul.menu ul.sub-menu{top:54px;}
    .affix ul.menu ul.sub-menu li{padding:0;}
    ul.menu ul li{ text-align:left;padding: 0px; width: 250px;}
    ul.menu ul ul > li {
     /*   border-bottom: 1px solid #b6b4b3;*/
        float: left;
        width: 170px;/* 100%;*/
    }
    ul.menu li.current-menu-item ul li a,
    ul.menu li.current_page_ancestor ul li a{color:#FFFFFF!important;}
    ul.menu li.current_page_ancestor ul li.current-menu-item a,
    ul.menu li.current-menu-item ul li a:hover,
    ul.menu li.current_page_ancestor ul li a:hover{color:#003B79!important;}
    
    ul.menu li ul a {
        
        box-sizing: border-box;
        color: #FFFFFF;
        font-size: 13px;
        line-height: 15px;
        margin: 0;
        padding: 0px;/*35px;*/
        width: 100%;
    }

}
@media (min-width: 1200px) {
    .home.page-template-default .headerimage .headimage{height:325px;}
    .col-lg-15 {
        width: 20%;
        float: left;
    }
	.col-lg-25 {
        width: 40%;
        float: left;
    }
	.col-lg-60 {
        width: 60%;
        float: left;
	}
    
    
    ul.menu{    
	float: left;
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    font-family: 'Lato', sans-serif;
    font-weight:300;
   /* margin-top:22px; tot 02-06-2022*/
    margin-top:9px;
    margin-left:20px;
	}
    .affix ul.menu{  margin-top: 0;}
    .affix ul.menu li {padding-top:9px;}
	ul.menu li{display:inline-block;  font-size:16px;     position: relative;
	  color:#AAA; font-weight:400; margin:0px 10px; padding: 12px 0px; padding-bottom:70px;  }
	ul.menu li a{color:#AAA;}
    ul.menu li a:hover{color:#003b79; text-decoration:none; font-weight:400;}
	ul.menu li.icon, ul.menu li.icon a{padding:0; margin:0;}
	ul.menu li.contact{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
	ul.menu li.contact a{ color:#AAA;}
	/*ul.menu li.first-item{ margin-left:0px;}
	ul.menu li.last-item{ margin-right:0px;} */
	ul.menu li.current-menu-ancestor,
	ul.menu li.current_page_ancestor,
	ul.menu li.current-menu-item,
	ul.menu li.current-item,
    ul.menu li:hover{/* background-image:url(images/li_item_active.png); background-repeat:no-repeat; background-position:center bottom;*/ }
	ul.menu li.current-menu-ancestor a,
	ul.menu li.current_page_ancestor a,
	ul.menu li.current-menu-item a,
	ul.menu li.current-item a,
	ul.menu li a:hover{ color:#003B79!important; }
	ul.menu li.icon:hover, ul.menu li.icon a:hover{background:none;}
    
    ul.menu li.current-menu-ancestor ul li a,
	ul.menu li.current_page_ancestor ul li a,
	ul.menu li.current-menu-item ul li a,
	ul.menu li.current-item ul li a{color:#FFF!important;}
    
    ul.menu li.current-menu-item ul li a:hover,
     ul.menu li.current-menu-ancestor ul li.current-menu-item a,
	ul.menu li.current_page_ancestor ul li.current-menu-item a,
	ul.menu li.current-menu-item ul li.current-menu-item a,
	ul.menu li.current-item ul li.current-menu-item a{color:#003B79!important; }

/*submenu */
	
	ul.menu li:hover ul {
    left: 0;
    opacity: 1;
    }
    ul.sub-menu li:hover ul.sub-menu {
     left: 0;
        opacity: 1;
    }
    ul.sub-menu li{
        display: block;
        
    }
    ul.menu ul /*ul*/ {
        background-color:#b8b8b8;
        left: -9999px;
        opacity: 0;
        filter:alpha(opacity = 0);
        position: absolute;
       /* top:99px;tot 02-06-2022*/
	    top:93px;
        transition: opacity 0.5s ease 0s;
        -webkit-transition:opacity 0.5s ease 0s;
        -moz-transition:opacity 0.5s ease 0s;
        -ms-transition:opacity 0.5s ease 0s;
        -o-transition:opacity 0.5s ease 0s;
        transition:opacity 0.5s ease 0s;
        min-width: 170px;
        z-index: 1;
        padding: 5px 10px;
    }
    .affix ul.menu ul.sub-menu{top:54px;}
    .affix ul.menu ul.sub-menu li{padding:0;}
    ul.menu ul li{ text-align:left;padding: 0px; width: 250px;}
    ul.menu ul ul > li {
     /*   border-bottom: 1px solid #b6b4b3;*/
        float: left;
        width: 170px;/* 100%;*/
    }
    ul.menu li.current-menu-item ul li a,
    ul.menu li.current_page_ancestor ul li a{color:#FFFFFF!important;}
    ul.menu li.current_page_ancestor ul li.current-menu-item a,
    ul.menu li.current-menu-item ul li a:hover,
    ul.menu li.current_page_ancestor ul li a:hover{color:#003B79!important;}
    
    ul.menu li ul a {
        
        box-sizing: border-box;
        color: #FFFFFF;
        font-size: 13px;
        line-height: 15px;
        margin: 0;
        padding: 0px;/*35px;*/
        width: 100%;
    }

}
		
/*  responsive portfolio */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px; 
    }
	
	.col-custom-17{
		width: 24%;
	}

}
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	
    img{max-width:100%; height:auto;}
	.col-custom-17 {    width: 90%;}
	.col-xs-15{
		width: 100%;
	}
    
   




}
/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

		.col-custom-17{
		width: 39%;
	}
    
}
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 667px) { 
	.col-custom-17 {    width: 90%;}
}

@media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) {
   
}
@media only screen and (min-width: 1200px){

    .home .skewed-bg.second, .skewed-bg.second {
        padding: 20px 0!important;
    }
       
}
@media only screen and (min-width:1260px){
   
      
}

@media only screen and (min-width:1600px){
    .home.page-template-default .headerimage .headimage{height:425px;}
      
}
@media only screen and (min-width:1900px){
    .home.page-template-default .headerimage .headimage{height:500px;}
      
}

.my-layer-class { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.whatsapp{position:fixed; right:8px; bottom:5px; width:60px; height:60px; z-index:999;}
.grecaptcha-badge { visibility: hidden; }
form small a:hover{text-decoration: underline; font-weight: 400; color:#003b79;}

@media only screen and (min-width: 768px) {
    .feedzy-rss .rss_item {
        margin: 1.8%;
        padding: 0;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 0 !important;
        width: 45%;
    }
}
h4.rssfeedtitle {font-size:30px; font-weight: 400;}
.feedzy-rss .rss_item .title a{font-weight:700; color:#003b79;}
.feedzy-rss .rss_item .title a:hover{text-decoration: underline;}