/* ----------------------------------------- Global and Standard Styling ---------------------------------------------*/
html{
	height:100%;
	background:#000
}
 body {
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
    color: #333333;
}
a {
    color:#3c3c3c;
    cursor:pointer;
		display: inline-block;
}
a:hover {
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
    font-family:'Open Sans', sans-serif;
    font-weight: 300 !important;
}
[class^="icon-"], [class*=" icon-"] {
    margin-right: 5px;
}
hr.line {
    margin:0px;
    border:none;
    height:1px;
}
a.readmore {
    padding: 5px 9px;
    font-size: 13px;
    color: #fff;
}
hr {
    margin:10px 0px;
    border-top: 0px;
}
.hr20 {
    width:20%;
}
.hr30 {
    width:30%;
}
.hr40 {
    width:40%;
}
.hr50 {
    width:50%;
}
.button {
    color:#fff;
    text-decoration:none;
    display: block;
    float: left;
    margin: 10px 0px;
    border:0px;
    padding:10px;
    font-family:'Open Sans', sans-serif;
}
.button:hover {
    color:#fff;
    text-decoration:none;
}
.button-big {
    padding:18px;
}





/* ---------------------------------------------------- Header ---------------------------------------------------*/
 .header-section {
    background:url(img/square.png);
    padding:15px 0px;
}
.header-section nav .nav-pills > li > a, .header-section nav .nav-pills > li > a:hover, .header-section nav .nav-pills > li > a:focus, .header-section nav .nav-pills > .active > a, .header-section nav .nav-pills > .active > a:hover, .header-section nav .nav-pills > .active > a:focus {
    background:none;
    color:#3c3c3c
}
.header-section nav.top-left-menu .nav-tabs > li, .nav-pills > li:first-child {
    margin-left:-12px
}
.header-section nav.top-right-menu .nav-tabs > li, .nav-pills > li:last-child {
    margin-right:-12px
}
.header-section .top-main-menu .nav-container {
    display:inline-table;
    float:right;
}
.nav{
	margin-bottom:0px;
}
.nav.nav-pills li a {
    text-align:center;
}
.nav-pills li a{
	padding-top:0px;
	padding-bottom:2px
}
.nav.nav-pills li a span {
    display:block;
    padding-top: 6px;
}
.nav.nav-pills li a i {
    margin-right:0px;
}
.hi-icon {
    display: inline-block !important;
    font-size: 25px;
    cursor: pointer;
}

.nav.nav-pills[class^="icon-"] {
    margin:0px;
}


.detail-description .header-link, .detail-description .header-link:hover{
	color:#E51400;
}




/* ---------------------------------------------------- Inset Content ---------------------------------------------*/
 .inset-content {
    background:url(img/binding_dark.png);
    position:relative;
    color:#c4c4c4;
    overflow: hidden;
    font-weight:300;
    min-height:1px
}
.inset-content .container {
    z-index:5;
    height:auto
}
.inset-content .big-title {
    padding: 10px;
    float: left;
}
.inset-content .welcome-text {
    float:none;
    text-align:center;
}
.inset-content .welcome-text span {
    color:#E51400;
    font-family:'Pacifico', cursive;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
}
.inset-content .element.row h2 {
    color:#fff;
}
.inset-content .shadow-top, .inset-content .shadow-bottom {
    position: absolute;
    height: 42px;
    width: 100%;
    z-index:1
}
.inset-content .shadow-top {
    background: url(img/shadow-top.png) no-repeat top center;
    top:0
}
.inset-content .shadow-bottom {
    background: url(img/shadow-bottom.png) no-repeat top center;
    bottom:0
}
.inset-content .short-about aside {
    float:left;
    margin-bottom:10px
}
.inset-content .short-about .detail-name h3 {
    color:#fff;
    margin-bottom:0;
}
.inset-content .big-element {
    padding: 20px 0px 14px 0px;
    display:inline-block
}





/* --------------------------------------------------------- Main Content ------------------------------------------*/
 .main {
    background:url(img/square.png)
}
.main .container-holder {
    padding:20px 0px;
    background:url(img/globe-top.png) no-repeat bottom center
}
.main p {
    margin: 10px 0 15px;
    font-weight: 400;
    font-size: 13px;
}
.mini-content {
    cursor:pointer;
    position: relative;
}
.no-shadow-content .article-container, .mini-content .article-container {
    position:relative;
    z-index:5;
    margin-bottom:30px;
}
.mini-content article {
    position:relative;
}
.mini-content article .icon-container {
    position: absolute;
    left: 8px;
    top: 23px;
    color: #fff;
}
.mini-content article .title-container {
    margin-left:35px;
    color:#fff;
    border-left: 1px dotted #fff;
}
.mini-content article .title-container .article-title {
    padding:9px;
    font-size:26px;
    line-height: 35px;
    margin:0;
}
.mini-content article .title-container span {
    display:inline-block;
    font-size:13px;
    font-style:italic;
    padding:0px 9px 9px
}
.mini-content article .icon-container i {
    font-size:20px;
}
.mini-content aside {
    padding:9px;
    background:#fff;
}
.mini-content aside .avatar {
    float: left;
    margin-right: 9px;
}
.big-content .author-name, .mini-content .author-name {
    font-family:'Pacifico', cursive;
    font-size:22px;
}
.mini-content .poston {
    font-size: 11px;
    line-height: 14px;
    margin-top: 6px;
}
.mini-content .mini-shadow-container {
    position:absolute;
    bottom:21px;
    z-index:1;
    width:100%;
    text-align:center;
}
.mini-content .mini-shadow {
    width:100%;
}
.main .intro {
    letter-spacing:2px;
    margin-bottom:10px;
    font-size: 16px;
}
.no-aside .article-container {
    padding:9px;
    text-align:center;
    color:#fff;
}
.no-aside .article-container h3 {
    line-height: 35px;
}
.avatar{
	width:55px;
}

.span6 .avatar{
	width:75px;
}
.icon-center {
    text-align:center;
    padding-top: 10px;
    display: block;
    margin-right:0px
}
.icon-center i {
    margin-right:0px;
}
.icon-center-bg {
    margin-top:20px;
    font-size:40px;
    padding:10px;
    height:40px;
    width:40px;
    display: inline-block;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    background:#fff;
}
.short-about .name-title{
	margin-top:12px;
}
.icon-center-bg i {
    margin-right:0px;
}
.big-content .article-title {
    padding:10px 15px;
    color:#fff;
    float: left;
    max-width:85%;
}
.no-shadow-content .article-container aside, .big-content .article-container aside {
    background:#fff;
    padding:15px;
}
.big-content .article-container .close {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 35px;
    border: 1px solid #fff;
    text-align: center;
    margin: 20px 10px;
    font-size: 33px;
    font-weight: 300;
    line-height: 39px;
    color: #fff;
    text-shadow: 0 0 0;
    opacity: 1;
    filter: alpha(opacity=100);
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}

.element img {
       width:100%;
}

.featured-image img {
    width:100%;
}

.big-content .featured-image-big img {
    width:100%;
}
.big-content .mini-shadow {
    width:100%;
}
.big-content.format-gallery .article-title {
    margin-bottom:0px;
    padding-bottom:5px
}
.big-content .image-count {
    padding:0 15px 15px 15px;
    color:#fff;
    margin-top:-15px
}
.big-content.format-status .article-container aside {
    float:left;
    margin-right:20px;
}
.big-content.format-status .article-container aside .author {
    text-align:center;
}
.big-content.format-status .article-container h3 {
    padding-right:20px;
    color:#fff;
}
.big-content .author-name {
    margin-top:10px
}
.big-content.format-status .article-container .close {
    color:#333333;
    border-color:#333333;
    float: none;
    margin:10px auto;
    display: block;
}
.big-content.format-image .article-title {
    float:none;
    padding: 5px 15px;
}
.big-content.format-image .desc {
    padding: 0px 15px;
    color:#fff;
}
.alink {
    display: block;
    padding-top: 25px;
    color:#fff;
    text-decoration:none;
}
.alink:hover {
    text-decoration:none;
    color:#fff;
}
/* About Me */
 .author-bio ul {
    margin:0px;
    list-style:none;
}
.author-bio ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    border-bottom: 1px dashed #eaeaea;
    padding: 2px 0px;
}
.author-bio ul li span {
    min-width:100px;
    display: inline-block;
    font-size: 13px;
    font-weight:400px
}
.author-education .year {
    font-size:15px;
    float:left;
    width: 10%;
    margin-top:12px
}
.author-education .education {
    float:left;
    width:85%;
    border-left:1px solid #d2d2d2;
}
.author-education .education .desc {
    padding:0px 15px;
}
.author-education .education .title-edu {
    background:url(img/dotted.png) no-repeat left;
    padding-left:20px;
    margin-left:-6px;
}
.author-experience .year {
    font-size:15px;
    float:left;
    width: 25%;
    margin-top:12px
}
.author-experience .experience {
    float:left;
    width:70%;
    border-left:1px solid #d2d2d2;
}
.author-experience .experience .desc {
    padding:0px 15px;
}
.author-experience .experience .title-exp {
    background:url(img/dotted.png) no-repeat left;
    padding-left:20px;
    margin-left:-6px;
}
.author-award {
    text-align:center;
}
.author-award .award-title {
    margin-bottom:0px;
}
/* Portfolio */
 .portfolio-container {
    background:#fff;
}
.portfolio .category-label {
    position: absolute;
    top: 10px;
    left: 10px;
}
.portfolio .category-label .label {
    font-weight: 300;
}
.portfolio-description {
    margin-left:0px;
    padding-left:30px;
}
.portfolio-description .title-container {
    margin-left:-30px;
    padding-left:30px
}
.portfolio-description .article-title {
    padding-left:0px;
}
.portfolio-description .desc {
    padding-right:30px;
    margin-top:20px;
}
.portfolio-description .portfolio-meta {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
}
.portfolio-description .portfolio-meta i {
    margin-right:10px;
}
.portfolio-description .portfolio-meta span {
    min-width:80px;
    display:inline-block
}
.portfolio-description .client-feedback {
    margin-top:30px;
}
.portfolio-description .client-feedback span {
    float:right;
}
.portfolio-description .client-feedback .comment {
    border-bottom:1px solid #b3b3b3;
    padding-bottom: 5px;
}
.portfolio-description .client-feedback .client-author {
    margin: 0px;
    border-left: 1px solid #b3b3b3;
    padding-left: 10px;
    margin-left: 10px;
    padding: 5px;
    float:right
}
.filter-portfolio-container {
    text-align:center;
    margin-bottom:40px;
}
.filter-portfolio-container ul {
    margin:0px;
}
.filter-portfolio-container ul li {
    list-style:none;
    display:inline-block;
    margin:3px;
}
.filter-portfolio-container ul li a {
    padding:8px 13px;
    color:#fff;
    display: block;
}
/* Contact */
 .contact-container .contact-title {
    margin:0px;
    padding:10px;
    color:#fff
}
.contact-container ul, .contact-container ul li {
    list-style:none;
    margin:0px;
}
.contact-container ul li {
    font-size:15px;
    font-weight:300;
    margin-bottom:13px;
    padding-bottom:7px;
    border-bottom: 1px dashed #eaeaea;
}
.contact-container ul li span {
    display:block;
    font-size:12px;
    font-weight:400;
}
.newsletter-container input, .contact-container .form-container input, .contact-container .form-container textarea {
    width:94% !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 11px 6px;
}
.contact-container .form-container label {
    font-weight:300;
    font-size:14px;
}
.contact-container .message-alert {
    display:none;
}
.contact-container #map-canvas, .contact-container #map_canvas {
    height: 100%;
    width:100%;
    display:block;
    margin: 0;
    padding: 0;
}
.contact-container #map-canvas img, .contact-container #map_canvas img {
    max-width:none!important
}
.contact-container .personal-contact {
    padding-bottom:9px;
}
.contact-container.map-container .contact-title {
    max-width:75%;
    float:left;
}
.article-container.map-container .close {
    margin-top: 8px;
    margin-bottom: 0px;
}
ul.social-media {
    margin:0px;
    padding:0px;
}
ul.social-media li {
    float:left;
    list-style:none;
    margin-left:10px;
}
ul.social-media li a {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    padding: 7px 0px;
    font-size: 26px;
}
ul.social-media li a:hover {
    text-decoration:none;
}

a.link-linkedin, a.link-linkedin:hover{color:#0077B5;}
a.link-viadeo, a.link-viadeo:hover{color:#f07355};

.no-shadow-content .article-container.newsletter-container aside {
    color:#fff;
    background:#3498db;
    padding-bottom: 18px;
}
.no-shadow-content .article-container.newsletter-container p {
    margin-top:0px;
}
#contactloader{
	width:32px;
	height:32px;
	margin:13px 0 0 20px;
	display:none;
}



/* ------------------------------------------------------------- Footer -------------------------------------------------*/
 .container-footer {
    background:#000 url(img/globe-bottom.png) no-repeat top center;
    padding:50px 0px 60px 0px;
    color:#c4c4c4
}
.container-footer h2 {
    color:#fff;
}
.container-footer .footer-link, .container-footer .footer-link:hover{
	color:#E51400;
}
.social-media-footer ul {
    margin:0px;
}
.social-media-footer ul li {
    list-style:none;
    float:left;
}
.social-media-footer ul li:first-child {
    margin-left:0px;
}
.social-media-footer ul li a {
    width:50px;
    height:50px;
    display:inline-block;
    font-size:25px;
    line-height:50px;
    color:#fff;
    text-align:center
}
ul.social-media li a i, .social-media-footer ul li a i {
    margin-right:0px;
}
.social-media-footer ul li a:hover {
    text-decoration:none;
    opacity:0.9;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
/* Preloader */
 #preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000;
    z-index:99;
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-100px 0 0 -100px;
		width: 200px;
		background-image: url(img/preload.gif);
		background-repeat: no-repeat;
		background-position: center;
}

/* Tweak Default Bootstrap Progress Bar & Skill Bar */
 .progress {
    height:25px;
		background-image:url(img/bar.png);
		background-repeat:repeat-x
}
.progress .bar {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: none;
    font-size: 14px;
    line-height: 24px;
		opacity:0.9
}
.title-score {
    float:right;
    padding:0px 10px;
    height:100%;
    background:url('img/black20.png')
}
/* FlexSlider Necessary Styles */
 .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    content:".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.mini-gallery-container {
    position:relative;
}
.next-slide img, .prev-slide img {
    opacity:0.5;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.next-slide:hover img {
    opacity:1;
    top:0px;
    right:0px
}
.prev-slide:hover img {
    opacity:1;
    bottom:0px;
    left:0px
}
.next-slide {
    width: 61px;
    height: 61px;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 10;
    cursor:pointer
}
.next-slide img {
    position: absolute;
    right: 10px;
    top: 10px;
}
.prev-slide {
    width: 61px;
    height: 61px;
    bottom:0px;
    left:0px;
    position:absolute;
    z-index:10;
    cursor:pointer
}
.prev-slide img {
    position: absolute;
    left: 10px;
    bottom: 10px;
}
/* Isotope Recommendation Setting */
 .iso-four-column {
    padding:30px 0px 0px 0px
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* Font Awesome Size */
 .icon-2 {
    font-size:2em;
}
.icon-3 {
    font-size:4em;
}
.icon-4 {
    font-size:7em;
}
.icon-5 {
    font-size:12em;
}
.icon-6 {
    font-size:20em;
}
/* Basic Video Iframe Embedd */
 video {
    max-width: 100%;
    height: auto;
    border: 0px !important;
}
iframe, embed, object {
    max-width: 100%;
    border: 0px !important;
}

/* IE Tweak */
.ie8 .hi-icon:after {
border: none;
}

.ie8 .nav.nav-pills li a i {
width:25px;
margin:0px auto
}

.ie8 .nav-pills>li>a{
    text-align:center;
}

.ie8 .portfolio-description {
margin-left: 0px;
padding-left: 20px;
}