/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


/**
 * Table of Contents:
1.0 Body
2.0 Header
      2.1 Social icons
      2.2 Site header
      2.3 Navigation
3.0 - Repeatable Patterns
      3.1 Typography
      3.2 Highlights
      3.3 Margins
      3.4 Floats
      3.5 Buttons
4.0 Slider
4.0 Content
      4.1 Tag list Sidebar & Blog Entry
      4.2 Entry navigation
      4.2 Comments
      4.3 Table
5.0 Sidebar
6.0 Shortcodes
7.0 Footer
      7.1 Footer bottom
8.0 Portfolio
      8.1 Filters
9.0 FlexSlider
10.0 Carousel
11.0 Pricing tables
12.0 Blog & News
13.0 Retina Images (High Resolution)

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

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

 /* ============================== */
 /* 1.0 Body 						  */
 /* ============================== */

 body {
 	background: url("images/bggradient.jpg") repeat-x top center ;
 	font-size: 14px;
 	font-family: 'Open Sans', sans-serif;
 	color:#999;
 }

.floated-right {
	float: right !important;
}

 /* ============================== */
 /* 2.0 Header					  */
 /* ============================== */

 .container.top {
 	position: relative;
 }

 .container.top.cover {
 	background: #fff;
 	border-bottom: 2px solid #E1E1E1;
 }

 .container.top.cover .row {
 	border-bottom: none;
 }

 #left-wing {
 	content: "dsada";
 	display: block;
 	left: 0;
 	position: absolute;
 	top: 0;
 }

 #right-wing {
 	content: "";
 	display: block;
 	right: 0;
 	position: absolute;
 	top: 0;
 }

 .topbar {
 	padding-bottom: 20px;
 	position: relative;
 }

 .topbar:after {
 	position: absolute;
 	width: 100%;
 	content: "";
 	height: 1px;
 	bottom: 10px
 }

 .top .row{
 	position: relative;
 	min-height: 15px;
 }

 .row{
 	position: relative;
 }


 /* ============================== */
/* 2.1 Social icons
/* ============================== */

.social-icons{
	list-style: none;
	text-indent: -99999px;
	margin-top:10px;
}

.social-icons  li{
	float: left;
}

.social-icons li a {
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	width: 39px;
}

#social-ico-twitter, #social-ico-facebook, #social-ico-pinterest, #social-ico-rss {
	width:39px;
	height: 39px;
	margin-right: 10px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#social-ico-twitter {
	background-position: 0px px;
}

#social-ico-facebook {
	background-position: -49px 0px;
}

#social-ico-pinterest {
	background-position: -99px 0px;
}

#social-ico-twitter:hover {
	background-position: 0px -39px;
}

#social-ico-facebook:hover {
	background-position: -49px -39px;
}

#social-ico-pinterest:hover {
	background-position: -99px -39px;
}

#social-ico-rss {
	background-position: -227px 0px;
}

#ico-phone, #ico-mail {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	width:28px;
	height: 28px;
	margin: 5px 10px 0px 0px;
	border-radius: 25px
}


#ico-phone {
	background-position: -157px -6px;
}

#ico-mail{
	background-position: -193px -6px;
}

/* ============================== */
/* 2.2 Site header
/* ============================== */

#logo {
	margin:35px 0px	;
}

.top form {
	margin-top:15px;
}

.search-box {
	float: right;
	padding:7px 12px 7px 28px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 13px;
	color:#999;
	background: url("images/search-ico.png") no-repeat 10px;
	min-width: 20%;
}
.mig-box {
float: right;
min-width: 10%;
}

/* ============================== */
/* 2.3 Navigation
/* ============================== */

.selectnav { display: none; }

#navigation { float: right; margin-top: 20px;}
#navigation ul,
#navigation li { list-style:none; padding:0; margin:0; }

#navigation ul li a {
	font-size: 14px;
	font-weight: 600;
	margin: 31px 10px 28px 10px;
	text-transform: uppercase;
}

#navigation ul ul {
	margin: -2px 0 0 5px;
	border:1px solid #ededed;
	border-radius: 5px;
	padding:10px;
}

#navigation ul ul li a {
	font-size: 12px;
	font-weight: normal;
	margin: 0 10px;
	padding: 10px 5px;
	width: 150px;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {
	border-bottom: 1px solid transparent
}

#navigation ul ul ul li:last-child a {
	border-bottom: 1px solid transparent !important
}



#current {
	font-weight: bold !important;

}

#navigation  ul > li.current-menu-ancestor > a,
#navigation > div > ul > li.current-menu-item > a,
#current {
	font-weight: bold !important;
}

#navigation  ul > li.current-menu-ancestor li.current-menu-ancestor > a {
	border: none !important;
	font-weight: normal;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/* ============================== */
/* 3.0 Repeatable Patterns
/* 3.1 Typography
/* ============================== */


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}

h1 {
	font-size: 2.8em;
	font-weight: 300;
	line-height: 48px;
	margin: 30px 0;
}

h2 {
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	margin: 25px 0;
}

h3 {
	font-size: 16px;
	line-height: 34px;
	margin: 24px 0 12px 0;
	font-weight: 600;
}

h3 span {
	font-weight: 400;
	font-style: italic;
}

h4 {
	font-size: 14px;
	line-height: 30px;
}

h5 {
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
}

h6 {
	font-size: 10px;
	line-height: 21px;
}

p {
	margin: 0 0 15px 0;
	line-height: 22px;
	font-size: 14px;
	
}

p img {
	margin: 0;
}

p.lead {
	font-size: 21px;
	line-height: 27px;
}

a {
	text-decoration: none;
	color: #999;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 25px 0;
	height: 0;
}

.introp {
	font-weight: bold;
}
.introp .dropcap {
	font-weight: normal;
}

.dropcap {
	float: left;
	font-size: 58px;
	line-height: 54px;
	margin-top: -2px;
	padding-right: 10px;
	padding-top: 4px;
}

.unstyled {
	list-style: none
}
span.muted { display: none }


textarea,
input {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 12px;
	min-width: 30%
}
textarea {
	min-width: 70%;
	min-height: 170px
}

/* ============================== */
/* 3.2 Highlights
/* ============================== */

.highlight.color,
.highlight.grey,
.highlight.light { padding: 0px 5px; color: #fff; border-radius: 2px; }


.highlight.grey { background: #4c4c4c; }
.highlight.light { background: #aaa; }

/* ============================== */
/* 3.3 Margins
/* ============================== */

.no-margin-top{margin-top:0;}
.margin-top-20 {margin-top:20px;}
.no-margin-bottom{margin-bottom:0;}
.margin-bottom-20{margin-bottom:20px;}

.more, .more a {font-weight: 700;}

/* ============================== */
/* 3.4 Floats
/* ============================== */

.left{float: left;}
.right{float: right;}

/* ============================== */
/* 3.5 Buttons
/* ============================== */

.button {
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-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);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	font-style: normal;
	padding: 8px 10px;
	font-size: 14px;
	margin: 0px 8px;
	text-decoration:none;
	text-shadow:0px -1px 0px #ffb100;
	cursor: pointer;
	line-height: 18px;
	-webkit-transition:  0.3s ease-in-out;
	-moz-transition:  0.3s ease-in-out;
	-ms-transition:  0.3s ease-in-out;
	-o-transition:  0.3s ease-in-out;
	transition:  0.3s ease-in-out;
}
.button.small-bt {
	padding: 5px 6px;
	font-size: 13px;
	margin: 0px 5px;
}
.button.big-bt {
	padding:12px 15px;
	font-size:14px;
	margin:0 10px;
}
.yellow.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd400), color-stop(1, #ffb100) );
	background:-moz-linear-gradient( center top, #ffd400 5%, #ffb100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd400', endColorstr='#ffb100');
	background-color:#ffd400;
	border:1px solid #ffa800;
	text-shadow:0px -1px 0px #ffb100;
}
.yellow.button:hover {
	opacity: 0.8;
	color:#fff;
}

.blue.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72dfef), color-stop(1, #39c3df) );
	background:-moz-linear-gradient( center top, #72deef 5%, #39c3df 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72deef', endColorstr='#39c3df');
	background-color:#72deef;
	border:1px solid #12a0ca;
	text-shadow:0px -1px 0px #2fc6e1;

}
.blue.button:hover{
	opacity: 0.8;
	color:#fff;
}

.grey.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d7d7d7), color-stop(1, #b9b9b9) );
	background:-moz-linear-gradient( center top, #d7d7d7 5%, #b9b9b9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#39c3df');
	background-color:#d7d7d7;
	border:1px solid #8b8b8b;
	text-shadow:0px -1px 0px #b8b8b8;
}
.grey.button:hover{
	opacity: 0.8;
	color:#fff;
}

.green.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bee147), color-stop(1, #91c719) );
	background:-moz-linear-gradient( center top, #bee147 5%, #91c719 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee147', endColorstr='#91c719');
	background-color:#bee147;
	border:1px solid #67ab05;
	text-shadow:0px -1px 0px #8dc91a;
}
.green.button:hover{
	opacity: 0.8;
	color:#fff;
}
.orange.button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc151), color-stop(1, #ff951f) );
	background:-moz-linear-gradient( center top, #ffc151 5%, #ff951f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc151', endColorstr='#ff951f');
	background-color:#bee147;
	border:1px solid #ff7108;
	text-shadow:0px -1px 0px #ff911f;
}
.orange.button:hover{
	opacity: 0.8;
	color:#fff;
}
.button:active {
	position:relative;
	top:1px;
}

.no-margin{
	margin:0;
}

/* ============================== */
/* 4.0 Content
/* ============================== */

.features h2 {
	margin-top:35px;
}

.content, .news, .testimonials, .clients {
	/*background:#fff;*/
	padding-bottom:20px;
	padding-left: 0px;
	padding-right: 0px;
}

.clients {
	padding-bottom: 35px;
}

#page-title {
	position: relative;
}

#page-title h2 {
	margin:28px 0; line-height: 38px;
}

#page-title ul {
	position: absolute;
	top:35px;
	right:0px;
}

.features [class^="icon-"], .features [class*=" icon-"] {
	margin-right: 10px
}


.gallery-icon {
	position: relative;
}

.gallery-icon.fourcol {
	width: 33.3%;
	margin:0px !important;
	float: left;
	padding: 0;
}
.gallery {
	margin: auto;
}
.gallery .gallery-item {
	float: left;
	text-align: center;
	width: 33%;
}
.gallery-icon img {
	display: block;
}
.gallery-icon a {
	display: block;
}
.gallery .gallery-caption {
	margin-left: 0;
}
.video-cont {
	text-align: center;
	padding: 20px 0px 0px;
}
.entry .video-cont {
	padding: 0px 0px 20px;
}

.info-bar.alt {
	text-align: center;
	padding-bottom: 25px;
}
.info-bar.alt h2 { margin-bottom: 10px; }
.info-bar .yellow-button {
	margin:0 15px;
}


.work{
	padding-bottom:40px;
}

.news h3{
	line-height: 18px;
}

.news h5{
	margin: 0 0 15px 0;
}

.testimonials img.avatar,
#comments-widget img.avatar,
#comments img.avatar {
	float:left;
	width: 63px;
	height: 63px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin: 10px 15px 0 0;
}

.clients-jc {
	list-style: none;
	padding-bottom: 2px;
}

.clients-jc li {
	float: left;
	margin:0px;
}



/* ============================== */
/* 4.1 Tag list Sidebar & Blog Entry
/* ============================== */

#tags {
	margin:30px 0 0;
	border-top: 1px solid #f3f3f3;
	padding:30px 0 25px;

}
#tags ul.tags-list {
	display: block;
	padding-left: 35px;
	margin:0;
	list-style: none;
}

ul.tags-list  li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
ul.tags-list  li{
	float:left;
	margin:0 5px 10px 0;
}

ul.tags-list li a {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: bold;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding:4px 14px;
}
ul.tags-list  li a:hover {
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}
#tags-widget ul.tags-list{
	padding:0;
}

/* ============================== */
/* 4.2 Entry navigation
/* ============================== */

#post-nav{
	padding:0px;
}

#post-nav h4{
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
}
#post-nav div p{
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
}
#post-nav div{
	width:43%;

}
#post-nav div.post-prev, #post-nav div.post-next{
	position: relative;
}
#post-nav div.post-prev{
	display: inline-block;
	padding:30px 0 30px 40px;
	text-align: left;
}
#post-nav div.post-next{
	display: inline-block;
	padding:30px 0;
	text-align: right;
	padding:30px 40px 30px 0;

}
#post-nav a.post-prev-ico, #post-nav a.post-next-ico{
	position: absolute;
	width: 8px;
	height: 18px;
	top:45%;
	background: url("images/arrows.png") no-repeat;
}
#post-nav a.post-prev-ico{
	left:0;
	background-position: 0 0;
}
#post-nav a.post-next-ico{
	right:0;
	background-position: -19px 0;
}


.entry ul, .entry ol{
	margin:0 25px 0 15px;
}
.entry ul{
	list-style: circle;
}
.entry ul.slides, .entry ol.slides {
	margin:0px;
}
.entry ul.flex-direction-nav {
	list-style: none;
}


/* ============================== */
/* 4.3 Comments
/* ============================== */

#comments h3{
	padding: 30px 0;
	font-weight: 400;
	font-size: 26px;
}

ol#comments-list li div.comment{
	overflow: hidden;
	margin-bottom: 15px;
}

.comment-body{
	float: right;
	width:87%;
}

.children .comment-body{
	width: 84%;
}

div.comment-body .comment-reply{
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 20px;
	background-position: 0 -83px;
}

.discussion {
	position: relative;
}

.discussion:before {
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 44px;
}

.children li {
	position: relative;
}

.children li:before {
	content: "";
	height: 1px;
	left: -44px;
	position: absolute;
	top: 40px;
	width: 44px;
}

.children li:last-child:after {
	content: "";
	height: 100%;
	left: -45px;
	position: absolute;
	top: 41px;
	width: 10px;
}

#comments h4{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

#comments ul, #comments ol{
	list-style: none;
	/*margin:0;*/
}

ol#comments-list ul.children{
	margin-left: 75px;
}

ol#comments-list {
	overflow: hidden;
}

/* ============================== */
/* 4.4 Table
/* ============================== */

table.standard-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;

}

table.standard-table th {
	border-right: none;
	text-align: left;
	background: #eee;
	padding: 10px 15px;
	color: #999;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}

table.standard-table td {
	padding: 10px 15px;
	border-top: none;
	border-right: none;
}

/* ============================== */
/* 5.0 Sidebar
/* ============================== */

#sidebar h2 {
	margin-bottom:0;
	line-height: 22px;
}

#social-widget, #content-widget{
	padding-bottom: 15px;
}

#social-widget ul{
	list-style: none;
}

#social-widget ul li{
	margin:0;
}

#social-widget p{
	margin-top: 0;
}

#social-widget ul li div{
	float: left;
	margin-right: 15px;
}

#content-widget{
	padding-top: 15px;
}

#content-widget p{
	margin-top: 15px;
	font-size: 13px;
}

#content-widget .tabs{
	list-style: none;
	width:100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#content-widget .tabs li{
	float: left;
	margin-right:2px;
}

.google-map {
	height: 300px; margin-top: 45px
}
.google-map.google-map-full {
	margin-top: 0px;
}

#content-widget .tabs li:last-child {
	margin-right:0px;
}

#content-widget .tabs li a {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	padding:1px;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#content-widget .tabs li.active a {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72deef), color-stop(1, #39c3df) );
	background:-moz-linear-gradient( center top, #72deef 5%, #39c3df 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72deef', endColorstr='#39c3df');
	background-color:#72deef;
	border:1px solid #18acd1;
}

#content-widget .tabs li a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #39c3df), color-stop(1, #72deef) );
	background:-moz-linear-gradient( center top, #39c3df 5%, #72deef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#39c3df', endColorstr='#72deef');
	background-color:#39c3df;
	border:1px solid #18acd1;
}

#content-widget .tabs li a:active {
	position:relative;
	top:1px;
}

#content-widget .tabs li a span{
	text-indent: -9999px;
	width:18px;
	margin: 5px 30px;
	display: block;
}


#sidebar h4{
	margin-bottom: 0;
	line-height: 18px;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}

#sidebar h5{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#sidebar h4 a span, #comments h4 a span{
	font-style: italic;
	font-weight: 400;
}

.standard-widget{
	padding: 5px 0 25px;
}
.standard-widget:first-child {
	border-top: 0px
}

.standard-widget ul{
	list-style: circle;
	margin:15px 0 0 15px;
}

.standard-widget ul li{
	line-height: 24px;
	font-size:14px;
}

.active a {
	font-weight: bold;
}
/* ============================== */
/* 6.0 Shortcodes
/* ============================== */

blockquote,
.quote{
	padding: 12px;
	margin-bottom: 10px;
	font-style: italic;
}

blockquote {
	position: relative;
	padding-left: 55px;
}

blockquote:before {
	content: " ";
	display: block;
	position: absolute;
	left:15px;
	top:9px;
	width: 25px;
	height: 25px;
}

.alert, .warning, .success {
	padding: 15px 12px;
	margin-bottom: 10px;
}

.warning{
	background:#fff5d8;
	color:#dcb574;
}
.alert{
	background: #ffe9e2;
	color:#e08686;
}
.success {
	background-color: #EBF6E0;
	color: #5F9025;
}

.quote i, .alert i, .warning i, .success i, div.accordion h4 i{
	width:22px;
	height: 25px;
	display: inline-block;
	margin:0 10px 0 5px;
	vertical-align: middle;
}
div.accordion h4 i{
	width:25px;
}
.quote i{background-position: 0px 0px;}
.warning i{background-position: -105px 0px;}
.alert i{background-position: -130px 0px;}
.success i {background-position: -154px 0px;}


div.accordion h4 i {background-position: -52px 0px}
div.accordion h4:hover i{background-position: -25px 0px}
div.accordion h4.active i{background-position: -79px 0px}

.entry ul.tabs{
	list-style: none;
	border-bottom: 2px solid #eee;
	padding: 10px 0;
	margin:0;
}

.entry ul.tabs li {
	display: inline;
	padding:12px 16px;
	cursor: pointer;
	margin:0 6px 0 0;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}



.entry .tabs-content{
	padding:15px;
}

div.accordion h4{
	padding: 12px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}

div.accordion h4 a{
	font-weight: 400;
	font-size: 14px;
}

div.accordion h4.active{
	margin-bottom: 0px;
}


div.accordion div {
	border-top: none;
	padding: 12px;
	margin-bottom: 10px;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}


/* Progress Bar
====================================*/

.skill-bar {
	position: relative;
	margin: 0 0 10px 0;
}

.skill-bar-content[data-percentage] {
	color: #FFFFFF;
	text-align: right;
	padding: 5px
}

.skill-bar-content {
	width: 0%;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.12);
}

.skill-bar .skill-title {
	color: #fff;
	top: 6px;
	left: 15px;
	position: absolute;
}

.skill-bar .percentage {
	color: #666;
	position: absolute;
	top: 9px;
	left: 90%;
}


#comments-widget ul{
	list-style: none;
}
.tabs-content .tab{
	display:none;
}

/* ============================== */
/* 7.0 Footer
/* ============================== */

.footer{
	padding-bottom:20px;
}

.footer h3{
	font-size:24px; font-weight: 400;
	margin:30px 0;
}

.footer .twitter{
	margin-top:31px;
}

.footer .twitterfeed {
	padding-left: 55px ;
	background: url("images/twitter-ico.png") no-repeat left;
	min-height: 35px
}
.callus {
	font-size: 35px;
}
.tweet_list {
	list-style: none;
	margin:0 0 3px 0;
	font-style: italic;
}

.footer #footer-form p{
	margin:0 0 3px 0;
}

.footer input, textarea, .content-form input, textarea{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 10px;
	margin-bottom: 8px;
	font-size: 12px;
}

.footer input:focus, textarea:focus, .content-form input:focus, textarea:focus {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

#error404 {
	background: url('images/404.png') no-repeat left 5px;
	padding: 0px 0px 30px 110px;
}



.footer input, .content-form input{
	width: 80%;
}

#submit {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72deef), color-stop(1, #39c3df) );
	background:-moz-linear-gradient( center top, #39c3df 5%, #39c3df 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cb7b2', endColorstr='#3cb7b2');
	background-color:#39c3df;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #18acd1;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	font-style: normal;
	padding:12px 15px;
	text-decoration:none;
	text-shadow:0px -1px 0px #39c3df;
	text-transform: uppercase;
	width:66px;
	cursor: pointer;
}

#submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3cb7b2), color-stop(1, #72deef) );
	background:-moz-linear-gradient( center top, #3cb7b2 5%, #72deef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cb7b2', endColorstr='#72deef');
	background-color:#3cb7b2;
}

#submit:active {
	position:relative;
	top:1px;
}

/* ============================== */
/* 7.1 Footer bottom
/* ============================== */

.footer-bottom {
	height: 132px;
	padding:25px 0;
}
.scrollup {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background: url('images/footer-top.png') no-repeat;
	display: block;
	margin-top: -30px;
	float: right;
}

.footer-bottom ul {
	list-style:url('images/footer-dot.png');
}

.footer-bottom ul li {
	float: left;
	margin:0 10px;
}

/* ============================== */
/* 8.0 Portfolio
/* ============================== */

#portfolio-container{
	padding-bottom: 40px;
}

#portfolio{
	overflow: hidden;
	width:100%;
}

#portfolio-container .portfolio-item{
	margin-top:40px;
}

.portfolio-item {
	position: relative;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	border-radius: 2px;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 1px 1px 0px #dddddd;
	box-shadow: inset 0px 1px 1px 0px #dddddd;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.team .desc,
.portfolio-item .desc{
	padding-bottom: 5px;
	margin-top:-5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.team img {
	width: 100%;
}

div.desc h4, div.desc p{
	text-align: center;
}
div.desc h4{
	padding-top: 15px;

}
div.desc h4 a{
	color:#444;
}

.portfolio-item:hover div.desc{
	background: #222;
	cursor: pointer;
}

.portfolio-item:hover div.desc h4 a{
	color:#fff;
}

.picture{
	position: relative;

}
.picture a{
	display: block;
	height: auto;
	width: 100%;
	position: relative;
}

.pf-cont img {
	width: 100%;
}
#portfolio .threecol.portfolio-item {
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	width:21%;
	float: left;
}
#portfolio .sixcol.portfolio-item {
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	width: 46%;
	float: left;
}

#portfolio .fourcol.portfolio-item {
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	width: 29.33%;
	float: left;
}

.gallery-icon .overlay,
.thumb-container .overlay,
.portfolio-item .overlay {
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	display: block;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 40;

	cursor: pointer;
	margin:0;
	padding: 0;
}
.gallery-icon .hover-image,
.thumb-container .hover-image,
.portfolio-item .hover-image {
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background:url("images/zoom.png") no-repeat top left;
	left:50%;
	top:50%;
	position: absolute;
	display: block;
	z-index: 45;
	width:49px;
	height: 49px;
	margin-left: -25px;
	margin-top: -25px;
}

.gallery-icon .link-image,
.thumb-container .link-image,
.portfolio-item .link-image {
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background: url("images/link.png") no-repeat scroll left top transparent;
	display: block;
	height: 49px;
	left: 50%;
	margin-left: -20px;
	margin-top: 0;
	position: absolute;
	top: 75%;
	width: 39px;
	z-index: 45;
}

#portfolio-paging {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	margin:-5px 0 10px 0;
}
#portfolio-paging .paging  {
	clear:left;
	float:left;
	position:relative;
	left:50%;
}

#portfolio-paging ul li{
	display:block;
	float:left;
	list-style:none;
	margin:10px 5px;
	position:relative;
	font-size: 14px;
	font-weight: 700;
}
#portfolio-paging .next-prev-page{
	top:0px;
}
#portfolio-paging .paging li {
	position:relative;
	right:50%;
}
#portfolio-paging .paging li a, .next-prev-page li a{
	padding:2px 8px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#portfolio-paging .next-prev-page, .next-prev-page{
	position: absolute;
	right:0;
	left: none;
}
.next-prev-page{
	top:35px;
	float: left;
}
.next-prev-page li{
	list-style: none;
	float: left;
	margin-left:5px;
}

.view-all {
	border-radius: 20px 20px 20px 20px;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px;
	position: absolute;
	right: 50%;
	text-transform: uppercase;
	top: 30px;
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}

.prev-page a {
	background: url("images/arrows.png") no-repeat scroll 7px 6px #F3F3F3 !important
}
.next-page a {
	background: url("images/arrows.png") no-repeat scroll -11px 6px #F3F3F3 !important
}
.prev-page.active a,
.prev-page a:hover {
	background: url("images/arrows.png") no-repeat scroll 7px -21px #CCCCCC !important
}
.next-page.active a,
.next-page a:hover {
	background: url("images/arrows.png") no-repeat scroll -11px -21px #CCCCCC !important
}

.contact-info {
	padding:5px 20px;
	margin-top: 20px;
}
.aside{
	padding:5px 20px;
	float: right;
	margin:0 0 20px 25px;
	font-size: 12px;
	text-align: left;
	width:115px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.contact-info h4,
.aside h4{
	font-size: 13px;
}

.contact-info p,
.aside p{
	margin-bottom: 10px;
	font-size: 13px;
}


/* ============================== */
/* 8.1 Filters
/* ============================== */

ul#filters,
ul#filters li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}

ul#filters li {
	float:left;
	position:relative;
	margin:0px 5px

}

ul#filters li a {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: bold;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding:4px 14px;
}

ul#filters li a.selected,
ul#filters li a:hover {
	-webkit-transition:  0.1s ease-in-out;
	-moz-transition:  0.1s ease-in-out;
	-ms-transition:  0.1s ease-in-out;
	-o-transition:  0.1s ease-in-out;
	transition:  0.1s ease-in-out;
}


/* ============================== */
/* 9.0 FlexSlider
/* ============================== */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px;  position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {height: 0;}
.flex-direction-nav a {
	width: 30px;
	margin: -20px 0 0;
	display: block;
	padding: 2px 8px;
	text-indent: -9999px;
	width: 8px;
	position: absolute;
	bottom: -40px;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next { background-position: -11px 6px; right: 0px; }
.flex-direction-nav .flex-prev { background-position: 7px 6px; left: 0px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -43px; text-align: center; display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; display: inline;}
.flex-control-paging li a {
	width: 9px;
	height: 9px;
	display: block;
	background: transparent;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { cursor: pointer;  }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
	.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/* ============================== */
/* 10.0 Carousel
/* ============================== */
.jcarousel {
	position: relative;
	overflow: hidden;
	/* You need at least a height, adjust this to your needs */
	height: 100px;
}

.jcarousel ul {
	width: 20000em;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel li {
	float: left;
}
.recent-news-jc .threecol,
.recent-work-jc .threecol {
	width: 251px;
	margin-right: 45px;
	float: left;
}

.testimonials-jc .sixcol {
	width: 547px;
	margin-right: 45px;
	float: left;
}

/* ============================== */
/* 11.0 Pricing tables
/* ============================== */

.pricing-table {
	margin-top: 25px;
	margin-bottom: 25px
}
.pricing-table h3 {
	font-size: 18px;
	text-align: center;
	padding: 6px 0;
	margin: 0;
	font-weight: 700;
}

.pricing-table h4 {
	font-size: 24px;
	padding: 20px 0px;
}
.pricing-table ul {
	padding: 0;
	border-top: 0;
	list-style: none;
}

.pricing-table li {
	color: #999;
	background: #fff;
	text-align: center;
	padding: 10px 0;
}

li.sign-up {

	padding: 12px 0;

}

.pricing-table h3,
.pricing-table h4 {
	text-align: center;
	color: #fff;
	margin: 0;
}

.price,
.time {
	display: block;
	line-height: 20px;
}
span.time {
	font-size: 14px;
	font-weight: normal;
	color: #999999
}


/* Featured
====================================*/
.pricing-table.featured  {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.pricing-table.featured:hover {
/*	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);*/
	cursor: pointer;
}


/* ============================== */
/* 12.0 Blog & News
/* ============================== */


.entry{
	padding-top:20px;
	padding-bottom: 40px;
}

#entry-list .entry:not(:first-child){
	padding-top: 40px;
}
.entry h2 { font-size: 48px; font-weight: 300; line-height: 48px; margin:0 0 30px 0;}

.entry h2.post-title {
	margin-bottom: 15px
}

ul.entry-info{
	list-style:url('images/footer-dot.png');
	margin: 0;
}
ul.entry-info li {
	text-transform: uppercase;
	float: left;
	margin:10px;
	font-size: 12px;

}

.post-container{
	float:left;
	width:76%;
}

.post-sidebar{
	float: right;
	width:155px;
}
.thumb-container {
	position: relative;
}
.social-container, .thumb-container{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}
.thumb-container, .thumb-container img{
	width:155px;
	height: 155px;
}
.social-container{
	margin-top:10px;
	padding:15px 20px 10px 20px;
}
.social-container ul{
	list-style: none;
	margin: 0;
}
.social-container ul li{
	margin-bottom: 5px;
}
.social-container h5 {
	font-weight: 600;
}

#entry-paging {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	margin:15px 0 10px 0;
}

#entry-paging .paging  {
	clear:left;
	float:left;
}

#entry-paging ul li{
	display:block;
	float:left;
	list-style:none;
	margin:10px 5px;
	position:relative;
	font-size: 14px;
	font-weight: 700;
}

#entry-paging .next-prev-page{
	top:0px;
}
#entry-paging .paging li {

}
.next-prev-page li a{
	background-repeat: no-repeat;
	border-radius: 2px 2px 2px 2px;
	padding: 2px 8px;
	display: block;
	text-indent: -9999px;
	width: 8px;
}
#entry-paging .paging li a {
	background-repeat: no-repeat;
	border-radius: 2px 2px 2px 2px;
	padding: 2px 8px;
	display: block;
}

#entry-paging .next-prev-page{
	position: absolute;
	right:0;
	left: none;
}


/* Clearfix
================================================== */
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/* ================================================== */
/* 13.0 Retina Images (High Resolution)
====================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
		}*/
		#social-ico-twitter, #social-ico-facebook, #social-ico-pinterest, #ico-phone, #ico-mail, #social-ico-rss{
			background-image: url('images/icons@2x.png');
			background-size: 330px 129px;
		}
		#ico-phone { background-position: -157px -6px; }
		#ico-mail {	background-position: -193px -6px; }
		#social-ico-twitter {background-position: 0px 0px; }
		#social-ico-facebook { background-position: -49px 0px; }
		#social-ico-pinterest { background-position: -99px 0px; }
		#social-ico-twitter:hover { background-position: 0px -39px; }
		#social-ico-facebook:hover { background-position: -49px -39px; }
		#social-ico-pinterest:hover { background-position: -99px -39px; }
		#social-ico-rss { background-position: -227px 0px; }


		.search-box{
			background: url("images/search-ico@2x.png") no-repeat 10px;
			background-size: 15px 15px;
		}

		#content-widget .tabs li a .last-posts-ico{
			background:url('images/icons@2x.png') no-repeat -270px -21px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li a .tags-ico{
			background:url('images/icons@2x.png') no-repeat -292px -21px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li a .comments-ico{
			background:url('images/icons@2x.png') no-repeat -311px -21px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li.active a .last-posts-ico, #content-widget ul li:hover a .last-posts-ico{
			background:url('images/icons@2x.png') no-repeat -270px 2px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li.active a .tags-ico, #content-widget .tabs li:hover a .tags-ico{
			background:url('images/icons@2x.png') no-repeat -292px 2px;
			background-size: 330px 129px;
		}
		#content-widget .tabs li.active a .comments-ico, #content-widget .tabs li:hover a .comments-ico{
			background:url('images/icons@2x.png') no-repeat -311px 2px;
			background-size: 330px 129px;
		}

		#tags ul.tags-list{
			background-image:url("images/icons@2x.png");
			background-size: 330px 129px;
		}
		#post-nav a.post-prev-ico, #post-nav a.post-next-ico{
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		div.comment-body .comment-reply{
			background-image: url("images/icons@2x.png");
			background-size: 330px 129px;
		}
		blockquote:before {
			background-image:url('images/shortcodes@2x.png');
			background-size: 176px 25px;
		}
		.quote i, .alert i, .warning i, .success i, div.accordion h4 i{
			background-image:url('images/shortcodes@2x.png');
			background-size: 176px 25px;
		}
		.footer .twitterfeed {
			background-image: url("images/twitter-ico@2x.png");
			background-size: 41px 36px;
		}

		#error404 {
			background-image: url('images/404@2x.png');
			background-size: 85px 85px;
		}

		.scrollup{
			background: url('images/footer-top@2x.png') no-repeat;
			background-size: 32px 32px;
		}

		.footer-bottom ul{
			list-style:url('images/footer-dot@2x.png');
			background-size: 8px 9px;
		}

		.gallery-icon .hover-image,
		.thumb-container .hover-image,
		.portfolio-item .hover-image{
			background-image:url("images/zoom@2x.png");
			background-size: 49px 49px;

		}
		.gallery-icon .link-image,
		.thumb-container .link-image,
		.portfolio-item .link-image{
			background-image: url("images/link@2x.png");
			background-size: 39px 25px;

		}

		.prev-page a {
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.next-page a {
			background: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.prev-page.active a,
		.prev-page a:hover {
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.next-page.active a,
		.next-page a:hover {
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
		.flex-direction-nav a {
			background: url("images/arrows@2x.png") no-repeat 0 0 #F3F3F3;
			background-size: 27px 40px;
		}

		.flexslider .flex-next:hover { background: url("images/arrows@2x.png"); 	background-size: 27px 40px; }
		.flexslider .flex-prev:hover { background: url("images/arrows@2x.png"); 	background-size: 27px 40px; }

		ul.entry-info{
			list-style:url('images/footer-dot@2x.png');
			background-size: 8px 9px;
		}
		.next-prev-page li a{
			background-image: url("images/arrows@2x.png");
			background-size: 27px 40px;
		}
	}



	/* ============================== */
/* 14.0 Slider
/* more in /skins/sukces/skin.css
/* ============================== */

.slider-container {
	position: relative;
	overflow: hidden;
}
.slider-container:after {
	content: " ";
	position: absolute;
	bottom: 9px;
	width: 100%;
}

#fakebackground {
	height: 600px;
	position: absolute;
	right: 0;
	top: 45px;
	width: 100%;
	z-index: -1;
}

.ls-sukces .ls-nav-sideleft {
	padding: 5px;
	width: 65px;
	cursor: pointer;
}

.ls-sukces .ls-nav-sideright {
	padding: 5px;
	width: 65px;
	cursor: pointer;
}

.ls-sukces .ls-bottom-slidebuttons {
	padding:5px 10px 0px;
}

/* ============================== */
/* view.js transitions
/* ============================== */

.viewer li{
	-webkit-transition: width 1500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: width 1500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	transition: width 1500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption{
	opacity: 100;
	visibility: visible;
}