/* Fonts
----------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Cairo');

/* body{font-family: 'Cairo', serif; font-size: 18px; background-color: #ecf5f4; color: #3e454c; line-height: 1.8;} */
body{font-family: 'Cairo', serif; font-size: 18px; background-color: #ecf5f4; color: #3e454c; line-height: 1.8;}
*:focus{outline: none!important}
a{color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
a:hover, a:focus{text-decoration: none;}
img{max-width: 100%}

h1,h2,h3{font-family: 'Cairo', sans-serif;}
.title{font-weight: bold;font-size: 30px;margin-bottom: 4rem;position: relative;}
.title:after{content: '';position: absolute;width: 40%;right: 50%;height: 1px;background-color: #000;bottom: -14px;margin-right: -20%;}
.title:before{content: "\f0a3";position: absolute;font: normal normal normal 14px/1 FontAwesome;bottom: -20px;right: 50%;margin-right: -6px;z-index: 99;}

form{ font-size: 14px; }
.swal2-popup { font-size: 1.6rem !important; }

/* BTN */
.btn{border:none; padding:10px 35px; border-radius:50px;}
.btn-primary{background-color: #929470; border-radius: 20px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{background-color: #b39424;}
.btn-info{background-color: #a5743f; border-radius: 20px;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus{background-color: #7c562d;}
.btn-success, .btn-success:focus, .btn-success:active:focus{background-color: #056a49;}
.btn-success:hover{background-color: #405e30;}

/* Header */
#header{background-color: #056a49; color: #fff; padding: 2rem 0; border-radius: 0 0 30px 30px;}
/* #header{background: linear-gradient(267.33deg, #056a49 28.13%, #4b857c 97.99%); color: #fff; padding: 2rem 0; border-radius: 0 0 30px 30px;} */

#header .navbar-brand{width: 140px; padding: 0; margin: 0;}
#header .social{float: left;padding: 0;margin: 10px 0 0;}
#header .social a{color: #056a49;background-color: #fff;width: 34px;height: 34px;border-radius: 100%;display: inline-block;text-align: center;}
#header a{color: #fff; font-family: 'Cairo'; font-size: 20px;}
#header a:hover, #header a:focus{color: inherit; background-color: inherit;}
#header .social .dropdown-menu a:hover{color: #000;}

/* slide */
.carousel-indicators{position: static;margin: 0;text-align: center;padding: 0;width: 100%;}
.carousel-indicators li{background-color: #f1e6e9; width: 10px; height: 10px; border: none;}
.carousel-indicators li.active{background-color: #a5743f; width: 14px; height: 14px;}
section.slide{text-align: center; padding: 4rem 0;}
section.slide img{ width:25%; height:25%;}
section.slide .title{ margin-top: 10px; color: #3e454c;}

/* divisions */
section.divisions{margin:2rem; padding:2rem; background-color: #f8f9fb; box-shadow: 0 0 10px #00000017; border-radius: 30px}
section.divisions .wrapper{margin:1px; padding:1rem; border: 2px solid #dde3b7; border-radius: 30px;}
section.divisions h3{margin-top: 10px; color: #056a49;}
section.divisions .carousel-control{ background-image: none; width: 0; color: #000; font-size: 10px; }
section.divisions .carousel-control.left{ left: -40px; }
section.divisions .carousel-control.right{ right: -40px; }
section.divisions .carousel-control .glyphicon{ font-size: 20px; }

/* cards */
section.cards{margin:2rem; padding:2rem; background-color: #f8f9fb; text-align: center; border-radius: 30px; box-shadow: 0 0 10px #00000017;}
section.cards .container{max-width: 1000px;}
section.cards .title{margin-bottom: 7rem;}
section.cards article{background: #fff;border-radius: 30px;padding-bottom: 34px; margin-bottom: 2rem; overflow: hidden; box-shadow: 0 0 10px #00000017;}
section.cards article header{background-color: #056a49;height: 100px;}
section.cards article header .name{padding-top: 3%; color: #fff;}
section.cards article header .circle{width: 120px;border-radius: 100%;height: 120px;color: #fff;background: #929470;position: absolute;right: 50%;margin-right: -60px;top: 70px;line-height: 0;border: 5px solid rgba(0, 0, 0, 0.24);background-clip: content-box;}
section.cards article header .big{display: block;font-size: 20px;margin-top: 8px;font-weight: bold;padding-top: 26px;}
section.cards article header .price{display: block;margin-top: 36px;font-size: 26px;}
section.cards article header .currency{font-size: 10px;margin-top: 16px;display: block;}
section.cards article .wrapper{padding: 10rem 2rem 0;/* box-shadow: 0 0 30px; */}
section.cards article .btn{margin: 1rem;}

/* about */
section.about{background-color: #c9c9b7; text-align: center; padding: 6rem 0;}

/* Footer */
#footer .form-control{margin-top: 1rem; background-color: #e8e8e8; border-radius: 20px;}
#footer .btn{margin-top: 1rem;}
#footer .contact{line-height: 2; padding: 3rem 0;}
#footer form{padding: 3rem 0;}
#footer iframe{margin-bottom: -10px;}
#footer .bottom{margin-top:10rem; padding: 2rem; color: #fff; background-color: #056a49; text-align: center; border-radius: 30px 30px 0 0}
#footer .bottom p{margin: 0; }

/* sub-page */
section.sub-page{ padding: 10px; margin: 0px;}
section.sub-page h2{margin-bottom: 0px;}
section.sub-page h3{font-size: 16px;}
section.sub-page header{padding: 10px; border-radius: 30px;}
section.sub-page .details{ background: #c9c9b7; padding: 30px; margin-top: -100px; }
section.sub-page .details hr{border-color: #7ca9a8;}
section.sub-page .details table{font-size: 18px;}
section.sub-page .details table td{border: none!important;}

/* TABS */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #ecf5f4; border: none;}
.nav-tabs>li>a, .nav-tabs{border: none; border-radius: 0px; color: #000; overflow: hidden;}
.nav-tabs>li>a{background-color: #c9c9b7; margin: 0;}
.the-tab .tab-content{padding: 2rem; background-color: #ecf5f4;}
.the-tab .p0{padding: 0;}
.sub-tab .nav-tabs>li>a, .sub-tab .nav-tabs>li{display: block; float: none;}
.sub-tab .nav-tabs>li.active>a{background-color: #bfdc8e}
.sub-tab .nav-tabs>li>a{background-color: #eafbde}
.subtab-content{background-color: #bfdc8e}

/* modal */
.modal{padding: 3%; text-align: right;}
.modal .modal-dialog{width: 60%;height: auto; max-width: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.modal .modal-dialog .modal-header{background-color: #056a49;color: #fff;text-align: center;}
.modal .modal-dialog .modal-header .modal-title{}
.modal .modal-dialog .modal-content{border-radius: 1rem;}
.modal .modal-dialog .modal-body{overflow-y: auto}
.modal .modal-dialog .modal-footer{text-align: center;}

@media screen and (max-width: 1200px){
    #header a{font-size: 18px;}
}
@media screen and (max-width: 992px){
    #navbar{padding-bottom: 1rem;}
    section.slide .title{margin-top: 40px;}
    .navbar-nav{float: left;}
}
@media screen and (max-width: 767px){
    .navbar-toggle .icon-bar{background-color: #fff;}
    .navbar-nav{float: none;}
    #header a{text-align: center;}
    #header .social{float: none; padding: 1rem; text-align: center;}
}
@media screen and (max-width: 480px){
    #header .navbar-brand { width: 110px;}
    #header .social > li{display: block; margin-bottom: 10px;}
    #header .social .dropdown-menu{display: block; position: static; float: none; box-shadow: none; border: none; text-align: center; padding: 0; background-color: inherit; }
    #header .social .dropdown-menu a{width: inherit; border-radius: 0px; margin-bottom: 10px;}
    section.divisions{text-align: center;}
}