/*! * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,100,900);

@import url('https://fonts.googleapis.com/css?family=Roboto:900');

html,body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
}

/*homepage banner*/
.carousel-indicators-numbers li{
      text-indent: 0;
      margin: 0 2px;
      width: 30px;
      height: 30px;
      border: none;
      /*border-radius: 100%;*/
      line-height: 30px;
      color: #fff;
      /*background-color: #999;*/
      transition: all 0.25s ease;
      }
	  
.carousel-indicators-numbers li.active{
	margin: 0 2px;
	background-color: rgba(255, 255, 255, 0);
	color: #ffb400;
        /*width: 30px;
		
        height: 30px;*/
        /*background-color: #ffb400;  */
	}	 

.carousel-indicators-numbers li:hover{
	margin: 0 2px;
	color: #ffb400;
        /*width: 30px;
        height: 30px;
        background-color: #ffb400; */ 
	}

.news-overlay {
  width: 100%;
  transition: .5s ease;
  opacity:0;
}

.owl-box:hover .news-overlay{
  opacity: 1;
  box-shadow:0 45px 25px #8a8a8a;
}


.carousel{
	    height: 450px;
	}

.titlefont-new{
	    font-size: 32px;
	}

.carousel-caption-new{
	    left: 0;
    bottom: 0;
    padding: 2% 4%;
    background: rgba(15, 28, 62, 0.7490196078431373);
	}

.background1 {
	background: rgba(0, 0, 0, 0) url("../images/slider1-2021.jpg") no-repeat scroll 0 0 / 100% auto;
	background-size:cover;
	height:100%;
	background-position: center center;
}
.background2 {
	background: rgba(0, 0, 0, 0) url("../images/slide2.jpg") no-repeat scroll 0 0 / 100% auto;
	background-size:cover;
	height:100%;
	background-position: center center;
}
.background3 {
	background: rgba(0, 0, 0, 0) url("../images/slide1-updated.jpg") no-repeat scroll 0 0 / 100% auto;
	background-size:cover;
	height:100%;
    background-position: 100% 75%;
}
.background4 {
	background: rgba(0, 0, 0, 0) url("../images/slide3.jpg") no-repeat scroll 0 0 / 100% auto;
	background-size:cover;
	height:100%;
	background-position: center center;
}
.background5 {
	background: rgba(0, 0, 0, 0) url("../images/slide4-updated.jpg") no-repeat scroll 0 0 / 100% auto;
	background-size:cover;
	height:100%;
	background-position: center center;
}
/**homepage banner**/


.morphsearch {
  display: inline-block;
}

.radiocss {
    /*background-color: #ffb400;*/
  color: #fff;
  font-weight: 700;
  padding: 10px;
  width: 100px;
  margin-right: 15px;
}

.carousel-caption-new{
left: 0;
    bottom: 0;
    padding: 2% 6%;
    background: rgba(15, 28, 62, 0.76);
}

.carousel-indicators-numbers{
	    bottom: 0px;
	}

.updated-banner{
	bottom: 25%;
    padding: 2% 6%;
    width: 38%;
    background: none;
    left: 65%;
	}

.titlefont {
  font-size: 45px;
}

.titlefont-new{
	font-size: 32px;
	}

input[type="text"] {
  height: 36px;
}

.testimonials h3 {
  margin-top: 25px;
}

#orange, #red {
  -webkit-animation: santa-move 1s 1s ease-out forwards;
  animation-duration: 26s;
  -webkit-animation-duration: 26s;
}

.fs1 {
  padding-top: 0px;
  height: 30px;
}

.bgyellowbox {
  background-color: #ffb400;
  color: #fff;
  padding: 15px;
  text-align: center;
  height: 180px;
}
/*Donation sec*/
.donationb-sec{padding: 35px 0;background: #f2f2f2}
.sec-head h2{font-size: 60px;font-weight: 700}
.sec-head p{font-size: 24px; max-width: 800px; margin: 0 auto; line-height: 1.4;}
.donate-box{margin-top: 80px}
.india-only, .usa-only{background: #fff; padding: 50px 30px 30px 30px; border-radius: 15px;position: relative;margin-bottom: 55px;}
.img-icon{margin: 0 auto; top: -32px; position: absolute; left: 0; right: 0;}
.donate-box .nav-tabs li a{padding: 10px 10px; border: none; font-weight: 700;color: #0c1e46;font-size: 18px;}
.donate-box .nav-tabs{border-bottom: none;}
.donate-box .nav-tabs li.active{border-bottom: 1px solid #ffb400;}
.donate-box .nav-tabs>li>a:hover{background: none;border-bottom: 1px solid #ffb400;padding: 10px 10px;}
.donate-box .nav-tabs>li.active>a, .donate-box .nav-tabs>li.active>a:focus,.donate-box .nav-tabs>li.active>a:hover{border: none;background: none !important; color: #000;padding-top: 10px;}
.donate-box .tab-content{padding: 20px 0}
.donate-box .tab-content h4{color: #ffb400;font-weight: 700;margin: 25px 0 10px 0;}
.donate-box .radio-form label{margin-bottom: 15px;    margin-right: 15px;}
.donate-box .radio-form .form-group{display: inline-block;}
.donate-box .form-group input{border: none; box-shadow: none; border-bottom: 1px solid #eee; border-radius: 0; outline: 0;}
.donate-box .radio-form .form-control{background: #f2f2f2; border-radius: 5px;}
.btn-donate{background: #ffb400;border:none;}
.donate-note{font-size: 11px; text-align: center; display: block; margin-top: 15px;}
.donate-box .table>tbody>tr>td, .donate-box .table>tbody>tr>th, .donate-box .table>tfoot>tr>td, .donate-box .table>tfoot>tr>th, .donate-box .table>thead>tr>td, .donate-box .table>thead>tr>th{border:none;padding: 0}
.donate-box .table{margin-top: 20px}
.donate-box .tab-content>.active{background-color: transparent; color: #000;}
.donate-list p{font-size: 11px !important; margin-bottom: 0; line-height: 1.5;position: relative;padding-left: 15px}
.donate-list p:before{position: absolute;content: '';background: #000;height: 5px;width: 5px;border-radius: 50%;left: 0;top: 4px}
.donate-box p{font-size:15px;}
.bgbluebox {
  background-color: #0c1e45;
  color: #fff;
  padding: 15px;
  text-align: center;
  height: 180px;
}

.image-swap {
  width: 192px;
  height: 251px;
  background-image: url(../images/archery-rahul.png);
  background-position: 0 0;
}

.image-swap:hover {
  background-position: 0 100%;
}

#field:hover {
  visibility: hidden;
}

.sticky {
  position: fixed;
  right: 0;
  top: 300px;
}

.sticky2 {
  position: fixed;
  right: 0;
  top: 360px;
}/*Fade all the DIV when user hovers on any div*/.container:hover .imgbox {
  zoom: 1;
  filter: alpha(opacity=55);
  opacity: 0.55;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}/*Fade out the particular DIV when user hover on that DIV*/.container .imgbox:hover {
  background-color: transparent;
  color: #1e2e51;
  cursor: pointer;
    /*Opacity*/
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 10000;
}

p {
  font-size: 17px;
}

.new-navbar{
	    background: none;
    border: none;
	margin-bottom:0;
	}

.new-navbar ul li a{
	color:#282828 !important;
	}

.navbar-nav {
  margin-left: 16%;
}

.containermobile {
  display: none;
}

.corporatebox2 {
  background-color: #ffb400;
  color: #fff;
  padding: 25px;
  min-height: 233px;
}

.corpbox2 {
  border: 1px solid #0c1e45;
  padding: 25px;
  min-height: 519px;
}

.donatebox2 {
  border: 1px solid #0c1e45;
  padding: 25px;
  min-height: 756px;
}

.corporatebox1 {
  background-color: #0c1e45;
  color: #fff;
  min-height: 233px;
  padding: 26px;
}

.textboxsize {
  width: 100%;
}

.colorchange:hover {
  color: #ffb400;
}/*#wrap {  display: inline-block;  position: relative;  height: 60px;  float: right;  padding: 30px;  position: relative;}input[type="text"] {  font-size: 21px;  display: inline-block;  font-weight: 100;  border: none;  outline: none;  color: #666;  padding: 3px;  padding-right: 60px;  width: 0px;  position: unset;  top: 0;  right: 0;  background:transparent;  z-index: 3;  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);  cursor: pointer;}input[type="text"]:focus:hover {  border-bottom: 1px solid #BBB;}input[type="text"]:focus {  width: 790px;  z-index: 1;  border-bottom: 1px solid #BBB;  cursor: text;}input[type="submit"] {  height: 67px;  width: 63px;  display: inline-block;  color:red;  float: right;  background: url(search.png) center center no-repeat;  text-indent: -10000px;  border: none;  position: absolute;  top: 0;  right: 0;  z-index: 2;  cursor: pointer;  opacity: 0.4;  cursor: pointer;  transition: opacity .4s ease;}input[type="submit"]:hover {  opacity: 0.8;}*/#search_submit {
  background-color: transparent;
  background-image: url("../images/search.png");
  background-repeat: no-repeat;
  border: medium none;
  color: transparent;
}

.searchbottom {
  background-color: transparent;
  border: 15px none;
  border-color: -moz-use-text-color -moz-use-text-color #fff;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #fff;
  margin-top: 10px;
}

.carousel,.item,.active {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}/* Background images are set within the HTML using inline CSS, not here */.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

footer {
      margin:0px;
}

.social-icons-box{
	background:#0c1e45;
	margin-top: 20px;
	}

.social-icons-box ul{
    margin: 0;
    padding: 15px 0;
	}

.social-icons-box ul li{
    margin: 0 10px;
	}
	
.copyright{
	background:#ffb400;
	}	
	
.copyright p{
	    font-size: 12.5px;
	margin-bottom: 0;
	padding: 5px 0;
	}	

.copyright a{
	color: #333;
}
	
.social-center{
	text-align:center;
	}

.section {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
  padding:0;
}


.searchicon {
  margin-top: -11px;
}

.textcaps {
  text-transform: uppercase;
}

.textlower {
  text-transform: initial;
}

.textheading {
  font-size: 65px;
  font-weight: 900;
  text-transform: capitalize;
}

.text-center {
  text-align: center;
}

.textwhite {
  color: #fff;
}

.textyellow {
  color: #ffb400;
}

.textblue {
  color: #1e2e51;
}

.bkbluecolor {
  background-color: #1e2e51;
}

.fblogo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
}

#images {
  text-align: left;
}

.paddingtop {
  padding-top: 30px;
}

.paddingbottom {
  padding-bottom: 30px;
}

.colorbox {
  border: 1px solid #000;
  font-size: 40px;
  padding: 15px;
}

.right {
  float: right;
}/*.btn-clear {    background: transparent none repeat scroll 0 0;    border: 1px solid white;    color: white;}*/.btn-conf {
  border-radius: 0px;
  font-size: 15px;
  letter-spacing: 1px;
  margin-right: 15px;
  padding: 14px 28px 13px;
  text-transform: uppercase;
}

.btntop {
  margin-top: 15px;
}

.paddingone {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.box1 {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #0e1e41;
  font-size: 21px;
}

.box11 {
  background-color: #dfdfdf;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #0e1e41;
  font-size: 17px;
}

.bghome2 {
  background-image: url(../images/bghome2.jpg);
}

.bghome3 {
  background-image: url(../images/bghome3.jpg);
}

.bghome4 {
  background-image: url(../images/home4.jpg);
}

.bghome5 {
  background-image: url(../images/bghome5.jpg);
}

.bgvision {
  background-image: url(../images/visionbg.jpg);
  padding: 35px;
  text-align: center;
  color: #fff;
}

.bgimpact{
	background-image: url(../images/ogq-impact.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    padding: 65px 0;
	}

.bgimpact a:hover,.bghistory-new a:hover,.bgteamogq-new a:hover{
	    background: #0c1e45;
		transition:0.2s ease-in-out;
	}

.bghistory {
  background-image: url(../images/historybg.jpg);
  padding: 35px;
  text-align: center;
  color: #fff;
}

.bghistory-new{
	background-image: url(../images/ogq-history.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    padding: 65px 0;
	}

.bgteamogq {
  background-image: url(../images/teamogq.jpg);
  padding: 35px;
  text-align: center;
  color: #fff;
}


.bgteamogq-new{
	background-image: url(../images/ogq-team.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center; */
    padding: 65px 0;
	}

.bgyellow {
  background-color: #ffb400;
  padding: 49px;
  text-align: center;
  color: #fff;
}

.bgblue {
  background-color: #0c1e45;
  padding: 61.5px;
  text-align: center;
  color: #fff;
}

.header-juniorheader {
  background-image: url(../images/headerimg/juniorheader.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-shooting {
  background-image: url(../images/headerimg/shooting.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-wrestling {
  background-image: url(../images/headerimg/wrestling.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-about {
  background-image: url(../images/headerimg/aboutbanner.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-selectionprocess {
  background-image: url(../images/headerimg/Selection-process.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-archery {
  background-image: url(../images/headerimg/archery.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-canoe {
  background-image: url(../images/headerimg/canoe.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-judo {
  background-image: url(../images/headerimg/judo.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}
.header-swimming {
  background-image: url(../images/headerimg/swimming.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-tabletennis {
  background-image: url(../images/headerimg/tabletennis.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-areas-of-support {
  background-image: url(../images/headerimg/areas-of-support.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-athletes {
  background-image: url(../images/headerimg/athletes.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-athletes11 {
  background-image: url(../images/headerimg/athletes11.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-contribute {
  background-image: url(../images/headerimg/contribute.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-corporate {
  background-image: url(../images/headerimg/corporate.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-donate-now {
  background-image: url(../images/headerimg/donate-now.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-ogq-impact {
  background-image: url(../images/headerimg/ogq-impact.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-success-london {
  background-image: url(../images/headerimg/success-london.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-team-ogq {
  background-image: url(../images/headerimg/team-ogq.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-vission-mission {
  background-image: url(../images/headerimg/vission-mission.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-what-we-do {
  background-image: url(../images/headerimg/what-we-do.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-history {
  background-image: url(../images/headerimg/history.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-badminton {
  background-image: url(../images/headerimg/badminton.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-boxing {
  background-image: url(../images/headerimg/boxing.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-contact {
  background-image: url(../images/headerimg/contact.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-faq {
  background-image: url(../images/headerimg/faq.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-legal {
  background-image: url(../images/headerimg/legal.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-ogq-athletes {
  background-image: url(../images/headerimg/ogq-athletes.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-sitemap {
  background-image: url(../images/headerimg/sitemap.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-testimonial {
  background-image: url(../images/headerimg/testimonial.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}

.header-rio {
  background-image: url(../images/headerimg/rio.jpg);
  padding-bottom: 10%;
  padding-top: 10%;
  color: #fff;
}

.header-annual-performance-report {
  background-image: url(../images/headerimg/annual-performance-report.jpg);
  padding-bottom: 10%;
  padding-left: 4%;
  padding-top: 10%;
  color: #fff;
}
.navbar-inverse .navbar-nav>li>a{
	font-size: 14px;
	}
.bg-blue{
	background-color: #0c1e45;
    color: #fff;
    padding: 25px;
	}

/******homepage css***/
a.banner-cta1{
	color: #0e1d3f;
    font-weight: 500;    
	margin-top: 5px;
	}

a.banner-cta2{
	background: transparent;
    border: 1px solid #ffb400;
    margin-left: 10px;
	color: #ffb400;
	margin-top: 5px;
	}

.hero-text{
	    border-top: 3px solid #e5e5e5;
    border-bottom: 3px solid #e5e5e5;
    background: #f7f7f6;
	}
	
.hero-text2{
	    border-top: none;
    border-bottom: none;
    background: none;
	}	
	
.ogq-heading-text h1{
font-size: 30px;
    color: #0c1e45;
}

.countdown-main{
	background: #0c1e45;
    border-top: 3px solid #ffcd0c;
    border-bottom: 3px solid #ffcd0c;
	    color: #fff;
	}

.countdown-main{
	background: #0c1e45;
    border-top: 3px solid #ffcd0c;
    border-bottom: 3px solid #ffcd0c;
    color: #fff;
    padding-top: 1%;
    padding-bottom: 1%;
	}

.countdown-inner h1{
	 color: #fff !important;
	font-size: 25px !important;
	    padding: 3.7% 0 0 !important;
	}

.four-tabs-section{
	    padding-bottom: 5%;
	}
/******/
.countdown-timer{
	    background: url(https://www.olympicgoldquest.in/images/colon.png) no-repeat;
   background-position: 51% 40%;
   
	}

#countdown {
  width: 100%;
}
#countdown label {
  clear: both;
    font-weight:normal;
  font-size:17px;
  margin-top:0;
  display: block;
}



#countdown span {
  /*background: #313233;*/
  color: #fff;
  font-size: 56px;
  font-weight:900;
  text-align: center;
  width: 25%;
  margin-bottom:0;
  padding-bottom:0;
  text-transform:uppercase;
  dispaly: block;
  float: left;
  /*border-right: 1px solid #FFF;*/
}
/*#countdown label::after{
content: "";
    width: 30px;
    height: 30px;
    background: url("https://www.olympicgoldquest.in/images/colon.png") no-repeat -30px -50px;
    top: 10px;
	z-index:100;
    right: 5px;
    position: absolute;
    display: inline-block;
}*/
#countdown span:last-child {
 /* border-right: 1px solid #313233;*/
}
/******/
	
.hero-text h1{
font-size: 29px;
    font-weight: 600;
    margin: 0;
    /* border-top: 3px solid #e5e5e5; */
    /* border-bottom: 3px solid #e5e5e5; */
    padding: 1.5% 0;
    /* background: #f7f7f6; */
    color: #4f5253;

}
.bghome{	
    margin-top: 3%;	
}

.ogq-heading-text h2{
	    color: #ffcd0c;
    font-weight: 500;
	}

.ogq-heading-subtext p{
	    color: #4f5253;
    line-height: 25px;
    margin-top: 1.5%;
	margin-bottom:2%;
	}
	
.home-sub-tabs a{
background: #ffcd0c;
    padding: 6% 5% 5%;
    display: block;
    color: #4f5253;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3%;
}

.home-sub-tabs a:hover{
	background: #0c1e45;
    color: #fff;
	transition:all 0.3s ease-in-out;
	text-decoration:none;
	border-radius: 20px;
	box-shadow: 0 0 21px #ffcd0c;
	}

.home-first-fold{
    padding-bottom: 6%;
}

.yellow-border1{
	    border-right: 2px solid #ffcd0c;
    border-left: 2px solid #ffcd0c;
    border-top: 2px solid #ffcd0c;
    margin-bottom: 2%;
	}
	
.yellow-border2{
	border-right: 2px solid #ffcd0c;
    border-left: 2px solid #ffcd0c;
    border-bottom: 2px solid #ffcd0c;
    margin-top: 2%;
	}	
	
.home-sub-tabs-main{
	background: #fff;
	    margin-bottom: -2%;
	}

.facts-section-main{
	    background: #e5e5e5;
    padding: 4% 0 5%;
	position:relative;
	}

.facts-section h2{
	    color:#1e2e51;
    font-size: 28px;
	position:relative;
	    text-align: center;
    font-weight: 500;
	/*display: inline-block;*/
  position: relative;  
	    margin-bottom: 0;
	}


.facts-section h2::before{
    display: inline-block;
    content: "";
    border-top: .2rem solid #ffb400;
    width: 40%;
    margin: 0 1rem;
    transform: translateY(-1rem);
}
.facts-section h2::after{
	display: inline-block;
    content: "";
    border-top: .2rem solid #0c1e45;
    width: 40%;
    margin: 0 1rem;
    transform: translateY(-1rem);
	}

.digital-updates h2::before,.digital-updates h2::after{
	width: 38%;
	}

.facts-section p{
    color: #4f5253;
}
.facts-number{
      padding-top: 2%;
    border-right: 1px solid #363636;
    padding-bottom: 1%;
    margin-top: 4%;
}

.partners{
	    padding-bottom: 10px;
    padding-top: 10px;
	}

.border-right-none{
	border-right:none;
	}

.facts-number span.big-figure{
	color: #0c1e45;
    font-size: 70px;
    font-weight: 900;
/*    line-height: 2;*/
	}

.heading-athletes h2{
	color: #0c1e45;
    font-size: 24px;
    font-weight: 500;
	    margin-bottom: 25px;
    text-transform: uppercase;
	}
	
.before-line h2::before{
	display: inline-block;
    content: "";
    border-top: .2rem solid #0c1e50;
    width: 8%;
    position: absolute;
    top: 39px;
    left: -51px;
    margin: 0 1rem;
    /* transform: translateY(-1px); */
	}
	
.after-line h2::after{
	    display: inline-block;
    content: "";
    border-top: .2rem solid #0c1e50;
    width: 36%;
    position: absolute;
    top: 39px;
    right: -10px;
    margin: 0 1rem;
    /* transform: translateY(-1px); */
	}	
	
.atheletes-number ul{
	padding: 10px 10px;
	}
	
.atheletes-number ul li.yellow-number{
	font-size: 27px;
    font-weight: bold;
    color: #ffb400;
	}
.atheletes-number ul li{	
       font-size: 18px;
    padding-left: 5px;
}

.medal{
	    position: absolute;
    top: 0px;
    right: 0px;
	}


.news-highlights{
	    padding: 0% 0 4%;
	}

.owl-main{
	    /*margin-top: -1%;*/
	}

.no-padding{
	padding:0;
	}

.yellow-news-fact{
	    background: #ffcd0c;
    padding: 5% 10%;
	}
.yellow-news-fact p{
    color: #4f5253;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
	font-size:15px;
}

.news-readmorecta{
	    background:#0c1e45;
    padding: 6% 10%;
    color: #ffcd0c;
    font-size: 17px;
	}
.news-readmorecta a{	
	color: #ffcd0c;
}

.news-readmorecta a:hover{	
	color: #fff;
	transition:all 0.3s ease-in-out;
	text-decoration:none;
}

.bgblue p{
	font-weight: 400;
    line-height: 24px;
	}

.bg-blue-support{
	    padding: 5px 0 25px;
	}

.bg-blue-support a:hover{
	    background: #0c1e45;
		transition:all 0.3s ease-in-out;
	}
	
.bg-blue-support p{	
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 17px;
    margin-top: 20px;	
}
	
.bg-blue-support h2{
    font-size: 39px;
    font-weight: 400;
}
	
.bg-yellow-support{
	    padding: 7px 0 50px;
	}

.bg-blue-support p{
	    margin-top: 20px;
	}
	
.bg-yellow-support h2{
    font-size: 39px;
}

.form-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#fff !important;
}
.form-box::-moz-placeholder { /* Firefox 19+ */color:#fff !important;}
.form-box:-ms-input-placeholder { /* IE 10+ */color:#fff !important;}

.form-box:-moz-placeholder { /* Firefox 18- */color:#fff; !important;}

.form-box::-ms-input-placeholder { /* IE Edge */color:#fff; !important;}

.form-box input{color:#fff; !important}


/***selection process css****/
.selection-section p{
	    line-height: 25px;
    margin-top: 20px;
	}

.selection-heading{
	background-image: url(../images/selection-process-heading-banner.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	    padding: 25px 0 20px;
	}
.selection-heading p{
	margin-bottom:0;
	color: #3a3839;
	font-size: 25px;
	}
	
.quantitative-mainbox{
	      padding-top: 8%;
    position: relative;
	}

.quantitative-headingbox p{
	    margin-bottom: 0;
    line-height: 21px;
    font-size: 30px;
    font-weight: 500;
	    margin-left: 42%;
	}

.quantitative-box{
	    background: #f6f6f6;
    padding: 55px 50px 40px;
    min-height: 545px;
	}
.quantitative-box p{
	    line-height: 25px;
    margin-top: 20px;
	}
.yellowbox{
	background: #ffcd0c;
    width: 105px;
    border-radius: 50%;
    height: 105px;
    /* margin-bottom: -5%; */
    z-index: 100;
    position: absolute;
    float: left;
    top: 65px;
left: 24%;
	}
.yellowbox img{
	right: 20px;
    position: absolute;
    bottom: 30px;
	}
.yellowbox-two img{
	right:-5px;
	}
	
.padbott60{	
padding-bottom: 60px;
}

.floating-menu {
	background: #f69a37 none repeat scroll 0 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	bottom: 0;
	font-family: sans-serif;
	height: 200px;
	padding-top: 4px;
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 100;
}
.floating-menu a,  .floating-menu h3 {
	font-size: 0.9em;
	display: block;
	margin: 0 0.5em;
	color: white;
}
main {
	margin-bottom: 200%;
}
#makeMeScrollable {
	width:100%;
	cursor: pointer;
	position: relative;
}
/* Replace the last selector for the type of element you have in
           your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
           if you have links use #makeMeScrollable div.scrollableArea a and so on. */
        #makeMeScrollable div.scrollableArea img {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
               block of code. It's just a nice feature that prevent the images from
               accidentally becoming selected/inverted when the user interacts with the scroller. */
            -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#cntdwn {
	border-bottom: 2px solid #fff;
}
.sticky {
    position: fixed;
    top: 200px;
    right: 0px;
    z-index: 2;
}
.sticky a {
    display: block;
	margin-bottom:1px;
}
.teamtab{
	margin-bottom:5px;
	}
        .thank
        {
            color:#28B463;
        }
/***selection process css ends****/

/***areas of support page css******/
.areas-support{
	background:#e6e6e6;
    padding: 5% 0 20%;
    margin: 20px 0 0;
	position:relative;
	}
	
.main-support-tab{
	position:relative;
	}
	
.support-tab{
	position:absolute;
	}


	
.support-tab-1{
	top: 20%;
    left: 16.6%;
	}

/*.support-tab-1:hover{
	-ms-transform: translate(50px, 100px);
  -webkit-transform: translate(50px, 100px); 
  transform: translate(50px, 100px);
	}	*/
		
.support-tab-2{
    top: 75%;
    left: 26.6%;
	}
.support-tab-3{	
	top: 100%;
    left: 44%;
}
.support-tab-4{
    right: 28%;
    top: 78%;
}

.support-tab-5 {
    right: 20%;
    top: 20%;
}
			
.support-tab p{
	margin-top: 10px;
	line-height: 1.2;
    color: #3f3f3f;
    font-weight: 500;
	}	
	
.support-tab-content{
	float: left;
	border-radius: 5px;
    z-index: 1000;
    position: absolute;
    width: 25%;
    
    background: #fff;
    padding: 25px;
	box-shadow: 0 5px 15px #b1b1b1;
	}	

.support-tab-content-1{
	top: 25%;
	}
	
.support-tab-content-2{
	top: 50%;
	}	

.support-tab-content-3{
	bottom: 5%;
    left: 37%;
	}
	
.support-tab-content-4{
bottom: 5%;
    right: 13%;
	}
	
.support-tab-content-5{
top: 25%;
    right: 5%;
	}		

.support-tab-content img{
	    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 10000000;
	}
	
.support-tab-content p{
	    line-height: 1.3;
    font-size: 15px;
	}
.support-tab-content h4{	
	font-size: 20px;
    font-weight: 500;
    color: #3f3f3f;
    margin-top: 0;
    margin-bottom: 15px;
}
#mobile-accordion-support{
	display:none;
	}
.textheading {
    font-size: 35px;
}
.athletes-box{
margin-bottom: 30px;
}

.athletes-box img{
	outline: solid 1px #000;
	}
/*******/


@media (max-width:1920px){
.carousel {
    height: 580px;
}
	}
	
@media (max-width:1440px){
.carousel {
    height: 480px;
}
	}

@media screen and (max-width: 1199px) {
.navbar-nav {
    margin-left:0px;
}
.nav>li>a {
    padding: 10px 7px;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 14px;
}
.quantitative-headingbox p{
	margin-left: 37%;
	}
.yellowbox{
	top: 50px;
    left: 15%;
	}
.quantitative-box{
	    min-height: 695px;
	}
.facts-section h2::after,.facts-section h2::before{
	    width: 35%;
	}
.before-line h2::before,.after-line h2::after{
	display:none;
	}
.support-tab-1 {
    left: 6%;
}
.support-tab-2 {
    left: 18%;
}
.support-tab-3 {
    left: 42%;
}
.support-tab-4 {
    right: 21%;
}
.support-tab-5 {
    right: 10%;
}
	}
	
@media screen and (max-width: 991px) {
.quantitative-headingbox p {
    margin-left: 43%;
}
.yellowbox {
    top: 3%;
    left: 28%;
}
.quantitative-box {
    min-height: auto;
}
.facts-number{
	border-bottom: 1px solid #363636;
	    border-right: 0;
	}
.no-border991{
	border-bottom: none;
	}
.social-center{
	    text-align: left;
    margin-top: 1%;
	}
.facts-section h2::after,.facts-section h2::before{
	    width: 30%;
	}
.support-tab-1 {
    left: -7%;
}
.support-tab-2 {
    left: 9%;
}
.support-tab-3 {
    left: 39%;
}
.support-tab-4 {
    right: 12%;
}
.support-tab-5 {
    right: 0%;
}
.support-tab-content {
	    width: 35%;
	}
	}
	
@media screen and (max-width: 768px) {	
.yellowbox {
    top: 10%;
    left: 28%;
}
.quantitative-mainbox {
    padding-top: 12%;
}
.facts-number{
	    margin-bottom: 10%;
	}
	
.mb5{
	margin-bottom:5%;
	}
.yellow-border1,.yellow-border2{
	border:none;
	}
.facts-section h2::after,.facts-section h2::before{
	    width: 10%;
	}
img.support-main-infographic{
	width: 50%;
	}
	
.support-tab p {
	font-size: 13px;
    margin-top: 5px;
}
.support-tab-content h4 {
    font-size: 17px;
}
.support-tab-content p {
    font-size: 13px;
}	
.support-tab-1 {
    left: 2%;
}
.support-tab-2 {
    left: 17%;
    top: 80%;
}
.support-tab-3 {
    left: 40%;
}
.support-tab-4 {
    right: 17%;
}
.support-tab-5 {
    right: 4%;
}

.areas-support{
	    padding: 5% 0 30%;
	}
}

@media screen and (max-width: 1032px) {
.navbar-inverse .navbar-nav>li>a {
    font-size: 13px;
}
	}




@media (max-width:599px) {
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    background-color: #000;
  }/*.navbar-nav{margin-left: 0%;margin-top: 15%}*/  #container2 {
    display: none;
  }

  .containermobile {
    display: block;
    text-align: center;
  }

  .titlefont {
    font-size: 25px;
  }

  .morphsearch {
    display: none;
  }

  .carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 5%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
    top: 60%;
  }

  #contact-buttons-bar {
    display: none;
  }

  .header-juniorheader {
    background-image: url(../images/headerimg/juniorheader.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-wrestling {
    background-image: url(../images/headerimg/wrestling.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-shooting {
    background-image: url(../images/headerimg/shooting.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-about {
    background-image: url(../images/headerimg/aboutbanner.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-selectionprocess {
    background-image: url(../images/headerimg/Selection-process.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-archery {
    background-image: url(../images/headerimg/archery.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-areas-of-support {
    background-image: url(../images/headerimg/areas-of-support.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-athletes {
    background-image: url(../images/headerimg/athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }



  .header-athletes11 {
    background-image: url(../images/headerimg/athletes11.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }



  .header-contribute {
    background-image: url(../images/headerimg/contribute.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-corporate {
    background-image: url(../images/headerimg/corporate.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-donate-now {
    background-image: url(../images/headerimg/donate-now.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-ogq-impact {
    background-image: url(../images/headerimg/ogq-impact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-success-london {
    background-image: url(../images/headerimg/success-london.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-team-ogq {
    background-image: url(../images/headerimg/team-ogq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-vission-mission {
    background-image: url(../images/headerimg/vission-mission.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-what-we-do {
    background-image: url(../images/headerimg/what-we-do.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-history {
    background-image: url(../images/headerimg/history.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-badminton {
    background-image: url(../images/headerimg/badminton.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-boxing {
    background-image: url(../images/headerimg/boxing.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-contact {
    background-image: url(../images/headerimg/contact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-faq {
    background-image: url(../images/headerimg/faq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-legal {
    background-image: url(../images/headerimg/legal.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-ogq-athletes {
    background-image: url(../images/headerimg/ogq-athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-sitemap {
    background-image: url(../images/headerimg/sitemap.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-testimonial {
    background-image: url(../images/headerimg/testimonial.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-rio {
    background-image: url(../images/headerimg/rio.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-annual-performance-report {
    background-image: url(../images/headerimg/annual-performance-report.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }
}

@media (max-width:640px) {
  .titlefont {
    font-size: 25px;
  }

  .morphsearch {
    display: none;
  }

  .carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 5%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
    top: 60%;
  }

  #contact-buttons-bar {
    display: none;
  }/*  .navbar-nav{margin-left: 0%;margin-top: 15%}*/  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    background-color: #000;
  }

  .h1, h1 {
    font-size: 32px;
  }

  .h2, h2 {
    font-size: 22px;
  }

  #container2 {
    display: none;
  }

  .containermobile {
    display: block;
    text-align: center;
  }

  .header-juniorheader {
    background-image: url(../images/headerimg/juniorheader.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-wrestling {
    background-image: url(../images/headerimg/wrestling.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-shooting {
    background-image: url(../images/headerimg/shooting.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-about {
    background-image: url(../images/headerimg/aboutbanner.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-selectionprocess {
    background-image: url(../images/headerimg/Selection-process.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-archery {
    background-image: url(../images/headerimg/archery.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-areas-of-support {
    background-image: url(../images/headerimg/areas-of-support.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-athletes {
    background-image: url(../images/headerimg/athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }


 .header-athletes11 {
    background-image: url(../images/headerimg/athletes11.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }


  .header-contribute {
    background-image: url(../images/headerimg/contribute.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-corporate {
    background-image: url(../images/headerimg/corporate.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-donate-now {
    background-image: url(../images/headerimg/donate-now.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-ogq-impact {
    background-image: url(../images/headerimg/ogq-impact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-success-london {
    background-image: url(../images/headerimg/success-london.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-team-ogq {
    background-image: url(../images/headerimg/team-ogq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-vission-mission {
    background-image: url(../images/headerimg/vission-mission.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-what-we-do {
    background-image: url(../images/headerimg/what-we-do.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-history {
    background-image: url(../images/headerimg/history.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-badminton {
    background-image: url(../images/headerimg/badminton.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-boxing {
    background-image: url(../images/headerimg/boxing.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-contact {
    background-image: url(../images/headerimg/contact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-faq {
    background-image: url(../images/headerimg/faq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-legal {
    background-image: url(../images/headerimg/legal.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-ogq-athletes {
    background-image: url(../images/headerimg/ogq-athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-sitemap {
    background-image: url(../images/headerimg/sitemap.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-testimonial {
    background-image: url(../images/headerimg/testimonial.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-rio {
    background-image: url(../images/headerimg/rio.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }

  .header-annual-performance-report {
    background-image: url(../images/headerimg/annual-performance-report.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    padding-top: 50%;
    color: #fff;
  }
  .dropdown-menu {position:relative; float:none; width:96%;}
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:auto !important;}
  
.quantitative-headingbox p {
    margin-left: 47%;
}
.yellowbox {
    top: 7%;
}
.quantitative-box {
    padding: 55px 20px 40px;
}
.medal img{
	    width: 35%;
    float: right;
	}
.areas-support{
	display:none;
	}
.support-accordion img{
	width: 15%;
    padding-right: 2px;
	}
#mobile-accordion-support{
	display:block;
	}
}

@media (max-width:768px) {
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    background-color: #000;
  }

.navbar-mobile{
	    background-color: #fff !important;
	}

  .navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 11px;
  }

  #container2 {
    display: none;
  }

  .containermobile {
    display: block;
    text-align: center;
  }
}

@media only screen and (max-width: 570px) {
.yellowbox {
    left: 20%;
}
.quantitative-headingbox p {
    margin-left: 40%;
}
	}


@media only screen and (max-width: 530px) {
.yellowbox {
   top: 10%;
}
.quantitative-mainbox {
    padding-top: 20%;
}

.bg-blue-support p,.bg-yellow-support p{
	    padding-left: 30px;
    padding-right: 30px;
	}
.titlefont-new {
    font-size: 26px;
}

.bg-blue-support br{
	display:none;
	}
	}

@media only screen and (max-width: 480px) {
.carousel {
    height: 330px;
}	
.carousel-inner {
    height: 103%;
}	
  #container2 {
    width: 50%;
  }

  .titlefont {
    font-size: 25px !important;
  }

  .morphsearch {
    display: none;
  }

.carousel-caption-new{
	
	left: 0 !important;
	}
  #contact-buttons-bar {
    display: none;
  }/*  .navbar-nav{margin-left: 0%;margin-top: 15%}*/  #container2 {
    display: none;
  }

  .containermobile {
    display: block;
    text-align: center;
  }
 .yellowbox {
    top: 9%;
	    left: 15%;
}

#countdown span {
  font-size: 40px;
}
#countdown label {
	font-size:13px;
	}

.carousel-caption {
    margin-top: 0;
    bottom: auto;
    color: #fff;
    left: 5%;
    padding-bottom: 60px;
    padding-top: 20px;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 42%;
    z-index: 10;
    background: rgb(15, 28, 62);
    width: 100%;
}
 .fill {
 background-position: center center;
 background-size: cover;
 height:100%;
 width: 100%;
}
 .carousel-indicators {
 bottom: -25px;
 left: 50%;
 list-style: outside none none;
 margin-left: -30%;
 padding-left: 0;
 position: absolute;
 text-align: center;
 width: 60%;
 z-index: 15;
}

.carousel-indicators {
    bottom: 0px;
}
 .background1 {
 background: rgba(0, 0, 0, 0) url("../images/slider1-2021.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:contain;
 height:100%;
/* background-position: center center;*/
}
 .background2 {
 background: rgba(0, 0, 0, 0) url("../images/slide2.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .background3 {
 background: rgba(0, 0, 0, 0) url("../images/slide1.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:contain;
 height:100%;
/* background-position: center center;*/
}
 .background4 {
 background: rgba(0, 0, 0, 0) url("../images/slide3.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .bghome2 {
 background-image: url("../images/bghome2.jpg");
 margin-top:0px;
}
.background5 {
    background: rgba(0, 0, 0, 0) url(../images/slide4-new.jpg) no-repeat scroll 0 0 / 100% auto;
    background-size: contain;
    height: 100%;
    /*background-position: center center;*/
    /*margin-top: 10%;*/
}
.textheading-mob {
    font-size: 42px;
}
p.lh20{
	line-height: 20px;
	    margin-top: 5px;
	}	
.copyright {
    padding: 10px 0;
}
.copyright p {
    line-height: 2;
    padding: 0px 0;
}
}

@media only screen and (max-width: 430px) {
.yellowbox {
    top: 6%;
    left: 10%;
}
.quantitative-headingbox p{
	    font-size: 28px;
	}
	}
	
@media only screen and (max-width: 400px) {
.quantitative-mainbox{
    padding-left: 0;
    padding-right: 0;
}
}
	
@media screen and (max-width: 375px) {
.carousel-caption {
	    top: 38%;
	}
	}	
	
@media screen and (max-width: 360px) {
	.facts-section h2 {
    font-size: 25px;
	}
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    background-color: #000;
  }

  .bannerresponsive {
    width: 100%;
  }/*.navbar-nav{margin-left: 0%;margin-top: 5%}*/  #contact-buttons-bar {
    display: none;
  }

  #container2 {
    display: none;
  }

  .containermobile {
    display: block;
    text-align: center;
  }

  .titlefont {
    font-size: 25px;
  }

  .morphsearch {
    display: none;
  }

  .btn-primary {
    background-color: #ffb400;
    color: #fff;
    margin: 5px;
  }

  .navbar-nav {
    margin-left: 0%;
    margin-top: 5%;
  }

  .header-juniorheader {
    background-image: url(../images/headerimg/juniorheader.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-wrestling {
    background-image: url(../images/headerimg/shooting.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-shooting {
    background-image: url(../images/headerimg/shooting.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-about {
    background-image: url(../images/headerimg/aboutbanner.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-selectionprocess {
    background-image: url(../images/headerimg/Selection-process.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-archery {
    background-image: url(../images/headerimg/archery.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-areas-of-support {
    background-image: url(../images/headerimg/areas-of-support.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-athletes {
    background-image: url(../images/headerimg/athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }


.header-athletes11 {
    background-image: url(../images/headerimg/athletes11.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }


  .header-contribute {
    background-image: url(../images/headerimg/contribute.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-corporate {
    background-image: url(../images/headerimg/corporate.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-donate-now {
    background-image: url(../images/headerimg/donate-now.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-ogq-impact {
    background-image: url(../images/headerimg/ogq-impact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-success-london {
    background-image: url(../images/headerimg/success-london.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-team-ogq {
    background-image: url(../images/headerimg/team-ogq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-vission-mission {
    background-image: url(../images/headerimg/vission-mission.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-what-we-do {
    background-image: url(../images/headerimg/what-we-do.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-history {
    background-image: url(../images/headerimg/history.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-badminton {
    background-image: url(../images/headerimg/badminton.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-boxing {
    background-image: url(../images/headerimg/boxing.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-contact {
    background-image: url(../images/headerimg/contact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-faq {
    background-image: url(../images/headerimg/faq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-legal {
    background-image: url(../images/headerimg/legal.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-ogq-athletes {
    background-image: url(../images/headerimg/ogq-athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-sitemap {
    background-image: url(../images/headerimg/sitemap.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-testimonial {
    background-image: url(../images/headerimg/testimonial.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-rio {
    background-image: url(../images/headerimg/rio.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-annual-performance-report {
    background-image: url(../images/headerimg/annual-performance-report.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }
  
  
  
/*  .carousel-caption {
 margin-top:-22px;
 bottom: 20px;
 color: #fff;
 left: 5%;
 padding-bottom: 20px;
 padding-top: 20px;
 position: absolute;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 top: 60%;
 z-index: 10;
}*/
/* .fill {
 background-position: center center;
 background-size: cover;
 height:100%;
 width: 100%;
}*/
 .carousel-indicators {
 /*bottom: 29px;*/
 left: 50%;
 list-style: outside none none;
 margin-left: -30%;
 padding-left: 0;
 position: absolute;
 text-align: center;
 width: 60%;
 z-index: 15;
}
/* .background1 {
 background: rgba(0, 0, 0, 0) url("../images/pv-bg-mobile.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}*/
 .background2 {
 background: rgba(0, 0, 0, 0) url("../images/slide2.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
/* .background3 {
 background: rgba(0, 0, 0, 0) url("../images/slide1.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}*/
 .background4 {
 background: rgba(0, 0, 0, 0) url("../images/slide3.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .bghome2 {
 background-image: url("../images/bghome2.jpg");
 margin-top:-0px;
} 
}	
	
@media screen and (max-width: 320px) {
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    background-color: #000;
  }

  .h1, h1 {
    font-size: 42px;
  }

  .h2, h2 {
    font-size: 22px;
  }

  .titlefont {
    font-size: 25px;
  }

  .morphsearch {
    display: none;
  }



  #contact-buttons-bar {
    display: none;
  }

  .navbar-nav {
    margin-left: 0%;
    margin-top: 5%;
  }

  .fs1 {
    padding-top: 0px;
    height: 60px;
  }

  #container2 {
    display: none;
  }

  .containermobile {
    display: block;
    text-align: center;
  }

  .header-juniorheader {
    background-image: url(../images/headerimg/juniorheader.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-wrestling {
    background-image: url(../images/headerimg/wrestling.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-shooting {
    background-image: url(../images/headerimg/shooting.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-about {
    background-image: url(../images/headerimg/aboutbanner.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-selectionprocess {
    background-image: url(../images/headerimg/Selection-process.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-archery {
    background-image: url(../images/headerimg/archery.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-areas-of-support {
    background-image: url(../images/headerimg/areas-of-support.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-athletes {
    background-image: url(../images/headerimg/athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }


  .header-athletes11 {
    background-image: url(../images/headerimg/athletes11.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }



  .header-contribute {
    background-image: url(../images/headerimg/contribute.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-corporate {
    background-image: url(../images/headerimg/corporate.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-donate-now {
    background-image: url(../images/headerimg/donate-now.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-ogq-impact {
    background-image: url(../images/headerimg/ogq-impact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-success-london {
    background-image: url(../images/headerimg/success-london.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-team-ogq {
    background-image: url(../images/headerimg/team-ogq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-vission-mission {
    background-image: url(../images/headerimg/vission-mission.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-what-we-do {
    background-image: url(../images/headerimg/what-we-do.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-history {
    background-image: url(../images/headerimg/history.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-badminton {
    background-image: url(../images/headerimg/badminton.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-boxing {
    background-image: url(../images/headerimg/boxing.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-contact {
    background-image: url(../images/headerimg/contact.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-faq {
    background-image: url(../images/headerimg/faq.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-legal {
    background-image: url(../images/headerimg/legal.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-ogq-athletes {
    background-image: url(../images/headerimg/ogq-athletes.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-sitemap {
    background-image: url(../images/headerimg/sitemap.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-testimonial {
    background-image: url(../images/headerimg/testimonial.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-rio {
    background-image: url(../images/headerimg/rio.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }

  .header-annual-performance-report {
    background-image: url(../images/headerimg/annual-performance-report.jpg);
    padding-bottom: 10%;
    padding-left: 4%;
    margin-top: 34%;
    color: #fff;
  }
  
  
  .carousel-caption {
 margin-top:-22px;
 bottom: 20px;
 color: #fff;
 left: 5%;
 padding-bottom: 20px;
 padding-top: 20px;
 position: absolute;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 top: 60%;
 z-index: 10;
}
 .fill {
 background-position: center center;
 background-size: cover;
 height:100%;
 width: 100%;
}
 .carousel-indicators {
/* bottom: 29px;*/
 left: 50%;
 list-style: outside none none;
 margin-left: -30%;
 padding-left: 0;
 position: absolute;
 text-align: center;
 width: 60%;
 z-index: 15;
}
 .background1 {
 background: rgba(0, 0, 0, 0) url("../images/pv-bg-mobile.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .background2 {
 background: rgba(0, 0, 0, 0) url("../images/slide2.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .background3 {
 background: rgba(0, 0, 0, 0) url("../images/slide1.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .background4 {
 background: rgba(0, 0, 0, 0) url("../images/slide3.jpg") no-repeat scroll 0 0 / 100% auto;
 background-size:cover;
 height:100%;
 background-position: center center;
}
 .bghome2 {
 background-image: url("../images/bghome2.jpg");
 margin-top:-0px;
} 
}