/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
  background-color: #FFBCEE;
  padding-top: 115px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.contact {
    position: relative;
    float: right;
    margin-top: 30px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
}


hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #FFA5E8;
}

.text-default {
    color: #000000;
}

.btn-default {
    color: #333;
    background-color: #E821CE;
    border-color: #E821CE;
}


a {
    color: #000000;
}

/* Breadcrumb
---------------------------------- */
.breadcrumb-container {
  background-color: rgba(255, 165, 232, 0.41);
  border-bottom: none;
}

.breadcrumb {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding-left: 0;
}
.breadcrumb > li + li:before {
  font-family: "FontAwesome";
  content: "\f101";
  font-size: 11px;
  padding-left: 3px;
  color: #000000;
}
.banner .breadcrumb-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.banner .breadcrumb > li a,
.banner .breadcrumb > li i {
  color: #000000;
}
.banner .breadcrumb > .active,
.banner .breadcrumb > li + li:before {
  color: #777777;
}

.banner .breadcrumb > li a:hover {
  color: #0c9ec7;
}

.breadcrumb>.active {
    color: #E821CE;
}


/* Social icons block
---------------------------------- */
.social-links {
  list-style: none;
  font-size: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
}
.social-links li {
  display: inline-block;
  margin: 0 2px 2px 0;
}
.social-links li a {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 1px solid #e7e7e7;
  color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.social-links li a i {
  line-height: 40px;
}
.social-links li a:hover {
  background-color: transparent;
  border-color: #0c9ec7;
  color: #0c9ec7;
}
.social-links.animated-effect-1 li a {
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  position: relative;
  z-index: 1;
}
.social-links.animated-effect-1 li a:hover {
  color: #ffffff!important;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.social-links.animated-effect-1 li a:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  top: 0px;
  left: 0px;
  padding: 0px;
  z-index: -1;
  background-color: #09afdf;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
  transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  opacity: 0;
  filter: alpha(opacity=0);
}
.social-links.animated-effect-1 li a:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
  -moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
  transition: transform 0s, opacity 0.3s, background-color 0.3s;
}
.social-links.animated-effect-1:not(.circle) li a:after {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
}
.default.social-links li a {
  background-color: #09afdf;
  border: 1px solid #0c9ec7;
  color: #ffffff;
}
.default.social-links li a:hover {
  background-color: #ffffff;
  color: #777777;
}
.dark .social-links li a {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.dark.social-links li a {
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.dark.social-links li a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.colored .social-links li a {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.01);
  color: #ffffff;
}
.header-top .social-links {
  margin: 0;
  display: inline-block;
  margin-top: 2px;
}
.footer-content .social-links li {
  margin: 0 5px 5px 0;
}
.footer-content .social-links li a {
  color: #777777;
  background-color: transparent;
  border-color: #777777;
}
.footer-content .social-links li a:hover {
  color: #fff;
  background-color: #777777;
  border-color: #777777;
}
.social-links.small li a {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.social-links.small li a i {
  line-height: 29px;
}
.social-links.large li a {
  width: 60px;
  height: 60px;
  font-size: 24px;
}
.social-links.large li a i {
  line-height: 60px;
}
.social-links.square li a,
.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.social-links.circle li a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.social-links.animated-effect-1 li.twitter a:hover {
  border-color: #55acee;
}
.social-links:not(.animated-effect-1) li.twitter a:hover,
.colored.social-links li.twitter a,
.social-links.animated-effect-1 li.twitter a:after,
.btn.twitter {
  background-color: #55acee;
  border-color: #55acee;
  color: #fff;
}
.social-links.animated-effect-1 li.skype a:hover {
  border-color: #00aff0;
}
.social-links:not(.animated-effect-1) li.skype a:hover,
.colored.social-links li.skype a,
.social-links.animated-effect-1 li.skype a:after,
.btn.skype {
  background-color: #00aff0;
  border-color: #00aff0;
  color: #fff;
}
.social-links.animated-effect-1 li.linkedin a:hover {
  border-color: #0976b4;
}
.social-links:not(.animated-effect-1) li.linkedin a:hover,
.colored.social-links li.linkedin a,
.social-links.animated-effect-1 li.linkedin a:after,
.btn.linkedin {
  background-color: #0976b4;
  border-color: #0976b4;
  color: #fff;
}
.social-links.animated-effect-1 li.googleplus a:hover {
  border-color: #dd4b39;
}
.social-links:not(.animated-effect-1) li.googleplus a:hover,
.colored.social-links li.googleplus a,
.social-links.animated-effect-1 li.googleplus a:after,
.btn.googleplus {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}
.social-links.animated-effect-1 li.youtube a:hover {
  border-color: #b31217;
}
.social-links:not(.animated-effect-1) li.youtube a:hover,
.colored.social-links li.youtube a,
.social-links.animated-effect-1 li.youtube a:after,
.btn.youtube {
  background-color: #b31217;
  border-color: #b31217;
  color: #fff;
}
.social-links.animated-effect-1 li.flickr a:hover {
  border-color: #ff0084;
}
.social-links:not(.animated-effect-1) li.flickr a:hover,
.colored.social-links li.flickr a,
.social-links.animated-effect-1 li.flickr a:after,
.btn.flickr {
  background-color: #ff0084;
  border-color: #ff0084;
  color: #fff;
}
.social-links.animated-effect-1 li.facebook a:hover {
  border-color: #3b5998;
}
.social-links:not(.animated-effect-1) li.facebook a:hover,
.colored.social-links li.facebook a,
.social-links.animated-effect-1 li.facebook a:after,
.btn.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.social-links.animated-effect-1 li.pinterest a:hover {
  border-color: #cb2027;
}
.social-links:not(.animated-effect-1) li.pinterest a:hover,
.colored.social-links li.pinterest a,
.social-links.animated-effect-1 li.pinterest a:after,
.btn.pinterest {
  background-color: #cb2027;
  border-color: #cb2027;
  color: #fff;
}
.social-links.animated-effect-1 li.instagram a:hover {
  border-color: #517fa4;
}
.social-links:not(.animated-effect-1) li.instagram a:hover,
.colored.social-links li.instagram a,
.social-links.animated-effect-1 li.instagram a:after,
.btn.instagram {
  background-color: #517fa4;
  border-color: #517fa4;
  color: #fff;
}
.social-links.animated-effect-1 li.vimeo a:hover {
  border-color: #aad450;
}
.social-links:not(.animated-effect-1) li.vimeo a:hover,
.colored.social-links li.vimeo a,
.social-links.animated-effect-1 li.vimeo a:after,
.btn.vimeo {
  background-color: #aad450;
  border-color: #aad450;
  color: #fff;
}
.social-links.animated-effect-1 li.tumblr a:hover {
  border-color: #32506d;
}
.social-links:not(.animated-effect-1) li.tumblr a:hover,
.colored.social-links li.tumblr a,
.social-links.animated-effect-1 li.tumblr a:after,
.btn.tumblr {
  background-color: #32506d;
  border-color: #32506d;
  color: #fff;
}
.social-links.animated-effect-1 li.soundcloud a:hover {
  border-color: #ff3a00;
}
.social-links:not(.animated-effect-1) li.soundcloud a:hover,
.colored.social-links li.soundcloud a,
.social-links.animated-effect-1 li.soundcloud a:after,
.btn.soundcloud {
  background-color: #ff3a00;
  border-color: #ff3a00;
  color: #fff;
}
.social-links.animated-effect-1 li.foursquare a:hover {
  border-color: #0072b1;
}
.social-links:not(.animated-effect-1) li.foursquare a:hover,
.colored.social-links li.foursquare a,
.social-links.animated-effect-1 li.foursquare a:after,
.btn.foursquare {
  background-color: #0072b1;
  border-color: #0072b1;
  color: #fff;
}
.social-links.animated-effect-1 li.dribbble a:hover {
  border-color: #ea4c89;
}
.social-links:not(.animated-effect-1) li.dribbble a:hover,
.colored.social-links li.dribbble a,
.social-links.animated-effect-1 li.dribbble a:after,
.btn.dribbble {
  background-color: #ea4c89;
  border-color: #ea4c89;
  color: #fff;
}
.social-links.animated-effect-1 li.xing a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.xing a:hover,
.colored.social-links li.xing a,
.social-links.animated-effect-1 li.xing a:after,
.btn.xing {
  background-color: #126567;
  border-color: #126567;
  color: #fff;
}
.social-links.animated-effect-1 li.behance a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.behance a:hover,
.colored.social-links li.behance a,
.social-links.animated-effect-1 li.behance a:after,
.btn.behance {
  background-color: #053eff;
  border-color: #053eff;
  color: #fff;
}
.social-links.animated-effect-1 li.vine a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.vine a:hover,
.colored.social-links li.vine a,
.social-links.animated-effect-1 li.vine a:after,
.btn.vine {
  background-color: #00a478;
  border-color: #00a478;
  color: #fff;
}
.social-links.animated-effect-1 li.stumbleupon a:hover {
  border-color: #126567;
}
.social-links:not(.animated-effect-1) li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a,
.social-links.animated-effect-1 li.stumbleupon a:after,
.btn.stumbleupon {
  background-color: #f74425;
  border-color: #f74425;
  color: #fff;
}
.social-links .dropdown > button {
  padding: 1px 15px 0px;
  font-size: 16px;
  color: #999999;
  text-align: center;
  min-width: 0;
  margin: 0;
  background-color: transparent;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.social-links .dropdown > button i {
  width: 15px;
}
.header-top:not(.dark) .social-links .dropdown.open > button > i:before {
  color: #09afdf;
}
.header-top.colored .social-links .dropdown > button > i:before,
.header-top.colored .social-links .dropdown.open > button > i:before {
  color: #ffffff;
}
.header-top .social-links .dropdown.open > button > i:before {
  content: "\f00d";
}
.social-links .dropdown-menu {
  z-index: 103;
  padding: 5px;
  min-width: 270px;
  margin-top: 6px;
  font-size: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 1px solid #D0D0D0;
  border-top: none;
}
.social-links .dropdown-menu li a,
.dark .social-links .dropdown-menu li a i,
.colored .social-links .dropdown-menu li a i {
  padding: 0;
  line-height: 30px;
  color: #ffffff;
}
.social-links .dropdown-menu li a i {
  padding-left: 0;
}
.social-links .dropdown-menu li a:hover i {
  color: #ffffff;
}

.promotion-background {
  margin: 20px;
  padding: 20px;
  background-color: none;
}

.promotion {
  font-size: 25px;
  color: #9C27B0;
}

.h1promotion {
  font-size: 25px;
  color: #9C27B0;
  
}

.H1text{
  font-size: 20px;
  color: #E821CE;
} 

.h2-banner-text {
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 1px 1px #000000;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-shadow: none;
} 

.h2promotion {
  font-size: 16px;
  color: #A200B0;
}


.h3info {
  font-size: 16px;
  color: #A200B0;
}

.h3promotion {
  font-size: 20px;
  color: #8FFFDB;
  text-align: center;
}
.NowBigger {
  padding: 5px;
  font-size: 24px;
  color: #F57956;
  text-align: center;
}


.pricelist {
  font-size: 16px;
  color: #A200B0;
}

.promotion-pow {
 
  font-size: 25px;
  color: #dc5b5b;
}

.promotion-kapow {
  
  font-size: 20px;
  color: #9C27B0;
}



.page-header {
    font-size: 28px;
}

.list-size {
    font-size: 15px;
}

.h2, h2 {
    font-size: 21px;
}

.contact-info {
    font-size: 15px;
}

.navbar-inverse {
    border-color: #CE6DDE;
    background-color: #FFBCEE;
    padding-top: 5px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000000;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #000000;
}

/**hamburger style**/
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}


.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #793e2b;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #E821CE;
}

.navbar-right {
    float: right!important;
    margin-right: -15px;
    padding-top: 20px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}





/*Services Table*/

.table-bordered {
    border: none;
    background-color: #F5DCEA;
}

.panel {
    margin-bottom: 20px;
    background-color: #F1C6E3;
    /* border: 1px solid transparent; */
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    /* box-shadow: 0 1px 1px rgba(0,0,0,.05); */
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: none; 
}

.panel-default>.panel-heading {
    color: #333;
    background-color: none;
    border-color: none;
}

.panel-heading {
    padding: 0px 0px;
    border-bottom: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}


/*Panel Right*/




/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/**Contact Us Well**/

.well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: rgba(218, 213, 213, 0.16);
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}