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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong{
    font-weight:bold;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 600;
    padding: 10px;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    width: 100%;
}
h1{
    font-size:24px;
    line-height: 24px;
}
h2{
    font-size:18px;
    line-height: 18px;
}
h3{
    font-size:14px;
    line-height: 14px;
}
h4{
    font-size:12px;
    line-height: 12px;
}
h5{
    font-size:10px;
    line-height: 10px;
}
h6{
    font-size:8px;
    line-height: 8px;
}
ul,ol{
	margin-left: 17px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
	color: #333333;
	font-size: 13px;
	line-height: 1;
	display: block;
}
html, body{
	min-height:100%;
	height:auto;
}
hr{
    float:left;
    width:100%;
    display:block;
    height: 1px;
    border: 0;
    background: #666666;
}
*:focus{
	outline: none;
}
.clear{
	clear: both;
}

/*
  Simple Grid
  Learn more ~ http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
}

.content {
	padding:20px;
}

[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-'].last{
	padding-right: 0px !important;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
	padding-right: 20px;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

@media handheld, only screen and (max-width: 767px) {

	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* anchor tag */
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

hr.hr_line_2 { 
    border: 0; 
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
    margin-bottom: 5px;
	margin-top: 15px;
}
hr.hr_line_2:before {
    top: -0.5em;
    height: 1em;
}
hr.hr_line_2:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

hr.hr_line_2:before, hr.hr_line_2:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.hr_line_2, hr.hr_line_2:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 55%);
    background: -webkit-gradient(radial, center center, 0px, center center, 55%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(55%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
}

hr.hr_line { 
    border: 0; 
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
    margin-bottom: 25px;
}
hr.hr_line:before {
    top: -0.5em;
    height: 1em;
}
hr.hr_line:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

hr.hr_line:before, hr.hr_line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.hr_line, hr.hr_line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 55%);
    background: -webkit-gradient(radial, center center, 0px, center center, 55%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(55%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 55%);
}

hr.fancy-line:after {
    background: #f4f4f4;
}

#wrapper{
	width: 960px;
	display: block;
	overflow: hidden;
	margin: 25px auto;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*
===============================================
			2. Header
===============================================
*/

#header{
	width: 100%;
	display: block;
	float: left;
	border-bottom: 1px solid #cccccc;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
	margin-bottom: 20px;
	border-radius: 8px;
}

#header .left{
	width: 196px;
	display: inline-block;
	padding: 5px;
	background: rgba(255, 255, 255, 0.9);
	float: left;
	height: 200px;
	border-radius: 0 0 0 3px;
}


#header .left img{
	float: left;
	border-radius: 3px;
	width: 190px;
	height: 190px;
}

#header .middle{
	width: 566px;
	padding: 5px;
	display: inline-block;
	background: rgba(255, 255, 255, 0.9);
	float: left;
	margin-left: 0px;
}

#header .middle .name{
	padding: 23px;
	font-size: 45px;
	line-height: 46px;
	width: 100%;
	color: #333333;
	border-radius: 3px 3px 0 0;
	display: block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#header .middle .description{
	width: 100%;
	display: block;
	padding: 23px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 15px;
	color: #222222;
	font-style: italic;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#header .middle .description span{
	background: rgba(255, 255, 255, 0.2);
	padding: 5px;
	border-radius: 3px;
	display: inline-block;
	border: 1px solid #dedede;
	box-shadow: 0 1px 0 #ffffff inset;
	margin: 13px;
	margin-right: 10px;
	margin-left: 0;
}

#header .middle .download_cv a,
#header .middle .other a{
	display: inline-block;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#555555;
	padding: 23px;
	padding-top: 12px;
	padding-bottom: 11px;
	width: 50%;
}

#header .middle .download_cv a{
	border-radius: 0 0 0 3px;
}

#header .middle .download_cv a.fullwidth{
	width: 100%;
}

#header .middle .download_cv a.halfwidth{
	width: 50%;
}

#header .middle a .text{
	display: inline-block;
	float: left;
	margin-top: 3px;
}

#header .middle a i{
	font-size: 24px;
	margin-right: 10px;
	float: left;
}

#header .middle .download_cv a:hover{
	text-decoration: none;
	color:#222222;
	opacity: 1;
}

#header .middle .other a{
	border-radius: 0 0 3px 0;
	padding-left: 25px;
}

#header .middle .other a:hover{
	text-decoration: none;
	color:#222222;
	opacity: 1;
}

#header .right{
	width: 196px;
	display: inline-block;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	background: rgba(255, 255, 255, 0.9);
	height: 200px;
	border-radius: 0 0 3px 0;
}

#header .right .title{
	display: block;
	font-size: 20px;
	width: 100%;
	padding: 14px;
	padding-top: 19px;
	padding-bottom: 19px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#header .right .title a{
	color:#555555;
}

#header .right .icons{
	display: inline-block;
	width: 100%;
}

#header .right .icons a{
	font-size: 32px;
	display: inline-block;
	padding: 12px;
	width: 57px;
	height: 60px;
	text-align: center;
	cursor: pointer;
	float: left;
	color: #777777;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	overflow: hidden;
	border-radius: 3px;
	margin-right: 8px;
	margin-bottom: 10px;
	background: #f7f7f7;
	border: 1px solid #EDEFF0;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

#header .right .icons a i{
	display: inline-block;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

#header .right .icons a i{
	width: 32px;
	height: 32px;
}

#header .right .icons a:nth-child(3n){
    margin-right: 0;
}

#header .right .icons a:hover i{
	text-decoration: none;
	font-size: 34px;
    -webkit-animation: moveFromLeftRotate 300ms ease forwards;
    -moz-animation: moveFromLeftRotate 300ms ease forwards;
    -ms-animation: moveFromLeftRotate 300ms ease forwards;
    -o-animation: moveFromLeftRotate 300ms ease forwards;
    animation: moveFromLeftRotate 300ms ease forwards;
}

@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(10deg);
    }
}

@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(0%) rotate(0deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(10deg);
    }
}

@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(0%) rotate(0deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(10deg);
    }
}

@-o-keyframes moveFromLeftRotate{
    from {
        -o-transform: translateX(0%) rotate(0deg);
    }
    to {
        -o-transform: translateX(0%) rotate(10deg);
    }
}

@keyframes moveFromLeftRotate{
    from {
        transform: translateX(0%) rotate(0deg);
    }
    to {
        transform: translateX(0%) rotate(10deg);
    }
}

#header .right .icons a.icon-youtube-play-outer {
	color: #777777;
}

#header .right .icons a.icon-facebook-outer:hover{
    background: #3B5999;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #283B66 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-twitter-outer:hover{
    background: #00BAFF;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #0083B2 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-linkedin-sign-outer:hover{
    background: #007BB6;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #004769 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-youtube-play-outer:hover{
    background: #C8302D;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #6B1A19 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-google-plus-outer:hover{
    background: #D94835;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #8A2D21 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-github-outer:hover{
    background: #7197B0;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-linkedin-outer:hover{
    background: #007BB6;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-dribbble-outer:hover{
    background: #E44D87;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #333333 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-flickr-outer:hover{
    background: #0062DD;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-tumblr-outer:hover{
    background: #35506B;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-vk-outer:hover{
    background: #476C98;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-skype-outer:hover{
    background: #00A8E9;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-pinterest-outer:hover{
    background: #C7212D;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #3E5361 inset, 0 2px 1px rgba(0,0,0,0.2);
}

#header .right .icons a.icon-instagram-outer:hover{
    background: #BFB4A4;
    color: #ffffff;
    box-shadow: 0 2px 8px 1px #333333 inset, 0 2px 1px rgba(0,0,0,0.2);
}

/*
===============================================
			3. Menu
===============================================
*/

.menu_inner{
	display: block;
}

.menu{
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	float: left;
	margin-bottom: 20px;
	border-radius: 3px;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

.menu .left{
	display: none;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu .left.animate{
	display: inline-block;
	opacity: 1;
}

.menu .left .img{
	float: left;
	display: inline-block;
	padding: 2px;
	padding-bottom: 2px;
	background: #ffffff;
	border-right: 1px solid #ededed;
	border-radius: 0 0 0 3px;
}

.menu .left .img img{
	width: 53px;
	height: 53px;
	display: inline-block;
	float: left;
	border-radius: 3px;
}

.menu .left .name{
	display: inline-block;
	float: left;
	margin-left: 5px;
	font-size: 20px;
	margin-top: 19px;
}

.menu .left .name a{
	color: #333333;
}

.menu .right{
	display: none;
	float: right;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu .right.animate{
	display: inline-block;
	opacity: 1;
}

.menu .right a.cv{
	display: inline-block;
	float: right;
	padding: 16px;
	margin-top: 4px;
	margin-right: 4px;
	border-radius: 3px;
	text-decoration: none;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu .right a.cv i{
	font-size: 17px;
	display: inline-block;
	margin-right: 10px;
	float: left;
}

.menu .right a.cv .text1{
	float: left;
	margin-top: 3px;
}

.menu .right a.cv .text2{
	display: none;
	float: left;
	margin-top: 3px;
}

.menu .m_menu_toggle{
	display: none;
}

.menu ul{
	width: 100%;
	display: block;
	float: left;
	font-size: 15px;
	padding: 18px;
	padding-top: 0;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.menu.menu_width_page ul{
	margin-left: 3%;
	width: 67%;
}

.menu ul li{
	margin-right: 3px;
	height: 35px;
	position: relative;
	display: inline-block;
}

.menu ul li a{
	display: inline-block;
	float: left;
	padding: 11px;
	padding-top: 18px;
	padding-bottom: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#666;
	border:1px solid transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.menu ul li a:hover{
	text-decoration: none;
	color:#8E8171;
}

.menu ul li a.active{
	color: #333333;
	padding-top: 18px;
	padding-bottom: 18px;
}

.menu ul li a i.menu_icon{
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu ul li a.active i.menu_icon{
	display: inline-block;
	font-size: 15px;
}

.menu ul li a .text{
	display: inline-block;
	margin-top:2px;
}

/*
===============================================
			4. Main Content
===============================================
*/

#content{
	width: 100%;
	display: block;
	margin: 0 auto;
	border-top: 1px solid #cccccc;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
	float: left;
	border-radius: 3px;
	line-height: 22px;
	padding-bottom: 20px;
}

.page_title{
	font-size: 30px;
	text-align: center;
}

/*
===============================================
			5. Home Page
===============================================
*/

.page_title{
	font-size: 28px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	display: block;
}

.page_title span{
	display: inline-block;
	border-bottom: 2px solid #D6D6D6;
	padding-bottom: 10px;
}

.column_text{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.column_text span.item{
	display: inline-block;
	text-align: center;
	font-style: italic;
	font-size: 15px;
	padding: 10px !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
	background: #EBEBEB;
	line-height: 25px;
	margin-top: auto;
	float: left;
	box-shadow: 0 2px 1px 1px #dedede;
	border-radius: 3px;
}

/*
===============================================
			6. About Page
===============================================
*/

.about_header{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.about_header .picture{
	display: inline-block;
	border-radius: 3px 0 0 3px;
	float: left;
	overflow: hidden;
	padding-right: 0;
}

.about_header .picture .outer{
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 100%;
}

.about_header .picture img{
	float: left;
	width: 100%;
	display: inline-block;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.about_header .picture:hover img{
	opacity: 1;
   -webkit-transform: rotate(20deg) scale(1.4,1.4);
   -moz-transform: rotate(20deg) scale(1.4,1.4);
   -o-transform: rotate(20deg) scale(1.4,1.4);
   -ms-transform: rotate(20deg) scale(1.4,1.4);
   transform: rotate(20deg) scale(1.4,1.4);
}

.about_header .right{
	float: left;
	display: inline-block;
}

.about_header .right .hr_line{
	margin-top: 10px;
	margin-bottom: 5px;
}

.about_header .top_text{
	float: left;
	display: inline-block;
	margin-bottom: auto;
	border-radius: inherit;
	font-size: 45px;
	line-height: 144px;
	padding-left: 50px;
	height: 144px;
	text-align: left;
	color: #ffffff;
}

.about_header .bot_text{
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    border-radius: inherit;
}

.about_header .bot_text span,
.about_header .bot_text a{
	display: inline-block;
	float: left;
	text-align: center;
	height: 144px;
	padding-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.about_header .bot_text a{
    color:#555555;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.about_header .bot_text a:hover{
	text-decoration: none;
	background: #D3DBDE;
	color:#222222;
}

.box{
	display: block;
	width: 100%;
}

.box.details > .title,
.box.services > .title,
.box.about > .title{
	width: 100%;
	margin-left: 0;
}

.box > .title{
	display: block;
	float: left;
	width: 100%;
}

.box.about p.intro{
	font-size: 18px;
	line-height: 31px;
	margin-bottom: 20px;
	display: block;
	float: left;
	width: 100%;
}

.box.about p.quote{
	font-size: 15px;
	line-height: 31px;
	margin-bottom: 20px;
	display: block;
	float: left;
	width: 100%;
}

.box.about p i.icon-quote-left{
	font-size: 30px;
	display: inline-block;
	margin-right: 5px;
}

.box.about .interests{
	display: block;
	width: 100%;
	float: left;
}

.box.about .interests h2{
	padding-left:0;
	border-bottom: 1px solid #dedede;
	margin-bottom: 10px;
	text-align: center;
}

.box.about .interests p{
	font-size: 15px;
	line-height: 31px;
	margin-bottom: 20px;
	display: block;
	float: left;
	width: 100%;
}

.box .title h1{
	display: block;
	width: 160px;
	text-align: center;
	margin: 0 auto;
	font-size: 21px;
	margin-bottom: 10px;
}
.box .about_me_text{
	display: block;
	width: 100%;
	float: left;
	line-height: 18px;
}

.details .items{
	display: block;
	width: 100%;
	float: left;
	margin-top: 5px;
}

.details .items .item{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	margin-bottom: 0;
}

.details .items .item .title{
	padding: 15px;
	display: block;
	float: left;
	border-top: 1px solid #dedede;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
	position: relative;
	font-weight: 600;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.details .items .item .title i{
	display: inline-block;
	font-size: 15px;
	margin-right: 10px;
	color:#666666;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.details .items .item .title span{
	display: inline-block;
	margin-top:3px;
}

.details .items .item .value{
	display: block;
	word-wrap:break-word;
	text-align: center;
	background: rgba(255,255,255,0.4);
	float: left;
	padding: 17px;
	padding-bottom: 16px;
	border-top: 1px solid #dedede;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.details .items .item:hover{
	cursor: default;
}
.details .items .item:hover .value{
	background: rgba(255,255,255,0.7);
}
.details .items .item:hover .title{
	background: rgba(255, 255, 255, 0.4);
}
.details .items .item:hover .title i{
	color:#222222;
}

.services{
	margin-bottom: 0;
}

.about{
	width: 63%;
	margin-top: 20px;
}

.tweets_box{
	display: block;
	float: left;
	box-shadow: inset 0 1px 2px rgba(33, 33, 33, 0.1);
	padding: 20px !important;
	margin-top:0;
	border-top: 1px solid #cecece;
	margin-bottom: 20px;
}

.tweets_box .item{
	display: none;
	width: 87%;
	float: left;
	margin-right: 20px;
}

.tweets_box .item i{
	color: #00BAFF;
	font-size: 35px;
	display: inline-block;
	margin-right: 10px;
	float: left;
}

.tweets_box .item .body{
	float: left;
	width: 90%;
	font-size: 15px;
	line-height: 23px;
}

.tweets_box .item .body .date{
	font-style: italic;
	color: #888888;
	display: inline-block;
	margin-left: 10px;
}

.tweets_box .item .body a .date:hover{
	text-decoration: underline;
}

.tweets_box .item.active{
	display: block;
}

.tweets_box .pages{
	display: inline-block;
	float: left;
	width: 10%;
	background: #ffffff;
	box-shadow: 0 2px 1px 0 #bebebe;
	border-radius: 20px;
	padding: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.tweets_box .pages i{
	font-size: 12px;
	display: inline-block;
	margin-right: 4px;
	border-radius: 4px;
	cursor: pointer;
	color: #bbbbbb;
	box-shadow: inset 0 1px 0 #999999;
}

.tweets_box .pages i.active,
.tweets_box .pages i:hover{
	color:#888888;
	box-shadow: inset 0 1px 0 #777777;
}

.tweets_box .pages i:last-child{
	margin-right: 0;
}

/*
===============================================
			7. Resume Page
===============================================
*/


.resume_box{
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

h1.title{
	display: block;
	font-size: 25px;
	text-align: center;
}

h1.title i{
    font-size: 25px;
    margin-right: 15px;
    color: #555555;
}

.resume_box .item{
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.resume_box .item .inner{
	display: block;
	padding-left: 12px;
	margin-left: 3px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.resume_box .item .date{
    display: inline-block;
    color: #777777;
    font-weight: 600;
    float: left;
    word-wrap:break-word;
}

.resume_box .item .body{
    display: inline-block;
    position: relative;
    float: left;
}

.resume_box .item .body i{
    display: inline-block;
    position: absolute;
    left:0;
    top: 5px;
    color: #dedede;
    margin-right: 10px;
}

.resume_box .item .body .type{
	font-weight: 600;
	margin-bottom: 0px;
	display: inline-block;
	color: #222222;
	margin-left: 20px;
	font-size: 15px;
	margin-bottom: 3px;
	width: 100%;
}

.resume_box .item .body .subtext{
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.resume_box .item .body .subtext .location{
	color: #666666;
}

.resume_box .item .body .text{
	color:#555555;
	line-height: 18px;
}

.skills{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.skills h1{
	display: block;
	font-size: 25px;
	padding-left: 0;
	margin-bottom: 5px;
	padding-top:0;
	text-align: center;
}

.skills h1 i {
	font-size: 25px;
	margin-right: 15px;
	color:#555555;
}

.skills .block{
	display: block;
}

.skills .block h2{
	padding-left: 0;
	margin-bottom: 10px;
}

.skills .block h2 i{
	display: inline-block;
	margin-right: 10px;
}

.skills .block .skill{
	display: block;
	margin-bottom: 10px;
	position: relative;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.skills .block .skill .text{
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
}

.skills .block .skill .color{
	border-radius: 10px;
	display: block;
	box-shadow: 0 -1px 0 #bebebe;
	color: #ffffff;
	width: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.skills .block .skill .color span{
	display: inline-block;
}

.skills .block .skill .color span strong{
	margin: 5px;
}

.tools{
	display: block;
	margin-bottom: 20px;
}

.tools h1{
	display: block;
	font-size: 25px;
	padding-left: 0;
	margin-bottom: 20px;
	text-align: center;
}

.tools h1 i {
	font-size: 25px;
	margin-right: 15px;
	color: #555555;
}

.tools .tool{
	margin-right: 15px;
	margin-bottom: 15px;
	display: inline-block;
	cursor: default;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.download_vcard{
	display: block;
	width: 100%;
}

.download_vcard a .text{
	padding: 10px;
	display: block;
	color: #ffffff;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.download_vcard a .text span{
	display: inline-block;
	float: left;
	margin-top: 7px;
	font-size: 17px;
}

.download_vcard a .text i{
	display: inline-block;
	font-size: 34px;
	margin-right: 15px;
	float: left;
	margin-left: 10px;
}

.download_vcard a .text:hover{
	text-decoration: none;
}

.awards .award{
	display: block;
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.awards .award .date{
    display: inline-block;
    color: #999999;
    font-weight: 600;
    float: left;
}

.awards .award .body{
    display: inline-block;
    position: relative;
    float: left;
}

.awards .award .inner {
	display: inline-block;
	padding-left: 12px;
	margin-left: 3px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.awards .award .body i {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 5px;
	color: #dedede;
	margin-right: 10px;
}

.awards .award .title{
	font-size: 15px;
	display: block;
	margin-bottom: 2px;
	font-weight: 600;
	margin-left: 20px;
}

.awards .award .name{
	display: block;
	color: #666666;
	margin-bottom: 10px;
}

.awards .award .text{
	display: block;
	line-height: 16px;
}

.clients{
	display: block;
	float: left;
	width: 100%;
	position: relative;
}

.clients h1{
	display: block;
	font-size: 25px;
	padding-left: 0;
	text-align: center;
}

.clients h1 i{
	font-size: 25px;
	margin-right: 15px;
	margin-bottom: 0;
	color:#555555;
}

.clients .clients_list{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	margin: 50px;
	width: 88%;
	margin-top:30px;
	margin-bottom: 20px;
}

.clients .clients_list .client{
    display: inline;
    margin-right: 40px;
    opacity: 0.5;
    cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.clients .clients_list .client:hover{
	opacity: 1;
}

.resume_slider_left,
.resume_slider_right{
	position: absolute;
	top: 33px;
	font-size: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0.75;
}

.resume_slider_left{
	left: 0;
}

.resume_slider_right{
	right: 0;
}

.resume_slider_left:hover,
.resume_slider_right:hover{
	opacity: 1;
}

.clients .details{
	display: none;
	width: 100%;
	border-top:1px solid #dedede;
	padding-top:25px;
	float: left;
}

.clients .details .top{
    float: left;
    width: 100%;
    display: block;
}

.clients .details .top img{
    float: left;
}

.clients .details .top .description{
	float: left;
	display: inline-block;
	margin-left: 15px;
	margin-top: 11px;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
}

.clients .details .body{
    display: block;
    float: left;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
}

/*
===============================================
			8. Portfolio Page
===============================================
*/

.portfolio_filter{
	display: block;
	width: 100%;
	padding: 10px;
	margin: 35px auto;
	margin-bottom: 5px;
	padding-left: 35px;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.portfolio_filter li{
	display: inline-block;
	padding: 6px;
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px;
	background: #ededed;
	box-shadow: 0 1px 0 #dedede;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio_filter li.active,
.portfolio_filter li:hover{
	color:#ffffff;
}

.filter_hr{
	margin-bottom: 25px;
}

#portfolio_grid{
	display: block;
	float: left;
	width: 100%;
	min-height: 200px;
	max-height: 100%;
	margin-top:15px;
	position: relative;
	text-align: justify;
}

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

#portfolio_grid .gap{
	display: inline-block;
	width: 100%;
}

#portfolio_grid .mix{
	width: 100%;
	margin-bottom: 16px;
	position: relative;
	display: none;
	opacity: 0;
	overflow: hidden;
	border: 7px solid #ededed;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio_grid .mix img{
	opacity: 0.8;
	width: 100%;
	display: block;
	float: left;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

#portfolio_grid .mix:hover{
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
}

#portfolio_grid .mix:hover .img_outer img{
	opacity: 1;
   -webkit-transform: rotate(5deg) scale(1.2,1.2);
   -moz-transform: rotate(5deg) scale(1.2,1.2);
   -o-transform: rotate(5deg) scale(1.2,1.2);
   -ms-transform: rotate(5deg) scale(1.2,1.2);
   transform: rotate(5deg) scale(1.2,1.2);
}

#portfolio_grid .mix .img_outer{
	position:relative;
	height:209px;
	overflow:hidden;
	display: inline-block;
	cursor: pointer;
	float: left;
	padding-right: 0;
}

#portfolio_grid .mix .overlay{
	position: absolute;
	left: 0;
	top: 0;
	height:209px;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

#portfolio_grid .mix .overlay i{
	font-size: 20px;
	border-radius: 20px;
	border: 1px solid transparent;
	padding: 0;
	margin-left: 46%;
	display: inline-block;
	margin-top: 13%;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

#portfolio_grid .mix:hover .img_outer .overlay i{
	padding: 10px;
}

#portfolio_grid .mix:hover .img_outer .overlay{
	opacity: 1;
}

#portfolio_grid .mix > .details{
	padding: 20px;
	position: relative;
	background: rgba(0,0,0,0.8);
	float: left;
	display: inline-block;
	color: #ffffff;
	height: 209px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio_grid .mix > .details .description,
#portfolio_grid .mix > .details .link,
#portfolio_grid .mix > .details .client,
#portfolio_grid .mix > .details .social{
	display: none;
}

#portfolio_grid .mix > .details h2{
	padding-left: 0;
	padding-right: 0;
	font-size: 20px;
	padding-top:0;
	color: #777777;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio_grid .mix:hover > .details h2{
	color:#f5f5f5;
}

#portfolio_grid .mix > .details p{
	line-height: 21px;
	font-size: 14px;
	text-align: left;
	color: #777777;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio_grid .mix:hover > h2{
	color: #ffffff;
}

#portfolio_info{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	float: left;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

#portfolio_info .info_icon{
	float: left;
	display: inline-block;
	margin-right: 30px;
}

#portfolio_info .info_icon i{
	font-size: 70px;
}

#portfolio_info i{
	float: right;
	display: inline-block;
	font-size: 40px;
	color: #888888;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio_info i:hover{
	color: #333333;
}

#portfolio_info .details h2{
	display: block;
	padding-left: 0;
	font-size: 20px;
	padding-top: 0;
	margin-bottom: 15px;
	padding-bottom: 38px;
}

#portfolio_info .details h2 .text{
	display: inline-block;
	float: left;
	margin-top: 10px;
}

#portfolio_info .details .social{
	display: block;
	width: 50%;
	margin-left: 10px;
	border-left:1px solid #ededed;
	float: left;
	padding-left: 6px;
}

#portfolio_info .details .social a{
	display: inline-block;
	text-decoration: none;
	margin-right: 5px;
	padding: 11px !important;
}

#portfolio_info .details .social .share_text{
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-top: 13px;
}

#portfolio_info .details .social a.facebook:hover i{
	color:#3B5999;
}

#portfolio_info .details .social a.twitter:hover i{
	color:#00BAFF;
}

#portfolio_info .details .social a.youtube:hover i{
	color:#C8302D;
}

#portfolio_info .details .social a.google:hover i{
	color:#D94835;
}

#portfolio_info .details .social a i{
	font-size: 17px;
	width: 12px;
	text-align: center;
}

#portfolio_info .details p{
	display: block;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 15px;
}

#portfolio_info .details .client{
	display: block;
	margin-bottom: 15px;
	font-size: 15px;
}

#portfolio_info .details .link{
	display: inline-block;
	float: left;
}

#portfolio_info .details .link a,
#portfolio_info .details .social a{
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
	background: #fafafa;
	border: 1px solid #dedede;
	color: #555555;
	float: left;
	text-decoration: none;
	box-shadow: 0 1px 0 #ffffff inset, 0 2px 1px #ededed;
}

#portfolio_info .details .link a:hover,
#portfolio_info .details .social a:hover{
	background: #ededed;
	border: 1px solid #bebebe;
	box-shadow: 0 1px 0 #ffffff inset, 0 2px 1px #dedede;
	color:#333333;
}

#portfolio_info .details .link a:active,
#portfolio_info .details .social a:active{
	background: #F2F2F2;
	color:#333333;
	box-shadow: 0 0 2px 1px #dedede inset, 0 2px 1px #fafafa;
}

/*
===============================================
			9. Blog Page
===============================================
*/


.posts{
	display: block;
}

.posts .post{
    display: block;
    width: 100%;
    margin-bottom: 35px;
    float: left;
}

.post iframe,
.post img,
.post .wp-caption{
	max-width: 100%;
}

.posts .post{
    opacity: 0;
}

.posts .post:nth-child(1){
	opacity: 1;
}

.posts .post.animate{
    opacity: 1;
}

.posts .post .left{
	padding-right: 0;
}

.posts .post .right{
	padding-right: 0;
}

.posts .post .left a,
.posts .post .left i{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ededed;
    background: #ffffff;
    border-right: 0;
    color: #777777;
    border-radius: 3px 0 0 3px;
    text-decoration: none;
    font-size: 20px;
}

.posts .post .left .fb{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.posts .post .left .fb:hover{
	background: #3B5999;
	color:#ffffff;
}

.posts .post .left .del{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
}

.posts .post .left .del:hover{
	background: #c73737;
	color:#ffffff;
}

.posts .post .left .twtr{
    margin-top: -1px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.posts .post .left .twtr:hover{
	background: #00BAFF;
	color:#ffffff;
}

.posts .post .left .type{
    margin-bottom: 67px;
    padding: 14px;
    padding-bottom: 15px;
}

/* text type start */
.posts .post.text .left .type{
	margin-bottom: 10px;
	border-radius: 3px;
}

.posts .post.text .left .fb,
.posts .post.text .left .twtr{
	margin-top:-1px;
	border-right: 1px solid #ededed;
}

.posts .post.text .left .fb{
	border-radius: 3px 3px 0 0;
}

.posts .post.text .left .twtr{
	border-radius: 0 0 3px 3px;
}

.posts .post.text .right .bot{
	border-top:1px solid #ededed;
}

/* text type end */

/* quote type start */
.posts .post.quote .left .type{
	margin-bottom: 10px;
	border-radius: 3px;
}

.posts .post.quote .left .fb,
.posts .post.quote .left .twtr{
	margin-top:-1px;
	border-right: 1px solid #ededed;
}

.posts .post.quote .left .fb{
	border-radius: 3px 3px 0 0;
}

.posts .post.quote .left .twtr{
	border-radius: 0 0 3px 3px;
}

.posts .post.quote .right .bot{
	border-top:1px solid #ededed;
}

.posts .post.quote .right .body i.quote_left,
.posts .post.quote .right .body i.quote_right{
	display: inline-block;
	font-size: 25px;
	color:#555555;
}

.posts .post.quote .right .body i.quote_left{
	margin-right: 10px;
}

.posts .post.quote .right .body i.quote_right{
	margin-left: 10px;
}

/* quote type end */

/* video type start */

.posts .post.video .right .top{
	height: 300px;
}

.posts .post.video .right .top iframe{
	width: 100%;
}

.posts .post.video .left .type{
	margin-bottom:175px;
}

/* video type end */

.posts .post .right .top{
	display: block;
	height: 200px;
	overflow: hidden;
	border-radius: 3px;
}

.posts .post .right .top img{
    float: left;
    border-radius: 3px;
    width: 100%;
    height: 200px;
    opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.posts .post .right .top img:hover{
   -webkit-transform: scale(1.3,1.3) rotate(5deg);
   -moz-transform: scale(1.3,1.3) rotate(5deg);
   -o-transform: scale(1.3,1.3) rotate(5deg);
   -ms-transform: scale(1.3,1.3) rotate(5deg);
   transform: scale(1.3,1.3) rotate(5deg);
	opacity: 1;
}

.posts .post .right .bot{
    display: block;
	border: 1px solid #ededed;
	border-top: 0;
	background: #ffffff;
	border-radius: 3px;
	padding-right: 0;
}

.posts .post.sticky .right > .body{
	border-left: 4px solid #E6CF29;
}

.posts .post .right .bot > span{
    display: inline-block;
    margin: 14px;
    margin-right: 0;
    margin-bottom: 13px;
    padding-right: 15px;
}

.posts .post .right .bot > span.user,
.posts .post .right .bot > span.time{
	border-right: 1px solid #dedede;
}

.posts .tags{
	margin-top:10px;
	margin-bottom: 10px;
	display: block;
}

.posts .post .right .bot > span.total_comments{
	float: right;
	border-left: 1px solid #ededed;
	padding: 14px;
	padding-bottom: 13px;
	margin: 0;
	font-weight: 600;
}

.posts .post .right .bot > span span{
    display: inline-block;
    margin-left: 5px;
}

.posts .post .right .bot > span span a{
	color:#333333;
}

.posts .post .right > .body{
	display: block;
	margin-top: 10px;
	padding-left: 10px;
}

.posts .post .right > .body .title{
	padding: 0;
	margin-bottom: 10px;
	font-size: 25px;
	line-height: 34px;
	text-align: left;
}

.posts .post .right > .body .title a{
	color:#333333;
}

.posts .post .right > .body .body{
	display: block;
	line-height: 20px;
	width: 100%;
}

.posts .post .right .preview_body p{
	margin-bottom: 10px;
}

#searchform label.screen-reader-text{
	display: none;
}

#searchform input[type="text"]{
	width: 100%;
	padding: 10px;
	padding-right: 40px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	background: #fafafa;
	box-shadow: 0 1px 1px #bebebe inset, 0 2px 1px #ffffff;
	color: #999999;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#searchform input[type="text"]:hover,
#searchform input[type="text"]:focus{
	background: #FCFCFC;
	color:#333333;
}

#searchform input[type="text"]:focus{
	background: #ffffff;
}

#searchform input[type="submit"]{
	display: none;
}

#searchform i{
	color: #999999;
	position: absolute;
	right: 20px;
	top: 14px;
	cursor: pointer;
}

#searchform i:hover{
	color:#333333;
}

.right_side .categories{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.right_side .categories h1{
	padding-left: 0;
	text-align: center;
}

.right_side .categories .list{
	display: block;
	width: 100%;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
}

.right_side .categories .list li{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.right_side .categories .list li .dot{
	float: left;
	display: inline-block;
	margin-right: 10px;
}

.right_side .categories .list li a{
	display: inline-block;
	float: left;
	color:#333333;
}

.tabs{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.tabs h1{
	border-bottom: 5px solid #dedede;
	margin-bottom: 10px;
	padding-left: 0;
}

.tabs .tab_select li i {
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	width: 25px;
	text-align: center;
	float: left;
}

.tabs .tab_select li span {
	float: left;
	display: inline-block;
}

.tabs .tab_select{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: -1px;
	z-index: 500;
	position: relative;
	margin-left: 0;
}

.tabs .tab_select li{
	display: inline;
	float: left;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid transparent;
	cursor: pointer;
	color:#555555;
	margin-bottom: 0;
}

.tabs .tab_select li.last{
	padding-left: 19px;
}

.tabs .tab_select li:hover{
	background: #ededed;
}

.tabs .tab_select li.active{
	background: #ffffff;
	color:#333333;
	border: 1px solid #dedede;
	border-radius: 3px 3px 0 0;
	border-bottom: 0;
}

.tabs .tab{
	display: none;
	float: left;
	width: 100%;
	padding: 12px;
	border: 1px solid #dedede;
	background: #ffffff;
	padding-right: 13px;
	border-radius: 0 0 10px 10px;
	border-bottom: 2px solid #cccccc;
}

.tabs .tab.active{
	display: block;
}

.tabs .tab .item{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.tabs .tab .item img{
	width: 50px;
	height: 50px;
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.tabs .tab .item .body{
	float: left;
	width: 72%;
	display: inline-block;
}

.tabs .tab .item span{
	float: left;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	line-height: 16px;
}

.tabs .tab .item span a{
	color:#333333;
}

.tabs .tab .item p{
	float: left;
	width: 100%;
	display: inline-block;
	line-height: 17px;
}

.right_side .latest_tweets{
	display: block;
	float: left;
	width: 100%;
}

.right_side .latest_tweets h1{
	padding-left: 0;
	text-align: center;
}

.right_side .latest_tweets .list{
	display: block;
	float: left;
	width: 100%;
	margin-left: 0;
}

.right_side .latest_tweets .list li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

.right_side .latest_tweets .list li i{
	color: #397CBF;
	font-size: 30px;
}

.right_side .latest_tweets .list li span{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	line-height: 17px;
}

.right_side .latest_tweets .list li span.time{
	margin-top:5px;
	color:#555555;
}

.right_side .text_widget{
	float: left;
	width: 100%;
	display: block;
}

.right_side .text_widget h1{
	padding-left: 0;
	padding-top: 0;
	text-align: center;
}

.right_side .text_widget .body{
	display: block;
	width: 89%;
	float: left;
	padding: 15px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #dedede;
	box-shadow: 0 1px 0 #ffffff inset, 0 1px 0 #ededed;
	border-bottom: 2px solid #bebebe;
}

.right_side .text_widget span{
	display: block;
	width: 100%;
	float: left;
	line-height: 17px;
}

.widgetbox{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	word-wrap:break-word;
}

.widgetbox > div{
	display: block;
	float: left;
	width: 100%;
}

.widgetbox ul,
.widgetbox ol{
	list-style-type: none;
}

.widgetbox > h1{
	text-align: center;
}

.widgetbox ul{
	margin-left: 17px;
}

.widgetbox ul li{
	margin-bottom: 5px;
}

.widgetbox ul li a{
	color:#555555;
	cursor: pointer;
}

.widgetbox ul li a:hover{
	color: #333333;
}

.widgetbox .menu{
	float: none;
	margin-left: 0;
	background: transparent;
	border: none;
}


.widgetbox .menu li a{
	display: block;
	padding: 5px;
}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #cccccc; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.tagcloud a { float:left;margin:5px; }

.pagination{
	display: block;
	width: 100%;
	float: left;
}

.blog_pagination{
	float: left;
	width: 100%;
}

.pagination li{
	display: inline;
	float: left;
}

.pagination li .dots{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.pagination li a,
.comments_pagination a,
.comments_pagination .current,
.pagination .active,
.pagination .current{
	text-decoration: none;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#333333;
}

.pagination li a.active,
.pagination li a:hover,
.comments_pagination a:hover,
.comments_pagination .current,
.pagination .active,
.pagination .current{
	color: #ffffff;
}

.hidden{
	display: none;
	float: left;
	width: 100%;
}

.hidden > .body{
	margin-top: 8px;
	display: block;
	margin-left: 50px;
	line-height: 20px;
}

.about_author{
	display: block;
	float: left;
	padding: 20px;
	margin-top: 20px;
	background: #fbfbfb;
	border-bottom: 1px solid #cccccc;
	box-shadow: 0 2px 1px 1px #dedede;
	border-radius: 3px;
}

.about_author img{
	width: 50px;
	height: 50px;
	float: left;
	padding: 0 !important;
	display: inline-block;
}

.about_author h1{
	padding-left: 0;
	padding-top: 0;
	margin-bottom: 5px;
	width: 100%;
}

.about_author .body{
	color: #555555;
	font-size: 14px;
	line-height: 19px;
	float: left;
	margin-left: 20px;
	padding: 0 !important;
}

.comments{
	float: left;
	width: 100%;
	display: block;
	margin-top:30px;
}

.comments h1{
	padding-left: 0;
	margin-bottom: 15px;
	padding-top: 0;
}

.comments .comment{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 0;
}

.comments .comment.depth-2,
.comments .comment.depth-3{
	display: block;
	float: right;
	width: 83%;
	margin-top: 10px;
	margin-bottom: 0;
}

.comments .comment.depth-3{
	padding-right: 0;
}

.comments .comment .from{
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
	color: #555555;
}

.comments .comment .from a{
	color:#555555;
}

.comments .comment .date{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #999999;
}

.comments .comment .body .text{
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #444444;
    width: 100%;
    float: left;
}

.comments .comment img{
	float: left;
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-right: 15px;
	padding: 6px;
	border-radius: 3px;
	background: #fbfbfb;
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
}

.comments .actual_comments .comment .body{
	float: left;
	padding: 20px;
	background: #fbfbfb;
	border-radius: 5px;
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
}

.comments .actual_comments .comment.depth-2 .body{
	margin-bottom: 8px;
}

.comment_form{
	display: block;
	float: left;
	background: #fbfbfb;
	border-radius: 5px;
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
	padding: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}

.comment_form .comment-reply-title{
	display: none;
}

.comment_form .respond-logged-in-as{
	margin-bottom: 10px;
}

.comment_form input,
.comment_form textarea{
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:8px;
}

.comment_form h1{
	border-bottom: 1px solid #ededed;
	margin-bottom: 20px;
	padding-left: 0;
	padding-top: 0;
}

.comment_form .name{
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.comment_form .name input{
	display: block;
	border-radius: 3px;
	border: 1px solid #dedede;
	background: #fefefe;
	box-shadow: 0 1px 0 #ededed, 0 1px 0 #ffffff inset;
}

.comment_form .email{
	display: inline-block;
	float: left;
	width: 100%;
}

.comment_form .email > span,
.comment_form .body > span{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	color: #666666;
}

.comment_form .email input{
	display: block;
	border-radius: 3px;
	border: 1px solid #dedede;
	background: #fefefe;
	box-shadow: 0 1px 0 #ededed, 0 1px 0 #ffffff inset;
}

.comment_form .body{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 15px;
}

.comment_form .body textarea{
	display: block;
	float: left;
	padding: 9px;
	min-height: 60px;
	border-radius: 3px;
	border: 1px solid #dedede;
	background: #fefefe;
	box-shadow: 0 1px 0 #ededed, 0 1px 0 #ffffff inset;
}

.comment_form input:hover,
.comment_form textarea:hover,
.comment_form input:focus,
.comment_form textarea:focus{
	border:1px solid #bebebe;
}

.comment_form #send_comment{
	float: right;
	display: inline-block !important;
	width: auto;
	padding: 10px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.return_to_blog{
	padding: 8px;
	margin-top: 2px;
	border-radius: 3px;
	display: none;
	margin-bottom: 15px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #fafafa;
	border: 1px solid #dedede;
	color: #555555 !important;
	box-shadow: 0 1px 0 #ffffff inset, 0 2px 1px #ededed;
	text-align: center;
}

.return_to_blog:hover{
	text-decoration: none;
	background: #ededed;
	border: 1px solid #bebebe;
	box-shadow: 0 1px 0 #ffffff inset, 0 2px 1px #dedede;
	color:#333333;
}

.return_to_blog:active{
	text-decoration: none;
	background: #F2F2F2;
	color:#333333;
	box-shadow: 0 0 2px 1px #dedede inset, 0 2px 1px #fafafa;
}

.cancel_comment{
	display: none;
	margin-bottom: 5px;
}

.comment_form .errors,
.comment_form .success{
	display: none;
	margin-bottom: 10px;
	margin-top: 0;
	cursor: pointer;
	opacity: 0.9;
	float: none;
	width: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.comment_form .errors:hover,
.comment_form .success:hover{
	opacity: 1;
}

.comment_form .errors p{
	margin-bottom: 5px;
}

.reply_button{
	display: inline-block;
	margin-top: 5px;
}

.comments_pagination{
	float: left;
	width: 100%;
}

.comments_pagination a,
.comments_pagination .current,
.pagination a,
.pagination .active,
.pagination .current{
	float: left;
	margin-right: 10px;
}

.comments_pagination a,
.comments_pagination span{
	padding: 5px 10px;
}

.search_title{
	width: 100%;
	margin-bottom: 20px;
	font-size: 15px;
}

.actual_posts,
.comments_outer{
	width: 100%;
	float: left;
}

.button,
.tagcloud a,
.contact_form input[type="submit"],
.pagination li a,
.pagination li span{
	display: inline-block;
	padding: 6px 10px;
	color:#333333;
	color: #ffffff;
	border:none;
	cursor: pointer;
	text-align: left;
}

.pagination li a,
.pagination li span{
	border-radius: 3px;
}

.button.fullwidth{
	width: 100%;
}

.button.leftalign{
	text-align: left;
}

.button.rightalign{
	text-align: right;
}

.button.centeralign{
	text-align: center;
}

.button.rounded{
	border-radius: 3px;
}

.button.small{
	padding: 3px 7px;
}

.button.big{
	padding: 13px 25px;
}

.button i{
	display: inline-block;
	font-size: 18px;
	margin-right: 10px;
}

.tagcloud a{
	margin-right: 10px;
	border-radius: 3px;
}

.contact_form input[type="submit"]{
	border-radius: 3px;
	padding: 12px 19px;
}

.button:hover,
.tagcloud a:hover{
	text-decoration: none;
}

.tagcloud a:hover{
	text-decoration: none;
}

/* gray button */
.button.gray{
	background: #a1a1a1 !important;
}

.button.gray:hover{
	background: #bebebe !important;
}

.button.gray:active,
.button.gray.active{
	background: #888888 !important;
}

/* blue button */
.button.blue{
	background: #3498db !important;
}

.button.blue:hover{
	background: #39a5ed !important;
}

.button.blue:active,
.button.blue.active{
	background: #2B7CB2 !important;
}

/* red button */
.button.red{
	background: #DB3535 !important;
}

.button.red:hover{
	background: #ED3939 !important;
}

.button.red:active,
.button.red.active{
	background: #B22B2B !important;
}

/* yellow button */
.button.yellow{
	background: #EDD500 !important;
	color: #333333 !important;
}

.button.yellow:hover{
	background: #FAE100 !important;
}

.button.yellow:active,
.button.yellow.active{
	background: #DBC500 !important;
}

/* green button */
.button.green{
	background: #6BD000 !important;
	color: #333333 !important;
}

.button.green:hover{
	background: #6BDD00 !important;
}

.button.green:active,
.button.green.active{
	background: #60BA00 !important;
}

/* purple button */
.button.purple{
	background: #943FD1 !important;
}

.button.purple:hover{
	background: #A646EB !important;
}

.button.purple:active,
.button.purple.active{
	background: #8438BA !important;
}

/* cyan button */
.button.cyan{
	background: #3FD1BE !important;
	color: #333333 !important;
}

.button.cyan:hover{
	background: #46EBD5 !important;
}

.button.cyan:active,
.button.cyan.active{
	background: #38BAA9 !important;
}

.alpha {
    padding-left: 0;
}

.omega {
    padding-right: 0;
}

/*
===============================================
			10. Contact Page
===============================================
*/


.gmap{
	display: block;
	height: 280px;
	width: 100%;
}

.contact_info{
	display: inline-block;
	padding-left: 15px;
	border-radius: 10px;
	float: left;
	margin-bottom: 20px;
}

.contact_info > hr{
	margin-bottom: 35px;
}

.contact_info h2{
	padding-left: 0;
	padding-top:0;
	margin-bottom: 10px;
	text-align: center;
}

.contact_info i{
	font-size: 16px;
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin-right: 19px;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #ededed;
	text-align: center;
	float: left;
}

.contact_info .name{
	display: block;
	width: 100%;
	font-size: 22px;
	margin-bottom: 32px;
	font-weight: 600;
	float: left;
}

.contact_info span .text{
	display: inline-block;
	float: right;
	width: 64%;
	line-height: 20px;
	margin-top: 10px;
	font-size: 14px;
	float: left;
	word-wrap:break-word;
}

.contact_info .name i,
.contact_info .address i{
    display: inline-block;
	float: left;
}

.contact_info span.name .text,
.contact_info span.phone .text,
.contact_info span.email .text{
	margin-top:14px;
}

.contact_info .address,
.contact_info .birthday,
.contact_info .website{
	display: block;
	width: 100%;
	margin-bottom: 12px;
	float: left;
}

.contact_info .phone{
	display: block;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 20px;
	float: left;
}

.contact_info .phone i{
    display: inline-block;
    margin-right: 20px;
}

.contact_info .email{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

.contact_info .email i{
    display: inline-block;
    margin-right: 20px;
}

.contact_form{
	display: inline-block;
	float: left;
	margin-top: 20px;
}

.contact_form.fullwidth{
	width: 98.5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-left:15px;
}

.contact_form h2{
	padding: 15px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 20px;
	border-bottom: 4px solid #E7E7E7;
}

.contact_form .row,
.contact_form p{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.contact_form .row label,
.contact_form p label{
	display: block;
	width: 100%;
	float: left;
	color:#999999;
	font-weight: 600;
	margin-bottom: 7px;
}

.contact_form .row:hover label,
.contact_form p label{
	color:#222222;
}

.contact_form .row input[type="text"],
.contact_form .row textarea,
.contact_form p input[type="text"],
.contact_form p input[type="email"],
.contact_form p textarea{
	padding: 10px;
	box-shadow: 0 1px 2px 0 #dedede inset, 0 1px 0 #ffffff;
	border: 1px solid #cccccc;
	background: #fdfdfd;
	width: 100%;
	max-width: 100%;
	display: block;
	float: left;
	border-radius: 3px;
}

.contact_form .row textarea,
.contact_form p textarea{
	height: 156px;
}

.contact_form .row input[type="text"]:hover,
.contact_form .row input[type="text"]:focus,
.contact_form .row textarea:hover,
.contact_form .row textarea:focus,
.contact_form p input[type="text"]:hover,
.contact_form p input[type="email"]:hover,
.contact_form p input[type="text"]:focus,
.contact_form p input[type="email"]:focus,
.contact_form p textarea:hover,
.contact_form p textarea:focus{
	border:1px solid #bebebe;
}

.contact_form span.wpcf7-form-control-wrap{
	width: 100% !important;
}

.contact_form .wpcf7-validation-errors,{
	background-color: #f9e5e6;
	color: #b3696c;
	border: 1px solid #f7c7c9;
	display: block;
	width: 100%;
	float: left;
	padding: 5px;
	margin: 0;
	margin-top: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.contact_form .wpcf7-mail-sent-ok,
.contact_form .wpcf7-validation-errors{
	float: left;
	width: 100%;
}

.yaz_form{
	display: inline-block;
	float: left;
	margin-top: -8px;
	width:100%;
}

.yaz_form .damlat{
    display:inline-block;
    position:relative;
	margin-top: 5px;
	width:100%;
	
}

.yaz_form .damlat textarea{
	margin-top: 0px;
	width:100%;
	height:60px;
	
	padding: 10px;
	box-shadow: 0 1px 2px 0 #dedede inset, 0 1px 0 #ffffff;
	border: 1px solid #cccccc;
	background: #fdfdfd;
	max-width: 100%;
	float: left;
	border-radius: 3px;
}

.yaz_form div a{
 position:absolute;
 bottom:10px;
 right:10px;
}

.yaz_form.fullwidth{
	width: 98.5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-left:15px;
}

.yaz_form h2{
	padding: 15px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 20px;
	border-bottom: 4px solid #E7E7E7;
}

.yaz_form .row,
.yaz_form p{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

.yaz_form .row label,
.yaz_form p label{
	display: block;
	width: 100%;
	float: left;
	color:#999999;
	font-weight: 600;
	margin-bottom: 7px;
}

.yaz_form .row:hover label,
.yaz_form p label{
	color:#222222;
}

.yaz_form .row input[type="text"],
.yaz_form .row textarea,
.yaz_form p input[type="text"],
.yaz_form p input[type="email"],
.yaz_form p textarea{
	padding: 10px;
	box-shadow: 0 1px 2px 0 #dedede inset, 0 1px 0 #ffffff;
	border: 1px solid #cccccc;
	background: #fdfdfd;
	width: 100%;
	max-width: 100%;
	display: block;
	float: left;
	border-radius: 3px;
}

.yaz_form .row textarea,
.yaz_form p textarea{
	height: 50px;
}

.yaz_form .row input[type="text"]:hover,
.yaz_form .row input[type="text"]:focus,
.yaz_form .row textarea:hover,
.yaz_form .row textarea:focus,
.yaz_form p input[type="text"]:hover,
.yaz_form p input[type="email"]:hover,
.yaz_form p input[type="text"]:focus,
.yaz_form p input[type="email"]:focus,
.yaz_form p textarea:hover,
.yaz_form p textarea:focus{
	border:1px solid #bebebe;
}

.yaz_form span.wpcf7-form-control-wrap{
	width: 100% !important;
}

.yaz_form .wpcf7-validation-errors,{
	background-color: #f9e5e6;
	color: #b3696c;
	border: 1px solid #f7c7c9;
	display: block;
	width: 100%;
	float: left;
	padding: 5px;
	margin: 0;
	margin-top: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.yaz_form .wpcf7-mail-sent-ok,
.yaz_form .wpcf7-validation-errors{
	float: left;
	width: 100%;
}

.social_btns_hr{
	margin-top: 25px;
	margin-bottom: 5px;
}

.social_btns{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	padding-top:25px;
}

.social_btns a{
	text-decoration: none;
	font-size: 32px;
	color:#999999 !important;
	width: 67px;
	height: 67px;
	line-height: 67px;
	border-radius: 50%;
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.social_btns a:after {
	display: none;
}

.social_btns a:before{
	display: block;
}

.social_btns a:hover {
	background: #ffffff;
	box-shadow: 0 0 0 8px #ededed;
}

.social_btns a.fa-facebook:hover{
	color: #3B5999 !important;
}

.social_btns a.fa-twitter:hover{
	color: #00BAFF !important;
}

.social_btns a.fa-google-plus:hover{
	color: #D94835 !important;
}

.social_btns a.fa-youtube:hover{
	color: #C8302D !important;
}

.social_btns a.fa-github:hover{
	color: #7197B0 !important;
}

.social_btns a.fa-dribbble:hover{
	color: #E44D87 !important;
}

.social_btns a.fa-flickr:hover{
	color: #0062DD !important;
}

.social_btns a.fa-tumblr:hover{
	color: #35506B !important;
}

.social_btns a.fa-vk:hover{
	color: #476C98 !important;
}

.social_btns a.fa-skype:hover{
	color: #00A8E9 !important;
}

.social_btns a.fa-pinterest:hover{
	color: #C7212D !important;
}

.social_btns a.fa-instagram:hover{
	color: #BFB4A4 !important;
}

.social_btns a.fa-linkedin-square:hover{
	color:#007BB6 !important
}

.social_btns a:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

/* error msg */
.error{
	background-color: #f9e5e6;
	color: #b3696c;
	border: 1px solid #f7c7c9;
	display: block;
	width: 97%;
	float: left;
	padding: 5px;
	margin-top: 10px;
}
/* success msg */
.success{
	background-color: #E3EBC6;
	color: #8FA442;
	border: 1px solid #C2D288;
	display: block;
	width: 97%;
	float: left;
	padding: 5px;
	margin-top: 10px;
}

.fullOpacity{
	opacity: 1 !important;
}


.wp-caption {

}

.wp-caption-text{

}

.sticky {

}

.gallery-caption {

}

.bypostauthor {

}

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

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

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

.alert-box{
	padding: 20px;
	margin: 0;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid transparent;
}

.alert-box.standard{
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}

.alert-box.success{
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}

.alert-box.error{
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a9444;
}

.alert-box .alert_close_btn{
	float: right;
	opacity: 0.7;
	color:#333333;
	font-size: 17px;
	text-decoration: none;
}

.alert-box .alert_close_btn:hover{
	opacity: 1;
}

.sc_tab_select{
	width: 100%;
	margin-bottom: -2px;
	margin-left: 0;
}

.sc_tab_select li{
	display: inline-block;
	height: 30px;
}

.sc_tab_select li a{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid transparent;
	cursor: pointer;
	color: #777777 !important;
	margin-bottom: 0;
	text-decoration: none;
}

.sc_tab_select li a:hover{
	background: #ededed;
}

.sc_tab_select li a.active{
	background: #ffffff;
	color: #333333 !important;
	border: 1px solid #dedede;
	border-radius: 3px 3px 0 0;
	border-bottom: 0;
}

.sc_tabs_content{
	margin-left: 0;
}
.sc_tabs_content li{
	display: none;
	width: 100%;
	padding: 12px;
	border: 1px solid #dedede;
	background: #ffffff;
	padding-right: 13px;
	border-radius: 0 0 10px 10px;
	border-bottom: 2px solid #cccccc;
}

.sc_tabs_content li.active{
	display: block;
}

.accordion .title{
	padding: 13px;
	font-size: 15px;
	border: 1px solid #dddddd;
	background: #ffffff;
	margin-bottom: -1px
}

.accordion .title i{
	float: right;
	color: #000000;
	opacity: 0.7;
	font-size: 22px;
}

.accordion .title:hover{
	cursor: pointer;
	background: #f5f5f5;
}

.accordion .title:hover i{
	opacity: 1;
}

.accordion .title.active{
	display: block;
	color: #ffffff;
}

.accordion .title.active i{
	color: #ffffff;
	opacity: 1;
}

.accordion .tab{
	display: none;
	padding:13px;
}

.button.social_icon{
	width: 40px;
	height: 40px;
	line-height: 1.55em;
	font-size: 1.5em;
	text-align: center;
}

.ajax_loader{
	background: url('assets/img/loading.gif');
	display: inline-block;
	width: 24px;
	height: 19px;
}

blockquote, blockquote p {
	font-size: 17px;
	line-height: 35px;
	color: #999999;
	font-style: italic;
}

blockquote {
	margin: 20px 0;
	padding: 9px 20px 0;
	border-left: 3px solid #333333;
}

.dropcap {
	color: #333333;
	font-size: 55px;
	font-weight: 700;
	padding: 0 7px 5px 0;
	line-height: 1em;
	float: left;
}

pre {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #888888;
	overflow: auto;
}

p {
	margin: 0 0 10px;
}

/*
===============================================
			11. Footer
===============================================
*/

#footer{
	width: 100%;
	display: block;
	margin: 0 auto;
	float: left;
	margin-top: 20px;
	border-radius: 3px;
}

#footer .inner{
	width: 100%;
	display: block;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.9);
	color: #000000;
	padding: 20px;
	border-radius: 3px 3px 0 0;
}

/*
===============================================
			12. Color Styles
===============================================
*/

/* ############# BLUE COLOR START ############# */


body.blue_color .color,
body.blue_color a{
	color: #3A8CDE;
}

body.blue_color .button,
body.blue_color .tagcloud a,
body.blue_color .contact_form input[type="submit"],
body.blue_color .comment_form #send_comment,
body.blue_color .comments_pagination a,
body.blue_color .accordion .title.active,
body.blue_color .pagination li a{
	background: #3498db;
	color: #ffffff;
}

body.blue_color .button:hover,
body.blue_color .tagcloud a:hover,
body.blue_color .contact_form input[type="submit"]:hover,
body.blue_color .comment_form #send_comment:hover,
body.blue_color .comments_pagination a:hover,
body.blue_color .pagination li a:hover{
	background: #39a5ed;
}

body.blue_color .button:active,
body.blue_color .button.active,
body.blue_color .tagcloud a:active,
body.blue_color .contact_form input[type="submit"]:active,
body.blue_color .comment_form #send_comment:active,
body.blue_color .comments_pagination a:active,
body.blue_color .comments_pagination span.current,
body.blue_color .pagination li a:active,
body.blue_color .pagination li span.current{
	background: #2B7CB2;
}

body.blue_color #wrapper{
	border-top: 4px solid #3A8CDE;
	border-bottom: 4px solid #3A8CDE;
}

body.blue_color #content .color_title{
	color:#637488;
}

body.blue_color .tabs .tab_select li.active,
body.blue_color .sc_tab_select li a.active{
	border-top: 2px solid #3A8CDE;
}

body.blue_color .details .items .item:hover .title,
body.blue_color .details .items .item:hover .value{
	border-top:1px solid #3A8CDE;
}

body.blue_color .tweets_box{
	background: #ebf1f8;
}

body.blue_color #header .middle .name{
	background: #EDEFF0;
}

body.blue_color #header .middle .description{
	background: #E4ECF0;
}

body.blue_color #header .middle .download_cv a,
body.blue_color .about_header .bot_text a{
	background: #CCDFEB;
	opacity: 0.9;
}

body.blue_color .about_header .bot_text span{
	opacity: 1;
}

body.blue_color #header .middle .other a,
body.blue_color .about_header .bot_text span{
	background: #BAD4E3;
	opacity: 0.9;
}

body.blue_color .about_header .bot_text a{
	opacity: 1;
}

body.blue_color .menu ul li a.active{
	border-bottom: 3px solid #3A8CDE;
	background: #E6F1F5;
}

body.blue_color .about_header .top_text{
	background: #353D42;
}

body.blue_color .resume_box .item .inner,
body.blue_color .awards .award .inner{
	border-left: 5px solid #3A8CDE;
}

body.blue_color #portfolio_grid .mix:hover .img_outer .overlay i{
	border: 1px solid #6AB3FC;
}

body.blue_color #portfolio_grid .mix:hover{
	border: 7px solid #3C4354;
}

body.blue_color #portfolio_grid .mix:hover p{
	color:#798896;
}

body.blue_color #sequence .info1,
body.blue_color #sequence .info2,
body.blue_color #sequence .info3,
body.blue_color #sequence .info4,
body.blue_color #sequence .info5,
body.blue_color #sequence .info6,
body.blue_color #sequence .info7,
body.blue_color #sequence .info8,
body.blue_color #sequence .info9,
body.blue_color #sequence .info10,
body.blue_color #sequence .info11,
body.blue_color #sequence .info12,
body.blue_color #sequence .info13,
body.blue_color #sequence .info14,
body.blue_color #sequence .info15,
body.blue_color #sequence .info16,
body.blue_color #sequence .info17,
body.blue_color #sequence .info18,
body.blue_color #sequence .info19,
body.blue_color #sequence .info20{
	border-left: 5px solid #008AC3;
}

/* ############# BLUE COLOR END   ############# */

/* ############# RED COLOR START ############# */

body.red_color .color,
body.red_color a{
	color:#4C2424;
}

body.red_color .button,
body.red_color .tagcloud a,
body.red_color .contact_form input[type="submit"],
body.red_color .comment_form #send_comment,
body.red_color .comments_pagination a,
body.red_color .accordion .title.active,
body.red_color .pagination li a{
	background: #DB3535;
	color: #ffffff;
}

body.red_color .button:hover,
body.red_color .tagcloud a:hover,
body.red_color .contact_form input[type="submit"]:hover,
body.red_color .comment_form #send_comment:hover,
body.red_color .comments_pagination a:hover,
body.red_color .pagination li a:hover{
	background: #ED3939;
}

body.red_color .button:active,
body.red_color .button.active,
body.red_color .tagcloud a:active,
body.red_color .contact_form input[type="submit"]:active,
body.red_color .comment_form #send_comment:active,
body.red_color .comments_pagination a:active,
body.red_color .comments_pagination span.current,
body.red_color .pagination li a:active,
body.red_color .pagination li span.current{
	background: #B22B2B;
}

body.red_color #wrapper{
	border-top: 4px solid #BF7575;
	border-bottom: 4px solid #BF7575;
}

body.red_color #content .color_title{
	color:#876363;
}

body.red_color .tabs .tab_select li.active,
body.red_color .sc_tab_select li a.active{
	border-top: 2px solid #DE3A3A;
}

body.red_color .details .items .item:hover .title,
body.red_color .details .items .item:hover .value{
	border-top:1px solid #DE3A3A;
}

body.red_color .tweets_box{
	background: #F7EBEB;
	border-top: 1px solid #C9C5C5;
}

body.red_color #header .middle .name{
	background: #F0EDED;
}

body.red_color #header .middle .description{
	background: #F0E4E4;
}

body.red_color #header .middle .download_cv a,
body.red_color .about_header .bot_text a{
	background: #EBCCCC;
	opacity: 0.9;
}

body.red_color .about_header .bot_text span{
	opacity: 1;
}

body.red_color #header .middle .other a,
body.red_color .about_header .bot_text span{
	background: #E3ACAC;
	opacity: 0.9;
}

body.red_color .about_header .bot_text a{
	opacity: 1;
}

body.red_color .menu ul li a.active{
	border-bottom: 3px solid #4C2424;
	background: #F5E6E6;
}

body.red_color .about_header .top_text{
	background: #423535;
}

body.red_color .resume_box .item .inner,
body.red_color .awards .award .inner{
	border-left: 5px solid #4C2424;
}

body.red_color #portfolio_grid .mix:hover .img_outer .overlay i{
	border: 1px solid #FC6A6A;
}

body.red_color #portfolio_grid .mix:hover{
	border: 7px solid #543C3C;
}

body.red_color #portfolio_grid .mix:hover p{
	color:#967A7A;
}

body.red_color #sequence .info1,
body.red_color #sequence .info2,
body.red_color #sequence .info3,
body.red_color #sequence .info4,
body.red_color #sequence .info5,
body.red_color #sequence .info6,
body.red_color #sequence .info7,
body.red_color #sequence .info8,
body.red_color #sequence .info9,
body.red_color #sequence .info10,
body.red_color #sequence .info11,
body.red_color #sequence .info12,
body.red_color #sequence .info13,
body.red_color #sequence .info14,
body.red_color #sequence .info15,
body.red_color #sequence .info16,
body.red_color #sequence .info17,
body.red_color #sequence .info18,
body.red_color #sequence .info19,
body.red_color #sequence .info20{
	border-left: 5px solid #C20000;
}

/* ############# RED COLOR END   ############# */

/* ############# GREEN COLOR START ############# */

body.green_color .color,
body.green_color a{
	color:#274C24;
}

body.green_color .button,
body.green_color .tagcloud a,
body.green_color .contact_form input[type="submit"],
body.green_color .comment_form #send_comment,
body.green_color .comments_pagination a,
body.green_color .accordion .title.active,
body.green_color .pagination li a{
	background: #5EB403;
	color: #ffffff;
}

body.green_color .button:hover,
body.green_color .tagcloud a:hover,
body.green_color .contact_form input[type="submit"]:hover,
body.green_color .comment_form #send_comment:hover,
body.green_color .comments_pagination a:hover,
body.green_color .pagination li a:hover{
	background: #62C704;
}

body.green_color .button:active,
body.green_color .button.active,
body.green_color .tagcloud a:active,
body.green_color .contact_form input[type="submit"]:active,
body.green_color .comment_form #send_comment:active,
body.green_color .comments_pagination a:active,
body.green_color .comments_pagination span.current,
body.green_color .pagination li a:active,
body.green_color .pagination li span.current{
	background: #52A000;
}

body.green_color #wrapper{
	border-top: 4px solid #7BBF75;
	border-bottom: 4px solid #7BBF75;
}

body.green_color #content .color_title{
	color:#668763;
}

body.green_color .tabs .tab_select li.active,
body.green_color .sc_tab_select li a.active{
	border-top: 2px solid #47DE3A;
}

body.green_color .details .items .item:hover .title,
body.green_color .details .items .item:hover .value{
	border-top:1px solid #47DE3A;
}

body.green_color .tweets_box{
	background: #ECF7EB;
	border-top: 1px solid #C6C9C5;
}

body.green_color #header .middle .name{
	background: #EEF0ED;
}

body.green_color #header .middle .description{
	background: #E5F0E4;
}

body.green_color #header .middle .download_cv a,
body.green_color .about_header .bot_text a{
	background: #CFEBCC;
	opacity: 0.9;
}

body.green_color .about_header .bot_text span{
	opacity: 1;
}

body.green_color #header .middle .other a,
body.green_color .about_header .bot_text span{
	background: #B1E3AC;
	opacity: 0.9;
}

body.green_color .about_header .bot_text a{
	opacity: 1;
}

body.green_color .menu ul li a.active{
	border-bottom: 3px solid #274C24;
	background: #DCF0DA;
}

body.green_color .about_header .top_text{
	background: #364235;
}

body.green_color .resume_box .item .inner,
body.green_color .awards .award .inner{
	border-left: 5px solid #274C24;
}

body.green_color #portfolio_grid .mix:hover .img_outer .overlay i{
	border: 1px solid #69E05E;
}

body.green_color #portfolio_grid .mix:hover{
	border: 7px solid #3E543C;
}

body.green_color #portfolio_grid .mix:hover p{
	color:#7C967A;
}

body.green_color #sequence .info1,
body.green_color #sequence .info2,
body.green_color #sequence .info3,
body.green_color #sequence .info4,
body.green_color #sequence .info5,
body.green_color #sequence .info6,
body.green_color #sequence .info7,
body.green_color #sequence .info8,
body.green_color #sequence .info9,
body.green_color #sequence .info10,
body.green_color #sequence .info11,
body.green_color #sequence .info12,
body.green_color #sequence .info13,
body.green_color #sequence .info14,
body.green_color #sequence .info15,
body.green_color #sequence .info16,
body.green_color #sequence .info17,
body.green_color #sequence .info18,
body.green_color #sequence .info19,
body.green_color #sequence .info20{
	border-left: 5px solid #10C200;
}

/* ############# GREEN COLOR END   ############# */

/* ############# YELLOW COLOR START ############# */

body.yellow_color .color,
body.yellow_color a{
	color:#4C4C24;
}

body.yellow_color .button,
body.yellow_color .tagcloud a,
body.yellow_color .contact_form input[type="submit"],
body.yellow_color .comment_form #send_comment,
body.yellow_color .comments_pagination a,
body.yellow_color .accordion .title.active,
body.yellow_color .pagination li a{
	background: #EDD500;
	color: #333333 !important;
}

body.yellow_color .button:hover,
body.yellow_color .tagcloud a:hover,
body.yellow_color .contact_form input[type="submit"]:hover,
body.yellow_color .comment_form #send_comment:hover,
body.yellow_color .comments_pagination a:hover,
body.yellow_color .pagination li a:hover{
	background: #CCB800;
}

body.yellow_color .button:active,
body.yellow_color .button.active,
body.yellow_color .tagcloud a:active,
body.yellow_color .contact_form input[type="submit"]:active,
body.yellow_color .comment_form #send_comment:active,
body.yellow_color .comments_pagination a:active,
body.yellow_color .comments_pagination span.current,
body.yellow_color .pagination li a:active,
body.yellow_color .pagination li span.current{
	background: #DBC500;
}

body.yellow_color #wrapper{
	border-top: 4px solid #BEBF75;
	border-bottom: 4px solid #BEBF75;
}

body.yellow_color #content .color_title{
	color:#878763;
}

body.yellow_color .tabs .tab_select li.active,
body.yellow_color .sc_tab_select li a.active{
	border-top: 2px solid #DEC53A;
}

body.yellow_color .details .items .item:hover .title,
body.yellow_color .details .items .item:hover .value{
	border-top:1px solid #DEC53A;
}

body.yellow_color .tweets_box{
	background: #F5F7EB;
	border-top: 1px solid #C9C9C5;
}

body.yellow_color #header .middle .name{
	background: #F0F0ED;
}

body.yellow_color #header .middle .description{
	background: #F0F0E4;
}

body.yellow_color #header .middle .download_cv a,
body.yellow_color .about_header .bot_text a{
	background: #EAEBCC;
	opacity: 0.9;
}

body.yellow_color .about_header .bot_text span{
	opacity: 1;
}

body.yellow_color #header .middle .other a,
body.yellow_color .about_header .bot_text span{
	background: #E2E3AC;
	opacity: 0.9;
}

body.yellow_color .about_header .bot_text a{
	opacity: 1;
}

body.yellow_color .menu ul li a.active{
	border-bottom: 3px solid #4C4C24;
	background: #EDEDE4;
}

body.yellow_color .about_header .top_text{
	background: #424235;
}

body.yellow_color .resume_box .item .inner,
body.yellow_color .awards .award .inner{
	border-left: 5px solid #4C4C24;
}

body.yellow_color #portfolio_grid .mix:hover .img_outer .overlay i{
	border: 1px solid #E6E861;
}

body.yellow_color #portfolio_grid .mix:hover{
	border: 7px solid #54543C;
}

body.yellow_color #portfolio_grid .mix:hover p{
	color:#96967A;
}

body.yellow_color #sequence .info1,
body.yellow_color #sequence .info2,
body.yellow_color #sequence .info3,
body.yellow_color #sequence .info4,
body.yellow_color #sequence .info5,
body.yellow_color #sequence .info6,
body.yellow_color #sequence .info7,
body.yellow_color #sequence .info8,
body.yellow_color #sequence .info9,
body.yellow_color #sequence .info10,
body.yellow_color #sequence .info11,
body.yellow_color #sequence .info12,
body.yellow_color #sequence .info13,
body.yellow_color #sequence .info14,
body.yellow_color #sequence .info15,
body.yellow_color #sequence .info16,
body.yellow_color #sequence .info17,
body.yellow_color #sequence .info18,
body.yellow_color #sequence .info19,
body.yellow_color #sequence .info20{
	border-left: 5px solid #BFC200;
}

/* ############# YELLOW COLOR END   ############# */

/* ############# PURPLE COLOR START ############# */

body.purple_color .color,
body.purple_color a{
	color:#3C244C;
}

body.purple_color .button,
body.purple_color .tagcloud a,
body.purple_color .contact_form input[type="submit"],
body.purple_color .comment_form #send_comment,
body.purple_color .comments_pagination a,
body.purple_color .accordion .title.active,
body.purple_color .pagination li a{
	background: #943FD1;
	color: #ffffff;
}

body.purple_color .button:hover,
body.purple_color .tagcloud a:hover,
body.purple_color .contact_form input[type="submit"]:hover,
body.purple_color .comment_form #send_comment:hover,
body.purple_color .comments_pagination a:hover,
body.purple_color .pagination li a:hover{
	background: #A646EB;
}

body.purple_color .button:active,
body.purple_color .button.active,
body.purple_color .tagcloud a:active,
body.purple_color .contact_form input[type="submit"]:active,
body.purple_color .comment_form #send_comment:active,
body.purple_color .comments_pagination a:active,
body.purple_color .comments_pagination span.current,
body.purple_color .pagination li a:active,
body.purple_color .pagination li span.current{
	background: #8438BA;
}

body.purple_color #wrapper{
	border-top: 4px solid #A075BF;
	border-bottom: 4px solid #A075BF;
}

body.purple_color #content .color_title{
	color:#786387;
}

body.purple_color .tabs .tab_select li.active,
body.purple_color .sc_tab_select li a.active{
	border-top: 2px solid #993ADE;
}

body.purple_color .details .items .item:hover .title,
body.purple_color .details .items .item:hover .value{
	border-top:1px solid #993ADE;
}

body.purple_color .tweets_box{
	background: #F2EBF7;
	border-top: 1px solid #C8C5C9;
}

body.purple_color #header .middle .name{
	background: #EFEDF0;
}

body.purple_color #header .middle .description{
	background: #EBE4F0;
}

body.purple_color #header .middle .download_cv a,
body.purple_color .about_header .bot_text a{
	background: #DECCEB;
	opacity: 0.9;
}

body.purple_color .about_header .bot_text span{
	opacity: 1;
}

body.purple_color #header .middle .other a,
body.purple_color .about_header .bot_text span{
	background: #CCACE3;
	opacity: 0.9;
}

body.purple_color .about_header .bot_text a{
	opacity: 1;
}

body.purple_color .menu ul li a.active{
	border-bottom: 3px solid #3C244C;
	background: #E9E4ED;
}

body.purple_color .about_header .top_text{
	background: #3D3542;
}

body.purple_color .resume_box .item .inner,
body.purple_color .awards .award .inner{
	border-left: 5px solid #3C244C;
}

body.purple_color #content > div#portfolio_page #portfolio_grid .mix:hover .img_outer .overlay i{
	border: 1px solid #B061E8;
}

body.purple_color #content > div#portfolio_page #portfolio_grid .mix:hover{
	border: 7px solid #4A3C54;
}

body.purple_color #content > div#portfolio_page #portfolio_grid .mix:hover p{
	color:#8B7A96;
}

body.purple_color #sequence .info1,
body.purple_color #sequence .info2,
body.purple_color #sequence .info3,
body.purple_color #sequence .info4,
body.purple_color #sequence .info5,
body.purple_color #sequence .info6,
body.purple_color #sequence .info7,
body.purple_color #sequence .info8,
body.purple_color #sequence .info9,
body.purple_color #sequence .info10,
body.purple_color #sequence .info11,
body.purple_color #sequence .info12,
body.purple_color #sequence .info13,
body.purple_color #sequence .info14,
body.purple_color #sequence .info15,
body.purple_color #sequence .info16,
body.purple_color #sequence .info17,
body.purple_color #sequence .info18,
body.purple_color #sequence .info19,
body.purple_color #sequence .info20{
	border-left: 5px solid #7100C2;
}

/* ############# PURPLE COLOR END   ############# */

/* ############# CYAN COLOR START ############# */

body.cyan_color .color,
body.cyan_color a{
	color:#244C47;
}

body.cyan_color .button,
body.cyan_color .tagcloud a,
body.cyan_color .contact_form input[type="submit"],
body.cyan_color .comment_form #send_comment,
body.cyan_color .comments_pagination a,
body.cyan_color .accordion .title.active,
body.cyan_color .pagination li a{
	background: #3FD1BE;
	color: #333333 !important;
}

body.cyan_color .button:hover,
body.cyan_color .tagcloud a:hover,
body.cyan_color .contact_form input[type="submit"]:hover,
body.cyan_color .comment_form #send_commen:hover,
body.cyan_color .comments_pagination a:hover,
body.cyan_color .pagination li a:hover{
	background: #46EBD5;
}

body.cyan_color .button:active,
body.cyan_color .button.active,
body.cyan_color .tagcloud a:active,
body.cyan_color .contact_form input[type="submit"]:active,
body.cyan_color .comment_form #send_comment:active,
body.cyan_color .comments_pagination a:active,
body.cyan_color .comments_pagination span.current,
body.cyan_color .pagination li a:active,
body.cyan_color .pagination li span.current{
	background: #38BAA9;
}

body.cyan_color #wrapper{
	border-top: 4px solid #75BFB5;
	border-bottom: 4px solid #75BFB5;
}

body.cyan_color #content .color_title{
	color:#638782;
}

body.cyan_color .tabs .tab_select li.active,
body.cyan_color .sc_tab_select li a.active{
	border-top: 2px solid #3ADEC8;
}

body.cyan_color .details .items .item:hover .title,
body.cyan_color .details .items .item:hover .value{
	border-top:1px solid #3ADEC8;
}

body.cyan_color .tweets_box{
	background: #EBF7F6;
	border-top: 1px solid #C5C9C9;
}

body.cyan_color #header .middle .name{
	background: #EDF0EF;
}

body.cyan_color #header .middle .description{
	background: #E4F0EE;
}

body.cyan_color #header .middle .download_cv a,
body.cyan_color .about_header .bot_text a{
	background: #ABEBE2;
	opacity: 0.9;
}

body.cyan_color .about_header .bot_text span{
	opacity: 1;
}

body.cyan_color #header .middle .other a,
body.cyan_color .about_header .bot_text span{
	background: #ACE3DC;
	opacity: 0.9;
}

body.cyan_color .about_header .bot_text a{
	opacity: 1;
}

body.cyan_color .menu ul li a.active{
	border-bottom: 3px solid #244C47;
	background: #E4EDEC;
}

body.cyan_color .about_header .top_text{
	background: #354241;
}

body.cyan_color .resume_box .item .inner,
body.cyan_color .awards .award .inner{
	border-left: 5px solid #244C47;
}

body.cyan_color #portfolio_grid .mix:hover .img_outer .overlay i{
	border: 1px solid #61E8D6;
}

body.cyan_color #portfolio_grid .mix:hover{
	border: 7px solid #3C5451;
}

body.cyan_color #portfolio_grid .mix:hover p{
	color:#7A9693;
}

body.cyan_color #sequence .info1,
body.cyan_color #sequence .info2,
body.cyan_color #sequence .info3,
body.cyan_color #sequence .info4,
body.cyan_color #sequence .info5,
body.cyan_color #sequence .info6,
body.cyan_color #sequence .info7,
body.cyan_color #sequence .info8,
body.cyan_color #sequence .info9,
body.cyan_color #sequence .info10,
body.cyan_color #sequence .info11,
body.cyan_color #sequence .info12,
body.cyan_color #sequence .info13,
body.cyan_color #sequence .info14,
body.cyan_color #sequence .info15,
body.cyan_color #sequence .info16,
body.cyan_color #sequence .info17,
body.cyan_color #sequence .info18,
body.cyan_color #sequence .info19,
body.cyan_color #sequence .info20{
	border-left: 5px solid #00C2A8;
}

/* ############# CYAN COLOR END   ############# */


/* pretty photo css */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url("assets/img/prettyPhoto/default/sprite.png") -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url("assets/img/prettyPhoto/default/sprite_x.png") top left repeat-x}
div.pp_default .pp_top .pp_right{background:url("assets/img/prettyPhoto/default/sprite.png") -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url("assets/img/prettyPhoto/default/sprite_y.png") -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url("assets/img/prettyPhoto/default/sprite_y.png") top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url("assets/img/prettyPhoto/default/sprite_next.png") center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url("assets/img/prettyPhoto/default/sprite_prev.png") center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url("assets/img/prettyPhoto/default/sprite.png") 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url("assets/img/prettyPhoto/default/sprite.png") 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url("assets/img/prettyPhoto/default/sprite.png") 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url("assets/img/prettyPhoto/default/sprite.png") 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url("assets/img/prettyPhoto/default/sprite.png") 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url("assets/img/prettyPhoto/default/default_thumb.png") center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url("assets/img/prettyPhoto/default/sprite.png") -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url("assets/img/prettyPhoto/default/sprite.png") -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url("assets/img/prettyPhoto/default/sprite.png") -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url("assets/img/prettyPhoto/default/sprite_x.png") bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url("assets/img/prettyPhoto/default/sprite.png") -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url("assets/img/prettyPhoto/default/loader.gif") center center no-repeat}
div.facebook .pp_top .pp_left{background:url("assets/img/prettyPhoto/facebook/sprite.png") -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url("assets/img/prettyPhoto/facebook/contentPatternTop.png") top left repeat-x}
div.facebook .pp_top .pp_right{background:url("assets/img/prettyPhoto/facebook/sprite.png") -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url("assets/img/prettyPhoto/facebook/contentPatternLeft.png") top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url("assets/img/prettyPhoto/facebook/contentPatternRight.png") top right repeat-y}
div.facebook .pp_expand{background:url("assets/img/prettyPhoto/facebook/sprite.png") -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url("assets/img/prettyPhoto/facebook/sprite.png") -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url("assets/img/prettyPhoto/facebook/sprite.png") 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url("assets/img/prettyPhoto/facebook/sprite.png") 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url("assets/img/prettyPhoto/facebook/sprite.png") -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url("assets/img/prettyPhoto/facebook/loader.gif") center center no-repeat}
div.facebook .pp_arrow_previous{background:url("assets/img/prettyPhoto/facebook/sprite.png") 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url("assets/img/prettyPhoto/facebook/sprite.png") -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url("assets/img/prettyPhoto/facebook/sprite.png") -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url("assets/img/prettyPhoto/facebook/sprite.png") -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url("assets/img/prettyPhoto/facebook/btnNext.png") center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url("assets/img/prettyPhoto/facebook/btnPrevious.png") center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url("assets/img/prettyPhoto/facebook/sprite.png") -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url("assets/img/prettyPhoto/facebook/contentPatternBottom.png") top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url("assets/img/prettyPhoto/facebook/sprite.png") -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url("assets/img/prettyPhoto/facebook/default_thumbnail.gif") 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url("assets/img/prettyPhoto/light_rounded/btnNext.png") 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url("assets/img/prettyPhoto/light_rounded/btnNext.png") 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url("assets/img/prettyPhoto/light_rounded/loader.gif") center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url("assets/img/prettyPhoto/dark_rounded/contentPattern.png") top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}





#sequence {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	height: 350px;
}

/* sequence js */
#sequence img.my-image {
	width: 100%;
	height: 100%;
}

#sequence .controls{
	display: none;
	width: 100%;
	position: absolute;
	z-index: 15;
	top:35%;
	left: 0;
}
#sequence .controls li{
	font-size:100px;
	color:#063769;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=6);
	font-size: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

#sequence .controls li:hover{
	text-decoration: none;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=10);
}
#sequence .controls li.sequence-prev {
	left:10px;
	width: 30%;
	display: inline-block;
	padding-left: 8px;
}
#sequence .controls li.sequence-next {
	right:10px;
	width: 68%;
	display: inline-block;
	text-align: right;
	padding-right: 0px;
}

#sequence.sequence-fallback > .sequence-canvas li {
  opacity: 1 !important;
  /* in fallback mode, frames should always have an opacity of 1 */ }

#sequence > ul{
	list-style-type: none;
	margin-left: 0;
}
#sequence > .sequence-canvas {
    height: 100%;
    width: 100%;
}
#sequence > .sequence-canvas > li {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
}
#sequence > .sequence-canvas li > * {
      position: absolute;
}
#sequence li img {
    opacity: 0;
	width: 100%;
	border-radius: 3px;
}
#sequence li.animate-in img {
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }
#sequence li.animate-out img {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 0s, 2s;
    -webkit-transition-delay: 2s, 0s;
    -moz-transition-property: opacity, -moz-transform;
    -moz-transition-duration: 0s, 2s;
    -moz-transition-delay: 2s, 0s;
    -ms-transition-property: opacity, -ms-transform;
    -ms-transition-duration: 0s, 2s;
    -ms-transition-delay: 2s, 0s;
    -o-transition-property: opacity, -o-transform;
    -o-transition-duration: 0s, 2s;
    -o-transition-delay: 2s, 0s;
    transition-property: opacity, transform;
    transition-duration: 0s, 2s;
    transition-delay: 2s, 0s;
}
#sequence li:nth-child(1) img {
    -webkit-transform-origin: 30% 40%;
    -moz-transform-origin: 30% 40%;
    -ms-transform-origin: 30% 40%;
    -o-transform-origin: 30% 40%;
    transform-origin: 30% 40%;
}
#sequence li:nth-child(2) img {
    -webkit-transform-origin: 60% 50%;
    -moz-transform-origin: 60% 50%;
    -ms-transform-origin: 60% 50%;
    -o-transform-origin: 60% 50%;
    transform-origin: 60% 50%;
}
#sequence li:nth-child(3) img {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#sequence .info1,
#sequence .info2,
#sequence .info3,
#sequence .info4,
#sequence .info5,
#sequence .info6,
#sequence .info7,
#sequence .info8,
#sequence .info9,
#sequence .info10,
#sequence .info11,
#sequence .info12,
#sequence .info13,
#sequence .info14,
#sequence .info15,
#sequence .info16,
#sequence .info17,
#sequence .info18,
#sequence .info19,
#sequence .info20 {
    color: #ffffff;
	background: rgba(0, 0, 0, 0.9);
    left: 2%;
    bottom: 5%;
    z-index: 4;
    opacity: 0;
	padding: 10px 13px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);

}
#sequence .info1 .top,
#sequence .info2 .top,
#sequence .info3 .top,
#sequence .info4 .top,
#sequence .info5 .top,
#sequence .info6 .top,
#sequence .info7 .top,
#sequence .info8 .top,
#sequence .info9 .top,
#sequence .info10 .top,
#sequence .info11 .top,
#sequence .info12 .top,
#sequence .info13 .top,
#sequence .info14 .top,
#sequence .info15 .top,
#sequence .info16 .top,
#sequence .info17 .top,
#sequence .info18 .top,
#sequence .info19 .top,
#sequence .info20 .top{
  	display: block;
  	width: 100%;
  	font-size: 28px;
  	margin-bottom: 15px;
  	padding: 0;
}
#sequence .info1 .bot,
#sequence .info2 .bot,
#sequence .info3 .bot,
#sequence .info4 .bot,
#sequence .info5 .bot,
#sequence .info6 .bot,
#sequence .info7 .bot,
#sequence .info8 .bot,
#sequence .info9 .bot,
#sequence .info10 .bot,
#sequence .info11 .bot,
#sequence .info12 .bot,
#sequence .info13 .bot,
#sequence .info14 .bot,
#sequence .info15 .bot,
#sequence .info16 .bot,
#sequence .info17 .bot,
#sequence .info18 .bot,
#sequence .info19 .bot,
#sequence .info20 .bot{
  	display: block;
  	width: 100%;
  	font-size: 18px;
  	padding: 0;
}

#sequence .animate-in .info1,
#sequence .animate-in .info2,
#sequence .animate-in .info3,
#sequence .animate-in .info4,
#sequence .animate-in .info5,
#sequence .animate-in .info6,
#sequence .animate-in .info7,
#sequence .animate-in .info8,
#sequence .animate-in .info9,
#sequence .animate-in .info10,
#sequence .animate-in .info11,
#sequence .animate-in .info12,
#sequence .animate-in .info13,
#sequence .animate-in .info14,
#sequence .animate-in .info15,
#sequence .animate-in .info16,
#sequence .animate-in .info17,
#sequence .animate-in .info18,
#sequence .animate-in .info19,
#sequence .animate-in .info20{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
#sequence .animate-out .info1,
#sequence .animate-out .info2,
#sequence .animate-out .info3,
#sequence .animate-out .info4,
#sequence .animate-out .info5,
#sequence .animate-out .info6,
#sequence .animate-out .info7,
#sequence .animate-out .info8,
#sequence .animate-out .info9,
#sequence .animate-out .info10 {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}


/*
===============================================
			13. Media Queries
===============================================
*/

/* responsive css */

/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#wrapper{
		width: 750px;
	}

	#wrapper #sequence{
		height: 280px;
	}

	#wrapper #sequence .controls{
		top:19%;
	}

	#wrapper #header .left{
		width: 170px;
	}

	#wrapper #header .middle{
		width: 384px;
	}

	#wrapper #header .middle .name{
		padding: 19px;
		font-size: 35px;
		padding-top: 26px;
		padding-bottom: 27px;
	}

	#wrapper #header .middle a{
		padding: 10px;
	}

	#wrapper #header .middle a i{
		font-size: 20px;
	}

	#wrapper #header .middle .description {
		display: block;
		padding: 19px;
		font-size: 13px;
	}

	#wrapper #header .right a{
		font-size: 25px;
		padding-top:18px;
	}

	#wrapper #header .right .icons a:hover i{
		font-size: 30px;
	}

	#wrapper .menu.menu_width_page .menu_inner{
		margin-left: 0;
	}

	#wrapper .menu .m_menu_toggle{
		display: block;
		margin-bottom: auto;
	}

	#wrapper .menu .m_menu_toggle i{
		display: block;
		font-size: 24px;
		padding: 15px;
		width: 60px;
		background: #555555;
		color:#ffffff;
		text-align: center;
		cursor: pointer;
		margin:0 auto;
	}

	#wrapper .menu .m_menu_toggle i:hover{
		background: #888888;
	}

	#wrapper .menu .menu_inner{
		display: block;
		width: 69.6%;
		float: left;
		margin-left: 15.5%;
	}

	#wrapper .menu ul{
		display: none;
		margin-left: 0;
		padding:0;
		width: 100%;
	}

	#wrapper .menu ul li{
		display: block;
		width: 100%;
		margin-right: 0;
		height: auto;
		float: left;
	}

	#wrapper .menu ul li a{
		text-align: center;
		display: block;
		width: 94%;
		border-radius: 3px 3px 0 0;
	}

	#wrapper .menu ul li a i{
		text-align: center;
		margin-top:0;
		margin-right: 10px;
		float:none;
	}

	#wrapper .menu .left .name{
		margin-left: 10px;
	}

	#wrapper .menu .right a.cv .text1{
		display: none;
	}

	#wrapper .menu .right a.cv .text2{
		display: inline-block;
	}

	#wrapper .about_header .top_text{
		height: 111.555px;
		line-height: 111.555px;
	}

	#wrapper .about_header .bot_text .description{
		height: 111.555px;
		padding: 0;
		padding-top: 30px;
	}
	
	#wrapper .about_header .bot_text .dugme{
		height: 25px;
		padding: 0;
		padding-top: 30px;
	}

	#wrapper .about_header .bot_text a{
		height: 111.555px;
		padding: 0;
		padding-top: 30px;
	}

	#wrapper .details .items .item{
		background: #ffffff;
	}

	#wrapper .details .items .item .title i{
		width: 100%;
		text-align: center;
		margin-right: 0;
	}

	#wrapper .details .items .item .title span{
		width: 100%;
	}

	#wrapper .resume_box .item .body{
		width: 74%;
	}

	#wrapper .download_vcard a .text i{
		font-size: 25px;
	}

	#wrapper .download_vcard a .text span{
		font-size: 15px;
		margin-top: 4px;
	}

	#wrapper .clients .clients_list .client{
		margin-right: 60px;
	}

	#wrapper #portfolio_grid .mix > .details,
	#wrapper #portfolio_grid .mix .overlay,
	#wrapper #portfolio_grid .mix .img_outer{
		height: 192px;
	}

	#wrapper .right_side .widgetbox .tabs .tab_select li{
		width: 100%;
	}

	#wrapper .posts .post .right .bot > span{
		width: 100%;
		padding: 14px;
		margin: 0;
		border: none;
		padding-bottom: 5px;
	}

	#wrapper .contact_info span .text{
		width: 60%;
	}

	#wrapper .posts .post .left .type{
		padding: 10px;
	}

}

/* Landscape phone to portrait tablet */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#wrapper{
		width: 470px;
		height: 100%;
	}

	#wrapper #sequence{
		height: 180px;
	}

	#wrapper #sequence .info1 .top,
	#wrapper #sequence .info2 .top,
	#wrapper #sequence .info3 .top,
	#wrapper #sequence .info4 .top,
	#wrapper #sequence .info5 .top,
	#wrapper #sequence .info6 .top,
	#wrapper #sequence .info7 .top,
	#wrapper #sequence .info8 .top,
	#wrapper #sequence .info9 .top,
	#wrapper #sequence .info10 .top,
	#wrapper #sequence .info11 .top,
	#wrapper #sequence .info12 .top,
	#wrapper #sequence .info13 .top,
	#wrapper #sequence .info14 .top,
	#wrapper #sequence .info15 .top,
	#wrapper #sequence .info16 .top,
	#wrapper #sequence .info17 .top,
	#wrapper #sequence .info18 .top,
	#wrapper #sequence .info19 .top,
	#wrapper #sequence .info20 .top{
		font-size: 18px;
	}

	#wrapper #sequence .info1 .bot,
	#wrapper #sequence .info2 .bot,
	#wrapper #sequence .info3 .bot,
	#wrapper #sequence .info4 .bot,
	#wrapper #sequence .info5 .bot,
	#wrapper #sequence .info6 .bot,
	#wrapper #sequence .info7 .bot,
	#wrapper #sequence .info8 .bot,
	#wrapper #sequence .info9 .bot,
	#wrapper #sequence .info10 .bot
	#wrapper #sequence .info11 .bot,
	#wrapper #sequence .info12 .bot,
	#wrapper #sequence .info13 .bot,
	#wrapper #sequence .info14 .bot,
	#wrapper #sequence .info15 .bot,
	#wrapper #sequence .info16 .bot,
	#wrapper #sequence .info17 .bot,
	#wrapper #sequence .info18 .bot,
	#wrapper #sequence .info19 .bot,
	#wrapper #sequence .info20 .bot{
		font-size: 13px;
	}

	#wrapper #sequence .controls{
		top:5%;
	}

	#wrapper #sequence .controls li{
		font-size: 80px;
	}

	#wrapper #header .middle{
		width: 274px;
	}

	#wrapper #header .middle .name{
		padding: 15px;
		font-size: 34px;
	}

	#wrapper #header .middle a{
		padding: 12px;
		margin: 0;
		width: 50%;
		padding-bottom: 12px;
	}

	#wrapper #header .middle a i{
		font-size: 20px;
		width: 100%;
		text-align: center;
	}

	#wrapper #header .middle .description {
		display: block;
		padding: 14px;
		font-size: 13px;
	}

	#wrapper #header .right{
		width: 100%;
		height: auto;
		padding: 0;
	}

	#wrapper #header .right .title{
		text-align: center;
	}

	#wrapper #header .right .icons{
		text-align: center;
	}

	#wrapper #header .right a{
		font-size: 25px;
		padding-top:18px;
		float: none;
	}

	#wrapper #header .right .icons a:nth-child(3n){
		margin-right: 8px;
	}

	#wrapper #header .right .icons a:hover i{
		font-size: 30px;
	}

	#wrapper .menu.menu_width_page .menu_inner{
		margin-left: 0;
	}

	#wrapper .menu .m_menu_toggle{
		display: block;
		margin-bottom: auto;
	}

	#wrapper .menu .m_menu_toggle i{
		display: block;
		font-size: 24px;
		padding: 15px;
		width: 60px;
		background: #555555;
		color:#ffffff;
		text-align: center;
		cursor: pointer;
		margin:0 auto;
	}

	#wrapper .menu .m_menu_toggle i:hover{
		background: #888888;
	}

	#wrapper .menu .menu_inner{
		display: block;
		width: 69.6%;
		float: left;
		margin-left: 15.5%;
	}

	#wrapper .menu ul{
		display: none;
		margin-left: 0;
		padding:0;
		width: 100%;
	}

	#wrapper .menu ul li{
		display: block;
		width: 100%;
		margin-right: 0;
		height: auto;
		float: left;
	}

	#wrapper .menu ul li a{
		text-align: center;
		display: block;
		width: 94%;
		border-radius: 3px 3px 0 0;
	}

	#wrapper .menu ul li a i{
		text-align: center;
		margin-top:0;
		margin-right: 10px;
		float:none;
	}

	#wrapper .menu .left .name{
		margin-left: 10px;
	}

	#wrapper .menu .right a.cv .text1{
		display: none;
	}

	#wrapper .menu .right a.cv .text2{
		display: inline-block;
	}

	#wrapper .about_header .picture{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	#wrapper .about_header .right{
		width: 100%;
	}

	#wrapper .about_header .picture .outer{
		float: none;
		width: auto;
		margin: 0 auto;
		display: inline-block;
	}

	#wrapper .about_header .picture img{
		width: auto;
	}

	#wrapper .about_header .top_text{
		width: 100%;
	}

	#wrapper .about_header .bot_text{
		width: 100%;
		padding: 0;
	}

	#wrapper .about_header .bot_text .description{
		width: 100%;
		height: auto;
		padding: 25px;
	}

	#wrapper .about_header .bot_text a{
		width: 100%;
		height: auto;
		padding: 25px;
	}

	#wrapper .tabs .tab{
		margin-top: 0;
	}

	#wrapper .details{
		margin-bottom: 20px;
	}

	#wrapper .details .items .item{
		background: #ffffff;
		margin: 0;
	}

	#wrapper .details .items .item .value,
	#wrapper .details .items .item .title{
		display: block;
		float: none;
	}

	#wrapper .download_vcard a .text i{
		font-size: 25px;
	}

	#wrapper .download_vcard a .text span{
		font-size: 15px;
		margin-top: 4px;
	}

	#wrapper .resume_box .item .date,
	#wrapper .resume_box .item .body,
	#wrapper .awards .award .date,
	#wrapper .awards .award .body{
		width: 100%;
	}

	#wrapper .resume_box .item .body .type,
	#wrapper .awards .award .body .title{
		margin-left: 0;
	}

	#wrapper .resume_box .item .body i,
	#wrapper .awards .award .body i{
		display: none;
	}

	#wrapper .clients .clients_list .client{
		margin-right: 60px;
	}

	#wrapper #portfolio_grid .mix > .details,
	#wrapper #portfolio_grid .mix .img_outer{
		height: auto;
		margin:0;
		width: 100%;
	}

	#wrapper #portfolio_grid .mix .img_outer{
		padding-left: 0;
		height: 152px;
	}

	#wrapper #portfolio_grid .mix .overlay{
		width: 100%;
		height: 152px;
		margin: 0;
		padding: 0;
	}

	#wrapper .right_side .widgetbox .tabs .tab_select li{
		width: 100%;
	}

	#wrapper .posts .post .left .type{
		margin-bottom: 0;
	}

	#wrapper .posts .post .left,
	#wrapper .posts .post .right{
		padding-left: 0;
	}

	#wrapper .posts .post .right .bot > span{
		width: 100%;
		padding: 14px;
		margin: 0;
		border: none;
		padding-bottom: 5px;
	}

	#wrapper .posts .post .right .bot > span.total_comments{
		float: none;
	}

	#wrapper .hidden > .body{
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}

	#wrapper .about_author .body{
		width: 82%;
	}

	#wrapper .comments .comment .comment-author{
		float: left;
		padding: 0;
	}

	#wrapper .comments .comment > .body{
		width: 84%;
	}

	#wrapper .comments .actual_comments .comment.depth-2 .body{
		width: 80%;
	}

	#wrapper .comments .actual_comments .comment.depth-3 .body{
		width: 75%;
	}

	#wrapper .return_to_blog{
		width: 100%;
		float: left;
	}

	#wrapper .tweets_box .item{
		margin:0;
		padding-left: 0;
		width: auto;
	}

	#wrapper .tweets_box .pages{
		padding: 13px;
		margin-top: 20px;
		width: 21%;
	}

	#wrapper .tweets_box .item .body{
		width: 81%;
	}

	#wrapper .tweets_box .item .body .date{
		margin-left: 0;
		margin-top: 5px;
		width: 100%;
	}

}


/* Landscape phones and down */
@media only screen and (max-width: 479px) {

	#wrapper{
		width: 300px;
		height: 100%;
	}

	#wrapper #sequence{
		height: 118px;
	}

	#wrapper #sequence .info1 .top,
	#wrapper #sequence .info2 .top,
	#wrapper #sequence .info3 .top,
	#wrapper #sequence .info4 .top,
	#wrapper #sequence .info5 .top,
	#wrapper #sequence .info6 .top,
	#wrapper #sequence .info7 .top,
	#wrapper #sequence .info8 .top,
	#wrapper #sequence .info9 .top,
	#wrapper #sequence .info10 .top{
		font-size: 13px;
	}

	#wrapper #sequence .info1 .bot,
	#wrapper #sequence .info2 .bot,
	#wrapper #sequence .info3 .bot,
	#wrapper #sequence .info4 .bot,
	#wrapper #sequence .info5 .bot,
	#wrapper #sequence .info6 .bot,
	#wrapper #sequence .info7 .bot,
	#wrapper #sequence .info8 .bot,
	#wrapper #sequence .info9 .bot,
	#wrapper #sequence .info10 .bot{
		font-size: 12px;
	}

	#wrapper #sequence .controls{
		top:0%;
	}

	#wrapper #sequence .controls li{
		font-size: 60px;
	}

	#wrapper #sequence .controls li.sequence-next{
		width: 65%;
	}

	#wrapper #header .left{
		width: 100%;
		text-align: center;
		height: auto;
	}

	#wrapper #header .left img{
		float: none;
	}

	#wrapper #header .middle{
		width: 100%;
		height: auto;
	}

	#wrapper #header .middle .name{
		padding: 15px;
		font-size: 34px;
	}

	#wrapper #header .middle a{
		padding: 12px;
		margin: 0;
		width: 50%;
		padding-bottom: 12px;
	}

	#wrapper #header .middle a i{
		font-size: 20px;
		width: 100%;
		text-align: center;
	}

	#wrapper #header .middle .description {
		display: block;
		padding: 14px;
		font-size: 13px;
	}

	#wrapper #header .right{
		width: 100%;
		height: auto;
		padding: 0;
	}

	#wrapper #header .right .title{
		text-align: center;
	}

	#wrapper #header .right .icons{
		text-align: center;
	}

	#wrapper #header .right a{
		font-size: 25px;
		padding: 1px;
		width: auto;
		float: none;
		height: auto;
	}

	#wrapper #header .right .icons a:nth-child(3n){
		margin-right: 8px;
	}

	#wrapper #header .right .icons a:nth-child(6n){
		margin-right: 0px;
	}

	#wrapper #header .right .icons a:hover i{
		font-size: 28px;
	}

	#wrapper .menu.menu_width_page .menu_inner{
		margin-left: 0;
	}

	#wrapper .menu .m_menu_toggle{
		display: block;
		margin-bottom: auto;
	}

	#wrapper .menu .m_menu_toggle i{
		display: block;
		font-size: 24px;
		padding: 15px;
		width: 60px;
		background: #555555;
		color:#ffffff;
		text-align: center;
		cursor: pointer;
		margin:0 auto;
	}

	#wrapper .menu .m_menu_toggle i:hover{
		background: #888888;
	}

	#wrapper .menu .menu_inner{
		display: block;
		width: 69.6%;
		float: left;
		margin-left: 15.5%;
	}

	#wrapper .menu ul{
		display: none;
		margin-left: 0;
		padding:0;
		width: 100%;
	}

	#wrapper .menu ul li{
		display: block;
		width: 100%;
		margin-right: 0;
		height: auto;
		float: left;
	}

	#wrapper .menu ul li a{
		text-align: center;
		display: block;
		width: 94%;
		border-radius: 3px 3px 0 0;
	}

	#wrapper .menu ul li a i{
		text-align: center;
		margin-top:0;
		margin-right: 10px;
		float:none;
	}

	#wrapper .menu .left .name{
		margin-left: 10px;
	}

	#wrapper .menu .right a.cv .text1{
		display: none;
	}

	#wrapper .menu .right a.cv .text2{
		display: inline-block;
	}

	#wrapper .column_text span.item{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#wrapper .tabs .tab_select li{
		width: 100%;
	}

	#wrapper .clients .clients_list{
		margin:15px;
	}

	#wrapper .resume_slider_left,
	#wrapper .resume_slider_right{
		top:18px;
	}

	#wrapper .download_vcard a .text{
		width: 100%;
	}

	#wrapper .about_header .picture{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	#wrapper .about_header .right{
		width: 100%;
	}

	#wrapper .about_header .picture .outer{
		float: none;
		width: auto;
		margin: 0 auto;
		display: inline-block;
	}

	#wrapper .about_header .picture img{
		width: auto;
	}

	#wrapper .about_header .top_text{
		width: 100%;
	}

	#wrapper .about_header .bot_text{
		width: 100%;
		padding: 0;
	}

	#wrapper .about_header .bot_text .description{
		width: 100%;
		height: auto;
		padding: 25px;
	}

	#wrapper .about_header .bot_text a{
		width: 100%;
		height: auto;
		padding: 25px;
	}

	#wrapper .tabs .tab{
		margin-top: 0;
	}

	#wrapper .details{
		margin-bottom: 20px;
	}

	#wrapper .details .items .item{
		background: #ffffff;
		margin: 0;
	}

	#wrapper .details .items .item .value,
	#wrapper .details .items .item .title{
		display: block;
		float: none;
	}

	#wrapper .download_vcard a .text i{
		font-size: 25px;
	}

	#wrapper .download_vcard a .text span{
		font-size: 15px;
		margin-top: 4px;
	}

	#wrapper .resume_box .item .date,
	#wrapper .resume_box .item .body,
	#wrapper .awards .award .date,
	#wrapper .awards .award .body{
		width: 100%;
	}

	#wrapper .resume_box .item .body .type,
	#wrapper .awards .award .body .title{
		margin-left: 0;
	}

	#wrapper .resume_box .item .body i,
	#wrapper .awards .award .body i{
		display: none;
	}

	#wrapper .clients .clients_list .client{
		margin-right: 60px;
	}

	#wrapper #portfolio_grid .mix > .details,
	#wrapper #portfolio_grid .mix .img_outer{
		height: auto;
		margin:0;
		width: 100%;
	}

	#wrapper #portfolio_grid .mix .img_outer{
		padding-left: 0;
		height: 88px;
	}

	#wrapper #portfolio_grid .mix .overlay{
		width: 100%;
		height: 88px;
		margin: 0;
		padding: 0;
	}

	#wrapper #portfolio_info .details .social{
		margin-top:10px;
		margin-left: 0;
		padding-left: 0;
		width: 100%;
	}

	#wrapper .right_side .widgetbox .tabs .tab_select li{
		width: 100%;
	}

	#wrapper .posts .post .left .type{
		margin-bottom: 0;
	}

	#wrapper .posts .post .left,
	#wrapper .posts .post .right{
		padding-left: 0;
	}

	#wrapper .posts .post .right .bot > span{
		width: 100%;
		padding: 14px;
		margin: 0;
		border: none;
		padding-bottom: 5px;
	}

	#wrapper .posts .post .right .bot > span.total_comments{
		float: none;
	}

	#wrapper .hidden > .body{
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}

	#wrapper .about_author .body{
		width: 65%;
	}

	#wrapper .comments .comment .comment-author{
		float: left;
		padding: 0;
	}

	#wrapper .comments .comment > .body{
		width: 75%;
	}

	#wrapper .comments .actual_comments .comment.depth-2 .body{
		width: 69%;
	}

	#wrapper .comments .actual_comments .comment.depth-3 .body{
		width: 63%;
	}

	#wrapper .return_to_blog{
		width: 100%;
		float: left;
	}

	#wrapper .tweets_box .item{
		margin:0;
		padding-left: 0;
		width: auto;
	}

	#wrapper .tweets_box .pages{
		padding: 13px;
		margin-top: 20px;
		width: 21%;
	}

	#wrapper .tweets_box .item .body{
		width: 81%;
	}

	#wrapper .tweets_box .item .body .date{
		margin-left: 0;
		margin-top: 5px;
		width: 100%;
	}

	#wrapper .contact_info span .text{
		width: 60%;
	}

}

.theme_configs{
	display: none;
	position: fixed;
	left: -200px;
	top: 10%;
	z-index: 500;
	width: auto !important;
}

.theme_configs.visible{
	display: inline-block;
}

.theme_configs .body {
	display: inline-block;
	float: left;
	width: 200px;
	padding: inherit;
	background: #ffffff;
	text-align: center;
	word-wrap: break-word;
	margin: 0;
}

.theme_configs .body .head_title,
.theme_configs .body .title{
	width: 100%;
	padding: 10px;
}

.theme_configs .body a{
	text-decoration:none;
	color:#333;
}

.theme_configs .body .head_title{
	background: #f5f5f5;
}

.theme_configs .body .box{
	display: block;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	float: left;
}

.theme_configs .body .box img,
.theme_configs .body .box span{
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.theme_configs .body .box img:hover,
.theme_configs .body .box span:hover{
   -webkit-transform: scale(2,2);
   -moz-transform: scale(2,2);
   -o-transform: scale(2,2);
   -ms-transform: scale(2,2);
   transform: scale(2,2);
	opacity: 1;
}

.theme_configs .body .box img:nth-child(3n),
.theme_configs .body .box span:nth-child(3n){
	margin-right: 0;
}

.theme_configs .btn{
	display: inline-block;
	height: 34px;
	width: 34px;
	line-height: 34px;
	background: #f5f5f5;
	font-size: 25px;
	cursor: pointer;
	text-align: center;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.theme_configs .box.themes div{
	display: block;
	width: 100%;
	margin-bottom: 5px;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.theme_configs .box.themes div:hover,
.theme_configs .box.themes div.active{
	opacity: 1;
}

.theme_configs .box.themes div > span{
	width: 21px;
	height: 21px;
	display: inline-block;
	float: left;
}

body{
	font-family:Open Sans;
}
h1,
#header .middle .name,
#header .right .title,
.menu .left .name,
.about_header .top_text,
.left > .title,
.posts .post .right > .body .title,
#sequence .info1,
#sequence .info2,
#sequence .info3,
#sequence .info4,
#sequence .info5,
#sequence .info6,
#sequence .info7,
#sequence .info8,
#sequence .info9,
#sequence .info10,
#sequence .info11,
#sequence .info12,
#sequence .info13,
#sequence .info14,
#sequence .info15,
#sequence .info16,
#sequence .info17,
#sequence .info18,
#sequence .info19,
#sequence .info20{
	font-family:Oswald;
	font-weight:normal;
	font-style:normal;
}
h2{
	font-family:Oswald;
	font-weight:normal;
	font-style:normal;
}
h3,
.menu ul li a,
#content > div .page_title{
	font-family:Oswald;
	font-weight:normal;
	font-style:normal;
}
h4{
	font-family:Oswald;
	font-weight:normal;
	font-style:normal;
}
h5{
	font-family:Oswald;
	font-weight:normal;
	font-style:normal;
}
h6{
	font-family:Oswald;
	font-weight:normal;
	font-style:normal;
}

