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

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
         font-weight: normal;
         font-style: normal;
		 font-variant:normal;}
*{ margin:0; padding:0;  box-sizing: border-box; }
body{ margin:0px; padding:0px; }
img{max-width:100%; height:auto;}
a img{border:none; outline:none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.main-wrapper{ width:100%; float:left; position:relative;}
.dr-header{ width:100%; float:left; padding:20px 0; background:#fff; /*position:absolute;*/z-index:99; top:0; left:0; border-bottom:1px solid #2b3892;}
.dr-wrapper{margin:0px auto; max-width:1170px;}
.header-top{ width:100%;}
.header-inner{float:left; width:100%; font-family: 'bebas_neueregular'; -moz-font-smoothing: none;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;}
.logo{ float:left;}
.header-inner nav{ float:right;}
.header-inner nav ul{ padding:20px 0;}
.header-inner nav ul li{ display:inline-block; list-style:none; font-size:20px; text-transform:uppercase;}
.header-inner nav ul li a{ text-decoration:none; color:#0f0f0f; padding:0 20px; }
.header-inner nav ul li a:hover{ background:#025187; color:#fff; padding:10px 20px;}
/*.header-inner nav ul li.active a{ background:#025187;padding:10px 10px; color:#fff;}*/
.dr-banner{ float:left; width:100%; background-image:url(../images/banner2.jpg);   padding-bottom: 100px; background-size: 100% 100%; height:auto;}
.banner-inner{ width:100%; text-align:center;font-family: 'bebas_neueregular';  margin-top:9%; color:#fff;}
.banner-inner h1{ text-transform:uppercase;letter-spacing: 1px;font-weight:400; font-size:48px; color:#000;}
.lrn-btn{ width:180px; padding:15px 0; background:rgba(0, 0, 0, 0.8); border-radius:15px; font-size:22px;     font-family: 'open_sansregular'; display: inline-block; margin-top:100px;}
.lrn-btn a {
    color: #FFFFFF;
    text-decoration: none;
}

.black-line{ background:#161616; padding:10px 0; float:left; width:100%; font-size:22px;font-family: 'bebas_neueregular'}
.black-line h5{ color:#fff;  font-weight: normal;
    letter-spacing: 2px;}
.black-line h5 span{color:#00b4ff;}
.black-line h5 span a{color:#00b4ff; text-decoration:none;}
.dr-info{ width:100%; float:left;}
.dr-info .info-inner{ width:100%;padding-bottom: 80px; float:left; font-family: 'open_sansregular';}
.dr-info .info-inner h1{ color:#2a2a2a; width:100%; margin:20px auto; overflow:hidden; text-align:center; line-height:1.2em;font-family: "bebas_neueregular";font-size: 36px;}
.dr-info .info-inner h1:before, .dr-info .info-inner h1:after{ content:""; vertical-align:top; display:inline-block; width:50%; height:0.65em;border-bottom:1px solid #000;  margin:0 2% 0 -55%;}
.dr-info .info-inner h1:after{ margin:0 -55% 0 2%;}
.border {float: left;margin-bottom: 20px; width: 100%;}
.dr-info .info-inner p{ font-size:18px; color:#232323; text-align:left; margin-bottom: 10px; }
.dr-info .info-inner p a{ color:#131961;}
.dr-info .info-inner p a:hover{ color: #000000;  text-decoration: none;}
.info-box{ width:30.333%; text-align:center;  font-family: 'open_sansregular'; float:left; margin-right:3%;}
.info-box-img{  border: 1px solid #5dc5f4; border-radius:50%;margin-top: 90px;   border: 1px solid #5dc5f4; display:inline-block;  padding: 10px;}
.info-box-img a{  float: left; width: 100%;border: 1px solid #414141;border-radius: 50%; }

.info-box img{ text-align:center; border-radius: 50%;  max-width: 230px; width:100%; float:left; height:230px; }
.info-box h2{ text-align:center; color:#191919; font-size:25px; font-weight:normal; padding-top:35px; padding-bottom:15px;}
.dr-info .info-inner .info-box p{ text-align:center; color:#191919; font-size:18px; text-align:center;}

.dr-form{ width:100%; float:left; background:url(../images/footer-banner.png); background-size:100% 100%; padding-top:20px;}
.dr-form h1{color: #fff;font-size: 36px; padding: 0 20px;  font-family: 'bebas_neueregular'; position:relative; text-align:center;}
.dr-form h1:before{ position:absolute; width:40%; border:1px solid #fff;content:""; top:38%; left:0;}
.dr-form h1:after{ position:absolute; width:40%; border:1px solid #fff; content:"";top:38%; right:0;}
.form-inner{ width:100%; float:left;   font-family: 'open_sansregular'; padding-top: 10px; margin-bottom: 18px; padding-bottom:18px;}
.form-inner-lft-sec{ width:45%; float:left; padding-right:4%; }
.form-inner-lft-sec input{ width:100%; background:none; border:1px solid #fff; border-radius:5px; padding:15px 0; margin:0px 0 25px 10px; color:#fff; padding-left:10px; font-size:18px;font-family: 'open_sansregular';}
.form-inner-lft-sec textarea{width:100%; background:none; border:1px solid #fff; border-radius:5px; padding:15px 0; margin:0px 0 25px 10px; color:#fff; padding-left:10px; min-height:200px;font-family: 'open_sansregular'; font-size:18px; overflow:auto;}
.form-inner-lft-sec button{ width:180px; background:#fff; border-radius:5px; margin-top:10px; font-size:22px; float:right; padding: 4px 0; border:0; -webkit-appearance: none;}
.form-inner-rgt-sec{width:50%; float:right;}
.form-inner-rgt-sec p{ color:#fff; font-size:18px; line-height:30px; padding-right:10px;}
.form-inner-rgt-sec h3{ font-size:20px;font-family: 'bebas_neueregular'; color:#fff;font-weight: normal; text-shadow: 3px 4px 4px #000000; letter-spacing:1px;    padding-top: 35px; font-smooth:always;}
.contact{ color:#fff; padding:10px 0; font-size:19px;}
.contact img{ padding-right:30px;}
.contact span{ padding-left:35px;}
.contact span a{ color:#fff; text-decoration:none;}
.contact h5 { display: inline-block; min-width: 110px;}

.dr-footer{ width:100%; float:left; background:#000; text-align:center;font-family: 'open_sansregular';}
.dr-footer p{ color:#fff; font-size:15px; padding:35px 0;}
.sound{ display: block;position: absolute;right: 1%;top: 3.5%;width: auto;}
audio{display:none;}
.play{background:url(../images/sound.png) no-repeat; width:30px; height:30px; float:left;margin-right: 3px;}
.pause{background:url(../images/mute.png) no-repeat; width:30px; height:30px; float:left;}
.sound button{background:none; border:0; width:30px; height:30px; cursor:pointer;}


/* ========== Customer Service =========== */
.customer-service-text{  float: left; width: 100%;}
.customer-service-text .txtcontainer h4{border-bottom: 1px solid #131961; font-size: 20px; margin-bottom: 10px; padding: 7px 0;  text-align: left;}
.customer-service-text .txtcontainer h4 span {background: none repeat scroll 0 0 #131961;  color: #ffffff; padding: 7px 10px;}
.customer-service-text .text{float: left; width: 60%;}
.customer-service-text .text p span{color:#2B3892;}
.customer-service-text .image{float: right; width: 35%;margin-top: 10px;}
.customer-service-text .image > a { float: right; max-width:100%;}


/* ========== The legacy =========== */
.legacy_phone{width:100%; float:left;}
.legacy_phone li{width:100%; float:left;list-style:none;margin: 5px 0;}
.legacy_phone li span{display: inline-block; width: 110px;}

/* ========== technology =========== */
.txtcontainer {float: left; margin-bottom: 30px;  width: 100%;}


/* ========== commercial =========== */
.margin_top{margin-top:50px;}
.customer-service-text .textfull { float: left;  width: 100%;}
.tab_menu {background:#e0e0e0; float: left; margin: 30px 0 0 0; padding: 10px; width: 100%;}
.tab_menu li{background:#2A3992; border-radius: 5px;  display: inline-block;  float: left; list-style: outside none none;   margin: 0 2% 0 0; padding: 10px;  text-align: center; width: 32%;}
.tab_menu li:hover{background:#161616;}
.tab_menu li.ui-state-active{background:#161616;}
.tab_menu li:last-child{margin:0px;}
.tab_menu li a { display: block;}
.tab_menu li img {border: 2px solid #ffffff; border-radius: 100%;  height: 100px;  width: 100px;}
.tab_menu li span{color: #ffffff; display: inline-block;  font-size: 20px;  width: 100%;}

.tab_content { border: 1px solid #e0e0e0;  float: left;  padding: 20px;  width: 100%;}
.tab_content ul{float: left; width: 100%;}
.tab_content ul li{display: list-item; list-style:none;  margin: 8px 0;}
.tab_content ul.listarrow li:before{border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 8px solid #28378f;  border-top: 5px solid rgba(0, 0, 0, 0);  content: "";   float: left;  height: 0;  margin-right: 10px;  margin-top: 5px;  width: 0;}
.tab_content h5{display: inline-block; font-size: 20px;  margin: 20px 0;  width: 100%;}
.tab_content a{color: #131961;}
.tab_content a:hover{color: #000;  text-decoration:none;}

.tab_content ul.tabcontentimages li{border: 1px solid #cccccc; display: inline-block;  list-style: outside none none; margin: 10px 10px 10px 0; padding: 7px;}
.tab_content ul.tabcontentimages li img{display: block;}


ul.client_testimonies li{border-bottom: 1px dashed #e7e7e7; list-style: outside none none;  margin: 20px 0; padding: 20px;}
ul.client_testimonies li p{display:block; width:100%;}
ul.client_testimonies li span{color: #283a90; display: block;  text-align: right;  width: 100%; font-size: 14px;}

.on_clk_show { display: none;}

/* ========== residential =========== */
.residentialmain{border-spacing: 20px 0; display: table; float: left; margin: 40px -20px 30px -20px;}
.row{display: table-cell;float:none; vertical-align:top;}
.residential {background:#e7e7e7; border: 1px solid #e2e2e2; padding: 10px 20px; width: 40%;}
ul.imagesdesign li{border: 1px solid #cccccc; display: inline-block;  list-style: outside none none; margin: 10px 10px 10px 0; padding: 7px;}
ul.imagesdesign li img{display: block;}
.residentialimage{background:#fff; border: 1px solid #e2e2e2; padding: 10px; width: 57%;}
.residentialimage ul li{border: 1px solid #cccccc; border-radius: 100%; display: inline-block; list-style: outside none none; margin: 0 1%; overflow: hidden;   padding: 5px; width: 22.5%;}
.residentialimage ul li{text-decoration:none;}
.residentialimage ul li img{border-radius: 100%; display: block;  width: 100%;}
.tabsinner_menu {float: left; margin-top: 30px;   width: 100%;}
.tab_content .tabsinner_menu ul { float: left; width: 100%;}
.tab_content .tabsinner_menu ul li.ui-state-active{background: #fff; }
.tab_content .tabsinner_menu ul li a{text-decoration:none;}
.tabsinner_content { border: 1px solid #e8e8e8;  float: left;  padding: 10px 20px;    width: 100%;margin-top: -2px;}
.tabsinner_content ul img {  float: right;   margin-left: 10px;}
.boxlink {background:#e7e7e7; display: none; margin-top: 30px; padding: 10px; position: relative; text-align: center;}
.boxlink:before{ content: "";   float: left;border-bottom: 30px solid #e7e7e7; border-left: 15px solid rgba(0, 0, 0, 0); border-right: 15px solid rgba(0, 0, 0, 0); height: 0;  position: absolute;  top: -30px; width: 0;}
#boxlink0:before{left:12%;}
#boxlink1:before{left:36%;}
#boxlink2:before{left:60%;}
#boxlink3:before{left:86%;}
.dr-info .info-inner .boxlink > p{text-align:center;}
#boxlink0 {  display: block;}