/*!
Theme Name: 9Marks 2018 International
Theme URI: http://www.9marks.org
Author: Joe Tan (Openbox9)

DO NOT EDIT style.css DIRECTLY. 

Use style.scss.
*/
@import url(https://www.9marks.org/wp-content/themes/9marks/fonts/styles.css);
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-7px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}

@-webkit-keyframes pulse {
  0% {
    margin-bottom: 0px;
    opacity: 0;
  }
  10% {
    margin-bottom: 0px;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    margin-bottom: -15px;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  90% {
    margin-bottom: 0px;
    opacity: 0;
  }
  100% {
    margin-bottom: 0px;
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    margin-bottom: 0px;
    opacity: 0;
  }
  10% {
    margin-bottom: 0px;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    margin-bottom: -15px;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  90% {
    margin-bottom: 0px;
    opacity: 0;
  }
  100% {
    margin-bottom: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes loading {
  100% {
    background-position: 0px -570px;
  }
}

@keyframes loading {
  100% {
    background-position: 0px -570px;
  }
}

@-webkit-keyframes loop {
  from {
    -webkit-transform: translate(0%, 0%);
  }
  to {
    -webkit-transform: translate(-50%, 0%);
  }
}

@keyframes loop {
  from {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  to {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}

/*
Author: Joe Tan (joetan54@gmail.com)

Copyright (c) 2018 Joe Tan
THIS CODE MAY NOT BE REDISTRIBUTED WITHOUT EXPLICIT PERMISSION
*/
/*
Author: Joe Tan (joetan54@gmail.com)

Copyright (c) 2017 Joe Tan
THIS CODE MAY NOT BE REDISTRIBUTED WITHOUT EXPLICIT PERMISSION
*/
/* @group Grid Layout */
.row {
  position: relative;
  margin-bottom: 20px;
  zoom: 1;
}

.row:after {
  content: ' ';
  display: block;
  clear: both;
}

.row:last-child {
  margin-bottom: 0;
}

.row.group {
  margin-bottom: 0;
}

/*! 16 grid, 25px margins */
.row > [class*="span"],
.row > [class*="col"],
.wpb_row.vc_row-fluid > [class*="vc_span"] {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  margin-left: -25px;
  margin-left: calc(-25px);
}

.row > [class*="span"],
.row > [class*="col"],
.wpb_row.vc_row-fluid > [class*="vc_span"] {
  margin-left: 25px;
  margin-left: calc(25px);
}

.row > .col1_10 {
  width: 10%;
  width: calc(10% - 25px);
}

.row > .offset1_10 {
  margin-left: 10%;
  margin-left: calc(10% + 25px);
}

.row > .col1_5, .row > .col2_10, .row > .col3_15 {
  width: 20%;
  width: calc(20% - 25px);
}

.row > .offset1_5, .row > .offset2_10, .row > .offset3_15 {
  margin-left: 20%;
  margin-left: calc(20% + 25px);
}

.row > .col1_4, .row > .col2_8, .row > .col3_12, .row > .col4_16, .row > .span3, .wpb_row.vc_row-fluid > .vc_span3 {
  width: 25%;
  width: calc(25% - 25px);
}

.row > .offset1_4, .row > .offset2_8, .row > .offset3_12, .row > .offset4_16, .row > .offset3 {
  margin-left: 25%;
  margin-left: calc(25% + 25px);
}

.row > .col3_10 {
  width: 30%;
  width: calc(30% - 25px);
}

.row > .offset3_10 {
  margin-left: 30%;
  margin-left: calc(30% + 25px);
}

.row > .col2_5, .row > .col4_10, .row > .col6_15 {
  width: 40%;
  width: calc(40% - 25px);
}

.row > .offset2_5, .row > .offset4_10, .row > .offset6_15 {
  margin-left: 40%;
  margin-left: calc(40% + 25px);
}

.row > .col1_2, .row > .col2_4, .row > .col3_6, .row > .col4_8, .row > .col5_10, .row > .col6_12, .row > .col7_14, .row > .col8_16, .row > .span6, .wpb_row.vc_row-fluid > .vc_span6 {
  width: 50%;
  width: calc(50% - 25px);
}

.row > .offset1_2, .row > .offset2_4, .row > .offset3_6, .row > .offset4_8, .row > .offset5_10, .row > .offset6_12, .row > .offset7_14, .row > .offset8_16, .row > .offset6 {
  margin-left: 50%;
  margin-left: calc(50% + 25px);
}

.row > .col3_5, .row > .col6_10, .row > .col9_15 {
  width: 60%;
  width: calc(60% - 25px);
}

.row > .offset3_5, .row > .offset6_10, .row > .offset9_15 {
  margin-left: 60%;
  margin-left: calc(60% + 25px);
}

.row > .col7_10 {
  width: 70%;
  width: calc(70% - 25px);
}

.row > .offset7_10 {
  margin-left: 70%;
  margin-left: calc(70% + 25px);
}

.row > .col3_4, .row > .col6_8, .row > .col9_12, .row > .col12_16, .row > .span9, .wpb_row.vc_row-fluid > .vc_span9 {
  width: 75%;
  width: calc(75% - 25px);
}

.row > .offset3_4, .row > .offset6_8, .row > .offset9_12, .row > .offset12_16, .row > .offset9 {
  margin-left: 75%;
  margin-left: calc(75% + 25px);
}

.row > .col4_5, .row > .col8_10, .row > .col12_15 {
  width: 80%;
  width: calc(80% - 25px);
}

.row > .offset4_5, .row > .offset8_10, .row > .offset12_15 {
  margin-left: 80%;
  margin-left: calc(80% + 25px);
}

.row > .col9_10 {
  width: 90%;
  width: calc(90% - 25px);
}

.row > .offset9_10 {
  margin-left: 90%;
  margin-left: calc(90% + 25px);
}

.row > .col1_1, .row > .col2_2, .row > .col3_3, .row > .col4_4, .row > .col5_5, .row > .col6_6, .row > .col7_7, .row > .col8_8, .row > .col9_9, .row > .col10_10, .row > .col11_11, .row > .col12_12, .row > .col13_13, .row > .col14_14, .row > .col15_15, .row > .col16_16, .row > .span12, .wpb_row.vc_row-fluid > .vc_span12 {
  width: 100%;
  width: calc(100% - 25px);
}

.row > .offset1_1, .row > .offset2_2, .row > .offset3_3, .row > .offset4_4, .row > .offset5_5, .row > .offset6_6, .row > .offset7_7, .row > .offset8_8, .row > .offset9_9, .row > .offset10_10, .row > .offset11_11, .row > .offset12_12, .row > .offset13_13, .row > .offset14_14, .row > .offset15_15, .row > .offset16_16, .row > .offset12 {
  margin-left: 100%;
  margin-left: calc(100% + 25px);
}

.row > .col1_3, .row > .col2_6, .row > .col3_9, .row > .col4_12, .row > .col5_15, .row > .span4, .wpb_row.vc_row-fluid > .vc_span4 {
  width: 33.333%;
  width: calc(33.333% - 25px);
}

.row > .offset1_3, .row > .offset2_6, .row > .offset3_9, .row > .offset4_12, .row > .offset5_15, .row > .offset4 {
  margin-left: 33.333%;
  margin-left: calc(33.333% + 25px);
}

.row > .col2_3, .row > .col4_6, .row > .col6_9, .row > .col8_12, .row > .col10_15, .row > .span8, .wpb_row.vc_row-fluid > .vc_span8 {
  width: 66.667%;
  width: calc(66.667% - 25px);
}

.row > .offset2_3, .row > .offset4_6, .row > .offset6_9, .row > .offset8_12, .row > .offset10_15, .row > .offset8 {
  margin-left: 66.667%;
  margin-left: calc(66.667% + 25px);
}

.row > .col1_6, .row > .col2_12, .row > .span2, .wpb_row.vc_row-fluid > .vc_span2 {
  width: 16.667%;
  width: calc(16.667% - 25px);
}

.row > .offset1_6, .row > .offset2_12, .row > .offset2 {
  margin-left: 16.667%;
  margin-left: calc(16.667% + 25px);
}

.row > .col5_6, .row > .col10_12, .row > .span10, .wpb_row.vc_row-fluid > .vc_span10 {
  width: 83.333%;
  width: calc(83.333% - 25px);
}

.row > .offset5_6, .row > .offset10_12, .row > .offset10 {
  margin-left: 83.333%;
  margin-left: calc(83.333% + 25px);
}

.row > .col1_7, .row > .col2_14 {
  width: 14.286%;
  width: calc(14.286% - 25px);
}

.row > .offset1_7, .row > .offset2_14 {
  margin-left: 14.286%;
  margin-left: calc(14.286% + 25px);
}

.row > .col2_7, .row > .col4_14 {
  width: 28.571%;
  width: calc(28.571% - 25px);
}

.row > .offset2_7, .row > .offset4_14 {
  margin-left: 28.571%;
  margin-left: calc(28.571% + 25px);
}

.row > .col3_7, .row > .col6_14 {
  width: 42.857%;
  width: calc(42.857% - 25px);
}

.row > .offset3_7, .row > .offset6_14 {
  margin-left: 42.857%;
  margin-left: calc(42.857% + 25px);
}

.row > .col4_7, .row > .col8_14 {
  width: 57.143%;
  width: calc(57.143% - 25px);
}

.row > .offset4_7, .row > .offset8_14 {
  margin-left: 57.143%;
  margin-left: calc(57.143% + 25px);
}

.row > .col5_7, .row > .col10_14 {
  width: 71.429%;
  width: calc(71.429% - 25px);
}

.row > .offset5_7, .row > .offset10_14 {
  margin-left: 71.429%;
  margin-left: calc(71.429% + 25px);
}

.row > .col6_7, .row > .col12_14 {
  width: 85.714%;
  width: calc(85.714% - 25px);
}

.row > .offset6_7, .row > .offset12_14 {
  margin-left: 85.714%;
  margin-left: calc(85.714% + 25px);
}

.row > .col1_8, .row > .col2_16 {
  width: 12.5%;
  width: calc(12.5% - 25px);
}

.row > .offset1_8, .row > .offset2_16 {
  margin-left: 12.5%;
  margin-left: calc(12.5% + 25px);
}

.row > .col3_8, .row > .col6_16 {
  width: 37.5%;
  width: calc(37.5% - 25px);
}

.row > .offset3_8, .row > .offset6_16 {
  margin-left: 37.5%;
  margin-left: calc(37.5% + 25px);
}

.row > .col5_8, .row > .col10_16 {
  width: 62.5%;
  width: calc(62.5% - 25px);
}

.row > .offset5_8, .row > .offset10_16 {
  margin-left: 62.5%;
  margin-left: calc(62.5% + 25px);
}

.row > .col7_8, .row > .col14_16 {
  width: 87.5%;
  width: calc(87.5% - 25px);
}

.row > .offset7_8, .row > .offset14_16 {
  margin-left: 87.5%;
  margin-left: calc(87.5% + 25px);
}

.row > .col1_9 {
  width: 11.111%;
  width: calc(11.111% - 25px);
}

.row > .offset1_9 {
  margin-left: 11.111%;
  margin-left: calc(11.111% + 25px);
}

.row > .col2_9 {
  width: 22.222%;
  width: calc(22.222% - 25px);
}

.row > .offset2_9 {
  margin-left: 22.222%;
  margin-left: calc(22.222% + 25px);
}

.row > .col4_9 {
  width: 44.444%;
  width: calc(44.444% - 25px);
}

.row > .offset4_9 {
  margin-left: 44.444%;
  margin-left: calc(44.444% + 25px);
}

.row > .col5_9 {
  width: 55.556%;
  width: calc(55.556% - 25px);
}

.row > .offset5_9 {
  margin-left: 55.556%;
  margin-left: calc(55.556% + 25px);
}

.row > .col7_9 {
  width: 77.778%;
  width: calc(77.778% - 25px);
}

.row > .offset7_9 {
  margin-left: 77.778%;
  margin-left: calc(77.778% + 25px);
}

.row > .col8_9 {
  width: 88.889%;
  width: calc(88.889% - 25px);
}

.row > .offset8_9 {
  margin-left: 88.889%;
  margin-left: calc(88.889% + 25px);
}

.row > .col1_11 {
  width: 9.091%;
  width: calc(9.091% - 25px);
}

.row > .offset1_11 {
  margin-left: 9.091%;
  margin-left: calc(9.091% + 25px);
}

.row > .col2_11 {
  width: 18.182%;
  width: calc(18.182% - 25px);
}

.row > .offset2_11 {
  margin-left: 18.182%;
  margin-left: calc(18.182% + 25px);
}

.row > .col3_11 {
  width: 27.273%;
  width: calc(27.273% - 25px);
}

.row > .offset3_11 {
  margin-left: 27.273%;
  margin-left: calc(27.273% + 25px);
}

.row > .col4_11 {
  width: 36.364%;
  width: calc(36.364% - 25px);
}

.row > .offset4_11 {
  margin-left: 36.364%;
  margin-left: calc(36.364% + 25px);
}

.row > .col5_11 {
  width: 45.455%;
  width: calc(45.455% - 25px);
}

.row > .offset5_11 {
  margin-left: 45.455%;
  margin-left: calc(45.455% + 25px);
}

.row > .col6_11 {
  width: 54.545%;
  width: calc(54.545% - 25px);
}

.row > .offset6_11 {
  margin-left: 54.545%;
  margin-left: calc(54.545% + 25px);
}

.row > .col7_11 {
  width: 63.636%;
  width: calc(63.636% - 25px);
}

.row > .offset7_11 {
  margin-left: 63.636%;
  margin-left: calc(63.636% + 25px);
}

.row > .col8_11 {
  width: 72.727%;
  width: calc(72.727% - 25px);
}

.row > .offset8_11 {
  margin-left: 72.727%;
  margin-left: calc(72.727% + 25px);
}

.row > .col9_11 {
  width: 81.818%;
  width: calc(81.818% - 25px);
}

.row > .offset9_11 {
  margin-left: 81.818%;
  margin-left: calc(81.818% + 25px);
}

.row > .col10_11 {
  width: 90.909%;
  width: calc(90.909% - 25px);
}

.row > .offset10_11 {
  margin-left: 90.909%;
  margin-left: calc(90.909% + 25px);
}

.row > .col1_12, .row > .span1, .wpb_row.vc_row-fluid > .vc_span1 {
  width: 8.333%;
  width: calc(8.333% - 25px);
}

.row > .offset1_12, .row > .offset1 {
  margin-left: 8.333%;
  margin-left: calc(8.333% + 25px);
}

.row > .col5_12, .row > .span5, .wpb_row.vc_row-fluid > .vc_span5 {
  width: 41.667%;
  width: calc(41.667% - 25px);
}

.row > .offset5_12, .row > .offset5 {
  margin-left: 41.667%;
  margin-left: calc(41.667% + 25px);
}

.row > .col7_12, .row > .span7, .wpb_row.vc_row-fluid > .vc_span7 {
  width: 58.333%;
  width: calc(58.333% - 25px);
}

.row > .offset7_12, .row > .offset7 {
  margin-left: 58.333%;
  margin-left: calc(58.333% + 25px);
}

.row > .col11_12, .row > .span11, .wpb_row.vc_row-fluid > .vc_span11 {
  width: 91.667%;
  width: calc(91.667% - 25px);
}

.row > .offset11_12, .row > .offset11 {
  margin-left: 91.667%;
  margin-left: calc(91.667% + 25px);
}

.row > .col1_13 {
  width: 7.692%;
  width: calc(7.692% - 25px);
}

.row > .offset1_13 {
  margin-left: 7.692%;
  margin-left: calc(7.692% + 25px);
}

.row > .col2_13 {
  width: 15.385%;
  width: calc(15.385% - 25px);
}

.row > .offset2_13 {
  margin-left: 15.385%;
  margin-left: calc(15.385% + 25px);
}

.row > .col3_13 {
  width: 23.077%;
  width: calc(23.077% - 25px);
}

.row > .offset3_13 {
  margin-left: 23.077%;
  margin-left: calc(23.077% + 25px);
}

.row > .col4_13 {
  width: 30.769%;
  width: calc(30.769% - 25px);
}

.row > .offset4_13 {
  margin-left: 30.769%;
  margin-left: calc(30.769% + 25px);
}

.row > .col5_13 {
  width: 38.462%;
  width: calc(38.462% - 25px);
}

.row > .offset5_13 {
  margin-left: 38.462%;
  margin-left: calc(38.462% + 25px);
}

.row > .col6_13 {
  width: 46.154%;
  width: calc(46.154% - 25px);
}

.row > .offset6_13 {
  margin-left: 46.154%;
  margin-left: calc(46.154% + 25px);
}

.row > .col7_13 {
  width: 53.846%;
  width: calc(53.846% - 25px);
}

.row > .offset7_13 {
  margin-left: 53.846%;
  margin-left: calc(53.846% + 25px);
}

.row > .col8_13 {
  width: 61.538%;
  width: calc(61.538% - 25px);
}

.row > .offset8_13 {
  margin-left: 61.538%;
  margin-left: calc(61.538% + 25px);
}

.row > .col9_13 {
  width: 69.231%;
  width: calc(69.231% - 25px);
}

.row > .offset9_13 {
  margin-left: 69.231%;
  margin-left: calc(69.231% + 25px);
}

.row > .col10_13 {
  width: 76.923%;
  width: calc(76.923% - 25px);
}

.row > .offset10_13 {
  margin-left: 76.923%;
  margin-left: calc(76.923% + 25px);
}

.row > .col11_13 {
  width: 84.615%;
  width: calc(84.615% - 25px);
}

.row > .offset11_13 {
  margin-left: 84.615%;
  margin-left: calc(84.615% + 25px);
}

.row > .col12_13 {
  width: 92.308%;
  width: calc(92.308% - 25px);
}

.row > .offset12_13 {
  margin-left: 92.308%;
  margin-left: calc(92.308% + 25px);
}

.row > .col1_14 {
  width: 7.143%;
  width: calc(7.143% - 25px);
}

.row > .offset1_14 {
  margin-left: 7.143%;
  margin-left: calc(7.143% + 25px);
}

.row > .col3_14 {
  width: 21.429%;
  width: calc(21.429% - 25px);
}

.row > .offset3_14 {
  margin-left: 21.429%;
  margin-left: calc(21.429% + 25px);
}

.row > .col5_14 {
  width: 35.714%;
  width: calc(35.714% - 25px);
}

.row > .offset5_14 {
  margin-left: 35.714%;
  margin-left: calc(35.714% + 25px);
}

.row > .col9_14 {
  width: 64.286%;
  width: calc(64.286% - 25px);
}

.row > .offset9_14 {
  margin-left: 64.286%;
  margin-left: calc(64.286% + 25px);
}

.row > .col11_14 {
  width: 78.571%;
  width: calc(78.571% - 25px);
}

.row > .offset11_14 {
  margin-left: 78.571%;
  margin-left: calc(78.571% + 25px);
}

.row > .col13_14 {
  width: 92.857%;
  width: calc(92.857% - 25px);
}

.row > .offset13_14 {
  margin-left: 92.857%;
  margin-left: calc(92.857% + 25px);
}

.row > .col1_15 {
  width: 6.667%;
  width: calc(6.667% - 25px);
}

.row > .offset1_15 {
  margin-left: 6.667%;
  margin-left: calc(6.667% + 25px);
}

.row > .col2_15 {
  width: 13.333%;
  width: calc(13.333% - 25px);
}

.row > .offset2_15 {
  margin-left: 13.333%;
  margin-left: calc(13.333% + 25px);
}

.row > .col4_15 {
  width: 26.667%;
  width: calc(26.667% - 25px);
}

.row > .offset4_15 {
  margin-left: 26.667%;
  margin-left: calc(26.667% + 25px);
}

.row > .col7_15 {
  width: 46.667%;
  width: calc(46.667% - 25px);
}

.row > .offset7_15 {
  margin-left: 46.667%;
  margin-left: calc(46.667% + 25px);
}

.row > .col8_15 {
  width: 53.333%;
  width: calc(53.333% - 25px);
}

.row > .offset8_15 {
  margin-left: 53.333%;
  margin-left: calc(53.333% + 25px);
}

.row > .col11_15 {
  width: 73.333%;
  width: calc(73.333% - 25px);
}

.row > .offset11_15 {
  margin-left: 73.333%;
  margin-left: calc(73.333% + 25px);
}

.row > .col13_15 {
  width: 86.667%;
  width: calc(86.667% - 25px);
}

.row > .offset13_15 {
  margin-left: 86.667%;
  margin-left: calc(86.667% + 25px);
}

.row > .col14_15 {
  width: 93.333%;
  width: calc(93.333% - 25px);
}

.row > .offset14_15 {
  margin-left: 93.333%;
  margin-left: calc(93.333% + 25px);
}

.row > .col1_16 {
  width: 6.25%;
  width: calc(6.25% - 25px);
}

.row > .offset1_16 {
  margin-left: 6.25%;
  margin-left: calc(6.25% + 25px);
}

.row > .col3_16 {
  width: 18.75%;
  width: calc(18.75% - 25px);
}

.row > .offset3_16 {
  margin-left: 18.75%;
  margin-left: calc(18.75% + 25px);
}

.row > .col5_16 {
  width: 31.25%;
  width: calc(31.25% - 25px);
}

.row > .offset5_16 {
  margin-left: 31.25%;
  margin-left: calc(31.25% + 25px);
}

.row > .col7_16 {
  width: 43.75%;
  width: calc(43.75% - 25px);
}

.row > .offset7_16 {
  margin-left: 43.75%;
  margin-left: calc(43.75% + 25px);
}

.row > .col9_16 {
  width: 56.25%;
  width: calc(56.25% - 25px);
}

.row > .offset9_16 {
  margin-left: 56.25%;
  margin-left: calc(56.25% + 25px);
}

.row > .col11_16 {
  width: 68.75%;
  width: calc(68.75% - 25px);
}

.row > .offset11_16 {
  margin-left: 68.75%;
  margin-left: calc(68.75% + 25px);
}

.row > .col13_16 {
  width: 81.25%;
  width: calc(81.25% - 25px);
}

.row > .offset13_16 {
  margin-left: 81.25%;
  margin-left: calc(81.25% + 25px);
}

.row > .col15_16 {
  width: 93.75%;
  width: calc(93.75% - 25px);
}

.row > .offset15_16 {
  margin-left: 93.75%;
  margin-left: calc(93.75% + 25px);
}

.grid {
  position: relative;
}

.grid:after {
  content: ' ';
  display: block;
  clear: both;
}

.grid > [class*="col"] {
  float: left;
}

.grid > .col1_4 {
  width: 25%;
}

.grid > .col1_2,
.grid > .col2_4,
.grid > .col3_6 {
  width: 50%;
}

.grid > .col3_4 {
  width: 75%;
}

.grid > .col1_1,
.grid > .col2_2,
.grid > .col3_3,
.grid > .col4_4,
.grid > .col5_5,
.grid > .col6_6 {
  width: 100%;
}

.grid > .col1_3,
.grid > .col2_6 {
  width: 33.333%;
}

.grid > .col2_3,
.grid > .col4_6 {
  width: 66.666%;
}

.grid > .col1_5 {
  width: 20%;
}

.grid > .col2_5 {
  width: 40%;
}

.grid > .col3_5 {
  width: 60%;
}

.grid > .col4_5 {
  width: 80%;
}

.grid > .col1_6 {
  width: 16.666%;
}

.grid > .col5_6 {
  width: 83.333%;
}

.grid > .col1_7 {
  width: 14.285%;
}

.grid > .col1_8 {
  width: 12.5%;
}

.grid > .col1_9 {
  width: 11.111%;
}

.grid > .col1_10 {
  width: 10%;
}

.grid > .offset1_1 {
  margin-left: 100%;
}

.grid > .offset1_2 {
  margin-left: 50%;
}

.grid > .offset1_3 {
  margin-left: 33.333%;
}

.grid > .offset1_4 {
  margin-left: 25%;
}

.grid > .offset1_5 {
  margin-left: 20%;
}

.grid > .offset1_6 {
  margin-left: 16.666%;
}

.grid > .offset1_7 {
  margin-left: 14.285%;
}

.grid > .offset1_8 {
  margin-left: 12.5%;
}

.grid > .offset1_9 {
  margin-left: 11.111%;
}

.grid > .offset1_10 {
  margin-left: 10%;
}

.table-grid {
  display: table;
  border-collapse: separate;
}

.table-grid > .row {
  display: table-row;
  margin-left: 0;
  margin-bottom: 5px;
}

.table-grid > .row > [class*="col"] {
  display: table-cell;
  float: none;
  width: auto;
}

.table-grid > .row > [class*="col"].col1_2 {
  width: 50%;
}

.table-grid > .row > [class*="col"].col1_3 {
  width: 33.333%;
}

.table-grid > .row > [class*="col"].col2_3 {
  width: 66.666%;
}

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}

.show-grid [class*="span"],
.show-grid [class*="col"] {
  background-color: #578ec8;
  text-align: center;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .row,
  .row > [class*="span"],
  .row > [class*="col"],
  .grid,
  .grid > [class*="col"] {
    width: auto;
    float: none;
    display: block;
    margin-left: 0;
  }
  .table-grid,
  .table-grid > .grid,
  .table-grid > .grid > [class*="col"] {
    float: none;
    display: block;
    width: auto;
  }
}

/* @end */
xmp {
  margin: 0 0 1em;
  background: yellow;
  color: #000;
  overflow: hidden;
  font-size: 10px;
}

img.sample {
  background: #00aaee;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #252525;
  text-align: left;
  min-width: 320px;
}

html {
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: #003471;
}

body {
  padding: 0 0 0px 0;
  background: #fff;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

em strong,
strong em {
  font-weight: bold;
  font-style: italic;
}

.mobile-only {
  display: none;
}

.hidden {
  display: block;
  position: absolute;
  top: -10000px;
  height: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

.clear {
  clear: both;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.entity {
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial, Helvetica, sans-serif;
}

.text-sans-serif {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.text-serif {
  font-family: Georgia, Times, serif;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

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

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

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

.text-white {
  color: white;
}

.text-black {
  color: black;
}

.text-red {
  color: red;
}

.text-green {
  color: green;
}

.text-blue {
  color: #0095da;
}

.text-light-blue {
  color: blue;
}

.text-orange {
  color: orange;
}

.text-yellow {
  color: yellow;
}

.text-navy-blue {
  color: navy;
}

.text-teal {
  color: teal;
}

.text-purple {
  color: purple;
}

.text-gray {
  color: #999;
}

.text-silver {
  color: silver;
}

.text-dark-gray {
  color: #363636;
}

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

img[align=left],
img.alignleft {
  margin: 0 15px 15px 0;
}

img[align=right],
img.alignright {
  margin: 0 0 15px 15px;
}

img.aligncenter {
  display: block;
  margin: 0 auto 15px auto;
}

img.circle {
  border-radius: 50%;
}

img,
a > img {
  border: 0;
}

a {
  font-weight: 500;
  color: #0095da;
  text-decoration: none;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a:hover {
  text-decoration: underline;
}

a.more {
  white-space: nowrap;
}

p {
  margin: 0 0 1em 0;
}

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

iframe {
  max-width: 100%;
}

.fb_iframe_widget iframe {
  max-width: none;
}

.intro {
  margin: 0 0 1em;
  font-size: 1.33em;
}

.clickable {
  cursor: pointer;
}

.anchor:before {
  content: "";
  display: block;
  height: 120px;
  margin: -120px 0 0;
}

ul {
  margin: 0 0 1em;
}

hr {
  margin: 2.5em auto;
  width: 100%;
  border-bottom: 2px solid #eee;
  border-top: none;
  border-left: none;
  border-right: none;
}

th, td {
  border: 0;
}

blockquote {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin: 1.7em 0;
  padding: 10px 20px;
  font-weight: 400;
  border-left: 5px solid #009caf;
}

blockquote p {
  position: relative;
  z-index: 1;
}

blockquote cite {
  display: block;
  margin: 5px 0 0 0;
  font-style: normal;
  font-size: 85%;
  line-height: normal;
  text-transform: uppercase;
}

blockquote cite:before {
  content: '\2014';
  margin-right: 0.25em;
}

blockquote.alignright {
  width: 50%;
  margin: 0 0 1em 1em;
}

blockquote.alignleft {
  width: 50%;
  margin: 0 1em 1em 0;
}

.toggle {
  cursor: pointer;
}

.question {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e3e6;
}

.expandable {
  cursor: pointer;
  position: relative;
}

.expandable:hover {
  color: #0095da;
}

.expandable:before {
  display: inline-block;
  margin: 0 0.2em 0 0;
  font-family: "FontAwesome";
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none !important;
  content: "\f0da";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.expandable.opened:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.expand-content {
  display: none;
  margin: 0 0 1.5em 0;
}

.expandable-box {
  margin: 0 auto 2em 0;
  padding: 0 0 1.5em 0;
}

.expandable-box > .content {
  position: relative;
  max-height: 6em;
  overflow: hidden;
  -webkit-transition: max-height, 0.2s linear;
  transition: max-height, 0.2s linear;
}

.expandable-box > .content:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), #fff);
}

.expandable-box > .more {
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
  text-align: right;
  font-size: 17px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: green;
  text-transform: uppercase;
}

.expandable-box > .more:after {
  margin-left: 0.5em;
  font-family: "FontAwesome";
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none !important;
  content: "\f107";
}

.expandable-box.on > .content {
  max-height: 1000px;
}

.expandable-box.on > .content:after {
  display: none;
}

.expandable-box.on > .more:after {
  content: "\f106";
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .mobile-hide {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}

.fb_iframe_widget,
.fb_iframe_widget > span {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  table,
  tr,
  td {
    display: block;
  }
  td {
    margin-bottom: 1em;
  }
  table.table-responsive > thead {
    display: none;
  }
  table.table-responsive > tbody > tr > td {
    margin-bottom: 0;
  }
  table.table-responsive > tbody > tr > td:before {
    display: block;
    content: attr(data-label);
    font-size: 80%;
  }
  table.table-responsive > tbody > tr > td:last-child {
    margin-bottom: 1em;
  }
}

input[type="submit"],
input[type="button"],
button,
.button,
.btn {
  position: relative;
  display: inline-block;
  margin: 0em 0 0;
  padding: 20px 30px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: initial;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  color: white;
  -webkit-appearance: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background: #003471;
  background-clip: padding-box;
  border: 0;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

input[type="submit"] > span,
input[type="button"] > span,
button > span,
.button > span,
.btn > span {
  margin-left: 5px;
}

input[type="submit"].aligncenter, input[type="submit"].center,
input[type="button"].aligncenter,
input[type="button"].center,
button.aligncenter,
button.center,
.button.aligncenter,
.button.center,
.btn.aligncenter,
.btn.center {
  display: block;
  max-width: 250px;
  margin: 0 auto 1em;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
.btn:hover {
  background-color: #002858;
  text-decoration: none;
}

input[type="submit"].green,
input[type="button"].green,
button.green,
.button.green,
.btn.green {
  background-color: green;
}

input[type="submit"].green:hover,
input[type="button"].green:hover,
button.green:hover,
.button.green:hover,
.btn.green:hover {
  background-color: #006700;
}

input[type="submit"].blue,
input[type="button"].blue,
button.blue,
.button.blue,
.btn.blue {
  background-color: #0095da;
}

input[type="submit"].blue:hover,
input[type="button"].blue:hover,
button.blue:hover,
.button.blue:hover,
.btn.blue:hover {
  background-color: #0084c1;
}

input[type="submit"].teal,
input[type="button"].teal,
button.teal,
.button.teal,
.btn.teal {
  background-color: teal;
}

input[type="submit"].teal:hover,
input[type="button"].teal:hover,
button.teal:hover,
.button.teal:hover,
.btn.teal:hover {
  background-color: #006767;
}

input[type="submit"].orange,
input[type="button"].orange,
button.orange,
.button.orange,
.btn.orange {
  background-color: orange;
}

input[type="submit"].orange:hover,
input[type="button"].orange:hover,
button.orange:hover,
.button.orange:hover,
.btn.orange:hover {
  background-color: #e69500;
}

input[type="submit"].gray,
input[type="button"].gray,
button.gray,
.button.gray,
.btn.gray {
  color: #999;
  background-color: #999;
}

input[type="submit"].gray:hover,
input[type="button"].gray:hover,
button.gray:hover,
.button.gray:hover,
.btn.gray:hover {
  background-color: #8c8c8c;
}

input[type="submit"].loading:after,
input[type="button"].loading:after,
button.loading:after,
.button.loading:after,
.btn.loading:after {
  position: absolute;
  right: -40px;
  top: 50%;
  margin: -15px 0 0 0;
  display: block;
  background: url(images/loading.png) no-repeat center top;
  width: 30px;
  height: 30px;
  content: ' ';
  -webkit-animation: loading 1s steps(19) infinite;
  animation: loading 1s steps(19) infinite;
}

input[type="submit"].done,
input[type="button"].done,
button.done,
.button.done,
.btn.done {
  cursor: default;
  color: #555;
  border-color: #555;
}

input[type="submit"].done:hover,
input[type="button"].done:hover,
button.done:hover,
.button.done:hover,
.btn.done:hover {
  color: #555;
  background: none;
}

button.unstyled,
.button.unstyled {
  padding: 3px 5px;
  background: none;
  color: #363636;
  font-size: 100%;
  font-family: arial,sans-serif;
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  border: 1px solid #ccc;
  border-radius: 3px;
}

button.unstyled:hover {
  background: #eeeeee;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  line-height: 1;
  margin: 0;
  padding: 15px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
}

textarea {
  width: 100%;
}

/*
.input.select {
    position: relative;
    z-index: 1000;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    //
    //padding: 2px 10px 2px 10px;
    

    cursor: pointer;
    text-align: left;
    strong {
        position: relative;
        display: block;
        margin: 0;
        padding: 8px 30px 7px 10px;
        min-width: 100px;
        font-size: 14px;
        font-weight: normal;
        background: $color-green;
        color: white;
        .text {
            display: inline-block;
            min-width: 170px;
        }
        .icon {
            position: absolute;
            top: 50%;
            right: 10px;
            height: 20px;
            line-height: 20px;
            margin: -10px 0 0;
            @include transition(transform 0.2s linear);
        }
    }
    &.on {
        strong .icon {
            @include transform(rotate(180deg));
        }
    }
    > select {
        position: absolute;
        z-index: -1000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    .select {
        zoom:1;
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
        
        font-size: 14px;
        padding: 0px 0px 5px;
        background: $color-green;
        color: white;
        .option {
            display: block;
            padding: 7px 10px;
            cursor: pointer;
            white-space: normal;
            line-height: normal;
            background: $color-green;
            color: white;
            
            &.selected,
            &:hover {
                color: $color-text;
            }
            &:last-child {
                border-bottom: 0;
            }
        }
    }
    > .select {
        display: none;
        
        position: absolute;
        z-index: 1001;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        &::-webkit-scrollbar {
            height: 0;
            width: 0;
        }
    }

    &.on {
        > .select {
            display: block !important;
        }
    }

    @media screen and (max-width:$mobile-breakpoint) {
        select {
            z-index: 1;
            
        }
        .select {
            display: none !important;
        }
    }
    @media screen and (max-height:600px) {
        select {
            z-index: 1;
            
        }
        .select {
            display: none !important;
        }
    }
}
*/
.wp-caption-wrap a {
  border: 0;
}

.wp-caption {
  position: relative;
  max-width: 100%;
  margin-bottom: 1em;
  text-align: center;
  padding: 8px 0 0;
  color: #999999;
  border-bottom: 2px solid #252525;
}

.wp-caption img {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
}

.wp-caption.alignright {
  margin: 0 -50px 1em 1.5em;
}

.wp-caption.alignleft {
  margin: 0 1.5em 1em -50px;
}

.wp-caption.alignnone {
  margin: 1.5em auto;
}

.wp-caption .wp-caption-text {
  position: relative;
  bottom: 0;
  width: auto;
  margin: 0;
  padding: 10px 0px;
  line-height: 1.5;
  text-align: left;
  font-style: italic;
  font-size: 14px;
  font-family: Georgia, Times, serif;
}

.wp-caption .credit {
  margin: 5px 0 10px;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
}

.wp-caption .wp-caption-text + .credit {
  margin-top: -5px;
}

.gallery {
  position: relative;
  text-align: center;
}

.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery.gallery-columns-3 .gallery-item {
  width: 33.33333%;
}

.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery.gallery-columns-6 .gallery-item {
  width: 16.66667%;
}

.gallery.gallery-columns-7 .gallery-item {
  width: 14.28571%;
}

.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery.gallery-columns-9 .gallery-item {
  width: 11.11111%;
}

.gallery .gallery-item {
  display: inline-block;
  vertical-align: text-top;
  padding: 20px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery .gallery-item img {
  display: block;
  margin: 0 auto 10px auto;
  border: 0;
  border-radius: 5px;
}

.gallery .gallery-item .gallery-caption {
  line-height: normal;
  font-size: 80%;
}

@media screen and (max-width: 767px) {
  .gallery .gallery-item {
    display: block;
    width: auto !important;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.3em 0;
  padding: 0;
  clear: both;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.1;
}

h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline {
  display: inline;
  margin-right: 1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  font-weight: inherit;
  color: inherit;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  margin-top: 1em;
}

h1 {
  font-size: 4em;
  font-weight: 300;
}

h2 {
  font-size: 2.1em;
  font-weight: 700;
}

h3 {
  margin-bottom: 15px;
  font-size: 1.8em;
}

h4 {
  margin-bottom: 15px;
  font-size: 1.414em;
}

h5 {
  margin-bottom: 10px;
  font-size: 1em;
}

h6 {
  margin-bottom: 10px;
  font-size: 0.707em;
}

h2.expandable {
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
}

h2.expandable:before {
  margin-right: 17px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  content: "+";
  bottom: -2px;
}

h2.expandable.opened:before {
  content: '\2013';
}

#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  padding: 0px 0;
  background: #0095da url(images/bg-header.jpg) 50% 50%;
}

body.admin-bar #header {
  border-top: 32px solid #0095da;
}

@media screen and (max-width: 782px) {
  body.admin-bar #header {
    border-top-width: 46px;
  }
}

#header .logo {
  padding: 30px 0;
  -webkit-transition: padding 0.1s linear;
  transition: padding 0.1s linear;
}

body.scrolled #header .logo {
  padding: 0;
}

#header .logo img {
  display: inline-block;
  vertical-align: middle;
  width: 170px;
  height: 47px;
  -o-object-fit: contain;
     object-fit: contain;
}

#header .logo a {
  display: inline-block;
  vertical-align: middle;
  color: white;
  font-weight: 500;
}

#header .logo a span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  top: 6px;
  font-size: 14px;
}

#header .logo a span:before {
  content: '/';
  display: inline-block;
  vertical-align: middle;
  margin: -0.2em 0.5em 0;
}

#header .nav-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#header .toggle {
  display: none;
}

#header form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #003471;
}

#header form .input {
  position: absolute;
  top: 0;
  right: 0%;
  height: 100%;
  width: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: inherit;
}

body.search-on #header form .input {
  width: 100%;
}

#header form input[type="text"] {
  display: block;
  width: 100%;
  color: #0095da;
  background: none;
  border: 0;
  border-radius: 0;
}

#header form button {
  border-radius: 0;
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: none;
  color: #0095da;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  #header .logo {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #header .logo .lang {
    display: none;
  }
  #header .toggle {
    display: block;
    padding: 0 10px;
    color: white;
    font-weight: 500;
    font-size: 16px;
  }
  #header .nav-wrap {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #0095da url(images/bg-header.jpg) 50% 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-height: 0;
    overflow: hidden;
  }
  body.menu-on #header .nav-wrap {
    max-height: 100vh;
    overflow: scroll;
  }
}

#dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #363636;
  padding: 0 30px;
  color: white;
  -webkit-transition: padding 0.1s linear;
  transition: padding 0.1s linear;
}

#dropdown.on {
  padding-top: 30px;
  padding-bottom: 30px;
}

#dropdown ul,
#dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#dropdown .menu {
  margin: 0 auto;
  max-width: 1024px;
}

#dropdown .menu.language > ul.sub-menu {
  max-width: 1024px;
  margin: 0 auto;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#dropdown .menu.language > ul.sub-menu > li {
  display: inline-block;
  margin: 0;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 170.66667px;
}

#dropdown .menu.language > ul.sub-menu > li > a {
  display: inline-block;
  border-bottom: 0;
}

#dropdown .menu > ul {
  /*
            column-count: 3;
            column-gap: 80px;
            */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#dropdown .menu > ul > li {
  display: block;
  width: 30%;
  margin: 0 1%;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
}

#dropdown .menu > ul > li > a {
  display: block;
  color: inherit;
  padding: 8px 0px;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #dropdown {
    display: none !important;
  }
}

#top-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 0 30px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 16px;
}

#top-links ul,
#top-links li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#top-links a {
  color: white;
}

#top-links > ul > li {
  display: inline-block;
  margin: 0 0.5em;
}

#top-links > ul > li > a {
  display: inline-block;
  padding: 10px 0;
}

@media screen and (max-width: 1024px) {
  #top-links {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  #top-links {
    display: block;
    text-align: center;
  }
  #top-links > ul {
    display: inline-block;
  }
}

#nav {
  padding: 0 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  text-align: center;
}

#nav ul,
#nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#nav > ul > li {
  display: inline-block;
  margin: 0 1em;
}

#nav > ul > li > a {
  position: relative;
  color: white;
  text-decoration: none;
  white-space: nowrap;
}

#nav > ul > li > a:before {
  display: block;
  content: ' ';
  position: absolute;
  top: 100%;
  left: -3px;
  width: 100%;
  margin: 5px 0 0;
  background: rgba(0, 52, 113, 0.2);
  height: 0;
  -webkit-transition: height 0.1s linear;
  transition: height 0.1s linear;
}

#nav > ul > li > a:hover:before {
  height: 9px;
}

#nav > ul > li > ul {
  display: none;
}

#nav > ul > li.has-submenu {
  position: relative;
}

#nav > ul > li.has-submenu:after {
  content: ' ';
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 40px;
  margin: 15px 0 0;
  background: #363636;
  -moz-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  -o-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  -ms-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
}

#nav > ul > li.has-submenu > a:after {
  display: inline-block;
  padding: 0 0.5em;
  font-family: "FontAwesome";
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none !important;
  content: "\f0d7";
  -webkit-transition: transform 0.1s linear;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}

#nav > ul > li.has-submenu.on:after {
  display: block;
}

#nav > ul > li.has-submenu.on > a:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  #nav > ul > li.language {
    color: white;
  }
  #nav > ul > li.language > a {
    display: inline-block;
    width: 0.5em;
  }
  #nav > ul > li.language > a:before {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    display: inline-block;
    vertical-align: middle;
    content: '\75';
    font-family: "9marks" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #nav > ul > li.language > a .text {
    display: none;
  }
  #nav > ul > li.language:after {
    min-width: 100px;
  }
}

@media screen and (min-width: 1400px) {
  #nav > ul > li {
    margin: 0 2em;
  }
}

@media screen and (max-width: 1024px) {
  #nav > ul > li {
    margin: 0 0.8em;
  }
}

@media screen and (max-width: 767px) {
  #nav > ul {
    display: block;
  }
  #nav > ul > li {
    display: block;
    margin: 10px 0;
  }
  #nav > ul > li > ul {
    display: block;
    position: relative;
    margin: 0 -15px;
    padding: 0 10px;
    background: #363636;
    color: white;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: left;
  }
  #nav > ul > li > ul > li {
    border-bottom: 1px solid #555;
  }
  #nav > ul > li > ul > li > a {
    display: block;
    color: inherit;
    padding: 8px 0px;
  }
  #nav > ul > li > ul:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 100%;
    right: 15px;
    width: 50px;
    height: 10px;
    margin: 0;
    background: #363636;
    -moz-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
    -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
    -o-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
    -ms-clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  }
  #nav > ul > li.has-submenu.on > ul {
    display: block;
    padding: 10px;
    max-height: 100vh;
    overflow: visible;
  }
  #nav > ul > li.has-submenu.on:after {
    display: none;
  }
}

#bottom-subscribe {
  padding: 15px;
  background: url(images/bg-arrows.jpg) 50% 50%;
  background-size: 300px auto;
  text-align: center;
}

#bottom-subscribe a {
  display: inline-block;
  padding: 5px 30px;
  text-decoration: none;
  color: #252525;
  font-weight: 600;
  background: white;
  border-radius: 5px;
}

#bottom-subscribe a strong {
  display: inline-block;
  padding: 2px 10px;
  margin: -2px -27px -2px 5px;
  background: #ddd;
  color: #0095da;
  border-radius: 4px;
}

#bottom-subscribe a strong .icon {
  margin: 0 0 0 0.5em;
  font-size: 16px;
}

#bottom-subscribe a:hover {
  background-color: #0095da;
  color: white;
}

@media screen and (max-width: 767px) {
  #bottom-subscribe {
    font-size: 0.8rem;
  }
  #bottom-subscribe a {
    display: block;
    padding: 5px 5px;
  }
  #bottom-subscribe a strong {
    display: block;
    margin: 5px auto;
  }
}

@media screen and (max-width: 500px) {
  #bottom-subscribe {
    font-size: 0.7rem;
  }
}

#footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 8px 0;
  background: #003471;
  color: white;
}

#footer a {
  color: inherit;
}

#footer .about {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.065em;
  color: white;
}

#footer .about:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 0.2em 0 0;
  vertical-align: middle;
  color: #0095da;
  font-size: 28px;
}

#footer .nav {
  font-size: 0.7rem;
}

#footer .nav ul,
#footer .nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

#footer .nav > ul > li {
  margin: 0 0.8em;
}

#footer .right-content {
  padding: 0 15px;
  font-size: 0.7rem;
}

#footer .right-content a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.8em;
}

@media screen and (max-width: 1024px) {
  #footer .right-content {
    width: 100%;
    padding: 15px 0;
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  #footer {
    display: block;
    text-align: center;
  }
  #footer .about {
    display: inline-block;
    margin: 0 auto 1em;
  }
  #footer .right-content {
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
  #footer .nav > ul > li {
    display: block;
  }
}

.wrap {
  max-width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 1054px) {
  .wrap {
    margin: 0 15px;
  }
}

#wrap {
  padding: 105px 0 0;
}

@media screen and (max-width: 767px) {
  #wrap {
    padding-top: 75px;
  }
}

.main-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 760px;
  margin: 0 auto;
  padding: 50px 0;
}

body.error404 .main-content {
  padding: 100px 0;
}

.side-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 0 40px;
  font-size: 0.9rem;
}

.main-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 170px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-content-wrap .side-content {
  position: relative;
  width: 170px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (max-width: 1160px) {
  .main-content-wrap {
    padding-right: 0;
  }
}

@media screen and (max-width: 980px) {
  .main-content-wrap .main-content {
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 767px) {
  .main-content-wrap {
    display: block;
    margin: 0 15px;
  }
  .main-content-wrap .main-content,
  .main-content-wrap .side-content {
    width: auto;
  }
}

#pagetitle {
  margin: 0 0 42px;
  color: #003471;
  font-size: 2.333rem;
  font-weight: 200;
}

.enclosure {
  clear: both;
}

.featured-image {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.featured-image:before {
  position: absolute;
  top: -1px;
  left: -1px;
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 25px solid white;
  border-right: 85px solid transparent;
  border-bottom: 6px solid transparent;
  -webkit-transform: scale(1.00001, 1.00001);
  transform: scale(1.00001, 1.00001);
}

.featured-image:after {
  position: absolute;
  bottom: -1px;
  right: -1px;
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 25px solid white;
  border-left: 85px solid transparent;
  border-top: 6px solid transparent;
  -webkit-transform: scale(1.00001, 1.00001);
  transform: scale(1.00001, 1.00001);
}

.featured-image img {
  display: block;
}

.featured-image.alignright {
  float: right;
  margin: 0 -3em 1.5em 2em;
}

.featured-image.alignleft {
  float: left;
  margin: 0 2em 1.5em 0;
}

.featured-image.alignright .alignright,
.featured-image.alignleft .alignleft {
  float: none;
  margin: 0;
}

.featured-image.alignright.auto-insert {
  margin-top: 5px;
}

@media screen and (max-width: 1080px) {
  .featured-image.alignright {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .featured-image.alignright, .featured-image.alignleft {
    margin: 1em auto;
    float: none;
  }
}

#hero {
  margin: 0 0 0px;
  padding: 6% 0;
  background: url(images/bg-gray.jpg) 50% 50%;
  background-size: cover;
}

#hero .main-content {
  padding: 0;
}

#hero .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 0 2em;
  min-height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#hero .top .image {
  position: relative;
  display: block;
  line-height: 1;
  width: 270px;
  background: #003471 no-repeat 50% 50%;
  background-size: cover;
  -moz-clip-path: polygon(0 10%, 30% 0, 100% 0%, 100% 90%, 70% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 10%, 30% 0, 100% 0%, 100% 90%, 70% 100%, 0% 100%);
  -o-clip-path: polygon(0 10%, 30% 0, 100% 0%, 100% 90%, 70% 100%, 0% 100%);
  -ms-clip-path: polygon(0 10%, 30% 0, 100% 0%, 100% 90%, 70% 100%, 0% 100%);
  clip-path: polygon(0 10%, 30% 0, 100% 0%, 100% 90%, 70% 100%, 0% 100%);
}

#hero .top .image .featured-image {
  display: block;
}

#hero .top .image .featured-image:before, #hero .top .image .featured-image:after {
  display: none;
}

#hero .top .title-wrap {
  width: calc(100% - 285px);
  padding: 0px 0 0 2em;
}

#hero .top .title-wrap h1 {
  margin: 0 0 5px;
  color: #003471;
  font-size: 2.5rem;
  font-weight: 200;
  line-height: 1;
}

#hero .top .title-wrap .byline {
  font-size: 0.8rem;
  font-weight: bold;
}

#hero .top .title-wrap .byline a {
  color: inherit;
}

@media screen and (max-width: 1024px) {
  #hero {
    padding: 50px 0;
  }
}

@media screen and (max-width: 767px) {
  #hero .top {
    display: block;
  }
  #hero .top .title-wrap {
    width: auto;
    padding-left: 0;
    padding-top: 15px;
  }
}

#related {
  position: relative;
  margin: 130px 0 0 0;
  padding: 0 180px 0 280px;
  background: #f5f5f5;
}

#related:before {
  position: absolute;
  top: 0px;
  left: 0;
  content: ' ';
  display: block;
  height: 35px;
  border: 100px solid white;
  border-right: 280px solid transparent;
  border-left: 0;
  border-bottom: 0;
}

#related .posts {
  position: relative;
  z-index: 1;
  margin: 0;
  top: -30px;
  padding: 0px 30px;
  background: #f5f5f5;
  line-height: 1.65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#related .posts > .col {
  position: relative;
  width: 45%;
  padding: 15px 0 0 10px;
}

#related .posts > .col .label {
  display: block;
  position: absolute;
  bottom: 100%;
  margin: 0 0 5px;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8rem;
  color: #b7b7b7;
  line-height: 1;
}

#related .posts .hentry {
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  font-size: 0.9rem;
}

#related .posts .hentry .title {
  font-weight: 400;
}

@media screen and (max-width: 980px) {
  #related {
    padding-left: 100px;
    padding-right: 80px;
  }
}

@media screen and (max-width: 767px) {
  #related {
    padding-left: 0;
    padding-right: 0;
  }
  #related:before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #related .posts {
    top: auto;
    display: block;
  }
  #related .posts > .col {
    width: auto;
    padding: 15px;
  }
  #related .posts > .col .label {
    position: relative;
    bottom: auto;
  }
}

@media screen and (min-width: 500px) {
  #query-posts > .hentry:nth-child(3),
  #query-posts > .hentry:nth-child(4) {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #query-posts > .hentry:nth-child(3) .thumb,
  #query-posts > .hentry:nth-child(4) .thumb {
    float: none;
    margin: 0 0 20px 0;
  }
  #query-posts > .hentry:nth-child(3) {
    padding-right: 25px;
  }
  #query-posts > .hentry:nth-child(4) {
    padding-left: 25px;
  }
}

/* Front page styles */
.hentry {
  position: relative;
}

.hentry .title {
  clear: left;
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 1.4rem;
}

.hentry .title a {
  display: block;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.hentry .title a:hover {
  color: #0095da;
}

.hentry.title {
  margin: 0 0 30px;
}

.hentry.title .title {
  margin: 0;
  font-size: 0.9em;
}

.hentry.title .title a {
  display: block;
}

.hentry.title .byline {
  font-size: 0.75em;
}

.hentry.title .byline a {
  display: block;
  color: inherit;
}

.hentry.excerpt {
  padding: 0 0 20px 0;
}

.hentry.excerpt .thumb {
  position: relative;
  display: inline-block;
  float: right;
  max-width: 100px;
  margin: 0 0 20px 20px;
  /*
        &:after {
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 134, 202, 0.50);
        }
        */
}

.hentry.excerpt .thumb img {
  display: block;
}

.hentry.excerpt .meta {
  margin: 15px 0 5px;
  font-size: 0.8em;
  font-weight: bold;
}

.hentry.excerpt .meta a {
  color: inherit;
  font-weight: inherit;
}

.hentry.excerpt .meta .post_type {
  margin: 0 0.2em 0 0;
}

@media screen and (max-width: 500px) {
  .hentry.excerpt .title {
    font-size: 1.2rem;
  }
  .hentry.excerpt .thumb {
    float: none;
    margin: 0 0 0px 0;
  }
}

.hentry.excerpt + .hentry.excerpt {
  border-top: 3px solid #ccc;
  margin-top: 20px;
  padding-top: 40px;
}

/* General page styles */
/* General single post styles */
.main-content.single {
  padding-top: 80px;
  padding-bottom: 80px;
}

.main-content.single > h3.category {
  color: #808080;
  margin: 0;
  font-size: 1.16rem;
  font-weight: bold;
  text-transform: uppercase;
}

.main-content.single > h3.category a {
  color: inherit;
  font-weight: inherit;
}

.main-content.single .meta-top {
  float: left;
  margin: 5px 40px 1.5em 0;
  width: 50px;
  color: #003471;
  font-size: 0.7rem;
  font-weight: bold;
}

.main-content.single .meta-top .post-type {
  display: block;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.main-content.single .meta-top .post-type .icon {
  display: block;
  font-size: 24px;
  margin: 0 0 5px;
}

.main-content.single .meta-bottom {
  clear: both;
  margin: 3em 0 0;
}

.main-content.single .single-meta.mobile-only {
  margin: -30px 0 40px;
}

.main-content.single .single-meta.mobile-only .widget.author {
  width: auto;
  margin: 0 0 20px;
  min-height: 1px;
  max-width: none;
  background: none;
  padding: 0;
}

.main-content.single .single-meta.mobile-only .widget.author .thumb {
  display: inline-block;
  vertical-align: middle;
}

.main-content.single .single-meta.mobile-only .widget.author .avatar {
  display: inline-block;
  margin: 0;
  width: 50px;
}

.main-content.single .single-meta.mobile-only .widget.author > h3 {
  margin: 0 0 8px 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.main-content.single .single-meta.mobile-only .widget.author .description {
  display: none;
}

/* @group Pagination */
.posts-nav {
  top: 5em;
  clear: both;
  margin: 4em 0 2em;
  white-space: nowrap;
}

.posts-nav.no-ajax {
  visibility: visible;
}

.posts-nav.ajax-pager {
  visibility: visible;
  text-align: center;
}

.posts-nav:after {
  content: ' ';
  display: block;
  clear: both;
}

.posts-nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.posts-nav ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
  color: #aaa;
}

.posts-nav ul li.page_info {
  display: none;
}

.posts-nav ul li a {
  display: block;
  padding: 0.5em 0.7em;
  line-height: normal;
  text-decoration: none;
  border: 0;
}

.posts-nav ul li a:hover {
  color: white;
  background: #999;
}

.posts-nav ul li.active_page {
  color: white;
  background: #0095da;
}

.posts-nav ul li.active_page a {
  padding: 0.5em 1em;
  color: #fff;
}

@media screen and (max-width: 700px) {
  .posts-nav {
    top: 0;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 12px;
  }
  .posts-nav ul li {
    margin-right: 3px;
  }
}

.posts-nav.ajax-pager {
  text-align: center;
}

.posts-nav.ajax-pager .button {
  position: relative;
  display: block;
  width: 100px;
  text-align: center;
  margin: 0 auto 80px auto;
  padding: 10px;
  color: #0095da;
  text-transform: uppercase;
  background: none;
  font-weight: bold;
  font-style: normal;
}

.posts-nav.ajax-pager .button .txt {
  position: relative;
  z-index: 1;
}

.posts-nav.ajax-pager .button:before {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -30px;
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 50px solid #ebebeb;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 0;
  -webkit-transition: top 0.1s linear;
  transition: top 0.1s linear;
}

.posts-nav.ajax-pager .button:hover:before {
  top: 4px;
}

.posts-nav.ajax-pager .button.done {
  color: #b7b6bf;
  cursor: default;
}

.posts-nav.ajax-pager .button.done:before {
  display: none;
}

/* @end */
#sidebar hr {
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  #sidebar {
    padding: 30px 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (max-width: 500px) {
  #sidebar {
    display: block;
  }
  #sidebar .widget {
    margin: 0 0 50px -15px;
  }
}

.widget {
  position: relative;
  background: url(images/angle.png) no-repeat -90px 0px;
  margin: 0 0 50px -40px;
  padding: 40px 0 0 40px;
  min-height: 160px;
  max-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.widget > h3 {
  margin: 0 0 1em;
  font-size: 1.2em;
}

.widget > h3:before {
  display: block;
  margin: 0 0 5px;
  content: '*';
  font-family: "9marks" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 767px) {
  .widget {
    margin-left: -15px;
    margin-right: auto;
    width: auto;
    max-width: none;
  }
}

.widget.popular-posts > h3:before {
  display: none;
}

.widget.author > h3:before {
  display: none;
}

.widget.author .avatar {
  display: block;
  border-radius: 50%;
  margin: -40px 0 15px;
}

.widget.author span.avatar {
  display: block;
  width: 100px;
  height: 100px;
  background: #eee;
}

.widget.author .description {
  font-size: 0.8em;
}

.widget.browse {
  position: relative;
  background: none;
  max-width: 190px;
}

.widget.browse > h3:before {
  display: none;
}

.widget.browse ul {
  font-size: 0.8em;
  font-weight: 300;
}

.widget.browse ul a {
  font-weight: inherit;
}

.widget.browse > .expandable {
  position: relative;
  margin: 0 0 0 -40px;
  padding: 8px 0 8px 40px;
  font-size: 16px;
  line-height: 1;
  color: #003471;
  text-transform: uppercase;
  font-weight: 600;
  border-top: 2px solid #0081c1;
}

.widget.browse > .expandable:last-child {
  border-bottom: 2px solid #0081c1;
}

.widget.browse > .expandable .status {
  position: absolute;
  right: 4px;
  top: 5px;
}

.widget.browse > .expandable + ul,
.widget.browse > .expandable + ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget.browse > .expandable + ul {
  padding: 0 0 15px 0;
}

.widget.browse > .expandable + ul li {
  position: relative;
  margin: 0 0 5px 0;
}

.widget.browse > .expandable + ul li.current-cat:before {
  position: absolute;
  top: 4px;
  left: -20px;
  content: ' ';
  display: block;
  width: 8px;
  height: 8px;
  background: #003471;
}

@media screen and (max-width: 767px) {
  .widget.browse > .expandable {
    margin-left: 0;
    padding-left: 0;
  }
}

#comments {
  clear: both;
  margin: 50px 0;
}

#comments-load {
  position: relative;
  display: block;
  margin: 0 auto 20px auto;
  width: 165px;
  height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 18px;
  -webkit-perspective: 800px;
          perspective: 800px;
}

#comments-load .num {
  display: block;
}

#comments-load:before {
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -30px;
  z-index: -1;
  content: ' ';
  display: block;
  border: 50px solid #ebebeb;
  border-bottom: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}

#comments-load.on:before {
  top: -10px;
  border: 50px solid #ebebeb;
  border-top: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}

#disqus_thread {
  max-width: 1024px;
  margin: 0 auto;
}

#search-results {
  padding: 50px 0;
  max-width: 760px;
  margin: 0 auto;
}

#search-results img.avatar {
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  #search-results {
    margin: 0 15px;
  }
}

.hentry.search {
  margin: 0 0 2em;
}

.hentry.search .title {
  margin: 0;
}

.hentry.search .url {
  font-size: 12px;
  color: #555;
}

.hentry.search .hasMore,
.hentry.search a.more {
  display: none;
}

form.search {
  margin: 1em auto;
  text-align: center;
}

form.search button {
  display: inline-block;
  vertical-align: middle;
}

form.search input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 5px;
}

#page-tools {
  position: absolute;
  z-index: 10;
  top: 300px;
  right: 0;
  width: 50px;
  color: white;
  padding-bottom: 1px;
}

.tall-banner #page-tools {
  top: 0px;
}

#page-tools.fixed {
  position: fixed;
  top: 200px;
  margin-top: 0 !important;
}

@media screen and (max-width: 1000px) {
  #page-tools.fixed {
    position: absolute;
  }
}

#page-tools.bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}

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

#page-tools > ul {
  margin-bottom: 50px;
}

#page-tools > ul > li {
  margin: 0;
  position: relative;
}

#page-tools > ul > li > a {
  display: block;
  padding: 10px 0;
  margin: 0 5px;
  text-align: center;
  border-top: 1px solid #dcdcdc;
  color: #bbb;
}

#page-tools > ul > li:last-child > a {
  border-bottom: 1px solid #dcdcdc;
}

#page-tools > ul > li > a:hover {
  text-decoration: none;
  color: #0095da;
}

#page-tools > ul > li.share {
  border-bottom: 0;
  margin: 0 0 5px 0;
}

#page-tools > ul > li.share > a {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: 50px;
  background: #999;
  color: white;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
  border: 0;
}

#page-tools > ul > li.share > a:hover {
  background: #0095da;
}

#page-tools > ul > li a > .at300bs {
  visibility: hidden;
}

#page-tools > ul > li .addthis_button_email > .at300bs,
#page-tools > ul > li .addthis_button_email > .aticon-email {
  display: none;
}

#page-tools > ul > li > a.font-size {
  font-family: Times,serif;
  font-size: 120%;
  line-height: 1;
}

#page-tools ul > li > .select {
  display: none;
  position: absolute;
  top: 0px;
  right: 100%;
  padding: 0 0px;
  font-family: Times,serif;
  white-space: nowrap;
  background: white;
  -webkit-box-shadow: 0px 0px 5px #444;
          box-shadow: 0px 0px 5px #444;
}

#page-tools ul > li.on > .select {
  display: block;
}

#page-tools ul > li > .select a {
  display: inline-block;
  padding: 0;
  width: 40px;
  color: #999;
  line-height: normal;
  font-size: 28px;
  line-height: 1.2;
  vertical-align: middle;
  text-align: center;
}

#page-tools ul > li > .select a:hover {
  background: #eee;
  text-decoration: none;
}

#page-tools ul > li > .select .reset {
  position: absolute;
  display: block;
  padding: 2px 0;
  bottom: -1.8em;
  left: 0;
  width: 100%;
  font-size: 13px;
  font-family: sans-serif;
}

#page-tools > ul > li > a.comments-count {
  margin-bottom: 20px;
  color: #7d7d7d;
  line-height: 42px;
  font-size: 18px;
}

#page-tools > ul > li > a.comments-count span {
  position: relative;
  display: block;
}

#page-tools > ul > li > a.comments-count:before {
  position: absolute;
  top: 7px;
  left: 7px;
  content: ' ';
  display: block;
  width: 36px;
  height: 27px;
  border-radius: 5px;
  background: #f4f4f4;
}

#page-tools > ul > li > a.comments-count:after {
  position: absolute;
  left: 18px;
  top: 34px;
  content: ' ';
  width: 0;
  height: 0;
  border: 10px solid #f4f4f4;
  border-bottom: 0;
  border-right: 15px solid transparent;
  border-left: 0;
  -webkit-transform: scale(1.00001, 1.00001);
  transform: scale(1.00001, 1.00001);
}

#page-tools.home {
  position: absolute;
  top: 0px !important;
  margin-top: -50px !important;
  width: auto;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#page-tools.home > a {
  white-space: nowrap;
  display: inline-block;
  margin: 0 0 0 300px;
  padding: 10px 20px;
  width: auto;
  background: #999;
  color: white;
  font-weight: bold;
  font-size: 16px;
}

#page-tools.home > a:hover {
  background-color: #0095da;
  text-decoration: none;
}

@media screen and (max-width: 1050px) {
  #page-tools {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: auto;
    text-align: center;
  }
  #page-tools > ul > li, #page-tools > ul > li.share {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
  }
  #page-tools > ul > li > a, #page-tools > ul > li.share > a {
    min-width: 50px;
  }
  #page-tools > ul > li.tool-print > a {
    border: 1px solid #dcdcdc;
  }
}
/*# sourceMappingURL=style.css.map */