@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

h1, h2, h3, h4, h5, h6{
 font-family: 'Droid Sans',Calibri,sans-serif !important;
}
body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td{
 font-size: 15px; line-height: 21px;
}
body{
 background: none #FFFFFF;
 font-family: 'Droid Sans',Calibri,sans-serif; color: #333333;
}
.row {
    width: 970px;
}
body a,
body a:hover{
 color: #0088CC;
}
thead{
 background-color: #0088CC !important;
}
p, aside p, li{
 font-size: 14px; line-height: 21px;
}
#heading_wrapper{
 background: none transparent; box-shadow: none; margin: 0;
}
.page_heading_text{
 color: #008AD2; margin: 0; display: none;  
}
#breadcrumbs{
 display: none;
}
table tbody tr td{
 border: 1px solid #FFFFFF;
}
table tbody tr,
table tbody tr:nth-child(2n){
 background: #DDDDDD;
}
header{
 padding: 0 0 20px;
}
header .container .row .branding{
 width: 25% !important;
}
header .container .row .top-right{
 width: 50% !important;
}

.menu-container{
 background: #BBBBBB; margin-top: 10px;
}
.top-bar{
 margin: 0; float: left; width: auto;
}
.menu-header_icons{
 float: right; padding-right: 10px;
}
.header_icons{
 margin: 0;
}
.header_icons li{
 line-height: 27px;
}
.header_icons li i:hover{
 color: #0088CC;
}
.header_icons li i{
 vertical-align: middle;
}
.header_icons li i.fa{
 font-size: 23px; vertical-align: text-top;
}
.top-bar ul > li a:not(.button){
 font-family: 'Droid Sans',Calibri, sans-serif; padding: 0 10px 0 10px; font-size: 15px; text-shadow: none; text-transform: none;
 height: auto; line-height: 27px; font-weight: normal;
}
.menu_1, li.menu_1 .dropdown, li.menu_1 .dropdown li,
.menu_2, li.menu_2 .dropdown, li.menu_2 .dropdown li,
.menu_3, li.menu_3 .dropdown, li.menu_3 .dropdown li,
.menu_4, li.menu_4 .dropdown, li.menu_4 .dropdown li,
.menu_5, li.menu_5 .dropdown, li.menu_5 .dropdown li,
.menu_6, li.menu_6 .dropdown, li.menu_6 .dropdown li{
 background: none transparent;
}
.top-bar ul.right{
 float: none;
}
#block-system-main-menu .content{
 margin: 0;
}
.top-bar .active,
.top-bar ul > li a.active{
 background: none repeat scroll 0 0 #0088CC; color: #FFFFFF; 
}
.top-bar ul > li.has-dropdown a:after{
 border: none !important;
}
.top-bar ul > li:hover:not(.name),
.top-bar ul > li.active:not(.name) {
 background: none repeat scroll 0 0 #0088CC; color: #FFFFFF; 
}
.top-bar ul > li:hover:not(.name) a, .top-bar ul > li.active:not(.name) a{
 color: #FFFFFF;
}
.top-bar ul > li.has-dropdown .dropdown li{
 background: #BBBBBB;
}
.top-bar ul > li.has-dropdown .dropdown li:hover,
.top-bar ul > li.has-dropdown .dropdown li a:hover{
 background: #0088CC;
}
.top-bar ul.right .has-dropdown .dropdown{
 left: 0; right: auto;
}
.top-bar ul > li.has-dropdown .dropdown li a {
 font-size: 15px; padding: 6px 10px; text-transform: none;
}
.top-bar,
.top-bar ul{
 height: auto; line-height: auto;
}
.top-bar ul > li.has-dropdown .dropdown{
 background: #333333;
}
.tile-photo, .tile{
 height: 228px; margin-bottom: 11px;
}
.tile-photo img{
 height: auto !important;
}
#block-system-main-menu ul ul.menu {
 background: #0088cc none repeat scroll 0 0;
 position: absolute; width: 170px; z-index: 10;
 display: none !important;
}
#block-system-main-menu ul li.has-dropdown:hover ul.menu{
	display: block !important;
}
#block-system-main-menu ul ul.menu li {
    width: calc(100% - 10px);
}
#block-views-tiles-block .three,
#block-views-tiles-block .row .three,
#block-views-tiles-block-1 .three,
#block-views-tiles-block-1 .row .three{
 width: 24%; margin-right: 1%;
}
#block-views-tiles-block .six,
#block-views-tiles-block .row .six,
#block-views-tiles-block-1 .six,
#block-views-tiles-block-1 .row .six{
 width: 49%; margin-right: 1%;
}
#block-views-tiles-block .tile .hover-text,
#block-views-tiles-block-1 .tile .hover-text{
 background: url(images/arrow-white-2.png) no-repeat scroll 50% 90% rgba(51, 51, 51, 0.75); color: #FFFFFF;
 bottom: 0; display: none; left: 0; position: absolute; width: 100%; 
 padding: 10px 0 24px;
}
#block-views-tiles-block .tile,
#block-views-tiles-block-1 .tile{
 padding-top: 110px;
}

.tile-title{
 font-family: 'Droid Sans',Calibri,sans-serif;
}
#block-block-12{
 padding: 25px 0; background: #DDDDDD;
}
#block-block-12 .row{
 max-width: 940px; width: 100%;
}

#highlight{
 background: #DDDDDD; box-shadow: none; padding: 0;
}
#highlight h1 {
 color: #444444; font-size: 18px; line-height: 28px; margin: 0; padding: 0; text-shadow: 1px 1px #FFFFFF;
}
#block-block-12 .columns{
 padding: 0;
}
#block-block-12 p{
 margin: 0;
}
#footer{
 background: none #555555;
}
#footer h2{
 font-size: 14px;
}
#footer .footer-1,
#footer .footer-2{
 margin: 0 4%;
}
#footer .footer-3{
 float: left; margin-left: 4%;
}
#footer ul li{
 color: #0088CC; list-style: square outside none;
}
#footer ul li a{
 color: #FFFFFF;
}
#footer ul li a:hover{
 color: #0088CC;
}
#footer i{
 vertical-align: middle;
}
.phone i{
 font-size: 30px; padding-left: 3px;
}
.mail i{
 font-size: 20px;
}
.mail a{ 
 color: #FFFFFF;
}

.get-in-touch{
 float: left; max-width: 500px; width: 100%; margin-right: 40px;
}
.directions{
 float: left; max-width: 500px; width: 100%;
}
.blue-heading{
 background: #008AD2; padding:10px !important; color: #FFFFFF; margin-bottom: 20px; margin-top: 20px;
}
.gray-heading{
 background: #BBBBBB; padding:10px !important; color: #FFFFFF; margin-bottom: 20px; margin-top: 20px;
}
.dark-gray-heading{
 background: #555555; padding:10px !important; color: #FFFFFF; margin-bottom: 20px; margin-top: 20px;
}

.blue-heading h3,
.gray-heading h3,
.dark-gray-heading h3{
 color:#FFFFFF; margin: 0;
}
.blue-heading .subtitle,
.gray-heading .subtitle,
.dark-gray-heading .subtitle{
 color: #FFFFFF; font-size: 18px;
}
.blue-text{
 color: #008AD2;
}
.node.node-page .field-name-body .row .six .twelve{
 padding-left: 0px;
}
.node.node-page .field-name-body .six .twelve > div{
 padding: 0 10px;
}
.get-in-touch div,
.directions div{
 padding: 0 10px;
}
.contact-map{
 margin-top: 20px;
}

.view-id-my_downloads.view-display-id-page_1 table thead tr th,
.view-id-my_downloads.view-display-id-page_1 table tfoot tr td,
.view-id-others_downloads.view-display-id-page_1 table thead tr th,
.view-id-others_downloads.view-display-id-page_1 table tfoot tr td{
 min-width: 120px;
}
.view-id-my_downloads.view-display-id-page_1 .view-content .views-field-title,
.view-id-my_downloads.view-display-id-page_1 .view-content .views-field-field-file,
.view-id-others_downloads.view-display-id-page_1 .view-content .views-field-title,
.view-id-others_downloads.view-display-id-page_1 .view-content .views-field-field-file{
 /* max-width: 300px; width: 28%; */
}
.view-id-my_downloads.view-display-id-page_1 .view-content .views-field-body,
.view-id-others_downloads.view-display-id-page_1 .view-content .views-field-body{
 max-width: 450px; width: 44%;
}
.view-id-my_downloads.view-display-id-page_1 .views-table,
.view-id-others_downloads.view-display-id-page_1 .views-table{
 float: left; position: relative; width: 100%;
}
.view-id-my_downloads.view-display-id-page_1 thead th.views-field-title,
.view-id-others_downloads.view-display-id-page_1 thead th.views-field-title{
/* font-size: 0px; color: #0088CC; */
}
.view-id-my_downloads.view-display-id-page_1 .views-table caption,
.view-id-others_downloads.view-display-id-page_1 .views-table caption{
/* color: #FFFFFF; left: 11px; position: absolute; top: 7px; */
}
.view-id-my_downloads.view-display-id-page_1 .views-table .views-field-field-invoice .file,
.view-id-others_downloads.view-display-id-page_1 .views-table .views-field-field-invoice .file{
 display: block; margin-bottom: 5px;
}
.view-id-my_downloads.view-display-id-page_1 th a,
.view-id-others_downloads.view-display-id-page_1 th a{
 background: url("images/arrow-desc.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); padding-right: 17px;
}
.view-id-my_downloads.view-display-id-page_1 th.active a,
.view-id-others_downloads.view-display-id-page_1 th.active a{
 background: none; padding-right: 0px;
}
.view-id-my_downloads.view-display-id-page_1 th.active a img,
.view-id-others_downloads.view-display-id-page_1 th.active a img{
 margin-left: 5px;
}
.view-id-my_downloads.view-display-id-page_1 .views-field-field-invoice .item-list ol,
.view-id-my_downloads.view-display-id-page_1 .views-field-field-docs-analysis-coa .item-list ol,
.view-id-my_downloads.view-display-id-page_1 .views-field-field-other-pricing-confirmation .item-list ol,
.view-id-others_downloads.view-display-id-page_1 .views-field-field-invoice .item-list ol,
.view-id-others_downloads.view-display-id-page_1 .views-field-field-docs-analysis-coa .item-list ol,
.view-id-others_downloads.view-display-id-page_1 .views-field-field-other-pricing-confirmation .item-list ol{
 margin-bottom: 0;
}
.view-id-others_downloads.view-display-id-page_1 #views-exposed-form-others-downloads-page-1 .form-submit{
 font-size: 11px; margin-top: 24px; padding: 6px 14px; border: 1px solid #1e728c; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; font-weight: bold;
 color: #FFFFFF; background: #2f88f0 !important;
}
.view-id-others_downloads.view-display-id-page_1 #views-exposed-form-others-downloads-page-1 .form-item-field-select-user-uid,
.view-id-others_downloads.view-display-id-page_1 #views-exposed-form-others-downloads-page-1 .form-item-field-select-user-uid .form-select{
 height: 25px;
}

.info-wrapper{
 overflow: hidden;
}
.info-wrapper .info-pic{
 padding: 0;
}
.info-wrapper .info-pic img{
 width: 100%; min-height: 198px;
}
.info-blue-box{
 background: #008AD2; padding: 5px 0 0 10px; height: 198px; position: relative;
}
.info-gray-box{
 background: #BBBBBB; padding: 5px 0 0 10px; height: 198px; position: relative;
}
.info-dark-gray-box{
 background: #555555; padding: 5px 0 0 10px; height: 198px; position: relative;
}
.info-wrapper h3.info-name{
 color: #FFFFFF; font-size: 16px; font-weight: normal; margin: 0; 
}
.info-wrapper h3.inf-designation{
 color: #BABABA; font-size: 16px; margin: 5px 0 0;
}
.info-wrapper .info-dark-gray-box h3.inf-designation{
 color: #BABABA;
}
.info-wrapper .info-phone {
 color: #ffffff; font-size: 12px; bottom: 20px; position: absolute;
}
.info-wrapper .info-mail{
 bottom: 5px; position: absolute;
}
.info-wrapper .info-mail a{
 color: #ffffff; font-size: 12px;
}
.info-wrapper .info-dark-gray-box .member_icons i,
.info-wrapper .info-gray-box .member_icons i{
 color: #007BB6;
}
.info-wrapper .member_icons i{
 color: #333333; font-size: 26px; vertical-align: bottom;
}
.info-wrapper .tagline{
 color: #FFFFFF; font-size: 16px; 
}
.top-right{
 padding-top: 37px;
}
#block-block-16{
 padding-right: 10px; text-align: right; float: right;
}
#block-block-16 div{
 line-height: 17px;
}
#block-block-17{
 margin-top: 10px; text-align: right; margin-right: 30px; margin-top: 53px; float: right;
}

#block-block-17 .welcome-msg span{
 color: #0088CC;
}
#block-block-17 .welcome-msg{
 color: #999999; text-transform: capitalize;
}
.top-right p,
.top-right .content{
 margin: 0;
}
#main_wrapper .messages.status{
 left: 37%; position: absolute; top: -171px; width: auto;
}
#contact-site-form .form-item-message .form-textarea-wrapper{
 padding: 0;
}
#sliding-popup .popup-content #popup-buttons button{
 background: #e9e9e9 !important; border-radius: 0 !important;
}
#sliding-popup .popup-content{
 overflow: hidden; padding-bottom: 5px;
}
.view-id-team.view-display-id-page_1{
 overflow: hidden;
}
.view-id-team.view-display-id-page_1 .views-row{
 float: left; margin-right: 5px; width: 232px; margin-bottom: 20px;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area{
 height: 198px; width: 232px; position: relative; overflow: hidden;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area .img_hov{
 position: absolute; height: 198px; width: 232px; top: 0; background: rgba(0, 0, 0, 0.5);
 transform: translate(0px, 250px); transition: all 0.2s ease-in-out 0.1s;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area:hover .img_hov{
 transform: translate(0px, 0px); transition-delay: 0.1s;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area .linkedin_link{
 text-align: center; margin-top: 50px;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area .tagline{
 color: #eee; font-size: 16px; font-weight: 600; text-align: center; margin-top: 50px;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area .read_more{
 float: none; margin: 10px 0 0; text-align: center;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area .read_more a,
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .img_area .read_more a:hover{
 color: #eee; text-decoration: underline; font-size: 14px;
}

.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .desc_area{
 background: #f7f7f7; text-align: center; padding-bottom: 5px;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .desc_area .member_name{
 font-size: 19px; padding: 7px 0;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .desc_area .designation{
 color: #555555; font-size: 14px; line-height: 18px; height: 40px; line-height: 18px;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .desc_area .phone{
 color: #9a9a9a; font-size: 12px; line-height: 12px;
}
.view-id-team.view-display-id-page_1 .views-row .views-field-nothing .desc_area .mail a{
 color: #9a9a9a; font-size: 12px;
}
body.node-type-team-member .article_content{
 overflow: hidden;
}
body.node-type-team-member .article_content div{ font-size: 14px; }
body.node-type-team-member .left_content{
 float: left; width: 48%; margin-right: 4%;
}
body.node-type-team-member .left_content h3.post_title{
 background: #008ad2; color: #fff; font-size: 25px; margin: 0 0 20px; padding: 10px;
}
body.node-type-team-member .left_content .field-name-field-member-photo{
 float: left; margin: 0 15px;
}
body.node-type-team-member .left_content .field-name-body{
 padding: 0 15px; text-align: justify;
}
body.node-type-team-member .right_content{
 float: left; width: 48%;
}
body.node-type-team-member .right_content h3.post_title{
 background: #555555; color: #fff; font-size: 25px; margin: 0 0 20px; padding: 10px;
}
body.node-type-team-member .right_content .field-name-field-phone-number{
 background: url(images/t.png) no-repeat scroll -2px 5px; margin: 0 15px; padding: 0 0 0 20px;
}
body.node-type-team-member .right_content .field-name-field-mobile-number{
 background: url(images/m.png) no-repeat scroll 0px 5px; margin: 0 15px; padding: 0 0 0 20px;
}
body.node-type-team-member .right_content .field-name-field-email{
 background: url(images/e.png) no-repeat scroll -2px 5px; margin: 0 15px; padding: 0 0 0 20px;
}
body.node-type-team-member .right_content .field-name-field-linkedin-profile-link{
 background: url(images/l.png) no-repeat scroll -2px 5px; margin: 0 15px; padding: 0 0 0 20px;
}
body.node-type-team-member .right_content .field-name-field-email a,
body.node-type-team-member .right_content .field-name-field-linkedin-profile-link a{
 color: #333333;
}


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

#nav .top-bar{
 width: 100%; padding: 0 2%; height: 45px;
}
#nav .top-bar.expanded{
 height: auto;
}
#nav .top-bar ul li.name{
 padding-left: 10px; background: #008AD2 !important;
}
#nav .top-bar ul.left{
 position: relative;
}
#nav .top-bar ul li.toggle-topbar{
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
 position: absolute; top: 0;
}
#nav .menu-header_icons{
 width: 100%; padding: 0 2%;
}
.header_icons li{
 margin: 0 0 0 10px;
}
.tile-photo, .tile{ 
 height: 180px;
}
#block-views-tiles-block .tile,
#block-views-tiles-block-1 .tile{
    padding-top: 75px;
}
.get-in-touch{
 width: 48%; margin-left: 1%; margin-right: 3%;
}
.directions{
 width: 48%;
}

.view-id-my_downloads.view-display-id-page_1 table thead tr th,
.view-id-my_downloads.view-display-id-page_1 table tfoot tr td {
    min-width: 100px;
}
body.node-type-team-member .left_content,
body.node-type-team-member .right_content{
 width: 100%; margin: 0 0 20px 0;
}

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

 .tile-photo, .tile{ 
   height: auto;
 }
 .team_image{
   background: none transparent;
 }
 .get-in-touch, .directions{
 width: 96%; margin-left: 2%; margin-right: 2%; max-width: 96%;
}
.view-id-my_downloads.view-display-id-page_1 .views-table{
 margin-left: 2%; margin-right: 2%; width: 96%;
}
.contact-map,
.contact-form-wrapper{
 float: none; clear: both;
}
header .container .row .branding{
 width: 50% !important; float: left;
}
header .container .row .top-right{
 width: 50% !important; float: left;
}

.view-id-my_downloads.view-display-id-page_1 table thead tr th,
.view-id-my_downloads.view-display-id-page_1 table tfoot tr td {
    min-width: 100px;
}

}