@charset "utf-8";
/* CSS Document */

/* $Id: */

/**
* ALL MEDIA STYLESHEET
*
* This file is meant for CSS rules that need to work in all media. 
* Consider making changes to the in a more specific stylesheets instead:
* 
* 	- screen.css for screen and projection media type
* 	- print.css for print media type
* 
* This stylesheet is ideal if you would like to make a small override
* to the default.css.
* 
* Please note that this stylesheet is DISABLED BY DEFAULT. You can
* enable it in your theme's info file.
*/

#footer{
color:white;
}

.region-footer-firstcolumn  {
width: 33%;
float: left;
padding-top:20px;
padding-left:20px;
}
.region-footer-secondcolumn
{
width: 33%;
float: left;
padding-top:20px;
}
.region-footer-thirdcolumn
{
padding-top:30px;
float: right;
padding-right:30px;
}

#About-us
{
background-color:black;
width:100%;
float:left;
}
#d1
{
width:33%;
color:white;
float:left;
}
#d2 
{
width:33%;
color:white;
float:left;

}
#d3
{
width:33%;
color:white;
float:left;
}

.view-services{
background-color:none;
}

.views-view-grid , .views-view-grid .col-1 , .views-view-grid .col-2 , .views-view-grid .col-3 , .views-view-grid .col-4{
border:0px;
}

.view-portfolio-gallery  .views-field-title-1{
display:none;
position: relative;
top: -225px;
left: 30px;
color:white;
height:0px;
} 

.view-portfolio-gallery .views-field-view-node a{
display:none;
position: relative;
top: -87px;
left: 30px;
color:white;
text-decoration: none;
background: url("images/plus-image.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-position:100px center;
background-size: 18px 18px;
height:0px;

}

.page-portfolio .views-field-field-thumbnail-image img:hover {
opacity:.2; height:220px;}

.view-id-portfolio_gallery  .col-1:hover .views-field-title-1, .view-id-portfolio_gallery  .col-2:hover .views-field-title-1,.view-id-portfolio_gallery  .col-3:hover .views-field-title-1,.view-id-portfolio_gallery  .col-4:hover .views-field-title-1, .view-id-portfolio_gallery  .col-1:hover .views-field-view-node a, .view-id-portfolio_gallery  .col-2:hover .views-field-view-node a,.view-id-portfolio_gallery  .col-3:hover .views-field-view-node a,.view-id-portfolio_gallery  .col-4:hover .views-field-view-node a{
display:block;
}

.field-type-taxonomy-term-reference{
display:none;
}

.pager-current{
display:none !important;
}

.pager-next{
float:right;
}

.pager-previous{
float:left;
}
#header {
height:130px ;
background-color:#e6e6e6 ;
}

#footer{
background-color:#666666 ;}

/* services */
/*.view-id-services .col-first
{
padding-left:120px;
}
*/
.view-id-services.views-view-grid .cols-4
{
padding-left:100px !important;
}







/* testimonial */
.view-testimonials-page .views-row{
margin-top:20px;
padding-bottom:20px;
}
.view-testimonials-page .views-row-even{
background-color:#f2f2f2;
}
.view-testimonials-page .views-row-last{
margin-bottom:35px;
}

.views-row-even .views-field-field-logo{
position: relative;
float:left;
left:28px;}
.views-field-field-testimonial-text{
padding-top:30px;
}

.views-row-odd .views-field-field-logo{
position: relative;
    float: right;}


.views-row-even .views-field-field-testimonial-text, .views-row-even .views-field-field-testimonial-name, .views-row-even .views-field-field-testimonial-company{
padding-left:370px;
}


.view-id-testimonials_page .views-field-field-testimonial-text
{
width:525px;
}

.view-id-testimonials_page .views-row-odd img
{
float:right;
}

.view-id-testimonials_page .views-row-even img
{
float:left;
}

.view-id-testimonials_page .views-row-2.views-field-field-testimonial-text
{
padding-left:100px!important;
}

/* Menu */
#superfish-1 li{
background:none !important;
}
#superfish-1 li a{
border:none;
font-size:13px;
letter-spacing: 0.04em;

}

#page-title{
display:none;
}


.page-we-recommend #page-title, .node-type-portfolio #page-title{
color: #808080;
    display: block;
    font-family: SanReg;
    font-size: 26px;
}

.page-we-recommend td.col-2 {
     padding-left: 50px;
}

.page-we-recommend a {
     color: #B3B3B3;
}

/* header */
#block-views-header-images-block{
margin-top:-20px !important;
}
.sf-menu.sf-style-default {
padding-left:40px;
}
/* we recommend */
.view-id-image_flow_gallery .views-view-grid{
width:100%;}

.view-id-image_flow_gallery .views-view-grid .row-last .col-first{
} 
.view-id-image_flow_gallery .row-2{margin-top:20px;}
.field-name-field-imageflow-image img{
border: 1px solid #b3b3b3;}

.view-id-image_flow_gallery .row-1{
border-bottom: 1px solid #b3b3b3;}

.view-id-image_flow_gallery  .field-name-field-imageflow-image{
padding-top:13px;
padding-bottom:13px;
}

.view-id-image_flow_gallery .views-field-title{
color: #cd549e;
font-family: SanReg;
font-size: 17px;
}

.view-id-image_flow_gallery	.views-field-field-discription p{
font-family:LatoReg;
font-size:15px;
color:#4d4d4d;
line-height:2em;
text-align: justify;
   letter-spacing: 0.04em;
}

.page-node-1 .field-type-text-with-summary{
   display:none;
}

.menu-item-about-us .block-system
{
   background-color:black;
}
.menu-item-about-us .block-system .pane-title{
   color:white;
}

.menu-item-about-us .block-system .pane-content{
   color:white;
}
.menu-item-about-us .block-system .pane-block-10{
   padding-left:20px;
   padding-right: 20px;
   border-right:1px solid white;
}

.menu-item-about-us .block-system .pane-block-12 {
   border-left:1px solid white;
   padding-left:10px;
   padding-right:10px;
   height: 400px;
}

.menu-item-about-us .block-system .panel-col-last{
   height: auto;
}

/* Services */
.view-services .col-1{
   padding-left:65px;
}
.view-services .col-2{
   padding-left:120px;
}

.view-services .col-2 span{
   padding-left:4px;
}

.view-services .col-3{
   padding-left:120px;
}
.view-services .col-3 .views-field-title{
   padding-left:10px;
}
.view-services .col-3 span{
   padding-left:10px;
}
.view-services .col-4{
   padding-left:120px;
}

.menu-item-services .pane-block-13{
    border-right:1px solid white;
    padding-left: 20px;
    padding-right: 15px;
}

.menu-item-services .pane-block-14{
    padding-left: 5px;
    padding-right: 15px;
}

.menu-item-services .panel-2col-stacked{
width:960px;
margin:auto;
   background-color:black;
   color:white;
}

#block-views-latest-projects-block
{
   background-color:#000;margin-top:-15px;
}

.view-latest-projects.col-first
{
   margin-left:35px;
}

#superfish-1 li a
{
   color:#4d4d4d;
}
#superfish-1 li a.active
{
   color:#9999A0;
}
#block-views-latest-projects-block h2
{
color: #ffffff;
position: relative;
font-family: LatoBold;
font-size: 18px;
top: 43px;
left: 40px;
}
#block-views-latest-projects-block h3
{
 color:#ffffff;
}

/* */
#block-views-latest-projects-block .views-field-field-thumbnail-image{
   padding-right:70px;padding-top:45px;
}
#block-views-latest-projects-block .views-field-title{
   color:white;padding-right:20px;color: white;
   font-family: LatoReg;
   font-size: 13px !important;
}
#block-views-latest-projects-block .view-header a{
   color: white;
   float: right;
   margin-right: 80px;
   margin-top: 20px;
   position: relative;
   font-family: LatoBold;
   font-size: 13px;
}
#block-block-16 h1,#block-block-7 h1,#block-block-8 h1, #block-block-20 h1
{
    color: #b3b3b3;
    line-height: 40px;
    padding-bottom: 16px;
    padding-top: 2px;
    text-align: center;
    font-family: SanReg;
    font-size:26px;
}

#block-block-20 p {
    color: #b3b3b3;
    line-height: 40px;
    padding-bottom: 16px;
    padding-top: 2px;
    text-align: center;
    font-family: SanReg;
    font-size:14px;
}
#logo-name img{ height: 94px;
    padding-left: 25px;
    padding-top: 16px;
    width: 96px;}
#logo-name{width:175px; float:left;}
.sf-menu.sf-style-default{padding-top:48px; float:none;}
#footer-columns p{font-family:LatoBold;font-size:13px;}

.page-node-4 #page-title{
   color: white;
   display: block;
   font-family: SanReg;
   font-size: 26px;
   margin-top: 60px;
   padding-top: 20px;
   text-align: center;
}

.page-node-4 .field-name-body p{
   color: white;
   font-family: LatoReg;
   font-size: 16px;
   text-align: center;
   letter-spacing: 0.04em;
}
.page-node-4 #container{
   background-color:#4dcdb1;
   margin-top: -20px;
}

.page-node-4 .webform-client-form{
   width: 600px;
   background-color: #ffffff;
   margin-left: 181px;
   margin-top: 85px;
   height: 380px;
   margin-bottom:40px;
}

.page-node-4 .webform-client-form input {
   width:250px;
   background-color:#e6e6e6;
   margin-bottom: 8px;
   border: 1px solid #ccc;
}
.page-node-4 .webform-client-form label{
   font-size: 14px;
   font-family: LatoReg;
   color:#4d4d4d;
   margin-bottom:8px;
font-weight: normal;
}
.page-node-4 .webform-client-form .webform-component{
   padding-left: 20px;
}
.page-node-4 .webform-client-form #webform-component-name{
   padding-top: 20px;
}
.page-node-4 .webform-client-form #webform-component-message{
   padding-top: 20px;
}
.page-node-4 .webform-client-form #edit-submit{
   width:80px;
   float:right;
   background-color:#666666;
   color:white;
}
.page-node-4 .webform-client-form #edit-actions{
   padding-right:30px;
   margin-top:-50px;
}

.page-node-4 .webform-client-form textarea{
   width:250px;
   height: 235px;
   background-color:#e6e6e6;
}

.page-node-4 .webform-client-form #webform-component-message{
   position: absolute;
   top: 155px;
   left: 480px;
}

#footer #block-block-5 p a{
   background-color: #ffffff;
   color: #7e8083;
   padding: 8px 12px 8px 12px;
}

#footer #block-block-5 img.fblike {
   margin-top: -4px;
}

#footer #block-block-5 p a.fb {
    clear: none;
    display: block;
    float: right;
    height: 17px;
    margin-left: 5px;
    margin-top: -7px;
    width: 40px;
}

#secondary{
   background-color:#d4d4d4;
   width:285px;
   margin-top: 45px;
}
 #secondary #block-views-blog-taxonomy-block {
   padding-left: 20px;
}
 #secondary #block-block-9{
   margin-bottom: 12px;
   padding-left: 20px;
}

 #secondary .block-title{
   color: #4d4d4d;
   font-family: SanReg;
   font-size: 17px;
   padding-bottom: 5px;
}
#secondary  .view-blog-taxonomy, .menu-item-blog #secondary #block-block-9 div{
   color: #4d4d4d;
   font-size: 13px;
   font-family: LatoBold;
   line-height: 22px;
}

.node-type-blog .field-item img {
   padding: 10px 0 30px;
}

.menu-item-blog .field-content p {
   margin-bottom: 0;
}

#wrapper{
   width:875px;

}

.node-portfolio .field-name-body  {
    width:620px;
   float:left;
}

.node-portfolio .field-name-field-client, .node-portfolio .field-name-field-projects, .node-portfolio .field-name-field-expertise{
    background-color: #e6e6e6;
    width: 227px;
}

.node-portfolio .field-name-field-client{
   
    padding-left: 20px;
    padding-top: 20px;
    float:right;
    width: 220px;
}


.node-portfolio .field-name-field-projects{
    padding-left: 20px;
    padding-top: 20px;
    float:right;
    width: 220px;
}
.node-portfolio .field-name-field-expertise{
    clear:right;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-top: 20px;
    float:right;
    width: 220px;
}

.node-portfolio .field-label{
color:#4d4d4d;
font-family:SanReg;
font-size:17px;
padding-bottom:10px;
font-weight:normal;
}
.node-portfolio .field-item{
color:#4d4d4d;
font-size:13px;
font-family:LatoBold;
line-height: 22px;
}
.node-portfolio .field-name-field-project-images {
width:700px;
}
.node-portfolio  .field-slideshow-controls .prev{
margin-right: 635px;
position: relative;
top: 250px;
left:10px;
color:transparent;
background-repeat: no-repeat;
background-size: 17px;
background-image: url('images/minus-image.png');
z-index:1;
}


/*.node-portfolio  #field-slideshow-1-controls{
position: relative;
top: 275px;
left: 800px;


}*/
.node-type-portfolio .field-slideshow-controls .next{
position: relative;
top: 250px;
color:transparent;
background-repeat: no-repeat;
background-size: 17px;
background-image: url('images/plus-image.png');
z-index:1;
}

.node-type-portfolio  .field-slideshow{
z-index:-1;
}
.flippy{
border-top: 1px solid #b3b3b3;
margin-top: 30px;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.flippy .next a{
width:100px;
color:#b3b3b3;
float: right;
background-repeat: no-repeat;
background-size: 18px 15px;
background-position: 60px 2px;
background-image: url('images/plus_image.jpg');
text-indent: -15px;
margin-top: -17px;
}
.flippy .next a:hover {
color:#000;
}
.flippy .prev a{
width:150px;
float: left;
color:#b3b3b3;
background-repeat: no-repeat;
background-size: 18px 15px;
background-position: 10px 3px;
background-image: url('images/minus_image.jpg');
text-indent: 35px;
}
.flippy .prev a:hover {
color:#000;
}

.view-portfolio-gallery .row-1 .col-1 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-2 .col-4 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-3 .col-2 .views-field-field-thumbnail-image{
background-color:#bc529b;height:220px;
}
.view-portfolio-gallery .row-1 .col-2 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-3 .col-4 .views-field-field-thumbnail-image{
background-color:#f7a93c;height:220px;
}
.view-portfolio-gallery .row-1 .col-3 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-2 .col-2 .views-field-field-thumbnail-image{
background-color:#37aada;height:220px;
}

.view-portfolio-gallery .row-1 .col-4 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-2 .col-3 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-3 .col-1 .views-field-field-thumbnail-image{
background-color:#ccdb4e;height:220px;
}

.view-portfolio-gallery .row-2 .col-1 .views-field-field-thumbnail-image, .view-portfolio-gallery .row-3 .col-3 .views-field-field-thumbnail-image{
background-color:#5fd2b9;height:220px;
}
h2 {
    font-family: SanReg;
    font-size: 26px;
font-weight:normal;
	}
.view-services .views-field-title .field-content{font-family:SanReg;font-size:17px;}
.views-field-field-testimonial-text{font-family:LatoReg;font-size:15px !important;color:#4d4d4d; line-height: 26px;}
.views-field-field-testimonial-name{font-family:LatoBold;font-size:14px !important;color:#B3B3B3;padding-bottom: 4px;
    padding-top: 25px;}
.views-field-field-testimonial-company{font-family:LatoBold;font-size:14px !important;color:#B3B3B3}
.pane-block-10 .pane-content p,.pane-block-11 .pane-content p,.pane-block-12 .pane-content p,.pane-block-13 .pane-content p,.pane-block-14 .pane-content p
{font-family:LatoReg; font-size:15px;line-height:24px;}
.pane-block-12 .pane-content p{padding-left:5px;}
.view-sub-services h1{font-family:SanReg;font-size:30px;color:#808080;}
.view-sub-services p{font-family:LatoReg;font-size:15px;color:#4d4d4d;line-height:30px;}
.view-sub-services em{font-family:LatoItc;font-size:15px;color:#808080;}
.view-portfolio-gallery .views-field-title .field-content{font-family:LatoBold;font-size:13px;color:#4d4d4d;line-height:30px;}
.view-portfolio-gallery .views-field-title-1 .field-content, .view-portfolio-gallery .views-field-view-node span{font-family:LatoBold;font-size:15px;}
.node-portfolio p{font-family:LatoReg;font-size:15px;color:#464342;}
#contact-left{
background-image: url('images/contact_us_img_left.png');
background-repeat: no-repeat;
background-size: 80px 80px;
height:100px;
width:100px;
float:left;
margin-left: 100px;
margin-top: 24px;}

#contact-right{
background-image: url('images/contact_us_img_right.png');
background-repeat: no-repeat;
background-size: 80px 80px;
height:100px;
width:100px;
float:right;
margin-right: 80px;
margin-top: 5px;}

#contact-center{
text-align:center;
color:white;
width: 785px;
}
#block-block-17{float: right;
    margin-right: 20px;
    margin-top: -65px;
}
.view-id-sub_services .views-row-odd .views-field-field-icon{
width:200px;
float:right;
clear:right;
padding-top: 50px;
padding-right: 70px;
}
.view-id-sub_services .views-row-even .views-field-field-icon{
width:310px;
float:left;
clear:left;
padding-top: 50px;
padding-left: 75px;

}
.view-id-sub_services .views-row-odd .views-field-body{

width:540px;
float:left;
}
.view-id-sub_services .views-field-field-icon img{
/*height: 250px;
    width: 250px;*/
}
.view-id-sub_services .views-row-even .views-field-body{
    width:540px;
    float:left;
}

.view-id-sub_services  .views-row {
    min-height:450px;
}

.view-id-sub_services .views-row-4 {
    min-height: 420px;
}

.page-node-44 .view-services .cols-4 .row-2 {
    display:none;
}

.view-id-sub_services .views-row-last {
    padding-bottom:110px;
    margin-bottom:35px;
    min-height: 460px;
}


.view-id-sub_services .views-row-even {
background-color:#f2f2f2;
}
.view-id-recent_blog_posts .pager-previous a{
color:transparent;
background-repeat: no-repeat;
background-size: 17px;
background-image: url('images/minus_image.jpg');
}
.view-id-recent_blog_posts .pager-next a{
color:#b3b3b3;
background-repeat: no-repeat;
background-size: 17px;
background-image: url('images/plus_image.jpg');
background-position:0;
padding-left:15px;
}
.view-id-recent_blog_posts .views-field-title span{
font-family: SanReg;
font-size:17px;
color:#cd549e;
line-height:36px;
}
.view-id-recent_blog_posts .views-field-field-tags div{
font-family:LatoReg;
font-size:14px;
color:#4d4d4d;
line-height:40px;
margin-bottom:20px;

}

.view-id-recent_blog_posts .views-field-body {
font-family:LatoReg;
font-size:15px;
color:#4d4d4d;
line-height:28px;
margin-top:20px;
padding-right:20px;
}
.view-id-recent_blog_posts .views-field-body a {
    color: #b3b3b3;
}

.view-recent-blog-posts .views-row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

.view-recent-blog-posts .field-content {
    margin-bottom: 25px;
}

.node-type-blog .node-blog span{
font-family:LatoReg;
font-size:14px;
color:#4d4d4d;
line-height:24px;
}

.node-type-blog #primary {
    margin-right: 240px;
}

.node-type-blog #page-title{
display:block !important;
font-family: SanReg;
font-size:17px;
color:#cd549e;
line-height:36px;
}
.node-type-blog .node-blog .field-name-body span{
font-family:LatoReg;
font-size:15px;
color:#4d4d4d;
line-height:28px;
}
.reset-btn{
width: 80px !important;
float: right;
background-color: #666666 !important;
color: white;
margin-right:10px;
}
#reset{
margin-left: -6px;
background-color:#d4d4d4;
border: none;
color: #4d4d4d;
font-size: 13px;
font-family: LatoBold;
    line-height: 14px;
    margin-left: -10px;
}

.page-node-1 .view-latest-projects table {
text-align: center;
margin-left:30px;
}

.region-content ul.flippy {
text-align: left;
}

#block-views-recent-blog-posts-block {
width:640px;
}

#block-views-recent-blog-posts-block h2 {
color: #808080;
}
.view-image-flow-gallery td{vertical-align:top;}

.front #container, .page-node-39 #container, .page-node-44 #container{
width:100% !important;
}

.front #container #views_slideshow_cycle_main_header_images-block, .page-node-39 #container #views_slideshow_cycle_main_header_images-block, .page-node-44 #container #views_slideshow_cycle_main_header_images-block{
margin:auto;
width:100%;
}

.front #container .view-latest-projects, .page-node-39 #container .view-latest-projects, .page-node-44 #container .view-latest-projects{
width:960px;
margin:auto;
}

.front #container #views_slideshow_cycle_main_header_images-block{
margin-bottom:-5px;
}

.page-node-44 #block-system-main{
background-color:black;
}

 .page-node-39 .panel-3col-33{
width:960px;
margin:auto;
 }

 #views_slideshow_cycle_teaser_section_header_images-block .views-field-field-slider-text{
 width:55%;
 float:left;
 font-family:SanReg;
 font-size:25px;
 line-height:46px;
 color:white;
 padding-left: 3%;
padding-top: 3%;

 }
 #views_slideshow_cycle_teaser_section_header_images-block .views-field-field-header-image{
 width:37%;
 float:right;
 }
 #views_slideshow_cycle_div_header_images-block_0, #views_slideshow_cycle_div_header_images-block_1, #views_slideshow_cycle_div_header_images-block_2, #views_slideshow_cycle_div_header_images-block_3, #views_slideshow_cycle_div_header_images-block_4{
 width:100% !important;
 }
 #views_slideshow_cycle_teaser_section_header_images-block .views-slideshow-cycle-main-frame-row-item{
 width: 960px;
margin:auto;
}
#views_slideshow_cycle_teaser_section_header_images-block{
width:100% !important;
}

.view-sub-services .views-row-1 .views-field-edit-node{

top: 26px;}
.view-sub-services .views-row-2 .views-field-edit-node
{
position: relative;
float: left;}

.view-sub-services .views-row-3 .views-field-edit-node
{
position: absolute;
top: 801px;
}
.view-sub-services .views-row-4 .views-field-edit-node
{
position: relative;
float: left;}

.view-image-flow-gallery .row-1 .col-1 .contextual-links-wrapper{
position: relative;
top: -523px;
float: right;
}

.view-image-flow-gallery .row-1 .col-2 .contextual-links-wrapper{
position: relative;
top: -554px;
float: right;
}
.view-image-flow-gallery .row-2 .contextual-links-wrapper
{position: relative;
top: -538px;
float: right;}