/*

Theme Name: PS-VN

Theme URI: http://willgroup.net

Author: Vo Vuong            

Author URI: http://willgroup.net

Description: Website Photo Services VN

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: willgroup

Tags:

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Global

# Typography

# Elements

# Forms

# Navigation

    ## Links

    ## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

    ## Posts and pages

    ## Comments

# Infinite scroll

# Media

    ## Captions

    ## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Layout

--------------------------------------------------------------*/

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after {

    content: ' ';

    display: table;

    clear: both;

}

.container-fluid {

    max-width: 1600px;

}

.row-small {

    margin-left: -5px;

    margin-right: -5px;

}

.col-small {

    padding-left: 5px;

    padding-right: 5px;

}

@media (min-width: 1200px) {

    .container {

        width: 1200px;

        max-width: 100%;

    }

}

@media (max-width: 767px) {

    html {

        font-size: 15px;

    }

    #wpadminbar {

        position: fixed !important;

    }

    [class*='col-'] {

        padding-left: 8px;

        padding-right: 8px;

    }

    .row {

        margin-left: -8px;

        margin-right: -8px;

    }

    .row-small {

        margin-left: -5px;

        margin-right: -5px;

    }

    .col-small {

        padding-left: 5px;

        padding-right: 5px;

    }

}



/*--------------------------------------------------------------

# Global

--------------------------------------------------------------*/



body {

    font-family: 'Source Sans Pro';

    font-size: 1rem;

    font-weight: 400;

    color: #333;

    background: #fff;

    line-height: 1.5;

}

* {

    outline: none !important;

}

img {

    max-width: 100%;

    height: auto;

}

iframe {

    display: block;

    max-width: 100%;

    margin: 0 auto;

}

a {

    text-decoration: none;

    color: #333;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

a:hover,

a:focus {

    text-decoration: none;

    color: #FF6700;

}

h1, 

h2, 

h3, 

h4, 

h5, 

h6 {

    color: #444;

    font-weight: 600;

    line-height: 1.25;

}



/*--------------------------------------------------------------

# Form

--------------------------------------------------------------*/

.form-control::-webkit-input-placeholder { 

    color: #aaa;

}

.form-control::-moz-placeholder {

    color: #aaa;

}

.form-control:-ms-input-placeholder { 

    color: #aaa;

}

.form-control:-moz-placeholder { 

    color: #aaa;

}

label {

    color: #333;

}

button {

    cursor: pointer;

}

.required {

    color: #FF6700;

}

.form-result-error {

    color: #F00;

}

.form-result-success {

    color: #68BA50;

}

.form-control,

.custom-select,

.btn,

.input-group-addon {

    font-size: 0.9375rem;

    font-weight: 400;

    color: #333;

    background-color: #fff;

    border-color: #ccc;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    line-height: inherit;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.form-control:focus,

.form-control:focus + .input-group-btn .btn {

    border-color: #FF6700;

}

.custom-select {

    padding-left: 0.5rem;

    padding-right: 1.75rem;

}

.btn {

    text-transform: uppercase;

    letter-spacing: 1px;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

}   

.btn .icon {

    margin-left: 0.625rem;

}

.btn-primary {

    color: #fff;

    background-color: #FF6700;

    border-color: #FF6700;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:focus:active {

    color: #FF6700;

    background-color: #fff;

    border-color: #FF6700;

}

.btn-secondary {

    color: #ddd;

    background-color: #171717;

    border-color: #888;

}

.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary:focus:active {

    color: #ddd;

    background-color: #343434;

    border-color: #aaa;

}



/*--------------------------------------------------------------

# Page header

--------------------------------------------------------------*/

.page-header {

    background-color: #444;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    text-align: center;

    height: 8rem;

    margin-bottom: 3.125rem;

}

.page-header:before {

    content: ' ';

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    margin-right: -4px;

}

.page-header .container {

    display: inline-block;

    vertical-align: middle;

}

.page-title {

    font-size: 1.875rem;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 0.625rem;

}

@media (max-width: 767px) {

    .page-title {

        font-size: 1.25rem;

        margin-bottom: 0.625rem;

    }

}



/*--------------------------------------------------------------

# Breadcrumb

--------------------------------------------------------------*/

.breadcrumb {

    background: transparent;

    border: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    display: inline-block;

    padding: 0;

    margin: 0;

}

.breadcrumb-item {

    font-size: 0.875rem;

    font-weight: 400;

    text-transform: uppercase;

}

.breadcrumb-item a {

    color: #FF6700;

}

.breadcrumb-item a:hover {

    text-decoration: underline;

}

.breadcrumb-item:last-child a,

.breadcrumb-item.active {

    color: #ccc;

}

.breadcrumb-item + .breadcrumb-item:before {

    font-size: 0.625rem;

    color: #a7a7a7;

    padding-left: 0.625rem;

    padding-right: 0.625rem;

}

.breadcrumb-nav .module-social {

    margin-top: 0;

    margin-bottom: 0;

}



@media (max-width: 767px) {

    .single .breadcrumb-item.active {

        display: none;

    }

    .single .breadcrumb-item + .breadcrumb-item a {

        color: #ccc;

    }

}



/*--------------------------------------------------------------

# Pagination

--------------------------------------------------------------*/

.nav-pagination {

    text-align: center;

    margin-bottom: 2.5rem;

}

.pagination {

    display: block;

    margin: 0;

}

.pagination .page-item {

    display: inline-block;

}

.pagination .page-link {

    color: #333;

    background: #fff;

    border: 1px solid #ddd;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    display: block;

    padding: 0.375rem 0.625rem;

    margin-left: 0.3125rem;

    margin-right: 0.3125rem;

    margin-bottom: 0.625rem;

}

.pagination .page-link:hover {

    color: #FF6700;

    background: #fff;

    border-color: #FF6700;

}

.pagination .page-item.active .page-link {

    color: #fff;

    background: #FF6700;

    border-color: #FF6700;

}

.pagination .page-item:first-child .page-link,

.pagination .page-item:last-child .page-link {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}



@media (max-width: 767px) {

    .nav-pagination {

        margin-top: 0;

        margin-bottom: 3.125rem;

    }

}



/*--------------------------------------------------------------

# Modal

--------------------------------------------------------------*/

.modal {

    z-index: 9999999;

    background: #fff;

}

.modal-dialog {

    max-width: 100%;

    margin: 0;

}

.modal-content {

    border-bottom: 0;

    height: 100%;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.modal-modal .module-title {

    position: relative;

}

.module-modal .module-title .close {

    font-size: 4rem;

    color: #aaa;

    opacity: 1;

    position: absolute;

    left: 100%;

    top: 0;

    margin-left: 1.25rem;

    margin-top: -0.3125rem;

}

.module-modal .module-title .close:hover {

    color: #FF6700;

}



/*--------------------------------------------------------------

# site contact

--------------------------------------------------------------*/

.site-contact {

    background: #333;

    position: relative;

    z-index: 11;

}

.site-contact ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.site-contact ul li {

    font-size: 0.875rem;

    color: #fff;

    float: left;

    height: 1.875rem;

    line-height: 1.875rem;

}

.site-contact ul li.time {

    float: right;

}

.site-contact ul li + li {

    margin-left: 1.5625rem;

}

.site-contact ul li a {

    color: inherit;

}

.site-contact ul li a:hover {

    color: #FF6700;

}

.site-contact ul li i {

    font-size: 1rem;

    vertical-align: middle;

    margin-right: 0.5rem;

}   

.site-contact ul li.email i {

    font-size: 1.1875rem;

}



@media (max-width: 767px) {

    .site-contact ul li.time {

        display: none;

    }

}



@media (max-width: 575px) {

    .site-contact ul li.skype {

        display: none;

    }   

}



/*--------------------------------------------------------------

# site header

--------------------------------------------------------------*/

.site-header {

    position: fixed; z-index: 99;

    top: 0; 

    left: 0; 

    width: 100%;

    background: transparent;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.site-branding {

    height: 7.5rem;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.site-logo {

    float: left;

    height: 100%;

    line-height: 7.5rem;

    margin: 0;

    font-size: 0;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.site-logo img.logo-1 {

    height: 3.75rem;

}

.site-logo img.logo-2 {

    display: none;

    height: 3.75rem;

}

.site-logo .text {

    font-size: 1.625rem;

    text-transform: uppercase;

    color: #FFF;

    display: inline-block;

    vertical-align: middle;

    margin-left: 0.625rem;

}

.site-header.smaller {

    top: -1.875rem;

    background-color: #fff;

    -webkit-box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);

    box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);

}

.site-header.smaller .site-branding,

#page-child .site-branding {

    height: 5rem;

}

.site-header.smaller .site-logo,

#page-child .site-logo {

    line-height: 5rem;

}

.site-header.smaller .site-logo img.logo-1,

#page-child .site-logo img.logo-1 {

    display: none;

}

.site-header.smaller .site-logo img.logo-2,

#page-child .site-logo img.logo-2 {

    display: inline;

}

.site-header.smaller .site-logo .text,

#page-child .site-logo .text {

    color: #FF6700;

}

#page-child .site {

    padding-top: 6.875rem;

}

#page-child .site-header {

    background-color: #fff;

    -webkit-box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);

    box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);

}



/*--------------------------------------------------------------

## site nav

--------------------------------------------------------------*/

.site-nav {

    float: right;

}

.site-nav .menu {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}

.site-nav .menu li {

    float: left;

}

.site-nav .menu li + li {

    margin-left: 2.5rem;

}

.site-nav .menu li a {

    font-size: 0.9375rem;

    text-transform: uppercase;

    color: #FFF;

    display: block;

    line-height: 7.5rem;

}

.site-nav .menu li a:hover,

.site-nav .menu li.current-menu-item a,

.site-nav .menu li.current-menu-parent a {

    color: #FF6700 !important;

}



.site-header.smaller  .site-nav .menu > li > a,

#page-child .site-nav .menu > li > a {

    line-height: 5rem;

    color: inherit;

}

.site-header.smaller .site-nav .menu > li > a:hover,

.site-header.smaller .site-nav .menu > li.current-menu-item > a,

#page-child .site-nav .menu > li > a:hover,

#page-child .site-nav .menu > li.current-menu-item > a {

    color: #FF6700;

}



.site-header .sub-menu {

	display: none;

}



@media (max-width: 991px) {

    .site-header .container {

        position: relative;

    }

    .site-nav-toggler {

        font-size: 2.25rem;

        color: #333;

        height: 7.5rem;

        line-height: 7.5rem;

        padding: 0;

    }

    .site-header.smaller .site-nav-toggler,

    #page-child .site-nav-toggler   {

        color: #333;

        height: 5rem;

        line-height: 5rem;

    }

    body.home .site-nav-toggler {

        color: #fff;

    }

    #site-nav {

        background: #fff;

        position: absolute;

        z-index: 10;

        top: 100%;

        right: 0;

        padding: 0.625rem 1.25rem;

        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);

    }

    .site-nav .menu li {

        float: none;

    }

    .site-nav .menu li + li {

        margin-left: 0;

        margin-top: 0.3125rem;

    }

    .site-header.smaller .site-nav .menu li a,

    .site-nav .menu li a {

        color: #333 !important;

        line-height: inherit;

    }

}



/*--------------------------------------------------------------

# Site slider

--------------------------------------------------------------*/

.site-slider .slick-slide {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

    position: relative;

}

.slick-arrow {

    cursor: pointer;

}

.site-slider .slick-arrow {

    font-size: 1.75rem;

    text-align: center;

    color: #FFF;

    background: rgba(0, 0, 0, 0.2);

    border: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    z-index: 12;

    top: 50%;

    width: 3.75rem;

    height: 3.75rem;

    line-height: 3.875rem;

    margin-top: -1.875rem;

}

.site-slider .slick-arrow:hover {

    color: #FFF;

    background: rgba(0, 0, 0, 0.6);

}

.site-slider .slick-prev {

    left: 2.5rem;

}

.site-slider .slick-next {

    right: 2.5rem;

}

.site-slider .Æ¡verlay {

    background: rgba(0, 0, 0, 0.2) url(images/pattern.png);

    position: absolute;

    z-index: 10;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    visibility: hidden;

    opacity: 0;

}

.site-slider .slick-active.slick-current .Æ¡verlay {

    visibility: visible;

    opacity: 1;

    transition: all 0.8s ease 0.8s;

}

.site-slider .info {

    color: #FFF;

    text-align: center;

    position: absolute;

    z-index: 11;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.site-slider .name {

    font-size: 1.95rem;
    text-transform: uppercase;

    margin-bottom: 0.625rem;

}

.site-slider .button {

    font-weight: 600;

    text-transform: uppercase;

    color: #FFF;

    background: #FF6700;

    display: block;

    padding: 0.375rem 0.9375rem;

    position: absolute;

    bottom: 15%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    transform: translateX(-50%);

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9);

}

.site-slider .button span {

    display: inline-block;

    position: relative;

    animation: MoveUpDown 1s ease infinite alternate;

}

.site-slider .button i {

    margin-left: 0.5rem;

}

.site-slider .name,

.site-slider .desc,

.site-slider .button {

    margin-top: 3.75rem;

    visibility: hidden;

    opacity: 0;

    transition: all 0.8s ease 0.8s;

}

.site-slider .desc {

    transition-delay: 1.2s;

}

.site-slider .button {

    transition-delay: 1.6s;

}

.site-slider .slick-current .name,

.site-slider .slick-current .desc,

.site-slider .slick-current .button {

    margin-top: 0;

    visibility: visible;

    opacity: 1;

}



.site-slider .slick-slide:first-child .name {

    visibility: hidden;

    opacity: 0;

    transform: scale(2.5);

    transition: all 0.8s ease 0.8s;

}

.site-slider .slick-first .name,

.site-slider .slick-current.slick-first .name {

    visibility: visible;

    opacity: 1;

    transform: scale(1);

}

.site-slider .slick-slide:first-child .desc,

.site-slider .slick-slide:first-child .button {

    margin-top: 3.75rem;

    visibility: hidden;

    opacity: 0;

    transition: all 0.8s ease 0.8s;

}

.site-slider .slick-slide:first-child .desc {

    transition-delay: 1.2s;

}

.site-slider .slick-slide:first-child .button {

    transition-delay: 1.6s;

}

.site-slider .slick-current.slick-first .desc,

.site-slider .slick-current.slick-first .button {

    margin-top: 0;

    visibility: visible;

    opacity: 1;

}



@-webkit-keyframes MoveUpDown {

    0% {

        top: -0.1875rem;

    }

    100% {

        top: 0.1875rem;

    }

}

@-moz-keyframes MoveUpDown {

    0% {

        top: -0.1875rem;

    }

    100% {

        top: 0.1875rem;

    }

}

@keyframes MoveUpDown {

    0% {

        top: -0.1875rem;

    }

    100% {

        top: 0.1875rem;

    }

}



@media (max-width: 767px) {

    .site-slider .slick-arrow {

        font-size: 1.5rem;

        width: 3rem;

        height: 3rem;

        line-height: 2.75rem;

        margin-top: -1.5rem;

    }

    .site-slider .slick-prev {

        left: 1.25rem;

    }

    .site-slider .slick-next {

        right: 1.25rem;

    }

    .site-slider .name {

        font-size: 1.875rem;

    }

    .site-slider .button {

        margin-top: 3.75rem;

    }

}



/*--------------------------------------------------------------

# module

--------------------------------------------------------------*/

.module {

    padding: 3.125rem 0 1.25rem;

}

.module-header {

    margin-bottom: 2.5rem;

}

.module-title {

    font-size: 1.875rem;

    font-weight: 400;

    text-transform: uppercase;

    text-align: center;

    position: relative;

    padding-bottom: 0.625rem;

    margin-bottom: 0;

    color: #fff;

}

.module-title:after {

    content: ' ';

    background: #FF6700;

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 5rem;

    height: 1px;

    margin-left: -2.5rem;

}

.module-desc {

    text-align: center;

    color: #fff;

    width: 75%;

    margin-left: auto;

    margin-right: auto;

    margin-top: 1.5625rem;

}



/*--------------------------------------------------------------

# module about us

--------------------------------------------------------------*/

.about-us {

    text-align: center;

    margin-bottom: 2.5rem;

}

.about-us img {

	border-radius: 50%;

	box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.4);

}

.about-us .name {

    font-size: 1.125rem;

    text-transform: uppercase;

    margin-top: 1.25rem;

    margin-bottom: 0;

    color: #b9b7b7;

}

.about-us .desc {

    color: #b9b7b7;

    margin-top: 0.625rem;

    margin-bottom: 0;

}



/*--------------------------------------------------------------

# module service

--------------------------------------------------------------*/

.module-service {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

}

.module-service:before {

    content: ' ';

    background: rgba(0, 0, 0, 0.2) url(images/pattern.png);

    display: block;

    position: absolute;

    z-index: 10;

    top: 0; bottom: 0;

    left: 0; right: 0;

}

.module-service .container-fluid {

    position: relative;

    z-index: 11;

}

.module-service .module-title {

    color: #fff;

}

.catalog-tab-nav {

    text-align: center;

    list-style: none;

    padding-left: 0;

    margin-bottom: 2.5rem;

}

.catalog-tab-nav li {

    display: inline-block;

    margin-left: -4px;

}

.catalog-tab-nav li a {

    color: #fff;

    display: block;

    padding: 0.375rem 0.9375rem;

}

.catalog-nav li a {

    color: #333;

}

.catalog-tab-nav li a:hover,

.catalog-tab-nav li a.active {

    color: #fff;

    background: #FF6700;

}

.home-products {

	padding-left: 0.5rem;

    padding-right: 0.5rem;

	margin-bottom: 2.5rem;

}

.home-products .slick-list {

    margin-left: -0.5rem;

    margin-right: -0.5rem;

}

.home-product {

	padding-left: 0.5rem;

	padding-right: 0.5rem;

	margin-bottom: 1rem;

	width: 25%;

	float: left;

}

.home-product > a {

    display: block;

    position: relative;

    overflow: hidden;

}

.home-product > a img + img {

	position: absolute;

	z-index: 10;

	top: 0; bottom: 0;

	left: 0; right: 0;

	visibility: hidden;

	opacity: 0;

	transition: all 0.3s ease 0s;

}	

.home-product > a:hover img + img {

	visibility: visible;

	opacity: 1;

}



/*--------------------------------------------------------------

# slider

--------------------------------------------------------------*/

.slider { 

    position: relative;

    width: 100%;

    -webkit-user-select: none; 

    -khtml-user-select: none;

    -moz-user-select: none;

    -o-user-select: none;

    user-select: none;

    overflow: hidden;

    cursor: pointer;

    overflow: hidden;

}

.slider-a img,

.slider-b img {

    pointer-events: none;

    display: block;

    width: 100%; 

}

a img {

    border: none;

}

.slider-active .slider-a img { visibility: hidden }

.slider-active .slider-a {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    max-width:50%;

    -webkit-background-size: cover;

    background-size: cover; 

}

.slider-active .slider-handle {

    position: absolute;

    height: 100%;

    left: 50%;

    width: 1px;

    background: #fff;

    z-index: 3;  

}

.slider-active .slider-handle:before,

.slider-active .slider-handle:after { 

    display: block;

    position: absolute; 

    top: 50%; 

    margin-top: -1.625rem;

    font-family: 'Ionicons'; font-size: 1.875rem;

    color: #fff;

}

.slider-active .slider-handle:before {

    content: "\f10a";

    left: 0.5rem;

}

.slider-active .slider-handle:after { 

    content: "\f107";

    right: 0.5625rem;

}

.fancybox-content {

	width: 56.25rem;

	max-width: 80%;

	padding: 0;

}



/*--------------------------------------------------------------

# module why choose

--------------------------------------------------------------*/

.reason {

    text-align: center;

    margin-bottom: 2.5rem;

}

.reason .icon {

    font-size: 2rem;

    color: #FF6700;

    border: 2px solid #FF6700;

    border-radius: 50%;

    display: inline-block;

    width: 3.75rem;

    height: 3.75rem;

    line-height: 3.5rem;

    position: relative;

    text-align: center;

    cursor: pointer;

}

.reason .icon:hover {

    border-color: transparent;

    -webkit-transition: border 0.2s;

    -moz-transition: border 0.2s;

    transition: border 0.2s;

}

.reason .icon.ion-calendar {

    font-size: 1.75rem;

}

.reason .icon:after {

    content: '';

    border: 2px dashed #FF6700;

    border-radius: 50%;

    pointer-events: none;

    position: absolute;

    top: -2px;

    bottom: -2px;

    left: -2px;

    right: -2px;

}

.reason .icon:hover:after {

    -webkit-animation: SpinAround 7s linear infinite;

    -moz-animation: SpinAround 7s linear infinite;

    animation: SpinAround 7s linear infinite;

}

.reason .name {

    font-size: 1.125rem;

    font-weight: 600;

    text-transform: uppercase;

    margin-top: 0.9375rem;

    margin-bottom: 0;

    color: #fff;

}

.reason .desc {

	font-size: 0.9375rem;

	color: #fff;

	margin-top: 0.625rem;

	margin-bottom: 0;

}

@media (min-width: 1200px) {

    .col-reason {

        -webkit-flex: 0 0 20%;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}



@-webkit-keyframes SpinAround {

    from {

        -webkit-transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(360deg);

    }

}

@-moz-keyframes SpinAround {

    from {

        -moz-transform: rotate(0deg)

    }

    to {

        -moz-transform: rotate(360deg);

    }

}

@keyframes SpinAround {

    from {

        transform: rotate(0deg)

    }

    to {

        transform: rotate(360deg);

    }

}



/*--------------------------------------------------------------

# module promotion

--------------------------------------------------------------*/

.module-promotion {

    background-color: #FF6700;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); */

    display: flex;

    align-items: center;

    justify-content: center;

    height: 4.5rem;

    position: relative;

}

.module-promotion:before {

    content: ' ';

    background: #f67f21;

    display: block;

    position: absolute;

    z-index: 10;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.module-promotion h2 {

    font-size: 1.875rem;

    text-transform: uppercase;

    text-align: center;

    position: relative; 

    z-index: 11;

    margin-bottom: 0;

}

.module-promotion h2 a {

    color: #fff;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);

    display: inline-block;

    position: relative;

}

.module-promotion h2 a:hover {

    -webkit-animation: ColorChange 0.7s infinite alternate;

    -moz-animation: ColorChange 0.7s infinite alternate;

    animation: ColorChange 0.7s infinite alternate;

}

.module-promotion h2 i {

    margin-left: 0.625rem;

}



@-webkit-keyframes ColorChange {

    0% { color: #FFFFFF; }

    100% { color: #FF6700; }

}

@-moz-keyframes ColorChange {

    0% { color: #FFFFFF; }

    100% { color: #FF6700; }

}

@keyframes ColorChange {

    0% { color: #FFFFFF; }

    100% { color: #FF6700; }

}



/*--------------------------------------------------------------

# module how we work

--------------------------------------------------------------*/

.module-how-we-work {

	position: relative;

	overflow: hidden;

}

.module-how-we-work:before {

	content: ' ';

	background: rgba(0, 0, 0, 0.2);

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 11;

	top: 0;

	left: 0;

}

.module-how-we-work > video {

	background: #FFF;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	display: block;

	width: auto;

	height: auto;

	min-width: 100%;

	min-height: 100%;

	position: absolute;

	z-index: 10;

	bottom: 0;

	left: 0;

}

.module-how-we-work .container {

	position: relative;

	z-index: 12;

}

.module-how-we-work .module-title,

.module-how-we-work .module-desc {

	color: #FFF;

}

.module-how-we-work .module-title:after {

	background-color: #FFF;

}

.work {

    text-align: center;

    margin-bottom: 2.5rem;

}

.work .number {

    font-family: 'Times New Roman';

    font-size: 4.375rem;

    font-weight: 700;

    color: #FAF146;

    /* animation-name: spin, depth; */

    /* animation-timing-function: linear; */

    /* animation-iteration-count: infinite; */

    /* animation-duration: 3s; */

    /* transform-style: preserve-3d; */

    /* position: relative; */

}

/* .work .number::after { */

    /* transform: rotateY(-0.5deg); */

    /* transform-origin: 100% 50%; */

/* } */

/* @keyframes spin { */

    /* from { transform: rotateY(0deg); } */

    /* to { transform: rotateY(-360deg); } */

/* } */

/* @keyframes depth { */

    /* 0% { text-shadow: 0 0 black; } */

    /* 25% { text-shadow: 11px 0 black, 12px 0 black, 13px 0 black, 14px 0 black, 15px 0 black, 16px 0 black; } */

    /* 50% { text-shadow: 0 0 black; } */

    /* 75% { text-shadow: -11px 0 black, -12px 0 black, -13px 0 black, -14px 0 black, -15px 0 black, -16px 0 black; } */

    /* 100% { text-shadow: 0 0 black; } */

/* } */

.work .name {

    font-size: 1.125rem;

    font-weight: 600;

    text-transform: uppercase;

	color: #FFF;

    margin-top: 1.25rem;

    margin-bottom: 0;

}

.work .desc {

	color: #FFF;

    margin-top: 0.9375rem;

    margin-bottom: 0;

}

.work .desc a {

	color: #FFF;

}

.work .desc a:hover {

    text-decoration: underline;

}



/*--------------------------------------------------------------

# module workflow

--------------------------------------------------------------*/

.module-workflow {

    background: rgba(238,238,238,1);

    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));

    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);

    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);

    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);

    background: #ce5b00;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );

    text-align: center;

    padding: 12px;

}

.module-workflow a {

    font-size: 1.375rem;

    font-weight: 600;

    text-transform: uppercase;

    color: #ffffff;

    line-height: 1.25;

}

.module-workflow a i {

    display: none;

    position: relative;

}

.module-workflow a i + i {

    display: block;

}

.module-workflow a.collapsed i {

    display: block;

}

.module-workflow a.collapsed i + i {

    display: none;

}

.module-workflow img {

    margin-top: 1.25rem;

}



/*--------------------------------------------------------------

# module tess

--------------------------------------------------------------*/

.module-tess {

    background-color: #eee;

    padding-bottom: 3.75rem;

}

.tess {

    background: #fff;

}

.tess:after {

    content: ' ';

    position: absolute;

    z-index: 10;

    right: 100%;

    bottom: 0;

    border-right: 3.375rem solid #999;

    border-bottom: 3.375rem solid transparent;

}

.tess:before {

    content: ' ';

    position: absolute;

    z-index: 10;

    left: 0;

    bottom: 0;

    border-left: 4.375rem solid #FF6700;

    border-top: 4.375rem solid transparent;

}

.tess .slick-list:before {

    content: ' ';

    position: absolute;

    z-index: 10;

    right: 0;

    top: 0;

    border-right: 4.375rem solid #0099DA;

    border-bottom: 4.375rem solid transparent;

}

.tess .tes {

    padding-left: 0;

    padding-right: 0;

}

.tes .desc,

.tes .image,

.tes .info {

    float: left;

}

.tes .desc {

    position: relative;

    width: 66.6666%;

    padding: 1.25rem 2.5rem 2.5rem;

}

.tes .image {

    width: 13.3333%;

}

.tes .info {

    width: 20%;

    padding: 1.25rem 1.25rem;

}

.tes .name {

    font-size: 1.25rem;

    font-weight: 600;

    margin-bottom: 0.3125rem;

}

.tes .job {

    font-size: inherit;

    color: #666;

    line-height: 1.5;

    margin-bottom: 0;

}

.tess .slick-dots {

    text-align: center;

    list-style: none;

    padding: 0;

    margin: 0;

    position: absolute;

    left: 0;

    bottom: 0.9375rem;

    width: 51.6666%;

}

.tess .slick-dots li {

    display: inline-block;

    vertical-align: middle;

    margin-left: 0.3125rem;

    margin-right: 0.3125rem;

}

.tess .slick-dots button {

    font-size: 0;

    color: transparent;

    background: #ccc;

    border: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    display: block;

    width: 0.75rem;

    height: 0.75rem;

    padding: 0;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.tess .slick-dots button:hover,

.tess .slick-dots li.slick-active button {

    background: #FF6700;

}

@media (max-width: 991px) {

    .tess {

        padding-bottom: 3.125rem;

    }

    .tess .slick-dots {

        width: 100%;

    }

    .tes {

        text-align: center;

    }

    .tes .desc {

        text-align: left;

        float: none;

        width: 100%;

        padding: 1.25rem 2.5rem;

    }

    .tes .image,

    .tes .info {

        text-align: left;

        display: inline-block;

        vertical-align: middle;

        float: none;

        width: auto;

    }

    .tes .image {

        width: 5.625rem;

    }

}

@media (max-width: 767px) {

    .module-tess {

        padding: 2.5rem 0;

    }

    .tes .desc {

        padding: 1.25rem 1.25rem;

    }

}



/*--------------------------------------------------------------

# module products

--------------------------------------------------------------*/

.product-gallery {

    margin-bottom: 3.75rem;

}

.product-images .slick-arrow {

	font-size: 1rem;

	color: #FFF;

	background: #333;

	border: 0;

	position: absolute;

	z-index: 10;

	bottom: 0.625rem;

	right: 0.9375rem;

}

.product-images .slick-prev {

	right: 2.5rem;

}

.product-thumbs {

    padding-left: 0.3125rem;

    padding-right: 0.3125rem;

    margin-top: 0.625rem;

}

.product-thumbs .slick-list {

	margin-left: -0.3125rem;

	margin-right: -0.3125rem;

}

.product-thumbs .slick-slide {

    display: block;

    padding-left: 0.3125rem;

    padding-right: 0.3125rem;

}

.product-thumbs .slick-slide a {

    display: block;

    position: relative;

}

.product-thumbs .slick-slide a:before {

    content: ' ';

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    z-index: 10;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    visibility: visible;

    opacity: 1;

    transition: all 0.4s ease 0s;

}

.product-thumbs .slick-slide a:hover:before,

.product-thumbs .slick-slide.slick-current a:before {

    visibility: hidden;

    opacity: 0;

}



/*--------------------------------------------------------------

# module contact

--------------------------------------------------------------*/

.module-contact .module-title {

    font-size: 1.5rem;

    text-transform: uppercase;

    text-align: left;

    margin-bottom: 1.875rem;

}

.module-contact .module-title:after {

    left: 0;

    margin-left: 0;

}

.form-contact {

    margin-bottom: 3.75rem;

}

.contact-info {

    color: #666;

    margin-bottom: 3.75rem;

}

.contact-info p {

    text-align: justify;

    margin-bottom: 1.25rem;

}

.contact-info ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.contact-info li + li {

    margin-top: 0.5rem; 

}

.contact-info li a {

    color: inherit;

}

.contact-info li a:hover {

    color: #FF6700;

}

.contact-info li i {

    font-size: 1.125rem;

    display: inline-block;

    vertical-align: middle;

    width: 1.375rem;

}

.contact-map {

    height: 27rem;

    padding-top: 0;

}



@media (max-width: 767px) {

    .module-contact {

        margin-bottom: 0;

    }

    .form-contact {

        margin-bottom: 2.5rem;

    }

    .contact-map {

        height: 20rem;

    }

}



/*--------------------------------------------------------------

# Page about

--------------------------------------------------------------*/

.about-image {

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	height: 25rem;

	margin-bottom: 3.125rem;

	position: relative;

}

.about-image:before {

	content: ' ';

	background: rgba(0, 0, 0, 0.3);

	display: block;

	position: absolute;

	z-index: 10;

	top: 0; bottom: 0;

	left: 0; right: 0;

}

.col-member {

	margin-bottom: 2.5rem;

}

.member {

	text-align: center;

}

.member .name {

	font-size: 1.25rem;

	text-transform: uppercase;

	margin-top: 1.25rem;

	margin-bottom: 0;

}

.member .position {

	color: #777;

	margin-bottom: 0;

}



/*--------------------------------------------------------------

# footer

--------------------------------------------------------------*/

.footer-main {

    color: #e5e5e5;

    background: #333;

    padding: 1.875rem 0;

}

.footer-logo {

    display: inline-block;

    margin-bottom: 1.25rem;

}

.footer-logo img,

.footer-logo .text {

	display: inline-block;

	vertical-align: middle;

}

.footer-logo img {

    height: 4.375rem;

}

.footer-logo .text {

    font-size: 1.625rem;

    text-transform: uppercase;

    color: #fff;

    margin-left: 0.625rem;

}

.footer-contact,

.footer-social,

.footer-nav .menu {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    color: #fff;

}

.footer-contact li {

	font-size: 0.9375rem;

	text-align: justify;

	position: relative;

	padding-left: 1.375rem;

	color: #fff;

	margin-bottom: 7px;

}

.footer-contact li + li {

    margin-top: 0.5rem; 

}

.footer-contact li a {

    color: inherit;

}

.footer-contact li a:hover {

    color: #FF6700;

}

.footer-contact li i {

    font-size: 1.125rem;

    position: absolute;

    top: -1px;

    left: 0;

}

.footer-social {

    float: right;

	margin-top: 1.25rem;

	margin-bottom: 1.875rem;

}

.footer-social:after {

    content: ' ';

    display: table;

    clear: both;

}

.footer-social li {

    float: left;

    margin-right: 0.3125rem;

    margin-bottom: 0.3125rem;

}

.footer-social li a {

    font-size: 1.125rem;

    color: #e5e5e5;

    background: #484848;

    display: block;

    width: 2.25rem;

    height: 2.25rem;

    line-height: 2.25rem;

    text-align: center;

}

.footer-social li a:hover {

    color: #fff;

    background: #FF6700;

}

.footer-title {

    font-size: 1.125rem;

    font-weight: 600;

    text-transform: uppercase;

    color: #e5e5e5;

	margin-top: 1.5rem;

    margin-bottom: 1.25rem;

}

.footer-nav .menu {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -0.625rem;

    margin-left: -0.625rem;

}

.footer-nav .menu li {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    padding-left: 0.625rem;

    padding-right: 0.625rem;

    margin-bottom: 0.5rem;

}

.footer-nav .menu li a {

	font-size: 0.9375rem;

    color: #e5e5e5;

    display: inline-block;

    position: relative;

    padding-left: 0.9375rem;

}

.footer-nav .menu li a:hover {

    color: #FF6700;

}

.footer-nav .menu li a:before {

    content: ' ';

    background: #5C5C5C;

    display: block;

    width: 0.3125rem;

    height: 0.3125rem;

    position: absolute;

    top: 0.625rem;

    left: 0;

}

.footer-order {

    font-size: 1rem;

    font-weight: 600;

    text-transform: uppercase;

    color: #FFF;

    background: #0099DA;

    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);

    display: inline-block;

    float: right;

    clear: right;

    padding: 0.3125rem 0.9375rem;

}

.footer-order:hover {

	color: #FFF;

    background: #FF6700;

}

.footer-copyright {

    font-size: 0.9375rem;

    color: #777;

    background: #222;

    text-align: center;

    padding: 0.9375rem 0;

}

/*--------------------------------------------------------------

# page news

--------------------------------------------------------------*/

#posts {

    position: relative;

}

.postcontent .post-timeline {

    padding-left: 100px;

    margin-right: 0 !important;

}

.post-timeline {

    margin-right: -140px !important;

}

.postcontent .timeline-border {

    left: 32px;

    margin-left: 0;

}

.timeline-border {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    border-left: 1px dashed #CCC;

    height: 100%;

}

.postcontent .post-timeline .entry {

    width: 100% !important;

    margin-right: 140px !important;

}

.entry {

    position: relative;

    margin: 0 0 50px;

    padding: 0 0 50px;

    border-bottom: 2px solid #F5F5F5;

}

.post-timeline .entry-timeline {

    display: none;

    position: absolute;

    border: 2px solid #CCC;

    background-color: #FFF;

    padding-top: 0;

    text-indent: -9999px;

    top: 40px;

    left: auto;

    right: -76px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    font-size: 26px;

    font-weight: bold;

    color: #AAA;

    text-align: center;

    line-height: 1;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.postcontent .post-timeline .entry-timeline {

    display: block;

    border: 3px solid #CCC;

    background-color: #FFF;

    padding-top: 5px;

    text-indent: 0;

    top: 20px;

    left: -100px;

    right: auto;

    width: 64px;

    height: 64px;

    font-size: 24px;

}

.entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {

    display: block;

    position: relative;

    width: 100%;

    height: auto;

}

.entry-image {

    margin-bottom: 30px;

}

.entry-title h2 {

    margin: 0;

    font-size: 24px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.entry-title h2 a {

    color: #333;

}

.entry-meta {

    margin: 10px -10px -15px -40px;

    list-style: none;

}

.entry-meta li {

    float: left;

    font-size: 13px;

    line-height: 14px;

    margin: 0 10px 15px 0;

    color: #999;

    font-family: 'Crete Round', serif;

    font-style: italic;

}

.entry-meta li i {

    position: relative;

    top: 1px;

    font-size: 14px;

    margin-right: 3px;

}

.entry-meta li:nth-child(even):before {

    content: '/';

    display: inline-block;

    margin-right: 10px;

    opacity: 0.5;

}

.entry-meta li a {

    color: #999;

}

.entry-content {

	text-align: justify;

	margin-bottom: 2.5rem;

    position: relative;

}

#posts .entry-content {

    margin-top: 1.875rem;

	margin-bottom: 0;

}

.more-link {

    display: inline-block;

    border-bottom: 1px solid #FF6700;

    padding: 0 2px;

    font-family: 'Crete Round', serif;

    font-style: italic;

}

.post-timeline .entry-timeline span {

    display: block;

    margin-top: 3px;

    font-size: 13px;

    font-weight: normal;

}

.postcontent .post-timeline .entry-timeline div.timeline-divider {

    top: 29px;

    left: 64px;

    width: 32px;

}

.post-timeline .entry-timeline div.timeline-divider {

    position: absolute;

    top: 4px;

    left: -58px;

    width: 50px;

    height: 0;

    border-top: 1px dashed #CCC;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

#myTab {

    position: relative;

    margin-top: 50px;

}

ul.tab-nav:not(.tab-nav-lg) {

    margin: 0;

    border-bottom: 1px solid #DDD;

    list-style: none;

}

ul.tab-nav:not(.tab-nav-lg) li:first-child {

    margin-left: 15px;

    border-left: 1px solid #DDD;

}

ul.tab-nav:not(.tab-nav-lg) li {

    float: left;

    border: 1px solid #DDD;

    border-bottom: 0;

    border-left: 0;

    height: 41px;

    text-align: center;

}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {

    position: relative;

    top: 1px;

    background-color: #FFF;

}

ul.tab-nav:not(.tab-nav-lg) li a {

    display: block;

    padding: 0 15px;

    color: #444;

    height: 40px;

    line-height: 40px;

    background-color: #F2F2F2;

    font-size: 14px;

    font-weight: bold;

}

.tab-content {

    position: relative;

    padding: 20px 0 0;

}

.spost:first-child, .mpost:first-child {

    margin-top: 0;

    padding-top: 0;

    border-top: 0;

}

.mpost {

    margin-top: 25px;

    padding-top: 25px;

}

.spost, .mpost {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px dashed #E5E5E5;

}

.spost .entry-image, .spost .entry-image a, .spost .entry-image img, .spost .entry-image i {

    width: 48px;

    height: 48px;

}

.spost .entry-image, .mpost .entry-image {

    float: left;

    margin: 0 15px 0 0;

    text-align: center;

}

.img-circle {

    border-radius: 50% !important;

}

.entry-image img {

    border-radius: 3px;

}



.entry-image {

    margin-bottom: 30px;

}

.nobg {

    background: none !important;

}

.entry-c {

    position: relative;

    overflow: hidden;

}

.spost .entry-title h4, .mpost .entry-title h4 {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

}

.spost .entry-title h4 a, .mpost .entry-title h4 a {

    color: #333;

}

/*.spost .entry-meta {

    margin: 8px -10px 0 0;

}*/

.spost .entry-meta li, .mpost .entry-meta li {

    font-size: 13px;

    margin: 0 10px 0 0;

}

.si-share {

    position: relative;

    padding-left: 5px;

    border-top: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

}

.size-post_thumbnail {

    border-radius: 50% !important;

}

.sidebar-widgets-wrap {

    margin-bottom: 35px;

}

h4 {

    font-size: 18px;

}

.mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i {

    width: 170px;

    height: 128px;

}

.mpost .entry-image a, .mpost .entry-image img {

    border-radius: 2px;

}

.mpost .entry-content {

    margin-top: 35px;

}

.fbox-icon img{border-radius:50%;}

.si-share {

    position: relative;

    padding-left: 5px;

    border-top: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

}

.si-share div {

    float: right;

}