/*
Theme Name: SuperOffice Blog 2015
Template: feather
Theme URI: http://themeforest.net/item/feather-clean-flat-responsive-wordpress-blog-theme/6815330
Author: OMI A/S
Author URI: http://omi.dk
Description: Made based off the design on the new 2015 visual identity and website on http://www.superoffice.com
Version: 2.0.2
License: All rights reserved
Tags: blog, blogging, clean, flat, gallery, journal, modern, personal, post types, responsive, simple, wordpress theme, writing
*/

.pingbacklist{
    display: block;
    list-style-type: none;
}

.single-pingback h4{font-weight: 600}

.single-ping-spacer{
border-bottom: 1px solid #E9E9E9;
padding-top: 10px;
margin-bottom: 10px;}

ul.ping-list {
	list-style-type: none;
	margin-left: 0px;
	float: left;
	padding-left:0px;
}

* {
    font-family: 'Proxima-Nova','Proxima Nova','ProximaNova','Montserrat','Helvetica Neue','Arial','Helvetica',sans-serif !important;
}
.fa {
    font-family: FontAwesome !important;
}

.logo img {
    width: 333px;
    height: auto;
    max-height: 99px;
}
#pagination {
    background-color:#F0F1F6;
}

h3 {
    font-size:23px;
}

li {
    padding-bottom:5px;
}

li:last-child {
    padding-bottom:0;
}

.alternate-title {
    color:#FA3D38;
}

a:hover, a:active, a:focus, .related-posts-wrapper ul li a:hover, .author-bio .author-bio-content h4 a:hover, .related-posts-wrapper ul li:hover::before, #cancel-comment-reply-link, .author-bio h4 a:hover, .recent-posts-wrapper .post-content span.date, span.custom, .accordion ul li:hover::before, nav.menu > ul > li a:hover, nav.menu ul ul li a:hover {
    color:#0084d6;
}

ul, ol {
    padding-left:15px;
}

div, ul, .gallery-caption, footer p, li a, p, span, article, nav, blockquote, dl, dt, dd, td, a, tr, th, code, caption, figcaption, input, label, textarea {
    font-size:17px;
}
nav.menu ul li {
  margin-right: 20px;
}
header#header {
    padding:0;
    box-shadow:0 3px 5px rgba(0,0,0,0.1);
}
header .top-content {
    margin-top: 45px;
}
.post-excerpt {
    margin-bottom: 2em;
}
.single-format-image .single-post h1.post-header, .page-template-default .post-inner-content h1 {
    font-size:53px;
    color:#FA3D38;
    margin-bottom:0;
}
	
.page-template-default .post-inner-content h1 {
	  margin-bottom:25px;
}

.single-post h2 {
    font-size:23px;
    color:#494949;
    line-height:27px;
}

.single-format-image .post-meta {
    margin-bottom:20px !important;
    margin-top:20px
}

.single-format-image .post-image {
    margin-bottom:30px;
}

.cta-section {
    background:#C6E220;
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
    color:#494949;
}

.cta-section h3 {
    font-size:30px;
    margin-top:0;
    margin-bottom:20px;
    font-weight:600;
}

.cta-section h4 {
    font-size:19px;
    margin-top:0;
    margin-bottom:60px;
}

.cta-section p {
    margin:0;
}

.blog-pagination .next-posts a,
.blog-pagination .prev-posts a,
.top-pagination .next-posts a,
.top-pagination .prev-posts a,
.btn {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0 45px;
  height: 50px;
  min-width: 200px;
  font-family: 'Proxima-Nova','Proxima Nova','ProximaNova','Montserrat','Helvetica Neue','Arial','Helvetica',sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 48px;
  cursor: pointer;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  transition: 0.2s;
  color: #fff;
  background: #0098f7;
  border-color: #0098f7
}

.blog-pagination .next-posts a:active, .blog-pagination .next-posts a:focus, .blog-pagination .next-posts a:hover,
.blog-pagination .prev-posts a:active, .blog-pagination .prev-posts a:focus, .blog-pagination .prev-posts a:hover,
.top-pagination .next-posts a:active, .top-pagination .next-posts a:focus, .top-pagination .next-posts a:hover,
.top-pagination .prev-posts a:active, .top-pagination .prev-posts a:focus, .top-pagination .prev-posts a:hover,
.btn:active,.btn:focus,.btn:hover {
  color: #fff;
  text-decoration: none;
  background: #0079c4;
  border-color: #0079c4
}

.blog-pagination .next-posts a,
.blog-pagination .prev-posts a,
.top-pagination .next-posts a,
.top-pagination .prev-posts a,
.btn--secondary {
  color: #0098f7 !important;
  background: #fff !important;
  border-color: #0098f7 !important;
}

.blog-pagination .next-posts a:active, .blog-pagination .next-posts a:focus, .blog-pagination .next-posts a:hover,
.blog-pagination .prev-posts a:active, .blog-pagination .prev-posts a:focus, .blog-pagination .prev-posts a:hover,
.top-pagination .next-posts a:active, .top-pagination .next-posts a:focus, .top-pagination .next-posts a:hover,
.top-pagination .prev-posts a:active, .top-pagination .prev-posts a:focus, .top-pagination .prev-posts a:hover,
.btn--secondary:active,.btn--secondary:focus,.btn--secondary:hover {
  color: #0098f7 !important;
  text-decoration: none !important;
  background: #e6e6e6 !important;
  border-color: #0098f7 !important;
}


@media screen and (min-width: 680px) {
  .blog-pagination .next-posts a, .blog-pagination .prev-posts a, .top-pagination .next-posts a, .top-pagination .prev-posts a,
  .btn {
    display: inline-block
  }
}

#respond form input[type="text"], #respond form input[type="email"], #respond form textarea {
    background:#fff;
    border:2px solid #8A93A4;
    width:100%;
    color:#70706E;
}

#respond #submit-comment {
    float:right;
    padding: 12px 30px !important;
    margin-top:20px;
    font-weight:600;
    width: auto !important;
    border: none !important;
}

.secondary-content-box {
    margin-top:30px;
}

.secondary-content-box > div.content-box-inner {
    border-top:none;
    padding-top:0;
    padding-bottom:10px;
}

.related-posts-wrapper ul li::before {
    display:none;
}
section.blog .single-post .post-image {
  border: none;
}
section.blog.single-blog-page .post-inner-content:last-child {
    border-bottom:none !important;
}

section.blog .single-post > .post-content .post-inner-content {
    padding:32px 30px !important;
    border:none;
}

.post-content a:link, .main-content a:link{  
  color: #0098f7 !important; text-decoration: none!important;
}

.post-content a:hover, .main-content a:hover{
    color: #0084d6 !important; text-decoration: none!important;
}


.post-content a:link{  
  color: #0098f7 !important; text-decoration: none!important;
}

.post-content a:hover {
    color: #0084d6 !important; text-decoration: none!important;
}

author-bio-content, .author-bio .author-bio-content {
    padding-bottom:35px;
    margin-left:120px;
}

.author-bio h4 {
    margin-bottom:15px;
}

.recent-posts-wrapper.related {
    float:none;
}

.author-bio h1, .author-bio h1 a, .author-bio h1 span, .author-bio h2, .author-bio h2 a, .author-bio h2 span, .author-bio h3, .author-bio h3 a, .author-bio h3 span, .author-bio h4, .author-bio h4 a, .author-bio h4 span, .author-bio h5, .author-bio h5 a, .author-bio h5 span, .author-bio h6, .author-bio h6 a, .author-bio h6 span, .comments h1, .comments h1 a, .comments h1 span, .comments h2, .comments h2 a, .comments h2 span, .comments h3, .comments h3 a, .comments h3 span, .comments h4, .comments h4 a, .comments h4 span, .comments h5, .comments h5 a, .comments h5 span, .comments h6, .comments h6 a, .comments h6 span, .comments-form h2, .related-posts h4, #respond h4, #respond h4, .comments h4 {
    text-transform:initial;
}

.secondary-content-box > .content-box-inner > h4, #respond h4, .comments h4 {
    font-size:23px;
}

#sidebar-content {
    padding-top:0;
    padding-bottom:0;
}

.sidebar-inner-content {
    padding-right:0;
    padding-left:0;
}

#sidebar .widget > h3 {
    display:none;
}

.widget ul li {
    margin-bottom:0;
}

.widget ul li {
    padding:18px 12px;
}
#sidebar .current-cat a {
    color: #1f69c2 !important;
    font-weight: bold;
}

.author-bio .avatar img {
    width:90px;
    height:90px;
}

.profile-link {
    margin-top:15px;
}

.profile-link a:link, .profile-link a:visited, a:hover, a:active, a:focus, .related-posts-wrapper ul li a:hover, .author-bio .author-bio-content h4 a:hover, .related-posts-wrapper ul li:hover::before, #cancel-comment-reply-link, .author-bio h4 a:hover, .recent-posts-wrapper .post-content span.date, span.custom, .accordion ul li:hover::before, nav.menu > ul > li a:hover, nav.menu ul ul li a:hover {
    color:#0098F7 !important;
}

.profile-link a:hover {
    color:#0084d6;
}

.comment-content .reply {
    margin-top:12px;
    font-size:13px;
    float:right;
    padding:12px 22px;
    line-height:11px;
}
.post-image {
    background: #ffffff;
}
footer {
    padding-top:59px;
    text-align:left;
    background-color:#6E7683;
}

.single-post .post-meta {
    margin-bottom:0;
}

nav.menu ul li a {
    color: #70706d;
    font-size: 18px;
    font-weight: normal;
    line-height: 23px;
    text-decoration: none;
    vertical-align: baseline;
    text-transform: uppercase;
}

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6, .author-bio h1, .author-bio h1 a, .author-bio h1 span, .author-bio h2, .author-bio h2 a, .author-bio h2 span, .author-bio h3, .author-bio h3 a, .author-bio h3 span, .author-bio h4, .author-bio h4 a, .author-bio h4 span, .author-bio h5, .author-bio h5 a, .author-bio h5 span, .author-bio h6, .author-bio h6 a, .author-bio h6 span, .comments h1, .comments h1 a, .comments h1 span, .comments h2, .comments h2 a, .comments h2 span, .comments h3, .comments h3 a, .comments h3 span, .comments h4, .comments h4 a, .comments h4 span, .comments h5, .comments h5 a, .comments h5 span, .comments h6, .comments h6 a, .comments h6 span, .comments-form h2, .related-posts h4, #respond h4 {
    font-weight:600;
}

.sumome-share-client-wrapper div.sumome-share-client.sumome-share-client-left-page {
    padding: 0;
    background-color: rgb(255, 255, 255);
    border-radius: 0px 4px 4px 0px;
    border-right: 7px solid #0098F7;
}

.single-post .post-meta a:link, .single-post .post-meta a:visited {
    color:#0098F7;
}

.single-post .post-meta a:hover {
    color:#0084d6 !important;
}

footer .social-icons {
    margin-bottom:48px;
}

footer .social-icons a {
    background-color:#fff;
}

footer .social-icons a:hover {
    background-color:#f1f1f1 !important;
}

.copyrights {
    padding-bottom:78px;
}

.copyrights h4 {
    font-weight:600;
    font-size:19px;
}

.copyrights h4,.copyrights p, .copyrights li, .copyrights ul li a:link, .copyrights ul li a:visited {
    color:#ffffff !important;
}

.copyrights li a, footer .copyrights p {
    font-size:18px;
    line-height:22px;
}

.copyrights ul li a:hover {
    color:#f1f1f1;
}

#respond br {
    display:none;
}

.comments-form input, .comments-form textarea {
    width:100% !important;
    background:#fff !important;
    color:#70706E !important;
    border:2px solid #8A93A4 !important;
}

.single-post h2 {
    font-size:35px;
    line-height:42px;
}

.single-post .post-meta span {
    float:right !important;
}

.bottom-copy{
    font-size:13px;
    padding:25px 20px;
    text-align:center;
    background:#FFFFFF;
    color:#70706E;
    margin-bottom:0;
    padding-bottom:30px;
}

.bottom-copy a {
    font-size:13px;
}

.bottom-copy a:hover {
    color:#60605F;
}

.ssba_sharecount::before,
.ssba_sharecount::after, 
.sumome-control, 
.sumome-share-client-wrapper.sumome-share-client-wrapper-desktop-bottom-bar/*, 
.sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar*/ {
    display:none !important;
}

.ssba_sharecount {
    border:none !important;
}

.category-type {
    margin-top:20px;
    padding-top:10px;
    border-top:2px solid #8A93A4;
    font-size:18px;
    clear:both;
}

.crp_related {
    margin-top: 1.33em;
    border-top: 2px solid #8A93A4;
}

.crp_related h3 {
    margin-top: 2em;
    color: #636467 !important;
}
.crp_related ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.crp_related ul li {
    margin-bottom: 1.33em;
    padding: 0;
}
#blog .post-inner-content .main-content .crp_related .crp_title {
    display: block;

    color: #0098f7 !important;
    font-weight: bold;
}
#blog .post-inner-content .main-content .crp_related .crp_author a {
    color: #0098f7 !important;
}

section.blog .single-post .post-image img {
  width:100%;
}

@media (max-width:1199px) {
    .logo img {
        width: 280px;
    }
    header .top-content {
        margin-top: 30px;
    }
}

@media (max-width:993px) {
    .copyrights .col-md-3 {
        margin-bottom:30px;
    }

    .section.blog {
        padding-bottom:50px;
    }

    .single-post .post-meta span a, .single-post .post-meta span i{
        color:#70706E !important;
    }

    #sidebar #sidebar-content {
        margin-top:50px;
    }

}

@media (max-width:990px) {

	header .logo {
  		margin-top:0;
  		margin-bottom:0;
      	width: auto!important;
      	float: left;
	}

	header .logo a img {
  		width:260px !important;
	}

	header .top-content {
  		height:0;
  		width:240px;
  		position: absolute;
		right: 24px;
		top: 19px;
		z-index: 9;
  		float: right;
    	clear: both;
    	margin-top: 0!important;
	}

	.sticky-header .top-content {
  		float:right;
	  	
	}

	.sf-menu.active-menu {
  		top:0;
	  	padding-top:8px;
    	background-color: #FFF !important;
  		box-shadow:0px 1px 5px rgba(0, 0, 0, 0.25);
	}

	nav.menu {
  		margin-top:0;
  		margin-bottom:0;
	}
  
	nav.menu > ul {
  		padding-top:0;
	}
  nav.menu li.toggle a{
    color: #fff !important;
    background-position: 91% 9px !important;
    font-size: 1px!important;
    top: 0px;
    right: 15px;
	position: absolute;
	z-index: 999999;
  	width:33px;
  	height:33px;
  }

	nav.menu li.toggle.active a {
  		top:4px;
  		right:10px;
	}

	nav.menu li.toggle {
  		position:absolute;
	}

	nav.menu .arrow li.toggle a {
  		background:transparent url("../feather/img/arrow.png") no-repeat scroll 98% 0px !important;
  }

	nav.menu ul, nav.menu ul ul {
  		background-color:transparent !important;
	}

	nav.menu li.toggle.active {
  		padding-bottom:10px;
	}
  nav.nav ul li{padding: 0px 40px 0 10px!important}

	nav.menu ul li a {
    	color: #70706D;
    	background: none;
    	padding-left: 20px;
  		margin-left:0;
  		padding-bottom:0;
  		padding-top:0;
  		text-transform:initial;
	}

	nav.menu ul li a:hover {
  		color:#494949;
	}

}

@media (max-width:767px) {
    footer .copyrights {
        padding-left:20px;
        padding-right:20px;
    }
}

@media (max-width:480px) {
    .author-bio-content, .author-bio .author-bio-content {
        margin-left:0;
    }

    .comment-content .reply {
        float:inherit;
    }
}

@media (max-width:440px) {
    .home .single-post .post-meta span {
        margin:30px 0 20px 0;
    }
}

.menu-mobile {
    display: none;
  }
@media screen and (min-width:480px) {
    .menu__toggle {
        height: 50px;
    }

}
@media screen and (max-width:990px) {
  .menu{
    display: none;

  }
  .menu-mobile {
    display: block;
  }

  .menu__toggle:before,
  .menu__toggle:after,
  .nav__link--arrow:before,
  .nav__sub-list:before,
  .nav__sub-list:after,
  .nav--secondary .nav__list > .nav__item:before
  {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
  }

  .menu__toggle:before,
  .menu__toggle:after,
  .nav__link--arrow:before,
  .nav__sub-list:before,
  .nav__sub-list:after,
  .nav--secondary .nav__list > .nav__item:before
  {
      content: '';
      display: block;
  }

  .nav__list,
  .nav__sub-list,
  .nav__item {
      display: block;
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .menu-mobile:after,
  .nav:after {
      content: '';
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      font-size: 0;
  }

  @font-face {
      font-family: 'icomoon';
      font-style: normal;
      font-weight: normal;
      src: url('../fonts/icons/icomoon.eot?cl9qgq');
      src: url('../fonts/icons/icomoon.eot?#iefixcl9qgq') format('embedded-opentype'), url('../fonts/icons/icomoon.woff?cl9qgq') format('woff'), url('../fonts/icons/icomoon.ttf?cl9qgq') format('truetype'), url('../fonts/icons/icomoon.svg?cl9qgq#icomoon') format('svg');
  }

  * {
      box-sizing: border-box;
  }



  .menu-mobile {
      position: relative;
      margin-top: 12px;
  }

  .menu__content {
      display: none;
      z-index: 200;
      position: absolute;
      top: 0;
      right: 0;
      background: #fff;
      box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  }

  .menu__toggle {
      display: block;
      z-index: 201;
      float: right;
      position: relative;
      width: 50px;
      height: 30px;
  }

  .menu__toggle:before,
  .menu__toggle:after,
  .menu__toggle span {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 26px;
      height: 2px;
      margin: -1px 0 0 -13px;
      background: #000;
      transition: 0.2s cubic-bezier(0.77,0,0.175,1);
  }

  .menu__toggle:before {
      -webkit-transform: translateY(-0.4375em);
      transform: translateY(-0.4375em);
  }

  .menu__toggle:after {
      -webkit-transform: translateY(0.4375em);
      transform: translateY(0.4375em);
  }

  .menu--state-open .menu__toggle:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .menu--state-open .menu__toggle:after,
  .menu--state-open .menu__toggle span {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  .menu--state-open .menu__toggle span {
      opacity: 0;
  }

  .menu--state-open .menu__content {
      display: block;
      -webkit-animation: menuFoldDown 0.5s cubic-bezier(0.165,0.84,0.44,1);
      animation: menuFoldDown 0.5s cubic-bezier(0.165,0.84,0.44,1);
  }

}


@-webkit-keyframes menuFoldDown {    
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }
}

@keyframes menuFoldDown {    
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.nav {
    position: relative;
    padding: 10px;
    transition: 0.3s cubic-bezier(0.77,0,0.175,1);
}

.nav__sub-list {
    display: none;
    margin-left: 20px;
}

.nav__phone,
.nav__link {
    font-size: 18px;
    line-height: 23px;
    color: #70706d;
}

.nav__item {
    position: relative;
}

.nav__link {
    display: block;
    padding: 0 20px;
    padding-right: 50px;
    white-space: nowrap;
    transition: 0.3s cubic-bezier(0.165,0.84,0.44,1);
    cursor: pointer;
}

.nav__link:focus,
.nav__link:active,
.nav__link:hover {
    color: #494949;
}

.nav__expand {
    position: relative;
    margin-top: 10px;
    border-top: 1px solid #dee0eb;
}

.nav__expand-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
    font-size: 20px;
    color: #70706d;
}

.nav__expand-toggle:focus,
.nav__expand-toggle:active,
.nav__expand-toggle:hover {
    color: #494949;
}

.nav__phone {
    display: block;
    width: 100%;
    padding: 10px 40px 0 20px;
    white-space: nowrap;
}

.nav--secondary {
    border-top: 1px solid #dee0eb;
    transition: height 0.5s cubic-bezier(0.165,0.84,0.44,1);
}

.nav--secondary .nav__link {
    text-transform: none;
    color: #1f69c2;
}

.nav--secondary .nav__link:focus,
.nav--secondary .nav__link:active,
.nav--secondary .nav__link:hover {
    color: #1f69c2;
}

.nav--secondary .nav__expand-toggle {
    margin-top: -0.33em;
    font-size: 16px;
}

.nav__link--arrow:before {
    display: none;
    float: right;
    margin-top: 8px;
    margin-left: 4px;
    border-top: 5px solid #1f69c2;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.nav__item--state-current > .nav__link {
    font-weight: bold;
}

.nav__item--state-active > .nav__sub-list {
    display: block;
    -webkit-animation: navSubFoldOut 0.5s cubic-bezier(0.165,0.84,0.44,1);
    animation: navSubFoldOut 0.5s cubic-bezier(0.165,0.84,0.44,1);
}

@media screen and (min-width:970px) {
    .nav {
        float: right;
        padding: 35px 0 0;
    }

    .nav__list {
        float: left;
    }

    .nav__link,
    .nav__phone {
        font-size: 16px;
    }

    .nav__sub-list {
        z-index: 300;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 10px 0 0;
        padding: 10px 0;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 8px rgba(0,0,0,0.35);
    }

    .nav__sub-list:before,
    .nav__sub-list:after {
        position: absolute;
        top: -10px;
        left: 10px;
        width: 10px;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        border-left: 10px solid transparent;
    }

    .nav__sub-list:before {
        margin-top: -1px;
        border-bottom-color: rgba(0,0,0,0.2);
    }

    .csstransforms .nav__sub-list {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .csstransforms .nav__sub-list:before,
    .csstransforms .nav__sub-list:after {
        left: 50%;
        margin-left: -10px;
    }

    .nav__sub-list .nav__item {
        float: none;
    }

    .nav__sub-list .nav__link {
        padding: 5px 50px 5px 15px;
        text-transform: none;
        font-size: 16px;
    }

    .nav__sub-list .nav__link:focus,
    .nav__sub-list .nav__link:active,
    .nav__sub-list .nav__link:hover {
        color: #494949;
        background-color: #f0f2f5;
    }

    .nav__item,
    .nav__expand {
        float: left;
    }

    .nav__link {
        padding: 0 10px;
        text-transform: uppercase;
    }

    .nav__sub-list .nav__link {
        text-transform: none;
    }

    .nav__expand {
        position: relative;
        height: 30px;
        margin: 0;
        min-width: 20px;
        border: none;
        border-radius: 5px;
    }

    .nav__expand-toggle {
        display: block;
        position: absolute;
        top: 2px;
        right: 2px;
        width: 20px;
        margin: 0;
        text-align: center;
    }

    .nav__expand-content {
        display: block;
        width: 0;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }

    .nav__phone {
        padding: 0;
    }

    .nav--secondary {
        z-index: 300;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        border-top: none;
    }

    .nav--secondary .nav__link,
    .nav--secondary .nav__phone {
        font-size: 12px;
    }

    .nav--secondary .nav__expand {
        margin: 0;
        padding: 0 8px;
        border: none;
    }

    .nav--secondary .nav__expand-toggle {
        top: 0;
        right: 0;
        margin-top: 0;
    }

    .nav--secondary .nav__expand-content {
        padding: 0;
    }

    .nav--secondary .nav__list > .nav__item:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        margin-top: -5px;
        background: #0098f7;
    }

    .nav--secondary .nav__list > .nav__item:first-child:before {
        display: none;
    }

    .nav--secondary .nav__expand--state-open {
        box-shadow: none;
        -webkit-animation: navExpandInSecondary 0.25s cubic-bezier(0.165,0.84,0.44,1);
        animation: navExpandInSecondary 0.25s cubic-bezier(0.165,0.84,0.44,1);
    }

    .nav--secondary .nav__expand--state-open .nav__expand-content {
        padding-right: 20px;
        -webkit-animation: navContentExpandIn 0.25s cubic-bezier(0.77,0,0.175,1);
        animation: navContentExpandIn 0.25s cubic-bezier(0.77,0,0.175,1);
    }

    .nav__item--state-active .nav__sub-list {
        -webkit-animation-name: navSubFoldOutDown;
        animation-name: navSubFoldOutDown;
    }

    .nav__expand--state-open {
        overflow: hidden;
        box-shadow: inset 0 0 0 1px #dee0eb;
        -webkit-animation: navExpandIn 0.5s cubic-bezier(0.165,0.84,0.44,1);
        animation: navExpandIn 0.5s cubic-bezier(0.165,0.84,0.44,1);
    }

    .nav__expand--state-open .nav__expand-content {
        width: auto;
        -webkit-animation: navContentExpandIn 0.5s cubic-bezier(0.77,0,0.175,1);
        animation: navContentExpandIn 0.5s cubic-bezier(0.77,0,0.175,1);
    }

    .nav__link--arrow:before {
        display: block;
    }

    .site-header--fixed .nav {
        padding-top: 18px;
    }

    .site-header--fixed .nav--secondary {
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
}

@media screen and (min-width:1230px) {
    .nav__link,
    .nav__phone {
        font-size: 18px;
    }
}

@-webkit-keyframes navExpandIn {    
    0% {
        max-width: 30px;
    }

    100% {
        max-width: 200px;
    }
}

@keyframes navExpandIn {    
    0% {
        max-width: 30px;
    }

    100% {
        max-width: 200px;
    }
}

@-webkit-keyframes navExpandInSecondary {    
    0% {
        max-width: 30px;
    }

    100% {
        max-width: 10em;
    }
}

@keyframes navExpandInSecondary {    
    0% {
        max-width: 30px;
    }

    100% {
        max-width: 10em;
    }
}

@-webkit-keyframes navContentExpandIn {    
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(30px);
    }
}

@keyframes navContentExpandIn {    
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(30px);
        transform: scale(0.1) translateX(30px);
    }
}

@-webkit-keyframes navSubFoldOut {    
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@keyframes navSubFoldOut {    
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-webkit-keyframes navSubFoldOutDown {    
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px) translateX(-50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-50%);
    }
}

@keyframes navSubFoldOutDown {    
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px) translateX(-50%);
        transform: translateY(-20px) translateX(-50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}