/***************************************



  License: ---

  License URI: ----



  Tags: two-columns, responsive-layout , custom-background, threaded-comments, translation-ready, custom-menu



***************************************/



::-webkit-scrollbar {

  width: 9px;

  border-radius: 4px;

}

::-webkit-scrollbar-track {

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

}

::-webkit-scrollbar-thumb {

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

}

::-webkit-scrollbar-thumb:window-inactive {

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

}



html {

    -webkit-transition: background-color 1s;

    transition: background-color 1s;

}

html, body {

    min-height: 100%;

}

html.loading {

    background: #333 url('images/loading.gif') no-repeat 50% 50%;

    -webkit-transition: background-color 0;

    transition: background-color 0;

}

body {

    -webkit-transition: opacity 1s ease-in;

    transition: opacity 1s ease-in;

}

html.loading body {

    /* Make the contents of the body opaque during loading */

    opacity: 0;



    /* Ensures that the transition only runs in one direction */

    -webkit-transition: opacity 0;

    transition: opacity 0;

}

html, body {

  height: 100%;

  font-family: "Arial","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;

  font-size: 14px;

  color: #666;

  line-height: 1.5em;

}

h1, h2, h3, h4, h5 {

  font-family: "Arial","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;

  font-weight: 300;

  color: inherit;

}

a {

  color: #555;

}

blockquote {

  border-left: 1px solid rgba(255,255,255,.5);

  margin: 0 0 1.25em 1.2em;

  font-family: 'Arial', Georgia, 'Times New Roman', Times, serif;

  font-style: italic;

}

blockquote,

blockquote p {

  color: #555;

  font-size: 14px;

  line-height: 1.6;

  text-align: left;

}

blockquote p {

  padding-bottom: 8px;

  font-size: 1.2em;

}

figure {

  margin: 0;

  position: relative;

}

input[type="text"],

input[type="password"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="month"],

input[type="week"],

input[type="email"],

input[type="number"],

input[type="search"],

input[type="tel"],

input[type="time"],

input[type="url"],

textarea {

  padding: 5px 10px;

}



label {

  font-size: 1em;

}

button.secondary, .button.secondary {

  background-color: #888;

  background-color: rgba(0, 0, 0, 0.15);

  border: medium none;

  border-radius: 0 0;

  color: #FFF;

}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {

  background-color: #666;

  color: #FFF;

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

}

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



.clearfix {

  display: inline-block;

}



html[xmlns] .clearfix {

  display: block;

}



* html .clearfix {

  height: 1%;

}

.p-all-0 {

  padding: 0 !important;

}

.p-t-10 {

  padding-top: 10px;

}

.p-all-20 {

  padding: 5px !important;

}

.p-l-0 {

  padding-left: 0;

}

.alignright {

  text-align: right;

}

.alignleft {

  text-align: left;

}

.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



a img.alignright {

    float:right;

    margin:5px 0 20px 20px

}



a img.alignnone {

    margin:5px 20px 20px 0

}



a img.alignleft {

    float:left;

    margin:5px 20px 20px 0

}



a img.aligncenter {

    display:block;

    margin-left:auto;

    margin-right:auto

}





.wp-caption {

  max-width: 100%;

  padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

  font-style: italic;

  font-size: 12px;

  font-size: 0.857142857rem;

  line-height: 2;

  color: #757575;

}

.fa-2{font-size:2em}

.fa-3{font-size:4em}

.fa-4{font-size:7em}

.fa-5{font-size:12em}

.fa-6{font-size:20em}













.subheader {

  line-height: 1.4;

  color: #6f6f6f;

  font-weight: 300;

  margin-top: 0.2rem;

  margin-bottom: 0.5rem;

}



hr {

  border: solid #dddddd;

  border-width: 1px 0 0;

  clear: both;

  margin: 1.25rem 0 1.1875rem;

  height: 0;

}



/* Helpful Typography Defaults */

em,

i {

  font-style: italic;

  line-height: inherit;

}



strong,

b {

  font-weight: bold;

  line-height: inherit;

}



small {

  font-size: 60%;

  line-height: inherit;

}

code {

  color: #59160D;

  font-size: 0.964em;

  font-family: Consolas,"Liberation Mono",Courier,monospace;

  font-weight: normal;

}



/* Lists */

ul,

ol,

dl {

  font-size: 1rem;

  line-height: 1.6;

  margin-bottom: 1.25rem;

  list-style-position: outside;

  font-family: inherit;

}



ul {

  margin-left: 1.1rem;

}

ul.no-bullet {

  margin-left: 0;

}

ul.no-bullet li ul,

ul.no-bullet li ol {

  margin-left: 1.25rem;

  margin-bottom: 0;

  list-style: none;

}



/* Unordered Lists */

ul li ul,

ul li ol {

  margin-left: 1.25rem;

  margin-bottom: 0;

  font-size: 1rem;

  /* Override nested font-size change */

}

ul.square li ul, ul.circle li ul, ul.disc li ul {

  list-style: inherit;

}

ul.square {

  list-style-type: square;

  margin-left: 1.1rem;

}

ul.circle {

  list-style-type: circle;

  margin-left: 1.1rem;

}

ul.disc {

  list-style-type: disc;

  margin-left: 1.1rem;

}

ul.no-bullet {

  list-style: none;

}



/* Ordered Lists */

ol {

  margin-left: 1.4rem;

}

ol li ul,

ol li ol {

  margin-left: 1.25rem;

  margin-bottom: 0;

}



/* Definition Lists */

dl dt {

  margin-bottom: 0.3rem;

  font-weight: bold;

}

dl dd {

  margin-bottom: 0.75rem;

}



/* Abbreviations */

abbr,

acronym {

  text-transform: uppercase;

  font-size: 90%;

  color: #444444;

  border-bottom: 1px dotted #dddddd;

  cursor: help;

}



abbr {

  text-transform: none;

}



/* Blockquotes */

blockquote {

  margin: 0 0 1.25rem;

  padding: 0.5625rem 1.25rem 0 1.1875rem;

  border-left: 1px solid #dddddd;

}

blockquote cite {

  display: block;

  font-size: 0.8125rem;

  color: #555555;

}

blockquote cite:before {

  content: "\2014 \0020";

}

blockquote cite a,

blockquote cite a:visited {

  color: #555555;

}



blockquote,

blockquote p {

  line-height: 1.6;

  color: #6f6f6f;

}



/* Microformats */

.vcard {

  display: inline-block;

  margin: 0 0 1.25rem 0;

  border: 1px solid #dddddd;

  padding: 0.625rem 0.75rem;

}

.vcard li {

  margin: 0;

  display: block;

}

.vcard .fn {

  font-weight: bold;

  font-size: 0.9375rem;

}



.vevent .summary {

  font-weight: bold;

}

.vevent abbr {

  cursor: default;

  text-decoration: none;

  font-weight: bold;

  border: none;

  padding: 0 0.0625rem;

}

/*** tables ***/

table {

  border: 1px solid #DDD;

  border-spacing: 0;

}

table tr th {

  background: none repeat scroll 0 0 #8A8A8A;

  color: #FFFFFF;

  font-size: 0.9em;

  font-weight: 600;

  text-align: center;

  text-transform: uppercase;

}

table tr td {

  border: 1px solid #FFF;

}









button,

.button {

  border: medium none;

  box-shadow: none;

  font-weight: 600;

  padding: 0.7em 1.2em 0.75em;

  text-transform: uppercase;

  transition: all .2s ease;

  cursor: pointer;

}

button:hover,

.button:hover {

  padding-left: 0.75em;

  padding-right: .7em;

}

button.small:hover, button.small:focus,

.button.small:hover, .button.small:focus {

  padding-left: 1.4em;

  padding-right: 1.4em;

}













button,

.button,

.sidebar-right .block-title:after,

#wp-calendar tfoot tr td {

  background: #EE4400;

}

article.type-post .post-title a,

.single-post .post-title,

.post-info a,

article.post.type-post .field-name-field-blog-tags .links > li a,

.sidebar-right ul li.recentcomments a:last-child {

  color: #EE4400;

}



blockquote,

.small-display article.type-post.sticky {

  border-color: #EE4400;

}



button:hover,

.button:hover {

  background: #FF4A02;

}











.sidebar-right .block-title:before {

  background: #F9BB3F;

}





.metro-panel .blog-box.featured  > div {

  background: #FCA325;

}

.featured.blog-box .featured-box-title {

  background: rgba(255, 154, 0, 0.9);

}





/*--------------------- Global internes --------------------*/

.icons-list li {

  list-style: none;

}

.icons-list li i {

  padding-right: 10px;

}



.ajax-progress .throbber {

  background: transparent url(images/loading.gif) no-repeat center;

  float: left;

  height: 20px;

  width: 320px;

  margin: 2px;

}















/*--------------------- Pages internes --------------------*/

body.not-front {

  background: url("images/bg-2.jpg") repeat scroll 0 0 / cover;

}



.site-name-div {

  margin-bottom: 1.5em;

}

.site-name {

  font-size: 3em;

  margin-bottom: 0;

}

.menu-row h2 {

  font-size: 2.75em;

}

.menu-button {

  padding-top: 27px;

}

.menu-button i {

 cursor: pointer;

}

.back[class^="fa-"] {

  border: 2px solid;

  border-radius: 50% 50% 50% 50%;

  margin: 0 1px;

  padding: 7px 9px;

  text-shadow: 0 0 0;

  transition: all .25s ease;

}

.back:hover {

 padding: 7px 10px 8px 10px;

 margin: 0;

}

.go-back .back {

  float: left;

  margin-top: 26px;

  margin-left: -50px;

  cursor: pointer;

}

.l-header {

  padding: 20px 1.2em 10px

}

.top-bar-section ul,

.top-bar-section li a:not(.button)  {

  background: none

}

.top-bar {

  background: rgba(255,255,255,.2);

}





.vertical-menu {

  color: #FFF;

  height: 100%;

  top: 0;

  right:0;

  width: 240px;

  z-index: 1000;

  transition: all 0.3s ease 0s;

  width: 332px;

  background: none repeat scroll 0 0 #1F0068;

  position: fixed;

  padding: 0;

  overflow: auto;

  overflow-x: hidden;

}

.vertical-menu.close {

  right:-332px;

}

.vertical-menu.close.on-hover-show {

  right:-327px;

}



.in-left.vertical-menu {

  left:0;

  right:auto;

}

.in-left.vertical-menu.close {

  left:-332px;

}

.in-left.vertical-menu.close.on-hover-show {

  left:-327px;

}



.vertical-menu h3 {

  padding: 40px 0 20px 0;

}

.vertical-menu .showMenu {

  border: medium none;

  padding: 10px 3px 2px 6px;

  position: absolute;

  right: 4px;

  top: 15px;

  cursor: pointer;

  z-index: 9;

}

.vertical-menu .remove {

  background: no-repeat url(images/close.gif);

  padding: 0 11px;

}

.vertical-menu .menu-list,

.vertical-menu .menu-list ul {

  margin-top: 10px;

  list-style: none;

}

.vertical-menu label {

  color: inherit;

}

.vertical-menu a {

  padding: 10px 38px;

  color: #FFFFFF;

  display: block;

  font-size: 1.1em;

  font-weight: 300;

}

.vertical-menu .menu-list a:hover,

.vertical-menu .menu-list a.active {

  background: #4718B6;

}

.vertical-menu .menu-list li i {

  display: inline-block;

  min-width: 28px;

  width: 41px;

  margin-right: 11px;

  text-align: center;

  background: #AC193D;

  padding: 11px;

  box-shadow: 0px 0px 2px rgba(255,255,255, .3) inset;

}

.vertical-menu form .container-inline {

  position: relative;

  margin: 0 26px 0 38px;

}

.vertical-menu form button.form-submit,

.sidebar-right .searchform .form-submit,

.not-found .searchform .form-submit {

  height: 33px;

  position: absolute;

  right: 0;

  width: 36px;

  background: #4718B6 url(images/search.png) no-repeat 4px 5px;

  text-indent: -9999%;

  border: 0;

  box-shadow: 0 0 0;

}

.vertical-menu form .form-text {

  background: #FFF;

  box-shadow: none;

  color: #222;

  height: 2.7125em;

}

.vertical-menu li {

  position: relative;

}

.vertical-menu li ul,

.vertical-menu li ul li ul {

  background: #AC193D;

  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);

  display: none;

  left: 100px;

  padding: 0;

  position: absolute;

  top: 0;

  width: 215px;

  margin: 0;

  list-style: none;

  z-index: 99;

}

.vertical-menu li ul li ul {

  background: #5C193D;

}

.vertical-menu .menu-list > li:hover > ul,

.vertical-menu li ul li:hover ul {

  display: block;

}

.vertical-menu .menu-list > li > ul a:hover,

.vertical-menu li ul li ul a:hover {

  background: rgba(255,255,255,.1);

}

.vertical-menu li ul a {

  padding: 8px 20px;

}



.social-icons, .social-icons li {

  text-align: center;

}

.social-icons li {

  display: inline-block;

  float: none;

  margin-left: 0.5em;

}

.social-icons a {

  min-width: 35px;

  padding: 4px 10px;

}

.social-icons a:hover,

.social-icons a.active {

  background: rgba(0,0,0,.4);

  transition: all .5s ease;

}

.social-icons a:hover {

  border-radius: 50%;

}



/*------------------------- Home page ---------------------*/

.row.metro-panel {

  margin-top: 10px;

  margin-bottom: 50px;

}

.metro-panel .space {

  padding: 10px;

  color: #FFF;

  -webkit-animation-duration: 1.9s;

  -moz-animation-duration: 1.9s;

  animation-duration: 1.9s;

  display: table-cell;

  vertical-align: bottom;

}

.metro-panel .space.twitter-feed-box div {

  padding-top: 0;

}

.metro-panel .space a {

  color: #FFF;

}

.metro-panel .space > div {

  padding: 10px 10px 15px 15px;

  min-height: 150px;

  text-align: center;

  position: relative;

  overflow: hidden;

}

.metro-panel .space.big > div {

  min-height: 320px;

  max-height: 320px;

}

.metro-panel .space > div:hover {

  box-shadow: 0 0 1px #FFF;

}

.metro-panel .space.big.work-box > div {

  background: #EE4444;

  padding-bottom: 0;

}







.metro-panel .space:hover i.icon-4x {

  transition: all .2s ease-in;

}

.metro-panel .space:hover i.icon-4x[class^="icon-"],

.metro-panel .space:hover i.icon-4x  {

  font-size: 5em;

  line-height: 67px;

}

.metro-panel .space div a.goto {

  display: block;

  height: 100%;

  margin: -10px auto auto -15px;

  position: absolute;

  width: 100%;

}

.box-title,

.featured-box-title,

.featured-title {

  position: absolute;

  bottom: 18px;

  left: 15px;

  font-size: 16px;

  font-weight: 400;

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

}



.edit-box {

  background: #333;

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

  padding: 3px 7px;

  position: absolute;

  right: 1px;

  top: 1px;

  display: none;

}

.space:hover .edit-box {

  display: block;

}





.featured .featured-box-title {

  bottom: 0;

  font-size: 18px;

  left: 0;

  padding: 0 10px 2px;

  text-align: left;

  width: 100%;

  transition: all .3s ease-out;

}

.featured:hover .featured-box-title {

  padding: 10px 10px 60px;

}

.featured .featured-image {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin-top: -45px;

}

.featured .featured-image img {

  transition: all .75s ease-out;

}

.featured:hover .featured-image img {

  transform: scale(1.15);

}

.featured-title {

  top: auto;

  bottom: auto;

  display: none;

  transition: all 2s ease 0.5s;

}

.space:hover .featured-title {

  display: block;

  transition: all 2s ease 0.5s;

}

[class^="icon-"], [class*=" icon-"] {

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

}

.pt-perspective {

	position: relative;

	width: 100%;

	height: 100%;

	-webkit-perspective: 1200px;

	-moz-perspective: 1200px;

	perspective: 1200px;

}

.page-section {

  background-color: #3A9CFF;

  color: #FFF;

	width: 100%;

	height: 100%;

	padding-top: 30px;

	position: absolute;

	top: 0;

	left: 0;

	visibility: hidden;

	overflow: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.page-section-current,

.no-js .page-section {

	visibility: visible;

	z-index: 1;

	overflow: auto;

}

.page-sub-title {

  margin: 18px 0 30px;

}

.page-sub-title,

.page-sub-title p {

  font-size: 22px;

  font-weight: 300;

  line-height: 32px;

}

.no-js body {

	overflow: auto;

}

.pt-page-ontop {

	z-index: 999;

}





/*--------------------------------- Latest Tweests ---------------------------------------*/

.wd-tweets{

  padding-left: 20px

}.wd-tweets li {

  text-align: left;

  list-style: none;

}



.blog-page .large-block-grid-3 > li {

  margin-bottom: 15px;

}

.blog-page article {

  border-top: 3px solid #F2B33B;

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

  position: relative;

}

.blog-page .article > a {

  display: block;

  overflow: hidden;

  text-align: center;

}

.blog-page .article img {

  transition: all .5s cubic-bezier(1.000, -0.410, 0.840, 1.015) 0s;

}

.blog-page .article img:hover {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}

.blog-page .article .user-picture img:hover {

  transform: none;

}

.blog-page article .user-picture {

  border-radius: 50%;

  overflow: hidden;

  left: 7px;

  position: absolute;

  top: 122px;

  border: 1px solid rgb(255, 255, 255);

}

.blog-page article h2 {

  line-height: .8em;

  margin: 0 0 15px;

}

.blog-page article h2 a {

  font-size: 24px;

  font-weight: 300;

}

.blog-page article .post-body {

  padding: 5px 15px 1px;

  font-size: 15px;

}

a.read_more {

  color: white;

  display: block;

  height: 25px;

  line-height: 25px;

  margin-bottom: 15px;

  padding-left: 15px;

  text-decoration: none;

  text-align: right;

}



.space .testimonials li {

  list-style: none;

}

.space .testimonials blockquote,

.space .testimonials blockquote p {

  border: none;

  color: inherit;

  padding: 0;

  margin: 0;

}

.space .testimonials blockquote cite {

  color: #DDD;

  text-align: right;

}

/*--------------------------------- Next Events ---------------------------------------*/

.rslides.events li {

  width: 100%;

  padding-top: 15px;

}

.events_title {

  float: left;

  font-size: 1.2em;

  font-weight: 300;

  line-height: 1.3em;

  max-width: 220px;

  text-align: left;

  max-width: 190px;

}

.events_day {

  float: right;

  font-size: 3.5em;

  line-height: 0.9em;

  margin: 0;

  padding-right: 10px;

}

.events_day span {

  font-size: .4em;

  display: block;

}





/*------------------------------------- Sidebar ---------------------------------------*/

#secondary .widget {

  margin-bottom: 1.5em;

  width: 100%;

}

.sidebar-right .block-title:before {

  width: 45px;

  height: 1px;

  display: block;

  position: absolute;

  top: -1px;

  left: 0;

  border-style: dotted;

  border-width: 0;

  content: "";

}

.sidebar-right .block-title:after {

  width: 30px;

  height: 1px;

  display: block;

  position: absolute;

  top: -1px;

  left: 0;

  border-style: solid;

  border-width: 0;

  content: "";

}

.sidebar-right .block-title {

  border-top: 1px solid #eee;

  font-size: 1.6em;

  font-weight: 100;

  margin-top: 35px;

  padding-left: 10px;

  padding-top: 10px;

  clear: both;

  position: relative;

}

.sidebar-right .block-title:first-child {

  margin-top: 0;

}

.sidebar-right > ul {

  margin-left: 20px;

}



.sidebar-right .searchform .form-text,

.error404 .searchform .form-text {

  height: 34px;

}



.sidebar-right .searchform .form-text:focus {

 box-shadow: 0 0 2px #FFF;

}

.sidebar-right .searchform label,

.not-found .searchform label {

  display: none;

}

.sidebar-right .searchform .form-submit {

  right: 15px;

}

.sidebar-right .searchform .form-submit {

  background-color: #6738c6;

}











.tagcloud a {

  line-height: 20px;

  padding: 2px;

}

.sidebar-right ul li {

  list-style: none;

}

.sidebar-right ul li a:before {

  content: "";

  font-family: FontAwesome;

  font-size: 14px;

  left: -8px;

  position: relative;

}

.sidebar-right ul#recentcomments li:before {

  content: "";

  font-family: FontAwesome;

  font-size: 14px;

  left: -8px;

  position: relative;

}

.sidebar-right ul#recentcomments li a:before {

  content: "";

}

















#wp-calendar {

  border: medium none;

  border-spacing: 0;

  margin-top: 40px;

  max-width: 320px;

  position: relative;

  width: 100%;

}

  #wp-calendar tr td {

    border: none;

  }

  #wp-calendar caption {

    font-size: 13px;

    margin-top: -5px;

    padding-bottom: 10px;

    text-align: right;

  }

  #wp-calendar thead {

    background: none;

  }

  #wp-calendar tbody {

    background: #ccc;

  }

    #wp-calendar tbody td {

      width: 14.3%;

      background: #F8F8F8;

    }

    #wp-calendar tbody td + td + td + td + td + td,

    #wp-calendar tbody td:last-child,

    #wp-calendar tbody td:nth-last-child(2),

    #wp-calendar tbody td:nth-last-child(1) {

      background-color: #E6E6E6;

    }



  #wp-calendar tfoot {

    position: absolute;

    top: -13px;

  }

  #wp-calendar .pad {

    border: 0 none;

    padding: 0;

    width: 0;

  }

    #wp-calendar tfoot tr td a {

      color: #FFF;

    }



































/*-------------- Blog Page ----------------------*/

.page-title {

  background: none repeat scroll 0% 0% rgb(238, 68, 0);

  color: rgb(255, 255, 255);

  min-height: 65px;

  margin-bottom: 50px;

  padding:0 10px;

}

.page-title > div {

  color: rgb(255, 255, 255);

  padding-top: 25px;

}

.page-title h2 {

  color: #FFF;

}

#breadcrumbs {

  list-style: none;

  margin: 20px 0 10px;

  overflow: hidden;

  float: right;

}



#breadcrumbs li{

  float: left;

  margin-right: 5px;

}

#breadcrumbs,

#breadcrumbs .separator,

#breadcrumbs a {

  color: #FFF;

  color: rgba(255,255,255, .8);

}

#breadcrumbs a:hover {

  color: #fff;

}



.blog-page {

  background-size: cover;

  padding: 10px 0;

}



.blog-page .menu-row {

  padding-bottom: 35px;

}



.node-type-blog .button-group {

  position: absolute;

  right: 19px;

  top: 0px;

  z-index: 99;

}

.node-type-blog .button-group button.secondary,

.node-type-blog .button-group .button.secondary {

  background-color: #2572EB;

  border: none;

  color: #FFFFFF;

}

#event-main,

#tribe-events-content {

  position: relative;

}

.small-display article.type-post,

.search-result > article {

  position: relative;

  margin-bottom: 40px;

  width: 100%;

  padding-bottom: 30px;

  border-bottom: 1px solid #EEE;

}

.small-display article.type-post.sticky {

  border-bottom: 3px solid #EE4400;

  border-left: 1px solid #EE4400;

  background-color: #FDFDFD;

  padding: 5px;

}

.small-display article.type-post.post-password-required {

  border-left: 3px dashed #E00;

}



.small-display article.type-post .node-title,

.small-display article.type-post .body,

.small-display article.type-post .posted,

.small-display article.type-post .links,

.small-display article.type-post .comment-wrapper,

.small-display article.type-post .date,

.small-display article.type-post .field-name-field-blog-tags,



.search-result article .node-title,

.search-result article .body,

.search-result article .posted,

.search-result article .links,

.search-result article .comment-wrapper,

.search-result article .date,

.search-result article .field-name-field-blog-tags {

  padding: 0 0 0 16px;

}

article.type-post .user-picture {

  border: 2px solid rgba(255, 255, 255, 0.4);

  overflow: hidden;

  position: absolute;

  left: 7px;

  top: -98px;

  width: 64px;

}

article.type-post .wp-post-image {

  margin-bottom: 10px;

}

article.type-post .date {

  margin-top: 25px;

  color: #DDD;

  color: rgba(255, 255, 255, 0.6);

}

.small-display .post-info {

  border-bottom: 1px solid #ccc;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  font-size: 0.8em;

  margin: 10px 0 10px 16px;

  padding: 5px;

}

.post-info > span {

  margin: 0 10px 0 0;

  line-height: 1.4em;

}



.small-display .post-info > span i {

  margin-right: 4px;

}

.post-categories,

.post-categories li {

  display: inline;

  margin: 0;

}

article.type-post .post-title,

.search-result article .post-title {

  margin-top: -13px;

  text-align: left;

  word-wrap: break-word;

  position: relative;

  padding: 0 0 0 16px;

}

.single-post article.type-post .post-title {

  margin: 10px 0 5px;

  padding: 0;

}

.single-post .post-info {

  padding: 15px 0 10px;

}

.small-display article.type-post .post-title,

.single-post .post-title,

.search-result article .post-title {

  margin: 0 0 10px;

  font-size: 1.8em;

}

article.type-post .field-name-field-blog-tags h2 {

  font-size: 1em;

  margin-top: 0;

  float: left;

}

article.type-post .field-name-field-blog-tags .links {

  list-style: none outside none;

  margin: 0 0 1.0625em -1.375em;

  overflow: hidden;

  padding: 0;

}

article.type-post .field-name-field-blog-tags .links > li {

  display: block;

  float: left;

  list-style: none outside none;

  margin-left: .8em;

}

article.type-post .field-name-field-blog-tags .links > li a {

  color: #FFFFFF;

}

.node-blog.node-teaser ul.links {

  padding-bottom: 40px;

}

.node-blog.node-teaser ul.links li {

  float: right;

  list-style: none;

}

.node-blog.node-teaser ul.links li.node-readmore {

  background: url(images/plus.png) no-repeat 1px 4px;

  padding-left: 28px;

}

.blog-page .view-blog .more-link {

  text-align: center;

 margin-bottom: 30px;

}

.blog-page .view-blog .more-link a {

 padding: 10px 136px;

 background: #FFF;

 display: inline-block;

 background: rgba(255,255,255,.3);

}

.blog-page .view-blog .more-link a:hover {

 background: rgba(255,255,255,.5);

}



/*-------------- About Page ----------------------*/

.services-divs .small-title {

  margin: 0 0 30px;

}

.services-divs .icon-container {

  background: rgb(255, 255, 255);

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

  border-radius: 50%;

  display: inline-block;

  height: 155px;

  margin: 0 auto;

  padding: 48px 44px;

  width: 155px;

}

.service-div {

  padding: 15px 20px;

  background: rgba(255,255,255,.15);

}

.service-div:hover {

  background: rgba(255,255,255,.3);

}

.services-divs .icon-container.green-bg {

  background: #19D12F;

}

.services-divs .icon-container.pink-bg {

  background: #E01B5D;

}

.services-divs .icon-container.orange-bg {

  background: #FCA325;

}



/*-------------- Portfolio Page ----------------------*/

#project-info {

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

  margin: 20px 0;

  padding: 20px 20px 30px;

  position: relative;

}

#project-info .back {

  cursor: pointer;

  font-size: 24px;

  height: 38px;

  line-height: 19px;

  padding-left: 8px;

  position: absolute;

  right: 16px;

  top: 16px;

  width: 38px;

  z-index: 133;

}

li.portfolio-item {

  padding: 0 17px 25px;

  position: relative;

  cursor: pointer;

}

.portfolio-item-link {

  background: rgba(255, 255, 255, 0.15);

  display: block;

  padding: 1px;

  position: relative;

}

#project-info .article > a:hover {

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

}

.portfolio-item figure {

  margin: 0 0 20px;

  max-height: 235px;

  overflow: hidden;

  position: relative;

}

.portfolio-item figure:before {

  border-top: 190px solid #0055AA;

  content: "";

  display: none;

  opacity: 0.5;

  position: absolute;

  width: 100%;

}

.portfolio-item:hover figure:before {

  display: block;

}



figcaption {

  display: none;

  height: 0;

  overflow: hidden;

  transition: all 0.2s ease 0.5s;

}

.article.portfolio-item:hover figcaption {

  background: none repeat scroll 0 0 #FF0044;

  display: block;

  bottom: 0;

  height: auto;

  position: absolute;

  width: 100%;

  z-index: 5;

}

.portfolio-item-link figcaption h3 {

  font-size: 1.4em;

}



.portfolio-item .plus-icon {

  background: #FFF;

  border-radius: 50%;

  display: none;

  height: 40px;

  left: 45%;

  padding: 11px 12px;

  position: absolute;

  top: 31%;

  width: 40px;

}

.portfolio-item .plus-icon i {

  color: #555;

  font-size: 1.5em;

}





.portfolio-item .item-more {

  position: absolute;

  top: 0;

  height: 100%;

  width: 100%;

  display: block;

  background: #ccc;

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

  opacity: 0;

  text-align: center;

  padding-top: 100px;

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

}

.portfolio-item:hover .item-more {

  opacity: .7;

}



.node.node-project .node-title {

  margin-top: 0;

}

.node.node-project .node-title a {

  color: #FFF;

}

.field-name-field-skills .field-label {

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 1px;

}



/*-------------- Team Page ----------------------*/

.large-block-grid-3 li .team-member-item {

  background: rgba(255, 255, 255, 0.1);

  padding: 15px;

  margin: 0 5px;

}

.large-block-grid-3 li:nth-of-type(3) .team-member-item {

  margin-right: 0;

}

.large-block-grid-3 li:nth-of-type(1) .team-member-item {

  margin-left: 0;

}

.large-block-grid-3 li .team-member-item:hover {

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

}

.team-member-picture {

  max-height: 200px;

  overflow: hidden;

}

.team-member-item h3 {

  margin-bottom: 0;

}

.team-member-item h4 {

  font-size: 1.2em;

  margin-top: 0;

  opacity: 0.8;

}







/*-------------- Contact Page ----------------------*/

.contact-page .form-textarea {

  height: 200px;

}

div.wpcf7 .wpcf7-form input[type="text"],

div.wpcf7 .wpcf7-form input[type="password"],

div.wpcf7 .wpcf7-form input[type="date"],

div.wpcf7 .wpcf7-form input[type="datetime"],

div.wpcf7 .wpcf7-form input[type="datetime-local"],

div.wpcf7 .wpcf7-form input[type="month"],

div.wpcf7 .wpcf7-form input[type="week"],

div.wpcf7 .wpcf7-form input[type="email"],

div.wpcf7 .wpcf7-form input[type="number"],

div.wpcf7 .wpcf7-form input[type="search"],

div.wpcf7 .wpcf7-form input[type="tel"],

div.wpcf7 .wpcf7-form input[type="time"],

div.wpcf7 .wpcf7-form input[type="url"],

div.wpcf7 .wpcf7-form textarea {

  background-color: rgba(255, 255, 255, 0.15);

  border: 1px solid rgba(255, 255, 255, 0.5);

  box-shadow: none;

  color: #FFF;

  height: 3.1em;

  padding: 10px;

  width: 70%;

}

div.wpcf7 .wpcf7-form textarea {

  width: 100%;

}

div.wpcf7 .wpcf7-form input[type="text"]:focus,

div.wpcf7 .wpcf7-form input[type="password"]:focus,

div.wpcf7 .wpcf7-form input[type="date"]:focus,

div.wpcf7 .wpcf7-form input[type="datetime"]:focus,

div.wpcf7 .wpcf7-form input[type="datetime-local"]:focus,

div.wpcf7 .wpcf7-form input[type="month"]:focus,

div.wpcf7 .wpcf7-form input[type="week"]:focus,

div.wpcf7 .wpcf7-form input[type="email"]:focus,

div.wpcf7 .wpcf7-form input[type="number"]:focus,

div.wpcf7 .wpcf7-form input[type="search"]:focus,

div.wpcf7 .wpcf7-form input[type="tel"]:focus,

div.wpcf7 .wpcf7-form input[type="time"]:focus,

div.wpcf7 .wpcf7-form input[type="url"]:focus,

textarea:focus {

  background-color: rgba(255, 255, 255, 0.2);

  border-color: #FFFF00;

  box-shadow: none;

}

.wpcf7-not-valid {

  border-color: #FF0000 !important;

}



/*-------------- Twitter Box ----------------------*/

.metro-panel .space > div {

  padding-bottom: 0;

}

.box-title.anim {

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

  display: block;

  font-size: 18px;

  margin: 0 0 -18px -15px;

  padding: 6px 6px 8px 15px;

  text-align: left;

  width: 100%;

  bottom: -18px;

  transition: all 0.2s cubic-bezier(1.000, -0.410, 0.840, 1.015) 0s;

  z-index: 5;

}

.space:hover .box-title.anim {

 bottom: 18px;

}



/*-------------- Social Box ----------------------*/



/*

.metro-panel .social-box:hover i.icon-4x[class^="icon-"],

.metro-panel .social-box:hover i.icon-4x {

  font-size: 64px;

  line-height: 67px;

}

.social-box .bx-facebook a:hover i.icon-4x[class^="icon-"],

.social-box .bx-facebook a:hover i.icon-4x,

.social-box .bx-twitter a:hover i.icon-4x[class^="icon-"],

.social-box .bx-twitter a:hover i.icon-4x {

  font-size: 80px;

  line-height: 67px;

}*/



/*-------------- comments ----------------------*/

#comments {

  border-top: 1px solid #EEE;

  margin-top: 30px;

}

#comments form#commentform p.form-allowed-tags {

  font-size: 0.8em

  color: #FFF;

}

#comments form#commentform p.form-allowed-tags code {

  color: #FFF;

}

#comments .field-name-comment-body p:last-child {

  margin-bottom: 0;

}

#comments .inline-list > li:first-child {

  margin-left: 0;

}

.comment {

  padding-bottom: 20px;

  list-style: none;

}

.children .comment {

  margin-top: 20px;

  padding-bottom: 0;

}

.comment > article {

  background: #FAFAFF;

}

.comment .comment-photo {

  width: 15%;

}

.comment .comment-text {

  width: 84%;

}

.comment-author {

  display: inline-block;

  line-height: 20px;

  margin-top: 0;

  width: 100%;

}

.comment-author > img {

  float: left;

  margin: 15px;

}

.comment-author .author-meta {

  padding-top: 30px;

}

.comment-author .author-meta .fn {

  font-weight: bold;

}

.comment-date {

  color: rgba(255, 255, 255, 0.6);

  font-size: 0.9em;

  padding-top: 9px;

}

.comment section.comment {

  padding-left: 80px;

}

article.type-post .comment .user-picture {

  border-radius: 50%;

  border-width: 4px;

  float: left;

  height: 92px;

  margin-right: 24px;

  margin-top: 10px;

  position: static;

  text-align: center;

  width: 92px;

}

.comment-form .form-submit {

  display: none;

}



/* =Comments

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

.button input {

  background: none;

  border: none;

  color: #fff;

  font-size: 1em;

  text-transform: uppercase;

  cursor: pointer;

}



.comments-title {

  margin-bottom: 48px;

  margin-bottom: 3.428571429rem;

  font-size: 16px;

  font-size: 1.142857143rem;

  line-height: 1.5;

  font-weight: normal;

}

.comments-area article {

  margin: 24px 0;

  margin: 1.714285714rem 0;

}

.comments-area article header {

  margin: 0 0 48px;

  margin: 0 0 3.428571429rem;

  overflow: hidden;

  position: relative;

}

.comments-area article header img {

  float: left;

  padding: 0;

  line-height: 0;

}

.comments-area article header cite,

.comments-area article header time {

  display: block;

  margin-left: 85px;

  margin-left: 6.071428571rem;

}

.comments-area article header cite {

  font-style: normal;

  font-size: 15px;

  font-size: 1.071428571rem;

  line-height: 1.42857143;

}

.comments-area cite b {

  font-weight: normal;

}

.comments-area article header time {

  line-height: 1.714285714;

  text-decoration: none;

  font-size: 12px;

  font-size: 0.857142857rem;

  color: #5e5e5e;

}

.comments-area article header a {

  text-decoration: none;

  color: #5e5e5e;

}

.comments-area article header a:hover {

  color: #21759b;

}

.comments-area article header cite a {

  color: #444;

}

.comments-area article header cite a:hover {

  text-decoration: underline;

}

.comments-area article header h4 {

  position: absolute;

  top: 0;

  right: 0;

  padding: 6px 12px;

  padding: 0.428571429rem 0.857142857rem;

  font-size: 12px;

  font-size: 0.857142857rem;

  font-weight: normal;

  color: #fff;

  background-color: #0088d0;

  background-repeat: repeat-x;

  background-image: -moz-linear-gradient(top, #009cee, #0088d0);

  background-image: -ms-linear-gradient(top, #009cee, #0088d0);

  background-image: -webkit-linear-gradient(top, #009cee, #0088d0);

  background-image: -o-linear-gradient(top, #009cee, #0088d0);

  background-image: linear-gradient(top, #009cee, #0088d0);

  border-radius: 3px;

  border: 1px solid #007cbd;

}

.comments-area .bypostauthor cite span {

  position: absolute;

  margin-left: 5px;

  margin-left: 0.357142857rem;

  padding: 2px 5px;

  padding: 0.142857143rem 0.357142857rem;

  font-size: 10px;

  font-size: 0.714285714rem;

}

.comments-area .bypostauthor cite b {

  font-weight: bold;

}

a.comment-reply-link,

a.comment-edit-link {

  float: right;

  font-size: 0.928571rem;

  line-height: 1.84615;

  margin: -7px 7px 0 0;

}

a.comment-reply-link:hover,

a.comment-edit-link:hover {

  color: #21759b;

}

.commentlist .pingback {

  line-height: 1.714285714;

  margin-bottom: 24px;

  margin-bottom: 1.714285714rem;

}



/* Comment form */

#respond {

  margin-top: 48px;

  margin-top: 3.428571429rem;

}

#respond h3#reply-title {

  font-size: 16px;

  font-size: 1.142857143rem;

  line-height: 1.5;

}

#respond h3#reply-title #cancel-comment-reply-link {

  margin-left: 10px;

  margin-left: 0.714285714rem;

  font-weight: normal;

  font-size: 12px;

  font-size: 0.857142857rem;

}

#respond form {

  margin: 24px 0;

  margin: 1.714285714rem 0;

}

#respond form p {

  margin: 11px 0;

  margin: 0.785714286rem 0;

}

#respond form p.logged-in-as {

  margin-bottom: 24px;

  margin-bottom: 1.714285714rem;

}

#respond form label {

  display: block;

  line-height: 1.714285714;

}

#respond form input[type="text"],

#respond form textarea {

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 12px;

  font-size: 0.857142857rem;

  line-height: 1.714285714;

  padding: 10px;

  padding: 0.714285714rem;

  width: 100%;

}

#respond form input[type="text"] {

  width: 50%;

}

#respond form p.form-allowed-tags {

  margin: 0;

  font-size: 12px;

  font-size: 0.857142857rem;

  line-height: 2;

  color: #5e5e5e;

}

.required {

  color: red;

}



/****************************************   Contact 7   **************************************/



div.wpcf7 input[type="text"],

div.wpcf7 input[type="password"],

div.wpcf7 input[type="date"],

div.wpcf7 input[type="datetime"],

div.wpcf7 input[type="datetime-local"],

div.wpcf7 input[type="month"],

div.wpcf7 input[type="week"],

div.wpcf7 input[type="email"],

div.wpcf7 input[type="number"],

div.wpcf7 input[type="search"],

div.wpcf7 input[type="tel"],

div.wpcf7 input[type="time"],

div.wpcf7 input[type="url"] {

  width: 50%;

}



div.wpcf7 textarea {

  min-height: 130px;

}







/****************************************   Footer   **************************************/

footer.panel {

  background: rgba(0,0,0,.5);

  border: medium none;

  color: #FFF;

  margin:40px auto 0 auto;

  padding: 12px 20px;

}

footer .copyright {

  font-size: 13px;

}



.sid li {

	list-style: none;

	margin-left:5px;

	margin-top:5px;

	color: #000;

}

.copyright {

  bottom: -30px;

  left: calc(50% - 160px);

  position: absolute;

  text-align: center;

  width: 320px;

  z-index: 99999;

  display: none;

}



/****************************************   404   **************************************/

body.error404 {

  background: #06F;

  color: #FFF;

}

body.error404 a {

  color: #FFF;

}

.error404 {

  padding-top: 20px;

}

.sad-smile {

  font-size: 6em;

  margin: 0;

}

/**************************video ************************/

iframe {

  width: 100%;

  height: 322px;

}



.contact-box a:last-child {

  width: 100%;

  height: 100%;

  display: block;

}



#fixNav{

  width: 90%;

  height: 35px;

  background-color: #FFFFFF;

  display: block;

  

   /*Cho menu cố định 1 vị trí với top và left*/

  top: 0; /*Nằm trên cùng*/

  left: 50%;

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

position:fixed;

  z-index: 100000; /*Hiển thị lớp trên cùng*/

text-align: right;

}

#fixNav ul{

  margin: 0;

  padding: 0;

}

#fixNav ul li{

  list-style:none inside;

  width: auto;

  float: right;

  line-height: 35px; /*Cho text canh giữa menu*/

  color: #fff;

  padding: 0;

  margin-right:10px;

  position: relative;

}

#fixNav ul li a{

  text-transform: uppercase;

  white-space: nowrap; /*Cho chữ trong menu không bị wrap*/

  padding: 0 10px;

  color: #fff;

  display: none;

  font-size: 0.8em;

  text-decoration: none;

}

/*CSS Style cho Submenu*/

#fixNav ul li ul {

  position: absolute;

  width: auto;

  display: block;

  background-color: #252525;

  border-bottom: 3px solid #0082bb;

  padding-left: 5px;

}

 

#fixNav ul li ul li{

  display: block;

  padding:0;

  margin: 0;

  float: none; /*Bỏ float cho li cấp thứ 2*/

}

/* Hover cho submenu */

#fixNav ul li:hover {

  /* Hover thì li sẽ đổi màu*/

  background-color: #f1c40f;

}

#fixNav ul li:hover ul{

  /*Display ra submenu*/

  display: block;

}



#hotliner {position: relative;}

#hotline {

position:absolute; 

top:50%; height:35px; 

right:10px;

margin-top:5px; /* giá trị âm bằng một nửa chiều cao */

}