body{font-family:'Playfair Display',serif;font-size:15px;color:#000;}
@media (max-width: 979px){body{padding:0;}}
p,a,li{line-height:1.5;font-size:14px;line-height:1.5;}
h1,h2,h3,h4,h5{color:#444;}
h2{font-size:26px;font-weight:normal;line-height:28px;}
h3{font-size:18px;line-height:1.5;}
hr{clear:left;}

/*************	Header	****************/
#header{background-color:#e9f2fb;}
#header p{margin:0;}
#header .search{position:absolute;margin-top:10px;right:15%;}
@media screen and (max-width:1200px){#header .search{right:8%;}}
@media screen and (max-width:767px){#header .search{float:right;right:0;}}

/****************		Off-Canvas Menu		******************/
#siteNavRow{background-color:#e9f2fb;}
#siteNav .show-on-small{display:none;}

/* our menu */
#siteNav{background-color:inherit;background-image:none;border:none;box-shadow:none;min-height:38px;padding:0;}
#siteNav li a{font-size:16px;text-align:left;text-decoration:none;}
@media screen and (max-width:767px){
	#siteNav li a{font-size:16px;}
}
@media screen and (min-width:767px){
	#siteNav ul.menu{float:right;}
	#siteNav .nav{display:block;}
}
#siteNav ul.menu{background-color:#e9f2fb;margin:0;padding:0;font-size:0.9em;}

	/* second level */
	#siteNav ul.menu ul{left:-9999em;opacity:0;position:absolute;width:300px;background:#c00;margin:0;padding:0;top:40px;
		/* the transitions */
		-webkit-transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
		-moz-transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
		transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
	}
	#siteNav ul.menu ul a{color:#fff;}
	#siteNav ul.menu ul ul{background-color:#EF9133}

	#siteNav ul.menu > li{display:inline-block;vertical-align:middle;position:relative;transition: 0.2s 1s; /* top level links only in order to avoid overriding */ }
	#siteNav ul.menu > li > a{color:#1c2427;display:inline-block;vertical-align:middle;padding:7px 10px;}
	#siteNav ul.menu > li > a:hover,#siteNav ul.menu > li:hover > a{background-color:inherit;color:#1c2427;opacity:0.5;}

	/* setting the visibility */
	#siteNav ul.menu > li:hover > ul{opacity:1;top:38px;left:0;z-index:1001;}
	#siteNav ul.menu > li > ul > li:hover ul{opacity:1;top:auto;left:100%;}	/****	second level fix 	****/
	@media screen and (min-width:768px){#siteNav ul.menu > li > ul > li:hover ul{margin-top:-47px;position:absolute;}}	/****	second level fix 	****/

		/* second and third level */
		#siteNav ul.menu ul > li{display:block;display-display:block;display-padding:10px 15px;}
		#siteNav ul.menu ul > li a{display:block;font-size:14px !important;padding:5px 10px !important;}
		#siteNav ul.menu ul > li a:hover{opacity:0.5;}
		#siteNav ul.menu ul ul li a:hover{background:#e55c2e;}

		/* Active and parent classes- using Joomla! menu classes - use the :after pseudo-classes to add images or icon fonts. You can safely remove this part since it's completely optional - remove at will */
		/* active states */
		#siteNav ul.menu > li.parent > a{ }
		#siteNav ul.menu > li.active{}
			/* lower levels */
			#siteNav ul.menu > li.active > a{color:#c00;}
			#siteNav ul.menu > li.active > ul > li.active > a{ }
			#siteNav ul.menu > li.active > ul > li.active > ul > li.active > a{ }

@media screen and (max-width:767px){
	#siteNav .show-on-small {background-color:#e9f2fb;display:block;height:42px;}
	#siteNav ul.menu{left:-302px;width:300px;z-index:10009;line-height:1.8;position:absolute;z-index:9999;border:1px solid #fff; /* resetting and blocking the elements in order to have a large touch surface */
	/* the transitions */
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	}

	/* the open state -  here we are using the CSS 3D Transforms */
	#siteNav ul.menu.menuIsActive{
		-webkit-transform:translate3d(300px,0,0);
		-moz-transform:translate3d(300px,0,0);
		transform:translate3d(300px,0,0);
		-webkit-overflow-scrolling: touch;
	}

	#siteNav ul.menu ul{display:block;position:static;opacity:1;}
	#siteNav ul.menu ul li{font-size:0.9em;}
	#siteNav ul.menu > li,#siteNav ul.menu li,#siteNav ul.menu a,#siteNav ul.menu li > a{display:block;}

	/* globally reset all paddings */
	#siteNav ul.menu a{padding:8px !important;}
	/* resetting all the hover states - can be omitted in live sites */
	#siteNav ul.menu a:hover,#siteNav ul.menu li:hover a{}

	/* support for browsers which do not support 3D transforms - must use Modernizr for this feature */
	#siteNav .no-csstransforms3d ul.menu.menuIsActive {left:0;} 

	/* the visibility toggler */
	#siteNav #menuToggler .icon{background-image:none;color:#1c2427;display:inline-block;vertical-align:middle;padding:8px;width:26px;height:24px;}
	#siteNav #menuToggler span{display:inline-block;vertical-align:middle;font-weight:800;font-size:28px;line-height:20px;}
	#siteNav #menuToggler a:hover{text-decoration:none;}
}
/**************		End of Off-Canvas Menus		********************/

/***	Breadcrumbs		***/
#breadcrumbsRow::before{background-image:url("../images/pattern.gif");background-repeat:repeat-x;content:" ";display:block;height:15px;}
#breadcrumbsRow{background-color:#eee;}
.breadcrumb{background-color:inherit;margin:0;padding:8px 6px;}
.breadcrumb li.active .divider{display:none;}
.breadcrumb .divider img{vertical-align:baseline;}
.breadcrumb li span{font-size:14px;}

/***	FrontPage	***/
.moduletable.introtext{background-color:#e9f2fb;}
.custom.introtext{padding:10px 0;}
.moduletable.introtext h3{font-size:24px;}
.moduletable.introtext .intro{column-count:2;column-gap:30px;text-align:justify;}
.moduletable.introtext img{float:right;max-height:80px;}
.moduletable.introtext img:hover{opacity:0.8;}
.moduletable.introtext .icr-logo{margin-top:1px;}
@media screen and (max-width:767px){.moduletable.introtext .container{padding:0 10px;}.moduletable.introtext .intro{column-count:1;}.moduletable.frontnews .intro-news-item{padding:20px 10px;}}
.moduletable.frontnews{background-color:#e9f2fb;padding:20px 0;}
.moduletable.frontnews img{display:block;margin:0 auto;max-height:240px;}
@media screen and (max-width:1199px){.moduletable.frontnews img{max-height:169px;}}
@media screen and (max-width:979px){.moduletable.frontnews img{max-height:128px;}}
@media screen and (max-width:767px){.moduletable.frontnews img{max-height:250px;}}
.moduletable.frontnews h4{margin:10px 0;text-align:justify;}
.moduletable.frontnews h4 a{color:#444;font-size:medium;line-height:20px;}
.moduletable.frontnews h4 a:hover{text-decoration:none;}
.moduletable.frontnews p{margin:0;text-align:justify;}
.moduletable.frontnews .newsdate i{font-size:12px;}
.moduletable.contact{background-color:#e9f2fb;}
.moduletable.introtext::before,.moduletable.introtext::after,.moduletable.contact::before,.moduletable.contact::after{background-image:url("../images/pattern.gif");background-repeat:repeat-x;content:" ";display:block;height:15px;}
.moduletable.contact h3,.moduletable.frontnews h3 a{color:#444;display:block;font-size:x-large;letter-spacing:3px;text-align:center;}
.moduletable.frontnews h3 a:hover{text-decoration:none;}
.moduletable.contact .fa-ul{display:table;margin:0 auto;}
.moduletable.contact .fa-ul li{float:left;margin:10px 15px;}
.moduletable.contact .fa-ul li a{color:#666;}
.moduletable.contact .fa-ul li a:hover{opacity:0.5;}

/***	General Content		***/
#content{margin-top:10px;padding:15px;}
#content .page-header h2{color:#c00;margin:0;}
#content .pagenav{clear:both;display:block;}
@media screen and (max-width:780px){#content{margin:10px auto;width:90%;}}
.pagination ul>li{float:left;}
.page-404 img{display:block;margin:0 auto;}

/***	News		***/
.news .item{display:inline-block;margin-bottom:25px;}
.news .subheading-category{color:#c00;}
.news .page-header h2 a{color:#036;font-size:20px;}
.news .page-header h2 a:hover{text-decoration:none;}
.news img{display:block;margin:0 auto;max-height:250px;}

/***		Side-Menu		***/
#side-menu::before, #side-menu::after{background-image:url("../images/pattern.gif");background-repeat:repeat-x;content:" ";display:block;height:15px;}
#side-menu{background-image:url("../images/leather.jpg");background-repeat:repeat;}
#side-menu li{border-top:1px dashed #069;padding:2px 4px;}
#side-menu li a{color:#069;}
#side-menu li a:hover{background-color:transparent;color:#c00;}

/***	Partners	***/
.partners .items-row{margin-bottom:25px;}
.partners .page-header h2 a{font-size:22px;}
.partners img,img.leftAlign{float:left;margin:0 10px 10px 0;}

/*** Footer ***/
#credit p{font-family:calibry;font-size:18px;padding:10px 0;text-align:center;}
#credit a{color:#08c;display:inline-block;font-size:18px;}
#credit img{display:block;margin:0 auto;width:160px;}