@charset "UTF-8";

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{list-style:none}
button,input,select,textarea{margin:0}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
img,embed,iframe,object,audio,video{height:auto;max-width:100%}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0;}
td{vertical-align: top;}
/*! END  minireset.css v0.0.3 */

/* SETUP  -------   */


*:link, *:visited, *:hover, *:active, *:focus {

   -webkit-transition: color .25s linear,
    background-image .25s linear,
    background-color .25s linear,
	font-size .5s linear,
    border-color .25s linear;
	
	
	-moz-transition: color .25s linear,
    background-image .25s linear,
    background-color .25s linear,
    border-color .25s linear;
	
	

   transition:  color .25s linear,
    background-image .25s linear,
    background-color .25s linear,
    border-color .25s linear;
	
}

h1     { 
	text-transform: uppercase;
	color: #000; 
	font-size: 1.4em; 
	font-weight: 200; 
	padding-bottom: 0.8em;
}
h2   { 
	color: #222;  
	font-size: 1.2em; 
	font-weight: 200; 
	padding-bottom: 0.5em; 
}
a  {
	text-decoration: none;
	color: #444
}
a:hover  {
	color: #000;
	font-weight:400;
}

.clrflt {
	clear:both;
}

body {
	color: #444;
	background-color: #fff;
	font-size: 1em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.2;
}
#panel {
	background-color: #fff;
	box-shadow: none;
}
		
#container {
	width:98%;
	max-width: 1550px; 
	margin: 0 auto ;
	background-color: #fff;
}
#header {
	font-size: 1.1em;
	margin: 10px auto 20px auto;
}
#main {
	text-align: center;
	min-height: 500px;
}

#footer      {
	color: #777;
	font-size: 0.9em;
	text-align: center;
	padding: 20px;
}

	.mobile-menu {
		text-transform: uppercase;
		background-color: #fff;
		padding: 20px 10px 0 20px;
		font-size: 1.2em;
		line-height: 1.9;
		width: 280px;	
		}
		
		.mobile-menu-cat {
			
		}
		
		.mobile-menu-media {
			padding: 2px 20px 20px 20px;
		}
		
		.mobile-menu-item {
			font-weight: 500;
		}
		
		
		
		.menu-left {
			text-align: right;
			width: 45%;
			padding: 40px 0 0 0;
		}
		.menu-center {
			text-align: center;
			width: 10%;
		}
		.menu-right {
			text-align: left;
			width: 45%;
			padding: 40px 0 0 0;
		}
		.logo {
			width:90px;
			margin: auto;
		}
		
		.menu-item {
  text-transform: uppercase;
  display: inline-block;
  background-color: transparent;
  padding: 0 14px;
  border: none;
}
		
	.social-item {padding: 0 7px;}
		
	.menu-icon {display: none;color:#999;}
		
		
		.dropbtn {
display: inline-block;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0 14px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
	text-transform: uppercase;
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,0.85);
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
  z-index: 1000;text-align: left;
}

.dropdown-content a { 
  color: black;
  padding: 12px 14px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background-color: transparent;
}

.dropdown:hover .dropdown-content {display: block;}

 .dropdown:hover .dropbtn {
	 background-color: transparent;
	 font-weight: 400;
} 
		.main {
			line-height: 1.5;
			text-align: left;
			width: 80%;
			max-width: 760px;
			margin: 30px auto;
			font-size: 1.1em;
			font-weight: 400;
			color: #444;
		}
		
		.main p {
			padding-bottom: 1.5em;
			text-align: justify;
		}

.content {
	display:block;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	width: 100%;
}
		
.picture img {
			width:100%
		}

.client {
			width: 33%;
			float: left;
			text-align: center;
			font-size: 1.2em;
			padding: 0 0 0.7em 0;
			font-weight: 400;
		}
	
		
		
	.button {
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
	display:inline-block;
	background-color: #eee;
	color:#777;
	padding: 10px 20px;
	margin: 10px 0;
	font-size: 1.2em;
	font-weight: 500;
	border-radius: 3px;
	border:none;
}
.button:hover {
	background-color: #eee;
	color:#000;
	padding: 14px 20px;
	margin: 6px 0;
	
}

input[type="text"], input[type="email"],  input[type="tel"], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
	height:2.6em;
	font-size: 1em;
	margin-bottom: 0.5em;
    appearance: none;
    background: #fff;
    border-radius: 6px;
    border: solid 1px #d5d5d5;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 0.8em;
    text-decoration: none;
    width: 100%;max-width: 600px;
	box-shadow: none;
}
textarea {
height: 160px;	
}

.error {
color:red;
	font-weight: 400;
	padding-bottom: 30px;
}
.success {
	font-weight: 400;
	padding-bottom: 30px;
}
		
.contact-social {
	font-size: 2em;
	padding: 0 20px 0 0;
		}
		.social {
			padding: 0 0 2em 0;
		}	


*::-webkit-input-placeholder {
    color: #999;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #999;
}
*::-moz-placeholder {
    /* FF 19+ */
   color: #999;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
}
		
@media (max-width: 900px) {
	.menu-item { padding: 0 6px; }
	.social-item { padding: 0 3px;}
	.dropbtn { padding: 0 6px; }
	
	.client {width: 50%;padding: 0 0 0.5em 0;}
	
} /* end max 900px */
		
		
		
		
@media (max-width: 760px) {
	h1 { font-size: 1.3em; font-weight: 300; padding-bottom: 0.7em; }
	h2 { font-size: 1.1em; font-weight: 300; padding-bottom: 0.4em; }		
			
	.menu-left {text-align: left; padding: 18px 0 0 16px;}
	.menu-right {text-align: right; padding: 30px 10px 0 0;}
			
	.menu-item { display:none; }
	.menu-icon {display:block; font-size: 1.9em;}
	.social-item { font-size: 1.2em; padding: 0 7px; }
	.dropbtn { display:none }
	.logo {width:70px;}
	
	.client {width: 100%;padding: 0 0 0.5em 0;float:none;}
	.content {
	display:block;
	color: #fff;
	font-size: 0.8em;
	line-height: 1;
	width: 100%;
}
	
	#panel {
	box-shadow: -5px 10px 10px rgba(0,0,0,0.18);
}
			
}  /* end max 760px */
		
		
		
@media (max-width: 480px) {
	
	h1 { font-size: 1.2em; padding-bottom: 0.6em; }
	h2 { font-size: 1em; padding-bottom: 0.3em; }		
	
	.menu-left {padding: 12px 0 0 20px;}
	.menu-right {text-align: right;padding: 24px 10px 0 0;}
	.menu-icon {font-size: 1.6em;}
	.social-item { font-size: 1em; padding: 0 6px; }
	.logo {width:60px;}	
						
} /* end max 900px */



.nGY2 .nGY2ViewerToolsTopLeft, .nGY2 .nGY2ViewerToolsTopRight  {
		text-shadow: none;
		}
	.nanogallery_viewertheme_light_my_nanogallery2 .nGY2Viewer .toolbar .label .title {
    color: #777 !important;
	font-size: 1em !important;
}
		.nanogallery_viewertheme_light_my_nanogallery2 .nGY2Viewer .toolbar .label .description {
    color: #777 !important;
	font-size: 0.8em !important;
}
		.nanogallery_viewertheme_light_my_nanogallery2 .nGY2Viewer .toolbar {
    border: 0px solid #111;
    color: #777 !important;
}
		.nGY2 .nGY2ViewerAreaNext>i, .nGY2 .nGY2ViewerAreaPrevious>i {
    font-weight: 700!important;
    font-size: 2.4em; 
    text-Shadow: none !important;
    background: rgba(255,255,255,1) !important;
	color: #999 !important;
}
		.nGY2 .nGY2viewerGallery .nGY2VThumbnail {
   border: 1px solid #fff !important; 
}
		.nGY2 .nGY2viewerGallery .activeVThumbnail {
    border: 2px solid #222;
}
		
		.nGY2 .nGY2GThumbnail {
    background-color: #fff;
		}
		
		.nGY2 .nGY2Viewer {
			background-color: rgba(255,255,255,1) !important;
		}
		
	.nGY2 .nGY2ViewerAreaNext>i, .nGY2 .nGY2ViewerAreaPrevious>i {
		    background: none !important;
		}