<style>
        body{
            margin: 0px;
            padding: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: transparent;
            box-sizing: border-box;
            background-color: #000000 !important;
        }

        section{
            width: 100%; 
            position: relative;
            }
        section .container-fluid{
                max-width: 960px;
                padding-top: 20px;
                padding-bottom: 20px;
            }
        #portfolio .container-fluid, #mainHeader .container-fluid{
                max-width: 10000px;
            }

/*dot navigation styling*/

.dotNav{
    z-index: 1000;
    position: fixed;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.dotNav li, .dotNav li a{overflow:hidden;}
.dotNav li a{
    background-color: transparent !important;
    padding-right: 0;
    padding-top:0;
    padding-left: 5px;
    padding-bottom: 7px;
    }

.dotNav .navDot{
background-color: transparent !important;
width: 0px;
height: 0px;
margin-top: 3px;
margin-bottom: 23px;
margin-right: 25px;
float: left;
}

.dotNav .navDot:before
{
content:' ';
position: absolute;
float: left; margin: auto; 
width: 20px; height: 20px; box-sizing: border-box; 
border-radius: 50%; border: 2px solid #FFFFFF;
opacity: 1; background-color: transparent; 
box-shadow: inset 1px 1px 4px RGBA(0,0,0,.5), 1px 1px 4px RGBA(0,0,0,.5); 
transition: transform .5s; 
transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; 
transform: scale(0.7); -webkit-transform: scale(0.7); -ms-transform: scale(-.7);
}
.dotNav .navDot:after
{
content:' '; 
position: absolute;
width: 20px; height: 20px; box-sizing: border-box;  
background-color: RGBA(128, 63, 65, 0.9); 
border-radius: 50%; 
transition: transform .5s; 
transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; 
transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);
}

.dotNav li:hover .navDot:before{transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8);}
.dotNav li:hover .navDot:after{transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7);}

.dotNav .active .navDot:before{transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8);}
.dotNav .active  .navDot:after{transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7);}

.dotNav .navLabel{
    float: left;
    width: 160px;
    background-color:RGBA(255,255,255,.9);
    padding: 3px;
    margin-left:-210px;
    transition: margin .5s ease-in-out;
}
.dotNav li:nth-child(7) .navLabel {transition-delay: .0s;}
.dotNav li:nth-child(6) .navLabel {transition-delay: .1s;}
.dotNav li:nth-child(5) .navLabel {transition-delay: .2s;}
.dotNav li:nth-child(4) .navLabel {transition-delay: .3s;}
.dotNav li:nth-child(3) .navLabel {transition-delay: .4s;}
.dotNav li:nth-child(2) .navLabel {transition-delay: .5s;}
.dotNav li:nth-child(1) .navLabel {transition-delay: .6s;}

.dotNav:hover .navLabel{
    margin-left: 0px;
}

.dotNav:hover li:nth-child(1) .navLabel {transition-delay: .0s;}
.dotNav:hover li:nth-child(2) .navLabel {transition-delay: .1s;}
.dotNav:hover li:nth-child(3) .navLabel {transition-delay: .2s;}
.dotNav:hover li:nth-child(4) .navLabel {transition-delay: .3s;}
.dotNav:hover li:nth-child(5) .navLabel {transition-delay: .4s;}
.dotNav:hover li:nth-child(6) .navLabel {transition-delay: .5s;}
.dotNav:hover li:nth-child(7) .navLabel {transition-delay: .6s;}


.dotNav .navLabel p{
    padding-top: 0px;
    margin: 0;
    line-height: 20px;
}

/*end dot navigation styling*/

/*language navbar styling*/

#languageMenu .container-fluid{
    padding:0;
}

#languageMenu.navbar{
    min-height: 30px;
    margin-bottom: 0px;
    border: none;
    background-color: RGBA(0,0,0,.9);
}
#languageMenu .navbar-nav li a{
padding-top: 5px;
padding-bottom: 5px;
}

#languageMenu .navbar-nav {
  width: 100%;
  text-align: center;
}
#languageMenu .navbar-nav  li {
  float: none;
  display: inline-block;
}

/*end language navbar styling*/

/*contact button styling*/

#contactButton{
  z-index: 1000;
  position: fixed;
  top: 50px;
  right:0;
  width: 100px;
  height: 100px; 
  background-color: white;
  transform-origin: right;
    -webkit-transform-origin: right;
transform: scale(.8);
    -webkit-transform: scale(.8);
}

#contactButton .gears{
  position: absolute;
  width: 120px;
  height: 120px;
  left: 50%;
  top: 50%;
  transform-origin: center;
-webkit-transform-origin: center;
  transform: translate(-50%, -50%) scale(.8);
  -webkit-transform:  translate(-50%, -50%) scale(.8);
}

#contactButton .gear1 {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 79px;
  top: 17px;
  background-image: url("../images/mm_sprite_cog2Fill.png");
  background-position: center; 
  background-size: cover;
  animation: spin1 5s infinite;
  animation-play-state: paused;
  }
#contactButton .gear2 {
  position: absolute;
  width: 64px;
  height: 64px;
  left: 10px;
  top: 16px;
  background-image: url("../images/mm_sprite_cog7Fill.png");
  background-position: center; 
  background-size: cover;
  animation: spin2 5s infinite;
  animation-play-state: paused;
  }
#contactButton .gear3 {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 69px;
  top: 45px;
  background-image: url("../images/mm_sprite_cog3Fill.png");
  background-position: center; 
  background-size: cover;
  animation: spin3 5s infinite;
  animation-play-state: paused;
  }

#contactButton .contactLabel{
    position: absolute;
width: 100%;
bottom: 5px;
}
#contactButton .contactLabel p{
color: #803E41;
padding-bottom: 0;
}

#contactButton:hover .gear1 {
  animation-play-state: running;
  }
#contactButton:hover .gear2 {
  animation-play-state: running;
  }
#contactButton:hover .gear3 {
  animation-play-state: running;
  }
@keyframes spin1{
  0% {transform: rotate(0deg)}
  20% {transform: rotate(-90deg)}
  100% {transform: rotate(1440deg)}
}

@keyframes spin2{
  0% {transform: rotate(0deg)}
  20% { transform: rotate(-45deg)}
  100% {transform: rotate(720deg)}
}
@keyframes spin3{
  0% {transform: rotate(0deg)}
  20% {transform: rotate(90deg)}
  100% {transform: rotate(-1440deg)}
}

/*end contact button styling*/



/* section background colors*/
    section{background-color: #ffffff;}
    #workWithUs, #drawings, #files{background-color: #F2F2F2;}
    #customerTestimonials {display: none;}
    #contactUs{background-color: #803F41;}
/* end section background colors*/

/*header styling*/
    #mainHeader{
        position: absolute;
        top:0;
        height: 100%;
        }

    /*hero carousel styling*/
        #mainHeader #heroCarousel{
            position:absolute;
            top: 0;
            width: 100%;
            }
        #mainHeader #heroCarousel .item, #mainHeader #heroCarousel .carousel-inner{height: 100%;}
        #mainHeader .heroImage{
                width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
        }
        /* fading transition for carousels */
        .carousel-fade .carousel-inner .item {
          -webkit-transition-property: opacity;
          transition-property: opacity;
        }
        .carousel-fade .carousel-inner .item,
        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
          opacity: 0;
        }
        .carousel-fade .carousel-inner .active,
        .carousel-fade .carousel-inner .next.left,
        .carousel-fade .carousel-inner .prev.right {
          opacity: 1;
        }
        .carousel-fade .carousel-inner .next,
        .carousel-fade .carousel-inner .prev,
        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
          left: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
        }
        .carousel-fade .carousel-control {
          z-index: 2;
        }
        /* ken burns effect for heroImage carousel*/
        #mainHeader .carousel .item .heroImage {
          -webkit-transition: transform 10s linear;
          -moz-transition: transform 10s linear;
          -o-transition: transform 10s linear;
          transition: transform 10s linear;
        }
        #mainHeader .carousel .item.active.inactiveUntilOnLoad .heroImage,
        #mainHeader .carousel .item .heroImage {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
        }
        #mainHeader .carousel .item.active .heroImage {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -o-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2);
        }
    /*end hero carousel styling*/
    /* hero branding styling */
    #mainHeaderSpacer #heroBranding{
        position: relative;
        top: 50%;
        margin-top: -120px;
        }
    /* position and style the logoCard */
    #mainHeaderSpacer #logoCard{
        left: 50%;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        }
    /* posiiton and style the hero statement carousel*/
    #mainHeaderSpacer #statementCarousel{
        margin-top: 20px;
        }
    #mainHeaderSpacer h1 {color: white; margin-top: 20px; font-weight: 500;}
    /*style spacer to push rest of page below the header*/
    #mainHeaderSpacer {height: 2000px; background-color:transparent;}
/*end of header styling */

/*work with us section styling*/
#workWithUs{
}

        .wwu{
            padding: 10px;
            box-sizing: border-box;
            }
        .wwu img{
            max-width: 240px;
            margin-left: auto;
            margin-right: auto;
            display: block;
            padding-bottom: 20px;
        }
        .wwu p{
            text-align:justify;
        }
#cardCut, #cardEtch, #cardMark, #cardSculpt{padding-bottom: 30px;}
        #services .card{
            height: 218px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            max-width: 500px;
        }
        #services .cardBack, #services .cardFront{
            height: 100%;
            width: 100%;
            position: absolute;
        }
        #services .cardBack{
            background-color: #803F41;
            column-count: 2;
            column-gap: 20px;
            -webkit-column-count: 2;
            -webkit-column-gap: 20px;
            padding-top: 59px;
            padding-left: 10px;
            padding-right: 10px;
        }

/*end work with us section styling*/

/*services section styling*/

#laserCuttingSteps img{
    max-width: 240px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
#laserCuttingSteps h2{
    color:#803F41;
    font-weight: 400;
}
#laserCuttingSteps #program, #laserCuttingSteps #material, #laserCuttingSteps #laser, #laserCuttingSteps #parts{margin-top: 20px;}


#laserCuttingGraphic{
    overflow: hidden;
    position: relative;
    }

#laserCuttingGraphic img{
    float:left;
    }

#laserCuttingLabel1{
    position: absolute;
    text-align: left;
    padding-top: 0;
    bottom:92%;
    left: 30%;
    width: 30%;
    }

#laserCuttingLabel2{
    position: absolute;
    text-align: left;
    padding-top: 0;
    bottom:35%;
    left: 2%;
    width: 20%;
    }

#laserCuttingLabel3{
    position: absolute;
    text-align: left;
    padding-top: 0;
    bottom: 65%;
left: 58%;
width: 25%;
    }

#laserCuttingLabel4{
    position: absolute;
    text-align: left;
    padding-top: 0;
    bottom:10%;
left: 62%;
width: 30%;
    }


/*end services section styling*/

#services #cardCut .cardBack {
    padding-top: 50px;
}
        #services .cardFront{
            background-color: #FFFFFF;
            opacity: 1;
            transition: opacity .5s ease-in-out .5s;
        }

        #services #cardCut .cardFront{
            background: #FFFFFF url("../images/skillsCut.jpg") no-repeat right center;
            background-size: cover;
        }
        #services #cardEtch .cardFront{
            background: #FFFFFF url("../images/skillsEtch.jpg") no-repeat right center;
            background-size: cover;
        }
        #services #cardMark .cardFront{
            background: #FFFFFF url("../images/skillsMark.jpg") no-repeat right center;
            background-size: cover;
        }
        #services #cardSculpt .cardFront{
            background: #FFFFFF url("../images/skillsSculpt.jpg") no-repeat right center;
            background-size: cover;
        }

        #services .cardFront p{
            width: 200px;
            right: 0;
            position: absolute;
            top: 50%;
            transform:translateY(-50%);
            -webkit-transform:translateY(-50%);
            padding: 10px;
            text-align: center;
            line-height: 20px;
        }

        #services .cardBack p{
            padding: 0px;
            text-align: center;
            line-height: 18px;
            color: white;
        }

        #services .card header{
            position: absolute;
            width: 200px;
            right: 0;
            top: 15px;
            transition: width .5s ease-in-out 0s;
        }

        #services .card header h2{
            transition: color .5s ease-in-out .5s;
        }


#services .card.active  .cardFront{
    opacity: 0;
    transition: opacity .5s ease-in-out 0s;
    color: #ffffff;
}
#services .card.active header{
            width: 100%;
    transition: width .5s ease-in-out .5s;
        }

        #services .card.active header h2{
            color: #FFFFFF;
            transition: color .5s ease-in-out 0s;
        }



/*trigger is the clicking area of the icon*/
        .trigger{
            z-index: 1030;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            border: 0px solid #803F41;
            position: absolute;
            bottom: 20px;
            right: 100px;
            cursor: pointer;
            margin: -15px;
            box-sizing: border-box;
            transition: right .5s ease-in-out 0s;
        }
        .trigger:hover{
          border-color: #803F41;
            
        }

        .card.active .trigger{border-color: #FFFFFF; right:50%; transition: right .5s ease-in-out .5s;}

        .card.active .trigger:before { background-color: #FFFFFF; transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);}

        .card.active .trigger:hover:before {background-color: #FFFFFF; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}

        /*trigger:before is the middle dot that scales up*/
        .trigger:before {
          z-index: 1030;
          content: '';
          display: block;
          width: 28px;
          height: 28px;
          border-radius: 100%;
          transform: scale(.133);  -webkit-transform: scale(.133); -ms-transform: scale(.133);
          background-color: #803F41;
          position: absolute;
          transition: transform 0.5s ease 0s;
          }

        .trigger:hover:before{
          transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);
          background-color: #803F41;
        }

        /*trigger:after is the left and right dots (as shadows of an invisible middle dot)*/
        .trigger:after {
          z-index: 1030;
          content: '';
          display: block;
          width: 4px;
          height: 4px;
          border-radius: 100%;
          position: absolute;
          left: 12px;
          top: 12px;
          box-shadow: -6px 0px 0px #803F41, 6px 0px 0px #803F41;
          transition: box-shadow 0.5s ease;
        }

        .trigger:hover:after, .card.active .trigger:after{
          box-shadow: 0px 0px 0px #803F41, 0px 0px 0px #803F41;
          }

         /*pictogram is for the x and + icons*/
        .pictogram{
          width: 2px;
          height: 14px;
          background-color: #FFFFFF;
          display: block;
          left: 13px;
          position: absolute;
          top: 7px;
          opacity: 0;
          transition: opacity 0.5s ease, transform 0.5s ease, background-color 0.5s ease;
          z-index:1040;
            transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center;
         }
        .pictogram:after{
          content:' ';
          width: 14px;
          height: 2px;
          background-color: #FFFFFF;
          display: block;
          left: -6px;
          position: absolute;
          top: 6px;
          transition: transform 0.5s ease, background-color 0.5s ease;
         }
         .trigger:hover .pictogram{
          opacity: 1;
          transform: rotate(90deg);  -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);
          }

          .card.active .trigger .pictogram {
            transform: rotate(45deg);  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
            opacity: 1;
            background-color: #FFFFFF;
          }
          .card.active .trigger .pictogram:after {
            background-color: #FFFFFF;
          }

          .card.active .trigger:hover .pictogram {
            transform: rotate(90deg);  -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);
            opacity: 1;
            background-color: #803F41;
          }
          .card.active .trigger:hover .pictogram:after {
            transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
            background-color: #803F41;
          }
/*end services section styling*/

/*drawings section styling*/
/* mm_imageCompare styles */

            #drawings #compare img{width: 600px; position:absolute;}
#drawings .m_imageCompare-wrapper.m_imageCompare-horizontal{padding-bottom: 20px;}
            .firstImageContainer {
            opacity: .95;
            }
#drawings .row h3{padding-top:0px;}

.firstImageContainer .imageFirst, .secondImageContainer .imageSecond{
    background-size: cover;
background-position: left;
}

.secondImageContainer, .imageSecond{width: 100%;
height: 100%;}


            .mm_imageCompare_handle .left, .mm_imageCompare_handle .right{
            position: absolute;
            width: 60px;
            height: 60px;
            top: 50%;
            margin-top:-30px;
            }

            .mm_imageCompare_handle .left{background-image:URL("../images/mmSpritesChevronMarsalaLeft.png"); margin-left:-35px;}
            .mm_imageCompare_handle .right{background-image:URL("../images/mmSpritesChevronMarsalaRight.png");margin-left: 5px;}

            .mm_imageCompare_handle .right:before, .mm_imageCompare_handle .left:before{
            position: absolute;
            content: '';
            width: 60px;
            height: 60px;
            opacity: 1;
            transform-origin:center; -webkit-transform-origin:center; -ms-transform-origin:center;
            transition-property: opacity, transform;
            transition-duration: .5s;
            visibility: hidden;
            }
            .mm_imageCompare_handle .left:before{background-image:URL("../images/mmSpritesChevronMarsalaLeft.png");}
            .mm_imageCompare_handle .right:before{background-image:URL("../images/mmSpritesChevronMarsalaRight.png");}

            .mm_imageCompare_handle .right:after, .mm_imageCompare_handle .left:after{
            position: absolute;
            content: '';
            width: 60px;
            height: 60px;
            opacity: 1;
            transform-origin:center; -webkit-transform-origin:center; -ms-transform-origin:center;
            transition-property: opacity, transform;
            transition-duration: .5s;
            visibility: hidden;
            }
            .mm_imageCompare_handle .left:after{background-image:URL("../images/mmSpritesChevronMarsalaLeft.png");}
            .mm_imageCompare_handle .right:after{background-image:URL("../images/mmSpritesChevronMarsalaRight.png");}

            .mm_imageCompare_handle:hover .left:before{
            visibility: visible;
            transform: translateX(-20px) scale(.75); -webkit-transform: translateX(-20px) scale(.75); -ms-transform: translateX(-20px) scale(.75);
            opacity:.5;
            }
            .mm_imageCompare_handle:hover .right:before{
            visibility: visible;
            transform: translateX(20px) scale(.75); -webkit-transform: translateX(20px) scale(.75); -ms-transform: translateX(20px) scale(.75);
            opacity:.5;
            }
            .mm_imageCompare_handle:hover .left:after{
            visibility: visible;
            transform: translateX(-40px) scale(.5);  -webkit-transform: translateX(-40px) scale(.5); -ms-transform: translateX(-40px) scale(.5);
            opacity:.5;
            }
            .mm_imageCompare_handle:hover .right:after{
            visibility: visible;
            transform: translateX(40px) scale(.5);  -webkit-transform: translateX(40px) scale(.5); -ms-transform: translateX(40px) scale(.5);
            opacity:.5;
            }

            .m_imageCompare-before-label, .m_imageCompare-after-label, .m_imageCompare-overlay {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%; }

            .m_imageCompare-before-label, .m_imageCompare-after-label, .m_imageCompare-overlay {
            transition-duration: 0.5s; }

            .m_imageCompare-before-label, .m_imageCompare-after-label {
            transition-property: opacity; }

            .m_imageCompare-before-label:before, .m_imageCompare-after-label:before {
            color: white;
            font-size: 13px;
            letter-spacing: 0.1em; }

            .m_imageCompare-before-label:before, .m_imageCompare-after-label:before {
            position: absolute;
            background: rgba(255, 255, 255, 0.2);
            line-height: 38px;
            padding: 0 20px;
            border-radius: 2px; }

            .m_imageCompare-horizontal .m_imageCompare-before-label:before, .m_imageCompare-horizontal .m_imageCompare-after-label:before {
            top: 50%;
            margin-top: -19px; }

            .m_imageCompare-vertical .m_imageCompare-before-label:before, .m_imageCompare-vertical .m_imageCompare-after-label:before {
            left: 50%;
            margin-left: -45px;
            text-align: center;
            width: 90px; }

            .m_imageCompare-left-arrow, .m_imageCompare-right-arrow, .m_imageCompare-up-arrow, .m_imageCompare-down-arrow {
            width: 0;
            height: 0;
            border: 6px inset transparent;
            position: absolute; }

            .m_imageCompare-left-arrow, .m_imageCompare-right-arrow {
            top: 50%;
            margin-top: -6px; }

            .m_imageCompare-up-arrow, .m_imageCompare-down-arrow {
            left: 50%;
            margin-left: -6px; }

            .m_imageCompare-container {

            box-sizing: content-box;
            z-index: 0;
            overflow: visible;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none; }
            .m_imageCompare-container img {
            top: 0;
            display: block;}
            .m_imageCompare-container.active .m_imageCompare-overlay, .m_imageCompare-container.active :hover.m_imageCompare-overlay {
            background: rgba(0, 0, 0, 0); }
            .m_imageCompare-container.active .m_imageCompare-overlay .m_imageCompare-before-label,
            .m_imageCompare-container.active .m_imageCompare-overlay .m_imageCompare-after-label, .m_imageCompare-container.active :hover.m_imageCompare-overlay .m_imageCompare-before-label,
            .m_imageCompare-container.active :hover.m_imageCompare-overlay .m_imageCompare-after-label {
              opacity: 0; }
            .m_imageCompare-container * {

            box-sizing: content-box; }

            .m_imageCompare-before-label {
            opacity: 0; }
            .m_imageCompare-before-label:before {
            content: "Before"; }

            .m_imageCompare-after-label {
            opacity: 0; }
            .m_imageCompare-after-label:before {
            content: "After"; }

            .m_imageCompare-horizontal .m_imageCompare-before-label:before {
            left: 10px; }

            .m_imageCompare-horizontal .m_imageCompare-after-label:before {
            right: 10px; }

            .m_imageCompare-vertical .m_imageCompare-before-label:before {
            top: 10px; }

            .m_imageCompare-vertical .m_imageCompare-after-label:before {
            bottom: 10px; }

            .m_imageCompare-overlay {

            transition-property: background;
            background: rgba(0, 0, 0, 0);
            z-index: 25; }
            .m_imageCompare-overlay:hover {
            background: rgba(0, 0, 0, 0.5); }
            .m_imageCompare-overlay:hover .m_imageCompare-after-label {
              opacity: 1; }
            .m_imageCompare-overlay:hover .m_imageCompare-before-label {
              opacity: 1; }

            .m_imageCompare-before {
            z-index: 20; }

            .m_imageCompare-after {
            z-index: 10; }

            .mm_imageCompare_handle {
            position: absolute;
            width: 30px;
            height: 100%;
            margin-left: -15px;
            top: 0;
            z-index: 40;
            cursor: pointer;
            }

            .m_imageCompare-horizontal .m_imageCompare-handle:before {
            bottom: 50%;
            margin-bottom: 22px;}
            .m_imageCompare-horizontal .m_imageCompare-handle:after {
            top: 50%;
            margin-top: 22px;}


/*end drawings section styling*/

/*download file section styling*/

#downloadList{margin-bottom:0;}

.downloadFile{display: block; width:120px;}

.downloadFile .icon {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background-image:url("../images/mm_sprite_trayFill.png");
  background-position: center; 
  background-size: 100%;
  }

.downloadFile .icon:before, .icon:after {
   box-sizing: border-box;
    text-align: center;
    content: '';
    display: block;
    position: absolute;
  }
.downloadFile .icon:before {
    content:'';
    position: absolute;
    width: 60px;
    height: 60px;
    background-image:url("../images/mm_sprite_caratFill.png");
    background-position: center; 
    background-size: 100%;
  }
.downloadFile .icon:after {
    content:'';
    position: absolute;
    width: 60px;
    height: 60px;
    background-image:url("../images/mm_sprite_caratFill.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px);
    opacity: 0;
  }

@keyframes downloadFileWave{
  0% {transform: translateY(-5px); opacity: 0;}
  30% {transform: translateY(0px); opacity: 1;}
  90% {transform:translateY(20px); opacity: .1;}
  100% {transform:translateY(25px); opacity: 0;}
}
@-webkit-keyframes downloadFileWave{
  0% {-webkit-transform: translateY(-5px); opacity: 0;}
  30% {-webkit-transform: translateY(0px); opacity: 1;}
  90% {-webkit-transform:translateY(20px); opacity: .1;}
  100% {-webkit-transform:translateY(25px); opacity: 0;}
}

.downloadFile:hover .icon:before {
  animation: downloadFileWave 1000ms ease-in infinite;
-webkit-animation: downloadFileWave 1000ms ease-in infinite;
  }

.downloadFile:hover .icon:after {
  animation: downloadFileWave 1000ms ease-in .5s infinite;
  -webkit-animation: downloadFileWave 1000ms ease-in .5s infinite;
  }



#portfolio #blog1 .title p{
padding: 0 2px;
color: #803E41;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
line-height: 25px;
letter-spacing: .3px;
min-height: 25px;
max-height: 25px;
vertical-align: middle;
overflow: hidden;
}

/*footer styling*/

footer{
    min-height:60px;
    background-color: RGBA(0,0,0,.9);
    position: relative;
}

/*copyright styling*/

#copyright p{
    margin-top: 23px;
    margin-bottom: 23px;
    padding: 0;
    text-align: center;
}
/*end copyright styling*/

/*social icons styling*/



#socialMediaLink {
    margin: 0;
    padding: 0;
}

#socialMediaLink ul {
    text-align: center;
    -webkit-padding-start: 0px ;
}


#socialMediaLink ul li {
    list-style: none outside none;
    display: inline-block;
    
}

#socialMediaLink i {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin: 10px 5px;
    color: #FFF;
    border: none;
    font-size: 20px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}


#socialMediaLink i:hover {
    color: #FFF;
    text-decoration: none;
}

#socialMediaLink .fa-facebook:hover {
    color: #4060A5;
    transform-origin: center;
    transform: scale(1.2);
    -webkit-transform-origin: center;
    -webkit-transform: scale(1.2);
}
#socialMediaLink .fa-twitter:hover {
    color: #00ABE3;
    transform-origin: center;
    transform: scale(1.2);
    -webkit-transform-origin: center;
    -webkit-transform: scale(1.2);
}
#socialMediaLink .fa-linkedin:hover {
    color: #0094BC;
    transform-origin: center;
    transform: scale(1.2);
    -webkit-transform-origin: center;
    -webkit-transform: scale(1.2);
}
#socialMediaLink .fa-tumblr:hover {
    color: #3a5876;
    transform-origin: center;
    transform: scale(1.2);
    -webkit-transform-origin: center;
    -webkit-transform: scale(1.2);
}

/*end social icons styling*/


/*back to top button styling*/

#backToTopBtn .up{
  float: right;
  width:60px;
  height:60px;
transform-origin: center;
transform: scale(0.6);
    
    -webkit-transform-origin: center;
    -webkit-transform: scale(0.6);
}
#backToTopBtn p{
  float: right;
    width: auto;
margin-top: 23px;
margin-right: 0px;
padding: 0;
}

#backToTopBtn .up:before{
  content:'';
  position: absolute;
  width: 60px;
  height: 60px;
  background-image:url("../images/mmSpritesChevronWhiteUp.png");
  background-position: center; 
background-repeat: no-repeat;
background-size: contain;
}
#backToTopBtn .up:after{
  content:'';
  position: absolute;
  width: 60px;
  height: 60px;
  background-image:url("../images/mmSpritesChevronWhiteUp.png");
  background-position: center; 
background-repeat: no-repeat;
background-size: contain;
}


#backToTopBtn:hover .up:after{
  animation: backToTopBtnWave 2s ease-out infinite; -webkit-animation: backToTopBtnWave 2s ease-out infinite;
}

@keyframes backToTopBtnWave{
  0% {transform:translateY(0px); opacity:1;}
  100% {transform:translateY(-20px); opacity:0;}
}
@-webkit-keyframes backToTopBtnWave{
  0% {-webkit-transform:translateY(0px); opacity:1;}
  100% {-webkit-transform:translateY(-20px); opacity:0;}
}

/*end back to top button styling*/

@media screen and (min-width: 768px){
    #copyright p{
    text-align: left;
    }
    #drawings .row h3{padding-top:20px;}
}




/*end footer styling*/




.featherlight .title p{
height: 50px;
color: white;
font-weight: 300;
font-size: 24px;
padding-top:0;
}





        
        

        h1{
            font-size: 24px;
            font-weight: 300;
            color: #7F7F7F;
            font-family: 'Open Sans';
            width: 100%;
            text-align: center;
            padding-bottom: 20px;
            margin:0;
            letter-spacing: .5px;
        }
        h2{
            font-size: 18px;
            font-weight: 400;
            color: #803F41;
            font-family: 'Open Sans';
            width: 100%;
            text-align: center;
            padding-bottom: 15px;
            margin:0;
            letter-spacing: .5px;
        }
h3{
            font-size: 18px;
            font-weight: 300;
            color: #333333;
            font-family: 'Open Sans';
            width: 100%;
            text-align: center;
            padding-bottom: 15px;
            margin:0;
            letter-spacing: .5px;
        }

h4{
            font-size: 14px;
            font-weight: 400;
            color: #333333;
            font-family: 'Open Sans';
            width: 100%;
            text-align: center;
            padding-bottom: 10px;
            margin:0;
            line-height: 17px;
            letter-spacing: .3px;
        }
        p{
            font-size: 14px;
            font-weight: 400;
            color: #7F7F7F;
            font-family: 'Open Sans';
            width: 100%;
            text-align: center;
            padding-bottom: 10px;
            margin:0;
            line-height: 17px;
            letter-spacing: .3px;
        }
        a, a:hover{
            color: #803F41;
            text-decoration: none;
            font-weight: 400;
            }

        #contactUs h1, #contactUs h2, #contactUs h3, #contactUs strong, #contactUs .help-block{color: white !important;}
        #contactUs .help-block{
            height: 0;
            margin: 0;
}
#contactUs #contact_form{
    position: relative;
}

        #contactUs #success_message{
            display: none;
            position: absolute;
            top: 0;
            height: 100%;
            background-color: #976264;
            border: none;
            border-radius: 0;
            }
#contactUs #success_message h3{
font-weight: 300;
line-height: 30px;
vertical-align: middle;
/* height: 100%; */
position: relative;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}

        #contactUs strong, #contactUs h2{font-weight: 400;}
#contactUs p {color: #C7B3B4;}

.has-success .form-control-feedback {color:#ffffff;}
.has-error .form-control-feedback {background-color: #ffffff;}
        
#contactUs .form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    border-bottom: 1px white solid;
    color: #C7B3B4;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#contactUs textarea.form-control {
    height: auto;
    border: 1px white solid;
}

#contactUs .form-control:focus {
    border: none;
    border-bottom: 2px white solid;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#contactUs textarea.form-control:focus {
    border: 2px white solid;
}


.form-control::-moz-placeholder {
    color: #C7B3B4;
    opacity: 1;
    font-style: italic;
}

.form-control:-ms-input-placeholder {
    color: #C7B3B4;
    font-style: italic;
}

.form-control::-webkit-input-placeholder {
    color: #C7B3B4;
    font-style: italic;
}
#contactUs .btn.btn-warning{
    width: 100%;
    background-color: RGBA(255, 255, 255, .5);
    border: none;
    border-radius: 0;
}    
  
#contactUs .btn.active, #contactUs .btn:active{
    box-shadow: none;
    background-color: #ffffff;
    color: #803F41;
}

#contactUs .btn-warning[disabled]{
    background-color: RGBA(255, 255, 255, 1);
}


.shadow{box-shadow: 1px 1px 4px RGBA(0,0,0,.5)}
        
        
    @media screen and (min-width: 750px) 
    {
        h1{font-size: 36px;}
        h2, h3{font-size: 24px;}
        }
        
    @media screen and (min-width: 650px) 
    {
        h1{font-size: 30px;}
        h2, h3{font-size: 21px;}
        }
        
        


/*Start Lightbox slideshow styles*/

.featherlight:before
{
height:100%;
}

.featherlight .featherlight-inner
{
height: 100%;
}


.featherlight .title
{
height: 50px;
color: white;
font-family: open-sans, sans-serif; 
font-weight: 300;
font-size: 24px;
width: 100%;
text-align: center;
}
.featherlight .title p
{
line-height: 50px;
}

.owl-carousel
{
height:calc(100% - 50px);
}

.owl-carousel .owl-wrapper-outer
{
height: 100%;
top: 0px;
}

.owl-wrapper
{
height:100%;
}


.owl-item
{
height: 100%;
}


.item
{
height: 100%;
}


.owl-carousel .heroImage
{
height: calc(100% - 30px);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.owl-item .imageCaption
{
color: white;
line-height: 30px;
font-family: open-sans, sans-serif; 
font-size: 14px;
width: 100%;
text-align: center;
display: none;
}
.owl-pagination
{
bottom: 5px;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.owl-buttons{
height: calc(100% - 50px);
top: 0px;
position: absolute;
width: 100%;
}
.owl-prev{height: 100%; width: 50px; float: left;}
.owl-next{height: 100%; width: 50px; float:right;}







.blog1-full .mt-tumblr-inner 
{
clear: both;
overflow: hidden;
}
/*thumbnail styling*/


.featherlight #thumbnailGroup
{
z-index: 500;
left: 50%;
transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
position: absolute;
bottom: -600px;
}
.featherlight .owl-page{
background-color: transparent !important;
width: 0px;
height: 0px;
margin-bottom: 20px;
margin-right: 25px;
float: left;
}
.featherlight .owl-page:before
{
content:' ';
position: absolute;
float: left; margin: auto; 
width: 20px; height: 20px; box-sizing: border-box; 
border-radius: 50%; border: 2px solid #FFFFFF;
opacity: 1; background-color: transparent; 
box-shadow: inset 1px 1px 4px RGBA(0,0,0,.5), 1px 1px 4px RGBA(0,0,0,.5); 
transition: transform .5s; 
transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; 
transform: scale(0.7); -webkit-transform: scale(0.7); -ms-transform: scale(-.7);
}
.featherlight .owl-page:after
{
content:' '; 
position: absolute;
width: 20px; height: 20px; box-sizing: border-box;  
background-color: RGBA(128, 63, 65, 0.9); 
border-radius: 50%; 
transition: transform .5s; 
transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; 
transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);
}



.featherlight .owl-page:hover:before{transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8);}
.featherlight .owl-page:hover:after{transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7);}

.featherlight .owl-page.active:before{transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8);}
.featherlight .owl-page.active:after{transform:scale(0.7); -webkit-transform:scale(0.7); -ms-transform:scale(0.7);}





#slideGroupContainer
{
position: absolute;
left: 0;
top: 0;
background-color: transparent;
padding-bottom: 0px;
width:100% !important;
}
.Slide
{
width: 100%;
max-width: 960px;
position: absolute;
top: 50px;
left: 0;
}
#mainImage
{
background-position: center;
background-size: cover;
width: 100%;
height: 500px;
}
.Slide #imageCaption{
width: 100%; 
margin-top: 10px; 
color: white; 
font-family: open-sans, sans-serif; 
font-size: 14px; 
text-align: center;
}

.mt-tumblr-tags {border-top: 1px solid rgb(212, 212, 212);
}

.mt-tumblr-tags p{
    color:#7f7f7f;
    font-size: 10px;
    line-height: 20px;
    padding-bottom: 0;
}

#postTagList
{
z-index: 15;
width: 960px;
min-height: 21px;
background-color: transparent;
position: relative;
text-align: center;
font-size: 10px;
color: RGBA(120,120,120,1);
}
#postCaption h1
{
color: white;
font-family: open-sans, sans-serif;
font-weight: 300;
font-size: 24px;
text-align: center;
line-height: 50px;
}
#postCaption{
z-index: 41;
width: 100%;
height: 50px;
position: absolute;

}
.owl-prev:before, .owl-next:before
{
position: absolute;
content: ' ';
z-index: 54;
width:60px;
height: 60px;
top: 50%;
margin-top:-30px;
}

.owl-prev:after, .owl-next:after{
position: absolute;
content: '';
width: 60px;
height: 60px;
top: 50%;
margin-top: -30px;
opacity: 0;
transform-origin:center;
transition-property: opacity, transform;
transition-duration: .5s;
    -webkit-transform-origin:center;
-webkit-transition-property: opacity, transform;
-webkit-transition-duration: .5s;
}


.owl-prev:before, .owl-prev:after
{
background-size: cover;
margin-left: -20px;
background-image:URL("../images/mmSpritesChevronMarsalaLeft.png");
}
.owl-next:before, .owl-next:after
{
background-size: cover;
margin-left: -40px;
background-image:URL("../images/mmSpritesChevronMarsalaRight.png");
}
.owl-prev:hover:after{
	animation: u75329waveLeft 2s ease-out infinite; -webkit-animation: u75329waveLeft 2s ease-out infinite;
	text-decoration: none;
}
.owl-next:hover:after{
	animation: u75329waveRight 2s ease-out infinite; -webkit-animation: u75329waveRight 2s ease-out infinite;
	text-decoration: none;
}

                @keyframes u75329waveLeft{
                    0% {transform:translateX(0px); opacity:1;}
                    100% {transform:translateX(-20px); opacity:0;}
                }
                @keyframes u75329waveRight{
                    0% {transform:translateX(0px); opacity:1;}
                    100% {transform:translateX(20px); opacity:0;}
                }
                @-webkit-keyframes u75329waveLeft{
                    0% {-webkit-transform:translateX(0px); opacity:1;}
                    100% {-webkit-transform:translateX(-20px); opacity:0;}
                }
                @-webkit-keyframes u75329waveRight{
                    0% {-webkit-transform:translateX(0px); opacity:1;}
                    100% {-webkit-transform:translateX(20px); opacity:0;}
                }



.PamphletWidget .ThumbGroup .Thumb,.PamphletNextButton,.PamphletPrevButton,.PamphletCloseButton /* pamphlet2 */
{
cursor: pointer;
}

/*Start featherlight styles*/

@media all {
.featherlight 
{
display: block !important;
position:fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 2147483647;
text-align: center;
white-space: nowrap;
cursor: pointer;
background: #333;
background: rgba(0, 0, 0, 0);
}
.featherlight:last-of-type 
{
background: rgba(0, 0, 0, 0.9);
}
.featherlight:before 
{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.featherlight .featherlight-content 
{
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
overflow-x: hidden;
overflow-y: auto;
width: 1280px;
height: 800px;
max-width: 100%;
max-height: 100%;
background: transparent;
cursor: auto;
white-space: normal;
}
.featherlight .featherlight-inner 
{
display: block;
}

.featherlight .featherlight-close-icon 
{
position: absolute;
z-index: 9999;
top: 0;
right: 0;
line-height: 50px;
width: 50px;
cursor: pointer;
text-align: center;
font-family: open-sans, sans-serif;
font-weight: 300;
color: #808080;
font-size: 30px;
}
.featherlight .featherlight-close-icon:hover 
{
color:white;
}

.featherlight .featherlight-image 
{
width: 100%;
}
.featherlight-iframe .featherlight-content 
{
border-bottom: 0;
padding: 0;
}
.featherlight iframe 
{
border: none;
}
}





/*Start main page tile styles*/


/*basic setup*/
#blog1, .blog1-full {
position: relative;
margin: 0 auto;
}
#blog1-full {
display: none;
}

/* Layout of the Tiles on the main page */
#blog1.gallery.column2 .mt-tumblr-post, #blog1.gallery .mt-block-sizer.column2 {
width: calc(50% - 2%);
margin: 0 calc(2% / 2) 2% calc(2% / 2);
}

#blog1.gallery.column3 .mt-tumblr-post, #blog1.gallery .mt-block-sizer.column3 {
width: calc(33.33% - 2%);
margin: 0 calc(2% / 2) 2% calc(2% / 2);
}

#blog1.gallery.column4 .mt-tumblr-post, #blog1.gallery .mt-block-sizer.column4 {
                            width: 400px;
                            margin: 10px;
						}

#blog1.gallery.column5 .mt-tumblr-post, #blog1.gallery .mt-block-sizer.column5 {
width: calc(20% - 2%);
margin: 0 calc(2% / 2) 2% calc(2% / 2);
}

@media only screen and (max-width : 500px) {
div#blog1.mt-tumblr.gallery.column4.js-masonry{
width: 93.75% !important;
margin-left: auto;
margin-right:auto;
}
#blog1.gallery .mt-block-sizer.column4, #blog1.gallery.column4 .mt-tumblr-post{
width: 100% !important;
margin-left: 0;
margin-right: 0;
}
}

						/* Tile Formatting */
						#blog1 .mt-tumblr-post {
							background: white;
						}
				
						#blog1 .mt-tumblr-inner{
							clear: both;
							overflow: hidden;
							padding: 0;
							cursor: pointer;
						}

#blog1 .mt-tumblr-inner:after{
    content: " ";
background-color: transparent;
width: 100%;
height: 100%;
position: absolute;
top: 0;
transition: background-color .5s ease-in-out;
						}

#blog1 .mt-tumblr-inner:hover:after{
    content: " ";
background-color: rgba(128, 63, 65, 0.25);
width: 100%;

height: 100%;
position: absolute;
top: 0;
						}


#blog1 .type-photoset .mt-photo-link, .blog1-full.type-photoset .mt-photo-link {
display: block;
width: 100%;
height: 225px;
background-size: cover;
background-position: center;
transform-origin: center;
transform:scale(1);
-webkit-transform-origin: center;
-webkit-transform:scale(1);
margin-bottom: 0;
transition-duration: 0.5s;
transition-delay: 0s;
transition-timing-function: ease-in-out;
transition-property: background-color , background-size;
}
#blog1 .mt-tumblr-post a, .blog1-full .mt-tumblr-body a {
text-decoration: none;
}





/* Load More Button Formatting */
#blog1.load-more-padding {
padding-bottom: 40px;
}
#blog1 .load-more {
color: #808080;
font-family: open-sans, sans-serif;
font-weight: 300;
border-radius: 0px;
font-size: 14px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 10px 25px;
cursor: pointer;
text-align: center;
transition: color 0.5s;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#blog1 .load-more:hover {
color: #803E41;
}
</style>


