/*===tool css===*/
@import url("icon.css");/*===import font icon===*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans");/*===import google font - open sans===*/
@import url("bootstrap.css");

body{ /*font-family: 'Open Sans', sans-serif;*/ background-color:#333333;}

.bold {font-weight:bold;}

.clear{ clear:both; }

.whitespace{height:0px;}

.uppercase{ text-transform:uppercase;}

a{text-decoration:none;}

.right{ float:right;}

.left { float:left;}

input, select, textarea
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#wraper{ width:980px; margin:auto;}


/*=== main css ===*/
.acc-col{ width: 50%; float:left;}

.acc-info-img{
	background:url(../images/acc-info.png);
	width:320px; height:40px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
}

.acc-col .styled_title h3 span.button{ margin-top:10px; padding:5px;}

.acc-info-box p { margin-bottom:20px;}

.acc-info-box { 
  border:1px dashed #333;
  padding:20px;
  margin-top:20px; 
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
 }
 
.acc-overview-img{
  background: url(../images/overview.png);
  float:left; 
  width:40px; 
  height:273px; 
  margin-left:70px;
  text-indent: 100%; 
  white-space: nowrap;
  overflow: hidden;
}

.acc-overview-data{ 
  width:350px; 
  float:right; 
  border:1px solid #333;
  text-align:center;
  margin-bottom:10px;
  box-shadow:0px 1px 4px #888888;
}

.acc-overview-data .title { background:#333; color:#fff; padding:10px;}

.acc-overview-data .view { color:#fff; padding:10px;}

.acc-overview-data a {  color:#00aeef; font-size:24px; font-weight:bold; padding:10px; }

.acc-overview-data a:hover,th a:hover, td a:hover  {color:#70c3dc;}

.alert-message{
  height:40px;
  line-height:40px;
  padding-left:20px;  
  color:#fff;
  background-image: linear-gradient(bottom, rgb(197,59,59) 19%, rgb(200,62,62) 80%);
  background-image: -o-linear-gradient(bottom, rgb(197,59,59) 19%, rgb(200,62,62) 80%);
  background-image: -moz-linear-gradient(bottom, rgb(197,59,59) 19%, rgb(200,62,62) 80%);
  background-image: -webkit-linear-gradient(bottom, rgb(197,59,59) 19%, rgb(200,62,62) 80%);
  background-image: -ms-linear-gradient(bottom, rgb(197,59,59) 19%, rgb(200,62,62) 80%);  
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.19, rgb(197,59,59)),
  color-stop(0.8, rgb(200,62,62)));
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.8),inset 0 -1px 1px rgba(0,0,0,0.5), 0px 1px 4px #888888;
 
}
.alert-message a {
	font-weight:bold;
	color:#fff;	
}

.styled_title { 
	margin-bottom:10px; 
	font-size:24px; 
	color:#333;
	text-transform:uppercase;
}

.styled_title a {
	color:#00aeef; 
}
		
.styled_title h3 span.button { 
  background:#00aeef; 
  font-size:13px; 
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
  text-transform:lowercase;
  margin-left:5px;
  padding:4px;
}

.styled_title h3 span a { color:#fff; }

.zebra-striped { width:980px; color:#666666;}

th, td 
{ 
  font-weight:normal;
  text-align:center; 
  font-size:14px; 
  line-height:1.2em;
 }
table.user tr td{text-align:left; padding-bottom:15px;}

th a, td a{ color:#00aeef; font-weight:bold;}

th.title{
  background:#333;
  height:40px;
  line-height:40px;
  color:#fff;
  border-right:1px solid #181818;
  font-size:16px;
  border-bottom:2px solid #aaa;
}

th.title-last{ 
  background:#333;
  height:40px;
  line-height:40px;
  color:#fff; font-size:16px;
  border-bottom:2px solid #aaa;
}

.data-highlight{
  background:#f2f2f2;
  padding-top:10px;
  padding-bottom:10px;
  border-right:1px solid #181818;
  border-bottom:1px solid #aaa;
}

.data-highlight-last{
  background:#f2f2f2;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #aaa;
}

.data-none-highlight{
  padding-top:10px;
  padding-bottom:10px;
  border-right:1px solid #181818;
  border-bottom:1px solid #aaa;
}

.data-none-highlight-last{
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #aaa;
}

/*===form====*/
#contact-page h2.title { font-size:24px; color:#333; padding-bottom:10px;}

#contact-page h2.title span{ font-size:14px; font-weight:normal; color:#00aeef;}

#contact-page form { 
  width: 645px;  
  padding:40px 20px 40px 20px;
  font-size:14px
  }
  
#contact-page textarea {
  width:400px; 
  height:200px;
  border-radius:6px; 
  border:1px solid #a6a6a6;  
  padding:5px 5px 5px 10px; 
  line-height: 14px;
	}
	
#form-title { 
  height:40px; 
  width:980px; 
  background:#333;
}

#form-title-2 { 
  height:75px; 
  width:750px; 
  background:#333; 
  margin:auto;
}

#form-title h2{ 
  font-size:24px; 
  color:#fff; 
  line-height:40px; 
  text-align:center; 
  text-transform:uppercase;
}

#form-title-2 h2 { 
  font-size:24px; 
  color:#fff; 
  text-align:center; 
  text-transform:uppercase; 
  padding-top:15px;
}

#form-title-2 h2 span {font-size:16px;}

#form-box, #form-box-2 { 
  padding:40px 20px 40px 20px; 
  border:1px solid #a6a6a6; 
  font-size:14px;
}

#form-box-2 { width:708px; margin:auto;}

#form-box .profile.left-side, #form-box .right-side { width:460px;}

#form-box .profile.left-side { float:left;}

#form-box .profile.right-side {float:right;}

#form-box .profile.left-side label, #form-box .right-side label, #form-box-2 label, #contact-page label { 
  font-weight:bold; 
  text-align:justify; 
  margin-right:10px; 
  width:175px; 
  display:block; 
  float:left; 
  border-bottom:1px dashed #a6a6a6; 
  padding:15px 0 15px 0;
  color:#333;
}

#form-box .left-side input, 
#form-box .left-side select, 
#form-box .right-side input, 
#form-box .right-side select, 
#form-box-2 input, 
#form-box-2 select,
#contact-page input{ 
  height:40px; 
  border-radius:6px; 
  width:260px; 
  border:1px solid #a6a6a6;  
  padding:5px 5px 5px 10px; 
  line-height: 14px;
}

#form-box-2 textarea { 
  height:200px; 
  border-radius:6px; 
  width:500px; 
  border:1px solid #a6a6a6;  
  padding:5px 5px 5px 10px; 
}

#form-box .left-side p, #form-box .right-side p, #form-box-2 p, #contact-page p{ margin-bottom:10px;}

#form-box .left-side input:focus,
#form-box .left-side select:focus,
#form-box .right-side input:focus,
#form-box .right-side select:focus,
#form-box-2 input:focus,
#form-box-2 select:focus,
#form-box-2 textarea:focus,
#contact-page input:focus,
#contact-page textarea:focus{
	border-color: #0099FF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 0 4px rgba(0, 153, 255, 0.6);
	}
	
#contact-page .blue-button {
	color:#fff; 
  background:url(../images/blue-button.gif); 
  width:243px; 
  height:40px; 
  border:1px solid #83cce8; 
  font-size:14px; 
  font-weight:bold; 
  text-transform:uppercase; 
  box-shadow:0px 1px 3px #cccccc;
  /*margin-left:185px;*/
	
}

.red-button { 
  color:#fff; 
  background:url(images/red-button.gif); 
  width:243px; 
  height:40px; 
  border:1px solid #eea6a9; 
  font-size:14px; 
  font-weight:bold; 
  text-transform:uppercase; 
  box-shadow:0px 1px 3px #cccccc;
  /*margin-left:185px;*/
}

.green-button { 
  color:#fff; 
  background:url(../images/green-button.gif); 
  width:243px; 
  height:40px; 
  border:1px solid #a3d39c; 
  font-size:14px; 
  font-weight:bold; 
  text-transform:uppercase; 
  box-shadow:0px 1px 3px #cccccc;
}

.red-button:hover, .green-button:hover, .blue-button:hover { cursor:pointer; opacity:0.9;}

#center-button { width:500px; margin:40px auto 0 auto;}

#right-button {  
  width:500px; 
  float:right; 
  margin-top:40px;
}

#form-footer{ 
  width:980px; 
  height:40px; 
  background:#333; 
  box-shadow:0px 2px 1px #cccccc;
}

#form-footer-2{ 
  width:750px; 
  height:40px; 
  background:#333; 
  margin:auto; 
  box-shadow:0px 2px 1px #cccccc;
}

#main-content {width:645px; float:left; font-size:14px; line-height:1.2em;}

.stripline {background:url(../images/strip-line-template.png); width:645px; height:10px;}

#text .left-side, #text .right-side { margin:20px 0 20px 0; } 

#text .left-side{ width:307.5px; float:left;  padding-right:12px; }

#text .right-side {width:306.5px; float:right; border-left:1px dashed #aaa; padding-left:15px; }



p.big { font-size:24px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; margin-top:10px; border-bottom:1px dashed #aaa; line-height:1em; text-align:justify;}

#sidebar {width:295px; float:right;}

#sidebar .title { background:#333; color:#fff; font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:-2px; margin-bottom:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#sidebar .title .line {background:url(../images/sidebar-title-line.png); width:295px; height:14px; background-repeat:no-repeat;}
#sidebar .title .line1 {background:url(../images/sidebar-title-line.png); width:295px; height:6px; background-repeat:no-repeat; margin-top: 9px;}

p.big {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #aaa;
	line-height: 1em;
}

.accordion-group  { background:#333; font-size:14px; border:none;}

.accordion-group a { color:#fff;}

.accordion-inner { background:#f2f2f2}

.accordion-inner a {color:#666;}

.accordion-inner a:hover {color:black;}

.accordion-inner li {
  padding-top:10px; 
  padding-bottom:10px; 
  border-bottom:1px dashed #aaa;
  }

.accordion-inner li:first-child{ padding-top:0;} 

.accordion-inner li:last-child {padding-bottom:0; border:none;}

#sidebar .sidebar-button {
  background:url(../images/sidebar-button-bg.png); 
  width:100%; height:55px; 
  border:1px solid #00678c; 
  border-radius:2px; 
  cursor:pointer; color:#fff;
  font-size:14px; 
  text-align:center; 
  font-weight:bold; 
  text-transform:uppercase; 
  padding:10px 6px;  
  display:block; 
  margin-top:20px; 
  text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 8px 6px -6px #aaa;
  -moz-box-shadow: 0 8px 6px -6px #aaa;
  box-shadow: 0 8px 6px -6px #aaa;
	 }
	 
#sidebar .sidebar-button:hover{ 
-moz-box-shadow:inset 0 0 5px #fff, 0 8px 6px -6px #aaa;;   
-webkit-box-shadow: inset 0 0 5px #fff, 0 8px 6px -6px #aaa;;   
box-shadow:inset 0 0 5px #fff, 0 8px 6px -6px #aaa;;
}
#sidebar .sidebar-button:active { -moz-box-shadow:inset 0 0 5px #007fa9;   
-webkit-box-shadow: inset 0 0 5px #007fa9;   
box-shadow:inset 0 0 5px #007fa9; }

#sidebar .sidebar-button span{ font-size:12px; margin-top:11px; display:block;}


#order-page .hor-line { 
	background:url('../images/hor-line.png'); 
	width:980px;
	height:25px;
}

#order-page .ver-line { 
	background:url('../images/ver-line.png'); 
	width:25px;
	height:294px; float:left;
}

#order-page .first-box 
{
	height:294px;
	width:310px;
	float:left;
	background:#333;
	color:#fff;
}

#order-page .first-box h2{
	font-size:24px; 
	text-transform:uppercase;
	text-align:center;
	padding: 18px 0 25px 0;
}

#order-page .first-box h2 a
{ color:#00aeef; margin-top:50px; display:block;}

#order-page .first-box h2 a:hover
{ color:#fff;}

#order-page .first-box p {
	padding-left:30px; 
	padding-right:30px; 
	font-size:14px; 
	line-height:1.4em;
}
	
#order-page .box {
	height:294px;
	width:310px;
	float:left;
	position:relative;
	
}
#order-page .box h3 {
	font-size:16px;
	font-weight:bold;
	color:#333;
	padding: 18px 0 10px 30px;
}
#order-page .box ul li a {
	font-size:14px;
	color:#00aeef;
	line-height:2em;
	padding-left:30px;
	text-transform:uppercase;
}
#order-page .box ul li a:hover
{
	color:#333;
}

#order-page .box #icon-1
{ position:absolute;
bottom:10px; right:10px;
background:url(../images/icon-1.png);
height:86px; width:99px;
}

#order-page .box #icon-2
{ position:absolute;
bottom:10px; right:10px;
background:url(../images/icon-2.png);
height:87px; width:51px;
}

#order-page .box #icon-3
{ position:absolute;
bottom:10px; right:10px;
background:url(../images/icon-3.png);
height:87px; width:97px;
}

#order-page .box #icon-4
{ position:absolute;
bottom:10px; right:10px;
background:url(../images/icon-4.png);
height:87px; width:92px;
}

#order-page .box #icon-5
{ position:absolute;
bottom:10px; right:10px;
background:url(../images/icon-5.png);
height:87px; width:87px;
}
	
.testimonial {
    margin: 0;
    background: #00aeef;
    padding: 10px 50px;
    position: relative;
    color: #fff;
    border-radius: 5px;
    font-style: italic;
    font-size:14px;
	
   
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #fff;
    font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
}

.testimonial:before {
    top: 0;
    left: 10px;
}
.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #00aeef;
    margin: 0 0 0 25px;
}
.testimonial-author {
    margin: 0 0 0 25px;
    color: #333;
    text-align:left;
	font-weight:bold;
}

.testi-col {
	width:45%;
	margin-left:1em;
	float:left;
	margin-bottom:30px;
	line-height:2.0em;
}
.review-right img:hover {
	margin-top: -151px;
}
.review-right img {
	
	 }
	 .review-template .col {
	position: relative;
	width: 20%;
	float: left;
	padding-left: 1em;
}
.review-template img:hover {
	margin-top: -104px;
}
.review-template a {
	height: 104px;
	overflow: hidden;
	width: 124px;
	border: solid 5px #f2f2f2;
	box-shadow: 2px 2px 5px #a1a1a1;
}
.review-right a, .review-template a {
	display: block;
	text-decoration: none;
	margin-bottom: 30px;
}
.nos {	
	margin-bottom: 20px;
}
.nos:first-child {
	margin-top: 30px;
}
.nos .inner {
	border-bottom: 1px dashed #aaa;
	border-left: 1px dashed #aaa;
	border-right: 1px dashed #aaa;
	padding:15px; 

}
.nos .inner p:nth-child(2) {
	padding: 1.2em 0;
}
.nos h3.title {
	color:#fff;
	font-size: 24px;
	text-align: center;
	background: #333;
	padding: 5px 15px;
}
.nos h3.title img {
	float: left;
	margin-top:0px; 	
}	
.nos h3.title span {
	margin-left: -61px;
}
ul.list-page  {
	font-weight:bold;
	list-style-type: circle;
	list-style-position:inside;
}

ul.list-page li {	
	margin-bottom: 5px;
	text-align:justify;
}