/* Fonts */
/* Source Sans Bold */
@font-face {
    font-family: 'source_sans_bold';
    src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Source Sans Light */
@font-face {
    font-family: 'source_sans_light';
    src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Source Sans Regular */
@font-face {
    font-family: 'source_sans_regular';
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Source Sans Semibold */
@font-face {
    font-family: 'source_sans_semibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Source Sans Semibold Italic */
@font-face {
    font-family: 'source_sans_SBdIt';
    src: url('../fonts/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
        url('../fonts/sourcesanspro-semiboldit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, .mainSection, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, .mainSection {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {container: '';container: none;}
table {border-collapse: collapse;border-spacing: 0;}

html * {font-family: "source_sans_regular", sans-serif; color:#444; }
html {overflow: auto;}
.right{float:right!important;}

header h1 a{background: url("../images/logo-lj.jpg") no-repeat 0 0; display: block; height: 100px; text-indent: -9999px;}


.languages li {color:#0af!important;}
.languages li a{font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 24px 0; color:#666!important; text-decoration:none;}
.languages li a:hover, .languages li.selected a{color:#0af!important;}
header > .row > .col-md-6{border-right: 2px solid #0af;}


.image-center{text-align:center; }
.image-center img{width: 200px;margin: 100px auto; border: 8px solid rgba(51,173,238,0.50); text-align:center; padding: -8px;}

.mainBody{padding-top: 120px;}
.About{margin-top: 200px;}
.About img{border: 1px solid #ccc; padding: 5px; text-align:center;}


.container-fluid h1{font-family: "source_sans_bold", sans-serif!important;  color:#0af; font-size:36px; padding-bottom: 8px;}
.container-fluid h2{font-family: "source_sans_bold", sans-serif!important;  color:#0af;font-size:32px; padding-bottom: 6px; }
.container-fluid h3{font-family: "source_sans_semibold", sans-serif!important;  color:#0af;font-size:22px; padding-bottom: 6px; }
.container-fluid h4{font-family: "source_sans_semibold", sans-serif!important;  color:#0af;font-size:18px; padding-bottom: 6px; }
.container-fluid p{font-family: "source_sans_regular", sans-serif!important;  color:#444;font-size:16px; line-height: 28px; padding-bottom: 12px;}
.container-fluid p a{color:#0af;}
.container-fluid p b, .container-fluid strong{font-family:"source_sans_bold", sans-serif!important;}
.container-fluid p i{font-family:"source_sans_SBdIt", sans-serif!important;}
.container-fluid p sup{font-size: 12px;}
.container-fluid p.notes{font-size: 14px;}
.container-fluid dl{padding: 8px 0;}
.container-fluid dt{font-family: "source_sans_semibold", sans-serif!important; padding: 3px 0px 3px 30px; background: url("../images/li.gif") no-repeat 12px 8px;}
.container-fluid dt a{color:#0af;}
.container-fluid dt a:hover{text-decoration: underline;}
.container-fluid dd{padding: 3px 15px 15px 45px; line-height: 22px;}
.container-fluid code{border: 1px solid #fcc; display: block; padding: 1px 2px 1px 15px; font-family:  monospace;margin:0!important; font-size: 14px;}
p.code{margin: 1px 0; padding:0;}

.noteWrapper{background: #eaeaea; padding: 20px; margin-bottom: 100px;}
.Blog h2{padding-left: 20px!important;}
.note{padding:20px;}
.registered{padding-bottom: 70px;}
footer{height: 56px; position: fixed; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.7); }
footer .col-md-6{width: 50%; float:left;}
footer h5{padding: 20px 0;}
footer .nav-social {float:right;}
footer .nav-social li{width: 36px; height: 36px; float:left; margin-left: 15px; margin-top: 10px;}
footer .nav-social li a{display: block; width: 36px; height: 36px; background-image: url("../images/sprite.png"); background-repeat: no-repeat; background-position-x: 0; text-indent: -9999px;}
footer .nav-social li a:hover{background-position-x: -40px!important;}
.linkedinIcon a{background-position-y: 0;}
.githubIcon a{background-position-y: -40px;}
.facebookIcon a{background-position-y: -80px;}
.twitterIcon a{background-position-y: -120px;}
.mediumIcon a{background-position-y: -160px;}

#Portfolio {margin-bottom: 100px; padding-top: 40px; overflow: auto; }
#PortfolioItem{margin-bottom: 70px; margin-top:30px!important; }
.portfolioItem{margin-bottom: 30px; padding: 0!important; }

.portfolioImageWrapper{  position: relative;
                         overflow: hidden; margin: 0 15px;}
.portfolioItem {
    position: relative;
    overflow: hidden;
}

.portfolioTitle{padding-bottom: 30px;}
.pagination{margin-top: 0; margin-bottom: 0;}
.portfolioImageWrapper{position:relative;border-left: 5px solid #fff;}
.portfolioImageWrapper:hover{border-left: 5px solid #0af;}
.portfolioLabel {bottom:0; left:0; right:0; background: rgba(255,255,255,0.9); cursor: pointer; padding: 6px 10px; position: absolute; z-index: 100; }
.portfolioLabel h3 a{text-align:right; font-family: "source_sans_semibold", sans-serif!important;  color:#0af!important;font-size: 20px; display: block;}
.portfolioLabel h3 a:hover{text-decoration:none;}
.PortfolioImage{position: relative;}
.PortfolioImage .imageLabel{padding:10px; position: absolute; height: 50px; bottom:1px; left:1px; right:1px; background: rgba(255,255,255,0.8); }
.imageLabel p{color:#222; font-size: 16px; font-style: italic;}
/* Tooltip Color Modification */
.tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: 1px solid #ccc;
    padding: 4px 8px;
    font-size: 11px;
}
.PortfolioData{margin-bottom: 30px;}

.PortfolioData .glyphicon {font-size: 12px; margin-right: 6px;}
.PortfolioData p{font-size: 18px; line-height: 24px; color:#222; padding: 0 0 10px 0;display: block;}
.container-list {background: transparent!important;padding: 0!important;}
.container-list .glyphicon{color:#0af!important; }
.container-list > li{padding: 5px 0;}
.container-list > li a{color:#0af; font-size: 16px;}
.visit_website{font-size: 16px;}
.visit_website .glyphicon{color:#0af!important;}

.row{}
input.form-control, textarea.form-control{margin-bottom: 8px;}
.alert-danger{padding: 3px!important; color:#c00; overflow: auto; margin-top: 14px!important; font-size: 14px;}
.alert-danger .glyphicon {color:#c00; margin-top:2px!important;}
input.btn-submit{background: #0af!important; padding: 6px 20px!important; color:#fff!important; font-size: 14px; font-weight: normal!important;}

.excerpt{border: 1px solid #0af; display: block;min-height: 62px; margin-bottom: 15px;}
.excerpt span{color:#0af; font-size: 32px; float:left; padding: 15px;}
.excerpt p{color:#0af; font-style: italic; padding: 8px 15px 8px 0; font-size: 16px;}
.carousel-control{background: transparent!important;}
.BlogOutstanding {position:relative;}
.blogLabel{position: absolute;bottom: 0; padding: 12px; left:15px; right:15px; background: rgba(255,255,255,0.9)}
.blogLabel p a{font-size: 16px; line-height: 2px; color:#222; padding: 0 0 6px 0;}
.blogLabel p a:hover{text-decoration:none;}
.blogLabel h2 a{display: block;font-size: 20px; line-height: 24px; color: #0af!important; font-family: "source_sans_semibold", sans-serif!important;padding-bottom: 6px;}
.blogLabel h2 a:hover{text-decoration:none;}
.blogDate span{color:#666; font-size: 14px;}
.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.blogHeader{padding-top: 20px;}
.blogText {padding: 30px 0;}
.blogDate {float:right;}
.blogListBreadcrumb li{padding-bottom: 8px;}
.blogLaster{padding-top: 20px;}
.socialShare{padding-top: 30px;}
.socialShare > div{float:left; padding-left: 10px;}
.socialShare > div:first-child{padding-left: 0;}
.categoryList li{margin-top: 5px;}
.categoryList li a{display: block; padding: 12px; background: #fefefe; border-radius: 5px; color:#0af;border: 1px solid #eee;}
.blogLaster h3{text-align:right; font-size: 20px;}
.blogLaster .row{margin-top: 44px;}
.blogList:hover{border-left: 3px solid #0af; padding-left:12px;}
.blogList p a{font-size: 16px!important; padding-top: 3px!important; display: block;}
.blogList p a:hover{text-decoration:none;}
.categoryList li a:hover{text-decoration:none;border: 1px solid #0af;}
.blogText{margin-bottom: 100px;}


/* Extra small devices (portrait phones, less than 576px)c*/
@media (max-width: 575px) {
    header h1 a{background: url("../images/logo-lj.jpg") no-repeat center center; display: block; height: 70px; text-indent: -9999px;}
    .col-li-3{width: 100%;}
    .col-li-7{width: 100%;}

    .navbar{background:transparent; border:none; box-shadow: none; margin-top:-70px;}
    .navbar-right{width:100%;}
    /*.navbar-right li{width: 25%;}*/
    .navbar-right li a{color:#0af!important;font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 10px; color:#666!important; text-decoration:none;}
    .navbar-right li a:hover, .navbar-right li.selected a{color:#0af!important;}

    .blogHeader h2{padding-left: 0px!important; width: 100%;}
    .blogDate {text-align:right; width: 100%;}
    .blogLaster{padding-top: 0;}
    .blogLaster{margin-bottom: 100px;}
    .blogLaster h3{text-align:left; font-size: 20px;}
    .blogLaster .row{margin-top: 0px;}
    .blogList:hover{border-left: 3px solid #0af; padding-left:12px;}
    .blogList p a{font-size: 16px!important; padding-top: 3px!important; display: block;}
    .blogList p a:hover{text-decoration:none;}
    .categoryList li a:hover{text-decoration:none;border: 1px solid #0af;}
    .blogText{margin-bottom: 100px;}

    .portfolioItem, .col-xs-8 {width: 100%!important; float: none;}
    .PortfolioData{ float: none; width: 100%!important; margin-bottom: 100px;}
    .imageTrigger{width: 48%; padding: 0 1% 10px 1%; float:left;}

    .About{margin-top: 40px;}
    .About .imgWrapper{width: 100%; padding-bottom: 30px;}
    .About .imgWrapper img{border: 1px solid #ccc; padding: 5px; text-align:center; margin: 0 auto; width: 50%;}
    .About .col-md-4{padding-bottom: 60px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .container-fluid{width: 98%;}
    .PortfolioImage{width: 100%!important;float: none;}
    .PortfolioData{width: 100%!important;float: none;}
    .row-eq-height {
        display: auto;


    }
    .thumbsList {bottom:0; position: relative;}
    .thumbsList li {float:left; width: 150px; padding-right: 2%;}
    .thumbsList li img{cursor:pointer;}

    header h1 a{background: url("../images/logo-lj.jpg") no-repeat center center; display: block; height: 70px; text-indent: -9999px;}
    .col-li-3{width: 100%;}
    .col-li-7{width: 100%;}

    .navbar{background:transparent; border:none; box-shadow: none; margin-top:-70px;}
    .navbar-right{width:100%;}
    /*.navbar-right li{width: 25%;}*/
    .navbar-right li a{color:#0af!important;font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 10px; color:#666!important; text-decoration:none;}
    .navbar-right li a:hover, .navbar-right li.selected a{color:#0af!important;}

    .blogHeader h2{padding-left: 0px!important; width: 100%;}
    .blogDate {text-align:right; width: 100%;}
    .blogLaster{padding-top: 0;}
    .blogLaster{margin-bottom: 100px;}
    .blogLaster h3{text-align:left; font-size: 20px;}
    .blogLaster .row{margin-top: 0px;}
    .blogList{width: 50%; float:left;}
    .blogList:hover{border-left: 3px solid #0af; padding-left:12px;}
    .blogList p a{font-size: 16px!important; padding-top: 3px!important; display: block;}
    .blogList p a:hover{text-decoration:none;}
    .categoryList li a:hover{text-decoration:none;border: 1px solid #0af;}
    .blogText{margin-bottom: 100px;}
    .imageTrigger{margin-bottom: 10px;}

    .About{margin-top: 40px;}
    .About .imgWrapper{width: 100%; padding-bottom: 30px;}
    .About .imgWrapper img{border: 1px solid #ccc; padding: 5px; text-align:center; margin: 0 auto;width: 30%;}
    .About .col-md-4{padding: 0 40px 60px 40px;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .container-fluid{width: 98%;}
    .portfolioItem{width: 50%!important;float:left; }
    .PortfolioImage{width: 100%!important;float: none; }
    .PortfolioData{width: 100%!important;float: none;}
    .row-eq-height {
        display: auto;


    }
    .thumbsList {bottom:0; position: relative;}
    .thumbsList li {float:left; width: 150px; padding-right: 2%;}
    .thumbsList li img{cursor:pointer;}
    .BlogOutstanding{width: 50%; float:left; margin-bottom: 30px;}

    header h1 a{background: url("../images/logo-lj.jpg") no-repeat center center; display: block; height: 70px; text-indent: -9999px;}
    .col-li-3{width: 100%;}
    .col-li-7{width: 100%;}
    .navbar{background:transparent; border:none; box-shadow: none;}
    .navbar-right{width:100%;}
    .navbar-right li{width: 25%;}
    .navbar-right li a{color:#0af!important;font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 0; color:#666!important; text-decoration:none;}
    .navbar-right li a:hover, .navbar-right li.selected a{color:#0af!important;}

    .blogHeader h2{padding-left: 0px!important;}
    .blogLaster{margin-bottom: 100px;}
    .blogLaster h3{text-align:left; font-size: 20px;}
    .blogLaster .row{margin-top: 0px;}
    .blogList{width: 50%; float:left;}
    .blogList:hover{border-left: 3px solid #0af; padding-left:12px;}
    .blogList p a{font-size: 16px!important; padding-top: 3px!important; display: block;}
    .blogList p a:hover{text-decoration:none;}
    .categoryList li a:hover{text-decoration:none;border: 1px solid #0af;}
    .blogText{margin-bottom: 100px;}


    .portfolioItem{width: 100%!important;}
    .About{margin-top: 60px;}
    .About .imgWrapper{width: 100%; padding-bottom: 30px;}
    .About .imgWrapper img{border: 1px solid #ccc; padding: 5px; text-align:center; margin: 0 auto;}
    .About .col-md-4{padding: 0 40px 60px 40px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .container-fluid{width: 96%;}
    .portfolioItem{width: 50%; }
    .PortfolioImage{width: 100%!important;float: none; }
    .PortfolioData{width: 100%!important;float: none;}
    .row-eq-height {
        display: auto;


    }
    .thumbsList {bottom:0; position: relative;}
    .thumbsList li {float:left; width: 150px; padding-right: 2%;}
    .thumbsList li img{cursor:pointer;}
    .BlogOutstanding{width: 33.3333%; margin-bottom: 30px;}

    .col-li-3{width: 30%;float:left;}
    .col-li-7{width: 70%;float:left;}
    .navbar{background:transparent; border:none; box-shadow: none;}
    .navbar-right{width:72%;}
    .navbar-right li a{color:#0af!important;font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 46px 0 10px 0; color:#666!important; text-decoration:none;}
    .navbar-right li a:hover, .navbar-right li.selected a{color:#0af!important;}

    .blogHeader h2{padding-left: 0px!important;}
    .blogLaster{margin-bottom: 100px;}
    .blogLaster h3{text-align:left; font-size: 20px;}
    .blogLaster .row{margin-top: 0px;}
    .blogList:hover{border-left: 3px solid #0af; padding-left:12px;}
    .blogList p a{font-size: 16px!important; padding-top: 3px!important; display: block;}
    .blogList p a:hover{text-decoration:none;}
    .categoryList li a:hover{text-decoration:none;border: 1px solid #0af;}
    .blogText{margin-bottom: 100px;}

    .portfolioItem{width: 100%;}

    .About{margin-top: 100px;}
    .About img{border: 1px solid #ccc; padding: 5px; text-align:center;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  and (max-width: 1599px) {
    .container-fluid{width: 90%!important;}
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
    .thumbsList {bottom:0; position: absolute;}
    .thumbsList li {float:left; width: 25%; padding-right: 2%;}
    .thumbsList li img{cursor:pointer;}
    .BlogOutstanding{width: 33.3333%; margin-bottom: 30px;}

    .blogHeader h2{padding-left: 0px!important;}
    .col-li-3{width: 30%;float:left;}
    .col-li-7{width: 70%;float:left;}
    .navbar{background:transparent; border:none; box-shadow: none;}
    .navbar-right{width:62%;}
    .navbar-right li a{color:#0af!important;font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 46px 0 10px 0; color:#666!important; text-decoration:none;}
    .navbar-right li a:hover, .navbar-right li.selected a{color:#0af!important;}

    .mainSection h1{}
    .mainSection h2{}
    .mainSection h3{}
    .mainSection h4{}
    .mainSection h5{}
    .mainSection h6{}
    .mainSection p{font-size: 18px; font-weight: bold!important;}
    .mainSection li{padding: 6px 0 6px 100px!important;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
    .container-fluid{width: 1550px;}
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

    .navbar-right{float:right;}
    .blogHeader h2{padding-left: 0px!important;}
    .col-li-3{width: 30%;float:left;}
    .col-li-7{width: 70%;float:left;}
    .navbar{background:transparent; border:none; box-shadow: none;}
    .navbar-right{width:52%;}
    .navbar-right li{width: 33.3333%;}
    .navbar-right li a{color:#0af!important;font-size: 18px; font-family: "source_sans_semibold", sans-serif!important; text-align:center;display: block;padding: 46px 0 10px 0; color:#666!important; text-decoration:none;}
    .navbar-right li a:hover, .navbar-right li.selected a{color:#0af!important;}

    .thumbsList {bottom:0; position: absolute;}
    .thumbsList li {float:left; width: 25%; padding-right: 2%;}
    .thumbsList li img{cursor:pointer;}
    .contact .col-6{
        width: 50%!important;
    }
}


.skillsTree{width: 80%; margin: 0 auto; }
.skillsTree > div > div:first-child{margin-top: -50px!important;}

div.col-sk-1{float:left; }
.item{border-radius: 50%; width: 100%; height: 100%; text-align:center;}

.item_big{ border-radius: 50%; width: 86.60254%; height: 100%;  margin: 0px auto 0 auto; text-align:center;}
.item_big:hover{ border-radius: 50%; width: 86.60254%; height: 100%;  margin: 0 auto 0 auto; text-align:center;}
.item_medium{ border-radius: 50%; width: 60.621778%; height: 70%;  margin: 15% auto 15% auto; text-align:center;}
.item_small{ border-radius: 40%; width: 34.641016151%; height: 40%;  margin: 30% auto 30% auto;  text-align:center;}


.cell{cursor:pointer;z-index: 1000!important; }
.cel-sk-1{position:relative;}

.b_line{width: 100%; height: 100%; position: absolute; z-index: -10!important;}
.l_000{background: url("../images/l_000.png") no-repeat center center;}
.l_060{background: url("../images/l_060.png") no-repeat center center;}
.l_120{background: url("../images/l_120.png") no-repeat center center;}
.l_180{background: url("../images/l_180.png") no-repeat center center;}
.l_240{background: url("../images/l_240.png") no-repeat center center;}
.l_300{background: url("../images/l_300.png") no-repeat center center;}



.item_big { transition: all .1s ease-in-out; }
.item_big:hover { transform: scale(1.1); }

.item_medium { transition: all .1s ease-in-out; }
.item_medium:hover { transform: scale(1.2); }

.item_small { transition: all .1s ease-in-out; }
.item_small:hover { transform: scale(1.2); }

.cel-sk-1 > div > img{width: 100%;}

#console{border: 1px solid red; position: absolute; left: 0; bottom:0; height: 25px; width: 300px; background: #ccc;}


#div1 {
    position: relative;
    -webkit-perspective: 200px;
    perspective: 200px;
}

#div2 {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}


circle {
    fill: #ddd;
}

path {
    fill: #999;
}

svg.pie {
    width: 230px;
    height: 230px;
}

/* Animations */
/* header */
header h1 a{animation-duration: 1.4s; animation-name: fadeIn; animation-iteration-count: 1;}
.navbar-nav li{opacity:0;}
.navbar-nav li{animation-duration: 0.4s; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards;}
.navbar-nav li:nth-child(1) {animation-delay: 0s; }
.navbar-nav li:nth-child(2) { animation-delay: 0.2s;}
.navbar-nav li:nth-child(3) {  animation-delay: 0.4s;}
.navbar-nav li:nth-child(4) {  animation-delay: 0.6s;}

.imgWrapper{animation-duration: 1s; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards;}
.About .col-md-4{animation-duration: 1s; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards;}
/* footer*/
footer h5{animation-duration: 1.4s; animation-name: fadeIn; animation-iteration-count: 1;}
.nav-social li{opacity:0;}
.nav-social li{animation-duration: 0.4s; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards;}
.nav-social li:nth-child(1) {animation-delay: 0.8s; }
.nav-social li:nth-child(2) { animation-delay: 1s;}
.nav-social li:nth-child(3) {  animation-delay: 1.2s;}

.portfolioList > .portfolioItem{opacity:0;}
.portfolioList > .portfolioItem{animation-duration: 1s; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards;}
.portfolioList > .portfolioItem:nth-child(1) {animation-delay: 0.2s; }
.portfolioList > .portfolioItem:nth-child(2) { animation-delay: 0.4s;}
.portfolioList > .portfolioItem:nth-child(3) {  animation-delay: 0.6s;}
.portfolioList > .portfolioItem:nth-child(4) {  animation-delay: 0.8s;}
.portfolioList > .portfolioItem:nth-child(5) {  animation-delay: 1s;}
.portfolioList > .portfolioItem:nth-child(6) {  animation-delay: 1.2s;}
.portfolioList > .portfolioItem:nth-child(7) {  animation-delay: 1.4s;}
.portfolioList > .portfolioItem:nth-child(8) {  animation-delay: 1.6s;}
.portfolioList > .portfolioItem:nth-child(9) {  animation-delay: 1.8s;}
.portfolioList > .portfolioItem:nth-child(10) {  animation-delay: 2s;}
.portfolioList > .portfolioItem:nth-child(11) {  animation-delay: 2.1s;}
.portfolioList > .portfolioItem:nth-child(12) {  animation-delay: 2.2s;}
.portfolioList > .portfolioItem:nth-child(13) {  animation-delay: 2.3s;}
.portfolioList > .portfolioItem:nth-child(14) {  animation-delay: 2.4s;}
.portfolioList > .portfolioItem:nth-child(15) {  animation-delay: 2.5s;}
.portfolioList > .portfolioItem:nth-child(16) {  animation-delay: 2.6s;}
.portfolioList > .portfolioItem:nth-child(17) {  animation-delay: 2.7s;}
.portfolioList > .portfolioItem:nth-child(18) {  animation-delay: 2.8s;}
.portfolioList > .portfolioItem:nth-child(19) {  animation-delay: 2.9s;}
.portfolioList > .portfolioItem:nth-child(20) {  animation-delay: 3s;}

.PortfolioData{animation-duration: 0.8s; animation-name: fadeIn; animation-iteration-count: 1;}

.thumbsList li{opacity:0;}
.thumbsList li{animation-duration: 1s; animation-delay: 0.8s; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards;}
.thumbsList li:nth-child(1) {animation-delay: 0.2s; }
.thumbsList li:nth-child(2) { animation-delay: 0.4s;}
.thumbsList li:nth-child(3) {  animation-delay: 0.6s;}
.thumbsList li:nth-child(4) {  animation-delay: 0.8s;}
.thumbsList li:nth-child(5) {  animation-delay: 1s;}
.thumbsList li:nth-child(6) {  animation-delay: 1.2s;}

.certification {padding-top: 20px;}
.certification li{height: 50px; }
.certification li p a{height: 50px; padding: 13px 0!important; float:left; }
.lynda_icon{width: 48px; height: 48px; background: url("../images/lynda.png") no-repeat center center; text-indent: -9999px!important; display: block; float:left; margin-right: 15px;}
.uncu_icon{width: 48px; height: 48px; background: url("../images/uncu.png") no-repeat center center; text-indent: -9999px!important; display: block; float:left; margin-right: 15px;}
.uba_icon{width: 48px; height: 48px; background: url("../images/uba.png") no-repeat center center; text-indent: -9999px!important; display: block; float:left; margin-right: 15px;}
.modal-title{font-size: 18px; color:#0af; font-weight: bold;}
.modal-body p{font-size: 16px; color:#444; line-height: 24px;}