/**
#errorCatcher Echo
##    $Revision: 1 $
##    $Author: weewx@davies-barnard.co.uk $
##    $Date: 2013-12-30 $
##
**/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

.clr { clear:both; }



/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/*************** Global Styles ***************/
body {
    background: #e2e2e2;
    background-image: url('backgrounds/background.png');
    color: #ffffff;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14.4px;
    line-height: 1;
 padding-left: 40px;
 padding-right: 40px;
 padding-top: 40px;

}

body1 {
    background: #e2e2e2;
    background-image: url('backgrounds/background.png');
    color: #000000;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14.4px;
    line-height: 1;
}



h1, h2, h3, h4, h5, h6 {
    color: #FF6201;
		
}
h7 {
    color: #16e0a0;
		
}

h8 {
    color: #f9bd07;
		
}



ol, ul {
    list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

a {
    color: #BF4615;
    text-decoration: none;
}
a:focus,
a:active,
a:hover {
    text-decoration: underline;
}



/*************** MANO ***************/


/*************** Area Styles ***************/
header {
	background-color:#FFFFFF;
}
#page {
		background-color:#434343;
                border-radius:14px;


}


#page1 {
    background-image: url('backgrounds/Vingio_3B.png');
     width: 1100px;
     height: 550px;
     margin: center;
       }

#page2 {
    background-image: url('backgrounds/Vingio_3B.png');
     background-color:#434343;
     margin: center;
       }

/* Containers
----------------------------------------------------------------------------------------------------*/


.container {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 20px;
 padding-bottom: 20px;
 border-radius: 15px;
background-color: #434343;
}
.container0 {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 padding-bottom: 2px;
 border-radius: 15px;
background-color: #434343;
}

.container2 {
	width: 320px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-radius: 15px;
background-color: #434343;
float: left;
}
.container3 {
	width: auto;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-radius: 15px;
background-color: #434343;
float: left;
}

.container4 {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 20px;
 padding-bottom: 20px;
 border-radius: 15px;
background-color: #434343;
     margin: center;
}

.container5 {
	width: 150px;
 border-radius: 15px;
background-color: #434343;
float: left;
}
.container6 {
	width: 800px;
 border-radius: 15px;
background-color: #434343;
float: left;
}



button {

  padding: 15px 15px 15px 15px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: white;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
margin: 0px 0px 10px 10px;
}

button:hover {

  background-color: #23c483;
  box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
  color: #fff;
  transform: translateY(-7px);
}

button:active {
  transform: translateY(-1px);

}














/* -------------------------------------------------------------------------- */
@media(max-width:1220px) {

    .container {
       font-size: 190%;
       }
    .container0 {
       font-size: 190%;
       }
    .container1 {
       font-size: 190%;
       }
    .container2 {
       font-size: 200%;
       width: 1100px;
       margin: center;
       }
    .container3 {
       font-size: 190%;
       }
    .container4 {
       font-size: 190%;
       }
   button {
     font-size: 190%;
margin: 0px 0px 20px 20px;
  padding: 20px 20px 20px 20px;
    }
   button:hover{
     font-size: 190%;
    }

  
    .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;

	}
	
	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
		/* background: #231f20;*/
		color: white;
        text-align: center;
        font-size: 400%;
	}
	
	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}
	
	.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover,
	.genesis-nav-menu.responsive-menu li.current-menu-item > a {
		display: block;
		line-height: 2;
		padding: 12px 0;

	}
	
	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;

	}
	
	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}
	
	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 11px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
		/* color: #fff; */

        font-size: 400%;
	}
	
	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
		/* color: pink; */


	}
	
	.genesis-nav-menu.responsive-menu .sub-menu {
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}
	
	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		padding-left: 20px;
		margin: 0;
	}
	
	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		border: none;
		box-shadow: none;
		padding: 12px 0;
		position: relative;
		width: 100%;
	}
	
	.genesis-nav-menu.responsive-menu {
		/* padding-bottom: 16px; */
	}
	
	.nav-primary .genesis-nav-menu.responsive-menu li a {
		padding-left:10px;
		/* background: #231f20; */
		color: white;
	}
	
	.nav-primary .genesis-nav-menu.responsive-menu li a:hover {
		color: red;
	}


}