﻿body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
@font-face {
    font-family:openlight;
	src: url('openlight.ttf');
}
@font-face {
    font-family:open;
	src: url('open.ttf');
}
@font-face {
    font-family:museo;
	src: url('museo.otf');
}
.row p a{
color:#fff
}
body > div{
transition:all 0.3s;
}
.fade{
opacity:0.8;
    background:#460806;
}
.fade:hover{
opacity:1;
color:#eee;
}
#section1{
  background:url('img/epcot1_optimized.jpg')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.jumbotron{
  margin-top:110px;
  margin-bottom:110px;
  padding:40px;
  background:rgba(7,88,87,0.68)
}
.jumbotron h1{
  color:#eee;font-weight:600
}
.jumbotron p{
  color:#eee;
}
.joy-of-sharing{
  text-align: center;
    border-width: 2px 0 2px 0;
    border-color: #939597;
    border-style: solid;
    width: 100%;
    margin: 10px auto;
    padding: 10px 0;"
}
.rownew{
  margin-top:20px;
  padding-bottom:10px
}
.image1{
  min-height:212px;padding-bottom:5px;border:5px solid #fff;min-height:212px
}
.image2{
  min-height:212px;padding-bottom:5px;border:5px solid #fff;min-height:212px
}
.for-new-h1{
  text-align: center;
   border-width: 2px 0 2px 0;
   border-color: #939597;
   border-style: solid;
   width: 100%;
   margin: 10px auto;
   padding: 2px 0 0 0;
}
.rownew1{
   margin-top:20px
}
.image3{
  min-height:275px;
  width: 100%;
}
.codeforh3{
 background:#eee;margin-top:0px;padding:10px;font-weight:900;margin-bottom:0px;padding-bottom:0px;border-top:2px solid #29d846;font-family:open;
}
.textp{
   background:#eee;margin-top:0px;padding:10px;height:280px;
}
.btnnew{
  background:#1793ba;color:#fff
}
.image4{
height:510px
}
.rownew2{
  background:#eee;padding-bottom:0px;margin-top:0px
}
.rownew3{
  background:#1793ba
}
.footernew{
  margin-top:50px
}
.footernew a{
  color:#fff
}
.text-center-new{
  color:#fff;margin-top:20px
}
.new-image-div{
  min-height:212px;padding-bottom:5px;border:5px solid #fff;min-height:212px;
}
.ifram-map{
  width: 100%;
  height: 600px;
  padding: 10px;
  border: 0;
}
.textp1{
  height: 165px;
}
.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  right: 11px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/*Ribon Left*/
.ribbon-left {
  position: absolute;
  left: 11px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon-left span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon-left span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon-left span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/*kjsahdhksa*/

.ribbon-new {
  position: absolute;
  float: left;
  clear: both;
  padding: 2px 10px 2px 12px;
  margin-left: -8px;
  margin-top: 20px;
  -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.ribbon-new:before{
  content: " ";
  border-style: solid;
  border-width: 7px;
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  margin-bottom: -10px;
  z-index: -1;
}

.ribbon-new {
  color: #ac191d;
  background: rgb(255, 255, 255);
  font-weight: 900;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 1px 3px 16px 0px #000;
  font-size: 17px;
}
.ribbon-new:before {
  border-color: #828282 #828282 transparent transparent;
}
img {
    width:100%;
}
