@font-face {
	  font-family: Century Gothic;
	  src: url("https://static.dior.com/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.woff") format("woff"), url("https://static.dior.com/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.woff2") format("woff2"), url("https://static.dior.com/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.ttf") format("truetype"), url("https://static.dior.com/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.eot") format("eot");
	  font-style: normal;
	  font-weight: 400;
	}

	@font-face {
	  font-family: DinCondensedBold;
	  src: url("https://static.dior.com/fonts/DINCondensed-Bold.woff") format("woff"), url("https://static.dior.com/fonts/DINCondensed-Bold.ttf") format("truetype"), url("https://static.dior.com/fonts/DINCondensed-Bold.eot") format("eot");
	  font-style: normal;
	  font-weight: 700;
	}
	@font-face {
	  font-family: Century Gothic Bold;
	  src: url("https://static.dior.com/fonts/CenturyGothicBold/CenturyGothicW05-Bold.woff") format("woff"), url("https://static.dior.com/fonts/CenturyGothicBold/CenturyGothicW05-Bold.woff2") format("woff2"), url("https://static.dior.com/fonts/CenturyGothicBold/CenturyGothicW05-Bold.ttf") format("truetype"), url("https://static.dior.com/fonts/CenturyGothicBold/CenturyGothicW05-Bold.eot") format("eot");
	  font-style: normal;
	  font-weight: 700;
	}


*{box-sizing: border-box;}
body, html{
  padding: 0;
  margin: 0;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-weight:300;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
header{
  position: fixed;
  font-size: 1.25em;
  padding: 1em;
}
header a{
  background-color: #c60f39;
  opacity: 0.9;
  text-decoration: none;
  color: #ddd;
  border: solid 1px #fff;
  padding: 0.5em;
  border-radius: 2px;
  transition: all 100ms;
  width: 1em;
  height: 1em;
}
header a:hover{ color: #2e3439; background-color: #ddd;}
p{
  letter-spacing: 0.02em;
  line-height: 1.33em;
}
.first{
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  height:100%;
}

h1{
font-weight:700;
margin: 50px 0;
 text-transform: uppercase;
}

h2{
  color: #ea487e;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  padding: 0;
  font-family: DinCondensedBold,Century Gothic Std,Arial,sans-serif;
  font-size: 50px;
  text-shadow: -2px 2px 0px #78020c;
}
h4{
font-weight:700;
margin: 50px 0;
 text-transform: uppercase;
  }
pn
{
	position: absolute;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	right:0px;
	width:50px;
	height:50px;
	background:#f6b163;
	display: block;
	top:40px;
	bottom:0;
}

pc
{
width: 98%;
display:block;
padding: 30px 1%;
}

#thanks{background: #fff;
position: absolute;
margin-top: -360px;
height: 360px;
width: 90%;}


#thanks center{
  display: inline-block;
  vertical-align: middle;
  }

.form{position: relative;}

input[type="radio"]:checked + label:before {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.checkbox input[type="radio"] + label + label { vertical-align: middle; cursor: pointer;}
ul.ktg a{padding-left: 35px !important;}
.button
{ 
  border-radius: 50px;
  background-color: #fff;
  color:#000;
  border: 1px solid #000;
  border-style: double;
  font-size: 20px;
  font-weight:700;
  margin: auto;
  padding: 10px 50px;
  overflow: hidden;
  position: relative;
  line-height: normal;
  
}
.button:hover{}
.form-control{display:block; margin: 30px auto;width:50%; padding:15px 45px;font-size:14px;line-height:1.42857143;color:#000;background-color:#fff;background-image:none;border:1px solid #000;border-radius:50px;}
.intro{text-align:center; max-width: 900px;  width: 100%; margin: 0 auto; }
.in{text-align:left; max-width: 900px;  width: 100%; margin: 0 auto; }
.center{margin:0 auto; text-align:center;}
.second{

  width: 100%;
  margin: 0 auto;
  z-index: 1;
  padding: 1em;
  
}
.logo{width:150px; margin: 20px auto;}
h3{}
.intro ul
{
  width: 100%;
  list-style:none;
  padding:0;
}
.intro ul li
{
	list-style:none; float: left; width:50%; position: relative; padding: 20px;
}

.text-center { padding:20px 0 30px 0;}

.price-column {

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-bottom:20px;
    margin: 20px auto;
    text-align:center;
	border:1px solid #e9e9e9;
	overflow: hidden;
	min-height:420px;
}
.price-column h3 {
    text-transform:uppercase;
    
	background-position: center;
	left:0;right:0;
	position:relative;
    text-align: center;
    color:#fff;
    margin:0 auto;
    font-size: 25px;
	height:250px;
	overflow:hidden;
}

.price-column h2 {

padding: 20px 10px;
font-size: 23px;
z-index:999;
position:relative;
}

.price-column num {
  position:absolute;
  text-transform:uppercase;
  text-align: center;
    font-weight:700;

  color:#29470b;
  font-size: 35px;
  left:0; right:0;
  border-radius: 50%;

  background:#FCF8F1;
  margin: -20px auto 0 auto;
  width: 70px;
  height:70px;
  overflow: hidden;
}
.num{ background: #29470b;color: #fff; float:left; padding: 5px 20px; margin-right: 10px; font-size: 25px; border-radius: 3px;}

.price-column p { padding: 0px 10px 10px 10px; }

.price-column .list{
    list-style:none;
    margin:20px 50px;
		padding-left:0;

}
.price-column .list li{
    font-weight:lighter;
    color:#747C89;
    font-size:20px;
    border-bottom:1px solid #8dc63f;
    padding:25px 0px;
}
.price-column .list li.price {
    text-align: center;
    font-size:31px;
    background-color:white;
    color:#747C89;
    margin-top:25px;
}
.price-text{
    margin:30px 0 20px;
    font-size:20px;
    color: #181A1C;
    font-weight:normal;
}
.footer{
  width: 100%;
  background:#E0D4BB;
  margin: 50px 0 0 0;
  padding: 50px 0;
  text-align:center;
  text-decoration:none;
}
.footer2{
  width: 100%;
  background:#8B9620;
  margin: 0;
  padding: 50px 0;
  text-align:center;
  text-decoration:none;
}

a{ color:#000;}
a:hover{ text-decoration:none;}

.footer a:hover{ text-decoration:none;}
.footer i{ margin:0 5px 0 10px;}

#scroll1, #scroll2{
  position: relative;
  height:80%;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.txt{width:75%; margin:0 auto;}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.carousel-inner { height: 80%; }

.fade-carousel { position: relative;   height: 100%;}
.fade-carousel .carousel-inner .item {   height: 100%;}
.fade-carousel .carousel-indicators > li {}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

.head-title{padding-bottom: 300px; font-size:18px;}

/********************************/
/*          Hero Headers        */
/********************************/

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*       Slides backgrounds     */
/********************************/

.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height:100%;
  background-position: center top;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  height:100%;
  background-image: url(../img/header.jpg);
  background-position: center top;
  background-color: #fff;
}
.fade-carousel .slides .slide-2 {}
.fade-carousel .slides .slide-3 {}
h3{text-transform: uppercase;}
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){.hero { width: 980px; } }
@media screen and (max-width: 600px){
	
	#thanks{max-width: 85%}
	
	.logo{width:90px; margin: 10px auto;}
    .head-title{ font-size:16px; padding: 0 20px; padding-bottom: 100px;}
	
    .hero h1 { font-size: 4em; }    
	.footer2 img{  width: 30%;}
	.footer2 img.img-lg{  width: 20%;}
	
	.second{ padding: 0;}
	.intro ul li {	padding: 0px; }
	.intro ul li p{	 padding: 0; font-size: 11px; }
	.intro ul li.txt{	 padding: 0 5px;  }

    h3{ font-size: 12px; padding-top: 0px !important; display: inline; line-height: 0;}
	
	.fade-carousel .slides .slide-1 {
  height:100%;
  background-image: url(../img/header2.jpg);
  background-position: center top;
  background-size: 100%;
  }
  .txt{width:100%; }

  
.form-control{display:block;  width:100%; padding:10px 40px; font-size:14px;}

}