@charset "UTF-8";
/*!
 * Copyright: ГО "Батько МАЄ ПРАВО", 2016-2025.
 *  Author: Taras Hanych taras.ganych@gmail.com
 */
/*!
 * Copyright: ГО "Батько МАЄ ПРАВО", 2016-2025.
 *  Author: Taras Hanych taras.ganych@gmail.com
 */
html, body {
  height: 100%; }

body {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif; }

a:hover {
  text-decoration: none; }

#map {
  height: 100%;
  min-height: 700px; }

/*
  Buttons
 */
.button {
  display: inline-block;
  padding: 5px 40px 5px 30px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px; }
  .button:active {
    position: relative;
    top: 5px;
    box-shadow: 0px 0px #00A4D3; }
  .button:hover {
    text-decoration: none; }
  .button.next {
    background: #0078E9;
    box-shadow: 5px 5px #00A4D3;
    color: #fff; }
  .button.orange {
    min-width: 300px;
    background: #FA917A;
    box-shadow: 5px 5px #D9DADB;
    color: #fff;
    font-size: 24px; }

.toolbar {
  background: #006599; }
  .toolbar .btn {
    margin: 5px; }

.btn.btn-primary.rounded-circle {
  background: #1e5799;
  background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  background: -webkit-linear-gradient(left, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  background: linear-gradient(to right, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
  font-size: 20px;
  color: #fff;
  padding: 4px 9px 2px 9px; }

a.social-link {
  color: #006191;
  padding: 0 5px 0 15px;
  font-size: 16px; }
  a.social-link.s14 {
    font-size: 14px; }
  a.social-link.s18 {
    font-size: 18px; }
  a.social-link.s24 {
    font-size: 24px; }

ul.list {
  padding: 2px 5px;
  color: #1a658c; }
  ul.list li {
    display: inline-block; }
    ul.list li a {
      color: #1a658c; }
      ul.list li a:hover {
        text-decoration: underline;
        text-shadow: -1px -1px 25px #1a658c; }
    ul.list li:after {
      content: ", "; }
    ul.list li:last-child:after {
      content: ""; }

/*
  Pagination
 */
.pagination {
  margin: 20px 0; }

/*
  Logo
 */
.navbar-brand img {
  width: 200px;
  box-shadow: 0 0 20px 5px rgba(127, 127, 127, 0.5); }

/*
  Overwrite
 */
.ck-editor__editable {
  min-height: 200px; }

.carousel-item {
  background-size: cover; }

.carousel-control-next-icon {
  background-position: top right; }

.carousel-control-prev-icon {
  background-position: top left; }

.carousel-control-next-icon, .carousel-control-prev-icon {
  background-image: url("../img/slider-arrow.png");
  height: 80px;
  background-size: auto auto; }

/**
  Editors toll
 */
.editors-tool {
  z-index: 10000;
  position: fixed;
  right: 0;
  top: 0; }
  .editors-tool button {
    cursor: pointer; }

/**
  Header section
 */
header {
  background: #ffffff;
  background-image: url("/img/alt-01/home-main-bg-760.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-bottom: 1px solid #00C1F5; }
  header .container {
    padding: 40px 15px 40px 40px; }
  @media screen and (max-width: 720px) {
    header {
      position: static !important; } }
  header .navbar {
    padding-bottom: 10px;
    padding-top: 25px; }
    header .navbar .card {
      border: none; }
      header .navbar .card .card-body {
        padding: 10px 0 0 5px; }
        header .navbar .card .card-body h1, header .navbar .card .card-body h2, header .navbar .card .card-body h3, header .navbar .card .card-body h4, header .navbar .card .card-body h5 {
          font-size: 20px;
          color: #006191;
          font-weight: 700; }
          header .navbar .card .card-body h1 small, header .navbar .card .card-body h2 small, header .navbar .card .card-body h3 small, header .navbar .card .card-body h4 small, header .navbar .card .card-body h5 small {
            color: #666161;
            font-size: 14px; }
          header .navbar .card .card-body h1 a, header .navbar .card .card-body h2 a, header .navbar .card .card-body h3 a, header .navbar .card .card-body h4 a, header .navbar .card .card-body h5 a {
            color: #1a658c; }
    header .navbar .navbar-toggler, header .navbar .navbar-collapse {
      margin-top: 9px;
      margin-bottom: auto; }
    header .navbar h1 {
      margin-bottom: 0; }
      header .navbar h1 a {
        display: block;
        font-size: 24px;
        font-weight: bold;
        color: #000; }
        @media screen and (max-width: 540px) {
          header .navbar h1 a {
            font-size: 18px; } }
      header .navbar h1 span {
        font-size: 14px;
        display: block; }
    header .navbar .navbar-toggler {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 0px 14px;
      font-size: 20px;
      color: #fff;
      line-height: 24px; }
    header .navbar .navbar-nav .nav-item a {
      color: gray;
      font-weight: bold;
      text-transform: uppercase;
      border-bottom: 4px solid transparent; }
    header .navbar .navbar-nav .nav-item.active a, header .navbar .navbar-nav .nav-item:hover a {
      color: #006699;
      border-bottom-color: #006699; }
  header .header-container {
    color: #fff; }
    header .header-container h1 {
      font-size: 54px;
      font-weight: bold;
      text-rendering: optimizelegibility;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
    header .header-container h1 > small {
      color: #000;
      font-size: 24px; }
    header .header-container .main-title {
      color: red; }

.internal-page header {
  background: #fff;
  border-bottom: 4px solid #00C1F5; }
  .internal-page header .container {
    padding: 8px 15px; }
  .internal-page header .navbar {
    padding-top: 5px; }
    .internal-page header .navbar .card {
      position: relative;
      top: 3px; }
    .internal-page header .navbar .navbar-collapse {
      margin-top: 4px;
      position: relative;
      top: 18px; }
      .internal-page header .navbar .navbar-collapse .nav-item .nav-link {
        line-height: 36px; }
  .internal-page header .navbar-brand img {
    width: 56px; }

.body-app-controller-indexcontroller-index .button {
  width: 100%;
  border-radius: 25px;
  text-align: center;
  font-size: 16px;
  padding: 10px; }

.body-app-controller-indexcontroller-index .about-us-wrap h3, .body-app-controller-indexcontroller-index .news-wrap h3, .body-app-controller-indexcontroller-index .law-new-wrap h3, .body-app-controller-indexcontroller-index .contacts-wrap h3 {
  color: #006699; }

.body-app-controller-indexcontroller-index .about-us-wrap .button, .body-app-controller-indexcontroller-index .news-wrap .button, .body-app-controller-indexcontroller-index .contacts-wrap .button {
  background: #016699;
  background: linear-gradient(to right, #016699, #66ccff);
  color: white; }

.body-app-controller-indexcontroller-index .invite-wrap .button {
  color: white;
  border: 1px solid white; }

.body-app-controller-indexcontroller-index .law-new-wrap {
  background: #f0f0f0;
  padding-top: 30px;
  padding-bottom: 30px; }
  .body-app-controller-indexcontroller-index .law-new-wrap .button {
    color: #006699;
    border: 1px solid #006699; }
  .body-app-controller-indexcontroller-index .law-new-wrap h3 {
    text-align: center; }
  .body-app-controller-indexcontroller-index .law-new-wrap .law-col-bg {
    padding: 25px;
    text-align: right;
    border-radius: 5px;
    margin-bottom: 15px;
    background-size: cover;
    background-position: center; }
    .body-app-controller-indexcontroller-index .law-new-wrap .law-col-bg.left {
      background-image: url("../img/alt-01/pic-3.jpg"); }
    .body-app-controller-indexcontroller-index .law-new-wrap .law-col-bg.right {
      background-image: url("../img/alt-01/pic-4.jpg"); }
    .body-app-controller-indexcontroller-index .law-new-wrap .law-col-bg img {
      width: 30%; }

/**
  Global styles
 */
.rating-wrap {
  font-size: 18px;
  color: green; }
  .rating-wrap.rating-level-blue {
    color: blue; }
  .rating-wrap.rating-level-indigo {
    color: indigo; }
  .rating-wrap.rating-level-yellow {
    color: yellow; }
  .rating-wrap.rating-level-orange {
    color: orange; }
  .rating-wrap.rating-level-red {
    color: red; }
  .rating-wrap .rating-explain {
    color: red;
    height: 4px;
    background: linear-gradient(to right, green, blue, indigo, yellow, orange, red); }
  .rating-wrap div.stars {
    padding: 0;
    display: flex;
    align-items: stretch; }
    .rating-wrap div.stars div {
      text-align: center;
      flex-grow: 2; }

.breadcrumb-wrap {
  padding: 36px 0;
  background: url("../img/breadcrumb-bg.jpg") no-repeat;
  background-size: cover;
  -webkit-box-shadow: inset 5px -20px 100px 74px rgba(0, 0, 0, 0.34);
  box-shadow: inset 5px -20px 100px 74px rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px; }
  .breadcrumb-wrap a {
    color: #fff; }
  .breadcrumb-wrap h1 {
    color: #fff;
    padding: 15px;
    font-size: 70px;
    font-weight: normal; }
  .breadcrumb-wrap .breadcrumb {
    background-color: transparent; }

.card-vertical-wrap .card {
  border: none;
  border-bottom: 1px solid #e5d9d9; }
  .card-vertical-wrap .card .title {
    color: #006191;
    font-size: 18px;
    font-weight: normal; }
  .card-vertical-wrap .card .sub-title {
    font-weight: 700;
    font-size: 14px; }
  .card-vertical-wrap .card .phone {
    color: #666161;
    font-size: 14px;
    margin-bottom: 10px; }
  .card-vertical-wrap .card .email {
    margin-bottom: 10px; }

.card-vertical-wrap .card-img-right .btn {
  margin-top: 7px; }

.card {
  border: none; }
  .card .card-body {
    padding: 10px 0 0 5px; }
    .card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5 {
      font-size: 20px;
      color: #006191;
      font-weight: 700; }
      .card .card-body h1 small, .card .card-body h2 small, .card .card-body h3 small, .card .card-body h4 small, .card .card-body h5 small {
        color: #666161;
        font-size: 14px; }
      .card .card-body h1 a, .card .card-body h2 a, .card .card-body h3 a, .card .card-body h4 a, .card .card-body h5 a {
        color: #1a658c; }

/*
  Slider Section
 */
#carouselMainControls .carousel-inner {
  max-height: 800px; }
  #carouselMainControls .carousel-inner .carousel-item {
    min-height: 800px; }
    @media screen and (max-width: 720px) {
      #carouselMainControls .carousel-inner .carousel-item {
        min-height: 380px; } }
    @media screen and (max-width: 540px) {
      #carouselMainControls .carousel-inner .carousel-item {
        min-height: 200px; } }
  #carouselMainControls .carousel-inner .carousel-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.4; }
  #carouselMainControls .carousel-inner .carousel-content {
    position: absolute;
    top: 25%;
    left: 15%;
    width: 40%; }
    #carouselMainControls .carousel-inner .carousel-content h5 {
      font-size: 80px;
      color: #fff; }
      @media screen and (max-width: 960px) {
        #carouselMainControls .carousel-inner .carousel-content h5 {
          font-size: 60px; } }
      @media screen and (max-width: 720px) {
        #carouselMainControls .carousel-inner .carousel-content h5 {
          font-size: 18px; } }
      @media screen and (max-width: 540px) {
        #carouselMainControls .carousel-inner .carousel-content h5 {
          font-size: 18px; } }

.owl-carousel .owl-nav {
  position: absolute;
  top: 106px;
  width: 100%; }
  .owl-carousel .owl-nav button {
    position: absolute;
    display: block;
    height: 66px;
    width: 18px;
    background-image: url("../img/slider-arrow-2.png") !important; }
    .owl-carousel .owl-nav button span {
      display: none; }
  .owl-carousel .owl-nav .owl-next {
    right: 0px;
    background-position: top right !important; }
  .owl-carousel .owl-nav .owl-prev {
    background-position: top left !important; }

/*
  Our mission
 */
.our-mission-wrap {
  background: #006699; }
  .our-mission-wrap .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    .our-mission-wrap .container .left-side, .our-mission-wrap .container .right-side {
      padding: 0 40px; }
      .our-mission-wrap .container .left-side h3, .our-mission-wrap .container .right-side h3 {
        font-size: 32px;
        font-weight: bold;
        text-transform: uppercase; }
      .our-mission-wrap .container .left-side p, .our-mission-wrap .container .right-side p {
        font-size: 16px;
        margin-bottom: 5px;
        color: #66ccff; }
    .our-mission-wrap .container .right-side {
      color: #fff; }
    .our-mission-wrap .container .left-side {
      color: #fff;
      border-right: 2px solid #fff; }
      @media screen and (max-width: 720px) {
        .our-mission-wrap .container .left-side {
          border-right: none;
          border-bottom: 2px solid #fff;
          margin-bottom: 20px; } }

/*
  Socials
 */
.socials-wrap .container {
  padding-top: 30px;
  padding-bottom: 30px; }
  .socials-wrap .container .socials-col-bg {
    min-height: 150px;
    background-image: url("../img/alt-01/pic-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px; }
  .socials-wrap .container p.lead {
    color: #006699; }
  .socials-wrap .container .button {
    color: #006699;
    width: 45%;
    float: left; }
  .socials-wrap .container .social-item {
    color: #00C1F5;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    padding: 20px 30px;
    border: 1px solid #00C1F5;
    border-radius: 25px;
    margin-bottom: 20px; }
    .socials-wrap .container .social-item a {
      color: #00C1F5;
      text-decoration: none; }
    @media screen and (max-width: 720px) {
      .socials-wrap .container .social-item {
        font-size: 18px;
        text-align: center; } }
    .socials-wrap .container .social-item .fa-telegram-plane {
      color: #0088cc; }
    .socials-wrap .container .social-item .fa-facebook-square {
      color: #637DBE; }

/*
  About Us
 */
.about-us-wrap {
  background: #f0f0f0;
  padding-top: 30px;
  padding-bottom: 30px; }
  .about-us-wrap .cat-animation {
    position: absolute;
    top: -81px;
    left: 0px;
    z-index: 100; }
  .about-us-wrap .container .right-side {
    color: #fff;
    border-left: 2px solid #fff; }
    @media screen and (max-width: 720px) {
      .about-us-wrap .container .right-side {
        border-left: none; } }
    .about-us-wrap .container .right-side h3 {
      font-size: 32px;
      font-weight: bold;
      text-transform: uppercase; }
    .about-us-wrap .container .right-side p {
      font-size: 16px;
      margin-bottom: 5px; }

/**
  Invite
 */
.invite-wrap {
  padding: 20px 0;
  background: #2e93c7;
  background-image: url("../img/alt-01/bg-invite.jpg");
  background-position: 50% 25%;
  background-size: cover; }
  .invite-wrap .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    .invite-wrap .container h3 {
      color: white; }
      @media screen and (max-width: 960px) {
        .invite-wrap .container h3 {
          font-size: 60px; } }
      @media screen and (max-width: 720px) {
        .invite-wrap .container h3 {
          font-size: 18px; } }
      @media screen and (max-width: 540px) {
        .invite-wrap .container h3 {
          font-size: 18px; } }
    .invite-wrap .container .left-side {
      text-align: right; }
    .invite-wrap .container .right-side {
      text-align: left; }
    @media screen and (max-width: 720px) {
      .invite-wrap .container .left-side {
        text-align: center; }
      .invite-wrap .container .right-side {
        text-align: center; } }
    .invite-wrap .container .invite-text {
      color: #00C1F5; }

/*
  News
 */
.news-wrap {
  padding: 20px 0; }
  .news-wrap .container {
    padding-top: 50px;
    padding-bottom: 35px; }
  .news-wrap .subscribe {
    position: relative;
    height: 150px; }
    .news-wrap .subscribe img {
      position: absolute;
      right: 0px;
      top: -10px; }
  .news-wrap .news-block-title {
    background: #00C1F5;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold; }
  .news-wrap .carousel-indicators {
    bottom: -30px; }
    .news-wrap .carousel-indicators li {
      background: #00C1F5; }
      .news-wrap .carousel-indicators li.active {
        opacity: 0.6; }
  .news-wrap .carousel-control-next-icon, .news-wrap .carousel-control-prev-icon {
    opacity: 1;
    background-image: url("../img/slider-arrow-2.png"); }
  .news-wrap .carousel-control-next, .news-wrap .carousel-control-prev {
    width: 20px;
    opacity: 1; }
  .news-wrap .carousel-control-next {
    right: -20px; }
    @media screen and (max-width: 720px) {
      .news-wrap .carousel-control-next {
        display: none; } }
    @media screen and (max-width: 540px) {
      .news-wrap .carousel-control-next {
        display: none; } }
  .news-wrap .news-item-wrap {
    padding: 0 10px; }
    .news-wrap .news-item-wrap .news-preview {
      margin-bottom: 10px; }
      .news-wrap .news-item-wrap .news-preview img {
        width: 100%; }
    .news-wrap .news-item-wrap .news-name {
      font-size: 14px;
      color: #646464; }
    .news-wrap .news-item-wrap .news-date {
      text-align: right;
      color: #00C1F5; }

/*
  Law
 */
.law-wrap {
  background: #f0f0f0;
  color: #fff;
  text-align: right;
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase; }
  @media screen and (max-width: 720px) {
    .law-wrap {
      font-size: 40px;
      text-align: center; } }
  @media screen and (max-width: 540px) {
    .law-wrap {
      font-size: 30px;
      text-align: center; } }

.law-cat {
  position: relative;
  height: 60px; }
  @media screen and (max-width: 720px) {
    .law-cat {
      height: 20px; } }
  .law-cat .cat-umbrella img {
    position: absolute;
    top: -229px;
    left: -145px; }
    @media screen and (max-width: 720px) {
      .law-cat .cat-umbrella img {
        display: none;
        text-align: center; } }

.law-blocks {
  background: #00C1F5; }
  .law-blocks .container .row .left-side {
    background: url("../img/bg-white.jpeg") repeat-y right;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    padding: 20px 30px; }
    @media screen and (max-width: 720px) {
      .law-blocks .container .row .left-side {
        background: none; } }
  .law-blocks .container .row .right-side {
    background: url("../img/bg-white.jpeg") repeat-y left;
    padding: 20px 30px; }
    @media screen and (max-width: 720px) {
      .law-blocks .container .row .right-side {
        background: none; } }
    .law-blocks .container .row .right-side h3 {
      font-size: 40px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 700; }
      @media screen and (max-width: 720px) {
        .law-blocks .container .row .right-side h3 {
          text-align: center; } }
    .law-blocks .container .row .right-side .item-wrap {
      background: #5ACDF7;
      margin: 5px;
      padding: 10px;
      box-sizing: border-box;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      text-align: center; }

/*
 Mother
 */
.mother-wrap {
  background: #dd0022;
  background: linear-gradient(to right, #dd0022, #ff66aa); }
  .mother-wrap img {
    width: 85%; }
  .mother-wrap h3 {
    color: white;
    text-transform: uppercase; }
  .mother-wrap p {
    color: white; }
  .mother-wrap .button {
    color: white;
    border: 1px solid white; }
  .mother-wrap .cat-police {
    position: absolute;
    right: 0px; }
    @media screen and (max-width: 720px) {
      .mother-wrap .cat-police {
        display: none; } }
  .mother-wrap .container {
    min-height: 350px;
    padding-top: 30px;
    padding-bottom: 30px; }
    .mother-wrap .container .title-wrap:after {
      content: "";
      clear: both;
      display: table; }
    .mother-wrap .container .title-wrap h3 {
      background: #F24941;
      float: left;
      width: 40%;
      text-align: right;
      color: #fff;
      font-size: 40px;
      padding: 10px 20px;
      text-transform: uppercase; }
      @media screen and (max-width: 720px) {
        .mother-wrap .container .title-wrap h3 {
          width: 100%; } }
    .mother-wrap .container .button {
      float: right; }
      .mother-wrap .container .button.next {
        background: #F24941;
        box-shadow: 5px 5px #D9DADB; }

/*
  Contacts
 */
.contacts-wrap {
  margin-top: 30px; }
  .contacts-wrap p.lead {
    color: #006699; }

.contacts-items {
  margin-top: 20px; }
  .contacts-items .slider {
    padding: 20px 0; }
    .contacts-items .slider .carousel-indicators {
      bottom: -30px; }
      .contacts-items .slider .carousel-indicators li {
        background: #00C1F5; }
        .contacts-items .slider .carousel-indicators li.active {
          opacity: 0.6; }
    .contacts-items .slider .carousel-control-next-icon, .contacts-items .slider .carousel-control-prev-icon {
      opacity: 1;
      background-image: url("../img/slider-arrow-2.png"); }
    .contacts-items .slider .carousel-control-next, .contacts-items .slider .carousel-control-prev {
      width: 20px;
      opacity: 1; }
      @media screen and (max-width: 720px) {
        .contacts-items .slider .carousel-control-next, .contacts-items .slider .carousel-control-prev {
          display: none; } }
    .contacts-items .slider .carousel-control-next {
      right: -20px; }
    .contacts-items .slider .carousel-control-prev {
      left: -20px; }
    .contacts-items .slider .news-item-wrap {
      text-align: center; }
      .contacts-items .slider .news-item-wrap .news-preview {
        margin-bottom: 10px;
        text-align: center; }
        .contacts-items .slider .news-item-wrap .news-preview img {
          width: 60%; }
      .contacts-items .slider .news-item-wrap .user-name {
        font-size: 14px;
        color: #646464; }
      .contacts-items .slider .news-item-wrap .info {
        color: #7A7A7A;
        margin-bottom: 3px; }
      .contacts-items .slider .news-item-wrap .news-date {
        text-align: right;
        color: #00C1F5; }

/*
  Footer
 */
footer {
  background: #003466;
  margin-top: 120px; }
  @media screen and (max-width: 720px) {
    footer {
      margin-top: 20px; } }
  footer .card {
    background: none;
    border: none; }
    footer .card .card-body {
      padding: 0 10px 0 10px; }
  footer .container {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px; }
    footer .container .cat-sleep {
      position: absolute;
      top: -190px;
      left: -250px; }
      @media screen and (max-width: 720px) {
        footer .container .cat-sleep {
          display: none; } }
    footer .container .socials-title {
      color: #e0eff7;
      font-size: 20px; }
      @media screen and (max-width: 720px) {
        footer .container .socials-title {
          text-align: center; } }
    footer .container .socials-icons {
      color: #fff;
      font-size: 40px; }
      @media screen and (max-width: 720px) {
        footer .container .socials-icons {
          text-align: center; } }
      footer .container .socials-icons a {
        color: #e0eff7; }
        footer .container .socials-icons a:hover {
          text-decoration: none; }
    footer .container .contacts {
      text-align: left;
      color: #e0eff7;
      font-size: 18px; }
      @media screen and (max-width: 720px) {
        footer .container .contacts {
          text-align: center; } }
      footer .container .contacts p {
        margin-bottom: 4px; }
    footer .container .copy {
      text-align: center;
      color: #e0eff7;
      font-size: 14px; }

.contacts-container {
  text-align: center;
  padding-top: 50px; }
  .contacts-container h2 {
    color: #006699;
    font-weight: bold;
    text-transform: uppercase; }
  .contacts-container .contacts-col-wrapper {
    padding: 10px; }
    .contacts-container .contacts-col-wrapper .contacts-col {
      border-radius: 8px; }
      .contacts-container .contacts-col-wrapper .contacts-col .contacts-col-header {
        font-size: 17px;
        color: white;
        background-color: #066b9f;
        background: linear-gradient(to right, #066b9f, #5ebff6);
        padding: 15px 5px;
        border-radius: 8px 8px 0 0; }
        .contacts-container .contacts-col-wrapper .contacts-col .contacts-col-header a {
          color: white; }
      .contacts-container .contacts-col-wrapper .contacts-col .contacts-col-content {
        text-align: center;
        padding: 15px; }
        .contacts-container .contacts-col-wrapper .contacts-col .contacts-col-content img {
          width: 75%;
          margin: 25px; }