/* Left & Right alignment */




.bor { width:100%; float:left; height:1px; background:#D3D3D3; margin:20px 0;}
.img-credo { width:100px; margin-top:10px;}

.site-title { padding:10px 0 20px 0; color:#000 !important; border-bottom: 1px solid #D9D4D8;}



.site-title a { color:#000 !important;}



.text-black a { color:#000 !important;}



.smallk { font-size:12px; line-height:25px;}



.tab-bott {	border-bottom:1px solid #fff;}





/*Modal closed*/



.mobi-font { font-size:28px !important; float:left;}



.num-mo { width:100%; margin-top:0px; font-size:12px !important; float:left; }







.mo-mar {margin-top:17px; color:#FECC00 !important; }



.mo-mar a { text-decoration:none;  color:#FECC00 !important;}



.c-mar { top:40px;}

.a-mar { top:40px;}



.tab-scroll-2 {

    height: 350px;

    overflow-y: scroll;

    overflow-x: hidden;

}



.mo-dal { display:inline;}



ul.tabs {

	

	float: left;

	list-style: none;

	



width: 28%;

margin-right: 20px;

text-transform: capitalize;

}



ul.tabs li {

	display: block;

height: 100px;

margin-bottom:20px;

padding: 10px !important;

cursor: pointer;

float: none;

border: 1px solid #C0C0C0 !important;

}



ul.tabs li h6 {

    text-align: left;

    font-size:13px;

}



ul.tabs  li p {

    text-align: left;

      font-size:12px;

    line-height: 15px;

}





.tab_last { border-right: 1px solid #333; }



ul.tabs li:hover {

	background-color: #fff;

	color: #333;

}



ul.tabs li.active {

	

margin-right: -1px !important;

padding: 10px !important;

background: #76B727 none repeat scroll 0% 0%;

color:#fff;

}



ul.tabs li.active h6 { color:#FFF;}

ul.tabs li.active p { color:#FFF;}



.tab_container {

	padding: 1em;

background-color: #FFF;

border: 3px solid #76B727 !important;

float: left;

width: 68%;

height: 400px;

border-radius: 0px;

clear: none;

margin-bottom:100px;

}

.tab_container p {

padding: 0px 10px;

text-align: left;

text-align: justify;

font-style: italic;

}

.tab_content {

	padding: 20px;

	display: none;

}



.tab_drawer_heading { display: none; }

































.invalid { color:#F00; font-size:12px;}

input#image-button{

    background: url('../img/light-on.png') no-repeat top center;

	background-size:55px;

  

	width:90px;

	text-align:center;

	

	margin:0 auto;

	text-decoration:underline;

	padding-top:45px;

	text-transform: uppercase;

    height: 90px;

}



.text-upper { text-transform:uppercase;}



.credo-img { width:150px; float:left; height:100%;}

 .padd { padding:40px;}

 

 .footer p { color:#000; text-transform:capitalize; font-size:12px; text-align:center;}



.inner h4 {

    font-size: 18px;

    font-weight: 500;

    color: #A71380;

}



.inner b {

    font-size: 14px;

    font-weight: 100;

    color: #A71380;

}

#loading1 {

	display: none;

	width: 100%;

	padding: 10em 8em;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}

.sk-folding-cube {

	margin: 40px auto;

	width: 40px;

	height: 40px;

	position: relative;

	-webkit-transform: rotateZ(45deg);

	transform: rotateZ(45deg);

}

.sk-folding-cube .sk-cube {

	float: left;

	width: 50%;

	height: 50%;

	position: relative;

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

.sk-folding-cube .sk-cube:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #312450;

	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;

	animation: sk-foldCubeAngle 2.4s infinite linear both;

	-webkit-transform-origin: 100% 100%;

	-ms-transform-origin: 100% 100%;

	transform-origin: 100% 100%;

}

.sk-folding-cube .sk-cube2 {

	-webkit-transform: scale(1.1) rotateZ(90deg);

	transform: scale(1.1) rotateZ(90deg);

}

.sk-folding-cube .sk-cube3 {

	-webkit-transform: scale(1.1) rotateZ(180deg);

	transform: scale(1.1) rotateZ(180deg);

}

.sk-folding-cube .sk-cube4 {

	-webkit-transform: scale(1.1) rotateZ(270deg);

	transform: scale(1.1) rotateZ(270deg);

}

.sk-folding-cube .sk-cube2:before {

	-webkit-animation-delay: 0.3s;

	animation-delay: 0.3s;

}

.sk-folding-cube .sk-cube3:before {

	-webkit-animation-delay: 0.6s;

	animation-delay: 0.6s;

}

.sk-folding-cube .sk-cube4:before {

	-webkit-animation-delay: 0.9s;

	animation-delay: 0.9s;

}

 @-webkit-keyframes sk-foldCubeAngle {

 0%, 10% {

 -webkit-transform: perspective(140px) rotateX(-180deg);

 transform: perspective(140px) rotateX(-180deg);

 opacity: 0;

}

 25%, 75% {

 -webkit-transform: perspective(140px) rotateX(0deg);

 transform: perspective(140px) rotateX(0deg);

 opacity: 1;

}

 90%, 100% {

 -webkit-transform: perspective(140px) rotateY(180deg);

 transform: perspective(140px) rotateY(180deg);

 opacity: 0;

}

}

 @keyframes sk-foldCubeAngle {

 0%, 10% {

 -webkit-transform: perspective(140px) rotateX(-180deg);

 transform: perspective(140px) rotateX(-180deg);

 opacity: 0;

}

 25%, 75% {

 -webkit-transform: perspective(140px) rotateX(0deg);

 transform: perspective(140px) rotateX(0deg);

 opacity: 1;

}

 90%, 100% {

 -webkit-transform: perspective(140px) rotateY(180deg);

 transform: perspective(140px) rotateY(180deg);

 opacity: 0;

}

}

a {

	outline: none;

}

.left {

	float: left;

}

.right {

	float: right;

}

.wrapper {

	width: 100%;

	overflow: hidden;

}

.client-cat {

}

/*-----form------*/







.panel-title a {

	border-bottom: 1px solid #D9D4D8;

	color: #292929;

	display: block;

	padding: 1.25em 0;

	position: relative;

	text-decoration: none;

	-webkit-transition: color 200ms ease 0s;

	-moz-transition: color 200ms ease 0s;

	transition: color 200ms ease 0s;

	width: 100%;

}

.panel-title a .icon {

	color: #9e9e9e;

	position: absolute;

	right: 0;

	-webkit-transition: all 200ms ease 0s;

	-moz-transition: all 200ms ease 0s;

	transition: all 200ms ease 0s;

}

.panel-title a:hover, .panel-title a:focus {

	color: #37474f;

}

.panel-title a:hover .icon, .panel-title a:focus .icon {

	color: #ec407a;

}

.panel-title a.active {

	color: #37474f;

}

.panel-title a.active .icon {

	color: #ec407a;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	transform: rotate(45deg);

}

.js .accordion {

	border-bottom: 1px solid #ececec;

	margin: 2em 0;

}

.accordion .panel-title a {

	border-top: 1px solid #ececec;

}

[id^="panel-"] {

 padding-bottom: 2em;

}

.form-box {

	width: 500px;

	margin: 0 auto;

}

.form-box-2 {

	width: 360px;

	margin: 0 auto;

}

.form-box-2 h4 {

	font-size: 0.9em;

	margin: 1em 0;

	width: 100%;

	text-align: center;

	color: #000;

}

.form-box-2 h3 {

	font-size: 0.9em;

	margin: 1em 0;

	text-align: center;

	text-transform: none;

	color: #000;

}

.form-box-3 {

	width: 360px;

	margin: 0 auto;

	text-align: center;

}

.form-box-3 p {

	text-align: center;

}

.form-box-3 a {

	color: #b1921d;

}

.img-button {

	border: none;

	text-align: center;

	text-decoration: underline;

	width: 90px;

	background:#fff;

	margin: 1em auto;

	text-transform: uppercase;

}

.img-button-2 {

	border: none;

	text-align: center;

	text-decoration: underline;

	width: 60px;

	background: #fff;

	margin: 1em 40%;

}

.img-button img {

	width: 100%;

}

.form-box h3 {

	font-size: 0.9em;

	margin: 1em 0;

	text-align: center;

	text-transform: none;

	color: #000;

}

.left-inner-addon {

	position: relative;

}

.left-inner-addon input {

	padding-left: 35px;

}

.left-inner-addon i {

	position: absolute;

	padding: 10px 12px;

	font-size: 0.8em;

	color: #797979;

	pointer-events: none;

}

.input-row {

	padding: 10px;

	margin: 10px;

}

/*-----form------*/			

					



.client-cat ul li {

	border: 1px solid #D6D6D6;

	padding: 1em;

	border-bottom: none;

	font-size: 0.9em;

}

.text-black {

	color: #000;

}

.bg-voilet {

	background: #0071bb;

}

.bg-purple {

	background: #A71380;

}

.bg-green {

	background: #75B727;

}

.bg-yellow {

	background: #FECC00;

}

.bg-red {

	background: #ed3224;

}

.border-golden {

	background: #947601;

	width: 100px;

	height: 1px;

	margin: 0px auto 10px;

}

.border-voilet {

	background: #5E42A6;

	width: 40px;

	height: 1px;

	margin: 10px 0;

}

.border-purple {

	background: #A71380;

	width: 40px;

	height: 1px;

	margin: 10px 0;

}

.border-green {

	background: #75B727;

	width: 40px;

	height: 1px;

	margin: 10px 0;

}

.border-yellow {

	background: #FECC00;

	width: 40px;

	height: 1px;

	margin: 10px 0;

}

.border-red {

	background: #E3000F;

	width: 40px;

	height: 1px;

	margin: 10px 0;

}

/* dropdown======================================================== */







/* testimonials======================================================== */



.quote-up {

	width: 100%;

	height: 40px;

}

.quote-up img {

	width: 40px;

}

.quote-down {

	width: 100%;

	height: 40px;

}

.quote-down img {

	float: right;

	width: 40px;

}

.quote-down {

}

.testi-logo {

	width: 50px;

	height: 50px;

	margin-top: 10px;

	border: 1px solid #DADADA;

}

.testi-logo img {

	width: 100%;

}

/* testimonials======================================================== */











/* scrollbar======================================================== */





/* scrollbar======================================================== */



/* General */

.cl-menu-box {

	width: 700px;

	height: 90px;

	left: 20%;

	margin-top: 0em;

	top: 230px;

	z-index: 100;

	position: absolute;

}

#cssdropdown, #cssdropdown ul {

	list-style: none;

}

#cssdropdown, #cssdropdown * {

	padding: 0;

	margin: 0;

}

/* Head links */

#cssdropdown li.headlink {

	width: 220px;

	float: left;

	margin-left: -1px;

	border: 1px #c0c0c0 solid;

	text-align: center;

}

#cssdropdown li.headlink a {

	display: block;

	padding: 10px;

	color: #000;

	text-decoration: none;

	font-size: 16px;

}

#cssdropdown li.headlink a:hover {

	background-color: #75b727;

	color: #fff;

}

/* Child lists and links */

#cssdropdown li.headlink ul {

	display: none;

	border-top: 1px #c0c0c0 solid;

	text-align: left;

}

#cssdropdown li.headlink:hover ul {

	display: block;

}

#cssdropdown li.headlink ul li a {

	padding: 10px;

	font-size: 14px;

	color: #7a7a7a;

}

#cssdropdown li.headlink ul li a:hover {

	background-color: #75b727;

	color: #FFF;

}

/* Pretty styling */

	

#cssdropdown a {

	color: white;

}

#cssdropdown ul li a:hover {

	text-decoration: none;

}

#cssdropdown li.headlink {

	background-color: white;

}

#cssdropdown li.headlink ul {

	padding-bottom: 10px;

}

/* dropdown======================================================== */





/* client======================================================== */

.client-bx {

	width: 150px;

	height: 150px;

	float: left;

	border: 1px #c0c0c0 solid;

	margin-left: 1em;

	margin-top: 1em;

}

.client-bx img {

	width: 100%;

}

.client-container {

	width: 880px;

	margin: 1em auto;

}

.portfolioContainer {

	position: relative;

}

/* client======================================================== */





/* Team ======================================================== */



.team-brief {

	margin: 10px;

	font-size: 12px;

	padding: 1em;

	overflow-y: scroll;

}

.team-details {

	width: 200px;

	padding:0em 1em;

	margin: 0 auto;

}

.team-details img {

	width: 100% !important;

	margin-top: 1em;

}

.team-details h6 {

	font-weight: 100;

	font-size: 1.1em;

}

.team-details p {

	font-size: 12px !important;

	margin: 0 !important;

	padding: 0 !important;

	text-align: left !important;

	line-height: 25px !important;

	ont-weight: 100!important;

}

.team-details p a {

	line-height: 30px;

	color: #fecc00;

}

.team-details i {

	font-size: 1.5em;

	color: #FFF;

	margin-top: 0.4em;

}

.red-text {

	color: #e3000f;

}

.yellow-text {

	color: #fecc00;

}

.team-left {

	font-size: 2em;

	z-index: 999;

	position: absolute;

	margin-left: -10px;

	margin-top: 40%;

	color: #5e42a6;

}

.know-more {

	background: #75b727;

	padding: 1.2em;

	font-size: 0.8em;

	line-height: 0px;

	margin-top: 1em;

	margin-left: 2em;

	float: left;

	color: #fff;

	font-style: normal;

}

.team-right {

	font-size: 2em;

	z-index: 999;

	position: absolute;

	margin-right: -10px;

	right: 0;

	margin-top: 40%;

	color: #5e42a6;

}

.team-bx-voilet h6 {

	font-weight: 100;

	font-size: 1.2em;

	text-align: left;

}

.team-bx-voilet p {

	color: #FFF;

	font-weight: 100;

	font-size: 10px;

	margin: 0;

	padding: 0;

	text-align: left;

	line-height: 15px

}

.team-container {

	width: 90%;

}

.team-bx {

	width: 150px;

	height: 150px;

	float: left;

	background: #000;

}

.team-bx img {

	width: 100%;

	height: 100%;

}

.team-bx-voilet {

	width: 150px;

	height: 150px;

	float: left;

	background: #5E42A6;

}

.team-bx-voilet img {

	width: 100%;

}

/* Team ======================================================== */



/* Contact ======================================================== */



.ico {

	width: 40px;

	height: 40px;

}

.conntact-bx {

	padding: 1em;

}



.conntact-bx h4 { color:#000;}

/* Contact ======================================================== */



/* Global properties ======================================================== */

.glob {

	width: 100%;

	height: 100vh;

	position: relative;

	overflow: hidden;

}

body {

	font-family: Arial, sans-serif;

	color: #fff;

	background: #20153b none repeat scroll 0 0;

	min-height: 100%;

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

/* Global Structure ============================================================= */

.main {

	margin: 0;

	width: 100%;

	z-index: 2;

	height: 100%;

	background: #0071bb  none repeat scroll 0 0;

	position: relative;

}

.page_spinner {

	position: absolute;

	background: 50% 50% no-repeat #fff;

	z-index: 99;

	padding: 20%;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0

}

.page_spinner h4 {

	width: 100%;

	font-size:18px;

	font-weight: 200;

	margin-top: -10px;

	text-align: center;

	line-height:30px;

}

/* ============================= main layout ====================== */

a {

	color: #000;

	text-decoration: none;

	outline: none;

}

a:hover {

	text-decoration: underline

}

h1 {

	float: left;

	padding: 0 0 0 0px;

	position: relative;

	display: inline-block;

}

h2 {

	font-family: Arial, sans-serif;

	color: #292929;

	font-size: 40px;

	line-height: 40px;

	width: 100%;

	padding-bottom: 30px;

	

	font-weight: normal;

	letter-spacing: 0px;

}

h3 {

	font-family: 'Roboto', sans-serif;

	color: #292929;

	font-size: 13px;

	line-height: 20px;

	width: 100%;

	text-transform: uppercase;

}

p {

	font-family: 'Roboto', sans-serif;

	padding-bottom: 18px;

	font-size: 11px;

	color: #848484;

	line-height: 17px;

	text-transform: uppercase;

	position: relative;

	overflow: visible;

}

.undLineOff {

	text-decoration: none;

}

.textLowerCase {

	text-transform: lowercase

}

.center {

	padding: 0 0;

	width: 100%;

	position: relative;

	display: inline-block;

}

.alignLeft {

	text-align: left;

}

.alignCenter {

	text-align: center;

}

.alignRight {

	text-align: right;

}

/* ============================= header ====================== */

header {

	position: relative;

	width: 940px;

	height: 122px;

	margin: 0 auto;

	z-index: 5;

}

.m-logo {

	display: none;

}

.logo {

	width: 250px;

	height: 200px;

	background: #FFF;

	position: relative;

	z-index: 999;

}

.logo img {

	width: 160px;

	margin: 70px 40px;

	position: relative;

	z-index: 999;

}

#logoHolder {

	margin: 0 140px;

	position: relative;

	width: 674px;

	height: 172px;

}

.centerHolder {

	width: 100%;

	position: relative;

	z-index: 3;

	top: 0;

	margin: 0 auto;

	height: 122px;

}

.logoHolder {

	position: absolute;

	width: 702px;

	top: -850px;

	height: 226px;

	left: 0px;

}

.menu {

	position: relative;

	z-index: 0;

	display: inline-block;

	float: left;

	width: 100%;

}

#menu {

	z-index: 3;

	position: relative;

	width: 100%;

	white-space: nowrap;

}

#menu > li {

	position: relative;

	width: 20%;

	height: 100vh;

	display: inline-block;

	float: left;

	padding-right: 0px;

	left: -1700px;

}

#menu > li > a {

	color: #fff;

	display: block;

	text-transform: uppercase;

	position: relative;

}

#menu > li > a:hover {

	text-decoration: none;

}

#menu > li.active > a {

	text-decoration: none;

}

#menu .last {

	padding: 0;

}

.mText {

	z-index: 2;

	display: inline-block;

	bottom: 0;

	margin-left: 152px;

	position: absolute;

	margin-bottom: 18px;

}

.imgHolder {

	width: 184px;

	height: 386px;

	position: relative;

	text-align: center;

	z-index: 1;

	background: #FEFEFE;

	overflow: hidden;

}

.extraHolder {

	width: 100%;

	height: 200px;

	position: absolute;

	display: inline-block;

	z-index: 2;

	overflow: hidden;

	top: 386px;

}

.menuHolder2 {

	position: absolute;

	width: 100%;

	height: 0px;

	z-index: 2;

	background: #fff;

	left: 1700px;

}





.menu2 {

	position: relative;

	z-index: 0;

	display: inline-block;

}

#menu2 {

	z-index: 3;

	position: relative;

	width: 250px;

	background: #312450;

	float: left;

	height: 100vh;

}

#menu2 > li {

	position: relative;

	width: 100%;

	display: inline-block;

	float: left;

	margin-right: 5px;

}

#menu2 > li > a {

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	color: #fff;

	display: block;

	padding: 1em 0;

	font-size: 1em;

	text-transform: capitalize;

	position: relative;

	width: 100%;

	z-index: 2;

}

#menu2 > li > a:hover {

	text-decoration: none;

}

#menu2 > li.active > a {

	text-decoration: none;

}

#menu2 .last {

	margin: 0;

}

.submenu_1 {

	width: 100%;

	display: block;

	overflow: hidden;

	position: absolute;

	top: 12px;

	z-index: 3;

}

.submenu_1 li {

	display: block;

}

.submenu_1 a {

	font-family: 'Roboto', sans-serif;

	color: rgba(255, 255, 255, 0.6);

	font-size: 10px;

	display: inline-block;

	text-transform: uppercase;

	text-indent: 20px;

	line-height: 20px;

}

.submenu_1 li:hover > a, .submenu_1 li.sfHover > a {

	text-decoration: none;

	color: rgba(0, 0, 0, 1);

}

.menuText {

	font-family: 'Roboto', sans-serif;

	color: rgba(255, 255, 255, 1);

	z-index: 2;

	width: 100%;

	position: relative;

	display: inline-block;

	line-height: 50px;

	font-size: 17px;

	text-indent: 20px;

	padding-top: 0px;

}

/* ============================= content ====================== */

#content {

	position: relative;

	height: 100%;

	z-index: 1;

	float: left;

	width: 100%;

	margin: 0px;

}

#content > ul {

	width: 100%;

	height: 100%;

	z-index: 1;

	position: relative;

}

#content > ul > li {

	width: 100%;

	display: block;

	position: absolute;

	height: 100%;

}

.box {

	height: 100%;

	width: 100%;

	margin: 0;

}

.menuPlane {

	background: url(../images/partLine.html) repeat-x;

	width: 100%;

	height: 42px;

	position: absolute;

	top: 0;

	z-index: 1;

}

.menuHolder {

	width: 940px;

	height: 42px;

	margin: 0 auto;

}

.underline {

	text-decoration: underline;

}

.space1 {

	display: inline-block;

	width: 74px;

}

.padRight1 {

	padding-right: 20px;

}

.padRight2 {

	padding-right: 55px;

}

.padRight3 {

	padding-right: 10px;

}

.padRight4 {

	padding-right: 18px;

}

.padRight5 {

	padding-right: 16px;

}

.padRight6 {

	padding-right: 16px;

}

.padBot1 {

	padding-bottom: 22px;

}

.padBot2 {

	padding-bottom: 25px;

}

.padBot3 {

	padding-bottom: 25px;

}

.padBot4 {

	padding-bottom: 16px;

}

.padBot5 {

	padding-bottom: 25px;

}

.padBot6 {

	padding-bottom: 25px;

}

.marTop1 {

	margin-top: 26px;

}

._link1 {

	font-family: 'Roboto', sans-serif;

	color: #292929;

	font-size: 10px;

	font-weight: bold;

}

._link1:hover {

	text-decoration: underline;

}

._link2 {

	color: #74070b;

}

._list2 {

	width: 100%;

}

._list2 > li {

	padding-bottom: 12px;

	width: 100%;

	margin-bottom: 6px;

	border-bottom: 1px solid #d9d4d8;

}

._list2 > li >._title {

	width: 100%;

	font-family: 'Roboto', sans-serif;

	padding-bottom: 0px;

	font-size: 12px;

	color: #848484;

	line-height: 18px;

	text-transform: uppercase;

	position: relative;

	overflow: hidden;

}

._list2 > li > p {

	padding-bottom: 5px;

	line-height: 18px;

	margin-top: -18px;

}

._list2 > li > .btn {

	width: 15px;

	height: 9px;

	position: absolute;

	display: inline-block;

	right: 0;

	cursor: pointer;

}

._list2 .last {

	border: 0;

}

.btnBg1 {

	background: url(../images/marker1.html) 50% 50% no-repeat;

}

.btnBg2 {

	background: url(../images/marker2.html) 50% 50% no-repeat;

}

.more {

	font-family: 'Roboto', sans-serif;

	color: #292929;

	font-size: 10px;

	line-height: 14px;

	text-transform: uppercase;

	font-weight: bold;

	position: relative;

	display: inline-block;

}

.more:hover {

	color: #74070b;

}

#jcarousel_1 > ul {

}

#jcarousel_1 > ul > li {

	width: 220px;

	height: 304px;

	position: relative;

	float: left;

	margin-right: 20px;

}

.btnHolder {

	position: absolute;

	top: 8px;

	right: 0px;

	width: 50px;

	z-index: 2;

}

.scrButn {

	position: relative;

	margin-right: 0px;

}

.zoomSp {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 220px;

	height: 304px;

	z-index: 3;

	background: url(../images/magnify.html) 50% 38% no-repeat black;

}

.descr {

	width: 210px;

	height: 58px;

	position: absolute;

	display: inline-block;

	bottom: 0;

	background: url(../images/bg4.html);

	z-index: 3;

	margin: 5px;

	text-align: center;

}

.circ {

	position: absolute;

	background: url(../images/extra5.html) 50% 50% no-repeat;

	width: 45px;

	height: 46px;

	font-family: 'Roboto', sans-serif;

	color: #e0dbd3;

	font-size: 13px;

	text-transform: uppercase;

	display: block;

	text-align: center;

	line-height: 46px;

	top: -30px;

	left: 80px;

}

.bg1 {

	background: url(../images/bg1.html);

}

.bg2 {

	background: url(../images/bg2.html);

}

.bg3 {

	background: url(../images/bg3.html);

}

.bg4 {

	background: url(../images/bg4.html);

}

.bg5 {

	background: url(../images/bg5.html);

}

.scroll1 {

	width: 380px;

	height: 315px;

	margin-bottom: 0px;

}

.track {

	position: absolute;

	top: 60px;

	left: 410px;

	width: 14px;

	height: 321px;

	background: url(../images/track.html) 0 0 no-repeat;

}

.shuttle {

	position: relative;

	width: 14px;

	height: 178px;

	background: url(../images/shuttle.html) 0% 1px no-repeat;

	display: inline-block;

	z-index: 1;

}

._fig1 {

	width: 100%;

	position: relative;

	display: inline-block;

}

._fig1 img {

	position: relative;

	float: left;

	margin-right: 10px;

}

._fig1 figcaption {

	width: 224px;

	position: relative;

	float: left;

	margin-top: 22px;

}

._fig1 p {

	padding-bottom: 0;

}

._fig2 {

	display: inline-block;

	position: relative;

	float: left;

}

._fig3 {

	display: inline-block;

	position: relative;

	float: left;

}

.bordBot {

	border-bottom: 1px solid #d9d4d8;

}

.textStyle1 {

	color: #292929;

	font-weight: bold;

	font-size: 13px;

}

.textStyle2 {

	letter-spacing: -2px;

}

.textStyle3 {

	font-family: 'Roboto', sans-serif;

	color: #292929;

	font-size: 13px;

	width: 100%;

	font-weight: bold;

	text-transform: uppercase;

	padding-bottom: 2px;

	position: relative;

	display: block;

}

.textStyle4 >a {

	font-family: 'Roboto', sans-serif;

	color: #292929;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	position: relative;

	display: block;

}

.textStyle5 {

	font-family: 'Roboto', sans-serif;

	color: #e0dbd3;

	font-size: 13px;

	width: 100%;

	text-transform: uppercase;

	position: relative;

	display: block;

	text-align: center;

	margin-top: 24px;

}

.calPic {

	width: 16px;

	height: 15px;

	position: absolute;

	display: inline-block;

	right: 0;

}

/* ============================= splash ====================== */

.splashHolder {

	position: absolute;

	z-index: 2;

	width: 100%;

	float: left;

	height: 100%;

}

.navHolder {

	position: relative;

	height: 14px;

	margin-top: 14px;

}

/****************************************************************/

#ui-datepicker-div {

	background: #fff;

	border: 1px solid #DBD5C7;

	font-family: 'Roboto', sans-serif;

}

#ui-datepicker-div .ui-datepicker-prev {

	font-size: 13px;

	line-height: 20px;

	color: #8C8B8B;

	cursor: pointer;

	margin-left: 5px;

	text-transform: uppercase;

}

#ui-datepicker-div .ui-datepicker-next {

	font-size: 13px;

	line-height: 20px;

	color: #8c8b8b;

	cursor: pointer;

	float: right;

	margin-right: 6px;

	text-transform: uppercase;

}

#ui-datepicker-div .ui-datepicker-title {

	font-size: 13px;

	color: #74070b;

	font-weight: bold;

	margin-left: 5px;

}

#ui-datepicker-div .ui-datepicker-calendar {

	font-size: 13px;

	color: #000;

	font-weight: bold;

	position: relative;

}

#ui-datepicker-div .ui-datepicker-calendar thead {

	position: relative;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: bold;

}

#ui-datepicker-div .ui-datepicker-calendar thead > tr > th {

	position: relative;

}

#ui-datepicker-div .ui-datepicker-calendar tbody {

	position: relative;

}

#ui-datepicker-div .ui-datepicker-calendar tbody > tr {

}

#ui-datepicker-div .ui-datepicker-calendar tbody > tr > td {

	padding: 4px;

	text-align: center;

}

#ui-datepicker-div .ui-datepicker-calendar tbody > tr > td >a {

	text-align: center;

	color: #8C8B8B;

	padding: 2px;

}

#ui-datepicker-div .ui-datepicker-calendar tbody > tr > td >a:hover {

	color: #74070b;

	text-decoration: none;

}

#ui-datepicker-div .ui-datepicker-header {

	padding-bottom: 6px;

	position: relative;

}

/* ============================= footer ====================== */

footer {

	position: relative;

	width: 100%;

	z-index: 2;

	height: 65px;

	float: left;

}

.topBtn {

	position: relative;

	display: inline-block;

	cursor: pointer;

}

.mainFooter {

	width: 940px;

	z-index: 2;

	margin: 0 auto;

	height: 65px;

}

.textPrivacy {

	font-family: 'Roboto', sans-serif;

	font-size: 10px;

	color: #9a9a9a;

	position: relative;

	display: inline-block;

	font-family: Arial;

	line-height: 20px;

	bottom: 0;

}

.privHold {

	font-size: 10px;

	color: #ededed;

	text-transform: uppercase;

	position: absolute;

	margin-top: 35px;

}

.followHolder {

	position: relative;

	display: inline-block;

	float: right;

	margin-top: 35px;

	width: 300px;

}

.followHolder span {

	padding: 0 4px;

	color: #9a9a9a;

}

.followHolder > ul {

	display: inline-block;

	float: right;

}

.followHolder > ul > li {

	display: inline-block;

	float: left;

}

.followHolder > ul > li > a {

	font-family: 'Roboto', sans-serif;

	color: #9a9a9a;

	text-transform: uppercase;

	font-size: 10px;

	line-height: 20px;

}

.followHolder > ul > li > a:hover {

	color: #292929;

	text-decoration: none;

	font-weight: bold;

}

/*=======================Map=====================================*/

.google_map {

	margin: 0;

	width: 400px;

	height: 295px;

	background: #fff;

	border: 5px solid #cfcace;

}

/* ============================= forms ============================= */

#ContactForm {

	padding: 0;

}

#ContactForm .bg {

	padding: 0;

}

#ContactForm .wrapper {

	overflow: inherit;

	min-height: 40px;

}

#ContactForm .success {

	padding-bottom: 1px;

	text-transform: uppercase;

	font-size: 11px;

	position: relative;

	float: left;

	color: #7D7D7D;

	width: 100%;

}

#ContactForm label {

	position: relative;

	display: inline-block;

	padding-bottom: 17px;

}

#ContactForm .message {

	padding-bottom: 0px;

}

#ContactForm span {

	display: block

}

#ContactForm .error, #ContactForm .empty {

	font-size: 9px;

	color: #7D7D7D;

	line-height: 9px;

	display: none;

	width: 100%;

	top: 0px;

	position: relative;

	text-transform: uppercase;

	padding-top: 2px;

}

#ContactForm a {

	position: relative;

	z-index: 1;

}

#ContactForm a:hover {

	text-decoration: none;

}

#ContactForm .input {

	width: 266px;

	padding: 7px 16px;

	color: #7D7D7D;

	outline: none;

	margin: 0;

	font-size: 12px;

	font-family: Arial;

	border: 1px solid #ddd8c9;

	box-shadow: none;

}

#ContactForm textarea {

	overflow: auto;

	margin: 0;

	width: 266px;

	height: 108px;

	padding: 9px 16px;

	color: #7D7D7D;

	resize: none;

	outline: none;

	font-size: 12px;

	font-family: Arial;

	border: 1px solid #ddd8c9;

}

#ContactForm .block {

	display: inline-block;

	position: relative;

}

.formBtn {

	display: inline-block;

	position: relative;

	padding-left: 20px;

	margin-top: 16px;

}

/* ============================= end forms ============================= */









/* ============================= ISOTOPE ============================= */



.portfolioFilter {

	text-align: center;

}

.portfolioFilter a {

	margin-right: 10px;

	color: #fff;

	text-decoration: none;

	display: inline;

}

.portfolioFilter a.current {

	background-color: #75B727;

color: #FFF !important;

}

.isotope-item {

	z-index: 2;

}

.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}

.isotope, .isotope .isotope-item {

	/* change duration value to whatever you like */

 

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	transition-property: transform, opacity;

}



/*@media only screen and (max-width:480px) {



.grid figure {

    position: relative;

    float: left;

    overflow: hidden;

    margin: 0px;

    min-width: 100%;

    max-width: 100%;

    height:100%;

    width: 100%;

    z-index: 0;

    text-align: center;

    cursor: pointer;

}

}*/



/* ============================= ISOTOPE ============================= */

@media only screen and (max-width:1024px) {

	.img-credo { width:100px; margin-top:20px;}

}



@media only screen and (max-width:800px) {

	

	.md-modal {



	width: 100%;

}



	

	

.cd-side-nav {

  position: absolute;

  z-index:2;

  left: 0;

  top: 0;

 height:335px !important;

  width: 100%;

  padding: 45px 0 0;

  background-color: #312450;

  visibility: hidden;

  opacity: 0;

  max-height: 100vh;

  overflow: hidden;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;

  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;

  transition: opacity 0.2s 0s, visibility 0s 0.2s;

}

.cd-side-nav.nav-is-visible {

  opacity: 1;

  visibility: visible;

  overflow:scroll !important;

  -webkit-overflow-scrolling: touch;

  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;

  transition: opacity 0.2s 0s, visibility 0s 0s;

  max-height: none;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

}	

	

	

.team-container {

	width:320px;

	margin:0 auto;

}	

	

.tab_container {

    padding: 0em;

    background-color: #FFF;

    border: 1px solid #76B727 !important;

    float: left;

    width: 100%;

    height:100%;

    border-radius: 0px;

    clear: none;

    margin-bottom: 100px;

}	

	

	.tabs {

		display: none;

	}

	

.tab-bott {	border-bottom:1px solid #76B727;}

	.tab_drawer_heading {

		background-color: #fff;

		color: #333;

		border-top:1px solid #76B727;

		

		

		width:100%;

		height:100px;

		

		

		margin: 0;

		padding: 5px 20px;

		display: block;

		cursor: pointer;

		-webkit-touch-callout: none;

		-webkit-user-select: none;

		-khtml-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

	}

	

	.tab_drawer_heading small { font-size:12px; line-height:10px;}

	



	.d_active {

		background-color: #76B727;

		color: #fff;

	}	

	





.menu {

    z-index: 0;

    display: inline-block;

    float: left;

    width: 100%;

    height: 100vh;

    overflow: scroll;

}	

	

.grid figure {

	cursor: pointer;

	float: left;

	height:20%;

	margin: 0;

	max-width: 100%;

	min-width: 100%;

	overflow: hidden;

	position: relative;

	text-align: center;

	width: 100%;

	z-index: 0;

}



#menu > li {

    position: relative;

    width:100%;

    height:20%;

    display: inline-block;

    float: left;

	

    padding-right: 0px;

   

}



figure.effect-chico h2 {

    margin-top: 0px;

    font-size: 22px;

    padding: 0;

    position: relative;

    bottom: 0px;

}







.form-box {

	margin: 0 auto;

	width: 280px;

	height:auto;

}



.form-box-2 {

    width: 280px;

    margin: 0 auto;

}



.knowledge-title {

	font-size: 1.2em;

}

.knowledge-title img {

	width: 40px;

}

.form-box-3 {

	margin: 0 auto;

	text-align: center;

	width: 320px;

}

.footer {

	display: none;

}

.footer-social {

	display: none;

}

.inner-title {

	width: 100%;

}



.inner {

   padding: 1em;

width: 100%;

height: 200%;

float: left;

overflow:hidden;



}



.team-bx {

	width: 120px;

	height: 160px;

	float: left;

	margin: 0 0em;

	background: #E9E9E9;

}

.team-bx img {

	width: 100%;

	height: 100%;

}

.team-bx-voilet {

	width: 120px;

	height: 160px;

	margin-bottom: 1em;

	float: left;

	background: #5E42A6 none repeat scroll 0% 0%;

}



.button--naira::before {

	background: #37474f none repeat scroll 0 0;

	content: "";

	height: 200%;

	left: 0%;

	position: absolute;

	top: 0%;

	transform: translate3d(0px, -100%, 0px) rotate3d(0, 0, 1, -10deg);

	width: 200%;

	z-index: -1;

}

.logo {

	display: none;

}

.m-logo {

	background: none;

	height: 60px;

	width: 100px;

	float: left;

	display: inline-block;

}

.m-logo img {

	width: 100px;

	margin: 10px 10px;

}



.boolen {

	display: none;

}

.cl-menu-box {

	width: 300px;

	height: 90px;

	left: 20%;

	position: absolute;

}

.client-container {

	width: 100%;

	margin-top: 1em;

}

.client-bx {

	width: 100px;

	height: 100px;

	float: left;

	border: 1px solid #C0C0C0;

	margin-left: 2em;

	margin-top: 1em;

}

.content-style-form {

	position: relative;

	text-align: left;

	margin-top: 60px;

}

button-fixed .morph-content {

	width: 100px;

	height: 100px;

}



.client-inner {

	padding: 0em 45px;

	width: 100%;

	height: 200%;

	margin-top: 380px;

	overflow-y: hidden;

	float: left;

}

.page_spinner {

	position: absolute;

	background: 50% 50% no-repeat #fff;

	z-index: 99;

	padding:50% 20%;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0



}



.c-mar { top:0px;}

.a-mar { top:0px;}



/*@media only screen and (max-width:375px) {



.form-box {

	margin: 0 auto;

	width: 280px;

	height:auto;

}



.form-box-2 {

    width: 280px;

    margin: 0 auto;

}



.knowledge-title {

	font-size: 1.2em;

}

.knowledge-title img {

	width: 40px;

}

.form-box-3 {

	margin: 0 auto;

	text-align: center;

	width: 320px;

}

.footer {

	display: none;

}

.footer-social {

	display: none;

}

.inner-title {

	width: 100%;

}

.inner {

	padding: 1em;

	width: 100%;

	height: 100%;

	float: left;

}





.team-bx {

	width: 120px;

	height: 160px;

	float: left;

	margin: 0 0em;

	background: #E9E9E9;

}

.team-bx img {

	width: 100%;

	height: 100%;

}

.team-bx-voilet {

	width: 120px;

	height: 160px;

	margin-bottom: 1em;

	float: left;

	background: #5E42A6 none repeat scroll 0% 0%;

}

.morph-button-fixed > button {

	z-index: 1000;

	width: 100%;

	height: 155px;

	transition: opacity 0.1s ease 0.5s;

}

.button--naira::before {

	background: #37474f none repeat scroll 0 0;

	content: "";

	height: 200%;

	left: 0%;

	position: absolute;

	top: 0%;

	transform: translate3d(0px, -100%, 0px) rotate3d(0, 0, 1, -10deg);

	width: 200%;

	z-index: -1;

}

.logo {

	display: none;

}

.m-logo {

	background: none;

	height: 60px;

	width: 100px;

	float: left;

	display: inline-block;

}

.m-logo img {

	width: 100px;

	margin: 10px 10px;

}



.boolen {

	display: none;

}

.cl-menu-box {

	width: 300px;

	height: 90px;

	left: 20%;

	position: absolute;

}

.client-container {

	width: 100%;

	margin-top: 1em;

}

.client-bx {

	width: 100px;

	height: 100px;

	float: left;

	border: 1px solid #C0C0C0;

	margin-left: 2em;

	margin-top: 1em;

}

.content-style-form {

	position: relative;

	text-align: left;

	margin-top: 60px;

}

button-fixed .morph-content {

	width: 100px;

	height: 100px;

}



.client-inner {

	padding: 0em 45px;

	width: 100%;

	height: 550vh;

	margin-top: 380px;

	overflow-y: hidden;

	float: left;

}

.page_spinner {

	position: absolute;

	background: 50% 50% no-repeat #fff;

	z-index: 99;

	padding:50% 20%;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0

}*/







}

@media only screen and (max-width:360px) {.mob-centre { margin:0 auto;}

.mob-centre img { margin:0 auto;} .mob-centre h5 { text-align:center;}

}



 @media only screen and (max-width:420px) { .c-mar { top:-20px;} .a-mar { top:5px;} }



 @media only screen and (max-width:360px) { .c-mar { top:-15px;} .a-mar { top:15px;} 

 

 



 .inner {

   padding: 1em;

width: 100%;

height: 200%;

float: left;

overflow:hidden;



} }



 @media only screen and (max-width:320px) {

	 

	 

.cl-menu-box {

	width: 300px;

	height: 90px;

	left: 15%;

	position: absolute;

}



.client-bx {

 

    margin-left: 1em;



}





.team-container {

    width:100%;

	 

}





.cd-side-nav {

  position: absolute;

  z-index:2;

  left: 0;

  top: 0;

 height:330px !important;

  width: 100%;

  padding: 45px 0 0;

  background-color: #312450;

  visibility: hidden;

  opacity: 0;

  max-height: 100vh;

  overflow: hidden;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;

  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;

  transition: opacity 0.2s 0s, visibility 0s 0.2s;

}

.cd-side-nav.nav-is-visible {

  opacity: 1;

  visibility: visible;

  overflow:scroll !important;

  -webkit-overflow-scrolling: touch;

  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;

  transition: opacity 0.2s 0s, visibility 0s 0s;

  max-height: none;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

}



 .inner {

   

width: 100%;

 height: 200%;

float: left;

overflow:hidden;



}



.c-mar { top:-15px;}

.a-mar { top:15px;}

}



@media (min-width: 480px) and (max-width: 731px) {

	

	







	

	.client-container {

    width: 100%;

    margin-top:0px !important;

}



.modal-h {

    width: 100%;

    z-index: 1;

    height: 40px;

    position: relative;

}





.client-inner {

    padding: 0em 45px;

    width: 100%;

    height: 200%;

    margin-top:280px !important;

    overflow-y: hidden;

    float: left;

}

	

	.team-container {

    width: 320px !important;

}

.team-bx-voilet {

 

    margin-bottom:20px !important;

   

}



.cl-menu-box {

    width: 480px !important;

    height: 90px;

    left: 4%;

    position: absolute;

}



#cssdropdown li.headlink {

    width: 150px !important;

    float: left;

    margin-left: -1px;

    border: 1px solid #C0C0C0;

    text-align: center;

}



#cssdropdown li.headlink a {

    color: #000;

    display: block;

    font-size: 13px;

    padding: 10px;

    text-decoration: none;

}





.cd-side-nav {

  position: absolute;

  z-index:2;

  left: 0;

  top: 0;

 height:280px !important;

  width: 100%;

  padding: 45px 0;

  background-color: #312450;

  visibility: hidden;

  opacity: 0;

  max-height: 100vh;

  overflow: hidden;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;

  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;

  transition: opacity 0.2s 0s, visibility 0s 0.2s;

}

.cd-side-nav.nav-is-visible {

  opacity: 1;

  visibility: visible;

  overflow:scroll !important;

  -webkit-overflow-scrolling: touch;

  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;

  transition: opacity 0.2s 0s, visibility 0s 0s;

  max-height: none;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

}

	 .inner {

   padding: 1em;

width: 100%;

 height: 200%;

float: left;

overflow:hidden;



}

}