.box-head {
    color: #0e3c5d;
    position: relative;
    padding: 10px 25px;
    padding-right: 45px;
    font-weight: 500;
    min-height: 45px;
}
	.box-head .new {
	    background: #328bc3;
	    color: #ffffff;
	    padding: 8px;
	    position: absolute;
	    right: 2px;
        top: 2px;
	}
	.box-head .new::after {
	    content: "";
	    background: rgba(255, 255, 255, 0.3);
	    margin: 5px;
	    background-clip: padding-box;
	    position: absolute;
	    width: calc(100% - 10px);
	    height: calc(100% - 10px);
	    left: 0px;
	    top: 0px;
	    transform: rotate(0deg);
	    animation: box-new 1.5s infinite;
	}
	@-webkit-keyframes box-new {
	    50% {transform: rotate(90deg);}
	    100% {transform: rotate(180deg);}
	}
	@keyframes box-new {
	    50% {transform: rotate(90deg);}
	    100% {transform: rotate(180deg);}
	}
	
.box-audience {
    display: table;
    width: 100%;
    padding: 5px 21px;
    color: #000;
}
	.A-box {
	    display: inline-flex;
        padding: 0px 10px;
	}
	
		.B-date {
		    background: #0e3c5d;
		    color: #ffffff;
		    font-size: 0.7em;
		    padding: 4px;
		    padding-top: 5px;
		    width: 47px;
		    height: 47px;
		    text-align: center;
		}
		body.mediumFont .B-date {
	        width: 41px;
		    height: 41px;
	        padding-top: 6px;
		}
		body.largeFont .B-date {
	        width: 55px;
		    height: 55px;
		}
			.B-date b {
			    font-weight: 100;
			    text-align: center;
			    font-size: 2em;
			    line-height: 0.95em;
		        display: block;
			}
			
		.B-time {
		    background: #d9b312;
		    color: #ffffff;
		    padding: 10px 2px;
	        width: 47px;
		    height: 47px;
		    text-align: center;
		}
		body.mediumFont .B-time {
	        width: 41px;
		    height: 41px;
		    padding: 12px 2px;
		}
		body.largeFont .B-time {
	        width: 55px;
		    height: 55px;
		}
		
	.A-box+u {
        margin-right: 10px;
	    margin-bottom: 4px;
	    width: 15px;
	    display: inline-block;
	    border-bottom: 1px solid #acacac;
	}
		
	.Audience {
	    float: right;
        color: #7d7d7d;
	    padding: 5px 9px;
	}
		.Audience::before {
		    content: "";
			width: 18px;
		    height: 14px;
	        background: url(../images/Icon-Eye.svg) center no-repeat;
		    background-size: 100% auto;
		    display: inline-block;
		    margin-right: 6px;
		    margin-bottom: -2px;
		}
	
	.st-btn.st-last.st-remove-label {
	    display: inline-block !important;
	}

.box-dateAB {
    display: table;
    width: 100%;
    padding: 0px 21px;
    font-size: 0.8em;
    position: relative;
    margin-top: 20px;
}
	.box-dateAB .box-date-edit {
	    float: left;
        padding: 10px 0px;
	}
		.box-dateAB .box-date-edit span {
		    width: 80px;
		    display: inline-block;
		}
		
	.box-dateAB .box-share-social {
        position: absolute;
	    right: 0px;
	    top: 50%;
	    transform: translateY(-50%);
	}
		.box-share-social .st-btn {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			-moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			cursor: pointer;
			display: inline-block;
			font-size: 11px;
			height: 32px;
			line-height: 32px;
			margin-right: 5px;
			padding: 0 8px;
			position: relative;
			text-align: center;
			top: 0;
			vertical-align: top;
			white-space: nowrap;
		}
		.box-share-social .st-btn:last-child {
			margin-right: 12px;
		}
			.box-share-social .st-btn > svg {
				height: 16px;
				width: 16px;
				position: relative;
				top: 8px;
				vertical-align: top;
			}
			
		.box-share-social .st-total {
			color: #555;
			display: inline-block;
			font-weight: 500;
			line-height: 12px;
			margin-right: 0;
			max-width: 80px;
			padding: 4px 8px;
			text-align: center;
		}
			.box-share-social .st-total > span {
				font-size: 16px;
				line-height: 17px;
				display: block;
				padding: 0;
			}
			.box-share-social .st-total > span.st-shares {
				font-size: 9px;
				line-height: 9px;
			}
			
		.box-share-social .st-btn:hover {
			opacity: .8;
			top: -4px;
		}			
		.box-share-social #st-facebook {
			background-color: #3B5998;
		}
		.box-share-social #st-twitter {
			background-color: #55acee;
		}
		.box-share-social #st-googleplus {
			background-color: #dc4e41;
		}

.box-body {
    padding: 20px;
}
	.box-image {
	    height: 16vw;
	}
	.box-image.Img4 {
	    height: 12vw;
	}
	.box-image.Img5 ,
	.box-image.Img6 {
	    height: 30vw;
	}
		.box-image .item {
		    float: left;
		    width: calc(33.33% - 10px);
		    height: calc(100% - 10px);
		    overflow: hidden;
		    margin: 5px;
		}
		.box-image.Img1 .item {
		    width: calc(100% - 10px) !important;
		    height: 30vw;
		}
		.box-image.Img2 .item {
		    width: calc(50% - 10px);
		}
		.box-image.Img3 .item {
		    width: calc(33.33% - 10px);
		}
		.box-image.Img4 .item {
		    width: calc(25% - 10px);
		}
		.box-image.Img5 .item {
		    width: calc(33.33% - 10px);
		    height: calc(17vw + 12px);
		}
			.box-image.Img5 .item:first-child {
			    height: calc(34vw + 33px);
			}
			
		.box-image.Img6 .item {
		    width: calc(33.33% - 10px);
		    height: calc(50% - 10px);
		    position: relative;
		}
			.box-image .item img {
			    width: 100%;
			    transform: translate(-50%,-50%) matrix(1,0,0,1,0,0);
			    top: 50%;
			    left: 50%;
			    position: relative;
			    transition: .5s;
			}
			.box-image.Img5 .item img {
			    width: auto;
			    height: 100%;
			}
			@media only screen and (min-width: 1026px) {
				.box-image .item:hover img {
					transform: translate(-50%,-50%) matrix(1.2,0,0,1.2,0,0);
				}
			}
/*
				
			.box-image.Img6 .item:nth-child(6) a:last-child::after {
			    content: "";
			    position: absolute;
			    bottom: 0px;
			    right: 0px;
			    width: 100%;
			    color: #ffffff;
			    font-size: 4vw;
			    text-align: center;
			    line-height: 17vw;
			    z-index: 0;
			    font-family: monospace;
			    background: rgba(0, 0, 0, 0.2);
			}
				.box-image.Img6 .item:nth-child(6) a:first-child {
				    width: 100%;
				    height: 100%;
				    position: absolute;
				    z-index: 1;
				}
				.box-image.Img6 .item:nth-child(6) {
					counter-reset: eke					
				}
				.box-image.Img6 .item:nth-child(6) a {			
					counter-increment: eke;					
				}
				.box-image.Img6 .item:nth-child(6) a:not(:first-child):last-child::after {
				    content: "+" counter(eke);			
				}
*/
			
	.box-gallery {
	    display: block;
        padding-bottom: 60px;
	    border-bottom: 1px solid #e9e9e9;
	}
		.b-gallery {
		    display: inline-block;
		    width: 100%;
	        background: #f7f7f7;
		    position: relative;
		}
			.box-gallery h2 {
			    font-weight: 400;
			    color: #252525;
			    padding-left: 25px;
			    text-transform: uppercase;
		        background: #ffffff;
			    margin: 0;
			    padding: 20px 0px 20px 25px;
			}
			.box-gallery .box-gallery-show {
				width: 60%;
				float: left;
			    padding-right: 9px;
			}
				.box-gallery .box-gallery-show .img {
				    background-size: cover;
			        background-position: center;
				    position: relative;
				    cursor: zoom-in;
				}
/*
			.box-gallery .box-gallery-show {
				width: 60%;
				float: left;
		        padding-right: 12px;
			    background: #fff;
			    background-clip: content-box;
			}
				.box-gallery .box-gallery-show .img {
			        position: relative;
				    cursor: zoom-in;
				    background-size: contain;
				    padding: 5px;
				    background-clip: content-box;
				    background-repeat: no-repeat;
				    background-position: center;
				}
*/
				
				.box-gallery .box-gallery-show .img::after {
			        content: "";
				    transition: .5s;
				    opacity: 0;
				    position: absolute;
				    top: calc(50% - 12px);
				    left: 0px;
				    margin: auto;
				    right: 0px;
				    width: 50px;
				    height: 50px;
				    border-radius: 4px;
				    background: rgba(255, 255, 255, 0.5) url(../images/search-icon.png) center;
				    background-size: 30px auto;
				    background-repeat: no-repeat;
				}
			@media only screen and (min-width: 1026px) {
				.box-gallery .box-gallery-show .img:hover::after {
				    opacity: 1;
				}
			}
					.box-gallery .box-gallery-show img {
						width: 100%;
						display: block;
						opacity: 0;
					}
	
			.box-gallery .box-gallery-slide {
				width: 40%;
				float: left;
			}
				.box-gallery .box-gallery-slide .owl-carousel {
				    width: 100%;
				    height: 100%;
			        padding: 8px;
				    position: static;
				}
					.box-gallery .box-gallery-slide .img {
					    background-size: cover;
				        background-position: center;
					    padding: 5px;
					    background-clip: content-box;
					    cursor: pointer;
					}
						.box-gallery .box-gallery-slide img {
							width: 100%;
							display: block;
							opacity: 0;
						}
				
					.box-gallery .box-gallery-slide .owl-nav {
				        position: absolute;
					    left: 80%;
					    transform: translateX(-50%);
					    display: flex;
					    bottom: -45px;
					}
						.box-gallery .box-gallery-slide .owl-nav .owl-prev {
						    background: #252525 url(../images/Icon-owlNav.png) 0px center;
						    width: 35px;
						    height: 35px;
						    color: transparent !important;
					        border-radius: 4px;
						    margin-right: 5px;
						}
						.box-gallery .box-gallery-slide .owl-nav .owl-next {
						    background: #252525 url(../images/Icon-owlNav.png) -35px center;
						    width: 35px;
						    height: 35px;
						    color: transparent !important;
						    border-radius: 4px;
					        margin: 0px 5px;
						}
						.box-gallery .box-gallery-slide .owl-nav .owl-prev.disabled ,
						.box-gallery .box-gallery-slide .owl-nav .owl-next.disabled {
							opacity: 0.1;
						    cursor: default;
						}

	.box-video {
        padding-top: 30px;
	}	
		.box-video video {
		    width: 100%;
	        padding: 10px 0px;
		}
		.box-video iframe {
		    width: 100%;
		    height: 27vw;
	        min-height: 200px;
	        padding: 10px 0px;
		}
		
	.box-body iframe:not([height]) {
	    height: 35.5vw;
	    width: 100%;
	}
		
	.box-map {
		position: relative;
        padding-top: 30px;
	}					
		.box-map #map {
		    width: 100%;
		    height: 300px;
		    border-bottom: 4px solid #afafaf;
		}
		.box-map .box-text {
	        background: rgba(14, 60, 93, 0.9);
		    color: #ffffff;
		    width: 260px;
		    position: absolute;
		    bottom: 20px;
		    left: 20px;
		    opacity: .9;
		    padding: 15px 20px;
		}
			.box-map .box-text h4 {
				margin: 0;
				font-weight: 400;
			}
			
	.box-pdf {
        padding-top: 30px;
	}
	.box-pdf iframe{
		width: 100%;
		min-height: 900px;
		 
		overflow: hidden ;
	}
	
	.box-Files {
        padding-top: 30px;
	}
		.box-Files h2 {
		    font-weight: 400;
		    color: #252525;
		    padding-left: 25px;
		    text-transform: uppercase;
		    margin: 0;
		    font-size: 1em;
		}
		.box-list {
		    padding: 0px 5px;
		}
			.box-list .List {
		        min-height: 70px;
	            width: 100%;
			    border-bottom: 1px solid #e9e9e9;
			    padding: 10px 0px;
			    color: #0e3c5d;
			    display: table;
			}
				.box-list .List::before {
				    content: "";
			        width: 30px;
				    height: 37px;
				    display: block;
				    background: url(../images/Icon-dotfiles.png) no-repeat center;
				    background-position-x: -160px;
			        margin: 8px 27px 10px 22px;
				    float: left;
				}
				.box-list .List.pdf::before ,
				.box-list .List.PDF::before {
					background-position-x: -4px;
				}
				.box-list .List.doc::before ,
				.box-list .List.docx::before ,
				.box-list .List.word::before {
					background-position-x: -34px;
				}
				.box-list .List.xls::before ,
				.box-list .List.xlsx::before ,
				.box-list .List.excel::before {
					background-position-x: -65px;
				}
				.box-list .List.ppt::before ,
				.box-list .List.powerpoint::before {
					background-position-x: -97px;
				}
				.box-list .List.zip::before {
					background-position-x: -191px;
				}
				.box-list .List.all::before {
					background-position-x: -129px;
				}
				.box-list .List.image::before {
				    background-position-x: -224px;
				}
				
				.box-list .text {
					width: calc(100% - 214px);
					float: left;
				    padding-right: 27px;
			        word-break: break-all;
				}
					.box-list .text p {
					    margin: 0px;
					    display: -webkit-box;
					    -webkit-line-clamp: 2;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					}
					.box-list .text .box-day {
					    color: #959595;
					    font-size: 0.85em;
					    padding-top: 7px;
					}
					
				.box-list .botton {
				    width: 135px;
					float: left;
				    font-size: 12px;
				    text-align: center;
				    color: #959595;
				}
					.box-list .botton a {
		                background: #252525;
					    color: #ffffff;
					    padding: 4px 0px;
					    width: 100%;
					    max-width: 200px;
					    display: block;
					    text-align: center;
					    font-size: 16px;
					    border-radius: 4px;
					    margin: 0px auto 8px auto;
					}
		
	.box-Tag {
        padding-top: 30px;
	}
		.box-Tag h2 {
		    font-weight: 400;
		    color: #252525;
		    padding-left: 25px;
		    text-transform: uppercase;
		    margin: 0;
		}
		.tag {
		    padding: 0px 16px;
	        display: table;
		    width: 100%;
		}
			.tag a {
		        color: #7d7d7d;
			    background: #f7f7f7;
			    padding: 0px 13px;
			    border-radius: 102px;
			    margin: 3px 6px;
			    display: block;
			    float: left;
			    transition: .5s;
			}
			.tag a:hover {
			    background: #d6d6d6;
			}

/* --------------------------------------------------- resetcss --------------------------------------------------- */
	
blockquote,
a,
abbr,
acronym,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
ul,
ol,
fieldset,
form,
label {
    display: initial;
}

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
tr,
th,
td,
dl,
dt,
dd,
table,
tbody,
tfoot,
thead,
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,
ul,
ol,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-family: 'Pridi', serif !important;
}
.box-body i,
.box-body cite,
.box-body em,
.box-body var,
.box-body address,
.box-body dfn {
    font-style: italic;
}
.box-body strong,
.box-body b {
    font-weight: 500;
}
.box-body ol {
    list-style-type: decimal;
}
.box-body ul {
    list-style-type: disc;
}
.box-body ol,
.box-body ul,
.box-body dl {
    -webkit-padding-start: 30px;
    display: block;
}
.box-body .marker {
    background-color: Yellow;
}
.box-body p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    line-height: 24px;
    margin-top: 16px;
}
.box-body p img {
    max-width: 100%;
}
.box-body sup {
    vertical-align: super;
    font-size: smaller;
    display: inline;
}
.box-body sub {
    vertical-align: sub;
    font-size: smaller;
    display: inline;
}
.box-body h1 {
    font-size: 2em;
    font-weight: 100;
}
.box-body h2 {
    font-size: 1.5em;
    font-weight: 100;
}
.box-body h3 {
    font-size: 1.17em;
    font-weight: 100;
}
.box-body h5 {
    font-size: 0.83em;
    font-weight: 100;
}
.box-body h6 {
    font-size: 0.67em;
    font-weight: 100;
}

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .box-video video {
	    border: 2px solid #e9e9e9;
	    padding: 0px;
	}
	.box-image.Img2 {
	    height: 27vw;
	}
	.box-image.Img5 .item img {
	    width: 100%;
	    height: auto;
	}
		.box-pdf iframe{
		width: 100%;
		min-height: 450px;
		 
		overflow: hidden ;
	}
	@media only screen and (orientation:portrait){
		.box-body iframe:not([height]) {
		    height: 50vw;
		}
	}
	@media only screen and (orientation:landscape){
		.box-body iframe:not([height]) {
		    height: 38vw;
		}
	}
}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-row {
	    display: block;
    }
    .box-body .head::before {
	    top: 28px;
    }
    .box-body form .radio {
	    padding: 30px 11px;
	    width: 100%;
    }
    .box-body form .radio .grup {
	    width: 100%;
    }
    .A-box {
	    padding: 0px;
	}
    .A-box+u {
	    margin-right: 0px;
        margin-left: 7px;
    }
    .box-audience {
	    padding: 10px;
        display: table;
    }
    .box-image {
	    height: auto !important;
        width: 100%;
	    display: inline-block;
	}
    .box-image .item {
        width: calc(50% - 10px) !important;
	    float: left;
	    height: auto !important;
    }
    .box-image .item img {
	    height: auto !important;
	    width: 100% !important;
	    transform: initial !important;
	    left: initial;
        margin-bottom: -7px;
	}
	.fancybox-nav span {
	    visibility: initial;
	    opacity: 1;
	}
    .box-gallery {
    	display: block;
    }
    .box-gallery .box-gallery-show {
	    width: 100%;
	    padding: 0px;
        float: none;
	}
	.box-gallery .box-gallery-slide {
	    width: 100%;
        height: auto !important;
        float: none;
	}
	.box-gallery .box-gallery-slide .img {
	    width: calc(33.33vw - 26px);
	    height: calc(33.33vw - 26px);
	    float: left;
	}
	.box-map .box-text {
	    position: initial;
        width: 100%;
	}
	.box-list .text {
	    width: 100%;
	    padding: 0px 10px;
	    float: none;
	}
	.box-list .botton {
		width: 100%;
	}
	.box-list .List::before {
	    margin: 8px 16px 10px 10px;
    }
    .box-video video {
	    border: 2px solid #e9e9e9;
	    padding: 0px;
	}
	.box-dateAB .box-date-edit {
	    margin: auto;
	    display: table;
	    float: none;
    }
	.box-dateAB .box-share-social {
	    margin: 0px auto 10px auto;
	    display: table;
	    float: none;
	    position: inherit;
	    transform: none;
    }
	.box-pdf {
		/*display: none;*/
	}
	.box-pdf iframe{
		width: 100%;
		min-height: 450px;
		overflow: hidden ;
	}
	.box-gallery .box-gallery-slide .owl-nav {
	    left: 50%;
	    right: inherit;
	}
	.box-body iframe:not([height]) {
	    height: 48vw;
	}

}