@charset "utf-8";
/* CSS Document */
/*styling placeholder*/
::-webkit-input-placeholder {
font-size: 14px;
color: grey;
text-transform: uppercase;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
:-moz-placeholder { /* older Firefox*/
font-size:14px;
color: grey;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */
font-size: 14px;
color: grey;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
:-ms-input-placeholder {
font-size: 14px;
color: grey;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}

.FormResend a {
	color: rgba(145,157,140,1);
	display: block;
}

.FormResend:hover {
	background-color: rgba(49,82,87,1);
	color: rgba(220,231,230,1);
	border: thin solid rgba(183,203,204,1);
}

.FormResend:hover a{
	color: rgba(247,249,249,1);	
}

.FormResend {
	margin-bottom: 10px;
	width: 70%;
	padding-top: 6px;
	font-size: 18px;
	padding-bottom: 6px;
	background-color: rgba(32,53,57,1);
	color: rgba(104,118,100,1);
	border-radius: 8px;
	border: thin solid rgba(50,78,74,1);
	font-family: "Times New Roman", Times, serif, Georgia;
	font-weight: bold;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px;
	padding-left: 6px;
}


/*Contact page*/
.contact {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
}
.contactHead {
	background-color: rgba(23,28,32,1);
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(29,36,37,1);
}

.contactRemind {
	font-size: 18px;
	color: rgba(153,153,153,1);
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
/*styling placeholder*/


.contact a {
	font-size: 18px;
	}

.contactForm {
	width: 60%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	background-color: rgba(65,67,66,1);
	border: thin none rgba(10,18,24,1);
	border-radius: 0px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	box-shadow: inset 6px 6px 2px rgba(51,51,51,1);
	font-size: 18px;
	list-style-type: none;
	line-height: 30px;
}

input[type=text] {/*this control the fill in box*/
	margin-bottom: 20px;/*control line distance*/
	padding-top: 10px;/*control height*/
	background-color: rgba(204,204,204,1);
	font-size: 16px;
	padding-bottom: 10px;
	width: 80%;
	padding-right: 10px;
	font-family: "Times New Roman", Times, serif, Georgia;
}

label {
	font-size: 18px;
	color: rgba(214,214,214,1);
	margin-bottom: 10px;
}


input[type=submit] {
	margin-bottom: 10px;
	width: 70%;
	padding-top: 6px;
	font-size: 18px;
	padding-bottom: 6px;
	background-color: rgba(32,53,57,1);
	color: rgba(104,118,100,1);
	border-radius: 8px;
	border: thin solid rgba(50,78,74,1);
	font-family: "Times New Roman", Times, serif, Georgia;
	font-weight: bold;
	margin-top: 15px;
}


 select {
	width: 80%;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
   }


#submit:hover {
	background-color: rgba(49,82,87,1);
	color: rgba(220,231,230,1);
	border: thin solid rgba(183,203,204,1);
}


input[type=reset] {
	margin-bottom: 10px;
	width: 70%;
	padding-top: 6px;
	font-size: 18px;
	padding-bottom: 6px;
	background-color: rgba(32,53,57,1);
	color: rgba(125,137,112,1);
	border-radius: 8px;
	border: thin solid rgba(50,78,74,1);
	font-family: "Times New Roman", Times, serif, Georgia;
	font-weight: bold;
}
#reset:hover {
	background-color: rgba(49,82,87,1);
	color: rgba(255,51,0,1);
	border: thin solid rgba(255,0,0,1);
}
textarea {
	width: 67%;
	margin-top: 10px;
	border: thin solid rgba(0,153,102,1);
	padding-top: 10px;
	padding-right: 10%;
	padding-bottom: 10px;
	padding-left: 10%;
	background-color: rgba(224,224,224,1);
	font-family: "Times New Roman", Times, serif, Georgia;
	font-size: 16px;
	font-weight: bold;
}

/*--------------styling email confirmation--------------*/

.FromConfirmation {
	background-color: rgba(65,67,66,1);
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 1px solid rgba(102,102,102,1);
	list-style-type: none;
	margin-bottom: 15px;
}

.formfield{
	background-color: rgba(51,51,51,1);
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 16px;
	margin-top: 4px;
	padding: 4px;
	text-align: center;
}

/*--------------styling technique--------------*/
.technique {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: rgba(153,153,153,1);
	border-right-color: rgba(153,153,153,1);
	border-bottom-color: rgba(153,153,153,1);
	border-left-color: rgba(153,153,153,1);
	margin-bottom: 10px;
}
.technique li{
	margin-bottom: 10px;
	width: 70%;
	padding-top: 6px;
	font-size: 18px;
	padding-bottom: 6px;
	background-color: rgba(13,21,21,1);
	color: rgba(104,118,100,1);
	border-radius: 2px;
	border: thin solid rgba(28,34,36,1);
	font-family: "Times New Roman", Times, serif, Georgia;
	font-weight: bold;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px;
	padding-left: 6px;
	list-style-type: none;
	text-align: center;
	display: block;
}

.technique li a {
	color: rgba(118,132,113,1);
	display: block;
}

.technique li:hover {
	background-color: rgba(6,11,11,1);
	color: rgba(30,43,41,1);
	border: thin solid rgba(69,96,97,1);
	display: block;
}

.technique li:hover a{
	color: rgba(185,202,202,1);
	display: block;
}



@media only screen and (max-width: 768px) {

.______________TABLET{}
.contactForm {
	width: 80%;}
.technique {
	width: 90%;
	padding-right: 0px;
	padding-left: 0px;
}

.technique li a {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
.technique li {
	width: 80%;
	padding-right: 0px;
	padding-left: 0px;
}

.contact {
	width: 85%;
	font-size: 17px;
}
.contactRemind {
	width: 85%;

}

}



@media only screen and (max-width: 481px) {
._______________Mobile{}

.contactHead {}


.technique {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}

.technique li a {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
.technique li {
	width: 90%;
	padding-right: 0px;
	padding-left: 0px;
}

.contact {
	font-size: 16px;
	width: 95%;
}

.contactForm {
	width: 90%;
	margin-top: 10px;

	padding-top: 5px;
	
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	box-shadow: inset 6px 6px 2px rgba(51,51,51,1);
	font-size: 14px;
	list-style-type: none;
	line-height: 30px;
}
.contactRemind {
	width: 90%;

}
.FromConfirmation {
	width: 100%;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
}