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

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Fontawesome
02. Typography
03. General layout
04. BG slider
05. Home
06. Logo
07. Navigation
08. Team
09. Testimoni
10. Services
11. Portfolio
12. Grid rotator
13. Client list
14. Ticker
15. Subscribe and search form
16. Contact
17. Blog
18. Footer
19. Position and align
20. Ui to top
21. Animated
22. Custom top spacer
23. Custom bottom spacer
24. Custom right spacer
25. Custom responsive

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


/*
Fontawesome
=========================== */
@import url('font-awesome.css');
@import url('icon-set.css');

/*
Typography
=========================== */
a:link{
	transition-property:color .3s linear 0s;
	-moz-transition:color .3s linear 0s;
	-webkit-transition:color .3s linear 0s;
	-o-transition:color .3s linear 0s;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	font-family: 'open_sanslight';
	text-transform:uppercase;
	font-family: inherit;
	font-weight:normal;
	line-height: 24px;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1 {
  font-size: 100px;
  line-height:110px;
}

h2 {
  font-size: 86px;
  line-height:90px;
}

h3 {
  font-size: 72px;
  line-height:74px;
}

h4 {
  font-size: 30px;
  line-height:32px;
}

h5 {
  font-size: 24px;
  line-height: 28px;
}

h6 {
  font-size: 18px;
}

p {
  margin: 0 0 20px;
}



/*
General layout
=========================== */
body{
	background:#fff;
	color:#454545;
	font-size:14px;
	font-family: 'open_sanslight';
	line-height:22px;

}

body section:not(.nav-container):not(.subscribe-wrapper){
	min-height: 658px;
}


#about,#ourpeople{
	background-color: #f1f1f1;
}

 
.page-section{
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0;
	padding:63px 0 60px 0;
}

.page-contain{
	padding: 60px 0 40px 0;	
	background:#fff url(../img/page-section-bg.png) no-repeat 10% 0;
	margin:0;
}

.bottom{
	position:relative;
	background:#fbfbfb;
	color:#a6a6a6;
	width:100%;
	margin:0;
	padding:60px 0 40px 0;
}

.page-spacer{
	position:relative;
	z-index:40;
	color:#fff;
	width:100%;
	margin:0;
	padding:0;
	text-shadow:1px 1px 1px #000000;
}

.page-spacer h3, .page-spacer h4, .page-spacer h5{
	font-family: 'open_sanssemibold';
}

.page-spacer h3{
	line-height:82px;
}

.page-head{
	position:relative;
	overflow:hidden;
	font-size:16px;
	line-height:34px;
	margin: 0;
	padding: 100px 0 40px 0;	
	text-align: left;
}

.contain-head{
	padding-top:60px;
}

.page-head h3{
	margin-bottom:10px;
	font-size: 60px;
}

.page-head .head-text{
	position:relative;
	z-index:10;
}

.page-head .icon{
	position:relative;
	overflow:hidden;
	font-size:300px;
	position:absolute;
	color:#e5e5e5;
	bottom:-80px;
	margin-right:0;
}

.gray-bg{
	background:#f1f1f1;
	padding:60px 0 40px 0;
}

/*
BG slider
=========================== */
.bgslider-wrapper{
	color:#fff;
	padding:0 0 60px 0;
	margin:0;
}

.bg-slider{
	background-position: top center;
	background-repeat: no-repeat;
	background-color:none;
	background-attachment:fixed;	
	width:100%;
	height:880px;
	position:absolute;
	margin:0;
	top:0;
}

.bgslider-wrapper blockquote{
	line-height:36px;
	border-left:3px solid #fff;
	padding-left:20px;
	margin-bottom:40px;
}

/*
Home
=========================== */
.parallax{
	background:url(../img/main-bg.jpg) 0 0 no-repeat fixed;
	color: #fff;
	height: 658px;
	margin: 0;
	padding: 0;
}

.parallax .main-image {
	/*background: url(../img/main-image.png) 100% 0 no-repeat fixed;*/
	height: 654px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 6;
}


.main-pattern {
	background: url(../img/pattern.png) 0 0 repeat fixed;
	height: 450px;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#home .main-pattern{
	height: 654px;
}

.parallax-bg1{
	background:url(../img/parallax-bg1.jpg) 0 0 no-repeat fixed;
	height: 330px;
}

.parallax-bg1 .main-pattern{
	height: 330px;
}

.parallax-bg2{
	background:url(../img/parallax-bg2.jpg) 0 0 no-repeat fixed;
	height: 490px;
}

.parallax-bg2 .main-pattern{
	height: 490px;
}

.parallax-bg3{
	background:url(../img/parallax-bg3.jpg) 0 0 no-repeat fixed;
	height: 450px;
}



.home-nav{
	margin-top: 60px;
	z-index:600;
	position: relative;
}

.home-nav .text-link{
	font-family: 'open_sanslight';
	color:#fff;
	font-size:18px;
}

.home-nav .text-link:hover{
	text-decoration:none;
}

.home-nav h1, .home-nav h2, .home-nav h3, .home-nav h4, .home-nav h5, .home-nav h6{
	font-family: 'open_sanslight';
	margin-bottom:10px;
}

 
.logo-nav,
.about-nav
{height:145px;} 

.logo-nav{
	float:left;
	width:28%;
	z-index:600;
	position: relative;	
	overflow:hidden;
}

.logo-box-nav{
	color: #fff;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}

.logo-box-nav span{
	float: left;
    font-family: "open_sanssemibold";
    height: 100%;
    padding-top: 27%;
    text-transform: uppercase;
    vertical-align: -moz-middle-with-baseline;
    width: 100%;
}

.about-nav{
	float:left;
	position: relative;
	/*background:#002269;*/
	background-color: #a03165;
	padding:0 2% 0 0;
	width: 70%;
}

.about-nav .pull-left{
	margin-right:10px;
	display:block;
}

.about-text{
	font-size: 16px;
	padding:5% 3%;
	width:97%;
}

.about-text h4{
	font-family: 'open_sanssemibold';
}


.about-text span{
	font-weight: bold;
}

.left-box-nav{
	overflow: hidden;
	position: block-inline;
	float: left;
	width:49%;
	z-index:600;
}

.box-nav{
	position: relative;
	text-align:center;
	width:47%;
	color:#fff;
	padding:2% 1%;

	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;	
}
 


.box-nav span{
	float:left;
	width: 100%;
	/*color:#002269;*/
	color:#76777A;
	font-size: 16px;
	font-family: 'open_sanssemibold';
	text-transform: uppercase;
	line-height: 75px;
}

.full-box{
	width:100%;
	height:85px;
	padding:1% 0;	
	margin-top: 10px;
}

.full-box span{
	/*color:#002269;*/
	color:#76777A;
	font-size: 30px;
	font-family: 'open_sanssemibold';
	text-transform: uppercase;
	width: 100%;
	overflow: hidden;
}

.bottom-margin-10{
	margin-bottom: 10px;
}

.bottom-margin-30{
	margin-bottom: 30px;
}

.top-margin-40{
	margin-top: 40px;
}

.top-margin-70{
	margin-top: 70px;
}


.right-box-nav{
	float:right;
	width:49%;
	z-index:600;
	position: relative;	
	overflow:hidden;
}

.absolute-title{
	position: absolute;	
	z-index:601;
	background: rgba(2,4,5,0.7);
	width:100%;
	bottom:0;
	padding:8px 10px 8px 10px;
}

.hover-frame{
	border:8px solid #000;
	position:absolute;
	top:0;
	left:0;	
	width:100%;
	height:100%;
	z-index:602;
	cursor:pointer;
  	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.full-box .hover-frame{
	width:100%;
}

 
.btn-home{
	font-size:32px;
	padding:30px 0 30px 0;
	margin-bottom:15px;
}

.btn-xtra{
	font-size:24px;
	padding:15px 0 15px 0;
}



/*
Logomh
=========================== */
.logo{
	z-index:600;
	position:relative;
	display:inline-block;
	margin:60px 0 10px 0;
	padding:0;
	font-size:36px;
	color: #fff;
	font-family: "open_sanssemibold";
	text-transform: uppercase;
}

.logo:hover, .small-logo:hover{
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.small-logo{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:18px;
	color: #fff;
	font-family: "open_sanssemibold";
	text-transform: uppercase;
}


/*
Login & Registraiton 
===================== */
#login-form{
	margin-top: 175px;
}
 .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }

      .form-signin button{
      	background-color: #F26122;
      }
}



.contact-form label{
	font-size:16px;
}

.contact-form input, .contact-form textarea{
	color:#fff;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

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

.validation {
	display:none;
	margin-top: 5px;
}

#sendmessage{
	font-size:12px;
	margin:2px 0 15px;
	padding:10px 10px 10px 50px;
	background:url(../img/dummies/icons/success.png) no-repeat 15px center #effff4;
	border:1px solid #cdf3d8;
	border-left:5px solid #cdf3d8;
	color:#16783c;
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

.map{
	width:100%;
	height:320px;
	border:none;
	padding:0;
	margin:0 0 40px 0;
}

.hide{
	display: none;
}

/*
Navigation
=========================== */

#mobile-menu-control span{
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}

#mobile-menu{
	display:none;
	color: #000;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto 0 35px !important;
}

#mobile-menu ul {
	display:none;
	margin:20px 50px 20px 10px !important;
	padding:0px !important;
}
#mobile-menu ul li {
	display:block;
	margin:0 auto !important;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
    border-top: 1px solid #777777;
}

#mobile-menu ul li a{
	padding: 2px;
}



.nav-container {
	background-color: #F1F1F1;
	width:100%;
	margin:0;
	padding:0;

}

.navbar-inner{
	border:none;
	width:100%;
	z-index: 1000;
	padding:18px 0 10px;
	margin:0;
	position: relative;
}

.navbar-inner ul{
	margin-right:-10px;
}

.navbar-inner ul li{
	margin:0 5px 0 5px;
}

.navbar-inner ul li a{
	color:#fff;
	font-family: 'open_sansregular';
	font-size:18px;
}

nav {
	z-index: 1000;
	padding:0;
	margin:0;
	position: relative;
	float:right;
	width:auto;	
}

nav li {
	list-style: none;
	color:#fff;
}

nav li a{
	text-decoration: none;
	color:#fff;
	text-transform:uppercase;
	display: inline-block;
	padding:6px 8px 6px 8px;
}

nav li a:hover, 
nav li a.selected,
nav li a.active{
	text-decoration:none;
	background:#fff;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

nav li {
	float:left;
	margin-left:25px;
}

.nav-fixed {
	position: fixed;
	top:0;
}

.sticky {
	position: fixed;
	top: 0;	
	width:100%;
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

.sticky .nav-above {
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:auto;
}

nav  ul select{
	display:none;
	border:none;
	padding:3px 10px 3px 10px;
}

/*
Team
=========================== */
.team-wrapper{
	cursor:pointer;
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
	padding:0;
	margin:5px;
	background:#fbfbfb;	
	height: 160px;
	color:#000;
}

 
 
.team-desc p{
	padding: 0px 15px;
}
.team-desc{
	width:57%;
	margin:0;
	padding:45px 0 0;
	text-align:center;
	font-size:11px;
	cursor: default;
	height: 200px;
	background-color: #f8f8f8 !important;
}

.team-desc h5{
	margin-bottom:5px;
	font-size:14px;
	line-height:18px;	
}
 
.team-desc a, .team-desc a:hover{
	font-size:12px;
	text-decoration: none;
	cursor: pointer;
}


.team-desc a img{
	margin:0 2px 0 2px;
}

.team-avatar{
	position:absolute;
	width:43%;	
}

  

.avatar-left{
	top:0;
	left:0;
}

.avatar-right{
	top:0;
	right:0;
}

/*
Testimoni
=========================== */
.testimoni{
	margin: 0;
	text-align:center;
	width: 100%;
	z-index: 1;
	font-size:18px;
	line-height:26px;
	font-style:italic;
	font-family: 'open_sanslight';
}

.testimoni  h5{
	font-style:normal;
}

.testimoni ul{
	list-style:none;
	margin:0;
	padding:0;
}

.testimoni ul li{
	background:url(../img/quote.png) no-repeat 10px 50px;
	line-height:26px;
	margin:0;
	padding:0 20px 0 20px;	
}

.company{
	font-size:12px;
	line-height:18px;
}

/*
Services
=========================== */


#services .page-head{
	padding-bottom: 70px !important;
}

.services-box{
	float:left;
	color:#fff;
	width:40%;
	padding:3% 2%;
	margin: 5px 35px;
}

.services-box h5{
	color: #002269;
    font-size: 20px;
    font-weight: bold;
    height: 45px;
    text-transform: uppercase;
}

.services-bg1{
	background:#f1f1f1;
	color: #000;
}

.services-bg2{
	background:#3e3e3e;
}

.services-bg3{
	background:#e9e9e9;
	color: #000;
}

.video-tour{
	padding:0;
	margin:0;
	width:100%;
	border:none;
	height:388px;
}

.services-box p {
	text-align: left;
}
.services-read-more{
	color: #E46631;
	font-weight: bold;

}

/* 
career
=========================== */

#career img{

}



/*
Portfolio
=========================== */
ul.portfolio-categ{
	float:left;
	border-bottom:1px solid #dddddd;
	list-style:none;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 0 30px;
}

ul.portfolio-categ li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

ul.portfolio-categ li a{
	display:block;
	background:#fff;
	padding:5px 15px 5px 15px;
	color:#454545;
	font-family: 'open_sansregular';
	text-transform:uppercase;
}

ul.portfolio-categ li.active a{
	cursor:default;
	border:1px solid #dddddd;
	border-bottom:none;
	margin-bottom:-1px;
}

ul.portfolio-categ li a:hover,
ul.portfolio-categ li  a,
ul.portfolio-categ li.active a:hover{
	text-decoration:none;
	text-shadow:none;
}

ul.portfolio-area{
	width:100%;
	min-height:200px;
	list-style:none;
	margin:0;
	padding:0;
}

ul.portfolio-area li{
	float:left;
	position:relative;
	overflow:hidden;
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}

.folio-thumb{
	display:block;
	position:relative;
	overflow:hidden;
}

.folio-caption{
	position:absolute;
	width:100%;
	height:100%;
	opacity:0; 
	filter: alpha(opacity=0);
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	/* For IE 8 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
}

.zoom{
	color:#fff;
	font-size:50px;
	border:5px solid #fff;
	display:block;
	margin:0;
	bottom:100%;
	left:33%;
	position:absolute;	
	z-index:2;
	text-align:center;
}

.picture{
	width:54px;
	height:51px;
	padding:3px 6px 3px 6px;
}

.play{
	width:34px;
	height:51px;
	padding:3px 14px 3px 14px;
}

.folio-title{
	background:#fbfbfb;
	border-bottom:2px solid #002269 !important;
	padding:10px;
	text-align:center;
}

.folio-title h6{
	font-size:14px;
	line-height:16px;
	color:#383838;
	margin-bottom:10px;
	font-family: 'open_sanssemibold';
}

/*
Grid rotator
=========================== */
.gridrotator{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.grid-wrapper{
	background: url(../img/pattern1.png) 0 0 repeat;
	height: 100%;
	padding-top:40px;
	position: absolute;
	color:#fff;
	text-align:center;
	width: 100%;
	z-index: 1;
}

.grid-wrapper h3{
	font-family: 'open_sanssemibold';
	font-size:56px;
	line-height:68px;
}

.grid-wrapper ul{
	font-size:24px;
	line-height:36px;
	font-style:italic;
}

.ri-grid{
	margin:0 auto;
	position: relative;
	height: auto;	
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
	content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 

.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}

.ri-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size{
	width: 55%;
}
.ri-grid-size{
	width: 100%;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.ri-shadow:after{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}

.ri-loading-image{
	display: none;
}

.ri-grid-loading .ri-loading-image{
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}

/*
Client list
=========================== */
.client-wrapper{
	width:100%;
	padding:20px 0 20px 0;
	margin-bottom:20px;
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.client-link{
	display:inline-block;
	position:relative;
	width:108px; 
	height:48px; 
	padding:0;
	margin:0 10px 0 10px;
}

.logo-hover{ 
	position:absolute; 
	width:108px; 
	height:48px;  
}

/*
Ticker
=========================== */
ul.ticker{
	list-style:none;
	margin:0;
	padding:0;
}

ul.ticker li{
	background:none;
	line-height:26px;
	margin:0;
	padding:0;	
}

/*
Subscribe and search form
=========================== */
.subscribe-wrapper{
	background:#f1f1f1;
	margin:0;
	padding:60px 0 40px 0;
	width: 100%;
	z-index: 1;
	text-align:left;
	color:#a6a6a6;
}

.form-inline{
	position:relative;
	text-align:left;
	display:block;
	background:none;
	width:80%;
	padding:5px 5px 5px 10px; 
	margin:0 auto;
	margin-top:40px;
	border:5px solid #d9d9d9;
	overflow:hidden;
}

.form-inline input.subscribe{
	padding:8px 0 8px 0;
	margin-top:0;
	background:none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	font-size:12px;
	color:#a6a6a6;
	font-style:italic;	
}

.form-inline input.search{
	padding:0;
	margin-top:0;
}

.form-inline input:-moz-placeholder,
.form-inline textarea:-moz-placeholder {
	font-size:12px;
	color:#a6a6a6;
	font-style:italic;
}

.form-inline input:-ms-input-placeholder,
.form-inline textarea:-ms-input-placeholder {
	font-size:12px;
	color:#a6a6a6;
	font-style:italic;
}

.form-inline input::-webkit-input-placeholder,
.form-inline textarea::-webkit-input-placeholder {
	font-size:12px;
	color:#a6a6a6;
	font-style:italic;
}

.form-inline button{
	float:right;
	text-transform:uppercase;
}

input.search{
	margin-top:10px;
	padding-top:20px;
	padding-bottom:20px;
}

/*
Contact
=========================== */
#contact{
	background-color: #f1f1f1;
	position:relative;
	padding-bottom:40px;
}

#contact p strong{
	font-size:16px;
}

.contact-form-wrapper{
	/*
	position:relative;
	z-index:60;
	color:#fff;
	background:url(../img/slipt.png) no-repeat bottom left;
	padding-bottom:46px;
	margin:0;
	*/
}

.contact-form{
	background:#DEDEDE;
	padding:10px;
	margin:0;
	list-style:none;
}

.contact-form .contact-input{
	background:#f0f0f0;
	border:1px solid #c1d0dc;
	padding:0px;
	color: #000;
}

.contact-form label{
	font-size:16px;
}

.contact-form input, .contact-form textarea{
	color:#fff;
}

.contact-form textarea{
	height: 50px;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

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

.validation {
	display:none;
	margin-top: 5px;
}

#sendmessage{
	font-size:12px;
	margin:2px 0 15px;
	padding:10px 10px 10px 50px;
	background:url(../img/dummies/icons/success.png) no-repeat 15px center #effff4;
	border:1px solid #cdf3d8;
	border-left:5px solid #cdf3d8;
	color:#16783c;
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

.map{
	width:100%;
	height:320px;
	border:none;
	padding:0;
	margin:0 0 40px 0;
}

/*
Blog
=========================== */
article{
	border-bottom:1px solid #f1f1f1;
	/*
	padding:0 0 20px 0;
	margin:0 0 40px 0;
	*/
}

article img.median{
	margin-bottom:30px;
}

article iframe.median{
	width:100%;
	height:288px;
	margin-bottom:30px;
	border:none;
}

article iframe.video, article iframe.map, article iframe.audio{
	width:100%;
	height:288px;
	border:none;
}

article h4{
	margin-bottom:10px;
}

.meta-post{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.meta-post span{
	margin-right:20px;
}

.meta-post a{
	color:#454545;
}

.media-icon{
	display:block;
	text-align:center;
	padding:20px 0 20px 0;
	margin:0 0 20px 0;
	color:#fff;
}

.media-icon i{
	margin:0;
	float:none;
}

.media-icon:hover{
	background:#040404;
	text-decoration:none;
	color:#fff;
}

ul.related-post{
	list-style:none;
	margin:0;
	padding:0;
}

ul.related-post li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.related-post li img{
	margin-top:6px;
}

ul.related-post li h6{
	margin-bottom:10px;
}

ul.related-post li a{
	color:#454545;
}

aside .widget{
	margin-bottom:30px;
}

aside .widget h4{
	border-bottom:1px solid #f1f1f1;
	padding:0 0 10px 0;
}

ul.cat{
	list-style:none;
	margin:0;
	padding:0;
}

ul.cat, ul.recent{
	list-style:none;
	margin:0;
	padding:0;	
}

ul.cat li, ul.recent li{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

ul.cat li a, ul.recent li a{
	color:#454545;
}

ul.recent li{
	border-bottom:1px solid #eaeaea;
	margin:0 0 20px 0;
}

ul.recent li h6{
	font-size:14px;
}

.flickr img {
    width:45px;
    height: 45px;
    float: left;
	margin: 0 9px 10px 0;
}

.comment-wrapper{
	border-top:1px solid #f1f1f1;
	padding:30px 0 0 0;
	margin:20px 0 0 0;
}

span.comment-time{
	float:right;
	font-size:12px;
	color:#c1c1c1;
	font-style:italic;
}

.comment-post{
	margin:40px 0 0 0;
}

input.comment-input, textarea.comment-textarea{
	padding:20px;
}

ul.recent-post{
	list-style:none;
	float:left;
	min-height:auto;
	width:100%;
	margin:0;
	padding:0;
	text-shadow:none;
	color:#454545;
}

ul.recent-post li{
	position:relative;
	float:left;
	margin:20px 30px 0 0;
	padding:0;
	list-style:none;
}

.recent-post-box{
	padding: 20px;
	width:220px;
	border: none;
	background:#fff;
	border: 5px solid #f1f1f1;
	float: left;
	margin: 5px;
}

.recent-post-box p,
.recent-post-box a{
	font-size: 14px;
}


.recent-post-box h6, .recent-post-box h6 a{
	color:#242424;
	margin-bottom:10px;
}

.postdate span{
	border-bottom:2px solid;
}

/*
Footer
=========================== */
footer{
	background:#040404;
	margin:0;
	padding: 0px 15px;
	color:#fff;
	font-size: 14px;
}

footer hr{
	border:none;
	background:#121212;
	margin:20px 0 20px 0;
}

footer a{
	color: #F26122;
}
 
.socila-link{
	display:inline-block;
	position:relative;
	width:74px; 
	height:74px; 
	padding:0;
	margin:0 10px 20px 10px;
}

.social-hover{ 
	position:absolute; 
	width:74px; 
	height:74px; 
}

 ul.footer-contact{
	list-style:none;
	float:right;
	margin:0;	
	padding:0;	
	color:#6a6a6a;
}

ul.footer-link{
	list-style:none;
	margin:0;
	padding:0;	
}

ul.footer-link li{
	list-style:none;
	float:left;
	/*background: url(../images/vdark-line.png) repeat-y top right;*/
	padding-right: 10px;
	margin:0 10px 20px 0;
}

 ul.footer-contact li{
	float:left;
	/*background: url(../images/vdark-line.png) repeat-y top right;*/
	padding-right: 10px;
	margin:0 10px 20px 0;
}

ul.footer-link li a, ul.footer-contact li a{
	color:#6a6a6a;
}

ul.footer-link li.last, ul.footer-contact li.last{
	margin:0 0 20px 0;
	background:none;
}

.subfooter{
	border-top:1px solid #121212;
	width:100%;
	text-align:center;
	padding:15px 0;
}


/*
Position and align
=========================== */
.relative{
	position:relative;
}

.absolute{
	position:absolute;
}

.fixed{
	position:fixed;
}

.alignleft{
	text-align:left;
	float:left;
	margin:0 20px 20px 0;
}

.alignright{
	text-align:right;
	float:right;
	margin:0 0 20px 20px;
}

.aligncenter{
	text-align:center;
}

img.aligncenter{
	margin-bottom:20px;
}

.divider, hr{
	background:#f1f1f1;
	border:none;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	padding:0;
}

/*
Ui to top
=========================== */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: top left;
	background-color:none;
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus{
	outline:none;
}

/*
Animated
=========================== */

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}

/*
Custom top spacer
=========================== */
.margintop-clear{
	margin-top:0;
}

.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

/*
Custom bottom spacer
=========================== */
.marginbot-clear{
	margin-bottom:0;
}

.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.marginbot55{
	margin-top:55px;
}

.marginbot60{
	margin-top:60px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

/*
Button
=========================== */

/*
Custom responsive
=========================== */

/*
STYLESWITCHER
=========================== */			
.panel{
	background:#181818;
	color:#fff;
	width:225px;
	border-left:none;
	display:none;
	height:auto;
	left:0;
	padding:0; 
	top:40px;
	position:fixed;
	_position:absolute;
	z-index:99999;
}
	
.panel h6{
	text-align:center;
	margin-bottom:20px;
	padding:10px 0 10px 0;
	text-transform:uppercase;
	background:#333333;
	color:#fff;
}

a.openpanel{ 
	_background-image:none; 
	background:#333333; 
	padding:7px 0 5px 7px;
	border-left:none;
	color:#fff;
	display:block;
	left:0;
	text-align:center;
	font-size:32px;
	top:40px;
	z-index:99999; 
	position:fixed;
	_position:absolute; 
}

a.openpanel{
	text-decoration:none;
}
		
a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:225px;
}

.stylechanger, .layuout{ 
	width:100%;
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
}

.stylechanger{
	margin-bottom:20px;
}

.stylechanger li, .layuout li{
	list-style:none; 
	float:left;
	width:25px;
	height:25px;
	margin:0 10px 10px 10px;
}

.stylechanger li a{ 
	display:block; 
	width:100%; 
	height:100%;
	text-indent:-9999px; 
}	

.layuout li{
	list-style:none; 
	float:left;
	width:92px;
	height:auto;
	margin:5px 10px 20px 10px;
	text-align:center;
}

.layuout li a{
	text-indent:0; 
	color:#fff;
}

.layuout li a img{
	margin-bottom:5px;
}



#project-wrap {
	max-width: 980px;
	padding: 50px 0;
	margin: 100px auto;
	background-color: #fff;
}

#project-wrap .headline { 
	display: inline-block;
	margin-bottom: 50px;
}

#project-wrap div{
	padding: 0px 50px;
	text-align: center;
}

#project-wrap h5{
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}

#project-wrap p{
	padding: 20px;
	font-size: 18px;
	text-align: justify;
}



/* ==========================================================================
   #General Layout 
   ========================================================================== */

	#wrap { background-color: #fff; }
	
	/* Magnific Popup Buttons */
	
	.mfp-ajax-holder button.mfp-close {
		position: fixed;
		top: 30px;
		right: 50px;
		border: 1px solid #fff;
		background-color: rgba(0, 0, 0, 0.5);
		color: #fff;
		opacity: 1;
	}
	
	.mfp-ajax-holder .mfp-arrow {
		position: fixed;
		width: 50px;
		height: 50px;
		border: 1px solid #fff;
		opacity: 1;
	}
	
	.mfp-ajax-holder .mfp-arrow-left {
		left: 30px;
		background: rgba(0, 0, 0, 0.5) url(../images/prev.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-right {
		right: 50px;
		background: rgba(0, 0, 0, 0.5) url(../images/next.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-left:before,
	.mfp-ajax-holder .mfp-arrow-right:before,
	.mfp-ajax-holder .mfp-arrow-left:after,
	.mfp-ajax-holder .mfp-arrow-right:after { border: none; }
	
/* Isotope */

#color1 { background: #e55237; }
#color2 { background: #4682b4; }
#color3 { background: #66cdaa; }
#color4 { background: #edca15; }
#color5 { background: #a0ce4e; }
#color6 { background: #e86e1c; }
#color7 { background: #3abfc2; }
#color8 { background: #3ac24d; }
#color9 { background: #31ab79; }
#color10 { background: #e5c237; }

#color11 { background: #ffcc66; }
#color12 { background: #54c798; }
#color13 { background: #f0e80f; }
#color14 { background: #8890da; }
#color15 { background: #ff6347; }
#color16 { background: #eb3196; }
#color17 { background: #4d7d99; }
#color18 { background: #994d4d; }
#color19 { background: #ffb347; }
#color20 { background: #c24444; }

/* graph css */

#map_wrapper {
    height: 380px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.info_content h3{
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 18px;
}

.info_content p{
	font-size: 14px;
	margin-bottom: 0px;
}

.case-study-btn{
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 13px;
} 

.wrapper{
	position:relative;
	z-index:60;
	
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;	
}

#case-studies .page-head{
	padding-top: 35px;
}

#case-studies h4{
	color: #F26122;
}

#case-studies hr{
	margin-top: 20px; margin-bottom: 20px;
}

 
#case-studies .case-content h5{
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
	text-align: left;
	
}




#case-studies .case-content div{
	letter-spacing: 1px;
	text-align: left;
}

#case-studies .solution-detail{
	text-align: left;
	padding: 0px !important;
}

#case-studies .solution-detail p{
	font-size: 14px;
    text-align: left;
}



#case-studies .case-content .images img{
	width: 49%;
	display: inline;
	margin-bottom: 20px;
}

#case-studies .case-content h3,
#case-studies .case-content h4,
#case-studies .case-content h5,
#case-studies .case-content h6 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

#case-studies .case-content h6{
	margin-top: 20px; 
	font-weight: bold;
}

#case-studies .video-tour{
	
} 

.main-div{
	margin-bottom: 20px;
}

.poweredby{
	text-align: right;
}
.copyright{
	text-align: left;
}