/*
Theme Name: vCard Responsive WordPress Theme
Theme URI: http://themeforest.net/user/royalmasters/portfolio
Author: RoyalMasters
Author URI: http://themeforest.net/user/royalmasters/
Description: vCard is a personal and professional online vcard, a beautiful portfolio, resume and contact information with Google Map.
Version: 1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, white, flexible-width, post-formats, theme-options, translation-ready
Text Domain: vcard
*/

@charset "utf-8";



/* reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, /*blockquote, pre,*/

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ul#Grid, ul#Grid li, .controls ul, .controls ul li

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



aside#sidebar ul, aside#sidebar li, ul.profile-data, ul.profile-data li, .resume-sidebar ul, .resume-sidebar li,
ul.contact-info, ul.contact-info li{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
}

ul.profile-data h4 {
	margin: 0 12px 11px 0;
	padding: 0 5px 0px 7px;
	border: 0;
	vertical-align: baseline;
}

ul.contact-info li{
	margin-top: 7px;
}

ul#Grid li{
	margin-right:12px;
	margin-bottom:12px !important;
}

/*.profile-data{margin-top:1px;}

.profile-data li{margin-bottom:11px;}

.profile-data li:last-child{margin-bottom:0px;}

.profile-data h4{

	font:11px/24px 'Montserrat', sans-serif;

	font-size:11px;

	text-transform:uppercase;

	color:#fff;

	display:inline-block;

	padding:0px 5px;

	margin-right:12px;}

.profile-data div{

	display:inline-block;

	line-height:23px;

	letter-spacing:-1px;}
*/

pre {
	height: auto;
	font-family: Consolas, monospace;
	border: 1px solid #f0f0f0;
	background: #fafafa;
	padding: 10px 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 20px 0;
	overflow-x: auto;
}

dt {font-weight:bold;}

/* Default Wordpress styles */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.sticky {
    border: 1px solid 0f0f0f;
}

.gallery-caption {}
.bypostauthor  {}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	background:#f0f2f2;

	padding-bottom:120px;

	font-family:"Open Sans";

	font-size:13px;

	line-height:21px;

}

ol, ul {

	/*list-style: none;*/

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

:focus {

	outline: 0;

}

ins {

	text-decoration: none;

}

a{cursor:pointer;}

/*img{max-width:100%;}*/



/* helper classes */

.clearfix:before, 

.clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.fl-left{float:left}

.fl-right{float:right}

.hidden{width:100%; position:relative; overflow:hidden;}

.hide{ visibility: hidden !important; display:none !important; width:0px !important; height:0px !important;}


/* containers */

.row-wrap{width:905px; margin:auto; position: relative;}

.row-space{padding-left:43px;}

.row{max-width:860px; width:100%; margin:auto;}

.row:before,.row:after{display: table;content: " ";}

.row:after {clear: both;}

.row:before,.row:after {display: table; content: " ";}

.row:after {clear: both;}



.col500{width:63%;/* 500/792 */}
.col500 img{max-width:480px;}
.full-width img{max-width:790px;}

.col260{width:33%;/* 260/792 */}



.col535{width:67.55%; /* 535/792 */}
.col535 img{max-width:515px;}

.col230{width:29.0404% ; /* 230/792 */}



/* button */

.btn{

	cursor:pointer;

	border:none;

	color:#fff;

	background-color:#434b51;

	padding:0px 10px 0px 13px;

	text-transform:uppercase;

	height:32px;

	margin-right:3px;

	font:700 11px/32px 'Open Sans', sans-serif;

	text-decoration:none;   

	display:inline-block;

	-webkit-border-radius:2px;

	   -moz-border-radius:2px;

	        border-radius:2px;

     -webkit-transition:background-color 0.4s ease 0s;

        -moz-transition:background-color 0.4s ease 0s;

          -o-transition:background-color 0.4s ease 0s;

         -ms-transition:background-color 0.4s ease 0s;

	     transition:background-color 0.4s ease 0s;}

.btn i{

	vertical-align:middle;

	line-height:32px;

	display:inline-block;

	margin-top:-2px;}

	

#up{background:url(images/up.png) no-repeat; width:40px; height:40px; position:absolute; bottom:0px; right:-50px;}

#up:hover{background-position:0px -42px;}

	

/* icons */

.icon-user{background-image:url(images/user.png);}

.icon-resume{background:url(images/vcard.png);}

.icon-portfolio{background:url(images/picture.png);}

.icon-contact{background:url(images/mail.png);}

.icon-blog{background:url(images/feather.png);}

.icon-cloud{background:url(images/icon-cloud.png) no-repeat; width:12px; height:9px; margin-right:5px;}

.icon-print{background:url(images/icon-print.png) no-repeat; width:10px; height:10px; margin-right:8px;}



/* header */

#header{padding-top:60px; margin-bottom:24px;}

.head-name{font-size:29px; line-height:35px; font-family:'Patua One', cursive; width:50%; float:left; color:#000;}
.logo_light .head-name{color:#fff;}
.logo_dark .head-name{color:#000;}

.head-social{float:right;}

.head-social ul{margin:0; padding:0;list-style: none;}

.head-social ul li{float:left; width:34px; height:34px;}

.head-social a{
    display:block; 
    width:100%; 
    height:32px; 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow:hidden; 
    background-image:url(images/color_theme/icons-social.png);
    background-repeat:no-repeat;} 

.head-social li.tw a:hover{background-position:0px -72px; border-color:#54aee1;}
.head-social li.fb a:hover{background-position:-34px -72px; border-color:#4772af;}
.head-social li.lnkd a:hover{background-position:-68px -72px; border-color:#56b8cd;}
.head-social li.gplus a:hover{background-position:-102px -72px; border-color:#e43a3a;}
.head-social li.drb a:hover{background-position:-136px -72px; border-color:#bd64be;}
.head-social li.inst a:hover{background-position:-170px -72px; border-color:#406f95;}

/* item */
.item{padding:25px 0px; margin-bottom:3px; position:relative;}

.item-title{

	height:43px;

	margin-left:3px; 

	display:inline-block; 

	position:relative; 

	margin-bottom:3px;

	cursor:pointer;

	padding-right:40px;
	
	z-index:2;}

.item-title .title{

	display:inline-block;

	text-transform:uppercase;

	font-size:16px; line-height:16px; font-family:'Patua One', cursive;

	background:#f9e7e7; 

	padding:13px 17px 14px 13px;

	color:#000;}

.item-title a{color:inherit; text-decoration:none;}

.item-title [class^="icon-"]{

	position:absolute; 

	height:43px; 

	width:43px; 

	top:0px;

	left:-46px;

	background-position:center center; 

	background-repeat:no-repeat;}

.item-title .arrow{

	background-image: url(images/color_theme/arrows.png);
	
	background-repeat: no-repeat;

	width:21px;

	height:21px;

	position:absolute;

	right:4px;

	top:10px;}





.item-cont{position:relative; padding:22px 3.95% 64px; z-index:2;}

.item-border{position:absolute; left:-43px; top:0px; height:100%; width:43px; z-index:1; overflow:hidden;}
.item-border > span{background:url("images/item-border-bg.png") repeat-y; top:71px; position:absolute; display:block; height:100%; width:100%; }

#profile-brd  > span{background:none; overflow:hidden;}
#profile-brd  > span > span{background:url("images/item-border-bg.png") repeat-y; bottom:117px; position:absolute; display:block; height:100%; width:100%;}



/* profile */

.profile-img{width: 35%; /*max-width:173px;*/ margin-top:5px; margin-right:4.5%; margin-top:5px; float: left;}

.profile-img img {display:block; max-width:100%;}

.profile-info{width:60.5%; float:left; letter-spacing:-1px;}

.profile-info h3{font:400 19px/24px "Open Sans"; margin-bottom:15px !important; letter-spacing:0px;}

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

.profile-info p:last-child{margin-bottom:0px;}

.profile-data{margin-top:1px;}

.profile-data li{margin-bottom:11px;}

.profile-data li:last-child{margin-bottom:0px;}

.profile-data h4{

	font:11px/24px 'Montserrat', sans-serif;

	font-size:11px;

	text-transform:uppercase;

	color:#fff;

	display:inline-block;

	padding:0px 5px;

	margin-right:12px;}

.profile-data div{

	display:inline-block;

	line-height:23px;

	letter-spacing:-1px;}



#profile .item-cont{padding-top:17px;}

#profile .col500{margin-left:-65%;}

#profile .col260{margin-right:-33%;}



/* resume */

#resume .item-cont{display:none;}

#resume .item-cont{padding-bottom:51px;}

#skill-language.skill-box{margin-bottom:5px;}



.resume-category{margin-bottom:40px;}

.resume-category-title{font:13px/27px 'Montserrat', sans-serif; background:#434b51; color:#fff; text-transform:uppercase; padding-left:10px;}

.icon-plus{

	background:url("images/icon-plus.png") no-repeat scroll 8px 7px; 

	width:27px; 

	height:27px; 

	display:inline-block;

	float:right;}

.resume-post{padding:22px 0 19px 0; border-bottom:1px solid #ebebeb;}

.resume-post-body{border-width:0px 0px 0px 2px; border-style: solid; padding-left:15px;}

.resume-post-title{font:600 14px/14px "Open Sans"; margin-bottom:9px; margin-right:90px;}

.resume-post-date{ float:right; line-height:13px; padding:2px 0px 3px 0px; border-bottom:2px solid #e3e3e3; color:#8f8f8f; float:right;}

.resume-post-subtitle{color:#adadad; clear:both; margin-bottom: 4px;}

.resume-post-cont{clear:both;}

.resume-btns{margin-bottom: 4px;}



.resume-sidebar{}

.skill-box{margin-bottom:39px;}

.skill-box h3{

	background-image:url(images/color_theme/icons-plus.png);
	
	background-repeat:no-repeat; 

	font:13px/23px 'Montserrat', sans-serif;

	text-transform:uppercase;

	padding:0px 30px 0px 8px;

	border:2px solid #d0dde5;

	margin-bottom:23px;}

.skill-row{border-left:2px solid #dfdfdf; padding-left:10px; margin-bottom:12px;}

.skill-title{font:600 12px/12px 'Open Sans', sans-serif;  margin-bottom:8px; text-transform:uppercase;}

.skill-data{height:10px; position:relative;}

.skill-data .skill-percent-line{position:absolute; height:100%; width:0%; left:0px; top:0px; background:#53b7f9;}

.skill-percent{position:absolute; right:0px; top:-20px; font:600 12px/12px 'Open Sans', sans-serif; margin-right: 1px;}



#skill-language h3{margin-bottom:28px;}

#skill-language .skill-row{padding:1px 0px 1px 10px; margin-bottom:18px;}

#skill-language .skill-title{float:left; padding:1px 0px; margin:0px;}

#skill-language .skill-title img{display:inline-block; vertical-align:middle; margin-right:6px; margin-top:1px; float:left;}

#skill-language .skill-title span{float:left;}

#skill-language .skill-data{
	float:right; 
	margin-top:1px; 
	margin-right:2px; 
	background-repeat:no-repeat;
	background-color:transparent;}

#skill-language .skill-data{height:13px; width:93px; display:inline-block;}

.skill0{background-position:0px 0px !important;}

.skill1{background-position:0px -15px !important;}

.skill2{background-position:0px -30px !important;}

.skill3{background-position:0px -45px !important;}

.skill4{background-position:0px -60px !important;}

.skill5{background-position:0px -75px !important;}

.skill6{background-position:0px -90px !important;}

/* portfolio */

#portfolio .item-cont{display:none; padding-bottom:30px;}

#portfolio  #pageination{margin-top:-15px; margin-bottom: 4px;}

.controls{display:inline-block; /*width: 180px;*/ margin: 0 0 25px; vertical-align: top;}

.controls li{margin:2px 3px 2px 0px; cursor:pointer; display:block; float:left; border:2px solid #d0dde5; padding:0px 9px; font:600 11px/24px 'Open Sans', sans-serif; text-transform:uppercase;}

.controls li.active{border:2px solid #6ac4ff; color:#6ac4ff;}

#Grid{width:100%; text-align: justify;font-size: 0.1px;}

#Grid:after{content: ''; display: inline-block; width: 100%;}

#Grid .gap{display: inline-block;width: 250px;}

#Grid .mix{display: none; opacity: 0; width: 31.5%; /*height: 180px;*/ vertical-align: top; margin-bottom: 20px; background: #dad5bc;}



.fancy-wrap{width:100%; max-width:790px; display:none;}	

.fancy-wrap img{max-width:100%;}

.fancy{background:#fff; padding:18px 15px;}

.fancy h2{font:17px/24px 'Patua One', cursive; color:#000; margin-left:3px;}

.fancy p{font:600 13px/21px 'Open Sans'; color:#4f4f4f;}

.fancybox-fs{ 

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

    cursor: pointer;

    height: 27px;

    width: 27px;

    left:auto;

    right: 8px;

    top: 8px;

    position: absolute;

    z-index: 1004;}

.fancybox-close{display:none !important;}

	

/* contact */

#contact .item-cont{display:none;}

#contact .map{margin-bottom:29px;}

#contact .btn{margin-left:0px; background-image:url(images/icon-mail.png); background-repeat:no-repeat; background-position: 13px 10px;  padding-left:31px; padding-right:12px;}

#contact .form-btn{padding:2px 0px; margin-top:20px;}

#contact h3,

.form h3{font:15px/15px 'Patua One', cursive;  margin-bottom:20px; text-transform:uppercase;}

.form label{font:600 13px/13px 'Open Sans', sans-serif; display:inline-block; margin-bottom:10px;}

.form label span{color:#ff002a; display:inline-block; margin-left:3px;}

.form-marg{margin-right:24px;}

.form-col{margin-bottom:14px;}

.small.form-col{width:238px;}

.form-item{

	display: block;

  	height: 15px;

	width:228px;

  	padding: 5px 3px;

  	font:600 12px/12px 'Open Sans', sans-serif;

  	vertical-align: middle;

 	border: 2px solid #d0dde5;

    -webkit-transition: border-color ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s;}

.form-item:focus{

    border-color: #b6dcf5;

    outline: 0;}

textarea.form-item{height:71px; resize:none; width:490px;}



.contact-info{padding-top:5px;}
.contact-info li{margin-bottom:7px;}
.contact-info .icon{ 
	background-image:url(images/color_theme/icons-contact.png); 
	background-repeat:no-repeat;
	display:block; 
	float:left; 
	width:22px;
	height:22px;
	border:2px solid #d0dde5;
	margin-top:2px;
	margin-right:8px;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;}
.contact-info .text{

	font:400 13px/13px 'Open Sans', sans-serif;

	display:inline-block; 

	color:#7c7c7c; 

	padding:8px 0px;

	letter-spacing:-1px;
	
	display:block;
	
	float:left;}

.contact-info  strong{font-weight:700;}

#map-canvas {height: 315px; width:100%;}



/* blog */

#blog .item-cont{padding-top:20px;}



.blog-link{

	position:absolute;

	bottom:-25px;

	left:-43px;

	display:block;

    text-decoration: none;
	
	width:250px;
	
	height:43px;
	
	overflow:hidden;}

.blog-link .icon{

	background:url(images/feather.png) center center no-repeat #434b51; 

	width:43px; 

	height:43px;

	display:block;

	z-index:2;

	position:relative;}

.blog-link .label{
	display: block;
	
	color:#fff;
	
	top:0px;

	left:-100px;

	height:43px;

	padding:0px 15px;

	position:absolute;

	white-space:nowrap;

	font:16px/43px 'Patua One', cursive;

	transition:all 0.5s ease 0s;

	-webkit-transition:all 0.5s ease 0s;}


.blog-link:hover .label{
	left:43px;
	/*transition:all 0.6s ease 0s;
	-webkit-transition:all 0.6s ease 0s;*/}



#blog .icon-blog, #post .icon-blog{background-color:#434b51;}

.entry-box{padding-bottom:25px; margin-bottom:28px; border-bottom:1px solid #e8ebed;}

.entry-header{margin-left:67px;}

.entry-photo{margin-bottom:13px;}

.entry-photo img{display:block; max-width:100%;}

.entry-data{border:2px solid #ebebeb; width:45px; padding:5px 0px 0px 0px; text-align:center; float:left; margin-top:5px;}

.entry-data .month{font:700 11px/12px 'Open Sans', sans-serif; text-transform:uppercase; display:block;}

.entry-data .day{font:700 19px/20px 'Open Sans', sans-serif; display:block; padding-bottom:6px; letter-spacing:1px;}

.entry-data .comments-link{

    margin:0;

    display:block; 

    color:#999999; 

    padding-left:15px;

    border-top:2px solid #ebebeb; 

    font:400 12px/23px 'Open Sans', sans-serif; 

    background:url(images/color_theme/icon-comments.png) no-repeat 9px 7px;

    text-decoration: none;

}

.entry-text{margin-left:67px; font:400 13px/21px 'Open Sans', sans-serif;}

.entry-more{padding:0px 12px; margin:14px 0px 0px 67px; height:30px; line-height:30px;}



/* 	width: 534, height: 248,*/

.slides {display: none; position:relative;}

.container {margin: 0 auto;}

.slidesjs-pagination .active {color:red;}

.slidesjs-next, 

.slidesjs-previous{position:absolute; top:43%; z-index:10; width:36px; height:36px; text-indent:-9999px;}

.slidesjs-next{right:11px; background:url(images/slider-next.png) no-repeat;}

.slidesjs-previous{left:11px; background:url(images/slider-prev.png) no-repeat;}





#pageination li{float:left; list-style-type:none; margin-right:3px;}

#pageination li a, #pageination li span{display:inline-block; padding:0px 9px; font:400 11px/24px 'Open Sans', sans-serif; text-decoration: none;}

#pagination a{float:left; list-style-type:none; margin-right:3px;}

#pagination a, #pageination span{display:inline-block; padding:0px 9px; border:2px solid #d0dde5; color:#bac4ca; font:400 11px/24px 'Open Sans', sans-serif; text-decoration: none;}

#pagination a.jp-current{border:2px solid #434b51; color:#50575d;}

#pagination a.jp-previous, #pagination a.jp-next{display: none;}

/* post */

.post-title, .post-title a{font:600 17px/17px "Open Sans"; margin-bottom:10px;}

.post-title a{text-decoration:none;}

.post-info{font:600 10px/10px 'Open Sans', sans-serif; margin-bottom:19px; text-transform:uppercase;}

.post-info span, .post-info a{display:inline-block;}

.post-info a{text-decoration:none;}

.post-info a:hover{text-decoration:underline;}

.post-bottom{padding:20px 0px; border-bottom:1px solid #e8ebed; margin-bottom:35px; font:12px/22px 'Patua One', cursive; color:#000; text-transform:uppercase;}

.post-tags{float:left;}

.post-tags span{margin-right:10px;}

.tagcloud a, .post-tags a{

    display:inline-block;  

    font:600 11px/22px 'Open Sans', sans-serif; 

    vertical-align:middle; 

    text-decoration:none; 

    padding:0px 10px; 

    margin-right:2px; 

    text-transform:uppercase;

    -webkit-border-radius:2px; 

       -moz-border-radius:2px; 

            border-radius:2px;

    -webkit-transition:all 0.4s ease 0s;

       -moz-transition:all 0.4s ease 0s;

         -o-transition:all 0.4s ease 0s;

        -ms-transition:all 0.4s ease 0s;

            transition:all 0.4s ease 0s;}

.tagcloud a:hover, .post-tags a:hover{border-color:#c3cdd4; color:#b8bdc1;}



.post-share{float:right;}

.post-share span{margin-right:8px; float:left; line-height:25px;}

.post-share a{ 
	float:left;
	text-decoration:none; 
	width:22px; 
	height:22px; 
	margin-left:3px;
	border-color: #d0dde5;
    	border-style: solid;
	border-width:2px;
	background-image:url(images/color_theme/icons-share.png); 
	background-repeat:no-repeat; 
	vertical-align:middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}

.post-share .share-tw{background-position:-1px -2px;}

.post-share .share-fb{background-position:-30px -2px;}

.post-share .share-p{background-position:-59px -2px;}

.post-share .share-in{background-position:-89px -2px;}

/* comments */

.comments-link{margin-left:15px;}

.post-comments .post-title{margin-bottom:25px; text-transform:none;}

.post-comments .form h3{text-transform:none;}

.post-comments .btn{margin-left:0px; background-image:url(images/icon-comment.png); background-repeat:no-repeat; background-position:12px center; padding-left:35px;}

.post-comments .form{border-top:1px solid #e8ebed; padding-top:30px; margin-top:30px;}

.post-comments .form.no_comments {border-top:0px;padding-top:0px;}

.post-comments .small.form-col{width:256px;}

.post-comments .small.form-col .form-item{width:245px;}

.post-comments textarea.form-item{width:525px;}

.comment{border:1px solid #e8ebed; padding:10px; margin-bottom:10px; -webkit-box-shadow:0px 2px 2px -1px rgba(0,0,0,0.05); -moz-box-shadow:0px 2px 2px -1px rgba(0,0,0,0.05); box-shadow:0px 2px 2px -1px rgba(0,0,0,0.05);}

.comment-photo{width:50px; height:56px; overflow:hidden; float:left; margin-top:5px;}

.comment-photo img{max-width:100%;}

.comment-cont{font:400 13px/21px 'Open Sans', sans-serif; color:#4f4f4f; margin-left:60px; position:relative;}

.comment-head h3{color:#000; font-weight:700;}

.comment-head div{color:#919191; margin-bottom:5px;}

.subcomment{margin-left:7.5%;}
#comment-submit{margin-top:20px;}

.btn-reply, .comment-reply-link, #cancel-comment-reply-link{

	background:url(images/icon-reply.png) no-repeat 5px center #a2a9af;

	font:600 10px/10px 'Open Sans', sans-serif;

	padding:5px 10px 5px 22px;

	display:inline-block;

	text-transform:uppercase;

    text-decoration: none;

	color:#fff;

	float:right;

	-webkit-border-radius:3px;

	   -moz-border-radius:3px;

	        border-radius:3px;}

#cancel-comment-reply-link {

    float:none;

    margin-bottom:10px;

}

.btn-reply:active,
.btn-reply:hover,
.comment-reply-link:active, 
.comment-reply-link:hover,  
#cancel-comment-reply-link:hover{background-color:#434b51;}



/* sidebar */

#sidebar .widget{margin-bottom:34px;}

#sidebar .widget h2{font:14px/14px 'Patua One', cursive; margin-bottom:10px; text-transform:uppercase;}

#sidebar .widget ul{list-style: none;}

#sidebar .widget ul li{padding:9px 0px 8px 0px; font:600 12px/18px 'Open Sans', sans-serif; }

#sidebar .widget ul li a{color:#4c4c4c; text-decoration:none;}

#sidebar .widget ul li a:hover{color:#53b7f9;}

#sidebar .widget .post-date{font:400 11px/18px 'Open Sans', sans-serif; color:#6a6969; display:block; margin-top:7px;}



#sidebar #recent_posts li{font-weight:700; padding:9px 0px 11px 0px; margin-bottom:4px;}

#sidebar .tagcloud{margin-bottom:30px;margin-top:22px;}

#sidebar .tagcloud h2{margin-bottom:22px;}
#sidebar .tagcloud{float:none;}
#sidebar .tagcloud a{margin-bottom:4px; padding:0px 9px 0px 8px;}
#sidebar #twitter h2{margin-bottom:9px;}
#sidebar .jtwt_tweet_text{font-weight:400; padding:0px; margin:0px;}
#sidebar .jtwt_tweet_text a{color:#53b7f9;}
#sidebar .widget ul li a.jtwt_date{font-weight:400; font-size:11px; line-height:11px; color:#6a6969; display:inline-block; margin-top:10px; text-transform:capitalize;}
#sidebar .widget ul li.jtwt_tweet{padding-top:15px; padding-bottom:12px;}
#sidebar .widget ul li.jtwt_tweet:first-child{padding-top:8px;}


/* wp content */

.wp-cont h1, .wp-cont h2, 

.wp-cont h3, .wp-cont h4, 

.wp-cont h5, .wp-cont h6{font-family:"Open Sans"; font-weight:600; color:#000; margin-bottom:15px;}

.wp-cont h1{font-size:19px; line-height:17px;}

.wp-cont h2{font-size:17px; line-height:17px;}

.wp-cont h3{font-size:14px; line-height:17px; margin-top:20px; margin-bottom:10px;}



.wp-cont{font:400 13px/21px 'Open Sans', sans-serif;}

.wp-cont img{margin-bottom:13px; display:inline-block; max-width:100%;}

.wp-cont p{margin-bottom:12px; min-height:1px;}

blockquote, .wp-cont blockquote{background-repeat:no-repeat; background-position:0px 4px; padding-left:20px; margin-bottom:14px; font:13px/19px 'Patua One', cursive;}
blockquote{background-image:url('images/color_theme/quote/53b7f9.png');}

.wp-cont ul{margin-bottom:15px;list-style: none;}

.wp-cont ul li{background-repeat:no-repeat; background-position:left 5px; padding-left:20px; margin-bottom:5px;}

#main_skin a, #logo_color a{

    display:inline-block; 

    border:2px solid #d0dde5; 

    color:#8C9DA8; 

    font:600 11px/22px 'Open Sans', sans-serif; 

    vertical-align:middle;  

    text-decoration:none; 

    padding:0px 10px; 

    margin-right:2px; 

    text-transform:uppercase;

    -webkit-border-radius:2px; 

       -moz-border-radius:2px; 

            border-radius:2px;

    -webkit-transition:all 0.4s ease 0s;

       -moz-transition:all 0.4s ease 0s;

         -o-transition:all 0.4s ease 0s;

        -ms-transition:all 0.4s ease 0s;

            transition:all 0.4s ease 0s;}

#logo_color a{padding:0px 5px;}  

#main_skin a:hover, #logo_color a:hover{border-color:#a8b3ba; color:#7b8a94;}



/* audio player */

.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#DBE3E6;}

.mejs-controls .mejs-time-rail span{

    -webkit-border-radius: 0px;

       -moz-border-radius: 0px;

	    border-radius: 0px;}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{

    background: #dbe4eb;

    height: 7px;

    -webkit-border-radius: 0px;

       -moz-border-radius: 0px;

	    border-radius: 0px;}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{

    background: #7f888f;

    height: 7px;

    -webkit-border-radius: 0px;

       -moz-border-radius: 0px;

	    border-radius: 0px;}

.mejs-controls .mejs-time-rail span{height: 7px;}

.mejs-controls div.mejs-time-rail{padding-top:7px;}

.mejs-controls .mejs-button button{background: url("images/player/controls.png") no-repeat 0px 0px;}

.mejs-controls .mejs-button button:focus{outline:none;}

.mejs-container .mejs-controls .mejs-time span{font-weight:bold; margin-top:1px;}

.mejs-controls  .mejs-playpause-button button{margin:7px 8px;}

.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px 16px;}



/* portfolio */

.ptf-item{

    display: block;

    height: 100%;

    position: relative;

    width: 100%;}

.ptf-item a{text-decoration:none;}

.ptf-img-wrap img{display:block;}

.ptf-cover{

    bottom: 0;

    left: 0;

    opacity: 0;

    height: 100%;

    width: 100%;

    z-index: 10; 

    position: absolute;

    background-color: rgba(67, 75, 81, 0.8);

}

.ptf-button{

    text-align:center;

    display: block;

    left:0;

    bottom:0;

    z-index:15;

    position:absolute;

    width:100%;}    

.ptf-button span{

    padding: 7px 9px;

    color: #FFFFFF;

    display:inline-block;

    border: 1px solid #FFFFFF;

    text-transform: uppercase;

    font:700 11px/11px 'Open Sans',sans-serif;}



.ptf-details{text-align:center; position:absolute; top:0px; left:0px; width:100%;}

.ptf-details h2{

	color: #FFFFFF;

    font:400 16px/16px "Open Sans";

    text-transform: capitalize;

    color:#fff;

    margin-bottom:3px;}

.ptf-details span{

    color: #FFFFFF;

    display: inline-block;

    font: 400 10px/10px 'Open Sans',sans-serif;

    letter-spacing: 1px;

    text-transform: uppercase;}

#resume-btns iframe{

    display:none;

}

#print {

}

.wp-user-avatar {

    width:50px;

    height:58px;

}

.avatar-default {

    width:50px;

    height:56px;

}
.alert_message {margin-bottom:10px;}


form.searchform #s {
	font-family:arial;
	font-size:12px;
	background:#eee;
	color:#000;
	border:1px solid #ddd;
	padding:7px;
	width:130px;
	text-shadow:1px 1px 0px #ffffff;
}
.screen-reader-text{
	display:none;
}

input#searchsubmit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:31px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
input#searchsubmit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
input#searchsubmit:active {
	position:relative;
	top:1px;
}


/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%;}
#wp-calendar caption { text-align: center; color: #333; font-size: 13px; margin-top: 5px; margin-bottom: 5px; padding:10px 0 5px; border-top: 1px solid #e5e5e5; font-weight: bold; }
#wp-calendar thead { font-size: 12px; }
#wp-calendar thead th { padding-top: 8px; padding-bottom: 8px; background: #f5f5f5; border: 1px solid #eaeaea; font-weight: normal; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #fff; border: 1px solid #e5e5e5; text-align: center; padding:5px 8px 4px; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar #today {
	position:relative;
	background-color:#ddd;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ccc) to(#ddd));
    background:-webkit-linear-gradient(#ccc, #ddd);
    background:-moz-linear-gradient(#ccc, #ddd);
    background:-ms-linear-gradient(#ccc, #ddd);
    background:linear-gradient(#ccc, #ddd);
	background:-o-linear-gradient(#ccc, #ddd);
    -pie-background:linear-gradient(#ccc, #ddd);
	color:#ffffff;
}

.block_calendar h4 {padding-bottom:18px;}
.block_calendar .datepickerNotInMonth a,
.block_calendar .datepickerNotInMonth span {color:#cccccc;}
.block_calendar .datepickerBorderT,
.block_calendar .datepickerBorderB,
.block_calendar .datepickerBorderL,
.block_calendar .datepickerBorderR,
.block_calendar .datepickerBorderTL,
.block_calendar .datepickerBorderTR,
.block_calendar .datepickerBorderBL,
.block_calendar .datepickerBorderBR
{display:none;}
.block_calendar .datepickerContainer,
.block_calendar .datepicker
{width:auto !important; left:0px; top:0px;}

.block_calendar div.datepicker table table th {vertical-align:top;}
.block_calendar div.datepicker table table td {vertical-align:top; background-color:#fefefe; color:#7b7b7b; text-align:center;}
.block_calendar div.datepicker table table td a {width:36px; height:24px; line-height:24px; display:block; color:#7b7b7b; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.block_calendar div.datepicker table table td.last a {border-right:1px solid #e5e5e5;}
.block_calendar div.datepicker table table td a:hover {
	position:relative;
	
	background-color:#eeeeee;
	
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff) to(#eeeeee));
    background:-webkit-linear-gradient(#ffffff, #eeeeee);
    background:-moz-linear-gradient(#ffffff, #eeeeee);
    background:-ms-linear-gradient(#ffffff, #eeeeee);
    background:linear-gradient(#ffffff, #eeeeee);
	background:-o-linear-gradient(#ffffff, #eeeeee);
    -pie-background:linear-gradient(#ffffff, #eeeeee);
	
	behavior:url(layout/plugins/PIE.htc);
}

.block_calendar .datepickerDays tr:first-child a {border-top:1px solid #dedede;}
.block_calendar .datepickerDays tr:last-child a {border-bottom:0px;}

.block_calendar div.datepicker table table td.datepickerSelected a,
.block_calendar div.datepicker table table td.datepickerSelected a:hover
{
	position:relative;
	
	background-color:#a02168;
	
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#b72575) to(#a02168));
    background:-webkit-linear-gradient(#b72575, #a02168);
    background:-moz-linear-gradient(#b72575, #a02168);
    background:-ms-linear-gradient(#b72575, #a02168);
    background:linear-gradient(#b72575, #a02168);
	background:-o-linear-gradient(#b72575, #a02168);
    -pie-background:linear-gradient(#b72575, #a02168);
	
	behavior:url(layout/plugins/PIE.htc);
	
	color:#ffffff;
}

.block_calendar .datepickerGoPrev {background-color:#ffffff;}
.block_calendar .datepickerGoPrev a {width:37px; height:28px; display:block; border-top:1px solid #e5e5e5; font-size:0px; line-height:0px; cursor:pointer;}
.block_calendar .datepickerGoPrev span {width:37px; height:28px; display:block; background:url(layout/images/arrow_4.png) no-repeat 0px 11px; text-indent:-9000px;}

.block_calendar .datepickerMonth {background-color:#ffffff; text-align:center;}
.block_calendar .datepickerMonth a {height:28px; line-height:28px; display:block; border-top:1px solid #e5e5e5; font-size:13px; color:#171717; font-weight:bold;}

.block_calendar .datepickerGoNext {background-color:#ffffff;}
.block_calendar .datepickerGoNext a {width:38px; height:28px; display:block; border-top:1px solid #e5e5e5; font-size:0px; line-height:0px; cursor:pointer;}
.block_calendar .datepickerGoNext span {width:38px; height:28px; display:block; background:url(layout/images/arrow_5.png) no-repeat right 11px; text-indent:-9000px;}

.block_calendar .datepickerDoW {}
.block_calendar .datepickerDoW th {background-color:#f5f5f5; color:#3b3b3b; text-align:center;}
.block_calendar .datepickerDoW th span {width:36px; height:25px; line-height:25px; display:block; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.block_calendar .datepickerDoW th.last span {border-right:1px solid #eaeaea;}

.block_sidebar_text_widget {border-bottom:1px solid #ebebeb;}
.block_sidebar_text_widget h4 {padding-bottom:15px;}
.block_sidebar_text_widget p {padding-bottom:16px;}

.block_contact_widget {}
.block_contact_widget h4 {padding-bottom:18px;}
.block_contact_widget .field {
	height:27px;
	margin-bottom:8px;
	padding:0px 6px;
	overflow:hidden;
	position:relative;
	
	background:url(layout/images/bg_field_2.jpg) repeat-x #ffffff;
	border:1px solid #dbdbdb;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	behavior:url(layout/plugins/PIE.htc);
}
.block_contact_widget .field input {width:100%; height:15px; line-height:15px; padding:7px 0px; display:block; background-color:transparent; border:0px; font-family:Helvetica, Arial, Helvetica, sans-serif; font-size:12px; color:#bebebe;}
.block_contact_widget .textarea {
	margin-bottom:8px;
	padding:7px 6px;
	overflow:hidden;
	position:relative;
	
	background:url(layout/images/bg_field_2.jpg) repeat-x #ffffff;
	border:1px solid #dbdbdb;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	behavior:url(layout/plugins/PIE.htc);
}
.block_contact_widget .textarea textarea {width:100%; height:72px; line-height:15px; display:block; background-color:transparent; border:0px; font-family:Helvetica, Arial, Helvetica, sans-serif; font-size:12px; color:#bebebe;}

/*Footer style*/
footer .inner {position:relative;}
.block_copyrights {height:60px; line-height:60px; float:left;}
.block_copyrights a {text-decoration:none;}
.block_copyrights a:hover {color:#666666; text-decoration:underline;}

.block_bottom_menu {height:30px; line-height:30px; float:right;}
.block_bottom_menu li {margin-left:17px; float:left; display:block;}
.block_bottom_menu li:first-child {margin-left:0px;}
.block_bottom_menu li a {font-size:13px; text-decoration:none; color:#111;}
.block_bottom_menu li a:hover {text-decoration:underline;}
.block_bottom_menu li li {display:none;}

.block_top_menu {height:50px; line-height:50px; margin-bottom:30px; float:right;}
.block_top_menu li {margin-left:17px; float:left; display:block;}
.block_top_menu li:first-child {margin-left:0px;}
.block_top_menu li a {font-size:13px; text-decoration:none; padding-bottom:5px; color:#111;}
.block_top_menu li a:hover {text-decoration:none;}
.block_top_menu li li {display:none;}

/* table styles */
table {
	width:100%;
	margin:3px 0px 15px;
	position:relative;
	
	border:1px solid #e0e0e0;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	behavior:url(layout/plugins/PIE.htc);
}
table th {
	height:38px;
	padding-left:14px;
	padding-right:14px;
	padding-top:5px;
	padding-bottom:5px;
	
	background-color:#f7f7f7;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff) to(#f7f7f7));
    background:-webkit-linear-gradient(#ffffff, #f7f7f7);
    background:-moz-linear-gradient(#ffffff, #f7f7f7);
    background:-ms-linear-gradient(#ffffff, #f7f7f7);
    background:linear-gradient(#ffffff, #f7f7f7);
	background:-o-linear-gradient(#ffffff, #f7f7f7);
    -pie-background:linear-gradient(#ffffff, #f7f7f7);
	
	behavior:url(layout/plugins/PIE.htc);
	
	
	color:#525252;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
table th:first-child {
	border-left:0px;
	
	-moz-border-radius:3px 0px 0px 0px;
	-webkit-border-radius:3px 0px 0px 0px;
	border-radius:3px 0px 0px 0px;
}
table th.last_cell {
	-moz-border-radius:0px 3px 0px 0px;
	-webkit-border-radius:0px 3px 0px 0px;
	border-radius:0px 3px 0px 0px;
}
table td {height:35px; padding-left:14px; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
table td:first-child {border-left:0px; border-bottom:1px solid #e0e0e0;}
table .last_row td:first-child {
	-moz-border-radius:0px 0px 0px 3px;
	-webkit-border-radius:0px 0px 0px 3px;
	border-radius:0px 0px 0px 3px;
	
	behavior:url(layout/plugins/PIE.htc);
}

.contact-btn {
width: 105px;
text-align: right;
    margin-left: 0px;
    background-image: url('images/icon-mail.png');
    background-repeat: no-repeat;
    background-position: 13px 10px;
    padding-left: 31px;
    padding-right: 12px;
cursor: pointer;
border: medium none;
color: #FFF;
background-color: #434B51;
padding: 0px 13px 0px 13px;
text-transform: uppercase;
height: 32px;
margin-right: 3px;
font: 700 11px/32px "Open Sans",sans-serif;
text-decoration: none;
display: inline-block;
border-radius: 2px;
transition: background-color 0.4s ease 0s;
}


.wpcf7-submit {
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #434b51;
    padding: 0px 10px 0px 13px;
    text-transform: uppercase;
    height: 32px;
    margin-right: 3px;
    font: 700 11px/32px 'Open Sans', sans-serif;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s;
    -o-transition: background-color 0.4s ease 0s;
    -ms-transition: background-color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s;
	margin-left: 0px;
    background-image: url(images/icon-mail.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    padding-left: 31px;
    padding-right: 12px;
}