@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(../images/main_bg.gif) top center;}
html { padding:0; margin:0; }
/* main */
.main { width:978px; padding:0; margin:0 auto; background:#ffffff; border:1px solid #f2f2f2; }
/********** header **********/
.header { padding:0; margin:0 auto; }
.block_header { margin:0 auto; width:980px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0; width:228px; padding-top:10px; padding-left:20px; }
.logo a img{width:420px; height:100px; border:0;}
/*.call { float:left; padding:0; margin:0; width:228px; padding-top:45px; padding-left:350px;}*/
.call{ width:25px; height:25px;}
/*social media*/
.social{ float:right; margin-top:20px;}
.social img{width: 31px; height: 31px; -webkit-border-radius: 99%; -moz-border-radius: 99%; -o-border-radius: 99%; border-radius: 99%; display: inline-table; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-repeat: no-repeat; background-position: center; background-color: #c5c5c5;}
.social img:hover{background-color: #A54686;}
/* search */
/*.search { padding:10px 20px 0 0; width:284px; margin:0; background:url(images/main_search_bg.gif) top repeat-x; height:40px; }
.search h2 { width:200px; float:left; font: normal 18px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:3px 0 0 5px; margin:0; }*/

/* ------ menu ------- */	
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #132C4B;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}
#cssmenu > ul {
  background: #132C4B;
}
#cssmenu > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 20px;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
  text-decoration: none;
  background: #132C4B;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#cssmenu > ul > li.active > a {
  color: #FFFFFF;
  background-color:#979A9D;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #EDEDED;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #EDEDED;
  background: #979A9D;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #132C4B;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #EDEDED;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #132C4B;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #EDEDED;
  border-bottom: 2px solid #EDEDED;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #EDEDED;
}
/*-----  Index Portfolio  -----*/
.header_text { width:932px; margin:0 auto; padding:0; border-top: 6px solid #f0f0f0; border-bottom:6px solid #132C4B; }

.header_text2 { width:978px; margin:0; padding:0;}
.bg1 { clear:both; border-top:1px solid #A54686; padding:10px 0 10px 20px; }
.header_text2 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:30px 0 0 30px; margin:0; }
/*.header_text2 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 0 10px 30px; margin:0; }*/
.header_text2 div.menu2 { border-top:1px solid #e2e2e2; width:958px; margin:0; padding:10px 0 10px 20px; }
.header_text2 a { font: normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:10px 15px; margin:0; text-decoration:none; }
#index_portfolio { float: left; width:100%; margin:0; padding:0; }
.itemidx { float: right; overflow: hidden; cursor: pointer; position: relative; height: 313px; }
.itemidx img { margin:0; padding:0; float:none; }
#index_portfolio .itemidx a { width: 100%; height: 313px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 313px; float: left; position: absolute; display: block; }
#index_portfolio .itemidx .caption { position: absolute; padding: 0; float: left; }
#index_portfolio .itemidx .caption h2 { font-weight: bold; }
#index_portfolio .itemidx .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }
/*FBG*/
.FBG { margin:0; padding:20px 0;}
.FBG_resize { width:978px; margin:0 auto; padding-top:20px; border-top:1px solid #A54686; background:#fafafa; z-index:-1; }
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; }
.FBG p { font:normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c; line-height:1.8em; padding:5px 5px; margin:0; }
.FBG p span { color:#cb6700; }
/*.FBG a { color:#A54686; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif; background:#ebebeb; padding:3px; margin:0; }*/
.FBG img.news { float: left; margin:10px 5px; padding:0; }
.FBG ul { margin:10px auto; padding:0; list-style:none; }
.FBG li { background:url(../images/fbg_ul_li.gif) left no-repeat; padding:2px 0 2px 20px; margin:0; font: bold 12px Arial, Helvetica, sans-serif; color:#808080; }
/*.search form { display:block; float:right; padding:0; }
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:161px; padding:0 5px; height:33px; }
.search form .keywords { width:149px; line-height:17px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000; }
.search form .button { float:left; margin:0; padding:0; }*/
/****Recent **/
.Recent { width:275px; float:left; padding:5px 0; margin:0 0 0 54px; }
.RecentIE { width:275px; float:left; padding:5px 0; margin:0 0 0 40px !important; margin:0 0 0 20px;}
.Recent2 { width:299px; float:right; padding-right:30px; padding-top:5px; margin:0; }
/********** process **********/
.process { overflow: hidden; border-radius: 2px; margin-bottom: 15px; font-family:Calibri; padding-top:30px; }
.process .step {
    float: left;
    width: 25%;
    padding: 15px 15px 0;
    color: #fff;
    min-height: 265px;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.process .step.step1 {
    background: #5a5a5a;
}
.process .step.step2 {
    background: #4a4a4a;
}
.process .step.step3 {
    background: #3e3e3e;
}
.process .step.intro {
    background: #979A9D !important;
    text-align: left;	
	/*border:#132C4B 2px solid;*/
	/*color:#CCCCCC;*/
}
.process .step h3 {
    font-size: 24px;
	line-height: 20px;
}
process .step.intro > h3 strong {
	font-size: 120%;
    display: block;
	font-weight:bold;		
}
.process .step.intro > h3 {
    margin-top: 0;
    line-height: 1;
    font-weight: 500;
	padding-left: 30px;
	font-size: 24px;
}
.process .step.intro > h3 strong {
    font-size: 120%;
    display: block;
	font-weight: bold;
}
process .step .icon {
    margin: 20px 0 15px;
    min-height: 50px;
    line-height: 50px;
}

/********** Tital **********/
.span12 {width: auto;}
.smallm_title.bigger {
    font-size: 18px;
}
.smallm_title.centered {
    text-align: center;
}
.smallm_title {
    color: #132C4B;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: 800;
    border-bottom: 1px solid #A54686;
    margin: 0 0 20px;
}
.span12 h4{line-height: 20px;}
.smallm_title span {
    padding-bottom: 9px;
    display: inline-block;
    border-bottom: 1px solid #A54686;
    position: relative;
}

/*----------------	Services Styles ------------------*/
section { padding-top: 30px; /*margin-top: -85px;*/ }
section .outer_container { margin-bottom: 10px; /*background-color: #eeeeee;*/  }
section .row { margin-left: 0; margin-right: 0; overflow: hidden; }
.services_buttons .icon-button:last-of-type { margin-bottom: 0; }
.services_buttons .icon-button {
	font-size: 400%;
	color: white;
	background-color: #A54686;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 100%;
	height: 100%;
	max-width: 90px;
	max-height: 90px;
	line-height: 90px;
}
.services_buttons  .icon-button:hover, .services_buttons  .icon-button.active {	background-color: #132C4B; }

#services h1 { background-color: #e98714; }
#services .col-md-2 { padding-right: 0; }
#services .fa { line-height: 90px; }
#services_content {height: auto; }
#services_content .tab-pane {  padding: 15px; }
#services_content a { color: #FFFFFF; }
#services_tabs { padding-left: 0px; }
/*http://cssarrowplease.com/*/
.arrow-box { position: relative; color: white; background-color: #132C4B; border-radius: 4px; margin-left: 30px; height: 100%;}
.arrow-box h3{ color: #FFF;}
.arrow-box b{ color: #C1C1C1;}
.arrow-box p{ color: #9c9c9c; text-align:justify;}
.arrow-box ul{ color: #9c9c9c; text-align:justify;}
.arrow-box ul li{ padding:0x 10px 0; line-height:2; }
.arrow-left { display: block; width: 30px; height: 58px; background: url(../images/left_arrow.png) no-repeat 0 0; position: absolute; left: 1px; margin-top: 20px; }

/********** block index **********/
.body { margin:0; padding:0;  }
.body_resize { width:936px; margin:0 auto; padding:20px 0 0 0; border-bottom:1px solid #A54686; }
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; }
.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c; }
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c; padding:5px; margin:0; line-height:1.8em; }
#kk p { font: normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px 5px; margin:0; line-height:1.8em; }
.body_resize a { color:#A54686; text-decoration:none; font-weight:bold; float:right; }
.body_resize a:hover { color:#132C4B;}
.body_resize img { margin:5px; padding:0; }
.body_resize img.center { margin:0 1px; padding:0; }
.body_resize img.floated { float:left; margin:0; padding:20px 0 0 0; }
.body_resize .data { float:left; width:101px; background:url(images/bg_data_news.gif) top no-repeat; padding:5px 0; margin:20px 0 0 0; text-align:center; height:27px; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; }
.left { width:572px; float:left; margin:0; padding:0px 10px; }
.left p { font: normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:10px 5px; margin:0; line-height:1.8em; }
.left ul { margin:0 0 0 20px; padding:0; list-style:outside; }
.left li { padding:2px 0 2px 20px; font: normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:10px 5px; margin:0;}

.block_body { width:264px; float:left; margin:0 12px; padding:10px 10px 20px 10px; }
.block_body2 { width:210px; float:left; margin:0 10px; padding:20px 0; }
.block_body2 p { font: normal 12px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 0; margin:0; line-height:1.8em; }
.arroww { width:100px; margin:0 auto; padding:0; }
.right { width:313px; float:right; margin:0; }
.right a{ float:none; }
.right1 { width:313px; float:right; margin:0; padding:10px 10px; background:#2b2b2b;}
/*.right { width:313px; float:right; margin:0; padding:10px 10px; background:#2b2b2b; }*/
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#132C4B; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5f5f5f; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:300px; border:1px solid #132C4B; margin:2px 0; padding:5px 2px; height:16px; background:#fafafa; float:left; }
#contactform textarea { width:300px; border:1px solid #132C4B; margin:2px 0; padding:2px; background:#fafafa; float:left; }
#contactform li.buttons input { padding:10px 0 3px 0; margin:0; border:0; color:#FFF; float:left; }
p.response { text-align:center; color:#F00; font: normal 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto; }
/*************footer**********/
.footer_resize { width:940px; margin:0 auto; padding:10px 20px; background:#132C4B; border:1px solid #1E3859; }
.footer { padding:0px 0; margin:0; }
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#9c9c9c; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#9c9c9c; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:60%; margin:0; padding:10px 0 0 0; float:left; }
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right; }
.footer p span{ color:#CCCCCC;}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #4b4b4b; padding:0; margin:10px 0; background:none; line-height:0; }
/* !!! */
/*.post_date_block { background: url(images/img_logo.gif) top no-repeat; position:absolute; width:18px; height:68px; margin:41px 0 0 -18px !important; margin:41px 0 0 -246px; padding:10px 0 0 0; }
.post_date_block2 { background: url(images/RSS.gif) top no-repeat; position:absolute; width:26px; height:50px; margin:0 0 0 -26px; padding:0; z-index:5;}
.post_date_block2 a { float:none; margin:0; padding:0;}
.right_hot_deal3 { background: url(images/search_img.gif) top no-repeat; position:absolute; width:18px; height:68px; margin:0 0 0 978px !important; margin:0 0 0 978px; padding:0; }
.right_hot_deal { background: url(images/twitter.gif) top no-repeat; position:absolute; width:27px; height:50px; margin:-100px 0 0 978px !important; margin:-100px 0 0 980px; padding:0; }*/
.right_hot_deal2 { background: url(images/search_img.gif) top no-repeat; position:absolute; width:18px; height:68px; margin:0 0 0 304px !important; margin:0 0 0 304px; padding:0; }

/* tab code*/
/** Start: to style navigation tab **/
			/* Container */
			.nav {
			  margin-bottom: 18px;
			  margin-left: 0;
			  list-style: none;
			  float:right;			  
			}

			.nav > li > a {
			  display: block;
			}
			
			.nav-tabs{
			  *zoom: 1;			  
			}

			.nav-tabs:before,
			.nav-tabs:after {
			 display: table;
			  content: "";
			}

			.nav-tabs:after {
			  clear: both;
			}

			.nav-tabs > li {
			background-color:#A54686;
			width:313px;			  
			}

			.nav-tabs > li > a {
			color:#FFFFFF;
			  padding-right: 12px;
			  padding-left: 12px;
			  margin-right: 2px;
			  line-height: 14px;
			}

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

			.nav-tabs > li > a {
			  padding-top: 8px;
			  padding-bottom: 8px;
			  line-height: 18px;
			  border: 1px solid transparent;			  
			}

			.nav-tabs > li > a:hover {
			  /*border-color: #eeeeee #eeeeee #dddddd;*/			  
			  background-color:#132C4B;
			}

			.nav-tabs > .active > a,
			.nav-tabs > .active > a:hover {
			  color: #555555;
			  cursor: default;
			  background-color: #FFFFFF;			  
			  border-left-color: transparent;			  
			}
			
			li {
			  line-height: 18px;
			}
			
			.tab-content.active{
				display: block;
			}
			
			.tab-content.hide{
				display: none;
			}	
		/** End: to style navigation tab **/

/*likebox*/
#likebox-frame {
height: 200px;
left: 0;
overflow: hidden;
position: relative;
top: -2px;
width: 300px;
z-index: 10;
}
#likebox-frame iframe {
left:-1px;
overflow:hidden;
position:relative;
top:-1px;
}
.box.side{ 

	border:1px solid #dddddd;

    }
/**/
.e > li {
			background-color:#A54686;
			width:313px;			  
			}

			.e > li > a {
			color:#FFFFFF;
			  padding-right: 12px;
			  padding-left: 12px;
			  margin-right: 2px;
			  line-height: 14px;
			}

			.e > li {
			  margin-bottom: -1px;
			}

			.e > li > a {
			  padding-top: 8px;
			  padding-bottom: 8px;
			  line-height: 18px;
			  border: 1px solid transparent;			  
			}

			.e > li > a:hover {
			  /*border-color: #eeeeee #eeeeee #dddddd;*/			  
			  background-color:#132C4B;
			}

			.e > .active > a,
			.e > .active > a:hover {
			  color: #555555;
			  cursor: default;
			  background-color: #FFFFFF;			  
			  border-left-color: transparent;			  			  
			}
			
			li {
			  line-height: 18px;
			}
/*expert*/
marquee{width:300px;}
/*box*/
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.silos .bubble p { font-size: 16px; line-height: 1.4;  }
.four { width: 33.33333%; }
.columns { float: left; min-height: 1px; padding: 0 15px; position: relative; padding-right:37px; }
.bubble { margin-top: 3px; width: 100%; -webkit-box-shadow: 0px 3px 6px 1px rgba(100, 100, 100, 0.2);
box-shadow: 0px 3px 6px 1px rgba(100, 100, 100, 0.2); background: white; padding: 9px; -webkit-border-radius: 8px;
border-radius: 8px; border: 1px solid #eee; }