@charset "utf-8";

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

}

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

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

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

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

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'din-bold';
    src: url('../fonts/din/din1451e.eot');
    src: url('../fonts/din/din1451e.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din/din1451e.woff') format('woff'),
         url('../fonts/din/din1451e.ttf') format('truetype'),
         url('../fonts/din/din1451e.svg#din1451e') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'din-light';
    src: url('../fonts/din/din1451e.eot');
    src: url('../fonts/din/din1451e.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din/din1451e.woff') format('woff'),
         url('../fonts/din/din1451e.ttf') format('truetype'),
         url('../fonts/din/din1451e.svg#din1451e') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
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, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

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;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* 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;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% /*sans-serif*/ Arial;}
textarea {
    resize: none;
}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

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*/ Arial, Helvetica;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], 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 {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

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


/* only to clear floats - to be used with any class as addition */
.clear {
	clear: both;
	}
	
/* clear float with blank <div>or <br>*/
.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
	}
	

/* MAIN */
body {
	/*background:#1d3548 url(../img/body_bg.jpg) repeat left top;*/
	background: #213C51;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	outline:0;
	font-family:'din',Tahoma, Geneva, Arial, Helvetica, sans-serif /*sans-serif*/;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}



/*---------------------------header------------------------*/
.header {
	width:100%;
	min-width: 940px;
	margin: 0 auto;
	/*background:url(../img/nav_bg.jpg) repeat-x left top;*/
	background: #000000;
	position:fixed;
	z-index:500;
}

.spacer {
	height:70px;
}

.top_bar {
	width:940px;
	margin:0 auto;
	/*background:url(../img/topbar_bottom.png) no-repeat left bottom;*/
}

.logo {
	width:183px;
	height:56px;
	padding-top:20px;
	float:left;
}

.cta {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:70px;
	float:left;	
}

.navigation {
	/*width:530px;*/
	height:70px;
	float:right;
	text-align: right;
}

.navigation ul {
	padding:0;
	margin:0;
}

.navigation ul li {
	float:left;
}

.navigation ul li a {
	font-family: 'robotobold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	line-height:70px;
	color:#fff;
	display:block;
	padding:0 0 0 22px;
}

.navigation ul li a:hover
{
	color:#999999;
}
#faq-hidden{
	display: none;
}
/*----------------contentsec1------------------*/
.content_sec1 {
	width:100%;
	/*min-width: 976px;*/
	margin: 0 auto;
	background:url(../img/main_image_bg.png) repeat-x left top;
	background-size: 100% 1040px;
}

.outer_sec1 {
	width:100%;
	min-width: 940px;
	margin: 0 auto;
	background:url(../img/main_image.jpg) no-repeat center top;
	background-size: cover;
	min-height: 975px;
	padding-bottom: 60px;
}

.clients {
	width:940px;
	margin:0 auto;
}

.top_sec {
	width: 522px;/*472px;*/
	padding:71px 0 170px 0;
	float:right;
	/*margin-right: -65px;*/
	margin-right: 0px;
}

.heading1 {
	height:117px;
	display:block;
	margin-bottom:24px;
}
.heading1-1{
	width: 100%;;
	font-size: 56px;
	font-family: 'din-bold';
	color: #FFFFFF;
}
.heading1-2{
	margin-top: -10px;
	width: 100%;
	font-size: 56px;
	font-family: 'din-bold';
	color: #FFFFFF;
	padding-left: 2px;
}
.top_sec p {
	font-family: 'robotoregular';
	font-size:14px;
	color:#A2B3C8;
	line-height:18px;
	padding-bottom:30px;
}

.btn_area {
}

.red-btn {
	padding: 12px 16px;
	display:inline-block;
	font-family: 'din-bold';
	background: #b10f31; /* Old browsers */
	background: -moz-linear-gradient(top,  #b10f31 0%, #9a0d2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b10f31), color-stop(100%,#9a0d2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b10f31 0%,#9a0d2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b10f31 0%,#9a0d2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b10f31 0%,#9a0d2b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b10f31 0%,#9a0d2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10f31', endColorstr='#9a0d2b',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	font-size: 20px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin-right:8px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.red-btn:hover{
	/*background: rgba(205,30,67,1);
	background: -moz-linear-gradient(top, rgba(205,30,67,1) 0%, rgba(127,9,34,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,30,67,1)), color-stop(100%, rgba(127,9,34,1)));
	background: -webkit-linear-gradient(top, rgba(205,30,67,1) 0%, rgba(127,9,34,1) 100%);
	background: -o-linear-gradient(top, rgba(205,30,67,1) 0%, rgba(127,9,34,1) 100%);
	background: -ms-linear-gradient(top, rgba(205,30,67,1) 0%, rgba(127,9,34,1) 100%);
	background: linear-gradient(to bottom, rgba(205,30,67,1) 0%, rgba(127,9,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1e43', endColorstr='#7f0922', GradientType=0 );*/
	background: #bb0027;
}

a.who_we_are_btn {
	width:107px;
	height:40px;
	line-height:40px;
	/*background:url(../img/whoweare_btn.png) no-repeat 0px 0px;*/
	display:block;
	float:left;
	font-family:'din-bold';
	font-size: 20px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin-right:8px;
}

a.who_we_are_btn:active
{
	/*background:url(../img/whoweare_btn.png) no-repeat 0px -40px;*/
}

a.portfolio_btn {
	width:93px;
	height:40px;
	line-height:40px;
	/*background:url(../img/portfolio_btn.png) no-repeat 0px 0px;*/
	display:block;
	float:left;
	font-family:'din-bold';
	font-size: 20px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

a.portfolio_btn:active
{
	background:url(../img/portfolio_btn.png) no-repeat 0px -40px;
}


.bottom_sec {
	padding-bottom: 10px;
}

.client_list {
	width:650px;
	position:relative;
}

.client_list h2 {
	height:31px;
	padding-bottom:22px;
}
.client_list .client-title {
	font-family:'din-bold';
	font-size: 40px;
	color:#7EB5E0;
	text-transform:uppercase;
	height:31px;
	padding-bottom:22px;
}

.slide {
	width:650px;
	height:216px;
}

.slider {
	width:655px;
	height:216px;
}

.slider img{
	margin:0 5px 4px 0;
	background: url(../img/logo_panels.png) no-repeat;
}

.bullet_area {
	width:45px;
	height:10px;
	position:absolute;
	top:16px;
	right:10px;
	text-indent:-9999px;
	font-size:1px;
}

.bullet a
{
	width:11px;
	height:10px;
	/*background:url(../img/bullet2.png) no-repeat left top;*/
	background:url(../img/paging_off.png) no-repeat;
	float:left;
	display:block;
	margin-left:4px;
	text-indent:-9999px;
}

.bullet a:hover,.bullet a.activeSlide
{
	/*background:url(../img/bullet2.png) no-repeat left -10px;*/
	background:url(../img/paging_on.png) no-repeat;
}

.testimonials {
	width:176px;
	background:url(../img/testimonial_template.png) no-repeat left top;
	background-size: 262px 303px;
	padding:12px 42px 32px 44px; /*33px 42px 32px 44px;*/
	position:relative;
}

.testimonials h2 {
	padding-bottom:13px;
}

.testimonials-head{
	padding-bottom:13px;
	font-family:'din-bold';
	font-size: 40px;
	color:#01152E;
	text-transform:uppercase;
}

.slide2 {
	width:194px;
	height:255px;
	margin-left: -10px;
}

.comments {
	line-height:16px;
}

.comments p {
	margin-left: 5px;
	margin-right: 5px;
	min-height:222px;
	color:#000000;
	font-family:'robotoregular';
	font-size: 12px;
	text-align: left;
}

.comments span {
	display:block;
	color:#6688a0;
	font-size: 13px;
	padding-left:16px;
}

.comments span strong {
	font-weight:bold;
	color:#fff;
	font-family:'robotobold';
	font-size: 12px;
}

.left_arrow
{	
	width:12px;
	height:18px;
	position:absolute;
	left:14px;
	top:113px;
	z-index:100;
}

.right_arrow
{	width:12px;
	height:18px;
	position:absolute;
	right:14px;
	top:113px;
	z-index:100;
}

/*----------------contentsec2------------------*/
.content_sec2 {
	/*width:100%;*/
	min-width: 940px;
	margin: 0 auto;
	
	/*background:url(../img/content_bg2.png) repeat-x left top;*/
	background: #035797;
}

.content_area {
	width:940px;
	height: 430px;
	margin:0 auto; 
}

.what_we_do_head {
	font-family:'din-bold';
	text-transform: uppercase;
	padding-bottom: 10px;
}
.what_we_do_head .t1 {
	width: 100%;
	font-size: 60px;
	color: #FFFFFF;
}
.what_we_do_head .t2 {
	width: 100%;
	font-size: 40px;
	color: #A6C2E5;
	margin-top: -10px;
}

.what_we_do {
	width:265px;
	padding:35px 0 35px 0;
	margin-left:0px;
	float:left;
}

.what_we_do h2 {
	height:44px;
	padding-bottom:7px;
}

.what_we_do h3 {
	font-size:25px;
	font-weight:normal;
	color:#a6c2e5;
	padding-bottom:20px;
	text-transform:uppercase;
}

a.portfolio_btn2 {
	width:96px;
	height:40px;
	line-height:40px;
	background:url(../img/portfolio_btn2.png) no-repeat left top;
	display:block;
	font-family:'din-bold';
	font-size: 20px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

a.portfolio_btn2:active {
	background:url(../img/portfolio_btn2.png) no-repeat 0px -40px;
}



.what_we_do p {
	font-size:14px;
	font-family:'robotoregular';
	line-height:18px;
	color:#A6C2E5;
	padding-top: 15px;
	padding-bottom:35px;
}

.tab_sec {
	width:670px;
	float:right;
	position:relative;
	top:-80px;
}

.tab_nav {
	width:654px;
	height:99px;
}

.tab_nav ul {
	padding:0 43px;
	margin:0;
}

.tab_nav ul {
	width: 620px;/*570px;*/
	height:94px;
	/*background:url(../img/tab.png) no-repeat 0px 0px;*/
}

.tab_nav ul li {
	width: 200px;/*180px;*/
	height:80px;
	border-radius: 5px 5px 0px 0px;
	display:block;
	float:left;
	color:#031929;
	font-size:36px;
	font-family:'din-bold';
	text-align:center;
	cursor:pointer;
	text-transform: uppercase;
	background:#023861;
	margin-left: 2px;
	margin-right: 2px;
}
.tab_nav ul li.current {
	background:#035797;
	color:#fff;
}
.tab_nav ul li a {
	line-height: 80px;
	display: block;
}
.tab_box {
	width:630px;
	margin-left:39px;
	margin-top: 20px;
	position:relative;
}

.tab_box .panes {
	display:none;
	}

.slide3 {
	width:630px;
	height:356px;
	top:-38px;
	clear: both;
}

.s1 {
	width:630px;
	height:356px;
	margin-top: 25px;
}
.tab_box img {
	float:left;
	left: -50px;
    position: relative;
}
.s1 img {
	left: 50px;
	top: 50px;
}

.details {
	width: 310px;
	position:absolute;
	top: 55px;
	right:45px;
}
.details .title {
	font-family:'din-bold';
	font-size: 40px;
	color:#CACACA;
	text-transform:uppercase;
	line-height: 35px;
	padding-bottom: 10px;
}

.details h2 {
	height:29px;
	padding-bottom:15px;
}

.details p {
	font-family:'robotoregular';
	font-size: 14px;
	line-height:20px;
	color:#fff;
}

.left_arrow2 {
	width:29px;
	height:49px;
	position:absolute;
	left:52px;
	top:90px;
	z-index:100;
}

.right_arrow2 {
	width:29px;
	height:49px;
	position:absolute;
	right:-52px;
	top:90px;
	z-index:100;
}

.tab_box2 { 
	/*width:630px;
	height:255px;
	background:url(../img/tabbox_bg2.png) no-repeat top left;*/
	width:852px;
	height:390px;
	background:url(../img/graphic_methodology_not_text.png) no-repeat -20px -70px;
}

.methodology_slide
{
	/*width:630px;
	height:241px;
	padding-top:14px;*/
	width: 852px;
	height:390px;
}


.tab_box2 h3 {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:0 0 5px 74px;
}

.tab_box2 p {
	font-size:11px;
	font-weight:normal;
	color:#9bbbe0;
	margin:0 0 11px 74px;
}

.glow_area {
	/*margin-left:103px;*/
	position:relative;
}

.box {
	width:123px;
	float:left;
	margin-right:52px;
}

a.pic {
	width:123px;
	display:block; 
}

.get_margn {
	margin-left:9px;
}

.get_margn.mrgn2 {
	margin-left:17px;
}

.get_margn.mrgn3 {
	margin-left:23px;
}
.left10 { margin-left: 10px;}
.left30 { margin-left: 30px;}
.tooltip {
	width: 184px;
	height: 187px;
	float: left;
}
.tooltip div.title {
	font-family: 'din-bold';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size:24px;
	color: #BBECE6;
	width: 184px;
	text-align: center;
	margin-top: 135px;
}
.tooltip ul {
	padding:25px 0 0 17px;
	margin:0;
}
.tooltip ul li {
	color:#fff;
	list-style:disc;
	padding:0px;
}
.tooltip ul li span {
	font-family: 'yanone_kaffeesatzlight';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size:17px;
	line-height:22px;
	color: #BBECE6;
}
.tt1 {
	
}

.tooltip1 {
	width:244px;
	height:187px;
	/*position:absolute;*/
	bottom:40px;
	left:-66px; /*left:-66px;*/
	/*background:url(../img/popup_bg.png) no-repeat left top;*/
}

.tooltip1 ul {
	padding:25px 0 0 17px;
	margin:0;
}

.tooltip1 ul li {
	font-size:12px;
	font-weight:normal;
	color:#fff;
	/*background:url(../img/arrow_popup.png) no-repeat left center;*/
	list-style:disc;
	line-height:18px;
	padding:0 0 0 0px;
}

.tooltip1 ul li span{
	color: #93EBF6; /*#00B0FF*/
}

.tooltip2 {
	width:244px;
	height:187px;
	position:absolute;
	bottom:40px;
	left:98px; /*left:118px;*/
	background:url(../img/popup_bg.png) no-repeat left top;
}

.tooltip2 ul {
	padding:25px 0 0 17px;
	margin:0;
}

.tooltip2 ul li {
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:url(../img/arrow_popup.png) no-repeat left center;
	line-height:18px;
	padding:0 0 0 13px;
}

.tooltip3 {
	width:244px;
	height:187px;
	position:absolute;
	bottom:40px;
	left:260px; /*left:282px;*/
	background:url(../img/popup_bg.png) no-repeat left top;
}

.tooltip3 ul {
	padding:25px 0 0 17px;
	margin:0;
}

.tooltip3 ul li {
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:url(../img/arrow_popup.png) no-repeat left 5px;
	line-height:18px;
	padding:0 0 0 13px;
}

.process_sec {
	position:relative;
	height:301px;
}

.process_slide
{
	width:631px;
	height:301px;
}

.development {
	width:208px;
}

.development h2 {
	font-size:28px;
	font-family: 'din-bold';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color:#fff;
	text-transform:uppercase;
	padding:17px 0;
}

.development p {
	font-size:14px;
	font-family: 'robotoregular';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	line-height:18px;
	color:#9bbbe0;
}

.build {
	width:389px;
	height:352px;
	position:absolute;
	/*top:-51px;*/
	top: 5px;
	right:-32px;
}

/*------------section3--------------*/
.content_sec3 {
	width:100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.tab_sec2 {
	width:940px;
	height:280px;
	margin:0 auto;
}

.tab_nav2 {
	width:232px;
	height:280px;
	float:left;
}

.tab_nav2 ul {
	padding:0;
	margin:0;
}

.tab_nav2 ul li
{
	width:232px;
	height:140px;
	z-index: 0;
}

.tab_nav2 ul li a
{
	width:232px;
	height:138px;
	display:block;
	/*background:url(../img/tab2.png) no-repeat left top;*/
	background:#446384;
	text-decoration: none;
	color:#152633;
	font-family: 'din-bold';
	font-size:48px;
	text-transform: uppercase;
	line-height: 138px;
	text-align: center;
	border-radius: 5px 0 0 5px;
}

.tab_nav2 ul li a.current
{
	/*background:url(../img/tab2.png) no-repeat left -305px;*/
	background:#C8D6E5;
	color: #262626;
}

.tab_nav2 ul li.leadership
{
	width:232px;
	padding-top:2px;
}

.tab_nav2 ul li.leadership a
{
	width:232px;
	display:block;
	/*background:url(../img/tab2.png) no-repeat left -450px;*/
}

.tab_nav2 ul li.leadership a.current
{
	/*background:url(../img/tab2.png) no-repeat left -154px;*/
}

.tab_box_sec {
	width:712px;
	height:280px;
	/*background:url(../img/tab_box.png) no-repeat left top;*/
	background: #C8D6E5;
	border-radius: 5px 5px 5px 5px;
	float:left;
	margin-left: -4px;
	z-index: 2;
}

.right_content_part {
	width:712px;
	height:280px;
}

.msg_area {
	width:214px;
	padding:33px 0 25px 0px;
	margin-left:33px;
	float:left; 
}

.msg_area h2 {
	font-family:'din-bold';
	font-size:26px;
	line-height:23px;
	text-transform:uppercase;
	color:#3a7cb0;
	padding-bottom:12px;
}

.msg_area p {
	line-height:15px;
	font-family:'robotoregular';
	font-size: 14px;
}

.slide_area {
	width:420px;
	float:right;
	padding:10px 0px 0 0;
	margin-right:10px;
}

.slide4 {
	width:420px;
	height:240px;
	margin-bottom:7px;
}

.s2 {
	width:420px;
	height:240px;
}

.bullet_area2 {
	width:65px;
	height:10px;
	float:right;
}

.bullet2 a
{
	width:11px;
	height:10px;
	/*background:url(../img/bullet2.png) no-repeat left top;*/
	background:url(../img/paging_off.png) no-repeat;
	float:left;
	display:block;
	margin-left:3px;
	text-indent:-9999px;
}

.bullet2 a:hover,.bullet2 a.activeSlide
{
	/*background:url(../img/bullet2.png) no-repeat left -10px;*/
	background:url(../img/paging_on.png) no-repeat;
}

.msg_area2 {
	width:685px;
	margin-left:24px;
}

.slide_area2 {
	width:685px;
	height:280px;
	position:relative;
}

.slide5 {
	width:690px;
	height:280px;
}

.s3 {
	width:688px;
	height:280px;
}

.content_part {
	width:355px;
	height:220px;
	padding:30px 0 0 10px;
}

.content_part h2 {
	height:27px;
	padding-bottom:7px;
	text-transform: uppercase;
	font-size: 27px;
	font-family: 'din-bold';
}

.content_part h3 {
	font-size:18px;
	font-weight:normal;
	color:#3a7cb0;
	padding-bottom:14px;
	text-transform:uppercase;
}

.content_part p {
	line-height:15px;
	font-family:'robotoregular';
	font-size: 14px;
	color: #262626;
}

.portrait {
	width:300px;
	height:280px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
}

.bullet_area3 {
	width:65px;
	height:10px;
	position:absolute;
	bottom:10px;
	right:315px;
	z-index:99;
}

.bullet3 a
{
	width:11px;
	height:10px;
	/*background:url(../img/bullet2.png) no-repeat left top;*/
	background:url(../img/paging_off.png) no-repeat;
	float:left;
	display:block;
	margin-left:3px;
	text-indent:-9999px;
	position:relative;
	/*z-index:999;*/
}

.bullet3 a:hover,.bullet3 a.activeSlide
{
	/*background:url(../img/bullet2.png) no-repeat left -10px;*/
	background:url(../img/paging_on.png) no-repeat;
}

/*------------content sec4----------------*/
.content_sec4 {
	width:100%;
	padding-bottom: 70px;
}

.project_box {
	width:940px;
	margin:0 auto;
}

.slider_sec {
	width:636px;
	height:440px;
	background:url(../img/slider_bg.png) no-repeat left top;
	float:left;
	position:relative;
}

.slide6, .slide8-1, .slide8-2 {
	width:636px;
	height:440px;
}

.s4 {
	width:636px;
	height:440px;
}

/*.bullet_area4 {
	width:75px;
	height:12px;
	position:absolute;
	top:9px;
	left:9px;
	z-index:99;
}

.bullet4 a
{
	width:12px;
	height:12px;
	background:url(../img/bullet2.png) no-repeat left top;
	float:left;
	display:block;
	margin-left:3px;
	text-indent:-9999px;
	position:relative;
	z-index:999;
}

.bullet4 a:hover,.bullet4 a.activeSlide
{
	background:url(../img/bullet2.png) no-repeat left -12px;
}*/
.bullet_area4, .bullet_area8-1, .bullet_area8-2 {
	width:125px;
	height:10px;
	position:absolute;
	top:9px;
	left:9px;
	z-index:99;
}

.bullet4 a, .bullet8-1 a, .bullet8-2 a
{
	width:11px;
	height:10px;
	/*background:url(../img/bullet2.png) no-repeat left top;*/
	background:url(../img/paging_off.png) no-repeat;
	float:left;
	display:block;
	margin-left:4px;
	text-indent:-9999px;
}

.bullet4 a:hover,.bullet4 a.activeSlide,
.bullet8-1 a:hover,.bullet8-1 a.activeSlide,
.bullet8-2 a:hover,.bullet8-2 a.activeSlide
{
	/*background:url(../img/bullet2.png) no-repeat left -10px;*/
	background:url(../img/paging_on.png) no-repeat;
}


.slide7, .s7 {
	max-height: 490px !important;
}
.bullet_area7 {
	width:175px;
	height:27px;
	position:absolute;
	top:15px;
	left:23px;
	z-index:99;
}

.bullet7 a
{
	width:27px;
	height:27px;
	background:url(../img/paging_featured_off.png) no-repeat left top;
	float:left;
	display:block;
	margin-right:4px;
	text-align: center;
	line-height: 27px;
	font-family: 'robotomedium';
	font-size: 18px;
	color: #FFFFFF;
}

.bullet7 a:hover,.bullet7 a.activeSlide
{
	background:url(../img/paging_featured_on.png) no-repeat left;
}

.siderbar {
	width:300px;
	height:440px;
	float:right;
	border-radius: 0 5px 5px 0;
	/*background:url(../img/sidebar_bg.png) no-repeat left top;*/
	background: #011A38;
	position: relative;
}

.heading_area {
	margin-top: 60px;
	padding:0px 0 20px 23px;
	text-transform:uppercase;
}

.heading_area big {
	font-size:24px;
	color:#3a7cb0;
	font-family: 'din';
	padding-bottom:6px;
	display:block;
}
.heading_area h2 {
	font-family: 'din-bold';
	color:#FFFFFF;
	font-size: 36px;
}

.accordian_sec {
	margin:0 0 0 1px;
}
.accordian_sec .active a{
	color: #FFFFFF !important;
}
.accordian_sec h2 {
	width:271px;
	height:39px;
	/*background:url(../img/h2_bg.png) no-repeat left top;*/
	background:#0B1119;
	font-size:22px;
	text-transform:uppercase;
	line-height:39px;
	padding:0 0 0 26px;
	margin-top: 1px;
}

.accordian_sec h2 a {
	color:#3a7cb0;
	display:block;
}

.accordian_sec h2 a:hover {
	color:#fff;
}

.description {
	background: #14191F;
}

.description_block
{
	min-height:100px;
	padding:15px 28px 15px 27px;
	font-family: 'robotoregular';
	font-size: 13px;
	line-height: 15px;
	color:#fff;
}


.description ul {
	padding:0;
	margin:0;
}

.description ul li {
	font-size:11px;
	color:#fff;
	line-height:16px;
	list-style: circle;
}


/*-----------------------------portfolio----------------------------------*/

.content_sec5 {
	width:100%;
	padding-bottom:80px;
}

.portfolio_area
{
	width:940px;
	margin:0px auto;
}
.portfolio_area h2
{
	text-align: center;
}
.portfolio_area .title {
	text-transform: uppercase;
	font-family: 'din-bold';
	font-size: 60px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 40px;
}
.content_sec5 h2
{
	padding:0 0 30px 0;
	margin:0px;
}

.portfolio_box
{
	width:300px;
	height:210px;
	float:left;
	position:relative;
	margin:0 20px 20px 0;
}
.nomar
{
	margin:0 0 20px 0;
}


.portfolio_box a { 
	display:block;
	text-decoration: none;
}

.portfolio_box a:hover{ 
 	position:relative;
}

.portfolio_box a span .andple{
	width: 60px;
	height: 30px;
	float: right;
 	margin: -27px 0px 0 0;
 	text-align: right;
}


.portfolio_box a span {
	width:260px;
	height:171px; /*height:131px; */
	position: absolute;
	display:none;
	color:#fff;
	text-decoration: none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-family:Tahoma, Geneva, sans-serif;*/
	font-family: 'robotoregular';
	font-size: 14px;
	line-height:16px;
	background:url(../img/port_hover_bg.png) repeat-y left top;
	padding:40px 24px 0 20px; /*padding:20px 24px 0 20px;*/
}

.portfolio_box strong
{
	font-family: 'robotoregular';/*'din-bold';*/
	font-size:14px; /*24px*/
	color:#fff;
	text-transform:uppercase;
	line-height:22px;
	padding:0 0 3px 0;/*padding:0 0 6px 0;*/
	display:block;
	margin-top: -20px;
}

.portfolio_box img { 
	border-width: 0;
	border-radius: 5px;
}


.portfolio_box a:hover span { 
	display:block;
	bottom: 0px; 
	left: 0px;
	z-index: 100;
}


/*-------------------------popup----------------------------*/

.overlay1
{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:url(../img/overlay_bg.png) repeat left top;
	z-index:9999;
	display:none;
}

.popup1
{
	/*position:absolute;
	margin: 17% */; /*-106px 0 0 -290px;*/
	/*margin-top: 5px;
	background-color: #002047;
	border-radius:5px;*/
	
	width:870px;
	height:684px;
	padding:18px 15px 0 15px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-349px 0 0 -450px;
	background-color: #002047;
	border-radius:5px;
	/*background:url(../img/popup1_bg.png) no-repeat left top;*/
}

.popup1 h2
{
	padding:0 0 16px 0;
	margin:0px;
	font-size: 32px;
	color: #FFFFFF;
	font-family: 'din';
}


.close_but
{
	width:33px;
	height:33px;
	position:absolute;
	top:-6px;
	right:-6px;
	z-index: 9999;
}

.pop_slide1
{
	width:870px;
	height:626px;
	position:relative;
}

.pop_slide1:hover .arrow1
{
	display:block;
}

.pop_slide1:hover .arrow2
{
	display:block;
}

.pop_slide2
{
	width:870px;
	height:626px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.arrow1
{
	width:80px;
	height:626px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:9999 !important;
}
.arrow1 a
{
	width:80px;
	height:626px;
	display:block;
	background:url(../img/arrow2.png) no-repeat left top;
}

.arrow2
{
	width:80px;
	height:626px;
	position:absolute;
	top:0px;
	right:0px;
	display:none;
	z-index:9999;
}
.arrow2 a
{
	width:80px;
	height:626px;
	display:block;
	background:url(../img/arrow1.png) no-repeat left top;
}






/*------------content sec6----------------*/
.content_sec6 {
	width:100%;
}

.form_sec {
	width:940px;
	height:271px;
	margin:0 auto;
	/*background:url(../img/form_bg.png) no-repeat left top;*/
	background: #C8D6E5;
	border-radius: 5px 5px 5px 5px;
}

.left_img {
	width:259px;
	height:186px;
	float:left;
	padding:38px 0 0 0;
	margin-left:31px;
}

.form_box {
	width:600px;
	float:right;
	padding:24px 32px 46px 0; /*24px 32px 40px 0;*/
}

.info_lft {
	width:281px;
	float:left;
	margin-left: 20px;
}

.form_box label {
	font-size:12px;
	font-family: 'robotoregular';
	color:#000;
	padding-bottom:6px;
	display:block;
}

.form_box label sup {
	font-size:12px;
	color:#ba0b0b;
	position:relative;
	top:0px;
}

.text_field {
	width:261px;
	height:17px;
	line-height:17px;
	font-size:12px;
	padding:8px 10px;
	/*background:url(../img/text_field.png) no-repeat left top;*/
	border-radius: 3px;
	background: #A8BACE;
	border:0;
	outline:0;
	margin-bottom:2px;
}

.info_rgt {
	width:281px;
	float:right;
	margin-left:10px;
	position:relative;
}

.text_area {
	width:261px;
	height:123px;
	line-height:17px;
	font-size:12px;
	padding:8px 10px;
	/*background:url(../img/text_area.png) no-repeat left top;*/
	background: #A8BACE;
	border-radius: 3px;
	border:0;
	outline:0;
	overflow:hidden;
	margin-bottom:8px;
}

.required_field {
	display:block;
	font-size:12px;
	font-family: 'robotoregular';
	color:#b70b0b;
	position:absolute;
	top:163px;
	left:0;
}

.send_btn {
	width:80px;
	/*font-family: 'yanone_kaffeesatzbold';
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	background:url(../img/send_button.png) no-repeat left top;*/
	outline:0;
	border:0;
	float:right;
	clear:both;
	margin-right: 0px !important;
}

.send_btn:active
{
	/*background:url(../img/send_button.png) no-repeat 0px -40px;*/
}

/*------------footer section-------------*/
.footer_sec {
	margin-top: 100px;
	width:100%;
	min-width: 1024px;
	background: #000000;
}

.footer {
	width:940px;
	margin:0 auto;
}

.footer_top {
	/*background:url(../img/footer_bar.png) no-repeat left top;*/
	height:47px;
	padding-top: 20px;
	margin-bottom:16px;
}

.link_sec {
	width:800px;
	float:left;
	padding:13px 0 0 0px;
	margin-top: -3px;
}

.link_sec ul {
	padding:0;
	margin:0;
}

.link_sec ul li {
	font-size:11px;
	float:left;
	/*background:url(../img/sep.jpg) no-repeat right top;*/
}

.link_sec ul li.last {
	background:none;
}

.link_sec ul li a {
	color:#fff;
	font-family: 'robotoregular';
	font-size: 12px;
	display:block;
	padding:0 3px;
}

.social_icons {
	width:auto;
	float:right;
	margin-right:5px;
	margin-top: 3px;
}

.social_icons a{
	margin-left: 10px;
}

.footer_bottom {
	text-align:center;
	font-size:11px;
	font-family: 'robotomedium';
	color:#597696;
	padding-bottom:33px;
}

.footer_bottom a {
	color:#597696;
	text-decoration: underline;
	font-weight: bold;
}

#do
{
	position:relative;
	top:-95px;
}

/*-----------------------FAQ----------------------*/
.popup2
{
	width:583px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-335px 0 0 -290px; /*margin:-355px 0 0 -290px;*/
	background:#011a38;
	border:1px solid #000;
	border-radius:5px;
	display:none;
	z-index:9999;
}

.gloss {
	/*background:url(../img/gloss_bg.jpg) no-repeat 123px top;*/
	/*border:1px solid #022d62;
	border-top:1px solid #0255a3;
	border-radius:5px;*/
	
}

.gloss h2 {
	height:43px;
	font-family: 'din';
	font-size: 43px;
	text-transform: uppercase;
	padding: 40px 0 40px 40px;/*24px 0 17px 20px;*/
	color: #fff;
}

.spacing-40px {
	width: 100%;
	height: 40px;
}

.accordian_popup2 {
	width:583px;
	margin-bottom:14px;
}

.accordian_popup2 a{ font-family:'din-bold'; font-size:20px !important; }

a.link {
	width:538px;
	height:35px;
	line-height:35px;
	padding:0 0 0 6px;
	margin-left:20px;
	background:url(../img/head2.jpg) no-repeat center top;
	font-size:10px;
	font-weight:bold;
	text-transform:none;
	color:#3a7cb0;
	display:block;
}
a.link  div{
	width:538px;
	height:35px;
}
a.link.active {
	background:url(../img/head2.jpg) no-repeat center -35px;
	color:#fff;
}

.description2 {
	width:510px;
	padding:16px 9px 19px 25px;
	font-family: 'robotoregular';
	font-size:12px;
	font-weight:normal;
	color:#fff;
	line-height:16px;
}

.description2 p {
	padding-bottom:18px;
}

.description2 p a {
	color:#fff;
	text-decoration:underline;
}

.description2 ul {
	padding:0;
	margin:0;
}

.description2 ul li {
	padding:5px 0 0 0px;
	margin-left:30px;
	list-style:disc;
}

/*----------------------careers-------------------*/
.popup3
{
	/*width:583px;*/
	width: 60%;
	position:absolute;
	/*top:50%;
	left:10%;*/
	margin: 20%;/*-106px 0 0 -290px;*/
	margin-top: 10%;
	/*background:#011a38;*/
	background-color: #002047;
	/*border:1px solid #000;*/
	border-radius:5px;
}
.horizontal-line {
	margin: 0 40px 40px 40px;
	height: 1px;
	background: #123054;
}
.popup3 p {
	font-size:18px;
	font-weight:normal;
	color:#fff;
	line-height:20px;
	padding:0 40px 20px 40px;
	font-family: 'robotoregular';
}

.popup3 p a {
	color: #4bbcd4;
	font-weight:normal;
}

.overlay2, .overlay3, .overlay4, .overlay-privacy
{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:url(../img/overlay_bg.png) repeat left top;
	z-index:999;
	display:none;
}

.popup-privacy
{
	/*width:783px;
	position:absolute;
	top:3300px;
	left:50%;
	margin:-70px 0 0 -400px;
	background:#011a38;
	/*border:1px solid #000;
	border-radius:5px;*/
	z-index:9999;
	display:none;
	
	width: 70%;
	position:absolute;
	/*top:50%;
	left:10%;*/
	margin: 15%;/*-106px 0 0 -290px;*/
	margin-top: -28%;
	/*background:#011a38;*/
	background-color: #002047;
	/*border:1px solid #000;*/
	border-radius:5px;
	font-family: 'robotoregular';
}

.popup-privacy ol{
	font-size:18px;
	color:#fff;
	font-weight: normal;
	line-height:30px;
	padding:0 40px 40px 40px;
	margin-left: 30px;
}
.popup-privacy ol.abjad{
	font-size:18px;
	list-style: lower-alpha;
	margin-top: -10px;
}
.popup-privacy ul.list-items{
	font-weight: normal;
	list-style: square;
	padding-left: 20px;
	margin-top: -15px;
}
.popup-privacy ul.list-items li{
	margin-top:-10px;
}
.popup-privacy p {
	font-weight:normal;
	color:#fff;
	padding:0 5px 15px 0px;
	
	font-size:16px;
	line-height:20px;
	padding:0 40px 20px 20px;
}

.popup-privacy p a {
	color:#fff;
	font-weight:bold;
}

.thx-msg{
	text-align: center;
	margin-top: 15px;
}

.processing
{
	margin-top: 0;
	float: right;
	z-index:99;
	display: none;
}

#client {
	position:relative;
	top:-90px;
}

#are {
	position:relative;
	top:-70px;
}

#portfolio {
	position:relative;
	top:-70px;
}