body { background:#f7f7f7;}

.top{
    height: 45px;
    width: 100%;
    line-height: 45px;
    text-align: right;
    color: #000;
    /*font-family: 'PT Sans';*/
    font-variant: small-caps;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
    background:white;
}

.top a {
    text-decoration:none;
    color:#000;
    display:inline-block;
    margin-right:15px;
}

.top a:hover { 
    color:#005baa;
    border-bottom:2px solid #eaeaea;
}

a.indexLink {
    text-transform: none;
    font-variant: normal;
    float:left;
    margin-left:30px;
    color:#a8a8a8;
    font-size:16px;
}

.topName { 
    margin:0px 15px;
    color:#005baa;
}

a.active{ 
    border-bottom: 2px solid #005baa !important; 
    color:#005baa;
}

.content {
    background:white;
    width:80%;
    margin:auto;
    box-shadow: 0px 5px 5px #eaeaea;
}

.pageTitle {
    padding:10px 0px 10px 55px;
    font-size:30px;
    font-weight:bold;
}

.mainCont {
    padding:10px 55px 10px 55px;
    font-size:14px;
}

.mainCont:last-child {
    padding-bottom:30px;
}

.subTitle{
    font-weight:bold;
    font-variant: small-caps;
    text-transform: uppercase;
    font-size:13px;
    color:#005baa;
}

.teamTable { 
    margin-top:15px;
    border-spacing: 5px;
}

.teamPhoto {
    height:135px;
    width:135px;
    border-radius:50%;
}

.teamBIO {
    padding-left:15px;
    cursor:default;
}

.teamName {
    font-size:14px;
    font-weight:bold;
}

.teamInfo {
    font-size:13px;
    color:#a8a8a8;
}

.teamTech {
    display:inline-block;
    border:1px solid #eaeaea;
    border-radius:3px;
    padding:2px 8px;
    margin:2px 1px;
    background-color:#f7f7f7;
    font-size:13px;
    cursor:default;
}

.footerCont {
    margin-top:30px;
    height:50px;
    
}

.footerBack{
    text-align:center;
    font-size:11px;
}

.footerBack a {
    text-decoration:none;
    color:#a8a8a8;
    display:inline-block;
    margin:0px 10px;
}

.footerBack a:hover {color:#585858;}


.socialVK {background-position:-160px 0px;}
.socialFacebook {background-position:-200px 0px;}
.socialTwitter {background-position:-240px 0px;}
.socialInstagram {background-position:-280px 0px;}


/*PROJECTS*/

.pr_photo{
    width:135px;
    height:135px;
    border-radius:50%;
}

.pr_BIO { margin-left:15px;}

.pr_Name a {
    font-size:18px;
    color:#005baa;
    text-decoration:none;
}

.pr_Desc{
    width:80%;
    font-size:13px;
    color:#5C5C5C;
}

.pr_Title {
    font-size: 20px;
    color: #005baa;
}


.pr_fullDesc {
    padding: 20px 0px;
    line-height:20px;
}


.pr_rightBlock {
    display: inline-block;
    width: 28%;
    vertical-align: top;
    padding: 20px 0px;
}

.pr_stats{
    font-size:13px;
}


.pr_firstWords {
    padding: 10px 55px;
    border-bottom: 1px solid #f7f7f7;
}

.pr_links {
    text-decoration:none;
    color:#005baa;
    font-size:13px;
    display:block;
}

.pr_links:hover {
    color:#005baa;
}

.pr_aim{
    margin-left: -55px;
    padding-left: 55px;
    background: #F7F7F7;
    padding: 15px 0px 15px 55px;
}

.pr_photoNav{
    display: inline-block;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    margin: 0px 5px;
    background: #f7f7f7;
    border: 1px solid #a8a8a8;
    transition:1s;
    cursor:pointer;
}

.pr_photoNav:hover {
    border: 1px solid #005baa;
}

.pr_photoNav.selected{
    background:#005baa;
    border:1px solid #005baa;
}


.pr_mobilePhotos {
    height: 500px;  
    margin: 15px 15px;  
    background-position: 19px 73px;  
    background-repeat: no-repeat;  
    background-size: 203px 357px;
}

.pr_webPhotos {
    margin: 15px 15px;  
    background-repeat: no-repeat;  
    background-position: 25px 30px;
    background-size:549px 310px;
}



.pr_photoComment {
    margin-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    transition:1s;
    width: 300px;
    height:50px;
}

.pr_DescSpecial {
    border-left: 2px solid #005baa;  
    background: #FAFAFA;  
    padding: 10px 20px;
}

img.pr_otherPhoto {
    max-width: 600px;
    margin: 10px 0px;
    border: 1px solid #eaeaea;
}


@media only screen and (max-device-width: 700px) {
    .content{ width:100%;}
    .mainCont, .pr_rightBlock{display:block !important;width:auto !important;}
    .pr_rightBlock {padding: 50px 55px 10px 55px;background:#f7f7f7;}
    .subTitle, .teamTech, .pr_stats, .pr_links, .mainCont, .pr_rightBlock, .pr_Title, .pr_Desc, .pr_fullDesc, .pr_Name a, .teamInfo, .teamName {font-size:40px !important;line-height:60px !important;}
    .footerBack, .social {font-size:30px;}
    .footerCont{height:auto;padding-bottom:20px;}
    .topName{display:none;}
    .pr_Desc {width:auto !important;}
    .pr_BIO {padding:40px 0px;}
    .teamTable{ border-spacing:0px !important;}
    .pr_aim{width:100%;padding-right:55px;margin-bottom:20px;padding-bottom:30px;padding-top:30px;}
    .pr_photo {width:auto !important; height:auto !important;}
    .teamTech{ background-color:#DFDFDF; margin:5px 5px;text-align:center;border-radius:10px;padding:2px 20px;}

    .top, .menu{height:100px;line-height:100px;font-size:30px;width:auto;}
    .menu{width:100%;}
    .menuItem.logo{top:30px;}
    .indexText, span.indexTextHead{font-size:30px;}
    a.indexLink{font-size:30px;}

}