@charset "utf-8";



/* CSS Document */







@font-face {font-family: "Museo Slab";



    src: url("http://db.onlinewebfonts.com/t/196c0c5e71a561354be4ab3f1b12788a.eot");



    src: url("http://db.onlinewebfonts.com/t/196c0c5e71a561354be4ab3f1b12788a.eot?#iefix") format("embedded-opentype"),



    url("http://db.onlinewebfonts.com/t/196c0c5e71a561354be4ab3f1b12788a.woff2") format("woff2"),



    url("http://db.onlinewebfonts.com/t/196c0c5e71a561354be4ab3f1b12788a.woff") format("woff"),



    url("http://db.onlinewebfonts.com/t/196c0c5e71a561354be4ab3f1b12788a.ttf") format("truetype"),



    url("http://db.onlinewebfonts.com/t/196c0c5e71a561354be4ab3f1b12788a.svg#Museo Slab") format("svg");



}







@font-face {font-family: "Gotham Condensed";



    src: url("http://db.onlinewebfonts.com/t/759e4a6bb4cd8bc8dc082ccc8386e8cc.eot");



    src: url("http://db.onlinewebfonts.com/t/759e4a6bb4cd8bc8dc082ccc8386e8cc.eot?#iefix") format("embedded-opentype"),



    url("http://db.onlinewebfonts.com/t/759e4a6bb4cd8bc8dc082ccc8386e8cc.woff2") format("woff2"),



    url("http://db.onlinewebfonts.com/t/759e4a6bb4cd8bc8dc082ccc8386e8cc.woff") format("woff"),



    url("http://db.onlinewebfonts.com/t/759e4a6bb4cd8bc8dc082ccc8386e8cc.ttf") format("truetype"),



    url("http://db.onlinewebfonts.com/t/759e4a6bb4cd8bc8dc082ccc8386e8cc.svg#Gotham Condensed") format("svg");



}







@font-face {font-family: "Gotham";



    src: url("http://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.eot");



    src: url("http://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.eot?#iefix") format("embedded-opentype"),



    url("http://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.woff2") format("woff2"),



    url("http://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.woff") format("woff"),



    url("http://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.ttf") format("truetype"),



    url("http://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.svg#Gotham") format("svg");



}







.top-btn img{



    padding-left: 7px;



    margin-bottom: 12px;



}







.whatwedo h2{



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



    font-size: 30px;



    color: #ffffff;



    background: #cf32cd;



    font-weight: 500;



    display: inline-block;



    padding: 15px 25px;	



    margin: 45px 0 0 0;	



}















.whatwedoBox {



    padding-top: 40px;



}







.whatwedoBox1 {



	background: #512151;



	text-align: center;



    border-right: 3.5px solid #000;	



}







.whatwedoBox2 {



	background: #8bac26;



	text-align: center;



    border-left: 3.5px solid #000;



	border-right: 3.5px solid #000;	



}







.whatwedoBox3 {



	background: #016caf;



	text-align: center;



    border-left: 3.5px solid #000;	



}







.whatwedoBox h3 {	



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



    font-size: 20px;



    color: #ffffff;



    border-bottom: 7px solid #000;



    margin: 0;



    padding: 25px 0;



}







.whatwedoBox1 ul {



    background: #582458;



}







.whatwedoBox2 ul {



    background: #90b12d;



}







.whatwedoBox3 ul {



    background: #1274b3;



}







.whatwedoBox ul {



    margin: 0;



    padding: 5px 22px 25px 22px;



    min-height: 280px;



}







.whatwedoBox li {



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



    font-size: 18px;



    color: #ffffff;



    font-weight: 300;



    list-style-type: none;



    border-bottom: 1px dotted rgba(255, 255, 255, 0.32);



    padding: 12px 0px;



}







.whatwedoBox li:last-child {



	border-bottom: 0;



}







.homerow {



	text-align: center;



}







.homerow h2 {



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



    font-size: 20px;



    color: #333333;



    font-weight: 600;



    border-bottom: 1px dotted #dedede;



    display: inline-block;



    padding: 5px 15px;



    margin-top: 40px;



}







.homerow p {



	font-family: "Museo Slab";



	font-size: 16px;



    color: #3d3c3c;



    font-weight: 300;



}







.homerow ul {



	margin: 0;



	padding: 0;



}







.homerow li {



	font-family: "Gotham Condensed";



    font-size: 23px;



    color: #333333;



    list-style-type: none;



    display: inline-block;



    float: left;



    margin-bottom: 35px;



}







.homerow li:nth-child(1) {



    padding-left: 6%;



}







.homerow li:nth-child(2) {



    padding-left: 13%;



}







.homerow li:nth-child(3) {



    padding-left: 13.4%;



}







.homerow li:nth-child(4) {



    padding-left: 15.5%;



}







.homerow li:nth-child(5) {



    padding-left: 16%;



}







.homerowSection {



    border-bottom: 1px dotted #efefef;



    margin-bottom: 35px;



}







.homerow h4 {	



	font-family: "Gotham Condensed";



    font-size: 23px;



    color: #333333;



    margin-bottom: 35px;



}







.testimonialBox {



    border: 1px solid #d0d0d0;



    border-radius: 15px;



    text-align: center;



    padding: 15px 10px;



    position: relative;



	margin-bottom: 75px;	



}







.testimonialBox .quots {



	margin-bottom: 5px;



}







.testimonialBox .testimonialArrow {



    position: absolute;



    left: 40px;



    bottom: -50px;	



}







.testimonialBox h4 {



    font-family: Georgia, "Times New Roman", Times, serif;



    font-size: 12px;



    color: #d13038;



    font-style: italic;



    position: absolute;



    right: 0;



    bottom: -55px;



}







.navbar {



    position: relative;



    min-height: 0;



}







.portfolioContainer .tab-content h3 {



	font-family: "Museo Slab";



	font-size: 19px;



    color: #5d7b01;



    font-weight: 300;



	text-align: center;	



}







.portfolioContainer .tab-content p {



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



    font-size: 15px;



	color: #373636;



	font-weight: 400;



	text-align: center;



    line-height: 1.5;	



}























.portfolio_box{}



.seo-portfolio-page .portfolio_box .box{ float:left; width:284px; margin:0 10px 55px;}



.portfolio_box .box{ }



.portfolio_box .box .box_inner{ border:1px solid #dfdfdf; margin:0 0 30px; position:relative;    min-height: 270px;    background: #fff; }



.portfolio_box .box .box_inner img{ width: 100%; padding: 15px;}







.box_popup_text {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 40%;



}







.portfolio_box .box .box_inner .box_popup > div{ opacity:0; -webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out; transition:all 0.4s ease-in-out; -webkit-transform:scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility:hidden;}



.portfolio_box .box .box_inner:hover .box_popup > div{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}



.portfolio_box .box .box_inner .box_popup > div{ display:table-cell; vertical-align:middle;}



.portfolio_box .box .box_inner .box_popup{ box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.4),inset 0 0 0 0px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}



.portfolio_box .box .box_inner .box_popup{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; }



.portfolio_box .box .box_inner .box_popup a{ display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#d9d9d9; text-transform:uppercase; 







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



    font-size: 14px;



	color: #ffffff;



	



 margin:0 0 8px; padding:12px 30px; background: #6c8b10;



 }



.portfolio_box .box .box_inner:hover .box_popup{ box-shadow:inset 0 0 0 180px rgba(0, 0, 0, 0.8),inset 0 0 0 0px rgba(0, 0, 0, 0.8),0 1px 2px rgba(0,0,0,0.1);}



.portfolio_box .box .box_inner .box_popup span{ text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; display:block; margin:0 10px; font-weight:300;}



.portfolio_box .box .portfolio_name{ font-size:18px; line-height:22px; color:#000; font-weight:700; text-transform:uppercase;}



.portfolio_box .box .portfolio_name em{ color:#828083; font-weight:300; font-style:italic; text-transform:none;}











.portfolioContainer .nav-tabs > li > a {



    font-family: "Gotham";



    font-size: 17px;



    color: #323232;



    text-transform: uppercase;



    background: #fff;



    padding: 15px 20px;



}







.portfolioContainer .nav-tabs > li > a:hover, .portfolioContainer .nav-tabs > li > a:focus {



    background-color: #0075bf;



    border-radius: 0;



    color: #fff;	



}







.portfolioContainer .nav-tabs {



    border-bottom: 0;



    margin-bottom: 30px;	



}







.portfolioContainer .nav-tabs > li.active > a, .portfolioContainer .nav-tabs > li.active > a:hover, .portfolioContainer .nav-tabs > li.active > a:focus {



    border: 0;



    background-color: #0075bf;



    border-radius: 0;



    color: #fff;	



}







.portfolioContainer .nav-tabs > li {



    width: 25%;



    text-align: center;



}







.portfolioInnerBox {



    background: url(../img/portfolioBg.png);



    margin-top: 30px;



    padding: 7px 5px;



    background-size: 100%;



    background-repeat: no-repeat;	



}







.paginationNav {



    background: #f5f5f5;



    border-radius: 5px;



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



    font-size: 15px;



	color: #000000;



	font-weight: 600;	



    padding: 10px 25px;	



    height: 50px;	



}







.paginationNav .backPort {



    float: left;



	color: #506d03;	



}







.paginationNav .pagination {



    margin: 0;



}







.paginationNav .nextPort {



    float: right;



	color: #506d03;



}







.paginationNav .pagination > li > a, .paginationNav .pagination > li > span {



    background-color: transparent;



    border: 0;



    color: #000;	



}







.pagination > .active > a, .pagination > .active > span {



    color: #506d03;



}







.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {



	background: transparent;



    color: #506d03;		



}







@media (min-width: 768px){



	



.padding-right-zero {



	padding-right: 0;



}







.padding-left-zero {



	padding-left: 0;



}







.padding-zero {



	padding: 0;



}







}







@media (max-width: 1199px){







.top-btn img {



    padding-left: 2px;



    margin-bottom: 12px;



    width: 23%;



}







.navbar-nav > li > a {



    padding: 0px 8px;



}







.homerow li:nth-child(1) {



    padding-left: 5%;



}







.homerow li:nth-child(2) {



    padding-left: 12%;



}







.homerow li:nth-child(3) {



    padding-left: 11.4%;



}







.homerow li:nth-child(4) {



    padding-left: 14.5%;



}







.homerow li:nth-child(5) {



    padding-left: 15%;



}







.portfolio_box .box .box_inner {



    min-height: 220px;



}







.box_popup_text {



    top: 35%;



}







}







@media (max-width: 991px){







.homerow li:nth-child(1) {



    padding-left: 4%;



}







.homerow li:nth-child(2) {



    padding-left: 9%;



}







.homerow li:nth-child(3) {



    padding-left: 8.4%;



}







.homerow li:nth-child(4) {



    padding-left: 12.5%;



}







.homerow li:nth-child(5) {



    padding-left: 13.5%;



}







.whatwedoBox li {



    font-size: 16px;



}







.whatwedoBox h3 {



    font-size: 16px;



}







.portfolio_box .box .box_inner {



    min-height: 340px;



}







.portfolioContainer .nav-tabs > li > a {



    font-size: 11px;



}







}







@media (max-width: 767px){







.whatwedoBox1 {



    border-right: 0;



}







.whatwedoBox2 {



    border-left: 0;



    border-right: 0;



}







.whatwedoBox3 {



    border-left: 0;



}







.whatwedo h2 {



    font-size: 20px;



    padding: 8px 25px;



}







.portfolio_box .box .box_inner {



    min-height: 0px;



}







.portfolio_box .box .box_inner:hover .box_popup {



    box-shadow: inset 0 0 0 400px rgba(0, 0, 0, 0.8),inset 0 0 0 0px rgba(0, 0, 0, 0.8),0 1px 2px rgba(0,0,0,0.1);



}







.portfolioContainer .nav-tabs > li {



    width: 100%;



}







.portfolioContainer .nav-tabs > li > a {



    font-size: 14px;



}







.paginationNav .pagination > li > a, .paginationNav .pagination > li > span {



    padding: 6px 8px;



}



	



}







@media (max-width: 580px){



	



}