﻿li, ul, ol {
    list-style: none;
} 

.nav img{ width:25px; height:25px;}

.divshow { display:block;}
.divhid { display:none;}

/*left*/
.leftnav ul li {
    text-transform: uppercase;
}
    .leftnav ul li a {
    display: block;
    position: relative;
    padding: 8px 10px 8px;
    text-transform: uppercase;
}
    .leftnav ul li a:hover:before {
        transform: scale3d(1,1,1);
    }
    .leftnav ul li a:hover {
        background-color: #e50000; color:#ffffff;
    }
/*
.leftnav ul li > a:after {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    border-color:#808080;
    top: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-left: none;
    right: 20px;
}*/
.leftnav ul li.cat > a:after {
        content: "\002b";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    border-color:#808080;
    top: 18px;

    right: 20px;
}

.leftnav ul li.cat1 > a:after {
        content: "\2212";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    border-color:#808080;
    top: 18px;

    right: 20px;
}

.leftnav ul li > a:hover:after {
    border-color: #ffffff;
}

.leftnav ul li a.active {
    background-color: #e50000;
    color: #ffffff;
}

.leftnav ul li.cli a.active {
    background-color:#f63030;
    color: #ffffff;
}

.leftnav ul li > a.active:after {
    border-color: #ffffff;
}

/*details*/
h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 0;
}
.spaninduce {
    display: block;
    margin-top: -10px !important;
    margin-bottom: 12px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}


.cloud_computing {
    width: 100%;
   /*  border-bottom: 1px solid #d7d7d7; */
    display: table;
    overflow: hidden;
}

.read_more_product1 a {
    text-align: center;
    /* display: block;*/
    padding: 5px 15px;
    color: #fff;
    background: #cc3333;
    border-radius: 5px;
    height: 38px;
    width: 185px;
    line-height: 38px;
}

.solution_product_wrap {
    padding-bottom: 48px;
}
    .solution_product_wrap h2.title {
        margin-bottom: 12px;
    }
h2.title {
    font-size: 36px;
    text-align: center;
    line-height: 48px;
}
    .solution_product_wrap .solution_product_cont {
        position: relative;
    }

#section2 p { padding:0 0px 10px 0;}

/*about*/
    .p-nav {
    opacity: 0.8;
    transition: opacity .3s ease;
    background-color: #222;
    position: absolute;
    bottom: 0px;
    line-height:55px;
    width: 100%;
}
.p-nav a {
    color:#fff;
    padding:10px 20px;
}
.p-nav a:hover{
    background-color:#e50000;
}
.p-nav a.active{
    background-color:#e50000;
}
                           
@media only screen and (max-width:767px){
    .p-nav{ position:relative;}
}  


div.flickr {
	padding:10px 0;margin:0px; text-align:center; font-family:Verdana; font-size:12px;text-align:left;
}
div.flickr a {
	border-right: #dedfde 1px solid; 
    padding-right: 12px; 
    background-position: 50% bottom; 
    border-top: #dedfde 1px solid; 
    padding-left: 12px; 
    padding-bottom: 6px; 
    border-left: #dedfde 1px solid; 
    color: #0061de; 
    margin-right: 3px; 
    padding-top: 6px; 
    border-bottom: #dedfde 1px solid; 
    text-decoration: none;
    border-radius: 3px;

}
div.flickr a:hover {
	border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #333; border-bottom: #000 1px solid; background-color: #fff
}
div.meneame a:active {
	border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de
}
div.flickr span.current {  
	padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px
}
div.flickr span.disabled {
	padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px
}

.n-banner-txt{text-align:left; color:#ffffff; max-width:640px; }

.n-banner-txt h1{
    font-size: 55px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 700;
}
.n-banner-txt h2{ color:#ffffff;}
.n-banner-txt p{ font-size:20px; padding-bottom:15px;}

@media only screen and (max-width:767px) {
    .n-banner-txt{position:relative;}
    .n-banner-txt h1 {
        font-size:25px;
        line-height: 50px;
        margin-bottom: 0px;
    }
}


#newbrand {
	height:550px;
	width:100%;
	padding:70px 0;
	clear:both;
	background:#646466 url(/Assets/images/home-background-newbrand.jpg) center center no-repeat;
	background-size:cover;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-line-pack:center;
	-webkit-align-items:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	overflow:hidden
}
#newbrand a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
	z-index:4
}
#newbrand img {
	margin:25px 0
}
#newbrand .brandbig {
	font-size:49px;
	line-height:50px
}
#newbrand .brandsmall {
	font-size:26px
}
#newbrand video#bgvid {
	z-index:2;
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	-ms-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
#newbrandvideo {
	position:fixed;
	z-index:1001;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff
}
#newbrandvideo .button {
	position:absolute;
	top:2%;
	right:1%;
	z-index:1002
}
#newbrandvideo .button:after {
	display:none
}

.p-list-box{transition:all .2s linear;-webkit-transition:all .2s linear; margin-bottom:20px; padding-bottom:10px;border:1px solid #ffffff;border-top:solid 2px #ffffff;}
.p-list-box:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0); border:1px solid #eaebec;border-top:solid 2px #e50000;}


