/* SKT Me
Document :layout.css
Created on :June, 2014
Author  :SKT THemes - sktthemes.net
Description:Main style sheet for the SKT Me
------------------------------------------------------------------------------------------------------------------
All sections are marked to make it easier to navigate and change the css.
*/

/*
-------------------------
font families
-------------------------
font-family:'PT Sans Narrow', sans-serif; font-family:'PT Sans', sans-serif; */

/* 1. Basic Element Styles */
body {font-family:'PT Sans', Helvetica, sans-serif; font-size:14px; color:#555; margin:0; padding:0; }
/* Add Market Deco Font */
ul {margin:0; padding:0; list-style-type:none; }
*{ margin:0; padding:0; outline:0;}
img {max-width:100%; vertical-align:middle; height:auto; }
.ra {text-align:right; }
a {text-decoration:none; color:#3a3a3a; }
a:hover {text-decoration:none; color:#E74C3C; }
/* Heading Styles */
h1.heading {font-size:68px; color:#f00c27; font-weight:300; text-align:center; margin:0 0 30px 0; padding:0 0 50px 0; text-transform:uppercase; }
h1.heading span {color:#e74c3c; }
.lead {color:#555; font-size:22px; }
.fleft{float:left !important;}
.fright{float:right !important;}

.wp-caption{border:1px #eee solid; background:#f6f6f6; padding:5px 0 5px; text-align:center; margin:5px 0 10px; max-width:100%;}
.wp-caption-text{padding:5px 0 0; margin:0; font-size:11px;}
.alignright{float:right; margin:0 0 5px 20px;}
.alignleft{float:left; margin:0 20px 5px 0;}
.aligncenter { display: block; margin:0 auto 10px; }
.alignnone{display:block; margin:0 0 10px;}
.sticky{padding-left:10px; border-left:5px #E74C3C solid;}
.gallery-caption{font-size:11px;}

/* layout */
#wrap_all{position:relative; z-index:1;}

/* Section Styles */
section {overflow:hidden; }

/* 2. Header */
.xshow-bg {background:#f2f1e6; }
.show-bg .logo h1{font-size:22px; padding:10px 0; margin:0;}
.show-bg nav{text-transform:uppercase;}

/* 3. Feature Styles (Slider) */
.feature {background:transparent; min-height:632px; color:#fff; font-size:12px; padding:0; margin-bottom:0; position:relative; }
.feature p {margin:0; }
.feature p.tel {text-align:right; }
.feature .feat-info {border-bottom:1px solid #fff; padding-bottom:10px; }
.feature .slider {position:relative; margin:0 auto; width:580px; }

/* 4. Services Styling */
.services {text-align:center; }
.services p {padding:0; }
.services .lead {text-align:center; position:relative; margin:0 auto 20px auto; width:820px; max-width:100%;}
/* 5. Testimonials Styling */
.testimonials { margin:0; padding:10px 0; font-size:18px; color:#fff !important;}
.testimonials ul.testi {overflow:hidden; }
.testimonials ul.testi li {overflow:hidden; }
.testimonials h2, .testimonials h1.heading {text-align:center; font-size:36px; font-weight:normal; border-bottom:1px solid #ccc; margin:0; padding:0 0 20px 0; background-image:none !important; color:#fff !important;}
.testimonials img {float:left; margin:0 40px 0 0; height:auto; }
.testimonials p.test {float:left; width:770px; margin:10px 0 0; padding:0; }
.testimonials strong {float:right; display:block; margin:0; padding:0; }
.testimonials span {color:#e74c3c; font-weight:bold; }

/* 6. Photobooth/Portfolio Styling */
.photobooth{}
.photobooth .intro {margin:0 0 50px 0; }
.services_txt .intro p, .parallaxme p {font-size:14px; margin:0 0 24px; padding:0; text-align:left; }
.services_txt ul, .parallaxme ul{list-style:url(../images/bullet.png) inside; font-size:16px;}
.services_txt ul li, .parallaxme ul li{padding:5px 0;}
.photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; }
.photobooth .eleven p {color:#555; font-size:18px; }
.photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; }
.photobooth .filter-gallery {position:relative; width:483px; margin:0 auto 30px auto; text-align:center; }
.photobooth .filter-gallery ul {overflow:hidden; border-top:1px solid #c1bfbf; border-bottom:1px solid #c1bfbf; }
.photobooth .filter-gallery ul li {float:left; padding:15px; }
.photobooth .filter-gallery ul li.current {font-weight:bold; }
.photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("../images/camera-icon.png") 50% 0 no-repeat #000000; margin:0 1px 1px 0; }
.photobooth .gallery ul li p {color:#111; background:url("../images/heart-icon.png") 50% 0 no-repeat #ffffff; margin:0; padding:10px 0; position:absolute; width:260px; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span {margin-top:20px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; width:260px; display:none; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li img {-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; height:220px; }
.photobooth .gallery ul li:hover {background:#000; float:left; background:url("../images/camera-icon.png") 50% 20% no-repeat #000000; }
.photobooth .gallery ul li:hover img {opacity:0.3; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; width:260px; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; background:url("../images/heart-icon.png") 50% 10px no-repeat #ffffff; margin:0; padding:10px 0; position:absolute; width:260px; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block; }



/* 10. Ghost Div(Devices) */
.ghost {background:#242424; padding:30px 0; text-align:center; margin-bottom:86px; }
.ghost h2 {color:#fff; font-size:30px; margin:0 0 23px 0; font-weight:normal; }
.ghost h2 span {color:#eaac9e; }
.ghost img {position:relative; margin:0 auto; width:706px; }

/* 11. Blog Section Styling */
.post-date, .post-comment, .post-categories, .post-tags{display:inline-block;}
article .entry-summary, article .entry-content{border-bottom:1px #ddd solid; margin-bottom:20px; padding-bottom:5px;}
.pagination{display:block; clear:both; padding:10px 0;}
.pagination ul{list-style:none;}
.pagination ul li{display:inline-block; margin-right:4px;}
.pagination ul li a, .pagination ul li span{display:block; background:#e74c3c; color:#fff; padding:4px 10px; border-bottom:2px #9c261a solid;}
.pagination ul li span.current, .pagination ul li a:hover{ background:#eaac9e; border-color:#e74c3c; color:#9c261a; }
.post-navigation{display:block; clear:both; padding:10px 0;}
.nav-previous, .nav-next{display:inline-block;}
.nav-previous{float:left;}
.nav-next{float:right;}
.footer .widget-title{display:none;}
section#sitefull{width:100%; padding-top:40px; padding-bottom:50px; float:none;}
section#sitemain{width:680px; padding-top:40px; padding-bottom:50px; float:left;}
#sidebar{width:240px; padding-top:70px; padding-bottom:50px; float:right;}
#sidebar .widget{padding-bottom:20px;}

/* 12. Contact section styling */
.hello .lead {text-align:center; position:relative; margin:0 auto 80px auto; width:820px; }
.hello .details {margin-bottom:25px; }
.hello .form{padding-bottom:20px;}
.hello .form input, .hello .form textarea {font-size:14px; color:#a7a7a7; border:1px solid #d6d6d6; background:#fff; padding:10px; height:15px; width:95%; margin:15px 0 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.hello .form textarea {height:120px; margin:15px 0 0 0; }
.hello .form button {float:right; line-height:0; }
.hello .form .captchafield{float:left;}
.hello .form .captchafield .c_captcha{margin-top:0; width:60px;}
.hello .form .error {color:#ca5f6b; }
.form_footer{padding-top:20px; padding-right:10px;}


/* 13. Footer Styling */
.footer {padding:20px 0; background:#000; }


/* 14. Button Styling */
/* Default btn */
a.btn {color:#fff; }
.btn {color:#fff; font-weight:bold; font-size:14px; width:100px; height:43px; border:none; background-color:#f00c27; border-bottom:4px solid #967100; line-height:43px; padding:12px 23px; }
.btn:hover {color:#fff; font-weight:bold; font-size:14px; width:100px; height:43px; border:none; background-color:#c19201; border-bottom:4px solid #967100; }

/* developer styles */
.show-bg{padding:0; width:100%;}
.show-bg.fixedmenu{padding:0 0; position:fixed; top:0; z-index:100; background-color:#f0b80c; height:52px;}

body.admin-bar .show-bg.fixedmenu{top:32px;}
#content_part{background-color:#fff;}
section#section1, section#section2, section#section3, section#section4, section#section5, section#section6, section#section7, section#section8, section#section9, section#section10, section#section11, section#section12, section#section13, section#section14, section#section15, section#section16, section#section17, section#section18, section#section19, section#section20{ padding-top:135px; padding-bottom:50px;}
body.admin-bar section#section1, body.admin-bar section#section2, body.admin-bar section#section3, body.admin-bar section#section4, body.admin-bar section#section5, body.admin-bar section#section6, body.admin-bar section#section7, body.admin-bar section#section8, body.admin-bar section#section9, body.admin-bar section#section10, body.admin-bar section#section11, body.admin-bar section#section12, body.admin-bar section#section13, body.admin-bar section#section14, body.admin-bar section#section15, body.admin-bar section#section16, body.admin-bar section#section17, body.admin-bar section#section18, body.admin-bar section#section19, body.admin-bar section#section20{ padding-top:120px;}
.cover{background-color:#f6f6f6; }
input.search-field, .widget_archive select{border:1px #ccc solid; padding:3px;}
input.search-submit, .btn_small, .read-more a{background:#e74c3c; border:none; padding:3px 10px; color:#fff; border-bottom:2px #9c261a solid; position:relative; top:-1px;}
input.search-submit:hover, .btn_small:hover, .read-more a:hover{background:#eee; border-bottom-color:#ccc; color:#e74c3c;}
/* Padding for anchor Links */

/* Admin styles */
#wpadminbar .quicklinks ul{display:inline-block;}
.buy_pro_version{position:absolute; top:-20px; right:0;}
.buy_pro_version a{background:#e74c3c; color:#fff; padding:4px 10px 3px; font-size:14px; font-weight:bold; border-bottom:dotted 2px #f2f1f1;}
.show-bg.fixedmenu .buy_pro_version{top:-10px;}
.menu{display:block;}
.success_msg, .error_msg{ padding:5px 10px; margin:10px 0;}
.success_msg{background:#CCFFCC; border:1px #006600 solid; color:#006600;}
.error_msg{background:#ffe6e6; border:1px #c00 solid; color:#c00;}
.nosidebar-page{margin-left:auto !important; margin-right:auto !important; float:none !important;}
.designatoin{font-size:18px; font-weight:bold; margin-top:0; margin-bottom:10px; opacity:0.6;}
.pricing_table{font-size:15px;}
.price_col{transition: left 0.5s;}
.pricing_table.pcol1 .price_col{width:99%;}
.pricing_table.pcol2 .price_col{width:49.5%;}
.pricing_table.pcol3 .price_col{width:33%;}
.pricing_table.pcol4 .price_col{width:24.75%;}
.pricing_table.pcol5 .price_col{width:19.75%;}
.price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0;}
.pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;}
.pricing_table .highlight{background:#e74c3c; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;}
.pricing_table .highlight .th{padding-top:20px;}
.pricing_table .highlight .tf{padding-bottom:30px;}
.pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;}
.pricing_table .tf a{background:#e74c3c; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pricing_table .tf a:hover{background-color:#2c3e50;}
.pricing_table .highlight .tf a{background-color:#2c3e50;}
.pricing_table .highlight .tf a:hover{background-color:#e74c3c;}

/* ------ Woocommerce ------- */
select.orderby{ margin:0; padding:0; height:35px; font:14x 'PT Sans', Helvetica, sans-serif; color:#4e4e4e; border:1px solid #cccccc;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#e74c3c !important;}


/* MEDIA QUERIES */
@media screen and (min-width:768px){	
	.show-bg .logo{width:215px; margin:0 auto; }
	.show-bg nav{ font-size:18px;}
	.show-bg nav ul{ margin-top:160px; width:100%;}
	.show-bg nav ul li{display:inline-block; position:relative; width:155px; height:110px; background-color:#f0b80c; margin:0 8px; }
.show-bg nav ul li:hover{background-color:#f03a50;}
/*.show-bg nav ul li:first-child{ background-image:url(../images/menu_icon_home.png); background-repeat: no-repeat; background-position: center 15px;}	*/
	.show-bg nav ul li a{padding:20px 10px 25px; background:transparent; color:#fff; display:block; text-align:center; text-transform:uppercase;} 
	.show-bg nav ul li ul{display:none; font-weight:normal; font-size:13px;}
	.show-bg nav ul li:hover ul{display:block; position:absolute; background:url(../images/menu_hover_bg.png) repeat left top; left:0; top:24px; width:160px; text-align:left; z-index:99;}
	.show-bg nav ul li:hover ul li{display:block; position:relative;}
	.show-bg nav ul li:hover ul li a, .show-bg nav ul li:hover ul li:hover ul li a{display:block; color:#fff;}
	.show-bg nav ul li.current-menu-item a, .show-bg nav ul li.current-menu-ancestor a, .show-bg nav ul li.current-menu-parent a, .show-bg nav ul li a:hover, .show-bg nav ul li:hover ul li:hover a, .show-bg nav ul li:hover ul li:hover ul li a:hover, .show-bg nav ul li ul li.current-menu-item a, .show-bg nav ul li ul li.current-menu-parent a, .show-bg nav ul li ul li.current-menu-parent ul li.current-menu-item a, .show-bg nav ul li ul li ul li.current-menu-parent a{color:#e74c3c;}
	.show-bg nav ul li:hover ul li ul{display:none;}
	.show-bg nav ul li:hover ul li:hover ul{display:block; position:absolute; left:160px; top:-1px;}
	.mobile_nav{display:none;}	
	.menu-icon{ display:block;}
	
.show-bg.fixedmenu nav ul{ margin:0; position:absolute; top:0; left:30px;}
.show-bg.fixedmenu nav ul li{ width:auto; height:auto;border-radius:0; background:transparent !important;}
.show-bg.fixedmenu nav ul li a{padding:12px 20px; }
.show-bg.fixedmenu nav ul li a:nth-last-child(3){}
.spacemenu{ width:50px;} 
.show-bg.fixedmenu nav ul li:nth-last-child(4){ padding:0 288px 0 0}
.show-bg.fixedmenu nav ul li a .menu-icon{ display:none;}
}

@media screen and (max-width:767px){
	.show-bg .logo{ float:none; display:block; text-align:center; padding-bottom:10px;}
	.show-bg nav{float:none; display:none; max-height:162px; overflow-x:hidden; overflow-y:scroll}
	.show-bg nav > ul{width:100%;}
	.show-bg nav > ul li{display:block; float:none; margin-right:0; background-image:none !important;}
	.show-bg nav > ul li a{color:#fff; padding:10px; display:block; background:url(../images/menu_hover_bg.png) repeat left top; border-bottom:1px #555 solid;}
	.show-bg nav > ul li a:hover, .show-bg nav ul li.current_page_item a, .show-bg nav ul li.current_page_item ul li a:hover{}
	.show-bg nav ul li.current_page_item ul li a{background:url(../images/menu_hover_bg.png) repeat left top transparent;}
	.show-bg nav > ul li ul{display:block;}
	.show-bg nav > ul li ul li a{padding-left:20px;}
	.show-bg nav > ul li ul li ul li a{padding-left:30px;}
	.show-bg nav > ul li ul li a:before{content:"\00BB \00A0"; }
	.mobile_nav{display:block; background:url(../images/mobile_nav_grad.png) repeat-x center center; border:1px #dadada solid;}
	.mobile_nav a{display:block; padding:10px; background:url(../images/mobile_nav_right.png) no-repeat right center;}
.pricing_table.pcol1 .price_col, .pricing_table.pcol2 .price_col, .pricing_table.pcol3 .price_col, .pricing_table.pcol4 .price_col, .pricing_table.pcol5 .price_col{width:100%; float:none; display:block;}
	.pricing_table .highlight{margin-top:10px;}
	.show-bg.fixedmenu{ height:20px !important;}
}
.control-nav, .slider-text{ display:none;}
.head_to_top{ position:absolute; width:215px; height:89px; display:block; left:567px; bottom:0; z-index:10;}
.page-icon{background-color:#f00c27; width:65px; height:65px; margin:0 auto; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; max-width:100%;}
.page-icon img{ width:44px; height:auto; padding:10px 0 0 10px;}
h1.page-title { font-weight:300; text-align:center; margin:0 auto 15px auto; padding:0; text-transform:uppercase; width:570px; border-bottom:1px solid #c9c9c9; }
.page_sub_title{ font-weight:300; padding:10px 5px; text-align:center; width:570px; margin:0 auto 25px auto; text-transform:uppercase; border:1px solid #c9c9c9; line-height:40px;}
.wrap-to-top{ /*width:190px; margin:0 auto; position:relative;*/}
.full-width{ width:100%;}
p{ line-height:24px;}
.bx-wrapper{ margin-bottom:100px;}
.team-member{ width:970px; margin:0 auto; margin-bottom:100px;}
.team-member .list-member{ float:left; width:265px; margin-right:85px; text-align:center;}
.team-member .list-member img{width: 210px;  height: 210px;  margin: 0 auto; -webkit-border-radius: 210px;-moz-border-radius: 210px; border-radius: 210px;  padding:0; }
.team-member .list-member p{ margin-bottom:10px;}
.team-member .list-member.omega{ margin-right:0px!important}
.team-member .list-member h5{font:normal 14px 'Open Sans' ; color:#f00c27; margin:5px 0;}
.team-member .list-member h6{font-size:12px;color:#929292; font-style:italic; font-weight:300; display:block; margin-bottom:15px;}
.team-member .list-member .fburl{ background: url(../images/icon_fb.jpg) no-repeat left top; display:inline-block; width:24px; height:24px;}
.team-member .list-member .twurl{ background: url(../images/icon_tw.jpg) no-repeat left top; display:inline-block; width:24px; height:24px;}


#services{ margin-top:50px;}
#services .list-sevices{ background-color:#f9f9f9; float:left; width:200px; margin:0 35px 35px 0; padding:20px; text-align:center; position:relative; box-shadow:0 3px 3px -2px #888 ; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#services .list-sevices:hover{ background-color:#f0b80c; color:#fff; cursor:pointer;}
#services .list-sevices h5{ text-transform:uppercase; font-weight:600; color:#474646; margin:0; font-size:16px;}
#services .list-sevices p{ margin:0;}
#services .list-sevices:hover h5{ color:#fff;}
#services .list-sevices.omega{ margin-right:0px;} 

{box-shadow: 0 5px 10px 20px #fff,
0 20px 20px 10px #aaa

:hover
box-shadow: 0 -15px 5px 15px #fff,
0 -4px 10px 5px #555}

/* =Blog page Css
-------------------------------------------------------------- */
#blog{}
#blog .blogposts{ float:left; width:507px; margin:0 55px 20px 0; position:relative;}
.lastblog{ margin-right:0!important;}
.date{background-color:#f00c27; position:absolute; width:100px; padding:10px; height:50px; left:204px; text-align:center; text-transform:uppercase; font-weight:300;  color:#fff; font-size:18px; }
.blog-thumbnails{width:507px; height:334px; display: block;  overflow:hidden}
.blog_post img{ display:block; width:100%; height:auto; overflow:hidden}
.cat_comments{ background-color:#f00c27; height:25px; padding:12px 15px; color:#fff; margin-bottom:15px;}
.cat_comments .cat{background:url(../images/icon_cat.png) no-repeat left top; padding:0 0 0 35px; height:26px; float:left; line-height:24px;}
.cat_comments .comnt{background:url(../images/icon_comments.png) no-repeat left top; padding:0 0 0 35px; height:26px; float:right; line-height:24px;}
.cat_comments a{ color:#fff;}
#blog .blogposts h4{ margin-bottom:0px;}
#blog .blogposts h4 a{color:#3c3c3c;}
#blog .blogposts h4 a:hover{color:#f00c27;}

.blog_post .readmore{background:url(../images/readmore_arrow.jpg) no-repeat right center; padding:0 15px 0 0; text-transform:uppercase;}
.navigation{ color:#fff; width:230px; margin:30px auto 0 auto;}
.navigation .nav-previous .meta-nav{background-color:#f00c27; width:auto; height:49px; float:left; text-align:center; line-height:49px; padding:0 10px;}
.navigation .nav-previous a{color:#fff;}
.navigation .nav-previous a:hover{color:#000;}
.navigation .nav-next .meta-nav{ background-color:#f00c27; width:auto; height:49px; float:right; text-align:center; line-height:49px; padding:0 10px;}
.navigation .nav-next a{color:#fff;}
.navigation .nav-next a:hover{color:#000;}
.navigation .meta-nav{ font-size:14px;}

.blog-header{ padding-top:20px;}
.blog-header h3.blog-title{ float:left;}
.blog-header .backbtn{ float:right; text-transform:uppercase; background-color:#f00c27; padding:10px}
.blog-header .backbtn a{color:#fff;}
.blog-header .backbtn a:hover{color:#000;}

.contact_details{ background-color:#f0f0f0; padding:20px 30px}
.contact_details h5{ text-transform:uppercase;}
.contact_details .columns.eight.form{ width:60%; margin:0; float:left; border-right:1px solid #dcdcdc; padding-right:3%;}
.contact_details .columns.eight.details{ width:33%; margin:0; float:right; }
.contact_details .columns.eight.details h6{color:#f0b80c; font-weight:500; height:24px;  margin-bottom:0px; padding:0 0 0 37px; line-height:22px;}
.contact_details .columns.eight.details p{color:#767676; margin:0 0 10px 37px; }

h6.address{background:url(../images/icon_address.png) no-repeat left top; }
h6.email{background:url(../images/icon_contact_email.png) no-repeat left top;}
h6.phone{background:url(../images/icon_contact_phone.png) no-repeat left top; }
.footer .container{ text-align:center;}
.footer .container p{ margin:0 0 5px 0; line-height:24px;}
.footer .footer-logo{ margin-bottom:10px;}

.social_icons a{background-image:url(../images/social_icon.png); background-repeat:no-repeat; width:30px; height:30px; display:inline-block; margin:0 2px 0 0}
.social_icons a.fb{background-position:0 0;}
.social_icons a.fb:hover{background-position:0 -30px;}

.social_icons a.tw{background-position:-30px 0;}
.social_icons a.tw:hover{background-position:-30px -30px;}

.social_icons a.in{background-position:-60px 0;}
.social_icons a.in:hover{background-position:-60px -30px;}

.social_icons a.gp{background-position:-90px 0;}
.social_icons a.gp:hover{background-position:-90px -30px;}

.social_icons a.pi{background-position:-120px 0;}
.social_icons a.pi:hover{background-position:-120px -30px;}

.social_icons a.yt{background-position:-150px 0;}
.social_icons a.yt:hover{background-position:-150px -30px;}

/* --- skills bar --- */
.skill-bar{ padding:50px 0;}
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; background:#c2c2c2; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; }
.skillbar-title { position:absolute; top:0; left:0; width:110px; font-weight:bold; font-size:13px; color:#ffffff; background:#000000; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.skillbar-title span { display:block; background:rgba(0, 0, 0, 0.1); padding:0 20px; height:35px; line-height:35px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.skillbar-bar { width:0; height:35px; background:#f0b80c; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skill-bar-percent { position:absolute; right:10px; top:0; font-size:15px; height:35px; line-height:35px; color:#ffffff; color:rgba(0, 0, 0, 0.4);}

.back-to-top{ position:fixed; bottom:10px; right:10px; z-index:999;}

#home #content_part section{ padding:135px 0 50px 0;}