/* 
  ------------------------------------------------
    ------------------------------------------------
*/

body {
	font-family: 'Poppins', sans-serif;
	color: #202020;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	line-height:24px;
	font-weight:400;
}
img {vertical-align: bottom;}
p
{
	margin:7px 0px;
	text-align: justify;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, 
progress, section, source, video {display:block;}
.zerogrid{ width: 1170px; position: relative; margin: 0 auto; padding: 0; text-align:center;}

.content-wrapper {
	margin: 0px;
	overflow: hidden;
	padding:0px;
}

/* ------------------Header-------------------- */
header { width:100%; height:auto; float:left; text-align:center; background-color: #FFF;}

.header-inside { width:100%; height:auto; float:left; text-align:left; padding-top:24px; padding-bottom:24px;}

.logo-box { width:35%; height:auto; float:left; text-align:left;}

.header-right { width:62%; height: auto; float:right; text-align:right; text-align:right; padding-top:5px;}

.rmm {
	display:block;
	width:100%;
	margin:0 auto !important;
	text-align: right;
	line-height:24px !important;
	float:right;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family: 'Poppins', sans-serif; text-transform: uppercase;
}
.rmm a {
	color:#103754;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}


/* MINIMAL STYLE */

.rmm.minimal a {
	color:#103754;
	font-weight:normal;
}
.rmm.minimal a:hover {
	color:#ff4c00;
}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	padding:0px 17px 0px 17px;
	margin:0px -3px 0px -3px;
	font-size:18px;
	font-weight:400; color:#103754;
	font-family: 'Poppins', sans-serif; text-transform: none;
}
.rmm.minimal .rmm-main-list li a:hover
{
	color: #ff4c00;
}
.rmm.minimal .rmm-main-list li a.active
{
	color: #ff4c00;
}
.rmm.minimal .rmm-toggled {
	width:100%;
}
.rmm.minimal .rmm-toggled-controls {
	display:block;
	height:36px;
	color:#103754;
	text-align:center;
	position:relative;
}
.rmm.minimal .rmm-toggled-title {
	position:relative;
	top:5px;
	left:0px;
	font-size:18px;
	color:#FFF;
	float:left;
}
.rmm.minimal .rmm-button {
	display:block;
	right:1%;
	position:absolute;
	top:5px;
}

.rmm.minimal .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#FFF;
	width:20px;
}
.rmm.minimal .rmm-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:5px 0px;
	border-bottom:1px solid #345d7c;
	color:#FFF;
	font-size:18px;
	font-weight:400;
	font-family: 'Poppins', sans-serif; text-transform: none;
}
.rmm.minimal .rmm-toggled ul li a:hover
{
	color: #ff4c00;
}
.rmm.minimal .rmm-toggled ul li a.active
{
	color: #ff4c00;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
	width:100%;
}
.rmm.minimal .rmm-toggled ul li:last-child a { border-bottom:none;}

#welcome { width:100%; height:620px; float:left; text-align:center; background:url(../images/welcome-bg.jpg) center top no-repeat;}
.welcome-inside { width:100%; height: auto; float:left; text-align:center; padding-top:98px; color:#FFF;} 
.welcome-left { width:56%; height:auto; float:left; text-align:left;}
.welcome-left-top { width:100%; height:auto; float:left; text-align:left; padding-top:5px; padding-bottom:5px; font-size:14px; line-height:20px; color:#FFF; font-weight:400;
font-family: 'Poppins', sans-serif;} .welcome-left-top a { font-size:14px; line-height:20px; color:#FFF; font-weight:700; font-family: 'Poppins', sans-serif; text-decoration:none;}
.welcome-left-top a:hover { font-size:14px; line-height:20px; color:#FFF; font-weight:700; font-family: 'Poppins', sans-serif; text-decoration:none;}
.welcome-left-middle { width:100%; height:326px; float:left; text-align:left; padding-top:38px; font-size:24px; line-height:30px; color:#FFF; font-weight:300; font-family: 'Poppins', sans-serif;} .welcome-left-middle p { margin:24px 0px 7px 0px; text-align:left;}

.welcome-right { width:38%; height:auto; float:right; text-align:right; display:none;}
.welcome-right img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.welcome-left-bottom { width:100%; height:auto; float:left; text-align:left; padding-top:5px; padding-bottom:5px; font-size:14px; line-height:20px; color:#FFF; font-weight:400;
font-family: 'Poppins', sans-serif;} .welcome-left-bottom a { font-size:14px; line-height:20px; color:#FFF; font-weight:400; font-family: 'Poppins', sans-serif; text-decoration:none;}
.welcome-left-bottom a:hover { font-size:14px; line-height:20px; color:#FFF; font-weight:400; font-family: 'Poppins', sans-serif; text-decoration:none;}

.body-title-box { width:100%; height:auto; float:left; text-align:center; padding-top:90px; padding-bottom:88px;}
.body-title-inside { width:86%; height:auto; float:left; text-align:center; padding-left:7%; padding-right:7%;}
.body-title { width:100%; height:auto; float:left; text-align:left;} .body-title-left { width:43%; height:auto; float:left; text-align:left;}
.body-title-right { width:57%; height:auto; float:right; text-align:left; padding-top:16px;}
.body-title-right img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.body-title-inside-box { width:100%; height:auto; float:left; text-align:left; padding-top:36px;}

.mission-box { width:100%; height: auto; float:left; text-align:center; background:url(../images/mission-box-bg.jpg) center top repeat-y;}
.mission-inside { width:100%; height:500px; float:left; text-align:center; background:url(../images/mission-inside-bg.jpg) center top no-repeat;}
.mission-inside-box { width:86%; height: auto; float:left; text-align:center; padding-top:84px; padding-left:7%;
padding-right:7%;}
.mission-title { width:100%; height:auto; float:left; text-align:left;} .mission-title-left { width:61%; height:auto; float:left; text-align:right; padding-top:16px;}
.mission-title-right { width:39%; height:auto; float:right; text-align:right;}
.mission-content-box { width:100%; height:auto; float:left; text-align:left; padding-top:30px;} 
.mission-content-left { width:46%; height:auto; float:left; text-align:left; display: none;}
.mission-content-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.mission-content-right { width:50%; height:auto; float:right; text-align:right; color:#FFF;}

.services-box { width:100%; height:auto; float:left; text-align:center; background-color: #FFF; padding-top:90px; padding-bottom:88px;}
.services-inside { width:86%; height:auto; float:left; text-align:center; padding-left:7%; padding-right:7%;}
.services { width:100%; height:auto; float:left; text-align:left; padding-top:40px;} .services ul { margin:0px; padding:0px; list-style-type:none;}
.services ul li { width:30%; height:auto; float:left; text-align:center; display:block; margin-right:5%;} .services ul li:last-child { margin-right:0%;}
.services ul li p { margin:16px 0px 7px 0px; text-align:center;}
.services ul li img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-bottom:22px;
}

.work-box { width:100%; height:auto; float:left; text-align:center; padding-top:92px; padding-bottom:78px; background-color:#103754;}
.work-inside { width:86%; height:auto; float:left; text-align:center; padding-left:7%; padding-right:7%;}
.work-title { width:100%; height:auto; float:left; text-align:left;} 
.work-title-left { width:67%; height:auto; float:left; text-align:right; padding-top:16px;}
.work-title-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.work-title-right { width:33%; height:auto; float:right; text-align:right;}
.work-inside-top { width:100%; height:auto; float:left; text-align:right; padding-top:34px; color:#FFF;} 
.work { width:100%; height:auto; float:left; text-align:left; padding-top:40px;} .work ul { margin:0px; padding:0px; list-style-type:none;}
.work ul li { width:32%; height:auto; float:left; text-align:center; display:block; margin-right:2%; margin-bottom:20px;} .work ul li:last-child { margin-right:0%;}
.work ul li.right { margin-right:0%;} 

.image {
    width: 100%;
    height: 100%; 
    overflow: hidden; cursor:pointer;
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease; 
}

.image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25); 
}
.testimonial-box { width:100%; height:auto; float:left; text-align:center; padding-top:88px;}
.testimonial-inside { width:86%; height:auto; float:left; text-align:center; padding-left:7%; padding-right:7%;}
.testimonial-inside-box { width:100%; height:auto; float:left; text-align:left; padding-top:30px;}
.testimonial-bottom-box { width:100%; height:auto; float:left; text-align:center; padding-bottom:94px;}

.contact-box { width:100%; height:auto; float:left; text-align:center; background:url(../images/contact-box-bg.jpg) center top no-repeat #fc611f; padding-top:92px; padding-bottom:98px;}
.contact { width:53%; height:auto; float:left; text-align:left; padding-top:42px; padding-left:23.5%; padding-right:23.5%;}
.contact ul { margin:0px; padding:0px; list-style-type:none;} .contact ul li { width:100%; height:auto; float:left; text-align:center; display:block; padding-bottom:20px;}
.contact ul li:last-child { padding-bottom:0px;}
.contact ul li img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-top:30px; margin-right:12px;
}
.contact-left { width:49%; height:auto; float:left; text-align:left;} .contact-right { width:49%; height:auto; float:right; text-align:left;}


.input
{
width:95%;
height:30px;
font-size:18px;
line-height:30px;
color: #555555;
font-weight:mormal;
font-family: 'Poppins', sans-serif; text-transform: none;
padding-left:5%;
padding-top:10px;
padding-bottom:10px; border:none;
background-color: #FFF;
}
.comment
{
width:94%;
height:170px;
font-size:18px;
line-height:24px;
color: #555555;
font-weight:mormal;
font-family: 'Poppins', sans-serif; text-transform: none;
padding-left:3%; padding-right:3%; padding-top:15px; padding-bottom:15px; border:none;
background-color: #FFF;
}
input:focus { outline:none;}
textarea:focus { outline:none;}

.button {
	background: #103754;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:48%;
	height: auto;
	text-decoration:none;
 margin-top:30px; margin-left:26%; margin-right:26%;
font-size:18px; line-height:30px; color: #FFF; 
font-family: 'Poppins', sans-serif; text-transform:uppercase; font-weight:bold;
}
.button:hover {
	background: #072b46;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:48%;
	height: auto;
	text-decoration:none;
 margin-top:30px; margin-left:26%; margin-right:26%;
font-size:18px; line-height:30px; color: #FFF; 
font-family: 'Poppins', sans-serif; text-transform:uppercase; font-weight:bold;
 	-webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.clear
{
	clear:both;
}
/* ------------------Footer-------------------- */
footer .wrap-footer{ }
footer
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background-color: #FFF;
}
.footer-main-box
{
width:100%; height:auto; text-align:center; float:left; font-size:18px; line-height:24px; color: #202020;
font-weight:normal; font-family: 'Poppins', sans-serif; padding-top:28px; padding-bottom:28px;
}
.footer-main-box a
{
font-size:18px; line-height:24px; color: #202020;
font-weight:normal; font-family: 'Poppins', sans-serif; text-decoration:none;
}
.footer-main-box a:hover
{
font-size:18px; line-height:24px; color: #ff4c00;
font-weight:normal; font-family: 'Poppins', sans-serif; text-decoration:none;
}
.footer-left { width:55%; height:auto; float:left; text-align:left;}
.footer-right { width:44%; height:auto; float:right; text-align:right;}


/*Heading styles*/
h1, h2, h3, h4 {
	margin: 0px;
	padding:0px;
}
@font-face
{
 font-family: 'Poppins-Bold';
 src: url(../Poppins-Bold.ttf)
}
@font-face
{
 font-family: 'Poppins-Light';
 src: url(../Poppins-Light.ttf)
}
@font-face
{
 font-family: 'Poppins-Regular';
 src: url(../Poppins-Regular.ttf)
}

h1.styleFontface
{
	font-family: Poppins-Bold;
	font-size:60px;
	line-height:66px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal; letter-spacing:-1px;
	text-decoration:none; text-transform: none;
}
h2.styleFontface
{
	font-family: Poppins-Bold;
	font-size:60px;
	line-height:60px;
	color: #103754;
	font-weight:bold;
	font-style:normal;
	font-variant:normal; letter-spacing:-1px;
	text-decoration:none; text-transform: none;
}
h3.styleFontface
{
	font-family: Poppins-Bold;
	font-size:60px;
	line-height:60px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal; letter-spacing:-1px;
	text-decoration:none; text-transform: none;
}
h4.styleFontface
{
	font-family: Poppins-Bold;
	font-size:24px;
	line-height:30px;
	color: #103754;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff; left:0%;
	float:left; text-align:left;
}

.top {
  width: 100%;
  min-height: 350px;
  padding: 20px 0;
  text-align: center; }

.galleryItem {
  width: 315px;
  height: 315px;
  padding: 0; margin-right:2%; margin-bottom:20px;
  display: inline-block; float:left;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); }

.galleryItem img {
  width: 315px;
  height: 315px; }
  
  .galleryItem2 {
  width: 315px;
  height: 315px;
  padding: 0; margin-right:0%; margin-bottom:20px;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); }

.galleryItem2 img {
  width: 315px;
  height: 315px; }



/* lightbox */

.lightbox {
  display: none;
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.85);
}

.lightbox a { 
  color: #fff;
  text-decoration: none; 
}

.lightbox img {
  max-height: 85%;
  max-width: 85%;
}

.lightbox:target {
  display: table;
}

.lightbox .image {
  display: table-cell;
  vertical-align: middle; }

.lightbox .image img {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); }

.next, .prev, .close { display: block; position: fixed; }

.close { width: 5000px; height: 5000px; overflow: hidden; top: 0; left: 0; z-index: 5; cursor: default; }

.next, .prev { width: 100px; height: 25px; top: 50%; z-index: 10; opacity: 0.7; font-size: 2em; line-height: 25px; text-shadow: 0px 0px 15px rgba(0, 0, 0, 1); }

.prev { left: 10px; text-align: left; }

.prev::after { content: '\2039'; }
	
.next { right: 10px; text-align: right; }

.next::before { content: '\203A'; }