@charset "utf-8";

/* CSS Document */

/*======================================================================

	Project Name: Rosetta Associates.

	Creator     : M G Hakkani

	E-mail		: refat@wanitbd.com

	Date        : 2015 - 08 - 05.

========================================================================*/

body {
  font-size: 12px;

  font-family: Arial, Helvetica, sans-serif;

  background: #fafefd;
}

/*===========@Global Styles ============*/

* {
  margin: 0;
  padding: 0;
  outline: none;
}

img,
fieldset {
  border: 0;
}

a {
  text-decoration: none;
}

ul,
li {
  padding: 0px;
  margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

@font-face {
  font-family: "SolaimanLipiNormal";

  src: url("../fonts/solaimanlipi.eot");

  src: url("../fonts/solaimanlipi.eot") format("embedded-opentype"),
    url("../fonts/solaimanlipi.woff") format("woff"),
    url("../fonts/solaimanlipi.ttf") format("truetype"),
    url("../fonts/solaimanlipi.svg#SolaimanLipiNormal") format("svg");
}

/*



	font-size:13px;

    font-family: 'SolaimanLipiNormal';

	color:#0082cf;

	line-height:45px;

	padding-left:25px;

	font-weight:bold;





	text-decoration:none;

	animation-name: pulse;

	animation-duration: 1s;

	animation-iteration-count: 1;

	animation-timing-function: ease-out;

	text-decoration: none;

	-webkit-animation-name: pulse;

	-webkit-animation-duration: 1s;

	-webkit-animation-iteration-count: 1;

	-webkit-animation-timing-function: ease-out;

	-moz-animation-name: pulse;

	-moz-animation-duration: 1s;

	-moz-animation-iteration-count: 1;

	-moz-animation-timing-function: ease-out;

	background:#e74b4b !important;

	font-family: 'Open Sans', sans-serif;





font-family: 'Open Sans', sans-serif;



*/

/*==========================================

				body_wrapper

==========================================*/

#body_wrapper {
  margin-bottom: 40px;
  width: 100%;
  margin-top: 40px;
  height: auto;
}

#body_wrapper_main {
  width: 100%;

  overflow: hidden;

  -webkit-box-shadow: -1px 2px 18px 0px rgba(18, 247, 162, 0.75);

  -moz-box-shadow: -1px 2px 18px 0px rgba(18, 247, 162, 0.75);

  box-shadow: -1px 2px 18px 0px rgba(18, 247, 162, 0.75);

  background: #f4fdfa;

  padding-bottom: 25px;
}

/*==========================================

				header

==========================================*/

#header {
  width: 100%;

  background: #f4fdfa;

  height: auto;
}

.header_inner {
  width: 100%;

  padding: 16px 0px;
}

.logo {
  width: 100%;

  overflow: hidden;
}

.header_rht {
  width: 100%;
}

/*====================================*/

.alfa {
  width: 100%;

  overflow: hidden;
}

.alfa_call {
  width: 100%;

  overflow: hidden;

  margin-top: 5px;
}

.alfa_call_p {
  font-size: 12px;

  font-family: "Open Sans", sans-serif;

  color: #424241;

  line-height: 25px;

  padding-left: 25px;

  background: url(../images/interface/phone_icon.png) no-repeat left center;
}

.alfa_sms {
  width: 100%;

  overflow: hidden;

  margin-top: 5px;
}

.alfa_sms_p {
  font-size: 12px;

  font-family: "Open Sans", sans-serif;

  color: #424241;

  line-height: 25px;

  padding-left: 28px;

  background: url(../images/interface/mail.icon.png) no-repeat left center;
}

.alfa_sms p a:hover {
  text-decoration: none;

  color: #25a067;
}

.feedback_mail {
  font-size: 17px;

  font-family: "Open Sans", sans-serif;

  color: #25a067;

  line-height: 45px;

  text-transform: capitalize;
}

.feedback_form {
  width: 100%;

  overflow: hidden;

  border: 1px solid #ddd;

  margin-top: 10px;

  border-radius: 3px;

  padding: 15px 15px 0px;
}

.alfa_web {
  width: 100%;

  overflow: hidden;

  margin-top: 5px;
}

.alfa_web_p {
  font-size: 12px;

  font-family: "Open Sans", sans-serif;

  color: #424241;

  line-height: 25px;

  padding-left: 30px;

  background: url(../images/interface/webmail.icon.png) no-repeat left center;
}

.alfa_web p a:hover {
  text-decoration: none;

  color: #25a067;
}

.alfa_search {
  width: 73%;

  overflow: hidden;

  float: left;
}

.search_select {
  width: 25%;

  float: left;

  overflow: hidden;

  margin-top: -2px;
}

.search_rosetta {
  width: 100%;

  overflow: hidden;

  background: url(../images/interface/icon-search.png) no-repeat right center;
}

.search_google {
  width: 100%;

  overflow: hidden;

  background: url(../images/interface/icon-search2.png) no-repeat right center;
}

/*====================================*/

.navigation {
  width: 100%;

  margin-top: 15px;
}

/*====================================*/

#banner {
  width: 100%;

  overflow: hidden;
}

.banner_main {
  width: 100%;

  overflow: hidden;
}

.banner_rht {
  width: 100%;

  overflow: hidden;

  background: #3aa473;
}

.banner_rht_h3 {
  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 40px;

  padding-left: 18px;
}

.telecom {
  width: 100%;

  overflow: hidden;

  position: relative;
}

.telecom_txt {
  width: 100%;

  overflow: hidden;

  position: absolute;

  bottom: 0px;

  left: 0px;

  background: rgba(61, 61, 61, 0.8);
}

.telecom_txt_h3 {
  font-size: 18px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 35px;

  text-align: center;

  text-transform: capitalize;
}

/*====================================*/

#welcome {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;
}

.advertisement {
  width: 100%;

  overflow: hidden;
}

.welcom_main {
  width: 100%;

  overflow: hidden;
}

.headCon {
  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: #008f4d;

  line-height: 35px;
}

.paragraph {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #000;

  line-height: 20px;

  text-align: justify;
}

/*====================================*/

#message {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;

  background: #3aa473;
}

.message_main {
  width: 100%;

  overflow: hidden;
}

.message_lft {
  width: 13%;

  overflow: hidden;

  float: left;
}

.message_lft_h3 {
  font-size: 16px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 20px;

  text-align: center !important;

  padding-top: 7% !important;

  padding: 0px;

  margin: 0px;
}

/*===================================================

					News Taker

====================================================*/

#message_taker {
  width: 87%;

  float: right !important;

  height: 45px !important;
}

#message_taker ul {
}

#message_taker ul li {
  list-style: none;

  padding-top: 1% !important;
}

#message_taker ul li a {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 16px;

  text-align: center !important;

  font-style: italic;
}

#message_taker ul li a:hover {
  text-decoration: none;
}

/*====================================*/

#icon_page {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;
}

.icon_box {
  width: 100%;

  overflow: hidden;

  background: #ececec;

  border-bottom: 7px solid #3aa473;

  -webkit-transition: background-color 2s ease-out;

  -moz-transition: background-color 2s ease-out;

  -o-transition: background-color 2s ease-out;

  transition: background-color 2s ease-out;
}

.icon_box:hover {
  background: #e5fef6;

  cursor: pointer;
}

.icon_txt {
  width: 100%;

  overflow: hidden;

  padding: 5px 10px 15px;
}

.icon_txt_h3 {
  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: #008f4d;

  line-height: 35px;

  text-align: center;
}

.icon_txt_p {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #000;

  line-height: 20px;

  text-align: center;

  padding-top: 5px;
}

/*====================================*/

#news_articles {
  width: 100%;

  overflow: hidden;

  border-top: 1px solid #e3e3e3;

  margin-top: 35px;
}

.news_articles_inner {
  margin-top: 15px;
}

/*====================================*/

.news {
  width: 100%;

  overflow: hidden;
}

.news_main {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;

  background: #717171;

  padding: 0px 25px;
}

.news_box {
  width: 100%;

  overflow: hidden;

  border-bottom: 1px solid #aeaeae;

  padding: 20px 0px;
}

.news_box_p {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 16px;

  text-align: justify;
}

.span_date {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #69e0a9;

  line-height: 20px;

  font-weight: bold;
}

.span_date1 {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #69e0a9;

  line-height: 20px;
}

.span_date2 {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #f1ffbb;

  line-height: 20px;
}

/*====================================*/

.articles {
  width: 100%;

  overflow: hidden;
}

.article_inner {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;
}

.article_inner_h4 {
  font-size: 15px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 20px;
}

.article_inner_p {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #000;

  line-height: 20px;
}

.panel-heading a:hover {
  text-decoration: none !important;
}

.head_article {
  width: 100%;

  overflow: hidden;

  background: url(../images/interface/article_arrow.png) no-repeat right center;
}

/*====================================*/

#clients {
  width: 100%;

  overflow: hidden;

  border-top: 1px solid #e3e3e3;

  background: #f6f6f6;

  margin-top: 15px;
}

.clients_inner {
  width: 100%;

  overflow: hidden;

  padding-top: 15px;
}

.client_main {
  width: 100%;

  height: auto;

  padding-top: 25px;
}

/*====================================*/

#big_footer {
  width: 100%;

  overflow: hidden;

  background: #3c3b3b;

  border-top: 1px solid #575656;

  padding: 12px 0px;
}

.b_f_box {
  width: 100%;

  overflow: hidden;
}

.b_f_box_h3 {
  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: #49d795;

  line-height: 40px;
}

.b_f_box ul {
  width: 100%;

  overflow: hidden;
}

.b_f_box ul li {
  list-style: none;
}

.b_f_box ul li a {
  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 28px;
}

.b_f_box ul li a:hover {
  text-decoration: none;

  color: #49d795;
}

.b_f_box_p {
  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 28px;
}

/*====================================*/

#footer {
  width: 100%;

  overflow: hidden;

  padding: 13px 0px;

  background: #3aa473;
}

.copy_rt {
  width: 100%;

  overflow: hidden;
}

.copy_rt_p {
  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 25px;
}

.copy_rt p a {
  color: #fff;
}

.copy_rt p a:hover {
  text-decoration: none;

  color: #3c3b3b;
}

.f_social {
  width: 100%;

  overflow: hidden;
}

.f_social_p {
  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 25px;

  text-align: left;

  float: left;
}

.f_social_main {
  float: left;
}

.f_social_main ul {
  width: 100%;

  overflow: hidden;
}

.f_social_main ul li {
  list-style: none;

  float: left;

  margin-left: 10px;
}

/*====================================*/

#inner_page {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;
}

.inner_page_main {
  width: 100%;

  overflow: hidden;
}

.page_header {
  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 40px;

  background: #3aa473;

  border-radius: 3px;

  padding-left: 15px;
}

.paragraph_inner {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #131313;

  line-height: 20px;

  text-align: justify;

  padding-top: 15px;
}

.conatact_box {
  width: 100%;

  overflow: hidden;

  height: 330px;

  margin-top: 15px;

  border: 1px solid #ddd;

  padding: 12px;

  border-radius: 3px;

  background: #ececec;
}

.conatact_box_h3 {
  font-size: 17px;

  font-family: "Open Sans", sans-serif;

  color: #3aa473;

  line-height: 30px;
}

.conatact_box_p {
  font-size: 15px;

  font-family: "Open Sans", sans-serif;

  color: #131313;

  line-height: 22px;

  text-align: justify;
}

.team_box {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e3e3e3;
}

.team_box#last_box {
  border-bottom: none;
}

.team_box_p {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #131313;

  line-height: 20px;

  text-align: justify;
}

.team_box_span {
  font-size: 18px;

  font-family: "Open Sans", sans-serif;

  color: #00b050;

  line-height: 30px;

  font-weight: bold;
}

.team_box_span02 {
  font-size: 17px;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  color: #000;

  line-height: 25px;
}

.what_do {
  width: 100%;

  overflow: hidden;

  margin-top: 15px;
}

.what_do ul {
  width: 100%;

  overflow: hidden;
}

.what_do ul li {
  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  color: #3d3d3d;

  line-height: 25px;

  list-style: none;

  background: url(../images/interface/bg_list.png) no-repeat left center;

  padding-left: 20px;

  margin-left: 15px;
}

/*====================================*/

.ict_news_box {
  width: 100%;

  overflow: hidden;

  margin-top: 25px;

  padding-bottom: 25px;

  border-bottom: 1px solid #e3e3e3;
}

.ict_news_box#last_box {
  border-bottom: none;
}

.ict_news_box_h3 {
  font-size: 16px;

  font-family: "Open Sans", sans-serif;

  color: #3aa473;

  line-height: 20px;

  text-transform: capitalize;
}

.ict_news_box_h6 {
  font-size: 16px;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  color: #3d3d3d;

  line-height: 20px;
}

.ict_news_box_p {
  font-size: 13px;

  font-family: "Open Sans", sans-serif;

  color: #131313;

  line-height: 20px;

  text-align: justify;

  padding-top: 15px;
}

.ict_news_box02_h3 {
  font-size: 16px;

  font-family: "SolaimanLipiNormal";

  color: #3aa473;

  line-height: 20px;

  text-transform: capitalize;
}

.ict_news_box02_h6 {
  font-size: 15px;

  font-family: "SolaimanLipiNormal";

  color: #3d3d3d;

  line-height: 20px;
}

.ict_news_box02_p {
  font-size: 14px;

  font-family: "SolaimanLipiNormal";

  color: #131313;

  line-height: 20px;

  text-align: justify;

  padding-top: 15px;
}

.gallery_box {
  width: 100%;

  overflow: hidden;

  margin-top: 25px;
}

.gallery_box_h3 {
  font-size: 16px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 35px;

  text-align: center;

  background: #3aa473;

  text-transform: capitalize;
}

.rosetta_meaing {
  width: 100%;

  overflow: hidden;

  margin-top: 25px;
}

.page_header2 {
  font-size: 22px;

  font-family: "Open Sans", sans-serif;

  color: #fff;

  line-height: 40px;

  background: #3aa473;

  border-radius: 3px;

  padding-left: 15px;
}

.achivement_table {
  width: 100%;

  overflow: hidden;

  margin-top: 25px;
}

.new_div {
  border: 1px solid red;
}

.section {
}

/*=================================

		New CSS

================================*/

.telecom_statistics_h6 {
  font-size: 18px;

  font-family: "Open Sans", sans-serif;

  color: #424241;

  line-height: 35px;
}

.paragraph_telecom {
  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  color: #000;

  line-height: 25px;

  text-align: justify;

  padding-top: 10px;
}

.span_telecom {
  padding-left: 15px;
}

.archive_list {
  width: 100%;

  overflow: hidden;

  margin-top: 10px;
}

.archive_list ul {
  width: 100%;

  overflow: hidden;
}

.archive_list ul li {
  list-style: none;
}

.archive_list ul li a {
  font-size: 16px;

  font-family: "Open Sans", sans-serif;

  color: #008f4c;

  line-height: 30px;

  padding-left: 15px;
}

.archive_list ul li a:hover {
  text-decoration: none;

  color: #00542d;
}