/*-----------------------------------------------------------------------------------

	Template Name: Line
	Template URI: http://www.deliciousthemes.com
	Description: Business / Corporate Template
	Author: Madalin Tudose
	Author URI: http://www.deliciousthemes.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

	1. CSS Reset & Clearfix
	2. Document Setup (body, common classes, etc)
	3. Columns
	4. Typography
		4.1. Dropcaps
		4.2. Highlighted Text
	5. Header
	6. Main Content
		6.1. Nivo Slider
		6.2. Jcarousel
		6.3. Sidebar	
		6.4. Portfolio
		6.5. Blog
			6.5.1. Comments
			6.5.2. Pagination		
		6.6. Contact
	7. Footer
		7.1. Twitter
		7.2. Flickr
		7.3. Social Icons
	8. Elements
		8.1. Slides Plugin - for Portfolio Single Page
		8.2. Buttons
		8.3. Tabs
		8.4. Toggles
		8.5. Accordions
		8.6. Tables
		8.7. Info Boxes
		8.8. Lists

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700|Roboto+Condensed:400,700|PT+Sans:400,700);

 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);


html{
	overflow-y:scroll;}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,   sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,textarea {
	font: 12px/20px;	
	font:inherit;
	resize:none;
}

* { _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links */



/*-----------------------------------------------------------------------------------*/
/*	2.	Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
	font: 12px/20px  Verdana, Geneva, sans-serif, Arial, Open Sans, Helvetica,  sans-serif;
	background:#fff url(../images/bg.jpg) repeat-x  fixed 0 0;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.03em;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:1120px;
	margin-top:0px;
	margin-bottom:0px;
	/*box-shadow: 0px 0px 10px #dedede;*/
	background: rgba(2,102,156,1);
background: -moz-linear-gradient(top, rgba(2,102,156,1) 0%, rgba(1,147,200,1) 30%, rgba(1,147,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,102,156,1)), color-stop(30%, rgba(1,147,200,1)), color-stop(100%, rgba(1,147,200,1)));
background: -webkit-linear-gradient(top, rgba(2,102,156,1) 0%, rgba(1,147,200,1) 30%, rgba(1,147,200,1) 100%);
background: -o-linear-gradient(top, rgba(2,102,156,1) 0%, rgba(1,147,200,1) 30%, rgba(1,147,200,1) 100%);
background: -ms-linear-gradient(top, rgba(2,102,156,1) 0%, rgba(1,147,200,1) 30%, rgba(1,147,200,1) 100%);
background: linear-gradient(to bottom, rgba(2,102,156,1) 0%, rgba(1,147,200,1) 30%, rgba(1,147,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02669c', endColorstr='#0193c8', GradientType=0 );
}




a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	color:#444;
}

p {
	margin-bottom:10px;
	text-align:justify;
 }

.clear {
	clear:both;
}

.aligncenter {
	text-align:center;
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}
 
#bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.bgwidth { 
	width: 100%; 
}

.bgheight { 
	height: 100%; 
}
 
 
.space {
    height:20px;
    width:100%;
	clear:both;
}

label {
    color:#fff;
    display:block;
    font-weight:normal;
}

label.error {
    color: red;
    font-style: italic;
    margin: 5px 0 10px 0;
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
   background:#92cfe5;
    border:1px solid #92cfe5;
}

input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    border:1px solid #EBEBEB;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
    font-family:Arial;
    font-size:12px;
    margin:5px 0;
}

input.text, input.title, select {
    padding:5%;
    width:89%;
}

input.title {
    font-size:13px;
}

textarea {
    height:80px;
    padding:2% 2%;
    width:89%;
}

form.inline {
}

form.inline p {
    margin-bottom:0;
}



/*-----------------------------------------------------------------------------------*/
/*	3.	Columns
/*-----------------------------------------------------------------------------------*/

.one-half { width: 460px }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth { width: 220px; }
.three-fourth { width:700px; }
.one-sixth { width: 140px; }
.five-sixth { width: 780px }

.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
	position: relative;
	margin-right:20px;
	float: left;	
}

.percent-one-half { width: 48%; }
.percent-one-third { width: 30.66%; }
.percent-two-third { width: 65.33%; }
.percent-one-fourth { width: 22%; }
.percent-three-fourth { width: 74%; }
.percent-one-fifth { width: 16.8%; }
.percent-two-fifth { width: 37.6%; }
.percent-three-fifth { width: 58.4%; }
.percent-four-fifth { width: 67.2%; }
.percent-one-sixth { width: 13.33%; }
.percent-five-sixth { width: 82.67%; }

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.column-right {
	float:right;
}
.column-last {
	margin-right: 0!important;
	clear: right;
}



/*-----------------------------------------------------------------------------------*/
/*	4.	Typography
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family:"Roboto Condensed";
	font-weight:normal;
	color:#fff;
	letter-spacing:0.03em;
}

h1 {
	font-size:32px;
	line-height:40px;
	margin-bottom:13px;	
}

h2 {
	font-size:24px;
	line-height:32px;
	margin-bottom:13px;
}

h3 {
	font-size:18px;
 	margin-bottom:20px;	
}

h4 {
	font-size:16px;
	line-height:22px;
	margin-bottom:20px;	
}

h5 {
	font-size:14px;
	line-height:20px;
	margin-bottom:15px;
}

h6 {
	font-size:13px;
	line-height:20px;
	margin-bottom:20px;
	font-weight:600;
}	


/*--- 4.1. Dropcaps ---*/

.dropcap1 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #666666;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 36px;
    margin: 4px 10px 2px 0;
    padding: 12px 6px;
    text-shadow:0 1px 0 #fff;
}

.dropcap2 {
    float: left;
    font-size: 36px;
	line-height:26px;
    padding-right: 10px;
    padding-top: 8px;
}

.dropcap3 {
    float: left;
    font-size: 36px;
	line-height:30px;
    font-style: italic;
    padding-right: 10px;
	padding-top:8px;
}


/*--- 4.2. Hightlighted Text ---*/

.highlight {
    padding: 1px 3px;
}

.highlight.redish {
    background-color: #ffcccf;
    color: #A14A40;
}

.highlight.bluish {
    background-color: #D7E7F5;
    color: #5E6984;
}

.highlight.yellowish {
    background-color: #FFF9CC;
    color: #736B4C;
}

.highlight.greenish {
    background-color: #E2F2CE;
    color: #466840;
}

.highlight.dark {
    background: #333333;
    color:#fff;
}

pre, code {
    background-color: #F5F5F5;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;
    font-family: monospace;
    font-size: 11px;
    padding: 10px;
}

pre, code {
    margin-bottom:10px;
}

blockquote {
    border-left: 2px solid #ebebeb;
    color: #787878;
    font-size: 16px;
    font-style: italic;
    line-height:24px;
    margin: 20px 50px;
    padding: 0 0 5px 15px;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Header
/*-----------------------------------------------------------------------------------*/

#header {
	width:100%;
	margin:0 auto;
	border-bottom:0px solid #ebebeb;
	margin-bottom: 0px;
	height:110px;background:#0192c8;
}

.pull-right{
	float:right}

.header-features > li {
  display: inline-block;
  margin-top:5px;
  margin-left:5px;
  vertical-align: middle;
}
.header-features > li:last-child {
  margin-right: 5px;
}
.header-features > li img {
  float: left;
  margin-right: 7px;
  display: block;
   text-align: center;
   color: #fff;
  
}
.header-features > li .header-feature-caption {
  display: table;
}
.header-features > li .header-feature-title {
  font-size:16px;
  font-weight:600;
  font-style:italic;
  letter-spacing:.06em;
  text-transform: uppercase;
  margin-bottom: 1px;
  line-height: 1em;
  color: #6e6e6e;
  margin-top: 4px;
}
.header-features > li .header-feature-sub-title {
  margin: 0;
  font-size: 13px;
  color: #949494;
} 


.logo {
 	height:65px;
	margin-top:20px;
 }

.logo img {
 	bottom:0;
  }

.trademark{
 	bottom:0;
	top:20px;
	float:right;
 	 }


#navigation {
	float:left;
 	background:url(../images/nav-bg.png) repeat-x;
	width:100%;
}

ul#mainnav {
	float:left;
	position:relative;
	display:block;
}

ul#mainnav li {
	display:inline-block;
	float:left;
	position:relative;
	z-index:1000;
	border-right:1px solid #7e6200;
}

ul#mainnav li:last-child {
	display:inline-block;
	float:left;
	position:relative;
	z-index:1000;
	border-right:0px solid #7e6200;
}

ul#mainnav li ul li {
	border-left:1px solid #ebebeb;
}

ul#mainnav li a {
	font: 13px/20px 'Open Sans', Open Sans, Helvetica, Arial, sans-serif;
	position:relative;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
 	margin:0 26.33px;
  	padding:0;
	height:40px;
	line-height:40px;
	display:inline-block;
	*display:block; /* IE7 Hack */
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
	z-index:100;
}
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {
	border-bottom:1px solid #ebebeb;
	margin-bottom:-1px;
}

ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active {
	margin-bottom:0;
	border-bottom:0px solid #ebebeb;
}

ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current {
	color:#444;
	margin-bottom:-1px;
}

ul#mainnav li ul li a.current {
	margin-bottom:0px;
	border-bottom:0px solid #ebebeb;
}

ul#mainnav li ul li {
	background:#fff;
	margin:0;	
	float:left;
	width:100%;
	
}

ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active  { /* visited pseudo selector so IE6 applies text colour*/
	height:34px;
	width:170px;
	margin:0 15px;
	display:block;
	padding:0px;
	background:#fff;
	text-decoration:none;
	border-bottom:1px solid #ebebeb;	
	z-index:1100;
	position:relative;
}
	
.nav-last-item {
	border-bottom:3px solid #515151;
}

.nav-first-item {
	z-index:1000;
	position:relative;
}

#nav ul#mainnav > li > ul > li.nav-last-item > a, #nav  ul#mainnav > li > ul > li > ul > li.nav-last-item > a {
	border-bottom:0 none;
}

ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover {
	background:#fff;
	color:#333;
	margin-bottom:0px;
	border-bottom:1px solid #ebebeb;
}



/*-----------------------------------------------------------------------------------*/
/*	6.	Main Content
/*-----------------------------------------------------------------------------------*/

.services {
	overflow:hidden;
	margin:30px 0;
}





.clients {
	background: #f9f9f9;	
	overflow:hidden;
	margin-top:75px;
	padding:5px 40px 0;
	border-top:1px solid #f1f1f1;
	text-align:center;
	clear:both;
}
.clients li {
	display:inline;
	margin:10px 15px 9px;
	text-align:center;
}
.clients li img {
	
}
.clients li a {
	opacity:0.15;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);	
	display:inline-block;	
}
.intro {
	position:relative;
	padding:55px 0;
	text-align:center;	
	background:#f9f9f9;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:70px;
}

.intro h2 {
	font-size:22px;
	text-transform:uppercase;
	font-weight:600;
}

.intro h5 {
	color:646464;
}

.intro a:hover {
	color:#444;
}

.centered-wrapper {
	width:1080px;
	margin:0 auto;
}

.centered-wrapper-full-width {
	width:1120px;
	margin:0 auto;
}

.content{
	width:98%;}
	
	
.bg-white{
	background:#fff;
	}
	

.page-title {
	width:100%;
	margin:0 auto;
	clear:both;
 	margin-bottom:20px;
	border-bottom:1px solid #4d9fde;
	/*box-shadow:0 2px 0 0 #0b5f8e;*/
 }

.page-title  .bg-blue{
    	/*background:#0192c8;*/
		color: #fff;
		padding:5px 0 5px   0px;
}



.page-title h2 {
	font-size:18px;
	font-weight: 400;
	margin: 0;
	padding:5px 0 5px  0px;
 	text-transform: uppercase;
 	letter-spacing:0.03em;
/*background:url(../images/arrow.png) no-repeat left  center;*/
}



.page-title1 {
	width:100%;
	margin:0 auto;
	clear:both;
 	margin-bottom:20px;
 	/*box-shadow:0 2px 0 0 #0b5f8e;*/
 }

.page-title1  .bg-blue{
    	/*background:#0192c8;*/
		color: #fff;
		padding:5px 0 5px   0px;
}

.page-title1 h2 {
	font-size:16px;
	font-weight: 400;
	margin: 0;
	padding:5px 0 5px  0px;
 	text-transform: uppercase;
 	letter-spacing:0.03em;
/*background:url(../images/arrow.png) no-repeat left  center;*/
}



















 
.search-form {
	float:right;
	position:relative;
	top:-7px;
}

.search-form  input[type="text"] {
	width:180px;
	height:20px;
	line-height:20px;
	position:relative;
	padding:6px 10px;
	color:#686868;
	display:block;
}

.search-form  input[type="submit"] {
	background:url(../images/search.png) scroll 0 0;
	width:16px;
	height:16px;
	border:0 none;
	text-indent:-9999px;
	cursor:pointer;
	position:absolute;
	top:14px;
	right:10px;
	font-size: 0; 
	display:block; 
	line-height: 0;	
}

.page-title .double-separator {
	margin:0;
}

/*.breadcrumbs {
	font-size:12px;
	padding:10px 0;
	width:100%;
	overflow:hidden;
}
*/
.service-item {
	overflow:hidden;
}

.service-item p {
	margin-bottom:10px;
}

.img-srv {
	width:16px;
	height:16px;
	opacity:0.6;
	margin:20px;
}

img.service-img {
	float:left;
	margin:4px 15px 15px 0;
	width:16px;
	height:auto;
}

img.service-img-center {
	text-align:center;
	margin:0 0 20px 0;
	width:60px;
	height:auto;
}

h3.service {
	font-size:16px;
	font-weight:600;
}

.separator {
	width:100%;
	height:1px;
	clear:both;
	background:#efefef;
	margin:20px 0;
}

.double-separator {
	width:100%;
	height:1px;
	clear:both;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	margin:10px 0;
}

#footer .double-separator {
	margin:50px 0;
}

.bgtitle {
	margin-bottom:20px;
	width:95%;
	background:url(../images/separator.png) repeat-x;
	height:25px;	
}
.bgtitle h2 {
	font-size:13px;
	font-weight:600;
	float:left;
	height:25px;
	line-height:25px;
	background:#fff;
	padding-right:10px;
}

.team-member {
    position:relative;
	padding: 5px;
	background: white;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
	margin-bottom:20px;
}

.team-member a {
	overflow: hidden;
	display: block;
	position: relative;
}

.team-avatar {
 
    height:auto;
    width:100%;
	display:block;
}

.team-text h3 {
	font-size:14px;
	font-weight:600;
	text-align:center;
	clear:both;
	padding-top:18px;
	margin-bottom:3px;
}

.team-text h6 {
	text-align:center;
	font-size:12px;
	font-weight:400;
	margin-bottom:15px;
}

.team-text p {
	padding:0 5px;
}	

.team-social {
    border-top:1px solid #efefef;
	text-align:center;
	overflow:hidden;
	clear:both;
}

.team-social a img {
    -moz-transition: all .2s ease-in-out;
    -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: .3;
	filter:alpha(opacity=30);
    transition: all .2s ease-in-out;
}

.team-social a img:hover{
    opacity: 1;
	filter:alpha(opacity=100);
}

.team-social a {
	padding:5px;
	margin-top:10px;
	display:inline-block;
}

.team-text span {
    color:#787878;
}

.team-text p {
    margin-top:10px;
}

.testimonial-item {
	border:1px solid #efefef;
	padding:20px 15px 0;
	margin-top:3px;
	font-style:italic;
	box-shadow:0px 0px 5px #efefef;
}

.testimonial-pin {
	background:url(../images/testimonial-pin.png) no-repeat scroll 0 0;
	display: block;
	width: 24px;
	height: 16px;
	position: absolute;	
	left:30px;
}

.testimonial-meta {
	font-style:normal;
	position:absolute;
	width:80%;
	font-weight:600;
	font-size:12px;
	left:20%;
	bottom:-40px;
}

.testimonial-meta h5 {
	float:left;
	margin-right: 5px;
	font-size:12px;
	font-weight:600;
}
.testimonial-meta span {
	color:#444;
}


/*--- 6.1. Nivo Slider ---*/

.slider-wrapper {
	height:270px;
	position:relative;
	clear:both;
}

.nivo {
	position:relative;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}

.nivo-box img { display:block; }

/* Caption styles */
/*.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff;
	color:#575757;
	width:375px;
	height:120px;
	z-index:8;
	padding: 0 15px 10px 0;
	opacity: 1;
	overflow: hidden;
	display: none;
	-moz-opacity: 1;
	filter:alpha(opacity=10);
}

.nivo-caption h3 {
	margin:20px 0 5px 0;
}	

.nivo-caption p {
	padding:5px 0;
	margin:0;
	font-size:13px;
}

.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}*/

/* Direction nav styles (e.g. Next & Prev) */
/*.nivo-directionNav a {
	display:block;
	width:25px;
	height:25px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	position:absolute;
	bottom:0;
	z-index: 10;
	cursor:pointer;		
}

a.nivo-nextNav {
	background-position:-25px 0;
	right:0;
	bottom:0;
}

a.nivo-nextNav:hover {
	background-position:-75px 0;
}

a.nivo-prevNav {
	right:25px;
	bottom:0;
}

a.nivo-prevNav:hover {
	background-position:-50px 0;
}
*/
/* Control nav styles (e.g. 1,2,3...) */
/*.nivo-controlNav {
	width: 390px;
	position: absolute;
	bottom: 126px;
	z-index: 1444;
	display:block;
}

.nivo-controlNav a {
	cursor:pointer;
	background:#f1f1f1;
	width:130px;
	height:4px;
	text-indent:-9999px;	
	display:block;
	float:left;
}

.nivo-controlNav a:hover {
	background:#575757;
}

.nivo-controlNav a.active {
	background:#575757;
}

*/
/*--- 6.2. Jcarousel ---*/

.jcarousel-container {
	margin-bottom:20px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-container-horizontal {
    width: 1080px;
	clear:both;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width:  1080px;
    height: 200px;
}

.jcarousel-item {
    width: 288px;
    height: 188px;
	display: block;
	position: relative;
	padding:5px;
	background:#fff;
	border:1px solid #efefef;
	border-radius:2px;	
}

.jcarousel-item a {
	display: block;
	width: 100%;
	height: auto;
	position:relative;
}

a[rel="PrettyPhoto"] {
	overflow:hidden;
	display:block;
	position:relative;
}

.jcarousel-item img {
	width:100%;
	height:auto;
}

.jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 20px;
	text-align:center;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #444;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: -45px;
    right: -7px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -25px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -25px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -50px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: -45px;
	right:18px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position: -25px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -25px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -50px 0;
}

.homepage-testimonials .jcarousel-container-horizontal, .homepage-testimonials .jcarousel-clip-horizontal {
	width:100%;
	height:auto;
}

.homepage-testimonials .jcarousel-item {
	width: 300px;
	height: auto;
	display: block;
	position: relative;
	padding: 0;
	background: inherit;
	border: 0 none;
	margin-right:0;
	text-align:left;
}

ul#testimonials-carousel .testimonial-item {
	width:260px;
	margin:3px;
	margin-bottom:43px;
	position:relative;
	font-weight:normal;
	display:block;
}

.t-page .testimonial-item {
	width:300px !important;
}

ul#testimonials-carousel .testimonial-meta {
	bottom:-45px;
	position:absolute;
	overflow:visible;
	z-index:1;
}

.homepage-testimonials .jcarousel-next-horizontal {
	right:-3px;
	top:-42px;
}

.homepage-testimonials .jcarousel-prev-horizontal {
	right:22px;
	top:-42px;
}

span.caption  {
	position:relative;
	clear:both;
	font-size:13px;
	background:#fff;
	color:#444;
	line-height:40px;
	width:100%;
	left:0;
}

span.caption a {
	color:#444;
}

a.lightbox {
	position:absolute;
	top:-25px;
	right:25px;
	width:25px;
	height:25px;
	background:url(../images/lightbox.png) no-repeat scroll 0 0;
	text-indent:-9999px;
}

span.item-on-hover {
	cursor:pointer;
	display: block;	
	opacity: 0; 
	filter: alpha(opacity=0); 

	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: url(../images/item-on-hover.png) repeat; 
}

.item-on-hover *{
	filter:inherit;
} 

span.hover-link {
	background:url(../images/link.png) no-repeat scroll 0 0;
	width:35px;
	height:35px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;	
	position:absolute;
	display:block;
	opacity: 0; 
	filter: alpha(opacity=0); 	
}

span.hover-image {
	background:url(../images/lightbox.png) no-repeat scroll 0 0;
	width:35px;
	height:35px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;	
	position:absolute;
	display:block;
	opacity: 0; 
	filter: alpha(opacity=0);	
	
}

span.hover-video {
	background:url(../images/video.png) no-repeat scroll 0 0;
	width:35px;
	height:35px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;	
	position:absolute;
	display:block;
	opacity: 0; 
	filter: alpha(opacity=0);	
}


/*--- 6.3. Sidebar ---*/

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

#sidebar h3 {
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
}

.widget {
	overflow:hidden;
	margin-bottom:60px;
}

.widget a {
	color:#444;
}

.widget ul li {
	font-size:12px;
	background:url(../images/breadcrumb-arrow.png) no-repeat scroll 0 6px;
	padding:5px 0 5px 30px;
	border-bottom:1px solid #efefef;
}

.widget ul li:last-child {
	border-bottom:0 none;
}

.sidebar-post {
	overflow:hidden;
	border-bottom:1px solid #efefef;
	margin-bottom:15px;
	padding-bottom:15px;
	position:relative;
}

.sidebar-post:last-child {
	border-bottom:0 none;	
}

.sidebar-post span {
	float:left;
	margin-left:75px;	
} 

.sidebar-post img {
	position: absolute;
	top: 3px;
	left: 0;
}

.sidebar-post span a {
	color:#686868;
}

.sidebar-post h5 {
	font-size:12px;
	font-weight:400;
	color:#444;
	margin-bottom:5px;
	float:left;
	margin-left:75px;
}


 

.featured-sidebar {
	width:100%;
	height:100%;
	float:left;
	border:1px solid #404244;
	/*background:#262b2f;*/
	background: rgba(20,19,20,1);
background: -moz-linear-gradient(top, rgba(20,19,20,1) 0%, rgba(38,43,47,1) 50%, rgba(38,43,47,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,19,20,1)), color-stop(50%, rgba(38,43,47,1)), color-stop(100%, rgba(38,43,47,1)));
background: -webkit-linear-gradient(top, rgba(20,19,20,1) 0%, rgba(38,43,47,1) 50%, rgba(38,43,47,1) 100%);
background: -o-linear-gradient(top, rgba(20,19,20,1) 0%, rgba(38,43,47,1) 50%, rgba(38,43,47,1) 100%);
background: -ms-linear-gradient(top, rgba(20,19,20,1) 0%, rgba(38,43,47,1) 50%, rgba(38,43,47,1) 100%);
background: linear-gradient(to bottom, rgba(20,19,20,1) 0%, rgba(38,43,47,1) 50%, rgba(38,43,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141314', endColorstr='#262b2f', GradientType=0 );
}

.featured-sidebar ul {
	border-bottom:1px solid #404244;
}

.featured-sidebar ul  h4{
	border-bottom:1px solid #404244;
	color:#fff;
	font-size:18px;
	font-weight:400;
	margin: 0px 0 15px 0;
 	padding: 10px;
	background:#3b3e40;
 }


.featured-sidebar ul span{
 	font-size:11px;
	margin: 0px 0 0 0px;
	display:  block;
  }



.featured-sidebar a{
	color:#fff;
 	padding:3px 10px;
/*	height:36px;
	line-height:36px;
*/	display:block;
	font-weight:400;
	margin-left: 0px;
	border-bottom:1px solid #404244;
}

.featured-sidebar ul li.selected {	
	background: url(../images/featured-arrow.png) no-repeat scroll 200px center;
	width: 210px;
}

.featured-sidebar ul li a:hover {
	color:#ffde00;
}

.featured-sidebar ul li.selected a {
	width:180px;
	height:36px;
	z-index:1000;
}

.featured-sidebar ul li:last-child a {
	border-bottom:0 none;
	margin-bottom:15px;
}


/*--- 6.4. Portfolio ---*/

ul#filters {
	float:left;
	clear:both;
	margin-bottom:35px;
}

ul#filters li {
	display:inline;
	margin:0 15px 0 0;
}

ul#filters li a {
	color:#686868;
	padding:3px 10px 4px 10px;
	font-weight:600;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;	
}

.portfolio {
	clear:both;
	overflow:hidden;
	margin-right:-20px;
}

.portfolio li {
	margin-right:20px;
	float:left;
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	/*background:#fff;*/
	padding-bottom:5px;
	text-align:left;
	border-bottom:1px solid #d9d8d7;
   -webkit-transition:background 0.3s ease-in;
   -moz-transition:background 0.3s ease-in;
   -o-transition:background 0.3s ease-in;
   transition:background 0.3s ease-in;		
}

.portfolio li:hover {
	/*background:#f2f2f0;*/
}

.portfolio h2 {
	position:relative;
	clear:both;
	font-size:13px;
	line-height:16px;
	color:#fff;
	text-align:center;
 	margin:5px 0 5px 0;
	width:100%;
	left:0;	
	font-weight:600;
}

.portfolio h2 a {
	color:#fff;
	text-transform: uppercase;
	font-family:Verdana, Geneva, sans-serif;
}
 


.portfolio h3 {
	position:relative;
	clear:both;
	font-size:11px;
	line-height:16px;
	color:#fff;
 	margin:5px 0 5px 0;
	width:100%;
	left:0;	
	font-weight:400;
}

.portfolio h3 a {
	color:#fff;
	text-transform: uppercase;
	font-family:Verdana, Geneva, sans-serif;
}
 
 
.portfolio h3 span{
	position:relative;
	clear:both;
	font-size:11px;
	color:#fff;
 	margin:5px 0 5px 0 ;
	width:100%;
	float:left;
	left:0;	
	font-weight:400;
}

.portfolio p {
	padding:0 7px;
}	

#portfolio-wrapper a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;	
}

#portfolio-wrapper .four-columns img {
	width:135px;
	height:auto;
	display:block;
	border:5px solid #e3e3e3;
}

#portfolio-wrapper .three-columns img {
	width:250px;
	height:auto;
	display:block;border: 2px solid #EFEFEF;
}

#portfolio-wrapper .two-columns img {
	width:448px;
	height:auto;
	display:block;
}

#portfolio-wrapper .four-columns li {
	width:145px;
	display: block;
	position: relative;
	padding:0px;
	/*background: white;*/
	border: 0px solid #EFEFEF;
	border-radius: 2px;
}

#portfolio-wrapper .three-columns li {
	width: 255px;
	display: block;
	position: relative;
	padding: 0px;
/*	background: white;
*/	border: 0px solid #EFEFEF;
	border-radius: 2px;
}

#portfolio-wrapper .two-columns li {
	width: 448px;
	display: block;
	position: relative;
	padding: 5px;
	background: white;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
}

.item-details p {
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #efefef;
}

.item-details span {
	color:#444;
}

.portfolio-single {
	margin-bottom:50px;
	overflow:hidden;
}

.previous-post-link a, .next-post-link a {
	width:25px;
	height:25px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-top:10px;
	-webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;	
}


/*--- 6.5. Blog ---*/

#posts {
	float:left;
	position:relative;
	width:640px;
	margin-right:40px;
	overflow:hidden;
}

.single-post .post {
	border-bottom:0;
	margin-bottom:0px;
	padding-bottom:0px;
}

h2.post-title a {
	color:#444;
}

.meta a {
	color:#c7c7c7;
}

.post-thumbnail {
	margin-bottom:30px;
	display:inline-block;
	clear:both;
	margin-top:0px;	
	padding:4px;
	border: 1px solid #EFEFEF;	
	border-radius: 2px;		
}

.video-thumbnail {
	margin-bottom:30px;
	display:inline-block;
	clear:both;
	margin-top:0px;	
}

.post-thumbnail a {
	display:block;
	position:relative;
	vertical-align:bottom;	
}

.post-thumbnail img {
	width:630px;
	height:auto;
	background:#fff;			
}

.meta {
	clear:both;
	float:left;
	margin-bottom:20px;
}

.meta span {
	padding-left:23px;
	float:left;
	margin-right:20px;
}

.meta span.post-date {
	background:url(../images/calendar.png) no-repeat scroll 0 3px;
	color:#C7C7C7;
}	

.meta span.post-author {
	background:url(../images/author.png) no-repeat scroll 0 3px;
}	

.meta span.post-comment {
	background:url(../images/comment.png) no-repeat scroll 0 4px;
}	

.meta p {
	margin:0;
	padding:5px 0;
}

.excerpt {
	width:100%;
	clear:both;
}

p.readmore {
	text-align:right;
}

.post {
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom:1px solid #efefef;
	overflow:hidden;
}

.post-content {
	clear:both;
	padding-top:40px;
}

.right-image {
    float:right;
    margin:5px 0 0 20px;
	padding: 4px;
	border: 1px solid #EFEFEF;
	border-radius: 2px;	
}

.left-image {
    float:left;
    margin:5px 20px 0 0;
	padding: 4px;
	border: 1px solid #EFEFEF;
	border-radius: 2px;	
}

.post-image {
    margin:5px 0 20px;
}

ul.tags {
    padding:0 0 10px;
    position:relative;
	overflow:hidden;
}

ul.tags a {
	color:#c7c7c7;
}

ul.tags li {
    display:inline;
    float:left;
    height:16px;
    line-height:20px;
    margin:30px 20px 0 0;
}

.tag-title {
    background-image:none;
    float:left;
    line-height:18px;
    margin:30px 20px 0 0;
}

.author-bio {
    clear:both;
    margin:30px 0 0;
    overflow:hidden;
    padding:15px 0 15px;
    position:relative;
}

.authorp {
    float:left;
    width:82%;
}

.authorp h2 {
	color:#C7C7C7;
}
.authorp h2 a {
	color:#444;
}

.author-bio p {
	margin-bottom:0;
}	

.author-bio img {
    float:left;
    margin:0 25px 0 0;
	padding: 4px;
	border: 1px solid #EFEFEF;
	border-radius: 3px;	
}


/*--- 6.5.1. Comments ---*/

.commentlist {
    list-style-type: none;
    margin: 30px 0 40px;
}

.comment {
    margin-top: 35px;
    position: relative;
	padding:0;
	display:inline-block;
}

.comment a {
	color:#444;
}

.commentwrap {
	margin: 0 0 0 100px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EFEFEF;
}

.avatar {
    left: 0;
    position: absolute;
    top: 0;
}

.avatar img {
	padding: 4px;
	border: 1px solid #EFEFEF;
	border-radius: 3px;
}

.metacomment {
    margin-bottom: 10px;
	padding:0;
}

.metacomment span {
    font-weight:bold;
    margin: 0 5px 0 0;
}

ul.threaded {
    margin-left:75px;
}

#commentform {
	width:640px;
	position:relative;
}

#commentform fieldset {
	clear:both;
}

#commentform input[type="text"] {
	width:174px;
	padding:7px 10px;
	font-size:12px;
	height:20px;
	line-height:20px;
}

textarea#mycomment {
	width:618px;
	padding:10px;
	clear:both;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#commentform input[type="submit"] {
	margin-top:5px;
	border:0 none;
}

.error_message {
	color:#ff3000;
}


/*--- 6.5.2. Pagination ---*/

.pagenav {
    text-align:left;
	vertical-align: middle;
}

.pagenav a {
    background:#fff;
    color:#686868;
    display:inline-block;
    margin:4px;
    padding:5px 12px;
	font-weight:600;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;		
}

span.current {
    color:#fff;
    display:inline-block;
    margin:4px;
    padding:5px 12px;
}

span.pages {
	display: inline-block;
	margin: 4px;
	padding: 5px 12px;
	font-weight:600;
}


/*--- 6.6. Contact ---*/

.contact-info p {
	margin:0;
	padding:7px 0;
	border-top:1px solid #efefef;
}

.contact-info p:last-child {
	border-bottom:1px solid #efefef;
}

.contact-info span {
	color:#444;
}

.contact-map {
	margin-bottom:50px;
}

#contactform label {
	clear:both;
}	

#contactform input[type=text] {
	margin-bottom:10px;
	width:89%;
	padding:5px;
 }

#contactform input[type=submit] {
	font-size:12px;
	clear:both;
	float:left;
	cursor:pointer;
	margin:10px 0;
}

#contactform textarea { 
	height:80px;
	clear:both;
}

.contact-loader {
	float: right;
	padding: 11px 11px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	7.	Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	overflow:hidden;
	clear:both;
	width:1120px;
/*	background:#464646;*/
	color:#fff;
	padding-top:30px;
	margin:0 auto;
	border-top:5px solid #efefef;
}

#topfooter {
	padding:0;
	margin:0;
}

#topfooter h6 {
	margin:0;
   font-size:18px;
	font-weight:400;
	margin-bottom:20px;
	color:#fff;
 }

ul#contact-widget li {
	border-bottom:0px dotted #6b6b6b;
	padding-bottom:3px;
	margin-bottom:3px;
	padding-left:25px;
}



ul#contact-widget li:last-child {
	border-bottom:0px dotted #6b6b6b;
	padding-bottom:3px;
	margin-bottom:15px;
	padding-left:25px;
 }

ul#blog-widget li {
	border-bottom:1px dotted #6b6b6b;
	padding-bottom:10px;
	margin-bottom:10px;	
	position:relative;
	overflow:hidden;
}
ul#blog-widget li img {
	position:absolute;
	top:3px;
	left:0;
}

ul#blog-widget li h6{
	float:left;
	padding-left:75px;
}

ul#blog-widget li span{
	float:left;
	clear:both;
	padding-left:75px;
	width:100%;
}

ul#contact-widget li:last-child {
	border-bottom:0 none;
}

ul#blog-widget li:last-child {
	border-bottom:0 none;
}

li.address {
	background:url(../images/address.png) no-repeat scroll 0 2px;
}

li.phone {
	background:url(../images/phone.png) no-repeat scroll 0 2px;
}

li.email {
	background:url(../images/email.png) no-repeat scroll 0 2px;
}

li.fax {
	background:url(../images/fax.png) no-repeat scroll 0 2px;
}

#footer a {
	color:#fff;
}

#footer h3 {
	font-size:18px;
	font-weight:400;
	color:#0057a4;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
    background:url(../images/header-bg.jpg) repeat-x;

}

#bottomfooter {
	padding:15px 0 10px 0;
	position:relative;
	overflow:hidden;
	clear:both;
	margin-top:20px;
	background:#004582;
}

#bottomfooter p {
	float:left;
	margin:0;
}

.totop {
	background:url(../images/top.png) no-repeat scroll 0 0;
	width:37px;
	height:42px;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-18px;
	text-indent:-9999px;
}


/*--- 7.1. Twitter ---*/

.tweet,
.query {
	margin:0;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.widget .tweet_list li {
	background:none;
	padding:10px 0;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding:10px 0;
	list-style-type: none;
	border-bottom:1px solid #efefef;
	background:none;
}

.tweet_list li:last-child {
	border-bottom:0 none;
}

.tweet_list li a {
}

.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}


/*--- 7.2. Flickr ---*/

#flickr {
	margin: 0; 
	padding: 0; 
	overflow: hidden; 	
	width:270px;
}

#flickr li { 
	list-style: none; 
	float: left; 
	margin: 0 9px 9px 0; 
	border:0 none;
	padding:0;
}

#flickr  img { 
	display: block; 
	width:45px;
	height:45px;
}

#flickr a img { 
	border: none;
}


/*--- 7.3. Social Icons ---*/

ul#social {
	float:right;
	margin-right:-5px;
}

ul#social li {
	display:inline;
}

ul#social li a {
	display:block;
	margin:0 5px;
	width:30px;
	float:left;
	height:30px;
	text-indent:-9999px;
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

a.forrst {
	background:url(../images/social/forrst.png) no-repeat scroll 0 0;
}
a.dribbble {
	background:url(../images/social/dribbble.png) no-repeat scroll 0 0;
}
a.vimeo {
	background:url(../images/social/vimeo.png) no-repeat scroll 0 0;
}
a.linkedin {
	background:url(../images/in.png) no-repeat scroll 0 0;
}
a.google {
	background:url(../images/google-plus-icon.png) no-repeat scroll 0 0;
}
a.skype {
	background:url(../images/social/skype.png) no-repeat scroll 0 0;
}
a.fb {
	background:url(../images/fb-icon.png) no-repeat scroll 0 0;
}
a.tw {
	background:url(../images/tw-icon.png) no-repeat scroll 0 0;
}
a.in {
	background:url(../images/in-icon.png) no-repeat scroll 0 0;
}
a.blogger {
	background:url(../images/blogger-icon.png) no-repeat scroll 0 0;
}
a.instagram {
	background:url(../images/instagram-icon.png) no-repeat scroll 0 0;
}
a.youtube {
	background:url(../images/social/youtube.png) no-repeat scroll 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	8.	Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {
	min-height:30px;
}

.slides_container {
	width:685px;
	display:none;
}

.slides_container div.slide {
	width:685px;
	display:block;
}

#slides {
	margin-bottom:70px;
	padding:4px;
	border:1px solid #efefef;
	border-radius:3px;
}

#slides .next, #slides .prev {
	position:absolute;
	top:40%;
	width:25px;
	height:25px;
	display:block;
	z-index:101;
}

#slides .next {
	right:5px;	
}

#slides .prev {
	left:5px;	
}

.slide img {
	width:100%;
	height:auto;
	overflow:visible;
	vertical-align:bottom;
}

.slide a {
	display:block;
	margin:0;
	padding:0;
}

#slides .next img,#slides .prev img {
	height:auto;
	width:auto;
}

.pagination {
	position:absolute;
	text-align:center;
	z-index:1000;
	width:100%;
	bottom:45px;
}

.pagination li {
	display:inline;
	margin-left:1px;
	list-style:none;
	text-align:center;
}

.pagination li a {
	display:inline-block;
	width:13px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -14px;
}

#slides .caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	text-shadow:none;
}

/*--- 8.2. Buttons ---*/

.button {
    cursor:pointer;
    display:inline-block;
    font-size: 12px;
    font-weight:600;
    line-height:16px;
    margin:0 10px 20px 0;
    padding: 7px 11px 7px;
	position:relative;
 	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;	
}

.white {
    background:#eaeaea;
    color: #686868;
}

.white:hover {
    color: #686868;
	background:#d2d2d2;
}

.yellow {
    background:#f4db3c;
	border:0 none;
    color: #000;
}

.yellow:hover {
    color: #fff;
	background:#fd9602;
}

.orange {
    background:#fe7e17;
	border:0 none;
    color: #fff;
}

.orange:hover {
    color: #fff;
	background:#f77309;
}

.black {
    background:#787878;
    color: #ffffff;
}

.black:hover {
    color: #ffffff;
	background:#444;
}

.green {
    background:#9dd30b;
    color: #fff;
}

.green:hover {
    color: #fff;
	background:#8dbd0a;
}

.bleumarin {
    background:#30b4c5;
    color: #fff;
}

.bleumarin:hover {
    background:#2b9fae;
	color:#fff;
}


.text-black{
	color:#242424;}

.rose {
    background:#ee5051;
    color: #fff;
}

.rose:hover {
    color: #fff;
	background:#d64849;
}


/*--- 8.3. Tabs ---*/

.tabs-wrapper { 
	width: 100%;
}

.tab-item {
	clear:both;
	overflow:hidden;
	padding:15px 0;
	border-bottom:1px solid #fff;
}

.tabs-container {
	float:left;
	position:relative;
	display:block;
	width:100%;
}

.tabs-wrapper .tab-content { 
	background:#fff; 
	padding:20px;
	overflow:hidden; 
	border: 1px solid #EFEFEF;
	border-radius: 0px 3px 3px 3px;
}

ul.tabs {
	float: left; 
	height: 34px; 
	width: 100%; 
	padding-left: 0 !important; 
	margin-bottom: 0 !important;
}

.tabs-container p:last-child {
	margin-bottom:0;
}

ul.tabs li { 
	float: left; 
	padding-left: 0 !important; 
	overflow: hidden; 
	padding-bottom: 0; 
	position: relative; 
	text-align:center;
	outline:none;

}

ul.tabs li a { 
	height: 34px; 
	line-height: 34px; 
	text-decoration:none; 
	font-size:12px; 
	display: block; 
	padding: 0 25px; 
	outline:none;
	border:1px solid #fff;
	color:#9a9a9a;
}

ul.tabs li:last-child {
	
}

ul.tabs li a:hover { 
	color:#444;
}

ul.tabs li.active a {
    border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;	
	border-right: 1px solid #EFEFEF;	
	border-bottom: 1px solid #fff;	
	border-radius:3px 3px 0 0;	
	color:#444;
}

ul.tabs li.active {
	z-index: 1;
}

ul.tabs li.active, ul.tabs li.active a:hover  { 
    background:#fff;
	color:#444;
}


/*--- 8.4. Toggles ---*/

#toggle-view {
    list-style:none;    
    font-size:12px;
    margin:0;
    padding:0;
    width:100%;
	margin-bottom: 0px;
}

#toggle-view li {
	margin-bottom:1px;
    border-bottom: 0px solid #EFEFEF;
	position:relative;
}

#toggle-view li:hover {

}

#toggle-view h3 {
	margin:0;
	font-size:13px;
	cursor:pointer;
    padding: 12px 10px 12px 25px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-weight:400;
	/*text-transform: capitalize;*/
}

#toggle-view h3:hover, #toggle-view h3:active {
	color:#ffde00;
}

#toggle-view span {
	position:absolute;
	left:0; top:14px;
}

#toggle-view .panel {
	display:none;
	/*background: rgba(1,127,181,1);
background: -moz-linear-gradient(top, rgba(1,127,181,1) 0%, rgba(14,153,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,127,181,1)), color-stop(100%, rgba(14,153,204,1)));
background: -webkit-linear-gradient(top, rgba(1,127,181,1) 0%, rgba(14,153,204,1) 100%);
background: -o-linear-gradient(top, rgba(1,127,181,1) 0%, rgba(14,153,204,1) 100%);
background: -ms-linear-gradient(top, rgba(1,127,181,1) 0%, rgba(14,153,204,1) 100%);
background: linear-gradient(to bottom, rgba(1,127,181,1) 0%, rgba(14,153,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017fb5', endColorstr='#0e99cc', GradientType=0 );*/
 	overflow:hidden;
	 padding-bottom:20px ;
 	border-bottom: 3px solid #77c0df;
}   

#toggle-view .panel p:last-child {
	margin-bottom:0;
}


/*--- 8.5. Accordions ---*/

.ac-btn {
    background:#fbfbfb;
    border: 1px solid #EFEFEF;
    cursor: pointer;
    font-size: 12px;
    font-weight:normal;
    padding: 7px 10px;
	margin-bottom:1px;
}

.ac-btn h3 {
	margin:0;
	font-size:12px;
	cursor:pointer;
	color:#686868;
}

.ac-btn h3:hover {
	color:#444;
}

.ac-content {
    border-top: 0;
    border: 1px solid #EFEFEF;
    display: none;
    margin-bottom: 2px;
    margin-top: -3px;
    overflow: auto;
    padding: 10px 20px;
    position: relative;
    top: 1px;
}

.on {
	background: #f7f7f7;
	color:#444;
}
	
.over {
	background: #f7f7f7;
	color:#444;
}
	

/*--- 8.6. Tables ---*/

.pricing-column {
	text-align:center;
	width:235px;
	float:left;
	position:relative;
}

.first-column .package-value,  .first-column .package-features, .first-column .signup {
	border-left:1px solid #dbdbdb;
}

.package-value, .package-features {
	border-right:1px solid #dbdbdb;
}

.package-title {
	background:#686868;
	color:#fff;
	font-size:16px;
	height:40px;
	line-height:40px;
	border-bottom:3px solid #545454;
	border-right:1px solid #545454;
}

.featured-column {
	top:-10px;
	box-shadow:0px 2px 10px #dadada;
	z-index:1;
}

.featured-column .package-title {
	height:40px;
	line-height:30px;
	position:relative;
	font-weight:600;
	box-shadow:0px -1px 10px #000;
	z-index:-1;	
}

.featured-column .column-shadow {
	height:10px;
	background:#686868;
	position:relative;
	z-index:10;
	box-shadow:0px -1px 2px #dadada;
}

.pricing-table .featured-column .signup {
	padding:25px 0;
}

.pricing-column .signup {
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	padding:20px 0;
}

.pricing-column .signup .button {
	margin:0;
}

.package-value {
	background:#f9f9f9;
	height:95px;
	line-height:95px;
	border-bottom:1px solid #dbdbdb;
}

ul.package-features li {
	height:40px;
	line-height:40px;
	border-bottom:1px solid #dbdbdb;
	background:#fff;
}

ul.package-features li.alt {
	background:#f9f9f9;
}

.package-currency {
	font-size:16px;
	position:relative;
	top:-20px;
}

.package-price {
	font-size:48px;
	font-weight:600;
}

.package-time {
	font-size:16px;
}

.pricing-table, .normal-table    {
    width:100%;
	/* display: block;*/
        overflow-x: auto;
        white-space: nowrap;
	
}


 


.normal-table td {
    border:1px solid #cacaca;
    padding:3px;
    text-align:center;
	background:#f4f4f4;
	color:#000;
	font-weight:700;
	font-size:11px;
}
.normal-table tr.alt  {
    background:#fbfbfb;
}

.normal-table tr.first-column td{
    background:#dedede;
    color: #000;
 }

 
 
.normal-table1 td {
    border:1px solid #cacaca;
    padding:3px;
 	background:#f4f4f4;
	color:#000;
	font-weight:700;
	font-size:11px;
}

.normal-table1 tr.alt  {
    background:#fbfbfb;
}

.normal-table1 tr.first-column td{
    background:#dedede;
    color: #000;
 }

 
 
 
 
  
.normal-table2 td {
    border:0px solid #cacaca;
    padding:3px 10px;
 	background:#adddf8;
	color:#000;
	font-weight:700;
	font-size:11px;
}

.normal-table2 tr.alt  {
    background:#fbfbfb;
}

.normal-table2 tr.first-column td{
    background:#dcf0f4;
    color: #000;
 }


 
 
 
 
 
 

.des-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
		width:100%;
  	}


.des-table tr.heading td{
    background:#b4d6e6;
	text-align:left;
	font-size:14px;
	padding:5px 10px;
    color: #000;
	
}

 .des-table tr.whitebg td{
    background:#fff;
 }


.des-table td {
    border:0px solid #cacaca;
    padding:3px 10px;
 	color:#000;
	font-weight:500;
	font-size:11px;
	vertical-align:middle;
	
}
.des-table tr.alt  {
    background:#edf4f5;
}

.des-table tr.first-column td{
    background:#96d2f4;
    color: #000;
	padding: 10px;
 }

.des-table td  small {
 	font-size:10px;
	font-weight:normal;
 	
}

.des-table td  small span {
 	font-size:10px;
	margin-left:15px;
	font-weight:normal;
 	
}


.display-table    {
  /* display: block;*/
        overflow-x: auto;
     /*   white-space: nowrap;*/
		width:100%;
 }


.display-table td {
    border:1px solid #74bee7;
   padding: 10px;
	margin:0;
    text-align:left;
 	color:#000;
	font-weight:500;
	font-size:11px;
	vertical-align:middle;
}

.display-table tr.first-column td{
    background:#dcf0f4;
    color: #000;
	padding: 10px;
	text-align:left;
	font-weight:500;
 }

.display-table tr.alt  {
    background:#96d2f4;
}

.display-table tr.alt2{
    background:#adddf8;
  }

 
 


/*--- 8.7. Info Boxes ---*/

.box-error, .box-alert, .box-notice, .box-success, .box-info {
    border: 0px solid #efefef;
    margin-bottom: 10px;
    padding:1px 5px;
}

.box-error, .box-alert {
    background:#fce2e3;
    border-color: #fac2c4;
    color: #e54034;
}

.box-notice {
    background:#fdf4bd;
    border-color: #fed223;
    color: #504621;
}

.box-info {
    background:#d4ebf6;
    border-color: #91c8e2;
    color: #20568f;
}

.box-success {
    background:#e5eec0;
    border-color: #c4d67e;
    color: #264509;
}


/*--- 8.8. Lists ---*/

ul.star-list li { 
	background:url(../images/list-star-small.png) no-repeat scroll center left; 
}

ul.radio-list li { 
	background:url(../images/list-ui-radio-button.png) no-repeat scroll top left; 
}

ul.arrow-list li { 
	background:url(../images/list-arrow-small.png) no-repeat scroll top left; 
}

ul.tick-list li { 
	background:url(../images/list-okay.png) no-repeat scroll top left; 
}

ul.customlist li {
	padding-left: 20px;
	padding-bottom:20px;
}

/*/////////////////////////////breadcrumb///////////////////////////////*/

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
  font: 11px  "open Sans";
  margin: 40px  0px  0px 0;
  padding: 0;
  border-bottom:1px solid #7ec4ec;
 /* background:#39b1de;*/
 background: rgba(29,128,194,1);
background: -moz-linear-gradient(left, rgba(29,128,194,1) 0%, rgba(57,178,222,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,128,194,1)), color-stop(100%, rgba(57,178,222,1)));
background: -webkit-linear-gradient(left, rgba(29,128,194,1) 0%, rgba(57,178,222,1) 100%);
background: -o-linear-gradient(left, rgba(29,128,194,1) 0%, rgba(57,178,222,1) 100%);
background: -ms-linear-gradient(left, rgba(29,128,194,1) 0%, rgba(57,178,222,1) 100%);
background: linear-gradient(to right, rgba(29,128,194,1) 0%, rgba(57,178,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d80c2', endColorstr='#39b2de', GradientType=1 );
  text-transform:uppercase;
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a {
  color: white;
  text-decoration: none; 
  padding: 5px 10px 5px 15px;
   
  background:#none; 
  position: relative; 
  display: block;
  float: left;
}
.breadcrumb li a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 6px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
  top:25%;
  margin-top: -0px; 
  left: 100%;
  z-index: 2; 
}	
.breadcrumb li a:before { 
  /*content: " "; */
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}	
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background: none; }
.breadcrumb li:nth-child(2) a:after { border-left-color:none; }
.breadcrumb li:nth-child(3) a       { background:none; }
.breadcrumb li:nth-child(3) a:after { border-left-color:none; }
 .breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
.breadcrumb li:last-child a {
  background: transparent !important;
  color:#fff;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a:after { border: 0; }
/*.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
*/

.steps {
  margin: 40px;
  padding: 0;
  overflow: hidden;
}
.steps a {
  color: white;
  text-decoration: none;
}
.steps em {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
}
.steps li {
  float: left;
  margin-left: 0;
  width: 150px; /* 100 / number of steps */
  height: 70px; /* total height */
  list-style-type: none;
  padding: 5px 5px 5px 30px; /* padding around text, last should include arrow width */
  border-right: 3px solid white; /* width: gap between arrows, color: background of document */
  position: relative;
}
/* remove extra padding on the first object since it doesn't have an arrow to the left */
.steps li:first-child {
  padding-left: 5px;
}
/* white arrow to the left to "erase" background (starting from the 2nd object) */
.steps li:nth-child(n+2)::before {
  position: absolute;
  top:0;
  left:0;
  display: block;
  border-left: 25px solid white; /* width: arrow width, color: background of document */
  border-top: 40px solid transparent; /* width: half height */
  border-bottom: 40px solid transparent; /* width: half height */
  width: 0;
  height: 0;
  content: " ";
}
/* colored arrow to the right */
.steps li::after {
  z-index: 1; /* need to bring this above the next item */
  position: absolute;
  top: 0;
  right: -25px; /* arrow width (negated) */
  display: block;
  border-left: 25px solid #7c8437; /* width: arrow width */
  border-top: 40px solid transparent; /* width: half height */
  border-bottom: 40px solid transparent; /* width: half height */
  width:0;
  height:0;
  content: " ";
}

/* Setup colors (both the background and the arrow) */

/* Completed */
.steps li { background-color: #7C8437; }
.steps li::after { border-left-color: #7c8437; }

/* Current */
.steps li.current { background-color: #C36615; }
.steps li.current::after { border-left-color: #C36615; }

/* Following */
.steps li.current ~ li { background-color: #EBEBEB; }
.steps li.current ~ li::after {	border-left-color: #EBEBEB; }

/* Hover for completed and current */
.steps li:hover {background-color: #696}
.steps li:hover::after {border-left-color: #696}



.arrows { white-space: nowrap; }
.arrows li {
    display: inline-block;
    line-height: 26px;
    margin: 0 9px 0 -10px;
    padding: 0 20px;
    position: relative;
}
.arrows li::before,
.arrows li::after {
    border-right: 1px solid #666666;
    content: '';
    display: block;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    transform: skewX(45deg);   
}
.arrows li::after {
    bottom: 0;
    top: auto;
    transform: skewX(-45deg);
}

.arrows li:last-of-type::before, 
.arrows li:last-of-type::after { 
    display: none; 
}

.arrows li a { 
   font: bold 24px Sans-Serif;  
   letter-spacing: -1px; 
   text-decoration: none;
}

.arrows li:nth-of-type(1) a { color: hsl(0, 0%, 70%); } 
.arrows li:nth-of-type(2) a { color: hsl(0, 0%, 65%); } 
.arrows li:nth-of-type(3) a { color: hsl(0, 0%, 50%); } 
.arrows li:nth-of-type(4) a { color: hsl(0, 0%, 45%); } 

.img-responsive {

    display: block;
    max-width: 100%;
    height: auto;
	
}

.vertical-text {
 
		   verflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   
}