/* CSS INFORMATION
	- Project: Media Star
	- Author: FelixPlus - www.felixplus.com
	- Last Update: 09/01/2013
*/

/* =========================================================
******************Common styles*****************************
============================================================ */
body {
    color: #626262;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	background:#fff;
}
pre, code {
    font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-main-content-innerors: none;
    -moz-border-top-colors: none;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin-bottom: 15px;
    margin-top: 5px;
}
ol {
    list-style: decimal outside none;
}
ul {
    list-style: disc outside none;
}


/*------Responsive Image----------------*/
.responsive-img{
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

blockquote {
    line-height: 20px;
	background-color:#fbf8db;
	padding:10px;
	border-left:5px solid #e3cfa3;
	margin-bottom:15px;
}
/* =========================================================
**************************Heading***************************
============================================================ */
h1 {
    color: #000000;
    font: 400 28px/27px 'open sans',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h2 {
    color: #000000;
    font: 400 24px/25px 'open sans',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h3 {
    color: #000000;
    font: 400 22px/22px 'open sans',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h4 {
    color: #000000;
    font: 400 18px/20px 'open sans',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
h5 {
    color: #000000;
    font: 400 16px/20px 'open_sans_semiboldregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
h6 {
    color: #000000;
    font: 400 14px/20px 'open_sansregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
p { 
	margin-bottom:10px;
	line-height:22px;
}
/* =========================================================
********************Clear Floated Elements******************
============================================================ */
.left{ 
	float:left;
}
.right{
	float:right;
}
.clear {  
	clear: both;  
	display: block;  
	overflow: hidden;  
	visibility: hidden;  
	width: 0;  height: 0;
}
.clearfix:before,.clearfix:after{
  content: '.';  
  display: block;  
  overflow: hidden;  
  visibility: hidden;  
  font-size: 0;  
  line-height: 0;  
  width: 0;  
  height: 0;
 }
.clearfix:after{  
	clear: both;
}
.clearfix{  
	zoom: 1;
}
.hover-effect{
	cursor:pointer;
	z-index:100;
}

/* =========================================================
***************************Columns**************************
============================================================ */
#sidebar {
	left:0;
	z-index:1000;
	float:left;
	width:247px;
	border-right:4px solid #01af8b;
	min-height:100%;
	background:#00c199;
	position:fixed;
	top:0;
	-webkit-box-shadow:  1px 0px 0px 0px rgba(0, 0, 0, .1);
	box-shadow:  1px 0px 0px 0px rgba(0, 0, 0, .1);
}
#right-sidebar {
	float:right;
	width:330px;
	margin-top:50px;
}
#left-sidebar {
	float:left;
	width:330px;
	margin-top:50px;
}
#center-col {
	float:left;
	margin-top:50px;
}
#main-content {
	left:250px;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
	height:100%;
}
.home-s1 #main-content {
	background:url(placeholders/02.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	bottom:0;
}
.home-s2 #main-content {
	background:url(placeholders/04.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-s3 #main-content {
	text-align:left;
	bottom:0;
}
#main-content-inner {
	width:80%;
	margin:0 auto;
}
.fixed-width #main-content-inner {
	width:100%;
	margin:0 auto;
}
.last {
	margin-right:0 !important;
}
.wrapper {
	min-height:100%;
}
#left-panel {
	position:fixed;
	top:50px;
	left:0;
	width:25px;
	height:50px;
	box-shadow: 4px 0 10px -3px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color:#3d3d3d;
	font-size:20px;
	z-index:1000;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	display:none;
	border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
}
/* =========================================================
**********************Sidebar*******************************
============================================================ */
#logo-image {
	padding:2px 0;
	text-align:center;
	margin:0 auto 0;
}

#mobile-logo-image {
	text-align:center;
	margin:15px auto;
	display:none;
}
#main-nav {
	margin:0 0 30px 0;
}
#main-menu {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	position:relative;
	z-index:1;
}
#main-menu > li {
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #4dd4b8;
	background:#00c199;
}
#main-menu > li:first-child {
    border-top: 1px solid #4dd4b8;
}
#main-menu > li:last-child {
    border-bottom: 1px solid #4dd4b8 !important;
}
#main-menu > li.menu-arrow {
	cursor:pointer;
}
#main-menu > li.menu-arrow > a {
	background:url(images/icons/select-icon.png) no-repeat right 23px !important;
	margin-right:10px;
}
#main-menu > li > a {
	text-align:center;
	display:block;
	height:35px;
	line-height:40px;
	padding:5px 0;
	font-size:14px;
	margin:0 10px;
	color:#fff;
	text-transform:uppercase;
}
#main-menu > li > a span {

	line-height:35px;
	display:block;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	font-family: 'Open sans';
	font-weight:300;
}
#main-menu > li.menu-home > a span {

}
#main-menu > li.menu-home:hover > a span {

}
#main-menu > li.menu-about > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -62px;
}
#main-menu > li.menu-about:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -93px;
}
#main-menu > li.menu-portfolio > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -124px;
}
#main-menu > li.menu-portfolio:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -160px;
}
#main-menu > li.menu-blog > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -195px;
}
#main-menu > li.menu-blog:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -231px;
}
#main-menu > li.menu-bg > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -410px;
}
#main-menu > li.menu-bg:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -446px;
}
#main-menu > li.menu-feature > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -267px;
}
#main-menu > li.menu-feature:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -302px;
}
#main-menu > li.menu-colors > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -480px;
}
#main-menu > li.menu-colors:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -518px;
}
#main-menu > li.menu-purchase > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -556px;
}
#main-menu > li.menu-purchase:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -592px;
}
#main-menu > li.menu-contact > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -338px;
}
#main-menu > li.menu-contact:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -374px;
}
#main-menu > li:hover, #main-menu > li.current-menu-item {
	background:#02b691;
	border-bottom: 1px solid #4dd4b8;
}
#main-menu > li:hover > a, #main-menu > li.current-menu-item > a {
	color:#ffffff;
	text-shadow: 0 0 10px #FFF;
}

/*------------- Sub Menu ---------------*/
#main-menu li ul {
	display:none;
	padding:5px 0;
	border-top:1px solid #4dd4b8;
}
#main-menu li ul li {
	padding-left:15px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	border-bottom:1px solid rgba(41, 41, 41, 0);
}
#main-menu li ul li:hover {
	background-color:#00c199;
}
#main-menu li ul li a {
	background-position:16px 9px;
	padding:7px 0 7px 30px;
	display:block;
	font-size:11px;
	color:#ffffff;
}
#main-menu li ul li:hover a {
	color:#ffffff;
}
.twitter-widget {
	margin:0 25px 50px;
	display:none;
}
.twitter-widget img {
	margin-bottom:20px;
}
.tweet_list {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#848484;
	font-style:italic;
	line-height:18px;
}
.tweet_avatar {
	width:16px;
	height:14px;
	background:url(images/icons/quote-icon.png) no-repeat 0 0;
	display:inline-block;
	margin-right:10px;
}
.tweet_avatar img {
	display:none;
}
.tweet_time{
	display:block;
}
/* =========================================================
**********************Bottom Sidebar************************
============================================================ */
#bottom-sidebar {
    bottom: 40px;
    line-height: 0;
    margin: 0 7px;
    padding: 10px 15px;
    position: fixed;
    text-align: center;
    width: 205px;
}
.social-links {
	display:inline-block;
}
.social-links li {
	float:left;
	margin-right:2px;
}
.social-links li a {
  position:relative;
  height:42px;
  width:39px;
  margin:0 auto;
  display:inline-block;
}

.social-links li a img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.social-links li a img.top:hover {
  opacity:0;
}

#copyright {
	font-family: Tahoma;
	font-size:11px;
	color:#8cf4de;
	margin:0 25px 0 25px;
	text-align:center;
	width:200px;
	position:fixed;
	bottom:10px;
}
#copyright a {
	color:#c6faef;
	font-weight:600;
	
}
#copyright a:hover {
	color:#8cf4de;
}
/* =========================================================
*********************Main content***************************
============================================================ */
.home #main-content {

}
/* =========================================================
******************Blog v1 Page******************************
============================================================ */
.element .blog-img {
	display:block;
	margin-bottom:10px;
	position:relative;
}
.element .blog-img img {
	width:100%;
	height:auto;
}
.element .blog-img.no-avatar img {
	width:auto;
}
.element .audio-container audio {
	margin:5px 0;
	width:100%;
}
.element .flx-time {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid rgba(255, 255, 255, 0.8);
    -webkit-border-radius:0 0 5px 0;
	-moz-border-radius:0 0 5px 0;
	border-radius:0 0 5px 0;
    color: #4D4D4D;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 35px;
    padding: 10px 0;
    text-align: center;
    width: 49px;
}
.element .blog-img .flx-time {
	left: -3px;
    position: absolute;
    top: -4px;
    z-index: 10;	
}
.element .blog-img.no-avatar .flx-time {
	left:0 !important;	
}
.element .flx-time p {
	font-size:25px;
	background:url(images/background/dot-1.png) repeat-x 0 bottom;
	padding-bottom:8px;
}
.element .flx-time span {
	display:inline-block;
	font-size:11px;
	line-height:20px;
}
.element .entry-content .flx-time {
	float:left;
	margin-right:10px;
}
.element .blog-img p.play-icon {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	display:block;
	width:100%; 
	height:100%;
	background:rgba( 0, 0, 0, 0) url(images/icons/play-icon.png) no-repeat center center;
	opacity:0;
	margin-bottom:0;
}
.element .blog-img:hover p.play-icon {
	background:rgba( 0, 0, 0, 0.5) url(images/icons/play-icon.png) no-repeat center center;
	opacity:1;
}
.element .blog-img p.view-icon {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	display:block;
	width:100%; 
	height:100%;
	background:rgba( 0, 0, 0, 0) url(images/icons/view-icon.png) no-repeat center center;
	opacity:0;
	margin-bottom:0;
}
.element .blog-img:hover p.view-icon {
	background:rgba( 0, 0, 0, 0.5) url(images/icons/view-icon.png) no-repeat center center;
	opacity:1;
}
.element .no-avatar img {
	float:right;
	margin-top:5px;
}
.element h5 {
	font-size:15px;
}
.element h5 a {
	color:#ed145b;
	font-family: 'Coda', cursive;
}
.element h5 a:hover {
	color:#4d4d4d;
}
.element .entry-meta {
	display:inline-block;
	background:url(images/icons/entry-categories-icon.png) no-repeat left 0;
	padding-left:15px;
	margin-left:10px;
	margin-bottom:10px;
}
.element .entry-categories:hover {
	color:#626262;
}
.element footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	font-size:11px;
	font-weight:bold;
	margin-top:15px;
	padding:10px 0 5px;
	border-top:1px dotted #ccc;
}
.element .entry-comments, .element .entry-views {
	margin-right:30px;
	margin-top:8px;
}
.entry-comments {
	display:inline-block;
	background:url(images/icons/entry-comment-icon.png) no-repeat left center;
	padding-left:20px;
}
.entry-views {
	display:inline-block;
	background:url(images/icons/entry-view-icon.png) no-repeat left center;
	padding-left:20px;
}
.entry-likes {
	display:inline-block;
	background:url(images/icons/entry-like-icon.png) no-repeat left center;
	padding-left:15px;
}
.element .more-link {
	float:right;
}
.more-link {
	display:inline-block;
}
.more-link .more-link-icon {
	background:url(images/icons/button-link-icon.png) no-repeat center center;
	display:inline-block;
	width:29px;
	height:30px;
	border-right:1px solid #454545;
	background-color:#222;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	float:left;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
}
.more-link .more-link-text {
	display:inline-block;
	line-height:30px;
	height:30px;
	background-color:#363636;
	float:right;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	position:relative;
	z-index:0;
	padding:0 10px;
	font-family: 'Coda', cursive;
	font-size:12px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.more-link:hover .more-link-icon {
	background-color:#c50544;
	border-right:1px solid #fe4481;
}
.more-link:hover .more-link-text {
	background-color:#ed145b;
}
.element .des {
	color:#373737;
	font-family:Arial, Helvetica, sans-serif;
}
.pf-page .element {
	border:5px solid #fff;
	padding:0;
}
.filter-picker {
	position:absolute;
	width:34px;
	height:34px;
	background:url(images/icons/select-icon-2.png) no-repeat center center;
	cursor:pointer;
	top:1px;
	right:20px;
	z-index:10;
}
.filter-picker:hover {
	background:url(images/icons/select-icon-hover-2.png) no-repeat center center;
}
#filter-by-category {
	background-color:#ececec;
	border:1p solid #e3e3e3;
	width:auto;
	padding:5px;
	position:absolute;
	right:5px;
	top:36px;
	display:none;
	text-align:left;
	z-index:1000;
	-webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#filter-by-category li {
	list-style:none;
}
#filter-by-category li a {
	color: #555;
	cursor: pointer;
	font-size: 12px;
	padding:5px;
	display:block;
	border-right: 1px solid rgba(55,55,55,0);
	border-left: 1px solid rgba(55,55,55,0);
	font-family: 'Coda', cursive;
}
#filter-by-category li a:hover, #filter-by-category li a:active {
	color: #ED145B;
	background-color: #FFF;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
.blog-v3#filter-by-category {
	border-top:1px solid rgba(55, 55, 55, 0.6) !important;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.blog-v2-img {
	display:block;
	float:left;
	margin-right:10px;
}
.blog-v2-img img {
	display:block;
	width:99px;
	height:auto;
}
.element .entry-content {
	float:left;
	width:362px;
}
.element .entry-content footer {
	padding:5px 0 0;
}
/* =========================================================
************************Single Page*************************
============================================================ */
.breadcrumb {
	margin:15px 0;
}
.breadcrumb a {
	font-weight:700;
	color:#dcdcdc;
	margin-right:15px;
	background:url(images/icons/breadcrumb-icon.png) no-repeat right center;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.breadcrumb a.current-page {
	font-weight:400;
	background:none;
	padding-right:0;
	margin-right:0;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.white-box {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	z-index:0;
	padding:15px;
	margin:50px 0;
	background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #ffffff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.entry-box p {
	font-family:Arial, Helvetica, sans-serif;
}
.entry-header {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:15px;
}
.entry-box .flx-time {
    background: url("images/background/time-bg.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float:left;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 35px;
    padding: 10px 0;
    text-align: center;
    width: 49px;
	margin-right:20px;
}
.entry-box .flx-time p {
    background: url("images/background/dot-1.png") repeat-x scroll 0 bottom transparent;
    font-size: 25px;
    padding-bottom: 8px;
	margin:0;
}

.entry-header-right .entry-title {
	color:#000;
}
.entry-header-right .entry-meta, .entry-header-right .entry-author, .entry-header-right .entry-categories {
	margin-bottom:8px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
}
.entry-header-right .entry-meta {
	color:#999;	
}
.entry-header-right .entry-author, .entry-header-right .entry-categories {
	color:#373737;
	font-weight:700;
}
.entry-header-right .entry-author:hover, .entry-header-right .entry-categories:hover {
	text-decoration:underline;
}
.entry-header-right .entry-date {
	font-size:11px;
	color:#a4a4a4;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/icons/entry-date-icon.png) no-repeat 0 0;
	padding-left:20px;
	display:block;
	float:left;
	line-height:14px;
}
.meta-data {
	float:right;
}
.meta-data .entry-comments, .meta-data .entry-views {
	margin-right:25px;
}
.meta-data .entry-comments, .meta-data .entry-views, .meta-data .entry-likes {
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	font-size:11px;
	font-weight:700;
}
.entry-box .entry-thumb {
	display:inline-block;
	height:auto;
	margin-bottom:20px;
	width:100%;
}
.auto-100 {
	width:100%;
}
/*------------------ Comments List ---------------------*/
#comments {
	border-top:1px dotted #ccc;
	padding-top:15px;
	margin-bottom:20px;
	margin-top:40px;
}
#comments h3, #respond h3 {
	font-size:20px;
	margin-bottom:15px;
	font-weight:400;
	color:#6c6c6c;
	font-family: 'Coda', cursive;
}
#comments h3 span {
	color:#a9a9a9;
}
.comments-list .comment {
	margin-bottom:20px;
	list-style:none;
}
.comment-wrap img {
	float:left;
	margin-right:20px;
}
.comment-wrap .comment-body {
	margin-left:80px;
	border-bottom:1px solid #ededed;
	padding-bottom:20px;
}
.comments-list .comment:last-child .comment-body {
	border-bottom:none;
	padding-bottom:0;
}
.comments-list .children.depth-1 .comment:last-child .comment-body {
	border-bottom:1px solid #ededed;
	padding-bottom:20px;
}
.comment-wrap .comment-body .comment-meta .author {
	display:block;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	text-transform:uppercase;
}
.comment-wrap .comment-body .comment-meta .date {
	display:inline-block;
	font-size:11px;
	margin-bottom:5px;
	color:#8c8c8c;
	font-family:Arial, Helvetica, sans-serif;
}
.comment-wrap .comment-body .comment-reply-link, .comment-wrap .comment-body .comment-edit-link {
	font-size:11px;
	display:inline-block;
	color:#373737;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
}
.comment-wrap .comment-body .comment-reply-link:hover, .comment-wrap .comment-body .comment-edit-link:hover {
	text-decoration:underline;
}
.comment-wrap .comment-body .comment-reply-link {
	margin-right:10px;
}
.comment-wrap .comment-body p {
	font-size:11px;
	color:#6d6d6d;
}
.comments-list .children.depth-1 {
	margin-left:80px;
}
.comments-list .children.depth-2 {
	margin-left:160px;
}
/*------------------ Comment Form ---------------------*/
#respond {
	border-top:1px dotted #ccc;
	padding-top:15px;
}
#respond h3 {
	margin-bottom:30px;
}
#comments-form p {
	margin-bottom:15px;
	position:relative;
}
#comments-form label {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:700;
	float:left;
	margin:10px 20px 0 10px;
	width:60px;
}
/*#comments-form #comment_name, #comments-form #comment_email {
	width:245px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	border:1px solid #ededed;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
}*/
.contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:245px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
	
}
#comments-form #comment_name, #comments-form #comment_email {
	width:245px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#comments-form #comment_message {
	width:425px;
	padding:10px;
	height:134px;
	border:1px solid #B9B9B9;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
.contact-page #comments-form #comment_message {
	width:425px;
	padding:10px;
	height:134px;
	border:1px solid rgba(237, 20, 91, 0);
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#comments-form #comment_name:focus, #comments-form #comment_email:focus, #comments-form #comment_message:focus {
	box-shadow: 0 0 3px #ed145b;
	-moz-box-shadow: 0 0 3px #ed145b;
	-webkit-box-shadow: 0 0 3px #ed145b;
	border:1px solid #ed145b;	
	opacity: 1;
}
.contact-page #comments-form #comment_name:focus, .contact-page #comments-form #comment_email:focus, .contact-page #comments-form #comment_message:focus {
	border: 1px solid #ED145B;
    box-shadow: 0 0 3px #ED145B;
	-moz-box-shadow: 0 0 3px #ED145B;
	-webkit-box-shadow: 0 0 3px #ED145B;
	opacity:1;
	filter: alpha(opacity = 100);
}
#comments-form .comment-button span {
	display:inline-block;
	margin-left:90px;
}
#comments-form .comment-button span.submit-comment-icon {
	display:inline-block;
	background:url(images/icons/button-create-icon.png) no-repeat center center;
	width:29px;
	height:30px;
	border-right:1px solid #454545;
	background-color:#222;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	float:left;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	margin:0;
	position:relative;
	z-index:0;
}
#comments-form .comment-button span:hover span.submit-comment-icon {
	background-color:#c50544;
	border-right:1px solid #fe4481;
}
#comments-form .comment-button #submit-comment {
	border:none;
	cursor:pointer;
	background-color:#363636;
	float:right;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	padding:5px 10px;
	font-family: 'Coda', cursive;
	font-size:12px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	text-transform:lowercase;
	margin:0;
	position:relative;
	z-index:0;
	cursor:pointer;
	line-height:20px;
	height:30px;
}
#comments-form .comment-button span:hover #submit-comment {
	background-color:#ed145b;
}
#comments-form label.error {
	float:none;
	position:absolute;
	top:-15px;
	left:90px;
	width:auto;
	margin:0;
	color:#ed145b;
	font-size:11px;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.felix-map {
	float:left;
	width:40%;
	height:100%;
}
.contact-box {
	float:left;
	width:59%;
	border-left:1px solid #FFF;
}
.contact-box #respond {
	padding-top:30px;
	margin:0 30px;
	border-top:none;
	padding-bottom:40px;
	border-bottom:1px solid #dadada;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow:   0px 1px 0px rgba(255, 255, 255, 1);
}
#respond h2, .contact-info h2 {
	font-weight:300;
	font-size:30px;
	color:#3d3d3d;
	font-family: 'open sans';
	margin-bottom:20px;
	text-shadow: 0 1px 0px #ffffff;
}
.contact-box .contact-des {
	color:#6d6d6d;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #dadada;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow:   0px 1px 0px rgba(255, 255, 255, 1);
}
.contact-info {
	margin:20px 20px 0px 30px;
}
.contact-info p {
	margin-bottom:5px;
	color:#525252;
	font-family:Arial, Helvetica, sans-serif;
}
.contact-info p.contact-address {
	margin-bottom:20px;
}
.contact-info p.contact-address span {
	display:block;
}
.contact-info p a:hover {
	color:#ed145b;
}

/* =========================================================
***************************Post Page************************
============================================================ */
.right-sidebar-page #center-col .white-box {
	margin-left:25px;
	margin-top:0;
}
.left-sidebar-page #center-col .white-box {
	margin-right:0;
	margin-top:0;
}
#right-sidebar .widget, #left-sidebar .widget {
	margin:0 25px 30px;
	width:280px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	position:relative;
	z-index:0;
	background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #ffffff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
#right-sidebar .widget .widget-title, #left-sidebar .widget .widget-title {
	font-size:15px;
	font-family: 'Coda', cursive;
	color:#4d4d4d;
	padding:8px 10px;
	margin:0;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	text-shadow: 0 1px 0 #;
	border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
	background-image: linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(236,236,236)),
		color-stop(1, rgb(247,247,247))
	);
}
#right-sidebar .widget .categories-widget, #right-sidebar .widget .flx-archive, 
#left-sidebar .widget .categories-widget, #left-sidebar .widget .flx-archive {
	padding:0 10px;
}
#right-sidebar .widget .categories-widget li,
#left-sidebar .widget .categories-widget li {
	border-bottom:1px solid #e9e9e9;
	color:#373737;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#right-sidebar .widget .categories-widget li:last-child,
#left-sidebar .widget .categories-widget li:last-child {
	border-bottom:none;
}
#right-sidebar .widget .flx-archive li,
#left-sidebar .widget .flx-archive li {
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#right-sidebar .widget .categories-widget li a, #right-sidebar .widget .flx-archive li a,
#left-sidebar .widget .categories-widget li a, #left-sidebar .widget .flx-archive li a {
	display:block;
	padding:10px 0 10px 15px;
	background:url(images/icons/bullet-plus.png) no-repeat left center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
}
#right-sidebar .widget .categories-widget li a:hover,
#left-sidebar .widget .categories-widget li a:hover {
	margin-left:5px;
	color:#ed145b;
}
#right-sidebar .widget .flx-archive li a:hover,
#left-sidebar .widget .flx-archive li a:hover {
	color:#ed145b;
}

/*----- TAB -----*/
#right-sidebar .sidebar-list-container,
#left-sidebar .sidebar-list-container {
	padding:10px 0 0 10px;
	background:url(images/background/widget-title-bg.png) repeat-x 0 bottom;
}
#right-sidebar .sidebar-list-container ul,
#left-sidebar .sidebar-list-container ul {
    width: 100%;
}
#right-sidebar .sidebar-list-container ul li,
#left-sidebar .sidebar-list-container ul li {
    float: left;
}
#right-sidebar .sidebar-list-container ul.sidebar-tabs li a,
#left-sidebar .sidebar-list-container ul.sidebar-tabs li a {
    display: block;
    padding: 7px 15px 5px 15px;
	font-size:14px;
	color:#4d4d4d;
	outline:none;
	position:relative;
	z-index:0;
	font-family:"Coda",Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFF;
}
#right-sidebar .sidebar-list-container ul.sidebar-tabs li.active a,
#left-sidebar .sidebar-list-container ul.sidebar-tabs li.active a,
#right-sidebar .sidebar-list-container ul.sidebar-tabs li.active a:hover,
#left-sidebar .sidebar-list-container ul.sidebar-tabs li.active a:hover {
    background-color:#e3e3e3;
	color:#ED145B;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
#right-sidebar .sidebar-list-container ul.sidebar-tabs li a:hover,
#left-sidebar .sidebar-list-container ul.sidebar-tabs li a:hover {
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	color:#ed145b;
}
#right-sidebar .sidebar-tab-container,
#left-sidebar .sidebar-tab-container {
	border-top: 5px solid #e3e3e3;
	margin-top:-1px;
}
#right-sidebar .sidebar-tab-content li,
#left-sidebar .sidebar-tab-content li {
	border-bottom:1px solid #e3e3e3;
	padding:15px 10px 10px;
}
#right-sidebar .sidebar-tab-content .recent-post-thumb,
#left-sidebar .sidebar-tab-content .recent-post-thumb {
	display:inline-block;
	border:4px solid #e4e4e4;
	box-shadow: 0 0 1px #FFF;
	-moz-box-shadow: 0 0 1px #FFF;
	-webkit-box-shadow: 0 0 1px #FFF;
	float:left;
	margin-right:5px;
	position:relative;
	z-index:0;
}
#right-sidebar .sidebar-tab-content .entry-content,
#left-sidebar .sidebar-tab-content .entry-content {
	margin-left:55px;
}
#right-sidebar .sidebar-tab-content .entry-content a,
#left-sidebar .sidebar-tab-content .entry-content a {
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	line-height:16px;
	display:inline-block;
	margin-bottom:5px;
}
#right-sidebar .sidebar-tab-content .entry-comments, #right-sidebar .sidebar-tab-content .entry-meta,
#left-sidebar .sidebar-tab-content .entry-comments, #left-sidebar .sidebar-tab-content .entry-meta {
	display:inline-block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999 !important;
}
#right-sidebar .sidebar-tab-content .entry-content a:hover, #right-sidebar .sidebar-tab-content .entry-comments:hover,
#left-sidebar .sidebar-tab-content .entry-content a:hover, #left-sidebar .sidebar-tab-content .entry-comments:hover {
	color:#ed145b !important;
}
#right-sidebar .sidebar-tab-content .entry-comments,
#left-sidebar .sidebar-tab-content .entry-comments {
	background:none;
	padding:0;
}
#right-sidebar .view-all,
#left-sidebar .view-all {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#929292;
	display:inline-block;
	margin:10px 0;
}
#right-sidebar .view-all:hover,
#left-sidebar .view-all:hover {
	color:#ed145b;
}
/*----- Flickr -----*/
.flickr-wrap {
	margin:10px 0 0 0;
}
.flickr-badge-image {
	float:left;
	border:4px solid #e4e4e4;
	box-shadow: 0 0 1px #FFF;
	-moz-box-shadow: 0 0 1px #FFF;
	-webkit-box-shadow: 0 0 1px #FFF;
	margin:0 10px 10px;
	overflow:hidden;
}
.flickr-badge-image img {
	-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.flickr-badge-image:hover img {
	opacity:0.5;
    filter: alpha(opacity=50);
}
/*----- Login Form -----*/
#right-sidebar #login,
#left-sidebar #login {
	padding:10px 15px 15px;
}
#right-sidebar #login #inputs label,
#left-sidebar #login #inputs label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	margin-bottom:5px;
}
#right-sidebar #login #username, #right-sidebar #login #password,
#left-sidebar #login #username, #left-sidebar #login #password {
	padding:0 10px;
	width:228px;
	margin-bottom:15px;
	height:34px;
	line-height:34px;
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#right-sidebar #login #username:focus, #right-sidebar #login #password:focus,
#left-sidebar #login #username:focus, #left-sidebar #login #password:focus {
	border: 1px solid #ED145B;
    box-shadow: 0 0 3px #ED145B;
	-moz-box-shadow: 0 0 3px #ED145B;
	-webkit-box-shadow: 0 0 3px #ED145B;
	opacity:1;
	filter: alpha(opacity = 100);
}
#right-sidebar #login #remember-password,
#left-sidebar #login #remember-password {
	margin-right:5px;
}
#right-sidebar #login a,
#left-sidebar #login a {
	color:#727272;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
}
#right-sidebar #login a:hover,
#left-sidebar #login a:hover {
	color:#ED145B;
}
#right-sidebar #login a.lost-password,
#left-sidebar #login a.lost-password {
	display:block;
	margin:10px 0 5px 25px;
}
#right-sidebar #login #submit,
#left-sidebar #login #submit {
	background-color:#e2e2e2;
	border: 1px solid #d6d6d6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:right;
	color:#4d4d4d;
	padding:5px 20px;
	font-family: 'Coda', cursive;
	cursor:pointer;
	-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	position:relative;
	z-index:0;
	font-size:12px;
}
#right-sidebar #login #submit:hover,
#left-sidebar #login #submit:hover {
	border: 1px solid #ED145B;
	background-color:#ED145B;
	color:#fff;
}
/*-- Accordion --*/
#right-sidebar .widget .accordion-title,
#left-sidebar .widget .accordion-title {
	border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
	background-image: linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(236,236,236)),
		color-stop(1, rgb(247,247,247))
	);
	position:relative;
	z-index:0;
}
#left-sidebar .widget .accordion-title.end { border-bottom:none;}
#right-sidebar .widget .accordion-title h3,
#left-sidebar .widget .accordion-title h3 {
	margin-bottom:0;
	color: #626262;
    font-family: 'Coda',cursive;
    font-size: 14px;
}
#right-sidebar .widget .accordion-title a,
#left-sidebar .widget .accordion-title a {
	color:#4d4d4d;
	display:block;
	padding:7px 10px;
	text-shadow: 0px 1px 0px #;
}
#right-sidebar .widget .accordion-title a:hover,
#left-sidebar .widget .accordion-title a:hover {
	color:#ED145B;
}
#right-sidebar .widget .accordion-title.active a,
#left-sidebar .widget .accordion-title.active a {
	color:#ED145B;
}
.accordion-container {
	padding:10px 0 0 0;
}
#right-sidebar .widget .accordion-container ul,
#left-sidebar .widget .accordion-container ul {
	border-bottom:1px solid #E3E3E3;
	padding:0 10px;
	position:relative;
	z-index:0;
}
#right-sidebar .widget .accordion-container ul li,
#left-sidebar .widget .accordion-container ul li {
	margin-bottom:10px;
}
#right-sidebar .widget .accordion-container ul li img,
#left-sidebar .widget .accordion-container ul li img {
	float:left;
	margin-right:10px;
	border:4px solid #e4e4e4;
	box-shadow: 0 0 1px #FFF;
	-moz-box-shadow: 0 0 1px #FFF;
	-webkit-box-shadow: 0 0 1px #FFF;
}
#right-sidebar .widget .accordion-container ul li a,
#left-sidebar .widget .accordion-container ul li a {
	color:#727272;
	font-family:Arial, Helvetica, sans-serif;
}
#right-sidebar .widget .accordion-container ul li a:hover,
#left-sidebar .widget .accordion-container ul li a:hover {
	color:#ED145B;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin-left:70px;
}
#center-col .element {
	margin:0 0 25px 0px;
	overflow:visible;
	width:100%;
	padding:0;
	border:none;
}
#center-col .element .entry-item {
	padding:9px;
	margin:0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#center-col .element .blog-img img {
	width:100%;
	display:block;
}
#center-col .element .flx-time {
	color:#4d4d4d;
	left:-55px;
	top:10px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	background:none;
	border:none;
}
#center-col .element .flx-time p {
	background:none;
}
/*------------------ Pagination ---------------------*/
.pagination {
	display:inline-block;
	margin: 0 0 50px 0px;
}
.pagination li {
	float:left;
	margin-right:10px;
	margin-bottom:0;
	list-style:none;
	position:relative;
	z-index:1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #ffffff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 1px 0px #FFFFFF;
}
.pagination li.current {	
	background-color:#ED145B;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	color:#fff;
	position:relative;
	z-index:1;
	text-shadow: 0px 1px 0px #7f0029;
}
.pagination li:hover {
	background-image: linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(226,226,226)),
		color-stop(1, rgb(243,243,243))
	);
}
.pagination li a {
	padding:7px 12px;
	display:inline-block;
	color:#4d4d4d;
	font-family: 'Coda', cursive;
}
.pagination li.current a {	
	color:#fff;
	text-shadow: 0px 1px 0px #7f0029;
}
/* =========================================================
**********************Elements Page*************************
============================================================ */
.element-box {
	background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    padding: 10px;
	margin-left:25px;
	position:relative;
	z-index:0;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	margin-bottom:50px;
}
.element-box h1, .element-box h2, .element-box h3, .element-box h4, .element-box h5, .element-box h6 {
	margin-bottom:10px;
}
.element-box .element-title {
	border-bottom:1px solid #d9d9d9;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:10px;
	color: #ED145B;
    font-family: 'Coda',cursive;
    font-size: 20px;
	margin-top:30px;
}
/*---------------list style--------------*/
.default-list li {
	background:url(images/icons/list-icon.png) no-repeat 0 5px;
	padding-left:20px;
	margin-bottom: 10px;
}
.check-list li {
    background: url("images/icons/check-list.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    padding-left: 20px;
}
.arrow-list li {
    background: url("images/icons/arrow-list.png") no-repeat scroll 0 3px transparent;
    margin-bottom: 10px;
    padding-left: 20px;
}
.star-list li {
    background: url("images/icons/star-list.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    padding-left: 20px;
}
.elements-list .default-list ,.elements-list .circle-list,
.elements-list .check-list,.elements-list .arrow-list,.elements-list .star-list{
	width:23%;
	float:left;
	margin-bottom:20px;
	margin-right:2%;
}
/*-----------------------dropcaps-----------------*/
.flx-dropcap {
    display: inline-block;
    float: left;
    font-size: 44px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 30px;
}
.flx-dropcap.dark {
    background: none repeat scroll 0 0 #3A3A3A;
    color: #FFFFFF;
    font-size: 30px;
}
/*-------------Alert-----------*/
.alert-box {
	-webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	margin:10px 0;
	padding:20px 10px;
}
.alert-box p {
	padding:0; 
	margin:0;
	font-weight:bold;
}
.alert-box.red {
	background:#efd6d6;
	border:1px solid #e9c8cd;
	}
.alert-box.red p { 
	color:#9d303b;
	text-shadow: 1px 1px 0px #f8eded;
}	

.alert-box.yellow {
	background:#fbf8db;
	border:1px solid #faebca;
}
.alert-box.yellow p { 
	color:#b0751a;
	text-shadow: 1px 1px 0px #fdfcf1;
}

.alert-box.green {
	background:#d8eece;
	border:1px solid #cde6b8;
}
.alert-box.green p { 
	color:#367934;
	text-shadow: 1px 1px 0px #eff8eb;
}	

.alert-box.blue {
	background:#d0e9f6;
	border:1px solid #aee3ee;
}
.alert-box.blue p { 
	color:#2b72a9;
	text-shadow: 1px 1px 0px #e6f4fa;
}

.alert-box.gray {
	background:#f2f2f2;
	border:1px solid #e6e6e6;
}
.alert-box.gray p { 
	color:#6f6f6f;
	text-shadow: 1px 1px 0px #f9f9f9;
}	

/*-------------Button-----------*/
.green-button, 
.blue-button,
.orange-button,
.red-button,
.pink-button,
.grey-button,
.black-button {
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    color: #FFFFFF;
    padding:10px 20px;
    text-align: center;
	cursor:pointer;
	display:inline-block;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	position:relative;
	z-index:0;
	font-family: 'Coda',cursive;
}
.black-button {
    background: none repeat scroll 0 0 #000000;
}
.black-button:hover, .green-button:hover, .blue-button:hover, .pink-button:hover, .orange-button:hover, .red-button:hover, .grey-button:hover{
	background-color:#ED145B;
	color:#fff;
	text-decoration:none;
}
.green-button{
    background: none repeat scroll 0 0 #6ba042;
}
.blue-button{
    background: none repeat scroll 0 0 #1881c7;
}
.pink-button{
    background: none repeat scroll 0 0 #ab045c;
}
.orange-button{
    background: none repeat scroll 0 0 #f9aa21;
}
.red-button{
    background: none repeat scroll 0 0 #e2001a;
}
.grey-button{
    background: none repeat scroll 0 0 #aaaaaa;
}
.element-box .more-link {
	margin:5px 5px 5px 0;
}
.list-container ul {
    width: 100%;
	border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	position:relative;
	z-index:0;
}
.list-container ul li {
    float: left;
}
.list-container ul.tabs li a {
    display: block;
    padding: 7px 15px 5px;
	font-size:14px;
	outline:none;
	position:relative;
	z-index:0;
}
.list-container ul.tabs li.active a {
    background-color:#ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color:#ed145b;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
.list-container ul.tabs li:hover a {
	background-color:#e7e7e7;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	color:#626262;
}
.tab-container {
	border: 1px solid #cfcfcf;
	margin-top:-2px;
	margin-bottom:15px;
	padding:15px;
}
.tab-content p {
	margin-bottom:0;
}
.element-box .accordion-title {
	background: url("images/background/widget-title-bg.png") repeat-x scroll 0 bottom transparent;
	border-top: 1px solid #D9D9D9;
}
.element-box .accordion-title h5{
	margin-bottom:0px;
}
.element-box .accordion-title a {
	color: #4D4D4D;
    display: block;
    padding: 10px;
}
.element-box .accordion-title.active a {
    color: #ED145B;
}
.element-box .accordion-container {
	padding:10px;
}
.element-box .acc-wrapper {
	margin-bottom:15px;
	border-right: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
/*-------------Columns-----------*/
.flx_one_two {
	float:left;
	margin-right:2%;
	width:49%;
}
.flx_one_third {
	float:left;
	margin-right:2%;
	width:32%;
}
.flx_two_third {
	float:left;
	margin-right:2%;
	width:66%;
}
.flx_one_forth {
	float:left;
	margin-right:2%;
	width:23.5%;
}
.flx_three_forth {
	float:left;
	margin-right:2%;
	width:74.5%;
}
/* Table 1 Style */
table.table1{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
	display:inline-block;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #212121;
    border:1px solid #212121;
    background-image: linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,43,43)),
		color-stop(1, rgb(68,68,68))
	);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#444444');   /* IE rule */
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	margin-right:1px;
	font-family:"Coda";
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#666666;
    background-color:#d7d7d7;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    padding:0px 10px;
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
	font-family:"Coda",Arial, Helvetica, sans-serif
}
.table1 tfoot td{
    color: #555;
	font-family:"Coda",Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
    padding:10px 0px;
    text-shadow: 1px 1px 1px #ffffff;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#f0f0f0;
    border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow: 1px 1px 1px #ffffff;
}
.table1 tbody span.check::before{
    content : url(images/icons/check0.png)
}
/* Table 2 Style */
table.table2{
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    border-collapse:collapse;
    text-align:center;
	display:inline-block;
}
.table2 thead th, .table2 tfoot td{
    padding:20px 10px;
    color:#fff;
    font-size: 16px;
    background-color:#222;
    font-weight:normal;
    border-right:1px dotted #666;
    border-top:3px solid #666;
	font-family:"Coda",Arial, Helvetica, sans-serif;

}
.table2 tfoot th{
    padding:10px;
    font-size:14px;
    text-transform:uppercase;
    color:#888;
}
.table2 tfoot td{
    font-size:16px;
    color:#EF870E;
    border-top:none;
    border-bottom:3px solid #666;
	text-align:center;
}
.table2 thead th:empty{
    background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.table2 thead :nth-last-child(1){
    border-right:none;
}
.table2 thead :first-child,
.table2 tbody :nth-last-child(1){
    border:none;
}
.table2 tbody th{
    text-align:right;
    padding:10px;
    color:#333;
    background-color:#f9f9f9;
	font-family:"Coda",Arial, Helvetica, sans-serif;

}
.table2 tbody td{
    padding:10px;
    background-color:#515151;
    border-right:1px dotted #666666;
    text-transform:uppercase;
    color:#FFF;
	text-align:center;
}
.table2 tbody span.check::before{
    content : url(images/icons/check1.png)
}

/* Table 3 Style */
table.table3{
    font-family:Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align:center;
	display:inline-block;
}
.table3 thead th{
    padding:20px 10px;
    text-transform:uppercase;
    color:#FFF;
    border-bottom:5px solid #444;
	font-family:"Coda",Arial, Helvetica, sans-serif
}
.table3 thead th:empty{
    background:transparent;
    border:none;
}
.table3 thead :nth-child(2),
.table3 tfoot :nth-child(2){
    background-color: #e99b3d;
	border-top:15px solid #db8422;
	border-collapse: collapse;
}
.table3 thead :nth-child(3),
.table3 tfoot :nth-child(3){
    background-color: #efbd25;
	border-top:15px solid #e1ac15;
}
.table3 thead :nth-child(4),
.table3 tfoot :nth-child(4){
    background-color: #93af27;
	border-top:15px solid #829f0e;
}
.table3 thead :nth-child(5),
.table3 tfoot :nth-child(5){
    background-color: #5ba133;
	border-top:15px solid #46871a;
}
.table3 thead :nth-child(5){
    -moz-border-radius:0px 5px 0px 0px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}
.table3 tfoot :nth-child(5){
    -moz-border-radius:0px 0px 5px 0px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}
.table3 tfoot td{
    font-size:16px;
	font-family:"Coda",Arial, Helvetica, sans-serif;
    padding:15px 0px;
	text-align:center;
	color:#FFF;
}
.table3 tbody td{
    padding:10px;
}
.table3 tbody tr:nth-child(4) td{
    font-size:16px;
    font-weight:bold;
}
.table3 tbody td:nth-child(even){
    background-color:#f0f0f0;
    color:#444;
    border-bottom:1px solid #FFF;
	text-align:center;
}
.table3 tbody td:nth-child(odd){
    background-color:#565656;
    color:#f0f0f0;
    border-bottom:1px solid #757575;
	text-align:center;
}
.table3 tbody th{
    color:#696969;
    text-align:right;
    padding:0px 10px;
	font-family: 'Coda',cursive;
}
.table3 tbody span.check::before{
    content : url(images/icons/check2.png)
}
h2.table-title {
	font-family: 'Coda',cursive;
	font-size:16px;
	font-style:normal;
	margin:40px 0px 30px;
	width:100%;
	color:#aaa;
}
/*
Table Style - This is what you want
------------------------------------------------------------------ */
table.table4 a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.table4 a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.table4 a:active,
table.table4 a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.table4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.table4 th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.table4 th:first-child{
	text-align: left;
	padding-left:20px;
}
table.table4 tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.table4 tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.table4 tr{
	text-align: center;
	padding-left:20px;
}
table.table4 tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.table4 tr td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.table4 tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.table4 tr:last-child td{
	border-bottom:0;
}
table.table4 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.table4 tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.table4 tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
/*
Footer Socials icons
------------------------------------------------------------------ */
.socials-box {
	width:90%;
	background: url("images/background/bg-sidebar.png") repeat scroll left top #181818;
	border:1px solid rgba(0, 0, 0, 0.1);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:15px;
	margin:20px auto;
}
.socials-box li {
	width:140px;
	height:51px;
	float:left;
}
.socials-box li a,
.socials-box li span { 
	float:left;
	color:#626262;
}
.socials-box li span {
	line-height:35px;
	margin-left:5px;
	text-shadow: 0 1px 0px #ffffff;
}
/* =========================================================
**********************About Page*************************
============================================================ */
.about-widget {
	background-color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	z-index:0;
	margin:50px 0;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.about-top {
	border-bottom:9px solid #131313;
	padding:20px 20px 0 20px;
	position:relative;
}
.about-top img {
	float:left;
	bottom:0;
	margin-right:10px;
}
.about-top .about-content h2 {
	font-size:30px;
	color:#626262;
	font-family: 'Coda',cursive;
	margin-bottom:20px;
}
.about-top .about-content p {
	color:#3d3d3d;
}
.about-bottom {
background:#00c199; border-radius: 0 0 5px 5px; margin-bottom: 50px; border-top: 5px solid #01af8b;
}
.service-box {
	margin:30px 30px 40px 30px;
}
.service-box li {
	float:left;
	list-style:none;
	width:25%;
	text-align:center;
}
.service-box li:last-child {
	margin-right:0;
}
.service-box li span {
	display:inline-block;
	width:124px;
	height:124px;
	font-size:0;
	text-indent:-99999px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-align:center;
	box-shadow: 1px 1px 0 #303030, 1px 5px 10px rgba(0,0,0,0.2) inset;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.service-box li span.branding {
	background:url(images/icons/branding-icon.png) no-repeat center center #252525;
}
.service-box li span.mobileApp {
	background:url(images/icons/mobileapp-icon.png) no-repeat center center #252525;
}
.service-box li span.webDesign {
	background:url(images/icons/webdesign-icon.png) no-repeat center center #252525;
}
.service-box li span.campaigns {
	background:url(images/icons/campaign-icon.png) no-repeat center center #252525;
}
.service-box li:hover span {
	width:144px;
	height:144px;
	background-color:#1b1b1b;
	margin:-10px;
}
.service-box li .service-title {
	margin-bottom:15px;
	font-size:20px;	
	font-family: 'open sans';
	text-align:center;
	font-weight:300;
}
.service-box li .service-title a {
	color:#fff;
}
.service-box li .service-title a:hover {
	color:#fff;
}
/* =========================================================
**********************Fixed width Page**********************
============================================================ */
.fixed-width #main-content {
	width:980px;
	margin:0 auto;
}
.right-sidebar-page.fixed-width #center-col .white-box, .fixed-width .element-box {
    margin-left: 0;
}
.fixed-width #right-sidebar,
.fixed-width #left-sidebar {
	width:250px;
}
.fixed-width #left-sidebar {
	margin-right:10px;
}
.fixed-width #right-sidebar .widget {
    margin: 0 0 10px 10px;
	width:240px;
}
.fixed-width #left-sidebar .widget {
    margin: 0 10px 10px 0;
	width:240px;
}
.fixed-width #right-sidebar #login #username,
.fixed-width #right-sidebar #login #password,
.fixed-width #left-sidebar #login #username,
.fixed-width #left-sidebar #login #password {
	width:188px;
}
.fixed-width #right-sidebar .sidebar-list-container ul.sidebar-tabs li a,
.fixed-width #left-sidebar .sidebar-list-container ul.sidebar-tabs li a {
	padding:10px;
}
.fixed-width .flickr-badge-image {
	margin:0 3px 5px;
}
/* =========================================================
**********************404 Page******************************
============================================================ */
.page-404 {
	text-align:center;
}
.page-404 img {
	display:inline-block;
	margin-top:100px;
	margin-bottom:30px;
}
.page-404 h2 {
	font-size:50px;
	font-weight:700;
	color:#626262;
	margin-bottom:10px;
	line-height:40px;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
}
.page-404 p {
	font-size:20px;
	color:#626262;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
	font-family: 'Open Sans';
	font-weight:300;
	line-height:20px;
}

/* =========================================================
**********************Update 28.02.2013*********************
============================================================ */
.entry-box footer {
    margin-top: 20px;
}
.entry-box footer .prev-post {
    float: left;
}
.entry-box footer .next-post {
    float: right;
}
.entry-box footer a {
    color: #ed145b;
    padding: 3px 5px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.entry-box footer a:hover {
	text-decoration:underline;
}
/****************Tag in single post***************/
.flx-tag-box {
	margin-top:20px;
}
.flx-tag-box .flx-tag {
	margin-bottom:5px;
	font-family: 'Coda',cursive;
	display:inline-block;
	*display:inline;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#363636;
	color:#fff;
	padding:5px 10px;
	font-style:italic;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.flx-tag-box .flx-tag:hover {
	background-color:#ed145b;
}
/****************Related in single post***************/
.flx-related-post {
    border-top: 1px dotted #CCCCCC;
    padding-top: 15px;
	margin-top:30px;
	position:relative;
}
.flx-related-post h3 {
    margin-bottom: 20px;
	color: #6C6C6C;
    font-family: 'Coda',cursive;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
.list-carousel.responsive {
	width: auto;
	margin: 0 -5px;
}
.list-carousel > ul {
	display: block;
	height: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.list-carousel ul li {
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0;
}
.list-carousel #flx-slides-3 li {
	width:182px;
}
.list-carousel #flx-slides-3 li .flx-post-thumb {
	display:block;
	margin-bottom:10px;
	border:1px solid #b9b9b9;
}
.list-carousel #flx-slides-3 li .flx-post-thumb img {
	width:100%;
}
.list-carousel #flx-slides-3 li .entry-content a {
	color:#373737;
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-bottom:5px;
}
.list-carousel #flx-slides-3 li .entry-content a:hover {
	color:#ed145b;
}
.list-carousel #flx-slides-3 li .entry-content .flx-entry-date {
	font-size:11px;
	color:#8e8e8e;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin-bottom:3px;
}

.list-carousel .carousel-nav {
	position: absolute;
	top: 17px;
	right: 0px;
}
.list-carousel .carousel-next, .list-carousel .carousel-prev {
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	text-indent: -9999px;
	width: 10px;
	z-index: 10;
	outline: none;
	background:url(images/slider/carousel-nav.png) no-repeat 0 0;
	-webkit-transition: none;
 	-moz-transition: none;
 	-o-transition: none;
 	transition: none;
}
.list-carousel .carousel-next {
	background-position: -20px 0;
}
.list-carousel .carousel-prev {
	margin-right:10px;
}
.list-carousel .carousel-next:hover {
	background-position: -20px -34px;
}
.list-carousel .carousel-prev:hover {
	background-position: 0 -34px;
}
/*===============About Author===================*/
.about-author {
	border-top: 1px dotted #CCCCCC;
    padding-top: 15px;
	margin-bottom:30px;
}
.about-author img {
	float:left;
	margin-right:20px;
}

.about-author h3 {
	margin-bottom: 20px;
	color: #6C6C6C;
    font-family: 'Coda',cursive;
    font-size: 20px;
    font-weight: 400;
}
.author-name {
	font-size:14px;
	font-weight:bold;
	color:#373737;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}
.author-name:hover {
	color:#ed145b;
}
.about-author p {
	color:#6d6d6d;
	font-size:11px;
}






/* OVERRIDES */
#flx-sequence {background: url(http://videosurveillance-entreprise.com/slike/slider-bg.jpg) scroll  center center / cover no-repeat  rgba(0, 0, 0, 0);}
.white-box {padding: 30px 30px 15px 30px; width:auto !important;}
.service-box {margin:10px;}
.service-box li {height:auto !important;}






/* CUSTOM CSS  */

.margin0auto {margin: 0 auto;}
.margintop10 {margin-top:10px;}

.bigtar {cursor:pointer;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
.bigtar:hover {background-color:#eee;}
.bigtarnobg {cursor:pointer;}

.responsive-box {
    width:98%;
    position: relative;
    z-index: 0;
    padding:1%;
    float:left;}
.text-center {text-align:center;}
.width100po {width:100%;}

.tp-caption.zeleno {
position:absolute;
font-style:italic;
color:#019375;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
font-weight:700;
font-size:56px;
line-height:70px;
font-family:"Open Sans";
background-color:transparent;
padding:0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.crno{
text-transform:uppercase;
position:absolute;
color:#000000;
font-style:italic;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
font-weight:300;
font-size:22px;
line-height:40px;
font-family:"Open Sans";
background-color:transparent;
padding:0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.crnitekst {
text-align:right;
position:absolute;
color:#000000;
font-style:italic;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
font-weight:300;
font-size:20px;
line-height:40px;
font-family:"Open Sans";
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

padding:1% 7% 1% 15%;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.crnitekst-mali {
text-align:right;
position:absolute;
color:#000000;
font-style:italic;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
font-weight:300;
font-size:16px;
line-height:22px;
font-family:"Open Sans";
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

padding:1% 7% 1% 15%;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.poc-box-h3 {font-family:open sans; font-weight:300; line-height:40px; font-size:30px; margin: 20px 0 10px 0; color:#000; padding:0 5px;}
.poc-box-h4 {font-family:open sans; line-height:20px; font-size:14px; margin: 10px 0; color:#01aa87; text-transform:uppercase; padding:0 5px; height:40px;}
.poc-box-txt {font-family:arial; margin: 10px 0; color:#7a7979; padding:10px 5px; min-height:140px; overflow:hidden;}
.poc-box-txt p {line-height:24px; font-size:14px;}


.custom-footer {background: #2d3e50;width:100%; float:left;}
.footer-naslov {font-family:open sans; font-weight:300; line-height:50px; font-size:14px; color:#fff; padding:0 5px; text-transform:uppercase;}
.footer-naslov span {font-size:24px;}
.footer-text {font-family:tahoma; line-height:20px; font-size:11px; color:#8d98a4; padding:0 5px;}
.custom-footer hr {border-color:#576573}

.owl-theme .owl-controls {
    text-align: right;
}

.owl-theme .owl-controls .owl-buttons div {
	background:none;
	border-radius:none;
	font-size: 18px;
	margin:0;
	padding: 2px 4px;}

.righttoleft {text-align:right;}

.roundedbox {border-radius: 5px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin: 15px 5px; overflow: hidden; padding: 9px; position: relative; background:#fff;}

a.svjetloplavi:link, a.svjetloplavi:visited, a.svjetloplavi:active {color: #a4b9ff; text-decoration: none;}
a.svjetloplavi:hover {color: #ffffff; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #ffffff; text-decoration: underline;}

a.zeleni:link, a.zeleni:visited, a.zeleni:active {color: #13AC79; text-decoration: none;}
a.zeleni:hover {color: #33CC99; text-decoration: none;}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#777; text-decoration:none; border:1px solid #e1e1e1; border-radius:2px; padding:2px 4px; background:#fff; float:left; margin:0 4px 4px 0; font-size:11px !important;}
a.tagovi:hover {background:#eee; border:1px solid #ddd; color:#777}

.poveznice {margin:0; padding:0;}

.references-bg {background: url(http://videosurveillance-entreprise.com/slike/references-bg-wide-02.jpg) no-repeat fixed center center / cover;}
.solutions-bg {background: url(http://videosurveillance-entreprise.com/slike/references-bg-wide-02.jpg) no-repeat fixed center center / cover;}
.groupe-bg {background: url(http://videosurveillance-entreprise.com/slike/references-bg-wide-02.jpg) no-repeat fixed center center / cover;}
.zone-bg {background: url(http://videosurveillance-entreprise.com/slike/references-bg-wide-02.jpg) no-repeat fixed center center / cover;}


.bread {margin: 15px 0 0 30px; color:#fff; font-family:tahoma; font-size:11px; text-transform:uppercase;}

.contizb {font-family:open sans; font-size:11px; text-transform:uppercase; color:#fff; line-height:30px; margin-top:10px; margin-bottom:20px; text-shadow: 0 0 10px #FFFFFF;}

.google-map {background: none repeat scroll 0 0 #E5E3DF;height: 400px;margin: -30px 0 30px;width: 100%;}

#ajax_form span {
	margin-bottom:10px;
	position:relative;
	display:block;
}

#ajax_form p {
	margin-bottom:15px;
	position:relative;
}
#ajax_form label {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:700;
	float:left;
	margin:10px 20px 0 10px;
	width:60px;
}

.contact-page #ajax_form #ime, .contact-page #ajax_form #email, .contact-page #ajax_form #tvrtka, .contact-page #ajax_form #prezime, .contact-page #ajax_form #adresa, .contact-page #ajax_form #grad, .contact-page #ajax_form #telefon, .contact-page #ajax_form #fax {
	width:60%;
	padding:0 10px;
	height:34px;
	line-height:34px;
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
	
}
#ajax_form #ime, #ajax_form #email, #ajax_form #tvrtka, #ajax_form #prezime, #ajax_form #adresa, #ajax_form #grad, #ajax_form #telefon, #ajax_form #fax  {
	width:60%;
	padding:0 10px;
	height:34px;
	line-height:34px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#ajax_form #poruka {
	width:80%;
	padding:10px;
	height:134px;
	border:1px solid #B9B9B9;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
.contact-page #ajax_form #poruka {
	width:425px;
	padding:10px;
	height:134px;
	border:1px solid rgba(237, 20, 91, 0);
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#ajax_form #ime:focus, #ajax_form #email:focus, #ajax_form #tvrtka:focus, #ajax_form #poruka:focus, #ajax_form #prezime:focus, #ajax_form #adresa:focus, #ajax_form #grad:focus, #ajax_form #telefon:focus, #ajax_form #fax:focus  {
	box-shadow: 0 0 3px rgba(0, 193, 153, 0.4);
	-moz-box-shadow: 0 0 3px rgba(0, 193, 153, 0.4);
	-webkit-box-shadow: 0 0 3px rgba(0, 193, 153, 0.4);
	border:1px solid rgba(0, 193, 153, 0.4);	
	opacity: 1;
}
.contact-page #ajax_form #ime:focus, .contact-page #ajax_form #email:focus, .contact-page #ajax_form #tvrtka:focus, .contact-page #ajax_form #poruka:focus, .contact-page #ajax_form #prezime:focus, .contact-page #ajax_form #adresa:focus, .contact-page #ajax_form #grad:focus, .contact-page #ajax_form #telefon:focus, .contact-page #ajax_form #fax:focus  {
	border: 1px solid #ED145B;
    box-shadow: 0 0 3px #ED145B;
	-moz-box-shadow: 0 0 3px #ED145B;
	-webkit-box-shadow: 0 0 3px #ED145B;
	opacity:1;
	filter: alpha(opacity = 100);
}
#ajax_form .comment-button span {
	display:inline-block;
	margin-left:90px;
}
#ajax_form .comment-button span.submit-comment-icon {
	display:inline-block;
	background:url(images/icons/button-create-icon.png) no-repeat center center;
	width:29px;
	height:30px;
	border-right:1px solid #454545;
	background-color:#222;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	float:left;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	margin:0;
	position:relative;
	z-index:0;
}
#ajax_form .comment-button span:hover span.submit-comment-icon {
	background-color:#00C199;
	border-right:1px solid #70EAD0;
}
#ajax_form .comment-button #submit-comment {
	border:none;
	cursor:pointer;
	background-color:#363636;
	float:right;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	padding:5px 10px;
	font-family: 'open sans';
	font-size:14px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	text-transform:uppercase;
	margin:0;
	position:relative;
	z-index:0;
	cursor:pointer;
	line-height:20px;
	height:30px;
}
#ajax_form .comment-button span:hover #submit-comment {
	background-color:#00C199;
}
#ajax_form label.error {
	float:none;
	position:absolute;
	top:-15px;
	left:90px;
	width:auto;
	margin:0;
	color:#ed145b;
	font-size:11px;
}
.checkboxholder {float:left; width:80%;}
.checkboxholder input {margin-top:10px;}

.hrlite {border-color:#eee; margin:20px 0;}

.error_message p {font-size: 11px;color: #ff0000;line-height: 16px;margin: 0 0 10px;}

.clear1 {clear:both; display: block; overflow: hidden; height: 1px;}
.clear10 {clear:both; display: block; overflow: hidden; height: 10px;}
.clear20 {clear:both; display: block; overflow: hidden; height: 20px;}
.clear30 {clear:both; display: block; overflow: hidden; height: 30px;}
.clear40 {clear:both; display: block; overflow: hidden; height: 40px;}

.white-solo {
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px px 0 0;
	margin:50px 0 0 0 !important;
	width:auto !important;

}
.service-box li .service-subtitle{
	margin-bottom:5px;
	font-size:15px;	
	font-family: 'open sans';
	text-align:center;
	font-weight:300;
	color:#fff;
	height:40px;
	overflow:hidden;
}
.detaljnijebox {padding:15px 15px 30px 15px; transition: all 1s ease;}
.detaljnijebox:hover {background: #55D6BB;}

.div-wygwam {text-align:justify;}
.div-wygwam img {max-width:100% !important; height:auto !important;}
.div-wygwam ul {padding-left:25px;}
.div-wygwam ul li {list-style-type:circle; line-height:20px}
.div-wygwam ol {padding-left:25px;}
.div-wygwam ol li {list-style:decimal; line-height:20px}

.prvi-slide-img:hover {z-index:10 !important;}
.prvi-slide-img img:hover {}

.big-btn {

    text-transform:uppercase;
    font-family:open sans;
    color:#fff;
    width:100%;
    transition: none;

background: rgb(1,175,139); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,175,139,1) 0%, rgba(0,193,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,175,139,1)), color-stop(100%,rgba(0,193,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(1,175,139,1) 0%,rgba(0,193,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(1,175,139,1) 0%,rgba(0,193,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(1,175,139,1) 0%,rgba(0,193,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(1,175,139,1) 0%,rgba(0,193,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01af8b', endColorstr='#00c199',GradientType=0 ); /* IE6-9 */



    border: 1px solid #46e6c5;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
    margin-bottom:20px;
}
.big-btn:hover, .big-btn:active {background: rgb(1,175,139); color:#fff;}




.big-btn-iva {

    text-transform:uppercase;
    font-family:open sans;
    color:#fff;
    width:60%;
    transition: none;
margin:10px auto 20px auto !important;
float:none !important;

	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;

    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
letter-spacing:1px;
}
.big-btn-iva:hover, .big-btn-iva:active {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
color:#fff;
}

.lista-france {font-size:12px; margin-bottom:0; width:100%;}
.lista-france th {padding: 5px 5px; background:#fff; font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:5px;}
.lista-france td {padding: 5px 5px;}
.lista-france td:last-child {width:30%;}
.lista-france td a {display:block; color:#000;}
.lista-france td a:hover {color: #fff; text-decoration: none;}
.lista-france tr {background-color: #DBF6EA; transition:all 0.5s ease}
.lista-france tr:nth-child(2n+1) {background-color: #fff;}
.lista-france tr:hover {background-color: #01cca2;}



.login-label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	margin-bottom:5px;
}
.inputlogin {
	padding:0 10px;
	width:80%;
	margin-bottom:15px;
	height:34px;
	line-height:34px;
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
.inputlogin:focus {
	box-shadow: 0 0 3px rgba(0, 193, 153, 0.4);
	-moz-box-shadow: 0 0 3px rgba(0, 193, 153, 0.4);
	-webkit-box-shadow: 0 0 3px rgba(0, 193, 153, 0.4);
	border:1px solid rgba(0, 193, 153, 0.4);	
	opacity: 1;
}

a.login {
	color:#727272;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
}
a.login:hover {
	color:#ED145B;
}

.login-sub {
	border:none;
	cursor:pointer;
	background-color:#363636;
	float:left;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	padding:5px 10px;
	font-family: 'open sans';
	font-size:14px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	text-transform:uppercase;
	margin:0;
	position:relative;
	z-index:0;
	cursor:pointer;
	line-height:20px;
	height:30px;
}

.login-sub:hover {
	background-color:#00C199;
}

/* .menu-login {color:#fff; padding:80px 20px; width:80%; border:1px solid:#46e6c5;} */

.menu-login {

    text-transform:uppercase;
    font-family:open sans;
    color:#fff;
    width:100%;
    transition: none;

background: rgb(23,222,181); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(23,222,181,1) 0%, rgba(13,212,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,222,181,1)), color-stop(100%,rgba(13,212,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17deb5', endColorstr='#0dd4aa',GradientType=0 ); /* IE6-9 */




    border: 1px solid #46e6c5;
    border-radius: 4px;
    display: inline-block;
    font-weight: 300;
    line-height: 20px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;

}
.menu-login:hover, .menu-login:active {background: rgb(23,222,181); color:#fff;}

.login-h3 {

    font-family:open sans;
    color:#fff;
    width:100%;
    transition: none;

background: rgb(23,222,181); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(23,222,181,1) 0%, rgba(13,212,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,222,181,1)), color-stop(100%,rgba(13,212,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(23,222,181,1) 0%,rgba(13,212,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17deb5', endColorstr='#0dd4aa',GradientType=0 ); /* IE6-9 */




    border: 1px solid #46e6c5;
    border-radius: 4px;
    display: inline-block;
    font-weight: 300;
    line-height: 20px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;

}




.telefongoredesno {
color: #000000;
font: 400 24px/25px 'open sans',Arial,sans-serif;
letter-spacing: 0;
margin-bottom:3px;
float: right;
}

.telefongoredesno span {font-size:14px; color:#aaa;}
.velikitelefonsmaller {font-size:24px; border-top:1px solid #17DEB5}

.povezanitekstovi {background:#fff; padding:20px; margin-top:5px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#000; font-family:open sans; font-size:15px; font-weight:300;}
.ostalarjesenja {color:#000; font-family:open sans; font-size:14px; font-weight:300; text-align:center; text-transform:uppercase;}
.ponudabutton {text-transform:uppercase; color:#ec8500; letter-spacing:1px;}

.displayblock {
display:block !important;
}

.gmap_canvas {float: left;width: 40%;height: 100%;position: relative;overflow: hidden;}