body{background-color:#fff;font-family: 'Open Sans', sans-serif;font-size:14px; font-weight:normal;line-height:1.7em;color:#333}
body #main-content{background-color:transparent; z-index:2;}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans', sans-serif;}
.container{padding-left:0px; padding-right:0px; width: 1200px;}
.navigation{width: 1200px;}
.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;}
/* 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.html); left:0;right:0;bottom:0;top:0; opacity:0.6;}
.thim-bg-overlay-black2{position:relative;z-index:1;}
.thim-bg-overlay-black2:before{position:absolute; left:0;right:0;bottom:0;top:0;}
.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; left:0;right:0;bottom:0;top:0; content:''; z-index:1;}

.bg-white{background-color:#FFF;}
.bg-grey{background-color:#e4ebf0;}
.bg-grey-tab{background-color:#e4ebf0;}
.bg-solution-home{background:url('img/bg_prod.jpg');}
.bg-blue{background-color:#007dc7;}


.doitac{padding:0px 0px 80px 0; text-align:center;}
.doitac .content_dt{float:left; width:145px;border:1px solid #eeeeee;}
.doitac .content_dt img{ margin:0; width:150px; height:auto}
.doitac .mix{background-color:#f7f7f7;}
.text_duan{position:absolute; opacity:0.8; bottom:0px; width:100%; background-color:#6c6c6c; color:#fff; z-index:1; padding:3px 0px; font-size:11px; display:none;}


.clearfix1:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
  
.clearfix1 {
    display: inline-block;
}
  
html[xmlns] .clearfix1 {
    display: block;
}
  
* html .clearfix1 {
    height: 1%;
}


 
/*************** 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;}
/* General */
.error{font-size:16px;color:#F00;}
.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:125px; height:4px; background:#fcae18; display:block;}
.view_all a{font-size:18px; color:#0188fe; padding-top:20px; font-family: 'Open Sans Condensed', 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:#2db34b; 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;}
.hig58{height:58px;}
.hig81{height:81px;}
.hig84{height:84px;}
.hig57{height:57px;}
.hig77{height:77px;}
.hig100{height:100px;}
.hig546{height:546px;}
/* Width*/
.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;}
.padTop180{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-uppcase{text-transform:uppercase;}
input[type="submit"], button { background: #077de7; color: #FFF;}
/* Head */
.width-navigation{width:calc(100% - 1px)}
/* Reload */
body.thim-body-preload > :not(#preload){opacity:1;}
.loader-wrapper{z-index:100000;}
#loader:after,#loader: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:#2db34b;-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:#2db34b;-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:#2db34b;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
@-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-wrapper .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{border-bottom:5px solid #2db34b;}
#masthead .navigation{padding:0px;}

.navigation .navbar-nav > li > a, .navigation .navbar-nav > li > span{color:#444444; font-size: 14px; font-weight:bold; font-family: 'Open Sans', sans-serif;}

.navigation .navbar-nav>li>a:hover,.navigation .navbar-nav>li>span:hover{color:#2db34b;}
.navigation .navbar-nav>li.active a{color: #2db34b;}
.navigation .navbar-nav>li.active a span{border-bottom:5px solid #FFF; height:62px; display:block;}
.navigation .paddTopMenu>li.active a span{border-bottom:5px solid #FFF; height:62px; display:block;}
.navigation .width-logo img { margin-bottom: 0px;}
.site-header{background-color:#fff;}
.site-header .navbar-nav {margin-top:32px;}

.
.menu-mobile-effect.navbar-toggle{border:1px soild #077de7 !important;}
.menu-mobile-effect.navbar-toggle span.icon-bar {background: #2db34b;height:5px; width:35px; z-index:3;}
.affix_active .menu-mobile-effect.navbar-toggle span.icon-bar {background: #FFF;height:5px; width:35px; z-index:3;}
.site-header.affix .menu-mobile-effect.navbar-toggle span.icon-bar{background: #2db34b;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: #2db34b; width:63px; height:63px;}
#back-to-top span{background-color: #2db34b; width:63px; height:63px; display:block;padding:5px; font-size:11px; font-family:'Open Sans', sans-serif; font-weight:bold;}
#back-to-top span i{font-size:18px;}
#back-to-top:hover{background-color: #fe8d4c;}
#back-to-top:hover span{background-color: #fe8d4c;}

#back-to-top2{position:absolute;float:right; right:-60px; display:none; color:#FFF; top:2px; text-align:center;}
#back-to-top2 {background-color: #2db34b; width:63px; height:63px;}
#back-to-top2 span{background-color: #2db34b; 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:81px; color: #65696c; font-family: 'Open Sans', sans-serif;border-top:6px solid #2db34b;}
footer .container{position:relative;}
footer .row{overflow: hidden;}
footer .row .row-child{margin-bottom: -99999px; padding-bottom: 99999px;}
footer#colophon{background:#ffffff;}
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{background: #ffffff; color: #3d3d3d; font-family: 'Open Sans', sans-serif; font-size:12px;}
footer#colophon .copyright-area .copyright-content{padding-top:25px; padding-bottom:25px;}
footer#colophon .copyright-area .cols-left{text-transform:uppercase;}
footer#colophon .copyright-area .cols-right{/* text-transform:uppercase; */text-align:right;}
footer#colophon .copyright-area .cols-right .infor-counter{margin-right:80px;}

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 */
#slide-show {margin-top: -8px;background-color:#a5bbc9;}
#slide-show .owl-controls{width:186px; height:78px;}
#slide-show .bg-blacktrans{background:url('img/bg_blacktrans.png') no-repeat; margin-top:100px; height:70%; width:100%; position:absolute; z-index:2;}
#slider .item{ height: 650px; position: relative; width:100%;}
#slider .item a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
#slider .item .page-nag{ width: 100%; text-align:left; color:#FFF; position:absolute; background:rgba(1,136,254,0.6); left:0; bottom:0; width:55%; border-right:6px solid #2af40f;}
#slider .item .page-nag .info-nag{padding-left:41%;}
#slider .item .page-nag span{color:#FFF;font-weight:bold; font-size:16px; z-index:1;}
#slider .item .page-nag .info-nag a{color:#FFF;position:relative; font-size:16px; color:#FFF; }
#slider .item .page-nag .info-nag a h2{font-size:55px; font-weight:bold; color:#FFF; text-transform:uppercase; margin-top:0px; font-family: 'Open Sans Condensed', sans-serif; margin-bottom:0px;}
#slider .item .page-nag .info-nag p{margin-bottom:28px; font-family: 'Open Sans Condensed', sans-serif; font-size:24px; line-height:30px; padding-right:10px;}

#slide-show .container{text-align:center; position:relative;}
#slide-show .container .info-nag{color:#FFF; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto !important;padding:15px; text-align:center; background:rgba(225,99,34,0.6); width:326px;}
#slide-show .container .info-nag a{color:#FFF; font-size:18px; font-family: 'Open Sans', sans-serif;}
#slide-show .container .info-nag h1{font-size:18px; display:inline; margin:0px;color:#FFF;font-weight:normal;}
#slide-show .container .info-nag h3{font-size:18px; display:inline; margin:0px;color:#FFF;font-weight:normal;}

#slider .owl-controls{ margin: 0px !important; position: absolute; bottom:0; width: 100%;}
#slider .owl-controls .owl-pagination .owl-page {margin: 28px 4px 2px 0px; background-color:#cfcfcf; border:none;}
#slider .owl-controls .owl-pagination .owl-page:hover,#slider .owl-controls .owl-pagination .owl-page.active{background-color:#f9a11b;}
#slider .owl-controls .owl-dots{ width: 100%; position: absolute; bottom: -0.5; left: 0;}
#slider .owl-dots .owl-dot {top:-10px; border-radius: 50%;  height: 11px;  width: 11px;  transition: all 0.3s; margin:2px; margin-right:19px;}
#slider .owl-dots .owl-dot span{border-radius: 50%;  height: 13px;  width: 13px;  background: #FFF;  transition: all 0.3s; margin:3px 0px 0px 3px; border:3px solid #212121;}
#slider .owl-dots .owl-dot.active span{ background: #2db34b;}
#slider .owl-dots .owl-dot:hover span{ background: #FFF;}
#slider .caption{ width: 100%; color: #fff; line-height: 2; cursor: pointer;}
#slider .caption > div > img,
#slider .caption > div > div{
    display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);
    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;    -webkit-animation-duration: .3s, 1.5s;    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;   animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;   animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;    animation-direction: normal, alternate;
}
#slider .caption .caption-content{ width: 50%;}
#slider .caption .caption-photo{ position: absolute;    bottom: 20px;}
#slider .caption.pos-1 .caption-content{float: left;}
#slider .caption.pos-1 .caption-photo{left: 50%;}
#slider .caption.pos-2 .caption-content{ float: right;}
#slider .caption.pos-2 .caption-photo{ right: 50%;}
#slider .caption.pos-2{ float: right;}
#slider .item{ display: block;}
#slider .item .container{ display: table;  height: 100%;}
#slider .item .container > div{display: table-cell;  width: 100%; vertical-align: middle;}
#slider .caption .caption-content .des{width:1200px; height:50px; position:relative; }
#slider .caption .caption-content .des .content{z-index:1; position: absolute;}
#slider .caption .caption-content .des .content.bcap-right{}
#slider .caption .caption-content .des .content.bcap-left{left:0;}
#slider .caption .caption-content .title1	{color:#6d5344; text-align:center; float:left; position:relative; min-width:169px; padding-top:0px;}
#slider .caption .caption-content .title2{display:block; position:absolute; top:80px; text-align:left;}
#slider .caption .caption-content .title3{text-transform:uppercase;text-shadow: 0px 1px #000;}
#slider .caption .caption-content .title-brand{height:126px;}
#slider .caption .caption-content .btn-brand{text-transform:uppercase; font-weight: bold; border-radius:30px; text-align:center; line-height:90px; text-shadow: 0px 1px #000;}
/*=================== 404 Page ====================*/
.er40-page{text-align:center;margin:0 auto;float:none;}
.er40-page .er40-page-error{font-size:200px;font-weight:bold;padding:10px; line-height:normal !important;}

/*=================== Home Page ====================*/
.home-about{text-align:center;}
.home-about h1.title{font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; color:#5b5b5b; margin-top:64px;}
.home-about h3.title{font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; color:#5b5b5b; margin-top:64px;}
.home-about .preview{/* width:900px; */margin:0 auto;font-family: 'Open Sans', sans-serif;font-size:14px;margin-top:35px;/* margin-bottom:60px; */}

.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;}
.home-offices{height: auto;position:relative; text-align:center; border-top:1px solid #b5b5b5; background-color:#f3f3f3;border-bottom:40px #d1cfcf solid;}

.home-offices h3.title{font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; color:#5b5b5b; margin-top:64px;}

.home-offices .preview{font-size:14px; font-family: 'Open Sans', sans-serif; width:916px; margin:0 auto; left:0; right:0; margin-top:42px; margin-bottom: 0px;display: inline-block;}

.home-offices .slide-office{bottom:-40px; width:1200px; height:auto; z-index:2; left:0; right:0; margin:0 auto;}
.home-offices .slide-office .item{width:236px;}
.home-offices .slide-office .item .img{text-align:center;padding-top:55px;height:180px; display:block; overflow:hidden;}
.home-offices .slide-office .item .title{height:40px; color:#505050; text-transform:uppercase; font-weight:bold; font-family: 'Open Sans', sans-serif; padding-top:8px; font-size:11px}
.home-offices .slide-office .item .title a{color:#505050;}
.home-offices .slide-office .item:hover .img{border:1px solid #d5d5d5; background-color:#FFF;}
.home-offices .slide-office .item:hover .title{background-color:#2db34b;}
.home-offices .slide-office .item:hover .title a{color:#FFF;}
.home-offices .slide-office .owl-item img{width:inherit; margin:0 auto;}
.home-offices .slide-office .owl-stage .owl-item.active:first-child .item .title{color:#FFF;}
.home-offices .slide-office .owl-controls .owl-dots{display:none !important;}
.home-offices .slide-office .owl-controls{position:absolute; width:100%;}
.home-offices .slide-office .owl-controls .owl-nav .owl-prev{left:0;position:absolute; top:-180px; background:url('img/arrow_left2.png') no-repeat; width: 28px; height: 74px;}
.home-offices .slide-office .owl-controls .owl-nav .owl-prev:hover{background:url('img/arrow_left.png') no-repeat;}
.home-offices .slide-office .owl-controls .owl-nav .owl-next{right:0;position:absolute; top:-180px; background:url('img/arrow_right2.png') no-repeat; width: 28px; height: 74px;}
.home-offices .slide-office .owl-controls .owl-nav .owl-next:hover{background:url('img/arrow_right.png') no-repeat;}
.home-offices .slide-office .owl-stage-outer{width:1100px; margin:0 auto;}
.home-offices .bg-active{height:218px; width:236px; position:absolute; bottom:0; z-index:1; margin-left:50px;}
.home-offices .bg-active .img{width:236px; height:178px;border:1px solid #d5d5d5; background-color:#FFF;}
.home-offices .bg-active .title{background-color:#2db34b; color:#FFF; text-align:center; height:40px;}
.home-offices .bg-footer{/*height:40px; background-color:#d1cfcf; bottom:22px; position:absolute; left:0; width:100%; z-index:0;*/}

.home-project-list{height: 865px;position:relative; text-align:center;}
.home-project-list .width125{width:200px;}
.home-project-list h3.title{font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; color:#5b5b5b; margin-top:64px;}
.home-project-list .projects-list{margin-top:78px;}
.home-project-list .projects-list .owl-controls{position:absolute; top:-60px; left:0; right:0;}
.home-project-list .projects-list .owl-controls .owl-nav{display:none;}
.home-project-list .projects-list .owl-controls .owl-dots .owl-dot.active span, .home-project-list .projects-list .owl-controls .owl-dots .owl-dot:hover span { background: #ed1c24;}


.home-project-list .item ul{margin:0; display:table; list-style:none;}
.home-project-list .item ul li{float:left;margin-left:12px;margin-bottom:12px; position:relative; width:32.5%; overflow:hidden;}


.home-project-list .item ul li img{width:100%}
.home-project-list .item ul li .overlay{position: absolute; top: 0px; left: 0px; right:0; bottom:0; width: 100%; height: 100%; display: none; transition: all 0.3s; z-index:2;}
.home-project-list .item ul li:hover .overlay{ background-color: rgba(0, 0, 0, 0.7); display:block; transition: all 0.3s; padding-top:20%; padding-left:13%;}
.home-project-list .item ul li: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; border:1px solid #4f4f4d; padding:20px 29px 20px 29px;}
.home-project-list .item ul li:hover img{-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}


.home-project-list .item ul li:first-child{margin-left:0px;}
.home-project-list .item ul li:nth-child(4){margin-left:0px;}


.home-project-list .view-all{position:absolute; bottom:67px; width:131px; border:1px solid #e5e5e5; padding:13px 13px 13px 13px; color:#4e4e4e; margin:0 auto; left:0; right:0; font-weight:bold;}
.home-project-list .view-all a{color:#4e4e4e; text-transform:uppercase;}

.home-news{height:775px; background-color:#f2f2f2; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:relative;}
.home-news h3.title{font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; color:#5b5b5b; margin-top:64px;}
.home-news .view-all{position:absolute; bottom:-23px; width:131px; background:#2db34b; 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 .group-tabs{margin:0 auto; text-align:center; left:0; right:0; display:table; margin-top:35px;}
.home-news .group-tabs div{float:left; padding:5px 10px 5px 10px; margin-right:10px;}
.home-news .group-tabs div a{text-transform:uppercase; color:#403f3f;}
.home-news .group-tabs div:hover{background-color:#787878; color:#FFF;}
.home-news .group-tabs div:hover a{color:#FFF;}
.home-news .group-tabs div.active{background-color:#787878; color:#FFF;}
.home-news .group-tabs div.active a{color:#FFF;}
.home-news .detail-news{width:100%;margin-top:49px;}
.home-news .detail-news .cols-left{width:586px; float:left;}
.home-news .detail-news .cols-left .img{width:581px;height:239px; overflow:hidden;}
.home-news .detail-news .cols-left .img img{width:581px;}
.home-news .detail-news .content-row .content-left{width:116px; float:left; margin-top:20px;}
.home-news .detail-news .content-row .content-left .day{background-color:#2db34b; color:#FFF; font-size:48px; font-family: 'Open Sans', sans-serif; padding:23px 18px 23px 18px; width:89px;}
.home-news .detail-news .content-row .content-left .date{background-color:#e3e3e3; color:#969696; font-size:18px; font-family: 'Open Sans', sans-serif; padding:14px 11px 14px 11px; width:89px;}
.home-news .detail-news .content-row .content-left .date span{font-size:12px;}
.home-news .detail-news .content-row .content-right{width:466px;height: 195px;overflow:hidden;}
.home-news .detail-news .content-row .content-right h3{text-align:left; color:#323232; font-size:24px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height:27px;}
.home-news .detail-news .content-row .content-right h3 a{color:#323232;}
.home-news .detail-news .content-row .content-right h3 a:hover{color:#2db34b;}
.home-news .detail-news .content-row .content-right .preview{text-align:left; font-size:13px;}
.home-news .detail-news .cols-right{width:614px;float:right;}
.home-news .detail-news .cols-right ul{list-style:none; margin:0px; display:table;}
.home-news .detail-news .cols-right ul li{float:left; width:50%; padding-left:17px;}
.home-news .detail-news .cols-right ul li h3{text-align:left; color:#323232; font-size:16px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height:22px;}
.home-news .detail-news .cols-right ul li h3 a{color:#323232;}
.home-news .detail-news .cols-right ul li h3 a:hover{color:#2db34b;}
.home-news .detail-news .cols-right ul li .img{height:178px; width:285px; overflow:hidden;}
.home-news .detail-news .cols-right ul li .img img{width:100%;}
.home-news .detail-news .cols-right ul li .date{text-align:left; font-size:13px; color:#8e8e8e; font-family: 'Open Sans', sans-serif;}
.home-news .detail-news .cols-right ul li .preview{text-align:justify; font-size:13px; font-family: 'Open Sans', sans-serif;padding-top:13px; margin-top:5px; border-top:4px solid #2db34b; line-height:20px;}

.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:30px;height:30px;border:1px solid #ddd;line-height:30px;text-align:center; width:77px; background-color:#FFF; height:142px;}
.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:#2db34b; 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:#2db34b; 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:#2db34b; 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:#2db34b; 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: 9px 0px 0px 9px;margin-right:11px;font-size:18px;}
.home-project .pj-share .share-social .list a i{color:#2db34b;}
.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:#2db34b;}
.home-project .pj-share .share-social .list a:hover i{color:#FFF;}

.home-contact{height:191px; border-top:1px solid #e5e5e5;}
.home-contact .cinfo{margin-top:57px; border-left:1px solid #e5e5e5; height:90px; overflow:hidden;}
.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:#3d3d3d;}
.home-contact .cinfo .detail{font-size:14px; font-family: 'Open Sans', sans-serif; color:#3d3d3d;padding-left:63px;}
.home-contact .cinfo .detail a{color:#2db34b;}
.home-contact .cinfo:last-child{border-right:1px solid #e5e5e5; padding-right:84px;}
.home-contact .cinfo:last-child .title{text-transform:uppercase; color:#3d3d3d; font-weight:normal;}
.home-contact .cinfo:last-child .form-content{float:right;}
.home-contact .cinfo:last-child .form-content input[type=text]{width:300px; border:1px solid #d2d2d2; border-right:none; padding:14px 10px 14px 20px;}
.home-contact .cinfo:last-child .form-content input[type=button],.home-contact .cinfo:last-child .form-content input[type=submit]{background:#FFF; color:#2db34b; 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;}

.sc_heading{padding-left: 22px;}
.sc_heading .title { color:#0188fe; font-family: 'Open Sans Condensed', sans-serif; font-size:36px; text-transform:uppercase;}
.sc_heading .line-grey {background-color:#35e217; width:91px;margin-top:5px; padding-left: 22px;}
#partners-home .owl-stage-outer{padding-left: 24px;}
#partners-home .owl-dots{display:none !important;}
#partners-home .owl-dots .owl-dot{border-radius:none;}
#partners-home .owl-dots .owl-dot span{background:url(img/icon-list.png) no-repeat; width:19px; height:20px;border-radius:none; background-position:-14px 0px;}
#partners-home .owl-dots .owl-dot span:hover{background:url(img/icon-list.png) no-repeat; width:19px; height:20px;border-radius:none; background-position:-14px -21px;}
#partners-home .owl-dots .owl-dot.active span{background-position:0px 0px;}
#partners-home .owl-dots .owl-dot.active span:hover{background-position:0px -22px;}
.slide-client .owl-item{height:130px;}
.slide-client .item{padding-right:5px;padding-left:5px; width:216px;}
.slide-client .item .image{border-radius:15px;border:1px solid #dedede;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:100px !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 a:before{border-radius:15px; content:''; background:rgba(1,136,254,0.6); position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.slide-client .item .image:hover a:before{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}*/
.slide-client .item .image img{width:auto; margin:0 auto;}

#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;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;}

.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 */
.news-page .news-category{height:80px; background-color:#ebebeb; border-bottom:1px solid #d8d8d8;box-shadow: 0 2px 2px -2px gray; text-align:center; overflow:hidden;}
.news-page .news-category ul{left:0; right:0; margin:0 auto; display:inline-block;}
.news-page .news-category ul li{float:left;list-style:none;padding:30px 18px 10px 18px;}
.news-page .news-category ul li a{text-transform:uppercase; color:#464646; font-weight:bold;}

.news-page .news-category ul li.active a{text-transform:uppercase; color:#ff7f39;}
.news-page .news-category div.category-sub{left:0; right:0; margin:0 auto; display:inline-block;}
.news-page .news-category div.category-sub .item{float:left;list-style:none;padding:30px 18px 10px 18px;}
.news-page .news-category div.category-sub .item a{text-transform:uppercase; color:#464646; font-weight:bold;}
.news-page .news-category div.category-sub .item a:hover{color:#ff7f39;}
.news-page .news-category div.category-sub .item.active a{text-transform:uppercase; color:#ff7f39;}

.news-page .news-category1 div.category-sub1 {
    display: inline-block;
    left: 0;
    margin: 0 auto;
    right: 0;
}
.news-page .news-category1{background-color:#fff;  box-shadow:none; height:auto; border:none;}
.news-page .news-category1 .item a{font-weight:normal;}
.news-page .news-category1 .item{padding:20px 18px 10px 18px; float: left;   }
.news-page .news-category1 {left:0; right:0; margin:0 auto; }
.news-page .news-category1{text-align:center}

.news-page .news-category1 div.category-sub1 .item a:hover{color:#ff7f39;}
.news-page .news-category1 div.category-sub1 .item.active a{text-transform:uppercase; color:#ff7f39;}


.news-list{margin-top: 2px;}
.news-list ul{list-style:none; display:inline-block; width:100%; margin:0px;}
/*.news-list ul li{width:23%;min-height:380px; height:auto !important; height:380px; border:1px solid #bababa; float:left; margin-right:32px; margin-bottom:50px; background-color:#f0f0f0;}*/


.news-list ul li{width:23%; height:auto; border:1px solid #bababa; 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 20px 23px; color:#474747; font-family: 'Quicksand', sans-serif; }
.news-list ul li .img{height:180px; overflow:hidden;}
.news-list ul li .img img{width:100%;}
.news-list ul li .infor .title{font-size:13px; color:#2a2a2a; font-family: 'Quicksand', sans-serif; text-transform:uppercase; }
.news-list ul li .infor .title a{color:#2a2a2a; font-family: 'Quicksand', sans-serif; text-transform:uppercase; }

.news-list ul li .infor .title a:hover{color:#2db34b; font-family: 'Quicksand', sans-serif; text-transform:uppercase; }
.news-list ul li .infor .cat{font-size:12px; color:#787878; font-family: 'Quicksand', sans-serif; padding-top:19px;padding-bottom:3px; border-bottom:1px solid #bababa; margin-bottom:12px;}
.news-list ul li .infor .cat span{font-size:12px; color:#2db34b; font-family: 'Quicksand', sans-serif;text-transform:uppercase;}
.news-list ul li .infor .preview{font-size:14px; color:#474747; font-family: 'Quicksand', sans-serif; margin-top:15px; height:98px; overflow:hidden; line-height:20px;}
.news-list .view-more{left:0; right:0; margin:0 auto; width:402px; text-transform:uppercase; color:#FFF; background-color:#2db34b; text-align:center;padding:15px 0px 15px 15px;margin-bottom:87px;}
.news-list .view-more a{color:#FFF; font-size:16px; font-family: 'Quicksand', sans-serif; font-weight:bold;}

.news-view{margin-top: 50px;}
.news-view h1{font-size: 25px;color:#2a2a2a;font-family: 'Quicksand', sans-serif;font-weight:bold;}
.news-view .cat {color:#787878; border-bottom:1px solid #bababa;padding-bottom:16px;margin-bottom:28px;}
.news-view .cat span{text-transform:uppercase; color:#2db34b; font-family: 'Quicksand', sans-serif; }
.news-view .cat .content{font-size:16px; font-family: 'Quicksand', sans-serif; }
.news-view .cat .content p{font-size:16px; font-family: 'Quicksand', sans-serif; }
.news-view .share{border-top:1px solid #bababa; padding-top:31px;margin-top:45px; margin-bottom:130px;}
.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:#FFF;padding:13px 13px 13px 13px; text-transform:uppercase; background-color: #2db34b; margin-bottom:12px; font-size:16px; font-weight:bold; font-family: 'Quicksand', sans-serif;}

.articles-more ul{list-style:none;display:inline-block;width:100%;margin:0px;}
.articles-more ul li{width:100%;height:311px; border:1px solid #bababa; float:left; margin-right:32px; margin-bottom:12px; background-color:#f0f0f0;}
.articles-more ul li:nth-child(4n){margin-right:0px;}
.articles-more ul li .infor{padding:0px 23px 36px 23px; color:#474747; /*font-family: 'Quicksand', sans-serif;*/ }
.articles-more ul li .img{height:152px; overflow:hidden;}
.articles-more ul li .img img{width:100%;}
.articles-more ul li .infor .title{font-size:16px;color:#2a2a2a;/*font-family: 'Quicksand', sans-serif;*//* text-transform:uppercase; */height:70px;overflow:hidden;}
.articles-more ul li .infor .title a{color:#2db34b;}
.articles-more ul li .infor .title a:hover{color: #c00;}
.articles-more ul li .infor .cat{font-size:12px; color:#787878; font-family: 'Quicksand', sans-serif; padding-top:19px;padding-bottom:3px; border-bottom:1px solid #bababa; margin-bottom:12px;}
.articles-more ul li .infor .cat span{font-size:12px; color:#2db34b; font-family: 'Quicksand', sans-serif;text-transform:uppercase;}
.articles-more ul li .infor .preview{font-size:14px; color:#474747; font-family: 'Quicksand', sans-serif; margin-top:15px; height:98px; overflow:hidden; line-height:20px;}
.article-more-detail p{padding:5px 10px 5px 10px;margin: 0;} 
.article-more-detail ul li{display: table; width:100%; border:1px solid #bababa; float:left; margin-bottom:15px; background-color:#f0f0f0;padding: 10px;}
.content ul {margin: 0 0 10px 0; padding: 0; width: 100%; display: table;}
.content .tuyendung-header{background-color: #F0F0F0;padding: 10px;}
.content .tuyendung-line{padding: 10px;}
.content ul li{float:left; list-style:none;}

/* Project */
.project-list ul{list-style:none; display:inline-block; width:100%; margin:0px;}
.project-list ul li{width:396px;height:auto; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c; overflow:hidden;}
.project-list ul li:nth-child(3n){margin-right:0px;}
.project-list ul li .infor{padding:0px 23px 7px 23px; color:#474747; font-family: 'Quicksand', sans-serif; }
.project-list ul li .img{/*height:247px;*/ overflow:hidden; position:relative;}
.project-list ul li .img img{width:100%;}
.project-list ul li .infor .title{font-size:14px; color:#FFF; font-family: 'Quicksand', sans-serif; padding:8px 19px 5px 5px;  overflow:hidden; }
.project-list ul li .infor .title a{color:#FFF; font-family: 'Quicksand', sans-serif; font-weight: 600;}
.project-list ul li:hover {background-color:#2db34b; transition: all 0.3s;}
.project-list ul li .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-list ul li .overlay a{border-radius:50%; border:3px solid #FFF; width:73px; height:73px; left:40%; top:35%; position:absolute;}
.project-list ul li .overlay a i{font-size:28px; color:#FFF;padding:18px 0px 0px 20px;}
.project-list ul li:hover .overlay{ background-color: rgba(101, 93, 103, 0.7); display:block; transition: all 0.3s;}
.project-list ul li: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; border:1px solid #4f4f4d; padding:20px 29px 20px 29px; transition: all 0.3s;}
.project-list .view-more{left:0; right:0; margin:0 auto; width:402px; text-transform:uppercase; color:#FFF; background-color:#2db34b; text-align:center;padding:15px 0px 15px 15px;margin-bottom:87px;}
.project-list .view-more a{color:#FFF; font-size:16px; font-family: 'Quicksand', sans-serif; font-weight:bold;}

.project-view {margin-bottom:88px;}
.project-view h1{font-family: 'Quicksand', sans-serif; text-transform:uppercase; font-size:36px; font-weight:bold; color:#2db34b; width:880px; left:0; right:0; margin:0 auto; text-align:center;margin-top:72px;margin-bottom:45px;}
.project-view .group-tabs{border-bottom:1px solid #e2e2e2; text-align:center; height:50px;}
.project-view .group-tabs .nav-tabs{width:inherit !important; left:0; right:0; margin:0 auto !important; display:inline-block;  border-bottom:none;}
.project-view .group-tabs .nav-tabs li a{color:#555555; font-weight:bold; font-family: 'Quicksand', sans-serif; text-transform:uppercase; display:block; padding:10px 0px 0px 0px;margin:0px 15px 0px 15px;}
.project-view .group-tabs .nav-tabs li.active a{color:#2db34b;position:relative;}
.project-view .group-tabs .nav-tabs li.active a span{display:block;width:100%; height:20px; border-bottom:2px solid #2db34b;}
.project-view .group-tabs .nav-tabs .item{float:left;}
.project-view .group-tabs .nav-tabs .item a{color:#555555; font-weight:bold; font-family: 'Quicksand', sans-serif; text-transform:uppercase; display:block; padding:10px 0px 0px 0px;margin:0px 15px 0px 15px;}
.project-view .group-tabs .nav-tabs .item.active a{color:#2db34b;position:relative;}
.project-view .group-tabs .nav-tabs .item.active a span{display:block;width:100%; height:20px; border-bottom:2px solid #2db34b;}

.project-view .project-content{min-height:400px; margin-top:48px;margin-bottom:44px; display:table; }
.project-view .project-content .infor{font-size:14px; font-family: 'Quicksand', sans-serif; margin-top:37px; color:#000;}
.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:#2db34b;}
.project-view .project-content .infor .website{text-align:center; text-transform:uppercase;font-weight:bold;}
.project-view .project-content .infor .preview {margin-top:29px;}
.project-view .project-content .infor .preview .cols-left{text-align:right;}
.project-view .project-content .infor .preview .cols-right{text-align:left;font-weight:bold;}
.project-view .project-content .infor .preview .cols-right ul li{height:30px;}
.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:396px;height:323px; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c; 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%;}
.project-view .project-more  ul li .infor .title{font-size:14px; color:#FFF; font-family: 'Quicksand', sans-serif; text-transform:uppercase;padding:12px 19px 5px 5px; height:75px; overflow:hidden; }
.project-view .project-more  ul li .infor .title a{color:#FFF; font-family: 'Quicksand', sans-serif; text-transform:uppercase; font-weight: 600;}
.project-view .project-more  ul li:hover {background-color:#2db34b; transition: all 0.3s;}
.project-view .project-more  ul li .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 .project-more  ul li .overlay a{border-radius:50%; border:3px solid #FFF; width:73px; height:73px; left:40%; top:35%; position:absolute;}
.project-view .project-more  ul li .overlay a i{font-size:28px; color:#FFF;padding:18px 0px 0px 20px;}
.project-view .project-more  ul li:hover .overlay{ background-color: rgba(101, 93, 103, 0.7); display:block; transition: all 0.3s;}
.project-view .project-more  ul li: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; border:1px solid #4f4f4d; padding:20px 29px 20px 29px; transition: all 0.3s;}
.project-view .share{border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:20px 0px 20px 0px; margin-bottom:30px; display:table; width:100%; text-align:center;}
.project-view .share .share-groups{width:300px; left:0; right:0; margin:0 auto;}
.project-view .share .col-left, .project-view .share .col-right{float:left;}
.project-view .share .addthis_sharing_toolbox{float:left; margin-left:10px;}
/* Contact Page */
.contact-infor{position:relative;min-height:637px;margin-top:76px;}
.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;}
.contact-infor .cols-left h1{color:#515151; font-size:24px; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.contact-infor .cols-left .infor{color:#515151; font-size:16px; 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:#2db34b;}
.contact-infor .cols-left .infor .icon{width:38px; height:29px; background:url('img/icon_contact_list.png') no-repeat; background-position:-8px 0px; float:left;}
.contact-infor .cols-left .infor .row-contact{margin-bottom:12px;}
.contact-infor .cols-left .infor .tel .icon{background-position:-6px -40px;}
.contact-infor .cols-left .infor .nobg .icon{background:none;}
.contact-infor .cols-right .formInfor{border:1px solid #e6e6e6;padding:28px 50px 37px 54px;background-color:#f6f6f6;}
.contact-infor .cols-right .formInfor .title{text-transform:uppercase; font-weight:bold; font-size:16px; color:#545454;}
.contact-infor .cols-right .formInfor .line-yellow{margin-top:10px; margin-bottom:18px;}
.contact-infor .cols-right .formInfor p{margin-bottom:5px;}
.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:1px; padding:17px 18px 13px 18px; height:inherit;}
.contact-infor .cols-right .formInfor textarea{height:150px;}
.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;}
.contact-map{height:578px;margin-bottom:8px;border-top:1px solid #d8d8d8;}

/* Human */
.row1{height:532px;}
.row2{height:469px;}
.row3{height:668px;}
.row4{height:688px;}
.row5{height:495px;}
.ctnRight .col-sm-6{background-color:#2db34b;}
.ctnRight .col-sm-6.parallax{background-color:transparent;}
.ctnRight .human-detail{background:#2db34b !important;right:0; padding: 42px 45px 55px 50px !important;}
.human-row {position:relative;}
.human-row .bg-row{position:absolute; z-index:1; width:100%;}
.human-row .human-content{max-height:323px; min-height: 254px; position:absolute; z-index:2; width:100%;}
.human-row .human-content .container{position:relative;display:block;}
.human-row .human-content .human-detail{width:70%; background-color:#FFF;padding: 33px 55px 55px 20px; position:absolute; margin-top:6%;}
.human-row .human-content h3.title{margin-top:0px;}
.human-row .human-content h3.title a{font-size:24px; /*font-family: 'Quicksand', sans-serif;*/ color:#313131; text-transform:uppercase;font-weight:lighter;}
.human-row .human-content .line-color{height:2px; background:#2db34b; width:106px;}
.human-row .human-content .preview{color: #5a5a5a; font-size:16px; /*font-family: 'Quicksand', sans-serif;*/ margin-top:26px;}
.ctnRight .human-content h3.title a{font-size:24px; /*font-family: 'Quicksand', sans-serif;*/ color:#FFF; text-transform:uppercase;font-weight:lighter;}
.ctnRight .human-content h3.title{margin-top:0px;}
.ctnRight .human-content .line-color{height:2px; background:#FFF; width:106px;}
.ctnRight .human-content .preview{color: #FFF; font-size:16px; /*font-family: 'Quicksand', sans-serif;*/ margin-top:26px;}
.human-page .bordertop{border-top:1px solid #d4d4d4; margin-top:46px;}
.human-page .share{padding:20px 0px 20px 0px; margin-bottom:50px !important;   display:table; width:350px; text-align:center; left:0; right:0; margin:0 auto;}
.human-page .share .share-groups{width:300px; left:0; right:0; margin:0 auto;}
.human-page .share .col-left, .human-page .share .col-right{float:left;}
.human-page .share .addthis_sharing_toolbox{float:left; margin-left:10px;}

/* About */
.img-absol{position:absolute; left:0;}
.about-intro .container{position:relative;}
.about-intro .home-about{padding-bottom:80px;}
.about-intro .home-about .title{font-size:30px; font-weight:lighter; font-family: 'Quicksand', sans-serif;}
.about-intro .home-about .preview{width:100%;text-align:justify; font-size:14px; font-weight:lighter; font-family: 'Quicksand', sans-serif; padding-left:80px;}
.about-intro .about-team{height:642px;background:url('img/bg_team.jpg') no-repeat; position:relative;}
.about-intro .about-team {text-align:center;}
.about-intro .about-team .list-team{margin-top:70px;}
.about-intro .about-team .title{font-size:30px; font-weight:lighter; font-family: 'Open Sans', sans-serif; text-transform:uppercase; color:#5b5b5b; margin-top:64px;}
.about-intro .about-team .slide-team{width:95%;margin:0 auto; left:0; right:0; }
.about-intro .about-team .slide-team .item .img{height:242px;border:1px solid #d5d5d5;padding:11px; overflow:hidden; width:237px; background-color:#FFF;}
.about-intro .about-team .slide-team .item .title{height:103px; background-color:#FFF; margin-top:0px; width:237px; text-align:left;}
.about-intro .about-team .slide-team .item .title a{color:#393939;padding:15px 15px 15px 22px; font-weight:bold;display:block; font-family: 'Quicksand', sans-serif; text-transform:uppercase;}
.about-intro .about-team .slide-team .item .title .repute{font-size:12px;}
.about-intro .about-team .slide-team .item .title .name{font-size:16px;}
.about-intro .about-team .slide-team .item .title .position{font-size:12px; font-weight:lighter;}
.about-intro .about-team .slide-team .item:hover .title a{color:#FFF; background-color:#2db34b;}

.about-intro .about-team .item {width: 25%; float: left;}
.about-intro .about-team .item .img{height:242px;border:1px solid #d5d5d5;padding:11px; overflow:hidden; width:237px; background-color:#FFF;}
.about-intro .about-team .item .title{height:103px; background-color:#FFF; margin-top:0px; width:237px; text-align:left;}
.about-intro .about-team .item .title a{color:#393939;padding:15px 15px 15px 22px; font-weight:bold;display:block; font-family: 'Quicksand', sans-serif; text-transform:uppercase;}
.about-intro .about-team .item .title .repute{font-size:12px;}
.about-intro .about-team .item .title .name{font-size:16px;}
.about-intro .about-team .item .title .position{font-size:12px; font-weight:lighter;}
.about-intro .about-team .item:hover .title a{color:#FFF; background-color:#2db34b;}

.about-intro .about-team .slide-team .owl-controls .owl-dots{display:none !important;}
.about-intro .about-team .slide-team .owl-controls .owl-nav{position:absolute; width:100%; top:35%;}
.about-intro .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-intro .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-intro .about-team .slide-team .owl-controls .owl-nav .owl-prev:hover{background:url('img/arrow-team-left2.png') no-repeat; transition:all .3s;}
.about-intro .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:#2db34b; 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-intro .about-action{height:645px; position:relative;}
.about-intro .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-intro .about-action .about-timeline{z-index:3;position:absolute; width:100%;}
.about-intro .about-action .about-timeline .container{left:0; right:0; margin:0 auto; text-align:center;}
.about-intro .about-action .about-timeline .container h3{margin-top:83px;text-transform:uppercase;font-family: 'Quicksand', sans-serif; font-weight:lighter; color:#232323;}
.about-intro .about-action .about-timeline .container .line-break .line-silver{background-color:#737373;}
.about-intro .about-action .about-timeline .container .intro{text-align:center; font-size:16px; font-family: 'Quicksand', sans-serif; color:#343434; padding-top:43px; height:auto; width:87%; left:0; right:0; margin:0 auto;}

/* Timeline */
.cd-horizontal-timeline { opacity: 0; margin-top:10px;; -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: 120px;
  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: 49px; height: 5px; background: #2db34b;  -webkit-transition: -webkit-transform 0.4s;  -moz-transition: -moz-transform 0.4s;  transition: transform 0.4s; border-radius:25px;
}
.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: #2db34b;
  -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:33px;
  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: 34px; height: 23px; width: 23px; border-radius: 50%;
  border: 6px solid #FFF;
  background-color: #2db34b;
  -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;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #FFF;  border-color: #2db34b;
}
.cd-horizontal-timeline .events a span{ padding:5px 20px 5px 20px; color:#545454; font-size:14px; font-family: 'Quicksand', sans-serif; background:#FFF;}
.cd-horizontal-timeline .events a:hover span{background:#2db34b; 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:12px; height:9px; background:url('img/arrow-top.png') no-repeat; display:block; 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{background-color: #2db34b; color:#FFF; position:relative;}
.cd-horizontal-timeline .events a.selected::after { background-color: #2db34b; border-color: #FFF;}
.cd-horizontal-timeline .events a.selected i{width:12px; height:10px; background:url('img/arrow-top2.png') no-repeat; display:block; position:absolute; left:0 ; right:0; margin:0 auto; top:-10px;}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #FFF;
}
@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 {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;  z-index: 1;  top: 40%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
  height: 50px;  width: 45px;
  /*border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  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.html) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: -29px;
  /*-webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);*/
  background:url('img/arrow-timeline-left.png') no-repeat #FFF;
  background-position:center center;
}
.cd-timeline-navigation a.prev:hover {  background:url('img/arrow-timeline-left2.png') no-repeat #2db34b;  background-position:center center;}
.cd-timeline-navigation a.next {  right: 0; background:url('img/arrow-timeline-right.png') no-repeat #fff;  background-position:center center;}
.cd-timeline-navigation a.next:hover {  right: 0;  background:url('img/arrow-timeline-right2.png') no-repeat #2db34b;  background-position:center center;}
.no-touch .cd-timeline-navigation a:hover {
  background-color:#2db34b;
}
.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:175px;  
}
.cd-horizontal-timeline .events-content li .bg-event-timeline{width:86%; height:175px; 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{margin: 0 auto; color:#545454;  font-size:14px; font-family: 'Quicksand', sans-serif;  border:1px solid #c5c5c5; text-align:left; position:absolute; z-index:2; width:86%; border:none; height:175px; overflow-y:scroll; padding: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-weight: bold;
  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:120px;}
.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;padding-left:12px; 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;}

/* Reponsive */
@media screen and (min-width:320px) and (max-width:1800px){	
}
@media screen and (min-width:320px) and (max-width:1760px){	
}
@media screen and (min-width:320px) and (max-width:1300px){	

}
@media screen and (min-width:320px) and (max-width:1199px){	
	 	
 .navigation{width:100%;}
 .container{padding-left: 0px;padding-right: 0px;width:100%;}
 #partners-home .owl-stage-outer{padding-right:10px;}
 #slider .caption .caption-content .des{width:1100px;}
 .slide-client .item { width: 85%;}  
 
 .home-project-list .item ul li img{width:380px;}
 .home-news .detail-news .cols-left{width:50%;} 
 .home-news .detail-news .cols-left .img{width:100%;}
 .home-news .detail-news .cols-left .img img{width:100%;}
 .home-news .detail-news .content-row .content-right{width:79%;}
 .home-news .detail-news .cols-right{width:49%;} 
 .home-news .detail-news .cols-right ul li{overflow:hidden;} 
 .home-news .detail-news .cols-right .img img{width:100%;} 
 .slide-achievement .achie-main{width:370px;}
 .home-offices .slide-office{width:98%;}
 .home-offices .slide-office .owl-stage-outer {width:1000px;}
 .home-offices .bg-active{margin-left:90px;}
 /* Mobile */
 #menuTop{display:none;}
 .menu-mobile-effect{display:block;}
 .menu-mobile, .navbar-toggle{display:block;}
 .mobile-menu-container ul li>span{color:#2db34b; font-weight:normal; }
 .mobile-menu-container ul li>a{color:#141414;}
 .mobile-menu-container ul li>a:hover,.mobile-menu-container ul li>span:hover{color:#2db34b;}
 .mobile-menu-container ul li.active>a{color:#2db34b;}
 .mobile-menu-container ul li.current-menu-item>a,.mobile-menu-container ul li.current-menu-item>span{color:#fff} 
 .menu-mobile-effect.navbar-toggle{float:right;display:inline-block;cursor:pointer;z-index:1;vertical-align:middle;width:30px;height:28px;padding:0;position:absolute;top:40%;right:15px;margin:0;margin-top:-5px; margin-right:15px;}
 .menu-mobile-effect.navbar-toggle span.icon-bar{width:30px;border-radius:0;position:absolute;left:0;right:0;margin:0 auto;top:6px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
 .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(2){top:13px}
 .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(3){top:20px}
 .mobile-menu-open .menu-mobile-effect.navbar-toggle span.icon-bar{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:13px}
 .mobile-menu-open .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(2){-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
 .mobile-menu-open .menu-mobile-effect.navbar-toggle span.icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:13px}

  .wrapper-container{position:relative;overflow:hidden}
  .wrapper-container.mobile-menu-open{overflow:hidden;height:100vh !important;margin-top:0 !important}
  body.admin-bar .wrapper-container.mobile-menu-open{height:calc(100vh - 46px) !important;height:-webkit-calc(100vh - 46px) !important;height:-moz-calc(100vh - 46px) !important}
  .content-pusher{right:0;position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;height:100%}
  .content-pusher:after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,.2);content:'';-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s;z-index:9}
  .wrapper-container.mobile-menu-open .content-pusher{transform:translate(-250px,0) !important;-webkit-transform:translate(-250px,0) !important;-moz-transform:translate(-250px,0) !important;-ms-transform:translate(-250px,0) !important;-o-transform:translate(-250px,0) !important}
  .wrapper-container.mobile-menu-open .content-pusher:after{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
  .wrapper-container.mobile-menu-open .mobile-effect.mobile-menu-container{visibility:visible;box-shadow:0 1px 5px -2px rgba(42,42,42,.4)}
  .mobile-menu-container{background-color:#FFF !important;right:0;position:absolute;transform:translate(100%,0);-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);visibility:hidden;top:0;z-index:99999;width:300px;height:100%;overflow:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;width:100%;display:block;}
  .mobile-menu-container>.nav{margin-top:30px;padding-left:5px;padding-right:5px}
  .mobile-menu-container ul{float:none;display:block; width:98%;}
  .mobile-menu-container ul.sub-menu{background-image:none !important;margin-top:0;margin-bottom:0;overflow:hidden;display:none}
  .mobile-menu-container ul.sub-menu li ul{display:block}
  .mobile-menu-container ul li{float:none;display:block; border-bottom: 1px #d5d5d5 solid;}
  .mobile-menu-container ul li.current-menu-parent ul.sub-menu{display:block}
  .mobile-menu-container ul li.disable_link{margin-left:20px}
  .mobile-menu-container ul li .icon-toggle{position:absolute;/*right:0;*/width:40px;height:40px;line-height:20px;top:0; left:200px;}
  .mobile-menu-container ul li .icon-toggle:before,.mobile-menu-container ul li .icon-toggle:after{}
  .mobile-menu-container ul li .icon-toggle .fa{line-height:30px;vertical-align:middle}
  .mobile-menu-container ul li a{display:block;outline:0;-webkit-transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s; font-family: 'Quicksand', sans-serif; font-size:.9em;text-transform:uppercase;font-family: 'Quicksand', sans-serif;font-weight: 600;

text-transform: uppercase;}
  .mobile-menu-container ul li a:hover,.mobile-menu-container ul li a :focus{background:0 0}
  .mobile-menu-container .submenu{display:none;}
  .menu-mobile-effect span, .mobile-menu-container .navbar-nav .sub-menu:before, .mobile-menu-container .navbar-nav .sub-menu li:before { background-color: #777;}
  .site-header.affix .menu-mobile-effect.navbar-toggle span.icon-bar{background-color:#2db34b ;} 
  
  /*========================================*/
  .mobile-menu-container .searchLang{padding-left:10px;float:left;width: 100%;padding: 15px}
  .mobile-menu-container .searchLang .downlang{display:inline; padding:0; margin-left:10px;}
  .mobile-menu-container .searchLang ul{display:none;}
  
  .home-offices .slide-office .owl-stage-outer{width:90%;}
  .home-offices .bg-active .img, .home-offices .bg-active{width:200px;} 
  .site-header .sticky-logo{margin-left:10px;} 
  /* Page */
   .news-list ul li{width:42%;height:432px; border:1px solid #bababa; float:left; margin-right:34px; margin-bottom:50px; background-color:#f0f0f0;margin-left:18px;}
   

  .news-list ul li:nth-child(4n){margin-right:0;}
  .news-list ul li .img{height:280px; overflow:hidden;}
  .project-list ul li{width:33%;height:auto !important; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c;}
  .project-list ul li .infor .title{height:75px; overflow:hidden; }
  .project-list ul li .img{ overflow:hidden; position:relative;}
  .project-view .project-more  ul li{width:33%;height:323px; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c;}
  .project-view .project-more  ul li .infor .title{height:75px; overflow:hidden; }
  .project-view .project-more  ul li .img{ overflow:hidden; position:relative;}
  .about-intro .home-about .preview{padding-left:50px; padding-bottom:0px;}
	
}
@media screen and (min-width:320px) and (max-width:1159px){ 
img{height: auto !important;}
 .home-news .detail-news .content-row .content-left{width:20%;}
 .home-news .detail-news .content-row .content-right{width:80%;}
 .home-offices .bg-active{margin-left:80px;}
 #masthead .navigation{padding-left:5px; padding-right:5px;}
 .home-project .pj-list{width:45%;} 
 .project-view .project-content .infor .preview .cols-right ul li{height:auto;}
}
@media screen and (min-width:320px) and (max-width:1024px){	
.doitac .content_dt {
   
    width: 25%;
}
.doitac .mix{background-color:transparent;}
.text_duan{display:block}
.news-list ul li .infor{ min-height:200px; height:auto !important; height:200px;}

 #slider .caption .caption-content .des{width:900px;} 
 .home-offices .bg-active{margin-left:30px;} 
 .home-project-list{height:765px;}
 .home-project-list .item ul li:hover .overlay{padding-top:10%;}
 .home-project-list .item ul li:hover .overlay span{width:90%;}
 .home-offices .bg-active .img, .home-offices .bg-active{width:270px;}
 .project-list ul li .infor .title{font-size:14px; color:#FFF; font-family: 'Quicksand', sans-serif; text-transform:uppercase;padding:19px 19px 5px 5px; height:auto; overflow:hidden; }
 .about-intro .about-history .list-preview ul li .icon{margin-left:43px;}
 .about-intro .about-history .list-preview ul li .content{padding:0px 23px 0px 23px}
}
@media screen and (min-width:320px) and (max-width:970px){	

 #slider .owl-controls{height: 30px;}
 .home-project-list .item ul li{width:32%;}
 .home-project .pj-other{padding-right:0px;}
 .home-contact .cinfo .detail{padding-left:10px;}
 .home-contact .cinfo:last-child{padding-right:10px;}
 .home-offices .preview{width:98%;}
 .home-about .preview{width:98%;}
  /* Page */
  .news-list ul li{width:44%;height:432px; border:1px solid #bababa; float:left; margin-right:34px; margin-bottom:50px; background-color:#f0f0f0;margin-left:18px;}
  .news-list ul li:nth-child(4n){margin-right:0;}
  .news-list ul li .img{height:200px; overflow:hidden;}
  .articles-more ul li .infor{padding:0px 10px 10px 10px; color:#474747; font-family: 'Quicksand', sans-serif; }
	.about-intro .about-team .item {margin-bottom: 10px;}
	.about-intro .about-team {height: auto;background-repeat:repeat-y;padding-bottom: 20px;}
	.about-intro .about-team .list-team {padding: 15px;}
	.home-offices .bg-footer{bottom: 0;}
}
@media screen and (min-width:220px) and (max-width:899px){

 .home-project-list{height:700px;}
 .home-news .detail-news .cols-left .img{height:200px;}
 .home-news .detail-news .content-row .content-right h3{font-size:18px;margin-top:0;}
 .home-news .detail-news .content-row .content-left{width:19%;margin-top:0;}
 .home-news .detail-news .content-row .content-left .day{font-size:28px; width:69px;}
 .home-news .detail-news .content-row .content-left .date{font-size:14px; width:69px;}
 .home-news .detail-news .cols-right ul li h3{font-size:14px;}
 .slide-achievement .achie-main{width:270px;} 
  /* Page */
  .news-list ul li{width:42%;height:432px; border:1px solid #bababa; float:left; margin-right:34px; margin-bottom:50px; background-color:#f0f0f0;margin-left:18px;}
  .news-list ul li:nth-child(4n){margin-right:0;}
  .news-list ul li .img{height:180px; overflow:hidden;} 
  .news-view .view-content{width: 100%;} 
  .news-view .articles-more{width: 100%;}  
  .news-view .articles-more ul li{width:45.5%;}  
  .project-view h1{width:90%;}
  .about-intro .about-history .list-preview ul li .icon{margin-left:33px;}
	
}
@media screen and (min-width:220px) and (max-width:860px){
	.news-list ul li .infor{ min-height:210px; height:auto !important; height:210px;}
	
	#slider .caption .caption-content .des{width: 500px;height: 50px;margin:0;}
 .project-view .project-more ul li .infor .title{height:85px; width:98%; padding-right:5px;}
 .project-view .project-more  ul li{height:300px;}
 
 .row1 .human-content .human-detail{height:432px; overflow:hidden;}
 .row1 .human-content .human-detail .preview{height:240px; overflow-y: scroll;overflow-x: hidden;padding-right: 10px}
 .row2 .human-content .human-detail{height:369px; overflow:hidden;}
 .row2 .human-content .human-detail .preview{height:240px; overflow-y: scroll;overflow-x: hidden;padding-right: 10px}
 .row3 .human-content .human-detail{height:568px; overflow:hidden;}
 .row3 .human-content .human-detail .preview{height:425px; overflow-y: scroll;overflow-x: hidden;padding-right: 10px}
 .row4 .human-content .human-detail{height:588px; overflow:hidden;}
 .row4 .human-content .human-detail .preview{height:430px; overflow-y: scroll;overflow-x: hidden;padding-right: 10px}
 .row5 .human-content .human-detail{height:365px; overflow:hidden;}
 .row5 .human-content .human-detail .preview{height:240px; overflow-y: scroll;overflow-x: hidden;padding-right: 10px}
 .about-intro .about-history .list-preview ul li .content{padding:0px 5px 0px 5px; height:290px;}
}
@media screen and (min-width:220px) and (max-width:800px){
	
 .slide-client .owl-item{height:120px;}
 .home-news .detail-news .cols-right ul li h3{font-size:14px; height:100px;}
 .home-project{height:auto;}
 .home-project { background: none; background-color:#f4f4f4;}
 .home-project .pj-list{width:98%;}
 .home-project .pj-other{width:50%;}
 .home-project .pj-share{margin-left:0px;width:50%;}
 .home-project .pj-share .menu-footer{margin-top:20px;margin-left:0px;}
 .home-project .pj-share .share-social{margin-left:0px;}
 .contact-infor .cols-right .formInfor{padding:28px 15px 37px 15px;background-color:#f6f6f6;}
 .cd-horizontal-timeline .events-content li{margin-left:50px; width:95%;}
 .cd-horizontal-timeline .events-content li .content{padding-right:10px;}
	.about-intro .about-team .item{width: 48%;margin-right: 1%; margin-left: 1%;}
	.about-intro .about-team .item .title{width: 100%}
	.about-intro .about-team .item .img{width: 100%}
	.about-intro .home-about{padding-bottom:30px;}
		
}
@media screen and (min-width:220px) and (max-width:785px){
	
  .news-view .articles-more ul li{width:44%;}  
  .project-list ul li{width:48%;height:323px; float:left; margin-right:1%; margin-left: 1%;margin-bottom:2px; background-color:#6c6c6c;}
  .project-list ul li:nth-child(3n){margin-right:2px;}
  .about-intro .about-history .list-preview ul li{width:50%;}
  .about-intro .about-history .list-preview ul li .icon{margin:0 auto;}
  .about-intro .about-history .list-preview ul li .content{padding:0px 10px 0px 10px; height:270px;}
}
@media screen and (min-width:220px) and (max-width:768px){

 #masthead.affix-top{position:fixed;}
 #slider .item .page-nag{width:75%;}
 .home-contact .cinfo:last-child .form-content{width:100%;}
 .home-contact .cinfo:last-child .form-content input[type="text"]{width:80%;}
 .project-view .project-content .infor .preview .cols-left{text-align:center;}
 .human-row .bg-row .col-sm-6{display:none;}
 .human-row .bg-row .parallax{display:block;}
}
@media screen and (min-width:220px) and (max-width:750px){
 .home-news{height:auto;}
 .home-news .detail-news .cols-right ul li h3{height:100px;}
 .home-news .detail-news .cols-left{width:98%}
 .home-news .detail-news .cols-left .content-row{padding-top:5px;}
 .home-news .detail-news .cols-right{width:98%;padding-bottom:80px;}
 .home-news .detail-news .cols-right ul li:first-child{padding-left:0px;}
 .home-news .detail-news .cols-right ul li .img{width:98%;}
 .home-news .detail-news .content-row .content-left .day{width:90%; font-size:18px;}
 .home-news .detail-news .content-row .content-left .date{width:90%; font-size:18px;} 
 .home-contact{height:inherit;}
 footer#colophon .copyright-area .cols-right{text-align:left;}
 .home-project .pj-list,.home-project .pj-other, .home-project .pj-share{clear:both;margin-top:10px;}
 .home-project .pj-other, .home-project .pj-share{float:left; clear:none;}
 .contact-infor .cols-right .formInfor{margin-bottom:20px;}
 /* Page */
 .news-list ul li{height:452px;} 
 .row5 .human-content .human-detail{height:400px;}
	.home-offices .bg-footer{bottom: 0;}
}
@media screen and (min-width:220px) and (max-width:667px){
	.tnsm{display:block !important;}
	.tnsm1{display:none !important}
	#slider .caption .caption-content .des .content{padding:0;}
 	#slider .caption .caption-content .des{width: 300px;height: 150px;margin:0;}
	#slide-show .bg-blacktrans {z-index: 1;}
	.home-offices .bg-footer{bottom: -22px;}
	
 #slider .item{ height: 400px; position: relative;}
 .home-project-list{height:950px;}
 .home-project-list .item ul li{width:48%;}
 .home-project-list .item ul li:nth-child(4){margin-left:12px;}
 .home-project-list .item ul li:nth-child(2n+1){margin-left:0px;} 
 .home-event .event-content .preview{width:98%;}
 .home-project-list .item ul li:hover .overlay span{padding:5px;font-size:14px;}
 .home-offices{}
 .home-offices .preview{ margin-bottom:20px;}
 /* Page */
 .news-list ul{display:inline-block; margin:0 auto; left:0; right:0;} 
 .news-list ul li{width:48%; margin-left:1%;margin-right: 1%;} 
 .news-list .view-more{width:80%;} 
 .news-category{position:relative;}
 .news-page .news-category div.category-sub .item{width:160px;}
 .category-sub .owl-stage-outer{width:96%;}
 .category-sub .owl-controls{position:absolute; width:100%; top:7px;}
 .category-sub .owl-controls .owl-dots{display:none !important;}
 .category-sub .owl-controls .owl-nav {}
 .category-sub .owl-controls .owl-nav .owl-prev{float:left;left:0px; position:absolute; background-color:transparent; font-size:18px; color:#666;}
 .category-sub .owl-controls .owl-nav .owl-next{float:right;right:0px; position:absolute; background-color:transparent; font-size:18px; color:#666;} 
 .project-view .project-more ul{margin-left:4%;}
 .project-view .project-more ul li{width:90%;height:423px; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c;}
 .project-view .group-tabs {position:relative;}
 .project-view .group-tabs .nav-tabs{width:90% !important;}
 .project-view .group-tabs .nav-tabs li.active a span{height:15px;}
 .project-view .group-tabs .nav-tabs .owl-controls{position:absolute; width:100%; top:-10px;}
 .project-view .group-tabs .nav-tabs .owl-controls .owl-dots{display:none !important;}
 .project-view .group-tabs .nav-tabs .owl-controls .owl-nav .owl-prev{float:left;left:-30px; position:absolute; background-color:transparent; font-size:18px; color:#666;}
 .project-view .group-tabs .nav-tabs .owl-controls .owl-nav .owl-next{float:right;right:-30px; position:absolute; background-color:transparent; font-size:18px; color:#666;}
 .cd-horizontal-timeline .events-content li{margin:0px;}
 .cd-horizontal-timeline .events-content li .bg-event-timeline{width:98%;}
 .cd-horizontal-timeline .events-content li .content{width:98%;}
}
@media screen and (min-width:220px) and (max-width:640px){
	
 .tab-category .nav-tabs li{display:none;}
 .tab-category .nav-tabs li.active{display:block;} 
 .intro-team .list-team ul{margin-left:0px;}
	.about-intro .about-team .item{width: 98%;margin-right: 1%; margin-left: 1%;}
	.about-intro .about-team .item .img{width: 100%;}
	.about-intro .about-team .item .title{width:100%;}
}
@media screen and (min-width:220px) and (max-width:600px){
	.doitac .content_dt{float:left;width:50%;}
	
	
	 .news-list ul li .img{height:200px; overflow:hidden;} 
	.news-page .news-category1{padding-top:5px;}
	.news-page .news-category1 .item{padding:10px;}
	.news-category1 .item{padding:10px}
  .home-project-list{height:900px;}	
  .news-view .articles-more ul li{width: 100%;} 
  .news-view .articles-more ul li .img{height:182px;}
  .project-list ul li{width:90%;height:423px; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c;}
	.home-offices .slide-office{}
	.about-intro .about-action .about-timeline .container .intro{text-align: justify; padding-top :20px;}
	.cd-horizontal-timeline .events-content li{height: 80px;}
	.cd-horizontal-timeline .events-content li .content{height: 90px;}
	.cd-horizontal-timeline .timeline{margin: 0 8%;}
	.cd-horizontal-timeline .events-content{margin: 2em .5em;}
	.home-about .preview{text-align:justify;}
	.home-offices .preview{text-align:justify; }
}
@media screen and (min-width:220px) and (max-width:599px){	
 /* Page */
 .home-event .event-content .circle{width:450px;height:450px;}
 .home-event .event-content{width:98%;}
 .home-event .event-content .circle img{width:60%;}
 .home-project .pj-other, .home-project .pj-share{float:none; clear:both; width:98%;margin-top:40px;padding-top:10px;}
 .home-project .pj-share{margin-top:10px;padding-bottom:20px;}
 .home-project .pj-share .share-social{margin-top:40px;margin-bottom:20px;}
 .home-offices .slide-office .item{margin-left:25%;}
 .project-list ul{margin-left:25px;}
 .list-team .owl-carousel .owl-item .item{margin-left:25%;}
 .about-intro .about-team .slide-team .owl-controls .owl-nav .owl-prev{left:-10px;}
}
@media screen and (min-width:220px) and (max-width:500px){
	

 .home-project-list{height:800px;}
 .slide-achievement .achie-left .owl-controls, .slide-achievement .achie-right .owl-controls{display:none;}
 .home-news .detail-news .cols-right ul li .img{height:158px;}
 .home-offices .slide-office .item{margin-left:20%;}
 .news-page .news-category ul li a{display:none;}
 .news-page .news-category ul li.active a{display:block;}
 .project-list ul li{width:90%;height:360px; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c;}
 .project-view .project-more ul li{height:360px;}
 .project-view h1{width:98%; font-size:28px;}
 .project-view .project-content .infor .preview .cols-right{margin-left:0px; text-align:left;margin-top:10px;}
 .project-view .project-content .infor .preview .cols-right ul{margin-left:0px;}
 .project-view .project-more h3{width:98%;} 
 .human-row .human-content .human-detail{width:90%;padding-right:25px;}
 .human-row .human-content h3.title a { font-size:18px; line-height:20px; }
  .human-row .human-content h3.title{line-height:20px; }
 .ctnRight .human-detail{padding-left:25px !important;}
 .ctnRight .human-content h3.title a { font-size:18px;line-height:20px; }
 .ctnRight .human-content h3.title{ font-size:18px;line-height:20px; }
 .about-intro .about-history .list-preview ul li{width:98%;margin-top:20px;}
 .about-intro .about-history .list-preview ul li .content{border-right:none; height:inherit;}
	.home-offices .bg-footer{bottom: -22px;}
}
@media screen and (min-width:220px) and (max-width:460px){
		.news-page .news-category1 .item{float:none; padding:5px;}
		 .home-news .detail-news .cols-right ul li h3{height:auto !important;}
		 .home-news .detail-news .cols-left .img{height:auto !important; margin-bottom:10px;}
		 .home-news .detail-news .cols-left .content-row{margin-bottom:50px;}
		 .home-news .detail-news .cols-right ul li{margin-bottom:50px !important}
		 .home-news .detail-news .cols-right ul li h3{margin-top:5px !important; margin-bottom:0px !important}
	.news-list ul li {
   
  
    height: auto !important;
 
   
    min-height: auto !important;
 
}

.news-list ul li .infor{ min-height:auto !important; height:auto !important;}

 .home-project-list{height:750px;}
 #slide-show .bg-blacktrans{margin-top:80px;height:320px;z-index: 0;}
 .home-news .detail-news .cols-left .img{height:180px;}
 .home-news .detail-news .cols-right{margin-top:10px;}
 .home-news .detail-news .content-row .content-left .date{font-size:12px;}
 .home-news .detail-news .cols-right ul li .img{height:138px;}
 .slide-achievement .achie-main{width:200px;}
 .slide-achievement .achie-main .note{font-size:11px; width:98%;}
 .project-list ul{margin-left: 0px;}
 .project-list ul li{width:98%;height:360px; float:left; margin-right:2px; margin-bottom:2px; background-color:#6c6c6c;} 
 .list-team .owl-carousel .owl-item .item{margin-left:20%;}
	.home-offices .bg-footer{bottom: -22px;}
}

@media screen and (min-width:220px) and (max-width:460px){ .news-list ul li{width:90%; margin-left:5%;} }


@media screen and (min-width:220px) and (max-width:399px){
	.home-offices .bg-footer{bottom: 0;}
 .home-project-list{height:720px;}
 .home-news .group-tabs div{margin-right:5px;}
 .home-event .event-content .circle{width:350px;height:350px;top:-100px; padding-top:90px;}	
 .home-news .detail-news .cols-right ul li{width:98%; padding-left:0px; margin-top:10px;}
 .home-project .pj-list,.home-project .pj-other, .home-project .pj-share{width:98%; clear:both;margin-top:10px;}
 .home-project .pj-share .share-social{margin-top:40px;margin-bottom:20px;}
 .home-project .pj-list .list li{width:100%; float:none;}
 .home-project .container{padding-bottom:20px;}
 .home-offices{}
 .home-offices .preview{}
 .home-offices .bg-active .img, .home-offices .bg-active{width:210px;}
 .slide-achievement .achie-main{width:150px;}
 .slide-achievement .achie-main img{width:98%;}
 .home-offices .slide-office .item{margin-left:60px;}
  /* Page */
 .news-list ul li{width:90%; margin-left:5%;} 
 .news-list .view-more{width:90%;}
 .articles-more ul li{height:350px;}
 .project-list ul li{width:98%;height:340px;} 
 .project-view .project-more ul li{height:340px;}
 .project-list .view-more{width:98%;}
}
@media screen and (min-width:220px) and (max-width:375px){
 .home-offices .slide-office .item{margin-left:39px;}
 .project-view .project-more ul li{height:300px;}
 .list-team .owl-carousel .owl-item .item{margin-left:15%;}
}
@media screen and (min-width:220px) and (max-width:360px){
 .home-offices .slide-office .item{margin-left:40px;}
}
@media screen and (min-width:220px) and (max-width:340px){
 .project-list ul li{width:98%;height:320px;} 
 .list-team .owl-carousel .owl-item .item{margin-left:10%;}
}
@media screen and (min-width:220px) and (max-width:320px){

 .home-project-list{height:660px;}
 #slider .caption .caption-content .des{width:270px !important; padding:0px; margin:0px;}	 
 #slider .caption .caption-content .des .content{padding:0px;}	
 #slider .item{ height: 325px; position: relative; background-size:cover;}
 #slide-show{margin-top:80px;} 
 #slide-show .owl-controls{height:34px; width:100%;} 
 #slide-show .bg-blacktrans{margin-top:0px;height: 100%;}
 .home-event .event-content .circle{width:300px;height:300px;top:-100px; padding-top:90px;}	
 .home-news .detail-news .content-row .content-left{display:none;}
 .home-news .detail-news .content-row .content-right{width:98%;}
 .home-news .detail-news .cols-left .img{height:140px;}
 .home-offices .slide-office .item{margin-left:20px;}
 .row2 .human-content .human-detail{height:380px; overflow:hidden;}
 .list-team .owl-carousel .owl-item .item{margin-left:7%;}
}