a {
  color: #5AADDD;
}
a:hover {
  color: #0e9cd1;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #5AADDD;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #5AADDD;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #5AADDD;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #5AADDD;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #5AADDD;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons >li a:hover {
  color: #5AADDD;
}
.sp-page-title {
  background: #5AADDD;
}
.layout-boxed .body-innerwrapper {
  background: rgba(255, 255, 255, 0.1);
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #5AADDD;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #5AADDD;
}
.sp-module .tagscloud .tag-name:hover {
  background: #5AADDD;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #5AADDD;
}
.search .btn-toolbar button {
  background: #5AADDD;
}
.post-format {
  background: #5AADDD;
}
.voting-symbol span.star.active:before {
  color: #5AADDD;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #5AADDD;
}
blockquote {
  border-color: #5AADDD;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #5AADDD;
}
#sp-footer {
  background: #5AADDD;
}
.sp-comingsoon body {
  background-color: #5AADDD;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #5AADDD;
  background-color: #5AADDD;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #5AADDD;
  background-color: #5AADDD;
}
/***** PRESET *****/
.at-breaking-item:hover h4,
.at-pricing-item em,
.at-services-item:hover h4,
.at-contact-first-item i,
.at-get-quote-left p strong,
.at-about-second-item:hover h4,
.at-introduction .at-intro-sub:hover h3,
.at-banner-content .sppb-addon-title,
.at-service-item:hover h3,
.at-sub-team h4,
.at-history-sub .at-history-item:hover h3,
.at-statistic i {
    color: #5AADDD!important;
}
.moduleItemReadMore,
.at-breaking-item-button,
.at-pricing-active .at-pricing-button,
.at-pricing-item:hover .at-pricing-button,
.at-promod-button:hover,
.at-work-item:hover h2,
.at-get-quote-button,
.at-team-bottom-button:hover,
.at-services-item:hover em,
.at-our-skill .at-skill-sub p .expand,
.at-introduction .at-intro-sub i,
.at-button:hover,
.at-service-item:hover i,
.at-history-sub .at-history-item:hover i {
    background: #5AADDD!important;
}
.at-check-out-content a:hover,
.blogDate {
    background: #5AADDD;
}
.at-button:hover,
.at-button:hover {
    border: 3px solid #5AADDD!important;
}
.at-services-item:hover i,
#at-testimonial #border-title img:hover,
.at-services-item:hover em {
    border-color: #5AADDD!important;
}
.projects-filter a.selected, 
.projects-filter a.selected:hover,
.projects-filter a:hover {
    background: #5aaddd;
}




/* Цвет фона позиции header (главное меню) */
#sp-header {
    background-color: #fff;
}


.block-01 {
position:relative;
width:100%;
padding:1em;
margin:0 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.block-01:before,
.block-01:after {
content:"";
position:absolute;
z-index:-2;
}
.block-01 p {
font-size:16px;
font-weight:normal;
}
.block-01 ul {
font-size:16px;
font-weight:normal;
}

/* -------------- Мои стили -------------- */

/* Стили блока div без отступов */
.block-02 {
position: relative;
width: 120%;
margin: 0 0 20px;
padding: 3px 10px;
/*background:#fff;*/
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.block-02 img {
	max-width: none;
    margin-left: auto;
    margin-right: auto;
}
.block-02 p {
font-size:14px;
font-weight:normal;
}
/*.block-02:before,
.block-02:after {
content:"";
position:absolute;
z-index:-2;
}
.block-02 p {
font-size:16px;
font-weight:bold;
}*/

.block-03 {
position:relative;
/*width:100%;*/
/*padding:1em;*/
margin:30px 10px;
}


/* Стили таблицы (по умолчанию) */
.default-style-table {
	width: 100%;
	background-color: #fff;
	color: #000;
	font-size: 12pt;
	font-family: sans-serif;
}
/* Ячейки */
.default-style-table tr td {
	padding: 10px;
	border: 1px solid #ccc;
}
/* Шапка */
.default-style-table tr th {
	background-color: #6699FF;
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	font-weight: normal;
	color: #fff;