/*

Theme Name: Anps's Coolblue

Theme URI: http://www.astudio.si/preview/coolblue/

Description: Coolblue theme for Wordpress. Best features: HTML5, CSS3, colorpicker, one click dummy content, responsive and responsive on demand.

Version: 1.2.3

Author: Anps

Author URI: http://themeforest.net/user/Anps/portfolio?WT.ac=item_portfolio&WT.seg_1=item_portfolio&WT.z_author=Anps

Tags:  Blue

License: GNU General Public License

License URI: license.txt

*/



/*

Please DO NOT edit this file, but add your styles in custom.css file.

Style.css is the main file of our Blocked theme and includes all classes, but all classes do NOT include colors and other type of unique attributes for our set of SHEMES. You can find them in folder color/css/name_of_sheme.

*/



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}



.video-wrapper {

	position: relative;

	z-index: 9;	

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}



.video-wrapper iframe {

	position: absolute;

		z-index: 9;	

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.blank-line {

	height: 2px;

}



.none {

    display: none;

}



audio,

canvas,

video {

	display: inline-block;

	*display: inline;

	*zoom: 1;

}



audio:not([controls]) {

	display: none;

}



img {

	border: none;

}



section img {

	max-width: 100%;

	height: auto;

}



section {

	padding-bottom: 20px;

}

	

ul, ol {

    padding: 0;

    margin: 0;

}



/* WordPress Wrapping Text Around Images */



img.alignright  { float:right; margin:0 0 1em 1em }

img.alignleft { float:left; margin:0 1em 1em 0 }

img.aligncenter { display: block; margin-left: auto; margin-right: auto }

.alignright { float:right; }

.alignleft { float:left; }

.aligncenter { display: block; margin-left: auto; margin-right: auto }



/* List styles */

.list-default, .list-number, .list-square, .list-circle, .list-arrow {

    padding: 0 0 0 15px;

    margin: 0;

}



.list-default li, .list-number li, .list-square li, .list-circle li, .list-arrow li, section ul li {

    padding: 0 0 8px 8px;

}



.list-default {

    list-style: url(images/bullet_arrow_small.png);

}



.list-square {

    list-style: square;

}



.list-circle {

    list-style: disc;

}



.list-arrow {

    list-style: url(images/list_arrow.png);

}



section ul {

	margin: 0 0 0 15px;	

}



*:focus {

	outline: none;	

}



/* CSS3 animations */

.social-icons a img, .pricing-table-footer a, .responsive-on-demand, .responsive-on-demand-selected, .button, .icon-hover, button {

	transition: opacity 0.2s ease;

        -webkit-transition: opacity 0.2s ease;

        -moz-transition: opacity 0.2s ease;

		-o-transition: opacity 0.2s ease;

}



a {

	cursor: pointer;

}



a.icon .wrapper.default, a.icon .wrapper.circle, a.icon .wrapper.square, a.icon .wrapper.diamond {

	transition: background-image 0.2s ease;

        -webkit-transition: background-image 0.2s ease;

        -moz-transition: background-image 0.2s ease;

		-o-transition: background-image 0.2s ease;

}



.lb-next, .lb-prev {

	transition: none;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

}



html {

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

		-ms-text-size-adjust: 100%;

}



.clearfix {

	*zoom: 1;

}



.clearfix:before,

.clearfix:after {

	display: table;

	line-height: 0;

	content: "";

}



.clearfix:after {

	clear: both;

}



.left {

	float: left;	

}



.right {

	float: right;	

}



.main-wrapper {

	width: 940px;

	margin: 0 auto;

	position: relative;

}



body, textarea {

	margin: 0;

	font-size: 12px;

	font-weight: 400;

	font-style: normal;

	line-height: 20px;

	background-color: #ffffff;

}



/* Buttons */

.button, #wpmem_login input[type="submit"], #wpmem_reg input[type="submit"] {

	display:table;

    position: relative;

    font-size: 14px;

        -webkit-border-radius: 4px;

        -moz-border-radius: 4px;

    border-radius: 4px;

        -moz-box-shadow: 1px 1px 2px #888;

        -webkit-box-shadow: 1px 1px 2px 0px #888;

    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .14);

    text-shadow: rgba(0, 0, 0, .31) 0 -1px 1px;

    text-align: center;

    border: none;

    width: auto;

    cursor: pointer;

    opacity: 1;

    line-height: 30px;

    margin: 0 0 -10px 0;

}



.button:before, #wpmem_login input[type="submit"]:before, #wpmem_reg input[type="submit"]:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height:  8px;

    border: 1px solid rgba(255, 255, 255, 0.3);

    border-style: solid none none none;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



.button:after, , #wpmem_login input[type="submit"]:after, #wpmem_reg input[type="submit"]:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height:  5px;

    border: 1px solid rgba(0, 0, 0, 0.3);

    border-style: none none solid none;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



.button:hover, #wpmem_login input[type="submit"]:hover {

    opacity: 0.9;

}



.button.large {

    font-size: 14px;

    padding: 10px 40px;    

}



.button.medium {

    font-size: 14px;

    padding: 7px 25px;    

}



.button.small {

    font-size: 11px;

    padding: 3px 20px;    

}



a {

    text-decoration: none;	

	transition: opacity 0.2s ease, color .3s;

        -webkit-transition: opacity 0.2s ease, color .3s;

        -moz-transition: opacity 0.2s ease, color .3s;

		-o-transition: opacity 0.2s ease, color .3s;

}



.gallery-item img, .gallery-item a:before {

	transition: opacity 0.2s ease;

        -webkit-transition: opacity 0.2s ease;

        -moz-transition: opacity 0.2s ease;

		-o-transition: opacity 0.2s ease;	

}



/* Content layout */

.content-half, .content-third, .content-two-third, .content-quarter, .content-two-quarter, .content-three-quarter {

    float: left;

    position: relative;

    margin: 0 8% 0 0;

}



.content-half h1:first-child, .content-half h2:first-child, .content-half h3:first-child,

.content-half h4:first-child, .content-half h5:first-child {

	margin-top: 0;

}



.content-third h1:first-child, .content-third h2:first-child, .content-third h3:first-child,

.content-third h4:first-child, .content-third h5:first-child {

	margin-top: 0;

}





.content-two-third h1:first-child, .content-two-third h2:first-child, .content-two-third h3:first-child,

.content-two-third h4:first-child, .content-two-third h5:first-child {

	margin-top: 0;

}



.content-quarter h1:first-child, .content-quarter h2:first-child, .content-quarter h3:first-child,

.content-quarter h4:first-child, .content-quarter h5:first-child {

	margin-top: 0;

}



.content-two-quarter h1:first-child, .content-two-quarter h2:first-child, .content-two-quarter h3:first-child,

.content-two-quarter h4:first-child, .content-two-quarter h5:first-child {

	margin-top: 0;

}



.content-three-quarter h1:first-child, .content-three-quarter h2:first-child, .content-three-quarter h3:first-child,

.content-three-quarter h4:first-child, .content-three-quarter h5:first-child {

	margin-top: 0;

}



.content-half {

    width: 46%;

}



.content-two-third {

    width: 64%;

}



.content-third {

    width: 28%;

}



.content-quarter {

    width: 19%;

}



.content-two-quarter {

    width: 46%;

}



.content-three-quarter {

    width: 73%;

}





.content-half img, .content-two-third img, .content-third img, .content-quarter img, .content-two-quarter img, .content-three-quarter img {

    max-width: 100%;

    height: auto;

}



.last {

    margin: 0;

    clear: right;

}



.error_title {

	font-size: 190px;

	line-height: 150px;

	display: inline;

}



.error_sub_title {

	color: #2e2e2e;

	font-size: 24px;

	text-transform: none;

	font-weight: 400;

	display: inline;

	margin-left: 20px;

}



.error_text_large {

	margin: 40px 0 0 0;

	color: #000;

	font-size: 18px;

	font-weight: 400;

	text-transform: none;

}



.error_text {

	margin: 20px 0 0 0;

	color: #000;

	text-transform: none;

	font-weight: 400;

	font-size: 14px;

	line-height: 35px;

}



h1, h2, h3, h4, h5 {

    text-transform: uppercase;

}



h1 {

	line-height: 32px;

}



h2 {

	line-height: 26px;

}



h3 {

	line-height: 22px;

}



/* Progress shortcode */

.progress-wrapper {

    width: 100%;

    position: relative;

    border: 1px solid #eaeaea;

    border-style: none none solid none;

    margin: 0 0 11px 0;

    padding: 0 0 1px 0;

}



.progress {

    text-transform: uppercase;

    max-width: 100%;

    color: #fff;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 10px 15px;

    font-size: 12px;    

}



/* Quote */

blockquote, .quote-right, .quote-left {

    position: relative;

    color: #a2a2a2;

    font-style: italic;

    margin: 25px 26px 15px 25px;

}



blockquote:before, .quote-left:before, .quotes article:before {

    content: url(images/quote.png);

    position: absolute;

        top: -20px;

        left: -25px;

}



blockquote:after, .quote-left:after {

    content: "";

    position: absolute;

        top: 0;

        right: -26px;

    border: 1px solid #EBEBEB;

    border-style: none solid;

    width: 2px;

    height: 100%;

}



.quote-right:before {

    content: "";

    position: absolute;

        top: 0;

        left: -26px;

    border: 1px solid #EBEBEB;

    border-style: none solid;

    width: 2px;

    height: 100%;

}



.quote-right:after {

    content: url(images/quote2.png);

    position: absolute;

        top: -20px;

        right: -25px;

}



/**** Isotope filtering ****/

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:      -o-transform, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



.announce {

    position: relative;

    height: 36px;

    padding:  10px 0 0 0;

    display: table-cell;

    vertical-align: middle;

}



.announce.not:after {

	display: none;

}



.announce:after {

    content: url(images/bullet_arrow_social.png);

    display: inline;

    margin: 0 10px 0 17px;

}



.announce-after {

	font-size: 14px;

    height: 36px;

    padding:  10px 0 0 10px;

    display: table-cell;

    vertical-align: middle;

}



.social-icons {

    display: table;

}



.social-icons-wrap {

    display: table-cell;

    vertical-align: middle;

}



.social-icons {

    float: right;

    width: auto;

    display: table-cell;

    vertical-align: middle;

}



.social-icons a img {

    vertical-align: bottom;

    opacity: 0.3;

    filter: alpha(opacity=30);

    margin:  0 0 0 13px;

    float: left;

    margin-top: 13px;

}



.social-icons a img:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



.social-icons .flickr img {

	margin-top: 17px;

}



/* Header classes */

.header-button {

	background-image: -webkit-linear-gradient(top, #f6f6f6, #dcdcdc);

	border: 1px solid #fff;

	border-radius: 5px;

	padding: 17px 52px;

	text-transform: uppercase;

}



.upper-menu, .upper-menu2 {

	width: 100%;

	height: 58px;

	margin-top: -50px;

	position: relative;

	transition: margin-top 0.5s ease;

        -webkit-transition: margin-top 0.5s ease;

        -moz-transition: margin-top 0.5s ease;

	-o-transition: margin-top 0.5s ease;

}



.upper-menu .announce-after a {

    color: #fff;

}



.upper-menu2 {

	display: none;	

}



.upper-menu:hover, .upper-menu2:hover, .upper-menu.upper-menu-open, .upper-menu2.upper-menu-open {

	margin-top: 0px;

}



.upper-menu-no-transition {

	margin-top: 0px !important;

}



.upper-menu .social-icons, .upper-menu2 .social-icons  {

    float: left;

    width: 35%;

}



.header-xoxo {

	float: left;

	width: 32%;

}



.upper-menu:after, .upper-menu2:after {

        content : "";

	position: absolute;

		top:  57px;

		left: 50%;

	margin: 0 0 0 -6px;

	width: 0; 

	height: 0; 

	border-left: 7px solid transparent;

	border-right: 7px solid transparent;	

        z-index: 9;

}



.upper-menu-before, .upper-menu2-before {

        content : "";

	position: absolute;

		bottom:  -15px;

		left: 50%;

	margin: 0 0 0 -200px;

	width: 400px;

	height: 25px; 

        z-index: 19;

}



#logo {

	margin: 99px 0 0 0;	

	float: left;

}



nav {

	margin: 69px 0 0 0;

}



nav li	{

	display: block;

	float: left;

	margin: 0 0 0 10px; 

	padding: 0;

	position: relative;

	line-height: 50px;

}



nav li a  {

    display: block;

    height: 50px;

    line-height: 50px;

    padding: 24px 22px 44px 22px;

	font-size: 15px;

	text-decoration: none;

	text-transform: uppercase;

}



nav li:hover {

   	background-color: #fbfbfb; 

        background-image: linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);

        background-image: -o-linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);

        background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);

        background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 55%, rgb(252,252,252) 88%, rgb(255,255,255) 94%);

        background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 35%, rgb(252,252,252) 68%, rgb(255,255,255) 84%);

        background-image: -webkit-gradient(

                linear,

                left bottom,

                left top,

                color-stop(0.55, rgb(242,242,242)),

                color-stop(0.78, rgb(252,252,252)),

                color-stop(1, rgb(255,255,255))

        );

		background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2);

		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2)";

}



nav li a:hover:before  {

	content: url(images/nav_border.png);

	height: 102px;

	padding: 0;

	margin: 0;

	width: 1px;

	position: absolute;

		left: 0;

		bottom: 7px;

}



nav li a:hover:after {

	content: url(images/nav_border.png);

	height: 102px;

	padding: 0;

	margin: 0;

	width: 1px;

	position: absolute;

		right: 0;

		bottom: 7px;

		z-index: 9;

}



nav ul ul {

	display: none;

	padding: 0;

	background: #f0f0f0;

	border: 1px solid #ebebeb;

	position: absolute;

		top: 117px;

		left: 0px;

		z-index: 99999;

}



nav ul ul ul {

	border: none;	

	background: #f0f0f0;

}



nav ul ul li {

	float: none;

	width: 225px;

	margin: 0;

	background: #F0F0F0;

	background-image: -ms-linear-gradient(top, #F0F0F0, #F0F0F0);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F0F0F0, endColorstr=#F0F0F0)";

}



nav ul ul li:hover {

	background: #F0F0F0;

	background-image: -ms-linear-gradient(top, #F0F0F0, #F0F0F0);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F0F0F0, endColorstr=#F0F0F0)";

}



nav ul ul li a:before, nav ul ul li a:after {

	display: none;

		background-image: none;

		-ms-filter: none;

}



nav ul ul li:nth-child(n+2):before {

	content: "";

	border: 1px solid #e7e7e7;

	border-style: solid none none none;

	width: 85%;

	background: #f0f0f0;

	margin: 0 auto;

	display: block;	

	height: 1px;

}



nav ul ul li a { 

	font-size: 12px;

	text-transform: none;

	padding: 0px 47px;

	color: #666666 !important;

	background: #f0f0f0;

}



nav ul ul li a:hover {

	background: #f0f0f0;

}



nav ul ul li.has-sub-menu:after {

	content: "";

	position: absolute;

		top: 17px;

		right: -1px;

		z-index: 9;

	width: 2px;

	height: 19px;

}



nav ul li:hover > ul {

	display: block;

}



nav ul ul li ul {

	z-index: 9;

	left: 221px; 

	top: 0;

	border: 1px solid #f0f0f0;

}



/* Mobile menu */

.mobile-menu {

	cursor: pointer;

	display: none;

	background: #fff;

	border: 1px solid #ececec;

	width: 100%;

	font-size: 15px;

		font-weight: bold;

	padding: 12px 20px;	

}



/*Slider*/

.slider-wrapper {

	height: 570px;

}



.slider {

	width: 100%;

	height: 442px;	

}



.single-page {

    height: auto;

	padding: 30px 0;

	font-size: 24px;

	color: #fff;

    line-height: 27px;

    position: relative;

}



.single-page:before {

	content: "";

	background: url(images/headings_top_shadow.png);

	width: 962px;

	height: 8px;

	margin: 0 0 0 -481px;

	position: absolute;

		top: 0px;

		left: 50%;

}



.slider h2 {

	color: #fff;

	font-size: 42px;

	text-transform: uppercase;

	margin: 20px 0 30px 0;

}



.slider h3 {

	color: #fff;

	font-size: 30px;

	text-transform: uppercase;

	margin: 0 0 20px 0;

}



.slider p {

	color: #fff;

	font-size: 14px;

	line-height: 26px;	

	width: 300px;

}



.slider-test {

	position: absolute;

	margin: 60px 0 0 0px;

	width: 360px;

}



/* Iconstrip shortcode */

a.icon {

	width: 100%;

	text-align: center;

}



a.icon:hover .icon-hover {

	opacity: 1;

}



a.icon h3 {

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 600;

	margin: 29px 0 21px 0;

}



a.icon p {

	line-height: 25px;

}



a.icon .wrapper.none {

	display: block;

	text-align: center;

	width: 100%;	

}



a.icon .wrapper.none img {

	text-align: center;	

}



a.icon .wrapper.default, a.icon .wrapper.circle, .icon-hover, a.icon .wrapper.square, a.icon .wrapper.diamond {

	width: 83px;

	height: 90px;

	margin: 0 auto;

	display: table;

	position: relative;

}



.icon-hover {

	position: absolute;

		top: 0;

		left: 0;

		z-index: 1;

   	opacity: 0;

}



a.icon .icon-image {

	display: block;

	width: 83px;

	height: 78px;

	position: relative;

	z-index: 2;

}



a.icon .wrapper.default .icon-over {

	background: url(images/tear.png);

	width: 86px;

	height: 95px;

	position: absolute;

		top: -1px;

		left: -1px;	

		z-index: 3;

}



a.icon .wrapper.square .icon-over {

	background: url(images/square.png);

	width: 86px;

	height: 95px;

	position: absolute;

		top: -1px;

		left: -2px;	

		z-index: 3;

}



a.icon .wrapper.diamond .icon-over {

	background: url(images/diamond.png);

	width: 86px;

	height: 95px;

	position: absolute;

		top: -1px;

		left: -2px;	

		z-index: 3;

}



a.icon .wrapper.circle .icon-over {

	background: url(images/circle.png);

	width: 86px;

	height: 95px;

	position: absolute;

		top: -1px;

		left: -1px;	

		z-index: 3;

}



/* Breadcrumbs */

.breadcrumbs {

	width: 100%;

	text-align: right;

        margin: 23px 0 52px 0;

}



.breadcrumbs a {

	color: #000000;

	font-size: 12px;

}



.breadcrumbs a:hover {

	color: #8e8e8e;	

}



.breadcrumbs-arrow, .box .next, .box .previous {

    vertical-align: middle;

    margin: 0 14px;

}



.box .previous {

    margin: 0 14px 0 0;

}



.box {

    width: 100%;

    padding: 18px 0;

    border: 1px solid #eaeaea;

    background: #f7f7f7;	

}



#filters, .portfolio-pagination div {

    margin: 0 20px;

}



#filters li {

    float: left;

    list-style: none;

}



.box span {

    margin: 0 5px;

}



.box a {

    cursor: pointer;

}



.box a, .box span {

    color: #000;

}



#filters li a:hover, .portfolio-pagination a:hover {

    color: #8e8e8e;

}



#filters a.selected-filter, .portfolio-pagination a.selected-link {

    cursor: default;

}



.portfolio-filter {

	margin: -5px 0 0 0;

}



.portfolio-pagination {

	margin: 66px 0 0 0;	

}



/* Portfolio page */



.recent-projects {

	margin-left: -10px;

}





.portfolio-wrapper {

	width: 960px;	

}



.portfolio li:hover .portfolio-hover {

    opacity: 1.0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    top: 54px;

}



.portfolio h3, .gallery-caption {

    text-transform: uppercase;

    font-size: 14px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.portfolio .portfolio-hover {

    cursor: default;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    position: absolute;

        top: 0px;

        left: 0px;

    color: #fff;

    width: 100%;

	transition: opacity 0.3s, top 0.2s;

	-moz-transition: opacity 0.3s, top 0.2s;

	-webkit-transition: opacity 0.3s, top 0.2s;

	-o-transition: opacity 0.3s, top 0.2s;

}



.portfolio .portfolio-hover:after {

    content: "";

    position: absolute;

        bottom: 0px;

        right: 0px;

    background: #fff;

    border-style:solid;

    border-width:19px;

    width:0;

    height:0;

}



.portfolio .portfolio-hover h3 a {

	display: block;

    color: #fff;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	padding: 0;

    margin: 0px 17px 0 17px;

}



.portfolio li.three-column .portfolio-hover p {

    height: 100px;

    overflow: hidden;

}



.portfolio li.two-column .portfolio-hover p {

    height: 195px;

    overflow: hidden;

}



.portfolio .portfolio-hover p {

    font-size: 11px;

    margin: 0 17px 20px 17px;

    height: 40px;

    overflow: hidden;

}



.portfolio .portfolio-hover .enlarge, .portfolio .portfolio-hover .open {

    width: 38px;

    height: 38px;

    display: block;

    float:  left;

    position: relative;

}



.portfolio .portfolio-hover a:hover:after {

    opacity: 0.6;

}



.portfolio .portfolio-hover .open {

    margin: 0 0 0 1px;

}



.portfolio .portfolio-hover .open:after {

    content: url(images/open.png);

    position: absolute;

        top: 50%;

        left: 50%;

    margin: -8px 0 0 -7px;

}



.portfolio .portfolio-hover .enlarge:after {

    content: url(images/enlarge.png);

    position: absolute;

        top: 50%;

        left: 50%;

    margin: -7px 0 0 -8px;

}



.portfolio li.four-column, .portfolio li.three-column, .portfolio li.two-column  {

    display: none;

}



.portfolio li.four-column.page-1, .portfolio li.three-column.page-1, .portfolio li.two-column.page-1 {

    display: block;

}



.lb-close {

    background: url(images/lightbox/close.png);

    width: 27px !important;

    height: 21px;

}



.portfolio li{

    float: left;

    list-style: none;

    position: relative;

}



.portfolio li.four-column {

    width: 220px;

    height: 202px;

    margin: 61px 10px 0 10px;

}



.portfolio li.four-column img {

    width: 220px;

    height: 164px;

}



.portfolio li.three-column {

    width: 300px;

    height: 262px;

    margin: 61px 10px 0 10px;

}



.portfolio li.three-column img {

    width: 300px;

    height: 220px;

}



.portfolio li.two-column {

    width: 460px;

    height: 362px;

    margin: 61px 10px 0 10px;

}



.portfolio li.two-column img {

    width: 460px;

    height: 320px;

}



.portfolio-responsive img {

	display: none;

}



/* Portfolio single content */

.portfolio-content, .portfolio-image {

    float: left;

}



.portfolio-image {

    width: 649px;

}



.portfolio-image .portfolio-image-single {

    display: none;

}



.portfolio-controls, .blog-loop-controls, .slider-short-controls {

    width: 100%;

    position: absolute;

        top:50%;

        left: 0;

        z-index: 10;

    margin: -24px 0 0 0;

}



.portfolio-current-image:hover .left-portfolio, .portfolio-current-image:hover .right-portfolio, .wp-post-image:hover .left-blog-control, .wp-post-image:hover .right-blog-control, .slider-short:hover .slider-short-left-control, .slider-short:hover .slider-short-right-control {

    opacity: .5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}



.portfolio-current-image:hover .left-portfolio:hover, .portfolio-current-image:hover .right-portfolio:hover, .wp-post-image:hover .right-blog-control:hover, .wp-post-image:hover .left-blog-control:hover, .slider-short:hover .slider-short-left-control:hover, .slider-short:hover .slider-short-right-control:hover {

    opacity: .6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

}



.left-portfolio, .right-portfolio, .left-blog-control, .right-blog-control, .slider-short-left-control, .slider-short-right-control {

    cursor: pointer;

    display: block;

    width: 62px;

    height: 49px;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition-duration: 0.3s;

     -moz-transition-duration: 0.3s;

      -ms-transition-duration: 0.3s;

       -o-transition-duration: 0.3s;

          transition-duration: 0.3s;

}



.left-portfolio, .left-blog-control, .slider-short-left-control {

    float: left;

    background: url(images/image_previous_arrow.png);

}



.right-portfolio, .right-blog-control, .slider-short-right-control {

    background: url(images/image_next_arrow.png);

    float: right;

}



.portfolio-image .portfolio-current-image {

    display: block;

    width: 649px;

    height: auto;

    position:  relative;

}



.portfolio-image .thumbnail {

    float: left;

    margin: 16px 16px 0 0;

    line-height: 0;

}



.portfolio-image .thumbnail:nth-of-type(5n) {

    margin: 16px 0 0 0;

}



#selected-thumbnail {

    position: relative;

    cursor: default;

}



#selected-thumbnail:before {

    content: url(images/portfolio_selected_bullet.png);

    position: absolute;

        top: 50%;

        left: 50%;

        z-index: 9;

    margin: -15px 0 0 -5px;

}



.thumbnail {

    cursor: pointer;

    position: relative;

}



.portfolio-thumbnails-hover {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    background: #000;

    position: absolute;

        top: 0px;

        left: 0px;

    width: 117px;

    height: 117px;

    -webkit-transition-duration: 0.2s;

     -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

       -o-transition-duration: 0.2s;

          transition-duration: 0.2s;

}



.thumbnail:hover .portfolio-thumbnails-hover, #selected-thumbnail .portfolio-thumbnails-hover {

    opacity: .57;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=57)";

}



.portfolio-content {

    width: 258px;

    padding:  -20px 0 0 0;

    margin: 0 0 0 33px;

    line-height: 22px;

}



.portfolio-content h3 {

    font-size: 15px;

    text-transform: uppercase;

    margin: 30px 0 30px 0;

}



.portfolio-content h3:first-child, .portfolio-content p:first-child {

    margin-top: 0 !important;

}



.portfolio-content ul {

    margin: 0 0 0 20px;

}



.portfolio-content li {

    list-style: url(images/bullet_check.png);

    padding: 0 10px;

    line-height: 30px;

}



/* Blog */

ul.page-numbers {

    padding:  0 0 20px 5px;

}



ul.page-numbers li {

    list-style: none;

    float: left;

}



ul.page-numbers li a:hover {

    color: #8E8E8E;

}



ul.page-numbers li .current {

    cursor: default;

}



ul.page-numbers li:after {

    content: "/";

    margin: 0 10px;

}



ul.page-numbers li:last-of-type:after, ul.page-numbers li.last-pagination:after {

    content: "";

    margin: 0;

}



ul.page-numbers .next {

    margin: 0;

}



.blog {

    position: relative;

}



.loop-page .blog:first-of-type h2 {

	margin-top: 0

}



.post-date-comments {

    position: absolute;

        top: 0;

        left: 0;

        z-index: 9;

}



.post-date-comments div, .post-date-comments3 div {

    color: #fff;

    width: 71px;

    height: 57px;

}



.post-date-comments div .day-month, .post-date-comments3 div .day-month {

    font-size: 16px;

    text-align: center;

    display: block;

    padding: 11px 0 0 0;

    line-height: 16px;

}



.post-date-comments div .year, .post-date-comments3 div .year {

    margin: 0;

    font-size: 12px;

    text-align: center;

    display: block;   

}



.comments-number {

    font-size: 16px;

    text-align: center;

    display: block;

}



a#scrollToComments:hover {

	color: #fff;

}



.comments-text {

    margin-top: -2px;

    font-size: 11px;

    text-align: center;

    display: block;   

    line-height: 14px;

}



.post-date-comments a, .post-date-comments3 a {

    position: relative;

    display: block;

    color: #fff;

    width: 71px;

    height: 45px;

    padding: 11px 0 0 0;

}



/* No image post */

.no-image-post {

    display: table;

    margin: 0 0 30px 0;

}



.no-image-post .post-date-comments3, .no-image-post header {

    display: table-cell;

    vertical-align: middle

}



.no-image-post .post-date-comments3 {

    width: 170px;

}



.post-date-comments3 div {

    padding: 5px 0 0 0;

    height: 69px;

}



.post-date-comments3 a, .post-date-comments3 div {

    float: left;

}



.post-date-comments a:after, .post-date-comments3 a:after {

    content: "";

    position: absolute;

        bottom: -18px;

        right: 0px;

    background: transparent;

    border-style:solid;

    border-width:9px;

    width:0;

    height:0;

}



.post-date-comments a:before, .post-date-comments3 a:before {

    content: "";

    position: absolute;

        bottom: -18px;

        left: 0px;

    width: 53px;

    height: 18px;

}



.blog h2 a {

	display: block;

	font-size: 16px;

    text-transform: uppercase;

    margin:  20px 0 20px 0;

}



.blog h2.article-text-only a {

    margin:  0px 0 5px 0;

    display: block;

}



div.hr {

    border: 1px solid #ebebeb;

    border-style: solid none;

    height: 2px;

    margin: 50px 0 70px 0;

}



article div.hr {

    margin: 10px 0 70px 0;

}



.blog {

    line-height: 25px;

}



aside .sbg_title, aside .widget-title {

    margin: 35px 0 21px 0;

}



aside li:first-child .sbg_title, aside li:first-child .widget-title {

    margin-top: 0;

}



.blog footer {

    margin: 40px 0 0 0;

    color: #505050;    

}



section .blog footer span {

    float: right;

}



.tags-author a, .bypostauthor {

    color: #000;

}



.tags-author a:hover {

    color: #505050; 

}



.tags-author, .post-date-comments2 {

    color: #000;

    font-weight: normal;

    margin: 0 0 20px 0;

}



.blog-no-sidebar .tags-author {

	display: block;

	width: 100%;

}



.sticky {

	

}



/* Sidebars */

.sidebar {

    width: 232px;

}



.sidebar-right, .sidebar-two-right {

    float: right;

    

}



.sidebar-left, .sidebar-two-left {

    float: left;

    margin: 0 37px 0 0

    

}



.blog .wp-post-image {

    position: relative;

}



.blog .wp-post-image img, .blog .wp-post-image {

    width: 100%;

    height: auto;

    display: none

}



 .blog-four-column .video-wrapper, .blog-three-column .video-wrapper,  .blog-two-column .video-wrapper {

 	padding:  0 0 8px 0;

 }



.blog-no-sidebar .video-wrapper iframe, .blog-no-sidebar .video-wrapper {

	width: 495px;

	height: 337px;

	float: left;

	padding: 0 0 10px 0;

}



.blog-four-column .wp-post-image img, .blog-four-column .blog .wp-post-image, .blog-four-column .video-wrapper {

	height: 140px;

}



.blog-three-column .wp-post-image img, .blog-three-column .blog .wp-post-image, .blog-three-column .video-wrapper {

	height: 190px;

}



.blog-two-column .wp-post-image img, .blog-two-column .blog .wp-post-image, .blog-two-column .video-wrapper iframe, .blog-two-column .video-wrapper {

	height: 337px;

}



.blog .wp-post-image img:first-of-type, .blog .wp-post-image {

    display: inline-block;

}



/* Blog with two columns */

.blog-two-column article {

    width: 450px;

    float: left;

}



.blog-two-column article {

    padding-right: 40px;

}



.blog-two-column article:nth-of-type(2n) {

    padding: 0;

}



/* Blog with three columns */

.column-hr {

    width: 100%;

    height: 1px;

    float: left;

}



.blog-three-column article {

    width: 286px;

    float: left;

}



.blog-three-column article {

    padding-right: 41px;

}



.blog-three-column article:nth-of-type(3n) {

    padding: 0;

}



/* Blog with four columns */

.blog-four-column article {

    width: 212px;

    float: left;

}



.blog-four-column article {

    padding-right: 30px;

}



.blog-four-column article:nth-of-type(4n) {

    padding: 0 0 0 2px;

}



/* Blog with no sidebar */

.blog-no-sidebar .wp-post-image {

    width: 495px;

    height: 337px;

}



.blog-no-sidebar .blog-main {

    width: 390px;

    margin: 0 0 0 46px;

    float: right;

}



.blog-no-sidebar h2 {

    margin: 0 0 10px 0;

}



.tags-author {

    margin: 0 0 30px 0;

    float: left;

}



/* Social icons */

.addthis_toolbox {

    margin: 0 0 0 20px;

    height: 20px;

}



.addthis_button_tweet {

    width: 90px

}



.addthis_button_facebook_like iframe, .addthis_button_facebook_like {

    width: 120px !important;

}



/* Blog with one sidebar */

.blog-one-sidebar {

    width: 671px;

    float: left;

}



/* Blog with two sidebars */

.blog-two-sidebar {

    width: 402px;

    float: left;

}



/* Classes for sidebar widgets */

aside li {

    list-style: none

}



aside h2, aside h3 {

    font-size: 14px;

}



/* Sidebar search */

.screen-reader-text {

    display: none;

}



#searchform div {

    position: relative;

}



#s {

   border: 1px solid #ccc;

   width: 100%;

   -moz-box-sizing: border-box;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   display: block;

   font-size: 12px;

   padding: 7px 10px;

   -moz-box-shadow:     inset 0px 0px 3px 0px #ccc;

   -webkit-box-shadow:  inset 0px 0px 3px 0px #ccc;

    box-shadow:         inset 0px 0px 3px 0px #ccc;

}



#searchsubmit {

    display: none;

    cursor: pointer;

    position: absolute;

        top: 5px;

        right: 5px;

    width: 33px;

    height: 23px;

    border: none;

    background: url(images/search.png);

    padding: 0;

    margin: 0

}



/* Sidebar menu */

.sidebar-menu ul li {

    border: 1px solid #ebebeb;

    border-style: solid none none none;    

}



.sidebar-menu ul li a.selected-link {

    margin-left: 5px;

}



.sidebar-menu ul li:first-of-type {

    border: none;

}



aside .menu li a {

	color: #727271;

}



aside .menu li.current-menu-item a {

	cursor: default;

}



/* Sidebar categories */

.cat-item, aside .menu li {

    margin: 0 0 0 5px;

    border: 1px solid #ebebeb;

    border-style: none none solid none;

}



.cat-item:last-of-type, aside .menu li:last-of-type {

    border: none;

}



.cat-item a:before, .quotes article span:before, .testimonial span:before, .sidebar-menu ul a:before, aside .menu li a:before {

    content: url(images/bullet_arrow_small.png);

    margin: 0 10px 0 0;

}



.cat-item a, .sidebar-menu ul li a, aside .menu li a {

    display:  block;

    padding: 7px 0 6px 0;

    -webkit-transition: margin .2s linear;

    -moz-transition: margin .2s linear;

    -ms-transition: margin .2s linear;

    -o-transition: margin .2s linear;

    transition: margin .2s linear;

}



.cat-item a:hover, .sidebar-menu ul li a:hover, aside .menu li a:hover, aside .menu li.current-menu-item a {

    margin-left: 5px;

}



/* Single page blog */

.comment-number {

    margin: -15px 0 40px 0;

    position: relative;

}



.comment-number h4 {

    font-size: 16px;

    color: #454545;

    font-weight: 600;

    display: inline;

}



.comment-number h4#comment-number-first {

    background:  #fff;

    height: 30px;

    padding: 0 0 0 2px;

    position: absolute;

        left: 0px;

        top: -31px;

}



.comment-number h3 {

    font-size: 20px;

    color: #454545;

    font-weight: 300;

    display: inline;

}



.comment {

    position: relative;

    margin: 0 0 21px 0;

    background: #f7f7f7;

    width: 100%;

    display: table;

}



.depth-2 {

    margin-left: 8%;

    width: 92%;

}



.depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10, .depth-11, .depth-12 {

    margin-left: 16%;

    width: 84%;   

}



.depth-2:before, .depth-3:before, .depth-4:before, .depth-5:before, .depth-6:before, .depth-7:before, .depth-8:before, .depth-9:before, .depth-10:before, .depth-11:before, .depth-12:before {

    content: url(images/comment_arrow.png);

    position: absolute;

        top: 0px;

        left: -42px;

}



.comments-left-side, .comments-right-side {

    display: table-cell;

}



.comments-left-side {

    width: 100px;

    padding: 18px 0 30px 15px;

}



.comments-right-side p {

    padding: 0 72px 0 0;

}



.comment-reply-link {

    color: #454545;

    margin: 40px 18px 14px 0;

    float: right;

}



.comment-reply-link:hover {

    color: #000;

}



.comment-reply-link:before {

    content: url(images/reply_arrow.png);

    margin: 0 10px 0 0;

    vertical-align: middle;

}



.comment h4 {

    font-size: 14px;

    text-transform: uppercase;

    color: #454545;

}



.comment p {

    line-height: 27px; 

}



.comment-meta {

    margin: -5px 0 0 0;

    text-align:  center;

    font-size:  11px;

    position: relative;

    display: block;

    color: #fff;

    width: 48px;

    height: 42px;

    padding: 9px 0 0 0;

    line-height: 15px;

}



.comment-meta:after {

    content: "";

    position: absolute;

        bottom: -12px;

        right: 0px;

    background: transparent;

    border-style:solid;

    border-width:6px;

    width:0;

    height:0;

}



.comment-meta:before {

    content: "";

    position: absolute;

        bottom: -12px;

        left: 0px;

    width: 36px;

    height: 12px;

}



#comment-header {

    font-size: 20px;

    font-weight: 600;

    color: #454545;

    margin: 50px 0 35px 0;

}



input[type="button"], input[type="submit"] {

    border: 0px;

    font-size: 16px;

    background: url(images/reply_arrow.png) 0 8px no-repeat;

    padding: 0 0 0 25px;

    margin: 30px 0 0 20px;

    cursor: pointer;

}



.form-element-wrap {

	margin: 23px 0 0 0;

	width: 100%;

	position: relative;

}



.contact-form form-element-wrap:first-child {

	margin-top: 0

}



#comment-form, .contact-form {

    padding: 0 0 0 48px;

    position: relative;

}



#comment-form:before, .contact-form:before {

    content: "";

    position: absolute;

        top: 0;

        left: 0px;

    border: 1px solid #ebebeb;

    border-style: none solid;

    width: 2px;

    height: 100%;

}



.form-buttons {

    float: right;

    margin-bottom: 40px;

}



textarea {

    max-width: 98%;

    width: 98%;

    padding: 1%;

    height: 182px;

    margin: 0 0 -5px 0;

}



textarea, input[type="text"], input[type="email"], .contact-form select, section input[type="password"] {

	border: 1px solid #ececec;

	outline: 1px solid #ccc;

}



input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {

	outline-offset: 0px;



}



section input[type="text"], .contact-form textarea, .contact-form input[type="email"], .contact-form input[type="text"], .contact-form select, section input[type="password"] {

    width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 7px 10px;

    margin: 0;

    max-width: 100%;

    color: #727272;

}



select {

	cursor: pointer;

}



.form-submit #submit {

    display: none;

}



/* Person */

.person h2 {

    font-size: 16px;

    display: inline;

}



.person h3 {

    font-size: 12px;

    display: inline;

    text-transform: none;

}



.person header {

    width: 90%;

    margin: 0 10% 0 0;

    position: relative;

}



.person .facebook {

    background: url(images/person_facebook.png) center no-repeat;

    width: 25px;

    height: 17px;

}



.person .twitter {

    background: url(images/person_twitter.png) center no-repeat;

    width: 25px;

    height: 16px;

}



.person .linkedin {

    background: url(images/person_linkedin.png) center no-repeat;

    width: 25px;

    height: 18px;

}



.person .google {

    background: url(images/person_google.png) center no-repeat;

    width: 25px;

    height: 17px;

}



.person .instagram {

    background: url(images/person_instagram.png) center no-repeat;

    width: 25px;

    height: 17px;

}



.person .facebook, .person .twitter, .person .linkedin, .person .google, .person .instagram {

    display: block;

    margin: 0 0 15px 0;

}



.person .person-social {

    text-align: center;

    position: absolute;

        top: 0;

        right: -40px;

}



.person .person-social a:hover {

    opacity: .9;

}



.person img {

    width: 100%;

    background: #ccc;

    height: auto;

    margin: 0 0 15px 0;

}



/* Statement box */

.statement-box {

    width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box; 

    padding: 32px 42px;

    display: table;

}



.statement-box-left, .statement-box-right {

    display: table-cell;

    vertical-align: middle;

}



.statement-box-left {

    width: 70%;

}



.statement-box-right {

    text-align: right;

}



.statement-box h2 {

    font-size: 16px;

    text-transform: none;

}



.statement-box p {

    padding: 0;

    font-size: 12px;

}



.statement-box button {

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    padding: 15px 50px;

    border: 0px;

    -webkit-border-radius: 4px; 

    -moz-border-radius:    4px; 

    border-radius: 4px; 

    

    -moz-box-shadow: 1px 1px 2px #888;

    -webkit-box-shadow: 1px 1px 2px 0px #888;

    box-shadow: 0px 1px 1px 0px rgba(0, 0,0, .14);

    

    text-shadow: rgba(0, 0, 0, .31) 0 -1px 1px;

}



.statement-box button:hover {

    cursor: pointer;

    opacity: 0.9;

}



/* Logo box */

.logo-box {

    padding: 20px 0 18px 0;

    display: table;

}



.logo-box .logo {

    display: table-cell;

    text-align:  center;

    vertical-align: top;

    padding: 20px 0 0 0;

}



.logo-box.more .logo {

    width: 25%;

}

 

.logo-box .logo img {

    max-width: 70%;

    height:  auto;

}



.logo-box .logo-box-row {

    display: table-row;

}



/* Quotes/testimonial */

.quotes article, .testimonial {

    font-style: italic;

    display: none;

    padding: 0 0 0 24px;

    position: relative;

}



.quotes article:before {

    top: -10px;

    left: 0px;

}



.testimonial:before {

    content: url(images/quote.png);

    position: absolute;

        top: -10px;

        left: 0px;

}



.quotes article.quote-selected, .testimonial {

    display: block;

}



.quotes article span, .testimonial span {

    font-size: 11px;

    float: right;

    color: #c8c8c8;

    font-style: italic;

}



 /* Tabs with sidebar and half content  */

     

.blog-one-sidebar .content-half .tabs-menu li {

    margin: 0 20px 0 0;

}





.blog-one-sidebar .content-half .tabs-menu li, .blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu .tab-over {

    width: 100%;

    box-sizing: border-box;

    border-style: solid;

}



.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu {

	border: none;

}



.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu .tab-over  {

    left: 0;

}



.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu:after  {

    height: 40px;

    right: 0;

    z-index: 8;

    border-style: none solid solid none;

}



.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu:before {

    top: -3px;

    right: 1px;

    z-index: 520;

    border-color: #F3F3F3 #F3F3F3 #838383 #838383;

}



.blog-one-sidebar .content-half .tabs-menu li:first-of-type.selected-tab-menu:before {

    right: 0px;

    z-index: 520;

    border-color: #fff #fff #838383 #838383;

}



.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu .tab-over:after {

    display: none;

}



.blog-one-sidebar  .content-half .tabs-wrapper {

    border-style: none solid solid solid

}



.blog-one-sidebar .content-half .tabs-menu li.selected-tab-menu:after {

	display: none;

}





/* Tabs shortcode */

.tabs-menu {

	width: 100%;

	margin: 0

}



.tabs-menu li {

    float: left;

    padding: 12px 39px;

    list-style: none;

    background: #f3f3f3;

    border: 1px solid #eaeaea;

    border-style: solid solid none none;

    text-align: center;

    color: #a8a8a8;

    font-size: 12px;

    position: relative;

}



.tabs-menu li:hover {

    cursor: pointer;

    color: #454545;

}



.tabs-menu li .tab-over {

    display: none;

}



.tabs-menu li.selected-tab-menu .tab-over  {

    transition: all 1s ease-in; 

    color: #454545;

    background: #fff;

    border: 1px solid #eaeaea;

    border-style: solid none none solid;

    padding: 15px 32px 12px 37px;

    position: absolute;

        top: -3px;

        left: -1px;

        z-index: 15;

    display: block;

}



.tabs-menu li.selected-tab-menu .tab-over:after {

    content: "";

    position: absolute;

        bottom: 0px;

        right: -13px;

    background: #fff;

    width: 20px;

    height: 1px;

}



.tabs-menu li.selected-tab-menu:before {

    content: "";

    position: absolute;

        top: -3px;

        right: -4px;

        z-index: 19;

    background: none;

    padding: 0;

    width: 0;

    height: 0;

    border-color: transparent transparent #838383 #838383;

    border-style:solid;

    border-width:7px;

}



.tabs-menu li.selected-tab-menu:after {

    content: "";

    position: absolute;

        top: 11px;

        right: -5px;

        z-index: 9;

    background: #fff;

    border: 1px solid #eaeaea;

    border-style: none solid none none;

    width: 22px;

    height:60px;

}



.tabs-menu li:last-of-type.selected-tab-menu:before {

    border-color: #fff #fff #838383 #838383;

}



.tabs-menu li:first-of-type .tab-over {

    left: 0px;

}



.tabs-menu li:first-of-type {

    border-style: solid solid none solid;

}



.tabs-menu li.selected-tab-menu {

    border-style: solid none none none;

}



.tabs-wrapper {

    padding: 21px 15px;

    border: 1px solid #eaeaea;

    background: #fff;

    box-sizing: border-box;

    	-webkit-box-sizing: border-box;

    	-moz-box-sizing: border-box;

    width: 100%;

    position: relative;

    z-index: 10;

}



.tab {

    display: none;

}



.tab:first-of-type {

    display: block;

}





/* Popular/recent/comments widget */



aside .tabs {

	line-height: 20px;

	margin: 40px 0 0 0; 	

}



aside .tabs-menu li {

    padding: 3px 20px 3px 22px; 

}



aside .tabs-menu li.selected-tab-menu:before {

    top: -3px;

	right: -1px;

    border-width: 6px;

    z-index: 300;

}



aside .tabs-menu li.selected-tab-menu:after {

	z-index: 300;

	top: 9px;

	right: -1px;

	height: 25px;

}



aside .tabs-menu li:first-of-type.selected-tab-menu .tab-over:after {

	right: -11px;

}



aside .tabs-menu li.selected-tab-menu .tab-over:after {

	right: -11px;

}



.popular .wp-post-image img, .popular .wp-post-image, .recent .wp-post-image img, .recent .wp-post-image, .comments-widget img {

    width: 48px;

    height: 48px;

}



aside .tabs-menu li:last-of-type.selected-tab-menu:before { 

	border-color: #fff #fff #838383 #838383;

}



.popular-comments-tab, .popular-comments-tab-hover {

    background: url(images/recent_comments.png) no-repeat;

	width: 18px;

	height: 16px;

	margin: 0 auto;

	margin-bottom: 4px;

}



.popular-comments-tab-hover {

	background: url(images/recent_comments.png) 0 16px;	

}



aside .tabs-menu li {

    padding: 7px 20px 7px 22px;

}



aside .tabs-menu li:first-of-type {

	border-style: solid none none solid;

    padding: 7px 21px 7px 21px;

}



aside .tabs-menu li.selected-tab-menu:first-of-type {

	border-style: solid none none none;

}



aside .tabs-menu li:last-of-type {

	padding: 7px 21px 7px 21px;

}



aside .tabs-menu li.selected-tab-menu:last-of-type {

	padding: 7px 21px 7px 21px;

}



aside .tabs-menu li.selected-tab-menu .tab-over  {

    padding: 7px 13px 10px 18px;

}



aside .tabs-menu li.comments-widget {

    padding: 7px 10px;

}



/* Popular posts */

aside .tab.popular .image, aside .tab.recent .image, aside .tab.comments-widget .image {

	float: left;

	margin: 0 10px 0 0;

}



aside .tab.popular p, aside .tab.recent p {

	padding: 0;

	margin: 0 0 4px 0;

	height: 32px;

	overflow: hidden;

}



aside .tab.comments-widget p {

	padding: 0;

	margin: 0 0 4px 0;

}



aside .tab.popular .post:hover, aside .tab.recent .post:hover, aside .tab.comments-widget .post:hover {

	color: #454545;

}

 

aside .tab.popular .post, aside .tab.recent .post, aside .tab.comments-widget .post {

	font-size: 11px;

	border: 1px solid #ebebeb;

	border-style: none none solid none;

	padding: 20px 0;

	display: block;

	line-height: 16px;

}



aside .tab.comments-widget .comment-content {

	color: #c8c8c8;

}



aside .tab.popular .date, aside .tab.recent .date {

	color: #c8c8c8;

	font-style: italic;

}



aside .tab.popular .post:first-of-type, aside .tab.recent .post:first-of-type, aside .tab.comments-widget .post:first-of-type {

    padding: 0 0 20px 0;

}



aside .tab.popular .post:last-of-type, aside .tab.recent .post:last-of-type, aside .tab.comments-widget .post:last-of-type {

	border: none;

	padding: 20px 0 0 0;

}



/* Alert shortcodes */

.alert {

    width: 100%;

    box-sizing:  border-box;

        -webkit-box-sizing:  border-box;

        -moz-box-sizing:  border-box;

    padding: 5px 60px;

    margin: 30px 0;

    position: relative;

    text-align: center;

    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);

        -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);

        -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);

}



.alert-close {

    z-index: 9;

    cursor: pointer;

    background: url(images/alert_close.png);

    width: 8px;

    height:  9px;

    position: absolute;

        top: 50%;

        right: 20px;

    margin: -4px 0 0 0;

}



.general {

    border: 1px solid #c7c7c7;

    background: url(images/alert_general.png) 10px center no-repeat;

    background-color: #f2f2f2;

}



.success {

    border: 1px solid #b6d5ac;

    background: url(images/alert_success.png) 10px center no-repeat;

    background-color: #e0ffcb;

}



.notice {

    border: 1px solid #ffad46;

    background: url(images/alert_notice.png) 10px center no-repeat;

    background-color: #ffddb2;

}



.error {

    border: 1px solid #ff9494;

    background: url(images/alert_error.png) 10px center no-repeat;

    background-color: #ffdcdc;

}



.form-element-wrap .error {

	outline: 1px solid #ff9494 !important;

	border: 1px solid #ffd2d2;

	background: none;

	background-color: #ffdcdc;

}



.form-element-wrap .error-text {

	color: #ff9494;

	margin: 3px 0 -15px 0;

}



/* Accordion shortcode */



.accordion {

    position: relative;

}



.accordion-h3, .accordion-closed .accordion-item-1 .accordion-h3 {

    padding: 0 0 10px 20px;

    margin: 0;

    text-transform: none;

    font-size:  14px;

    font-weight: 400;

    border: 1px solid #ebebeb;

    border-style: none none solid none;

    position: relative;

}



.accordion-h3:hover {

    color: #444;

    cursor: pointer;

}



.accordion-h3-selected, .accordion-item-1 .accordion-h3 {

    border: none;

    padding: 0 0 10px 20px;

    font-size:  14px;

    font-weight: 400;

    position: relative;

}



.accordion-h3:before, .accordion-closed .accordion-item-1 .accordion-h3:before  {

    content: url(images/bullet_arrow_small_down.png); 

    position: absolute;

        left: 2px;

        top: -1px;

}



.accordion-h3-selected:before, .accordion-item-1 .accordion-h3:before {

    content: url(images/bullet_arrow_small.png);

    position: absolute;

        left: 2px;

        top: -1px;

}



.accordion .accordion-item {

    padding:  0 0 20px 0;

    /*border: 1px solid #ebebeb;

    border-style: none none solid none;*/

}



.accordion .accordion-item ul, .accordion .accordion-item ol, .tab ul, .tab ol {

	margin-left: 40px

}



.accordion .accordion-item .accordion-item-content {

    display: none;

}



.accordion .accordion-item-1 .accordion-item-content {

	display: block;

}



.accordion-closed .accordion-item-1 .accordion-item-content {

    display: none;

}



.accordion-closed .accordion-item-1 .accordion-h3 {

	color: #727272;

}





/* Pricing table */

.pricing-table {

    width: 100%;

}



.pricing-table-column:after {

    content: "";

    position: absolute;

        top: -5px;

        left: 3px;

        z-index: 9;

    border: 1px solid #eee;

    border-style: solid none none solid;

    background: #f7f7f7;

    width: 100%;

    height: 3px;

}



.pricing-table-column-before {

    content: "";

    position: absolute;

        top: -4px;

        right: -4px;

        z-index: 10;

    border: 1px solid #eee;

    border-style: none solid solid none;

    background: #f7f7f7;

    width: 2px;

    height: 100%;

}



.pricing-table-column {

    float: left;

    outline: 1px solid #f0f0f0;

    background: #fff;

    position: relative;

}



.pricing-columns-1 .pricing-table-column {

    width: 100%;

}



.pricing-columns-2 .pricing-table-column {

    width: 48%;

    margin: 0 4% 0 0;

}



.pricing-columns-3 .pricing-table-column {

    width: 30%;

    margin: 0 5% 0 0;

}



.pricing-columns-4 .pricing-table-column {

    width: 22%;

    margin: 0 4% 0 0;

}



.pricing-columns-5 .pricing-table-column {

    width: 18.2%;

    margin: 0 2.25% 0 0;

}



.pricing-table-column:last-child {

    margin: 0;

}



.pricing-table-title {

    color: #000;

    font-size: 14px;

    text-align: center;

    text-transform: uppercase;

    padding: 20px 0;

}



.pricing-table-price {

    color: #fff;

    text-align: center;

    font-size: 30px;

    padding: 24px 0;

}



.pricing-table-price .currency {

    font-size: 18px;

    font-weight: 700;

    font-style: normal;

    position: absolute;

        top: 15px;

        left: 0px;

}



.pricing-table-price .price {

    position: relative;

    font-size: 48px;

        font-weight: 700;

    font-style: normal;

    padding: 0 0 0 15px;

}



.pricing-table-price .decimal {

    font-size: 30px;

        font-weight: 700;

    font-style: normal;

}



.pricing-table-row {

    background: #f7f7f7;

    text-align: center;

    padding: 20px 0;

    color: #9a9a9a;

}



.pricing-table-row:nth-last-of-type(2n) {

    background: #fff;

}



.pricing-table-footer {

    padding: 40px 15px;

    text-align:center;

}



.pricing-table-footer a {

	display:inline-table;

    text-transform: uppercase;

    padding: 15px 50px;

    border: 0px solid #000;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 1px 1px 2px #888;

    -webkit-box-shadow: 1px 1px 2px 0px #888;

    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .14);

    text-shadow: #0A456E 0 -1px 1px;

}



.pricing-table-footer a:hover {

    opacity: .9;

}



.pricing-columns-5 .pricing-table-column .pricing-table-footer a {

    display: block;

    width: 100%;

    padding: 7px 0;

}



/* Slider shortcode */

.slider-short {

	width: 100%;

    position: relative;

}



.slider-short img {

    width: 100%;

    height:  auto;

}



.slider-short .slide {

	width: 100%;

    display: none;

}



.slider-short .slide:first-of-type {

    display: inline-block;

}



/* Footer */



.prefooter {

	height: 75px;

	background: #fff;

}



footer#site-footer {

    font-size: 12px;

    line-height: 26px;

    padding: 40px 0 0 0;

}



.footer p, footer a, .footer {

    color: #fff;	

    

}



.tweet_time {

    display: block;

    font-size:  11px;

    margin-bottom:  20px;

}



.footer p, footer a, .tweet_text {

	transition: color 0.2s ease;

        -webkit-transition: color 0.2s ease;

        -moz-transition: color 0.2s ease;

		-o-transition: color 0.2s ease;

}



footer#site-footer ul li {

    list-style: none;

}



footer#site-footer ul li ul li {

    float: none

}



footer#site-footer .xoxo {

    float: left;

    width: 186px;

    margin: 10px 0 0 65px;

}



footer#site-footer .xoxo .xoxo {

    margin: 0;

}



footer#site-footer h3.widget-title {

	font-size: 14px;

    margin: 0 0 20px 0;

    padding: 0;

    text-transform: uppercase;

}



footer#site-footer .xoxo:first-of-type {

    margin: 10px 0 0 0;

}



footer#site-footer .xoxo .xoxo:first-of-type {

    margin: 0;

}



footer#site-footer .flickr-image img {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	width: 46px !important;

	height: 46px !important;

	margin: 7px 10px 0 0;

	-webkit-transition: opacity 0.2s;

	-moz-transition: opacity 0.2s;

	-o-transition: opacity 0.2s;

	-ms-transition: opacity 0.2s;

	transition: opacity 0.2s;

}



footer#site-footer .flickr-image img:hover {

	opacity: .7;

	filter: alpha(opacity=70);

}



footer#site-footer .EnvooImages {

    margin: 5px 0 12px 0;

}



#thumbs {

   width: 179px; 

   margin-top: 14px; 

}



footer#site-footer .flickr-image:nth-of-type(3n) img {

    margin: 7px 0 0 0;

}



.social {

    height: 56px;

    width:  100%;

    margin: 50px 0 0 0;

}



footer#site-footer .copyright {

    margin-top: 16px;

    float: left;

}



#toTop {

	display:none;

	text-decoration:none;

	position:fixed;

	bottom:10px;

	right:10px;

	overflow:hidden;

	width:49px;

	height:51px;

	border:none;

	text-indent:100%;

        z-index: 999;

	transition: none;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

}



#toTopHover {

	width:49px;

	height:51px;

	display:block;

	overflow:hidden;

	float:left;

	-moz-opacity: 0;

	filter:alpha(opacity=0);

	background:url(images/to_top.png) no-repeat left top;

}



#toTop:active, #toTop:focus {

	outline:none;

}



.patern-1 {

	background: url(images/patterns/patern1.png);

}



.patern-2 {

	background: url(images/patterns/patern2.png);

}



.patern-3 {

	background: url(images/patterns/patern3.png);

}



.patern-4 {

	background: url(images/patterns/patern4.png);

}



.patern-5 {

	background: url(images/patterns/patern5.png);

}



.patern-6 {

	background: url(images/patterns/patern6.png);

}



.patern-7 {

	background: url(images/patterns/patern7.png);

}



.patern-8 {

	background: url(images/patterns/patern8.png);

}



.patern-9 {

	background: url(images/patterns/patern9.png);

}



.body-boxed .boxed {

	width: 990px;

	margin: 0 auto;

	-moz-box-shadow: 0px 0px 5px #888;

	-webkit-box-shadow: 0px 0px 5px #888;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

	background: #fff;

}



.responsive-on-demand, .responsive-on-demand-selected {

	cursor: pointer;

	display: block;

	background: url(images/responsive_on_demand.png) center no-repeat;

	width: 22px;

	height: 22px;

	position: absolute;

		top: 17px;

		left: 50%;

	margin-left: -11px;

	z-index: 9;

	opacity: .3;

	filter: alpha(opacity=30);

}



.responsive-on-demand-selected {

	background: url(images/responsive_on_demand_selected.png) center no-repeat;

}



.responsive-on-demand:hover, .responsive-on-demand-selected:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}





/* Latest posts shortcode */



.latest-post {

	float: left;

	width: 220px;

	height: 400px;

	margin: 0 20px 0 0;

}



.latest-post .responsive {

	display: none

}



.latest-post h3 {

	font-weight: 600;

}



.latest-post:nth-of-type(4n) {

	margin: 0;

}



.latest-post .read-more {

	float: right;

	margin: 5px 0 15px 0;

}



.latest-post .subheading {

	color: #505050;

}



.latest-post .subheading strong {

	color: #000

}



.latest-post .no-image {

	margin-top: 0;

}



.latest-post .video {

	margin-top: 35px;

}



.latest-post .video-wrapper iframe {

	height: 165px;

}



/* Revolution slider */



.tp-rightarrow, .tp-leftarrow, .wooslider-direction-nav .wooslider-next, .wooslider-direction-nav .wooslider-prev {

	width: 62px !important;

	height: 49px !important;

	margin-left: 0 !important;

}



.tp-rightarrow, .wooslider-direction-nav .wooslider-next {

	background: url(images/slider_next_arrow.png) !important;

}



.tp-rightarrow:hover, .wooslider-direction-nav .wooslider-next:hover {

	background: url(images/slider_next_arrow_hover.png) !important;

}



.tp-leftarrow,  .wooslider-direction-nav .wooslider-prev {

	background: url(images/slider_previous_arrow.png) !important;

}



.tp-leftarrow:hover, .wooslider-direction-nav .wooslider-prev:hover {

	background: url(images/slider_previous_arrow_hover.png) !important;

}



.rev_slider_wrapper {

	/*min-height: 300px;*/

}



.rev_slider.fullwidthabanner:before {

	content: "";

	background: url(images/headings_top_shadow.png);

	width: 962px;

	height: 8px;

	margin: 0 0 0 -481px;

	position: absolute;

	top: 0px;

	left: 50%;

	z-index: 99998;

}



.tp-bullets.simplebullets.square-old .bullet {

	background: none;

}



.caption iframe {

	border: 0px !important;

}





/* WooSlider */



.wooslider {

	margin: 0 !important;

	border: none!important;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	-o-box-shadow: none !important;

	box-shadow: none !important;

}



body .wooslider .slide-content {

	margin: 0 !important;

	padding: 0 !important;

}



section ul li {

	padding: 0;

}



.list-arrow li {

	padding: 0 0 8px 8px;

}



.wooslider-direction-nav .wooslider-next {

	right: 0px !important; 

}



.wooslider-direction-nav .wooslider-prev {

	left: 0px !important; 

}



/* Gallery */



.gallery-item {

	background: #000;

	position: relative;

}



.gallery-item a:before {

	content: url(images/enlarge.png);

	opacity: 0;

	position: absolute;

		top: 50%;

		left: 50%;

		z-index: 9;

	display: block;

	margin: -7px 0 0 -8px;

}



.gallery-item a:hover img {

	opacity: .3;

	filter: alpha(opacity=30);

	

}



.gallery-item a:hover:before {

	opacity: 1;

	filter: alpha(opacity=100);

}



section .portfolio-wrapper ul {

	margin: 0

}



/* WP-Members plugin fix */



#wpmem_login fieldset, #wpmem_reg fieldset {

	margin-left: 25px;

}



#wpmem_login input[type="password"], #wpmem_login input[type="text"], #wpmem_reg input[type="text"] {

	padding: 15px 10px !important

}	



#wpmem_login input[type="submit"] {

	margin: -9px 20px 0 20px;

	padding: 5px 20px;

	float: right;

}



#wpmem_reg input[type="submit"] {

	padding: 3px 20px;

 	margin: 2px 20px 0 20px;

 	float: right;

}



.search-pagination {

	margin-top: 40px;

}



.search-pagination .box {

	padding-left: 20px;	

}



.search .breadcrumbs {

	margin-bottom:  30px;

}



/*nuevos estilos WD*/



#logo{ margin-top:15px;}

footer#site-footer .xoxo{ width:270px;}

footer#site-footer p{ line-height:20px;}

footer#site-footer h3.widget-title{ font-size:19px; color:#FFF;}

footer#site-footer .copyright a{ color:#b0b0b0;}

footer#site-footer .copyright a:hover{color:#FFF;}

footer#site-footer .copyright a:hover img{opacity:0.8;}

footer#site-footer .copyright a img{ vertical-align:top; margin-left:5px; }

nav li a{ padding:24px 5px 44px 5px; font-size:14px;}

nav li.menu_enlace a{cursor:default !important;}

nav li.menu_enlace ul li a{cursor:pointer !important;}

.wpcf7-form input{ width:100%;}

.wpcf7-form input[type="submit"]{width:auto; margin-top:10px;}

.wpcf7-form input[type="checkbox"]{width:auto; }

.wpcf7-form  input[type="email"]{ width: 100%;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;   box-sizing: border-box;    padding: 7px 10px;    margin: 0;    max-width: 100%;    color: #727272;}

div.wpcf7-mail-sent-ok{border: 1px solid #0A612D;	font-size: 15px;	background: #398f14;	color: #FFF;}

aside li{/*background:#EEE; padding:10px;*/}

aside li ul.list-arrow li{list-style:url(images/list_arrow.png);}

footer#site-footer .copyright{width:100%; text-align:left;}