.floatleft {
  float: left
}

.floatright {
  float: right
}

.alignleft {
  float: left;
  margin-right: 15px
}

.alignright {
  float: right;
  margin-left: 15px
}

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

a:focus {
  outline: 0 solid
}

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

.fix {
  overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px
}

h1 {
  font-size: 28px
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #fff
}

.top {
  background: #0037A9;
  padding: 5px 3px;
  border-bottom: 2px solid #009FFF
}

.header-area {
  background: none repeat scroll 0 0 #fdb632
}

.header-area a {
  color: #fff
}

.user-menu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.user-menu li {
  display: inline-block
}

.user-menu li a {
  display: block;
  font-size: 13px;
  margin-right: 5px;
  padding: 10px
}

.user-menu li a i.fa {
  margin-right: 5px
}

.header-right ul.list-inline {
  margin: 0;
  text-align: right
}

.header-right ul.list-inline li a {
  display: block;
  padding: 9px
}

.header-right ul.list-inline li ul a {
  padding: 5px 15px
}

.header-right ul.list-inline li ul {
  border: medium none;
  border-radius: 0;
  left: 50%;
  margin-left: -50px;
  min-width: 100px;
  text-align: center
}

.navbar-right a {
  padding: 5px 8px
}

.navbar-right a:hover,
.navbar-right a:focus {
  background: #FCC224 !important;
  color: #000 !important;
  padding: 5px 8px
}

/*.mainmenu-area{font-family:Calibri;text-transform:uppercase;width:100%;z-index:999;background:-moz-linear-gradient(45deg,#0031a5ff 0%,#0099e0ff 50%,#0031a5ff 100%);background:-webkit-linear-gradient(45deg,#0031a5ff 0%,#0099e0ff 50%,#0031a5ff 100%);background:linear-gradient(45deg,#0031a5ff 0%,#0099e0ff 50%,#0031a5ff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0031a5',endColorstr='#0031a5',GradientType=1)}*/

.mainmenu-area {
  font-family: 'Calibri', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  transform: scaleY(1.2);
  width: 100%;
  z-index: 999;
  position: relative;
  background: -moz-linear-gradient(45deg, #0031a5 0%, #0031a5 50%, #0031a5 100%);
  background: -webkit-linear-gradient(45deg, #0031a5 0%, #0031a5 50%, #0031a5 100%);
  background: linear-gradient(45deg, #0031a5 0%, #0031a5 50%, #0031a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0031a5', endColorstr='#0031a5', GradientType=1);
  margin-top: 5px;
}

.header-social li:first-child {
  line-height: 28px;
  padding-right: 2px
}

.header-social a {
  background: #fff none repeat scroll 0 0;
  color: #FFB401;
  display: inline-block;
  font-size: 18px;
  margin-left: 3px;
  text-align: center;
  width: 32px;
  padding-bottom: 4px;
  padding-top: 5px
}

.header-social a:hover {
  background-color: #222;
  border-color: #666
}

.header-social ul {
  margin-bottom: 1px
}

.header-social li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: 700;
  line-height: 20px;
  font-family: Calibri
}

.header-social li a:hover,
.header-social li a:focus {
  color: #fff
}

.ph {
  color: #000;
  font-weight: 700;
  font-family: Calibri;
  font-size: 23px
}

.shopping-item {
  float: right;
  font-size: 20px;
  padding: 5px;
  position: relative;
  color: #000;
  font-family: Calibri
}

.shopping-item a {
  font-weight: 700;
  color: #0029ff
}

.cart-amunt {
  color: #167080;
  font-weight: 700
}

.product-count {
  background: none repeat scroll 0 0 #000;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  height: 20px;
  padding-top: 2px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 20px
}

.shopping-item i.fa {
  margin-left: 5px
}

.shopping-item:hover {
  background: none repeat scroll 0 0 #c40000;
  border-color: #000
}

.shopping-item:hover a {
  color: #fff;
  text-decoration: none
}

.shopping-item:hover .cart-amunt {
  color: #fff
}

.shopping-item:hover .product-count {
  background: #167080
}

.mainmenu-area .navbar-nav a {
  color: #fff;
  /*text-shadow:#000 1px 1px 1px;*/
  margin-left: 6px;
  font-size: 15px;
  float: left;
  border-left: 2px solid #febf06
}

.mainmenu-area .nav a {
  padding: 0px 2px !important;
  margin: 7px 0px;
  text-decoration: none;
  display: inline-block;
  float: none;
  width: 100%
}

.slider-area {
  width: 85%;
  position: relative;
  margin: 0 auto;
  padding: 5px
}

.block-slider {
  border: none;
  width: 100%
}

.block-slider ul li {
  list-style: none
}

.block-slider .bx-pager {
  display: none
}

.block-slider .bx-prev,
.block-slider .bx-next {
  width: 32px;
  height: 32px;
  border: 1px solid #eaeaea;
  text-align: center;
  display: block;
  border-radius: 50%;
  font-size: 30px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 29px;
  -moz-transition: all .45s ease;
  -webkit-transition: all .45s ease;
  -o-transition: all .45s ease;
  -ms-transition: all .45s ease;
  transition: all .45s ease
}

.block-slider img {
  width: 100%;
  height: auto;
  border: 1px solid #b5b5b5
}

.block-slider .bx-prev {
  left: 0;
  padding-right: 3px
}

.block-slider .bx-next {
  right: 0;
  padding-left: 3px
}

.block-slider:hover .bx-prev {
  left: 10px
}

.block-slider:hover .bx-next {
  right: 10px
}

.block-slider .bx-prev:hover,
.block-slider .bx-next:hover {
  background: #167080;
  color: #fff;
  border-color: #167080
}

.block-slider .bx-pager {
  display: block;
  text-align: center
}

.block-slider .bx-pager-item {
  width: 15px;
  height: 15px;
  background: #fff;
  font-size: 0;
  display: inline-block;
  border-radius: 50%;
  margin: 0 3px
}

.block-slider .bx-pager-item a {
  width: 100%;
  height: 100%;
  background: #999;
  display: block;
  border-radius: 50%
}

.block-slider .bx-pager-item a.active {
  background: #801638
}

.block-slider .caption-group {
  position: absolute;
  top: 26%;
  right: 16%
}

.block-slider .caption-group .title {
  margin: 0
}

.block-slider .caption-group .subtitle {
  margin: 0;
  margin-top: 5px
}

.block-slider .caption-group .button-radius {
  margin-top: 27px
}

.block-slider .caption-group .primary {
  color: #1bd172
}

.button-radius {
  position: relative;
  border: 1px solid #eaeaea;
  padding: 1px;
  min-height: 34px;
  background: #fff;
  display: inline-block;
  width: auto;
  line-height: 30px;
  padding-left: 40px;
  padding-right: 20px;
  margin: 0;
  color: #666;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  margin-top: 10px;
  font-size: 14px
}

.button-radius .icon {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
  position: absolute;
  left: 2%;
  top: 2px;
  overflow: hidden
}

.button-radius .icon:before {
  font-family: 'FontAwesome';
  content: "\f105";
  font-size: 14px;
  color: #fff;
  width: 28px;
  height: 28px;
  background-color: #167080;
  border-radius: 90%;
  text-align: center;
  line-height: 26px;
  float: left;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out
}

.button-radius.white {
  border-color: #fff;
  color: #fff;
  background: transparent
}

.button-radius.white .icon:before {
  background: #fff;
  color: #333
}

.button-radius:hover .icon {
  left: 100%;
  margin-left: -30px
}

.button-radius:hover {
  padding-left: 20px;
  padding-right: 40px
}

.promo-area {
  background: #fbfbfb;
  color: #fff;
  padding: 22px 0
}

.promo-area p {
  margin: 0 !important
}

.brands-area {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  color: #fff;
  padding: 20px 0
}

.promo-area .zigzag-bottom,
.brands-area .zigzag-bottom {
  background: #f4f4f4
}

.single-promo {
  font-size: 19px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc
}

a .single-promo {
  color: #ffff;
  text-decoration: none
}

.single-promo i {
  font-size: 50px
}

a:hover .single-promo {
  color: #fff;
  background: #000;
  text-decoration: none
}

.single-promo:hover {
  color: #fff;
  background: #000f
}

.promo1 {
  background: #ffb401
}

.promo2 {
  background: #c40000
}

.promo3 {
  background: #ffb401
}

.promo4 {
  background: #c40000
}

.section-title {
  font-family: "Raleway", sans-serif;
  font-size: 30px;
  font-weight: bolder;
  text-align: center
}

.section-title1 {
  font-family: "Raleway", sans-serif;
  font-size: 30px;
  font-weight: bolder;
  text-align: center
}

.product-f-image {
  position: relative;
  background: #fff
}

.product-f-image1 {
  position: relative;
  background: #fce1e1
}

.product-f-image2 {
  position: relative;
  background: #d5faff
}

.product-f-image3 {
  position: relative;
  background: #fffce6
}

.product-hover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  border: 1px solid #cfcfcf
}

.product-hover:after {
  background: none repeat scroll 0 0 #000;
  content: "";
  height: 100%;
  left: -100%;
  opacity: .6;
  position: absolute;
  top: 0;
  width: 100%;
  transition: .4s
}

.product-hover a {
  background: none repeat scroll 0 0 #167080;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  left: 4%;
  margin: 0;
  padding: 9px 11px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #167080;
  width: 92%;
  z-index: 99;
  transition: .4s
}

.product-hover a:hover {
  background: #801638;
  text-decoration: none;
  border-color: #801638
}

.product-carousel-price ins {
  color: #167080;
  font-weight: 700;
  margin-right: 5px;
  text-decoration: none
}

.product-hover a i.fa {
  margin-right: 5px
}

.product-hover a.add-to-cart-link {
  top: -25%
}

.product-hover a.view-details-link {
  bottom: -30%
}

.single-product h2 {
  font-size: 89%;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 14px;
  margin-top: 0;
  padding: 9px;
  text-align: center
}

.single-product h2 a {
  color: #01294e
}

.single-product p {
  color: #167080;
  font-weight: 700
}

.single-product {
  overflow: hidden;
  float: left;
  margin: 0 5px;
  overflow: hidden
}

.single-product:hover .product-hover a.add-to-cart-link {
  top: 32%
}

.single-product:hover .product-hover a.view-details-link {
  bottom: 32%
}

.single-product:hover .product-hover:after {
  left: 0
}

.product-carousel {
  padding-top: 40px
}

.latest-product .owl-nav {
  position: absolute;
  right: 0;
  top: 0
}

.latest-product .owl-nav div,
.related-products-wrapper .owl-nav div {
  background: #fa8072;
  color: #FFF;
  display: none !important;
  margin-left: 15px;
  padding: 1px 10px
}

.latest-product .owl-nav div:hover,
.brand-wrapper .owl-nav div:hover,
.related-products-wrapper .owl-nav div:hover {
  color: #FFF;
  background: #f95f5f
}

.brand-list {
  padding-top: 40px
}

.brand-list .owl-nav {
  position: absolute;
  right: 0;
  top: 0
}

.brand-wrapper .owl-nav div {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  padding: 1px 10px;
  background: #fa8072;
  color: #FFF;
  display: inline-block;
  margin-left: 15px;
  padding: 1px 10px
}

.maincontent-area {
  padding-bottom: 14px;
  padding-top: 20px
}

.product-wid-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 40px
}

.single-wid-product {
  margin-bottom: 31px;
  overflow: hidden
}

.product-thumb {
  float: left;
  height: 90px;
  margin-right: 15px;
  width: 100px
}

.single-wid-product h2 {
  font-size: 14px;
  margin-bottom: 12px
}

.product-wid-rating {
  color: #ffc808;
  margin-bottom: 10px
}

.product-wid-price ins {
  color: #167080;
  font-weight: 700;
  margin-right: 10px;
  text-decoration: none
}

.single-wid-product h2 a {
  color: #222
}

.single-wid-product h2 a:hover,
.single-product h2 a:hover {
  color: #167080
}

.wid-view-more {
  background: none repeat scroll 0 0 #167080;
  color: #fff;
  padding: 3px 15px;
  position: absolute;
  right: 10px;
  top: 3px
}

.wid-view-more:hover {
  color: #fff;
  background-color: #222;
  text-decoration: none
}

.single-product-widget {
  position: relative;
  overflow: hidden;
  height: 425px
}

.product-widget-area {
  padding-bottom: 30px;
  padding-top: 30px
}

.product-widget-area .zigzag-bottom {
  background: #f4f4f4
}

.clients-grid img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #f2f2f3;
  padding: 15px
}

.newhome21 h2,
.newhome21 h3 {
  text-align: center;
  margin-top: 0 !important;
  padding: 0;
  /*background:#007edf;*/
  overflow: hidden
}

.newhome21 h2 a,
.newhome21 h3 a {
  font-size: 20px !important;
  padding: 3px;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  background: #0037A9;
  color: #fff
}

.newhome21 a {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  border-bottom: 1px solid #A5E2FF;
  line-height: 27px;
  box-shadow: 5px 5px 5px #0099E0;
  font-size: 14.4px !important;
  position: relative;
  padding: 2px 20px;
  *padding: .4em;
  margin: 3px 0;
  background: #fff;
  background: -moz-linear-gradient(left, #ffff 0%, #efff 100%);
  background: -webkit-linear-gradient(left, #ffff 0%, #efff 100%);
  background: linear-gradient(to right, #ffff 0%, #efff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeffd8', GradientType=1);
  text-decoration: none;
  box-shadow: inset .3em 0 #0072CA;
  -webkit-transition: box-shadow 1s;
  transition: box-shadow 1s;
  overflow: hidden;
  float: left;
  width: 32%;
  margin-left: 10px
}

.newhome21 h2,
.newhome21 h3 {
  background: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.newhome21 h2 a,
.newhome21 h3 a {
  float: none;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.newhome21 h2 a:hover,
.newhome21 h3 a:hover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
  border-bottom: 1px solid #0037A9;
  background: #0077CD;
  box-shadow: inset 1em 0 #0037A9;
  padding: 2px 20px
}

.newhome21 a:hover {
  color: #0037A9 !important;
  text-decoration: none;
  border-bottom: 1px solid #0037A9;
  background: #c1f5ff;
  box-shadow: inset 1em 0 #0037A9;
  padding: 2px 20px
}

.newhome21b h2,
.newhome21 h3 {
  text-align: center;
  margin-top: 0 !important;
  padding: 0;
  /*background:#007edf;*/
  overflow: hidden
}

.newhome21b h2 a,
.newhome21 h3 a {
  font-size: 20px !important;
  padding: 3px;
  text-align: center;
  /*font-family:"Times New Roman",Times,serif;background:#0037A9;*/
  color: #fff;
  font-weight: bold;
}

.newhome21b a {
  color: #000  !important;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  border-bottom: 1px solid #A5E2FF;
  line-height: 27px;
  box-shadow: 5px 5px 5px #0099E0;
  font-size: 14.4px !important;
  position: relative;
  padding: 2px 20px;
  *padding: .4em;
  margin: 3px 0;
  background: #fff;
  background: -moz-linear-gradient(left, #ffff 0%, #efff 100%);
  background: -webkit-linear-gradient(left, #ffff 0%, #efff 100%);
  background: linear-gradient(to right, #ffff 0%, #efff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeffd8', GradientType=1);
  text-decoration: none;
  box-shadow: inset .3em 0 #0072CA;
  -webkit-transition: box-shadow 1s;
  transition: box-shadow 1s;
  overflow: hidden;
  margin-left: 10px
}

.newhome21b h2 {
  background: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.newhome21b h2 a {
  float: none;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.newhome21b h2 a:hover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
  border-bottom: 1px solid #0037A9;
  background: #0077CD;
  box-shadow: inset 1em 0 #0037A9;
  padding: 2px 20px
}

.newhome21b a:hover {
  color: #0037A9 !important;
  text-decoration: none;
  border-bottom: 1px solid #0037A9;
  background: #c1f5ff;
  box-shadow: inset 1em 0 #0037A9;
  padding: 2px 20px
}


.newhome2 {
  background: #fff !important;
  line-height: 30px;
  width: 100% !important;
  height: auto !important;
  padding: 10px;
  counter-reset: a;
  list-style: none;
  *list-style: decimal;
  font-size: 16px;
  font-family: 'Raleway', sans-serif
}

.newhome2 a {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  border-bottom: 1px solid #99ff7f;
  line-height: 27px;
  box-shadow: 5px 5px 5px #e7e7e7;
  font-size: 14.4px !important;
  position: relative;
  padding: .1em .1em .1em 1em;
  *padding: .4em;
  margin: .5em 0;
  background: #fff;
  background: -moz-linear-gradient(left, #ffff 0%, #efff 100%);
  background: -webkit-linear-gradient(left, #ffff 0%, #efff 100%);
  background: linear-gradient(to right, #ffff 0%, #efff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeffd8', GradientType=1);
  text-decoration: none;
  box-shadow: inset .3em 0 #5DCE42;
  -webkit-transition: box-shadow 1s;
  transition: box-shadow 1s
}

.newhome2 a:hover {
  color: #4E015F;
  text-decoration: none;
  border-bottom: 1px solid #99ff7f;
  background: #AFED5F;
  box-shadow: inset 1em 0 #5DCE42;
  padding: .1em .1em .1em 1em
}

.newhome2 h1,
.newhome2 h2,
.newhome2 .h3,
.newhome2 h3 {
  background: #0037A9;
  padding: 5px;
  text-align: center;
  margin: 15px 0 !important;
  color: #fff
}

.footer-top-area .zigzag-bottom {
  background: #f4f4f4
}

.footer-top-area {
  background: #afed5f;
  background: -moz-linear-gradient(top, #afed5fff 0%, #ffff 67%);
  background: -webkit-linear-gradient(top, #afed5fff 0%, #ffff 67%);
  background: linear-gradient(to bottom, #afed5fff 0%, #ffff 67%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afed5f', endColorstr='#ffffff', GradientType=0)
}

.footer-bottom-area {
  background: #000
}

.footer-about-us span {
  color: #FFB401
}

.footer-wid-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 27px;
  font-weight: 100;
  color: #000
}

.footer-about-us h2 {
  font-weight: 200
}

.footer-menu {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.footer-menu a {
  border-bottom: 1px dashed #29b0ff;
  padding: 3px 5px;
  margin: 1px;
  display: block;
  color: #000;
  text-decoration: none
}

.footer-menu a:hover {
  padding: 3px 15px;
  margin: 1px;
  background: #97E1FF;
  color: #0037A9;
  text-decoration: none
}

.footer-social a {
  background: #0037a9;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  margin-right: 8px;
  padding-top: 5px;
  text-align: center;
  width: 40px;
  border: #0037A9 1px solid
}

.footer-social a:hover {
  background-color: #95E1FF;
  border: #0037A9 1px solid;
  color: #0037A9 !important
}

.footer-social {
  margin-top: 20px
}

.newsletter-form input[type="email"] {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%
}

.newsletter-form input[type="submit"] {
  background: none repeat scroll 0 0 #167080;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 7px 20px;
  text-transform: uppercase;
  border: 1px solid #167080
}

.newsletter-form input[type="submit"]:hover {
  background: #222;
  border-color: #666
}

.newsletter-form {
  margin-top: 25px
}

a {
  color: #000
}

a:hover,
a:focus {
  color: #C40000
}

.footer-bottom-area {
  background: #0037a9;
  color: #fff;
  padding-bottom: 15px
}

.slide-bulletz {
  bottom: 30px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99
}

ol.slide-indicators {
  left: inherit;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

ol.slide-indicators li {
  background: none repeat scroll 0 0 #222;
  border: medium none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 0 0 5px;
  width: 10px
}

ol.slide-indicators li.active {
  background: none repeat scroll 0 0 #fff;
  height: 10px;
  margin: 0 0 0 5px;
  width: 10px
}

.carousel.carousel-fade .item {
  transition: opacity 1s ease-in-out
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0)
}

.footer-card-icon {
  font-size: 30px;
  text-align: right
}

.copyright>p {
  margin: 10px 0 0;
  text-align: center;
  color: #fff
}

.copyright>p a {
  color: #fff
}

.copyright>p a:hover {
  color: #98E2FF !important
}

.product-big-title-area {
  background: url(img/crossword.png) repeat scroll 0 0 #167080
}

.product-bit-title h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 200;
  margin: 0;
  padding: 50px 0;
  color: #fff
}

.single-product-area .zigzag-bottom {
  background-color: #f4f4f4
}

.sidebar-title {
  color: #FFF;
  background: #0037A9;
  padding: 11px;
  font-size: 19px;
}

.single-sidebar {
  margin-bottom: 50px;
  border: 1px solid #eee
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
textarea {
  border: 1px solid #ddd;
  padding: 10px
}

input[type="submit"],
button[type=submit],
input[type="reset"],
button[type=reset] {
  background: none repeat scroll 0 0 #002778;
  margin-bottom: 15px;
  border: medium none;
  color: #fff;
  padding: 11px 20px;
  text-transform: uppercase
}

input[type="submit"]:hover,
button[type=submit]:hover,
input[type="reset"]:hover,
button[type=reset]:hover {
  background-color: #0053ff
}

.single-sidebar input[type="text"] {
  margin-bottom: 10px;
  width: 100%
}

.thubmnail-recent {
  margin-bottom: 30px;
  overflow: hidden
}

.recent-thumb {
  float: left;
  height: auto;
  margin-right: 15px;
  width: 63px
}

.thubmnail-recent>h2 {
  font-size: 20px;
  margin-bottom: 10px
}

.thubmnail-recent>h2 a {
  color: #222
}

.product-sidebar-price>ins {
  color: #167080;
  font-weight: 700;
  margin-right: 10px;
  text-decoration: none
}

.single-sidebar>ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.single-sidebar li {
  border-bottom: 1px dashed #3b8faf;
  border-top: 1px dashed #fff
}

.single-sidebar a {
  display: block;
  padding: 9px 17px
}

.single-sidebar li a:hover {
  background: #fff;
  background: -moz-linear-gradient(left, #ffff 0%, #d7f1fd 100%);
  background: -webkit-linear-gradient(left, #ffff 0%, #d7f1fd 100%);
  background: linear-gradient(to right, #ffff 0%, #d7f1fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeffd8', GradientType=1);
  text-decoration: none
}

.product-breadcroumb {
  margin-bottom: 20px
}

.product-breadcroumb>a {
  margin-right: 5px;
  position: relative
}

.product-breadcroumb>a::before {
  content: "/";
  position: absolute;
  right: -20px;
  top: 2px
}

.product-breadcroumb>a:last-child::before {
  display: none
}

.product-main-img {
  margin-bottom: 20px
}

.product-gallery {
  margin-bottom: 25px;
  margin-left: -15px;
  overflow: hidden
}

.product-gallery img {
  height: auto;
  margin-left: 15px;
  width: 76px
}

.product-name {
  font-size: 20px;
  margin-bottom: 5px !important;
  color: #0037A9;
  font-family: Calibri;
  font-size: 24px;
  line-height: 31px;
  background: -moz-linear-gradient(left, #b3e7ff 0%, #fff0 100%);
  background: -webkit-linear-gradient(left, #b3e7ff 0%, #fff0 100%);
  background: linear-gradient(to right, #b3e7ff 0%, #fff0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8f1f8', endColorstr='#00ffffff', GradientType=1);
  padding-left: 15px;
  border-left: 4px solid #DB258A;
  padding-top: 5px;
  padding-bottom: 5px
}

.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px #00000013 !important;
  box-shadow: 0 8px 13px #00000013 !important
}

.thumbnail {
  border: 1px dashed #265B8A !important
}

.product-inner-price {
  font-size: 18px;
  margin-bottom: 15px;
  padding-left: 15px
}

.product-inner-price>ins {
  color: #167080;
  font-weight: 700;
  margin-right: 10px;
  text-decoration: none
}

.breadcrumb>.active {
  color: #000 !important
}

a:hover,
a:focus {
  color: #DB258A !important;
  text-decoration: underline
}

.quantity {
  float: left;
  margin-right: 15px
}

.quantity input[type="number"] {
  border: 1px solid #167080;
  padding: 5px;
  width: 50px
}

.add_to_cart_button {
  background: #b3e7ff;
  font-size: 13px;
  line-height: 25px;
  border-radius: 40px;
  border: medium none;
  color: #000;
  padding: 6px 25px;
  margin: 1px;
  border: 2px solid #0baefb;
  display: inline-block;
  cursor: pointer;
  width: 100%
}

.add_to_cart_button:hover {
  background-color: #0037a9;
  color: #fff;
  text-decoration: none
}

.add_to_cart_button1 {
  background: #FFF1F8;
  font-size: 13px;
  border-radius: 40px;
  color: #db258a !important;
  border: 1px solid #ff8fcd !important;
  border: medium none;
  color: #000;
  padding: 6px 25px;
  margin: 1px;
  border: 2px solid #5DCE42;
  display: inline-block;
  cursor: pointer;
  width: 100%
}

.add_to_cart_button1:hover {
  background-color: #DB258A;
  color: #fff !important;
  text-decoration: none
}

.add_to_cart_button1 a:hover {
  color: #fff;
  text-decoration: none
}

.btn-danger {
  border-color: #0037a9 !important;
  color: #fff !important;
  background: #0037a9 !important
}

.btn-danger:hover {
  background: #aae6ff !important;
  border-color: #057 !important;
  color: #000 !important
}

.btn-primary {
  border-color: #94cace !important;
  color: #000f !important;
  background: #a0d6ff !important
}

.btn-primary:hover {
  background: #DB258A !important;
  color: #e1e1e1ff !important
}

.discounted .add_to_cart_button {
  background: #AFED5F;
  border: medium none;
  color: #000;
  padding: 6px 25px;
  margin: 1px;
  border: 2px solid #5DCE42;
  display: inline-block;
  cursor: pointer;
  width: 100%
}

.discounted .add_to_cart_button:hover {
  background-color: #DB258A;
  color: #fff;
  text-decoration: none
}

.discounted .add_to_cart_button1 {
  background: #AFED5F;
  border: medium none;
  color: #000;
  border: 2px solid #5DCE42;
  display: inline-block;
  cursor: pointer;
  width: 100%
}

.discounted .add_to_cart_button1:hover {
  background-color: #DB258A;
  color: #fff;
  text-decoration: none
}

.discounted .add_to_cart_button1 a:hover {
  color: #fff;
  text-decoration: none
}

form.cart {
  margin-bottom: 25px
}

.product-inner-category {
  margin-bottom: 30px
}

.product-tab {
  border-bottom: 1px solid #ddd;
  list-style: outside none none;
  margin: 0 0 30px;
  padding: 0;
  text-align: center
}

.tab-content p {
  line-height: 28px
}

.tab-content p strong {
  color: #5B026F
}

.tab-content ul {
  margin: 0;
  padding: 0
}

.tab-content li {
  line-height: 25px;
  background: #f9f9f9;
  margin: 2px;
  border-bottom: 1px solid #d5d5d5d5;
  padding: 9px 11px;
  list-style: inside disc
}

.tab-content li:hover {
  background: #eeffd8;
  cursor: pointer
}

.tab-content li strong {
  color: #0F5E86
}

.product-tab li {
  display: inline-block;
  background: #ccc
}

.product-tab li.active {
  background: none repeat scroll 0 0 #167080
}

.product-tab li.active a {
  color: #fff
}

.product-tab li a {
  color: #222;
  display: block;
  font-size: 16px;
  padding: 10px 81px
}

.product-tab li a:hover {
  text-decoration: none
}

.product-tab li a:focus {
  text-decoration: none
}

.tab-content h2 {
  font-size: 20px
}

.tab-content {
  margin-bottom: 30px
}

.submit-review label {
  display: block
}

.submit-review input[type="text"],
.submit-review input[type="email"],
.submit-review textarea {
  margin-bottom: 20px;
  width: 100%
}

.rating-chooser {
  margin-bottom: 30px
}

.rating-chooser p {
  font-weight: 700
}

.rating-wrap-post {
  font-size: 20px
}

.submit-review textarea {
  height: 105px
}

.related-products-wrapper {
  margin-top: 30px
}

.related-products-title {
  color: #feae52;
  font-size: 25px;
  margin-bottom: 30px;
  text-transform: uppercase
}

.related-products-wrapper .owl-nav {
  position: absolute;
  right: 0;
  top: -56px
}

table.shop_table {
  margin-bottom: 50px;
  width: 100%
}

table.shop_table th,
table.shop_table td {
  border-left: 1px solid #0037A9;
  border-top: 1px solid #0037A9;
  border-right: 1px solid #0037A9;
  border-bottom: 1px solid #0037A9;
  padding: 15px
}

table.shop_table th {
  background: #0037a9;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff
}

td.product-thumbnail img {
  height: auto;
  width: 70px
}

td.product-name {
  font-size: 18px
}

div.quantity input.plus,
div.quantity input.minus {
  background: none repeat scroll 0 0 #167080;
  border: medium none;
  color: #fff;
  height: 25px;
  line-height: 15px;
  width: 25px
}

td.product-quantity div.quantity {
  float: none;
  margin: 0
}

td.actions div.coupon {
  float: left
}

.cart-collaterals {
  overflow: hidden
}

.cross-sells {
  float: left;
  margin-right: 3%;
  width: 57%
}

.cart_totals {
  margin-bottom: 50px;
  width: 100%
}

.cart-collaterals h2 {
  color: #167080;
  font-size: 25px;
  margin-bottom: 25px;
  text-transform: uppercase
}

div.cart-collaterals ul.products {
  list-style: outside none none;
  margin: 0 0 0 -30px;
  padding: 0
}

div.cart-collaterals ul.products li.product {
  float: left;
  margin-left: 30px;
  position: relative;
  width: 198px
}

.cart_totals table {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #ddd;
  width: 100%
}

.cart_totals table th,
.cart_totals table td {
  border-left: 1px solid #bbd6ea;
  border-top: 1px solid #bbd6ea;
  border-bottom: 1px solid #bbd6ea;
  border-right: 1px solid #bbd6ea;
  padding: 10px
}

.cart_totals table th {
  background: #eeffd8
}

div.cart-collaterals ul.products li.product .onsale {
  background: none repeat scroll 0 0 #167080;
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  right: 0
}

div.cart-collaterals ul.products li.product h3 {
  color: #333;
  font-size: 20px;
  margin-top: 15px
}

div.cart-collaterals ul.products li.product .price {
  color: #333;
  display: block;
  margin-bottom: 10px;
  overflow: hidden
}

div.cart-collaterals ul.products li.product .price ins {
  color: #167080;
  font-weight: 700;
  margin-left: 10px;
  text-decoration: none
}

.woocommerce-info {
  background: none repeat scroll 0 0 #f4f4f4;
  font-size: 18px;
  margin-bottom: 20px;
  padding: 15px
}

.col2-set {
  margin-left: -30px;
  overflow: hidden
}

.col-1,
.col-2 {
  float: left;
  margin-left: 30px;
  width: 360px
}

#customer_details label {
  display: block;
  margin: 0 0 5px
}

#customer_details input[type="text"],
#customer_details textarea,
.shipping_calculator input[type=text] {
  margin-bottom: 10px;
  width: 100%
}

#customer_details h3 {
  color: #167080;
  font-size: 20px;
  text-transform: uppercase
}

.create-account {
  background: none repeat scroll 0 0 #f4f4f4;
  margin-bottom: 50px;
  padding: 15px
}

#order_review_heading {
  color: #167080;
  font-size: 20px;
  text-transform: uppercase
}

#payment ul.payment_methods {
  list-style: outside none none;
  margin: 0 0 30px;
  padding: 0
}

#payment ul.payment_methods li {
  margin-bottom: 15px
}

a.about_paypal {
  font-size: 12px;
  margin-left: 15px
}

#customer_details select,
.shipping_calculator select {
  border: 1px solid #ddd;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%
}

table.shop_table td.product-remove a {
  display: inline-block;
  padding: 0 5px 2px;
  text-transform: uppercase;
  font-size: 16px;
  color: #0037A9
}

table.shop_table td.product-remove a:hover {
  color: #ff0000;
  text-decoration: none
}

table.shop_table td.product-name a {
  color: #222
}

table.shop_table td.product-name a:hover {
  color: #167080;
  text-decoration: none
}

div.quantity input.plus:hover,
div.quantity input.minus:hover {
  background-color: #222
}

div.cart-collaterals ul.products li.product a:hover h3 {
  color: #167080
}

div.cart-collaterals ul.products li.product a:hover {
  text-decoration: none
}

div.cart-collaterals ul.products li.product:hover .add_to_cart_button {
  background-color: #222
}

.cart-collaterals .shipping_calculator {
  float: right;
  width: 40%
}

#login-form-wrap,
#coupon-collapse-wrap {
  background: none repeat scroll 0 0 #f4f4f4;
  margin-bottom: 30px;
  padding: 25px
}

#login-form-wrap label {
  display: block;
  margin-bottom: 5px
}

#login-form-wrap input[type="text"],
#login-form-wrap input[type="password"] {
  margin-bottom: 10px;
  width: 250px
}

#login-form-wrap input[type="submit"] {
  margin-bottom: 15px
}

.single-shop-product h2 {
  font-size: 20px;
  margin: 10px 0
}

.product-option-shop {
  margin-top: 15px
}

.single-shop-product {
  margin-bottom: 50px
}

.pagination>li>a,
.pagination>li>span {
  color: #167080
}

.content {
  background: #F2F2F2 none repeat scroll 0 0;
  padding: 30px;
  color: #000;
  text-align: justify
}

.content h3 {
  font-size: 25px;
  text-align: center
}

.content h1 {
  font-size: 25px;
  text-align: center
}

.content p {
  margin: 14px;
  font-size: 15px
}

.arrow {
  background: #167080 none repeat scroll 0 0;
  border-radius: 47px;
  bottom: 30px;
  color: #fff;
  left: 35px;
  position: absolute;
  text-align: center;
  z-index: 9999
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-30px)
  }

  60% {
    transform: translateY(-15px)
  }
}

.gallery ul {
  margin: 5px;
  padding: 0
}

.marginbot10 {
  margin-bottom: 4px
}

.margintop {
  margin-top: 15px
}

.gallery h4 {
  padding: 8px;
  color: #000;
  border-left: 5px solid #3DB93F
}

.gallery strong {
  color: #c40000
}

.gallery i {
  color: #801638
}

.gallery .btn-danger a:hover {
  color: #fff !important
}

.gallery i:hover {
  color: #fff
}

.blink_me {
  padding: 5px;
  color: #fff;
  position: relative;
  background-color: #007F00;
  font-size: 16px;
  padding: 7px 14px
}

.blink_me a,
.blink_me a:hover {
  text-decoration: none;
  color: #FFF
}

.color-blue {
  font-size: 17px;
  color: #00008b
}

.color-red {
  color: #c53739
}

@-webkit-keyframes blink {
  50% {
    background: #000
  }
}

@-moz-keyframes blink {
  50% {
    background: #000
  }
}

@keyframes blink {
  50% {
    background: #019D2E
  }
}

.blink_me {
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: blink;
  -webkit-animation-timing-function: linear;
  -moz-animation-direction: normal;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: blink;
  -moz-animation-timing-function: linear;
  animation-direction: normal;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: blink;
  animation-timing-function: linear
}

.about h2 {
  font-family: "Raleway", sans-serif;
  color: #fff;
  margin-top: 15px;
  font-size: 23px;
  font-weight: 700;
  background: #DF5EFB;
  line-height: 35px;
  border-left: 5px solid #73038B;
  padding-left: 14px
}

.about h5 {
  font-family: "Raleway", sans-serif;
  color: #fff;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 700;
  background: #285190;
  line-height: 20px;
  border-left: 5px solid #94c9ff;
  padding-left: 14px
}

.about p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: justify;
  line-height: 25px
}

.banner-bdr {
  margin-top: 15px
}

.banner-bdr img {
  border: 1px solid #ccc;
  padding: 2px;
  margin-top: 15px
}

.discounted {
  margin: 3px 2px;
  padding: 15px;
  line-height: 38px;
  list-style: none;
  box-shadow: 1px 5px 5px #eee;
  border-left: 1px dashed #B3AFB4;
  border-right: 1px dashed #B3AFB4;
  color: #000;
  font-weight: 700;
  padding-left: 15px;
  border-bottom: 1px dashed #ccc
}

.discounted:hover {
  background: #eeffd8
}

.discounted .h4 {
  background: -moz-linear-gradient(left, #e8e8e8ff 0%, #ffffff8f 44%, #ffffff4a 71%, #ffffff03 99%, #fff0 100%);
  background: -webkit-linear-gradient(left, #e8e8e8ff 0%, #ffffff8f 44%, #ffffff4a 71%, #ffffff03 99%, #fff0 100%);
  background: linear-gradient(to right, #e8e8e8ff 0%, #ffffff8f 44%, #ffffff4a 71%, #ffffff03 99%, #fff0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#00ffffff', GradientType=1);
  padding: 8px 5px;
  text-decoration: none
}

.discounted strong {
  color: #f00f
}

.discounted p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  text-align: justify
}

.form {
  padding: 15px
}

.enquiry {
  background: #F2F2F2;
  overflow: hidden
}

label {
  display: inline-block;
  max-width: 100%;
  margin-top: 10px
}

.contact h4 {
  color: #009;
  font-size: 22px;
  font-weight: 700;
  margin-top: 15px;
  text-transform: uppercase
}

.contact strong {
  color: #C40000
}

input[type=radio]:not(old) {
  width: 28px;
  margin: 0;
  padding: 0
}

input[type=radio]:not(old)+label {
  display: inline-block;
  margin-left: -28px;
  padding-left: 28px;
  background: url(img/checks.png) no-repeat 0 0;
  line-height: 18px
}

input[type=radio]:not(old):checked+label {
  background-position: 0 -24px
}

.button {
  padding: 9px 24px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  color: #fff
}

.table {
  border: 1px solid #ccc
}

.table td {
  border: 1px solid #ccc
}

.scroll {
  position: fixed;
  top: 75%;
  right: 0;
  z-index: 999;
  height: 85px;
  background: #eee;
  padding: 15px;
  border-radius: 5px 0 0;
  width: 300px
}

.img {
  padding: 0;
  padding-top: 4px
}

.img1 {
  padding: 0;
  padding-bottom: 15px
}

.content1 h3 {
  font-size: 25px;
  text-align: center;
  background: #AFED5F;
  line-height: 45px;
  margin: 5px
}

.content1 input {
  width: 100%
}

.content1 textarea {
  width: 100%
}

.content1 select {
  width: 100%;
  height: 32px;
  margin-bottom: 3px;
  margin-top: 0;
  border: 1px solid #e0e0e0
}

.content1 font {
  color: red
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
textarea {
  border: 1px solid #ddd
}

input[type="submit"],
button[type=submit],
input[type="reset"],
button[type=reset] {
  margin-bottom: 15px;
  margin-top: 11px;
  border: medium none;
  color: #fff;
  padding: 11px 20px;
  text-transform: uppercase
}

input[type="submit"]:hover,
button[type=submit]:hover,
input[type="reset"]:hover,
button[type=reset]:hover {
  background-color: ##0053ff
}

.single-sidebar input[type="text"] {
  margin-bottom: 10px;
  width: 100%
}

p strong {
  color: #000
}

.offer-pg {
  position: fixed;
  top: 100px;
  background: #FFF;
  width: 500px;
  left: 300px;
  height: 300px;
  padding: 10px;
  overflow-y: scroll;
  border: 2px solid #ccc;
  z-index: 999
}

.foo {
  cursor: pointer
}

#closeme {
  cursor: pointer
}

.closeme {
  background: silver;
  height: 20px;
  margin: 0;
  position: fixed;
  width: 460px
}

.mask {
  background-image: url(img/mask.png);
  height: 800px;
  width: 100%;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0
}

.bodyx {
  margin: 0;
  height: 100%;
  overflow: hidden
}

.data {
  font-weight: 700
}

.bdr {
  border: 1px solid #000
}

#return-to-top {
  z-index: 9999;
  position: fixed;
  bottom: 20px;
  right: 16px;
  background: #000;
  background: #000000b3;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

#return-to-top i,
#return-to-top svg {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

#return-to-top:hover {
  background: #000000e6
}

#return-to-top:hover i {
  color: #fff;
  top: 5px
}

.newbtn {
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
  text-align: center;
  background: #0077cd;
  margin-top: 10px;
  color: #fff
}

.newbtn a {
  padding: 8px;
  color: #fff;
  display: block
}

.newbtn a:hover {
  color: #fff !important;
  display: block;
  background: #0037a9;
  text-decoration: none;
  border-radius: 15px
}

.newhomecontent h3,
.newhomecontent h1,
.newhomecontent h2 {
  padding: 7px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  background: #0037A9;
  text-align: left;
  font-size: 28px !important
}

.newhomecontent p {
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: justify;
  color: #000
}

.clients {
  font-family: Arial, Helvetica, sans-serif
}

.clients h6 {
  background: #AFED5F;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 20px;
  color: #4E015F
}

.aboutdata {
  background: #F2F2F2;
  padding: 30px;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px
}

.aboutdata h2 {
  font-family: "Raleway", sans-serif;
  color: #000;
  margin-top: 15px;
  font-size: 23px;
  font-weight: 700;
  background: #a5e2ff;
  line-height: 35px;
  border-left: 5px solid #0037a9;
  padding-left: 14px
}

.aboutdata p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align: justify;
  line-height: 25px
}

.discountedoffer {
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 20px
}

.discountedoffer h2 {
  background: #AFED5F;
  color: #fff;
  padding: 3px;
  text-align: center
}

.nav>li a:hover {
  background: #b3e7ff !important;
  color: #0031a5 !important;
}

/*.nav > li:hover{background:#ffcb00!important}*/
@media (min-width:308px) {
  .user-menu {
    text-align: center !important
  }
}

@media (min-width:758px) {
  .user-menu {
    text-align: right !important
  }
}

.clients-grid,
.testimonials-grid {
  list-style: none;
  overflow: hidden
}

.testimonials-grid1 {
  list-style: none;
  overflow: hidden
}

.testimonials-grid1 img {
  float: left;
  position: relative;
  width: 14%;
  padding: 20px 0
}

.clients-grid.grid-2 li {
  width: 50%;
  padding: 25px 0
}

.clients-grid.grid-3 img {
  width: 33.33%
}

.clients-grid.grid-4 img {
  width: 25%
}

.clients-grid.grid-6 img {
  width: 10.66%
}

body:not(.device-touch) .clients-grid li a {
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.dropbtn {
  color: #000;
  padding: 12px;
  font-size: 14px;
  border: none
}

.dropdown {
  position: relative;
  display: inline-block
}

.top-menu .dropdown li {
  width: 90% !important
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 180px;
  box-shadow: 0 8px 16px 0 #0003;
  z-index: 1
}

.dropdown-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block
}

.dropdown:hover .dropdown-content {
  display: block
}

.dropdown:hover .dropbtn {
  background-color: #E376FC
}

@media (min-width:1200px) {
  .auto-clear .col-lg-1:nth-child(12n+1) {
    clear: left
  }

  .auto-clear .col-lg-2:nth-child(6n+1) {
    clear: left
  }

  .auto-clear .col-lg-3:nth-child(4n+1) {
    clear: left
  }

  .auto-clear .col-lg-4:nth-child(3n+1) {
    clear: left
  }

  .auto-clear .col-lg-6:nth-child(odd) {
    clear: left
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .auto-clear .col-md-1:nth-child(12n+1) {
    clear: left
  }

  .auto-clear .col-md-2:nth-child(6n+1) {
    clear: left
  }

  .auto-clear .col-md-3:nth-child(4n+1) {
    clear: left
  }

  .auto-clear .col-md-4:nth-child(3n+1) {
    clear: left
  }

  .auto-clear .col-md-6:nth-child(odd) {
    clear: left
  }
}

@media (min-width:768px) and (max-width:991px) {
  .auto-clear .col-sm-1:nth-child(12n+1) {
    clear: left
  }

  .auto-clear .col-sm-2:nth-child(6n+1) {
    clear: left
  }

  .auto-clear .col-sm-3:nth-child(4n+1) {
    clear: left
  }

  .auto-clear .col-sm-4:nth-child(3n+1) {
    clear: left
  }

  .auto-clear .col-sm-6:nth-child(odd) {
    clear: left
  }
}

@media (max-width:767px) {
  .auto-clear .col-xs-1:nth-child(12n+1) {
    clear: left
  }

  .auto-clear .col-xs-2:nth-child(6n+1) {
    clear: left
  }

  .auto-clear .col-xs-3:nth-child(4n+1) {
    clear: left
  }

  .auto-clear .col-xs-4:nth-child(3n+1) {
    clear: left
  }

  .auto-clear .col-xs-6:nth-child(odd) {
    clear: left
  }
}

.nav>li>a {
  padding: 9px 7px !important
}

.shopping-item:hover {
  color: #fff !important;
  text-decoration: blink
}

.gradient-button {
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transition: .5s;
  background-size: 200% auto;
  color: #000;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  box-shadow: 0 1px 3px #0000001f 0 1px 2px #0000003d;
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
  cursor: pointer;
  display: inline-block;
  border-radius: 25px
}

.gradient-button:hover {
  box-shadow: 0 10px 20px #00000030 0 6px 6px #0000003b
}

.gradient-button-1 {
  background: -moz-linear-gradient(left, #0077cd 0%, #0037a9 48%, #0077cd 100%);
  background: -webkit-linear-gradient(left, #0077cd 0%, #0037a9 48%, #0077cd 100%);
  background: linear-gradient(to right, #0077cd 0%, #0037a9 48%, #0077cd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0077cd', endColorstr='#0077cd', GradientType=1)
}

.gradient-button-1:hover {
  background-position: right center
}

.gradient-button-2 {
  background-image: linear-gradient(to right, #2BC0E4 0%, #EAECC6 51%, #2BC0E4 100%)
}

.gradient-button-2:hover {
  background-position: right center
}

.gradient-button-3 {
  background-image: linear-gradient(to right, #7474BF 0%, #348AC7 51%, #7474BF 100%);
  color: #fff
}

.gradient-button-3:hover {
  background-position: right center
}

.gradient-button-4 {
  background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%)
}

.gradient-button-4:hover {
  background-position: right center
}

.gradient-button1 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  transition: .5s;
  color: #fff;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  box-shadow: 0 1px 3px #0000001f 0 1px 2px #0000003d;
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
  cursor: pointer;
  display: inline-block;
  border: 2px solid #fff;
  width: 100%;
  font-family: Calibri;
  text-transform: uppercase;
  font-weight: normal;
  color: #000
}

.clients-grid,
.testimonials-grid {
  list-style: none;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important
}

.gradient-button1:hover {
  box-shadow: 0 10px 20px #00000030 0 6px 6px #0000003b;
  background: #022170;
  color: #fff
}

.gallery h4 {
  background: #AFED5F none repeat scroll 0 0;
  padding: 0 !important;
  border-left: 5px solid #112496
}

.gallery h4 a {
  background: #AFED5F none repeat scroll 0 0;
  display: block;
  padding: 8px;
  color: #000
}

.gallery h4 a:hover {
  background-image: linear-gradient(to right, #4ec62d 0%, #f9ff5e 51%, #f9ff5e 100%)
}

.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10
}

.carousel {
  margin-bottom: 60px
}

.carousel-caption {
  z-index: 1
}

.marketing {
  padding-left: 15px;
  padding-right: 15px
}

.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px
}

.marketing h2 {
  font-weight: 400
}

.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px
}

.featurette-divider {
  margin: 80px 0
}

.featurette {
  padding-top: 120px;
  overflow: hidden
}

.featurette-image {
  margin-top: -120px
}

.featurette-image.pull-left {
  margin-right: 40px
}

.featurette-image.pull-right {
  margin-left: 40px
}

.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px
}

@media (min-width: 768px) {
  .marketing {
    padding-left: 0;
    padding-right: 0
  }

  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px
  }

  .navbar-wrapper .navbar {
    border-radius: 4px
  }

  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4
  }
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  border: 3px solid #fff !important
}

.carousel-control.left {
  background-image: none !important;
  background-repeat: repeat-x;
  top: 37%;
  font-size: 62px;
  font-weight: 700
}

.carousel-control.right {
  background-image: none !important;
  background-repeat: repeat-x;
  top: 37%;
  font-size: 62px;
  font-weight: 700
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0 !important;
  margin-bottom: 0
}

.carousel {
  margin-bottom: 25px !important
}

.modal.fade .modal-dialog {
  z-index: 9999 !important
}

.col-item {
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  background: #FFF;
  cursor: pointer;
  margin-bottom: 8px
}

.col-item .photo img {
  margin: 5px auto
}

.col-item .info {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  margin-top: 1px
}

.col-item:hover .info {
  background-color: #eeffd8
}

.col-item .price {
  float: left;
  margin-top: 5px
}

.col-item .price h5 {
  line-height: 20px
}

.price-text-color {
  color: #219FD1
}

.col-item .info .rating {
  color: #777
}

.col-item .rating {
  float: left;
  font-size: 17px;
  text-align: right;
  line-height: 52px;
  margin-bottom: 10px;
  height: 52px
}

.col-item .separator {
  border-top: 1px solid #E1E1E1
}

.clear-left {
  clear: left
}

.col-item .separator p {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center;
  background: #eaeaeaea;
  padding: 6px;
  margin-right: 0;
  border: 1px solid #fff;
  border-radius: 6px
}

.col-item .separator p:hover {
  background: #AFED5F
}

.col-item .separator p i {
  margin-right: 5px
}

.col-item .btn-add {
  width: 50%;
  float: left;
  border-right: 1px solid #E1E1E1
}

.col-item .btn-details {
  width: 50%;
  float: left;
  padding-left: 10px
}

[data-slide="prev"] {
  margin-right: 10px
}

.bg-gray {
  background: #EAFBFF;
  padding: 12px 16px;
  border: 1px solid #68c2ff;
  padding: 12px 16px
}

.colorstar {
  color: red
}

.enquiry-bg {
  background-image: url(../img/enquiry-bg.png);
  background-repeat: no-repeat;
  background-attachment: initial
}

.form-group {
  margin-bottom: 5px !important;
  margin-top: 5px !important
}

.gallery {
  overflow: hidden
}

.gallery .owl-nav,
.gallery .owl-dots {
  margin-top: 40px;
  text-align: center
}

.gallery .owl-item {
  transition: .3s ease-in-out
}

.gallery .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #eff2f8 !important
}

.gallery .owl-dot.active {
  background-color: #5777ba !important
}

.gallery .gallery-carousel {
  padding-top: 30px
}

.gallery .gallery-carousel .owl-stage-outer {
  overflow: visible
}

@media (min-width: 992px) {
  .gallery .gallery-carousel .center {
    border: 6px solid #5777ba;
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.2);
    margin-top: 10px;
    border-radius: 25px
  }
}

.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px #0000
}

.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, #00000059 0, #0000 80%);
  background: radial-gradient(ellipse at center, #00000059 0, #0000 80%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity
}

.float-shadow:active,
.float-shadow:focus,
.float-shadow:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

.float-shadow:active:before,
.float-shadow:focus:before,
.float-shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px #0000
}

.group-list ol {
  background: #cccccc1a
}

.group-list li {
  display: list-item;
  margin-bottom: 2px;
  border-bottom: 2px solid #fff
}

.group-list li a {
  display: block;
  padding: 15px;
  border-bottom: 1px dashed #bee5f7;
  text-transform: uppercase;
  color: #000
}

.group-list li:hover {
  background: #eeffd8;
  padding-left: 5px
}

.secure strong {
  font-size: 18px;
  color: #040
}

.secure .bg {
  background: #eeffd8
}

.secure p {
  padding: 15px
}

.secure .table-bordered {
  border: 2px solid #0037a9
}

.dropdown-content a {
  line-height: 0 !important
}

.site-branding-area {
  background: #fff
}

.mega-dropdown {
  position: static !important
}

.mega-dropdown-menu {
  padding: 10px 0 !important;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #F4D6FB;
  text-transform: capitalize
}

.dropdown-menu {
  background: #fff !important
}

.dropdown-menu a {
  border-bottom: 1px solid #fff;
  text-transform: capitalize;
  background: #D8287E;
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.mega-dropdown-menu>li>ul {
  padding: 0 !important;
  margin: 0
}

.mega-dropdown-menu>li>ul>li {
  list-style: none
}

.mega-dropdown-menu>li>ul>li>a {
  display: block;
  color: #222
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
  text-decoration: none
}

.navbar {
  margin-bottom: 0 !important
}

.top-menu .col-lg-12 {
  margin: 0 !important
}

.top-menu .navbar-nav a {
  padding: 3px 9px !important;
  margin: 0 2px
}

.dropdown-menu li a {
  background: #0066D2 !important;
  color: #DFFAFF !important;
  border-bottom: 1px dashed #fff
}

.navbar-nav>li>.dropdown-menu li {
  margin-left: 6px;
  margin-right: 6px;
  text-shadow: 1px 1px 1px #fff !important
}

.dropdown-menu li a:hover {
  background: #FFCB00 !important;
  color: #fff !important
}

.navbar {
  position: relative;
  min-height: 37px !important;
  margin-bottom: 20px;
  border: 1px solid transparent
}

.nav>a:hover,
.nav>a:focus {
  background: #FFCE39;
  color: #000;
  /*text-shadow:1px 1px 1px #000;*/
  text-decoration: none
}

.navbar-nav a:hover {
  color: #000 !important
}

.nav a {
  color: #fff
}

.bg {
  background: url(bg.png) no-repeat center;
  padding: 0 0 69px;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 5px
}

.bg h2 {
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 37px;
  font-weight: 700
}

.bg li {
  list-style: none
}

.bg li a {
  text-align: left !important;
  border-right: 1px dashed #fffccc !important;
  border-bottom: 1px dashed #fffccc !important;
  background: #00000080;
  padding: 15px;
  color: #fff;
  display: block
}

.bg li a:hover {
  background: #afed5f;
  color: #000 !important;
  text-decoration: none
}

.bg li h3 {
  font-size: 18px
}

.bg ul {
  margin: 0 !important;
  padding: 0 !important
}

marquee a {
  color: #fff
}

marquee a:hover {
  color: #1d9300 !important
}

.test1 .col-lg-2 {
  width: 14% !important
}

.test1 .row {
  padding-bottom: 5px;
  padding-top: 15px
}

.test1 .h1 {
  font-family: Calibri;
  font-size: 15.1px;
  border-bottom: 1px dashed #5DCE42;
  text-align: center;
  margin: 2px;
  background: #ffbf3f;
  background: -moz-linear-gradient(top, #ffbf3fff 0%, #f1e767ff 100%);
  background: -webkit-linear-gradient(top, #ffbf3fff 0%, #f1e767ff 100%);
  background: linear-gradient(to bottom, #ffbf3fff 0%, #f1e767ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf3f', endColorstr='#f1e767', GradientType=0)
}

.test1 .h1 a {
  display: block;
  padding: 6px 0 !important;
  margin: 1px;
  color: #000;
  text-decoration: none
}

.test1 .h1 a:hover {
  display: block;
  padding: 6px 0 !important;
  margin: 1px;
  color: #000 !important
}

.test1 .h1:hover {
  background: #AFED5F;
  color: #000 !important
}

.test1 .col-lg-2,
.test1 .col-md-2,
.test1 .col-sm-4,
.test .col-xs-4 {
  padding: 0
}

.test1 .col-lg-2 {
  width: 16.3% !important
}

.dropdown-content a {
  line-height: 0 !important
}

.site-branding-area {
  background: #fff
}

.mega-dropdown {
  position: static !important
}

.mega-dropdown-menu {
  padding: 10px 0 !important;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #F4D6FB;
  text-transform: capitalize
}

.dropdown-menu {
  background: #fff !important
}

.dropdown-menu a {
  border-bottom: 1px solid #fff;
  text-transform: capitalize;
  background: #D8287E;
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.mega-dropdown-menu>li>ul {
  padding: 0 !important;
  margin: 0
}

.mega-dropdown-menu>li>ul>li {
  list-style: none
}

.mega-dropdown-menu>li>ul>li>a {
  display: block;
  color: #222
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
  text-decoration: none
}

.navbar {
  margin-bottom: 0 !important
}

.top-menu .col-lg-12 {
  margin: 0 !important
}

.top-menu .navbar-nav>li>a {
  padding: 1px 9px !important;
  color: #000
}

.top-menu .navbar-nav>li {
  margin: 0 2px
}

.bg-info {
  background: #98d8ff !important
}

.blink_me {
  padding: 5px;
  color: #fff;
  position: relative;
  background-color: #009fff;
  font-size: 16px;
  padding: 7px 14px
}

.blink_me a,
.blink_me a:hover {
  text-decoration: none;
  color: #FFF
}

@-webkit-keyframes blink {
  50% {
    background: #0037A9
  }
}

@-moz-keyframes blink {
  50% {
    background: #0037A9
  }
}

@keyframes blink {
  50% {
    background: #0037A9
  }
}

.blink_me {
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: blink;
  -webkit-animation-timing-function: linear;
  -moz-animation-direction: normal;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: blink;
  -moz-animation-timing-function: linear;
  animation-direction: normal;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: blink;
  animation-timing-function: linear
}

.blink_me1 {
  color: #0FF !important;
  position: relative;
  background-color: red;
  padding-left: 30px;
  padding-right: 30px;
  text-transform: uppercase
}

.blink_me1 a,
.blink_me1 a:hover {
  text-decoration: none;
  color: #041DAD !important;
  background: none !important;
  display: block
}

@-webkit-keyframes blink1 {
  50% {
    background: #faff00
  }
}

@-moz-keyframes blink1 {
  50% {
    background: #faff00
  }
}

@keyframes blink1 {
  50% {
    background: #faff00
  }
}

.blink_me1 {
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: blink1;
  -webkit-animation-timing-function: linear;
  -moz-animation-direction: normal;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: blink1;
  -moz-animation-timing-function: linear;
  animation-direction: normal;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: blink1;
  animation-timing-function: linear;
  font-size: 16px;
  text-shadow: 1px 1px 1px #fff;
  margin: 0;
  padding: 9px 10px;
  top: 0;
  color: #000 !important;
  border: 1px dashed #fff
}

.product-name1 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #fff;
  font-family: Calibri;
  font-size: 24px;
  background: #0037A9;
  padding: 7px
}

.single-sidebar1 li {
  border-bottom: 1px dashed #3b8faf;
  font-size: 18px
}

.single-sidebar1 a {
  text-decoration: none
}

.single-sidebar1 li a:hover {
  border-bottom: 1px dashed #3b8faf;
  font-size: 19px;
  background: #fff;
  background: -moz-linear-gradient(left, #ffff 0%, #d7f1fd 100%);
  background: -webkit-linear-gradient(left, #ffff 0%, #d7f1fd 100%);
  background: linear-gradient(to right, #ffff 0%, #d7f1fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeffd8', GradientType=1);
  text-decoration: none
}

#sticky {
  position: sticky;
  position: -webkit-sticky;
  height: 80% !important;
  top: 0
}

.list-type3 {
  font-size: 18px;
  color: #000
}

.list-type3 a {
  font-size: 18px;
  color: #000
}

.list-type3 a:hover {
  color: #001b7f !important;
  font-size: 19px
}

.colr-blue {
  line-height: 25px;
  background: #edffe0;
  background: -moz-linear-gradient(-45deg, #d7f1fd 0%, #ccecff 50%, #a8d6ff 50%, #d7f1fd 100%);
  background: -webkit-linear-gradient(-45deg, #d7f1fd 0%, #ccecff 50%, #a8d6ff 50%, #d7f1fd 100%);
  background: linear-gradient(135deg, #d7f1fd 0%, #ccecff 50%, #a8d6ff 50%, #d7f1fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccecff', endColorstr='#edffe0', GradientType=1);
  border-radius: 15px;
  font-size: 16px;
  box-shadow: 1px 2px 5px 1px #ccc;
  padding: 7px 5px;
  margin-top: 15px;
  border: 2px solid #fff;
  color: #000;
  text-shadow: 1px 1px 1px #FFF;
  text-align: center
}

.colr-blue strong {
  color: #0040A4
}

.showme {
  display: none;
  margin-top: 10px
}

.showhim:hover .showme {
  display: block;
  position: absolute;
  right: 0;
  background: #F3F3F3;
  padding: 29px;
  text-align: left;
  z-index: 99999;
  border-radius: 10px;
  border: #ccc 1px solid;
  color: #000
}

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #0037a9 !important;
  list-style: none
}

.glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 22px;
  color: #0037a9 !important
}

.media-body1 {
  font-size: 14px;
  color: #000 !important
}

.media .media-body {
  font-size: 14px
}

.show-grid .inactive {
  color: #8D8E8D !important;
  background-color: #DFFAFF !important
}

.show-grid .inactive .glyphicon {
  color: #0037a9 !important
}

.show-grid .active {
  color: #c99bb1 !important;
  background-color: #fff !important
}

.gallery1 {
  margin: 15px
}

.gallery1 h1 {
  text-align: left;
  text-transform: uppercase;
  font-weight: 700
}

.gallery1 h2 {
  background: #0077CD
}

.gallery1 h2 a {
  display: block;
  color: #fff;
  font-size: 20px;
  padding: 0px; /* 10px; */
  text-decoration: none
}

.gallery1 h2 a:hover {
  background: #0295ff;
  color: #fff !important
}

.gallery1 b {
  font-size: 20px;
  line-height: 40px
}

.gallery1 b a {
  color: #37ad1a
}

.gallery1 h1 {
  font-size: 28px
}

.gallery1 h4 {
  margin-left: 15px;
  padding: 0 !important
}

.gallery h4 a {
  background: #fff !important;
  background: -moz-linear-gradient(left, #ffff 0%, #efff 100%) !important;
  background: -webkit-linear-gradient(left, #ffff 0%, #efff 100%) !important;
  background: linear-gradient(to right, #ffff 0%, #efff 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeffd8', GradientType=1);
  -webkit-transition: box-shadow 1s;
  transition: box-shadow 1s;
  padding: 8px 8px 8px 19px !important;
  display: block;
  border-bottom: 1px solid #97e7ff;
  text-decoration: none !important
}

.gallery1 h4 a:hover {
  font-weight: 700;
  color: #0037A9 !important;
  text-decoration: none;
  border-bottom: 1px solid #0037A9;
  background: #c1f5ff !important;
  box-shadow: inset 1em 0 #0037A9
}

.gallery1 blockquote {
  border: none;
  padding: 0;
  margin: 0
}

.sitemap a {
  line-height: 28px;
  display: block;
  background: #f6f6f6;
  margin: 5px !important;
  padding: 5px 0 5px 15px !important
}

.sitemap h2 {
  background: #0037a9;
  border-left: 4px #DB258A solid;
  color: #fff
}

.sitemap a:hover {
  background: #a5e2ff;
  font-weight: 700
}

@media (max-width: 5000px) {
  .newhome21 a {
    width: 32%
  }

  .test1 .col-lg-1 {
    width: 7.3% !important
  }
}

@media (max-width: 1000px) {
  .newhome21 a {
    width: 32%
  }

  .test1 .col-xs-6 {
    width: 32.333% !important
  }
}

@media (max-width: 800px) {
  .newhome21 a {
    width: 96%
  }

  .navbar-nav {
    margin: 0 auto;
    text-align: center
  }

  .nav i {
    font-size: 15px !important
  }

  .navbar-nav {
    margin: 0 auto
  }

  .mainmenu-area .nav a {
    width: 100%;
    margin: auto !important;
    border: 1px solid #0046d3;
    padding: 4px !important;
  }

  .top {
    text-align: center;
  }

  .mainmenu-area {
    margin: 15px 0
  }

  .blink_me {
    font-size: 14px !important
  }

  .test1 .col-xs-6 {
    width: 48% !important
  }
}

@media (max-width: 400px) {
  .newhome21 a {
    width: 100% !important
  }

  .navbar-nav {
    margin: 0 auto;
    text-align: center
  }

  .nav i {
    font-size: 15px !important
  }

  .navbar-nav {
    margin: 0 auto
  }

  .mainmenu-area .nav a {
    margin: auto !important;
    border: 1px solid #0046d3
  }

  .mainmenu-area {
    margin: 15px 0
  }

  .blink_me {
    font-size: 14px !important
  }

  .test1 .col-xs-6 {
    width: 48% !important
  }
}

@media only screen and (min-width: 200px) and (max-width: 399px) {
  .newhome21 a {
    width: 100% !important
  }

  .navbar-nav {
    margin: 0 auto;
    text-align: center
  }

  .nav i {
    font-size: 15px !important
  }

  .navbar-nav {
    margin: 0 auto
  }

  .mainmenu-area .nav a {
    width: 100%;
    margin: auto !important;
    border: 1px solid #0046d3
  }

  .mainmenu-area {
    margin: 15px 0
  }

  .blink_me {
    font-size: 14px !important
  }

  .test1 .col-xs-6 {
    width: 48% !important
  }
}

.affored-package {
  background: url(../images/afford-package-bg.jpg) no-repeat top center !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  position: relative;
  height: auto !important
}

.package-online {
  background: #fbbe00
}

.package-business {
  background: #ff783e
}

.package-ultimate {
  background: #00ba6c
}

.package-google {
  background: #5caeca
}

.package-online h3 {
  color: #000
}

.package-business h3 {
  color: #000
}

.package-ultimate h3 {
  color: #000
}

.package-google h3 {
  color: #007ca6
}

.package-common-popular {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-left: 0;
  width: 100%;
  z-index: -1
}

.package-common-popular li {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #fff;
  padding: 5px 15px;
  border: 1px solid #FF783E;
  list-style: none
}

.package-common-popular li p {
  color: #FF783E;
  text-transform: uppercase;
  font-size: 24px;
  padding-left: 0
}

.package-common-popular li span {
  background-position: -355px -688px
}

.package-common {
  padding: 30px 20px;
  text-align: center;
  margin-right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative
}

.package-common h3 {
  font-size: 34px;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 33px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
  font-family: 'ubuntu';
  font-weight: 700;
  text-transform: uppercase
}

.package-common h2 {
  font-size: 48px;
  color: #fff
}

.package-common h2.webMainPrice {
  font-size: 35px;
  color: #fff
}

.package-common h4 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 40px
}

.package-common h4 sup {
  vertical-align: top !important;
  font-size: 14px;
  font-family: 'itcavantgardepro-book', arial, sans-serif;
  top: 10px
}

.package-common>p {
  font-size: 18px;
  font-family: 'Roboto', arial, sans-serif;
  line-height: normal;
  margin-bottom: 0;
  min-height: 60px;
  color: #000
}

.affored-package-list {
  margin-top: 40px
}

.eccom-affored-package-list {
  margin-top: -32.2em
}

.affored-package-list .thumbnail,
.ecommerce-package-list .thumbnail {
  background: transparent;
  border: 0;
  padding: 5px;
  margin-bottom: 0
}

.package-common-list {
  padding: 0
}

.package-inner {
  padding-left: 0
}

.package-inner li {
  text-align: right;
  padding: 10px 15px;
  min-height: inherit;
  background: transparent;
  color: #333;
  list-style: none
}

.package-inner li:hover {
  color: #333
}

.package-inner li:last-child {
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em
}

.package-inner li:nth-child(odd) {
  background: #dfe4ec
}

.package-inner li:nth-child(even) {
  background: #d5d9e3
}

.package-inner li p {
  width: 85%;
  padding-left: 0;
  padding-right: 14px;
  font-family: 'Roboto', arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
  display: inline-block
}

.package-inner li span {
  background: url(/img/sprite-img-convesion.png) no-repeat right center;
  height: 25px;
  width: 25px;
  display: inline-block
}

.package-inner li img {
  display: block;
  margin: 0 auto
}

.package-common sup {
  vertical-align: top !important;
  font-size: 28px;
  font-family: 'itcavantgardepro-book', arial, sans-serif;
  top: 19px
}

.list-inner-affored:hover .package-inner li:nth-child(odd) {
  background: #fff
}

.list-inner-affored:hover .package-inner li:nth-child(even) {
  background: #edeef2
}

.cancel-icon {
  background-position: -352px -787px !important
}

.vocso-other-package {
  background: #3a3d47;
  position: relative
}

.redbtn {
  background: #242424;
  line-height: 1em;
  border: none
}

.redbtn:hover {
  background: #000 !important
}

.arrowrgt::after {
  background: url(../images/tosmall-icon.png) no-repeat;
  margin-left: 15px !important;
  content: "";
  width: 16px;
  height: 10px;
  display: inline-block;
  top: 19px;
  right: 39px;
  transition: all .3s linear 0
}

.arrowrgt:hover::after {
  right: 29px
}

.social {
  float: left;
  margin: 2em;
  width: 100px;
  height: 100px;
  display: block;
  text-align: center;
  line-height: 103px;
  color: #fff;
  position: relative;
  transform: rotateY(0deg);
  transition: transform .25s ease-out;
  transform-style: preserve-3d
}

.social>div {
  width: 100px;
  height: 100px;
  background: #f6f8f9;
  background: -moz-linear-gradient(135deg, #ebf9ff 0%, #c0eaff 50%, #bbe3ff 51%, #66b3ff 100%);
  background: -webkit-linear-gradient(135deg, #ebf9ff 0%, #c0eaff 50%, #bbe3ff 51%, #66b3ff 100%);
  background: linear-gradient(135deg, #ebf9ff 0%, #c0eaff 50%, #bbe3ff 51%, #66b3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  font-size: 45px;
  color: #474747;
  border: 1px solid #ccc
}

.social>.front {
  transform: translateZ(40px);
  text-align: center
}

.social>.back {
  background: #3B5998;
  transform: rotateY(-100deg) translateZ(40px)
}

.social.social-facebook>.back {
  background: #3B5998;
  color: #fff
}

.social.social-twitter>.back {
  background: #55ACEE;
  color: #fff
}

.social.social-github>.back {
  background: #f3f3f3;
  color: #fff
}

.social.social-pinterest>.back,
.social.social-youtube>.back {
  background: #e3262e;
  color: #fff
}

.social.social-instagram>.back {
  color: #fff;
  background: #401f9b;
  background: -moz-linear-gradient(-45deg, #401f9bff 0%, #bb2ad8ff 19%, #e02c74ff 38%, #e56706ff 59%, #f7d200ff 81%, #ce00b3ff 100%);
  background: -webkit-linear-gradient(-45deg, #401f9bff 0%, #bb2ad8ff 19%, #e02c74ff 38%, #e56706ff 59%, #f7d200ff 81%, #ce00b3ff 100%);
  background: linear-gradient(135deg, #401f9bff 0%, #bb2ad8ff 19%, #e02c74ff 38%, #e56706ff 59%, #f7d200ff 81%, #ce00b3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#401f9b', endColorstr='#ce00b3', GradientType=1)
}

.social.social-skype>.back {
  background: #12A5F4;
  color: #fff
}

.social.social-linkedin>.back {
  background: #4875B4;
  color: #fff
}

.social.social-dribbble>.back {
  background: #ea4c89;
  color: #fff
}

.social:hover {
  transform: rotateY(100deg)
}

.social .text {
  font-size: 16px;
  clear: both;
  top: 57px;
  background: none;
  border: none
}

.social:hover>.text {
  background: none;
  border: none;
  transform: rotateY(-90deg);
  z-index: -999
}

.folded-corner:hover .text .fa,
.folded-corner:hover .text .fas {
  color: #c71610
}

.folded-corner .text {
  color: #c71610;
  text-align: center
}

.text h3 {
  font-size: 17px !important
}

.folded-corner:hover .text {
  visibility: visible;
  color: #000
}

.Services-tab {
  margin-top: 20px
}

.folded-corner {
  padding: 25px;
  position: relative;
  font-size: 90%;
  text-decoration: none;
  color: #999;
  background: transparent;
  transition: all ease .5s;
  border: 1px solid #fff;
  box-shadow: 5px 5px 10px 0 #ccc
}

.folded-corner:hover {
  background-color: #fff
}

.folded-corner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0;
  border-color: #D8287E;
  transition: all ease .3s
}

.folded-corner:hover:before {
  background-color: #D8287E;
  border-width: 0 50px 50px 0;
  border-color: #eee #D8287E
}

.service_tab_1 {
  background: #fff;
  background: -moz-linear-gradient(45deg, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: -webkit-linear-gradient(45deg, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  background: linear-gradient(45deg, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1)
}

.service_tab_1:hover {
  background: #fff
}

.service_tab_1:hover .fa-icon-image {
  color: #000;
  transform: rotate(360deg) scale(1.2)
}

.fa-icon-image .fa:hover,
.fa-icon-image .fas:hover {
  color: #D8287E !important
}

.text .fas,
.text .fa {
  padding: 12px 0
}

.fa-icon-image {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-size-adjust: none;
  font-stretch: normal;
  -moz-font-feature-settings: normal;
  -moz-font-language-override: normal;
  text-rendering: auto;
  transition: all .65s linear 0;
  text-align: center;
  transition: all 1s cubic-bezier(.99, .82, .11, 1.41)
}

.fa-icon-image img {
  display: inline-block;
  line-height: 1;
  font-size-adjust: none;
  font-stretch: normal;
  -moz-font-feature-settings: normal;
  -moz-font-language-override: normal;
  text-rendering: auto;
  transition: all .65s linear 0;
  text-align: center;
  transition: all 1s cubic-bezier(.99, .82, .11, 1.41);
  width: 70%;
  padding: 7px 8px !important
}

.newbtn1 {
  padding: 18px 35px;
  color: #fff;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif, arial, sans-serif !important;
  -webkit-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  text-transform: uppercase;
  position: relative;
  line-height: .8em;
  display: inline-block
}

.newbtn1:hover {
  background: #c02549;
  color: #fff
}

.glow-on-hover {
  width: 100%;
  border: none;
  outline: none;
  color: #fff;
  background: #001672;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 50px;
  margin: 5px;
  margin: 7px 0;
  padding: 6px;
  font-weight: 700;
  text-align: center
}

.glow-on-hover:before {
  content: '';
  background: linear-gradient(45deg, red, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, red);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 50px
}

.glow-on-hover:active {
  color: #000
}

.glow-on-hover:active:after {
  background: transparent
}

.glow-on-hover:hover:before {
  opacity: 1
}

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px
}

.glow-on-hover a {
  color: #fff
}

.glow-on-hover a:hover,
.glow-on-hover a:hover {
  color: #fff !important;
  text-decoration: none
}

@keyframes glowing {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 400% 0
  }

  100% {
    background-position: 0 0
  }
}

.button2 {
  margin-bottom: 15px;
  margin-top: 11px;
  border: medium none;
  color: #fff;
  padding: 11px 20px;
  text-transform: uppercase
}

.nav i {
  font-size: 18px
}

/*.newhome21 h3{font-size:22px;color:#fff;padding:7px;text-align:center; border-radius: 10px;}*/
/****/
.newhome21 h4 {
  font-size: 22px;
  /*color: #d5578c;*/
  color: #B54081;
  padding: 7px;
  padding-bottom: 7px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline double;
  padding-bottom: 16px;
}

.clients-grid img {
  float: left
}

.footer-top-area {
  background: #afed5f;
  background: -moz-linear-gradient(top, #91e0ff 0%, #fff 67%);
  background: -webkit-linear-gradient(top, #91e0ff 0%, #fff 67%);
  background: linear-gradient(to bottom, #91e0ff 0%, #fff 67%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afed5f', endColorstr='#ffffff', GradientType=0);
  color: #000;
  padding: 30px 0;
  margin-top: 20px;
  border-top: 5px solid #0037A9
}

.footer-menu ul li {
  border-bottom: 1px dashed #a897ba !important
}

.product-name2 {
  font-size: 18px;
  border-right: 4px solid #0037A9;
  background: #FFF5FF;
  padding-right: 15px;
  margin-bottom: 15px
}

.product-name2 a {
  display: block;
  color: #000
}

.blink1 span {
  color: red;
  animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate
}

@keyframes pulse {

  0%,
  100% {
    color: blue
  }

  50% {
    color: red
  }
}

.modal-header {
  min-height: 0 !important;
  padding: 0 !important;
  border-bottom: 0 solid #e5e5e5 !important
}

.modal-header .close {
  margin-top: -27px !important;
  background: #404348;
  padding: 4px 9px 12px;
  border-radius: 50%;
  opacity: 100%;
  margin-right: -36px;
  font-size: 31px;
  line-height: 19px;
  border: 2px solid #fff;
  color: #fff
}

.modal-header .close:hover {
  margin-top: -27px !important;
  background: #000;
  padding: 4px 9px 12px;
  border-radius: 50%;
  opacity: 100%;
  margin-right: -36px;
  font-size: 31px;
  line-height: 19px;
  border: 2px solid #fff;
  color: #fff
}

.bg1 {
  margin: 8px 0;
  padding: 0 8px !important;
  border-radius: 15px;
  overflow: hidden;
  border: 1px dashed #0037A9;
  color: #fff;
  background: #DFFAFF
}

.pop-bg {
  clear: both;
  color: #000;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 700;
  border-radius: 15px 0 0 15px
}

.pop {
  padding: 5px
}

.pop a {
  border-right: dotted 1px #00F;
  padding: 0 4px;
  color: #112496
}

.pop a:hover {
  border-right: dotted 1px #00F;
  padding: 0 4px;
  color: #000 !important
}

.pop1-bg {
  margin: 2px 0 15px;
  padding: 5px 8px !important;
  border-radius: 15px;
  overflow: hidden;
  font-size: 17px;
  color: #fff
}

.pop1:hover {
  padding: 0 5px;
  color: #000 !important
}

.zoom {
  display: inline-block;
  position: relative
}

.zoom:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(icon.png)
}

.zoom img {
  display: block
}

.zoom img::selection {
  background-color: transparent
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  div.cart-collaterals ul.products li.product {
    float: left;
    margin-left: 30px;
    position: relative;
    width: 160px
  }

  .coupon input[type="text"] {
    width: 100px
  }

  input[type="submit"],
  button[type="submit"] {
    padding: 11px 15px
  }

  .col-1,
  .col-2 {
    width: 293px
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mainmenu-area ul.navbar-nav li a {
    font-size: 14px;
    padding: 15px 10px
  }

  .single-promo {
    margin-bottom: 30px
  }

  .single-product-widget,
  .footer-about-us,
  .footer-menu {
    margin-bottom: 60px
  }

  .product-widget-area .zigzag-bottom {
    bottom: -50px;
    height: 100px
  }

  .product-widget-area {
    padding-bottom: 90px
  }

  .footer-top-area .zigzag-bottom {
    bottom: -153px;
    height: 200px
  }

  .footer-top-area {
    padding: 35px 0 125px
  }

  div.cart-collaterals ul.products li.product {
    width: 190px
  }

  .col-1,
  .col-2 {
    width: 345px
  }
}

@media only screen and (max-width: 767px) {

  .user-menu,
  .header-right ul.list-inline {
    text-align: center
  }

  .logo h1 {
    font-size: 30px;
    margin: 20px 0;
    text-align: center
  }

  .shopping-item {
    float: none;
    margin-top: 5px;
    text-align: center
  }

  .ph {
    padding-top: 0 !important
  }

  .navbar-header {
    text-align: center
  }

  .navbar-toggle {
    border-color: #fff;
    margin: 6px 10px 6px auto;
    background: #fff
  }

  .navbar-toggle .icon-bar {
    background: none repeat scroll 0 0 #333
  }

  .navbar-collapse.collapse.in {
    position: relative;
    z-index: 99
  }

  .mainmenu-area ul.navbar-nav li a {
    padding: 15px
  }

  .mainmenu-area {
    position: relative !important
  }

  .slide-text {
    font-size: 16px
  }

  .slide-text h2 {
    font-size: 30px
  }

  .readmore {
    font-size: 16px;
    padding: 8px 20px
  }

  .single-promo {
    margin-bottom: 2px;
    font-size: 16px
  }

  .product-widget-area .zigzag-bottom {
    bottom: -50px;
    height: 100px
  }

  .product-widget-area {
    padding-bottom: 90px
  }

  .footer-top-area .zigzag-bottom {
    bottom: -153px;
    height: 200px
  }

  .footer-top-area {
    padding: 35px 0 125px
  }

  .single-product-widget,
  .footer-about-us,
  .footer-menu {
    margin-bottom: 60px
  }

  .product-wid-title {
    font-size: 25px
  }

  .related-products-wrapper .owl-nav {
    left: -15px;
    position: relative;
    right: inherit;
    top: 15px
  }

  div.cart-collaterals ul.products {
    margin: 0
  }

  div.cart-collaterals ul.products li.product {
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%
  }

  div.cart-collaterals ul.products li.product img {
    width: 100%
  }

  .product-bit-title h2 {
    font-size: 35px;
    padding: 40px 0
  }

  .col2-set {
    margin-left: 0
  }

  .col-1,
  .col-2 {
    float: none;
    margin-left: 0;
    width: inherit
  }

  table.shop_table th,
  table.shop_table td {
    font-size: 12px;
    padding: 5px
  }

  td.product-thumbnail img {
    width: 30px
  }

  div.quantity input.plus,
  div.quantity input.minus {
    display: none
  }

  table.shop_table th {
    font-size: 12px
  }

  div.coupon input[type="text"] {
    width: 100px
  }

  .coupon {
    margin-bottom: 10px
  }

  .cross-sells {
    float: none;
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%
  }

  .cart_totals,
  .cart-collaterals .shipping_calculator {
    float: none;
    margin-bottom: 40px;
    width: 100%
  }

  .block-slider img {
    width: 100%;
    height: 70px
  }

  .clients-grid img {
    float: left;
    position: relative;
    padding: 5px;
    height: 100%
  }
}

.three h1,
.three h3 {
  font-family: Calibri;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 7px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-top: 7px;
  padding-left: 6px;
  color: #000A88
}

.three h1:before,
.three h3:before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 0;
  height: 3px;
  width: 238px;
  background-color: #ff0400;
  z-index: 9999
}

.three h1:after,
.three h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 100%;
  background-color: #ffcece
}

.bg-4 div {
  background: #0095DE;
  display: block;
  margin: 2px 1px;
  padding: 5px;
  width: 14%;
  text-align: center;
  cursor: pointer
}

.bg-4 a {
  color: #fff;
  font-size: 16px;
  font-family: Calibri
}

.bg-4 div a:hover {
  color: #fff !important
}

.bg-4 div:hover {
  background: #0037A9;
  color: #fff
}

html *,
html :before,
html :after {
  box-sizing: border-box;
  transition: .5s ease-in-out
}

:before,
:after {
  z-index: -1
}

.button {
  border-radius: 0;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  font-family: Calibri;
  font-size: 15px;
  line-height: 14px
}

.button:focus {
  outline: none
}

.button>span {
  vertical-align: middle
}

.button--antiman {
  background: #fff;
  border: none
}

.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
  -webkit-transition: color .3s;
  transition: color .3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  margin: 2px
}

.button--antiman>span {
  padding-left: .35em
}

.button--antiman::before,
.button--antiman::after {
  content: '';
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity .3s;
  transition: transform 0.3s, opacity .3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1)
}

.button--antiman::before {
  border: 2px solid #000;
  opacity: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1)
}

.button--antiman.button--border-thin::before {
  border-width: 1px
}

.button--antiman.button--border-medium::before {
  border-width: 2px
}

.button--antiman.button--border-thick::before {
  border-width: 3px
}

.button--antiman.button--inverted::before {
  border-color: #78BA00
}

.button--antiman.button--inverted-alt::before {
  border-color: #000a88
}

.button--antiman::after {
  background: #fff
}

.button--antiman.button--inverted::after {
  background: #9dd53a;
  background: -moz-linear-gradient(top, #9dd53a 1%, #7cbc0a 100%);
  background: -webkit-linear-gradient(top, #9dd53a 1%, #7cbc0a 100%);
  background: linear-gradient(to bottom, #9dd53a 1%, #7cbc0a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=0)
}

.button--antiman:hover::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}

.button--antiman:hover::after {
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1)
}

@media (max-width: 1400px) {
  .box .col-lg-2 {
    width: 15%
  }

  .box .col-lg-1 {
    width: 10%
  }
}

@media (max-width: 1200px) {
  .box .col-lg-2 {
    width: 18%
  }

  .box .col-lg-1 {
    width: 15%
  }
}

@media (max-width: 1000px) {
  .box .col-xs-6 {
    width: 32.3%
  }
}

@media (max-width: 800px) {
  .box .col-xs-6 {
    width: 49.1%
  }
}

@media (max-width: 700px) {
  .box .col-xs-6 {
    width: 48.1%
  }

  .box1 .col-xs-6 {
    width: 48.1%;
    margin: 15px
  }

  .bg-4 div {
    width: 49%
  }
}

.call-buton .cc-calto-action-ripple {
  z-index: 99999;
  position: fixed;
  left: 3rem;
  bottom: 9rem;
  background: #ff7716;
  width: 6rem;
  height: 6rem;
  padding: 2rem;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  -webkit-animation: cc-calto-action-ripple .6s linear infinite;
  animation: cc-calto-action-ripple .6s linear infinite;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none
}

.call-buton .cc-calto-action-ripple i {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  font-size: 2.2rem
}

.call-buton .cc-calto-action-ripple:hover i {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

@-webkit-keyframes cc-calto-action-ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px #ec8b0033 0 0 0 0 #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033;
    box-shadow: 0 4px 10px #ec8b0033 0 0 0 0 #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033
  }

  100% {
    -webkit-box-shadow: 0 4px 10px #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033 0 0 0 20px #ec8b0000;
    box-shadow: 0 4px 10px #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033 0 0 0 20px #ec8b0000
  }
}

@keyframes cc-calto-action-ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px #ec8b0033 0 0 0 0 #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033;
    box-shadow: 0 4px 10px #ec8b0033 0 0 0 0 #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033
  }

  100% {
    -webkit-box-shadow: 0 4px 10px #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033 0 0 0 20px #ec8b0000;
    box-shadow: 0 4px 10px #ec8b0033 0 0 0 5px #ec8b0033 0 0 0 10px #ec8b0033 0 0 0 20px #ec8b0000
  }
}

span.num {
  position: absolute;
  color: #ec8b00;
  left: -30%;
  bottom: -50%
}

.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px #e84c3d00
  }
}

.contact_icon {
  padding: 15px;
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size: 30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: 400;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out
}

.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px
}

.button .btn-accent {
  background: #a5edfc;
  background: -moz-linear-gradient(left, #a5edfc 0%, #e6f5f7 100%);
  background: -webkit-linear-gradient(left, #a5edfc 0%, #e6f5f7 100%);
  background: linear-gradient(to right, #a5edfc 0%, #e6f5f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5edfc', endColorstr='#e6f5f7', GradientType=1);
  color: #000
}

.button .btn-accent:hover {
  background: #0048e5;
  color: #fff;
  border: 1px solid #2cafe3
}

.home .media-body {
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.btn-accent:hover {
  background: #004ce5;
  background: -moz-linear-gradient(top, #004ce5 0%, #002896 100%);
  background: -webkit-linear-gradient(top, #004ce5 0%, #002896 100%);
  background: linear-gradient(to bottom, #004ce5 0%, #002896 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004ce5', endColorstr='#002896', GradientType=0);
  border-color: #00348e
}

.newblink {
  color: red;
  animation: blink-animation 3s steps(8, start) infinite;
  -webkit-animation: blink-animation 3s steps(8, start) infinite;
  font-weight: 700;
  font-size: 16px;
  padding: 5px;
  border-radius: 15px
}

@keyframes blink-animation {
  to {
    visibility: hidden
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden
  }
}

.colorred {
  color: red
}

.cbh-phone {
  display: block;
  position: fixed;
  right: -34px;
  bottom: 16px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 999;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: visibility .5s;
  -moz-transition: visibility .5s;
  -o-transition: visibility .5s;
  transition: visibility .5s
}

.cbh-phone.cbh-show {
  visibility: visible
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

.cbh-phone.cbh-static1 {
  opacity: .6
}

.cbh-phone.cbh-hover1 {
  opacity: 1
}

.cbh-ph-circle {
  width: 110px;
  height: 110px;
  top: 40px;
  left: 40px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #1e1e1e66;
  opacity: .1;
  -webkit-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -moz-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -ms-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -o-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.cbh-ph-circle-fill {
  width: 74px;
  height: 74px;
  top: 58px;
  left: 58px;
  position: absolute;
  background-color: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .1;
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.cbh-phone.cbh-active .cbh-ph-circle-fill {
  -webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-circle-fill {
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  opacity: 0 !important
}

.cbh-phone.cbh-hover .cbh-ph-circle-fill {
  background-color: #00aff280;
  opacity: .75 !important
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
  background-color: #75eb5080;
  opacity: .75 !important
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: #00aff280;
  opacity: .75 !important
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
  background-color: #cccccc80;
  opacity: .75 !important
}

.cbh-phone.cbh-gray .cbh-ph-circle-fill {
  background-color: #75eb5080;
  opacity: 1 !important
}

.cbh-ph-img-circle1 {
  width: 50px;
  height: 50px;
  top: 70px;
  left: 70px;
  position: absolute;
  background-size: 40px 40px;
  background-color: #1e1e1e1a;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
  -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  animation: cbh-circle-img-anim 1s infinite ease-in-out
}

.cbh-phone.cbh-active .cbh-ph-img-circle1 {
  -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -o-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  animation: cbh-circle-img-anim 1s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-img-circle1 {
  -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -o-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  animation: cbh-circle-img-anim 0s infinite ease-in-out !important
}

.cbh-phone.cbh-hover .cbh-ph-img-circle1 {
  background-color: #00aff2ff
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1 {
  background-color: #cccf
}

.cbh-phone.cbh-gray .cbh-ph-img-circle1 {
  background-color: #75eb50ff
}

@-moz-keyframes cbh-circle-anim {
  0% {
    -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
    opacity: .1;
    -moz-opacity: .1;
    -webkit-opacity: .1;
    -o-opacity: .1
  }

  30% {
    -moz-transform: rotate(0deg) scale(.7) skew(1deg);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
    -o-opacity: .5
  }

  100% {
    -moz-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -o-opacity: .1
  }
}

@-webkit-keyframes cbh-circle-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
    -webkit-opacity: .1
  }

  30% {
    -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
    -webkit-opacity: .5
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    -webkit-opacity: .1
  }
}

@-o-keyframes cbh-circle-anim {
  0% {
    -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
    -o-opacity: .1
  }

  30% {
    -o-transform: rotate(0deg) scale(.7) skew(1deg);
    -o-opacity: .5
  }

  100% {
    -o-transform: rotate(0deg) scale(1) skew(1deg);
    -o-opacity: .1
  }
}

@keyframes cbh-circle-anim {
  0% {
    transform: rotate(0deg) scale(0.5) skew(1deg);
    opacity: .1
  }

  30% {
    transform: rotate(0deg) scale(.7) skew(1deg);
    opacity: .5
  }

  100% {
    transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .1
  }
}

@-moz-keyframes cbh-circle-fill-anim {
  0% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@-webkit-keyframes cbh-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@-o-keyframes cbh-circle-fill-anim {
  0% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    -o-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@keyframes cbh-circle-fill-anim {
  0% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@keyframes cbh-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%,
  50% {
    transform: rotate(0deg) scale(1) skew(1deg)
  }
}

@-moz-keyframes cbh-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%,
  50% {
    -moz-transform: rotate(0deg) scale(1) skew(1deg)
  }
}

@-webkit-keyframes cbh-circle-img-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%,
  50% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg)
  }
}

@-o-keyframes cbh-circle-img-anim {
  0% {
    -o-transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -o-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%,
  50% {
    -o-transform: rotate(0deg) scale(1) skew(1deg)
  }
}

.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: #00f2a4
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: #00f2a4
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: #2ecb71
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 i,
.cbh-phone.cbh-green .cbh-ph-img-circle1 svg {
  color: #fff;
  margin: 0;
  position: relative;
  left: 13px;
  top: 10px;
  font-size: 24px
}

.bg-header {
  font-size: 13.9px;
  color: #fff;
  color: #0037A9;
  margin: 2px 0;
  padding: 5px 7px;
  border: 1px dashed #0037A9;
  background: #DFFAFF;
  font-family: Calibri
}

.mt-2 h1 {
  margin-top: 12px !important
}

.color-blue1 strong {
  color: #ce004f;
  font-size: 14px
}

.fa-brands.fa-twitter {
  font-family: sans-serif
}

.fa-brands.fa-twitter::before {
  content: "𝕏";
  font-size: 1.2em
}

.fa.fa-twitter {
  font-family: sans-serif
}

.fa.fa-twitter::before {
  content: "𝕏";
  font-size: 1.2em
}

.newhome21 p a {
  color: #0037a9;
  display: inherit;
  border-bottom: none;
  line-height: 27px;
  box-shadow: none;
  font-size: 14.4px !important;
  position: inherit;
  padding: 0;
  margin: 0;
  background: none !important;
  text-decoration: none;
  overflow: hidden;
  float: none;
  width: auto;
  margin-left: 0
}

.newhome21 p a:hover {
  display: inherit;
  border-bottom: none;
  line-height: 27px;
  box-shadow: none;
  font-size: 14.4px !important;
  position: inherit;
  padding: 0;
  margin: 0;
  background: none !important;
  text-decoration: underline;
  overflow: hidden
}

.newhome21 {
  border: 2px solid #a4d7ff;
  margin: 10px;
  padding: 9px 11px 21px 9px;
  border-radius: 15px;
  overflow: hidden;
}

.newhome21 p {
  padding: 4px 1px
}

.modal-title {
  background: #0037A9;
  padding: 10px;
  color: #fff
}

.button1 {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 13px;
  padding: 0 18px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 2.5s infinite;
  -moz-animation: glowing 2.5s infinite;
  -o-animation: glowing 2.5s infinite;
  animation: glowing 2.5s infinite;
  margin: 5px 8px 4px 18px;
  font-weight: 700
}

@-webkit-keyframes glowing {
  0% {
    background-color: #0073c0;
    -webkit-box-shadow: 0 0 3px #0073c0
  }

  50% {
    background-color: #001385;
    -webkit-box-shadow: 0 0 10px #001385
  }

  100% {
    background-color: #0073c0;
    -webkit-box-shadow: 0 0 3px #0073c0
  }
}

@-moz-keyframes glowing {
  0% {
    background-color: #0073c0;
    -moz-box-shadow: 0 0 3px #0073c0
  }

  50% {
    background-color: #001385;
    -moz-box-shadow: 0 0 10px #001385
  }

  100% {
    background-color: #0073c0;
    -moz-box-shadow: 0 0 3px #0073c0
  }
}

@-o-keyframes glowing {
  0% {
    background-color: #0073c0;
    box-shadow: 0 0 3px #0073c0
  }

  50% {
    background-color: #001385;
    box-shadow: 0 0 10px #001385
  }

  100% {
    background-color: #0073c0;
    box-shadow: 0 0 3px #0073c0
  }
}

@keyframes glowing {
  0% {
    background-color: #0073c0;
    box-shadow: 0 0 3px #0073c0
  }

  50% {
    background-color: #001385;
    box-shadow: 0 0 10px #001385
  }

  100% {
    background-color: #0073c0;
    box-shadow: 0 0 3px #0073c0
  }
}

.newhome21 .button1 a {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  border-bottom: 1px solid #A5E2FF;
  line-height: 27px;
  font-size: 14.4px !important;
  position: relative;
  padding: 0;
  background: none;
  border-bottom: 0;
  text-decoration: none;
  box-shadow: none;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-left: 0
}

.newhome21 .button1 a:hover {
  color: #f9ff5e !important;
  text-decoration: none
}

.card {
  position: relative;
  overflow: hidden
}

/*.card p{margin-bottom:25px}*/
.card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 10px;
  z-index: -1
}

.card:hover::before {
  opacity: .5
}

.arrow {
  background: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  bottom: 2px;
  color: #0037a9;
  right: 20px;
  position: absolute;
  text-align: center;
  z-index: 99;
  left: auto;
  transition: transform .3s;
  border: none
}

.collapse-content {
  max-height: 0;
  overflow: hidden
}

.card.expanded .collapse-content {
  max-height: 5000px !important;
  opacity: 1
}


.important-data {
  border-radius: 0px;
}


.blink3 {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
  font-weight: 700;
  font-size: 14.9px;
  padding: 4px;
  border-radius: 15px;
  color: red;
}

@keyframes blink-animation {
  to {
    visibility: hidden
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden
  }
}


.bg1234 {
  background: linear-gradient(to bottom, #fff 0, #cceeffde 100%);
  border: 2px solid #73AAFF;
  padding: 15px 25px;
  margin: 15px;
  color: #DB258A;
  line-height: 28px;
  font-size: 16px;
  margin: 11px;
}

.bg1234 a:hover {
  color: #00008b !important;
  text-align: justify;
}


.btn.book-now {
  border-radius: 10px 10px 0 0;
  color: #fff !important;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  position: fixed;
  right: -7px;
  text-align: center;
  text-decoration: none;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
  z-index: 9999;
  font-size: 17px;
  background: linear-gradient(to right, #00ca3c 0, #00236c 100%);
  font-family: arial;
  top: 4%;
}

.btn.book-now1 {
  border-radius: 10px 10px 0 0;
  color: #fff !important;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  position: fixed;
  right: -7px;
  text-align: center;
  text-decoration: none;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
  z-index: 9999;
  font-size: 15px;
  background: linear-gradient(to right, #00ca3c 0, #00236c 100%);
  font-family: arial;
  top: 58%
}

.bg1234 .black b:first-child,
.bg1234 .black b:first-child+b {
  color: #000;
  line-height: 28px;
  font-size: 16px;
}

.product-name124 {
  /*	margin-bottom: 20px;
   color: #db258a; */
  color: #CE004F;
  font-size: 25px;
  background: none !important;
  /* padding: 0px 20px; */
  text-align: center;
  font-weight: bold;
  /*text-decoration: underline double;*/
  line-height: 30px;
  font-family: "Roboto Condensed", sans-serif;
}

.product-name233 {
  font-size: 20px;
  margin-bottom: 5px !important;
  color: #0037A9 !important;
  font-family: Calibri !important;
  font-size: 24px !important;
  line-height: 31px;
  background: none !important;
  padding-left: 6px;
  border-left: 4px solid #DB258A;
  padding-top: 5px;
  padding-bottom: 5px;
}


.sidebar-title {
  /* color: #DB258A !important; */
  color: #B54081 !important;
  background: #FFF1F8 !important;
  padding: 11px;
  font-size: 19px;
}

ol li::marker {
  color: #db258a;
}



.heading1 a {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #ffb3d3 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #A5E2FF 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0, #ffb3d3 100%);
  color: #000;
  font-family: Calibri;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #0061c0;
  margin-top: 6px;
}

html *,
html :after,
html :before {
  box-sizing: border-box;
  transition: .5s ease-in-out
}

:after,
:before {
  z-index: -1
}

[class^=btn-] {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 4px
}

.btn-21 {
  color: #000
}

.btn-21:after,
.btn-21:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.btn-21:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #c11481;
  transform: translateX(-100%)
}

.btn-21:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #c11481;
  transform: translateX(100%)
}

.btn-21:hover:before {
  transform: translateX(-49%)
}

.btn-21:hover:after {
  transform: translateX(49%)
}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px
  }

  100% {
    left: 50%;
    width: 375px;
    height: 375px
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px
  }

  100% {
    left: 50%;
    width: 375px;
    height: 375px
  }
}

@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px
  }

  100% {
    right: 50%;
    width: 375px;
    height: 375px
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px
  }

  100% {
    right: 50%;
    width: 375px;
    height: 375px
  }
}

.btn-11 {
  position: relative;
  color: #00008b;
  border: 1px solid #ff7100
}

.btn-11:after,
.btn-11:before {
  position: absolute;
  top: 50%;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #9cdfff;
  border-radius: 50%
}

.btn-11:before {
  left: -20px;
  transform: translate(-50%, -50%)
}

.btn-11:after {
  right: -20px;
  transform: translate(50%, -50%)
}

.btn-11:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: none
}

.btn-11:hover:before {
  -webkit-animation: criss-cross-left .8s both;
  animation: criss-cross-left .8s both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

.btn-11:hover:after {
  -webkit-animation: criss-cross-right .8s both;
  animation: criss-cross-right .8s both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

.one {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: auto;
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  height: 100%;
  padding: 8px 17px;
  color: #fff;
  border-radius: 0;
  margin: 13px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 6px 1px #61cdff;
  text-shadow: 1px 2px #235c7d;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


.pay_text label {
  font-size: 15px;
  margin-top: 0px;
}

.product-name231 {
  font-size: 28px;
  line-height: 31px;
  color: #B54081;
  text-decoration: underline;
  border-left: 0px;
  font-family: "Roboto Condensed", sans-serif !important;
  margin-bottom: 17px;
}

.card p {
  margin: 0 0 29px;
}



.prod li {
  list-style: none;
  position: relative;
  line-height: 30px;
}

.prod li::before {
  content: "☞ ";
  /* or any Unicode symbol */
  color: #0037A9;
  font-size: 28px;
  position: absolute;
  left: -34px;
  top: 0px;
}

.product-content {
  margin-top: 15px;
}

.prod strong {
  color: #0037A9;
}

.product-content strong,
.prod b {
  color: #ce004f
}

.colr-blue1 {
  color: #000;
  text-align: center;
  font-size: medium;
}

.colr-blue1 strong {
  color: #ce004f;
}





@media (max-width: 991px) {

  .product-name124 {
    margin-bottom: 20px;
    color: #CE004F;
    font-size: 20px !important;
    background: none !important;
    padding: 0px 20px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
  }

  .product-name1241 {
    margin-bottom: 20px;
    color: #FFF;
    font-size: 20px !important;
    background: none !important;
    padding: 7px 20px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    border-radius: 15px;
    background: linear-gradient(135deg, #ce004f 0%, #9b2361 100%) !important;
    border: 1px solid #fff;
    box-shadow: 6px 6px 5px #c1c1c1;
  }
}


@media (max-width:400px) {

  .product-name124 {
    margin-bottom: 20px;
    color: #CE004F;
    font-size: 20px !important;
    background: none !important;
    padding: 0px 20px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
  }

  .product-name1241 {
    margin-bottom: 20px;
    color: #FFF;
    font-size: 20px !important;
    background: none !important;
    padding: 7px 20px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    border-radius: 15px;
    background: linear-gradient(135deg, #ce004f 0%, #9b2361 100%) !important;
    border: 1px solid #fff;
    box-shadow: 6px 6px 5px #c1c1c1;
  }
}

.arrow1 {
  padding: 4px;
  color: #b30000;
}

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}

.megamenu .container {
  position: relative;
}

.megamenu .dropdown-menu {
  left: auto;
}

.megamenu .megamenu-content {
  padding: 10px 20px;
}

.megamenu .megamenu-content h3 {
  margin-top: 0;
  color: #428bca;
  font-size: 18px;
}

.megamenu .megamenu-content a {
  margin-top: 0;
  color: #428bca;
  text-shadow: 0px 0px 0px #000000 !important;
  font-size: 15px;
  padding: 5px 5px !important;
  border-left: 5px solid #0031a5;
  border-bottom: 0;
  margin-bottom: 2px;
}

.dropdown-menu li a {
  background: #b3e7ff !important;
  color: #000 !important;
}

.dropdown-menu li a:hover {
  background: #0076DE !important;
  color: hsl(0, 0%, 100%) !important;
  padding-left: 10px !important;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .dropdown-menu .col-sm-4 {
    padding: 0;
    padding-right: 5px;
  }
}

.dropdown-menu .col-xs-2 {
  padding: 0px
}

.city .col-sm-2 {
  padding: 0px 2px
}

.animate-charcter1 {
  background-image: linear-gradient(-225deg,
      #fdfcfd 0%,
      #afefff 29%,
      #ffe65c 67%,
      #ffc088 100%);

  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 0.5s linear infinite;
  font-weight: bold;
  background-color: transparent;
}

.animate-charcter1:hover {
  background-image: linear-gradient(-225deg,
      #000000 0%,
      #0f0f0f 29%,
      #080808 67%,
      #080808 100%);
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }