.ecommer,
.justify-content-center {
  justify-content: center !important
}

.img-thumbnail,
body {
  line-height: 1.42857143
}

.text-left,
caption {
  text-align: left
}

.list-check li,
.navbar,
h3.gazipur-changes-2 {
  position: relative
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.pre-scrl-bar {
  max-height: 340px
}

ol li,
ol li ol li ol li {
  list-style-type: decimal
}

.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,
.fa-pull-left,
.g-recaptcha,
.logo img,
.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.navbar-nav>li>a,
.navigation-box ul li ul li:last-child a {
  padding-bottom: 10px
}

.articiles-sec ul li a,
.btn_design a:hover,
.btn_gg:hover,
.navbar-brand:focus,
.navbar-brand:hover,
.offer-content .price:hover,
.payoption2 li a,
tbody th a,
th a,
thead th a {
  text-decoration: none
}

a:hover,
tbody th a:hover,
th a:hover,
thead th a:hover {
  text-decoration: underline
}

h3.gazipur-changes-2 {
  line-height: 40px;
  top: 278px
}

.w-100 {
  width: 100% !important
}

.d-none,
.hidden,
.hide,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important
}

.d-block,
.show,
nav h1 a {
  display: block !important
}

@media (min-width:576px) {
  .w-sm-75 {
    width: 75%
  }
}

@media (min-width:990px) {
  .d-md-none {
    display: none
  }
}

.pt-4 {
  padding-top: 40px
}

.pt-5 {
  padding-top: 50px !important
}

.pt-6,
.pt-90 {
  padding-top: 60px
}

.p-1 {
  padding: 10px
}

#panel,
.get-a-q-form .Input-text,
.p-2 {
  padding: 20px
}

.p-3,
.related-post {
  padding: 30px
}

.pb-2 {
  padding-bottom: 20px
}

.pb-3 {
  padding-bottom: 30px
}

.pb-4,
.pb-90 {
  padding-bottom: 40px
}

.pb-5 {
  padding-bottom: 50px !important
}

.media-right,
.media>.pull-right,
.ps-1 {
  padding-left: 10px
}

.ps-1-5 {
  padding-left: 15px
}

.list-check li,
.ps-2 {
  padding-left: 20px
}

.py-2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

.py-3 {
  padding-top: 30px !important;
  padding-bottom: 30px !important
}

.py-4 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}

.mt-1 {
  margin-top: 10px !important
}

.f-margin-t-30,
.mt-2 {
  margin-top: 20px !important
}

.mt-3,
.service-item {
  margin-top: 30px !important
}

.mt-4 {
  margin-top: 40px !important
}

.me-1 {
  margin-right: 10px !important
}

.me-2 {
  margin-right: 20px !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: 10px !important
}

.mb-2 {
  margin-bottom: 20px !important
}

.mb-3 {
  margin-bottom: 30px !important
}

.mb-4 {
  margin-bottom: 40px !important
}

.mx-auto {
  margin: 0 auto !important
}

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto
}

.d-flex {
  display: flex !important
}

.justify-content-between {
  justify-content: space-between !important
}

.align-items-center {
  align-items: center !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.gap-1 {
  gap: 10px
}

.gap-2 {
  gap: 20px
}

.gap-3 {
  gap: 30px
}

.img-fluid,
.popup-content .gif {
  max-width: 100%
}

.fs-1,
.product {
  font-size: 40px
}

.fs-2 {
  font-size: 35px
}

.content span,
.fs-2-5 {
  font-size: 30px
}

.celeb span,
.fs-3 {
  font-size: 25px
}

.rounded-10 {
  border-radius: 10px
}


.text-white {
    color: white !important;
}

@media screen and (max-width:767px) {
  .fs-1 {
    font-size: 35px
  }

  .fs-2 {
    font-size: 30px
  }

  .fs-2-5 {
    font-size: 25px
  }

  .fs-3 {
    font-size: 22px
  }

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd
  }

  .table-responsive>.table {
    margin-bottom: 0
  }

  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>td,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>thead>tr>th {
    white-space: nowrap
  }

  .table-responsive>.table-bordered {
    border: 0
  }

  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
  }

  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
  }

  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
  }
}

@media screen and (max-width:575px) {
  .fs-1 {
    font-size: 25px
  }

  .fs-2 {
    font-size: 20px
  }

  .fs-2-5 {
    font-size: 22px
  }

  .fs-3 {
    font-size: 18px
  }
}

.fs-18 {
  font-size: 18px !important
}

input[type=checkbox] {
  margin: 4px 0 0;
  line-height: normal;
  height: 17px;
  width: 17px
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev,
.landing-header .logo,
.media-object,
.navbar-brand>img,
.tab-content>.active,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

#mob_responsive,
.d-desk-none,
.design-2,
.desktop-none,
.piragraph .mob,
.tab-content>.tab-pane,
[hidden],
caption,
h2.desktop-none,
template {
  display: none
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

a {
  background-color: transparent
}

.navbar-toggle:focus,
.paracontent :focus,
.slider div:focus,
a:active,
a:hover {
  outline: 0
}

b,
strong {
  font-weight: 700
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.html') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}

.swiper-pagination-clickable .swiper-pagination-bullet,
[role=button] {
  cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  color: inherit !important;
}

body,
p {
  color: #3c444a
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777
}

td h3,
td h4 {
  color: #31383e
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%
}

.h4,
.h5,
.h6,
.my-1,
.navbar-btn.btn-sm,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%
}

.h1,
h1 {
  font-size: 36px
}

.h2,
.packing-web,
h2 {
  font-size: 27px
}

.h3,
h3 {
  font-size: 24px
}

.h4,
.list-check li,
h4 {
  font-size: 18px
}

.h5,
h5 {
  font-size: 14px
}

.c-rights,
.h6,
h6 {
  font-size: 12px
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4
}

.btn,
.form-control {
  line-height: 1.42857143
}

.small,
small {
  font-size: 85%
}

.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3
}

.container,
.container-fluid {
  padding-right: 15px;
  padding-left: 15px
}

.fw-300 {
  font-weight: 300 !important
}

.fw-400 {
  font-weight: 400 !important
}

.fw-500 {
  font-weight: 500 !important
}

.fw-600 {
  font-weight: 600 !important
}

.btn,
.con-1 {
  font-weight: 400
}

.text-right {
  text-align: right
}

#network,
.crous h3,
.details,
.related-post h1,
.text-align-center,
.text-center {
  text-align: center
}

.text-justify,
p {
  text-align: justify
}

.addres li i,
.affix .navigation-box ul li:hover ul li a,
.articiles-sec .article>div a,
.bg-gradient-primary-hover:hover div,
.bg-gradient-primary-hover:hover p,
.fa-inverse,
.landing-query-form .Input-text,
.landing-query-form .form-control.input,
.mobile_web p,
.package-1 .heading-professional,
.tag-link,
.text-white {
  color: #fff
}

.fotter-main-1 p a:hover,
.text-pink,
i.fa.fa-map-marker,
i.glyphicon.glyphicon-envelope,
i.glyphicon.glyphicon-phone-alt {
  color: #ef1551
}

.bg-grey {
  background-color: #f0f0f0
}

.bg-white,
.table .table {
  background-color: #fff 
}

#panel,
.bg-black {
  background-color: #000 !important
}

.bg-gradient-primary {
  background: linear-gradient(to right, #803c8d 0, #c52467 100%)
}

.btn,
.form-control,
.navbar-toggle {
  background-image: none
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 10px
}

abbr[data-original-title],
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.pre-scrl-bar {
  overflow-y: scroll
}

@media (min-width:768px) {
  .w-md-auto {
    width: auto
  }

  .me-md-3 {
    margin-right: 30px
  }

  .swiper-button-next1,
  .swiper-container-rtl1 .swiper-button-prev1 {
    display: none !important
  }

  .syed {
    position: relative;
    top: 0
  }

  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .dl-horizontal dd {
    margin-left: 180px
  }

  .container {
    width: 750px
  }

  .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 {
    float: left
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-11 {
    width: 91.66666667%
  }

  .col-sm-10 {
    width: 83.33333333%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-8 {
    width: 66.66666667%
  }

  .col-sm-7 {
    width: 58.33333333%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-5 {
    width: 41.66666667%
  }

  .col-sm-4 {
    width: 33.33333333%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-2 {
    width: 16.66666667%
  }

  .col-sm-1 {
    width: 8.33333333%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-pull-11 {
    right: 91.66666667%
  }

  .col-sm-pull-10 {
    right: 83.33333333%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-8 {
    right: 66.66666667%
  }

  .col-sm-pull-7 {
    right: 58.33333333%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-5 {
    right: 41.66666667%
  }

  .col-sm-pull-4 {
    right: 33.33333333%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-2 {
    right: 16.66666667%
  }

  .col-sm-pull-1 {
    right: 8.33333333%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-push-11 {
    left: 91.66666667%
  }

  .col-sm-push-10 {
    left: 83.33333333%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-8 {
    left: 66.66666667%
  }

  .col-sm-push-7 {
    left: 58.33333333%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-5 {
    left: 41.66666667%
  }

  .col-sm-push-4 {
    left: 33.33333333%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-2 {
    left: 16.66666667%
  }

  .col-sm-push-1 {
    left: 8.33333333%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }
}

.container-fluid {
  margin-bottom: 40px
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header,
.form-horizontal .form-group,
.row {
  margin-right: -15px;
  margin-left: -15px
}

.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
}

.col-xs-12,
img.w-100 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

table {
  background-color: transparent;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
  border-top: 0
}

.table>tbody+tbody {
  border-top: 2px solid #ddd
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
  padding: 5px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover,
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border-bottom-width: 2px
}

.course-table .bg-grey-1,
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9
}

#moves,
.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
  background-color: #f5f5f5
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
  background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
  background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
  background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
  background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
  background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
  background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
  background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
  background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
  background-color: #ebcccc
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn,
label {
  display: inline-block
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide,
textarea.form-control {
  height: auto
}

.form-2 {
  margin: 38px 0
}

.con-1 {
  font-size: 16px;
  padding: 0 7px
}

.check-2 {
  padding: 0 48px
}

.develop-1 {
  height: 253px !important
}

label {
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  input[type=date].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control,
  input[type=time].form-control {
    line-height: 34px
  }

  .input-group-sm input[type=date],
  .input-group-sm input[type=datetime-local],
  .input-group-sm input[type=month],
  .input-group-sm input[type=time],
  input[type=date].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm,
  input[type=time].input-sm {
    line-height: 30px
  }

  .input-group-lg input[type=date],
  .input-group-lg input[type=datetime-local],
  .input-group-lg input[type=month],
  .input-group-lg input[type=time],
  input[type=date].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg,
  input[type=time].input-lg {
    line-height: 46px
  }
}

.form-group {
  margin-bottom: 15px
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0
}

.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}

.btn {
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 19px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none
}

.btn-danger {
  color: #fff;
  border-color: #d43f3a
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.nav-tabs-justified {
  border-bottom: 0
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.navbar {
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
  overflow-y: auto
}

.carousel-inner,
.resp-tabs-container.hor_1,
.sr-only,
.swiper-container,
.swiper-container2,
.swiper-container3 {
  overflow: hidden
}

@media (max-device-width:480px) and (orientation:landscape) {

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px;
  font-size: 18px;
  line-height: 20px
}

.popover,
.tooltip {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 1.42857143;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  line-break: auto;
  text-decoration: none;
  font-weight: 400
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

.navbar-nav {
  margin: 7.5px -15px
}

.navbar-nav>li>a {
  padding-top: 10px;
  line-height: 20px
}

.popover,
.tooltip,
.tooltip-arrow {
  position: absolute
}

.navbar-form {
  padding: 10px 15px;
  margin: 8px -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}

@media (min-width:768px) {

  .form-inline .form-control-static,
  .form-inline .form-group,
  .navbar-form .form-control-static,
  .navbar-form .form-group {
    display: inline-block
  }

  .form-inline .control-label,
  .form-inline .form-group,
  .navbar-form .control-label,
  .navbar-form .form-group {
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .form-control,
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }

  .form-inline .input-group,
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle
  }

  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto
  }

  .form-inline .input-group>.form-control,
  .navbar-form .input-group>.form-control {
    width: 100%
  }

  .form-inline .checkbox,
  .form-inline .radio,
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .checkbox label,
  .form-inline .radio label,
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0
  }

  .form-inline .checkbox input[type=checkbox],
  .form-inline .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox],
  .navbar-form .radio input[type=radio] {
    position: relative;
    margin-left: 0
  }

  .form-inline .has-feedback .form-control-feedback,
  .navbar-form .has-feedback .form-control-feedback {
    top: 0
  }

  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right
  }

  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px
  }

  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px
  }

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0
  }

  .nav-justified>li,
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }

  .nav-tabs.nav-justified>li>a {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }

  .nav-tabs-justified>.active>a,
  .nav-tabs-justified>.active>a:focus,
  .nav-tabs-justified>.active>a:hover,
  .nav-tabs.nav-justified>.active>a,
  .nav-tabs.nav-justified>.active>a:focus,
  .nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #fff
  }

  .nav-justified>li>a {
    margin-bottom: 0
  }

  .nav-tabs-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }

  .navbar {
    border-radius: 4px
  }

  .navbar-header,
  .navbar-nav>li {
    float: left
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }

  .navbar-collapse.in {
    overflow-y: visible
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0
  }

  .container-fluid>.navbar-collapse,
  .container-fluid>.navbar-header,
  .container>.navbar-collapse,
  .container>.navbar-header {
    margin-right: 0;
    margin-left: 0
  }

  .navbar-fixed-bottom,
  .navbar-fixed-top,
  .navbar-static-top {
    border-radius: 0
  }

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: -15px
  }

  .navbar-toggle {
    display: none
  }

  .navbar-nav {
    float: left;
    margin: 0
  }

  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}

.margin-15,
.media,
.navbar-text,
.slide-main2 {
  margin-top: 15px
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-bottom: 15px
}

.media-heading,
ol li ol li ol li,
ul li ul li ul li {
  margin-bottom: 5px
}

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

  to {
    background-position: 0 0
  }
}

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

  to {
    background-position: 0 0
  }
}

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

  to {
    background-position: 0 0
  }
}

.media:first-child,
.some-statistical-facts {
  margin-top: 0
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1
}

.media-body {
  width: 10000px
}

.media-object.img-thumbnail {
  max-width: none
}

.media-left,
.media>.pull-left {
  padding-right: 10px
}

.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top
}

.contact-banner h1,
.media-middle,
img {
  vertical-align: middle
}

.media-bottom {
  vertical-align: bottom
}

.media-heading {
  margin-top: 0
}

@media (min-width:992px) {
  .container {
    width: 970px
  }

  .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 {
    float: left
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-11 {
    width: 91.66666667%
  }

  .col-md-10 {
    width: 83.33333333%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-8 {
    width: 66.66666667%
  }

  .col-md-7 {
    width: 58.33333333%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-5 {
    width: 41.66666667%
  }

  .col-md-4 {
    width: 33.33333333%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-2 {
    width: 16.66666667%
  }

  .col-md-1 {
    width: 8.33333333%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-pull-11 {
    right: 91.66666667%
  }

  .col-md-pull-10 {
    right: 83.33333333%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-8 {
    right: 66.66666667%
  }

  .col-md-pull-7 {
    right: 58.33333333%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-5 {
    right: 41.66666667%
  }

  .col-md-pull-4 {
    right: 33.33333333%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-2 {
    right: 16.66666667%
  }

  .col-md-pull-1 {
    right: 8.33333333%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-push-11 {
    left: 91.66666667%
  }

  .col-md-push-10 {
    left: 83.33333333%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-8 {
    left: 66.66666667%
  }

  .col-md-push-7 {
    left: 58.33333333%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-5 {
    left: 41.66666667%
  }

  .col-md-push-4 {
    left: 33.33333333%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-2 {
    left: 16.66666667%
  }

  .col-md-push-1 {
    left: 8.33333333%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-offset-12 {
    margin-left: 100%
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  .modal-lg {
    width: 900px
  }
}

.tooltip {
  z-index: 1070;
  display: block;
  font-size: 12px;
  text-align: left;
  text-align: start;
  opacity: 0
}

.popover,
.popover-title,
body {
  font-size: 14px
}

.tooltip.in {
  opacity: .9
}

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

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

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

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

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px
}

.popover,
td {
  text-align: left
}

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

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-width: 5px 5px 0;
  border-top-color: #000;
  bottom: 0
}

.tooltip.top .tooltip-arrow {
  left: 50%;
  margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  margin-bottom: -5px
}

.tooltip.top-right .tooltip-arrow {
  left: 5px;
  margin-bottom: -5px
}

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

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

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  top: 0
}

.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
  right: 5px;
  margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
  left: 5px;
  margin-top: -5px
}

.popover {
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: start;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.carousel-caption,
.carousel-control {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-align: center
}

.footer-about,
.porfolio-link a,
.subheleft h2 {
  text-transform: uppercase
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.capcha-1,
.popover.bottom,
.service-item .media-heading-1 {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0
}

.popover-content {
  padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover>.arrow {
  border-width: 11px
}

.popover>.arrow:after {
  content: "";
  border-width: 10px
}

.popover.top>.arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0
}

.popover.top>.arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0
}

.popover.right>.arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0
}

.popover.bottom>.arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff
}

.carousel,
.fa-ul>li,
ul.categories li {
  position: relative
}

.carousel-inner {
  position: relative;
  width: 100%
}

.carousel-inner>.item {
  position: relative;
  display: none;
  -webkit-transition: left .6s ease-in-out;
  -o-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
  }

  .carousel-inner>.item.active.right,
  .carousel-inner>.item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  .carousel-inner>.item.active.left,
  .carousel-inner>.item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  .carousel-inner>.item.active,
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.carousel-inner>.active,
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.active.right,
.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.active.left,
.carousel-inner>.prev {
  left: -100%
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0);
  opacity: .5
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-repeat: repeat-x
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203a'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px
}

.carousel-caption .btn,
.text-hide {
  text-shadow: none
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " "
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clear,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}

.single-sidebar-widget:last-child,
.testimonial-1,
body,
ol ol,
ol ul,
p,
ul ol,
ul ul {
  margin: 0
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
  border: 0
}

.pakege-list li,
.timing {
  font-family: Verdana, Arial, Helvetica, sans-serif
}

@-ms-viewport {
  width: device-width
}

@media (min-width:768px) and (max-width:991px) {

  .visible-sm,
  .visible-sm-block {
    display: block !important
  }

  table.visible-sm {
    display: table !important
  }

  tr.visible-sm {
    display: table-row !important
  }

  td.visible-sm,
  th.visible-sm {
    display: table-cell !important
  }

  .visible-sm-inline {
    display: inline !important
  }

  .visible-sm-inline-block {
    display: inline-block !important
  }

  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {

  .visible-md,
  .visible-md-block {
    display: block !important
  }

  table.visible-md {
    display: table !important
  }

  tr.visible-md {
    display: table-row !important
  }

  td.visible-md,
  th.visible-md {
    display: table-cell !important
  }

  .visible-md-inline {
    display: inline !important
  }

  .visible-md-inline-block {
    display: inline-block !important
  }

  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .d-lg-none {
    display: none
  }

  .d-lg-block,
  .visible-lg,
  .visible-lg-block {
    display: block !important
  }

  .container {
    width: 1170px
  }

  .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 {
    float: left
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-11 {
    width: 91.66666667%
  }

  .col-lg-10 {
    width: 83.33333333%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-8 {
    width: 66.66666667%
  }

  .col-lg-7 {
    width: 58.33333333%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-5 {
    width: 41.66666667%
  }

  .col-lg-4 {
    width: 33.33333333%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-2 {
    width: 16.66666667%
  }

  .col-lg-1 {
    width: 8.33333333%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-pull-11 {
    right: 91.66666667%
  }

  .col-lg-pull-10 {
    right: 83.33333333%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-8 {
    right: 66.66666667%
  }

  .col-lg-pull-7 {
    right: 58.33333333%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-5 {
    right: 41.66666667%
  }

  .col-lg-pull-4 {
    right: 33.33333333%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-2 {
    right: 16.66666667%
  }

  .col-lg-pull-1 {
    right: 8.33333333%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-push-11 {
    left: 91.66666667%
  }

  .col-lg-push-10 {
    left: 83.33333333%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-8 {
    left: 66.66666667%
  }

  .col-lg-push-7 {
    left: 58.33333333%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-5 {
    left: 41.66666667%
  }

  .col-lg-push-4 {
    left: 33.33333333%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-2 {
    left: 16.66666667%
  }

  .col-lg-push-1 {
    left: 8.33333333%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }

  table.visible-lg {
    display: table !important
  }

  tr.visible-lg {
    display: table-row !important
  }

  td.visible-lg,
  th.visible-lg {
    display: table-cell !important
  }

  .visible-lg-inline {
    display: inline !important
  }

  .visible-lg-inline-block {
    display: inline-block !important
  }

  .hidden-lg {
    display: none !important
  }
}

@media print {

  .visible-print,
  .visible-print-block {
    display: block !important
  }

  table.visible-print {
    display: table !important
  }

  tr.visible-print {
    display: table-row !important
  }

  td.visible-print,
  th.visible-print {
    display: table-cell !important
  }

  .visible-print-inline {
    display: inline !important
  }

  .visible-print-inline-block {
    display: inline-block !important
  }

  .hidden-print {
    display: none !important
  }
}

body {
  padding: 0;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased
}

.phone,
p {
  font-size: 16px
}

@font-face {
  font-family: FontAwesome;
  src: url('../font-awesome/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont5b62.html?v=4.6.3') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont5b62.woff?v=4.6.3') format('woff'), url('../font-awesome/fonts/fontawesome-webfont5b62.ttf?v=4.6.3') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont5b62.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: 400;
  font-style: normal
}

img {
  border: none
}

p {
  padding: 0
}

a {
  text-decoration: none;
  color: #464d4d
}

a:hover {
  color: #000
}

.phone,
.phone2 {
  margin-right: 22px;
  padding-bottom: 0;
  letter-spacing: 3px;
  font-weight: 600;
  text-align: right
}

ul {
  list-style-type: none;
  padding: 0
}

ul ul,
ul ul ul ul {
  list-style-type: circle;
  margin-top: 10px
}

.fa-ul,
ul li ul li,
ul li ul li ul li {
  list-style-type: none
}

ul ul ul {
  list-style-type: square;
  margin-top: 10px
}

ol {
  margin: 0 0 0 30px;
  padding: 0;
  line-height: 19px
}

ol ol,
ol ol ol {
  margin-top: 10px;
  margin-left: 40px
}

ul li {
  padding-left: 0;
  margin-bottom: 0
}

ol li {
  margin-bottom: 7px
}

ol li ol li {
  list-style-type: lower-alpha
}

tbody th,
th,
thead th {
  border-style: none none solid;
  border-width: 0 0 1px;
  font-size: 105%;
  padding: 6px;
  text-align: left
}

td {
  padding: 6px 15px;
  vertical-align: top;
  font-size: 14px;
  word-wrap: break-word
}

td h3 {
  font-size: 22px;
  font-weight: 400;
  text-align: center
}

td h4 {
  font-size: 17px;
  font-weight: 500;
  text-align: left
}

td a {
  text-decoration: none;
  font-weight: 400 !important;
  color: #999
}

a,
button,
img,
input {
  -webkit-transition: .3s linear
}

*,
:after,
:before {
  box-sizing: border-box
}

.margin-20,
.mt-20 {
  margin-top: 20px
}

.margin-30 {
  margin-top: 25px
}

.landing-header .banner-text,
.margin-25,
.mt-50 {
  margin-top: 30px
}

.margin-35 {
  margin-top: 35px
}

.margin-40 {
  margin-top: 40px
}

.margin-70 {
  margin-top: 70px
}

.margin-75 {
  margin-top: 75px
}

.logo img {
  padding-top: 3px
}

.tag-link-2 {
  color: #0051a3
}

.banner-header {
  background-image: url(../images/ahmad-web-solutions-banner.webp);
  background-attachment: fixed;
  height: 647px;
  background-position: top
}

.landing-header {
  background: linear-gradient(to right, #803c8d 0, #c52467 100%);
  background-attachment: fixed;
  background-position: top
}

.courses-banner {
  background-image: url(../images/course-banner-2.webp);
  background-attachment: fixed;
  height: 647px;
  background-position: top
}

.courses-banner.query .banner-text,
.traff {
  margin-top: 50px
}

.courses-banner.query {
  height: 500px
}

.contact-banner {
  background-image: url(../images/getaquotebanner.webp);
  background-position: top;
  min-height: 275px
}

.contact-banner h1 {
  margin-top: 125px
}

.phone {
  color: #fff
}

.phone span {
  color: #fff;
  padding-top: 1px
}

.phone img,
.phone2 img {
  padding-right: 10px;
  padding-bottom: 4px
}

.phone2 span {
  color: #000;
  padding-top: 1px
}

.navigation-box {
  width: 100%;
  clear: both;
  float: right;
  transition: .5s cubic-bezier(.785, .135, .15, .86)
}

.navigation-box ul {
  float: right;
  margin: 0
}

.navigation-box ul li {
  display: block;
  float: left;
  padding: 0;
  position: relative;
  z-index: 9999;
  line-height: 45px;
  margin: 0 17px 0 16px
}

.fa,
.fa-stack {
  display: inline-block
}

.navigation-box ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 16px
}

.navigation-box ul li a:hover {
  text-decoration: none;
  color: red
}

.navigation-box ul li ul,
.navigation-box ul li:hover ul li ul {
  display: none;
  transform: translateY(0);
  transition-delay: 5s, 5s, 0.3s
}

.navigation-box ul li ul li {
  border-bottom: 1px solid #302c2c;
  display: block;
  background: #1a1818;
  float: none;
  text-transform: capitalize;
  margin: 0;
  padding: 0
}

.navigation-box ul li ul li:last-child {
  border: none;
  border-radius: 0 0 2px 2px;
  margin-left: 0 !important
}

.navigation-box ul li ul li a {
  display: block;
  margin: 0;
  text-transform: capitalize;
  padding: 7px 10px;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  color: #fff
}

.navigation-box ul li ul li a:hover {
  text-decoration: none;
  color: red !important;
  background: #302c2c
}

.navigation-box ul li ul li a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background: #302c2c;
  content: '';
  opacity: 0;
  -webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;
  -moz-transition: height .3s, opacity .3s, -moz-transform .3s;
  transition: height .3s, opacity .3s, transform .3s;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  transform: translateX(-10px)
}

.navigation-box ul li ul li a:focus::after,
.navigation-box ul li ul li a:hover::after {
  height: 0;
  opacity: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-top: 0
}

.navigation-box ul li:hover ul {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 260px;
  visibility: visible;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -ms-animation-duration: 400ms;
  -o-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  animation-name: topani;
  animation-delay: 50ms
}

.navigation-box-inner ul li a,
.popup-content .pakege-list li {
  color: #000
}

.affix {
  position: fixed;
  z-index: 9999;
  width: 100%;
  background: #000;
  transition: .3s cubic-bezier(.785, .135, .15, .86)
}

.affix .navigation-box ul li:hover ul {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 260px;
  visibility: visible
}

.affix .header-inner {
  padding: 17px 30px;
  background: #fff
}

.header-inner {
  box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.banner-text {
  font-size: 40px;
  color: #fff;
  line-height: 55px;
  font-weight: 300;
  margin-top: 200px
}

.get-quote {
  background: #ef1551;
  border-radius: 0;
  padding: 16px 41px;
  font-size: 16px;
  margin-top: 70px
}

.ahmad-web-section {
  padding: 50px 0;
  float: left;
  width: 100%
}

.ahmad-web-section h2,
.economic {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 43px;
  margin-top: 0
}

.Marketing,
.ahmad-web-section h3,
.row>div .col-section {
  font-size: 25px;
  color: #333;
  margin-top: 30px;
  font-weight: 400;
  margin-bottom: 15px
}

.ahmad-web-section p,
.pakege-list-detail p,
.piragraph {
  font-size: 16px;
  color: #4e4e4e;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 30px
}

.left-sec-1 {
  width: 100%;
  float: left
}

.heading-ahmad-web,
.heading-ahmad-web-1 {
  font-size: 16px;
  color: #ef1551 !important;
  font-weight: 700 !important;
  letter-spacing: 5px;
  padding-left: 25px;
  margin: 0 !important
}

.heading-ahmad-web-1:before,
.heading-ahmad-web:before {
  height: 12px;
  position: absolute;
  background: #ef1551;
  content: "";
  left: 15px;
  top: 7px;
  width: 18px
}

.heading-ahmad-web-1:before {
  top: 147px
}

.heading-professional {
  font-size: 32px !important;
  font-weight: 300 !important;
  margin: 0 0 30px;
  padding: 0
}

.est-year {
  text-align: right;
  float: right
}

.our-services-sec {
  width: 100%;
  padding: 50px 0;
  color: #fff;
  background: linear-gradient(to right, #803c8d 0, #c52467 100%)
}

.web-design-development {
  width: 100%;
  padding-bottom: 60px;
  height: 493px
}

.web-design-development h1 {
  font-size: 45px;
  font-weight: 500;
  color: #666;
  margin: 0
}

.mobile-app-con hr,
.web-design-development hr {
  margin-top: 30px;
  margin-bottom: 30px
}

.create-and-control {
  width: 400px;
  color: #333
}

.about-us-con,
.mobile-app-con {
  width: 100%;
  margin-top: 85px;
  height: 100%
}

.create-and-control-1 {
  color: #333
}

.create-and-control-1 h2,
.inner-address-heading {
  font-size: 34px;
  font-weight: 700
}

.create-and-control h2 {
  font-size: 34px !important;
  font-weight: 700 !important
}

.create-and-control h3,
.create-and-control h4,
.create-and-control h5,
.create-and-control h6 {
  font-weight: 900;
  margin-top: 20px
}

.create-and-control h3 {
  font-size: 33.8px
}

.create-and-control h4 {
  font-size: 33.6px
}

.create-and-control h5 {
  font-size: 32.8px
}

.create-and-control h6 {
  font-size: 32.4px
}

.create-and-control ul {
  list-style: disc;
  margin-left: 18px
}

.articles-blog,
.jcarousel ul,
.our-services,
.pakege-list {
  list-style: none
}

.create-and-control li {
  line-height: 36px !important;
  font-size: 19px !important;
  color: #3c444a
}

.mobile-app-con {
  padding-bottom: 155px
}

.mobile-app-con h1,
.team2 h1 {
  font-size: 60px;
  font-weight: 100;
  color: #666;
  margin: 0
}

.border-app-top {
  border-top: 2px solid #e42876;
  width: 60px;
  height: 1px;
  float: left;
  margin-bottom: 10px
}

.online-retail {
  margin-top: 50px;
  position: absolute;
  right: 71px;
  width: 100%
}

.create-and-control-img {
  background: url(../images/ahmad-web-solutions-mobile-app-view-img.webp) right top no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 140px;
  left: 62px
}

.digital-marketing-img,
.ecommerce-img,
.google-page-images,
.mobile-app-images {
  height: 100%;
  top: 190px;
  width: 100%;
  position: absolute
}

.ecommerce-img {
  background: url(../images/ahmad-web-solutions-php-mysql-img.webp) right top no-repeat;
  left: 0
}

.mobile-app-images {
  background: url(../images/ahmad-web-solutions-mobile-app-images.webp) right top no-repeat;
  left: 0
}

.google-page-images {
  background: url(../images/google-my-business-listing.webp) right top no-repeat;
  left: 0
}

.digital-marketing-img {
  background: url(../images/ahmad-web-solutions-digital-marketing.webp) right top no-repeat;
  left: 0
}

.contact-marketing-img-contact {
  background: url(../images/ahmad-web-solutions-contact-img.webp) right top no-repeat;
  position: absolute;
  height: 74%;
  top: 150px;
  left: 0;
  width: 100%
}

.about-us-images {
  background: url(../images/ahmad-web-solution-about-us.webp) right top no-repeat;
  position: absolute;
  height: 125%;
  top: 50px;
  right: -160px;
  background-position: inherit;
  width: 50%;
  margin-left: initial
}

.digital-marketing-inner,
.our-services-sec-inner,
.our-services-sec-inner1 {
  background: linear-gradient(to right, #803c8d 0, #c52467 100%);
  color: #fff
}

.aws-portfolio-images {
  position: absolute;
  height: 100%;
  top: 200px;
  right: 0;
  width: 50%
}

.porfolio-link {
  text-align: center;
  margin-bottom: 15px
}

.porfolio-link a {
  text-decoration: none;
  font-weight: 500;
  color: #333;
  letter-spacing: 2px
}

.pagination-portfolio {
  width: 100%;
  text-align: center;
  float: left
}

.pagination-portfolio ul {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 56px
}

.pagination-portfolio ul li,
.pagination-portfolio2 ul li {
  color: #000;
  display: inline-block
}

.pagination-portfolio ul li a {
  color: #000;
  font-size: 17px;
  line-height: 20px;
  padding: 7px
}

.pagination-portfolio li a.active {
  border: 1px solid #9c327d;
  border-radius: 13px
}

.pagination-portfolio2 {
  width: 100%;
  text-align: center;
  float: left;
  padding-top: 20px
}

.pagination-portfolio2 ul {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px
}

.pagination-portfolio2 ul li a {
  color: #000;
  font-size: 18px;
  line-height: 10px;
  padding: 7px
}

.pagination-portfolio2 li a.active {
  border-radius: 13px;
  border: 1px solid #9c327d
}

.contact-marketing-inner {
  padding: 76px 0 !important
}

.digital-marketing-inner {
  width: 100%;
  padding: 110px 0 95px;
  opacity: 1
}

.service-inn-2 {
  padding: 70px 0 0
}

.our-services-sec-inner1 {
  width: 100%;
  padding: 30px 0 95px
}

.our-services-sec-inner {
  width: 100%;
  padding: 70px 0;
  margin-bottom: 50px
}

.our-services-sec-inner h1 {
  font-weight: 400
}

.text-con {
  color: #fff;
  font-size: 25px;
  line-height: 36px;
  clear: both;
  font-weight: 300
}

.text-contact {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: .8
}

.form-con {
  padding: 218px 0 28px
}

h3.red-hdng {
  font-size: 28px;
  color: #ef1551;
  font-weight: 700
}

.contact-1 p {
  font-size: 21px
}

.form-con input[type=text],
.form-con textarea,
input[type=email],
input[type=mobile],
input[type=number],
input[type=phone] {
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  color: #555;
  font-size: 14px;
  line-height: 50px;
  padding: 10px 12px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%;
  position: relative;
  display: block
}

.form-con input[type=text],
input[type=email],
input[type=mobile],
input[type=number],
input[type=phone] {
  border: 1px solid #adacac;
  border-radius: 0;
  height: 60px;
  margin-bottom: 30px
}

.form-con input:focus,
.form-con textarea:focus,
.form-con-pakag textarea:focus {
  border-color: #f5eaf0;
  box-shadow: none !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.years,
.years-2 {
  float: left;
  border-left: 1px solid #fff;
  width: 200px
}

.form-con textarea {
  border: 1px solid #adacac;
  border-radius: 0;
  height: 100px
}

.form-con .submit-btn {
  background: #ef1551;
  padding: 18px 61px;
  font-size: 18px;
  border: none;
  border-radius: 0;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 21px
}

.form-con .submit-btn:hover,
.swiper-pagination-black .swiper-pagination-bullet-active,
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}

.text-con-aws p {
  color: #333;
  font-size: 25px;
  line-height: 36px;
  font-weight: 300
}

.sterco-digitex p,
.years p,
.years-2 p {
  font-size: 16px;
  color: #fff
}

.years {
  padding: 0 42px;
  margin-top: 15px
}

.years p {
  height: 96px;
  line-height: 26px
}

.years-2:last-child,
.years:last-child {
  border-right: 1px solid #fff
}

.eight-yrs {
  font-size: 70px;
  clear: both;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: -5px
}

.eight-yrs-onethousend {
  letter-spacing: -12px
}

.year-text {
  font-size: 30px;
  font-weight: 300
}

.year-text-2 {
  font-size: 25px;
  font-weight: 300;
  clear: both;
  float: left
}

.years-2 {
  padding: 0 32px;
  margin-top: 25px
}

.about-us-right-con,
.sterco-digitex {
  float: right;
  width: 92%;
  text-align: left
}

.years-2 p {
  height: 120px;
  line-height: 26px;
  text-align: left
}

.sterco-digitex p {
  margin-bottom: 20px
}

.sterco-digitex h2 {
  font-size: 25px;
  margin-top: 50px
}

.image-none {
  position: absolute;
  right: 68px
}

.about-us-right-con {
  margin-top: 90px
}

.about-us-right-con p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  opacity: .8
}

.about-us-right-con h2,
.title {
  font-size: 25px;
  margin-top: 50px;
  opacity: .8
}

.font-contact {
  font-size: 40px !important;
  margin-bottom: 15px
}

.img-bg {
  background: url(../images/ahmad-web-solutions-service-img.webp) right bottom no-repeat;
  height: 100%;
  width: 100%
}

.our-services-heading {
  font-size: 16px;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 5px;
  padding-left: 25px;
  margin: 0;
  position: relative
}

.our-services-provide,
.ourclient h5 {
  font-weight: 300;
  margin: 10px 0 50px;
  padding: 0
}

.our-services-heading:before {
  height: 12px;
  background: #fff;
  content: "";
  left: 0;
  top: 9px;
  width: 18px;
  position: absolute
}

.our-services-provide {
  font-size: 32px !important;
  color: #fff
}

.our-services-sec p {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  font-weight: 300;
  text-align: left
}

.media-1 {
  max-width: 460px !important;
  width: 100%;
  float: left;
  margin-top: 15px !important
}

.media-body {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px
}

.media-heading-1 {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 23px
}

.media-left {
  padding-right: 24px;
  width: 90px;
  float: left
}

.slide-main {
  margin: -10px 0
}

.slide-main2 {
  margin: 30px 0 14px
}

.view-all {
  background: #ef1551;
  color: #fff;
  font-size: 16px;
  float: right;
  border-radius: 0;
  border: none;
  padding: 10px 20px;
  margin-top: 15px
}

.view-all a :hover {
  background-color: #fff !important
}

.view-all a :active {
  color: #333;
  font-size: 20px !important
}

.ourclient {
  background: #f0f0f0;
  padding-top: 70px;
  padding-bottom: 60px
}

.client-heading {
  font-size: 16px;
  color: #ef1551 !important;
  font-weight: 700 !important;
  letter-spacing: 5px;
  position: relative;
  text-align: center
}

.client-heading:before {
  height: 12px;
  position: absolute;
  background: #ef1551;
  content: "";
  top: 6px;
  width: 18px;
  text-align: center;
  margin-left: -29px
}

.ourclient h5 {
  font-size: 35px !important;
  color: #333;
  text-align: center
}

.slider-con {
  width: 100%;
  position: relative
}

.some-statistical-facts h3 {
  font-size: 38px;
  font-weight: 600;
  opacity: .8
}

.some-statistical-facts h4 {
  font-size: 13px;
  font-weight: 700;
  opacity: .8
}

.fotter-main {
  background: #202020;
  padding: 40px 0;
  color: #aaa;
  margin-bottom: 0
}

.addres {
  text-align: justify;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 24px
}

.addres li {
  margin-bottom: 0;
  margin-top: 10px
}

.addres li strong {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 0 0 0 20px;
  letter-spacing: 2px
}

.addres li p {
  color: #aaa;
  padding: 0 0 0 34px;
  font-weight: 400;
  line-height: 18px
}

.addres li p a {
  color: #aaa
}

.fotter-main .footer-heading,
.fotter-main h6 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 26px;
  margin-bottom: 0
}

.our-services li {
  display: block;
  font-size: 13px;
  border-bottom: 1px dashed #aaa;
  padding: 13px 0
}

.articles-blog li:first-child,
.our-services li:first-child {
  padding-top: 0
}

.our-services li:last-child {
  border-bottom: none
}

.our-services li:before {
  content: "\f105";
  position: absolute;
  font-family: FontAwesome;
  font-size: 15px
}

.our-services li a {
  color: #aaa;
  font-size: 13px;
  display: block;
  padding-left: 20px
}

.articles-blog {
  float: right;
  width: 272px
}

.articles-blog li {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 15px 0;
  width: 100%
}

.articles-blog li a {
  color: #aaa;
  font-size: 14px;
  display: block;
  font-weight: 700
}

.fotter-main-1 {
  background: #1b1b1b;
  padding: 18px 0;
  margin-bottom: 0
}

.fotter-main-1 p {
  color: #aaa;
  text-align: center
}

.fotter-main-1 p a {
  color: #aaa;
  text-decoration: none
}

.associate-ftr,
.f-margin-t-0 {
  margin-top: 0 !important
}

.pakege-list-detail {
  width: 100%;
  margin-top: 85px;
  /* padding-bottom: 100px; */
  height: 100%;
  float: left
}

.mt-60,
.pack,
.team2 {
  margin-top: 60px
}

.pakege-list-detail h1 {
  font-size: 40px;
  font-weight: 100;
  color: #666;
  margin: 0
}

.team2 {
  margin-bottom: 40px
}

.team2 p {
  line-height: 36px;
  font-size: 25px;
  text-align: left;
  color: #3c444a
}

.pakege-list {
  margin: 10px 0 10px 10px;
  padding: 0
}

.pakege-list li {
  color: #4e4e4e;
  line-height: 26px;
  font-weight: 300;
  padding: 0 10px;
  position: relative
}

.pakege-list li:before {
  content: "\f0da";
  font-family: FontAwesome;
  color: #bf1b44;
  position: absolute;
  left: 0;
  line-height: 26px;
  top: 2px
}

.form-con-pakag input[type=email],
.form-con-pakag input[type=mobile],
.form-con-pakag input[type=phone],
.form-con-pakag input[type=text],
.form-con-pakag select,
.form-con-pakag textarea {
  background-color: rgba(255, 255, 255, 0);
  padding: 6px 12px;
  width: 100%;
  position: relative;
  background-image: none;
  color: #555;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-size: 14px;
  display: block
}

.timing {
  color: #0084ff !important;
  font-size: 14px !important;
  margin: 5px 12px 0 !important;
  line-height: normal
}

.detail-btn,
.portfolio-btn {
  color: #fff;
  padding: 10px 30px;
  margin: 15px 10px 0
}

.detail-btn {
  background: #0084ff;
  border: none
}

.portfolio-btn,
.submit-btn {
  background: #ca0405;
  border: none
}

.form-horizontal .control-label {
  padding-top: 0;
  text-align: left;
  font-weight: 400;
  line-height: 36px;
  color: #000
}

.submit-btn {
  color: #fff;
  padding: 16px 75px;
  margin: 8px 0 0;
  transition: .3s
}

.submit-btn:hover {
  background: #000;
  color: #fff
}

.form-con-pakag {
  padding: 10px 0
}

.form-con-pakag input[type=email],
.form-con-pakag input[type=mobile],
.form-con-pakag input[type=phone],
.form-con-pakag input[type=text],
.form-con-pakag select {
  border: 1px solid #ddd;
  border-radius: 0;
  height: 60px;
  line-height: 35px;
  margin-bottom: 20px
}

.form-con-pakag textarea {
  border: 1px solid #ddd;
  border-radius: 0;
  height: 150px;
  line-height: 50px
}

.swiper-button-prev,
.swiper-button-prev1,
.swiper-container-rtl .swiper-button-next,
.swiper-container-rtl1 .swiper-button-next1 {
  left: -47px;
  background: url(../images/ahmad-web-solutions-portfolio-arrow-left.webp) left top no-repeat;
  right: auto
}

.swiper-button-next1,
.swiper-button-next3,
.swiper-button-prev1,
.swiper-button-prev3 {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next,
.swiper-button-next1,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl1 .swiper-button-prev1 {
  right: -46px;
  left: auto;
  background: url(../images/ahmad-web-solutions-portfolio-arrow-right.webp) left top no-repeat
}

.swiper-container2 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 2px 0 20px
}

.Focus .Input-text,
.Input-text {
  position: absolute;
  transition: .3s
}

.swiper-button-prev3,
.swiper-container-rtl3 .swiper-button-next3 {
  left: 10px;
  background: url(../images/ahmad-web-solutions-portfolio-arrow-left-2.webp) left top no-repeat;
  right: auto
}

.swiper-button-next3,
.swiper-container-rtl3 .swiper-button-prev3 {
  right: 10px;
  left: auto;
  background: url(../images/ahmad-web-solutions-portfolio-arrow-right-2.webp) left top no-repeat
}

.swiper-button-next2,
.swiper-button-prev2 {
  top: 20%;
  height: 37px;
  margin-top: 0;
  z-index: 10;
  -moz-background-size: 37px 40px;
  -webkit-background-size: 37px 40px;
  cursor: pointer
}

.form-con-pakag22 select {
  background-color: #fff;
  background-image: none;
  border: 1px solid #adacac;
  border-radius: 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: 60px;
  line-height: 35px;
  margin-bottom: 30px;
  padding: 10px 12px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%
}

.Input-text {
  font-size: 16px;
  opacity: .9;
  color: #635d5d;
  padding: 14px
}

.Focus .Input-text {
  font-size: 14px;
  opacity: 1;
  color: #ef1551;
  transform: translateY(-15px);
  top: -20px
}

.capcha-img {
  position: relative !important
}

.Focus .get-a-q-form11 {
  top: -10 !important
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.Focus .form-textt {
  top: -17PX !important
}

a.meanmenu-reveal {
  display: none;
  position: relative
}

.mean-container .mean-bar {
  float: right;
  position: fixed;
  width: 100%;
  top: 165px;
  right: 0;
  padding: 0px 0;
  min-height: 1px;
  height: 1px;
  z-index: 99999999
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 20px;
  padding: 5px;
  position: absolute;
  top: -135px;
  right: 25px !important;
  cursor: pointer;
  margin-right: -10px;
  color: #d8244e;
  text-decoration: none;
  text-indent: -9999em;
  font-size: 14px !important;
  display: block;
  z-index: 999999999;
  font-weight: 700;
  background: #fcfcfc;
  border: 1px solid #d8244e;
  border-radius: 4px
}

.mean-container .mean-nav h1,
nav h1 a {
  font-size: 0px
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #d8244e;
  height: 2px;
  margin-top: 3px
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  margin-top: -100px
}

.mean-container .mean-nav ul {
  padding: 0;
  width: 100%;
  list-style-type: none
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  background: #333;
  font-family: "Tw Cen MT Condensed";
  width: 100%
}

.mean-container .mean-nav #home a {
  width: 100%;
  max-width: 100%;
  height: 18px;
  line-height: 70px;
  margin-top: 18px;
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  text-align: center;
  text-decoration: none
}

.home a.selected,
.mean-container .mean-nav #home a:hover {
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: top
}

nav h1 a {
  margin: 0;
  left: 5px;
  visibility: visible !important;
  width: 213px;
  height: 46px;
  position: absolute;
  top: -1px
}

.affix .header,
.header {
  padding: 17px 0
}

@media screen and (min-width:768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px
  }

  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px
  }

  .carousel-indicators {
    bottom: 20px
  }

  nav h1 a {
    margin: 0;
    left: 5px;
    visibility: hidden !important;
    display: none !important;
    font-size: 0px;
    width: 213px;
    height: 46px;
    position: absolute;
    top: -1px
  }
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 96%;
  font-weight: 600;
  padding: 2%;
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid #464545;
  text-decoration: none;
  font-family: Roboto
}

.mean-container .mean-nav ul li li a {
  width: 100%;
  visibility: visible;
  color: #fff;
  no-repeat: 10px;
  padding-left: 0;
  border-bottom: none;
  font-size: 16px
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
  width: 100%;
  padding: .07em 0;
  color: #fff
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: .07em 20%
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
  background: 0 0;
  text-decoration: underline
}

.mean-container .mean-nav ul li a.mean-expand {
  width: 100%;
  height: 26px;
  border: none !important;
  padding: 6px 15px !important;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: 0 0
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.s2 {
  width: 100%;
  padding: 0 !important
}

.s2 .swiper-slide img {
  padding: 0;
  box-shadow: none;
  outline: 0
}

.swiper-button-prev2 {
  position: absolute;
  width: 30px;
  padding: 8px 0
}

.swiper-button-next2 {
  position: absolute;
  width: 30px;
  padding: 8px 0 0 3px
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next2 {
  background: url(../images/ahmad-web-solutions-portfolio-arrow-left.webp) left top no-repeat;
  left: -65px;
  right: auto;
  text-align: center
}

.swiper-button-prev.swiper-button-black,
.swiper-button-prev2.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-next2.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-button-prev2.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-next2.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev2 {
  background: url(../images/ahmad-web-solutions-portfolio-arrow-right.webp) left top no-repeat;
  right: -70px;
  left: auto;
  text-align: center
}

.swiper-button-next.swiper-button-black,
.swiper-button-next2.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-prev2.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-button-next2.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-prev2.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

/*!
*  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
  font-family: FontAwesome;
  src: url('../fonts/fontawesome-webfont5b62.html?v=4.6.3');
  src: url('../fonts/fontawesome-webfontd41d.html?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont5b62-2.html?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont5b62-3.html?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont5b62-4.html?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont5b62-5.html?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: 400;
  font-style: normal
}

.fa {
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

#website,
#write {
  color: #4e4e4e;
  line-height: 27px
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x,
.fa-stack-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left,
.fa.pull-left {
  margin-right: .3em
}

.fa.fa-pull-right,
.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: 2s linear infinite fa-spin;
  animation: 2s linear infinite fa-spin
}

.fa-pulse {
  -webkit-animation: 1s steps(8) infinite fa-spin;
  animation: 1s steps(8) infinite fa-spin
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  filter: none
}

.fa-stack {
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
  content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\f158"
}

.fa-krw:before,
.fa-won:before {
  content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
  content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
  content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
  content: "\f2a3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-sign-language:before,
.fa-signing:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.swiper-container,
.swiper-slide,
.swiper-wrapper {
  width: 100%;
  position: relative
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

.swiper-container {
  height: 100%;
  padding: 2px 0 20px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper-slide {
  text-align: left;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.swiper-slide img {
  height: auto;
  max-width: 100%;
  outline: #FFFFFF solid 1px;
  box-shadow: 0 4px 13px 5px #e4e4e4
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar,
.swiper-pagination-white .swiper-pagination-bullet,
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5)
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-fade .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.google:hover,
.transfer:hover,
.web-num {
  opacity: .8
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: 1s steps(12, end) infinite swiper-preloader-spin;
  -moz-animation: 1s steps(12, end) infinite swiper-preloader-spin;
  animation: 1s steps(12, end) infinite swiper-preloader-spin
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}

.jcarousel-wrapper {
  margin: 0 auto;
  position: relative
}

.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%
}

.jcarousel-control-next,
.jcarousel-control-prev {
  top: 17px;
  width: 34px;
  height: 37px;
  z-index: 99;
  position: absolute;
  margin-top: 0
}

.jcarousel ul {
  width: 20000em;
  position: relative;
  margin: 0;
  padding: 0
}

.jcarousel li {
  float: left;
  width: 190px !important;
  text-align: center
}

.jcarousel img {
  display: inline
}

.jcarousel-control-prev {
  background: url(../images/ahmad-web-solutions-portfolio-arrow-left.webp) left top no-repeat;
  left: -60px
}

.jcarousel-control-next {
  right: -75px;
  background: url(../images/ahmad-web-solutions-portfolio-arrow-right.webp) left top no-repeat
}

.jcarousel-pagination {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0
}

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  background: #fff;
  color: #4e443c;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
  -webkit-box-shadow: 0 0 2px #4e443c;
  -moz-box-shadow: 0 0 2px #4e443c;
  box-shadow: 0 0 2px #4e443c
}

.jcarousel-pagination a.active {
  background: #4e443c;
  color: #fff;
  opacity: 1;
  -webkit-box-shadow: 0 0 2px #f0efe7;
  -moz-box-shadow: 0 0 2px #f0efe7;
  box-shadow: 0 0 2px #f0efe7
}

@media only screen and (max-width:1280px) {
  .jcarousel-wrapper {
    width: 96%
  }
}

@media only screen and (max-width:980px) {

  .container,
  .logo {
    width: 100%
  }

  .logo {
    text-align: center
  }

  .about-us-images,
  .ahmad-web-solution-about-us2,
  .aws-portfolio-images,
  .jcarousel-control-next,
  .jcarousel-control-prev {
    display: none
  }

  .navigation-portfolio {
    margin: 0
  }

  .navigation-portfolio ul li a {
    padding: 9px 15px !important;
    font-size: 18px
  }

  .our-services-sec-inner {
    padding: 35px 0
  }

  .margin-75 {
    margin-top: 0
  }

  .about-us-right-con {
    margin-top: 0 !important;
    width: 100%
  }

  .some-statistical-facts {
    width: 32%;
    float: left
  }

  .articles-blog {
    width: 100%;
    float: left
  }
}

@media only screen and (max-width:768px) {

  .about-us-images,
  .ahmad-web-solution-about-us2,
  .aws-portfolio-images,
  .contact-marketing-img-contact,
  .image-none,
  .jcarousel-control-next,
  .jcarousel-control-prev,
  .phone,
  .phone2,
  .swiper-button-next,
  .swiper-button-next2,
  .swiper-button-prev,
  .swiper-button-prev2 {
    display: none
  }

  .create-and-control-img,
  .img-bg {
    background: 0 0
  }

  .addres {
    margin-bottom: 30px
  }

  .our-services-provide {
    font-size: 26px !important;
    text-align: left
  }

  .view-all {
    margin-bottom: 20px
  }

  .web-design-development {
    height: 100%
  }

  .web-design-development h1 {
    font-size: 40px
  }

  .create-and-control {
    font-size: 30px;
    width: 100%
  }

  .text-con p {
    padding-top: 427px
  }

  .sterco-digitex {
    float: left;
    width: 100%
  }

  .about-us-right-con {
    margin-top: 0 !important;
    width: 100%
  }

  .some-statistical-facts {
    width: 32%;
    float: left
  }

  .about-us-con {
    padding-bottom: 50px
  }

  .articles-blog {
    width: 100%;
    float: left
  }

  .pagination-portfolio2 ul li {
    color: #bf1f46;
    padding: 5px 2px;
    margin: 5px 2px;
    display: inline-block;
    border: 0 solid #a61637 !important;
    border-radius: 3px;
    line-height: 15px
  }
}

@media only screen and (max-width:767px) and (min-width:360px) {
  .about-us {
    font-size: 31px !important
  }

  .web-design {
    font-size: 26px !important;
    font-weight: 100;
    color: #666;
    margin: 0;
    height: 65.8px !important
  }

  h3.gazipur-changes-2 {
    line-height: 39px;
    position: relative;
    top: -15px;
    font-size: 20px
  }

  .about-us-images,
  .aws-portfolio-images,
  .contact-marketing-img-contact,
  .form-horizontal .control-label,
  .image-none,
  .jcarousel-control-next,
  .jcarousel-control-prev,
  .online-retail,
  .phone,
  .phone2,
  .swiper-button-next,
  .swiper-button-next1,
  .swiper-button-next2,
  .swiper-button-prev,
  .swiper-button-prev1,
  .swiper-button-prev2 {
    display: none
  }

  .font-contact {
    margin-top: 20px
  }

  .banner-text {
    margin-top: 30px;
    font-size: 32px
  }

  .banner-header {
    height: 497px
  }

  .img-bg {
    background: 0 0
  }

  .addres {
    margin-bottom: 30px
  }

  .our-services-provide {
    font-size: 26px !important;
    text-align: left
  }

  .view-all {
    margin-bottom: 20px
  }

  .ahmad-web-section h2,
  .web-design-development h1 {
    font-size: 35px;
    margin: 0 0 10px
  }

  .ahmad-web-section h3 {
    margin-top: 10px
  }

  .create-and-control {
    font-size: 30px;
    width: 100%
  }

  .text-con p {
    padding-top: 427px
  }

  .create-and-control h2 br,
  .our-services-sec-inner1 {
    display: none !important
  }

  .our-services-sec-inner {
    padding: 50px 0
  }

  .digital-marketing-img,
  .ecommerce-img,
  .mobile-app-images {
    background: 0 0;
    display: none
  }

  .service-inn-2 {
    padding-top: 0
  }

  .years {
    margin-top: 50px;
    border-right: 1px solid #fff;
    width: 100%
  }

  .years p {
    margin-bottom: 20px;
    line-height: 26px;
    height: auto
  }

  .year-text {
    font-size: 30px;
    font-weight: 300;
    clear: both;
    float: left
  }

  .eight-yrs {
    clear: both;
    float: left;
    margin-bottom: 20px
  }

  .form-con {
    padding: 0 0 10px;
    margin-top0: 0px
  }

  .about-us-right-con {
    margin-top: 0 !important;
    width: 100%
  }

  .some-statistical-facts {
    width: 32%;
    float: left
  }

  .articles-blog {
    width: 100%;
    float: left
  }

  .button-adjst {
    margin-top: 0;
    float: left;
    clear: both
  }

  .jcarousel li {
    width: 50px !important
  }

  .ahmad-web-section {
    padding: 0 0 30px;
    float: left;
    width: 100%
  }

  .about-us-con {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 40px;
    height: 100%
  }

  .web-design-development hr {
    margin-top: 10px;
    margin-bottom: 10px
  }

  .pakege-list-detail,
  .web-design-development {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 30px;
    height: auto
  }

  .text-con {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    clear: both
  }

  .text-con-aws p {
    color: #333;
    font-size: 16px;
    line-height: 29px;
    font-weight: 300
  }

  .bypad {
    padding-top: 30px
  }

  .our-services-sec {
    padding: 40px 0
  }

  .gaps1 {
    margin-top: 40px;
    max-width: 150% !important;
    margin-left: -30px
  }

  .swiper-container3 .swiper-slide {
    margin: 0 10px !important;
    width: 100% !important;
    z-index: 999;
    overflow: hidden
  }

  .form-con .submit-btn {
    background: #ef1551;
    padding: 14px 43px;
    font-size: 18px;
    border: none;
    border-radius: 0;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 13px
  }
}

i.fa.fa-whatsapp {
  color: #189d0e
}

.syed {
  position: relative;
  top: 196px
}

h3.s-h2 {
  line-height: 40px;
  text-align: justify
}

.img-thumbnail {
  padding: 10px !important
}

.margin-333 {
  margin: 15px 0;
  font-size: 28px;
  color: #ef1551;
  font-weight: 700
}

@media (max-width:768px) {

  .mobile-none,
  h2.mobile-none {
    display: none !important
  }

  .desktop-none {
    display: block !important
  }

  h2.mobile-none {
    font-weight: 300 !important
  }

  h2.desktop-none {
    display: block !important;
    font-weight: 300 !important;
    font-size: 27px !important
  }

  strong.syed-2 {
    font-size: 18px
  }

  .web-design-development {
    padding-bottom: 6px
  }

  .syed {
    margin-bottom: 25px;
    position: relative;
    top: 0
  }
}

.articiles-sec ul li,
.course-wrap .perks,
.dot,
marquee ul li {
  display: inline-block
}

.margin-1 {
  margin-top: 85px;
  padding-bottom: 0;
  height: auto
}

.button1,
.button2 {
  padding-bottom: 8px
}

h2.maai-pages-1 {
  font-size: 36px;
  color: #ef1551
}

.headingtag,
h2.maai-pages-2 {
  font-size: 28px
}

.articiles-sec {
  margin: 0 0 28px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  background: #fff;
  width: 100%
}

.button1,
.button2,
.button3 {
  background-color: #27ccc0;
  border-radius: 3px;
  padding-top: 8px;
  color: #fff;
  text-align: center;
  font-weight: 500
}

.articiles-sec .article {
  background: #ef1551;
  float: left;
  width: 226px;
  text-align: center
}

.articiles-sec .article:before {
  content: '';
  position: absolute;
  left: 241px;
  border-left: 22px solid #ef1551;
  border-bottom: 30px solid #fff;
  border-top: 32px solid #fff
}

.articiles-sec .article h4,
.articiles-sec .article p {
  color: #fff;
  font-size: 23px;
  line-height: 62px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center
}

#scale1 a,
#scale2 a,
.articiles-sec .article h4 a,
.articiles-sec .article p a {
  color: #fff;
  text-decoration: none
}

.articiles-sec ul {
  padding-right: 10px;
  float: left;
  margin-bottom: 0;
  width: 100%;
  padding-top: 19px
}

.main-margin {
  margin: 30px 0
}

.button1 {
  width: 240px;
  margin-top: 30px
}

.button2 {
  width: 250px;
  margin-left: 250px;
  margin-top: -36px
}

.box img,
.button3 {
  padding-bottom: 10px
}

.button1 a,
.button2 a,
.button3 a,
.button4 a,
.paid a {
  color: #fff;
  text-decoration: none !important
}

.button3 {
  width: 240px;
  text-decoration: none;
  margin-left: 650px;
  margin-top: 25px;
  margin-bottom: 45px
}

.button3:hover,
.paid:hover {
  transform: translateY(-4px);
  transition: .8s;
  color: #fff !important;
  box-shadow: 0 20px 38px rgba(0, 0, 0, .16) !important
}

.see {
  background-color: #efefef
}

.transfer {
  background-color: #679def;
  height: 160px;
  text-align: center
}

.google {
  background-color: #f26f65;
  height: 160px;
  text-align: center
}

#scale1,
#scale2 {
  border: 2px solid #fff;
  padding: 14px 30px;
  border-radius: 3px;
  font-weight: 600
}

#scale1:hover,
#scale2:hover {
  transform: translateY(-4px) !important;
  border: none;
  color: #fff !important
}

#scale1:hover {
  transition: .8s;
  box-shadow: 0 20px 38px rgba(1, 3, 0, .16) !important
}

#scale2:hover,
.box:hover,
.button1:hover,
.button2:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, .16) !important;
  transition: .8s
}

#panel,
.paid {
  border-radius: 3px
}

.transfer h4 {
  margin-bottom: 50px;
  margin-top: 20px;
  color: #fff;
  font-size: 20px
}

.main {
  height: 250px;
  text-align: center
}

.crous,
.panel {
  height: 300px
}

.main h4 {
  font-size: 30px;
  margin-top: 50px;
  margin-bottom: 40px
}

#panel,
.google h4,
.paid,
.panel h4 {
  font-size: 20px
}

.panel h2,
.panel h4 {
  margin-bottom: 50px;
  color: #fff
}

.paid {
  background-color: #f6653c;
  padding: 8px 20px;
  color: #fff
}

.panel {
  background-color: #f26f65 !important;
  text-align: center
}

.panel h2 {
  margin-top: 30px
}

.panel h4 {
  font-weight: 600;
  font-family: Open Sans
}

#panel {
  color: #fff
}

.google h4 {
  margin-bottom: 60px;
  margin-top: 20px;
  color: #fff
}

.box p,
.preme h1 {
  color: #000 !important
}

.button1:hover,
.button2:hover {
  transform: translateY(-3px);
  color: #fff !important
}

.box {
  background-color: #fff;
  line-height: 25px;
  text-align: center;
  width: 22% !important;
  margin-right: 30px;
  margin-bottom: 25px;
  font-family: sans-serif
}

.box img {
  margin-bottom: 15px;
  margin-top: 25px
}

.box p,
.press {
  padding-bottom: 15px;
  padding-top: 15px
}

#website,
.box p {
  margin-bottom: 30px
}

.box:hover {
  transform: translateY(-6px)
}

.press {
  border-radius: 5px;
  background-color: #991637;
  padding-right: 5px;
  font-weight: 500
}

.list ul li,
.offer {
  padding-bottom: 20px
}

.preme h1 {
  font-weight: 400 !important;
  text-align: center !important
}

.solo h1,
.solo p {
  font-weight: 500 !important
}

.dot,
.solo h1,
.solo p {
  text-align: center
}

.list ul li {
  list-style-type: disc;
  font-size: 16px
}

.list1 ul li {
  list-style-type: disc;
  padding-bottom: 45px;
  font-size: 16px
}

.solo h1 {
  margin: 20px 0 30px
}

.solo p {
  line-height: 45px;
  margin: 10px 0 35px
}

.offer {
  line-height: 30px;
  background-color: #fff8dc;
  margin-top: 40px
}

.offer p {
  margin-left: 251px;
  margin-top: -90px
}

.offer img {
  margin-left: 30px;
  margin-bottom: 2px;
  margin-top: 10px
}

.offer:hover {
  transform: translateY(-4px);
  transition: .8s;
  box-shadow: 0 20px 38px rgba(0, 0, 0, .16) !important
}

#moves:hover,
.button4:hover {
  color: #fff !important;
  transition: .8s !important;
  box-shadow: 0 20px 38px rgba(0, 0, 0, .16) !important
}

.dot {
  font-family: Georgia, serif !important;
  font-size: 50px;
  border-radius: 100px;
  width: 50px;
  margin-left: 500px;
  height: 50px;
  margin-bottom: 33px;
  line-height: 70px;
  background-size: cover;
  background-position: center;
  border: 2px solid rgba(0, 0, 0, .13)
}

.list img {
  margin-bottom: 20px;
  padding-bottom: 40px
}

.customer h2,
.payoption h1 {
  padding-bottom: 30px;
  text-align: center
}

.google-offer h1 {
  text-align: center;
  font-weight: 500;
  margin: 40px 0 20px
}

.paracontent p {
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-size: 15px
}

.payoption p,
.youtube-vedio p {
  line-height: 30px
}

.custom {
  margin-top: 50px;
  margin-bottom: 40px
}

.customer {
  height: 250px;
  padding: 10px 0 0 10px
}

.customer h2 {
  color: #fff
}

.payoption h1 {
  padding-top: 30px
}

.payoption2 li {
  padding-bottom: 8px;
  list-style: square;
  margin-left: 20px
}

.payoption2 {
  padding-bottom: 50px
}

.youtube-vedio {
  padding: 0 0 40px
}

#moves {
  margin-left: 240px !important;
  border: 20px solid #f5f5f5
}

#moves:hover {
  transform: translateY(-3px) !important
}

.youtube-vedio p {
  font-size: 17px;
  margin-top: 60px;
  padding-bottom: 20px;
  text-align: center
}

.youtube-vedio h1 {
  text-align: center;
  padding-top: 20px;
  margin: 20px 0 40px
}

.related-post ul li {
  text-align: center;
  line-height: 60px
}

.domain ol li,
.domain ul li,
.domain2 p,
.plan-domain {
  line-height: 26px
}

.related-post ul li a {
  text-decoration: none;
  color: #000;
  font-size: 16px
}

.contact-us {
  background-color: 991637;
  margin-left: 250px !important;
  width: 60%;
  padding-top: 10px;
  padding-bottom: 30px
}

.contact-us h1 {
  text-align: center;
  color: #fff;
  background-color: 991637
}

input #submit {
  width: 60px !important
}

.button4 {
  background-color: #be1b44;
  width: 250px;
  margin-left: 500px;
  padding: 12px 10px;
  border-radius: 3px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-top: -100px !important
}

.button4:hover {
  transform: translateY(-3px)
}

.service {
  padding-top: 40px;
  padding-bottom: 50px
}

.service h4 {
  margin-left: 60px;
  margin-top: 20px
}

.service img {
  margin-left: 50px
}

.service img:hover {
  transform: translateY(-16px);
  transition: .9s;
  box-shadow: 0 20px 38px rgba(0, 0, 0, .16) !important
}

marquee ul li {
  padding-right: 20px
}

.form-cont {
  margin-left: 300px;
  padding: 40px 0
}

.articiles-sec ul li {
  margin-left: 20px
}

.domain h3,
.domain1 h3,
.domain2 h3 {
  font-size: 26px;
  font-weight: 600
}

#website,
#write,
.domain ol li,
.domain p,
.domain ul li,
.domain1 p,
.domain2 p {
  font-size: 16px;
  font-weight: 300
}

.domain p,
.domain1 p {
  line-height: 26px;
  font-family: Roboto
}

.domain2 p {
  padding-bottom: 60px;
  font-family: Roboto
}

.main-pages {
  width: 100%;
  margin-top: 30px
}

.main-pages h1 {
  font-size: 58px;
  font-weight: 100;
  color: #666;
  margin: 0
}

#write {
  margin-bottom: -29px
}

.side-img {
  float: right;
  padding: 10px
}

.side-img img {
  padding: 40px;
  width: 100%
}

.business-background {
  background: 0 0;
  padding-bottom: 0
}

.business-background img {
  width: 100%;
  margin: 0 300px
}

@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px
  }

  .navbar-nav .open .dropdown-menu>li>a:focus,
  .navbar-nav .open .dropdown-menu>li>a:hover {
    background-image: none
  }

  .navbar-form .form-group {
    margin-bottom: 5px
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: transparent
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #444;
    background-color: transparent
  }

  .visible-xs,
  .visible-xs-block {
    display: block !important
  }

  table.visible-xs {
    display: table !important
  }

  tr.visible-xs {
    display: table-row !important
  }

  td.visible-xs,
  th.visible-xs {
    display: table-cell !important
  }

  .visible-xs-inline {
    display: inline !important
  }

  .visible-xs-inline-block {
    display: inline-block !important
  }

  .hidden-xs {
    display: none !important
  }

  .business-background img {
    margin: 0
  }

  .business-background {
    margin-top: 0;
    display: block
  }

  .pakege-list-detail h1 {
    font-size: 28px
  }
}

.associate,
.check-2 h2 {
  font-size: 23px;
  color: #ca0405;
  margin-bottom: 13px
}

.ecommer img,
.inner_plan h2,
.inner_plan p {
  margin-bottom: 10px
}

.inner_plan {
  padding: 35px 21px 20px;
  margin-bottom: 30px;
  border-radius: 4px
}

.inner_plan,
.inner_slider {
  background: #fff;
  float: left;
  width: 100%;
  box-shadow: 0 4px 13px 5px #e4e4e4
}

.inner_plan h2 {
  font-weight: 900;
  margin-top: 0;
  font-size: 20px;
  color: #c95172
}

.inner_plan h5 {
  background: #ccc;
  padding: 8px;
  margin-top: 0;
  font-weight: 700;
  font-size: 11px;
  border-radius: 2px
}

.inner_plan span {
  padding: 5px 10px;
  float: left;
  border-radius: 2px;
  font-size: 12px;
  background: #7ebf1b;
  color: #fff
}

.inner_plan a {
  float: right;
  margin: 0;
  background: #ef1551;
  color: #fff;
  padding: 7px 15px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px
}

.work-1 {
  padding: 0
}

.next-1,
.prev-1 {
  position: absolute;
  top: 44%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.package-1 {
  background: #000;
  padding-top: 40px;
  padding-bottom: 0
}

.package-1 .inner_plan {
  box-shadow: none
}

.package-1 .swiper-button-prev {
  background: url(../images/ahmad-web-solutions-portfolio-arrow-left-2.webp) left top no-repeat
}

.package-1 .swiper-button-next {
  background: url(../images/ahmad-web-solutions-portfolio-arrow-right-2.webp) left top no-repeat
}

#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}

#customers-testimonials .item {
  text-align: center;
  padding: 50px;
  opacity: .2;
  -webkit-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.shadow-effect {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 4px 13px 5px #e4e4e4;
  border: 1px solid #80808030
}

.circle1 h3,
.img-circle {
  border-radius: 50%
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d
}

img.img-circle {
  max-width: 90px;
  margin: 0 auto 17px
}

.testimonial-name {
  margin: -22px auto 0;
  display: table;
  width: auto;
  background: #ef1551;
  padding: 6px 35px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  box-shadow: 0 5px 24px rgb(0 0 0 / 13%), 0 0 0 rgb(0 0 0 / 2%)
}

.testi-1 p {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 17px;
  font-weight: 300
}

.form-con input[type=text],
input[type=email],
input[type=mobilee],
input[type=number],
input[type=phone] {
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  border: 1px solid #adacac;
  border-radius: 0;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 50px;
  margin-bottom: 30px;
  padding: 10px 12px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%;
  position: relative;
  height: 56px
}

.sm-1 h2 {
  font-size: 23px
}

.sm-2 {
  font-weight: 700;
  font-size: 16px
}

@media(max-width:460px) {
  .pagination-portfolio ul li a {
    color: #000;
    padding: 6px 10px;
    margin: 5px 2px;
    display: inline-block;
    border: 0 solid #a61637;
    border-radius: 3px;
    line-height: 15px
  }

  #write {
    padding-top: 30px
  }

  .text-left {
    font-size: 15px
  }

  .margin-1 {
    margin-top: 30px
  }

  .articiles-sec {
    margin: 0 0 30px
  }

  .pagination-portfolio2 ul li {
    color: #bf1f46;
    padding: 5px 2px;
    margin: 5px 2px;
    display: inline-block;
    border: 1px solid #a61637;
    border-radius: 3px;
    line-height: 15px
  }

  .design-1,
  .google-page-images {
    display: none
  }

  .articiles-sec .article:before {
    content: '';
    position: absolute;
    left: 111px;
    border-left: 22px solid #ef1551;
    border-bottom: 30px solid #fff;
    border-top: 32px solid #fff
  }

  .design-2 {
    display: block
  }

  .articiles-sec .article {
    background: #ef1551;
    float: left;
    width: 96px;
    text-align: center
  }

  .package-1 {
    background: #f0f0f0;
    padding-top: 33px;
    padding-bottom: 0
  }

  .con-1 {
    font-size: 14px;
    padding: 0 7px;
    font-weight: 400
  }

  .check-2 {
    padding: 0 48px
  }

  input[type=checkbox] {
    margin: 4px 0 0;
    line-height: normal;
    height: 14px;
    width: 17px
  }
}

.plan-domain {
  font-size: 14px;
  color: #4e4e4e;
  font-weight: 300;
  margin-bottom: 10px
}

.plan-domain i {
  color: gray;
  font-size: 10px
}

.portfolio2 {
  padding: 0 0 34px;
  float: left;
  width: 100%
}

h2.mobile-none {
  font-weight: 300;
  display: block;
  font-size: 35px
}

.slider-sec {
  font-weight: 900;
  margin-top: 0;
  font-size: 20px;
  margin-bottom: 10px;
  color: #ef1551
}

.home-slide {
  font-weight: 300;
  display: block;
  font-size: 35px;
  margin-bottom: 20px
}

.footer-about {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 26px;
  margin-top: 10px
}

.articiles-sec .article>div {
  color: #fff;
  font-size: 23px;
  line-height: 62px;
  margin-top: 0;
  margin-bottom: 0
}

.about-us,
.web-design {
  font-size: 58px;
  font-weight: 100;
  color: #666;
  margin: 0;
  height: 63.8px
}

.sec-about {
  font-size: 34px !important;
  font-weight: 700 !important;
  margin-top: 20px;
  margin-bottom: 10px
}

.web-num {
  font-size: 38px;
  font-weight: 600;
  margin: 20px 0 0
}

.Websites-num {
  font-size: 13px;
  font-weight: 700;
  opacity: .8;
  margin: 0 0 10px
}

.digital-mark,
.font-SEO {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px
}

.market-sec {
  font-size: 30px !important;
  line-height: 1;
  font-weight: 300 !important
}

.SEO-sec {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 43px
}

.social-media-images {
  background: url(../images/social-media-past.webp) right top no-repeat;
  position: absolute;
  height: 125%;
  top: 102px;
  right: -160px;
  background-position: inherit;
  width: 44%;
  margin-left: initial
}

.social-media-aws {
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  height: 240px
}

.social-media-aws h2 {
  color: #000;
  font-size: 19px;
  margin: 0
}

.social-media-aws img {
  max-width: 59px;
  margin-left: -8px
}

.small-txt {
  font-size: 26px;
  line-height: 32px;
  font-weight: 400
}

.list-social {
  letter-spacing: -.02em;
  font-size: 36px;
  line-height: 42px;
  margin: 0 auto;
  font-weight: 700;
  color: #be1b43;
  padding: 0;
  display: block
}

.we-offer li .unm_title .count {
  border: 1px dashed #be1b43;
  width: 30px;
  height: 30px;
  font-weight: 700;
  color: #be1b43;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  display: flex;
  float: left
}

.we-offer li .unm_title p {
  width: calc(100% - 50px);
  font-size: 16px;
  font-weight: 700;
  color: #be1b43;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  margin: 5px 0 0 15px
}

.we-offer li {
  list-style: none;
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 15px
}

.margin-2 {
  margin-top: 216px
}

.popup-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  justify-content: center;
  background-color: #00000059;
  z-index: 99999999;
  position: fixed;
  opacity: 0;
  transition: transform .3s ease-in-out
}

.popup-content {
  width: 700px;
  height: auto;
  max-height: 700px;
  margin-top: 5%;
  border-radius: 8px;
  background-color: #fff;
  position: relative;
  padding: 15px;
  border: 2px solid #c52467;
  transform: translateY(120%);
  transition: transform .7s ease-in-out;
  overflow-y: auto
}

.popup-content .close-btn {
  float: right;
  border: 1px solid gray;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  user-select: none
}

.popup-content .close-btn:hover {
  color: #fff;
  transition: .7s;
  background-color: #c52467;
  border: 1px solid #c52467
}

.offer-content {
  border: 1px solid #c52467;
  border-radius: 5px;
  padding: 5px 0;
  margin-bottom: 20px;
  text-align: center
}

.offer-content .price {
  font-size: 30px;
  color: #c52467;
  margin-top: -5px
}

.offer-content span img {
  width: 120px
}

.popup-content .disc-price {
  font-size: 34px
}

.popup-content .portfolio-btn {
  background-color: #c52467
}

.popup-content .pakege-list {
  max-height: 435px;
  overflow-y: hidden
}

.more-btn {
  color: #c52467;
  font-weight: 600;
  padding: 5px 10px 10px 20px
}

.celeb {
  margin: 0;
  font-size: 25px;
  color: #ee0a92;
  text-shadow: 2px 1px 1px #efefef, 1px 1px 1px gray, 2px 1px 1px #efefef, 2px 2px 1px gray, 3px 2px 1px #efefef, 2px 2px 1px gray, 4px 2px 1px #efefef, 3px 3px 1px gray, 5px 3px 1px #efefef, 4px 4px 1px gray, 6px 4px 1px #efefef, 5px 5px 1px gray, 7px 5px 1px #efefef
}

.celeb-wrap {
  border: 1px solid #d3caca;
  padding: 10px;
  border-radius: 5px
}

.celeb-wrap p {
  margin-top: 15px;
  margin-left: 15px
}

.award-wrap {
  margin-top: 30px;
  text-align: center
}

.award-wrap img {
  width: 95%;
  margin: 0 auto
}

.single-sidebar-widget.fix {
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
  padding: 17px 24px;
  background-color: #fff;
  position: relative;
  left: 18px;
  top: 18px;
  margin: 25px 0 !important
}

.sidebar-widget-title>h5,
.sidebar-widget-title>p {
  font-size: 18px;
  color: #ef1551
}

ul.categories {
  margin: 12px 0;
  height: 700px;
  position: relative;
  overflow-y: scroll
}

.categories::-webkit-scrollbar {
  width: 10px
}

.categories::-webkit-scrollbar-track {
  box-shadow: 0 0 1px
}

.categories::-webkit-scrollbar-thumb {
  background: #ef1551
}

.categories>li {
  padding-left: 17px;
  border-bottom: 1px solid #ccc;
  display: block;
  line-height: 19px;
  margin-bottom: 14px;
  padding-bottom: 7px;
  margin-right: 10px
}

.categories li:before {
  content: "\f0da";
  font-family: FontAwesome;
  color: #000;
  position: absolute;
  left: 2px;
  top: 0;
  font-size: 16px
}

.course-wrap {
  margin-bottom: 30px;
  box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
  transition: .3s
}

.course-wrap:hover {
  box-shadow: #e4e4e4 0 4px 13px 5px
}

.course-wrap a {
  position: relative;
  display: block;
  bottom: 0
}

.course-wrap img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  max-width: 100%
}

.course-wrap .content {
  padding: 15px
}

.course-wrap .content .view-all {
  float: none;
  border-radius: 5px
}

.course-wrap .course-title {
  margin-top: 0;
  font-weight: 600
}

.course-wrap a,
.course-wrap p {
  margin-bottom: 5px
}

.course-wrap .perks {
  text-align: center;
  padding: 3px 10px;
  border-radius: 5px;
  font-weight: 600;
  color: #fff;
  background-color: #ef1551;
  margin-bottom: 15px
}

.course-table .bg-grey-2,
.course-table th,
.tr_background {
  background-color: #ededed
}

.course-wrap p::after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0
}

.circle1 h3,
.team-item .text-content {
  height: 200px
}

.course-wrap .perks::after {
  margin-top: -3px;
  border-color: #ef1551 transparent
}

.course-wrap .round-outline {
  font-size: 16px;
  border: 1px solid #bf1b44;
  border-radius: 20px;
  padding: 3px 8px;
  line-height: 35px;
  margin-right: 5px
}

.course-wrap .btn-danger {
  display: table;
  margin: 0 auto
}

.course-table td,
.course-table th {
  font-weight: 600;
  padding: 6px 7px;
  border: 1px solid #ededed
}

.course-table th {
  font-size: 18px
}

.course-table td {
  font-size: 15px
}

.course-table .check {
  position: relative;
  padding-left: 25px
}

.course-table .check::before {
  content: url("../images/check-mark.webp");
  font-family: FontAwesome;
  color: #bf1b44;
  position: absolute;
  left: 5px;
  line-height: 26px;
  top: 5px
}

.gray-check-mark::before,
.white-check-mark::before {
  font-family: FontAwesome;
  color: #bf1b44;
  position: absolute;
  left: 0;
  line-height: 26px;
  top: 0
}

.white-check-mark::before {
  content: url("../images/check-mark-white-16.webp")
}

.gray-check-mark::before {
  content: url("../images/check-mark-dark-gray-16.webp")
}

.term-and-condition ul {
  list-style-type: disc;
  padding-left: 20px
}

.privcy-points,
.term-and-condition .key {
  font-weight: 600
}

.term-and-condition ul li {
  margin-bottom: 5px;
  line-height: 20px
}

.team-item {
  margin-bottom: 25px
}

.team-item .shadow-effect {
  box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
  border-radius: 10px;
  padding: 10px
}

.team-item .dz-media img {
  border-radius: 5px;
  width: 175px;
  height: 200px
}

.team-item .text-content p {
  text-align: center;
  margin-bottom: 0
}

.team-item .text-content .name {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600
}

.team-item .text-content img {
  box-shadow: none;
  border: 1px solid #e9e9e9;
  margin-bottom: 5px
}

.team-item .text-content .designation {
  margin-bottom: 5px;
  letter-spacing: 1px;
  color: #bf1b44;
  font-size: 12px;
  font-weight: 600
}

.team-item .text-content .company {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 500
}

.team-item .text-content .tech {
  font-size: 12px;
  font-weight: 600
}

.btn-white {
  background-color: #fff;
  color: #bf1b44
}

@media(max-width:1400px) {
  .popup-content {
    margin-top: 2%
  }
}

@media(max-width:1200px) {
  .offer-content .price {
    font-size: 25px
  }

  .offer-content span img {
    width: 100px
  }

  .heading-ahmad-web-1:before {
    top: 129px
  }

  .img-gurbaksh {
    max-width: 465px
  }

  .course.we-offer li {
    margin-bottom: 15px;
    padding-bottom: 0
  }

  .course.we-offer li p {
    margin-bottom: 15px
  }
}

@media(max-width:991px) {
  .popup-wrap {
    align-items: center
  }

  .popup-content {
    margin-top: unset
  }

  #mob_responsive {
    display: block
  }

  .fix {
    display: none
  }

  .shadow-effect {
    margin-top: 15px
  }

  .est-year {
    display: flex
  }

  .est-year a img {
    max-width: 100%;
	height: auto;
  }

  .est-year a:nth-child(2) {
    margin-right: 10px
  }
}

@media(max-width:767px) {
  .offer-content span img {
    width: 80px
  }

  .heading-ahmad-web-1:before {
    top: 112px
  }

  .piragraph .mob {
    display: block
  }

  .piragraph .desk {
    display: none
  }
}

@media(max-width:575px) {
  .popup-content {
    width: calc(100% - 20px);
    max-height: calc(100% -20px);
    overflow-y: auto
  }

  .banner-text {
    line-height: 35px
  }

  .offer-content {
    border: 2px solid #c52467
  }

  .popup-content .pakege-list {
    max-height: 150px;
    overflow-y: hidden
  }

  .popup-content .gif {
    max-width: 55%
  }

  .popup-content .price {
    font-size: 22px;
    display: inline
  }

  .celeb,
  .popup-content .disc-price {
    font-size: 25px
  }

  .celeb-award-wrap,
  .popup-content .d-flex {
    display: flex
  }

  .mob-none,
  .popup-content .d-mob-none {
    display: none
  }

  .popup-content .disc-img {
    width: 75px
  }

  .pakege-list-detail h1 {
    font-size: 20px
  }

  .celeb-wrap {
    text-align: center
  }

  .celeb {
    margin: 0
  }

  .celeb span {
    font-size: 30px
  }

  .award-wrap {
    margin-top: 10px
  }

  .award-wrap img {
    width: 70%;
    display: block
  }

  .offer-content .price {
    font-size: 18px
  }

  .offer-content span img {
    width: 60px
  }

  .heading-ahmad-web-1:before {
    top: 94px
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .img-gurbaksh {
    max-width: 80%
  }

  .team-item {
    max-width: 95%;
    margin: 0 auto
  }

  .team-item .dz-media img {
    width: 150px;
    height: 170px
  }

  .list-check li {
    font-size: 16px
  }

  .inner-address-heading {
    font-size: 26px
  }
}

@media(max-width:425px) {
  .team-item {
    max-width: 85%;
    margin: 0 auto
  }

  .team-item .text-content {
    height: 180px
  }
}

@media(max-width:380px) {
  .team-item .dz-media img {
    width: 120px;
    height: 140px
  }

  .team-item .text-content .designation,
  .team-item .text-content .name,
  .team-item .text-content .tech {
    line-height: 1.2
  }
}

.landing-query-form {
  padding: 30px;
  border-radius: 15px;
  background-color: #00000021;
  margin-bottom: 20px
}

.landing-query-form input[type=text] {
  height: 50px;
  background-color: #00000021;
  border: none;
  border-radius: 10px
}

.landing-query-form textarea {
  height: 100px;
  background-color: #00000021;
  border: none;
  border-radius: 10px
}

.service-icons {
  width: 70px
}

.shadow-primary {
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, .07)
}

.mega {
  position: absolute !important;
  right: 0 !important;
  justify-content: center;
  display: none !important
}

.navigation-box ul li:hover .mega {
  display: block !important;
  display: flex !important;
  width: 1300px !important;
  margin-left: -700px !important
}

.column {
  width: 380px;
  padding: 12px !important;
  border-right: 1px solid #626262;
  margin-top: 20px !important
}

.column h4 {
  background-color: #fff;
  padding: 8px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px
}

.column a {
  text-align: center !important;
  font-size: 13px !important;
  background: rgb(62 62 62) !important;
  margin-top: 8px !important;
  border-radius: 4px
}

.ecommer h3,
.list_heading {
  font-size: 16px;
  margin-bottom: 0
}

.column a:hover {
  background: #302c2c !important
}

@media(max-width:1024px) {
  .navigation-box ul li:hover .mega {
    width: 800px !important;
    margin-left: -390px !important
  }
}

.list_heading {
  font-weight: 700;
  position: relative;
  left: -4px;
  color: #c52467
}

.btn_gg,
.google-partner {
  font-size: 16px !important
}

.x-icon:before {
  content: "x" !important;
  font-family: FontAwesome;
  color: #c52467 !important;
  position: absolute;
  left: 0;
  line-height: 26px;
  top: 2px;
  font-size: 10px
}

.btn_gg,
.mobile_web .col-section,
.standard-seo {
  color: #fff !important
}

.google-img img {
  border-radius: 8px
}

@media(max-width:500px) {
  .google-img {
    text-align: center;
    margin-top: 20px
  }
}

.gle-partner {
  text-align: center !important;
  padding-top: 10px
}

.btn_gg {
  background: #ef1551;
  border-radius: 7px;
  padding: 8px 18px;
  font-weight: 600
}

.points_ecom {
  font-size: 14px !important;
  font-weight: 600 !important
}

.text-area-ecomr {
  height: 200px !important
}

.ecommerce_expr {
  padding: 0 0 50px !important
}

.ecommer {
  padding: 10px;
  background: #f7f7f7;
  margin-bottom: 15px;
  text-align: center;
  -webkit-flex-direction: column !important;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  display: -webkit-flex;
  height: 145px
}

.asknew,
.circle1,
.circle2,
.circle3,
.circle4 {
  display: table
}

.ecommer h3 {
  margin-top: 1px
}

.circle1 h3 {
  text-align: center;
  background: #ef1551;
  color: #fff;
  width: 200px;
  border: 8px solid #ffc3d4;
  vertical-align: middle;
  display: table-cell;
  font-size: 24px;
  font-weight: 600
}

.circle2 h3,
.circle3 h3 {
  border-radius: 50%;
  text-align: center;
  height: 200px;
  width: 200px;
  display: table-cell;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  vertical-align: middle
}

.circle2 h3 {
  background: #843b8b;
  border: 8px solid #fbd1ff;
  padding: 10px
}

.circle3 h3 {
  background: #108fff;
  border: 8px solid #d2eaff
}

.circle4 h3 {
  text-align: center;
  background: #4cbe86;
  color: #fff;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  border: 8px solid #c5f1db;
  vertical-align: middle;
  display: table-cell;
  font-size: 24px;
  font-weight: 600
}

.secondhead1new {
  margin-bottom: 4em !important
}

.asknew,
.circle2,
.circle3,
.circle4,
.newb2b {
  margin: 0 auto;
  text-align: center
}

.circle1 {
  text-align: center
}

.asknew {
  background: #ed3224;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px
}

.newb2b {
  font-size: 31px;
  display: block;
  padding-bottom: 1.5em
}

.ourwork {
  font-size: 40px;
  text-align: center;
  margin-bottom: 1px
}

.companyover {
  vertical-align: middle;
  text-align: center;
  justify-content: center !important;
  -webkit-flex-direction: column !important;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  display: -webkit-flex
}

.subheleft h2 {
  margin-bottom: 20px;
  font-weight: 700;
  margin-top: 0
}

.newfor {
  margin-bottom: 29px !important
}

.headingtag span {
  color: red
}

.soft-p {
  text-transform: none !important
}

.bg-gradient-primary-hover {
  position: relative;
  overflow: hidden;
  height: 88%;
  border: 1px solid #ddd;
  z-index: 1;
  background: center/cover no-repeat #000;
  -webkit-transition: .3s;
  transition: .3s
}

.bg-gradient-primary-hover:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: linear-gradient(to right, #803c8d 0, #c52467 100%);
  content: "";
  -webkit-transition: .3s linear;
  transition: .3s linear
}

.bg-gradient-primary-hover:hover:before {
  height: 0
}

@media(max-width:768px) {

  .circle1,
  .circle2,
  .circle3 {
    padding-bottom: 20px
  }

  .process-list li {
    width: 100% !important;
    margin: 40px 0 !important
  }

  .process-item.arrow-right::after {
    position: absolute;
    top: 108% !important;
    right: 181px !important;
    margin: 0;
    transform: translateY(-50%);
    transform: rotate(89deg) !important
  }

  .process-item.arrow-down-left::after {
    position: absolute;
    content: url(../images/step-arrow-right.svg) !important;
    bottom: -45px !important;
    right: 47% !important;
    margin: 0;
    transform: rotate(90deg)
  }

  .circle1 {
    text-align: center;
    margin: 0 auto;
    display: table
  }

  .softwre_wrap h2 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 23px !important;
    letter-spacing: 5px;
    padding-bottom: 10px
  }

  .softwre_wrap p {
    font-size: 15px !important
  }

  .headingtag {
    font-size: 22px !important
  }
}

.process-list {
  display: flex;
  flex-wrap: wrap
}

.process-list li {
  width: 27%;
  margin: 40px 60px 40px 0
}

.process-item {
  position: relative;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 45px 15px 15px
}

.process-item.arrow-right::after {
  position: absolute;
  content: url("../images/step-arrow-right.svg");
  top: 50%;
  right: -60px;
  margin: 0;
  transform: translateY(-50%)
}

.process-item.arrow-down-left::after {
  position: absolute;
  content: url("../images/step-arrow-down-left-down.svg");
  bottom: -75px;
  right: 33%;
  margin: 0
}

.process-item .process-number {
  position: absolute;
  top: -35px;
  width: 70px;
  height: 70px;
  background-color: #c5246786;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.process-item .process-number p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: linear-gradient(to right, #803c8d 0, #c52467 100%);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}

.software {
  height: 168px !important
}

.softwre_wrap {
  text-align: center;
  color: #fff
}

.softwre_wrap h2 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 37px;
  letter-spacing: 5px;
  padding-bottom: 10px
}

.softwre_wrap p {
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding-bottom: 15px
}

.ftr-team {
  padding-bottom: 0 !important
}

.pb--2 {
  padding-bottom: 25px
}

.pb--7 {
  padding-bottom: 34px
}

.pb--9 {
  padding-bottom: 7px
}

.aws_soft_dev {
  padding-top: 10px !important
}

.software_img {
  width: 55px
}

@media(max-width:578px) {
  .create-and-control-img {
    left: 0 !important
  }

  .prvecy-border {
    overflow-x: auto
  }
}

.underline {
  text-align: left;
  margin-top: 25px;
  font-size: 24px;
  font-weight: 100;
  border-bottom: 2px solid #627e7f;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #666;
  width: 100%;
  margin-bottom: 0
}

.privcy_services_point {
  list-style-type: disc;
  padding-left: 60px
}

.brder_privecy tr th {
  background-color: #ccc;
  text-align: center
}

.overflow-x {
  overflow-x: auto;
  display: block
}

.php_cutome {
  color: #bc276c
}

.btn_design {
  position: absolute;
  right: 140px;
  padding: 8px;
  bottom: 10px;
  background: #ef1551;
  border-radius: 5px;
  border: none
}

.btn_design a {
  font-size: 17px;
  background: #ef1551;
  color: #fff
}

.catgri_btn h2 {
  color: #000;
  font-size: 35px !important;
  letter-spacing: 4px !important
}

.catgri_btn p {
  color: #000;
  padding-bottom: 8px !important
}

.mb-20 {
  margin-top: 20px;
  margin-bottom: 20px
}

section {
  margin: 0 !important;
  padding: 70px 0
}

.section-sub-head {
  color: #000;
  font-size: 42px;
  font-weight: 800;
  text-transform: none;
  line-height: 54px;
  letter-spacing: -.4px;
  padding-bottom: 30px
}

.agriculture-section .organic-seo-graphic {
  width: 32%
}

.organic-seo-graphic {
  width: 42.733%;
  text-align: center
}

.landing_para p {
  font-size: 20px
}

.picture img {
  display: flex;
  position: absolute;
  left: -20px;
  top: 40px
}

.black-check-mark::before {
  content: url(../images/draw-check-mark.png);
  padding: 7px
}

.check_landing li {
  padding-left: 0 !important;
  padding-top: 6px
}

.articiles-mb-mt {
  margin-top: 80px;
  margin-bottom: 60px !important
}

.portfolio-breadcrum-heading {
  font-size: 36px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px
}

@media (min-width:768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px
  }

  .navbar-left {
    float: left !important
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px
  }

  .navbar-right~.navbar-right {
    margin-right: 0
  }

  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
  }

  .modal-sm {
    width: 300px
  }

  .mobile-order {
    display: flex;
    flex-direction: row
  }
}

.section-1 {
  order: 2
}

.section-2 {
  order: 1
}

@media (max-width:768px) {
  .margin-1 {
    margin-top: 50px
  }

  .banner-text {
    margin-top: 80px
  }
}

.scrl-bar {
  height: 551px;
  overflow-y: auto;
}

/* Scrollbar styles */
.scrl-bar::-webkit-scrollbar {
  width: 5px;
  /* Width of the scrollbar */
}

.scrl-bar::-webkit-scrollbar-track {
  background: #000000c7;
  /* Background of the scrollbar track */
}

.scrl-bar::-webkit-scrollbar-thumb {
  background: #888;
  /* Color of the scrollbar thumb */
  border-radius: 4px;
  /* Rounded corners for the thumb */
  height: 50px;
}

.scrl-bar::-webkit-scrollbar-thumb:hover {
  background: #ef1551;
  /* Thumb color on hover */
}

.article-content{
  font-size:17px;
  line-height: 23px;
  list-style: none;
}

.py-0{
  padding-top:0px !important ;
  padding-bottom: 0px !important;
}

.pb-0{
  padding-bottom: 0px !important;
}

.pt-0{
  padding-top: 0px!important;
}

.carousel,
.fa-ul>li,
ul.list-1 li {
  position: relative

}

  .list-1>li {
    padding-left: 17px;
    display: block;
    line-height: 31px;
    font-size: 16px;
    /* margin-bottom: 14px; */
    /* padding-bottom: 7px; */
    /* margin-right: 10px */
    color: #4e4e4e;
    font-weight: 300;
  }
  
  .list-1 li:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #4e4e4e;
    position: absolute;
    left: 2px;
    top: 0;
    font-size: 16px
  }

  .h2-og{
font-size: 36px!important;
  }

  .pt-1{
padding-top: 10px;
  }


.carousel,
.fa-ul>li,
ul.list-2 li {
  position: relative

}

  .list-2>li {
    /* padding-left: 17px; */
    display: block;
    line-height: 31px;
    font-size: 16px;
    /* margin-bottom: 14px; */
    /* padding-bottom: 7px; */
    /* margin-right: 10px */
    color: #4e4e4e;
    font-weight: 300;
  }
  
  .list-2 li:before {
    /* content: "\f0da"; */
    font-family: FontAwesome;
    color: #4e4e4e;
    position: absolute;
    left: 2px;
    top: 0;
    font-size: 16px
  }

  .pt-85{
    padding-top: 85px !important;
  }

  .bg-f{
    background-color: #fff;
  }

  .mb-5{
    margin-bottom: 50px !important;
  }