﻿/* Main Color: #014DA2

   Hover Color: #b49109

   Table Color: #e2d2a8

   Lines Color: #e7e7e7

   Fade Color: #e7e7e7



var(--main-lang-dir)

var(--main-lang-float)

var(--main-lang-align)



var(--main-color)

var(--secondary-color)



*/



@-ms-viewport{

  width: device-width;

}





.page-container {


	width:1149px;


	margin: auto;


	position:relative;

	


}


@media only screen and (max-width: 1149px), only screen and (max-device-width: 1149px) {

	.page-container {

		width:auto !important;

	}

}




#header #social_container {  position: absolute; top: 3px;   }

#social_container a {

    position:relative;

    display:inline-block;

    width:36px;

    height:36px;



     background-image:url('../images/social_icons.png');

    -moz-transition: all linear .2s;

    -webkit-transition: all linear .2s;

    transition: all linear .2s; 



}

a.social_facebook_link{background-position:0 0;}

a.social_instagram_link{background-position:-43px 0; }

a.social_twitter_link{background-position:-85px 0;}

a.social_youtube_link{background-position:-128px 0;}

a.social_facebook_link:hover{background-position:-0 bottom;}

a.social_instagram_link:hover{background-position:-43px bottom;}

a.social_twitter_link:hover{background-position:-85px bottom;}

a.social_youtube_link:hover{background-position:-128px bottom;}



#logo_container { display: inline-table; margin-top: 10px; }


.slide_caption { position: absolute;  top: 0; bottom: 0; left: 0; right: 0;  width:1149px; 	margin: auto; }

.slide_title {    

	color: #c00d0e;

    font-size: 40px;

    line-height: 110%;

    width: 400px;

    font-weight: normal;

    position: absolute;

    bottom: 350px;

    right: 30px;

	

	}



.slide_title2 {    

	color: #c00d0e;

    font-size: 43px;

    font-weight: bold;

    line-height: 110%;

    width: 400px;

    position: absolute;

    top: 330px;

    right: 30px;



}



.donate { color: var(--secondary-color) !important; }

.donate:hover { color: var(--main-color) !important; }



/* #sliderviewer { -webkit-box-shadow:inset 0 7px 0 0 rgba(50,155,152,.5); box-shadow:inset 0 7px 0 0 rgba(50,155,152,.5); } */

#slideviewer ul, #slideviewer ul li { list-style: none; padding: 0; margin:0; height: 671px; }

#slideviewer .lSSlideOuter .lSPager.lSpg { margin-top: -50px !important; }

#header_menu { 	float: var(--main-lang-align); 	display: inline-table;} 



#upper_menu { border-bottom: 1px solid #e7e7e7; display: block; padding: 7px; text-align: right;}

#language { 	display: inline-block; }

#language a {

 -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;

	display: inline-block;

	padding: 1px 8px;

	background: #fff;

	text-decoration: none;

}

#language a.current { background: var(--main-color); color:#fff; }



div#call_us_div{

	display: inline-block; line-height: 30px; font-family : "Verdana", Arial, Tahoma, Helvetica, sans-serif;  font-size: 14px; color: #a8a8a8; 	

    background:url('../images/call.png') var(--main-lang-float) 7px no-repeat;

}

div#email_us_div{

	display: inline-block; line-height: 30px; font-family : "Verdana", Arial, Tahoma, Helvetica, sans-serif;  font-size: 14px; color: #a8a8a8;	

    background:url('../images/mail.png') var(--main-lang-float) 7px no-repeat;

}





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

.flex-col{   flex-grow: 1;   width: 12%; vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



.block_style_2 { border: 1px solid #e7e7e7; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding: 10px 20px;  }





.flip-card {

	position: absolute;

	bottom: 20px;



	background-color: transparent;

	width: 75px; height: 75px;

	perspective: 1000px;



}



.flip-card-inner {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 0.6s;

  transform-style: preserve-3d;

}





.flip-card-front, .flip-card-back {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}





.about_icon1 { background:url("../images/profile.png") top var(--main-lang-align) no-repeat; }

.about_icon2 { background:url("../images/message.png") top var(--main-lang-align) no-repeat; }

.about_icon3 { background:url("../images/vision.png") top var(--main-lang-align) no-repeat; }

.about_icon1_back { background:url("../images/profile.png") bottom var(--main-lang-align) no-repeat;transform: rotateY( 180deg );-webkit-backface-visibility: hidden;  backface-visibility: hidden;  }

.about_icon2_back { background:url("../images/message.png") bottom var(--main-lang-align) no-repeat;transform: rotateY( 180deg ); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }

.about_icon3_back { background:url("../images/vision.png") bottom var(--main-lang-align) no-repeat; transform: rotateY( 180deg );-webkit-backface-visibility: hidden;  backface-visibility: hidden; }





.block_style1_list_div { 	margin: auto;		display: flex;    flex-wrap: wrap;	border-moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box; }



.block_style_title { padding: 70px 80px; }

.block_style1_list_item:hover .flip-card-inner { transform: rotateY(180deg);    }

.block_style1_list_item {  transition: all 200ms ease-in-out; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; flex: 1; margin: 0 20px;  max-width:355px; position:relative; padding:36px 36px 96px; background: rgba(36, 32, 33, .85); border-moz-box-sizing: border-box; -webkit-box-sizing: border-box;    box-sizing: border-box;  }

.block_style1_list_item:hover { background: rgba(197, 22, 29, 1); }

.block_style1_list_item h3 { font-size: 26px; margin-bottom: 15px; color: #fff; }  

.block_style1_item_desc{ font-size:16px; color: #fff; }  





.block_style2 { background: rgba(36, 32, 33, .05); }







.window_form{padding:0 !important; display:none;}

.window_title{padding:10px 20px; background:#eee;font-size:20px;font-weight:bold;}

.window_content{padding:20px;}



.separator { display: inline-block; height: 15px; width: 1px; background: #e7e7e7; margin: 0 10px; vertical-align: middle;}



#footer { background: var(--main-color); padding: 20px; color: #fff; }


#footer_div { padding: 20px 15px;width: 270px; display: inline-block; float: right; }
.footer_about { width: 360px !important; }
.quick_links { width: 160px !important; }
.quick_links a { color: #fff !important; }
.footer_newsletter { width: 240px !important; }
.footer_newsletter INPUT.editbox { padding: 6px !important; width: 95%; border: 0; }
.footer_newsletter label { color: #dde8a0; }
.footer_newsletter input.button { border: 1px solid #fff; padding: 4px 15px; }
.footer_newsletter input.button:hover { border: 1px solid #fff; }
.footer_contact { width: 190px !important; }
.footer_contact p { line-height: 24px; padding: 5px; color: #dde8a0; font-size: 15px;text-align: justify; }
.footer_contact p br { margin:2px 0; }
#footer h2, #footer div { color: #fff !important; }

#footer #social_container { padding-top: 20px; }


.programs_block {

  background: rgba(36, 32, 33, .85) url("../images/programs_bg.jpg");

  background-attachment: fixed;

  background-position: left bottom;

  background-repeat: no-repeat;



}

.programs_block .flex-col {transition: all .2s ease-in-out; }

.programs_block .flex-col:hover { border: 0 !important; background:rgba(255, 255, 255, 0.3); cursor: pointer;transform: scale(1.05);-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }



.stats_block, .breadcrumb {

  background: rgba(36, 32, 33, .85) url("../images/stats_bg.jpg");

  background-attachment: fixed;

  background-position: left bottom;

  background-repeat: no-repeat;

  padding: 80px 0 50px;

}

.stats_block img { display: inline-table; float: var(--main-lang-float); margin: 0 10px; }

.stats_block .stats_title {  font-family: "Arial"; color: #fff; font-size: 40px; line-height: 60%; }

.stats_block .stats_set { width: 250px; margin: 0 15px 30px; }

.stats_block .stats_set p { color: #fff; }





 .breadcrumb {

  background: rgba(36, 32, 33, .85); url("../images/stats_bg.jpg");

  background-attachment: fixed;

  background-position: left bottom;

  background-repeat: no-repeat;

  padding: 20px 0 15px;

}





.block_more_btn{

	display: table;

	text-align: center;

	margin: 50px auto 60px;

    padding:10px 54px;

    font-size:21px;

	color: var(--secondary-color) !important; 

	border: 2px solid var(--secondary-color);

	background: transparent !important;

	 -webkit-transform: translateZ(0);

	 transform: translateZ(0);

	 box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	 -webkit-backface-visibility: hidden;

	 backface-visibility: hidden;

	 -moz-osx-font-smoothing: grayscale;

	 -webkit-transition-property: color;

	  transition-property: color;

	  -webkit-transition-duration: 0.5s;

	  transition-duration: 0.5s;

}



.block_more_btn:hover, .block_more_btn:focus, .block_more_btn:active {

  color: #fff !important;

  background: var(--secondary-color) !important;

  text-decoration: none;

}







/* ############### DEFAULT PAGE LAYOUT SETTINGS ############### */



#container .column { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }

#container { overflow: auto; z-index: 1000;}

#container #content { padding: 0; } 

#container #content div#home { padding: 0 0 0 0; }

#container #content div#page { padding: 14px 7px; }

#container #content div#content_container { border: 1px solid #e7e7e7; background:#fff; padding: 20px 25px; }

#container #content div#page_inside { padding: 15px; }

#container #content div#page_inside div#page_body * { font-size: 16px !important; line-height: 160%; }

#container #left { padding: 7px 7px 0 0; }

#container #right { padding: 7px 0 0 7px; }

.home_block { padding: 0; }

.side_block { padding-bottom: 14px; }

.block  { opacity: 1; }

.padding { padding: 5px; }







/* #content div#page p { text-align:justify; padding-bottom: 10px;} */

.backtotop{position: fixed;bottom: 20px;right: 40px; display: none;}

a#backtotop:hover svg {fill: var(--secondary-color); }

#backtotop svg { fill:var(--main-color); width: 50px }

#credits { padding: 15px; width: 200px; float: right; }
#credits * {font-size: 10px; line-height: 10px}

#copyright { padding:12px; }





#header {

  z-index: 97;

  position: relative;

  margin: 0 auto;

}






fieldset {


	border: 1px #cccccc solid;


	margin: 3px 0;


	padding: 10px;


	clear: right;


} 


*{	outline:none;}


* html fieldset { padding-top: 0; }








legend {


	letter-spacing: -0.03em;


	line-height: 1;


	padding: 4px 0.5em; /*  Top and Bottom for IE7 */


	font-family : "Arial", Verdana, Tahoma, Helvetica, sans-serif; 


	font-weight : bold;


	background-color : inherit; 


	color: var(--main-color);


	font-size: 16px;


}





/* br {

   display: block;

   margin: 7px 0;

}

ul, ol {

  padding: 0;

  list-style: none;

}
 */

ul#formatedlist {



	list-style-type: none;

	padding: 0;

	margin: 0;

}

ul#formatedlist li {

	background-image: url('../images/icons/arrow.png');

	background-repeat: no-repeat;

	line-height:2em;

}


* html ul li a {


   height:1em;


}




/*

table { border-collapse:collapse; }

table#content_structure { table-layout:auto; }

table#content_structure th, table#content_structure td { padding: 5px; display: table; 

}

*/



hr {


	border: 0;


	color: #e7e7e7;


	background-color: #e7e7e7;


	height: 1px;


	width: 100%;


}





form {


	margin : 0;


}


input, textarea, select {


	font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif;


	font-size : 15px;


	font-weight : normal;


}


textarea, INPUT.editbox, select.editbox {

	margin: 2px 0;


	padding: 10px;


	border:1px solid #ddd;


	background:#fff;


min-width: 220px;


	-moz-transition: border linear .2s,-moz-box-shadow linear .2s;


	-webkit-transition: border linear .2s,-webkit-box-shadow linear .2s;


	transition: border linear .2s,box-shadow linear .2s;


	




}


INPUT#verification {


	width: 100px !important;


}


textarea {


	width: auto;


	min-width: 520px;


}







form input.editbox:focus, form textarea:focus {


	border-color:rgba(193, 0, 0, .80)!important;


	





}


select {


	padding: 2px;


	border: 1px solid #e7e7e7;


	background-color: #e7e7e7;


}





INPUT.button, button.button {



	font-family : "Swissra-Normal", Arial, Verdana, Helvetica, sans-serif;


	font-size : 15px;


	font-weight : normal;



	text-align: center;



	cursor:pointer;


	padding:7px 20px;


	background:var(--main-color);


	color:#fff;


	border:0;


	text-shadow:none;


	-moz-transition: background linear .1s;


	-webkit-transition: background linear .1s;


	transition: background linear .1s;

	display: inline-block;

}





form input.button:hover, button.button:hover {


	background:var(--secondary-color);


	color:#fff;


	border:0;


	text-decoration: none;


}


.block input:not([type]), .block input[type="color"], .block input[type="email"], .block input[type="number"], .block input[type="password"], .block input[type="tel"], .block input[type="url"], .block input[type="text"] {

	width: 90%;

	margin: 2px 0;

}







body {


	margin: 0;


	padding: 0;


	background: #fff no-repeat fixed top center;

	


}





.small {


	font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif;


	font-size: 10px;





	background-color : inherit;


	font-weight : normal;


}


TD, P, BODY, DIV {


	font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif;


	font-size: 15px;


	color: #919191;


	font-weight : normal;

	letter-spacing: .016em;

    -webkit-font-smoothing: antialiased;


}





p, p span {


	margin : 0;


	line-height : 170%;


	padding : 0;


}




a:link, a:visited, a:active {


	color: var(--main-color);


	background-color : inherit;


	text-decoration : none;

	-moz-transition: color linear .2s, background linear .2s, border linear .2s;

	-webkit-transition: color linear .2s, background linear .2s, border linear .2s;

	transition: color linear .2s, background linear .2s, border linear .2s;


}


a:hover {


	background-color : inherit;


	color: var(--secondary-color);


	text-decoration: underline;





}


a img { border: 0;  }


img { border-color: var(--main-color); vertical-align: middle;  }



ul#breadcrumb {

	overflow: auto;

	display: block;

	list-style-type: none;

	margin: 0px 0;

	padding: 10px 0;

}

#breadcrumb li {

	background-image: none;

	margin: 0;

	padding: 0;	display:inline-block;

}

#breadcrumb li a {

	display:inline-block;

	text-decoration: none;

	color: #fff;

}

#breadcrumb li a:hover { opacity: .9; }

#breadcrumb li:last-child a {  font-size: 25px; background:none; }

/* ############### Block Tabs Style ################# */



ul.block_tabs {

	margin: 0;

	padding: 0;

	float: right;

	list-style: none;

	height: 37px; /*--Set height of tabs--*/

	border-bottom: 1px solid #e7e7e7;



	width: 100%;

}

ul.block_tabs li {

	float: right;

	margin: 0;

	margin-left: 4px;

	padding: 0;

	height: 36px; /*--Subtract 1px from the height of the unordered list--*/

	line-height: 29px; /*--Vertically aligns the text within the tab--*/



	border: 1px solid #e7e7e7;

	border-bottom-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important; 

	margin-bottom: -1px; /*--Pull the list item down 1px--*/

	overflow: hidden;

	position: relative;

	background: #e7e7e7;

}

ul.block_tabs li div {

	text-decoration: none;

	color: #000;

	display: block;

	padding: 3px 15px 6px 15px;



	outline: none;

}

ul.block_tabs li div:hover {

	background: var(--main-color);

	color: #fff;

	cursor: pointer;

}

ul.block_tabs li.active, ul.block_tabs li.active div:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

	background: #fff;



	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/

	color: #000;

}



.tab_container {

	overflow: hidden;

	clear: both;

	float: right;

	width: 100%;

	background: #fff;

	padding-top: 5px;

}

.tab_content {

	padding: 10px 5px;

}



/* Block Tab Style End */





/* tabs */

ul#tablist { margin-top: 0px; margin-bottom: -7px; padding-bottom: 8px; }





ul#tablist li {

	background: none;

	padding: 0px;

	margin: 0px;

}

#tablist

{

	padding: 8px 0;

	margin-right: 0;

	border-bottom: 1px solid #e7e7e7;

}



#tablist li

{

	list-style: none;

	margin: 0;

	display: inline;

}



#tablist li a

{

	padding: 8px 0.6em;

	border-bottom-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important; 

	border: 1px solid #e7e7e7;

	border-bottom: none;

	background: #e7e7e7;

	text-decoration: none;

}





#tablist li a#current

{

	color: #383838;

	background: #fff;

	border: 1px solid #e7e7e7;

	border-bottom: 1px solid #fff;

	font-weight: bold;

}



#tablist li a:hover

{

	color: #fff;

	border: 1px solid var(--main-color);

	background-color: var(--main-color);

		border-bottom: none;

}

#tabcontainer {

	padding: 0px 10px 10px 10px;

	border: 1px solid #e7e7e7;

	border-top: 0;

}



table.table, div.table {

	border-collapse: collapse;

    border: 1px solid var(--main-color);

}

table.table td {

padding: 7px;

	border: 1px solid #aaaaaa;

}

table.table thead tr td {

 padding: 7px;

	border: 1px solid #aaaaaa;

	text-align: center;



}



table.table tr:nth-child(even) { /*(even) or (2n 0)*/

	background: #fbfbfb;

}



table thead tr:first-child td, .thead {

	font-size : 15px;

	background: var(--main-color);

	color: #fff;

	font-weight: bold;

	padding: 10px;

	border-bottom: 1px solid var(--main-color);

	border-bottom-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important; 



}

.thead {

	border-bottom-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important; 

}

.thead * {

	color: #ffffff !important;

} 





/*

table thead tr:first-child td:first-child {

	-webkit-border-radius: 0px 10px 0px 0px;

	border-radius: 0px 10px 0px 0px; 

}



table thead tr:first-child td:last-child {

	-webkit-border-radius: 10px 0px 0px 0px;

	border-radius: 10px 0px 0px 0px; 

}







*/

table.fieldlist td { padding: 8px; }



table.fieldlist tr {

	border-bottom: 1px solid #e7e7e7;

}

table.fieldlist tr:last-child {

	border-bottom: 0;

}





.blocks_pbody { /*border-bottom: 1px #d2d2d2 solid;*/ margin-bottom: 15px; position: relative; white-space: inherit; width: 100%; 	padding-bottom: 10px; display: table-cell; } 	/* display: table; */ 

.blocks_vbody { padding: 0 10px 10px 10px;  min-height: 90px;  }

.blocks_hbody { padding: 5px; min-height: 90px;  }



#date {

	color: #000000;

}





#double li  { 

	width:45%;

	float:left;

	display:inline;

}

.info, .error, .form_error {

    padding: 10px;

	margin: auto;

	margin: 10px 0;

}



.info {

	background-color: #dff0d8 ;

    border: 1px solid #d6e9c6;

	font-size: 18px;

	color: #3c763d;



}

.form_error {  word-wrap: break-word;

	background-color: #FFF9D3;

    border: 1px solid #ee735c;

	padding: 5px 10px;

	margin: 3px 0;

	color: #e34f43;

}

.error {

	background-color: #FFF9D3;

    border: 1px solid #ee735c;

	color: #e34f43;

}



.news_line {

	border-width: 0px !important;

	padding: 0px !important;

	text-decoration: none !important;

	color: #383838 !important;

}



#spacer {

	height: 10px;

	clear: both;

	display: block;

}



.template_1 {

	border-bottom: 1px #e7e7e7 solid; padding-bottom: 13px; padding-top: 7px; margin-bottom: 3px;width: -webkit-min-content; width: -moz-min-content;width: min-content;display: inline;

}

.template_2 {

	padding-bottom: 7px; margin-bottom: 3px;

}



.breaking_news {

	font-family : "Arial", Tahoma, Verdana, Helvetica, sans-serif;

	font-size : 17px;

	font-weight: bold;

	color: #fff;

	border: 1px solid #c50001;

	padding: 7px;

	margin: 5px 0;

	background: #c50001; 

}







.list_over { 

	background-color: #e7e7e7;

	cursor: pointer;

}



.list_gray { 

	background-color: #fbfbfb;

}

.list_normal { 

	background-color: inherit;

}

.unread { 

	background-color: #fffecb;

}

.poll_container {

	width: 100%; margin: 3px; border: 1px solid #e7e7e7;

}

.poll_bar {

	background-color: var(--main-color);	height: 5px;

}



.box {

	padding: 7px 10px;

	margin: 7px;

	border: 1px solid #e7e7e7;

}

.captcha {

	border: 1px solid #e7e7e7;

	background:#fff;

}

.details {

	/* font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif; */

	font-size : 13px;

	font-weight : normal;

	line-height : 28px;

	color: dimgray;

}



.source {

	color: var(--main-color);

	font-family : "Arial", Tahoma, Verdana, Helvetica, sans-serif;

	font-size: 14px;

	font-weight : bold;

}



a:link img.thumb, a:visited img.thumb, a:active img.thumb, a:link img.blocks_pthumb, a:visited img.blocks_pthumb, a:active img.blocks_pthumb, img.thumb {



	background: #e7e7e7;

	display: block;

	

	/* border: 3px solid #e7e7e7;

	

	-moz-transition: border linear .2s,-moz-box-shadow linear .2s;

    -webkit-transition: border linear .2s,-webkit-box-shadow linear .2s;

    transition: border linear .2s,box-shadow linear .2s;*/

}



a:hover img.thumb, a:active img.thumb, a:hover img.blocks_pthumb, #bx-pager a:hover img, #bx-pager a.active img { 

/* 	border: 3px solid var(--secondary-color); */



}





.center  {


	text-align: center !important;

}

.middle {

	margin: auto; display: table;

}


.title {


	color : var(--main-color);


	background-color : inherit;


}


.large {


	font-family : "Arial", Verdana, Tahoma, Helvetica, sans-serif;


	font-size: 18px;


	font-weight : bold;


}






h1, h2, h3, h4, h5, h6 {


	font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif;


	color : var(--secondary-color);


	margin: 0; padding: 0;

	line-height: 130%;


	font-weight: bold;

	margin-bottom: 5px;



}


h1              { font-size: 2.0em; }


h2              { font-size: 1.5em; }


h3              { font-size: 1.35em;  }


h4              { font-size: 1.20em; }


h5              { font-size: 1.1em; }


h6              { font-size: .75em;}





h2.title, h3.title {

	background: url('../images/icons/dottedline.gif') bottom repeat-x;

	padding-bottom: 4px;

	margin: 3px 0 8px 0;

}


h3 a:link, h2 a:link { text-decoration : none; } 


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: var(--secondary-color); text-decoration : none; } 








div.table_t1 a:link, div.table_t1 a:visited {


	color: var(--secondary-color);

	font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif;


	font-size : 30px;

	display: block;


	font-weight : bold;


	text-decoration : none;

	padding: 0px;

	text-align: center;

}





div.table_t2 a:link, div.table_t2 a:visited {


	color: var(--main-color);

	font-family : "Swissra-Normal", Verdana, Arial, Helvetica, sans-serif;

	font-size : 30px;

	display: block;

	font-weight : bold;

	text-decoration : none;

	padding-bottom: 20px;

	padding-bottom: 20px;




}


.edit { font-family : "Swissra-Normal", Verdana, Tahoma, Helvetica, sans-serif; position: fixed; bottom: 20px; right: 20px; background: red !important; text-decoration: none; color: #fff !important;  padding: 3px 10px; margin: 10px 0; }

.edit:hover { text-decoration: none; opacity: 0.7; }





a:link.c, a:visited.c, a:active.c, a:link.back, a:visited.back, a:active.back, a:link.key, a:visited.key, a:active.key { /*a:link.more, a:visited.more, a:active.more, */


	padding: 5px 8px; 


	margin: 3px 1px;

	font-weight : normal; 


	text-decoration : none;


	border: 1px solid #e7e7e7;


	background-color: #fff;


	color: #383838;


	display: inline-block;




	-moz-transition: border linear .2s;-webkit-transition: border linear .2s;transition: border linear .2s;


}





/*a:link.more, a:visited.more, a:active.more {


	display: inline-block;


	float: left;


	margin-left: 5px;


	margin-top: 1px;


} */





a:link.back, a:visited.back, a:active.back {


	margin-top: -6px; display: block;

}


a:link.key, a:visited.key, a:active.key {


	display: inline-block;


}


a:hover.c, a:hover.back, a:hover.key, a:link.key_current, a:visited.key_current, a:active.key_current { /* a:hover.more,  */




	font-weight : normal; 


	text-decoration : none;


	border: 1px solid var(--main-color);


		/* color: #e7e7e7; background-color: var(--main-color) !important; */





}


@media screen and (-webkit-min-device-pixel-ratio:0) { div.chrome-fix { width: 99.99999% !important;} }


.img_container { overflow: hidden;position: relative; display: table-cell;width: 100%;height: 100%;vertical-align: middle;} /*   display: table-cell; vertical-align: middle; padding: 0 7px; */

.img_container img.thumb { opacity: 0; }

.img_container .ImageIcon { font-size: 0;  display: inline-block; margin: 0 3px; border: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); padding: 10px;  -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; -webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip: padding-box; z-index: 3;}

.img_container:hover .ImageIcon { border: 0;  }

.img_container .ImageIcons { visibility: hidden;opacity: 0; transition: all 200ms ease-in-out;  position: absolute;  top: 0;  left: 50%;  transform: translate(-50%, -50%); }

.img_container:hover .ImageIcons {  opacity: 1; visibility: visible;  position: absolute;  top: 50%;  left: 50%; } 

.ImageIcon:hover {   transform: scale(0.9);  }





.img_container .caption {   text-align: center; position: absolute;  bottom: 8%;  margin: 0 auto; overflow: hidden; z-index: 2;  max-height: 25%; line-height: 20px;   padding: 0 20px;font-size: 85%; color: #fff; }



.img_container .information { position: absolute;  bottom: 0;  margin: 0 auto; overflow: hidden; z-index: 2; padding: 15px; }

.img_container .information a { color: #fff;  }

.img_container .information .details { font-size: 10px; color: #fff; }

.img_container .information a:hover { text-decoration: none;}



 .img_container .ImageOverlay, .img_container .ImageStickyOverlay {

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

	bottom: 0;display: block;height: 100%;left: 0;opacity: 0;position: absolute;right: 0;top: 0;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;width: 100%; z-index: 1;

}

.img_container .ImageStickyOverlay { opacity: 1; }

.img_container:hover .ImageStickyOverlay { opacity: .85; }

.img_container:hover .ImageOverlay {opacity: 1; }

.ImageLink { display: block;  position:absolute;   width:100%;  height:100%;  top:0;  left: 0;  z-index: -1; }










/* Pagination object */


div.pagination {


	padding: 3px;


	margin: 3px;


}


div.pagination a, div.pagination a:active, div.pagination a:visited {


	padding: 3px 6px;


	margin: 2px;


	border: 1px solid var(--main-color);


	text-decoration: none; /* no underline */;


	color: var(--main-color);


	display: block;


	background-color: none;



}





div.pagination a:hover {


	padding: 3px 6px;


	border: 1px solid var(--main-color);


	background-color: var(--main-color);


	color: #FFF;


}





div.pagination span.current {


	padding: 3px 6px;


	margin: 2px;


	display: block;


	font-weight: bold;


	border: 1px solid var(--main-color);


	background-color: var(--main-color);


	color: #FFF;




}


div.pagination span.disabled {


	padding: 3px 6px;


	margin: 2px;


	border: 1px solid Gainsboro;


	display: block;


	color: Gainsboro;




}


div.pagination span.dots {


	padding: 3px 6px;


	display: block;




}






#categories_list {

	border: 1px #e7e7e7 solid;

}





#categories_list ul

{

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}

#categories_list ul li

{

	margin: 0px;

	border: 0px none;

	background-image: url('none');list-style-type:none

	display: block;

	padding: 0;

	/*background: transparent url('../images/icons/arrow.png') right no-repeat; */

	text-decoration: none;

	-moz-transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;

	-webkit-transition: background  .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;

	transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;

}



#categories_list ul li a {

	padding: 5px 5%;

	text-decoration: none;

	color: #777;

	display: block;

	border-bottom: 1px solid #e7e7e7; 

}

#categories_list ul li:last-child a {

	border-bottom: 0; 

}



#categories_list ul ul li a {

	padding: 5px 10%;

	border-bottom: 1px solid #e7e7e7 !important; 

}

#categories_list ul ul ul li a {

	padding: 5px 15%;

	border-bottom: 1px solid #e7e7e7 !important; 

}



#categories_list ul ul ul ul li a {

	padding: 5px 20%;

	border-bottom: 1px solid #e7e7e7 !important; 

}

 #categories_list ul li a#current

{

	background-color: #e7e7e7;

	color: #000;

	font-weight: bold;

}



#categories_list ul li a:hover

{

	background-color: #e7e7e7;

	color: #000;



}


.styled_list ul{padding:0;margin:0;list-style-type:none}

.styled_list ul li{margin:0;padding:0;background-image:none;list-style-type:none display: block;border:0;padding:10px 10px;border-bottom:1px solid #ddd;text-decoration:none;-moz-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s;}

.styled_list ul li:last-child{border-bottom:1px solid transparent}

.styled_list ul li a{text-decoration:none;color:#000;display:block; background: transparent;}

.styled_list ul li:hover{background-color:rgba(36, 32, 33, .15);color:#000;border-bottom:1px solid #ddd}









#subsections 

{ 

    margin: auto; 

}

#subsections  ul

{

    padding: 0px;

    margin: 0px;

    list-style-type: none;

  

}

#subsections  ul li

{

    list-style: none;

    margin: 0px;

    border: 0px;

    padding: 0px;

    background-image: none;

}





#subsections ul li ul {

margin-right: 30px;

}

#subsections ul li ul li a {

font-size: 15px;

font-weight: normal;

}



#subsections ul li a

{

font-size: 16px;

    border: 0px;

    margin: 0px;

    display: block;

    overflow: auto; /*force hasLayout in IE7 */

    padding: 10px 15px;

	font-weight: normal;

    color:#646464 ;

    border-bottom: 1px #e7e7e7 solid;

    -moz-transition: padding-right .2s ease-in, color .3s ease-in-out;

    -o-transition: padding-right  .2s ease-in, color .3s ease-in-out;

    -webkit-transition: padding-right  .2s ease-in, color .3s ease-in-out;

    transition: padding-right .2s ease-in, color .3s ease-in-out;

}



#subsections a:hover

{

      background: rgba(36, 32, 33, .10) !important; 

	-moz-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s;

    color: var(--main-color);

    padding-right: 25px;

    text-decoration: none;

}

#subsections li a#current

{

    /* color: #fff; */

	 color: var(--main-color);

    /* background: url(../images/subsection_bg.png) bottom left no-repeat; */

    

}





.news_time {


	font-weight: bold;


}

#item_box_thumb {

	border: 1px #e7e7e7 solid;

    padding: 5px;

    margin: 3%;



}



#item_box_list {

	border: 1px #e7e7e7 solid;

	margin-bottom: 10px;

}



#item_body {

	padding: 5px 5px;

}

#item_details {

	border-top: 1px #e7e7e7 solid;

	background: #e7e7e7;

	padding: 5px 10px;

	border-top-right-radius: 0 !important;

	border-top-left-radius: 0 !important; 

	clear:both;

}



#item_details span {

	display: block-inline;

	padding-left: 12px;

}

#items_panel {

	padding: 4px 8px;

	border: 1px #e7e7e7 solid;

	overflow: auto;

}



.item_file {

	border: 1px #e7e7e7 solid;

	padding: 8px;

	margin: 7px 0;





}

.item_button {

	display: inline-block; min-width: 25%; vertical-align:middle; padding: 0 5px;

}

.item_button a  {

	font-size: 18px;

}

.item_button a:hover  {

	text-decoration: none;

}

.item_button img {

	padding: 3px 5px;vertical-align:middle;

}

.item_file .item_ext { float: right; padding: 5px 10px; }

#related_item { margin: 5px; display: inline-table; vertical-align: top; min-width: 23%; }



.slide { width: -webkit-min-content; width: -moz-min-content;width: min-content; margin: auto; position: relative; }











/* Big Radius */

.ContentWrapper .ContentC, #item_details, #item_box_list, #item_details, .table, div.thead { /*, img.thumb, img.item_thumb, .ImageOverlay, a:link img.blocks_pthumb */

	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;

-webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip: padding-box;

}



/* Medium Radius */



#items_panel, #item_file, .breaking_news, fieldset {

	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;

-webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip: padding-box;

}





/* Small Radius */

 .info, .error, .form_error, .box, .captcha, table.calendar td.linked-day a, div.pagination a, div.pagination span, a:link.c, a:link.back, a:link.key, #tablist li a, ul.block_tabs li, INPUT.button, button.button, .editbox, textarea, select, .edit, .poll_container, .poll_bar, #categories_list {

	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;

	-webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip: padding-box;

}





#overlay {  position: fixed;  display: none;  width: 100%;  height: 100%;  top: 0;   left: 0;  right: 0;  bottom: 0;  background-color: rgba(0,0,0,0.2);  z-index: 96;  cursor: pointer;}



#success_info, #error_info, #normal_info{max-width:550px;position:absolute;bottom:30px;right:30px;max-height:160px;padding:30px 110px 30px 40px;overflow:hidden;}

#success_info{vertical-align:middle;background:#ffffff url('../images/success.jpg') no-repeat right center;}

#error_info{vertical-align:middle;background:#ffffff url('../images/error.jpg') no-repeat right center;}

#normal_info{vertical-align:middle;background:#ffffff url('../images/info.jpg') no-repeat right center;}







.img_top_float_margin { margin: 0 0 10px 0; }

.img_right_float_margin { float: right; margin: 5px 5px 10px 10px; }

.img_bottom_float_margin { margin: 5px 0 5px 0; }

.img_left_float_margin { float: left; margin: 5px 15px 10px 10px; }

.img_center_float_margin { margin: 5px auto; }









.animate{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.one{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.5s}

.two{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}

.three{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}

.four{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}

.five{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;animation-delay:2.5s}

@-webkit-keyframes fadeInUp {

from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInUp {

from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInDown {

0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInDown {

0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}

100%{opacity:1;-webkit-transform:none;transform:none}

}

@-webkit-keyframes fadeInLeft {

from{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInLeft {

from{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInRight {

from{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInRight {

from{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeIn {

from{opacity:0}

to{opacity:1}

}

@keyframes fadeIn {

from{opacity:0}

to{opacity:1}

}

.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes zoomIn {

from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}

to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

}

@keyframes zoomIn {

from{opacity:0;-webkit-transform:scale(0.1);transform:scale(0.1)}

to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

}

.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}