@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

body {

	padding: 0px 0px;

	margin: 0px;

	font-weight: normal;

	font-size: 14px;

	line-height: 19px;

	font-family: 'Open Sans', sans-serif;

	color: #505050;

}

img{

	max-width: 100%;

}

#topcontrol {

	background: url(../images/up.png) no-repeat;

	width: 48px;

	height: 48px;

}

.clear {

	font-size: 0px;

	line-height: 0px;

	clear: both;

}

.topheader {

	background: #000000 none repeat scroll 0 0;

	margin: 0 auto;

	padding: 3px 0;

	width: 100%;

}

.topheader p {

	color: #a3a3a3;

	display: inline-block;

	font-size: 12px;

	margin: 0 auto;

	padding: 0 10px 0 0;

}

.topheader p a {

	color: #a3a3a3;

	padding: 0 5px;

}

li.current_page_item a {

    color: #15b0f1 !important;

}

li#menu-item-220 a {

    color: #00ff00;

    font-weight: 600;

}

a.page-numbers {

    padding: 2px 7px;

    border: 1px solid #ddd;

	text-decoration: none;

}



span.page-numbers.current {

    border: 1px solid #ddd;

    padding: 2px 7px;

    box-shadow: inset -2px -2px 2px #aeb9ac, 0px 0px 2px #afda95;

    color: green;

	cursor: no-drop;

}

a.page-numbers:hover {

    background: #d0f1c3;

}
.serv-text img{height: auto;max-width: 100%;}

.topheader p a:hover {

	color: #efaa15;

}

.bottomheader {

	background: rgba(0,0,0,0.8);

	margin: 0 auto;

	padding: 0;

	width: 100%;

	position: absolute;

	z-index: 99999;

}

.logo {

	margin: 15px 0;

	padding: 0;

	width: 126px;

}

.logo img {

	padding: 0 0;

	margin: 0 auto;

	width: 100%;

}

.bannersection {

	padding: 0 0;

	margin: 0 auto;

	width: 100%;

}

.innerbanner {

    padding: 0 0;

    margin: 0 auto;

    width: 100%;

    height: 300px;

}

.innerbanner img {

    padding: 0 0;

    margin: 0 auto;

    width: auto;

    height: 100%;

    display: block;

}

.bannerbottom {

	padding: 0 0;

	margin: 0 auto;

	width: 100%;

}

.designbox1 {

	

	margin: 0 auto;

	padding: 10px;

	width: 100%;

	min-height: 476px;

}

.designbox {

	padding: 10px;

	margin: 0 auto;

	width: 100%;

}

.imgbox {

    padding: 10px 0;

    margin: 0 auto;

    height: 250px;

}

.imgbox img {

	height: 100%;

    width: auto;

    display: block;

    margin: auto;

}

.designbox h3 {

	text-align: center;

	font-family: 'Raleway', sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 24px;

	color: #fff;

	padding: 0 0 10px 0;

	margin: 0 auto;

	

}

.designbox h4 {

	font-family: 'Raleway', sans-serif;

	font-weight: bold;

	font-size: 18px;

	color: #fff;

	padding: 0;

	margin: 0 auto;

	text-align: center;

}

.designbox p {

	color: #fff;

	padding: 15px 0;

	margin: 0 auto;

	text-align: justify;

}

a.rdmr {

    font-style: italic;

    color: #83ccea;

    text-decoration: none;

}

a.more {

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 0;

	margin: 10px auto;

	font-weight: normal;

	line-height: 34px;

	font-size: 13px;

	width: 155px;

	text-align: center;

	background: #16aded;

	transition: all .5s ease 0s;

}

a.more:hover {

	color: #273801;

	background: #5f8903;

	text-decoration: none;

}

.designbox2 {

	background: #f5f4f4 none repeat scroll 0 0;

	border: 1px solid #dedcdc;

	margin: 0 auto 10px;

	padding: 0;

}

.videobox {

	padding: 20px;

	margin: 0 auto;

}

.ricabox {

	padding: 20px;

	margin: 0 auto;

}

.ricabox h2 {

	padding: 5px 0;

	margin: 0 auto;

	color: #414b4f;

	font-size: 19px;

	font-family: 'Raleway', sans-serif;

	font-weight: bold;

}

.ricabox p {

	color: #555555;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 600;

	margin: 0 auto;

	padding: 5px 0;

	text-align: justify;

}

.ricabox p span {

	padding: 5px;

	margin: 0 auto;

	color: #16aded;

}

.banner2 .bx-viewport ul {

	padding: 0;

	margin: 0;

}

a.subscribe {

    color: #fff;

    text-decoration: none;

    display: block;

    /* padding: 10px 0; */

    /* margin: 10px 0; */

    font-weight: normal;

    line-height: 34px;

    font-size: 13px;

    width: 48%;

    text-align: center;

    background: #16aded;

    transition: all .5s ease 0s;

    float: left;

	cursor: pointer;

}

a.subscribe:hover {

	color: #414b4f;

	background: #cccaca;

	text-decoration: none;

}

a.read {

	text-decoration: none;

	display: block;

	padding: 0;

	font-weight: normal;

	line-height: 34px;

	font-size: 13px;

	width: 48%;

	text-align: center;

	transition: all .5s ease 0s;

	color: #414b4f;

	background: #cccaca;

	float: right;

}

a.read:hover {

	color: #fff;

	background: #16aded;

	text-decoration: none;

}

.buttons{

	margin-top: 10px;

}

.wrapper {

    position: relative !important;

    width: 100% !important;

}

.home-banner-bottom img {

    width: auto !important;

    margin: auto;

}

.costasection {

	background-attachment: fixed;

	

	background-position: center bottom;

	color: #fff;

	margin: 25px auto 0;

	min-height: 384px;

	padding: 100px 0;

	text-align: center;

	width: 100%;

}

.costasection h2 {

	padding: 5px 0;

	margin: 0 auto;

	font-size: 18px;

	font-family: 'Raleway', sans-serif;

	font-weight: 600;

}

.costasection h3 {

	padding: 5px 0;

	margin: 0 auto;

	font-size: 36px;

	font-family: 'Raleway', sans-serif;

	font-weight: 600;

	text-transform: uppercase;

}

.costasection h4 {

	padding: 5px 0 20px;

	margin: 0 auto;

	font-size: 18px;

	font-family: 'Raleway', sans-serif;

	font-weight: 600;

	background: url(../images/img_3.png) no-repeat center bottom;

}

.details {

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 0;

	margin: 10px auto;

	font-weight: normal;

	line-height: 34px;

	font-size: 16px;

	width: 155px;

	text-align: center;

	background: #16aded;

	transition: all .5s ease 0s;

	border: none;

}

.details:hover {

	color: #273801;

	background: #5f8903;

	text-decoration: none;

}

.modal-body .form-group label {

	font-size: 14px;

	font-weight: normal;

}

.packagessection {

	padding: 0;

	margin: 0 auto;

	width: 100%;

	background: #ecf3fa;

}

.packagessection2 {

	padding: 50px 0;

	margin: 0 auto;

}

.packagessection h2 {

	padding: 5px 0;

	margin: 0 auto;

	text-align: center;

	font-size: 33px;

	color: #414b4f;

	font-family: 'Raleway', sans-serif;

	font-weight: 600;

	text-transform: uppercase;

}

.packagessection h3 {

	

	color: #414b4f;

	font-family: "Raleway", sans-serif;

	font-size: 18px;

	font-weight: 600;

	margin: 0 auto 10px;

	padding: 5px 0 15px;

	text-align: center;

	text-transform: uppercase;

}

a.searchbox {

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 0;

	margin: 0 0;

	font-weight: normal;

	line-height: 34px;

	font-size: 13px;

	width: 49%;

	text-align: center;

	background: #000;

	transition: all .5s ease 0s;

	float: left;

	text-transform: uppercase;

}

a.contactbox {

	text-decoration: none;

	display: block;

	padding: 0;

	margin: 0 0 0 0;

	font-weight: normal;

	line-height: 34px;

	font-size: 13px;

	width: 49%;

	text-align: center;

	transition: all .5s ease 0s;

	color: #fff;

	background: #16aded;

	float: right;

	text-transform: uppercase;

}

a.contactbox:hover {

	color: #fff;

	background: #000;

	text-decoration: none;

}

.searchbox1 {

	padding: 0;

	margin: 0 auto;

}

.searchbox2 {

	background-attachment: fixed;

	

	background-position: center bottom;

	color: #fff;

	margin: 0 auto 10px;

	min-height: 384px;

	padding: 0;

	text-align: center;

	width: 100%;

}

.searchbox2 .form-horizontal .form-group {

	margin: 0 auto;

	padding: 10px 0;

}

.searchbox2 .form-control {

	background: rgba(74, 81, 91, 0.35) none repeat scroll 0 0;

	border: medium none;

	border-radius: 0;

	margin: 0 auto;

	padding: 0 7px;

	width: 90%;

	height: 50px;

}

.search-button {

	background: #16aded none repeat scroll 0 0;

	border: medium none;

	color: #fff;

	display: block;

	font-size: 16px;

	font-weight: normal;

	line-height: 34px;

	margin: 10px auto 50px;

	padding: 0;

	text-align: center;

	text-decoration: none;

	transition: all 0.5s ease 0s;

	width: 90%;

	text-transform: uppercase;

}

.search-button:hover {

	background: #4a515b none repeat scroll 0 0;

}

.imgbox2 {

	margin: 0 auto;

	overflow: hidden;

	padding: 0;

	position: relative;

	width: auto;

	background: rgba(255, 255, 255, 0.3);;

}

.imgbox2 img {

	padding: 0;

	margin: auto;

	width: auto !important;

	display: block;

}

.imgbox2:after {

	padding: 0;

	margin: 0;

	background: rgba(0,0,0,0.6);

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	position: absolute;

	content: "";

	z-index: 9;

	opacity: 0;

	transition: all 1.5s ease 0s;

}

.imgbox2:hover:after {

	opacity: 1;

	transition: all 1.5s ease 0s;

	margin: 20px;

}

.sale {

	background: #434a54 none repeat scroll 0 0;

	color: #fff;

	left: -20px;

	padding: 5px 33px;

	position: absolute;

	text-transform: uppercase;

	top: 8px;

	-ms-transform: rotate(-41deg);

	-webkit-transform: rotate(-41deg);

	transform: rotate(-41deg);

	text-align: center;

}

.packagessection h4 {

	background: #f9f9f9;

	padding: 10px;

	margin: 0 auto;

	color: #414b4f;

	font-size: 18px;

	font-family: 'Raleway', sans-serif;

	font-weight: normal;

	border: 1px solid #dedcdc;

}

.packagessection h5 {

	color: #f8f8f8;

	font-family: "Raleway", sans-serif;

	font-size: 32px;

	font-weight: bold;

	line-height: 53px;

	margin: 0 auto;

	padding: 30px 0;

	text-align: center;

}

.packagessection p {

	padding: 5px 0;

	margin: 0;

	text-align: justify;

}

.CRAbox1 {

	background: #16b1f2 none repeat scroll 0 0;

	margin: 0;

	padding: 20px 0;

}

.CRAbox2 {

	background: #5f8903 none repeat scroll 0 0;

	margin: 0;

	padding: 20px 0;

}

a.bookbox {

	text-decoration: none;

	display: block;

	padding: 0;

	margin: 5px auto;

	font-weight: normal;

	line-height: 34px;

	font-size: 13px;

	text-align: center;

	transition: all .5s ease 0s;

	color: #fff;

	text-transform: uppercase;

	border: 1px solid #fff;

	width: 80%;

	clear: both;

	cursor: pointer;

}

a.bookbox:hover {

	color: #fff;

	background: #000;

	text-decoration: none;

}

.costabox .row {

	margin-bottom: 15px;

}

.ricabox2 {

	margin: 15px auto;

	padding: 0;

}

.ricabox2 img{

	width: auto !important;

	float: left;

}

.destinationssection {

	padding: 40px 0;

	margin: 0 auto;

	width: 100%;

}

.destinationssection h2 {

	padding: 0px 0px 20px 0px;

	margin: 0 auto;

	color: #414b4f;

	font-size: 33px;

	text-align: center;

	font-weight: bold;

	font-family: "Raleway", sans-serif;

}

.destinationssection h3 {

	background: rgba(0, 0, 0, 0) url("../images/img_4.png") no-repeat scroll center bottom;

	color: #414b4f;

	font-family: "Raleway", sans-serif;

	font-size: 18px;

	font-weight: 600;

	margin: 0 auto 10px;

	padding: 5px 0 15px;

	text-align: center;

	text-transform: uppercase;

}

.destinationbox1 {

	margin: 0 auto;

	padding: 0;

	text-align: center;

	

}

.destinationbox1 ul {

	padding: 0;

	margin: 0 auto;

}

.destinationbox1 ul li {

	display: inline-block;

	list-style: outside none none;

	margin: 5px;

	padding: 0;

	width: 219px;

}

.destinationbox {

	padding: 0;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	height: 276px;

}

.destinationbox img {

	padding: 0;

	margin: 0 auto;

/*	width: 100%;*/

	height: 100%;

}

.destinationbox:after {

	padding: 0;

	margin: 0;

	background: rgba(0,0,0,0.8);

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	position: absolute;

	content: "";

	z-index: 9;

	opacity: 0;

	transition: all 1.5s ease 0s;

}

.destinationbox:hover:after {

	opacity: 1;

	transition: all 1.5s ease 0s;

	margin: 0;

}

.destinationbox .view {

	opacity: 0;

	text-decoration: none;

	padding: 0;

	margin: 5px auto;

	font-weight: normal;

	line-height: 30px;

	font-size: 13px;

	text-align: center;

	transition: all .5s ease 0s;

	color: #16aded;

	text-transform: uppercase;

	border: 1px solid #16aded;

	width: 90px;

	clear: both;

	position: absolute;

	left: 0;

	right: 0;

	top: 40%;

	font-family: "Raleway", sans-serif;

	z-index: 99;

}

.destinationbox:hover .view {

	opacity: 1;

	transition: all 1.0s ease 0s;

}

.destinationbox .view:hover {

	color: #fff;

	background: #4c6221;

	text-decoration: none;

}

.destinationbox h6 {

	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

	bottom: 0;

	color: #fff;

/*	display: inline;*/

	height: 37px;

	margin: 0 auto;

	padding: 5px;

	position: absolute;

	text-align: center;

	width: 100%;

}

.newslettersection {

	padding: 0;

	margin: 0 auto;

	background: #5f8903;

}

.newslettersection h6 {

	padding: 15px 0;

	margin: 0;

	font-family: "Raleway", sans-serif;

	font-weight: 200;

	color: #fff;

	font-size: 24px;

	text-transform: uppercase;

}

.newslettersection h6 span {

	font-weight: bold;

}

.emailbox2 {

	padding: 0;

	margin: 12px auto;

	border-bottom: 1px solid #fff;

	border-left: none;

	border-right: none;

	border-top: none;

	color: #fff;

	width: 100% !important;

	background: none;

}

.subscribebox {

	padding: 0;

	/*margin: 15px auto;*/

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	background: #000;

	color: #fff;

	text-align: center;

	border: none;

	line-height: 30px;

	width: 100% !important;

	text-transform: uppercase;

	outline: none;

}

.subscribebox:hover {

	background: #2f4402;

}

.footersection {

	padding: 20px 0;

	margin: 0 auto;

	width: 100%;

	background: #000;

}

.footersection h5 {

	color: #fff;

	font-size: 15px;

	font-weight: normal;

	margin: 0 0 5px 0;

	padding: 10px 0;

	position: relative;

	font-family: "Raleway", sans-serif;

	text-transform: uppercase;

}

.footersection h5::after {

	background: #fff none repeat scroll 0 0;

	bottom: 0;

	content: "";

	height: 2px;

	left: 0;

	position: absolute;

	width: 27px;

}

.footersection p {

	padding: 5px 0;

	margin: 0 auto;

	font-size: 12px;

	color: #858585;

}

.footersection p a {

	color: #858585;

}

.infos ul li {

    display: inherit;

    text-align: right;

}

.sosalbox {

    margin-bottom: 30px;

    text-align: right;

}

.social_icons {

	margin: 10px 0;

}

.social_icons a {

    margin: 0;

    border: 1px solid #ddd;

    padding: 5px 8px;

    color: #6a9137;

    transition: 0.6s;

}

.social_icons a:hover {

    background: #6a9137;

    color: #fff;

}

.footersection ul {

	padding: 0;

	margin: 0;

}

.footersection ul li {

	

	list-style: outside none none;

	margin: 0;

	padding: 2px 0 2px 15px;

}

.footersection ul li a {

	padding: 5px 0;

	margin: 0 auto;

	font-size: 12px;

	color: #858585;

}

.footersection2 {

	padding: 20px 0;

	margin: 0 auto;

	width: 100%;

	background: #fff;

	text-align: center;

}

.footersection2 img {

	padding: 10px 0;

	margin: 0 auto;

	width: 213px;

}

.footersection2 p {

	padding: 0;

	margin: 0 auto;

	font-size: 13px;

	color: #303030;

}

.footersection2 p a {

	color: #303030;

}

.sosal {

	float: right;

}

.bodysection {

	height: auto;

	margin: 0 auto;

	padding: 0 0 15px;

	width: 100%;

}

.bodysection h1 {

	padding: 10px 0;

	margin: 0;

	color: #000000;

	font-size: 20px;

	position: relative;

	font-family: "Raleway", sans-serif;

	font-weight: 300;

}

.bodysection h1::after {

	background: #5f8903 none repeat scroll 0 0;

	bottom: 0;

	content: "";

	height: 1px;

	left: 0;

	position: absolute;

	width: 50px;

}

.bodysection h2 {

	padding: 10px 0;

	margin: 0;

	color: #000000;

	font-size: 18px;

	font-family: "Raleway", sans-serif;

	font-weight: bold;

}

.bodysection p {

	margin: 0;

	padding: 5px 0;

	font-size: 14px;

	font-weight: normal;

	text-align: justify;

}

.bodysection p a {

	margin: 0;

	padding: 0 0;

	color: #464646

}

.bodysection label {

	color: #898989;

	font-size: 13px;

	font-weight: normal;

}

.bodysection ul {

	margin: 0;

	padding: 5px 0;

}

.bodysection ul li {

	background: rgba(0, 0, 0, 0) url("../images/nav_dot2.png") no-repeat scroll 0 8px;

	/*list-style: outside none none;*/

	margin: 0;

	padding: 2px 0 2px 15px;

	list-style-position: inside;

}

.bodysection ol li{

	list-style-position: inside;

}

.bodysection ul li a {

	margin: 0;

	padding: 5px 0;

	font-size: 14px;

	font-weight: normal;

	color: #6e727d;

	text-decoration: none;

}



.btnbox {

  background: #000 none repeat scroll 0 0;

  border: medium none;

  color: #fff;

  line-height: 30px;

  margin: 0;

  padding: 0 25px;

  text-align: center;

	-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}



.btnbox:hover {

	background: #2a3c03 none repeat scroll 0 0;}

.img {

    width: 100%;

    height: 400px;

	border: 1px solid #ddd;

}



.img img {

    height: 100%;

    width: auto;

    display: block;

    margin: auto;

}

.carousel-inner .item img {

    width: auto !important;

    height: 100% !important;

    display: block !important;

    margin:auto;

}

.carousel-inner .item {

    height: 647px;

    width:100%;

}

h3.title {

	border-left: 2px solid #9bc368;

    padding-left: 12px;

    background: rgba(155, 195, 104, 0.28);

    padding: 10px;

    text-align: center;

    border-right: 2px solid #9bc368;

}

header.entry-header h1 {

    font-size: 25px;

}

.thumbnail {

    border: none;

}



span.required {

    color: red;

}

.blog-post-info ul li {

    color: #10bd16;

    list-style-type: none;

    display: inline-block;

    margin-right: 10px;

}

p.blog-post-des {

    margin: 15px 0;

    height: 100px;

}

h2.screen-reader-text {

    display: none;

}

.post {

    border: 1px solid #ddd;

    padding: 15px;

    margin: 15px;

    border-radius: 5px;

	transition:0.1s;

}

.post:hover {

    box-shadow: 0 0 20px #b5b5b5, 0 0 20px #ddd;

}

h3.blog-title {

    height: 64px;

}

.blog-img {

    height: 225px;

    width: 100%;

    background: #ddd;

}



.blog-img img {

    width: auto;

    display: block;

    margin: auto;

    height: 100%;

}

div#respond {

    background: rgba(250, 255, 238, 0.5);

    padding: 5px 10px;

    margin-top: 15px;

}

section#recent-posts-5 ul li a {

    text-decoration: none;

    display: inherit;

    list-style: none;

}



section#recent-posts-5 ul li {

    margin: 5px 0;

    padding: 5px;

}



section#recent-posts-5 ul li:hover {

    box-shadow: 0 0 6px #ddd;

}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {

    display: none !important;

}

.widget.widget_categories ul li a {

    text-decoration: none;

}



.widget.widget_categories ul li {

    margin: 5px 0;

    padding: 5px;

    padding: 3px;

}



.widget.widget_categories ul li:hover {

    box-shadow: 0 0 6px #ddd;

}

a.prev, a.next {

    border: 1px solid #ddd;

    padding: 2px 10px;

}

.testi_wrap {

    background: #f5f5f5;

    padding: 2px 10px;

    margin: 20px;

    border-radius: 8px;

}



.testi_wrap:hover {

    box-shadow: 0 0px 14px #ddd, 0 0px 14px #ddd;

}

.content {

    padding: 20px;

	text-align: justify;

}

.testi_img {

    margin-top: 8%;

	height: 200px;

}

.testi_img img{

	border-radius: 50%;

	height: 100%;

}

.text-right p:first-child {

    font-size: 18px;

    font-weight: bold;

    font-family: 'Raleway';

    letter-spacing: 1px;

}



.text-right p:last-child {

    font-style: italic;

}

.text-right {

    background: #ececec;

    padding: 2px 5px;

}



.DOPBSPCalendar-navigation .dopbsp-week {

   display: table;

	width: 100%;

}

.page-text {

    margin-top: 10%;

}

.pay {

	display: inline-block;

	margin: 30px;

}

#req{

	color: red;

	font-style: italic;

	position: absolute;

	display: none;

}

.formError{

	top:0 !important;

}

section#recent-posts-5 ul, section#categories-3 ul {

    background: #f5f5f5;

    border: 1px solid #9bc368;

}

.owl-nav{

    position: absolute;

    right: 0;

    /* top: 0; */

    left: 0;

    bottom: 0;

}

.form-group input[type="submit"]{

    float: left;

    width: 46%;

}

.sosalbox p a {

    margin: 0;

    border: 1px solid #ddd;

    padding: 5px 8px;

    color: #6a9137;

    transition: 0.6s;

}



.footersection .sosalbox {

    text-align: left;

}



.sosalbox p a:hover {

    background: #6a9137;

    color: #fff;

}

div.wpcf7-mail-sent-ok {

    /* margin-top: 0 !important; */

    position: absolute;

    bottom: 0;

}
.more-from-the-blog-intro {
    padding: 40px 10px 30px;
    max-width: 400px;
    margin: 0 auto;
    width: 35%;
    clear: both;
}
.query-internal-padding {
    padding-right: 0px;
}
h1.headline.query-headline {
    text-align: center;
    font-size: 18px;
    font-family: 'Droid Serif', serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    min-height: 50px;
    /* line-height: 1; */
    margin-top: 20px;
}
.thumb {
    width: 380px;
    height: 222px;
}
h1.headline.query-headline a { color: #000;font-family: "Raleway", sans-serif; }
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}