@charset "utf-8";
/*
Template Name: PlusBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("navi.css");
@import url("forms.css");
@import url("tables.css");
@import url("featured_slide.css");

html{overflow-y:scroll;}
body{margin:0; padding:0;
    letter-spacing: .028em;
    font-size:13px;
    font-family:verdana, Arial, Helvetica, sans-serif;
    color:#b7b7b7;
    /*background-color:#FFFFFF;*/
    background: #121e1b url(images/templatemo_main_bg.jpg) top repeat-x;
}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}
.no_indent {text-indent: 0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{color:#B2C629; /*background-color:#FFFFFF;*/ outline:none; text-decoration:none;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

.logo-img {
    clear: both;
    display:block; 
    float:left; 
    overflow:visible;
    padding-right: 40px;
}
img{display:block; margin:0; padding:0; border:none;}
.imgl, .imgr{border:1px solid #999999; padding:5px; max-width: 125px; max-height: 125px;}
.imgl{margin:0 8px 8px 0; clear:left;}
.imgr{margin:0 0 8px 8px; clear:right;}

.nested_ol {
    list-style-position: outside;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.nested_ol li:before {
    padding-right: 12px;
    font-weight: bold;
    color: #B2C629;
}
.nested_ol li.list_head {
    text-align: center;
    /*font-size: 14px;*/
    font-weight: bold;
    line-height: 1.8em;
    color: #eee;
}
.nested_ol li.list_underhead {
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}
.nested_ol ol.list_content {
    text-align: justify;
    margin-left: 0;
}
.nested_ol li {margin-bottom: 4px}
ol ol.nested_ol > li {
    text-indent: -35px;
    margin-left: 35px;
    margin-bottom: 7px
}
ol ol ol.nested_ol > li {
    text-indent: -58px;
    margin-left: 75px;
}
ol ol ol.nested_ol > li:before {padding-right: 22px;}
ol.nested_ol {counter-reset: olist1;}
ol ol.nested_ol {counter-reset: olist2;}
ol ol ol.nested_ol {counter-reset: olist3;}

ol.nested_ol > li:before {
    counter-increment: olist1;
    content: counter(olist1) ".";
}
ol ol.nested_ol > li:before {
    counter-increment: olist2;
    content: counter(olist1) "." counter(olist2);
}
ol ol ol.nested_ol > li:before {
    counter-increment: olist3;
    content: counter(olist1) "." counter(olist2) "." counter(olist3);
}
ol ol.nested_ol ul li {list-style: disc;}
ul.ul_bright_mark, ol.ul_bright_mark {color: #B2C629;}
ul.ul_bright_mark span, ol.ul_bright_mark span {color: #b7b7b7;}

/* • */

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; margin: 0; text-align:left; min-width: 1280px;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0; padding:0; /*font-size:20px;*/ font-weight:normal; line-height:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.col1{/*color:#CCCCCC;*/ background-color: #121e1b; /*url(../../images/templatemo_main_bg_big.jpg) repeat-x;*/}
/*.col2 {width: 10000px;}*/
.col2, .col2 a {color:#FFFFFF; background-color:#B2C629; margin: 0 auto;}
.col3{color: #cdcdcd; background: #121e1b top repeat-x;}
.col3 a{color:#95AD19; /*background-color:#FFFFFF;*/}
.col4{color:#FFFFFF; background-color:#000000;}
.col4 a{color:#95AD19; background-color:#000000;}
.col5, .col5 a{color:#333333; background-color:#95AD19;}
/* ----------------------------------------------Generalise------------------------------------- */

#header, #topbar, #homepage, #breadcrumb, #container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}

/* ----------------------------------------------Header------------------------------------- */

#header{padding:20px 0; z-index:1000; margin: 0 auto; width: 1008px;}
#header #logo{display:block; float:left; width: 70%; height: 100%; overflow:hidden; padding-bottom: 0; word-spacing: 8px;}
#header #logo h1, #header #logo p{margin:0; padding:0; line-height:2.4;}
#header #logo h1{font-size:32px; text-transform:uppercase;}
#header h1 a{/*color:#B2C629;*/ background-color:#121e1b;*/}

/* ----------------------------------------------BreadCrumb------------------------------------- */

#breadcrumb{padding: 5px 0;  text-shadow: 1px 1px 1px #cfcfcf, -1px -1px 1px #a7a7a7; width: 100%; color: #444; font-size: 13px;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb ul li{display:inline;}
#breadcrumb ul li a {color: #333;}
#breadcrumb ul li.current a, #breadcrumb ul li a:hover {text-decoration:underline; font-weight: bold;}

/* ----------------------------------------------Content------------------------------------- */

#container{padding:20px 0; width: 1008px;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px solid #E7E6E6;}
#container h1.clear, #container h2.clear, #container h3.clear, #container h4.clear, #container h5.clear, #container h6.clear {
    margin:0; padding:0; border-bottom: none;
}
/* ----------------------------------------------Homepage Block------------------------------------- */

.homepage{
    display:block;
    width: 1008px;
    /*margin: 15px 15px 0 25px;
    padding: 7px 0;*/
}
.homepage ul{
    margin:0;
    padding:0 20px;
    list-style:none;
    color: #333;
}
.homepage li {
    display:block;
    float:left;
    width: 280px;
    margin:0 19px 0 0;
    text-align: justify;
}
.homepage li h2{
    display:block;
    width:100%;
    /*height:65px;
    padding:15px 0 8px 0;*/
    font-size: 24px;
    font-weight:normal;
    line-height:normal;
    border-bottom:1px dotted #999999;
    text-align: center;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 0 0 15px 0;
}

.homepage li h2 img{
    float:left;
    margin: -10px 8px 0 0;
    padding:5px;
    border:1px solid #999999;
}
.homepage li.last{
    margin-right:0;
    background-color: #fff;
    padding: 15px;
    float: right;
}
.homepage p{margin:0 0 25px 0;
    /*padding:0 10px 0 0;*/
    line-height:1.6em;
    /*border-right: 1px solid #E7E6E6;*/
}

.latest_news_caption {
    display: block;
    background-color: rgba(48, 67, 62, 0.48);
    color: #fff;
    border-radius: 8px;
    text-align: center;
    margin: 10px 20px 20px 20px;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 0 1px 0;
}

.latest_news_block_caption {
    margin: 5px 0 10px 0;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: dashed;
    border-color: #777;
}

.latest_news_block {
    display: block;
    margin: 15px 20px 20px 20px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px;
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
}

.latest_news_block a {
    /*color: #768700;*/
    color: #3700a7;
    font-weight: 800;
}

p.readmore{
    display:block;
    text-align:right;
    line-height:normal;
    font-weight:bold;
    text-shadow: 1px 1px 1px #474747, -1px -1px 1px #272727;
    border: 0;
    font-size: 14px;
}

p.readmore a{padding:8px 15px 10px; color:#FFFFFF; background-color:#95AD19;}
.homepage .col_img {
    width: 260px;
    height: 200px;
    padding: 10px;
    margin-bottom: 25px;
    border:1px solid #999999;
}
.homepage .col_img img {
    width: 260px;
}
.divider {
    background-color: #fff;
    padding: 15px;
}

.weather_wrapper {
    display: flex;
    background-color: rgba(48, 67, 62, 0.48);
    color: #fff;
    border-radius: 8px;
    text-align: center;
    margin: 10px 20px 20px 20px;
    /*font-size: 24px;*/
    /*font-weight: 700;*/
    /*padding: 10px 0 1px 0;*/
}
.weather_block {
    display: inline-block;
    /*float: left;*/
    margin: auto;
    padding: 10px;
    /*width: 10%;*/
    /*z-index: 200;*/
}
/* ----------------------------------------------Content Block------------------------------------- */

#content{display:block; width: 988px; margin: 0 auto;}

/* Comments */

#comments{margin-bottom:40px;}
#comments .commentlist{margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#95AD19; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#95AD19; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column------------------------------------- */

#column{display:block; float:left; width:255px;}
#column .holder{display:block; width:280px; margin-bottom:20px;}
#column .holder p{line-height:1.6em;}
#column .holder h2.title{display:block; width: 100%; height:65px; margin:0; padding:15px 0 8px 0; font-size:20px; line-height:normal;}
#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;
    text-shadow: 1px 1px 1px #474747, -1px -1px 1px #272727;
}
#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC;}

/* ----------------------------------------------Contract-----------------------------------*/
/* ----------------------------------------------Contract header-----------------------------*/
#contract_head1 {
    text-align: center;
    border-style: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
#contract_head2_left, #contract_head2_right {
    float: left;
    font-size: 1.1em;
    margin: 10px 0 10px 0;
}
#contract_head2_right { float: right; }
.contract_underline { text-decoration: underline; }
/* ----------------------------------------------Contract header-----------------------------*/
/* ----------------------------------------------Contract footer-----------------------------*/
.contract_footer {
    border-style: none;
    border-radius: 7px;
    /*background-color: #314b47;*/
    background-color: #1c3733;
    float: left;
    width: 98%;
    padding: 1px 10px 15px 15px;
    color: #e0e0e0;
}
.contract_footer_header {
    margin: 0;
    font-weight: 800;
    color: #f0f0f0;
    text-align: center;
}
/* ----------------------------------------------Contract footer-------------------------*/
/* ----------------------------------------------Contract-----------------------------------*/

/* ----------------------------------------------Cameras----------------------------------*/
.player_block {
    /*width: 100%;*/
    display: block;
    margin: auto;
}

.player_block_invis {
    display: none;
}
/* ----------------------------------------------Cameras----------------------------------*/

/* ----------------------------------------------Tech chapter FAQ-------------------------*/
#container_tech_chapter {
    position: relative;
    overflow: visible;
    width: 1008px;
    margin: 25px auto;
    letter-spacing: .05em;
    display: block;
}
.tech_chapter_head {
    text-indent: 20px;
    text-align: justify;
    font-size: 15px;
}
.spoiler_block {margin: 20px 0;}
.spoiler_title, .spoiler_body {
    border: none;
    border-radius: 8px;
    background-color: #041512;
    padding: 8px;
    font-size: 14px;
}
.inner {margin: 0 10px;}
.spoiler_title {cursor: pointer;}
.spoiler_title a {color: #ff5b00;}
.spoiler_title.inner {
    background-color: #10291b;
    padding: 6px;
}
.spoiler_title.inner a{color: #95e301;}
.spoiler_body {
    display: none;
    text-indent: 20px;
    padding: 10px 20px;
    text-align: justify;
    line-height: 1.5em;
}
.spoiler_body strong {color: #12cdca;}
.spoiler_body li {margin-bottom: 7px;}
.spoiler_body span.serif_font{
    font-family:  monospace, serif;
    font-size: 17px;
    letter-spacing: .08em;
}
.spoiler_body p {margin: 1px 1px;}
.spoiler_body .centered_paragraph {text-align: center;}
.spoiler_body .float_paragraph_2_columns {
    float: left;
    text-align: center;
    width: 49%;
}
.spoiler_body img, .spoiler_body img.float_img {
    border: 1px solid #888;
    border-radius: 8px;
    padding: 5px;
    margin: 15px auto;
    max-width: 800px;
}
.spoiler_body img.float_img {
    float: left;
    margin-left: 70px;
}
.spoiler_title_open {border-radius: 8px 8px 0 0;}
.spoiler_title_open.inner {
    background-color: #041512;
    border-top: 2px solid #153725;
    border-left: 2px solid #153725;
    border-right: 2px solid #153725;
}
.spoiler_title_open a {
    /*color: #eee;*/
    padding-bottom: 4px;
    border-bottom: 1px dotted #888;
}
.spoiler_body_open {border-radius: 0 0 8px 8px;}
.spoiler_body_open.inner {
    border-bottom: 2px solid #153725;
    border-left: 2px solid #153725;
    border-right: 2px solid #153725;
}
.spoiler_close {
    cursor: pointer;
    text-indent: 0;
    text-align: right;
    color: #ff5b00;
    border-top: 1px dotted #888;
    width: 140px;
    float: right;
}
.spoiler_close.inner {
    color: #95e301;
    margin-top: 10px;
}
.ul_div_right {
    display: inline;
    float: right;
    text-indent: 0;
}
.spoiler_title, .spoiler_body a, .tech_chapter_head a {
    position: relative;
    z-index: 20;
}
/* ----------------------------------------------Tech chapter FAQ-------------------------*/

/* ----------------------------------------------Tech chapter WiFi, Equipment-------------------------*/
.wifi_text, .equip_text {color: #eee;}
p.wifi_text, p.equip_text {
    line-height: 1.7em;
    font-size: 14px;
    color: #bcbcbc;
    text-align: justify;
    text-indent: 25px;
}
p.equip_text{color: #eee;}
.equip_img {
    margin: 15px 10px;
    float:left;
    max-width: 310px;
}
.equip_img img {
    border: 1px solid #888;
    border-radius: 8px;
    padding: 5px;
    width: 280px;
    height: 300px;
}
.equip_img p {
    text-align: center;
    color: #12cdca;
    font-size: 17px;
}
#wifi_img {
    float: left;
    margin-right: 20px;
    max-width: 350px;
    max-height: 300px;
}
.wifi_li li {
    margin-bottom: 8px;
    font-size: 14px;
    margin-left: 20px;
}
a.wifi_text {
    font-size: 14px;
}
.conn_howto_head_block {
    height: 400px;
    margin: 0 0 15px 0;
}
#conn_howto_img {
    float: left;
    height: 400px;
}
#conn_howto_ul {
    display: block;
    width: 420px;
    font-size: 14px;
    float: right;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    line-height: 1.7em;
    margin: 0;
}
#conn_howto_ul li {margin-bottom: 8px;}
.conn_howto_ater {
    display: inline;
    color: #B2C629;
}

/* ----------------------------------------------Tech chapter WiFi, Equipment-------------------------*/

/*----------------------------------------------IT-jokes---------------------------------*/
.it-joke-title {
    border-bottom: 2px dashed #444;
    padding: 0 15px 15px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #95AD19;
    word-spacing: .4em;
}.it-joke, .it-joke-last {
    display: block;
    text-align: justify;
    border: 2px dashed #777;
    border-radius: 11px;
    padding: 0 15px 0 15px;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.6em;
    background-color: #070f0c;
}

.it-joke-last {
    margin-bottom: 1px;
}
.it-joke a.nofinger, .it-joke-last a.nofinger {
    cursor: default;
    /*color: #005aff;
    text-decoration: underline;*/
}
.date_stamp {
    text-align: right;
}
.date_stamp_text {
    border-bottom: 2px dashed #005aff;
    padding: 0 2px 3px 4px;
}
/*----------------------------------------------IT-jokes----------------------------------*/

/*----------------------------------------------Tariffs Layout----------------------------------*/
.tariffs_layout_wrapper {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
}
.tariffs_layout_left {
    width: 48%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
}
.tariffs_layout_center {
    width: 50%;
    float: left;
    position: relative;
    left: 25%;
    text-align: center;
}
.tariffs_layout_right {
    width: 48%;
    float: right;
    position: relative;
    overflow: hidden;
    padding-right: 15px;
}
.tariff_settle_img {
    border: 1px solid #fff;
    padding: 5px;
    min-width: 600px;
    max-width: 600px;
    max-height: 300px;
    min-height: 300px;
    margin: 0 auto;
    overflow: hidden;
}
.tariffs_title {
    font-size: 18px;
    color: #95AD19;
}
/*----------------------------------------------Tariffs Layout----------------------------------*/

/*----------------------------------------------Terminoligy----------------------------------*/
h2#termin {
     color: #eee;
     font-weight: 700;
     text-align: center;
     padding: 12px;
     border-top: 1px solid;
 }

.termin_name {
    color: #eee;
    font-weight: 700;
    text-align: left;
}
/*----------------------------------------------Terminoligy----------------------------------*/

/*----------------------------------------------Contacts page----------------------------------*/
.contacts_wrapper {
    display: block;
    width: 1008px;
    margin: 0 auto;
    position: relative;
}
.contacts_left, .contacts_right {
    float: left;
    width: 49.5%;
    padding-bottom: 25px;
    height: 1100px;
    position: relative;
}
.contacts_left {
    text-align: right;
    border-right: 2px solid #ccc;
}
.contacts_right {
    text-align: left;
}
.contacts_left, .contacts_right {
    margin: 10px 0;
}
.contacts_left p.settle, .contacts_right p.settle, #cin_title {
    font-size: 18px;
    color: #eee;
    font-weight: 700;
}
#cin_title {padding-top: 15px;}
#contacts_mail {
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 15px;
    margin-top: 0;
}
.contacts_left p {padding-right: 50px;}
.contacts_right p {padding-left: 50px;}
.contacts_left ul, .contacts_right ul {list-style-type: none; padding-left: 0; padding-right: 0;}
div.phones_left, div.phone_titles_left {float: right; margin-bottom: 178px;}
div.phones_right, div.phone_titles_right {float: left; margin-bottom: 178px;}
div.phones_left {margin-right: 50px;}
div.phones_right {margin-left: 50px;}
div.phones_left, div.phone_titles_left {text-align: right;}
div.phones_right, div.phone_titles_right {text-align: left;}
div.phone_titles_left, div.phone_titles_right {width: 110px;}
div.phones_left, div.phones_right {width: 270px;}

div.phone_titles_left ul, div.phone_titles_right ul {padding: 0;}
div.phones_left ul {padding-left: 0;}

div.phones_left ul li, div.phone_titles_left ul li,
div.phone_titles_right ul li, div.phones_right ul li,
div.contacts_common .inner ul li {padding-bottom: 10px;}

div.contacts_common {
    z-index: 20;
    margin: 0 auto;
    float: none;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 380px;
}
div.contacts_common .inner {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #243c38;
    width: 50%;
    border: none;
    border-radius: 8px;
}
div.contacts_common .inner ul {list-style-type: none; padding: 0 0 5px 0;}

.left_map, .right_map {
    border: 0;
    position: absolute;
    top: 680px;
    height: 450px;
}
.left_map {margin-right: 50px; left: -150px;}
.right_map {margin-left: 50px; left: 0;}

/*----------------------------------------------Contacts page----------------------------------*/

/* ----------------------------------------------Footer------------------------------------- */

#footer{padding: 20px 0; margin: 0 auto;}
#footer ul{margin:0; padding:0; list-style:none;}
#footer h2{margin:0 0 15px 0; padding:0 0 8px 0; font-size:18px; /*color:#CCCCCC;*/ background-color:#000000; border-bottom:1px dotted #CCCCCC;}
#footer .box{display:block; float:right; width:250px; margin:0 0 0 25px; padding:0;}
#footer .box1{display:block; float:left; width:480px; line-height:1.6em;}
#footer .box1 .imgl{border:1px solid #CCCCCC; padding:5px; color:#FFFFFF; background-color: #0f0f0f;}
#footer .box_contacts {width:400px; float:right; margin-left: 8%;}
.box_contacts_left, .box_contacts_right {
    text-align: center;
    width: 49%;
    margin-bottom: 11px;
}
.box_contacts_left {
    border-right: 2px solid #fff;
    float: left;
}
.box_contacts_right {float: right;}
.box_contacts_left p, .box_contacts_right p {margin-top: 0;}
.box_contacts_left ul li img, .box_contacts_right ul li img {display: inline;}

.contacts_settle {color: #95AD19; font-weight: bold; font-size: 15px;}
#footer .contactdetails li{margin:0 0 8px 0;}
#footer .flickrbox, #footer .flickrbox .wrap{display:block; width:260px;}
#footer .flickrbox .wrap .fix{clear:both;}
#footer .flickrbox .wrap .flickr_badge_image{display:block; float:left; margin:0 10px 10px 0; width:80px; height:80px;}
#footer .flickrbox .wrap #flickr_badge_image3, #footer .flickrbox .wrap #flickr_badge_image6{margin-right:0;}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright{padding:10px 0;}
#copyright p{margin:0; padding:0;}

/* ----------------------------------------------To Top Button------------------------------------- */
#toTop, #toTop2 {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:40px;
    right:15px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:100%;
    background:url(../../images/ui.totop.png) no-repeat left top;
}

#toTop2 {left:15px;}

#toTopHover, #toTopHover2 {
    background:url(../../images/ui.totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus, #toTop2:active, #toTop2:focus {
    outline:none;
}

.personal_page_block {
    float: right;
    display: block;
    color: #ffffff;
    background-color: #333;
    border-style: solid;
    border-width: 2px;
    border-color: #B2C629;
    border-radius: 7px;
    padding: 5px 0;
    margin-left: auto;
    margin-top: 15px;
    width: 99%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 0.8em #000, -1px -1px 0.8em #000, 1px 1px 1px #000, -1px -1px 1px #000;
}

.personal_page_block:hover {
    background-color: #243c38;
}
/* ----------------------------------------------To Top Button------------------------------------- */