/*////////////////////////////////////////
//////////////////GLOBAL//////////////////
////////////////////////////////////////*/

html {height: 100%;}
body{
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    min-width: 303px;
    overflow-x: hidden;
}

div.epi-main-hold {padding: 0px; position: relative;}
div.epi-table div.epi-cell {border-spacing: 0px;}
div.epi-content {padding: 0px;}

.epi-input label.error, .epiCont label.error {color: #d00;}
#contactMessage {color: #42464f;}

@media (max-width: 950px){
    .overlay-map {
        background:transparent; 
        position:relative; 
        width:100%;
        height: 200px; /* your iframe height */
        top: 200px;  /* your iframe height */
        margin-top: -200px;  /* your iframe height */
        z-index: 100;
    }
}

a {color: inherit;}
p {text-align: justify; color: #383838; font-size: 12px; line-height: 1.7; font-weight: 300;}
p.center {text-align: center;}
p.bold {font-weight: 700;}
p.no-top-margin {margin-top: 0px;}
p.italic {font-style: italic;}
.simpLink {color: #528ebc;}
.simpLink:hover {text-decoration: underline;}
strong {font-weight: 700;}

.flexslider {background: transparent; border: none; border-radius: 0px; box-shadow: none; margin: 0px;}
.flex-control-nav {position: relative; bottom: auto; left: auto; font-size: 0px; color: transparent; z-index: 500; font-size: 0px;}
.flex-control-paging li {margin: 8px 0; display: block;}
.flex-control-paging li a {
    background: rgba(255,255,255,1);
    opacity: 1;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: none;
    height: 12px;
    width: 12px;
    outline: 2px solid rgba(255,255,255,0);
}

.flex-control-paging li a:hover {outline: 2px solid rgba(255,255,255,0.4); background: rgba(255,255,255,1);}
.flex-control-paging li a.flex-active {opacity: 1; background: rgba(255,255,255,0); outline: 2px solid rgba(255,255,255,1);}
.flex-control-paging li a.flex-active:hover {opacity: 1;}

.flex-direction-nav a {color: transparent; height: 55px; margin: -27px 0 0; text-shadow: none; width: 59px;}
.flex-direction-nav .flex-prev {background-image: url('../images/slider-arrow-left.png'); background-position: 0 0;}
.flex-direction-nav .flex-prev:hover {background-position: 0 -55px;}
.flexslider:hover .flex-prev {left: 0px;}
.flex-direction-nav .flex-next {background-image: url('../images/slider-arrow-right.png'); background-position: 0 0;}
.flex-direction-nav .flex-next:hover {background-position: 0 -55px;}
.flexslider:hover .flex-next {right: 0px;}

.btn-hold {position: relative;}
.btn-hold.center {text-align: center;}
.btn-hold.margin-top-10 {margin-top: 10px;}
.btn-hold.margin-top-15 {margin-top: 15px;}
.btn-hold.margin-top-20 {margin-top: 20px;}
.btn-hold.margin-top-25 {margin-top: 25px;}
.btn-hold.margin-top-30 {margin-top: 30px;}
.btn-hold.margin-top-50 {margin-top: 50px;}
.btn-hold.right {text-align: right;}

.anythingHold {position: relative; text-align: center; font-size: 0px;}
.anythingHold .anything-inner {display: inline-block;}
.anythingHold.margin-bottom-25 {margin-bottom: 25px;}

.inno-btn {
    display: inline-block;
    padding: 8px 15px;
    background-color: #528ebc;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    position: relative;
    margin-right: 10px;
}

.inno-btn div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -o-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    opacity: 0;
}

.inno-btn:hover div {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

.inno-btn.red {background-color: #e55c59;}
.inno-btn.black {background-color: #3b3b3b;}
.inno-btn.black div {background-color: rgba(255,255,255,0.1);}
.inno-btn.white {background-color: #fff; color: #528ebc;}
.inno-btn.medium {font-size: 13px;}
.inno-btn:nth-last-child(1) {margin-right: 0px;}
.btn-hold.center .inno-btn {margin: 5px;}
.inno-btn.small {padding: 6px 12px; font-size: 13px;}
input.inno-btn {border: none; cursor: pointer;}
input.inno-btn:hover {opacity: 0.6;}

.anythingHold .heading-underline {width: 60px; height: 2px; background-color: #528ebc; margin-top: 3px;}
.anythingHold .heading-underline.red {background-color: #e55c59;}
.anythingHold .heading-underline.white {background-color: #fff;}

.fancybox-overlay {z-index: 100000;}
.fancybox-opened {z-index: 100100;}
.epi-alert.video-pop .epi-alert-inner .alert-hold .alert-element {max-width: 500px; width: 70%;}
div.epi-alert.video-pop div.close-btn {right: 0px; top: 0px;}

/*////////////////////////////////////////
//////////////////TOPBAR//////////////////
////////////////////////////////////////*/

#topBar {position: relative; position: fixed; top: 0px; left: 0px; width: 100%; background-color: #fff; z-index: 11000; border-bottom: 1px solid #d7d7d7;}
#topBar .topBar-inner {position: relative; height: 95px; text-align: center; font-size: 0px;}

#topBar .logo-hold {float: left; padding: 10px 0; position: relative;}
#topBar .blue-logo {
    position: absolute;
    top: 13px;
    left: 8px;
    width: 31px;
    z-index: 1;
    opacity: 0px;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
}
#topBar .logo-hold .full-logo {width: 291px; z-index: 10; position: relative;}
#topBar .logo-hold .small-logo {display: none; width: 164px; z-index: 10; position: relative;}
#topBar .navHold {float: none; height: 100%; display: inline-block;}
#topBar .nav-list {display: block; margin: 0px; padding: 0px; height: 100%;}
#topBar .nav-item {float: left; margin: 0px; list-style: none; height: 100%;}
#topBar .nav-item.nav-spacer {margin: 0; width: 1px;}
#topBar .nav-item.nav-spacer .spacer-span {height: 25px; background-color: #d7d7d7; width: 1px; display: block;}
#topBar .NavLink {
    display: block;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #303030;       
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    height: 100%;
}

#topBar .NavLink .epi-cell {border-top: 5px solid #fff; padding: 0 30px; }
#topBar .NavLink:hover {color: #528ebc;}
#topBar .NavLink.active .epi-cell {border-top-color: #528ebc;}
#topBar .social-items .NavLink.active .epi-cell {border-top-color: #fff;}
#topBar .contactHold {float: right; text-align: center; font-size: 0px; height: 100%;}
.package-singles-page #topBar .NavLink.packages .epi-cell {border-top-color: #528ebc;}
.portfolio-singles-page #topBar .NavLink.portfolio .epi-cell {border-top-color: #528ebc;}
.blog-singles-page #topBar .NavLink.blog .epi-cell {border-top-color: #528ebc;}

#topBar .menu-btn-hold {float: right; height: 100%; display: none;}
#topBar .menu-btn {
    padding: 8px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
    width: 17px;
    height: 15px;
    position: relative;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #528ebc;
}

#topBar .menu-btn img {position: absolute; top: 8px; left: 8px; width: 17px;}
#topBar .menu-btn .close-img {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0px;
}

#topBar.active .menu-btn .close-img {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1px; 
}

#topBar.active .menu-btn .menu-img {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0px;
}

#topBar .social-feed-icon {display: inline-block; width: 14px; height: 14px; position: relative; margin-bottom: -1px;}
#topBar .social-feed-icon img {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 5; box-shadow: #000 0em 0em 0em; opacity: 1;}
#topBar .social-feed-icon img.first {z-index: 10;}
#topBar .nav-item:hover .social-feed-icon img.first {opacity: 0;}

#topBar.minimiseBar .topBar-inner {height: 61px;}
#topBar.minimiseBar .logo-hold .full-logo {
    width: 200px;
    opacity: 0;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
}

#topBar.minimiseBar .logo-hold {padding: 5px 0;}
#topBar.minimiseBar .NavLink {font-size: 12px;}
#topBar.minimiseBar .inno-btn {font-size: 12px;}
#topBar.minimiseBar .logo-hold .small-logo {width: 132px; opacity: 0;}
#topBar.minimiseBar .social-feed-icon {height: 12px; width: 12px;}
#topBar.minimiseBar .blue-logo {    
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

#topBar .epi-menuDrop .epi-menuDrop-inner {border-color: #528ebc;}
#topBar .epi-menuDrop .epi-menuArrow {border-bottom: 8px solid #528ebc;}
#topBar .epi-menuDrop .epi-menuLink {color: #303030; position: relative;}
#topBar .epi-menuDrop .epi-menuLink img {display: inline-block; width: 14px; position: absolute; left: 5px; top: 6px;}

#topBar .epi-menuDrop .epi-menuLink:hover {color: #fff;}
#topBar .epi-menuDrop .epi-menuLink.facebook:hover {background-color: #3b5998; }
#topBar .epi-menuDrop .epi-menuLink.twitter:hover {background-color: #5ea9dd}
#topBar .epi-menuDrop .epi-menuLink.pinterest:hover {background-color: #bd081c;}
#topBar .epi-menuDrop .epi-menuLink.flickr:hover {background-color: #ff0084;}
#topBar .epi-menuDrop .epi-menuLink.linkedin:hover {background-color: #0077b5;}

/*////////////////////////////////////////
///////////////////STAGE//////////////////
////////////////////////////////////////*/

#stage {position: relative; height: 100% !important;}
#stage.inner-pages {height: 300px !important; margin-top: 95px;}
#stage .stage-inner {width: 100%; height: 130% !important;}
#stage section.slider {height: 100%;}
#stage .flexslider {height: 100%;}
#stage ul.slides {height: 100%;}
#stage ul.slides li {height: 100%;}

#stage .stage-slide-hold {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
#stage .stage-content {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#stage .stage-heading {margin: 0px; text-align: center; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; z-index: 100; font-size: 45px; letter-spacing: 5px;}
#stage .stage-heading-sub {font-size: 12px; font-family: "Roboto Slab",sans-serif; color: #fff; margin: 0; text-align: center; font-style: italic; font-weight: 300; letter-spacing: 2px;}
#stage .stage-par {text-align: center; color: #fff; font-size: 15px;}
#stage .stageCont-cell {padding-top: 95px;}
#stage.inner-pages .stageCont-cell {padding-top: 0px;}

#stage .promo .stage-heading {font-size: 30px; letter-spacing: 4px; font-weight: 400;}
#stage .promo .stage-heading strong {display: block; text-align: center; font-family: "Roboto Slab",sans-serif; font-weight: 400; font-size: 75px;}
#stage .promo .stage-par {letter-spacing: 2px;}
#stage .promo .stage-heading-sub {font-size: 20px;}

@media (min-width: 1450px){
    #stage .promo .stage-heading {font-size: 35px;}
    #stage .promo .stage-heading strong {font-size: 110px;}
    #stage .promo .stage-par {font-size: 18px}
    #stage .promo .stage-heading-sub {font-size: 30px;}
}

@media (max-width: 650px){
    #stage .promo .stage-heading {font-size: 20px;}
    #stage .promo .stage-heading strong {font-size: 55px;}
    #stage .promo .stage-par {font-size: 12px;}
    #stage .promo .stage-heading-sub {font-size: 16px;}
}

@media (max-width: 550px){
    #stage.promo {height: 450px !important;}
}

#stage .stage-slide {height: 100%; background-repeat: no-repeat; background-size: 100%;}
#stage .stage-slide.slide-1 {background-image: url('../images/slider-1.jpg');}
#stage .stage-slide.slide-2 {background-image: url('../images/slider-2.jpg');}
#stage .stage-slide.slide-3 {background-image: url('../images/slider-3.jpg');}
#stage .stage-slide.slide-4 {background-image: url('../images/grid-tile.png'); background-repeat: repeat; background-size: 3px; z-index: 200; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#stage .stage-slide.slide-5 {background-image: url('../images/slider-5.jpg');}

#stage video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('../images/video-placeholder.jpg') no-repeat;
    background-size: cover; 
    z-index: 100;
    width: 100%;
}

#stage .stage-slide.slide-inner-1 {background-image: url('../images/slider-inner-1.jpg');}
#stage .stage-slide.slide-inner-2 {background-image: url('../images/slider-inner-2.jpg');}
#stage .stage-slide.slide-inner-3 {background-image: url('../images/slider-inner-3.jpg');}
#stage .stage-slide.slide-inner-4 {background-image: url('../images/slider-inner-4.jpg');}

.aboutPlay {
    position: absolute;
    top: 50%;
    width: 99px;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    z-index: 999;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
    cursor: pointer;
}

.aboutPlay img {box-shadow: #000 0em 0em 0em;}
.aboutPlay:hover {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

.keepScrolling {position: absolute; bottom: 20px; left: 50%; z-index: 999; margin-left: -25px; text-align: center; font-size: 0px;}
.keepScrolling-hold {
    width: 26px;
    height: 26px;
    padding: 10px;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.keepScrolling-hold:hover {background-color: rgba(255,255,255,0.2);}
.keepScrolling-arrow {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -10px;
    width: 19px;
    height: 26px;
    position: relative;
    background-image: url('../images/stage-scroll-arrow.png');
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 0 0;
}

.keepScrolling-txt {font-size: 11px; color: #fff; display: block; text-align: center; margin-top: 5px; font-weight: 300;}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

#stage .slider-controls {position: absolute; top: 50%; right: 20px; width: 14px;}

/*////////////////////////////////////////
//////////////////PACKAGES////////////////
////////////////////////////////////////*/

#packages {position: relative; background-image: url('../images/packages-bg.jpg'); background-size: 100%; background-repeat: repeat;}
#packages .packages-inner {position: relative; padding-top: 60px; padding-bottom: 80px;}

#packages .left-cell {padding-right: 40px; padding-left: 30px; text-align: center; font-size: 0px; width: 50%;}
#packages .right-cell {padding-left: 40px; padding-right: 30px; text-align: center; font-size: 0px; width: 50%;}

#packages .package-hold {position: relative; display: inline-block; width: 100%; max-width: 550px; margin-bottom: 50px;}
#packages .package-hold:nth-last-child(1) {margin-bottom: 0px;}
#packages .package-item {height: 180px; position: relative;}
#packages .package-item-inner {height: 300px; background-size: 100%; background-repeat: no-repeat; width: 100%;}

#packages .package-1 {background-image: url('../images/package-1.jpg');}
#packages .package-2 {background-image: url('../images/package-2.jpg');}
#packages .package-3 {background-image: url('../images/package-3.jpg');}
#packages .package-4 {background-image: url('../images/package-4.jpg');}

#packages .package-image {position: relative;}
#packages .package-icon {width: 110px; height: 110px; position: absolute; left: 50%; bottom: -55px; margin-left: -55px;}
#packages .package-icon-inner {position: relative; height: 100%;}
#packages .package-icon-inner img {position: absolute; top: 0px; left: 0px; width: 100%; box-shadow: #000 0em 0em 0em;}
#packages .package-icon-inner img.first {z-index: 10;}
#packages .package-icon-inner img.second {z-index: 5;}
#packages .package-info {background-color: #fff; padding: 20px; padding-top: 75px; border: 1px solid #d7d7d7; border-top: none;}

#packages .package-heading {font-size: 15px; text-align: center; margin: 0px; letter-spacing: 5px; font-weight: 400; color: #000;}
#packages .package-par-hold {position: relative; margin-bottom: 50px;}
#packages .package-par-hold.second {display: none;}
.parHold-heading {font-size: 20px; text-align: center; margin: 0px; font-weight: 400; color: #000; font-family: 'Montserrat', sans-serif;}
#packages .package-par-hold p {text-align: center;}
#packages .package-info p {text-align: center; margin: 0px; margin-top: 20px;}
#packages .package-hold.no-bottom-margin {margin-bottom: 0px;}

#packages .packages-clear {display: none;}
.btn-hold.packages-second {display: none}

#packages .package-hold:hover .inno-btn.black {background-color: #528ebc;}
#packages .package-hold:hover .package-icon-inner img.first {opacity: 0;}

.blog-image {margin-bottom: 30px;}

/*////////////////////////////////////////
/////////////////PORTFOLIO////////////////
////////////////////////////////////////*/

#portfolio {position: relative;}
#portfolio .portfolio-inner {position: relative; padding: 80px 0;}
#portfolio p {text-align: center;}

#portfolio .portfolio-hold {position: relative; height: 250px !important; margin-top: 50px;}
#portfolio .portfolio-list {display: block; margin: 0px; text-align: center; font-size: 0px; padding: 0px;}
#portfolio .portfolio-item {display: inline-block; width: 33.33%;}
#portfolio .portfolio-item-inner {position: relative; margin: 0; height: 250px;}
#portfolio .portfolio-item:nth-child(1) .portfolio-item-inner {margin-left: 0px; margin-right: 30px;}
#portfolio .portfolio-item:nth-child(2) .portfolio-item-inner {margin: 0 10px;}
#portfolio .portfolio-item:nth-last-child(1) .portfolio-item-inner {margin-right: 0px; margin-left: 30px;}
#portfolio .dzsparallaxer--team-members-con {max-width: none; width: 100%; height: 100%; overflow: hidden;}
#portfolio .dzsparallaxer--team-member-con {
    height: 350px;
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
    background-size: 500px;
    background-repeat: no-repeat;
}

#portfolio .portfolio-bg-1 {background-image: url('../images/port-home-1.jpg'); }
#portfolio .portfolio-bg-2 {background-image: url('../images/port-home-2.jpg'); }
#portfolio .portfolio-bg-3 {background-image: url('../images/port-home-3.jpg'); }

#portfolio .portfolio-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 450ms ease-out;
    -moz-transition: all 450ms ease-out;
    -ms-transition: all 450ms ease-out;
    -o-transition: all 450ms ease-out;
    transition: all 450ms ease-out;
}

#portfolio .portfolio-overlay:hover {background-color: rgba(0,0,0,0.6);}
#portfolio .overlay-inner {position: relative; height: 100%;}
#portfolio .port-link {
    display: inline-block;
    width: 30px;
    padding: 10px;
    background-color: rgba(255,255,255,0.3);
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    opacity: 0;
    -webkit-transition: all 750ms ease-out;
    -moz-transition: all 750ms ease-out;
    -ms-transition: all 750ms ease-out;
    -o-transition: all 750ms ease-out;
    transition: all 750ms ease-out;
    border: 1px solid rgba(255,255,255,0);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    opacity: 0;
}

#portfolio .portOverlay-cell {font-size: 0px; width: 50%; position: relative;}
#portfolio .portOverlay-cell.left {padding-right: 5px;}
#portfolio .portOverlay-cell.right {padding-left: 5px;}

#portfolio .portOverlay-cell.left .port-link {right: 75%}
#portfolio .portOverlay-cell.right .port-link {left: 75%}
#portfolio .port-link:hover {border: 1px solid rgba(255,255,255,1);}
#portfolio .portfolio-overlay:hover .port-link {opacity: 1;}
#portfolio .portfolio-overlay:hover .portOverlay-cell.left .port-link {right: 5px; opacity: 1;}
#portfolio .portfolio-overlay:hover .portOverlay-cell.right .port-link {left: 5px; opacity: 1;}

/*////////////////////////////////////////
///////////////TESTIMONIALS///////////////
////////////////////////////////////////*/

#testimonials {position: relative; overflow: hidden; height: auto !important; -webkit-box-shadow:inset 0 -5px 0 0 #FFFFFF; box-shadow:inset 0 -5px 0 0 #FFFFFF;}
#testimonials .testimonials-inner {position: relative; padding: 80px 0; z-index: 100;}
#testimonials .testimonials-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 130%;
    background-image: url('../images/testimonials-bg.jpg');
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

#testimonials .parHold-heading {color: #fff;}
#testimonials .comma-small-icon {width: 60px; margin-top: 20px;}
#testimonials .testimonials-sliderHold {margin-top: 30px;}
#testimonials .testimonials-sliderHold p {color: #fff; text-align: center; font-weight: 400; font-size: 14px;}
#testimonials section.slider {width: 70%; margin: 0 auto;}

#testimonials .flex-control-nav {position: absolute; right: 0px; top: 50%; width: auto; margin-top: -67px;}
#testimonials .flexslider {position: static;}
#testimonials .dzsprxseparator--2triangles {-webkit-box-shadow: 0 5px 0 0 #FFFFFF; box-shadow: 0 5px 0 0 #FFFFFF; bottom: -0.5px;}

/*////////////////////////////////////////
//////////////ABOUT SECTION///////////////
////////////////////////////////////////*/

#aboutSec {position: relative;}
#aboutSec .aboutSec-inner {position: relative; padding: 80px 0;}
#aboutSec.no-padding .aboutSec-inner {padding-bottom: 0px; padding-top: 40px;}

#aboutSec .video-cell {
    width: 600px;
    height: 300px; max-width: 600px;
    background-image: url('../images/about-video.jpg');
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
}

#aboutSec .video-cell.about-page {background-image: url('../images/about-video-2.jpg');}
#aboutSec .info-cell {padding-right: 40px;}
#aboutSec .info-cell p {text-align: center;}
#aboutSec.about-page p {text-align: justify;}
#aboutSec.about-page p.first {margin-top: 0px;}
#aboutSec.about-page p.opacity {opacity: 0.5; font-style: italic;}
#aboutSec .aboutSec-clear {display: none;}
#aboutSec .video-link-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/video-icon_03.png');
    background-size: 80px;
    background-position: 50%;
    background-repeat: no-repeat;
}

#aboutSec .video-link-overlay:hover {background-color: rgba(0,0,0,0.3);}
#aboutSec ul {display: block; margin: 30px 0px; padding: 0px; font-size: 0px; text-align: left;}
#aboutSec ul li {
    display: inline-block;
    margin: 5px 0px;
    margin-right: 20px;
    color: #383838;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.7;
    padding-left: 25px;
    position: relative;
}

#aboutSec ul li:before {
    content: url(../images/list-tick.png);
    position: absolute;
    left: 0px;
    top: 2px;
    width: 19px;
}

#aboutSec h2 {font-size: 16px; font-weight: 400; font-family: "Montserrat",sans-serif; color: #528ebc; margin-top: 30px;}
#aboutSec .packages-singles-img {width: 400px; float: left; margin-right: 50px; margin-top: 5px;}
#aboutSec h2.parHold-heading {font-size: 20px; text-align: center; margin: 0px; font-weight: 400; color: #000; font-family: 'Montserrat', sans-serif;}

/*////////////////////////////////////////
////////////////SOCIAL AREA///////////////
////////////////////////////////////////*/

#socialArea {position: relative;}
#socialArea .socialArea-inner {position: relative; padding-bottom: 50px;}

#socialArea .social-cell {position: relative; width: 50%;}
#socialArea .social-cell.left {padding-right: 20px;}
#socialArea .social-cell.right {padding-left: 20px;}

#socialArea .socialHeading-hold {position: relative; font-size: 0px; margin-bottom: 30px;}
#socialArea .socialHeading-inner {display: inline-block; width: 250px;}
#socialArea .socialSubHeading {font-size: 15px; color: #383838; font-weight: 300; margin-bottom: 40px;}
#socialArea .socialArea-clear {display: none;}

#FlickrImages {display: block; margin: 0px; padding: 0px; text-align: left; font-size: 0px;}
#FlickrImages li {display: inline-block; width: 72px; margin: 5px;}
#FlickrImages li a {
    background-image: url('../images/portIcons_05-black.png');
    background-size: 0px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    display: block;
}

#FlickrImages li a img {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    box-shadow: #000 0em 0em 0em;
}

#FlickrImages li a:hover {background-size: 35px;}
#FlickrImages li a:hover img {opacity: 0.4;}

#theFeedo li {list-style: none; position: relative; padding-left: 80px; margin-bottom: 20px;}
#theFeedo li:nth-last-child(1) {margin-bottom: 0px;}
#theFeedo li:before {
    content: url(../images/inno-twitter-api-icon.png);
    position: absolute;
    left: 0px;
    top: 5px;
    width: 55px;
}

#theFeedo .timePosted {text-align: left; margin: 0px;}
#theFeedo .interact a {color: #d42626; margin-right: 10px; text-align: left;}
#theFeedo .interact a:hover {text-decoration: underline;}
#theFeedo .interact {margin: 0px;}
#theFeedo .tweet {margin: 8px 0; text-align: left;}
#theFeedo .tweet a {color: #528ebc;}
#theFeedo .tweet a:hover {text-decoration: underline;}

/*////////////////////////////////////////
//////////////HEADING INNER///////////////
////////////////////////////////////////*/

.headingHold {position: relative; padding-top: 50px;}
.headingHold.no-top-padding {padding-top: 0px;}
.headingHold .headingHold-inner {position: relative;}

.headingHold .headingHold-heading {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-align: center;
    font-size: 45px;
    font-weight: 400;
    margin: 0px;
    letter-spacing: 5px;
    line-height: 1.1;
}

.headingHold .headingHold-heading .first-section {letter-spacing: 10px;}
.headingHold .headingHold-heading .sub {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: normal;
    font-family: 'Roboto Slab', sans-serif;
    margin-top: 10px;
    display: block;
}

.headingHold.blue-block .headingHold-inner {text-align: center; font-size: 0px;}
.headingHold.blue-block .headingHold-heading {font-size: 30px; color: #fff; background-color: #528ebc; display: inline-block; padding: 5px 20px;}

/*////////////////////////////////////////
///////////////TEAM GALLERY///////////////
////////////////////////////////////////*/

.teamGallery {position: relative; margin-top: 50px;}
.teamGallery .teamGallery-inner {position: relative;}

.teamGallery .teamGallery-list {display: block; margin: 0px; padding: 0px; text-align: center; font-size: 0px;}
.teamGallery .teamGallery-item {display: inline-block; list-style: none; width: 25%; vertical-align: top;}
.teamGallery .teamGallery-item-inner {margin: 25px; position: relative; display: block;}

.teamGallery .teamGallery-txt {position: relative;}
.teamGallery .teamGallery-headings {font-size: 14px; font-weight: 700; text-align: left; letter-spacing: 2px; color: #262626;}
.teamGallery .teamGallery-headings span {font-weight: 300; font-size: 12px; display: block;}

.teamGallery .teamGallery-txt-overlay {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10;}
.teamGallery .teamGallery-txt-overlay:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.teamGallery .teamGallery-dark-overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 5;}
.teamGallery .teamGallery-item-inner:hover .teamGallery-dark-overlay {background-color: rgba(0,0,0,0.3);}

/*////////////////////////////////////////
///////////////PACKAGES HOLD//////////////
////////////////////////////////////////*/

#packagesHold {position: relative; margin: 60px 0;}
#packagesHold .packagesHold-inner {position: relative;}

#packagesHold .packages-item {position: relative; margin-bottom: 30px; background-color: #f6f6f6;}
#packagesHold .packages-item:nth-last-child(1) {margin-bottom: 0px;}
#packagesHold .packages-item-inner {position: relative;}

#packagesHold .packagesHold-image {background-position: 50%; height: 345px; background-size: 100%; position: relative;}

#packagesHold .packagesHold-image.background-1 {background-image: url('../images/packages-dummy-images_03.jpg');}
#packagesHold .packagesHold-image.background-2 {background-image: url('../images/packages-dummy-images_07.jpg');}
#packagesHold .packagesHold-image.background-3 {background-image: url('../images/packages-dummy-images_10.jpg');}
#packagesHold .packagesHold-image.background-4 {background-image: url('../images/packages-dummy-images_12.jpg');}

#packagesHold .image-cell {width: 400px; max-width: 400px;}
#packagesHold .packagesHold-clear {display: none;}
#packagesHold .info-cell {padding: 15px; padding-left: 60px;}
#packagesHold .packagesHold-icon {width: 80px; position: absolute; right: -40px; top: 50%; margin-top: -40px;}
#packagesHold .packagesHold-heading {font-size: 15px; font-weight: 300; text-align: center; letter-spacing: 2px; margin: 0px; margin-bottom: 20px; margin-top: 30px;}

#packagesHold .packages-price-btn {display: inline-block; text-align: center; font-size: 0px;}
#packagesHold .packages-price-btn .price-btn-section {
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    height: 18px;
}

#packagesHold .packages-price-btn .price-part {background-color: #528ebc;}
#packagesHold .packages-price-btn .contact-part {background-color: #3b3b3b;}
#packagesHold .packages-price-btn .read-part {background-color: #545454; min-width: 85px;}
#packagesHold .packages-price-btn .contact-part:hover {opacity: 0.6;}
#packagesHold .packages-price-btn .read-part:hover {opacity: 0.6;}
#packagesHold .packages-price-list {display: block; margin: 0px; padding: 0px; text-align: center; font-size: 0px;}
#packagesHold .packages-price-list-item {display: inline-block; list-style: none;}
#packagesHold .packages-price-btn .price-btn-section img {display: inline-block; width: 11px; margin-bottom: -1px;}

#packagesHold .parHold-table {height: 170px;}
#packagesHold .parHold-cell {height: 170px; position: relative; overflow: hidden;}
#packagesHold .parHold-cell p {max-height: 170px; overflow: hidden; margin: 0px;}
#packagesHold .parHold-cell:after {
    content: url(../images/parHold-overlay.png);
    position: absolute;
    left: 0px;
    bottom: -5px;
}

/*//////// RIGHT SIDE OVERIDES /////////*/
#packagesHold .right .info-cell {padding: 15px; padding-right: 60px;}
#packagesHold .right .packagesHold-icon {right: auto; left: -40px;}
#packagesHold .right .btn-hold.right {text-align: left;}
#packagesHold .right .image-cell.first {display: none;}

/*////////////////////////////////////////
//////////////TWO SIDES HOLD//////////////
////////////////////////////////////////*/

#twoSide-hold {position: relative; margin-bottom: 60px; margin-top: 100px;}
#twoSide-hold .twoSide-inner {position: relative;}

#twoSide-hold .twoSide-item {position: relative; margin-bottom: 100px;}
#twoSide-hold .twoSide-item:nth-last-child(1) {margin-bottom: 0px;}
#twoSide-hold .image-cell {width: 40%; padding-right: 30px;}
#twoSide-hold .right .image-cell.first {display: none;}
#twoSide-hold .info-cell {width: 60%; padding-left: 30px;}
#twoSide-hold .right .image-cell {padding-right: 0px; padding-left: 30px;}
#twoSide-hold .right .info-cell {padding-left: 0px; padding-right: 30px;}
#twoSide-hold p {text-align: left;}

#twoSide-hold .twoSide-heading {
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 1.1;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
}

#twoSide-hold .right .twoSide-heading {text-align: right}
#twoSide-hold .right p {text-align: right;}
#twoSide-hold .right .btn-hold {text-align: right;}

/*////////////////////////////////////////
////////////////PORT PAGE/////////////////
////////////////////////////////////////*/

#portPage {position: relative; margin-top: 60px;}
#portPage .portPage-inner {position: relative;}

#portPage .portPage-list {display: block; margin: 0px; padding: 0px; text-align: left; font-size: 0px;}
#portPage .portPage-item {display: inline-block; width: 50%; list-style: none; vertical-align: top;}
#portPage .portPage-item-inner {margin-bottom: 60px; background-color: rgba(0,0,0,0);}
#portPage .portPage-item:nth-child(even) .portPage-item-inner {margin-left: 30px;}
#portPage .portPage-item:nth-child(odd) .portPage-item-inner {margin-right: 30px;}

#portPage .portPage-imghold {position: relative;}
#portPage .portPage-img {
    opacity: 1;
    -webkit-transition: all 550ms ease-out;
    -moz-transition: all 550ms ease-out;
    -ms-transition: all 550ms ease-out;
    -o-transition: all 550ms ease-out;
    transition: all 550ms ease-out;
}
#portPage .portPage-linkshold {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#portPage .portPage-linkshold .epi-cell {width: 50%; max-width: 50%; position: relative;}
#portPage .portPage-linkshold .epi-table {background-color: rgba(0,0,0,0);}
#portPage .portPage-link {
    display: inline-block;
    width: 35px;
    padding: 10px;
    background-color: rgba(255,255,255,0.3);
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    opacity: 0;
    -webkit-transition: all 550ms ease-out;
    -moz-transition: all 550ms ease-out;
    -ms-transition: all 550ms ease-out;
    -o-transition: all 550ms ease-out;
    transition: all 550ms ease-out;
    border: 1px solid rgba(255,255,255,0);
    position: absolute;
    top: 50%;
    margin-top: -35px;
    opacity: 0;
}

#portPage .portPage-linkshold .epi-cell.left .portPage-link {right: 75%;}
#portPage .portPage-linkshold .epi-cell.right .portPage-link {left: 75%;}

#portPage .portPage-link:hover {border: 1px solid rgba(255,255,255,1);}
#portPage .portPage-imghold:hover .portPage-linkshold .portPage-link {opacity: 1;}
#portPage .portPage-imghold:hover .portPage-linkshold .epi-cell.left .portPage-link {right: 10px;}
#portPage .portPage-imghold:hover .portPage-linkshold .epi-cell.right .portPage-link {left: 10px;}
#portPage .portPage-imghold:hover .portPage-linkshold .epi-table {background-color: rgba(0,0,0,0.5);}

#portPage .content-hold {position: relative;}
#portPage .portPage-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #528ebc;
    letter-spacing: 2px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    margin-bottom: 10px;
}

#portPage .portPage-par {margin: 0px; font-size: 13px; letter-spacing: 1px; font-weight: 400;}

/*////////////////////////////////////////
////////////////CONTACT LIST//////////////
////////////////////////////////////////*/

#contact-hold {position: relative; margin: 50px 0;}
#contact-hold .contact-inner {position: relative;}

#contact-hold .contact-content {width: 100%; max-width: 600px; margin: 0 auto;}
#contact-hold .contact-list {display: block; margin: 0px; padding: 0px;}
#contact-hold .cont-item {display: block; list-style: none; margin-bottom: 10px;}
#contact-hold .cont-item:nth-last-child(1) {margin-bottom: 0px;}

#contact-hold .cont-box {
    border: 1px solid #989494;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: #fff;
    font-size: 15px;
    color: #474747;
    font-weight: 300;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
}

#contact-hold .cont-head {
    background-color: #eee;
    max-width: 150px;
    width: 150px;
    text-align: left;
    padding: 5px 20px;
    border-right: 1px solid #989494;
}

#contact-hold .cont-info {padding: 5px 20px;}
#contact-hold .cont-head img {width: 12px; display: inline-block; margin-right: 8px;}

/*////////////////////////////////////////
////////////////CONTACT FORM//////////////
////////////////////////////////////////*/

#formHold {position: relative; margin-bottom: 50px;}
#formHold .form-inner {position: relative;}
#formHold form {width: 100%; max-width: 610px; margin: 0 auto;}

/*////////////////////////////////////////
//////////////////FOOTER//////////////////
////////////////////////////////////////*/

#footer {position: relative; background-image: url('../images/footer-bg.jpg'); background-size: 100%; background-position: 50% 0;}
#footer .footer-hold {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#footer .footer-inner {position: relative; padding-top: 10%; padding-bottom: 50px;}

#footer .footer-list {display: block; margin: 0px; padding: 0px; text-align: center; font-size: 0px;}
#footer .footer-item {display: inline-block; width: 25%; list-style: none; vertical-align: top;}
#footer .footer-item-inner {margin: 0 20px; text-align: center; font-size: 0px;}
#footer .footer-center {display: inline-block;}
#footer .footer-heading {font-size: 13px; text-align: left; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; font-weight: 400; color: #000; display: block; white-space: nowrap;}
#footer .underline-hold {text-align: left; font-size: 0px; display: block;}
#footer .underline {display: inline-block; width: 50px; height: 2px; background-color: #000; margin-top: 5px; margin-bottom: 10px;}
#footer .footer-link-hold {text-align: left; display: block; font-size: 0px; margin-bottom: 3px;}
#footer .footer-link-hold:nth-last-child(1) {margin-bottom: 0px;}
#footer .footer-link {
    display: inline-block;
    white-space: nowrap;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    padding: 3px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

#footer a.footer-link:hover {background-color: #528ebc; color: #fff;}
#footer a.footer-link.Facebook:hover {background-color: #3b5998;}
#footer a.footer-link.Twitter:hover {background-color: #5ea9dd;}
#footer a.footer-link.Pinterest:hover {background-color: #bd081c;}
#footer a.footer-link.Youtube:hover {background-color: #de2825;}
#footer a.footer-link.Flickr:hover {background-color: #ff0084;}
#footer a.footer-link.Linkedin:hover {background-color: #0077b5;}
#footer .footer-clear {display: none;}

/*////////////////////////////////////////
////////////////MAX WIDTHS////////////////
////////////////////////////////////////*/

.inner-page-middle-hold {max-width: 1400px; margin: 0 auto;}
#footer .footer-inner {max-width: 1650px; margin: 0 auto;}

/*////////////////////////////////////////
////////////////RESPONSIVE////////////////
////////////////////////////////////////*/

@media (min-width: 1450px){
    #stage .stage-heading {font-size: 55px;}
    #stage .inno-btn {padding: 10px 15px;}
    #stage video#bgvid {min-width: 102%;}

    #packages .package-hold {max-width: 650px; margin-bottom: 70px;}
    #packages .package-hold:nth-last-child(1) {margin-bottom: 0px;}
    #packages .package-par-hold {margin-bottom: 60px;}
    #packages .packages-inner {padding-bottom: 130px; padding-top: 100px;}

    #aboutSec .video-cell {height: 450px;}
    #aboutSec .aboutSec-inner {padding: 130px 0;}

    #portfolio .dzsparallaxer--team-member-con {background-size: 100%;}
    #portfolio .portfolio-hold {height: 350px !important;}
    #portfolio .portfolio-item-inner {height: 350px;}
    #portfolio .dzsparallaxer--team-member-con {height: 450px;}
    #portfolio .portfolio-inner {padding: 130px 0;}
    #portfolio .dzsparallaxer--team-member-con {background-size: 140%; background-position: 50%;}

    #footer .footer-heading {font-size: 14px;}
    #footer .footer-link {font-size: 13px;}
    #footer .footer-link-hold {margin-bottom: 5px;}
    #footer .underline {margin-bottom: 15px;}
}

@media (max-width: 1250px) {
    #stage .stage-slide {background-size: 120% auto; background-position: 50%;}
    #stage video#bgvid {width: 135%;}
}

@media (max-width: 1225px) {
    #packages .package-item-inner {background-size: 491px; background-position: 50%;}
}

@media (max-width: 1200px) {
    #testimonials .testimonials-bg {background-size: 1200px; background-position: 50%;}
}

@media (max-width: 1170px) {
    #topBar .NavLink .epi-cell {padding: 0 25px;}
}

@media (max-width: 1130px){
    .teamGallery .teamGallery-item-inner {margin: 15px 10px;}
}

@media (max-width: 1100px){
    #topBar .NavLink .epi-cell {padding: 0 18px;}
    #topBar .logo-hold .full-logo {width: 247px;}
    #topBar .topBar-inner {height: 83px;}
    #topBar .NavLink {font-size: 13px;}   
    #topBar .contactHold .inno-btn {font-size: 13px;}
    #topBar .NavLink {font-size: 12px;}

    #stage .stageCont-cell {padding-top: 83px;}  
    #stage.inner-pages {margin-top: 84px;}
    #stage video#bgvid {width: 100%;}

    #packages .left-cell {padding-left: 0; padding-right: 30px;}
    #packages .right-cell {padding-left: 30px; padding-right: 0px;}
}

@media (max-width: 1050px){
    #aboutSec .video-cell {width: 50%; max-width: 50%; background-size: 600px;}   
}

@media (max-width: 1000px){
    #stage .stage-slide {background-size: 1100px; background-position: 50%;}
    #stage video#bgvid {width: auto; min-height: 110%; min-width: 110%;}
    #stage {height: 515px !important;}
    #stage .stage-inner {height: 715px !important;}
    #stage.inner-pages .stage-inner {height: 130% !important;}
    #stage.inner-pages .stage-slide {background-size: 1200px;}
    .keepScrolling {display: none;}

    #footer .footer-inner {padding-top: 5%;}

    #twoSide-hold .twoSide-heading {font-size: 35px; margin-bottom: 15px;}
    #twoSide-hold .inno-btn {font-size: 12px;}
    #twoSide-hold .image-cell {min-width: 330px; width: 330px;}
}

@media (max-width: 950px){
    #topBar .navHold {display: none;}
    #topBar .contactHold {display: none;}
    #topBar .menu-btn-hold {display: block;}  

    #portfolio .portfolio-bg-3 {background-size: 500px; background-position: 50%;}
    #portfolio .portfolio-bg-2 {background-size: 500px; background-position: 50%;}
    #portfolio .portfolio-bg-1 {background-size: 500px; background-position: 50%;}

    #footer .footer-heading {font-size: 11px;}
    #footer .footer-link {font-size: 11px;}
    #footer .footer-link-hold {margin-bottom: 1px;}
    #footer .underline {margin-bottom: 8px;}

    #socialArea .socialArea-clear {display: table-row;}
    #socialArea .social-cell.left {padding-right: 0px; padding-bottom: 40px;}
    #socialArea .social-cell.right {padding-left: 0px;}
    #socialArea .socialHeading-hold {text-align: center;}
    #socialArea .socialSubHeading {text-align: center;}
    #socialArea #FlickrImages {text-align: center;}  
    #socialArea .socialArea-inner {padding-bottom: 80px;}

    #footer .footer-item-inner {padding: 10px;}
    #footer .footer-list {display: table; width: 100%;}
    #footer .footer-item {display: table-cell; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-color: rgba(255,255,255,0.5);}
    #footer .footer-clear {display: table-row;}

    .teamGallery .teamGallery-item {width: 33.33%;}

    #packagesHold .packagesHold-icon {margin-top: -30px; right: -30px; width: 60px;}   
    #packagesHold .image-cell {max-width: 345px; width: 345px;}
    #packagesHold .packagesHold-image {background-size: 130%;}
    #packagesHold .info-cell {padding: 15px 15px 15px 45px;}
    #packagesHold .parHold-cell p {font-size: 11px;}
    #packagesHold .packagesHold-heading {margin: 0px 0 20px;}
    #packagesHold .parHold-table {height: 200px;}
    #packagesHold .parHold-cell {height: 200px;}
    #packagesHold .parHold-cell p {max-height: 200px;}
    #packagesHold .packages-price-btn .price-btn-section {font-size: 12px;}

    /*//////// RIGHT SIDE OVERIDES /////////*/
    #packagesHold .right .packagesHold-icon {left: -30px; right: auto;}
    #packagesHold .right .info-cell {padding: 15px 45px 15px 15px;}
    /*//////////////////////////////////////*/

    #portfolio .port-link {border: 1px solid rgba(255,255,255,1);}
    #portfolio .portfolio-overlay .port-link {opacity: 1;}
    #portfolio .portfolio-overlay .portOverlay-cell.left .port-link {right: 5px; opacity: 1;}
    #portfolio .portfolio-overlay .portOverlay-cell.right .port-link {left: 5px; opacity: 1;}
    #portfolio .portfolio-overlay {background-color: rgba(0,0,0,0.6);}

    #portPage .portPage-item:nth-child(even) .portPage-item-inner {margin-left: 15px;}
    #portPage .portPage-item:nth-child(odd) .portPage-item-inner {margin-right: 15px;}

}

@media (max-width: 900px){
    #portfolio .portfolio-item:nth-child(1) .portfolio-item-inner {margin-right: 15px;}
    #portfolio .portfolio-item:nth-child(2) .portfolio-item-inner {margin: 0 5px;}
    #portfolio .portfolio-item:nth-last-child(1) .portfolio-item-inner {margin-left: 15px;}

    #aboutSec .aboutSec-clear {display: table-row;}
    #aboutSec .info-cell {padding-right: 0px; padding-bottom: 40px;}
    #aboutSec .video-cell {width: 100%; max-width: none; background-size: 100%;}
}

@media (max-width: 830px){
    #packagesHold .image-cell {max-width: 50%; width: 50%;}
    #packagesHold .info-cell {max-width: 50%; width: 50%; padding: 15px 20px;}
    #packagesHold .packagesHold-icon {display: none;}
    #packagesHold .btn-hold.right {text-align: center;}

    /*//////// RIGHT SIDE OVERIDES /////////*/
    #packagesHold .right .info-cell {padding: 15px 20px;}
    #packagesHold .right .btn-hold.right {text-align: center;}
    /*//////////////////////////////////////*/

    #twoSide-hold .twoSide-clear {display: table-row;}
    #twoSide-hold .info-cell {padding-left: 0px;}
    #twoSide-hold .image-cell {padding-right: 0px; padding-bottom: 30px;}
    #twoSide-hold .right .info-cell {padding-right: 0px;}
    #twoSide-hold .right .image-cell {padding-left: 0px;}
    #twoSide-hold .image-cell img {max-width: 500px; margin: 0 auto;}
    #twoSide-hold .twoSide-heading {text-align: center;}
    #twoSide-hold .btn-hold {text-align: center;}
    #twoSide-hold .image-cell {min-width: 0px; width: auto;}
    #twoSide-hold {margin-top: 60px;}
    #twoSide-hold .right .image-cell.first {display: block;}
    #twoSide-hold .right .image-cell.second {display: none;}

    #twoSide-hold .right .twoSide-heading {text-align: center}
    #twoSide-hold .right p {text-align: justify;}
    #twoSide-hold .right .btn-hold {text-align: center;}

    #twoSide-hold .twoSide-item {margin-bottom: 60px;}
    #twoSide-hold .twoSide-item:nth-last-child(1) {margin-bottom: 0px;}

    #aboutSec .packages-singles-img {width: 300px; margin-right: 25px;}
}

@media (max-width: 800px){
    #packages .left-cell {padding-right: 20px;}
    #packages .right-cell {padding-left: 20px;}

    #portfolio .portfolio-item {width: 50%;}
    #portfolio .portfolio-item-inner {height: 200px;}
    #portfolio .dzsparallaxer--team-member-con {height: 300px;}
    #portfolio .portfolio-hold {height: 430px !important;}
    #portfolio .portfolio-item:nth-last-child(1) .portfolio-item-inner {margin: 0; margin-top: 20px;}
    #portfolio .portfolio-item:nth-last-child(1) {width: 100%;}
    #portfolio .portfolio-bg-3 {background-size: 800px; background-position: 50%;}
    #portfolio .portfolio-bg-2 {background-size: 400px; background-position: 50%;}
    #portfolio .portfolio-bg-1 {background-size: 400px; background-position: 50%;}
    #portfolio .portfolio-item:nth-child(2) .portfolio-item-inner {margin: 0; margin-left: 10px;}
    #portfolio .portfolio-item:nth-child(1) .portfolio-item-inner {margin-right: 10px;}

    #testimonials .testimonials-bg {background-size: 1920px;}
    #testimonials .testimonials-inner {padding: 40px 0;position: relative;}

    #footer {background-size: 1000px;}
    #footer .footer-background {display: none;}
    #footer .footer-hold {position: relative; top: auto; left: auto;}
    #footer .footer-item {width: 50%; margin-bottom: 20px;}
    #footer .footer-heading {text-align: center;}
    #footer .footer-link-hold {text-align: center;}
    #footer .underline-hold {text-align: center;}
    #footer .footer-inner {padding-top: 0px;}
    #footer .footer-inner {padding-bottom: 100px;}
}

@media (max-width: 750px){
    .teamGallery .teamGallery-item {width: 50%;}
}

@media (max-width: 700px){
    #packagesHold .packagesHold-image {background-size: 140% auto;}
    #packagesHold .btn-hold.margin-top-20 {margin-top: 10px;}
    #packagesHold .packagesHold-image {height: 312px;}
    #packagesHold .parHold-table {height: 180px;}
    #packagesHold .parHold-cell {height: 180px;}
    #packagesHold .parHold-cell p {max-height: 180px;}
}

@media (max-width: 670px){
    #packages .packages-clear {display: table-row;}
    #packages .package-item-inner {background-size: 100%;}
    #packages .left-cell {padding-right: 0px;}
    #packages .right-cell {padding-left: 0px;}
    #packages .package-item {height: 140px;}
    #packages .package-item-inner {height: 240px;}
    .btn-hold.packages-second {display: block;}
    #packages .package-par-hold.second {display: block;}
    #packages .package-par-hold.first {display: none;}
    #packages .package-hold.no-bottom-margin {margin-bottom: 50px;}

    #portfolio .portfolio-bg-3 {background-size: 650px;}

    #portPage .portPage-item {width: 100%;}
    #portPage .portPage-item:nth-child(even) .portPage-item-inner {margin-left: 0px;}
    #portPage .portPage-item:nth-child(odd) .portPage-item-inner {margin-right: 0px;}
    #portPage .portPage-heading {text-align: center;}
    #portPage .portPage-par {text-align: center;}
    #portPage .btn-hold {text-align: center;}
}

@media (max-width: 600px){
    #testimonials .dzsprxseparator--2triangles {display: none;}
    .headingHold .headingHold-heading {font-size: 35px;}
    .headingHold.blue-block .headingHold-heading {font-size: 20px;}

    #packagesHold .packagesHold-image {background-size: 145%;}
    #aboutSec .packages-singles-img {width: 100%; margin-right: 0px; margin-bottom: 30px;}
    /*    #aboutSec h2 {text-align: center;}
        #aboutSec ul {text-align: center;}*/
}

@media (max-width: 575px){
    #packages .package-item-inner {background-size: 491px;}
    #packages .packages-first {display: none;}

    #packagesHold .packagesHold-clear {display: table-row;}
    #packagesHold .packagesHold-image {background-size: 100% auto; height: 250px;}
    #packagesHold .parHold-table {height: auto;}
    #packagesHold .parHold-cell {height: auto;}
    #packagesHold .parHold-cell p {max-height: none;}
    #packagesHold .parHold-cell::after {content: none;}
    #packagesHold .btn-hold.margin-top-20 {margin-top: 20px;}
    #packagesHold .packagesHold-heading {margin: 0 0 14px;}

    /*//////// RIGHT SIDE OVERIDES /////////*/
    #packagesHold .right .image-cell.first {display: table-cell;}
    #packagesHold .right .image-cell.second {display: none;}
}

@media (max-width: 550px){
    #stage .stage-slide {background-size: 750px; background-position: 50%;}
    #stage {height: 320px !important;}
    #stage .stage-inner {height: 520px !important;}
    #stage .stage-heading {font-size: 30px;}
    #stage .keepScrolling {display: none;}    
    #stage .btn-hold.margin-top-25 {margin-top: 10px;}
    #stage .slider-controls {margin-top: 0px;}
    #stage .slider-controls {right: 10px;}
    #stage video#bgvid {width: auto; min-height: 100%; min-width: 100%;}

    #portfolio .portfolio-bg-3 {background-size: 550px;}   
    #twoSide-hold .twoSide-heading {font-size: 30px;}
    .headingHold .headingHold-heading .first-section {letter-spacing: 8px;}

    #aboutSec.about-page .aboutSec-inner {padding-top: 40px;}
}

@media (max-width: 530px){
    #formHold .epi-list li.streach-50 {width: 100%;}   
    #contact-hold .cont-box {font-size: 12px;}
    #contact-hold .cont-head {max-width: 125px; padding: 5px 10px; width: 125px;}
    #contact-hold .cont-info {padding: 5px 10px;}
}

@media (max-width: 500px){
    #portfolio .portfolio-item {width: 100%;}
    #portfolio .portfolio-bg-3,
    #portfolio .portfolio-bg-2,
    #portfolio .portfolio-bg-1
    {background-size: 500px; background-position: 50%;}

    #portfolio .portfolio-item-inner {height: 170px;}
    #portfolio .dzsparallaxer--team-member-con {height: 270px;}
    #portfolio .portfolio-item:nth-child(1) .portfolio-item-inner {margin-right: 0px; margin-bottom: 20px;}
    #portfolio .portfolio-item:nth-child(2) .portfolio-item-inner {margin-left: 0px;}
    #portfolio .portfolio-hold {height: 550px !important;}

    #footer .footer-item-inner {padding: 10px;}
    #footer .footer-list {display: block;}
    #footer .footer-item {display: block; width: 100%;}
    #footer .footer-clear {display: none;}
    #footer {background-size: 1920px auto;} 

    .teamGallery .teamGallery-item-inner {margin: 15px 5px;}   
}

@media (max-width: 500px) and (min-width: 400px){
    .teamGallery .teamGallery-headings {font-size: 13px; letter-spacing: 1px;}
    .teamGallery .teamGallery-headings span {font-size: 11px;}
}

@media (max-width: 450px){
    #packagesHold .packagesHold-image {height: 180px;}
}

@media (max-width: 400px){
    #topBar .logo-hold .small-logo {display: block;}
    #topBar .logo-hold .full-logo {display: none;}

    #stage .stage-heading {font-size: 25px;}
    #stage .inno-btn {font-size: 12px;}    
    #stage div.inner-div {width: 80%;}

    #portfolio .portfolio-bg-3,
    #portfolio .portfolio-bg-2,
    #portfolio .portfolio-bg-1
    {background-size: 400px;}

    .teamGallery .teamGallery-item {width: 100%;}
    .teamGallery .teamGallery-headings {text-align: center;}

    .headingHold .headingHold-heading {font-size: 30px;}
    #stage.inner-pages {height: 250px !important;}

    #contact-hold .cont-head strong {display: none;}
    #contact-hold .cont-head {max-width: 12px; width: 12px;}
}