/*-----------------------------------------------------------------------------------

	Theme Name: Promotion
	Theme URI: http://themeforest.net/user/PixFlow
	Description: <strong>Flexible and Responsive Resume Theme by PixFlow</strong> - Update notifications available on twitter and facebook:<br/> <a href='http://twitter.com/pixflow'>Follow us on twitter</a><br/> - <a href='https://www.facebook.com/pages/PixFlow/107145602731642'>Join the Facebook Group</a>
	Author: PixFlow
	Author URI: http://www.pixflow.net
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.7
	Tags: white, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, full-width-template, theme-options, translation-ready, resume, CV
    Text Domain: TEXTDOMAIN
	Designed & Handcrafted by PixFlow
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	X.	CSS Normalize & Local Font Files
/*-----------------------------------------------------------------------------------*/

@import url(assets/css/normalize.css);
@import url(assets/css/icomoon.css);
@import url(assets/css/elegant.css);

@font-face {
    font-family: 'FontAwesome';
    src: url('assets/fonts/fontawesome-webfont.eot?v=3.2.0');
    src: url('assets/fonts/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('assets/fonts/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('assets/fonts/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('assets/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Element Styles
/*-----------------------------------------------------------------------------------*/

body
{
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.54em;
    color: #5d5d5d;
    background-color: #ffffff;
}

img
{
    height:auto;
    /* Fix for problem with moving images on hover */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}

a img{
    vertical-align: top;
}

/* Paragraph */

p{
    margin:5px 0 10px;
}

/* List */

ul li ul,
ol li ol{
    margin-left: 15px;
}

/* hr */

hr{
    display: inline-block;
    height:1px;
    background-color: #bdbdbd;
    border: 0;
    margin: 30px 0;
}


/* Anchor */

a{
    color: #db3205;
    text-decoration: none;
    font-size: 13px;

    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    transition:color .3s;
}

a:hover{
    color:#333;
}

/* Block quote */

blockquote
{
    color: #5d5d5d;
    font-family: "oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    padding: 10px 20px;
    position: relative;
    margin: 0;
    text-transform: uppercase;
}

blockquote p
{
    margin:0;
}

/* Headings */

h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    line-height: 1.25em;
    margin:0;
    color: #2f2f2f;
    font-family: 'Oswald',sans-serif;
}

h1{ font-size: 76px; }

h2{ font-size: 32px; }

h3{ font-size: 30px; }

h4{ font-size: 27px; }

h5{ font-size: 25px; }

h6{ font-size: 20px; }

/* Text Selection */

::-moz-selection {
    background: #ff1503; /* Firefox */
    color: #FFF;
}
::selection {
    background: #ff1503; /* Safari */
    color: #FFF;
}

/* Forms */

input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus { -moz-outline: 0; outline:0; }

.button,
form input[type="submit"]
{
    cursor: pointer;
    margin: 0;
    padding: 8px 20px;
    font-weight: 300;
    line-height: 14px;
    font-size: 15px;
    background-color: #DB3205;


    -webkit-transition:background-color .1s, color .3s;
    -moz-transition:background-color .1s, color .3s;
    -o-transition:background-color .1s, color .3s;
    transition:background-color .1s, color .3s;
}

form input[type="submit"]{
    border: 1px solid #db3205;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    color: #FFFFFF;
    background-color: #DB3205;
}

form input[type="submit"]:hover,
form input[type="submit"]:active{
    background-color:transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}


.button
{
    display: inline-block;
}

.button2{
    background-color:transparent;
    border:1px solid #db3205;
    color:#db3205;
}

.button1{
    background-color:#db3205;
    color:#FFF;
}

.button1:hover
{
    text-decoration: none;
    background-color:#838383;
    color:#FFF;
}

.button-small
{
    height:32px;
    line-height:32px;
    padding:0 10px;
    font-size: 13px;
}

.button-large
{
    height:43px;
    line-height:43px;
    padding:0 31px;
    font-size: 18px;
}




/*-----------------------------------------------------------------------------------*/
/*	X.	Common Classes
/*-----------------------------------------------------------------------------------*/

/* Animation */

.js-enabled .animation-appear{
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);

    -webkit-transition: -webkit-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
    -moz-transition: -moz-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
    -ms-transition: -ms-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
    -o-transition: -o-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
    transition: transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
}

.js-enabled .animation-appear.start-animation{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* Colors */

.color-accent-background
{
    background-color:#ff1503;
}

.color-accent-foreground
{
    color:#ff1503;
}

.color-alt-main-background
{
    background-color: #ededed;
}

/*Used to pad content container*/

.container-vspace{
    padding-bottom:50px;
    padding-top:50px
}

/* Responsive video container */

.video-frame
{

    margin-bottom:20px;
    overflow:hidden;
    padding-bottom:50%;
    position:relative
}

.video-frame iframe
{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}

.js-enabled .video-frame
{
    height:auto;
    overflow:visible;
    padding-bottom:0;
    position:static;
}

.js-enabled .video-frame iframe
{
    height:100%;
    position:static;
    width:100%;
    left:auto;
    top:auto;
}

.portfolio-media .media-content .video-frame iframe, .post-content .video-frame iframe
{
    min-height: 500px;
}

/* Float */

.float-right{
    float:right !important;
}

/* Visibility */

.visible-phone
{
    display:none!important
}

.visible-tablet
{
    display:none!important
}

.hidden-desktop
{
    display:none!important
}

.hidden
{
    display:none
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

/* FlexSlider */

.flexslider ul{
    list-style: none;
    padding: 0;
}

/* seprator */
.separator{
    background-color: #CC3333;
}

.media-separator{
    width: 36px;
    height: 5px;
    margin: 10px 0 8px;
}

/* WP Classes */

.alignleft {
    float: left;
    margin-right: 10px;
}

.alignright {
    float: right;
    margin-left: 10px;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: table;
    clear: both;
}

.wp-caption { }
.wp-caption-text{}
.sticky .title{background: url(assets/img/Sticky.png)no-repeat scroll 0 4px; padding-left: 19px;}
.gallery-caption { margin-left: 0; }
.bypostauthor{}

/*-----------------------------------------------------------------------------------*/
/*	X.	Forms & contact form 7 style
/*-----------------------------------------------------------------------------------*/

.wpcf7-form p{
    font-size: 12px;
}

.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"],
.input-text input[type="text"]{
    border:1px solid #838383;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color:#5d5d5d;
    line-height:34px;
    height: 34px;
    padding:0 3%;
    width:94%;
}

.wpcf7-form-control-wrap textarea,
.input-textarea textarea{
    border-left:1px solid #838383;
    border-right:1px solid #838383;
    border-bottom: 1px solid #838383;
    border-top: none;
    padding:10px 3%;
    color:#5d5d5d;
    width:94%;
    max-width: 94%;
    min-width: 94%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/* CF7 Style */

.wpcf7-form-control-wrap{
    display: block;
}

span.wpcf7-not-valid-tip-no-ajax{
    position: absolute;
    top:50%;
    right:1%;
    color: #1f3642;
    width:13px;
    height:20px;
    display: block;
    overflow: hidden;
    margin-top:-10px;
}

div.wpcf7-validation-errors{
    color: #1f3642;
    border: none;
    font-size: 14px;
    font-weight: 400;
}

div.wpcf7-response-output{
    margin:0;
    padding:10px 0;
}
.form-textarea p{
    margin: 0;
}

.contact-page{
    padding: 55px 0;
}

.contact-page .px-form-name input[type="text"],
.contact-page .px-form-email input[type="email"],
.contact-page .px-form-message textarea{
    background:none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color:#ffffff;
    border:1px solid #ffffff;
}

.contact-page .px-form-email input[type="email"],
.contact-page .px-form-message textarea{
    border-top: none;
}

.contact-page .px-form-message textarea{
    margin-bottom: 12px;
}

.contact-page .px-form-name input[type="text"]::-webkit-input-placeholder,
.contact-page .px-form-email input[type="email"]::-webkit-input-placeholder,
.contact-page .px-form-message textarea::-webkit-input-placeholder{
    color: #ffffff;
}

.contact-page .px-form-name input[type="text"]::-moz-placeholder,
.contact-page .px-form-email input[type="email"]::-moz-placeholder,
.contact-page .px-form-message textarea::-moz-placeholder{
    color: #ffffff;
}

.contact-page .px-form-name input[type="text"]:-moz-placeholder,
.contact-page .px-form-email input[type="email"]:-moz-placeholder,
.contact-page .px-form-message textarea:-moz-placeholder{
    color: #ffffff;
}

.contact-page .px-form-name input[type="text"]::-ms-input-placeholder,
.contact-page .px-form-email input[type="email"]::-ms-input-placeholder,
.contact-page .px-form-message textarea::-ms-input-placeholder{
    color: #ffffff;
}

.contact-page .px-form-submit input[type="submit"]{
    font-size: 14px;
    font-weight: 400;
}

span.wpcf7-not-valid-tip{
    position: absolute;
    right: 8px;
    top: 10px;
    background: url("assets/img/form-error.png") no-repeat right center;
    text-indent: -99999px;
    width: 14px;
    height: 14px;
}

.contact-form .wpcf7-validation-errors{
    color: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Layout Elements & mobile navigation
/*-----------------------------------------------------------------------------------*/
.layout {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    background-color: #ffffff;

    -webkit-transition: -webkit-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: -moz-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: -o-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: -ms-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
/*Detected by JS*/
.px-translate3d.pushed-left .layout{
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    left:0;
}

.pushed-left .layout{
    left:-260px;
}

.layout .main-content{
    -webkit-transform: inherit;
    -moz-transform:inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;

    -webkit-transition:all .45s ;
    -moz-transition:all .45s ;
    -ms-transition:all .45s ;
    -o-transition:all .45s ;
    transition:all .45s ;

}



/* Navigation Button inside header */

header .navigation-button{
    display: block;
    width: 32px;
    height:32px;
    text-align: center;
    text-decoration: none;
    position: relative;
    top:50%;
    margin-top: -15px;
    float:right;
    color: #ffffff;
}

header .navigation-button:hover{
    color: #DB3205;
}

header .navigation-button span{
    line-height: 32px;
    font-size: 32px;
}

/* Mobile Navigation */

.navigation-mobile{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 210px;
    padding: 0 25px;
    background-color: #0c0c0c;
    overflow: hidden;
    display: none;
    z-index: 1;
}

.navigation-mobile ul{
    list-style: none;
    margin:0;
}

.navigation-mobile li{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9em;
    padding: 15px 0;
    border-bottom: 1px dotted #3a3a3a;
}
.navigation-mobile .sub-menu li{
    border-bottom: none;
    padding: 3px 0;
}

.navigation-mobile li a{
    padding: 15px 0;
}

.navigation-mobile .sub-menu li a{
    padding: 3px 0;
    color: #5a5a5a;
}

.navigation-mobile ul ul{
    /*padding-left: 15px;*/
}

.navigation-mobile > ul{
    padding:0;
    margin-top: 100px;
}

.navigation-mobile a{
    color: #dfdfdf;
    text-decoration: none;
}

.navigation-mobile a:hover{
    color: #FFF;
}

.navigation-close{
    cursor: pointer;
    position: absolute;
    right:15px;
    top:55px;
    font-size: 27px;
    color: #ffffff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.navigation-close:hover{
    color: #FFF;
}


/*-----------------------------------------------------------------------------------*/
/*	X.	Grid
/*-----------------------------------------------------------------------------------*/

[class*="span"]
{
    float:left;
    margin-left:20px
}

.clearfix
{
    zoom:1
}

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

.clearfix:after
{
    clear:both
}

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

.row:after
{
    clear:both
}

.container,
.max-container
{
    margin-left:auto;
    margin-right:auto;
    width:940px;
    zoom:1
}

.max-container{
    width:95%;
}

.section{
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
}

.container:before,.container:after,
.max-container:before,.max-container:after
{
    content:"";
    display:table
}

.container:after,
.max-container:after
{
    clear:both
}

.relative
{
    position:relative
}

.container
{
    width: 940px;
}

[class*="span"] {
    margin-left: 2.12766%;
}

[class*="span"]:first-child {
    margin-left: 0;
}

.span1 {
    width: 6.38298%;
}

.span2 {
    width: 14.89362%;
}

.span3 {
    width: 23.40426%;
}

.span4 {
    width: 31.91489%;
}

.span5 {
    width: 40.42553%;
}

.span6 {
    width: 48.93617%;
}

.span7 {
    width: 57.44681%;
}

.span8 {
    width: 65.95745%;
}

.span9 {
    width: 74.46809%;
}

.span10 {
    width: 82.97872%;
}

.span11 {
    width: 91.48936%;
}

.span12 {
    width: 100%;
}

.offset1 {
    margin-left: 10.6383%;
}

.offset1:first-child {
    margin-left: 8.51064%;
}

.offset2 {
    margin-left: 19.14894%;
}

.offset2:first-child {
    margin-left: 17.02128%;
}

.offset3 {
    margin-left: 27.65957%;
}

.offset3:first-child {
    margin-left: 25.53191%;
}

.offset4 {
    margin-left: 36.17021%;
}

.offset4:first-child {
    margin-left: 34.04255%;
}

.offset5 {
    margin-left: 44.68085%;
}

.offset5:first-child {
    margin-left: 42.55319%;
}

.offset6 {
    margin-left: 53.19149%;
}

.offset6:first-child {
    margin-left: 51.06383%;
}

.offset7 {
    margin-left: 61.70213%;
}

.offset7:first-child {
    margin-left: 59.57447%;
}

.offset8 {
    margin-left: 70.21277%;
}

.offset8:first-child {
    margin-left: 68.08511%;
}

.offset9 {
    margin-left: 78.7234%;
}

.offset9:first-child {
    margin-left: 76.59574%;
}

.offset10 {
    margin-left: 87.23404%;
}

.offset10:first-child {
    margin-left: 85.10638%;
}

.offset11 {
    margin-left: 95.74468%;
}

.offset11:first-child {
    margin-left: 93.61702%;
}

.offset12 {
    margin-left: 104.25532%;
}

.offset12:first-child {
    margin-left: 102.12766%;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Page Loader
/*-----------------------------------------------------------------------------------*/

.page-loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    Height:100% !important;
    z-index:199;
    background-color: #ffffff;

}

.page-loader.first-loader{
    z-index: 350;
    background-color: #0b0b0b;
}

.page-loader .text{
    display: none;
}

.page-loader.first-loader .text{
    display: block;
    color: #ffffff;
}

.page-loader .text .job-title{
    color:rgba(78, 78, 78, 1);
    font-size: 17px;
    top: 48px;
    left: 48px;
    position: absolute;
}

.page-loader .text .name{
    color:#1f1f1f;
    font-size: 83px;
    line-height:110px;
    top: 62px;
    left: 48px;
    position: absolute;
}

/*loader Animation*/
@-webkit-keyframes loading {
    from {
        max-width: 0;
    }
}
@-moz-keyframes loading {
    from {
        max-width: 0;
    }
}
@-ms-keyframes loading {
    from {
        max-width: 0;
    }
}
@keyframes loading {
    from {
        max-width: 0;
    }
}
.page-loader .text .name:before {
    content: attr(data-content);
    position: absolute;
    overflow: hidden;
    max-width: 100%;
    color: #DB3205;
    -webkit-animation: loading 4s linear normal;
    -moz-animation: loading 4s linear normal;
    -ms-animation: loading 4s linear normal;
    animation: loading 4s linear normal;

}

/*page loader between pages*/
.page-loader .spinner{
    display: none;
}

.page-loader.second-loader .spinner{
    display: block;
}

.page-loader .spinner {
    margin: 25% auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;

    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.page-loader .dot1,
.page-loader .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.09);
    border-radius: 100%;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.page-loader .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Header
/*-----------------------------------------------------------------------------------*/
header{
    position: absolute;
    width:100%;
    font-weight: 400;
    height: 390px;
    min-height: 220px;
    z-index: 200;
    display: none;
    background: transparent url("assets/img/1pixel.png") repeat-x;
}


.logo{
    height:170px;
    overflow:hidden;
}

.logo a{
    display:inline-block;
    height:100%;
}

.logo .job-title,
.logo .name,
.logo .name-small,
.navigation .title,
.navigation .subtitle,
.page-loader.first .job-title,
.page-loader.first .name{
    font-family: 'Oswald', sans-serif;
}

.logo .job-title,
.logo .name,
.logo .name-small,
.navigation,
.page-loader.first .job-title,
.page-loader.first .name{
    position:absolute;
}

.logo .job-title{
    color:#e74444;
    font-size: 17px;
    top: 48px;
}

.logo .name{
    color:#faf6f5;
    font-size: 83px;
    line-height:83px;
    top: 75px;
}

.logo .name-small{
    color:#faf6f5;
    font-size: 29px;
    line-height: 29px;
    right: 42px;
    top: 220px;
    visibility: hidden;
}

.logo .name-small img{
    max-width: 100px;
    max-height: 100px;
}

/* Logo Image */
header .logo img
{
    -webkit-transition:height 0.3s, max-height 0.3s;
    -moz-transition:height 0.3s, max-height 0.3s;
    -o-transition:height 0.3s, max-height 0.3s;
    transition:height 0.3s, max-height 0.3s;
}

header .logo img
{
    max-height: 100%;
    width: auto;
    display: block;
}

.navigation{
    top: 200px;
}

.navigation ul{
    list-style:none;
    padding:0;
    margin: 10px 0;
}

.navigation ul li{
    float:left;
    margin-right: 62px;
    padding-left: 20px;
    border-left: 1px solid #fff;
    position: relative;
	cursor:pointer;
}

.navigation ul li:first-child{
    padding-left:0;
    border-left: none;
}

.navigation .title,
.navigation .subtitle{
    color:#faf6f5;
    display: block;
    line-height: 20px;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color.3s;
    transition:color .3s;
}

.navigation li:hover .title{
    color: #DB3205;
}

.navigation li:hover .subtitle{
    color: #505050;
}

.navigation .title{
    font-size:16px;
    margin-bottom: 4px;
}

.navigation .subtitle{
    font-size:12px;
}

/* styling header of all pages except home and resume */
.page .logo .name-small{
    right: 42px;
    top: 220px;
    visibility: visible;
}

body[class*="home-page-php"] header,
body[class*="resume"] header{
    top: 0;
}

body[class*="home-page-php"] .logo .job-title,
body[class*="resume"] .logo .job-title{
    top: 48px;
}

body[class*="home-page-php"] .logo .name,
body[class*="resume"] .logo .name{
    top: 75px;
}

body[class*="home-page-php"] .logo .name-small,
body[class*="resume"] .logo .name-small{
    right: 72px;
    top: -172px;
    visibility: hidden;
}


/* End of styling header of all pages except home and resume */

header .navigation li ul
{
    font-size: 14px;
    display:none;
    left:0;
    top: 100%;
    position:absolute;
    z-index:100;
    border:1px solid #ffffff;
	background-color: rgba( 0, 0, 0, 0.2 );
	margin-top: 26px;
	width: 195px;
}

header .navigation > ul > li > ul
{
    margin-top:15px;
	margin-left:20px;
    overflow:hidden;
}

header .navigation li:hover > ul{
    display:block
}

header .navigation li li
{
    display:block;
    float:none;
    margin:0;
    padding-left: 0;
    min-width:175px;
    border: none;
}

header .navigation li li:hover{
    background-color: #ffffff;
}

header .navigation li li:hover a{
    color:#000;
}

header .navigation li li> a{
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    display: block;
    line-height:18px;
    font-size: 14px;
    margin:0;
    white-space: nowrap;
	text-transform: uppercase;
	padding: 5px;
	transition:none;
}

header .navigation li li ul
{
    padding-top:0;
    left:101%;
    top:0;
}


/**** Search form ****/
header .search-template{
    display:none;
    opacity:0;
}

header .search-template input[type="submit"]{
    display: none;
}

header .menu-item-search{
    min-height:44px;
}

header .menu-item-search #search-button{
    margin-top:11px;
    display:block;
}

header .menu-item-search a{
    font-size:17px;
    display: block;
    margin-top: 0px;
    color:#faf6f5;
}

header .menu-item-search fieldset{
    border:none;
    padding:0;
    margin:0;
}

header .menu-item-search input[type="text"]{
    background:none;
    border:none;
    padding:0;
    min-width:150px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color:#faf6f5;
}

header .menu-item-search input[type="text"]:focus{
    outline:none;
}

.menu-item-search input[type="text"]::-webkit-input-placeholder {
    color:#E7E0DE;
}

.menu-item-search input[type="text"]:-moz-placeholder { /* Firefox 18- */
    color:#faf6f5;
}

.menu-item-search input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
    color:#faf6f5;
}

.menu-item-search input[type="text"]:-ms-input-placeholder {
    color:#faf6f5;
}

.menu-item-search .cursor{
    font-size: 60px;
    width:15px;
    border-bottom: 3px solid #fff;
    height: 10px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Home
/*-----------------------------------------------------------------------------------*/
body[class*="home-page-php"]{
    background-color: #111111;
}


body[class*="home-page-php"] .layout{
    background-color: transparent;
}

body[class*="home-page-php"] .background{
	position:absolute;
	z-index: -200;
}

body[class*="home-page-php"] .overlay,
.home-background{
	position:fixed;
	z-index: -50;
	width:100%;
	height: 100%;
    top: 0;
}

body[class*="home-page-php"] .biography{
	padding-left:50px;
    margin-top: 420px;
}

body[class*="home-page-php"] .biography p{
    /*width: 50%;*/
}

body[class*="home-page-php"] .biography .image{
	float:left;
    width: 121px;
    height: 121px;

    border: 5px solid rgba(0, 0, 0, 0.2);
}

body[class*="home-page-php"] .biography .image img{
	display:block;
    width: 100%;
    height: 100%;
}

body[class*="home-page-php"] .biography .image,
body[class*="home-page-php"] .biography .image img{
	border-radius:50%;
}

body[class*="home-page-php"] .biography .content{
	padding-left: 166px;
	padding-top: 3px;
}

body[class*="home-page-php"] .biography .title{
	color:#faf6f5;
	font-size: 22px;
	line-height:22px;
	text-transform: uppercase;
	margin-bottom: 10px;
    display: inline-block;
}

body[class*="home-page-php"] .biography .separator{
	width:31px;
	height:4px;
	margin-bottom: 7px;
}

body[class*="home-page-php"] .biography p{

    font-size:14px;
    color:rgba(255,255,255,1.0);
	margin-bottom: 27px;
    font-weight: 300;
    display: block;
	text-shadow: 1px 1px black;

}
body[class*="home-page-php"] .biography .signature{
    display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget-area{
    padding-bottom: 50px;
    margin-top: 80px;
}

.widget-area .widget-title{
    color: #232323;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 4px;

    border-bottom: 1px solid #acacac;
    -moz-border-bottom: 1px solid #acacac;
    -webkit-border-bottom: 1px solid #acacac;
}

.widget-area hr{
    background-color: #303030;
    margin: 0;
    height: 3px;
    position: absolute;
    width: 43px;
    top: 26px;
    display: none;
}

.widget-area .widget{
    margin-bottom:26px;
    position: relative;
}

.widget-area .widget img{
    max-width: 100%;
}

.widget-area .widget:last-child{
    margin-bottom:0
}

.widget-area a{
    font-size:12px;
    font-weight:400;
    color:#949494;
    text-decoration: none;
}

.widget-area a:hover{
    color:#dc6555;
}

/* text widget */
.widget-area .textwidget{
    font-size: 13px;
    line-height: 20px;
}

/* Search */

.widget-area .search-form{
    max-width:300px
}

.widget-area .search-form fieldset{
    border:0;
    margin:0;
    padding: 0;
}

.widget-area .search-form form{
    padding: 10px 52px 10px 10px;

    position: relative;

    border:1px solid #929292;
    border-right: none;
}

.widget-area .search-form input[type="text"]{
    width:100%;
    min-width: 150px;
    background: none;
    border:none;
    color:#666;
    font-weight: 300;
    font-size: 14px;
}

.widget-area .search-form input[type="submit"]{
    position: absolute;
    right:0;
    top:0;
    width:29px;
    padding:0;
    height:100%;
    background-size: 18px 18px;
    border:none;
    background-color: #989898;
}


.widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #838383;
}
.widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #838383;
    opacity: 1;
}
.widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #838383;
    opacity: 1;
}
.widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #838383;
}

.widget-area .search-form form{
    background-color: #FFFFFF;
    padding: 2px 42px 2px 10px;

    border: 1px solid #929292;
    -moz-border: 1px solid #929292;
    -webkit-border: 1px solid #929292;
}

.widget-area .search-form input[type="text"]{
    color: #5d5d5d;;
}


.widget-area .search-form input[type="submit"]:hover{
    background-color: #303030;
    color: #ffffff;
}

.widget-area .search-form input[type="text"]::-webkit-input-placeholder ,
.widget-area .search-form input[type="text"]:-moz-placeholder ,
.widget-area .search-form input[type="text"]:-ms-input-placeholder { /* WebKit browsers */
    color:    #5d5d5d;
}

/* Lists */

.widget-area ul{
    padding:0;
    margin:0;
    list-style: none;
}

.widget-area li{
    padding: 1px 0;
    font-size: 12px;
    border-bottom: none;
}

.widget-area li:first-child{
    padding-top: 0;
}

.widget-area li:last-child{
    margin-bottom: 0;
}

.widget-area li a{
    display: inline-block;
}

.widget-area li ul{
    margin-top:10px;
    padding-left:10px;
}

.widget-area li ul li:last-child{
    border-bottom: none;
    padding-bottom:0;
}
/* Tag Cloud */

.tagcloud{
    margin-left: -4px;
}

.tagcloud a{
    padding: 3px 5px;
    border:1px solid #e6e6e6;
    font-size: 13px !important;
    color:#aeaeae;
    text-decoration:none;
    margin-left: 4px;
    margin-bottom: 4px;
    display: inline-block;

    -webkit-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    -ms-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.tagcloud a:hover{
    color:#db3205;

    border: 1px solid #db3205;
    -moz-border: 1px solid #db3205;
    -webkit-border: 1px solid #db3205;
}

.widget-area .tagcloud a,
.widget-area .tagcloud{
    margin-left: 0;
}
/* Calendar */

#wp-calendar{
    width: 100%;
}

/*calendar table*/
#wp-calendar td, #wp-calendar th{
    text-align: center;
    font-size: 13px;
    padding: 3px;
}

#wp-calendar caption{
    margin-bottom: 10px;
}

#wp-calendar #today{
    background: #303030;
    color: #fff;
}

/* Select Element */

.widget-area select{
    width: 95%;
}

/* Recent entries */

.widget_recent_entries a{
    font-size: 13px;
}

.widget_recent_entries .post-date{
    font-size: 12px;
}

/* Flickr Badge */

.flickr-container{
    margin-left: -7px;
}

.flickr-container:after
{
    clear:both;
    content:"";
    display:table
}

.flickr-container .flickr_badge_image{
    float:left;
    margin-left: 7px;
    margin-bottom: 7px;
}

.flickr-container .flickr_badge_image a{
    display: block;
    padding:5px;
    border:1px solid #ccc;
}

.flickr-container .flickr_badge_image img{
    vertical-align: top;
    width:50px;
}

/* Recent Tweets */

.widget_px_twitter .twitter-recent-list{
    margin:0 0 10px;
}

.widget_px_twitter li a{
    display: inline;
    font-style: normal;
}

.widget_px_twitter li{
    padding:0;
    border-bottom: none;
    margin-bottom: 30px;
    font-weight: 400;
}

.widget_px_twitter .link{
    color:#939393;
    font-size:13px;
    font-style: italic;
}

/* Recent Portfolio & blog */

.widget_px_recent_posts .item,
.widget_px_recent_portfolio .item{
    margin-bottom: 10px;
}

.widget_px_recent_posts .item-image,
.widget_px_recent_portfolio .item-image{
    display: block;
    float:left;
    margin-right:10px;
    width:75px;
    height:63px;
    background-color: #4d4d4d;
}

.widget_px_recent_posts .item-info,
.widget_px_recent_portfolio .item-info{
    float: left;
    width: 65%;
}

.widget_px_recent_posts .item-title,
.widget_px_recent_portfolio .item-title{
    font-size: 13px;
    color: #3d3d3d;
    line-height: 17px;
    float: left;
}

.widget_px_recent_posts .item-date,
.widget_px_recent_portfolio .item-date{
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    float: left;
    color: #828282;
    margin-left: 5px;
}

/* Progress */
/***** Progress *****/

.progressbar{
    margin-bottom: 16px;
}

.progressbar .title{
    font-size: 14px;
    font-weight: 400;
    color:#666;
    margin-bottom: 2px;
}

.progressbar .progress{
    height:16px;
    background-color: #c8eafc;
    overflow: hidden;
}


.progressbar .progress-inner{
    height:100%;
    background-color: #1f3642;
}

.js-enabled .progressbar.animate .progress-inner{
    position: relative;
    -webkit-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.js-enabled .progressbar.animate.start-animation .progress-inner{
    left: 0 !important;
}

.widget_px_progress .progressbar:last-child{
    margin-bottom: 0;
}

/* Testimonials */

.widget_px_testimonials .testimonials-container{
    position: relative;
}

.widget_px_testimonials .testimonials-controls{
    position: absolute;
    right:5px;
    top:0;
    z-index: 10;
}

.widget_px_testimonials .testimonials-controls:after{
    content: "";
    display: table;
    clear:both;
}

.widget_px_testimonials .name{
    font-size:15px;
    font-weight: 400;
    font-style: italic;
    color: #d4be9a;
    margin-bottom:40px;
    padding-right:60px;
    display: inline-block;

    -moz-transition:opacity .2s;
    -o-transition:opacity .2s;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
}

.widget_px_testimonials blockquote{
    padding: 0;
    background: none;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6923em;
    color:#949494;
    border:none;
}

.widget_px_testimonials ul{
    overflow: hidden;
    position: relative;
}

.widget_px_testimonials li{
    border:none !important;
    padding:0;
    display: none;
}

.widget_px_testimonials li:first-child{
    display: block;
}

.widget_px_testimonials .separator,
.widget_px_testimonials .next,
.widget_px_testimonials .previous{
    display: block;
    text-indent: -1000px;
    float:left;
    overflow: hidden;
}

.widget_px_testimonials .next,
.widget_px_testimonials .previous{
    display: block;
    width:7px;
    height:13px;
    background: url(assets/img/testimonial-controls.png) no-repeat;
    background-size: 14px 13px;
    text-indent: -1000px;
    float:left;
}

.widget_px_testimonials .next:focus ,
.widget_px_testimonials .previous:focus {
    outline: none;
}

.widget_px_testimonials .next{
    background-position: -7px 0;
}

.widget_px_testimonials .separator{
    margin:0 5px;
    height:13px;
    width:1px;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Contact Page
/*-----------------------------------------------------------------------------------*/

.contact-page{
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    bottom: 0;
    left: 0;
}

.contact-page .info{
    color: #FFFFFF;
    float: left;
    margin: 0 75px 0 50px;
    position: relative;
    width: 247px;
}

.contact-page .info .title,
.contact-page .info .subtitle{
    text-transform: uppercase;
}

.contact-page .info .title{
    color: #FFFFFF;
    font-family: "Oswald",sans-serif;
    font-size: 40px;
    line-height: 43px;
    margin-bottom: 15px;
}

.contact-page .info .separator{
    background-color: #FFFFFF;
    height: 3px;
    margin-bottom: 6px;
    max-width: 270px;
}

.contact-page .info .subtitle{
    font-family: "Oswald",sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 14px;
}

.contact-page .info .address,
.contact-page .info .email,
.contact-page .info .phone,
.contact-page .info .website,
.contact-page .info .other-info{
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.contact-page .info .phone a{
    color: #ffffff;
}

.contact-page .info .other-info{
}
.contact-page .contact-form{
    float: left;
}

.contact-background,
.home-background{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.ui-video-background{
	display:none;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	404 Page
/*-----------------------------------------------------------------------------------*/

.page404 {
	margin-top: 350px;
}

.page404 .title{
	color: #2f2f2f;
	font-family: "Oswald", sans-serif;
	font-size: 79px;
    line-height: 79px;
}

.page404 .separator{
    max-width: 237px;
    width: 100%;
    height: 3px;
    margin: 0;
    background-color: #2F2F2F;
}

.page404 .subtitle{
	color: #2f2f2f;
	font-family: "Oswald", sans-serif;
	font-size: 23px;
    line-height: 23px;
    margin-bottom: 10px;
}

.page404 .image{
	width: 274px;
	float: left;
}

.page404 .subtitle-separator{
	width: 33px;
    border-bottom: 8px solid #db3205;
	margin: 0;
}

.page404 .description{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-size: 16px;
	color: #5d5d5d;
}

.page404 .search-form{
    max-width: 270px;
    margin-top: 13px;
    margin-bottom: 15px;
}

.page404 .search-form fieldset{
    border:0;
    margin:0;
    padding: 0;
}

.page404 .search-form form{
    padding: 10px 52px 10px 10px;
    position: relative;
    border:1px solid #929292;
    border-right: none;
}

.page404 .search-form input[type="text"]{
    width:100%;
    min-width: 150px;
    background: none;
    border:none;
    color:#666;
    font-weight: 300;
    font-size: 14px;
}

.page404 .search-form input[type="submit"]{
    background: url("assets/img/search.png") no-repeat scroll center center / 18px 18px rgba(0, 0, 0, 0);
	position: absolute;
    right:0;
    top:0;
    width:29px;
    padding:0;
    height:100%;
    background-size: 18px 18px;
    border:none;
    background-color: #2F2F2F;
}

.page404 .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #838383;
}
.page404 .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #838383;
    opacity: 1;
}
.page404 .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #838383;
    opacity: 1;
}
.page404 .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #838383;
}

.page404 .search-form form{
    background-color: #FFFFFF;
    padding: 2px 42px 2px 10px;
    border: 1px solid #2F2F2F;
    -moz-border: 1px solid #2F2F2F;
    -webkit-border: 1px solid #2F2F2F;
}

.page404 .search-form input[type="text"]{
    color: #5d5d5d;;
}


.page404 .search-form input[type="submit"]:hover{
    background-color: #303030;
    color: #ffffff;
}

.page404 .search-form input[type="text"]::-webkit-input-placeholder ,
.page404 .search-form input[type="text"]:-moz-placeholder ,
.page404 .search-form input[type="text"]:-ms-input-placeholder { /* WebKit browsers */
    color:    #5d5d5d;
}

.error404 footer{

}

/*-----------------------------------------------------------------------------------*/
/*	X.	Footer
/*-----------------------------------------------------------------------------------*/

footer{

    bottom: 3px;
    height: 43px;
    position: absolute;
    width: 100%;
    z-index: 3;
}



footer .content{
    background-color: rgba(0, 0, 0, 0.25);
	padding: 10px 3px 9px 14px;
    height: 23px;
}

footer .footer-switch,
footer .content{
    background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	bottom:0;
}

footer .footer-switch{
	right:3px;
}

footer .content{
	right:43px;
	opacity:0;
}

footer .footer-switch span{
    color: #FFFFFF;
    display: block;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    width: 39px;
}

footer.close .footer-switch span{
	border-left: none;
}

footer.open .footer-switch span{
	border-left: 1px solid rgba(255,255,255,0.2);
}

footer .social-icons{
	float: right;
	margin: 0 0 0 11px;
	padding: 0;
}

footer .social-icons li{
	float: right;
	padding-top: 2px;
	display: block;
	width: 32px;
	height: 21px;
	border-left: 1px solid rgba(255,255,255,0.2);
}

footer .social-icons li:last-child{
	border-left: none;
}

footer .social-icons span{
	color:#fff;
	display:block;
	text-align:center;
}

footer .social-icons a{
	font-size:15px;
}

footer .copyright{
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    line-height: 15px;
    margin: 0;
}
footer .copyright a{
    font-size: inherit;
    color: inherit;
}


/*-----------------------------------------------------------------------------------*/
/*	X.	Resume
/*-----------------------------------------------------------------------------------*/
.resume{
    padding-bottom: 35px;
}

.resume .toggle{
    margin-top: 365px;
    border: none;
}

.resume .toggle .print-page,
.resume .toggle .print-link{
    position: absolute;
    font-size: 32px;
    margin-top: -135px;
    padding: 0;
    border-radius: 0%;
    right: 40px;
    z-index: 999;
    cursor: pointer;
    width: 62px;
    height: 62px;
    background-color: #ffffff;
    overflow: hidden;

    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;

    -webkit-transition:width .5s cubic-bezier(0.565, 0.220, 0.105, 0.905),background-color .3s;
    -moz-transition:width .5s cubic-bezier(0.565, 0.220, 0.105, 0.905),background-color .3s;
    -o-transition:width .5s cubic-bezier(0.565, 0.220, 0.105, 0.905),background-color.3s;
    transition:width .5s cubic-bezier(0.565, 0.220, 0.105, 0.905),background-color .3s;
}

.print-btn{
    background:#ffffff  url("assets/img/printer.png") no-repeat scroll center ;
    width: 62px;
    height: 62px;
    position: absolute;
    top:0px;
    right:0px;
    z-index: 351;

    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
}



.resume .toggle .print-page .print-text,
.resume .toggle .print-link .print-text{
    font-size: 20px;
    color: #2f2f2f;
    font-family: "oswald", sans-serif;
    position: absolute;
    top: 18px;
    left: 22px;
    display: none;
    width: 135px;
    white-space: nowrap;
}

.resume .toggle .print-page:hover,
.resume .toggle .print-link:hover {
    width: 230px;
}

.resume .toggle .print-page:hover .print-text,
.resume .toggle .print-link:hover .print-text {
    display: block;
}


.resume .toggle .body{
    padding: 0;
}

.resume .toggle .tab{
    border-top: 1px solid #979797;
    border-bottom: none;
}

.resume .tab .top-separator{
    width: 91px;
    height: 6px;
    background-color: #373737;
    margin-top: -6px;
}

.resume .toggle .tab-button{
    float: right;
    margin-right: 0;
    border-right: none;
    font-size: 23px;
    padding-top: 24px;
}

.resume .toggle .tab .body{
    margin-top: 45px;
}

.resume .toggle .tab.closed .body{

}

.resume .toggle .header .title{
    font-size: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.resume .experience-counter{
    margin-bottom: 55px;
}

.resume .experience-counter .counter{
    font-size: 131px;
    line-height: 131px;
    color: #db3205;
    font-family: "Oswald", sans-serif;
    float: left;
    margin-right: 37px;
    position: relative;
    overflow: hidden;
}

.resume .experience-counter .heading{
    font-size: 53px;
    line-height: 63px;
    display: inline-block;
}

.resume .item{
    padding: 45px 0;
}

.resume .experience .item-separator,
.resume .education .item-separator,
.resume .testimonial .item-separator{
    width: 33px;
    border-bottom: 8px solid #db3205;
}

.resume .education .item-separator{
    float: left;
    margin-right: 120px;
    padding-top: 22px;
}

.resume .testimonial .item-separator{
    margin-left: 185px;
}

.resume .experience .head{
    width: 450px;
    max-width: 450px;
    float: left;
    padding-top: 15px;
}

.resume .experience .head .title{
    font-size: 23px;
    line-height: 23px;
    color: #000000;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 5px;
    cursor: auto;
    -webkit-transition: color 0.3s ;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.resume .experience .head .separator{
    max-width: 185px;
    border-bottom: 1px solid #000000;
    margin-bottom: 5px;
    -webkit-transition: border-color 0.3s ;
    -moz-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.resume .experience .head .duration,
.resume .education .duration{
    color: #000000;
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    -webkit-transition: color 0.3s ;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.resume .education .item{
    border-bottom: 1px solid #979797;
}

.resume .education .item:last-child{
    border-bottom: none;
}

.resume .education .duration{
    float: left;
    width: 200px;
    margin-right: 20px;
    font-size: 19px;
    line-height: 19px;
    padding-top: 15px;
}

.resume .education .title{
    font-size: 17px;
    line-height: 17px;
    float: left;
    color: #000000;
    font-family: "Oswald", sans-serif;
    width: 100%;
    margin-right: 30px;
    padding-top: 15px;
    cursor: auto;
}

.resume .item .glyph{
    font-size: 30px;
    float: left;
    padding-left: 10px;
    padding-right: 50px;
    color: #000000;
    -webkit-transition: color 0.3s ;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.resume .experience .glyph{
    padding-top: 15px;
}

.resume .item .description{
    float: left;
    padding-left: 25px;
    border-left: 2px solid #444444;
    width: 100%;
    max-width: 750px;
    font-size: 13px;
    font-weight: 500;
    color: #5d5d5d;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transition: color 0.3s, border-color 0.3s;
    -moz-transition: color 0.3s, border-color 0.3s;
    -ms-transition: color 0.3s, border-color 0.3s;
    -o-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
}

.resume .education .description{
    padding-left: 0;
    border-left: none;
    max-width: 650px;
    padding-top: 15px;
}

.resume .education .glyph{
    padding-top: 5px;
    padding-right: 25px;
}

.resume .skills .item{
    width: 174px;
    float: left;
    margin-right: 80px;
    min-height: 310px;
    padding: 35px 0;
}

.resume .skills .number,
.resume .skills .percent{
    font-family: "Oswald", sans-serif;
    fill: #db3205;
    font-size: 30px;
    letter-spacing: -3px;
}

.resume .skills .percent{
    font-size: 15px;
}

.resume .skills .item .circle{
    margin-bottom: 25px;
    text-align: center;
}

.resume .skills .item .circle svg{
    transform-origin:50% 50%;
}

.resume .skills .item .title{
    font-size: 20px;
    color: #393939;
    line-height: 20px;
    border-left: 2px solid #444444;
    padding-left: 6px;
    margin-left: 35px;
    padding-top: 17px;
    font-family: "Oswald", sans-serif;
    -webkit-transition: color 0.3s, border-color 0.3s;
    -moz-transition: color 0.3s, border-color 0.3s;
    -ms-transition: color 0.3s, border-color 0.3s;
    -o-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
}

.resume .testimonial .item{
    padding: 35px 0;
}

.resume .testimonial .testimonial-image .image{
    border-radius: 50%;
    max-width: 132px;
    max-height: 132px;
    min-height: 132px;
    min-width: 132px;
    margin-right: 50px;
    float: left;
}

.resume .testimonial .head{
    float: left;
    padding-top: 52px;
    width: 300px;
    margin-right: 25px;
}

.resume .testimonial .title,
.resume .testimonial .subtitle{
    font-family: "Oswald", sans-serif;
    color: #393939;
}

.resume .testimonial .title{
    font-size: 19px;
    line-height: 19px;
    cursor: auto;
}

.resume .testimonial .subtitle{
    font-size: 10px;
}

.resume .testimonial .description{
    padding-left: 80px;
    position: relative;
    margin-top: 35px;
    min-height: 72px;
    max-width: 450px;
}

.resume .testimonial .description .glyph{
    font-size: 27px;
    padding: 0;
    float: none;
    position: absolute;
    left: 47px;
    top: 23px;
}

.resume .testimonial .item-separator:last-child,
.resume .experience .item-separator:last-child{
    display: none;
}

.resume .item:hover .glyph{
    color: #db3205;
}

.resume .item:hover .title,
.resume .item:hover .description,
.resume .item:hover .duration{
    color: #aaaaaa;
}

.resume .experience .item:hover .head .separator,
.resume .skills .item:hover .title,
.resume .item:hover .description{
    border-color: #cccccc;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Shortcodes
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	X.	Portfolio Page
/*-----------------------------------------------------------------------------------*/
/* Portfolio header and footer*/
body[class*="portfolio"]{

    background-color: #111111;
}

body[class*="portfolio"] .layout{
    background-color: transparent;
}

body[class*="portfolio"] header{
    position: fixed;

}

body[class*="portfolio"] footer{
    position: fixed;

}
/*Promotion styles*/

/*.page-template-portfolio-php{
    cursor: url("assets/img/hand.png"),auto;
}

.page-template-portfolio-php a{
    cursor: url("assets/img/pointer.png"),auto;
}
*/
.portfolio {
    position: relative;
}

.portfolio-page-meta{
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 5;
    border: 1px solid #ffffff;
    background-color: rgba(0,0,0,0.2);
    color: #ffffff;
    width: 179px;
    height: 36px;
    text-transform: uppercase;
}

.portfolio-page-meta li{
    font-size: 14px;
    font-family: "Oswald";
    text-transform: uppercase;
    list-style: none;
}

.portfolio-page-meta li .root{
    padding: 7px;
}

.portfolio-page-meta li .root .text{
    letter-spacing: 1.3px;
}

.portfolio-page-meta li .root .icon{
    font-size: 20px;
    margin-right: 10px;
    float: right;
}

.portfolio-page-meta .filter{
    margin-left: -1px;
    background-color: rgba(0,0,0,0.2);
    border: 1px solid #ffffff;
    border-bottom: none;
    width: 179px;
    z-index: 1;
    padding: 0;
    position: absolute;
    bottom:36px;
}

.portfolio-page-meta .filter li a{
    font-size: 14px;
    font-family: "Oswald";
    color: #ffffff;
    text-transform: uppercase;
    height: 28px;
    padding: 5px;
    display: block;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.portfolio-page-meta .filter li a:hover
{
    color:#000000;
    background-color: #ffffff;
}

.portfolio-page-meta .filter li a:focus {
    outline: none;
}

.portfolio-list .item-image-overlay
{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: transparent url("assets/img/portfolio-hover.png") repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
}

.portfolio-list .item-image-overlay .overlay-title a{
    font-size: 17px;
    color: #f5f5f5;
    font-family: "Oswald", sans-serif;
    line-height: 17px;
    letter-spacing: 1px;
    padding: 14px 20px;
    display: inline-block;
}

.portfolio-list .item-image-overlay .overlay-category{
    font-size: 11px;
    color: rgba(245,245,245,0.9);
    font-family: "Oswald", sans-serif;
    position: absolute;
    bottom: 14.5%;
    width: 100%;

    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.portfolio-list .item-image-overlay .overlay{
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
}

.portfolio-list .item-image-overlay .overlay .overlay-title{
    position: absolute;
    bottom: 18%;
    width: 80%;
    padding: 0 10%;
    -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}

.portfolio-list .item-wrap:hover .item-image-overlay
{
    opacity: 1;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.portfolio-list .item-wrap:hover .overlay .overlay-title{
    bottom: 30%;
}

.portfolio-list .item-wrap:hover .overlay .overlay-category{
    bottom: 26%;
}



/***** Portfolio List *****/

.portfolio-content{
    margin: 0 0 15px;
    position: relative;

}

.portfolio-content p:last-child{
    margin-bottom: 50px;
}

.portfolio-list .item
{
    float:left;
    position: relative;
    display: block;
    opacity: 0;
    background-color: #000000;
}

.portfolio-list  .item-wrap{
    height: 100%;
}

.portfolio-list .item-image
{
    position: relative;
    height: 100%;
}

.portfolio-list .item-image:after{
    background-color: rgba(0,0,0,.8);
}

.portfolio-list .item-image .port-image{
    height: 100%;

    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.portfolio-list .item-meta a
{
    text-decoration: none;
    color: #555;
}

/* portfolio pagination*/
.portfolio-pagination{
    float: right;
}
.portfolio-pagination .post-pagination{
    margin: 0;
    visibility: hidden;
}

/* Element Query */

.portfolio-list[data-maxwidth="480"] .filter li
{
    display: block;
    padding: 0 0 10px;
}


/* Image Popup */

.portfolio-list-mfp .mfp-figure
{
    opacity: 0;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

    -webkit-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    -moz-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    -ms-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    -o-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    transform: translateX(-20px) perspective(600px) rotateY(20deg);
}

.portfolio-list-mfp.mfp-ready .mfp-figure
{
    opacity: 1;

    -webkit-transform: translateY(0) perspective(600px) rotateY(0);
    -moz-transform: translateY(0) perspective(600px) rotateY(0);
    -ms-transform: translateY(0) perspective(600px) rotateY(0);
    -o-transform: translateY(0) perspective(600px) rotateY(0);
    transform: translateY(0) perspective(600px) rotateY(0);
}

.portfolio-list-mfp.mfp-removing .mfp-figure
{
    opacity: 0;

    -webkit-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    -moz-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    -ms-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    -o-transform: translateX(-20px) perspective(600px) rotateY(20deg);
    transform: translateX(-20px) perspective(600px) rotateY(20deg);
}


.portfolio-list-mfp.mfp-bg
{
    opacity: 0;

    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

/* animate in */
.portfolio-list-mfp.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.portfolio-list-mfp.mfp-removing.mfp-bg {
    opacity: 0;
}

/* Portfolio infinite scroll*/
#infscr-loading{
    position: fixed;
    z-index: 10;
    bottom: 60px;
    width: 100%;
    text-align: center;
    color: #ffffff;

}

#infscr-loading img{
    z-index: 10;
    opacity: 0.3;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Portfolio Single
/*-----------------------------------------------------------------------------------*/
.portfolio-container{
    width: 100%;
}

.portfolio-container .portfolio-media{
    width: 60%;
    margin-right: 20px;
    margin-top: 10%;
    float: left;
}

.portfolio-container .portfolio-media .wp-post-image{
    width: 100%;
    display: block;
}

.portfolio-container .portfolio-content{
    width: 35%;
    margin-top: 10%;
    float: left;
}

.portfolio-container .porfolio-content-full{
    width: 95% !important;
}

.portfolio-container .portfolio-content p{
    padding: 0;
    margin: 0;
}

.portfolio-container .portfolio-content .title{
    font-family: "oswald", sans-serif;
    font-size: 47px;
    line-height: 47px;
    color: #000;
}

.portfolio-container .portfolio-content .media-separator{
    width: 200px;
    height: 5px;
    margin: 10px 0 8px;
}

.portfolio-container .portfolio-content .skills{
    font-size: 25px;
    line-height: 25px;
    font-family: "oswald", sans-serif;
    color: #000000;
}

.portfolio-container .portfolio-content .content p{
    font-size: 14px;
    color: #535353;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 300;
}

.portfolio-container .portfolio-content .attributes .attribute{
    margin-bottom: 15px ;
}

.portfolio-container .portfolio-content .attributes .attribute .title{
    font-size: 14px;
    line-height: 14px;
    color: #000;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    padding: 10px 0;
}

.portfolio-container .portfolio-content .attributes .attribute .value{
    font-size: 14px;
    line-height: 14px;
    color: #535353;
    font-family: "Open Sans", sans-serif;
}

.portfolio-container .portfolio-content .attributes .separator {
    border-bottom: 1px solid #000000;
    margin-bottom: 5px;
    max-width: 270px;
    transition: border-color 0.3s ease 0s;
}
/*-----------------------------------------------------------------------------------*/
/*	X.	Blog listing/Archive
/*-----------------------------------------------------------------------------------*/
.page-title{
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
    margin: 50px 0 40px;
    color: #3d3d3d;
}

.posts{
    overflow: hidden;
}

.archive .post,
.blog .post{
    padding-bottom: 80px;
    position: relative;
}

/*
    Time line
*/
.post .timeline-container{
    text-align: center;
    position: absolute;
    height: 100%;
    width: 68px;
    overflow-y: hidden;
}

.post .timeline-container .circle{
    width: 65px;
    height: 65px;
    background-color: #fff;
    display: table;

    border: solid 1px #929292;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.posts .small .timeline-container .circle{
    opacity: .1;

    transform :scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);

}

.post .timeline-container .date{
    display: table-cell;
    vertical-align: middle;

}
.post .timeline-container .date span{
    display: block;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #303030;
}

.post .timeline-container .date span.year{
    font-size: 20px;
}

.post .timeline-container .date span.day-month{
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
}

.post .timeline-container  .line{
    height: 0;
    width: 1px;
    background-color: #929292;
    margin: auto;
    opacity: .1;
}

/*
        Post Content
*/
.post .post-container{
    padding-left: 105px;
}

.post-media
{
    margin-bottom:20px;
}

.post-media iframe,
.post-media img{
    vertical-align: top;
    width: 100%;
}

.archive .post-meta,
.blog .post-meta
{
    padding-right: 3%;
    margin-bottom: 20px;
    margin-top: 3px
}

.post .title
{
    font-size: 23px;
    color:#db3205;
}

.post .title a{
    font-size: inherit;
}

.archive .text-comment p,
.blog .text-comment p{
    float: left;
    width: 91%;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

.archive .text-comment .more-link,
.blog .text-comment  .more-link{
    color:#3f3f3f;
    font-size: 12px;
    position: absolute;
    bottom: 50px;
    left: 106px;
    color:#3f3f3f;
    font-size: 13px
}
.archive .text-comment .more-link span ,
.blog .text-comment  .more-link span{
    display: inline-block;
    height: 12px;
    width: 10px;
    top: 2px;
    position: relative;
}

.archive .post-comments,
.blog .post-comments
{
    float: right;
    margin-left: 2%;
    margin-top: 10px;
    min-width: 30px;
    width: 6%
}

.archive .comments-link,
.blog .comments-link{
    background: url("assets/img/comments-count.png") no-repeat scroll center bottom / 34px 7px #DB3205;
    color: #FFFFFF;
    display: inline-block;
    font-family: "oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 32px;
    margin-left: 7px;
    text-align: center;
    width: 34px;
}

.archive .comments-link:hover,
.blog .comments-link:hover
{
    text-decoration: none;
}

.archive .post-info-container,
.blog .post-info-container{
    font-weight: 400;
    color:#2a2a2a;
}



.archive .post-info,
.blog .post-info{
    width:83%;
    margin-top:-4px;
}

.post-info span{
    font-size: 10px;
    color: #3f3f3f;
}

.post-info a{
    color:#3f3f3f;
    font-size: inherit;
}



/* Quote */
.post-content .quote{
    position: relative;
}

.post-content .quote-symbol{
    color: #DB3205;
    float: left;
    font-size: 40px;
    height: 41px;
    width: 43px;
    margin-top: 17px;
    margin-left: 19px;
}

.post-content .quote-content{
    float: right;
    width: 90%;
}
.post-content .quote-content .name
{
    font-size: 10px;
    line-height: 15px;
    border: none;
    color: #373737;
    padding-left: 20px;
    text-transform: capitalize;
}

/* Single */

.single-post .head{
    margin-bottom:26px;
}

.single-post .head .date{
    font-size:18px;
    color: #db3205;
    text-transform: uppercase;
}

.single-post .head .title{
    font-size:25px;
    color: #3d3d3d;
}

.post-content p{
    font-size: 13px;
}

/* Pagination */

.post-pagination{
    margin:40px 0;
    padding-left: 100PX;

    font-family: "oswald", sans-serif;
    font-size: 15px;
    color: #3f3f3f;
}

.post-pagination span,
.post-pagination a{
    display: inline-block;
    margin-bottom: 2px;
    text-align: center;
    min-width: 28px;
    height:15px;
    line-height: 15px;
    color:#3f3f3f;
    border-left:1px solid #d9d9d9;
    font-family: "oswald", sans-serif;
    font-weight: 400;
    font-size: 15px;
}

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

.post-pagination span:first-child,
.post-pagination a:first-child{
    border: none;
    background-position: 0 -7px;
}

.post-pagination a:hover,
.post-pagination .this-page
{
    color:#db3205;
}

.post-pagination .prev-page-link:hover{
    background-position: -1px -30px;
}

.post-pagination .next-page-link{
    background-position: -32px -7px;
}

.post-pagination .next-page-link:hover{
    background-position: -32px -30px;
}

.post-pagination .page-numbers
{
    background-color: transparent;
}


.comments-wrap
{
    margin-bottom:74px;
}

/*List*/

.comments-list{
    list-style: none;
    padding:0;
    margin:0;
    font-weight: 400;
    font-size: 12px;
}

.comments-list .comment
{
    padding:12px 10px 44px;
    color:#535353;
    width: 89%;
    border: 1px solid #e2e2e2;

    position:relative;
}

.comments-list .comment-image
{
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
    min-height: 87px;
    min-width: 87px;
    padding: 4px;
    text-align: center;
}

.comments-list .comment-image img
{
    border-radius: 50%;
    display: block;
    margin: auto;
    width: 100%;
}

.comments-list .comment-reply-link
{
    display: block;
    position:absolute;
    bottom: 9px;
    left: 22px;
    color:#7e7e7e;
    padding-right:5px;
    padding-left:26px;
    border:1px solid #dfdfdf;
    background:url(assets/img/comment-reply.png) no-repeat 9px center;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 25px;
    text-decoration: none;
}

.comments-list .comment-reply-link:hover
{
    border: none;
    background-color: #db3205;
    background-image: url(assets/img/comment-reply-hover.png);
    color:#FFF;
}

.comments-list .comment-content{
    margin-top: 28px;
    display: inline-block;
    margin-left: 12px;
    width: 80%;
}

.comments-list cite{
    font-style: normal;
    font-weight:bold;
    text-transform:uppercase;
}

.comments-list cite a{
    color: #565656;
    text-decoration: none;
}

.comments-list .comment-date
{
    font-size: 10px;
    color:#535353;
    text-decoration: none;
}

.comments-list .comment-text
{
    font-size: 12px;
}
/* Comment reply style */

.comments-list .line
{
    background-color: #D6D6D6;
    display: none;
    height: 1px;
    left: -31px;
    position: absolute;
    top: 65px;
    width: 16px;
}

.comments-list ul
{
    list-style: none;
    padding:0;
}

.comments-list .children
{
    border-left: 1px solid #D6D6D6;
    margin: 36px 0;
    padding: 9px 0 10px 29px;
}

.comments-list .children .comment{
    width: 93%;
}

.comments-list .children .line
{
    display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Respond form
/*-----------------------------------------------------------------------------------*/

.comments-list #respond
{
    margin: 20px 0;
}

.logged-in-as{
    border-bottom: 1px solid #838383;
    margin-bottom: 0;
    padding-bottom: 10px;
}

#respond .comment-reply-title{
    margin-bottom: 20px;
    font-size: 20px;
}

#commentform .input-text
{
    float:left;
    width:32.74%;
}

#commentform .input-text:first-child{
    margin-left: 0;
}

#commentform p:first-child{
    font-size:12px;
    font-weight: 400;
    color:#9c9c9c;
}

#commentform .input-textarea

#commentform .input-textarea{
    width:100%;
    margin-bottom: 20px;
}

#commentform .input-text input[type="text"]{
    padding:2% 3%;
    width:99.5%;
    font-size:14px;

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#commentform input[type="submit"]{

    background-color: #DB3205;

    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
	border:1px solid #DB3205;
}

#commentform input[type="submit"]:hover{
    background-color: transparent;
    border: 1px solid #2a2a2a;
    color: #2a2a2a;
}





/*-----------------------------------------------------------------------------------*/
/*	X.	Search Page
/*-----------------------------------------------------------------------------------*/

.search-title{
    font-size: 49px;
}

#main-content[page-type="search"] p{
    font-family: "oswald", sans-serif;
    font-size: 20px;
    font-weight: 100;
    color: #999999;
}

.search-separator{
    max-width: 343px;
    width: 100%;
    height: 3px;
    margin: 10px 0 8px;
	background-color: #2F2F2F;
}
.search-box {
	width:100%;
	background-color: #2F2F2F;
	height: 50px;
}

.search-box .search-result{
	width: 60%;
	color: #FFF;
	float: left;
	padding: 12px;
	font-family: "oswald", sans-serif;
	font-size: 16px;
	font-weight: 100;
	text-transform: uppercase;
}
.search-box .search-form {
    width: 35%;
	float: right;
}
.search-box .search-form fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.search-box .search-form form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border:none;
    padding: 10px 42px 10px 10px;
    position: relative;
}
.search-box .search-form input[type="text"] {
    border: 0 none;
    color: #666666;
    font-weight: 400;
    min-width: 150px;
    width: 100%;
	height:30px;
}
.search-box .search-form input[type="submit"] {
    background: url("assets/img/search.png") no-repeat scroll center center / 18px 18px;
    border: medium none;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}

.search-box .search-form input[type="text"]:-moz-placeholder {
    color: #838383;
    opacity: 1;
}
.search-box .search-form input[type="text"]::-moz-placeholder {
    color: #838383;
    opacity: 1;
}

.search-item{
    padding:19px;
	padding-left:0;
    color:#9c9c9c;
    border-bottom: 1px solid #A4A4A4;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(170, 170, 170, 0.2);
    position:relative;
	
}

.search-item .count{
    float:left;
    font-size: 22px;
	font-family: "oswald", sans-serif;
    font-weight: 300;
    color: #2f2f2f;
    padding: 5px 0;
    margin-top:12px;
}

.search-item .content{
    float:left;
    margin-left: 42px;
}

.search-item .content .date{
	font-size: 13px;
}

.search-item .title{
    margin: 0;
	line-height: 1em;
}

.search-item .title a{
    font-size: 16px;
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
    text-decoration: none;
}

#main-content[page-type="search"] .post-pagination{
	padding-left: 0;
}


/********************************************************************************
            WPML PLUGIN
********************************************************************************/
#lang_sel_footer{
    background-color: transparent;
}

#lang_sel_footer ul{
    position: absolute;
    width: 100%;
    z-index: 100;
}
#lang_sel_footer ul li img{
    padding-top: 5px;
}

.menu-item-language img.iclflag{
    padding-top: 7px;
}

.submenu-languages .menu-item-language img.iclflag{
    padding-top: 3px;
}
/***************************

Retina displays styles

***************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {

    /* Header navigation */
    header .navigation li.menu-item-parent{ background-image:url(assets/img/navigation-arrow@2x.png); }

    /* Block quote */
    .post-content .quote-symbol{background-size: 16px 11px; }


    /* Comments link */
    .post-info-container .comments-link{ background-image: url(assets/img/comments-count@2x.png); background-size: 30px 7px }

    /* Comment Reply */
    .comments-list .comment-reply-link { background-image:url(assets/img/comment-reply@2x.png); background-size: 13px 11px; }
    .comments-list .comment-reply-link:hover{ background-image: url(assets/img/comment-reply-hover@2x.png); }

    /* Post Pagination */
    .post-pagination .prev-page-link,
    .post-pagination .next-page-link { background-image:url(assets/img/pagination-arrows@2x.png); }

    /*Testimonial widget */
    .widget_px_testimonials blockquote .begin{ background-image: url("assets/img/blockquote-start-dark@2x.png"); }
    .widget_px_testimonials blockquote .end{ background-image: url("assets/img/blockquote-end-dark@2x.png"); }

    .widget_px_testimonials .next,
    .widget_px_testimonials .previous{ background-image: url(assets/img/testimonial-controls@2x.png);  }

    /* Search widget */
    .widget_px_search input[type="submit"]{ background-image:url(assets/img/search@2x.png); }

    /* Image carousel */
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right { background-image: url(assets/img/image-carousel-arrows@2x.png); }

    /* Post/Portfolio slider */
    .post-slider .nav-prev, .post-slider .nav-next{ background-image: url(assets/img/post-slider-controls@2x.png);}

    /* Blog */
    .archive .comments-link,
    .blog .comments-link{ background-image:url(assets/img/comments-count@2x.png); }

}


/***** Accordion and toggle *****/

.accordion,
.toggle{
    border:1px solid #e7e7e7;
}

.accordion .tab,
.toggle .tab{
    border-bottom: 1px solid #e7e7e7;
}

.accordion .tab:last-child,
.toggle .tab:last-child{
    border-bottom: none;
}

.accordion .header,
.toggle .header{
    padding: 4px 0;
}

.accordion .tab-button,
.toggle .tab-button{
    width: 37px;
    height:31px;
    border-right:2px solid #e7e7e7;
    float:left;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
    margin-right: 10px;

    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
}

.accordion .title,
.toggle .title{
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    margin:0;

    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
}

.accordion .header:hover .title,
.toggle .header:hover .title,
.accordion .header:hover .tab-button,
.toggle .header:hover .tab-button{
    color:#00a8ff;
}

.accordion .body,
.toggle .body{
    padding: 10px;
}



/***************************

End of Retina displays styles

***************************/