/* Import fonts */

body {
    font-family: Chinese Quote, -apple-system,  BlinkMacSystemFont, 'PingFang SC', Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, sans-serif,'Segoe UI';
    padding: 0px !important;
    margin: 0px !important;
    background-color: #f7f7f7;
}

p {
    margin: 0;
    padding: 0;
   	line-height: 24px;
		margin-top:5px;
}

a {
    color: #337ab7;
    text-decoration: none;
    outline: none;
}

a:hover {
		color: #3DB4D9;
    text-decoration: underline;
    outline: none;
}

::selection {
    background: #3DB4D9;
    color: #fff;
}
::-moz-selection {
    background: #3DB4D9;
    color: #fff;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}

.indent_2em {text-indent: 2em;}

.header-frontend .navbar-fixed-top {
	opacity:0.98;
}
    
ol, ul, li{
	list-style:none
}

a.keywords {
	color: #797979;
	padding-bottom:1px; 
	border-bottom:1px  dashed #797979;
    text-decoration: none;
}

a.keywords:hover {
	color: #7C97B5;
	padding-bottom:1px; 
	border-bottom:1px solid #7C97B5;		
    text-decoration: none;
}

a.urlwords {
		color: #797979;
		padding-bottom:1px; 
		border-bottom:1px solid #797979;
    text-decoration: none;
}

a.urlwords:hover {
		color: #7C97B5;
		padding-bottom:1px; 
		border-bottom:1px solid #7C97B5;		
    text-decoration: none;
}

a.number {
		color: #797979;
		cursor: default;
    text-decoration: none;
    outline: none;
}

a.number:hover {
		color: #797979;
		cursor: default;
    text-decoration: none;
    outline: none;
} 

a.title {
		color: #444e67;
    text-decoration: none;
    outline: none;
}

a.title:hover {
		color: #444e67;
    text-decoration: none;
    outline: none;
} 

/*header*/

.header-frontend .navbar {
    margin-bottom: 0;
}

.navbar-default {
    border:none;
	box-shadow: 0px 0px 5px #cccccc;
}

.navbar-brand {
    margin-top: 15px;
    padding: 0 0 0 10px;
}

.navbar-brand span{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #999;
    border-left:1px solid #ccc;
    padding:5px 0 5px 8px;
}

.navbar-brand img{
    display: inline-block;
    width: 150px;
    height: 55px;
    filter: drop-shadow(1px 2px 2px #aaa);
}

.header-frontend .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
}

.header-frontend .navbar-default{
    background-color: #f7f7f7;
}

.header-frontend .nav li a, .header-frontend .nav li.active ul.dropdown-menu li a {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    background: none;
}

.header-frontend .nav li a:hover,
.header-frontend .nav li a:focus,
.header-frontend .nav li.active a,
.header-frontend .nav li.active a:hover,
.header-frontend .nav li a.dropdown-toggle:hover,
.header-frontend .nav li a.dropdown-toggle:focus,
.header-frontend .nav li.active ul.dropdown-menu li a:hover,
.header-frontend .nav li.active ul.dropdown-menu li.active a{
    color: #fff ;
    background-color: #3DB4D9;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.header-frontend .navbar-default .navbar-nav > .open > a,
.header-frontend .navbar-default .navbar-nav > .open > a:hover,
.header-frontend .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #3DB4D9;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.header-frontend .navbar {
    min-height: 80px;
}

.header-frontend .navbar-nav > li  {
    padding-bottom: 2px;
    padding-top: 20px;
}

.header-frontend  .navbar-nav > li > a {
    padding: 5px 18px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    margin-left: 9px;
    line-height: 30px;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.dropdown-menu li a:hover {
    color: #fff !important;
}

.header-frontend .nav .caret {
    border-bottom-color: #999;
    border-top-color: #999;
}

.dropdown-menu  {
	width:90px;
	min-width:110px;
    box-shadow: none;
    border-radius: 0;
}

.header-frontend .nav li .dropdown-menu  {
   padding: 0;
}

.header-frontend .nav li .dropdown-menu li a {
   line-height: 28px;
   padding: 3px;text-align:center;
}

/*search*/

.search {
    margin-top: 3px ;
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: url("../img/search-icon.jpg") no-repeat 10px 8px;
    padding:0 5px 0 35px;
    color: #fff;
}

.search:focus {
    margin-top: 3px ;
    width: 140px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    margin-left: 10px;
}

/*homepage*/
.intro-head {
    margin: 40px 0;
    padding:10px 27px 27px 27px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px #bbb;
    -moz-box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px #bbb;
    background: url('../img/winmail.png') right bottom no-repeat;
}
.fullwidthabnner img{
	filter: drop-shadow(2px 4px 8px #aaa);
}

@media (max-width: 768px) {
	.intro-head {
	    background: none;
	}
}

.intro-head h1{
    color: #475168;
    font-size: 24px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    margin-top: 0;
    font-family: 'Fjalla One', sans-serif;
}

.intro-head p{
		margin: 0px;
    color: #8a8b8b;
    font-size: 14px;
}

.title0{
	width:100%;
	height:40px; 
	margin-bottom:20px;
	border-bottom:1px solid #c6c6c6;
}
.title0 span{
	float:left; 
	border-bottom:3px solid #00bcdc;
	height:41px;
	line-height:41px;
	font-size:20px;
	padding:0 2px;
}

.articles .cover-img {
	width: 100%;
	height:198px;
	overflow: hidden;
	border-radius: 4px;
}

.articles .cover-img .caption {
    background: rgba(137,137,137,0.1);
    padding-bottom: 0px;
    color: #FFD666;
	  font-size:18px;
	  font-weight:400;
    padding-top: 10px;
    padding-left: 10px;
    position: absolute;
    top: 159px;
    left: 15px !important;
    right: 15px !important;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    z-index: 10;
    border-radius: 4px;
    background-image: linear-gradient(180deg, rgba(137,137,137,0.00) 0%, rgba(0,0,0,0.90) 100%);
}

.articles img {
	overflow: hidden;
}

.articles ul {
	line-height:27px;
	color:#3e4140;
	padding-left:4px;
	margin-top:8px;	
}

.news .subject {
	background:#f8f8f8;
	padding:5px 0px 0px 10px;
	height:65px;
	color:#2c2c2c;
	font-size:14px;  
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.features {
		margin-bottom:30px;
    padding: 40px 0;
}

.features h1{
    color: #475168;
    font-size: 37px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    margin-top: 0;
    font-family: Chinese Quote, -apple-system,  BlinkMacSystemFont, 'PingFang SC', Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, sans-serif,'Segoe UI';
		text-align: center;
    margin-bottom: 30px;
}

.features h2{
    color: #475168;
    font-size: 37px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    margin-top: 0;
    font-family: Chinese Quote, -apple-system,  BlinkMacSystemFont, 'PingFang SC', Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, sans-serif,'Segoe UI';
  	text-align: center;
    margin-bottom: 30px;
}
.console {
    font-size: 14px;
    font-weight: 400;
		cursor: default;
		color: #CCC;
		background-color: #0C0C0C;
		border-radius: 2px;	
}

.linux {
    font-weight: 700;
		color: #AAA;
	  font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace
}

.gray-bg {
    background: #f1f1f1;
}

.work {
    margin-bottom: 60px;
}

.work h1 {
    color: #475168;
    font-size: 24px;
    /*text-transform: uppercase;*/
    font-family: 'Fjalla One',sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
	text-align: center;
}

.work img {
    width: 100%;
}

.customer h1{
  color: #475168;
    font-size: 30px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    margin-top: 0;
    font-family: 'Fjalla One', sans-serif;
	  text-align: center;
    margin-bottom: 30px;
}
.customer{ background:#f3f3f3;margin-bottom: 40px;padding:60px 0px;}
.customer .item{
    margin-bottom: 20px;
}

.customer .item .caption {
    background: rgba(137,137,137,0.1);
    padding-bottom: 0px;
    color: #FFFFFF;
    font-size: 15px;
    padding-top: 10px;
    position: absolute;
    bottom: 20px;
    left: 15px !important;
    right: 15px !important;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    z-index: 10;
    border-radius: 4px;
    background-image: linear-gradient(180deg, rgba(137,137,137,0.00) 0%, rgba(0,0,0,0.90) 100%);
}

.customer .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    padding: 0px 0px;
    border-radius: 3px;
    border: 1px solid #aaa;
}

.customer .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 4px;
    border: 1px solid #666;
}

.accordion {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

/*tabs*/

.tab {
    background: #f4f4f4;
}

.tab .nav > li > a {
    padding: 18px 15px;
}

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
    border-width: 0;
    border-radius: 0;
}

.panel-heading .nav > li > a {
    color: #fff;
}

.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
    color: #6f6f6f;
    background: #f4f4f4;
}

.panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover {
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
}

.tab .nav-tabs.nav-justified > li {
    border-right: 1px solid #f4f4f4;
}

.tab .nav-tabs.nav-justified > li:last-child {
    border-right: none;
}

.p-head {
    color: #3DB4D9;
    font-size: 14px;
    font-weight: 400;
}

.cmt-head {
    font-size: 14px;
    font-weight: 400;
}

.p-thumb img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 50px;
    width: 50px;
}

/*OVERLAY*/
/*classic*/
.mask a i {
    color: #242424 !important;
    font-size: 16px;
    line-height: 40px;
}

/*download table*/

.download-table {
    background: #eeeeee;
    text-align: center;
    padding: 0 0 25px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.download-table.most-popular {
    background: #3DB4D9;
    color: #fff;
}

.most-popular h1 {
    font-size: 25px !important;
    padding-bottom: 10px;
    padding-top: 17px !important;
}

.most-popular h2 {
    background: #96c619 !important;
    margin-top: 20px !important;
}

.most-popular ul li {
    border-bottom: 1px dotted #96c619 !important;
}

.most-popular .download-actions .btn {
    background: #96c619 !important;
    margin: 10px 0;
    cursor: pointer;
}

.most-popular .download-actions .btn-outline-blue {
    background: #96c619 !important;
    margin: 10px 0;
    cursor: pointer;
}

.download-table .download-actions .btn {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #faa619;
    color: #fff;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
}

.download-table .download-actions .btn-outline-blue {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: none;
    color: #0BA1E4;
    border:1px solid #0BA1E4;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
}

.download-table .download-actions .btn-outline-blue:hover {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #0BA1E4;
    color: #FFF;
    border:1px solid #0BA1E4;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
}

.btn-outline-blue {
	background: none; border-color: rgb(11, 161, 228); color: rgb(11, 161, 228);
	padding: 10px 20px;
}

.btn-outline-blue:hover {
	color: rgb(255, 255, 255); text-shadow: none; background-color: rgb(11, 161, 228);
	padding: 10px 20px;
	text-decoration: none;
}

.list-head h1 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
}

.list-head h2 {
    padding: 10px 0;
    background: #475168;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
     border-radius: 4px;
}

.download-table ul {
    margin: 15px 0;
    padding: 0;
}

.download-table ul li {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 2em;
    padding: 1em 0;
    text-align: center;
    font-weight: 400;
}

.list-head span.note {
    display: inline;
    font-size: 25px;
    line-height: 0.8em;
    position: relative;
    top: -18px;
}

.breadcrumbs {
    background: url('../img/banner.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}

.breadcrumb {
    margin-bottom: 0;
    background: none;
}

.breadcrumb li a{
    color: #3DB4D9;
}

.breadcrumb li.active {
    color: #fff;
}

.breadcrumbs h1,.breadcrumbs-contact  h1,.breadcrumbs-about  h1 ,.breadcrumbs-order  h1,.breadcrumbs-technic  h1,.breadcrumbs-topic  h1,.breadcrumbs-register h1,.breadcrumbs-download  h1 ,.breadcrumbs-emailform  h1 ,.breadcrumbs-emailform  h1 ,.breadcrumbs-success  h1 ,.breadcrumbs-agent  h1 ,.breadcrumbs-antivirus  h1 ,.breadcrumbs-faq  h1{
    font-size: 24px;
    font-weight: 600;
    margin: 3px 0 0;
    /*text-transform: uppercase;*/
    font-family: 'Fjalla One', sans-serif;
}
.breadcrumbs-contact {
    background: url('../img/banner-contact.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
 .breadcrumbs-about {
    background: url('../img/banner-about.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
 .breadcrumbs-agent {
    background: url('../img/banner-agent.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
.breadcrumbs-technic {
    background: url('../img/banner-technic.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
.breadcrumbs-success {
    background: url('../img/banner-success.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
.breadcrumbs-topic {
    background: url('../img/banner-topic.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
.breadcrumbs-download {
    background: url('../img/banner-download.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}.breadcrumbs-faq {
    background: url('../img/banner-faq.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}.breadcrumbs-order {
    background: url('../img/banner-order.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}.breadcrumbs-register {
    background: url('../img/banner-register.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}.breadcrumbs-emailform {
    background: url('../img/banner-emailform.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
.breadcrumbs-antivirus {
    background: url('../img/banner-antivirus.jpg') center #f7f7f7;
    color: #fff;
    padding: 65px 0;
    margin-top: 80px;
    margin-bottom: 40px;
}
/*contact*/

.contact-map {
    margin-top: -40px;
    margin-bottom: 40px;
}

.contact-form {
    margin-bottom: 10px;
}

.address h4 {
    color: #475168;
    /*text-transform: uppercase;*/
    margin-bottom:10px;
    font-family: 'Fjalla One', sans-serif;
}
.address img {
	border-radius: 4px;
}

/*about us*/

.about-us img {
    width: 100%;
}

.carousel-control.left, .carousel-control.right {
    background: none;
}

.carousel-control {
    background: #000000 !important;
    bottom: 40%;
    color: #FFFFFF;
    font-size: 20px;
    left: 0;
    line-height: 48px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    top: 40%;
    width: 10%;
}

.carousel-control:hover {
    background: rgba(212,108,94,.8) !important;
    color: #FFFFFF;
    /*opacity: 0.6;*/
    text-decoration: none;
}

.carousel-control:hover, .carousel-control:focus {
    opacity: 0.6;
}
.carousel-caption {
    background: rgba(137,137,137,0.1);
    padding-bottom: 0px;
    font-size: 15px;
    bottom: 0;
    color: #FFFFFF;
    left: 0 !important;
    padding-bottom: 5px;
    padding-top: 10px;
    position: absolute;
    right: 0 !important;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    z-index: 10;
    background-image: linear-gradient(180deg, rgba(137,137,137,0.00) 0%, rgba(0,0,0,0.90) 100%);
}

.about h3 {
    /*text-transform: uppercase;*/
    color: #475168;
    font-family: 'Fjalla One', sans-serif;
    margin-top: 0;
}

.icon-wrap {
    font-size: 2.5em;
    height: 80px;
    width: 80px;
    float: left;
    line-height: 80px;
    text-align: center;
    color: #3DB4D9;
    margin-right: 30px;
    border:2px solid #3DB4D9;
    box-shadow: 2px 4px 8px #aaa;
}

.ico-bg {
    background: #fff;
}

.round {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.content h3, .media h3 {
    margin-top: 0;
    color: #475168;
    font-size: 20px;
    font-family: 'Fjalla One', sans-serif;
}

.media h3 {
    margin-top:20px;
}

.services {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

.gray-box {
    background: #f3f3f3;
    padding: 60px 0;
}

.progress {
    background-color: #E1E1E1;
}

.flexslider {
    background: none;
    border: none;
}

/*typography*/

.highlight-1 {
    background: #FE7D37;
    color: #FFFFFF;
}

.highlight-2 {
    background: #555555;
    color: #FFFFFF;
}

.highlight-3 {
    background: #3DB4B9;
    color: #FFFFFF;
}

.highlight-4 {
    background: #E01563;
    color: #FFFFFF;
}

.highlight-5 {
    background: #F36CAF;
    color: #FFFFFF;
}

.highlight-6 {
    background: #44CC11;    
    color: #FFFFFF;
}

.highlight-7 {
    background: #ff0000;    
    color: #FFFFFF;
}

/*buttons*/

.btn-row {
    margin-bottom: 30px;
}

/*blog*/

.article-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ddd;
    font-size:14px;
}

.article-item img {
   /*width: 100%;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.article-item h1, .article-item h1 a {
    font-size:25px;
    color: #3DB4D9;
    font-weight: 400;
    font-family: 'Fjalla One', sans-serif;
}

.article-item h1 {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 35px;
}

.article-item h1 a:hover {
    text-decoration: underline;
}

.article-item blockquote {
    font-size:14px;
    border-left: 3px   solid #d0e5f2;
}

.panel-body blockquote {
    font-size:14px;
    border-left: 3px   solid #d0e5f2;
}

.date-wrap{
	box-shadow: 1px 1px 2px #aaa;
}
.date-wrap, .comnt-wrap {
    margin-bottom: 10px;
    box-shadow: 1px 1px 2px #aaa;
}
.date-wrap span, .comnt-wrap span {
    display: block;
    padding: 5px;
    text-align: center;
}

.date-wrap .date {
    font-size: 18px;
    font-weight: 400;
    background: #efeee9;
    color: #a0a0a0;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.date-wrap .date.lastly {
    background: #3DB4D9;
    color: #fff;
}

.date-wrap .month {
    font-size:14px;
    font-weight: 400;
    background: #f6f5f0;
    color: #a19fa2;
    border-radius: 0 0 4px 4px ;
    -webkit-border-radius: 0 0 4px 4px ;
}

.comnt-wrap .comnt-ico {
    background: #efeee9;
    color: #a0a0a0;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    font-size: 20px;
}
.comnt-wrap .value {
    background: #f6f5f0;
    color: #a0a0a0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
}

.author {
    margin:25px 0 30px 0;
    font-size: 16px;
}

.author a, .shate-view a {
    color: #3DB4D9;
}

.shate-view {
    margin-top:20px ;
}

.shate-view ul li {
    margin-bottom: 5px;
}

.category h3 {
    color: #475268;
    font-size: 18px;
    font-family: 'Fjalla One', sans-serif;
}

.category ul li {
}

.category img {
	border-radius: 4px;
}

.category .active {
	border-radius: 4px;
}

.category ul li a{
    display: inline-block;
    line-height: 40px;
    width: 100%;
    padding-left:20px;
    background: #EAF0F5;
    font-size: 14px;
    color: #444e67;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #ffffff;
}

.category ul li a:hover{
    background: #4fc6eb;
    color: #ffffff;
    text-decoration: none;
}

.category ul li a:focus{
    text-decoration: none;
}

.category ul li.active{
    display: inline-block;
    line-height: 40px;
    width: 100%;
    padding-left:20px;
    background: #3DB4D9;
    font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 2px;
}

.media p {
    line-height: normal;
}

ul.tag  {
    display: inline-block;
    width: 100%;
}

ul.tag li {
    float: left;
    margin: 10px 10px 0 0;
    border-bottom: none;
}
ul.tag li a {
    border: 1px solid #e8e8e8;
    padding: 0 10px;
    border-radius:4px ;
    -webkit-border-radius:4px ;
}

.media img.media-object {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 80px;
    width: 80px;
}

/*footer*/
.footer {
    background: #727272;
    color: #fff;
    padding-top: 20px;
    margin-top: 0px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
}

.footer h3 {
    font-size: 14px;
    /*text-transform: uppercase;*/
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: 'Fjalla One', sans-serif;
}

.footer P {
    font-size: 12px;
}

.footer a {
    color: #fff;
}
.footer a:hover {
    color: #dbdada;
}

.footer .copyright { 
    margin-top: 25px;
	background-color: #333333;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
}

/*slider css*/

.main-slider {
    background: #f7f7f7;
    color: #fff;
    z-index: 1;
    position: relative;
    overflow:hidden;
    margin-top:80px;
}

.slider-colored {
    z-index: 1;
    position: relative;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.slide_title {
    font-weight: 400;
    color:#fff;
    /*text-transform: uppercase;*/
    font-size:30px;
    Font-Family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",'Open Sans',"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

.slide_subtitle {
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 5px;
    color:#fff;
    text-transform: uppercase;
    font-size:18px;
}

.slide_list_item {
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 5px;
    color:#fff;
    /*text-transform: uppercase;*/
    font-size:14px;
}

.slide_desc {
    color:#fff;
    font-size:14px;
    line-height:24px;
    font-weight: lighter;
}

.slide_desc_bordered {
    border-left: 3px solid #ddd !important;
    padding-left: 5px;
}

.slide_btn {
    font-family: 'Open Sans';
    font-weight: 400;
    background:#3DB4D9;
    padding:15px 20px;
    color:#fff;
    font-size:14px;
    /*text-transform: uppercase;*/
    cursor:pointer;
}

.slide_btn:hover, .slide_btn:focus {
    font-family: 'Open Sans';
    font-weight: 400;
    background: #5bc0df;
    padding:15px 20px;
    color:#fff;
    font-size:14px;
    /*text-transform: uppercase;*/
    cursor:pointer;
}

.dark-text {
    color: #797d87;
}
.lightgrey-text {
    color: #e1e1e1;
}

.blue-txt {
    color: #ffe582;
}


/*portfolio*/


/*Photo Gallery*/


ul#filters {
    display: inline-block;
    width: 100%;
    margin: 5px 0 30px 0;
}

ul#filters li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul#filters li a {
    background: #E2E0E1;
    padding: 10px 15px;
    display: inline-block;
    color: #7D797A;
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -moz-transition-duration: 500ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

ul#filters > li > a:hover,
ul#filters > li > a:focus,
ul#filters > .active > a,
ul#filters > .active > span {
    background: #3DB4D9;
    padding: 10px 15px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -moz-transition-duration: 500ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.item img {
    width: 100%;
    height: 100%;
}

.card-warning {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    border-radius: 5px;
    padding: 16px 16px; 
    border: 1px solid #DDD;
}

.card-warning:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.red-line {
    margin-bottom: 15px;
    padding: 4px 12px;	
    background-color: #f7f7f7;
    border-left: 3px solid #ff0000;
}

.card{
	overflow: hidden;
}
.card img{
	 opacity: 0.8;  	
	 transition: all 1s;	
}
.card img:hover{
	opacity: 1;  		
	transform: scale(1.05);
}  	
.card a { 
	color: #ddd; 
} 
.card a:hover { 
	color: #fff; 
	text-decoration: none; 
} 	

.left_category_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 82px;
}
.green-line {
    margin-bottom: 15px;
    padding: 4px 12px;	
    background-color: #ddffdd;
    border-left: 2px solid #4CAF50;
}		
.navbar-brand h1 {
		display: inline-block;
	  font-size: 0;  	
}	
.navbar-brand a {
	text-decoration: none;
}	

/*----*/
.mb-30 {
    margin-bottom: 30px;
}

.mb-60 {
    margin-bottom: 60px;
}

.big_img{
	cursor:pointer;
}

.span_keywords{
	cursor:pointer;
	color: #797979;
  padding-bottom: 1px;
  border-bottom: 1px dashed #797979;
  text-decoration: none;
}
.span_keywords:hover{
	    border-bottom: 1px solid;
}

.img-box-shadow {
  box-shadow: 2px 4px 8px #aaa;
}

.img-drop-shadow {
  filter: drop-shadow(2px 4px 8px #aaa);
}

@media (max-width:576px) {
	.mobile_font h1{
  	font-size: 5.3vw;
	}		
	.mobile_font h2{
		font-size: 5.3vw;
	}					
	.mobile_font h3{
  	font-size: 4.266vw;
	}		
	.mobile_font h4{
  	font-size: 4.266vw;
	}					
	.mobile_font p{
  	font-size: 3.2vw;
	}	
	.mobile_img_hz_logo { 
    width: 49.28vw;
    height: 17.6vw;		
	}
	.navbar-brand img{
    width: 26.4vw;
    height: 9.68vw;
	}
	.navbar-brand span{
    font-size: 4.266vw;
	}
	.icon-wrap {
    font-size: 1.65em;
    height: 14vw;
    width: 14vw;
    line-height: 14vw;
	}

}