/**

 * Table of Contents:

 *

 * 1.0 - Reset

 * 2.0 - Common Format

 * 3.0 - Header

 * 4.0 - Pages...

 * 5.0 - Footer

 * ----------------------------------------------------------------------------

 */

/**

 * 1.0 Reset

 *

 * Modified from Normalize.css to provide cross-browser consistency and a smart

 * default styling of HTML elements.

 *

 * @see http://git.io/normalize

 * ----------------------------------------------------------------------------

 */



* {outline:none;}

article,

aside,

details,

figcaption,

figure,

footer,

header,

nav,

section,

summary {

    display: block;

}

audio,

canvas,

video {

    display: inline-block;

}

audio:not([controls]) {

    display: none;

    height: 0;

}

[hidden] {

    display: none;

}

html {

    font-size: 100%;

    overflow-y: scroll;

    -webkit-text-size-adjust: none;

    -ms-text-size-adjust: none;

}

html,

button,

input,

select,

textarea {

    font-family: 'Open Sans', sans-serif;

}

a{

    text-decoration: none;

}

a:focus {}

a:active,

a:hover {

    text-decoration: none;

    outline: 0;

}

address {

    font-style: italic;

    margin: 0 0 24px;

}

abbr[title] {

    border-bottom: 1px dotted;

}

b,

strong {

    font-weight: bold;

}

dfn {

    font-style: italic;

}

mark {

    background: #ff0;

    color: #000;

}

p {

    margin: 0 0 18px;

    background:url("../images/bg-blank.png") repeat scroll left top transparent;

}

code,

kbd,

pre,

samp {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    -webkit-hyphens: none;

    -moz-hyphens:    none;

    -ms-hyphens:     none;

    hyphens:         none;

}

pre {

    color: #666;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    margin: 20px 0;

    overflow: auto;

    padding: 20px;

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

}

blockquote,

q {

    -webkit-hyphens: none;

    -moz-hyphens:    none;

    -ms-hyphens:     none;

    hyphens:         none;

    quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

    content: "";

    content: none;

}

blockquote {

    font-size: 18px;

    font-style: italic;

    font-weight: 300;

    margin: 24px 40px;

}

blockquote blockquote {

    margin-right: 0;

}

blockquote cite,

blockquote small {

    font-size: 14px;

    font-weight: normal;

    text-transform: uppercase;

}

blockquote em,

blockquote i {

    font-style: normal;

    font-weight: 300;

}

blockquote strong,

blockquote b {

    font-weight: 400;

}

small {

    font-size: smaller;

}

sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sup {

    top: -0.5em;

}

sub {

    bottom: -0.25em;

}

dl {

    margin: 0 20px;

}

dt {

    font-weight: bold;

}

dd {

    margin: 0 0 20px;

}

menu,

ol,

ul {

    margin: 16px 0;

    padding: 0 0 0 40px;

}

ul {

    list-style-type: square;

}

ul.menu-main,

ol.menu-main {

    list-style: none;

    list-style-image: none;

}

li > ul,

li > ol {

    margin: 0;

}

img {

    -ms-interpolation-mode: bicubic;

    border: 0;

    vertical-align: middle;

}

svg:not(:root) {

    overflow: hidden;

}

figure {

    margin: 0;

}

form {

    margin: 0;

}

fieldset {

    /*border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;*/

}

legend {

    border: 0;

    padding: 0;

    white-space: normal;

}

button,

input,

select,

textarea {

    font-size: 100%;

    margin: 0;

    max-width: 100%;

    vertical-align: baseline;

}

button,

input {

    line-height: normal;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}

button[disabled],

input[disabled] {

    cursor: default;

}

input[type="checkbox"],

input[type="radio"] {

    padding: 0;

}

input[type="search"] {

    -webkit-appearance: textfield;

    padding-right: 2px; /* Don't cut off the webkit search cancel button */

    width: 270px;

}

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

textarea {

    overflow: auto;

    vertical-align: top;

}

table {

    /* border-collapse: collapse;

    border-spacing: 0; */

    font-size: 14px;

    

    width: 100%;

}

caption,

th,

td {

    /* font-weight: normal;

    text-align: left; */

}

caption {

    font-size: 16px;

    margin: 20px 0;

}

th {

    /* font-weight: bold;

    text-transform: uppercase; */

}

td {

/*  padding: 6px 10px 6px 0; */

}

del {

    color: #333;

}

ins {

    background: #fff9c0;

    text-decoration: none;

}

hr {

    

    background:#e1e1e1;

    border: 0;

    height: 1px;

    margin: 0 0 18px;

}

.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

/**

 * 2.0 COMMON FORMAT

 */

/*_Media*/

    .media {margin:10px}.media,.bd {overflow:hidden;_overflow:visible;zoom:1}

    .media .img {float:left;margin-right:10px}

    .media .img img{dis play:block}

    .media .imgr {float:right;margin-left:10px}

/*_Float*/

    .listh {overflow:hidden}

    .right,.colr {float:right}

    .left,.col,.col1,.col2,.col3,.col4,.listh li {float:left}

/*_Inner*/

    .noborder{border:0 !important}

    input[type='submit'],input[type='button']{cursor:pointer}

    strong{font-weight:bold !important}

    .italic{font-style:italic !important}

    .uppercase{text-transform:uppercase}

    .text-center{text-align:center}

    .rounded{position:relative; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

/**

 * 3.0 Repeatable Patterns

 */

/**

 * 4.0 Basic Structure

 */

body {background: #fff !important;color: #222222; font-weight: 400;

line-height: 1.3em; font-size: 13px;}

.clear {clear: both;}

.relative {position:relative;}

.absolute {position:absolute;}

.alignright {

    display: inline;

    float: right;

    margin-left: 1.625em;

}

.alignleft {

    display: inline;

    float: left;

    margin-right: 1.625em;

}

.aligncenter {

    display: block;    

    margin-left: auto;

    margin-right: auto;

}

.thumb img{

    width: 100% !important;

    height: auto !important;

}

.visible-phone{

    display: none;

}

#top{

    background: url(../images/bg_top.jpg) top left;

    color: #fff;

    font-weight: 600;

    overflow: hidden;

}

.item-top{

    float: left;    

    padding-right: 130px;  

    position: relative;

    padding-bottom: 10px;

}

.item-top span{

    display: inline-block;

    height: 100%;    

    height: 23px;

    padding-right: 15px;

    margin-right: 30px;

    padding-top: 8px;

    padding-bottom: 8px;

    position: relative;

    top: 6px;



}

.item-top span:after{

    position: absolute;

    width: 1px;

    background: #fff;

    right: -15px;

    top: -15px;

    bottom: -15px;

    content: "";

}

.item-top#icon-address span{

    background: url(../images/icon_location.png) center left no-repeat;

    width: 23px;

}

.item-top#icon-email span{

    background: url(../images/icon_email.png) center left no-repeat; 

    width: 27px;

}

.item-top#icon-phone span{   

    background: url(../images/icon_phone.png) center left no-repeat;

    width: 24px;

}

.item-top#icon-phone{

    padding-right: 0;

}

header{

    background-image: url(../images/bg_brick.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    padding: 30px 0 0;

}

#banner{

    text-align: center;

    padding-top: 38px;

}
#slideshow.flexslider {
    margin: 0 0 0px;
    background: #fff;
    border: 0px solid #fff;
    position: relative;
    border-radius: 0px;   
    box-shadow: none;
    zoom: 1;
    height: 600px;
    overflow: hidden;
}
#slideshow.flexslider li{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#slideshow.flexslider li img{
    opacity: 0;
}
#slideshow.flexslider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 9999;
}
#slideshow.flexslider .flex-control-paging li a{
    background: url(../images/nav_slide.png) -30px 0  no-repeat;
    width: 25px;
    height: 25px;   
    border-radius: 0px;
    box-shadow: none;
}
#slideshow.flexslider .flex-control-paging li a.flex-active{
    background-position: 0px 0px;
}
#slideshow .tp-bullets.simplebullets.round .bullet{

    background: url(../images/nav_slide.png) -30px 0  no-repeat;

    width: 25px;

    height: 25px;

    margin: 0 5px;

}

#slideshow .tp-bullets.simplebullets .bullet:hover,#slideshow .tp-bullets.simplebullets .bullet.selected{

    background-position: 0px 0px;

}

nav{

    background: #16b6ea;

    margin-top: 30px;

}

#menu-main-menu{

    margin: 0;

    padding: 0;

}

#menu-main-menu li{

    float: left;

    list-style: none;

}

#menu-main-menu li a{

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    outline: none;

    display: block;

    padding: 15px 30px;

    transition: all 0.3s ease 0s;

}

#menu-main-menu li a:hover,#menu-main-menu li.current-menu-item a{

    color: #16b6ea;

    background: #fff;

    text-decoration: none;

}

#wrap-services-home{

    margin: 50px 0;

}

#wrap-services-home .col-md-6 .inner{

    margin-left: -15px;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    height: 300px;

    position: relative;

    z-index: 10;

}

#wrap-services-home .col-md-6:last-child .bg-blue{

    left: auto;

    right: 0;

}

#wrap-services-home .col-md-6:last-child .bg-blue:before{

    border-top: 10px solid #16b6ea;

    border-left: 10px solid transparent;

    border-right: 10px solid #16b6ea;

    border-bottom: 10px solid transparent;

    left: -50%;

    right: auto;

}



#wrap-services-home .col-md-6 .bg-blue:before{

    position: absolute;

    content: "";

    top: 0px;

    bottom: 0px;

    right: -50%;  

    z-index: 1;

    width: 50%;

    border-top: 10px solid #16b6ea;

    border-left: 10px solid #16b6ea;

    border-right: 10px solid transparent;

    border-bottom: 10px solid transparent;

   

}

#wrap-services-home .col-md-6 .bg-blue{

    position: absolute;

    content: "";

    top: -10px;

    bottom: -10px;

    width: 40%;

    left: 0;    

    z-index: 1;

    background: #16b6ea;

    transition:all 1s ease 0s;

}

#wrap-services-home .col-md-6:hover .bg-blue{

    width: 60%;

}



#wrap-services-home .col-md-6:last-child .inner{

    margin-left: 0;

    margin-right: -15px;

}

#wrap-services-home .col-md-6 .inner img{

    opacity: 0;

    display: none;

}

#wrap-services-home .col-md-6 .inner a{

    display: block;

    outline: none;

    height: 300px;

}

#wrap-services-home .col-md-6 h2{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    background: url(../images/pattern-askew-gray.png) top left rgba(142,185,222,0.7);

    text-align: center;

    margin: 0;

    padding: 15px 0;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    color: #fff;

    transition:all 0.3s ease 0s;

}

#wrap-services-home .col-md-6:hover h2{

    color: #222;

}

.item-carousel-project{

    width: 259px;

    margin:0 15px;

    float: left;

}

.item-carousel-project a{

    display: block;

    outline: none;

    border: 2px solid #fff;

    position: relative;

}

.item-carousel-project a h2{

    position: absolute;

    background: rgba(22,182,234,0.5);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    margin:0;

    padding: 0 30px;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    transition:all 0.3s ease 0s;

}

.item-carousel-project a:hover h2{

    background: rgba(22,182,234,0);

}

.item-carousel-project a h2:before{

    content: "";

    vertical-align: middle;

    display: inline-block;

    height: 100%;    

}

.item-carousel-project a h2 span:before{

    content: "";

    vertical-align: middle;

    display: inline-block;

    height: 100%;   

}

#wrap-projects-home{

    background-image: url(../images/bg_project_home.jpg);

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 30px 0;

}

#wrap-projects-home h3{

    font-size: 30px;

    color: #fff;

    font-weight: 700;

    margin: 0 0 30px;

    padding: 0;

    text-align: center;

    position: relative;

}

#wrap-projects-home h3 span{

    position: relative;

}

@-webkit-keyframes LEFT-TITLE {

    0%   { left: -50px; opacity: 0.3; }

    50%   { left: -30px; opacity: 1; }

    100% { left: -20px; opacity: 0; }

}

@-moz-keyframes LEFT-TITLE {

    0%   { left: -50px; opacity: 0.3; }

    50%   { left: -30px; opacity: 1; }

    100% { left: -20px; opacity: 0; }

}

@-o-keyframes LEFT-TITLE {

    0%   { left: -50px; opacity: 0.3; }

    50%   { left: -30px; opacity: 1; }

    100% { left: -20px; opacity: 0; }

}

@keyframes LEFT-TITLE {

    0%   { left: -50px; opacity: 0.3; }

    50%   { left: -30px; opacity: 1; }

    100% { left: -20px; opacity: 0; }

}

#wrap-projects-home .span-title{

    position: absolute;

    height: 44px;

    width: 13px;

    left: -50px;

    top: 50%;

    margin-top: -22px;

}

#wrap-projects-home .left-title{

    -webkit-animation: LEFT-TITLE 1s infinite; /* Safari 4+ */

    -moz-animation:    LEFT-TITLE 1s infinite; /* Fx 5+ */

    -o-animation:      LEFT-TITLE 1s infinite; /* Opera 12+ */

    animation:         LEFT-TITLE 1s infinite; /* IE 10+, Fx 29+ */

    background: url(../images/left_title_project.png) 0 0 no-repeat;

}

@-webkit-keyframes RIGHT-TITLE {

    0%   { right: -50px; opacity: 0.3; }

    50%   { right: -30px; opacity: 1; }

    100% { right: -20px; opacity: 0; }

}

@-moz-keyframes RIGHT-TITLE {

    0%   { right: -50px; opacity: 0.3; }

    50%   { right: -30px; opacity: 1; }

    100% { right: -20px; opacity: 0; }

}

@-o-keyframes RIGHT-TITLE {

    0%   { right: -50px; opacity: 0.3; }

    50%   { right: -30px; opacity: 1; }

    100% { right: -20px; opacity: 0; }

}

@keyframes RIGHT-TITLE {

    0%   { right: -50px; opacity: 0.3; }

    50%   { right: -30px; opacity: 1; }

    100% { right: -20px; opacity: 0; }

}

#wrap-projects-home .right-title{

    -webkit-animation: RIGHT-TITLE 1s infinite; /* Safari 4+ */

    -moz-animation:    RIGHT-TITLE 1s infinite; /* Fx 5+ */

    -o-animation:      RIGHT-TITLE 1s infinite; /* Opera 12+ */

    animation:         RIGHT-TITLE 1s infinite; /* IE 10+, Fx 29+ */

    background: url(../images/right_title_project.png) 0 0 no-repeat;

    right: -50px;

    left: auto;

}

.nav-carousel{

    position: absolute;

    left: -50px;

    top: 50%;

    color: #fff;

    font-size: 80px;

    font-weight: bold;

    margin-top: -40px;

    transition: all 0.3s ease 0s;

    z-index: 100;

}

.nav-carousel:hover{

    color: #16b6ea;

}

.nav-carousel#next-home{

    left: auto;

    right: -50px;

}

.list-carousel{

    position: relative;

}

#wrap-block-home{

    margin: 50px 0 0;

}

.item-block-home{

    width: 33.3333%;

    float: left;

    background: #16b6ea;

    color: #fff;

    transition:all 0.3s ease 0s;

}

.item-block-home a{

    color: #fff;

    display: block;

    outline: none;

}

.item-block-home .excerpt{

    padding: 0 30px;

}

.item-block-home .content-block{

    position: relative;

}

.item-block-home .icon{

    width: 90px;

    height: 90px;

    border-radius: 90px;    

    position: absolute;   

    left: 50%;

    margin-top: -45px;

    margin-left: -45px;

    border: 1px solid #16b6ea;    

    line-height: 60px;

    text-align: center;

    z-index: 1;

    transition:all 0.3s ease 0s;

}

.item-block-home .icon span{

    display: block;

    width: 84px;

    height: 84px;

    border-radius: 84px;

    background: #16b6ea;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -42px;

    margin-left: -42px;

    z-index: 10;

    transition:all 0.3s ease 0s;

}

.item-block-home#item-block-home-2{

    background: #0971b2;

}

.item-block-home:hover .thumb img{

    opacity: 0.8

}

.item-block-home#item-block-home-2:hover,.item-block-home:hover{

    background: #222;

}

.item-block-home#item-block-home-2:hover .icon,.item-block-home:hover .icon{

    border: 1px solid #222;    

}

.item-block-home#item-block-home-2 .icon{

    border: 1px solid #0971b2;    

}

.item-block-home#item-block-home-2 .icon span{

    background: #0971b2;

}

.item-block-home:hover .icon span,.item-block-home#item-block-home-2:hover .icon span{

    background: #222;

}

.item-block-home h2{

    text-transform: uppercase;

    font-size: 25px;

    color: #fff;

    font-weight: 700;

    margin: 0;

    padding: 0 0 20px;

    text-align: center;

}

.item-block-home .wrap-title{

    position: relative;

    z-index: 100;

    padding-top: 30px;

}

footer{

    margin: 50px 0 0;

    background: #16b6ea;

    position: relative;

    padding: 20px 0;

    text-align: center;

    color: #fff;

}

footer:before{

    content: "";

    position: absolute;

    top: -6px;

    height: 2px;

    background: #16b6ea;

    left: 0;

    right: 0;

}

.menu-footer{

    margin: 0;

    padding: 0;

    text-align: center;

}

footer a{

    color: #fff;

}

.menu-footer li{

    list-style: none;

    display: inline-block;

    padding: 0 20px;

}

.menu-footer li a{

    color: #fff;

    text-transform: uppercase;

}

.menu-footer li.current-menu-item a,.menu-footer li a:hover{

    color: #222;

}

#copyright{

    margin: 10px 0 0;

    font-style: italic;

}

#copyright a:hover{

    text-decoration: underline;

    color: #222;

}

#left-content .title-block{

    position: relative;

    font-size: 26px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    padding: 0 0 0 20px;

    background: url(../images/right-title-left-content.png) top right no-repeat;

    height: 54px;

    line-height: 54px;

    margin: 0 0 20px;

}

#left-content .title-block:after{

    position: absolute;

    content: "";

    top: 0;

    bottom: 0;

    left: 0;

    right: 35px;

    background: url(../images/left-title-left-content.png) top left repeat-x;

    z-index: 1;

}

#left-content .title-block span{

    display: block;

    position: relative;

    z-index: 10;

}

#left-content ul{

    margin: 0 0 40px;

    padding: 0;

}

#left-content ul#list-categories li{

    list-style-image: url(../images/list-left.png);    

    padding: 0;

    position: relative;

    margin: 0 0 0 15px;

}
#left-content ul#list-categories li ul{
    margin: 0;
    padding: 0;
    display: none;
}
#left-content ul#list-categories li.active ul{
    display: block;
}
#left-content ul#list-categories li ul li{
    list-style: disc !important;
}
#left-content ul#list-categories li ul li:after{
    display: none;
}
#left-content ul#list-categories li:hover,#left-content ul#list-categories li.active{

    list-style-image: url(../images/list-left-active.png);      

}

#left-content ul#list-categories li:after{

    position: absolute;

    content: "";

    bottom: 0px;

    height: 1px;

    background: #00446f;

    width: 100%;

    left: -15px;

}

#left-content ul#list-categories li a{

    text-transform: uppercase;

    outline: none;

    display: block;

    padding: 10px 0;

    color: #0971b2;

    font-size: 14px;

    font-weight: 600;

}

#left-content ul#list-categories li a:hover,#left-content ul#list-categories li.active > a,#left-content ul#list-categories li ul li.active a,#left-content ul#list-categories li ul li a:hover{

    color: #16b6ea;

}

#left-content ul#list-news-left{

    margin: 30px 0 0;

}

#list-news-left li{

    list-style: none;

    margin: 0 0 15px;

    padding: 0;

}

#list-news-left li h2{

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    color: #00446f;

    transition:all 0.3s ease 0s;

    padding: 8px 0 0;

    margin: 0;

}

#list-news-left li:hover h2{

    color: #222;

}

#list-news-left li:hover img{

    opacity: 0.8;

}

.banner-page{

    background-image: url(../images/banner-page.jpg);

    background-position: top center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 200px;

    position: relative;

    text-align: center;

    overflow: hidden;

}

.banner-page:before{

    content: "";

    vertical-align: middle;

    height: 100%;

    display: inline-block;

}

.banner-page h1:before,.banner-page h2:before{

    content: "";

    vertical-align: middle;

    height: 100%;   

    display: inline-block;

}

.banner-page h1,.banner-page h2{

    text-transform: uppercase;

    color: #fff;

    font-size: 50px;

    font-weight: 700;

    margin: 0;

    padding: 0;

    display: inline;

}

.breadcrumbs{

    padding: 15px 0;

    font-style: italic;

}

.breadcrumbs span.sepa_bread{

    padding: 0 10px;

}

.item-product h2{

    font-size: 16px;

    font-weight: 600;

    margin: 0 0 30px;

    padding: 10px 0 0;

    color: #16b6ea;

    text-transform: uppercase;

    line-height: 130%;

}

.item-product .thumb{

    position: relative;

}

.item-product .thumb:hover span{

    transform: scale(1);

}

.item-product .thumb span{

    position: absolute;

    background: rgba(9,113,178,0.7);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    text-align: center;

    transition:all 0.3s ease 0s;

    transform: scale(0);

}

.item-product .thumb span:before{

    content: "";

    display: inline-block;   

    height: 100%;

    vertical-align: middle;

}

.item-product .thumb span i:before{   

    display: inline-block;    

    height: 100%; 

    vertical-align: middle;

}

.item-product .thumb span i{

    color: #fff;

    font-size: 40px;

}

.item-isotope .thumb{

    position: relative;

}

.item-isotope .thumb:hover span{

    transform: scale(1);

    background: rgba(9,113,178,0.1);

}



.item-isotope .thumb span{

    position: absolute;

    background: rgba(9,113,178,0.4);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    text-align: center;

    transition:all 0.3s ease 0s;   

}

.item-isotope .thumb span:before{

    content: "";

    display: inline-block;   

    height: 100%;

    vertical-align: middle;

}

.item-isotope .thumb span i:before{

    content: "";  

    display: inline-block;    

    height: 100%; 

    vertical-align: middle;

}

.item-isotope .thumb span i{

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    font-style: normal;

    color: #fff;

}

.item-isotope{

    margin-bottom: 30px;

}

.custom-pagi{

    text-align: center;

    margin-top: 20px;

    font-size: 20px;

}

.item-list h2{

    font-size: 16px;

    font-weight: 600;

    margin: 0;

    padding: 10px 0 10px;

    line-height: 130%;

    text-transform: uppercase;

}

.item-list .excerpt{

    margin-bottom: 30px;

}

.thumb-center{

    text-align: center;

    margin-bottom: 30px;

}

h1.title-page{

    font-size: 26px;

    text-transform: uppercase;

    line-height: 130%;

    color: #16b6ea;

    font-weight: 600;

    margin:10px 0 0;

    padding: 0 0 30px;

}

h3.title-other{

    font-size: 26px;

    color: #222;

    margin:30px 0 30px;

    padding: 0 0 10px;

    font-weight: 600;

    text-transform: uppercase;

    border-bottom: 3px double #222;

}

.list-other h2{

    font-size: 15px;

    text-transform: uppercase;

    color: #16b6ea;

    font-weight: 600;

    margin: 10px 0 30px;

    padding: 0;

}

.list-other a:hover{

    opacity: 0.7;

}

#wrap-gallery{

    margin-bottom: 30px;

}

.item-gallery{

    width: 25%;

    float: left;

}

.item-gallery .thumb{

    position: relative;

}

.item-gallery .thumb a{

    display: block;

}

.item-gallery .thumb span{

    position: absolute;

    top:0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(9,113,178,0.5);

    transition: all 0.3s ease 0s;

    transform: scale(0);

    text-align: center;

    color: #fff;

    font-size: 30px;

}

.item-gallery .thumb span:before{

    content:"";

    vertical-align: middle;

    height: 100%;

    display: inline-block;

}

.item-gallery .thumb:hover span{

    transform: scale(1);

}

.item-gallery .thumb span i:before{

    vertical-align: middle;

    height: 100%;

    display: inline-block;

}



.wrap-form{



    overflow: hidden;



}



.wrap-form .row-form{



    margin: 0 0 10px;



}



.wrap-form .row-form label{



    text-transform: uppercase;



    font-weight: 700;



    display: block;



    margin-bottom: 8px;



}



.wrap-form .row-form .input-form input[type="text"],.wrap-form .row-form .input-form input[type="email"],.wrap-form .row-form .input-form textarea{



    border: 2px solid #16b6ea;



    padding: 8px 10px;



    font-size: 14px;



    font-family: 'Open Sans',sans-serif;



    width: 100%;



}



.wrap-form .row-form input[type="submit"]{



    background: #ccc;



    border: 2px solid #16b6ea;



    color: #fff;



    text-transform: uppercase;



    font-weight: 700;



    padding: 8px 30px;



    transition:all 0.3s ease-in-out 0s;



}



.wrap-form .row-form input[type="submit"]:hover{



    background: #16b6ea;



}
#fixed-bar{
	position: fixed;
	left: 0;
	right:0;
	bottom: 0;
	background: rgba(234, 22, 22, 0.9);
	z-index: 999;	
	text-align: center;
}
#fixed-bar a{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 20px 15px 20px 55px;
	border-right: 2px solid #fff;
}
#fixed-bar a.phone{
	background: url(../images/phone-icon.png) 15px center no-repeat;
}
#fixed-bar a.face{
	background: url(../images/fb-icon.png) 15px center no-repeat;
}
#fixed-bar a.zalo{
	background: url(../images/zalo-icon.png) 15px center no-repeat;
}
#fixed-bar span:last-child a{
	border:none;
}
#fixed-bar a i{
	font-size: 20px;
}