@font-face {
    font-family: 'Dragonfly';
    src: url('../fonts/Dragonfly.otf');
    src: url('../fonts/Dragonfly.eot');
    src: url('../fonts/Dragonfly.eot?#iefix') format('embedded-opentype'), url('../fonts/Dragonfly.woff2') format('woff2'),
    /* Super Modern Browsers */
    
    url('../fonts/Dragonfly.woff') format('woff'), url('../fonts/Dragonfly.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SEWING';
    src: url('../fonts/SEWING.eot');
    src: url('../fonts/SEWING.eot?#iefix') format('embedded-opentype'), url('../fonts/SEWING.woff') format('woff'), url('../fonts/SEWING.ttf') format('truetype'), url('../fonts/SEWING.svg#SEWING') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before {
    display: inline-block;
    font-family: 'SEWING';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6em;
}
.icon-container:hover .icon{
    color: #8548b0;
}
.icon-container {
    display: block;
    padding: 2em;
}
.icon-container:hover {
    background: url(../img/creative/flower.png) no-repeat center center;
    background-size: 70% 80%;
}
.icon-alterations:before {
    content: '\0041';
}
.icon-bride_profile:before {
    content: '\0042';
}
.icon-design:before {
    content: '\0043';
}
.icon-dress:before {
    content: '\0044';
}
.icon-needle:before {
    content: '\0045';
}
.icon-remodelling:before {
    content: '\0046';
}
body {
    font-family: "Cardo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.portfolio-carousel .item .project-details .project-name {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.intro-content a {
    color: white;
    background: #a39302;
    margin: 0.3em;
    padding: 0.3em 0.5em;
    border-radius: 0.3em;
    background-color: rgb(163, 147, 2);
    /* RGBa with 0.6 opacity */
    
    background-color: rgba(163, 147, 2, 0.3);
}
.intro-content ul {
    display: block;
    margin-top: 1em;
    list-style: inside circle none;
    overflow: hidden;
}
.intro-content ul li {
    border: 3px solid white;
    border-radius: 0.3em;
    float: left;
    margin: 0em 0.5em 0.3em 0;
    ;
    padding: 0.3em 0.5em 0.3em 0.6em;
}
header .brand-name {
    font-family: "Dragonfly", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    line-height: 1em;
    display: block;
    width: 100%;
    background: url("../img/icons/decoration-white.svg") no-repeat scroll center bottom;
    background-size:200px;
    margin-bottom: 0.5em;
    padding-bottom: 0.7em !important;
}

.modal-content .modal-body h2{
    margin-bottom:0.7em;
}


h2,
h1{
    padding-bottom:0 !important;
    background: url("../img/icons/decoration-grey.svg") no-repeat scroll center bottom;
    margin-bottom: 0.5em;
    padding-bottom: 1em !important;
    background-size:200px;
}

h2.white{
    padding-bottom:0 !important;
    background: url("../img/icons/decoration-white.svg") no-repeat scroll center bottom;
    margin-bottom: 0.5em;
    padding-bottom: 1em !important;
    background-size:200px;
}

#contact-form .floating-label-form-group{
  background:rgba(255,255,255,0.5);
}

.lead{
padding-bottom:0.5em;
margin-bottom:0.5em;
}

.item p.quote {
    margin-top: 1.5em;
}

.divider{
    margin-bottom:2em;
    width:200px;
}

h2,
h1 {
    font-family: "Dragonfly", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
}
.project-name {
    font-size: 30px !important;
}
.navbar {
    padding: 0px !important;
    background: black !important;
}
footer .fa,
h4,
.text-primary,
.navbar-default .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:hover {
    color: #8548b0;
}
aside.cta-quote {
    color: #333;
}
.navbar li:hover a::after,
.navbar li.active a::after {
    background-color: #8548b0;
    bottom: -4px;
    content: "";
    height: 7px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    transform: rotate(45deg);
    width: 7px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #ccc;
    border-radius: 0;
    color: white;
}
.navbar-nav > li > a {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    border-radius: 0px;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev,
.testimonials .testimonials-carousel .owl-controls .owl-next,
.portfolio-carousel .owl-controls .owl-prev,
.portfolio-carousel .owl-controls .owl-next {
    background-color: transparent !important;
    color: #8548b0 !important;
}
#portfoliolist .portfolio .portfolio-wrapper .caption .caption-bg {
    background-color: #8548b0 !important;
}
.btn-outline-dark:focus,
.btn-outline-dark:hover {
    background-color: #8548b0;
    border-color: #8548b0;
}
a,
.btn-outline-light:focus,
.btn-outline-light:hover {
    color: #8548b0;
}


.project-details .project-description+img{
    margin-top:0.7em !important;
}

.portfolio-filter #filters li .filter.active {
    background-color: #8548b0;
    border-color: #8548b0;
}
footer.footer a,
footer.footer {
    color: #333;
}
.cta-quote {
    background-size: 110% 100% !important;
    background-attachment: scroll !important;
}
.btn {
    border-radius: 6px !important;
}
.owl-item img {
    float: none;
    margin: auto;
}
#TeddingtonShop img,
#portfoliolist .portfolio .portfolio-wrapper,
tfoliolist .portfolio .portfolio-wrapper img.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

section {
    background: url(../img/grey-ornament.png) 40% 60%;
}
#process,
#services,
#gallery,
footer.footer {
    background: url(../img/white-ornament.png)  40% 60% #e3e0e0;
}

#services {
    background-position: 40% 130%
}
#gallery {
    background-position: 40% 20%;
}
footer.footer {
    background-position: 40% 20%;
}
.portfolio-filter #filters li .filter {
    border-radius: 0.5em;
}
.portfolio-carousel {
    background: url(../img/lace-white.png) top repeat-x;
}
.floating-label-form-group {
    border-bottom: 1px solid #777 !important;
}
#contact-form {
    background-image: url(../img/bg-footer-small.jpg);
    background-position: 80% center;
    background-size: 140% 100%;
}
#portfoliolist .portfolio .portfolio-wrapper .caption .caption-text .text-category {
    font-size: 14px !important;
}
#services img {
    height: 6em;
}

#TeddingtonShop img{
    width:100%;
}

@media (max-width:640px){
        #TeddingtonShop div div {
        width:50% !important;
        margin-bottom:1em;
    }
}