/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:48px;}
        #cboxTitle{ position:absolute; bottom:16px; left:10px; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; text-align:left; width:700px; color:#8a8989;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:-25px; right:5px; border:0px; background: url(../images/close1.png) top left no-repeat; width:48px; height:27px; text-indent:-9999px; z-index:999}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/**
 * BXSLIDER V4.0 - FULLY LOADED, RESPONSIVE CONTENT SLIDER
 * http://bxslider.com*/
 /** RESET AND LAYOUT
===================================*/
.mslider{
	width:130px; height:130px;
	
}
.mslider,
.mslider li{
	width:576px;
	height:378px;
	position:relative;
}
.mslider em{
	position:absolute;
	left:50%;
	top:0px;
	width:959px;
	height:477px;
	margin-left: -479px;
/*	background:url(../images/slider.png) no-repeat 0 0;
*/	z-index:3;
}
.mslider a{
	position:absolute;
	left:335px;
	top:251px;
	width:130px;
	height:130px;	
	background:url(../images/play.png) no-repeat 50% 46%;
	z-index:3;	
}
.mslider a:hover{
	background:url(../images/play_h.png) no-repeat 50% 46%;
}
.mslider ul{ list-style:none;}
.mslider .bx-wrapper {
	position: relative;	
	padding: 0;	
}
.mslider .bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
.mslider .bx-wrapper .bx-viewport {	
	left: 0px;	
	z-index:2;
    overflow: visible !important;
}
.mslider .bx-wrapper .bx-controls-auto {	
	width: 100%;
}

/* LOADER */
.mslider .bx-wrapper .bx-loading {
	min-height: 50px;
/*	background:url('../img/bx_loader.gif') no-repeat 0 0; 
*/	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.mslider .bx-wrapper .bx-pager {
	display:none !important;
}
.mslider .bx-controls{}
.mslider .bx-wrapper .bx-pager .bx-pager-item,
.mslider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {	
    list-style-type: none;	
}
.mslider .bx-wrapper .bx-pager .bx-pager-item{}

.mslider .bx-wrapper .bx-pager.bx-default-pager a {	}

.mslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mslider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: 0 -600px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.mslider .bx-controls-direction{
	
}
.mslider .bx-wrapper .bx-prev,
.mslider .bx-wrapper .bx-next{	
	display:none !important;
}
.mslider .bx-wrapper .bx-prev {}
.mslider .bx-wrapper .bx-next {
	background-position: 0 -40px;
	left:auto;
    right: 19px;
}
.mslider .bx-wrapper .bx-prev:hover {
	background-position: 0 -80px;
}
.mslider .bx-wrapper .bx-next:hover {
	 background-position: 0 -120px; 
}

.mslider .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.mslider .bx-wrapper .bx-controls-auto {
	text-align: center;
}
.mslider .bx-wrapper .bx-controls-auto .bx-start {}
.mslider .bx-wrapper .bx-controls-auto .bx-start:hover,
.mslider .bx-wrapper .bx-controls-auto .bx-start.active {}
.mslider .bx-wrapper .bx-controls-auto .bx-stop {}
.mslider .bx-wrapper .bx-controls-auto .bx-stop:hover,
.mslider .bx-wrapper .bx-controls-auto .bx-stop.active {}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.mslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.mslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;	
}

/* IMAGE CAPTIONS */
.mslider .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;	
	width: 100%;
}
.mslider .bx-wrapper .bx-caption span {	
	display: block;
}

/*decoration bl */
.decoration{
	min-width:900px;
	position:relative;
	min-height:184px;
	padding: 0 0 59px;
}
.decoration div{
/*	background:url('../img/bg/frames.jpg') no-repeat 0 0;
*/	width:1241px;
	height:184px;
	position:absolute;
	left:50%;
	margin-left:-621px;
	top:0px;
}
/*decoration bl end */

/*service bl */
.service{}
.service .b-title{
	padding:0px 0px 68px;
}
.service-l{}
.service-l>li{
	padding: 0 0 30px;
    text-align: center;
    width: 450px;
	margin:0px -2px 0px 0px;
	text-shadow: 0px 1px 0px #fff;
}
.service-l h2{
	font: normal 600 26px/28px 'proxima-nova', Helvetica, Arial, 'sans-serif';	
	padding: 30px 9px 25px 0;
	color:#111;	
}
.service-l h2 img{
	width:29px;
	 margin: -2px 9px 0 0;
}
.service-l p{
	text-align:left;		
	min-height: 125px;
    padding: 0 0 25px 11px;
    text-align: left;
}
/*service bl end */

/*banner bl */
.banner{
	padding:0px 0px 23px;
}
.banner span{
	display:block;	
	padding:3px 0 0;
}
.banner span,
.brands li{
	font: normal 300 14px/16px 'proxima-nova', Helvetica, Arial, 'sans-serif';	
	color:#666;
}
/*banner bl end */

/*brands bl */
.brands{
	text-align:center;
}
.brands ul{}
.brands li{
	font: normal 400 13px/16px 'proxima-nova', Helvetica, Arial, 'sans-serif';	
	padding: 0 20px 22px;
}
.brands li a{
	color:#666;
	text-decoration:none;
}
.brands li a:hover{
	text-decoration:none;
}
.brands li span{
	display:block;
	padding:10px 0px 0px;
}
.brands li em{
	width: 48px;
	height: 63px;
}
.brands li.i-ipad em{
	background-position: 0 0;
}
.brands li.i-ipad a:hover em{
	background-position: 0 -73px;
}
.brands li.i-win em{
	background-position: 0 -146px;
	width: 61px;
}
.brands li.i-win a:hover em{
	background-position: 0 -219px;
}
.brands li.i-mac em{
	background-position: 0 -292px;
}
.brands li.i-mac a:hover em{
	 background-position: 0 -365px; 
}

/*brands bl end */

/* footer style */
#footer .container {
	padding: 6px 0 0;
    width: 732px;
	text-shadow: 0px 1px 0px #fff;
}
#footer a{
	color:#999;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:none;
	color:#111;
}
#footer nav{
	float:right;
}
#footer nav a{
	float:left;
	margin:0px 0px 0px 15px;
}
#footer p{
	display:block;
	min-width:40%;
	padding:0;
	display:block;	
}
/* footer style end */

/*error 404 bl */
.error_404{
	/*width:900px;
	position:fixed;
	left:50%;
	margin-left:-450px;
	top:37%;*/	
}
.error_404 .b-title{
	padding:0;
}
.error_404 p{
	font-weight:300;	
}
.error_404 span{
	padding-top:10px;
}
/*error 404 bl end */

/*about us bl */
.about-us{
	  padding: 64px 0 20px;
}
.about-us .b-title p,
.about-us .b-title h1{
	font-size:69px;
}
.about-us-cont{
	 padding: 3px 0 0;
}
.about-us-cont img{
	float:left;
	 margin: 0 61px 0 0;
}
.about-us-cont div{
	padding:37px 0px 0px;
}
.about-us-cont p{
	text-shadow: 0px 1px 0px #fff;		
}
.about-us-cont h2{
	font: normal 600 26px/28px 'proxima-nova', Helvetica, Arial, 'sans-serif';	
	padding:0px 0px 26px;
}
/*about us bl end */

/*contacts bl */