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



/*
=============================================================================================================================================================================================================
 custom css 
=============================================================================================================================================================================================================*/

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


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

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


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




/*  Globle css
---------------------------------------------------------------- */

* {
	-webkit-font-smoothing: antialiased; outline:none; box-sizing: border-box; margin: 0; padding: 0;
}

body {
font-family: 'ArialMT'; color:#777777; font-size:14px;/*background-image: url(../images/bg.jpg); background-position:center -4px; background-repeat: no-repeat;*/font-weight: normal}

img {
	max-width:100%;
	height:auto;
}

li {
	list-style:none;
}
p{ line-height:27px; margin-bottom:20px;  font-size: 18px; }

*:focus {
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
     color: #212227; outline: none;
}
a {
	 color: #212227;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;

}


a:focus{outline: none; text-decoration: none}


h1, h2, h3, h4, ul {
	margin:0;
	padding:0;
}
h1, h2, h3, h4 ,h5, h6 {
font-family: 'TelstraAkkurat-Regular'; font-weight:normal;  

}
h1{font-size:68px;}
h2 {font-size:64px; color: #001d83}
h3 { font-size:24px; }
h4 { font-size: 22px;}
h5 { font-size: 18px; }
h6 { font-size: 16px;}
header,
footer,
 section ,
.content{ float: left; width: 100%;}
main{display: block; overflow: hidden; width: 100%;}
.container-fluid{padding-left:125px; padding-right:125px;}

/* Selection Gaping top bottom 
------------------------------------*/
/*  
===========================================================================================================================================================
	Page css strat Here
==========================================================================================================================================================*/

.header { position: relative;   padding:10px 0 10px 12px; z-index: 100; /*background: #fff*/}
.header .logobox{ float: left; width:auto; height: 40px;}
.header .logobox img{max-height: 100%; }
.header .rightbox{ float: right; text-align: right; font-family: 'Arial-BoldMT';}
.header .rightbox a{font-family: 'Arial-BoldMT'; font-size: 17px; color: #001d83; display: inline-block; line-height: 53px;}
.header .rightbox a:hover{ color: #0099f7;}



.respon_nav{display: none;}
.main_menu{float: right;}
.main_menu ul{}
.main_menu ul li{font-family: 'Arial-BoldMT'; font-size: 15px; color: #001d83; display: inline-block; line-height: 40px; position: relative; padding: 0 5px;}
.main_menu ul li a{font-family: 'Arial-BoldMT'; font-size: 15px; color: #001d83; display:block; }
.main_menu ul li a:hover{color: #0099f7;}
.toggle{display: none;}

.main_menu ul li ul{
     position: absolute;
    left: 0;
    background-color: rgba(255,255,255,.9);
    box-shadow: 2px 2px 12px #696969;
    top: 45px;
    width: 180px;
    border-top: 2px #0099f7 solid;
    display: none;
    
}
.main_menu ul li:hover ul{display: block}

.main_menu ul li ul li{ line-height: 100%; display: block; padding:0 }
.main_menu ul li ul li a{ line-height: 100%;  font-family: 'ArialMT'; font-size: 14px; padding:10px 15px}
.main_menu ul li ul li a:hover{}
.main_menu ul li ul li span{display: block; font-family: 'Arial-BoldMT'; text-transform: uppercase;}

/*.banner===========================================================*/

.banner {text-align: center; position: relative;  float: left;width: 100%; border-top:2px rgba(0,0,0,.5) solid; max-height: 854px;}
.banner img{}
.banner .banner-caption { 
    position: absolute;
    right: 0; 
    left:0; 
    margin: 0 auto; 
   top:50%;
    width: 100%;
    text-align:center;  
    z-index: 2;

    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);

}

.banner .banner-caption .container{ }
.banner .banner-caption .content_box{ float: left; width: 100%; padding: 0 15px; text-align: center}

.banner .banner-caption .content_box figure{margin-bottom: 16px}
.banner .banner-caption .content_box h1{ color: #fff; font-size:75px; margin-bottom:12px; line-height: 80px;}
.banner .banner-caption .content_box h1 span{color:#fff;font-size:60px;width:100%;float:left;}
.banner .banner-caption .content_box p{ color: #fff; font-size:20px; line-height:30px; width: 750px; margin: 0 auto 42px;  }
.banner .banner-caption .start{display: block; width: 100%; text-align: center;}
.banner .banner-caption .start a{
display: inline-block;
font-family: 'Arial-BoldMT';
font-size: 25px;
padding: 15px 50px;
width: 350px;
color: #fff;
background-color: #0099f7;
}

.banner .banner-caption .start a:hover{background-color:#001d83 }

/*Home About Contant*/

.aboutprom{padding-top:96px; text-align: center; padding-bottom: 40px; position: relative;background-color: #fff; }
.aboutprom h2{ margin-bottom: 35px;}
.aboutprom p{font-size:25px; line-height:35px; width: 938px; margin: 0 auto 30px; color: #777777; font-family: 'ArialMT';}

/*Globe Section*/
.about_globe_sec {padding-top: 40px;/*background-image: url(../images/globe.png); background-position: center 42px; background-repeat: no-repeat; */background-color: #fff; background-size: 688px; padding-bottom: 38px; position: relative;}
.about_box_row{float: left; width: 100%; padding:0 90px 44px; position: relative; z-index: 1}

.about_globe_sec .box-col{width: 295px;border-top: 2px #0099f7 solid;}
.about_globe_sec .box-col .row-1{
display: block;
padding: 20px 20px;
width: 100%;
text-align: center
}
.about_globe_sec .box-col .row-1 .iconbox{display: inline-block; width: 68px; margin-right: 24px; vertical-align: middle; }
.about_globe_sec .box-col .row-1 .numberbox{display: inline-block; font-size: 56px;  font-family: 'TelstraAkkurat-Regular'; color: #001d83;vertical-align: middle;margin-top:6px;}
.about_globe_sec .box-col .row-2{text-align: center; display: block; width: 100%;}
.about_globe_sec .box-col .row-2 h3{ /*border-top:2px #ccc dotted;border-bottom:2px #ccc dotted;*/font-size: 26px; padding-top: 11px; padding-bottom:09px;margin-bottom: 20px; color: #3d3d3d}
.about_globe_sec .box-col .row-2 p{padding: 0 15px; font-size: 17px;line-height: 22px;}


/*-globe--*/



.index-hero {
    position:;
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 1280px;
    margin: 0 auto;		
}




.globe_box {
    padding-top:0px;
    padding-bottom: 190px; position: relative;
}




.globe {
/*  pointer-events: none;*/
    z-index: 0;
    position: absolute;
   right: 0;
    top:50%;
    -webkit-transform: translate(0%, -53%);
    -moz-transform: translate(0%, -53%);
    -ms-transform: translate(0%, -53%);
    -o-transform: translate(0%, -53%);
    transform: translate(0%, -53%);
    transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
}

.index-hero.activbanner .globe{
     right: 50%;
     -webkit-transform: translate(72%, -50%);
    -moz-transform: translate(72%, -50%);
    -ms-transform: translate(72%, -50%);
    -o-transform: translate(72%, -50%);
    transform: translate(72%, -50%);
    background-color: transparent;
    
}

.globe .globe-list {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
}

.globe .globe-list {
  opacity: 0;
  -webkit-transition: opacity 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: opacity 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: opacity 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: opacity 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.globe .globe-list.active {
  opacity: 1;
}

.globe .globe-list > li {
  opacity: .6;
  position: absolute;
  margin-left: -5px;
  margin-top: -5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.globe .globe-list > li.active {
  opacity: 1;
  margin-left: -9px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
}

.globe .globe-list > li:before {
  content: "";
  opacity: 0.8;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4.2px;
  margin-top:-4.2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #0099fa;
  -webkit-animation: 2s pulse infinite linear;
  -moz-animation: 2s pulse infinite linear;
  -ms-animation: 2s pulse infinite linear;
  -o-animation: 2s pulse infinite linear;
  animation: 2s pulse infinite linear;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(2);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -ms-transform: scale(2);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -o-transform: scale(2);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.globe .globe-list > li.active:before {
  margin-left: -9px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
}

.globe .globe-list > li.active,
.globe .globe-list > li.active:before {
  background: #FFFFFF;
}

.globe .globe-list .text {
  position: absolute;
  opacity: 0;
  right: 21px;
  top: 50%;
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: right;
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  color: #FFFFFF;
  white-space: nowrap;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.globe .globe-list > li.active .text {
  opacity: 1;
  right: 29px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.globe .globe-canvas {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
}


.about_globe_sec .container-fluid {position: relative;
}






/*services Section*/

.services_sec{padding-top: 101px; text-align: center; padding-bottom: 86px; background: #f5f5f5}

.services_sec .box-colum {
    display: inline-block;
    width: 43%;
    padding: 0 3%;
    text-align: left;
}
.services_sec h2{ text-align: center; margin-bottom: 46px;}
.services_sec h2 span{font-size: 25px; display: block;  padding: 35px 20% 0; line-height: 35px; color: #777777;font-family: 'ArialMT';}
.service-row{display: block; padding-top: 60px; margin-left: -8px; margin-right: -8px}
.service-row .services-box{width:19%; display: inline-block; vertical-align:top; padding:0; margin:0  6px 20px;min-height: 487px; position: relative; background-color: #0099fa; transition: all .5s; -webkit-transition: all .5s;}
.service-row .services-box a{display: block;  padding: 34px 20px 5px;}
.service-row .services-box:hover{background-color:#001d83;cursor: pointer;}
.service-row .services-box h3{ font-family: 'TelstraAkkurat-Bold'; font-size: 26px;padding: 0 10px; line-height:30px; height: 120px; overflow: hidden; margin-bottom: 15px; color: #fff}
.service-row .services-box figure{width: 146px; display: inline-block;margin-bottom: 37px;}
.service-row .services-box figure img{}

.service-row .services-box p{ line-height: 23px; color: #fff}

.service-row .services-box span.moreinfo{font-family:'Arial-BoldMT'; color: #ccc; font-size: 18px; position: absolute; bottom: 28px; left: 0; right: 0; margin: 0 auto; color: #fff; visibility: hidden; transition: all .5s; -webkit-transition: all .5s;}
.service-row .services-box:hover span.moreinfo{visibility: visible}


/*footer*/
footer.footer{padding-top: 35px;padding-bottom: 35px;}
footer.footer .footerlogo{width: 45px;display: block;    float: left; }



/*-INNER PAGES--**/

.bluebar{background-color: #001d83;padding-top: 10px; padding-bottom: 10px;  height: 55px}
.innermenu_text{ float: left; /*width: 55%;*/ cursor: pointer}
.innermenu_text figure{display: inline-block; width: 32px; margin-right: 10px;}
.innermenu_text span{display: inline-block;line-height: 35px; position: relative; font-size: 18px; padding-right: 28px; color: #fff}
.innermenu_text i{ font-size: 32px; position: absolute; right: -4px;top: 2px;}


.bluebar .button_box{ float: right; width: 230px; text-align: right}
.bluebar .button_box a{
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	padding: 3px 15px;
	min-width: 100px;
	margin-left: 15px;
	color: #fff;
	background-color: #0064d2;  
	text-align: center;
	border-radius: 2px;
	float:left;
}


.inner_content {
    padding-top: 27px;
    padding-bottom:50px
}

.right_content {
    float: right;
    width:100%;
}

.right_content .nav-tabs{border: none}
.right_content .nav-tabs > li {
    margin-bottom: 0px;
    width: 24.6%;
    margin-right: .5%;
    text-align: center;
    height: 50px;
    display: table;
}
.right_content  .nav-tabs > li:last-child{margin-right: 0; }
.right_content .nav-tabs > li a {
    display: table-cell;
    background-color: #999999;
    font-family: 'TelstraAkkurat-Regular';
    font-size: 13px;
    line-height: 100%;    
    border: none;
    border-radius: 0;
    color: #fff;
    height: 50px;
    vertical-align: middle;
}
.right_content .nav-tabs > li > a:hover{border: none}
.right_content .nav-tabs > li.active > a, .right_content .nav-tabs > li.active > a:focus, .right_content .nav-tabs > li.active > a:hover{border: none; border-radius: 0; background-color: #1a9bf6;  color: #fff}


.right_content .tab-content {
    margin-top: 25px;
    border: 1px #ccc solid;
    padding: 0 0;
    float: left; width: 100%;
}

.right_content .tab-content .graybar{float: left; width: 100%; padding: 12px 42px; background-color: #e6e6e6}
.right_content .tab-content .graybar h3{font-family: 'TelstraAkkurat-Bold'; float: left; width: 70%; line-height: 33px; color: #001d83; font-size: 20px;}
.right_content .tab-content .graybar .numb_box{
    float: right;
width: auto;
padding: 8px 29px;
line-height: 100%;
border-radius: 28px;
    color: #9f9f9f;
    background-color: #f5f5f5;
	font-family: 'TelstraAkkurat-Regular';
}


.row_box1{float: left; width: 100%; padding:20px 42px 24px 42px; position: relative;    min-height: 672px;}
.row_box1 h3{font-family: 'TelstraAkkurat-Regular'; font-size: 16px;padding-bottom: 20px;border-bottom: 1px #d8d7d7 solid; color: #000; padding-right: 100px; line-height: 21px}
/*.row_box1 .more_imfo_link{ position: absolute; top: 25px; right: 45px;}*/
.row_box1 .more_imfo_link span{ font-family: 'TelstraAkkurat-Regular'; color: #059ff5; text-decoration: underline; position: absolute; display: block; top: 20px; right: 45px; cursor: pointer; font-size: 14px;}
.row_box1 .more_imfo_link span.cloceinfo{ visibility: hidden; /*transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s*/}
.row_box1 .more_imfo_link.close_btn span.cloceinfo{ visibility: visible; }
.row_box1 .more_imfo_link span.moreinfo{ visibility: visible; /*transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s*/}
.row_box1 .more_imfo_link.close_btn span.moreinfo{ visibility: hidden; }

.row_box1 .result_row{}
.row_box1 .result_row .resulat_heading{font-family: 'TelstraAkkurat-Regular'; float: left; width: 100%; color: #000; padding: 14px 0; font-size: 14px;}
.row_box1 .result_row span.blue{ color: #001d83;}





/*---Progress Bar----*/

.progress_bar_sec .loader {
    position: relative;
/*    float:left;*/
    display: inline-block;
    user-select: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
   
}
.progress_bar_sec .loader-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
     
}
.progress_bar_sec .spinner-holder-one {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width: 50%;
    height: 50%;
    background: transparent;
    box-sizing: border-box;
}
.progress_bar_sec .spinner-holder-two {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    box-sizing: border-box;
}
.progress_bar_sec .loader-spinner {
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 15px solid #0099f7;
    box-sizing: border-box;
} 




 .progress_bar_sec .animate-0-25-a {
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .animate-0-25-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .animate-25-50-a {
    transform: rotate(180deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .animate-25-50-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .animate-50-75-a {
    transform: rotate(270deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .animate-50-75-b {
    transform: rotate(-90deg);
    transform-origin:100% 100%;
}
.progress_bar_sec .animate-75-100-a {
    transform: rotate(0deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .animate-75-100-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.progress_bar_sec .text {
    text-align: center;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
background: #0099f7;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 10px rgb(255, 255, 255) solid;
    line-height: 72px;
    
}

.circlebar-2 .loader-spinner{ border-color: #5e50bf}
.circlebar-2 .text{background: #5e50bf;}

.circlebar-3 .loader-spinner{ border-color: #001e82}
.circlebar-3 .text{background: #001e82;}


.circlebar-4 .loader-spinner{ border-color: #570066}
.circlebar-4 .text{background: #570066;}

.circlebar-5 .loader-spinner{ border-color: #8a92c5}
.circlebar-5 .text{background: #8a92c5;}

.circlebar-6 .loader-spinner{ border-color: #0064d2}
.circlebar-6 .text{background: #0064d2;}


/*------*/
.progress_bar_sec {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    text-align: center;
    padding: 0 7%;
}
.progress_box_midd{ width: 100%; float: left; padding-top: 18px;}
.loaderbox{display: inline-block; vertical-align: top; padding: 0 15px; width: 32%; margin-bottom: 10px}



/*-Services-Drop--*/
.services_drop_sec .services-box{width:19%; display: inline-block; vertical-align:top; padding:0; margin:0  6px 0px; min-height:180px; position: relative; background-color: #0099f7; transition: all .5s;}
.services_drop_sec .services-box:hover{background-color:#001d83}
.services_drop_sec .services-box h3{ font-family: 'TelstraAkkurat-Bold'; font-size:19px;padding: 0 10px; line-height:27px; height: 68px; overflow: hidden; margin-bottom: 15px; color: #fff}
.services_drop_sec .services-box figure{width:85px; display: inline-block;margin-bottom: 15px;}
.services_drop_sec .services-box figure img{}

.services_drop_sec .services-box p{ line-height: 23px; color: #fff}
.services_drop_sec .services-box a{display: block; padding: 20px 20px 10px}
.services_drop_sec .container-fluid{ background-color: #000f41; padding-top: 45px; padding-bottom: 45px;}

.services_drop_sec {
    text-align: center;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 115px;
    height:100%;
    background:rgba(0,0,0,.5);
    display: none;
}


.textpoint{color: #191418; font-size: 14px; padding: 15px 0px; font-family: 'TelstraAkkurat-Regular';}
.textpoint span{display: block; text-transform: uppercase; }


.more_info_row{ display: none; width: 100%; padding:25px 0; background-color: #fff; }
.more_info_row p{ 
    column-count: 2; 
    -webkit-column-count: 2;
    -moz-column-count: 2;
     -webkit-column-gap: 50px; 
    -moz-column-gap: 50px; 
    column-gap: 50px;
    font-size: 14px; line-height: 20px; text-align: justify}


/*-LEFT SIDE BAR--*/

.sidebar_left {
    float: left;
    width:100%;
    background-color: #001d83;
    padding: 20px 15px 45px;
    position: relative;
height: 100%;
}


.sidebar_left h3{font-size: 14px;font-family: 'Arial-BoldMT'; color: #fff; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.2)}

.sidebar_left .click_box {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding-top: 25px;
    float: left;
    padding-bottom: 20px;
    width: 100%;
}
.sidebar_left .click_box .refinebox{float: left; width:50%; padding:0 5px; margin-bottom: 10px;}
.sidebar_left .click_box .refinebox .box-col{ display: block; width: 100%;background: #334b9b; padding:18px 5px; height: 90px; cursor: pointer}
.sidebar_left .click_box .refinebox .box-col:hover{background: #1a9bf5}
.sidebar_left .click_box .refinebox figure{ width: 33px; display: inline-block; margin-bottom: 10px;}
.sidebar_left .click_box .refinebox figcaption{display: block; width: 100%; color: #fff; font-size: 12px;}


.Select_box{float: left; width: 100%;}
.Select_box .filter_select{display: block; width: 100%; margin-top: 20px}
.Select_box .filter_select select{
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    border:none; 
    width: 100%; 
    height: 40px;
    padding: 10px 14px;    
    background-position: 96% center;
    background-repeat: no-repeat;
    margin-bottom: 13px;    
    position:relative;	
	float:left;
	background:#fff !important;
    
}
.Select_box .filter_select select {
    background-image: url(../images/drop_arrow.png) !important;
    z-index: 999;
    background-repeat: no-repeat !important;
    background-position: center right 5px !important;
}

.Select_box .filter_select input[type="submit"]{
     width: 100%; 
    height: 40px;
    padding: 10px 14px;
     border:none;
    background-color: #1a9bf5;
    color: #fff;
    
}


.Select_box .filter_select select option {
    padding: 7px 10px;
    display: block;
}


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}










/*Risk Assessment is the party--*/

.party-risk{float: left; width: 100%; position: relative}
.canvasjs-chart-credit{display: none}


.inner_content.page2 .right_content .nav-tabs > li{width: 33%;
margin-right: 0.5%;}

/*----*/




/*Tab 2 Css Start Here*/
	.single-bar-panel {
		width: 100%;
		float: left;
		position: relative;
		margin-top: 18px;
	}
	.barfiller span.pull-right {
		position: absolute;
		top: -20px;
		right: 0;
         color: #000; 
	}
	.bar-text{
		width:25%;
		padding-right:25px;
		float:left;
		text-align:right; color: #000;     margin-top: 0px;
		font-family: 'TelstraAkkurat-Regular';
	}
	.barfiller {
		width: 75%;
		float: right;
		height: 15px;
		background: #e6e6e6;
		position: relative;
		margin-bottom: 20px;
		border-radius: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
	}	
	.barfiller .fill {
		display: block;
		position: absolute;
		width: 0px;
		height: 100%;
		background: #333;
		z-index: 1;
		height: 15px;
		border-radius: 25px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
	}
	/*.barfiller {
		width: 67%;
		float: right;
		height: 15px;
		background: #e6e6e6;		
		position: relative;
		margin-bottom: 20px;		
		border-radius: 25px;	
		position:relative;	
	}*/
	/*.barfiller .fill {
		display: block;
		position: relative;
		width: 0px;
		height: 100%;
		background: #333;
		z-index: 1;
		height: 15px;
		border-radius: 25px;
	}*/
	.barfiller .tipWrap { 
		display: none; 
	}
	.barfiller .tip {
		margin-top: -30px;
		padding: 2px 4px;
		font-size: 11px;
		color: #fff;
		left: 0px;
		position: absolute;
		z-index: 2;
		background: #333;
	}
	.barfiller .tip:after {
		border: solid;
		border-color: rgba(0,0,0,.8) transparent;
		border-width: 6px 6px 0 6px;
		content: "";
		display: block;
		position: absolute;
		left: 9px;
		top: 100%;
		z-index: 9
	}
/*Tab 2 Css End Here*/

/*Tab 4 Css Start Here Multiple Rounded Graph*/
	.graph-bd svg {
		height: 500px;
		
	}
	.graph-bd-text {
		width:37%;
		float: right;		
		position: absolute;
		height: auto;
		right: 0px;
		top: 50%;
		transform: translateY(-46%);
        -webkit-transform: translateY(-46%);
        -ms-transform: translateY(-46%);
        
	}
	.graph-bd-text span.percentage {
		float: right;
	}
	.graph-bd-text li{
		margin-bottom:14px;
    font-size: 14px;
    line-height: 17px;
            float: left;
    width: 100%;
        position: relative;
padding-left: 19px;
	}


	
	
	
.colorbox1,.colorbox2, .colorbox3, .colorbox4, .colorbox5, .colorbox6, .colorbox7, .colorbox8, .colorbox9{
	position: absolute;
    height: 10px;
    width: 10px;
	border-radius: 50%;
	top: 3px;
    left: 0;
}  	
	
	
.colorbox1 {
    background: #0088f1
}
.colorbox2 {
    background: #5a56ba
}
.colorbox3 {
    background: #0069cd
}
.colorbox4 {
    background: #591463
}
.colorbox5 {
    background: #352d7b
}
.colorbox6 {
    background: #abe0fc
}
.colorbox7 {
    background: #a32587
}

.colorbox8 {
    background: #526599;
}

.colorbox9 {
    background: #cfdde8;
}


.colorboxa1,.colorboxa2, .colorboxa3, .colorboxa4, .colorboxa5, .colorboxa6, .colorboxa7, .colorboxa8, .colorboxa9{
	position: absolute;
    height: 10px;
    width: 10px;
	border-radius: 50%;
	top: 3px;
    left: 0;
}  	
	
	
.colorboxa1 {
    background: #0088f1
}
.colorboxa2 {
    background: #5a56ba
}
.colorboxa3 {
    background: #0069cd
}
.colorboxa4 {
    background: #591463
}
.colorboxa5 {
    background: #352d7b
}
.colorboxa6 {
    background: #abe0fc
}
.colorboxa7 {
    background: #a32587
}

.colorboxa8 {
    background: #526599;
}

.colorboxa9 {
    background: #cfdde8;
}



.colorboxfull1,.colorboxfull2, .colorboxfull3, .colorboxfull4, .colorboxfull5, .colorboxfull6, .colorboxfull7, .colorboxfull8, .colorboxfull9{
	position: absolute;
    height: 10px;
    width: 10px;
	border-radius: 50%;
	top: 5px;
    left: 0;
}  	
	
	
.colorboxfull1 {
    background: #570066
}
.colorboxfull2 {
    background: #0099f8
}
.colorboxfull3 {
    background: #aaaaaa
}

.colorboxfull4 {
    background: #5e50bf
}
.colorboxfull5 {
    background: #b2e0fd
}
.colorboxfull6 {
    background: #a32587
}
.colorboxfull7 {
    background: #526599;
}

.colorboxfull8 {
    background: #cfdde8;
}



.colorboxfulla1,.colorboxfulla2, .colorboxfulla3, .colorboxfulla4, .colorboxfulla5, .colorboxfulla6, .colorboxfulla7, .colorboxfulla8, .colorboxfulla9{
	position: absolute;
    height: 10px;
    width: 10px;
	border-radius: 50%;
	top: 3px;
    left: 0;
}  	
	
	
.colorboxfulla1 {
    background: #5e50bf
}
.colorboxfulla2 {
    background: #0099f8
}
.colorboxfulla3 {
    background: #570066
}

.colorboxfulla4 {
    background: #b2e0fd
}
.colorboxfulla5 {
    background: #b2e0fd
}
.colorboxfulla6 {
    background: #a32587
}
.colorboxfulla7 {
    background: #526599;
}

.colorboxfulla8 {
    background: #cfdde8;
}


	.graph-hd {
		margin-bottom: 20px;
	}

	.graph-bd-md {
		float: left; width: 35%;
	}

.anychart-credits{display: none}

/*Security Framework*/	
.security-framework {
    width: 100%;
    float: left; position: relative;
	left:20px;
}
.respon_nav .fa-times-circle{display:none;}


/*share popup*/
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    right: 24px;
    top: 15px;
}

.share-popup .click_box {
    background: #fff;
    padding: 25px;
    width: 100%;
    float: left;
}
.share-popup .share-area {
    background: #e6e6e6;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    padding: 20px;
    margin-top: 20px;
}
.graph-details, .share-footer {
    width: 100%;
    float: left;
    background: #fff;
}
.graph-details figure {
    float: left;
    margin-right: 25px;
}
.graph-text h4 {
    color: #001d83;
    font-size: 17px;
    margin-bottom: 8px;
}
.graph-text p {
	font-size:16px;
	color:#000;
	margin-bottom:5px;
}
.graph-text a {
	color:#0099f7;
        word-wrap: break-word;
}
.share-footer {
    border-top: 1px solid #000;
    padding: 15px 25px 25px;
    float: left;
    width: 100%;
}
.share-footer ul li{
	float:left;
	margin-right:10px;
}
.share-footer p {
    color: #001d83;
    font-size: 17px;
}
.share-footer .pop-share-btn {
    float: right;
    background: #0099f7;
    border-radius: 3px;
    color: #fff;
    outline: none;
    border: none;
    padding: 12px 50px;
}


.preload {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 99999;
    left: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
}
/*.preload{
	position: absolute;
	right: 30%;
	top: 50%;
	z-index:99999;
}*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
background-color: rgba(255,255,255,0.7);
  /* change if the mask should have another color then white */
  z-index: 99999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
 
  /* is width and height divided by two */
}
/*------------------ 21-02-2018 ------------------*/
/*
 div#chartContainer {
position: absolute;
    top: 20%;
    left: -60%;
    transform: translate(-50%, -50%);
   
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 5px;
    z-index: 99999;
*/

}

.lines {
    left: 50% !important;
    top: 188% !important;
}
.incedent canvas {
        width: 143%;
    height: 394px;
    left: -16% !important;
  }
div#chartContainer canvas {
    zoom: 1;
   /* width: 515px;
    height: 367px;*/
    
    
    
}





.graph-bd {
    float: left;
    width: 100%;	
	margin-top:0px;
    position: relative;
}

.incedent-graph {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 35px;
        text-align: center;
}

.incedent-graph div#chartContainer{
    position: relative;
    
}


.security-framework div#chartContainer { position: relative;top:0; left: 0;    transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); padding: 0; width: 100%;}


.modal.fade .modal-dialog {
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    margin: 0 auto;}

.share-popup .click_box h3{ color: #001e82;font-family: 'Arial-BoldMT';font-size:18px;}

.share-popup .click_box .share-area {
    background: #e6e6e6; border: 1px #e8e8e8 solid}
.graph-details figure{background-color:#e6e6e6; }
.share-footer{border-top: 1px solid #e6e6e6}


.share-footer ul li{position: relative}
.share-footer ul li input[type=radio]{
        position: absolute;
    top: 0;
    visibility: hidden;
}

.side-bgcolor {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 1366px){
/*
    div#chartContainer{
    position: absolute;
top: 20%;
left: 0px;
transform: translate(-50%, -50%);
-moz-transform: translate(-72%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
padding: 5px;
z-index: 99999;
}}*/

    
    
}


/*23-02-2018*/
span.closeuppersection a {
    color: #fff;
    float: right;
    padding-right: 134px;
    padding-top: 10px;    
}
.inner_content{
	position:relative;
}
.inner_content .content-slide-arrow {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
	z-index:99;
}
.inner_content .content-slide-arrow .left {
    left: 0;
    position: absolute;
}
.inner_content .content-slide-arrow .right {
    right: 0;
    position: absolute;    
}


div#containerasT{
	height:385px;
	margin-top:50px;
}
div#containerasT > div {
    overflow: inherit !important;
}
a.closeuppersectionbutton img {
    width: 25px;
}

.innermenu_text span i.fa-angle-up{
	display:none;
}
.innermenu_text.uparrow span i.fa-angle-up{
	display:block;
	transition:all 0.4s;
}
.innermenu_text.uparrow span i.fa-angle-down{
	display:none;
}
.share-popup button img {
    width: 25px;
    margin-top: 8px;
}
a.socialcss img {
    width: 45px;
}
span.clearfilter {
    text-align: right;
    float: right;
    font-size: 12px;
    text-decoration: underline;
    color: #1a9bf5;
}
.map-formobile{
	display:none;
}
.liner-chart .chartBars .bars li b{font-size:12px !important;font-family: 'TelstraAkkurat-Regular';}

#regioncountry.activefilterhover .box-col, #industry.activefilterhover .box-col, #role.activefilterhover .box-col, #osize.activefilterhover .box-col{ background:#1a9bf5 !important;}
ul.nav.nav-tabs.responsive-tabs li:hover a {
    background: #1a9bf6;
}

.activefilterhoveros{
      background: #1a9bf6 !important;
    }

.button_box a:hover {
    background: #1a9bf6;
}
.liner-chart .chartBars3 .bars li .bar{
	font-size:14px !important;
	padding-top:12px;
}


.powered_bytext{float: right;  font-family: 'ArialMT'; font-size: 12px; font-weight: 400; color: #404040; text-transform: none; margin-top: 15px;}
.powered_bytext span{font-family: 'TelstraAkkurat-Regular';  font-weight: 300; font-size: 21px; color: #000; padding-left: 8px;}

/* span.titlebx{float: left; width: 80%; } */

.share-footer ul li a {
    display: block;
    width: 45px;
    height: 45px;
    background: #0064d2;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    line-height: 42px;
}

.share-footer ul li a.current {
    background: #001d83;
}

.graph-value {
    color: #000;
	width: 100%;
    float: left;
}



.liner-chart .chartBars3 .bars li .bar {
   font-size: 12px !important;
   padding-top: 2px;
}

.loadfourthtabdatali {
    width: 40%;
    float: right;
    text-align: left;
    position: absolute;
    right: 42px;
    top: 46%;
    transform: translateY(-46%);
	-webkit-transform: translateY(-46%);
	-moz-transform: translateY(-46%);
}  

.loadfourthtabdatali li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
	width:100%;
	float:left;
}
span.titlebx {
    width: 80%;
    float: left;
	font-family: 'TelstraAkkurat-Regular';
}

.percentage {
    margin-left: 10px;
    text-align: right;
    float: right;
}

/*05-03-18*/
form#cmd input[type="submit"] {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 30px;
    padding: 3px 15px;
    min-width: 100px;
    color: #fff;
    background-color: #0064d2;
    text-align: center;
    border-radius: 2px;
    border: none;
	transition: 0.5s;
    -webkit-transition: 0.5s;
	margin-left:15px;
	}
	
form#cmd input[type="submit"]:hover{
	background: #1a9bf6;
	}
	
	.whitebg {
		display:none !important;
	}
input#applyfilter:hover {
    background: #0064d2;
    transition: all 0.4s;
}


.incedent-graph{
	width:50%;
}
.inner_content.page2 .right_content .nav-tabs > li:last-child{
	margin-right:0%;
}


.a-value {
    width: 43%;
    float: left;
    padding: 10px;
    margin-top: 0;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}
.a-value li span.a-value {
    width: 17%;
    float: left;
}

.a-value li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.a-value li {
    clear: both;   
    font-size: 13px;
    color: #000;
	list-style:none;
	font-family: 'TelstraAkkurat-Regular';
}


.text-box {padding:10px 0; margin:0;}
.text-box label { font-weight: 700; margin-right: 10px; font-family: 'ArialMT';}
.text-box label .label-text { font-weight: 600; font-size:13px; color:#000; font-family: 'TelstraAkkurat-Regular';}
.text-box .box1, .box2, .box3, .box4, .box5, .box6{margin: 4px 0 0; height:12px; width:12px; border-radius: 100%; display: inline-block;}
.text-box .box1{background-color:#0064d2;}
.text-box .box2{background-color:#b2e0fd;}
.text-box .box3{background-color:#001e82;}
.text-box .box4{background-color:#5e50bf;}
.text-box .box5{background-color:#0099f8;}
.text-box .box6{background-color:#8a92c5;}

.graph-bd svg{
	margin-left:32px;
}
.text-box{
	text-align:center;
}
.loaderbox.per .highcharts-label span div span {
    position: relative;
	/*color:#fff !important;*/
	font-family: 'TelstraAkkurat-Regular';
}
/*.loaderbox.per .highcharts-label span div span::before {
    content: '%';
    position: absolute;
    font-size: 15px;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}*/



.setheight{height:842px;}
.setheight .textpoint {
    padding: 10px 0;
}
.loaderbox .highcharts-label span div span {
    font-family: 'TelstraAkkurat-Regular';
	font-weight: normal;
}
.os {
	display: none;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.2);
	margin-bottom:15px;
	padding-bottom: 15px;
}
.os h3{
	border-bottom:none;
	text-align:left;
	margin-bottom:15px;
}
.os .sbox {
    background: #334a9b;
    padding: 10px 0;
    border-radius: 50px;
	cursor:pointer;
	transition:all 0.4s;  	
}
.os .sbox:hover{
	background:#0063d2;
}
.os .sboxpadright{
	padding-right:0
}
.os .sboxpadleft{
	padding-left:0
}


/*Popup contact file*/
#downloadreport .modal-dialog{min-width:290px;}
#contact{padding:25px;background:#fff;}
#contact .form-mandatory-text{color:#dc0000; font-size:14px; margin-top: 15px;margin-bottom: 15px;}
#contact label {font-size:14px;margin-left:0;}
#contact .form input, #contact .form textarea { border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
#contact .form button[type="submit"] {background: #001E82; border: 0; padding: 10px 24px; color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-top: 15px;}
#contact .form button[type="submit"]:hover { background: #1a9bf6 ;}
#contact input[type="text"], input[type="password"], input[type="email"], select {
    display: block;
    width: 100%;
    color: #111;
    font-size: 14px;
    background: #fff;
    height: 46px;
    padding: 6px 0px;
    line-height: 16px;	
    text-align: left;
    border-bottom: 1px solid #ccc !important; 
    border-radius: 0;
    border: none;
}
#contact select{display: block; width: 100%; color: #999; font-size: 14px; background: #fff; height: 43px; padding: 6px 0px; line-height: 26px; text-align: left; border: none; border-radius: 0;}

#contact .form-control:focus {border-color: transparent; box-shadow: none;}
#contact a { color: #1d5f27;}
#contact .form-group {margin-bottom: 0px;}




.thank-msg {
    background: #f2f2f2;
    float: left;
    width: 100%;
    display: block;
}
.thanku-message {
    font-family: 'ArialMT';
    color: #06277e;
    font-size: 34px;
	line-height: 40px;	
    text-align: center;	
}
span.cloase-icon {
    position: absolute;
    right: 0;
    top: 88px;
    padding-right: 125px;
}
.position-set div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.thanku-footer {
    float:left;
    bottom: 0;
    background:#fff;
    width: 100%;	
	position: fixed;
}
.position-set {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%); 
	-webkit-transform: translateY(-50%);
	background: #f2f2f2;
	height:100%;
}

.thanku-message img {
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}
span.cloase-text {
    display: block;
    font-size: 20px;
    color: #279df2;
}
span.cloase-text a{
	color: #279df2;
}


.canvascss{width:600px !important; height:300px !important;}

.item span.clearfilter {
    /* margin-right: 22px; */
    /* margin-top: 25px; */
    text-align: center !important;
    float: none;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}

.a-value.fwtb1 {
    width: 40%;
}
.a-value.fwtb1 li {
    height: 51px;
}


.a-value.fwtb1 li span {
    display: inline-block;
}

 






.select-design {
    background: #e6e6e6;	
    padding: 10px 0;
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    color: #333;
}
span.sfd {
    margin-left: 15px;
    margin-bottom: 10px;
    float: left;
    color: #3a519e;
    font-weight: bold;
	margin-top: 15px;
}
	.text-left input[type="submit"] {
		background: #0099f8;
		outline: none;
		border: none;
		padding: 7px 25px 7px 15px;
		color: #fff;		
		font-size: 15px;
		float:right;
	}
	div#loadfourthsectionthirdtabPSSP {
		height: 500px !important;
	}
	div#loadfourthsectionsecondtabOSB {
		height:600px !important;
	}
	.modal-contentA p {
		float: left;
		font-family: 'TelstraAkkurat-Regular' !important;
		line-height: inherit;
		margin-bottom: 0;
		margin-top: -4px;
	}
	.modal-contentA {		
		border-radius: 10px;	
		padding: 30px 25px !important;		
	}
	.textarea-style {
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 15px 0;
		height: 80px;
		width:100%;
		resize: none;		
	}
	select{padding:0;}
	
	
.fifthfirsttab {
    height: auto !important;
}
#chartContainerES{
	height: auto !important;
}
section#contact h4 {
    color: #231e8f;
    font-size: 20px;
}
.checkbox.checkbox-success.optin {
    margin-left: 15px;
}
i.fa.fa-angle-right {
    right: 13px;
    position: absolute;
    top: 9px;
    color: #fff;
    font-size: 18px;
}
.form-group .text-left {
    position: relative;
}



#contact .form-group select{
	padding-right: 12px;
    background-repeat: no-repeat;
    background-size: 10px;
    background: url(../images/Screenshot_2.png) no-repeat !important;
    background-origin: content-box;
    background-position: right -12px center;
    background-size: 10px !important;
    background-position: right !important;

}
#contact .form-group  select{
    position: relative;
}
#contact .form-group  select{
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border-radius: 0;   
    line-height: 24px;
    word-spacing: 1px;
}   


.modal-contentA{display:table;}