Na}{

File Content: styles.css

/*
* Template Name: 
* Template URI: 
* Description:
* Author: 
* Author URI: 
* Version: 1.0
*/

/*---------------------------------------------------------------------- /
Table of Contents 
------------------------------------------------------------------------ /

* 1 - Imported Stylesheets
* 2 - General Styles
*   2.1 - Button Styles
*   2.2 - Social Icons
* 3 - Header
*   3.1 - Navigation One
*   3.2 - Navigation Two
* 4 - Section
*   4.1 - Section Title
* 5 - Parallax
*   5.1 - Parallax Backgrounds
* 6 - Home
* 7 - About
* 8 - Resume
*   8.1 - Timeline
* 9 - Milstone Counters
* 10 - Service Items
* 11 - Skill 
*   11.1 - Skill Chart
* 12 - Work Process
* 13 - Portfolio
*   13.1 - Isotop Transitions
*   13.2 - Portfolio Single Page
* 14 - Pricetable BG
*   14.1 - Priceing
* 15 - Blog
* 16 - Clients
*   16.1 - Testimonials
*   16.2 - Clients Logo
* 17 - Contact
* 18 - Footer
*   18.1 - Tweet List
*   18.2 - Footers Widgets
*   18.3 - Footer Social Icons
* 19 - Color Switcer   
* 20 - Preloader

------------------------------------------------------------------------ /
Table of Contents End
------------------------------------------------------------------------*/

/* 1 - Imported Stylesheets 
------------------------------------------------------------------------*/

/*@import url(metrofontpack.css); */

/* 2 - General Styles
------------------------------------------------------------------------*/
html{
    overflow-y: scroll;
    overflow-x: hidden;    
}

a ,a:hover, a:focus{ 
    text-decoration: none;
    outline:none;
}
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
hr{margin: 10px 0;}

h1, h2, h3, h4, h5, h6 {
    padding-bottom: 5px; 
    text-rendering:optimizespeed;
 }
p { 
    padding-bottom: 10px;
    line-height: 25px; 
}
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
    blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#FFFFFF; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
ul, ol{margin: 0px;}
a:focus{
    outline: none;
}
.left {
    float: left;
}
.right{
    float: right;
}
blockquote{
    background: none;
    border: none;
    font-style: normal;
}
blockquote p {
    font-size: 17.5px;
    font-weight: bold;
    line-height: 30px;
}

.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}

.bg-color-black{
	background-color: #000000;
}
.bg-color-black h2{
	color: #FFFFFF;
}

/* 2.1 - Typography
------------------------------------------------------------------------*/

body { 
    background: transparent;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px; 
    color: #8a8a8a;
    line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway",Helvetica,Arial,sans-serif;
	font-weight: normal;	
}
h1 {
    color: #fced00;
    font-size: 62px;
    line-height: 66px;
    word-spacing: 10px;
}
h2 {
    color: #000;
    font-size: 44px;
    line-height: 56px;
    word-spacing: 8px;
}
h3 {
    color: #2e2e2e;
    font-size: 20px;
    line-height: 24px;
    word-spacing: 3px;
}
h4 {
    color: #2e2e2e;
    font-size: 18px;
    line-height: 22px;
    word-spacing: 5px;
}
h5 {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    word-spacing: 5px;
}
h6 {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    word-spacing: 3px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }

/* 2.1 - Social Icons
------------------------------------------------------------------------*/

/* mt social icons */

.mt-si {
    padding: 0;
    margin: 2em 0;
    list-style: none;
    margin-left: 28px;
}
.mt-si li { 
	display:inline-block; 
	padding:0; 
	margin-bottom: 3px; 
}

/* Social Icon Circuler Style*/
.sis-circle li a {
	border-radius: 50%;
	border: 2px solid #ffffff; 
}

.sis-box li a {
	border-radius: 10%;
	border: 2px solid #ffffff; 
}
/* Social Icon Size 32px & 64px */
.sis-32 li a{
	height: 32px;
	width: 32px;
	line-height: 32px;
}

.sis-64 li a {
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.mt-si li a {
    color: #FFFFFF;
    background: transparent;
    display: block;
    font-family: 'fontello';
    font-size: 15px;
    margin: 0 1.1em 0.2em 0;
    padding: 0;
    text-align: center;
}

.mt-si li a.facebook:before { content: '\e800'; }
.mt-si li a.twitter:before { content: '\e801'; }
.mt-si li a.flickr:before { content: '\e810'; }
.mt-si li a.rss:before { content: '\e80b'; }
.mt-si li a.dribble:before { content: '\e806'; }
.mt-si li a.lastfm:before { content: '\e80a'; }
.mt-si li a.linkedin:before { content: '\e802'; }
.mt-si li a.vimeo:before { content: '\e80c'; }
.mt-si li a.google:before { content: '\e84d'; }
.mt-si li a.forrst:before { content: '\e80d'; }
.mt-si li a.skype:before { content: '\e812'; }
.mt-si li a.picassa:before { content: '\e8e0'; }
.mt-si li a.youtube:before { content: '\e813'; }
.mt-si li a.tumblr:before { content: '\e815'; }
.mt-si li a.behance:before { content: '\e868'; }
.mt-si li a.blogger:before { content: '\e80f'; }
.mt-si li a.delicious:before { content: '\e80f'; }
.mt-si li a.digg:before { content: '\e807'; }
.mt-si li a.friendfeed:before { content: '\e867'; }
.mt-si li a.github:before { content: '\e805'; }
.mt-si li a.wordpress:before { content: '\e816'; }
.mt-si li a.pinterest:before { content: '\e804'; } 
.mt-si li a.instagram:before { content: '\e808'; }

/* social icon hovers */
.mt-si li a.facebook:hover { 
    background-color:#3c5fac;
    border-color: #3c5fac; 
}
.mt-si li a.twitter:hover  { 
    background-color:#5ec3df; 
    border-color: #5ec3df; 
}
.mt-si li a.flickr:hover  { 
    background-color:#FF0084; 
    border-color: #FF0084; 
}
.mt-si li a.rss:hover  { 
    background-color:#ff9900; 
    border-color: #ff9900; 
}
.mt-si li a.dribble:hover  { 
    background-color:#EA4C89; 
    border-color: #EA4C89; 
}
.mt-si li a.lastfm:hover  { 
    background-color:#D51007; 
    border-color: #D51007; 
}
.mt-si li a.linkedin:hover  { 
    background-color:#2089b5; 
    border-color: #2089b5; 
}
.mt-si li a.vimeo:hover  { 
    background-color:#0dadd6; 
    border-color: #0dadd6; 
}
.mt-si li a.google:hover  { 
    background-color:#c63d2d; 
    border-color: #c63d2d; 
}
.mt-si li a.forrst:hover  { 
    background-color:#5b9a68; 
    border-color: #5b9a68; 
}
.mt-si li a.skype:hover  { 
    background-color:#00aff0; 
    border-color: #00aff0; 
}
.mt-si li a.picassa:hover  { 
    background-color:#ffd34e; 
    border-color: #ffd34e; 
}
.mt-si li a.youtube:hover  { 
    background-color:#c8312b; 
    border-color: #c8312b; 
}
.mt-si li a.pinterest:hover  { 
    background-color:#cb2027; 
    border-color: #cb2027; 
}
.mt-si li a.tumblr:hover  { 
    background-color: #2C4762;
    border-color: #2C4762; 
}
.mt-si li a.behance:hover  { 
    background-color: #3878F6;
    border-color: #3878F6; 
}
.mt-si li a.blogger:hover  { 
    background-color: #fc9947;
    border-color: #fc9947; 
}
.mt-si li a.delicious:hover  { 
    background-color: #3274d1;
    border-color: #3274d1; 
}
.mt-si li a.digg:hover  { 
    background-color: #205891;
    border-color: #205891; 
}
.mt-si li a.friendfeed:hover  { 
    background-color: #2f72c4;
    border-color: #2f72c4; 
}
.mt-si li a.github:hover  { 
    background-color: #000000;
    border-color: #FFFFFF; 
}
.mt-si li a.wordpress:hover  { 
    background-color: #0083b3;
    border-color: #0083b3; 
}
.mt-si li a.instagram:hover  { 
    background-color:#3f729b; 
    border-color: #3f729b; 
}

/* Social Icon Solid */
.mt-si-solid { 
	padding:0; 
	margin:2em 0; 
	list-style:none;  
}
.mt-si-solid li { 
	display:inline-block; 
	padding:0; 
	margin-bottom: 3px; 
}
.mt-si-solid li a { 
    color: #FFFFFF;
    display: block;
    font-family: 'fontello';
    font-size: 18px;
    margin: 0 0.1em 0.2em 0;
    padding: 0;
    text-align: center;
    border: none;
}

.mt-si-solid li a.facebook:before { content: '\e800'; }
.mt-si-solid li a.twitter:before { content: '\e801'; }
.mt-si-solid li a.flickr:before { content: '\e810'; }
.mt-si-solid li a.rss:before { content: '\e80b'; }
.mt-si-solid li a.dribble:before { content: '\e806'; }
.mt-si-solid li a.lastfm:before { content: '\e80a'; }
.mt-si-solid li a.linkedin:before { content: '\e802'; }
.mt-si-solid li a.vimeo:before { content: '\e80c'; }
.mt-si-solid li a.google:before { content: '\e84d'; }
.mt-si-solid li a.forrst:before { content: '\e80d'; }
.mt-si-solid li a.skype:before { content: '\e812'; }
.mt-si-solid li a.picassa:before { content: '\e8e0'; }
.mt-si-solid li a.youtube:before { content: '\e813'; }
.mt-si-solid li a.tumblr:before { content: '\e815'; }
.mt-si-solid li a.behance:before { content: '\e868'; }
.mt-si-solid li a.blogger:before { content: '\e80f'; }
.mt-si-solid li a.delicious:before { content: '\e80f'; }
.mt-si-solid li a.digg:before { content: '\e807'; }
.mt-si-solid li a.friendfeed:before { content: '\e867'; }
.mt-si-solid li a.github:before { content: '\e805'; }
.mt-si-solid li a.wordpress:before { content: '\e816'; }
.mt-si-solid li a.pinterest:before { content: '\e804'; } 
.mt-si-solid li a.instagram:before { content: '\e808'; }

.mt-si-solid li a.facebook { background-color:#3c5fac; }
.mt-si-solid li a.twitter { background-color:#5ec3df; }
.mt-si-solid li a.flickr { background-color:#FF0084; }
.mt-si-solid li a.rss { background-color:#ff9900; }
.mt-si-solid li a.dribble { background-color:#EA4C89; }
.mt-si-solid li a.lastfm { background-color:#D51007; }
.mt-si-solid li a.linkedin { background-color:#2089b5; }
.mt-si-solid li a.vimeo { background-color:#0dadd6; }
.mt-si-solid li a.google { background-color:#c63d2d; }
.mt-si-solid li a.forrst { background-color:#5b9a68; }
.mt-si-solid li a.skype { background-color:#00aff0; }
.mt-si-solid li a.picassa { background-color:#ffd34e; }
.mt-si-solid li a.youtube { background-color:#c8312b; }
.mt-si-solid li a.pinterest { background-color:#cb2027; }
.mt-si-solid li a.tumblr { background-color: #2C4762; }
.mt-si-solid li a.behance { background-color: #3878F6; }
.mt-si-solid li a.blogger { background-color: #fc9947; }
.mt-si-solid li a.delicious { background-color: #3274d1; }
.mt-si-solid li a.digg { background-color: #205891; }
.mt-si-solid li a.friendfeed { background-color: #2f72c4; }
.mt-si-solid li a.github { background-color: #000; }
.mt-si-solid li a.wordpress { background-color: #0083b3; }
.mt-si-solid li a.instagram { background-color:#3f729b; }

/* 2.2 - Body
------------------------------------------------------------------------*/
body{
    background-color: #000;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* 2.2 - gallery-section
------------------------------------------------------------------------*/

.gallery-section{
    padding-top: 30px;
}
.gallery-items {
    position: relative;
    height: 405px;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.item-image{
    width: 100%;
    display: block;
    z-index: 9; 
}
.item-content{
    position: relative;
}
.item-content::before {
    border-color: transparent transparent #fff transparent;
}
.item-content::before {
    content: '';
    height: 0;
    width: 0;
    border-width: 12px 12px 12px 12px;
    border-style: solid;
    position: absolute;
    top: -24px;
    margin-left: 40px;
}
.item-content h2{
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    margin: 0px 40px 5px 40px;
    padding-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    border-bottom: 1px solid #2b2b2b;
}
.item-content p{
    color: #555;
    line-height: 1.5;
    font-style: italic;
    padding: 14px 40px 0 40px;
}

.view-more{
    line-height: 1.5;
    font-style: italic;
    padding: 14px 40px 0 40px;
    padding-bottom: 35px;
}
.view-more a{
    color: #8d8d8d;
    font-style: italic;
    font-size: 12px;
}
.view-more a:hover{
    color: #2b2b2b;
}

/* 2.2 - Gallery Inners Section
------------------------------------------------------------------------*/

.inner-gallery{
    background-color: #ffffff;
    padding: 40px;
    margin-top: 50px;
}

.inner-gallery h2{
    font-size: 18px;
    font-weight: 700;
    margin: 0px 40px 5px 40px;
    margin-right: 40px;
    margin-left: 40px;
    padding-top: 32px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    border-bottom: 1px solid #2d2d2d;
}

/* 2.2 - Gallery inner-image-section
------------------------------------------------------------------------*/

.inner-image-section{
    margin-top: 20px;
}

/* 2.2 - Service-section
------------------------------------------------------------------------*/

.service-section, .contact-section{
    padding-top: 30px;
}

.service-items, .contact-items{
    position: relative;
    height: 405px;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.service-is, .contact-is{
    width: 100%;
    display: block;
    z-index: 9;
}
.service-cs, .contact-cs{
    position: relative;
}
.service-cs::before, .contact-cs::before{
    border-color: transparent transparent #fff transparent;
}
.service-cs::before, .contact-cs::before{
    content: '';
    height: 0;
    width: 0;
    border-width: 12px 12px 12px 12px;
    border-style: solid;
    position: absolute;
    top: -24px;
    margin-left: 40px;
}
.service-cs h2, .contact-cs h2{
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    margin: 0px 40px 5px 40px;
    padding-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    border-bottom: 1px solid #2b2b2b;
}
.service-cs p , .contact-cs p{
    color: #555;
    line-height: 1.5;
    font-style: italic;
    padding: 14px 40px 0 40px;
}

.service-offer, .contact-form{
    position: relative;
    height: 405px;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.service-offer-image{
    position: relative;
}
.service-offer-image a img {
    height: 405px;
}
.service-offer-content, .contact-form-title {
    position: absolute;
    top: 0;
    left: 50%;
}
.service-offer-content h2, .contact-form-title h2{
    font-size: 18px;
    font-weight: 700;
    margin: 0px 40px 5px 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    border-bottom: 1px solid #2d2d2d;
    color: #2d2d2d;
}
.service-offer-content h4{
    font-size: 15px;
    font-weight: 600;
    padding: 14px 40px 0 40px;
    margin-bottom: -6px;
    color: #555;
}
.service-offer-content p{
    line-height: 1.5;
    font-style: italic;
    padding: 14px 40px 0 40px;
    color: #555;
}
.service-offer-content::before, .service-offer-content::before {
    border-color: transparent #fff transparent transparent;
}
.service-offer-content::before {
    content: '';
    height: 0;
    width: 0;
    border-width: 12px 12px 12px 12px;
    border-style: solid;
    position: absolute;
    margin-top: 40px;
    left: -77px;
}

/* 2.2 - Contact-section
------------------------------------------------------------------------*/
.contact-cs p a {
    color: #8d8d8d;
}

.contact-form-title h2{
    font-size: 18px;
    font-weight: 700;
    margin: 0px 40px 5px 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    border-bottom: 1px solid #2d2d2d;
    color: #2d2d2d;
}
input[type="text"], input.text, input.title, textarea, select {
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    padding: 10px;
    color: #555;
    width: 195px;
    border: none;
    border-bottom: 1px solid #8d8d8d;
}
.form-text, .commenta {
    margin-left: 40px;
}
input.submit {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: -50px;
    right: 28px;
    border: 0px;
    font-size: 12px;
    background: none;
    cursor: pointer;
}

Name	Size	Permission
colors	---	0755
fontello	---	0755
responsive.css	0 bytes	0644
styles.css	16735 bytes	0644