html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:'PT Sans',sans-serif;font-size:20px;line-height:1.42857143;color:#666666;background-color:#fff;text-align:right; padding-right:10px;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#de2222;text-decoration:none;-webkit-transition:all .50s ease;-moz-transition:all .30s ease;-ms-transition:all .30s ease;-o-transition:all .30s ease;transition:all .30s ease}
a:hover,a:focus{color:#23527c;text-decoration:none}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:#666666; padding:10px;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#666}
h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%;color:#999999}
h1,.h1{font-size:30px}
h2,.h2{font-size:26px}
h3,.h3{font-size:22px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
p{margin:0 0 10px; padding:5px;}
.pull-left{float:left}
.pull-right{float:right}
.clearfix{clear:both}
.bg-primary,.bg-green,.bg-danger{padding:5px;color:#FFF;font-weight:bold;font-size:16px}
.bg-primary{background-color:#666}
.bg-green{background-color:#339933}
.bg-danger{background-color:#666;text-align:center;font-weight:normal;font-size:22px;margin-top:1px;margin-bottom:10px}
.call{background-image:url(../images/sticky.png);width:23px;height:23px;float:left;margin:0;background-repeat:no-repeat;background-position:right top}
.padding10{padding:1px}
.padding20{padding:20px}
body{background-color:#f6f6f6;margin:0;padding:0}
.contaner{width:100%;padding-left:30px;padding-right:30px;margin:auto}
.row{margin-left:-30px;margin-right:-30px}
.top{width:100%;float:left;margin:0;padding:10px 30px;background-color:#FFF;border-bottom:solid 1px #DDD}
.logo{width:50%;float:left;margin:0;text-align:left}
.menu{width:50%;float:right;margin:0;text-align:right;font-family:'Yanone Kaffeesatz',sans-serif;padding-top:7px}
.menu a{width:auto;margin-right:3px;padding:8px 25px;color:#FFF;background-color:#09f;font-size:24px}
.menu a:hover,.active{text-decoration:none;background-color:#00ccff}
.col-left,.col-right{margin:0;float:left;padding:0px 0;position:relative}
.col-left{width:70%}
.col-right{width:30%}
.col-full{width:100%; float:left;}
.listbox{width:100%;margin:0;float:left;position:relative}
.listbox ul{display:inline;margin:0;padding:0}
.listbox ul li{display:inline-block;width:33.333333%;float:left;margin-bottom:15px}
.li-box{width:100%;float:left;background-color:#FFF;border:solid 1px #dbdbdb;border-bottom:none;min-height:170px;position:relative;background-image:url(../images/box-bottom.png);background-repeat:repeat-x;background-position:center 148px}
.sticky{width:72px;height:65px;background-image:url(../images/sticky.png);position:absolute;left:-1px;top:-13px;text-align:center;padding-top:2px;font-size:30px;color:#FFF;font-weight:bold}
.li-box .h3{padding-left:65px;margin-top:0;min-height:52px}
.matter{border:solid 1px #dbdbdb;background-color:#FFF;min-height:408px}
.dot{background-image:url(../images/sticky.png);width:14px;height:14px;margin:0;display:block;margin-top:9px;background-repeat:no-repeat;background-position:-80px}
.right-nav{width:100%}
.right-nav ul{display:block;margin:0;padding:0;list-style:none}
.right-nav ul li{border:solid 1px #CCC;border-bottom:0;padding:0;margin:0;display:block}
.right-nav ul li:nth-child(odd){background-color:#f7f7f7}
.right-nav ul li:nth-child(even){background-color:#f2f2f2}
.right-nav ul li a{color:#999999;padding:10px;display:block;font-size:15px}
.right-nav ul li a:hover{background-color:#baf1ff}
.right-nav ul li a:before{content:"\25BA";padding-right:5px}
.form{width:100%}
.form ul{display:block;margin:0;padding:0;list-style:none}
.form ul li{padding:0;margin:0;display:block;margin-top:7px}
.form ul li input,textarea{width:100%;border:solid 1px #CCC;color:#999;padding:5px;outline:none}
.btn{background-color:#0099cb;padding:10px 20px;border:none;outline:none;color:#FFF;font-size:16px;cursor:pointer}
.btn:hover{background-color:#00ccff}
.foter{background-color:#999999;color:#FFF;text-align:center}
.social{display:block;margin-top:10px;background-color:#cccccc}
.media{width:204px;margin:auto}
.sm-media{background-image:url(../images/social-media.png);width:36px;height:37px;display:inline-block;margin-left:0px;text-align:center}
.fa{background-position:0 0}
.tw{background-position:161px 0}
.lin{background-position:118px 0}
.google{background-position:77px 0}
.you{background-position:37px 0}
.fa:hover{background-position:0 -37px}
.tw:hover{background-position:161px -37px}
.lin:hover{background-position:118px -37px}
.google:hover{background-position:77px -37px}
.you:hover{background-position:37px -37px}
.breadcumb{width:100%; padding:5px 0 10px 0px; margin-bottom:5px; float:left;}
.breadcumb a{color:#F00;}
.breadcumb a:hover{color:#09F}
.big{color:#393;font-size:18px;}
@media(max-width:992px){
  .logo{width:30%;text-align:center}
  .menu{width:70%;text-align:center}
  .listbox ul li{width:50%}
}

@media(max-width:800px){
	  .col-left{width:60%}
  .col-right{width:40%}
}


@media(max-width:767px){
	.contaner{padding-left:15px;padding-right:15px;}
	.row{margin-left:-15px;margin-right:-15px}	
  .logo{width:100%;text-align:center}
  .menu{width:100%;text-align:center}
  .col-left{width:100%}
  .col-right{width:100%}
  .listbox ul li{width:100%}
}
@media(max-width:480px){
	  .menu a{padding:5px 10px;color:#FFF;font-size:16px}
	.contaner{padding-left:5px;padding-right:5px;}
	.row{margin-left:-5px;margin-right:-5px}	
	.bg-danger {font-size: 20px;}

}
@media(max-width:361px){
	h3, .h3 {
    font-size: 17px;}
.bg-primary, .bg-green{
    padding: 3px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;}
}