@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200,700);


/*************************
*******Typography******
**************************/

body {
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
  color: #fff
}
.howtoSpan{padding:10px 10px!important;}
.displayHide{display:block;}
.logo1{display:block;}
.logo2{display:none;}
.btn {
  border-radius: 0;
  font-family: 'Yanone Kaffeesatz','sans-serif';
  font-size: 20px;
  padding: 9px 23px;
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:focus, 
a:hover {
  text-decoration: none;
  outline: none
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Yanone Kaffeesatz', 'sans-serif';
  font-weight: 300;
  text-transform: uppercase;
}

h2 {
  font-size: 23px
}

.navbar-toggle {
/*  margin-top: 12px  position: fixed;*/
  top: 0; 
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-toggle, 
.navbar-toggle:focus {
  border:1px solid #fff;
  outline: none;
}

.like{ padding:25px 0 0 0;    float: right!important;}
.logoLarge{ display:block}
.logoMedium{ display:none}
.logoSmall{display:none}

.likeLarge{ display:block}
.likeSmall{display:none}

@media (min-width: 768px) and (max-width: 1024px) 
{.logoLarge{display:none }
.logoMedium{ display:block}
.logoSmall{display:none}


.likeLarge{display:none }
.likeSmall{display:block}
}
@media (max-width: 767px) 
{.logoLarge{display:none }
.logoMedium{ display:block}
.logoSmall{display:none}

.likeLarge{display:none }
.likeSmall{display:block}

}
@media (max-width: 480px) {
.logoLarge{display:none }
.logoMedium{ display:none}
.logoSmall{display:block}

.likeLarge{display:none }
.likeSmall{display:block}
}
/*************************
*******Header CSS******
**************************/

.header-top {
  display: block;
  overflow: hidden;
  padding: 25px;
}
.main-nav-inner {
  position: absolute;
  width: 100%;
  z-index: 999; background: #305f94;	  /*border-bottom:1px solid #fff;*/   
}
.main-nav {
  position: absolute;
  width: 100%;
  z-index: 999; background: #305f94;	  /*border-bottom:1px solid #fff;*/   
}

.main-nav 
.container {
  width: 100%
}

.main-nav2 {
  position: absolute;
  width: 100%;
  z-index: 999;	  /*border-bottom:1px solid #fff;*/
}

.main-nav2 
.container {
  width: 100%
}
.LogoArea img{  display: block;
    margin: auto;
    text-align: center;
   }
.social-icons a {
/*  font-size: 18px;*/
  color: #316096;
  padding-left:20px;  
}

.social-icons .fa-facebook:hover {
  color: #141414
}

.social-icons .fa-twitter:hover {
  color:#29C5F6
}

.social-icons .fa-google-plus:hover {
  color:#D13D2F
}

.social-icons .fa-youtube:hover{
  color: #ec5538
}

.navbar-brand {    padding:0;
  /*background-color: #1B7B98; 
  background-color: #fff;
  height: 90px;
  margin-bottom: 20px;
  position: relative;
  width: 245px;*/
}
/*.navbar-nav{   
	  border-bottom:1px solid #fff; width:100%;}*/
.navbar-brand img {
  position: absolute;
  top: 0px; /*margin-left:10px;*/
/*  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);*/

/*-webkit-clip-path: polygon(0 0, 100% 1%, 100% 68%, 52% 100%, 0 69%);
clip-path: polygon(0 0, 100% 1%, 100% 68%, 52% 100%, 0 69%);*/

}

.navbar-right {
  background-color: #316096;
  padding:0 95px 0 0;
  opacity: .9
}

.navbar-right li a {
  padding: 35px 21px;
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Yanone Kaffeesatz', 'sans-serif';
  font-weight: 300;
}

.navbar-right li a:hover, 
.navbar-right li a:focus,  
.navbar-right .active a {
  background-color: #141414;
  color: #fff
}
.navbar-default {
  background-color: #316096;
  padding:0 95px 0 0;
  opacity: .9;

}

.navbar-default li a {
  padding: 10px 15px;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Yanone Kaffeesatz', 'sans-serif';
  font-weight: 300;margin:4px 5px;
}

.navbar-default li a:hover, 
.navbar-default li a:focus,  
.navbar-default .active a {
  background-color: #d8b774;
  color: #fff;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.fixed-menu {
  background-color:  #316096;
  position: fixed;
  top: 0;      height: 48px;
/*  box-shadow:-1px 2px 0 0 rgba(221,221,221,10);
    moz-box-shadow:-1px 2px 0 0 rgba(221,221,221,10);
	  webkit-box-shadow:-1px 2px 0 0 rgba(221,221,221,10);*/
}

.fixed-menu .navbar-right {
  padding:0 ;
}


.fixed-menu .navbar-right li a {
  font-size: 16px;
  padding: 10px 15px;
  text-shadow:inherit;
}

.fixed-menu .navbar-brand {
  height: 60px;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
  width: 125px;
}

.fixed-menu .navbar-brand img {
  height:75px;
  top: 0;left: 10px;
}

.fixed-menu .header-top {
  display: none;
}

.navbar-nav {
    /**/ margin: 0 -15px; 
}

/*************************
*******Home CSS******
**************************/

#home {
  position: relative;
  overflow: hidden;
}

#main-slider img {
  width: 100%
}

#main-slider 
.carousel-caption {
  background: none repeat scroll 0 0 #000000;
  /*bottom: 15%;*/
  float: left;
  left: 0;
  opacity: 0.8;
  padding:3px 15px 10px;
  right: inherit;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}


#main-slider 
.carousel-caption h2 {  
  font-size: 23px
 
}

#main-slider 
.carousel-caption h4 {
  font-size: 24px;
}

#main-slider 
.carousel-caption a {
  font-size: 22px;
  color: #2da1c5
}

#main-slider 
.carousel-caption a:hover {
  color: #2588a6
}

#main-slider 
.carousel-caption a:hover i {
  margin-left: 35px
}

#main-slider 
.carousel-caption a i {
  margin-left: 15px;
  -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;
}

#main-slider 
.carousel-indicators li {
  background-color:#1B7B98;
  border: 1px solid #1B7B98;
}

#main-slider 
.carousel-indicators li.active {
  background-color:#fff;
  border: 1px solid #fff;
}

/*************************
*******Social CSS******
**************************/
.socialico-div{  background-repeat:repeat; padding:8px 15px 0 0; text-align:right;font-size: 2em; color:#316096;}
.socialico-div3{  background-repeat:repeat; padding:8px 0 0 15px; text-align:left;font-size: 2em; color:#316096;}
.socialico-div2{   text-align:right; position:relative}


/*************************
*******About CSS**********
**************************/

#about, #restricteditems {
/*background-color: #75B46E;  background-image: url("../images/bg3.jpg");*/  position: relative;   background:#fff;
 
  width: 100%;
  display: flex;
}


.about-content {
/*  width: 50%;
   background-image: url("../images/about-bg.jpg");*/
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 0px 25px; color:#666666
}

.about-content2 {
/*  width: 50%;
   background-image: url("../images/about-bg.jpg");*/
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0 0 0; color:#666666
}
#restricteditems h2{ margin: 45px 0 23px 0; padding-left: 0 ;}
#about h2 {
  margin-bottom: 23px; padding-left: 0 ;
}

.about-content p {
  font-size: 17px;
  font-family: 'Dosis',sans-serif;
}

#about .btn-primary {
  background-color: #137c61;
  color: #fff;
  text-transform: capitalize;
  border: none;
  margin-top: 28px;
}

#about .btn-primary:hover {
  background-color: #126d55
}





/*************************
******Sponsor CSS****
**************************/
.howto{ background:#316096; padding:4% 5% 2% 5%; text-align:center}
#sponsor {
/*  background-color: #1881a2;
  background-image: url("../images/sponsor-bg.jpg");
    background-color: #fff;

  background-position:50% 0;*/
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;
}

.light {
  position: absolute;
  right: 0;
  bottom: 0;
}

#sponsor .col-sm-10 {
  z-index: 10;
}
#sponsor2 h2 { margin-top: 90px;}
#sponsor2 .item ul  {
  font-size: 0;
  padding: 0;
}
#sponsor2 .item ul li {
  display: inline-block;
  list-style: none;
 /* width: 33.33%;
  margin-bottom: 75px;    width: 20%;*/
    margin: 15px 35px 15px 0px;
}
#sponsor2 .item ul li:last-child  {
  margin-right: 0
}
#sponsor h2 {
/*  margin-top: 90px;
  margin-bottom: 40px;*/
  color:#fff;
}

#sponsor .item ul {
  font-size: 0;
  padding: 0;
}


#sponsor .item ul li{
  display: inline-block;
  list-style: none;
 /* width: 33.33%;
  margin-bottom: 75px;    width: 20%;*/
    margin-bottom: 10px;
}

#sponsor .item ul li:last-child {
  margin-right: 0
}

.sponsor-control-left, 
.sponsor-control-right {
  color: #FFFFFF;
  font-size: 24px;
  position: absolute;
  top: 20%;
}

.sponsor-control-left {
  right: 12%
}

.sponsor-control-right {
  right: 10%
}


/*************************
******Map CSS****
**************************/
#map {
  position: relative;
}

#gmap {
  height:450px;  
}


#sponsor .item ul li span{ color:#052141; font-size:17px; font-weight:600; vertical-align:text-top }

/*************************
******Contact CSS****
**************************/

.contact-section {
  background-color: #052141;
/*  background-image: url("../images/ct.png");
  background-position:60% 0;*/
  background-size:contain;
  background-repeat:no-repeat;  
  position: relative;
}
.contact-section a {color:#fff!important}
.ear-piece {
  position: absolute;
  left:0 ;
  top: 0;
}
.contact-address{padding:0 5%;}
#contact .container {
  padding-top:1%; padding-bottom:1%;
}

#contact h3 {
  text-transform:inherit;
  color: #fff; 
}

#contact-section h3 {  
  margin-bottom: 25px
}

#contact address {
  font-size: 18px;  
  color: #fff; 
}

.contact-text {
  margin-bottom: 35px;
  display: block;
}


#contact-section .form-control {
  border-color: #ae750d;
  box-shadow:none;
  outline: 0 none;
  border-radius: 0;
  color: #797979;
  font-size: 17px;
}

#contact-section .form-control:focus {
  border-color: #ae750d;
}

#contact-section input {  
  height: 30px;
}

#contact-section textarea {
  height: 80px;
  resize:none;
}

#contact-section .btn-primary {
  background-color: #fff;
  color: #316096;
  border: none;
  font-size: 24px;
  padding: 6px 42px;
  margin-bottom: 20px;
  margin-top: 10px
}

#contact-section .btn-primary:hover {
  background-color: #212020;
  color: #fff
}


.alert-success{color: #000000!important ;
    background-color: #AACAEA!important ;
    border-color: #fff!important ;
    font-weight: 500!important }
	
.ct_submit{color: #fff!important ;
    background-color: #316096!important ;
    border: 1px solid #fff!important; padding:0 10px ; margin-bottom:10px;}
.MinPad{ padding:5px 0}	
/*************************
******Footer CSS****
**************************/
.fa-2x{font-size:45px}
#footer {
  background-color: #316096;
/*  background-image: url("../images/footer-bg.jpg");*/
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
  font-size: 14px;
  padding: 15px 0;
}

#footer a {
  color:#f7ab24
}

#footer a:hover {
  color:#1B7B98
}

 .thumbnail
{display: block;
    padding: 4px;
    margin-bottom: 15px;
    line-height: 1;
    background-color:#316096 !important;
    border: 0px !important;
 height:265px;}
 
 .thumbnail .caption { color:#fff!important;}