/* Theme Name: Admiria - Responsive Bootstrap 4 Admin Dashboard & Frontend

   Author: Themesbrand

   File Description:Main CSS file of the template

*/

/*

1.BASIC

2.HELPER

3.TITLE

4.BOOTSTRAP RESET

5.NAVBAR CUSTOM

6.HOME

7.SERVICES

8.SCREENSHOT

9.PRICING

10.TEAM

11.TESTIMONIAL

12.FOOTER

13.RESPONSIVE

*/





/*=================================

        1. BACIS

==================================*/

body {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  position: relative;

  line-height: 24px;

}



h1,h2,h3,h4,h5,h6 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 700;
	color: #003082;

}



a{

  text-decoration: none !important;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

  outline: none !important;

}

/*===================================

      2. HELPER

=====================================*/



.section{
	padding-bottom: 80px;
	padding-top: 80px;
	position: relative;
	background-color: #FFFFFF;

}



.vertical-content {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  flex-direction: row;

  -webkit-flex-direction: row;

}



.bg-overlay{
	background-color: #CCCCCC;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

}



.bg-grey {

	background-color: #f7f8f8;

}

/*==========================

    3.TITLE

=============================*/

.section-title {

  letter-spacing: 0.02em;

  text-transform: uppercase;

}

.section-subtitle{

  letter-spacing: 0.02em;

  font-size: 15px;

  text-transform:capitalize;

}

span.title-divider {

  color: #96A1B3;

  font-weight: bold;

}

span.title-divider:before,span.title-divider:after {

  content: "";

  width: 42px;

  height: 2px;

  background: #96A1B3;

  display: inline-block;

  vertical-align: middle;

}

span.title-divider:before{

    margin-right: 5px;

}

span.title-divider:after {

    margin-left: 5px;

}



/*=====================

4. BOOTSTRAP RESET

======================*/

/*----BACKGROUND COLOR-----*/

.bg-custom{

  background-color: #999999;

}

.bg-gray {

    background-color: #f2f0f1;

}

.bg-white{

  background-color: #fff;

}

.bg-dark{

  background-color: #191919;

}

/*--Text color--- */

.text-primary {

  color: #1b9cde;

}

.text-success {

  color: #66d203;

}

.text-info {

  color:#00a4fe;

}

.text-warning {

  color: #f5a623;

}

.text-danger {

  color: #e66060;

}

.text-muted {

  color: #898989 !important;

}

.text-white {

  color: #fff !important;

}

.text-custom{
	color: #003082 !important;

}

.text-gray{

  color: #777 !important;

}

.text-dark{

  color: #000 !important;

}

/*====Buttons=======*/

.btn {

  padding: 14px 20px 12px;

  text-transform: uppercase;

  font-size: 14px;

  letter-spacing: 1px;

  font-family: 'Quattrocento Sans', sans-serif;

  font-weight: 700;

}

.btn-rounded {

  border-radius: 30px;

}



.btn-custom {

  background-color: #ea553d !important;

  border: 1px solid #ea553d !important;

  color: #003082;

  transition: all 0.3s;

}

.btn-custom:hover,

.btn-custom:focus,

.btn-custom:active,

.btn-custom.active,

.btn-custom.focus,

.btn-custom:active,

.btn-custom:focus,

.btn-custom:hover,

.open > .dropdown-toggle.btn-custom {

  background-color: #003082 !important;

  border: 1px solid #003082 !important;

  color: #f3f3f3 !important;

  transition: all 0.5s;

}

.btn-custom.focus, .btn-custom:focus{

    -webkit-box-shadow: 0 0 0 2px rgba(234, 85, 61, 0.3);

    box-shadow: 0 0 0 2px rgba(234, 85, 61, 0.3);

}

.btn-dark {

  background-color: #262c30;

  border: 1px solid #262c30;

  color: #fff;

}

.btn-dark:hover,

.btn-dark:focus,

.btn-dark:active,

.btn-dark.active,

.btn-dark.focus,

.btn-dark:active,

.btn-dark:focus,

.btn-dark:hover,

.open > .dropdown-toggle.btn-custom {

  background-color: #262c30 !important;

  border: 1px solid #262c30 !important;

  color: #003082 !important;

}

.btn-outline {

  background-color: #fff;

  border: 1px solid #003082;

  color: #ea553d !important;

}

.btn-outline:hover,

.btn-outline:focus,

.btn-outline:active,

.btn-outline.active,

.btn-outline.focus,

.btn-outline:active,

.btn-outline:focus,

.btn-outline:hover,

.open > .dropdown-toggle.btn-custom {

  background-color: #003082 !important;

  border: 1px solid #003082 !important;

  color: #003082 !important;

}



.btn-white{

  background-color: #003082 !important;

  transition: all 0.3s;

  border: 2px solid #fff;

  color: #ea553d !important;

}



/*=================================

  5.NAVBAR CUSTOM

===================================*/

.navbar-custom{

  padding: 30px 0px;

  width: 100%;

  border-radius: 0px;

  z-index: 999;

  margin-bottom: 0px;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.sticky-wrapper {

  position: absolute;

  width: 100%;

}

.navbar-cistom .navbar-nav {

  margin-top: 10px;

}

.navbar-custom .navbar-brand {
	font-size: 22px;
	color: #003182 !important;
	font-weight: 700;
	font-family: 'Quattrocento Sans', sans-serif;
	border-radius: 3px;
	padding: 2px 10px;
}

.navbar-custom .navbar-nav li a {

  color: rgba(255, 255, 255, 0.65);

  font-size: 14px;

    border-bottom: 3px solid transparent;

    background-color: transparent !important;

    padding: 7px 0;

    margin: 0 10px;

    transition: all 0.4s;

}

.navbar-custom .navbar-nav li a:hover,.navbar-custom .navbar-nav li a:focus,.navbar-custom .navbar-nav li a:active {

  color: #003182;

}

.navbar-custom .navbar-nav li.active a {

  color: #003182 !important;

}

.navbar-toggler i{

  font-size: 24px;

  margin-top: 5px;

  margin-bottom: 0px;

}

.navbar-custom button{

  outline: none !important;

  margin-top: 5px;

}

.is-sticky .navbar-custom{

  margin-top: 0px;

  padding: 10px 0px;

  background-color: #fff;

  box-shadow: 0 10px 33px rgba(0,0,0,.1);

  color: #000 !important;

}

.is-sticky .navbar-custom .navbar-nav li a {

  color: #000;

}

.logo .logo-light {

  display: inline-block;

}



.logo-imagen {

    width: 200px;

}



.sticky-wrapper.is-sticky .logo .logo-dark {

  display: inline-block;

}

.sticky-wrapper.is-sticky .logo .logo-text {

  color: #4c4a4a !important;

}

.sticky-wrapper.is-sticky .logo .logo-light {

  display:none;

}

.is-sticky .navbar-custom .navbar-nav li a:hover,.navbar-custom .navbar-nav li a:focus,.navbar-custom .navbar-nav li a:active,

.is-sticky .navbar-inverse .navbar-nav .nav-link.active, .is-sticky .navbar-inverse .navbar-nav .nav-link:focus,.is-sticky .navbar-inverse .navbar-nav .nav-link:hover {

  color: #003082;

}

.is-sticky .navbar-custom .navbar-nav li.active a {

  color: #003082 !important;

}

.logo .logo-dark {

  display: none;

}



.navbar-custom .btn-custom {

  margin-top: 0px ;

  margin-left: 10px;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

  background-color: transparent;

  border-color: #337ab7;

}



.slogan {

    font-size: 15px;

    margin-bottom: 45px;

    max-width: 580px;

    margin: 0px auto 30px auto;

}



/*====================================

        6.HOME

=====================================*/

.home{
	background-size: cover;
	padding: 150px 0 0;
	background-color: rgb(255,255,255);

}



.home-title{

  line-height: 48px;

  font-size: 36px;

}

.home-subtitle{

  font-size: 16px;

  line-height: 28px;

  font-weight: 300;

}





/*====================================

      7.SERVICES

=====================================*/

.services-box i{

  font-size: 48px;

}



/*====================================

      8.Screenshot

=====================================*/



.thumb {

  background-color: #ffffff;

  border-radius: 3px;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);

  float: left;

  width: 100%;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  margin-top: 30px;

}

.thumb-img {

  width: 100%;

  overflow: hidden;

  border-radius: 2px;

}





/*====================================

     9. Pricing

=====================================*/



.plan-card .plan-price sup {

    font-size: 15px;

    margin-left: 10px;

    top: -1.1rem;

}



.plan-card .plan-features p {

    line-height: 32px;

}





/*====================================

     10. Team

=====================================*/



.team-box {

    border-bottom: 1px solid #E9E9E9;

}



.team-name {

    font-size: 15px;

    font-weight: 700;

    padding-top: 20px;

    word-spacing: 1px;

}



.team-designation {

    letter-spacing: 2px;

    font-size: 10px;

    color: #898989;

    font-weight: 600;

}



/*====================================

     11. testimonials

=====================================*/

.carousel-indicators li {

  background-color: rgba(0, 0, 0, 0.5);

}

.carousel-indicators .active {

    background-color: #333;

}

.testimonial-box {

  padding-bottom: 20px;

}

.testimonial-team-desc{

  font-size: 17px;

  line-height: 27px;

  color: #56514D;

  font-weight: 400;

}

.testmonial-team-name{

    font-weight: 500;

    margin-bottom: 0;

    text-transform: uppercase;

}

.testmonial-team-designation{

  font-size: 13px;

  color: #BFB9BE;

}

.item blockquote {

  border-left: none;

  margin: 0;

}

.quote-icon{

  color: #003082;

  font-size: 55px;

}







/*====================================

     12. Footer

=====================================*/

.footer .copy-rights,.footer .social {

  margin: 0;

  color: rgba(255, 255, 255, 0.5);

  padding: 20px 0;

}

.footer{

  background-color: #000;

}

.copy-rights{

  line-height: 36px;

}

.social li a {

  display: block;

  color: #777 !important;

  font-size: 20px;

  line-height: 36px;

  padding:0 8px;

  text-align: center;

  text-decoration: none !important;

  transition: all 0.3s;

}

.social li a:hover {

  color: #f5f5f5 !important;

}





/*====================================

        13.RESPONSIVE

======================================*/

@media screen and (max-width: 768px) {



  .logo .logo-light{

    display: inline-block;

  }

  .navbar-custom .navbar-nav li a {

    color: #434343 !important;

  }

  .navbar-custom {

    padding: 15px 0;

  }

  .navbar-custom button {

    outline: none !important;

    margin-top: 0;

    color: #333 !important;

}

  .logo .logo-dark{

    display: none !important;

  }

  .is-sticky .navbar-custom{

    background-color: #fff !important;

    box-shadow: 0 10px 33px rgba(0,0,0,.1);

  }

  .navbar-custom{
	background-color: #FFFFFF !important;
	box-shadow: 0 10px 33px rgba(0,0,0,.1);

  }

  .logo .logo-text {

    color: #4c4a4a !important;

  }

  .navbar-custom .navbar-nav li a {

    margin: 0 10px;

    transition: all 0.4s;

    display: block;

  }

  .navbar-custom>.container-fluid{

    width: 100%;

  }

  .navbar-custom .navbar-nav li.active a {

    color: #ea553d !important;

    border-color: transparent;

  }

  .vertical-content {

    display: inherit;

  }

  .container {

    width: 100%;

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

  #quote-carousel .carousel-control{

  background: none;

  font-size:0em;

  text-shadow: none;

  margin-top:0px;

 }

 .plan-card {

    margin-top: 30px;

  }

}