.clear {clear: both;float: none !important;margin: 0 !important;padding: 0 !important;height: 0 !important;}
.hide {display: none;}
#cnfolioHolder ul li {list-style-type: none;padding: 0;margin: 2px;}
#cnfolioHolder ul li a {text-decoration: none;}
#cnFilterOptions {margin: 0;padding: 0;}
ul#cnFilterOptions li {display: inline-block;margin: 0 10px 10px 0;background: #3498db;border: 1px solid #3498db;line-height: 40px;color: #fff;padding: 0;cursor: pointer;width: auto;transition: all .75s ease 0s;}
ul#cnFilterOptions li.active, ul#cnFilterOptions li:hover {background-color: #fff;color: #3498db;}
ul#cnFilterOptions li.active a, ul#cnFilterOptions li:hover a {background: transparent;}
ul#cnFilterOptions li a {color: #fff;font-weight: bold;padding: 0 20px;text-decoration: none;display: block;outline: 0 none;margin: 0;}
ul#cnFilterOptions li a:hover {color: #111;}
ul#cnFilterOptions li.active a {color: #111;}
ul.cnOurHolder {width: 100%;overflow: hidden;margin: 0;padding: 0;}
ul.cnOurHolder li.item {width: 49%;float: left;position: relative;margin: 2px;overflow: hidden;padding: 0;background: none;}
ul.cnOurHolder li.item .cnportfolio-image {position: relative;width: 100%;overflow: hidden;line-height: 0;height: 100%;}
ul.cnOurHolder li.item .cnportfolio-image >img {width: 100%;height: auto;}
#cnfolioHolder .cnportfolio-hover .cnlinks a {display: block;width: 50%;float: left;height: 70px;opacity: .5;margin: 0;padding: 0;transition: all .5s ease 0s;}
#cnfolioHolder .cnportfolio-hover .cnlinks a:hover {background: transparent;}
#cnfolioHolder .cnportfolio-hover .cnlinks a span {display: block;width: 100%;height: 70px;}
#cnfolioHolder .cnportfolio-content-wrapper {color: #fff;font-size: 16px;}
#cnfolioHolder .cnportfolio-content-wrapper h3 {line-height: 40px;overflow: hidden;font-size: 16px;color: #fff;font-weight: bold;}
#cnfolioHolder .cnportfolio-hover .cnlinks a:hover {opacity: 1;}
#cnfolioHolder a.popuplink {color: #183879 !important;}
#cnfolioHolder .cnportfolio-hover .cnportfolio-live span {background: url("../img/link-icon.html") no-repeat center;}
#cnfolioHolder .cnportfolio-hover .cnlinks {position: absolute;bottom: 0;left: 0;width: 100%;}
#cnfolioHolder .cnportfolio-hover .cnportfolio-details span {background: url("../img/popup-icon.html") no-repeat center;}
.zoom-anim-dialog .image {width: 100%;margin: 20px 0;}
.zoom-anim-dialog .image img {width: 100%;height: auto;}
.zoom-anim-dialog h3 {margin: 10px 0 0;font-size: 16px;line-height: 20px;}
.zoom-anim-dialog p {font-size: 12px;}
.zoom-anim-dialog a {font-size: 12px;}
@media screen and (max-width: 767px) {ul.cnOurHolder li.item {width: 100%;float: none;}}
.zoom-anim-dialog {background: white;padding: 20px 30px;text-align: left;max-width: 900px;margin: 40px auto;position: relative;}
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: .8;filter: alpha(opacity=80);}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mfp-container:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.mfp-align-top .mfp-container:before {display: none;}
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}
.mfp-ajax-cur {cursor: progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-auto-cursor .mfp-content {cursor: auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mfp-loading.mfp-figure {display: none;}
.mfp-hide {display: none !important;}
.mfp-preloader {color: #ccc;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -.8em;left: 8px;right: 8px;z-index: 1044;}
.mfp-preloader a {color: #ccc;}
.mfp-preloader a:hover {color: white;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}
button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;-webkit-box-shadow: none;box-shadow: none;}
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;border-radius: 0;right: 0;top: 0;text-decoration: none;text-align: center;opacity: .65;filter: alpha(opacity=65);padding: 0 0 18px 10px;color: white;font-style: normal;font-size: 28px;font-family: Arial,Baskerville,monospace;}
.mfp-close:hover, .mfp-close:focus {opacity: 1;background: #3498db;filter: alpha(opacity=100);}
.mfp-close:active {top: 1px;}
.mfp-close-btn-in .mfp-close {color: #333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: white;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.mfp-counter {position: absolute;top: 0;right: 0;color: #ccc;font-size: 12px;line-height: 18px;}
.mfp-arrow {position: absolute;opacity: .65;filter: alpha(opacity=65);margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.mfp-arrow:active {margin-top: -54px;}
.mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;filter: alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: "";display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}
.mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}
.mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px;border-bottom-width: 21px;opacity: .7;}
.mfp-arrow-left {left: 0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid white;margin-left: 31px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px;border-right: 27px solid #3f3f3f;}
.mfp-arrow-right {right: 0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid white;margin-left: 39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3f3f3f;}
.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}
.mfp-iframe-holder .mfp-close {top: -40px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0,0,0,.6);background: black;}
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}
.mfp-figure {line-height: 0;}
.mfp-figure:after {content: "";position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0,0,0,.6);background: #444;}
.mfp-figure small {color: #bdbdbd;display: block;font-size: 12px;line-height: 14px;}
.mfp-figure figure {margin: 0;}
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
.mfp-title {text-align: left;line-height: 18px;color: #f3f3f3;word-wrap: break-word;padding-right: 36px;}
.mfp-image-holder .mfp-content {max-width: 100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
	.mfp-img-mobile img.mfp-img {padding: 0;}
	.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
	.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
	.mfp-img-mobile .mfp-bottom-bar {background: rgba(0,0,0,.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
	.mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
	.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0,0,0,.6);position: fixed;text-align: center;padding: 0;}}
@media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(.75);transform: scale(.75);}
	.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
	.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
	.mfp-container {padding-left: 6px;padding-right: 6px;}}
.mfp-ie7 .mfp-img {padding: 0;}
.mfp-ie7 .mfp-bottom-bar {width: 600px;left: 50%;margin-left: -300px;margin-top: 5px;padding-bottom: 5px;}
.mfp-ie7 .mfp-container {padding: 0;}
.mfp-ie7 .mfp-content {padding-top: 44px;}
.mfp-ie7 .mfp-close {top: 0;right: 0;padding-top: 0;}
.cn_pf_widget_content {margin: 0 auto;text-align: center;width: 96%;}
#cn_pf_widget {margin: 0 auto;text-align: center;}
#cnnav {display: inline-block;margin: 15px auto;text-align: center;overflow: hidden;}
#cnnav a {display: inline-block;text-indent: -999px;background: url("../img/slider-nav.html") no-repeat center;width: 10px;height: 10px;margin: 0 5px;}
.cnprotfolio-img img {width: 100%;height: auto;}
#cnnav a.activeSlide {background: url("../img/slider-nav-hover.html") no-repeat center;}
a.cnprotfolio-img {display: block;}