Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found
in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 88
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 215
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 216
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 217
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 218
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 219
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 220
/*
*
* CUSTOM.CSS
*
* + TYPOGRAPHY
* + WAVES EFFECT
* + HEADLINE
* + ALERTS
* + LISTS
* + LOGOS LIST
* + BUTTONS
* + POPOVER
* + DIVIDERS
* + TEXT BOXES
* + NUMBER BOXES
* + MENU BOXES
* + IMAGE BOXES
* + ACCORDION
* + TABS
* + GOOGLE MAPS
* + SOCIAL MEDIA
* + PIE CHARTS
* + PROGRESS BARS
* + COUNTERS
* + COUNTDOWN
* + STATISTICS
* + PRICE PLAN
* + PROCESS STEPS
* + TIMELINE
* + TESTIMONIALS
* + ISOTOPE
* + FILTER
* + PAGINATION
* + BREADCRUMB
* + FULL SECTIONS
* + VIDEO PLAYER
* + SCROLL UP
* + SLIDERS
* + FULLPAGE
* + FANCYBOX
* + ANIMATIONS
* + WIDGETS
*/
/***********************************************************************************
* + TYPOGRAPHY
***********************************************************************************/
body {
position: relative;
left: 0;
font: 16px/28px "Source Sans Pro", sans-serif;
background-color: #fff;
color: #636363;
-webkit-transition: left 0.25s;
transition: left 0.25s;
}
.body-overlay:after {
position: fixed;
z-index: 8000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
content: "";
}
body.secondary-menu-open {
left: -240px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #252525;
font-weight: 700;
}
h1 {
margin-bottom: 10px;
font-size: 48px;
line-height: 64px;
}
h2 {
margin-bottom: 10px;
font-size: 42px;
line-height: 56px;
}
h3 {
margin-bottom: 10px;
font-size: 32px;
line-height: 42px;
}
h4 {
margin-bottom: 10px;
font-size: 24px;
line-height: 32px;
}
h5 {
margin-bottom: 10px;
font-size: 18px;
line-height: 24px;
}
h6 {
margin-bottom: 10px;
font-size: 16px;
line-height: 22px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #252525;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #3cbbd6;
text-decoration: none;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
color: inherit;
font-size: 85%;
font-weight: inherit;
}
p {
margin-bottom: 20px;
}
/* LINKS */
a {
color: #3cbbd6;
}
a:hover,
a:focus {
outline: 0;
color: #3cbbd6;
}
/* IMAGES */
img {
max-width: 100%;
height: auto;
}
/* ADDRESS */
address {
line-height: inherit;
}
/* FORMS */
input,
select,
textarea {
position: relative;
z-index: 1;
display: block;
max-width: 100%;
height: 35px;
padding: 5px 20px;
border: 2px solid #ebebeb;
border-radius: 20px;
margin-bottom: 20px;
background-color: #fff;
font-size: 14px;
line-height: 20px;
}
label {
position: relative;
font-weight: normal;
}
textarea {
height: 120px;
}
select {
width: 100%;
height: 50px;
border-radius: 0;
background: #fff url(../images/arrow.png) no-repeat center right;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
input[class^="col-"],
select[class^="col-"],
textarea[class^="col-"] {
padding: 5px 20px;
}
textarea:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="image"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
border-color: #dddddd;
box-shadow: none;
outline: 0;
}
select:focus {
outline: none;
}
input[type="radio"],
input[type="checkbox"] {
position: relative;
display: inline-block;
height: 0;
opacity: 0;
margin-left: 0;
margin-bottom: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"] ~ span,
input[type="checkbox"] ~ span {
position: absolute;
display: inline-block;
top: 2px;
left: 0;
width: 24px;
height: 24px;
margin-right: 10px;
}
input[type="checkbox"] ~ span {
background: url(../images/check.png) no-repeat top center;
}
input[type="radio"] ~ span {
border-radius: 50%;
background: url(../images/radio.png) no-repeat top center;
}
input[type="radio"]:checked ~ span,
input[type="checkbox"]:checked ~ span {
background-color: #3cbbd6;
background-position: bottom center;
}
.radio label,
.checkbox label {
padding-left: 35px;
margin-bottom: 15px;
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
padding: 10px 30px;
border: none;
background-color: #3cbbd6;
color: #fff;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
button:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
box-shadow: none;
outline: 0;
}
::-moz-placeholder {
color: #8f8f8f;
font-size: 12px;
font-weight: 300;
font-style: italic;
}
::-webkit-input-placeholder {
color: #8f8f8f;
font-size: 12px;
font-weight: 300;
font-style: italic;
}
:-ms-input-placeholder {
color: #8f8f8f;
font-size: 12px;
font-weight: 300;
font-style: italic;
}
/* TABLES */
table th {
text-transform: uppercase;
color: #252525;
}
table td {
padding: 0 20px;
}
table td a {
color: inherit;
}
/* TRANFORMATION CLASSES */
.text-transform-none {
text-transform: none !important;
}
.text-mute {
color: #b4b4b4;
}
.text-md {
font-size: 20px;
line-height: 28px;
}
.text-lg {
font-size: 24px;
line-height: 32px;
}
.text-xl {
font-size: 100px;
line-height: 92px;
}
i.text-xl {
font-size: 170px;
line-height: 170px;
}
.text-special {
font-family: "Playfair Display", serif;
font-weight: 400;
font-style: italic;
}
.text-gradient {
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #3cbbd6;
}
.text-default-color {
color: #3cbbd6;
}
.text-highlight {
display: inline-block;
padding: 10px 15px;
margin: 5px 0;
background-color: #3cbbd6;
color: #fff;
}
.text-highlight-dark {
display: inline-block;
padding: 10px 15px;
margin: 5px 0;
background-color: #252525;
color: #fff;
}
.text-highlight-gradient {
display: inline-block;
padding: 10px 15px;
margin: 5px 0;
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
color: #fff;
}
.dropcap:first-letter {
float: left;
font-size: 52px;
height: 44px;
margin-top: 12px;
margin-right: 10px;
}
.dropcap-2:first-letter {
float: left;
padding: 10px 11px;
color: #fff;
font-size: 38px;
height: 44px;
margin-top: 7px;
margin-right: 10px;
text-transform: uppercase;
}
.dropcap-2.default:first-letter {
background-color: #3cbbd6;
}
.dropcap-2.dark:first-letter {
background-color: #252525;
}
.dropcap-2.gradient:first-letter {
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
}
.last,
.no-margin-bottom {
margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
.border-left-xl {
border-left: 1px solid #e1e1e1;
}
.border-right-xl {
border-right: 1px solid #e1e1e1;
}
}
@media (max-width: 767px) {
.last {
margin-bottom: 20px !important;
}
.text-xl {
font-size: 72px;
line-height: 60px;
}
}
/***********************************************************************************
* + WAVES EFFECT
***********************************************************************************/
.waves {
position: relative;
z-index: 1;
overflow: hidden;
display: inline-block;
-webkit-user-select: none;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.waves .waves-ripple {
position: absolute;
z-index: -1;
width: 20px;
height: 20px;
border-radius: 50%;
margin-top: -10px;
margin-left: -10px;
background-color: rgba(255, 255, 255, 0.35);
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.waves.waves-dark .waves-ripple {
background-color: rgba(0, 0, 0, 0.2);
}
/***********************************************************************************
* + HEADLINE
***********************************************************************************/
.headline {
margin-bottom: 70px;
}
.headline:before {
display: inline-block;
width: 2px;
height: 33px;
margin-bottom: 15px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
content: "";
}
.headline.text-center:before {
margin: 0 auto 15px;
}
.headline h1 {
font-size: 60px;
}
.headline h2 {
text-transform: uppercase;
}
.headline h5 {
margin-bottom: 7px;
color: #636363;
font-family: "Playfair Display", serif;
font-weight: 400;
font-style: italic;
}
.headline p {
margin-bottom: 0;
}
/* STYLE 2 */
.headline.style-2:before {
position: relative;
top: 10px;
display: block;
width: 40px;
height: 2px;
margin-bottom: 0;
margin-left: -55px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(right, #3cbbd6, #00ff96);
background: -ms-linear-gradient(right, #3cbbd6, #00ff96);
background: linear-gradient(right, #3cbbd6, #00ff96);
}
@media (max-width: 767px) {
.headline h1 {
font-size: 48px;
line-height: 52px;
}
}
/***********************************************************************************
* + ALERTS
***********************************************************************************/
.alert {
padding: 10px 30px;
border: none;
border-radius: 25px;
color: #fff;
text-align: center;
}
.alert.squares {
border-radius: 0;
}
.alert.alert-info {
background-color: #252525;
}
.alert.alert-danger {
background-color: #ff0050;
}
.alert.alert-success {
background-color: #3cbbd6;
}
.alert.alert-warning {
background-color: #ffed19;
color: #252525;
}
h1.error {
position: relative;
float: left;
padding: 40px 0;
margin-right: 70px;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: 150px;
line-height: 150px;
font-weight: 600;
}
h1.error:after {
position: absolute;
top: 5px;
right: -35px;
display: block;
width: 2px;
height: 100%;
background-color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
content: "";
}
@media (max-width: 991px) {
h1.error {
float: none;
}
h1.error:after {
display: none;
margin-right: 0;
}
}
/***********************************************************************************
* + LISTS
***********************************************************************************/
/* GENERAL */
ul,
ol {
padding: 0;
list-style-position: inside;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 20px;
}
dl {
margin-bottom: 20px;
}
/* BULLET LIST */
.bullet-list {
list-style: none;
margin-bottom: 20px;
}
.bullet-list li {
margin-bottom: 5px;
}
.bullet-list li:last-child {
margin-bottom: 0;
}
.bullet-list li:before {
position: relative;
top: -3px;
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 12px;
background-color: #3cbbd6;
content: "";
}
/* DISC LIST */
.disc-list {
margin-bottom: 20px;
font-weight: 600;
list-style: none;
}
.disc-list li {
margin-bottom: 5px;
}
.disc-list li:last-child {
margin-bottom: 0;
}
.disc-list li:before {
position: relative;
top: -1px;
display: inline-block;
width: 7px;
height: 7px;
border: 2px solid #636363;
border-radius: 50%;
margin-right: 25px;
content: "";
}
/* CHECK LIST */
.check-list {
list-style: none;
margin-bottom: 20px;
}
.check-list li {
margin-bottom: 5px;
}
.check-list li:last-child {
margin-bottom: 0;
}
.check-list li:before {
display: inline-block;
width: 8px;
height: 14px;
border: solid #3cbbd6;
border-width: 0 2px 2px 0;
margin-right: 15px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
/* PLUS LIST */
.plus-list {
margin-bottom: 20px;
list-style: none;
}
.plus-list li {
margin-bottom: 10px;
}
.plus-list li:last-child {
margin-bottom: 0;
}
.plus-list li:before {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 15px;
background-color: #3cbbd6;
color: #fff;
font-size: 16px;
line-height: 19px;
font-weight: 700;
text-align: center;
content: "+";
}
/* PLUS LIST 2 */
.plus-list-2 {
margin-bottom: 20px;
list-style: none;
}
.plus-list-2 li {
position: relative;
padding-left: 55px;
margin-bottom: 20px;
font-weight: 600;
color: #252525;
}
.plus-list-2 li:last-child {
margin-bottom: 0;
}
.plus-list-2 li:before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 38px;
height: 38px;
border-radius: 50%;
margin-right: 15px;
background-color: #3cbbd6;
color: #fff;
font-size: 18px;
line-height: 37px;
font-weight: 700;
text-align: center;
content: "+";
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* PLUS LIST 3 */
.plus-list-3 {
margin-bottom: 20px;
list-style: none;
}
.plus-list-3 li {
position: relative;
padding-left: 55px;
margin-bottom: 15px;
font-weight: 600;
color: #252525;
}
.plus-list-3 li:last-child {
margin-bottom: 0;
}
.plus-list-3 li:before,
.plus-list-3 li:after {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
border-radius: 50%;
color: #252525;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.plus-list-3 li:before {
width: 32px;
height: 32px;
margin-right: 15px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(30deg, #3cbbd6, #00ff96);
background: -ms-linear-gradient(30deg, #3cbbd6, #00ff96);
background: linear-gradient(30deg, #3cbbd6, #00ff96);
content: "";
}
.plus-list-3 li:after {
width: 28px;
height: 28px;
margin-left: 2px;
background-color: #fff;
font-size: 18px;
line-height: 27px;
font-weight: 700;
text-align: center;
content: "+";
}
/* DARK SECTIONS */
.full-section.dark-section .disc-list li:before {
border-color: inherit;
}
.full-section.dark-section .plus-list-2 li,
.full-section.dark-section .plus-list-3 li {
color: inherit;
}
/***********************************************************************************
* + LOGOS LIST
***********************************************************************************/
.logos-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 50px;
text-align: center;
list-style: none;
}
.logos-list li {
flex-basis: 20%;
}
.logos-list li a {
display: block;
height: 45px;
padding: 0 20px;
margin: 20px 0;
text-align: center;
background: no-repeat top center;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.logos-list li a:hover {
background-position: bottom center;
}
@media (min-width: 576px) and (max-width: 991px) {
.logos-list li {
flex-basis: 33.3333%;
}
}
@media (max-width: 575px) {
.logos-list li {
flex-basis: 50%;
}
}
/***********************************************************************************
* + BUTTONS
***********************************************************************************/
.btn {
position: relative;
z-index: 1;
padding: 19px 37px;
margin-right: 20px;
margin-bottom: 20px;
border: none;
border-radius: 30px;
font: 700 12px/24px "Raleway", sans-serif;
letter-spacing: 1.2px;
text-transform: uppercase;
cursor: pointer;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.btn:last-child {
margin-right: 0;
}
.btn:focus,
.btn:active {
outline: 0 !important;
box-shadow: none;
}
.btn-xs {
padding: 15px 30px;
font-size: 11px;
}
.btn-lg {
padding: 19px 50px;
}
.btn-xl {
padding: 19px 100px;
}
/* STYLE 1 */
.btn-style-1 {
color: #fff;
}
.btn-style-1:before,
.btn-style-1:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 25px;
content: "";
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-1:before {
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
opacity: 0.45;
}
.btn-style-1:after {
margin: 7px;
background-color: #3cbbd6;
}
.btn-style-1:hover {
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.btn-style-1:hover,
.btn-style-1:focus {
color: #fff;
}
.btn-style-1:hover:before {
opacity: 1;
}
.btn-style-1:hover:after {
opacity: 0;
}
/* STYLE 2 */
.btn-style-2 {
color: #636363;
}
.btn-style-2:before,
.btn-style-2:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 25px;
content: "";
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-2:before {
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
opacity: 0.45;
}
.btn-style-2:after {
margin: 7px;
background-color: #fff;
}
.btn-style-2:hover {
color: #3cbbd6;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.btn-style-2:hover:before {
opacity: 1;
}
/* STYLE 3 */
.btn-style-3,
.btn-style-3:focus {
color: #fff;
}
.btn-style-3:before,
.btn-style-3:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 25px;
content: "";
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-3:before {
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
}
.btn-style-3:after {
margin: 7px;
background-color: #212433;
}
.btn-style-3:hover {
color: #fff;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.btn-style-3:hover:before {
opacity: 1;
}
.btn-style-3:hover:after {
opacity: 1;
background-color: transparent;
}
/* STYLE 4 */
.btn-style-4 {
color: #fff;
}
.btn-style-4:before,
.btn-style-4:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 25px;
content: "";
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.btn-style-4:before {
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
opacity: 0.45;
}
.btn-style-4:after {
margin: 7px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
}
.btn-style-4:hover {
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.btn-style-4:hover,
.btn-style-4:focus {
color: #fff;
}
.btn-style-4:hover:before {
opacity: 1;
}
.btn-style-4:hover:after {
opacity: 0;
}
/* SQUARE BUTTONS */
.btn.btn-square,
.btn-style-1.btn-square:before,
.btn-style-1.btn-square:after,
.btn-style-2.btn-square:before,
.btn-style-2.btn-square:after,
.btn-style-3.btn-square:before,
.btn-style-3.btn-square:after,
.btn-style-4.btn-square:before,
.btn-style-4.btn-square:after {
border-radius: 0;
}
/* DARK SECTION */
.full-section.dark-section .btn-style-2:hover {
color: #3cbbd6;
}
/***********************************************************************************
* + POPOVER
***********************************************************************************/
.popover-btn {
padding: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #3cbbd6;
background: -webkit-linear-gradient(75deg, #3cbbd6, #00ff96);
background: -ms-linear-gradient(75deg, #3cbbd6, #00ff96);
background: linear-gradient(75deg, #3cbbd6, #00ff96);
font-size: 24px;
line-height: 48px;
font-weight: 600;
text-align: center;
cursor: pointer;
}
.popover-btn:before {
position: relative;
z-index: 3;
content: "+";
}
.popover-btn[aria-describedby]:before {
line-height: 30px;
content: "-";
}
.popover-btn span,
.popover-btn span:before {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
background-color: #3cbbd6;
background: -webkit-linear-gradient(75deg, #3cbbd6, #00ff96);
background: -ms-linear-gradient(75deg, #3cbbd6, #00ff96);
background: linear-gradient(75deg, #3cbbd6, #00ff96);
}
.popover-btn span {
margin: -13px;
opacity: 0.5;
}
.popover-btn span:before {
margin: -13px;
opacity: 0.25;
content: "";
}
.popover {
z-index: 1;
padding: 0 25px;
border: none;
margin-top: 50px;
background-color: transparent;
}
.popover .arrow {
display: none;
}
.popover-body {
font-family: "Source Sans Pro", sans-serif;
}
.popover-body h6 {
margin-bottom: 5px;
font-size: 16px;
font-weight: 600;
}
/***********************************************************************************
* + DIVIDERS
***********************************************************************************/
.hr {
height: 1px;
margin: 50px 0;
background-color: #e1e1e1;
}
.hr.default-color {
background: #3cbbd6;
}
.hr.gradient-color {
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
}
.hr.black {
background-color: #252525;
}
/***********************************************************************************
* + TEXT BOXES
***********************************************************************************/
.text-box {
width: 100%;
padding: 45px 30px;
margin-bottom: 50px;
background-color: #f8f9fb;
color: #636363;
text-align: center;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.text-box.round {
border-radius: 15px;
}
.text-box h6 {
margin-bottom: 5px;
color: #3cbbd6;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.text-box h4 {
margin-bottom: 20px;
font-weight: 600;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.text-box > *:last-child {
margin-bottom: 0;
}
.text-box:hover {
background-color: #252525;
color: #b4b4b4;
}
.text-box:hover h6 {
color: #fff;
}
.text-box:hover h4,
.text-box:hover h4 a {
color: #3cbbd6;
}
.text-box:hover h4 a:hover {
color: #fff;
}
.text-box > *:last-child {
margin-bottom: 0;
}
.text-box.dark {
background-color: #252525;
color: #fff;
}
.text-box.dark a,
.text-box.dark h1,
.text-box.dark h2,
.text-box.dark h3,
.text-box.dark h4,
.text-box.dark h5,
.text-box.dark h6 {
color: inherit;
}
.text-box.dark a:hover {
color: #3cbbd6;
}
.text-box.dark .service-box.style-4 > i:before {
-webkit-text-fill-color: #fff;
}
/* STYLE 2 */
.text-box-2 {
position: relative;
width: 100%;
height: 100%;
padding: 10%;
margin-bottom: 50px;
background: #f8f9fb no-repeat center center;
background-size: cover;
}
.text-box-2.bordered:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-top: 2px solid #00ff96;
border-bottom: 2px solid #3cbbd6;
background-size: 2px 100%;
background-position:0 0, 100% 0;
background-repeat: no-repeat;
background-image: linear-gradient(0deg, #00ff96, #3cbbd6), linear-gradient(0deg, #00ff96, #3cbbd6);
content: '';
}
.text-box-2 > *:last-child {
margin-bottom: 0;
}
.text-box-2.default {
background-color: #3cbbd6;
background: -webkit-linear-gradient(220deg, #3cbbd6, #00ff96);
background: -ms-linear-gradient(220deg, #3cbbd6, #00ff96);
background: linear-gradient(220deg, #3cbbd6, #00ff96);
color: #fff;
}
.text-box-2.dark {
background-color: #252525;
color: #fff;
}
.text-box-2.default a,
.text-box-2.default h1,
.text-box-2.default h2,
.text-box-2.default h3,
.text-box-2.default h4,
.text-box-2.default h5,
.text-box-2.default h6,
.text-box-2.dark a,
.text-box-2.dark h1,
.text-box-2.dark h2,
.text-box-2.dark h3,
.text-box-2.dark h4,
.text-box-2.dark h5,
.text-box-2.dark h6 {
color: inherit;
}
.text-box-2.dark a:not(.btn):hover,
.text-box-2.default a:not(.btn):hover {
color: #3cbbd6;
}
.text-box-2.dark input,
.text-box-2.default input,
.text-box-2.dark textarea,
.text-box-2.default textarea {
background-color: transparent;
color: inherit;
}
.text-box-2.dark .plus-list-3 li,
.text-box-2.default .plus-list-3 li {
color: inherit;
}
/* DARK SECTION */
.text-box-2 .testimonial {
padding: 0;
background-color: transparent;
}
.text-box-2 .testimonial:hover:after {
border: none;
background: none;
}
.text-box-2 .testimonial .testimonial-author {
padding-top: 0;
border-top: none;
margin-top: 0;
}
.text-box-2 .number-box:nth-child(even) {
margin-left: 0;
}
/* TEXT BOXES LIST */
.text-boxes-list {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
list-style: none;
}
.text-boxes-list li {
display: flex;
width: 100%;
align-content: stretch;
}
.text-boxes-list li > *:last-child {
margin-bottom: 0;
}
.text-boxes-list li .text-box-2 {
min-height: 400px;
}
/* DARK SECTION */
.full-section.dark-section .text-box a,
.full-section.dark-section .text-box h1,
.full-section.dark-section .text-box h2,
.full-section.dark-section .text-box h3,
.full-section.dark-section .text-box h4,
.full-section.dark-section .text-box h5,
.full-section.dark-section .text-box h6 {
color: inherit;
}
.full-section.dark-section .text-box-2 {
background-color: transparent;
}
@media (min-width: 1400px) {
.text-box-2 {
padding: 18%;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.text-boxes-list li.col {
flex-basis: 33.33333333%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.text-box {
padding: 45px 15px;
}
.text-boxes-list {
flex-wrap: wrap;
}
.text-boxes-list li.col {
flex-basis: 50%;
}
}
@media (max-width: 767px) {
.text-boxes-list {
flex-direction: column;
}
.text-boxes-list li {
display: block;
flex-basis: 100%;
}
}
/***********************************************************************************
* + NUMBER BOXES
***********************************************************************************/
.number-box {
position: relative;
z-index: 3;
display: flex;
margin-bottom: 50px;
}
.number-box:nth-child(even) {
margin-left: 100px;
}
.number-box h1 {
margin-right: 15px;
color: #3cbbd6;
font-size: 60px;
line-height: 48px;
font-weight: 600;
}
.number-box h4 {
font-size: 20px;
line-height: 26px;
font-weight: 600;
}
.number-box > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.number-box {
flex-direction: column;
}
.number-box:nth-child(even) {
margin-left: 0;
}
}
/***********************************************************************************
* + MENU BOXES
***********************************************************************************/
.menu-box {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-bottom: 60px;
}
.menu-box img + .menu-box-details {
display: flex;
flex-wrap: wrap;
flex-basis: calc(100% - 165px);
padding-left: 30px;
}
.menu-box .menu-box-details h5 {
margin-bottom: 15px;
font-weight: 600;
}
.menu-box .menu-box-details .price {
position: relative;
align-self: flex-end;
flex-basis: 100%;
color: #3cbbd6;
font-size: 18px;
line-height: 22px;
font-weight: 600;
text-align: right;
}
.menu-box .menu-box-details .price:before {
position: relative;
top: 12px;
float: left;
display: inline-block;
width: 55%;
height: 2px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
content: "";
}
.menu-box .menu-box-details .price small {
position: relative;
top: -1px;
margin-right: 10px;
color: #464646;
font-size: 14px;
font-weight: 400;
}
@media (min-width: 1200px) {
.menu-box {
align-items: stretch;
}
.menu-box .menu-box-details .price:before {
width: 65%;
}
}
@media (max-width: 991px) {
.menu-box {
flex-direction: column;
align-items: flex-start;
}
.menu-box .menu-box-details {
flex-basis: 100%;
padding-left: 0;
margin-top: 30px;
}
.menu-box .menu-box-details .price:before {
width: 65%;
}
}
/***********************************************************************************
* + IMAGE BOXES
***********************************************************************************/
.image-box {
padding: 0 30px;
margin-bottom: 50px;
text-align: center;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.image-box .image-box-thumbnail {
position: relative;
overflow: hidden;
margin: 0 -30px 30px;
}
.image-box .image-box-thumbnail img {
width: 100%;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.image-box .image-box-thumbnail i {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background-color: #3cbbd6;
color: #fff;
font-size: 28px;
line-height: 60px;
}
.image-box .image-box-thumbnail .image-box-overlay {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.65;
}
.image-box .image-box-thumbnail .image-box-title {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
color: #fff;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.image-box .image-box-thumbnail .image-box-title a,
.image-box .image-box-thumbnail .image-box-title h6,
.image-box .image-box-thumbnail .image-box-title h4 {
color: #fff;
}
.image-box .image-box-thumbnail .image-box-title h4 {
margin-bottom: 0;
}
.image-box .image-box-thumbnail .image-box-title a:hover {
color: #3cbbd6;
}
.image-box h6 {
margin-bottom: 5px;
color: #3cbbd6;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.image-box h4 {
margin-bottom: 20px;
font-weight: 600;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.image-box > a {
display: inline-block;
margin-top: 10px;
color: #252525;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.image-box > a:after {
display: block;
width: auto;
height: 2px;
margin-top: -3px;
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
content: "";
}
.image-box > a:hover {
color: #3cbbd6;
text-decoration: none;
}
.image-box > *:last-child {
margin-bottom: 0;
}
.image-box:hover .image-box-thumbnail img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* STYLE 2 */
.image-box.style-2 {
padding-bottom: 40px;
background-color: #f6f8fa;
color: #636363;
}
/* IMAGE BOX 2 */
.image-box-2 {
padding: 40px;
margin-bottom: 50px;
background: no-repeat center center;
background-size: cover;
color: #636363;
}
.image-box-2.dark {
color: #fff;
}
.image-box-2.dark h1,
.image-box-2.dark h2,
.image-box-2.dark h3,
.image-box-2.dark h4,
.image-box-2.dark h5,
.image-box-2.dark h6 {
color: inherit;
}
.image-box-2 > *:last-child,
.image-box-2 .image-box-content > *:last-child {
margin-bottom: 0;
}
/* IMAGES BOXES LIST */
.images-boxes-list {
display: flex;
align-items: stretch;
flex-direction: row;
margin-bottom: 50px;
}
.images-boxes-list .image-box-2 {
flex-basis: 100%;
margin-bottom: 0;
}
.images-boxes-list .image-box-2 .image-box-content {
padding: 15% 20%;
}
/* IMAGE BORDERED */
.image-bordered {
position: relative;
z-index: 1;
margin: 0 -30px 30px 30px;
}
.image-bordered:before {
position: absolute;
z-index: -1;
top: 20px;
right: 20px;
bottom: -20px;
left: -20px;
border-right: 2px solid #3cbbd6;
border-left: 2px solid #00ff96;
background-size: 100% 2px;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
background-image: linear-gradient(90deg, #00ff96, #3cbbd6), linear-gradient(90deg, #00ff96, #3cbbd6);
content: "";
}
/* DARK SECTION */
.full-section.dark-section .image-box.style-2 a,
.full-section.dark-section .image-box.style-2 h1,
.full-section.dark-section .image-box.style-2 h2,
.full-section.dark-section .image-box.style-2 h3,
.full-section.dark-section .image-box.style-2 h4,
.full-section.dark-section .image-box.style-2 h5,
.full-section.dark-section .image-box.style-2 h6,
.full-section.dark-section .image-box-2 > a,
.full-section.dark-section .image-box-2 h1,
.full-section.dark-section .image-box-2 h2,
.full-section.dark-section .image-box-2 h3,
.full-section.dark-section .image-box-2 h4,
.full-section.dark-section .image-box-2 h5,
.full-section.dark-section .image-box-2 h6 {
color: inherit;
}
.full-section.dark-section .image-box-2 > a:hover,
.full-section.dark-section .image-box.style-2 a:hover {
color: #3cbbd6;
}
@media (max-width: 1199px) {
.images-boxes-list .image-box-2 .image-box-content {
padding: 15% 10%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.image-box {
padding-right: 15px;
padding-left: 15px;
}
.image-box .image-box-thumbnail {
margin: 0 -15px 30px;
}
}
@media (max-width: 767px) {
.images-boxes-list {
flex-direction: column;
}
}
/***********************************************************************************
* + ACCORDION
***********************************************************************************/
.accordion {}
.accordion-title {}
.accordion-title a {
position: relative;
overflow: hidden;
display: block;
padding: 10px 50px;
border-radius: 30px;
margin-bottom: 15px;
background-color: #e9f1f5;
color: #252525;
font-size: 18px;
font-weight: 600;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.accordion-title a:before {
position: absolute;
top: 50%;
right: 25px;
content: "+";
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.accordion-title a[aria-expanded="true"]:before {
content: "-";
}
.accordion-title a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-right: 2px solid transparent;
border-left: 2px solid transparent;
border-radius: 30px;
background-size: 100% 2px;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
content: '';
}
.accordion-title a:hover,
.accordion-title a[aria-expanded="true"] {
background-color: transparent;
}
.accordion-title a:hover:after,
.accordion-title a[aria-expanded="true"]:after {
border-left-color: #00ff96;
border-right-color: #3cbbd6;
background-image: linear-gradient(90deg, #00ff96, #3cbbd6), linear-gradient(90deg, #00ff96, #3cbbd6);
}
.accordion-body {
padding: 15px 50px 30px;
}
.accordion-body > *:last-child {
margin-bottom: 0;
}
.accordion.square .accordion-title a,
.accordion.square .accordion-title a:after {
border-radius: 0;
}
/* DARK SECTION */
.full-section.dark-section .accordion-title a:hover,
.full-section.dark-section .accordion-title a[aria-expanded="true"] {
color: inherit;
}
@media (max-width: 767px) {
.accordion-body {
padding: 15px 15px 30px;
}
}
/***********************************************************************************
* + TABS
***********************************************************************************/
.nav-tabs {
justify-content: center;
border-bottom: none;
margin-bottom: 70px;
}
.nav-tabs > li {
padding: 0 5px;
}
.nav-tabs > li > a {
position: relative;
z-index: 1;
display: block;
padding: 10px 25px;
border-color: transparent;
background-color: #252525;
color: #fff;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.nav-tabs > li > a:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
opacity: 0;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.nav-tabs > li > a small {
display: block;
margin-bottom: 4px;
font-size: 12px;
line-height: 14px;
text-transform: none;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: transparent;
background-color: #252525;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a.active {
background-color: #3cbbd6;
color: #fff;
}
.nav-tabs > li > a:hover:before,
.nav-tabs > li > a.active:before {
opacity: 0.75;
}
.tab-content {
margin: 40px 0;
}
.tab-pane > *:last-child {
margin-bottom: 0;
}
.tab-content .counter i {
float: none;
margin-right: 20px;
font-size: 42px;
}
.tab-content .counter-details {
font-size: 16px;
}
.tab-content:after {
display: table;
content: " ";
clear: both;
}
/* STYLE 2 */
.tabs.style-2 .nav-tabs {
display: inline-flex;
border-bottom: 3px solid #f8f8fb;
margin-bottom: 10px;
}
.tabs.style-2 .nav-tabs > li {
padding: 0;
}
.tabs.style-2 .nav-tabs > li > a {
padding: 10px;
background-color: transparent;
color: #252525;
font-size: 17px;
}
.tabs.style-2 .nav-tabs > li > a:before {
background: transparent;
border-bottom: 3px solid #3cbbd6;
margin-bottom: -3px;
}
.tabs.style-2 .nav-tabs > li > a:hover,
.tabs.style-2 .nav-tabs > li > a.active {
color: #3cbbd6;
}
/* VERTICAL TABS */
.vertical-tabs .nav-tabs {
display: block;
float: left;
width: 200px;
border-bottom: none;
}
.vertical-tabs .nav-tabs li {
justify-content: flex-start;
padding: 0;
margin-bottom: 2px;
}
.vertical-tabs .nav-tabs li:last-child {
margin-bottom: 0;
}
.vertical-tabs .nav-tabs li a {
width: 100%;
padding: 10px 20px;
background-color: #e9f3f5;
color: #636363;
font-weight: 600;
}
.vertical-tabs .nav-tabs > li > a:hover,
.vertical-tabs .nav-tabs > li > a.active {
color: #fff;
}
.vertical-tabs .nav-tabs > li > a.active {
width: 120%;
border-radius: 0 30px 30px 0;
font-weight: 700;
}
.vertical-tabs .tab-content {
margin: 0;
margin-left: 250px;
}
/* VERTICAL TABS 2 */
.vertical-tabs-2 {
display: flex;
align-items: center;
}
.vertical-tabs-2 .nav-tabs {
display: block;
float: left;
width: 300px;
}
.vertical-tabs-2 .nav-tabs li {
margin-bottom: 30px;
}
.vertical-tabs-2 .nav-tabs li:last-child {
margin-bottom: 0;
}
.vertical-tabs-2 .nav-tabs li a {
background-color: transparent;
color: #252525;
font-size: 18px;
font-weight: 600;
text-align: center;
}
.vertical-tabs-2 .nav-tabs li a:before {
background: transparent;
}
.vertical-tabs-2 .nav-tabs li a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 2px;
opacity: 0;
background-color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
content: "";
}
.vertical-tabs-2 .nav-tabs li a img {
display: block;
margin: 0 auto 10px;
}
.vertical-tabs-2 .nav-tabs li a.active:after {
opacity: 1;
}
.vertical-tabs-2 .tab-content {
margin-left: 300px;
}
/* CIRCLE TABS */
.vertical-tabs.circle-tabs .nav-tabs {
width: 135px;
}
.vertical-tabs.circle-tabs .nav-tabs li {
margin-bottom: 20px;
}
.vertical-tabs.circle-tabs .nav-tabs li:last-child {
margin-bottom: 0;
}
.vertical-tabs.circle-tabs .nav-tabs li a {
padding: 0;
width: 77px;
height: 77px;
border-radius: 50%;
background-color: #ecf6ff;
font-size: 20px;
line-height: 77px;
text-align: center;
}
.vertical-tabs.circle-tabs .nav-tabs > li > a:hover:before,
.vertical-tabs.circle-tabs .nav-tabs > li > a.active:before {
opacity: 1;
}
.vertical-tabs.circle-tabs .tab-content {
margin-left: 135px;
}
/* SWITCH TABS */
.switch-tabs .nav-tabs:before {
position: absolute;
top: 12px;
left: 50%;
display: block;
width: 66px;
height: 29px;
border-radius: 20px;
margin-left: -33px;
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
content: "";
}
.switch-tabs .nav-tabs > li {
margin: 0 40px;
}
.switch-tabs .nav-tabs > li:first-child {
text-align: right;
}
.switch-tabs .nav-tabs > li:last-child {
text-align: left;
}
.switch-tabs .nav-tabs > li > a {
position: relative;
width: 70px;
padding: 10px 0;
background-color: transparent;
color: #636363;
font-weight: 600;
letter-spacing: 0;
text-transform: lowercase;
}
.switch-tabs .nav-tabs > li:first-child a:after {
position: absolute;
z-index: 2;
top: 16px;
right: -74px;
display: block;
width: 21px;
height: 21px;
border-radius: 50%;
background-color: #fff;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.switch-tabs .nav-tabs > li:first-child a.active:after {
right: -38px;
}
.switch-tabs .nav-tabs > li > a.active,
.switch-tabs .nav-tabs > li > a:hover {
color: #3cbbd6;
}
.switch-tabs .nav-tabs > li > a:before {
background: transparent;
}
/* DARK SECTION */
.full-section.dark-section .tabs.style-2 .nav-tabs > li > a,
.full-section.dark-section .vertical-tabs-2 .nav-tabs li a,
.full-section.dark-section .switch-tabs .nav-tabs > li > a {
color: inherit;
}
.full-section.dark-section .tabs.style-2 .nav-tabs > li > a:hover,
.full-section.dark-section .tabs.style-2 .nav-tabs > li > a.active,
.full-section.dark-section .switch-tabs .nav-tabs > li > a:hover,
.full-section.dark-section .switch-tabs .nav-tabs > li > a.active {
color: #3cbbd6;
}
@media (min-width: 1200px) {
.tabs.style-2 .nav-tabs > li > a {
padding: 10px 25px;
font-size: 18px;
}
.tab-content .counter i {
float: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.nav-fill .nav-item {
margin-top: 10px;
}
.tabs.style-2 .nav-tabs > li > a {
padding: 10px 5px;
font-size: 16px;
}
.vertical-tabs-2 .tab-content {
margin-left: 70px;
}
}
@media (max-width: 767px) {
.nav-tabs > li,
.nav-fill .nav-item {
flex-basis: 100%;
text-align: center;
margin-bottom: 1px;
}
.nav-tabs > li:last-child,
.nav-fill .nav-item:last-child {
margin-bottom: -1px;
}
.tab-content .counter i {
float: left;
}
.vertical-tabs-2 {
display: block;
}
.vertical-tabs .nav-tabs,
.vertical-tabs-2 .nav-tabs {
float: none;
}
.vertical-tabs .tab-content,
.vertical-tabs-2 .tab-content {
margin-left: 0;
}
.switch-tabs .nav-tabs > li {
flex-basis: auto;
}
.vertical-tabs.circle-tabs .nav-tabs {
display: flex;
width: 100%;
}
.vertical-tabs.circle-tabs .nav-tabs > li {
flex-basis: 33.333333%;
}
.vertical-tabs.circle-tabs .nav-tabs > li a {
margin: 0 auto;
}
.vertical-tabs.circle-tabs .tab-content {
margin-left: 0;
}
}
/***********************************************************************************
* + GOOGLE MAPS
***********************************************************************************/
.map-container {
position: relative;
}
.map-container .widget-contact {
position: absolute;
top: 60%;
right: 0;
padding: 10px 80px 10px 30px;
margin-bottom: 0;
background-color: #252525;
color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.map-container .widget-contact a {
color: inherit;
}
.map-container .widget-contact i {
color: #b4b4b4;
}
.map {
height: 300px;
margin-bottom: 50px;
}
.map img {
max-width: none;
}
@media (max-width: 767px) {
.map {
height: 400px !important;
}
.map-container .widget-contact {
position: relative;
top: 0;
padding: 30px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
/***********************************************************************************
* + SOCIAL MEDIA
***********************************************************************************/
.social-media {
margin-bottom: 20px;
}
.social-media a {
display: inline-block;
margin-right: 20px;
font-size: 16px;
line-height: 32px;
color: #484848;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.social-media.big-icons a {
margin-right: 30px;
font-size: 20px;
line-height: 38px;
}
.social-media.bordered,
.social-media.rounded {
margin-top: -5px;
}
.social-media.bordered a {
width: 34px;
height: 34px;
border: 2px solid #252525;
border-radius: 50%;
margin: 5px 15px 5px 0;
font-size: 14px;
line-height: 30px;
text-align: center;
}
.social-media.rounded a {
width: 68px;
height: 68px;
border: 2px solid #636363;
border-radius: 50%;
margin: 5px 20px 5px 0;
background-color: #636363;
color: #fff;
font-size: 22px;
line-height: 68px;
text-align: center;
}
.social-media.rounded a:hover {
background-color: transparent;
}
.social-media a:last-child {
margin-right: 0;
}
.social-media a.facebook:hover { color: #0e59a0; }
.social-media a.twitter:hover { color: #0ea4ff; }
.social-media a.dribbble:hover { color: #ea73a0; }
.social-media a.pinterest:hover { color: #d73532; }
.social-media a.google:hover { color: #da4835; }
.social-media a.tumblr:hover { color: #2a445f; }
.social-media a.instagram:hover { color: #9c27b0; }
.social-media a.rss:hover { color: #f79638; }
.social-media a.linkedin:hover { color: #018faf; }
.social-media a.skype:hover { color: #00b0f6; }
.social-media a.flickr:hover { color: #0061db; }
.social-media a.vimeo:hover { color: #4cb2d9; }
.social-media a.github:hover { color: #3b3b3b; }
.social-media a.youtube:hover { color: #cc181e; }
.social-media a.windows:hover { color: #6dc2e9; }
.social-media a.dropbox:hover { color: #007ee5; }
.social-media a.xing:hover { color: #026566; }
.social-media a.adn:hover { color: #1ea076; }
.social-media a.android:hover { color: #98cb02; }
.social-media a.apple:hover { color: #a6b1b7; }
.social-media a.behance:hover { color: #2d9ad2; }
.social-media a.bitbucket:hover { color: #214f81; }
.social-media a.bitcoin:hover { color: #f7931b; }
.social-media a.codepan:hover { color: #000; }
.social-media a.css3:hover { color: #3289ce; }
.social-media a.delicious:hover { color: #3399fe; }
.social-media a.deviantart:hover { color: #c8da30; }
.social-media a.digg:hover { color: #0080c2; }
.social-media a.drupal:hover { color: #0077b9; }
.social-media a.empire:hover { color: #000; }
.social-media a.foursquare:hover { color: #daecb0; }
.social-media a.git:hover { color: #f34f29; }
.social-media a.gitti:hover { color: #634c3e; }
.social-media a.hacker-news:hover { color: #f18642; }
.social-media a.html5:hover { color: #e54c1f; }
.social-media a.joomla:hover { color: #016fb9; }
.social-media a.jsfiddle:hover { color: #4679a4; }
.social-media a.linux:hover { color: #fece0e; }
.social-media a.maxcdn:hover { color: #f36f20; }
.social-media a.openid:hover { color: #fe6101; }
.social-media a.pagelines:hover { color: #3783e3; }
.social-media a.pied-piper:hover { color: #0c7b48; }
.social-media a.qq:hover { color: #23286c; }
.social-media a.rebel:hover { color: #000; }
.social-media a.reddit:hover { color: #cee3f8; }
.social-media a.renren:hover { color: #0d81e4; }
.social-media a.share:hover { color: #252525; }
.social-media a.slack:hover { color: #453744; }
.social-media a.soundcloud:hover { color: #fe4e00; }
.social-media a.spotify:hover { color: #80bb41; }
.social-media a.stack-exchange:hover { color: #265a93; }
.social-media a.stackoverflow:hover { color: #fea501; }
.social-media a.steam:hover { color: #191919; }
.social-media a.stumbleupon:hover { color: #f04f23; }
.social-media a.tencent-weibo:hover { color: #0063a7; }
.social-media a.trello:hover { color: #226784; }
.social-media a.vine:hover { color: #00b081; }
.social-media a.vk:hover { color: #50769d; }
.social-media a.wechat:hover { color: #a4dc31; }
.social-media a.weibo:hover { color: #d82828; }
.social-media a.wordpress:hover { color: #454442; }
.social-media a.yahoo:hover { color: #4b04a8; }
.social-media a.ftpx:hover { color: #000; }
.social-media a.amazon:hover { color: #ff9900; }
.social-media a.angellist:hover { color: #000; }
.social-media a.btc:hover { color: #f7931b; }
.social-media a.black-tie:hover { color: #000; }
.social-media a.bluetooth:hover { color: #0a3d91; }
.social-media a.buysellads:hover { color: #ba0202; }
.social-media a.cc-amex:hover { color: #016dd2; }
.social-media a.cc-diners-club:hover { color: #0069aa; }
.social-media a.cc-discover:hover { color: #f88737; }
.social-media a.cc-jcb:hover { color: #29166f; }
.social-media a.cc-mastercard:hover { color: #fe9611; }
.social-media a.paypal:hover { color: #012069; }
.social-media a.cc-stripe:hover { color: #49b802; }
.social-media a.cc-visa:hover { color: #1b4da2; }
.social-media a.chrome:hover { color: #edcd16; }
.social-media a.codepen:hover { color: #1b1c1b; }
.social-media a.codiepie:hover { color: #000; }
.social-media a.connectdevelop:hover { color: #023cb0; }
.social-media a.contao:hover { color: #e4790f; }
.social-media a.dashcube:hover { color: #000; }
.social-media a.edge:hover { color: #2c74be; }
.social-media a.expeditedssl:hover { color: #2e2e2e; }
.social-media a.firefox:hover { color: #df731b; }
.social-media a.fonticons:hover { color: #1d1e2a; }
.social-media a.fort-awesome:hover { color: #000; }
.social-media a.forumbee:hover { color: #85ac2f; }
.social-media a.get-pocket:hover { color: #e84352; }
.social-media a.gg:hover { color: #fd0002; }
.social-media a.gratipay:hover { color: #653614; }
.social-media a.houzz:hover { color: #9bc545; }
.social-media a.internet-explorer:hover { color: #00bcf2; }
.social-media a.ioxhost:hover { color: #f6a814; }
.social-media a.lastfm:hover { color: #e2152b; }
.social-media a.leanpub:hover { color: #231f20; }
.social-media a.meanpath:hover { color: #538dd6; }
.social-media a.medium:hover { color: #00ab6c; }
.social-media a.mixcloud:hover { color: #040204; }
.social-media a.modx:hover { color: #8ed547; }
.social-media a.odnoklassniki:hover { color: #f68634; }
.social-media a.opencart:hover { color: #00c1f2; }
.social-media a.opera:hover { color: #e81617; }
.social-media a.optin-monster:hover { color: #8ed31e; }
.social-media a.product-hunt:hover { color: #d6573d; }
.social-media a.reddit:hover { color: #ff4500; }
.social-media a.safari:hover { color: #2973d9; }
.social-media a.scribd:hover { color: #382d29; }
.social-media a.sellsy:hover { color: #006ca2; }
.social-media a.shirtsinbulk:hover { color: #dd3a26; }
.social-media a.simplybuilt:hover { color: #322f34; }
.social-media a.skyatlas:hover { color: #01aebe; }
.social-media a.slideshare:hover { color: #13999a; }
.social-media a.stack-overflow:hover { color: #ef532a; }
.social-media a.tripadvisor:hover { color: #1e892f; }
.social-media a.twitch:hover { color: #6441a5; }
.social-media a.usb:hover { color: #000; }
.social-media a.viacoin:hover { color: #2376a2; }
.social-media a.whatsapp:hover { color: #44c254; }
.social-media a.wikipedia:hover { color: #0c0c0c; }
.social-media a.y-combinator:hover { color: #ff6501; }
.social-media a.yelp:hover { color: #bf311b; }
.social-media a.email:hover { color: #689c49; }
.social-media a.envira:hover { color: #75bd3b; }
.social-media a.gitlab:hover { color: #e24329; }
.social-media a.glide:hover { color: #00a7ff; }
.social-media a.snapchat:hover { color: #efe200; }
.social-media a.viadeo:hover { color: #f4982b; }
.social-media a.wpbeginner:hover { color: #ff6600; }
.social-media a.wpforms:hover { color: #b6581a; }
.social-media.bordered a.facebook:hover {
color: #0e59a0;
border-color: #0e59a0;
}
.social-media.bordered a.twitter:hover {
color: #0ea4ff;
border-color: #0ea4ff;
}
.social-media.bordered a.dribbble:hover {
color: #ea73a0;
border-color: #ea73a0;
}
.social-media.bordered a.pinterest:hover {
color: #d73532;
border-color: #d73532;
}
.social-media.bordered a.google:hover {
color: #da4835;
border-color: #da4835;
}
.social-media.bordered a.tumblr:hover {
color: #2a445f;
border-color: #2a445f;
}
.social-media.bordered a.instagram:hover {
color: #9c27b0;
border-color: #9c27b0;
}
.social-media.bordered a.rss:hover {
color: #f79638;
border-color: #f79638;
}
.social-media.bordered a.linkedin:hover {
color: #018faf;
border-color: #018faf;
}
.social-media.bordered a.skype:hover {
color: #00b0f6;
border-color: #00b0f6;
}
.social-media.bordered a.flickr:hover {
color: #0061db;
border-color: #0061db;
}
.social-media.bordered a.vimeo:hover {
color: #4cb2d9;
border-color: #4cb2d9;
}
.social-media.bordered a.github:hover {
color: #3b3b3b;
border-color: #3b3b3b;
}
.social-media.bordered a.youtube:hover {
color: #cc181e;
border-color: #cc181e;
}
.social-media.bordered a.windows:hover {
color: #6dc2e9;
border-color: #6dc2e9;
}
.social-media.bordered a.dropbox:hover {
color: #007ee5;
border-color: #007ee5;
}
.social-media.bordered a.xing:hover {
color: #026566;
border-color: #026566;
}
.social-media.bordered a.adn:hover {
color: #1ea076;
border-color: #1ea076;
}
.social-media.bordered a.android:hover {
color: #98cb02;
border-color: #98cb02;
}
.social-media.bordered a.apple:hover {
color: #a6b1b7;
border-color: #a6b1b7;
}
.social-media.bordered a.behance:hover {
color: #2d9ad2;
border-color: #2d9ad2;
}
.social-media.bordered a.bitbucket:hover {
color: #214f81;
border-color: #214f81;
}
.social-media.bordered a.bitcoin:hover {
color: #f7931b;
border-color: #f7931b;
}
.social-media.bordered a.codepan:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.css3:hover {
color: #3289ce;
border-color: #3289ce;
}
.social-media.bordered a.delicious:hover {
color: #3399fe;
border-color: #3399fe;
}
.social-media.bordered a.deviantart:hover {
color: #c8da30;
border-color: #c8da30;
}
.social-media.bordered a.digg:hover {
color: #0080c2;
border-color: #0080c2;
}
.social-media.bordered a.drupal:hover {
color: #0077b9;
border-color: #0077b9;
}
.social-media.bordered a.empire:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.foursquare:hover {
color: #daecb0;
border-color: #daecb0;
}
.social-media.bordered a.git:hover {
color: #f34f29;
border-color: #f34f29;
}
.social-media.bordered a.gitti:hover {
color: #634c3e;
border-color: #634c3e;
}
.social-media.bordered a.hacker-news:hover {
color: #f18642;
border-color: #f18642;
}
.social-media.bordered a.html5:hover {
color: #e54c1f;
border-color: #e54c1f;
}
.social-media.bordered a.joomla:hover {
color: #016fb9;
border-color: #016fb9;
}
.social-media.bordered a.jsfiddle:hover {
color: #4679a4;
border-color: #4679a4;
}
.social-media.bordered a.linux:hover {
color: #fece0e;
border-color: #fece0e;
}
.social-media.bordered a.maxcdn:hover {
color: #f36f20;
border-color: #f36f20;
}
.social-media.bordered a.openid:hover {
color: #fe6101;
border-color: #fe6101;
}
.social-media.bordered a.pagelines:hover {
color: #3783e3;
border-color: #3783e3;
}
.social-media.bordered a.pied-piper:hover {
color: #0c7b48;
border-color: #0c7b48;
}
.social-media.bordered a.qq:hover {
color: #23286c;
border-color: #23286c;
}
.social-media.bordered a.rebel:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.reddit:hover {
color: #cee3f8;
border-color: #cee3f8;
}
.social-media.bordered a.renren:hover {
color: #0d81e4;
border-color: #0d81e4;
}
.social-media.bordered a.share:hover {
color: #252525;
border-color: #252525;
}
.social-media.bordered a.slack:hover {
color: #453744;
border-color: #453744;
}
.social-media.bordered a.soundcloud:hover {
color: #fe4e00;
border-color: #fe4e00;
}
.social-media.bordered a.spotify:hover {
color: #80bb41;
border-color: #80bb41;
}
.social-media.bordered a.stack-exchange:hover {
color: #265a93;
border-color: #265a93;
}
.social-media.bordered a.stackoverflow:hover {
color: #fea501;
border-color: #fea501;
}
.social-media.bordered a.steam:hover {
color: #191919;
border-color: #191919;
}
.social-media.bordered a.stumbleupon:hover {
color: #f04f23;
border-color: #f04f23;
}
.social-media.bordered a.tencent-weibo:hover {
color: #0063a7;
border-color: #0063a7;
}
.social-media.bordered a.trello:hover {
color: #226784;
border-color: #226784;
}
.social-media.bordered a.vine:hover {
color: #00b081;
border-color: #00b081;
}
.social-media.bordered a.vk:hover {
color: #50769d;
border-color: #50769d;
}
.social-media.bordered a.wechat:hover {
color: #a4dc31;
border-color: #a4dc31;
}
.social-media.bordered a.weibo:hover {
color: #d82828;
border-color: #d82828;
}
.social-media.bordered a.wordpress:hover {
color: #454442;
border-color: #454442;
}
.social-media.bordered a.yahoo:hover {
color: #4b04a8;
border-color: #4b04a8;
}
.social-media.bordered a.ftpx:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.amazon:hover {
color: #ff9900;
border-color: #ff9900;
}
.social-media.bordered a.angellist:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.btc:hover {
color: #f7931b;
border-color: #f7931b;
}
.social-media.bordered a.black-tie:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.bluetooth:hover {
color: #0a3d91;
border-color: #0a3d91;
}
.social-media.bordered a.buysellads:hover {
color: #ba0202;
border-color: #ba0202;
}
.social-media.bordered a.cc-amex:hover {
color: #016dd2;
border-color: #016dd2;
}
.social-media.bordered a.cc-diners-club:hover {
color: #0069aa;
border-color: #0069aa;
}
.social-media.bordered a.cc-discover:hover {
color: #f88737;
border-color: #f88737;
}
.social-media.bordered a.cc-jcb:hover {
color: #29166f;
border-color: #29166f;
}
.social-media.bordered a.cc-mastercard:hover {
color: #fe9611;
border-color: #fe9611;
}
.social-media.bordered a.paypal:hover {
color: #012069;
border-color: #012069;
}
.social-media.bordered a.cc-stripe:hover {
color: #49b802;
border-color: #49b802;
}
.social-media.bordered a.cc-visa:hover {
color: #1b4da2;
border-color: #1b4da2;
}
.social-media.bordered a.chrome:hover {
color: #edcd16;
border-color: #edcd16;
}
.social-media.bordered a.codepen:hover {
color: #1b1c1b;
border-color: #1b1c1b;
}
.social-media.bordered a.codiepie:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.connectdevelop:hover {
color: #023cb0;
border-color: #023cb0;
}
.social-media.bordered a.contao:hover {
color: #e4790f;
border-color: #e4790f;
}
.social-media.bordered a.dashcube:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.edge:hover {
color: #2c74be;
border-color: #2c74be;
}
.social-media.bordered a.expeditedssl:hover {
color: #2e2e2e;
border-color: #2e2e2e;
}
.social-media.bordered a.firefox:hover {
color: #df731b;
border-color: #df731b;
}
.social-media.bordered a.fonticons:hover {
color: #1d1e2a;
border-color: #1d1e2a;
}
.social-media.bordered a.fort-awesome:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.forumbee:hover {
color: #85ac2f;
border-color: #85ac2f;
}
.social-media.bordered a.get-pocket:hover {
color: #e84352;
border-color: #e84352;
}
.social-media.bordered a.gg:hover {
color: #fd0002;
border-color: #fd0002;
}
.social-media.bordered a.gratipay:hover {
color: #653614;
border-color: #653614;
}
.social-media.bordered a.houzz:hover {
color: #9bc545;
border-color: #9bc545;
}
.social-media.bordered a.internet-explorer:hover {
color: #00bcf2;
border-color: #00bcf2;
}
.social-media.bordered a.ioxhost:hover {
color: #f6a814;
border-color: #f6a814;
}
.social-media.bordered a.lastfm:hover {
color: #e2152b;
border-color: #e2152b;
}
.social-media.bordered a.leanpub:hover {
color: #231f20;
border-color: #231f20;
}
.social-media.bordered a.meanpath:hover {
color: #538dd6;
border-color: #538dd6;
}
.social-media.bordered a.medium:hover {
color: #00ab6c;
border-color: #00ab6c;
}
.social-media.bordered a.mixcloud:hover {
color: #040204;
border-color: #040204;
}
.social-media.bordered a.modx:hover {
color: #8ed547;
border-color: #8ed547;
}
.social-media.bordered a.odnoklassniki:hover {
color: #f68634;
border-color: #f68634;
}
.social-media.bordered a.opencart:hover {
color: #00c1f2;
border-color: #00c1f2;
}
.social-media.bordered a.opera:hover {
color: #e81617;
border-color: #e81617;
}
.social-media.bordered a.optin-monster:hover {
color: #8ed31e;
border-color: #8ed31e;
}
.social-media.bordered a.product-hunt:hover {
color: #d6573d;
border-color: #d6573d;
}
.social-media.bordered a.reddit:hover {
color: #ff4500;
border-color: #ff4500;
}
.social-media.bordered a.safari:hover {
color: #2973d9;
border-color: #2973d9;
}
.social-media.bordered a.scribd:hover {
color: #382d29;
border-color: #382d29;
}
.social-media.bordered a.sellsy:hover {
color: #006ca2;
border-color: #006ca2;
}
.social-media.bordered a.shirtsinbulk:hover {
color: #dd3a26;
border-color: #dd3a26;
}
.social-media.bordered a.simplybuilt:hover {
color: #322f34;
border-color: #322f34;
}
.social-media.bordered a.skyatlas:hover {
color: #01aebe;
border-color: #01aebe;
}
.social-media.bordered a.slideshare:hover {
color: #13999a;
border-color: #13999a;
}
.social-media.bordered a.stack-overflow:hover {
color: #ef532a;
border-color: #ef532a;
}
.social-media.bordered a.tripadvisor:hover {
color: #1e892f;
border-color: #1e892f;
}
.social-media.bordered a.twitch:hover {
color: #6441a5;
border-color: #6441a5;
}
.social-media.bordered a.usb:hover {
color: #000;
border-color: #000;
}
.social-media.bordered a.viacoin:hover {
color: #2376a2;
border-color: #2376a2;
}
.social-media.bordered a.whatsapp:hover {
color: #44c254;
border-color: #44c254;
}
.social-media.bordered a.wikipedia:hover {
color: #0c0c0c;
border-color: #0c0c0c;
}
.social-media.bordered a.y-combinator:hover {
color: #ff6501;
border-color: #ff6501;
}
.social-media.bordered a.yelp:hover {
color: #bf311b;
border-color: #bf311b;
}
.social-media.bordered a.email:hover {
color: #689c49;
border-color: #689c49;
}
.social-media.bordered a.envira:hover {
color: #75bd3b;
border-color: #75bd3b;
}
.social-media.bordered a.gitlab:hover {
color: #e24329;
border-color: #e24329;
}
.social-media.bordered a.glide:hover {
color: #00a7ff;
border-color: #00a7ff;
}
.social-media.bordered a.snapchat:hover {
color: #efe200;
border-color: #efe200;
}
.social-media.bordered a.viadeo:hover {
color: #f4982b;
border-color: #f4982b;
}
.social-media.bordered a.wpbeginner:hover {
color: #ff6600;
border-color: #ff6600;
}
.social-media.bordered a.wpforms:hover {
color: #b6581a;
border-color: #b6581a;
}
.social-media.rounded a.facebook:hover { border-color: #0e59a0; }
.social-media.rounded a.twitter:hover { border-color: #0ea4ff; }
.social-media.rounded a.dribbble:hover { border-color: #ea73a0; }
.social-media.rounded a.pinterest:hover { border-color: #d73532; }
.social-media.rounded a.google:hover { border-color: #da4835; }
.social-media.rounded a.tumblr:hover { border-color: #2a445f; }
.social-media.rounded a.instagram:hover { border-color: #9c27b0; }
.social-media.rounded a.rss:hover { border-color: #f79638; }
.social-media.rounded a.linkedin:hover { border-color: #018faf; }
.social-media.rounded a.skype:hover { border-color: #00b0f6; }
.social-media.rounded a.flickr:hover { border-color: #0061db; }
.social-media.rounded a.vimeo:hover { border-color: #4cb2d9; }
.social-media.rounded a.github:hover { border-color: #3b3b3b; }
.social-media.rounded a.youtube:hover { border-color: #cc181e; }
.social-media.rounded a.windows:hover { border-color: #6dc2e9; }
.social-media.rounded a.dropbox:hover { border-color: #007ee5; }
.social-media.rounded a.xing:hover { border-color: #026566; }
.social-media.rounded a.adn:hover { border-color: #1ea076; }
.social-media.rounded a.android:hover { border-color: #98cb02; }
.social-media.rounded a.apple:hover { border-color: #a6b1b7; }
.social-media.rounded a.behance:hover { border-color: #2d9ad2; }
.social-media.rounded a.bitbucket:hover { border-color: #214f81; }
.social-media.rounded a.bitcoin:hover { border-color: #f7931b; }
.social-media.rounded a.codepan:hover { border-color: #000; }
.social-media.rounded a.css3:hover { border-color: #3289ce; }
.social-media.rounded a.delicious:hover { border-color: #3399fe; }
.social-media.rounded a.deviantart:hover { border-color: #c8da30; }
.social-media.rounded a.digg:hover { border-color: #0080c2; }
.social-media.rounded a.drupal:hover { border-color: #0077b9; }
.social-media.rounded a.empire:hover { border-color: #000; }
.social-media.rounded a.foursquare:hover { border-color: #daecb0; }
.social-media.rounded a.git:hover { border-color: #f34f29; }
.social-media.rounded a.gitti:hover { border-color: #634c3e; }
.social-media.rounded a.hacker-news:hover { border-color: #f18642; }
.social-media.rounded a.html5:hover { border-color: #e54c1f; }
.social-media.rounded a.joomla:hover { border-color: #016fb9; }
.social-media.rounded a.jsfiddle:hover { border-color: #4679a4; }
.social-media.rounded a.linux:hover { border-color: #fece0e; }
.social-media.rounded a.maxcdn:hover { border-color: #f36f20; }
.social-media.rounded a.openid:hover { border-color: #fe6101; }
.social-media.rounded a.pagelines:hover { border-color: #3783e3; }
.social-media.rounded a.pied-piper:hover { border-color: #0c7b48; }
.social-media.rounded a.qq:hover { border-color: #23286c; }
.social-media.rounded a.rebel:hover { border-color: #000; }
.social-media.rounded a.reddit:hover { border-color: #cee3f8; }
.social-media.rounded a.renren:hover { border-color: #0d81e4; }
.social-media.rounded a.share:hover { border-color: #252525; }
.social-media.rounded a.slack:hover { border-color: #453744; }
.social-media.rounded a.soundcloud:hover { border-color: #fe4e00; }
.social-media.rounded a.spotify:hover { border-color: #80bb41; }
.social-media.rounded a.stack-exchange:hover { border-color: #265a93; }
.social-media.rounded a.stackoverflow:hover { border-color: #fea501; }
.social-media.rounded a.steam:hover { border-color: #191919; }
.social-media.rounded a.stumbleupon:hover { border-color: #f04f23; }
.social-media.rounded a.tencent-weibo:hover { border-color: #0063a7; }
.social-media.rounded a.trello:hover { border-color: #226784; }
.social-media.rounded a.vine:hover { border-color: #00b081; }
.social-media.rounded a.vk:hover { border-color: #50769d; }
.social-media.rounded a.wechat:hover { border-color: #a4dc31; }
.social-media.rounded a.weibo:hover { border-color: #d82828; }
.social-media.rounded a.wordpress:hover { border-color: #454442; }
.social-media.rounded a.yahoo:hover { border-color: #4b04a8; }
.social-media.rounded a.ftpx:hover { border-color: #000; }
.social-media.rounded a.amazon:hover { border-color: #ff9900; }
.social-media.rounded a.angellist:hover { border-color: #000; }
.social-media.rounded a.btc:hover { border-color: #f7931b; }
.social-media.rounded a.black-tie:hover { border-color: #000; }
.social-media.rounded a.bluetooth:hover { border-color: #0a3d91; }
.social-media.rounded a.buysellads:hover { border-color: #ba0202; }
.social-media.rounded a.cc-amex:hover { border-color: #016dd2; }
.social-media.rounded a.cc-diners-club:hover { border-color: #0069aa; }
.social-media.rounded a.cc-discover:hover { border-color: #f88737; }
.social-media.rounded a.cc-jcb:hover { border-color: #29166f; }
.social-media.rounded a.cc-mastercard:hover { border-color: #fe9611; }
.social-media.rounded a.paypal:hover { border-color: #012069; }
.social-media.rounded a.cc-stripe:hover { border-color: #49b802; }
.social-media.rounded a.cc-visa:hover { border-color: #1b4da2; }
.social-media.rounded a.chrome:hover { border-color: #edcd16; }
.social-media.rounded a.codepen:hover { border-color: #1b1c1b; }
.social-media.rounded a.codiepie:hover { border-color: #000; }
.social-media.rounded a.connectdevelop:hover { border-color: #023cb0; }
.social-media.rounded a.contao:hover { border-color: #e4790f; }
.social-media.rounded a.dashcube:hover { border-color: #000; }
.social-media.rounded a.edge:hover { border-color: #2c74be; }
.social-media.rounded a.expeditedssl:hover { border-color: #2e2e2e; }
.social-media.rounded a.firefox:hover { border-color: #df731b; }
.social-media.rounded a.fonticons:hover { border-color: #1d1e2a; }
.social-media.rounded a.fort-awesome:hover { border-color: #000; }
.social-media.rounded a.forumbee:hover { border-color: #85ac2f; }
.social-media.rounded a.get-pocket:hover { border-color: #e84352; }
.social-media.rounded a.gg:hover { border-color: #fd0002; }
.social-media.rounded a.gratipay:hover { border-color: #653614; }
.social-media.rounded a.houzz:hover { border-color: #9bc545; }
.social-media.rounded a.internet-explorer:hover { border-color: #00bcf2; }
.social-media.rounded a.ioxhost:hover { border-color: #f6a814; }
.social-media.rounded a.lastfm:hover { border-color: #e2152b; }
.social-media.rounded a.leanpub:hover { border-color: #231f20; }
.social-media.rounded a.meanpath:hover { border-color: #538dd6; }
.social-media.rounded a.medium:hover { border-color: #00ab6c; }
.social-media.rounded a.mixcloud:hover { border-color: #040204; }
.social-media.rounded a.modx:hover { border-color: #8ed547; }
.social-media.rounded a.odnoklassniki:hover { border-color: #f68634; }
.social-media.rounded a.opencart:hover { border-color: #00c1f2; }
.social-media.rounded a.opera:hover { border-color: #e81617; }
.social-media.rounded a.optin-monster:hover { border-color: #8ed31e; }
.social-media.rounded a.product-hunt:hover { border-color: #d6573d; }
.social-media.rounded a.reddit:hover { border-color: #ff4500; }
.social-media.rounded a.safari:hover { border-color: #2973d9; }
.social-media.rounded a.scribd:hover { border-color: #382d29; }
.social-media.rounded a.sellsy:hover { border-color: #006ca2; }
.social-media.rounded a.shirtsinbulk:hover { border-color: #dd3a26; }
.social-media.rounded a.simplybuilt:hover { border-color: #322f34; }
.social-media.rounded a.skyatlas:hover { border-color: #01aebe; }
.social-media.rounded a.slideshare:hover { border-color: #13999a; }
.social-media.rounded a.stack-overflow:hover { border-color: #ef532a; }
.social-media.rounded a.tripadvisor:hover { border-color: #1e892f; }
.social-media.rounded a.twitch:hover { border-color: #6441a5; }
.social-media.rounded a.usb:hover { border-color: #000; }
.social-media.rounded a.viacoin:hover { border-color: #2376a2; }
.social-media.rounded a.whatsapp:hover { border-color: #44c254; }
.social-media.rounded a.wikipedia:hover { border-color: #0c0c0c; }
.social-media.rounded a.y-combinator:hover { border-color: #ff6501; }
.social-media.rounded a.yelp:hover { border-color: #bf311b; }
.social-media.rounded a.email:hover { border-color: #689c49; }
.social-media.rounded a.envira:hover { border-color: #75bd3b; }
.social-media.rounded a.gitlab:hover { border-color: #e24329; }
.social-media.rounded a.glide:hover { border-color: #00a7ff; }
.social-media.rounded a.snapchat:hover { border-color: #efe200; }
.social-media.rounded a.viadeo:hover { border-color: #f4982b; }
.social-media.rounded a.wpbeginner:hover { border-color: #ff6600; }
.social-media.rounded a.wpforms:hover { border-color: #b6581a; }
/* DEFAULT COLOR */
.social-media.default-color a:hover {
color: #3cbbd6;
}
.social-media.bordered.default-color a:hover {
border-color: #3cbbd6;
color: #3cbbd6;
}
.social-media.rounded.default-color a:hover {
border-color: #3cbbd6;
}
/* SOCIAL MEDIA LIST */
.social-media-list {
display: flex;
justify-content: space-around;
margin-bottom: 0;
background-color: #0b1725;
list-style: none;
}
.social-media-list li {
width: 100%;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.social-media-list li + li {
border-left: 1px solid #fff;
}
.social-media-list li i {
margin-right: 10px;
}
.social-media-list li a {
display: flex;
align-items: center;
justify-content: center;
height: 90px;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.social-media-list li a.facebook:hover { background-color: #0e59a0; }
.social-media-list li a.twitter:hover { background-color: #0ea4ff; }
.social-media-list li a.dribbble:hover { background-color: #ea73a0; }
.social-media-list li a.pinterest:hover { background-color: #d73532; }
.social-media-list li a.google:hover { background-color: #da4835; }
.social-media-list li a.tumblr:hover { background-color: #2a445f; }
.social-media-list li a.instagram:hover { background-color: #9c27b0; }
.social-media-list li a.rss:hover { background-color: #f79638; }
.social-media-list li a.linkedin:hover { background-color: #018faf; }
.social-media-list li a.skype:hover { background-color: #00b0f6; }
.social-media-list li a.flickr:hover { background-color: #0061db; }
.social-media-list li a.vimeo:hover { background-color: #4cb2d9; }
.social-media-list li a.github:hover { background-color: #3b3b3b; }
.social-media-list li a.youtube:hover { background-color: #cc181e; }
.social-media-list li a.windows:hover { background-color: #6dc2e9; }
.social-media-list li a.dropbox:hover { background-color: #007ee5; }
.social-media-list li a.xing:hover { background-color: #026566; }
.social-media-list li a.adn:hover { background-color: #1ea076; }
.social-media-list li a.android:hover { background-color: #98cb02; }
.social-media-list li a.apple:hover { background-color: #a6b1b7; }
.social-media-list li a.behance:hover { background-color: #2d9ad2; }
.social-media-list li a.bitbucket:hover { background-color: #214f81; }
.social-media-list li a.bitcoin:hover { background-color: #f7931b; }
.social-media-list li a.codepan:hover { background-color: #000; }
.social-media-list li a.css3:hover { background-color: #3289ce; }
.social-media-list li a.delicious:hover { background-color: #3399fe; }
.social-media-list li a.deviantart:hover { background-color: #c8da30; }
.social-media-list li a.digg:hover { background-color: #0080c2; }
.social-media-list li a.drupal:hover { background-color: #0077b9; }
.social-media-list li a.empire:hover { background-color: #000; }
.social-media-list li a.foursquare:hover { background-color: #daecb0; }
.social-media-list li a.git:hover { background-color: #f34f29; }
.social-media-list li a.gitti:hover { background-color: #634c3e; }
.social-media-list li a.hacker-news:hover { background-color: #f18642; }
.social-media-list li a.html5:hover { background-color: #e54c1f; }
.social-media-list li a.joomla:hover { background-color: #016fb9; }
.social-media-list li a.jsfiddle:hover { background-color: #4679a4; }
.social-media-list li a.linux:hover { background-color: #fece0e; }
.social-media-list li a.maxcdn:hover { background-color: #f36f20; }
.social-media-list li a.openid:hover { background-color: #fe6101; }
.social-media-list li a.pagelines:hover { background-color: #3783e3; }
.social-media-list li a.pied-piper:hover { background-color: #0c7b48; }
.social-media-list li a.qq:hover { background-color: #23286c; }
.social-media-list li a.rebel:hover { background-color: #000; }
.social-media-list li a.reddit:hover { background-color: #cee3f8; }
.social-media-list li a.renren:hover { background-color: #0d81e4; }
.social-media-list li a.share:hover { background-color: #252525; }
.social-media-list li a.slack:hover { background-color: #453744; }
.social-media-list li a.soundcloud:hover { background-color: #fe4e00; }
.social-media-list li a.spotify:hover { background-color: #80bb41; }
.social-media-list li a.stack-exchange:hover { background-color: #265a93; }
.social-media-list li a.stackoverflow:hover { background-color: #fea501; }
.social-media-list li a.steam:hover { background-color: #191919; }
.social-media-list li a.stumbleupon:hover { background-color: #f04f23; }
.social-media-list li a.tencent-weibo:hover { background-color: #0063a7; }
.social-media-list li a.trello:hover { background-color: #226784; }
.social-media-list li a.vine:hover { background-color: #00b081; }
.social-media-list li a.vk:hover { background-color: #50769d; }
.social-media-list li a.wechat:hover { background-color: #a4dc31; }
.social-media-list li a.weibo:hover { background-color: #d82828; }
.social-media-list li a.wordpress:hover { background-color: #454442; }
.social-media-list li a.yahoo:hover { background-color: #4b04a8; }
.social-media-list li a.ftpx:hover { background-color: #000; }
.social-media-list li a.amazon:hover { background-color: #ff9900; }
.social-media-list li a.angellist:hover { background-color: #000; }
.social-media-list li a.btc:hover { background-color: #f7931b; }
.social-media-list li a.black-tie:hover { background-color: #000; }
.social-media-list li a.bluetooth:hover { background-color: #0a3d91; }
.social-media-list li a.buysellads:hover { background-color: #ba0202; }
.social-media-list li a.cc-amex:hover { background-color: #016dd2; }
.social-media-list li a.cc-diners-club:hover { background-color: #0069aa; }
.social-media-list li a.cc-discover:hover { background-color: #f88737; }
.social-media-list li a.cc-jcb:hover { background-color: #29166f; }
.social-media-list li a.cc-mastercard:hover { background-color: #fe9611; }
.social-media-list li a.paypal:hover { background-color: #012069; }
.social-media-list li a.cc-stripe:hover { background-color: #49b802; }
.social-media-list li a.cc-visa:hover { background-color: #1b4da2; }
.social-media-list li a.chrome:hover { background-color: #edcd16; }
.social-media-list li a.codepen:hover { background-color: #1b1c1b; }
.social-media-list li a.codiepie:hover { background-color: #000; }
.social-media-list li a.connectdevelop:hover { background-color: #023cb0; }
.social-media-list li a.contao:hover { background-color: #e4790f; }
.social-media-list li a.dashcube:hover { background-color: #000; }
.social-media-list li a.edge:hover { background-color: #2c74be; }
.social-media-list li a.expeditedssl:hover { background-color: #2e2e2e; }
.social-media-list li a.firefox:hover { background-color: #df731b; }
.social-media-list li a.fonticons:hover { background-color: #1d1e2a; }
.social-media-list li a.fort-awesome:hover { background-color: #000; }
.social-media-list li a.forumbee:hover { background-color: #85ac2f; }
.social-media-list li a.get-pocket:hover { background-color: #e84352; }
.social-media-list li a.gg:hover { background-color: #fd0002; }
.social-media-list li a.gratipay:hover { background-color: #653614; }
.social-media-list li a.houzz:hover { background-color: #9bc545; }
.social-media-list li a.internet-explorer:hover { background-color: #00bcf2; }
.social-media-list li a.ioxhost:hover { background-color: #f6a814; }
.social-media-list li a.lastfm:hover { background-color: #e2152b; }
.social-media-list li a.leanpub:hover { background-color: #231f20; }
.social-media-list li a.meanpath:hover { background-color: #538dd6; }
.social-media-list li a.medium:hover { background-color: #00ab6c; }
.social-media-list li a.mixcloud:hover { background-color: #040204; }
.social-media-list li a.modx:hover { background-color: #8ed547; }
.social-media-list li a.odnoklassniki:hover { background-color: #f68634; }
.social-media-list li a.opencart:hover { background-color: #00c1f2; }
.social-media-list li a.opera:hover { background-color: #e81617; }
.social-media-list li a.optin-monster:hover { background-color: #8ed31e; }
.social-media-list li a.product-hunt:hover { background-color: #d6573d; }
.social-media-list li a.reddit:hover { background-color: #ff4500; }
.social-media-list li a.safari:hover { background-color: #2973d9; }
.social-media-list li a.scribd:hover { background-color: #382d29; }
.social-media-list li a.sellsy:hover { background-color: #006ca2; }
.social-media-list li a.shirtsinbulk:hover { background-color: #dd3a26; }
.social-media-list li a.simplybuilt:hover { background-color: #322f34; }
.social-media-list li a.skyatlas:hover { background-color: #01aebe; }
.social-media-list li a.slideshare:hover { background-color: #13999a; }
.social-media-list li a.stack-overflow:hover { background-color: #ef532a; }
.social-media-list li a.tripadvisor:hover { background-color: #1e892f; }
.social-media-list li a.twitch:hover { background-color: #6441a5; }
.social-media-list li a.usb:hover { background-color: #000; }
.social-media-list li a.viacoin:hover { background-color: #2376a2; }
.social-media-list li a.whatsapp:hover { background-color: #44c254; }
.social-media-list li a.wikipedia:hover { background-color: #0c0c0c; }
.social-media-list li a.y-combinator:hover { background-color: #ff6501; }
.social-media-list li a.yelp:hover { background-color: #bf311b; }
.social-media-list li a.email:hover { background-color: #689c49; }
.social-media-list li a.envira:hover { background-color: #75bd3b; }
.social-media-list li a.gitlab:hover { background-color: #e24329; }
.social-media-list li a.glide:hover { background-color: #00a7ff; }
.social-media-list li a.snapchat:hover { background-color: #efe200; }
.social-media-list li a.viadeo:hover { background-color: #f4982b; }
.social-media-list li a.wpbeginner:hover { background-color: #ff6600; }
.social-media-list li a.wpforms:hover { background-color: #b6581a; }
/* DARK SECTION */
.full-section.dark-section .social-media a {
color: inherit;
}
.full-section.dark-section .social-media a:hover {
color: #3cbbd6;
}
.full-section.dark-section .social-media.bordered a {
border-color: inherit;
color: inherit;
}
.full-section.dark-section .social-media.bordered a:hover {
border-color: #252525;
color: #252525;
}
.full-section.dark-section .social-media.rounded a {
border-color: #fff;
background-color: #fff;
color: #636363;
}
.full-section.dark-section .social-media.rounded a:hover {
background-color: transparent;
color: #fff;
}
@media (max-width: 767px) {
.social-media.rounded a {
width: 50px;
height: 50px;
font-size: 18px;
line-height: 48px;
}
.social-media-list {
flex-wrap: wrap;
}
.social-media-list li {
flex-basis: 50%;
border-top: 1px solid #fff;
}
.social-media-list li + li {
border-left: none;
}
.social-media-list li:nth-child(even) {
border-left: 1px solid #fff;
}
}
/***********************************************************************************
* + PIE CHARTS
***********************************************************************************/
.pie-chart-container {
margin-bottom: 50px;
text-align: center;
}
.pie-chart {
position: relative;
margin: 0;
}
.pie-chart canvas {
max-width: 100%;
}
.pie-chart-percent {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #252525;
font-size: 20px;
line-height: 20px;
font-weight: 700;
text-align: center;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
}
.pie-chart-details .pie-chart-percent {
position: relative;
font-size: 72px;
line-height: 72px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.pie-chart-details {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pie-chart + .pie-chart-details {
position: relative;
margin-top: -5px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.pie-chart + .pie-chart-details h5 {
font-weight: 600;
}
/* DARK SECTION */
.full-section.dark-section .pie-chart-percent {
color: inherit;
}
/***********************************************************************************
* + PROGRESS BARS
***********************************************************************************/
.progress-bar-container {
margin-bottom: 15px;
overflow: hidden;
}
.progress {
overflow: visible;
height: 4px;
margin-bottom: 15px;
box-shadow: none;
border-radius: 0;
background-color: #d2e1ec;
}
.progress-bar {
position: relative;
height: 4px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(right, #3cbbd6, #00ff96);
background: -ms-linear-gradient(right, #3cbbd6, #00ff96);
background: linear-gradient(right, #3cbbd6, #00ff96);
}
.progress-bar-title {
color: #252525;
font-size: 16px;
font-weight: 700;
}
.progress-bar span {
position: absolute;
bottom: -42px;
right: 0;
color: #252525;
font-size: 16px;
font-weight: 700;
}
/* DARK SECTION */
.full-section.dark-section .progress {
background-color: transparent;
}
.full-section.dark-section .progress-bar-title,
.full-section.dark-section .progress-bar span {
color: inherit;
}
/***********************************************************************************
* + COUNTERS
***********************************************************************************/
/* COUNTER */
.counter {
margin-bottom: 50px;
}
.counter i {
float: left;
margin-top: 10px;
margin-right: 30px;
color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 54px;
line-height: 54px;
}
.counter-value {
color: #252525;
font-size: 48px;
line-height: 48px;
font-weight: 600;
}
.counter-value:before {
content: attr(data-symbol-before);
}
.counter-value:after {
content: attr(data-symbol-after);
}
.counter-details {
color: #b4b4b4;
font-size: 18px;
font-weight: 600;
}
/* STYLE 2 */
.counter.style-2 .counter-wrapper {
float: left;
width: 35%;
}
.counter.style-2 i {
margin-right: 15px;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.counter.style-2 .counter-value {
margin-bottom: 12px;
font-size: 92px;
line-height: 64px;
font-weight: 700;
}
.counter.style-2 .counter-details {
margin-left: 75px;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.counter.style-2 p {
float: left;
width: 65%;
}
.counter.style-2:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 1199px) {
.counter.style-2 p,
.counter.style-2 .counter-wrapper {
width: 100%;
}
.counter.style-2 .counter-wrapper {
margin-bottom: 20px;
}
}
/* ODOMETER */
.odometer-container {
margin-bottom: 50px;
}
.odometer-container i {
float: left;
margin-top: 10px;
margin-right: 30px;
color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 54px;
line-height: 54px;
}
.odometer {
color: #252525;
font-size: 48px;
line-height: 48px;
font-weight: 600;
}
.odometer-inside {
display: inline-block;
}
.odometer:before {
content: attr(data-symbol-before);
}
.odometer:after {
content: attr(data-symbol-after);
}
.odometer-details {
color: #b4b4b4;
font-size: 18px;
font-weight: 600;
}
/* STYLE 2 */
.odometer-container.style-2 .odometer-wrapper {
float: left;
width: 35%;
}
.odometer-container.style-2 i {
margin-right: 15px;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.odometer-container.style-2 .odometer {
margin-bottom: 0;
font-size: 92px;
line-height: 72px;
font-weight: 700;
}
.odometer-container.style-2 .odometer-details {
margin-left: 75px;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.odometer-container.style-2 p {
float: left;
width: 65%;
}
.odometer-container.style-2:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 1199px) {
.odometer-container.style-2 p,
.odometer-container.style-2 .odometer-wrapper {
width: 100%;
}
.odometer-container.style-2 .odometer-wrapper {
margin-bottom: 20px;
}
}
/* DARK SECTION */
.full-section.dark-section .odometer,
.full-section.dark-section .counter-value,
.full-section.dark-section .counter-details,
.full-section.dark-section .odometer-details {
color: inherit;
}
/***********************************************************************************
* + COUNTDOWN
***********************************************************************************/
.countdown {
display: flex;
margin: 75px 0;
font-size: 90px;
line-height: 90px;
font-weight: 600;
}
.countdown > div {
margin-right: 40px;
}
.countdown > div:last-child {
margin-right: 0;
}
/* STYLE 2 */
.countdown.style-2 {
justify-content: center;
}
@media (min-width: 1200px) {
.countdown.style-2 {
font-size: 120px;
line-height: 140px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.countdown,
.countdown.style-2 {
font-size: 56px;
line-height: 64px;
}
}
@media (max-width: 767px) {
.countdown,
.countdown.style-2 {
font-size: 64px;
line-height: 72px;
flex-direction: column;
}
.countdown > div {
margin: 0;
}
.countdown.style-2 {
text-align: center;
}
}
/***********************************************************************************
* + STATISTICS
***********************************************************************************/
.statistics-container {
padding: 40px 20px;
margin-bottom: 50px;
background-color: #edf7ff;
}
.statistics-container.round {
border-radius: 20px;
}
.radial-bar-chart {
margin-bottom: 50px;
}
.legend {
list-style: none;
}
.legend li {
font-size: 14px;
}
.legend li:before {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
vertical-align: middle;
content: "";
}
.legend li:nth-child(1):before { background-color: #07ffbc }
.legend li:nth-child(2):before { background-color: #0af6c5 }
.legend li:nth-child(3):before { background-color: #0eebd0 }
.legend li:nth-child(4):before { background-color: #1fbdff }
.legend li:nth-child(5):before { background-color: #29bbd8 }
@media (max-width: 767px) {
.statistics-container {
padding: 10px 0;
}
}
/***********************************************************************************
* + PRICE PLAN
***********************************************************************************/
.price-plan {
position: relative;
padding: 0 30px 25px;
border: 2px solid transparent;
margin-bottom: 50px;
background-color: #edf7ff;
color: #636363;
text-align: center;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.price-plan:before,
.price-plan:after {
position: absolute;
z-index: 1;
right: -1px;
left: -1px;
height: 2px;
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
opacity: 0;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.price-plan:before {
top: -2px;
}
.price-plan:after {
bottom: -2px;
}
.price-plan-header {
position: relative;
padding: 60px 0 15px;
border-bottom: 1px solid #b7b7b7;
margin-bottom: 30px;
}
.price-plan-header span {
position: absolute;
top: 1px;
left: -29px;
right: -29px;
background-color: #fff;
color: #3cbbd6;
font-size: 14px;
}
.price-plan-header h1,
.price-plan-header h3 {
margin-bottom: 0;
text-transform: uppercase;
}
.price-plan-header h1 {
position: relative;
font-size: 60px;
line-height: 68px;
}
.price-plan-header h1 sup {
position: absolute;
top: 15px;
font-size: 18px;
font-weight: 600;
}
.price-plan-header h3 {
padding-top: 26px;
font-size: 36px;
line-height: 42px;
}
.price-plan-header h1 + p,
.price-plan-header h3 + p {
color: #3cbbd6;
font-weight: 700;
text-transform: uppercase;
}
.price-plan-header h4 {
color: #3cbbd6;
text-transform: uppercase;
}
.price-plan ul {
margin-bottom: 25px;
list-style: none;
}
.price-plan ul li {
margin-bottom: 15px;
}
.price-plan ul li:last-child {
margin-bottom: 0;
}
.price-plan ul li i {
font-size: 20px;
color: #3cbbd6;
}
.price-plan:hover,
.price-plan.recommended {
border-right-color: #00ff96;
border-left-color: #3cbbd6;
background-color: #fff;
}
.price-plan:hover:before,
.price-plan:hover:after,
.price-plan.recommended:before,
.price-plan.recommended:after {
opacity: 1;
}
.price-plan:hover .price-plan-header span,
.price-plan.recommended .price-plan-header span {
background-color: #f9fbfc;
color: #3cbbd6;
}
/* DARK SECTION */
.full-section.dark-section .price-plan-header h1,
.full-section.dark-section .price-plan-header h3,
.full-section.dark-section .price-plan-header h4 {
color: #252525;
}
/***********************************************************************************
* + PROCESS STEPS
***********************************************************************************/
/* HORIZONTAL PROCESS STEPS */
.process-steps {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;
}
.process-steps .step {
position: relative;
padding: 90px 0 100px;
flex-basis: calc(25% - 22px);
background-color: #ff84c1;
background: -webkit-linear-gradient(bottom, #c750e9, #ff84c1);
background: -ms-linear-gradient(bottom, #c750e9, #ff84c1);
background: linear-gradient(bottom, #c750e9, #ff84c1);
color: #fff;
text-align: center;
box-shadow: -10px 22px 24px 0 rgba(0, 0, 0, 0.28);
}
.process-steps.process-3-steps .step {
flex-basis: calc(33.3333333% - 22px);
}
.process-steps.process-4-steps .step {
flex-basis: calc(25% - 22px);
}
.process-steps.process-5-steps .step {
flex-basis: calc(20% - 22px);
}
.process-steps .step a,
.process-steps .step h6,
.process-steps .step h4,
.process-steps .step h4 a {
color: #fff;
}
.process-steps .step h4 a:hover {
color: #252525;
}
.process-steps .step h6 {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.process-steps .step h4 {
font-weight: 600;
}
.process-steps .step > a {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
font-size: 12px;
line-height: 14px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
opacity: 0;
white-space: nowrap;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.process-steps .step > a:after {
display: block;
border-bottom: 1px solid #fff;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.process-steps .step > a:hover {
color: #252525;
text-decoration: none;
}
.process-steps .step a:hover:after {
border-bottom-color: #252525;
}
.process-steps .step:nth-child(1) {
background-color: #ff84c1;
background: -webkit-linear-gradient(bottom, #c750e9, #ff84c1);
background: -ms-linear-gradient(bottom, #c750e9, #ff84c1);
background: linear-gradient(bottom, #c750e9, #ff84c1);
}
.process-steps .step:nth-child(2) {
background-color: #47dfff;
background: -webkit-linear-gradient(bottom, #71a0ff, #47dfff);
background: -ms-linear-gradient(bottom, #71a0ff, #47dfff);
background: linear-gradient(bottom, #71a0ff, #47dfff);
}
.process-steps .step:nth-child(3) {
background-color: #d7fba4;
background: -webkit-linear-gradient(bottom, #46d06e, #d7fba4);
background: -ms-linear-gradient(bottom, #46d06e, #d7fba4);
background: linear-gradient(bottom, #46d06e, #d7fba4);
}
.process-steps .step:nth-child(4) {
background-color: #f295fd;
background: -webkit-linear-gradient(bottom, #968bf7, #f295fd);
background: -ms-linear-gradient(bottom, #968bf7, #f295fd);
background: linear-gradient(bottom, #968bf7, #f295fd);
}
.process-steps .step > *:last-child {
margin-bottom: 0;
}
.process-steps .step:hover > a {
bottom: 40px;
opacity: 1;
}
@media (max-width: 991px) {
.process-steps {
justify-content: space-around;
}
.process-steps .step,
.process-steps.process-4-steps .step {
flex-basis: calc(50% - 22px);
margin: 20px 0;
}
.process-steps.process-5-steps .step {
flex-basis: calc(33.3333333% - 22px);
margin: 20px 0;
}
}
@media (max-width: 767px) {
.process-steps .step,
.process-steps.process-3-steps .step,
.process-steps.process-4-steps .step,
.process-steps.process-5-steps .step {
flex-basis: 100%;
margin: 20px 0;
}
.process-steps .step:first-child {
margin-top: 0;
}
.process-steps .step:last-child {
margin-bottom: 0;
}
}
/* VERTICAL PROCESS STEPS */
.vertical-process-steps {
position: relative;
margin-bottom: 50px;
}
.vertical-process-steps:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
border-left: 2px solid #cccccc;
content: "";
}
.vertical-step {
position: relative;
padding: 30px 50px 30px 100px;
margin: 0 0 25px 75px;
background-color: #3cbbd6;
color: #fff;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.vertical-step i {
position: absolute;
top: 30px;
left: 40px;
font-size: 32px;
line-height: 32px;
}
.vertical-step h6 {
position: absolute;
top: 50%;
left: -100px;
width: 54px;
height: 54px;
border-radius: 50%;
margin-bottom: 0;
background-color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
font-size: 18px;
line-height: 54px;
font-weight: 600;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.vertical-step h6:after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 50px;
height: 50px;
margin: 2px 0 0 2px;
border-radius: 50%;
background-color: #edf7ff;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.vertical-step h5,
.vertical-step h5 a {
color: inherit;
text-transform: uppercase;
}
.vertical-step:last-child,
.vertical-step > *:last-child {
margin-bottom: 0;
}
.vertical-step:hover {
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.vertical-step:hover h6 {
color: #fff;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.vertical-step:hover h6:after {
background-color: transparent;
}
/* DARK SECTION */
.full-section.dark-section .vertical-step h6 {
color: #252525;
}
.full-section.dark-section .vertical-step:hover h6 {
color: #fff;
}
@media (max-width: 767px) {
.vertical-process-steps:before {
display: none;
}
.vertical-step {
margin-left: 0;
}
}
/***********************************************************************************
* + TIMELINE
***********************************************************************************/
.timeline {
position: relative;
margin-bottom: 50px;
}
.timeline:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
background-color: #b7b7b7;
content: "";
}
.timeline-item {
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-item:before,
.timeline-item:after {
position: absolute;
top: 0;
left: 50%;
display: block;
border-radius: 50%;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.timeline-item:before {
width: 22px;
height: 22px;
margin-left: -11px;
background-color: #b7b7b7;
}
.timeline-item:after {
width: 18px;
height: 18px;
margin-top: 2px;
margin-left: -9px;
background-color: #fff;
}
.timeline-item h3 {
margin-bottom: 15px;
font-weight: 600;
}
.timeline-item:hover:before {
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
}
/* STYLE 2 */
.timeline.style-2:before {
left: 135px;
width: 2px;
background: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
}
.timeline.style-2 .period {
display: inline-block;
color: #666666;
text-align: center;
}
.timeline.style-2 .period small {
display: block;
font-size: 14px;
font-weight: 400;
}
.timeline.style-2 .timeline-item {
margin-bottom: 30px;
}
.timeline.style-2 .timeline-item:last-child {
margin-bottom: 0;
}
.timeline.style-2 .timeline-item:before,
.timeline.style-2 .timeline-item:after {
left: 135px;
}
.timeline.style-2 h5 {
font-weight: 600;
}
/* DARK SECTION */
.full-section.dark-section .timeline.style-2 .period {
color: inherit;
}
@media (max-width: 767px) {
.timeline:before,
.timeline-item:before,
.timeline-item:after {
display: none;
}
}
/***********************************************************************************
* + TESTIMONIALS
***********************************************************************************/
/* BLOCKQUOTE */
blockquote {
padding: 0;
border-left: none;
margin-bottom: 20px;
}
blockquote footer {
color: inherit;
font-size: 14px;
font-style: normal;
}
blockquote footer small {
color: inherit;
}
blockquote footer:before,
blockquote footer small:before {
display: none;
}
blockquote footer img {
border-radius: 50%;
margin-right: 10px;
}
blockquote > *:last-child {
margin-bottom: 0;
}
/* TESTIONIAL */
.testimonial {
position: relative;
z-index: 1;
padding: 50px 25px;
margin-bottom: 50px;
background-color: #f7f7f7;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.testimonial:hover:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-left: 1px solid #3cbbd6;
border-right: 1px solid #00ff96;
background-size: 100% 1px;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
background-image: linear-gradient(30deg, #3cbbd6, #00ff96), linear-gradient(30deg, #3cbbd6, #00ff96);
opacity: 0;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.testimonial h6 {
color: #3cbbd6;
text-transform: uppercase;
}
.testimonial blockquote {
padding: 0;
border: none;
}
.testimonial blockquote > *:last-child {
margin-bottom: 0;
}
.testimonial .testimonial-author {
display: flex;
align-items: center;
padding-top: 40px;
border-top: 1px solid #e1e1e1;
margin-top: 40px;
}
.testimonial .testimonial-author img {
border-radius: 50%;
margin-right: 20px;
}
.testimonial .testimonial-author p {
margin-bottom: 0;
font-weight: 600;
}
.testimonial .testimonial-author p span {
color: #3cbbd6;
}
.testimonial:hover {
background-color: transparent;
}
.testimonial:hover:after {
opacity: 1;
}
/* TESTIONIAL 2 */
.testimonial-2 {
margin-bottom: 50px;
text-align: center;
}
.testimonial-2 h6 {
margin-bottom: 30px;
text-transform: uppercase;
}
.testimonial-2 blockquote {
margin-bottom: 40px;
line-height: 26px;
font-weight: 300;
font-style: italic;
}
.testimonial-2 blockquote > *:last-child {
margin-bottom: 0;
}
.testimonial-2 .testimonial-author img {
display: inline-block;
border-radius: 50%;
margin-bottom: 15px;
}
.testimonial-2 .testimonial-author p {
margin-bottom: 0;
font-weight: 600;
}
.testimonial-2 .testimonial-author p span {
color: #3cbbd6;
}
/* TESTIONIAL 3 */
.testimonial-3 {
margin-bottom: 50px;
text-align: center;
}
.testimonial-wrapper {
position: relative;
padding: 60px 20px;
margin-bottom: 35px;
background-color: #fff;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.testimonial-wrapper:after {
position: absolute;
bottom: -10px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
margin-left: -6px;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.testimonial-3 h6 {
margin-bottom: 30px;
text-transform: uppercase;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.testimonial-3 blockquote {
margin-bottom: 0;
line-height: 26px;
font-weight: 300;
font-style: italic;
}
.testimonial-3 blockquote > *:last-child {
margin-bottom: 0;
}
.testimonial-3:hover .testimonial-wrapper {
background-color: #3cbbd6;
color: #fff;
}
.testimonial-3:hover .testimonial-wrapper:after {
border-top-color: #3cbbd6;
}
.testimonial-3:hover h6 {
color: #fff;
}
.testimonial-3 .testimonial-author img {
display: inline-block;
border-radius: 50%;
margin-bottom: 15px;
}
.testimonial-3 .testimonial-author p {
margin-bottom: 0;
font-weight: 600;
}
.testimonial-3 .testimonial-author p span {
color: #3cbbd6;
}
/* TESTIMONIAL 4 */
.testimonial-4 {
margin-bottom: 50px;
}
.testimonial-4:after {
display: table;
clear: both;
content: "";
}
.testimonial-4 h6 {
margin-bottom: 15px;
text-transform: uppercase;
}
.testimonial-4 .testimonial-author {
display: flex;
align-items: center;
}
.testimonial-4 .testimonial-author img {
border-radius: 50%;
margin-right: 15px;
}
.testimonial-4 .testimonial-author p {
margin-bottom: 0;
font-weight: 600;
}
.testimonial-4 .testimonial-author p span {
color: #3cbbd6;
}
/* TESTIMONIAL 5 */
.testimonial-5 {
display: flex;
align-items: center;
margin-bottom: 50px;
}
.testimonial-5 .testimonial-author img {
border-radius: 50%;
margin-right: 15px;
}
.testimonial-5 h6 {
margin-bottom: 15px;
text-transform: uppercase;
}
.testimonial-5 .testimonial-content {
padding-left: 40px;
}
.testimonial-5 .testimonial-content > p {
font-weight: 600;
}
.testimonial-5 .testimonial-content > p span {
color: #3cbbd6;
}
.testimonial-5 blockquote {
margin-bottom: 0;
font-style: italic;
font-weight: 300;
}
/* DARK SECTION */
.full-section.dark-section .testimonial,
.full-section.dark-section .testimonial-3 .testimonial-wrapper {
color: #636363;
}
.full-section.dark-section .testimonial h4,
.full-section.dark-section .testimonial-3 h6 {
color: #252525;
}
.full-section.dark-section .testimonial h6 {
color: #3cbbd6;
}
.full-section.dark-section .testimonial:hover,
.full-section.dark-section .testimonial:hover h4 {
color: inherit;
}
.full-section.dark-section .testimonial-3:hover h6,
.full-section.dark-section .testimonial-3:hover .testimonial-wrapper {
color: #fff;
}
@media (min-width: 1200px) {
.testimonial {
padding: 50px 45px;
}
}
@media (max-width: 767px) {
.testimonial-5 {
flex-direction: column;
}
.testimonial-5 .testimonial-content {
margin-top: 30px;
padding-left: 0;
}
.testimonial-5 .testimonial-content > p,
.testimonial-5 .testimonial-content > h6 {
text-align: center;
}
}
/***********************************************************************************
* + ISOTOPE
***********************************************************************************/
.isotope {
margin-bottom: 50px;
}
.isotope.gutter {
margin: -15px -15px 35px;
}
.isotope.small-gutter {
margin: -1px -1px 35px;
}
.isotope .isotope-item {
float: left;
width: 25%;
}
.isotope.gutter .isotope-item {
padding: 15px;
}
.isotope.small-gutter .isotope-item {
padding: 1px;
}
.isotope.cols-3 .isotope-item {
width: 33.333333%;
}
.isotope.cols-4 .isotope-item {
width: 25%;
}
.isotope .portfolio-item {
margin-bottom: 0;
}
.isotope:after {
display: table;
content: " ";
clear: both;
}
@media (min-width: 768px) and (max-width: 991px) {
.isotope.gutter {
margin: -5px -5px 30px;
}
.isotope.gutter .isotope-item {
padding: 5px;
}
.isotope.cols-4 .isotope-item {
width: 33.33333%;
}
}
@media (max-width: 767px) {
.isotope .isotope-item,
.isotope.cols-3 .isotope-item,
.isotope.cols-4 .isotope-item {
float: none;
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.isotope .isotope-item,
.isotope.cols-3 .isotope-item,
.isotope.cols-4 .isotope-item {
float: left;
width: 50%;
}
.isotope.gutter {
margin: -5px -5px 30px;
}
.isotope.gutter .isotope-item {
padding: 5px;
}
}
/***********************************************************************************
* + FILTER
***********************************************************************************/
.filter {
margin-bottom: 80px;
list-style: none;
}
.filter li {
display: inline-block;
margin-right: 35px;
}
.filter li:after {
margin-left: 35px;
content: "-";
}
.filter li:last-child {
margin-right: 0;
}
.filter li:last-child:after {
display: none;
}
.filter li a {
display: inline-block;
color: #636363;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.filter li a:hover,
.filter li a.active {
color: #3cbbd6;
}
/* STYLE 2 */
.filter.style-2 li {
margin-right: 15px;
}
.filter.style-2 li:last-child {
margin-right: 0;
}
.filter.style-2 li:after {
display: none;
}
.filter.style-2 li a {
padding: 7px 30px;
border-radius: 20px;
background-color: #f7fafc;
}
.filter.style-2 li a:hover,
.filter.style-2 li a.active {
background-color: #3cbbd6;
color: #fff;
}
/* DARK SECTION */
.full-section.dark-section .filter:not(.style-2) li a {
color: inherit;
}
.full-section.dark-section .filter:not(.style-2) li a:hover,
.full-section.dark-section .filter:not(.style-2) li a.active {
color: #3cbbd6;
}
@media (max-width: 767px) {
.filter li:after {
display: none;
}
.filter.style-2 li {
display: block;
margin-right: 0;
margin-bottom: 10px;
}
.filter.style-2 li:last-child {
margin-bottom: 0;
}
}
@media (max-width: 575px) {
.filter li {
display: block;
margin-right: 0;
margin-bottom: 10px;
}
.filter li:last-child {
margin-bottom: 0;
}
}
/***********************************************************************************
* + PAGINATION
***********************************************************************************/
/***********************************************************************************
* + PAGINATION
***********************************************************************************/
.pagination {
margin: 30px 0 50px 0;
}
.pagination li {
margin-right: 5px;
}
.pagination li:last-child {
margin-right: 0;
}
.pagination li a {
display: block;
width: 40px;
height: 40px;
border: 2px solid transparent;
border-radius: 5px;
color: #636363;
line-height: 36px;
font-weight: 600;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.pagination li.active a,
.pagination li a:hover {
border-color: #3cbbd6;
color: #3cbbd6;
}
/* DARK SECTION */
.full-section.dark-section .pagination li a {
color: inherit;
}
.full-section.dark-section .pagination li.active a,
.full-section.dark-section .pagination li a:hover {
color: #3cbbd6;
}
/***********************************************************************************
* + BREADCRUMB
***********************************************************************************/
.breadcrumb {
justify-content: center;
margin: 0;
padding: 0;
background-color: transparent;
font-size: 14px;
font-weight: 700;
letter-spacing: 5px;
text-transform: uppercase;
}
.breadcrumb > li + li:before {
padding: 0;
margin: 0 10px 0 7px;
color: #fff;
content: "/";
}
.breadcrumb li a {
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.breadcrumb li a:hover {
color: #3cbbd6;
text-decoration: none;
}
.breadcrumb li.active {
color: #3cbbd6;
}
@media (max-width: 767px) {
.breadcrumb {
display: none;
}
}
/***********************************************************************************
* + FULL SECTIONS
***********************************************************************************/
.full-section {
position: relative;
z-index: 1;
padding: 50px 0;
margin-bottom: 100px;
background: no-repeat center center;
}
.full-section-overlay {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.5;
}
.full-section-blending {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #3cbbd6;
background: -webkit-linear-gradient(30deg, #3cbbd6, #00ff96);
background: -ms-linear-gradient(30deg, #3cbbd6, #00ff96);
background: linear-gradient(30deg, #3cbbd6, #00ff96);
mix-blend-mode: multiply;
opacity: 0.9;
}
.full-section-container {
position: relative;
z-index: 4;
}
/* FULL SECTION WITH HALF IMAGE/SOLID COLOR */
.half-image-left,
.half-image-right {
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
width: 50%;
background: no-repeat center center;
background-size: cover;
}
.half-image-left {
left: 0;
}
.half-image-right {
right: 0;
}
.half-image-left img,
.half-image-right img {
display: none;
}
/* PARALLAX */
.parallax {
background-attachment: fixed;
-webkit-background-size: cover !important;
background-size: cover !important;
}
.parallax.parallax-disable {
background-attachment: scroll;
}
/* MULTILAYER PARALLAX */
.multilayer-parallax {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.multilayer-parallax .parallax-layer {
position: absolute;
top: 0;
left: 0;
}
.multilayer-parallax .parallax-layer img.resize-off {
max-width: none;
}
.multilayer-parallax .parallax-layer[data-x="center"] {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* ELEMENTS IN DARK SECTION */
.full-section.dark-section {
background-color: #000;
color: #fff;
}
.full-section.dark-section ::-moz-placeholder {
color: inherit;
}
.full-section.dark-section ::-webkit-input-placeholder {
color: inherit;
}
.full-section.dark-section :-ms-input-placeholder {
color: inherit;
}
.full-section.dark-section h1,
.full-section.dark-section h2,
.full-section.dark-section h3,
.full-section.dark-section h4,
.full-section.dark-section h5,
.full-section.dark-section h6,
.full-section.dark-section h1 a,
.full-section.dark-section h2 a,
.full-section.dark-section h3 a,
.full-section.dark-section h4 a,
.full-section.dark-section h5 a,
.full-section.dark-section h6 a,
.full-section.dark-section table th {
color: #fff;
}
.full-section.dark-section h1 a:hover,
.full-section.dark-section h2 a:hover,
.full-section.dark-section h3 a:hover,
.full-section.dark-section h4 a:hover,
.full-section.dark-section h5 a:hover,
.full-section.dark-section h6 a:hover {
color: #3cbbd6;
}
.full-section.dark-section input,
.full-section.dark-section select,
.full-section.dark-section textarea {
border-color: #fff;
}
/* BACKROUNDS AND STYLE FOR FULL SECTIONS */
#section-1 {
padding: 100px 0 80px;
margin-bottom: 100px;
}
#section-2 {
padding: 140px 0 100px;
margin-bottom: 100px;
background-color: #f4fafb;
}
#section-2:after {
position: absolute;
z-index: 5;
bottom: 25px;
display: block;
width: 100%;
height: 4px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
content: "";
}
#section-2 .half-image-right {
width: 40%;
}
#section-3 {
padding: 100px 0 80px;
margin-top: 50px;
margin-bottom: 0;
background-color: #f4fafb;
}
#section-4 {
padding: 80px 0 30px;
background-image: url(../../../images/bg/a2.jpg);
}
#section-5 {
padding: 100px 0 30px;
margin-top: 50px;
margin-bottom: -50px;
background-image: url(../../../images/bg/a4.jpg);
}
#section-6 {
position: relative;
z-index: 100;
padding-top: 75px;
margin-top: -100px;
background-color: #fff;
}
#section-7 {
padding: 100px 0;
margin-top: 50px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-3.jpg);
}
#section-7 h1 {
font-size: 150px;
line-height: 150px;
font-weight: 300;
}
#section-7 h1 small {
font-size: 36px;
font-weight: 600;
}
#section-8 {
padding: 100px 0 50px;
background-color: #fbf7fc;
}
#section-9 {
position: relative;
z-index: 100;
margin-top: -60px;
}
#section-10 {
padding: 100px 0 60px;
margin-top: 50px;
background-color: #252429;
background: -webkit-linear-gradient(45deg, #252429 45%, #213b63);
background: -ms-linear-gradient(45deg, #252429 45%, #213b63);
background: linear-gradient(45deg, #252429 45%, #213b63);
}
#section-11 {
padding: 100px 0 50px;
background-color: #f7fafc;
}
#section-12 {
overflow: hidden;
padding: 200px 0;
margin-top: 80px;
background-color: #252429;
}
#section-13 {
padding: 100px 0;
margin-top: 80px;
margin-bottom: 0;
background-color: #252429;
}
#section-13 .half-image-right {
width: 33%;
}
#section-14 {
padding: 100px 0 50px;
background-color: #f7fafc;
}
#section-15 {
padding: 100px 0 50px;
margin-top: 80px;
background-image: url(../../../images/backgrounds/bg-5.jpg);
}
#section-16 {
padding: 100px 0 50px;
margin: 50px 20px 100px;
background-color: #f7fafc;
}
#section-17 {
padding: 100px 0 70px;
margin-top: 25px;
margin-bottom: 0;
background-color: #fe2f87;
}
#section-18 {
padding: 100px 0 50px;
margin-top: 80px;
background-color: #f7fafc;
}
#section-19 {
padding: 100px 0 60px;
margin-top: 50px;
margin-bottom: 0;
background-color: #0030ff;
}
#section-20 {
padding: 100px 0 80px;
background-color: #f1f7fa;
}
#section-21 {
padding: 100px 0 80px;
margin-top: 50px;
background-image: url(../../../images/backgrounds/bg-6.jpg);
}
#section-22 {
padding: 100px 0 90px;
margin-top: 50px;
background-color: #f4fafb;
}
#section-23 {
padding: 75px 0 60px;
margin-top: 70px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-7.jpg);
}
#section-24 {
overflow: hidden;
padding-top: 0;
padding-bottom: 80px;
margin-bottom: 0;
}
#section-25 {
padding: 100px 0 50px;
margin-bottom: 0;
background-color: #f6f8fa;
}
#section-26 {
padding: 0;
background-color: #252525;
}
#section-27 {
padding: 80px 0;
margin-top: 50px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-8.jpg);
}
#section-28 {
padding: 0;
margin-top: 50px;
margin-bottom: -50px;
}
#section-28 input,
#section-28 textarea {
background: transparent;
color: inherit;
}
#section-29 {
padding: 100px 0 80px;
margin-top: -51px;
background-image: url(../../../images/backgrounds/bg-9.jpg);
}
#section-30 {
padding: 50px 0 35px;
margin-top: 35px;
margin-bottom: -50px;
background-color: #454a6d;
}
#section-31 {
padding: 100px 0 85px;
margin-top: 80px;
margin-bottom: 0;
background-color: #f8f8fb;
}
#section-32 {
padding: 100px 0 85px;
background-color: #f8f8fb;
}
#section-33 {
padding: 100px 0 60px;
margin-top: 60px;
background-image: url(../../../images/backgrounds/bg-10.jpg);
}
#section-34 {
padding: 50px 0;
margin-top: 20px;
margin-bottom: -50px;
background-color: #f8f8fb;
}
#section-35 {
padding: 70px 0 60px;
margin-top: 50px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-11.jpg);
}
#section-36 {
padding: 100px 0 50px;
background-color: #f9fafb;
}
#section-37 {
padding: 100px 0 50px;
margin-top: 65px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-6.jpg);
}
#section-38 {
padding: 100px 0 80px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-13.png);
}
#section-39 {
padding: 100px 0 30px;
margin-bottom: -50px;
background-color: #f7fafc;
}
#section-40 {
background-color: #d297ff;
background: -webkit-linear-gradient(47deg, #7dffd6, #8aa0ff, #d297ff);
background: -ms-linear-gradient(47deg, #7dffd6, #8aa0ff, #d297ff);
background: linear-gradient(47deg, #7dffd6, #8aa0ff, #d297ff);
}
#section-41 {
background-color: #b7a0fb;
background: -webkit-linear-gradient(47deg, #f6bff2, #b7a0fb);
background: -ms-linear-gradient(47deg, #f6bff2, #b7a0fb);
background: linear-gradient(47deg, #f6bff2, #b7a0fb);
}
#section-42 {
z-index: 2;
background-color: #7ebcfc;
background: -webkit-linear-gradient(47deg, #6bfdc1, #7ebcfc);
background: -ms-linear-gradient(47deg, #6bfdc1, #7ebcfc);
background: linear-gradient(47deg, #6bfdc1, #7ebcfc);
}
#section-43 {
background-color: #fb7dd6;
background: -webkit-linear-gradient(47deg, #fb7dd6, #f9de9f);
background: -ms-linear-gradient(47deg, #fb7dd6, #f9de9f);
background: linear-gradient(47deg, #fb7dd6, #f9de9f);
}
#section-44 {
overflow: hidden;
padding: 120px 0 70px;
margin-top: 50px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-14.jpg);
}
#section-45 {
padding: 100px 0 50px;
margin-top: 50px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-15.jpg);
}
#section-46 {
padding: 70px 0 60px;
background-color: #1c1c1c;
}
#section-47 {
padding: 50px 0;
margin-top: 80px;
background-image: url(../../../images/backgrounds/bg-9.jpg);
}
#section-47:before {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
width: 35%;
background-color: #fff;
content: "";
}
#section-47 [class^="col-"] {
padding: 100px;
background-color: #fff;
}
#section-48 {
padding-top: 50px;
padding-bottom: 0;
margin-top: 50px;
margin-bottom: 0;
background-color: #f3f8f9;
}
#section-48 .half-image-right {
margin-top: -125px;
width: 60%;
-webkit-clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
}
#section-49 {
padding: 80px 0 30px;
background-color: #e5d1fd;
background: -webkit-linear-gradient(50deg, #c8eaf5 20%, #e5d1fd);
background: -ms-linear-gradient(50deg, #c8eaf5 20%, #e5d1fd);
background: linear-gradient(50deg, #c8eaf5 20%, #e5d1fd);
}
#section-50 {
padding: 100px 0 80px;
margin-bottom: 0;
background-color: #eff4f7;
}
#section-51 {
padding: 50px 0 30px;
background-color: #fb874e;
background: -webkit-linear-gradient(left, #fdd962, #fb874e);
background: -ms-linear-gradient(left, #fdd962, #fb874e);
background: linear-gradient(left, #fdd962, #fb874e);
font-weight: 600;
}
#section-51 h3 {
font-size: 36px;
font-weight: 600;
}
#section-52 {
padding: 90px 0 70px;
margin-top: 50px;
background-image: url(../../../images/backgrounds/bg-16.jpg);
}
#section-53 {
padding: 50px 0 0 0;
margin-bottom: -50px;
background-color: #1a1a1a;
}
#section-54 {
padding: 100px 0 80px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-17.jpg);
}
#section-55 {
padding: 100px 0 50px;
margin-bottom: 0;
background-color: #fafafc;
}
#section-56 {
padding: 50px 0 30px;
margin-top: 50px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-18.jpg);
font-weight: 600;
}
#section-57 .text-xl {
font-size: 150px;
line-height: 150px;
font-weight: 200;
}
#section-58 {
background-color: #241825;
}
#section-58 .map {
margin-top: -200px;
}
#section-59 {
padding: 50px 0 30px;
margin-top: -1px;
background-color: #9117f9;
font-weight: 600;
}
#section-59 h3 {
font-size: 36px;
font-weight: 600;
}
#section-60 {
padding: 160px 0 140px;
margin-top: 20px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-18.jpg);
}
#section-60 h1 {
font-size: 60px;
}
#section-61 {
padding: 100px 0 50px;
background-color: #f7fafc;
}
#section-62 {
padding-top: 65px;
padding-bottom: 0;
margin-top: 50px;
background-color: #f7fafc;
}
#section-63 {
padding: 120px 0 100px;
margin-top: 50px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-19.jpg);
}
#section-64 {
padding: 150px 0 100px;
margin-top: 100px;
background-color: #edf7ff;
}
#section-65 {
padding: 100px 0 50px;
margin-top: 50px;
background-image: url(../../../images/backgrounds/bg-14.jpg);
}
#section-66 {
padding: 140px 0 125px;
margin-top: 60px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-12.jpg);
}
#section-67 {
padding-top: 220px;
padding-bottom: 1px;
margin-top: 80px;
margin-bottom: 60px;
background-image: url(../../../images/backgrounds/bg-20.jpg);
}
#section-67:before {
position: absolute;
z-index: 5;
top: 0;
left: 0;
display: block;
width: 100%;
height: 10px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
content: "";
}
#section-67 .nav-tabs {
margin-top: 150px;
}
#section-68 {
padding: 100px 0 50px;
background-image: url(../../../images/backgrounds/bg-21.jpg);
}
#section-69 {
padding: 90px 0 70px;
margin-top: 70px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-22.jpg);
}
#section-70 {
padding: 100px 0 50px;
margin-top: 50px;
margin-bottom: 0;
background-color: #fe103d;
}
#section-71 {
padding-top: 100px;
padding-bottom: 0;
background-color: #212433;
}
#section-72 {
padding: 185px 0 80px;
margin-top: 80px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-23.jpg);
}
#section-72:after {
position: absolute;
z-index: 3;
right: 0;
bottom: 0;
left: 0;
height: 500px;
background-color: #f3f7f9;
content: "";
}
#section-73 {
padding: 30px 0;
border-bottom: 1px solid #cccccc;
margin-bottom: -50px;
background-color: #212432;
}
#section-74 {
padding: 100px 0 50px;
margin-top: 80px;
margin-bottom: 0;
background-color: #f3f7f9;
}
#section-75 {
padding: 160px 0 140px;
margin-bottom: 0;
}
#section-76 {
padding: 100px 0 50px;
background-color: #212432;
}
#section-77 {
padding: 100px 0 50px;
margin-top: 80px;
background-image: url(../../../images/backgrounds/bg-24.jpg);
}
#section-78 {
padding: 100px 0 80px;
margin-top: 50px;
background-color: #edf7ff;
}
#section-79 {
padding: 0;
border-bottom: 1px solid #fff;
margin-bottom: -50px;
}
#section-80 {
background-image: url(../../../images/backgrounds/bg-25.jpg);
}
#section-81 {
background-image: url(../../../images/backgrounds/bg-26.jpg);
}
#section-82 {
background-image: url(../../../images/backgrounds/bg-27.jpg);
}
#section-83 {
background: url(../../../images/backgrounds/bg-28.jpg) no-repeat center bottom;
}
#section-84 {
overflow: hidden;
height: 450px;
margin-bottom: 0;
}
#section-85 {
overflow: hidden;
padding: 140px 0 130px;
background-color: #edf7ff;
}
#section-85 .plus-list-3 li:after {
background-color: #edf7ff;
}
#section-86 {
padding: 0;
margin-top: 100px;
background-color: #edf7ff;
}
#section-87 {
padding: 0;
margin-top: 175px;
margin-bottom: -50px;
}
#section-87 input,
#section-87 textarea {
background: transparent;
color: inherit;
}
#section-88 {
padding: 150px 0 90px;
margin-top: 80px;
margin-bottom: 0;
background-color: #6161b2;
background: -webkit-linear-gradient(36deg, #6161b2, #b35fa7);
background: -ms-linear-gradient(36deg, #6161b2, #b35fa7);
background: linear-gradient(36deg, #6161b2, #b35fa7);
}
#section-88 h5 {
font-size: 20px;
}
#section-88 h5 a {
display: inline-block;
}
#section-88 h5 a:after {
display: block;
width: 100%;
height: 1px;
margin-top: 3px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(bottom, #3cbbd6, #00ff96);
background: -ms-linear-gradient(bottom, #3cbbd6, #00ff96);
background: linear-gradient(bottom, #3cbbd6, #00ff96);
content: "";
}
#section-89 {
padding: 100px 0 50px;
background-color: #202332;
}
#section-90 {
z-index: 10;
padding: 200px 0;
margin-top: 80px;
margin-bottom: -51px;
font-size: 18px;
line-height: 28px;
font-weight: 600;
background-color: #3d3d6d;
background-image: url(../../../images/backgrounds/bg-29.png);
}
#section-91 {
padding: 120px 0 100px;
margin-top: 40px;
background-color: #0e2040;
}
#section-92 {
padding: 240px 0;
margin-top: 70px;
margin-bottom: 0;
background-color: #0e2040;
}
#section-93 {
padding: 100px 0 80px;
margin-bottom: -50px;
background-color: #4ed0d1;
background: -webkit-linear-gradient(75deg, #4ed0d1, #cb71ff);
background: -ms-linear-gradient(75deg, #4ed0d1, #cb71ff);
background: linear-gradient(75deg, #4ed0d1, #cb71ff);
}
#section-93 .social-media a {
margin-right: 100px;
font-size: 32px;
line-height: 32px;
}
#section-94 {
padding: 70px 0 100px;
margin-top: 80px;
margin-bottom: 0;
background-image: url(../../../images/backgrounds/bg-30.jpg);
color: #cacaca;
}
#section-95 {
padding-top: 70px;
padding-bottom: 0;
background-image: url(../../../images/backgrounds/bg-31.jpg);
}
#section-96 {
padding: 100px 0 30px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-32.jpg);
}
#section-97 {
padding: 550px 0 65px;
margin-top: -120px;
margin-bottom: 0;
background: transparent url(../../../images/backgrounds/bg-33.png) no-repeat top center;
}
#section-98 {
padding: 100px 0 200px;
margin-bottom: -100px;
background: transparent url(../../../images/backgrounds/bg-34.png) no-repeat right bottom;
}
#section-99 {
padding: 450px 0;
margin-top: -220px;
margin-bottom: -50px;
background: transparent url(../../../images/backgrounds/bg-35.png) no-repeat center;
}
#section-100 {
margin-top: 50px;
margin-bottom: -50px;
}
#section-100 .half-image-left {
background-size: contain;
background-position: center bottom;
}
#section-101 {
padding: 100px 0 60px;
margin-top: 50px;
background-image: url(../../../images/bg/w4.jpg);
}
#section-102 {
padding: 100px 0 80px;
margin-top: 50px;
background-image: url(../../../images/bg/a4.jpg);
}
#section-102:before {
position: absolute;
z-index: 5;
top: 0;
left: 0;
display: block;
width: 100%;
height: 4px;
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
content: "";
}
#section-103 {
padding: 100px 0 50px;
margin-top: 50px;
margin-bottom: -50px;
background-color: #f4fafb;
}
#section-104 {
padding: 100px 0 50px;
margin-top: 50px;
background-image: url(../../../images/backgrounds/bg-36.jpg);
}
#section-105 {
padding: 100px 0 50px;
margin-top: 50px;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-14.jpg);
}
#section-106 {
padding: 100px 0 50px;
background-color: #edf7ff;
}
#section-107 {
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
padding: 100px 0;
margin-bottom: -50px;
}
#section-107:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-left: 3px solid #3cbbd6;
border-right: 3px solid #00ff96;
margin: 50px;
background-size: 100% 3px;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
background-image: linear-gradient(right, #00ff96, #3cbbd6), linear-gradient(right, #00ff96, #3cbbd6);
content: "";
}
#section-107 h1,
#section-107 h3 {
color: #fff;
}
#section-107 h1 {
margin-left: -10px;
font-size: 8vw;
line-height: 6vw;
font-weight: 600;
}
#section-107 #logo {
position: absolute;
top: 50px;
left: 50px;
z-index: 5;
}
#section-108 {
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
padding: 100px 0;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-37.jpg);
background-size: cover;
}
#section-108:after {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-left: 3px solid #3cbbd6;
border-right: 3px solid #00ff96;
margin: 50px;
background-size: 100% 3px;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
background-image: linear-gradient(right, #00ff96, #3cbbd6), linear-gradient(right, #00ff96, #3cbbd6);
content: "";
}
#section-109 {
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
margin-bottom: -50px;
background-image: url(../../../images/backgrounds/bg-18.jpg);
background-size: cover;
}
#section-110 {
padding: 50px 0 35px;
margin-top: 30px;
margin-bottom: -50px;
background-color: #70d8ed;
}
#section-111 {
padding: 100px 0 15px;
margin-top: 30px;
margin-bottom: 0;
background-color: #f3f9fa;
}
#section-111 input,
#section-111 textarea {
background-color: transparent;
}
#section-111 textarea {
height: 150px;
}
@media (max-width: 1699px) {
#section-92 .multilayer-parallax {
position: relative;
display: block;
padding: 0 20px;
margin: 0 auto 100px;
max-width: 75%;
}
#section-92 .parallax-layer {
position: relative !important;
top: 0 !important;
left: 0 !important;
}
}
@media (min-width: 1400px) {
#section-13 {
padding-right: 75px;
padding-left: 75px;
}
#section-16 {
margin-right: 50px;
margin-left: 50px;
}
}
@media (max-width: 1199px) {
#section-1 .parallax-layer img {
width: 70%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.half-image-left,
.half-image-right {
position: relative;
width: 100%;
background-image: none !important;
}
.half-image-left img {
display: block;
margin-top: -100px;
margin-bottom: 70px;
}
.half-image-right img {
display: block;
margin-top: 70px;
margin-bottom: -100px;
}
#section-1 {
padding-top: 50px;
margin-bottom: 0;
}
#section-2 .half-image-right {
width: 100%;
}
#section-12 {
padding: 100px 0;
}
#section-13 .half-image-right {
width: 100%;
}
#section-31 {
padding-bottom: 0;
}
#section-32 {
padding-top: 0;
}
#section-38 {
background-image: none;
}
#section-48 {
color: #252525;
}
#section-48 .half-image-right {
margin-top: -30px;
width: 100%;
-webkit-clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
}
#section-58 .map {
margin-top: 50px;
}
#section-75 {
padding: 100px 0 80px;
}
#section-75 .text-white {
color: #636363 !important;
}
#section-75 h2.text-white {
color: #252525 !important;
}
#section-84 {
height: 0;
}
#section-97 {
background-size: cover;
}
#section-98 {
background: none;
}
#section-107 {
padding-right: 50px;
padding-left: 50px;
}
#section-107:after {
margin: 25px;
}
#section-107 h1 {
margin-bottom: 25vh;
margin-left: -5px;
}
#section-107 .half-image-left {
position: absolute;
height: 50vh;
overflow: hidden;
}
#section-107 .half-image-left img {
margin: 0;
}
#section-108:after {
margin: 20px;
}
}
@media (max-width: 767px) {
.multilayer-parallax {
display: none;
}
.half-image-left,
.half-image-right {
position: relative;
width: 100%;
background-image: none !important;
}
.half-image-left img {
display: block;
margin-top: -100px;
margin-bottom: 70px;
}
.half-image-right img {
display: block;
margin-top: 70px;
margin-bottom: -100px;
}
#section-1 {
padding-top: 50px;
margin-bottom: 0;
}
#section-2 .half-image-right {
width: 100%;
}
#section-7 h1 {
font-size: 72px;
}
#section-9 {
margin-top: 100px;
}
#section-12 {
padding: 100px 0;
}
#section-13 .half-image-right {
width: 100%;
}
#section-31 {
padding-bottom: 0;
}
#section-32 {
padding-top: 0;
}
#section-38 {
background-image: none;
}
#section-47 {
padding: 0;
}
#section-47 [class^="col-"] {
padding: 30px;
}
#section-48 {
color: #252525;
}
#section-48 .half-image-right {
margin-top: -30px;
width: 100%;
-webkit-clip-path: polygon(0 100%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
}
#section-54 {
background-image: none;
}
#section-58 .map {
margin-top: 50px;
}
#section-64 {
padding: 100px 0 50px;
}
#section-75 {
padding: 100px 0 80px;
}
#section-75 .text-white {
color: #636363 !important;
}
#section-75 h2.text-white {
color: #252525 !important;
}
#section-84 {
height: 0;
}
#section-92 .multilayer-parallax {
max-width: 100%;
}
#section-92 .parallax-layer br {
display: none;
}
#section-93 .social-media a {
margin-right: 30px;
}
#section-97 {
padding-top: 250px;
background-position: left center;
background-size: cover;
}
#section-98 {
background: none;
}
#section-99 {
background-size: cover;
}
#section-107:after {
margin: 15px;
}
#section-107 .half-image-left {
margin-top: -85px;
margin-bottom: 50px;
}
#section-107 .half-image-left img {
margin: 0;
}
#section-107 h1,
#section-107 h3 {
color: #252525;
}
#section-107 h1 {
margin-left: 0;
margin-bottom: 50px;
font-size: 64px;
line-height: 64px;
}
#section-108 {
padding-right: 15px;
padding-left: 15px;
height: auto;
}
#section-108:after {
margin: 15px;
}
#section-109 {
height: auto;
}
}
@media (max-width: 991px) and (max-height: 767px) {
#section-109 {
height: auto;
}
}
@media (max-width: 576px) and (max-height: 767px) {
#section-107 {
padding-right: 15px;
padding-left: 15px;
height: auto;
}
#section-109 {
height: auto;
}
}
@media (max-width: 1366px) and (max-height: 1024px) {
#section-108 {
padding-right: 15px;
padding-left: 15px;
height: auto;
}
}
@media (min-width: 575px) and (max-width: 767px) {
#section-107 .half-image-left {
margin-top: -100px;
height: 500px;
overflow: hidden;
}
}
/***********************************************************************************
* + VIDEO PLAYER
***********************************************************************************/
#local-video-section,
#youtube-video-section {
position: absolute;
z-index: 1;
overflow: hidden;
top: 0;
width: 100%;
height: 100%;
}
#video-section {
height: 815px;
margin-top: 100px;
margin-bottom: 0;
background: url(../../../images/backgrounds/bg-4.jpg) no-repeat center center;
background-size: cover;
}
#video-section .full-section-container {
position: absolute;
top: 150px;
right: 0;
bottom: 50px;
left: 0;
}
#video-section h5 {
font-family: "Playfair Display", serif;
font-weight: 400;
font-style: italic;
}
.video-description {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.youtube-player {
display: none;
}
.embed-responsive {
margin-bottom: 50px;
}
#local-video-section video {
width: 100%;
}
/***********************************************************************************
* + SCROLL UP
***********************************************************************************/
#scroll-up {
position: fixed;
z-index: 8030;
bottom: 50px;
right: 50px;
display: none;
width: 46px;
height: 46px;
border-radius: 50%;
background-color: #3cbbd6;
color: #fff;
font-size: 24px;
line-height: 42px;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
#scroll-up:hover {
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
#scroll-up {
right: 20px;
bottom: 30px;
}
}
/***********************************************************************************
* + SLIDERS
***********************************************************************************/
/* REVOLUTION SLIDER */
.rev_slider_wrapper {
margin-bottom: 100px;
height: 900px;
}
/* ARROWS */
.tp-leftarrow.custom,
.tp-rightarrow.custom {
width: 100px;
height: 28px;
border-radius: 20px;
background: #fff;
color: #636363;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.tp-leftarrow.custom {
padding-left: 10px;
}
.tp-rightarrow.custom {
padding-right: 10px;
}
.tp-leftarrow.custom:hover,
.tp-rightarrow.custom:hover {
background: #3cbbd6;
}
.custom.tparrows.tp-leftarrow:before,
.custom.tparrows.tp-rightarrow:before {
color: #636363;
font: 700 10px/28px "Raleway", sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.custom.tparrows.tp-rightarrow:before {
content: 'Next';
}
.custom.tparrows.tp-leftarrow:before {
content: 'Previous';
}
.custom.tparrows.tp-leftarrow:after,
.custom.tparrows.tp-rightarrow:after {
position: absolute;
top: 0;
color: #636363;
font-family: "FontAwesome";
font-size: 16px;
line-height: 26px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.custom.tparrows.tp-leftarrow:after {
left: 10px;
content: "\f104";
}
.custom.tparrows.tp-rightarrow:after {
right: 10px;
content: "\f105";
}
.tp-leftarrow.custom:hover:before,
.tp-rightarrow.custom:hover:before,
.tp-leftarrow.custom:hover:after,
.tp-rightarrow.custom:hover:after {
color: #fff;
}
/* BULLETS */
.tp-bullets.custom .tp-bullet {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #3cbbd6;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.tp-bullets.custom .tp-bullet:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 26px;
height: 26px;
border: 1px solid transparent;
border-radius: 50%;
content: "";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tp-bullets.custom .tp-bullet:hover,
.tp-bullets.custom .tp-bullet.selected {
background-color: #fff;
}
.tp-bullets.custom .tp-bullet.selected:before {
border-color: #3cbbd6;
}
/* TYPOGRAPHY */
.tp-caption.title-xl {
margin-left: 10px;
color: #fff;
font: 700 112px/112px "Raleway", sans-serif;
letter-spacing: 10px;
text-transform: uppercase;
}
.tp-caption.title-lg {
color: #fff;
font: 700 125px/125px "Raleway", sans-serif;
}
.tp-caption.title-sm {
margin-left: 45px;
color: #fff;
font: 700 36px/36px "Raleway", sans-serif;
letter-spacing: 45px;
text-transform: uppercase;
}
.tp-caption.text-lg {
color: #fff;
font: 700 36px/36px "Raleway", sans-serif;
}
.tp-caption.text-sm {
margin-left: 20px;
color: #fff;
font: 700 14px/24px "Source Sans Pro", sans-serif;
letter-spacing: 20px;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.custom.tparrows.tp-leftarrow,
.custom.tparrows.tp-rightarrow {
display: none;
}
}
@media (max-width: 767px) {
.tp-caption .btn {
padding: 15px 30px;
font-size: 10px;
}
}
@media (max-width: 575px) {
.tp-caption.text-sm {
font-size: 28px;
}
.tp-caption .btn {
padding: 10px 25px;
font-size: 6px;
}
}
/* OWL Carousel */
.owl-carousel {
margin-bottom: 50px;
}
.owl-carousel .owl-item img {
width: auto;
}
.owl-dots {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
text-align: center;
}
.owl-dot {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 15px;
background-color: #3cbbd6;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.owl-dot:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 26px;
height: 26px;
border: 1px solid transparent;
border-radius: 50%;
content: "";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.owl-dot:last-child {
margin-right: 0;
}
.owl-dot:hover {
opacity: 0.5;
}
.owl-dot.active:after {
border-color: #3cbbd6;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
width: 36px;
height: 36px;
border-radius: 50%;
background: #3cbbd6 no-repeat center center;
color: #fff;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.owl-prev {
left: -50px;
}
.owl-next {
right: -50px;
}
.owl-prev:before,
.owl-next:after {
font-family: "FontAwesome";
font-size: 20px;
line-height: 34px;
}
.owl-prev:before {
content: "\f104";
}
.owl-next:after {
content: "\f105";
}
.owl-prev:hover,
.owl-next:hover {
background-color: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 1200px) {
.owl-prev {
left: -80px;
}
.owl-next {
right: -80px;
}
}
/* IMAGES SLIDER */
.images-slider .owl-prev {
left: 20px;
}
.images-slider .owl-next {
right: 20px;
}
/* IMAGES SLIDER VERTICAL */
.images-slider-vertical .owl-dots {
top: 50%;
right: -60px;
bottom: auto;
left: auto;
width: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.images-slider-vertical .owl-dot {
display: block;
margin-bottom: 15px;
}
.images-slider-vertical .owl-dot:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.images-slider-vertical .owl-dots {
top: auto;
bottom: -60px;
left: 0;
width: 100%;
}
.images-slider-vertical .owl-dot {
display: inline-block;
margin-bottom: 0;
}
}
/* BLOG ARTICLES SLIDER */
.blog-articles-slider .item .blog-article {
margin-bottom: 0;
}
.blog-articles-slider .owl-dots {
display: none;
}
.blog-articles-slider .owl-nav .disabled {
display: none;
}
.blog-articles-slider .owl-prev,
.blog-articles-slider .owl-next {
top: 31.5%;
width: 80px;
height: 28px;
border-radius: 15px;
font: 700 10px/28px "Raleway", sans-serif;
text-transform: uppercase;
}
.blog-articles-slider .owl-prev {
left: -85px;
padding-left: 10px;
}
.blog-articles-slider .owl-next {
right: -85px;
padding-right: 10px;
}
.blog-articles-slider .owl-prev:before,
.blog-articles-slider .owl-next:after {
position: absolute;
top: 0;
font-size: 16px;
line-height: 26px;
}
.blog-articles-slider .owl-prev:before {
left: 10px;
}
.blog-articles-slider .owl-next:after {
right: 10px;
}
@media (min-width: 1400px) {
.blog-articles-slider .owl-prev {
left: -150px;
}
.blog-articles-slider .owl-next {
right: -150px;
}
}
@media (max-width: 1199px) {
.blog-articles-slider .owl-dots {
display: block;
bottom: -30px;
}
.blog-articles-slider .owl-nav {
display: none;
}
}
/* TESTIONIALS CAROUSEL */
.testimonials-carousel {
margin-bottom: 80px;
}
.testimonials-carousel .owl-dots {
bottom: -20px;
}
/* TESTIONIALS SLIDER */
.testimonials-slider .testimonial-4 {
margin-bottom: 20px;
}
.testimonials-slider .owl-dots {
bottom: -30px;
text-align: right;
}
/* TESTIONIALS SLIDER 2 */
.testimonials-slider-2 .owl-dots {
top: 30px;
bottom: auto;
text-align: right;
}
@media (max-width: 767px) {
.testimonials-slider-2 .owl-dots {
top: auto;
bottom: 0;
text-align: center;
}
}
/* TESTIONIALS SLIDER VERTICAL */
.testimonials-slider-vertical .owl-dots {
top: 35%;
right: -70px;
bottom: auto;
left: auto;
width: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.testimonials-slider-vertical .owl-dot {
display: block;
margin-bottom: 15px;
}
.testimonials-slider-vertical .owl-dot:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.testimonials-slider-vertical .owl-dots {
top: auto;
bottom: -60px;
left: 0;
width: 100%;
}
.testimonials-slider-vertical .owl-dot {
display: inline-block;
margin-bottom: 0;
}
}
/* LOGOS SLIDER */
.logos-slider {
margin-bottom: 30px;
text-align: center;
}
.logos-slider .item a {
display: block;
height: 45px;
padding: 0 20px;
text-align: center;
background: no-repeat top center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.logos-slider .item a:hover {
background-position: bottom center;
}
/* SERVICES BOXES CAROUSEL */
.services-boxes-carousel {
margin-top: 50px;
}
.services-boxes-carousel .owl-item.active:last-of-type:after {
display: none;
}
.services-boxes-carousel .owl-dots {
bottom: -30px;
}
.services-boxes-carousel .service-box.style-8 > i {
-webkit-text-fill-color: #b4b4b4;
}
.services-boxes-carousel .service-box.style-8:hover > i {
-webkit-text-fill-color: transparent;
}
/* APP CAROUSEL */
.app-carousel {
padding: 0 25px;
}
.app-carousel img {
border-width: 35px 20px;
border-style: solid;
border-color: transparent;
margin: 0 auto;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.app-carousel .owl-item.center img {
border-color: #1c1b20;
}
.app-carousel .owl-dots {
bottom: -85px;
}
/* WATERWHEEL CAROUSEL */
.features-carousel-container {
position: relative;
}
.features-carousel {
position: relative;
width: 100%;
height: 530px;
margin-left: -10px;
}
.features-carousel .carousel-item {
width: 500px;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
}
.phone-carousel-container > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.phone-carousel-container > img:first-child {
z-index: 100;
}
.phone-carousel {
position: relative;
height: 720px;
margin: 0 auto;
}
.phone-carousel .carousel-item {
width: 300px;
}
.phone-carousel .carousel-item img {
box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1400px) {
.features-carousel .carousel-item {
width: 755px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.features-carousel .carousel-item {
width: 600px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.carousel-container {
margin: 50px 0 100px;
}
.features-carousel {
height: 300px;
}
.features-carousel .carousel-item {
width: 400px;
}
}
@media (max-width: 767px) {
.features-carousel {
height: 200px;
}
.features-carousel .carousel-item {
width: 250px;
}
}
/***********************************************************************************
* + FULLPAGE
***********************************************************************************/
.fullpage-section {
overflow: hidden;
padding: 0;
margin-bottom: 0;
}
.fullpage-section:last-child {
margin-bottom: -50px;
}
.fullpage-section .full-section-container {
padding-top: 100px;
}
#fp-nav.right {
right: 30px;
}
#fp-nav ul li a {
width: 28px;
height: 28px;
border: 1px solid transparent;
border-radius: 50%;
}
#fp-nav ul li a.active {
border-color: #3cbbd6;
}
#fp-nav ul li a span,
#fp-nav ul li a.active span,
#fp-nav ul li:hover a span,
#fp-nav ul li a.active:hover span {
width: 6px;
height: 6px;
background: #3cbbd6;
}
#fp-nav ul li a.active span,
#fp-nav ul li a.active:hover span {
margin: -3px 0 0 -3px;
}
#fp-nav ul li a:hover span {
opacity: 0.5;
margin: -2px 0 0 -2px;
}
#fp-nav.numbers-nav ul {
counter-reset: nav-counter;
}
#fp-nav.numbers-nav ul li {
width: auto;
height: auto;
margin-bottom: 10px;
text-align: center;
}
#fp-nav.numbers-nav ul li:last-child {
display: none;
margin-bottom: 0;
}
#fp-nav.numbers-nav ul li a {
width: auto;
height: auto;
border: none;
}
#fp-nav.numbers-nav ul li a:before {
color: #fff;
font-size: 18px;
font-weight: 700;
content: '0' counter(nav-counter) '.';
counter-increment: nav-counter;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
#fp-nav.numbers-nav ul li a:after {
position: relative;
left: 50%;
display: block;
height: 0;
border-left: 2px solid #fff;
margin-top: 5px;
margin-left: -1px;
content: "";
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
#fp-nav.numbers-nav ul li a.active:before {
font-size: 30px;
}
#fp-nav.numbers-nav ul li a.active:after {
height: 45px;
}
#fp-nav.numbers-nav ul li a span {
display: none;
}
@media (max-width: 1400px) {
.fullpage-section .multilayer-parallax {
margin-left: -100px;
}
}
@media (max-width: 1199px) {
.fullpage-section .multilayer-parallax {
margin-top: -100px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fullpage-section .half-image-left img {
margin-bottom: 0;
}
.fullpage-section .half-image-right img {
margin-top: 0;
}
}
@media (max-width: 767px) {
#fp-nav.numbers-nav {
display: none;
}
.fullpage-section .half-image-left img {
margin-bottom: 0;
}
.fullpage-section .half-image-right img {
margin-top: 0;
}
}
/***********************************************************************************
* + FANCYBOX
***********************************************************************************/
/***********************************************************************************
* + ANIMATIONS
***********************************************************************************/
.wow {
visibility: hidden;
}
.wow.animated {
visibility: visible;
}
/***********************************************************************************
* + WIDGETS
***********************************************************************************/
.widget {
margin-bottom: 70px;
}
.widget-title {
margin-bottom: 35px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
}
.widget > *:last-child {
margin-bottom: 0;
}
/* WIDGET TEXT */
.widget-text {}
.widget-text div > *:last-child {
margin-bottom: 0;
}
.copyright {
font-weight: 300;
}
/* WIDGET BLOCKQUOTE */
.widget-blockquote {
position: relative;
z-index: 1;
padding: 65px 40px 35px;
background: #3cbbd6;
color: #636363;
background: -webkit-linear-gradient(-125deg, #3cbbd6, #00ff96);
background: -ms-linear-gradient(-125deg, #3cbbd6, #00ff96);
background: linear-gradient(-125deg, #3cbbd6, #00ff96);
text-align: center;
}
.widget-blockquote:before {
color: #b4b4b4;
font-size: 72px;
content: '\201c';
}
.widget-blockquote:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 15px;
background-color: #fff;
content: "";
}
.widget-blockquote > p {
color: #252525;
font-size: 18px;
}
.widget-blockquote > h5 {
font-weight: 600;
text-transform: uppercase;
}
.widget-blockquote blockquote {
font-size: 28px;
line-height: 36px;
font-weight: 600;
font-style: italic;
}
.widget-blockquote blockquote:after {
display: inline-block;
width: 2px;
height: 80px;
margin-top: 10px;
background: #3cbbd6;
background: -webkit-linear-gradient(top, #3cbbd6, #00ff96);
background: -ms-linear-gradient(top, #3cbbd6, #00ff96);
background: linear-gradient(top, #3cbbd6, #00ff96);
content: "";
}
/* WIDGET SERACH */
.widget-search {}
.widget-search form {
position: relative;
}
.widget-search #s {
position: relative;
width: 100%;
padding: 10px 30px 10px 0;
border: none;
border-bottom: 2px solid #e1e1e1;
border-radius: 0;
margin-bottom: 0;
background-color: transparent;
color: inherit;
}
.widget-search input[type="submit"] {
position: absolute;
top: 0;
right: -15px;
height: 35px;
border: none;
background: url(../images/search.png) no-repeat center center;
}
.widget-search label {
position: absolute;
z-index: 1;
top: 3px;
left: 0;
font-size: 14px;
font-style: italic;
pointer-events:none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-search input ~ span {
position: absolute;
z-index: 20;
bottom: 0;
left: 50%;
display: block;
width: 0;
height: 2px;
background: #3cbbd6;
background: -webkit-linear-gradient(left, #3cbbd6, #00ff96);
background: -ms-linear-gradient(left, #3cbbd6, #00ff96);
background: linear-gradient(left, #3cbbd6, #00ff96);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-search input:focus ~ label,
.widget-search textarea:focus ~ label,
.widget-search input:valid ~ label,
.widget-search textarea:valid ~ label {
top: -15px;
font-size: 12px;
font-style: normal;
}
.widget-search input:focus ~ span {
width: 100%;
}
.widget-search .advance-search fieldset {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.widget-search .advance-search input[type="text"] {
height: 48px;
border-radius: 25px;
margin-right: 30px;
background-color: transparent;
color: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
.widget-search .advance-search input[type="text"] {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.widget-search .advance-search fieldset {
flex-direction: column;
}
.widget-search .advance-search input[type="text"] {
margin-right: 0;
}
.widget-search .advance-search button[type="submit"] {
width: 100%;
}
}
/* WIDGET CATEGORIES */
.widget-categories {}
.widget-categories ul {
margin-bottom: 0;
list-style: none;
}
.widget-categories ul li {
margin-bottom: 10px;
font-size: 15px;
}
.widget-categories ul li:last-child {
margin-bottom: 0;
}
.widget-categories ul li a {
color: #636363;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-categories ul li a:hover {
color: #3cbbd6;
text-decoration: none;
}
/* WIDGET CATEGORIES DROPDOWN */
.widget-categories-dropdown {}
/* WIDGET ARCHIVES */
.widget-archives {}
.widget-archives ul {
margin-bottom: 0;
list-style: none;
}
.widget-archives ul li {
margin-bottom: 10px;
font-size: 15px;
}
.widget-archives ul li:last-child {
margin-bottom: 0;
}
.widget-archives ul li a {
color: #636363;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-archives ul li a:hover {
color: #3cbbd6;
text-decoration: none;
}
/* WIDGET ARCHIVES DROPDOWN */
.widget-archives-dropdown {}
/* WIDGET PAGES */
.widget-pages {}
.widget-pages ul {
margin-bottom: 0;
list-style: none;
}
.widget-pages ul li {
margin-bottom: 10px;
font-size: 15px;
}
.widget-pages ul li:last-child {
margin-bottom: 0;
}
.widget-pages ul li a {
color: #636363;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-pages ul li a:hover {
color: #3cbbd6;
text-decoration: none;
}
/* WIDGET METADATA */
.widget-metadata {}
.widget-metadata ul {
margin-bottom: 0;
list-style: none;
}
.widget-metadata ul li {
margin-bottom: 10px;
font-size: 15px;
}
.widget-metadata ul li:last-child {
margin-bottom: 0;
}
.widget-metadata ul li a {
color: #636363;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-metadata ul li a:hover {
color: #3cbbd6;
text-decoration: none;
}
/* WIDGET TAGS */
.widget-tags {}
.widget-tags a {
display: inline-block;
padding: 1px 18px;
border: 1px solid #959595;
border-radius: 20px;
margin-right: 5px;
margin-bottom: 10px;
color: #959595;
font-size: 15px;
font-weight: 300;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-tags a:last-child {
margin-right: 0;
}
.widget-tags a:hover {
border-color: #3cbbd6;
color: #3cbbd6;
}
/* WIDGET NEWSLETTER */
.widget-newsletter {}
.widget-newsletter form {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.widget-newsletter input[type="text"],
.widget-newsletter input[type="email"] {
height: 55px;
border-radius: 55px;
padding: 10px 20px;
}
.widget-newsletter input[type="text"] {
flex-basis: 30%;
}
.widget-newsletter input[type="email"] {
flex-basis: 75%;
}
.widget-newsletter input[type="text"] + input[type="email"] {
flex-basis: 50%;
}
.widget-newsletter button[type="submit"] {
padding: 19px 50px;
font-size: 12px;
background-color: transparent;
}
.widget-newsletter ::-moz-placeholder {
font-size: 14px;
font-weight: 400;
}
.widget-newsletter ::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
}
.widget-newsletter :-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
}
.widget-newsletter form + p {
color: #b4b4b4;
font-size: 12px;
font-style: italic;
}
@media (max-width: 767px) {
.widget-newsletter form {
flex-direction: column;
}
}
/* WIDGET RECENT POSTS */
.widget-recent-posts {}
.widget-recent-posts ul {
list-style: none;
margin-bottom: 0;
}
.widget-recent-posts ul li {
margin-bottom: 15px;
}
.widget-recent-posts ul li:last-child {
margin-bottom: 0;
}
.widget-recent-posts ul li p {
font-size: 15px;
margin-bottom: 0;
}
.widget-recent-posts ul li img {
float: left;
margin: 5px 20px 10px 0;
}
.widget-recent-posts ul li .post-title {
color: #252525;
font-size: 14px;
font-weight: 600;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-recent-posts ul li .post-details {
color: #3cbbd6;
font-size: 13px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget-recent-posts ul li .post-details a {
color: #838383;
text-decoration: none;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-recent-posts ul li .post-details a:first-child {
color: #3cbbd6;
}
.widget-recent-posts ul li .post-details a:after {
position: relative;
top: -1px;
margin-left: 5px;
color: #838383;
content: "/";
}
.widget-recent-posts ul li .post-details a:last-child:after {
display: none;
}
.widget-recent-posts ul li .post-details a:hover {
color: #252525;
}
.widget-recent-posts ul li .post-details p:last-of-type {
margin-bottom: 0;
}
.widget-recent-posts ul li .post-title:hover {
color: #3cbbd6;
text-decoration: none;
}
.widget-recent-posts ul li:after {
display: table;
clear: both;
content: "";
}
/* WIDGET RECENT COMMENTS */
.widget-recent-comments {}
.widget-recent-comments ul {
margin-bottom: 0;
font-size: 15px;
list-style: none;
}
.widget-recent-comments ul li {
margin-bottom: 10px;
}
.widget-recent-comments ul li:last-child {
margin-bottom: 0;
}
.widget-recent-comments ul li a {
color: #636363;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-recent-comments ul li a:last-child {
color: #3cbbd6;
}
/* WIDGET CALENDAR */
.widget-calendar {}
.widget-calendar table {
width: 100%;
text-align: center;
}
.widget-calendar table th,
.widget-calendar table td {
padding: 8px;
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
text-align: center;
}
.widget-calendar table th:last-child,
.widget-calendar table td:last-child {
border-right: 1px solid #e1e1e1;
}
.widget-calendar table tr:last-child td {
border-bottom: 1px solid #e1e1e1;
}
.widget-calendar table tfoot td,
.widget-calendar table tfoot td:last-child,
.widget-calendar table tfoot tr:last-child td {
border: none;
}
.widget-calendar table td#today {
background-color: #3cbbd6;
color: #fff;
}
/* WIDGET FLICKR */
.widget-flickr {}
.flickr-photos {
padding-top: 8px;
margin: -4px;
}
.flickr_badge_image {
position: relative;
float: left;
padding: 4px;
}
.flickr_badge_image img {
width: 64px;
height: auto;
}
.flickr-photos:after {
display: table;
content: " ";
clear: both;
}
@media (min-width: 1200px) {
.flickr_badge_image img {
width: 79px;
}
}
/* WIDGET INSTAGRAM */
.widget-instagram {}
#instafeed {
margin: 0 -4px;
}
#instafeed a {
float: left;
display: block;
width: 72px;
padding: 4px;
}
#instafeed a img {
display: block;
width: 100%;
height: auto;
}
#instafeed:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (min-width: 1200px) {
#instafeed a {
width: 87px;
}
}
/* WIDGET TWITTER */
.tweets-list ul {
margin-bottom: 0;
list-style: none;
}
.tweets-list ul li {
margin-bottom: 20px;
}
.tweets-list ul li > *:last-child {
margin-bottom: 0;
}
.tweets-list ul li:last-child {
margin-bottom: 0;
}
/* WIDGET CONTACT */
.widget-contact {}
.widget-contact ul {
margin-bottom: 0;
list-style: none;
}
.widget-contact ul li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
}
.widget-contact ul li:last-child {
margin-bottom: 0;
}
.widget-contact ul li h4 {
margin-bottom: 15px;
font-weight: 400;
}
.widget-contact ul li i {
position: absolute;
top: 7px;
left: 0;
width: 20px;
text-align: center;
color: #3cbbd6;
}
.widget-contact ul li a {
color: #838383;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.widget-contact ul li a:hover {
color: #3cbbd6;
text-decoration: none;
}
.widget-contact ul li.email i {
font-size: 18px;
}
/* WIDGET SOCIAL */
.widget-social {}
.widget-social .social-media {
margin-bottom: 0;
}
/* DARK SECTION */
.full-section.dark-section .widget-tags a,
.full-section.dark-section .widget-pages ul li a,
.full-section.dark-section .widget-contact ul li a,
.full-section.dark-section .widget-archives ul li a,
.full-section.dark-section .widget-metadata ul li a,
.full-section.dark-section .widget-categories ul li a,
.full-section.dark-section .widget-recent-comments ul li a,
.full-section.dark-section .widget-recent-posts ul li .post-title {
color: inherit;
}
.full-section.dark-section .widget-tags a {
border-color: inherit;
}
.full-section.dark-section .widget-blockquote > h5 {
color: #252525;
}
.full-section.dark-section .widget-tags a:hover,
.full-section.dark-section .widget-pages ul li a:hover,
.full-section.dark-section .widget-contact ul li a:hover,
.full-section.dark-section .widget-archives ul li a:hover,
.full-section.dark-section .widget-metadata ul li a:hover,
.full-section.dark-section .widget-categories ul li a:hover,
.full-section.dark-section .widget-recent-posts ul li .post-title:hover {
color: #3cbbd6;
}
.full-section.dark-section .widget-recent-posts ul li .post-details a:hover {
color: #fff;
}
.full-section.dark-section .widget-search input[type="submit"] {
background-image: url(../images/search-white.png);
}