/* CSS Document */
body
{
	background-repeat: no-repeat;
	background-position: center top;
	xbackground-color: #0a5f9a;
	background-color: #55a6f2;
	background-image: url(../images/arr_bck_site-v2.jpg);
	xbackground-image: url(../images/arr_bck_site.jpg);
	xbackground-image: url(../images/arr_bck_site-v2-2020-craciun.jpg);
}
body.pg_1
{
}
body.covid19
{background-image: url(../images/arr_bck_site-v2-2020-covid.jpg);
}
footer
{
	padding-top: 25px;
	margin-top: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 15px 35px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0px;
	color: #FFF;
	background-color: #333333;
	padding-bottom: 15px;
	background-image: url(../images/bck-footer-logo.png);
}
footer .small
{
	font-size: 0.8em;
	color: #999;
}
footer a
{
	color: #CCC;
}
footer a:hover
{
	color: #FFF;
	}
	

#Steaguri {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.container
{
	max-width: 1000px !important;
	padding: 0px;
		}
.container h1,.container h2,.container h3,.container h4,.container h5
{
	color: #0a3350;
	margin-top: 0px;
	font-family:  Arial, sans-serif, Helvetica, sans-serif;
	text-align: left;
	
}
.container.siteContainer
{
	padding-right: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
	background-image: url(../images/bck-inpage-st.png);
}
.container.siteContainer.index
{
	background-image: none;
	}
.container.siteContainer .indexTopRow .table
{
	width: 95%;
	border-top-color: #09C;
	border-right-color: #09C;
	border-bottom-color: #09C;
	border-left-color: #09C;
}
.container.siteContainer .indexTopRow
{
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	margin-top: 4px;
	min-height: 400px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0d205a;
	background-image: url(../images/bck-index-zona.jpg);
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #0b1e59;
	}
.container.siteContainer .indexTopRow .popover
{
	color: #666;
	}
.container.siteContainer .indexTopRow .popover-title
{color: #2d99e4
	}	
.container.siteContainer .indexTopRow .maparea	
{
	
	}
.container.siteContainer .indexTopRow .panel
{
	margin-right: 40px;
	margin-top: 10px;
}
.container.siteContainer .indexTopRow .panel a
{
	color: #ffffff;
}
.container.siteContainer .indexTopRow .panel .panel-body
{
	background-color: #102157;
	font-size: 1.1em;
}
.container.siteContainer.page_Organigrama ul.departament li 
{
	padding: 2px;
	border-left: 3px solid #1b4b92;
	margin-bottom: 10px;
	list-style-type: none;
}
.container.siteContainer.page_Organigrama ul.departament li ul li
{
	border-left: 3px solid #4780d5;
}
.container.siteContainer.page_Organigrama ul.departament li ul li ul li
{
	border-left: 3px solid #85b2f5;
}
.container.siteContainer.page_Organigrama ul.departament li a
{
	padding: 5px;
	font-size: 16px;
	display: block;
}

#simpleTooltip {
	border: 1px solid #036;
	max-width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #F5F5F5;
	color: #03F;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}	
.container.siteContainer .indexTopRow .info_index
{
	padding-top: 20px;
	padding-bottom: 5px;
	xtext-align: justify;
	padding-right: 10px;
	margin-bottom: 15px;
	}
	.container.siteContainer .indexTopRow h1,
	.container.siteContainer .indexTopRow h2,
	.container.siteContainer .indexTopRow h3
	{
	color: #FFF;
	}
		.container.siteContainer .indexTopRow .info_index a
{
	}	
.container.siteContainer .pageTopRow
{
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 4px;
	background-image: url(../images/bck-page.png);
	}
.container.siteContainer .indexTopRow h1.h1_index
{
	font-size: 2em;
	width: 300px;
	color: #FFF;
	background-color: #2e4a4a;
	display: block;
	margin-top: -40px;
	padding: 10px;
	text-align: center;
	margin-left: 400px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #bc194f;
	font-weight: normal;
	}	
.siteHeader
{
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 160px;
	margin: 0px;
	padding: 0px;
	xbackground-image: url(../images/site-arr-v2014_header-v2.png);
	background-image: url(../images/site-arr-v2018_centenar.png);
	}
.siteHeader .ZonaCautare
{
	width: 220px;
	position: absolute;
	z-index: 15;
	margin-top: 32px;
	
	}
.siteHeader .ZonaCautare .input-group-addon:last-child
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cde0ff;
	border-right-color: #cde0ff;
	border-bottom-color: #cde0ff;
	border-left-color: #cde0ff;
	font-size: 0.9em;
	xxbackground-image: url(../images/bck-menu-top.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #96BCBC;
	border-radius: 0px;
	}
.siteHeader .ZonaCautare .input-group-addon:first-child 
{
	font-size: 0.9em;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cde0ff;
	border-right-color: #cde0ff;
	border-bottom-color: #cde0ff;
	border-left-color: #cde0ff;
	background-color: #ECF2F2;
	border-radius: 0px;
	}
	

.siteHeader .ZonaCautare .input-group-addon:not(:first-child):not(:last-child),
.siteHeader .ZonaCautare  .input-group-btn:not(:first-child):not(:last-child),
.siteHeader .ZonaCautare   .input-group .form-control:not(:first-child):not(:last-child) 
  {
	border-top-color: #cde0ff;
	border-right-color: #cde0ff;
	border-bottom-color: #cde0ff;
	border-left-color: #cde0ff;
	  }	
.siteHeader #lang 
{
	float: right;
	margin-top: 10px;
	}
.siteHeader #lang div#lnkShowcautasite 
{
	display: block;
	margin-right: 10px;
	float: right;
	padding-top: 0px;
	padding-bottom: 10px;
	
	}		
.siteHeader #lang div#lnkShowcautasite a.lnk_lupa
{
	font-size: 1.2em;
	color: #55a6f2;
	padding: 5px;
	}
.siteHeader #lang div#lnkShowcautasite:hover a.lnk_lupa
	{
		}
.siteHeader #lang div#lnkShowcautasite:hover
{
	background-color: #FFFFFF;
	}		

.siteHeader #lang div#lnkShowcautasite .ZonaCautare
{
	width: 300px;
	position: absolute;
	z-index: 15;
	display: none;
	visibility: hidden;
	background-color: #FFFFFF;
	top: 0px;
	right: 0px;
	margin-right: 24px;
	margin-top: 42px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00F;
	border-right-color: #00F;
	border-bottom-color: #00F;
	border-left-color: #00F;
	box-shadow:inset;
	}
.siteHeader #lang div#lnkShowcautasite:hover .ZonaCautare
{
	display:block;
	visibility:visible;
}
.siteHeader #lang div#lnkShowcautasite .ZonaCautare .input-group-addon:last-child
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a0c9f0;
	border-right-color: #a0c9f0;
	border-bottom-color: #a0c9f0;
	border-left-color: #a0c9f0;
	font-size: 0.9em;
	xxbackground-image: url(../images/bck-menu-top.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #4683bd;
	border-radius: 0px;
	}
.siteHeader #lang div#lnkShowcautasite .ZonaCautare .input-group-addon:first-child 
{
	font-size: 0.9em;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a0c9f0;
	border-right-color: #a0c9f0;
	border-bottom-color: #a0c9f0;
	border-left-color: #a0c9f0;
	background-color: #ECF2F2;
	border-radius: 0px;
	}
	

.siteHeader #lang div#lnkShowcautasite .ZonaCautare .input-group-addon:not(:first-child):not(:last-child),
.siteHeader #lang div#lnkShowcautasite .ZonaCautare  .input-group-btn:not(:first-child):not(:last-child),
.siteHeader #lang div#lnkShowcautasite .ZonaCautare   .input-group .form-control:not(:first-child):not(:last-child) 
  {
	border-top-color: #a0c9f0;
	border-right-color: #a0c9f0;
	border-bottom-color: #a0c9f0;
	border-left-color: #a0c9f0;
	  }		
		
		
		
			
.siteHeader #lang a img
{
	opacity: 0.4;
    filter: alpha(opacity=40);
	}	
.siteHeader #lang a:hover img
{
	opacity: 1;
    filter: alpha(opacity=100);
	}
.container.siteContainer a img
{
	opacity: 1;
    filter: alpha(opacity=100);
	} 
.container.siteContainer a:hover img
{
	opacity: 0.8;
    filter: alpha(opacity=80);
	} 			
.siteHeader .siteLogo
{
	display: block;
	margin-top: 25px;
	margin-left: 40px;
}	
h1
{
	font-size: 2em;
	margin-bottom: 15px;
	font-weight: bold;
}
h2
{
	font-size: 1.8em;
}
h3
{
	font-size: 1.3em;
}
.container .jumbotron h1
{font-size: 2.2em;
	}
.container .jumbotron
{
	background-color: #2e4a4a;
	background-image: url(../images/bck-ge-jumbo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFF;
	border-radius: 0px;
	padding-right: 250px;
	}
	.container .jumbotron p
	{
	font-size: 1.1em;
}
.jumbotron h1
{
	color: #FFF;
	font-size: 3.5em;
	font-weight: bold;
}
.container .parteneri
{
		
}
.container .parteneri img
{
	max-width: 80px;
	margin-bottom: 10px;
	margin-right: 5px;
	}

.thumbnail	
{
	border-radius:0px;
	min-height:545px;
	}
.thumbnail .img_tmb
{
	min-height: 340px;
	border: 1px solid #dedede;
	border-radius: 8px;
	background-color: #fafafa;    
}	
.thumbnail .caption h3
{
	min-height: 80px;
	
	}
.thumbnail .caption .info_event
{
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 5px;
	}
.thumbnail .caption .loc_event
{
	position: absolute;
	z-index: 4;
	top: 10px;
	left: 15px;
	width: 240px;
	font-size: 0.8em;
	padding-top: 3px;
	padding-right: 45px;
	padding-bottom: 3px;
	padding-left: 15px;
	vertical-align: middle;
	min-height: 30px;
	color: #FFF;
	background-image: url(../images/bck-locatie.png);
	background-repeat: repeat-y;
	background-position: left top;
	font-weight: bold;
	}	
.thumbnail.album
{
	min-height:400px;
}
.thumbnail.album h3
{
	min-height:50px;
	}	
.thumbnail.album .img_tmb
{
	min-height: 200px;
	}
.thumbnail.produs
{
	min-height:300px;
	}
.thumbnail.produs .caption
{
	text-align: center;
}
.thumbnail.produs h3
{
	min-height: 10px;
	text-align: center;
	}	
.thumbnail.produs .img_tmb
{
	min-height: 180px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.thumbnail.produs .pret
{
	font-size: 1.1em;
	}
.thumbnail.produs .pret b
{
	font-size: 1.2em;
	}
.btn
	{
		margin-bottom:5px;
	}
.btn-danger
{
	
	background-image:linear-gradient(to bottom, #bc194f 0px, #990033 100%);
}


.btn-danger:hover
{
	background-color:#bc194f;
	background-image:linear-gradient(to bottom, #990033 0px, #bc194f 100%);
	}
.btn-primary
{
	background-color: #2d99e4;
	background-image: linear-gradient(to bottom, #2d99e4 0px, #0a5f9a 100%);
	border-top-color: #0a5f9a;
	border-right-color: #0a5f9a;
	border-bottom-color: #0a5f9a;
	border-left-color: #0a5f9a;
	}
.btn-primary:hover
{
	background-color: #0a5f9a;
	background-image: linear-gradient(to top, #0a5f9a 0px, #2d99e4 100%);
	border-top-color: #0a5f9a;
	border-right-color: #0a5f9a;
	border-bottom-color: #0a5f9a;
	border-left-color: #0a5f9a;
	}	
		
.logo_mobil
	{
	height: 50px;
	position: absolute;
	left: 20px;
	top: 20px;
		}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.navbar-collapse
{
	padding: 0px;
}
.navbar-default
{
	min-height: 20px;
	min-width: 200px;
	border-radius: 0px;
	box-shadow:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	background-image: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.navbar-default ul
{
	}
.navbar-default .navbar-nav > li
{
	padding: 1px;
	}
.navbar-default .navbar-nav > li:hover
{
	
	color: #FFF;
}
.navbar-default .navbar-nav > li:hover a
{
	color: #FFF;
	background-color: #0000ff;
}
.navbar-default .navbar-nav > li > a
{
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:2px dotted #2581c1;
	margin-left:2px;
	}
.navbar-default .navbar-nav > li > a 	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
 
  
}
	
.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
	background-color: #0000ff;
	color: #FFF;
}

.navbar-nav > li > .dropdown-menu
{
	min-width: 220px;
	border-top-color: #0000ff;
	border-right-color: #0000ff;
	border-bottom-color: #0000ff;
	border-left-color: #0000ff;
	margin-left: 1px;
}

.navbar-default .navbar-nav > li ul.dropdown-menu li a
{
	color: #003366;
	background-color: #FFF;
	}
.navbar-default .navbar-nav > li:hover ul.dropdown-menu li a:hover
{
	color: #FFF;
	background-color: #0000ff;
	background-image: none;
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a
{
	background-image: none;
	}
	
.navbar-fixed-top	
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bck-mnu-fixed-mnu-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 25px;
	padding-left: 4px;
	}
.navbar-fixed-top .navbar-nav
{
	margin-left:130px;
	}	
.navbar-fixed-top .li-home
{
	display:none;
	visibility:hidden;
	}	
.navbar-fixed-top .logo_mobil
{
	display: block;
	height: 30px;
	margin: 0px;
	padding: 0px;
	left: 30px;
	top: 5px;
}
.sidebar .citatul_saptamanii
{
	margin-left: 29px;
	margin-right: 15px;
	font-size: 1em;
	font-style: italic;
	}
.sidebar 
{
	margin-top:10px;
	}	
	
.sidebar .citatul_saptamanii a
{
	font-size: 0.8em;
	color: #D9ECEC;
}	
.mnuLeft
{
	padding-left: 15px;
	font-family:  Arial, sans-serif;
	font-weight: 300;
	
}
.mnuLeft .containerMnuLeft
{
	background-image: url(../images/ge-site-container-mnu-left.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right: 16px;
	padding-left: 11px;
}
.mnuLeft .containerMnuLeft ul {
	margin: 0px;
	padding: 0px;
}
.mnuLeft .containerMnuLeft ul li {
	list-style-type: none;
}
.mnuLeft .containerMnuLeft ul ul li a
{
	padding-left: 20px;
	font-size: 1.1em;
	}
.mnuLeft .containerMnuLeft ul li a {
	font-size:1.2em;
	display: block;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.mnuLeft .containerMnuLeft ul li a:hover {
	color: #FFF;
	background-color: #000000;
	text-decoration: none;
}
.mnuLeft .topMnuLeft
{
	background-image: url(../images/ge-site-top-mnu-left.png);
	height: 79px;
	background-repeat: no-repeat;
	background-position: left top;
}
.mnuLeft .footerMnuLeft
{
	background-image: url(../images/ge-site-footer-mnu-left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 64px;
}

.leftFcb
{
	padding-left: 30px;
	margin-top: 30px;
	}

#breadcrumbs 
{
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	margin-bottom: 5px;
	margin-top: 0px;
	font-variant: small-caps;
	margin-left: 200px;
}
#breadcrumbs a
{
	color: #666;
} 
.row.infoRow
{
	padding-right: 15px;
	padding-left: 15px;
	}
/* Carousel base class */
.carousel {

	background-color: transparent;
	background-image: none;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	min-height: 250px;

}
.carousel .item .active
{

	}
.carousel-control 
{
	top: 50px;
	
	}
	
.carousel-control.right, .carousel-control.left
{
	background-image: none;
	width:8%;
	height:200px;
	}	
.carousel .item .articol
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	}
.carousel .item .articol h3.media-heading
{
	font-size:2.2em;
	}	
.carousel-inner
{
 width:100%;
  max-height: 220px !important;
	background-repeat: no-repeat;
	background-position: center center;
}
.carousel-inner > .item
{ transition: left 1.1s ease-in-out 0s;
	}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  xmin-width: 100%;
  xmax-height: 300px;
}
.carousel-indicators
{
	bottom:0px;}
	
	.carousel-indicators li
{
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	}
.carousel-indicators li:hover
{
	background-color: #EBEBEB;
	}	
.carousel-indicators li.active
{
	background-color: #099;
	}

.art_banner{
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;}

.articol
{
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	}
.articol .img_zone
{
	
	}
.articol .media-description
{
	font-size: 0.9em;
	color: #666;
}
.articol .art_date
{
	font-size: 0.8em;
	font-weight: bold;
	color: #C00;
	}
.articol h3.media-heading	
{
	font-size: 1.4em;
}
.articol.art_index
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	min-height: 90px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left:15px;
	}
.articol.art_index .img_zone
{
	
	margin-top: 5px;
	margin-right: 20px;
	
	}
.articol.art_index .img_zone img
{
	border: 1px solid #FFF;	 
}
.articol.art_index .art_date
{
	color: #0CF;
	}	
.articol.art_index h3.media-heading
{
	font-size: 1.1em;
	}
.articol.art_index a:hover
{
	color: #FFF;
	}
.sitePageArticol .art_date	
{
	font-size: 1em;
	font-weight: bold;
	color: #bc194f;
	margin-bottom: 10px;
	}

#MainImgArtxx
{
	margin-bottom: 5px;
	margin-left: 5px;
	display: block;
	float: right;
	}
#MainImgArt, #MainImgEvent
{
	display: block;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	}
#MainImgEvent .img-responsive, #MainImgArt .img-responsive	
{
	margin: 0 auto;
	}	
#galerieImg	
{
	}
#galerieImg a	
{
	margin: 3px;
	padding: 3px;
	display: block;
	float: left;
	min-height: 150px;
	min-width: 150px;
	text-align: center;
	}
#galerieImg.albumFoto a
{
	margin: 7px;
	padding: 7px;
	}
.paginatie .info_pag
{
	font-size: 12px;
	color: #999;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 20px;
	float: right;
	}
	.paginatie .info_pag b
	{
	color: #0066FF;
	font-size: 13px;
		}
.citat
{
	background-image: url(../images/citat.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 100px;
	padding-left: 100px;
	margin-bottom: 25px;
	margin-top: 10px;
}
.citat blockquote
{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
	background-image: url(../images/citat-end.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 1.3em;
}
.citat em.c_data
{
	margin-left: 15px;
}
.panel.panel-default .panel-heading, .panel.panel-default .panel-heading h2
{
	font-size: 1.1em;
	font-weight: bold;
	color: #039;
	}
.panel.panel-primary .panel-heading, .panel.panel-primary .panel-heading h2
{
	font-size: 1.1em;
	font-weight: bold;
}
	
.panel.panel-primary.formPetitie .panel-heading, .panel.panel-primary.formPetitie .panel-heading h2
{
	font-size: 1em;
	font-weight: normal;
}
.panel.panel-primary blockquote
{
	font-size:  1.1em;
}
.panel.panel-default blockquote
{
	font-size:  1em;
}
div.panel.panel-warning {
	padding: 10px 10px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }