@charset "utf-8"; 
/* CSS Document */
*{margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{width: 100%; height: 100%; margin: 0px; padding: 0px; }
body{margin: 0px; padding: 0px; font-size: 18px; color: #363636; line-height: 24px; min-height: 100%; overflow-x: hidden; font-family: 'Roboto', sans-serif; font-weight: 400;}
p{margin: 0px; padding: 0px 0 20px 0; font-size: 15px; color: #043721; line-height: 26px; font-family: 'Roboto', sans-serif; font-weight: 400; }
h1{margin: 0px; padding: 0px; }
h2{margin: 0 0 20px; padding: 0px; font-size:35px; font-weight:700; color:#2a2a2a;}
h3{margin: 0px; padding: 0px; }
h4{margin: 0px; padding: 0px; }
h5{margin: 0px; padding: 0px; }
h6{margin: 0px; padding: 0px; }
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{margin: 0; padding: 0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0px; padding: 0; outline: none; border: 0; }
a{text-decoration: none; border: 0px; outline: none; transition: all .5s; }
a:hover, a:focus, a:active{text-decoration: none; border: 0px; outline: none; transition: all .5s; color: #013b61; }
a img{border: none; outline: none; }
a:focus{outline: none; }
 border{border-collapse: collapse; }
hr{height: 1px; background: #333333; border: none; }
.clear{clear: both; }
.clearfix:before,.clearfix:after{content: " "; display: table; }
.clearfix:after{clear: both; }
.clearfix{*zoom: 1; }
img{max-width: 100%; height: auto; object-fit: cover; -webkit-object-fit: cover; }

/* Reset style */
::-moz-selection{color: #fff; background: #0c489c;}
::selection{color: #fff; background: #0c489c;}

.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#686868;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#686868;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color:#686868;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder 
{color:#686868;opacity:1}

.form-control,
input[type="text"],input[type="email"],textarea,input[type="password"] {display: block; width: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; color: #686868; height: auto; background: #fff; padding: 15px 12px; margin-bottom: 20px; outline: none; box-shadow: none; line-height: normal; border-radius:0; border:1px solid #d1d1d1; -webkit-appearance: none;}
textarea.form-control {height:120px;resize:none; overflow:hidden;padding: 10px 12px;}
.form-control:focus, textarea.form-control:focus {outline:none;box-shadow:none; border:1px solid #d1d1d1;}

select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;border-radius:0;box-shadow:none;background:#111c44 url(../images/arrow.png) no-repeat 95% center;font-size:14px;color:#fff;height:36px;padding:0 20px 0 10px;margin-bottom:0; font-family: 'Roboto', sans-serif; line-height:36px;}
select.form-control:focus {border:0; outline: none;}

.btn{ font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 20px; padding:15px 34px; color: #fff; background-color: #0c489c; font-weight: 500; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; transition: all .5s; outline: none; border: 0; position: relative; display:inline-block;}
.btn:after {content:''; display:block; width:26px; height:100%;border-top: 51px solid #0c489c;border-right: 26px solid transparent; position:absolute; right:-25px; top:0;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: 0; box-shadow: none; background-color: #0c489c; color: #fff;}
.btn:hover {background-color: #0c489c; color: #e5af1c;}
.btn.lft:after {content:''; display:block; width:26px; height:100%;border-top: 51px solid #0c489c;border-left: 26px solid transparent; position:absolute; left:-25px; top:0;}

.displayTable{display: table; height: 100%; width: 100%}
.displayCell{display: table-cell; vertical-align: middle}
.displayCellBot {display: table-cell; vertical-align: bottom;}
.tableWidth-full{width: 100%; }
.tableWidth-half{width: 50%; height: 100%}

/*menu style*/
.NavForDeskMob { float: left;}
.navigation ul{margin: 0px; padding: 0px; list-style: none; }
.navigation ul li{float: left; margin: 0 14px;  position: relative; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navigation ul li:last-child{margin-right:0;}
.navigation ul li a{color: #fff; margin: 0px; line-height: 20px; display: block; font-size: 15px; position: relative; padding:14px 0px;}
.navigation ul > ul > ul {opacity: 0;margin-left: 260px;visibility: hidden;margin-top: 20px;}
.navigation ul li > ul {visibility: hidden;opacity: 0;position: absolute;top: 100%;left: 0;width: 100%;transform: translateY(0%);z-index: 9999;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;min-width: 220px;background-color: #fff;padding:0px;}
.navigation ul li ul > li { display:block; margin:0px; padding:0px; border-bottom:1px solid #ccc;width: 100%;}
.navigation ul li ul > li > a {border-bottom: none !important; padding: 7px 10px; margin: 0px; display: block; text-align: left; font-size: 15px;}
.navigation ul li:hover ul {visibility: visible;opacity: 1;z-index: 1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;top: 58px;}
.navigation ul li.active a { color:#e5af1c;}
.navigation ul li:hover a { color:#e5af1c;}
/*-- Menu Click --*/
.RigClickMenu{width: 22px; height: auto; position: relative; float: right; display: none; z-index: 1; }
.MenuBox{width: 100%; height: 100%; position: relative; border: 2px solid #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 2px; }
.MenuBox .divBar{width: 70%; position: relative; height: 2px; background-color: #fff; border-radius: 5px; margin: 5px auto; }
.navbarweb .container{position: relative; }

/*header*/
.mainHd{display:block;padding:0px; position:relative;top:0; right:0; left:0; z-index:10;}
/*.mainHd:before { content:' '; width:40%; position:absolute; top:0px; left:0px; background-color:#fff; height:100%; z-index:1;}
@media only screen and (max-width:6800px) {
.mainHd:before{width:42%}
}
@media only screen and (max-width:5400px) {
.mainHd:before{width:40%}
}
@media only screen and (max-width:4000px) {
.mainHd:before{width:36%}
}
@media only screen and (max-width:2560px) {
.mainHd:before{width:28%}
}
@media only screen and (max-width:2000px) {
.mainHd:before{width:25%}
}
@media only screen and (max-width:1600px) {
.mainHd:before{width:22%}
}
@media only screen and (max-width:1440px) {
.mainHd:before{width:20%}
}*/

.logo{ float: inherit; position: absolute;padding: 6px 0 7px; max-width: 156px; margin-left:15px; z-index: 1; background-color: #fff; width:100%;}
.logo:after { content: ''; position: absolute; width: 57px; height: 100%; background-image: url(../images/thunderIcon.png); background-repeat: no-repeat; top: 0px; background-size: 100%; right: -57px;}
.logo:before { content: ''; position: absolute; width: 57px; height: 100%; background-image: url(../images/thunderIcon2.png); background-repeat: no-repeat; top: 0px; background-size: 100%; left: -56px;}
.nav-right {float: right;position: relative;}
.topHead { width:100%; position:relative; margin:0px; padding:0px; background:#357bb3;}
.bottomHead { width:100%; position:relative; margin:0px; padding:0px; background:#2c2d8a;}
.topHead-right {float:right; padding:3px 0 20px;}
.personalDetail {float:left; position:relative; margin-top:18px;}
.personalDetail ul {margin:0;}
.personalDetail ul li { display:inline-block; position:relative; font-size:16px; color:#fff; font-weight:500; line-height:16px; float:left; margin: 0 12px;}
.personalDetail ul li a { color:#fff; display: inline-block;}
.personalDetail ul li a:hover { color:#e5af1c;}
.personalDetail ul li i {margin-right:10px;}
.personalDetail ul li .fa-phone {transform: rotate(90deg);}
.memberForm {float:left; margin-left:10px;}
.memberForm a {font-size:18px; font-weight:500; color:#fff;background:#cb191c; padding:12px 10px 12px; display:inline-block}
.memberForm a:hover {background:#e5af1c;}
.donateBox {float:left; margin-left:50px;}
.donateBox a {background:#e5af1c; font-size:16px; color:#fff; font-weight:500; padding:12px 18px; display:block; position:relative;}
.donateBox a:before {content:''; display:block; width:26px; height:100%;border-top: 48px solid #e5af1c;border-left: 26px solid transparent; position:absolute; left:-26px; top:0;}
.donateBox a:hover {color:#cb191c;}
.hero-banner {position: relative;}
.banner-pic img {width:100%;}
.banner-caption {width: 100%;position: absolute;left: 50%;top: 60%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2;}
.banner-box {float:right; max-width:550px; width:100%; background: url(../images/banner-curve.png) repeat; text-align:right; padding:35px 35px 40px 150px; position:relative;}
.banner-box h2 {font-size:50px; font-weight:800; color:#fff; margin-bottom:20px;}
.banner-box h2 span {display:block; font-size:51px; font-weight:700;}
.banner-box p {font-size:21px; line-height:29px; font-weight:700; color:#fff;}

.scrollTop { background-color: #fc2127; width: 45px; height: 45px; display: inline-block; position: fixed; bottom: 10px; right: 15px; border-radius: 50%; text-align: center; line-height: 45px; color: #fff; z-index: 1; opacity: 0;}
.scrollTop:hover, .scrollTop:focus{color:#fff;}
.scrollTop.pop{opacity: 1;visibility: 1;}

.triangle-box {width: 0;height: 0;border-style: solid;border-width: 0 50px 45px 0;border-color: transparent #00aef0 transparent transparent; position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}
.triangle-box.active {border-color: transparent #cb191c transparent transparent;}
.triangle-box i {color:#fff; font-size:20px;}
.triangle-box .fa-plus {margin:5px 0 0 25px;}
.triangle-box .fa-minus {display:none;margin:5px 0 0 25px;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}

/*	hm-about 	*/
.hm-aboutArea {padding:100px 0;}
.hm-aboutPic {float:left; max-width:530px; width:100%; margin-left:60px; position:relative;}
.hm-aboutPic img {width:100%; border-radius:5px; position:relative; z-index:2}
.hm-aboutPic:before {content:''; display:block; background:url(../images/curve2.png) no-repeat 0 0; width:291px; height:304px; position:absolute; left:-33px; bottom:-23px; z-index:1}
.hm-aboutCont {float: right; max-width:485px; width:100%; padding-right:15px;}
.hm-aboutCont h1 {margin: 0 0 25px; font-size:35px; font-weight:700; color:#2a2a2a;}

/*	organizationArea	*/
.organizationArea { padding:90px 0;background:url(../images/organizationPic.jpg) no-repeat 0 0; background-size:cover;}
.organizationArea h2 {text-align:center; color:#fff; margin-bottom:50px;}
.organizationBox { margin-bottom:20px;}
.organizationPic {position:relative;}
.organizationPic img {width:100%;}
.organizationCaption {position:absolute; left:0; right:0; bottom:0; background:#cb191c; padding:10px 15px;}
.organizationCaption h3 {color:#fff; font-size:19px; font-weight:700;}
.organizationCont {padding:15px 0 0;}
.organizationCont p {color:#fff; font-size:14px; line-height:24px;}

/*	commonArea	*/
.commonArea {padding:95px 0 75px;}
.commonArea h2 {margin-bottom:30px;}
.commonBox {margin-bottom:20px;}
.commonPic {position:relative; margin-bottom:25px;}
.commonPic a {display:block; height:100%}
.commonPic img {width:100%; height:100%;}
.commonDate { position:absolute; right:25px; bottom:-15px; background:#cb191c; color:#fff; padding:11px 10px 4px;}
.commonDate:before {content:''; display:block; width:18px; height:100%;border-top: 63px solid #cb191c;border-left: 18px solid transparent; position:absolute; left:-18px; top:0;}
.commonDate strong {font-weight:700; font-size:30px; display:block;}
.commonDate span {font-weight:400; font-size:11px; display:block;}
.commonCont h3 {font-size:22px; line-height:28px; color:#000; font-weight:500; margin-bottom:20px;}
.commonCont h3 a {color:#000;}
.commonCont h3 a:hover {color:#e5af1c;}
.commonCont p {line-height:22px; color:#514f4f;}
.commonControler .slick-arrow{width:17px;height:22px;text-indent:-9999px;outline:none;position:absolute;top:-45px;margin-top:-13px;z-index:99;border:0}
.commonControler .slick-prev{right:37px;background: url(../images/prevArrow.png) no-repeat center}
.commonControler .slick-next{right:15px;background: url(../images/nextArrow.png) no-repeat center}
.commonControler .slick-prev:hover{background: url(../images/prevArrow.png) no-repeat center}
.commonControler .slick-next:hover{background: url(../images/nextArrow.png) no-repeat center}

/*	mainFt	*/
.mainFt {background:#171717; padding:70px 0 40px;}
.copyRight {text-align:center; padding-top:25px;}
.copyRight p {color:#fff; padding-bottom:0; line-height:18px;}
.mainFt h3 {color:#fff; font-size:20px; font-weight:500; margin-bottom:22px;}
.touchForm {margin-left:50px;}
.touchForm .form-control::-webkit-input-placeholder {color:#232323;opacity:1}
.touchForm .form-control::-moz-placeholder {color:#232323;opacity:1}
.touchForm .form-control:-ms-input-placeholder {color:#232323;opacity:1}
.touchForm .form-control:-moz-placeholder {color:#232323;opacity:1}
.touchForm .form-control {font-size: 14px; color: #232323; padding: 10px 15px; margin-bottom: 10px; border:0; box-shadow: none;}
.touchForm textarea.form-control {height:70px; padding:10px 15px;}
.touchForm .form-control:focus,.touchForm textarea.form-control:focus {border:0;}
.touchForm h3 {margin-left:-10px;}
.touchForm [class*='col-'] {padding-left:5px; padding-right:5px;}
.touchForm input[type="submit"] {color:#fff; font-size:16px; font-weight:400; background:none; outline:none; border:0; transition:all 0.5s;}
.touchForm:hover input[type="submit"] {color:#e5af1c;}
.ft-logo {margin-bottom:15px;}
.ft-logoCont p {font-size:14px; line-height:25px; color:#b9b7b7;}
.socialBox span {color:#fff; font-size:17px; font-weight:500; display:inline-block;}
.socialBox a {color:#fff; font-size:26px; margin-left:5px;}
.socialBox a:hover {color:#e5af1c;}
.ft-menu ul {list-style:none;}
.ft-menu ul li {margin-bottom:5px; font-size:14px; color:#b9b7b7;}
.ft-menu ul li a {color:#b9b7b7;}
.ft-menu ul li a:hover {color:#e5af1c;}

/*	hm-gallery	*/
.hm-gallery { padding:80px 0;background: url(../images/galleryBg.jpg) no-repeat 0 0; background-size:cover;}
.hm-gallery h2 {text-align:center; color:#fff; margin-bottom:60px;}
.donateBox.donateBox-fres {display:none;}

/*	contactPg	*/
.contactPg {padding:100px 0;}
.contactTop {margin-bottom:50px;}
.mapBox {height:485px;}
.mapBox iframe {width:100%; height:100%;}
.contactTop h2 {margin-bottom:30px;}
.quickCont { margin-bottom:30px;}
.quickCont ul {list-style:none;}
.quickCont ul li { margin-bottom:45px; position:relative; padding-left:100px; font-size:16px; color:#181818; font-weight:300;}
.quickCont ul li h3 {font-size:18px; font-weight:600; color:#181818; margin-bottom:10px;}
.quickCont ul li a {color:#181818;}
.quickCont ul li a:hover {color:#e5af1c;}
.quickCont ul li:before {content:""; font: normal 32px/1 FontAwesome;display: block; position: absolute; left: 0;top: 0;color:#000; width:54px; height:54px; background:#fff; box-shadow:0 0 12px #ddd; text-align:center; line-height:54px;}
.quickCont ul li.location:before {content: "\f041";}
.quickCont ul li.mail:before {content: "\f0e0";}
.quickCont ul li.tel:before {content: "\f095";}
.contactForm .form-control { box-shadow:0 0 8px #ddd;}
.contactForm {margin-bottom:30px;}
.contactForm .form-control:focus, .contactForm textarea.form-control:focus { box-shadow:0 0 8px #ddd;}
.contactForm input[type="submit"] {color:#fff; font-size:16px; font-weight:400; background:none; outline:none; border:0; transition:all 0.5s;}
.contactForm .btn:hover input[type="submit"] {color:#e5af1c;}

/*	donationArea	*/
.donationArea { position:relative; background:#f0eeee}
.donationForm {padding:60px 0 70px;}
.donationForm input[type="submit"] {color:#fff; font-size:16px; font-weight:400; background:none; outline:none; border:0; transition:all 0.5s;}
.donationForm .btn:hover input[type="submit"] {color:#e5af1c;}
.donationPic {width:34%;position:absolute; top:0; right:0; bottom:0}
.donationPic img {width:100%; height:100%;}
@media only screen and (min-width: 992px){
.donationForm-col {padding-right:8px;}
.donationForm-colst {padding-left:8px;}
}
.donationForm h2 {font-size:28px; color:#454545; font-weight:700; margin-bottom:40px;}
.donationForm h3 {font-size:17px; color:#212121; font-weight:500;}
.donationForm label {font-size:15px; color:#535252; font-weight:400;}
.donationForm .form-control {margin-bottom:4px; padding: 12px 10px;}
.donationForm h3 span {color:#ff0000;}
.donationBx {margin-bottom:25px;}
.donationFormWrp {padding-right:20px;}
.radioBox {margin-bottom:5px;}
.checkwrap {margin:0 0 3px 4px;}
.radioBox input[type=radio]:not(old), 
.checkwrap input[type=checkbox]:not(old) {width:14px;margin:0;padding:0;opacity:0}
.radioBox input[type=radio]:not(old) + label, 
.checkwrap input[type=checkbox]:not(old) + label {display:inline-block;margin-left:-22px;padding-left:22px;background:url(../images/radio1.png) no-repeat 0 0;line-height:16px}
.checkwrap input[type=checkbox]:not(old) + label {background:url(../images/check-icon.jpg) no-repeat 0 0;}
.radioBox input[type=radio]:not(old):checked + label,
.checkwrap input[type=checkbox]:not(old):checked + label {background:url(../images/radio2.png) no-repeat 0 0}
.checkwrap input[type=checkbox]:not(old):checked + label {background:url(../images/checkTick-icon.jpg) no-repeat 0 0}
.radioBox label {font-size: 16px;color: #2d2d2d;font-weight: 500;}
.amountWrap {position:relative; padding-right:120px;}
.dolarbox {position:absolute; right:70px; top:10px;}
.dolarbox strong {font-size:17px; color:#535252; font-weight:500; text-transform:uppercase;}


/*news page 13-07-2019*/

.inner-banner .banner-box { max-width: 560px; width: auto; background: url(../images/banner-curve.png) no-repeat 0 0; text-align: right; padding: 25px 20px 30px 60px; background-size: cover !important; }
.inner-banner .banner-box h2{margin:0;}
.newscontent{padding:80px 0; overflow:hidden;}
.newscontent h1{ margin: 0 0 25px;font-size: 35px; font-weight: 700;color: #2a2a2a;}
.cat-ar{margin:0 0 40px 40px; background-color:#ececec; padding:22px;}
.cat-ar:last-child{margin-bottom:0;}
.cat-ar ul{list-style:none;}
.cat-ar ul li{font-size:14px; line-height:20px; margin-bottom:10px;}
.cat-ar ul li:last-child{margin-bottom:0;}
.cat-ar ul li a {color: #626262; position: relative; padding: 0 0 0 20px;}
.cat-ar ul li a:hover{color: #cb191c;}
.cat-ar ul li a:before{content:'\f0d9'; position:absolute; left:0; font-family: FontAwesome; color: #000000; font-size:20px;}
.cat-ar h4{font-size:18px; line-height:22px; color: #494747; margin-bottom:15px;}
.searchbox{position:relative; margin-bottom:45px;}
.searchbox input[type="search"]{width:100%; border:1px solid #bababa;line-height: normal; padding:7px 10px; font-size: 14px; color: #2e2d2d; outline: none;border-radius:0;}
.searchbox input[type="submit"]{position:absolute; top:0; bottom:0; right:0; text-indent: -2000px; width:41px; border:none; cursor: pointer; background: url(../images/search-bg.png) no-repeat center center #cb191c; transition:.3s ease-in-out;border-radius:0;}
.searchbox input[type="submit"]:hover{background: url(../images/search-bg.png) no-repeat center center #000;}
.date p i {    color: #cb191c; margin: 0 7px 0 0;}
.news-content p{font-size:14px; line-height:26px; color: #636262;}
.news-content .date p{font-size: 15px; padding:0; color: #414040;}
.news-content .date{margin-bottom: 12px;}
.news-content ul{overflow:hidden; list-style: none; margin:0 0 10px;}
.news-content ul li{ float: left; font-size: 14px; color: #cb191c; font-weight: 300; border-right: 1px solid #cb191c; padding: 0 5px 0 0; margin: 0 5px 0 0; line-height: 19px; }
.news-content ul li:last-child{margin:0; padding:0; border:none;}
.news-content h4{margin:0 0 12px; font-size:19px; font-weight: 700;}
.news-content h4 a{color: #232323}
.news-content h4 a:hover{color: #cb191c}
.newsloop{margin-bottom: 40px;}
.newsloop:last-child{margin-bottom:0;}
.greybg{background-color: #efebeb;}
.panel-txt{background-color: #0c489c; padding:14px;}
.panelborder{border:1px solid #fff;padding:15px;}
.panel-txt h4{font-size:33px; line-height:34px; color: #fff; font-weight:700; }
.panel-txt p{font-size:15px; line-height:22px; color: #fff;}
.newscontent.greybg .cat-ar { margin: 30px 0 0 0; }
.newscontent.greybg h2 {margin: 0 0 30px;}
.news-img{width: 100%;}
/*about us*/

/*homaaboutnxt*/
.homeabout-nxt, .midcontent .hm-aboutArea{overflow:hidden;}
.img-bx{border-radius: 5px; overflow:hidden;}
.homeabout-nxt h5{font-size:26px; line-height:37px; color: #cb191c; margin-bottom:30px;}
.homeabout-nxt h4{font-size:29px; line-height:35px; color: #272727; margin-bottom:20px;}
.homeabout-nxt{padding:0 0 100px;}
.about-top{overflow:hidden;}

/*newsletter*/
.newsletter{text-align:center; padding: 70px 0; overflow:hidden;}
.newsletter-sec{position:relative}
.newsletter-sec input[type="email"]::-webkit-input-placeholder{color:#000;opacity:1}
.newsletter-sec input[type="email"]::-moz-placeholder{color:#000;opacity:1}
.newsletter-sec input[type="email"]:-ms-input-placeholder{color:#000;opacity:1}
.newsletter-sec input[type="email"]:-moz-placeholder{color:#a5a4a4;opacity:1}
.newsletter-sec input[type="email"]{font-size:14px; padding:14px 20px; background-color: #dedada; color: #000; border:none; margin:0}
.newsletter-sec input[type="submit"]{position:absolute; right:0; top:0; bottom:0; background:url(../images/newletter-submit-bg.png) no-repeat 0 0; background-size:cover !important; max-width:245px; width:245px; border:none; color: #fff; transition:.3s ease-in-out; cursor: pointer;border-radius:0;}
.newsletter-sec input[type="submit"]:hover{background:url(../images/newletter-submit-bg-hvr.png)no-repeat 0 0; background-size:cover !important; }
.responsivetable{width:100%;}

/*list all games*/
.list-games{background-color: #0c489c; overflow:hidden; padding:60px 0;}
.list-games h2{text-align:center; color: #fff;}
.responsivetable table{width: 100%; color:#fff;}
.responsivetable table th{ background-color: #cb191c; padding:10px 15px; font-size:17px; font-weight:600;}
.responsivetable table td{padding:10px 15px; background-color: #fff; color:#000; font-size:17px; font-weight:600; border-right:1px solid #c9c9c9;  border-bottom:1px solid #c9c9c9;}
.responsivetable table td:last-child{border-right: none;}

/*lab member form*/
.lab-mem-container{text-align:center; padding: 90px 0; }
.lab-mem-container h2 { margin: 0 0 5px 0; }
.lab-mem-container h4{font-size:22px; line-height:26px; color: #2d2d2d; margin: 0 0 7px 0;}
.lab-mem-container > h4{margin:0 0 50px;}
.applicationform{ background-color: #f0f0f0; border: 1px solid #cfcfcf; text-align: left; background:url(../images/lab-bg-img.png) no-repeat center center #f0f0f0; }
.apphead{padding:22px; }
.border{overflow:hidden; border-bottom: 1px solid #cfcfcf; position:relative;}
.border.wtop{border-top: 1px solid #cfcfcf;}
.border.wtop:before{content:''; width:1px; background-color: #cfcfcf; top:0; bottom:0; left: 50%; position:absolute;}
.apphead h5{color: #7b7777; font-size: 16px; line-height:20px; font-weight:400;}
.applicationform .form-control, .applicationform input[type="text"], .applicationform input[type="email"], .applicationform textarea, .applicationform input[type="password"], .applicationform input[type="number"]{ padding:5px; background-color: transparent; margin:0; font-size:14px; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;   margin: 0; }
.applicationform label{font-size:14px; line-height:16px; color: #8c8c8c; font-weight:400;}
.p-22{padding:22px; overflow:hidden;}
.blocks .col-md-6{padding-left: 0;}
.blocks h5, .blocks h4{ font-size:17px; line-height:21px; color: #191919}
.blocks h4 {margin:16px 0 6px;}
.applicationform .col-md-12{padding-right:0;}
.floatright{overflow:hidden;}
.float h5 { float: left; margin: 0 20px 0 0; max-width:120px; width:100%;}
.floatright.floatright-edit {margin-bottom:15px;}
.w50{float:left;width: calc(100% - 52%); }
.w50:first-child{margin:0 15px 0 0;}
.applicationform select{-webkit-appearance: none; -moz-appearance: none; appearance: none; width:100%; font-size:13px; font-family: 'Roboto', sans-serif; color: #737171; font-weight:400; background-color: inherit; padding: 2px 5px; background:url(../images/select-ar.png) no-repeat 96% center; border-radius:0;border: 1px solid #d1d1d1;}
.applicationform select:focus{outline:none;}
.m-top{margin:10px 0 0 0; overflow:hidden; width:100%;}
.input-container{overflow:hidden;}
.w190{width:190px;}
.wm237 { max-width: 237px; padding: 0 0 0 10px; }
.wm237 label{color: #2d2d2d; font-size: 16px;font-weight:600; margin:0 0 5px 0}
.noborder{border-bottom: none;}
.input-container.submit input[type="submit"]{transition: .3s ease-in-out; background:url(../images/submit-bg-blue.png) no-repeat 0 0; background-size: cover !important; 
max-width:261px; width:261px; height:48px;line-height:48px; border:none; color: #fff;}
.input-container.submit input[type="submit"]:hover{background:url(../images/submit-bg-blue-hvr.png) no-repeat 0 0;}
.input-container.submit input[type="submit"]:focus{outline:none;}
.labinfo ul{list-style: none; }
.labinfo ul li, .labinfo ul li a{font-size:20px; line-height:25px; font-weight:500; color: #0f0f0f;}
.labinfo ul li a:hover{ color: #e5af1c;}
.labinfo ul li{margin:0 0 10px;}
.labinfo ul li:last-child{margin-bottom:0;}
.inner-banner{  border-bottom: 1px solid #fff; }

@media (min-width: 992px) {
.container-big {width: 970px;}
}
@media (min-width: 1300px) {
.container-big {width:1270px;}
}
.site-link span {font-size:14px;color: #b9b7b7;}
.site-link a {color: #b9b7b7;}
.site-link a:hover {color: #e5af1c;}
.donation-top { padding-bottom:30px;}
.news-glr {margin-bottom:30px;}

.logo-area { text-align:center; padding:60px 0 0}
.logo-box { display:inline-block; border:1px solid #a8a8a8; margin:0 5px 10px; text-align:center; padding:10px 5px; max-width:182px;}

.giving-back {padding:60px 0;}
.giving-back h1 {margin-bottom:20px;}
.giving-back ol {margin-left:26px; margin-bottom:40px;}
.giving-back ol li {margin-bottom:8px;}

.news-content ol {margin:0 0 20px 20px;}
.news-content ol li {margin-bottom:8px;}
.radioBox.radio-lftmg {margin-left:5px;}
.nmdtls {margin-top:10px;}
.floatright input[type="date"].form-control {line-height:normal;}

/*	sponsorship new design	*/
.sponsor_type { position:relative; margin:0px; padding:84px 0px 120px; background-color:#f0eeee; overflow:hidden;}
.sponsor_form_box { position:relative; margin:0px; padding:0px;}
.sponsor_box_group h2 { font-size:23px; line-height:23px; font-weight:500; color:#212121; margin: 0 0 30px;}
.sponsor_box_group h4 { font-size:18px; line-height:22px; color:#2b2929; margin-bottom:18px;}
.inline-checkbox { display:inline-block; position:relative;}
.checkbox_label {display: block;position: relative;padding-left: 45px;margin-bottom: 40px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark_label {position: absolute;top: 0;left: 0;height: 28px;width: 28px;background-color: #fff; border:1px solid #3f3e3e;}
.checkbox_label:hover input ~ .checkmark_label {background-color: #fff;}
.checkbox_label input:checked ~ .checkmark_label {background-color: #e5af1c;}
.checkmark_label:after {content: "";position: absolute;display: none;}
.checkbox_label input:checked ~ .checkmark_label:after {display: block;}
.checkbox_label .checkmark_label:after { left: 9px; top: 5px; width: 7px; height: 13px; border: solid #2a2a2a; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkbox_label h4 { margin:3px 0px 5px; font-size:18px; line-height:22px; color:#2b2929; font-weight:500;}
.checkbox_label p { font-size:19px; line-height:22px; color:#575656; font-weight:300; padding:0px; margin:0px;}
.sponsor_box_group { position:relative; margin:0px 0px 20px; padding:0px;}

.sponsor_box_group.adjust-mag .inline-checkbox { margin-right:75px;}
.sponsor_box_group.adjust-mag .inline-checkbox:last-child { margin-right:0px;}
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label { margin-bottom:30px;}
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label h4 { margin: 0; font-size: 18px; line-height: 28px;}
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label h4 span { font-weight:300;}
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label h4 span a {color:#2b2929;}

.sponsor_box_group.adjust-mag .box-credit-form .sponsor_box_group h2 { font-size:23px; line-height:23px; font-weight:500; color:#212121; margin: 0 0 30px;}
.sponsor_box_group.adjust-mag .box-credit-form .sponsor_box_group h4 { font-size:18px; line-height:22px; color:#2b2929; margin-bottom:18px;}
.sponsor_box_group.adjust-mag .box-credit-form .inline-checkbox { display:inline-block; position:relative;     margin-right: 35px;}
.box-credit-form .checkbox_label {display: block;position: relative;padding-left: 30px;margin-bottom: 40px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sponsor_box_group.adjust-mag .box-credit-form .checkbox_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.sponsor_box_group.adjust-mag .box-credit-form .checkmark_label {position: absolute;top: 0;left: 0;height: 19px;width: 19px;background-color: #fff; border:1px solid #3f3e3e;}
.sponsor_box_group.adjust-mag .box-credit-form .checkbox_label .checkmark_label:after { left: 6px; top: 3px;  width: 5px; height: 9px; border-width: 0 2px 2px 0;}

.sponsor_box_group.adjust-mag .creditBox .inline-checkbox { margin-bottom:20px;}
.sponsor_box_group.adjust-mag .creditBox .inline-checkbox .checkbox_label { margin-bottom:0px;}
.sponsor_box_group.adjust-mag .box-credit-form .inline-checkbox .checkbox_label { margin-bottom:0px;}
.sponsor_box_group.adjust-mag .box-credit-form .inline-checkbox .checkbox_label h4 { margin: 0; font-size: 17px; line-height: 19px;     font-weight: 300;}
.sponsor_box_group.adjust-mag .box-credit-form .inline-checkbox .checkbox_label h4 span { font-weight:300;}

.box-credit-form { position:relative; margin:0px; padding:0px 0px 0px 45px;opacity: 0.8;}
.box-credit-form label { font-size: 17px; line-height: 19px;  font-weight: 300;  margin-bottom: 12px;}
.box-credit-form .form-control, .box-credit-form input[type="text"], .box-credit-form input[type="email"], .box-credit-form textarea, .box-credit-form input[type="password"] {
padding: 5px 12px; font-size: 12px; line-height: 18px; margin-bottom:15px;}

.box-credit-form input[type="date"].form-control { line-height:normal; font-size:12px;}

.section-upload { margin-bottom: 40px; text-align: center;}
.section-upload p { font-size:15px; font-style:italic; color:#575656; font-weight:400; margin-top:5px;     padding: 0px;}
.section-upload .fileupload-section input[type=file]{position:absolute; opacity:0; visibility: hidden;}
.header-right p{color: #ffffff;font-size:13px;line-height:16px;padding-bottom: 10px;}
.section-upload .fileupload-section input[type=text]{width:calc(100% - 99px);background-color: #fff;height:30px; border-radius:0px;float:left;margin-right:0;     margin-bottom: 0px;}
.section-upload .fileupload-section span.uploadbtn{}
.section-upload .fileupload-section input[type="submit"]{ background: rgba(77,77,77,1); background: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,77,77,1)), color-stop(100%, rgba(14,14,14,1)));background: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);background: -o-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);background: -ms-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);background: linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#0e0e0e', GradientType=0 );border-radius:3px;color: #fff; font-size:15px;padding: 7px 17px;border: none;}
.section-upload .fileupload-section input[type="submit"]:focus{outline: none}
.section-upload .fileupload-section span.uploadbtn.browse, .section-upload .fileupload-section span.uploadbtn.browsetwo{margin-right:0; background: rgba(222,222,222,1);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(50%, rgba(236,235,235,1)), color-stop(100%, rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede', GradientType=0 ); color: #2b2929; font-size: 15px; float: left; margin-right: 0; cursor: pointer; padding: 3px 17px; border-radius: 0; width: 99px; text-align: center;}

.price_form .form-control, .price_form input[type="text"] { border:none; border-bottom:1px solid #2b2929; background-color: transparent; padding:6px 10px 6px 30px;}
.price_form .input-group-addon { border: none; background-color: transparent; width: 15px; position: absolute; top: 9px; padding: 9; padding: 0; left: 5px;}
.lineGroup { position:relative; width:calc(100% - 69px); position:relative; float:left;}
.price_form { max-width:280px; width:100%; float:right;}
.price_form label { margin: 6px 0px; padding: 0px; font-size: 15px; font-weight: 500;}
.form-group-all input[type="date"] {     padding: 13px 12px;    line-height: normal;}

.selectform .fileupload-section input[type=file]{position:absolute; opacity:0; visibility: hidden;}
.header-right p{color: #ffffff;font-size:13px;line-height:16px;padding-bottom: 10px;}
.selectform .fileupload-section input[type=text]{width:calc(100% - 99px);background-color: #fff;height:50px; border-radius:0px;float:left;margin-right:0; margin-bottom: 0px;}
.selectform .fileupload-section span.uploadbtn{}
.selectform .fileupload-section input[type="submit"]{ background: rgba(77,77,77,1); background: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,77,77,1)), color-stop(100%, rgba(14,14,14,1)));background: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);background: -o-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);background: -ms-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);background: linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(14,14,14,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#0e0e0e', GradientType=0 );border-radius:3px;color: #fff; font-size:15px;padding: 7px 17px;border: none;}
.selectform .fileupload-section input[type="submit"]:focus{outline: none}
.selectform .fileupload-section span.uploadbtn.browse, .selectform .fileupload-section span.uploadbtn.browsetwo{margin-right:0; background: rgba(222,222,222,1);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(50%, rgba(236,235,235,1)), color-stop(100%, rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(236,235,235,1) 50%, rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede', GradientType=0 ); color: #2b2929; font-size: 15px; float: left; margin-right: 0; cursor: pointer; padding: 13px 17px; border-radius: 0; width: 99px; text-align: center;}

.sponsor_box_group input[type="submit"] {color: #fff; font-size: 16px; font-weight: 400; background: none;outline: none;border: 0; transition: all 0.5s;}
.form-group-all label { font-size:16px; color:#212121; margin-bottom:15px;}
.right-image-sp { position:relative; right: 0px; top: 0px; width:calc(100% + 29%); height:100%; margin-top:-84px;}
@media only screen and (min-width: 1301px){
.right-image-sp {width:calc(100% + 70%);}
}
.echImgSp { width:100%; position:relative; margin-bottom:50px;}
.echImgSp img { width:100%;}
.selectform { position:relative; display:block;    overflow: hidden;
    margin-bottom: 20px;}

#datesponsortwo { background-image:url(../images/calendarIcon.png); background-position:96% center; background-repeat:no-repeat;padding: 15px 50px 15px 12px;}
.inline-checkbox.in-check-edti .checkbox_label h4 {margin: 0 15px 0 5px;font-size: 16px;line-height: 28px;font-weight: 300;}
.box-credit-form .inline-checkbox.in-check-edti .checkbox_label {margin-bottom:20px;}

/* about add */
.all-event-section { position:relative; padding:100px 0px 0px}
.all-event-section .hm-aboutArea { padding:0px 0px 100px;}
.all-event-section .hm-aboutArea:nth-child(even) .hm-aboutPic { float:right; position:relative;}
.all-event-section .hm-aboutPic.small-img { max-width: 300px;}
.all-event-section .hm-aboutCont.ad-width { max-width:inherit; width:calc(100% - 360px); float: left;}

/** ==============Responsive style start ========== *****-------------------------------------------------------------***/
@media only screen and (max-width: 1299px){
.logo {max-width: 150px; margin-left:-53px;}
.personalDetail ul li {font-size: 13px;}
.memberForm a {font-size: 14px;}
.navigation ul li {margin:0 7px;}
.donateBox {margin-left: 38px;}
.donateBox a {padding: 12px 8px; font-size:14px;}
.memberForm {margin-left:2px;}
.banner-box h2 { font-size:55px;}
.banner-box h2 span { font-size:40px;}
.banner-box p {font-size: 20px;line-height: 28px;}
.banner-box {padding: 30px 30px 30px 100px;}
.hm-aboutPic {max-width: 400px;margin-left: 40px;}
.hm-aboutCont {max-width: 440px;padding-right: 0;}
.commonCont h3 {font-size: 20px;line-height: 24px;margin-bottom: 10px;}
.commonArea {padding: 75px 0;}
.donationFormWrp {padding-right: 15px;}
.news-img {  width: 100%; }
.w50 { width: calc(100% - 54%);}
/* 03.09.2019 */
.checkbox_label h4 { font-size: 16px;}
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label h4 { font-size: 16px;}
.sponsor_box_group.adjust-mag .inline-checkbox { margin-right: 30px;}
.topHead-right {padding: 2px 0 18px;}
}
/*******end 1299*/

@media only screen and (max-width: 1199px){
.navigation ul li a { font-size: 13px;}
.navigation ul li ul > li > a { font-size:14px;}
.inner-banner .banner-box h2{font-size:50px;line-height:54px;}
.inner-banner .banner-box{padding:50px 35px 50px 130px;}
.newscontent{padding:50px 0;}
.cat-ar{margin-left:0;}
.newscontent h1, .lab-mem-container h2{margin:0 0 20px;font-size:30px;line-height:34px;}
.lab-mem-container h2{margin-bottom:7px;}
.newscontent.greybg .cat-ar{padding:0;}
.applicationform input[type="radio"], .applicationform input[type="checkbox"]{margin:4px 0 0 5px;}
.lab-mem-container{text-align:center;padding:50px 0;}
.logo {margin-left:0;}
}
/*******end 1199*/

@media only screen and (max-width: 991px){
.RigClickMenu{display:block;height:22px;position:absolute;right:25px;top:68px}
.NavForDeskMob{position:fixed;width:500px;height:100%;background-color:#0c489c;right:-103%;top:0;z-index:999;padding:20px;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:visible;opacity:1;margin-top:0;background-image:url(../images/slideBg.png);background-position:center;background-attachment:scroll;background-size:cover}
.slideOnRig{visibility:visible;opacity:1;overflow:auto;right:0}
.NavForDeskMob .navigation{margin:50px 0;width:100%}
.NavForDeskMob .navigation ul li a{font-size:14px;line-height:30px;display:inline;color:#fff;padding:5px 10px}
.NavForDeskMob .navigation ul li{display:block;margin:10px 0;float:none;text-align:left}
.NavForDeskMob .navigation ul li:first-child{margin-left:0}
.NavForDeskMob .navigation ul li:hover a{color:#fff}
.NavForDeskMob .navigation ul li.active a{color:#fff}
.corssClick{position:relative;display:inline-block;cursor:pointer}
.corssClick .crossIcon{width:40px;height:40px;position:relative;border:3px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.corssClick .crossIcon .whiteCrossbar{width:70%;position:relative;background-color:#fff;height:4px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
.corssClick .crossIcon .whiteCrossbar:first-child{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:2px;left:1px}
.corssClick .crossIcon .whiteCrossbar: last-child{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:-2px;left:1px}
.hamburger{display:block;width:100%;height:16px;cursor:pointer;position:relative;margin:0}
.hamburger-patty{height:2px;background-color:#fff;margin-bottom:5px;width:22px}
.hamburger-patty:nth-child(2){width:13px}
.hamburger-patty: last-child{margin-bottom:0}
.RigClickMenu.animtionMenu .hamburger-patty:first-child{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(45deg);animation-name:topPatty;animation-fill-mode:forwards;animation-duration:.5s;opacity:1}
.RigClickMenu.animtionMenu .hamburger-patty:nth-child(2){opacity:0}
.RigClickMenu.animtionMenu .hamburger-patty: last-child{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(-45deg);animation-name:bottomPatty;animation-fill-mode:forwards;animation-duration:.5s;opacity:1}
@keyframes topPatty {
0%{position:absolute;top:0;left:50%;margin:0;transform:translate(-50%);opacity:1}
25%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1}
75%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1}
to{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(45deg);opacity:1}
}
@keyframes bottomPatty {
0%{position:absolute;top:0;left:50%;margin:0;transform:translate(-50%);opacity:1}
25%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1}
75%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1}
to{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(-45deg);opacity:1}
}
.closeCross{position:absolute;left:21px;top:15px;width:28px;height:28px;opacity:1;display:block;z-index:99}
.closeCross:hover{opacity:1}
.closeCross:before,.closeCross:after{position:absolute;left:15px;content:'';height:29px;width:2px;background-color:#fff}
.closeCross:before{transform:rotate(45deg)}
.closeCross:after{transform:rotate(-45deg)}
.navigation ul li > ul{position:static;display:none;opacity:0;visibility:visible}
.navigation ul li > ul.open{display:block;opacity:1;visibility:visible}
.navigation ul li > ul{min-width:auto;padding-left:20px}
.navigation ul li > ul{background-color:transparent}
.navigation ul li ul > li{border-bottom:1px solid #fff}
.NavForDeskMob .navigation ul li.active a{color:#e5af1c}
.NavForDeskMob .navigation ul li a:hover,.NavForDeskMob .navigation ul li a:focus{color:#43449e}
body{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:auto;position:relative;left:0}
body.allHide{position:relative;left:-20%;overflow:hidden}
.allHide .overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:9}
.allHide .logo,.allHide .call-top{z-index:9}
.logo{max-width:140px}
.personalDetail{margin-top:12px}
.personalDetail ul li i{margin-right:3px}
.personalDetail ul li{font-size:12px;margin:0 5px}
.memberForm{margin-left:0}
.memberForm a{font-size:14px;  padding: 12px 15px;}
.topHead-right{padding-bottom:16px}
.donateBox{float:none;display:inline-block}
.memberForm {float:none; display:inline-block;margin:0 50px 0 0; vertical-align:top}
.banner-box{padding:20px 20px 20px 60px;max-width:400px}
.banner-box h2{font-size:40px;font-weight:700}
.banner-box h2 span{font-size:34px;font-weight:500}
.banner-box p{font-size:17px;line-height:24px;font-weight:500;padding-bottom:15px}
.hm-aboutPic{max-width:340px;margin-left:0}
.hm-aboutCont{max-width:350px}
.btn{font-size:16px;padding:15px 28px}
.commonCont h3{font-size:18px;line-height:22px;margin-bottom:5px}
.commonCont p{line-height:20px;font-size:14px}
.hm-aboutArea{padding:80px 0}
.organizationArea{padding:80px 0 50px}
.commonArea{padding:60px 0}
.hm-gallery{padding:60px 0}
.hm-gallery h2{margin-bottom:25px}
.ft-logoCont p{line-height:20px}
.topHead .container{position:relative}
.quickCont ul li {padding-left:70px;}
.donationForm h3 {font-size:15px;}
.radioBox label {font-size: 14px;}
.dolarbox strong {font-size: 14px;}
.donationForm-col {margin-bottom:10px;}
.inner-banner .banner-box h2{font-size:40px;line-height:44px;}
.searchbox input[type="search"]{padding:7px 40px 7px 10px;outline:none;}
.searchbox input[type="search"]:focus{outline:none;}
.panel-txt h4{font-size:21px;line-height:27px;}
.panel-txt p{font-size:15px;line-height:20px;}
.homeabout-nxt{padding:0 0 60px;}
.homeabout-nxt h5{font-size:20px;line-height:30px;color:#cb191c;margin-bottom:20px;}
.homeabout-nxt h2{font-size:30px;line-height:34px;}
.homeabout-nxt h4{font-size:25px;line-height:30px;color:#272727;margin-bottom:10px;}
.list-games h2, .newsletter h2{font-size:30px;line-height:35px;}
.list-games{padding:55px 0;}
.newsletter-sec input[type="submit"]{right:15px;}
.newsletter{padding:50px 0;}
.border.wtop:before{display:none;}
.border.wtop .col-md-6{margin-bottom:20px;}
.border.wtop .col-md-6:nth-child(2){padding-left:0;margin-bottom:0;}
.float h5{float:none;margin:0 0 20px 0;overflow:hidden;}
.labinfo ul li, .labinfo ul li a{font-size:18px;line-height:20px;}
.labinfo ul li{margin:0 0 14px;}
.lab-mem-container h4{margin:0 0 14px 0;}
/* 03.09.2019 */
.right-image-sp { margin-top:0px;}
.sponsor_type { padding: 84px 0px 40px;}
.right-image-sp { width:100%;}

/* about add */
.all-event-section .hm-aboutArea { padding: 0px 0px 60px;}
.all-event-section .hm-aboutPic.small-img { max-width: 270px;}
.all-event-section .hm-aboutCont.ad-width { width: calc(100% - 320px);}
}
/*******end 991********/

@media only screen and (max-width: 767px){
a:hover,a:focus,a:active{text-decoration:none;border:0;outline:none;-webkit-transition-property:none;-moz-transition-property:none;-o-transition-property:none;transition-property:none}
.RigClickMenu{display:block}
.NavForDeskMob{background-color:#0c489c;width:80%}
.navigation ul li > ul{min-width:220px}
.NavForDeskMob .navigation ul li.active a{color:#e5af1c}
.NavForDeskMob .navigation{text-align:center}
.NavForDeskMob .navigation ul li:hover a{color:#fff}
.navigation ul li > ul{padding-left:0}
.navigation ul li > ul.open{border:1px solid #fff}
.RigClickMenu{top:50px;right:15px}
.NavForDeskMob .navigation ul li.dropdown-submenu span{right:calc(100% - 60%)}
.banner-caption{position:static;-webkit-transform:none;transform:none;background:#cb191c;padding:10px 0 15px}
.banner-box{padding:0;max-width:100%;text-align:center;background:none}
.hm-aboutArea{padding:30px 0}
.hm-aboutPic{max-width:100%;margin:0 0 15px;float:none}
.hm-aboutPic:before{display:none}
.banner-box h2{font-size:36px;font-weight:500;margin-bottom:8px}
.banner-box h2 span{font-size:30px;font-weight:400}
.banner-box p{font-size:16px;line-height:22px;font-weight:400;padding-bottom:10px}
.hm-aboutCont{max-width:100%;float:none;text-align:center}
.hm-aboutCont h1{margin:0 0 10px;font-size:32px}
p{padding:0 0 15px;font-size:15px;line-height:24px}
.organizationArea{padding:30px 0 10px}
.organizationArea h2{margin-bottom:25px}
h2{font-size:32px;font-weight:500}
.organizationBox{margin-bottom:10px;text-align:center}
.organizationCont{padding:10px 0 0}
.organizationCont p{line-height:20px}
.commonArea{padding:30px 0 5px}
.commonArea h2{margin-bottom:20px;font-size:28px;padding-right:45px}
.commonControler .slick-arrow{top:-32px}
.commonControler{margin-bottom:15px}
.hm-gallery{padding:30px 0}
.hm-gallery h2{margin-bottom:10px}
.mainFt{padding:30px 0 20px;text-align:center}
.ft-logo{margin-bottom:10px;text-align:center}
.mainFt h3{margin-bottom:10px}
.touchForm{margin-left:0}
.touchForm [class*='col-']{padding-left:15px;padding-right:15px}
.copyRight{padding-top:20px}
.copyRight p{line-height:20px;font-size:14px;}
.socialBox{padding-bottom:20px}
.ft-menu{margin-bottom:25px}
.ft-menu ul li{margin-bottom:3px}
.mainHd{z-index:60}
.triangle-box{display:block}
.logo{max-width:110px;padding:4px 0 0; height:74px;}
.topHead{height:48px}
.bottomHead{background:#357bb3;height:26px}
.donateBox.donateBox-fres{display:block;margin:0}
.topHead-right{display:none;float:none;text-align:center;position:absolute;left:0;right:0;top:0;background:#0c489c;z-index:9;text-align:center}
.personalDetail{margin-top:0;float:none}
.memberForm{ margin:0; display:block;}
.donateBox {margin:0;}
.personalDetail ul li{margin:0 2px;float:none}
.memberForm a{font-size:13px;padding:5px 18px;margin:5px 0}
.donateBox a{padding:5px 18px;display:inline-block;font-size:13px}
.donateBox a:before{display:none}
.mainHd:before{width:15%}
.contactPg {padding: 30px 0;}
.contactTop h2 {text-align:center; margin-bottom:20px;}
.contactTop{margin-bottom:10px}
.mapBox{height:270px}
.contactForm .form-control{margin-bottom:10px}
.quickCont ul li{padding-left:0;margin-bottom:25px;text-align:center}
.quickCont ul li:before{position:static;margin:0 auto 15px}
.quickCont ul li p{padding-bottom:5px}
.donationPic {position:static; width:100%;}
.donationFormWrp {padding-right: 0;}
.radioBox input[type=radio]:not(old) + label {margin-left:-18px;}
.donationForm {padding: 30px 0;}
.donationForm h2 {font-size:25px; margin-bottom:20px; text-align:center}
.donationForm h3 {margin-bottom:6px;}
.donationForm .form-control { margin-bottom:1px;padding: 10px 10px;}
.donationBx {margin-bottom: 18px;}
.banner-caption{background-image:none;background-color:#cb191c;position:static;-webkit-transform:translate(0,0);transform:translate(0,0);text-align:center;}
.inner-banner .banner-box{padding:20px 0;}
.inner-banner .banner-box h2{font-size:30px;line-height:34px;}
.inner-banner .banner-box{float:none;display:block;text-align:center;}
.newscontent{text-align:center;}
.news-content ul li{float:none;display:inline-block;vertical-align:top;}
.newscontent .col-md-9{margin-bottom:40px;}
.searchbox{margin-bottom:35px;}
.newscontent.greybg .cat-ar{width:250px;margin:0 auto;}
.newscontent.greybg .cat-ar img{width:100%;}
.news-img{margin:0 auto 12px;}
.responsivetable table thead tr{position:absolute;top:-9999px;left:-9999px;}
.responsivetable table td:before{position:absolute;top:9px;left:10px;width:45%;padding-right:10px;white-space:nowrap;content:attr(data-column);color:#000;font-weight:bold;}
.responsivetable table tr, .responsivetable table td{display:block;}
.responsivetable table tr {margin-bottom:10px;}
.responsivetable table td{position:relative;padding-left:50%;}
.responsivetable table tr:nth-child(odd) td{background-color:#f7f7f7;}
.responsivetable table td {border-right:0;}
.responsivetable table td:last-child {border-bottom:0;}
.responsivetable table td {font-weight:500;}
.list-games h2, .newsletter h2{font-size:24px;line-height:29px;}
.list-games{padding:30px 0;}
.newsletter{padding:30px 0 35px;}
.newsletter h2{margin-bottom:10px}
.homeabout-nxt{padding:0 0 30px;}
.homeabout-nxt h4{font-size:18px;line-height:22px;margin-bottom:10px;}
.homeabout-nxt h5{font-size:20px;line-height:25px;margin-bottom:15px;}
.homeabout-nxt .pull-right, .homeabout-nxt .pull-left{float:none !important;overflow:hidden;text-align:center}
.homeabout-nxt .pull-right{margin-bottom:20px;}
.float h5{margin:0;}
.w50{width:100%;}
.m-top{margin:0;}
.applicationform select{margin:20px 0 10px 0;}
.border.m-top.noborder h5{margin-bottom:20px;}
.lab-mem-container h4{font-size:18px;line-height:20px; text-align:center; margin:0 0 10px;}
.lab-mem-container .blocks h4 {text-align:left;}
.lab-mem-container .labinfo h4 {text-align:left;}
.apphead {padding: 16px 15px;}
.apphead h5 {text-align:center;}
.input-container.submit input[type="submit"]{transition:.3s ease-in-out;background:url(../images/submit-bg-blue.png) no-repeat 0 0;background-size:100% 100% !important;max-width:100%;width:100%;}
.labinfo ul li, .labinfo ul li a{font-size:15px;line-height:18px;margin:0 0 7px 0;}
.lab-mem-container{text-align:center;padding:30px 0;}
.homeabout-nxt h2 { margin-bottom:15px;}
.news-content .date {margin-bottom: 8px;}
.news-content p {line-height:24px;}
.cat-ar {margin:0 0 30px;}
.p-22 {padding: 15px;}
.wm237 {max-width: 100%;padding: 0;}
.border.m-top.noborder h5 {margin-bottom: 15px;}
.border.wtop .blocks .col-md-6 {padding-right:0;}
.border.wtop .col-md-6:nth-child(2) {padding-right:0;}
.applicationform .col-md-12 {padding-right: 15px;}
.donation-top span {font-size:14px;}
.logo:before {background-image: inherit; background: #fff;}
.logo-area { padding:30px 0 0}
.logo-box { margin:0 15px 20px; width:40%; padding:20px 10px;}
/* about us add */
.all-event-section { padding: 30px 0px 0px;}
.all-event-section .hm-aboutArea:nth-child(even) .hm-aboutPic { float: none; position: relative; max-width: 100%;}
.all-event-section .hm-aboutCont.ad-width { width:100%; float:none;}
.all-event-section .hm-aboutArea { padding: 0px 0px 30px;}
}
/*******end 767*********/

@media only screen and (max-width: 639px){
.container {padding-left:25px; padding-right:25px;}	
.news-img{width:100%;}
.panel-txt h4{font-size:26px;line-height:30px;color:#fff;font-weight:700;margin:0 0 10px 0;}
.panel-txt p{padding:0;}
.newscontent h1, .lab-mem-container h2{margin:0 0 20px;font-size:26px;line-height:31px;}
.lab-mem-container h2{margin-bottom:7px;}
.inner-banner .banner-box{padding:15px 0;}
.newscontent.greybg h2{margin:-15px 0 30px;}
.newscontent.greybg .cat-ar{width:100%;}
.newscontent{padding:30px 0;}
.responsivetable table td{padding:8px 14px 8px 43%;font-size:13px;}
.newsletter-sec input[type="submit"]{margin-top:10px;position:static;background-image:none;background-color:#cb191c;padding:10px 15px;}
.newsletter-sec input[type="submit"]:hover{background-image:none;background-color:#000;}
.newsletter-sec input[type="submit"]{position:static;background-image:none;background-color:#cb191c;padding:10px 20px;display:inline-block;width:auto;font-size:14px;}
.list-games h2, .newsletter h2{font-size:22px;line-height:27px;}
p{line-height:23px;}
.wm237 label{color:#2d2d2d;font-size:14px;font-weight:600;margin:0 0 5px 0;}
.input-container.submit input[type="submit"]{font-size:15px;}
.logo-box { max-width:100%; width:100%; margin:0 0 15px;}
/* 03.09.2019 */
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label h4 span {font-weight: 300;font-size: 14px;display: block;}
.box-credit-form { padding:0px;}
.sponsor_type { padding: 45px 0px;}
.echImgSp { margin-bottom:30px;}
.echImgSp:last-child { margin-bottom:0px;}
.sponsor_box_group h2 { text-align:center;}
.checkmark_label { height: 20px; width: 20px;}
.checkbox_label {  padding-left: 30px;     margin-bottom: 15px;}
.sponsor_box_group.adjust-mag .inline-checkbox { margin-right:0px; display:block;}
.sponsor_box_group.adjust-mag .inline-checkbox .checkbox_label { margin-bottom: 15px;}
.sponsor_box_group.adjust-mag .creditBox .inline-checkbox { margin-bottom: 15px; display:block;}
.form-group-all label {    font-size: 15px;    color: #212121;    margin-bottom: 8px;    font-weight: 500;}
.form-group-all .form-control, .form-group-all input[type="text"], .form-group-all input[type="email"], .form-group-all textarea, .form-group-all input[type="password"] {    padding: 10px 12px;}
.selectform .fileupload-section input[type=text] { height: 40px; font-size:12px;}
.selectform .fileupload-section span.uploadbtn.browse, .selectform .fileupload-section span.uploadbtn.browsetwo { padding: 8px 17px;}
.sponsor_box_group input[type="text"] { padding: 10px 12px;}
.sponsor_box_group h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px;}
.checkbox_label .checkmark_label:after {    left: 6px;    top: 1px;}
}
/*******end 639*********/

@media only screen and (max-width: 450px) {
.NavForDeskMob .navigation ul li.dropdown-submenu span{right:calc(100% - 68%)}
}
@media only screen and (max-width: 375px) {
.NavForDeskMob .navigation ul li.dropdown-submenu span{right:calc(100% - 71%)}
}
@media only screen and (max-width: 320px) {
.NavForDeskMob .navigation ul li.dropdown-submenu span{right:calc(100% - 75%)}
}