/*
	Theme Name: ROFAM
	Description: ROFAM Theme
	Version: 1.0.0
	License:
	License URI:
	Author: GREYS
	Author URI: http://www.greys.co
	Text Domain: greys-framework
	Domain Path: /languages/
*/

/* ==================================================================
 
 * Table of Contents:
 *
 * 1.0 - General
 * 2.0 - Loader
 * 3.0 - Menu
 * 4.0 - Home
 * 5.0 - About
 * 6.0 - Design
 * 7.0 - Projects
 * 8.0 - Services
 * 9.0 - Contact
 * 10.0- Responsive

================================================================== */


/* ==================================================================
GENERAL
================================================================== */

body {
	height:100%;
}

body,
html {
	font-family: Helvetica, Arial, sans-serif;
	min-width: 320px;
}

ul, 
ol {
	list-style-type: none;
	padding: 0;
}

a:active,
a:hover,
a:focus {
	outline: 0 none;
	text-decoration: none;
}

a {
	color: #474444;
	text-decoration: none;
}

h1 {		 
	color: #474444;
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 1;
	margin-top: 15px;
}

h2 {
	letter-spacing: 2px;
	font-size: 25px;
}

p {
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-word;
}

p, i {
	color: #474444;
}

.section,
.menu-left {
	display: table;
	position:relative;
	height: 100%;
	width: 100%;
	z-index: 5; 
	table-layout: fixed;
}

.center {
	display: table-cell;
	vertical-align: middle;
}

.ms-section {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
}

.ms-section.ms-table {
	width: 100%;
	table-layout: fixed;
}

body > .skiptranslate {
	display: none;
}

.owl-carousel .owl-wrapper-outer {
	height: 100% !important;
}

#main-container {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.display-none {
	display: none;
}

.overlay-right {
	background-color: rgba(255, 255, 255, 0.75) !important; 
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.vegas-slide-inner {
	background-size: none !important;
	opacity: 0.45 !important;
}

.border {
	background: #3351a2;
	height: 5px;
	width: 82px;
}

.updown-navigation {
	bottom: 40px;
	position: fixed;
	right: 60px;
	z-index: 992;
	background: #3351a2;
}


/* ==================================================================
LOADER
================================================================== */

.loader-background {
	background: rgba(255,255,255,1);
	bottom: 0;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.loader-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}

.pace {
	-webkit-pointer-events: none;
			pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
			user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #23408e;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}


/* ==================================================================
MENU
================================================================== */

.menu-left {
	position: fixed;
	z-index: 99;
	width: 50%;
	background: rgba(255,255,255,0.75);
	top: 0px; 
}

.menu-name {
	font-size: 45px;
	left: 60px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 2px;
	position: fixed;
	top: 40px;
	color: #474444;
}

.menu-sub {
	color: #23408e;
	font-size: 18px;
	left: 60px;
	font-weight: 300;
	letter-spacing: 2px;
	position: fixed;
	top: 100px;
}

.copyright {
	z-index: 99;
	bottom: 40px;
	left: 60px;
	position: fixed;
	color: #474444;
	font-weight: 400;
	letter-spacing: 1px; 
}

.menu-left .center ul li {
	margin: 35px 0 35px 60px;
}

.menu-left ul li a {
	font-family: Helvetica, Arial, sans-serif;
	color: #474444;
	text-align: center; 
	letter-spacing: 1.5px;  
	font-size: 16px;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		 -o-transition: all 200ms linear;
			transition: all 200ms linear;
}

.menu-left ul li a:hover {
	color: #23408e;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		 -o-transition: all 200ms linear;
			transition: all 200ms linear;
}

.menu-left ul .active a {
	color: #23408e;
	font-weight: bold;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		 -o-transition: all 200ms linear;
			transition: all 200ms linear;
}

.social {
	color: #474444;
	bottom: 60px;
	left: 60px;
	position: fixed;
	z-index: 99;
}

.social ul li {
	margin-right: 20px;   
	display: inline-block;
}

.social ul li i {
	color: #474444;
	font-size: 20px;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		 -o-transition: all 200ms linear;
			transition: all 200ms linear;
}

.social ul li i:hover {
	color: #23408e;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		 -o-transition: all 200ms linear;
			transition: all 200ms linear;
}

/* ==================================================================
 HOME
================================================================== */

.home-name .bigtext-line0 span::before {
	background: #3351a2;
	content: "";
	height: 18px;
	line-height: 0;
	position: absolute;
	margin-top: -40px;
	width: 82px;
}

.home-name {
	color: #3D3838;
	font-size: 115px;
	font-weight: 800;
	letter-spacing: 10px;
	text-align: right;
	line-height: 0.8;
	margin: 0 auto 40px;
}

.home-sub-a {
	color: #3D3838;
	font-weight: 100;
	letter-spacing: 7px;
	line-height: 0.8;
	text-align: right;
}

.home-sub-b {
	color: #FFC000;
	font-size: 23px;
	font-weight: 300;
	letter-spacing: 5px;
	margin-top: 35px;
	margin-right: 8px;
	text-align: right;
}

.home-item {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.home-item .home-overlay {
	-webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		 -o-transition: all 300ms linear;
			transition: all 300ms linear;
}

.home-overlay {
	background:rgba(255,255,255,0.45);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.home-item:hover .home-overlay {
	background:rgba(255,255,255,0.25)

}

.home-img {
	height: 100%;
	width: 100%;
	background-position: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		-ms-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

.home-link {
	top: 50%;
	position: absolute;
	text-align: right;
	width: 100%;
	z-index: 5;  background: white none repeat scroll 0 0;
	display: table;
	height: 160px;
	opacity: 0;
	-webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		 -o-transition: all 300ms linear;
			transition: all 300ms linear;
}

.home-link span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 4px;
	position: relative;
	width: 100%;
	text-transform: uppercase;
	opacity: 0;
	color: #3d3838;
	-webkit-transition: all 300ms linear;
	  -moz-transition: all 300ms linear;
	   -ms-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		   transition: all 300ms linear;

}

.home-link span::before {
	content: "";
	height: 6px;
	opacity: 0;
	position: absolute;
	top: -14px;
	width: 25px;
	-webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		 -o-transition: all 300ms linear;
			transition: all 300ms linear;
}

.home-link a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 5px;
}

.home-item:hover .home-link {

		opacity: 1;
	 -webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			 -ms-transition: all 300ms linear;
				-o-transition: all 300ms linear;
					 transition: all 300ms linear;

}

.home-item:hover span {

		background: rgba(255,255,255,1);
		color: #3D3838;
		opacity: 1;
	 -webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			 -ms-transition: all 300ms linear;
				-o-transition: all 300ms linear;
					 transition: all 300ms linear;

}

.home-item:hover span::before {

		opacity: 1;
		background: #3351a2;
	 -webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			 -ms-transition: all 300ms linear;
				-o-transition: all 300ms linear;
					 transition: all 300ms linear;

}


.home-item  .home-overlay {
	
	 -webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			 -ms-transition: all 300ms linear;
				-o-transition: all 300ms linear;
					 transition: all 300ms linear;

}

.home-item .home-img {
	
	 -webkit-transition: all 350ms linear;
			-moz-transition: all 350ms linear;
			 -ms-transition: all 350ms linear;
				-o-transition: all 350ms linear;
					 transition: all 350ms linear;

}

.home-item:hover .home-img {
	
	-webkit-transform: scale(1.075);
		 -moz-transform: scale(1.075);
			-ms-transform: scale(1.075);
			 -o-transform: scale(1.075);
					transform: scale(1.075);

}

#home-carousel {

		cursor:url(./img/grab.png) 8 8, move;

}

.grabbing { 

		cursor:url(./img/grabbing.png) 8 8, move !important;

}

#home-carousel {
	 
		height: 100%;
		overflow: hidden;
		width: 100%;

}

.home-navigation {
		
		bottom: 40px;
		position: absolute;
		right: 60px;
		z-index: 992;
		background: #3351a2;
 
}

/* ==================================================================
ABOUT
================================================================== */

.about-sub {
 
		color: #474444;
		font-size: 18px;
		font-weight: 400;

}

.section-about p {
	 
		margin-bottom: 25px;
		margin-top: 25px;

}

.section-about ul li {

		display: inline-block;

}

.section-about ul li a {

		color: #3d3838; 
		cursor: pointer;
		color: #3d3838;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1.5px;
		margin-right: 20px;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.section-about ul li a:hover {

		color: #23408e;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.team-background {

		height: 100%;
		opacity: 0.15;
		position: absolute;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
	 -webkit-background-size: cover;
			-moz-background-size: cover;
			 -ms-background-size: cover;
				-o-background-size: cover;
					 background-size: cover;
	
}

.team-image {

		background-position: center center;
		background-repeat: no-repeat;
		border: 4px solid #3351a2;
		height: 150px;
		margin: 0 auto;
		position: relative;
		top: 70px;
		width: 150px;
		z-index: 999999;
	 -webkit-background-size: cover;
			-moz-background-size: cover;
			 -ms-background-size: cover;
				-o-background-size: cover;
					 background-size: cover;

}

.team-name {

		background: white;
		font-size: 18px;
		font-weight: 600;
		height: 35px;
		line-height: 35px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		top: 120px;
	
}

.team-profession {

		background: white none repeat scroll 0 0;
		font-size: 18px;
		font-weight: 600;
		height: 35px;
		line-height: 35px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		top: 150px;
	
}

.team-social {

		position: relative;
		text-align: center;
		top: 190px;

}

.team-social ul li {

		margin-right: 10px; 
		margin-left: 10px; 
		display: inline-block;

}

.team-social ul li i:hover {

		color: #EBD9A0;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.team-social ul li i {

		color: #474444;
		font-size: 20px;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.about-popup-options {

		background: white;
		height: 520px;
		margin: 0 auto;
		position: relative;
		width: 350px;
		border: 2px solid #3351a2;

}

hr {

		border-color: #3351a2 !important;
		border-width: 3px 0 0 !important;
}

/* ==================================================================
DESIGN
================================================================== */

.section-design p {

		margin-bottom: 35px;

}

#design-carousel .design-item {
		 
		display: block;
	 -webkit-transition: all 500ms linear;
			-moz-transition: all 500ms linear;
			 -ms-transition: all 500ms linear;
				-o-transition: all 500ms linear;
					 transition: all 500ms linear;
		
}

.design-img {

		height: 100%;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
	 -webkit-background-size: cover;
			-moz-background-size: cover;
			 -ms-background-size: cover;
				-o-background-size: cover;
					 background-size: cover;
 
}

.design-height {
	 
		height: 160px;

}

.design-overlay {
	 
		background:rgba(255,255,255,0.45);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.design-item:hover .design-overlay {
 
		background: rgba(255,255,255,0);
	 -webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			 -ms-transition: all 300ms linear;
				-o-transition: all 300ms linear;
					 transition: all 300ms linear;

}

.navigation ul {

		font-size: 0;
		margin: 0;
	
}

.navigation ul li {

		font-size: 14px;
		background: #3351a2;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 40px;
		cursor: pointer;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.navigation ul li a {

		color: #fff;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.navigation ul li:hover {

		background: #23408e;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}
.margin-40 {margin: 40px 0}
#design-carousel2 .design-item-two {
		 
		display: block;
	 -webkit-transition: all 500ms linear;
			-moz-transition: all 500ms linear;
			 -ms-transition: all 500ms linear;
				-o-transition: all 500ms linear;
					 transition: all 500ms linear;
		
}

.design-img {

		height: 100%;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
	 -webkit-background-size: cover;
			-moz-background-size: cover;
			 -ms-background-size: cover;
				-o-background-size: cover;
					 background-size: cover;
 
}

.design-height {
	 
		height: 160px;

}

.design-overlay {
	 
		background:rgba(255,255,255,0.45);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.design-item:hover .design-overlay {
 
		background: rgba(255,255,255,0);
	 -webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			 -ms-transition: all 300ms linear;
				-o-transition: all 300ms linear;
					 transition: all 300ms linear;

}

.navigation-two ul {

		font-size: 0;
		margin: 0;
	
}

.navigation-two ul li {

		font-size: 14px;
		background: #3351a2;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 40px;
		cursor: pointer;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.navigation-two ul li a {

		color: #3d3838;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.navigation-two ul li:hover {

		background: #FFF4D3;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

/* ==================================================================
															 PROJECTS
================================================================== */

.section-projects p {
		
		margin-bottom: 35px;

}

.section-projects .projects-list a {

		color: #474444;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0.75px;
		font-family: Helvetica, Arial, sans-serif;
		cursor: pointer;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.section-projects span {

		font-weight: 600;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;
	
}

.section-projects .list-a ul li {

		margin:15px 0 15px 15px;

}

.section-projects .list-a ul li a:hover span {

		color: #23408e;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.projects-list {

		border-left: 6px solid #3351a2;

}

.section-projects .p-h1 h1 {
		
		font-size: 50px;
 
}

.section-projects .list-b li {

		margin-bottom: 10px;
		padding-left: 15px;
		font-family: Helvetica, Arial, sans-serif;

}

.section-projects .list-b li span {

		font-weight: 600;

}

.mfp-fade.mfp-bg {

		opacity: 0;
	 -webkit-transition: all 0.35s ease-out;
	 -moz-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;

}

.mfp-fade.mfp-bg.mfp-ready,
.mfp-fade.mfp-bg.mfp-removing {
	
		opacity: 0;

}

.mfp-fade.mfp-wrap .mfp-content {
	
		opacity: 0;
	 -webkit-transition: all 0.35s ease-out;
	 -moz-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;

}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	
		opacity: 1;

}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
		
		opacity: 0;

}

/* ==================================================================
															 SERVICES
================================================================== */

.services-item .border {

		background: #3351a2;
		height: 6px;
		width: 40px;
		margin-bottom: 10px;

}

.section-services h2 {
	
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		margin-bottom: 15px;
		margin-top: 15px;
	
}

.section-services .navigation {

		margin-top: 25px;

}

.block {

		padding-right: 15px;
	
}

/* ==================================================================
CONTACT
================================================================== */

.form-control {
	 
		background: none repeat scroll 0 0 transparent;
		border-color: #3d3838;
		border-radius: 0;
		border-style: none none solid;
		border-width: medium medium 2px;
		box-shadow: none;
		color: #3d3838;
		font-size: 16px;
		letter-spacing:1px;
		padding: 0;height: 60px;
		font-weight: 600;

}

.form-control:focus {
	 
		box-shadow: none;
		border-color: #3D3838;

}

.help-block {
		
		color: #796d79;
		font-size: 14px;
		position: absolute;
		font-style: normal;
		font-weight: 300;

}

textarea.form-control {
		
		margin-top: 20px;
		resize: vertical;

}

button.close {
	 
		cursor: pointer;
		margin-left: 10px;
}

.alert {
	 
		border: medium none;
	
}

.alert-danger {
	
		background: rgba(0, 0, 0, 0);
		color: #796d79;
		text-align: right;
		font-weight: 300;
		font-size: 15px;

}

#success {

		position: relative;

}

.alert-success {

		margin: 0;
		padding: 15px;
		background: rgba(0, 0, 0, 0);
		color: #796d79;
		float: right;
		text-align: right;

}

button[type="submit"] {
	
		background-color: rgba(255, 255, 255, 0);
		border: 0;
		border-radius: 0;
		box-shadow: none;
		box-sizing: border-box;
		color: #3d3838;
		cursor: pointer;
		font-size: 16px;
		font-weight: 600;
		outline: medium none;
		margin-top: 40px;
		letter-spacing: 1px;
		padding: 0;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

button[type="submit"]:hover {

		color: #23408e;
	 -webkit-transition: all 200ms linear;
			-moz-transition: all 200ms linear;
			 -ms-transition: all 200ms linear;
				-o-transition: all 200ms linear;
					 transition: all 200ms linear;

}

.form-control::-moz-placeholder {
	 
		color: #3d3838;

}

.form-control::-webkit-input-placeholder {
		
		color: #3d3838;

}

.form-control:-moz-placeholder { 
	 
		color: #3d3838;

}

.form-control:-ms-input-placeholder {
	 
		color: #3d3838;

}

#map_div {

		width: 100%;
		height: 520px
}

.map {

		right: 0;
		color: #474444;
		float: right;
		cursor: pointer;

}

.contact-popup-options {

		position: relative;
		max-width: 65%;
		margin: 0 auto;

}

.gmnoprint a, 
.gmnoprint span {
		
		display:none;

}

/* ==================================================================
															RESPONSIVE
================================================================== */

@media (max-width: 1024px){

	.ms-right #right2 {
		background-image: url("../img/mobile-1.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		    -ms-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}

	.ms-right #right4 {
		background-image: url("../img/mobile-2.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		    -ms-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}

	.ms-right #right6 {
		background-image: url("../img/mobile-3.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		    -ms-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}

	.section-home .section-margin {
		padding: 23% !important;
	}
	
	.section-margin{
		width: 100%;
	}

	.about-popup-options {
		width: 100% !important;
	}

	.section-projects .navigation {
		position: relative !important;
		text-align: center;
		display: block !important;
	}

	.contact-popup-options {
		max-width: 100%;
	}

	.social ul li {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	.social ul li i {
		font-size: 24px !important;
	}

	.social {
		color: #474444;
		left: 0 !important;
		position: relative !important;
		text-align: center;
		width: 100%;
		margin-top: 25px;
	}

	.copyright {
		left: 0 !important;
		position: relative !important;
		text-align: center;
		width: 100%;
 	}

	.close-projects {
		margin-top: 35px;
	}

	.section-about ul li {
		margin-bottom: 15px;
	} 

	.menu-left,
	.menu-name,
	.menu-sub {
		height: 0;
		left: -99999px !important;
		opacity: 0 !important;
		position: absolute !important;
	}

	.updown-navigation {
		display: none !important;
	}

	.section-margin {
		padding: 15% 8%;
	}

	.show-mobile .ms-tableCell {
		height: 100% !important;
	}
	
	.vegas-slide {
		display: none;
	}

	.vertical-align {
		margin: 0 auto;
		display: table;
	}

	body {
		overflow: auto !important;
	}

	.hide-mobile {
		display: none !important;
	}

	.ms-left,
	.ms-right {
		min-height: 0 !important;
		height: auto !important;
		top: auto !important;
		position: relative !important;
		width: 100% !important;
	}
}

@media (min-width: 1025px) {

		.section-projects .navigation {
				
				bottom: 40px;
				position: fixed;
				right: 140px;

		}

		.section-margin {

				margin-left: 10%;
 
		}
		}
@media (max-width: 991px) {
	.desktop-menu {
		display:none;
	}
}

@media (min-width: 991px) {
		
		.slicknav_menu{

				display: none;

		}
}

@media (max-width: 468px) {
	.border {
		height: 5px;
		width: 60px;
	}

	.section-home .home-name {
		margin: 0 auto 20px;
	}

	.home-sub-b {
		margin-top: 18px;
		font-size: 17px !important;
	}

	h1 {
		font-size: 22px;
		margin: 10px 0px;
	}

	p {
		margin: 0 0 5px;
	}
}

@media (min-width: 468px) and (max-width: 1024px){){
	
	h1 {
		font-size: 55px !important;
	}

}

@media (min-width: 1025px) and (max-width: 1280px) {

		.col-md-7 {

				width: 70%;
		}

}

@media (min-width: 991px) and (max-width: 1650px){

		.section-home .section-margin {

				margin-left: 20%;

		}
		
}

@media (min-width: 1280px){ .container { width:980px !important; } }

/* Element: #greys_button
--------------------------------------------------------------- */

.greys_btn_align_center {
	text-align: center;
}
.greys_btn_align_right {
	text-align: right;
}
.greys_btn {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 1.4;
	min-width: 140px;
	padding: 12px 28px 10px;
	cursor: pointer;
	text-align: center
}
/* Title */
.greys_btn_title {
	position: relative;
	z-index: 100;
}
/* Background */
.greys_btn_bg {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	border: 2px solid;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
/* Size */
.greys_btn_lg {
	padding: 17px 36px 16px;
}
.greys_btn_sm {
	padding: 9px 20px 8px;
}
.greys_btn_xs {
	min-width: 100px;
	padding: 7px 14px 6px;
}
/* Style: Rounded */
.greys_btn_filled_rounded .greys_btn_bg,
.greys_btn_border_rounded .greys_btn_bg {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
/* Style: Filled */
.greys_btn_filled,
.greys_btn_filled_rounded {
	color: #fff;
}
.greys_btn_filled:hover,
.greys_btn_filled_rounded:hover {
	color: #fff;
}
.greys_btn_filled .greys_btn_bg,
.greys_btn_filled_rounded .greys_btn_bg {
	border-color: transparent;
	background-color: #181818;
}
.greys_btn_filled:hover .greys_btn_bg,
.greys_btn_filled_rounded:hover .greys_btn_bg {
	opacity: 0.73;
}
/* Style: Border */
.greys_btn_border,
.greys_btn_border_rounded {
	color: #555;
}
.greys_btn_border:hover .greys_btn_bg,
.greys_btn_border_rounded:hover .greys_btn_bg {
	opacity: 0.37;
}
/* Style: Link */
.greys_btn_link {
	min-width: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e1e1e1;
}
.greys_btn_link .greys_btn_bg {
	display: none;
}

[class*="col-"] {
	padding:0px !important;
}