/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body {line-height: 1;padding-top:140px;}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: none}
table {border-collapse: collapse;border-spacing: 0}
@font-face {
    font-family: 'Lato';
    src: url('Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
body{color:#525658;
font-family: "LatoLatin", Georgia;
font-size:18px;
min-width:300px;
}


.img-responsive {
  display: inline-block;   
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.container{max-width:1000px;margin:0 auto;}
.clear{clear:both;}
.bold{font-weight:bold;}
a{text-decoration:none;color:#414547;}
a:hover{text-decoration:underline;}

h1{font-size:28px;color:#111;}
.top-menu{float:right;clear:right;margin-top:25px;width:66.6666%;text-align:right;}
.top-menu li{display:inline-block;margin:0 9px}
.top-menu a{text-transform:uppercase;padding:10px 0;display:inline-block;}
a.active{color:#c11817}
.social-menu{float:right;clear:right}
.social-menu a{display:block;height:40px; width:42px;float:left;margin-right:5px;background-image:url('../images/social-menu.png');background-repeat:no-repeat;}
.twitter{background-position:0 1px;}
.twitter:hover{background-position:0 0;}
.facebook{background-position:-50px 1px;}
.facebook:hover{background-position:-50px 0px;}
.mail{background-position:-150px 1px;}
.mail:hover{background-position:-150px 0px;}
.googleplus{background-position:-100px 1px;}
.googleplus:hover{background-position:-100px 0px;}

.subpage-header-1{height:267px;background:url('../images/subpage-header-1.jpg') center center;position:relative;}
.subpage-header-1 h2{font-size:48px;color:#fff;left:50%;position:absolute;top:50px;display:block;width:45%;line-height:70px;}
.subpage-header-2{height:267px;background:url('../images/subpage-header-2.jpg') center center;position:relative;}
.subpage-header-2 h2{font-size:48px;color:#fff;left:50%;position:absolute;top:50px;display:block;width:45%;line-height:70px;}
.subpage-header-2 img{left:17%;position:absolute;}
h3{font-size:36px;text-align:center;margin-bottom:50px}
.logo{display:inline-block;}
header{padding:20px 0;background:#fff;height:100px;position:absolute;top:0;left:0;right:0;z-index:2}
header.fixed{right:0;left:0;top:0;z-index:3;position:fixed;height:40px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.4);padding:10px 0}
.fixed .logo img{height:40px}
.fixed .top-menu{margin-top:0px}
.fixed h1{display:none}
.header-left{float:left;width:33.333333%}

.application-box{padding:50px 0;
line-height:20px;

}
.application-boxlink{border-radius:5px;color:#fff;display:block;background:red;text-align:center;font-size:30px;padding:60px 0;line-height:34px;}
.application-boxlink:hover{box-shadow: 0 0 5px 5px #888;}
.application-boxlink span{font-size:18px;text-transform:uppercase}

.boxlink1{background: #fd8738;
background: -moz-linear-gradient(top,  #fd8738 0%, #fb7922 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd8738), color-stop(100%,#fb7922));
background: -webkit-linear-gradient(top,  #fd8738 0%,#fb7922 100%);
background: -o-linear-gradient(top,  #fd8738 0%,#fb7922 100%);
background: -ms-linear-gradient(top,  #fd8738 0%,#fb7922 100%);
background: linear-gradient(to bottom,  #fd8738 0%,#fb7922 100%);
}
.boxlink2{background: #64cff9;
background: -moz-linear-gradient(top, #64cff9 0%, #2ebff8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64cff9), color-stop(100%,#2ebff8));
background: -webkit-linear-gradient(top, #64cff9 0%,#2ebff8 100%);
background: -o-linear-gradient(top, #64cff9 0%,#2ebff8 100%);
background: -ms-linear-gradient(top, #64cff9 0%,#2ebff8 100%);
background: linear-gradient(to bottom, #64cff9 0%,#2ebff8 100%);
}

.boxlink3{background: #6ac659;
background: -moz-linear-gradient(top,  #6ac659 0%, #59b347 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac659), color-stop(100%,#59b347));
background: -webkit-linear-gradient(top,  #6ac659 0%,#59b347 100%);
background: -o-linear-gradient(top,  #6ac659 0%,#59b347 100%);
background: -ms-linear-gradient(top,  #6ac659 0%,#59b347 100%);
background: linear-gradient(to bottom,  #6ac659 0%,#59b347 100%);
}

.application-name{font-weight:bold;line-height:45px;display:block;}
.application-1{width:30%;float:left;text-align:justify}
.application-2{width:30%;float:left;text-align:justify;margin:0 5%}
.application-3{width:30%;float:left;text-align:justify}

.left-menu{width:290px;display:block;float:left;border-top:1px solid #4e5a62;margin-bottom:50px;}
.left-menu a{display:block;height:53px;line-height:53px;padding-left:40px;border-bottom:1px solid #4e5a62}
.subpage-content h1{font-size:24px;color:#c11817;margin:40px 0}
.subpage-content h3{font-size:18px;margin:30px 0;text-align:left;}

.subpage-content{line-height:20px;}
.left-menu+.subpage-content{margin-left:330px}
.opinion{font-size:18px;font-style:italic}
.opinion-box .opinion{width:47%;float:left;margin-right:3%}
.subpage-content .opinion{margin-bottom:20px}
.opinion-box p{margin:15px 0;text-align:left;line-height:20px;}
.opinion-box .opinion:last-child{width:47%;float:left;margin-left:3%;margin-right:0%;}
.opinion-box{padding-top:50px;
border-top:1px solid #525658;
overflow:auto;
text-align:center
}
.opinion-box .orange-button{margin-top:50px}
.opinion-add .orange-button{margin-left:125px}
.opinion-add label{display:inline-block;width:120px;margin-right:5px;text-align:right;}
.opinion-add .field{display:block;margin-bottom:10px;}
.opinion-add input[type="text"], .opinion-add textarea{padding:10px;width:350px;}
.opinion-add input[type="text"]:focus, .opinion-add textarea:focus{border:1px solid #555}
.orange-button{color:#fff;text-transform:uppercase;display:inline-block;background:#fb7922;height:50px;line-height:50px;padding:0 65px;
border:1px solid #fb7922;
border-radius:7px}
.orange-button:hover{text-decoration:underline;cursor:pointer}
.foot{
text-align:center;
margin:50px auto 0 auto;
border-top:1px solid #525658;
padding:50px;
font-size:18px;
clear:both;
max-width:1000px;
}
.foot-menu li{display:inline-block; border-right:1px solid #414547;padding: 0 10px 0 9px;margin:5px 0}
.foot-menu li:last-child{border:none;}
.foot-menu a{display:inline-block;padding: 5px 0;}


.skdslider .slide3  .slide-desc{left:0}
.skdslider .slide3 .slide-desc > h2{color:white;}
.skdslider .slide2 .slide-desc > h2{text-shadow:1px 1px #4a515d;}
.skdslider .slide2 .slide-desc{text-shadow: 1px 1px #4a515d;}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert {
border: 1px solid transparent;
border-radius: 4px;
margin-bottom: 20px;
padding: 15px;
}

@media (max-width:768px){
    .application-1{width:90%;margin:0 5%}
    .application-2{width:42.5%;margin:0 2.5% 0 5%}
    .application-3{width:42.5%;margin:0 5% 0 2.5%}
	.subpage-header-2 h2 {font-size:30px;line-height:43px;}
	.subpage-header-2 img  {left:1%}
	.container{margin:0 10px;}
	.foot{margin:50px 10px 0 10px;}
}

@media (max-width:640px){
    .application-1{width:90%;margin:0 5%;margin-bottom:25px;}
    .application-2{width:90%;margin:0 5%;margin-bottom:25px;}
    .application-3{width:90%;margin:0 5%;margin-bottom:25px;}
}
.skdslider{
width:100%;position:relative;display:block;overflow:hidden;background:url('../images/slider/1.jpg');background-size:cover;margin-top:15px;height:550px;}

.skdslider:after {
    content:'';
    padding-top:50%; 
    display:block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display:none;
}
.skdslider ul.slides li img{
    width:100%;
	height:100%;
	border:0;
}

.skdslider ul.slide-navs {
    bottom:20px;
    left:50%;
    position:absolute;
	list-style-type:none;
    margin:0;
    padding:0;
}


.skdslider ul.slide-navs li {
    float:left;
	background:url("../images/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:17px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
  background:url("../images/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
	text-align:center;
    left:0;
	right:0;
	margin:0 auto;
    padding:0 15px 0 15px;
    position:absolute;
    top:24%;
    max-width:45%;
	display:inline-block;
}
.skdslider .slide-desc > h2 {
    color:#fff;
    font-size:44px;
    margin-bottom:10px;
    margin-top:10px;
	line-height:65px;
}

.skdslider .slide-desc > p {
    color:#FFF;
    font-size:24px;
    line-height:25px;
    margin-top:75px;
}
.skdslider .slide-desc > p a.more {
margin-top:50px;
display:inline-block;
background:#fdcb00;
	font-size:20px;
	text-decoration:none;
	padding:20px 70px;
	border-radius:6px;
}
.skdslider .slide-desc > p a.more:hover {
text-decoration:underline;
}

.skdslider .slide-desc > p a.more2 {
margin-top:50px;
display:inline-block;
background:#d20420;
	font-size:20px;
	text-decoration:none;
	padding:20px 70px;
	border-radius:6px;
	color:#fff;
}
.skdslider .slide-desc > p a.more2:hover {
text-decoration:underline;
}
.skdslider a.prev{
    background:url("../images/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
    background:url("../images/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}
.skdslider a.prev:hover{
  
}
.skdslider a.next:hover{
  
}

.skdslider a.play{
    background:url("../images/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

.skdslider a.pause{background:url("../images/pause.png") no-repeat scroll center center transparent;width:35px;height:35px;display:none;cursor:pointer;position:absolute;top:50%;left:48%;margin-top:-17px;}
/*Some Responsive CSS */
.menu-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 0 4px;
    position: absolute;
    right: 20px;
    top: 15px;
    transition: all 0.15s linear 0s;
    width: 40px;
	display:none;
}
.menu-toggle-bar {
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin: 3px 0;
    transition: all 0.15s linear 0s;
    width: 100%;
}
@media screen and (max-width:767px) {
	.header-left h1{font-size:14px;text-align:center;}
	.header-left{width:100%;text-align:center;}
	.skdslider .slide-desc > h2 {font-size:20px;margin-bottom:5px;margin-top:5px;}	
	.skdslider .slide-desc > p {font-size:14px;line-height:15px;margin-top:5px;}
	.skdslider .slide-desc > p a.more {font-size:14px;}
	.top-menu{position:absolute;width:200px;text-align:left;background:#fff;z-index:2;right:10px;display:none;top:50px}
	.menu-toggle{display:block;}
	.logo{width:150px;display:inline-block}
	header{padding:10px 0}
}