@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

img{max-width:100%}



html, body, div, ul, li, h1, h2, h3, h4, h5, h6, img, p, a, span { color: #777; font-family: 'Oswald', sans-serif; margin: 0; padding: 0; }

body { font-size: 14px; background-color:#FFF; background-repeat:repeat;  letter-spacing: 0.2px;}

.clear {clear:both}





.new {float: left;width: 100%;}

.new .newin {

    float: left;

    width: 100%;

    display: flex;

    margin-top: 25px;

    margin-bottom: 5px;

}

.new .newin .box {

    float: left;

    width: 100%;

    padding: 10px 10px 10px 10px;

}

.new .newin .box h1 {

    font-family: 'Oswald', sans-serif;

    text-align: left;

    font-size: 25px;

    font-weight: bold;

    color: #222;

    padding-bottom: 10px;

    text-align: center;

}

.new .newin .box p {

    font-size: 14px;

    color: #616161;

    font-family: 'Open Sans',sans-serif;

}



.new .newin .box .boxin {padding: 20px;border: 1px solid #cba543;border-radius: 20px;height: 190px;}















.new2 {float: left;width: 100%;background-color: #efefef;margin-top: 20px;}

.new2 .new2in {

    float: left;

    width: 100%;

    display: flex;

    margin-top: 25px;

    margin-bottom: 25px;

    padding: 0px 20px 0px 20px;

    box-sizing: border-box;

}

.new2 .new2in .box {

    float: left;

    width: 100%;

    padding: 10px 20px 10px 20px;

}

.new2 .new2in .box h1 {

    font-family: 'Oswald', sans-serif;

    text-align: left;

    font-size: 25px;

    font-weight: bold;

    color: #222;

    padding-bottom: 3px;

    text-align: center;

}

.new2 .new2in .box p {

    font-size: 13px;

    color: #616161;

    font-family: 'Open Sans',sans-serif;

}



.new2 .new2in .box .boxin {padding: 10px 20px 20px 20px;border: 1px solid #a3a3a3;border-radius: 5px;height: 215px;background-color: #ffffff9e;}



.new2 .new2in .box p {text-align: center;padding-top: 12px;}

.new2 .new2in .box p img { width: 70%;  }



.new2 .new2in .box p .ic1 {width: 100%;padding-top: 15px;}

.new2 .new2in .box p .ic2 {width: 100%;padding-top: 15px;}



.new2 .new2in .box ul {

    margin-left: 20px;

    margin-top: 10px;

}

.new2 .new2in .box ul li {

    font-size: 13px;

    color: #616161;

    font-family: 'Open Sans',sans-serif;

}



.new2 .new2in .box h5 {

    font-weight: normal;

    padding-top: 11px;

    text-align: center;

    font-size: 10px;

    color: #616161;

    font-family: 'Open Sans',sans-serif;

}



.new2 .new2in .box h5 span {display: contents;color: #f00;font-weight: bold;font-size: 10px;font-family: 'Open Sans',sans-serif;}











/*IMAGE GALLERY*/

#gallery_div {width: 450px;height: auto;text-align:center;float:left;margin-top: 34px;margin-bottom: 34px;}



.gallery_div_in * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.gallery_div_in *:before, .essWrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.gallery_div_in input[type="checkbox"], .gallery_div_in input[type="radio"] { display: none; }



.gallery_div_in{width: 100%;margin: 0 auto;}

.gallery_div_in .img_sec1 { background-color: #fff;width: 100%;}

.img-container {display: none;width: 100%;}

.img-container .lbl {cursor: zoom-in;text-align: center;padding-bottom: 100%;overflow: hidden;background: #fff;display: block;position: relative;}

.img-zoom { background-color: #fff; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; }



.img_sec2 {font-size: 0;margin-left: 0px;margin-right: 0px;text-align: center;width: 100%;}

.img_sec2 label {width: 13%;padding: 0 2px;display: inline-block;margin-top: 10px;}



.img_sec2 label .box { cursor: pointer; cursor: cell; border: 1px solid #e6e6e6; background-color: #fff; overflow: hidden; text-align: center; position: relative; padding-bottom: 100%; }

.img_sec2 label img { display: inline-block; border: 0; }

#main_image1:checked ~ .img_sec1 #content1,

#main_image2:checked ~ .img_sec1 #content2,

#main_image3:checked ~ .img_sec1 #content3,

#main_image4:checked ~ .img_sec1 #content4,

#main_image5:checked ~ .img_sec1 #content5,

#main_image6:checked ~ .img_sec1 #content6,

#main_image7:checked ~ .img_sec1 #content7,

#main_image8:checked ~ .img_sec1 #content8,

#main_image9:checked ~ .img_sec1 #content9,

#main_image10:checked ~ .img_sec1 #content10,

#main_image11:checked ~ .img_sec1 #content11,

#main_image12:checked ~ .img_sec1 #content12{display: block;width: 100%;}

.checkbox{display:none;}





@-webkit-keyframes zoom {

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

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

}

@keyframes zoom {

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

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

}



.img-container .lbl_box:before { content: ""; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; overflow: hidden; z-index: 999; }

.img-container input:checked ~ .lbl_box:before { position: fixed; opacity: 1; visibility: visible; top: 0; }

.img-container input:checked ~ .lbl_box { position: static; cursor: zoom-out; }

.img-zoom { -webkit-animation: zoomOut 0.5s ease-out; animation: zoomOut 0.5s ease-out; }

.img-container input:checked ~ .lbl_box .img-zoom {border: 7px solid #333;margin: 0 auto;z-index: 9999;max-width: 700px;max-width: 700px;height: 700px;webkit-animation: zoom 0.5s ease-out;animation: zoom 0.5s ease-out; margin-top: 17%;}

.img-container input:checked ~ .lbl_box .img-zoom::after { font-family: FontAwesome; content: "\f057"; font-size: 30px; color: #d10000; 

cursor: pointer;display: block;position: absolute;top: 7px;right: 10px }

.lbl img {bottom: 0;height: auto;left: 0;margin: auto;max-height: 100%;max-width: 100%;position: absolute;right: 0;top: 0;width: auto;text-align: center;}

/*IMAGE GALLERY*/











.topbanner_main { height:auto; width:100%; float: left;}



.topbanner1up {height:33px;width:100%;float:left;background-color: #000000;}

.topbanner1 {margin:0 auto; height:33px; width:1060px; }

.topbanner_right { float:right; height:33px; width:auto; }

.topbanner_right a { padding:7px 0px 0px 20px; font-weight:500;  font-family: 'Oswald', sans-serif; ; font-size: 12px; color:#e9e9e9; display:block; float:right; text-decoration:none }

.topbanner_right .nws:before { font-family: FontAwesome; content: "\f0e0"; font-size: 12px; color: #f1f1f1; position: relative; padding-right: 7px; bottom: 1px; }

.topbanner_right .favo:before { font-family: FontAwesome; content: "\f004"; font-size: 12px; color: #f1f1f1; position: relative; padding-right: 6px; bottom: 0px; }



.topbanner_left {

    float: left;

}



.topbanner2up {height: auto;width:100%;float:left;background-color:#3b332c;}

.topbanner2 {margin:0 auto;height: auto;width: 100%;}

.topbanner2_left {float:left;height: auto;width: 100%;}

.topbanner2_left img {padding:0px 0px 0px 0px;position: relative;/* bottom: -12px; */width: 100%;}

.topbanner2_right {float:right;/* height:130px; *//* width:800px; */}



.topbanner3up { height:45px; width:100%; float:left; background-color:#F7F7F7}

.topbanner3 {margin:0 auto; height:45px; width:1060px; background-color:#F7F7F7}

.topbanner3_left { float:left; height:45px; width:530px;}



.menubar-menu{width:auto;height: auto;float:right;position: relative;/* bottom: -40px; */}

.toggle, [id^=drop] { display: none; } 

nav ul { float: left; padding:0; margin:0; list-style: none; position: relative; } 

nav ul li { margin: 0px; display:inline-block; float: left;} 

nav ul li a {display:block;padding: 6px 15px 0px 15px;color:#fff;font-size: 14px;text-decoration:none;font-weight:normal;text-transform:uppercase;font-family: 'Oswald', sans-serif;} 

nav ul li a:hover {  opacity:0.8; color:#b2b2b2 ; -o-transition:.7s; -ms-transition:.7s; -moz-transition:.7s; -webkit-transition:.7s; transition: .7s; } 

#last_a {padding: 6px 15px 0px 15px;}



.topbanner4up { height:47px; width:100%; float:left; background-color:#ededed}

.topbanner4 {margin:0 auto; height:47px; width:1060px; }

.topbanner4_right { float:left; height:30px; width:1060px; background-color:#; padding-top: 12px; }

.topbanner4_right span {font-weight:300;font-family: 'Oswald', sans-serif;font-size:15px;color: #202020;float: left;}

.topbanner4_right .sp1 { margin: 0px 196px 0px  0px; }

.topbanner4_right .sp2 { margin: 0px 196px 0px  0px; }

.topbanner4_right .sp3 { margin: 0px 0px 0px  0px; }

.topbanner4_right span:before {font-family: FontAwesome;content: "\f058";font-size: 13px;color: #202020;position: relative;padding-right: 7px;bottom: 1px;}



.topbanner_main > div.topbanner1up > div > div.topbanner_left > div > nav > ul > li:nth-child(1) > a {padding: 6px 15px 0px 0px;}







.contentup { width:100%; float:left }

.content{ margin:0 auto; width:1060px; height:auto; padding-top:15px}



.contentdv1 { width:100%; float:left; ;margin-bottom: 20px; }


.contentdv1_2 { width:1000px; float:left; padding-bottom:20px }

.contentdv1_2 .p1 { font-family: 'Oswald', sans-serif; margin: 25px 0 10px 0; line-height: 36px; text-align: left; font-size: 25px; font-weight: bold; color: #222;}

.contentdv1_2 .p2div { padding:20px 0px 22px 0px; ;border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin: 10px 0px 7px 0px; float: left; width: 100%;}

.contentdv1_2 .p2div .p2 { font-family: 'Open Sans',sans-serif; font-size:14px; color:#616161; font-weight:normal; text-align:justify }

.contentdv1_2 .p3 { padding:13px 0px 10px 0px; font-family: 'Oswald', sans-serif;  ;font-size:20px; color:#333; font-weight:bold; float:left; width:100%  }



.dv3 {  text-align:justify; padding-right: 0px; font-size:12px; color:#616161; float:left }

.dv3 ul {margin-left: 18px;margin-bottom: 5px;}

.dv3 ul li { font-size:14px; color:#616161 ;font-family: 'Open Sans',sans-serif; list-style:none; text-indent: -18px;  line-height:1.7; }

.dv3 ul li:before {content: "+"; font-size: 15px; color: #717171; position: relative; padding-right: 10px; bottom: 0px; font-weight: bold; }











.middle_bar{ width:1060px; height:auto; float:left; margin-left:0px}



.policies_content { width:1060px; height:auto; float:left }

.policies_content .tabbed_content { width:1060px; height:auto; padding:10px 0px 10px 0px; float: left;}

.policies_content .tabbed_content .tabbed { width: 1060px; float:left }



.tcontent { width:1060px; border:1px solid #ededed;  float: left;}

.tcontent > div {display: none; } 

.tcontent > div ul {list-style:none}

.tabbed input {display: none;}

.tabbed label {display: inline-block; padding: 12px 0px 12px 0px; font-weight: normal; text-align: center; color:#000; width:13%;

 text-transform:uppercase;  font-size:16px; font-family: 'Oswald', sans-serif; }

label:hover {color: #000; cursor: pointer;}

input:checked + label {color: #000;width:13%;text-transform:uppercase;border-bottom: 4px solid #cba543;}

#tab1:checked ~ .tcontent #content1,

#tab2:checked ~ .tcontent #content2,

#tab3:checked ~ .tcontent #content3,

#tab4:checked ~ .tcontent #content4,

#tab5:checked ~ .tcontent #content5,

#tab6:checked ~ .tcontent #content6{display: block;}

.cont { float:left; padding:20px }

.cont p { font-family: 'Open Sans',sans-serif; font-size: 14px; color: #616161; font-weight: normal; text-align: justify; float:left  }











.footerup{width:100%;height:239px;float:left;margin-top:30px;background-color: #131313;}

.footer{ width:1060px; height:239px; margin:0 auto;   }



.footer_div1 { width:33.33%; height:auto; float:left; }

.footer_div1 div { padding: 23px 10px 10px 0px; }

.footer_div1 div div { padding: 20px 0px 0px 0px; text-align:left ; padding-left: 63px;  }

.footer_div1 div span { font-size:16px ;color:#fff; font-weight:normal; text-transform:uppercase ;float: left; padding-left: 61px; font-family: 'Oswald', sans-serif;}

.footer_div1 div div a { color:#fff; font-weight:300; font-size:13px ;line-height: 25px; text-decoration:none ; text-align:left;  font-family: 'Oswald', sans-serif; display: block; text-transform:capitalize}



.footer_div1 div div a:before { font-family: FontAwesome; content: "\f105"; font-size: 12px; color: #f1f1f1; position: relative; padding-right: 10px; top:-1px   }



.footer_div2 { width:33.33%; height:auto; float:left; }

.footer_div2 div { padding: 23px 10px 10px 0px; text-align: center; }

.footer_div2 div div {padding: 28px 0px 0px 0px;}

.footer_div2 div div a { padding: 0px 0px 0px 0px;  }

.footer_div2 div div a img { width: 200px }

.footer_div2 div div a img:hover { opacity:0.9 }

.footer_div2 div span { font-size:16px ;color:#fff; font-weight:normal;  font-family: 'Oswald', sans-serif; }



.footer_div3 { width:33.33%; height:auto; float:left; }

.footer_div3 div { padding: 23px 0px 10px 0px; text-align: center; width: 275px;float: right;}

.footer_div3 div div { padding: 20px 0px 0px 0px;  }

.footer_div3 div span { font-size:16px ; color:#fff; font-weight:normal ; font-family: 'Oswald', sans-serif;}

.footer_div3 div div a { font-size:12px ;line-height: 25px;}

.footer_div3 div div .nwa1 { font-size:14px ;line-height: 15px; line-height:20px ;font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase }

.footer_div3 div div .nwa11 { font-size:13px ;line-height: 15px; line-height:20px ;font-family: 'Oswald', sans-serif; font-weight:300 ; text-transform:capitalize}



.footer_div3 div div .nwa2 { font-size:12px ;line-height: 32px;}

.footer_div3 div div .nwa3 { font-size:12px ;line-height: 0px;}

.footer_div3 div div .nwa4 { font-size:12px ;line-height: 50px;}





.copy {float:left;width:100%;background-color: #000000;height:auto;}

.copy span { text-align:center; font-size:12px; padding-top:7px; color:#616161; text-decoration:none; display:block ; padding-bottom:8px; font-family: 'Oswald', sans-serif; font-weight:300  }









@media (max-width: 1060px) {





/*IMAGE GALLERY*/   

#gallery_div {width: 100%;height:auto;padding-top: 25px;padding-bottom: 20px;margin: 0 auto;}

.gallery_div_in { width: 50%; } 

/*IMAGE GALLERY*/



    

.topbanner1 { width:100% }  

.topbanner_right { width:100%; padding-right: 15px; }



.topbanner2up { height: auto; }

.topbanner2 { width:100%; height:auto; float: left; }

.topbanner2_left { width: 100%; height:auto; text-align:center; }   

.topbanner2_left img {bottom: 0px;padding: 0px 0px 0px 0px;}

.topbanner2_right { width:100%; height:auto; }



.topbanner3 { width:100% }  



.menubar-menu { width:100%; height:auto; bottom: 0px;}

nav { margin: 0; background-color:#FFF } 

.toggle + a, .menu { display: none; } 

.toggle { display: block; background-color: #1f1c1a; padding:10px 20px; color:#fff; text-transform:uppercase; font-size:18px; text-decoration:none; font-family: 'Oswald', sans-serif; } 

.toggle:hover { color:#fff } 

[id^=drop]:checked + ul { display: block; width:100% } 

nav ul li { display: block; width: 100%; } 

nav ul li a {padding: 8px 21px; background-color: #2c2c2c; }

nav ul li a:hover { color:#fff ; background-color: #3c3c3c; opacity: 1;}    

    

.topbanner4up { display:none }











.content{ width:100%; }

.contentdv1  {margin-bottom: 0px; }

.contentdv1_1 { width:100%; margin-right: 0px;} 



.contentdv1_2 {width:100%;padding-bottom: 0px;} 

.contentdv1_2 .p1 { padding:0px 15px 0px 15px } 

.contentdv1_2 .p2div { margin: 10px 0px 10px 0px; }

.contentdv1_2 .p2 { padding: 0px 15px 0px 15px; }

.contentdv1_2 .p3 {padding: 10px 0px 5px 0px;text-indent: 15px;}

.contentdv1_2 .dv3  { width: 100%; }

.contentdv1_2 .dv3 ul { margin-left: 38px; margin-right: 15px; margin-bottom: 0px; }

.contentdv1_2 .dv3 ul li { text-indent: -18px; margin-left: -4px; }











.middle_bar{ width:100% }

.policies_content { width:100%; }

.policies_content .tabbed_content { width:100% ; padding: 20px 0px 10px 0px;}

.policies_content .tabbed_content .tabbed { width:100% }

.policies_content .tabbed_content .tabbed label {padding: 10px 0px 10px 0px; width:100%; border: 1px solid #f1f1f1; border-right:none; border-left:none} 

input:checked + label { background-color: #1f1c1a; color:#fff }

.policies_content .tabbed_content .tcontent { width:100%; border-right:none; border-left:none }

.cont { padding: 20px 15px 20px 15px;}





 



.footerup { margin-top: 45px; }

.footer{ width:100%; background-color:#333; }

.footer_div2 div { padding: 23px 0px 10px 0px; }

.footer_div2 > div > div a img { padding: 0px 0px 0px 0px;}



}











@media (max-width: 600px) { 





.new .newin {margin-top: 7px; display: block;}

.new .newin .box {box-sizing: border-box;}

.new .newin .box .boxin { height: auto; padding: 9px 15px 15px 15px;}

.new .newin .box h1 {padding-bottom: 7px;}





.new2  {margin-top: 10px;}

.new2 .new2in {margin-top: 7px; display: block; padding: 0px 10px 0px 10px; margin-bottom: 10px;}

.new2 .new2in .box {box-sizing: border-box; padding: 10px 0px 10px 0px;}

.new2 .new2in .box .boxin { height: auto; }

.new2 .new2in .box p .ic1 {width: 85%;}

.new2 .new2in .box p .ic2 {width: 85%;}

.new2 .new2in .box p img {width: 85%;}



.footerup {margin-top: 20px; height: auto;}

.topbanner_left { display: none; }



/*IMAGE GALLERY*/   

#gallery_div {height:auto;padding-top: 12px;padding-bottom: 10px;}

.img_sec2 label { margin-top: 5px;}

/*IMAGE GALLERY*/





.toggle { text-align: center; }

.toggle:before { font-family: FontAwesome; content: "\f0c9"; padding-right: 8px; }



.topbanner1up  { height: auto;} 

.topbanner1 { height: auto;} 

.topbanner_right { padding-right: 0px; height: auto; text-align:center}

.topbanner_right .nws { padding: 7px 0px 0px 0px; float:none } 

.topbanner_right .favo { padding: 7px 0px 9px 0px; float:none } 











.footer { margin:0px; float:left; height:auto }



.footer_div1 { width:100%; }

.footer_div1 div { padding: 20px 0px 10px 0px;text-align: center; }

.footer_div1 div span { padding-left: 0px; float:none}

.footer_div1 div div { text-align: center; padding-left: 0px; }

.footer_div1 div div a { text-align: center; }

.footer_div1 div div a:before { content: none ; }



.footer_div2 { width:100%; }

.footer_div2 div { padding: 10px 0px 10px 0px; }

.footer_div2 div div {padding: 15px 0px 10px 0px;}



.footer_div3 { width:100%; }

.footer_div3 div { width:100%;  padding: 10px 0px 25px 0px }

.footer_div3 div div { padding: 7px 0px 0px 0px;}



}







@media all and (max-width : 500px) {

.contentdv1_2 .p1 { margin: 10px 0 10px 0; }

}