﻿/* # General styles
================================================== */

* {
    margin: 0px;
    _margin: 0px;
    padding: 0px;
}
*::after,
*::before {
    box-sizing: content-box;
}
ol,
ul {
    margin: 0px;
    padding: 0px;
}
body 
{
   /* font-family: "Helvetica", Arial, sans-serif;
    font-size:14px;
 */
   /* padding-top:50px; */
    
     }

 a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
/*===== Common classes =====*/


.red-italic {
    color: #CC0000;
    font-style: italic;
    font-size: 12px;
}

.NoRecordHome {
    color: #333;
    padding: 5px 0px 5px 10px;
    font-weight: bold;
    font-size: 13px;
    float: left;
}
.NoRecord {
    font-weight: bold;
    font-size: 13px;
    padding-left:10px;
}
.NoRecord-2 {
    font-weight: bold;
    font-size: 13px;
}
/*===== Page =====*/

/*===== Header Above =====*/

.top-bar-w {
    margin-bottom: 20px;
}
.top-bar .contact-details li {
    display: inline-block;
    padding: 6px 5px;
}
.top-bar .contact-details li a {
    font-size: 14px;   
    color: #333;
}
.top-bar .contact-details li a i {
    padding-right: 5px;
    vertical-align: middle;
}


/*===== /Header Above =====*/


/*===== Header logo =====*/

.nav-w {
    margin-bottom: 15px;
}
.logo-w h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.logo {
    color: #e00202;
    font-size: 35px;
    text-shadow: 2px 2px 2px rgba(255, 144, 0, 1);
}
.search-w {
    padding-top: 10px;
    margin-bottom: 10px;
}

/*===== /Header logo =====*/

/* ----- nav-logo-in ------ */
.navbar-header
{
    margin-bottom:0px;
  /* background-color:#D0301B; */
}

.navbar
{
    min-height: 20px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
}
.navbar ul li
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-nav
{
    /* margin: 15px -15px;     */
   /* margin: 0px -15px 15px -15px; */
   margin: 0px -15px; 
}

.menu-nav
{
    background: #39b1cc;
    background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
    background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
    margin-bottom: 10px;
}

.navbar-default
{
    background-color: transparent;
    padding: 0px ;/* background-color:#105190;     */ /*
    background: #39b1cc;
    background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
    background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
*/
}
div.fixed-top {
      
   position:fixed;         
   z-index:1030;
   top:0px;
   left:0px;
   right:0px;
  /* background: url('../images/bg-sidebar.png'); */
   background-color:#7C3A00;
}



.navbar-brand
{
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 20px;
    font-weight:bold;
   
}

.navbar-toggle
{
    margin-left: 15px;
    border:none;
    
}



.navbar-collapse
{    
    box-shadow: none;   
    margin-top: 10px; 
    margin-bottom:0px;
    font-size:18px;
}

.navbar-default .navbar-collapse {
   border: none;
   /* border-color:#ccc;  */
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   /* background-color: #ddd; */
   color: #F4BC16;
   background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; 
    width: 25px;
    height: 3px;
}


.navbar-default .navbar-collapse

{
   /* padding-bottom:40px;   */
    padding-bottom:0px; 
}


.navbar-collapse
{    
    box-shadow: none;   
    margin-top: 0px; 
    margin-bottom:0px;
}

.navbar-default .navbar-collapse {
    border-color:#ccc; 
}
.navbar-collapse.in 
{
    overflow-y: hidden; 
    
}

/* ----- /nav-logo-in ------ */


/*===== Page Content =====*/

/*===== Sidebar left =====*/

/* -------- box pannel ---------*/
.panel {
    margin-bottom: 10px;
    border: none;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
.panel-primary {
    border-color: #ddd;
}
.panel-primary > .panel-heading
{
    color: #fff;
    /* background: url('../images/bg-sidebar.png'); */
     /* background: url(http://src.yiiteam.com/150/xcode/share/ui/elements/widget/02P05.png); */ 
    /* background-color: #E00A0A;*/
    
     /* border-color: #fff; */
    border: none;
    padding-top: 10px;
    padding-bottom:10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: bold;
    font-size:15px;
    background-color:#7C3A00;
}

.panel-body {
    padding: 2px;
   /* border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    border-left-color: #ddd; */
    background:#fff;
}
.body-inner {
    padding: 5px;
}

.panel-heading span {
    font-size: 16px;
   
   
}
.pn-heading {
    
    background: url('../images/bg-sidebar.png');
    background-color: #E00A0A;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.pn-heading h3 {
    padding: 10px 10px;
    font-size: 14px;
    margin-top: 0px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.pn-heading a {
    color: #fff;
}

/* -------- /box pannel ---------*/

.page-header {
    padding-bottom: 0px;
    margin-bottom: 10px;
    margin-top: 4px;
}

/* ----- News ------ */
h1.post-detail-title {
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.post-detail {
    text-align: justify;
    color: #000;
    margin-bottom:20px;
}

/* ----- /News ------ */

/* ------------ btn -------- */

.btn-buy
{
    background-color: #ff9600;
    border-color: #F09918;
    color: #fff;
}
.btn-buy :hover {
    background-color: #ff9600;
    border-color: #F09918;
  
}
a.btn-buy:hover {  color: #fff;}


.btn-search
{
    background: url('../images/bg-sidebar.png');
    background-color: #cf0000;
    border-color: #CE0000;
    color: #fff;    
}
.btn-search:hover {
    background: url('../images/bg-sidebar.png');   
    background-color: #cf0000;
    border-color: #CE0000;
    color: #fff;
    
}

/* ------------ btn -------- */



.support-type {
    margin: 5px;
    text-align: center;
}
.support-type p {
    font-weight: bold;
}
.support-type a.icon-skype {
    background: transparent url("../images/icon-skype.png") no-repeat scroll center center;
    height: 29px;
    width: 71px;
    float: left;
    width: 100%;
    padding-bottom: 7px;
}


/*===== Sidebar content =====*/

.box-sidebar-content-w {
    padding: 0px;
    margin: 0px auto 5px auto;
    background-color: #FFFFFF;
}
.box-sidebar-content-title {
    background: transparent url("../images/cleftr.png") repeat-x scroll right top;
    border-radius: 3px 3px 0px 0px;
    margin: 0px;
    padding: 5px 1px 0px 5px;
    height: 35px;
}
.box-sidebar-content-title span {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}
.box-sidebar-content-inner {
    margin: 0px auto;
    padding: 5px 0px 0px 0px;
    border: 1px solid #E5E5E5;
    border-top: none;
}
.box-sidebar-content .row {
    margin: 0px -5px;
}



/* ==== box-items-detail ==== */

    #imgShow img
    {
        border: 1px #ddd solid;
        height: 320px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        padding: 5px;
    }
    
    h1.title-product-detail
    {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 0px;
        font-size: 16px;
        font-weight: 600;
    }
    .product-content-detail
    {
        margin-bottom: 10px;
    }
    .product-content-detail p
    {
        margin-bottom: 7px;
    }
    
    .text-detail-product 
    {
      padding:5px 0px;
      text-align:justify;    
    }
 /* ==== /box-items-detail ==== */  
    
/*

.post-thumb {
    float: left;
    background: #FFF none repeat scroll 0% 0%;
    margin: 1px 7px 10px 5px;
    padding: 3px;
    border: 1px solid #EEE;
    border-radius: 3px;
}
.post-thumb img {
    width: 150px;
    height: 150px;
}
.post-detail {
    margin: 0px;
    color: #333;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 20px;
}
*/


h2.post-title
{
    margin-top:0px;
    margin-bottom:10px;    
    font-size:20px;
}

a.imgThumbnail img
{
    border: 1px solid #CCC;
    padding: 3px;
}

/*

h4.product-title-sroll {
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    min-height: 30px;
}
*/

/*
h4.post-title-news-top {
    margin-bottom: 5px;
    text-align: left;
    font-size: 14px;
    margin-top: 0px;
}

/* h4.post-title-news-top a {} */

.product-title a,
.news-title a, a.post-title,
.post-title a, 
.post-title-news-top a,
.product-title-sroll a,
.product-title-2 a {
    color: #333;
}
.product-title a:hover,
.news-title a:hover,
.post-title a:hover, a.post-title:hover,
.post-title-news-top a:hover,
.product-title-sroll a:hover,
.product-title-2 a:hover {
    color: #d0301b;
    text-decoration: none;
}

/*
h4.post-title {
    margin-top: 0px;
}
*/

.box-img-sroll img {
    border: 1px solid #f1f1f1;
}
.box-img-news img {
    border: 1px solid #eee;
    padding: 5px;
    margin-bottom: 10px;
}
/* ==== /box-items-detail ==== */

/* ==== Paging ==== */

.paging {
    padding-top: 0px;
    text-align: center;
}
.pagination {
    margin: 0px;
}
.pagination > li > a,
.pagination > li > span {
    padding: 3px 12px;
}
.pagination {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 0;
    padding-left: 15px;
}
.pagination li:first-child a,
.pagination li:first-child span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}
.pagination li:last-child a,
.pagination li:last-child span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
    background-color: #d0301b;
    border-color: #3176AE;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}
.pagination li a,
.pagination li span {
    background-color: #f0f0e9;
    border: 0;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    margin-right: 5px;
    color: #000;
}
.pagination li a:hover {
    background: #d0301b;
    color: #fff;
}
/* ==== /Paging ==== */

.tab-content-detail .nav-tabs li.active a,
.tab-tour .nav-tabs li.active a:hover,
.tab-tour .nav-tabs li.active a:focus {
    border-radius: 0;
    border-top: 2px solid #d0301b;
    color: #333333;
    background-color: #F5F5F5;
}
.tab-content-detail .nav-tabs li a {
    border-top: 2px solid #fff;
    color: #cf3030;
}
.tab-content-detail .nav > li > a {
    padding: 5px 15px;
}
/*
nav-tabs > li > a {
    border: none;
}
.nav-tabs > li > a:hover {
    border: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: none;
    background-color: #ddd;
    padding: 7px;
    color: #333;
}   

*/

/* ==== breadcrumb ==== */
.w-breadcrumb
{
     
    padding-top: 5px;
    padding-bottom: 5px ;
   
    margin-bottom:5px;
    /*
    background-color: #f5f5f5;
    webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset;
 */
    
}
 .breadcrumb
 {
  background-color:transparent;    
 }


.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb a:hover {
    color: #d0301b;
    text-decoration: none;
}
.breadcrumb-inner {
    padding: 3px 0px 7px 0px;
    margin-bottom: 0px;
   
   
}
.breadcrumb-inner a {
    color: #333;
    font-size:14px;
}

/* ==== /breadcrumb ==== */

/* ------------ Under auto color --------- */


h2.classic-title 
{
    padding-bottom: 13px;
    border-bottom: 2px solid #eee;
    font-weight: 300;
    margin: 0;
    font-size: 16px;
    line-height: 14px;
    margin-bottom:10px;
}
.classic-title span {
    padding-bottom: 10px;
    border-bottom: 2px solid;
    border-bottom-color: #d0301b;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
}

.classic-title a {
    color: #000;
}

/* ------------/Under auto color--------- */


/* ==== /row-other-items ==== */

#row-thong-ke {
    padding: 0px;
}
#row-thong-ke li {
    padding: 10px 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    text-align: left;
    display: block;
    vertical-align: top;
    list-style: outside none none;
}
/* ===== row-lien-ket ===== */

.row-lien-ket {
    padding: 0px;
}
.row-lien-ket li {
    padding: 5px 0px;
    text-align: left;
    display: block;
    vertical-align: top;
    list-style: outside none none;
}
.row-lien-ket li a
{
 color:#333;    
}

.row-lien-ket li a:hover {
    text-decoration: none;
    color:#cf0000;    
}
.row-lien-ket i {
    font-size: 12px;
    color: #FF0000;
}
/* ===== /row-lien-ket ===== */

/*  -------post home--------

.top-news {
    margin: 5px;
}
.top-news img {
    width: 150px;
    float: left;
    margin-right: 5px;
    border: 1px solid #CCC;
    padding: 3px;
}
.top-news a {
    color: #000;
}
.top-news a:hover {
    color: #004F8B;
}
.col-img img {
    border: 1px solid #CCC;
    padding: 3px;
}
.row-list-news h3 {
    margin: 5px 0px 6px 0px;
    padding-left: 10px;
    background: url(../images/ic01.png) 0px 7px no-repeat;
    font-size: 15px;
    color: #333;
}
.row-list-news a {
    color: #333;
}
.row-list-news a:hover {
    color: #004F8B;
}

*/


/* ==== row-other-news ==== */

.row-other-news {
    list-style: none;
 
    padding: 0;
}
.row-other-news li {
    margin: 0;
    padding: 0px 0px 5px 13px;
    clear: both;
    display: inline-block;
    width: 100%;
    position: relative;
}
ul.row-other-news li::before {
    background: transparent none repeat scroll 0px 0px;
    content: "";
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 7px;
    left: 3px;
    height: 0px;
    width: 5px;
    border: 5px solid transparent;
    border-radius: 0px;
    border-left-color: #AAA;
}
ul.row-other-news li:hover::before {
    background: transparent none repeat scroll 0px 0px;
    content: "";
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 7px;
    left: 3px;
    height: 0px;
    width: 5px;
    border: 5px solid transparent;
    border-radius: 0px;
    border-left-color: #D0301B;
}
.row-other-news a {
    text-decoration: none;
    font-size: 16px;
}
.row-other-news a:hover {
    color: #D0301B;
}
.row-other-news .thumbnail-img {
    border: 1px solid #dedede;
    padding: 3px;
    margin-right: 5px;
    border-radius: 3px;
}

/* ==== row-tuyen-dung  ==== */

.row-tuyen-dung {
    list-style: none;
    margin: 0;
    padding: 0;
}
.row-tuyen-dung li {
    margin: 0;
    padding: 0px 0px 5px 13px;
    clear: both;
    display: inline-block;
    width: 100%;
    /*  border-bottom: 1px dotted #ddd; */
    
    position: relative;
}
ul.row-tuyen-dung li::before {
    background: transparent none repeat scroll 0px 0px;
    content: "";
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 7px;
    left: 3px;
    height: 0px;
    width: 5px;
    border: 5px solid transparent;
    border-radius: 0px;
    border-left-color: #AAA;
}
ul.row-tuyen-dung li:hover::before {
    background: transparent none repeat scroll 0px 0px;
    content: "";
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 7px;
    left: 3px;
    height: 0px;
    width: 5px;
    border: 5px solid transparent;
    border-radius: 0px;
    border-left-color: #d0301b;
}
.row-tuyen-dung a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}
.row-tuyen-dung a:hover {
    color: #d0301b;
}
.row-tuyen-dung .thumbnail-img {
    border: 1px solid #dedede;
    padding: 3px;
    margin-right: 5px;
    border-radius: 3px;
}

/*    ----- row-tuyen-dung ----- */

/* ===== Hover zoom image =====*/

h4.product-title {
    margin-top: 15px;
    padding: 0;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    min-height: 36px;
    text-transform:uppercase;
    margin-bottom:0px;
    
}

h4.product-title-2 {
    margin-top: 0px;
    padding: 0;
    font-weight: 600;
    font-size: 17px; 
    min-height: 36px;
    text-transform:uppercase;
    
}



.box-image-item {
    /* main image container */
    
    margin-bottom: 20px;
    margin-top: 0px;
    margin-right: -5px;
    margin-left: -5px;
    padding: 5px;
    /* padding: 15px 15px 0px 15px;  */
    
    position: relative;
    z-index: 1;
    border: 1px solid #ddd;
    text-align: center;
    background-color:#fff;
   
}
.box-image-item:hover {
    -moz-box-shadow: 0px 0px 7px -1px #ccc;
    -webkit-box-shadow: 0px 0px 7px -1px #ccc;
    box-shadow: 0px 0px 7px -1px #ccc;
}
.box-image-item img {
    /* CSS for image within container */
    
    position: relative;
    z-index: 2;
    -moz-transition: all 0.5s ease;
    /* Enable CSS3 transition on all props */    
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.box-image-item:hover img {
    /* CSS for image when mouse hovers over main container */
    /*     -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);         */
    /*
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
*/
}
.box-image-item .box-image {
    height: 180px;
}
.box-image-item img.width-full {
    width: 100%;
    height: 100%;
}

.box-image-item .w-btn-buy 
{
    left:0;
    right:0;
    bottom:10px;
    position:absolute;    
}

.box-image-item p {
    margin-bottom: 10px;
}
/* ------------ */

.btn-custom-yellow {
    color: #fff;
    background-color: #337AB7;
    border:none;
    border-radius: 0px;
}

.btn-custom-yellow:hover
{
    color: #fff;
    background-color: #2F72A8;
    border: none;
    border-radius: 0px;
}

.btn-custom-red {
    color: #fff;
    background-color: #D0301B;
    border:none;
    border-radius: 0px;
}

.btn-custom-red:hover, .btn-custom-red:focus, .btn-custom-red:active:focus
{
    color: #fff;
    background-color: #ED4029;
    border: none;
    border-radius: 0px;
}

/* ------------   */

.page-header-detail 
{
    margin-top:0px;
    margin-bottom: 16px;
    padding-bottom: 11px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
   
}
.page-header-left 
 {
     float:left;
 }

 .page-header-right 
 {
     float:right;
 }

/* ------ Lien he ngay  ------ 
    
    .project-contact .btn {
    height: 45px;
    font-size: 21px;
    text-align: center;
    padding-left: 45px;
    }

    .project-contact li {
    list-style: none;
    }

    .btn {
    border-radius: 0px;
    border: 0px;
    position: relative;
    }
    .btn-green {
    background: #F4BC16 none repeat scroll 0% 0%;
    color: #FFF !important;
    }
    .btn-block {
    display: block;
    width: 100%;
    margin: 0px 0px 10px;
    overflow: hidden;
    }

    .btn .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 45px;
    background: #1FA08E none repeat scroll 0% 0%;
    text-align: center;
    font-size: 25px;
    line-height: inherit;
    }
    .btn-green .icon {
    background: #DBA70B none repeat scroll 0% 0%;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    }
    .icon-help {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20594.96%20594.96%22%20enable-background%3D%22new%200%200%20594.96%20594.96%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M594.46%2C317.9c0-26.93-14.25-50.46-35.57-63.67c-3.08-4.85-6.04-10.48-6.59-15.99%0D%0A%09c-9.14-91.98-61.36-163.44-128.64-202.23l-0.01%2C0.01c0%2C0-0.09-0.06-0.11-0.07c-10.7-6.16-21.8-11.44-33.15-15.9%0D%0A%09C347.34%2C3.76%2C266.18-12.83%2C169.16%2C35.82c-8.5%2C4.73-16.77%2C10.05-24.75%2C16.15C89.48%2C93.99%2C54.67%2C148.08%2C43.97%2C216.91%0D%0A%09c-2.36%2C15.17-5.04%2C29.53-14.29%2C41.74C11.96%2C272.36%2C0.5%2C293.77%2C0.5%2C317.9c0%2C41.16%2C33.2%2C74.54%2C74.28%2C74.89%0D%0A%09c-0.09%2C0.17-0.17%2C0.34-0.27%2C0.51c1.5%2C1.72%2C2.76%2C3.61%2C3.59%2C5.39c9.57%2C20.51%2C25.47%2C28.14%2C46.51%2C22.39%0D%0A%09c19.43-5.3%2C25.45-20.25%2C25.11-39.74c-0.71-40.8-0.2-81.62-0.21-122.44c-0.02-51.95-15.1-63.58-63.3-48.88%0D%0A%09c18.92-85.1%2C111.21-152.06%2C209.77-152.2c98.27-0.14%2C190.03%2C66.25%2C210.15%2C152.03c-48.45-14.24-63.43-2.72-63.45%2C48.82%0D%0A%09c-0.02%2C36.28%2C1.49%2C72.64-0.46%2C108.81c-1.66%2C30.84%2C5.33%2C53.47%2C42.01%2C58.75c-30.1%2C39.08-68.23%2C60.29-110.29%2C75.83%0D%0A%09c-12.45%2C4.6-22.53%2C5.85-33.23-1.91c-5.15-6.6-11.71-12.01-19.26-15.81c-22.38-12.47-51.99-6.14-68.36%2C13.89%0D%0A%09c-8.4%2C9.87-13.5%2C22.63-13.5%2C36.61c0%2C31.22%2C25.31%2C56.54%2C56.54%2C56.54c25.32%2C0%2C46.75-16.65%2C53.95-39.6c6.24-4.46%2C13.65-7.87%2C20.99-9.93%0D%0A%09c84.8-23.79%2C146.05-74.3%2C182.26-155.54c0.31-0.71%2C0.69-1.38%2C1.01-2.08C578.18%2C371.69%2C594.46%2C346.71%2C594.46%2C317.9z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 24px auto !important;
    }   
    
 ------------- */

        
h6.box-header-2::after
        {
            margin-bottom: -1px;
        }
        
        h6.box-header-2
        {
            border-bottom: 1px solid #ddd;
            font-size: 15px;
            font-weight:600;
            color:#333;
            text-transform:uppercase;
            
        }
        .box-header-2::after
        {
            display: block;
            content: "";
            background: #d0201b;
            width: 40px;
            height: 2px;
            margin-top: 14px;
        }

 h6.box-header-3
 {
     
  margin-top:5px;    
 }
h6.box-header-3::after
        {
            margin-bottom: -1px;
        }
        
        h6.box-header-3
        {
            
            font-size: 20px;
            font-weight:400;
            color:#333;
            text-transform:uppercase;
            margin-bottom:20px;
            
        }
        .box-header-3::after
        {
            display: block;
            content: "";
            background: #D0301b;
            width: 40px;
            height: 3px;
            margin-top: 10px;
        }


h6.box-header-3 a.cat-name
{    
    color:#333;   
    
}
  h6.box-header-3 a.cat-name:hover
{    
    color:#D0301b;   
    
}

h6.box-header-3 a.pull-right
{
       color:#333;  
       font-weight:bold;
}
      
h6.box-header-3 a.pull-right:hover
{
       color:#D0301b;  
}
  
h6.box-header-3 a.pull-right span
{
 text-transform:none;   
 }


h4.post-title-news-top
{
    font-size: 16px;
    }

/*===== Footer =====*/

.footer-w {
    /*
    background-image: url('../images/climpek.png');
    -webkit-box-shadow: 0px -1px 1px rgba(50, 57, 57, 0.4);
    -moz-box-shadow: 0px -1px 1px rgba(50, 57, 57, 0.4);
    box-shadow: 0px -1px 1px rgba(50, 57, 57, 0.4);
*/
    background: url('../images/bg-footer.png');
    
    background-color: #d0301b;
   
    border-top: 3px solid #d0301b;
}
/*
background-c;
}
/*
background-color: #28292c;
background-image: url("/trials/demo/themes/08912/img/bg-footW.png");
background-position: initial;
background-repeat: repeat;
background-attachment: scroll;
-webkit-background-size: auto;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
*/

.footer {
    color: #fff;
}
.footer p {
    margin-bottom: 5px;
}
.footer-col-1 {
    padding-top: 0px;
}
.footer-col-2 a {
    color: #fff;
}
.footer-col-2 h4 {
    font-weight: normal;
    text-transform: uppercase;
}
.footer-col-3 h4 {
    font-weight: normal;
    text-transform: uppercase;
}

    h6.box-header::after
    {
        margin-bottom: -1px;
    }
    
    h6.box-header
    {
        border-bottom: 1px solid #E2E6E7;
        font-size: 16px;
    }
    .box-header::after
    {
        display: block;
        content: "";
        background: #F4BC16;
        width: 40px;
        height: 2px;
        margin-top: 14px;
    }

/* scroll to top */

.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 10px;
    right: 19px;
    background: #222;
    z-index: 1000;
}
a.scrollup {
    outline: 0;
    text-align: center;
}
a.scrollup:hover,
a.scrollup:active,
a.scrollup:focus {
    opacity: 1;
    text-decoration: none;
}
a.scrollup i {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    color: #fff;
    /*  border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
*/
   
    text-align: center;
    background-color: #A8A8A9;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
a.scrollup i:hover
{
    text-decoration: none;
    background-color: #F4BC16;
}
/* /scroll to top */

@media (max-width: 768px) {
    .logo-w h3 {
        padding-top: 10px;
    }
    .top-bar-w {
        margin-bottom: 0px;
    }
    .nav-w {
        margin-bottom: 5px;
    }
    
    .nav-menu
 {
    background-color:#fff;
 }
 
 .box-image-item .box-image {
    height: auto;
 }
    
 div.fixed-top {      
  
   background-color:#fff;
}
.navbar-header
{
    background-color:#7C3A00;
 }
}