/*

Theme Name: Simple Parallax Website

Description: Simple Parallax Scrolling Effect

Author: Samuel Dalusung

*/



/*= GENERAL STYLING

--------------------------------------------------------*/

@font-face {

    font-family: 'Myriad Pro Cond';

    src: url('fonts/ufonts.com_myriadpro-cond.ttf') format('ttf'),

         url('fonts/ufonts.com_myriadpro-cond.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





body{

	margin: 0;

	padding: 0;

	width: 100%;

}



h1 { 

    font-family:"Myriad Pro Cond";

	font-weight:normal;

	font-size: 55px;

	text-align: center;

	color: #fff;

	margin: 0;

	padding: 0;

}



h2 {

   font-family:"Arvo";

   font-weight: normal;

   font-size: 40px;

   text-align: center;

   color: #fff;

   margin: 0;

	padding: 0;

}



h3 {

   font-family: Oswald;

   font-weight: normal;

   font-size: 16px;

   text-align: left;

   margin: 5px 0;

	padding: 0;

	z-index: 1;

	position: relative;

}







.center { margin: 0 auto; }

.content{ margin: 0 auto; width: 1008px;}

.clear { clear: both; }

a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }

a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }



a.lpanel:hover{ color: #fff; }

a.rpanel:hover{ color: #fff; }

/*= HEADER & NAVIGATION

--------------------------------------------------------*/



#header { 

	width: 100%; 

	background: url('../img/GREY-BAR.png'); 

	height: 90px; 	

	position: fixed;

	z-index:10000000;

}



#nav { width: 70%; float: right; margin-top: 25px;  }

#logo a { color: #fff; text-decoration: none; float: left; font-size: 30px;  color: #fff; font-family:"Wellfleet"; font-weight: bold; margin-top:10px; }

#nav ul{

	list-style: none;

	display: block;

	margin: 0 auto;

	list-style: none;	

}



#nav li{

	margin-top: 9px;	

	float: left;

	padding-left: 15px;

}



#nav li a { color: #fff; font-size: 20px; font-weight:lighter; text-decoration: none; font-family:"Myriad Pro Cond"; }

#nav li a.active { color: #94f905; opacity:1; }

#nav li a:hover { color: #94f905; opacity:1;}







/*= QUOTES AND SOME ELEMENTS

--------------------------------------------------------*/

.quotes {   

 font-family: 'Goudy Bookletter 1911', serif;

   font-weight: normal;

   font-size: 30px;

  text-align: left;

  margin: 50px auto;

}

   

 .author_name_white { font-family:"Wellfleet";  margin: 70px 0 0 75px; color: #fff; font-size: 20px; }  

 .author_name_gray { font-family:"Wellfleet";  margin: 70px 0 0 75px; color: #94a4a4; font-size: 20px; }  

 .quotes_container { width: 800px; margin: 0 auto; }

#christmas_tree { background: url('../img/christmas-tree.png')no-repeat; width: 48px; height: 77px; margin: 0 auto; position: relative; bottom: -35px;}

#divider { background: url('../img/divider.png')no-repeat; width: 300px; height: 35px; margin: 0px auto 27px auto; }

#ribbon { background: url('../img/ribbon.png')no-repeat; width: 251px; height: 48px; margin: 0 auto;  display: block; position: relative; top: -38px; }

#snowflakes1 { background: url('../img/snowflakes.png')no-repeat; width: 24px; height: 21px; margin: 0 auto;  display: block; position: relative; bottom: -54px; left: -102px; }

#snowflakes2 { background: url('../img/snowflakes.png')no-repeat; width: 24px; height: 21px; margin: 0 auto;  display: block; position: relative; bottom: -33px;  right: -100px; }







/*= BUTTONS

--------------------------------------------------------*/



button.btn-know { 

	padding: 15px 47px; 

	margin: 40px 38.8%;

	text-align: center;

	border: 4px solid #fff; 

	color: #fff; 

	background: transparent; 

	font-size: 19px;

	cursor: pointer;

	text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);

	-webkit-border-radius: 4px;

	border-radius: 4px;

}



.btn-know:hover { background: #fff; color: transparent; }

ul.built { list-style: none; margin: 0 auto; width: 730px; }

.built li img{ float: left; padding-right: 34px; }







/*= SLIDES STYLING

--------------------------------------------------------*/



#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8{ width: 100%; }

#slide1{

	/*background:url('../img/slide1.jpg') 50% 0 no-repeat fixed;*/

	color: #FFF;

	height: auto;

	margin: 0;

	background-size: cover;

}



#slide2{

	color: #5f5f5f;

	height: auto;

	margin: 0;

	padding: 10px; 

	font-family:'Myriad Pro Cond';

	font-size:16px;

	padding-top:10%;

	}



#slide3{

	color: #5f5f5f;

	height:350px;

	background:url(../img/first-test.jpg) 50% 50% no-repeat fixed;

	padding: 200px 0;

	overflow: hidden;

	background-size: 100% auto;

	margin-top:10%;

}



#slide4{

	color: #5f5f5f;

	height: 920px;

	margin: 0;

	padding: 40px 0;

	font-family:"Myriad Pro Cond";

	font-size:16px;

	padding-top:10%;

}



#slide5{

	height:350px;

	background:url(../img/second-test.jpg) 50% 50% no-repeat fixed;

	padding: 200px 0;

	overflow: hidden;

	background-size: 100% auto;

}



#slide6{

	color: #5f5f5f;

	height: 1000px;

	margin: 0;

	padding: 70px 0;

	font-family:"Myriad Pro Cond";

	font-size:16px;

	padding-top:10%;

}



#slide7{

	height:350px;

	background:url(../img/third-test.jpg) 50% 50% no-repeat fixed;

	padding: 200px 0;

	overflow: hidden;

	background-size: 100% auto;

	padding-top:10%;

}



#slide8{

	color: #5f5f5f;

	/*height: 800px;*/

	margin: 0;

	padding: 70px 0;

	font-family:"Myriad Pro Cond";

	font-size:16px;

	/*padding-top:10%;*/

}



#footer

{

	width:1008px;

	height:auto;

	float:left;

	position:relative;

	margin-right:auto;
	margin-left:auto;



	

}



#rights

{

	

	width:500px;

	height:20px;

	position:relative;

	float:left;

}



#rights p

{

	color:#9ca7b0;

	font-family:"Myriad Pro";

	

}



#soft

{

	

	width:200px;

	height:20px;

	position:relative;

	float:right;

}



#soft p

{

	color:#9ca7b0;

	font-family:"Myriad Pro";

	

}


#bigphoto

{

	position:relative;

	float:left;

	width:1000px;

	height:auto;

	text-align:center;

}

#promotedcontainer

{

	position:relative;

	float:left;

	width:600px;

	height:auto;

	margin-left:100px;

	text-align:center;

}

.promotedphoto

{

	position:relative;

	float:left;

	width:100px;

	height:90px;

	margin-top:21px;

	margin-left:10px;

	padding-top:10px;

	border-style:thin;

	border-style:solid;

}

/*= FOOTER 

--------------------------------------------------------*/



#copyright  { color: #fff; font-family:"Wellfleet";  font-size: 14px; margin-top: 100px; text-align: center;  }

#copyright  a { text-decoration: none; color: #fff;  }



.img-responsive {

  display: block;

  width: 100%;

  height: auto;

}



/* Main Slider */



.slider-wrap {

	background: #999;

	position: relative;

}



#owl-main {

	margin-bottom: -10px;

}



#owl-main .owl-prev {

	width: 80px;

	height: 80px;

	background: url(../images/arrow-next.png) no-repeat center center;

	border: 2px solid #fff;

	font-size: 0;

	float: left;

	margin-left: 15px;

	position: relative;

	border-radius: 50%;

	opacity: 0.7;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



#owl-main .owl-next {

	width: 80px;

	height: 80px;

	border: 2px solid #fff;

	background: url(../images/arrow-prev.png) no-repeat center center;

	font-size: 0;

	float: right;

	margin-right: 18px;

	position: relative;

	border-radius: 50%;

	opacity: 0.7;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



#owl-main .owl-prev:hover,#owl-main .owl-next:hover {

	opacity: 1;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



#owl-main .owl-buttons {

	height: 43px;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 65px;

	margin: auto;

	z-index: 999999;

}



.overlay {

	background: url(../images/overlay.png);

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	z-index: 999;

	width: 100%;

	height: 100%;

}



.slide-content {

	z-index: 100000;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	display: table-cell;

	vertical-align: middle;

	height: 270px;

	margin: auto;

	bottom: 0;

}



#owl-main-text {

	height: 150px;

	margin-bottom: -30px;

}



#owl-main-text h2 {

	font-size: 100px;

	text-align: center;

	color: #000;

	text-transform: uppercase;

	font-weight: 400;

	margin-top: 0;

}



#owl-main-text h2 span {

	font-weight: 700;

}



.slide-content p {

	width: 870px;

	margin: 0 auto;

	position: relative;

	top: -15px;

}



.slide-content p .line-left {

	width: 25%;

	height: 46px;

	background-image:url(../images/1.png);

	background-repeat:no-repeat; 

	float: left;

	position: relative;

	top: 0px;

}



.slide-content p .line-right {

	width: 25%;

	height: 46px;

	background-image:url(../images/2.png);

	background-repeat:no-repeat;

	float: right;

	position: relative;

	top: 0px;

}



.slide-content p span {

	font-size: 22px;

	font-family: "Myriad Pro Cond";

	text-transform: uppercase;

	text-align: center;

	color: #000;

	width: 50%;

	display: table;

	float: left;

	margin-left:-10px;

}



.scroll-btn {

	width: 100%;

	height: 23px;

	position: absolute;

	left: 0;

	right: 0;

	bottom:0 ;

	z-index: 100001;

}



#aboutimg

{

	text-align:center;

	width:100%;

	height:auto;

}

#abouttext

{

	text-align:justify;

	width:75%;

	padding-left:25%;

	margin-top:50px;

	height:auto;

}

#catlist

{

	text-align:justify;

	width:100%;

	height:auto;

	margin-top:20px;

}

.category

{

	position:relative;

	float:left;

	width:200px;

	height:250px;

	margin-left:200px;

	cursor:pointer;

}

.support

{

	position:relative;

	float:left;

	width:300px;

	height:250px;

	margin-left:60px;

}

.supportimg

{

	position:relative;

	float:left;

	width:200px;

	height:180px;

	margin-left:50px;

	text-align:center;

}

.supporttext

{

	position:relative;

	float:left;

	text-align:center;

	width:280px;

	padding-left:20px;

	font-family:"Myriad Pro";

}

.supporttext a

{

	color: #94f905;

	text-align:center;

}

.supporttext a:hover

{

	color: #333;

	text-align:center;

}

#username

{

	width:267px;

	height:52px;

	background-image:url(../images/usertext.png);

	background-repeat:no-repeat;

	padding-left:77px;

	padding-top:5px;

}

#pass

{

	width:267px;

	height:52px;

	background-image:url(../images/passtext.png);

	background-repeat:no-repeat;

	padding-left:77px;

	padding-top:5px;

	margin-top:15px;

}



#slide8 form

{

	position:relative;

	float:left;

	width:670px;

}



input

{

	width:250px;

	height:38px;

	background-color:#F9f9f9;

	background-repeat:no-repeat;

	margin-top:10px;

	padding-left:5px;

	border:1px;

	border-color:#c8c8c8;

	border-top-style:solid;

	border-left-style:solid;

	font-family:"Myriad Pro";

	color:#444;

}





select

{

	width:230px;

	height:38px;

	background-image:url(../images/input.jpg);

	background-repeat:no-repeat;

	margin-top:10px;

	padding-left:5px;

	color:#666;

}





#slide8 table td

{

	height:48px;

	width:250px;

}



#newsletter

{

	position:relative;

	float:right;

	width:250px;

	margin-right:40px;

}

.subcat

{

	position:relative;

	float:left;

	width:132px;

	hieght:132px;

	margin-left:87px;

	cursor:pointer;

}



.line

{

	position:relative;

	float:left;

	width:310px;

	height:250px;

	margin-left:30px;

	margin-top:20px;

}

.linefirst
{
	margin-left:0px;
}


.line:hover

{

	cursor:pointer;

	color: #94f905;

}



h3

{

	text-align:left;

	color:#333;

	text-transform:uppercase;

}



input:focus,

select:focus,

textarea:focus,

button:focus {

    outline: none;

	background-color:#94f905;

}



.smallcat

{

	position:relative;

	float:left;

	width:150px;

	height:135px;

	margin-left:60px;

	text-align:center;

	

}

.smallcatlist

{

	position:relative;

	float:left;

	width:1000px;

	height:140px;

}

.smallsubcat

{

	position:relative;

	float:left;

	width:150px;

	height:50px;

	margin-left:60px;

	

	

}

.smallsubcatlist

{

	position:relative;

	float:left;

	width:1000px;

	height:60px;

	margin-top:30px;

}

.insideslidetext

{

	position: relative;

	float:left;

	width:500px;

	color:#999999;

	font-size:16px;

	padding-left:30px;

	height:400px;

}

.insideslidetext h2

{

	text-align:left;

	color:#616161;

}

.insideslidepicture

{

	position: relative;

	float:left;

	color:#616161;

	font-size:14px;

}



#ajax1 {

	position:absolute;

	height: auto;

	z-index:1500;

	background-color:#94f905;

	width:1008px;

	

}

#allmask

{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:5000px;

	background-color:#fff;

	opacity:0.5;

	z-index:1;

	visibility:hidden;

}



#slide9{

	/*background:url('../img/slide1.jpg') 50% 0 no-repeat fixed;*/

	color: #fff;

	padding-top:70px;

	height: auto;

	margin: 0;

	background-size: cover;

}

.searchinput
{
	background-image:url('../images/searchinput.png');
	background-repeat: repeat;
	margin-left:30px;
	border-radius:10px;
	color:#999;
	width:240px;
	height:38px;
	-webkit-appearance:none;
	border-style:none;
}