/*
Theme Name: Parallax Website
Description: Parallax Scrolling Effect
Author: Sunil Pai
*/

/*= GENERAL STYLING
--------------------------------------------------------*/

body {
/*	width: 100%  !important;
	height: 100%  !important; */
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	scroll-bar: off;
}

h1 { 
    font-family:"Arvo";
	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: Arial;
	font-weight:bold;
	color: #000;
	font-size: 28px;
	text-align:left;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position:relative;
}

h4 {
	font-family: Arial;
	font-weight:bold;
	color: #000;
	font-size: 28px;
	text-align:left;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position:relative;
}

h5 {
	font-family: Arial;
	font-weight:bold;
	color: #000;
	font-size: 14px;
	text-align:left;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
}

h6 {
	font-family: Arial;
	font-weight:bold;
	background-color: #f98d24;
	color: #fff;
	font-size: 18px;
	max-width: 160px;
	text-align:left;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
}

h7 {
	font-family: Arvo;
	font-weight:bold;
/*	background-color: #f98d24; */
	color: #000;
	font-size: 18px;
	max-width: 260px;
	text-align:left;
	text-decoration: underline;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 100%; height: 9px;
}
.clear { clear: both; }
a.lpanel { float: left;  color: #e1e1e1;  font-size: 12px; font-family:"Arial"; text-align:justify; width:400px; line-height:18px; text-decoration: none; margin: 15px 0px; }
a.cpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Arial"; text-align:justify; width:400px; line-height:18px; text-decoration: none; margin: 15px 80px; }
a.rpanel { float: right; color: #000;  font-size: 12px; font-family:"Arial"; text-align:justify; width:400px; line-height:18px; text-decoration: none; margin: 80px 15px;}
a.r1panel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Arial"; text-align:justify; width:400px; line-height:18px; text-decoration: none; margin: 80px 15px;}

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }
/*--------------------------------------------------------
 HEADER & NAVIGATION
--------------------------------------------------------*/
#p1 {background-color:rgba(255,0,0,0.3);}
#p2 {background-color:rgba(0,255,0,0.3);}
#p3 {background-color:rgba(0,0,255,0.3);}
#p4 {background-color:rgba(192,192,192,0.3);}
#p5 {background-color:rgba(255,255,0,0.3);}
#p6 {background-color:rgba(255,0,255,0.3);}

#right_block {					/* Right side  Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 100%; 
	background: url('../img/header-bg.png'); 
	height: 5000px; 	
	position:relative;
	margin-top: 0px;
	left:800px;
}

#Body_Color {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 7%; 
/*	background-color:#A9D0F5; */
	background-color: #FF5733;
	height: 4.5%; 	
	position: fixed;
	margin-top: 49.5%;
	margin-left: 88.5%;
	opacity: 0.4;
	z-index: 9;
}

#header_leena {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 100%; 
	background: url('../img/main/blank.png');
	height: 13%; 	
	position: fixed;
	margin-top: 0px;
	top:0;
	z-index: 10;
}

#header {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 100%; 
	background: url('../img/header-bg.png');
	height: 100px; 	
	position: fixed;
	margin-top: 0px;
	top:0;
	z-index: 99;
}


#header1 {					/* Header Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 100%; 
	color:#fff;
	position: fixed;
	margin-top: 71px;
}

#nav  
{
	width: 620px;
	float:right;
	margin-top: 30px;
}

#logo a { color: #fff; text-decoration: none; float: left; font-size: 40px; margin-top: 8px; color: #fff; font-family:"Arial"; font-weight: bold; }
#logo b { color: #fff; text-decoration: none; float: left; font-size: 28px; margin-top: 28px; color: #fff; font-family:"Times New Roman"; font-weight: bold; }

#nav ul
{
	list-style: none;
	display:block;
	margin: 0 10;
	position:fixed;
}

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

#nav ul li
{
	display:inline-block;
	padding-left:0px;
	padding-right:40px;
	direction:ltr;
/*	max-width:80px; */
}

#nav ul li:hover
{
/*	background-color:#444;   */
	font-size:12px;
	text-align:left;
	color: #099;
}

#nav ul li img
{
	max-width: 100%; 
	max-height: 100%; 
	padding-left:5px;
}

#nav ul li a,visited
{
	color:#ccc;
	display:block;
    	padding-top:25px;
	padding:5px;
	text-decoration:none;
	text-align:left;
}

#nav ul li a
{
	color:#ccc;
	font-size:13px;
	
	width:300px; 
	height:100px; 
	margin-top:0px; 
	margin-left 100px; 
	background: url("1/contact.png"); 
	position: absolute;
}

#nav ul li a:hover
{
	font-size:13px;
	color:Orange;
	text-decoration:none;
}

#nav ul li:hover ul
{
display:block;
}

#nav ul ul					/*Drop Down Menu */
{
	display:none;
	position:absolute;
	background-color: #444;
	border-color:#222;
	border-top:0;
	margin-left:0px;
	max-width:170px;
	margin-top:auto;
	padding-left:0px;
	padding-right:0px;
}

#nav ul li ul li a:hover
{
	display:block;
	text-align:left;
}

#nav ul ul a,visite
{
	color: #ccc;
}

#nav ul ul li a:hover
{
	color: Orange;			/* #099; */
}

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

/*#nav li a { color: #000; opacity:0.8; font-size: 12px; text-decoration: none; font-family: 'Arial'; } */
#nav li a {width:300px; height:100px; margin-top:100px; margin-left 100px; background-image: url("1/contact.png"); } 
#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #red; }
#nav li a:hover { color: #Red; opacity:1;  }

#Menu1 { 
	background: url('../png/home.png')no-repeat; 
	width: 40px; 
	height: 42px;
	margin: 0 auto; 
	position: fixed; 
	top: 3%;
	left: 65%;
	background-size: cover;
	z-index:99;
}
#Menu2 { 
	background: url('../png/about.png')no-repeat; 
	width: 50px; 
	height: 42px;
	margin: 0 auto; 
	position: fixed; 
	top: 3%;
	left: 70%;
	background-size: cover;
	z-index:99;
}
#Menu3 { 
	background: url('../png/our projects.png')no-repeat; 
	width: 100px; 
	height: 42px;
	margin: 0 auto; 
	position: fixed; 
	top: 3%;
	left: 75%;
	background-size: cover;
	z-index:99;
}
#Menu4 { 
	background: url('../png/news.png')no-repeat; 
	width: 52px; 
	height: 42px;
	margin: 0 auto; 
	position: fixed; 
	top: 3%;
	left: 85%;
	background-size: cover;
	z-index:99;
}
#Menu5 { 
	background: url('../png/Contact.png')no-repeat; 
	width: 82px; 
	height: 42px;
	margin: 0 auto; 
	position: fixed; 
	top: 3%;
	left: 91%;
	background-size: cover;
	z-index:99;
}
#Line1 { 
	background: url('../png/Line.png')no-repeat; 
	width: 80px; 
	height: 30px;
	top: 4%;
	left:66%;
	position: fixed;
	padding-left :10px;
	background-size: cover;
	z-index:99;
}

#Line2 { 
	background: url('../png/Line.png')no-repeat; 
	width: 80px; 
	height: 30px;
	top: 4%;
	left:71%;
	position: fixed;
	padding-left :10px;
	background-size: cover;
	z-index:99;
}
#Line3 { 
	background: url('../png/Line.png')no-repeat; 
	width: 80px; 
	height: 30px;
	top: 4%;
	left:80%;
	position: fixed;
	padding-left :10px;
	background-size: cover;
	z-index:99;
}
#Line4 { 
	background: url('../png/Line.png')no-repeat; 
	width: 80px; 
	height: 30px;
	top: 4%;
	left:86.5%;
	position: fixed;
	padding-left :10px;
	background-size: cover;
	z-index:99;
}

#footer
{
	width: 100%;
	background: url('../img/header-bg.png');
	margin-top: 48%;
	height: 15%; 	
	position: fixed;
	left: 0;
	z-index: 99;
}

#nav1 { width: 900px; float:right; margin-top: 0px; }
#logo1 a1 { color: #fff; text-decoration: none; float: left; font-size: 15px; margin-top: 23px; font-family: .VnArial; }

#patch_black
{
	width: 100%;
	background: url('../img/header-bg.png');
	margin-top: 0%;
	height: 0%;
	position: absolute;
	left: 0;
	z-index: 99;
}

#patch_botom_black
{
	width: 100%;
	background: url('../img/header-bg.png');
	margin-top: 750px;
	height: 10%;
	position: absolute;
	left: 0;
	z-index: 99;
}

#patch_rose
{
	width: 50%;
	background: url('../img/block1.png');
	margin-top: 28%;
	height: 53.5%;
	position: absolute;
	left: 50%;
	opacity: 0.20;
	z-index: 10;
}

#patch_orange
{
	width: 100%;
	background: url('../img/header-bg.png');
	margin-top: 14.7%;
	height: 12%;
	position: absolute;
	left: 0%;
}

#CopyRight a1
{
	width: 100%;
	color: #fff;
	font-family: GessoRegular;
	font-size: 12px;
	position: absolute;
	left: 70%;
	top: 50px;
	opacity: .5;
}

#DrawLine a1
{
	font-family: GessoRegular;
	width: 100%;
	position: absolute;
	left: 130px;
	top: 35px;
	line-height: 35px;
	opacity: .4;
}

#nav1 ul
{
	list-style: none;
	display: block;
	margin: 0 10 auto;
	position:fixed;
}

#nav1 li					/* Footer Buttons - Top Margin, From Left, Space Between Buttons (Padding from left)*/
{
	margin-top: 1px;
	float: left;
	padding-left: 45px;
}

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

#nav1 ul li
{
	display:inline-block;
	padding-left:0px;
	padding-right:40px;
	direction:ltr;
/*	max-width:80px; */
}

#nav1 ul li:hover
{
	text-align:left;
}

#nav1 ul li img
{
	padding-left:5px;
}

#nav1 ul li a,visited
{
	color:#ccc;
	display:block;
    	padding-top:25px;
	padding:5px;
	text-decoration:none;
	text-align:left;
}

#nav1 ul li a:hover
{
	color:#ccc;
	text-decoration:none;
}

#nav1 ul li:hover ul1
{
display:block;
}

#nav1 ul ul					/*Drop Down Menu */
{
	display:none;
	position:absolute;
	background-color: #444;
	border-color:#222;
	border-top:0;
	margin-left:0px;
	max-width:215px;
	margin-top:auto;
	padding-left:0px;
	padding-right:0px;
}

#nav1 ul ul li
{
	display:block;
	text-align:left;
}

#nav1 ul ul a,visite
{
	color: #ccc;
}

#nav1 ul ul li a:hover
{
	color:Red;
}

#nav1 li a { color: #fff; opacity:1; font-size: 14px; text-decoration: none; font-family: 'Times New Roman'; }
#nav1 li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
#nav1 li a:hover { color: #fff; 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; }

#company_logo { background: url('../png/company.png')no-repeat; width: 410px; height: 42px; margin: 0 auto; position: fixed; top: 3%; left: 25px;background-size: cover;}
/*
#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: 20px 47px;
	margin: 40px 38.80%;
	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:Aqua; }
 ul.built { list-style: none; margin: 0 auto; width: 730px; }
 .built li img{ float: left; padding-right: 34px; }
 

/*= SLIDES STYLING
--------------------------------------------------------*/
/*#slide1, #slide2{ width: 100%; }*/
#slide0
{
	background-color: #fff;
	/* background:url('img/slide1.jpg') 50% 0 no-repeat fixed;  */
	color: #fff;
	height: 625px;
	padding: 0px 0 260px 0;
	background-size: cover;
}

#slide1
{
	background-color: #fff;
	background:url('../img/slide1.jpg') 49% 0 no-repeat fixed;
	color: #fff;
	height: 625px;
	padding: 0px 0 260px 0;
	background-size: cover;
}

#slide2
{
	background-color: #fff;
	background:url('../img/slide2.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 625px;
	padding: 0px 0 260px 0;
	background-size: cover;
}

#slide3
{
	background-color: #fff;
	background: url('../img/slide3.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 625px;
	padding: 0px 0 260px 0;
	background-size: cover;
}

#slide4
{
	background-color: #fff;
	background:url('../img/slide4.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 625px;
	padding: 0px 0 260px 0;
	background-size: cover;
}

#slide5
{
	background-color: #fff;
	background:url('../img/slide5.jpg') 50% 0 no-repeat fixed;
	color: #000;
	height: 625px;
	padding: 0px 0 260px 0;
	background-size: cover;
}

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

.feedbackform {
    width: 460px;
    border: 1px solid #AAA;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.feedbackformheader {
    font-size:18px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
}
.feedbackformmessage {
    text-align:center;
    padding-bottom:10px;
}
.feedbackform td {
    padding:4px;
    /*font-size:12px;*/
}
.feedbackform p {
    padding:4px;
}
.feedbackform label {
    padding:4px;
}
.feedbackform label {
    padding-right:5px
}
.required {
    font-weight:bold;
}
.required_star {
    font-weight:bold;
    color:#F00;
}
.not-required {
    font-weight:normal
}
.antispammessage {
    padding:10px;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
    font-weight:bold 
}
.antispamquestion {
    font-weight:normal;
}
.feedback h2 {
    font-size:18px;
    line-height:22px;
    border-bottom:1px solid #000;
    margin-bottom:11px;
    padding-bottom:4px;
    font-weight:bold;
}
.feedback td, 
.feedback p, 
.feedback label, 
.feedback input
.feedback textarea{
    font-size:12px;
    font-family: Calibri;
    font-weight:bold; 
}
.feedback td{
    padding: 4px;
}
.feedback p{
    margin-bottom:10px;
}

div.feedback-default {
    padding:5px;   
    font-family: Calibri;
}
div.feedback-default h2 {
    border-bottom:1px solid #BBB;
}
.feedback_text{
	width:100%;
	height:22px;
	border:1px solid #BBB;
}
.feedback_textbig{
	width:100%;
	height:15%;
	border:1px solid #BBB;
}
.feedback_textarea{
	width:100%;
	height:60px;
	border:1px solid #BBB;
}
.feedback_button{
	width:20%;
	height:30px
}
.feedback_required{
	color:#F00
}
#url {
	display:none
}
.feedback_comments {
 color: #009;
}