body {
    font-size: 15px;
    font-family: 'Arial', sans-serif;
}
a {
    text-decoration: none !important;
    cursor: pointer;
}
a:hover { transition: all ease .2s; color:#fcb600;}
h1, h2, h3, h4, h5, h6, ul, li {
    margin: 0;
    padding: 0;
}
h2 {
    font-size: 36px;
}
ul, li {
    list-style-type: none;
}
img { 
    max-width:100%;
}
select, a {
    outline: none;
    -moz-outline: none;
    -webkit-outline: none;
}
.fl { float: left; }
.fr { float: right; }
.block { float:left; width: 100%; }
.clearfix {
    zoom: 1;
}

.mgt10 { margin-top: 10px; }
.mgt20 { margin-top: 20px; }
.mgt30 { margin-top: 30px; }
.mgt40 { margin-top: 40px; }
.mgt50 { margin-top: 50px; }

.mgb10 { margin-bottom: 10px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
.mgb50 { margin-bottom: 50px; }

.w100 { width: 100% ! important; }


/* ----------------------------------------------Content */
.header-bar {
    background: #0f3078;
    color: white;
    padding: 15px 0;
}
.hotline {
    font-size: 18px;
    font-weight: bold;
}
.about-link {
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin: 0 20px;
}
.lang-eng {
    color: white;
    font-size: 14px;
    font-weight: bold;
}




.tvp-list {
    margin-top: 50px;
}
.tvp-list h3 {
    float: left;
    width: calc(100% / 5);
    padding:0 15px;
}
.tvm-item {
    float: left;
    width: 100%;
}
.tvm-item span {
    float: left;
    width: 100%;
}
.tvm-item span img {

}
.tvm-item strong {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    color: black;
    font-weight: normal;
}





.tv-three-info {
    background: #f5f5f5;
    margin-top: 50px;
    padding: 50px 0;
}
.tvti-item h2 {
    font-size: 16px;
    font-weight: bold;
    color: #0f3179;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 3px dotted #ccc;
}
.tvti-why ul li h3 {
    padding-left: 25px;
    font-size: 13px;
    font-weight: bold;
    color: black;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url(../images/label-1.png) top left no-repeat;
}
.tvti-browse ul  {
    float: left;
    width: 100%;
    margin-bottom: 30px;	
}
.tvti-browse ul li {
    float: left;
    width: 50%;
}
.tvti-browse ul li a {
    /*text-transform: lowercase;*/
    display: block;
    padding: 5px 0;
    font-size: 13px;
    color: black;
}
.tvti-why h2 {
    text-indent: -10000px;
    background: url(../images/img-text-1.png) 0px 0px no-repeat;
    padding-top: -16px;
    min-height: 50px;
    margin-top: -10px;
}
.tvti-what {
    font-size: 13px;
    color: #333;
}
.tvti-what ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}
.tvti-what ul li:last-child {
    border-bottom: none;
}
.tvti-what ul li p {
    margin-bottom: 0;
}





.tv-address {
    background: #0f3078;
    padding: 50px 0;
    color: white;
}
.tv-address p {
    margin-bottom: 5px;
}





.tv-footer {
    background: #f5f5f5;
    padding: 30px 0;
}
.tvf-paycard h2,
.tvf-social h2 {
    font-size: 13px;
    font-weight: bold;
    color: #787878;
    float: left;
    width: 100%;
}
.tvf-social h2 {
    margin-top: 20px;
}
.tvf-paycard ul {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.tvf-paycard ul li {
    display: inline-block;
    margin: 0 5px;
}
.social-list {
    display: inline-block;
    border-bottom: 5px solid #ccc;
    margin-top: 10px;
    height: 40px;
}
.social-list a {
    display: inline-block;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
}
.social-list a i {
    font-size: 18px;
}
.social-list a:hover {
    border-bottom: 5px solid #0f3078;
}
.social-list a:nth-child(1) {
    color: #455ca7;
}
.social-list a:nth-child(2) {
    color: #29c9ff;
}
.social-list a:nth-child(3) {
    color: #2f6996;
}
.social-list a:nth-child(4) {
    color: #cd2900;
}
.social-list a:nth-child(5) {
    color: #d74700;
}
.tvf-copyright {
    margin-top: 20px;
}
.tvf-copyright p {
    margin-bottom: 0;
    color: #999;
    font-size: 13px;
}





.ric-1,
.ric-2 {
    margin-top: 50px;
}
.productinfo h2 {
    margin-top: 20px;
}
.productinfo h2 {
    font-weight: bold;
    color: black;
    font-size: 16px;
}
.productinfo h2 .time-left {
    font-size: 14px;
    font-weight: normal;
}
.productinfo h2 .time-left:before {
    content: "-";
    margin-left: 5px;
    padding-right: 5px;
}
.productinfo p {
    margin-bottom: 0;
    height:39px;
}
.productinfo img {
    width: 100%;
    max-height: 263px;
}
.fivestar i {
    color: #fcb600;
}
.count-rv {
    color: #666;
    font-size: 12px;
}
.recommended-item-control {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 40px;
    text-align: center;
    margin-top: -30px;
}
.recommended-item-control.left {
    left: -30px;
}
.recommended-item-control.right {
    right: -30px;
}
.recommended-item-control i {
    line-height: 40px;
    font-size: 40px;
    color: #ccc;
}

.item-ots {
    height: 140px;
    overflow: hidden;
}
.item-ots h2  {
    color: #0f3179;
    font-size: 16px;
    font-weight: bold;
}
.item-ots p
{
    height: 60px;
    overflow: hidden;
}
.io-strong {
    font-style: 14px;
    color: #333;
    font-weight: normal;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}
li .io-strong{    
    height: 58px;
    overflow: hidden;
}
.fivestar .un-active {
    color: #999;
}
.item-detail .avt-right span {
    display: block;
}
.item-detail .avt-right span label {
    display: inline-block;
    margin-right: 5px;
}
.fivestar {
    display: inline-block ! important;
}
.id-price {
    margin-bottom: 5px;
}
.id-price strong {
    font-size: 18px;
    color: red;
}
.id-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    float: left;
    width: 100%;
}

.modal-dialog {
    margin-top: 100px;
}
.modal-header {
    background: #2296f3 ! important;
    border-radius: 6px 6px 0 0;
    margin-top: -1px;
    border-bottom: none;
    color: white;
}

/* Title */
.title {
    margin-top: 30px;
}
.title h2 {
    font-size: 24px;
    font-weight: bold;
    color: #082e76;
    position: relative;
    padding: 20px 0;
}
.title h2 span {
    color: #ce181d;
}
.title h2:before {
    content: "";
    width: 14%;
    height: 5px;
    background: #dfdfdf;
    position: absolute;
    top: 0;
    left: 43%;
}
.title h2:after {
    content: "";
    width: 14%;
    height: 5px;
    background: #dfdfdf;
    position: absolute;
    bottom: 0;
    left: 43%;
}

.title1 {
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #d1161f;
    font-weight: normal;
    margin: 20px 0;
}


/* Button */
.more-btn {
    font-size: 13px;
    font-style: italic;
}
.more-btn:after {
    content:"";
    font-family: "FontAwesome";
    font-size: 10px;
    margin-left: 7px;
}


/* Redesign skill slider one */
.tv-slider-1 .bx-wrapper .bx-pager {
    display: none;
}

/* Edit slim scroll */
.slimScrollBar {
    width: 5px ! important;
}

/* Mega menu */
.navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
}

.navbar-default .navbar-nav>li>a {
    width: 200px;
    font-weight: bold;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    font-weight: bold;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
.navbar {
    margin-bottom: 0;
}
.navbar-brands {
    padding: 10px 0;
}
.navbar-brands {
    display: block;
    height: 100%;
}
.more-btn.v2 {
    color: #0e3179;
    font-style: normal;
    text-decoration: underline;
}
.more-btn.v3 {
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin-top: 10px;
    display: inline-block;
}
.more-btn.v3:hover {
    border-color: red;
}
.more-btn.v2:hover {
    color: red;
}
.navbar-nav > li > a {
    padding: 27px 20px;
    font-size: 17px;
    font-weight: bold;
    color: #0f3078;
}
.navbar-nav > li > a i {
    margin-left: 5px;
}
.brand {
    margin-right: 10px;
    height: 55px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav a:hover {
    color: red;
}
.search {
    float: left;
    margin: 20px 0 0 10px;
    position: relative;
}
.search form input[type="text"] {
    width: 200px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 3px 10px;
    transition: all ease .2s;
}
.search form input[type="text"]:focus {
    border-radius: 0px;
}

.search form input[type="submit"] {
    border: none;
    background: url(../images/btn-search.png) center center no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0px;
}
.navbar-toggle .icon-bar {
    background: black;
}
.search-m {
    position: absolute;
    top: 22px;
    right: 40px;
}
.btn-sm {
    width: 30px;
    height: 30px;
    background: url(../images/btn-search.png) center center no-repeat;
    border: none;
    display: block;
}
.nb-m {
    position: absolute;
    top: 0;
    right: 80px;
}
.nb-m img {
    height: 42px;
    margin-top: 6px;
}
.sm-content {
    background: #fff;
    position: absolute;
    top: -10px;
    right: 30px;
    padding: 10px 0;
    z-index: 1;
}
.sm-content form input[type="text"] {
    width: 200px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 3px 10px;
    transition: all ease .2s;
}
.sm-content form input[type="text"]:focus {
    border-radius: 0px;
}

.sm-content form input[type="submit"] {
    border: none;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
}
.big-cover {

}
.breadcrumbs a {
    font-size: 12px;
    color: #666;
}
.breadcrumbs a:after {
    content:"";
    font-family: "FontAwesome";
    margin-left: 8px;
    margin-right: 5px;
}
.breadcrumbs a:last-child:after {
    content: "";
}
.breadcrumbs a.active {
    color: red;
}
.breadcrumbs {
    margin-bottom: 20px;
    padding: 8px 0;
}

.ot-heading {
    font-size: 28px;
    color: #0f3078;
}
.ots-title {
    font-weight: bold;
    text-transform: uppercase;
}
.ots-form {
    background: #eee;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.ip1, .sl1 {
    padding: 0 0 0 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    float: left;
    display: inline-block;
}
.sl1 {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    position: relative;
    background: url(../images/lb-2.png) center right no-repeat #fff;
    padding-right: 20px;
}
.sl1.v1 {
    background: url(../images/lb-2a.png) center right no-repeat #fff;
    padding-right: 15px;
}
.ots-form .ip1,
.ots-form .sl1 {
    margin-right: 10px;
}
.btn1 {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: #0f3078;
    padding: 0 30px;
    border: none;
    color: white;
    border-radius: 4px;
}
.btn2 {
    display: inline-block;
    background: #0f3078;
    padding: 10px 30px;
    border: none;
    color: white;
    border-radius: 4px;
}
.ots-form .btn1 {
    float: right;
}
.ot-des {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.ot-form-request .sl1 { 
    margin-right: 10px;
}
.ot-list {
    padding: 20px;
    background: #f5f5f5;
    float: left;
    width: 100%;
}
.item-1 {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.item-1 .avt {
    width: 270px;
    height: 270px;
    float: left;
    overflow: hidden;
}
.item-1 .avt img {
    width: 100%;
}
.item-1 .avt-right {
    float: right;
    width: calc(100% - 290px);
}
.avtr-title {
    float: left;
    width: 100%;
}
.avtr-title a {
    font-size: 22px;
    color: #0f3078;
    margin-bottom: 10px;
    display: block;
}
.avtr-des {
    font-size: 14px;
    line-height: 1.5em;
}
.avt-right .btn1 {
    display: inline-block;
    line-height: 36px;
    margin-top: 20px;
}
.ot-list .item-1:last-child {
    margin-bottom: 0;
}
.ot-list .productinfo h2 {
    margin-top: 10px;
}
.red {
    background: #cf191e;
}
.c-red {
    color: #cf191e;
}
.c-blue {
    color: #093274;
}
.f-18 {
    font-size: 18px;
}
.t-up {
    text-transform: uppercase;
}
.ot-btn .btn1 {
    display: inline-block;
    margin-right: 5px;
}

.tv-slider-x .bx-pager.bx-default-pager {
    display: none;
}
.tv-slider-x .bx-prev:before {
    content: "";
    background: url(../images/arrl.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}
.tv-slider-x .bx-next:before {
    content: "";
    background: url(../images/arrr.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}
.asterisk {
    font-weight: bold;
    font-size: 18px;
    color: red;
}
.lb-left {
    width: 33%;
    float: left;
}
.btn-booknow {
    font-size: 24px;
    font-weight: bold;
    width: 100%;
}
.id-control-a {
    display: inline-block;
    padding: 15px 0px;
    font-size: 16px;
    color: #093274;
}
.box-clusion {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    height: 255px;
    overflow: hidden;
    overflow-y: scroll;
}
.tb-idi-price {
    float: left;
    width: 100%;
}
.tb-idi-price tr th,
.tb-idi-price tr td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}
.tb-idi-price tr th {
    text-transform: uppercase;
}
.tb-idi-price tr th span {
    text-transform: none;
}
.list-tpc {
    margin-top: 50px;
}
.single-products {
    margin-bottom: 15px;
}
.list-tpc {
    display: inline-block;
    width: 100%;
}
.icon-arrow-left, .icon-arrow-right {
    position: relative;
    background: red;
    width: 16px;
    height: 16px;
    float: left;
}
.icon-arrow-left {
    background: url(../images/lb-4right.png) center center no-repeat;
}
.icon-arrow-right {
    background: url(../images/lb-4left.png) center center no-repeat;
}
.ot-form-request .form-group {
    display: inline-block;
    width: 100%;
}
.ip-datepicker {
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: url(../images/lb-3.png) center right no-repeat;
    cursor: pointer;
}
.txt1 {
    width: 100%;
    min-height: 120px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.ot-form-contact-info .sp-right {
    display: inline-block;
    width: 60%;
}
.ip-ci {
    width: 100%;
    padding: 5px;
}
.ot-form-contact-info {
    background: #f5f5f5;
    padding: 15px;
}
.form-group.v1 {
    width: 50%;
}
.btn-raq {
    font-size: 24px;
    font-weight: bold;
}
.b-btn-raq {
    margin: 30px 0;
}

.destinations-list {
    float: left;
    width: 100%;
}
.dl-item {
    padding: 20px 15px;
    background: #f5f5f5;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.dli-l .title {
    font-size: 22px;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 10px;
}
.dli-l .des {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5em;
}
.dli-l {
    float: left;
    width: calc(100% - 296px);
}
.dli-r {
    float: right;
    width: 276px;
}
.list-result .col-md-3 {
    margin-bottom: 40px;
}
.title-result {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.quick-answer-form {
    background: #f5f5f5;
    padding: 30px;
    margin-top: 10px;
}
.b-tb-qaf {
    padding: 0 15%;
}
.tb-qaf {
    float: left;
    width: 100%;
}
.tb-qaf tr td {
    width: 50%;
    padding: 10px;
    vertical-align: top;
}
.tb-qaf tr td:first-child {
    text-align: right;
}
.ip1.v1 {
    width: 100%;
    border-radius: 0;
}
.travel-service {
    padding: 30px;
    background: #f5f5f5;
    margin-top: 10px;
}
.travel-service ul li a {
    display: inline-block;
    width: 100%;
    padding: 15px 0 15px 45px;
    font-size: 16px;
    color: red;
    text-decoration: underline ! important;
    text-indent: 5px;
}
.travel-service ul li:nth-child(1) a {
    background: url(../images/ts-1.png) center left no-repeat;
}
.travel-service ul li:nth-child(2) a {
    background: url(../images/ts-2.png) center left no-repeat;
}
.travel-service ul li:nth-child(3) a {
    background: url(../images/ts-3.png) center left no-repeat;
}
.travel-service ul li:nth-child(4) a {
    background: url(../images/ts-4.png) center left no-repeat;
}
.travel-service ul li:nth-child(5) a {
    background: url(../images/ts-5.png) center left no-repeat;
}
.travel-service ul li:nth-child(6) a {
    background: url(../images/ts-6.png) center left no-repeat;
}
.travel-service ul li:nth-child(7) a {
    background: url(../images/ts-7.png) center left no-repeat;
}
.tags1 a {
    display: inline-block;
    border: 1px solid #ddd;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
    border-radius: 4px;
    padding: 5px 10px;
}
.tags1 a:hover {
    border-color: #fcb600;
}
.payment-method {
    margin-top: 50px;
}
.pm-list {
    display: inline-table;
    border: 1px solid #ddd;
    padding: 20px;
}
.pm-title {
    float: left;
    width: 100%;
    margin-bottom: -10px;
    position: relative;
}
.pm-title strong {
    background: white;
    padding: 0 5px;
}
.ul-cyt-tab {
    float: left;
    width: 100%;
    background: #eaeaea;
    padding: 0 20%;
}
.ul-cyt-tab li {
    float: left;
    width: 50%;
}
.ul-cyt-tab li a {
    float: left;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    color: #333;
    outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    font-size: 14px;
}
.ul-cyt-tab li.active a {
    background: red;
    color: white;
}
.cyt-tab-content {
    border: 1px solid #eaeaea;
    padding: 30px;
    float: left;
    width: 100%;
}
.txt-wkotyw {
    border:1px solid #ddd;
    border-radius: 4px;
    min-height: 210px;
    resize: none;
    padding: 10px;
}
.b-01 {
    margin: 20px 0;
}
.c-tb02 {
    padding: 0 10%;
}
.tb02 {
    float: left;
    width: 100%;
}
.tb02 tr td {
    padding: 5px;
    vertical-align: top;
}
.tb02 tr td:first-child {
    text-align: right;
}
.tb02 tr td .sl1 {
    float: left;
    width: 30%;
}
.tb02 tr td .ip1 {
    float: right;
    width: calc(100% - 30% - 10px);
}
.td-cas {
    text-align: center ! important;
}
.sli-list {

}
.sli-list .sli-item {
    float: left;
    width: 20%;
}
.btn-smc {
    text-decoration: underline ! important;
}
.btn-smc:after {
    content: "";
    font-family: FontAwesome;
    padding-left: 5px;
}
.box-cities-selected {
    padding: 0 15%;
}
.bcs {
    float: left;
    width: 100%;
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.head-tabs li {
    float: left;
}
.head-tabs li a {
    color: #666;
    position: relative;
    padding: 10px 20px 10px 20px;
    display: inline-block;
}
.head-tabs li a::before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #ccc;
    content: "";
    float: left;
    transition: all ease .2s;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.head-tabs li.active a::before {
    height: 5px;
    width: 5px;
    border: 5px solid #3797ff;
    background: #fff;
    box-sizing: unset;
}
.att-content {
    float: left;
    width: 100%;
}
.c-tb03 {
    padding: 0 10%;
}
.tb03 {
    float: left;
    width: 100%;
}
.tb03 tr td {
    padding: 5px;
    vertical-align: top;
}
.tb03 tr td:first-child {
    text-align: right;
    line-height: 1.2em;
}
.tb03 tr td .sl1 {
    float: left;
    width: 30%;
}
.slgr .sl1 {
    width: 100% ! important;
}
.d-slgr {
    float: left;
    width: calc(100% / 3);
    padding-right: 7px;
}
.d-slgr:last-child {
    padding-right: 0;
}
.sd-is .ip1 {
    width: calc(100% - 30% - 10px);
    float: right;
}
.hr-is .ip1 {
    width: calc(100% - 50% - 10px);
    float: left;
    margin-right: 10px;
}
.hr-is .sl1 {
    width: 50% ! important;
}
.more-check-list {
    float: left;
    width: 100%;
}
.more-check-list .checkbox {
    width: 49%;
    display: inline-block;
}
.hol-item {
    border: 1px solid #ddd;
    padding: 50px 20px;
    margin-top: 120px;
    height:250px;
}
.hol-flag {
    float: left;
    width: 100%;
    margin-top: -100px;
    margin-bottom: 20px;
}
.hol-flag img {
    height: 100px;
}
.hol-item p {
    margin-bottom: 0 ;
}
.coc-item {
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}
.coci-left {
    width: 160px;
}
.coci-right {
    float: right;
    width: calc(100% - 190px);
}
.coci-left .avt {
    float: left;
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
}
.cociri-name {
    display: block;
    color: red;
    font-size: 16px;
    font-weight: bold;
}
.cociri-number,
.cociri-mail {
    display: block;
}
.cocir-info p {
    margin-top: 5px;
}
.cociri-label {
    background: #0f3078;
    font-size: 18px;
    color: white;
    display: inline-block;
    font-weight: bold;
    padding: 3px 10px;
    margin-bottom: 5px;
    position: relative;
}
.cociri-label::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid #0f3078;
    border-right: 18px solid transparent;
    position: absolute;
    top: 0px;
    right: -18px;
}
.cociri-label::after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 18px solid #0f3078;
    border-right: 18px solid transparent;
    position: absolute;
    bottom: 0px;
    right: -18px;
}
.contact-rules ul {
    margin-top: 10px;
}
.contact-rules ul li {
    margin-bottom: 5px;
}
.contact-rules {
    border-left: 1px solid #ddd;
    padding-left: 20px;
}
.tb-cf {
    float: left;
    width: 100%;
}
.tb-cf tr td {
    vertical-align: top;
}
.pwu-p-img, .p-img {
    text-align: center;
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}
.ab-us-nav {
    padding: 10px;
    border: 1px solid #ddd;
}
.ab-us-nav li a {
    color: #222;
    padding: 10px 0;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #ddd;
    transform: all ease .1s;
}
.ab-us-nav li:last-child a {	
    border-bottom: none;
}

.ab-us-nav li a:hover {
    padding-left: 5px;
    color: #0f3078;
}
.ab-us-nav li a.active {
    color: red;
    padding-left: 0;
}
.csy-title {
    margin-bottom: 10px;
}
.csy-title h2 {
    font-size: 18px;
    color: #222;
}
.cs-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ddd;
}
.page-list a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    color: #333;
    background: white;
    border-radius: 3px;
    display: inline-block;
    margin: 0 3px;
    transition: all ease .2s;
}
.page-list a:hover {
    background: #eee;
}
.page-list a.active {
    color: white;
    background: red;
    border-color: red;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4 {
    margin-bottom: 10px;
}
.msgsuccess {
    color: blue;
    font-size: 12px;
    font-weight: bold;
}
.msgerror {
    color: #f00;
    font-size: 12px;
    font-weight: bold;
}
.cus-say p 
{text-align: justify;}

.btn-sm-otfci {
    float: left;
    width: 100%;
}
.lang-select {
    display: inline-block;
}
.sl-lang img {
    width: 16px;
    margin-right: 2px;
}
.btn-drl {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    height: auto;
    line-height: 1;
    opacity: 0.5;
    padding: 5px 5px 5px;
    position: relative;
    transition:  all ease .3s;
}
.btn-drl:hover {
    opacity: 1;
}
.sl-lang {
    background: black;
}
.sl-lang li {

}
.sl-lang li a {
    color: white;
    font-size: 12px;
    padding: 3px 10px;
}
.sl-lang > li > a:hover, .sl-lang > li > a:focus {
    color: #fff !important;
    background-color: black !important;
}
.sl-lang {
    left: inherit ! important;
    right: 0;
    border-radius: 0 ! important;
}
.btn-drl {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    height: auto;
    line-height: 1;
    opacity: 0.5;
    padding: 5px 5px 5px;
    position: relative;
    transition:  all ease .3s;
}
.btn-drl:hover {
    opacity: 1;
}
.form-group {
    min-height: 40px;
}
.bxtopfix {
    background: #fff;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9999;
}
@media (min-width: 767px) {
    .productinfo img {
        height: 263px;
    }
}
@media (max-width: 480px) {
    .dli-l {
        float: none;
        display: block;
        width: 100%;
    }
    .dli-r {
        float: none;
        display: block;
        width: 100%;
    }
    .dli-r img.dlav{
        margin-top: 10px;
        width: 100%;
    }
}
.cocir-info i{font-style: normal;}
.btlloadmore {
    margin-top: 8px;
    display: block;
}
@media only screen and (max-width: 767px) and (min-width: 320px)
{
.item-1 .avt {
    width: 100%;
    height: 100%;
    float: none;
    overflow: auto;
}
}