/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2021 olwebdesign.com. All Rights Reserved.
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/
.about-layout2 {
 position:relative;
 padding:40px
}
.about-layout2 .about__Text {
 position:relative;
 padding-left:40px
}
.about-layout2 .about__Text:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:2px;
 height:100%;
 background-color:#091d3e
}
.about-layout2 .blockquote {
 position:absolute;
 bottom:0;
 right:0;
 padding:45px;
 max-width:340px;
 border-radius:5px 0 5px 0;
 background-color:#091d3e
}
.about-layout2 .blockquote:before {
 content:"";
 bottom:-10px;
 left:45px;
 position:absolute;
 display:block;
 border-top:0 solid transparent;
 border-bottom:10px solid transparent;
 border-left:12px solid #091d3e
}
.about-layout2 .blockquote:after {
 content:"\e91b";
 font-family:icomoon;
 position:absolute;
 left:50px;
 top:-20px;
 font-size:50px;
 line-height:1;
 color:#fff
}
.about-layout2 .blockquote .blockquote__title {
 color:#fff;
 font-size:17px;
 font-weight:600;
 font-style:italic;
 line-height:1.5;
 margin-bottom:17px
}
.about-layout2 .blockquote .blockquote__author {
 position:relative;
 padding-left:20px;
 font-size:14px;
 font-weight:700
}
.about-layout2 .blockquote .blockquote__author:after {
 content:'';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:10px;
 height:2px;
 background-color:#0092ff
}
.list-items-layout2{
 margin-top: 30px;
}
.list-items li {
    position: relative;
    padding-left: 27px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 9px;
}
.list-items-layout2 li::before {
    color: #fff;
    border-color: #091d3e;
    background-color: #091d3e;
}
.list-items li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 9px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    color: #0092ff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sp-bookmarks ul.social-icons {
    float: right;
    padding: 6px;
    font-size: 18px;
}
#sp-bookmarks ul.social-icons a {
    color: #555;
}
#sp-newsletter{
    text-align: center;
}

.newsletter-signup{
  max-width: 500px; margin: 0px auto
}
#sp-newsletter .newsletter-signup form {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex
}
	
#sp-newsletter .newsletter-signup form input[type=text] {
 background:#fff;
 border:none;
 border-radius:3px 0 0 3px;
 color:rgba(0,0,0,.6);
 padding:2px 20px;
 height:46px
}	
#sp-newsletter .newsletter-signup form button{
 padding:10px 30px;
 height:46px
}

.sp-megamenu-parent > li > a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 50%, rgba(0,0,0,.5) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1.5s infinite;
  transition: 0.35s;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

#sp-tops, #sp-adv, #sp-bkm {
    position: relative;
    z-index: 10;
}
.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 5px 10px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.beige {
	color: #000;
	background-color: #e3e1df;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.greys {
	color: #333;
	background-color: #fafafa;
	margin: 0 auto 5px auto;
	padding: 5px;
}
.greys:hover {
	color: #333;
	background-color: #ddd;
}

.blues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
    background: #006699;
    background: -moz-linear-gradient(45deg, #006699 0%, #3399cc 100%);
    background: -webkit-linear-gradient(45deg, #006699 0%,#3399cc 100%);
    background: linear-gradient(45deg, #006699 0%,#3399cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#3399cc',GradientType=1 );
}

.greens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #669933;
    background: -moz-linear-gradient(45deg, #669933 0%, #66cc33 100%);
    background: -webkit-linear-gradient(45deg, #669933 0%,#66cc33 100%);
    background: linear-gradient(45deg, #669933 0%,#66cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#66cc33',GradientType=1 );
}
.oranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #ff7b26;
    background: -moz-linear-gradient(45deg, #ff7b26 0%, #ffc108 100%);
    background: -webkit-linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    background: linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b26', endColorstr='#ffc108',GradientType=1 );
}

.reds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #f32328;
    background: -moz-linear-gradient(45deg, #f32328 0%, #fe583c 100%);
    background: -webkit-linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    background: linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32328', endColorstr='#fe583c',GradientType=1 );}

.colors {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
}
.reds h3::before,.oranges h3::before,.greens h3::before,.blues h3::before,.dark h3::before,.colors h3::before   {background-color:#fff !important;}
.sp-module h3::before {
    content: '';
    width: 60px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sp-module h3::after {
    content: "";
    left: 61px;
    bottom: 0px;
    height: 2px;
    width: 30px;
    background-color: #bbbbbb;
    position: absolute;
}
.sp-module h3 {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.dark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.dark a, .colors a { color: #ddd !important;}