/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* End CSS Reset*/

/*new Clearfix*/

.group:after {
  content: "";
  display: table;
  clear: both;
}
/*End Clearfix*/
/*Setting the fonts*/
@font-face {
    font-family: 'CinzelRegular';
    src: url('../fonts/Cinzel-Regular.otf');
}
@font-face {
    font-family: 'CinzelBold';
    src: url('../fonts/Cinzel-Bold.otf');
}
@font-face {    
    font-family: 'CinzelDecorativeRegular';
    src: url('../fonts/CinzelDecorative-Regular.otf');
}
@font-face {
    font-family: 'CinzelDecorativeBold';
    src: url('../fonts/CinzelDecorative-Bold.otf');
}
@font-face {
 	font-family: 'QuattrocentoRegular';
    src: url('../fonts/Quattrocento-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'QuattrocentoBold';
    src: url('../fonts/Quattrocento-Bold.ttf') format('truetype');
}
/*End Font Setting*/
body{
		font-family: 'QuattrocentoRegular', TimesNewRoman, Serif;
		font-size: 1em;

	}

@media all and (min-width: 1199px) {
	.right{
		float:right;
	}
	.header{
		border-bottom: 2px solid black;
	}
	.centerpage {
	     width: 1080px;
	     margin: 0 auto;
	}
	.logospace{
		float:left;
		margin:33px 5px;
	}
	.kred{
		color:#DC2127;
	}
	.mainmenu li>a{
		float:left;
		font-family: 'CinzelBold',TimesNewRoman, Serif ;
		font-size: 0.9em;
		text-transform: uppercase;
		margin:65px 10px 50px 10px;
		text-decoration: none;
		color:black;
	}
	.mainmenu li>a:hover{
		color:#DC2127;
	}
	.main-logo{
		padding:25px 0px 25px 0px;
		margin:0px auto;
		display:flex;
		width:250px;
	}
	.maincontent{
		background: url('../images/bg1920.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		background-size: cover;
		border-bottom: 2px solid black;
		padding:40px 0px;
		min-height: 650px;
	}
	.mainpage h1{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.75em;
		margin:40px auto;
		color:#DC2127;
	}
	.mainpage h2{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.50em;
		line-height: 1.25em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage h3{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.25em;
		line-height: 1.55em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage p{
		text-align: left;
		font-size: 1em;
		line-height: 1.25em;
		margin:20px auto;
	}
	 p.firstpage{
		text-align: center;
		font-size: 1.75em;
		line-height: 1.55em;
		margin:15px auto;
	}
	 p.contactpage{
		text-align: center;
		font-size: 1em;
		line-height: 1.25em;
		margin:30px auto;
	}
	.mainpage ul{
		list-style: square inside url('../images/listicon.png');
		margin:15px auto;
		text-indent: -2.8em;

	} 
	.lesoin >li{
		position:relative;
		list-style: none;
		width:15%;
		min-width: 160px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 0px 0px 0px;
		text-indent: none;
	}
	.lesoin>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 50px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	.thecare >li{
		position:relative;
		list-style: none;
		width:20%;
		min-width: 160px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 0px 0px 0px;
		text-indent: none;
	}
	.thecare>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 75px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	
	.mainimage img{
		width:100%;
	}
	.mainpage ol{
		list-style: decimal inside;
		line-height:1em;
		}
	.mainpage li{
		margin: 15px 5px 15px 40px;
		line-height: 1.25em;
		
	}
	.footer{
		margin:20px auto;
	}
	.footer p{
		float:left;
		}
	.footer a{
		color:black;
		float:right;
		text-decoration:none;
	}
	.author img{
		float:left;
		margin:0px 10px;
	}
	.authordata{
		float:left;
		margin: 25px 5px;
	
	}
	.author h2{
		color: #DC2127;
		text-transform: capitalize !important;
		font-family: CinzelRegular, TimesNewRoman, Serif;
		font-size: 1.5em;
		margin:5px 10px !important;
		}
	.author h3{
		font-size: 1em;
		margin: 0px 10px !important;
		color:black;
	}
} 
@media all and (max-width: 1199px) {
.right{
		float:right;
	}
	.header{
		border-bottom: 2px solid black;
	}
	.centerpage {
	     width: 1080px;
	     margin: 0 auto;
	}
	.logospace{
		float:left;
		margin:33px 5px;
	}
	.kred{
		color:#DC2127;
	}
	.mainmenu li>a{
		float:left;
		font-family: 'CinzelBold',TimesNewRoman, Serif ;
		font-size: 0.9em;
		text-transform: uppercase;
		margin:65px 10px 50px 10px;
		text-decoration: none;
		color:black;
	}
	.mainmenu li>a:hover{
		color:#DC2127;
	}
.main-logo{
		padding:25px 0px 25px 0px;
		margin:0px auto;
		display:flex;
		width:250px;
	}
.maincontent{
		background: url('../images/bg1920.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		background-size: cover;

		border-bottom: 2px solid black;
		padding:40px 0px;
	}
	.mainpage h1{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.75em;
		margin:30px auto;
		color:#DC2127;
	}
	.mainpage h2{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.50em;
		line-height: 1.25em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage h3{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.25em;
		line-height: 1.55em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage p{
		text-align: left;
		font-size: 1em;
		line-height: 1.25em;
		margin:20px auto;
	}
	 p.firstpage{
		text-align: center;
		font-size: 1.75em;
		line-height: 1.55em;
		margin:30px auto;
	}
	 p.contactpage{
		text-align: center;
		font-size: 1em;
		line-height: 1.25em;
		margin:30px auto;
	}
	.mainpage ul{
		list-style: square inside url('../images/listicon.png');
		margin:15px auto;
		text-indent: -2.8em;

	} 
.lesoin >li{
		position:relative;
		list-style: none;
		width:15%;
		min-width: 160px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 0px 0px 0px;
		text-indent: none;
	}
	.lesoin>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 50px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	.thecare >li{
		position:relative;
		list-style: none;
		width:20%;
		min-width: 160px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 0px 0px 0px;
		text-indent: none;
	}
	.thecare>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 75px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	.mainimage img{
		width:100%;
	}

	.mainpage ol{
		list-style: decimal inside;
		line-height:1em;
		}
	.mainpage li{
		margin: 15px 5px 15px 40px;
		line-height: 1.25em;
		
	}
	.footer{
		margin:20px auto;
	}
	.footer p{
		float:left;
		}
	.footer a{
		color:black;
		float:right;
		text-decoration:none;
	}
	.author img{
		float:left;
		margin:0px 10px;
	}
	.authordata{
		float:left;
		margin: 25px 5px;
	
	}
	.author h2{
		color: #DC2127;
		text-transform: capitalize!important;
		font-family: CinzelRegular, TimesNewRoman, Serif;
		font-size: 1.5em;
		margin:5px 10px !important;
		}
	.author h3{
		font-size: 1em;
		margin: 0px 10px !important;
		color:black;
	}
} 

@media all and (max-width: 768px) { 
	body{
		width:768px;
	}
	.header{
		border-bottom: none !important;
	}
	.centerpage {
	     width: 768px;
	     margin: 0 auto;
	}
	.logospace{
		margin:20px 125px;
	}
	.kred{
		color:#DC2127;
	}
	.mainmenu li{
		display: flex;
		width:760px;		
		border-bottom: 2px solid black;
		text-align: center;
	
	}
	.mainmenu li>a{
		
		font-family: 'CinzelBold',TimesNewRoman, Serif ;
		font-size: 1.5em;
		text-transform: uppercase;
		text-decoration: none;
		color:black;
		margin: 20px auto;
		max-width: 700px;
		line-height: 1.5em;
		
	}
	.mainmenu li>a:hover{
		color:#DC2127;
	}
	.main-logo{
		padding:70px 0px 55px 0px;
		margin:0px auto;
		display:flex;
		width:250px;
	}
	.maincontent{
		background: url('../images/bg1920.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		background-size: cover;

		border-bottom: 2px solid black;
		padding:40px 0px;
	}
	.mainpage h1{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.75em;
		margin:30px auto;
		color:#DC2127;
	}
	.mainpage h2{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.5em;
		line-height: 1.25em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage h3{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.25em;
		line-height: 1.55em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage p{
		text-align: left;
		font-size: 1em;
		line-height: 1.25em;
		margin:20px auto;
	}
	 p.firstpage{
		text-align: center;
		font-size: 1.75em;
		line-height: 1.55em;
		margin:30px auto;
	}
	 p.contactpage{
		text-align: center;
		font-size: 1em;
		line-height: 1.25em;
		margin:30px auto;
	}
	.mainpage ul{
		list-style: square inside url('../images/listicon.png');
		margin:15px auto;
		text-indent: -2.8em;

	} 
	.lesoin >li{
		position:relative;
		list-style: none;
		width:15%;
		min-width: 160px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 0px 0px 0px;
		text-indent: none;
	}
	.lesoin>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 50px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	.thecare >li{
		position:relative;
		list-style: none;
		width:20%;
		min-width: 160px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 0px 0px 0px;
		text-indent: none;
	}
	.thecare>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 75px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	.mainimage img{
		width:100%;
	}
	.mainpage ol{
		list-style: decimal inside;
		line-height:1em;
		}
	.mainpage li{
		margin: 15px 5px 15px 40px;
		line-height: 1.25em;
		
	}
	.footer{
		margin:20px auto;
	}
	.footer p{
		float:left;
		}
	.footer a{
		color:black;
		float:right;
		text-decoration:none;
	}
	.author img{
		float:left;
		margin:0px 10px;
	}
	.authordata{
		float:left;
		margin: 25px 5px;
	
	}
	.author h2{
		color: #DC2127;
		text-transform: capitalize;
		font-family: CinzelRegular, TimesNewRoman, Serif;
		font-size: 1.5em;
		margin:5px 10px !important;
		}
	.author h3{
		font-size: 1em;
		margin: 0px 10px !important;
		color:black;
	}
} 
@media all and (max-width: 575px) { 
	body{
		width:565px;
	}
	.header{
		border-bottom: none !important;
	}
	.centerpage {
	     width: 545px;
	     margin: 0px 10px;

	     display: inline-block;
	}
	.logospace{
				margin:20px 125px;
	}
	.kred{
		color:#DC2127;
	}
	.mainmenu li{
		display: flex;
		
		width:550px;		
		border-bottom: 2px solid black;
		text-align: center;
	
	}
	.mainmenu li>a{
		
		font-family: 'CinzelBold',TimesNewRoman, Serif ;
		font-size: 1.5em;
		text-transform: uppercase;
		text-decoration: none;
		color:black;
		margin: 20px auto;
		max-width: 350px;
		line-height: 1.5em;
		
	}
	.mainmenu li>a:hover{
		color:#DC2127;
	}
	.main-logo{
		padding:70px 0px 55px 0px;
		margin:0px auto;
		display:flex;
		width:250px;
	}
.maincontent{
		background: url('../images/bg1920.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		background-size: cover;
		border-bottom: 2px solid black;
		padding:40px 0px;
	}
	.mainpage h1{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.75em;
		margin:30px auto;
		color:#DC2127;
	}
	.mainpage h2{
		text-align: center;
		font-family: CinzelDecorativeRegular;
		font-size: 1.50em;
		line-height: 1.25em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage h3{
		text-align: left;
		font-family: CinzelDecorativeRegular;
		font-size: 1.25em;
		line-height: 1.55em;
		margin:15px auto;
		color:#DC2127;
	}
	.mainpage p{
		text-align: left;
		font-size: 1em;
		line-height: 1.25em;
		margin:20px auto;
	}
	 p.firstpage{
		text-align: center;
		font-size: 1.75em;
		line-height: 1.55em;
		margin:30px auto;
	}
	 p.contactpage{
		text-align: center;
		font-size: 1em;
		line-height: 1.25em;
		margin:30px auto;
	}
	.mainpage ul{
		list-style: square inside url('../images/listicon.png');
		margin:15px auto;
		text-indent: -2.8em;

	} 
	.lesoin{
		margin:15px 50px !important;
		display: block;
	}
	.lesoin >li{
		position:relative;
		list-style: none;
		width:15%;
		min-width: 140px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 10px 0px 10px;
		word-break:break-all;
	}
	.lesoin>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 50px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	.thecare >li{
		position:relative;
		list-style: none;
		width:15%;
		min-width: 140px;
		min-height: 160px;
		text-align: center;
		line-height:1em;
		float:left;
		display:block;
		padding:10px 10px 0px 10px;
		word-break:break-all;
	}
	.thecare>li:before{
		position: absolute;
		text-align: center;
		padding:10px 20px 0px 20px; 
		margin:-60px 0px 0px 75px;   
		content: url('../images/lesoin.png');
		display:block;
	}
	

	.mainimage img{
		width:100%;
	}
	.mainpage ol{
		list-style: decimal inside;
		line-height:1em;
		}
	.mainpage li{
		margin: 15px 5px 15px 40px;
		line-height: 1.25em;
		
	}
	.footer{
		width: 555px;
		margin:20px auto;
	}
	.footer p{
		float:left;
		}
	.footer a{
		color:black;
		float:right;
		text-decoration:none;
	}
	.author img{
		float:left;
		margin:0px 10px;
	}
	.authordata{
		float:left;
		margin: 25px 5px;
	
	}
	.author h2{
		color: #DC2127;
		text-transform: capitalize !important;
		font-family: CinzelRegular, TimesNewRoman, Serif;
		font-size: 1.5em;
		margin:5px 10px !important;
		}
	.author h3{
		font-size: 1em;
		margin: 0px 10px !important;
		color:black;
	}
	
}