@charset "utf-8";
/* CSS Document */

body{
  max-width: 1450px !important;
  margin-right: auto; 
    margin-left: auto;
  font-family: 'Roboto', sans-serif; 
}  
.btn-home{
	margin-top: 20%;
    z-index: 100;
    margin-left: 3%;
}
nav .dropdown-item  {
	font-weight: 800;
} 
nav{ 
  font-size: 0.9rem; 
}
.logo{ 
 
  	width: 100px; 
	height: auto;
  	 
} 
#navbarNav{
  
}
/*.navbar-bluedark{
  background-color: #091e39;
  border-top: solid 2px #998058;
  border-bottom: solid 2px #998058;
  font-family: 'Dosis', sans-serif;
  
}
.navbar-white{
  background-color: #fff;
  font-family: 'Dosis', sans-serif;
}
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
  padding: 5px 20px
}
*/
.mr-auto{


}
.nav-link {
  font-size:18px;
  font-weight: 600;
	color: black !important 
}
.nav-link-top {
font-size: 15px;
font-weight: 600;
color: #091e39;
margin-top: 20px;
padding: 0 10px;
}

.navbar-brand {
  margin: 0 auto;
  padding-left: 12   0px;
  font-weight: 800;
  color:#091e39;
}
.brand-title{
  padding-left: 150px;
  margin: 0 auto;
  font-weight: 800;
  color:#091e39;
  font-size: 24px
}

/*--------------------------------Preloader------------------------------------*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0.7;
  background-color: #fff;
  z-index: 10;
  text-align: center;
}
.preloader .spinner-border {
	position: absolute !important;
	top: 25%
}
 
/*--------------------------------User Interaction Container-------------------*/
.ui_container {
	position: relative;
}

/***********************header title*******************/*
.titleClub{
  background-color: #313131;
  color: white;
  height: 70px;
}  
.titleClub h1{
  line-height: 1.8;
}  
/***********************menu***************************/*
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.contact-menu {
	list-style: none;
	margin-bottom: 0rem;
} 

.contact-menu li {
	display: table-cell;
} 

.contact-menu .fa {
    color: #fff;
    background-color:#998058;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 9px;
    margin: 0 5px;
	line-height: 0.8; 
    text-align: center;
}
.contact-menu a:hover{
   text-decoration: none;
}
 .socialMedia .top-user {
background-color:#091e39;
   margin-left: 25px;
}

/***********************carrusel***********************/*
#home_entity_caroussel_prev {
    position: absolute;
    margin-top: -18%;
    color: white;
	cursor: pointer;
	
}
#home_entity_caroussel_next {
    position: absolute;
    margin-top: -18%;
    color: white;
	right: 12%;
	cursor: pointer;

}



.home_entity_caroussel{
}
#home_entity-top_banner{
  height: 400px;
  overflow: hidden;
  margin-right: -15px;
    margin-left: -15px;
} 
#home_entity_caroussel_teams a, #home_entity_caroussel_teams p{
	color: white !important; 
}

#home_entity_caroussel_teams_next, #home_entity_pub_caroussel_next{
    bottom: 200px;
    float: right;
  color:#fff; 
  padding: 5px;
  z-index: 100;
  position: relative;
  cursor:pointer;
  border: 1px solid #666;
  background: #666;
	filter: drop-shadow(2px 2px 3px #666);
}
#home_entity_caroussel_teams_prev, #home_entity_pub_caroussel_prev{
  bottom: 200px;
  color:#fff;
  padding: 5px;
  z-index: 1000; 
  position: relative;
  cursor: pointer;
  border: 1px solid #666; 
  background: #666;
	filter: drop-shadow(2px 2px 3px #666); 
}
#teamCard-container > a > h5{ 
  color: black;
}

.nombre_liga{
  position: absolute;
    color: white;
    top: 150px;  
    margin-right: 50px;
  left: 60%;
  opacity: 0.8; 
} 
.nombre_liga h1 span{
  color:#FE2A00; 
}
.home_entity_caroussel_teams{
  /*max-height: 320px; */
}
.home_entity_caroussel .slick-slide img {
    width: 100%;
}
#teamTab-container ul{
	background: #091e39;
	color: white;
}
#teamTab-container ul a{
	color: white !important;
}
#teamTab-container ul .nav-link.active{  
	background-color: #998058 !important;
}
/***********************Contenedor de contenido de otras paginas**/*
.external-content{
	width: 100%;
	height: 800px;	
}
/***********************multimedia y tablas***********************/*
.main-bar{
  background-color: #091e39;
  color:white;
  font-family: 'Dosis', sans-serif;
  border: solid 3px #997f5a;
  height: 50px;
  padding: 5px
}
.main-bar h4{  
  text-align: center;
  font-weight:600;
}

.bar{
  background-color: #091e39;
  background: linear-gradient(104deg, rgba(22,32,56,1) 85%, rgba(153,128,88,1) 85%);
  color:white;
  font-family: 'Dosis', sans-serif;
  border: solid 3px #997f5a;
  height: 50px;
  padding: 5px
}
.bar h4{  
  text-align: center;
  font-weight:600;
}
.bar h5{  
  margin-bottom: 0px;
}
.bar-title-left h4{
  text-align: left;
  margin-left: 10px;
  color:white;
}
#ranking-nav{
height: 50px;
margin: 3px 0 0 0px;
}

.publicity{
  /*margin-top: -50px; */
}


.video-featured, .photo-featured{
  padding: 20px 0;
  /* height: 500px;
  margin-bottom: 20px;*/
}

.photo-featured img{
  width: 100%;
}
.calendar-table {
  background-color: #091e39;
  color:white;
  font-family: 'Dosis', sans-serif;
  border: solid 3px #997f5a;
  padding:20px 30px;
  margin:20px auto;
  
}
.calendar-table .img-team {
    width: 40px;
    border: solid 2px #bba06b;
    border-radius: 50%;
  	margin-left: -20px;
}
.calendar-table h4 {
    text-align: center;
  font-size:24px;
  font-weight:800;
}
#ranking-table {
  background-color: #091e39;
  color:white;
  font-family: 'Dosis', sans-serif;
  border: solid 3px #997f5a;
  /*padding:20px 40px;*/ 
  margin:20px auto;  
  max-height: 790px;
  overflow-y: scroll;
 
}
#ranking-table::-webkit-scrollbar {
    -webkit-appearance: none;
}
#ranking-table .img-team{
  width: 40px;
  border: solid 2px #bba06b;
  border-radius:50%;
  }
#ranking-table >p {
  font-size: 18px;
  font-weight:600;
  }

.ranking-position p{
  font-size:18px;
}
.ranking-team {
  font-size:1.5em;  
font-weight: 600;
   
}
.ranking-team img{
	max-width: 200px;
}
 .local-team p{
  font-size:18px;
  font-weight:800;
  text-align: right;
}
.visitor-team p{
  font-size:18px;
  font-weight:800;
  text-align: left;
}
.versus p{
  font-size:22px;
  font-weight:800;
  text-align: center;
}
.ranking-points p{
  font-weight:800;
  padding-top: 5px;
}
.item-calendar #ranking-table table td{ 
  display: flex; 
  align-items: center;
  padding: 10px 0;
  margin-bottom:30px;
}
#ranking-table table img{ 
	/*max-width: 100% !important;
    height: auto !important;*/
	width: 50px; 
    border: solid 2px #bba06b;
    border-radius:50%;
} 
.item-ranking, #ranking-table table tr{ 
  /*display: flex;*/ 
  padding:10px;
  border-bottom:1px #ccc solid;
  align-items: center;
  height: 108px; 
}

.item-event-list{
  /*display: flex;*/
  padding:10px;
  border-bottom:1px #ccc solid;
  align-items: center;
}
.date-calendar{
  display: flex;
  padding:10px;
  border-bottom:1px #ccc solid;
  align-items: center;
}
.item-ranking-last{
  display: flex;
  padding:10px;
  align-items: center;

}
.details{ 
	cursor: pointer;
}

/*******logo*****/
.nombre_club img{
  position: absolute;
    top: 15%;
}  
.slick-slide img{
  
}
.item-carrousel{
  padding:30px;
}
.card{
  margin: 0 20px;
  border: none;
}
/*******Plantilla*****/
.card-info{
  background: linear-gradient(0deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 30%);
  padding: 20px;
}
.player-card{
  padding: 20px;
  margin:20px;  
}
.player-card-item{
  padding: 20px;
  margin:10px;
  box-shadow:  5px 5px 10px #d3d3d3,
             -5px -5px 10px #ededed;
}
.player-card h4{
  font-size: 32px;
  font-weight:600;
  
}
.player-card-item h5{
  font-size: 50px;
  color: #bba06b;
  font-weight:600;
  text-align: center;
}
.player-card p{
  font-size: 22px
  
}
.player-card img{
  margin: 0 auto;
  width:100%
}
.player-card-item img{
	height: 400px;
    width: 100%;
    object-fit: cover;
}

/*******player of the day*****/

.bluedark{
    background-color:#081E39;
  padding: 10px 20px;
  /*margin: 0 40px;*/
  color:#fff;
  text-align: center;
  width:100%
}
.bg-bluedark{
    background: url('https://sportvoyager.com/wp-content/uploads/2021/03/bg-dark-lights.png') top right no-repeat #081E39;
  padding: 10px;
  margin: 0 20px 40px 20px;
  color:#fff;
  text-align: center;
  font-family: 'Dosis', sans-serif;
}
  .bg-bluedark h2{
color: #000;
font-family: 'Dosis', sans-serif;
font-size: 38px; 
font-weight: 600;
text-align: left;
background-color: #bba06b;
padding: 5px;
font-style: oblique;
}

.bg-bluedark .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #bba06b !important;
	color:#000 !important;
}
.info-player {
  margin: auto;
  background: linear-gradient(0deg, rgba(255,255,255,0.04103648295255602) 0%, rgba(4, 4, 12, 0.86) 100%);
  border-top: 2px solid #998058;
  }

.info-player h3 {
  font-size:90px;
  letter-spacing: 5px;
  font-weight: 700;
  text-align: left;
  padding: 10px;
  }
.position-player >h4 {
  font-size:56px;
  font-weight: 500;
  margin: 10px;
  }
.info-player >p {
  font-size:60px;
  font-weight: 700;
  margin: 0 auto;
  color:#606d7e;
  line-height: 72px;
  }
.image-featured{
  border-radius: 50%;
  border: solid 5px #bba06b;
  position: absolute;
  left: 55px; 
  margin:0 auto;
  width:64%;
  height: 200px;
}
.player-featured{
  width: 100%;
  float: left;
}
.datos-player {
  margin-top: 20px; 
}
.datos-player >p{
  font-size: 32px;  
}
.datos-player >p span{
  font-size: 48px;
  font-weight:800;
  color:#bba06b;
}
.escudo-player{ 
  margin:10px auto;
  background-color: #fff;
  color:#162038;
  padding-bottom: 20px;
}
.escudo-player h4{  
  font-weight: 600;
  border-top: 2px solid #998058;
  border-bottom: 2px solid #998058;
  width: 50%;
  margin: 20px auto;  
}
.re-size{
	max-height: 380px;
	overflow:hidden; 
}
.re-size img{ 
object-fit: cover;
height: 380px;
}
/*********************equipo del mes******************/
#team-featured{
  background: url('https://sportvoyageradmin.com/sports/img/cancha-de-volei.png') no-repeat top cover;
  height: 600px;  
}
.info-player> h4{
  font-size: 28px;
  font-weight: 600;
  padding: 5px 0;
  background: #FFF;
  color: #071E39;
}
.info-player> h5{
  font-size:21px;
}
.info-player> h6{
  font-size:18px;

}
 #team-featured p{
  font-size:18px;
  
}
.court{
  background:url('https://sportvoyageradmin.com/sports/img/cancha-de-volei.png') no-repeat;
}
.coach-content{
  padding: 0 30px;
  margin: 100px auto 0;
  
}
.coach-photo{
  width: 60%;
  
}
.player-content{
  padding: 0px 30px 20px 30px;
}
.player-content h5{
  background: #071E39;
  width: 80%;
  margin:0 auto;
}
.player-content h6{
  background: #313131;
  width: 40%;
  margin:0 auto;
}
.bg-player1{

}
.bg-player2{

    
}
.bg-player3{

}
.photo-player {
  width: 120px;
    border: solid 3px #bba06b;
    border-radius: 50%;
  margin-bottom:10px;
}
.bg-black{
}
.main-content{
/*margin: 30px 0; */
  
}
/*********************protocolos******************/
.panel-body:not(.two-col) { padding:0px }
.glyphicon { margin-right:5px; }
.glyphicon-new-window { margin-left:5px; }
.panel-body .radio,.panel-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.panel-body .list-group {margin-bottom: 0;}
.margin-bottom-none { margin-bottom: 0; }
.panel-body .radio label,.panel-body .checkbox label { display:block; }

home_entity-covid_protocols a{
  color: white !important;
}
/***********************************************/

#home_entity-team_cards .card{
  /*height: 380px;*/
  
}
#home_entity-team_cards .card-img-top{
  

}
#home_entity-team_cards .card-title{
  margin-bottom: 0px
} 
.imgSize{
  max-height: 230px;
  overflow: hidden; 
  height: 180px;
}
.logoCard{
  opacity: 0.4;  
  filter: brightness(2);
}
/*#teamTab-container .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: WHITE;
    background-color: transparent !important;
    border-color:transparent !important; 
}*/ 

#teamCard-container .card-body{
  background:#091e39;
	    min-height: 140px;
  
/*
background: rgba(255,255,255,1);    
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(117,113,117,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#757175', GradientType=1 );
  */
  }
#teamCard-container .card-body h4{
	font-weight: 100 !important;
    font-size: 1rem;
    color: white; 
    text-align: left;
}
/********************* publicidad**********************/
#home_publicity_caroussel{
  max-width: 100%; 
  margin-left: auto; 
    margin-right: auto; 
} 
#home_publicity_caroussel div{
  margin-left: auto;
    margin-right: auto; 
} 
#home_publicity_caroussel div img{
  height: auto !important; 
}
/********************* tabla de posiciones**********************/
#results-table-tab{
  background: #091e39;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #998058 !important;
}
#results-table-tab .nav-item a{
 color: #FFFFFF;
	text-transform: lowercase;
}
#results-table-tab .nav-item a:first-letter {
    text-transform: uppercase;
}

.tab-pane  > p > img{  
	width: 100% !important; 
	height: auto !important;
}
div.ranking-table-full {
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.ranking-table-full img {
    width: 40px;
    border: solid 2px #bba06b;
    border-radius: 50%;
    margin: 0 20px 0 20px;
  float: left;
}
.ranking-table-full p {
  font-size: 15px;
  font-weight:500;
    margin: 5px;
  text-align: left;
}

.divTable.ranking-table-full .divTableCell, .divTable.ranking-table-full .divTableHead {
  border: 0px solid #000000;
  padding: 25px 7px;
}
.divTable.ranking-table-full .divTableBody .divTableCell {
  font-size: 13px;
}
.divTable.ranking-table-full .divTableRow:nth-child(even) {
  background: #FBFBFB;
}
.divTable.ranking-table-full .divTableHeading {
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #FFFFFF 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 66%, #FFFFFF 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 66%, #FFFFFF 100%);
border-bottom: 3px solid #081E39;
}
.divTable.ranking-table-full .divTableHeading .divTableHead {
  font-size: 19px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
.ranking-table-full .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  border-top: 0px solid #000000;
}
.ranking-table-full .tableFootStyle {
  font-size: 14px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
/********************* parallax**********************/

#home_entity_instagram_feed .slick-slide .Header {
    display: none !important;
}
#home_instagram_feed .slick-slide {
	height: 420px;
    overflow: hidden; 
}

.parallax {
  /* Set a specific height */
 height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    top: 0;
    width: 98vw;
    z-index: -1;
}
#parallax-static {
    background-image: url("../img/Grupo 497.jpg");
} 
.calendar_eventsList_container{
  background: white;    
}
.calendar_eventsList_container h5{
	margin-left: 10px;
    color: white;
	font-weight: 600;
	text-transform: lowercase;
}
.calendar_eventsList_container h5:first-letter {
    text-transform: uppercase;
}
/********************* shopping Demo-1 **********************/
.product-grid .product-title{
  font-size:24px;
  color:#091e39;
  font-weight: 800;
  
}
.info-product{
  margin:0 auto;
}
.product-grid{font-family:'Dosis',sans-serif;text-align:center; box-shadow: 0px 0px 6px #cccccc;margin:10px 0px;}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image a img{
	max-width: 100% !important;
    height: auto !important;
}
/*product-grid .product-image img{height:250px}  */ 
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid:hover .pic-1{opacity:1}
.product-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.product-grid:hover .pic-2{opacity:1}

.product-grid:hover .social{opacity:1;top:50%}
.product-grid .social li{display:inline-block}
.product-grid .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid .social li a:hover{color:#fff;background-color:#E32227}
.product-grid .social li a:after,.product-grid .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid .social li a:hover:after,.product-grid .social li a:hover:before{opacity:1}
.product-grid .product-discount-label,.product-grid .product-new-label{color:#fff;background-color:#FE2A00;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.product-grid .product-discount-label{background-color:#333;left:auto;right:0}
.product-grid .rating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.product-grid .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid .product-content{background-color:#fff;text-align:center;padding:12px 0;margin:0 auto;z-index:1;}
.product-grid:hover .product-content{bottom:27px} 
.product-grid .title{font-size:28px;font-weight:800;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;}
.product-grid .title1 a{color:#000;} 
.product-grid .title1 a:hover,.product-grid:hover .title a{color:#E32227}
.product-grid .price{color:#091e39;font-size:28px;font-family:'Dosis',sans-serif;font-weight:700;letter-spacing:.6px;text-align:center;}
.product-grid .price span{color:#999;font-size:13px;font-weight:400;}
.product-grid .add-to-cart{color:#000;font-size:28px;font-weight:600; margin:30px; padding: 10px; background-color: #fff; box-shadow: 0px 0px 6px #767676;}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}
/*************footer********************/
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#313131; padding:10px 0px 25px 0px ; position: relative}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
  list-style-type:none;
  padding:0px;
  display:table;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

h2{ 
  font-family: 'Josefin Sans', sans-serif;
}
#services-services_strategy_CD > hr, #services-services_SM_marketing > hr, #services-services_core_analysis > hr{  
  transform: rotate(90deg);
    width: 30px;
    height: px;
    border: 3px solid black;
    color: black;
}
#services-services_main{
  background: #000;
  color: white;
}
#headingOne > h5 > button > span, #headingTwo > h5 > button > span,#headingFour > h5 > button > span,#headingFive > h5 > button > span{ 
  vertical-align: bottom;
} 
#headingOne button:not(.collapsed) .rotate-icon {
  transform: rotate(180deg); 
}
.navbar{
  
} 
.navbar-light .navbar-nav .nav-link {
    
}
.info{
  display: -webkit-inline-box !important;
}
/*.btn{
  background-color: #E32227 !important; 
  color: white !important; 
  border-color:#E32227 !important
} */
.header{
  margin-top: -48px; 
    padding-top: 25px;
}
.log{
  background: #000;
}

.socialMedia .fa {
    color: #fff;
    /*background-color:#998058;*/
    width: 32px;
    height: 32px; 
    border-radius: 50%;
    padding: 9px;
    margin: 0 5px;
  text-align: center;
}
.socialMedia a:hover{
   text-decoration: none;
}
.socialMedia .top-user {
	/*background-color:#091e39;*/
	margin-left: 25px;
	font-size: x-large !important;
	vertical-align: sub;
	width: auto; 
}
#home-homeIntroText, #home-noBull, #home-socialMedia, #home-home_intro_text{
  background-color: #000 !important;   
  color:rgba(255,255,255,.5);
}
#home-noBull{
  color: white;
  
}

.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../img/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 450px; 
    padding-top: 50px;
}

.bg-no-overlay {
    color: #fff;
    height: 450px;
    padding-top: 50px;
}
.logFooter{
  overflow: hidden; 
  position: absolute;
filter: grayscale(100%);
  right: 0;
  } 
.logFooter img{ 
  width: 250px;  
  opacity: 0.5; 
} 
/**********************Contact**/
.contact-info .fa {
  padding-right: 5px; 
}

#contact .form-control {
  border: none;
  border-bottom: 2px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#contact .form-control:focus {
  border-bottom-color: #999999;
}

#contact input {
  height: 55px;
}

#contact button#submit {
  background: #2b2b2b;
  border: none;
  border-radius: 50px;
  color: #ffffff;
  height: 50px;
  margin-top: 24px;
}

#contact button#submit:hover {
  background: #7682cc;
  color: #ffffff;
}

#contact-contact_header span {
  vertical-align:text-bottom;
    font-size: large;
    margin-right: 5px;
  color: #E32227;
}
/**********************slider********************/
#home_caroussel_prev{
  position: relative;
    float: left;
    margin-top: -100px;
    background: transparent !important;
    color: white !important; 
    border: none;
    padding: 5px;
    line-height: 1;
    cursor: pointer;
  left: -40px;    
}
#home_caroussel_next{ 
  position: relative;
    float: right;
    margin-top: -100px;
    background: transparent !important;
    color: white; 
    border: none;
    padding: 5px;
    line-height: 1;
    cursor: pointer;
    right: -32px;
}
/*********************calendario de eventos*/

#entity_event_list_container{
  overflow-x:scroll;
  max-height: 360px;      
  overflow:auto;
  box-sizing: border-box;
  background-color: #091e39;
    
} 

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

#entity_event_list_container::-webkit-scrollbar {
    -webkit-appearance: none;
}

#entity_event_list_container::-webkit-scrollbar:vertical {
    width:10px;
}

#entity_event_list_container::-webkit-scrollbar-button:increment,#entity_event_list_container::-webkit-scrollbar-button {
    display: none;
} 

#entity_event_list_container::-webkit-scrollbar:horizontal {
    height: 10px;
}

#entity_event_list_container::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

#entity_event_list_container::-webkit-scrollbar-track {
    border-radius: 10px;   
}
.calendarLogo{
  filter: grayscale(100%);
    opacity: 0.2;
    position: absolute;
    width: 400px; 
    margin-left: -120%; 
    overflow: hidden;
    margin-top: -15%;
} 
.bgCalendar{
  background: #fff !important; 
  /*height: 570px; 
  margin-top: 80px*/
}
.titlecalendar{
  font-family: 'Barlow', sans-serif;
} 
.activecard{
  background: #343a40 !important;
  color: white !important;
  border-left: white !important; 
} 
.notch{
  background: white;
    width: 25px;
    position: absolute;
    height: 25px;
    transform: rotate(45deg);
    left: -30px;
    top: 45px; 
}
.eventCalendar{
  min-height: 150px;  
}
.eventCalendar img{
  max-height: 150px; 
  width: 250px;
}
.event_list_description{
  /*position: absolute;*/
  background-color: white;
  z-index: 15;  
}
hr{
  margin-top: 0rem;
    margin-bottom: 0rem; 
}
/*anuncios---*/
#entity_announcements{
  /*max-height: 270px; */

}
#entity_announcements .slick-slide{
  margin-right: 5px; 

}
#entity_announcements img{
	max-width: 100% !important;
    height: auto !important;
	max-height: 350px;
	width: 100%!important; 
}
#entity_announcements .card-title{
	display: none;
}
/*********************services*/
#services-services_aditional .card {
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:300px;
    min-height:400px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.1);
    border-radius:10px;
    transition:0.5s;
}
#services-services_aditional .card:hover {
    box-shadow:0 30px 70px rgba(0,0,0,.2);
}
#services-services_aditional .card .box {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    text-align:center;
    padding:20px;
    box-sizing:border-box;
    width:100%;
}
#services-services_aditional .card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
#services-services_aditional .card .box .img img {
    width:100%;
    height:100%;
}
#services-services_aditional .card .box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
}
#services-services_aditional  .card .box h2 span {
    font-size:14px;
    background:#E32227; 
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}#services-services_aditional .card .box p {
    color:#262626;
}
#services-services_aditional .card .box span {
    display:inline-flex;
}
#services-services_aditional .card .box ul {
    margin:0;
    padding:0;
}
#services-services_aditional .card .box ul li {
    list-style:none;
    float:left;
}
#services-services_aditional .card .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s; 
    text-align:center;
}
#services-services_aditional .card .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}

/*----------------------------------------------------------Profile image when seen from Uluwatu*/
.profile_image_UW {
  
}
/***********************footer******************/
section .section-title {
    text-align: center; 
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #000 !important; 
}
#footer h5{
  padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
  padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
  font-size:25px;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
#footer ul.social li:hover a i {
  font-size:30px;
  margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
  color:#ffffff;
}
#footer ul.social li a:hover{
  color:#eeeeee;
}
#footer ul.quick-links li{
  padding: 3px 0;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
#footer ul.quick-links li:hover{
  padding: 3px 0;
  margin-left:5px;
  font-weight:700;
}
#footer ul.quick-links li a i{
  margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}
/*********jugador card*/
.imgsizeTeam{
  max-height: 250px;
    width: auto;
    overflow: hidden;
    max-width: 245px;       
}
#club_equipo_player_cards_container .card-body, #club_equipo_coach_cards_container .card-body{
  max-width: 245px;   
  background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(117,113,117,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(117,113,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#757175', GradientType=1 );

}
#club_equipo_player_cards_container .card-body h6, #club_equipo_coach_cards_container .card-body h6{  
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
    font-size: 2vh;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width:767px){
  #footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
  .brand-title {
    padding-left: 0;

  }
  .player-featured {
  margin-top:100px;

}
.bg-bluedark h2 {
  font-size: 24px;
  width: 100%;
}
  .info-player h3 {
    font-size: 36px;
    letter-spacing: 0px;
}
  #ranking-table {
    padding: 20px 20px;
}
  .item-ranking .col-1 {
    padding-left:1px;
    padding-right:1px;
  }
  .item-ranking-last .col-1{
    padding-left:1px;
  padding-right:1px;
}
  #ranking-nav .fa{
    font-size: 14px;
  }
  #calendar-nav .fa{
    font-size: 14px;
  }
  .date-calendar {
    width: 90%;
margin: 0 auto;
 
}
  .item-calendar .col-2, .col-4 {
    padding-left: 1px;
    padding-right: 1px;   
}
    #calendar-table {
    padding: 20px 0px;
}
  .local-team p {
    display: none;
    font-size: 14px;
    text-align: center;
  margin-top: 7px;
    
}
  .visitor-team p {
    display: none;
    font-size: 14px;
    text-align: center;
  margin-top: 7px;
}
  .video-featured, .photo-featured{
  height: auto;
    margin-bottom: 0px;
    padding: 20px 0;

}
  .court {
    background: none;
}
  .card-info {
    padding: 10px;
}

  .player-card  {
   margin:0px;
  padding:0px;
}
  .player-card h4 {
    font-size: 22px;
    margin-top: 10px;
}
  .player-card p {
    font-size: 16px;

}
  .coach-content {
    padding: 0 30px;
    margin: 0 auto;
}
 
/******************* about us *****************/
.resize{
  height: 350px;
  overflow: hidden;
}
/**********************************blog***********************/

.jumbotron h1{
  color: white
}
.jumbotron p{
  color: white
}
.header1{position:relative;overflow:hidden;max-height:350px;display:flex;align-items:center;justify-content:center}
.text{
    /*-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; */  
    margin-top:15px;        
}
.statistics > p{margin-bottom:2px;}
.statistics > p > span.label{background-color:white;color:gray;}
.side{background:#fafafa;padding-top:15px}
.side > img { margin-bottom:15px;}
.semi-title{font-weight: bold;margin-top:30px;}
.title{    
    position: absolute;
    bottom: 45px;
    padding: 7px;
    right: 25px;
    padding-left: 25px;
    padding-right: 30px;
    color: white;
    background: rgba(0,0,0,0.5);
}
.sub-title{    
    position: absolute;
    bottom: 94px;
    padding: 7px;
    right: 25px;
    padding-left: 12px;
    padding-right: 12px;
    color: orange;
    background: rgba(0,0,0,0.7);
}        
.name-author{
    position: absolute;
    bottom: 35px;
    left: 100px;
    font-size: 11px;
    color: white;
    background: black;
    padding: 2px;
    padding-right: 10px;
    padding-left: 22px;
    margin-left: -21px;
    z-index: 1;
    font-weight: 500;            
}
.photo-author{
    max-height: 70px;
    padding: 2px;
    position: absolute;
    left: 25px;
    bottom: 25px;
    background: white;
    z-index: 3;            
}
.triangulo{
    position:absolute;
    bottom:0px;
    left:0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 1200px;
    border-color: transparent transparent transparent #ffffff;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}  


@media (max-width: 426px) {
  #page{
    margin-top: -50px; 
  }
  .nav-link {
    display: table!important;
    padding: .05rem .3rem !important;
} 
  
    .header{
           /* margin-left: -15px;
            margin-top: -15px;
            margin-right: -15px;*/
    }
  .logo{
    width: 50px;
    margin-top:5px;
	  height: 50px;
  }
    .title{
        font-size:15px;
        bottom:-12px;
        right:0px;
        padding-left:10px;
        padding-right:10px;
    }
    .photo-author{
        max-height:45px;
        left:5px;
        bottom:40px;
    }
    .name-author{
        font-size:9px;
        margin-left:-63px;
        bottom:44px;
    }
    .sub-title{
        right:0px;
        bottom:18px;
        padding:5px;
        font-size:10px;
    }
  .scroll-xs{
    overflow: scroll;
  }
  .scroll-xs .nav{
    width: max-content;
  } 
	#ranking-table {
    max-height: 500px;
}
  
  /*calendar--*/
  /*.bgCalendar {
    height: 400px;
}*/
  .calendar_eventsList_container {
    height: max-content;
}
	.div#calendar div.header
  /*ficha-cuerpo tecni--*/
  #club_equipo_player_cards_container .card-body, #club_equipo_coach_cards_container .card-body{ 
    max-width: 100%; 
    text-align: center;
  }
  #club_equipo_player_cards_container .card-body h6, #club_equipo_coach_cards_container .card-body h6{ 
    font-size: 3.5vh; 
  }
  .imgsizeTeam {
    max-width: 100%;
  } 
  .titlecalendar {
    font-size: 3.5vh;
  }
  .eventCalenda h6 {
    font-size: 2vh !important;
  }
  .ad-slide{
    margin-top: 40px;
  }
  }

.blog_entry_title{
  height: 60px;
  
}
/*inscripciones-*/
.cta-100 {
  margin-top: 100px;
  padding-left: 8%;
  padding-top: 7%;
} 
.col-md-4{
    /*padding-bottom:20px;*/
}

.white {
  color: #fff !important;
}
.mt{float: left;margin-top: -20px;padding-top: 20px;}
.bg-blue-ui {
  background-color: #708198 !important;
}
figure img{width:300px;}
	
	
/*blog-caroussel */	
	
#blogCarousel {
  padding-bottom: 100px;
}

.blog .carousel-indicators {
  left: 0;
  top: -50px;
  height: 50%;
}


/* The colour of the indicators */

.blog .carousel-indicators li {
  background: #708198;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.blog .carousel-indicators .active {
  background: #0fc9af;
}




.item-carousel-blog-block {
  outline: medium none;
  padding: 15px;
}

.item-box-blog {
  border: 1px solid #dadada;
  text-align: center;
  z-index: 4;
  padding: 20px;
}

.item-box-blog-image {
  position: relative;
}

.item-box-blog-image figure img {
  width: 100%;
  height: auto;
}

.item-box-blog-date {
  position: absolute;
  z-index: 5;
  padding: 4px 20px;
  top: -20px;
  right: 8px;
  background-color: #41cb52;
}

.item-box-blog-date span {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1.2;
}

.item-box-blog-date span.mon {
  font-size: 18px;
}

.item-box-blog-date span.day {
  font-size: 16px;
}

.item-box-blog-body {
  padding: 10px;
}

.item-heading-blog a h5 {
  margin: 0;
  line-height: 1;
  text-decoration:none;
  transition: color 0.3s;
}

.item-box-blog-heading a {
    text-decoration: none;
}

.item-box-blog-data p {
  font-size: 13px;
}

.item-box-blog-data p i {
  font-size: 12px;
}

.item-box-blog-text {
  max-height: 100px;
  overflow: hidden;
}

.mt-10 {
  float: left;
  margin-top: -10px;
  padding-top: 10px;
}

.btn.bg-blue-ui.white.read {
  cursor: pointer;
  padding: 4px 20px;
  float: left;
  margin-top: 10px;
}

.btn.bg-blue-ui.white.read:hover {
  box-shadow: 0px 5px 15px inset #4d5f77;
}
	div#calendar{
		margin-top: 0px;
	}
/*---------------------profile--------*/
.emp-profile{
    padding: 3%;
    margin-top: 3%;
    margin-bottom: 3%;
    border-radius: 0.5rem;
    background: #fff;
}
.profile-img{
    text-align: center;
}
.profile-img img{
    width: 70%;
    height: 100%;
}
.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: -20%;
    width: 70%;
    border: none;
    border-radius: 0;
    font-size: 15px;
    background: #212529b8;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}
.profile-head h5{
    color: #333;
}
.profile-head h6{
    color: #0062cc;
}
.profile-edit-btn{
    border: none;
    border-radius: 1.5rem;
    width: 70%;
    padding: 2%;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
}
.proile-rating{
    font-size: 12px;
    color: #818182;
    margin-top: 5%;
}
.proile-rating span{
    color: #495057;
    font-size: 15px;
    font-weight: 600;
}
.profile-head .nav-tabs{
    margin-bottom:5%;
}
.profile-head .nav-tabs .nav-link{
    font-weight:600;
    border: none;
}
.profile-head .nav-tabs .nav-link.active{
    border: none;
    border-bottom:2px solid #0062cc;
}
.profile-work{
    padding: 14%;
    margin-top: -15%;
}
.profile-work p{
    font-size: 12px;
    color: #818182;
    font-weight: 600;
    margin-top: 10%;
}
.profile-work li{
    text-decoration: none;
    color: #495057;
    font-weight: 600;
    font-size: 14px;
}
.profile-work ul{
    list-style: none;
}
.profile-tab label{
    font-weight: 600;
}
.profile-tab p{
    font-weight: 600;
    color: #0062cc;
}

/* organigrama ------------------------------------ */
.organigrama {
  margin: 0px;
  padding: 0px; 
}
 
.organigrama ul {
  padding-top: 20px;
  position: relative;
}

.organigrama li { 
  float: left;
  text-align: center;
  list-style-type: none;
  padding: 20px 5px 0px 5px;
  position: relative;
  
}

.organigrama li::before, .organigrama li::after {
  content: '';
  position: absolute;
  top: 0px;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 20px;
}

.organigrama li::after{
  right: auto;
  left: 50%;
  border-left: 1px solid #ccc;
}

.organigrama li:only-child::before, .organigrama li:only-child::after {
  display: none;
}

.organigrama li:only-child {
  padding-top: 0;
}

.organigrama li:first-child::before, .organigrama li:last-child::after{
  border: 0 none;
}

.organigrama li:last-child::before{
  border-right: 1px solid #ccc;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}

.organigrama li:first-child::after{
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

.organigrama ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc; 
  width: 0;
  height: 20px;
}

.organigrama li  {
  border: 1px solid #ccc;
  padding: 1em 0.75em;
  text-decoration: none;
  color: #333;
  background-color: rgba(255,255,255,0.5);
  font-family: arial, verdana, tahoma;
  font-size: 0.85em;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}

.organigrama li :hover {
  border: 1px solid #fff;
  color: #ddd;
  background-color: rgba(255,128,0,0.7);
  display: inline-block;
}

.organigrama > ul > li  {
  font-size: 1em;
  font-weight: bold;
}

.organigrama > ul > li > ul > li {
  width: 8em;  
}
/*----------------verificacion*/
.profile {
  margin: 20px 0;   
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}



.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 20px; 
}

.profile-usermenu ul li {
    background: #fafafa;
    border-color: white;
    border: 3px solid #fff;
  
}

.profile-usermenu ul li:last-child {
  border-bottom: none; 
}

.profile-usermenu ul li {
  color: #999;
  font-size: 16px;
  font-weight: 400;
}
.profile-usermenu ul li span{
  
  font-weight: 700;
}


.profile-usermenu ul li a:hover {
  
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;


}
.logo-card-player {
    margin-left: auto;
    margin-right: auto;
  width: 150px;  
    z-index: 100;
    margin-top: -5%
}  

/*********************anuncios---*/
#entity_announcements{
	/*max-height: 270px; */

}
.public_announcements{
        font-size:15px;
        bottom:-12px;
        right:0px;
        padding-left:10px;
        padding-right:10px;
}
/* Modal ------------------------------------------ */
	
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  .logo-card-player {
      margin-left: auto;
      margin-right: 15px;
    width: 50px;
    z-index: 100;
    margin-top: -15%;
  } 
  .parallax{
    background-repeat: no-repeat;
    background-position: top;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .parallax{
    background-repeat: no-repeat;
    background-position: top;
  }
	.re-size{
	max-height: 320px;
	overflow:hidden; 
} 
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.re-size{
	max-height: 320px;
	overflow:hidden; 
} 
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  	.re-size{
	max-height: 320px;
	overflow:hidden; 
} 
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) {  
		.re-size{
	max-height: 320px;
	overflow:hidden; 
} 
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  .logo{
    position: absolute;
      top: -100%; 
    z-index: 100;
    width: 150px; 
}
  .socialMedia{
  position: absolute;
    right: 15px; 
  }
  	.re-size{
	max-height: 320px;
	overflow:hidden; 
} 
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1482px) { 
  
  .parallax{ 
    width: 1450px !important; 
  }
  
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}