/*Last Edited 170601*/

/* text*/

.text-red a{
  color:#F70F0F;
}

.text-red a:hover {
  text-decoration: underline;
  color: #C50C0C;
}


/* logo DONE*/

.ti-name {
    font-family: "Interstate-Regular";
    letter-spacing: -0.02em;
    color: #222222;
    padding: 1px 0px;
    margin: 10px 0 10px;
    vertical-align: middle;
}

.ti-name a {
    color: #222222;
}

.ti-name a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #222222;
}

@media (min-width: 992px) .ti-name {
    font-size: 28px;
}

@media (min-width: 768px) .ti-name {
    font-size: 1.723em;
}


/* headbar */

.headbar {
    font-size: 1.4em;
    background-color: #ff0033;
    color: #fff;
    letter-spacing: 0.11em;
    padding: 15px;
    margin-bottom: 20px;
}


/* base DONE*/

.base {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-feature-settings: "palt";
    color: #333333;
    overflow: hidden;
    letter-spacing: 0.05em;
    background-color: #fff;
    font-size: 1.3em;
    font-weight: 500;
}


/* as-advantages DONE*/

.as-advantages {
    color: #F70F0F;
    font-size: 2.4em;
    padding: 20px 15px 10px;
}


/* tuka-advantages DONE*/

.tuka-advantages {
    color: #444;
    font-size: 2em;
    padding: 20px 15px 10px;
}


/* hr DONE*/

hr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

/* indent */

.indent-1 {
    padding-left: 1em;
}

.indent-2 {
    padding-left: 1em;
    text-indent: -1em;
}

/* lower-index */

.lower-index {
    font-size: 1.3em;
    padding-bottom: 20px;
    font-weight: 900;
}

.upper-index {
    font-size: 1.6em;
    padding-bottom: 20px;
    font-weight: 900;
    color: #444;
}

.lead {
    font-size: 1.6em;
    padding-bottom: 20px;
    font-weight: 900;
}

/*iframe*/
iframe{
  border:none;
}


/* bg DONE*/


.bg-Lblue {
    background: #f0f5f5;
}

.bg-pink {
    background: #FCEFFC;
}

.bg-white {
    background-color: #FFF;
    margin-top: 20px;
}

.bg-black {
    background: #000;
}

.bg-gray {
    background-color: #EBEBEB;
}

.bg-blue {
    color: #FFF;
    background-color: #244e76;
}

.bg-blue a {
    color: #fff;
}

.bg-blue a:hover {
    color: #fff;
}


/* card alerts */

.notice {
    padding: 15px;
    background-color: #FCEFFC;
    /*
    border-left: 6px solid #F70F0F;
    */
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
    /* border-radius
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    */
}


.notice-danger {
    border-color: #d73814;
}

.notice-danger>strong {
    color: #d73814;
}

.notice ul {
list-style: none;
padding-left: 1em; /* 文章のスタート位置。li:beforeが入るスペースを確保*/
}

.notice li {
position: relative;
padding-left: 0.4em; /* アイコンと文章の間のスペース */
}

.notice li:before {
font-family: 'FontAwesome';
content: "\f058"; /* 例としてハート形のicon-heartの番号*/
position: absolute;
left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
top: 0; /* アイコンの場所を変えたければ適宜変更 */
}

/* quote-card */

.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  /* padding-left: 50px; */
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  /*
  max-width: 80%;
  */
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
@media (min-width:1200px){
.quote-card:before {
  font-family: 'icomoon';
  content: "\e900";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 4.5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.quote-card:after {
  font-family: 'icomoon';
  content: "\e900";
  position: absolute;
  bottom: 10px;
  /*
  line-height: 100px;
  */
  right: 10px;
  font-size: 4.5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
}

/*
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
*/

.quote-card.blue-card {
  background: #0078FF;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #5FAAFF;
}
.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #F61E32;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F65665 ;
}

.quote-card.yellow-card {
  background: #F9A825;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}


/*for ac*/
.panel-heading {
    cursor: pointer;
    display: block;
}

.panel-title {
    padding-right: 10px;
    font-size: inherit;
}


/*AS fontface*/

@font-face {
    font-family: 'icomoon';
    src: url('/ja-jp/media/icomoon.eot?gqu4wj');
    src: url('/ja-jp/media/icomoon.eot?gqu4wj#iefix') format('embedded-opentype'), url('/ja-jp/media/icomoon.ttf?gqu4wj') format('truetype'), url('/ja-jp/media/icomoon.woff?gqu4wj') format('woff'), url('/ja-jp/media/icomoon.svg?gqu4wj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 0.2em;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-as_smile:before {
    content: "\e900";
}

.icon-as_headset:before {
    content: "\e901";
    padding-right: 5px;
}

.icon-as_headset2:before {
    content: "\e901";
    padding-left: 0.2em;
}


/*pills*/

.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background-color: #c0cdd1;
    background-color: #F70F0F;
}

.nav-pills > li > a {
    color: #6c7073;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-pills > li > a:hover {
    color: #fff;
    background-color:#C50C0C;
}

.nav-pills > li > a i{
    display:none;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #F70F0F;
    font-weight: 900;
    background-color: #fff;
    border-top: 5px solid #F70F0F;
}

/*Others */

.fw-900 {
    font-weight: 900;
}

.box {
    padding: 20px
}

.pdlr-0 {
    padding-left: 0;
    padding-right: 0;
}

.pdlr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:992px) {
    .pdlr-md-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:992px) {
    .mgt-xs-20 {
        margin-top: 20px;
    }
}


/* footer */

.footer {
    padding-top: 10px;
    background-color: #2f2f2f;
    color: white;
    font-size: .7em;
}


/*fs*/

.fs06 {
    font-size: 0.6em;
}

.fs-075 {
    font-size: 0.75em;
}

.fs08 {
    font-size: 0.8em;
}

.fs-12 {
    font-size: 1.2em;
}

.fs-14 {
    font-size: 1.4em;
}

.fs-16 {
    font-size: 1.6em;
}
.fs24 {
    font-size: 2.4em;
}

/*buttons*/
Skip to content
Features Business Explore Marketplace Pricing
This repository
Search
Sign in or Sign up
 Watch 5  Star 76  Fork 20 codingd0g/push-bootstrap-button-pack
 Code  Issues 1  Pull requests 2  Projects 0 Insights
Branch: master Find file Copy pathpush-bootstrap-button-pack/assets/css/buttons.css
9365646  on 12 Nov 2014
@codingd0g codingd0g original files
1 contributor
RawBlameHistory
407 lines (391 sloc)  17.6 KB
/*********************************************************************
  Name:   Push - Bootstrap Button Pack
  Author:   BootstrapBay - (http://www.bootstrapbay.com/)
  Version:  1.0

*********************************************************************/

/******************************************************
  CUSTOM BTN VALUES
******************************************************/

.btn {
  padding: 14px 24px;
  border: 0 none;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
}

/******************************************************
  STANDARD BUTTONS
******************************************************/

.btn-default {
  border: 2px solid #C4C4C4;
  color: #737373;
  padding: 12px 22px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background: #FFFFFF;
  border-color: #949494;
  color: #737373;
}
.btn-default:active, .btn-default.active {
  border-color: #737373;
  box-shadow: none;
}
.btn-primary {
  background: #0099cc;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background: #33a6cc;
}
.btn-primary:active, .btn-primary.active {
  background: #007299;
  box-shadow: none;
}
.btn-success {
  background: #00bf6f;
  color: #ffffff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background: #39bf87;
}
.btn-success:active, .btn-success.active {
  background: #008c52;
  box-shadow: none;
}
.btn-info {
  background: #31cde8;
  color: #ffffff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background: #5fd4e8;
}
.btn-info:active, .btn-info.active {
  background: #35a2b5;
  box-shadow: none;
}
.btn-warning {
  background: #eb8f34;
  color: #ffffff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  background: #eba259;
}
.btn-warning:active, .btn-warning.active {
  background: #b87430;
  box-shadow: none;
}
.btn-danger {
  background: #f25454;
  color: #ffffff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  background: #f26d6d;
}
.btn-danger:active, .btn-danger.active {
  background: #bf4343;
  box-shadow: none;
}

/******************************************************
  SHARP BUTTONS
******************************************************/

.btn.sharp {
  border-radius: 0;
}

/******************************************************
  OUTLINE BUTTONS
******************************************************/
.btn.outline {
  background: none;
  padding: 12px 22px;
}
.btn-primary.outline {
  border: 2px solid #0099cc;
  color: #0099cc;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
  color: #33a6cc;
  border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
  border-color: #007299;
  color: #007299;
  box-shadow: none;
}
.btn-success.outline {
  border: 2px solid #00bf6f;
  color: #00bf6f;
}
.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
  border-color: #39bf87;
  color: #39bf87;
}
.btn-success.outline:active, .btn-success.outline.active {
  border-color: #008c52;
  color: #008c52;
  box-shadow: none;
}
.btn-info.outline {
  border: 2px solid #31cde8;
  color: #31cde8;
}
.btn-info.outline:hover, .btn-info.outline:focus, .btn-info.outline:active, .btn-info.outline.active, .open > .dropdown-toggle.btn-info {
  border-color: #5fd4e8;
  color: #5fd4e8;
}
.btn-info.outline:active, .btn-info.outline.active {
  border-color: #35a2b5;
  color: #35a2b5;
  box-shadow: none;
}
.btn-warning.outline {
  border: 2px solid #eb8f34;
  color: #eb8f34;
}
.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning {
  border-color: #eba259;
  color: #eba259;
}
.btn-warning.outline:active, .btn-warning.outline.active {
  border-color: #b87430;
  color: #b87430;
  box-shadow: none;
}
.btn-danger.outline {
  border: 2px solid #f25454;
  color: #f25454;
}
.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger {
  border-color: #f26d6d;
  color: #f26d6d;
}
.btn-danger.outline:active, .btn-danger.outline.active {
  border-color: #bf4343;
  color: #bf4343;
  box-shadow: none;
}

/******************************************************
  GRADIENT BUTTONS
******************************************************/
.btn-primary.gradient {
  background: -moz-linear-gradient(top,  #33a6cc 50%, #0099cc 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#33a6cc), color-stop(50%,#0099cc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #33a6cc 50%,#0099cc 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #33a6cc 50%,#0099cc 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #33a6cc 50%,#0099cc 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #33a6cc 50%,#0099cc 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#0099cc',GradientType=0 ); /* IE6-9 */
}
.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {
  background: -moz-linear-gradient(top,  #66b2cc 50%, #33a6cc 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#66b2cc), color-stop(50%,#33a6cc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #66b2cc 50%,#33a6cc 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 ); /* IE6-9 */
}
.btn-primary.gradient:active, .btn-primary.gradient.active {
  background: -moz-linear-gradient(top,  #267c99 50%, #007299 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#267c99), color-stop(50%,#007299)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #267c99 50%,#007299 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #267c99 50%,#007299 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #267c99 50%,#007299 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #267c99 50%,#007299 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 ); /* IE6-9 */
}
.btn-success.gradient {
  background: -moz-linear-gradient(top,  #39bf87 50%, #00bf6f 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#39bf87), color-stop(50%,#00bf6f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #39bf87 50%,#00bf6f 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #39bf87 50%,#00bf6f 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #39bf87 50%,#00bf6f 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #39bf87 50%,#00bf6f 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bf87', endColorstr='#00bf6f',GradientType=0 ); /* IE6-9 */
}
.btn-success.gradient:hover, .btn-success.gradient:focus, .btn-success.gradient:active, .btn-success.gradient.active, .open > .dropdown-toggle.btn-success {
  background: -moz-linear-gradient(top,  #73bf9f 50%, #39bf87 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#73bf9f), color-stop(50%,#39bf87)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #73bf9f 50%,#39bf87 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #73bf9f 50%,#39bf87 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #73bf9f 50%,#39bf87 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #73bf9f 50%,#39bf87 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bf9f', endColorstr='#39bf87',GradientType=0 ); /* IE6-9 */
}
.btn-success.gradient:active, .btn-success.gradient.active {
  background: -moz-linear-gradient(top,  #2a8c63 50%, #008c52 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2a8c63), color-stop(50%,#008c52)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2a8c63 50%,#008c52 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2a8c63 50%,#008c52 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2a8c63 50%,#008c52 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #2a8c63 50%,#008c52 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a8c63', endColorstr='#008c52',GradientType=0 ); /* IE6-9 */
}
.btn-info.gradient {
  background: -moz-linear-gradient(top,  #5fd4e8 50%, #31cde8 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#5fd4e8), color-stop(50%,#31cde8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5fd4e8 50%,#31cde8 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5fd4e8 50%,#31cde8 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #5fd4e8 50%,#31cde8 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #5fd4e8 50%,#31cde8 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd4e8', endColorstr='#31cde8',GradientType=0 ); /* IE6-9 */
}
.btn-info.gradient:hover, .btn-info.gradient:focus, .btn-info.gradient:active, .btn-info.gradient.active, .open > .dropdown-toggle.btn-info {
  background: -moz-linear-gradient(top,  #8edae8 50%, #5fd4e8 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#8edae8), color-stop(50%,#5fd4e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #8edae8 50%,#5fd4e8 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #8edae8 50%,#5fd4e8 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #8edae8 50%,#5fd4e8 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #8edae8 50%,#5fd4e8 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edae8', endColorstr='#5fd4e8',GradientType=0 ); /* IE6-9 */
}
.btn-info.gradient:active, .btn-info.gradient.active {
  background: -moz-linear-gradient(top,  #6baab5 50%, #35a2b5 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6baab5), color-stop(50%,#35a2b5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #6baab5 50%,#35a2b5 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #6baab5 50%,#35a2b5 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #6baab5 50%,#35a2b5 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #6baab5 50%,#35a2b5 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6baab5', endColorstr='#35a2b5',GradientType=0 ); /* IE6-9 */
}
.btn-warning.gradient {
  background: -moz-linear-gradient(top,  #eba259 50%, #eb8f34 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eba259), color-stop(50%,#eb8f34)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #eba259 50%,#eb8f34 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #eba259 50%,#eb8f34 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #eba259 50%,#eb8f34 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #eba259 50%,#eb8f34 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eba259', endColorstr='#eb8f34',GradientType=0 ); /* IE6-9 */
}
.btn-warning.gradient:hover, .btn-warning.gradient:focus, .btn-warning.gradient:active, .btn-warning.gradient.active, .open > .dropdown-toggle.btn-warning {
  background: -moz-linear-gradient(top,  #ebb57f 50%, #eba259 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ebb57f), color-stop(50%,#eba259)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ebb57f 50%,#eba259 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ebb57f 50%,#eba259 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ebb57f 50%,#eba259 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #ebb57f 50%,#eba259 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb57f', endColorstr='#eba259',GradientType=0 ); /* IE6-9 */
}
.btn-warning.gradient:active, .btn-warning.gradient.active {
  background: -moz-linear-gradient(top,  #b8824d 50%, #b87430 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#b8824d), color-stop(50%,#b87430)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b8824d 50%,#b87430 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b8824d 50%,#b87430 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b8824d 50%,#b87430 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #b8824d 50%,#b87430 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8824d', endColorstr='#b87430',GradientType=0 ); /* IE6-9 */
}
.btn-danger.gradient {
  background: -moz-linear-gradient(top,  #f26d6d 50%, #f25454 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f26d6d), color-stop(50%,#f25454)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f26d6d 50%,#f25454 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f26d6d 50%,#f25454 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f26d6d 50%,#f25454 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #f26d6d 50%,#f25454 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d6d', endColorstr='#f25454',GradientType=0 ); /* IE6-9 */
}
.btn-danger.gradient:hover, .btn-danger.gradient:focus, .btn-danger.gradient:active, .btn-danger.gradient.active, .open > .dropdown-toggle.btn-danger {
  background: -moz-linear-gradient(top,  #f28585 50%, #f26d6d 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f28585), color-stop(50%,#f26d6d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f28585 50%,#f26d6d 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f28585 50%,#f26d6d 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f28585 50%,#f26d6d 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #f28585 50%,#f26d6d 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28585', endColorstr='#f26d6d',GradientType=0 ); /* IE6-9 */
}
.btn-danger.gradient:active, .btn-danger.gradient.active {
  background: -moz-linear-gradient(top,  #bf5656 50%, #bf4343 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#bf5656), color-stop(50%,#bf4343)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #bf5656 50%,#bf4343 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #bf5656 50%,#bf4343 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #bf5656 50%,#bf4343 50%); /* IE10+ */
  background: linear-gradient(to bottom,  #bf5656 50%,#bf4343 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5656', endColorstr='#bf4343',GradientType=0 ); /* IE6-9 */
}

/******************************************************
  ROUNDED BUTTONS
******************************************************/

.btn.round {
  border-radius: 24px;
}
.btn-lg.round {
  border-radius: 32px;
}
.btn-sm.round {
  border-radius: 14px;
}
.btn-xs.round {
  border-radius: 10px;
}

/******************************************************
  RAISED BUTTONS
******************************************************/

.btn-primary.raised {
  box-shadow: 0 3px 0 0 #007299;
}
.btn-primary.raised:active, .btn-primary.raised.active {
  background: #33a6cc;
  box-shadow: none;
  margin-bottom: -3px;
  margin-top: 3px;
}
.btn-success.raised {
  box-shadow: 0 3px 0 0 #008c52;
}
.btn-success.raised:active, .btn-success.raised.active {
  background: #39bf87;
  box-shadow: none;
  margin-bottom: -3px;
  margin-top: 3px;
}
.btn-info.raised {
  box-shadow: 0 3px 0 0 #35a2b5;
}
.btn-info.raised:active, .btn-info.raised.active {
  background: #5fd4e8;
  box-shadow: none;
  margin-bottom: -3px;
  margin-top: 3px;
}
.btn-warning.raised {
  box-shadow: 0 3px 0 0 #b87430;
}
.btn-warning.raised:active, .btn-warning.raised.active {
  background: #eba259;
  box-shadow: none;
  margin-bottom: -3px;
  margin-top: 3px;
}
.btn-danger.raised {
  box-shadow: 0 3px 0 0 #bf4343;
}
.btn-danger.raised:active, .btn-danger.raised.active {
  background: #f26d6d;
  box-shadow: none;
  margin-bottom: -3px;
  margin-top: 3px;
}

/******************************************************
  BUTTON SIZING
******************************************************/

.btn-xs, .btn-group-xs > .btn {
  padding: 2px 6px;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 8px 12px;
}
.btn-lg {
  padding: 20px 40px;
  border-radius: 4px;
}
.btn-xs.btn-default, .btn-xs.outline {
  padding: 0px 4px;
}
.btn-sm.btn-default, .btn-sm.outline {
  padding: 6px 10px;
}
.btn-lg.btn-default, .btn-lg.outline {
  padding: 18px 38px;
}


/* margi'n padding */

.mgb-0 {
    margin-bottom: 0px;
}

.mgb-5 {
    margin-bottom: 5px;
}

.mgb-10 {
    margin-bottom: 10px;
}

.mgb-15 {
    margin-bottom: 15px;
}

.mgb-20 {
    margin-bottom: 20px;
}

.mgb-25 {
    margin-bottom: 25px;
}

.mgb-30 {
    margin-bottom: 30px;
}

.mgb-35 {
    margin-bottom: 35px;
}

.mgb-40 {
    margin-bottom: 40px;
}

.mgb-45 {
    margin-bottom: 45px;
}

.mgb-50 {
    margin-bottom: 50px;
}

.mgt-0 {
    margin-top: 0px;
}

.mgt-5 {
    margin-top: 5px;
}

.mgt-10 {
    margin-top: 10px;
}

.mgt-15 {
    margin-top: 15px;
}

.mgt-20 {
    margin-top: 20px;
}

.mgt-25 {
    margin-top: 25px;
}

.mgt-30 {
    margin-top: 30px;
}

.mgt-35 {
    margin-top: 35px;
}

.mgt-40 {
    margin-top: 40px;
}

.mgt-45 {
    margin-top: 45px;
}

.mgt-50 {
    margin-top: 50px;
}

.pdb-0 {
    padding-bottom: 0px;
}

.pdb-5 {
    padding-bottom: 5px;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdb-15 {
    padding-bottom: 15px;
}

.pdb-20 {
    padding-bottom: 20px;
}

.pdb-25 {
    padding-bottom: 25px;
}

.pdb-30 {
    padding-bottom: 30px;
}

.pdb-35 {
    padding-bottom: 35px;
}

.pdb-40 {
    padding-bottom: 40px;
}

.pdb-45 {
    padding-bottom: 45px;
}

.pdb-50 {
    padding-bottom: 50px;
}

.pdt-0 {
    padding-top: 0px;
}

.pdt-5 {
    padding-top: 5px;
}

.pdt-10 {
    padding-top: 10px;
}

.pdt-15 {
    padding-top: 15px;
}

.pdt-20 {
    padding-top: 20px;
}

.pdt-25 {
    padding-top: 25px;
}

.pdt-30 {
    padding-top: 30px;
}

.pdt-35 {
    padding-top: 35px;
}

.pdt-40 {
    padding-top: 40px;
}

.pdt-45 {
    padding-top: 45px;
}

.pdt-50 {
    padding-top: 50px;
}


/***** Modal *****/

.modal-backdrop.in {
    filter: alpha(opacity=7);
    opacity: 0.7;
}

.modal-content {
    background: none;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.modal-body {
    padding: 0 25px 25px 25px;
}

.modal-header {
    padding: 25px 25px 15px 25px;
    text-align: right;
}

.modal-header, .modal-footer {
    border: 0;
}

.modal-header .close {
    float: none;
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
    text-shadow: none;
    opacity: 1;
}

/* Backtotop Function*/
.back-to-top {
  position: fixed; bottom: 1.5em;
  right: 1em;
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  padding: 1em;
  display: none;
  background:rgb(0,0,0);
  background: transparent\9;
  background:rgba(0,0,0,0.3);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
  zoom: 1;
}
.back-to-top:nth-child(n) {
  filter: none;
}
.back-to-top:hover {
  color:#ffffff;
  background:rgb(0,0,0);
  background: transparent\9;
  background:rgba(0,0,0,0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); 
  zoom: 1; 
}
.bc-footer{
  margin-top: 30px;
  padding-top: 10px;
  background-color: #2f2f2f;
  color: #fff;
}


@media screen and (max-width: 990px) {
  .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
      margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .nav-justified {
      display: flex;
      justify-content: space-between;
  }
  .nav-justified>li {
      width: 50%;
      margin: 0;
  }
  .nav-justified li a{
      font-size: 19px;
      padding: 12px 10px;
      height: 100%;
      border-top: 5px solid #F70F0F;
  }
}

@media screen and (max-width: 414px) {
  .nav-justified {
      display: flex;
      justify-content: space-between;
  }
  .nav-justified>li {
      width: auto;
  }
  .nav-justified li a{
      font-size: 15px;
      padding: 10px 11px;
      height: 100%;
      border-top: 5px solid #F70F0F;
  }
  .as-advantages {
      font-size: 1.8em;
  }
  .tuka-advantages {
      font-size: 1.6em;
  }
  .h2 {
      font-size: 26px;
  }
  .h3 {
      font-size: 20px;
  }
  .upper-index {
      font-size: 1.4em;
      text-align: left;
      padding: 0 0 10px;
  }
  .lower-index {
      font-size: 1.1em;
      text-align: left;
  }
  .panel-title {
      font-size: 16px;
      line-height: 20px;
      text-indent: -1.3em;
      padding-left: 1.3em;
  }
  .panel-body {
      font-size: 15px;
  }
  .panel-body p{
      font-size: 15px;
  }
}

@media screen and (max-width: 375px) {
  .nav-justified li a{
      font-size: 13px;
      padding: 10px 12px;
  }
}