/* 	::

	:: File 		: theme.css
	:: About 		: Theme layout styles
	:: Version      : 1.4.5

	NOTE!!! Do not edit this file. Use another stylesheet file for changing this or creating new styles. !!!

:: */

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}


/* For modern browsers */

.clear:before,
.clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}

img {
    max-width: 100%;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    background-color: #fff;
    min-width: 320px;
    overflow-x: hidden;
}


/* Medium width*/

body.w970 .container {
    max-width: 970px;
}


/* 	:: ::::::: :: */


/* 	:: Heading :: */


/* 	:: ::::::: :: */

.site {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    color: #2d343e;
    margin: 30px 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

h1,
.h1 {
    font-size: 40px;
    line-height: 44px;
}

h2,
.h2 {
    font-size: 32px;
    line-height: 38px;
}

h3,
.h3 {
    font-size: 24px;
    line-height: 28px;
}

h4,
.h4 {
    font-size: 20px;
    line-height: 24px;
}

h5,
.h5 {
    font-size: 16px;
    line-height: 20px;
}

h6,
.h6 {
    font-size: 13px;
    line-height: 16px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 1;
    font-size: 80%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #2d343e;
}


/* 	:: :::::::::: :: */


/* 	:: Body copy  :: */


/* 	:: :::::::::: :: */

p {
    margin: 30px 0;
}

p:first-child {
    margin-top: 0;
}

strong {
    color: #2d343e;
}

a {
    -webkit-transition: color linear 0.1s, background-color linear 0.1s, opacity linear 0.1s;
    transition: color linear 0.1s, background-color linear 0.1s, opacity linear 0.1s;
}

a:hover,
a:focus {
    outline: none;
    color: #2d343e;
    text-decoration: none;
}



/* Lead */

.lead {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
}


/* Emphasis  */

.muted {
    color: #888;
}

.text-warning {
    color: #ffcc00;
}

.text-error {
    color: #FF3B30;
}

.text-info {
    color: #34aadc;
}

.text-success {
    color: #00B74C;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.excerpt {
    color: #2d343e;
    font-style: italic;
}

.highlight {
    color: #fff;
}


/* 	:: :::::::: :: */


/* 	:: Devider  :: */


/* 	:: :::::::: :: */

hr,
.devider-top:before,
.devider-bottom:after {
    height: 1px;
    border: 0;
    border: none;
    margin: 30px 0;
    display: block;
    content: '';
    height: 1px;
    width: 100%;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(33%, rgba(241, 241, 241, 1)), color-stop(66%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(241, 241, 241, 0)));
    background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
    background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
}

hr.devider-heavy,
.devider-heavy:after,
.devider-heavy:before {
    height: 3px;
}

hr.devider-margin-medium,
.devider-margin-medium.devider-top:before,
.devider-margin-medium.devider-bottom:after {
    margin: 40px 0;
}

hr.devider-margin-big,
.devider-margin-big.devider-top:before,
.devider-margin-big.devider-bottom:after {
    margin: 50px 0;
}

.row+hr,
.row+.devider-top:before,
.row+.devider-bottom:after {
    margin-top: 0;
}

.row+hr.devider-margin-medium,
.row+.devider-margin-medium.devider-top:before,
.row+.devider-margin-medium.devider-bottom:after {
    margin-top: 10px;
}

.row+hr.devider-margin-big,
.row+.devider-margin-big.devider-top:before,
.row+.devider-margin-big.devider-bottom:after {
    margin-top: 20px;
}


/* Inside */

#main-menu ul.dropdown:not(.megamenu-category) hr,
#main-menu ul.dropdown:not(.megamenu-category) .devider-top:before,
#main-menu ul.dropdown:not(.megamenu-category) .devider-bottom:after,
.container-out.container-dark hr,
.container-out.container-image hr,
.container-out.container-dark .devider-top:before,
.container-out.container-image .devider-top:before,
.container-out.container-dark .devider-bottom:after,
.container-out.container-image .devider-bottom:after,
#footer hr,
#footer .devider-top:before,
#footer .devider-bottom:after {
    opacity: 0.1;
}


/* 	:: ::::::::: :: */


/* 	:: Dropcaps  :: */


/* 	:: ::::::::: :: */

.dropcap {
    background: #f9f9f9;
    display: inline-block;
    float: left;
    font-weight: 600;
    font-size: 23px;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    min-width: 36px;
    border: 1px solid #f1f1f1;
}

.dropcap.clean {
    background: transparent;
    font-size: 36px;
    border-color: transparent;
}


/* 	:: :::::::::: :: */


/* 	:: Bockquote  :: */


/* 	:: :::::::::: :: */

blockquote {
    background-color: #f9f9f9;
    position: relative;
    font-style: italic;
    padding: 40px 20px 20px 40px;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 200;
    line-height: 30px;
    border: 1px solid #f1f1f1;
    color: #2d343e;
}

blockquote:before {
    font-size: 42px;
    content: '"';
    position: absolute;
    top: 35px;
    left: 10px;
    font-weight: 200;
}

blockquote p {
    margin-bottom: 0;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote .author {
    text-align: right;
    font-weight: normal;
}


/* 	:: ::::: :: */


/* 	:: List  :: */


/* 	:: ::::: :: */

ul,
ol {
    margin: 30px 0;
    padding: 0;
}

ul>li>ul,
ol>li>ul,
ul>li>ol,
ol>li>ol {
    margin: 15px 0;
}

ul:first-child,
ol:first-child {
    margin-top: 0
}
ol.default>li {
    list-style: none;
    padding: 0 0 0 32px;
    position: relative;
    margin: 5px 0;
}

ul.default>li,
ul.arrow>li,
ul.circle>li,
ul.check>li,
ul.plus>li,
ul.dash>li {
    list-style: none;
    padding: 0 0 0 24px;
    position: relative;
    margin: 5px 0;
}

ol li {
    counter-increment: list;
    list-style-type: none;
    position: relative;
}

ol>li {
    margin: 5px 0;
}

ul.default>li {
    padding: 0;
}

ol li:before {
    content: counter(list) ".";
    text-align: right;
    color: #0099FF;
    position: absolute;
    width: 26px;
}

ol>li:before,
ul.arrow>li:before,
ul.circle>li:before,
ul.check>li:before,
ul.plus>li:before,
ul.dash>li:before {
    left: 0;
    top: 1px;
    position: absolute;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

ul.arrow>li:before {
    content: "\f054";
}

ul.circle>li:before {
    top: 4px;
    font-size: 7px;
    content: "\f111";
}

ul.check>li:before {
    content: "\f00c";
}

ul.plus>li:before {
    content: "\f067";
}

ul.dash>li:before {
    top: 2px;
    content: "\f068";
}


/* RTL */

.text-right ul.arrow>li,
.text-right ul.circle>li,
.text-right ul.check>li,
.text-right ul.plus>li,
.text-right ul.dash>li {
    padding: 0 24px 0 0;
}

.text-right ul li:before {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* 	:: ::::: :: */


/* 	:: CODE  :: */


/* 	:: ::::: :: */

pre {
    display: block;
    padding: 30px;
    margin-bottom: 30px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
}

pre div {
    display: inline-block;
}

pre code {
    font-size: inherit;
    color: inherit;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    background-color: transparent;
}

.hll {
    background-color: #ffffcc
}

.c {
    color: #999;
}


/* Comment */

.err {
    color: #AA0000;
    background-color: #FFAAAA
}


/* Error */

.k {
    color: #006699;
}


/* Keyword */

.o {
    color: #555555
}


/* Operator */

.cm {
    color: #0099FF;
    font-style: italic
}


/* Comment.Multiline */

.cp {
    color: #009999
}


/* Comment.Preproc */

.c1 {
    color: #999;
}


/* Comment.Single */

.cs {
    color: #999;
}


/* Comment.Special */

.gd {
    background-color: #FFCCCC;
    border: 1px solid #CC0000
}


/* Generic.Deleted */

.ge {
    font-style: italic
}


/* Generic.Emph */

.gr {
    color: #FF0000
}


/* Generic.Error */

.gh {
    color: #003300;
}


/* Generic.Heading */

.gi {
    background-color: #CCFFCC;
    border: 1px solid #00CC00
}


/* Generic.Inserted */

.go {
    color: #AAAAAA
}


/* Generic.Output */

.gp {
    color: #000099;
}


/* Generic.Prompt */

.gs {}


/* Generic.Strong */

.gu {
    color: #003300;
}


/* Generic.Subheading */

.gt {
    color: #99CC66
}


/* Generic.Traceback */

.kc {
    color: #006699;
}


/* Keyword.Constant */

.kd {
    color: #006699;
}


/* Keyword.Declaration */

.kn {
    color: #006699;
}


/* Keyword.Namespace */

.kp {
    color: #006699
}


/* Keyword.Pseudo */

.kr {
    color: #006699;
}


/* Keyword.Reserved */

.kt {
    color: #007788;
}


/* Keyword.Type */

.m {
    color: #FF6600
}


/* Literal.Number */

.s {
    color: #d44950
}


/* Literal.String */

.na {
    color: #4f9fcf
}


/* Name.Attribute */

.nb {
    color: #336666
}


/* Name.Builtin */

.nc {
    color: #00AA88;
}


/* Name.Class */

.no {
    color: #336600
}


/* Name.Constant */

.nd {
    color: #9999FF
}


/* Name.Decorator */

.ni {
    color: #999999;
}


/* Name.Entity */

.ne {
    color: #CC0000;
}


/* Name.Exception */

.nf {
    color: #CC00FF
}


/* Name.Function */

.nl {
    color: #9999FF
}


/* Name.Label */

.nn {
    color: #00CCFF;
}


/* Name.Namespace */

.nt {
    color: #2f6f9f;
}


/* Name.Tag */

.nv {
    color: #003333
}


/* Name.Variable */

.ow {
    color: #000000;
}


/* Operator.Word */

.w {
    color: #bbbbbb
}


/* Text.Whitespace */

.mf {
    color: #FF6600
}


/* Literal.Number.Float */

.mh {
    color: #FF6600
}


/* Literal.Number.Hex */

.mi {
    color: #FF6600
}


/* Literal.Number.Integer */

.mo {
    color: #FF6600
}


/* Literal.Number.Oct */

.sb {
    color: #CC3300
}


/* Literal.String.Backtick */

.sc {
    color: #CC3300
}


/* Literal.String.Char */

.sd {
    color: #CC3300;
    font-style: italic
}


/* Literal.String.Doc */

.s2 {
    color: #CC3300
}


/* Literal.String.Double */

.se {
    color: #CC3300;
}


/* Literal.String.Escape */

.sh {
    color: #CC3300
}


/* Literal.String.Heredoc */

.si {
    color: #AA0000
}


/* Literal.String.Interpol */

.sx {
    color: #CC3300
}


/* Literal.String.Other */

.sr {
    color: #33AAAA
}


/* Literal.String.Regex */

.s1 {
    color: #CC3300
}


/* Literal.String.Single */

.ss {
    color: #FFCC33
}


/* Literal.String.Symbol */

.bp {
    color: #336666
}


/* Name.Builtin.Pseudo */

.vc {
    color: #003333
}


/* Name.Variable.Class */

.vg {
    color: #003333
}


/* Name.Variable.Global */

.vi {
    color: #003333
}


/* Name.Variable.Instance */

.il {
    color: #FF6600
}


/* Literal.Number.Integer.Long */

.css .o,
.css .o+.nt,
.css .nt+.nt {
    color: #999;
}


/* 	:: ::::::: :: */


/* 	:: Tables  :: */


/* 	:: ::::::: :: */

table {
    margin-bottom: 20px;
}

table th,
table td {
    padding: 10px;
}

.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.table th,
.table td {
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #f1f1f1;
}

.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table th {
    font-weight: 600;
    color: #2d343e;
}

.table thead th {
    vertical-align: bottom;
}


/* Striped */

.table.table-striped tbody>tr:nth-child(odd)>td,
.table.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}


/* Title */

.table.table-title {
    border: 1px solid #f1f1f1;
    background-color: #fff;
}

.table.table-title thead th {
    background-color: #f9f9f9;
}


/* 	:: :::::::: :: */


/* 	:: Stripes  :: */


/* 	:: :::::::: :: */

.stripes {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
}

.stripes.animated {
    -webkit-animation: progress-bar-stripes 1.5s linear infinite;
    animation: progress-bar-stripes 1.5s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}


/* 	:: :::::::: :: */


/* 	:: Buttons  :: */


/* 	:: :::::::: :: */

.btn {
    text-shadow: none;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: color linear 0.1s, background-color linear 0.1s;
    transition: color linear 0.1s, background-color linear 0.1s;
}

.btn:hover {
    color: #fff;
}

.btn:active {
    color: #fff;
    top: 1px;
    right: -1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Type */

.btn.btn-round {
    border-radius: 2000em;
}


/* Size */

.btn.btn-big {
    font-size: 16px;
    padding: 16px 30px;
    font-weight: 600;
}

.btn.btn-small {
    font-size: 12px;
    padding: 5px 15px;
}

.btn.btn-mini {
    font-size: 10px;
    padding: 3px 10px;
}


/* Icons */

.btn[class*="btn-icon-"] {
    padding: 0;
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin: 0;
    color: #fff;
}

.btn.btn-big[class*="btn-icon-"] {
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.btn.btn-small[class*="btn-icon-"] {
    height: 24px;
    width: 24px;
    line-height: 24px;
}

.btn.btn-mini[class*="btn-icon-"] {
    height: 18px;
    width: 18px;
    line-height: 18px;
}

.btn[class*="btn-icon-"]:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.btn.btn-icon-newsletter:before {
    font-family: 'icomoon';
    content: "\e604";
}

.btn.btn-icon-search:before {
    font-family: 'FontAwesome';
    content: "\f002";
}

.btn.btn-icon-view:before {
    font-family: 'icomoon';
    content: "\e680";
}

.btn.btn-icon-link:before {
    font-family: 'FontAwesome';
    content: "\f0c1";
}

.btn.btn-icon-prev:before {
    font-family: 'FontAwesome';
    content: "\f104";
}

.btn.btn-icon-next:before {
    font-family: 'FontAwesome';
    content: "\f105";
}

.btn.btn-icon-close:before {
    font-size: 18px;
    font-family: 'FontAwesome';
    content: "\f00d";
}

.btn.btn-icon-user:before {
    font-family: 'icomoon';
    content: "\e670";
}

.btn.btn-icon-top:before {
    font-family: 'FontAwesome';
    content: "\f106";
}


/* Colors */

body .btn.btn-blue {
    color: #fff;
    border-color: #007aff;
    background-color: #007aff;
}

body .btn.btn-blue:hover {
    color: #fff;
    border-color: #3395ff;
    background-color: #3395ff;
}

body .btn.btn-blue:active {
    border-color: #007aff;
}

body .btn.btn-purple {
    color: #fff;
    border-color: #c643fc;
    background-color: #c643fc;
}

body .btn.btn-purple:hover {
    color: #fff;
    background-color: #d169fd;
    border-color: #d169fd;
}

body .btn.btn-purple:active {
    border-color: #c643fc;
}

body .btn.btn-brown {
    color: #fff;
    border-color: #765747;
    background-color: #765747;
}

body .btn.btn-brown:hover {
    color: #fff;
    background-color: #91796c;
    border-color: #91796c;
}

body .btn.btn-brown:active {
    border-color: #765747;
}

body .btn.btn-dark {
    color: #fff;
    border-color: #282e3a;
    background-color: #282e3a;
}

body .btn.btn-dark:hover {
    color: #fff;
    background-color: #535861;
    border-color: #535861;
}

body .btn.btn-dark:active {
    border-color: #282e3a;
}

body .btn.btn-pink {
    color: #fff;
    border-color: #ff2d55;
    background-color: #ff2d55;
}

body .btn.btn-pink:hover {
    color: #fff;
    background-color: #ff5777;
    border-color: #ff5777;
}

body .btn.btn-pink:active {
    border-color: #ff2d55;
}

body .btn.btn-teal {
    color: #fff;
    border-color: #34aadc;
    background-color: #34aadc;
}

body .btn.btn-teal:hover {
    color: #fff;
    background-color: #5dbbe3;
    border-color: #5dbbe3;
}

body .btn.btn-teal:active {
    border-color: #34aadc;
}

body .btn.btn-green {
    color: #fff;
    border-color: #00B74C;
    background-color: #00B74C;
}

body .btn.btn-green:hover {
    color: #fff;
    background-color: #33c570;
    border-color: #33c570;
}

body .btn.btn-green:active {
    border-color: #00B74C;
}

body .btn.btn-yellow {
    color: #7E490F;
    border-color: #ffcc00;
    background-color: #ffcc00;
}

body .btn.btn-yellow:hover {
    color: #7E490F;
    background-color: #ffd633;
    border-color: #ffd633;
}

body .btn.btn-yellow:active {
    border-color: #ffcc00;
}

body .btn.btn-orange {
    color: #fff;
    border-color: #ff5d00;
    background-color: #ff5d00;
}

body .btn.btn-orange:hover {
    color: #fff;
    background-color: #ff7d33;
    border-color: #ff7d33;
}

body .btn.btn-orange:active {
    border-color: #ff5d00;
}

body .btn.btn-light {
    color: #282e3a;
    border-color: #f9f9f9;
    background-color: #f9f9f9;
}

body .btn.btn-light:hover {
    color: #282e3a;
    background-color: #fff;
    border-color: #fff;
}

body .btn.btn-light:active {
    border-color: #f9f9f9;
}

body .btn.btn-red {
    color: #fff;
    border-color: #ff3b30;
    background-color: #ff3b30;
}

body .btn.btn-red:hover {
    color: #fff;
    background-color: #ff6259;
    border-color: #ff6259;
}

body .btn.btn-red:active {
    border-color: #ff3b30;
}

body .btn.btn-white {
    color: #282e3a;
    border-color: #fff;
    background-color: #fff;
}

body .btn.btn-white:hover {
    color: #282e3a;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

body .btn.btn-white:active {
    border-color: #fff;
}


/* 	:: ::::::::::: :: */


/* 	:: Pagination  :: */


/* 	:: ::::::::::: :: */

.pagination {
    margin-bottom: 30px;
}

.pagination ul {
    list-style-type: none;
    margin: 0;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.pagination ul>li {
    width: 100%;
    display: inline-block;
}

.pagination ul>li.current {
    padding: 0;
    display: inline-block;
    float: none;
    line-height: 20px;
}

.pagination ul>li+li {
    margin-top: 10px;
}

@media screen and (min-width: 768px) {
    .pagination ul>li {
        float: left;
        width: auto;
    }
    .pagination ul>li+li {
        margin-top: 0;
    }
    .pagination ul>li.next {
        float: right;
    }
}

.pagination ul>li a {
    color: #fff;
    border-color: #282e3a;
    background-color: #282e3a;
    padding: 0 15px;
    display: inline-block;
    margin-right: 1px;
    line-height: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: color linear 0.1s, background-color linear 0.1s;
    transition: color linear 0.1s, background-color linear 0.1s;
}

.pagination ul>li a:hover {
    color: #fff;
    background-color: #535861;
    border-color: #535861;
}

.pagination ul>li a:active {
    border-color: #282e3a;
    top: 1px;
    left: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination ul>li a:last-child {
    margin-right: 0;
}


/* 	:: :::::: :: */


/* 	:: Modal  :: */


/* 	:: :::::: :: */

.modal-open {
    overflow-y: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}


/* Overlay */

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
    background-color: #2d343e;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: 0.9;
}


/* Modal */

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3001;
    display: none;
}

.modal-dialog {
    padding-top: 30px;
    padding-bottom: 30px;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-bg {
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.modal-dialog>.row {
    text-align: center;
}

.modal-dialog>.row>* {
    display: inline-block;
    float: none;
}

.modal-body {
    text-align: left;
    z-index: 1;
    position: relative;
    background-color: #ffffff;
    outline: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    position: relative;
}

.modal-body>* {
    padding: 30px;
    padding-bottom: 0;
}

.modal-body>*:before,
.modal-body>*:after {
    display: table;
    content: " ";
}

.modal-body>*:after {
    clear: both;
}

.modal-heading {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
}

.modal-heading .close {
    float: right;
    height: 36px;
    width: 36px;
    line-height: 36px;
}

.modal-heading .title {
    margin-right: 35px;
}

.modal-heading .title>* {
    line-height: 36px;
}

.modal-footer {
    text-align: right;
    background-color: #f9f9f9;
    border-top: 1px solid #f1f1f1;
    padding-bottom: 10px;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
}


/* 	:: :::::::: :: */


/* 	:: Tooltip  :: */


/* 	:: :::::::: :: */

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    visibility: visible;
}

.tooltip.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.tooltip.fade.in {
    opacity: 1;
}

.tooltip.in {
    opacity: 0.8;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #282e3a;
    border-radius: 2px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #282e3a;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #282e3a;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #282e3a;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #282e3a;
    border-width: 0 5px 5px;
}


/* 	:: :::::::::::::::::::: :: */


/* 	:: Lightbox / Fancybox  :: */


/* 	:: :::::::::::::::::::: :: */

a.userpic,
a.avatar {
    position: relative;
}

.link,
.lightbox {
    position: relative;
    display: inline-block;
}

.link.btn,
.link>.btn,
.lightbox.btn,
.lightbox>.btn,
a.userpic>.btn,
a.avatar>.btn {
    border: none;
    background: rgba(255, 255, 255, 0.4);
    color: #2d343e;
}

.link.btn:hover,
.link:hover>.btn,
.lightbox.btn:hover,
.lightbox:hover>.btn,
a.userpic:hover>.btn,
a.avatar:hover>.btn {
    background: rgba(255, 255, 255, 0.9);
    color: #2d343e;
}

.lightbox>.btn,
.link>.btn,
a.userpic>.btn,
a.avatar>.btn {
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: -18px;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.lightbox:hover>.btn,
.link:hover>.btn,
a.userpic:hover>.btn,
a.avatar:hover>.btn {
    margin-left: -18px;
    opacity: 1;
}


/* Fancybox */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    overflow: hidden;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}


/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-color: rgba(40, 46, 58, 0.8)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 40px;
    height: 40px;
    background: url('/static/images/loader-light.gif') center center no-repeat;
}

.fancybox-wrap img {
    max-width: 100%;
    height: auto;
}


/* Nav */

.fancybox-wrap .btn.close,
.fancybox-wrap .btn.prev,
.fancybox-wrap .btn.next {
    border: none;
    background: rgba(255, 255, 255, 0.4);
    color: #2d343e;
    position: absolute;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.fancybox-wrap .btn.close:hover,
.fancybox-wrap .btn.prev:hover,
.fancybox-wrap .btn.next:hover {
    background: rgba(255, 255, 255, 0.9);
}

.fancybox-wrap .btn.prev {
    left: auto;
    right: 50%;
    margin-right: 15px;
}

.fancybox-wrap .btn.next {
    margin-left: 15px;
    left: 50%
}

.fancybox-wrap .btn.prev,
.fancybox-wrap .btn.next {
    top: 50%;
    margin-top: -18px;
    opacity: 0;
}

.fancybox-wrap:hover .btn.prev,
.fancybox-wrap:hover .btn.next {
    opacity: 1;
}

.fancybox-wrap:hover .btn.prev {
    margin-right: 2px;
}

.fancybox-wrap:hover .btn.next {
    margin-left: 2px;
}

.fancybox-wrap .btn.close {
    top: 15px;
    right: 15px;
    left: auto;
    opacity: 1;
}

.fancybox-title {
    color: #2d343e;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: -200px;
    padding-top: 15px;
    -webkit-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
}

.fancybox-outer:hover .fancybox-title {
    bottom: 0;
}

.fancybox-title h4 {
    margin: 0 15px 10px 15px;
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
}

.fancybox-title p {
    margin: 0 15px 15px 15px;
}

.fancybox-title a,
.fancybox-title a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-inner .btn {
    text-decoration: none;
}


/* 	:: ::::::::: :: */


/* 	:: Progress  :: */


/* 	:: ::::::::: :: */

.skill-title>* {
    text-transform: uppercase;
    margin: 0;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 20px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    font-weight: normal;
}

.skill-title>*:after,
.skill-title>*:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #f9f9f9;
    bottom: -8px;
    margin-left: -8px;
    left: 50%;
}

.skill-title>*:before {
    bottom: -9px;
    border-top-color: #f1f1f1;
}

.skill,
.progress {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    margin-bottom: 30px;
}

.skill .bar,
.progress .bar {
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    width: 0%;
    margin: -1px;
    color: #fff;
    height: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    -webkit-transition: width 2s ease;
    transition: width 2s ease;
}

body .bar.bar-blue {
    background-color: #007aff;
}

body .bar.bar-purple {
    background-color: #c643fc;
}

body .bar.bar-brown {
    background-color: #7f5c49;
}

body .bar.bar-dark {
    background-color: #282e3a;
}

body .bar.bar-pink {
    background-color: #ff2d55;
}

body .bar.bar-teal {
    background-color: #34aadc;
}

body .bar.bar-green {
    background-color: #00B74C;
}

body .bar.bar-yellow {
    background-color: #ffcc00;
}

body .bar.bar-orange {
    background-color: #ff5d00;
}

body .bar.bar-light {
    background-color: #f9f9f9;
}

body .bar.bar-red {
    background-color: #FF3B30;
}

body .bar.bar-white {
    background-color: #fff;
}


/* Inside */

.container-out.container-light .skill,
.container-out.container-light .progress {
    background-color: #fff;
}

.container-out.container-light .skill-title>* {
    background-color: #fff;
}

.container-out.container-light .skill-title>*:after {
    border-top-color: #fff;
}


/* 	:: ::::: :: */


/* 	:: Form  :: */


/* 	:: ::::: :: */

.form-field {
    position: relative;
    margin-bottom: 30px;
    display: block;
}

select,
.form-control {
    color: #888;
    width: 100%;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 14px 10px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: all linear 0.1s;
    transition: all linear 0.1s;
    resize: none;
}

select {
    height: 50px;
    display: block;
}

.tab .form-control,
.tab select,
.container-light select,
.container-light .form-control {
    background-color: #fff;
}

input[type="checkbox"],
input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    position: relative;
    padding-left: 25px;
    font-weight: normal;
    color: #888;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background-color: #2d343e;
    line-height: 1;
    border-radius: 2px;
}

input[type="radio"]+label:after {
    display: none;
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    left: 5px;
    top: 5px;
    background-color: #fff;
}

input[type="checkbox"]+label:after {
    position: absolute;
    font-family: 'icomoon';
    content: "\e6fe";
    color: #fff;
    left: 0;
    width: 19px;
    text-align: center;
    line-height: 19px;
    top: 0;
    display: none;
}

input[type="radio"]+label:before,
input[type="radio"]+label:after {
    border-radius: 50%;
}

input[type="checkbox"]:checked+label:after,
input[type="radio"]:checked+label:after {
    display: block;
}

.form-desc {
    font-size: 12px;
    margin: 5px 0 0 0;
    line-height: 1;
    color: #adadad;
}


/* Default label */

.form-field label {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    color: #2d343e;
    font-weight: 600;
}

.form-field label[class*="col-"] {
    margin-top: 15px;
    text-align: left;
}

@media (min-width: 768px) {
    .form-field label[class*="col-sm-"] {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .form-field label[class*="col-md-"] {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .form-field label[class*="col-lg-"] {
        text-align: right;
    }
}

.form-field label .require {
    color: #ff3b30;
    margin-left: 5px;
    font-weight: normal;
}

.placeholder.keyup>label {
    display: none;
}


/* Form Group */

.form-group,
.form-group-separator {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.form-group-separator {
    font-size: 28px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: bottom;
    line-height: 50px;
}

.form-group-separator i {
    color: #2d343e;
}

.form-group+.form-group {
    margin-left: 15px;
}


/* Placeholder */

.form-field .placeholder label {
    font-weight: normal;
    color: #888;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-indent: 10px;
    cursor: text;
    -webkit-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.form-field .placeholder.focus label {
    opacity: 0.4;
}

.form-field .placeholder label .require {
    float: right;
    margin-left: 0;
    margin-right: 10px;
}

body select.error select,
body .form-control.error {
    border-color: #ff3b30;
    -webkit-box-shadow: 0 0 0 1px #ff3b30;
    box-shadow: 0 0 0 1px #ff3b30;
}

.form-field .text-error {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    left: 15px;
    top: 100%;
}

.form-field>.text-error,
.form-group>.text-error {
    left: 0;
}

form .btn[class*="btn-icon-"] {
    float: right;
}

.btn[class*="btn-icon-"]+.form-field {
    width: auto;
    display: block;
    margin-right: 60px;
}


/* From messages */

.form-field+span.error {
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
}

.response {
    margin-bottom: 30px;
    position: relative;
    padding: 15px;
    border: 1px solid transparent;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.response.success {
    background-color: #33c570;
    border-color: #00B74C;
}

.response.error {
    background-color: #ff6259;
    border-color: #ff3b30;
}


/* Datepicker */

.ui-widget-content {
    display: none;
    background: #2d343e;
    color: #fff;
    padding: 10px;
    z-index: 10 !important;
    margin-top: 5px;
    border-radius: 3px;
}

.ui-widget-header {
    background: rgba(255, 255, 255, .1);
    margin: -10px -10px 0;
    position: relative;
    line-height: 40px;
}

.ui-widget-header .ui-datepicker-prev,
.ui-widget-header .ui-datepicker-next {
    position: absolute;
}

.ui-widget-header .ui-datepicker-prev {
    left: 10px;
}

.ui-widget-header .ui-datepicker-next {
    right: 10px;
}

.ui-widget-header .ui-datepicker-title {
    text-align: center;
}

.ui-widget-content table {
    margin-bottom: 0;
}

.ui-widget-content table td {
    border-top: 1px solid rgba(255, 255, 255, .1);
    cursor: pointer;
}

.ui-widget-content table tbody td:hover a {
    color: #fff;
}

.ui-widget-content a:hover {
    color: #fff;
    cursor: pointer;
}


/* 	:: :::::::::::: :: */


/* 	:: Breadcrumbs  :: */


/* 	:: :::::::::::: :: */

.breadcrumbs {
    background-color: #2d343e;
    color: rgba(255, 255, 255, 0.5);
    clear: both;
}

.breadcrumbs ul {
    padding: 12px 0;
    margin: 0;
    display: inline-block;
    line-height: 0;
}

.breadcrumbs ul li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    position: relative;
    font-size: 13px;
    padding-left: 30px;
    line-height: 25px;
}

.breadcrumbs ul li:after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 12px;
    top: 0;
}

.breadcrumbs ul li:first-child {
    padding-left: 0;
}

.breadcrumbs ul li:first-child:after {
    display: none;
}

.breadcrumbs ul li a {
    color: rgba(255, 255, 255, 0.3);
    display: block;
}

.breadcrumbs ul li a.home {
    font-size: 2em;
    padding-left: 0;
}

.breadcrumbs ul li a.home:before {
    font-family: FontAwesome;
    content: "\f015";
}

.breadcrumbs ul li a.home i {
    display: block;
}

.breadcrumbs ul li.current a,
.breadcrumbs ul li a:hover {
    color: rgba(255, 255, 255, 1);
}


/* Inside page header*/

body #page-header .breadcrumbs {
    border: none;
    background-color: rgba(255, 255, 255, 0.6);
    color: #2d343e;
}

body #page-header .breadcrumbs a {
    color: #2d343e;
}


/* 	:: ::::::::::::: :: */


/* 	:: Filter & Nav  :: */


/* 	:: ::::::::::::: :: */

.project-filter {
    color: #2d343e;
    background-color: #f9f9f9;
    line-height: 25px;
    clear: both;
}

.project-filter p {
    display: inline-block;
    float: right;
    margin-top: 14px;
    margin-bottom: 0;
}

.project-filter ul {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    float: left;
}

.project-filter ul li {
    padding: 0;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    list-style: none;
}

.project-filter ul li a {
    line-height: 24px;
    color: #2d343e;
    cursor: pointer;
    display: block;
}

.project-filter ul li+li a {
    margin-left: 15px
}

.project-filter li.selector {
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 15px;
    color: #fff;
    background-color: #2d343e;
    -webkit-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}

.project-filter ul:hover li.selector {
    color: #fff;
}

.project-filter li.selector:before {
    content: "\f00a";
    font-family: FontAwesome;
    font-size: 18px;
    display: block;
    font-weight: normal;
}

.project-filter-current {
    text-transform: capitalize;
}


/* 	:: ::::::::: :: */


/* 	:: Comments  :: */


/* 	:: ::::::::: :: */

.comments {}

.comments .title.title-main {}

.comments .title.title-main span {
    position: relative;
    z-index: 1;
    margin-left: 15px;
    top: -15px;
    color: #2d343e;
    font-size: 16px;
}

.comments .title.title-main span:after {
    font-family: 'icomoon';
    content: "\e66a";
    color: #f1f1f1;
    position: absolute;
    font-size: 36px;
    top: -6px;
    left: -9px;
    z-index: -1;
}

.comments .title.title-main .btn {
    float: right;
    margin: 0;
}

.comments ul.comments-content {}

.comments ul.comments-content li {
    list-style-type: none;
    position: relative;
    padding-top: 30px;
}

.comments ul.comments-content li:first-child {
    margin-top: 0;
}

.comments ul.comments-content>li:first-child {
    padding-top: 0;
}

ul.comments-content ul {
    padding: 0;
    margin: 0;
}

ul.comments-content ul li {
    padding-left: 40px;
}


/* comment */

.comments .comment-heading {
    display: none;
}

.comments .comment-heading .avatar {
    display: block;
    overflow: hidden;
    border-radius: 2px;
}

.comments .comment-heading .avatar img {
    width: 100px;
    height: 100px;
}

.comments .comment-content {
    background-color: #f9f9f9;
    padding: 30px;
    position: relative;
    border: 1px solid #f1f1f1;
}

.comments .comment-content:after,
.comments .comment-content:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f1f1f1;
    left: -8px;
    top: 45px;
}

.comments .comment-content:after {
    left: -7px;
    border-right-color: #f9f9f9;
}

.comments .comment-content .title {
    border-bottom: 1px dashed #f1f1f1;
    padding-bottom: 30px;
    line-height: 18px;
}

.comments .comment-content .title a {
    text-transform: uppercase;
}

.comments .comment-content .title strong {
    color: #2d343e;
}

.comments .comment-content .meta span[class*="meta-"]:before {
    color: #e5e5e5;
}

.comments .comment-content .reply {
    text-align: right;
    border-top: 1px dashed #f1f1f1;
    padding-top: 30px;
}

.comments .comment-content .reply a {
    font-weight: 600;
    text-transform: uppercase;
    clear: both;
}


/* Connecting lines */

.comments ul.comments-content li li:after,
.comments ul.comments-content li li:before,
.comments .comment-heading:before,
.comments .comment-heading:after {
    background-color: #f1f1f1;
    content: '';
    position: absolute;
}

.comments ul.comments-content li li:first-child .comment-heading:after {
    width: 5px;
    height: 15px;
    top: -5px;
    left: 85px;
}

.comments ul.comments-content li li .comment-heading:before {
    width: 30px;
    height: 5px;
    top: 75px;
    left: 0px;
}

.comments ul.comments-content li li:last-child .comment-heading:before {
    display: none;
}

.comments ul.comments-content li li+li:last-child .comment-heading:before {
    display: block;
}

.comments ul.comments-content li li:after {
    width: 5px;
    top: 0;
    left: 0;
    height: 100%;
}

.comments ul.comments-content li li:first-child:after {
    width: 5px;
    top: 75px;
    left: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    .comments ul.comments-content li li:first-child:before {
        width: 30px;
        height: 5px;
        left: 90px;
        top: -5px;
    }
}

.comments ul.comments-content li li:last-child:after {
    display: none;
}

.comments ul.comments-content li li+li:last-child:after {
    display: block;
    width: 5px;
    height: 75px;
    top: 0;
    left: 0;
}

@media (min-width: 768px) {
    .comments .comment-heading {
        float: left;
        display: block;
    }
    .comments .comment-content {
        margin-left: 130px;
    }
    .comments .comment-content .meta {
        float: right;
    }
}

@media (max-width: 767px) {
    .comments ul.comments-content li li:before {
        width: 30px;
        height: 5px;
        left: 0;
        top: 81px;
    }
    .comments ul.comments-content li li:first-child:after {
        top: 85px;
    }
    .comments ul.comments-content li li+li:last-child:after {
        height: 85px;
    }
}


/* reply */

#reply {
    padding: 30px;
    padding-bottom: 0;
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    position: relative;
}

#reply .close {
    position: relative;
    float: right;
    display: none;
    line-height: 24px;
}

#reply .close:before {
    font-family: FontAwesome;
    content: "\f00d";
}

.comment #reply {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .comment #reply {
        margin-left: 130px;
    }
}

.comment #reply:after,
.comment #reply:before {
    top: -9px;
    right: 30px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f1f1f1;
}

.comment #reply:after {
    top: -8px;
    border-bottom-color: #f9f9f9;
}

.comment #reply .close {
    display: block;
}

#reply select,
#reply textarea,
#reply input[type="email"],
#reply input[type="text"] {
    background-color: #fff;
}

#reply .form-field.error select,
#reply .form-field.error textarea,
#reply .form-field.error input[type="email"],
#reply .form-field.error input[type="text"] {
    background-color: #ff6259;
    border-color: #ff3b30;
}

#reply .form-field.error label span {
    color: #fff;
}


/* 	:: ::::: :: */


/* 	:: Grid  :: */


/* 	:: ::::: :: */

.grid-wrap {
    opacity: 0;
}

.grid-wrap:before,
.grid-wrap:after {
    content: " ";
    display: table;
}

.grid-wrap:after {
    clear: both;
}

.grid {
    margin-bottom: 30px;
    -webkit-transition: height 700ms ease;
    transition: height 700ms ease;
}

.grid>* {
    position: relative;
    float: left;
    width: 15%;
}

.grid[data-columns="4"]>* {
    float: left;
    width: 20%;
}

.grid[data-columns="3"]>* {
    float: left;
    width: 30%;
}

.grid[data-columns="2"]>* {
    float: left;
    width: 45%;
}


/* With slider */

.grid .slider-wrap,
.grid .slider-wrap .slider {
    opacity: 1;
}


/* 	:: ::::::: :: */


/* 	:: Social  :: */


/* 	:: ::::::: :: */

.social {
    font-size: 0;
}

.social li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
}

.social li.desc {
    line-height: 24px;
    display: block;
    font-size: 13px;
}

@media (min-width: 768px) {
    .social li.desc {
        min-width: 140px;
        display: inline-block;
    }
}

.social li+li {
    margin-left: 4px;
}

.social li.desc+li {
    margin-left: 0;
}

.social a {
    display: block;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background-color: #2d343e;
}

.social a:before {
    font-family: 'icomoon';
}

.social a:hover {
    color: #fff;
}


/*.social a.youtube,*/

.social a.youtube:hover {
    background-color: #FF3B30;
}

.social a.youtube:before {
    content: "\e773";
}

/*.social a.email,*/

.social a.email:hover {
    background-color: #007aff;
}

.social a.email:before {
    content: "\e75f";
}

/*.social a.github,*/

.social a.github:hover {
    background-color: #003333;
}

.social a.github:before {
    content: "\e788";
}

/*.social a.user,*/

.social a.user:hover {
    background-color: #ffcc00;
}

.social a.user:before {
    content: "\e670";
}


/*.social a.url,*/

.social a.url:hover {
    background-color: #ccc;
}

.social a.url:before {
    content: "\e908";
}

/*.social a.home,*/

.social a.home:hover {
    background-color: #00CCFF;
}

.social a.home:before {
    content: "\e907";
}

/*.social a.bibtex,*/

.social a.bibtex:hover {
    background-color: #d169fd;
}

.social a.bibtex:before {
    content: "\e900";
}

/*.social a.dataset,*/

.social a.dataset:hover {
    background-color: #ccc;
}

.social a.dataset:before {
    content: "\e901";
}

/*.social a.doi,*/

.social a.doi:hover {
    background-color: #ccc;
}

.social a.doi:before {
    content: "\e902";
}

/*.social a.lattes,*/

.social a.lattes:hover {
    background-color: #007aff;
}

.social a.lattes:before {
    content: "\e903";
}

/*.social a.orcid,*/

.social a.orcid:hover {
    background-color: #00B74C;
}

.social a.orcid:before {
    content: "\e904";
}

/*.social a.pdf,*/

.social a.pdf:hover {
    background-color: #FF3B30;
}

.social a.pdf:before {
    content: "\e905";
}

/*.social a.scholar,*/

.social a.scholar:hover {
    background-color: #007aff;
}

.social a.scholar:before {
    content: "\e906";
}

/*.social a.video,*/

.social a.scholar:video {
    background-color: #ccc;
}

.social a.video:before {
    content: "\e909";
}

/*.social a.rss,*/

.social a.rss:hover {
    background-color: #ff5d00;
}

.social a.rss:before {
    content: "\e770";
}


/*.social a.forrst,*/

.social a.forrst:hover {
    background-color: #00B74C;
}

.social a.forrst:before {
    content: "\e782";
}


/*.social a.vimeo,*/

.social a.vimeo:hover {
    background-color: #007aff;
}

.social a.vimeo:before {
    content: "\e775";
}


/*.social a.dribbble,*/

.social a.dribbble:hover {
    background-color: #ff2d55;
}

.social a.dribbble:before {
    content: "\e781";
}


/*.social a.google,*/

.social a.google:hover {
    background-color: #d94332;
}

.social a.google:before {
    content: "\e763";
}


/*.social a.twitter,*/

.social a.twitter:hover {
    background-color: #33ccff;
}

.social a.twitter:before {
    content: "\e76d";
}


/*.social a.facebook,*/

.social a.facebook:hover {
    background-color: #2980b9;
}

.social a.facebook:before {
    content: "\e769";
}


/*.social a.pinterest,*/

.social a.pinterest:hover {
    background-color: #ffcc00;
}

.social a.pinterest:before {
    content: "\e7a6";
}


/*.social a.linkedin */

.social a.linkedin:hover {
    background-color: #2e6cb0;
}

.social a.linkedin:before {
    content: "\e79f";
}


/* 	:: ::::::: :: */


/* 	:: WIDGET  :: */


/* 	:: ::::::: :: */

.widget {
    position: relative;
    margin-bottom: 30px;
}


/* Twitter */

#tweets {
    min-height: 100px;
    background: url(/static/images/loader-dark.gif) center center no-repeat transparent;
}

#tweets .tweet {
    position: relative;
    margin-bottom: 30px;
}

.tweet-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.tweet-heading .userpic {
    float: left;
    border-radius: 50px;
    height: 48px;
    width: 48px;
    overflow: hidden;
}

.tweet-heading .userpic img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.tweet-heading .title {
    margin: 4px 0 0 55px;
}

.tweet-heading .title a {
    color: #2d343e;
    clear: both;
}

.tweet-heading .title .profilename {
    text-transform: uppercase;
}

.tweet-heading .title .profileid {
    font-size: 80%;
}

.tweet-content {
    background-color: #f9f9f9;
    padding: 20px;
    padding-bottom: 0;
    position: relative;
    border: 1px solid #f1f1f1;
}

.tweet-content:after,
.tweet-content:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #f1f1f1;
    left: 14px;
    top: -8px;
}

.tweet-content:after {
    top: -7px;
    border-bottom-color: #f9f9f9;
}

.tweet-content .text,
.tweet-content .text p {
    margin: 0 0 20px 0;
}

.tweet-content .text p.meta {
    display: inline-block;
    width: 100%;
    margin: 0;
}

.tweet-actions {
    opacity: 0;
    position: relative;
    left: 10px;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

#tweets .tweet:hover .tweet-actions {
    opacity: 1;
    left: 0;
}

.tweet-actions a {
    font-style: normal;
    font-size: 20px;
    color: #2d343e;
}

.tweet-actions a+a {
    margin-left: 10px;
}

.tweet-actions a:before {
    font-family: 'icomoon';
}

.tweet-reply:before {
    content: "\e666";
}

.tweet-retweet:before {
    font-family: 'icomoon';
    content: "\e71b";
}

.tweet-fave:before {
    content: "\e6d0";
}

.tweet-content .meta span[class*="meta-"]:before,
.tweet-content .meta>.tweet-retweet:before {
    color: #e5e5e5;
}

.tweet-content .meta-date,
.tweet-content .meta>.tweet-retweet {
    float: right;
}

.tweet-content .meta>.tweet-retweet {
    font-style: normal;
    font-size: 20px;
}


/* photo-stream */

.photo-stream {
    margin: -5px;
    padding: 0;
    font-size: 0;
}

.photo-stream li {
    display: inline-block;
    width: 33.33333333333333%;
    padding: 5px;
    list-style-type: none;
    margin: 0;
}

@media (max-width: 991px) {
    .photo-stream li {
        width: 50%;
    }
}

.photo-stream li .teaser {
    margin: 0
}

.photo-stream li img {
    display: block;
    height: auto;
    width: 100%;
}


/* Latest Comments*/

.latest-comments {
    list-style-type: none;
}

.latest-comments li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

.latest-comments li:before {
    position: absolute;
    content: "\f086";
    font-family: FontAwesome;
    left: 0;
    top: -5px;
    font-size: 36px;
    color: #f1f1f1;
}

.latest-comments li>* {
    margin: 0;
    margin-bottom: 5px;
}

.latest-comments li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}


/* Top Authors */

.top-authors {}

.top-authors {
    list-style-position: inside;
    color: #999;
}

.top-authors>li {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #f1f1f1;
}

.top-authors>li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.top-authors li>* {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.top-authors .userpic {
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 15px;
}

.top-authors .title>* {
    margin: 0;
}


/* 	:: :::::: :: */


/* 	:: BOXED  :: */


/* 	:: :::::: :: */

body>#boxed {
    margin: 0 auto;
    padding: 0px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
}

body>#boxed #header {
    left: auto;
}

@media (min-width: 768px) {
    body>#boxed,
    body>#boxed #header {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    body>#boxed,
    body>#boxed #header {
        max-width: 970px;
    }
    body.w970 #boxed {
        max-width: 970px;
    }
    body.w970>#boxed #header {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    body>#boxed,
    body>#boxed #header {
        max-width: 1170px;
    }
}


/* 	:: ::::::::: :: */


/* 	:: Language  :: */


/* 	:: ::::::::: :: */

.side-options {
    width: 200px;
    left: -200px;
    position: fixed;
    z-index: 2000;
    top: 160px;
    background-color: #fff;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

.side-options.side-options-right {
    left: auto;
    right: -200px;
}

.side-options .side-options-heading {
    opacity: 0.9;
    cursor: pointer;
    background-color: #ccc;
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 15px;
    color: #ccc;
    display: block;
    margin-right: -50px;
    padding-right: 0;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

.side-options.open .side-options-heading {
    margin-right: 0;
}

.side-options .side-options-heading a {
    line-height: 50px;
    color: #ccc;
    width: 100%;
    display: inline-block;
}

.side-options .side-options-heading span {
    color: #2d343e;
    font-weight: 700;
    display: inline-block;
    width: 50px;
    text-align: center;
    float: right;
}

.side-options .side-options-heading span i {
    font-size: 20px;
    line-height: 1;
    display: block;
    margin-top: 16px;
    font-weight: normal;
}

.side-options.open {
    left: 0;
}

.side-options.side-options-right.open {
    left: auto;
    right: 0;
}

.side-options.side-options-right .side-options-heading {
    margin-right: auto;
    margin-left: -50px;
    padding-left: 0;
}

.side-options.side-options-right.open .side-options-heading {
    margin-left: 0;
}

.side-options.side-options-right .side-options-heading span {
    float: left;
}


/* Language */

#language-options .language-list {
    list-style-type: none;
    margin: 0;
    border: 1px solid #f1f1f1;
    border-right: none;
    border-top: none;
}

#language-options .language-list li a {
    padding: 15px;
    display: block;
    text-transform: uppercase;
    color: #2d343e;
}

#language-options .language-list li a:hover,
#language-options .language-list li a.current {
    background-color: #f9f9f9;
}


/* 	:: ::::::: :: */


/* 	:: HEADER  :: */


/* 	:: ::::::: :: */

#header {
    width: 100%;
    float: left;
    z-index: 1500;
    position: relative;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Chrome and Safari */
    -ms-backface-visibility: hidden;
    /* Internet Explorer */
}

#header.sticky {
    position: fixed;
    top: 0;
    left: 0;
}


/* Topbar */

.topbar {
    color: rgba(255, 255, 255, 0.3);
    background-color: #2d343e;
    height: 54px;
}

.topbar ul {
    margin: 0;
    padding: 0;
}

.topbar ul li {
    list-style-type: none;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.topbar a {
    color: rgba(255, 255, 255, 0.3);
}

.topbar a:hover {
    color: rgba(255, 255, 255, 1);
}


/* Touch */

.topbar .touch {
    float: left;
    margin-top: 11px;
}

.topbar .touch li {
    font-size: 12px;
}

.topbar .touch li+li {
    margin-left: 15px;
}

.topbar .touch li>* {
    display: inline-block;
    vertical-align: middle;
}

.topbar .touch p {
    margin: 0 0 0 5px;
    line-height: 1.2;
}


/* Social */

.topbar .social {
    float: right;
    margin-top: 10px;
    line-height: 0;
}

.topbar .social li+li {
    margin-left: 5px;
}

.topbar .social a {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    -webkit-transition: border-radius ease 0.1s;
    transition: border-radius ease 0.1s;
    border-radius: 2px;
}

.topbar .social a.youtube {
    background-color: #FF3B30;
}

.topbar .social a.rss {
    background-color: #ff5d00;
}

.topbar .social a.forrst {
    background-color: #00B74C;
}

.topbar .social a.vimeo {
    background-color: #007aff;
}

.topbar .social a.dribbble {
    background-color: #ff2d55;
}

.topbar .social a.google {
    background-color: #d94332;
}

.topbar .social a.twitter {
    background-color: #33ccff;
}

.topbar .social a.facebook {
    background-color: #2980b9;
}

.topbar .social a.pinterest {
    background-color: #ffcc00;
}

.topbar .social a:hover {
    border-radius: 50%;
}


/* User */

.topbar .user-nav {
    float: right;
    margin-left: 25px;
    margin-top: 10px;
}

.topbar .user-nav .btn {
    color: #fff;
}

.topbar .user-nav img {
    height: 36px;
    width: 36px;
    border-radius: 2px;
    margin-right: 5px;
}


/* Navbar */

#header .navbar {
    width: 100%;
    float: left;
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


/* Search wrap */

#main-search {
    display: none;
}

#main-search form {
    overflow: hidden;
    opacity: 0;
    position: relative;
    left: -20px;
    margin-top: 5px;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
}

#main-search .form-field {
    margin-bottom: 0;
}

.form-field .placeholder label {
    line-height: 40px;
    margin: 0;
}

#main-search .form-control {
    padding: 9px 5px;
    padding-right: 40px;
    border-color: #282e3a;
    background-color: #282e3a;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}

#main-search .close {
    position: absolute;
    right: 0;
    color: #fff;
    width: 40px;
    text-align: center;
    float: right;
    line-height: 45px;
    font-size: 13px;
    z-index: 1;
}

#main-search .close:hover {
    color: #fff;
}

@media (min-width: 992px) {
    #main-search form {
        margin-top: 10px;
    }
    #main-search .form-control {
        padding-right: 55px;
        padding: 14px 10px;
    }
    #main-search .close {
        width: 50px;
        line-height: 50px;
    }
    .form-field .placeholder label {
        line-height: 50px;
    }
}


/* Navbar wrap */

#header .navbar-inner {
    margin-top: 10px;
    float: left;
    width: 100%;
    position: relative;
}


/* logo */

#header .logo {
    display: inline-block;
    float: left;
    height: 30px;
    margin-bottom: 10px;
}

#header .text-center>.logo {
    float: none;
}

#header .logo img {
    width: auto;
    height: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
}


/* Main menu */

#main-menu {
    overflow: visible;
    text-align: left;
    background-color: #2d343e;
    margin: 0;
    padding-right: 5000px;
    padding-left: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
    clear: both;
}

#main-menu>li,
#main-menu ul.dropdown>li {
    list-style-type: none;
    font-size: 14px;
    line-height: 20px;
}

#main-menu ul.dropdown>li {
    font-size: 13px;
}

#main-menu li.search-nav {
    display: none;
}

#main-menu>li:before,
#main-menu ul.dropdown>li:before {
    height: 1px;
    display: block;
    content: '';
    width: 100%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(33%, rgba(241, 241, 241, 1)), color-stop(66%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(241, 241, 241, 0)));
    background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
    background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
    opacity: 0.1;
}

#main-menu ul.dropdown nav>ul li:before {
    opacity: 0.1;
}

#main-menu>li:first-child:before,
#main-menu nav>ul li a:after {
    display: none;
}

#main-menu ul.dropdown {
    margin: 0;
    display: none;
}

#main-menu>li>a,
#main-menu ul.dropdown>li>a {
    padding: 10px 0;
    display: block;
    position: relative;
    font-size: 13px;
}

#main-menu>li>a span {
    display: none;
}

#main-menu i.carret {
    position: absolute;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    right: 0;
    top: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#main-menu i.carret:after {
    font-family: FontAwesome;
    content: "\f105";
}

#main-menu li>a>i.carret.rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* Drop down styles  */

#main-menu ul.dropdown:not(.megamenu-category) {
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px;
}

#main-menu>li:not(.megamenu)>ul.dropdown {
    margin-left: 20px;
}

#main-menu>li>a,
#main-menu ul.dropdown>li>a,
#main-menu ul.megamenu-category .category-nav a {
    color: rgba(255, 255, 255, 0.7);
}

#main-menu>li>a:hover,
#main-menu>li.active>a,
#main-menu ul.dropdown>li>a:hover,
#main-menu ul.dropdown>li.active>a,
#main-menu ul.megamenu-category .category-nav .current a,
#main-menu ul.megamenu-category .category-nav a:hover {
    color: #fff;
}

#main-menu ul.dropdown:not(.megamenu-category) h1,
#main-menu ul.dropdown:not(.megamenu-category) h2,
#main-menu ul.dropdown:not(.megamenu-category) h3,
#main-menu ul.dropdown:not(.megamenu-category) h4,
#main-menu ul.dropdown:not(.megamenu-category) h5,
#main-menu ul.dropdown:not(.megamenu-category) h6 {
    color: #fff;
    margin-top: 15px;
}

#main-menu ul.dropdown:not(.megamenu-category) h1 a,
#main-menu ul.dropdown:not(.megamenu-category) h2 a,
#main-menu ul.dropdown:not(.megamenu-category) h3 a,
#main-menu ul.dropdown:not(.megamenu-category) h4 a,
#main-menu ul.dropdown:not(.megamenu-category) h5 a,
#main-menu ul.dropdown:not(.megamenu-category) h6 a {
    color: rgba(255, 255, 255, 0.7);
}

#main-menu ul.dropdown:not(.megamenu-category) h1 a:hover,
#main-menu ul.dropdown:not(.megamenu-category) h2 a:hover,
#main-menu ul.dropdown:not(.megamenu-category) h3 a:hover,
#main-menu ul.dropdown:not(.megamenu-category) h4 a:hover,
#main-menu ul.dropdown:not(.megamenu-category) h5 a:hover,
#main-menu ul.dropdown:not(.megamenu-category) h6 a:hover,
#main-menu ul.dropdown:not(.megamenu-category) a:hover {
    color: #fff;
}

#main-menu ul.dropdown .google-iframe-map {
    width: 100%;
    min-height: 185px;
}

#main-menu ul.dropdown .widget {
    margin-bottom: 30px;
}


/* Category */

#main-menu ul.megamenu-category>li {
    display: inline-block;
    width: 100%;
    padding: 0;
}

#main-menu ul.megamenu-category .category-nav ul {
    margin: 0;
    margin-bottom: 20px;
}

#main-menu ul.megamenu-category .category-content {
    background: #f9f9f9;
    padding: 30px;
    padding-bottom: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    text-shadow: none;
}

#main-menu ul.megamenu-category .category-content>div {
    display: none;
}

#main-menu ul.megamenu-category .category-content>div.current {
    display: block;
}


/* Mobile menu */

#mobile-menu {
    float: right;
    margin: 0;
    margin-bottom: 10px;
}

#mobile-menu li {
    list-style-type: none;
    float: left;
}

#mobile-menu li+li {
    border-left: 1px solid #e5e5e5;
}

#mobile-menu li a {
    color: #2d343e;
    line-height: 30px;
    padding: 0 8px;
    display: block;
}

#mobile-menu li a i {
    line-height: 30px;
    display: block;
    font-size: 20px;
}

.navbar-toggle {
    border: none;
    background: transparent;
    line-height: 30px;
    font-size: 21px;
    padding: 0;
    width: 30px;
    color: #2d343e;
}

@media (min-width: 992px) {
    #header .navbar {
        overflow: visible;
    }
    #header .navbar-inner {
        margin-top: 30px;
    }
    /* logo */
    #header .logo {
        height: 40px;
        margin-top: -5px;
    }
    /* Main menu */
    .megamenu-width {
        position: relative;
    }
    #main-menu {
        clear: none;
        background: transparent;
        display: block !important;
        font-size: 0;
        margin: 0;
        padding: 0;
        float: right;
        text-align: left;
        z-index: 1;
    }
    #main-menu>li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding-bottom: 30px;
        margin: 0;
    }
    #main-menu>li.megamenu {
        position: static;
    }
    #main-menu li.search-nav {
        display: inline-block;
    }
    #main-menu>li:before {
        display: none;
    }
    #main-menu ul.dropdown>li>a {
        padding: 10px 15px;
    }
    #main-menu>li.megamenu ul.dropdown .nav ul li a {
        padding: 10px 0;
    }
    #main-menu>li>a {
        color: #2d343e;
        text-transform: uppercase;
        font-weight: bold;
        border-left: 1px solid #e5e5e5;
        padding: 0 10px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        line-height: 25px;
    }
    #main-menu>li>a.btn-search {
        font-size: 20px;
        line-height: 25px;
    }
    #main-menu>li:first-child a {
        border-left: none;
    }
    #main-menu>li:last-child a {
        padding-right: 0;
    }
    /* Carret */
    #main-menu>li>a i.carret {
        line-height: 25px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        width: auto;
        font-style: normal;
        font-weight: normal;
    }
    #main-menu>li>a i.carret:after {
        font-family: FontAwesome;
        content: "\f107";
    }
    #main-menu li.active>a>i.carret {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    /* Link Description */
    #main-menu>li>a span {
        font-weight: normal;
        font-style: italic;
        margin-top: 5px;
        font-size: 12px;
        clear: both;
        display: block;
        font-weight: normal;
        text-transform: none;
        color: #888;
        position: absolute;
        white-space: nowrap;
        line-height: 1;
        opacity: 0;
        top: 50%;
        -webkit-transition: all ease-out 0.2s;
        transition: all ease-out 0.2s;
    }
    #main-menu>li:hover>a span {
        opacity: 1;
        top: 100%;
    }
    html.scroll #main-menu>li:hover>a span {
        opacity: 0;
    }
    #main-menu ul.dropdown {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        margin: 0;
        min-width: 230px;
    }
    #main-menu>li.megamenu>ul.dropdown {
        width: 100%;
        left: 0;
        right: 0;
    }
    #main-menu>li.megamenu>ul.dropdown>li {
        padding-left: 15px;
        padding-right: 15px;
    }
    #main-menu>li>ul.dropdown {
        padding-top: 5px;
    }
    #main-menu>li.rtl>ul.dropdown {
        right: 0;
    }
    #main-menu li:hover>ul.dropdown {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all ease-out 0.2s;
        transition: all ease-out 0.2s;
    }
    #main-menu li:hover.rtl>ul.dropdown {
        right: 0;
    }
    #main-menu ul.dropdown>li {
        list-style-type: none;
        position: relative;
        text-transform: none;
        background-color: rgba(45, 52, 62, 0.9);
    }
    #main-menu>li.megamenu ul.dropdown ul.dropdown>li {
        padding-right: 15px;
        padding-left: 15px;
    }
    #main-menu ul.dropdown>li:first-child:before {
        display: none;
    }
    #main-menu ul.megamenu-category>li {
        float: left;
        width: 100%;
    }
    #main-menu ul.megamenu-category .category-content {
        margin: 15px 0;
    }
    #main-menu ul.dropdown>li>a i.carret:after {
        content: "\f105";
    }
    #main-menu ul.dropdown ul.dropdown {
        top: 0;
        left: 100%;
        padding-left: 5px;
        padding-top: 0 !important;
    }
    #main-menu>li.rtl ul.dropdown ul.dropdown,
    #main-menu ul.dropdown.rtl ul.dropdown {
        left: auto;
        right: 100%;
        padding-left: 0;
        padding-right: 5px;
    }
    /* Main menu slide effect */
    #main-menu.slide ul.dropdown {
        margin-left: 15px;
    }
    #main-menu.slide>li.rtl>ul.dropdown,
    #main-menu.slide>li.rtl ul.dropdown ul.dropdown,
    #main-menu.slide ul.dropdown.rtl ul.dropdown {
        margin-left: inherit;
        margin-right: 15px;
    }
    #main-menu.slide li:hover>ul.dropdown {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Main menu full width */
    #main-menu.full-width {
        display: table !important;
        width: 100%;
    }
    #main-menu.full-width>li {
        display: table-cell;
        vertical-align: top;
        padding-top: 15px;
    }
    /* Main menu minimal */
    #main-menu.minimal>li>a {
        text-transform: lowercase;
        border-left: none;
        font-weight: normal;
    }
    /* Drop Down background */
    #custom-nav-bg {
        width: 100%;
        position: absolute;
        top: 100%;
        background-color: rgba(45, 52, 62, 0.9);
        -webkit-transition: height ease 0.1s;
        transition: height ease 0.1s;
    }
    #custom-nav-bg:hover {
        height: 0;
    }
    #main-menu.custom ul.dropdown {
        padding-top: 0;
    }
    #main-menu.custom ul.dropdown>li {
        background-color: transparent;
        padding: 0;
    }
    #main-menu.custom>li.megamenu>ul.dropdown>li {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main-menu.custom ul.dropdown>li>a {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main-menu.custom ul.megamenu-category nav a {
        padding-left: 10px;
    }
    /* Mobile menu */
    #mobile-menu {
        display: none;
    }
}

@media (max-width: 991px) {
    #header {
        position: relative !important;
    }
    .mobile-navbar {
        display: block;
    }
    .topbar {
        display: none;
    }
    #header-space {
        display: none;
    }
    #header .navbar-inner {
        margin-top: 10px !important;
    }
    #header .logo {
        height: 30px !important;
    }
    #main-menu>li {
        padding-bottom: 0 !important;
    }
    #main-menu ul.dropdown.megamenu {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
}


/* 	:: ::::::: :: */


/* 	:: Slider  :: */


/* 	:: ::::::: :: */

.page-slider-wrap {
    color: #2d343e;
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    padding: 0;
    overflow: hidden;
    background: url(/static/images/loader-dark.gif) center center no-repeat transparent;
}

.page-slider-wrap.created {
    background: none;
}

#page-slider {
    opacity: 0;
    position: relative;
    max-height: 500px;
    height: 500px;
    transition: opacity 200ms linear 0;
    -webkit-transition: opacity 200ms linear 0;
}

.page-slider-wrap.created #page-slider {
    opacity: 1;
}

#page-slider ul,
#page-slider li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
    z-index: 1;
}


/* Loader */

.tp-loader {
    background: url(/static/images/loader-dark.gif) center center no-repeat transparent;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    z-index: 20;
}


/* Timer */

.tp-bannertimer {
    bottom: 0;
    position: absolute;
    z-index: 21;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.4);
}


/* Nav */

.page-slider-wrap .tparrows.jets {
    z-index: 100;
    color: #2d343e;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.4);
    background-image: none;
    border-radius: 2px;
    -webkit-transition: background 0.1s linear, opacity 0.1s linear;
    transition: background 0.1s linear, opacity 0.1s linear;
    transform: none;
    -webkit-transform: none;
    /* Safari and Chrome */
}

.tparrows.jets:hover {
    background: rgba(255, 255, 255, 0.9);
}

.tp-leftarrow:before {
    font-family: 'FontAwesome';
    content: "\f104";
}

.tp-rightarrow:before {
    font-family: 'FontAwesome';
    content: "\f105";
}


/* Pagi */

.tp-bullets {
    position: absolute;
    bottom: 10px;
    z-index: 20;
}

.tp-bullets.jets .bullet {
    vertical-align: middle;
    display: inline-block;
    background-color: transparent;
    width: 15px;
    height: 15px;
    text-indent: -99999px;
    margin: 0 2px;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    background-image: none;
    -webkit-transition: background 0.1s linear, opacity 0.1s linear;
    transition: background 0.1s linear, opacity 0.1s linear;
    transform: none;
    -ms-transform: none;
    /* IE 9 */
    -webkit-transform: none;
    /* Safari and Chrome */
}

.tp-bullets.jets .bullet:hover,
.tp-bullets.jets .bullet.selected {
    background: rgba(255, 255, 255, 0.9);
}

.slider-title {
    font-size: 52px;
    font-weight: bold;
}

.slider-sub-title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
}

.page-slider-wrap .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.4);
    border: none;
}

.page-slider-wrap .btn:hover,
.page-slider-wrap .btn:active {
    background-color: rgba(255, 255, 255, 0.8);
    left: auto;
    right: auto;
    top: auto;
}

.slider-text {
    line-height: 24px;
}


/* 	:: ::::::::::::: :: */


/* 	:: PAGE HEADER   :: */


/* 	:: ::::::::::::: :: */

#page-header {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1;
    z-index: 0;
    color: #2d343e;
}


/* Parallax */

.page-header-image {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
}

#page-header.fonts-white {
    color: #fff;
}

#page-header.fonts-white h1 {
    color: #fff;
}

.page-header-inner {
    min-height: 110px;
    height: 110px;
    display: table;
    width: 100%;
}

#page-header.page-header-medium .page-header-inner {
    min-height: 210px;
    height: 210px;
}

#page-header.page-header-big .page-header-inner {
    min-height: 300px;
    height: 300px;
}

#page-header *[class*="hide-to-"] {
    position: relative;
}

@media (max-width: 767px) {
    .page-header-inner h1,
    .page-header-inner h2,
    .page-header-inner h3,
    .page-header-inner h4,
    .page-header-inner h5,
    .page-header-inner h6,
    .page-header-inner p {
        margin: 0;
    }
    #page-header *[class*="hide-to-"] {
        opacity: 1 !important;
        top: 0 !important;
        left: 0 !important;
    }
}

@media (min-width: 768px) {
    .page-header-inner {
        min-height: 175px;
        height: 175px;
    }
    #page-header.page-header-medium .page-header-inner {
        min-height: 350px;
        height: 350px;
    }
    #page-header.page-header-big .page-header-inner {
        min-height: 40px;
        height: 40px;
    }
}

@media (min-width: 992px) {
    .page-header-inner {
        min-height: 150px;
        height: 150px;
    }
    #page-header.page-header-medium .page-header-inner {
        min-height: 300px;
        height: 300px;
    }
    #page-header.page-header-big .page-header-inner {
        min-height: 450px;
        height: 450px;
    }
}

@media (min-width: 1200px) {
    .page-header-inner {
        min-height: 200px;
        height: 200px;
    }
    #page-header.page-header-medium .page-header-inner {
        min-height: 350px;
        height: 350px;
    }
    #page-header.page-header-big .page-header-inner {
        min-height: 500px;
        height: 500px;
    }
}

.page-header-inner>* {
    display: table-cell;
    vertical-align: middle;
}

.page-header-inner .container>*:last-child {
    margin-bottom: 0
}

.page-header-box {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px;
    padding-bottom: 1px;
    text-align: center;
    border-radius: 5px;
    color: #2d343e;
}

.page-header-box hr {
    opacity: 0.3;
}


/* 	:: ::::::::: :: */


/* 	:: CONTENT   :: */


/* 	:: ::::::::: :: */

#page-content {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
}

#page-content #content,
#page-content #sidebar-right,
#page-content #sidebar-left {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    #page-content #content,
    #page-content #sidebar-right,
    #page-content #sidebar-left {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}


/* Full width  */

.container-out {
    padding-right: 5000px;
    padding-left: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
    padding-top: 30px;
    padding-bottom: 1px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .container-out {
        padding-top: 50px;
        padding-bottom: 20px;
        margin-bottom: 50px;
    }
}

.container-out.container-full-width {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

#boxed .container-out.container-full-width {
    margin-left: -15px;
    margin-right: -15px;
}

.container-out.container-no-bottom {
    padding-bottom: 0;
}

.container-out:first-child {
    margin-top: -30px;
}

.container-out:last-child {
    margin-bottom: -30px;
}

.container-out+.container-out {
    margin-top: -30px;
}

@media (min-width: 768px) {
    .container-out:first-child {
        margin-top: -50px;
    }
    .container-out:last-child {
        margin-bottom: -50px;
    }
    .container-out+.container-out {
        margin-top: -50px;
    }
}


/* Colors */

.container-light {
    background-color: #f9f9f9;
}

.container-dark {
    background-color: #2d343e;
}

.container-image {
    overflow: hidden;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
}


/* Typography */

.container-dark h1,
.container-image h1,
.container-dark h2,
.container-image h2,
.container-dark h3,
.container-image h3,
.container-dark h4,
.container-image h4,
.container-dark h5,
.container-image h5,
.container-dark h6,
.container-image h6,
.container-dark a,
.container-image a {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.container-dark a:hover,
.container-image a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.container-dark,
.container-image {
    color: rgba(255, 255, 255, 0.6);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.container-dark .btn {
    color: #2d343e;
    background-color: #fff;
    border-color: #fff;
}

.container-dark .btn:hover {
    color: #2d343e;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.container-dark .btn:active {
    border-color: #fff;
}


/* Align col in row */

.row-inline-wrap {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
}

.row.row-inline {
    display: table;
    font-size: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.row.row-inline>* {
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: none;
    font-size: 14px;
    vertical-align: middle;
}

.row-inline.inline-bottom>* {
    vertical-align: bottom;
}

.row-inline.inline-top>* {
    vertical-align: top;
}

@media (min-width: 992px) {
    .row.row-inline>[class*="col-md-"] {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .row.row-inline>[class*="col-sm-"] {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* Title */

.title {
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
    color: #2d343e;
}

.title>* {
    margin: 0;
}

.title>hr {
    margin-top: 30px;
    margin-bottom: 30px;
}


/* Main title */

.title.title-main {
    text-transform: uppercase;
    line-height: 1
}


/* Center title */

.title.title-center {
    text-align: center;
}

.title>.btn+*,
.title.title-main>.btn+* {
    display: inline-block;
    line-height: 36px;
}


/* Inside */

.container-dark .title,
.container-image .title {
    color: #fff;
}


/* Interests */

.title h5 i.fa-heart {
    color: #FF3B30;
}

.title h5 i.fa-heart-o {
    color: #f1f1f1;
}


/* Section title */

.title.title-section {
    text-align: center;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    margin-top: 40px;
}

@media (min-width: 768px) {
    .title.title-section {
        margin-top: 70px;
        margin-bottom: 70px;
    }
}

.title.title-section>* {
    margin: 0;
    margin-bottom: 15px;
}

.title.title-section p {
    font-size: 16px;
    font-weight: 300;
}

.title.title-section .sticker {
    display: none;
}

@media (min-width: 768px) {
    .title.title-section .sticker {
        display: block;
        margin: 0 auto;
        position: relative;
        width: 100%;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
        margin-top: 30px;
        padding-bottom: 20px;
    }
    .title.title-section .sticker:before {
        width: 100%;
        height: 3px;
        position: absolute;
        content: '';
        top: 30px;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(33%, rgba(241, 241, 241, 1)), color-stop(66%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(241, 241, 241, 0)));
        background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
        background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
    }
    /* Indide */
    .container-dark .title.title-section .sticker:before,
    .container-image .title.title-section .sticker:before {
        opacity: 0.1;
    }
    .title.title-section .sticker .icon {
        color: #fff;
        width: 70px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
        position: relative;
        display: inline-block;
    }
    .title.title-section .sticker .icon:after {
        left: 0;
        width: 0;
        bottom: -15px;
        content: '';
        height: 0;
        position: absolute;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-top: 15px solid transparent;
    }
}


/* Position */

.container-out>.title.title-section:last-child {
    margin-bottom: 30px;
}

.container-out>.title.title-section:last-child .sticker {
    margin-bottom: -70px;
    padding-bottom: 0;
}

.container-out>.title.title-section:last-child .sticker:before {
    display: none;
}

.container-out>.title.title-section:first-child {
    margin-top: 0;
}


/* Text */

.text {
    margin-bottom: 30px;
}

.text .block-left {
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}

.text .block-right {
    float: right;
    margin-left: 30px;
    margin-top: 30px;
}


/* Thumbnail */

.thumbnail {
    display: block;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.thumbnail.thumbnail-no-margin {
    margin-bottom: 0;
}

.thumbnail>a {
    display: block;
}

.thumbnail .slider {
    margin: 0;
}

.thumbnail>img {
    max-width: 100%;
    width: 100%;
    height: auto;
}


/*Nav list */

nav>ul {
    padding: 0;
}

nav>ul li {
    list-style-type: none;
}

nav>ul li.title {
    margin-bottom: 15px;
}

nav>ul li:before {
    height: 1px;
    border: 0;
    margin: 10px 0;
    border: none;
    /* display: block; */
    content: '';
    height: 1px;
    width: 100%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(33%, rgba(241, 241, 241, 1)), color-stop(66%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(241, 241, 241, 0)));
    background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
    background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);
}

nav>ul li:first-child {
    margin-top: 20px;
}

nav>ul li:first-child:before {
    display: none;
}

nav>ul li a {
    /* display: block; */
    color: #888;
}

nav>ul li a:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    float: right;
    position: relative;
    right: 5px;
}


/* 	:: ::::::: :: */


/* 	:: ARTICLE :: */


/* 	:: ::::::: :: */


/* Meta */

.meta {
    font-style: italic;
    font-size: 13px;
    color: #777;
}

.meta>span+span {
    margin-left: 15px;
}

.meta .avatar {
    border-radius: 2px;
    overflow: hidden;
    height: 60px;
    width: 60px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.meta .avatar img {
    max-width: 100%;
    height: auto;
}

.meta .avatar+a {
    font-style: normal;
    float: right;
    margin-top: 20px;
}

.meta a {
    font-weight: normal;
    text-transform: uppercase;
}

.meta a:hover {
    color: #2d343e
}

.meta span[class*="meta-"]:before {
    font-family: 'icomoon';
    margin-right: 5px;
    font-style: normal;
    color: #f1f1f1;
}

.meta .meta-user:before {
    content: "\e674";
}

.meta .meta-comments:before {
    content: "\e66a";
}

.meta .meta-category:before {
    content: "\e62f";
}

.meta .meta-date:before {
    content: "\e648";
}

.meta .meta-like:before {
    content: "\e6d1";
}


/* Date */

.article-date {
    padding: 10px 0;
    color: #fff;
    position: relative;
    width: 80px;
    display: inline-block;
    margin: 0 0 20px 0;
}

.article-date:after {
    left: 0;
    width: 0;
    bottom: -20px;
    content: '';
    height: 0;
    position: absolute;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid transparent;
}

.article-date span {
    text-align: center;
    display: block;
    line-height: 1;
    margin: 0 5px;
    padding: 10px 0;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1;
}

.article-date span:first-child {
    padding-top: 0;
    border-top: none;
}

.article-date .day {
    font-size: 32px;
}

.article-date .month {
    font-size: 16px;
}

.article-date .type {
    color: #fff;
    font-size: 36px;
}


/* Share */

.article-share {
    display: block;
    background-color: #262829;
    color: #fff;
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
}

.article-share h5 {
    color: #fff;
    position: relative;
    line-height: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.article-share h5 i {
    display: block;
    font-size: 20px;
}

.article-share ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    font-size: 0;
}

.article-share ul li {
    display: inline-block;
    list-style-type: none;
    width: 25%;
    line-height: 80px;
    font-size: 13px;
}

.article-share ul li a {
    display: block;
    width: 100%;
    height: 80px;
    color: #fff;
}

.article-share ul li a>* {
    display: inline-block;
    vertical-align: middle;
}

.article-share ul li p {
    line-height: 25px;
    margin: 0;
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
}

.article-share ul li p:before {
    opacity: 0.3;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #fff;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    /* Safari and Chrome */
}

.article-share ul li i {
    font-size: 24px;
    position: relative;
    display: inline-block;
}

.article-share ul li a.like.active,
.article-share ul li a.like:hover {
    background-color: #d94332;
}

.article-share ul li a.twitter.active,
.article-share ul li a.twitter:hover {
    background-color: #33ccff;
}

.article-share ul li a.facebook.active,
.article-share ul li a.facebook:hover {
    background-color: #2980b9;
}

.article-share ul li a.pinterest.active,
.article-share ul li a.pinterest:hover {
    background-color: #ffcc00;
}

@media (min-width: 768px) {
    .article-share ul li {
        display: block;
        width: auto;
    }
}


/* Details */

.article-details {
    display: none;
    text-align: center;
    text-transform: uppercase;
    color: #2d343e;
}

.article-details ul {
    margin: 0;
    padding: 0;
}

.article-details li {
    line-height: 30px;
    list-style-type: none;
    display: block;
}

.article-details span {
    background-color: #f9f9f9;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    color: #2d343e;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 16px;
}

.article-details li:first-child span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #2d343e;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -10px;
}

@media (min-width: 768px) {
    .article-details {
        display: block;
    }
}


/* Article Nav */

.article-nav {
    background-color: #f9f9f9;
    display: block;
    position: relative;
    color: #e5e5e5;
    font-size: 15px;
    text-align: center;
    clear: both;
    line-height: 0;
}

.article-nav ul {
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 0;
    min-height: 50px;
}

.article-nav ul li {
    display: inline-block;
    position: relative;
    line-height: 19px;
    margin: 5px 0;
}

.article-nav ul li a {
    color: #2d343e
}

.article-nav ul li.selector {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

@media (max-width: 767px) {
    .article-nav ul li {
        width: 100%;
    }
    .article-nav ul li.selector {
        position: relative;
        left: 0;
        margin: 0;
    }
    .article-nav ul li.selector a {
        margin: 0 auto;
    }
}

.article-nav ul li.selector a {
    color: #fff;
    background-color: #2d343e;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 50px;
}

.article-nav ul li.selector a:after {
    content: "\f00a";
    font-family: FontAwesome;
    font-size: 18px;
    display: block;
}

.article-nav ul li.selector a:hover {
    color: #fff;
}

.article-nav strong {
    color: #e5e5e5;
    font-size: 12px;
    text-transform: uppercase;
}

.article-nav .prev {
    float: left;
    padding-left: 50px;
    text-align: left;
}

.article-nav .next {
    float: right;
    padding-right: 50px;
    text-align: right;
}

.article-nav .next a:before,
.article-nav .prev a:before {
    position: absolute;
    font-family: FontAwesome;
    font-size: 48px;
    top: 50%;
    margin-top: -24px;
    line-height: 1;
    color: #2d343e;
    width: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.article-nav .next a:before {
    content: "\f101";
    right: 0;
}

.article-nav .prev a:before {
    content: "\f100";
    left: 0;
}


/* Inside content */

#page-content .article-nav {
    font-size: inherit;
    margin-bottom: 30px;
    background-color: transparent;
}

#page-content .article-nav ul {
    min-height: 0;
}

#page-content .article-nav ul li {
    margin-top: 0;
    margin-bottom: 0;
}

#page-content .article-nav .next a:before,
#page-content .article-nav .prev a:before {
    color: #e5e5e5;
}


/* Author */

.article-author {
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 30px;
    padding-bottom: 10px;
    display: block;
}


/* Heading */

.author-heading {
    float: left;
    display: none;
}

.author-heading .avatar {
    border-radius: 2px;
    overflow: hidden;
    display: block;
}

.author-heading img {
    width: 100px;
    height: 100px;
}

.post-heading .thumbnail,
.post-heading .teaser {
    margin: 0;
}


/* Content */

.author-content {
    clear: none;
}

.author-content .title {
    border-bottom: 1px dashed #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.author-content strong {
    display: block;
}

.article-author .social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
}

@media (min-width: 768px) {
    .author-heading {
        display: block;
    }
    .author-content {
        margin-left: 140px;
    }
    .author-content strong {
        min-width: 140px;
        display: inline-block;
    }
}


/* Tags */

.tags p {
    font-size: 0;
    margin: -5px 0 0 0;
    line-height: 1;
}

.tags p a {
    border-radius: 2px;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    margin-top: 5px;
    margin-right: 5px;
    padding: 7px 10px;
    background: #2d343e;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#footer .tags p a {
    background: rgba(255, 255, 255, 0.1);
}


/* 	:: ::::::::::::::::::: :: */


/* 	:: POST TYPE :: Single :: */


/* 	:: ::::::::::::::::::: :: */

section.posts {
    margin-bottom: 30px;
}

article.post {
    text-align: left;
    width: 100%;
    display: inline-block;
    position: relative;
}

article.post.post-single {
    margin-bottom: 50px;
}

article.post.post-single>* {
    clear: both;
}


/* HEADER */

.post-heading {
    clear: both;
}

.post-heading .thumbnail>* {
    margin-bottom: 0;
}

article.post .title h2 {
    margin-bottom: 5px;
}


/* CONTENT */

.post-content {
    position: relative;
}

.post-content .content-left {
    width: 80px;
    float: left;
}


/* Type */

article[class*="post-type-"]:before {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.post-type-text .type:before {
    font-family: 'icomoon';
    content: "\e604";
}

.post-type-audio .type:before {
    font-family: 'icomoon';
    content: "\e610";
}

.post-type-gallery .type:before {
    font-family: 'icomoon';
    content: "\e60e";
}

.post-type-video .type:before {
    font-family: 'icomoon';
    content: "\e774";
}

.post-type-blockquote .type:before {
    font-family: 'icomoon';
    content: "\e676";
}

.post-type-image .type:before {
    font-family: 'icomoon';
    content: "\e60d";
}

.post-type-vimeo .type:before {
    font-family: 'icomoon';
    content: "\e775";
}

.post-type-youtube .type:before {
    font-family: 'icomoon';
    content: "\e773";
}

.post-content>.type {
    position: absolute;
    top: 5px;
    left: 0;
    color: #fff;
    width: 40px;
    font-size: 18px;
    height: 30px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    z-index: 1;
}

.post-content>.type:after {
    left: 0;
    width: 0;
    bottom: -10px;
    content: '';
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid transparent;
}

.post-content>.type+.title {
    margin-left: 50px;
}

.post-content .content-right {
    margin-left: 120px;
}

.post-heading+.post-content {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .post-content .content-left {
        width: 100%;
        float: none;
    }
    .post-content .content-right {
        margin-left: 0;
    }
    .post-heading+.post-content {
        margin-top: 15px;
    }
    .article-date {
        width: 100%;
    }
    .article-date span {
        display: inline-block;
        vertical-align: middle;
        border-top: none;
        padding: 0 10px;
        margin: 0;
        line-height: 40px;
        font-size: 16px;
    }
    .article-date span+span {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
    .article-date:after {
        display: none;
    }
}


/* 	:: ::::::::::::::::: :: */


/* 	:: POST TYPE :: List :: */


/* 	:: ::::::::::::::::: :: */

article.post-list {}


/* 	:: :::::::::::::::::::: :: */


/* 	:: POST TYPE :: Related :: */


/* 	:: :::::::::::::::::::: :: */

article.post-related {
    text-align: center;
    display: block;
}

article.post-related .post-heading {
    margin-bottom: 20px;
}

article.post-related .title {
    margin-bottom: 0
}

article.post-related .type {
    margin: -50px auto 20px;
    display: block;
}


/* 	:: ::::::::::::::::::: :: */


/* 	:: POST TYPE :: Thumbs :: */


/* 	:: ::::::::::::::::::: :: */

article.post-thumb {}

article.post-thumb .post-heading {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

article.post-thumb .post-heading img {
    width: 100%;
}

article.post-thumb .post-content {
    width: auto;
    display: block;
    margin-top: 0;
}

article.post-thumb .post-content .title {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    article.post-thumb .post-heading {
        width: 170px;
        float: left;
        margin-bottom: 0px;
    }
    article.post-thumb .post-content {
        margin-left: 200px;
    }
}


/* 	:: ::::::::::::::::: :: */


/* 	:: POST TYPE :: Grid :: */


/* 	:: ::::::::::::::::: :: */

article.post-grid .post-content {
    background-color: #f7f7f7;
    padding: 30px 15px 30px 30px;
}

article.post-grid .post-heading+.post-content {
    margin-top: 5px;
}

article.post-grid .meta span[class*="meta-"]:before {
    color: #e5e5e5;
}

article.post-grid .post-content>.type {
    top: 35px;
    left: 30px;
}

.posts.grid+.pagination:before {
    margin-top: 30px;
}

.posts.grid blockquote {
    background: transparent;
    border: none;
    margin-left: -30px;
    margin-top: -30px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-left: 30px;
}


/* 	:: ::::::::::::::::: :: */


/* 	:: POST TYPE :: Mini :: */


/* 	:: ::::::::::::::::: :: */

article.post-mini {}

article.post-mini+article.post-mini {
    margin-top: 10px;
}

article.post-mini[class*="devider-"] {
    margin: 0 !important;
}

article.post-mini.devider-top:before {
    margin: 15px 0;
}

article.post-mini:last-child {
    margin-bottom: 0;
}

article.post-mini .post-heading {
    width: 75px;
    float: left;
}

article.post-mini .post-content {
    margin-left: 90px;
    margin-top: 0;
}

article.post-mini .title {
    display: table;
    min-height: 75px;
    height: 75px;
    vertical-align: middle;
    margin-bottom: 0;
}

article.post-mini .title h2 {
    display: table-cell;
    line-height: 1.1;
    vertical-align: middle;
    font-weight: normal;
}


/* 	:: ::::::::::::::::::: :: */


/* 	:: POST TYPE :: Latest :: */


/* 	:: ::::::::::::::::::: :: */

article.post-latest {
    margin-bottom: 30px;
}

article.post-latest .post-heading {
    margin-bottom: 30px;
}

article.post-latest .post-content .text>*:last-child,
article.post-latest .post-content>*:last-child {
    margin-bottom: 0;
}

article.post-latest .meta span[class*="meta-"]:before {
    color: #e5e5e5;
}


/* 	:: ::::::::::::::::::::: :: */


/* 	:: POST TYPE :: Carousel :: */


/* 	:: ::::::::::::::::::::: :: */

.carousel>.post {
    margin-bottom: 0;
}


/* Clear all marging */

.posts .post-content>*:last-child,
.posts .post-content .content-right>*:last-child,
.posts .text>*:last-child,
.posts .text a.btn {
    margin-bottom: 0;
}

.posts>article:first-child:before {
    display: none;
}


/* 	:: :::::::::::::::::::::: :: */


/* 	:: PROJECT TYPE :: Single :: */


/* 	:: :::::::::::::::::::::: :: */

article.project-single {
    margin-bottom: 30px;
}

article.project-single .project-heading {}

.project-heading {
    position: relative;
}

.project-heading .thumbnail,
.project-heading .teaser {
    margin: 0;
}

.project .thumbnail {
    overflow: hidden;
}

article.project-single .heading-left {
    margin-right: 130px;
}

article.project-single .heading-left>*:last-child {
    margin-bottom: 0;
}

article.project-single .heading-right {
    width: 80px;
    float: right;
}

@media (max-width: 767px) {
    article.project-single .heading-left {
        margin-right: 0;
    }
    article.project-single .heading-right {
        width: auto;
        float: none;
    }
}


/* Actions */

.project-action {
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.project-action li {
    list-style-type: none;
    position: absolute;
    float: left;
    top: 50%;
    margin-top: -18px;
    margin-left: 12px;
    opacity: 0;
    left: 50%;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.project-action li+li {
    margin-left: -48px;
}

.project.active .project-action li,
.project:hover .project-action li {
    opacity: 1;
    margin-left: 2px;
}

.project.active .project-action li+li,
.project:hover .project-action li+li {
    margin-left: -38px;
}


/* 	:: :::::::::::::::::::: :: */


/* 	:: PROJECT TYPE :: Grid :: */


/* 	:: :::::::::::::::::::: :: */

.project-animated .project-heading {
    overflow: hidden;
}

.project-animated .project-content {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    bottom: -200px;
    width: 100%;
    padding: 10px;
}

.project-animated {
    position: relative;
    overflow: hidden;
}

.project-animated .project-content .title {
    margin-bottom: 0;
    display: block;
    color: #2d343e;
    margin-right: 40px;
}

.project-animated .project-content .title .desc {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 5px;
    font-size: 13px;
}

.project-animated .project-content .meta {
    float: right;
    margin: 0;
    margin-top: 2px;
}

.project-animated .project-content .meta,
.project-animated .project-content .meta span:before {
    color: #2d343e;
}


/* Full width */

.container-full-width>.grid-wrap {
    margin-right: 30px;
    margin-left: 30px;
    padding-top: 30px;
}

.container-full-width>.grid-wrap.grid-no-margins {
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
}

.container-full-width>.grid-wrap.grid-no-margins .grid {
    margin-bottom: 0;
}


/*
.container-full-width .projects.grid {
	margin-left: 0;
	margin-top: 15px;
	margin-right: 15px;
}
	.container-full-width .projects.grid > * {
		margin-left: 15px;
		margin-bottom: 15px;
	}

@media (min-width: 768px) {

	.container-full-width .projects.grid {
		margin-top: 30px;
		margin-right: 30px;
	}
		.container-full-width .projects.grid > * {
			margin-left: 30px;
			margin-bottom: 30px;
		}
}
@media (min-width: 1400px) {
	body > *:not(#boxed) .container-full-width .projects.grid {
		margin-top: 50px;
		margin-right: 50px;
	}
		body > *:not(#boxed) .container-full-width .projects.grid > * {
			margin-left: 50px;
			margin-bottom: 50px;
		}
}*/


/* 	:: :::::::::::::::::::::: :: */


/* 	:: PROJECT TYPE :: Latest :: */


/* 	:: :::::::::::::::::::::: :: */

.project-default {
    text-align: center;
}

.project-default .project-heading {
    margin-bottom: 20px;
}

.project-default .meta {
    color: #999;
}

.project-default .meta span[class*="meta-"]:before {
    color: #e5e5e5;
}

.project-default .project-content .title {
    margin-bottom: 0;
}


/* Inside */

.container-dark .project-default .project-heading,
.container-image .project-default .project-heading {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px;
    position: relative;
}

.container-dark .project-default .project-heading:after,
.container-image .project-default .project-heading:after {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 0;
    bottom: -10px;
    content: '';
    height: 0;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(255, 255, 255, 0.1);
}

.container-dark .project-default .meta span[class*="meta-"]:before,
.container-image .project-default .meta span[class*="meta-"]:before {
    opacity: 0.1;
}


/* 	:: :::::::::::::::::::::::: :: */


/* 	:: PROJECT TYPE :: Carousel :: */


/* 	:: :::::::::::::::::::::::: :: */

.project-carousel .teaser {
    margin: 0;
}


/* 	:: ::::::::::: :: */


/* 	:: PAGE :: 404 :: */


/* 	:: ::::::::::: :: */

body.page-404 #content h1,
body.page-404 #content h2 {
    line-height: 1.2;
    text-align: center;
    font-size: 200px;
}

body.page-404 #content h2 {
    font-size: 50px;
}

@media (max-width: 767px) {
    body.page-404 #content h1 {
        font-size: 100px;
    }
    body.page-404 #content h2 {
        font-size: 42px;
    }
}


/* 	:: ::::::::::::::: :: */


/* 	:: PAGE :: Contact :: */


/* 	:: ::::::::::::::: :: */

.contact-switcher {
    position: relative;
    display: inline-block;
    width: 100%;
}

#content>.contact-switcher {
    margin-top: -80px;
    margin-bottom: -80px;
}

address {
    font-style: normal;
    margin-bottom: 15px;
}

address .row {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    address {
        margin-bottom: 30px;
    }
}

address b {
    color: #2d343e;
}


/* Map */

#googlemaps {
    height: 500px;
    width: 100%;
    line-height: inherit;
}

#googlemaps.map-cover {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    line-height: inherit;
}

#googlemaps img {
    max-width: inherit;
}

#googlemaps .gm-style div {
    font: 13px/20px 'Open Sans', sans-serif;
}

#googlemaps .gm-style-iw address {
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

#googlemaps .gm-style-iw address .row {
    margin-top: 10px;
}

#googlemaps .gm-style-iw h4 {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.contact-switcher .btn.to-form,
.contact-switcher .btn.to-contact {
    margin-bottom: 15px;
}

.contact-switcher .address,
.contact-switcher .form {
    top: 0;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 60px;
    margin-bottom: 60px;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


/* Address */

.contact-switcher .address {
    left: -100%;
}

.address-inner {
    background-color: #fff;
    padding: 15px;
    padding-bottom: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}


/* Form */

.contact-switcher .form {
    left: 100%;
}

.form-inner {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    /* background: url("/static/images/form-bg.jpg"); */
    padding: 15px;
    margin-bottom: 30px;
    animation: animatedBackground 20s linear infinite;
    -webkit-animation: animatedBackground 20s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.form .form-inner {
    margin-bottom: 0;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .form-inner {
        background-image: url("/static/images/form-bg@2x.jpg");
        background-size: 170px 170px;
    }
}

.form-inner form {
    background-color: #fff;
    padding: 15px;
    padding-bottom: 0;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    position: relative;
    display: inline-block;
    width: 100%;
}

#respond {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-right: 20px;
}

.form-inner.sending {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

.contact-switcher .address.current,
.contact-switcher .form.current {
    position: relative;
    left: 0;
}

@media (min-width: 768px) {
    .address-inner,
    .form-inner form {
        padding: 30px;
        padding-bottom: 0;
    }
    .contact-switcher .btn.to-form,
    .contact-switcher .btn.to-contact {
        margin-bottom: 30px;
    }
    .contact-switcher .address,
    .contact-switcher .form {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .contact-switcher .address {
        width: 400px;
        left: -50%;
        margin-left: -360px;
    }
    #boxed .contact-switcher .address {
        margin-left: -345px;
    }
    .contact-switcher .form {
        width: 720px;
        margin-left: -360px;
        left: 150%;
    }
    #boxed .contact-switcher .form {
        width: 690px;
        margin-left: -345px;
    }
    .contact-switcher .address.current,
    .contact-switcher .form.current {
        left: 50%;
    }
}

@media (min-width: 992px) {
    .contact-switcher .address {
        width: 400px;
        margin-left: -470px;
    }
    #boxed .contact-switcher .address {
        margin-left: -455px;
    }
    .contact-switcher .form {
        width: 800px;
        margin-left: -400px;
    }
}

@media (min-width: 1200px) {
    body:not(.w970) .contact-switcher .address {
        margin-left: -570px;
    }
    body:not(.w970) #boxed .contact-switcher .address {
        margin-left: -555px;
    }
}


/* 	:: :::::::::::::::: :: */


/* 	:: PAGE :: Our team :: */


/* 	:: :::::::::::::::: :: */


/* Memeber */

.member {
    text-align: center;
}

.member-heading {
    margin-bottom: 20px;
}

.member-heading .title,
.member-heading .userpic {
    vertical-align: middle;
}

.member-heading .title {
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.member-heading .title>* {
    margin: 0;
    font-weight: 600;
}

.member-heading .title .btn {
    margin-top: 10px;
}

.member-heading .title p {
    margin-top: 5px;
    color: #999;
    font-weight: normal;
}

.member-heading .userpic {
    max-width: 60%;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
}

.member-heading .userpic img {
    max-width: 100%;
    height: auto;
}

.member-heading .social {
    vertical-align: middle;
    margin-left: 20px;
    display: inline-block;
    text-align: center;
    position: relative;
    width: 50px;
}

.member-heading .social:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #2d343e;
    top: 50%;
    margin-top: -8px;
    left: -8px;
}

.member-heading .social li {
    display: block;
    margin: 0;
}

.member-content p.like {
    position: relative;
    padding-top: 35px;
    font-weight: normal;
    font-style: italic;
    color: #FF3B30;
}

.member-content p.like:before {
    font-style: normal;
    position: absolute;
    font-family: FontAwesome;
    content: "\f004";
    color: #FF3B30;
    font-size: 20px;
    left: 50%;
    margin-left: -20px;
    top: 0;
    width: 40px;
    height: 30px;
    line-height: 30px;
}


/* 	:: :::::::::::::::: :: */


/* 	:: PAGE :: About Us :: */


/* 	:: :::::::::::::::: :: */


/* Timeline */

.timeline>ol {
    position: relative;
    padding-bottom: 5px;
}

.timeline>ol:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    background-color: #f1f1f1;
    height: 100%;
}

.timeline>ol>li {
    list-style-type: none;
    clear: both;
    position: relative;
    margin: 0;
    padding: 15px 0;
    min-height: 150px;
}

.timeline-content {
    position: relative;
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
}

.timeline-content .article-date {
    margin-bottom: 0;
}

.timeline li.even .timeline-content .title,
.timeline li.even .timeline-content .content {
    margin-left: 30px;
    margin-right: 30px;
}

@media (min-width: 768px) {
    .timeline>ol:before {
        display: none;
    }
    .timeline li.even {
        margin-left: 50%;
        left: -1px;
        border-left: 1px solid #f1f1f1;
    }
    .timeline li.odd {
        margin-right: 50%;
        text-align: right;
        border-right: 1px solid #f1f1f1;
    }
    .timeline li.even .timeline-content {
        border-left: none;
    }
    .timeline li.odd .timeline-content {
        border-right: none;
    }
    .timeline-content {
        padding-top: 30px;
    }
    .timeline-content .article-date {
        position: absolute;
        z-index: 1;
        top: 0;
        margin-bottom: 0;
    }
    .timeline li.even .timeline-content .article-date {
        left: -40px;
    }
    .timeline li.odd .timeline-content .article-date {
        right: -40px;
    }
    .timeline li.even .timeline-content .title,
    .timeline li.even .timeline-content .content {
        margin-left: 50px;
        margin-right: 30px;
    }
    .timeline li.odd .timeline-content .title,
    .timeline li.odd .timeline-content .content {
        margin-left: 30px;
        margin-right: 50px;
    }
    .timeline-content .thumbnail {
        margin-top: -30px;
    }
}

.timeline li.year {
    background-color: transparent;
    font-size: 16px;
    color: #fff;
    min-height: 0;
    text-align: center;
    padding: 0;
    height: 80px;
    line-height: 80px;
    width: 80px;
    margin: 0 auto;
}


/* Clients */

.clients.carousel .client {
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: relative;
    text-align: center;
}


/* 	:: ::::::::::::: :: */


/* 	:: PAGE :: Login :: */


/* 	:: ::::::::::::: :: */

.page-login-register .side-options .side-options-heading {
    background-color: #f1f1f1;
}

.page-login-register .side-options .side-options-heading a,
.page-login-register .side-options .side-options-heading a span {
    color: #2d343e;
}

.page-login-register {
    background-color: #2d343e;
}

.page-login-register #login-register {
    padding: 8% 0 0;
    margin: auto;
    text-align: center;
}


/* Logo */

.page-login-register .logo {
    display: inline-block;
    opacity: 0.4;
    margin-bottom: 30px;
}

.page-login-register .logo:hover {
    opacity: 0.9;
}


/* Tab */

.page-login-register #login-register>div {
    text-align: left;
}

#recovery {
    display: inline-block;
    width: 100%;
    opacity: 0;
    position: relative;
    left: -30px;
    display: none;
}

#recovery>hr {
    margin-top: 0;
}

#recovery .recovery-close {
    float: right;
    font-size: 18px;
    line-height: 1;
}

#login-register.modal .close {
    position: absolute;
    top: 10px;
    right: 15px;
}


/* 	:: :::::: :: */


/* 	:: FOOTER :: */


/* 	:: :::::: :: */

#footer {
    padding-top: 50px;
    position: relative;
    clear: both;
    background-color: #2d343e;
    color: rgba(255, 255, 255, 0.3);
    border-top: 5px solid rgba(255, 255, 255, 0.1);
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #fff;
}

#footer a {
    color: rgba(255, 255, 255, 0.3);
}

#footer a:hover {
    color: rgba(255, 255, 255, 1);
}

#footer .form-field label {
    color: rgba(255, 255, 255, 0.3);
}

#footer textarea,
#footer .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    color: #fff;
}


/* Logo */

#footer .logo {
    opacity: 0.4;
}

#footer .logo:hover {
    opacity: 0.9;
}


/* Nav */

#footer ul.nav {}

#footer ul.nav li {
    display: inline-block;
    list-style-type: none;
}

#footer ul.nav li+li {
    margin-left: 20px;
}

#footer ul.nav li a {
    text-transform: uppercase;
    display: block;
}


/* Touch */

#footer .touch {}

#footer .touch li {
    display: inline-block;
    font-size: 12px;
    list-style-type: none;
}

#footer .touch li+li {
    margin-left: 10px;
}

#footer .touch li>* {
    line-height: 1.2;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

#footer .touch li i {
    line-height: 1;
    margin-right: 5px;
    font-size: 36px;
}

#footer .touch li span {
    padding: 0 5px;
}


/* Social */

.networking {
    display: grid;
    place-items: center;
}
.networking ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

#footer .social {
    text-align: right;
}

#footer .social li {
    display: inline-block;
    list-style-type: none;
    vertical-align: middle;
    font-size: 22px;
}

#footer .social li+li {
    margin-left: 5px
}

#footer .social li .icomoon-youtube {
    font-size: 30px;
}

#footer .social li a {
    display: block;
}

@media (max-width: 991px) {
    #footer .social,
    #footer .touch {
        text-align: center;
    }
}


/* Credits */

#footer .credits {
    color: #fff;
    padding: 15px 0;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
    font-size: 13px;
}

#footer .credits a {
    color: rgba(255, 255, 255, 0.5);
}

#footer .credits a:hover {
    color: rgba(255, 255, 255, 1);
}

#footer .credits span {
    padding: 0 10px;
    color: rgba(255, 255, 255, 0.5);
}


/* 	:: :::::: :: */


/* 	:: TO TOP :: */


/* 	:: :::::: :: */

#toTop {
    margin-bottom: -60px;
    padding: 0;
    color: #fff;
    border-radius: 3px;
    right: 10px;
    bottom: 10px;
    z-index: 2500;
    width: 40px;
    height: 40px;
    position: fixed;
    border-radius: 50%;
    -webkit-transition: margin-bottom 0.2s ease-out, background-color 0.1s linear;
    transition: margin-bottom 0.2s ease-out, background-color 0.1s linear;
}

#toTop:active {
    top: auto;
    left: auto;
    right: 9px;
    bottom: 9px;
}

html.scroll #toTop {
    margin-bottom: 0;
}


/* Push */

.push {
    height: 50px;
}

body .push-bottom {
    margin-bottom: 50px;
}

body .push-top {
    margin-top: 50px;
}

.push.push-big {
    height: 80px;
}

.row+.push {
    height: 20px;
}

.row+.push.push-big {
    height: 50px;
}


/*  :: ::::::: :: */


/*  :: Animate :: */


/*  :: ::::::: :: */

*[data-animate*="In"] {
    opacity: 0;
}

.animated.done[data-animate*="In"] {
    opacity: 1;
}

.hinge,
.bounceIn,
.bounceInDown,
.bounceInLeft,
.bounceInRight,
.bounceInUp,
.slideInDown,
.slideInLeft,
.slideInRight,
.slideInUp {
    opacity: 1;
}

.animated.done[data-animate*="Out"],
.animated.done[data-animate*="hinge"] {
    opacity: 0;
}

#footer-brasil {
    /*   background: none repeat scroll 0% 0% #0042b1; */
    /* Azul */
    /*   background: none repeat scroll 0% 0% #2c66ce; */
    /* Amarelo */
    /*   background: none repeat scroll 0% 0% #00420c; */
    /* Verde */
    padding: 1em 0px;
    max-width: 100%;
}
/*
a[href*="//"]:not([href*="ita.br"],
[href*="gov.br"],
[href*="cta.br"],
[href*="fab.mil.br"])::after {
    content: ' \f08e';
    font-family: 'FontAwesome';
}
*/

.fancybox-inner .pre {
    height: 50%;
}

pre {
    height: 40vh;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-y: auto;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
  }