/*@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url(http://psdtohtml5design.com.au/work/digitalpicasso/font/OpenSans-Regular-webfont.eot?#iefixx') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url(http://psdtohtml5design.com.au/work/digitalpicasso/font/OpenSans-Regular-webfont.svg#OpenSansRegularr') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../font/OpenSans-Semibold-webfont.eot');
    src: url(http://psdtohtml5design.com.au/work/digitalpicasso/font/OpenSans-Semibold-webfont.eot?#iefixx') format('embedded-opentype'),
         url('../font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url(http://psdtohtml5design.com.au/work/digitalpicasso/font/OpenSans-Semibold-webfont.svg#OpenSansSemiboldd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('../font/texgyreadventor-bold-webfont.eot');
    src: url(http://psdtohtml5design.com.au/work/digitalpicasso/font/texgyreadventor-bold-webfont.eot?#iefixx') format('embedded-opentype'),
         url('../font/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../font/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url(http://psdtohtml5design.com.au/work/digitalpicasso/font/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBoldd') format('svg');
    font-weight: normal;
    font-style: normal;

}

*//*-------------GENERAL SETTING---------*/
@font-face {
    font-family: 'MicrosoftNewTaiLueRegular';
    src: url('ntailu.eot');
    src: url('ntailu.eot') format('embedded-opentype'),
         url('ntailu.woff') format('woff'),
         url('ntailu.ttf') format('truetype'),
         url('ntailu.html#MicrosoftNewTaiLueRegular') format('svg');
}

@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.html');
    src: url('Roboto-Regular-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont-2.html') format('woff'),
         url('Roboto-Regular-webfont-3.html') format('truetype'),
         url('Roboto-Regular-webfont-4.html#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{
	color:#7A7A7A;
	font-family:'MicrosoftNewTaiLueRegular';
	line-height:2;
}
li{line-height:2;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-family:'MicrosoftNewTaiLueRegular';color:#333;}

a,.hero-inner,.ss-image img {
transition:ease-out .3s;
-webkit-transition:ease-out .3s;
-moz-transition:ease-out .3s;
-o-transition:ease-out .3s;
-ms-transition:ease-out .3s;
}
.mask{
transition:ease-out .15s;
-webkit-transition:ease-out .15s;
-moz-transition:ease-out .15s;
-o-transition:ease-out .15s;
-ms-transition:ease-out .15s;
}
a:focus,a:active{border:none;outline:none;color:#fff;}
.mask {
    background: #fff;
    color: #333;
    height: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
	opacity:0;
	z-index:1;
}


.fixed
{
     position: fixed;
   top: 10%;
   left: 132px;
    width: 80px;
   height: 0px;
   text-align:right;
   z-index:9999;
   margin-top:-15px;
}


.mask i 

{
    background: none repeat scroll 0 0 #0EABD9;
    color: white;
    display: block;
    height: 50px;
    left: 0;
    line-height: 50px;       
    position: absolute;
    text-align: center;
    width: 50px;
}
.mask p {
    font-size: 12px;
    line-height: 50px;
    margin-left: 60px;
}
a{color:#0EABD9;}
a:hover .mask{opacity:1;height:50px;}
 input,textarea{width:96%;padding:5px 2% !important;}
 .error{font-style:italic;font-size:10px;color:#0eabd9;line-height:10px;}
 .modal fieldset{color:#333;}
 
.modal-header {
    background: url("../images/wall.png") repeat scroll 0 0 transparent;
}
.modal-header h3,.modal .close{color:#fff;}
.modal .pull-left{margin-right:15px;}
.modal .button-icon{margin-top:20px;}
.content-page{padding:86px 0;}
.spacing-80{height:80px;width:100%;}
.spacing-40{height:40px;width:100%;}
.title-color{margin:0 0 40px;color:#0eabd9;}
.title-white{margin:0 0 40px;color:#fff;}
.title-small{margin:0 0 20px;line-height:25px; font-size:14px; color:#FAFAFA;}
/*.bg-dark{ :none repeat scroll 0 0 #1F1F1F; background:url(../images/feature.png) repeat-x;}*/
.more-white{color:#fff;font-family:'MicrosoftNewTaiLueRegular';}
.more-white i,.more-color i{color:#0eabd9;}
.more-color:hover,.more-white:hover{color:#0eabd9;}
.more-color{color:#333;font-family:'MicrosoftNewTaiLueRegular';display:inline-block;margin-bottom:20px;}
.bg-color{background:none repeat scroll 0 0 #0EABD9;color:#E6E6E6;}
.bg-color .more-white:hover{color:#333;}
.bg-color .more-white i{color:#fff;}
.margin-min60{ margin-top: -60px;}
.strong{max-width:600px;margin:auto;font-family:'MicrosoftNewTaiLueRegular';}
.strong span{color:#0EABD9;}
blockquote {
    border-left: 5px solid #0EABD9;
	line-height:2;
}
.margin-top60{margin-top:60px;}
/*------------------HOME SECTION---------*/
h3.title-small a{ font-weight:bold; color:#F00}
h3.title-small1{ color:#C4161F}
#home {
    position: relative;
}
.navigation select{display:none;}
.menu {
    width: 100%;
    z-index: 999;
	min-height:60px;
}


.menu .current a{color:#C4161E;}
.navi a:hover{opacity:0.8; text-decoration: none;}
.header{position:relative;}
.contact {
    height: 100%;
    line-height: 48px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 80px;
}
.contact a {
    border: 2px solid;
    border-radius: 100px 100px 100px 100px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    width: 20px;
}
.is-sticky .menu{/*background:rgba(0,0,0,0.9);*/left:0;}
.menu{
transition:ease-out 1s;
-webkit-transition:ease-out 1s;
-moz-transition:ease-out 1s;
-o-transition:ease-out 1s;
-ms-transition:ease-out 1s;
background: #fff;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#F0F0F0));
background: -webkit-linear-gradient(#EEEEEE, #F0F0F0);
background: -moz-linear-gradient(#EEEEEE, #F0F0F0);
background: -ms-linear-gradient(#EEEEEE, #F0F0F0);
background: -o-linear-gradient(#EEEEEE, #F0F0F0);
background: linear-gradient(#EEEEEE, #F0F0F0);*/
border-bottom: solid 1px #D1D1D1;
}
.menu ul{list-style:none;text-align:center;/*margin:0 20px 0 auto;*/float:left;}
.menu ul li{display:inline-block;margin:0 5px; text-transform: uppercase;}
.menu ul li a{padding:15px 6px 10px;display:block;color:#040404; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.center{text-align:center;}
.align-right{text-align:right;}

.menu ul li a:hover
{
    color: #C4161E;
}

/*home list section*/
.home-list{margin-top:0px;position:relative;z-index:1;}
.home-list i {
    background: none repeat scroll 0 0 #0EABD9;
    border: 10px solid white;
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    margin: 20px 0;
    width: 80px;
}
.home-list .tooltip-inner,.img-anim .tooltip-inner{font-size:15px;text-transform:uppercase;}
.home-carousel{margin:26px 0 0;}
.home-carousel img{display:inline-block !important;}
.tooltip{font-family: 'MicrosoftNewTaiLueRegular';}
.tooltip-inner{color: #fff;background-color:#0EABD9;}
.tooltip.top .tooltip-arrow{border-top-color:#0EABD9;}
.tooltip.right .tooltip-arrow{border-right-color:#0EABD9;}
.tooltip.left .tooltip-arrow{border-left-color:#0EABD9;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#0EABD9;}
/*bg-black section*/
.bg-black {
/*    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);*/
	color:#fff;
    padding: 60px 0;
    width: 100%;
}
.bg-black h3{color:#0eabd9;}

/*button setting*/
.button-icon {
    background: none repeat scroll 0 0 #0eabd9;
	border-radius:5px 5px 5px 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 20px 40px 20px 50px;
    position: relative;
    text-align: center;
	margin-right:10px;
	margin-bottom:10px;
	font-family:'MicrosoftNewTaiLueRegular';
	line-height:1;
}
.button-icon:hover,.btn-icon:hover{color:#fff;background:#333;}
.button-icon i {
    display: block;
    float: left;
    font-size: 40px;
    height: 67px;
    left: 0;
    line-height: 67px;
    position: absolute;
    top: 0;
    width: 40px;
}
.button-icon span {
    clear: right;
    display: block;
    font-size: 14px;
    margin-top: -7px;
	font-family:'MicrosoftNewTaiLueRegular';
}
.button-icon .small-icon{font-size:30px;width:50px;}

.btn-icon {
    background: none repeat scroll 0 0 #0eabd9;
    color: white;
    display: inline-block;
    line-height: 20px;
    padding: 6px 20px;
	border-radius: 3px 3px 3px 3px;
}
.btn-shadow{box-shadow:0 0 2px 0 #333}


/*-----------FEATURES SECTION--------------*/
.tab-list{position:relative;}

.tab-menu {
    list-style: none outside none;
    margin: 0;
    position: absolute;
    right: 40px;
    top: 0;
}
.tab-menu li{display:inline-block;}
.tab-menu .tab-circle{background:#1f1f1f;border:3px solid #1f1f1f;border-radius:100px;width:12px;height:12px;cursor:pointer;}
.tab-menu a{border:3px solid #333;border-radius:100px;width:18px;height:18px;display:block;}
.tab-menu a:hover .tab-circle,.active .tab-circle{background:#333;}
.bg-white{background:url("../images/feat.png") repeat scroll 0 0 transparent;  margin:00px 0px 0px 0px}
.img-anim{position:relative;}
.circle-anim, .circle-anim:active, .circle-anim:focus {
    background: none repeat scroll 0 0 #0EABD9;
    border: 10px solid white;
    border-radius: 100px 100px 100px 100px;
    bottom: 20%;
    color: #FFFFFF;
    height: 80px;
    margin-bottom: -45px;
    margin-right: -45px;
    position: absolute;
    right: 20%;
    text-align: center;
    width: 80px;
}
.circle-anim:hover{color:#fff;}
.circle-anim i{line-height:80px;font-size:40px;}
.list-icon{margin:0;list-style:none;text-align:center;}
.list-icon li {display:inline-block;margin:10px;}
.list-icon li i {
    background: none repeat scroll 0 0 #0EABD9;
    border: 10px solid white;
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    margin: 20px 0;
    width: 80px;
	cursor:pointer;
}
.power-list{list-style:circle;}
/*register section*/
.big-icon {
     background: none repeat scroll 0 0 #000000;
    border: 3px solid #FFFFFF;
    border-radius: 500px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 60px;
    height: 88px;
    line-height: 84px;
    margin: auto auto 10px;
    position: relative;
    text-align: center;
    width: 88px;
    z-index: 1;
}
.register-inner{position:relative;}
.arrow-pic{position:absolute;top:40px;z-index:0;}

.right-arrow {
    margin-right: -106.5px;
    right: -5%;
}

.left-arrow {
    margin-left: -106.5px;
    left: -5%;
}
.border-top{border-top:1px solid #282828;}
iframe{border:none;}
.monitor{position:relative;height:319px;}
.monitor-inner {
    height: 319px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    text-align: center;
    width: 400px;
}
.video-inner {
    height: 200px;
    margin: auto;
    width: 369px;
}


/*-----------SUBSCRIBE SECTION--------------*/
#smail{background:transparent;width: 95%;}
.subscribe{position:relative;overflow:hidden;}
.subscribe p,.subscribe blockquote{font-size:13px;}
#subscribe-form p {
    float: left;
    max-width: 300px;
    width: 100%;
}
#subscribe-form input,#subscribe-form .sub-btn  {border-radius:0;}
#subscribe-form input::-webkit-input-placeholder {
    color:    #fff;
}
#subscribe-form input:-moz-placeholder {
    color:    #fff;
}
#subscribe-form input::-moz-placeholder{
    color:    #fff;
}
#subscribe-form input:-ms-input-placeholder{
    color:    #fff;
}
.item .img-slide,.item .text-slide{
transition:ease-out 1s;
-webkit-transition:ease-out 1s;
-moz-transition:ease-out 1s;
-o-transition:ease-out 1s;
-ms-transition:ease-out 1s;
}
.item .img-slide{opacity:0;}
.left .img-slide{opacity:1;}
.active .img-slide{opacity:1;}
.item .text-slide{position:relative;top:500px;}
.left .text-slide{top:0;}
.active .text-slide{top:0;}
.subscribe .carousel-inner > .item {
	transition:ease-out 0s;
-webkit-transition:ease-out 0s;
-moz-transition:ease-out 0s;
-o-transition:ease-out 0s;
-ms-transition:ease-out 0s;
}


/*-----------PRICING SECTION--------------*/
.table{margin:auto auto 20px;max-width:300px;list-style:none;text-align:center;background:url("../images/feat.png") repeat scroll 0 0 transparent;}
.table li{line-height:2.5;margin-bottom: 10px;}
.table-title{background:#0eabd9;color:#fff;position:relative;padding:10px 0 80px;}
.table-title h3{color:#fff;}
.table-title p {
    background: none repeat scroll 0 0 #0EABD9;
    border: 10px solid #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    font-family: 'MicrosoftNewTaiLueRegular';
    font-size: 25px;
    height: 80px;
    left: 50%;
    margin-left: -60px;
    padding: 10px;
    position: absolute;
    top: 80px;
    width: 80px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.table-title span {
    display: block;
    font-size: 14px;
    margin-top: -22px;
}
.table-foot{padding:20px 0;}

/*-----------SCREENSHOT SECTION--------------*/
.screen-list{list-style:none;padding-left:40px;margin:0;position:relative;}
.screen-list li{margin-bottom:10px;}
.screen-list li i {
    color: #0EABD9;
    display: inline-block;
    font-size: 20px;
    left: 5px;
    line-height: 30px;
    position: absolute;
}
.screen-list li  .red{color:red;}
.ss-image{position:relative;margin-bottom:20px;overflow:hidden;}
.ss-image:hover img{opacity:0.6;}


/*-----------TWITTER SECTION---------------------*/
 #ticker {
        height: 4em;
        overflow-y: hidden;
        position: relative;
		text-align:center;
}
#ticker ul{list-style:none;margin:0;}
#ticker ul.tweet_list {
        position: absolute;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
}
#ticker ul a img{margin:10px;}
#ticker ul a{color:#fff;text-decoration:underline;}
 #ticker ul.tweet_list li {
        height: 4em;
}
/*-----------FOOTER SECTION--------------*/
#footer{background:#080606;padding:0px 0 16px; text-align:center}
#footer p {
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    line-height: 10px;
    margin: 0 0 0 10px;
    vertical-align: bottom;
}
/*social icon section*/
.social_icon{margin-bottom:10px;}

.social_icon ul {
    list-style: none outside none;
    margin: 0 10px 0 0;
    text-align: right;
}
.social_icon li{display:inline-block;line-height:20px;}

.social_icon li a {
    background: none repeat scroll 0 0 #0eabd9;
    color: #FFFFFF;
    display: block;
    height: 20px;
    padding: 5px;
    width: 20px;
}
.social_icon li a:hover{text-decoration:none;background:#000;}
.social_icon li .fblue:hover{background:#1a2ef0;}
.social_icon li .tblue:hover{background:#1ac0f0;}
.social_icon li .gred:hover{background:#f41171;}
.social_icon li .iblue:hover{background:#1f4df8;}


/*animate section*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
@-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);}
}


@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}



@media(max-width: 979px) {

    
.fixed
{
     position: fixed;
       top: 20%;
    left: 261px;
    width: 40px;
   height: 0px;
   text-align:right;
   z-index:9999;
   margin-top:-15px;
}


	.spacing-80,.spacing-40{height:10px;}
	.monitor-inner{margin-left:-192px;}
	.title-color,.title-white{margin-bottom:20px;}
}
@media (max-width: 767px) {


.fixed
{
     position: fixed;
       top: 20%;
    left: 261px;
    width: 40px;
   height: 0px;
   text-align:right;
   z-index:9999;
   margin-top:-15px;
}


 .downloads
{
  margin-left: 0 !important;
}
iframe
{
     width: 100%;
}

.brandheding
{
    width: 170px !important;
}

.brand li 

{
    width: 144px !important;
}

#casestudy{  height: auto !important;}
	
		.logo{text-align:center;}
		#home,.menu,.bg-dark,.bg-black,#footer,.bg-white,#features,.bg-color{
	    margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		}
		.monitor-inner{margin-left:-200px;}
		  .navigation select { 
			display: inline-block;
			float: left;
			left: 0;
			padding: 5px;
			text-align: center;
			font-family: inherit;
			margin:0;
			width: 100%;
			position:relative;
			z-index:33;
			}
			#nav ul,.arrow-pic {display:none;}
		#footer,#footer p{text-align:center;}
		.social_icon{margin-top:20px;}
		.social_icon ul{text-align:center;}
		.slider-img{width:50%;}
		#carousel_home,.img-anim{text-align:center;}
		#carousel_home h2{font-size:35px;margin-top:20px;}
		#carousel_home p{font-size:20px;}
		.tooltip{display:none !important;}
		.title-color,.title-white,.title-small{margin-bottom:10px;clear:both;}





		
		
}
@media (max-width:320px){
   
   .downloads
{
  margin-left: 0 !important
}
	 .carousel-inner{overflow:hidden;width:100%;position:relative; margin:3px 0px 0px 0px !important ; height:280px !important;}
 #home{ background:none !important}
 .bg-dark{ background:#000 !important}
 .bg-dark{ background:#000 !important;}
  #casestudy{  height: auto !important;}
  #slider {
    margin: auto;
    overflow: hidden;
    width: 100% !important;
	display:none;
}
.iphone{ display:block !important} 
.iphone img{ width:100%; margin:0px 0px 10px 0px}
.brandbox{ width:95% !important; margin:auto}
.carousel-inner{ background:none !important}
.register-inner{ float:left; width:50%}
.padd70{ padding:20px 0px 0px 0px}
#services{ background:#F5F5F5 !important;}
.content-page1 {
    padding: 0px 0 !important;
}
.brand {
    float: none !important;
}
.iphone{ padding:15px 0px 5px 0px !important}
.span06{ float:left;}
	.brandheding{ display:none}
	ul#tabs_2{ margin: 0 !important}
	.brand{ margin:0px 0px 0px 35px  !important}
}

@media (max-width:480px){
   
        .downloads
{
  margin-left: 0 !important
}
    .case_next{margin-top:-11%;}
	.brandheding{ display:none}
	.span06{ float:left;}
	.casestudy{}
	.casestudy img{ width:100%}

	.brand {
    float: none !important;
}
	.content-page1 {
    padding: 0px 0 !important;
}
	#services{ background:#F5F5F5 !important;}

	.padd70{ padding:10px 0px 0px 0px !important}
	.register-inner{ float:left; width:50%}
	.bg-dark{ background:#000 !important}
	.carousel-inner{overflow:hidden;width:100%;position:relative; margin:3px 0px 0px 0px !important ; height:280px !important;}
	 #casestudy{  height: auto !important;}
	#carousel_home h2{font-size:30px;}
	#carousel_home p{font-size:16px;}
	#carousel_home .button-icon{display:none;}
	.monitor-inner{display:none;}
	.monitor{margin-top:20px;height:auto;}
	.video-inner{max-width:400px;width:100%;height:auto;}
	.brandbox{ width:95%; margin:auto}
	.carousel-inner{ background:none !important}
}
	@media only screen(min-device-width : 768px) and (max-device-width:1024px){
        .map
        {
            width:600px;
        }
    }
	
	/*----------------------------box-------------------------*/
	.content-page1 {
    padding: 0px 0;
}
 #services{ background:#f5f5f5; background-repeat: no-repeat; background-size: 25%;}
 #casestudy{ background:#C4161F; margin:0px 0px 0px 0px; height:680px;}
 #career{ background:#666666; margin:0px 0px 0px 0px}
 #contact{ background:#151313; margin:00px 0px 0px 0px}
 #home{background: url(../images/bg-new.jpg) repeat-x;}
 
  #contact h2{ color:#F00; font-size:36px}
   #contact h4{ color:#F00; font-size:18px}
   #contact p{ color:#fff; font-size:12px;}
   
 .brand{ width:100%; margin:0px 0px 0px 0px; float:right}
 
 
 .brand ul{ float:left}
 .brand li{ float:left; width:120px; height:96px; margin:0px 16px 0px 4px; display:block}
 
 
 
/* .brand  .services{ width:89px; height:96px; background:url(../images/services-1.png) no-repeat; display:block}
 .brand  .services:hover{ width:89px; height:96px; background:url(../images/services-1-hover.png) no-repeat;display:block}
 
  .brand  .services1{ width:89px; height:96px; background:url(../images/services-2.png) no-repeat; display:block}
 .brand  .services1:hover{ width:89px; height:96px; background:url(../images/services-2-hover.png) no-repeat;display:block}
 
  .brand  .services1 .select{ width:89px; height:96px; background:url(../images/services-2-hover.png) no-repeat;display:block}
 
  .brand  .services2{ width:89px; height:96px; background:url(../images/services-3.png) no-repeat; display:block}
 .brand  .services2:hover{ width:89px; height:96px; background:url(../images/services-3-hover.png) no-repeat;display:block}
 
  .brand  .services3{ width:89px; height:96px; background:url(../images/services-4.png) no-repeat; display:block}
 .brand  .services3:hover{ width:89px; height:96px; background:url(../images/services-4-hover.png) no-repeat;display:block}*/
 
 .carousel-inner{overflow:hidden;width:100%;position:relative; margin:0px 0px 0px 10px ; height:506px; background:url(../images/laptop.png) no-repeat; background-position: center top; padding:0px 0px 0px 0px}
 
 
 /*------------------------------slider-----------------------------------*/
   #ie-test { position: relative; width: 100%; }
        #boxLinks { list-style: none; overflow: hidden; }
        #boxLinks li {  display: inline; }
        #boxLinks li a { padding: 5px 10px; color: black; text-decoration: none; border: 1px solid #ccc; float: left; display: block; margin-left: -1px; position: relative; left: 1px; }
        #boxLinks li a:hover { color: #fff; background: #000; }
        #box { /*height: 270px; border: 1px solid #ccc;*/ overflow: auto; padding: 0px 5px 0px 0px; margin:5px 0 5px; position: relative; top: -1px; }
        .box { display: none; height: 280px; overflow: auto; display: block; position: relative;  }
        #box1:target, #box2:target, #box3:target { display: block; }
		
		.iphone{ display:none}
		.brandbox{ width:53%; margin:auto}
		.padd70{ padding:0px 0 14px 0}



 /*------------------------------by prem-----------------------------------*/

#casestudy
{
    padding-top: 100px;
    padding-bottom: 100px;
}

 #tribute, #footer 
{
padding-top:2px;
}	


#features
{
padding-top:80px;
background: #1a1a1a;
}


		
#career, #tribute
{
padding-top:20px;
}	

#services
{
padding-top:90px;
}

#services .row
{
min-height:580px;

}

.brandheding{ width:140px; float:left}
.brandheding span{ float:left; text-align:left; line-height:18px; font-size:12px; font-weight:bold; color:#C4161F; height:40px; width:100%; display:block}

#box p{ line-height:17px;}

ul#tabs li a.selected .big-icon{  border: 3px solid #c4161f;}

.brandbox1{  float: left;
    margin: 0 0 0 23px;
    width: 100%;}


#slides article


{
    margin-left: 1%;
}


.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d13004), color-stop(1, #8a1903));
    background:-moz-linear-gradient(top, #d13004 5%, #8a1903 100%);
    background:-webkit-linear-gradient(top, #d13004 5%, #8a1903 100%);
    background:-o-linear-gradient(top, #d13004 5%, #8a1903 100%);
    background:-ms-linear-gradient(top, #d13004 5%, #8a1903 100%);
    background:linear-gradient(to bottom, #d13004 5%, #8a1903 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13004', endColorstr='#8a1903',GradientType=0);
    background-color:#d13004;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a1903), color-stop(1, #d13004));
    background:-moz-linear-gradient(top, #8a1903 5%, #d13004 100%);
    background:-webkit-linear-gradient(top, #8a1903 5%, #d13004 100%);
    background:-o-linear-gradient(top, #8a1903 5%, #d13004 100%);
    background:-ms-linear-gradient(top, #8a1903 5%, #d13004 100%);
    background:linear-gradient(to bottom, #8a1903 5%, #d13004 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a1903', endColorstr='#d13004',GradientType=0);
    background-color:#8a1903;
}
.myButton:active {
    position:relative;
    top:1px;
}


.services_bg
{
    background:#1a1a1a; width:100%;
    padding-top: 5%;
}


.icon_brand
{
    margin-top: 5%;
    
}

.icon_brand h2
{
    color: #3d3b3b;
    font-weight: bolder;
}




.casestudy1{ width:90%; margin:auto;  padding:0px 0px 0px 0px;}
.casestudy1 {}
.casestudy1 .span3{ width:240px; margin:0px 0px 0px 28px}
.casestudy1 .span3 h2{font-weight: bold;
    height: auto;
    margin: 0;
    padding: 0;
    text-transform: uppercase;}
    
.casestudy1 .span3 p{
    margin: 0 0 10px;}
.casestudy1 .span5 h4{ font-size:24px; font-weight:bold; line-height:44px; color:#c4161f;}
.casestudy1 .span9 a{  color:#c4161f; padding:20px 0px 0px 0px;}

.casestudy1 .span9 a:hover{
    color:#8b8787;
}

 #casestudy01{ margin:0px 0px 0px 0px; height: auto;}
 .case_padd{ padding:16px 0px 10px 0px; text-align: center; margin-right: 5%;}

 .casestudy_heading
 {
    margin-left: 17%;
 }

.navi li .active
{
    color:#c4161f;
}

.heading h4
{
    font-size:24px; font-weight:bold; line-height:44px; color:#c4161f;
    text-align: center;
}
.heading img
{
opacity:0.3;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.heading img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.case_study_nav
{
    float: right;
}

.social_icons
{
    margin-top: 1%;
}


.downloads
{
    margin-left: 32%;
}


.hr{
    background: url('../images/hr.jpg') repeat-x;
    opacity: 0.5;
}


@media(max-width: 1024px){
    body{overflow-y:scroll !important;}
    .navigation select{z-index: 1 !important;}
}