body {
   	font-family: "Museo Sans Rounded 900", serif;
	   background-color: #fff;
   }

   ::-moz-selection {
   	background: #e92e49;
   	color: #FFFFFF;
   }

   ::selection {
   	background: #e92e49;
   	color: #FFFFFF;
   }

   .dlink {
   	width: 100%;
   	text-align: center;
   	margin-top: 25px;
   }

   .allworks {
   	width: 10%;
   	text-align: center;
	   color: #313131;
	   border-radius: 20px;
	   border: 2px solid;
   }

   .allworks:hover{
	border-radius: 20px;
	border: 2px solid;
	background-color: #000;
	color: #FFF;
   }
   .sayhello {
   	color: #313131;
   	font-family: "Museo Sans Rounded 900", serif;
   	font-size: 48px;
   }
   .homelink {
   	color: #fff;
   	text-decoration: none;
   }

   .homelink:hover {
   	color: #252525;
   	text-decoration: none;
   }

   .ntop {
   	background-color: #fff !important;

   }

   .twhite {
   	color: #313131;
   }

   .twhite:hover {
   	color: #fff !important;
   	text-decoration: none;
   }

   .title {
   	color: #313131;
   	padding-top: 25px;
   }

   .ttext {
   	color: #313131;
   	font-family: "Museo Sans Rounded 100", serif;
   }

   .footer {
   	margin-top: 15px;
   	margin-bottom: 25px;
   	padding-top: 25px;
   	color: #bcbcbc;
   	font-family: "Museo Sans Rounded 100", serif;
   }

   .aimg {
   	margin-top: 25px;
   }

   .allw {
   	border-radius: 10px;
   	border: 1px solid #313131;
   	padding: 15px 15px 13px 30px;
   	color: #313131;
   	font-family: "Museo Sans Rounded 100", serif;
   	width: 47%;
   	font-size: 16px;
   	margin: 15px 5px 0px 22px;
   	background-image: url("../images/arrow.png");
   	background-repeat: no-repeat;
   	background-position: left;
   	background-position: 15px 22px;

   }

   .form-control {
   	background: none;
   	border: 1px solid #ccc;
   	font-size: 14px;
   	padding-top: 7px;
   	height: 60px;
   	-webkit-box-shadow: none !important;
   	box-shadow: none !important;
   	-webkit-transition: none !important;
   	-o-transition: none !important;
   	transition: none !important;
   }

   .form-control:focus {
   	border-color: #313131 !important;
   	background-color: #fff1;
	   color: #313131;
   	outline: 0;
   }

   /* font start */



   @font-face {
   	font-family: 'Museo Sans Rounded 100';
   	font-style: normal;
   	font-weight: normal;
   	src: local('Museo Sans Rounded 100'), url('../fonts/MuseoSansRounded100.woff') format('woff');
   }


   @font-face {
   	font-family: 'Museo Sans Rounded 900';
   	font-style: normal;
   	font-weight: normal;
   	src: local('Museo Sans Rounded 900'), url('../fonts/MuseoSansRounded900.woff') format('woff');
   }


   /* font end*/

   figure {
   	overflow: hidden;
   	width: 47%;
   	margin: 25px 5px 15px 22px;
   	float: left;
   	cursor: pointer;
	border-radius: 30px;
	border: 8px solid #000;
	padding: 10px;
   }

   figure:hover+span {
   	bottom: -36px;
   	opacity: 1;
   }

   /* Shine */
   .hover14 figure {
   	position: relative;
   }

   .hover14 figure::before {
   	position: absolute;
   	top: 0;
   	left: -75%;
   	z-index: 2;
   	display: block;
   	content: '';
   	width: 50%;
   	height: 100%;
   	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   	-webkit-transform: skewX(-25deg);
   	transform: skewX(-25deg);
   }

   .hover14 figure:hover::before {
   	-webkit-animation: shine .55s;
   	animation: shine .55s;
   }

   @-webkit-keyframes shine {
   	100% {
   		left: 125%;
   	}
   }

   @keyframes shine {
   	100% {
   		left: 125%;
   	}
   }


   /*
---- Overlay
*/
   .overlay {
   	position: fixed;
   	background: rgba(37, 37, 37, 0.90);
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
   	opacity: 0;
   	visibility: hidden;
   	transition: opacity .35s, visibility .35s, height .35s;
   	overflow: hidden;
   	z-index: 9999;
   }

   .overlay.open {
   	opacity: 1;
   	visibility: visible;
   	height: 100%;
   }

   .overlay.open li {
   	animation: fadeInRight .5s ease forwards;
   	animation-delay: .35s;
   }

   .overlay.open li:nth-of-type(2) {
   	animation-delay: .4s;
   }

   .overlay.open li:nth-of-type(3) {
   	animation-delay: .45s;
   }

   .overlay.open li:nth-of-type(4) {
   	animation-delay: .50s;
   }

   /* Navigation Title */
   .overlay .nav-title {
   	font-size: 22px;
   	color: #fff;
   	font-weight: bold;
   	text-transform: uppercase;
   	text-align: center;
   	position: absolute;
   	left: 50%;
   	transform: translate(-50%);
   	top: 8%;
   }

   .overlay nav {
   	position: relative;
   	height: 50%;
   	top: 50%;
   	transform: translateY(-50%);
   	font-size: 50px;
   	font-weight: 400;
   	text-transform: uppercase;
   	text-align: center;
   	letter-spacing: 40px;
   }

   .overlay ul {
   	list-style: none;
   	padding: 0;
   	margin: 0 auto;
   	display: inline-block;
   	position: relative;
   	height: 100%;
   }

   .overlay ul li {
   	display: block;
   	position: relative;
   	opacity: 0;
   	margin-bottom: 60px;
   }

   .overlay ul li a {
   	display: block;
   	position: relative;
   	color: #FFF;
   	text-decoration: none;
   	overflow: hidden;
   }

   .overlay ul li a:hover,
   .overlay ul li a:focus,
   .overlay ul li a:active {
   	color: #ea2e49;
   }

   .overlay ul li a:hover:after,
   .overlay ul li a:focus:after,
   .overlay ul li a:active:after {
   	width: 100%;
   	background: #ea2e49;
   }

   button:focus {
   	outline: 0;
   }

   .open-menu,
   .close-menu,
   .button {
   	cursor: pointer;
   	transition: transform 0.30s;
	   margin-right: 15px;
   }

   .open-menu:hover,
   .close-menu:hover,
   .button:hover {
   	transform: scale(1.1);
   }

   .overlay ul li a:after {
   	content: '';
   	position: absolute;
   	top: 50%;
   	left: 43.5%;
   	width: 0%;
   	transform: translateX(-50%);
   	height: 3px;
   	background: #313131;
   	transition: .35s;
   }

   @keyframes fadeInRight {
   	0% {
   		opacity: 0;
   		left: 20%;
   	}

   	100% {
   		opacity: 1;
   		left: 0;
   	}
   }

.logo{
	margin-left: 15px;
}

   @media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
   	figure {
   		overflow: hidden;
   		width: 92%;
   		margin: 25px 15px 1px 15px;
   		float: left;
		   border-radius: 20px;
		   border: 5px solid #000;
		   padding: 8px;
   	}

   	figure:hover+span {
   		bottom: -36px;
   		opacity: 1;
   	}

   	.title {
   		font-size: 21px;
   	}

   	.ttext {
   		font-size: 18px;
   	}

   	.allw {
   		width: 90%;
   	}

   	.overlay nav {
   		position: relative;
   		height: 50%;
   		top: 50%;
   		left: 2%;
   		transform: translateY(-50%);
   		font-size: 20px;
   		font-weight: 400;
   		text-transform: uppercase;
   		text-align: center;
   		letter-spacing: 16px;
   	}

   	.allworks {
   		width: 40%;
   		text-align: center;
   		margin-top: 25px;
		   border-radius: 10px;
		   border: 2px solid;
   	}
	   .open-menu,
	   .close-menu,
	   .button {
		   margin-right: 0;
		
	   }
	   .logo{
		   margin-left: 0;
	   }


   }

   @media only screen and (min-device-width : 768px) and (max-device-width : 1223px) {
   	figure {
   		background: #000;
   		overflow: hidden;
   		width: 45%;
   		margin: 25px 15px 1px 15px;
   		float: left;
   	}

   	figure:hover+span {
   		bottom: -36px;
   		opacity: 1;
   	}

   	.allw {
   		width: 45%;
   	}

   	.allworks {
   		width: 15%;
   		text-align: center;
   		margin-top: 25px;
		   border-radius: 10px;
		   border: 2px solid;
   	}

   }