.thumbs {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.thumbs li {
	list-style: none;
	float: left;
	margin: 0 12px 12px 0;
	padding: 0;
}
.thumbs.style1 li {
	width: 46%;
}
.thumbs.style1 img {
	width: 100%;
}
.thumbs li a {
}
.thumbs li img {
	display: block;
}
.thumbs li a img {
	border: none;
}
#cycle {
	margin: 0;
	padding: 0;
	width: 100%;
	padding: 0;
}
#cycle li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 3px;
	width: 100%;
	overflow: hidden;
}
#cycle li img {
	width: 100%;
}
#cycle li div {
	position: absolute;
	bottom: 3px;
	left: 3px;
	padding: 3px;
	width: 494px;
	background: black;
	color: white;
	font-size: 12px;
	opacity: .8;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
}
#cboxLoadedContent iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background: #000;
}
#colorbox {
}
#cboxContent {
	margin-top: 20px;
}
#cboxLoadedContent {
	background: #000;
	padding: 5px;
}
#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}
#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}
#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	background: url(images/controls.png) top left no-repeat;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxPrevious.hover {
	background-position: bottom left;
}
#cboxNext {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	background: url(images/controls.png) top right no-repeat;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxNext.hover {
	background-position: bottom right;
}
#cboxLoadingOverlay {
	background: #000;
}
#cboxLoadingGraphic {
	background: url(images/loading.gif) center center no-repeat;
}
#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(images/controls.png) top center no-repeat;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
}
#cboxClose.hover {
	background-position: bottom center;
}
.color-red
{
	color: #FF0000;
}
.color-darkred
{
	color: #AB111A;
}
.color-yellow
{
	color: #E36C09;
}
.color-lightyellow
{
	color: #406975;
}
.color-darkpink
{
	color: #C0504D;
}
.color-green
{
	color: #00B050;
}
.color-pink
{
	color: #8064A2;
}
.ms-nav-next,.ms-nav-prev
{
	display: none;
}

/*header*/
.head-font{
	font-family: 'Poppins';
	font-weight: 700;
	letter-spacing: -1px;
}
.header-section .navbar	{
	border: none;
	height: 80px;
	/*position: fixed;*/
	background-color: #fff;
	width: 100%;
	z-index: 9999;
	border-radius: 0px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}
.nav-left li a{
	font-weight: 600;
	color: #9a9a9a;
	font-size: 16px;
}
.nav-left li a:hover{
	color: #E35C02;
}
.navbar-right li{
	width: 100%;
	display: inline-block;
}
.navbar-right li a{
	padding:0px 0 0; 
	color: #fff;      
}

.navbar-right li a span{   
	float: left;    
}
.header-right .navbar-right .text-navbar-right{
	margin-left: 15px;
}
.navbar-right .phone-num{
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
}
.header-section .header-left{
	display: inline-block;

	width: 35%;
	float: left;
}

.header-section .header-left .nav-left{
	padding: 10px 65px;
}
.header-section .header-left .navbar-default {
    margin: 15px 0px 0;
    width: 200px;
}
.navbar-logo img
{
	width: 200px;
}
.header-section .header-right{
	background-color: #fff;
	color: #333;
	width: 65%;
	padding:0;
	float: left;
}
.header-section .header-right .navbar-right{
	float: left!important;
	width: 75%;
	margin: 0;
    padding: 0 40px;
}
.header-section .navbar-collapse{
	padding: 0;
}
.navbar-right li img {
    width: 26px;
}


/*menu-sliding*/
.menu-list ul li{
	width: 100%;
}
.nav.navbar-nav.menu-list {
    margin: 20px 0 0;
    width: 100%;
}
nav {
  position: relative;
  z-index: 1;
}
nav::after {
  content: "";
  display: block;
  clear: both;
}
aside {
    position: absolute;
	width: 100%;
	background: #fff;
	right: 0;
	top: 82px;
	display: none;
	z-index: 999;
	height: auto;
	overflow-y: auto;
}
aside a {
  	display: block;
	padding: 0px 5px;
	text-decoration: none;
	font-size: 16px;
	color: #818181; 
}
.toggle-wrap {
	padding: 0 0 0 0px;
	position: relative;
	cursor: pointer;
	float: right;
	right: 0px;
	height: 50px;
	margin-top: 15px;
}
  /*disable selection*/
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.list-menu.open .toggle-wrap .toggle-bar,
.list-menu.open .toggle-wrap .toggle-bar::before,
.list-menu.open .toggle-wrap .toggle-bar::after {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.toggle-bar {
	width: 25px;
	margin: 22px 0;
	position: relative;
	border-top: 3px solid #333;
	display: block;
}
.toggle-bar::before,
.toggle-bar::after {
	content: "";
	display: block;
	background: #333;
	height: 3px;
	width: 25px;
	position: absolute;
	top: -10px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-transform-origin: 13%;
	-webkit-transform-origin: 13%;
	transform-origin: 13%;
}
.toggle-bar::after {
  top: 4px;
}
.list-menu.open .toggle-wrap .toggle-bar {
  border-top: 3px solid transparent;
}
.list-menu.open .toggle-wrap .toggle-bar::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -9px;
}
.list-menu.open .toggle-wrap .toggle-bar::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.nav.navbar-nav.menu-list li {
	display: inline-block;
	text-align: center;
}
.menu-socialicon li{
	display: inline-block;
	list-style: none;
}
.menu-socialicon li a{
	color: #818181;
	font-size: 13px;
}
.menu-socialicon{
	text-align: center;
	padding: 0;
}
.menu-slide .navbar-nav > li > a{
	color: #262626;
    font-size: 16px;
    padding: 9px 14px;
    display: inline-block;
}
.menu-slide .navbar-nav > li > a:hover{
	color: #E35C02;
}
.header-footer {
	text-align: center;
    font-size: 13px;
    font-family: poppins;
    color: #818181;
    font-weight: 600;
}
/**/

.list-menu
{
	display: inline-block;
	float: right;
	padding-left: 20px;
}
.header-right .nav.navbar-nav.pull-right li {
    padding: 30px 0;
}
.header-right .nav.navbar-nav.pull-right {
    display: inline-block;
    position: relative;
   /* height: 80px;*/
}


/*.dropdown-menu {
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    display: block;
}

.open .dropdown-menu {
    opacity: 1;
}*/
.dropdown, .dropup {
    position: initial !important;
}
.menu-slide .navbar-nav > li > a:hover,.menu-slide .navbar-nav > li.active > a
{
	color: #980881;
	background-color: transparent;
}
.nav.navbar-nav.pull-right.list-detail a:hover
{
	background-color: transparent;
}
.nav.navbar-nav.pull-right.list-detail a {
    font-size: 16px;
    color: #262626;
    padding: 0 0;
	margin: 0 0px;
}
.nav.navbar-nav.pull-right.list-detail a .head-title {
    color: #b3b3b3;
    margin-right: 8px;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list {
    padding: 0px 0 0 14px;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list a {
    background: #980881;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    padding: 0 10px 6px;
    position: relative;
}
.enquiry {
    display: inline-block;
    padding-left: 35px;
}
.enquiry .first {
    font-size: 9px;
}
.enquiry .second {
    font-size: 14px;
    font-weight: 600;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list a::before {
    content: "\f0e6";
	font-family: Fontawesome;
	font-size: 26px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
}
.null-pointer {
    pointer-events: none;
}

/*end header*/


.services-listing {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.services-listing .h-serviceslist {
    padding: 0 100px;
    margin: 0;
    width: 100%;
    line-height: 35px;
}
.services-listing .h-serviceslist li {
    display: inline-block;
    margin-right: 10px;
}
.services-listing .h-serviceslist li a {
    font-size: 32px;
    text-transform: uppercase;
}
.services-listing .h-serviceslist li.multi-color-printing::after,
.services-listing .h-serviceslist li.photocopy::after,
.services-listing .h-serviceslist li.finishing-binding::after,
.services-listing .h-serviceslist li.plotter::after {
    content: "|";
    font-size: 30px;
    margin-left: 10px;
    top: -3px;
    position: relative;
    color: #b3b3b3;
    font-weight: 300;
}
.services-listing .h-serviceslist li.multi-color-printing a {
    color: #fd2828;
    font-weight: 300;
}
.services-listing .h-serviceslist li a:hover,.services-listing .h-serviceslist li a:focus
{
	text-decoration: none;
}
.services-listing .h-serviceslist li.photocopy a {
    font-weight: 700;
    font-size: 38px;
    color: #d0e42b;
}
.services-listing .h-serviceslist li.digital-printing a {
    color: #3dadf4;
    font-weight: 300;
}
.services-listing .h-serviceslist li.finishing-binding a {
    color: #f268c3;
    font-weight: 600;
}
.services-listing .h-serviceslist li.student-projects a {
    color: #730f0f;
    font-weight: 300;
}
.services-listing .h-serviceslist li.plotter a {
    color: #a640bf;
    font-weight: 300;
}
.services-listing .h-serviceslist li.a4-a3 a {
    color: #58e254;
    font-weight: 700;
    font-size: 38px;
}
section .facilities-display {
    display: inline-block;
    margin-bottom: 30px;
}
.display-break {
    display: block;
    width: 100%;
    height: 50px;
}
.col-md-4 .video-wrapper img {
    width: 100%;
}
.block-head {
    display: inline;
    background: #fff;
    position: relative;
    /*padding: 0 5px;*/
    /*font-size: 70px !important;*/
	font-weight: 600;
}
html
{
	overflow-x: hidden;
}
.nopadding iframe
{
	width: 100%;
	height: 100%;
}
.iconlist li {
    position: relative;
}
.iconlist.dark li i {
    color: #980881;
    position: absolute;
    left: 0;
    top: 5px;
}
.iconlist li span {
    display: inline-block;
    padding-left: 23px;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list a:hover::before {
    color: #ddd;
    -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
         -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list a:hover {
    color: #ddd;
}





/*media query*/

@media(max-width: 767px)
{

.topbar.pink-2 {
    height: 47px;
}
.header-section .navbar .container .row
{
	margin: 0;
}
.header-section .header-left {
    width: 100%;
    height: 60px!important;
}
.header-section .header-right {
    width: 100%;
    padding: 0;
}
.list-menu {
    display: inline-block;
    float: right;
    padding-left: 20px;
    margin-right: 10px;
}
.nav.navbar-nav.menu-list {
    margin: 10px 0;
    width: 100%;
}
.nav.navbar-nav.menu-list li {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.header-right .nav.navbar-nav.pull-right
{
	position: absolute;
    top: -32px;
    left: 15px;
    height: initial !important;
    width: 100%;
}
.header-right .nav.navbar-nav.pull-right li {
    padding: 6px 0;
    display: inline-block;
    float: left;
}
.nav.navbar-nav.pull-right.list-detail a {
    padding: 0 0;
    margin: 0 15px;
    font-size: 14px;
    color: #fff !important;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list {
    padding: 0 0;
    margin: 0;
    float: right;
}
.header-right .nav.navbar-nav.pull-right li.enquiry-list a {
    background: transparent;
    color: #fff;
    border-radius: 4px;
    line-height: 12px;
    padding: 0 10px 6px;
    position: relative;
    margin: 0;
    cursor: pointer;
}
.sub-title-2 {
    margin: 0 auto 30px auto;
}
.services-listing .h-serviceslist {
    padding: 0;
    margin: 0;
}
.services-listing .h-serviceslist li {
    display: inline-block;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
.services-listing .h-serviceslist li a {
    font-size: 29px;
}
.services-listing .h-serviceslist li.multi-color-printing::after,
.services-listing .h-serviceslist li.photocopy::after,
.services-listing .h-serviceslist li.finishing-binding::after,
.services-listing .h-serviceslist li.plotter::after {
    content: "";
}
.sec-bpadding-2 {
    padding-bottom: 0;
}
.header-inner.two {
    height: 59px;
}
.header-inner.two .overlay {
    height: 59px;
}
section .facilities-display {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}


}

@media(min-width: 768px) and (max-width: 991px)
{
	.header-inner.two {
    height: 125px;
}
.header-inner.two .overlay {
    height: 125px;
}
.header-section .navbar .container .row
{
	margin: 0;
}
.header-section .header-left {
    display: inline-block;
    padding: 4px 0;
    width: 100%;
    float: left;
}
.header-section .header-left .navbar-default {
    width: 96%!important;
}
.header-section .header-right {
    background-color: #fff;
    color: #333;
    width: 63%;
    padding: 0;
    float: left;
    margin-right: 2%;
}
.header-right .nav.navbar-nav.pull-right li {
    padding: 30px 0;
    display: inline-block;
}
#header {
    padding: 0 0 0px 0;
}
.services-listing .h-serviceslist {
    padding: 0;
    margin: 0;
}
.services-listing .h-serviceslist li {
    display: inline-block;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
.services-listing .h-serviceslist li.multi-color-printing::after,
.services-listing .h-serviceslist li.photocopy::after,
.services-listing .h-serviceslist li.finishing-binding::after,
.services-listing .h-serviceslist li.plotter::after {
    content: "";
}
.sub-title-2 {
    margin: 0 auto 40px auto;
}
}

@media(max-width: 1024px)
{
	.header-section .navbar .container .row
{
	margin: 0;
}
.divider-line.light {
    border-bottom-color: #e4e4e4;
    display: none;
}

}
/*end media query*/
section.expertise {
    padding: 50px 0;
}
@media(max-width: 991px){
	.resp-class{
		display: block!important;
	}
	.lg-resp{
		display: none!important;
	}
	.ph-num{
	    margin: 4px 0;
	}
	.enquiry-list a{
		display: inline-block;
	    float: right;
	    padding: 0!important;
	    position: absolute;
	    right: 0px;
	    top: -29px;
	    color: #fff;
	}
	.topbar li.enquiry-list a::before {
	    content: "\f0e6";
	    font-family: Fontawesome;
	    font-size: 21px;
	    position: absolute;
	    top: 4px;
	    left: 0;
	    color: #fff;
}
.header-section .header-left .navbar-default {
    margin: 5px 11px;
    width: 100%;
}
.navbar-logo img {
    width: 150px;
}
.header-left .navbar-toggle{
	margin-top: 5px!important;
}
.header-section{
	margin-bottom: 15px;
}
}
@media(min-width: 992px){
	.resp-class{
		display: none!important;
	}
	.lg-resp{
		display: block!important;
	}
}
.ph-num{
	color: #fff;
	display: inline-block!important;
}
@media (min-width: 1024px) and (max-width: 1166px){
	.header-section .header-left {
	    width: 25%;
	}
	.header-section .header-right{
		width: 75%;
	}
}