/*
---------------------------------------------------------------------------------------
	Responsive Cascading Style Sheets (CSS) Based on Twitter Bootstrap
	by: Mamun ur Rosid | email: mrosid@bol-online.com | mamun.m46@gmail.com
---------------------------------------------------------------------------------------	           					*/

@import url("bootstrap.css");
@import url("bootstrap-theme.css");

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

}

body { font-family:'ropa', Ropa Sans, sans-serif; }
table { font-size:15px;  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:'Ropa Sans', ropa, sans-serif; font-weight:bold; }
h2{ padding:5px 0; margin:5px 0 3px; color:#444; font-size:1.6em; text-align:center; 	}
h3{ padding:5px 0; margin:5px 0 -7px 0; color:#444;  font-size:1.17em;	}
h4{ font-weight:normal; padding: 4px 18px; background:url(list_arrow.png) no-repeat center left 5px;	}

p { padding:5px 0 0; font-size:15px; color:#000; text-align:justify; line-height:20px; }
p.highlight { margin: 8px auto 0; padding:1px; text-align: center; width: 50%; border:1px dotted #ff0000; animation: blink .5s step-end infinite alternate; }
b, strong { font-size:15px; color:#333; font-family:'Ropa Sans', ropa, sans-serif; }
  .container { background: #fff; padding: 0; } @media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 992px) { .container { width: 950px; }  }
[class*="col-"] {
  padding-top: 12px;
  padding-bottom: 15px;
  background-color: #ddd;
  border: 0px solid #ddd;
  background-color: rgba(86,61,124,0);
  border: 0px solid rgba(86,61,124,0);
  text-align:justify;
}
.row {
margin-right: 0px ;
margin-left: 0px ;
margin-top: 20px;
}
.col-md-3-home_left, .col-md-3-home_right { padding-right: 0px; padding-left: 0px; text-align:center; float:left; }
.col-md-3-home_left { width:35%; padding-top:0; }
.col-md-6-home { float:right; padding: 0; width: 60.9%; margin:0!important; }
.col-md-6 { font-size:16px; line-height:23px; margin:10px 25%;  }
.col-md-9 { padding-right: 30px !important; padding-bottom:0;  }

.col-md-9-all { float:right; padding-right: 20px !important; padding-left: 23px!important; padding-top:0!important; margin: -6px 0 10px 0;  }
.col-md-3-all_left { float:left; margin-left: -16px; padding-right: 0px; padding-left: 0px; text-align:center; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{ padding-right: 0px; padding-left: 0px; }
	
.ar { float: left; width:100px; text-align: center; margin: 20px 5% 0; }
.ar img { border: 1px #ddd solid; }
.contact-support { width:100%; max-width:819px; height:140px; margin: 10px auto; }
	.contact-support img { float:left; border:1px; }
	.contact-support-text { margin: 10px 0 0 -90px; padding: 25px 40px 25px 110px; float:left; font-size:18px;line-height:34px; border: 1px solid #E82429; border-left: 0px; border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius:0 15px 15px 0; }
.contact-col-md-4, .contact-col-md-4-left { padding-top:10px; padding-bottom:10px; margin:10px 0 10px 2.5%; text-align:center; font-size:15px; background: #e7e8ea url(bg_contact.jpg) repeat-x; border: 1px solid #ddd; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.contact-col-md-4 { width:29%;  }
.contact-col-md-4-left { width:37%; margin-left:0;  }

dt{ font-size:15px; font-weight:normal; }
	.dl-horizontal dt { float:left; width:125px; text-align:right;  }
	.dl-horizontal dd { margin-left: 135px; }
ul {list-style: url(list_arrow.png); font-size: 15px; line-height:25px; color:#222; }
#sales_contact { text-align:center; padding:10px 0; font-size:17px; color:#222;}
.webmail { text-align:center; font-size:18px; background:url(bg-webmail.jpg) repeat-x;border:1px solid #ddd; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius:6px; } }

/* custom inclusion of right, left and below tabs */

.enterprise { width:100%; margin-left:0; }
.tabbable { float:left; margin:15px 0 20px;  } .panel-group {display:none; }
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content { float:left; width:570px; padding:0 20px; border: #ddd 1px solid;  }
.tab-content > .active,
.pill-content > .active {
  display: block; padding-top:15px;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 0;
}

.tabs-left > .nav-tabs { float: left; width:365px; font-size:16px; margin-right: 15px; border-bottom:0; }

.tabs-left > .nav-tabs > li > a {
  margin-right: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd; background:#fff url(arrow.jpg) no-repeat center right 20px; color: #999; margin-right: -16px;
  *border-right-color: #ffffff;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav-tabs > li > a { margin-left:2px; padding:5px 10px; background: #d7d7d7 url(service-nav-bg.jpg) repeat-x; border-color: #ddd;  }

.panel-group .panel { margin:0 1.5%;  }
.panel-default > .panel-heading { background: #d7d7d7 url(service-nav-bg.jpg) repeat-x; padding:4px; }


/* e-smart zoom style start--------------------------------------------------------------------------------- */
#pageContent {
	height: auto; width:47.95%; text-align:center; line-height:30px;
	position:relative;
	 float:left; margin:10px 0; border:#ddd solid 1px;
}
#map_title { color:#000; font-size:15px; background:#D8D8D8; }
#imgContainer { width: 100%; height:670px;  }
#positionButtonDiv {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(58, 56, 63);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.15);
color: #FFFFFF;
padding: 8px;
text-align: left;
position: absolute;
right: 0px;
top: 30px;
}

#positionButtonDiv .positionButtonSpan img {
float: right;
border: 0;
}
.positionMapClass area {
cursor: pointer;
}
.zoomButton {
border: 0;
cursor: pointer;
}
.zoomableContainer {  border:#ddd solid 0px; }
.zoomableContainer img {  }
/* e-smart zoom style end--------------------------------------------------------------------------------- */

	
@media (max-width: 992px) { 
.col-md-9 { width:74%; float:left; padding-right: 22px !important; padding-bottom:0;  }
.col-md-3-home_left { width:37%; padding-top:0; }
.col-md-3-home_right { width:26%;  float:right; }
.col-md-3-all_left { float:left; width:23%;  }
.col-md-9-all { float:right; width:77%;  }

.contact-col-md-4, .contact-col-md-4-left { float:left; padding-top:10px; padding-bottom:10px; margin:10px 0 10px 1.5%; }
.contact-col-md-4-left { width:36.5%; margin-left:1%;  }
.col-md-6-contact { clear:both; width:50%;   }

.enterprise, .tabbable { width:97%; margin-left:1.5%; }
.tabs-left > .nav-tabs { width:347px; }

}
@media (max-width: 800px) { 
.col-md-9 { width:100%; float:none; padding-right: 10px !important;}
.col-md-3-home_left { width:50%; float:left;}
.col-md-3-home_right { width:45%; float:left; top:31px; }
.col-md-6-home { float:left; padding-left:10px; width: 100%; } 
.col-md-3-all_left { width:33%;  }
.col-md-9-all { width:66%; float:right;  padding-left: 10px!important; margin: -10px 0 10px 0;  }

.ar { margin: 20px 6% 0; }
.contact-col-md-4 { width:27%;  }
.contact-col-md-4-left { width:41%; margin-left:1%;  }
#imgContainer { width: 100%; height:550px;  }

.tab-content { width:415px; padding:0 10px;  }
.tabs-left > .nav-tabs { width:315px; }
}

@media screen and (max-width: 736px) { /* =================================================================== iPhone6 Plus (landscape) */
.col-md-3-all_left { float:left; margin-left: 0; padding-right: 0px; padding-left: 0px; text-align:center; }
.tab-content { width:380px; padding:0 10px;  }
.ar { margin: 20px 5.5% 0; }
.contact-support { max-width:720px; }
	.contact-support-text { max-width:620px; margin: 3px 0 0 -100px; padding: 15px 40px 15px 150px; }
}
@media screen and (max-width: 732px) { /* =================================================================== Nexus 5X, Nexus 6P (landscape) */
.tab-content { width:333px; padding:0 10px;  }
.ar { margin: 20px 5% 0; }
.contact-support { max-width:670px; }
	.contact-support-text { max-width:570px; margin: 3px 0 0 -100px; padding: 15px 40px 15px 150px; }
.contact-col-md-4 { width:26%; }
}
@media screen and (max-width: 667px) { /* =================================================================== iPhone6  (landscape) */
.tab-content { width:315px; padding:0 10px;  }
.ar { margin: 20px 4.5% 0; }
}

@media (max-width: 640px) { 
.col-md-9 { padding-right: 10px !important;}
.col-md-3-home_left { width:50%; float:left;}
.col-md-3-home_right { width:45%; float:left; top:31px; }
.col-md-6-home { float:left; padding-left:10px; width: 100%; } 
.col-md-3-all_left { width:100%;  }
.col-md-9-all { width:100%;  padding-left: 10px!important; margin: -10px 0 10px 0;  }
.col-md-6-contact { width:70%; margin:0 10%; float:left;   }
.dl-horizontal dt { float: left; clear: left; width: 125px; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.ar { margin: 20px 4.4% 0; }
.contact-support { max-width:615px; }
	.contact-support-text { max-width:515px; margin: 3px 0 0 -100px; padding: 15px 40px 15px 170px; }
.contact-col-md-4 { width:45%; margin: 5px 2.5%  }
.contact-col-md-4-left { width:60%; margin-left:20%;  }

#imgContainer { width: 100%; height:420px;  }

.tab-content { width:295px;  }
.tabs-left > .nav-tabs { width:280px; font-size:14px; }
}

@media screen and (max-width: 568px) { /* =================================================================== iPhone5 (landscape) */
.tab-content { width:255px; padding:0 10px;  }
.ar { margin: 20px 3% 0; }
.contact-support { max-width:550px; }
	.contact-support-text { max-width:455px; margin: 3px 0 0 -100px; padding: 15px 20px 15px 140px; }
}

@media (max-width: 480px) { 
.col-md-9 { padding-right: 10px !important;}
.col-md-3-home_left, .col-md-3-all_left { width:100%;}
.col-md-3-home_right { width:100%; top:0; }
.col-md-6-home { float:left; padding-left:10px; width: 100%; } 
.col-md-9-all { padding-left: 10px!important;  }
.col-md-6-contact { width:80%; margin:0 10%;   }

dl { margin-bottom:10px;  }
.dl-horizontal dt { width: 100%; margin-top:10px; text-align: left; }
.dl-horizontal dd { float:left; width: 100%; text-align: left; }
.ar { margin: 20px 3.9% 0; }
.contact-support { height:235px; text-align:center; }
	.contact-support img { float:none; }
	.contact-support-text { width:96%; margin: -2px 2% 10px; padding:10px 5px; float:left; font-size:17px; line-height:23px; border-left: 1px solid #E82429; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius:12px; }
.contact-col-md-4, .contact-col-md-4-left { padding-top:5px!important; margin-top: 10px!important; }
.contact-col-md-4-left { width:96%;  margin:0 2% 5px!important;  }
	.dl-horizontal dd { margin-left: 0; }

#pageContent {	width:96%; margin:15px 2%; }
#imgContainer { width: 100%; height:620px;  }

.tabbable { display:none;  }
.panel-group {display:inherit; }
}

@media screen and (max-width: 375px) { /* =================================================================== iPhone6 (potrait) */
.ar { margin: 20px 2.5% 0; }
}


@media (max-width: 360px) { 
.ar { margin: 20px 8.5% 0; }
.contact-support { height:215px; }
	.contact-support-text { font-size:15px; line-height:21px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }
.contact-col-md-4, .contact-col-md-4-left { width:96%; margin-left:2%;  }
.contact-col-md-4 { margin-top: 5px;  }
.col-md-6-contact { width:96%; margin:0 2%;   }
#imgContainer { width: 100%; height:420px;  }

.panel-title > a { font-size:15px; }
}
@media (max-width: 320px) { 
.ar { margin: 20px 6% 0; }
	.contact-support-text { font-size:14px; line-height:18px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }

.panel-title > a { font-size:13px; }
}
@media (max-width: 240px) { 
.ar { margin: 20px 21.5% 0; }
.contact-support { height:235px; }
#imgContainer { width: 100%; height:220px;  }

.panel-title > a { font-size:11px; }

}