.dark *{ color: #fff;}

.dark h2{ text-align: center;}
.affix {
    position: fixed;
    width: 100%;
    background-color: #fff;
	top: 0;
    z-index: 15;
}
.btn-small {
    padding: 0 1em;
    min-width: 160px;
    border: none;
    background-color: transparent;
    font-size: 12px;
}
.vs-nav-pills.centet-block {
    padding: 0;
}
.vs-nav-pills.centet-block li {
    display: inline-table;
    border: 1px solid #666;
    padding: 0.5em 1.5em;
}

.vs-nav-pills.centet-block li.active {
    background-color: #666;
}
.vs-nav-pills.centet-block li.active a {
    color: #fff;
    text-decoration: none;
}

.btn-red:hover{ color: #999;}
.review-item a img {
    display: block;
    margin: auto;
    max-width: 75%;
}
.rc-feature h3 { font-weight: 200; color: #666;}
.rc-feature {
    padding: 4em 0.25em;
}
.pd-bottom {
    margin-top: 3em;
    /*margin-bottom:-5em;*/
}
.pd-promo {
    background-color: #edeff4;
}
.pd-promo-icon {
    color: #657687;
    text-align: center;
    font-size:10vh;
}
.pd-sub-icon{padding: 0.2em 0; font-size:4.5em; }
.pd-promo-content{ min-height: 110px;}
.pd-sub-promo{
    margin: auto;    
    max-width: 260px;
	min-height: 500px;
}
.pd-solution-overview{ text-align: center;}

.pd-promo-content h2 {}
.pd-solution{padding: 1.5em 15px;}
.pd-corporate h2 
{
    font-size: 26px;
    margin: 0em 0 0.5em 0;
    color: #212121;
    line-height: 1;
	text-align:center;
}
.pd-solution h2 {
    font-size: 26px;
    margin: 0em 0 0.5em 0;
    color: #212121;
    line-height: 1;
	text-align: left;
}
.pd-promo-content p { }
.pd-video{height:60vh;}
.pd-solution-video{    
    padding: 13vh 2em;
background-color: rgba(18, 40, 80, 0.3);
    height: 100%;
    }
a .pd-solution-video:hover {
    background-color: rgba(0, 0, 0, 0.55);
}
.video-h{padding-right: 0px;padding-left: 0px;overflow: hidden; max-height: 363px;}
.pd-case-video {
    background-color: rgba(0, 0, 0, 0.05);
    height: 100%;
    width: 100%;
    position: absolute;
    padding-top: 25%;
}
a .pd-case-video:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
.image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    text-align: center;
}
.pd-photo {padding: 2em;}
#highlights { height: 70vh;}
#highlights .item{ height: 70vh;}
#highlights .item p {
    line-height: 1.1;
}
.overlay-fade-in img {
    width: 100%;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.nav-tabs {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


.nav-tabs>li {
   position: relative;
    display: block;
    float: left;
    margin-bottom: -1px;
    border: 1px solid #eee;
    text-align: center;
    padding: 0;
    background: #337ab7;
}

.nav-tabs>li h3 {color: #fff; font-weight: 400;font-size: 28px;}
.nav-tabs>li small{color: #fff; font-size: 16px;font-weight: 100; height: 70px;display: inline-block;text-align: left;}
.nav-tabs>li.active small{color: #222; font-size: 16px;font-weight: 100; height: 70px;display: inline-block;}
.nav-tabs>li.active h3 {color: #222; font-weight: 400;}
.nav-tabs>li>a {
	min-height: 340px;
	margin-right: 0px;
	border: 0px solid transparent;
	border-radius: 0;
	background-color: #999;
    position: relative;
    display: block;
    padding: 10px 15px;
}

p.btn.btn-white.btn-small {
    color: #fff;
}
li.active p.btn.btn-white.btn-small {
    color: #222;
}
.step { padding: 3em 0; border-bottom: 1px solid #eee;}
.step h3 ,.step p,.step h4 { text-align: left;}
.step h3 {font-weight: 400;} 
.step h4 {padding: 0.5em 0; font-size: 1.2em;} 
.step i {
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 2.5em;
    opacity: 0.5;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd; 
    border-bottom-color: transparent;
}


.overlay-fade-in:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.overlay-fade-in:hover .block-article-e,
.overlay-fade-in:hover .block-article-d,
.overlay-fade-in:hover .block-article-c,
.overlay-fade-in:hover .block-article-b,
.overlay-fade-in:hover .block-article-a {
    opacity: 0;
}

.overlay-fade-in .block-article-e,
.overlay-fade-in .block-article-d,
.block-article-c,
.block-article-b,
.block-article-a {
    opacity: 1;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.overlay-fade-in .line {
    margin: 5px auto !important;
    width: 0%;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    ;
}

.overlay-fade-in:hover .line {
    overflow: hidden;
    width: 80px;
}

.block-group {
    padding-left: 10px;
    text-align: left;
}

.text-block {
    padding-bottom: 5em;
} 

.text-block p {
    margin: 0 0 10px;
    font-weight: 100;
    font-size: 22px;
}

.block {
    overflow: hidden;
}

.block .block-overlay:hover {
    opacity: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.overlay-fade-in {
    overflow: hidden;
}


.block-overlay {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 10px;
    left: 0px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.block-overlay.icon-visible {
    background-color: rgba(130, 130, 130, 0.65);
    opacity: 0.5;
}

.block-overlay h4{ color: #eee;}
.block-overlay-mobile {display: none;}
.block .block-overlay-mobile .align-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: border-box;
    padding: 0 30px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}
.block .block-overlay .align-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: border-box;
    padding: 0 30px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.block-overlay p {
    padding: 0 55px;
}


.block-pd {
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.block-article-pd {
    position: absolute;
    bottom: 10px;
    padding: 1.5em;
    min-height: 160px;
    width: 100%;
    background-color: rgba(35, 35, 35, 0.9);
    color: #fff;
    font-size: 18px;
    font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
}
.overlay-fade-in .line {
    margin: 5px auto !important;
    width: 0%;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    ;
}

.overlay-fade-in:hover .line {
    overflow: hidden;
    width: 80px;
}


.ellipse {
    /*height: 250px;*/
    position: absolute;
    bottom: 0%;
    z-index: 1;
    width: 100%;
    background-image: ;
    background-position: 50% 15%;
    background-size: cover;
    background-repeat: no-repeat;
}
.ellipse h1{ font-size:48px;}
.ellipse-text {
    position: relative;
    top: 20%;
}
.content-small{margin: auto; max-width:1360px; }
.video-small{margin: auto; max-width:960px; }



/**flex box**/
#wrap {
    display: flex;
	display: -ms-flexbox;
    -ms-flex-direction: row;
    height: auto;
    box-sizing: border-box;
    margin:auto;
	margin-bottom: -4.5em;
    flex-wrap: wrap;
	padding: 6em 0;
	max-width: 1480px;
    /* added */
}

#wrap h3 ,#wrap small ,#wrap p{color:#fff;}

.item1, .item2 {
    width: 48%;
    /* modified */
    height: 24.5vw;
    background: #4add69;
    margin-bottom: 10px;
}
.item1 {
    margin-right: 10px;
}
.item2 {
    margin-left: 10px;
}
.item3 {
    width: 50%;
	border: 4px solid #fff;
	margin: 20px;
}
.nested-items {
    display: flex;
    width: 46%;
    flex-wrap: wrap;
    align-content: space-between;
}
.item4 {
    background: ;
	border: 4px solid #fff;
    width: 100%;
    /*height: 20vh;*/
	margin:20px;
}

.item5 {
border: 4px solid #fff;
    width: 27%;
    margin: 20px;
}


.item6 {
    border: 4px solid #fff;
    margin: 20px;
    width: 27%;
    flex-wrap: wrap;
}

.item7{
    border: 4px solid #fff;
    margin: 20px;
    flex-wrap: wrap;
}
.item3:hover ,.item4:hover ,.item5:hover{
    background: rgba(0, 0, 0, 0.6) !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.paperless {
    min-height: 460px;
    border: 1px solid #eee;
    margin: 1.5em 1em;
    padding: 2em;
    text-align: left;
    border-bottom: 10px solid #990000;
    background-color: #fff;
}

.paperless span {
    font-size: 3.8em;
    display: table;
    color: #990000;
}
.pd-chart-20 td ,.pd-chart-20 th{ width: 20%;    padding: 1.5em !important;text-align: center;}
.pd-overview h2 ,.pd-overview p{ color: #fff;}
.pd-more {opacity: 0;    transition: all 0.3s;border: 1px solid #fdd000; }
a:hover .pd-more{opacity: 1;    transition: all 0.3s; color: #fdd000;border: 1px solid #fdd000;}
.pd-more-v{ color: #fff;    transition: all 0.3s;border: 1px solid  rgba(255,255,255,.0);}
a:hover .pd-more-v{color: #fdd000;   transition: all 0.3s; border: 1px solid #fdd000;}
q {
  quotes: "“" "”"; 
}
.quote q{ padding: 2em; color: #fff;display: flex;font-size: 1.5em;line-height: 1.5em; max-width: 600px;}
.quote.light q{ padding: 2em; color: #000;display: flex;font-size: 1.5em;line-height: 1.5em; max-width: 980px;}
q:before {
    content: open-quote;font-size: 5vh;    font-family: sans-serif;padding-bottom: 0.3em; 
}
.light q:before {
    content: open-quote;
    font-size: 6vw;
    font-family: sans-serif;
    padding-bottom: 0.3em;
    left: 10%;
    position: absolute;
}
.light q:after {
    content: close-quote;
    font-size: 6vw;
    padding-top: 0.5em;
    font-family: sans-serif;
    position: absolute;
    display: inline-block;
    right: 10%;
}
q:after {
    content: close-quote;
    font-size: 5vh;
    padding-top: 1em;
    font-family: sans-serif;
    position: absolute;
    display: inline-block;
    padding-left: 1.2em;
}
.light q:after {
    padding-left: 4.5em;
}

/*a.item3:hover h2:after{
    content: "learn more";
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    color: #fff;
	opacity: 1;
    font-size: 20px;
    display: block;
    text-align: center;
}*/


li.active {
    background-color: #eee;
}


.text-center.center-block.quote{display: inline-table;}
/**svg button**/

.svg-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    margin: 0 auto;
    width: 320px;  
}
.shape {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 2px;
    fill: transparent;
    stroke: #000;
    border-bottom: 5px solid black;
    -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.new-text {
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 4px;
    color: #000;
    top: -48px;
    position: relative;
    text-align: center;
    font-family: "roboto slab";
    text-transform: uppercase;   
}
.svg-wrapper:hover .shape {
    stroke-width: 2px;
    stroke-dashoffset: 0;
    stroke-dasharray: 760;
}

#custom_carousel .controls {
    display: table;
    margin: auto;
}
#custom_carousel li {
    position: relative;
    display: table-cell;
}
#custom_carousel li>a>img {
   max-width: 100%;
}
#custom_carousel li a img {

    -webkit-filter: grayscale(100%);
}
    
#custom_carousel li.active a img {
    -webkit-filter: grayscale(0%) ;
}   
    
#custom_carousel li>a {
    padding: 10px;
}
#custom_carousel li.active {
    background-color: transparent;
}

.full-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    background-clip: border-box;
    box-shadow: none;
    background: #fff
}

.full-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer
}

.full-modal .close-modal .lr {
    z-index: 1;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.full-modal .close-modal .lr .rl {
    z-index: 2;
    width: 1px;
    height: 75px;
    background-color: #000;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px !important;
}

.modal-content {
    box-shadow: none;
}

.modal-content {
    border: none;
}

.vs-container .youtube,.vs-container-fluid .youtube {
    width: 2em;
    height: 2em;
    display: inline-block;
    background: #bb0000;
    border-radius: 50%;
}

.vs-container .youtube:before,.vs-container-fluid .youtube:before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0.85em;
    border: 9px solid transparent;
    border-left-color: #eee;
}

.modal-header .close {
    margin-top: -20px;
}

.modal-header {
    min-height: 16.43px;
    padding: 0px;
    border-bottom: 0px solid #e5e5e5;
    z-index: 999;
}
.modal-title{color: #fff;}
.modal {
    background-color: rgba(0, 0, 0, 0.92);
}

.modal-body {
    position: relative;
    padding: 1em 0;
}

.vs-close span:hover {
    color: #aaa;
}

.vs-close {
    position: absolute;
    color: #eee;
    font-size: 4rem;
    text-decoration: none;
    top: -0.6em;
    right: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 2003;
}

.modal-content {background-color:transparent; border: none;    
    -webkit-box-shadow:none;
    box-shadow:none;}

.iframe_height{height: 320px;}

.modal.fade .modal-dialog{ transition: none;transform: none;}

 #extab1{padding:2em 15px;} 
.tab-content h2{ text-align: left;}
@media (max-width:1280px){
.nav-tabs>li small , .nav-tabs>li.active small { display: none;}	
.item3, .item4, .item5, .nested-items {width: 100%;}
.pd-promo-content h2{ text-align: center;}
.btn-m{ display: none;}
.nav-tabs>li,.nav-tabs>li>a{min-height: auto;}
.nav-tabs>li h3 {font-size: 2.5vh;}
.quote q {font-size: 1em;} 
.vs-nav-pills.centet-block li {
    display: inherit;
    margin: 5px 0 ;
} 
.pd-solution-overview{ text-align:left;}    
.pd-video{height:70vh;}    
}
@media (max-width:760px){
    /*{ text-align: left!important; }*/
    .pd-solution-video * {text-align: center !important; }
    .pd-solution-video {padding: 1vh 2em;}
    a.navbar-brand.solution {display: none;}
    i.fa {display: inherit;text-align: center !important;}
    #custom_carousel .controls ul{ padding: 15px;}
}   
@media (max-width:1366px){
    
.item5 {border: 4px solid #fff;width:100%;margin: 20px;}

.item6 {border: 4px solid #fff;margin: 20px;width: 100%; flex-wrap: wrap;}
    }

@media (min-width: 992px) {
.modal-dialog { width: 1280px;margin: 8% auto; }
.iframe_height{height: 640px;}
 #extab1{padding:3em 0em 3em 3em}    
    }