/*Page CSS*/
body, html {font-size:13px; font-family:arial, sans-serif; margin:0;  }

.content { float:left; margin:1% 3%; width:94%; }

small { font-size:80%;}


@font-face {
    font-family: myHeaderFont;
    src: url(OpenSans-CondBold.ttf);
}
@font-face {
    font-family: myDefaultFont;
    src: url(OpenSans-Regular.ttf);
}
@font-face {
    font-family: myMenuFont;
    src: url(OpenSans-Regular.ttf);
}
.wrapper{
	/*height:227px; */
}
.image_resize{
	width:100%;
}
.mainMenu{
    font-family:myMenuFont;
}
.nav_copy{
	font-family:myDefaultFont;
	font-weight:bold;
	font-size:16px;    
}
.top_login_blk{
	background-color:#302C2C;
	min-width: 160px;
	height: 45px;
	float:right;
    border: 5px solid rgb(244,33,37);
}
.copy_black{
	font-family:myHeaderFont;
	color:White;
	font-size:12px;
	padding:10px;
    margin-top:5px;
}
a{
    color:black;
    text-decoration:none;
    cursor: pointer;
}
a:hover {
    color:red;
}
.LoginContent{
min-height:500px;
}
/* Desktop layout */
@media only screen and (min-width: 537px) {
.header{
	background-size:100%;
	background-repeat:repeat-x;
	background-color:rgb(40,40,40); 
	/*border-bottom:thick #000 solid;*/ 
	width:100%; 
	float:left;
    font-family:myDefaultFont;
    border-bottom:7px solid rgb(244,33,37);
}
.logo{
	width:50%; 
	/*height:223px;*/
	top:0px !important; 
	z-index:2; 
	position:relative; 
	float:left;
    height:180px;
}
.nav{
	width: 50%;
	/*height: 223px;*/
	top: 0px !important;
	z-index: 2;
	position: relative;
	float: left
}
.navigation{
	background-color: #000; 
	margin-top:0px;
    margin-bottom:10px;
	float:left;
	width:100%;
}
.body{
	min-height:200px; 
	width:100%
}
.container{
	width:1024px; 
	margin-left:auto; 
	margin-right:auto; 
    padding-top:20px;
    padding-bottom:20px;
    
}
.container2{
	width:1024px; 
	margin-left:auto; 
	margin-right:auto; 
    padding-top:0px;
    padding-bottom:20px;
    background-color: #343334;
    background-size:100%;
    background-size:cover;
	
}
.footer{
	padding: : 20px 0 40px;
	border-top:7px solid rgb(244,33,37);
	background-color: #343334;
  	min-height:200px;
}
}
/* Mobile layout */
@media only screen and (max-width: 537px) {
.header{
	background-size:100%;
	background-repeat:repeat-x;
	background-color:rgb(40,40,40); 
	/*border-bottom:thick #000 solid;*/ 
	width:100%; 
	float:left;
    font-family:myDefaultFont;
    border-bottom:7px solid rgb(244,33,37);
}

.list-group-item {
    padding: 0px 15px !important;
}
.carousel-caption {
    bottom: -20px !important;
}

.button-listing{
    font-size:22px !important;
}

.slidfloat{
     padding-left:0px;
}

.container{
    padding-top:20px;
    padding-bottom:20px;
}
.footer{
	padding: : 20px 0 40px;
	width:100%;
    border-top:7px solid rgb(244,33,37);
	background-color: #343334;
   min-height:500px;
   padding-bottom:20px;
   text-align :center;
}
}

.panel-body{
    background-color: rgb(124,122,122);
    padding-bottom:0px;
    padding-top:0px;

}

.panel-plain{
    background-color: white;
    padding-bottom:0px;
    padding-top:0px;

}

.navbar-inverse {
   border-bottom: thick solid #e31d1a !important;
   
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border :none ;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
    font-size:18px;
    cursor: pointer;
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color:#e31d1a;
}

.loginlink {
    background-color:#e31d1a;
    float:right !important;
    margin-right: -15px;
width: 120px;
text-align: center;
}
.loginlink a {
    color:#222 !important;
    cursor: pointer;
}

.navbar-right{
    width :70% !important;
    
}
hr{
    background-color:#e31d1a;
    height:1px;
    margin-left:-15px !important;
    margin-right:-15px !important;
   border: 1px solid #e31d1a !important;
   margin-top: 0px;
   margin-bottom: 0px;
}

.button-listing{
    padding:5px 15px 5px 15px;
    background-color : #343334;
    font-family:myHeaderFont; font-size:40px; color:red;
    border: none;
    border: 1px solid #e31d1a !important;

}
.button-listing:hover{
    background-color :#000 ;
}

.button-send{
    font-size:24px; 
    color:#fff;
    background-color:#e31d1a;
    border: 0px solid #fff !important;
    padding:5px 30px 5px 30px;
    font-family:myHeaderFont;

}

.button-send:hover{
    background-color:#343334 !important;
}

.button-search{
    font-size:16px; 
    color:#fff;
    background-color:#343334;
    padding:3px 20px 3px 20px;

}

a:-webkit-any-link {
    text-decoration: none;
   
}
.carousel-caption {
    bottom: 60px;
}
.thumbnail {
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #343334;
}
.list-group-item {
    padding: 9px 15px;
}

input[type=checkbox], input[type=radio] {
    width: 15px;
    height: 15px;
    margin-left:10px;
}

.bottom-bar{
    background-color:rgb(124,122,122) !important; 
    margin-left:-15px; 
    margin-right :-15px;
   margin-bottom:0px;
}
.top-bar{
    background-color:rgb(124,122,122) !important; 
    margin-left:-15px; 
    margin-right :-15px;
   margin-bottom:0px;
}

.footable>thead>tr>th, .footable>thead>tr>td {
    background-image: linear-gradient(to bottom,#e31d1a,#e31d1a) !important;
    text-align:center !important;
}

.slidfloat{
    padding-right:0px;
}
.carousel-inner {
    width: 99.9%;
    border-bottom: thick solid #e31d1a !important;
}

.thumbnail .caption {
    padding: 0px;
    color: #fff;
    text-align :center ;
}


.carousel-control.left {
    background-image: linear-gradient(to right,rgba(#fff))!important;
    
}

.grow{
   
   transition : all 0.5s ease ;
}

.grow:hover {
   transform:rotate(5deg);
}

.wildlifeImage {
  transition : all 1s ease ;
  width :80px;
  height :50px;
}

.LinkButton {
    color: #e31d1a !important;
    font-family: myHeaderFont;
    font-size: 30px;
    text-decoration:underline !important;
}
.LinkButton:hover {
    color: #fff !important;
}

.LinkButtonCountry {
    color: #fff !important;
    font-family: myHeaderFont;
    text-decoration:underline !important;
    font-size: 18px;
   
}
.LinkButtonCountry:hover {
    color:#e31d1a !important;
}





.wildlifeImage:hover {
  transition : all 1s ease ;
  width :200px;
  height :150px;
}
tr td{
    text-align :center ;
}