/* Custom css file */
body {
    font-family: 'Fira Sans',serif !important;
    color: #747474;
    overflow-x: hidden;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-Medium.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('../../bootstrap-3.3.5/fonts/FiraSans/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
h1 {
    font-size: 30px;
}
video {
    position: relative !important;
    width: 100% !important;
    height: auto;
}
@media (min-width: 768px) {
    h1 {
        font-size: 36px;
    }
}
*,
*::before,
*::after{
    box-sizing: border-box;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, p, .p {
    font-weight: 500;
}
h2 {
    color: #4a4a4a;
}
a {
    color:#4A4A4A;
    outline: 0;
    cursor: pointer;
}
a:hover {
    color:#4A4A4A;
    text-decoration: none;
    outline: 0;
}
.error {
    color: red;
}
.success {
    color: green;
}
a:active, a:focus {
    outline: 0;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../image/icon/down.png") no-repeat scroll 100% 0;
    height: 35px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
::-ms-expand {
    display: none;
}
section {
    padding:15px 0;
}
@media (min-width: 768px) {
    section {
        padding:25px 0;
    }
}
section:first-of-type, section:last-of-type {
    padding: 0;
}
.img:hover {
    cursor: pointer;
}
.navbar-brand {
    padding:10px 10px 15px;
    position: relative;
    z-index: 9999;
}
@media (max-width: 320px) {
    .navbar-brand {
        padding:10px 0;
    }
}
.navbar-brand > img {
    max-width: 70%;
    height: auto;
}
/*** button code  ***/

.btn-quote {
    color: #fff;
    /*background-color: #c1d72e;*/
    background-color: #C1D72C;
}
.btn-quote:focus,
.btn-quote.focus {
    color: #fff;
    background-color: #b6b6b6;
}
.btn-quote:hover {
    color: #fff;
    background-color: #b6b6b6;
}
/*** grid for eight columns **/
.eight-cols > .col-xs-12  {
    width: 100%;
    text-align: center;
}
.eight-cols > .col-xs-6  {
    width: 50%;
    text-align: center;
}
@media (min-width: 768px) {
    .eight-cols > .col-sm-6  {
        width: 50%;
        text-align: center;
    }
    .eight-cols > .col-sm-4  {
        width: 25%;
        text-align: center;
    }
}
@media (min-width: 992px) {
    .eight-cols .col-md-1  {
        width: 12.5%;
        text-align: center;
    }
}
@media (min-width: 1200px) {
    .eight-cols .col-lg-1  {
        width: 12.5%;
        text-align: center;
    }
}
/*** grid for seven columns **/

.seven-cols .col-md-1,
.seven-cols .col-lg-1,
.seven-cols .col-xs-1  {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1,
    .seven-cols .col-xs-1 {
        width: 14.285714285714285714285714285714%;
        text-align: center;
    }
}
/*.seven-cols .col-xs-1:hover {
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    opacity: 1.0;
}*/
/*** grid for five columns **/

.five-cols .col-md-1,
.five-cols .col-lg-1,
.five-cols .col-xs-1  {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .five-cols .col-md-1,
    .five-cols .col-sm-1,
    .five-cols .col-lg-1,
    .five-cols .col-xs-1 {
        width: 20%;
        text-align: center;
    }
}
/**** Animation opacity **/
@keyframes wash-out {
    0%   { opacity: 0.3; }
    100% { opacity: 1; }
}
/*** code for NAV and Banner ***/
.carousel-caption {
    position: relative;
    left: 0;
    bottom: 0;
    right:0;
    z-index: 10;
    background-color: #2f2f2f ;
    color:#ffffff;
    padding: 0;
    text-shadow: none !important;
}
.carousel-caption > h1{
    padding: 10px 5%;
    margin: 0 auto;
    font-size: 12px;
    color: #B1B1B1;
}
.carousel-indicators .active {
    background-color: transparent !important;
    opacity: 1.0;
}
.carousel-indicators li {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    width: 8px;
    height: 8px;
    border-radius: 50% !important;
    opacity:0.4;
}
.carousel-indicators li.active {
    width: 9px;
    height: 9px;
    border-radius: 50% !important;
}
.carousel-indicators {
    bottom: 0;
}
.carousel-control {
    opacity: 1.0 !important;
}
@media (min-width: 768px) {
    /**** Nav Section ***/
    .nav-height {
        min-height: 110px;
        padding: 0 35px;
    }
    .main-nav-height {
        padding-top: 50px;
        float: right;

    }
    .navbar-brand {
        margin: 0;
        padding:30px 0 0 !important;
        min-height: 50px;
        min-width: 210px;
    }
    .navbar-brand > img {
        max-width: 100% !important;
        height: auto;
    }
    .navbar-nav > li > a {
        padding: 0 20px !important;
        font-weight: 500;
        font-size: 1.15em;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background: none !important;
        box-shadow: none !important;

    }
    /*** carousel code ***/
    .carousel-inner > .item > img {
        opacity: 1.0 !important;
        width: 100%;
    }
    .carousel-caption {
        position: relative;
        left: 0;
        bottom: 0;
        right:0;
        z-index: 10;
        background-color: #2f2f2f ;
        color:#ffffff;
        padding: 0;
    }
    .carousel-caption > h1{
        padding: 20px 5%;
        width: 750px;
        margin: 0 auto;
        font-size: 18px;
    }
    .carousel-indicators {
        bottom: 15px;
    }
    .carousel-indicators li {
        margin: 0 5px;
        width: 11px;
        height: 11px;
        border-radius: 50% !important;
    }
    .carousel-indicators li.active {
        width: 12px;
        height: 12px;
        margin: 0 5px;
        border-radius: 50% !important;
    }
    .carousel-circle {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 220px;
        height: 220px;
        border-radius: 110px;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-circle > h3 {
        position: relative;
        width: 90%;
        height: auto;
        left: 5%;
        line-height: 30px;
        font-size: 1.7em;
        top: 25%;
        text-align: center;
        opacity: 1;
        color: #FFF;
        font-weight: normal !important;
    }
}
@media (min-width: 992px) {
    .carousel-circle {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 280px;
        height: 280px;
        border-radius: 140px;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-circle > h3 {
        position: relative;
        width: 90%;
        height: auto;
        left: 5%;
        line-height: 30px;
        font-size: 2.0em;
        top: 30%;
        text-align: center;
        opacity: 1;
        color: #FFF;
        font-weight: normal !important;
    }
    .carousel-caption > h1 {
        padding: 30px 10%;
        width: 970px;
        margin: 0 auto;
        font-size: 20px;
    }
    .carousel-indicators {
        bottom: 25px;
    }
}
@media (min-width: 1200px) {
    .carousel-caption > h1 {
        padding: 50px 15%;
        width: 1170px;
        margin: 0 auto;
    }
    .carousel-indicators {
        bottom: 40px;
    }
    .carousel-indicators li {
        width: 19px;
        height: 19px;
        border-radius: 50% !important;
    }
    .carousel-indicators li.active {
        width: 20px;
        height: 20px;
        border-radius: 50% !important;
    }
    .carousel-circle {
        position: absolute;
        left: 10%;
        top: 13.5%;
        width: 360px;
        height: 360px;
        border-radius: 180px;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-circle > h3 {
        position: relative;
        width: 80%;
        height: auto;
        left: 10%;
        line-height: 40px;
        top: 30%;
        text-align: center;
        opacity: 1;
        color: #FFF;
        font-weight: normal !important;
        font-size: 2.3em;
    }
}
/**** home page slider ***/
.hoverCarousel > .hover-box > h4 {
    font-size: 14px !important;
    padding-top: 30px;
    /*color:#777777 ;*/
    color:#4A4A4A;
    opacity: 1;
}
.hoverCarousel > .hover-box > h2 {
    font-size: 18px !important;
    /*color: #555555;*/
    color:#4A4A4A;
    z-index: 1001;
    opacity: 1;
    padding: 0;
    margin: 0 0 20px;
}
.hoverCarousel > .hover-box > p {
    font-size: 12px !important;
    /*color: #888888;*/
    color:#4A4A4A;
    padding-top: 10px;
    opacity: 1;
}
/**** Home page carousel section ***/
#carouselCaption {
    position: relative;
    padding: 0 !important;
    width: 100%;
    background-color: #2F2F2F;
}
/**** our services section ****/
.top-padding-mobile {
    padding-top: 50px;
}
.top-padding {
    padding-top: 110px;
}
#our-services {
    width: 100%;
    background-color: #eeeeee;
    min-height: 300px;
    color: #4a4a4a;
    cursor: pointer;
}
#our-services > .container > .row > h1 {
    padding: 10px 0 20px !important;

}
#our-services > .container > .seven-cols > .intend-left,
#our-services > .container > .seven-cols > .intend-right {
    margin-left: 0;
}
@media (min-width: 992px) {
    #our-services > .container > .seven-cols > .intend-left {
        margin-left: -15px;
    }
    #our-services > .container > .seven-cols > .intend-right {
        margin-left: 15px;
    }
}
#our-services > .container > .row > .col-xs-1 > a > img {
    opacity: 1.0;
}
/*#our-services > .container > .row > .col-xs-1 > a:hover > img {
  *//* animation : wash-out 5s infinite;*//*
    opacity: 1.0;
    transform: scale(1.1, 1.1);
    *//*transition: all 0.2s ease-out 0s;*//*
}*/
/**** our work section ****/
#our-work {
    width: 100%;
    background-color: #ffffff;
    min-height: 430px;
    color: #4a4a4a;
}
#our-work > .container > .row > h1 {
    padding: 30px 0 40px !important;

}
/** slider **/
.carousel-slider-caption {
    position: relative;
    text-align: center;
}
.carousel-slider-caption h4 {
    opacity: 1.0 !important;
    position: relative;
    z-index: 1000;
}
.carousel-control.left > span.carousel-menu-left img{
    position: relative;
    top: 63px !important;
    left:0;
    width: 50%;
}
.carousel-control.right > span.carousel-menu-right img{
    position: relative;
    top: 63px !important;
    right: 0;
    width: 50%;
}
@media (min-width: 768px) {
    .carousel-control.left > span.carousel-menu-left img{
        left:-10px;
    }
    .carousel-control.right > span.carousel-menu-right img{
       right: -10px;
    }
}
#workCarousel > .carousel-control.left,#workCarousel > .carousel-control.right,
#workCarouselxs > .carousel-control.left,#workCarouselxs > .carousel-control.right,
#workCarouselsm > .carousel-control.left,#workCarouselsm > .carousel-control.right,
#workCarouselMd > .carousel-control.left,#workCarouselMd > .carousel-control.right,
#workAcDolbyNavCarousel > .carousel-control.left,#workAcDolbyNavCarousel > .carousel-control.right,
#infobox-rising-grid > .carousel-control.left,#infobox-rising-grid > .carousel-control.right,
#acDolbyCarousel > .carousel-control.left,#acDolbyCarousel > .carousel-control.right {
    background: none !important;
    width: 30px !important;
}
#workCarousel > .carousel-control.left,
#workCarouselxs > .carousel-control.left,
#workCarouselsm > .carousel-control.left,
#workCarouselMd > .carousel-control.left,
#workAcDolbyNavCarousel > .carousel-control.left,
#infobox-rising-grid > .carousel-control.left,
#acDolbyCarousel > .carousel-control.left {
    left: -30px;
}
#workCarousel > .carousel-control.right,
#workCarouselxs > .carousel-control.right,
#workCarouselsm > .carousel-control.right,
#workCarouselMd > .carousel-control.right,
#workAcDolbyNavCarousel > .carousel-control.right,
#infobox-rising-grid > .carousel-control.right,
#acDolbyCarousel > .carousel-control.right {
    right: -30px;
}
/*@media (max-width: 768px) {
    #workAcDolbyNavCarousel > .carousel-control.left,
    #infobox-rising-grid > .carousel-control.left {
        left: -10px;
    }
    #workAcDolbyNavCarousel > .carousel-control.right,
    #infobox-rising-grid > .carousel-control.right {
        right: -10px;
    }
}*/
@media (max-width: 992px) {
    #workAcDolbyNavCarousel > .carousel-control.left,
    #infobox-rising-grid > .carousel-control.left,
    #acDolbyCarousel > .carousel-control.left {
        left: -10px;
    }
    #workAcDolbyNavCarousel > .carousel-control.right,
    #infobox-rising-grid > .carousel-control.right,
    #acDolbyCarousel > .carousel-control.right {
        right: -10px;
    }
}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
    top: 63px !important;
}
/**  our clients ***/
#our-clients {
    width: 100%;
    /*background-color: #eeeeee;*/
    background-color: #FFFFFF;
    min-height: 275px;
    color: #4a4a4a;
}
#our-clients > .container > .row > h1 {
    padding: 35px 0 30px !important;

}
#our-clients > .container > .seven-cols {
    line-height: 70px;
    vertical-align: middle;
}
#our-clients > .container > .eight-cols {
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
}
#our-clients > .container > .eight-cols > .intend-left,
#our-clients > .container > .eight-cols > .intend-right {
    margin-left: 0;
}
@media (min-width: 1200px) {
    #our-clients > .container > .eight-cols > .intend-left {
        margin-left: -15px;
    }
    #our-clients > .container > .eight-cols > .intend-right {
        margin-left: 10px;
    }
}
#our-clients > .container > .row > .col-xs-12 {
    padding: 0 !important;
}
#our-clients > .container > .row > .col-xs-12 > a > img {
    opacity:1.0;
}
/*#our-clients > .container > .row > .col-xs-1 > a > img:hover {
    opacity:1.0;
}*/
#our-clients > .container > .row > .col-xs-6 > a > img,
#our-clients > .container > .row > .col-sm-4 > a > img,
#our-clients > .container > .row > .col-md-1 > a > img {
    max-width: 100%;
}

@media (min-width: 768px) {
    #our-clients > .container > .row > .col-sm-4 {
        padding: 5px !important;
    }
}
@media (min-width: 992px) {
    #our-clients > .container > .row > .col-md-1 {
        padding: 10px !important;
    }
}

/*** five service ***/
#five-services{
    position: relative;
    width: 100%;
    background: url("../image/five-service-bg-1963.jpg") center center no-repeat;
    /*min-height: 650px;*/
    color: #4a4a4a;
    overflow: hidden;
    background-size: cover;
}
@media (min-width: 1366px) {
    #five-services{
        background: url("../image/five-service-bg-2560.jpg") center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
    }
}
#five-services > .container > .row > h1 {
    padding: 20px 0 20px !important;
    color:#ffffff;
}
#five-services > .container > .five-cols > .col-xs-1 {
    padding: 5px !important;
    text-align: center;
}
#five-services > .container > .five-cols > .col-xs-1 > .box {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: rgba(255,255,255,0.2);
    line-height: 80px;
    margin: auto;
}
#five-services > .container > .five-cols > .col-xs-1 > .box > a:hover,
#five-services > .container > .five-cols > .col-xs-1 > .box > a:focus {
    text-decoration: none !important;
}
#five-services > .container > .five-cols > .col-xs-1 > .box > a > img {
    max-width: 60%;
    height: auto;
}
/*#five-services > .container > .content {
    text-align: center;
    color: #ffffff;
    padding: 10px 5px 0px;
}*/
#five-services > .container > .five-cols > .col-xs-1 > h4,
#five-services > .container > .five-cols > .col-xs-1 > p {
    padding-top: 5px;
    color: #ffffff !important;
}
#five-services > .container > .five-cols > .col-xs-1 > .box > a > img:nth-of-type(1),
#five-services > .container > .five-cols > .col-xs-1 > .box > a > img:nth-of-type(2) {
    padding-left: 5px;
}
@media (min-width: 768px) {
    #five-services > .container > .row > h1 {
        padding: 50px 0 70px !important;
        color:#ffffff;
    }
    #five-services > .container > .five-cols > .col-xs-1 > .box {
        display: block;
        width: 130px;
        height: 130px;
        border-radius: 65px;
        background: rgba(255,255,255,0.2);
        line-height: 130px;
        margin: auto;
    }
    #five-services > .container > .five-cols > .col-xs-1 > .box > a > img {
        max-width: 65%;
        height: auto;
    }
    #five-services > .container > .content {
        text-align: center;
        color: #ffffff;
        padding: 80px 20px 0;
    }
    #five-services > .container > .five-cols > .col-xs-1 > h4,
    #five-services > .container > .five-cols > .col-xs-1 > p {
        color: #ffffff !important;
        display: inline-block;
    }
}
@media (min-width: 992px) {
    #five-services > .container > .five-cols > .col-xs-1 > .box {
        display: block;
        width: 164px;
        height: 164px;
        border-radius: 82px;
        background: rgba(255,255,255,0.2);
        line-height: 164px;
        margin: auto;
    }
    #five-services > .container > .five-cols > .col-xs-1 > .box > a > img {
        max-width: 100%;
        height: auto;
    }
    #five-services > .container > .content {
        text-align: center;
        color: #ffffff;
        padding: 85px 120px 0;
    }
    #five-services > .container > .five-cols > .col-xs-1 > h4,
    #five-services > .container > .five-cols > .col-xs-1 > p {
        padding-top: 5px;
        color: #ffffff !important;
        display: inline-block;
    }
}
#five-services > .container > .five-cols > .col-xs-1 > .box > a:hover > img {
    opacity: 0.75;
}
/*** hover effect **/

#five-services > .container > .five-cols > .col-xs-1 > .box > .info {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}
#five-services > .container > .five-cols > .col-xs-1 > .box > .info > a {
    text-decoration: none;
}
#five-services > .container > .five-cols > .col-xs-1 > .box > .info > a > p {
    display: none;
}
#five-services > .container > .five-cols > .col-xs-1 > .box > .info > a > p{
    line-height: 1em !important;
    position: relative;
    text-align: center;
    color: #FFFFFF;
    margin: 0 15px !important;
    font-size: 0.8em;
}
@media (min-width: 992px) {
    #five-services > .container > .five-cols > .col-xs-1 > .box > .info > a > p{
        line-height: 1.1em !important;
        font-size: 1.0em;
    }
}
/*#five-services > .container > .five-cols > .col-xs-1 > .border-bottom {
    width   : 25%;  *//* or 100px *//*
    margin: 0 auto;
    border-bottom: 4px solid transparent;
    text-align: center;
}
@media (min-width: 1200px) {
    #five-services > .container > .five-cols > .col-xs-1 > .border-bottom {
        width   : 15%;  *//* or 100px *//*
        margin: 0 auto;
        border-bottom: 4px solid;
        border-bottom-color: transparent;
        text-align: center;
    }
}*/

/*** 15 Days of Gifting ***/
#fifteenDays{
    position: relative;
    width: 100%;
    background:#fff;
    /*min-height: 650px;*/
    color: #4a4a4a;
    overflow: hidden;
    background-size: auto;
    margin:0;
}
@media (min-width: 1366px) {
    #fifteenDays{
        background:#fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
    }
}
#fifteenDays > .container > .five-cols > .col-xs-1 {
    padding: 5px !important;
    text-align: center;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent {
    display: block;
    background:#fff;
    margin: 0;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a:hover,
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a:focus {
    text-decoration: none !important;
}

@media (min-width: 320px) {
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent {
        display: block;
        background: #fff;
        width: 100%;
        height: 100%;
        margin: auto;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a > img {
        max-width: 100%;
        height: auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > h4,
    #fifteenDays > .container > .five-cols > .col-xs-1 > p {
        color: #4a4a4a !important;
        display: inline-block;
        text-decoration: none !important;
    }    
}
@media (min-width: 768px) {
       #fifteenDays > .container > .five-cols > .col-xs-1 > .advent {
        display: block;
        width: 100%;
        height: 100%;
        background:#fff;
        margin: 4px auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a > img {
        max-width: 100%;
        height: auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > h4,
    #fifteenDays > .container > .five-cols > .col-xs-1 > p {
        padding-top: 5px;
        color: #4a4a4a !important;
        display: inline-block;
        text-decoration: none !important;
    }
}
@media (min-width: 992px) {
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent {
        display: block;
        width: 100%;
        height: 100%;
        background:#fff;
        margin: 4px auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a > img {
        max-width: 100%;
        height: auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > h4,
    #fifteenDays > .container > .five-cols > .col-xs-1 > p {
        padding-top: 5px;
        color: #4a4a4a !important;
        display: inline-block;
        text-decoration: none !important;
    }
}

@media (min-width: 1200px) {
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent {
        display: block;
        width: 100%;
        height: 100%;
        background:#fff;
        margin: 4px auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a > img {
        width: 100%;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > h4,
    #fifteenDays > .container > .five-cols > .col-xs-1 > p {
        padding-top: 5px;
        color: #4a4a4a !important;
        display: inline-block;
        text-decoration: none !important;
    }
}
    
/*** hover effect **/

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent {
  position: relative;
  margin: 0px;
  overflow: hidden;
  width: 100%;
}

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a > img {
  width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent:hover > .dayBg > a > img {
  opacity: 0.2;
}

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > a > img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-40%, -40%);
  -ms-transform: translate(-40%, -40%);
  text-align: center;
  width:90%;
}

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent:hover > .dayBg > .info {
opacity: 1;
}

#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > p {
color:#4a4a4a;
    text-decoration: none !important;
    line-height: 1.1em !important;
  font-size: 0.9em;
}
@media (min-width: 320px) {
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > img {
        width:200px;
        margin: auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg {
    width:200px;
    margin:auto;
    background:#fff;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > p {
    width:200px;
    padding:0px 20px;
    margin:auto;
    text-decoration: none !important;
    }
}
@media (min-width: 768px) {
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > .img {
        width:100%;
        margin: auto;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg {
    width:100%;
    margin:auto;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > p {
    width:100%;
    padding:0px 0px;
    margin:auto;
    text-decoration: none !important;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > p {
color:#4a4a4a;
    text-decoration: none !important;
    line-height: 1.1em !important;
  font-size: 0.8em;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 42%;
  left: 40%;
  transform: translate(-40%, -40%);
  -ms-transform: translate(-40%, -40%);
  text-align: center;
  width:90%;
}
}
@media (min-width: 992px) {
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > p {
        line-height: 1.1em !important;
        font-size: 1.0em;
        padding:0px 0px;
        margin:auto;
        text-decoration: none !important;
    }
    #fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info > a > p {
color:#4a4a4a;
    text-decoration: none !important;
    line-height: 1.1em !important;
  font-size: 0.9em;
}
#fifteenDays > .container > .five-cols > .col-xs-1 > .advent > .dayBg > .info {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-40%, -40%);
  -ms-transform: translate(-40%, -40%);
  text-align: center;
  width:90%;
}
}

/****  passionate section ****/
#passionate {
    width: 100%;
    background-color: #eeeeee;
    min-height: 120px;
    color: #4a4a4a;
}
#passionate > .container > .row > h2 {
    padding: 30px 0 25px;
}
/****  contact us ******/
#contact-us {
    width: 100%;
    min-height: 400px;
    background-color: #ffffff;
    color: #4a4a4a;
    padding-bottom: 80px;
}
#contact-us > .container > .row > h1 {
    padding: 30px 0 40px !important;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-8{
    text-align: center;
    display: inline;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 {
    text-align: center;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > a {
    width: 81px;
    height: 81px;
    cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    background-color: #b6b6b6 !important;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > a:hover {
    background-color: #c3d440 !important;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .phone {
    background: url("../image/contact.png") no-repeat 0 0;
    margin: 0 auto;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .email {
    background: url("../image/contact.png") no-repeat -85px 0;
    margin: 0 auto;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .map {
    background: url("../image/contact.png") no-repeat -170px 0;
    margin: 0 auto;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .phone:hover {
    background: url("../image/contact.png") no-repeat 0 -85px;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .email:hover {
    background: url("../image/contact.png") no-repeat -85px -85px;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .map:hover {
    background: url("../image/contact.png") no-repeat -170px -85px;
}
/*#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .box {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #B6B6B6;
    line-height: 80px;
    text-align: center;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .box:hover {
    background-color: #C1D72C;
    cursor:pointer;
}*/
/*#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .box > a > img {
    max-width: 100%;
    height: auto;
}
#contact-us > .container > .row > .col-md-4 > .row > .col-md-4 > .box > a:hover > img {
    animation : wash-out 5s infinite;
}*/
/** get quote ***/
#contact-us > .container > .get-quote {
    padding: 70px 0 0;
}
#service-demo > .container > .get-quote {
    padding: 35px 0 0;
}
#contact-us > .container > .get-quote > a, #service-demo > .container > .get-quote > a {
    font-size: 20px;
    padding: 12px 35px;
}
.arrow-circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 47px;
    border-radius: 25px;
    background-color: #b2b2b2;
    position: fixed;
    bottom:100px;
    right: 20px;
    opacity: 0.5;
    z-index: 1000;

}
.arrow-circle:hover {
    transition: background-color 0.25s ease-out 0s;
    background-color: #C1D72C;
    opacity: 1;
}
.arrow-circle >span {
    font-size: 18px;
    line-height: 45px;
    color: #ffffff !important;
}
@media (min-width: 992px) {
    #contact-us > .container > .row > .col-md-4 > .row > .col-md-8{
        text-align: left;
        display: inline;
        line-height: 80px;
    }
    #contact-us > .container > .row > .col-md-4 > .row > .col-md-8 > h4 {
        display: inline-block;
        font-size: 14px !important;
        vertical-align: middle;
        line-height: 16px;
    }
    /*#contact-us > .container > .row > a.arrow-circle {
        margin-bottom: 58px;
    }*/
}
@media (min-width: 1200px) {
    #contact-us > .container > .row > .col-md-4 > .row > .col-md-8 > h4 {
        display: inline-block;
        font-size: 20px !important;
        vertical-align: middle;
        line-height: 22px;
    }
    /*#contact-us > .container > .row > a.arrow-circle {
        margin-bottom: 68px;
    }*/
}
/*** copyright ***/

#copyright {
    position: relative;
    width: 100%;
    height: 200px;
    color: #4a4a4a;
}
@media (min-width: 768px) {
    #copyright {
        height: 150px;
    }
}
#copyright > .container > .row > .col-xs-12{
    text-align: center;
}
#copyright > .container > .row > .col-xs-12 > p{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}
@media (min-width: 992px) {
    #copyright > .container > .row > .col-xs-12 > p{
        font-size: 14px;
    }
}
/*** footer ***/
#footer-copy {
    width: 100%;
    /*min-height: 80px;*/
    background-color: #f5f5f5;
    color: #4a4a4a;
    position: fixed;
    bottom:0;
    left: 0;
    padding: 20px 0 10px;
    /*margin-top:80px;*/
    z-index: 99999;
}
#footer-copy > .container > .row > .social > a {
    display: inline-block;
    height: 30px;
    width: 30px;
}
#footer-copy > .container > .row > .social > a.instagram {
    background: url("../image/social.png") no-repeat 0 0;
}
#footer-copy > .container > .row > .social > a.linked {
    background: url("../image/social.png") no-repeat -34px 0;
    margin-left: 10px;
}
#footer-copy > .container > .row > .social > a.facebook {
    background: url("../image/social.png") no-repeat -70px 0;
    margin-left: 10px;
}
#footer-copy > .container > .row > .social > a.twitter {
    background: url("../image/social.png") no-repeat -103px 0;
    margin-left: 10px;
}
#footer-copy > .container > .row > .social > a.youtube {
    background: url("../image/social.png") no-repeat -137px 0;
    margin-left: 10px;
}
#footer-copy > .container > .row > .social > a:hover.instagram {
    background: url("../image/social.png") no-repeat 0 -35px;
}
#footer-copy > .container > .row > .social > a:hover.linked {
    background: url("../image/social.png") no-repeat -34px -35px;
}
#footer-copy > .container > .row > .social > a:hover.facebook {
    background: url("../image/social.png") no-repeat -70px -35px;
}
#footer-copy > .container > .row > .social > a:hover.twitter {
    background: url("../image/social.png") no-repeat -103px -35px;
}
#footer-copy > .container > .row > .social > a:hover.youtube {
    background: url("../image/social.png") no-repeat -137px -35px;
}
.social {
    text-align: center;
}
@media (min-width: 768px) {
    .social {
        text-align: left;
    }
}
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-6 {
    line-height: 30px;
}
/*
@media (min-width: 1200px) {
    #footer-copy > .container > .row > .col-md-6 > .row > .col-lg-4,
    #footer-copy > .container > .row > .col-md-6 > .row > .col-lg-5 {
        line-height: 80px;
    }
}*/
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-4 > .box,
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-5 > .box,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-5 > .box,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-6 > .box {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #b6b6b6;
    line-height: 36px;
    text-align: center;
}
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-4 > .box > a > img,
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-5 > .box > a > img,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-5 > .box > a > img,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-6 > .box > a > img {
    max-width: 60%;
    height: auto;
}
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-4 > .box:hover,
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-5 > .box:hover,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-5 > .box:hover,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-6 > .box:hover {
    background-color: #C1D72C;
}
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-4 > p,
#footer-copy > .container > .row > .col-md-6 > .row > .col-lg-5 > p,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-5 > p,
#footer-copy > .container > .row > .col-md-6 > .row > .col-md-6 > p {
    display: inline-block;
    padding-left: 10px;
}
/************ Contact Page ******/
#our-contact-banner,#contact-form {
    width: 100%;
    margin: 0;
    padding: 0;
}
.contact-banner > .row > .banner-image {
    padding: 0px !important;
    background: url("../image/banner/EM_Website_Contact_Banner_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .contact-banner > .row > .banner-image {
        min-height: 310px;
    }
}
@media (min-width: 1963px) {
    .contact-banner > .row > .banner-image {
        background: url("../image/banner/EM_Website_Contact_Banner_2560x445.jpg") center center no-repeat ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
        min-height: 400px;
    }
}
.contact-banner > .row > .col-xs-12 > a > img {
    width: 100%;
    /*height: 100%;*/
}
#contact-message > .container > .row > .col-xs-12 {
    padding: 45px 0;
}
#contact-message > .container > .row > .col-xs-12 > img {
    max-width: 20%;
    display: inline-block;
    vertical-align: middle;
}

#contact-message > .container > .row > .col-xs-12 > h2 {
    display: inline-block;
    vertical-align: middle;
    color: #4a4a4a;
    margin: 0 !important;
    padding-left: 10px;
    font-size: 22px;
}
@media (min-width: 768px) {
    #contact-message > .container > .row > .col-xs-12 > img {
        max-width: 12%;
    }
    #contact-message > .container > .row > .col-xs-12 > h2 {
        font-size: 30px;
    }
}
@media (min-width: 992px) {
    #contact-message > .container > .row > .col-xs-12 > img {
        max-width: 10%;
    }
}
@media (min-width: 1200px) {
    #contact-message > .container > .row > .col-xs-12 > img {
        max-width: 7.64%;
    }
}
/*** contact form ***/
.contact-send-button {
    padding: 10px 50px;
    margin-top: 10px;
}
.form-control::-moz-placeholder {
    color: #4a4a4a;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #4a4a4a;
}
.form-control::-webkit-input-placeholder {
    color: #4a4a4a;
}
#contact-form > .container > .row > form > .col-xs-12 > .form-group > .form-control {
    height: auto;
    padding: 10px 12px;
    background-color: #f4f4f4;
    color: #4a4a4a;
}
#contact-career {
    width: 100%;
    padding-bottom: 120px;
}
#contact-career h4 {
    color: #4A4A4A;
}
.contact-bottom {
    min-height: 0 !important;
    padding-top: 80px;
    padding-bottom: 60px !important;
}
/************** services page ************/
/**** banner part ****/
#our-services-banner {
    width: 100%;
    margin: 0;
    padding: 0;
}
.services-banner > .row > .banner-image {
    padding: 0px !important;
    background: url("../image/banner/EM_Website_Services_Banner_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .services-banner > .row > .banner-image {
        min-height: 310px;
    }
}
@media (min-width: 1963px) {
    .services-banner > .row > .banner-image {
        background: url("../image/banner/EM_Website_Services_Banner_2560x445.jpg") center center no-repeat ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 400px;
    }
}
.services-banner > .row > .col-xs-12 > a > img {
    width: 100%;
    /*height: 100%;*/
}
.services-banner > .row > .col-xs-12 > h1,.work-banner > .row > .col-xs-12 > h1,.contact-banner > .row > .col-xs-12 > h1 {
    position: absolute;
    z-index: 1000;
    text-align: center;
    width: 100%;
    top: 25%;
    color: #ffffff;
}
.services-banner > .row > .col-xs-12 > h4,.work-banner > .row > .col-xs-12 > h4,.contact-banner > .row > .col-xs-12 > h4 {
    position: absolute;
    z-index: 1000;
    text-align: center;
    width: 100%;
    top: 20%;
    color: #ffffff;
}
.contact-service > .col-xs-5 > .phone {
    background: url("../image/contact.png") no-repeat 0 0;
    margin: 0 auto;
}
.contact-service > .col-xs-5 > .email {
    background: url("../image/contact.png") no-repeat -85px 0;
    margin: 0 auto;
}
.contact-service > .col-xs-5 > .phone:hover {
    background: url("../image/contact.png") no-repeat 0 -85px;
}
.contact-service > .col-xs-5 > .email:hover {
    background: url("../image/contact.png") no-repeat -85px -85px;
}
/*** contact part ****/
#contact-us > .container > .contact-service > .text-right {
    padding-right: 30px;
}
#contact-us > .container > .contact-service > .text-left {
    padding-left: 30px;
}
#contact-us > .container > .contact-service > .col-xs-5 > .box {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #b6b6b6;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
}
#contact-us > .container > .contact-service > .col-xs-5 {
    display: inline-block;
}
#contact-us > .container > .contact-service > .col-xs-5 > h4 {
    display: inline-block;
    padding-left: 20px;
    line-height: 80px !important;
    vertical-align: middle;
}
#contact-us > .container > .contact-service > .col-xs-5 > .box:hover{
    background-color: #C1D72C;
}
/*** services ***/
.services {
    min-height: 0 !important;
    padding: 30px 0;
}
/*** services details ***/
#service-demo > .container h2{
    padding-left: 0 !important;
    width: 100%;
    max-width: 768px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#services-details {
    width: 100%;padding-top: 0 !important;
    background: transparent;
}
#services-details > .wrapper:first-of-type {
    background-color: #eeeeee;
    border-top: 2px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#services-details > .wrapper {
    background-color: #eeeeee;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding: 35px 0;
}
#services-details > .wrapper > .container > .row > .col-xs-12 {
    text-align: center;
}
#services-details > .wrapper > .container > .row > .col-sm-6,
#services-details > .wrapper > .container > .row > .col-md-5 {
    text-align: left;
}
@media (min-width: 768px) {
    #services-details > .wrapper > .container > .row > .col-sm-4 {
        text-align: left;
    }
}
#services-details > .wrapper > .container > .row > .col-xs-12 > h2 {
    display: block;
    vertical-align: middle;
    font-size: 20px;
}
#services-details > .wrapper > .container > .row > .col-xs-12 > a:hover,
#services-details > .wrapper > .container > .row > .col-xs-12 > a:focus {
    text-decoration: none !important;
}
@media (min-width: 768px) {
    #services-details > .wrapper > .container > .row > .col-md-5,
    #services-details > .wrapper > .container > .row > .col-sm-6 {
        text-align: left;
        line-height: 115px;
        vertical-align: middle;
    }
    #services-details > .wrapper > .container > .row > .col-xs-12 > h2 {
        display: inline-block !important;
        padding-left: 10px;
        font-size: 20px;
    }
    #services-details > .wrapper > .container > .row > .col-xs-12 > ul {
        line-height: 18px;
        vertical-align: middle;
        display: inline-block;
    }
    #services-details > .wrapper > .container > .row > .col-xs-12 > ul > li{
        opacity: 1.0;
        font-size:14px;
    }
    #services-details > .wrapper > .container > .row > .col-xs-12 > ul > li{
        list-style: none;
        color:#4A4A4A;
    }
    #services-details > .wrapper > .container > .row > .col-xs-12 > ul > li:before {
        content:"·";
        font-size:20px;
        vertical-align:middle;
        line-height:20px;
        padding-right: 10px;
    }

}
@media (min-width: 1200px) {
    #services-details > .wrapper > .container > .row > .col-xs-12 > h2 {
        display: inline-block !important;
        padding-left: 35px;
        font-size: 30px;
    }
}
/****  our-work-details ***/
#our-work-banner {
    width: 100%;
    margin: 0;
    padding: 0;
}
.work-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/EM_Website_Work_Banner_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .work-banner > .row > .banner-image {
        min-height: 310px;
    }
}
@media (min-width: 1963px) {
    .work-banner > .row > .banner-image {
        background: url("../image/banner/EM_Website_Work_Banner_2560x445.jpg") center center no-repeat ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 400px;
    }
}
#our-work-details {
    min-height: 0 !important;
    /*padding: 10px 0 120px;*/
    width: 100%;
}
#our-work-details > .container > .row {
    padding: 0;
}
@media (min-width: 768px) {
    #our-work-details > .container > .row {
        padding: 20px 0;
    }
    #our-work-details {
        min-height: 0 !important;
        /*padding: 30px 0 100px;*/
        width: 100%;
    }
}
#our-work-details > .container > .row > .col-md-4 {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
#our-work-details > .container > .row > .col-md-4 > a > img {
    display: block;
    width: 100%;
}
#our-work-details > .container > .row > .col-md-4 > a:hover > img {
    opacity: 0.1;
    filter: alpha(opacity=10);
}
#our-work-details > .container > .row > .col-md-4 > .hover-box, .hover-box {
    display: none;
    position: absolute;
    width:100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255,255,255,0.8);
}
#our-work-details > .container > .row > .col-md-4 > .hover-box > h4 {
    padding-top: 30px;
    color: #4A4A4A;
    font-size: 20px;
}
#our-work-details > .container > .row > .col-md-4 > .hover-box > h2 {
    color: #4A4A4A;
    z-index: 1001;
    opacity: 1;
    padding: 0;
    margin: 0 0 20px;
    font-size: 26px;
}
#our-work-details > .container > .row > .col-md-4 > .hover-box > p {
    color: #4A4A4A;
    padding-top: 10px;
    font-size: 18px;
}
#our-work-details > .container > .row > .padding-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*#our-work-details > .container > .row > .padding-10:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease-out 0s;
    z-index: 99999;
}*/
@media (min-width: 768px) {
    #our-work-details > .container > .row > .col-md-4 > .hover-box > h4 {
        padding-top: 50px;
        font-size: 22px;
    }
    #our-work-details > .container > .row > .col-md-4 > .hover-box > h2 {
        z-index: 1001;
        opacity: 1;
        padding: 0;
        margin: 0 0 20px;
    }
    #our-work-details > .container > .row > .col-md-4 > .hover-box > p {
        padding-top: 20px;
        font-size: 18px;
    }
}
@media (min-width: 992px) {
    #our-work-details > .container > .row > .col-md-4 > .hover-box > h4 {
        padding-top: 25px;
        font-size: 20px;
    }
    #our-work-details > .container > .row > .col-md-4 > .hover-box > h2 {
        z-index: 1001;
        opacity: 1;
        padding: 0;
        margin: 0 0 20px;
        font-size: 24px;
    }
    #our-work-details > .container > .row > .col-md-4 > .hover-box > p {
        /*padding-top: 20px;*/
        font-size: 16px;
    }
}
@media (min-width: 1200px) {
    #our-work-details > .container > .row > .col-md-4 > .hover-box > h4 {
        padding-top: 50px;
        font-size: 22px;
    }
    #our-work-details > .container > .row > .col-md-4 > .hover-box > h2 {
        z-index: 1001;
        opacity: 1;
        padding: 0;
        margin: 0 0 20px;
    }
    #our-work-details > .container > .row > .col-md-4 > .hover-box > p {
        padding-top: 20px;
        font-size: 18px;
    }
}
/**** work details with Sub page ***/
#work-details-cisco-architect-banner,#work-details-infobox-rising-banner,#work-details-ac-dolby-banner,
#work-details-plantronics-powerPoint-banner,#work-details-cisco-catalyst-banner,#work-details-cisco-device-proliferation-banner,
#work-details-wargaming-e-sports-banner {
    width: 100%;
    margin: 0;
    padding: 0;
}
.cisco-architect-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/01_Cisco_Architect_Video_1963x445.jpg") 50% 0 no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
.row > .banner-image {
    text-align: center;
}
.row > .banner-image > h3,.row > .banner-image > h1 {
    color: #4A4A4A;
}
.row > .banner-image > h3 {
    padding-top: 0;
    font-size: 14px;
}
.row > .banner-image > h1 {
    margin-top:  0 !important;
    padding-bottom: 10px;
    font-size: 26px;
}
.row > .banner-image > label {
    display: inline-block;
}
.row > .multiple > label {
    cursor: pointer;
}
.row > .banner-image > label > img {
    width: 70%;
    padding-left:10px ;
    padding-right: 10px;
}
.row > .banner-image > label > p {
    padding-top: 5px ;
    font-size: 12px;
    color: #4A4A4A;
}
.row > .banner-image > .work-previous > img {
    position: absolute;
    display: block;
    left: 10px;
    top: 82px;
    z-index: 100;
}
.row > .banner-image > .work-next > img {
    position: absolute;
    display: block;
    right: 10px;
    top: 82px;
    z-index: 100;
}
@media (min-width: 768px) {
    .cisco-architect-banner > .row > .banner-image {
        min-height: 310px;
    }
    .row > .banner-image > h3 {
        padding-top: 40px;
        font-size: 24px;
    }
    .row > .banner-image > h1 {
        padding-bottom: 20px;
        font-size: 36px;
    }
    .row > .banner-image > label > img {
        width: 100%;
        padding-left:40px ;
        padding-right: 40px;
    }
    .row > .banner-image > label > p {
        font-size: 18px;
    }
    .row > .banner-image > .work-previous > img{
        position: absolute;
        display: block;
        left: 20px;
        top: 137px;
        z-index: 100;
    }
    .row > .banner-image > .work-next > img{
        position: absolute;
        display: block;
        right: 20px;
        top: 137px;
        z-index: 100;
    }
}
#work-details-cisco-architect-video,#work-details-cisco-catalyst-video,#work-details-cisco-videoGuard-video,
#work-details-cisco-device-proliferation-video,#work-details-wargaming-e-sports-video,
#work-details-cisco-enterpriseStrategy-video,#work-details-infoBox-survivalGuide-video {
    width: 100%;
    padding: 55px 0 15px;
}
#work-details-cisco-architect-video > .container > .row > .col-xs-12 > img {
    width: 100%;
}
.container > .row > .col-xs-12 > .video-button-container,.carousel-inner > .item > .video-button-container {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
}
.container > .row > .col-xs-12 > .video-button-container > .video-button,
.carousel-inner > .item > .video-button-container > .video-button {
    position: relative;
    top: -20px;
    left: -20px;
}
.container > .row > .col-xs-12 > .video-button-container> .video-button > img,
.carousel-inner > .item > .video-button-container> .video-button > img {
    width: 40px;
    cursor: pointer;
}
@media (min-width: 768px) {
    .container > .row > .col-xs-12 > .video-button-container> .video-button,
    .carousel-inner > .item > .video-button-container> .video-button {
        top: -50px;
        left: -50px;
    }
    .container > .row > .col-xs-12 > .video-button-container> .video-button > img,
    .carousel-inner > .item > .video-button-container> .video-button > img {
        width: 100px;
    }
}

/**** Infobox rising tide ***/
/*#infobox-rising-grid {
    padding-bottom: 80px;
}*/
.infobox-rising-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/02_Infoblox_Rising_Tide_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .infobox-rising-banner > .row > .banner-image {
        min-height: 310px;
    }
}
#work-details-infobox-rising-video > .container > .row > .col-xs-12 > img {
    width: 100%;
}
#infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box {
    background: #F5F5F5;
    border: solid 1px #8E8E8E;
    margin: 10px 0;
    cursor: pointer;
    -webkit-transition: opacity .7s;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    transition: opacity .7s;
}
#infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .active {
    opacity: 1.0;
}
#infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box > img {
    padding: 10px 0 10px;
    max-width: 50px;
}
#infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box > img.img_adjust_height {
    padding: 0;
    min-height: 72px;
    max-width: 100%;
}
#infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box > h4 {
    padding-bottom: 10px;
    color: #4A4A4A;
}
@media (min-width: 768px) {
    #infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box {
        background: #F5F5F5;
        border: solid 1px #8E8E8E;
        min-height: 150px;
        margin: 10px 0;
        cursor: pointer;
        opacity: 0.2;
    }
    #infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .active {
        opacity: 1.0;
    }
    #infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box > img {
        padding: 35px 0 0;
        max-width: 100%;
    }
    #infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box > img.img_adjust_height {
        padding: 0;
        min-height: 220px;
        max-width: 100%;
    }

    #infobox-rising-grid > .carousel-inner > .item > .row > .col-sm-4 > .info-box > h4 {
        padding-bottom: 35px;
        line-height: 20px;
        color: #4A4A4A;
    }
}
/*** AC Dolby **/
#acDolbyCarouselIndicator {
    position: relative;
}
.ac-dolby-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/03_Dobly_AC4_Brochure_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .ac-dolby-banner > .row > .banner-image {
        min-height: 310px;
    }
}
#acDolbyCarousel > .carousel-inner > .item > img,
#acDolbyCarousel > .carousel-inner > .item > video {
    border: 1px solid #8F8F8F;
}
#acDolbyCarousel > .carousel-inner > .item > h2 {
    padding-bottom: 30px;
}
#workAcDolbyNavCarousel > .carousel-inner > .item > .row > .col-sm-4 > img {
    display: block;
    width: 100%;
    opacity: 0.2;
    cursor: pointer;
    border: 1px solid #8F8F8F;
    -webkit-transition: opacity .7s;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    transition: opacity .7s;
}
#workAcDolbyNavCarousel > .carousel-inner > .item > .row > .col-sm-4 > img.active {
    opacity: 1.0 !important;
}
#acDolbyCarousel > .carousel-control {
    top:65%;
}
@media (min-width: 768px) {
    #acDolbyCarousel > .carousel-control {
        top:50%;
    }
}
#workAcDolbyNavCarousel > .carousel-control,
#infobox-rising-grid > .carousel-control {
    top:50%;
}
#workAcDolbyNavCarousel > .carousel-control.left > span.carousel-menu-left img,
#infobox-rising-grid > .carousel-control.left > span.carousel-menu-left img,
#acDolbyCarousel > .carousel-control.left > span.carousel-menu-left img {
    position: relative;
    top: -14px !important;
    left:-10px;
    width: 50%;
}
#workAcDolbyNavCarousel > .carousel-control.right > span.carousel-menu-right img,
#infobox-rising-grid > .carousel-control.right > span.carousel-menu-right img,
#acDolbyCarousel > .carousel-control.right > span.carousel-menu-right img {
    position: relative;
    top: -14px !important;
    right: -10px;
    width: 50%;
}
/*** plantronics Power Point ***/
#work-details-plantronics-powerPoint-video {
    margin-top: 50px;
}
.plantronics-powerPoint-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/04_Plantronics_PPT_Template_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .plantronics-powerPoint-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/*** NetApp Poster ***/
#work-details-netApp-poster-video {
    padding-top: 30px;
}
.netApp-poster-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/05_NetApp_Customer_Success_Posters_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .netApp-poster-banner > .row > .banner-image {
        min-height: 310px;
    }
}
#netAppPosterCarousel > .carousel-inner > .item > h1 {
    padding-bottom: 30px;
}
#netAppPosterCarousel > .carousel-inner > .item > img {
    border: 1px solid #8F8F8F;
}
#netAppPosterCarousel > .carousel-inner > .item > .subBox {
    padding: 30px 50px 50px;
    border: 1px solid #747474;
    border-top: 0;
}
#netAppPosterCarousel > .carousel-inner > .item > .subBox > .subLogo {
    display: block;
    padding-bottom: 250px;
    padding-top: 20px;
}
#netAppPosterCarousel > .carousel-inner > .item > .subBox > .subLogo > img {
    padding-right: 20px;
    margin-top: -30px;
    display: inline-block;
}
#netAppPosterCarousel > .carousel-inner > .item > .subBox > .subLogo > h3 {
    display: inline-block;
}
/*** cisco secure Data Center **/
#work-details-cisco-dataCenter-video {
    padding-top: 0;
}
@media (min-width: 768px) {
    #work-details-cisco-dataCenter-video {
        padding-top: 30px;
    }
}
.cisco-dataCenter-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/06_Cisco_Secure_DC_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .cisco-dataCenter-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/*** Cisco Video Guard ***/
.cisco-videoGuard-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/07_Cisco_DRM_VideoGuard_Video_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .cisco-videoGuard-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/*** Cisco Device Proliferation **/
.cisco-device-proliferation-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/08_Cisco_Device_Proliferation_Video_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .cisco-device-proliferation-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/**** Wargaming, e-Sports Partnerships ***/
.wargaming-e-sports-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/Work_Viavi_PPT_Template_Banner_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .wargaming-e-sports-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/*** Cisco Catalyst ***/
.cisco-catalyst-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/10_Cisco_Catalyst_6800_Video_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .cisco-catalyst-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/*** Cisco, Enterprise Strategy ***/
.cisco-enterpriseStrategy-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/11_Cisco_Enterprise_Strategy_PPT_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .cisco-enterpriseStrategy-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/**** Work – Infoblox, Survival Guide **/
.infoBox-survivalGuide-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/12_Infoblox_Survival_Guide_1963x445.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
@media (min-width: 768px) {
    .infoBox-survivalGuide-banner > .row > .banner-image {
        min-height: 310px;
    }
}
/**** end work sub page ****/

/***** Blog Page **/
#blog-banner,#blog-content {
    width: 100%;
    margin: 0;
    padding: 0;
}
#blog-listing {
    width: 100%;
    margin: 0;
    padding:0 15px 20px;
}
.blog-banner > .row > .banner-image {
    padding: 0 !important;
    background: url("../image/banner/EM_Website_Blog_Banner_1963x445.jpg") center center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    overflow-y: auto;
    width: 100%;
    min-height: 200px;
}
.blog-banner > .row > .banner-image > .blog-banner-container {
    position: relative;
    margin-top: 30px;
    color:#ffffff;
}
@media (min-width: 768px) {
    .blog-banner > .row > .banner-image {
        min-height: 310px;
    }
    #blog-listing {
        width: 100%;
        margin: 0;
        padding:0 80px 80px;
    }
    .blog-banner > .row > .banner-image > .blog-banner-container {
        position: relative;
        margin-top: 100px;
        color:#ffffff;
    }
}
@media (min-width: 1963px) {
    .blog-banner > .row > .banner-image {
        background: url("../image/banner/EM_Website_Blog_Banner_2560x445.jpg") center center no-repeat ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
        min-height: 400px;
    }

}

#blog-content > .container-fluid > .row > .blog-left {
    position: relative;
    background-color: #EDEDED;
    height: auto;
}
#blog-content > .container-fluid > .row > .blog-left > ul.aside-content {
    padding: 20px;
}
#blog-content > .container-fluid > .row > .blog-left > ul.aside-content > li {
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #949494;
}
#blog-content > .container-fluid > .row > .blog-left > ul.aside-content > li > a {
    font-size: 18px;
    color: #717171;
}
#blog-content > .container-fluid > .row > .blog-left > .blog-form {
    padding: 15px 20px 30px;
}
#blog-content > .container-fluid > .row > .blog-left > .aside-header {
    text-align: center;
}
#blog-content > .container-fluid > .row > .blog-right {
    position: relative;
    background-color: transparent;
    height: auto;
    padding: 15px;
}
@media (min-width: 768px) {
    #blog-content > .container-fluid > .row > .blog-right {
        padding: 50px;
    }
}

#blog-content > .container-fluid > .row > .blog-right > article > .blog-sub-banner >img {
    width: 100%;
}
/*** article **/
article {
    display: none;
}
article .active{
    display: block;
}
article h1,article ul li,article p,.article > .col-sm-9 > h1 > a,.article > .col-sm-9 > p {
    color: #4A4A4A;
}
article p span {
    color: #a6a6a6;
}
.col-sm-9 > .article >  h1, .article > .col-sm-9 > h1{
    font-size: 26px;
}
article p,article ul li,.article > .col-sm-9 > p {
    font-size: 14px;
    font-weight:400;
}
@media (min-width:768px) {
    article p,article ul li,.article > .col-sm-9 > p {
        font-size: 16px;
        font-weight:400;
    }
    .col-sm-9 > .article >  h1, .article > .col-sm-9 > h1 {
        font-size: 36px;
    }
}

/** blog listing ***/
#blog-listing > .container-fluid > .article {
    padding: 20px 0 ;
    border-top: 1px solid #949494;
}
#blog-listing > .container-fluid > .article > .col-sm-3 {
    padding-left: 0 !important;
}
#blog-listing > .container-fluid > .article > .col-sm-3 > img {
    padding-top: 20px;
    width: 100%;
}
.article .author,article .author {
    color: #747474 !important;
}
.article .content a,article .content a {
    color: #C1D72C !important;
    font-weight: bold;
}
.article .category,.article .tags,article .category,article .tags {
    color: #747474 !important;
    font-weight: bold !important;
    font-size: 16px;
    margin-bottom: 0 !important;
}
.article .category span,.article .tags span,article .category span,article .tags span {
    font-weight: normal !important;

}
/*** end blog page ***/
#magic-line { position: absolute;bottom: -5px; left: 0; height: 4px; background: #C1D72C;display: block;clear: both }
#magic-line-1 { position: absolute;bottom: -5px; left: 0; height: 4px; background: #C1D72C;display: block;clear: both }

.active, .main-nav-height {
    position: relative;
    display: block;
}
@media (min-width: 768px) {
    #navbarCollapse {
        position: relative;
        display: block;
    }
    .five-cols {
        position: relative;
    }
}
/* Fade transition for carousel items */
.carousel-fade .carousel-inner .item {
    opacity: 0.6;
    -webkit-transition: opacity .7s;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    transition: opacity .7s;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.nestedCarousel {
    display: none;
}
.nestedCarousel.activate {
    display: block;
}
/* blog details page */
#searchResult > .article:first-of-type {
    padding: 0 0 10px;
}
#searchResult > .article {
    padding: 10px 0;
    border-bottom: 1px solid #949494;
}
#searchResult > .article:last-of-type {
    border-bottom: 0;
}
#searchResult > .article > .col-sm-3 > img {
    width: 100%;
}
#searchResult > .article > .col-sm-9 > h1 {
    font-size: 18px;
    margin-top: 0;
}
#searchResult > .article > .col-sm-9 > p {
    font-size: 14px;
}
#video {
    position: relative;
    width: 100%;
    height: auto;
}
#my-video {
    position: relative;
    width: 100%;
    height: auto;
}
.videoWidth {
    max-width: 960px !important;
    margin:0 auto !important;
}
/*.videoWidth > .row > .col-xs-12 {
    height: 163px;
}
@media (min-width: 360px) {
    .videoWidth > .row > .col-xs-12 {
        height: 185px;
    }
}
@media (min-width: 480px) {
    .videoWidth > .row > .col-xs-12 {
        height: 253px;
    }
}
@media (min-width: 600px) {
    .videoWidth > .row > .col-xs-12 {
        height: 320px;
    }
}
@media (min-width: 640px) {
    .videoWidth > .row > .col-xs-12 {
        height: 343px;
    }
}
@media (min-width: 667px) {
    .videoWidth > .row > .col-xs-12 {
        height: 358px;
    }
}
@media (min-width: 768px) {
    .videoWidth > .row > .col-xs-12 {
        height: 405px;
    }
}
@media (min-width: 992px) {
    .videoWidth > .row > .col-xs-12 {
        height: 524px;
    }
}*/