@import url("row.css");
@import url("fonts.css");
@import url("row.css");
@import url("effects.css");
@import url("easy-responsive-tabs.css");
@import url("banner.css");

@import url("owl.carousel.css");
@import url("owl.theme.css");

html,body{margin:0px; height: 100%; min-height: 100%; overflow-x:hidden;}
body{font-family: 'proximanova-light'; font-size: 15px; background:#fff; color:#2a2929;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: 'proximanova-reg';}
h2{font-size:28px; margin:20px 0px 20px 0px;}
h2 span{color:#cc3333}
h3{font-size:22px;}
h4{font-size:16px;}
h5{font-size:15px;}
p{font-family: 'proximanova-light'; font-size: 15px; line-height: 18px; color:#2a2929;}

a{color:#686363;}
a{outline: 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease;}
a, .btn{outline: 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease;}
a, .btn, a:hover, .btn:focus, a:focus, .btn:focus{outline: 0;}
hr{border:0px; border-top:1px solid #d9d9d9; float:left; width:100%; margin: 20px 0px;}

.btn-primary, .btn-primary:hover, .btn-primary:focus {background:#f58220; font-size:17px;  color:#fff; border:0px; border-radius:4px; font-weight:normal; font-family: 'proximanova-sbold'; padding:10px 14px;  text-transform:uppercase; border-radius:1px; margin-top:20px}
.btn-default {background:#CCC; color:#fff; border:0px; border-radius:2px; padding:10px 12px; font-size:16px; font-family:'proximanova-xbold'; text-transform:uppercase}
input[type="text"], input[type="password"] {  border: 1px solid #DDDDDD;  border-radius: 0;  color: #AAAAAA;  font-size: 16px;  padding: 10px;  width: 100%; margin-bottom:10px;}
textarea {  border: 1px solid #DDDDDD;  border-radius: 0;  color: #AAAAAA;  font-size: 16px;  padding: 10px;  width: 100%; margin-bottom:10px; text-align:left; float:left;}
select{-moz-appearance:none; background:url(../images/arrow-down-select.png) right center no-repeat; -moz-appearance: none;  text-indent: 0.01px;  text-overflow: ""; border: 1px solid #DDDDDD;  border-radius: 0;  color: #AAAAAA;  font-size: 16px;  padding: 10px;  width: 100%; margin-bottom:10px;}
label{font-weight:normal;}
input[type=submit]{background:#f58220; font-size:17px;  color:#fff; border:0px; border-radius:4px; font-weight:normal; font-family: 'proximanova-reg'; padding:10px 14px; float:left; text-transform:uppercase; border-radius:1px; margin-top:20px}
input[type="reset"] {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 0 none;  color: #000000;  float: left;  margin: 20px 10px; padding: 11px 5px;}

.more{font-size:14px; text-transform:uppercase; font-family:'proximanova-sbold'; color:#ffa54c; background:url(../images/more-arrow.png) right no-repeat; padding-right:12px;}
.more:hover{color:#ffa54c;}

.panel-body {  font-size: 15px;  line-height: 25px;  padding: 10px;}
.modal-content{border-radius:0px; background:#FFF; box-shadow:none; border:0px;}
.modal-title{font-size: 20px; font-family: 'proximanova-sbold'; text-transform:uppercase;}
.modal-header, .modal-body, .modal-footer{border:0px;}
.modal-dialog {margin: 120px auto 0px auto;}
.modal-backdrop{background:#EEE;}

.pagination {border-radius: 0 !important;}
.pagination li a {color:#000;}
.pagination li.active a ,.pagination li:hover a {color:#FFF; background:#F58220; border-color:#F58220;}
.pagination > li:first-child > a, .pagination > li:first-child > span {  border-bottom-left-radius: 0px;  border-top-left-radius: 0px;  margin-left: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {  border-bottom-right-radius: 0px;  border-top-right-radius: 0px;}

.loading-background{position:fixed; height:100%; width:100%; background:#fff; z-index:99999999999;}
.loading-image{height:35px; width:35px; position:absolute; top:50%; margin-top:-18px; left:50%; margin-left:-18px; color:#fff;}

.well{border:0px; border-radius:0px; box-shadow:none;}
.well h2{text-transform:uppercase; font-size:20px; font-family: 'proximanova-sbold'; box-shadow:0px; margin:0px 0px 20px 0px; padding:0px 0px 5px 0px; border-bottom:1px dotted #d9d9d9;}
.well p{line-height:22px;}
.well .large{font-family: 'proximanova-sbold'; margin-bottom:15px;}
.well table td{vertical-align:top;}

.alert {  border-radius: 1px;  margin-bottom: 20px;  padding: 8px 10px;}

@media (min-width: 1024px) {
	.container { width: 1000px; }
}

#header{background:#FFF; position:relative; z-index:4;}
#header .brand{ margin-right:10px; position:relative; display: inline-block; padding:14px 0px;}
#header .navigation{height:auto; width:auto; float:left; padding:0px; margin-left:20px;}
#header .navbar{margin: 0px 0px; border: 0px; }
#header .navbar ul{font-size: 16px; font-family: 'proximanova-sbold'; font-weight: normal;}
#header .navbar ul li a{color:#505050;}
#header .navbar-default{background:#fff; }
#header .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {  padding: 50px 22px;  line-height: 22px;}
#header .navbar-default .navbar-nav li a:hover{color: #cc3333;}
#header .navbar-default .navbar-nav > .active > a, #header .navbar-default .navbar-nav > .active > a:hover, #header .navbar-default .navbar-nav > .active > a:focus {  background-color: transparent !important;  color: #cc3333;}
#header .dropdown-menu {  border: 0px solid rgba(0, 0, 0, 0.15);  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176);  font-size: 14px;	margin: 0px 0 0;  min-width: 200px;  padding: 0px 0; overflow:hidden;}
#header .dropdown-menu li a{  font-family: 'proximanova-light'; padding:5px 22px;}
#header .mail-right{float:right; margin:25px 0px; display:block}
@media (max-width: 991px){
	#header .mail-right{position:absolute; right:0px;}
	#header .navigation{margin-left:0px; width:100%; float:left;}
	#header .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {  line-height: 22px;  padding: 10px 15px;}
	#header .navbar ul.navbar-nav {  display: inline-block;  width: 100%;  text-align: center;}
	#header .navbar ul.navbar-nav li{  display: inline-block; float:none;}
}
@media (max-width: 768px){
	body{padding:0px;}
	#header .mail-right{display:none;}
	#header .navbar ul.navbar-nav{margin:0px;}
	#header .navbar ul.navbar-nav li{width:100%; text-align:left;}
	#header .navbar ul.navbar-nav li a{padding:10px; width:100%; float:left;}
	#header .navbar-toggle{margin-right:5px; margin-top:24px;}
	#header .brand{margin-left:5px; margin-right:0px;}
}


#mainarea{height:auto; width:100%; float:left;}
#mainarea.inner{padding-bottom:50px; padding-top:40px}
#mainarea.inner .discription p{margin:12px 0px; line-height:20px;}
#mainarea.inner .discription ul.list{margin:12px; padding:0px; line-height:26px; font-family: 'proximanova-sbold'; }
#mainarea.inner h3{font-size:24px; text-transform:uppercase; font-family: 'proximanova-sbold'; margin-top:0px; margin-bottom:20px;}

#mainarea .block{height:auto; width:100%; float:left;}
#mainarea .block h2{font-size:20px; text-transform:uppercase; font-family: 'proximanova-sbold';}
#mainarea .block p{margin:10px 0px;}
#mainarea .block img{width:100%;}
#mainarea .block a.more{background:url(../images/more-arrow-white.png) no-repeat center right #686363; font-size:16px; color:#fff; text-transform:uppercase; font-family: 'proximanova-sbold'; width:100%; padding:8px 12px; float:left; text-decoration:none}

#mainarea .block.recent-project{border:1px solid #e2e2e2; padding:3px; background:#fff; margin-top:24px}
#mainarea .block.recent-project .slide{height:auto; width:100%; float:left; min-height:252px; overflow:hidden; position:relative;}
#mainarea .block.recent-project .slide .slide-caption{background:#000; width:100%; position:absolute; bottom:0px; padding-left:15px; left:0px;}
#mainarea .block.recent-project .slide .slide-caption h3{font-size:18px; color:#fff; font-family: 'proximanova-sbold'; text-transform:uppercase; margin-bottom:0px; margin-top:10px;}
#mainarea .block.recent-project .slide .slide-caption p{color:#fff; margin-top:2px;}
#mainarea .block.recent-project .slide .slide-caption a {  background: url(../images/arrow-right-large.png) no-repeat center center #686363;  height: 100%;  width: 62px;  position: absolute;  z-index: 9999999;  top: 0px;  right: 0px;  color:#686363;}

#mainarea .sidebar {float:left; width:100%; margin-bottom:15px;}
#mainarea .sidebar .recent-project { background:#fff; margin-top:24px; float:left; width:100%;}
#mainarea .sidebar .recent-project .slide{height:auto; width:100%; float:left; min-height:265px; overflow:hidden; position:relative;}
#mainarea .sidebar .recent-project .slide .slide-caption{background:#000; width:100%; position:absolute; bottom:0px; padding-left:15px; left:0px; padding-top:10px; padding-bottom:10px;}
#mainarea .sidebar .recent-project .slide .slide-caption h3{font-size:18px; color:#fff; font-family: 'proximanova-sbold'; text-transform:uppercase; margin-bottom:0px; margin-top:10px;}
#mainarea .sidebar .recent-project .slide .slide-caption p{color:#fff; margin-top:2px;}
#mainarea .sidebar .recent-project .slide .slide-caption a {  background: url(../images/arrow-right-large.png) no-repeat center center #686363;  height: 100%;  width: 62px;  position: absolute;  z-index: 9999999;  top: 0px;  right: 0px;  color:#686363;}

@media (max-width:768px){
	#mainarea .block{margin:12px 0px;}
}

#mainarea .grey{background:#f9f9f9; width:100%; padding:50px 0px; margin:50px 0px 0px;}
#mainarea .title-head{text-align:center; width:60%; margin:auto;}
#mainarea .title-head h2{margin-top:0px; text-transform:uppercase; font-size:20px; font-family: 'proximanova-sbold'; margin-bottom:10px;}
#mainarea .box-content{margin-top:30px;}
#mainarea .box-content .box{border:1px solid #e2e2e2; padding:3px; background:#fff; float:left; opacity:.7; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease; width:100%;}
#mainarea .box-content .box img{float:left; width:100%;}
#mainarea .box-content .box span{width:100%; max-height:226px; overflow:hidden; float:left;}
#mainarea .box-content .box a.more {
  background: #fff url("../images/more-arrow-black.png") no-repeat scroll right 10px;
  color: #000;
  float: left;
  font-family: "proximanova-sbold";
  font-size: 16px;
  min-height: 62px;
  padding: 8px 50px 8px 12px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
#mainarea #projects .box-content .box a.more{border-bottom:1px dotted #e2e2e2; margin-bottom:10px}
#mainarea .box-content .box p.client, #mainarea .box-content .box p.location{ width:100%; padding:0px 12px 10px 12px; float:left; text-decoration:none; font-size:14px;}
#mainarea .box-content .box p.client {padding-bottom:5px;}
#mainarea .box-content .box p.client:before{content:"Client : "; font-family: 'proximanova-sbold';}
#mainarea .box-content .box p.location:before{content:"Location : "; font-family: 'proximanova-sbold';}
#mainarea .box-content .box:hover a.more{background:url(../images/more-arrow-orange.png) no-repeat right 10px #FFF; color:#686363; text-decoration:none}
#mainarea .box-content .box:hover{opacity:1}
@media (max-width:768px){
	#mainarea .box-content .box{margin:12px 0px;}
}


#footer{height:auto; padding:50px 0px; background:url(../images/bg.jpg) center center; width:100%; float:left;}
#footer h3{font-size:18px; text-transform:uppercase; font-family: 'proximanova-sbold'; color:#fff; margin-top:0px;}
#footer ul.list{margin:0px; list-style:none; padding:0px; line-height:28px;}
#footer ul.list li a{color:#fff; font-size;}
#footer p{color:#fff; line-height:20px;}
#footer a.map{color:#fff; text-decoration:underline; font-family: 'proximanova-reg'; background:url(../images/more-arrow-white.png) no-repeat center right; padding-right:40px;}
#footer .social-icons{height:auto; width:100%; float:left; margin-bottom:20px;}
#footer .social-icons a{height:39px; width:40px; float:left; background:url(../images/social-ico.png); margin-right:5px; text-decoration:none;}
#footer .social-icons a.fb{background-position:0px 0px;}
#footer .social-icons a.twitter{background-position:-46px 0px;}
#footer .social-icons a.linkedin{background-position:-92px 0px;}
#footer .social-icons a.gplus{background-position:-138px 0px;}
#footer a.tel{width:100%; float:left; font-family: 'proximanova-light'; color:#fff; margin:5px 0px;  line-height:18px;}
#footer a.mail {  color: #FFFFFF;  font-family: 'proximanova-light';  font-size: 16px;  margin-top: 42px;  float: left;}
#footer h4{font-size:15px; font-family: 'proximanova-light'; color:#fff; margin-bottom:8px;}

#footer-base {padding:20px 0px; height:auto; width:100%; float:left;}
#footer-base .row-fluid .span6.powered p{text-align:right; float:right;}

@media (max-width:768px){
	#footer .span3{width:48%; margin:20px 0px;}
	#footer-base .row-fluid .span6, #footer-base .row-fluid .span6.powered p{width:100%; float:left; text-align:left;}
}
@media (max-width:570px){
	#footer .span3{width:100%; margin:20px 0px;}
}

/*Contact*/
.well .contact-details-sidebar a{color:#000; text-decoration:none;}
@media (max-width:768px){
	.contact-form{margin-bottom:25px !important; float:left !important;}
}

/*Project Detail*/
.project-gallery{height:auto; width:100%; float:left;}
.project-gallery-main{width:100%; float:left; margin:0px 0px 5px 0px; padding:0px; max-height:400px; overflow:hidden;}
.project-gallery-main img, .project-gallery .thumbnail-box a img{width:100%;}
.project-gallery .thumbnail-box{height:auto; width:100%; float:left;}
.project-gallery .thumbnail-box a{height:80px; width:80px; float:left; margin-right:5px; overflow:hidden}
.project-gallery .thumbnail-box a.active{background:#FFF; opacity:.5;}
.project-details h2{margin-top:0px; font-size:20px; color:#AAA; }
.project-details h2 span{font-family: 'proximanova-sbold'; margin-top:10px;}
.project-details .well label{font-family: 'proximanova-sbold';}
.project-discription table tr{border-bottom:1px dotted #D9D9D9;}
.project-discription table tr td{ padding-bottom:10px; padding-top:10px;}
.project-discription table tr:last-child{border-bottom:0px;}
.project-discription table tr:first-child td{padding-top:0px;}
.project-discription table tr:last-child td{padding-bottom:0px;}