@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, figcaption, figure, footer, group, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {
    border: 0 none;
    margin: 0;
    padding: 0;
}
h1{ font-size:28px; font-weight:bold; line-height: 28px;}
h2{ font-size:18px; font-weight:bold; line-height: 25px;}
h3{ font-size:16px; font-weight:bold;}

#main-container{ width:1140px; height:500px; margin:0 auto; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#3f3f3f; line-height:20px;}
.header{ width:100%; float:left; padding-top:35px; padding-bottom:20px; }
.header-left{ float:left; padding-left:10px;}
.header-right{ float:right; width:400px;}
.language{ float:left;}
.language a{ color:#3f3f3f;}
.social{ float:left; padding-left:16px;}
.search{ float:left; clear:both; width:95%; display:none;}
.search input{ height:36px; width:100%; border:1px solid #000;}
.top-menu{ clear:both;  float:left; border-top:2px solid #463391; border-bottom:2px solid #463391; width:100%;}

/*.slider{ float:left; clear:both;}*/
.slider-row{ float:left; width:100%; padding:0;}
.slider{ width:100%; margin:0 auto; }
.content-area{ float:left; clear:both; padding:20px 2%; width:96%; min-height:300px;}
.content-area a{color:#000099; text-decoration:none;}
.footer{ width:100%; float:left; clear:both; font-size:12px; line-height:normal; padding-top:20px; background:#f1f1f1; padding-bottom:20px; border-top: 2px solid #a4a4a4; border-bottom:2px solid #a4a4a4;}
.footer-col-1{ width:320px; float:left; padding-left:10px;}
.footer-col-2{ width:230px; float:left;}
.footer-col-3{ width:275px; float:left;}
.footer-col-4{ width:180px; float:left;}
.footer-col-5{ width:120px; float:left;}
.footer-col-5 a{ color:#000 !important; font-weight:bold;}
.footer a{ text-decoration:none;  line-height:24px; color:#3f3f3f;}
.footer a:hover{text-decoration:underline;}
.footer ul{margin-left:0; padding-left:20px; padding-top:0; margin-top:0;}
.footer ul li{ list-style:none; padding:0;}
.copyright{ text-align:center; line-height:30px;float:left; clear:both; width:96%; padding: 10px 2%;}
.copyright1{ float:left;}
.copyright2{ float:right;}

.middle-container-mobile-menu{ width:100%; padding:0; display: none; position: absolute; top:0; z-index:9999;}
.mobile-menu{ float:left; width:100%;}
.menu1 { text-align: center; margin:0; background: #5c5c5c; float:right; width:100%; position:fixed;}
.toggle { width: 50px; float:right; height: 30px;padding-top:5px; border: 0 none; cursor: pointer; font-size: 16px; text-align:center; background: #5c5c5c;color: #fff; }
.target { background-color: #1c2e54;  display: none; margin: 0 auto; padding:50px 0;   text-align: left;   overflow: scroll; float:left; transition: max-height 333ms ease 0s;  }
.target ul { margin: 0; padding: 0; }
.target ul a { display: block; margin: 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.target ul a li { padding: 5px 3px; text-decoration: none; color: #ffffff; margin-left:20px; }
.target ul a li:hover { background: #5c5c5c; color: #ffffff; }
.target ul a li img { float: right; }
.galleryImage {margin: 10px; width: 295px; height: 295px; border: 1px solid;padding:2px }
.content-area ul{ margin-left:30px;}
.content-area img{ border-color: rgba(0, 0, 0, 0.13); border-style: solid; border-width:1px; padding:3px;}
.content-left{ float:left; width:52%; padding:1%}
.content-right{ float:right; width:44%; padding:1%}
.mob_img{width:55%;}
.donate_btn{ clear:both; float:right; padding-right:50px; margin-top:10px;}


@media all and (min-width:768px) and (max-width: 1140px) {
.top-menu{ display:none}
.middle-container-mobile-menu{display:block;}
.mobile-menu{display:block;}
#main-container{ width:100%;}
.header{padding-top:55px;}
.footer-col-1{ width:34%; height:310px; padding-left:2%; }
.footer-col-2{ width:32%; height:310px; }
.footer-col-3{ width:32%; height:310px; }
.footer-col-4{ width:50%;  height:100px; padding-left:2%;}
.footer-col-5{ width:48%;  height:100px; }
.sy-caption-wrap{ display:none;}
#demo1 img{  width: 100% !important; height:350px !important;}
.content-left, .content-right{ float:left; width:98%;}
}

@media all and (min-width:640px) and (max-width: 767px) {
.top-menu{ display:none}
.middle-container-mobile-menu{display:block;}
.mobile-menu{display:block;}
#main-container{ width:100%;}
.header{ border-bottom:1px solid #ccc; padding-top: 54px;}
.header-left{ width:100%; padding-left:0; text-align: center; float:none; padding-bottom:5px; border-bottom:1px solid #ccc;}
.header-right{ margin:20px auto;  float:none;}
.footer-col-1{ width:39%; height:310px; padding-left:2%; }
.footer-col-2{ width:26%; height:310px; }
.footer-col-3{ width:32%; height:310px; }
.footer-col-4{ width:50%;  height:100px; padding-left:2%;}
.footer-col-5{ width:48%;  height:100px; }
.sy-caption-wrap{ display:none;}
#demo1 img{  width: 100% !important; height:300px !important;}
.content-left, .content-right{ float:left; width:98%;}
.mob_img{width:98%;}
}

@media all and (min-width:480px) and (max-width: 639px) {
.top-menu{ display:none}
.middle-container-mobile-menu{display:block;}
.mobile-menu{display:block;}
#main-container{ width:100%;}
.header{ border-bottom:1px solid #ccc; padding-top: 54px;}
.header-left{ width:100%; padding-left:0; text-align: center; float:none; padding-bottom:5px; border-bottom:1px solid #ccc;}
.header-right{ margin:20px auto;  float:none;}
.footer-col-1{ width:58%; height:310px; padding:0 1%; }
.footer-col-2{ width:38%; height:310px; padding:0 1%; }
.footer-col-3{ width:49%; height:250px;  padding:0 1%;}
.footer-col-4{ width:24%;  height:250px; padding-left:2%;}
.footer-col-5{ width:21%;  height:250px; }
.sy-caption-wrap{ display:none;}
#demo1 img{  width: 100% !important; height:270px !important;}
.copyright1, .copyright2{ float:none; text-align:center;}
.content-left, .content-right{ float:left; width:98%;}
.mob_img{width:98%;}
}

@media all and (min-width:0px) and (max-width: 479px) {
.top-menu{ display:none}
.middle-container-mobile-menu{display:block;}
#main-container{ width:100%;}
.header{ border-bottom:1px solid #ccc; padding-top: 54px;}
.header-left{ width:100%; padding-left:0; text-align: center; float:none; padding-bottom:5px; border-bottom:1px solid #ccc;}
.header-right{ margin:20px auto;  float:none;}
.footer-col-1{ width:96%; height:310px; padding:0 2%; }
.footer-col-2{ width:96%; height:135px; padding:0 2%; }
.footer-col-3{ width:96%; height:250px;  padding:0 2%;}
.footer-col-4{ width:44%;  height:70px; padding:0 2%;}
.footer-col-5{ width:37%;  height:70px;  padding:0 2%; }
.social img{ width:28px;}
.header-right{width:300px;}
.sy-caption-wrap{ display:none;}
#demo1 img{  width: 100% !important; height:200px !important;}
.copyright1, .copyright2{ float:none; text-align:center;}
.content-left, .content-right{ float:left; width:98%;}
.mob_img{width:98%;}
.language{ margin:0 auto; width:142px; float:none;}
.social{ margin:10px auto; width:155px; float:none; padding-left:0;}
.donate_btn{ clear:both; float:none; padding-right:0; margin-top:10px; text-align:center;}
}