| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/adeetie_hellogtx/assets/css/ |
Upload File : |
/*---------------------------------------------
Table of CONTENT
-----------------------------------------------
01. Start Reset css
02. Start Global css
03. Header css
04. slider css
05. service
06. volunteer
07. testimonial
08. blog
09. sponsor
10. footer
11. homepage 2
12. about
13. Map
14. Contact Us
15. Product
16. Newsletter
17. Error
18. Footer
19.Team members
-----------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
/*======================
Start Reset css
======================================================*/
html {
/* font-family: 'Poppins', sans-serif; */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: #1b1d1f;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
.clr{
clear: both;
}
.d-none{
display:none !important;
}
.d-none.d-block {
display: block !important;
}
a {
display: inline-block;
text-decoration: none!important;
background-color: transparent;
color: #696969;
}
a:hover{
text-decoration: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
text-transform: none !important;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
image-rendering: -webkit-optimize-contrast;
border: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 15px;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #dee1e4;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
.facilitation-heading{
font-size: 2.5rem;
margin-top: 20px;
font-weight: 500;
color: #fff;
border-top-left-radius: 25px;
text-align: center;
text-shadow: 0 4px 4px #1b1b1cad;
padding: 8px 14px;
background: #404590;
border-bottom-right-radius: 25px;
display: inline-block;
}
/**
* 2.0 - Typography
*/
/* body{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
} */
button,
input,
select,
textarea {
color: #4a4a4a;
font-family: 'Poppins', sans-serif;
line-height: 1.8;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
padding: 0;
}
h1{
font-size: 60px;
color: #ffffff;
}
h2{
font-size: 36px;
color: #070707;
font-weight: 700;
}
h3{
font-size: 24px;
color: #fff;
font-weight: 700;
}
h4{
font-size: 20px;
color: #000000;
font-weight: 700;
text-transform: capitalize;
}
h4 a{
font-size: 20px;
color: #000000;
font-weight: 700;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
h5{
font-size: 15px;
color: #bcbcbc;
}
h6{
font-size: 14px;
color: #9b9b9b;
}
p{
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
color: #4a4a4a;
text-align: left;
}
a{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover{
text-decoration: none;
}
.p-1 {
padding: 10px;
}
.py-1 {
padding-top: 10px;
padding-bottom: 10px;
}
.p-2 {
padding: 15px;
}
.pl-2 {
padding-left: 15px;
}
.py-2 {
padding-top: 15px;
padding-bottom: 15px;
}
.py-3 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-4 {
padding-top: 25px;
padding-bottom: 25px;
}
.py-5 {
padding-top: 30px;
padding-bottom: 30px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #696969;
display: block;
font-size: 15px;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
color: #737d8b;
font-weight: 600;
font-size: 14px;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: 'Poppins', sans-serif;
}
pre {
border: 1px solid #dee1e4;
font-size: 15px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #ebebeb;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #f0f0f0;
cursor: help;
}
mark,
ins {
background: #ebebeb;
color: #696969;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 3.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
hr {
background-color: #ebebeb;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul, li{
list-style: none;
margin: 0;
padding:0;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
ol {
list-style: none;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: none;
}
.goog-te-gadget{
display: flex;
align-items: center;
}
table {
border-spacing: 0;
border-width: 1px 0 0 1px;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
.table thead{
background: #38ae00;
color: #fff;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.table>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
table.dataTable thead .sorting:after {
opacity: 0.8 !important;
}
div.dataTables_filter input,
div.dataTables_filter input:focus {
box-shadow: none;
border-radius: 4px;
padding-left: 10px;
}
.datatables th {
text-align: center !important;
}
caption,
th,
td {
font-weight: normal;
}
th {
border-width: 0 1px 1px 0;
/* font-weight: 700; */
}
td {
font-size: 14px;
color: #696969;
vertical-align: middle;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #696969;
font-size: 14px;
}
:-moz-placeholder {
color: #696969;
font-size: 14px;
}
::-moz-placeholder {
color: #696969;
font-size: 14px;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #696969;
font-size: 14px;
}
/**
* 4.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
/* background: #404590; */
border: 0;
border-radius: 0px;
color: #696969;
font-family: 'Poppins', sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #ffffff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: none;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
font-size: 14px;
color: #737d8b;
border-radius: 0;
padding: 0px 5px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
font-size: 14px;
color: #737d8b;
border-radius: 0;
border: 1px solid #eae8e8;
outline: 0;
}
.trumbowyg-box .table {
border: 1px solid #dee2e6 !important;
}
.trumbowyg-box td, .table-bordered th {
border: 1px solid #dee2e6 !important;
height: 30px !important;
}
/**
* 6.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/*======================
End reset css
==============================================*/
/*======================
Start Global css
=============================================*/
.header-style-1 .main-menu .nav>li>a
.header-style-1 .main-menu .sub-menu li a .fa,
.camera_prev > span, .camera_next > span,
.work-content h4 a,
.services-content h4 a,
.volunteers-items,
.cart-items>.cart-content>p>a,
.blog-items,
.thumbnail-content h5 a,
.twitter-content h5 a,
.footer-instagram a,
.copyright-txt p a,
.checkout-btn>a,
.overlay-project,
.project-link-option li a,
.project-link-option li,
.portfolio-img img,
.our-services-box,
.our-services-items,
.event-items,
.collection-items,
.collection-overlay,
.collection-content h4 a,
.collection-icon li,
.collection-img,
.working-icon,
.working-items,
.volunteers-img,
.recent-project-content,
.contact-social-icon li,
.catagories li,
.catagories li a span,
.results-icon .fa{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after{
display: inline-block;
color: #404590;
font-size: 50px;
margin-left: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.no-padding{
padding-left: 0;
padding-right: 0;
}
.bg-highlight-news{
padding: 30px 0;
padding-top: 0;
}
.bg-highlight-news .alert{
margin-bottom: 0;
}
.bg-highlight-news .btn + .btn{
margin-left: 10px;
}
.section-header{
max-width: 750px;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 40px 0 26px 0;
}
.section-header h3{
font-size: 36px;
font-weight: 700;
color: #404590;
}
.section-header h2{
line-height: 48px;
text-transform: uppercase;
padding-bottom: 5px;
}
.section-header p{
font-size: 16px;
font-weight: 400;
color: #696969;
line-height: 26px;
}
/*=======================
Custom btn Style
=================================*/
.btn {
border-radius: 3px;
}
.btn-default {
color: #404590;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
background-color: transparent;
border: 2px solid #404590;
padding: 9px 19px 7px 19px;
position: relative;
overflow: hidden;
z-index: 0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{
color: #fff;
background-color: transparent;
border-color: #404590;
}
.btn-default:before,
.btn-default:after {
content: '';
position: absolute;
width: 90%;
height: 200%;
background-color: #404590;
z-index: -1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
@-webkit-keyframes defaultHighlightBefore {
0% {
top: -170%;
left: -75%;
opacity: 0.4;
}
50% {
top: -95%;
left: -20%;
opacity: 0.8;
}
100% {
top: -170%;
left: -75%;
opacity: 0.4;
}
}
@-webkit-keyframes defaultHighlightAfter {
0% {
top: -2%;
right: -102%;
opacity: 0.4;
}
50% {
top: -2%;
right: -20%;
opacity: 0.8;
}
100% {
top: -2%;
right: -102%;
opacity: 0.4;
}
}
.btn-default:before {
top: -170%;
left: -75%;
}
.btn-default-highlight:before{
-webkit-animation: defaultHighlightBefore infinite 4s linear;
}
.btn-default:after {
top: -2%;
right: -102%;
}
.btn-default-highlight:after{
-webkit-animation: defaultHighlightAfter infinite 4s linear;
}
.btn-default:hover:before,
.btn-default:focus:before {
top: -95%;
left: -20%;
}
.btn-default:hover:after,
.btn-default:focus:after {
top: -2%;
right: -20%;
}
/*=======================
End Custom btn Style
=================================*/
.social-icon{}
.social-icon li{
display: inline-block;
}
.social-icon li a{
padding: 0 6px;
font-size: 16px;
}
.social-icon li:nth-child(1) a{
color: #3b5998;
}
.social-icon li:nth-child(2) a{
color: #db4437;
}
.social-icon li:nth-child(3) a{
color: #e94c89;
font-size: 18px;
}
.social-icon li:nth-child(4) a{
color: #23b6ea;
}
.social-icon li:nth-child(5) a{
color: #cb1f27;
}
section{
overflow: hidden;
}
.clr{
clear: both;
overflow: hidden;
}
.scroll-img{
position: fixed;
width: 40px;
height: 40px;
line-height: 44px;
text-align: center;
background: #404590;
right: 2%;
bottom: 10%;
cursor: pointer;
z-index: 99;
}
.scroll-img .fa{
font-size: 24px;
color: #fff;
}
/*======Menu top Fixed ======*/
.navbar-brand{
margin-top: -6px;
}
.z-logo{
width: 100px;
}
.tcb-logo{
max-width: 70%;
margin-top: 0px;
}
.qci-logo{
max-width: 100%;
height: 95px;
margin-left: 20px;
}
.navbar-brand img{
display: inline-block !important;
vertical-align: middle;
}
.qci-logo-header img,
.msme-logo-header img{
max-height: 75px;
image-rendering: -webkit-optimize-contrast !important;
}
.menu-msme-logo-right {
position: absolute;
right: -40px;
top: 4px;
}
.menu-scroll.menu-transparent{
position: fixed;
top: 0;
width: 100%;
height: auto;
background: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.menu-scroll.menu-fixed{
position: fixed;
top: 0;
width: 100%;
height: auto;
background-color: #404590;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 16;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/*========= Pre-Loader =========*/
#loading{
background-color: #000000;
height: 100%;
width: 100%;
position: fixed;
z-index: 999;
margin-top: 0px;
top: 0px;
}
#loading-center{
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: loading-center-absolute 1.5s infinite;
animation: loading-center-absolute 1.5s infinite;
}
.object{
width: 25px;
height: 25px;
background-color: #FFF;
float: left;
}
#object_one {
-webkit-animation: object_one 1.5s infinite;
animation: object_one 1.5s infinite;
}
#object_two {
-webkit-animation: object_two 1.5s infinite;
animation: object_two 1.5s infinite;
}
#object_three {
-webkit-animation: object_three 1.5s infinite;
animation: object_three 1.5s infinite;
}
#object_four {
-webkit-animation: object_four 1.5s infinite;
animation: object_four 1.5s infinite;
}
@-webkit-keyframes loading-center-absolute {
100% { -webkit-transform: rotate(-45deg); }
}
@keyframes loading-center-absolute {
100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-webkit-keyframes object_one {
25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}
@keyframes object_one {
25% {
transform: translate(0,-50px) rotate(-180deg);
-webkit-transform: translate(0,-50px) rotate(-180deg);
}
100% {
transform: translate(0,0) rotate(-180deg);
-webkit-transform: translate(0,0) rotate(-180deg);
}
}
@-webkit-keyframes object_two {
25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}
@keyframes object_two {
25% {
transform: translate(50px,0) rotate(-180deg);
-webkit-transform: translate(50px,0) rotate(-180deg);
}
100% {
transform: translate(0,0) rotate(-180deg);
-webkit-transform: translate(0,0) rotate(-180deg);
}
}
@-webkit-keyframes object_three {
25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}
@keyframes object_three {
25% {
transform: translate(-50px,0) rotate(-180deg);
-webkit-transform: translate(-50px,0) rotate(-180deg);
}
100% {
transform: translate(0,0) rotate(-180deg);
-webkit-transform: rtranslate(0,0) rotate(-180deg);
}
}
@-webkit-keyframes object_four {
25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}
@keyframes object_four {
25% {
transform: translate(0,50px) rotate(-180deg);
-webkit-transform: translate(0,50px) rotate(-180deg);
}
100% {
transform: translate(0,0) rotate(-180deg);
-webkit-transform: translate(0,0) rotate(-180deg);
}
}
.bg-page-header{
background: url(../../assets/images/page-background.jpg) no-repeat;
background-size: cover !important;
/* background-position: 50% 50% !important; */
}
.bg-page-header .page-header{
text-align: center;
border-bottom: none;
margin: 0;
padding: 124px 0 104px 0;
}
.page-title h2{
color: #fff;
line-height: 42px;
}
.page-header-content .breadcrumb{
background: none;
margin: 0;
}
.page-header-content .breadcrumb li,
.page-header-content .breadcrumb li a{
font-size: 16px;
font-weight: 600;
color: #fff;
text-transform: capitalize;
}
.page-header-content .breadcrumb li.active{
opacity: 0.7;
}
.page-header-content .breadcrumb>li+li:before{
font-family: FontAwesome;
content: "\f054";
color: #fff;
font-size: 11px;
padding: 0 7px 0 3px;
}
.page-header-content .breadcrumb li a:hover{
color: #000;
}
/*======================
End Global css
===============================================*/
/* Home 01 Css
--------------------------------------------------------------------------------------------------------*/
/*======================
Start Header css
===============================================*/
.header-style-1 .bg-header-top{
padding: 0;
}
.header-style-1 .bg-header-top.first-header-top{
padding: 0;
background-color: #dee1e4;
}
.header-style-1 .header-contact{
overflow: hidden;
}
.header-style-1 .header-contact li{
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.header-style-1 .header-contact li [class^="flaticon-"]:before,
.header-style-1 .header-contact li [class*=" flaticon-"]:before,
.header-style-1 .header-contact li [class^="flaticon-"]:after,
.header-style-1 .header-contact li [class*=" flaticon-"]:after{
display: inline-block;
float: left;
font-size: 34px;
}
.header-style-1 .h-adress-content{
float: right;
padding: 10px 0 0 10px;
}
.header-style-1 .h-adress-content h6{
font-weight: 700;
color: #000000;
text-transform: uppercase;
}
.header-style-1 .h-adress-content p{
font-size: 14px;
font-weight: 400;
}
/*================ Menu ===================*/
.header-style-1 .navbar-brand{
display: none;
}
.header-style-1 .bg-main-menu{
background: #38ae00;
}
.header-style-1 .main-menu .navbar,
.header-style-2 .main-menu .navbar,
.header-style-3 .main-menu .navbar{
margin-bottom: 0;
border: 0;
}
.header-style-1 .main-menu .nav>li>a,
.header-style-2 .main-menu .nav>li>a,
.header-style-3 .main-menu .nav>li>a{
font-size:1.5rem;
font-weight: 600;
color: #ffffff;
line-height: 24px;
/* text-transform: capitalize;*/
padding: 13px 5px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.header-style-1 .main-menu .nav>li:nth-child(1)>a,
.header-style-2 .main-menu .nav>li:nth-child(1)>a,
.header-style-3 .main-menu .nav>li:nth-child(1)>a{
padding-left: 0;
}
.header-style-1 .navbar-collapse,
.header-style-2 .navbar-collapse,
.header-style-3 .navbar-collapse{
padding-left: 0;
padding-right: 0;
}
.header-style-1 .main-menu .nav>li>a:focus,
.header-style-2 .main-menu .nav>li>a:focus,
.header-style-3 .main-menu .nav>li>a:focus,
.header-style-1 .main-menu .nav>li>a:hover,
.header-style-2 .main-menu .nav>li>a:hover,
.header-style-3 .main-menu .nav>li>a:hover{
background: transparent;
}
@media screen and (min-width: 767px){
.header-style-1 .sub-menu,
.header-style-2 .sub-menu,
.header-style-3 .sub-menu,
.sub-sub-menu{
display: block;
visibility: hidden;
opacity: 0;
min-width: 200px;
top: 100px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
-webkit-transition: all.3s ease-in-out;
transition: all .3s ease-in-out;
background: #ffffff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 5px 12px rgba(0,0,0,.175);
}
.header-style-1 .main-menu .nav>.dropdown:hover ul.sub-menu,
.header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu,
.header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu{
top: 70px;
opacity: 1;
visibility: visible;
}
.boxed #bs-example-navbar-collapse-1{
display: inline-block!important;
}
.sub-sub-menu {
left: 100%;
top: 60px;
z-index: 9;
}
.main-menu .nav>.dropdown ul li:hover ul.sub-sub-menu {
opacity: 1;
visibility: visible;
top: 0;
}
.main-menu ul li ul li span.caret {
float: right;
margin-top: 6px;
}
}
.header-style-1 .main-menu .sub-menu li,
.header-style-2 .main-menu .sub-menu li,
.header-style-3 .main-menu .sub-menu li,
.sub-sub-menu li{
border-bottom: 1px solid rgba(221, 221, 221, 0.25);
}
.header-style-1 .main-menu .sub-menu li:last-child,
.header-style-2 .main-menu .sub-menu li:last-child,
.header-style-3 .main-menu .sub-menu li:last-child,
.sub-sub-menu li:last-child{
border-bottom: none;
}
.header-style-1 .main-menu .sub-menu li a,
.header-style-2 .main-menu .sub-menu li a,
.header-style-3 .main-menu .sub-menu li a,
.sub-sub-menu li a{
font-size: 12px;
font-weight: 600;
color: #333;
/*text-transform: capitalize;*/
padding: 13px 10px 10px 8px;
}
.header-style-1 .main-menu .sub-menu li a .fa,
.header-style-2 .main-menu .sub-menu li a .fa,
.header-style-3 .main-menu .sub-menu li a .fa,
.sub-sub-menu li a .fa{
opacity: 0;
}
.header-style-1 .main-menu .sub-menu li a:hover .fa,
.header-style-2 .main-menu .sub-menu li a:hover .fa,
.header-style-3 .main-menu .sub-menu li a:hover .fa,
.sub-sub-menu li a:hover .fa{
opacity: 1;
}
.header-style-1 .main-menu .sub-menu li a span .fa,
.header-style-2 .main-menu .sub-menu li a span .fa,
.header-style-3 .main-menu .sub-menu li a span .fa{
float: right;
opacity: 1;
}
.header-style-1 .main-menu .sub-menu li a:hover,
.header-style-2 .main-menu .sub-menu li a:hover,
.header-style-3 .main-menu .sub-menu li a:hover,
.sub-sub-menu li a:hover{
background: #38ae00;
color: #fff;
padding-left: 20px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.header-style-1 .main-menu .nav>.dropdown:hover ul.sub-menu,
.header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu,
.header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu{
top: 52px;
opacity: 1;
visibility: visible;
}
.header-style-1 .main-menu .nav>li>a:hover,
.header-style-2 .main-menu .nav>li>a:hover,
.header-style-3 .main-menu .nav>li>a:hover{
color: #414791;
}
.navbar-nav li .active{
color: #414791!important;
}
.sub-active a{
/* background: #000000; */
color: #fff;
padding-left: 25px!important;
}
.sub-menu li.sub-active a .fa{
opacity: 1!important;
}
.cart-option{
display: inline-block;
position: relative;
float: left;
padding: 24px 25px 16px 25px;
}
.cart-icon{
position: relative;
}
.cart-icon .fa{
font-size: 18px;
color: #fff;
cursor: pointer;
}
.count-cart{
position: absolute;
width: 20px;
height: 20px;
background: #000000;
border-radius: 100%;
line-height: 22px;
text-align: center;
top: -10px;
right: -10px;
color: #fff;
font-size: 12px;
}
.cart-dropdown-menu{
position: absolute;
right: 0;
left: auto;
top: 120px;
width: 285px;
background: #fff;
color: #fff;
z-index: 999;
padding: 5px 18px 15px 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
box-shadow: none;
border-radius: none;
}
.cart-option:hover .cart-dropdown-menu{
top: 70px;
opacity: 1;
visibility: visible;
}
.cart-items{
border-bottom: 1px dotted #f0f0f0;
padding: 10px 0;
}
.cart-img, .cart-content{
float: left;
}
.cart-content{
padding-top: 4px;
}
.cart-items .cart-img img{
width: 40px;
height: 50px;
background: #3c763d;
margin-right: 10px;
border: 1px solid #dee1e4;
}
.cart-items .cart-content h6 a,
.cart-items .cart-content p{
font-size: 12px;
font-weight: 600;
color: #000;
text-transform: uppercase;
float: left;
}
.cart-items .cart-content p{
padding-top: 8px;
}
.cart-items .cart-content p span{
padding-left: 6px;
}
.cart-items .cart-content h6 a:hover{
color: #404590;
}
.cart-items .cart-btn{
float: right;
}
.cart-items .cart-btn a .fa{
color: #000;
}
.cart-items .cart-btn a .fa:hover{
color: #404590;
}
.total-price{
float: left;
padding-top: 12px;
}
.total-price p{
font-size: 14px;
color: #000000;
font-weight: 700;
}
.total-price p span{
font-size: 12px;
color: #000;
margin-right: 3px;
text-transform: uppercase;
}
.checkout-btn{
float: right;
margin-top: 10px;
}
.checkout-btn>a{
display: inline-block;
color: #fff!important;
font-size: 11px;
font-weight: 700;
background: #000000;
border-radius: 30px;
}
.checkout-btn .btn-default{
padding: 8px 14px 5px 14px;
border: none;
}
.search-box {
float:left;
margin: 4px 14px 4px 0px;
/*border: 2px solid #ddd;*/
padding: 0;
border-radius: 100%;
cursor: pointer;
}
.search-box i {
font-size: 18px;
color: #fff;
cursor: pointer;
}
#all-search {
border: none;
padding: 5px 18px;
background: #404590;
position: absolute;
margin: 0 auto;
left: 0;
right:0;
height: 10%;
width: 0%;
text-align: center;
-webkit-transform: rotate3d(1,0,0,90deg);
-moz-transform: rotate3d(1,0,0,90deg);
-ms-transform: rotate3d(1,0,0,90deg);
-o-transform: rotate3d(1,0,0,90deg);
transform: rotate3d(1,0,0,90deg);
-webkit-transition: .4s;
transition: .4s;
color: #fff;
outline: none;
visibility: hidden;
z-index: 99;
}
#all-search::-webkit-input-placeholder {
color: #fff;
font-size: 20px;
letter-spacing: 1px;
font-weight: 400;
}
#all-search:-moz-placeholder {
color: #fff;
}
#all-search::-moz-placeholder {
color: #fff;
}
#all-search:-ms-input-placeholder {
color: #fff;
}
.search_box #all-search {
-webkit-transform: rotate3d(0,0,0,00deg);
-moz-transform: rotate3d(0,0,0,00deg);
-ms-transform: rotate3d(0,0,0,00deg);
-o-transform: rotate3d(0,0,0,00deg);
transform: rotate3d(0,0,0,00deg);
width: 100%;
visibility: visible;
}
.second_click {
display:none;
position: relative;
z-index: 999999999;
top: -12px;
}
.donate-option{
float: left;
background: #000000;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.donate-option:hover{
background: #3c763d;
}
.donate-option a{
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
padding: 22.5px 30px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.donate-option a:hover{
background: #3c763d;
}
.donate-option a .fa{
color: #fff;
padding-right: 3px;
}
/*======================
End Header css
===============================================*/
/*======================
Start Slider
================================*/
.slider-item {
position: relative;
/*max-height: 550px;
min-height: 300px;*/
height: 100%;
text-align: center;
}
.slider-item img{
width: 100%;
}
.slider-content-area {
text-align: left;
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.slider-content h3{
display: inline-block;
font-size: 30px;
color: #fefefe;
background: #404590;
padding: 16px 15px 11px 0px;
text-transform: uppercase;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
opacity: 0;
transform: translateY(-25px);
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
}
.slider-content h2{
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #404590;
text-transform: uppercase;
padding-top: 15px;
margin-bottom: 0;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
opacity: 0;
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
letter-spacing: -6px;
}
.slider-content p {
font-size: 20px;
font-weight: 400;
color: #ffffff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
/*text-transform: uppercase;*/
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
opacity: 0;
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
}
.slider-content p span{
font-weight: 700;
}
.slider-content small {
display: block;
text-align: right;
font-weight: normal;
font-size: 18px;
text-transform: none;
opacity: 0.7;
}
.slider-content .btn-default{
color: #404590 !important;
background: #ffffff;
padding: 15px 30px;
border: 0;
margin: 25px 16px 0 0;
animation-delay:2s;
-webkit-animation-delay:2s;
text-shadow: none;
position: relative;
transition: 0.25s !important;
-webkit-transition: 0.25s !important;
-moz-transition: 0.25s !important;
top: 0;
}
.slider-content .btn-default:hover{
color: #404590!important;
top: -4px;
}
.slider-content .btn-default:before,
.slider-content .btn-default:after,
.slider-content .btn-default:before,
.slider-content .btn-default:after{
background: #ffffff;
}
.slider-content .slider-btn{
opacity: 0;
transform: translateY(15px);
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
}
.slider-option .item.active .slider-content h3,
.slider-option .item.active .slider-content p,
.slider-option .item.active .slider-content .slider-btn {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.slider-option .item.active .slider-content h2{
opacity: 1;
letter-spacing: 1px;
}
.slider-option .item.active .slider-content h3{
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.slider-option .item.active .slider-content h2{
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.slider-option .item.active .slider-content p{
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.slider-option .item.active .slider-content .slider-btn{
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.carousel-control{
width: 0;
opacity: 1;
}
.carousel-control{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
font-size: 24px;
line-height: 52px;
background: rgba(0, 0, 0, 0.21);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
border-radius: 10px;
}
.carousel-control:focus,
.carousel-control:hover {
background: rgba(65, 161, 219, 0.54);
}
.slider-item:after{
/*position:absolute;
content: "";
background-color: rgba(83, 169, 44,0.2);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;*/
}
.carousel-control.left,
.carousel-control.right{
background-image: none;
}
.carousel-control.left{
left: 20px;
}
.carousel-control.right{
right: 20px;
}
/*======================
End Slider
================================*/
/*======================
Start People Work css
===============================================*/
.bg-people-work-section{
padding-bottom: 83px;
}
.people-work-items .people-work-img{
overflow: hidden;
}
.people-work-items{
margin-bottom: 30px;
}
.work-content{
padding-top: 28px;
}
.work-content h4{
color: #070707;
text-transform: uppercase;
padding-bottom: 2px;
}
.people-work-items:hover .work-content h4 {
color: #404590;
}
.people-work-items:hover img{
-webkit-transform: scale(1.50, 1.05);
-moz-transform: scale(1.50, 1.05);
transform: scale(1.05, 1.05);
}
/*======================
End People Work css
===============================================*/
/*======================
Start Breaking news css
===============================================*/
.bg-breaking-news-section{
background-color: #ffffff;
padding: 28px 0 4px 0;
}
.bg-breaking-news{
white-space: nowrap;
overflow: hidden;
}
.zed-breaking-news{
display: flex;
}
.zed-breaking-news h5{
background: #38ae00;
color: #fff;
text-transform: uppercase;
padding: 10px 20px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 300;
white-space: nowrap;
}
.breaking-news-item{
text-align: center;
display: inline-block;
width: 100%;
padding: 0 10px;
/* border-radius: 4px; */
border: 2px solid #38ae00;
/* background-color:#010101; */
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.07) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.07) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.07) 75%,transparent 75%,transparent);
-webkit-background-size:200px 200px;
background-size:200px 200px;
box-shadow: 0 4px 12px rgba(83, 169, 44, 0.2);
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
}
.breaking-news-item a + a:before {
content:"";
display: inline-block;
width: 2px;
height: 20px;
background-color: #ffffff;
border-radius: 4px;
margin-right: 30px;
vertical-align: middle;
}
.breaking-news-item marquee{
padding-top: 10px;
white-space: nowrap;
}
.breaking-news-item a{
color: #23527c;
font-size: 18px;
display: inline-block;
vertical-align: middle;
/*min-width: 100%;*/
}
.breaking-news-item a + a {
margin-left: 30px;
}
/*======================
End Breaking news css
===============================================*/
/*======================
Start Services css
===============================================*/
.bg-services-section{
background: #ffffff;
padding: 28px 0 4px 0;
}
.bg-services-section-2{
background-color: #f7f7f7;
padding: 0 0 4px 0;
}
.services-header h3{
font-size: 30px;
font-weight: 700;
line-height: 34px;
color: #0c1e2a;
padding-top: 23px;
}
.services-header p{
padding-top: 3px;
}
.services-header .btn-default{
padding: 13px 30px;
margin-top: 35px;
}
.services-items{
background: #fff;
border: 1px solid #bababa;
padding: 12px 0 32px 0;
height: 125px;
position: relative;
text-align: center;
}
.services-items.services-registration{
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
position: relative;
top: -2px;
transform: scale(1.1);
margin-bottom: 20px;
}
.services-items .btn{
position: absolute;
bottom: 23px;
left: 50%;
width: 150px;
margin-left: -75px;
}
.services-items .btn.btn-default:hover,
.services-items .btn.btn-default:focus{
background-color: #404590;
}
.services-items [class^="flaticon-"]:before,
.services-items [class*=" flaticon-"]:before,
.services-items [class^="flaticon-"]:after,
.services-items [class*=" flaticon-"]:after{
float: left;
}
.services-content{
display: block;
padding: 0 0 0 10px;
}
.services-content p{
padding-top: 5px;
}
.services-items:hover .services-content h4 a{
color: #404590;
}
.services-items:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.services-items:hover [class^="flaticon-"]:before,
.services-items:hover [class*=" flaticon-"]:before,
.services-items:hover [class^="flaticon-"]:after,
.services-items:hover [class*=" flaticon-"]:after{
transform: scale(1.1,1.1);
}
.services-content h4{
font-size: 16px;
line-height: 28px;
display: block;
}
.services-content h4 small{
font-size: 12px;
text-transform: none;
break-inside: all;
line-height: 20px;
}
.progress-bar-success {
background-color: #75b45e;
}
.progress-bar-striped, .progress-striped .progress-bar{
-webkit-background-size: 9px 10px;
background-size: 9px 10px;
}
/*======================
End Services css
===============================================*/
/*===========================
Start Count Section
=============================================*/
.bg-count-section{
background: url(../images/gears-bg.png) repeat fixed;
background-size: cover;
}
.count-overlay{
background: rgba(49, 53, 140, 0.8);
}
.count-option{
padding: 20px 0 20px 0;
}
.count-items{
text-align: center;
}
.count-items [class^="flaticon-"]:before,
.count-items [class*=" flaticon-"]:before,
.count-items [class^="flaticon-"]:after,
.count-items [class*=" flaticon-"]:after{
color: #fff;
display: block;
}
.count-items span{
font-size: 30px;
font-weight: 700;
color: #fff;
}
.count-items h4{
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: unset;
line-height: 26px;
}
/*===========================
End Count Section
=============================================*/
/*===========================
Start focu cause Section
=============================================*/
.bg-focus-cause-section{
padding: 20px 0 100px 0;
}
.focus-cause{}
.cause-items{
margin-bottom: 30px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cause-items>a{
display: block;
overflow: hidden;
}
.cause-items:hover img{
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.cause-content{
padding: 23px 21px 30px 23px;
border: 1px solid #dee1e4;
border-top: 0;
}
.price-title{
overflow: hidden;
}
.price-left{
float: left;
}
.price-right{
float: right;
}
.price-left h5, .price-right h5{
font-size: 16px;
font-weight: 600;
color: #010101;
}
.price-left h5 span, .price-right h5 span{
font-size: 18px;
font-weight: 600;
color: #404590;
padding-left: 4px;
}
.cause-content .progress{
height: 16px;
box-shadow: none;
background-color: transparent;
border: 1px solid #404590;
border-radius: 30px;
padding: 1px 0 1px 1px;
margin-top: 4px;
}
.cause-content .progress-bar{
border-radius: 30px;
}
.cause-content h4 a{
padding-top: 6px;
}
.cause-content p{
padding-top: 5px;
}
.cause-content .btn-default{
margin-top: 18px;
}
.cause-items:hover .cause-content h4 a{
color: #404590;
}
.cause-items:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
/*===========================
End focu cause Section
=============================================*/
/*===========================
Start volunteers Section
=============================================*/
.bg-volunteers-section{
background: #f7f7f7;
padding-bottom: 90px;
}
.sponsors-container,
.people-say-container,
.testimonial-container{
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.volunteers-items{
text-align: center;
background: #ffffff;
padding-top: 30px;
border: 1px solid #dee1e4;
margin-bottom: 28px;
}
.volunteers-img{
width: 200px;
height: 200px;
border-radius: 100%;
background: #ddd;
display: inline-block;
overflow: hidden;
}
.volunteers-content{
padding: 22px 0 10px 0;
}
.volunteers-content h4{
margin: 0;
}
.volunteers-social-icon{
border-top: 1px solid #dee1e4;
padding: 10px 0;
}
.volunteers-items:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.volunteers-items:hover .volunteers-content h4 a{
color: #404590;
}
.volunteers-items:hover .volunteers-img{
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
/*===========================
End volunteers Section
=============================================*/
/*===========================
Start Testimonial Section
=============================================*/
.bg-testimonial-section{
background: url(../../assets/images/home01/bg-testimonial-img.jpg) fixed;
background-size: cover;
}
.testimonial-overlay{
background: rgba(86, 159, 45, 0.88);
}
.testimonial-option{
position: relative;
width: 100%;
height: 100%;
padding: 0 0 125px 0;
}
.testimonial-option .section-header h2, .testimonial-option .section-header p{
color: #fff;
}
.testimonial-content{
position: relative;
background: #fff;
padding: 25px 0 22px 22px;
}
.testimonial-content:after{
position: absolute;
content: "";
background: url(../../assets/images/home01/testimonial-arrow.png) no-repeat;
width: 35px;
height:23px;
bottom: -20px;
left: 20px;
}
.author-details{
overflow: hidden;
padding: 25px 0 0 38px;
}
.author-img{
width: 82px;
height: 82px;
border: 3px solid #fafafa;
border-radius: 100%;
background: #ddd;
overflow: hidden;
float: left;
}
.author-name{
float: left;
margin: 18px 0 0 14px;
}
.author-name h4{
font-size: 16px;
color: #fff;
}
.author-name h6{
color: #fafafa;
padding-top: 2px;
}
.testimonial-option .swiper-pagination{
width: 100%;
bottom: 40px;
}
.testimonial-option .swiper-pagination-bullet{
width: 16px;
height: 16px;
margin: 0 6px;
border: 3px solid #8fc763;
background: none;
}
.testimonial-option .swiper-pagination-bullet-active{
background: #ffffff;;
}
/*===========================
End Testimonial Section
=============================================*/
/*===========================
Start Blog Section
=============================================*/
.bg-blog-section{
padding-bottom: 90px;
}
.blog-items{
margin-bottom: 30px;
}
.blog-img{
overflow: hidden;
}
.blog-img a{
display: block;
}
.blog-content-box{
border: 1px solid #dee1e4;
border-top: 0;
}
.blog-content{
height:260px !important;
padding: 31px 20px 25px 18px;
}
.blog-content h4 a{
padding-bottom: 8px;
}
.meta-box{
border-top: 1px solid #dee1e4;
padding: 14px 0 11px 20px;
}
.meta-post{
}
.meta-post li{
display: inline-block;
padding: 0 7px;
}
.meta-post li a{
font-size: 14px;
font-weight: 400;
color: #696969;
}
.meta-post li a:hover{
color: #404590;
}
.meta-post li .fa, .meta-post li a .fa{
font-size: 18px;
color: #84c168;
padding-right: 4px;
}
.meta-post li:first-child{
padding-left: 0;
}
.meta-post li:last-child {
padding-right: 0;
}
.blog-items:hover {
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.blog-items:hover .blog-content h4 a{
color: #404590;
}
.blog-items:hover .blog-img img{
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.05, 1.05);
}
/*===========================
End Blog Section
=============================================*/
/*===========================
Start Sponsors Section
=============================================*/
.bg-sponsors-section{
background: #f7f7f7;
padding-bottom: 50px;
}
.bg-sponsors-section p{
font-size: 14px !important;
padding: 5px 0;
line-height: 20px;
}
.item {
background: #fff;
text-align: center;
}
.upcoming-trainings .item {
background: #fff;
box-shadow: 0px 0px 9px #ccc;
border-radius: 4px;
text-align: center;
}
.upcoming-trainings .item .card{
position: relative;
height: 350px;
overflow: hidden;
/* margin: 12px auto; */
box-shadow: 3px 3px 5px 0 #ccc;
border: none;
-webkit-transition: .4s ease-in;
transition: .4s ease-in;
background-color: #e6f2f9;
/* border-top: 4px solid #404590; */
}
.upcoming-trainings .item .card .card-img-top {
height: 200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 0;
}
.upcoming-trainings .item .card .card-body {
/* background-color: #ffffff; */
text-align: left;
padding-bottom: 20px;
}
.upcoming-trainings .item .card .card-body button{
padding: 5px;
position: absolute;
border-radius: 0;
bottom: 10px;
left: 35%;
}
.upcoming-trainings .item .card .sopnsors-items .card-body p{
padding: 10px;
/* text-align: justify; */
/* font-weight: 700; */
color: #000000;
letter-spacing: 0;
font-size: 18px;
}
/* .sponsors-option{} */
/*===Swiper Csss===*/
/* .swiper-slide {
width: 80px !important;
} */
.sopnsors-items a{
box-shadow: 1px 0px 14px 1px #ebebeb;
overflow: hidden;
}
.sponsors-container .swiper-slide {
margin: 5px;
}
/*===========================
End Sponsors Section
=============================================*/
/*===========================
Start testimonials Section 07/11/2020 bablu
=============================================*/
.bg-testimonials-section{
background: #f7f7f7;
/* padding-bottom: 50px; */
}
.bg-testimonials-section .section-header{
padding-top:0px;
}
.bg-testimonials-section .testimonial {
background-color: #fff;
padding: 5px;
min-height: 120px;
border-radius: 8px;
border: 1px solid #ddd;
margin-bottom: 30px;
box-shadow: 0px 5px 10px #ddd;
}
.bg-testimonials-section .testimonial p {
padding:10px;
text-align: left;
color: #000;
font-weight: 500;
font-style:italic;
}
.bg-testimonials-section .testimonial .testimonial-details {
color: #2ca2d8;
}
/*===========================
End testimonials Section
=============================================*/
/*===========================
Start Footer Section
=============================================*/
.footer-widgets .list-group a.list-group-item {
padding: 0px 15px !important;
}
.fb_iframe_widget{
display: block !important;
}
.fb_iframe_widget > span{
width: 100% !important
}
.bg-footer-top{
background: #000000;
padding: 95px 0 85px;
}
.widgets-title{
margin-bottom: 32px;
}
.widgets-title h3{
color: #fefefe;
text-transform: capitalize;
}
.widgets-content {}
.widgets-content p{
color: #bcbcbc;
}
.footer-widgets .list-group > a.list-group-item{
background-color: transparent;
color: #ffffff;
border-radius: 0 !important;
border: 0 !important;
padding-left: 0 !important;
}
.footer-widgets .list-group{
margin-bottom: 0;
}
.address-box{
margin-top: 20px;
overflow: hidden;
}
.address li{
overflow: hidden;
padding: 5px 0;
}
.address li .fa{
float: left;
width: 36px;
height: 36px;
font-size: 20px;
color: #ffffff;
line-height: 36px;
text-align: center;
background: #000000;
border: 1px solid #272727;
border-radius: 2px;
margin-right: 14px;
}
.address li span{
display: table;
color: #bcbcbc;
padding-top: 6px;
}
.latest-news li{
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #1a1a1a;
}
.latest-news li:first-child, .twitter-widget li:first-child {
padding-top: 0;
}
.latest-news li:last-child, .twitter-widget li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.thumbnail-img{
width: 70px;
height: 70px;
float: Left;
margin: 4px 15px 0 0;
}
.thumbnail-content{
display: table;
}
.thumbnail-content h5 a{
color : #bcbcbc;
line-height: 24px;
}
.post-date{
font-size: 14px;
color: #9b9b9b;
}
.latest-news li:hover .thumbnail-content h5 a{
color: #404590;
}
.latest-news li:hover .thumbnail-img img, .footer-instagram a:hover{
-webkit-filter: grayscale(100%);
-webkit-transition: .3s ease-in-out;
-moz-filter: grayscale(100%);
-moz-transition: .3s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .3s ease-in-out;
}
.twitter-widget li{
overflow: hidden;
border-bottom: 1px solid #1a1a1a;
padding: 16px 0;
}
.twitter-icon{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: #404590;
border-radius: 100%;
float: left;
margin: 4px 15px 0 0;
}
.twitter-icon .fa{
font-size: 10px;
color: #000000;
}
.twitter-content{
display: table;
}
.twitter-content h5{
line-height: 24px;
color: #bcbcbc;
}
.twitter-content h5 a{
color: #404590;
}
.twitter-content h5 a:hover{
color: #bcbcbc;
}
.footer-instagram{
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.footer-instagram a {
float: left;
margin: 3px 3px;
}
.footer-instagram a img{
width: 84px;
height: 84px;
object-fit: cover;
}
.bg-footer-bottom{
background: #f4f4f4;
padding: 14px 0 10px 0;
}
.footer-bottom{}
.copyright-txt{
float: left;
}
.copyright-txt p{
font-size: 14px;
color: #707070;
padding-top: 8px;
}
.copyright-txt p a{
color: #404590;
font-weight: 700;
}
.copyright-txt p a:hover{
color: #000000;
}
.social-box{
float: right;
}
.social-icon-rounded{}
.social-icon-rounded li{
display: inline-block;
overflow: hidden;
margin: 0 3px;
}
.social-icon-rounded li:last-child{
margin-right: 0;
}
.social-icon-rounded li a{
display: inline-block;
width: 40px;
height: 40px;
line-height: 41px;
text-align:center;
font-size: 18px;
color: #404590;
border: 2px solid #404590;
border-radius: 100%;
overflow: hidden;
}
.social-icon-rounded li a:hover{
background: #404590;
border: 2px solid #404590;
color: #fff;
}
/*===========================
End Footer Section
=============================================*/
/*===========================
Start Custom Section
=============================================*/
.single-services-content a:not(.btn) {
color: #2196F3;
text-decoration: underline;
}
.msme-logo-header,
.qci-logo-header{
display: table;
width: 100%;
}
.msme-logo-header > img,
.msme-logo-header > span,
.qci-logo-header > img,
.qci-logo-header > span{
display: table-cell !important;
}
.msme-logo-header > span,
.qci-logo-header > span {
color: #1b1d1f;
text-transform: uppercase;
vertical-align: middle;
padding-left: 10px;
}
.qci-logo-header > span{
padding-left: 0;
padding-right: 10px;
text-align: right;
}
.msme-logo-header > span > strong,
.qci-logo-header > span > strong{
display: block;
margin-top: -4px;
line-height: 20px;
}
.qci-logo-header > span > strong{
margin-top: 3px;
}
.carousel-indicators{
display: none;
}
.zed-financial-table{
max-width: 700px;
table-layout: fixed;
}
.zed-financial-table tbody tr td:first-child{
background-color: #c9eaba;
border-bottom: 1px #9cc589 solid;
}
.single-page-full-content table thead tr th {
background: #404590;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
vertical-align: middle;
}
.single-page-full-content table tbody tr td{
color: #1b1d1f;
font-size: 15px;
line-height: 26px;
padding: 10px;
}
.zed-4-step-process{
padding: 40px 0;
}
.zed-matrix-table tr td{
word-break: break-all;
font-size: 12px;
}
.zed-assoc-logos{
padding: 50px 0;
}
.qci-logo-footer{
padding: 3px;
/* margin-top: -14px; */
}
.qci-logo-footer img{
max-height: 80px;
/* padding: 12px; */
}
.zed-elearning-image {
max-width: 700px;
display: block;
margin: 0 auto;
}
.zed-elearning-title{
text-align: center;
margin: 30px 0 !important;
}
.zed-elearning-list{
text-align: center;
}
.zed-elearning-list > li{
display: inline-block !important;
}
.zed-elearning-list > li + li{
margin-left: 10px;
}
.zed-elearning-list > li > a{
display: inline-block;
padding: 10px 15px;
font-size: 16px;
border-radius: 5px;
margin-bottom: 20px;
background: #404590 !important;
color: #ffffff !important;
opacity: 1;
}
.zed-elearning-list > li > a:hover{
opacity: 0.9 !important;
}
/*===========================
End Custom Section
=============================================*/
/*========================================================
Home 02
========================================================================================*/
/*=======================================
Header 2
====================================================*/
.header-style-2 .main-menu .navbar-collapse,
.header-style-3 .main-menu .navbar-collapse{
float: right;
padding-right: 60px;
}
.header-style-2 .bg-header-top{
background: #f7f7f7;
}
.header-style-2 .menu-scroll.menu-fixed{
box-shadow: 0 0 7px 0 #ddd;
}
.h-contact{
float: right;
}
.h-contact li{
display: inline-block;
font-size: 12px;
}
.h-contact li {
font-size: 14px;
color: #121212;
}
.h-contact li a{
cursor: pointer !important;
padding: 5px 12px;
}
.h-contact li a i{
font-size: 10px;
border: 2px #404590 solid;
border-radius: 20px;
width: 22px;
height: 22px;
text-align: center;
line-height: 19px;
color: #404590;
}
/*.h-contact li a i.fa-facebook {font-size: 14px;color: #3b5998 !important;}
.h-contact li a i.fa-twitter { font-size: 14px; color: #1da1f2 !important; }
.h-contact li a i.fa-youtube { font-size: 14px; color: #cd201f !important; }
.h-contact li a i.fa-linkedin { font-size: 14px; color: #0077b5 !important; }*/
.h-contact li.h-facebook a,
.h-contact li.h-twitter a,
.h-contact li.h-youtube a,
.h-contact li.h-linkedin a
{ padding: 0; }
.h-contact li:first-child{
padding-left: 0;
}
.h-contact li:last-child{
padding-right: 0;
}
.header-style-2 .h-contact li [class^="flaticon-"]:before,
.header-style-2 .h-contact li [class*=" flaticon-"]:before,
.header-style-2 .h-contact li [class^="flaticon-"]:after,
.header-style-2 .h-contact li [class*=" flaticon-"]:after{
display: inline-block;
font-size: 16px;
padding-right: 6px;
}
.header-style-2 .donate-option{
float: right;
background: #404590;
}
.header-style-2 .donate-option a{
background: #404590;
padding: 13px 28.5px;
}
.header-style-2 .donate-option a:hover{
background: #000;
}
.show-res-logo{
display: none;
}
.navbar-brand{
padding-left: 0;
}
.header-style-2 .bg-main-menu{
background: #ffffff;
}
.header-style-2 .main-menu .nav>li>a{
color: #000000;
}
.header-style-2 .main-menu .nav>li>a:hover,
.header-style-3 .main-menu .nav>li>a:hover{
color: #404590;
}
.header-style-2 .main-menu .nav>li.active a{
color: #404590;
}
.header-style-2 .sub-menu,
.header-style-3 .sub-menu,
.header-style-2 .sub-sub-menu,
.header-style-3 .sub-sub-menu {
background: #000000;
}
.header-style-2 .navbar-right .dropdown-menu,
.header-style-3 .navbar-right .dropdown-menu {
left: 0;
right: auto;
}
.header-style-2 .sub-menu,
.header-style-3 .sub-menu{
top: 120px;
}
.header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu,
.header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu {
top: 90px;
}
.header-style-2 .main-menu .nav>li>a,
.header-style-3 .main-menu .nav>li>a{
padding: 33px 12px;
}
.header-style-2 .main-menu .sub-menu li a:hover,
.header-style-3 .main-menu .sub-menu li a:hover{
background: #404590;
color: #fff;
}
.header-style-2 .navbar-nav li .active,
.header-style-3 .navbar-nav li .active {
color: #404590!important;
}
.header-style-2 .sub-active a,
.header-style-3 .sub-active a {
background: #404590;
color: #fff!important;
}
.header-style-2 .cart-icon .fa,
.header-style-3 .cart-icon .fa{
color: #000000;
}
.header-style-2 .count-cart,
.header-style-3 .count-cart{
color: #fff;
background: #404590;
}
.header-style-2 .cart-option,
.header-style-3 .cart-option {
padding: 35px 22px 24px 22px;
}
.header-style-2 .cart-option:hover .cart-dropdown-menu,
.header-style-3 .cart-option:hover .cart-dropdown-menu{
top: 90px;
}
.header-style-2 .search-box,
.header-style-3 .search-box {
margin: 23px 0 25px 0;
}
.header-style-2 .search-box i,
.header-style-3 .search-box i{
color: #000000;
}
.header-style-2 #all-search{
background: #fff;
color: #000000;
}
.header-style-2 #all-search::-webkit-input-placeholder {
color: #000;
}
.header-style-2 #all-search:-moz-placeholder {
color: #000;
}
.header-style-2 #all-search::-moz-placeholder {
color: #000;
}
.header-style-2 #all-search:-ms-input-placeholder {
color: #000;
}
/*======================
End Header
=====================================*/
/*===========================
Start Slider
=========================================*/
.slider-two .slider-content h3,
.slider-three h3{
background: none;
}
.slider-two .slider-content h2{
font-size: 60px;
line-height: 60px;
padding-top: 5px;
}
.slider-two .camera_overlayer {
background: rgba(55, 109, 6, 0.34);
}
/*================================
Start Slider Section
=============================================*/
/*======================================
Start About Section
====================================================*/
.bg-about-greenforest{
background: #f7f7f7;
}
.about-greenforest{
padding: 50px 0;
}
.about-greenforest-content h2{
text-transform: capitalize;
display: inline-block;
vertical-align: middle;
}
.about-greenforest-content p{
text-align: justify;
line-height: 28px;
font-size: 16px
}
.about-greenforest-content p span{
display: inline-block;
font-weight: 600;
margin: 11px 0 18px 0;
color: #404590;
}
.about-greenforest-content .btn-default{
padding: 14px 28px 12px 28px;
margin: 40px 20px 0 0;
}
.about-greenforest-content .btn-default:hover {
color: #fff;
}
.about-greenforest-content .btn-default:active,
.about-greenforest-content .btn-default:focus {
color: #404590;
}
/*=======================
End About Section
==========================================*/
/*=======================
Start Recent Project Section
==========================================*/
.bg-recent-project{
background: #f7f7f7;
padding: 0 0 94px 0;
}
.recent-project .section-header{
padding-bottom: 40px;
}
.recent-project .button{
position: relative;
font-size: 14px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
padding: 0 20px;
background: transparent;
margin-bottom: 6px;
}
.recent-project .button:hover{
color: #404590;
}
.recent-project .button:after{
position: absolute;
content: "";
width: 10px;
height: 2px;
background: #949494;
top: 5px;
right: -6px;
}
.recent-project .button:last-child:after{
display: none;
}
.recent-project .is-checked{
color: #404590!important;
}
div#filters {
text-align: center;
}
.portfolio-items{
margin-top: 40px;
}
.portfolio-items .item{
width: 33.33%;
float: left;
}
.portfolio-items .item-inner{
background: #fff;
margin: 15px;
}
.portfolio-img{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
text-align: center;
}
.portfolio-container{
margin-top: 38px;
}
.overlay-project{
position: absolute;
width: 96%;
height: 95%;
top: 7px;
left: 7px;
background: rgba(27, 15, 9, 0.79);
opacity: 0;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
transform: scale(0, 0);
}
.recent-project .item-inner:hover .overlay-project{
opacity: 1;
transform: scale(1, 1);
}
.project-link-option{
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.project-link-option li{
display: inline-block;
opacity: 0;
}
.project-link-option li a{
display: inline-block;
width: 44px;
height: 44px;
line-height: 51px;
text-align: center;
font-size: 20px;
color: #9f9f9f;
background: #fff;
border-radius: 100%;
margin: 0 2px;
}
.project-link-option .project-search a,
.project-link-option .project-plus a{
line-height: 47px;
}
.project-link-option li a:hover{
background: #404590;
color: #d8ebcf;
}
.project-link-option .project-search,
.project-link-option .project-plus{
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
}
.project-link-option .project-link{
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
}
.recent-project .item-inner:hover .project-link-option .project-search,
.recent-project .item-inner:hover .project-link-option .project-plus{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.recent-project .item-inner:hover .project-link-option .project-link{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.recent-project-content{
border: 1px solid #dee1e4;
border-top: none;
padding: 28px 24px 18px 24px;
}
.recent-project-content h4 a{
font-weight: 700;
color: #212121;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.recent-project-content p{
font-size: 16px;
color: #696969;
}
.recent-project-content p span a{
color: #404590;
text-transform: uppercase;
}
.recent-project .item-inner:hover .recent-project-content h4 a{
color: #404590;
}
.recent-project .item-inner:hover {
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.portfolio-items .item-inner:hover .portfolio-img img{
-webkit-transform: scale(1.06, 1.06);
transform: scale(1.06, 1.06);
}
/*=======================
End Recent Project Section
==========================================*/
/*=======================
Start Counter2 Section
==========================================*/
.bg-count2-section{
background: url(../images/gears-bg.png) no-repeat fixed;
background-size: cover;
/* margin-top: 50px; */
}
/*=======================
End Counter2 Section
==========================================*/
/*=======================
Start Home2 Service Section
==========================================*/
/*.bg-servicesstyle2-section{
padding: 0 0 90px 0;
}*/
.our-services-option p{
font-size: 13px;
text-align: justify;
}
.our-services-box{
border: 1px solid #bababa;
background-color: #ffffff;
padding: 8px;
margin-bottom: 30px;
}
.our-services-items{
position: relative;
min-height: 290px;
text-align: center;
padding: 8px 22px 18px 22px;
border: 1px solid transparent;
}
.our-services-items > i {
height: 64px;
margin: 10px 0;
display: inline-block;
}
.our-services-content>a{
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
left: 0;
}
.our-services-content{
padding-top: 4px;
}
.our-services-content h4{
padding-bottom: 8px;
line-height: 30px;
}
.our-services-content>a{
font-size: 14px;
font-weight: 700;
color: #38ae00;
text-transform: uppercase;
padding-top: 15px;
}
.our-services-content>a .fa{
padding-left: 4px;
}
.our-services-box:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.our-services-box:hover .our-services-items{
border: 1px solid #dee1e4;
}
.our-services-box:hover [class^="flaticon-"]:before,
.our-services-box:hover [class*=" flaticon-"]:before,
.our-services-box:hover [class^="flaticon-"]:after,
.our-services-box:hover [class*=" flaticon-"]:after{
-webkit-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
}
.our-services-box:hover .our-services-content h4 a, .our-services-box:hover .our-services-content>a{
color: #404590;
}
/*=======================
End Home2 Service Section
==========================================*/
/*=======================
Start focus cause Section
==========================================*/
.bg-focus-cause-section2 {
background: #f7f7f7;
padding-bottom: 100px;
}
/*=======================
End focus cause Section
==========================================*/
/*=======================
Start compaian video Section
==========================================*/
.bg-compaian-video{
background: url(../../assets/images/bg-video-section.jpg) no-repeat fixed;
background-size: cover;
background-position: 48% 100%;
}
.compaian-video-overlay{
background: rgba(64, 69, 144, 0.82);
}
.compaian-video{
text-align: center;
padding: 50px 0;
}
.compaian-video h3{
font-size: 30px;
font-weight: 700;
color: #fefefe;
text-transform: uppercase;
padding-top: 3px;
}
/*=======================
Start collection Section
==========================================*/
.bg-collection-section{
background: #f7f7f7;
padding-bottom: 86px;
}
.collection-items{
text-align: center;
border: 1px solid #dee1e4;
overflow: hidden;
margin-bottom: 30px;
}
.collection-img{
position: relative;
overflow: hidden;
text-align: center;
}
.collection-img img{
width: 100%;
overflow: hidden;
}
.collection-overlay{
position: absolute;
width: 100%;
height: 100%;
background: rgba(247, 251, 240, 0.85);
opacity: 0;
z-index: 1;
}
.collection-icon{
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.collection-icon li{
display: inline-block;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
.collection-icon li a{
width: 50px;
height: 50px;
line-height: 53px;
font-size: 20px;
font-weight: 400;
color: #404590;
border: 1px solid #404590;
background: transparent;
border-radius: 100%;
margin: 0 2px;
z-index: 2;
}
.collection-icon li a:hover{
background: #404590;
color: #fff;
}
.collection-content{
border-top: 1px solid #dee1e4;
padding: 25px 0 20px 0;
}
.collection-content h4 a{
font-weight: 600;
}
.collection-content h5 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
color: #000;
padding-top: 1px;
}
.star-icon{}
.star-icon li{
display: inline-block;
}
.star-icon li a{
font-size: 14px;
font-weight: 400;
color: #404590;
}
.collection-items:hover .collection-overlay{
opacity: 1;
}
.collection-items:hover .collection-content h4 a{
color: #404590;
}
.collection-items:hover .collection-icon li{
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.collection-items:hover .collection-img img{
-webkit-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.collection-items:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
/*=======================
End collection Section
==========================================*/
/*=======================
End compaian video Section
==========================================*/
/*=======================
Start Upcoming Events Section
==========================================*/
.upcoming-events{
/* padding-bottom: 50px; */
}
.event-items{
margin-bottom: 30px;
background-color: #e6f2f9;
}
.event-img{
position: relative;
display: block;
}
.event-img a, .event-img a img {
display: block;
width: 100%;
overflow: hidden;
}
.date-box{
position: absolute;
/*width: 80px;*/
width: 20%;
height: 80px;
line-height: 80px;
background: #404590;
text-align: center;
bottom: 0;
left: 0;
padding: 8px 0;
}
.date-box h3{
font-size: 36px;
font-weight: 700;
color: #fff;
}
.date-box h5{
font-size: 16px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.events-content{
border: 1px solid #dee1e4;
border-top: 0;
padding: 27px 26px 30px 30px;
}
.events-content h3{
margin: 0;
font-size: 18px;
}
.events-content h3 a{
text-transform: none;
color: #000;
}
.events-content .meta-post{
margin: 4px 0 8px 0;
}
.events-content .meta-post li{
font-size: 16px;
color: #9b9b9b;
padding: 0 7px;
}
.events-content .meta-post li:first-child{
padding-left: 0;
}
.events-content .meta-post li .fa{
font-size: 20px;
font-weight: 300;
}
.events-content{
max-height: 340px;
position: relative;
min-height: 200px;
}
.events-content .meta-post [class^="flaticon-"]:before,
.events-content .meta-post[class*=" flaticon-"]:before,
.events-content .meta-post[class^="flaticon-"]:after,
.events-content .meta-post[class*=" flaticon-"]:after{
font-size: 20px;
margin-left: 0!important;
}
.events-content .btn-default{
margin-top: 24px;
padding: 8px 20px;
position: absolute;
bottom: 20px;
}
.event-items:hover{}
.event-items:hover .events-content h3 a{
color: #404590;
}
.event-items:hover .event-img img{
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.event-items:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
/*=======================
End Upcoming Events Section
==========================================*/
/*================================= Start Home 03 ================================*/
/*=========================
Header section
====================================*/
.header-style-3 .bg-main-menu{
position: fixed;
z-index: 9;
width: 100%;
background: rgba(29, 47, 4, 0.46);
}
.header-style-3 .menu-scroll.menu-fixed{
background: #000;
}
.boxed .main-menu .navbar-collapse {
float: none;
}
.header-style-3 .main-menu .nav>li>a{
color: #fff;
}
.header-style-3 .search-box {
margin: 6px 4px 4px 0;
}
.header-style-3 .search-box i{
color: #fff;
}
.header-style-3 #all-search{
background: #000;
color: #fff;
}
.header-style-3 #all-search::-webkit-input-placeholder {
color: #fff;
}
.header-style-3 #all-search:-moz-placeholder {
color: #fff;
}
.header-style-3 #all-search::-moz-placeholder {
color: #fff;
}
.header-style-3 #all-search:-ms-input-placeholder {
color: #fff;
}
.header-style-3 .cart-icon .fa{
color: #fff;
}
/*========================
End Header Section
=======================================*/
/*========================
Start Slider Section
=======================================*/
.slider-three .slider-content {
text-align: center;
}
.slider-three .slider-content h3 {
font-size: 30px;
}
.slider-three .slider-content h2{
font-size: 60px;
line-height: 45px;
}
.slider-three .slider-content p{
font-size: 24px;
line-height: 50px;
}
/*========================
End Slider Section
=======================================*/
/*========================
Start Working Section
=======================================*/
.bg-working-section{
padding-bottom: 95px;
}
.working-items{
text-align: center;
border: 1px solid #dee1e4;
padding: 30px 30px 28px 30px;
margin-bottom: 30px;
}
.working-icon{
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border: 1px solid #dee1e4;
border-radius: 100%;
margin: 0 auto;
}
.working-icon [class^="flaticon-"]:before,
.working-icon [class*=" flaticon-"]:before,
.working-icon [class^="flaticon-"]:after,
.working-icon [class*=" flaticon-"]:after{
margin-left: 0;
font-size: 40px;
}
.working-content{}
.working-content h4 a{
display: inline-block;
padding: 30px 0 6px 0;
}
.working-content>a{
font-size: 14px;
font-weight: 700;
color: #000;
text-transform: uppercase;
padding-top: 18px;
}
.working-content>a .fa{
padding-left: 4px;
}
.working-container .swiper-slide {
padding: 3px;
}
.working-items:hover .working-icon{
background: #404590;
border: 1px solid #404590;
}
.working-items:hover{
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.working-items:hover .working-icon [class^="flaticon-"]:before,
.working-items:hover .working-icon [class*=" flaticon-"]:before,
.working-items:hover .working-icon [class^="flaticon-"]:after,
.working-items:hover .working-icon [class*=" flaticon-"]:after{
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: scale(1.06, 1.06);
transform: scale(1.06, 1.06);
color: #fff;
}
.working-items:hover .working-content h4 a,
.working-items:hover .working-content>a{
color: #404590;
}
/*========================
End Working Section
=======================================*/
/*========================
Start Donation Section
=======================================*/
.bg-donation-section{
background: url(../../assets/images/home03/bg-donation-img.jpg) no-repeat fixed;
background-size: cover;
background-position: 50% 50%;
}
.donation-overlay{
background: rgba(0, 0, 0, .8);
}
.donation-section{
padding: 145px 150px;
}
.donaton-header{
text-align: center;
}
.donaton-header h3{
position: relative;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 20px;
}
.donaton-header h3:after{
position: absolute;
content: "";
width: 50px;
height: 4px;
background: #404590;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.donaton-header h2{
color: #fff;
padding: 40px 0 8px 0;
}
.donaton-header h4{
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color: #404590;
}
.donation-section .progress{
height: 20px;
border-radius: 30px;
margin-top: 34px;
box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.3);
}
.donation-section .progress-bar{
border-radius: 30px;
}
.count-number{
overflow: hidden;
}
.count-left{
float: left;
}
.count-right{
float: right;
}
.count-left, .count-right{
font-size: 18px;
font-weight: 700;
color: #fff;
}
.count-left span, .count-right span{
font-size: 24px;
color: #404590;
}
.donate-btn{
text-align: center;
}
.donate-btn .btn-default{
padding: 15px 29px;
background: #404590;
color: #fff;
border: 0;
}
.donate-btn .btn-default .fa{
padding-left: 3px;
}
.donate-btn .btn-default:before,
.donate-btn .btn-default:after{
background: #fff;
}
.donate-btn .btn-default:hover,
.donate-btn .btn-default:focus,
.donate-btn .btn-default.focus,
.donate-btn .btn-default:active{
color: #404590;
}
/*========================
End Donation Section
=======================================*/
/*========================
Start People Say Section
=======================================*/
.bg-people-say-section{
background: url(../../assets/images/home03/bg-people-say.jpg)no-repeat fixed;
background-size: cover;
background-position: 45%;
}
.people-say-overlay{
background: rgba(76, 148, 40, 0.77);
}
.people-say-section{
position: relative;
padding: 150px 0;
}
.people-say-items{
max-width: 750px;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0 67px;
}
.people-say-items .fa{
font-size: 64px;
color: #fff;
padding-bottom: 35px;
}
.people-say-items p, .people-say-items p a{
font-size: 16px;
color: #fff;
}
.people-say-items p a span{
font-weight: 700;
font-style: italic;
}
.people-say-items p a:hover{
color: #000;
}
.people-say-items{}
.people-say-items{}
.people-say-section .swiper-pagination{
width: 100%;
bottom: 42px;
}
.people-say-section .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #efeef3;
margin: 0 3px;
opacity: 1;
}
.people-say-section .swiper-pagination-bullet-active{
width: 14px;
height: 14px;
}
/*========================
End People Say Section
=======================================*/
/*========================
Start Count Section
=======================================*/
.bg-count3-section{
background: url(../../assets/images/home03/bg-count-img.jpg) no-repeat fixed;
background-size: cover;
background-position: 50% 50%;
}
.count3-overlay{
background: rgba(91, 164, 58, 0.72);
}
/*========================
End Count Section
=======================================*/
/*========================
Start portfolio items Section
=======================================*/
.bg-recent-project-home3{
padding-bottom: 123px;
}
.portfolio-items-home3 .overlay-project,
.gallery2-items .overlay-project,
.gallery3-items .overlay-project{
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(29, 14, 5, 0.92);
}
.portfolio-items-home3 .item{
width: 25%;
}
.portfolio-items-home3 .item-inner {
margin: 7px;
text-align: center;
}
.portfolio-items-home3 .portfolio-img {
text-align: center;
}
.portfolio-items-home3 .project-plus,
.gallery2-items .project-plus,
.gallery3-items .project-plus{
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.portfolio-items-home3 .project-plus a,
.gallery2-items .project-plus a,
.gallery3-items .project-plus a {
display: inline-block;
width: 44px;
height: 44px;
line-height: 50px;
text-align: center;
font-size: 20px;
color: #9f9f9f;
background: #fff;
border-radius: 100%;
margin-bottom: 30px;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
}
.portfolio-items-home3 .project-plus a,
.gallery2-items .project-plus a,
.gallery3-items .project-plus a {
color: #404590;
}
.portfolio-items-home3 .project-plus a:hover,
.gallery2-items .project-plus a:hover,
.gallery3-items .project-plus a:hover{
background: #fff;
}
.portfolio-items-home3 .item-inner:hover .project-plus a,
.gallery2-items .item-inner:hover .project-plus a,
.gallery3-items .item-inner:hover .project-plus a{
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
.portfolio-items-home3 .recent-project-content,
.gallery2-items .recent-project-content,
.gallery3-items .recent-project-content{
width: 100%;
position: absolute;
top: 70%;
text-align: center;
z-index: 4;
padding: 0;
opacity: 0;
border: none;
margin-top: 30px;
}
.portfolio-items-home3 .recent-project-content p a,
.gallery2-items .recent-project-content p a,
.gallery3-items .recent-project-content p a{
font-size: 18px;
font-weight: 600;
color: #fefefe;
text-transform: uppercase;
}
.portfolio-items-home3 .recent-project-content p a:hover,
.gallery2-items .recent-project-content p a:hover,
.gallery3-items .recent-project-content p a:hover{
color: #404590;
}
.portfolio-items-home3 .item-inner:hover .recent-project-content,
.gallery2-items .item-inner:hover .recent-project-content,
.gallery3-items .item-inner:hover .recent-project-content{
width: 100%;
top: 50%;
transform: translateY(-50%);
opacity: 1;
}
/*========================
End portfolio items Section
=======================================*/
/*=============================================================Services Css =====================================*/
.services-video h3{
padding-top: 21px;
}
/*=============================================================Teams Css =====================================*/
.bg-team-section{
padding-top: 130px;
padding-bottom: 100px;
}
.bg-single-team{
padding: 118px 0 110px 0;
}
.single-team-details h3,
.single-team-content h3{
font-size: 24px;
font-weight: 700;
color: #404590;
text-transform: uppercase;
}
.single-team-details h5{
font-size: 16px;
font-weight: 400;
color: #656565;
padding: 3px 0 8px 0;
}
.single-team-details .social-icon-rounded{
margin-top: 16px;
}
.team-address-box {
margin-top: 3px;
}
.team-address-box .address .fa{
background: transparent;
border: 1px solid #f7f7f7;
}
.team-address-box .address li span{
color: #696969;
}
.single-team-content{
margin-top: 30px;
}
.single-team-content h3{
padding-bottom: 6px;
}
/*=============================================================project Css =====================================*/
.bg-single-recent-project {
padding: 117px 0 118px 0;
}
.load-more-option{
text-align: center;
}
.load-more-option .btn-default{
font-size: 15px;
color: #fff;
background: #404590;
padding: 12.5px 32.5px;
margin-top: 34px;
}
.load-more-option .btn-default:hover,
.load-more-option .btn-default:focus,
.load-more-option .btn-default.focus,
.load-more-option .btn-default:active{
color: #404590;
}
.load-more-option .btn-default:before,
.load-more-option .btn-default:after{
background: #fff;
}
/*================================================ Photo Gallery Css ============================*/
.photo-gallery .load-more-option .btn-default {
font-size: 14px;
padding: 14.5px 19px;
margin-top: 50px;
}
/*=================================================== Single Project Css ======================================*/
.single-project{
padding: 120px 0 111px 0;
}
.single-pro-main-content{
padding-top: 68px;
}
.single-left-content{}
.single-left-content li{
border: 1px solid #f7f7f7;
padding: 18px 6px 11px 22px;
}
.single-left-content li h4{
font-size: 16px;
line-height: 14px;
}
.single-left-content li p{
font-size: 16px;
}
.single-project-content h3{
color: #010101;
text-transform: uppercase;
padding-bottom: 15px;
}
.single-project-content p{
line-height: 32px;
}
.single-small-img li{
padding: 15px 0;
}
.single-small-img li:first-child {
padding-top: 0;
}
.single-small-img li:last-child {
padding-bottom: 0;
}
.download-option{
padding-top: 77px;
}
.download-option h4{
padding-bottom: 20px;
}
.download-option .download-btn{
margin-bottom: 30px;
}
.download-btn{
display: inline-block;
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 14px 26px 12px 40px;
background: #404590;
border-radius: 4px;
}
.download-btn .fa{
font-size: 18px;
color: #fff;
padding-right: 10px;
}
.download-btn span .fa{
padding-left: 20px;
padding-right: 0;
}
.download-btn:hover{
background: #000;
color: #fff;
}
.social-option{
padding-top: 35px;
}
.social-option h4{
padding-bottom: 10px;
}
/*============================================= Start Single Services ====================================*/
.bg-single-services{}
.single-services{
padding: 50px 0 95px 0;
}
.single-services-content{
padding-left: 30px;
}
.single-services-content img{
padding-bottom: 10px;
}
.single-services-content h3,
.single-page-full-content h3,
.single-page h3{
color: #404590;
padding: 0 0 3px 0;
}
.single-services-content p{
text-align: justify;
line-height: 25px;
}
.single-page-content p{
margin-bottom: 0px;
}
.single-page-content ol,
.single-page-content ul{
padding-left: 30px;
margin-bottom: 20px;
}
.single-page-content ol li{
list-style: decimal;
margin-bottom: 8px;
}
.single-page-content ul li{
list-style: disc;
margin-bottom: 8px;
}
.mark-txt{
padding-top: 14px;
}
.mark-txt li{
font-size: 15px;
font-weight: 600;
color: #000;
padding: 4px 0;
}
.mark-txt li:first-child{
padding-top: 0;
}
.mark-txt li:last-child{
padding-bottom: 0;
}
.mark-txt .fa{
color: #404590;
}
.single-left-services-list{}
.single-left-services-list .nav-tabs{
border-bottom: none;
}
.single-left-services-list .nav-tabs>li{
float: none;
margin-bottom: 0;
}
.single-left-services-list .nav-tabs>li>a{
font-size: 14px;
font-weight: 600;
color: #000000;
text-transform: capitalize;
padding: 12px 15px;
margin-right: 0;
border-radius: 0;
background: #fafafa;
border: 1px solid #dee1e4;
}
.single-left-services-list .nav-tabs>li.active>a,
.single-left-services-list .nav-tabs>li.active>a:focus,
.single-left-services-list .nav-tabs>li.active>a:hover{
color: #ffffff;
cursor: default;
background-color: #404590;
border: 0;
border-bottom-color: rgba(235, 235, 235, 0.57);
border-radius: 0;
}
.single-left-services-list [class^="flaticon-"]:before,
.single-left-services-list [class*=" flaticon-"]:before,
.single-left-services-list [class^="flaticon-"]:after,
.single-left-services-list [class*=" flaticon-"]:after{
font-size: 18px;
margin-left: 0;
margin-right: 5px;
}
.download-service{
padding-top: 50px;
}
.download-service a{
margin: 28px 0 0 0;
}
/*================================================= Start Event Page Css =================================*/
.bg-event-box{
padding: 120px 0 30px 0;
}
.event-search-box-option{
padding: 23px 0 26px 31px;
box-shadow: 1px 0px 14px 1px #ebebeb;
}
.event-box{}
.event-box label{
font-size: 16px;
font-weight: 700;
color: #000;
text-transform: uppercase;
padding-bottom: 6px;
}
.event-box .form-control{
height: 50px;
padding-left: 20px;
border: 1px solid #dee1e4;
box-shadow: none;
}
.event-box .form-control:focus{
border: 1px solid #404590;
}
.event-box .btn-default{
background-color: #404590;
color: #fff;
margin: 42px 0 0 30px;
padding: 13px 53.4px;
}
.event-box{}
.event-box .btn-default:hover:before {
left: -17%;
}
.event-box .btn-default:hover:after {
right: -14%;
}
.event-box .btn-default:before,
.event-box .btn-default:after{
background: #fff;
color: #404590;
}
.event-box .btn-default:hover,
.event-box .btn-default:focus,
.event-box .btn-default.focus,
.event-box .btn-default:active{
color: #404590;
}
.pagination-option{
text-align: center;
}
.pagination-option .pagination{
margin: 0;
text-align: center;
}
.pagination-option{
padding-top: 45px;
}
.pagination-option .pagination>li>a{
width: 40px;
height: 40px;
line-height: 29px;
font-size: 16px;
font-weight: 600;
color: #404590;
margin: 0 5px;
border: 1px solid #404590;
border-radius: 4px;
}
.pagination-option .pagination>li>a:focus,
.pagination-option .pagination>li>a:hover,
.pagination-option .pagination>li>span:focus,
.pagination-option .pagination>li>span:hover{
background: #404590;
color: #fff;
border-color: #404590;
}
.pagination-option .pagination>li.active a{
background: #404590;
color: #fff;
border-color: #404590;
}
div.pagination {
border: 1px solid #e1e1e1;
}
div.pagination a, div.pagination strong {
padding: 5px 10px;
border-right: 1px solid #e1e1e1;
background: #fff;
box-sizing: border-box;
box-sizing: border-box;
}
div.pagination strong {
background: transparent;
}
/*================================================ Start Blog Page ======================================*/
.blog-page{
padding-top: 120px;
}
.blog-page .pagination-option{
padding-top: 30px;
}
/*============================================ Start Gallery Style 02 ====================================*/
.bg-gallery-style2{
padding: 120px 0;
}
.gallery2-items .overlay-project {
background: rgba(12, 6, 6, 0.81);
}
.gallery2-items .project-plus{
top: 38%;
/* left: 45%; */
}
.gallery2-items .project-plus a,
.gallery3-items .project-plus a{
width: 40px;
height: 40px;
line-height: 45px;
box-shadow: 0px 0px 0px 5px rgba(67, 60, 57, 0.84);
}
/* .gallery2-items .recent-project-content{
left: 28%;
} */
.bg-gallery-style2 .load-more-option .btn-default {
font-size: 14px;
padding: 14.5px 19px;
margin-top: 50px;
}
/*================================================= Gallery Style 03 =================================*/
.gallery3 .item{
width: 20%;
}
.gallery3 .item-inner{
margin: 0;
}
.gallery3 .item-inner:hover {
box-shadow: none;
}
/*============================================= Start Contact Us =========================================*/
.bg-contact-us{
padding: 120px 0 130px 0;
}
.p-10 {
padding: 10px 20px;
background: #fff;
}
.contact-title{
font-size: 30px;
font-weight: 500;
color: #000;
margin-bottom: 22px;
}
.contact-form{
margin-top: 31px;
}
.contact-form .form-control,
.register-form .form-control{
height: 50px;
border: 1px solid #b1b2b3;
border-radius: 4px !important;
box-shadow: none;
padding-left: 15px;
margin-bottom: 30px;
}
.register-form .form-control{
margin-bottom: 15px;
}
.register-form .form-control.no-margin{
margin-bottom: 0 !important;
}
.register-form textarea.form-control{
height: auto!important;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="url"]:focus,
.contact-form input[type="password"]:focus,
.contact-form input[type="search"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form input[type="number"]:focus,
.contact-form textarea:focus{
border: 1px solid #404590;
}
.text-area{
height: 150px!important;
border-radius: none;
padding-top: 20px;
}
.contact-form .btn-default,
.register-form .btn-default{
background: #404590;
color: #fff;
padding: 13px 27px;
}
.contact-form .btn-default:before,
.contact-form .btn-default:after{
background: #fff;
}
.contact-form .btn-default:hover,
.contact-form .btn-default:focus,
.contact-form .btn-default.focus,
.contact-form .btn-default:active{
color: #404590;
}
.contact-address li{
border-bottom: 1px solid #eeeeee;
padding: 18px 0;
overflow: hidden;
}
.contact-address li:first-child{
padding-top: 0;
}
.contact-address li:last-child{
}
.contact-address li.contact-address-no-pad-li{
padding-bottom: 0;
border-bottom: 0;
}
.contact-address [class^="flaticon-"]:before,
.contact-address [class*=" flaticon-"]:before,
.contact-address [class^="flaticon-"]:after,
.contact-address [class*=" flaticon-"]:after{
font-size: 30px;
float: left;
line-height: 45px;
margin: 0;
margin-right: 13px;
}
.contact-address .contact-content{
display: table;
}
.contact-address .contact-content p{
font-size: 14px;
color: #696969;
}
.contact-social-icon{
margin-top: 20px;
}
.contact-social-icon li{
margin: 0 7px;
}
.contact-social-icon li a{
font-size: 24px;
line-height: 42px;
text-align: center;
color: #fff;
overflow: hidden;
}
.contact-social-icon li:nth-child(1) a{
background: #3b5998;
border: 2px solid #3b5998;
}
.contact-social-icon li:nth-child(2) a{
background: #55acee;
border: 2px solid #55acee;
}
.contact-social-icon li:nth-child(3) a{
background: #dc4e41;
border: 2px solid #dc4e41;
}
.contact-social-icon li:nth-child(4) a{
background: #ff0084;
border: 2px solid #ff0084;
}
.contact-social-icon li:nth-child(5) a{
background: #cb2027;
border: 2px solid #cb2027;
}
.contact-social-icon li:nth-child(6) a{
font-size: 28px;
line-height: 40px;
background: #3b5998;
border: 2px solid #3b5998;
}
.contact-social-icon li:nth-child(1) a:hover,
.contact-social-icon li:nth-child(2) a:hover,
.contact-social-icon li:nth-child(3) a:hover,
.contact-social-icon li:nth-child(4) a:hover,
.contact-social-icon li:nth-child(5) a:hover,
.contact-social-icon li:nth-child(6) a:hover{
background: #404590;
border: 2px solid #404590;
}
#map{
width: 100%;
height: 600px;
}
/*=========================================================Start Single Event Css ===========================*/
.bg-single-events{
padding: 120px 0 145px 0;
}
.single-events{}
.single-event-item{}
.single-event-img{
position: relative;
}
.single-event-content{
border: 1px solid #dee1e4;
padding: 0 30px 30px 20px;
}
.single-event-content h3{
font-size: 30px;
font-weight: 700;
color: #000;
padding: 30px 0 6px 0;
text-transform: uppercase;
}
/*.single-event-content img{
min-width: 100%;
}*/
.single-event-content p{
line-height: 28px;
text-align: justify;
}
.single-event-content{}
.single-event-content{}
.single-date-map{
overflow: hidden;
}
.single-date-option, .single-map{
width: 50%;
float: left;
}
.single-date-map{
padding-top: 30px;
}
.single-date{
padding-top: 5px;
}
.single-date li {
padding-bottom: 25px;
}
.single-date li .fa{
float: left;
font-size: 24px;
color: #404590;
margin-right: 14px;
}
.single-date-map .h-adress-content{
display: table;
}
.single-date-map .h-adress-content{}
.single-date-map .h-adress-content h6{
font-size: 16px;
font-weight: 700;
color: #000000;
text-transform: uppercase;
margin-bottom: 1px;
}
.single-date-map .h-adress-content p{
font-size: 16px;
}
.single-date-map #map{
width: 380px;
height: 200px;
}
.event-single-bottom-option{
border: 1px solid #dee1e4;
border-top: none;
padding: 6px 30px;
overflow: hidden;
}
.event-author-option{
float: left;
}
.event-author-img{
width: 40px;
height: 40px;
background: #ddd;
border-radius: 100%;
overflow: hidden;
float: left;
margin-right: 15px;
}
.event-author-name{
display: table;
padding: 7px 0;
}
.event-author-name p{
font-size: 15px;
color: #696969;
}
.event-author-name p a{
font-size: 15px;
font-weight: 600;
color: #404590;
text-transform: uppercase;
}
.event-author-name p a:hover{
color: #696969;
}
.event-share-option{
float: right;
}
.share-icon{
padding: 4px 0;
}
.share-icon li>.fa{
font-size: 16px;
color: #404590;
padding-right: 7px;
}
.share-icon li span{
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.share-icon li:nth-child(2) a{
color: #3b5998;
}
.share-icon li:nth-child(3) a{
color: #db4437;
}
.share-icon li:nth-child(4) a{
color: #e94c89;
}
.share-icon li:nth-child(5) a{
color: #23b6ea;
}
.share-icon li:nth-child(6) a{
color: #cb1f27;
}
/*============== Start Sidebar ========*/
.sidebar,
.shop-sidebar{
border: 1px solid #dee1e4;
padding-bottom: 5px;
}
.sidebar-widget-title,
.comments-title{
position: relative;
border-bottom: 4px solid #f0f0f0;
padding: 10px 30px 16px 30px;
}
.sidebar-widget-title:after,
.comments-title:after{
position: absolute;
content: "";
width: 100px;
height: 4px;
background: #404590;
bottom: -4px;
left: 0;
}
.widget-content{
padding: 0 27px 25px 27px;
}
.widget-content .sidebar-form,
.shop-widget-content .sidebar-form{
padding-top: 30px;
}
.widget-content .form-group,
.shop-widget-content .form-group{
position: relative;
}
.widget-content .form-group .form-control,
.shop-widget-content .form-group .form-control{
height: 50px;
padding-left: 25px;
border: 1px solid #f7f7f7;
box-shadow: none;
}
.widget-content .form-group .form-control:focus,
.shop-widget-content .form-group .form-control:focus{
border: 1px solid #404590;
box-shadow: none;
}
.widget-content .form-group .fa,
.shop-widget-content .form-group .fa{
position: absolute;
color: #7c7c7c;
top: 16px;
right: 20px;
cursor: pointer;
font-size: 16px;
}
.catagories{
padding-top: 22px;
}
.catagories li{
border-bottom: 1px solid #dee1e4;
padding: 9px 0 14px 0;
}
.catagories li:first-child{
padding-top: 0;
}
.catagories li:last-child{
border-bottom: none;
}
.catagories li a{
display: block;
font-size: 15px;
font-weight: 500;
color: #696969;
text-transform: capitalize;
}
.catagories li a span{
float: right;
width: 30px;
height: 30px;
line-height: 33px;
text-align: center;
background: transparent;
border-radius: 100%;
}
.catagories li:hover{
padding-left: 15px;
}
.catagories li:hover a{
color: #404590;
}
.catagories li:hover a span{
background: #404590;
color: #fff;
}
.popular-news-option{
overflow: hidden;
padding-top: 32px;
}
.popular-news-option li{
border-bottom: 1px solid #dee1e4;
padding: 20px 0;
overflow: hidden;
}
.popular-news-option li:first-child{
padding-top: 0;
}
.popular-news-option li:last-child{
border-bottom: none;
padding-bottom: 0;
}
.popular-news-img{
float: left;
margin-top: 4px;
margin-right: 20px;
}
.popular-news-contant{
display: table;
}
.popular-news-contant h5 a{
font-weight: 600;
color: #000;
line-height: 24px;
}
.popular-news-contant p{
font-size: 14px;
}
.popular-news-option li:hover .popular-news-contant h5 a{
color: #404590;
}
.popular-news-description *{
list-style: none !important;
display: inline-block !important;
}
.popular-news-description * + *{
margin-left: 6px;
}
.gallery-instagram{
overflow: hidden;
padding-top: 23px;
}
.gallery-instagram a{
float: left;
margin: 2px 2px;
}
.tag-cloud{
margin-top: 30px;
}
.tag-cloud .btn{
font-size: 14px;
font-weight: 600;
color: #696969;
text-transform: uppercase;
border: 1px solid #dee1e4;
padding: 9px 20px;
border-radius: 0;
margin: 0px 3px 10px 0;
}
.tag-cloud .btn:hover{
background: #404590;
color: #fff;
border: 1px solid #404590;
}
/*===================================================== Start Blog Style 02 ================================*/
.boxed{
max-width: 1230px;
width: 100%;
margin: 0 auto;
box-shadow: 0 0 10px 2px #e8e8e8;
}
.boxed .menu-right-option{
display: inline-block;
}
.boxed .menu-right-option .cart-icon{
transform: translateY(8px);
}
.bg-blog-style-2{
padding: 120px 0 92px 0;
}
.blog-style-2 .blog-items{
margin-bottom: 40px;
}
.blog-style-2 .blog-content {
padding: 31px 20px 0px 18px;
}
.blog-style-2 .blog-content-box{
padding-bottom: 23px;
}
.blog-style-2 .blog-content p {
padding: 10px 0 13px 0;
}
.blog-style-2 .blog-content>a{
font-size: 14px;
font-weight: 600;
color: #404590;
text-transform: uppercase;
}
.blog-style-2 .pagination-option{
padding-top: 25px;
text-align: left;
}
/*================================================ Start Single Blog ==================================*/
.bg-single-blog,
.bg-single-campaign{
padding: 120px 0 135px 0;
}
.single-blog .blog-content{
padding: 31px 30px 25px 30px;
}
.single-blog .blog-items:hover {
box-shadow: none;
}
.single-blog .meta-box{
border-top: none;
border-bottom: 1px solid #dee1e4;
overflow: hidden;
padding: 4.5px 30px;
}
.single-blog .meta-post{
float: right;
padding: 9px 0 5px 0;
}
.single-blog .blog-content h4{
font-size: 30px;
padding-bottom: 10px;
}
.single-blog{}
.quate-para{
position: relative;
font-weight: 600;
color: #404590;
font-style: italic;
padding: 0 30px;
margin: 20px 0;
}
.quate-para:before{
position: absolute;
font-family: FontAwesome;
content: "\f10d";
top: 0;
left: 0;
}
.quate-para:after{
position: absolute;
font-family: FontAwesome;
content: "\f10e";
bottom: 0;
right: 23%;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.quate-para p:before{
position: absolute;
}
.single-blog-bottom{
border-top:1px solid #dee1e4;
overflow: hidden;
}
.single-blog-bottom{
padding: 10px 28px;
}
.single-blog-bottom .tags{
float: left;
}
.single-blog-bottom .tags{
padding: 6px 0;
}
.single-blog-bottom .tags li{
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #000;
text-transform: uppercase;
padding: 0 8px;
}
.single-blog-bottom .tags li:after{
position: absolute;
content: "";
width: 8px;
height: 2px;
background: #696969;
top: 12px;
right: -6px;
}
.single-blog-bottom .tags li:first-child{
padding-left: 0;
padding-right: 0;
}
.single-blog-bottom .tags li:last-child{
padding-right: 0;
}
.single-blog-bottom .tags li:first-child:after,
.single-blog-bottom .tags li:last-child:after{
display: none;
}
.single-blog-bottom .tags li .fa{
color: #404590;
-webkit-transform: rotate(110deg);
transform: rotate(110deg);
margin-right: 3px;
}
.single-blog-bottom .tags li a{
font-size: 14px;
font-weight: 500;
color: #696969;
text-transform: capitalize;
}
.single-blog-bottom .tags li a:hover{
color: #404590;
}
.comments-option{}
.comments-title{
padding: 0 0 18px 0;
}
.comments-items{
border-bottom: 1px solid #dee1e4;
padding: 26px 0;
}
.comments-option .comments-items:last-child {
border-bottom: none;
padding-bottom: 0;
}
.comments-items:nth-child(3){
margin-left: 90px;
}
.comments-image{
float: left;
width: 80px;
height: 80px;
background: #ddd;
border-radius: 100%;
overflow: hidden;
margin-right: 12px;
}
.comments-content{
display: table;
}
.comments-author-title{
overflow: hidden;
padding-bottom: 5px;
}
.comments-author-name{
float: left;
}
.comments-author-name h4{
font-size: 18px;
}
.comments-author-name h4 a{
font-size: 18px;
}
.comments-items:hover .comments-author-name h4 a,
.reply-icon h6 a:hover{
color: #404590;
}
.comments-author-name h4 small{
font-size: 15px;
color: #696969;
}
.reply-icon{
float: right;
}
.reply-icon h6 a{
font-size: 14px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
border-bottom: 2px solid #a3a3a3;
padding-bottom: 1px;
}
.reply-icon h6 .fa{
color: #404590;
padding-right: 10px;
}
.comments-form{
padding-top: 60px;
}
.comments-form .form-control{
height: 44px;
line-height: 35px;
border: 1px solid #dee1e4;
border-radius: 3px;
padding-left: 20px;
box-shadow: none;
}
.comments-form .form-control:focus{
border: 1px solid #404590;
box-shadow: none;
}
.comments-form .comments-title{
margin-bottom: 28px;
}
.comments-form .comments-textarea{
height: 200px;
margin-top: 16px;
}
.comments-form .btn-default{
background: #404590;
padding: 13px 23px;
color: #fff;
margin-top: 40px;
}
.comments-form .btn-default:before,
.comments-form .btn-default:after{
background: #fff;
}
.comments-form .btn-default:hover,
.comments-form .btn-default:focus,
.comments-form .btn-default.focus,
.comments-form .btn-default:active{
color: #404590;
}
.comments-form .btn-default:hover:before {
left: -18%;
}
.btn-default:hover:after {
right: -18%;
}
/*==================================================== Start Campaign Section ===============================*/
.bg-campaing-section{
padding: 118px 0 100px 0;
}
/*==================================================== Start Single Campaign Section ===============================*/
.campaign-single{}
.campaign-single .price-title{
}
.campaign-single .blog-content {
padding: 26px 30px 25px 30px;
}
.campaign-single .progress{
border-radius: 30px;
padding: 2px 0 1px 2px;
background: transparent;
border: 1px solid #404590;
margin: 12px 0 22px 0;
}
.campaign-single .progress-bar{
border-radius: 30px;
}
/*================================================== Start Box Style ====================================*/
.home-box-style .logo-option{
text-align: center;
padding: 24px 0;
}
.home-box-style .bg-main-menu{
border-top: 1px solid #dee1e4;
}
.home-box-style .navbar-brand{
display: none;
}
.home-box-style .main-menu .nav>li>a{
padding: 20.5px 17px;
}
.home-box-style .cart-option {
padding: 12px 22px 12px 22px;
}
.home-box-style .search-box{
margin: 6px 0 6px 0;
}
.home-box-style .sub-menu {
top: 100px;
}
.home-box-style .main-menu .nav>.dropdown:hover ul.sub-menu {
top: 65px;
}
.home-box-style .cart-option:hover .cart-dropdown-menu {
top: 65px;
}
.boxed .slider-content{
max-width: 750px;
width: 100%;
margin: 0 auto;
}
.boxed .slider-content h3{
font-size: 30px;
}
.boxed .slider-content h2{
font-size: 60px;
}
.boxed .slider-content p{
font-size: 16px;
font-weight: 400;
line-height: 1.7;
color: #fff;
text-transform: none;
padding: 12px 0;
}
.bg-homebox-video {
background: url(../../assets/images/home01/bg-home-box-video-img.jpg) no-repeat fixed;
background-size: cover;
background-position: 48% 100%;
}
/*============================================ Start Home One Page ================================*/
.bg-contact-home{
padding-bottom: 138px;
}
.bg-contact-home .contact-form {
margin-top: 0;
}
.bg-contact-home .contact-form .btn-default {
margin-top: 10px;
}
.bg-contact-home #map{
width: 100%;
height: 400px;
}
.navbar-nav > .active a{
color: #404590;
}
/*================================================= Start Shop Option ================================*/
.bg-shop-section{
padding: 120px 0;
}
.shop-option{}
.shop-results-box{
border: 1px solid #dee1e4;
padding: 15px 20px;
overflow: hidden;
}
.results-number{
float: left;
}
.results-number p{
font-size: 16px;
}
.results-number p span{
color: #404590;
}
.results-icon{
float: right;
}
.results-icon .fa{
color: #696969;
padding-right: 3px;
}
.results-icon .fa:hover{
color: #404590;
}
.shop-collection{
margin-top: 30px;
}
.shop-collection{}
.shop-sidebar{
padding: 0 18px 55px 18px;
}
.shop-widget-title{
margin: 40px 0 18px 0;
}
.shop-widget-content .sidebar-form {
padding-top: 20px;
}
.shop-widget-content .form-group{
position: relative;
}
.shop-widget-content .panel-group .panel{
border: none;
border-radius: 0;
box-shadow: none;
margin: 0;
border-bottom: 1px solid #f7f7f7;
}
.shop-widget-content .panel-group .panel-default>.panel-heading{
background-color: transparent;
padding: 10px 0px;
border: none;
}
.shop-widget-content #headingSeven{
border-bottom: none;
}
.shop-widget-content .panel-group .panel-title a{
color: #404590;
font-size: 14px;
line-height: 25px;
width: 100%;
}
.shop-widget-content .panel-group .panel-title .collapsed{
color: #696969;
}
.shop-widget-content .panel-group .panel-title:hover .collapsed{
color: #404590;
}
.shop-widget-content .panel-group .panel-title span{
display: inline-block;
float: right;
width: 30px;
height: 30px;
border: 1px solid #404590;
background: #404590;
color: #fff;
border-radius: 100%;
line-height: 31px;
text-align: center;
font-size: 10px;
font-weight: 700;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
padding: 0px 9px;
}
.shop-widget-content .panel-group .panel-title .plus{
display: none;
}
.shop-widget-content .panel-group .panel-title .collapsed .minus{
display: none;
}
.shop-widget-content .panel-group .panel-title .collapsed .plus{
display: block;
background: transparent;
color: #696969;
border: 1px solid #fafafa;
}
.shop-widget-content .panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body{
border: none;
padding: 0 0 10px 0;
}
.shop-widget-content .panel-group .panel+.panel{
margin: 0px;
}
.shop-widget-content .panel-group .panel-body{
padding: 0;
}
.shop-widget-content .panel-group .panel-body ul > li{
display: block;
}
.shop-widget-content .panel-group .panel-body ul > li > a{
display: block;
color: #696969;
font-size: 14px;
line-height: 25px;
font-weight: 500;
padding: 2px 0;
}
.shop-widget-content .panel-group .panel-body ul > li > a .fa{
font-size: 16px;
padding: 0 3px 0 1px;
}
.shop-widget-content .panel-group .panel-body ul > li > a:hover{
color: #404590;
}
.small-product-items{
border-bottom: 1px solid #f7f7f7;
padding: 20px 0;
overflow: hidden;
}
.small-product-img{
float: left;
margin-right: 14px;
}
.small-product-content{
display: table;
}
.small-product-content h5{
margin-bottom: 2px;
}
.small-product-content h5 a,
.small-product-content p{
font-size: 16px;
font-weight: 600;
color: #696969;
}
.small-product-items:first-of-type{
padding-top: 13px;
}
.small-product-items:last-of-type{
padding-bottom: 0;
border-bottom: none;
}
.small-product-items:hover .small-product-content h5 a{
color: #404590;
}
.shop-widget-content .nstSlider{
width: 100%;
height: 10px;
background: transparent;
border: 1px solid #f7f7f7;
margin-top: 28px;
}
.shop-widget-content .nstSlider .bar{
background: #404590;
top: 0;
}
.shop-widget-content .nstSlider .rightGrip,
.shop-widget-content .nstSlider .leftGrip{
width: 6px;
height: 15px;
background: #000;
top: -4px;
}
.price-rang{
margin-top: 34px;
}
.price,
.low-price span,
.high-price span{
display: inline-block;
float: left;
font-weight: 600;
}
.price-rang .price{
font-weight: 600;
color: #696969;
text-transform: uppercase;
margin: 3px 6px 0 0;
}
.price-rang span{
font-size: 14px;
color: #404590;
}
.low-price{
position: relative;
top: 3px;
}
.low-price:after{
font-family: fontAwesome;
position: absolute;
content: "\f068";
top: 3px;
padding: 0 6px;
font-size: 10px;
}
.high-price{
display: inline-block;
margin: 3px 0 0 19px;
}
.price-rang .filter-btn{
float: right;
}
.filter-btn{
font-size: 12px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
background: #404590;
border: 1px solid #404590;
padding: 3.5px 10px;
border-radius: 3px;
}
.filter-btn:hover{
background: #fff;
color: #404590;
}
/*====================================== Start Single Shop =========================================*/
/*======================
Start Flex Slider
==================================*/
.flexslider{
margin: 0 0 20px;
border: none;
}
#carousel {
padding: 0 35px;
}
.flex-direction-nav a{
width: 26px;
height: 66px;
background: #404590;
padding: 5px 0;
outline: none;
}
.flex-direction-nav a:hover{
background: #cbe0c3;
}
.flex-direction-nav a:before {
font-family: FontAwesome;
font-size: 28px;
content: "\f104";
color: #fff;
padding-left: 7px;
}
.flex-direction-nav a:hover:before{
color: #000;
}
.flex-direction-nav a.flex-next:before {
content: "\f105";
padding-right: 7px;
}
.flex-direction-nav .flex-prev {
left: 0px;
opacity: 1;
}
.flex-direction-nav .flex-next {
right: 0px;
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 1;
left: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: 0;
}
.flex-direction-nav .flex-disabled {
opacity: 1!important;
z-index: 1;
cursor: pointer;
}
#carousel .flex-direction-nav a {
height: 100%;
top: 20px;
outline: none;
border-radius: 0 2px 2px 0;
padding: 16px 0;
overflow: hidden;
}
#carousel .slides li{
cursor: pointer;
}
#carousel .flex-active-slide{
border: 1px solid #dee1e4;
opacity: 0.5;
}
/*======================
End Flex Slider
==================================*/
/*======================
19 Start Team Members css
==================================*/
.team-sec .team-box {
box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
padding: 30px;
margin: 20px 0;
overflow: hidden;
position: relative;
border-radius: 50px;
background: #f9f9f9;
}
.team-sec .odd .team-img {
display: inline-block;
border-radius: 50%;
overflow: hidden;
position: absolute;
left: 20px;
}
.team-sec .even .team-img {
display: inline-block;
border-radius: 50%;
overflow: hidden;
position: relative;
float: right;
left: 10px;
}
.team-sec .team-box .team-img img {
width: 200px;
height: 200px;
}
.team-sec .team-box h3 {
font-size: 20px;
font-weight: 700;
color: #04bbff;
text-align: left;
}
.team-sec .team-box .team-designation {
font-size: 16px;
font-weight: 600;
color: #292525;
line-height: 24px;
}
.team-sec .team-desc p {
text-align: justify;
line-height: initial;
}
.team-sec .odd .team-desc {
font-size: 15px;
color: #292525;
line-height: 24px;
margin-bottom: 15px;
margin-left: 200px;
min-height: 180px;
}
.team-sec .even .team-desc {
font-size: 15px;
color: #292525;
line-height: 24px;
margin-bottom: 15px;
margin-right: 215px;
text-align: right;
min-height: 180px;
}
.team-sec .even h3,
.team-sec .even .team-designation {
text-align: right;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
.odd .team-img {
left: 0;
margin-top: 10px;
margin-left: 10px !important;
position: relative;
top: 0;
}
.odd .team-desc ,
.even .team-desc {
margin-left: auto;
margin-right: auto;
}
.even .team-img {
float: none;
}
.even h3,
.even .team-designation {
text-align: center;
}
}
/*======================
End Team Members css
==================================*/
.about-product-datails{}
.about-product-datails h3{
font-size: 30px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
}
.about-product-datails h4{
font-size: 30px;
color: #404590;
padding: 3px 0 5px 0;
}
.about-product-datails{}
.about-product-datails{}
.about-product-datails{}
.select-option{
margin-top: 18px;
overflow: hidden;
}
.select-box{
position: relative;
float: left;
margin: 0 28px 0 0;
}
.select-box select{
padding: 7px 70px 7px 20px;
border: 1px solid #f7f7f7;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border-radius: 3px;
outline: 0;
z-index: 1;
}
.select-icon{
position: absolute;
top: 0;
right: 0;
padding: 5px 14px 1px 14px;
font-size: 20px;
background: #404590;
color: #fff;
border-top-right-radius: 6px;
border-bottom-right-radius: 3px;
z-index: -1;
}
.product-counter-option{
margin-top: 18px;
overflow: hidden;
}
.product-count input{
background: transparent;
width: 40px;
height: 40px;
line-height: 42px;
padding: 0;
margin: 0;
outline: none;
float: left;
border: 1px solid #f7f7f7;
color: #404590;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.product-count input[type="text"]{
width: 55px;
font-size: 14px;
font-weight: 700;
padding-left: 23px;
outline: none;
}
.product-count input:first-child{
border-right: 0;
border-radius: 3px 0 0px 3px;
}
.product-count input:last-child{
border-left: 0;
border-radius: 0 3px 3px 0;
}
.product-count input[type="submit"]:hover {
background: #404590;
color: #ffffff;
}
.add-cart-btn{
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #fff;
padding: 12px 143.5px;
background: #404590;
border: 2px solid #404590;
margin-top: 18px;
}
.add-cart-btn:hover{
background: #fff;
color: #404590;
}
/*============= Start Customer review Tabs ==========*/
.product-review{
margin-top: 70px;
}
.product-review .nav-tabs {
border-bottom: 4px solid #f7f7f7;
margin-bottom: 38px;
}
.product-review>.nav-tabs>li{
margin-right: 40px;
margin-bottom: -4px;
padding-bottom: 4px;
}
.product-review>.nav-tabs>li a {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
padding: 10px 0;
border: none;
}
.product-review>.nav-tabs>li a:first-child{
padding-left: 0;
}
.product-review .nav .open>a,
.product-review .nav .open>a:focus,
.product-review .nav .open>a:hover,
.product-review .nav>li>a:focus,
.product-review .nav>li>a:hover {
background-color: transparent;
}
.product-review>.nav-tabs>li.active>a,
.product-review>.nav-tabs>li.active>a:focus,
.product-review>.nav-tabs>li.active>a:hover {
color: #404590;
cursor: default;
border: none;
}
.product-review>.nav-tabs>li.active{
border-bottom: 4px solid #404590;
}
.description-title{
margin-bottom: 30px;
}
.desc-content{
border: 1px solid #f7f7f7;
padding: 30px;
}
.costomer-review-items{}
.costomer-review-items{
border-bottom: 1px solid #dee1e4;
padding: 30px 0;
}
.costomer-review-items:first-of-type{
padding-top: 0;
}
.costomer-review-items:last-of-type{
padding-bottom: 0;
border-bottom: none;
}
.customer-img{
float: left;
width: 80px;
height: 80px;
background: #ddd;
border-radius: 100%;
overflow: hidden;
margin-right: 14px;
}
.customer-content{
display: table;
}
.customer-title{
overflow: hidden;
padding-bottom: 4px;
}
.customer-name{
float: left;
}
.customer-name h4 a{
font-size: 16px;
font-weight: 600;
}
.customer-name h4 small{
font-size: 14px;
color: #696969;
padding-left: 6px;
}
.rating{
float: right;
}
.costomer-review-items:hover .customer-name h4 a{
color: #404590;
}
.review-submit {
margin-top: 68px;
}
.review-submit-title{
position: relative;
border-bottom: 4px solid #fafafa;
padding-bottom: 30px;
margin-bottom: 28px;
}
.review-submit-title:after{
position: absolute;
content: "";
width: 100px;
height: 4px;
background: #404590;
bottom: -4px;
left: 0;
}
.review-submit .form-control{
border-radius: 0;
border: 1px solid #dee1e4;
height: 46px;
padding: 20px;
box-shadow: none;
}
.review-submit .form-control:focus{
border: 1px solid #404590;
}
.review-submit .star-icon{
margin-top: 10px;
}
.review-submit .star-icon li{
font-size: 14px;
font-weight: 400;
color: #696969;
}
.review-submit .star-icon li:first-child{
padding-right: 6px;
}
.review-submit textarea{
height: 130px!important;
}
.review-submit .form-group{
margin-bottom: 30px;
}
.review-submit .btn-default{
background: #404590;
color: #fff;
padding: 13px 26.5px;
border: 2px solid #404590;
margin-top: 40px;
}
.review-submit .btn-default:before,
.review-submit .btn-default:after{
background: #fff;
}
.review-submit .btn-default:hover,
.review-submit .btn-default:focus,
.review-submit .btn-default.focus,
.review-submit .btn-default:active{
color: #404590;
}
.review-submit .btn-default:hover:before {
left: -18%;
}
.review-submit .btn-default:hover:after {
right: -15%;
}
/*============================================== Start Cart Products Css =================================*/
.bg-product-cart-option {
padding: 128px 0 134px 0;
}
.cart-products-table {
width: 100%;
}
.cart-products-table>thead {
font-size: 18px;
color: #ffffff;
background: #404590;
text-transform: uppercase;
}
.cart-product{
width: 40%;
}
.cart-price{
width: 15%;
}
.cart-quantity{
width: 25%
}
.cart-total{
width: 15%;
}
.cart-edit{
width: 5%;
}
.cart-products-table>thead>tr>th{
padding: 14.5px 0;
}
.cart-products-table>thead>tr>th.cart-product {
padding-left: 40px;
}
.cart-products-table>thead>tr>th.cart-quantity {
padding-left: 20px;
}
.cart-products-table>tbody>tr>td.cart-product {
padding-left: 30px;
}
.cart-products-table>tbody>tr>td.cart-edit{
padding-left: 20px;
}
.cart-products-table>tbody>tr>td.cart-edit a{
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
background: #000;
color: #fff;
font-size: 12px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cart-products-table>tbody>tr>td.cart-edit a:hover{
background: #404590;
color: #fff;
}
.cart-products-table>tbody>tr>td {
font-size: 18px;
font-weight: 600;
color: #000000;
padding: 30px 0;
}
.cart-products-table>tbody>tr {
border-bottom: 1px solid #dee1e4;
border-left: 1px solid #dee1e4;
border-right: 1px solid #dee1e4;
}
.product-cart-img {
float: left;
margin-right: 37px;
}
.product-cart-title {
float: left;
padding-top: 30px;
}
.product-cart-title h4 a {
font-size: 18px;
font-weight: 600;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.product-cart-title h4 a:hover{
color: #404590;
}
.cart-quantity .product-count input {
color: #000;
font-weight: 600;
}
.cart-checked-box{
margin: 80px 0 90px 0;
border: 1px solid #f1f1f1;
padding: 30px;
overflow: hidden;
}
.cart-coupon-code{
float: left;
}
.cart-coupon-code input[type="text"],
.cart-coupon-code input[type="submit"]{
border: 1px solid #dee1e4;
width: auto;
margin: 0;
padding: 8.5px 0px 8.5px 15px;
font-size: 14px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cart-coupon-code input[type="submit"],
.cart-update button{
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
background: #000;
padding: 13px 12.5px;
margin-left: -5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cart-update{
float: right;
}
.cart-update button{
padding: 14px 33px;
margin: 0;
border-radius: 3px;
}
.cart-coupon-code input[type="submit"]:hover,
.cart-update button:hover{
background: #404590;
color: #fff;
}
.cart-update button:last-child{
padding: 14px 21.3px;
margin-left: 19px;
}
.chipping-box h4{
margin-bottom: 30px;
}
.country-select{
position: relative;
}
.chipping-box select{
width: 100%;
height: 47px;
font-size: 14px;
color: #707070;
background: transparent;
border: 1px solid #dee1e4;
padding: 2px 0 0 20px;
margin-bottom: 20px;
outline: 0;
-webkit-appearance: none;
appearance: none;
z-index: 1;
}
.country-select .select-icon{
z-index: -1;
}
.shipping-form .form-control{
height: 40px;
border: 1px solid #dee1e4;
padding-left: 20px;
box-shadow: none;
}
.shipping-form .form-control:focus{
border: 1px solid #404590;
}
.shipping-form .btn-default{
background: #404590;
color: #fff;
padding: 8px 28px;
margin-top: 5px;
}
.shipping-form .btn-default:hover:before,
.page-error-option .btn-default:hover:before {
left: -15%;
}
.shipping-form .btn-default:hover:after,
.page-error-option .btn-default:hover:after {
right: -16%;
}
.shipping-form .btn-default:hover:before,
.shipping-form .btn-default:hover:after,
.page-error-option .btn-default:before,
.page-error-option .btn-default:after {
background: #fff;
}
.shipping-form .btn-default:hover,
.shipping-form .btn-default:focus,
.shipping-form .btn-default.focus,
.shipping-form .btn-default:active,
.page-error-option .btn-default:hover,
.page-error-option .btn-default:focus,
.page-error-option .btn-default.focus,
.page-error-option .btn-default:active{
color: #404590;
}
.total-cart li{
font-size: 14px;
color: #696969;
border: 1px solid #dee1e4;
text-transform: capitalize;
padding: 8px 20px;
margin: 20px 0;
}
.total-cart li span{
float: right;
color: #404590;
font-weight: 600;
}
.total-cart li:first-child{
margin-top: 0;
}
.total-cart li:last-child{
margin-bottom: 0;
}
/*========================================= Start 404 Page ====================================*/
.page-error-option{
text-align: center;
padding: 150px 0 200px 0;
}
.page-error-option img{
display: inline-block;
margin-bottom: 37px;
}
.page-error-option h2{
color: #010101;
line-height: 36px;
text-transform: uppercase;
}
.page-error-option h2 span{
color: #404590;
}
.page-error-option p{
font-size: 18px;
color: #010101;
}
.page-error-option .btn-default{
padding: 13px 38px;
background: #404590;
color: #fff;
margin-top: 25px;
}
/*==================================== Single Donate Css ================================*/
.bg-donate-section{
padding: 120px 0;
}
.donate-form{}
.select-amount h3,
.information-form h3,
.paymeny-information h3 {
font-size: 20px;
color: #000;
margin-bottom: 30px;
text-transform: uppercase;
}
.radio-select input[type="radio"] {
display: none;
}
.radio-select {
position: relative;
float: left;
margin-right: 10px;
margin-bottom: 5px;
line-height: 30px;
}
.radio-select label {
position: relative;
display: block;
background: transparent;
border: 1px solid #404590;
border-radius: 5px;
padding: 8px 20px;
text-align: center;
color: #404590;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
}
.radio-select input[type="radio"]:checked+label {
background: #404590;
color: #ffffff;
}
.other-amount {
margin-top: 52px;
}
.information-form,
.paymeny-information{
margin-top: 60px;
}
.information-form label,
.paymeny-information label{
font-size: 18px;
font-weight: 600;
color: #000;
}
.information-form label span,
.paymeny-information label span{
color: #404590;
}
.paymeny-information{}
.paymeny-card{
overflow: hidden;
margin-bottom: 20px;
}
.paymeny-card li{
display: inline-block;
margin-right: 6px;
}
.paymeny-card li img{
border: 1px solid #dee1e4;
}
.paymeny-information .select-option{
margin-top: 3px;
}
.paymeny-information .select-box select{
padding: 7px 90px 7px 40px;
border-radius: 0;
}
.paymeny-information .select-box .select-icon{
border-radius: 0;
padding: 4px 14px 1px 14px;
}
.donate-form .contact-form .btn-default{
margin-top: 14px;
}
.search_box .search-box .second_click {
display: block !important;
}
.search_box .search-box .first_click {
display: none !important;
}
/**/
/*bootstap overrides for nav-bar links*/
@media (max-width: 600px){
.upcoming-trainings .item .card {
min-height: 435px;
}
/* changes as per doc on 24-06-2020 by Anil */
.section-header h2 ,
.about-greenforest-content h2,
.qci-boards-section h2{
font-size: 22px;
line-height: inherit;
}
.upcoming-trainings .item .card {
min-height: 300px;
}
.upcoming-trainings .item .card .card-img-top {
height: 100px;
}
}
.benefits-to-msmes
{
-webkit-animation: glowing 1000ms infinite;
-moz-animation: glowing 1000ms infinite;
-o-animation: glowing 1000ms infinite;
animation: glowing 1000ms infinite;
}
@-webkit-keyframes glowing {
0% { background-color: #228B22; box-shadow: #228B22; }
50% { background-color:#006400; box-shadow:#006400; }
100% { background-color: #228B22; box-shadow: #228B22; }
}
@-moz-keyframes glowing {
0% { background-color: #228B22; box-shadow: #228B22; }
50% { background-color:#006400; box-shadow:#006400; }
100% { background-color: #228B22; box-shadow: #228B22; }
}
@-o-keyframes glowing {
0% { background-color: #228B22; box-shadow: #228B22; }
50% { background-color:#006400; box-shadow:#006400; }
100% { background-color: #228B22; box-shadow: #228B22; }
}
@keyframes glowing {
0% { background-color: #228B22; box-shadow: #228B22; }
50% { background-color:#006400; box-shadow:#006400; }
100% { background-color: #228B22; box-shadow: #228B22; }
}
.qci-boards-section {
padding: 15px 0px;
}
.qci-new-box {
padding: 2rem;
}
.qci-new-box h5 {
color: #555555;
font-size: 18px;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 600;
}
.qci-boards{
display: flex;
flex-direction: row;
}
.qci-boards:before, .qci-boards:after{
content: "";
flex: 1 1;
border-bottom: 1px solid #000;
margin: auto;
}
.qci-boards:before {
margin-right: 10px
}
.qci-boards:after {
margin-left: 10px
}
/* owl carousel css */
.main-content {
position: relative;
}
.main-content .owl-theme .custom-nav {
position: absolute;
top: 40%;
left: 0;
right: 0;
}
.main-content .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next {
position: absolute;
color: inherit;
background: #2727285c;
border: none;
z-index: 10;
width: 50px;
height: 50px;
border-radius: 100%;
}
.main-content .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i {
font-size: 2.5rem;
color: #cecece;
}
.main-content .owl-theme .owl-nav [class*=owl-]:hover{
background: #404590;
}
.main-content .owl-theme .custom-nav .owl-prev {
left: 0;
}
.main-content .owl-theme .custom-nav .owl-next {
right: 0;
}
/* owl carousel css */
.testimonial-container {
position: relative;
}
.testimonial-container .owl-theme .test-nav {
position: absolute;
top: 40%;
left: 0;
right: 0;
}
.testimonial-container .owl-theme .test-nav .owl-prev, .testimonial-container .owl-theme .test-nav .owl-next {
position: absolute;
color: inherit;
background: #2727285c;
border: none;
z-index: 10;
width: 50px;
height: 50px;
border-radius: 100%;
}
.testimonial-container .owl-theme .custom-nav .owl-prev i, .testimonial-container .owl-theme .test-nav .owl-next i {
font-size: 2.5rem;
color: #cecece;
}
.testimonial-container .owl-theme .owl-nav [class*=owl-]:hover{
background: #404590;
}
.testimonial-container .owl-theme .test-nav .owl-prev {
left: 0;
}
.testimonial-container .owl-theme .test-nav .owl-next {
right: 0;
}
.btn-primary {
color: #fff;
background-color: #404590;
border-color: #404590;
}
/* dashboard css */
.dashboard{
background:#F5F7FA;
min-height: 600px;
}
.dashboard .container {
width: 90%;
}
.overflow-table {
display: block;
overflow: auto;
width: 100%;
}
.dashboard .dash-section .dash-anchor{
border: 1px solid transparent;
background: #fff;
align-items: center;
min-height: 130px;
display: flex;
margin: 15px 0;
transition: 1.0s ease;
border-radius: 8px;
/* box-shadow: 0 10px 40px 0 rgb(62 57 107 / 5%), 0 2px 9px 0 rgb(62 57 107 / 4%); */
/* border: 1px solid rgba(0,0,0,.06); */
}
.dash-item {
padding: 15px;
}
.dashboard .dash-section .dash-anchor .dash-item .item-img img{
width:80px;
}
/* .dashboard .dash-section a:hover .dash-item .item-img img{
background: #F5F7FA;
border: 1px solid #ddd;
} */
.dashboard .dash-section .dash-anchor:hover{
border: 1px solid #ccc;
box-shadow: 0 20px 60px 0 rgb(62 57 107 / 7%), 0 2px 9px 0 rgb(62 57 107 / 6%);
}
.dashboard .dash-section .dash-anchor h4{
font-weight:500;
font-size:2.5rem;
}
/* .dashboard .dash-section a:hover h4,
.dashboard .dash-section a:hover p{
color:#fff;
} */
.btn-pdf-view{
color: #fff !important;
background-color: #404590 !important;
border-color: #404590 !important;
box-shadow:none !important;
padding: 1px 5px !important;
align-items: center !important;
min-height: 0px !important;
display: inline-block !important;
margin: 0 !important;
transition: 1.0s ease !important;
border-radius: 3px !important;
padding: 1px 5px !important;
font-size: 12px !important;
line-height: 1.5 !important;
font-family: 'Poppins', sans-serif !important;
letter-spacing: 0.046875em !important;
text-transform: uppercase !important;
}
.dashboard .dash-section .dashboard-bg{
/* background: #fff; */
padding: 15px;
border-radius: 8px;
}
.benificiary-dashboard .table-submit{
display: flex;
align-items: center;
}
.benificiary-dashboard .table-submit button{
margin-left: 15px;
}
.benificiary-dashboard .table-submit button.disabled{
margin-left: initial;
}
.dashboard.benificiary-dashboard .dash-section a.read-only{
padding: 5px 0px;
min-height: auto;
pointer-events: none;
border-radius: 8px;
}
.dashboard.benificiary-dashboard .dash-section a:hover.read-only{
pointer-events: none;
}
.welcome-text{
padding: 15px 0;
}
.welcome-text h4 span:first-child{
font-size: 22px;
text-transform: uppercase;
}
.welcome-text h4 span:last-child{
color: #38ae00;
font-weight: 600;
}
.dashboard .unit-status {
display: flex;
align-items: center;
justify-content: space-between;
background:#38ae00;
border-radius: 8px;
padding: 8px;
}
.dashboard .unit-status .unit-status-image{
display: flex;
align-items: center;
background: #fff;
border-radius: 4px;
padding: 2px;
}
.dashboard .unit-status .unit-status-image img{
width: 35px;
margin-right: 5px;
}
.dashboard .unit-status h6{
color: #fff;
font-size: 18px;
margin-top: 5px;
}
.pagination-bee{
margin: 0;
float: right;
}
.pagination-bee .pagination{
margin: 0;
}
.dashboard .dash-section a.page-link{
min-height: auto;
padding: 6px 12px;
border: 1px solid #ddd;
border-radius: 0px;
box-shadow: none
}
/* .willingform-section */
.form2 .willingform-section{
margin: 20px auto;
padding-bottom: 30px;
}
.willingform-section .form-control{
padding-left:8px;
}
.form2 table .form-control:focus{
box-shadow:none;
}
.willingform-section .section-a,
.willingform-section .section-b,
.willingform-section .section-c{
border: 1px solid #f5f7fa;
margin: 10px auto;
padding: 10px;
background: #fff;
}
.willingform-section .section-a h4,
.willingform-section .section-b h4,
.willingform-section .section-c h4{
margin: 15px 0;
}
.willingform-section .section-a p,
.willingform-section .section-b p,
.willingform-section .section-c p{
margin-bottom: 10px;
}
.willingform-section hr {
margin-top: 20px;
margin-bottom: 20px;
}
.from-area{
background: #f5f5f5;
padding: 10px;
margin-bottom: 12px;
}
.dashboard-bg .text-danger{
color: red;
font-weight: 600;
}
.dashboard-bg .text-ok{
color: green;
font-weight: 600;
}
.dashboard-bg .table tbody tr td{
background: #ffffff;
}
.form2 .willingform-section{
margin: 0px auto;
padding-bottom: 30px;
}
.willingform-section .form-control{
padding-left:8px;
}
.form2 table .form-control:focus{
box-shadow:none;
}
.willingform-section .section-a,
.willingform-section .section-b,
.willingform-section .section-c{
border: 1px solid #f5f7fa;
margin: 10px auto;
padding: 10px;
border-radius:8px;
background: #fff;
}
.willingform-section .section-a h4,
.willingform-section .section-b h4,
.willingform-section .section-c h4{
margin: 15px 0;
}
.willingform-section .section-a p,
.willingform-section .section-b p,
.willingform-section .section-c p{
margin-bottom: 10px;
color: #404590;
font-weight: 400;
font-size: 14px;
letter-spacing: 0;
}
.willingform-section hr {
margin-top: 20px;
margin-bottom: 20px;
}
.from-area{
background: #f5f5f5;
padding: 15px;
margin-bottom: 12px;
border-radius:8px;
overflow: hidden;
}
.contact-title i{
color:#38AE00;
}
.dashboard .nav-tabs>li>a.active{
color: #fff;
background-color: #38ae00;
}
/* owl carousel css */
@media only screen and (max-width: 600px) {
.date-box{
width:30% !important;
}
.our-services-items {
position: relative;
height: 481px;
text-align: center;
padding: 8px 22px 18px 22px;
border: 1px solid transparent;
}
}
@media screen and (max-width: 1200px) {
.h-contact li {
padding: 0px 3px;
}
}
.carousel-control .glyphicon-chevron-right {
top: 43%;
right: 43%;
}
.carousel-control .glyphicon-chevron-left {
top: 43%;
left: 43%;
}
img {
vertical-align: middle;
border-style: none;
}
img {
max-width: 100%;
}
.header-brand-img {
height: 2rem;
line-height: 2rem;
vertical-align: middle;
width: auto;
}
@media (max-width: 767px) {
.header-brand-img {
left: 0;
right: 0;
margin: 0 auto;
}
}
.side-header {
border-bottom: 1px solid #eaedf1;
border-right: 1px solid #eaedf1;
}
.app-sidebar {
border-right: 1px solid #eaedf1;
}
@media (max-width: 991.98px) {
.side-header {
display: none !important;
}
}
@media (min-width: 992px) {
.main-sidemenu .slide-right {
right: 20px;
}
.main-sidemenu .slide-left,
.main-sidemenu .slide-right {
position: absolute;
top: 12px;
padding: 6px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
cursor: pointer;
border: 1px solid #eaedf1;
border-radius: 50px;
}
.main-sidemenu .slide-left {
left: 23px;
}
}
.app.sidebar-mini .main-sidemenu .slide-left,
.app.sidebar-mini .main-sidemenu .slide-right {
display: none;
}
svg {
-ms-touch-action: none;
touch-action: none;
width: 20px;
}
:placeholder {
color: #fff;
}
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
bottom: 0px;
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
right: 0;
position: absolute;
}
.ps--active-y>.ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus {
background-color: transparent;
opacity: 0.9;
}
.ps__thumb-x {
background-color: #77bc2175;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
bottom: 2px;
position: absolute;
}
.ps__thumb-y {
background-color: #77bc2175;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 3px;
right: 0px;
position: absolute;
}
.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x {
background-color: #84bf8bad;
height: 11px;
}
.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y {
background-color: #84bf8bad;
width: 3px;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
@media (min-width: 768px) {
.app-sidebar {
padding-top: 75px;
}
.side-header {
width: 270px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 99;
background: #fff;
}
}
.app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
color: #8a98ac;
z-index: 99;
background: #fff !important;
-webkit-box-shadow: 0 8px 24px rgba(229, 228, 230, 0.4);
-webkit-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.app-sidebar::-webkit-scrollbar {
width: 6px;
}
.app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.app-sidebar {
display: none;
}
}
.sub-side-menu__item:hover {
color: var(--primary-bg-color);
}
.sub-slide-item:hover {
color: var(--primary-bg-color);
}
.sub-side-menu__item2:hover {
color: var(--primary-bg-color);
}
.sub-slide-item2:hover {
color: var(--primary-bg-color);
}
.side-menu__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
padding: 0.625rem 1.5rem;
font-size: 14px;
font-weight: 400;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
color: #495584;
margin: 0px 0px 2px 0px;
}
.side-menu__item.active {
text-decoration: none;
}
.side-menu__item.active:hover,
.side-menu__item.active:focus {
text-decoration: none;
}
.side-menu__item:hover,
.side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
background: transparent !important;
}
.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
.slide-item:hover,
.slide-item:focus {
text-decoration: none;
color: #b5c1d2;
}
.slide-item:hover,
.slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.slide-menu li {
position: relative;
}
.slide-menu li .slide-item:before {
content: "\e0e7";
font-family: "typicons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
top: 1px;
font-size: 13px;
margin-right: 8px;
color: #68798b;
}
.slide.is-expanded a {
text-decoration: none;
}
.sidebar-mini .side-menu .side-menu__icon {
color: #495584;
width: 1.3rem !important;
text-align: center;
vertical-align: middle;
margin-right: 8px;
position: relative;
font-size: 1.25rem !important;
transition: all ease 0.3s;
fill: #495584;
}
.side-menu__label {
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
top: 1px;
line-height: inherit;
}
.slide-menu {
display: none;
padding: 0px 30px;
font-size: 0.8rem !important;
padding-left: 20px;
margin-left: 20px;
}
.slide-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 8px;
font-size: 13px;
color: #76839a;
}
.angle {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
margin-right: 2px;
}
.side-header .header-brand1 {
text-align: center;
margin: 0 auto !important;
}
.side-header .header-brand-img.desktop-logo {
display: none;
}
.side-header .header-brand-img.toggle-logo {
display: none;
}
.side-header .header-brand-img.light-logo1 {
display: block !important;
}
.side-header {
display: flex;
padding: 22px 17px;
-webkit-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
height: 75px;
}
.side-menu h3 {
color: #76839a;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 11px;
margin-bottom: 0.5rem;
padding-top: 1.5rem !important;
font-weight: 500;
padding: 5px 30px 5px;
opacity: 0.7;
}
.side-menu li:not(:first-child) h3 {
margin-top: 0rem;
}
@media (min-width: 992px) {
.side-header {
width: 270px !important;
display: flex !important;
padding: 22px 17px !important;
}
}
.side-menu__item.active .side-menu__label {
color: var(--primary-bg-color) !important;
}
.sub-side-menu__item {
padding: 8px 8px;
font-size: 13px;
display: flex;
color: #495584;
}
.sub-side-menu__item .sub-side-menu__label {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.slide-menu a:before {
content: "\e0e7";
margin-right: 10px;
font-size: 11px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
top: 1px;
}
.sub-angle {
float: right;
line-height: 40px;
margin-top: 3px;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.sub-slide-menu {
display: none;
padding: 0 15px 15px 0;
font-size: 13px !important;
list-style: none;
}
.sub-slide-item {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 24px !important;
color: #495584;
font-size: 12px;
}
.sub-side-menu__item2 {
padding: 8px 2px 8px 24px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #495584;
font-size: 12px;
}
.sub-slide2 .sub-side-menu__label2 {
flex: 1 1 auto;
}
.sub-angle2 {
float: right;
line-height: 40px;
margin-top: -2px;
margin-right: -9px;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.sub-slide-menu2 {
display: none;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.sub-slide-item2 {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
list-style: none;
padding: 8px 0 8px 40px !important;
font-size: 11px;
color: #495584;
}
.side-menu__item.active .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
.side-menu__item.active:hover .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary-bg-color) !important;
}
@media (max-width: 991.98px) {
.side-header {
display: none !important;
}
.app .app-sidebar {
left: -270px;
}
.header-brand1 .desktop-logo {
margin: 0 auto;
margin-top: 6px;
}
}
.app.sidebar-mini .side-menu .slide-item:hover:before,
.app.sidebar-mini .side-menu .slide-item:focus:before {
color: var(--primary-bg-color) !important;
}
.sidebar-mini .app-sidebar .side-menu {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 992px) {
.side-menu {
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.app.sidebar-mini .app-sidebar {
width: 270px;
}
@media (max-width: 767.98px) {
.app-sidebar {
top: 71px;
}
}
.side-menu__item .badge {
border-radius: 50px !important;
}
.bg-secondary {
background-color: #e984b1 !important;
}
.bg-secondary {
background-color: #e984b1 !important;
}
h3 {
margin-top: 0;
margin-bottom: 0.5rem;
}
h3 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: normal;
line-height: 1.1;
}
h3 {
font-size: 1.5rem;
}
@media (max-width: 576px) {
h3 {
font-size: 1rem;
}
}
.slide-menu li .slide-item:before {
color: #495057 !important;
}
@media (min-width: 992px) {
.main-sidemenu .slide-left,
.main-sidemenu .slide-right {
background: #fff;
border: 1px solid #eaedf1;
}
.main-sidemenu .slide-left svg,
.main-sidemenu .slide-right svg {
fill: #495057;
}
}
.main-sidemenu {
width: 280px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07),
0 32px 64px rgba(0,0,0,0.07);
padding: 20px;
height: 100vh;
}
.facilation-dashboard {
min-height: 600px;
}
.main-sidemenu .bi {
color: #38ae00;
font-size: 18px;
margin-right: 10px;
}
h4.title {
font-weight: normal;
}
.container-side {
width: calc( 100% - 280px );
}
.d-flex {
display: flex;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-center {
justify-content: center;
}
.fc-logo {
padding: 10px;
}
.divider {
height: 1px;
background: #558b2f;
margin-bottom: 10px;
}
.content {
padding: 0px;
}
.page-content {
width: calc(100% - 280px);
background: #f1f1f1;
padding: 20px 40px;
}
footer {
position: relative;
z-index: auto;
}
.app-card {
background: #fff;
padding: 20px 40px;
overflow: auto;
}
.form-control {
padding: 6px 12px !important;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
border: 1px solid #38ae00 !important;
}
.control-label {
font-weight: 500;
}
.app-card {
background: #fff;
padding: 20px 40px;
}
.app-card .ap-card-header {
font-size: 18px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 20px;
padding-bottom: 10px;
}
.custom-file-upload {
background: #e1e1e1;
padding: 5px 20px;
cursor: pointer;
}
.small-font {
font-size: 12px;
}
.error p {
color: #e53935 !important;
font-size: 12px !important;
font-weight: normal !important;
padding: 5 !important;
margin: 0 !important;
}
embed {
width: 100%;
border: 0;
}
#beerec {
min-height: 500px;
}
.modal-title {
padding: 0;
margin: 0;
width: 100%;
}
.modal-header {
display: flex;
justify-content: space-between;
padding: 10px;
}
.modal-body {
min-height: 90px;
}
.modal-footer {
padding: 10px;
}
.btn.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.accordion .btn-link {
text-align: justify;
}
.accordion .card-header {
background: #e1e1e1;
display: flex;
justify-content: space-between;
}
.accordion .card-body {
padding: 20px;
background: #fff;
margin-bottom: 20px;
}
.content-container {
margin-left: 15px;
margin-right: 15px;
}
.content-container h4 {
font-weight: normal;
color: #304ffe;
padding: 8px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 18px;
}
h4.ctitle {
font-weight: normal;
color: #304ffe;
padding: 8px 0;
border-bottom: 1px solid #e1e1e1;
font-size: 18px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: none;
outline-offset: -2px;
text-decoration: none;
}
.btn-link:focus, .btn-link:hover {
color: #23527c;
text-decoration: none;
background-color: transparent;
}
.bg-green {
background: #38ae00 !important;
}
.bg-green .modal-title {
color: #fff;
}
h2 .btn-link {
font-size: 18px;
padding: 7px 20px;
}
textarea.height-60px {
height: 60px;
}
input:focus-visible {
outline: none;
}
.min-hieght {
height: 75px;
}
.form-group {
margin-bottom: 10px;
}
.form-group label {
font-weight: 400;
font-size: 13px;
text-transform: none;
color: #777;
}
.form-group p, label.error {
font-size: 12px !important;
color: red !important;
font-weight: 400 !important;
padding-top: 5px;
text-transform: none;
}
.form-group .dinput {
border: solid 1px #e1e1e1;
border-radius: 2px;
padding: 6px 10px;
min-height: 35px;
}
.form-group small {
color: #f57c00;
}
.projectnumber {
font-size: 18px;
}
.modal-dialog.sm {
width: 300px;
}
.top-table-line {
border-bottom: 1px solid #e1e1e1; text-align: center; margin:5px 0; padding: 5px 0;
}
.custom-icon-caret {
width: 46px;
height: 44px;
background: url('./icon/caret.png') 0 0;
}
.tab-6 {
width: 50%;
text-align: center;
border: 1px solid #e1e1e1;
box-sizing: border-box;
}
.tab-6 a {
display: block;
padding: 12px;
}
.tab-6.active a {
color: #fff !important;
background: #404590;
}
.mb-1 {
margin-bottom: 10px;
}
.tab-6 a:hover {
background: #404590;
color: #fff;
}
table.dataTable thead .sorting:after {
opacity: 0.2;
content: "\e253" !important;
}
table.dataTable thead .sorting_asc:after {
content: "\e252" !important;
}
table.dataTable thead .sorting_desc:after {
content: "\e253" !important;
}
table.datatables td {
color: #333;
font-size: 14px;
}
.btn-sm.border {
border: 1px solid #e1e1e1;
box-sizing: border-box;
}
.btn-sm img {
height: 18px;
}
/* workshop start from here*/
.schedule-timeline{
position: relative;
}
.schedule-block{
position: relative;
margin-bottom: 30px;
}
.schedule-block:after{
display: table;
clear: both;
content: "";
}
.schedule-block .inner-box{
position: relative;
float: right;
width: 50%;
text-align: left;
}
.schedule-block .inner-box .inner{
position: relative;
padding: 20px 30px 20px;
background-color: #ffffff;
border: 1px solid #dddddd;
box-shadow: 0 0 30px rgba(0,0,0,0.05);
margin-left: 80px;
border-radius: 20px;
}
.schedule-block .inner:before{
position: absolute;
top: 0;
bottom: -30px;
right: 100%;
border-left:2px dashed #dddddd;
content: "";
margin-right: 80px;
}
.schedule-block .inner:after{
position: absolute;
right: 100%;
top: 35px;
border-top: 15px solid transparent;
border-right: 20px solid #ffffff;
border-bottom: 15px solid transparent;
content: "";
}
.schedule-block .date{
position: absolute;
left: -132px;
width: 100px;
top: 0px;
height: 100px;
background-color: #ffffff;
text-align: center;
font-size: 14px;
line-height: 18px;
color: #212639;
font-weight: 500;
padding: 30px 15px 0;
border-radius: 50%;
border:2px dashed #dddddd;
box-shadow: 0 0 30px rgba(0,0,0,0.05);
}
.schedule-block .speaker-info{
position: relative;
padding-left: 80px;
padding-top: 10px;
min-height: 60px;
}
.schedule-block .speaker-info .thumb{
position: absolute;
left: 0;
top: 0;
width: 60px;
border-radius: 50%;
overflow: hidden;
}
.schedule-block .speaker-info .name{
font-size: 16px;
color: #212639;
font-weight: 500;
line-height: 1.2em;
}
.schedule-block .speaker-info .designation{
font-size: 13px;
}
.schedule-block h4{
position: relative;
font-size:22px;
line-height: 1.2em;
color: #0f1925;
font-weight: 600;
margin-bottom:15px;
padding-top: 15px;
}
.schedule-block h4 a{
color: #212639;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.schedule-block h4 a:hover{
color: #f14b59;
}
.schedule-block .text{
position: relative;
font-size: 16px;
line-height: 26px;
color: #888888;
margin-bottom: 15px;
}
.schedule-block .btn-box{
position: relative;
padding: 6px 0;
}
.schedule-block .btn-box a{
padding: 10px 20px;
line-height: 20px;
font-size: 14px;
background-color: #444444;
color: #ffffff;
border-top:2px solid transparent;
border-bottom:2px solid transparent;
border-radius: 5px;
}
.schedule-block .btn-box a:hover{
color: #ffffff;
/* box-shadow: 0 10px 20px rgba(0,0,0,0.10); */
}
.schedule-block.even .inner-box{
float: left;
text-align: right;
}
.schedule-block.even .inner-box .inner{
margin-left: 0;
margin-right: 80px;
}
.schedule-block.even .inner:before{
right: auto;
left: 100%;
margin-left: 80px;
margin-right: 0;
}
.schedule-block.even .inner:after{
right: auto;
left: 100%;
border-right: 0;
border-left: 20px solid #ffffff;
}
.schedule-block:last-child .inner:before{
display: none;
}
.schedule-block.even .date{
left: auto;
right: -132px;
}
.schedule-block.even .speaker-info{
padding-left: 0;
padding-right: 80px;
}
.schedule-block.even .speaker-info .thumb{
left: auto;
right: 0;
}
.schedule-block:nth-child(4n + 1) .date,
.schedule-block:nth-child(4n + 1) .inner:before{
border-color: #ffc20b;
}
.schedule-block:nth-child(4n + 2) .date,
.schedule-block:nth-child(4n + 2) .inner:before{
border-color: #40cbb4;
}
.schedule-block:nth-child(4n + 3) .date,
.schedule-block:nth-child(4n + 3) .inner:before{
border-color: #4c35a9;
}
.schedule-block:nth-child(4n + 4) .date,
.schedule-block:nth-child(4n + 4) .inner:before{
border-color: #e6275a;
}
/* Backgroud */
.schedule-block:nth-child(4n + 1) .btn-box a{
background-color:#ffc20b;
}
.schedule-block:nth-child(4n + 1) .btn-box a:hover{
color:#ffc20b;
border-radius:0px;
background: none;
border-color:#ffc20b;
}
.schedule-block:nth-child(4n + 2) .btn-box a{
background-color: #40cbb4;
}
.schedule-block:nth-child(4n + 2) .btn-box a:hover{
border-radius:0px;
color: #40cbb4;
background:none;
border-color: #40cbb4;
}
.schedule-block:nth-child(4n + 3) .btn-box a{
background-color: #4c35a9;
}
.schedule-block:nth-child(4n + 3) .btn-box a:hover{
border-radius:0px;
color: #4c35a9;
background:none;
border-color: #4c35a9;
}
.schedule-block:nth-child(4n + 4) .btn-box a{
background-color: #e6275a;
}
.schedule-block:nth-child(4n + 4) .btn-box a:hover{
border-radius:0px;
color: #e6275a;
background:none;
border-color: #e6275a;
}
.workshop-box {
padding: 20px;
margin-bottom: 20px;
}
.w-h3 {
font-size: 18px;
}
.w-heading {
font-size: 24px;
padding: 8px 0 !important;
border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
}
.banklist-box {
margin-bottom: 30px;
border: 1px solid #e1e1e1;
border-radius: 5px;
box-sizing: border-box;
height: auto;
overflow: hidden;
color: #333;
line-height: 25px;
}
.bdr-right {
border-right: 1px solid #e1e1e1;
}
.banklist-box .contact-detail {
padding: 10px 15px;
margin-bottom: 30px;
height: auto;
box-sizing: border-box;
font-size: 12px;
word-break: break-word;
}
.banklist-box .contact-detail h5 {
font-size: 18px;
color: #333;
padding: 5px 0 10px 0;
border-bottom: 1px solid #e1e1e1;
}
.text-dec {
font-weight: 500;
color: #495057;
}
.min-600 {
min-height: 600px;
}
.home-icon {
margin: auto;
display: block;
width: 40px;
}
.logo-box {
display: block;
margin-top: 10px;
padding: 5px 0;
}
.logo-box h1 {
font-size: 38px;
color: #333;
font-weight: bold;
}
.logo-box h5 {
font-size: 14px;
color: #555;
}
.agendaBox {
position: fixed;
width: 100px;
height: 100px;
background: #e1e1e1;
transition: width 1s, height 1s, transform 0.5s;
overflow: auto;
}
.workshop-heading {
text-align: center;
font-size: 25px;
color: #333;
}
.agenda-close {
direction: rtl;
padding: 10px;
}
.closea {
border: 1px solid #d1d1d1;
padding: 10px;
}
.agendaBox.expand {
width: 100vw;
height: 100vh;
bottom: 0;
right: 0;
z-index: 15;
padding: 100px;
border: #d1d1d1;
}
.agenda_sub_heading, .agenda_date {
text-align: center;
font-size: 18px;
padding: 5px 0;
}
.agenda_sub_heading p {
text-align: center;
}
.agenda_date {
font-size: 16px;
}
.small-text {
font-size: 12px !important;
}
.gdlr-session-item .gdlr-session-item-head-info {
display: inline-block;
padding: 18px 25px 16px;
line-height: 1;
min-width: 24%;
border-right-width: 1px;
border-right-style: solid;
}
.trumbowyg-editor p {
font-size: 14px !important;
color: #333 !important;
font-weight: normal !important;
}
.gdlr-item {
margin: 0 15px 20px;
min-height: 1px;
margin-bottom: 30px;
}
.gdlr-session-item .gdlr-session-item-head.gdlr-first {
margin-top: 0;
}
.gdlr-session-item .gdlr-session-item-head {
color: #fff;
}
.gdlr-session-item .gdlr-session-item-head {
background-color: #38ae00;
}
.gdlr-session-item .gdlr-session-item-head {
margin-top: 60px;
}
.gdlr-session-item .gdlr-session-item-head-info {
border-color: #c72b11;
}
.gdlr-session-item-content-wrapper {
background-color: #f7f7f7;
}
.gdlr-session-item .gdlr-session-item-divider {
border-bottom-color: #e5e5e5;
}
.gdlr-session-item .gdlr-session-item-divider {
margin: 0 50px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.gdlr-session-item .gdlr-session-item-content-info {
padding: 30px 0 40px 50px;
float: left;
width: 24%;
}
.gdlr-session-item .gdlr-session-info {
padding-right: 20px;
font-size: 12px;
text-transform: uppercase;
}
.gdlr-session-item .gdlr-session-info .session-info {
margin-bottom: 15px;
}
.gdlr-session-item .gdlr-session-item-head-info.gdlr-active {
background-color: #298000;
}
.gdlr-session-item .gdlr-session-item-head-info {
border-color: #298000;
}
.gdlr-session-item .gdlr-session-item-head.gdlr-first {
margin-top: 0;
}
.gdlr-session-item .gdlr-session-item-content {
overflow: hidden;
padding: 30px 50px 30px 0;
}
.gdlr-session-item .gdlr-session-item-title {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 1;
margin-bottom: 25px;
line-height: 35px;
}
.gdlr-session-item .gdlr-session-info .session-speaker-inner {
display: inline-block;
}
.status {
text-transform: capitalize !important;
}
h4 a {
text-decoration: none !important;
color: #333 !important;
}
.user-name {
color: #fff;
padding: 14px 0;
font-size: 15px;
}
#uploadFileBtn {
border: 1px solid #ccc;
background: #e1e1e1;
padding: 5px 20px;
color: #333;
box-sizing: border-box;
}
.popover-title {
color: #404590;
}
.eettd-heading {
padding: 10px 20px;
text-align: center;
background-color: #fff176;
color: #333;
font-size: 18px !important;
}
.redtr td {
background: #e53935;
color: #fff;
}
.redtr td a {
color: #e1e1e1;
}
.project_status_home {
padding: 50px;
background: #f1f1f1;
}
.owl-theme.verticle-slider .owl-dots {
display: none;
}
.grey {
background-color: #e1e1e1;
}
h4.heading-text {
text-align: center;
margin-bottom: 30px;
}
.owl-theme.verticle-slider td{
text-align: justify !important;
}
#popup {
display:none;
position:absolute;
margin:0 auto;
left: 50%;
top:50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 50px 2px #000;
z-index: 9999;
width: 80%;
}
.panel{
margin-bottom:0px;
position: relative;
}
.panel-footer{
position: absolute;
background-color:transparent;
top: 0;
right: 0;
padding: 0;
border-top:transparent;
}
.btn-close,
.btn-close:hover{
background-color:transparent;
color: #fff;
}
.blink-button {
background-color: #1c87c9;
-webkit-border-radius: 0px;
border-radius: 0px;
border: none;
color: #333;
cursor: pointer;
display: inline-block;
font-family: sans-serif;
font-size: 20px;
padding: 13px 15px !important;
text-align: center;
text-decoration: none;
}
@keyframes glowing {
0% {
background-color: #5c6bc0;
box-shadow: 0 0 5px #5c6bc0;
}
50% {
background-color: #1a237e ;
box-shadow: 0 0 20px #1a237e;
}
100% {
background-color: #5c6bc0;
box-shadow: 0 0 5px #5c6bc0;
}
}
.blink-button {
animation: glowing 1300ms infinite;
}
.action.view {
display: inline-block;
background: #ffb300;
color: #fff;
padding: 2px 10px;
font-size: 11px;
border-radius: 4px;
}
.action.delete {
display: inline-block;
background: #c62828;
color: #fff;
padding: 2px 10px;
font-size: 11px;
border-radius: 4px;
}
.action.edit {
display: inline-block;
background: #43a047;
color: #fff;
padding: 2px 10px;
font-size: 11px;
border-radius: 4px;
}
.link {
text-decoration: underline;
color: blue;
}
.fi-heading {
font-size: 17px;
color: #333;
border-bottom: 1px solid #d1d1d1;
padding: 5px 0;
margin-bottom: 10px;
}
.fi-regist .form-control {
height: 35px;
border: 1px solid #b1b2b3;
border-radius: 2px !important;
box-shadow: none;
padding-left: 15px;
margin-bottom: 0px;
}
.fi-regist .form-group {
margin-bottom: 15px;
}
.mb-3 {
margin-bottom: 20px;
}
.mandatory {
color: #f44336;
}
.text-orange {
color: #ef6c00;
}
.text-blue {
color: #283593;
}
ul.list-style {
list-style: disc !important;
margin-left: 25px;
margin-top: 10px;
}
ul.list-style li {
margin-bottom: 12px;
font-size: 14px;
line-height: 15px;
list-style: disc !important;
line-height: 22px;
}
#nbfcbox, #creditrating {
display: none;
}
.red-text {
color: #c62828;
}
.t-heading {
margin-top: 20px;
border-bottom: 1px solid #ccc;
padding: 10px;
position: relative;
color: #333;
margin-bottom: 20px;
}
.t-heading span {
background-color: #f5f5f5;
display: block;
padding: 5px 20px 5px 0px;
position: absolute;
left: 0;
font-size: 18px;
top: 4px;
}
.c-h4 {
padding: 0px 0;
font-size: 22px;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid #e1e1e1;
border-radius: 4px 4px 0 0;
}
.noproject {
border: 1px solid #ccc;
padding: 50px;
font-size: 18px;
text-align: center;
background: #e1e1e1;
color: #999;
margin: 10px 0;
box-sizing: border-box;
border-radius: 2px;
}
.fc-heading {
font-size: 20px;
color: #000;
line-height: 30px;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
margin: 0;
opacity: 0;
}
.custom-file-label {
padding: 4px 11px;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
}
.userdetail {
padding: 14px 0;
display: block;
color: #fff;
}
.custom-input {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
background-color: #eee;
word-break: break-all;
}
.totalv {
font-size: 20px;
}
.form-control {
height: auto;
}
.custom-input.textarea{
overflow: auto;
height: 300px;
}
.fix-header {
position: fixed;
top: 50px;
width: 1063px;
}
.width-40 {
width: 28%;
}
.width-20 {
width: 18%;
}
.width-30 {
width: 300px;
}
.width-12 {
width: 100px;
}
.width-10 {
width: 9%;
}
.text-upper {
text-transform: uppercase;
}