/*
	**********************************
	**** CSS by Cwmni Cynnal 2018 ****
	**********************************
*/

/* font imports */

.yellowText{
	color:#f7b11e !important;
}
.redText{
	color:#ee1933 !important;
}
.aquaText{
	color:#01bbc2 !important;
}
.darkGreenText{
	color:#007f93 !important;
}
.greenText{
	color:#00a151 !important;
}
.purpleText{
	color:#8039b7 !important;
}
.whiteText{
	color:#FFFFFF !important;
}
.darkRedText{
	color:#c52b17 !important;
}
.redBorder{
	outline:4px solid #ee1933;
	width:100%;
}
.redBG{
	background:#ee1933;
}
.darkRedText2{
	color:#d32633 !important;
}
.purpleBG{
	background:#8039b7 !important;
}
.orangeText{
	color:#ee5a28 !important;
}
.orangeBG{
	background:#ee5a28 !important;
	color:#FFFFFF;
}
.darkBlueText{
	color:#2e529c !important;
}
.airAtom{
	font-family:ExoBold;
	padding:5px;
}
.airAtom a{
	color:#FFFFFF;
}
.darkRedBG{
	background:#cc1b35 !important;
}
.darkRedBG2{
	background:#d32633 !important;
	color:#FFFFFF;
}
.croesoBox{
	margin-top:20px !important;
}
.darkBG{
	background:#28313f;
	color:#FFFFFF;
}
.darkGreenBG{
	background:#22997a;
	color:#FFFFFF; 
}
.blueBG{
	color:#FFFFFF;
	background:#007aff !important;
}
p.blueBG{
	padding:5px;
	font-weight:bold;
	font-family:ExoBold;
}
.blueBG a, .blueBG a:active, .blueBG a:hover, .blueBG a:visited{
	color:#FFFFFF;
	
}
p{
	margin-bottom:8px !important;
}
.page4Boxes{
	display:table;
}
.page4Boxes h2{
	margin-bottom:0px;
}
.page4Boxes div{
	padding:10px;
}

.bacteria{
	margin-top:12px;
	padding:10px;
	position:relative;
	margin-bottom:12px;
}
.bacteria ul {
	margin-bottom: 0px;
}
.bacteria li {
	margin-bottom: 0px !important;
}

.bacteria .bgImg{
	position:absolute;
	width:80%;
	top:25%;
	margin:auto;
	opacity:0.1;
}
.endOfPaper{
	background:#ec5a28;
	color:#fff;
}
.endOfPaper a {
	color: #fff;
	font-weight: bold;
}
.endOfPaper div{
	padding:5px;
}
.greenBold{
	font-family:ExoBold;
	font-weight:bold;
	color:#00a551;
	font-size:17px;
}
.blueBold{
	font-family:ExoBold;
	font-weight:bold;
	color:#1b75b7;
	font-size:20px;
}	
.page8RedTitles{
	font-family:ExoBold;
	color:#ce2a48;
	font-size:22px;
}

.header .col-md-12{
	padding:0px !important;
}
.sidebar .col-md-12{
	padding:0px 8px !important;
	text-align:right;
}
.sidebar .col-md-12.border{
	border-bottom:0px solid #FFFFFF;
}
.secondRowBook{
	width:43% !important;
}
.redBorder.rygbi{
	margin-top:10px;
}
.rygbi .redBG h1{
	padding:5px;
	text-align:center;
	text-transform: uppercase;
	font-size: 25px !important;
}

.rygbi .boxContent h2{
	padding:5px;
	text-align:center;
}

.redBorder.rygbi table{
	width:95%;
	margin:auto;
	margin-bottom: 4px;
}
.rygbi img {
	margin-bottom: 8px;
}
.row.sidebar{
	margin-top:8px;
}
.titles{
	color:#28313f;
}
.subTitles, .greenText{
	color:#00a551;
}

.titles, .subTitles{
	font-family:ExoBold;
}
.titles.sidebar{
	font-size:20px;
	margin-bottom:0px;
	line-height:20px;
	margin-top:0px;
	
}
.sidebar {
	background:#00a551;
	color:#FFFFFF !important;
}
.speech{
	font-style:italic;
}
.titles.small{
	font-size:28px;
	line-height:25px
}
.titles.smaller{
	font-size:22px;
	line-height:22px
}
.sidebar{
	margin-top:10px;
	padding:5px 0px;
}

.titles.medium{
	font-size:64px;
	line-height:60px
}
.titles.medium_two{
	font-size:52px;
	line-height:54px;
	margin-bottom: 2px;
}
.row{
	padding:0px;
	margin:0px;
}
.titles.large{
	font-size:100px;
	
}
.subTitles.large{
	font-size:34px;  
	line-height:34px;
}
.subTitles.large_front{
	font-size:30px;  
	line-height:30px;
	margin-bottom: 4px;
}
.subTitles.medium{
	font-size:24px;  
	line-height:20px;
	
}
.subTitles.small{
	font-size:18px;  
	line-height:20px;
	
}
.row img{
	width:100%;
}
.row.header img{
	width:100%;
}

.colBorder{
	border-left:1px solid #28313f;
}
.seperator, .seperatorFull{
	width:100%;
	height:10px;
	margin-top:20px;
	text-align:center;
	font-weight:bold;
	font-family:ExoBold;
	padding-bottom:20px;
}

.seperator90{
	width:100%;
	height:5px;
	
	text-align:center;
	font-weight:bold;
	font-family:ExoBold;
	padding-bottom:20px;
}
.seperator90 .green{
	width:90%; 
	margin:auto;
	height:5px;
	background:#00a551;
}
.seperator .red{
	float:left;
	width:70%;
	height:10px;
	background:#fd4639;
}
.seperator .blue{
	float:left;
	width:30%;
	height:10px;
	background:#28313f;
}
.seperatorFull .blue{
	width:100%;
	height:10px;
	background:#28313f;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.mediumOverride{
	font-size:40px !important;
	line-height:10px;
	margin-top:-10px;
	border-bottom:2px solid grey;
	display:inline-block;
}
.smallOverride{
	font-size:20px !important;
}
.topBorder{
	border-top:3px solid grey;
	padding-top:16px;
	
}
.bottomBorder{
	border-bottom:3px solid grey;
	/*padding-bottom:16px;*/
	
}
ul, ol{
	margin-left:14px;
}
li{
	margin-left:6px;
	margin-bottom:5px;
}
.row15Col{
	float:left;
	width:20%;
}
.row15Col div{
	margin:3%;
}
.blueBG{
	background:#28313f;
	color:#FFFFFF;
}
.greenBG{
	background:#00a551;
	padding:10px;
}
.white{
	color:#FFFFFF;
}
.right{
	text-align:right;
}
.geirfaBox{
	border:1px solid #28313f;
	padding:6px;
}
.geirfaBox h1 {
	margin-bottom: 0px !important;
}
.grey{
	color:grey;
}
.greenUnderline{
	border-bottom:3px solid #00a551;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
	top:0; 
	left:0;
}
.gwaithgwaithgwaith{
	margin-top:12px;
}
.gwaithgwaithgwaith td{
	padding:0px 5px;
	text-align:left;
}
.gwaithgwaithgwaith span{
	background:#28313f;
	color:#FFFFFF;
	font-family:ExoBold;
	padding:5px 5px;
}
.mobile{
	display:none;
}
.fullScreen{
	display:block
}
.page{
	background:#FFFFFF;
	
	padding-bottom:20px;
}

#page1Box{
	width:100%;
}
#page1Box .blueBG{
	float:left;
	width:55%;
	padding:13px;
}
#page1Box .greenBG{
	float:left;
	width:45%;
	color:#FFFFFF !important;
}
.greenBG a{
	color:#FFFFFF;
}

.books{
	float:left;
	width:27%;
	margin-left:40px;
}
.books.first{
	margin-left:0px;
}
.page2_1{
	width:220px; margin-right:12px; float:left;
}
.page2_2{
	float:left; width:200px
}
.rightBorder{
	border-right:2px solid grey;
}
.gap{
width:70px; height:1px; margin-right:12px; float:left;
}
.thirdRowBook{
	width:85% !important;
	margin-left:70px;
	margin-bottom:20px;
}
@media only screen and (max-width: 1024px) {
	.tablet{
		display:block;
	}
	.normalSCreen{
		display:none;
	}

	#bodyWrapper{
		width:768px;
		font-size:14px;
	
	}
	.titles.medium{
	font-size:48px;
	line-height:38px
}

	.titles.large{
		font-size:75px;
		line-height:80px
	}
	.subTitles.large{
		font-size:20px;  
		line-height:20px;
	}
	.books{
		float:left;
		width:24%;
	}
	.secondRowBook{
		width:40% !important;
	}
	.gap{
		width:1px;
	}
	.page2_1{
	width:140px; margin-right:12px; float:left;
}
.page2_2{
	float:left; width:180px
}
}


@media only screen and (max-width: 767px) {
	.mobiles{
		display:block;
	}
	.normalSCreen, .tablet{
		display:none;
	}
	#bodyWrapper{
		width:100%;
		font-size:14px;
	
	}
	.row{
		margin:0px !important;
	}
	.row15Col{
		width:90%;
		clear:both;
	}
	.mobile{
		display:block;
	}
	.fullScreen{
		display:none;
	}
	#page1Box .blueBG{
		float:none;
		width:100%;
		padding:13px;
	}
	#page1Box .greenBG{
		float:none;
		width:100%;
		color:#FFFFFF !important;
	}
	.books, .secondRowBook, .thirdRowBook{
		float:left;
		width:100% !important;
		margin-left:0px;
		margin-top:20px;
	}
	.date{
		max-width:70px;
	}
	.page2_1{
	width:100%
}
.page2_2{
	width:100%;
}

}