/*
Theme Name: Voxr
Theme URI: http://themeforest.com/
Author: Maxdp
Author URI: http://codingfeat.com/author/Maxdp
Description: Voxr Wordpress vCard Template
Version: 1.0.0
License:
License URI:
Tags: blue, red, yellow, green, purple, two-columns
*/

/*
 *	Table of Contents:
 *
 *	1. CSS Reset
 *	2. Header
 *	3. Menu
 *	4. Main Content
 *	5. Home Page
 *	6. About Page
 *	7. Resume Page
 *	8. Portfolio Page
 *	9. Blog Page
 * 	10. Contact Page
 *	11. Footer
 *	12. Color Styles
 *	13. Media Queries
*/


/*
===============================================
			1. CSS Reset
===============================================
*/


body { color: #333333; font-size: 13px; 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; }
.voxr_column[data-animation] { opacity: 0; }
/* anchor tag */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
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 { opacity: 1; margin-top: 15px; margin-bottom: 15px; 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 { border-bottom: 1px solid #cccccc; box-shadow: 0 2px 1px rgba(0,0,0,0.1); background: rgba(255, 255, 255, 0.9); margin-bottom: 15px; border-radius: 3px;/*padding-top: 15px;
	padding-bottom: 15px;*/ }
#header .left { text-align: center; }
#header .left img { border-radius: 3px; }
#header .middle { text-align: center; }
#header .middle .name { padding: 10px 18px; font-size: 45px; color: #333333; border-radius: 3px 3px 0 0; font-weight: 600; font-family: 'Oswald', Arial, Helvetica, sans-serif; display: block; }
#header .middle .description { display: block; padding: 23px; padding-top: 7px; padding-bottom: 7px; font-size: 15px; color: #222222; font-style: italic; }
#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 a.download_cv, #header .middle a.other { -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; display: block; color: #555555; padding: 23px; padding-top: 12px; padding-bottom: 11px; }
#header .middle a i { font-size: 24px; margin-right: 10px; }
#header .middle a .text { display: inline-block; margin-top: 6px; }
#header .middle a.other { border-radius: 0 0 3px 0; padding-left: 25px; }
#header .right { border-radius: 0 0 3px 0; }
#header .right .title { display: block; text-align: center; font-size: 20px; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-weight: 400; margin-bottom: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#header .right .icons a { font-size: 32px; text-align: center; cursor: pointer; color: #777777; overflow: hidden; padding: 3px; border-radius: 3px; text-decoration: none; background: #f7f7f7; border: 1px solid #EDEFF0; box-shadow: 0 2px 1px rgba(0,0,0,0.1); -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 { -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: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 { margin: 0 auto; float: none; }
.menu { display: block; width: 100%; background: rgba(255, 255, 255, 0.9); margin-bottom: 15px; border-radius: 3px; box-shadow: 0 2px 1px rgba(0,0,0,0.1); }
.menu.other_page { padding-top: 15px; padding-bottom: 15px; }
.menu.other_page .menu_inner { float: left; }
.menu .left { display: 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; }
.menu .left.animate { display: inline-block; opacity: 1; }
.menu .left .img { display: inline-block; height: 53px; overflow: hidden; position: relative; background: #ffffff; border-right: 1px solid #ededed; border-radius: 0 0 0 3px; }
.menu .left .img img { border-radius: 3px; width: 126px; height: 53px; }
.menu .left .name { display: block; position: absolute; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 20px; border-radius: 3px; padding: 14px; text-align: center; left: 0; top: 0; width: 100%; color: #ffffff; height: 100%; background: rgba(0,0,0,0.3); }
.menu .left .name a { color: #333333; }
.menu .right { display: 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; }
.menu .right.animate { display: inline-block; opacity: 1; }
.menu .right a.cv { display: block; padding: 17px; text-align: center; border-radius: 3px; text-decoration: none; text-shadow: 0 1px 0 #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; }
.menu .right a.cv i { font-size: 17px; display: inline-block; margin-right: 10px; }
.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; padding: 15px; text-align: center; font-size: 30px; color: #555555; cursor: pointer; }
.menu .m_menu_toggle:hover { color: #333333; }
.menu ul { list-style-type: none; margin: 0 auto; padding: 0; width: 100%; text-align: center; }
.menu.menu_width_page ul { margin-left: 3%; width: 67%; }
.menu ul li { display: inline-block; position: relative; }
.menu ul li a { display: inline-block; padding: 11px; padding-top: 18px; padding-bottom: 17px; -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: #999999; font-weight: 400; border: 1px solid transparent; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 3px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.menu ul li a:hover { text-decoration: none; color: #8E8171; }
.menu ul li a.active { color: #333333; padding-top: 17px; padding-bottom: 17px; }
.menu ul li a i.menu_icon { display: inline-block; margin-right: 5px; font-size: 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; }
.menu ul li a.active i.menu_icon { display: inline-block; }
.menu ul li a .text { display: inline-block; }
.menu_inner.mobile { margin-left: 0 !important; width: 68% !important; }
.menu_inner.mobile ul { display: none; margin-left: 0; }
.menu .menu_inner.mobile ul li { display: block; width: 100%; margin-right: 0; height: auto; float: left; }
.menu .menu_inner.mobile ul li a { text-align: center; display: block; width: 100%; border-radius: 3px 3px 0 0; }
.menu .menu_inner.mobile ul li a i { text-align: center; margin-top: 0; margin-right: 10px; float: none; }
/*
===============================================
			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); border-radius: 3px; }
#content .page_title { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; margin-top: 10px; text-align: center; padding: 0; padding-bottom: 15px; }
#home_page .page_title span { display: inline-block; border-bottom: 2px solid #D6D6D6; padding-bottom: 10px; }
#content .page { border-radius: 3px; padding: 15px; border-top: 1px solid #ededed; border-bottom: 1px solid #dedede; }
.slider { position: relative; }
.slider .slide { position: relative; }
.slider .slide img { display: block; width: 100%; height: auto; }
.slider .slide .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.slider .slide .overlay .captions { position: absolute; bottom: 30px; left: 60px; width: 100%; }
.slider .slide .overlay .captions .inner { background: rgba(0, 0, 0, 0.9); display: inline-block; padding: 20px; font-family: 'Oswald', sans-serif; color: #ffffff; }
.slider .slide .overlay .captions .title { font-size: 28px; margin-bottom: 15px; }
.slider .slide .overlay .captions .description { font-size: 18px; }
.slider .owl-controls .owl-buttons .owl-prev, .slider .owl-controls .owl-buttons .owl-next { font-size: 50px; height: 75px; width: 40px; color: #ffffff; background: transparent; overflow: hidden; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 99; }
.slider .owl-controls .owl-buttons .owl-prev { left: 0; }
.slider .owl-controls .owl-buttons .owl-next { right: 0; }
.home_slider { float: left; }
.home_slider .owl-wrapper-outer { float: left; }
/*
===============================================
			5. Home Page
===============================================
*/

.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; min-height: 170px }
/*
===============================================
			6. About Page
===============================================
*/

.about_header { display: block; position: relative; margin-bottom: 15px; }
.about_header .picture { display: inline-block; border-radius: 3px; overflow: hidden; text-align: center; }
.about_header .picture .outer { display: inline-block; overflow: hidden; text-align: center; }
.about_header .picture img { 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 .hr_line { margin-top: 10px; margin-bottom: 5px; }
.about_header .top_text { font-size: 45px; padding: 50px; font-weight: 600; text-align: left; font-family: 'Oswald', Arial, Helvetica, sans-serif; color: #ffffff; }
.about_header .bot_text { display: inline-block; width: 100%; font-size: 14px; line-height: 25px; border-radius: inherit; }
.about_header .bot_text span, .about_header .bot_text a { display: inline-block; padding: 31px; text-align: center; }
.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: 0px 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; width: 100%; min-height: 200px; max-height: 100%; position: relative; text-align: center; }
#portfolio_grid:after { content: ''; display: inline-block; width: 100%; }
#portfolio_grid .gap { display: inline-block; width: 100%; }
#portfolio_grid .mix { 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; display: block; -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, #portfolio_grid .mix.active { box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1); }
#portfolio_grid .mix:hover .img_outer img, #portfolio_grid .mix.active .img_outer img { opacity: 1; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
#portfolio_grid .mix .img_outer { position: relative; overflow: hidden; padding: 0; cursor: pointer; }
#portfolio_grid .mix .overlay { /*position: absolute;
	left: 0;
	top: 0;*/
width: 100%; height: 100%; 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; color: #ffffff; border-radius: 20px; border: 1px solid transparent; padding: 0; display: inline-block; -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, #portfolio_grid .mix.active .img_outer .overlay i { padding: 10px; }
#portfolio_grid .mix:hover .img_outer .overlay, #portfolio_grid .mix.active .img_outer .overlay { opacity: 1; }
#portfolio_grid .mix .row > .details { background: rgba(0,0,0,0.8); padding: 20px; display: inline-block; }
#portfolio_grid .mix .details { margin: 0; padding: 10px; position: relative; 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; }
#portfolio_grid .mix .details h2 { padding-left: 0; padding-right: 0; font-size: 20px; padding-top: 0; text-align: center; margin-top: 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; }
#portfolio_grid .mix .overlay .details h2 { text-align: left; }
#portfolio_grid .mix .details p { line-height: 21px; font-size: 14px; text-align: 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; }
.portfolio_info { display: none; padding: 15px; background: rgba(255, 255, 255, 0.7); box-shadow: 0 2px 1px rgba(0,0,0,0.1); width: 100%; float: left; }
.portfolio_info .info_icon { float: left; }
.close_portfolio_info { float: right; }
.portfolio_info i { 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 .details { display: block; color: #333333 !important; }
.portfolio_info .details h2 { display: block; padding-left: 0; font-size: 20px; padding-top: 0; margin-top: 15px !important; margin-bottom: 15px; }
.portfolio_info .details h2 .text { display: inline-block; margin-top: 10px; }
.portfolio_info .details .social { display: inline-block; margin-left: 10px; }
.portfolio_info .details .social a { display: inline-block; text-decoration: none; margin-right: 5px; padding: 7px !important; padding-bottom: 6px !important; }
.portfolio_info .details .social .share_text { 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; }
.portfolio_info .details .link a { display: inline-block; padding: 10px; border-radius: 3px; background: #fafafa; border: 1px solid #dedede; color: #555555; text-decoration: none; box-shadow: 0 1px 0 #ffffff inset, 0 2px 1px #ededed; }
.portfolio_info .details .link 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 { 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 .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; 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; padding-bottom: 15px; }
.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; padding: 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; font-size: 25px; }
.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: 0; margin-bottom: 15px; 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%; }
.gmap img { max-width: none; }
.contact_info { border-radius: 10px; margin-bottom: 20px; margin-top: 30px; }
.contact_info > hr { margin-bottom: 35px; }
.contact_info > span { margin-bottom: 30px; width: 100%; display: block; }
.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; }
.contact_form { margin-top: 20px; }
.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%; margin-bottom: 10px; }
.contact_form .row label, .contact_form p label { display: block; width: 100%; 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; 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 .wpcf7-validation-errors, {
 background-color: #f9e5e6;
 color: #b3696c;
 border: 1px solid #f7c7c9;
 display: block;
 width: 100%;
 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 { 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; padding: 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; padding: 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 { float: left; width: 100%; margin-top: 15px; border-radius: 3px; }
#footer .inner { background: rgba(255, 255, 255, 0.9); color: #000000; padding: 15px; 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 #header { border-top: 4px solid #3A8CDE; }
body.blue_color #wrapper #footer { 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 a.download_cv { background: #CCDFEB; }
body.blue_color #header .middle a.other { background: #BAD4E3; }
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 .about_header .bot_text span { background: #BBCDD3; }
body.blue_color .about_header .bot_text a { background: #DDE6E9; }
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 .slider .slide .overlay .captions .inner { 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 #header { border-top: 4px solid #BF7575; }
body.red_color #wrapper #footer { 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 a.download_cv { background: #EBCCCC; }
body.red_color #header .middle a.other { background: #E3ACAC; }
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 .about_header .bot_text span { background: #D4BCBC; }
body.red_color .about_header .bot_text a { background: #E8DCDC; }
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 .slider .slide .overlay .captions .inner { 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 #header { border-top: 4px solid #7BBF75; }
body.green_color #wrapper #footer { 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 a.download_cv { background: #CFEBCC; }
body.green_color #header .middle a.other { background: #B1E3AC; }
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 .about_header .bot_text span { background: #BED4BC; }
body.green_color .about_header .bot_text a { background: #DDE8DC; }
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 .slider .slide .overlay .captions .inner { 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 #header { border-top: 4px solid #BEBF75; }
body.yellow_color #wrapper #footer { 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 a.download_cv { background: #EAEBCC; }
body.yellow_color #header .middle a.other { background: #E2E3AC; }
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 .about_header .bot_text span { background: #D4D4BC; }
body.yellow_color .about_header .bot_text a { background: #E8E8DC; }
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 .slider .slide .overlay .captions .inner { 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 #header { border-top: 4px solid #A075BF; }
body.purple_color #wrapper #footer { 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 a.download_cv { background: #DECCEB; }
body.purple_color #header .middle a.other { background: #CCACE3; }
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 .about_header .bot_text span { background: #CABCD4; }
body.purple_color .about_header .bot_text a { background: #E3DCE8; }
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 .slider .slide .overlay .captions .inner { 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 #header { border-top: 4px solid #75BFB5; }
body.cyan_color #wrapper #footer { 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 a.download_cv { background: #ABEBE2; }
body.cyan_color #header .middle a.other { background: #ACE3DC; }
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 .about_header .bot_text span { background: #BCD4D2; }
body.cyan_color .about_header .bot_text a { background: #DCE8E7; }
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 .slider .slide .overlay .captions .inner { 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 }



/*
===============================================
			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 #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 .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 a { padding: 0; height: 111.555px; 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 #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 .menu_inner { display: block; width: 100% !important; float: left; margin-left: 0 !important; }
#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: 100%; 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 { display: none !important; }
#wrapper .menu .right { display: none !important; }
#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 #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 .menu_inner { display: block; width: 100% !important; float: left; margin-left: 0px !important; }
#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: 100%; 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 { display: none !important; }
#wrapper .menu .right { display: none !important; }
#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: -153px; top: 10%; z-index: 500; width: auto !important; }
.theme_configs.visible { display: inline-block; }
.theme_configs .body { display: inline-block; float: left; width: 151px; border: 1px solid rgba(23,24,26,0.15); padding: inherit; background: #ffffff; text-align: center; word-wrap: break-word; box-shadow: 0 2px 9px 2px rgba(0,0,0,0.14); margin: 0; }
.theme_configs .body .head_title, .theme_configs .body .title { width: 100%; padding: 10px; border-bottom: 1px solid #dedede; }
.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; padding: 0; border-radius: 0; 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, .left > .title, .posts .post .right > .body .title { font-family: Oswald; font-weight: normal; font-style: normal; }
h2 { font-family: Oswald; font-weight: normal; font-style: normal; }
h3, #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; }
#latest-blog h1.widgettitle,#latest-blog .widgetbox hr{display:none;}
h3.widgettitle{text-align:center;}