/* Historic timeline */
.timeline_bar { position: relative }
.timeline_bar:before { position: absolute; content: ''; width: 1px; height: 97%; background-color: rgba(0, 0, 0, 0.09); display: block; top: 26px; left: 50%; margin-left: -1px; z-index: 0; }
.timeline_bar  > .row {margin-bottom:0;}
.timeline_box {background:#fff; border-radius:3px; margin: 30px 30px 30px 0; padding:30px; position:relative;}
div[data-align="right"] .timeline_box { margin: 30px 0 30px 30px; }
.timeline_box:after {content:''; position:absolute; top:50%; right:-20px; border:10px solid transparent; border-left-color:#fff; margin-top: -10px;}
div[data-align=right] .timeline_box:after {left:-20px; right:auto; border-left-color:transparent; border-right-color:#fff;}
.timeline_box:before {content:"\e109"; position:absolute; font-family: 'Glyphicons Halflings'; font-size: 18px; top:50%; right:-70px; background:#E5E5E5; color: #fff; width:50px; height:50px; margin-top: -25px; border-radius:50%; text-align: center; line-height: 50px; box-sizing: content-box;}
div[data-align=right] .timeline_box:before {right:auto; left:-70px;}
.end_timeline {text-align:center;}
.timeline_box,
.timeline_box .date { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05) }
.end_timeline > span {background:#fff; border-radius:3px; padding:0 10px; line-height: 2;display: inline-block;}
.timeline_box:hover:before {background-color: #3565a2;}
.timeline_box .date {font-size:13px; font-weight:700; background:#fff; display:inline-block; padding:5px 10px; border-radius:2px; position:absolute; top:50%; margin-top: -14px; right:-100px; color:#787878;right: auto; white-space: nowrap; left: -webkit-calc(100% + 90px); left: calc(100% + 90px);}
.timeline_box .htitle { font-weight: bold; }
div[data-align=right] .timeline_box .date {left: auto; right: calc(100% + 90px); right: -webkit-calc(100% + 90px); }


/* BLOG */
.eBlog.itemListView  {margin-bottom:35px;}
.eBlog .itemContainer  {background: #FFF; margin-bottom:35px; padding: 30px 30px 15px 30px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); position:relative;border-radius: 3px;}
.eBlog .itemContainer:after {position:absolute; bottom:0; left:50%; margin-left:-3px; width:0; height:0; border-style:solid; border-color:transparent; border-width:5px; content: "";  }
.eBlog .post_details {font-size:11px; color: #9a9a9a; margin-bottom: 15px; text-transform: uppercase; padding: 10px 0 10px; position:relative; -webkit-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;}
.eBlog .post_details [class^="icon-"],
.eBlog .itemLinks li [class^="icon-"],
.eBlog .itemTagsBlock [class^="icon-"] {margin: 0 5px 0 0;padding: 0;}
.eBlog .itemTitle { margin: 0 0 10px }
.eBlog .itemBody { line-height: 1.8 }
.eBlog.itemView .itemBody { margin-bottom: 50px }
.eBlog .post_details:before {content: ''; position: absolute; left: 0; top: -1px; width: 60px; height: 1px; background-color: #ddd }
.eBlog .post_details .infSep {display: inline-block; margin: 0 5px;}
.eBlog .itemBottom { margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; padding-bottom: 15px; }
.eBlog .readMore {font-size:14px; font-weight:bold; }
.eBlog .itemLinks { float: left; list-style:none !important; font-size: 10px; color: #AAA; text-transform: uppercase; margin-top: 0; padding-left: 0; margin-bottom:0; margin-left:0;}
.eBlog .itemComments { float: right }
.eBlog .itemComments a { font-size: 10px; text-transform: uppercase; }
.eBlog .itemLinks li {float:left; margin-left:0; padding-left:0; }
.eBlog .itemLinks li:first-child {margin-left:0; }
.eBlog .itemCategory { padding-left:0;}
.eBlog .itemDateCreated { padding-left:0;}
.eBlog .itemTagsBlock,
.eBlog .itemTagsBlock,
.eBlog .userItemTagsBlock { padding-left:0; font-size: 10px; color: #AAA; text-transform:uppercase; }

.eBlog .itemContainer:not(.zn_columns) .itemTagsBlock { float: left }
.eBlog .itemContainer:not(.zn_columns) .itemTagsBlock ul {margin:0 !important; padding:0 !important; list-style:none !important; display:inline;}
.eBlog .itemContainer:not(.zn_columns) .itemTagsBlock ul li {display:inline; }
.itemView .itemTagsBlock { margin: 0 0 20px }
.itemView .itemTagsBlock > a, .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock > a, .tagcloud a { padding: 4px 10px; background-color: #EAEAEA; margin-right: 5px; color: #9B9B9B;
display: inline-block; margin-bottom: 5px; }
.itemView .itemTagsBlock > a:before, .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock > a:before, .tagcloud a:before { font-family: 'Glyphicons Halflings'; content: "\e041"; margin-right: 5px; vertical-align: middle; color: #D2D2D2; }
div.cloudBlock a { padding: 4px; float: left; display: block; }

.eBlog .itemReadMore { float: right }

.eBlog .itemSocialSharing  {margin-bottom:20px; margin-top:10px;}
.eBlog div.itemTwitterButton {float:left;margin:2px 20px 0 0; width:80px;}
.eBlog div.itemFacebookButton {float:left;margin-right:20px;width:70px;}
.eBlog div.itemGooglePlusOneButton {float:left;width:70px;}

.eBlog .itemList .blog-isotope-item { padding-left: 10px; padding-right: 10px }

.itemContainer.zn_columns { padding: 0 0 20px; }
.itemContainer.zn_columns .itemHeader,
.itemContainer.zn_columns .itemBody,
.itemContainer.zn_columns .itemLinks,
.itemContainer.zn_columns .itemTagsBlock { padding: 0 15px; }

.itemContainer.zn_columns .itemIntroText { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #F5F5F5; }
.itemContainer .theHoverBorder { box-shadow: none; border-radius: 0 }
.itemContainer.zn_columns .hoverBorder ,
.itemContainer.zn_columns .hoverBorder img {width:100%;height: auto; border-radius: 0 }
.itemContainer.zn_columns .readMore { font-weight: normal }

.itemContainer.zn_columns h3.itemTitle  {line-height: 1.6; font-size: 16px;padding: 20px 0 0;}
.itemContainer.zn_columns.zn_columns4 .readMore ,
.itemContainer.zn_columns.zn_columns3 .readMore {font-size: 13px;}

.itemThumbnail { position: relative; }
.itemThumbnail img { display: block; width: 100%; height: auto; }
.itemThumbnail > a { display: block; }
.itemThumbnail .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; }
.itemContainer.zn_columns:hover .overlay { opacity: 1; visibility: visible; }
.itemThumbnail .overlay__inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.itemThumbnail .overlay__inner a {  margin: 0 auto; width: 48px; height: 48px;  border-radius: 30px; display: block; border: 2px solid #fff; position: relative; text-align: center;  overflow: hidden; /*color: #fff;*/ line-height: 46px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.itemThumbnail .overlay__inner a:hover { width: 120px; /*background: #3565a2; border-color: #3565a2;*/ }
.itemThumbnail .overlay__inner a:before { content: "+"; position: absolute; left: 50%; margin-left: -6px; font-size: 20px; font-weight: bold; opacity: 1; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.itemThumbnail .overlay__inner a:hover:before { opacity: 0; }
.itemThumbnail .overlay__inner a:after { content: attr(data-readmore); opacity: 0; font-size: 11px; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.itemThumbnail .overlay__inner a:hover:after { opacity: 1; }

.eBlog .featured-post { position: relative; padding: 0; }
.eBlog .itemContainer.featured-post:after { content: none; }
.eBlog .featured-post .zn_full_image { position: relative; border-bottom: none; min-height: 220px;}
.eBlog .featured-post .zn_full_image img { width: 100%; }
.eBlog .featured-post .zn_sticky_no_image { min-height: 400px; background-color: #333; }
.eBlog .featured-post .itemFeatContent { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; }
.eBlog .featured-post .itemFeatContent:before { content: ''; position: absolute; top: -50%; left: 0; width: 100%; height: 150%; background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); opacity:0; visibility: hidden;  -webkit-animation: animFadeIn .4s ease-in .7s 1 normal forwards running; animation: animFadeIn .4s ease-in .7s 1 normal forwards running; }
@-webkit-keyframes animFadeIn {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} }
@keyframes animFadeIn  {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} }
.eBlog .featured-post .itemFeatContent-inner {position: relative;}
.eBlog .featured-post .itemHeader { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; padding-bottom: 15px; }
.eBlog .featured-post .itemTitle { font-size: 20px; text-transform: uppercase; font-weight: normal; line-height: 1.6; margin: 0 0 15px; }
.eBlog .featured-post .post_details { color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0; }
.eBlog .featured-post .post_details:before { content: none; }
.eBlog .featured-post .itemLinks { color: rgba(255, 255, 255, 0.4); }
.eBlog .featured-post a { color: #fff; }
.eBlog .featured-post a:hover { color: rgb(199, 199, 199); }
.hg_post_image {float: left;margin-right: 30px;margin-bottom:10px;}
.hg_post_image,
.hg_full_image {border-bottom: 5px solid #3565a2;}

@media (max-width: 480px) {
    .eBlog .featured-post .zn_sticky_no_image { min-height: 200px; }
    .eBlog .featured-post .itemFeatContent { padding: 10px 15px; }
    .eBlog .featured-post .itemTitle, .eBlog .itemTitle { font-size: 16px; line-height: 1.6; margin: 0 0 10px }
    .eBlog .featured-post .itemHeader { margin-bottom: 10px; padding-bottom: 10px; }
}

#th-content-post .page-title { padding-bottom: 0; border-bottom: 0 }

/* Post Author */
.eBlog .post-author .author-avatar { float: left; width: 100px; margin-right: 20px; }
.eBlog .post-author .author-avatar img { display: block; max-width: 100%; height: auto; border-radius: 50%; }
.eBlog .post-author { color: #535353; margin-bottom: 50px; overflow: hidden; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 30px 0;}
.eBlog .author-details > h4 { text-transform: uppercase; }

/* Blockquote */
blockquote { margin: 25px 40px }

/* Related Articles */
.eBlog .related-articles .rta-title { font-size: 14px; text-align: center; text-transform: uppercase; margin: 0 0 30px; }
.eBlog .related-articles .rta-post > a { display: block; position: relative; }
.eBlog .related-articles .rta-post > a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background-color: #3565a2; -webkit-transition: height .25s ease-in-out; transition: height .25s ease-in-out; }
.eBlog .related-articles .rta-post:hover > a:after { height: 8px }
.eBlog .related-articles .rta-post h5 { text-transform: uppercase; }

/* Pagination */
.pagination {margin: 10px 0 20px; text-align:center; display: block; text-transform: uppercase; font-size: 10px; line-height: 1.6; color: #888; }
/* Do some bootstrap resetting */
.pagination ul,
ul.pagination {list-style-type: none; padding: 10px 0;}
.pagination li {display: inline-block; margin: 0 5px;}
.pagination li > a,
.pagination li > a:focus,
.pagination li > a:hover,
.pagination li > span,
.pagination li > span:focus,
.pagination li > span:hover { border:0; background:none; text-shadow:none; }
/* Normal state */
.pagination li a,
.pagination li > span,
.pagination p.counter {font-size: 12px; text-transform:uppercase; font-weight: 600; padding: 0; display: inline-block; margin: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; float: none; color: rgba(0, 0, 0, 0.85);border-radius: 3px;}
/* Move left and right arrows */
.pagination li:first-child {margin-right: 50px;}
.pagination li:last-child { margin-left:50px;}
/* hide first or last if no pages */
.pagination li:first-child > span,
.pagination li:last-child > span { display: none;}
/* Add left & right glyphs */
.pagination li:first-child span.zn_icon,
.pagination li:last-child span.zn_icon { line-height: 40px;}
/* Hover state */
.pagination li a:hover,
.pagination li:first-child > a:hover:before,
.pagination li:last-child > a:hover:before { color: rgba(0, 0, 0, 0.5); }
/* Active */
.pagination .active>a,
.pagination .active>a:focus,
.pagination .active>a:hover,
.pagination .active>span,
.pagination .active>span:focus,
.pagination .active>span:hover { color: rgba(0, 0, 0, 0.5); background: none; border: 2px solid rgba(0, 0, 0, 0.18); height: 40px; line-height: 38px; width: 40px;}

/* grayhover effect */
a.grayHover { overflow:hidden; position:relative; display:inline-block;}
a.grayHover img {position:relative;}

/* PORTFOLIO */

/* Portfolio Item */
.hg-portfolio-item {position: relative;}
.portfolio-item-title { text-transform: uppercase; color: #4D4D4D; font-size: 32px; line-height: 1.3; font-weight: 400; }
.portfolio-item-desc {margin-bottom:30px}
.portfolio-item-desc-inner {max-height: 150px; overflow: hidden; position: relative;}
.portfolio-item-desc-inner:after {content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height: 100px;
background: -moz-linear-gradient(top,  transparent 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  transparent 0%,#f5f5f5 100%); background: -o-linear-gradient(top,  transparent 0%,#f5f5f5 100%); background: -ms-linear-gradient(top,  transparent 0%,#f5f5f5 100%); background: linear-gradient(to bottom,  transparent 0%,#f5f5f5 100%); }
.portfolio-item-more-toggle {text-transform:uppercase; font-weight: 900; font-size: 11px;}
.portfolio-item-more-toggle .glyphicon {font-size:11px; margin-right:4px;}
.portfolio-item-more-toggle:after {content:attr(data-more-text);}
/* when opened */
.portfolio-item-desc.is-opened .portfolio-item-desc-inner {max-height: none; overflow: hidden;}
.portfolio-item-desc.is-opened .portfolio-item-desc-inner:after {display: none;}
.portfolio-item-desc.is-opened .portfolio-item-more-toggle:after {content:attr(data-less-text);}
.portfolio-item-desc.is-opened .portfolio-item-more-toggle .glyphicon:before { content: "\e260"; }
/* no-toggle */
.portfolio-item-desc.no-toggle .portfolio-item-desc-inner {max-height: none; overflow: hidden;}
.portfolio-item-desc.no-toggle .portfolio-item-more-toggle {display: none;}
.portfolio-item-desc.no-toggle .portfolio-item-desc-inner:after {display: none;}
/* when in affix */
.portfolio-item-content.affixcontent .portfolio-item-desc.is-opened:not(.no-toggle) .portfolio-item-desc-inner { max-height: 35vh; overflow: auto;}
/* details */
.portfolio-item-details {margin: 0 0 40px; list-style: none; padding:0;}
.portfolio-item-details li {margin-bottom: 15px;}
.portfolio-item-details-label { min-width: 100px; font-weight: 300; color:#ababab; float:left;}
.portfolio-item-details-item { float:left; overflow: hidden;}
/* Other details */
.portfolio-item-otherdetails {margin-bottom: 30px; }
.portfolio-item-livelink { display:inline-block; margin-right: 10px; float: right; margin-top: 5px;}
.portfolio-item-share { display:inline-block; }
.portfolio-item-share:before {content:attr(data-share-title); font-size:12px; font-weight:600; display: block;line-height: 1;margin-bottom: 10px;color: #8A8A8A;}
.portfolio-item-share a {display:inline-block; width: 30px; height: 30px; margin-top: -5px; border-radius:3px; color: rgba(0, 0, 0, 0.25); background-color: transparent; border-color: #E2E2E2;border-top: 0;border-bottom: 0;border-right: 0; border:0; font-size:16px;text-align: center;margin-right: 5px;line-height: 30px;}
.portfolio-item-share a:hover {color:#fff;}
.portfolio-item-share .portfolio-item-share-twitter {font-size: 13px;}
.portfolio-item-share-twitter:hover {background:#55ACEE;}
.portfolio-item-share-facebook:hover {background:#3B5998;}
.portfolio-item-share-gplus:hover {background:#CC3732;}
.portfolio-item-share-pinterest:hover {background:#CC2127;}
.portfolio-item-share-mail:hover {background:#565656;}
/* Right part */
.hg-portfolio-item .portfolio-item-right { margin-bottom:20px;}
.portfolio-item { margin-bottom: 50px; }
/* Affixed Portfolio content */
.portfolio-item-content.affixcontent { -webkit-transition:top .2s ease-out; transition:top .2s ease-out; -webkit-backface-visibility: hidden;}
/* MQ's */
@media (min-width: 992px) and (max-width: 1199px){
  .page-title.portfolio-item-title { font-size: 24px; line-height: 1.3;}
}
@media (min-width: 992px){
  .portfolio-item-content.affix {top:40px; position: fixed;}
  .admin-bar .portfolio-item-content.affix,
  .kl-follow-menu .portfolio-item-content.affix {top:60px;}
  .admin-bar.kl-follow-menu .portfolio-item-content.affix {top:80px;}
  /* top and bottom */
  .portfolio-item-content.affix-top {top:0; }
  .portfolio-item-content.affix-bottom {position: absolute; }
}
@media (max-width: 991px){
  .portfolio-item-content.affix,
  .portfolio-item-content.affixcontent {position: static !important;}
  .page-title.portfolio-item-title { font-size: 24px; line-height: 1.3;}
  .portfolio-item-details-label {float: none; display:block; margin-bottom: 5px; }
  .portfolio-item-details-item {float: none; display:block; }
  .portfolio-item-livelink {float: none; margin-top: 20px;}
  .portfolio-item-details {margin: 0 0 20px;}
}

.portfolio-row {margin-bottom: 40px;}

/* Overlay */
.kl-has-overlay .img-intro { position: relative; z-index: 0; }
.kl-has-overlay .img-intro > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.kl-has-overlay .img-intro .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(31, 34, 37, 0.25); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.kl-has-overlay .img-intro:hover .overlay { opacity: 1; visibility: visible; box-shadow: inset 0 -8px 0 0 #3565a2; }
.hg-portfolio-carousel .kl-has-overlay .img-intro:hover .overlay { box-shadow: none; }
.kl-has-overlay .img-intro .overlay-inner { position: relative; text-align: center; top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.kl-has-overlay .img-intro .overlay-inner > span { color: #fff; width: 60px; height: 60px; line-height: 58px; border: 2px solid #fff; display: inline-block; border-radius: 50%; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.kl-has-overlay .img-intro:hover .overlay-inner > span { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.portfolio-entry .title { text-transform: uppercase; font-size: 16px; line-height: 1.6; }
.portfolio-entry .pt-cat-desc { line-height: 1.8; }
.hg-portfolio-carousel .portfolio-item:before, .hg-portfolio-carousel .portfolio-item:after { content: " "; display: table; }
.hg-portfolio-carousel .portfolio-item:after { clear: both; }
.hg-portfolio-carousel .portfolio-item { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB; }
.hg-portfolio-carousel .portfolio-item:last-child { padding-bottom: 0; margin-bottom: 50px; border: 0; }
.hg-portfolio-carousel .pt-content-title {margin-bottom: 30px; }
.hg-portfolio-carousel .pt-cat-desc {margin-bottom: 30px; }
.hg-portfolio-carousel .portfolio-item-details {margin-bottom: 20px; }
.pt-itemlinks {margin-bottom: 20px;}
.pt-itemlinks .btn:first-child {margin-right: 10px;}


/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable h1.title {font-weight:bold;}
.hg-portfolio-sortable #sorting { float:right; margin:0; font-size: 10px; text-transform: uppercase; padding: 8px 10px; color:#888; border-radius: 2px; margin-top:10px;}
.hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;}
.hg-portfolio-sortable #sort-direction {margin-right:0 !important;}
.hg-portfolio-sortable #sorting ul li {display: inline-block; margin-left:10px; line-height:1; margin-bottom:0;}
.hg-portfolio-sortable #sorting ul li a {color: #B7B7B7; line-height:1;}
.hg-portfolio-sortable #sorting ul li a.selected {color: #131313}
.hg-portfolio-sortable #sorting .sortTitle {line-height:1;}
.hg-portfolio-sortable #portfolio-nav {margin:5px 0 40px; padding:0; list-style:none; float: left;}
.hg-portfolio-sortable #portfolio-nav li {float:left;}
.hg-portfolio-sortable #portfolio-nav li a { background: #fff; color: #888; padding:15px; line-height: 1; font-size: 10px; text-transform: uppercase; display:inline-block; margin-right:0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {background: #3565a2; color:#fff;}
.hg-portfolio-sortable li.kl-has-overlay .img-intro:hover .overlay { box-shadow: none }
.portfolio-item .img-intro img, .hg-portfolio-sortable .item .img-intro img  { width: 100%; }
.hg-portfolio-sortable ul#thumbs { padding: 0; list-style: none; overflow: hidden; margin-left: -10px; margin-right: -10px; }
.hg-portfolio-sortable ul#thumbs li { width: 100%; float: left; padding: 0 10px; margin-bottom: 20px; }
.hg-portfolio-sortable ul#thumbs[data-columns="2"] li { width: 50%; }
.hg-portfolio-sortable ul#thumbs[data-columns="3"] li { width: 33.333%; }
.hg-portfolio-sortable ul#thumbs[data-columns="4"] li { width: 25%; }
@media (max-width : 992px) { .hg-portfolio-sortable ul#thumbs li { width: 33.333%  !important} }
@media (max-width : 768px) { .hg-portfolio-sortable ul#thumbs li { width: 50% !important} }
@media (max-width : 480px) { .hg-portfolio-sortable ul#thumbs li { width: 100%  !important} }
.hg-portfolio-sortable ul#thumbs li .inner-item { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity:0.9; }
.hg-portfolio-sortable ul#thumbs li .inner-item:hover {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); opacity:1; }
.hg-portfolio-sortable ul#thumbs li .inner-item h4{ display: block; line-height: 1.6; border-bottom: 1px dotted rgba(0, 0, 0, 0.17); font-size:14px; text-transform: uppercase; margin: 0; padding: 15px }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding:0 15px 15px; margin: 15px 0 0; display: block; }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {margin-bottom:10px;}
.hg-portfolio-sortable ul#thumbs li.isotope-item {z-index:2;}
.hg-portfolio-sortable ul#thumbs li.isotope-hidden {z-index:1;}
.hg-portfolio-sortable .inner-item iframe {display:block;}

/* Portfolio carousels */
.pt-content-title { font-size: 32px; line-height: 1.4; margin-bottom: 20px; font-weight: 300; }
.ptcarousel--frames-classic {position:relative; border:4px solid #fff; box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); border-radius:2px; }
.ptcarousel--frames-classic:after {content:''; position:absolute; left:-34px; top:50%; margin-top:-15px; border:15px solid transparent; border-right:15px solid #ddd; z-index:1;}
.ptcarousel--frames-classic:before {content:''; position:absolute; left:-30px; top:50%; margin-top:-13px; border:13px solid transparent; border-right:13px solid #fff; z-index:2;}
.ptcarousel--frames-modern {position: relative; padding-top:30px; padding-bottom: 0; border-radius: 4px 4px 2px 2px; background-color: #dcdee7; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 16px 10px -11px rgba(0, 0, 0, 0.12); }
.ptcarousel--frames-modern:before {content: ""; position: absolute; top: 12px; margin-top: 0; left: 25px; display: block; background: #ababab; border-radius: 30px; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab,12px 0 0 #ababab; }
.ptcarousel--frames-minimal {position: relative}
.ptcarousel ul {margin:0; padding:0; list-style:none; overflow:hidden; }
.ptcarousel li {float:left; }
.ptcarousel .controls > a {position:absolute; left: 15px; top: 50%; z-index:11; background:#000; display:inline-block !important; margin:0; margin-top:-12px; width: 30px; height: 31px; text-align: center; border-radius:2px; opacity:0;}
.ptcarousel .controls > a.next {left:auto; right:15px; }
.ptcarousel .controls > a span {margin:8px 0 0; color: #fff; }
.ptcarousel .controls > a:hover {background:#3565a2; }
.ptcarousel:hover .controls a {opacity:1; }
.itemLinks {margin-top:20px;}
.itemLinks span a { background: #eee; padding:7px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #888;border-radius: 2px; display:inline-block; margin-right:15px; }
.itemLinks span a:hover {background:#3565a2; color:#fff;}

/* portfolio Category */
.zn_portfolio_category.ptfcat-one-col > .row {margin-bottom: 50px;}


/* Services Boxes */
.services_box--classic .services_box__inner {margin-bottom:30px}
.services_box--classic .services_box__content {overflow: hidden;}
.services_box--classic .services_box__title {font-size: 16px; font-weight: 700; line-height: 1.6; color: #3565a2; margin: 15px 0; vertical-align: middle;}
.services_box--classic .services_box__icon {float:left; width:80px; line-height: 80px; color:#fff; background:#646464; text-align:center; margin-right:20px; vertical-align:middle; border-radius:50%; height: 80px; -webkit-transition:background .15s ease-out; transition:background .15s ease-out; position: relative;}
.services_box--classic:hover .services_box__icon {background:#3565a2;}
.services_box--classic .services_box__list { list-style:none; margin:0; padding:0; }
.services_box--classic .services_box__list .glyphicon { font-size:7px; margin-right:10px; color:#868686; top:0; vertical-align: middle; -webkit-transition:color .15s; transition:color .15s;}
.services_box--classic .services_box__list li:hover .glyphicon { color:#454545;}
.services_box--classic .services_box__list-text { vertical-align: middle;}
/* image */
.services_box--classic .services_box__iconimg {max-width: 70px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out;}
.services_box--classic .services_box__iconimg-hover {opacity:0;}
.services_box--classic:hover .sb--hashover .services_box__iconimg-main {opacity:0;}
.services_box--classic:hover .services_box__iconimg-hover {opacity:1; }
/* icon */
.services_box--classic .services_box__fonticon {color: #fff; font-size: 30px; line-height: 82px; -webkit-transition: color .2s ease-out .1s; transition: color .2s ease-out .1s; }
.services_box--classic:hover .services_box__fonticon {color:#fff; }

/* Modern Services Boxes */
.services_box--modern .services_box__inner {margin-bottom:30px;position: relative;}
.services_box--modern .services_box__title {font-size: 22px; font-weight: 600; line-height: 1.3; color: #424242; margin: 15px 0; vertical-align: middle;}
.services_box--modern .services_box__icon { float:left; width:80px; line-height: 80px; box-shadow:inset 0 0 0 2px #3565a2; text-align:center; margin-right:20px; vertical-align:middle; border-radius:50%; height: 80px; -webkit-transition:all .15s ease-out; transition:all .15s ease-out;}
.services_box--modern:hover .services_box__icon {box-shadow:inset 0 0 0 40px #3565a2;}
.services_box--modern .services_box__icon-inner {position: relative;height: 100%;}
.services_box--modern .services_box__icon:after {content:''; position:absolute; top:80px; left:40px; height: calc(100% - 60px); width:1px; background-color: rgba(0, 0, 0, 0.07);}
/* image */
.services_box--modern .services_box__iconimg {max-width: 70px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition:opacity .15s ease-out;}
.services_box--modern .services_box__iconimg-hover {opacity:0; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); transition:all .15s ease-out}
.services_box--modern:hover .sb--hashover .services_box__iconimg-main {opacity:0;}
.services_box--modern:hover .services_box__iconimg-hover {opacity:1;  -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}
/* icon */
.services_box--modern .services_box__fonticon {color: #3565a2; font-size: 40px; line-height: 83px; -webkit-transition: color .2s ease-out .1s; transition: color .2s ease-out .1s; }
.services_box--modern:hover .services_box__fonticon {color:#fff; }
/* list */
.services_box--modern .services_box__list { list-style:none; margin:0; padding:0; }
.services_box--modern .services_box__list li {position: relative;}
.services_box--modern .services_box__list li:before {content:''; width: 5px; height: 5px; position: absolute; left: 38px; top: 9px; border-radius: 50%; display: block;background-color: #fff;box-shadow: 0 0 0 2px #3565a2; -webkit-transition:all .15s; transition:all .15s}
.services_box--modern .services_box__list li:hover:before {box-shadow: 0 0 0 3px #3565a2;}
.services_box--modern .services_box__list-text { vertical-align: middle;}
.services_box--modern.sb--hasicon .services_box__title {margin-left:100px;}
.services_box--modern.sb--hasicon .services_box__desc { margin-left:100px;}
.services_box--modern.sb--hasicon .services_box__list li {padding-left: 100px;}

/* Boxed Services Boxes */
.services_box--boxed {padding: 30px; background:#eee; margin: 0; position:relative; margin-bottom: 30px; border-radius:5px; z-index: 1;}
.services_box--boxed:hover {z-index: 2; }
.services_box--boxed .services_box__inner {position: relative;}
.services_box--boxed .services_box__title {font-size: 22px; font-weight: 600; line-height: 1.3; color: #424242; margin: 0 0 15px; vertical-align: middle;z-index: 2;position: relative;}
.services_box--boxed .services_box__desc {z-index: 2;position: relative;}
.services_box--boxed .services_box__icon { max-height:80px; position: relative; z-index: 2; min-height: 50px;}
/* image */
.services_box--boxed .services_box__iconimg {transition:opacity .2s ease-out;}
.services_box--boxed .services_box__iconimg-hover { position: absolute; left:0; top:0; opacity:0; }
.services_box--boxed:hover .sb--hashover .services_box__iconimg-main {opacity:0; }
.services_box--boxed:hover .services_box__iconimg-hover {opacity:1}
/* icon */
.services_box--boxed .services_box__fonticon {color: #3565a2; font-size: 50px; -webkit-transition: color .2s ease-out .1s; transition: color .2s ease-out .1s; }
.services_box--boxed:hover .services_box__fonticon {color:#454545; }
/* list */
.services_box--boxed .services_box__list-wrapper {position: absolute; width: 100%;top: -30px;opacity: 0;visibility: hidden; transition:all .2s ease-out;}
.services_box--boxed:hover .services_box__list-wrapper {opacity: 1;visibility: visible;}
.services_box--boxed .services_box__list-bg {position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.2); z-index: 1; opacity:1;left: -30px;border-radius: 5px;}
.services_box--boxed .services_box__list { list-style:none; margin:0; padding:0; padding-top: 200px; z-index: 1; position: relative;}
.services_box--boxed .services_box__list li {position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #3565a2; opacity:0;visibility: hidden; transition:all .25s ease-out;}
.services_box--boxed .services_box__list li:nth-child(1) { transform:translateY(10px); transition-delay:0.025s; }
.services_box--boxed .services_box__list li:nth-child(2) { transform:translateY(20px); transition-delay:0.05s; }
.services_box--boxed .services_box__list li:nth-child(3) { transform:translateY(30px); transition-delay:0.075s; }
.services_box--boxed .services_box__list li:nth-child(4) { transform:translateY(40px); transition-delay:0.1s; }
.services_box--boxed .services_box__list li:nth-child(5) { transform:translateY(50px); transition-delay:0.125s; }
.services_box--boxed .services_box__list li:nth-child(6) { transform:translateY(60px); transition-delay:0.15s; }
.services_box--boxed .services_box__list li:nth-child(7) { transform:translateY(70px); transition-delay:0.175s; }
.services_box--boxed .services_box__list li:nth-child(8) { transform:translateY(80px); transition-delay:0.2s; }
.services_box--boxed .services_box__list li:nth-child(9) { transform:translateY(90px); transition-delay:0.225s; }
.services_box--boxed .services_box__list li:nth-child(10) { transform:translateY(100px); transition-delay:0.25s; }
.services_box--boxed:hover .services_box__list li {opacity:1; visibility: visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
/* MQ's */
@media (max-width: 1199px) {
  .services_box .services_box__icon {float: none;}
  /* Modern */
  .services_box--modern.sb--hasicon .services_box__title {margin-left:0;}
  .services_box--modern.sb--hasicon .services_box__desc { margin-left:0;}
  .services_box--modern.sb--hasicon .services_box__list li {padding-left: 0;}
  .services_box--modern .services_box__list li:before,
  .services_box--modern .services_box__icon:after {display: none;}
}
@media (max-width: 767px) {
  .services_box .services_box__inner {text-align: center; }
  .services_box .services_box__icon {float: none; margin: 0 auto; }
  .services_box .services_box__list .glyphicon {display: none}
}
@media (max-width: 568px) {
  .services_box {width: 100%; }
}


/* CIRCLE HOVER */
.circlehover {width:130px; height:130px; text-align:center; color: white; font-size: 18px; padding: 10px; display: table; line-height: 1.4; background-color:#3565a2; position:relative; font-weight: 300;  border-radius:50%; box-shadow: 3px 3px 1px rgba(0,0,0,0.2); }
.circlehover[data-size="small"] {width:80px; height:80px; font-size: 14px; padding: 8px; }
.circlehover[data-size="medium"] {width:95px; height:95px; font-size: 16px; padding: 10px; }
.circlehover > span {display:table-cell; vertical-align:middle; position:relative; z-index:1; }
.circlehover:before {content:''; position:absolute; top:7px; left:7px; /*background:#3565a2;*/ width:30px; height:30px; border-radius:3px; }
.circlehover[data-position="top-left"]:before { top:7px; left:7px;}
.circlehover[data-position="top-right"]:before { top:7px; right:7px; left: auto;}
.circlehover[data-position="bottom-left"]:before { bottom:7px; left:7px; top:auto;}
.circlehover[data-position="bottom-right"]:before { bottom:7px; right:7px; left: auto; top:auto;}
.circlehover[data-position="top"]:before,
.circlehover[data-position="right"]:before,
.circlehover[data-position="left"]:before,
.circlehover[data-position="bottom"]:before {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.circlehover[data-position="top"]:before {top: -10px; left: 50%; margin-left: -15px;}
.circlehover[data-position="right"]:before { top:50%; right:-10px; left: auto; margin-top:-15px;}
.circlehover[data-position="left"]:before { top:50%; left:-10px; margin-top:-15px;}
.circlehover[data-position="bottom"]:before { bottom:-10px; left:50%; margin-left:-15px; top:auto;}
.circlehover[data-position="bottom-right"] { box-shadow:-3px -3px 1px rgba(0,0,0,0.5);}
.circlehover:hover { color:#fff; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); box-shadow:5px 5px 1px rgba(0,0,0,0.2); }
.circlehover[data-position="bottom-right"]:hover { box-shadow:-5px -5px 1px rgba(0,0,0,0.5);}
.circlehover[data-align="left"] {float:left;}
.circlehover[data-align="right"] {float:right;}
.circlehover {-webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); }
.circlehover.with-symbol > span.symbol {opacity:0; position:absolute; display:block; left: 0; top: 0; bottom: 0; right: 0; text-align: center; line-height: 130px; }
.circlehover.with-symbol:hover > span.text {opacity:0;}
.circlehover.with-symbol:hover > span.symbol {opacity:1; }
.call-out-banner .m_title { font-size: 28px; position: relative; margin-top: 20px; text-transform: none; }
.call-out-banner .m_title:before { position: absolute; content: ''; width: 80px; height: 3px; background-color: #ddd; top: -20px; left: 0; }

/* Callout Banner */
.callout-banner { margin-bottom: 40px; margin-top: 20px;}
.callout-banner .m_title {font-weight: 300; font-size: 24px; line-height: 1.6; position: relative; padding-top :20px; margin-top:0; }
.callout-banner .m_title strong { font-weight:600; }
.callout-banner .m_title:before { content:''; position: absolute; top:0; left:0; width:80px; height:3px; background:#000; opacity: 0.1; }

/* Callout Banner style 2 */
.circlehover.style2 { width: 100%; height: 75px; text-align: center; 
                      /*color: white;*/
                       font-size: 18px; padding: 10px 20px; display: table; line-height: 1.3; 
                       /*background-color: #3565a2;*/ 
                       position: relative; font-weight: 300; text-shadow: none; border-radius: 4px; box-shadow: none;}
.circlehover.style2:before { content: ''; position: absolute; /*background-color: #3565a2;*/ width: 100%; height: 100%; top: initial; bottom: -4px; left: 0; border-radius: 3px; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); z-index: 1;}
.circlehover.style2:after { content: ''; position: absolute; background-color: #dcdcdc; width: 90%; height: 16px; top: initial; bottom: -9px; left: 11px; border-radius: 3px;-webkit-transform: skewY(-3deg);-ms-transform: skewY(-3deg);transform: skewY(-3deg);}
.circlehover.style2.with-symbol > span.symbol { line-height: 73px;}
.circlehover.style2.with-symbol > span.symbol img { max-height: 48px;}

/* Callout Banner style 3 */
.circlehover.style3 { width: 150px; height: 150px; box-shadow: none;}
.circlehover.style3:before { left: 3px; top: inherit; bottom: 25px; -webkit-transform: skewY(-28deg) rotate(27deg); -ms-transform: skewY(-28deg) rotate(27deg); transform: skewY(-28deg) rotate(27deg);}
.circlehover.style3 .text { background: #000; display: block; position: absolute; bottom: 15px; right: -23px; min-width: 100px; padding: 3px 10px; font-style: italic; border-radius: 4px; font-size: 13px; line-height: 20px;}
.circlehover.style3.with-symbol > span.symbol { line-height: 150px;}

.triangle { display: none;}
.circlehover.style3 .triangle { display: block;position: absolute; left: 72px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 65px;}
.circlehover.style3 .play-icon { display: block; background-color: #fff; -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1,.866); -ms-transform: rotate(-60deg) skewX(-30deg) scale(1,.866); transform: rotate(-60deg) skewX(-30deg) scale(1,.866); position: relative; text-align: left;}
.circlehover.style3 .play-icon:before,
.circlehover.style3 .play-icon:after { content: ''; position: absolute; background-color: inherit; }
.circlehover.style3 .play-icon,
.circlehover.style3 .play-icon:before,
.circlehover.style3 .play-icon:after {width: 16px; height: 16px; border-top-right-radius: 30%;}
.circlehover.style3 .play-icon {-webkit-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);-ms-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);transform: rotate(-60deg) skewX(-30deg) scale(1,.866);}
.circlehover.style3 .play-icon:before {-webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);-ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);}
.circlehover.style3 .play-icon:after {-webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);-ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);}
.circlehover.style3:hover .triangle {display: none;}

/* team members */
.team_member {background:#fff; padding:0 0 5px;position: relative;}
.team_member:hover {box-shadow:0 0 20px rgba(0,0,0,0.2); border-radius:4px;}
.team_member .details {padding:0 20px 20px; overflow:hidden; opacity:0; visibility:hidden; position: absolute; background:#fff; box-shadow:0 12px 20px rgba(0,0,0,0.2);
  -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size:11px;}
.team_member:hover .details {opacity:1; visibility:visible;}
.team_member:hover {z-index:2;}
.team_member > h4,
.team_member > h6 {padding:0 20px;}
.team_member .details .social-icons {padding: 0; margin-left: -4px; margin-right: -4px;}
.team_member .details .social-icons li {margin:0 4px;}
.team_member .details .social-icons li:first-child {margin-left:0;}
.team_member .details { width: 100%; }
.sctb-icon-nocolor {background-color:#121212;}


/* Latest Posts Default */
.latest_posts.default-style .hoverBorder {margin-bottom:10px;}
.latest_posts.default-style .hoverBorder h6 {position:absolute; left:-10px; bottom:16px; color:#fff; padding:11px 14px; background:#3565a2; font-size:12px; font-weight:500; line-height:1; margin: 0; border-radius:2px; }
.latest_posts.default-style .hoverBorder:hover h6 { left:15px; background:#fff; color:#3565a2;}
.latest_posts.default-style a + em {font-size:11px; color:#7d7d7d;}
.latest_posts.default-style .post {margin-bottom: 30px; }
.latest_posts.default-style .post .m_title {font-style:italic; font-size:16px; line-height:1.4; margin-top:10px;}
.latest_posts.default-style .post em {display: block;}
.latest_posts.default-style img { box-shadow: 0 1px 1px rgba(0,0,0,.22); }

/* latest posts default style - style 2 */
.latest_posts.default-style.kl-style-2 .lp-title {background-color: #3565a2; height: 120px; width: 100%; text-align: center; padding: 20px 40px; margin: 0 0 20px; }
.latest_posts.default-style.kl-style-2 .lp-title .m_title {position: relative; color: #fff; text-shadow: none; font-weight: bold; font-size: 20px; line-height: 1; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.latest_posts.default-style.kl-style-2 .post {position: relative; margin-bottom: 10px; }
.latest_posts.default-style.kl-style-2 .post-details {position: absolute; bottom: 0; padding: 20px 15px; }
.latest_posts.default-style.kl-style-2 .m_title a {color: #fff; text-shadow: none; font-style: normal; margin-bottom: 5px; }
.latest_posts.default-style.kl-style-2 .post-details em {font-style: normal; color: #828282; font-size: 11px; }
.latest_posts.default-style.kl-style-2 .post-details em a {color: #fff; }
.latest_posts.default-style.kl-style-2 .m_title {position: relative; margin: 0 0 20px; }
.latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {position: absolute; content: ''; width: 88px; height: 3px; background-color: #3565a2; left: 0; bottom: -10px; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out; }
.latest_posts.default-style.kl-style-2 .post:not(.lp-title):hover .m_title:after {width: 160px; }
.latest_posts.default-style.kl-style-2 .theHoverBorder {background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%);background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); box-shadow: none; border-radius: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.latest_posts.default-style.kl-style-2 .hoverBorderWrapper img {border-radius: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.latest_posts.default-style.kl-style-2 .hoverBorder {margin: 0; }
.latest_posts.default-style.kl-style-2 .hoverBorder:hover img {opacity: 1; }
.latest_posts.default-style.kl-style-2 .post:hover .theHoverBorder {opacity: 0; }
/* MQ's */
@media (min-width: 768px) {
  .latest_posts.default-style.kl-style-2 .lp-title {margin-bottom: 0; }
}
@media (min-width: 1200px) {
  .latest_posts.default-style.kl-style-2 .lp-title {height: 350px; }
  .latest_posts.default-style.kl-style-2 .lp-title .m_title {font-size: 54px; }
  .latest_posts.default-style.kl-style-2 .post {margin-bottom: 20px; }
}
@media (max-width: 991px) and (min-width: 768px) {
  .latest_posts.default-style.kl-style-2 .lp-title {height: 219px; }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .latest_posts.default-style.kl-style-2 .lp-title {height: 288px; }
}
@media (max-width: 480px) {
  .latest_posts.default-style.kl-style-2 .m_title {margin-bottom: 0; font-size: 10px; }
  .latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {content: none; }
  .latest_posts.default-style.kl-style-2 .post-details em {display: none; }
}

.latest_posts.style2 {background-color: #fff; position:relative; padding: 30px 30px 10px 30px}
.latest_posts.style2 .m_title {margin-bottom: 20px;}
.latest_posts.style2 .viewall {position:absolute; top: 28px; right: 20px; font-size:10px; font-weight:bold; color:#757575;}
.latest_posts.style2 .viewall:hover {color:#111;}
.latest_posts.style2 ul.posts {margin:0; padding:0; list-style:none;}
.latest_posts.style2 ul.posts li {margin-top: 25px; border-bottom: 1px solid #ECECEC; padding-bottom: 25px;}
.latest_posts.style2 ul.posts li:last-child {margin-bottom:0; border-bottom: 0;}
.latest_posts.style2 ul.posts .title {font-size: 14px; font-weight: 700; color: #3565a2; line-height: 1.6; vertical-align: middle;}
.latest_posts.style2 ul.posts .details {float:left; width:110px;}
.latest_posts.style2 ul.posts .details > span {display:inline-block; margin-bottom:2px; font-size:10px}
.latest_posts.style2 ul.posts .details span.date {background:#3565a2; color:#fff; padding:3px 10px; margin: 0 0 5px; position:relative}
.latest_posts.style2 ul.posts .details span.date:after {content:''; position:absolute; bottom:-8px; left:10px; border:4px solid transparent; border-top-color:#3565a2;}
.latest_posts.style2 ul.posts .text {margin-left:110px;}
.latest_posts.style2 ul.posts .details > span.cat {display: block; }

.latest_posts.style3 {position:relative;}
.latest_posts.style3 .m_title {margin-bottom: 20px;}
.latest_posts.style3 .hoverBorder {margin-right:20px; margin-top: 5px;}
.latest_posts.style3 .viewall {position:absolute; top: 0; right:0; font-size:10px; font-weight:bold; color:#757575;}
.latest_posts.style3 .viewall:hover {color:#111;}
.latest_posts.style3 ul.posts {margin:0; padding:0; list-style:none;}
.latest_posts.style3 ul.posts li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E3E3E3; overflow: hidden; }
.latest_posts.style3 ul.posts li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.latest_posts.style3 ul.posts .title {font-size: 13px; margin:0 0 5px; font-weight: 600; text-shadow: 1px 1px 0 white; vertical-align: middle; line-height: 20px; margin: 0 0 5px; padding: 0; text-shadow: 1px 1px 0 white; vertical-align: middle; }
/*.latest_posts.style3 ul.posts .title a{font-size: 13px; font-weight: normal; font-weight: 600; }*/
.lp-post .hoverBorder ~ .text,
.lp-post .hoverBorder ~ .lp-post-comments-num { margin-left: 74px; }
.lp-post .lp-post-comments-num { color:#bababa }
.lp-post .hoverBorder + .title { overflow: hidden; }
.widget .latest_posts ul li.lp-post .hoverBorder { margin-bottom: 0; }

/* latest posts - accordion style */
.latest_posts.acc-style {position:relative;}
.latest_posts.acc-style h3.m_title {position:absolute; top: 14px; z-index:1;margin: 0;}
.latest_posts.acc-style .viewall {position:absolute; top:12px; right:0; font-size:10px; font-weight:bold; color:#757575; z-index:1;}
.latest_posts.acc-style .viewall:hover {color:#111;}

.latest-posts-carousel {position: relative; }
.latest-posts-carousel .controls {position: relative; right: auto; float: right; }
.latest-posts-carousel .controls > a {opacity: 0.5; filter: alpha(opacity=50); }
.latest-posts-carousel .post em {display: block; }
.latest-posts-carousel .post .m_title {font-style: italic; font-size: 16px; line-height: 1.4; margin-top: 10px; }
.latest-posts-carousel .m_title {float: left; }
.latest-posts-carousel a + em {font-size: 11px; color: #7d7d7d; }
.latest-posts-carousel .hoverBorder h6 {position: absolute; left: -10px; bottom: 16px; padding: 6px 10px; background: #3565a2; font-size: 12px; font-weight: 500; line-height: 1; margin: 0; border-radius: 2px; }
.latest-posts-carousel .hoverBorder a {color: #fff; }
.latest-posts-carousel .hoverBorder:hover h6 {left: 15px; background: #fff; }
.latest-posts-carousel .hoverBorder:hover a {color: #3565a2; }
.latest-posts-carousel .hoverBorder {margin-bottom: 10px; }
.lp_carousel {margin: 0; padding: 0; list-style: none; height: auto; height: auto !important; position: relative !important;}
.lp_carousel li {float: left; margin: 0; padding: 0 10px;}
/* Css3 Accordion Latest posts */
.css3accordion>ul>li,
.css3accordion>ul>li>.inner-acc,
.css3accordion>ul>li .thumb {-webkit-transition: width  0.2s ease-in-out 0.2s; transition: width 0.2s ease-in-out 0.2s;}
.css3accordion  { width:100%; margin:0 auto 20px; overflow:hidden; position:relative;}
.css3accordion>ul {list-style:none; padding:0; margin:0; width: 100%;}
.css3accordion>ul>li {width: calc(25% - 20px); padding-top:50px; position:relative; float:left; overflow:hidden;
  margin-right: 20px; border-top:4px solid #E7E7E7; }
.css3accordion>ul>li>.inner-acc,
.css3accordion>ul>li:hover ~ li>.inner-acc { width:calc( 200% + 40px); }
.css3accordion>ul>li:hover>.inner-acc,
.css3accordion>ul>li.last>.inner-acc { width:100%; }
.css3accordion>ul>li .thumb { width: calc(50% - 20px); float:left; margin-right:20px; opacity:.8; }
.css3accordion>ul>li.last,
.css3accordion>ul>li:hover:not(.last) {width:50%;}
.css3accordion>ul>li:hover ~ li {width: calc(25% - 20px);}
.css3accordion>ul>li:hover .thumb {opacity:1;}
.css3accordion>ul>li.last {margin-right:0;}
.css3accordion .content > em {font-size:11px; color:#7d7d7d;}
.css3accordion .content > .m_title {font-size: 12px; line-height: 1.3; margin:8px 0;}
.css3accordion .text {font-size:11px; line-height:1.4; }
.css3accordion .text + a { font-size:10px; font-weight:bold; color:#888; display: inline-block; margin-top: 5px; }


/** Devices Images Element */
.el-devimages {}
.el-devimages--ltr {direction:ltr;}
.el-devimages__laptop { position: relative; width: 1160px; background-repeat: no-repeat; background-size: contain;}
.el-devimages__laptop-img {position: absolute; background-repeat: no-repeat; background-size: cover; border-radius: 3px; }
.el-devimages--type-img .el-devimages__laptop { height: 670px; background-image: url(../images/devices/macbook.png); }
.el-devimages--type-img .el-devimages__laptop-img {left: 14%; top: 7.6%; bottom: 13.3%; right: 13.9%; }
.el-devimages--type-vector .el-devimages__laptop { height: 600px; background-image: url(../images/devices/macbook-air.svg); }
.el-devimages--type-vector .el-devimages__laptop-img { left: 16.6%; top: 6.3%; bottom: 11.8%; right: 16.6%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.24);}
.el-devimages__smartphone { position: absolute; width: 220px; background-repeat: no-repeat; background-size: contain; bottom: -20px; left: 70px;}
.el-devimages__smartphone-img {position: absolute; background-repeat: no-repeat; background-size: cover; border-radius: 3px; }
.el-devimages--type-img .el-devimages__smartphone { height: 403px; width: 245px; background-image: url(../images/devices/iphone6.png); }
.el-devimages--type-img .el-devimages__smartphone-img {left: 15.9%; top: 11.6%; bottom: 13.8%; right: 14.8%; }
.el-devimages--type-vector .el-devimages__smartphone { height: 400px; width: 200px; left: 110px; background-image: url(../images/devices/iphone6.svg); }
.el-devimages--type-vector .el-devimages__smartphone-img { left: 7.2%; top: 14%; bottom: 11.7%; right: 7.3%; }
/* Frame */
.el-devimages__frame {position: relative; width: 1160px; height: 520px; padding-top:30px; padding-bottom: 5px; border-radius: 4px 4px 0 0; background-color: #dcdee7; border:2px solid #fff; box-shadow: 0 10px 13px -10px rgba(0, 0, 0, 0.3); }
.el-devimages__frame:before {content: ""; position: absolute; top: 12px; margin-top: 0; left: 25px; display: block; background: #ababab; border-radius: 30px; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab,12px 0 0 #ababab; }
.el-devimages__frame-img {position: absolute; background-repeat: no-repeat; background-size: cover; left:0; top:30px; bottom: 5px; right:0; }
/* Right to left */
.el-devimages--rtl {direction:rtl;}
.el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {left:auto; right: 70px;}
.el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {left:auto; right: 110px;}
.el-devimages--rtl .el-devimages__frame:before {left:auto; right: 25px;}
/* Center */
.el-devimages--center .el-devimages__frame {width: 100%; height: 0; padding-bottom: 45%; }
/* MQ's */
@media screen and (min-width: 992px) and (max-width: 1199px){
  .el-devimages--type-img .el-devimages__laptop { height: 490px; width: 850px;}
  .el-devimages--type-vector .el-devimages__laptop { height: 428px; width: 845px;}
  .el-devimages__frame { width: 900px; height: 490px;}
  .el-devimages--type-vector .el-devimages__smartphone { height: 330px; width: 166px;}
  .el-devimages--type-img .el-devimages__smartphone { height: 324px; width: 197px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .el-devimages--type-img .el-devimages__laptop { height: 416px; width: 720px;}
  .el-devimages--type-vector .el-devimages__laptop { height: 370px; width: 720px;}
  .el-devimages__frame { width:720px; height: 440px;}
  .el-devimages--type-vector .el-devimages__smartphone { height: 250px; width: 125px;}
  .el-devimages--type-img .el-devimages__smartphone { height: 274px; width: 167px;}
  .el-devimages--type-vector .el-devimages__smartphone { left: 70px; }
  .el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {right: 40px;}
  .el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {right: 70px;}
}
@media screen and (max-width: 767px){
  .el-devimages--type-img .el-devimages__laptop {width: 100%; height: 0; padding-bottom: 57.77%; }
  .el-devimages--type-vector .el-devimages__laptop {width: 100%; height: 0; padding-bottom: 51%; }
  .el-devimages__frame {width: 100%; padding-bottom: 63%; height: 0; }
  .el-devimages__smartphone {display: none}
}


/*** SearcBox Element */
.elm-searchbox__form {border-radius: 4px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); position: relative;}
.elm-searchbox__input,
.elm-searchbox__submit { height:50px; float:left;border:0; vertical-align: middle; outline:none; margin:0; top:0; }
.elm-searchbox__input { width:calc(100% - 130px); background:#fff; border-radius: 4px 0 0 4px; padding-left: 20px; -webkit-transition: padding-left .15s ease-out; transition: padding-left .15s ease-out; }
.elm-searchbox__input:focus { padding-left: 30px; }
.elm-searchbox__submit { width:130px; border-radius: 0 4px 4px 0; }
.elm-searchbox__submit:not(.glyphicon) { font-size: 14px; font-weight: 600; }
/* Normal Style */
.elm-searchbox--normal .elm-searchbox__submit { color:#fff; background-color: #3565a2; }
.elm-searchbox--normal .elm-searchbox__submit:hover { background-color: #000; }
/* Normal with transparent button */
.elm-searchbox--normal2 .elm-searchbox__submit { color:#999; background-color: #fff; position: relative; }
.elm-searchbox--normal2 .elm-searchbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(0,0,0,0.1) }
.elm-searchbox--normal2 .elm-searchbox__submit:hover { color: #767676; }
/* Transparent */
.elm-searchbox--transparent .elm-searchbox__input { border:1px solid rgba(255,255,255,.7); border-right:0; background:rgba(255,255,255,.3); color:#fff; }
.elm-searchbox--transparent .elm-searchbox__input::-webkit-input-placeholder {color: #fff; }
.elm-searchbox--transparent .elm-searchbox__input:-moz-placeholder {color: #fff; }
.elm-searchbox--transparent .elm-searchbox__input::-moz-placeholder {color: #fff; }
.elm-searchbox--transparent .elm-searchbox__input:-ms-input-placeholder {color: #fff; }
.elm-searchbox--transparent .elm-searchbox__submit { color:#fff; background-color: #3565a2; }
.elm-searchbox--transparent .elm-searchbox__submit:hover { background-color: #000; }
/* Transparent with transparent button */
.elm-searchbox--transparent2 .elm-searchbox__input { border:1px solid rgba(255,255,255,.7); border-right:0; background:rgba(255,255,255,.1); color:#fff; }
.elm-searchbox--transparent2 .elm-searchbox__input::-webkit-input-placeholder {color: #fff; }
.elm-searchbox--transparent2 .elm-searchbox__input:-moz-placeholder {color: #fff; }
.elm-searchbox--transparent2 .elm-searchbox__input::-moz-placeholder {color: #fff; }
.elm-searchbox--transparent2 .elm-searchbox__input:-ms-input-placeholder {color: #fff; }
.elm-searchbox--transparent2 .elm-searchbox__submit { color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.7); border-left:0; position: relative; }
.elm-searchbox--transparent2 .elm-searchbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(255,255,255,0.7) }
.elm-searchbox--transparent2 .elm-searchbox__submit:hover { color:rgba(255,255,255,.8); }
/* Typing effect */
.elm-searchbox__input-text { max-width: 400px; position: absolute; display: block; top:50%; left:0; padding-left:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); pointer-events:none; font-size: 14px;
  line-height: 1; color:#595959; overflow: hidden; white-space: nowrap; -webkit-animation: elm-searchbox__inputtext 4s steps(50, end); animation: elm-searchbox__inputtext 4s steps(50, end); }
.elm-searchbox__input-text:after {content:' |'; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; }
.elm-searchbox__input:focus + .elm-searchbox__input-text { opacity:0; visibility: hidden; }
@-webkit-keyframes elm-searchbox__inputtext{ from { max-width: 0; } }
@keyframes elm-searchbox__inputtext{ from { max-width: 0; } }
@-webkit-keyframes blink{ to{opacity: .0;} }
@keyframes blink{ to{opacity: .0;} }
.elm-searchbox--transparent .elm-searchbox__input-text,
.elm-searchbox--transparent2 .elm-searchbox__input-text {color:#fff;}
/* MQ's */
@media screen and (max-width: 767px){
  .elm-searchbox__submit { width:130px !important; }
  .elm-searchbox__input { width:calc(100% - 130px) !important;  }
}
/*** End SearcBox Element */

/** Action Box **/
.action_box {padding:24px 0; 
             /*color:#fff;*/
              border-top:2px solid #fff; border-bottom:1px solid #fff; position:relative; 
              /*background-color:#3565a2;*/ 
              clear: both; }
.action_box .action_box_content { max-width: 1170px; margin: 0 auto; padding:0 15px; width: 100%; }
.action_box h4.text {margin: 10px 0; font-weight: 200; font-size: 24px; line-height: 1.4;}
.action_box .ac-subtitle { color: rgba(255, 255, 255, 0.6); line-height: 1.6 }
.action_box:after,
.action_box:before {content:""; position:absolute; left:50%; bottom:-14px; margin-left: -25%; border-radius:3px; border: 8px solid transparent; border-top-width: 7px; /*border-top-color:#3565a2;*/}
.action_box[data-arrowpos=center]:after,
.action_box[data-arrowpos=center]:before {margin-left: -7px; }
.action_box[data-arrowpos=right]:after,
.action_box[data-arrowpos=right]:before {margin-left: 25%; }
/* Style 2 */
.action_box.style2 .action_box_content { display: block; }
.action_box.style2 .ac-content-text, .action_box.style2 .ac-buttons { display: block; text-align: center; padding-left: 0; }
.action_box.style2 .ac-content-text { margin-bottom: 25px; }
.action_box.style2 .ac-btn, .action_box.style2 .ac-btn:last-child { display: inline-block; margin: 0 5px; }
/* Action Box style 3 */
.style3 .action_box_inner {background-color: #3565a2; position: relative; padding: 35px; border-radius: 6px; z-index: 1;}
.style3 .action_box_inner:before {position: absolute; content: ''; background-color: #3565a2; top: -6px; left: 0; width: 100%; height: 100%; display: block; -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); transform: skewY(1.5deg); border-radius: 6px; transform-origin: right top;}
.style3 .action_box_inner:after {position: absolute; content: ''; background-color: rgba(0, 0, 0, 0.2); width: 90%; height: 30%; display: block; border-radius: 4px; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); right: 5%; top: -20px; z-index: -1; }
.action_box.style3 {padding:0;border-radius: 6px;}
.action_box.style3 .action_box_content{position:relative;}
.action_box.style3:before {position: absolute; content: ''; background-color: #3565a2; width: 30px; height: 32px; display: block; bottom: -6px; left: 20%; border-radius: 4px; -webkit-transform: skewY(35deg); -ms-transform: skewY(35deg); transform: skewY(35deg); }
.action_box.style3:after {display:none}

@media (min-width: 320px) {
  .action_box .ac-btn { margin: 0 5px; } }
@media (min-width: 1200px) {
  .action_box .action_box_content { display: table; }
  .action_box .ac-content-text { display: table-cell; }
  .action_box .row.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
  .action_box .ac-buttons { text-align: right; display: table-cell; vertical-align: middle; padding-left: 30px;}
  .action_box .ac-btn { margin: 0; display: inline; }
  .action_box .ac-btn:last-child { margin-left: 15px; } }
@media (max-width: 1200px) {
  .action_box { text-align: center; }
  .action_box .ac-content-text { margin-bottom: 25px; }  }

/*** Big Social Block Element */
.bigsocialblock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;}
.bigsocialblock__item { position: relative; overflow: hidden; height: 150px; padding: 25px; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-backface-visibility: hidden;}
.bigsocialblock__link {display: block; width: 100%; height: 100%;}
.bigsocialblock__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bigsocialblock__bg a { display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.bigsocialblock__title { color: #fff; font-size: 20px; font-weight: 600; text-transform: uppercase; -webkit-transition: all .2s ease; transition: all .2s ease; margin: 0; position: absolute; z-index: 1; right: 25px; bottom: 20px;}
.bigsocialblock__count { color: #fff; font-size: 18px; font-weight: 600; position: absolute; right: 25px; bottom: 40px;}
.bigsocialblock__follow { color: rgba(255, 255, 255, 0.5);  text-transform: uppercase; font-weight: 600; font-size: 14px; position: absolute; right: 25px; bottom: 20px; }
.bigsocialblock__count,
.bigsocialblock__follow { display: block; opacity: 0; visibility: hidden; -webkit-transition:opacity .2s ease-out, visibility .2s ease-out, -webkit-transform .2s ease-out; transition:opacity .2s ease-out, visibility .2s ease-out, transform .2s ease-out; -webkit-backface-visibility: hidden;}
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow {-webkit-transform:scale(.6); -ms-transform:scale(.6); transform:scale(.6); }
.bigsocialblock__social-icon { position: absolute; color: #fff; z-index: 1; font-size: 80px; border: solid 5px #fff; border-radius: 50%; width: 150px; height: 150px; line-height: 140px; left: -21px; bottom: -30px; text-align: center; opacity: 0.5; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; }
/* White */
.bsb--theme-light .bigsocialblock__title,
.bigsocialblock__item:hover .bigsocialblock__title,
.bsb--theme-light .bigsocialblock__count,
.bigsocialblock__item:hover .bigsocialblock__count,
.bsb--theme-light .bigsocialblock__follow,
.bigsocialblock__item:hover .bigsocialblock__follow { color: #fff;}
.bsb--theme-light .bigsocialblock__social-icon,
.bigsocialblock__item:hover .bigsocialblock__social-icon {color:#fff; border-color:#fff;}
/* Dark */
.bsb--theme-dark .bigsocialblock__title,
.bsb--theme-dark .bigsocialblock__count,
.bsb--theme-dark .bigsocialblock__follow { color: #8A8A8A;}
.bsb--theme-dark .bigsocialblock__social-icon {color:#8A8A8A; border-color:#8A8A8A;}
/* Style 1 */
.bigsocialblock__item:hover { box-shadow: 0 6px 22px 4px rgba(0,0,0,.4); z-index: 1; }
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__title { bottom: 70px;}
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow { opacity: 1; visibility: visible; z-index: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.bigsocialblock__item:hover .bigsocialblock__social-icon { opacity: 1; }
.bigsocialblock.type-chover .bigsocialblock__bg { opacity:0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out;}
.bigsocialblock.type-chover .bigsocialblock__item:hover .bigsocialblock__bg { opacity:1; }

/* Style 2 */
.bigsocialblock--style2 .bigsocialblock__social-icon { font-size: 200px; width: 400px; height: 400px; line-height: 400px; left: -130px; bottom: -140px; border: solid 15px #fff;}
.bigsocialblock--style2 .bigsocialblock__item:hover { box-shadow: none;}
.bigsocialblock--style2 .bigsocialblock__count { font-size: 30px; line-height: 30px; display: block; position: relative; text-align: right; margin-bottom: 10px; z-index: 1; bottom: auto; right: auto;}
.bigsocialblock--style2 .bigsocialblock__follow { color: #fff; font-weight: 400; display: block; position: relative; text-align: right; bottom: auto; right: auto;}
.bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__follow { opacity: 1; visibility: visible; }

/* NO FLEXBOX */
.no-flexbox .bigsocialblock { display: table; table-layout:fixed; width: 100%;}
.no-flexbox .bigsocialblock__item {  display: table-cell; position: relative; overflow: hidden; height: 150px; padding: 25px; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease;}
/* MQ's */
@media (max-width: 1199px) {
  /* Style 2 */
  .bigsocialblock--style2 .bigsocialblock__social-icon { opacity: 0.25; }
  .bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__social-icon { opacity: 0.4; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bigsocialblock.count-4 .bigsocialblock__social-icon{ border-width:5px; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;}
  .bigsocialblock.count-5 .bigsocialblock__social-icon { border-width:5px; font-size: 50px; width: 100px; height: 100px; line-height: 90px; left: -30px; bottom: -10px;}
  .bigsocialblock.count-4 .bigsocialblock__title,
  .bigsocialblock.count-5 .bigsocialblock__title { font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .bigsocialblock.count-3 .bigsocialblock__social-icon{ border-width:5px; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;}
  .bigsocialblock.count-4 .bigsocialblock__social-icon {border-width:5px; border-color:transparent; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;}
  .bigsocialblock.count-3 .bigsocialblock__title,
  .bigsocialblock.count-4 .bigsocialblock__title { font-size: 16px;}
  /* 5 items */
  .bigsocialblock.count-5 .bigsocialblock__item { padding:15px; }
  .bigsocialblock.count-5 .bigsocialblock__title { font-size: 15px; position: relative; right: 0; top: auto; bottom: auto; text-align: right; margin-bottom: 10px; opacity:1; visibility: visible; }
  .bigsocialblock__item:hover .bigsocialblock__title {bottom:auto;}
  .bigsocialblock.count-5 .bigsocialblock__count,
  .bigsocialblock.count-5 .bigsocialblock__follow { font-size: 14px; opacity:1; visibility: visible; transform:none; position: relative; right: 0; top: auto; bottom: auto; text-align: right;}
  .bigsocialblock.count-5 .bigsocialblock__social-icon { border-color:transparent; font-size: 50px; width: 100px; height: 100px; line-height: 90px; left: -20px; bottom: -10px;}
  /* Style 2 */
  .bigsocialblock--style2 .bigsocialblock__title { position: relative; bottom: auto; right: auto; margin-bottom: 10px; }
}
@media (max-width: 767px) {
  .bigsocialblock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .bigsocialblock__item { width: 100%; display: block; height: 100px; padding:15px; }
  .bigsocialblock__title {position: relative; right: 0; top: auto; bottom: auto; text-align: right; margin-bottom: 10px; opacity:1; visibility: visible; }
  .bigsocialblock__item:hover .bigsocialblock__title {bottom:auto;}
  .bigsocialblock__count,
  .bigsocialblock__follow{ opacity:1; visibility: visible; -webkit-transform:none; -ms-transform:none; transform:none; position: relative; right: 0; top: auto; bottom: auto; text-align: right;}
  .bigsocialblock--style2 .bigsocialblock__item { height: 120px; }
}
/* End big social element */

/* Circle Title text box */
.circle-text-box .circle-headline { }
.circle-text-box .wpk-circle-span {font-size: 12px; font-weight:300; display:inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; position: relative; color: #ffffff; -webkit-transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1); transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);}
.circle-text-box .wpk-circle-span > span { position:relative; z-index:1; }
.circle-text-box .wpk-circle-span:after {content:''; position:absolute; left:0; top:0; display:inline-block; background-color: #3565a2; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; -webkit-transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1); transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);}
.circle-text-box .wpk-circle-span { float: left; margin-right: 20px;}
.circle-text-box .wpk-circle-title { height: 55px; margin: 0 0 30px; font-size: 20px; font-weight: 600; border-bottom: 1px dotted rgba(0,0,0,0.3); color: #3565a2;}
.circle-text-box .wpk-circle-span + .wpk-circle-title { overflow: hidden; line-height: 60px;}
.circle-text-box.style1:hover .wpk-circle-span:after {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
/* Circle Title text box - Style 2 */
.circle-text-box.style2 .wpk-circle-span::before { content: ''; position: absolute; right: 5px; bottom: 5px; background: #3565a2; width: 14px; height: 14px; border-radius: 2px; -webkit-transition:all .2s cubic-bezier(0.680, 0, 0.265, 1); transition:all .2s cubic-bezier(0.680, 0, 0.265, 1);}
.circle-text-box.style2:hover .wpk-circle-span {}
.circle-text-box.style2:hover .wpk-circle-span::before { -webkit-transform:translate3d(5px, 5px, 0); transform:translate3d(5px, 5px, 0); }
.circle-text-box.style2:hover .wpk-circle-span::after { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2) }
/* Circle Title text box - Style 3 */
.circle-text-box.style3 .wpk-circle-span  {font-size:12px; font-weight:300; display:inline-block; background: #3565a2; color:#ffffff; width: auto; height: 45px; line-height: 45px; text-align: right; z-index: 1; border-radius: 3px; padding-left: 25px; margin-left:-25px; padding-right: 10px;  }
.circle-text-box .wpk-circle-span > span { position:relative; z-index:1; }
.circle-text-box.style3 .wpk-circle-span:after {display:none;}
.circle-text-box.style3 .wpk-circle-title { height: 42px; margin: 0 0 35px; }
.circle-text-box.style3 .wpk-circle-span + .wpk-circle-title { line-height: 45px;}
.circle-text-box.style3:hover .wpk-circle-span  { padding-left: 35px; margin-left:-35px; }

/* Hover Box Style 1 */
.hover-box {display:block; padding:15px; background:#969696; border:1px solid rgba(0,0,0,0.4); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.5); border-radius:3px; margin-bottom: 20px; overflow: hidden;}
.hover-box:hover {background-color:#3565a2 !important; color:#fff;}
.hover-box.centered {text-align:center;}
.hover-box > img {float:left; margin: 15px 15px 8px 10px;}
.hover-box.centered > img {float: none; }
.hover-box > h3 {line-height: 1.1; margin-top:0;}
.hover-box > h4 {line-height: 1.1; margin-top:0;}
.hover-box > p {margin-bottom:0;line-height: 1.1;}

/* Hover Box Style 2 & 3 */
.hover-box.hover-box-2,
.hover-box.hover-box-3 { text-shadow: none; border: none; padding: 25px; margin-bottom: 0; min-height: 180px; position: relative;}
.hover-box.hover-box-2:hover,
.hover-box.hover-box-3:hover {box-shadow: 0 10px 2px -6px rgba(0,0,0,0.8); -webkit-transform:translateY(-4px); -ms-transform:translateY(-4px);  transform:translateY(-4px); }
.hover-box.hover-box-3 img { display: none;}
.hover-box.hover-box-2 > h3,
.hover-box.hover-box-3 > h3 { margin-bottom: 20px;}
.hover-box.hover-box-2 > h4,
.hover-box.hover-box-3 > h4 { font-weight: bold;}
.hover-box.hover-box-2 .hb-img { margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
right:15px; float: none; max-width: none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.hover-box.hover-box-2 .hb-img.rb-right {right:0;}
.hover-box.hover-box-2 > p,
.hover-box.hover-box-3 > p { line-height: 1.4;}
.hover-box.hover-box-2 > p:after,
.hover-box.hover-box-3 > p:after { content: ''; height: 3px; width: 50px; display: block; background: #fff; margin-top: 22px;}
.hover-box.hover-box-2:hover .hb-img {opacity:0; right:-100%;}
.hover-box.hover-box-2 .hb-circle {background: url(../images/circle-arr-hover.svg) no-repeat left top; width: 187px; height: 187px; display: block;position: absolute;bottom: -40px;
right: -40px;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);opacity: 0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.hover-box.hover-box-2:hover .hb-circle {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;}

/*** Icon Box - Default element */
.kl-iconbox__title {font-family: Open Sans; font-size: 16px; line-height: 18px; font-weight: 600; font-style: normal; color: #3565a2;}
.kl-iconbox {margin-bottom: 30px}
.kl-iconbox__inner {}
.kl-iconbox__icon-wrapper,
.kl-iconbox__title-wrapper,
.kl-iconbox__desc-wrapper,
.kl-iconbox__cta-wrapper {margin-top:0; margin-bottom:15px;}
.kl-iconbox__content-wrapper {overflow: hidden;}
.kl-iconbox__link {}
.kl-iconbox__title,
.kl-iconbox__desc {margin:0;}
.kl-iconbox__icon {line-height: 1; font-size: 42px; -webkit-transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
span.kl-iconbox__icon {font-size: 46px;}
.kl-iconbox--theme-light,
.kl-iconbox--theme-light a {color:#fff;}
.kl-iconbox--theme-dark,
.kl-iconbox--theme-dark a {color:#323232;}
/* Floated Icons  */
.kl-iconbox--fleft .kl-iconbox__icon-wrapper {float:left; margin-right: 20px;}
.kl-iconbox--fright .kl-iconbox__icon-wrapper {float:right; margin-left: 20px; }
/* Shaped Icons - Resized */
.kl-iconbox--sh .kl-iconbox__icon-wrapper {position:relative;}
.kl-iconbox--align-left.kl-iconbox--sh span.kl-iconbox__icon,
.kl-iconbox--align-right.kl-iconbox--sh span.kl-iconbox__icon {text-align: center;}
/* Shaped icons - Square */
.kl-iconbox--sh-square span.kl-iconbox__icon {display: inline-block; border-radius: 3px; vertical-align: middle; position: relative; z-index: 1; padding:22px;
background-color: #3498db; color: #fff;}
.kl-iconbox--sh-square span.kl-iconbox__icon:after {content:''; position: absolute; top:0; left:0; width:0; height: 100%; z-index: -1; border-radius: 3px; -webkit-transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), right .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), right .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:-10%; background-color: #2980b9;}
.kl-iconbox--align-left.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after,
.kl-iconbox--fleft.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:-20%; }
.kl-iconbox--align-right.kl-iconbox--sh-square span.kl-iconbox__icon:after,
.kl-iconbox--fright.kl-iconbox--sh-square span.kl-iconbox__icon:after { left:auto; right:0; }
.kl-iconbox--align-right.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after,
.kl-iconbox--fright.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:auto; right:-20%; }
/* Shaped icons - Circle */
.kl-iconbox--sh-circle span.kl-iconbox__icon {display: inline-block; border-radius: 50%; vertical-align: middle; position: relative; z-index: 1; padding:22px;
background-color: #e74c3c; color: #fff;}
.kl-iconbox--sh-circle span.kl-iconbox__icon:after {content:''; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: -1; border-radius: 50%; opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition: -webkit-transform .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: transform .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.kl-iconbox--sh-circle:hover span.kl-iconbox__icon:after { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); opacity: 1; 
background-color: #c0392b;}

.kl-iconbox.stage .kl-iconbox__icon {color: #d1d1d1;}
.kl-iconbox.stage:hover .kl-iconbox__icon {color: #3565a2;}
img.kl-iconbox__icon { max-width: 100px;}

/*** GRID ICON BOXES */
.grid-ibx {}
.grid-ibx__item { float:left; text-align: center; padding-left: 20px; padding-right: 20px; position: relative; -webkit-backface-visibility:hidden; height: 200px; 
background-color: #fff; }
.grid-ibx__item[onclick] {cursor: pointer;}
.grid-ibx--cols-1 .grid-ibx__item {width:100%;}
.grid-ibx--cols-2 .grid-ibx__item {width:50%;}
.grid-ibx--cols-3 .grid-ibx__item {width:33.3333%;}
.grid-ibx--cols-4 .grid-ibx__item {width:25%;}
.grid-ibx--cols-5 .grid-ibx__item {width:20%;}
.grid-ibx__item-inner {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.grid-ibx__link {display:block; position: absolute; top:0; left:0; right:0; bottom:0;}
.grid-ibx__title-wrp,
.grid-ibx__icon-wrp,
.grid-ibx__desc-wrp {margin-top:0; margin-bottom:20px;}
.grid-ibx__title,
.grid-ibx__desc {margin:0;}
.grid-ibx__icon {font-size:24px; line-height: 1; -webkit-transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); color: #e2e2e2;}
.grid-ibx__item:hover .grid-ibx__icon { color: #3565a2;}

/* GridIconBox Styles - Lined Full */
.grid-ibx--style-lined-full {border-width:1px 0 0 1px;}
.grid-ibx--style-lined-full .grid-ibx__item {border-width:0 1px 1px 0; }
.grid-ibx--style-lined-full,
.grid-ibx--style-lined-full .grid-ibx__item {border-color: rgba(0,0,0,0.1); border-style: solid;}

/* GridIconBox Styles - Lined Center */
.grid-ibx--style-lined-center,
.grid-ibx--style-lined-center .grid-ibx__item {border-color: rgba(0,0,0,0.1); border-style: solid;}
.grid-ibx--style-lined-center .grid-ibx__item {border-width:0 1px 1px 0; }
.grid-ibx--style-lined-center.grid-ibx--cols-1 .grid-ibx__item:nth-child(1) { border-right-width:0; }
.grid-ibx--style-lined-center.grid-ibx--cols-2 .grid-ibx__item:nth-child(2) { border-right-width:0; }
.grid-ibx--style-lined-center.grid-ibx--cols-3 .grid-ibx__item:nth-child(3) { border-right-width:0; }
.grid-ibx--style-lined-center.grid-ibx--cols-4 .grid-ibx__item:nth-child(4) { border-right-width:0; }
.grid-ibx--style-lined-center.grid-ibx--cols-5 .grid-ibx__item:nth-child(5) { border-right-width:0; }
.grid-ibx--style-lined-center .grid-ibx__row:last-child .grid-ibx__item { border-bottom-width:0; }
.grid-ibx--style-lined-center {border: 0;}

/* GridIconBox Styles - Gradient */
.grid-ibx--style-lined-gradient .grid-ibx__item {margin-bottom: 30px; margin-left: 15px; margin-right:15px; position: relative; }
.grid-ibx--style-lined-gradient.grid-ibx--cols-1 .grid-ibx__item {width:-webkit-calc(100% - 30px); width:calc(100% - 30px);}
.grid-ibx--style-lined-gradient.grid-ibx--cols-2 .grid-ibx__item {width:-webkit-calc(50% - 30px); width:calc(50% - 30px);}
.grid-ibx--style-lined-gradient.grid-ibx--cols-3 .grid-ibx__item {width:-webkit-calc(33.3333% - 30px); width:calc(33.3333% - 30px);}
.grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item {width:-webkit-calc(25% - 30px); width:calc(25% - 30px);}
.grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {width:-webkit-calc(20% - 30px); width:calc(20% - 30px);}
.grid-ibx--style-lined-gradient .grid-ibx__ghelper {position: absolute; top:0; left:0; width:100%; height:5px; border: 1px solid rgba(0,0,0,0.2); border-bottom: 0;  border-radius: 4px 4px 0 0; }
.grid-ibx--style-lined-gradient .grid-ibx__item:before,
.grid-ibx--style-lined-gradient .grid-ibx__item:after {content: ""; position: absolute; top: 4px; width:1px; height:100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0.2)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 60%,transparent 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 60%, transparent 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 60%,transparent 100%); }
.grid-ibx--style-lined-gradient .grid-ibx__item:before {left: 0; }
.grid-ibx--style-lined-gradient .grid-ibx__item:after {right: 0; }
.grid-ibx--style-lined-gradient .grid-ibx__item:hover .grid-ibx__ghelper { border-color: #3565a2; border-bottom: 0;  }
.grid-ibx--style-lined-gradient .grid-ibx__item:hover:before,
.grid-ibx--style-lined-gradient .grid-ibx__item:hover:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3565a2), color-stop(100%,transparent)); background: -webkit-linear-gradient(top,  #3565a2 0%,transparent 100%); background: -webkit-linear-gradient(top, #3565a2 0%, transparent 100%); background: linear-gradient(to bottom,  #3565a2 0%,transparent 100%); }

/* Hover Effects - Shadow */
.grid-ibx--hover-shadow .grid-ibx__item {-webkit-transition:box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.grid-ibx--hover-shadow .grid-ibx__item:hover { box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6); z-index: 1; }
.grid-ibx--hover-shadow.grid-ibx--style-lined-gradient .grid-ibx__item:hover {box-shadow: 0 -10px 30px -10px rgba(0, 0, 0, 0.29); }

/* Hover Effects - Scale */
.grid-ibx--hover-scale .grid-ibx__item { -webkit-transition:-webkit-transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.grid-ibx--hover-scale .grid-ibx__item:hover { -webkit-transform: scale3d(1.05,1.05,1); -ms-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); z-index: 1; border-width: 1px !important; background: #fff; border-radius: 3px;}
.grid-ibx--hover-scale.grid-ibx--style-lined-gradient .grid-ibx__item:hover {background:none; }

/* Hover Effects - Shadow & Scale */
.grid-ibx--hover-shadowscale .grid-ibx__item { -webkit-transition:-webkit-transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.grid-ibx--hover-shadowscale .grid-ibx__item:hover { -webkit-transform:scale3d(1.06,1.06,1); -ms-transform:scale3d(1.06,1.06,1); transform:scale3d(1.06,1.06,1); z-index: 1; border-width: 1px !important; background: #fff; box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6); border-radius: 2px;}
.grid-ibx--hover-shadowscale.grid-ibx--style-lined-gradient .grid-ibx__item:hover {box-shadow: 0 -10px 30px -10px rgba(0, 0, 0, 0.29); background:none; }

/* Background type */
/*.grid-ibx--bg-default .grid-ibx__item {background: #f2f2f2;}
.grid-ibx--bg-default.grid-ibx--style-lined-gradient .grid-ibx__item {background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,transparent)); background: -webkit-linear-gradient(top,  #f2f2f2 0%,transparent 100%); background: -webkit-linear-gradient(top, #f2f2f2 0%, transparent 100%); background: linear-gradient(to bottom,  #f2f2f2 0%,transparent 100%);}
*/
/* MQ's */
@media screen and (max-width: 991px){
  .grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--cols-5 .grid-ibx__item {width:33.3333%;}
  .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {width:-webkit-calc(33.3333% - 30px); width:calc(33.3333% - 30px);}
}
@media screen and (max-width: 767px){
  .grid-ibx--cols-3 .grid-ibx__item,
  .grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--cols-5 .grid-ibx__item {width:50%;}
  .grid-ibx--style-lined-gradient.grid-ibx--cols-3 .grid-ibx__item,
  .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {width:-webkit-calc(50% - 30px); width:calc(50% - 30px);}
}
@media screen and (max-width: 480px){
  .grid-ibx--cols-2 .grid-ibx__item,
  .grid-ibx--cols-3 .grid-ibx__item,
  .grid-ibx--cols-4 .grid-ibx__item,
  .grid-ibx--cols-5 .grid-ibx__item {width:100% !important; float:none !important;}
}
/*** end GRID ICON BOXES */

/* process steps */
.process_steps {overflow:hidden; border-radius:2px; margin-bottom:35px; width: 100%; min-height: 0;}
/* process steps style1 */
.process_steps--style1 {display: table; table-layout: fixed; }
.process_steps--style1 .process_steps__step {display: table-cell; padding: 20px 10px;  color:#fff; position:relative; text-align:center; vertical-align: middle; height:240px}
.process_steps--style1 .process_steps__step:first-child {border-radius: 3px 0 0 3px;}
.process_steps--style1 .process_steps__step:last-child {border-radius: 0 3px 3px 0;}
.process_steps--style1 .process_steps__step:after {content:''; position:absolute; top:15px; right:-14px; border:7px solid transparent; z-index:1;}
.process_steps--style1 .process_steps__intro {background:#3565a2; text-align:left; padding: 20px;}
.process_steps--style1 .process_steps__intro:after {border-left-color:#3565a2; }
.process_steps--style1 .process_steps__intro-title {margin-top:0; line-height:1.2; font-weight:500; font-size:24px}
.process_steps--style1 .process_steps__intro-title strong {font-size:120%; display:block; }
.process_steps--style1 .process_steps__intro-link {font-size:11px; font-weight:700; color:#eee;}
.process_steps--style1 .process_steps__intro-link:hover {color:#fff;}
.process_steps--style1 .process_steps__step-desc {margin-bottom:0;}
.process_steps--style1 .process_steps__step-icon {margin:20px 0 15px; min-height: 50px; line-height: 50px; font-size: 56px; }
.process_steps--style1 .process_steps__step-typeimg,
.process_steps--style1 .process_steps__step-typeimg img { max-height: 90px; display: inline-block;}
.process_steps--style1 .process_steps__step:nth-child(2) {background-color: #5a5a5a; }
.process_steps--style1 .process_steps__step:nth-child(2):after {border-left-color: #5a5a5a; }
.process_steps--style1 .process_steps__step:nth-child(3) {background-color: #4a4a4a; }
.process_steps--style1 .process_steps__step:nth-child(3):after {border-left-color: #4a4a4a; }
.process_steps--style1 .process_steps__step:nth-child(4) {background-color: #3e3e3e; }
.process_steps--style1 .process_steps__step:nth-child(4):after {border-left-color: #3e3e3e; }
.process_steps--style1 .process_steps__step:nth-child(5) {background-color: #383838; }
.process_steps--style1 .process_steps__step:nth-child(5):after {border-left-color: #383838; }
.process_steps--style1 .process_steps__step:nth-child(6) {background-color: #303030; }
.process_steps--style1 .process_steps__step:nth-child(6):after {border-left-color: #303030; }
.process_steps--style1 .process_steps__step:nth-child(7) {background-color: #252525; }
.process_steps--style1 .process_steps__step:nth-child(7):after {border-left-color: #252525; }
.process_steps--style1 .process_steps__step:last-child:after {border: 0; }
/* MQ's */
@media screen and (min-width: 768px) and (max-width: 991px){
  .process_steps--style1 {display: block; }
  .process_steps--style1 .process_steps__step {float: left; width: 33.3333%; }
  .process_steps--style1 .process_steps__intro {display: block; width: 100%; float: none; height: auto; }
}
@media screen and (max-width: 767px){
  .process_steps--style1 {display: block; }
  .process_steps--style1 .process_steps__step {float: left; width: 100%; }
  .process_steps--style1 .process_steps__intro {display: block; width: 100%; float: none; height: auto; }
}

/* process steps style2 */
.process_steps--style2 { overflow: hidden; padding: 11px 0;}
.container .process_steps--style2 { overflow: visible; }
.process_steps--style2 .process_steps__container,
.process_steps--style2 .process_steps__height {min-height: 235px;}
.process_steps--style2 .process_steps__container { float: left; width:66%; border-radius: 5px; position: relative; min-height: 230px; padding-right: calc( ( ( 100vw - 1170px ) / 2) + 15px );}
.container .process_steps--style2 .process_steps__container { padding-right: 0;}
.process_steps--style2 .process_steps__container:before { content: ''; width: 102%; height: 108%; position: absolute; left: -30px; -webkit-transform: skewX(-10deg) translate3d(0,0,0); -ms-transform: skewX(-10deg) translate3d(0,0,0); transform: skewX(-10deg) translate3d(0,0,0); border: solid 1px #E0E0E0; top: -4%; padding-right: calc( ( ( 100vw - 1170px ) / 2) + 60px ); box-sizing: content-box; border-radius: 5px;}
.process_steps--style2 .process_steps__container:after { content: ''; width: 10px; height: 106%; position: absolute; left: -40px; -webkit-transform: skewX(-10deg) translate3d(0,0,0); -ms-transform: skewX(-10deg) translate3d(0,0,0); transform: skewX(-10deg) translate3d(0,0,0); z-index: 1; top: -3%; background: -webkit-gradient(100% 50%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(100% 50%, ellipse, rgba(0,0,0,.5), transparent 70%); background: radial-gradient(ellipse at 100% 50%,rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient( 100% 50%, 100% 70%, rgba(0, 0, 0, 0.5) 0%, transparent 70%);}
.process_steps--style2.kl-bgc-light .process_steps__container:before { background: #fff;}
.process_steps--style2.kl-bgc-gray .process_steps__container:before { background: #F1F1F1; border: solid 1px #F1F1F1;}
.process_steps--style2 .process_steps__step { padding: 20px; color:#fff; position:relative; text-align:center; height: 100%; display: table-cell; vertical-align: middle;}
.process_steps--style2 .process_steps__container .process_steps__step:after { content: ''; width: 10px; height: 70%; background: url(../../public/media/step-separator.svg) no-repeat left top; left: 100%; top: 15%; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); opacity: 0.05; position: absolute;}
.process_steps--style2 .process_steps__container .process_steps__step:last-child:after { display: none;}
.process_steps--style2 .process_steps__inner {display: table; table-layout: fixed; width:100%;}
.process_steps--style2 .process_steps__step-title { color: #333333; font-weight: bold; font-size: 20px;}
.process_steps--style2 .process_steps__step-desc {color: #888888; margin-bottom:0; /* padding-left: 20px; */}
.process_steps--style2 .process_steps__step-icon {margin:20px 0 15px; min-height: 50px; line-height: 50px; font-size: 48px; }
.process_steps--style2 .process_steps__step-typeimg,
.process_steps--style2 .process_steps__step-typeimg .process_steps__step-icon-src { max-height: 90px; display: inline-block; margin: 0;}
.process_steps--style2 .process_steps__intro {
    /*background:#3565a2;*/ 
    text-align:left; float: left; width:34%; padding: 30px 40px 30px 30px;padding-left: calc( ( ( 100vw - 1170px ) / 2) + 15px );}
.container .process_steps--style2 .process_steps__intro {border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 30px; }
.process_steps--style2 .process_steps__intro:after {border-left-color:#3565a2; }
.process_steps--style2 .process_steps__intro-title {margin-top:0; line-height:1.2; font-weight:500; position: relative; padding-bottom: 10px; }
.process_steps--style2 .process_steps__intro-title::before { content: ''; height: 3px; width: 30px; background: #fff; position: absolute; display: inline-block; bottom: 0;}
.process_steps--style2 .process_steps__intro-title strong {font-size:120%; display:block;}
.process_steps--style2 .process_steps__intro-link {font-size:11px; font-weight:700; color:#eee; display: inline-block; }
.process_steps--style2 .process_steps__intro-link:hover {color:#fff;}
/* MQ's */
@media screen and (min-width: 992px) and (max-width: 1199px){
  .process_steps--style2 .process_steps__container { padding-right: calc( ( ( 100vw - 970px ) / 2) + 15px );}
  .process_steps--style2 .process_steps__container:before { padding-right: calc( ( ( 100vw - 970px ) / 2) + 60px );}
  .process_steps--style2 .process_steps__intro { padding-left: calc( ( ( 100vw - 970px ) / 2) + 15px );}
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .process_steps--style2 {display: block; }
  .process_steps--style2 .process_steps__container {width:100%;}
  .process_steps--style2 .process_steps__step {float: left; width: 33.3333%; }
  .process_steps--style2 .process_steps__intro {display: block; width: 100%; float: none; height: auto; min-height:0; }
  .process_steps--style2 .process_steps__container:before {-webkit-transform:none;-ms-transform:none;transform:none;left: -5px;padding: 0;width: calc(100% + 10px);}
  .process_steps--style2 .process_steps__container:after {display:none;}
  .process_steps--style2 .process_steps__container .process_steps__step:after {-webkit-transform:none;-ms-transform:none;transform:none;}
}
@media screen and (max-width: 767px){
  .process_steps--style2 {display: block; }
  .process_steps--style2 .process_steps__container {width:100%;}
  .process_steps--style2 .process_steps__step {float: left; width: 100%; margin-bottom:30px; }
  .process_steps--style2 .process_steps__intro {display: block; width: 100%; float: none; height: auto; min-height:0; padding:30px; margin-bottom:0;}
  .process_steps--style2 .process_steps__container:before {-webkit-transform:none;-ms-transform:none;transform:none;left: -5px;padding: 0;width: calc(100% + 10px);}
  .process_steps--style2 .process_steps__container:after ,
  .process_steps--style2 .process_steps__container .process_steps__step:after {display:none;}
}


/* Animations for Process Icons */
.process_steps__step:hover .process_steps__step-icon-src[data-animation=tada] {-webkit-animation: tada ease-in-out 1 normal 800ms; animation: tada ease-in-out 1 normal 500ms; }
.process_steps__step:hover .process_steps__step-icon-src[data-animation=pulse] {-webkit-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; }
.process_steps__step:hover .process_steps__step-icon-src[data-animation=fadeOutRightBig] {-webkit-animation: fadeOutRightBig ease-out 1 normal 1s; animation: fadeOutRightBig ease-out 1 normal 1s;}
/* Pulse */
.pulse {-webkit-animation-name: pulse; animation-name: pulse;}
@-webkit-keyframes pulse {0% { -webkit-transform: scale(1); } 33% { -webkit-transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } }
@keyframes pulse {0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(0.9); transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
/* Tada */
.tada {-webkit-animation-name: tada; animation-name: tada;}
@-webkit-keyframes tada {0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} }
@keyframes tada {0% {-webkit-transform: scale(1);transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} }
/* Fadeout right big */
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutRightBig {0% { -webkit-transform: translate(2px, 1px); } 3% { -webkit-transform: translate(-1px, -2px); } 6% { -webkit-transform: translate(-3px, 0); } 8% { -webkit-transform: translate(0, 2px); } 10% { -webkit-transform: translate(1px, -1px); } 20% { -webkit-transform: translate(20px, -20px); } 100% { -webkit-transform: translate( 120px, -120px);} }
@keyframes fadeOutRightBig {0% {-webkit-transform: translate(2px, 1px);transform: translate(2px, 1px); } 3% {-webkit-transform: translate(-1px, -2px);transform: translate(-1px, -2px); } 6% {-webkit-transform: translate(-3px, 0);transform: translate(-3px, 0); } 8% {-webkit-transform: translate(0, 2px);transform: translate(0, 2px); } 10% {-webkit-transform: translate(1px, -1px);transform: translate(1px, -1px); } 20% {-webkit-transform: translate(20px, -20px);transform: translate(20px, -20px); } 100% {-webkit-transform: translate( 120px, -120px);transform: translate( 120px, -120px);} }


/* Process Steps 4 ( from 4.0+ ) */
.step-boxes-4 { display: table; table-layout: fixed; width: 100%;}
.process_box4 { display: table-cell; text-align: center; position: relative;}

.process_box4 .stp_title { text-align: center; font-weight: 600; font-size: 16px;}
.process_box4 .number { display: block; width: 80px; height: 80px; position: absolute; top: -40px; left: 50%; margin-left: -40px; }
.process_box4 .number:before {content:''; background: #3565a2; border-radius: 50%; display: block; width: 20px; height: 20px; position: absolute; top:50%; margin-top: -10px; left: 50%; margin-left: -10px; transition:all .2s ease-out; }
.process_box4:hover .number:before { width: 80px; height:80px; margin-left: -40px; margin-top:-40px;}
.process_box4 .number span { visibility: hidden; opacity: 0; line-height: 80px; position:relative; color:#fff; font-weight:700; font-size:20px; text-align:center; transition: opacity .2s ease-out .1s,
font-size .2s ease-out .1s, visibility .2s ease-out .1s; height: 80px; width: 80px; display: block;}
.process_box4:hover .number span { visibility: visible; opacity: 1;  font-size:30px; }

.pb__line {display: block; height: 1px; width: 100%; margin-left: -10px; background: #d8d8d8; margin: 50px 0;position: relative;}

.process_box4 .content { color: #a3a3a3; padding: 0 10px;}

@media (max-width: 768px) {
  .process_box4 { display: block; margin-bottom: 50px;}
}
a.step_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/* Goboxes (stepsbox2) */
.gobox { color:#535353; padding:25px; min-height:100px; position:relative; line-height: 1.6; margin-bottom: 25px; border-radius: 5px; background-color: #EDEDED;}
.gobox-content { z-index: 1; position: relative;}
.gobox-content p:last-child {margin-bottom:0;}
.gobox h4 {margin-top: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.gobox:before, .gobox:after {content:''; position:absolute; top:50%;}
.gobox:before { margin-top: 0;  top: 0; left: -5px; background-color: #EDEDED; width: 40%; height: 100%; border-radius: 5px; -webkit-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-12deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left;}
.gobox:after {margin-top: 0; top: 0; right: -5px; background-color: #EDEDED; width: 40%; height: 100%; border-radius: 5px; -webkit-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-12deg); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; }
.gobox.gobox-first:before,
.gobox.gobox-last:after  {display:none}
.gobox.ok:before,
.gobox.ok:after,
.gobox.ok { background-color:#3565a2; font-size:13px; color: #fff; }
.gobox.ok h4 { color: #fff;}
.gobox.ok > .glyphicon {font-size: 42px;color: rgba(255, 255, 255, 0.6);top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;left: 0px;}
.gobox.ok > .glyphicon + .gobox-content { overflow: hidden ; margin-left: 30px;}

/* info text box */
.info-text {background:#767676; border-radius:2px; color:#fff; font-size:28px; line-height:1.4; font-weight: 300;padding: 25px 30px; position:relative; box-shadow: 3px 3px 0 white;    overflow: hidden;}
.info-text p:only-child {margin-bottom:0}
.info-text:after {content: 'i'; width: 90px; height: 90px; position:absolute; right: -15px; bottom: -15px; font-family: Georgia;font-style: italic;border: 4px solid rgba(255, 255, 255, 0.5);color: rgba(255, 255, 255, 0.5);text-align: center;line-height: 82px;border-radius: 50%;font-weight: bold;font-size: 44px;}

.infobox1 {text-align:center; background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 50px 30px 30px 30px; border-radius:3px; margin-bottom: 30px;}
.infobox1 .m_title { margin: 0 0 10px; font-weight: 300; font-size: 24px; line-height: 1.6;}
.infobox1 .m_title strong { font-weight:600; }
.infobox1:hover {background:#e9e9e9;}

.infobox2 {background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 40px 40px 30px; border-radius:2px; margin-bottom: 30px;}
.infobox2 .m_title { margin: 0 0 10px; font-weight: 300; font-size: 24px; line-height: 1.6;}
.infobox2 .m_title strong { font-weight:600; }

.infobox2 .ib-button {float:right; margin-top: 5px; text-align: right;}
.infobox2 .ib-button .btn { font-size: 14px; }
.infobox2:hover {background:#e9e9e9;}


.infobox3 {text-align:center; padding: 80px 30px; margin-bottom: 30px;}
.infobox3 .m_title { margin: 0 0 10px; font-weight: 300; font-size: 24px; line-height: 1.6; text-shadow:none;}
.infobox3 .m_title strong { font-weight:600; }
.infobox3 .ib-button.ib-button-1,
.infobox3 .ib-button.ib-button-2 {margin-top: 30px; display:inline-block; text-transform: uppercase; }
.infobox3 .ib-button.ib-button-1 { margin-right: 20px; }
.infobox3--dark,
.infobox3--dark .m_title {color:#343434;}
.infobox3--light,
.infobox3--light .m_title  {color:#FFF;}

/* info box style 2 */
.ib2-custom .ib2-inner {  padding: 40px;  position: relative;  z-index: 1;  }
.ib2-text-color-light-theme .ib2-inner { border-left: 4px solid #3565a2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.ib2-info-message { font-size: 13px; font-weight: bold; margin: 0 0 20px 42px; padding: 0 20px 5px 0; display: inline-block; position: relative;  }
.ib2-info-message:before { content: 'i'; position:absolute; left: -42px; top: -5px; width: 32px; height: 32px; line-height: 30px; text-align: center;  border-width: 2px; border-style: solid; color: #3565a2; border-radius: 50%; font-size: 17px; font-weight: 900; }
.ib2-text-color-light-theme .ib2-info-message{ border-bottom: 1px solid #E4E4E4; }
.ib2-text-color-dark-theme .ib2-info-message { color: #fff; }
.ib2-style2.ib2-text-color-dark-theme .ib2-info-message { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ib2-style3.ib2-text-color-dark-theme .ib2-info-message { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.ib2-style2.ib2-text-color-dark-theme .ib2-info-message:before { border-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); }
.ib2-style3.ib2-text-color-dark-theme .ib2-info-message:before { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.2); }
.ib2-content--title { font-size: 22px; font-weight: 100; line-height: 1.4; margin: 0 0 10px; }
.ib2-content--text { line-height: 1.8; }
.ib2-content--text p:last-child { margin-bottom: 0; }
.ib2-text-color-light-theme .ib2-content--title { color: #828282; }
.ib2-text-color-light-theme .ib2-content--text { color: #535353; }
.ib2-style2.ib2-text-color-dark-theme .ib2-content--title { color: #fff; }
.ib2-style2.ib2-text-color-dark-theme .ib2-content--text { color: rgba(255, 255, 255, 0.6); }
.ib2-style3.ib2-text-color-dark-theme .ib2-content--title { color: #fff; }
.ib2-style3.ib2-text-color-dark-theme .ib2-content--text { color: rgba(255, 255, 255, 0.6); }
.ib2-style3 { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.ib2-style3:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; }
.ib2-style3.ib2-text-color-dark-theme:after { background-color: rgba(37, 41, 43, 0.7); }
.ib2-style3.ib2-text-color-light-theme:after { background-color: rgba(255, 255, 255, 0.85); }


/* Statistics element */
/* General */
.statistic-box__title { font-size: 40px; color: #fff; font-weight: 300; line-height: 1; margin: 0 0 10px;}
.statistic-box__content { color: #fff; font-size: 13px; }
.statistic-box__details { margin:0; position: relative; width: 100%;}
.statistic-box__icon-holder {width: 100%; margin: 0; vertical-align: middle;}
.statistic-box__icon { color: #fff; opacity:.8; line-height: 60px;  margin:0; -webkit-transition:opacity .2s ease-out; transition:opacity .2s ease-out;}
span.statistic-box__icon {font-size: 80px; }
.statistic-box__icon-holder--img { line-height: 60px;}
.statistic-box__iconimg {max-height: 80px; width:auto;}
.statistic-box:hover .statistic-box__icon {opacity:1;}
.statistic-box__line { position: relative; width: 100%; height: 1px; border-bottom: dotted 1px #3565a2; margin: 0;}
.statistic-box__line::before { content: ''; position: absolute; height: 3px; background-color: #fff; width: 3px; display: block; left: 50%; border-radius: 3px; top: -1px; box-shadow: 0px 5px 0 -1px #fff, 0px 10px 0 -1px #fff, 0px 15px 0 -1px #fff, 0px 20px 0 -1px #fff;}
/* Style 1 - horiontal odd/even */
.statistic-box--stl-style1.statistic-box__container { width: 100%; display:table; table-layout:fixed; margin-top: 120px; margin-bottom: 120px;}
.statistic-box--stl-style1 .statistic-box {position:relative; display:table-cell; text-align: center;}
.statistic-box--stl-style1 .statistic-box__icon-holder { position:absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-top:0; padding-bottom:35px;}
.statistic-box--stl-style1 .statistic-box__details {position:absolute; top: 0;min-height: 90px; padding-top: 35px; padding-bottom: 0;}
.statistic-box--odd .statistic-box__icon-holder { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding-top:35px; padding-bottom:0;}
.statistic-box--odd .statistic-box__details { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom:35px; padding-top:0;}
.statistic-box--odd .statistic-box__line::before {bottom:-2px; box-shadow: 0px -5px 0 -1px #fff, 0px -10px 0 -1px #fff, 0px -15px 0 -1px #fff, 0px -20px 0 -1px #fff;}
/* Style 1 - horiontal normal */
.statistic-box--stl-style2.statistic-box__container { width: 100%; display:table; table-layout:fixed; margin-top: 120px; margin-bottom: 120px;}
.statistic-box--stl-style2 .statistic-box {position:relative; display:table-cell; text-align: center;}
.statistic-box--stl-style2 .statistic-box__icon-holder { position:absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-top:0; padding-bottom:35px;}
.statistic-box--stl-style2 .statistic-box__details {position:absolute; top: 0;min-height: 90px; padding-top: 35px; padding-bottom: 0;}
/* Dark */
.statistic-box--dark .statistic-box__title { color: #121212; }
.statistic-box--dark .statistic-box__content { color: #121212; }
.statistic-box--dark .statistic-box__icon { color: #121212; }
.statistic-box--dark .statistic-box__line { border-bottom-color: #d6d6d6;}
.statistic-box--dark .statistic-box__line::before { background-color: #121212; box-shadow: 0px 5px 0 -1px #121212, 0px 10px 0 -1px #121212, 0px 15px 0 -1px #121212, 0px 20px 0 -1px #121212;}
.statistic-box--dark .statistic-box--odd .statistic-box__line::before {box-shadow: 0px -5px 0 -1px #121212, 0px -10px 0 -1px #121212, 0px -15px 0 -1px #121212, 0px -20px 0 -1px #121212;}


/* MQ's */
@media screen and (min-width: 992px) and (max-width: 1199px){
  .statistic-box__title { font-size: 32px; }
}
@media screen and (max-width: 991px){
  /* Style 1 - horiontal odd/even */
  .statistic-box--stl-style1.statistic-box__container { width: 100%; display:block; margin:0;}
  .statistic-box--stl-style1 .statistic-box {position:relative; display:block; float:left; width:50%; margin-bottom: 30px; text-align: center;}
  .statistic-box--stl-style1 .statistic-box__icon-holder { position:static; transform: none; padding-top:0; padding-bottom:0;}
  .statistic-box--stl-style1 .statistic-box__details {position:static; min-height: 90px; padding-top: 0; padding-bottom: 0;}
  .statistic-box--stl-style1 .statistic-box--odd .statistic-box__icon-holder { transform: none; padding-top:0; padding-bottom:0;}
  .statistic-box--stl-style1 .statistic-box--odd .statistic-box__details { transform: none; padding-bottom:0; padding-top:0;}
  .statistic-box--stl-style1 .statistic-box__line { display: none;}
  /* Style 2 - horiontal odd/even */
  .statistic-box--stl-style2.statistic-box__container { width: 100%; display:block; margin:0;}
  .statistic-box--stl-style2 .statistic-box {position:relative; display:block; float:left; width:50%; margin-bottom: 30px; text-align: center;}
  .statistic-box--stl-style2 .statistic-box__icon-holder { position:static; transform: none; padding-top:0; padding-bottom:0;}
  .statistic-box--stl-style2 .statistic-box__details {position:static; min-height: 90px; padding-top: 0; padding-bottom: 0;}
  .statistic-box--stl-style2 .statistic-box--odd .statistic-box__icon-holder { transform: none; padding-top:0; padding-bottom:0;}
  .statistic-box--stl-style2 .statistic-box--odd .statistic-box__details { transform: none; padding-bottom:0; padding-top:0;}
  .statistic-box--stl-style2 .statistic-box__line { display: none;}
}
@media screen and (max-width: 767px){
  .statistic-box--stl-style1 .statistic-box,
  .statistic-box--stl-style2 .statistic-box { float:none; display: block; width:100%; }
}

/*** STAGE Image Box */
.stage-ibx {}
.stage-ibx__stage {position:relative; }
.stage-ibx__stage-img {}
.stage-ibx__point {display: none;}
/* MQ's */
@media screen and (min-width: 1200px) {
  .stage-ibx__point {display:block; position:absolute; opacity:0; width:0; height:0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out;}
  .stage-ibx__point:after {content:'';position: absolute; left: 0; top: 0; width:10px; height:10px; margin-left:-5px; margin-top:-5px; display: block; background: rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 3px #FFFFFF; border-radius: 50%; -webkit-transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out; transition: box-shadow .2s ease-out, transform .2s ease-out; background: rgba(205,33,34,0.6); box-shadow: 0 0 0 3px #3565a2;}
  .stage-ibx__point:hover:after,
  .stage-ibx__point.kl-ib-point-active:after { box-shadow: 0 0 0 5px #3565a2, 0 4px 10px #000; -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4); }
  .stage-ibx__point[data-title]:before {content:attr(data-title); position:absolute; bottom:100%; left:50%; min-width: 100px; transform:translateX(-50%); background:rgba(0,0,0,0.9); color:#fff; font-size: 12px; line-height: 1.4; padding: 6px 3px; text-align: center; border-radius: 3px;margin-bottom: 30px;visibility: hidden;opacity: 0;transition: opacity .2s ease-out .1s,visibility .2s ease-out .1s,margin-bottom .2s ease-out .1s;}
  .stage-ibx__point[data-title]:hover:before,
  .stage-ibx__point[data-title].kl-ib-point-active:before {opacity:1; visibility:visible; margin-bottom:20px}
}

/* tabs style 1 */
.tabs_style1 {background:#fff; border:1px solid #ececec;}
.tabs_style1 > ul.nav {margin-bottom:0; background: rgb(255,255,255); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); border-bottom: 1px solid #ececec;}
.tabs_style1 > ul.nav > li {float:left; margin-bottom: -3px;}
.tabs_style1 > ul.nav > li > a {padding: 14px 20px 15px; line-height: 1.4;  border-right:1px solid #ececec; color:#343434;margin-bottom: 2px;}
.tabs_style1 > ul.nav > li.active > a { background-color: #fff; box-shadow: inset 0 3px 0 #3565a2;}
.tabs_style1 > ul.nav > li > a:hover {background-color:#fff;}
.tabs_style1 > ul.nav > li.active > a {border-top: none; border-left:0; font-weight:700; padding: 17px 20px 15px; margin-top: -2px;}
.tabs_style1 .tab-content {display: table; width: 100%;padding: 0 15px 15px; width:auto;}
.tabs_style1 .tab-content>.active{ padding-top: 10px;}

/* tabs style 2 */
.tabs_style2 {margin:10px 0;}
.tabs_style2 > ul.nav {margin-bottom:10px;}
.tabs_style2 > ul.nav > li {float:left; border-left:1px dotted #ccc; line-height:18px; }
.tabs_style2 > ul.nav > li:first-child {border-left:0;}
.tabs_style2 > ul.nav > li:first-child a {border-left:0; padding-left:0; }
.tabs_style2 > ul.nav > li > a {padding: 4px 20px; line-height: 18px; color:#555; font-weight:bold;}
.tabs_style2 > ul.nav > li.active > a,
.tabs_style2 > ul.nav > li > a:hover {background:none; color:#222;}
.tabs_style2 .tab-content {display: table; width: 100%; padding:0;}

/* tabs style 3 */
.tabs_style3 {background:#fff; border:1px solid #ececec;border-radius: 5px;position: static;overflow: hidden;}
.tabs_style3 > ul.nav {margin-bottom:0; background: rgb(255,255,255); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );}
.tabs_style3 > ul.nav > li {float:left; margin-bottom:-1px;}
.tabs_style3 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left:1px solid #fff; border-right:1px solid #ececec; color:#343434;}
.tabs_style3 > ul.nav > li.active > a,
.tabs_style3 > ul.nav > li > a:hover {background-color:#fff;}
.tabs_style3 > ul.nav > li.active > a {border-left:0; font-weight:700; }
.tabs_style3 .tab-content {display: table; width: 100%;padding: 10px 15px 15px;}

/* tabs style 4 */
.tabs_style4 > ul.nav {margin-bottom:0;}
.tabs_style4 > ul.nav > li {float:left; margin-bottom:-1px;}
.tabs_style4 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; color:#343434;}
.tabs_style4 > ul.nav > li.active > a,
.tabs_style4 > ul.nav > li > a:hover {color:#222;}
.tabs_style4 > ul.nav > li.active > a { background:#fff; border:1px solid #ececec; border-bottom:0; border-top-left-radius:5px; border-top-right-radius:5px; }

.tabs_style4 .tab-content {display: table; width: 100%;padding: 10px 15px 15px; border:1px solid #ececec; background:#fff; }

/* tabs style 5 */
.tabs_style5 > ul.nav {border-bottom: 2px solid #dfdfdf;}
.tabs_style5 > ul.nav > li { float: left; margin-bottom: -2px;}
.tabs_style5 > ul.nav li > a { color: #909090;}
.tabs_style5 > ul.nav li > a:hover { color: #535353;}
.tabs_style5 > ul.nav > li.active > a { color: #535353; border-bottom: 2px solid #3565a2; background: none;}

.tabs_style5 > ul.nav > li:first-child > a { padding: 8px 20px 8px 0;}
.tabs_style5 > ul.nav > li > a { padding: 8px 20px; line-height: 18px; }
.tabs_style5 > ul.nav > li > a:hover { background: none; }

.tabs_style5 .tab-content h5 { color: #4d4d4d; }
.tabs_style5 .tab-content {display: table; width: 100%; padding: 10px 0 15px;}

/* Pricing Tables element (new style) */

.pricing-table-element {*zoom: 1; background:#fff; border:1px solid #e6e7e8; border-radius: 4px; font-size: 13px; color:#999999; }
.pricing-table-element::before, .pricing-table-element::after {display: table; line-height: 0; content: ""; }
.pricing-table-element::after { clear: both; }
.pricing-table-element ul {list-style: none; margin:0; padding:0; display: table; width: 100%;}
.pricing-table-element .features-column { background:#eee; border-radius: 4px 0 0 4px; text-align: right; width:28%; }
.pricing-table-element .features-column ul li {border-bottom: 1px solid #e6e7e8; padding:15px 40px 15px 0; height:44px; line-height: 1;}
.pricing-table-element .plan-column,
.pricing-table-element .features-column {float:left; }
.pricing-table-element[data-columns="2"] .plan-column {width:50%;}
.pricing-table-element[data-columns="3"] .plan-column {width:33.3333%;}
.pricing-table-element[data-columns="4"] .plan-column {width:25%;}
.pricing-table-element[data-columns="5"] .plan-column {width:20%;}
.pricing-table-element[data-columns="1"] .features-column ~ .plan-column { width:72%; } /* with features-col */
.pricing-table-element[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(72% / 2); width: calc(72% / 2); } /* with features-col */
.pricing-table-element[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(72% / 3); width: calc(72% / 3); }/* with features-col */
.pricing-table-element[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(72% / 4); width: calc(72% / 4); } /* with features-col */
.pricing-table-element[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(72% / 5); width: calc(72% / 5); } /* with features-col */
.pricing-table-element .plan-column {border-left: 1px solid #e6e7e8; }
.pricing-table-element .plan-column:first-child {border-left: 0; }
.pricing-table-element .plan-column ul {display: table;}
.pricing-table-element .plan-column ul li {display:table-row;}
.pricing-table-element .plan-column .inner-cell {border-bottom: 1px solid #e6e7e8; padding: 0; text-align: center; height: 50px; line-height: 1; display: table-cell; vertical-align: middle;}
.pricing-table-element .plan-column ul li:last-child .inner-cell {height:100px;}
.pricing-table-element .plan-column ul li:nth-child(odd):not(:first-child) {background:#fafbfb;}
.pricing-table-element .plan-column .plan-title {color:#3565a2; font-size: 25px; height: auto; padding: 0; }
.pricing-table-element  .plan-title .inner-cell {height: 75px}
.pricing-table-element .plan-column .subscription-price { font-size:13px; color:#999999; height:auto; padding: 0; }
.pricing-table-element .subscription-price .inner-cell {height:120px;}
.pricing-table-element .plan-column .subscription-price .currency { font-size:18px; color:#434343; font-weight: 700; vertical-align: bottom; display:inline-block; line-height:1.5; margin-right:-2px }
.pricing-table-element .plan-column .subscription-price .price { font-size:45px; color:#434343; font-weight: 700; line-height: 1; }
.pricing-table-element .plan-column .subscription-price .price::after {content:"\a"; white-space: pre;}
.pricing-table-element .plan-column.featured { border-radius: 4px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.06); position: relative; margin-top: -20px;background: #fff; margin:-20px 0; }
@media only screen and (min-width: 992px){
  .pricing-table-element .plan-column.featured { margin:-20px; }
  .pricing-table-element[data-columns="1"] .plan-column.featured { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); }
  .pricing-table-element[data-columns="2"] .plan-column.featured { width: -webkit-calc(50% + 40px); width: calc(50% + 40px); }
  .pricing-table-element[data-columns="3"] .plan-column.featured { width: -webkit-calc(33.3333% + 40px); width: calc(33.3333% + 40px); }
  .pricing-table-element[data-columns="4"] .plan-column.featured { width: -webkit-calc(25% + 40px); width: calc(25% + 40px); }
  .pricing-table-element[data-columns="5"] .plan-column.featured {width: -webkit-calc(20% + 40px); width: calc(20% + 40px); }
}
.pricing-table-element .plan-column.featured + .plan-column { border-left-color:transparent;}
.pricing-table-element .plan-column.featured .plan-title {padding: 0; color:#45474d;}
.pricing-table-element .plan-column.featured .plan-title .inner-cell {height:95px}
.pricing-table-element .plan-column.featured .plan-title .inner-cell::after {content:'MOST POPULAR'; opacity:.4; font-size: 12px; font-weight: 600; line-height: 20px; display:block;}
.pricing-table-element .plan-column.featured .subscription-price .inner-cell {background:#3565a2; color:#fff;}
.pricing-table-element .plan-column.featured .subscription-price span {color:#fff;}
.pricing-table-element .plan-column.featured ul li:last-child .inner-cell {height:120px;}

@media only screen and (max-width: 991px) {
  .pricing-table-element .features-column.hidesm {display: none}
  .pricing-table-element[data-columns="1"] .features-column ~ .plan-column { width:100%; } /* with features-col */
  .pricing-table-element[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(100% / 2); width: calc(100% / 2); } /* with features-col */
  .pricing-table-element[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(100% / 3); width: calc(100% / 3); }/* with features-col */
  .pricing-table-element[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(100% / 4); width: calc(100% / 4); } /* with features-col */
  .pricing-table-element[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(100% / 5); width: calc(100% / 5); } /* with features-col */
  .pricing-table-element .plan-column.featured { margin: -20px 0; }
}

@media only screen and (max-width: 767px) {
  .pricing-table-element .plan-column { width:100% !important; }
  .pricing-table-element .plan-column:not(.featured) {border:solid #cdcdcd; border-width: 3px 0;}
  .pricing-table-element .plan-column.featured {margin-bottom: 0}
}
/* Blue Color */
.pricing-table-element.blue .btn-fullcolor, .pricing-table-element.blue .plan-column.featured .subscription-price .inner-cell { background-color: #1e73be;}
.pricing-table-element.blue .btn-fullcolor:hover { background-color: #185c98;}
.pricing-table-element.blue .plan-column .plan-title {color: #1e73be;}
.pricing-table-element.blue .plan-column.featured .plan-title .inner-cell {color: #45474d;}
.pricing-table-element.blue {color: #999999 !important;}
/* Green Color */
.pricing-table-element.green .btn-fullcolor, .pricing-table-element.green .plan-column.featured .subscription-price .inner-cell { background-color: #4ca518;}
.pricing-table-element.green .btn-fullcolor:hover { background-color: #3d8413;}
.pricing-table-element.green .plan-column .plan-title {color: #4ca518;}
.pricing-table-element.green .plan-column.featured .plan-title .inner-cell {color: #45474d;}
.pricing-table-element.green {color: #999999 !important;}

/* vertical tabs */
.vertical_tabs {overflow: hidden;}
.vertical_tabs .tabbable .nav>li>a,
.vertical_tabs .tabbable .nav>li>a>span {-webkit-transition: color .2s ease-out; transition: color .2s ease-out;}
.vertical_tabs .tabbable .nav>li>a>span span { margin: 0;}
.vertical_tabs .tabbable .nav>li>a:focus,
.vertical_tabs .tabbable .nav>li>a:hover { background-color: transparent; }

.vertical_tabs .tabbable .nav>li.active>a>span,
.vertical_tabs .tabbable .nav>li>a:hover,
.vertical_tabs .tabbable .nav>li>a:hover>span { /*color: #3565a2 !important;*/ }
.vertical_tabs .tabbable .nav>li:first-child {border-top:0;}
.vertical_tabs .tabbable .tab-content>.tab-pane>h4 { margin: 0 0 25px; }

/* Style1 specific */
.vertical_tabs.kl-style-1 .tabbable .nav>li.active>a { box-shadow: inset -3px 0 0 0 #3565a2 }
.vertical_tabs.kl-style-1 .tabbable .nav>li>a {line-height: 22px; padding: 10px 20px 10px 0; margin-right: -1px; font-weight: 400; color: #8f8f8f; font-size: 16px; }
.vertical_tabs.kl-style-1 .tabbable .nav>li>a>span {padding: 6px 0 7px; color: #C7C7C7; margin-right: 8px; line-height: 1; display: inline-block; margin-top: -1px; 
border-radius: 50%; font-size: 18px; vertical-align: middle; margin-right: 10px; }
.vertical_tabs.kl-style-1 .tabbable .nav>li>a.active>span,
.vertical_tabs.kl-style-1 .tabbable .nav>li>a:hover>span {color:#767676;}

/* Style 2 */
.vertical_tabs.kl-style-2 .tabbable {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.vertical_tabs.kl-style-2 .tabbable .nav { margin-right: -1px; overflow: hidden; border-bottom: 0; border-left: 0;}
.vertical_tabs.kl-style-2 .tabbable .nav > li > a {line-height:22px; color: #858585; font-weight: normal; background-color: #fff; padding: 20px 45px 20px 25px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-transform: none; margin-right: 0; position: relative; border-left: 1px solid #ddd;background-image: -moz-linear-gradient(left,  rgba(255,255,255) 0%, rgba(239, 239, 239, 0.5) 100%);  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255)), color-stop(100%,rgba(239, 239, 239, 0.5)));  background-image: -webkit-linear-gradient(left,  rgba(255,255,255) 0%,rgba(239, 239, 239, 0.5) 100%);  background-image: -o-linear-gradient(left,  rgba(255,255,255) 0%,rgba(239, 239, 239, 0.5) 100%);  background-image: -ms-linear-gradient(left,  rgba(255,255,255) 0%,rgba(239, 239, 239, 0.5) 100%);  background-image: linear-gradient(to right,  rgb(255,255,255) 70%,rgba(239, 239, 239, 0.5) 100%);  }
.vertical_tabs.kl-style-2 .tabbable .nav > li:first-child > a { border-radius: 3px 0 0 0; border-top: 1px solid #ddd;}
.vertical_tabs.kl-style-2 .tabbable .nav > li:last-child > a { border-radius: 0 0  0 3px;}
.vertical_tabs.kl-style-2 .tabbable .nav > li.active > a { color: #131313; font-weight: 600; box-shadow: none; }
.vertical_tabs.kl-style-2 .tabbable .nav > li > a > span {color: #999; line-height: 1;display: inline-block; border-radius: 50%; position: absolute; right: 15px; top: 50%; margin-top: -6px; font-weight: normal; margin-right: 0; padding: 0; font-size: 20px; }
.vertical_tabs.kl-style-2 .tabbable .tab-content { background-color: #fff; border: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 40px 25px; }

@media (min-width: 768px) {
  .vertical_tabs.kl-style-2 .tabbable .nav {border-right: 0;}
  .vertical_tabs.kl-style-2 .tabbable .nav > li.active > a {border-right: 0;background-image: none;background-color: #fff;}
  .vertical_tabs .tabbable .nav {float:left; width:20%;}
  .vertical_tabs.kl-style-2 .tabbable .nav {width:30%;}
  .vertical_tabs .tabbable .tab-content {float:left; width:80%; min-height: 240px; padding-left: 30px; border-left:1px solid #c2c2c2; }
  .vertical_tabs.kl-style-2 .tabbable .tab-content {width:70%;}
}
@media (max-width: 768px) {
  .vertical_tabs .tabbable>.nav { margin-bottom: 25px; }
}

/* keywords box */
.keywordbox {border-top:4px solid #ddd; position:relative; padding-top: 30px; font-size:23px; font-style:italic; text-align:center; color: #8D8D8D; line-height: 32px;}
.keywordbox:after {content:''; position:absolute; top:0; left:50%; margin-left:-3px; border:6px solid transparent; border-top-color:#ddd;}
/* style2 */
.keywordbox.keywordbox-2,
.keywordbox.keywordbox-3,
.keywordbox.keywordbox-4 { font-size: 20px;}

.keywordbox.keywordbox-2,
.keywordbox.keywordbox-3 { background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 60px 0; color: #fff; border-top: none; border-bottom: solid 5px #3565a2;
position: relative; z-index: 2;}
.keywordbox.keywordbox-3 { border-bottom: solid 10px #3565a2; text-transform: uppercase; font-style: normal;}

.keywordbox.keywordbox-2::after,
.keywordbox.keywordbox-3::after { content: none;}

.keywordbox.keywordbox-2::after,
.keywordbox.keywordbox-3::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100%; border: 0;
background: -moz-linear-gradient(top, rgba(22,22,22,0.3) 0%, rgba(1,1,1,0.8) 94%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,0.3)), color-stop(94%,rgba(1,1,1,0.8)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d161616', endColorstr='#cc000000',GradientType=0 );
z-index: -1;}
.keywordbox.keywordbox-4 { padding: 60px 0; color: #fff; text-transform: uppercase; font-style: normal; border-top: none;}
.keywordbox.keywordbox-4::after { margin-left: -22px; border: 22px solid transparent; border-top-color: #FFF;}

/* Search form */
.search-form-wrapper { margin: 0 0 30px; }
.gensearch__form { position: relative; }
.gensearch__input { height: 42px; width: 100%; padding: 0 20px; outline: none; border: 1px solid #ddd; }
.gensearch__submit { position: absolute; right: 0; border: 0; color: #BBB; background-color: transparent; outline: none; height: 100%; padding: 0 20px; font-size: 12px; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.gensearch__submit:hover { color: #131313; }
.gensearch__submit:after { content: ''; width: 1px; height: 24px; background-color: #ddd; display: block; left: 0; position: absolute; top: 50%; margin-top: -12px; }

/* Screenshot-box */
.screenshot-box {background:#fff; position:relative; border-radius:3px;}
.screenshot-box .left-side h3.title {color:#3565a2;line-height: 1.4; font-size: 16px;}
.screenshot-box .left-side ul.features {margin:20px 0; padding:0; list-style:none; }
.screenshot-box .left-side ul.features li {padding-left:35px; background:url(../images/ok2.png) no-repeat left center; margin-top:20px;}
.screenshot-box .left-side ul.features li:first-child {margin-top:0;}
.screenshot-box .left-side ul.features li h4 {font-size:14px; line-height:1.3; margin:5px 0 0;}
.screenshot-box .left-side ul.features li h4 + span {font-size: 11px; }
.screenshot-carousel {margin:0; padding:0; list-style:none;}
.screenshot-carousel li {float:left}

/* Style 2 */
.screenshot-box.kl-style-2 .left-side { padding: 10px 0 25px 30px; }
.screenshot-box.kl-style-2 .left-side ul.features {margin: 25px 0;}
.screenshot-box.kl-style-2 { border: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.screenshot-box.kl-style-2 .left-side ul.features li {padding-left: 50px; background:url(../images/ok3.png) no-repeat left center;}
.screenshot-box.kl-style-2 .left-side ul.features li h4 {color: #565656; margin: 0 0 5px; text-transform: uppercase;}
.screenshot-box.kl-style-2 .left-side > .btn { margin-left: 50px; }
.screenshot-box.kl-style-2 .thescreenshot { position: relative; background-color: #dcdee7; padding: 36px 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: -10px; }
.screenshot-box.kl-style-2 .thescreenshot:before { content: ""; position: absolute; top: 15px; margin-top: 0; left: 30px; display: block; background: #ababab; border-radius: 50%; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab, 12px 0 0 #ababab; }
.screenshot-box.kl-style-2 .thescreenshot img { width: 100%; }
.screenshot-box.kl-style-2 .controls { display: none }
.screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] { position: absolute; bottom: 20px; text-align: center; left: 0; right: 0; z-index: 10; }
.screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] a { width: 35px; height: 3px; background-color: rgba(0,0,0,0.5); display: inline-block; margin: 0 3px; -webkit-transition: color .2s ease; transition: color .2s ease; }
.screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] a.selected { background-color: #fff; }
.screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] a span { display: none }
@media (min-width: 1200px) { .screenshot-box.kl-style-2 .left-side h3.title {font-size: 24px; font-weight: 100;} }
@media (max-width: 767px) {
    .screenshot-box.kl-style-2 .left-side { padding: 0 30px 25px 30px }
    .screenshot-box.kl-style-2 .left-side h3.title { text-align: center }
    .screenshot-box.kl-style-2 .left-side > .btn { margin-left: 0; display: block }
    .screenshot-box.kl-style-2 .thescreenshot { margin-top: 0 }
}


/*offline/comming soon page */
.offline-page #background {position:absolute; left:0; top:0; right:0; bottom:0; background: #ffffff; background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); background: -webkit-radial-gradient(center, ellipse, #ffffff 0%, #e5e5e5 100%); background: radial-gradient(ellipse at center,  #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );}
.offline-page .containerbox { width: 700px; margin: 100px auto 0; background: rgba(0,0,0,0.7); position: relative; z-index:1; padding: 25px; box-shadow: 0 10px 20px #CCC; 
border-bottom:5px solid #3565a2; color:#eee; margin-bottom: 100px;}
.offline-page .containerbox__logo { text-align: center; width: 175px; position: absolute; top: 0; left: 25px; height: 100%;}
.offline-page .site-logo { position: relative; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.offline-page .site-logo .logo-img {max-width: 175px !important;}
.offline-page .logo-img-sticky { display: none;}
.offline-page .content {margin-left:200px; border-left:1px solid #777; padding-left:20px; }
.offline-page .containerbox:after {content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 20px solid #3565a2; border-right: 20px solid transparent; z-index:2;}
.offline-page .ud_counter{margin: 40px 0;}
.offline-page .ud_counter ul{display:inline-block;margin:0;padding:0;list-style:none}
.offline-page .ud_counter ul li{display:inline-block; margin:0 0 0 12px; font-size:22px; font-weight:700; padding:15px 10px; width:60px; text-align:center; background:rgba(0,0,0,0.2); border-radius:2px;}
.offline-page .ud_counter ul li:first-child {margin-left:0;}
.offline-page .ud_counter ul li span{display:block;font-size:22px; line-height: 1; margin-bottom: 15px;}
.offline-page .ud_counter ul li.till_lauch {height: 80px; width:80px; padding:0; vertical-align:top;}
.offline-page .mail_when_ready {float:left; margin: 0;}
.offline-page .mail_when_ready input[type=submit] {vertical-align:top;}
.offline-page ul.social-icons { padding-left: 0; margin-left: 0; float:left; }
.offline-page ul.social-icons li:first-child {margin-left: 0;}
.sccsoon-icon-nocolor {background-color:#121212;}
.till_lauch {background: rgba(0, 0, 0, 0.2); border-radius: 2px; display: inline-block; text-align: center; vertical-align: top; width: 80px; height: 80px; margin: 0 20px 18px 22px; }
.offline-page .ud_counter ul li p { margin-bottom: 0;}
.offline-page .till_lauch { height: 80px;}
.mail_when_ready .newsletter-signup input[type=text] {width: calc(60% - 130px);}
/* MQ */
@media screen and (max-width: 767px){
  .offline-page .containerbox {width: 100%; margin-top: 40px;}
  .offline-page .containerbox__logo {position: static; width:100%; height: auto; padding-bottom: 20px;}
  .offline-page .containerbox .site-logo {width: 100%; top: auto; -webkit-transform: none; -ms-transform: none; transform: none;float: none;}
  .offline-page .containerbox .content {  border-top: 1px solid #777;  padding: 40px 0 0;  clear: both; margin: 0; border-left: 0;}
  .offline-page .mail_when_ready {float:none;}
  .offline-page .ud_counter ul {width:100%;}
  .offline-page .ud_counter ul li {width: calc(25% - 9px);margin-bottom: 10px;font-size: 20px; margin: 0 0 0 8px;}
  .offline-page .ud_counter .till_lauch {margin: 10px 0; width: 100%; height: 70px; vertical-align: middle; }
  .offline-page .till_lauch img {max-height:100%;}
}


/* Footer Styles*/
#footer {background:#2f2f2f; padding:60px 0 20px; color:#d5d5d5; position:relative;}
#footer a {color:#fff;}
#footer a:hover {color:#d5d5d5;}
#footer .m_title {font-size:14px; color:#fff; text-shadow:none}
#footer .menu {margin:0; padding:0; list-style:none;}
#footer .menu a {padding-right:10px;}
#footer .sbs .menu li {float:left; width:50%;}
.scfooter-icon-nocolor {background-color:#121212;}

.newsletter-signup form { margin-bottom:0;}
.newsletter-signup input { vertical-align: top; margin-bottom: 10px; width: calc(90% - 130px); display: inline-block; height: 40px;}
.newsletter-signup input[type=text] {color:#4d4d4d; background: #EFEFEF; border: 1px solid #a3a3a3; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1) inset; width: 190px; display: inline-block; height: 40px; width: calc(90% - 130px);}
.newsletter-signup input[type=submit] {color:#fff; background:#3565a2; border:0; font-weight:700; font-size:13px; height:40px; padding:0 15px; margin-left:10px; border-radius:3px;
width: 120px; }
.newsletter-signup input[type=submit]:hover {background:#000;}
.newsletter-signup #result {display:inline-block; margin-bottom:10px;}
.newsletter-signup #result:empty {display:inline;}
/* NEWSLETTER SIDEBAR */
#sidebar .newsletter-signup input[type="text"],
.zn_sidebar .newsletter-signup input[type="text"],
[id*='sidebar-widget-'] .newsletter-signup input[type="text"] {width: 139px;}
.newsletter-signup.cd-news .nl-email { width: calc(70% - 130px);}

.map-link > span {margin-top:2px;}

#footer .bottom {padding-top:30px; border-top:5px solid #484848; color:#8b8c8d;}
#footer .social-icons {float:right;}
#footer .copyright img {float:left; margin-right:20px;}

#footer .social-icons li.title {line-height:30px;}
#footer .social-icons li {margin:0 0 0 10px; }
#footer .social-icons li:first-child {margin-left:0;}

#footer .contact-details { min-height: 64px; }

.cf_response { display: none; padding-left: 15px; padding-right: 15px;}

/* contact form errors */
.ui-state-error{border:1px solid #EB3034 !important; position:relative;}
.ui-state-valid{border:1px solid #0EAB55 !important; position:relative;}
.ui-state-error + span::after,
.ui-state-valid + span::after {font-family: 'icomoon'; font-size: 15px; position: absolute; right: 12px; top: 10px; display: block; z-index: 1;}
.ui-state-error + span::after { content: "\e01b"; color: #EB3034;}
.ui-state-valid + span::after { content: "\e013"; color: #0EAB55;}

#notification_container .alert { display: inline-block; position: relative; padding: 10px 20px; }
#notification_container .close::before { content: "\00d7"; color: #000; outline: none;}
#notification_container .close { position: absolute; top: 2px; right: 2px; font-size: 15px; opacity: 1;}

/* css transitions - reducing transitions lines */
.topnav li.drop .pPanel,
#totop,
.playVideo span,
.theHoverBorder,
.hoverBorder h6,
.partners_carousel li a,
.hoverBorder:hover img,
.feature_box.style3 .box,
.services_box .icon,
.gobox, .hover-box,
.circlehover span,
.process_box,
#sidebar ul.menu li a,
.zn_sidebar ul.menu li a,
[id*='sidebar-widget-'] ul.menu li a,
.timeline_box,
.timeline_box:hover .date,
.services_box.style2 .box,
.team_member,
.ptcarousel .controls > a,
.shop-features .shop-feature,
.timeline_box:before,
.support_panel {
	-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }


/* Videos */
.kl-video-wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.kl-video { position: absolute; z-index: 1;}
.kl-video video,
.kl-video iframe { display: block; max-width: none;}
.kl-video .fallback_image { background-repeat: no-repeat; background-position: center; background-size: cover; left: 0; top: 0; bottom: 0; right: 0;}
.csstransforms .kl-video.valign video,
.csstransforms .kl-video.valign iframe { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.csstransforms .kl-video.halign video,
.csstransforms .kl-video.halign iframe { left: 50% !important; -webkit-transform: translateX(-50%) scale(1.002); -ms-transform: translateX(-50%) scale(1.002);
transform: translateX(-50%) scale(1.002);}
.csstransforms .kl-video.halign.valign video,
.csstransforms .kl-video.halign.valign iframe { top: 50% !important; left: 50% !important; -webkit-transform: translateY(-50%) translateX(-50%) scale(1.002);
-ms-transform: translateY(-50%) translateX(-50%) scale(1.002); transform: translateY(-50%) translateX(-50%) scale(1.002);}
/* Video Grid Overlay */
.video-grid-overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: url(../images/video-pattern-1.png);
opacity: .7; pointer-events: none;}
.video-grid-overlay.ovrl2:after { background-image: url(../images/video-pattern-2.png);}
/* Video with subtle top gradient */
.video-subtle-gradient:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 270px; z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,transparent));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,transparent 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, transparent 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );}
/* Video Controls */
.kl-video--controls { list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; right: 50px; z-index: 3; width: 50px; opacity: .1; 
-webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in;}
.kl-video--controls[data-position="top-left"] { right: auto; left: 50px;}
.kl-video--controls[data-position="top-center"] { right: auto; left: 50%; margin-left: -25px;}
.kl-video--controls[data-position="bottom-right"] { top: auto; right: 20px; bottom: 5px;}
.kl-video--controls[data-position="bottom-left"] { top: auto; right: auto; left: 50px; bottom: 5px;}
.kl-video--controls[data-position="bottom-center"] { top: auto; right: auto; left: 50%; bottom: 5px; margin-left: -25px;}
div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-right"],
div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-left"],
div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-center"] { bottom: 40px;}
.kl-video--controls[data-position="middle-right"] { top: 50%; margin-top: -25px;}
.kl-video--controls[data-position="middle-left"] { left: 50px; right: auto; top: 50%; margin-top: -25px;}
.kl-video--controls[data-position="middle-center"] { left: 50%; right: auto; top: 50%; margin-top: -25px; margin-left: -25px;}
.kl-video-container:hover .kl-video--controls,
#page-header:hover .kl-video--controls { opacity: 1;}
.kl-video-container .kl-video--controls a { width: 50px; height: 50px; display: block; cursor: pointer; color: #fff; text-align: center; line-height: 50px; 
text-decoration: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: .5;}
.kl-video--controls .btn-audio { opacity: 0; visibility: hidden; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
.kl-video--controls:hover .btn-audio { opacity: .7; visibility: visible; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.kl-video--controls .btn-toggleplay { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.kl-video--controls .btn-toggleplay .paused:before { content: "\e072";}
.kl-video--controls:hover .btn-toggleplay { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.kl-video--controls a:hover { opacity: 1;}
.kl-video--controls .btn-audio .kl-icon { width: 28px; height: 28px; line-height: 28px;}
.kl-video--controls .btn-audio .kl-icon:before { line-height: 29px;}
.kl-video--controls .btn-audio .mute:before {content: "\e036";}


/* FLICKR FEED */
.flickr_feeds {margin:0 0 0 -20px; padding:0; list-style:none; position:relative;}
.flickrfeed.loading:after {content:'Loading..';}
.flickr_feeds li {float:left; margin:0 0 20px 20px; }
.flickr_feeds li a {display:block; width:75px; position:relative; }
.flickr_feeds[data-size=small] li a {width:60px;}
.flickr_feeds li a .hov1 {position:absolute; top:0; left:0; right:0; bottom:0;}

/*** Testimonials Partners */
.testimonials-partners__separator {background:#fff; opacity:.2; height:1px; width: 100%; margin-bottom: 70px;}
.ts-pt-testimonials {margin-left: -50px;}
/* Testimonial Item */
.ts-pt-testimonials__item {float:left; margin-left: 50px; margin-bottom: 50px; color:#fff;}
.ts-pt-testimonials__item--size-1 { width: -webkit-calc(25% - 50px); width: calc(25% - 50px); }
.ts-pt-testimonials__item--size-2 { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); }
.ts-pt-testimonials__item--size-3 { width: -webkit-calc(75% - 50px); width: calc(75% - 50px); }
.ts-pt-testimonials__item--size-4 { width: -webkit-calc(100% - 50px); width: calc(100% - 50px);}
/* Testimonial content */
.ts-pt-testimonials__text { background: rgba(0,0,0,0.2); border-radius: 3px; padding:50px 25px 40px; font-size: 16px; font-weight: 400; font-style: italic; line-height: 1.7; position: relative;}
.ts-pt-testimonials__text:after {content:''; position:absolute; left:55px; border:13px solid transparent; }
.ts-pt-testimonials__item--normal .ts-pt-testimonials__text:after { top:100%; border-top-color:rgba(0,0,0,0.2);}
.ts-pt-testimonials__item--reversed .ts-pt-testimonials__text:after {bottom:100%; border-bottom-color:rgba(0,0,0,0.2);}
.ts-pt-testimonials__item--normal .ts-pt-testimonials__infos {margin-top: 15px;}
.ts-pt-testimonials__item--reversed .ts-pt-testimonials__infos {margin-bottom: 15px;}
.ts-pt-testimonials__item--normal .ts-pt-testimonials__infos--noimg {margin-top: 25px; margin-left:20px; }
.ts-pt-testimonials__item--reversed .ts-pt-testimonials__infos--noimg {margin-bottom: 25px; margin-left:20px;}
.ts-pt-testimonials__img {position:relative; width: 110px; height: 110px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; overflow:hidden; float:left; margin-right: 20px; margin-left: 25px; border: 5px solid rgba(255, 255, 255, 0.2); background-clip: content-box;}
.ts-pt-testimonials__item--normal .ts-pt-testimonials__img {margin-top: -35px;}
.ts-pt-testimonials__item--reversed .ts-pt-testimonials__img {margin-top: -15px;}
.ts-pt-testimonials__item--size-1 .ts-pt-testimonials__img {width: 60px; height: 60px; margin-left: 5px; margin-top: 0; }
.ts-pt-testimonials__name {font-size: 16px; line-height: 1.4; font-weight: 700; text-transform: uppercase;margin-bottom: 0;margin-top: 0;}
.ts-pt-testimonials__item--size-1 .ts-pt-testimonials__name {font-size: 14px; }
.ts-pt-testimonials__position {font-size: 13px; line-height: 1.4; font-weight: 300; opacity: 0.5; margin-bottom: 5px;}
.ts-pt-testimonials__stars span {opacity:.6; font-size: 9px;}
.ts-pt-testimonials__stars--1 span:nth-child(1) ~ span,
.ts-pt-testimonials__stars--2 span:nth-child(2) ~ span,
.ts-pt-testimonials__stars--3 span:nth-child(3) ~ span,
.ts-pt-testimonials__stars--4 span:nth-child(4) ~ span {opacity:.3;}
/* Partners */
.ts-pt-partners__title {width:22%; float:left; font-size: 18px; color:#fff; opacity:.6; position: relative; line-height: 1.2;}
.ts-pt-partners__title:after {content:''; position: absolute; bottom:-15px; left:0; width: 50px; height: 3px; background:#fff; }
.ts-pt-partners__carousel-wrapper {width:100%;}
.ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {width:78%; float:left;}
.ts-pt-partners__carousel-item {float: left; height:60px; line-height: 60px; vertical-align: middle; text-align: center;}
.ts-pt-partners__img {max-height: 60px; width:auto; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); opacity:0; -webkit-transition: opacity 0.6s ease 0.1s, -webkit-transform 0.6s ease 0s; transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0s; }
.ts-pt--active-item .ts-pt-partners__img {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1;}
.ts-pt--active-item ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.2s, 0.1s;transition-delay:0.2s, 0.1s;}
.ts-pt--active-item ~ .ts-pt--active-item  ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.3s, 0.2s;transition-delay:0.3s, 0.2s;}
.ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item  ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.4s, 0.3s;transition-delay:0.4s, 0.3s;}
.ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item  ~ .ts-pt--active-item  ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.5s, 0.4s;transition-delay:0.5s, 0.4s;}
/* Dark version */
.testimonials-partners--dark .testimonials-partners__separator {background:#181818;}
.testimonials-partners--dark .ts-pt-testimonials__item { color:#181818;}
.testimonials-partners--dark .ts-pt-testimonials__text { background: rgba(255,255,255,0.2); }
.testimonials-partners--dark .ts-pt-testimonials__item--normal .ts-pt-testimonials__text:after { border-top-color:rgba(255,255,255,0.2);}
.testimonials-partners--dark .ts-pt-testimonials__item--reversed .ts-pt-testimonials__text:after {border-bottom-color:rgba(255,255,255,0.2);}
.testimonials-partners--dark .ts-pt-partners__title {color:#181818; }
.testimonials-partners--dark .ts-pt-partners__title:after { background:#181818; }
/* MQ's */
@media screen and (max-width: 992px){
  .ts-pt-testimonials__item--size-1,
  .ts-pt-testimonials__item--size-2,
  .ts-pt-testimonials__item--size-3 { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); }
  .ts-pt-partners__title {width:100%; float:none; margin-bottom: 30px;}
  .ts-pt-partners__title:after {content:''; position: absolute; bottom:-15px; left:0; width: 50px; height: 3px; background:#fff; }
  .ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {width:100%; clear:left; float:none;}
}
@media screen and (max-width: 767px){
  .ts-pt-testimonials__item--size-1,
  .ts-pt-testimonials__item--size-2,
  .ts-pt-testimonials__item--size-3 { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }
}

/* Video AdBox */
.adbox.video {position:relative;}
.adbox.video:after {position:absolute; content:''; left:0; top:0; right:0; bottom:0; background-color:rgba(23, 23, 25, 0.5)}
.adbox.video > img { display: block; width: 100%;  height: auto; }
.adbox.video .video_trigger_wrapper { position: absolute; z-index:1; top:0; left: auto; margin-left: 0; margin-top: 0; width: 100%; height: 100%;}
.adbox_container {position:relative; width:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.adbox_container > h5 {color: white; font-size: 11px;  min-width: 150px; margin: 0 auto; display: block; text-align: center; }


/* To Next Button */
.tonext-btn {position: absolute; bottom: 40px; left: 50%; margin-left: -12px; color: #FFF; display: block; z-index: 101; text-decoration: none;}
.tonext-btn.has-nav {bottom:70px;}
.mouse-anim-icon {width:24px; height:40px; border-radius: 12px; background-color: rgba(255,255,255,.1); transition: background-color .2s ease-out; position:relative; display: block;}
.mouse-anim-icon:after {position:absolute; content:''; width:2px; height:9px; background-color:rgba(0,0,0,0.25); left:50%; margin-left:-1px;
-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: animScroll; animation-name: animScroll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
.mouse-anim-icon:hover {background-color: rgba(255,255,255,.4); }
.mouse-anim-icon:hover:after {top:24px; }
@-webkit-keyframes animScroll {from {top:8px; } to {top:24px; } }
@keyframes animScroll {from {top:8px; } to {top:24px; } }

/*** Media Container */
.media-container {position: relative;}
.media-container__link--wrap {position: absolute; top:0; left:0; bottom: 0; right:0; }
.media-container__link--btn {position: absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%,0); transform:translate3d(-50%, -50%,0); outline: none !important; -webkit-backface-visibility: hidden;}
.media-container__link .kl-icon {color:#fff;}
.media-container__link--btn .kl-icon:not(.circled-icon) {margin-right: 5px; -webkit-transition:margin-right .2s ease-out; transition:margin-right .2s ease-out;}
.media-container__link--btn:hover .kl-icon:not(.circled-icon) {margin-right: 15px; }
/* Bodered animated 1 */
.media-container__link--style-borderanim1 {padding: 10px 30px; font-size: 42px; letter-spacing: 2px; font-weight: 600; line-height: 1.2; color:#fff; text-align: center; white-space: nowrap; -webkit-transition: color .2s ease-out; transition: color .2s ease-out;}
.media-container__link--style-borderanim1 > i {opacity:.8; background-color: #fff; display: block; position: absolute; -webkit-transition: all .2s ease-out; transition: all .2s ease-out }
.media-container__border-tt { width:30%; height:7px; top: 0; left: 0;}
.media-container__border-tl { height:80%; width:7px; top: 7px; left: 0;}
.media-container__border-bb { width:30%; height:7px; bottom:0; right:0; }
.media-container__border-br { height:80%; width:7px; bottom:7px; right:0; }
.media-container:hover > i {opacity:1; }
.media-container:hover .media-container__border-tt { width:100%; height:3px; top: 0; left: 0;}
.media-container:hover .media-container__border-tl { height:100%; width:3px; top: 0; left: 0;}
.media-container:hover .media-container__border-bb { width:100%; height:3px; bottom:0; right:0; }
.media-container:hover .media-container__border-br { height:100%; width:3px; bottom:0; right:0; }
/* Alternative animated border */
.media-container__link--style-borderanim2 .media-container__text{ text-align:center; font-size: 32px; letter-spacing: 4px; font-weight: 700; line-height: 1; color:#fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif;}
.borderanim2-svg {position: relative; }
.borderanim2-svg__shape {stroke-width: 8px; fill: transparent; stroke: #FFF; -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;}
.media-container:hover .borderanim2-svg__shape {stroke-width: 3px; stroke-dashoffset: 0; }


/* Circle animation */
.circleanim-svg {width: 108px; height: 108px; }
.circleanim-svg__circle-front,
.circleanim-svg__circle-back {fill:none; stroke: #fff;}
.circleanim-svg__circle-front { stroke-dasharray: 60 1000; stroke-width: 5px; stroke-opacity: .5; stroke-dashoffset: 0; -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s, stroke-opacity 1s; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s, stroke-opacity 1s; }
.media-container:hover .circleanim-svg__circle-front { stroke-dasharray: 340; stroke-width: 2px; stroke-opacity:1; }
@media screen and (min-width: 1200px){ .media-container { height:300px;  } }
@media screen and (min-width: 992px) and (max-width: 1199px){ .media-container { height:300px;  } }
@media screen and (min-width: 768px) and (max-width: 991px){ .media-container { height:300px;  } }
@media screen and (max-width: 767px){ .media-container { height:400px;  } }
/*** End Media Container Element */


/* photo gallery */
ul.photo_gallery {clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0;}
ul.photo_gallery li {background:none !important; float: left; margin: 5px; padding: 0; list-style:none; }

/*** Grid Photo Gallery */
.gridPhotoGallery { margin-left:-5px; margin-right: -5px; }
.gridPhotoGallery__item { float: left; position: relative; padding: 0;}
.gridPhotoGallery__link {width: 100%; height: 0; display:block; padding: 0; padding-bottom:100%; margin-bottom: 0;}
.gridPhotoGallery__img { background-repeat: no-repeat; background-position: center; background-size:cover; display: block; position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px;}

/* Icons */
.gridPhotoGallery .gridPhotoGallery__item .kl-icon { opacity: 0; position: absolute; top: 50%; margin-top: 15px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; border-color: #fff; color: #fff }
.gridPhotoGallery .gridPhotoGallery__link:hover .kl-icon { display: block; opacity: 1; margin-top: 0; }

/* Title */
.gridPhotoGallery__link { position: relative; }
.gridPhotoGallery__link:after { content: attr(title); position: absolute; font-size: 16px; text-transform: uppercase; color: #fff; text-align: center; left: 15%; right: 15%; top: 50%; margin-top: -65px; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; }
.gridPhotoGallery__link:hover:after { opacity: 1; }
/* BG Overlay */
.gridPhotoGallery__img:after { content: ''; position: absolute; background-color: rgba(28, 31, 32, 0.25); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.gridPhotoGallery__link:hover .gridPhotoGallery__img:after { opacity: 1; }
/* Cols Width */
.gridPhotoGallery--cols-1 .gridPhotoGallery__item {width:100%;}
.gridPhotoGallery--cols-2 .gridPhotoGallery__item {width:50%; }
.gridPhotoGallery--cols-3 .gridPhotoGallery__item {width:33.3333%;}
.gridPhotoGallery--cols-4 .gridPhotoGallery__item {width:25%;}
.gridPhotoGallery--cols-5 .gridPhotoGallery__item {width:20%;}
.gridPhotoGallery--cols-6 .gridPhotoGallery__item {width:16.6666%;}
/* 2 x width */
.gridPhotoGallery--cols-2 .gridPhotoGalleryItem--w2 {width:100%; }
.gridPhotoGallery--cols-3 .gridPhotoGalleryItem--w2 {width:66.6666%; }
.gridPhotoGallery--cols-4 .gridPhotoGalleryItem--w2 {width:50%; }
.gridPhotoGallery--cols-5 .gridPhotoGalleryItem--w2 {width:40%; }
.gridPhotoGallery--cols-6 .gridPhotoGalleryItem--w2 {width:33.3333%; }
/* height rations w1 + h1 & w2 + h2 */
.gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h1,
.gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h2 { padding-bottom: 75%; }
.gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h1,
.gridPhotoGallery--ratio-square  .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h2 { padding-bottom: 100%; }
.gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h1,
.gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h2 { padding-bottom: 125%; }
/* height rations w2 + h1 */
.gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h1 { padding-bottom: 37.5%; }
.gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h1 { padding-bottom: 50%; }
.gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h1 { padding-bottom: 62.5%; }
/* height rations w1 + h2 */
.gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h2 { padding-bottom: 150%; }
.gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h2 { padding-bottom: 200%; }
.gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h2 { padding-bottom: 250%; }

@media (max-width: 992px) {
    [class*='gridPhotoGalleryItem--w'] { width: 50% !important; }
    [class*='gridPhotoGalleryItem--h'] { padding-bottom: 100% !important; }
}

@media (max-width: 480px) {
    [class*='gridPhotoGalleryItem--w'] { width: 100% !important; }
    .gridPhotoGallery__link:after { font-size: 13px }
}


/* Counter */
.ud_counter{margin:0 0 50px;}
.ud_counter ul{display:inline-block;margin:0;padding:0;list-style:none}
.ud_counter ul li{display:inline-block; margin:0 20px 15px 0; font-size:28px; font-weight:700; padding:2px 0; width:70px; text-align:center; background:rgba(0,0,0,0.2); border-radius:2px;}
.ud_counter ul li p{display:block;font-size:13px; margin-top: 5px; line-height: 1; margin-bottom: 15px;}
.ud_counter ul li.till_lauch {height: 80px; width:80px; padding:0; vertical-align:top;}
.till_lauch {background: rgba(0, 0, 0, 0.2); border-radius: 2px; display: inline-block; text-align: center; vertical-align: top; width: 80px; height: 84px; margin: 0 20px 14px 22px; }
.mail_when_ready {float:left; margin:0 0 15px 0; width: 100%; }

/* skills diagram (shortcode) */
#skills_diagram {float:right; width:600px; position:relative;}
#skills_diagram .legend {position:absolute; right:0; top:40px; text-align: right;}
#skills_diagram #thediagram { width:600px; height:500px; margin-top:-50px; float:right; }
#skills_diagram .skills {margin:0; padding:0; list-style:none;}
#skills_diagram .skills li {float: right; clear: both; padding: 0 15px; height: 25px; line-height: 25px; color: white; margin-bottom: 1px; font-size: 14px;}

/* skills diagram (element) */
.kl-skills-diagram {width:600px; position: relative;}
.skills-responsive-diagram {padding-bottom: 100%; height:0; position:relative;}
.kl-diagram { position:absolute; left:0; top:0; width:100%; height: 100%; }
.kl-skills-legend {position:absolute;}
.kl-skills-legend.legend-topright { left: 100%; top:40px; text-align: left;}
.kl-skills-legend.legend-bottomright { left: 100%; bottom:40px; text-align: left;}
.kl-skills-legend.legend-topleft { right: 100%; top:40px; text-align: right;}
.kl-skills-legend.legend-bottomleft { right: 100%; bottom:40px; text-align: right;}
.kl-skills-list {margin:0; padding:0; list-style:none; direction: ltr;}
.kl-skills-list li { padding: 0 13px; height: 25px; line-height: 25px; color: white; margin-bottom: 2px; font-size: 12px;font-weight: 300; display: inline-block;}
.kl-skills-legend > h4 { font-size: 14px; font-weight: 600; margin-top: 0;}
@media (max-width: 1199px){
  .kl-skills-diagram .kl-skills-legend { position: static; left: auto; top: auto;}
}
@media (max-width: 767px){
  body .kl-skills-diagram {width:100%;}
}


/* Recent Work Carousel 1 - Style 1 */
.recentwork_carousel__crsl { margin:0; padding:0; list-style:none; height:auto;}
.recentwork_carousel__crsl li {   float: left; text-align:center; margin:0; padding:0 20px 0 0; }
.recentwork_carousel__link { display:block; padding: 0; margin:0; line-height:0;}
.recentwork_carousel__hover {display:block; position:relative; overflow:hidden;}
.recentwork_carousel__hov {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.recentwork_carousel--1 .recentwork_carousel__hov {position:absolute; left:0; right:0; bottom:0; top:100%; background-color: rgba(35,35,35,0.8); display: block; }
.recentwork_carousel--1 .recentwork_carousel__hov:after { content: "\2b"; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: #fff; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; opacity:0;}
.recentwork_carousel__img {height:165px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.recentwork_carousel__details {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.recentwork_carousel--1 .recentwork_carousel__details {display:block; position:relative;}
.recentwork_carousel--1 .recentwork_carousel__bg {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.recentwork_carousel--1 .recentwork_carousel__bg {position:absolute; top:0; height:0; background:#3565a2; width:100%;left: 0; }
.recentwork_carousel__crsl-title {font-size:14px; color:#3565a2; padding:10px 0; margin:0; position:relative; z-index:1;}
.recentwork_carousel__cat {font-size:11px; display:block; color:#343434; line-height:1; padding-bottom:15px; position:relative; z-index:1;}
.recentwork_carousel__link:hover .recentwork_carousel__hov {top:0;}
.recentwork_carousel__link:hover .recentwork_carousel__hov:after {opacity:1;}
.recentwork_carousel--1 .recentwork_carousel__link:hover .recentwork_carousel__bg {height:100%;}
.recentwork_carousel__link:hover .recentwork_carousel__crsl-title,
.recentwork_carousel__link:hover .recentwork_carousel__cat { color:#fff; }
.recentwork_carousel__controls {margin-bottom: 20px;}
.recentwork_carousel__controls > a {opacity:0.5; }
.recentwork_carousel__controls > a:hover {opacity:1; }
.recentwork_carousel__details.nopointer {pointer-events:none;}

/* Recent Work Carousel 1 - Style 2 */
.recentwork_carousel--2 li { text-align:left; padding: 0 0 0 3px; }
.recentwork_carousel--2 .recentwork_carousel__link { position: relative; }
.recentwork_carousel--2 .recentwork_carousel__img {height:190px; -webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); -webkit-transition:-webkit-transform .2s ease-out; transition:transform .2s ease-out}
.recentwork_carousel--2 .recentwork_carousel__link:hover .recentwork_carousel__img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
/*.recentwork_carousel--2 .recentwork_carousel__hov { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(transparent, rgba(0,0,0,1)); background: linear-gradient(transparent, rgba(0,0,0,1)); opacity: 0; visibility: hidden; }*/
.recentwork_carousel--2 .recentwork_carousel__hov {position:absolute; left:0; top:0; opacity:0; width: 100%; height: 100%; visibility: hidden; -webkit-backface-visibility: hidden; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); }
.recentwork_carousel--2 .recentwork_carousel__link:hover .recentwork_carousel__hov { opacity: 1; visibility: visible; }
.recentwork_carousel--2 .recentwork_carousel__details { position: absolute; left: 0; right: 0; bottom: -15px; opacity: 0; visibility: hidden; padding: 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; }
.recentwork_carousel--2 .recentwork_carousel__link:hover .details { opacity: 1;visibility: visible; bottom: 0 }
.recentwork_carousel--2 .recentwork_carousel__cat { background-color: #3565a2; display: inline-block; padding: 6px; text-transform: uppercase; border-radius: 2px; font-size:11px; line-height:1; z-index:1; }
.recentwork_carousel--2 .recentwork_carousel__crsl-title { font-size: 15px; text-transform: uppercase; font-weight: bold; padding-bottom: 0;}
.recentwork_carousel--2 .recentwork_carousel__crsl-title,
.recentwork_carousel--2 .recentwork_carousel__cat { color: #fff }
.recentwork_carousel--2 .recentwork_carousel__title { color: #595959; font-weight: bold; position: relative; padding: 0 0 15px; margin: 0 0 30px; }
.recentwork_carousel--2 .recentwork_carousel__title:after { position: absolute; content: ''; display: block; width: 48px; height: 3px; background-color: #3565a2; bottom: 0; left: 0; }
.recentwork_carousel--2 .recentwork_carousel__desc { margin-bottom: 30px; }
.recentwork_carousel--2 .btn { font-size: 11px }
.recentwork_carousel--2 .recentwork_carousel__controls { float: right; margin-top: 6px; opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.recentwork_carousel--2:hover .recentwork_carousel__controls { opacity: 1 }
.recentwork_carousel--2 .recentwork_carousel__controls .glyphicon {display: none;}
.recentwork_carousel--2 .recentwork_carousel__next,
.recentwork_carousel--2 .recentwork_carousel__prev { position: relative; width: 24px; height: 24px; display: inline-block !important }
.recentwork_carousel--2 .recentwork_carousel__next:before,
.recentwork_carousel--2 .recentwork_carousel__prev:after,
.recentwork_carousel--2 .recentwork_carousel__next:after,
.recentwork_carousel--2 .recentwork_carousel__prev:before { position: absolute; content: ''; left: 7px; width: 10px; height: 2px; background-color: #2C2C2C; }
.recentwork_carousel--2 .recentwork_carousel__next:before,
.recentwork_carousel--2 .recentwork_carousel__prev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.recentwork_carousel--2 .recentwork_carousel__next:after,
.recentwork_carousel--2 .recentwork_carousel__prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.recentwork_carousel--2 .recentwork_carousel__next:after,
.recentwork_carousel--2 .recentwork_carousel__prev:after { top: 14px;}
.recentwork_carousel--2 .recentwork_carousel__next:before,
.recentwork_carousel--2 .recentwork_carousel__prev:before { top: 8px;}
@media (max-width: 767px) {
  .recentwork_carousel--2 .recentwork_carousel__left { margin-bottom: 30px; }
}
/* Recent work 1 - Style 3 */
.rwc--3 .recentwork_carousel__title {font-size: 28px; letter-spacing: -1px;}
.full_width .recentwork_carousel--2 {margin-bottom: 0;}
.full_width .recentwork_carousel--2 .recentwork_carousel__crsl-wrapper {padding-right: 15px;}
@media (min-width: 768px) {
  .full_width .recentwork_carousel__left { padding-left:-webkit-calc( (100vw - 750px) / 2 ); padding-left:calc( (100vw - 750px) / 2 );}
}
@media (min-width: 992px) {
  .full_width .recentwork_carousel__left { padding-left:-webkit-calc( (100vw - 970px) / 2 ); padding-left:calc( (100vw - 970px) / 2 );}
}
@media (min-width: 1200px) {
  .full_width .recentwork_carousel__left { padding-left:-webkit-calc( (100vw - (1170px - 15px) ) / 2 ); padding-left:calc( (100vw - (1170px - 15px) ) / 2 );}
}

/* Recent work carousel 2 - style1 */
.recentwork_carousel_v2 {position:relative; margin-bottom: 40px;}
.recentwork_carousel_v2 .recentwork_carousel__controls {position:absolute; right:0; top:5px;}
.recentwork_carousel_v2 .recentwork_carousel__crsl-wrapper {margin-left:-10px; margin-right: -10px;}
.recentwork_carousel_v2 li {padding:0 10px; }
.recentwork_carousel_v2 .recentwork_carousel__link {position: relative; overflow: hidden; }
.recentwork_carousel_v2 .recentwork_carousel__details {position:absolute; left:0; right:0; bottom:0; top:0; opacity:0; background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.65))); background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); background: radial-gradient(ellipse at center,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000',GradientType=1 ); }
.recentwork_carousel_v2 .recentwork_carousel__link:hover .recentwork_carousel__details {opacity:1; }
.recentwork_carousel_v2 .recentwork_carousel__plus {position:absolute; display:block; width:24px; height:24px; background:#3565a2; font-size: 16px; color:#fff; top:50%; margin-top:-12px; left:50%; margin-left: -12px;font-weight: bold;line-height: 24px;text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-radius: 2px; box-shadow: 0 0 6px rgba(0,0,0,0.3);}
.recentwork_carousel_v2 .recentwork_carousel__crsl-title {position:absolute; font-size:14px; top: 65%; left: 0; right: 0;margin: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;}
.recentwork_carousel_v2 .recentwork_carousel__cat {position:absolute; font-size:11px; top: 80%; left: 0; right: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;}

/* Recent work carousel 3 */
.recentwork_carousel_v3 {position:relative; margin-bottom: 40px;}
.recentwork_carousel_v3 .recentwork_carousel__crsl-wrapper {margin-left:-5px; margin-right: -5px;}
.recentwork_carousel_v3 li {padding:0 5px; }
.recentwork_carousel_v3 .recentwork_carousel__link {position: relative; overflow: hidden; }
.recentwork_carousel_v3 .recentwork_carousel__details {position:absolute; left:0; right:0; bottom:-15px; opacity:0; padding: 20px; -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; transition: bottom .25s ease, opacity .25s ease, visibility .25s ease;   -webkit-backface-visibility: hidden;text-align: start; padding-top: 80px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); }
.recentwork_carousel_v3 .recentwork_carousel__cat { background-color: #3565a2; display: inline-block; padding: 6px; text-transform: uppercase; border-radius: 2px; font-size:11px; line-height:1.6; z-index:1; }
.recentwork_carousel_v3 .recentwork_carousel__crsl-title { font-size: 20px; line-height: 1.2; text-transform: uppercase; font-weight: bold; padding-bottom: 0; color: #595959; font-weight: 600; position: relative; padding: 0; margin: 15px 0 0; }
.recentwork_carousel_v3 .recentwork_carousel__crsl-title,
.recentwork_carousel_v3 .recentwork_carousel__cat { color: #fff }
.recentwork_carousel_v3 .recentwork_carousel__top-container {padding-top:25px; padding-bottom: 35px;}
.recentwork_carousel_v3 .recentwork_carousel__title {font-size: 32px; font-weight: 700; color:#343434; line-height: 1; }
.recentwork_carousel_v3 .btn {color:#585858; line-height: 1; padding:0; text-decoration:none; }
.recentwork_carousel_v3 .btn:hover {color:#343434;}
.recentwork_carousel_v3 .btn::before {content:''; background-color:#3565a2; margin-right:5px; width:10px; height:3px; display:inline-block; vertical-align:middle; margin-top:-1px}
.recentwork_carousel_v3 .recentwork_carousel__link:hover .recentwork_carousel__details {  opacity: 1; visibility: visible; bottom: 0;}
.recentwork_carousel_v3 .recentwork_carousel__img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); -webkit-transition:-webkit-transform .2s ease-out; transition:transform .2s ease-out}
.recentwork_carousel_v3 .recentwork_carousel__link:hover .recentwork_carousel__img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.recentwork_carousel_v3 .recentwork_carousel__controls { opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; position: absolute; bottom: 0; right: 0; margin-bottom: 0; }
.recentwork_carousel_v3:hover .recentwork_carousel__controls { opacity: 1; }
.recentwork_carousel_v3 .recentwork_carousel__controls .glyphicon {display: none;}
.recentwork_carousel_v3 .recentwork_carousel__next,
.recentwork_carousel_v3 .recentwork_carousel__prev { position: relative; width: 24px; height: 24px; display: inline-block !important }
.recentwork_carousel_v3 .recentwork_carousel__next:before,
.recentwork_carousel_v3 .recentwork_carousel__prev:after,
.recentwork_carousel_v3 .recentwork_carousel__next:after,
.recentwork_carousel_v3 .recentwork_carousel__prev:before { position: absolute; content: ''; left: 7px; width: 10px; height: 2px; background-color: #2C2C2C; }
.recentwork_carousel_v3 .recentwork_carousel__next:before,
.recentwork_carousel_v3 .recentwork_carousel__prev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.recentwork_carousel_v3 .recentwork_carousel__next:after,
.recentwork_carousel_v3 .recentwork_carousel__prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.recentwork_carousel_v3 .recentwork_carousel__next:after,
.recentwork_carousel_v3 .recentwork_carousel__prev:after { top: 14px;}
.recentwork_carousel_v3 .recentwork_carousel__next:before,
.recentwork_carousel_v3 .recentwork_carousel__prev:before { top: 8px;}
/* Full-Width V3 */
.full_width .recentwork_carousel_v3 .recentwork_carousel__crsl-wrapper {margin-left:-10%; margin-right: -10%;}

/*contact form */
form form .row { margin-left: -5px; margin-right: -5px; }
form form .row [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.inline-form {  font-size: 0;  }
.contact_form textarea {height:100px;}
.inline-form .form-group, .contact_form .form-group {  padding: 0 8px;  }
.contact_form .form-control { font-size: 13px;  padding: 14px;  height: auto;  outline: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); border: 1px solid #D9D9D9; }
/*.form-control { box-sizing: content-box; padding-top: 0px; padding-bottom: 0px;}*/
.form-control:focus {  border-color: rgba(0, 0, 0, 0.26);  -webkit-box-shadow: inherit;  box-shadow: inherit;  }
.kl-fancy-form {  position: relative;  }
.inline-form .kl-fancy-form label, .contact_form .kl-fancy-form label {  left: 25px;  }
.kl-fw-form .form-control, .kl-fw-form.form-control {  width: 100%;  }
.kl-hw-field {  width: 50%;  display: inline-block;  }
.kl-fancy-form label {  color: #969696; font-size: 10px;  text-transform: uppercase;  position: absolute;  top: 6px;  left: 16px;  cursor: text;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  transition: all .25s ease;  }
.kl-fancy-form input:focus + label, .kl-fancy-form textarea:focus + label {  color: #c0c0c0;  }
.kl-fancy-form .form-control {  padding: 26px 16px 6px 10px; height: auto; }
/* Selectbox fix for Chrome/Safari on OSX */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .kl-fancy-form select.form-control {height: 52px; -webkit-appearance: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); background-image: url(../images/select-arrow.svg); 
  background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; background-position-x: calc( 100% - 10px ); }
}
.kl-fancy-form input::-webkit-input-placeholder {color: #bababa; }
.kl-fancy-form input:focus::-webkit-input-placeholder {color: #D7D7D7; }
/* Firefox < 19 */
.kl-fancy-form input:-moz-placeholder {color: #bababa; }
.kl-fancy-form input:focus:-moz-placeholder {color: #D7D7D7; }
/* Firefox > 19 */
.kl-fancy-form input::-moz-placeholder {color: #bababa; }
.kl-fancy-form input:focus::-moz-placeholder {color: #D7D7D7; }
/* Internet Explorer 10 */
.kl-fancy-form input:-ms-input-placeholder {color: #bababa; }
.kl-fancy-form input:focus:-ms-input-placeholder {color: #D7D7D7; }
textarea.form-control {  width: 100%;  max-width: 100%;  }

/* TWITTER FEED */
#twitterFeed {background:url(../images/twitter-bird.png) no-repeat 15px center #444; font-size:12px; color:#fff; padding: 15px 75px 15px 60px; position:relative; margin-bottom:15px; font-style:italic; border-radius:3px;overflow: hidden;}
#twitterFeed:after {content:''; position:absolute; bottom:-10px; left:15px; border:5px solid transparent; border-top-color:#444;}
#twitterFeed ul {margin:0; padding:0; list-style:none; font-size:11px;}
#twitterFeed .twTime {display:inline-block; color:#9d9d9d; padding-left:10px; border-left:1px solid #707070; font-size:11px; position:absolute; right: -65px; top: 0; bottom: 0; width: 45px; vertical-align: middle;line-height: 1;}
#twitterFeed > div:not(:only-child) {margin-bottom: 10px;}
.twitterFeed { margin-bottom: 30px;}
.twitter-feed > iframe { max-height: 20px;}
#twitterFeed .timePosted { display: inline-block; color: #9d9d9d; padding-left: 10px; border-left: 1px solid #707070; font-size: 11px; 
position: absolute; right: 15px; top: 15px; bottom: 15px; width: 45px; vertical-align: middle; line-height: 1}
#twitterFeed p { margin-bottom: 0;}


/* SOCIAL SHARING */
.social-share {margin:25px 0 0; padding:0; list-style:none; text-align:center; margin-bottom: 30px;}
.social-share li {display:inline-block; margin-left:10px; width: 90px; max-height: 20px; vertical-align: top;}
.social-share li.sc-gplus { width: 70px; }
.social-share li.sc-pinterest > a { width: 40px !important; margin-left: -40px !important; vertical-align: top !important; }
.social-share.sc--colored {margin-top:15px;}
.social-share.sc--colored li {padding: 10px; border-radius: 3px;}
.social-share.sc--colored li.sc-facebook { background: #3B5998; }
.social-share.sc--colored li.sc-twitter { background: #3CF; }
.social-share.sc--colored li.sc-gplus { background: #D34836; width: 70px; }
.social-share.sc--colored li.sc-pinterest { background: #CB2027; }
.social-share div { display: inline-block; margin-right: 7px; height: 20px; vertical-align: middle;}

/* testimonials carousel */
.testimonials-carousel {position:relative;}
.testimonials-carousel .controls {position:absolute; right:0; top:-30px;}
.testimonials-carousel .m_title + .controls {top:4px;}
.testimonials-carousel .controls > a {opacity:0.5; }
.testimonials-carousel .controls > a:hover {opacity:1; }
.testimonials-carousel ul {margin:0; padding:0; list-style:none;}
.testimonials-carousel ul li {float:left; overflow: hidden }
.testimonials-carousel blockquote {background:#fff; margin:0 1px 10px 0; padding:25px; color: #898989; font-size:14px; border-left: none; line-height: 2; font-style:italic; position:relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); }
.testimonials-carousel blockquote:after, .testimonials-carousel blockquote:before {content:''; position:absolute; bottom:-14px; left:14px; border:7px solid transparent; border-top-color:#fff; }
.testimonials-carousel blockquote:before { bottom: -16px; border-top-color: #D9D9D9 }
.testimonial-author h5 {display: inline-block; margin: 12px 0; font-size:13px; font-weight:500;}
.testimonials-author blockquote + h5 {display: inline-block; margin: 12px 0; font-size:13px; font-weight:500;}
.testimonials-carousel .th-controls .prev,
.testimonials-carousel .th-controls .next { z-index:1; }
.testimonial-author { margin-top: 15px; }
.testimonial-author--photo { margin-right: 10px; float: left; border-radius: 50%; overflow: hidden; width: 40px; height: 40px; }
.testimonial-author--photo img { width: 100%; height: auto; display: block }

/* TESTIMONIALS FADER */
.testimonials_fader {margin-bottom: 40px;}
.testimonials_fader ul {margin:0; padding:0; list-style:none; position:relative;}
.testimonials_fader .has-left-border {border-left:1px solid #e2e2e2; }
.testimonials_fader li {position:relative; padding:0 0 20px 100px}
.testimonials_fader ul li:after {content:'\201C'; position:absolute; top:-10px; left:30px; font-size:150px; color:#e2e2e2; line-height:1; font-family: tahoma;}
.testimonials_fader li blockquote {margin:0; padding:0; border:0; font:italic 20px/1.4 Georgia, Arial, sans-serif;overflow: hidden;}
.testimonials_fader li blockquote + h6 {font-weight:normal; font-size:11px; font-style:italic;}
.testimonials_fader .testimonial-author--photo { width: 30px; height: 30px; }
.testimonials_fader .testimonial-author h6 { float: left; margin: 5px 0; }

/* TESTIMONIALS BOX */
.testimonial_box {padding: 0 0 0 25px; margin: 15px 0; width:100%; padding-left:0; position: relative;}
.testimonial_box[data-size=small] {width: 30%;}
.testimonial_box[data-size=medium] {width:50%; }
.testimonial_box[data-size=large] {width:70%; }
.testimonial_box[data-size=full] {width:100%; }
.testimonial_box[data-size=onethird] {width:33%; }
.testimonial_box[data-size=twothirds] {width:66%; }
.testimonial_box[data-theme=light] blockquote { background:#ddd; color:#343434; }
.testimonial_box[data-theme=dark] blockquote { background:#707070; color:#f5f5f5; }

.testimonial_box[data-theme=light][data-align=left] blockquote:after { border-right-color:#fff; }
.testimonial_box[data-theme=dark][data-align=left] blockquote:after { border-right-color:#707070; }
.testimonial_box[data-theme=light][data-align=right] blockquote:after { border-left-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=right] blockquote:after { border-left-color:#707070; }
.testimonial_box[data-theme=light][data-align=top] blockquote:after { border-bottom-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=top] blockquote:after { border-bottom-color:#707070; }
.testimonial_box[data-theme=light][data-align=bottom] blockquote:after { border-top-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=bottom] blockquote:after { border-top-color:#707070; }

.testimonial_box[data-align=left] .details {float:left; margin-right:10px; width: 90px;}
.testimonial_box[data-align=left] blockquote { margin-left:90px; }
.testimonial_box[data-align=left] blockquote:after { left:-14px; top:50%; }

.testimonial_box[data-align=right] .details {float:right; margin-left:10px; width: 90px; text-align: right;}
.testimonial_box[data-align=right] blockquote { margin-right:90px; }
.testimonial_box[data-align=right] blockquote:after { right:-14px; top:50%; }

.testimonial_box[data-align=top] .details {float:none; margin-left:10px; width: 100%; position:relative; z-index:1;}
.testimonial_box[data-align=top] .details img {position:absolute; top:-5px; right:-5px}
.testimonial_box[data-align=top] .details h6 strong {display:block; }
.testimonial_box[data-align=top] .details h6 {margin-top:0;}
.testimonial_box[data-align=top] blockquote { margin-top:14px; clear:both;}
.testimonial_box[data-align=top] blockquote:after { left:30px; top:-14px; }

.testimonial_box[data-align=bottom] {margin-bottom:35px }
.testimonial_box[data-align=bottom] .details { position:absolute; left:25px; right:5px; top:100%; z-index:1; }
.testimonial_box[data-align=bottom] .details img {float:right; margin-top:-20px;}
.testimonial_box[data-align=bottom] .details h6 strong {display:block; }
.testimonial_box[data-align=bottom] blockquote { margin-bottom:0; float:none; position:relative; z-index:0;}
.testimonial_box[data-align=bottom] blockquote:after { left:30px; bottom:-14px; }

.testimonial_box .details h6 {font-size:10px; font-weight:normal; margin:10px 0 0; line-height:1.4; }
.testimonial_box .details h6 strong { display: block;}
.testimonial_box blockquote {margin:0; padding:15px; border:0; font-size:12px; font-style:italic; position:relative; border-radius:3px; box-shadow:0 0 7px rgba(0,0,0,0.1); }
.testimonial_box blockquote:after {content:''; position:absolute; border-width:7px; border-style:solid; border-color:transparent; }

.testimonial_box .details img { border-radius: 50%; }

/* partners carousel */
.partners_carousel h5.title {font-weight:500; margin-top:0; text-shadow:1px 1px 0 #fff}
.partners_carousel ul { margin:0; padding:0; list-style:none; }
.partners_carousel li { float: left; text-align:center; margin:0; padding:0 0 0 10px; width: 250px;}
.partners_carousel li a { display:block; padding: 10px 0; margin:0; min-height:46px; line-height:46px; border:4px solid #f9f9f9; border-radius:3px; background: #ffffff;}
.partners_carousel li a img {opacity:.8; }
.partners_carousel li a:hover { background:#f9f9f9; border:4px solid #eee;}
.partners_carousel li a:hover img { opacity:1; }
.partners_carousel .controls > a {opacity:0.5; }
.partners_carousel .controls > a:hover {opacity:1; }

/*stat boxes */
.stats_box .mb_title { background: none }
.statbox { background:#fff; padding:15px; margin-bottom: 25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) }
.statbox img {float:left; margin-right:15px;}
.statbox__fonticon {float:left; margin-right:15px; font-size: 46px; color:#8f8f8f;vertical-align: top; height: 48px; line-height: 51px;}
.statbox h4 {font-size: 26px; font-weight: 400; text-transform: uppercase; color:#3565a2;line-height: 1;margin-top: 0;}
.statbox h6 {color:#969696;margin-bottom: 0;margin-top: 0;line-height: 1;}


/* Fake Loading */
.fake-loading {position:absolute; top:0; left:0; right:0; bottom:0; background: #fff; z-index: 1; pointer-events:none; -webkit-animation: fake-loading .4s ease-in 2s 1 normal forwards; animation: fake-loading .4s ease-in 2s 1 normal forwards;}
.fake-loading.fl--nobg {background: none;}
.fake-loading.loading-1s { -webkit-animation-delay:1s; animation-delay:1s; }
.fake-loading.loading-2s { -webkit-animation-delay:2s; animation-delay:2s; }
.fake-loading.loading-4s { -webkit-animation-delay:4s; animation-delay:4s; }
.fake-loading.loading-8s { -webkit-animation-delay:8s; animation-delay:8s; }
.fake-loading.loading-10s { -webkit-animation-delay:10s; animation-delay:10s; }
.fake-loading:after {content:''; border: 2px solid rgba(205, 33, 34, 0.16); border-top-color: #3565a2; border-right-color: #3565a2; border-radius: 50%; width:30px; height:30px; position: absolute; left:50%; top:50%; margin:-15px 0 0 -15px; -webkit-animation: fake-loading-circle .5s infinite linear; animation: fake-loading-circle .5s infinite linear; }
@-webkit-keyframes fake-loading {
  0% {visibility: visible; opacity: 1; }
  100% {visibility: hidden; opacity: 0; }
}
@keyframes fake-loading {
  0% {visibility: visible; opacity: 1; }
  100% {visibility: hidden; opacity: 0; }
}
@-webkit-keyframes fake-loading-circle {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) }
}
@keyframes fake-loading-circle {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) }
}



/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; }
/* Echo out a label for the example */
.bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0 4px 0; }
/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint { margin-top: -20px; padding: 0; padding-top: 15px; }
/* Tweak examples  */
.bs-docs-example > p:last-child {margin-bottom: 0;}
/* Special grid styles  */
.show-grid { margin-top: 10px; margin-bottom: 20px; }
.show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 40px; line-height: 40px; }
.show-grid:hover [class*="span"] { background: #ddd; }
.show-grid .show-grid { margin-top: 0; margin-bottom: 0; }
.show-grid .show-grid [class*="span"] { background-color: #ccc; }

/* Icon list (for demo purposes) */
.kl-icon-list {margin: 0 0 30px; padding: 0px; list-style:none;}
.kl-icon-list li {width: 10%; display: inline-block;font-size: 18px;margin: 0 2px 10px;text-align: center;float: left;padding: 15px 0;border-radius: 3px;border: 1px solid transparent; 
color:#999; -webkit-transition:all .15s ease-out; transition:all .15s ease-out;}
.kl-icon-list li:hover {border-color:#ddd;  color:#535353;}


/* Caroufredsel Default */
.cfs--default {margin: 0; position: relative; zoom: 1; padding-left: 0;}
.cfs--default > ul {margin:0; padding:0; list-style: none;}
.cfs--default .cfs--item,
.cfs--default > ul > li {display:block; float:left; position: relative;}
    
/* CFS SVG navigation */
.cfs-svg--next,
.cfs-svg--prev { width:40px; height: 60px; display: block !important; cursor: pointer;}
.cfs-svg--next svg,
.cfs-svg--prev svg {display: inline-block; }
.cfs-svg--next polyline,
.cfs-svg--prev polyline {-webkit-transition: stroke-width 250ms ease-in-out;transition: stroke-width 250ms ease-in-out; }
.cfs-svg--prev:hover polyline,
.cfs-svg--prev:focus polyline {stroke-width: 3; }
.cfs-svg--prev:active polyline {stroke-width: 6; -webkit-transition: stroke-width 100ms ease-in-out; transition: stroke-width 100ms ease-in-out; }
.cfs-svg--next:hover polyline,
.cfs-svg--next:focus polyline {stroke-width: 3; }
.cfs-svg--next:active polyline {stroke-width: 10; -webkit-transition: stroke-width 100ms ease-in-out; transition: stroke-width 100ms ease-in-out; }




/*** Static content */
.static-content__wrapper { width: 100%; overflow: hidden; }
/* Source Styles */
.static-content__source + .static-content__inner {position: relative;}
.static-content__source { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

/* Safe padding */
.kl-slideshow .kl-slideshow-safepadding {padding-top:150px; /*padding-bottom: 45px*/;}

/* Simple text */
/*.static-simpletext .kl-slideshow-inner { height:600px; }*/

@media only screen and (min-width : 1200px){
    /* If it has height */
    .static-content--height .static-content__inner { position: relative; /*top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/}
    .static-content--height .static-content__inner:not(.container) { position: absolute; width: 100%; }

}
@media only screen and (min-width : 992px){
    /* If it's fullscreen */
    .static-content--fullscreen {height:100vh;}
    .static-content--fullscreen .static-content__inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
}

.static-content--fullscreen {height:100vh;}
.static-content--fullscreen .th-google_map {height:100vh !important;}

/* Static Content - default */
.static-content {color:#fff; padding-top:20px;}
.static-content__title {font-size:64px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); line-height:1.3;}
.static-content__subtitle {font-size:32px; font-weight:400; text-shadow:1px 1px 0 rgba(0,0,0,0.3); line-height:1.4; }
.static-content__subtitle .stronger {font-weight:600; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px; cursor:help;}
.static-content__title2 {font-size:64px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); line-height:0.8;}
/* Infopop balloon */
.static-content__infopop {width: 350px; 
                          /*margin: 50px auto 0;*/ 
                          padding:10px 10px; 
                          position:relative; 
                          color:#343434; 
                          border-radius:8px; background-clip: padding-box; background: rgba(254, 254, 254, 0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254, 254, 254, 0.8)), color-stop(100%,rgba(209, 209, 209, 0.8))); background: -webkit-linear-gradient(top,  rgba(254, 254, 254, 0.8) 0%,rgba(209, 209, 209, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 0.8) 0%, rgba(209, 209, 209, 0.8) 100%); background: linear-gradient(to bottom,  rgba(254, 254, 254, 0.8) 0%,rgba(209, 209, 209, 0.8) 100%); box-shadow: 0 10px 11px -10px rgba(0, 0, 0, 0.8), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8);}
.static-content__infopop:after {content:""; position:absolute; border: 7px solid transparent;}
.static-content__infopop[data-arrow=top]:after { top:-13px; left:50%; margin-left:-7px; border-bottom-width: 7px; border-bottom-color:rgba(254, 254, 254, 0.8); }
.static-content__infopop[data-arrow=bottom]:after { bottom:-14px; left:50%; margin-left:-7px; border-top-width: 7px; border-top-color:rgba(254, 254, 254, 0.8); }
.static-content__infopop[data-arrow=left]:after { left:-14px; top:50%; margin-top:-7px; border-right-width: 7px; border-right-color:rgba(254, 254, 254, 0.8); }
.static-content__infopop[data-arrow=right]:after { right:-14px; top:50%; margin-top:-7px; border-left-width: 7px; border-left-color:rgba(254, 254, 254, 0.8); }
.sc-infopop__text {color: rgba(37, 37, 37, 0.7); font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight: 500; line-height: 1.2; margin: 5px 0;}
.static-content__infopop .sc-infopop__btn { float: right; text-align: center; line-height: 20px; font-weight: 600; color: #3565a2; padding: 10px 15px 10px; border: 0; margin: 13px -20px 0 0; font-size: 18px; background: rgba(0, 0, 0, 0.1); border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.static-content__infopop:hover .sc-infopop__btn {padding: 10px 30px 10px 15px; }
.static-content__infopop .sc-infopop__btn:hover {color: #222;background: rgba(0, 0, 0, 0.2); }
.static-content__infopop.sc-infopop--left {margin-left:0;}
.static-content__infopop.sc-infopop--left[data-arrow=top]:after {left:0; margin-left:25px;}
.static-content__infopop.sc-infopop--right {margin-right:0;}
.static-content__infopop.sc-infopop--right[data-arrow=top]:after {right:0; margin-right:25px;}

@-webkit-keyframes fadeBoxIn {
    0% { -webkit-transform: scale(1); opacity:0; }
    50% { -webkit-transform: scale(1.05); opacity:0.9;}
    100% { -webkit-transform: scale(1); opacity:1 }
}
@keyframes fadeBoxIn {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity:0; }
    50% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity:0.9;}
    100% { -webkit-transform: scale(1); transform: scale(1); opacity:1 }
}
.fadeBoxIn {-webkit-animation-name: fadeBoxIn; animation-name: fadeBoxIn; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; }

/* Static Content - boxes */
.sc__boxes {margin-top: 70px;}
.sc__boxes .static-content__infopop {width:auto; margin: 0; border-radius: 4px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); -webkit-transition:opacity .2s ease-out, -webkit-transform .2s ease-out; transition:opacity .2s ease-out, transform .2s ease-out; -webkit-backface-visibility:hidden;}
.sc__boxes:hover .static-content__infopop {opacity:.4; }
.sc__boxes:hover .static-content__infopop:hover {opacity:1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
.sc__boxes .sc__box-title {margin-bottom:10px;}
.sc__boxes .static-content__infopop .sc__img {margin-right:15px; float: left; margin-bottom: 15px; margin-top: 10px; max-width: 36px; }
.sc__boxes .static-content__infopop .sc__img ~ p { margin-left: 52px }

/* Static content - Video Background */
.sc__video-line {margin-top:1px; display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.3); font-size:36px; color:#fff; line-height:1.4; font-weight: 300; }
.sc__iframe-video { width:100% !important; }
.static-content__wrapper .sc--captpos-bottom {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; bottom:10px;}
.static-content__wrapper .sc--captpos-top {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; }