header
{
	width:100%;
	height:auto;
}

.myBody
{
	margin:0px auto;
	padding:0px;
	max-width:1200px;
}

.container-main
{
	margin:20px 0px 0px 1%;
	padding:10px;
	height:auto;
	width:98%;
	background-color:#fff;
	border-radius:5px;
	float:left;
}

.myGreyHover:hover
{
	background-color:#f8f8f8;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


.btn-file-icon {
    position: relative;
    overflow: hidden;
}
.btn-file-icon input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.resultt
{
	text-align:center;
	margin:10px 0px 10px 0px;
}


.myOpacity:hover
{
	opacity:0.5;
}

.myPointer
{
	cursor:pointer;
}

/**************************************Display*Contact***************************************************/

.displayContact
{
	margin:10px 0px 10px 2.5%;
	padding:10px 0px;
	width:95%;
	height:auto;
	border:1px solid grey;
	border-radius:5px;
	
}

/**************************************Display*Contact**********************************************END**/


/**************************************Edit*Contact***************************************************/

.editContact
{
	margin:10px 0px 10px 2.5%;
	padding:10px 0px;
	width:95%;
	height:auto;
}

/**************************************Edit*Contact**********************************************END**/

.sampleImg
{
	height:auto;
	width:100px;
	border:1px solid grey;
	border-radius:5px;
	line-height:100px;
	text-align:center;
	margin:0 auto 10px auto;
}



/**************************************Edit*Content*Item***********************************************/
/**************************************Edit*Content*Item***********************************************/
/**************************************Edit*Content*Item***********************************************/

.itemediticon
{
	margin:5px 20px;
	height:16px;
    font-size:20px;
}

.grey-hover:hover
{
	background-color:ghostwhite;
}

/**************************************Edit*Content*Item***********************************************/
/**************************************Edit*Content*Item***********************************************/
/**************************************Edit*Content*Item***********************************************/


/**************************************Meta*Keywords***************************************************/

.mykeyword
{
	border:1px solid grey;
	float:left;
	margin:5px 5px 5px 0px;
	padding:0px 5px;
	border-radius:5px;
	background-color:#F4F4F4;
}

.mykeyword-text
{
	float:left;
}

.mykeyword-del
{
	float:left;
	cursor:pointer;
	margin:0px 0px 0px 5px;
}

/**END*********************************Meta*Keywords***************************************************/


/**************************************Background***************************************************/



#pattern-images-div > img
{
	height:30px;
	width:30px;
	float:left;
	margin:5px 5px 5px 0px;
}

#pattern-images-div > .p-active
{
	border:2px solid orange;
}

/**END*********************************Background***************************************************/

/*****************************************Pages*****************************************************/


#myID
{
	width:100%;
}

.pages-menu-item
{
	width:100%;
	margin:5px 0px;
	padding:5px 0px;
	float:left;
	background-color:#f6f6f6;
}

.pages-menu-item:hover
{
	opacity:0.7;
}

.pages-menu-item > .item-cb
{
	padding:0px 10px;
	width:5%;
	float:left;
}

.pages-menu-item > .item-name
{
	padding:0px 10px;
	width:45%;
	float:left;
	font-weight:bold;
}


.pages-menu-item > .item-icons
{
	width:50%;
	float:left;
}

/***END***********************************Pages*****************************************************/

/************************************CMS-Video-File*************************************************/

.js-video
{
	min-height:450px;
	
}

@media screen and (max-width: 500px) {
	.js-video
	{
		height:auto;
		width:80%;
		margin-left:10%;
		min-height:100px;
	}
}

/***END******************************CMS-Video-File*************************************************/



/************************************CMS-Audio-File*************************************************/

.js-audio
{
	margin-top:10px;
	margin-bottom:10px;
}

@media screen and (max-width: 500px) {
	.js-audio
	{
		height:auto;
		width:80%;
		margin-left:10%;
		min-height:100px;
	}
}

/***END******************************CMS-Audio-File*************************************************/




/*/////////////////////////////////////////  js-parallax  /////////////////////////////////////*/

.js-parallax {
    min-height: 400px;
	width:100%;
	padding:50px 20px;
	color:#f6f6f6;
}

.js-parallax-red
{
    background: #d93e42;
	opacity:0.6;
}

.js-parallax > p
{
	font-family:"Montserrat", Helvetica, Arial, sans-serif;
	font-size:18px;
}

.js-parallax > h4
{
	font-family:"Montserrat", Helvetica, Arial, sans-serif;
	font-size:34px;
	margin:30px 0px;
}

.js-parallax > a
{
	border:3px;
	border-color:#f6f6f6;
	border-radius:5px;
	border-style:solid;
	color:#fff;
	padding:10px;
	text-transform:uppercase;
}

.js-parallax > a:hover
{
	background-color:#f6f6f6;
	color:#000;
	text-decoration:none;
}

/*///END///////////////////////////////////  js-parallax  /////////////////////////////////////*/