@charset "utf-8";
/* CSS Document */
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Roboto-Thin';
	src: url('../fonts/Roboto-Thin.eot');
	src: local('☺'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin.svg') format('svg');
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Roboto-Black';
	src: url('../fonts/Roboto-Black.eot');
	src: local('☺'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg') format('svg');
}

@font-face {
	font-family: 'Conv_BebasNeue-Bold';
	src: url('../fonts/BebasNeue-Bold.eot');
	src: local('☺'), url('fonts/BebasNeue-Bold.woff') format('woff'), url('../fonts/BebasNeue-Bold.ttf') format('truetype'), url('../fonts/BebasNeue-Bold.svg') format('svg');
}


body{font-family: 'Conv_Roboto-Thin'; color: #000;}

.home-bg {background: url(../images/home-bg.jpg) no-repeat #989898 top center; background-size: cover; width: 100%; height: 100%;}
.main-heading {border-left: 8px solid #000000; padding: 3% 0 3% 20px; margin-top: 180px;}
.main-heading h1 {font-size: 61px; font-family: 'Conv_Roboto-Bold'; line-height: 50px;}
.main-heading h1 span {font-size: 41px;}

.home-links {padding: 10px 0 500px;}
.home-links ul {padding: 0;}
.home-links ul li {list-style-type: none; display:block; margin: 10px 0;}
.home-links ul li a{display: block; color: #ffeded; padding: 18px 0; background: #9a7c81; border: 2px solid #ffeded; font-size: 18px;}
.home-links ul li a:hover {background: #87646a;  text-decoration: none;}


/*------Other Pages Css-----*/
.other-page-bg {background: url(../images/other-page-bg.jpg) no-repeat #989898 top center; background-size: cover; width: 100%; height: 100%;}
.reemg-bg {background: url(../images/reemg-bg.png) no-repeat top center; background-size:cover; width: 100%; height:100%; }
.studio-bg {background: url(../images/studio.jpg) no-repeat top center; background-size:cover; width: 100%; height: 100%;}
.header {padding: 60px 0 30px;}

.content-area {background: #caadb8; border: 1px solid #ffeded; height: auto; width: 100%; padding: 20px; margin-bottom: 80px; position: relative;}
.content-area h1{font-family: 'Conv_BebasNeue-Bold'; font-size: 60px; color: #282828; padding-top: 50px; border-bottom: 2px solid #FFF; display: inline-block;}
.paragraph {font-size: 18px; font-weight: bold;}
.map { margin: 20px 0;  border: 2px solid #ffeded; position: relative}
.map iframe {padding: 0; margin: 0; display: block;}

.query-form {padding: 15px 0;}
.query-form input {background: #e5cad4; border-radius: 0; border: 2px solid #ffeded;}
.query-form textarea {background: #e5cad4; border-radius: 0; border: 2px solid #ffeded;}
.submit-btn {background: #393939; border-radius: 0; border: none; color: #FFF; padding: 10px 0; font-weight: bold; cursor: pointer;}

.work-img-div {margin: 20px 0;}

.about-us-div h2{font-family: 'Conv_BebasNeue-Bold'; font-size: 30px; color: #282828; padding-top: 50px; border-bottom: 2px solid #FFF; display: inline-block;}
.about-text-div {background: #af8796; padding: 15px; min-height: 222px; height: auto;}
.about-text-div p{ text-align: justify; color: #FFF; line-height: 22px; font-size: 16px;}
.arbi-text {line-height: 30px!important;}

.video-div {width: 100%; height: auto;}


.small-menu-icon{
	font-size:30px;cursor:pointer;  display: inline-block; color: #FFF;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color:rgba(0,0,0,0.8);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #FFF;
  display: block;
  transition: 0.3s;
}

.side-menu{ padding-right: 50px; padding-top: 50px;}

.side-menu li {list-style-type: none; padding: 5px 0;}
.side-menu li a {font-weight: bold;}

.sidenav a:hover {
  color: #fbcce2;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 36px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}