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

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*, 
*:before, 
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

img{/*display:block;*/ vertical-align:text-bottom;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

li.clearfix {
	display: list-item;
}
/*Hide these rules from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
    *zoom: 1;
}  

/*
END HTML5 Reset :: style.css
-------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------------------------------
   Helper classes
------------------------------------------------------------------------------- 
*/

.uppercase{
		text-transform:uppercase;
}
.lowercase{
		text-transform:lowercase;
}
.boldcase{
		font-weight:bold;
}
.normalcase{
		font-weight:normal;
}
.textdec-underline{
		text-decoration:underline;
}
.textdec-normal{
		text-decoration:none;
}
.Text-Idnt{
		text-indent:-99999px;
}

.hidden{
		display: none !important;
		visibility: hidden;
}

.visuallyhidden{
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
}
.invisible {
    	visibility: hidden;
}
img {
		border : 0;
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

.floatleft {
		float: left;
}

.floatright {
		float: right;
}

a { 
		color : #000000;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
}

/*a:visited { 
		color : #ee3344; 
}

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #dd2233;
}*/
a:hover{
		text-decoration:underline;
}
/*
-------------------------------------------------------------------------------
	Fonts
-------------------------------------------------------------------------------
*/

@font-face {
    font-family: 'cmregular';
    src: url('fonts/cmtiempo-webfont.eot');
    src: url('fonts/cmtiempo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cmtiempo-webfont.woff2') format('woff2'),
         url('fonts/cmtiempo-webfont.woff') format('woff'),
         url('fonts/cmtiempo-webfont.ttf') format('truetype'),
         url('fonts/cmtiempo-webfont.svg#cmregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
-------------------------------------------------------------------------------
	Color Palette
-------------------------------------------------------------------------------
*/
.blue{
		color:#126a95;
}
.red{
		color:#d82525;
}

/* 
-------------------------------------------------------------------------------
   Start Custom Styles
-------------------------------------------------------------------------------
*/

body{
		background:#fff; 
		text-align:left;
		font:normal 100% Verdana, Geneva, sans-serif;
		color:#00517c;
		margin:0;
}
header, footer,  #content{
			width:100%; 
}
.wrapper{
		/*max-width:100%;*/
		/*width:55.625em;*/ /*946*/
		
		max-width:64em; /*1024*/
		width:100%; /* 1024/1024 */
		position:relative;
		margin:0 auto;
}	
.inner{
		/*padding:15px;
		background:#fff;*/
		position:relative;
		width:90.234375%; /*924/1024*/
		margin:0 auto;
}
.conntentarea{
		position:relative;
		padding:45px 0 45px 0;
}

/*
----------------------
	header
----------------------	
*/

.social-login{
		position:relative;
}
.login-tab{
	
		position:relative;
		max-width:245px;
		width:100%;
		background:#ec1c24;
		padding:3px 0 8px 0;
		float:right;
		text-align:center;
		
		-webkit-border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
		border-radius:0 0 5px 5px;
}
.login-tab ul{
		list-style:none;
		position:relative;
		text-align:center;
		margin:0 0 0 0;
}
.login-tab ul li{
		list-style:none;
		display:inline-block;
		line-height:1;
}

.login-tab ul li a{
		font:normal 14px/1 "Myriad Pro", Arial, Helvetica, sans-serif;
		color:#fff; 
		padding:0 8px;
		border-right:1px solid #fff;
}
.login-tab ul li:last-child a{
		border-right:none;
}
ul.top-social-list{
		position:relative;
		list-style:none;
		float:right;
		/*margin:5px 15px 0 0;*/
		margin:5px 0 0;
}
ul.top-social-list li{
		list-style:none;
		float:left;
		margin:0 15px 0 0;
}
ul.top-social-list li:last-child{
		margin:0 0 0 0;
}
ul.top-social-list li a{
		width:24px;
		height:24px;
		display:block;
		overflow:hidden;
		text-indent:-99999px;
}
ul.top-social-list li a.linkedin{
		background:url(../images/linkedin-icon.png) center top no-repeat;
}
ul.top-social-list li a.facebook{
		background:url(../images/facebook-icon.png) center top no-repeat;
}
ul.top-social-list li a.twitter{
		background:url(../images/Twitter-icon.png) center top no-repeat;
}



.headertop{
		position:relative;
		/*padding:20px 0 25px 0;*/
		padding:10px 0 15px 0;
}
.logowrap{
		position:relative;
		float:left;
		text-align:left;
}
.logo{
		float:left;
		text-align:left;
		padding:0 15px 0 0;
		border-right:1px solid #b2b2b2;
}
.punchtext{
		float:right;
		font:normal 18px/1.2 Arial, Verdana, Geneva, sans-serif;
		color:#b71d22;
		padding:32px 0 0 15px;
}
.punchtext span.space{
		letter-spacing:-0.3em;
}
ul.contactinfo{
		width:245px;
		position:relative;
		float:right;
		list-style:none;
		
		font:normal 18px/1.2 "Myriad Pro", Verdana, Geneva, sans-serif; 
		color:#fff;
		text-align:center;
		
}
ul.contactinfo li{
		list-style:none;
		width:100%;
		display:block;
		background:#7e1316;
		padding:8px 0;
		border-bottom:1px solid #fff;
}
ul.contactinfo a{
		color:#fff;
		/*text-decoration:none;*/
}
/*ul.contactinfo a:hover{
		color:#fff;
		text-decoration:underline;
}*/
ul.contactinfo span.space{
		letter-spacing:-0.3em;
}

/*
----------------------
	footer
----------------------	
*/

.footertab{
		border-top:1px solid #b2b2b2;
		padding:10px 0 20px;
		font-size:10px;
		color:#000;
		text-align:center;
}
.footertab a{
		color:#000;
		text-decoration:none;
}
.footertab a:hover{
		text-decoration:underline;
}
/*.footerlefttab{
		float:left;
}*/
.footerrighttab{
		/*float:right;*/
		padding:0 0 10px;
}
.footerrighttab a{
		color:#c52026;
}


/*
----------------------
	Common page Style
----------------------	
*/

.pagearea{
		position:relative;
		font-size:12px;
		color:#000;
		line-height:1.5;
}
.pagearea h1{
		font:normal 24px/1.3 "Myriad Pro", Verdana, Geneva, sans-serif; 
		color:#000;
		
		/*letter-spacing:-0.03em;*/
		
		padding:0 0 8px 0;
		margin:0 0 20px 0;
		border-bottom:1px solid #d8b8b8;
}
.pagearea h1 span.space{
		color:#fff;
		letter-spacing:-0.3em;
}
.pagearea p{
		padding:0 0 15px 0;
}
.pagearea p.heading{
		font:bold 12px/1.5 Verdana, Geneva, sans-serif;
		color:#dd0006;
		padding:0 0 3px 0;
}
.pagearea a{
		color:#dd0006;
}


.commonleft{
		position:relative;
		width:60.38961038961039%; /*558/924*/
		float:left;
}
.commonright{
		position:relative;
		width:35.71428571428571%; /*330/924*/
		float:right;
		padding-top:40px;
}
.commontextwrapper{
		position:relative;
		width:100%;
}
.commontextwrapper{
		position:relative;
		width:100%;
}
.commontextwrapper h1{
		max-width:558px;
}
.commontextwrapper p{
		font:normal 12px/1.5 Verdana, Geneva, sans-serif; 
		color:#000;
		padding-bottom:15px;
}
ul.clientlist{
		position:relative;
		list-style:none;
		padding-bottom:5px;
}
ul.clientlist li{
		position:relative;
		display:block;
		font:normal 12px/1.6 Verdana, Geneva, sans-serif; 
		padding-left:18px;
		padding-bottom:5px;
}
ul.clientlist li span{
		position:absolute;
		top:0;
		left:0;
}
.rightwrapper{
		position:relative;
		width:100%;
		background:#e5e5e5;
		padding:15px 15px;
}
.rightwrapper p{
		font:normal 12px/1.5 Verdana, Geneva, sans-serif; 
		color:#000;
		padding-bottom:8px;
}
ul.rightlist{
		position:relative;
		list-style:none;
		font:normal 10px/1.5 Verdana, Geneva, sans-serif; 
		color:#000;
}
ul.rightlist li{
		list-style:none;
		display:block;
		background:url(../images/bull-image.png) left 6px no-repeat;
		padding-left:12px;
}
.twitterwrapper{
		position:relative;
		width:100%;
		max-width:230px;
		float:right;
}
.twitterwrapper iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
}
ul.roles{
		position:relative;
		width:auto;
		list-style:none;
		font-size:12px;
		line-height:1.7;
		padding:0 0 0 16px;
}
ul.roles li{
		list-style:disc;
		display:list-item;
		padding:0 0 0 3px;
}
ul.roles li a{
		color:#000;
		text-decoration:none;
}
ul.roles li a:hover, ul.roles li a.active{
		text-decoration:underline;
}

/*Common Banner Style*/

.commonbanner{
		position:relative;
		width:100%;
		/*height:349px;*/
		overflow:hidden;
}
.commonbanner img{
		display:block;
		max-width:none;
}
.floatbanner{
		width:314px;
		height:314px;
		display:block;
		position:absolute;
		top:18px;
		left:50px;
}

/*common list style*/

ul.commonlist{
		position:relative;
		width:auto;
		list-style:none;
		font-size:12px;
		line-height:1.7;
		padding:0 0 0 16px;
}
ul.commonlist li{
		list-style:disc;
		display:list-item;
		padding:0 0 0 3px;
}
ul.commonlist li a{
		color:#000;
		text-decoration:none;
}
ul.commonlist li a:hover{
		text-decoration:underline;
}



/*
----------------------
	index page
----------------------	
*/


/*
----------------------
	testimonials page
----------------------	
*/

.testimonialswrapper{
		position:relative;
		width:100%;
}
.testimonialssections{
		position:relative;
		width:31.38528138528139%; /*290/924*/
		float:left;
		background:#f2f2f2;
		padding:15px 15px;
		margin-right:2.922077922077922%;
		margin-top:5px;
		margin-bottom:2.3%;
}
/*.testimonialswrapper .testimonialssections:last-child{
		margin-right:0;
}*/
.testimonialssections:nth-of-type(3n){
		margin-right:0;
}
.testimonialssections p{
		font:italic 12px/1.5 Verdana, Geneva, sans-serif; 
		color:#000;
		padding-bottom:8px;
}
.red2{
		color:#991a1d;
}

/*
----------------------
	our team page
----------------------	
*/

.largefont{
		font:normal 14px/1.5 Verdana, Geneva, sans-serif; 
}

/*
----------------------
	contact page
----------------------	
*/

.mapwrapper{
		position:relative;
		width:100%;
		min-height:349px;
		/*padding:0 0 56.25% 0;*/
		overflow:hidden;
}
.mapwrapper iframe{
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		border:0;
}
.contactwrapper{
		position:relative;
		width:100%;
		max-width:375px;
}
.contactwrapper p{
		font:normal 18px/1.5 Verdana, Geneva, sans-serif; 
		color:#2a2a2a !important;
}
.contactwrapper p a{
		color:#2a2a2a !important;
}

/*
----------------------
	send your cv page
----------------------	
*/

.bannertext{
		width:245px;
		position:absolute;
		bottom:20px;
		right:50px;
		background:#126a95;
		padding:8px 5px 8px 10px;
		
		font-size:12px;
		color:#fff;
}
.bannertext span.callno{
		display:block;
		font-size:18px;
}



/* 
-------------------------------------------------------------------------------
   Media Queries
-------------------------------------------------------------------------------
*/

/*================(<1024)================*/
@media screen and (max-width: 63.9375em){

.wrapper{
		width:95%;
}
.inner{
		width:100%;
}
.login-tab{
		float:none;
		max-width:100%;
}
ul.top-social-list{
		width:auto;
		float:none;
		background:#e8e8e8;
		padding:10px 0;
		/*margin:10px 0 0 0;*/
		margin:0 0;
		text-align:center;
		-webkit-border-bottom-left-radius:5px;
		-moz-border-bottom-left-radius:5px;
		border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		-moz-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;
}
ul.top-social-list li{
		display:inline-block;
		float:none;
}

.headertop{
		position:relative;
		padding:15px 0 15px 0;
}
.logowrap{
		float:none;
		text-align:center;
}
.logo{
		float:none;
		text-align:center;
		padding:0 0 8px 0;
		border-right:none;
}
.punchtext{
		/*font-size:30px;*/
		float:none;
		padding:0 0 8px 0;
}
ul.contactinfo{
		position:relative;
		float:none;
		margin:0 auto;
}

.footerrighttab, .footerlefttab{
		float:none;
		text-align:center;
		padding:7px;
}

}

/*================(1023 - 769)================*/
@media only screen and (max-width: 63.9375em) and (min-width: 48.0625em){
}

/*================(800)================*/
@media screen and (max-width: 50em){
}

/*================(<768)================*/
@media only screen and (max-width: 47.9375em){

.commonleft, .commonright{
		width:auto;
		float:none;
}
.commonright{
		padding:20px 0 0 0;
}
.twitterwrapper{
		max-width:100%;
		float:none;
}
.login-tab{
		padding: 5px 0 10px 0;
}

	
}

/*================(767 - 641)================*/
@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em){
}


/*================(640)================*/
@media screen and (max-width: 40em){

.wrapper{
		width:100%;
}
.pagearea{
		padding:0 15px;
}
.footertab{
		padding:10px 15px 20px;
}
.login-tab{
		padding: 8px 0 12px 0;
}
.testimonialssections{
		width:100%;
		float:none;
		margin-right:0;
		margin-top:8px;
}
	
}


/*================(639 - 481)================*/
@media only screen and (max-width: 39.9375em) and (min-width: 30.0625em){
}

/*================(<640)================*/
@media only screen and (max-width: 39.9375em){

.headertop{
		position:relative;
		padding:10px 0 10px 0;
}
.conntentarea{
		padding:20px 0 20px 0;
}
	
}

/*================(480)================*/
@media only screen and (max-width: 30em){

.floatbanner{
		left:10px;
}
.bannertext{
		width:100%;
		position:absolute;
		bottom:0;
		right:0;
		background:#126a95;
		padding:8px 5px 8px 15px;
}
.bannertext span.callno{
		padding:5px 0 0 0;
}
.contactwrapper p{
		font:normal 14px/1.5 Verdana, Geneva, sans-serif; 
}
	
}


/*================(<480)================*/
@media only screen and (max-width:29.9375em){

.floatbanner{
		width:300px;
		height:300px;
		top:25px;
		/*left:10px;*/
}
.floatbanner img{
		max-width:95%;
}
	
}


/*================(320)================*/
@media screen and (max-width: 20em){

}


/*================(768 - 481)================*/
/*@media only screen and (max-width: 48em) and (min-width: 30.0625em){
}*/








/*
-------------------------------------------------------------------------------
	VENDOR-SPECIFIC 
-------------------------------------------------------------------------------	
*/
html { 
		-webkit-overflow-scrolling : touch; 
		-webkit-tap-highlight-color : rgb(52,158,219); 
		-webkit-text-size-adjust : 100%; 
		-ms-text-size-adjust : 100%; }

.clearfix { 
		zoom : 1; 
}

::-webkit-selection { 
		background : rgb(23,119,175); 
		color : rgb(250,250,250); 
		text-shadow : none; 
}

::-moz-selection { 
		background : rgb(23,119,175); 
		color : rgb(250,250,250); 
		text-shadow : none; 
}

::selection { 
		background : rgb(23,119,175); 
		color : rgb(250,250,250); 
		text-shadow : none; 
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
		-webkit-appearance : button; 
}

::-webkit-input-placeholder {
		font-size : .875em; 
		line-height : 1.4; 
}

input:-moz-placeholder { 
		font-size : .875em; 
		line-height : 1.4; 
}

.ie7 img,
.iem7 img { 
		-ms-interpolation-mode : bicubic; 
}

input[type="checkbox"], 
input[type="radio"] { 
		box-sizing : border-box; 
}

input[type="search"] { 
		-webkit-box-sizing : content-box;
		-moz-box-sizing : content-box; 
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
		padding : 0;
		border : 0; 
}

p {
		/* http://www.w3.org/TR/css3-text/#hyphenation */
		/*-webkit-hyphens : auto;
		-webkit-hyphenate-character : "\2010";
		-webkit-hyphenate-limit-after : 1;
		-webkit-hyphenate-limit-before : 3;
		-moz-hyphens : auto; */
}


/* 
-------------------------------------------------------------------------------
	Print styles
-------------------------------------------------------------------------------
*/

@media print {
	* {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }    
}