@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,800|Rosario|Shadows+Into+Light');

/* Common Styles */

body {
   background: #f4f4f4;
   font-family: "Roboto", sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #4e4e4e;
}

.progress {
   margin-bottom: 0;
}

.top-menu {
   background: #fff;
   color: #055b9c;
   z-index: 11000;
   padding: 4px 0;
   font-size: 14px;
   position: fixed;
   top: 3px;
}

.social-icons {
   font-size: 15px;
}

.card .card-text {
   font-size: inherit;
}

.card .card-text-paragraph {
   font-size: 22px;
}

p.no-padding {
   text-indent: 0;
}

h1,
h2,
h3,
h4,
h5 {
   font-family: 'Rosario', sans-serif;
}

.card li {
   color: #747373;
   line-height: 1.5;
   font-size: 87%;
}
/* Header Styles */

.badge,
.btn,
.card:not([class*=card-outline-]),
.chip,
.jumbotron,
.modal-dialog.cascading-modal .modal-c-tabs .nav-tabs,
.modal-dialog.modal-notify .modal-header,
.navbar,
.pagination .active .page-link,
.z-depth-1 {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22), 0 2px 10px 0 rgba(0, 0, 0, 0.33);
}

.navbar-brand {
   max-width: 60%;
}

.navbar {
   background: #055b9c !important;
   border-bottom: solid 4px;
   border-bottom-color: #EEBA4C;
   padding-bottom: 5px;
   padding-top: 40px;
}

.navbar .navbar-brand {
   padding: 0;
   position: relative;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
}

.navbar-brand img {
   width: auto;
   border-radius: 0;
   box-shadow: 0 1px 10px 2px rgba(19, 19, 19, 0.42);
   border: none;
   border-radius: 4px;
}

.navbar-toggle {
   margin-left: 20px;
}

.navbar-nav li:last-child {
   z-index: 13;
}

.navbar.navbar-dark .nav-item >.nav-link,
.navbar.navbar-dark .navbar-nav .nav-item >.nav-link {
   padding: 8px 20px 8px;
}

.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link,
.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {
   background-color: transparent;
}

.nav-item >.nav-link,
.nav-item>.nav-link {
   border-radius: 5px;
}

.nav-item.active>.nav-link {
   font-weight: bold;
}

.nav-item:focus .nav-link {
   font-weight: bold;
}
/* Header */

#particles-js {
   position: absolute;
   width: 100%;
   z-index: 3;
}

.particles-div h1 {
   font-weight: bold;
   display: table;
   border-bottom: 2px solid rgb(239, 186, 77);
   padding-bottom: 1%;
   text-shadow: #444 3px 2px 2px;
   /* margin: 0 auto 11px; */;
}

.particles-div h2 {
   font-family: 'Roboto', sans-serif;
   font-weight: lighter;
   text-shadow: #222 3px 2px 2px;
}

.carousel-control-prev {
   z-index: 5;
}

.carousel-control-next {
   z-index: 5;
}

.carousel-item .carousel-caption {
   top: 50%;
   transform: translateY(-50%);
   background: rgba(255, 255, 255, 0.30);
   width: 100%;
   left: 0;
   height: 0;
   padding: 0;
}

.transparent-block {
   background: rgba(255, 255, 255, 0.30);
   /* padding: 20px; */
   border-top: #fff 1px solid;
   border-bottom: #fff 1px solid;
}

.transparent-block .block-content {
   padding: 30px;
}

.card-above {
   margin: -40px auto 0;
}
/* Content Area Styles */

.divider-new:before,
.divider-new:after {
   background: #efba4d;
}

.divider-new h2:after {
   height: 30px;
   width: 40px;
   background: #ccc;
   position: absolute;
}

.text-grey {
   color: #777;
   text-shadow: 2px 2px #eeee;
}

.about-div .divider-new {
   margin-top: 10px;
   margin-bottom: 10px;
}

.about-div .divider-new:before {
   flex: 0.03;
}
/* Plugin Style */

/* Classic tabs */
.nav.classic-tabs.tabs-blue,
.classic-tabs li a {
   background-color: #26609a;
}

.classic-tabs li a.active {
   background-color: #1976D2;
}

.list-contact li p {
   padding-left: 0;
}

.splitter2 {
   -webkit-column-count: 2;
   /* Chrome, Safari, Opera */
   -moz-column-count: 2;
   /* Firefox */
   column-count: 2;
   text-align: justify;
}

.splitter3 {
   -webkit-column-count: 3;
   /* Chrome, Safari, Opera */
   -moz-column-count: 3;
   /* Firefox */
   column-count: 3;
   text-align: justify;
}

.splitter4 {
   -webkit-column-count: 4;
   /* Chrome, Safari, Opera */
   -moz-column-count: 4;
   /* Firefox */
   column-count: 4;
   text-align: justify;
}
/* Footer Style */

.elegant-color-dark {
   background: #013256!important;
}

footer {
   border-top: #EEBA4C 5px solid;
   margin-top: 0 !important;
}

footer h5 {
   color: #EEBA4C;
}

.sub-footer blockquote {
   border-left: 1px solid rgba(37, 39, 40, 0.29);
}

.sub-footer blockquote .list-contact {
   margin-bottom: 0 !important;
}

.sub-footer blockquote .list-contact li {
   border-bottom: 1px solid rgba(37, 39, 40, 0.29);
   padding-top: 10px;
}

.sub-footer blockquote .list-contact li:last-child {
   border-bottom: none;
}

.sub-footer blockquote .list-contact li:last-child p {
   margin-bottom: 0;
}

.view {
   /* background: url("images/background-1.jpg")no-repeat center center; 
background-size: cover; */;
}

.font-shadows {
   font-family: 'Shadows Into Light', cursive;
   font-style: italic;
}

.font-montserrat {
   font-family: 'Montserrat', sans-serif;
}

.font-title {
   font-family: 'Montserrat', sans-serif;
   line-height: 1.4;
   color: #555;
}

.carousel-control-next:hover {
   background: rgba(0, 0, 0, 0);
   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
   background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.carousel-control-prev:hover {
   background: rgba(0, 0, 0, 0.23);
   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.23)), color-stop(100%, rgba(0, 0, 0, 0)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 100%);
   background: -o-linear-gradient(left, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 100%);
   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 100%);
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.card.card-cascade.narrower .view {
   margin-top: 0;
   margin-right: 0;
   margin-left: 0;
}

.card.our-vision { background: url(../images/shutterstock_151107746.jpg); background-size: cover; text-shadow: 1px 1px 2px #333;  }
.card.our-mission { background: url(../images/shutterstock_777053827.jpg); background-size: cover; text-shadow: 1px 1px 2px #333; }
.our-background { background-image: url(../images/shutterstock_430168801.jpg); }

.card.key { background-size: cover; }
.card.key .card-body, .card.key .card-body .hided  { 
   height: 100%; border-radius: inherit; font-size: 19px; 
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in; 
}

.key-strengths .flex-column:nth-child(1) .card { background-image: url('../images/shutterstock_1039812955.jpg'); }
.key-strengths .flex-column:nth-child(2) .card { background-image: url('../images/shutterstock_1101386687.jpg'); }
.key-strengths .flex-column:nth-child(4) .card { background-image: url('../images/shutterstock_166163183.jpg');
 background-position: center center}
.key-strengths .flex-column:nth-child(5) .card { background-image: url('../images/shutterstock_406009201.jpg'); 
background-position: center right; }
.card.key.card-template .card-body { min-height: 400px }
.card.key.card-template .card-body .hided { opacity: 0; color: #fff  }
.card.key.card-template .card-body h3 { opacity:1; color: #fff; text-shadow: 1px 1px 1px #333; 
                                        border-radius: inherit }
.card.key.card-template .card-body .list-unstyled li { margin-bottom: 20px; color: #eee }
.card.key.card-template .card-body .list-unstyled li:last-child { margin-bottom: 0 } 
.card.key.card-template:hover .card-body { color: #eee; background-color: rgba(0,0,0,0.7); }
.card.key.card-template:hover .card-body .hided { opacity: 1; }


.slogan { text-shadow: 1px 1px 1px #ddd; font-size: 39px; }