@import url('https://fonts.googleapis.com/css?family=Montserrat');

body{color:#5a5a5a;}
ul.navbar-nav{background-color:#1e4292;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#F44336;background-color:#fff;}
.dropdown-menu{border-radius:0;background-color:#1e4292;}
.dropdown-menu a{color:#fff !important;}
.dropdown-menu a:hover{color:#000 !important;}
.marketing .col-lg-4{margin-bottom:20px;text-align:center;}
.marketing h2{font-weight:normal;}
.marketing .col-lg-4 p{margin-right:10px;margin-left:10px;}
.featurette-divider{margin:30px 0;}
.featurette-heading{font-weight:300;line-height:1;letter-spacing:-1px;}
@media (min-width:768px){.navbar-wrapper{margin-top:20px;}
.navbar-wrapper .container{padding-right:15px;padding-left:15px;}
.navbar-wrapper .navbar{padding-right:0;padding-left:0;}
.navbar-wrapper .navbar{}
.carousel-caption p{font-size:21px;line-height:1.4;}
.featurette-heading{font-size:50px;}
}
@media (min-width:992px){.featurette-heading{margin-top:37px;}
}
.fade-carousel{position:relative;height:87vh;}
.fade-carousel .carousel-inner .item{height:100vh;}
.fade-carousel .carousel-indicators > li{margin:0 2px;background-color:#f39c12;border-color:#f39c12;opacity:.7;}
.fade-carousel .carousel-indicators > li.active{width:10px;height:10px;opacity:1;}
.hero{position:absolute;top:13%;left:57%;z-index:3;text-transform:uppercase;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.hero h1{font-size:6em;font-weight:bold;margin:0;padding:0;}
.fade-carousel .carousel-inner .item .hero{opacity:0;-webkit-transition:1s all ease-in-out .1s;-moz-transition:1s all ease-in-out .1s;-ms-transition:1s all ease-in-out .1s;-o-transition:1s all ease-in-out .1s;transition:1s all ease-in-out .1s;}
.fade-carousel .carousel-inner .item.active .hero{opacity:1;-webkit-transition:1s all ease-in-out .1s;-moz-transition:1s all ease-in-out .1s;-ms-transition:1s all ease-in-out .1s;-o-transition:1s all ease-in-out .1s;transition:1s all ease-in-out .1s;}
.overlay{position:absolute;width:100%;height:100%;z-index:2;background-color:#080d15;opacity:.2;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-11, .slide-12, .slide-13, .slide-133, .slide-14, .slide-17, .page-header,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3{height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.fade-carousel .slides .slide-11{background-image:url(../images/home/creative-eyewear.jpg);}
.fade-carousel .slides .slide-12{background-image:url(../images/home/davidoff-eyewear.jpg);}
.fade-carousel .slides .slide-133{background-image:url(../images/home/benx-sunglasses-tunisie-2017.jpg);}
.fade-carousel .slides .slide-13{background-image:url(../images/home/benx-eyewear-new-2017.jpg);}
.fade-carousel .slides .slide-17{background-image:url(../images/home/creative-chic-slider-2.jpeg);}
@media screen and (min-width:980px){.hero{width:980px;}
}
@media screen and (max-width:640px){.hero h1{font-size:4em;}
}
.hero a{color:#5a5a5a;}
.card{box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.card{margin-top:10px;box-sizing:border-box;border-radius:2px;background-clip:padding-box;}
.card span.card-title{color:#fff;font-size:17px;font-weight:200;text-transform:uppercase;}
.card .card-image{position:relative;overflow:hidden;}
.card .card-image img{border-radius:2px 2px 0 0;background-clip:padding-box;position:relative;z-index:-1;}
.card .card-image span.card-title{position:absolute;bottom:0;left:0;padding:16px;}
.card .card-content{padding:16px;border-radius:0 0 2px 2px;background-clip:padding-box;box-sizing:border-box;}
.card .card-content p{margin:0;color:inherit;}
.card .card-content span.card-title{line-height:48px;}
.card .card-action{border-top:1px solid rgba(160, 160, 160, 0.2);padding:16px;}
.card .card-action a{color:#ffab40;margin-right:16px;transition:color 0.3s ease;text-transform:uppercase;}
.card .card-action a:hover{color:#ffd8a6;text-decoration:none;}
.navbar-default{background-color:#1e4292;border:none;height:143px;}
.navbar{font-size:14px;}
.navbar-default .navbar-nav>li>a{color:#fff;font-weight:bold;}
.navbar-default .navbar-nav>li>a:hover{color:#fff;}
ul.navbar-nav{margin-top:0;}
.panel{border-radius:0;}
.sage-ccs .media-heading{color:#464953;}
h2.media-heading{font-size:14px;}
.sage-ccs .media-body, .sage-paie-rh .media-body, .sage-promotion .media-body{font-size:12px;}
.sage-promotion .media-body a{color:#fff;}
.sage-panel-promotion{border-color:#007f64}
.divalto-panel-promotion{border-color:#f7941d}
.sage-dark, .sage-dark a{color:#007f64 !important;}
a{text-decoration:none !important;}
.sage-light{color:#41a940 !important;}
.infosoft-blue{color:#1e4292 !important;}
.infosoft-bg-blue{background-color:#1e4292 !important;color:#fff !important;}
.divalto-agileo, .divalto-agileo a{color:#00aaad !important;}
.divalto-bg-agileo{background-color:#00aaad !important;color:#fff !important;}
.sage-bg-dark{background-color:#007f64 !important;}
.sage-btn-dark, .sage-btn-dark:hover{color:#fff;background-color:#007f64 !important;}
.sage-bg-light{background-color:#41a940 !important;}
.divalto-orange{color:#f7941d !important;}
.divalto-orange2, .divalto-orange2 a{color:#f4712f !important;}
.divalto-bg-orange{background-color:#f7941d !important;}
.divalto-mobileo, .divalto-mobileo a{color:#ed1164 !important}
.divalto-bg-mobileo{background-color:#ed1164 !important}
.divalto-btn-mobileo,.divalto-btn-mobileo:hover{background-color:#ed1164 !important;color:#fff;}
.text-muted-2{font-size:37px;}
.footer-container{background-color:#0F1B33;padding:3px 37px;color:#fff;}
.footer-slogan{font-size:12px;}
.footer-info{font-size:12px;margin-top:7px;}
footer a{color:#fff;}
footer a:hover{color:#efefef;text-decoration:none;}
.footer-logo{margin-left:-21px;}
.subfooter{background-color:#12334A;padding-top:11px;font-size:12px;}
.subfooter a{color:#fff;}
.in-inner-header{height:37vh;}
.fade-carousel .slides .slide-contact{background-image:url(../images/slides/contact.jpg);}
.inner-overlay{position:absolute;width:100%;height:30vh;z-index:2;background-color:#080d15;opacity:.7;}
h1.main-title{margin-top:0;}
h1.main-title span{background:#12334A;padding:17px 37px;}
.infosoft-blue2{color:#12334A !important}
.title-container{background-position:center center;background-size:cover;height:30vh;}
.title-inner{padding-top:71px;z-index:111;position:relative;}
.title-inner h1{color:white;text-transform:uppercase;font-family:'Montserrat', sans-serif;font-weight:bold;}
.h2-bigger{font-size:35px;}
.locations h4{font-size:17px;margin-bottom:1px;}
.small-title{text-transform:uppercase;font-size:11px;display:block}
.big-title, .big-title2{text-transform:uppercase;font-size:21px;line-height:23px;display:block;font-weight:bold;}
.big-title2{font-size:19px;}
footer, .subfooter{font-family:"Montserrat", sans-serif}
.text-facebook{color:#3b5998;}
.text-twitter{color:#00aced;}
.text-gplus{color:#dd4b39;}
.text-linkedin{color:#007bb6;}
.text-youtube{color:#bb0000;}
.map-box{position:relative;}
.map-box.type-1{height:450px;width:100vw;left:50%;margin-left:-50vw;}
.map-box.type-2{height:450px;margin-top:0;}
.map-box.type-3{height:970px;margin-top:0;margin-bottom:20px;}
#map-canvas{position:absolute;left:0;top:0;width:100%;height:100%;}
h3.form-title{font-weight:normal;margin-top:0;}
.form-contact .form-group{margin-bottom:0;}
.infosoft-btn, .infosoft-btn:hover{color:#fff;background-color:#1e4292 !important;}
ul.navbar-nav{font-family:'Montserrat';}
.p-inner-overlay{position:absolute;width:100%;height:47vh;z-index:2;background-color:#080d15;opacity:.7;}
.p-title-container{background-position:center bottom;background-repeat:no-repeat;background-size:cover;height:47vh;}
.p-header{padding-top:119px}
.home-h1{color:#fff;font-size:1em !important;}
.subnav{top:60px;z-index:100;position:fixed;width:100%;}
#product-menu.navbar-default .navbar-brand{color:rgba(255, 255, 255, 1);margin-left:61px;}
#product-menu.navbar-default .navbar-brand h2{font-size:16px;margin:0;padding:0;margin-top:1px;}
#product-menu.navbar-default{font-size:13px;background-color:rgba(0, 127, 100, 1);border-width:0px;border-radius:0px;}
#product-menu.navbar-default .navbar-nav>li>a{color:rgba(255, 255, 255, 1);background-color:rgba(248, 248, 248, 0);}
#product-menu.navbar-default .navbar-nav>li>a:hover,
#product-menu.navbar-default .navbar-nav>li>a:focus{color:rgba(255, 255, 255, 1);background-color:rgba(248, 248, 248, 0);}
#product-menu.navbar-default .navbar-nav>.active>a,
#product-menu.navbar-default .navbar-nav>.active>a:hover,
#product-menu.navbar-default .navbar-nav>.active>a:focus{color:rgba(255, 255, 255, 1);background-color:rgba(65, 169, 64, 1);}
#product-menu.navbar-default .navbar-toggle{border-color:#41a940;}
#product-menu.navbar-default .navbar-toggle:hover,
#product-menu.navbar-default .navbar-toggle:focus{background-color:#41a940;}
#product-menu.navbar-default .navbar-toggle .icon-bar{background-color:#41a940;}
#product-menu.navbar-default .navbar-toggle:hover .icon-bar,
#product-menu.navbar-default .navbar-toggle:focus .icon-bar{background-color:#007f64;}
#product-menu.navbar-default{height:51px;}
#product-menu > ul.navbar-nav{background:none;margin-top:0;}
#product-menu.navbar-default .navbar-nav>li>a{font-weight:normal;}
#product-menu ul.navbar-nav{background:#007f64;margin-top:0;margin-right:25px;}
a{color:#1e4292}
.divalto-btn-orange,.divalto-btn-orange:hover{background-color:#f7941d !important;color:#fff;border-color:#f4712f;}
.lead2{font-size:17px;}
.infosoft-customers img{max-width:120px;}
a.sage-bg-light{color:#fff;}
a.sage-bg-light:hover{background-color:#007f64 !important;color:#fff;}
.divalto-mobileo2, .divalto-mobileo2 a{color:#A00C44 !important}
.divalto-agileo2, .divalto-agileo2 a{color:#00C3C6 !important}
.p-title-container{background-repeat:no-repeat !important;background-position:center !important;height:41vh;}
.p-inner-overlay{height:41vh;opacity:.6;}
.fa-margin{display:block;padding-bottom:5px;}
.feature-items .f-title{font-size:21px;font-weight:bold;}
.mega-dropdown{position:static !important;}
.mega-dropdown-menu{padding:20px 0px 20px 20px;width:69%;box-shadow:none;-webkit-box-shadow:none;}
.mega-dropdown-menu > li > ul{padding:0;margin:0;}
.mega-dropdown-menu > li > ul > li{list-style:none;}
.mega-dropdown-menu > li > ul > li > a{display:block;color:#222;padding:3px 5px;}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus{text-decoration:none;}
.mega-dropdown-menu .dropdown-header{font-size:19px;font-weight:bold;color:#1e4292;padding:5px 60px 5px 5px;line-height:30px;}
.dropdown-menu{border-radius:0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#1e4292;background-color:#fff;}
.title-container-new,.title-container{height:37vh;}
.inner-overlay-new,.inner-overlay{height:37vh;}
.title-inner-new,.title-inner{padding-top:101px;}
.subnav{top:91px;z-index:9999999;}
@media (min-width:1200px){.visible-lg{display:inline!important;}
}
.mega-menu-new{background-color:#fff;}
.mega-menu-new a{color:#333 !important;}
.inline-contact-btn:hover{background:#1e4292;}
.contact-us-side{font-size:10px;text-transform:uppercase;display:block;margin-top:3px;}
.contact-module .popup{width:297px;padding:13px;border-left:9px solid #008fd3;border-radius:4px 0 0 4px;border-top:1px solid #008fd3;border-bottom:1px solid #008fd3;background:#fff;overflow:hidden;position:absolute;top:-57px;right:0;z-index:999;font-size:13px;}
.contact-module .popup .c-title{font-family:'Montserrat', sans-serif;color:#12334A;font-weight:bold;font-size:13px;margin-bottom:7px;}
.contact-module .popup .c-btn{margin-top:7px;}
.popup-close{color:#aaa;cursor:pointer}
.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@keyframes pulse{0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
.navbar-default {background-color:#fff;}
.navbar-default .navbar-toggle {border:none; color:#ec1a26;}
ul.navbar-nav {background:none;}
.navbar-default .navbar-nav>li>a {color:#ffffff}
.navbar-default .navbar-nav>li>a:hover {color:#212121;}
.dropdown-menu {background-color:#ffffff; border-bottom: 1px dotted #ddd;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#F44336}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#ec1a26; color:#fff}
.mega-dropdown-menu{padding:20px 0px 20px 20px;width:69%;box-shadow:none;-webkit-box-shadow:none;border:none;}
.mega-dropdown-menu .dropdown-header {padding:0;}
.dropdown-menu a {color:#373737!important;}
ul.navbar-nav {}
#product-menu h2 {font-family:'Montserrat', sans-serif;top:67%;}
.hero, #product-menu h2 {font-family:'Montserrat', sans-serif;}
.hero .hero-box {padding:17px;}
.hero .hero-box11 {background-color: rgba(221, 221, 221, 0.5);}
.hero .hero-box12 {background-color: rgba(221, 221, 221, 0.5);}
.hero .hero-box13 {background-color: rgba(255, 82, 82, 0.9);}
.hero .hero-box14 {background-color: rgba(0, 121, 107, 0.9);}
.hero .hero-box15 {background-color: rgba(255, 152, 0, 0.9);}
.hero .hero-box .box-title {color:#fff; font-size: 1.7em;margin:0;padding:0;}
.hero .hero-box p {color:#fefefe; text-transform: uppercase;}
.inline-contact-btn {background-color:#FF5252;}
.inline-contact-btn:hover {background-color:#ec1a26;}
.home-ccp {background-size:cover;background-position:center center;background-repeat:no-repeat; background-image:url(../images/centre-de-competence-sage.jpg); margin-top:17px; padding:37px; font-family: "Montserrat", sans-serif; color:#ffffff; }
.home-ccp .sage-specifique {font-size: 1.3em; margin: 17px; padding:17px; background-color: rgba(33, 150, 243, 0.7);}
.snumber {display: block; font-size: 4.7em; margin-top: 60px;}
.home-experts {background-size:cover;background-position:center center;background-repeat:no-repeat; background-image:url(../images/infosoft-developement-logiciel-process.jpg); margin-top:37px; padding:37px; font-family: "Montserrat", sans-serif;}
.experts-process {font-size: 1.3em; margin: 17px; padding:17px; background-color: rgba(37, 37, 37, 0.7);}
.experts-process h2 {margin:0; padding:0; font-size: 1.1em;color:#ffffff;margin-bottom: 7px;}
.experts-process .ex-title {margin:0; padding:0; font-size: 1.1em;color:#ffffff;margin-bottom: 7px;}
.experts-process p {font-size: 0.7em; color:#fff;}
.experts-process .fa-stack-2x {color:#ec1a26}
.home-section-title {padding:0;margin:0;font-family:'Montserrat', sans-serif; font-size: 1.9em; line-height: 0.9em; margin-bottom: 27px; color:#D32F2F;}
.home-section-title span {}
.plist .card-h-title, .card-h-title {margin:0;padding:0;font-size: 1.1em; margin-top:13px; margin-bottom: 7px;}
.card-h-title a {color:#ec1a26!important;}
.card-desc {color:#515151; font-weight: 200; font-size: 12px;}
.card-a-link {color:#03A9F4; font-weight: 200; font-size: 12px;display: block}
.home-sage-experts {background-size:cover;background-position:center center;background-repeat:no-repeat; background-image:url(../images/sage-experts.jpg); margin-top:37px; padding:37px; font-family: "Montserrat", sans-serif; color:#ffffff; }
.home-sage-experts .sage-specifique {font-size: 1.27em; margin: 17px; padding:17px; background-color: rgba(56, 142, 60, 0.7);}
.home-sage-experts .snumber {margin-top:47px}
.home-divalto-experts {background-size:cover;background-position:center center;background-repeat:no-repeat; background-image:url(../images/divalto-experts.jpg); margin-top:37px; padding:37px; font-family: "Montserrat", sans-serif; color:#ffffff; }
.home-divalto-experts .divalto-specifique {font-size: 1.27em; margin: 17px; padding:17px; background-color: rgba(255, 152, 0, 0.7);}
.home-divalto-experts .fa-stack-2x {color:#FF9800}
.home-divalto-experts .dex-title, .home-divalto-experts h2 {margin:0; padding:0; font-size: 1em;color:#ffffff;margin-top: 7px; margin-bottom: 7px;}
.features-row {margin-top:25px;}
.home-featured-post {background-size:cover;background-position:center center;background-repeat:no-repeat; background-image:url(../images/centre-de-competence-sage.jpg); margin-top:37px; padding:37px; font-family: "Montserrat", sans-serif; color:#ffffff; }
.home-featured-post .featured-post {font-size: 1.57em; margin: 17px; padding:27px 0; background-color: rgba(33, 150, 243, 0.7);}
.subfooter {background-color: #212121;}
.subfooter .list-inline>li {padding-right: 13px;}
.footer-container {background-color:#f4f9fe;color:#575757;}
.footer-container a{color:#757575;font-size: 12px;}
.footer-container a:hover {color:#575757;}
.footer-logo {margin:0;max-height: 27px; margin-bottom: 17px; margin-top:7px}
.fade-carousel-post, .fade-carousel-post .carousel-inner .item {height: 57vh;}
.fade-carousel-post .hero {left:44%; top: 79%}
h1.box-title {font-size: 2.3em; color:#fff;}
.post-container {margin-top:37px; font-size: 1.3em; margin-bottom: 37px;}
.post-container h2,.post-container h3,.number-circle {font-family: "Montserrat", sans-serif!important; color:#1976D2}
.post-container h2 {font-size: 1.7em;}
.post-container h3 {font-size: 1.1em;}
.number-circle {font-size: 13px; color:#fff;}
.twitter-share-button[style] { vertical-align: text-bottom !important; }
#___plus_0, .g-plus {vertical-align: text-top!important;}
.social-share iframe {	vertical-align: middle;}
.social-share {position: fixed; top:15%; right: 13%;}
#product-menu .social-share {top:auto; right: auto; position:absolute; margin-top:11px;}
#product-menu.navbar-default {margin-top:-1px; background:rgba(33, 150, 243, 1);}
#product-menu ul.navbar-nav {background:rgba(33, 150, 243, 1)!important;}
.subnav {top:111px;}

.main-subnav{top:0;z-index:100;position:fixed;width:100%;}

#product-menu.navbar-default .navbar-toggle:focus{background-color:rgba(33, 150, 243, 1); color:#fff;}
#product-menu.navbar-default .navbar-toggle .icon-bar{background-color:rgba(33, 150, 243, 1); color:#fff;}
#product-menu.navbar-default .navbar-toggle:hover .icon-bar,
#product-menu.navbar-default .navbar-toggle:focus .icon-bar{background-color:#007f64;color:#fff;}
#product-menu.navbar-default .navbar-toggle {color:#fff; border-color:#fff;background:#fff!important;}
.vs-link-inside {color:#00796B; text-transform: uppercase; font-size: 11px; display:block;}
.contact-module{position:fixed;bottom:0;right:1%;z-index:99;}
.inline-contact-btn{padding:11px 15px 15px 15px;background:#bb232f;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;color:#fff;text-decoration:none;text-align:center;cursor:pointer;}
.mtype a {color:#fff; background:#F44336; padding:3px 9px; margin-right:5px;}
.mtype a.deactive {color:#F44336; background:#fff;}

@media (min-width: 992px) {
.col-md-6 {
    width: 49%;
}
}


.btn {
  font-family: "Montserrat", 'Helvetica Neue, Helvetica, Arial', sans-serif; 
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: inherit;
  color: rgba(255, 255, 255, 0.87);
}

.btn-default, .btn-link {
  color: rgba(0, 0, 0, 0.87);
}


/* -- Buttons style ------------------------------------ */
.btn {
  outline: 0;
  outline-offset: 0;
  border: 0;
  border-radius: 2px;

  transition: all .15s ease-in-out; 
  -o-transition: all .15s ease-in-out; 
  -moz-transition: all .15s ease-in-out; 
  -webkit-transition: all .15s ease-in-out;  
  
  &:focus, &:active, &.active, &:active:focus, &.active:focus {
    outline: 0;
    outline-offset: 0;  
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
}


/* -- Buttons types -------------------------------- */
.btn-raised {
  
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12),
  0 1px 2px 0 rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12),
  0 1px 2px 0 rgba(0, 0, 0, .24); 
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12),
  0 1px 2px 0 rgba(0, 0, 0, .24); 
   
  &:active, &.active, &:active:focus, &.active:focus {
    
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23);
  }
  
  &:focus {
    
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23);
  }
  
}

.btn-flat { 
  
}

.btn.btn-circle {
  padding: 0;
  border-radius: 50%;
}

/* -- Buttons colors -------------------------------- */

.btn-temlate (@color500; @color600; @color700; @color800; @color900) {
  background-color: @color500;
  
  &:hover {
    background-color: @color600; 
  }
  
  &:active, &.active {
    background-color: @color600;
  }
  
  &:focus {
    background-color: @color700; 
  }
  
  &:disabled, &.disabled, &[disabled] {
    background-color: darken(#ccc, 10%);
  }
  
  .ink {
    background-color: @color800; 
  }
}
.btn-flat-temlate (@color500; @color600; @color700; @color800; @color900) {
  color: @color500; 
  background-color: transparent;
  
  &:hover {
    color: @color600; 
    background-color: lighten(#999, 30%);
  }
  
  &:active, &.active {
    color: @color700; 
    background-color: lighten(#999, 20%);
  }
  
  &:focus {
    color: @color800; 
    background-color: lighten(#999, 20%);
  } 
  
  .ink {
    background-color: darken(#ccc, 30%);
  }
}

.btn-default, .dropdown-toggle.btn-default {
  .btn-temlate(#fff; lighten(#999, 30%); lighten(#999, 20%); lighten(#999, 12%); lighten(#999, 20%);) 
}
.btn-flat.btn-default {
  .btn-flat-temlate(#212121; darken(#212121, 5%); darken(#212121, 12%); #000; #000;) 
}

.btn-primary, .dropdown-toggle.btn-primary {
  .btn-temlate(#5677fc; #4e6cef; #455ede; #3b50ce; #2a36b1;) 
}
.btn-flat.btn-primary {
  .btn-flat-temlate(#5677fc; #4e6cef; #455ede; #3b50ce; #2a36b1;) 
}

.btn-success, .dropdown-toggle.btn-success {
  .btn-temlate(#259b24; #0a8f08; #0a7e07; #056f00; #0d5302;)   
}
.btn-flat.btn-success {
  .btn-flat-temlate(#259b24; #0a8f08; #0a7e07; #056f00; #0d5302;) 
}

.btn-info, .dropdown-toggle.btn-info {
  .btn-temlate(#03a9f4; #039be5; #0288d1; #0277bd; #01579b;)   
}
.btn-flat.btn-info {
  .btn-flat-temlate(#03a9f4; #039be5; #0288d1; #0277bd; #01579b;) 
}

.btn-warning, .dropdown-toggle.btn-warning {
  .btn-temlate(#ffc107; #ffb300; #ffa000; #ff8f00; #ff6f00;)   
}
.btn-flat.btn-warning {
  .btn-flat-temlate(#ffc107; #ffb300; #ffa000; #ff8f00; #ff6f00;)   
}

.btn-danger, .dropdown-toggle.btn-danger {
  .btn-temlate(#ff5722; #f4511e; #e64a19; #d84315; #bf360c;)   
}
.btn-flat.btn-danger {
  .btn-flat-temlate(#ff5722; #f4511e; #e64a19; #d84315; #bf360c;)  
}

/* -- Buttons sizes -------------------------------- */
.btn {
  min-width: 88px;
  padding: 10px 14px;
}

.btn-lg, .btn-group-lg>.btn {
  min-width: 122px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3; 
}

.btn-sm, .btn-group-sm>.btn {
  min-width: 64px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs, .btn-group-xs>.btn {
  min-width: 46px;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1.5;
}

.btn-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
  
  span {
    line-height: 56px;
  }
}

.btn-circle.btn-lg {
  width: 78px;
  height: 78px;
  min-width: 78px;
  
  span {
    line-height: 78px;
  }
}

.btn-circle.btn-sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
  
  span {
    line-height: 40px;
  }
}

.btn-circle.btn-xs {
  width: 30px;
  height: 30px; 
  min-width: 30px;
  
  span {
    line-height: 30px;
  }
}


/*-- Button groups --------------------------------- */
.btn-group .btn {
  border-radius: 2px;
}

.btn-group.open .dropdown-toggle {
  outline: 0;
  outline-offset: 0;  
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: 0;
}

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover {
  z-index: 0;
}
 .btn-group>.btn:focus:hover, .btn-group-vertical>.btn:focus:hover, .btn-group>.btn:active:hover, .btn-group-vertical>.btn:active:hover, .btn-group>.btn.active:hover, .btn-group-vertical>.btn.active:hover {
  z-index: 2;
}



/* -- Ripple effect -------------------------------- */
.ripple-effect {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
}
.ink {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  background: #fff;
  opacity: 1;
}


.ink.animate {
  -webkit-animation: ripple .5s linear;
  -moz-animation: ripple .5s linear;
  -ms-animation: ripple .5s linear;
  -o-animation: ripple .5s linear;
  animation: ripple .5s linear;
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-ms-keyframes ripple {
  100% {
    opacity: 0;
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
    transform: scale(2.5);
  }
  
}