/*
 Description: customized helix3
 Template:    helix3
 Author:      Alena Moiseeva
 Version:     1.0.0
*/

/* General settings*/
html{font-size:62.5%;}/*=10px*/
body { font-size:1.8em!important;}/*=18px*/
h1,h2,h3,h4,h5,h6 {color:#262626;font-size:1em;}/*=18px*/
a{ transition: color 200ms, background-color 200ms;}
a:hover{color:}
p{ margin: 0 0 5px;}
hr { margin: 10px 0; border-top: 1px solid #aaa;}
td {padding: 5px 10px;}
.small, small { font-size: 0.7em;color:#333;}/*=7px*/

/*Header should be larger*/
#sp-header, #sp-header .logo { height: 110px; }
.sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 110px; }


#sp-top-bar div.profiles a{font-size:14px; font-weight:800;color:#999;margin:0 20px;}
#sp-top-bar div.profiles a:hover{color:#b88b58;}

/*Menu*/
.sp-megamenu-parent > li > a {font-size:0.7em;font-weight:600; color:#ffffff;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background-color: #262626; padding:10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{color:#ffffff;}

/* We change the color scheem.  Meduza. In Presets choose  #b88b58 as the major color.*/
#sp-top-bar{padding: 0!important; background-color:#262626!important; color:white!important;}

#sp-header{background-color:#262626!important;}
#sp-header .logo { }
#sp-header .logo a:hover{ color: #ddd;}
#sp-header .logo a{font-weight:800; font-size:2.6em;text-align:left;}/*=(1.8*2.6)px*/

/* We change the maket.*/
/* Change width of the site. 100% from the screen width, but not more then 1380px.*/
.layout-boxed .body-innerwrapper {width:100%; max-width:1380px;}
/* Change size of the information area*/
.container{width: 97%;}
/* Change the top margin of the body area*/
#sp-main-body{padding:40px 0 0 0;}
/*Homepage Maket:left-component-right*/
/* Change size of the component area for the homepage. */
#sp-component.col-md-6{width:55%;}
#sp-component.col-sm-6{width:55%;}
/* Change size of the right area. For catalog, archives, recent news,etc.*/
#sp-right{width:20%;float:right;}
#sp-right .sp-column{ padding:1em;background-color: #e0e0e0;box-shadow: 0 0 0px #e0e0e0}
/*Paddings for modules:*/
#sp-left {padding:0 1em;}
#sp-component {padding:0 1em;}
#sp-right {padding:0 1em;}

/* We change the right module stylescheet.Categories and Archives*/
.sp-module .sp-module-title{margin: 0 0 0.8em; font-size:1.1em; text-transform: none; font-weight: bold; color:#b88b58;}
.sp-module ul > li > a{color:#262626; font-weight:500; font-size:1em;padding:0;  line-height:1.8;}
.sp-module ul > li{border-bottom: none;}

/* We change the right module stylescheet.Recent Articles.*/
.sp-module .latestnews > div > a{padding-top:5px!important;color:#262626; font-weight:500; font-size:1em; padding:0; line-height:1.4;} 
.sp-module .latestnews > div {color:#262626; padding:0;border-bottom: 1px solid #bbb;}

/*Blog stylescheet.*/
.page-header {margin: 1em 0 1em;}
.page-header h1{font-size:2em;text-align:center;}
.article-info {margin-bottom:0px!important;}
.article-info >dd { font-size:0.9em; text-transform:none;line-height: 0.5;}
 #sp-component .entry-header { margin-bottom: 1em;}
 #sp-component .entry-header h2 { margin: 5px 0 0 0; line-height: 1.3;}
.btn-default { border-color: #b88b58;}
.btn-default:hover {background-color:#b88b58;   color:#fff; border-color: #b88b58;}

/* Left panel with photo.*/
.personal_box img{ border: 4px solid #b88b58;border-radius:50px; display: block;margin: 0px auto 0px auto;box-shadow: 0 0 5px rgba(0,0,0,0.4)}

/* Footer*/
#sp-bottom {font-size:1em; color:#fff;  background-color: #262626!important;    padding: 1em 0px!important;}
#sp-bottom .sp-module .sp-module-title{margin: 0 0 0.8em; font-size:1.3em; text-transform: none; font-weight: bold;}

/* Talks-Page maket:component-right.*/
#sp-component.col-md-9{width:80%;}
#sp-component.col-sm-9{width:80%;}
h3{font-size:1.5em;}
.category-desc p{margin-top:-30px;font-size:1em;}
/* We change stylescheet for the List of Presentations.*/
#sp-component h3.presentation-year{margin-top: 0px; margin-bottom: 20px;}
#sp-component a.presentation-name {font-size:1.2em;font-weight:500; text-decoration: underline;}
#sp-component a.presentation-place{ color:#333;}
#sp-component a.presentation-place:hover{ color:#000;text-decoration: underline;}


/*Contact-page.*/
#sp-component div.contact-page {width:60%; display: inline-block;margin-top:-30px;}
#sp-component div.contact-page h4{font-size:1.3em; font-weight:550;}
#sp-component a.contact-profiles {font-size:1.8em; font-weight:600;padding:2em 2em 0 0;}
#sp-component div.contact-picture{width:40%; display: inline-block; float:right;  margin-top:30px;}

/*CV-page. Research Interests-Page*/
#sp-component div.cv{width:90%;margin:0 auto;}
#sp-component div.cv a{font-size:1.2em;font-weight:500; text-decoration: underline;}
.cv-download {margin: 2em auto; }
.cv-download a{  padding: 0.8em 1.2em; color: #b88b58; background-color: #fff; border: 2px solid #b88b58; border-radius: 10px; font-size: 0.9em; font-weight: 600;}
.cv-download a:hover{ color: #fff; background-color: #b88b58; }
/*Research Interests-Page*/
#sp-component div.ri{width:90%;margin:0 auto;}
#sp-component div.ri a.article-name {font-size:1.1em;font-weight:500; text-decoration: underline;}

/*Projects-Page*/
.project {margin: -20px 30px 0 30px;}
.project h2{font-size:1.5em;color: #b88b58;}