body{background-color:#fff;font-family: 'Open Sans', sans-serif;font-size:15px; font-weight:normal;line-height:1.7em;color:#434343;}
body #main-content{background-color:transparent; z-index:2; width:100%;display:table;}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans', sans-serif;}
.container{padding-left:0px; padding-right:0px; width: 1280px;}
.navigation{width: 99%;}
.caption-note{font-size:16px; font-family: 'Open Sans', sans-serif;}
.thim-course-grid .course-item .course-thumbnail:hover > a.course-readmore{background-color:#077de7; color:#FFF;}
.loop-pagination, .pagination{margin-top:20px; margin-bottom:20px;}
.pagination-all{width: 100%;}
.pagination{width: auto !important; display: table !important; margin-left: auto; margin-right: auto; left:0; right:0;}
.width-logo > a{padding-left:15px; padding-top: 5px; width:268px !important; display: block;}
.bgPrallax{background-attachment: fixed !important;background-repeat: no-repeat;}
/* Width */
.w50pr{width:50%;}
/* Bacgroud OverPlay */
.thim-bg-overlay-blue{position:relative;z-index:1;min-height:500px;}
.thim-bg-overlay-blue:before{position:absolute; /*background:rgba(30,120,173,.5);*/ left:0;right:0;bottom:0;top:0;z-index:0;
  /*background: -webkit-linear-gradient(-90deg, rgba(0,125,199,1) 0, rgba(0,125,199,0.9) 100%);
  background: -moz-linear-gradient(180deg, rgba(0,125,199,1) 0, rgba(0,125,199,0.9) 100%);
  background: linear-gradient(180deg, rgba(0,125,199,1) 0, rgba(0,125,199,0.9) 100%);*/
  background-image:url(img/bgTeam.jpg);
}
.thim-bg-overlay-blue2{position:relative;z-index:1;min-height:500px;}
.thim-bg-overlay-blue2:before{position:absolute; background:rgba(30,120,173,.5); left:0;right:0;bottom:0;top:0;z-index:0;}
.thim-bg-overlay-green{position:relative;z-index:2}
.thim-bg-overlay-green:before{position:absolute; background:rgba(109,215,95,.8); left:0;right:0;bottom:0;top:0;z-index:0}
.thim-bg-overlay-black{position:relative;z-index:1;min-height:500px;}
.thim-bg-overlay-black:before{position:absolute; background:url(img/bg_black_solutions.jpg); left:0;right:0;bottom:0;top:0; opacity:0.6;}
.thim-bg-overlay-black2{position:relative;z-index:1;}
.thim-bg-overlay-black2:after{position:absolute;background:rgba(65,63,62,.8); left:0;right:0;bottom:0;top:0; width:100%; height:100%; content:' ';}
.thim-bg-white{position:relative;z-index:1;}
.thim-bg-white:before{position:absolute;background:rgba(255,255,255,.6); left:0;right:0;bottom:0;top:0;}
.thim-bg-overlay2s{position:relative;z-index:1;}
.thim-bg-overlay2s:before{position:absolute;background:rgba(255,255,255,.6); left:0;right:0;bottom:0;top:0; content:''; z-index:1;}
.thim-bg-copper{position:relative;z-index:1;}
.thim-bg-copper:after{background-color: #ed1c24;position:absolute;/*background-image:url(img/bg_copper.jpg);*/ left:0;right:0;bottom:0;top:0; content:''; z-index:1; width:100%; height:100%;}

.bg-white{background-color:#FFF;}
.bg-grey-white{position:relative;}
.bg-grey-white:after{background-image: url("img/LichSu.jpg");background-repeat:no-repeat;background-color:#F0F0F0; opacity:0.6; width:100%; height:100%; content:''; top:0; position:absolute;}
.bg-grey{background-image: url("img/partent.png");background-color:#fcae18;}
.bg-grey-tab{background-color:#F0F0F0;}
.bg-solution-home{background:url('img/bg_prod.jpg');}
.bg-blue{background-color:#007dc7;}
/* Align */
.algcenter{text-align: center;}
/* */

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div

{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #FFF; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div{  border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }


/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }



/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div{ background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-dynamic > .scroll-element div {display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px;left: 0; min-width: 100%; width: 100%;}
.scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px;}
.scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;   -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s;}
.scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto;    left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s;    transition: height 0.2s;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s;  transition: width 0.2s;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1;}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px;}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {  min-width: 7px; width: 20px;}


/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div{ border: none; margin: 0;  overflow: hidden; padding: 0; position: absolute; z-index: 10;}
.scrollbar-chrome > .scroll-element { background-color: #ffffff;}
.scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0;  width: 100%;}
.scrollbar-chrome > .scroll-element .scroll-element_outer {}
.scrollbar-chrome > .scroll-element .scroll-element_track {background: #f1f1f1; border: 1px solid #dbdbdb;}
.scrollbar-chrome > .scroll-element.scroll-x {bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%;}
.scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px;}
.scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;}
.scrollbar-chrome > .scroll-element .scroll-bar:hover {background-color: #c2c2c2;   border-color: #a9a9a9;}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191;  border-color: #7e7e7e;}
/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }

/* Circle */
.circle{border-radius:50%;}
.no-radius{border-radius:none;}
/* Button */
.btn-org{background:#ffa200;}
/* float */
.fltLeft{float:left;}
.fltRight{float:right;}
/* General */
.error{font-size:16px;color:#F00;margin-bottom:10px;}
.text-center{text-align:center;}
.no-border{border:none !important;}
.hidden{display:none;}
.line-grey{width:85px; height:3px; background:#9d9d9d; display:block;}
.line-green{width:85px; height:3px; background:#2af40f; display:block;}
.line-white{width:125px; height:3px; background:#FFF; display:block;}
.line-yellow{width:65px; height:2px; background:#fcae18; display:block;}
.line-brown{width:85px; height:2px; background:#653727; display:block;}
.view_all a{font-size:12px; color:#fcae18; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold;}
.processing{color:#FFF;}
.line-break{margin:0 auto; position:relative;}
.line-break .line-silver{height:2px; background-color:#bcbcbc;}
.line-break .line-orange{height:6px; width:48px; border-radius:25px; background-color:#ff6816; position:absolute; top:-2px; margin:0 auto; left:0; right:0;}
.line-title{background-color:#4f4f4f; height:1px;}
.thumbScale {overflow:hidden;}
.thumbScale img{ transition: all 1.2s ease-out; transform: scale(1); width: 100%;}
.thumbScale:hover img { transform: scale(1.1);}
/* Height */
.hig31{height:31px;}
.hig55{height:55px;}
.hig58{height:58px;}
.hig81{height:81px;}
.hig84{height:84px;}
.hig57{height:57px;}
.hig77{height:77px;}
.hig100{height:100px;}
.hig108{height:108px;}
.hig546{height:546px;}
/* Width*/
.width119{width:60px;}
.width125{width:125px;}
.width188{width:188px;}
.width222{width:222px;}
.width369{width:369px;}
.width451{width:451px;}
.width616{width:616px;}
/* Margin */
.martop59{margin-top:59px;}
.martop81{margin-top:81px;}
/* Padding*/
.padTop38{padding-top:38px;}
.padTop81{padding-top:81px;}
.padTop150{padding-top:150px;}
.padLR48{padding:0px 18px 0px 48px;}
.padLR65{padding:0px 65px 0px 65px;}
.padL42{padding-left:42px;}
.padL52{padding-left:52px;}
/* Border */
.borderRight-footer{border-right:1px solid #b0b8be;}
.borLefRig-footer{border-right:1px solid #b0b8be; border-left:1px solid #b0b8be;}
.borderTop-green{border-top:4px solid #35e217;}
/* Button */
.btn{border-radius:0px;}
.btn-uppcase{text-transform:uppercase;}
input[type="submit"], button { background: #ffa200; color: #FFF; padding:3px 25px 3px 25px; font-size:12px; font-family: 'Open Sans', sans-serif;}
/* Head */
.width-navigation{width:calc(100% - 105px)}
/* Reload */
body.thim-body-preload > :not(#preload){opacity:1;}
.loader-wrapper{z-index:100000;}
#loader:after,#loader:before,#loader2:after,#loader2:before{content:"";position:absolute}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#ed1c24;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
#loader:before{top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#fcae18;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
#loader:after{top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#000000;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}

#loader2{display:block;position:relative;left:20%;top:20%;width:150px;height:150px;margin:0px 0 0 0px;border-radius:50%;border:3px solid transparent;border-top-color:#000;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
#loader2:before{top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;border:3px solid transparent;border-top-color:#F60;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}

#loader-process{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,.5);}
#loader-process::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
  background: url(../../images/loading.gif) 50% no-repeat;
  background-size: 69px auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}

@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
# .loader-section{position:fixed;top:0;width:51%;height:100%;background:#FFF;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}
/* Pagination */
.learn-press-pagination{text-align:center;}
.loop-pagination li .page-numbers.current, .pagination li .page-numbers.current { background: #007dc7;  border-color: #007dc7; color: #FFF;}
.loop-pagination li .page-numbers:hover, .pagination li .page-numbers:hover { background: #007dc7;  border-color: #007dc7; color: #FFF;}
/* Menu Top */
#masthead{height:80px;}
#masthead .navigation{padding:0px;}
.navigation .navbar-nav > li > a, .navigation .navbar-nav > li > span{color:#FFF; font-size: 13px; font-weight:bold; font-family: 'Open Sans', sans-serif;}
.navigation .navbar-nav > li > a{padding-top:/*25px*/ 35px;}
.navigation .navbar-nav>li>a:hover,.navigation .navbar-nav>li>span:hover{color:#ff6816;}
.navigation .navbar-nav>li.active > a{color: #ffb606;}
.navigation .navbar-nav>li.active a span{ display:block;}
.navigation .paddTopMenu>li.active a span{ display:block;}
.navigation .width-logo img { margin-bottom: 0px;}

.navigation ul li{position: relative; z-index: 4;}
.navigation ul li > ul {display: none; opacity: 1; width: 210px; background-color: /*#472c24*/ #1e401d; border-right: 0; z-index: 4;
    	position: absolute;  -webkit-box-shadow: 10px 10px 5px -3px rgba(0, 0, 0, 0.21);  -moz-box-shadow: 10px 10px 5px -3px rgba(0, 0, 0, 0.21);    box-shadow: 10px 10px 5px -3px rgba(0, 0, 0, 0.21); top: 68px;
	}
.navigation ul li:hover > ul {display: block; opacity: 1;transition-duration: .6s;transition-delay: 0.4s;transition-property: opacity; /*border: 1px solid #ececec;*/}
.navigation ul li ul li {float: none; display: block; border-right: 0; text-align: left; /*border-bottom: 1px solid #ececec;*/}
.navigation ul li ul li a{display: block; width:100%; border-bottom: 1px solid #ccc; padding:10px 0px 10px 0px;}
.navigation ul li ul li:last-child > a{border-bottom: none;}
.navigation ul li ul li:hover {background-color: #ffb606; color: #FFF;}
.navigation ul li ul li a, .navigation ul li ul li:hover > a {color: #FFF;}
.navigation ul li.active {
    /*border-right:none;*/
}
.navigation ul li:first-child {
    padding-left: 0px;
}
.navigation ul li ul li {
    padding:0px 10px 0px 10px !important;  	
    height: auto;
}

.navigation ul li ul li ul{left:198px; position: absolute; top:0; z-index: 4;}

.site-header{background: /*rgba(53,25,18,0.9)*/ rgba(30, 64, 29,0.9);}
.site-header .navbar-nav {margin-top:0px;}
.site-header.bg-custom-sticky.affix{background: /*rgba(53,25,18,0.9)*/ rgba(30, 64, 29,0.9) !important;}
.site-header.bg-custom-sticky.affix .navbar-nav > li.active > a, .site-header.bg-custom-sticky.affix .navbar-nav > li.a > span{color:#ffb606;}
.affix_active .no-sticky-logo{display:none;}
.affix_active .sticky-logo{display:block;}
.affix_active .navigation .navbar-nav > li.active a span{}
.affix, .affix_active{height:62px !important; background: rgba(255,255,255,1) !important; border-bottom:none;}
.affix .navbar-nav, .affix_active .navbar-nav{margin-top:0px;}
.affix .navigation ul li > ul{top:58px;}
.affix .navigation ul li ul li ul{top:0;}
.affix .navigation .navbar-nav > li > a, .affix_active .navigation .navbar-nav > li > a{padding-top:24px; color: #FFF !important;}
.affix-top .navigation .navbar-nav > li > a:hover,
  .affix .navigation .navbar-nav > li > a:hover, 
  .affix_active .navigation .navbar-nav > li > a:hover{color: #fcae18 !important;}
.affix .navigation .paddTopMenu > li.active a span, .affix_active .navigation .paddTopMenu > li.active a span{height:45px; color:#fcae18;}
.affix .formSearch, .affix_active .formSearch{color:#FFF; margin-top:24px;}
.affix .formSearch .searchLang, .affix_active .formSearch .searchLang{border-left:1px solid #FFF;}
.affix .formSearch .searchLang a i, .affix_active .formSearch .searchLang a i{color:#FFF;}
.affix .formSearch .searchIcon a i, .affix_active .formSearch .searchIcon a i{color:#FFF;}
.affix .formSearch .searchIcon, .affix_active .formSearch .searchIcon{border-left:1px solid #FFF;}
.affix .head-adv, .affix_active .head-adv{display:block !important; margin-top: 20px;}
.affix .head-adv .share, .affix_active .head-adv .share{/*display:none;*/}

.affix .head-adv .hotline, .affix_active .head-adv .hotline{background-color:#ffffff; color:#ed1c24; border-radius:25px; float:left; border:1px solid #dadada; width:inherit;}
.affix .head-adv .hotline .hotline-info, .affix_active .head-adv .hotline .hotline-info{float:left;}
	
.affix .head-adv .lang-sub, .affix_active .head-adv .lang-sub{/*display:block;*/ float:right; background-color:#FFF; height:32px; width:32px; margin-left:1px;padding:4px 10px 4px 10px;}
.affix .head-adv .hotline .lang-sub, .affix_active .head-adv .hotline .lang-sub{display:block; float:right; background-color:#FFF; height:32px; margin-left:1px;padding:4px 10px 4px 10px;}
.affix .head-adv .hotline .lang-sub a, .affix_active .head-adv .hotline .lang-sub a{position:relative; height:19px; width:26px; display:block;  border-left:1px solid #c8c8c8; padding-left:15px;padding-bottom:0px;}
.affix .head-adv .hotline .lang-sub a img, .affix_active .head-adv .hotline .lang-sub a img{position:absolute; top:1px;}

.affix .head-adv .search-sub, .affix_active .head-adv .search-sub{display:inline-block; background-color:#FFF; height:32px; margin-left:1px;padding:4px 10px 4px 10px;}
.affix .head-adv .hotline .search-sub, .affix_active .head-adv .hotline .search-sub{display:inline-block; background-color:#FFF; height:32px; margin-left:1px;padding:4px 10px 4px 10px;}
.affix .head-adv .hotline .search-sub a, .affix_active .head-adv .hotline .search-sub a{position:relative; height:19px; width:26px; display:block;  border-left:1px solid #c8c8c8; padding-left:15px;padding-bottom:0px; font-size:18px; color: #b9b9b9;}
.affix .head-adv .hotline .search-sub a i:before, .affix_active .head-adv .hotline .search-sub a i:before{position:absolute; top:0;}


.head-adv{float:right;margin-left:0px; position:absolute !important; right:0; margin-top: /*22px*/ 30px;}
.head-adv .hotline{background-color:#fcae18; color:#FFF; font-weight:bold; font-size:14px; height:37px; width:auto; padding:5px 31px 10px 31px; border-radius:25px; overflow:hidden;}
.head-adv .hotline span{font-weight:lighter;text-transform:uppercase; display:inline-block; margin-right:13px;}
.head-adv .share{display:inline-block; margin-left:22px;}
.head-adv .share .row{float:left; color:#484848; width:100px; margin-right:18px;}
.head-adv .share .row a i{color:#fcae18;font-size:22px; float:left; margin-right:6px;}
.head-adv .share .row a{color:#484848; text-transform:uppercase; font-size:11px;}
.head-adv .share .row-search{border-left:1px solid #CCC; width:50px; height:20px; margin-top:3px; margin-right:0px;}
.head-adv .share .row-search a i{font-size:18px;margin-left:19px;}
.head-adv .share .row-lang{border-left:1px solid #CCC; width:50px; height:20px; margin-left:2px; margin-top:3px; margin-right:0px;}
.head-adv .share .row-lang a{margin-left:19px;}
.head-adv .share .row-lang a img{margin-bottom:10px; max-height: 18px;}
.head-adv .lang-sub, .head-adv .search-sub{display:none;}
.affix-top .head-adv .hotline{font-size: 15px;letter-spacing: 2px;text-align: center;padding-top: 7px;}
.menu-mobile-effect.navbar-toggle{border:1px soild #077de7 !important;}
.menu-mobile-effect.navbar-toggle span.icon-bar {background: #fcae18;height:5px; width:35px; z-index:3;}
.affix_active .menu-mobile-effect.navbar-toggle span.icon-bar {background: #fcae18;height:5px; width:35px; z-index:3;}
.site-header.affix .menu-mobile-effect.navbar-toggle span.icon-bar{background: #ffb606;height:5px; width:35px; z-index:3;}
/* keyframes */
.fadeInLeftSm{-webkit-animation-name: fadeInLeftSm;  animation-name: fadeInLeftSm;}
@keyframes fadeInLeftSm {
  0% {  opacity: 0;  transform: translateX(-150px) scale(0.8); }  70% { transform: translateX(10px) scale(1.02); }  100% { opacity: 1;  transform: translateX(0) scale(1);  }
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {
  from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp {
  from {opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }
  to {opacity: 1; -webkit-transform: none; transform: none;}
}

.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeIn {
  from { opacity: 0;}
  to { opacity: 1;}
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.hinge { -webkit-animation-duration: 2s;  animation-duration: 2s;}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: .75s;  animation-duration: .75s;}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);
  }
  90% { -webkit-transform: translate3d(0,-4px,0);  transform: translate3d(0,-4px,0); }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@keyframes flash {
  from, 50%, to { opacity: 1;  }
  25%, 75% { opacity: 0;  }
}

.flash {  -webkit-animation-name: flash;  animation-name: flash;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);  transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
}
@keyframes pulse {
  from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);}
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to {-webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;

  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }
  to {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom;  transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }
}
.zoomOutUp {-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;}

@-webkit-keyframes slideInDown {
  from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInDown {
  from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}
  to { -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }
}
.slideInDown {-webkit-animation-name: slideInDown; animation-name: slideInDown;}

@-webkit-keyframes slideInLeft {
  from {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);  visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInLeft {
  from { -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;}
  to { -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}
}
.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}

@-webkit-keyframes slideInRight {
  from { -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }
  to { -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }
}
@keyframes slideInRight {
  from {-webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight;}

@-webkit-keyframes slideInUp {
  from { -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }
  to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
  from { -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }
  to { -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }
}
.slideInUp { -webkit-animation-name: slideInUp;  animation-name: slideInUp;}

@-webkit-keyframes slideOutDown {
  from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
}
@keyframes slideOutDown {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.slideOutDown {-webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}

@-webkit-keyframes slideOutLeft {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
@keyframes slideOutLeft {
  from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  }
  to { visibility: hidden;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
}
.slideOutLeft {-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}

@-webkit-keyframes slideOutRight {
  from {-webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }
  to { visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }
}
@keyframes slideOutRight {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);  }
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight;}

@-webkit-keyframes slideOutUp {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
@keyframes slideOutUp {
 from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 
 to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
.slideOutUp {-webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}

/* Tab Caterory */
.tab-category{height:132px; background-color:#e4ebf0; border:1px solid #d8e0e6;margin-top:7px; font-style:24px; font-family:'Open Sans Condensed', sans-serif; position:relative;}
.tab-category .nav-tabs {border-bottom:0px; position:absolute; top:-1px;}
.tab-category .nav-tabs li{height:96px;margin-left:30px;}
.tab-category .nav-tabs li a{text-transform:uppercase; font-size:24px; font-family:'Open Sans Condensed', sans-serif; color:#595a5a; font-weight:bold; top:45%; border-radius:none; padding-bottom:0px;}
.tab-category .nav-tabs li a span{font-family:'Open Sans Condensed', sans-serif;}
.tab-category .nav-tabs li.active{background-color:#FFF; border:1px solid #d8e0e6; border-top:none;}
.tab-category .nav-tabs li.active a{background-color:#FFF; color:#0188fe;}
.list-tabs .group-tabs{ margin: 0 auto; width:inherit;}

/* back to top */
#back-to-top{}
#back-to-top {background-color: #fcae18; width:53px; height:53px; border-radius:50%; display: block; opacity: 1;}
#back-to-top span{background-color: #fcae18; width:43px; height:43px; border-radius:50%; display:block;padding:1px; font-size:11px; font-family:'Open Sans', sans-serif; font-weight:bold; border:4px solid #FFF; margin:5px;}
#back-to-top span i{font-size:18px;}
#back-to-top:hover{background-color: #ed1c24;}
#back-to-top:hover span{background-color: #ed1c24;}

#back-to-top2{position:absolute;float:right; right:0; display:none; color:#FFF; top:9px; text-align:center;}
#back-to-top2 {background-color: #ff6816; width:63px; height:63px;}
#back-to-top2 span{background-color: #ff6816; width:63px; height:63px; display:block;padding:5px; font-size:11px; font-family:'Open Sans', sans-serif; font-weight:bold;}
#back-to-top2 span i{font-size:18px;}
#back-to-top2:hover{background-color: #fe8d4c;}
#back-to-top2:hover span{background-color: #fe8d4c;}

/* Footer */
footer{height:52px; color: #65696c; font-family: 'Open Sans', sans-serif;}
footer .container{position:relative;}
footer .row{overflow: hidden;}
footer .row .row-child{margin-bottom: -99999px; padding-bottom: 99999px;}
footer#colophon{background:/*#351912*/ #1e401d;}
footer#colophon h4{margin-top:0px; font-size:14px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin-bottom:0px;}
footer#colophon .copyright-area{color: #FFF; font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:bold; background:/*#351912*/ #1e401d;}
footer#colophon .copyright-area .copyright-content{padding-top:14px;padding-bottom:0px;}
footer#colophon .copyright-area .cols-left{text-transform:uppercase;}
footer#colophon .copyright-area .cols-left a{color:#fff;}
footer#colophon .copyright-area .cols-right{text-transform:uppercase;text-align:right;}
footer#colophon .copyright-area .cols-right .infor-counter{margin-right:60px;}
footer#colophon .copyright-area .cols-right ul li{font-family: 'Open Sans', sans-serif; font-size:11px; line-height:15px;}

footer#colophon .copyright-area .menu-footer h4{color:#535353; text-transform:uppercase; font-size:14px; font-family: 'Open Sans', sans-serif;}
footer#colophon .copyright-area .menu-footer .menulist{width:100%; display:table;}
footer#colophon .copyright-area .menu-footer li{float:left; width:45%;margin-left:0px; height:25px;}
footer#colophon .copyright-area .menu-footer li a{color:#535353; font-size:13px; font-family: 'Open Sans', sans-serif;}
footer#colophon .copyright-area .menu-footer li a:hover{color:#077de7;}

footer#colophon .copyright-area .languages h4{color:#535353; text-transform:uppercase; font-size:14px; font-family: 'Open Sans', sans-serif;}
footer#colophon .copyright-area .languages ul{margin-top: 15px; width:90%;}
footer#colophon .copyright-area .languages ul li span{width:22px; height:16px; display:block;}
footer#colophon .copyright-area .languages ul li span.vi{background:url('../icon/lang_vi.png') no-repeat; }
footer#colophon .copyright-area .languages ul li span.en{background:url('../icon/lang_en.png') no-repeat; }

footer#colophon .copyright-area .shareSocial .socialList{width:100%; margin-top: 15px;}
footer#colophon .copyright-area .shareSocial .socialList li{float:left; width:48%; margin-left:0px;margin-bottom:9px;}
footer#colophon .copyright-area .shareSocial .socialList li.last{margin-left:4px;}
footer#colophon .copyright-area .shareSocial .socialList li a{display:block;width:37px; height:37px; background-color:#ada9aa;text-align:center;}
footer#colophon .copyright-area .shareSocial .socialList li a i.fa{font-size:24px;color:#FFF;}
footer#colophon .copyright-area .shareSocial .socialList li a i.fa-facebook{padding:7px 0px 0px 0px;}
footer#colophon .copyright-area .shareSocial .socialList li a i.fa-linkedin{padding:5px 0px 0px 0px;}
footer#colophon .copyright-area .shareSocial .socialList li a i.fa-twitter{padding:7px 0px 0px 0px;}
footer#colophon .copyright-area .shareSocial .socialList li a i.fa-pinterest-p{padding:10px 0px 0px 0px;}
footer#colophon .copyright-area .shareSocial .socialList li a:hover{background-color:#3b5997;}
footer#colophon .copyright-area .shareSocial .socialList li a:hover i.fa{color:#FFF;}
.cls-term{font-size:13px; font-family: 'Open Sans', sans-serif; margin-bottom:12px;}
.hotline ul{margin:0px; padding:0px; list-style:none;width:100%; left: 0;position: absolute;}
.hotline ul li{float:left;}
.hotline ul li div.icon-hotline{background:url('img/hotline.png') no-repeat; height:49px; width:49px;}
.hotline ul li.info-hotline{position:relative;width:70%;}
.hotline ul li.info-hotline b{font-size:16px;font-family: 'Open Sans Condensed', sans-serif; color:#3d3d3e; position:absolute; top:-5px;}
.hotline ul li .num-hotline{font-size:24px;font-family: 'Open Sans Condensed', sans-serif; color:#0090ff; font-weight:bold;display:block;position:absolute; top:15px;}
/* Slider */
.camera_wrap{height:718px !important; margin-bottom:0px !important;background-color:#a58d67;}
.camera_wrap .camera_pag{opacity:0px !important; position:absolute; bottom:147px; left:0; right:0;}
.camera_wrap img{max-width:inherit !important;}
.camera_wrap .camera_pag .camera_pag_ul{text-align:center;}
.camera_wrap .camera_pag .camera_pag_ul li{background:#FFF; margin:0px; width:7px; height:7px; margin-right:6px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background:#fcae18;}
.camera_wrap .camera_pag .camera_pag_ul li span{display:none;}
.camera_wrap .camera_caption{ background-color:transparent; position:absolute;bottom:170px !important; margin:0 auto;}
.camera_wrap .camera_caption div{background-color:transparent;text-align:center;margin:0 auto;}
.camera_wrap .camera_caption div.line-yellow{background-color:#fcae18; margin-bottom:23px; margin-top:14px; height:3px;  border-radius:5px; width:333px;}
.camera_wrap .camera_caption .title{width:620px; color:#fcae18;font-size:72px; display:block; font-weight:bold; line-height:72px; padding-left:20px; /*font-family: 'hp-vari',sans-serif;*/}
.camera_wrap .camera_caption .preview{width:620px; color:#fff;text-transform:uppercase; font-size:24px; font-weight:bold; line-height:30px; padding-left:20px;}
.camera_wrap .cameraContents{text-align:center;}
.camera_wrap .mobileShow{display: none;}

.sub-page .camera_wrap{height:500px !important;}
.sub-page .camera_wrap .camera_caption .title{font-size:36px;text-shadow: 2px 2px #000; color:#FFF; margin-bottom: 25px; text-transform: uppercase;}
 .sub-page .camera_wrap .camera_caption .line-yellow{display: none;}
 .sub-page .camera_wrap .camera_caption .preview{text-transform: none; text-shadow: 2px 2px #000;}
 .sub-page .camera_wrap .camera_caption .preview a{color:#FFF; text-shadow: 2px 2px #000;}
 .sub-page .camera_wrap .camera_caption .breadcrumb li{margin-right: 10px; display: inline-block;}
 .sub-page .camera_wrap .camera_caption .breadcrumb > li + li::before {content: "/"; padding-left: 3.5px;}
 .sub-page .camera_wrap .camera_caption .breadcrumb > li + li a{margin-left: 15px;}

#main-content .page-nag{display: none; position:absolute; width:100%; height:118px; border-top: 3px solid #ed1c24;bottom: 0; z-index:10; text-align:center; font-size:13px; color:#FFF; overflow:hidden;padding-top: 30px;}
#main-content .page-nag a{font-size:13px; color:#FFF; text-transform:uppercase; position:relative; padding-top:14px; display:inline-block; margin-right:13px; height:30px;}
#main-content .page-nag:before{content:''; background:rgba(252,174,24,1); position:absolute; width:100%; height:100%; left:0; right:0;}
/*=================== 404 Page ====================*/
.page404 .container{text-align:center;margin:0 auto;float:none; padding-top: 30px; padding-bottom: 30px;}
.page404 .container .title{font-size:16px; font-weight: 400;}
.page404 .container h1{font-size:200px; font-weight: 400; line-height: 220px;}
.page404 .container .back_index{margin-top: 20px;}
.page404 .container .back_index a{border:1px solid #ffb606; padding: 5px; background-color: #ffb606; color:#FFF; border-radius: 5px;}
.page404 .container .back_index a:hover{background-color: #FFF; color:#000;}

/*=================== Home Page ====================*/
.home-about{text-align:center; padding-bottom: 80px; background-color: #f1f1f1; padding-top: 60px;}
.home-about h3.title{margin-top:10px;}
.home-about h3.title a{font-size:36px; font-family: 'Open Sans', sans-serif; font-weight:bold;  color:#653727; margin-bottom: 30px;}
.home-about .preview{width:860px; margin:0 auto; font-family: 'Open Sans', sans-serif; font-size:16px; margin-top:19px; margin-bottom:42px; color:#626262;}
.home-about .list-record{width:100%;}
.home-about .list-record .col-row{width:33%; float:left; margin-bottom:96px;}
.home-about .list-record .col-row .col-title{text-align:left; display:inline-block; width:100%;}
.home-about .list-record .col-row .col-title i{border:2px solid #ed1c24; width:59px; height:59px; border-radius:50%; color:#ed1c24; font-size:36px; font-weight:lighter; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-style:normal; display:block; float:left; padding-top:13px; text-align:center; margin-right:17px;}
.home-about .list-record .col-row .col-title a{font-size:24px; font-weight:lighter; color:#3c3c3c; text-transform:uppercase; padding-top:13px; display:block; float:left;}
.home-about .list-record .col-row .col-preview{color:#656565; font-size:13px; font-family: 'Open Sans', sans-serif; text-align:justify; width:390px; height:93px; overflow:hidden;margin-top:2px;}
.home-about .list-record .col-row .col-view{text-align:left; font-size:10px; font-weight:bold; font-family: 'Open Sans', sans-serif; color:#fcae18; margin-top:15px;}
.home-about .list-record .col-row .col-view a{color:#fcae18; text-transform:uppercase;}
.home-about .list-record .img-about{width:100%; text-align: left; margin-top: 30px;}
.home-about .list-record .img-about img{max-width:100%; float: left; margin-right: 60px; margin-left: 60px;}
.home-about .list-record .view-more{text-align: right; right:0; float: right;}

.home-event{text-align:center;overflow:hidden;}
.home-event .frameEvent{position:relative; height:498px;}
.home-event .event-content{width:666px; height:100%; background:rgba(245,110,37,0.9); position:absolute; z-index:7; margin:0 auto; left:0; right:0;}
.home-event .container .event-circle{background:url('img/123.png') no-repeat; height:270px; width:454px; position:absolute; bottom:0; z-index:8;margin-left:40px;}
.home-event .event-content .circle{width:500px; height:500px; border-radius:50%;background-color:#FFF; border:22px solid #fe8d4c; position:absolute; z-index:5; top:-177px; left:0; right:0; margin:0 auto; padding-top:155px;}
.home-event .event-content .preview{position:absolute;color:#FFF;z-index:6; font-size:16px; width:493px; bottom:0; left:0; right:0; margin:0 auto; margin-bottom:79px; height:66px; overflow:hidden;}
#partners-home{/*border-top:6px solid #653727;*/}

.line-brown{left:0; right:0; margin:0 auto;}
.home-project-slide{background-color:#FFF; min-height:621px; text-align:center; position:relative; padding-bottom: 50px;}
.home-project-slide .container{height: auto; padding-top: 60px;}
  .home-project-slide .container .extra-title{font-size: 16px;}
  .home-project-slide .container h3{margin-top: 0px; color:#653727; font-size: 30px;}
  
.home-project-slide .home-project-lists{top:0px;margin-top: 40px;}
.home-project-slide .home-project-lists .item .title h3{font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase; color:#351912; line-height:23px; height:50px; overflow:hidden;}
.home-project-slide .home-project-lists .item .title h3 a{font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#351912;}
.home-project-slide .home-project-lists .item{border-radius:15px; border:1px solid #DDD; float:left; width:400px; background-color:#fff; padding:28px; transition: all 0.5s ease-out;}
.home-project-slide .home-project-lists .item .img{width:351px; overflow:hidden; text-align: center; display: block; margin-bottom: 30px;}
.home-project-slide .home-project-lists .item .img img{transform: scale(1); transition: all 0.5s ease-out; left:0; right:0; margin: 0 auto;}
.home-project-slide .home-project-lists .item .img a{left:0; right:0; margin: 0 auto; float: none; width:100%; text-align: center; display: block;}
.home-project-slide .home-project-lists .item .preview{margin-top:7px; font-family: 'Open Sans', sans-serif; font-size:14px; height:82px; overflow:hidden; color:#626262;text-align: justify;}
.home-project-slide .home-project-lists .item .price{color:#FF070B; font-size: 26px;}	
.home-project-slide .home-project-lists .item .view{margin-top:30px;}
.home-project-slide .home-project-lists .item .view a{color:#505050;border:1px solid #db9610; text-transform:uppercase;padding:7px 19px 7px 20px; background-color:#FFF; border-radius:25px; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:500;}
.home-project-slide .home-project-lists .owl-item{}
/*.home-project-slide .home-project-list .owl-item.active .item{padding-left:0px;}
.home-project-slide .home-project-list .owl-item.active .item .img{width:405px;}
.home-project-slide .home-project-list .owl-item.active .item .title,
 .home-project-slide .home-project-list .owl-item.active .item .preview{padding-left:28px;} 
 .home-project-slide .home-project-list .owl-item.active .item .view{padding-left:28px;} 
.home-project-slide .home-project-list .owl-item.actprev .item{padding-right:0px;}
.home-project-slide .home-project-list .owl-item.actprev .item .img{width:405px;}
.home-project-slide .home-project-list .owl-item.actprev .item .title,
 .home-project-slide .home-project-list .owl-item.actprev .item .preview{padding-right:28px;} 
 .home-project-slide .home-project-list .owl-item.actprev .item .view{padding-right:28px;}*/

.home-project-slide .home-project-lists .owl-item:hover{ top:0px;}
.home-project-slide .home-project-lists .owl-item:hover .item{transition: all 0.4s ease; border:1px solid #ffb606;}
.home-project-slide .home-project-lists .owl-item:hover .item .img img{ transform: scale(1.05);}
 .home-project-slide .home-project-lists .owl-item:hover .item .view a{background-color:#ffb606; color:#FFF; }
/*.home-project-slide .home-project-lists .owl-item:hover .item .title h3{margin-top:50px;}
.home-project-slide .home-project-lists .owl-item:hover .item .title h3 a,{color:#351912;}
 .home-project-slide .home-project-lists .owl-item:hover .item .preview{color:#FFF;}
.home-project-slide .home-project-lists .owl-item:hover .item .title,
 .home-project-slide .home-project-lists .owl-item:hover .item .preview{padding-left:0px;}  
 */
.home-project-slide .home-project-lists .owl-controls{margin-top:48px;}
.home-project-slide .home-project-lists .owl-controls .owl-nav{display:none;}
.home-project-slide .home-project-lists .owl-controls .owl-dots .owl-dot span{ background: #DDD;}
.home-project-slide .home-project-lists .owl-controls .owl-dots .owl-dot.active span, .home-project-slide .home-project-list .owl-controls .owl-dots .owl-dot:hover span { background: #ffc351;}


.home-news{min-height:724px; text-align:center; position:relative;}
.home-news h3.title{font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:bold; text-transform:uppercase; color:#414141; margin-top:82px;}
.home-news .group-tabs{margin:0 auto; text-align:center; left:0; right:0; display:table; margin-top:28px;}
.home-news .group-tabs div{float:left; padding:3px 14px 3px 14px; margin-right:10px; border-radius:25px;}
.home-news .group-tabs div a{text-transform:uppercase; color:#403f3f;}
.home-news .group-tabs div:hover{background-color:#db241c; color:#FFF;}
.home-news .group-tabs div:hover a{color:#FFF;}
.home-news .group-tabs div.active{background-color:#db241c; color:#FFF;}
.home-news .group-tabs div.active a{color:#FFF;}
.home-news .view-all{position:absolute; bottom:-23px; width:131px; background:#ff6816; padding:13px 13px 13px 13px;color:#FFF; margin:0 auto; left:0; right:0;}
.home-news .view-all a{color:#FFF; text-transform:uppercase;}
.home-news .rows-news{margin-top:43px;}
.home-news .row-news{float:left; width:610px; background-color:#efefef;margin-right:30px;}
.home-news .row-news .img-news{height:242px; overflow:hidden; position:relative;}
.home-news .row-news .img-news img{width:100%; transition: all .3s; transform: scale(1);}
.home-news .row-news .img-news .date-news{opacity:0; width:100%; bottom:0; background:rgba(105,107,108,0.6); height:43px; position:absolute; color:#ffffff; font-size:10px; text-align:left; padding:0px 0px 0px 28px; text-transform:uppercase}
.home-news .row-news .img-news .date-news span{margin-top:7px; display:block; width:70%; float:left;}
.home-news .row-news .img-news .date-news .view-hits{float:right;background-color:#c2281f; font-size:10px; text-align:center; min-width:121px; text-transform:uppercase; height:43px; position: absolute; top:0; right:0;}
.home-news .row-news .img-news .date-news .view-hits span{padding-top:9px; display:block; text-align:center; margin:0 auto; left:0; right:0; width:100%; }
.home-news .row-news .prev-news{padding:25px 25px 22px 25px;}
.home-news .row-news .prev-news .title-news a h3{color:#414141;font-size:16px; font-family: 'Open Sans', sans-serif;text-align:left; text-transform:uppercase; margin-top:0px; margin-bottom:8px; height:28px; overflow:hidden;}
.home-news .row-news:hover .prev-news .title-news a h3{color:#db241c;}
.home-news .row-news:hover .img-news .date-news{opacity:1; transition: visibility 0s, opacity 0.5s linear;}
.home-news .row-news:hover .img-news img { transform: scale(1.05); /*-webkit-filter: blur(2px); filter: blur(2px);*/}
.home-news .row-news .prev-news p{color:#414141; font-size:13px; font-family: 'Open Sans', sans-serif; text-align:left; height:120px; overflow:hidden;}
.home-news .row-news{float:left; width:610px; background-color:#efefef;margin-right:60px;}
.home-news .row-news:nth-child(2n){margin-right:0px;}
.home-news .view_all{margin-top:3px;}
.home-news .view_all a{padding:7px 16px 7px 20px; border:1px solid #653727; border-radius:25px; color:#653727;}

.nhuongQuyenHome{text-align: center; padding-bottom: 80px; background-color: #f1f1f1;  padding-top: 60px; }
.nhuongQuyenHome h3.title span{font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: bold; color: #653727; margin-bottom: 30px;}
.nhuongQuyenHome .home-news h3.title{margin-top: 12px;}
.nhuongQuyenHome .home-news .row-news{width:30%; background-color: #FFF; border-bottom-right-radius: 15px; border-top-left-radius: 15px; margin-bottom: 30px; margin-right: 40px; min-height: 430px;}
.nhuongQuyenHome .home-news .row-news .prev-news p{height:80px; font-size: 14px;}
.nhuongQuyenHome .home-news .row-news .img-news { border-top-left-radius: 15px; }
.nhuongQuyenHome .home-news .row-news .prev-news .title-news a h3{overflow:auto; height: auto;}
.nhuongQuyenHome .home-news .row-news:nth-child(2n){margin-right:40px;}

.home-achievement{position:relative;height:184px; background-color:#8f8f8f;margin:81px 0px 64px 0px;}
.home-achievement .bg-active{height:184px; width:392px; position:absolute; bottom:0; z-index:0; left:0; right:0; margin:0 auto; background-color:#FFF;}
.slide-achievement{}
.slide-achievement .achie-main{float:left; width:392px;background:#FFF; margin:0 auto; left:0; right:0; padding-top:5px; height:184px; text-align:center;}
.slide-achievement .achie-main .note{margin-top:11px !important; text-transform:uppercase; color:#1e1e1e; width:234px;margin:0 auto; left:0; right:0; }
.slide-achievement .achie-left{width:39.5%;float:left; position:relative;}
.slide-achievement .achie-left .owl-stage-outer{width:86%;padding-top:20px;}
.slide-achievement .achie-left .item{width:145px;}
.slide-achievement .achie-left .item img{width:inherit;}
.slide-achievement .achie-left .owl-controls{float:right; width:77px; height:142px; position:absolute; right:0; bottom:0px; background-color:#FFF;}
.slide-achievement .achie-left .owl-controls .owl-nav .owl-next{display:none !important;}
.slide-achievement .achie-left .owl-controls .owl-nav .owl-prev{background-color:#FFF; background:url('img/arrow_arch_left.jpg') no-repeat; height:51px; width:17px; margin-top:38px;}
.slide-achievement .achie-left .owl-controls .owl-nav .owl-prev:hover{background:url('img/arrow_arch_left2.jpg') no-repeat;}
.slide-achievement .achie-left .owl-controls .owl-dots{display:none !important;}
.slide-achievement .achie-right{width:39.5%;float:left; position:relative;}
.slide-achievement .achie-right .owl-stage-outer{width:86%;padding-top:20px;}
.slide-achievement .achie-right .item{width:145px;}
.slide-achievement .achie-right .item img{width:inherit;}
.slide-achievement .achie-right .owl-controls{float:left; width:77px; height:142px; position:absolute; left:0; bottom:0px; background-color:#FFF;}
.slide-achievement .achie-right .owl-controls .owl-nav .owl-next{background-color:#FFF; background:url('img/arrow_arch_right.jpg') no-repeat; height:51px; width:17px; margin-top:38px;}
.slide-achievement .achie-right .owl-controls .owl-nav .owl-next:hover{background:url('img/arrow_arch_right2.jpg') no-repeat;}
.slide-achievement .achie-right .owl-controls .owl-nav .owl-prev{display:none !important;}
.slide-achievement .achie-right .owl-controls .owl-dots{display:none !important;}

.circle-slide-scroll{text-align:center;margin:auto;position:relative;}
.circle-slide-scroll ul.scrollable{list-style:none;padding:0;position:relative;overflow:hidden;display:block;margin:0 auto; height:184px !important;}
.circle-slide-scroll ul.scrollable li{list-style:none;position:absolute;top:0;}
.circle-slide-scroll ul.scrollable li:before{content:'';position:absolute;background:rgba(0,0,0,.4);-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s;cursor:pointer}
.circle-slide-scroll ul.scrollable li.mid-item:before{-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);cursor:default}
.circle-slide-scroll ul.scrollable li.mid-item img{cursor:default}
.circle-slide-scroll ul.scrollable li img{cursor:pointer}
.circle-slide-scroll>.item{position:absolute;}
.circle-slide-scroll>.item:first-child{position:relative}
.circle-slide-scroll img{cursor:pointer;}
.circle-slide-scroll .content{width:auto;height:auto}
.circle-slide-scroll .title{font-weight:700;font-size:15px;line-height:30px;margin:20px 0 -7px;text-transform:none}
.circle-slide-scroll .title a{display:block;color:#333}
.circle-slide-scroll .title a:hover{text-decoration:underline}
.circle-slide-scroll .regency{line-height:25px;text-transform:uppercase;font-size:12px;font-weight:700;color:#999}
.circle-slide-scroll .description{font-size:16px;min-height:100px;line-height:25px}
.circle-slide-scroll .control-nav{position:absolute;left:0;top:35px !important;margin-top:-15px !important;bottom:0;margin:auto;width:77px;height:142px;border:1px solid #ddd;line-height:30px;text-align:center; background-color:#FFF;}
.circle-slide-scroll .control-nav:before{content:'\f104';display:block;font-size:8px;font-family:FontAwesome;color:#ddd;line-height:28px}
.circle-slide-scroll .control-nav.prev{border-right:none;}
.circle-slide-scroll .control-nav.prev:before{content:''; background:url('img/arrow_arch_left.jpg') no-repeat; height:51px; width:17px; margin-top:38px; margin-left:30px;}
.circle-slide-scroll .control-nav.prev:hover:before{content:''; background:url('img/arrow_arch_left2.jpg') no-repeat;}
.circle-slide-scroll .control-nav.next{left:0;border-left:none;}
.circle-slide-scroll .control-nav.next:before{content:'';background:url('img/arrow_arch_right.jpg') no-repeat; height:51px; width:17px; margin-top:38px; margin-left:30px;}
.circle-slide-scroll .control-nav.next:hover:before{content:''; background:url('img/arrow_arch_right2.jpg') no-repeat;}
.circle-slide-scroll .slides-content{position:absolute; margin:0 auto; left:0; right:0; bottom:-6px; text-transform:uppercase;}
.circle-slide-scroll .slides-content .note{margin-top:11px !important; text-transform:uppercase; color:#1e1e1e; width:234px;margin:0 auto; left:0; right:0; }
.circle-slide-scroll .slides-content .slide-content:not(.current){display:none}
.circle-slide-scroll .slides-content .description{margin-top:33px}
.noBrTB{border:none !important; background-color:transparent; width:10px !important;}

.home-project{background:url(img/bg-project.jpg) no-repeat; height:502px;}
.home-project .container{padding:51px 22px 0px 22px;}
.home-project .pj-list{width:520px;padding-left:0px; padding-right:0px;}
.home-project .pj-list h3.title{font-size:16px; font-weight:bold; font-family: 'Open Sans', sans-serif; color:#ff6816; text-transform:uppercase;}
.home-project .pj-list .line-title{width:68px; height:2px; margin-bottom:10px;}
.home-project .pj-list .list{list-style:none;margin:0px;}
.home-project .pj-list .list li{padding:8px 0px 0px 0px; float:left; width:50%;}
.home-project .pj-list .list li a{font-size:12px; font-family: 'Open Sans', sans-serif; color:#505050;}
.home-project .pj-list .list li a:hover{color:#ff6816; text-decoration: underline;}
.home-project .pj-other {padding-left:0px;}
.home-project .pj-other h3.title{font-size:16px; font-weight:bold; font-family: 'Open Sans', sans-serif; color:#ff6816; text-transform:uppercase;}
.home-project .pj-other .line-title{width:68px; height:2px; margin-bottom:10px;}
.home-project .pj-other .list{list-style:none;margin:0px;}
.home-project .pj-other .list li{padding:6px 0px 0px 0px;}
.home-project .pj-other .list li a{font-size:12px; font-family: 'Open Sans', sans-serif; color:#505050;}
.home-project .pj-other .list li a:hover{color:#ff6816; text-decoration: underline;}
.home-project .pj-share {margin-left:30px;padding-left:0px; padding-right:0px;}
.home-project .pj-share .menu-footer{list-style:none; margin-top:75px;margin-left:50px;}
.home-project .pj-share .menu-footer li{margin-bottom:6px;}
.home-project .pj-share .menu-footer a{font-weight:bold; font-size:14px; color:#3d3d3d; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}
.home-project .pj-share .share-social{margin-left:45px;margin-top:90px;}
.home-project .pj-share .share-social h3.title{font-size:14px; font-weight:lighter; font-family: 'Open Sans', sans-serif; color:#3d3d3d; text-transform:uppercase;}
.home-project .pj-share .share-social .list a{width:36px; height:36px; display:block; border-radius:50%; background-color:#FFF; border:1px solid #e8e8e8; float:left;padding:5px 0px 0px 10px; margin-right:11px; font-size:18px;}
.home-project .pj-share .share-social .list a i{color:#ff6816;}
.home-project .pj-share .share-social .list a.gplus{padding-left:7px;}
.home-project .pj-share .share-social .list a.ytube{padding-left:8px;}
.home-project .pj-share .share-social .list a:hover{background-color:#ff6816;}
.home-project .pj-share .share-social .list a:hover i{color:#FFF;}

.custblock{position:relative;height:514px;}
.custblock .thim-bg-overlay-black2{position:absolute; left:0; right:0; width:100%; height:100%;}
.custblock .parallax-windows{height:512px;}
.content-custblock{position:absolute; z-index:2;}
.unit-custblock {padding-top:132px;}
.unit-custblock h3.title{font-size:24px; color:#fcae18; font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin-top:31px; margin-bottom:7px;}
.unit-custblock .preview{font-size:14px; color:#ffffff; width:460px;}
.unit-custblock .panel-cells{float:left; width:50%; color:#FFF;}
.unit-custblock .panel-cells .unit-row{font-size:60px; color:#fcae18; font-weight:bold; line-height:60px;}
.unit-custblock .panel-cells .unit-prev{text-transform:uppercase;font-size:18px; font-weight:lighter;margin-top:3px;}
.unit-custblock .panel-cells .unit-line{background-color:#848382; height:1px; margin-top:39px; margin-bottom:32px;}
.unit-custblock .panel-cells .unit-line.lineFirst{width:219px;}
.unit-custblock .panel-cells .unit-line.lineSecond{width:159px;}


.home-contact{height:/*270*/ 290px; border-top:5px solid #ccc; background:url('../../images/site/FooterBG.png') no-repeat bottom left; background-color: #484848;color:#FFF;}
.home-contact .cinfo{margin-top:55px; padding-left:41px; border-left:1px solid #6d6d6d; height: /*180*/ 200px; overflow:hidden; width:/*578*/ 500px;}
.home-contact .cinfo .icon-left{float:left;}
.home-contact .cinfo .icon-left i{width:54px; height:54px; border:1px solid #fcae18; border-radius:50%; color:#FFF; text-align:center; font-size:38px; padding-top:3px;margin-top: 30px;}
.home-contact .cinfo .title{font-weight:bold; font-size:14px; font-family: 'Open Sans', sans-serif; margin-top:0px; margin-bottom:2px; text-transform:uppercase; color:#FFF;}
.home-contact .cinfo .detail{font-size:13px; font-family: 'Open Sans', sans-serif; color:#d3d3d3;padding-left:63px; margin-left:12px;}
.home-contact .cinfo .detail a{color:#d3d3d3;}
.home-contact .cinfo .detail a:hover{color:#fbba28;}
.home-contact .cinfo.col-share{border-right:1px solid #6d6d6d; padding-right:44px; padding-left:57px;}
.home-contact .cinfo.col-share .title{text-transform:uppercase; color:#FFF; font-weight:bold; line-height:18px;}
.home-contact .cinfo.col-share .form-content{}
.home-contact .cinfo.col-share .form-content input[type=text]{width:300px; border:1px solid #d2d2d2; border-right:none; padding:14px 10px 14px 20px;}
.home-contact .cinfo.col-share .form-content input[type=button],.home-contact .cinfo:last-child .form-content input[type=submit]{ color:#ff6816; font-family: 'Open Sans', sans-serif; border:1px solid #d2d2d2; border-left:none; background:url(img/bg-line2.jpg) no-repeat;background-position:0px 5px; padding:14px 15px 14px 15px; font-weight:bold;}
.home-contact .col-menu{width:/*409*/ 489px;}
.home-contact .col-menu{padding-left:36px;}
.home-contact .col-menu .col-child{float:left; width:40%;margin-left: /*10*/ 0%;}
.home-contact .col-menu .col-child:last-child{width:46%;}
.home-contact .col-menu .col-child .line-yellow{width:50px; margin-top:6px;margin-bottom:7px;}
.home-contact .col-menu .col-child .title{line-height:18px;}
.home-contact .col-menu .col-child a{color:#d3d3d3;font-size:12px; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.home-contact .col-menu .col-child a:hover{color:#fbba28;}
.home-contact .col-menu .col-child .record-row{width:100%;margin-top:6px;}
.home-contact .col-share{width:289px;}
.home-contact .col-share .line-yellow{width:50px; border-radius:0px; height:2px;margin-top:6px;}
.home-contact .col-share ul{list-style:none;margin-left:0px;margin-right:0px; display:table; width:100%; margin-top:30px;}
.home-contact .col-share ul li{float:left; width:50%;}
.home-contact .col-share ul li i{width:54px; height:54px; border:1px solid #fcae18;  border-radius:50%; color:#fcae18; text-align:center; font-size:38px; padding-top:8px;}
.home-contact .col-share ul li i.fa-youtube-play{padding-top:7px;}
.home-contact .col-share ul li:last-child{text-align:right;}
.home-contact .col-middle2{display:none; height: inherit; }

.sc_heading{padding-left: 0px; padding-top:0px; padding-bottom:0px; margin-bottom:0px; text-align:center;}
.sc_heading .title { color:#FFF; font-family: 'Open Sans', sans-serif; font-size:12px; text-transform:uppercase; line-height:25px;}
#partners-home {}
#partners-home .title_tab{width:215px; height:31px; background-color:#653727; border-bottom-left-radius:60px; border-bottom-right-radius:60px; padding-top:0px; text-align:center; margin:auto;}
#partners-home .owl-stage-outer{padding-left: 0px;}
#partners-home .widget_carousel-post{padding-top: 60px; padding-bottom: 40px;}
#partners-home .owl-controls{right:inherit; margin:0 auto; padding-left:0px; width:100%; margin-top:19px;}
#partners-home .owl-nav{display:none !important;}
#partners-home .owl-dots{}
#partners-home .owl-dots .owl-dot{border-radius:none;}
#partners-home .owl-dots .owl-dot span{width:9px; height:9px; background-color:#cfcfcf; margin:0px 11px 0px 0px;}
#partners-home .owl-dots .owl-dot span:hover{width:9px; height:9px; background-color:#db241c;}
#partners-home .owl-dots .owl-dot.active span{background-color:#db241c;}
#partners-home .owl-dots .owl-dot.active span:hover{background-color:#db241c;}
.slide-client{margin-top:96px !important;}
.slide-client .owl-item{height:130px;}
.slide-client .item{padding-right:3px;padding-left:5px; width:253px; height:95px;}
.slide-client .item .image{border-radius:15px;border:1px solid #e2e2e2;text-align:center;padding:5px; position:relative; -webkit-transition: all 550ms ease; -moz-transition: all 550ms ease; -ms-transition: all 550ms ease; -o-transition: all 550ms ease;  transition: all 550ms ease; min-height:97px !important;}
.slide-client .item .image a{display:block;}
.slide-client .item .image:hover{border:1px solid #0188fe;-webkit-box-shadow: 10px 10px 3px 0 rgba(215,223,228,0.8);  box-shadow: 10px 10px 3px 0 rgba(215,223,228,0.8);}
.slide-client .item .image img{width:auto; margin:auto; position:absolute; top:0; left: 0; right:0; bottom:0;}

#partners-home .thim-owl-carousel-post .owl-controls .owl-prev{border:none;transition:none; content:''; background:url(img/icon-list.png) no-repeat; width:19px; height:20px; background-position:-14px 0px;}
#partners-home .thim-owl-carousel-post .owl-controls .owl-next{border:none;transition:none; background:url(img/icon-list.png) no-repeat; width:19px; height:20px;border-radius:none;background-position:0px 0px; content:'';}
#partners-home .thim-owl-carousel-post .owl-controls .owl-next:hover {background-position:0px -22px;border:none;}
#partners-home .thim-owl-carousel-post .owl-controls .owl-prev:hover {background-position:-14px -21px;border:none;}

.customer-review{position: relative;}
 .customer-review:after{background-color:#000; opacity: 0.7; content: '' ; width: 100%; height:100%; position: absolute; left:0; right:0; bottom:0; top:0; z-index: 9;}
 .customer-review .container{padding-top: 60px; padding-bottom: 60px; overflow: hidden;}
.customer-comment-lists{position: relative; z-index: 10;}
.customer-comment-lists .item .img{float: left; width:25%;}
  .customer-comment-lists .item .img div{width:200px; height: 200px;overflow: hidden; border-radius: 100%; border:4px solid #ffb606; display: block; margin:0 auto; left:0; right:0;}
  .customer-comment-lists .item .preview{padding-left:70px; position: relative; float: left; width:70%; font-size: 24px; padding-top: 10px; line-height: 32px; color:#FFF;}
  .customer-comment-lists .item .preview:after{background: url('../../images/site/icon-phay.png') no-repeat; left:0; top:0; position: absolute; width:56px; height:41px; content:' '; }
  .customer-comment-lists .item .line-grey{margin-top: 15px; width:150px;}
  .customer-comment-lists .item .author{margin-top: 15px; color:#FFF; font-size: 18px; font-style: italic;}

.intro-about{height:300px; overflow:hidden; position:relative; vertical-align:middle;}
.intro-about .rows-about-intro .preview{font-size:16px;line-height: 26px;text-transform: uppercase;font-weight: 700;text-align:  center; font-family: 'Open Sans', sans-serif; width:800px; min-height:50px; max-height:70px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; color:#fff; vertical-align:middle;}
.intro-about .rows-about h3{color:#0188fe; font-family: 'Open Sans Condensed', sans-serif; font-size:36px;text-transform:uppercase;margin:0px 0px 0px 0px;}
.intro-about .rows-about .title-about{padding:70px 0px 0px 22px;}
.intro-about .rows-about .line-grey {background-color:#35e217; width:91px;margin-top:5px;}
.extra-about-top .preview{padding:33px 0px 87px 22px; width:50%;float:left;}
.extra-about-top .image{float:left;}
.supply-content {padding-left:32px;}
.supply-content .supply-title { font-size:18px; font-weight:600; font-family: 'Open Sans Condensed', sans-serif; margin-bottom:10px;}
.supply-content .supply-list ul.nav{ margin-bottom:20px; margin-left:32px;  width:70%;}
.supply-content .supply-list ul.nav>li { font-size:16px;  width:100%;  float:left;   margin-bottom:4px;    line-height:24px;    position:relative;}
.supply-content .supply-list ul.nav>li:first-child:before { content:"";  position:absolute;  height:3px;  width:32px;   left:-32px;  top:0px;  background-color:#0188fe;}
.supply-content .supply-list ul.nav>li>span{  width:25px;  height:25px;  text-align:center;  background-color:#0188fe;  color:#fff;  float:left;   margin-right:4px;    font-weight:300;}

/* News page */
.tab-contact {text-align:center; position:relative;}
.tab-contact .group-tabs{left:0; right:0; margin:0 auto; position:absolute; top:-37px; z-index:9;}
.tab-contact .group-tabs ul{border-bottom:none; width:inherit; display: table; left:0; right:0; margin: 0 auto;}
.tab-contact .group-tabs ul li a{font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold; text-transform:uppercase; color:#fff;border-radius:0px; height:37px;}
.tab-contact .group-tabs ul li.active a{color:#ed1c24;}
.tab-contact .group-tabs .owl-controls .owl-dots{display:none !important;}
.tab-contact .group-tabs .owl-controls .owl-nav .owl-prev{margin-right:30px;}
.tab-contact .group-tabs .owl-controls .owl-nav .owl-prev,
  .tab-contact .group-tabs .owl-controls .owl-nav .owl-next{width:30px; height:40px;  font-size:30px;}
.tab-contact .group-tabs .owl-item{height:40px;}
.tab-contact .group-tabs .owl-item li a{padding-top:5px;}
.tab-contact .group-tabs .owl-item li.active a{background-color:#FFF; display:block; height:38px;padding-left:5px; padding-right:5px; text-align:center;}
.tab-contact .group-tabs .owl-stage-outer{width:98%;}

#main-article-news{width:100%; min-height:300px;}
.news-list{margin-top:76px;}
.news-list ul{list-style:none; display:inline-block; width:100%; margin:0px;}
.news-list ul li{width:23%;height:393px; float:left; margin-right:32px; margin-bottom:50px; background-color:#f0f0f0;}
.news-list ul li:nth-child(4n){margin-right:0px;}
.news-list ul li .infor{padding:0px 23px 36px 23px; color:#474747; font-family: 'Quicksand', sans-serif; }
.news-list ul li .img{height:160px; overflow:hidden;}
.news-list ul li .img img{width:100%; transform: scale(1); transition: all 0.2s ease-out;}
.news-list ul li:hover .img img{transform: scale(1.05);/*-webkit-filter: blur(2px); filter: blur(2px);*/}
.news-list ul li .infor .title{font-size:16px; color:#3f3f3f; font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin-top:24px; height:66px; overflow:hidden; line-height:18px;}
.news-list ul li .infor .title a{color:#3f3f3f; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold; line-height:22px;}
.news-list ul li .infor .title a:hover{color:#ed1c24; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold;}
.news-list ul li .infor .cat{font-size:14px; color:#a7a6a6; font-family: 'Open Sans', sans-serif; padding-top:3px;padding-bottom:3px; position:relative;}
.news-list ul li .infor .cat span{padding-right:5px; }
.news-list ul li .infor .cat:after { background-color: #d8d8d8; content: ""; height: 1px; width:65%; position:absolute; top:50%;}
.news-list ul li .infor .preview{font-size:14px; color:#7d7d7d; font-family: 'Open Sans', sans-serif; margin-top:4px; height:80px; overflow:hidden; line-height:20px;}
.news-list .view-more{left:0; right:0; margin:0 auto; width:100%; text-transform:uppercase; color:#FFF; background-color:#fcae18; text-align:center;padding:11px 0px 10px 5px;margin-bottom:57px;}
.news-list .view-more a{color:#FFF; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold;}

.nhuongQuyenPage .news-list ul li .img{height: 220px; overflow:hidden;}
.nhuongQuyenPage .news-list ul li{height:450px;}

.news-view{margin-top:80px;margin-bottom:48px;}
.view-content{width:947px; padding-left:0px;}
.news-view h1{text-transform:uppercase;font-size:30px; color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:bold; margin-top:0px;}
.news-view .cat {color:#a6a6a6; margin-bottom:30px; position:relative;}
.news-view .cat span{color:#a6a6a6; font-family: 'Open Sans', sans-serif; padding-right:30px; }
.news-view .cat:after {content: ""; height: 11px; width:71%; position:absolute; top:25%; background:url('../../images/site/line-splad.png');}
.news-view .cat .content{font-size:16px; font-family: 'Open Sans', sans-serif;}
.news-view .cat .content p{font-size:16px; font-family: 'Open Sans', sans-serif; }
.news-view .share{padding-top:21px;padding-bottom:16px; padding-left:20px; margin-top:45px; margin-bottom:47px; background-color:#eee; display:inline-block; width:100%; left:0; right:0; margin:0 auto;border-radius: 10px; margin-top: 20px;}
.news-view .share .col-left, .news-view .share .col-right{float:left;}
.news-view .share .addthis_sharing_toolbox{float:left; margin-left:10px;}
.news-view .article-more{color:#ed1c24;padding:4px 13px 13px 0px; text-transform:uppercase; font-size:14px; font-weight:bold; font-family: 'Open Sans', sans-serif;}

.articles-more{float:right;padding-right:0px; width:311px;}
.articles-more .line-splad{background:url('../../images/site/line-splad.png') no-repeat; width:100%; height:7px; margin-bottom:21px;}
.articles-more ul{list-style:none; display:inline-block; width:100%; margin:0px;}
.articles-more ul li{width:100%;  float:left; margin-bottom:0px; }
.articles-more ul li .record{width:100%; border:1px solid #d3d3d3;}
.articles-more ul li:nth-child(4n){margin-right:0px;}
.articles-more ul li .record .infor{padding:0px 23px 15px 23px; color:#474747; font-family: 'Quicksand', sans-serif; }
.articles-more ul li .record .img{height:160px; overflow:hidden;}
.articles-more ul li .record .img img{width:100%;}
.articles-more ul li:hover .record .img img{transform: scale(1.05);transition: all 0.2s ease-out;}
.articles-more ul li .record .infor .title{font-size:14px; color:#3f3f3f; font-family: 'Open Sans', sans-serif;  text-transform:uppercase; margin-top:10px;}
.articles-more ul li .record .infor .title a{color:#2a2a2a; font-size: 13px; font-family: 'Open Sans', sans-serif; overflow:hidden;}
.articles-more ul li .record .infor .title a:hover{color:#ed1c24; font-family: 'Open Sans', sans-serif;  text-transform:uppercase; }
.articles-more ul li .record .infor .cat{font-size:12px; color:#787878; font-family: 'Open Sans', sans-serif;  padding-top:19px;padding-bottom:3px; border-bottom:1px solid #bababa; margin-bottom:12px;}
.articles-more ul li .record .infor .cat span{font-size:12px; color:#ff6816; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.articles-more ul li .record .infor .preview{font-size:14px; color:#474747; font-family: 'Open Sans', sans-serif; margin-top:15px; height:98px; overflow:hidden; line-height:20px;}
.articles-more ul li .line-break{ clear:both; margin-bottom:22px;}
.articles-more ul li:last-child .line-break{display:none;}

/* Project */
.project-list{margin-top:32px; display:inline-block;}
.project-list ul{list-style:none; display:inline-block; width:100%; margin:0px;}
.project-list ul li{width:416px;height:494px; float:left; margin-right:16px; margin-bottom:45px; overflow:hidden; border-bottom:1px solid #efefef;}
.project-list ul li:nth-child(3n){margin-right:0px;}
.project-list ul li .infor{padding:0px 23px 36px 23px; color:#474747; font-family: 'Open Sans', sans-serif; }
.project-list ul li .img{height:251px; overflow:hidden; position:relative;}
.project-list ul li .img img{width:100%;transform: scale(1); transition: all 0.2s ease-out;}
.project-list ul li .infor .title{font-size:18px; color:#fcae18; font-family: 'Open Sans', sans-serif; text-transform:uppercase;padding:24px 19px 5px 5px; height:75px; overflow:hidden; line-height:22px;}
.project-list ul li .infor .title a{color:#fcae18; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:600;}
.project-list ul li .infor .preview{color:#626262; font-family: 'Open Sans', sans-serif; font-size:13px; height:60px; overflow:hidden; line-height:20px;}
.project-list ul li .infor .view{margin-top:32px;}
.project-list ul li .infor .view a{border:1px solid #c5c5c5; font-family: 'Open Sans', sans-serif; font-size:12px; color:#505050; padding:9px 33px 8px 33px; text-transform:uppercase; border-radius:25px;}
.project-list ul li:hover {transition: all 0.3s;}
.project-list ul li:hover .infor .title a{color:#ed1c24;}
.project-list ul li:hover .infor .view a{border:1px solid #fcae18; font-family: 'Open Sans', sans-serif; font-size:12px; color:#FFF; background-color:#fcae18; padding:9px 33px 9px 33px; text-transform:uppercase;}
.project-list ul li:hover .img img{/*-webkit-filter: blur(4px); filter: blur(4px);*/ transform: scale(1.05);}
.project-list .view-more{left:0; right:0; margin:0 auto; width:100%; text-transform:uppercase; color:#FFF; background-color:#fcae18; text-align:center;padding:11px 0px 10px 5px;margin-bottom:57px;}
.project-list .view-more a{color:#FFF; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold;}

.gallery-page{width:100% !important;padding-left: 0px; padding-right: 0px;}
.project-view {margin-bottom:88px;}
.project-view h1{font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:36px; font-weight:lighter; color:#555555; left:0; right:0; margin:0 auto; text-align:center;margin-top:54px;margin-bottom:0px;}
.project-view .project-content{min-height:400px; margin-top:14px;margin-bottom:44px; display:table; }
.project-view .project-content .infor{font-size:16px; margin-top:37px; color:#3a3a3a;}
.project-view .project-content .infor ul{list-style:inside;}
.project-view .project-content .infor ol{list-style:decimal;}
.project-view .project-content .infor a{color:#ff6816;}
.project-view .project-content .infor img img{width:100%;}
.project-view .project-content .infor .preview {margin-top:29px;}
.project-view .project-content .infor .preview .cols-left{text-align:left; width:916px; float:left;}
.project-view .project-content .infor .preview .cols-right{text-align:left;  width:320px; float:right;}
.project-view .project-content .infor .preview .cols-right .info-builder div.infor-row{border-bottom:1px solid #dcdcdc; width:100%; font-size:14px; font-family: 'Open Sans', sans-serif; color:#929292; text-transform:uppercase;padding:12px 0px 8px 2px; line-height:20px;}
.project-view .project-content .infor .preview .cols-right .info-builder div .textCat{color:#fcae18;}
.project-view .project-content .infor .preview .cols-right .info-builder div.img{text-align:center;}

.project-view .slide-pic{width:1280px; height:640px; overflow:hidden;}
.project-view .slide-pic .item{float:left; position: relative;}
.project-view .slide-pic .item img{width:100%;}
.project-view .slide-pic .item .item_caption{position: absolute; width:100%; color:#FFF; opacity: 0;  visibility: hidden;  -webkit-transition: .2s;  transition: .2s;}
.project-view .slide-pic .item:hover .item_caption{ opacity: 1;  visibility: visible;  -webkit-transition: .2s;  transition: .2s;}
.project-view .slide-pic .item .item_caption .caption{position: relative; width:100%; padding: 5px 10px 5px 10px; color:#FFF;}
.project-view .slide-pic .item .item_caption .bg{background: rgba(252,174,24,0.7); width:100%; position: absolute; height:100%; left:0; z-index:0; }
.project-view .slide-pic .item .item_caption .content{width:100%; position: relative; height:100%; left:0; z-index:1; padding: 10px 10px 5px 10px;}
.project-view .slide-pic .owl-controls{display:none;}
.project-view .grid-pic{display:none;} 
.project-view .grid-pic .item{float:left; width:25%;border-right:1px solid #FFF; border-top:1px solid #FFF; height:160px; overflow:hidden; position:relative;}
.project-view .grid-pic .item img{ width:100%;}
.project-view .grid-pic .item .overlay{position: absolute; top: 0px; left: 0px; right:0; bottom:0; width: 100%; height: 100%; display: none; transition: all 0.3s; margin:0 auto;}
.project-view .grid-pic .item .overlay a{width:73px; height:73px; left:40%; top:35%; position:absolute;}
.project-view .grid-pic .item .overlay a i{font-size:38px; color:#FFF;padding:18px 0px 0px 20px; font-weight:lighter;}
.project-view .grid-pic .item:hover .overlay{ background-color: rgba(252, 174, 24, 0.8); display:block; transition: all 1s ease-out;}
.project-view .grid-pic .item:hover .overlay span{display:block; color:#FFF; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:200 !important; text-transform:uppercase; width:291px; padding:20px 29px 20px 29px; transition: all 0.3s;}

.project-view .controlSlide{width:100%; text-align:center; margin-bottom:60px;}
.project-view .controlSlide .owlSlide-Prev, .project-view .controlSlide .owlSlide-Next, .project-view .controlSlide .owlSlide-Grid {width:45px; height:40px; display:inline-block;}
.project-view .controlSlide .owlSlide-Prev a, .project-view .controlSlide .owlSlide-Next a, .project-view .controlSlide .owlSlide-Grid a{width:45px; height:40px; background:url('img/icon_list.png') no-repeat; background-position:0 0; display:inline-block;}
.project-view .controlSlide .owlSlide-Prev.actslide a{width:24px;background-position:0px -117px; display:inline-block;}
.project-view .controlSlide .owlSlide-Next.actslide a{width:24px;background-position:-14px -80px; display:inline-block;}
.project-view .controlSlide .owlSlide-Grid.actslide{margin-left:41px; margin-right:41px;}
.project-view .controlSlide .owlSlide-Grid.actslide a{background-position:0px -165px; display:inline-block;}

.project-view .controlSlide .owlSlide-Prev.actGrid a{width:24px;background-position:0px 0px; display:inline-block;}
.project-view .controlSlide .owlSlide-Next.actGrid a{width:24px;background-position:-14px -40px; display:inline-block;}
.project-view .controlSlide .owlSlide-Grid.actGrid{margin-left:41px; margin-right:41px;}
.project-view .controlSlide .owlSlide-Grid.actGrid a{background-position:0px -207px; display:inline-block;}


.project-view .project-more {padding-top:30px;}
.project-view .project-more h3{width:402px; height:45px; text-align:center; color:#FFF; text-transform:uppercase; left:0; right:0; margin:0 auto; font-size:16px;font-family: 'Quicksand', sans-serif; background-color:#6c6c6c;padding-top:9px; margin-bottom:36px;}
.project-view .project-more  ul{list-style:none; display:inline-block; width:100%; margin:0px;}
.project-view .project-more  ul li{width:416px;height:353px; float:left; margin-right:16px; margin-bottom:2px; overflow:hidden;}
.project-view .project-more  ul li:nth-child(3n){margin-right:0px;}
.project-view .project-more  ul li .infor{padding:0px 23px 36px 23px; color:#474747; font-family: 'Quicksand', sans-serif; }
.project-view .project-more  ul li .img{height:247px; overflow:hidden; position:relative;}
.project-view .project-more  ul li .img img{width:100%;transform: scale(1); transition: all 1.2s ease-out;}
.project-view .project-more  ul li .infor .title{font-size:18px; color:#fcae18; font-family: 'Open Sans', sans-serif; text-transform:uppercase;padding:/*24*/ 0px 19px 5px 5px; height:80px; overflow:hidden; line-height:22px;}
.project-view .project-more  ul li .infor .title a{color:#fcae18; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:600;}
.project-view .project-more  ul li:hover {transition: all 0.3s;}
.project-view .project-more  ul li:hover .infor .title a{color:#ed1c24;}
.project-view .project-more  ul li:hover .img img{-webkit-filter: blur(4px); filter: blur(4px);transform: scale(1.05);}

.project-view .share{background-color:#F0F0F0;padding:15px 0px 11px 30px; margin-bottom:30px; display:table; width:100%; text-align:left; margin-top:40px;border-radius: 10px;}
.project-view .share .share-groups{width:300px; }
.project-view .share .col-left, .project-view .share .col-right{float:left;}
.project-view .share .addthis_sharing_toolbox{float:left; margin-left:10px;}

/* Partners */
#partners_list{margin-top:76px;}
#partners_list .row-partners {background-color:#FFF; border:1px solid #d3d3d3; float:left; margin-right:32px; margin-bottom:58px; width:287px; height:232px; -webkit-transition: all 550ms ease; -moz-transition: all 550ms ease; -ms-transition: all 550ms ease; -o-transition: all 550ms ease;  transition: all 550ms ease; overflow:hidden;}
#partners_list .row-partners.last{margin-right:0px;}
#partners_list .row-partners .img-partners{height:109px; overflow:hidden; position:relative; text-align:center; vertical-align:middle; }
#partners_list .row-partners .img-partners img{left:0; right:0; bottom:0; top:0; margin:auto; position:absolute;}
#partners_list .row-partners .prev-partners{padding:20px 20px 22px 20px; background-color:#eeeeee;}
#partners_list .row-partners .web-partners{color:#fcb939; font-size:14px; font-family:Arial,'Open Sans', sans-serif; padding:5px 0px 3px 0px;}
#partners_list .row-partners:hover {-webkit-box-shadow: 15px 15px 3px 0 rgba(215,223,228,0.8);  box-shadow: 15px 15px 3px 0 rgba(215,223,228,0.8);}
#partners_list .row-partners:hover .prev-partners{background-color:#fcb939; color:#FFF;}
#partners_list .row-partners:hover .web-partners{color:#FFF;}
#partners_list .row-partners p{color:#1a1a1a; font-size:14px; font-family:Arial,'Open Sans', sans-serif; height:45px; overflow:hidden; padding-right:15px;}
#partners_list .row-partners .title-partners{text-align:left; color: #4b4b4a; font-size:16px; width:100%; overflow:hidden; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
#partners_list .row-partners .title-partners h3{padding-top:0px; margin:0px; font-size:16px; line-height:25px;}
#partners_list .row-partners .title-partners a h3{color: #4b4b4a; font-size:16px; font-weight:bold; line-height:25px; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}

/* Contact Page */
.contact-infor{position:relative;min-height:603px; background-color:#f1f1f1;}
.contact-infor .bg-logo-contact{position:absolute; background:url('img/bg_logo_full.png') no-repeat; height:330px; width:689px; bottom:0; margin-left:178px;}
.contact-infor .cols-left{padding-left:0px; width:500px;}
.contact-infor .cols-left h1{color:#515151; font-size:26px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold;}
.contact-infor .cols-left .line-yellow{margin-top:9px; margin-bottom:20px; height:4px; width:103px;}
.contact-infor .cols-left .infor{color:#515151; font-size:14px; font-family: 'Open Sans', sans-serif; margin-top:39px;}
.contact-infor .cols-left .infor a{color:#515151;}
.contact-infor .cols-left .infor a:hover{color:#ff6816;}
.contact-infor .cols-left .infor .icon{width:38px; height:29px; background:url('../../images/site/icon_contact_list.png') no-repeat; background-position:0px 0px; float:left;}
.contact-infor .cols-left .infor .row-contact{margin-bottom:12px;}
.contact-infor .cols-left .infor .row-contact .text{margin-left:38px;}
.contact-infor .cols-left .infor .tel .icon{background-position:0px -40px;}
.contact-infor .cols-left .infor .nobg .icon{background:none;}
.contact-infor .cols-right {width:760px; padding-right:0px; padding-left:0px; margin-left:19px;}
.contact-infor .cols-right .formInfor{padding:31px 34px 29px 40px;background-color:#ffffff; display:inline-block; width:100%;border-radius:10px;webkit-box-shadow: -17px 20px 0 5px rgba(255,255,255,0.3);box-shadow: -17px 20px 0 5px rgba(255,255,255,0.3);}
.contact-infor .cols-right .formInfor h3.title{text-transform:uppercase; font-weight:bold; font-size:16px; color:#545454; margin-top:0px; margin-bottom:9px;}
.contact-infor .cols-right .formInfor .line-yellow{margin-top:9px; margin-bottom:20px; height:4px; width:85px;}
.contact-infor .cols-right .formInfor p{margin-bottom:12px;}
.contact-infor .cols-right .formInfor input[type=text], .contact-infor .cols-right .formInfor input[type=email], .contact-infor .cols-right .formInfor textarea{border:1px solid #cedae1; border-radius:20px; padding:13px 18px 10px 18px; height:inherit;}
.contact-infor .cols-right .formInfor input[type=text],.contact-infor .cols-right .formInfor input[type=email]{width:321px;}
.contact-infor .cols-right .formInfor textarea{height:217px; width:330px;}
.contact-infor .cols-right .formInfor input[type="submit"]{background-color:#ffa200; font-weight:normal; font-size:12px; font-family: 'Open Sans', sans-serif; margin-top:18px;border-radius:25px;}
.contact-infor .cols-right .formInfor .contact-form-agency{display:none;}
.contact-infor .cols-right .formInfor .col-sm-6{padding:0px;}
.contact-infor .container{margin-bottom:98px; padding-top:94px;}
.contact-map{height:600px;margin-bottom:8px;border-top:1px solid #d3d3d3;}

.input-placeholder {position: relative;}
.input-placeholder input {padding: 2px;}
.input-placeholder input:valid + .placeholder, .input-placeholder textarea:valid + .placeholder,.input-placeholder input[type=email]:valid + .placeholder {display: none;}
.placeholder { position: absolute; pointer-events: none; top: 5px; bottom: 2px; left: 6px; margin: auto;  color: #4a4a4a; font-size:14px; font-family: 'Open Sans', sans-serif; padding:6px 18px 10px 17px;}
.placeholder span {color: #b44444;}


/* About */
.img-absol{position:absolute; left:0;}
.about-view{margin-top:40px;}
.about-view h1{text-align:center; font-family:'Open Sans', sans-serif; font-weight: 700; font-size:16px; color:#555555;}
.about-view .content{margin-top:40px;width: 80%;text-align: justify;margin: 0 auto;padding: 30px;}
.about-intro .container{position:relative;}
.about-intro .home-about{padding-bottom:80px;}
.about-intro .home-about .title{font-size:30px; color:#653727; font-weight:lighter;}
.about-intro .home-about .preview{width:100%;text-align:justify; font-size:14px; font-weight:lighter; padding-left:80px;}

.about-team{height:642px;position:relative;text-align:center;}
.about-team .list-team{margin-top:68.5px;}
.about-team .intro{width:60%;margin-top: 20px; margin-left:auto; margin-right:  auto; font-size: 14px;}
.about-team .line-yellow{width:100%; height:3px;}
.about-team .title{font-size:16px; font-weight: 700; font-family: 'Open Sans', sans-serif; text-transform:uppercase; color:#555555; margin-top:64px; margin-bottom:4px}
.about-team .slide-team{width:95%;margin:0 auto; left:0; right:0; }
.about-team .slide-team .item{border:1px solid #e9e9e9; height:372px; width:274px; overflow:hidden; background-color:#e9e9e9; color:#555555; text-align:left;}
.about-team .slide-team .item .img{height:159px; overflow:hidden; background-color:#FFF;}
.about-team .slide-team .item .img img{width:100%;}
.about-team .slide-team .item .infor {padding:27px 28px 27px 29px;}
.about-team .slide-team .item .title{margin-top:0px; text-align:left;}
.about-team .slide-team .item .title a{color:#fcae18; font-weight:bold; display:block; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:16px;}
.about-team .slide-team .item .infor .position{font-size:14px; font-style:italic; text-align:left; text-transform:uppercase;margin-top:5px;}
.about-team .slide-team .item .title .repute{font-size:12px;}
.about-team .slide-team .item .title .name{font-size:16px;}
.about-team .slide-team .item .infor .preview{border-top:1px solid #cbcbcb;padding-top:15px; margin-top:16px; font-size:14px; font-family: 'Open Sans', sans-serif;  line-height:22px;}
.about-team .slide-team .item:hover{border:6px solid #fcae18;}
.about-team .slide-team .item:hover .img{height:154px; overflow:hidden;}
.about-team .slide-team .item:hover .infor {padding:27px 23px 22px 24px;}

.about-team .slide-team .owl-controls .owl-dots{margin-top:47px;}
.about-team .slide-team .owl-controls .owl-dots span{background-color:#c5c5c5; width:8px; height:8px;}
.about-team .slide-team .owl-controls .owl-dots .owl-dot.active span{background-color:#fcae18;}
.about-team .slide-team .owl-controls .owl-dots .owl-dot:hover span{background-color:#ed1c24;}
.about-team .slide-team .owl-controls .owl-nav{display:none !important; width:100%; top:35%;}
.about-team .slide-team .owl-controls .owl-nav .owl-prev{float:left; left:-30px; position:absolute; height:66px; background:url('img/arrow-team-left.png') no-repeat; }
.about-team .slide-team .owl-controls .owl-nav .owl-next{float:right; right:0px;  position:absolute; height:66px; background:url('img/arrow-team-right.png') no-repeat; }
.about-team .slide-team .owl-controls .owl-nav .owl-prev:hover{background:url('img/arrow-team-left2.png') no-repeat; transition:all .3s;}
.about-team .slide-team .owl-controls .owl-nav .owl-next:hover{background:url('img/arrow-team-right2.png') no-repeat; transition:all .3s;}
.about-intro .about-history{text-align:center;margin-bottom:80px;}
.about-intro .about-history .line-break{width:215px;}
.about-intro .about-history .title{font-size:30px; color:#1e1e1e; font-weight:lighter; font-family: 'Quicksand', sans-serif; text-transform:uppercase; margin-top:64px; line-height:35px;}
.about-intro .about-history .intro{font-size:18px; color:#4e4e4e; font-weight:lighter; font-family: 'Quicksand', sans-serif; text-transform:uppercase; margin-top:47px;}
.about-intro .about-history .list-preview {margin-top:80px;}
.about-intro .about-history .list-preview ul{margin:0px; list-style:none;}
.about-intro .about-history .list-preview ul li{float:left; width:25%; text-align:center;}
.about-intro .about-history .list-preview ul li .icon{background-color:#ff6816; border-radius:50%; width:167px; height:167px; border:22px solid #ececec; margin-left:63px;}
.about-intro .about-history .list-preview ul li .icon img{margin-top:30px;margin-left:3px;}
.about-intro .about-history .list-preview ul li .content{border-right:1px solid #d8d8d8; padding:0px 43px 0px 43px; height:270px;}
.about-intro .about-history .list-preview ul li .content h3{font-size:18px; font-family: 'Quicksand', sans-serif; color:#4e4e4e; font-weight:bold;}
.about-intro .about-history .list-preview ul li .content .preview{font-size:14px; font-family: 'Quicksand', sans-serif; color:#4e4e4e; text-align:center;}
.about-intro .about-history .list-preview ul li:nth-child(4n) .content{border-right:none;}
.about-action{height:530px; position:relative;border: 1px #e7e6e6 solid;}
.about-action .bg-about-action{position:absolute; z-index:2; width:100%; height:100%; background:url('img/bg_action3.png') no-repeat; opacity:0.7; top:-1px;}
.about-action .about-timeline{z-index:3;position:absolute; width:100%;}
.about-action .about-timeline .container{left:0; right:0; margin:0 auto; text-align:center;}
.about-action .about-timeline .container h3{margin-bottom:83px;text-transform:uppercase;font-family: 'Open Sans', sans-serif; font-weight: 700; color:#555555; font-size:16px;background-color: #fff;padding: 15px;margin: -1px auto 0 auto;width: 250px;border-left: 1px #e7e6e6 solid;border-right: 1px #e7e6e6 solid;border-bottom: 1px #e7e6e6 solid;}
.about-action .about-timeline .container .line-break .line-silver{background-color:#737373;}
.about-action .about-timeline .container .intro{text-align:center; font-size:16px; font-family: 'Open Sans', sans-serif; color:#343434; padding-top:43px; height:20px; overflow:hidden; width:87%; left:0; right:0; margin:0 auto;}

/* Product */
#main-content-block .blk-product-cat{padding-top: 45px; padding-bottom: 31px; background-color: #f8f8f8;}  
  #main-content-block .blk-product-cat .block-product-group{width:100%;margin-left: 0px; margin-right: 8px; background-color: #ffffff; display: table; margin-bottom: 44px; padding-bottom: 20px;}		
   #main-content-block .blk-product-cat .block-product-group:last-child{margin-bottom: 0px;}		
   #main-content-block .blk-product-cat .block-product-group .head-title{width:100%;display: table; padding-bottom: 18px; background-color: #f8f8f8;}		
  	 #main-content-block .blk-product-cat .block-product-group .head-title h3{width:50%; text-align: left; font-size: 18px; color:#000000; font-weight: 600; line-height: 36px; text-transform: uppercase; margin-top:0px; float:left;}  
  	 #main-content-block .blk-product-cat .block-product-group .head-title h3 span{border-bottom: 3px solid #548235; padding-bottom: 8px;}
     #main-content-block .blk-product-cat .block-product-group .head-title .group-filter{width:50%; float: right; text-align: right; position: relative;}
      #main-content-block .blk-product-cat .block-product-group .head-title .group-filter .more{position: relative; padding-right: 12px; color:#3c3c3c; font-size: 14px; font-weight: 500; top:18px;}
	  #main-content-block .blk-product-cat .block-product-group .head-title .group-filter .more:before{content:'\f105'; font:normal normal normal 14px/1 FontAwesome; color:#548235; right:0; top:1px; position: absolute;}
	  #main-content-block .blk-product-cat .block-product-group .head-title .group-filter .tool-filter{float: right; margin-left: 10px; height: 36px; overflow: hidden;}
	  #main-content-block .blk-product-cat .block-product-group .head-title .group-filter .tool-filter.expartall{height: auto; overflow: visible;}
	  #main-content-block .blk-product-cat .block-product-group .head-title .group-filter .tool-text{position: absolute; top:5px; margin-right: 180px; right:0;}

  #main-content-block .blk-product-cat .block-product-group .product-list {display: table; margin-bottom: 8px; width:47.5%; min-height: 280px; padding-right: 28px; padding-top: 23px;  padding-bottom: 23px; height: 330px; /*float:left;*/ display: inline-block; margin-top:18px; margin-left: 20px; border:1px solid #FFF;}
	  #main-content-block .blk-product-cat .block-product-group .product-list .prod-img{float: left;margin-left: 2px;margin-right: 15px; position: relative;width:350px; text-align:center;}
  		#main-content-block .blk-product-cat .block-product-group .product-list .prod-img .label-discount{background-color: #ff1c2a; color:#FFF; border-radius: 50%; width:56px ; height:56px; position: absolute; top:0; left:10px; text-align: center; padding-top: 12px; line-height: 17px; font-size: 16px;}
      #main-content-block .blk-product-cat .block-product-group .product-list .prod-table-cell{ display: flex;flex-direction: column; /*height: 210px;*/ justify-content: flex-end;}
	  #main-content-block .blk-product-cat .block-product-group .product-list .prod-title{font-size: 18px; color:#000; line-height: 24px; font-weight: bold; display: block; margin-bottom: 7px;}
		#main-content-block .blk-product-cat .block-product-group .product-list .prod-title a{color:#4f5052;}
	    
        #main-content-block .blk-product-cat .block-product-group .product-list .prod-pad-title{}
	  #main-content-block .blk-product-cat .block-product-group .product-list .prod-prev{font-size: 16px; color:#000; line-height: 25px; margin-bottom: 12px; display: block;}      
	  #main-content-block .blk-product-cat .block-product-group .product-list .prod-line{width:52px; height:2px; background-color: #385723; display: table; margin-bottom: 12px;}
	  #main-content-block .blk-product-cat .block-product-group .product-list .prod-price{font-weight: 500; font-size: 18px;}
		#main-content-block .blk-product-cat .block-product-group .product-list .prod-price span{font-weight: bold;}
  	    #main-content-block .blk-product-cat .block-product-group .product-list .prod-price span.discount,
	    #main-content-block .blk-product-cat .block-product-group .product-list .prod-price span.price{font-weight: bold; color:#ff1c2a; font-size: 24px; margin-top: 8px; display: block;}
	  #main-content-block .blk-product-cat .block-product-group .product-list .prod-view a{display: table; background-color: #482f28; color:#FFF; font-weight: bold; text-transform: uppercase; border-radius: 4px; padding: 3px 17px 3px 17px; margin-top: 14px; transition:all 0.8s ease;}
      #main-content-block .blk-product-cat .block-product-group .product-list .prod-view a:hover{background-color: #DDD; color:#000;}

   #main-content-block .blk-product-cat .block-product-group .product-list:hover{border:1px solid #cddec0; border-radius: 8px;}

.navigate-group{height:74px; width: 100%; font-size: 14px; color:#FFF; background-color:#548235;}
  .navigate-group .title-tag{font-weight: bold; text-transform: uppercase; float:left; margin-left: 19px; margin-right: 10px; padding-top: 27px; padding-bottom: 27px;}
   .navigate-group .category{list-style: none; width:950px; border-right: 1px solid #eaeaea; display: table;  padding-left: 0px; padding-top: 27px; float: left;}
   .navigate-group .category li{float:left; margin-right: 32px; position: relative;}
	 .navigate-group .category li > a{color:#FFF; font-size: 14px;}
     .navigate-group .category li ul{ list-style: none; opacity: 0; visibility: hidden; position: absolute; transition: opacity 600ms, visibility 600ms; padding: 13px 21px 13px 21px; ; top:-1px; border:1px solid #548235; width: 230px; margin-top: 50px; z-index: 2; background-color: #ffffff;}
     .navigate-group .category li ul li{display: block; width:100%;}
     .navigate-group .category li ul li label{font-size: 14px; font-weight: 300; position: relative;}
  		.navigate-group .category li ul li label{font-size: 14px; font-weight: 300; position: relative; padding-left: 37px; margin-bottom: 6px;}
		.navigate-group .category li ul li label input { position: absolute; opacity: 0; cursor: pointer;}
		.navigate-group .category li ul li label .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #FFF; border:1px solid #d2d2d2; border-radius: 5px;}
		.navigate-group .category li ul li label .checkmark:after { content: ""; position: absolute;  display: none;}
		.navigate-group .category li ul li label input:checked ~ .checkmark:after {display: block;}
		.navigate-group .category li ul li label .checkmark:after {left: 6px; top: 4px; width: 6px; height: 12px; border: solid #548235; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);}
	.navigate-group .category li ul.sub-cate{margin-left: 0px;}
	  .navigate-group .category li ul.sub-cate li label{color:#000; font-size: 14px; font-weight: 300;}
   .navigate-group .category a{transition: all 0.5s ease-out; font-size: 14px; height: 47px; display: table; position: relative;}
    .navigate-group .category a::before {
		content: ""; width: 100%; height: 3px; position: absolute;  bottom: 0;  left: 0; background-color: #ffb606; visibility: hidden;
		-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
	}	
    .navigate-group .category a:hover{color:#ffb606; font-size: 14px;}
		.navigate-group .category li.active a{color:#ffb606; font-size: 14px;}
		.navigate-group .category li:hover a:before{visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}      
	.navigate-group .category li:hover ul.sub-cate{opacity: 1; visibility:visible;}		

.filter-search{width:160px; float: left; padding-left: 0px; list-style: none; margin-left: 0px;}
    .filter-search li{width: 159px; float: left; border-right: 1px solid #eaeaea; padding-top: 27px; position: relative;}
	 .filter-search li a:before{content:'\f107'; right:25px; top:31px; color: #FFF; font:normal normal normal 14px/1 FontAwesome;font-size:inherit; position: absolute;}
	 /*.filter-search > li:first-child{width:145px; }*/
     .filter-search li.last-child{width:124px; }
	 .filter-search li.last-child a:before{right:10px;}
   .filter-search li ul{list-style: none; opacity: 0; visibility: hidden; position: absolute; transition: opacity 600ms, visibility 600ms; padding: 19px 37px 19px 37px; top:-1px; border:1px solid #548235; width: 296px; margin-top: 78px; z-index: 2; background-color: #ffffff;}
	 .filter-search li:last-child ul{left:-170px;}
	 .filter-search li > a{color:#FFF;}
	 .filter-search li:hover ul{visibility: visible; opacity: 1;  -webkit-transform: scaleX(1);  transform: scaleX(1);}
     .filter-search li ul li{display: block; width:100%; border-right: none; padding-top: 0px;}
 	 .filter-search li ul li label{font-size: 14px; font-weight: 300; position: relative;}
  		.filter-search li ul li label{font-size: 14px; font-weight: 300; position: relative; padding-left: 37px; margin-bottom: 6px; color:#000;}
		.filter-search li ul li label input { position: absolute; opacity: 0; cursor: pointer;}
		.filter-search li ul li label .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #FFF; border:1px solid #d2d2d2; border-radius: 5px;}
		.filter-search li ul li label .checkmark:after { content: ""; position: absolute;  display: none;}
		.filter-search li ul li label input:checked ~ .checkmark:after {display: block;}
		.filter-search li ul li label .checkmark:after {left: 6px; top: 4px; width: 6px; height: 12px; border: solid #548235; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);}

   .filter-search li a{text-transform: uppercase; font-weight: bold; font-size: 14px; margin:0px 6px 0px 36px; transition: all 0.5s ease-out; height: 47px; display: table;}
	.filter-search li{position: relative;}
    .filter-search li:before {
		content: ""; width: 100%; height: 3px; position: absolute;  bottom: 0;  left: 0; background-color: #FFF; visibility: hidden;
		-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
	}	
    .filter-search > li:hover:before{visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}      
    .filter-search li.last-child a{margin-left: 26px;}

#main-content-block .product-detail{background-color: #f4f4f4; width: 100%; min-height: 50px; }
  #main-content-block .product-detail .container{padding-bottom: 79px;}
  #main-content-block .product-detail  .product-detail-pic{display: table; width:100%; margin-top: 47px;}
	#main-content-block .product-detail  .product-detail-pic .pic-full{width:480px; display: table; float: left; border:1px solid #ececec; border-radius: 14px; background-color: #FFF; overflow: hidden; margin-right: 30px; text-align: center; padding: 8px; overflow: hidden;}	  
	  #main-content-block .product-detail  .product-detail-pic .pic-full img{max-height:436px;}
      #main-content-block .product-detail  .product-detail-pic .pic-full .itempro{display: none;}
	  #main-content-block .product-detail  .product-detail-pic .pic-full .itempro:first-child{display: block;}
	  #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide{width:480px; overflow: hidden; position: relative;}
		 #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide .item{width:100%; text-align: center;}
	     #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide .item a{width: 100%; display: block; text-align: center;}
		 #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide .item a img{left:0; right:0; margin: 0 auto;}
   	     #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide.owl-theme .owl-controls{position: absolute; top:40%; width:100%; z-index: 0; height: 1px;}
		 #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide.owl-theme .owl-controls .owl-dots{display: none !important;}
		 #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide.owl-theme .owl-controls .owl-prev{float:left; font-size: 60px; background-color: transparent; color:#cfe0c3;}
		 #main-content-block .product-detail  .product-detail-pic .pic-full .picfull-slide.owl-theme .owl-controls .owl-next{float:right; font-size: 60px; background-color: transparent; color:#cfe0c3;}


	#main-content-block .product-detail  .product-detail-pic .detail-preview{width:56%; display: table; float: left;}
	  #main-content-block .product-detail  .product-detail-pic .detail-preview h1{font-weight: 500; font-size: 30px; line-height: 36px; margin-top: 27px; margin-bottom: 38px;}
	  #main-content-block .product-detail  .product-detail-pic .detail-preview .preview{border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:60%; float: left; padding-top: 27px; padding-bottom: 12px;}
	   #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .price{color:#fe0b0b; font-size: 24px; font-weight: 500; padding-left: 4px;  margin-bottom: 23px;}
	   #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .discount{color:#000000; font-size: 18px; font-weight: 500; padding-left: 4px;}
	   #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .discount span{display: inline; width: inherit; border-radius: 4px; background-color: #cfe0c3; color:#548235; font-size: 18px; font-weight: 500; padding: 3px 12px 3px 12px; margin-left: 24px;}
	   #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info{margin-bottom: 10px;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info label{font-weight: 500; font-size: 14px; color:#393939; width:40%;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info span{color:#482f28; display: inline; margin-right: 10px; width:3px; padding-left: 13px;}
  	     #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .line-silver{height: 1px;background:#e4e4e4; margin-top: 17px; margin-bottom: 17px;}
	     #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .black{color:#000; font-size: 16px; font-weight: 500;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cat .btn{width:96%;}

		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul{list-style: none; width:100%; display: table;padding-left: 0px; margin-left: 0px; border-radius: 5px;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li{float: left; width: 45px; height: 45px; padding: 8px; border: 1px solid #ddd; text-align: center; background-color: #FFF;}
	     #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li:nth-child(1){border-radius:5px 0px 0px 5px;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li:nth-child(3){border-radius:0px 5px 5px 0px;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li:nth-child(2){padding: 0px; border-left:0px; border-right:0px;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li a{font-weight: 400; color:#000;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li input{width:100%; height: 100%;}
		 #main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li.disable{background-color: #f3f4f6; cursor: not-allowed;}
				#main-content-block .product-detail  .product-detail-pic .detail-preview .preview .preview-info .form-cart ul li.disable a{cursor: not-allowed;}

	  #main-content-block .product-detail  .product-detail-pic .detail-preview .infor-contact{width:35%; float: left; margin-left: 31px; }
		#main-content-block .product-detail  .product-detail-pic .detail-preview .infor-contact .infor-row{width:100%; height: 134px; background-color:#cfe0c3; margin-bottom: 34px; border-radius: 12px; display: table;}
		#main-content-block .product-detail  .product-detail-pic .detail-preview .infor-contact .infor-row:last-child{margin-bottom: 0px;}
		#main-content-block .product-detail  .product-detail-pic .detail-preview .infor-contact .infor-row .infor-img{float: left; width: 110px; min-height: 134px; display: flex; flex-direction: column; align-items: center;  justify-content: center;}
		   #main-content-block .product-detail  .product-detail-pic .detail-preview .infor-contact .infor-row .infor-prev{float: left; min-height: 134px; background-color: #cfe0c3; width: 100%; border-radius: 12px; font-size: 16px; 
			font-weight: 500; display: flex; flex-direction: column; align-items: center;  justify-content: center; padding: 3px;}
	       #main-content-block .product-detail  .product-detail-pic .detail-preview .infor-contact .infor-row .infor-prev a{color:#000;}

  #main-content-block .product-detail .product-detail-comment{display: table; width:100%; margin-top: 30px;}
    #main-content-block .product-detail .product-detail-comment h3{text-align: left; font-size: 16px; color:#482f28; font-weight: 600; line-height: 36px; text-transform: uppercase; margin-top:0px; margin-bottom: 0px; width:100%;}  
	#main-content-block .product-detail .product-detail-comment h3 span{border-bottom: 3px solid #482f28; padding-bottom: 8px;}
	#main-content-block .product-detail .product-detail-comment .detail-comment{background-color: #FFF; padding: 31px 53px 31px 63px; min-height: 70px;  border-top:1px solid #e2e2e2;}

  #main-content-block .product-detail .product-detail-view{display: table; width:100%; margin-top: 30px;}
    #main-content-block .product-detail .product-detail-view h3{text-align: left; font-size: 16px; color:#482f28; font-weight: 600; line-height: 36px; text-transform: uppercase; margin-top:0px; margin-bottom: 0px; width:100%;}  
	#main-content-block .product-detail .product-detail-view h3 span{border-bottom: 3px solid #482f28; padding-bottom: 8px;}
	#main-content-block .product-detail .product-detail-view .detail-content{background-color: #FFF; padding: 31px 53px 31px 33px; min-height: 70px; border-top:1px solid #e2e2e2;}
	  #main-content-block .product-detail .product-detail-view .detail-content .detail-row{content: ""; display: table; clear: both; width:100%; margin-bottom: 31px;}
	  #main-content-block .product-detail .product-detail-view .detail-content .detail-row .cnt-label{height: 100%; width:10%; float: left; text-transform: uppercase; color:#000000; font-weight: bold;}
	  #main-content-block .product-detail .product-detail-view .detail-content .detail-row .cnt-detail{height: 100%; width:90%; float: left; line-height: 25px; font-weight: 500; font-size: 14px; color:#4d4d4d;}
	  
/* Member */
.member-infor { position: relative; min-height: 603px; background-color: #f1f1f1;}
.member-infor .cols-right {width:760px; padding-right:0px; padding-left:0px; left:0; right:0; margin-left: auto; margin-right: auto;}
.member-infor .cols-right .formInfor{padding:31px 34px 29px 40px;background-color:#ffffff; display:inline-block; width:100%;border-radius:10px;webkit-box-shadow: -17px 20px 0 5px rgba(255,255,255,0.3);box-shadow: -17px 20px 0 5px rgba(255,255,255,0.3);}
.member-infor .cols-right .formInfor h3.title{text-transform:uppercase; font-weight:bold; font-size:16px; color:#545454; margin-top:0px; margin-bottom:9px;}
.member-infor .cols-right .formInfor .line-yellow{margin-top:9px; margin-bottom:20px; height:4px; width:85px;}
.member-infor .cols-right .formInfor .input-placeholder{margin-bottom:12px;}
.member-infor .cols-right .formInfor .note{margin-bottom: 10px;}
.member-infor .cols-right .formInfor input[type=text], .member-infor .cols-right .formInfor input[type=password],
	.member-infor .cols-right .formInfor input[type=email], 
	.member-infor .cols-right .formInfor textarea{border:1px solid #cedae1; padding:13px 18px 10px 18px; height:inherit; width:100%;}
.member-infor .cols-right .formInfor input[type=text],.member-infor .cols-right .formInfor input[type=email]{width:100%;}
.member-infor .cols-right .formInfor textarea{height:217px; width:330px;}
.member-infor .cols-right .formInfor input[type="submit"]{background-color:#ffa200; font-weight:normal; font-size:12px; font-family: 'Open Sans', sans-serif; margin-top:18px;border-radius:25px; padding: 3px 25px 3px 25px;}
.member-infor .cols-right .formInfor .contact-form-agency{display:none;}
.member-infor .cols-right .formInfor .col-sm-6{padding:0px;}
.member-infor .container{margin-bottom:98px; padding-top:94px;}
.member-line{padding-bottom:10px; padding-top: 10px; border-bottom:1px dashed #DDD;}
.member-line a{color:#000;}
.member-line .active{color:#653727;}
.member-line:last-child{border-bottom: 0px;}
.member-block { background-color: #fff; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px;}
.member-board-item .item{background-color: #DDD; }
#member-board-item .panel-heading{display: table; width:100%;}
#member-board-item .panel-heading .col-md-2, #member-board-item .panel-heading .col-md-3, #member-board-item .panel-heading .col-md-4{padding-left: 5px; padding-right: 5px;}
#member-board-item .panel-heading .col-md-3 .dis-inline{padding-right:27px;}
#member-board-item .panel-heading .col-md-3 .arrow{position: absolute; right:2px; z-index:2px; top:0;}
#member-board-item .panel-heading .col-md-3 .arrow .icon-extra{display:block; width:30px; height: 30px; font-size: 28px;}
#member-board-item .panel-heading .col-md-3 .arrow .icon-extra:after{content:'\f106'; font-size: 28px; margin-top: 10px;}
#member-board-item .panel-heading .col-md-3 .arrow.collapsed .icon-extra:after{content:'\f107'; font-size: 28px; margin-top: 10px;}
#member-board-item .panel-detail{padding:10px;} 

.view-orders .col-md-4, .view-orders .col-md-6, .view-orders .col-md-7{padding-left:5px; padding-right: 9px;}
.view-orders .title{font-weight: bold; text-transform: uppercase;}
.view-orders .record-row{padding-top: 7px; padding-bottom: 7px; border-bottom: 1px dashed #CCC; display: table; width: 100%;}
.bg-head{background-color: #DDDDDD;}

.member-board-item .member-line{width:100%; display: table;}
/* Orders */
input.form-control, textarea.form-control{color:#000;}
.orders-page{padding-top: 30px; padding-bottom: 30px;}
.orders-page .cart-page-collaterals {position: relative; border: 1px solid #e8eaee; margin-bottom: 15px;}
	.orders-page .cart-page-collaterals .cart-page-product-totals {padding: 18px; background-color: #f8f8fa; color: #464850; font-size: 14px;}
	.orders-page .cart-page-collaterals .cart-page-product-totals .cart-page-product-subtotal, 
	.orders-page .cart-page-collaterals .cart-page-product-totals .cart-page-product-order-total, 
	.orders-page .cart-page-collaterals .cart-page-product-totals .subtotal-promotion-message-list-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;	}
	.orders-page .cart-page-collaterals .cart-page-product-totals .cart-page-product-order-total {margin-top: 16px;  padding-top: 16px; border-top: 1px solid #e8eaee;}
    .orders-page .cart-page-collaterals .cart-page-product-totals .cart-page-product-order-note {display: block; font-size: 13px; color: #8e9098; margin-top: 10px;}
	.orders-page .cart-page-collaterals .cart-page-product-totals .cart-page-checkout-button { display: block; position: relative;font-size: 16px;
      font-weight: 700; color: #fff; padding: 16px 12px; margin-top: 15px;text-align: center; border-radius: 5px; background: #ea512c; background: linear-gradient(90deg,#779d5d,#548235);
	}
    .orders-page .cart-page-collaterals .cart-page-product-totals .cart-page-checkout-button::after {position: absolute; content: "\f061"; font: normal normal normal 14px/1 FontAwesome; top: 50%; right: 30px; color: #fff;font-size: 22px; font-weight: 400;-ms-transform: translateY(-50%);    transform: translateY(-50%);}

.orders-page .cart-body {border-style: solid; border-color: #e8eaee; border-width: 0 1px 1px; margin-bottom: 30px;}
	.orders-page .cart-page-product-box {position: relative;border-top: 1px solid #e8eaee;}
    .orders-page .cart-page-product-box .cart-page-product-box-header {padding: 16px;}
	.orders-page .cart-page-product-box .cart-page-product-title {margin: 0 0 15px;font-size: 20px;font-weight: 700;}
    .orders-page .cart-page-product-box .cart-page-product-title .cart-page-totals-product{display: inline-block; font-size: 18px; color: #8e9098; font-weight: 400; margin-left: 10px;}
.orders-page .cart-page-product-box .cart-page-product-list-item { padding: 16px; border-bottom: 1px solid #e8eaee; display: -ms-flexbox; display: flex;}
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-thumbnail {  width: 96px; text-align: center;}
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-info { position: relative; padding-left: 16px; -moz-flex: 1; -ms-flex: 1; flex: 1;}
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-title { font-size: 15px; font-weight: 400; margin: 0 0 5px; line-height: 1.3em;}
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-vendor-price {-moz-flex: 1; -ms-flex: 1; flex: 1;}
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-qty {
     position: absolute; bottom: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end;    align-items: flex-end;
  }
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-qty-inner {
     position: relative; padding-left: 50px;
  }
  .orders-page .cart-page-product-box .cart-page-product-list-item .cart-page-product-list-item-qty-inner .cart-page-product-list-item-remove {
    position: absolute; bottom: 3px; left: 0; color:#a6a8b0; font-size: 23px;
  }
.qty-cart-product-box { display: -ms-flexbox; display: flex; border: 1px solid #e8eaee; border-radius: 5px; background-color: #fff;}
  .qty-cart-product-box .input-qty, .qty-cart-product-box .qty-cart-product-amount {
    display: inline-block; width: 40px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; position: relative;
  }
  .qty-cart-product-box .qty-cart-product-amount.disabled {color: #a6a8b0; cursor: not-allowed; background-color: #f3f4f6;}

.mini-shopping-cart-item-price { display: block;}
  .mini-shopping-cart-item-price ins {display: block; font-size: 15px; font-weight: 700; color: #e53935; text-decoration: none;}
  .mini-shopping-cart-item-price del {font-size: 13px; color: #8e9098; margin-right: 4px;}
  .mini-shopping-cart-item-price .mini-shopping-cart-item-discount { display: inline-block;font-size: 11px; color: #fff; background-color: #e53935; padding: 1px 8px; border-radius: 5px;    -ms-transform: translateY(-3px);    transform: translateY(-3px);}

.orders-page .cart-empty {text-align: center; padding: 64px 12px; display: none;}
  .orders-page .cart-empty .adr_bg_cartempty i{font-size: 120px; color:#CCC;}

.cart-success {text-align: center; padding: 64px 12px;}
  .cart_success_title{text-transform: uppercase;}
  .cart-success .msg-success{margin-bottom: 20px;}


#checkoutProgress{margin-left: 0px; display: block; width:98%;}
.checkout-page .container .alert{margin-top: 20px;}
.checkout-page .checkout-steps ul{list-style: none;}
  .checkout-page .checkout-steps ul li {text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 28px; background-color: #f2f3f5; position: relative; color: #333; font-size: 16px;}
  .checkout-page .checkout-steps ul li:nth-child(2n) { background-color: #dedfe2;}
  .checkout-page .checkout-steps ul li:nth-child(2n)::after { border-left-color: #dedfe2;}
  .checkout-page .checkout-steps ul li::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; margin: auto; left: 100%;
    width: 0; height: 0; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 12px solid #f2f3f5; border-left-color: rgb(242, 243, 245);
  }
  .checkout-page .checkout-steps ul li .step-icon, .checkout-page .checkout-steps ul li .step-index {
    width: 26px; height: 26px; border-radius: 100%; text-align: center; font-size: 15px; line-height: 24px; display: inline-block; /*float: left;*/ margin-right: 16px;
  }
  
  .checkout-page .checkout-steps ul li .step-index { border: 2px solid #666;}
  .checkout-page .checkout-steps ul li a{color:#000;}
  .checkout-page .checkout-steps ul li.active {color: #fff; background-color: #548235;}
  .checkout-page .checkout-steps ul li.active::after {  border-left-color: #548235; }  
  .checkout-page .checkout-steps ul li.active .step-index { border-color: #fff;}
  .checkout-page .checkout-steps ul li.active a{color:#FFF;}

  .checkout-page .checkout-main { margin-top: 20px; position: relative;}
  .checkout-page .checkout-sidebar{margin-top: 20px;}
  .checkout-page .checkout-title { font-size: 14px; font-weight: 500; text-transform: uppercase; margin-top: 0; margin-bottom: 12px; padding-left: 12px;    border-left: 2px solid #ffb606;}
  .checkout-page .checkout-title .checkout-title-float-btn {
    float: right; font-size: 13px; text-transform: none; font-weight: 400; color: #0388cd; display: inline-block; line-height: 18px; cursor: pointer;
  }
  .checkout-page .checkout-block { background-color: #fff; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px;}
  .checkout-page .checkout-sidebar .sidebar-product__list {position: relative; display: block !important; visibility: visible !important; margin-left: 0px;}  
  .checkout-page .checkout-sidebar .sidebar-product__list .sidebar-product__item {
    margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px dashed #ddd;
  }
  .checkout-page .checkout-sidebar .sidebar-product__list .sidebar-product__item .col-xs-3,
  .checkout-page .checkout-sidebar .sidebar-product__list .sidebar-product__item .col-xs-6{padding-left:5px; padding-right: 5px;}
  .checkout-page .checkout-sidebar .sidebar-product__list .sidebar-product__item .sidebar-product__item-order p{margin-bottom:5px;}
  .checkout-page .checkout-sidebar .sidebar-product__order .sidebar-product-order__item .sidebar-product-order__value{float: right;}
  
  .text-red{color:#e53935;}
  .checkout-page .checkout-main{padding-left: 0px;}

.checkout-page .checkout-main .checkout-login-form .checkout-login-title {
  font-size: 18px; margin-top: 16px; margin-bottom: 32px; font-weight: 400; text-align: center; line-height: 21px;
}
.checkout-page .checkout-main .checkout-login-form .checkout-login-back-to-cart { color: #333; }
.sidebar-product__item-order{padding: 20px 20px 5px 20px;}
.checkout-page .done .step-index { background-color: #60a222; position: relative; border:1px solid #60a222 !important; color:#FFF;}
  .checkout-page .checkout-main .addTitle {padding-bottom: 20px;}
.checkout-page .form-group label {font-size: 14px; text-transform: none; color: #333; font-weight: 400;}
  .checkout-page .form-group.hide{display: none;}
  .checkout-page .form-group .col-sm-3 .red { color: red; margin-left: 5px;}
  .checkout-page .adr-checkbox-label .adr-checkbox-text { color: #333; transition: all .2s ease-in-out; float: left; line-height: 22px; display: inline-block; width: 80%; margin-left: 10px;}
  .checkout-page .checkout-buyer-information-header .adr-checkbox { float: left; width: 100%;}
  .adr-checkbox { cursor: pointer; margin: 0; font-weight: 400;text-transform: none;}
  .adr-checkbox .adr-checkbox-label {display: table; width:100%;}
.adr-checkbox .adr-checkbox-input{display: none;}
.adr-checkbox .adr-checkbox-input + input + .adr-checkbox-label .adr-checkbox-icon {
 color: #FFF; font-size: 16px; width:23px; height: 23px; font-weight:400; border:1px solid #60a222; background-color: #FFF; padding-left: 2px; padding-top: 2px; float: left; display: inline-block;
}
.adr-checkbox .adr-checkbox-input + input + .adr-checkbox-label .adr-checkbox-icon i{ display:none;}
.adr-checkbox .adr-checkbox-input:checked + input + .adr-checkbox-label .adr-checkbox-icon { background-color: #60a222; }
.adr-checkbox .adr-checkbox-input:checked + input + .adr-checkbox-label .adr-checkbox-icon i{ display:block; }

#shipping-extra{display:none; padding-top: 15px;}

.adr-radio{width:98%;}
.adr-radio .adr-radio-input{display: none;}
.adr-radio .adr-radio-label{width:100%; display: table;}
.adr-radio .adr-radio-input + .adr-radio-label .adr-radio-icon i{display: none;}
.adr-radio .adr-radio-input:checked + .adr-radio-label .adr-radio-icon i{display: block;  color:#FFF;}
.adr-radio .adr-radio-input:checked + .adr-radio-label .adr-radio-icon{background-color:#548235;}
.adr-radio .adr-radio-label .colleft{width:7%; min-height:30px; height: 60px; padding-top: 25px;}
.adr-radio .adr-radio-label .colright{width:80%;}
.adr-radio .adr-radio-label .colright .adr-radio-text h3{margin-top: 0px; font-size: 14px;}
.adr-radio .adr-radio-label .colright img.icon-thumb{width:120px; float: left; margin-right: 20px;}
.adr-radio .adr-radio-label .adr-radio-icon{width:25px; height: 25px; border:1px solid #548235; border-radius:100%; float: left; margin-right: 20px; text-align: center; font-size: 12px; position: relative;}
.adr-radio .adr-radio-label .adr-radio-icon i{position: absolute; top:6px; right:0; left:0; bottom:0; margin: auto; color:#548235;}

/* Cart Popup */
.cart-board-popup .shopping-cart-content{
 position: absolute; top: 100%; right: -1px; width: 320px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
 background-color: #FFF; opacity: 0; visibility: hidden; overflow: hidden; border: 1px solid #472c24; box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
 transition: all .3s ease-in-out; 	
}
.cart-board-popup:hover .shopping-cart-content{opacity: 1 !important; visibility: visible !important;}
.cart-board-popup .shopping-cart-content .cart-popup-content{position: relative;}
.cart-board-popup .shopping-cart-content .cart-popup-list{overflow: auto; max-height: 392px; text-align: left; transition: all .2s ease-in-out;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul{margin: 0; padding: 0;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li{position: relative; padding: 12px 16px; height: auto; border-bottom: 1px solid #f3f4f6; display: -ms-flexbox; display: flex; -ms-flex-align: center;align-items: center;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li a {display: -ms-flexbox; display: flex;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-image{width: 88px;height: 88px; text-align: center;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-content {-moz-flex: 1; -ms-flex: 1; flex: 1; padding-right: 15px; padding-left: 15px; text-align: left;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-content .pro-title{margin: 0; font-size: 14px; color: #472c24; font-weight: 400; line-height: 1.5em; height: 3em; padding-right: 35px; overflow: hidden;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-content .pro-price{display: block;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-content .pro-price ins {display: block;font-size: 15px; font-weight: 700; color: #e53935; text-decoration: none;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-content .pro-price del { font-size: 13px; color: #8e9098; margin-right: 4px; display: inline-block;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .pro-quantity{display: block; position: absolute; right: 15px; top: 10px; font-size: 14px; font-weight: 500; color: #472c24;}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-content .pro-price .item-discount{
    display: inline-block; font-size: 11px; color: #fff; background-color: #e53935; padding: 1px 8px; border-radius: 5px; -ms-transform: translateY(-3px); transform: translateY(-3px);
}
.cart-board-popup .shopping-cart-content .cart-popup-list ul li .item-remove { font-size: 25px; width:25px; height: 25px; color:#472c24;
   /*display: block; position: absolute; right: 12px; bottom: 10px; opacity: 1; transition: all .4s ease-in-out;*/
}

.cart-board-popup .shopping-cart-content .cart-bottom {background-color: #472c24; padding: 12px 16px 16px; border-top: 1px solid rgba(71,44,36,.1);}
.cart-board-popup .shopping-cart-content .cart-bottom .cart-bottom-total {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;margin-bottom: 8px; color:#FFF;}
.cart-board-popup .shopping-cart-content .cart-bottom .cart-bottom-total span.cart-bottom-total-amount {font-weight: 700; color: #e53935;}
.cart-board-popup .shopping-cart-content .cart-bottom .cart-bottom-view-cart {
    text-align: center; display: block; font-size: 16px; color: #fff; border-radius: 5px; padding: 12px; transition: all .4s ease-in-out;
    background: #ea512c; background: linear-gradient(90deg,#ea512c,#ffb606);
}

.cart-popup-content .cart-empty{text-align: center; padding: 30px;}
.cart-popup-content .cart-empty .fa-shopping-basket{font-size: 60px; margin-bottom: 10px;}
.cart-popup-content .cart-empty .cart-empty_title{font-size:14px;}

/* Select */
.select_box{width: 169px; height: 40px; cursor: pointer; background-color: #FFF; box-shadow: 0 2px 0 white; border-radius: 2px; padding-left: 0px; position: relative;}	
.select_box label{margin-bottom: 0px;}
 .select_box > li{list-style: none; width:50%;}	
 .select_box .select_items .select_expand {
	width: 39px; height: 32.5px; background-color: #cfe0c3; position: relative;  top: 0;	right: 0; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance:none; appearance: none; 
	border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 2;
 }
 .select_box .select_items .select_expand:after {
	  content:''; background: url('../images/arrow-down.jpg') no-repeat; position: absolute; top: 16px; right: 5px;	transform: translate(-50%, -50%) rotate(0deg) scaleY(1.75); color: #779d5d;
	  width:14px;  height: 7px; font-size: 18px; pointer-events: none; z-index: 3; transition: all 250ms cubic-bezier(.4,.25,.3,1);	opacity: .6;
  }		
  .select_box .select_items .select_expand:hover::after {opacity: 1}
  .select_box .select_items .select_expand:checked::after {transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);}
	
  .select_box .select_expandLabel {	display: block;	width: 100%; height: 32px;	position: absolute;	top: 0;	left: 0; cursor: pointer;}	
  .select_box .select_close {display: none}	
  .select_box .select_closeLabel {width: 100vw;	height: 100vh;	position: fixed; top: 0; left: 0; display: none;}	
  .select_box .select_items {width: 100%; height: 35px; position: absolute; top: 0; left: 0; border: 1px solid #cfe0c3; border-radius: 10px;}	
  .select_box .select_items .select_options{padding-left: 0px; z-index: 1; /*padding-bottom: 5px;*/  background-color: #FFF; position: relative; width:100%;  border-radius: 10px; margin-left: 0px;}
	.select_box .select_items .select_options .select_option{list-style: none; width:100%;}
	.select_box.active .select_items .select_options .select_label {height: 40px; text-align: left; width:100%; margin-top: 0px;}
    .select_box.active .select_items{height: auto !important;}
  .select_box .select_input {display: none}
	
  .select_box .select_label {
	  transition: all 250ms cubic-bezier(.4,.25,.3,1); display: block; height: 0; font-size: 14px;	line-height: 30px; font-weight: 400;
	  overflow: hidden;	color: #3e3e3e;	background-color: #fff;	cursor: pointer; padding-left: 20px; margin-top: 0px;
   }
   .select_box .select_label-placeholder {
	  width:80%; text-align: left; height: 40px; vertical-align: middle;	position: absolute;	top: 0;	left: 0; opacity: .6; background-color: transparent;
    }
.select_input:checked + .select_label {height: 25px; margin-top: -38px; margin-bottom: 0px; width:100%; border-radius: 10px; text-align: left;}

/* Timeline */
.cd-horizontal-timeline { opacity: 0; margin-top:52px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-horizontal-timeline::before { content: 'mobile'; display: none;}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline { position: relative; height: 150px;  width: 94%;  margin: 0 auto;}
.cd-horizontal-timeline .events-wrapper { position: relative;  height: 100%;  margin: 0 70px 0 40px;  overflow: hidden;}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0; /*background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0; /*background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute; z-index: 1; left: 0; top: 69px; height: 6px; background:url('../../images/site/line-splad.png'); -webkit-transition: -webkit-transform 0.4s;  -moz-transition: -moz-transform 0.4s;  transition: transform 0.4s; border-radius:25px;
}
.cd-horizontal-timeline .events:after {content:''; background-color:#ebeaea; width:100%; height:6px; top:0; left:0; opacity:0.8; position:absolute;}

.cd-horizontal-timeline .events ol{ list-style:none; }
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute; bottom: 0; z-index: 2;  text-align: center; top:43px;
  font-size: 1.3rem; padding-bottom: 15px;  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);  
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: ''; position: absolute; left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);  transform: translateX(-50%);
  bottom: 46px; height: 20px; width: 20px; border-radius: 50%;
  border: 5px solid #FFF;
  background-color: #ed1c24;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.cd-horizontal-timeline .events ol li:nth-child(odd) a::after { bottom:-5px; }


.no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #FFF;  border-color: #ed1c24;}
.cd-horizontal-timeline .events a span.title{ padding:3px 20px 3px 20px; color:#555555; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:700; background:#e5e4e4; position:relative;border-radius: 20px;}
.cd-horizontal-timeline .events a:hover span.title{background:#fcae18; color:#FFF;}
.cd-horizontal-timeline .events a:hover span i{background:url('img/arrow-top2.png') no-repeat;}
.cd-horizontal-timeline .events a span i{width:16px; height:9px; display:none; position:absolute; left:0 ; right:0; margin:0 auto; top:-10px;}
.cd-horizontal-timeline .events a.selected { /*pointer-events: none;*/}
.cd-horizontal-timeline .events a.selected span.title{background-color: #fcae18; color:#FFF; position:relative;border-radius: 20px;}
.cd-horizontal-timeline .events a.selected::after { background-color: #ed1c24; border-color: #FFF;}
/*.cd-horizontal-timeline .events a.selected i{width:16px; height:10px; display:block; position:absolute; left:0 ; right:0; margin:0 auto; top:-10px;}*/
.cd-horizontal-timeline .events a.older-event::after { border-color: #FFF;}
.cd-horizontal-timeline .events ol li:nth-child(odd) a { top:-60px; }
.cd-horizontal-timeline .events ol li:nth-child(odd) a span i.last{display:block;bottom:-9px;}
.cd-horizontal-timeline .events ol li:nth-child(odd) a span i{background:url('img/arrow-bottom-his.png') no-repeat; top:auto; bottom:0;}
.cd-horizontal-timeline .events ol li:nth-child(odd) a.selected span i{background:url('img/arrow-top2-his.png') no-repeat;}
.cd-horizontal-timeline .events ol li:nth-child(odd) a:hover span i{background:url('img/arrow-top2-his.png') no-repeat;}
.cd-horizontal-timeline .events ol li:nth-child(even) a span i.first{display:block;top:-9px;}
.cd-horizontal-timeline .events ol li:nth-child(even) a span i{background:url('img/arrow-top-his.png') no-repeat;}
.cd-horizontal-timeline .events ol li:nth-child(even) a.selected span i{background:url('img/arrow-bottom2-his.png') no-repeat;}
.cd-horizontal-timeline .events ol li:nth-child(even) a:hover span i{background:url('img/arrow-bottom2-his.png') no-repeat;}

.cd-horizontal-timeline .events ol li:nth-child(even) a .tooltiptext { width: 350px; height: 55px; overflow: hidden; background-color: #FFF; color: #666666; text-align: center; border-radius: 6px; padding: 2px; position: absolute; z-index: 3; opacity: 0;
transition: opacity 1s; font-size: 14px; bottom: 70px; left: -130px;  visibility: hidden;  }
.cd-horizontal-timeline .events ol li:nth-child(even) a:hover .tooltiptext { opacity: 1; visibility: visible;}
/*.cd-horizontal-timeline .events ol li:nth-child(even) a .tooltiptext::before {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px;    border-width: 5px;    border-style: solid;    border-color: #FFF transparent transparent transparent;}*/

.cd-horizontal-timeline .events ol li:nth-child(odd) a.selected .tooltiptext { width: 310px; height: 55px; overflow: hidden; background-color: #FFF; color: #666666; text-align: center; border-radius: 6px; padding: 2px; position: absolute; z-index: 3; opacity: 0;
transition: opacity 1s; font-size: 14px; bottom: -70px; left: -50px;  visibility: hidden; }
.cd-horizontal-timeline .events ol li:nth-child(odd) a.selected:hover .tooltiptext { opacity: 1; visibility: visible;}
/*.cd-horizontal-timeline .events ol li:nth-child(odd) a .tooltiptext::before {content: ""; position: absolute; top: 100%; left: 52%; margin-left: -5px;    border-width: 5px;    border-style: solid;    border-color: #FFF transparent transparent transparent;}*/

.cd-horizontal-timeline .events ol li:nth-child(odd) a .tooltiptext { width: 350px; height: 55px; overflow: hidden; background-color: #FFF; color: #666666; text-align: center; border-radius: 6px; padding: 2px; position: absolute; z-index: 3; opacity: 0;
transition: opacity 1s; font-size: 14px; bottom: -70px; left: -130px;  visibility: hidden; }
.cd-horizontal-timeline .events ol li:nth-child(odd) a:hover .tooltiptext { opacity: 1; visibility: visible;}
.content-timeline div{display:none;border:1px solid #F0F0F0; width:60%; border-radius: 8px; margin-left:auto; margin-right:auto; margin-top: 50px; height: 100px; background-color: rgba(252,174,24, .8); overflow: hidden; font-size: 14px;color: #fff;padding: 20px; }
.content-timeline div.selected{display:block;}

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline { /*margin: 6em auto;*/ }
  .cd-horizontal-timeline::before {  content: 'desktop'; }
}
.cd-timeline-navigation{list-style:none;}
.cd-timeline-navigation a {
  position: absolute;  z-index: 1;  top: 52%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
  height: 50px;  width: 20px; overflow: hidden;  color: transparent;  text-indent: 100%;  white-space: nowrap;  -webkit-transition: border-color 0.3s;  -moz-transition: border-color 0.3s;  transition: border-color 0.3s;  background:#FFF;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';  position: absolute;  height: 16px;  width: 16px;  left: 50%;  top: 50%;
  bottom: auto;  right: auto;  -webkit-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {left: -29px; background:url('img/icon-list-arrow.png') no-repeat; background-position:0px 0px;}
.cd-timeline-navigation a.prev:hover { background-position:-38px 0px;}
.cd-timeline-navigation a.next {  right: 0; background:url('img/icon-list-arrow.png') no-repeat;  background-position:-17px 0px;}
.cd-timeline-navigation a.next:hover { background-position:-53px 0px;}
.no-touch .cd-timeline-navigation a:hover { background-color:transparent;}
.cd-timeline-navigation a.inactive { cursor: not-allowed;}
.cd-timeline-navigation a.inactive::after { background-position: 0 -16px;}
.no-touch .cd-timeline-navigation a.inactive:hover {  /*border-color: #dfdfdf;*/ }

.cd-horizontal-timeline .events-content {
  position: relative;  width: 100%;  margin: 2em 0;  overflow: hidden;  -webkit-transition: height 0.4s;  -moz-transition: height 0.4s;  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content ol{list-style:none;}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /*padding: 0 5%;*/
  margin:0px 100px 0px 60px;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  height:137px;  
}
.cd-horizontal-timeline .events-content li .bg-event-timeline{width:86%; height:100%; background:#FFF; opacity:0.7; position:absolute;}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li .content{color:#545454;  font-size:14px; font-family: 'Quicksand', sans-serif; text-align:left; position:absolute; z-index:2; width:84%; border:none; height:125px; overflow-y:scroll; margin:7px 0px 0px 12px;}
.cd-horizontal-timeline .events-content li .content .scroll-element .scroll-element_outer .scroll-bar{background-color:#FFF !important;}
.cd-horizontal-timeline .events-content h2 {
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% { opacity: 1; -webkit-transform: translateX(0%);}
}
@-moz-keyframes cd-enter-left {
  0% { opacity: 0; -moz-transform: translateX(-100%); }
  100% { opacity: 1;  -moz-transform: translateX(0%);  }
}
@keyframes cd-enter-left {
  0% { opacity: 0;  -webkit-transform: translateX(-100%);  -moz-transform: translateX(-100%);  -ms-transform: translateX(-100%); -o-transform: translateX(-100%);    transform: translateX(-100%);  }
  100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%);  -ms-transform: translateX(0%);  -o-transform: translateX(0%);   transform: translateX(0%);  }
}

/* Search */
.menu-main-menu{float:right; margin-right:24px;}
.formSearch{float:right; margin-top:36px;padding:5px 5px 5px 5px; position:absolute; width:110px; right:0; z-index:2;}
.formSearch .searchInput{display:none;}
.formSearch .searchInput input{padding:5px 10px 5px 10px;}
.formSearch .searchInput input.submit{padding:3px 10px 3px 10px;}
.formSearch .searchInput, .formSearch .searchIcon{float:left;}
.formSearch .searchIcon{float:right; border-left:1px solid #afafaf;padding-bottom:0px; margin-bottom:0px;padding-left:15px;cursor:pointer;margin-right:12px;}
.formSearch .searchIcon img{margin-bottom:0px; width:24px !important; max-width:none;}
.formSearch .searchIcon i{font-size:18px;}
.formSearch .searchIcon a i{color:#444444;}
.formSearch.active{ width:340px;}
.formSearch .searchInput.active{position:absolute;top:5px;}
.formSearch .searchLang{padding-top:3px; height:24px;border-left:1px solid #afafaf; float:right;  padding-left:11px; position:relative;}
.formSearch .searchLang a{color:#444444;}
.formSearch .searchLang i{float:right; margin-left:9px; font-size:18px;}
.formSearch .searchLang ul{list-style:none; background-color:#FFF; width:100px; position:absolute; z-index:1; margin-top:-10px; display:none;}
.formSearch .searchLang ul li{border-bottom:1px solid #CCC;padding:5px; height:30px; font-size:14px; font-family:'Open Sans', sans-serif; text-align:left; color:#444444;}
.formSearch .searchLang ul li img{float:left;margin-right:4px;margin-bottom:0px;}
.formSearch .searchLang ul li a{color:#444444;}
/* Language */
.languages{float:right; margin-top:34px; position:absolute; width:90px; right:0; z-index:2;}

/* Hotline */
.quick-alo-phone{position: relative; display: block; box-shadow:0 3px 5px -2px rgba(42,42,42,.4); border-radius: 0px 65px 65px 0px ;}
.quick-alo-phone {
	position: fixed; background-color: transparent;	width: 300px; height: 110px; cursor: pointer; z-index: 99 !important;
	-webkit-backface-visibility: hidden;	-webkit-transform: translateZ(0);	-webkit-transition: visibility .5s;	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;	transition: visibility .5s;	right: 0px; left:0;	bottom: 10px;
}
.quick-alo-phone:before{content:''; background-color: #ffb606; left:0; right:0; width:100%; height: 100%; position: absolute; z-index: 1; opacity: 0.6; border-radius: 0px 65px 65px 0px ;}
.quick-alo-phone a{position: relative; display: table; width:100%; z-index: 2;}
.quick-alo-phone a.numbercall{color:#653727; font-size: 30px; float: right; position: absolute; bottom:45px; right:30px; width: inherit; display: block; text-align: right;}
.quick-alo-phone.quick-alo-static {	opacity:.6;}
.quick-alo-phone.quick-alo-hover,
.quick-alo-phone:hover { opacity:1;}
.quick-alo-ph-circle {
	width:160px; height:160px; top:20px; left:20px;	position:absolute;	background-color:transparent;
	-webkit-border-radius:100%;	-moz-border-radius:100%; border-radius:100%; border:2px solid rgba(30,30,30,0.4);	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	-webkit-transition:all .5s;
	-moz-transition:all .5s;	-o-transition:all .5s;	transition:all .5s;	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;	-ms-transform-origin:50% 50%;	-o-transform-origin:50% 50%;	transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle {
	-webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle {
	-webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone:hover .quick-alo-ph-circle {
	border-color:#00aff2;
	opacity:.5;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
	border-color:#75eb50;
	border-color:#baf5a7 9;
	opacity:.5;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
	border-color:#00aff2;
	border-color:#bfebfc 9;
	opacity:.5;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {
	border-color:#ccc;
	opacity:.5;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle {
	border-color:#75eb50;
	opacity:.5;
}
.quick-alo-ph-circle-fill {
	width:100px;
	height:100px;
	top:5px;
	left:0px;
	position:absolute;
	background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.1;
	-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill {
	-webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {
	-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	opacity:0 !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone:hover .quick-alo-ph-circle-fill {
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;
	opacity:.75 !important;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;
	opacity:.75 !important;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
	background-color:rgba(71,44,36,0.5);
	background-color:#a6e3fa 9;
	opacity:.75 !important;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill {
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;
	opacity:.75 !important;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill {
	background-color:rgba(117,235,80,0.5);
	opacity:.75 !important;
}
.quick-alo-ph-img-circle {
	width:60px;
	height:60px;
	top:25px;
	left:20px;
	position:absolute;
	background:rgba(30,30,30,0.1) url("https://i.imgur.com/YWJeVO2.png") no-repeat center center;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.7;
	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
	-webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone:hover .quick-alo-ph-img-circle {
	background-color:#00aff2;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
	background-color:#75eb50;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
	background-color:#472c24;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
	background-color:#ccc;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
	background-color:#75eb50;
}
@-moz-keyframes quick-alo-circle-anim {
	0% {
		-moz-transform:rotate(0) scale(.5) skew(1deg); opacity:.1; -moz-opacity:.1; -webkit-opacity:.1;	-o-opacity:.1;
	}
	30% {
		-moz-transform:rotate(0) scale(.7) skew(1deg); opacity:.5; -moz-opacity:.5; -webkit-opacity:.5;	-o-opacity:.5;
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg); opacity:.6; -moz-opacity:.6; -webkit-opacity:.6; -o-opacity:.1;
	}
}
@-webkit-keyframes quick-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);	-webkit-opacity:.1;
	}
	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);	-webkit-opacity:.5;
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);	-webkit-opacity:.1;
	}
	}
	@-o-keyframes quick-alo-circle-anim {
	0% {
		-o-transform:rotate(0) kscale(.5) skew(1deg); -o-opacity:.1;
	}
	30% {
		-o-transform:rotate(0) scale(.7) skew(1deg); -o-opacity:.5;
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);	-o-opacity:.1;
	}
}
@-moz-keyframes quick-alo-circle-fill-anim {
	0% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);	opacity:.2;
	}
	50% {
		-moz-transform:rotate(0) -moz-scale(1) skew(1deg);	opacity:.2;
	}
	100% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);	opacity:.2;
	}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg); opacity:.2;
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg); opacity:.2;
	}
	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg); opacity:.2;
	}
}
@-o-keyframes quick-alo-circle-fill-anim {
	0% {
		-o-transform:rotate(0) scale(.7) skew(1deg); opacity:.2;
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);	opacity:.2;
	}
	100% {
		-o-transform:rotate(0) scale(.7) skew(1deg); opacity:.2;
	}
}
@-moz-keyframes quick-alo-circle-img-anim {
	0% {
		transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-webkit-keyframes quick-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
}
/*  Mobile */
.open-right-sidebar{color:#fcae18;font-size: 28px; text-align: right;  padding-right: 12px; margin-left: 12px; width: 40px; display: table; position: absolute; margin-top: 22px !important; right:0; display:none;}
.open-right-sidebar:hover{color:#3d5b2a;}
.open-right-sidebar:visited{color:#d12020;}
.open-right-sidebar:after, 
.open-right-sidebar:before, 
.open-right-sidebar div{
  background-color: #fcae18; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  content: ''; display: block; height: 3px;  margin: 5px 0;
  -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.snapjs-right .snap-active{margin-top: 3px;}
.snapjs-right .snap-active:before {transform: translateY(6px) rotate(135deg);  -moz-transform: translateY(6px) rotate(135deg);  -webkit-transform: translateY(6px) rotate(135deg);height: 2px;}
.snapjs-right .snap-active:after {transform: translateY(-6px) rotate(-135deg);  -moz-transform: translateY(-6px) rotate(-135deg);  -webkit-transform: translateY(-6px) rotate(-135deg); height: 2px;}
.snapjs-right .snap-active div { -moz-transform: scale(0);  -webkit-transform: scale(0);  transform: scale(0); height: 1px;}
.snapjs-right .snap-drawer-right {display: block !important;right: 0 !important;left: auto !important; z-index: 10px;}

.snap-drawers {background-color:#fff; display: none;}
.snap-drawer {background-color:#fff; width:262px;}
.snap-drawer-right{padding-left: 0; display:none;}
#menu-mobile ul{width:97%; padding-left: 5px; padding-right: 5px; margin-top: 10px; list-style: none; margin-left: 5px;}
 #menu-mobile ul li > a{color:#000; font-size: 14px;}
 #menu-mobile ul li.active > a{color:#d12020;}
 #menu-mobile ul li { padding: 5px 0px 5px 0px;}
 #menu-mobile ul li ul li::before { content: '\00bb'; color: #3d5b2a;}
 #menu-mobile ul li ul li a { margin-left: 15px;}

.sidebar-header-right{height: 83px; background-color: /*#301710*/ #1e401d; position: relative;}
.sidebar-header-right img{max-height: 80px;}
.sidebar-header-right .nav-bar{float:right; position: absolute; right:40px; top:-20px;}
.sidebar-header-right a:last-child{border:none; left: 0; right: 0; margin-left: auto; margin-right: auto; padding-top: 10px;}
.snap-position-abs{position: absolute;}
#snap-content{width:100%; /*box-shadow: 0px 0px 10px #CCC;*/ position: relative;z-index: 9; background-color: transparent; margin-top: 96px;}
.content-pusher{z-index: 8; background-color: #FFF;}