/************janey****add***************/
.view .clear{clear:both}
.view div.left,ul.left { float: left; }

.view div.right,ul.right { float: right; border:none;}

.view h1, .view h2.large, .view blockquote { font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 33px !important; font-weight: normal; color: #54575b; line-height: 1.25; }

.view h2 { margin: 0 0 5px 0; font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 28px !important; font-weight: 600; color: #54575b; line-height: 1.25; }

.view h2.large { margin: 0; }

.view h3 { font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 18px !important; font-weight: 600; color: #54575b; line-height: 1.25; }

.view h4 { font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 16px !important; font-weight: 600; color: #54575b; }

.view h5 { font-family: Arial, Sans-Serif; font-size: 14px !important; font-weight: bold; color: #54575b; }

.view h6 { margin: 0 0 5px 0; font-family: Arial, Sans-Serif; font-size: 14px !important; font-weight: bold; color: #d4d4d4; }

.view h6 a { color: #d4d4d4; }

.view h6 a:hover { text-decoration: none; color: #009cde; }

.view a h1, .view a h2, .view a h3, .view a h4, .view a h5, .view a h6 { color: #009cde; }

.view a { text-decoration: none; color: #009cde; cursor: pointer; }

.view a:hover { text-decoration: underline; }

.view img { display: inline-block; max-width: calc(100% - 40px); margin: 0 20px 10px 20px;height:auto !important;}

.view .col-sm-3 img { margin: 0; }
.view .col-sm-3  p { margin: 0 0 10px 0; }
.view img.border { border: solid 1px #d5d8d8; }

.view  p { margin-bottom:10px !important;}

.view p.right { font-family: "ff-din-web" , Arial, Sans-Serif; font-weight: 600; text-align: right; }

.view p.overview { font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 28px; font-weight: normal; line-height: 1.25; }

.view p.overview.small { font-size: 18px; }

.view p.featured { margin-bottom: 5px; font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 18px; font-weight: 600; text-transform: uppercase; }

.view p.date { margin-bottom: 5px; font-size: 13px; text-transform: uppercase; }

.view blockquote { color: #fff; margin: 30px 0; padding: 20px; }

.view hr { clear: both; height: 1px; margin: 20px 0; border: none; background: #d5d8d8; }

.view div.slider-container.linear div.slider > ul { list-style: none; margin: 0; padding: 0; }

.view div.slider-container.linear div.slider > ul > li { float: left; margin: 0; padding: 0; }

.view div.boxes > ul { list-style: none; margin: 0; padding: 0; }

.view div.boxes > ul > li { margin: 0 0 20px 0; padding: 0; }

.view div.boxes > ul > li > div.content { border: solid 1px #d5d8d8; padding: 25px; font-size: 14px; background: -moz-linear-gradient(60deg, #fefefe 25%, #efefef 100%, #f0f0f0 100%); background: -webkit-linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); background: -o-linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); background: -ms-linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); background: linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); }

.view  div.boxes > ul > li > div.content:hover { -webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.4); background: -moz-linear-gradient(60deg, #f0f0f0 0%, #efefef 0%, #fefefe 25%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f0f0f0), color-stop(0%,#efefef), color-stop(25%,#fefefe)); background: -webkit-linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); background: -o-linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); background: -ms-linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); background: linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); }

.view div.boxes > ul > li > div.content > :last-child { margin-bottom: 0; }

.view div.boxes > ul > li p { margin-bottom: 5px; }

@media all and (min-width: 990px) {
    .view ol,  .view ul { margin: 0 0 20px 20px; }

    .view h1, .view h2.large { font-size: 31px !important ; }
	
	.view h2.icon {padding: 10px 0px 10px 60px;	}
	
	.view h2.case {background:url("../../Images/admin/icon-case.png") no-repeat transparent;}
	.view h2.video {background:url("../../Images/admin/icon-video.png") no-repeat transparent;}
	.view h2.activities {background:url("../../Images/admin/icon-activities.png") no-repeat transparent;}
	.view h2.viewpoint {background:url("../../Images/admin/icon-viewpoint.png") no-repeat transparent;}
	.view h2.keywords {background:url("../../Images/admin/icon-keywords.png") no-repeat transparent;}
	.view h2.news {background:url("../../Images/admin/icon-news.png") no-repeat transparent;}
	.view h2.product {background:url("../../Images/admin/icon-product.png") no-repeat transparent;}
	.view h2.resource {background:url("../../Images/admin/icon-resource.png") no-repeat transparent;}

    .view img.left { float: left; margin-right: 20px; }

    .view img.center { display: block; margin-left: auto; margin-right: auto; }

    .view img.right { float: right; margin-left: 20px; }

    .view hr { margin: 20px 0; }
	
	.view div.slider-container.four a.previous { position: absolute; top: 108px; left: 0; }

    .view div.slider-container.four a.next { position: absolute; top: 108px; right: 0; }

    .view div.slider-container.four div.slider { margin-right: -20px; }

    .view div.slider-container.four div.slider > ul > li { float: left; width: 25%; list-style: outside none none;}

    .view div.slider-container.four div.slider > ul > li > div.content { padding: 0 20px 0 0; }

    .view div.slider-container.four div.slider > ul > li > div.content img { width: 100%; margin: 0; }
	
	.view div.magazine-layout > div.description, .view div.magazine-layout > div.image { width: 50%; }

    .view div.magazine-layout.left { margin-right: -15px; }

    .view div.magazine-layout.left > div.description { float: left; }

    .view div.magazine-layout.left > div.description > div.content { padding-right: 35px; }

    .view div.magazine-layout.left > div.image { float: right; }

    .view div.magazine-layout.right { margin-left: -15px; }

    .view div.magazine-layout.right > div.description { float: right; }

    .view div.magazine-layout.right > div.description > div.content { padding-left: 35px; }

    .view div.magazine-layout.right > div.image { float: left; }

    .view div.magazine-layout > div.image img { margin: 0; }

    .view div.magazine-layout blockquote { position: relative; }

    .view div.magazine-layout.left blockquote { margin-right: -50%; }

    .view div.magazine-layout.right blockquote { margin-left: -50%; }
}

@media all and (min-width: 1280px) {

    .view h1, .view h2.large { font-size: 41px; !important }
	.view div.slider-container.four div.slider { margin-right: -35px; }
    view div.slider-container.four div.slider > ul > li > div.content { padding-right: 35px; }
}

 .view ol, .view  ul { margin: 0 0 20px 20px; }

 .view ul { list-style: disc; }

 .view ol { list-style: decimal; }

 .view ol.paragraph-spacing li,  .view ul.paragraph-spacing li { margin-bottom: 20px; }
 .view div.box { margin: 0 0 20px 0; border: solid 1px #d5d8d8; padding: 25px; font-size: 13px; background: -moz-linear-gradient(60deg, #fefefe 25%, #efefef 100%, #f0f0f0 100%); background: -webkit-linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); background: -o-linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); background: -ms-linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); background: linear-gradient(60deg, #fefefe 25%,#efefef 100%,#f0f0f0 100%); }

 .view div.box:hover { -webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.4); background: -moz-linear-gradient(60deg, #f0f0f0 0%, #efefef 0%, #fefefe 25%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f0f0f0), color-stop(0%,#efefef), color-stop(25%,#fefefe)); background: -webkit-linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); background: -o-linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); background: -ms-linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); background: linear-gradient(60deg, #f0f0f0 0%,#efefef 0%,#fefefe 25%); }

 .view div.box > :last-child { margin-bottom: 0; }

 .view div.box p { margin-bottom: 5px;width:100% }

 .view div.box div.buttons { margin: 20px 0 0 0; text-align: center; }

 .view div.box div.buttons a.button { margin-bottom: 20px; }

 .view div.box div.buttons a.button:last-child { margin-bottom: 0; }
.view div.callout { clear: both; margin: 0 -15px 30px -15px; padding: 20px 40px; text-align: center; color: #fff; font-family: "ff-din-web" , Arial, Sans-Serif; }

.view div.callout h2 { margin-bottom: 20px; font-weight: normal; color: #fff; }

.view div.callout p { margin-bottom: 0; line-height: 1.25; }

.view div.callout img { margin-bottom: 0; }

.view div.callout :last-child { margin-bottom: 0; }

.view div.callout.small { margin: 0 0 30px 0; padding: 25px; font-size: 18px; font-weight: 600; text-align: left; }

.view div.callout.small p { line-height: 1.5; }

@media all and (max-width: 768px) {
    
    .view div.two-columns > div { float: none; }

    .view  div.three-columns > div { float: none; }
	
	.view div.box img.left { float: none;}
}

@media all and (max-width: 989px) {    

    .view div.callout { font-size: 20px; }

    .view div.callout h2 { font-size: 22px; }

    .view div.callout img { display: none; }
	
	 .view div.box img { margin-right: 15px;}
	 
	 .view div.two-columns > div { float: none; }

    .view  div.three-columns > div { float: none; }

    .view div.two-columns > div.left > div.content { padding-right: 15px; }

    .view div.two-columns > div.right > div.content { padding-left: 15px; }

    .view div.three-columns { margin-left: -15px; margin-right: -15px; }

    .view div.three-columns > div { width: 100%; }
	.view div.three-columns > div.middle { float: left; }
	
	.view img.left{float:none;}
	
	.view div.boxes > ul { margin: 0 -10px; }

    .view div.boxes > ul > li { float: left; width: 50%; }

    .view div.boxes > ul > li > div.content { margin: 0 10px; }

}

@media all and (min-width: 990px) {
    
    .view div.two-columns > div.left, .view div.two-columns > div.right { width: 49%; }

    .view div.two-columns > div.left > div.content { padding-right: 15px; }

    .view div.two-columns > div.right > div.content { padding-left: 15px; }

    .view  div.three-columns { margin-left: -15px; margin-right: -15px; }

    .view div.three-columns > div { width: 33%; }

    .view div.three-columns > div > div.content { padding: 0 15px; }

    .view div.three-columns > div.middle { float: left; }

    .view div.callout { padding-left: 50px; padding-right: 50px; font-size: 28px; }   

    .view div.callout h2 { font-size: 24px; }
	
	.view div.boxes { overflow: hidden; }

    .view div.boxes > ul { margin-right: -25px; }

    .view div.boxes > ul > li { float: left; width: 25%; }

    .view div.boxes.three > ul > li { width: 33.33%; }

    .view div.boxes > ul > li > div.content { margin-right: 25px; }

    .view div.module div.boxes > ul { margin: 0 -10px; }

    .view div.module div.boxes > ul > li { float: left; width: 50%; margin-bottom: 15px; }

    .view div.module div.boxes > ul > li > div.content { margin: 0 10px; }

    .view div.module div.boxes > ul > li.odd > div.content { margin-right: 10px; }

    .view div.module div.boxes > ul > li.even > div.content { margin-left: 10px; }
}

@media all and (min-width: 1280px) {
    
    .view div.two-columns > div.left > div.content { padding-right: 30px; }

    .view div.two-columns > div.right > div.content { padding-left: 30px; }

    .view div.three-columns {/* margin-left: -30px; margin-right: -30px; */}

    .view div.three-columns > div > div.content { padding: 0 15px; }

    .view div.callout h2 { font-size: 28px; }
	
	.view div.module div.boxes > ul { margin: 0 -15px; }

    .view div.module div.boxes > ul > li { margin-bottom: 30px; }

    .view div.module div.boxes > ul > li > div.content { margin: 0 15px; }
}

.gradient-blue, .gradient-green, .gradient-magenta, .gradient-orange, .gradient-red, .gradient-teal { color: #fff !important; }

.gradient-blue h1, .gradient-green h1, .gradient-magenta h1, .gradient-orange h1, .gradient-red h1, .gradient-teal h1 { color: #fff !important; }

.gradient-blue h2, .gradient-green h2, .gradient-magenta h2, .gradient-orange h2, .gradient-red h2, .gradient-teal h2 { color: #fff !important; }

.gradient-blue h3, .gradient-green h3, .gradient-magenta h3, .gradient-orange h3, .gradient-red h3, .gradient-teal h3 { color: #fff !important; }

.gradient-blue h4, .gradient-green h4, .gradient-magenta h4, .gradient-orange h4, .gradient-red h4, .gradient-teal h4 { color: #fff !important; }

.gradient-blue h5, .gradient-green h5, .gradient-magenta h5, .gradient-orange h5, .gradient-red h5, .gradient-teal h5 { color: #fff !important; }

.gradient-blue a, .gradient-green a, .gradient-magenta a, .gradient-orange a, .gradient-red a, .gradient-teal a { color: #fff !important; }

.gradient-gray, .gradient-gray h1, .gradient-gray h2, .gradient-gray h3, .gradient-gray h4, .gradient-gray h5, .gradient-gray a, a.button.gradient-gray { color: #54575b !important; }

.view .color-blue { color: #44c0f5 !important; }

.view .gradient-blue { background: -moz-linear-gradient(60deg, rgba(0,156,222,0.9) 0%, rgba(35,97,146,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; background: linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; }

.view .color-gray { color: #d9d9d9 !important; }

.view .gradient-gray { background: -moz-linear-gradient(60deg, rgba(217,217,217,0.9) 0%, rgba(200,201,199,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; background: linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; }

.view .color-green { color: #82b804 !important; }

.view .gradient-green { background: -moz-linear-gradient(60deg, rgba(132,189,0,0.9) 0%, rgba(76,140,43,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; background: linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; }

.view .color-magenta { color: #b0008e !important; }

.view .gradient-magenta { background: -moz-linear-gradient(60deg, rgba(176,0,142,0.9) 0%, rgba(131,49,119,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; background: linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; }

.view .color-orange { color: #f1b434 !important; }

.view .gradient-orange { background: -moz-linear-gradient(60deg, rgba(241,180,52,0.9) 0%, rgba(229,114,0,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; background: linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; }

.view .color-red { color: #f3658c !important; }

.view .gradient-red { background: -moz-linear-gradient(60deg, rgba(188,32,75,0.9) 0%, rgba(145,47,70,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; background: linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; }

.view .color-teal { color: #00bbb2 !important; }

.view .gradient-teal { background: -moz-linear-gradient(60deg, rgba(0,133,125,0.9) 0%, rgba(0,94,93,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; background: linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; }

.historylist{ background:url(../../Images/admin/line_2.gif) repeat-y 50% top;width:100%;margin:0 auto;}
.historylist li{
	overflow:hidden; zoom:1;
	margin-bottom:10px;
	min-height:80px;
}
.historylist li .timebox{
	float:left;
	width:60%;
	border-top:2px solid #ddd;
}
.historylist li .text{
	float:left;
	padding:5px 10% 0;
	width:80%;
}
.historylist li .year{
	float:left;
	width:20%;
	text-align:center;
	font-size:24px;
	font-family:arial;
	color:#f31900;
}
.historylist li .img{
	float:left;
	display:inline;
	margin:0 20px;
}


.historylist li.odd{
}
.historylist li.odd .timebox{
	float:right;
	border-color:#f31900;
}
.historylist li.odd .text{
	float:right;
}
.historylist li.odd .year{
	float:right;
}
.historylist li.odd .img{
	float:right;
}


.historylist li.redbo .timebox{border-color:#f31900;}