@import url("font-awesome.min.css");
.cus-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 320px) and (max-width: 780px) {
  .box-mob {
    margin-left: -4%;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .box-mob {
    margin-left: -4%;
  }
}

@media (max-width: 560px) {
  .pc {
    display: none !important;
  }
  .smmob {
    display: none !important;
  }
}

@media (min-width: 561px) {
  .mob {
    display: none !important;
  }
  .smmob {
    display: none !important;
  }
}
@media (min-width: 310px) and (max-width: 330px) {
  .mob {
    display: none !important;
  }
  .pc {
    display: none !important;
  }
  .smmob {
    display: block !important;
  }
}


section {
  padding: 10px 0 40px;
}
section .section-title {
  text-align: left;
  color: #232354;
  margin-bottom: 1%;
}
#what-we-do {
  background: #ffffff;
}
#what-we-do .card {
  padding: 1rem !important;
  border: none;
  margin-bottom: 1rem;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#what-we-do .card:hover {
  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block {
  padding-left: 50px;
  position: relative;
}
#what-we-do .card .card-block a {
  color: #007b5e !important;
  font-weight: 700;
  text-decoration: none;
}
#what-we-do .card .card-block a i {
  display: none;
}
#what-we-do .card:hover .card-block a i {
  display: inline-block;
  font-weight: 700;
}
#what-we-do .card .card-block:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 30px;
  color: #212166;
  left: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#what-we-do .card .block-1:before {
  content: "\f085";
}
#what-we-do .card .block-2:before {
  content: "\f025";
}
#what-we-do .card .block-3:before {
  content: "\f091";
}
#what-we-do .card .block-4:before {
  content: "\f7e1";
}
#what-we-do .card .block-5:before {
  content: "\f129";
}
#what-we-do .card .block-6:before {
  content: "\f0ae";
}
#what-we-do .card .block-7:before {
  content: "\f02d";
}
#what-we-do .card:hover .card-block:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.box {
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 25px;
  text-align: right;
  display: block;
  margin-top: 20px;
  background-color: #202067;
}

.box-icon span {
  color: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.info h4 {
  font-size: 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
}
.info > p {
  color: #717171;
  font-size: 16px;
  padding-top: 10px;
  text-align: justify;
}
.info > a {
  background-color: #03a9f4;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  transition: all 0.5s ease 0s;
}
.info > a:hover {
  background-color: #0288d1;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  transition: all 0.5s ease 0s;
}

/* Slider */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
#myCarousel .nav a small {
  display: block;
  border: 1px solid;
}
#myCarousel .nav {
  background: #fff;
}
.nav-justified > li > a {
  border-radius: 5px;
  /*background: #a4daf8;*/
  border: 1px solid grey;
  /*height: 279px;*/
}
.nav-pills > li[data-slide-to="0"].active a {
  background-color: #bec0c1;
}
.nav-pills > li[data-slide-to="1"].active a {
  background-color: #bec0c1;
}
.nav-pills > li[data-slide-to="2"].active a {
  background-color: #bec0c1;
}
.nav-pills > li[data-slide-to="3"].active a {
  background-color: #bec0c1;
}

@media (min-width: 768px) {
  .nav-justified > li > a {
    border-radius: 5px;
    /*background: #a4daf8;*/
    border: 1px solid grey;
    height: 320px;
  }
}

@media (min-width: 300px) and (max-width: 325px) {
  .pc {
    display: none !important;
  }
  .mob {
    display: none !important;
  }
}

@media (min-width: 330px) and (max-width: 560px) {
  .pc {
    display: none !important;
  }

  .mob {
    display: block !important;
  }
}

@media (min-width: 561px) {
  .mob {
    display: none !important;
  }

  .pc {
    display: block !important;
  }
}
/* less:theme-porto-master-less-skin */
    h3,
    h4,
    h5 {
        color: black;
    }
    
    a {
        color: #777;
    }
    
    a:hover {
        color: white;
        text-decoration: none;
    }
    
    a:active {
        color: #232254;
    }
    
    .btn-primary {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #6c74d0;
        background-image: -moz-linear-gradient(top, #6c74d0, #373FA8);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c74d0), to(#373FA8));
        background-image: -webkit-linear-gradient(top, #6c74d0, #373FA8);
        background-image: -o-linear-gradient(top, #6c74d0, #373FA8);
        background-image: linear-gradient(to bottom, #6c74d0, #373FA8);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc71c77', endColorstr='#ffc71c3e', GradientType=0);
        border-color: #c71c3e #c71c3e #841329;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #373fa6;
    }
    
    .btn-primary:active,
    .btn-primary.active {
        background-color: #9a1630 \9;
    }
    
    body.boxed div.body {
        border-top-color: #c71c77;
    }
    
    section.highlight {
        background-color: #c71c77;
        border-color: #b1196a;
    }
    
    section.page-top.custom-product {
        background-color: #b1196a;
        border-top-color: #c71c77;
    }
    
    div.feature-box div.feature-box-icon {
        background-color: #232254;
    }
    
    .thumbnail span.zoom {
        background-color: #c71c77;
    }
    
    div.thumb-info-social-icons a {
        background-color: #c71c77;
    }
    
    .inverted {
        background-color: #232254;
    }
    
    div.tabs ul.nav-tabs a,
    div.tabs ul.nav-tabs a:hover {
        color: #232254;
    }
    
    div.tabs ul.nav-tabs a:hover {
        border-top-color: #373fa8;
    }
    
    div.tabs ul.nav-tabs li.active a {
        border-top-color: #232254;
        color: #232254;
    }
    
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
    
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: #AAA;
        -webkit-box-shadow: 0 0 8px 2px #ebebeb;
        -moz-box-shadow: 0 0 8px 2px #ebebeb;
        box-shadow: 0 0 8px 2px #ebebeb;
    }
    
    header nav ul.nav-main ul.dropdown-menu,
    header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
    header nav ul.nav-main li.active a,
    header nav ul.nav-main li.dropdown:hover a {
        color: #FFF;
        background-color: #232254 !important;
    }
    
    header nav ul.nav-top ul.dropdown-menu,
    header nav ul.nav-top li.dropdown.open a.dropdown-toggle,
    header nav ul.nav-top li.active a,
    header nav ul.nav-top li.dropdown:hover a {
        color: #FFF;
        background-color: #232254 !important;
    }
    
    header nav ul.nav-main ul.dropdown-menu li:hover > a {
        background-color: #232254 !important;
    }
    
    header nav ul.nav-main ul.dropdown-menu {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #232254;
        background-image: -moz-linear-gradient(top, #232254, #232254);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232254), to(#232254));
        background-image: -webkit-linear-gradient(top, #232254, #232254);
        background-image: -o-linear-gradient(top, #232254, #232254);
        background-image: linear-gradient(to bottom, #232254, #232254);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc71c77', endColorstr='#ffc71c3e', GradientType=0);
        border-color: #232254 #232254 #841329;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    header nav ul.nav-main ul.dropdown-menu:hover,
    header nav ul.nav-main ul.dropdown-menu:focus,
    header nav ul.nav-main ul.dropdown-menu:active,
    header nav ul.nav-main ul.dropdown-menu.active,
    header nav ul.nav-main ul.dropdown-menu.disabled,
    header nav ul.nav-main ul.dropdown-menu[disabled] {
        color: #ffffff;
        /* background-color: #; */
    }
    
    header nav ul.nav-main ul.dropdown-menu:active,
    header nav ul.nav-main ul.dropdown-menu.active {
        background-color: #232254 \9;
    }
    
    header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a {
        background: none !important;
    }
    
    header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
        background: #313078 !important;
    }
    
    header nav ul.nav-top li.dropdown:hover ul.dropdown-menu li > a:hover {
        background: #313078 !important;
    }
    
    div.slider div.tp-bannertimer {
        background-color: #232254;
    }
    
    div.home-intro p em {
        color: #007FCC;
    }
    
    div.home-concept strong {
        color: #232254;
    }
    
    blockquote.testimonial {
        background: #232254;
    }
    
    div.testimonial-arrow-down {
        border-top-color: #232254;
    }
    
    div.recent-posts div.date span.month,
    article.post div.post-date span.month {
        background-color: #232254;
    }
    
    div.recent-posts div.date span.day,
    article.post div.post-date span.day {
        color: #232254;
    }
    
    div.pricing-table div.most-popular {
        border-color: #232254;
    }
    
    div.pricing-table div.most-popular h3 {
        background-color: #ac1867;
        background-image: -moz-linear-gradient(top, #232254, #84134f);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232254), to(#84134f));
        background-image: -webkit-linear-gradient(top, #232254, #84134f);
        background-image: -o-linear-gradient(top, #232254, #84134f);
        background-image: linear-gradient(to bottom, #232254, #84134f);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc71c77', endColorstr='#ff84134f', GradientType=0);
    }
    
    footer div.footer-ribon {
        background: #646464;
    }
    
    footer div.footer-ribon::before {
        border-right-color: #121214;
    }
    /* After colorpicker and style switcher css */

    .at-icon {
        fill: #fff;
        border: 0
    }
    
    .at-icon-wrapper {
        display: inline-block;
        overflow: hidden
    }
    
    a .at-icon-wrapper {
        cursor: pointer
    }
    
    .at-rounded,
    .at-rounded-element .at-icon-wrapper {
        border-radius: 12%
    }
    
    .at-circular,
    .at-circular-element .at-icon-wrapper {
        border-radius: 50%
    }
    
    .addthis_32x32_style .at-icon {
        width: 2pc;
        height: 2pc
    }
    
    .addthis_24x24_style .at-icon {
        width: 24px;
        height: 24px
    }
    
    .addthis_20x20_style .at-icon {
        width: 20px;
        height: 20px
    }
    
    .addthis_16x16_style .at-icon {
        width: 1pc;
        height: 1pc
    }
    
    #at16lb {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1001;
        background-color: #000;
        opacity: .001
    }
    
    #at_complete,
    #at_error,
    #at_share,
    #at_success {
        position: static!important
    }
    
    .at15dn {
        display: none
    }
    
    #at15s,
    #at16p,
    #at16p form input,
    #at16p label,
    #at16p textarea,
    #at_share .at_item {
        font-family: arial, helvetica, tahoma, verdana, sans-serif!important;
        font-size: 9pt!important;
        outline-style: none;
        outline-width: 0;
        line-height: 1em
    }
    
    * html #at15s.mmborder {
        position: absolute!important
    }
    
    #at15s.mmborder {
        position: fixed!important;
        width: 250px!important
    }
    
    #at15s {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);
        float: none;
        line-height: 1em;
        margin: 0;
        overflow: visible;
        padding: 5px;
        text-align: left;
        position: absolute
    }
    
    #at15s a,
    #at15s span {
        outline: 0;
        direction: ltr;
        text-transform: none
    }
    
    #at15s .at-label {
        margin-left: 5px
    }
    
    #at15s .at-icon-wrapper {
        width: 1pc;
        height: 1pc;
        vertical-align: middle
    }
    
    #at15s .at-icon {
        width: 1pc;
        height: 1pc
    }
    
    .at4-icon {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: top left;
        margin: 0;
        overflow: hidden;
        cursor: pointer
    }
    
    .addthis_16x16_style .at4-icon,
    .addthis_default_style .at4-icon,
    .at4-icon,
    .at-16x16 {
        width: 1pc;
        height: 1pc;
        line-height: 1pc;
        background-size: 1pc!important
    }
    
    .addthis_32x32_style .at4-icon,
    .at-32x32 {
        width: 2pc;
        height: 2pc;
        line-height: 2pc;
        background-size: 2pc!important
    }
    
    .addthis_24x24_style .at4-icon,
    .at-24x24 {
        width: 24px;
        height: 24px;
        line-height: 24px;
        background-size: 24px!important
    }
    
    .addthis_20x20_style .at4-icon,
    .at-20x20 {
        width: 20px;
        height: 20px;
        line-height: 20px;
        background-size: 20px!important
    }
    
    .at4-icon.circular,
    .circular .at4-icon,
    .circular.aticon {
        border-radius: 50%
    }
    
    .at4-icon.rounded,
    .rounded .at4-icon {
        border-radius: 4px
    }
    
    .at4-icon-left {
        float: left
    }
    
    #at15s .at4-icon {
        text-indent: 20px;
        padding: 0;
        overflow: visible;
        white-space: nowrap;
        background-size: 1pc;
        width: 1pc;
        height: 1pc;
        background-position: top left;
        display: inline-block;
        line-height: 1pc
    }
    
    .addthis_vertical_style .at4-icon,
    .at4-follow-container .at4-icon {
        margin-right: 5px
    }
    
    html>body #at15s {
        width: 250px!important
    }
    
    #at15s.atm {
        background: none!important;
        padding: 0!important;
        width: 10pc!important
    }
    
    #at15s_inner {
        background: #fff;
        border: 1px solid #fff;
        margin: 0
    }
    
    #at15s_head {
        position: relative;
        background: #f2f2f2;
        padding: 4px;
        cursor: default;
        border-bottom: 1px solid #e5e5e5
    }
    
    .at15s_head_success {
        background: #cafd99!important;
        border-bottom: 1px solid #a9d582!important
    }
    
    .at15s_head_success a,
    .at15s_head_success span {
        color: #000!important;
        text-decoration: none
    }
    
    #at15s_brand,
    #at15sptx,
    #at16_brand {
        position: absolute
    }
    
    #at15s_brand {
        top: 4px;
        right: 4px
    }
    
    .at15s_brandx {
        right: 20px!important
    }
    
    a#at15sptx {
        top: 4px;
        right: 4px;
        text-decoration: none;
        color: #4c4c4c;
        font-weight: 700
    }
    
    #at15sptx:hover {
        text-decoration: underline
    }
    
    #at16_brand {
        top: 5px;
        right: 30px;
        cursor: default
    }
    
    #at_hover {
        padding: 4px
    }
    
    #at_hover .at_item,
    #at_share .at_item {
        background: #fff!important;
        float: left!important;
        color: #4c4c4c!important
    }
    
    #at_share .at_item .at-icon-wrapper {
        margin-right: 5px
    }
    
    #at_hover .at_bold {
        font-weight: 700;
        color: #000!important
    }
    
    #at_hover .at_item {
        width: 7pc!important;
        padding: 2px 3px!important;
        margin: 1px;
        text-decoration: none!important
    }
    
    #at_hover .at_item.athov,
    #at_hover .at_item:focus,
    #at_hover .at_item:hover {
        margin: 0!important
    }
    
    #at_hover .at_item.athov,
    #at_hover .at_item:focus,
    #at_hover .at_item:hover,
    #at_share .at_item.athov,
    #at_share .at_item:hover {
        background: #f2f2f2!important;
        border: 1px solid #e5e5e5;
        color: #000!important;
        text-decoration: none
    }
    
    .ipad #at_hover .at_item:focus {
        background: #fff!important;
        border: 1px solid #fff
    }
    
    .at15t {
        display: block!important;
        height: 1pc!important;
        line-height: 1pc!important;
        padding-left: 20px!important;
        background-position: 0 0;
        text-align: left
    }
    
    .addthis_button,
    .at15t {
        cursor: pointer
    }
    
    .addthis_toolbox a.at300b,
    .addthis_toolbox a.at300m {
        width: auto
    }
    
    .addthis_toolbox a {
        margin-bottom: 5px;
        line-height: initial
    }
    
    .addthis_toolbox.addthis_vertical_style {
        width: 200px
    }
    
    .addthis_button_facebook_like .fb_iframe_widget {
        line-height: 100%
    }
    
    .addthis_button_facebook_like iframe.fb_iframe_widget_lift {
        max-width: none
    }
    
    .addthis_toolbox a.addthis_button_counter,
    .addthis_toolbox a.addthis_button_facebook_like,
    .addthis_toolbox a.addthis_button_facebook_send,
    .addthis_toolbox a.addthis_button_facebook_share,
    .addthis_toolbox a.addthis_button_foursquare,
    .addthis_toolbox a.addthis_button_google_plusone,
    .addthis_toolbox a.addthis_button_linkedin_counter,
    .addthis_toolbox a.addthis_button_pinterest_pinit,
    .addthis_toolbox a.addthis_button_stumbleupon_badge,
    .addthis_toolbox a.addthis_button_tweet {
        display: inline-block
    }
    
    .at-share-tbx-element .google_plusone_iframe_widget>span>div {
        vertical-align: top!important
    }
    
    .addthis_toolbox span.addthis_follow_label {
        display: none
    }
    
    .addthis_toolbox.addthis_vertical_style span.addthis_follow_label {
        display: block;
        white-space: nowrap
    }
    
    .addthis_toolbox.addthis_vertical_style a {
        display: block
    }
    
    .addthis_toolbox.addthis_vertical_style.addthis_32x32_style a {
        line-height: 2pc;
        height: 2pc
    }
    
    .addthis_toolbox.addthis_vertical_style .at300bs {
        margin-right: 4px;
        float: left
    }
    
    .addthis_toolbox.addthis_20x20_style span {
        line-height: 20px
    }
    
    .addthis_toolbox.addthis_32x32_style span {
        line-height: 2pc
    }
    
    .addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact,
    .addthis_toolbox.addthis_pill_combo_style a {
        float: left
    }
    
    .addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet {
        margin-top: -2px
    }
    
    .addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact {
        margin-right: 4px
    }
    
    .addthis_default_style .addthis_separator {
        margin: 0 5px;
        display: inline
    }
    
    div.atclear {
        clear: both
    }
    
    .addthis_default_style .addthis_separator,
    .addthis_default_style .at4-icon,
    .addthis_default_style .at300b,
    .addthis_default_style .at300bo,
    .addthis_default_style .at300bs,
    .addthis_default_style .at300m {
        float: left
    }
    
    .at300b img,
    .at300bo img {
        border: 0
    }
    
    a.at300b .at4-icon,
    a.at300m .at4-icon {
        display: block
    }
    
    .addthis_default_style .at300b,
    .addthis_default_style .at300bo,
    .addthis_default_style .at300m {
        padding: 0 2px
    }
    
    .at300b,
    .at300bo,
    .at300bs,
    .at300m {
        cursor: pointer
    }
    
    .addthis_button_facebook_like.at300b:hover,
    .addthis_button_facebook_like.at300bs:hover,
    .addthis_button_facebook_send.at300b:hover,
    .addthis_button_facebook_send.at300bs:hover {
        opacity: 1
    }
    
    .addthis_20x20_style .at15t,
    .addthis_20x20_style .at300bs {
        overflow: hidden;
        display: block;
        height: 20px!important;
        width: 20px!important;
        line-height: 20px!important
    }
    
    .addthis_32x32_style .at15t,
    .addthis_32x32_style .at300bs {
        overflow: hidden;
        display: block;
        height: 2pc!important;
        width: 2pc!important;
        line-height: 2pc!important
    }
    
    .at300bs {
        overflow: hidden;
        display: block;
        background-position: 0 0;
        height: 1pc;
        width: 1pc;
        line-height: 1pc!important
    }
    
    .addthis_default_style .at15t_compact,
    .addthis_default_style .at15t_expanded {
        margin-right: 4px
    }
    
    #at_share .at_item {
        width: 123px!important;
        padding: 4px;
        margin-right: 2px;
        border: 1px solid #fff
    }
    
    #at16p {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);
        z-index: 10000001;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 300px;
        padding: 10px;
        margin: 0 auto;
        margin-top: -185px;
        margin-left: -155px;
        font-family: arial, helvetica, tahoma, verdana, sans-serif;
        font-size: 9pt;
        color: #5e5e5e
    }
    
    #at_share {
        margin: 0;
        padding: 0
    }
    
    #at16pt {
        position: relative;
        background: #f2f2f2;
        height: 13px;
        padding: 5px 10px
    }
    
    #at16pt a,
    #at16pt h4 {
        font-weight: 700
    }
    
    #at16pt h4 {
        display: inline;
        margin: 0;
        padding: 0;
        font-size: 9pt;
        color: #4c4c4c;
        cursor: default
    }
    
    #at16pt a {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #4c4c4c;
        text-decoration: none;
        padding: 2px
    }
    
    #at15sptx:focus,
    #at16pt a:focus {
        outline: thin dotted
    }
    
    #at15s #at16pf a {
        top: 1px
    }
    
    #_atssh {
        width: 1px!important;
        height: 1px!important;
        border: 0!important
    }
    
    .atm {
        width: 10pc!important;
        padding: 0;
        margin: 0;
        line-height: 9pt;
        letter-spacing: normal;
        font-family: arial, helvetica, tahoma, verdana, sans-serif;
        font-size: 9pt;
        color: #444;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);
        padding: 4px
    }
    
    .atm-f {
        text-align: right;
        border-top: 1px solid #ddd;
        padding: 5px 8px
    }
    
    .atm-i {
        background: #fff;
        border: 1px solid #d5d6d6;
        padding: 0;
        margin: 0;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, .15)
    }
    
    .atm-s {
        margin: 0!important;
        padding: 0!important
    }
    
    .atm-s a:focus {
        border: transparent;
        outline: 0;
        -webkit-transition: none;
        transition: none
    }
    
    #at_hover.atm-s a,
    .atm-s a {
        display: block;
        text-decoration: none;
        padding: 4px 10px;
        color: #235dab!important;
        font-weight: 400;
        font-style: normal;
        -webkit-transition: none;
        transition: none
    }
    
    #at_hover.atm-s .at_bold {
        color: #235dab!important
    }
    
    #at_hover.atm-s a:hover,
    .atm-s a:hover {
        background: #2095f0;
        text-decoration: none;
        color: #fff!important
    }
    
    #at_hover.atm-s .at_bold {
        font-weight: 700
    }
    
    #at_hover.atm-s a:hover .at_bold {
        color: #fff!important
    }
    
    .atm-s a .at-label {
        vertical-align: middle;
        margin-left: 5px;
        direction: ltr
    }
    
    .at_PinItButton {
        display: block;
        width: 40px;
        height: 20px;
        padding: 0;
        margin: 0;
        background-image: url(../png/pinit00.png);
        background-repeat: no-repeat
    }
    
    .at_PinItButton:hover {
        background-position: 0 -20px
    }
    
    .addthis_toolbox .addthis_button_pinterest_pinit {
        position: relative
    }
    
    .at-share-tbx-element .fb_iframe_widget span {
        vertical-align: baseline!important
    }
    
    #at16pf {
        height: auto;
        text-align: right;
        padding: 4px 8px
    }
    
    .at-privacy-info {
        position: absolute;
        left: 7px;
        bottom: 7px;
        cursor: pointer;
        text-decoration: none;
        font-family: helvetica, arial, sans-serif;
        font-size: 10px;
        line-height: 9pt;
        letter-spacing: .2px;
        color: #666
    }
    
    .at-privacy-info:hover {
        color: #000
    }
    body {
    font-family: "Open Sans", Arial, sans-serif!important;
	}
    .body .wsb-social-share .wsb-social-share-button-vert {
        padding-top: 0;
        padding-bottom: 0
    }
    
    .body .wsb-social-share.addthis_counter_style .addthis_button_tweet.wsb-social-share-button {
        padding-top: 44px
    }
    
    .body .wsb-social-share.addthis_counter_style .addthis_button_google_plusone.wsb-social-share-button {
        padding-top: 4px
    }
    
    @media print {
        #at4-follow,
        #at4-share,
        #at4-thankyou,
        #at4-whatsnext,
        #at4m-mobile,
        #at15s,
        .at4,
        .at4-recommended {
            display: none!important
        }
    }
    
    @media screen and (max-width:400px) {
        .at4win {
            width: 100%
        }
    }
    
    @media screen and (max-height:700px) and (max-width:400px) {
        .at4-thankyou-inner .at4-recommended-container {
            height: 122px;
            overflow: hidden
        }
        .at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child {
            border-bottom: 1px solid #c5c5c5
        }
    }
    .at-branding-logo {
        font-family: helvetica, arial, sans-serif;
        text-decoration: none;
        font-size: 10px;
        display: inline-block;
        margin: 2px 0;
        letter-spacing: .2px
    }
    
    .at-branding-logo .at-branding-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC")
    }
    
    .at-branding-logo .at-branding-icon,
    .at-branding-logo .at-privacy-icon {
        display: inline-block;
        height: 10px;
        width: 10px;
        margin-left: 4px;
        margin-right: 3px;
        margin-bottom: -1px;
        background-repeat: no-repeat
    }
    
    .at-branding-logo .at-privacy-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC")
    }
    
    .at-branding-logo span {
        text-decoration: none
    }
    .myTabs li a:hover{
		color:#232254!important;
	}
    .at-branding-logo .at-branding-addthis,
    .at-branding-logo .at-branding-powered-by {
        color: #666
    }
    
    .at-branding-logo .at-branding-addthis:hover {
        color: #333
    }
    
    .at-cv-with-image .at-branding-addthis,
    .at-cv-with-image .at-branding-addthis:hover {
        color: #fff
    }
    
    a.at-branding-logo:visited {
        color: initial
    }
    
    .at-branding-info {
        display: inline-block;
        padding: 0 5px;
        color: #666;
        border: 1px solid #666;
        border-radius: 50%;
        font-size: 10px;
        line-height: 9pt;
        opacity: .7;
        transition: all .3s ease;
        text-decoration: none
    }
    
    .at-branding-info span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    
    .at-branding-info:before {
        content: 'i';
        font-family: Times New Roman
    }
    
    .at-branding-info:hover {
        color: #0780df;
        border-color: #0780df
    }
	.popover-content{
	 font-size: 12px;
	}
	.popover-title{
	font-size: 12px;
	}

/* freshservice banner */
	.tab-pane.fade.in {
		opacity: 1;
	}
	/* @media only screen and (min-width: 60rem)
	.tab-content .active {
		display: block;
	}
	@media only screen and (min-width: 60rem)
	.tab-content .tab-pane {
		display: none;
		height: 500px;
		position: relative;
		counter-reset: dots;
	} */

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


	/* @media only screen and (min-width: 60rem)
	.popover-dot {
		width: 48px;
		height: 48px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: absolute;
		margin: 5px 0 0 5px;
		z-index: 100;
		-ms-transform: translate(-50%);
		transform: translate(-50%);
	} */
	* {
		-webkit-tap-highlight-color: transparent;
		font-variant-numeric: lining-nums;
		word-break: break-word;
	}
	.tablist-container ul li{
    border: 1px dashed;
    padding: 15px;
    background-color: aliceblue;
	}
	.tablist-container ul li a:hover{
		color: #232254;
	}
	/* @media only screen and (min-width: 60rem)
	.popover-dot::after, .popover-dot::before {
		background-color: #08c7fb;
	}

	@media only screen and (min-width: 60rem)
	.popover-dot::after, .popover-dot::before {
		background-color: #3973e6;
	} */
	@media only screen and (max-width: 768px){
	#desktopview {display:none;}
	#desktopview2 {display:none;}
	.pop {margin: 0 5%!important;}
	.fa-times-circle{padding-left: 80%!important}
	}
	/* @media only screen and (min-width: 60rem)
	.popover-dot::after {
		counter-increment: dots;
		content: counter(dots);
		width: 24px;
		height: 24px;
		margin-top: -8px;
		margin-left: -8px;
		line-height: 24px;
		text-align: center;
		color: #fff;
		font-size: .75rem;
		font-weight: 700;
	}
	@media only screen and (min-width: 60rem)
	.popover-dot::after, .popover-dot::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		border-radius: 50%;
	} */
	.pop{
		width:60%;
	}
	@media only screen and (max-width: 768px){
	.pop {margin: 0 5%!important;width:90%!important;}
	}

	a.categories-toggle:after{
				
	float:right;
  content: "\25BC";
}
a.categories-toggle.down:after{
float:right;
  content: "\25B2";
}
.card-pad{padding-bottom:10px;}

@media(max-width:767px){
.mob-vid{
margin-left:-18px;
}
}
header div.logo {
    float: left;
    margin: 15px 0;
    padding: 0;
}