/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 /* ==========================================================================
Global Styles
========================================================================== */
html,
body {
  height: 100%;
  width: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #0d0d0d;
  overflow-x: hidden;
  webkit-tap-highlight-color: #222222;
}
img{
  max-width: 100%;
    height: auto;
}
hr {
  border-color: #ffc20c;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #ffc20c;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}


section {
  padding: 100px 0;
}
aside {
  padding: 50px 0;
}
/* ==========================================================================
Global Styles
========================================================================== */
/* ==========================================================================
Global Styles
========================================================================== */
.text-faded {
  color: rgba(255, 255, 255, 0.8);
}
.padding-top{
  padding-top: 20px;
}
.sep {
  max-width: 80px;
  border: 2px solid #ffc20c;
  margin-top: 40px;
  margin-bottom: 40px;
}
.light-sep {
  max-width: 80px;
  border: 2px solid #ffc20c;
  margin-top: 40px;
  margin-bottom: 40px;
}
.row-custom{
  padding-left: 12px;
}
.padding-left{
  padding-right:0px;
}
.padding-left2{
    padding-right: 10em;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.bg-overlay {
  background-color: rgba(40, 80, 80, 0.6);
  margin: 0;
  padding: 50px;
}
.no-padding {
  padding: 0;
}
.btn-white {
  background: transparent;
  border: 3px solid #fff;
  padding: 15px 30px;
  font-size: 14px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  background: #e8e5e3;
  color: #262323;
  text-decoration: none;
}
.center{
  text-align: center;
}
.fadeInDown{
  animation-duration: 4s;
  animation-delay: 1s;
}

/* ==========================================================================
Global Styles
========================================================================== */
/* ==========================================================================
Preloader Style
========================================================================== */
/* Preloader */
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../pictures/img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/* ==========================================================================
Preloader Style
========================================================================== */

    /* ==========================================================================
Navigation Style
========================================================================== */
.navbar-default {
  background-color: black;
  border-color: rgba(34, 34, 34, 0.05);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;

}

.navbar-default .navbar-header .navbar-brand {
  color: #F05F40;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: white;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #F05F40;

}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
  }
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: rgba(255, 194, 12, 1) !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  color: rgba(255, 194, 12, 1);
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .nav > li > a:hover,a
  .navbar-default .nav > li > a:focus:hover {
    color: #ffc20c;
  }
  .navbar-default.affix {
    background-color: black;
    border-color: rgba(34, 34, 34, 0.05);
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #F05F40;
    font-size: 14px;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #ffc20c;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: white;
  }
  .navbar-default.affix .nav > li > a:hover
  {
    color: rgba(255, 194, 12, 0.7);
  }
}

    /* ==========================================================================
Navigation Style
========================================================================== */
/* ==========================================================================
Header Style
========================================================================== */
header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../pictures/Image/BackGround/Background001.jpg');
  text-align: center;
  color: white;
}
header .header-content {
  position: relative;
  text-align: center;
  padding: 100px 15px 100px;
  width: 100%;
}
header .header-content .header-content-inner h1 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}
header .header-content .header-content-inner hr {
  margin: 30px auto;
}
header .header-content .header-content-inner p {
  font-weight: 300;
  color: rgba(255, 194, 12, 1);
  font-size: 16px;
  margin-bottom: 50px;
}

  header {
    min-height: 100%;
  }
  header .header-content {
    position: absolute;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }
  header .header-content .header-content-inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  header .header-content .header-content-inner h1 {
    font-size: 50px;
  }
  header .header-content .header-content-inner p {
    font-size: 18px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.section-heading {
  margin-top: 0;
}

/* ==========================================================================
Header Style
========================================================================== */

/* ==========================================================================
Gallery
========================================================================== */

#Gallery{
   /* Background Colour*/
  min-width:250px;
  background: url('../pictures/image/teamarkingbg.jpg') no-repeat center top fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding:0;
}
#Gallery .overlay{
  background-color: rgba(80, 80, 80, 0.8);
  margin: 0;
  padding-top:50px;
  padding-bottom: 150px;
}
#Gallery .gal{
  padding-bottom: 50px;
    text-align: center;
}
#Gallery .gal-sp
{
  color: white;
  padding-bottom: 50px;
  text-align: center;
}
.featherlight-content {
          background: #000;
        }
        .featherlight-next:hover,
.featherlight-previous:hover {
          background: rgba(0,0,0,0.5);
        }
        
        .featherlight-close {
          background: transparent;
          color: #fff;
          font-size: 1.2em;
        }

@media(max-width: 768px){
  #Gallery .gal
  {
  padding: 0px !important;
  padding-bottom: 
  }
  .btn-white{
    padding:10px;
    font-size: 8px;
    border:3px solid #fff;
    margin-top: 1px;
    margin-left: -2px;
  }
#Gallery .gal-sp{
    padding-bottom: 10px;
   }

#Gallery #sort-me{
    width: 30%;
    height: 25%;
    display: inline-block;
  }
  #Gallery .gallery{
    margin-left: 40px;
  }
.featherlight-next:hover span,
.featherlight-previous:hover span {
          display: none;
        }
        .featherlight-next span,
.featherlight-previous span {
          display: none;
        }

.featherlight-next:hover,
.featherlight-previous:hover {
          background: transparent;
        }

        
}

/* ==========================================================================
Gallery
========================================================================== */

/* ==========================================================================
Services Style
========================================================================== */
#services {
  background: #24242a;
  padding: 60px 0;
  text-align: center;
}
#services h2 {
  text-transform: uppercase;
  color: #fff;
}
#services p {
  color: #fff;
}
#services .services-box {
  margin-top: 40px;
}
#services .services-box .col-md-4 {
  margin-bottom: 20px;
}
#services .services-box .col-md-4 .media-left,
#services .services-box .col-md-4 .media-right,
#services .services-box .col-md-4 .media-body {
  padding-right: 30px;
  vertical-align: baseline;
}
#services .services-box .col-md-4 .media-left p,
#services .services-box .col-md-4 .media-right p,
#services .services-box .col-md-4 .media-body p {
  text-align: left;
}
#services .services-box .col-md-4 .media-left h3,
#services .services-box .col-md-4 .media-right h3,
#services .services-box .col-md-4 .media-body h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}
#services .services-box .col-md-4 .media-left span,
#services .services-box .col-md-4 .media-right span,
#services .services-box .col-md-4 .media-body span {
  font-size: 36px;
  color: #fff;
}
@media(max-width: 768px){
  #services .services-box .col-md-4 .media-left span,
#services .services-box .col-md-4 .media-right span,
#services .services-box .col-md-4 .media-body span {
  font-size: 25px;
  color: #fff;
}
}
@media (max-width: 600px){
  #services .padding-left{
    padding-left: 8px;
  }
}
/* ==========================================================================
Services Style
========================================================================== */
/* ==========================================================================
about style 
========================================================================== */
#about{
  /* Background Colour*/
  width: 100%;
  min-height:auto;
  background: url('../pictures/img/parallax-1.jpg') no-repeat center top fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding:0;
}

#about .btn
{
  border:  1px solid #ffc20c;
  color:#ffc20c;
}
#about .btn:hover,.btn:active{
  background: rgba(255, 194, 12,0.7);
}
#about .btn-primary
{
  background: transparent;
}
#about .text-faded
{
  padding-bottom: 10px;
  font-size: 18px;
}
#about h3{
  padding-bottom: 20px;
}
#about ul{
  list-style:none;
  margin: 0px;
  padding: 0px;
}
#about ul li{
  display: inline-block;
  border: 5px solid white;
  margin: 5px;
}
@media(max-width: 768px){

#about ul li{
    width: 25%;
    height: 25%;
    display: inline-block;
  }
  #about .gallery{
    margin-left: 40px;
  }
}

/* ==========================================================================
about style 
========================================================================== */

/* ==========================================================================
Brands Style
========================================================================== */
#brands .image{
padding: 44px;
    display: inline-block;
}

#brands{
     background: url('../pictures/img/teamarkingbg.jpg') no-repeat center top fixed;
  -webkit-background-size: cover;
  background-size: cover;
  
     padding-top: 50px;
     padding-bottom: 150px;
}

#brands .padd{
  padding-top: 50px;
}
/* ==========================================================================
Brands Style
========================================================================== */

/* ==========================================================================
Contact style 
========================================================================== */

#contact{
  padding-top: 50px;
  margin: 0px;
   background-color: #222;
  color: #999;
}
#contact .social{
  letter-spacing:2px;
  padding-left: 0px;
}

#contact .box h1,
#contact .box h2,
#contact .box h3 {
  color: #fff;
}
#contact .box a {
  color: #999;
}
#contact .box a:hover {
  color: #52b6ec;
}

#contact li{
  display: inline-block;
}

#golmap{
  width:300px;height:250px;
}/*google map */

#contact h4{
  color: #fff;
}
#contact .padding-top{
  padding-top: 10px;
}
#contact .padding-top2{
  padding-top: 40px;
  padding-bottom: 20px
}
@media (min-width: 768px){
  #contact .padding-top2{
  padding-top: 10px;
  padding-bottom: 30px
}

}

/* ==========================================================================
Contact style 
========================================================================== */
/* ==========================================================================
Timeline style 
========================================================================== */
@font-face {
  font-family: 'ecoico';
  src:url('../fonts/timelineicons/ecoico.eot');
  src:url('../fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
    url('../fonts/timelineicons/ecoico.woff') format('woff'),
    url('../fonts/timelineicons/ecoico.ttf') format('truetype'),
    url('../fonts/timelineicons/ecoico.svg#ecoico') format('svg');
  font-weight: normal;
  font-style: normal;
} /* Made with http://icomoon.io/ */

.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #afdcf8;
  left: 20%;
  margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 0.9em;
  color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 2.9em;
  color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 25%;
  background: #3594cb;
  color: #fff;
  padding: 2em;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #3594cb;
  border-width: 10px;
  top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #6cbfee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
  width: 40px;
  height: 40px;
  font-family: 'ecoico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #46a4da;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #afdcf8;
  text-align: center;
  left: 20%;
  top: 0;
  margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
  content: "\e000";
}

.cbp_tmicon-screen:before {
  content: "\e001";
}

.cbp_tmicon-mail:before {
  content: "\e002";
}

.cbp_tmicon-earth:before {
  content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

  .cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }

  .cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
  }

  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }

  .cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #3594cb;
    top: -20px;
  }

  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #6cbfee;
  }

  .cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  } 
}


/* ==========================================================================
Timeline style 
========================================================================== */
/* ==========================================================================
certificate style 
========================================================================== */
#certificate{
  /* Background Colour*/
  width: 100%;
  min-height:auto;
  background: url('../pictures/img/certificate.jpg') no-repeat center top fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding:0;
}

#certificate .btn
{
  border:  1px solid #ffc20c;
  color:#ffc20c;
}
#certificate .btn:hover,.btn:active{
  background: rgba(255, 194, 12,0.7);
}
#certificate .btn-primary
{
  background: transparent;
}
#certificate .text-faded
{
  padding-bottom: 10px;
  font-size: 18px;
}
#certificate h3{
  padding-bottom: 20px;
}
#certificate ul{
  list-style:none;
  margin: 0px;
  padding: 0px;
}
#certificate ul li{
  display: inline-block;
  border: 5px solid white;
  margin: 5px;
}
@media(max-width: 768px){

#certificate ul li{
    width: 25%;
    height: 25%;
    display: inline-block;
  }
  #certificate .gallery{
    margin-left: 40px;
  }
}

/* ==========================================================================
certificate style 
========================================================================== */
/* ==========================================================================
esg style 
========================================================================== */
#esg{
  /* Background Colour*/
  width: 100%;
  min-height:auto;
  background: url('../pictures/img/esg.jpg') no-repeat center top fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding:0;
}

#esg .btn
{
  border:  1px solid #ffc20c;
  color:#ffc20c;
}
#esg .btn:hover,.btn:active{
  background: rgba(255, 194, 12,0.7);
}
#esg .btn-primary
{
  background: transparent;
}
#esg .text-faded
{
  padding-bottom: 10px;
  font-size: 18px;
}
#esg h3{
  padding-bottom: 20px;
}
#esg ul{
  list-style:none;
  margin: 0px;
  padding: 0px;
}
#esg ul li{
  display: inline-block;
  border: 5px solid white;
  margin: 5px;
}
@media(max-width: 768px){

#esg ul li{
    width: 25%;
    height: 25%;
    display: inline-block;
  }
  #esg .gallery{
    margin-left: 40px;
  }
}

/* ==========================================================================
esg style 
========================================================================== */



.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active:hover,.btn-pinterest.active:hover,.open>.dropdown-toggle.btn-pinterest:hover,.btn-pinterest:active:focus,.btn-pinterest.active:focus,.open>.dropdown-toggle.btn-pinterest:focus,.btn-pinterest:active.focus,.btn-pinterest.active.focus,.open>.dropdown-toggle.btn-pinterest.focus{color:#fff;background-color:#801419;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled.focus,.btn-pinterest[disabled].focus,fieldset[disabled] .btn-pinterest.focus{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}


.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}





.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}


.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active:hover,.btn-instagram.active:hover,.open>.dropdown-toggle.btn-instagram:hover,.btn-instagram:active:focus,.btn-instagram.active:focus,.open>.dropdown-toggle.btn-instagram:focus,.btn-instagram:active.focus,.btn-instagram.active.focus,.open>.dropdown-toggle.btn-instagram.focus{color:#fff;background-color:#26455d;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled.focus,.btn-instagram[disabled].focus,fieldset[disabled] .btn-instagram.focus{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}


.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}


.btn-x-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-x-twitter:focus,.btn-x-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-x-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-x-twitter:active,.btn-x-twitter.active,.open>.dropdown-toggle.btn-x-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-x-twitter:active:hover,.btn-x-twitter.active:hover,.open>.dropdown-toggle.btn-x-twitter:hover,.btn-x-twitter:active:focus,.btn-x-twitter.active:focus,.open>.dropdown-toggle.btn-x-twitter:focus,.btn-x-twitter:active.focus,.btn-x-twitter.active.focus,.open>.dropdown-toggle.btn-x-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
.btn-x-twitter:active,.btn-x-twitter.active,.open>.dropdown-toggle.btn-x-twitter{background-image:none}
.btn-x-twitter.disabled:hover,.btn-x-twitter[disabled]:hover,fieldset[disabled] .btn-x-twitter:hover,.btn-x-twitter.disabled:focus,.btn-x-twitter[disabled]:focus,fieldset[disabled] .btn-x-twitter:focus,.btn-x-twitter.disabled.focus,.btn-x-twitter[disabled].focus,fieldset[disabled] .btn-x-twitter.focus{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-x-twitter .badge{color:#55acee;background-color:#fff}