@import url(css);

* { padding:0; margin:0; outline:none; box-sizing:border-box;font-family: 'Raleway', sans-serif; border:none; }
body { font-size:14px; line-height:18px; font-family: 'Raleway', sans-serif; background:#8CAF2C url(images/bg.jpg) top center no-repeat; position:relative; }
p {
    margin: 5px auto 10px;
}
.clear { clear:both; }
.homepage { min-height:800px; }
.subpage { }
img, table, iframe { max-width:100%; }
img { height: auto; }

input[name=password] { margin-top: 15px; padding: 5px; border:#197E3A 1px solid; }
input.button { padding: 5px 15px; background: #197E3A; color: #FFF; cursor: pointer; }


body.page13546 { background: url('christmas.jpg')  top center no-repeat; background-size: cover; }

.page11609 .innerNav { display: none; }

#content.homepage .inner { background: #FFF; padding:60px 35px 35px; }
.home { }
.home h3 { font-size: 22px; font-weight: bold; color:#19B786; margin-bottom: 20px; }
.home .welcome { width: 35%; float: left; }
.home .welcome .readmore { background:#19B786; color: #FFF; font-weight: bold; padding: 16px 35px; border-radius: 10px; display: inline-block; text-decoration: none; }
.home .welcome .readmore:hover { opacity: .8; }

.home .gallery { width: 60%; float: right; height: 335px; background: #EFEFEF; border-radius: 10px; position: relative; }
.home .gallery div { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; width: 100%; height: 100%; }

.home .lower { margin-top: 35px; padding-top: 35px; border-top:#19B786 5px dotted; }
.home .lower .left { width: 48%; float: left; background: #EFEFEF; padding: 20px; border-radius: 10px; }
.home .lower .right { width: 48%; float: right; background: #EFEFEF; padding: 20px; border-radius: 10px; }
.home .lower .right ul { list-style: none; }
.home .lower .right ul li { display: inline-block; width: 45%; margin: 0 5% 15px 0; float: left; }
.home .lower .right ul li a { display: block; border-radius: 10px; color: #FFF; text-decoration: none; padding: 10px; text-align: center; font-weight: bold; }
.home .lower .right ul li a:hover { opacity: .8; }

.home .lower .right ul li:nth-child(1) a { background:#EF3F32; }
.home .lower .right ul li:nth-child(2) a { background:#F2592F; }
.home .lower .right ul li:nth-child(3) a { background:#F48035; }
.home .lower .right ul li:nth-child(4) a { background:#FDB932; }
.home .lower .right ul li:nth-child(5) a { background:#a52323; }
.home .lower .right ul li:nth-child(6) a { background:#1C8E46; }
.home .lower .right ul li:nth-child(7) a { background:#03A1A0; }
.home .lower .right ul li:nth-child(8) a { background:#0080B7; }


.home .lower .right ul li:nth-child(9) a { background:#EF3F32; }
.home .lower .right ul li:nth-child(10) a { background:#F2592F; }
.home .lower .right ul li:nth-child(11) a { background:#F48035; }
.home .lower .right ul li:nth-child(12) a { background:#FDB932; }
.home .lower .right ul li:nth-child(13) a { background:#99C53A; }
.home .lower .right ul li:nth-child(14) a { background:#1C8E46; }
.home .lower .right ul li:nth-child(15) a { background:#03A1A0; }
.home .lower .right ul li:nth-child(16) a { background:#0080B7; }
.home .lower .right ul li a.lime-green { background:#99C53A; }




.mod1 ul.prettyButtons { list-style: none; margin: 15px 0 !important; }
ul.prettyButtons li { display: inline-block; width: 45%; margin: 0 5% 15px 0; float: left; }
ul.prettyButtons li a { display: block; border-radius: 10px; color: #FFF !important; text-decoration: none; padding: 10px; text-align: center; font-weight: bold; }
ul.prettyButtons li a:hover { opacity: .8; }

ul.prettyButtons li:nth-child(1) a { background:#EF3F32; }
ul.prettyButtons li:nth-child(2) a { background:#F2592F; }
ul.prettyButtons li:nth-child(3) a { background:#F48035; }
ul.prettyButtons li:nth-child(4) a { background:#FDB932; }
ul.prettyButtons li:nth-child(5) a { background:#99C53A; }
ul.prettyButtons li:nth-child(6) a { background:#1C8E46; }
ul.prettyButtons li:nth-child(7) a { background:#03A1A0; }
ul.prettyButtons li:nth-child(8) a { background:#0080B7; }



.page5242 #mod2 { padding: 15px; border: red 8px solid; border-radius: 10px; margin: 25px 0; }
.page5242 #mod2:nth-child(2) { border:green 8px solid; }
.page5242 #mod2:nth-of-type(2) { border:green 8px solid; }



.artinschool { margin:40px 0; margin-left:-20px; list-style:none; }
	.artinschool a { padding:15px 22px; background:#FF2F2F; box-shadow:0 5px 0 #FFAFAF; border-radius:10px; color:#FFF !important; }
	.artinschool a:hover { background:#333; }

table { width:100% !important; border-collapse:collapse; }
	table td, table th { padding:5px; border:#E2EC9F 1px solid; }
	table th { background:#E2EC9F; }
table.table {
    margin: 20px 0px;
}
table.table.no-boarder td,table.table.no-boarder th {
    border: none;
}
table.table.thirds td {
    width: 33%;
}

ul { 
    margin: 10px;
    padding-left: 10px;
}
ul li { 
    margin: 5px;
}
a.button-reading {
    padding: 20px;
    border: 1px solid #efefef;
    border-radius: 5px;
    display: block;
    background: #fff;
    text-align: center;
    transition: 0.3s all ease;
}
a.button-reading:hover {
    background: #efefef;
    border: 1px solid #dcdcdc;
}
a.button-reading img {
    margin-bottom: 10px;
}
a.button-reading span {
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 700;
}

div.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.flex.flex-3-col a {
    width: calc(33% - 10px);
    margin: 5px;
    
}


h1, h1 span { font-size:43px; line-height: 43px; color:#D90000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; text-align:center; margin:6px 0; z-index:99; }
h2, h2 span { font-size:30px; line-height: 30px; color:#111; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; text-align:center; z-index:99; }

.annou { width:700px; margin:30px auto; padding:0 35px; line-height:44px; position:relative; }
marquee { background:#1DD39C; border-top:#19B786 5px solid; border-bottom:#19B786 5px solid; color:#FFF; }
marquee .mod1 { line-height:44px; height:44px; padding:0; margin:0; }
marquee:before { content: " "; background:url(images/marquee-left.png) 0 0 no-repeat; width:35px; height:54px; position:absolute; top:0; left:0; z-index:99 }
marquee:after { content: " "; background:url(images/marquee-right.png) 0 0 no-repeat; width:35px; height:54px; position:absolute; top:0; right:0; z-index:99 }

.noticeboard { width:253px; height:230px; background:url(images/noticeboard.png) 0 0 no-repeat; float:right; margin:285px -210px 0 0; z-index:99; position:relative; }
	.noticeboard div.mod1 { padding:35px 25px 25px 25px; max-height:170px; text-align:left; font-size:12px; }
	.noticeboard div.mod1 a { color:#333; text-decoration:none; }
	.noticeboard div.mod1 a:hover { color:#3C9BD8; }	

/* homepage navigation */
.homepage nav { max-width:980px; margin:0 auto; z-index:88; position:relative; }
.homepage nav ul { float:right; width:360px; height:509px; background:url(images/hp-signpost.png) 0 0 no-repeat; overflow:hidden; position:relative; list-style:none; }
.homepage nav ul li { position:absolute; text-align:center; border:#fff 0px solid; }
.homepage nav ul li:nth-child(1) { width:170px; height:70px; top:25px; left:0; line-height:70px; text-shadow: 2px 0 0 #A80004, -2px 0 0 #A80004, 0 2px 0 #A80004, 0 -2px 0 #A80004, 1px 1px #A80004, -1px -1px 0 #A80004, 1px -1px 0 #A80004, -1px 1px 0 #A80004; text-indent:10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); }
.homepage nav ul li:nth-child(1) a { line-height:70px; }
.homepage nav ul li:nth-child(2) { width:172px; height:82px; top:93px; left:178px; line-height:82px; text-shadow: 2px 0 0 #0287A8, -2px 0 0 #0287A8, 0 2px 0 #0287A8, 0 -2px 0 #0287A8, 1px 1px #0287A8, -1px -1px 0 #0287A8, 1px -1px 0 #0287A8, -1px 1px 0 #0287A8; text-indent:-15px; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -o-transform: rotate(7deg); }
.homepage nav ul li:nth-child(2) a { line-height:82px; }
.homepage nav ul li:nth-child(3) { width:171px; height:70px; top:154px; left:0; line-height:70px; text-shadow: 2px 0 0 #107456, -2px 0 0 #107456, 0 2px 0 #107456, 0 -2px 0 #107456, 1px 1px #107456, -1px -1px 0 #107456, 1px -1px 0 #107456, -1px 1px 0 #107456; text-indent:10px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); }
.homepage nav ul li:nth-child(3) a { line-height:70px; }
.homepage nav ul li:nth-child(4) { width:190px; height:73px; top:221px; left:170px; line-height:73px; text-shadow: 2px 0 0 #9D6302, -2px 0 0 #9D6302, 0 2px 0 #9D6302, 0 -2px 0 #9D6302, 1px 1px #9D6302, -1px -1px 0 #9D6302, 1px -1px 0 #9D6302, -1px 1px 0 #9D6302; text-indent:-15px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); }
.homepage nav ul li:nth-child(4) a { line-height:73px; }
.homepage nav ul li:nth-child(5) { width:190px; height:73px; top:221px; left:170px; line-height:73px; text-shadow: 2px 0 0 #9D6302, -2px 0 0 #9D6302, 0 2px 0 #9D6302, 0 -2px 0 #9D6302, 1px 1px #9D6302, -1px -1px 0 #9D6302, 1px -1px 0 #9D6302, -1px 1px 0 #9D6302; text-indent:-15px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); }
.homepage nav ul li:nth-child(5) a { line-height:73px; }
.homepage nav ul li:nth-child(6) { width:190px; height:73px; top:221px; left:170px; line-height:73px; text-shadow: 2px 0 0 #9D6302, -2px 0 0 #9D6302, 0 2px 0 #9D6302, 0 -2px 0 #9D6302, 1px 1px #9D6302, -1px -1px 0 #9D6302, 1px -1px 0 #9D6302, -1px 1px 0 #9D6302; text-indent:-15px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); }
.homepage nav ul li:nth-child(6) a { line-height:73px; }
.homepage nav ul li a { display:block; color:#FFF; text-decoration:none; font-size:24px; font-weight:bold; }
.homepage nav ul li a:hover { color:#111; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }



/* subpage menu */
.subpage nav { max-width:980px; margin:0 auto; }
	.subpage nav ul { list-style:none; margin-left:15px;margin:0 auto; padding: 0; }
	.subpage nav ul li { 
	    display:inline-block; 
	    text-align:center;
	    width: 150px!important;
        height: 62px!important;
        background-size: contain!important;
        margin:0 auto; 
        padding: 0;
	}
	.subpage nav ul li a { display:block; color:#FFF; text-decoration:none; font-size:24px; font-weight:bold; }
	
	.subpage nav ul li:nth-child(1) { background:url(images/buttons/home.png) 0 0 no-repeat; text-shadow: 2px 0 0 #9C0AD3, -2px 0 0 #9C0AD3, 0 2px 0 #9C0AD3, 0 -2px 0 #9C0AD3, 1px 1px #9C0AD3, -1px -1px 0 #9C0AD3, 1px -1px 0 #9C0AD3, -1px 1px 0 #9C0AD3; width:176px; height:68px; text-indent:-20px; margin-right:10px; }
	.subpage nav ul li:nth-child(1) a { line-height:62px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); }
	.subpage nav ul li:nth-child(1):hover { background:url(images/buttons/homep.png) 0 0 no-repeat; }
	
	.subpage nav ul li:nth-child(2) { background:url(images/buttons/about-us.png) 0 0 no-repeat; text-shadow: 2px 0 0 #A80004, -2px 0 0 #A80004, 0 2px 0 #A80004, 0 -2px 0 #A80004, 1px 1px #A80004, -1px -1px 0 #A80004, 1px -1px 0 #A80004, -1px 1px 0 #A80004; width:171px; height:71px; text-indent:10px; margin-right:10px; }
	.subpage nav ul li:nth-child(2) a { line-height:64px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); }
	.subpage nav ul li:nth-child(2):hover { background:url(images/buttons/about-usp.png) 0 0 no-repeat; }
	
	.subpage nav ul li:nth-child(3) { background:url(images/buttons/curriculum.png) 0 0 no-repeat; text-shadow: 2px 0 0 #0287A8, -2px 0 0 #0287A8, 0 2px 0 #0287A8, 0 -2px 0 #0287A8, 1px 1px #0287A8, -1px -1px 0 #0287A8, 1px -1px 0 #0287A8, -1px 1px 0 #0287A8; width:174px; height:72px; text-indent:-10px; margin-right:10px; }
	.subpage nav ul li:nth-child(3) a { line-height:60px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); }
	.subpage nav ul li:nth-child(3):hover { background:url(images/buttons/curriculump.png) 0 0 no-repeat; }
	
	.subpage nav ul li:nth-child(4) { background:url(images/buttons/parents.png) 0 0 no-repeat; text-shadow: 2px 0 0 #107456, -2px 0 0 #107456, 0 2px 0 #107456, 0 -2px 0 #107456, 1px 1px #107456, -1px -1px 0 #107456, 1px -1px 0 #107456, -1px 1px 0 #107456; width:171px; height:65px; text-indent:-10px; margin-right:10px; }
	.subpage nav ul li:nth-child(4) a { font-size: 20px; padding-top:5px;line-height:25px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); }
	.subpage nav ul li:nth-child(4):hover { background:url(images/buttons/parentsp.png) 0 0 no-repeat; }
	
	.subpage nav ul li:nth-child(5) { background:url(images/buttons/children.png) 0 0 no-repeat; text-shadow: 2px 0 0 #107456, -2px 0 0 #107456, 0 2px 0 #107456, 0 -2px 0 #107456, 1px 1px #107456, -1px -1px 0 #107456, 1px -1px 0 #107456, -1px 1px 0 #107456; width:191px; height:74px; text-indent:10px; }
	.subpage nav ul li:nth-child(5) a { line-height:70px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); }
	.subpage nav ul li:nth-child(5):hover { background:url(images/buttons/childrenp.png) 0 0 no-repeat; }
	
	.subpage nav ul li:nth-child(6) { background:url(images/buttons/community.png) 0 0 no-repeat; text-shadow: 2px 0 0 #9D6302, -2px 0 0 #9D6302, 0 2px 0 #9D6302, 0 -2px 0 #9D6302, 1px 1px #9D6302, -1px -1px 0 #9D6302, 1px -1px 0 #9D6302, -1px 1px 0 #9D6302; width:191px; height:74px; text-indent:-12px; }
	.subpage nav ul li:nth-child(6) a { font-size: 20px; padding-top:5px;line-height:25px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); }
	.subpage nav ul li:nth-child(6):hover { background:url(images/buttons/communityp.png) 0 0 no-repeat; }
	
	
	
.subpage nav ul li a:hover { color:#111; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
	
	

/* subpage content */
#content { padding:0 15px; margin:-30px 0 30px 0; }
	
	#content .inner {  max-width:980px; margin:0 auto; background:#F7FADA; border-radius:10px; padding:40px 0 0 0; border:#FFF 3px solid; }
	
	#main { width:70%; float:left; margin-left:25px; padding:15px 0 30px 0; }
		#main h3, #main h3 a { color:#0073A3; font-size:24px; line-height:24px; margin:10px 0 20px 0; }
		#main a { color:#0073A3; text-decoration:none; }
		#main a:hover { color:#F90007; text-decoration:none; }
		
	#sidebar {  width:25%; padding:15px; background:#E2EC9F; color:#197E3A; float:right; -webkit-border-radius: 15px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 15px; -moz-border-radius-bottomleft: 0; border-radius: 15px; border-bottom-left-radius: 0; }
		#sidebar h3 { color:#197E3A; font-size:24px; line-height:24px; margin:10px 0 20px 0; }
		#sidebar ul { list-style:none; margin: 0; padding: 0;}
		#sidebar ul li { margin: 0; padding: 0; }
		#sidebar ul li a { padding:15px 0; color:#197E3A; font-size:15px; font-weight:bold; line-height: 15px; text-decoration:none; display:block; border-top:#FFF 2px dotted; }
		#sidebar ul li a:hover { color:#111; }

a.gototop {
    margin: 10px 0 30px 0!important;
    display: block;
}


/* images around site */
span.hp-logo { position:absolute; top:25px; right:15px; width:132px; height:126px; background:url(images/hp-logo.png) 0 0 no-repeat; z-index:-1; }
span.hp-logo2 { position:absolute; top:25px; left:15px; width:132px; height:126px; background:url(images/hp-logo.png) 0 0 no-repeat; z-index:-1; }

span.hp-left-balloon { position:absolute; top:15px; left:15px; width:182px; height:244px; background:url(images/hp-left-balloon.png) 0 0 no-repeat; z-index:-1; }
span.hp-right-balloon { display:none; position:absolute; top:15px; right:15px; width:117px; height:156px; background:url(images/hp-right-balloon.png) 0 0 no-repeat; z-index:-1; }
span.hp-slide { position:absolute; bottom:15px; left:15px; width:70%; height:444px; background:url(images/hp-slide.png) bottom left no-repeat; z-index:-1; background-size:contain; }
span.hp-right-kids { }



/* footer */
footer { text-align:center; color:#197E3A; font-weight:bold; margin-bottom:30px; }
footer a { color:#197E3A; margin-top:15px; font-weight:bold; display:block; text-decoration:none; }
footer a:hover { color:#111; }


@media screen and (max-height: 725px) {
	span.hp-slide { top: 275px; }
}

/* mobile view */
@media screen and (max-width: 700px) {
	h1, h1 span { font-size:7vw; line-height:7vw; }
	h2, h2 span { font-size:6vw; line-height:6vw; }
	.annou { width:80%; }
	span.hp-logo, span.hp-logo2, span.hp-left-balloon, span.hp-right-balloon, span.hp-slide { display:none; }
	.subpage nav ul li { width:100% !important; background-position:top center !important; }
	.subpage nav ul li:hover { background-position:top center !important; }
}


/* mobile view */
@media screen and (max-width: 970px) {
	.subpage nav ul li { width:100% !important; background-position:top center !important; }
	.subpage nav ul li:hover { background-position:top center !important; }
	span.hp-slide { display:none; }
	.noticeboard { background:url(images/noticeboard.png) 0 0 no-repeat; float:left; margin-left:30px;  }

}



/* portrait tablet */
@media screen and (max-width: 880px) {
	span.hp-logo { display:none; }
	span.hp-logo2 { display:none; }
	#main { width:100%; padding:15px; margin:0 0 25px 0; }
	#sidebar { width:100%; padding:15px; margin:0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
}

/* notice board fix */
@media screen and (max-width: 560px) {
	.noticeboard { background:url(images/noticeboard.png) 0 0 no-repeat; float:left; margin:20px 0 20px 30px; }
}

/* large desktop view */
@media screen and (min-width: 1500px) {
	span.hp-logo { right:280px; } 
	span.hp-logo2 { left:280px; } 
	span.hp-left-balloon { left:280px; }
	span.hp-slide { left:200px; }
}




body.isHomeLearning ul.innerNav { text-align: center; }
body.isHomeLearning ul.innerNav { list-style:none; }
body.isHomeLearning ul.innerNav li { display: inline-block; margin: 0 8px 30px 8px; }
body.isHomeLearning ul.innerNav li a { display: block; width: 130px; padding-top: 145px; background: url('images/logo-learning.png') top center no-repeat; }

body.isHomeLearningWeek ul.innerNav li a { display: block; width: 110px; padding-top: 115px; background: url('images/logo-learning2.png') top center no-repeat; }

/* PRIMARY CMS */
	
.mod1, #mod2, #mod3, #mod4, #mod8 { margin-bottom:15px; }
#mod3 a { margin:0 10px 10px 0; float:left; }
#mod3 img { border:#CCC 3px solid; }
#mod3 ul { margin-left:0 !important; }
#mod3 p { margin-bottom:10px !important; }
.mod1 ul, .mod1 ol, #mod2 ul { margin:20px !important; }
ul.innerNav { margin:20px; }
ul.innerNav li a { font-weight:bold; }
div#container div#content div.inner div#annou .mod1 { margin:0 !important; }

.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }

#mod7 ul { padding:0; margin:15px 0 0 0!important; }
#mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
#mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
#mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
#mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
#mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { width:100px; float:left; }
.mod7write input { width:200px; float:left; padding:5px; border:#999 1px solid; }
.mod7write textbox { width:100px; float:left; }
.mod7write textarea { width:300px; float:left; padding:5px; border:#999 1px solid; }

#mod8 { padding-bottom:20px; border-bottom:#EDBF47 1px dotted; }
#mod8.full { border-bottom:none; }
#mod8 img.small { float:left; width:120px; max-width:120px !important; margin:0 15px 0 0; border:#EDBF47 1px solid; padding:3px; }
#mod8 img.full { max-width:460px; max-height:510px; margin:5px 0 10px 0; border:#EDBF47 1px solid; padding:3px; display:block; }
#mod8  .title a, #mod8 .title { font-weight:bold; text-decoration:none; font-size:16px; display:block; }
#mod8 em { margin-bottom:5px; display:block; font-size:12px; }


/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #a52323;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #da3131;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #f03c3c;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/