@import url('https://fonts.googleapis.com/css?family=Arvo|Public+Sans|Fjalla+One|Montserrat|Abel');

body{
	background-color:#EFEFEF;
	font-size:17px;


	
}


div.row {margin-bottom:20px; margin-top:20px; margin-left:auto; margin-right:auto; }

.btn {
	background-color:#303030;
	color: #EEE;
    transition-duration: 0.4s;
	font-family:"Arvo", sans-serif;
	font-size: 14px;
	font-weight:500;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	margin-top:20px;
	margin-bottom: 10px;
	border-radius: 20px;

}

.btn:hover {
  background-color:#C00;
  color: #FFF;
  font-family:"Arvo", sans-serif;
  font-size: 14px;
  font-weight:500;
  margin-top: 20px;
  margin-bottom: 10px;

  
  
}
	
	

div.slider{
	padding-top:100px;
	width:100%;
    margin-right: auto;
    margin-left: auto;

}


div.container{
	width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 30px;

}

.package{
	margin-left: auto;
    margin-right: auto;
	display: block;
	padding-bottom: 30px;
}

h1{
	font-family:"Arvo", serif;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size:20px;
	color:#222;
	text-align: left;
	font-weight: 900;
	letter-spacing: 0px;

	
}



h2{
	font-family:"Montserrat", sans-serif;
	font-size:20px;
	color: #C00;
	text-align: left;
	font-weight:  700;
	padding-left: 5px;
	padding-top:10px;
	padding-bottom: 10px;

				
}





h3{
	font-family:"Arvo", sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 22px;
	color: #FF0 ;
	font-weight:bolder;
	letter-spacing:1px;
	text-align:center;
	text-shadow: 1px 1px #000;	
	
				
}



h4{
	font-family:"Montserrat", sans-serif;
	font-size:20px;
	color: #FFF;
	text-align: left;
	font-weight:  700;
	padding-left: 5px;
	padding-top:10px;
	padding-bottom: 10px;
}

h5{
	font-family:"Arvo", sans-serif;
	font-size:18px;
	color: #FF0;
	text-align: left;
	font-weight:  700;
	padding-left: 5px;
	padding-top:10px;

}

	


p.content_intro{
	font-family:"Public Sans", sans-serif;
	font-size:17px;
	font-weight: normal;
	padding-top:15px;
	padding-left:5px;
	padding-right: 5%;
	padding-bottom: 2px;
	text-align:left;
	color: #111;

	

}

p.intro-menu2{
	font-family: "Public Sans", sans-serif;
	font-size:17px;
	font-weight: normal;
	padding-left: 3%;
	padding-right: 3%;
	text-align:center;
	color: #FFF;

	

}

p.content_info1{
	font-family:"Public Sans", sans-serif;
	font-size:16px;
	font-weight: normal;
	padding-top:10px;
	padding-left:5px;
	padding-bottom: 2px;
	text-align:left;
	color: #111;
}

p.content_info2{
	font-family:"Public Sans", sans-serif;
	font-size:16px;
	font-weight: normal;
	padding-top:13px;
	padding-left:5px;
	padding-bottom: 2px;
	text-align:left;
	color: #FFF;	

}

p.content_info3{
	font-family:"Public Sans", sans-serif;
	font-size:15px;
	font-weight: normal;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom: 2px;
	text-align:left;
	color: #111;
}

p.content_service{
	
	font-family:"Arvo", sans-serif;
	font-size:16px;
	font-weight:bolder;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 5px;
	text-align:center;
	color: #111;	
	
	
}

ul{
	font-family: "Public Sans", sans-serif;;
	color:#FFF;
	font-size: 15px;
	font-weight: normal;
	padding-top:10px;
	padding-bottom:10px;
}

li{
	line-height: 24px;
	
}


div#intro{
	width:100%;
	padding-top: 20px;
	padding-right:5%;
    padding-left: 5%;
	padding-bottom: 20px;
	background-color:#FDFDFD;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	border-radius: 12px;

	
}

div#intro-menu{
	width:100%;
	margin-top:20px;
	padding-top: 20px;
	padding-right:5%;
    padding-left: 5%;
	background-color:#A1150E;
	padding-bottom : 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	border-radius: 12px;
	
}

div#socmed{
	width:100%;
	padding-right:5%;
    padding-left:5%;
	background-color: #292929;
	padding-top:5px;
	padding-bottom : 20px;

	
}

div.info{
	width:100%;
	padding-top: 20px;
	padding-right:15%;
    padding-left: 5%;
	padding-bottom: 20px;
	margin-bottom:30px;
	background-color:#FDFDFD;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	border-radius: 12px;
}

div.info2{
	width:100%;
	margin-top:20px;
	padding-top: 20px;
	padding-right:5%;
    padding-left: 5%;
	background-color:#A1150E;
	padding-bottom : 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
	border-radius: 12px;
	
}

div.polaroid {
  background-color:#A1150E;
  margin: auto;
  margin-bottom: 60px;
  padding-top:10px;
  text-align:left;
  width: 300px;
  height: 350px;
  box-shadow: light;
  border-radius: 4px;
  text-align: center;
  

}


.pakej {	
  transition: transform .2s;
  width: 220px;
  height: 220px;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pakej:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

.pakej2 {	
  transition: transform .2s;
  width: 400px;
  height: 600px;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pakej2:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}



div.footer{
	clear:both;
	background-color: #111;
	font-family: "Public Sans", sans-serif;
	font-size:13px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top:10px;
	height:50px;
	color: #FFF;
	text-align:center;
		
		
}


a.iLink:link
{ 
color: #FFF;
text-decoration: none;
border:0px; 

}

a.iLink:visited 
{ 
color: #FFF;
text-decoration: none;
border: 0px; 

}

a.iLink:hover 
{
color:  #999;
text-decoration: none;
border:0px; 

}


a.cLink:link
{ 
color: #010101;
}

a.cLink:visited 
{ 
color:#010101;
}

a.cLink:hover 
{
color: #666; 
text-decoration: none;

}


a.eLink:link
{ 
color: #F9C;
font-weight: normal;
text-decoration: none;
border:0px; 

}

a.eLink:visited 
{ 
color: #F9C;
font-weight: normal;
text-decoration: none;
border: 0px; 

}

a.eLink:hover 
{
color: #F3C;
letter-spacing: 1px;
font-weight: normal;
text-decoration: none;
border:0px; 

}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 180px;
    padding: 0;
}