@font-face {

  /* NeoSans regular */

  font-family: nes;

  font-style: normal;

  font-weight: normal;

  src: url(fonts/NeoSans-regular.woff) format('woff');

}



@font-face {

  /* NeoSans Bold */

  font-family: nesb;

  font-style: normal;

  font-weight: normal;

  src: url(fonts/NeoSans-bold.woff) format('woff');

}



* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



::-moz-selection {

  background: #313131;

  color: #fff;

  text-shadow: 0px 1px 0px #000;

}



::selection {

  background: #313131;

  color: #fff;

  text-shadow: 0px 1px 0px #000;

}



body {

  margin: 0px;

  font: normal 17px/28px nes;

  color: #686868;

  position: relative;

}



.page-header.navbar .top-menu {

  float: right;

  clear: none;

}



h1, h2, h3, h4, h5, h6, p, b, strong {

  margin: 0;

  font-weight: normal;

}



h1, h2, h3, h4, h5, h6, b, strong {

  font-family: nesb;

}



a {

  text-decoration: none;

  color: #6e6e6e;

  outline: 0

}



a:hover {

  color: #7f7f7f;

  text-decoration: none !important;

}



a, a:active {

  outline: none;

  text-decoration: none !important;

}



a img, img {

  border: 0px;

}



ul, li {

  margin: 0px;

  padding: 0px;

  list-style-type: none;

}



.clfx:after, .cntr:after {

  display: block;

  height: 0;

  clear: both;

  content: '';

  width: 100%;

}



.clear {

  clear: both;

  height: 0px;

  display: block;

}





/* Slider */



.slick-slider {

  position: relative;

  display: block;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}



.slick-list:focus {

  outline: none;

}



.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track, .slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}



.slick-track:before, .slick-track:after {

  display: table;

  content: '';

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}



[dir='rtl'] .slick-slide {

  float: right;

}



.slick-slide img {

  display: block;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}



.overly_ {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  z-index: 2;

  display: none;

}



.tooltipster-default {

  border-radius: 3px;

  background: #333;

  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);

  color: #fff;

}



.tooltipster-default .tooltipster-content {

  font-size: 16px;

  line-height: 16px;

  padding: 8px 15px;

}



.tooltipster-base {

  padding: 0;

  font-size: 0;

  line-height: 0;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9999999;

  pointer-events: none;

  width: auto;

  overflow: visible;

}



.tooltipster-base .tooltipster-content {

  overflow: hidden;

}



.tooltipster-arrow {

  display: block;

  text-align: center;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}



.tooltipster-arrow span, .tooltipster-arrow-border {

  display: block;

  width: 0;

  height: 0;

  position: absolute;

}



.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {

  border-left: 8px solid transparent !important;

  border-right: 8px solid transparent !important;

  border-top: 8px solid;

  bottom: -7px;

}



.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {

  border-left: 9px solid transparent !important;

  border-right: 9px solid transparent !important;

  border-top: 9px solid;

  bottom: -7px;

}



.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {

  border-left: 8px solid transparent !important;

  border-right: 8px solid transparent !important;

  border-bottom: 8px solid;

  top: -7px;

}



.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {

  border-left: 9px solid transparent !important;

  border-right: 9px solid transparent !important;

  border-bottom: 9px solid;

  top: -7px;

}



.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {

  left: 0;

  right: 0;

  margin: 0 auto;

}



.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {

  left: 6px;

}



.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {

  left: 5px;

}



.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {

  right: 6px;

}



.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {

  right: 5px;

}



.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {

  border-top: 8px solid transparent !important;

  border-bottom: 8px solid transparent !important;

  border-left: 8px solid;

  top: 50%;

  margin-top: -7px;

  right: -7px;

}



.tooltipster-arrow-left .tooltipster-arrow-border {

  border-top: 9px solid transparent !important;

  border-bottom: 9px solid transparent !important;

  border-left: 9px solid;

  margin-top: -8px;

}



.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {

  border-top: 8px solid transparent !important;

  border-bottom: 8px solid transparent !important;

  border-right: 8px solid;

  top: 50%;

  margin-top: -7px;

  left: -7px;

}



.tooltipster-arrow-right .tooltipster-arrow-border {

  border-top: 9px solid transparent !important;

  border-bottom: 9px solid transparent !important;

  border-right: 9px solid;

  margin-top: -8px;

}



.tooltipster-fade {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  -ms-transition-property: opacity;

  transition-property: opacity;

}



.tooltipster-fade-show {

  opacity: 1;

}



.tooltipster-grow {

  -webkit-transform: scale(0, 0);

  -moz-transform: scale(0, 0);

  -o-transform: scale(0, 0);

  -ms-transform: scale(0, 0);

  transform: scale(0, 0);

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  -ms-transition-property: -ms-transform;

  transition-property: transform;

  -webkit-backface-visibility: hidden;

}



.tooltipster-grow-show {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

}



.tooltipster-swing {

  opacity: 0;

  -webkit-transform: rotateZ(4deg);

  -moz-transform: rotateZ(4deg);

  -o-transform: rotateZ(4deg);

  -ms-transform: rotateZ(4deg);

  transform: rotateZ(4deg);

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  -ms-transition-property: -ms-transform;

  transition-property: transform;

}



.tooltipster-swing-show {

  opacity: 1;

  -webkit-transform: rotateZ(0deg);

  -moz-transform: rotateZ(0deg);

  -o-transform: rotateZ(0deg);

  -ms-transform: rotateZ(0deg);

  transform: rotateZ(0deg);

  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);

  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);

  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);

  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);

  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);

  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);

}



.tooltipster-fall {

  top: 0;

  -webkit-transition-property: top;

  -moz-transition-property: top;

  -o-transition-property: top;

  -ms-transition-property: top;

  transition-property: top;

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

}



.tooltipster-fall-show {}



.tooltipster-fall.tooltipster-dying {

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  -ms-transition-property: all;

  transition-property: all;

  top: 0px !important;

  opacity: 0;

}



.tooltipster-slide {

  left: -40px;

  -webkit-transition-property: left;

  -moz-transition-property: left;

  -o-transition-property: left;

  -ms-transition-property: left;

  transition-property: left;

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);

}



.tooltipster-slide.tooltipster-slide-show {}



.tooltipster-slide.tooltipster-dying {

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  -ms-transition-property: all;

  transition-property: all;

  left: 0px !important;

  opacity: 0;

}



.tooltipster-content-changing {

  opacity: 0.5;

  -webkit-transform: scale(1.1, 1.1);

  -moz-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

}



.social-title {

  background-color: #333;

}



.social-title .tooltipster-content {

  font-size: 13px !important;

}



.page-loader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background-color: #230432;

  direction: ltr;

}



.loader {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: auto;

  width: 175px;

  height: 100px;

  margin: -50px 0 0 -88px;

}



.loader i {

  display: block;

  background: #ccc;

  width: 7px;

  height: 10%;

  border-radius: 14px;

  margin-right: 5px;

  float: left;

  margin-top: 25%;

}



.loader i:last-child {

  margin-right: 0px;

}



.loader i:nth-child(1) {

  animation: load 2.5s 1.4s infinite linear;

}



.loader i:nth-child(2) {

  animation: load 2.5s 1.2s infinite linear;

}



.loader i:nth-child(3) {

  animation: load 2.5s 1s infinite linear;

}



.loader i:nth-child(4) {

  animation: load 2.5s 0.8s infinite linear;

}



.loader i:nth-child(5) {

  animation: load 2.5s 0.6s infinite linear;

}



.loader i:nth-child(6) {

  animation: load 2.5s 0.4s infinite linear;

}



.loader i:nth-child(7) {

  animation: load 2.5s 0.2s infinite linear;

}



.loader i:nth-child(8) {

  animation: load 2.5s 0s infinite linear;

}



.loader i:nth-child(9) {

  animation: load 2.5s 0.2s infinite linear;

}



.loader i:nth-child(10) {

  animation: load 2.5s 0.4s infinite linear;

}



.loader i:nth-child(11) {

  animation: load 2.5s 0.6s infinite linear;

}



.loader i:nth-child(12) {

  animation: load 2.5s 0.8s infinite linear;

}



.loader i:nth-child(13) {

  animation: load 2.5s 1s infinite linear;

}



.loader i:nth-child(14) {

  animation: load 2.5s 1.2s infinite linear;

}



.loader i:nth-child(15) {

  animation: load 2.5s 1.4s infinite linear;

}



@keyframes load {

  0% {

    background: #9521CD;

    margin-top: 25%;

    height: 10%;

  }

  50% {

    background: #701E97;

    height: 100%;

    margin-top: 0%;

  }

  100% {

    background: #9521CD;

    height: 10%;

    margin-top: 25%;

  }

}



.wrapp {

  overflow: hidden;

}



.cntr {

  margin: 0px auto;

  max-width: 1170px;

}



hr {

  border: 0;

  border-top: solid 1px #ddd;

  margin-bottom: 20px;

}



input[type=text], input[type=email], input[type=password], textarea, select {

  border-radius: 0px;

  border: 1px solid #ccc;

  padding: 10px;

  font-family: nes;

  font-size: 16px;

  font-weight: normal;

  /*line-height: 20px;*/

  color: #666

}



input[type=submit], input[type=reset], input[type=button], button {

  font-size: 16px;

  font-weight: normal;

  border-width: 0px;

  padding: 10px 19px;

  cursor: pointer;

  background-color: #592074;

  color: #FFF;

  font-family: nes;

}



input[type=submit]:hover, input[type=reset]:hover, button:hover, input[type=button]:hover {

  opacity: 0.7

}





/*---------------------------------------------------*/



header {

  background-color: #230432;

}



header .cntr {

  position: relative;

  height: 120px;

}



header .cntr:before {

  position: absolute;

  top: 0;

  height: 120px;

  content: '';

  display: block;

  width: 100%;

  left: 100%;

  background: #3c0356 url(img/img_11.png) 0 0 repeat-x;

}



.logo {

  position: relative;

  float: right;

  width: 290px;

  height: 120px;

  background: #3c0356 url(img/img_11.png) 0 0 repeat-x;

  margin-left: 130px;

}



.logo a {

  display: block;

  position: relative;

  z-index: 3;

  background: transparent url(img/logo.png) center center no-repeat;

  height: 100%;

}



.logo:after {

  position: absolute;

  content: '';

  display: block;

  top: 0;

  left: -72px;

  bottom: 0;

  width: 72px;

  background: transparent url(img/img_12.png) 0 0 no-repeat;

}



.hd-menu {

  float: right;

  margin-top: 40px;

}



.hd-menu ul, .hd-menu li {

  float: right;

}



.hd-menu li a {

  color: #fff;

  font-size: 17px;

  display: block;

  padding: 6px 12px;

  margin-left: 20px;

}



.hd-menu li a:hover {

  color: #fff;

  background-color: #F9DA2C;

  border-radius: 4px;

}





/*---------------------------------------------------*/



.block-1 {

  background: #25122E url(img/img_03.png) 0 0 no-repeat;

  color: #fff;

  margin-bottom: 70px;

}



.block-1>div {

  background: transparent url(img/img_13.png) center bottom repeat-x;

  padding: 80px 0 140px;

  text-align: center;

}



.block-1>div h2 {

  font-size: 22px;

  margin-bottom: 20px;

}



.block-1>div p {

  max-width: 800px;

  margin: 0 auto 30px;

  font-size: 17px;

}



.servc li {

  float: right;

  width: 20%;

  margin-bottom: 20px;

}



.servc li>div {

  background-color: rgba(255, 255, 255, 0.3);

  padding: 7px;

  border-radius: 50%;

  height: 170px;

  width: 170px;

  margin: 0 auto;

  position: relative;

}



.servc li>div div {

  background-color: #fff;

  height: 100%;

  border-radius: 50%;

  padding-top: 22px;

}



.servc li i {

  display: block;

  margin: 0 auto 5px;

  background: transparent url(img/icon01.png) 0 0 no-repeat;

  height: 66px;

  width: 66px;

}



.servc li:nth-child(2) i {

  background-image: url(img/icon02.png);

}



.servc li:nth-child(3) i {

  background-image: url(img/icon03.png);

}



.servc li:nth-child(4) i {

  background-image: url(img/icon04.png);

}



.servc li:nth-child(5) i {

  background-image: url(img/icon05.png);

}



.servc li h3 {

  color: #555;

  font-size: 16px;

  margin: 0;

}



.link-over {

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 2;

}



.servc li:hover i {

  -webkit-animation: flip 0.6s both;

  animation: flip 0.6s both;

}





/*---------------------------------------------------*/



@keyframes mov1 {

  0% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-10px);

  }

  100% {

    transform: translateY(0);

  }

}



@keyframes mov2 {

  0% {

    transform: translateY(-10px);

  }

  50% {

    transform: translateY(0);

  }

  100% {

    transform: translateY(-10px);

  }

}



.servc li:nth-child(1)>div, .servc li:nth-child(3)>div, .servc li:nth-child(5)>div {

  animation: mov1 3s linear infinite;

  -moz-animation: mov1 3s linear infinite;

}



.servc li:nth-child(2)>div, .servc li:nth-child(4)>div {

  animation: mov2 3s linear infinite;

  -moz-animation: mov2 3s linear infinite;

}





/*---------------------------------------------------*/



.block-2 {

  margin-bottom: 50px !important;

}



.block-2 img {

  float: left;

  max-width: 40%;

}



.block-2:hover img {

  -webkit-animation: jello 0.8s both;

  animation: jello 0.8s both;

}



.block-2>div {

  margin-left: 42%;

}



.block-2 p {

  font-size: 19px;

  line-height: 30px;

  color: #222;

  margin-bottom: 40px;

}



.title01 {

  position: relative;

  font-size: 26px;

  color: #093b50;

  padding-bottom: 25px;

  margin-bottom: 30px;

}



.title01:before, .title01:after {

  position: absolute;

  display: block;

  content: '';

  height: 3px;

  border-radius: 3px;

  width: 30px;

  bottom: 0;

  right: 0;

  background-color: #5d2478;

}



.title01:after {

  right: 38px;

  width: 110px;

}



.butn {

  display: block;

  width: 170px;

  height: 54px;

  text-align: center;

  padding: 12px;

  line-height: 27px;

  border-radius: 30px;

  color: #fff;

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

  border: 2px solid transparent;

  margin-bottom: 10px;

}



.butn:hover {

  color: #fff;

  background: rgb(249, 218, 44);

  background-image: none !important;

  -moz-transition: all 0.4s ease-in-out !important;

  -webkit-transition: all 0.4s ease-in-out !important;

  -o-transition: all 0.4s ease-in-out !important;

  -ms-transition: all 0.4s ease-in-out !important;

  transition: all 0.4s ease-in-out !important;

}



.block-2 .butn+.butn {

  color: #666;

  background: transparent none;

  border-color: #bbb;

}



.block-2 .butn {

  float: right;

  margin-left: 25px;

}





/*---------------------------------------------------*/



.srvc-slider {

  margin-bottom: 70px;

}



.srv {

  margin: 0 10px;

  text-align: center;

  position: relative;

}



.srv span {

  display: block;

  border-radius: 5px;

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

  height: 150px;

  max-width: 150px;

  padding: 12px;

  margin: 0 auto 15px;

}



.slick-slide:hover .srv span {

  border-radius: 50%;

  webkit-animation: bounceIn 0.6s both;

  animation: bounceIn 0.6s both;

  background: rgb(247, 151, 52);

  background: -moz-linear-gradient(top, rgba(247, 151, 52, 1) 0%, rgba(238, 143, 46, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(247, 151, 52, 1) 0%, rgba(238, 143, 46, 1) 100%);

  background: linear-gradient(to bottom, rgba(247, 151, 52, 1) 0%, rgba(238, 143, 46, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79734', endColorstr='#ee8f2e', GradientType=0);

}



.srv span img {

  display: block;

  margin: auto;

  position: relative;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

}



.srv h3 {

  font-size: 17px;

}



.slick-slide:hover .srv h3 {

  color: #520c74;

}



.srvc-slider .slick-arrow, .logos-slider .slick-arrow {

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -25px;

  width: 50px;

  height: 50px;

  padding: 9px;

  font-size: 38px;

  background-color: transparent;

  color: #3d0558;

  z-index: 20;

}



.srvc-slider .slick-next, .logos-slider .slick-next {

  left: auto;

  right: 0;

}





/*---------------------------------------------------*/



.block-4 {

  margin-bottom: 60px;

}



.block-4 img {

  float: right;

  max-width: 35%;

}



.block-4:hover img {

  -webkit-animation: pulse 0.8s both;

  animation: pulse 0.8s both;

}



.block-4 div {

  margin-right: 37%;

}



.block-4 .butn {

  float: left;

}



.block-4 h2 {

  font-size: 24px;

  margin-bottom: 15px;

  color: #4e5a62;

  line-height: 33px;

}



.block-4 h2 .fa {

  color: #4e1669;

}



.block-4 p {

  line-height: 28px;

  font-size: 17px;

  text-align: justify;

  margin-bottom: 25px;

}





/*---------------------------------------------------*/



.block-5 {

  padding: 100px 0 70px;

  margin-bottom: 50px;

  background: #181614 url(img/img_04.png) no-repeat 0 0 / cover;

  color: #fff;

}



.block-5 h2 {

  margin-bottom: 50px;

  font-size: 48px;

  line-height: 50px;

  text-align: center;

}



.block-5 p {

  max-width: 600px;

  margin: 0 auto 60px;

  font-size: 17px;

  text-align: center;

}



.block-5 li {

  float: right;

  width: 30%;

}



.block-5 li:nth-child(4) {

  width: 10%;

}



.block-5 li i {

  display: block;

  width: 100px;

  height: 100px;

  border: 2px solid #f9da2c;

  border-radius: 50%;

  margin-bottom: 30px;

  background: transparent url(img/icon11.png) center center no-repeat;

  -webkit-animation: zoomOut 0.5s both;

  animation: zoomOut 0.5s both;

}



.block-5 li:nth-child(2) i {

  background-image: url(img/icon12.png);

}



.block-5 li:nth-child(3) i {

  background-image: url(img/icon13.png);

}



.block-5 li:nth-child(4) i {

  background-image: url(img/icon14.png);

}



.block-5 li h5 {

  font-size: 21px;

  -webkit-animation: fadeOut 0.5s both;

  animation: fadeOut 0.5s both;

}



.block-5 li:nth-child(2), .block-5 li:nth-child(4) {

  padding-top: 30px;

}



.block-5 li:nth-child(2) h5, .block-5 li:nth-child(4) h5 {

  margin-bottom: 30px;

}



.block-5 li div {

  float: right;

}



.block-5 li div+div {

  float: none;

  margin-right: 100px;

  position: relative;

  height: 190px;

}



.block-5 li u, .block-5 li b, .block-5 li em {

  position: absolute;

  display: block;

  background-color: #f9da2c;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.block-5 li:last-child u, .block-5 li:last-child b, .block-5 li:last-child em {

  display: none;

}



.block-5 li u, .block-5 li b {

  width: 0;

  top: 50px;

  right: 0;

  height: 2px;

}



.block-5 li b {

  top: 138px;

  right: 50%;

}



.block-5 li:nth-child(2) b {

  top: -38px;

}



.block-5 li em {

  width: 2px;

  height: 0;

  right: 50%;

  top: 50px;

}



.block-5 li:nth-child(2) em {

  top: auto;

  bottom: 138px;

}





/*---------------------------------------------------*/



@keyframes wdth {

  100% {

    width: 50%;

  }

}



@keyframes heght {

  100% {

    height: 90px;

  }

}



.block-5 .visible li:nth-child(1) i {

  -webkit-animation: bounceIn 0.5s both;

  animation: bounceIn 0.5s both;

}



.block-5 .visible li:nth-child(1) h5 {

  -webkit-animation: fadeInRight 0.4s both 0.4s;

  animation: fadeInRight 0.4s both 0.4s;

}



.block-5 .visible li:nth-child(1) u {

  -webkit-animation: wdth 0.5s both 0.7s;

  animation: wdth 0.5s both 0.7s;

}



.block-5 .visible li:nth-child(1) em {

  -webkit-animation: heght 0.4s both 1.1s;

  animation: heght 0.4s both 1.1s;

}



.block-5 .visible li:nth-child(1) b {

  -webkit-animation: wdth 0.5s both 1.6s;

  animation: wdth 0.5s both 1.6s;

}



.block-5 .visible li:nth-child(2) i {

  -webkit-animation: rollIn 0.4s both 2s;

  animation: rollIn 0.4s both 2s;

}



.block-5 .visible li:nth-child(2) h5 {

  -webkit-animation: fadeInDown 0.3s both 2.3s;

  animation: fadeInDown 0.3s both 2.3s;

}



.block-5 .visible li:nth-child(2) u {

  -webkit-animation: wdth 0.5s both 2.8s;

  animation: wdth 0.5s both 2.8s;

}



.block-5 .visible li:nth-child(2) em {

  -webkit-animation: heght 0.5s both 3.3s;

  animation: heght 0.5s both 3.3s;

}



.block-5 .visible li:nth-child(2) b {

  -webkit-animation: wdth 0.5s both 3.8s;

  animation: wdth 0.5s both 3.8s;

}



.block-5 .visible li:nth-child(3) i {

  -webkit-animation: rollIn 0.4s both 4.2s;

  animation: rollIn 0.4s both 4.2s;

}



.block-5 .visible li:nth-child(3) h5 {

  -webkit-animation: fadeInUp 0.4s both 4.6s;

  animation: fadeInUp 0.4s both 4.6s;

}



.block-5 .visible li:nth-child(3) u {

  -webkit-animation: wdth 0.4s both 5s;

  animation: wdth 0.4s both 5s;

}



.block-5 .visible li:nth-child(3) em {

  -webkit-animation: heght 0.5s both 5.5s;

  animation: heght 0.5s both 5.5s;

}



.block-5 .visible li:nth-child(3) b {

  -webkit-animation: wdth 0.5s both 6s;

  animation: wdth 0.5s both 6s;

}



.block-5 .visible li:nth-child(4) i {

  -webkit-animation: rollIn 0.5s both 6.5s;

  animation: rollIn 0.5s both 6.5s;

}



.block-5 .visible li:nth-child(4) h5 {

  -webkit-animation: fadeInLeft 0.7s both 6.6s;

  animation: fadeInLeft 0.7s both 6.6s;

}





/*---------------------------------------------------*/



.works-it {

  margin: 0 -12px;

}



.works-it li {

  float: right;

  width: 25%;

  padding: 0 12px;

  margin-bottom: 24px;

}







.works-it li>div {

  position: relative;

  height: 216px;

  overflow: hidden;

}



.works-it li>div img {

  width: 100%;

  min-height: 100%;

}



.works-it li .butn {

  width: 100%;

  height: 100%;

  border-radius: 0;

  padding-top: 70px;

  font-size: 26px;

}



.works-it li .butn i {

  display: block;

  margin: 0 auto 10px;

  font-size: 28px;

}



.detls {

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.6);

  color: #fff;

  padding: 9px;

  -webkit-animation: fadeOutDown 0.5s both;

  animation: fadeOutDown 0.5s both;

}



.detls span {

  display: block;

  font-size: 15px;

  line-height: 20px;

  text-align: left;

}



.works-it li:hover .detls {

  -webkit-animation: fadeInUp 0.5s both;

  animation: fadeInUp 0.5s both;

}



.works-it li:hover img {

  -webkit-transform: scale(1.5);

  -ms-transform: scale(1.5);

  transform: scale(1.5);

}



.works-it li .link-over:before {

  font-family: fontawesome;

  content: '\f0c1';

  display: block;

  color: #fff;

  position: relative;

  width: 44px;

  height: 44px;

  border-radius: 50%;

  background-color: rgba(0, 0, 0, 0.6);

  margin: 0 auto;

  top: 50%;

  margin-top: -22px;

  line-height: 44px;

  text-align: center;

  -webkit-animation: zoomOut 0.5s both;

  animation: zoomOut 0.5s both;

}



.works-it li:hover .link-over:before {

  -webkit-animation: zoomIn 0.5s both;

  animation: zoomIn 0.5s both;

}





/*---------------------------------------------------*/



.block-7 {

  padding: 40px 0;

  background: #541c70 url(img/img_03.png) no-repeat 0 0 / cover;

  position: relative;

  margin-bottom: 40px;

}



.block-7:before {

  position: absolute;

  left: 0;

  bottom: 0;

  display: block;

  content: '';

  background: transparent url(img/icon10.png) 0 0 no-repeat;

  height: 184px;

  width: 240px;

}



.block-7 .cntr {

  position: relative;

  z-index: 2;

}



.block-7 h3 {

  font-size: 21px;

  margin-bottom: 25px;

}



.block-7 p {

  font-size: 16px;

  margin-bottom: 20px;

}



.block-7 .cntr>div {

  float: right;

  width: 40%;

}



.block-7 .cntr>div+div {

  width: 57%;

  margin-right: 3%;

}



.block-7 .cntr .butn {

  background: transparent none;

  border-color: #fff;

  border-width: 1px;

  clear: both;

}



.block-7 h3, .block-7 p, .block-7 li {

  color: #fff;

}



.block-7 .cntr form span {

  display: block;

  float: right;

  width: 33.333333%;

  margin-bottom: 10px;

  padding-left: 10px;

}



.block-7 .cntr>div span input {

  display: block;

  width: 100%;

  border: 0;

}



.block-7 textarea {

  width: 100%;

  display: block;

  border: 0;

  margin-bottom: 15px;

  height: 126px;

}



.block-7 .cntr>div span:nth-child(3) {

  padding-left: 0;

}



.block-7 input[type=submit] {

  float: left;

  background-color: transparent;

  border: 1px solid #fff;

  border-radius: 30px;

  width: 170px;

  height: 54px;

}



.cont-info {

  margin-bottom: 20px;

}



.cont-info li {

  float: right;

  width: 50%;

  direction: ltr;

  margin-bottom: 6px;

  font-size: 15px;

  text-align: center;

}



.cont-info li .fa {

  color: #f9da2c;

  font-size: 21px;

}





/*---------------------------------------------------*/



.block-8 {

  margin-bottom: 30px;

}



.logo-wrap {

  height: 90px;

}



.logo-wrap img {

  max-width: 95%;

  max-height: 95%;

  margin: 0 auto;

  display: block;

  position: relative;

  top: 50%;

/*  -webkit-transform: translate(0, -50%);*/

/*  -ms-transform: translate(0, -50%);*/

/*  transform: translate(0, -50%);*/

}





/*---------------------------------------------------*/



footer {

  padding: 50px 0;

  background-color: #151314;

}



footer, footer a {

  color: #fff;

}



footer .cntr>div {

  float: right;

  width: 49%;

}



footer .cntr>div+div {

  float: left;

}



footer h3 {

  margin-bottom: 30px;

  color: #f9da2c;

  font-size: 23px;

}



.foot-links li {

  float: right;

  width: 33.333333%;

  padding-left: 12px;

  margin-bottom: 12px;

}



.foot-links li:hover {

  padding-right: 4px;

}



.foot-links li a {

  display: block;

  font-size: 15px;

}



.foot-logo {

  display: block;

  background: transparent url(img/logo.png) 0 0 no-repeat;

  display: block;

  height: 112px;

  width: 273px;

  margin-bottom: 22px;

}



.foot-logo+p {

  font-size: 15px;

  margin-bottom: 12px;

}



.social {

  text-align: center;

}



.social li {

  display: inline-block;

  margin: 0 2px;

}



.social a {

  display: block;

  width: 38px;

  height: 38px;

  text-align: center;

  border-radius: 50%;

  background-color: #555;

}



.social a:hover {

  color: #fff;

  opacity: 0.6 !important;

}



.social a i {

  line-height: 38px;

}



.social li:nth-child(1) a {

  background-color: #43619b;

}



.social li:nth-child(2) a {

  background-color: #2ea6de;

}



.social li:nth-child(3) a {

  background-color: #c72127;

}



.social li:nth-child(4) a {

  background-color: #ebcd17;

}



.foot-bar {

  padding: 16px 0;

  background-color: #0d0c0d;

  color: #474747;

  text-align: center;

  font-size: 15px;

}



.foot-bar a {

  color: #7b7b7b;

}





/*---------------------------------------------------*/



.page-nav {

  padding: 20px 0;

  margin-bottom: 50px;

  background-color: #3c0457;

  color: #fff;

}



.page-nav h1 {

  font-size: 21px;

  margin: 0;

}



.page-nav a {

  color: #fff;

}



.page-nav .fa {

  margin-left: 7px;

}





/*---------------------------------------------------*/



.about-page {

  padding-right: 410px;

  background: transparent url(img/img_15.png) right 0 no-repeat;

}



.about-page p {

  position: relative;

  padding-right: 20px;

  margin-bottom: 40px;

  font-size: 16px;

  color: #888;

}



.about-page p .fa {

  position: absolute;

  top: 5px;

  right: 0;

  color: #f9da2c;

}





/*---------------------------------------------------*/



.contact-in {

  margin-bottom: 40px;

}



.contact-title {

  font-size: 24px;

  padding-bottom: 20px;

  margin-bottom: 30px;

  position: relative;

  text-align: center;

}



.contact-title:before, .contact-title:after {

  width: 200px;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -100px;

  height: 2px;

  display: block;

  content: '';

  background-color: #e3e3e3;

}



.contact-title:after {

  width: 100px;

  background-color: #4b1366;

}



.contact-in li {

  margin-bottom: 20px;

  float: right;

  width: 33.333333%;

  padding: 0 10px;

  text-align: center;

}



.contact-in li .fa {

  margin: 0 auto 15px;

  display: block;

  color: #4b1366;

  font-size: 60px;

}



.contact-in li .fa-mobile {

  font-size: 72px;

}



.contact-in li h5 {

  font-family: nes;

  font-size: 17px;

  opacity: 0.7;

  margin-bottom: 5px;

}



.contact-in li p {

  color: #333;

  font-size: 16px;

}



.share-count {

  text-align: center;

  margin-bottom: 50px;

}



.share-count li {

  display: inline-block;

  margin: 0 8px;

}



.share-count li a {

  display: block;

  margin: 0 auto;

  width: 160px;

  border-radius: 4px;

  height: 34px;

  background-color: #333;

  color: #fff;

  font-size: 15px;

  overflow: hidden;

}



.share-count li.google-btn a {

  background-color: #d0422a;

}



.share-count li.twitter-btn a {

  background-color: #00abf1;

}



.share-count li.facebook-btn a {

  background-color: #3b5998;

}



.share-count li a i {

  float: right;

  width: 40px;

  line-height: 34px;

}



.share-count li a u {

  float: left;

  text-decoration: none;

  line-height: 34px;

  padding: 0 6px;

  background-color: rgba(0, 0, 0, 0.4);

  min-width: 40px;

  font-size: 14px;

}



.share-count li a em {

  display: block;

  margin: 0 50px;

  font-style: normal;

}



.share-count li.google-btn a u {

  background-color: #bf280f;

}



.share-count li.twitter-btn a u {

  background-color: #0094d0;

}



.share-count li.facebook-btn a u {

  background-color: #223f7c;

}



.share-count li a:hover {

  color: #fff;

  opacity: 0.7;

}


/*
.contact-form span {

  display: block;

  float: right;

  width: 49%;

  margin-bottom: 14px;

}
*/


.contact-form span input, .contact-form span select, .contact-form textarea {

  display: block;

  width: 100%;

  border-radius: 5px;

}



.contact-form span.f-2, .contact-form span.f-4 {

  float: left;

}



.contact-form textarea {

  min-height: 230px;

  margin-bottom: 20px;

}



.contact-form input[type=submit] {

  border-radius: 6px;

  margin: 0 auto;

  display: block;

  width: 120px;

}





/*---------------------------------------------------*/



.news-list {

  margin: 0 -8px;

}



.news-list li {

  float: right;

  width: 25%;

  margin-bottom: 20px;

}



.news-list .art-in {

  border: 1px solid #ddd;

}



.news-list .a-thumb {

  margin: -1px -1px 0;

}



.news-list .art-txt {

  padding: 10px;

}



.news-list .art-txt .exp {

  height: 80px;

  overflow: hidden;

}



.news-list .n-meta {

  padding: 8px 8px 0;

  margin: 0 -10px 0;

  display: block;

  border-top: 1px solid #ddd;

  font-size: 13px;

}



.news-list .n-meta:after {

  clear: both;

  content: '';

  display: block;

}



.news-list .n-meta a {

  float: left;

  color: #4b1366;

}



.news-list .n-meta span {

  margin-left: 5px;

}



.news-list .art-txt h3 {

  font-size: 16px;

  text-align: center;

}



.article-block {

  margin: 0 0 70px;

}



.article-thumbnl {

  margin: 0 -15px;

}



.art-in {

  margin: 0 8px;

}



.a-thumb {

  position: relative;

  height: 210px;

  overflow: hidden;

  margin-bottom: 14px;

}



.a-thumb i {

  position: absolute;

  display: block;

  top: 0;

  padding: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 4;

  opacity: 0;

  -webkit-animation: zoomOut 0.5s both;

  animation: zoomOut 0.5s both;

}



.a-thumb:hover i {

  opacity: 1;

  -webkit-animation: zoomIn 0.5s both;

  animation: zoomIn 0.5s both;

}



.a-thumb i:before {

  color: #333;

  width: 44px;

  height: 44px;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -20px 0 0 -20px;

  font-size: 21px;

  background-color: #fff;

  text-align: center;

  line-height: 44px;

}



.a-thumb img {

  width: 100%;

  height: 100%;

}



.a-thumb:hover img {

  transform: scale(1.1);

}



.art-date {

  display: block;

  position: absolute;

  left: 0;

  top: 12px;

  padding: 2px;

  text-align: center;

  min-width: 150px;

  color: #fff;

  background-color: #e63844;

  font-size: 15px;

  -webkit-animation: fadeInLeft 0.5s both;

  animation: fadeInLeft 0.5s both;

}



.a-thumb:hover .art-date {

  -webkit-animation: fadeOutLeft 0.5s both;

  animation: fadeOutLeft 0.5s both;

}



.art-txt h3 {

  margin-bottom: 4px;

  font-family: nes;

  font-size: 21px;

}



.art-txt h3 a {

  color: #222;

}



.art-in:hover h3 a {

  color: #4b1366;

}



.art-txt p {

  font-size: 14px;

  line-height: 18px;

  color: #909090;

  margin-bottom: 14px;

  text-align: justify;

}



.product-in {

  margin: 0 10px;

}



.pagination {

  text-align: center;

}



.pagination li,.pagination a,.pagination span {

  display: inline-block;

  margin: 0 1px;

}



.pagination li a, .pagination li span,.pagination a,.pagination span {

  display: inline-block;

  min-width: 32px;

  height: 32px;

  line-height: 24px;

  padding: 5px;

  border-radius: 4px;

  color: #fff;

  background-color: #2c2b38;

  font-size: 14px;

}



.pagination li a:hover, .pagination li .current, .pagination li span,.pagination span,.pagination a:hover {

  background-color: #e9cb24;

}





/*---------------------------------------------------*/



.hosting-page .sec-plan {

  background-color: #fafafa;

  padding-top: 70px;

}



.plan-it .plan-in, .hosting-page .plan-it:hover li:nth-child(2) .plan-in {

  background-color: #ffffff;

}



.ac-block a.hd- {

  display: block;

  padding: 10px 20px;

  color: #fff;

  margin-bottom: 4px;

  font-family: nesb;

  font-size: 16px;

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

}



.ac-block a.hd-:after {

  clear: both;

  display: block;

  content: '';

}



.ac-block a.hd- .fa {

  float: left;

  margin-top: 6px;

}



.ac-block li.current a {

  background-image: none;

  background-color: #230432;

  color: #fff;

}



.a-block-in {

  display: none;

  font-size: 16px;

}



.a-block-in p {

  margin-bottom: 15px;

}



.sec-host3 .cntr>p, .sec-host1 .cntr>p, .sec-host-wy .cntr>p, .sec-host2 .cntr>p {

  max-width: 700px;

  margin: 0 auto 30px;

  text-align: center;

  font-size: 15px;

}





/*---------------------------------------------------*/



.plan-it {

  margin-bottom: 30px;

}



.plan-it li {

  float: right;

  width: 33.333333%;

  padding: 50px 0;

}



.plan-it .plan-in {

  background-color: #f8f8f8;

  border-radius: 5px;

  padding: 90px 55px 20px;

  height: 444px;

  position: relative;

  text-align: center;

}



.plan-it li:first-child .plan-in {

  border-radius: 0 5px 5px 0;

}



.plan-it li:last-child .plan-in {

  border-radius: 5px 0 0 5px;

}



.plan-in .icon {

  background: #592074 url(img/icon15.png) center center no-repeat;

  display: block;

  position: absolute;

  width: 100px;

  height: 100px;

  left: 50%;

  top: 0;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



li:nth-child(2) .plan-in .icon {

  background: #f7f7f7 url(img/icon16.png) center center no-repeat;

}



.plan-it:hover li:nth-child(2) .plan-in .icon {

  background-color: #592074

}



.plan-it:hover li:nth-child(2):hover .plan-in .icon {

  background-color: #f7f7f7

}



li:nth-child(3) .plan-in .icon {

  background-image: url(img/icon17.png);

}



.plan-in em {

  display: block;

  font-style: normal;

  margin-bottom: 25px;

}



.plan-in h6 {

  margin-bottom: 20px;

  color: #dab900;

  font-size: 32px;

}



.plan-in b {

  font-weight: normal;

  color: #dab900;

  font-size: 18px;

  display: block;

  margin-bottom: 15px;

}



.plan-in b u {

  text-decoration: none;

  color: #444;

}



.plan-in p {

  font-size: 16px;

  margin-bottom: 14px;

  line-height: 22px;

  opacity: 0.8;

}



.plan-in .butn1 {

  border-bottom: 6px solid #e68d0e;

}



.plan-it li:nth-child(2) .plan-in, .plan-it li:hover .plan-in, .plan-it:hover li:nth-child(2):hover .plan-in {

  background: #230432 url(img/img_16.png) 0 0 no-repeat;

  -webkit-transform: scale(1.16);

  -ms-transform: scale(1.16);

  transform: scale(1.16);

  z-index: 2;

  color: #fff;

  border-radius: 5px;

}



.plan-it li:nth-child(2) .plan-in b u, .plan-it li:hover .plan-in b u, .plan-it:hover li:nth-child(2):hover .plan-in b u {

  color: #fff;

}



.plan-it:hover li:nth-child(2) .plan-in b u {

  color: #444;

}



.plan-in .butn, .hosting-plan-t .butn {

  margin: auto;

  border: 0;

}



.plan-it li:nth-child(2) .plan-in .butn, .plan-it li:hover .plan-in .butn {

  background: #eece18 none;

}



.sec-title {

  text-align: center;

}



.sec-title h2 {

  font-size: 16px;

  padding: 15px;

  padding-right: 40px;

  line-height: 30px;

  position: relative;

  display: inline-block;

  height: 60px;

  min-width: 200px;

  margin: 0 auto 30px;

  color: #fff;

  background: rgb(97, 7, 95);

  background: -moz-linear-gradient(left, rgba(97, 7, 95, 1) 0%, rgba(67, 1, 66, 1) 100%);

  background: -webkit-linear-gradient(left, rgba(97, 7, 95, 1) 0%, rgba(67, 1, 66, 1) 100%);

  background: linear-gradient(to right, rgba(97, 7, 95, 1) 0%, rgba(67, 1, 66, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61075f', endColorstr='#430142', GradientType=1);

}



.sec-title h2:after, .sec-title h2 u:before, .sec-title h2 u:after {

  display: block;

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 30px 30px 30px 0;

  border-color: transparent #61075f transparent transparent;

  position: absolute;

  left: -30px;

  top: 0;

}



.sec-title h2 u {

  display: block;

  height: 60px;

  width: 60px;

  position: absolute;

  right: -30px;

  top: 0;

  padding-top: 16px;

}



.sec-title h2 u:before {

  border-right-color: #ffca4f;

  left: 0;

}



.sec-title h2 u:after {

  left: 30px;

  border-width: 30px 0 30px 30px;

  border-color: transparent transparent transparent #ffca4f;

}



.sec-title h2 u i {

  display: block;

  margin: auto;

  background: transparent url(img/img_19.png) 0 0 no-repeat;

  width: 27px;

  height: 27px;

  position: relative;

  z-index: 2;

}





/*--------------*/



.plan-it:hover li:nth-child(2) .plan-in {

  background-color: #f8f8f8;

  background-image: none;

  border-radius: 0;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  color: inherit;

}



.plan-it li:hover .plan-in {

  z-index: 3;

}



.sec-host3 {

  background-color: #fafafa;

  padding: 40px 0;

}



.hosting-plan-t {

  margin-bottom: 50px;

  border: 1px solid #ebebeb;

}



.hosting-plan-t li:after {

  clear: both;

  display: block;

  content: '';

}



.hosting-plan-t li {

  border-bottom: 1px solid #ebebeb;

}



.hosting-plan-t li:last-child {

  border: 0;

}



.hosting-plan-t li:nth-child(odd) {

  background-color: #f8f8f8;

}



.hosting-plan-t li span {

  float: right;

  width: 25%;

  padding: 7px;

  border-right: 1px solid #ebebeb;

  text-align: center;

}



.hosting-plan-t li span:nth-child(1) {

  border: 0;

  text-align: right;

}





/*---------------------------------------------------*/



.sec-host-wy {

  padding: 50px 0;

  background-color: #fafafa;

  margin-bottom: 50px;

}



.sec-host-wy ul {

  text-align: center;

}



.sec-host-wy li {

  float: right;

  width: 33.333333%;

  padding: 0 14px;

}



.sec-host-wy li i {

  margin: 0 auto 25px;

  display: block;

  border: 2px solid #303030;

  height: 92px;

  width: 92px;

  border-radius: 50%;

  background: transparent url(img/img_17.png) center 25px no-repeat;

}



.sec-host-wy li:nth-child(2) i {

  background-position: center -74px;

}



.sec-host-wy li:nth-child(3) i {

  background-position: center -180px;

}



.sec-host-wy li h3 {

  margin-bottom: 14px;

  color: #303030;

  font-size: 18px;

}



.sec-host-wy li p {

  line-height: 22px;

  font-size: 15px;

}



.sec-host2 img {

  float: right;

  max-width: 49%;

}



.supp-i {

  margin-right: 50%;

}



.supp-i li {

  margin-bottom: 35px;

}



.supp-i li h3 {

  position: relative;

  font-size: 18px;

  margin-bottom: 12px;

  color: #303030;

}



.supp-i li h3:before, .supp-i li h3:after {

  position: absolute;

  background-color: #ff9b0d;

  height: 4px;

  width: 170px;

  top: 12px;

  left: 0;

  display: block;

  content: '';

  margin-left: 103%;

}



.supp-i li:nth-child(2) h3:before {

  width: 300px;

}



.supp-i li:nth-child(3) h3:before {

  width: 430px;

}



.supp-i li h3:after {

  width: 25px;

  height: 25px;

  border-radius: 50%;

  -webkit-transform: translate(170px, -50%);

  -ms-transform: translate(170px, -50%);

  transform: translate(170px, -50%);

  margin-right: -200px;

}



.supp-i li:nth-child(2) h3:after {

  -webkit-transform: translate(300px, -50%);

  -ms-transform: translate(300px, -50%);

  transform: translate(300px, -50%);

}



.supp-i li:nth-child(3) h3:after {

  -webkit-transform: translate(430px, -50%);

  -ms-transform: translate(430px, -50%);

  transform: translate(430px, -50%);

}



.supp-i li p {

  font-size: 17px;

  line-height: 23px;

  opacity: 0.7;

}





/*---------------------------------------------------*/



.sec-supp-1 {

  margin-bottom: 30px;

}



.sec-supp-1 img {

  float: left;

  max-width: 50%;

  display: block;

}



.sec-supp-1 .cntr div {

  margin-left: 52%;

  padding-top: 70px;

}



.sec-supp-1 h3, .sec-supp-1 h2 {

  color: #001529;

  font-size: 18px;

  margin-bottom: 12px;

}



.sec-supp-1 h2 {

  line-height: 60px;

  font-size: 40px;

  padding-bottom: 20px;

  position: relative;

  margin-bottom: 40px;

}



.sec-supp-1 h2:after {

  position: absolute;

  right: 0;

  bottom: 0;

  background-color: #e2e2e2;

  height: 4px;

  width: 70px;

  display: block;

  content: '';

}



.sec-supp-1 p {

  max-width: 500px;

}



.sec-des2 {

  background-color: #fafafa;

}



.sec-des2 .sec-title h2 {

  color: #333;

}



.sec-des3 {

  padding: 50px 0;

}



.sec-supp-2, .sec-supp-3 {

  background-color: #fafafa;

  padding: 40px 0;

}



.sec-supp-3 {

  background-color: #f5f5f5;

}



.app-logos {

  text-align: center;

}



.app-logos li {

  display: inline-block;

  margin: 0 20px 20px;

}



.app-logos img {

  width: 53px;

  height: 53px;

}



.app-logos span {

  display: block;

  opacity: 0.7;

  font-size: 19px;

}



.sec-supp-3 li {

  margin-bottom: 33px;

}



.sec-supp-3 h2 {

  text-align: center;

  margin-bottom: 30px;

  font-size: 26px;

  font-family: nesb;

  color: #b7b7b7;

}



.sec-supp-3 h6 {

  font-size: 18px;

  margin-bottom: 8px;

  line-height: 29px;

}



.sec-supp-3 p {

  font-size: 14px;

  opacity: 0.7;

  line-height: 20px;

}





/*---------------------------------------------------*/



.fut- li {

  float: right;

  width: 50%;

  padding: 0 14px;

}



.ft-in:after {

  clear: both;

  display: block;

  content: '';

}



.ft-in {

  margin-bottom: 60px;

}



.ft-in i {

  width: 70px;

  height: 70px;

  float: right;

  display: block;

  border-radius: 50%;

  background: #f8f8f8 url(img/img_22.png) center 25px no-repeat;

}



li:nth-child(1) .ft-in i {

  float: left;

}



li:nth-child(2) .ft-in i {

  background-position: center -366px;

}



li:nth-child(3) .ft-in i {

  background-position: center -107px;

  float: left;

}



li:nth-child(4) .ft-in i {

  background-position: center -498px;

}



li:nth-child(5) .ft-in i {

  background-position: center -237px;

  float: left;

}



li:nth-child(6) .ft-in i {

  background-position: center -627px;

}



.ft-in div {

  margin-right: 85px;

}



li:nth-child(1) .ft-in div, li:nth-child(3) .ft-in div, li:nth-child(5) .ft-in div {

  margin-right: 0;

  margin-left: 85px;

}



li:nth-child(1) .ft-in div h4, li:nth-child(3) .ft-in div h4, li:nth-child(5) .ft-in div h4 {

  text-align: left;

}



.ft-in div h4 {

  font-size: 18px;

  margin-bottom: 8px;

}



.ft-in div p {

  font-size: 16px;

  line-height: 22px;

  opacity: 0.7;

}



.sec-title2 {

  text-align: center;

  margin-bottom: 40px;

}



.sec-title2 h2 {

  font-size: 24px;

  color: #52196d;

  margin-bottom: 12px;

}



.sec-title2 span {

  display: block;

  font-family: nesb;

  font-size: 17px;

  opacity: 0.6;

  line-height: 18px;

}



.sec-title2 i {

  display: inline-block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background-color: #ff9b0d;

  margin: 0 2px;

}





/*---------------------------------------------------*/



.support-plan {

  margin: 0 -12px;

}



.support-plan>li {

  float: right;

  width: 33.333333%;

  padding: 0 12px;

  margin-bottom: 25px;

}



.s_plan-box {

  border: 1px solid #ddd;

  height: 373px;

	overflow: hidden;

	position: relative;

	text-align: center;

}



.plan-head {

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

  color: #fff;

  margin: -1px -1px 10px;

}



.plan-head h3 {

  font-size: 19px;

  float: right;

  padding: 13px;

}



.plan-head b {

  float: left;

  display: block;

  padding: 13px;

  min-width: 120px;

  background-color: #230432;

  text-align: center;

  font-family: nes;

}



.support-plan li ul {

  padding: 12px;

	height: 204px;

	overflow-y: scroll;

}

.support-plan li ul::-webkit-scrollbar {

    width: 10px;;

}

.support-plan li ul::-webkit-scrollbar-thumb {

  background-color: rgba(91, 34, 118, 1);

  outline: 1px solid slategrey;

}

.support-plan li ul li {

  font-size: 15px;

  color: #888;

}



.support-plan li ul i {

  color: #480f62;

  margin-left: 5px;

}



.support-plan .butn {

  padding: 10px;

  margin: auto;

  height: auto;

  border: 0;

	position: absolute;

	bottom: 20px;

	right: 30%;

}





/*---------------------------------------------------*/



.bank- {

  margin: 0 -12px 50px;

}



.bank- li {

  float: right;

  width: 33.333333%;

  padding: 0 12px;

  margin-bottom: 24px;

}



.bank-box {

  border-radius: 5px;

  overflow: hidden;

  border: 1px solid #ddd;

  height: 220px;

}



.bank-box h4 {

  float: right;

  position: relative;

  background-color: #460e62;

  color: #fff;

  padding: 5px 20px;

  font-size: 17px;

  margin: -1px -1px 0 0;

  height: 40px;

}



.bank-box h4:after {

  content: '';

  display: block;

  height: 0;

  width: 0;

  position: absolute;

  top: 0;

  left: -20px;

  border-style: solid;

  border-width: 0 0 40px 20px;

  border-color: transparent transparent #460e62 transparent;

}



.bank-box span {

  clear: both;

  display: block;

  height: 85px;

}



.bank-box span img {

  margin: auto;

  display: block;

  position: relative;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  max-width: 99%;

  max-height: 99%;

}



.bank-box div {

  padding: 12px;

  color: #fff;

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

}



.bank-box div em {

  display: block;

  font-size: 15px;

  font-style: normal;

  line-height: 24px;

}



.banks-title {

  text-align: center;

  margin-bottom: 40px;

}



.banks-title h2 {

  font-size: 19px;

}



.banks-title p {

  font-size: 16px;

  color: #999;

}





/*---------------------------------------------------*/



.srvcs-it {

  margin: 0 -10px 40px;

}



.srvcs-it>li {

  float: right;

  width: 50%;

  padding: 60px 16px;

}



.srv-in {

  height: 300px;

  border: 1px solid #ddd;

  padding: 15px;

}



.srv-in h4 {

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

  color: #fff;

  text-align: center;

  font-size: 19px;

  padding: 12px;

  margin: -40px 40px 20px;

  border-radius: 10px;

}



.srv-in ul {

  margin-right: 30px;

	height: 204px;

    overflow-y: scroll;

}

.srv-in ul::-webkit-scrollbar {

    width: 10px;;

}

.srv-in ul::-webkit-scrollbar-thumb {

  background-color: rgba(91, 34, 118, 1);

  outline: 1px solid slategrey;

}



.srv-in li {

  font-family: nesb;

  font-size: 15px;

}



.srv-in .fa {

  color: #481063;

  margin-left: 8px;

}



.btns {

  margin: -30px auto 0;

  width: 290px;

}



.btns .butn {

  float: right;

  border: 0;

  width: 140px;

  border-radius: 4px;

}



.btns .butn+.butn {

  float: left;

  background: #230432 none;

}





/*---------------------------------------------------*/



.post-in img {

  max-width: 100%;

  display: block;

  margin: 0 auto 30px;

  border: 10px solid #e0e0e0;

opacity:1!important;

}



.post-in p {

  line-height: 26px;

  margin-bottom: 30px;

  color: #5f5f5f;

  font-size: 17px;

}



.share_ {

  float: left;

}



.share_ li {

  float: right;

  margin-right: 7px;

  line-height: 27px;

}



.share_ li a {

  display: block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  border-radius: 4px;

}



.share_ li:nth-child(2) a {

  background-color: #385e98;

}



.share_ li:nth-child(3) a {

  background-color: #0f98ce;

}



.share_ li:nth-child(4) a {

  background-color: #c82328;

}



.comments-block {

  padding: 0 0 40px;

  clear: both;

}



.comments-block form input, .comments-block form textarea {

  display: block;

  margin-bottom: 14px;

  width: 100%;

  max-width: 400px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.comments-block form textarea {

  max-width: 100%;

  min-height: 150px;

}



.comments-block form input[type=submit] {

  float: left;

  max-width: 140px;

}



.comments li {

  margin-bottom: 30px;

}



.comments li:after {

  clear: both;

  display: block;

  content: '';

}



.avatar {

  float: right;

  padding: 4px;

  background-color: #f2f2f2;

  border-radius: 3px;

  overflow: hidden;

  width: 70px;

  height: 70px;

  display: block;

}



.avatar img {

  width: 100%;

  height: 100%;

}



.comment-in {

  padding: 10px;

  background-color: #f2f2f2;

  border-radius: 3px;

  margin-right: 84px;

  line-height: 22px;

  color: #888;

  font-size: 14px;

}



.comment-in .meta {

  display: block;

  margin-bottom: 1px;

}



.comment-in .meta em {

  font-style: normal;

  display: inline-block;

  margin-left: 14px;

}



.comment-in .meta em a {

  color: #5d1081;

}



.comments ul {

  margin-right: 84px;

}



.post-title {

opacity:1!important;

  font-size: 22px;

  padding: 15px 10px;

  color: #fff;

  margin-bottom: 14px;

  font-family: nes;

  clear: both;

  background: rgb(91, 34, 118);

  background: -moz-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  background: linear-gradient(to bottom, rgba(91, 34, 118, 1) 0%, rgba(59, 3, 86, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2276', endColorstr='#3b0356', GradientType=0);

}





/*---------------------------------------------------*/



.rsponsv_menu_button {

  display: none;

  float: left;

  width: 33px;

  height: 33px;

  text-align: center;

  color: #111 !important;

  background-color: #b8b8b8;

  line-height: 33px;

  font-size: 18px !important;

  margin: 45px 15px 0 0;

  border-radius: 3px;

  position: relative;

  z-index: 1;

}



.rsponsv_menu_button:hover {

  color: #fff;

}



.fx-menu .rsponsv_menu_button {

  float: none;

  margin: 0 auto 40px;

  border-radius: 50%

}



.fx-menu ul a {

  display: block;

  color: #444;

  text-align: right;

  font-size: 15px;

  padding: 6px;

  border-bottom: 1px solid #dfdfdf;

}



.fx-menu ul a:hover {

  background-color: #ddd;

}



nav.fx-menu {

  position: fixed;

  padding-top: 30px;

  top: 0;

  right: 0;

  margin: 0;

  width: 200px;

  display: none;

  background-color: #eee;

  border-left: solid 1px #ddd;

  height: 100%;

  z-index: 200;

  opacity: 0;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  -webkit-animation: slideOutRight 0.4s both;

  animation: slideOutRight 0.4s both;

}



.fx-menu ul ul {

  display: none;

}



.right-menu-open nav.fx-menu {

  visibility: visible;

  opacity: 1;

  -webkit-animation: slideInRight 0.4s both;

  animation: slideInRight 0.4s both;

}



nav.fx-menu>ul {

  margin: 0;

  float: none;

  max-height: 75%;

  overflow: auto;

}



nav.fx-menu>ul>li {

  width: auto;

  height: auto;

  float: none;

  display: block;

  line-height: 30px;

}





/*---------------------------------------------------*/



.works-it li img, .srv span, .srv h3, .a-thumb img, .plan-in, .plan-in .icon, .hd-menu li a, .butn, .foot-links li {

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}





/*---------------------------------------------------*/



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

  .cntr {

    margin: 0 14px;

  }

  .rsponsv_menu_button, nav.fx-menu {

    display: block;

  }

  .hd-menu {

    display: none;

  }

  .logo {

    margin-left: 80px;

  }

  .foot-links li {

    width: 50%;

  }

  .news-list li {

    width: 33.333333%;

  }

}



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

  .sec-about-1 img {

    float: none;

    margin: 0 auto 30px;

    display: block;

    max-width: 80%;

  }

  .sec-about-1 .cntr div {

    margin-left: 0;

  }

  .srvcs-it>li {

    float: none;

    width: auto;

    max-width: 500px;

    margin: 0 auto;

  }

  .srv-in {

    height: auto;

    padding-bottom: 40px;

  }

  .support-plan>li {

    width: 50%;

  }

}



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

  .servc li {

    width: 33.333333%;

  }

  .block-1>div {

    padding-top: 30px;

  }

  .block-1 {

    margin-bottom: 0 !important;

  }

  .block-5 ul {

    margin: 0 auto;

    max-width: 400px;

  }

  .block-5 li {

    width: 50% !important;

    text-align: center;

  }

  .block-5 li u, .block-5 li b, .block-5 li em {

    display: none !important;

  }

  .block-5 li i {

    margin: 0 auto 30px;

  }

  .block-5 li div {

    float: none;

  }

  .block-5 li div+div, .block-7:before {

    display: none;

  }

  .block-7 .cntr>div, .block-7 .cntr>div+div {

    float: none;

    width: auto;

    margin: 0 auto 30px;

    max-width: 700px;

  }

  .about-page {

    background-position: center 30px;

    padding: 300px 0 30px;

  }

  .bank- li {

    width: 50%;

  }

  .sec-host2 img {

    float: none;

    margin: 0 auto 30px;

    max-width: 300px;

    display: block;

  }

  .supp-i {

    margin: 0 auto;

    text-align: center;

    max-width: 700px;

  }

  .supp-i li h3:before, .supp-i li h3:after {

    display: none;

  }

  .plan-it li {

    float: none;

    margin: 0 auto 10px;

    max-width: 400px;

    width: auto;

  }

  .plan-it .plan-in {

    background-color: #f8f8f8;

  }

  .works-it>li, .works-it li:nth-child(7n+2) {

    width: 33.333333%;

  }

}



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

  .block-2 img {

    float: none;

    margin: 0 auto 30px;

    display: block;

    width: 220px;

  }

  .block-2>div {

    margin-left: 0;

  }

  .works-it li, .works-it li:nth-child(7n+2) {

    width: 33.333333%;

  }

  footer .cntr>div {

    float: none;

    width: auto;

    margin-bottom: 30px;

    clear: both;

  }

  .sec-srvc li {

    width: 50%;

  }

  .sec-srvc li:nth-child(2) div, .sec-srvc li:nth-child(4) div {

    border-left: 0;

  }

  .sec-srvc li div {

    border-bottom: 2px solid #fff;

  }

  .sec-supp-1 img {

    float: none;

    margin: 0 auto 30px;

    max-width: 200px;

  }

  .sec-supp-1 .cntr div {

    margin-left: 0;

    padding-top: 0;

    text-align: center;

  }

  .sec-supp-1 h2:after {

    right: auto;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

  .sec-supp-1 p {

    max-width: none;

  }

  .news-list li {

    width: 50%;

  }

}



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

  .block-4 img {

    float: none;

    margin: 0 auto 30px;

    width: 220px;

    display: block;

  }

  .block-4 div {

    text-align: center;

    margin: 0;

  }

  .block-4 div .butn, .contact-in li {

    float: none;

    margin: 0 auto 30px;

  }

  .contact-in li {

    width: auto;

  }

  .sec-host-wy li {

    margin-bottom: 20px;

  }

  .fut- li, .sec-host-wy li, .support-plan>li {

    float: none;

    width: auto;

  }

  .support-plan>li {

    margin: 0 auto 30px;

    max-width: 500px;

  }

}



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

  .works-it li, .works-it li:nth-child(7n+2) {

    width: 50%;

  }

  .bank- li {

    width: auto;

    float: none;

    margin: 0 auto 30px;

    max-width: 400px;

  }

}



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

  .servc li {

    width: 50%;

  }

  .servc li:last-child, .block-7 .cntr form span {

    width: auto;

    float: none;

    clear: both;

  }

  .block-7 .cntr form span {

    padding-left: 0;

  }

  .news-list li {

    width: auto;

    float: none;

    margin: 0 auto 30px;

    max-width: 360px;

  }

}



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

  .logo {

    width: 190px;

  }

  .logo a {

    width: 190px;

    height: 78px;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-top: 20px;

  }

  .works-it li, .works-it li:nth-child(7n+2) {

    width: auto;

    float: none;

    margin: 0 auto 30px;

    max-width: 320px;

  }

  .contact-form span, .contact-form span.f-2, .contact-form span.f-4 {

    width: auto;

    float: none;

  }

  .sec-srvc li div {

    padding: 20px 0;

  }

}



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

  .foot-links li {

    width: 100%;

  }

  .sec-srvc li div span {

    margin-bottom: 4px;

  }

  .sec-srvc li div h3 {

    font-size: 18px;

    line-height: 24px;

  }

}

.attachment-post-thumbnail{

	width: 100%;

	height: 350px;

	display: block;

	margin-bottom: 30px;

}

.dtls-butt{}
.dtls-butt li{float:right;width:200px;background-color:#256eac;margin-left:6px;margin-bottom:6px;overflow:hidden;}
li.dt-b2{background-color:#ca3b63;}
li.dt-b3{background-color:#259cac;}
.dtls-butt a:before{position:absolute;width:200px;height:80px;background-color:#2a76b7;top:-50px;left:-50px;content:'';display:block;transform:rotate(-22deg)}
.dtls-butt .dt-b2 a:before{background-color:#d8406a;}
.dtls-butt .dt-b3 a:before{background-color:#26a6b5;}
.dtls-butt a{display:block;color:#fff;font-size:15px;position:relative;overflow:hidden;}
.dtls-butt i{float:right;width:42px;height:60px;background:#1c5c93 url(img/butt-i.png) no-repeat -101px center;}
.dtls-butt .dt-b2 i{background-color:#bd345a;background-position:-44px center;}
.dtls-butt .dt-b3 i{background-color:#208c9b;background-position:6px center;}
.dtls-butt li span,
.dtls-butt li b{position:relative;z-index:3;}
.dtls-butt li span{margin-right:45px;text-align:center;display:block;padding:4px 0 0px;}
.dtls-butt li b{display:block;text-align:left;padding:0 20px;font-weight:normal;font-size:17px;}
/* sidebarinside */
.sidebarinside {margin: 30px auto;}
.sidebarinside .maram_mostviewd {margin: 0 auto 30px;}
.sidebarinside .maram_mostviewd ul.nav-tabs li a {font-size: 14px;}
.sidebarinside .maram_mostviewd .tab-pane ul li a {font-size: 13px;}
.sidebarinside .maram_mostviewd .tab-pane ul li a::before {line-height: 46px;}
/* End sidebarinside */
/* pagefile */
.pagefile {margin: 30px auto;}
.pagefile .title {
  border-bottom: 1px solid #e4e6e7;
  color: #08095e;
  font-size: 16px;
  font-weight: bold;
  margin: 30px auto 10px;
  padding: 0 0 10px;
  text-align: right;
}
.pagefile .content {
  color: #000000;
  font-size: 15px;
}
/* End pagefile */
/* singlefile */
.singlefile {margin: 30px auto;}
.singlefile .title {
  border-bottom: 1px solid #e4e6e7;
  margin: 0 auto 15px;
  padding: 0 0 10px;
}
.singlefile .title h1 {
  color: #08095e;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
  margin: 0 auto 10px;
}
.singlefile .title span {
  border-left: 1px solid #dee0e1;
  color: #000000;
  display: inline-block;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
.singlefile .title span:last-child {
  border-left: medium none;
  margin: 0 auto;
  padding: 0;
}
.singlefile .content .immg {margin: 0 auto 15px;position: relative;}
.singlefile .content .immg img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 100%;
}
.singlefile .content .immg span {
  background-color: rgba(0, 51, 80, 0.73);
  bottom: 0;
  color: #ffffff;
  font-size: 17px;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
}
.singlefile .content .tags {
  float: right;
  height: 31px;
  line-height: 26px;
  padding: 2px 0;
}
.singlefile .content .tags a {
  border-bottom: 1px solid #333333;
  display: inline-block;
  font-size: 14px;
  margin: 0 0 0 15px;
}
.singlefile .content #controls_fsize {float: left;}
.singlefile .content #controls_fsize a {
  display: block;
  font-size: 30px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  width: 35px;
}
.singlefile .content #post-content {
  color: #000000;
  font-size: 16px;
  margin: 20px auto 0;
}
.maram_sharearea {margin: 0 auto 30px;}
.maram_sharearea .title {
  border-bottom: 1px solid #e4e6e7;
  color: #08095e;
  font-size: 16px;
  font-weight: bold;
  margin: 30px auto 10px;
  padding: 0 0 10px;
  text-align: right;
}
.maram_sharearea .content {text-align: center;}
.maram_sharearea ul li {
  display: inline-block;
  margin: 5px;
}
.maram_sharearea ul li a {
  background-color: #08095e;
  color: #ffffff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.maram_sharearea ul li a:hover {background-color: #e01914;}
.maram_related {margin: 0 auto 30px;}
.maram_related .title {
  border-bottom: 1px solid #e4e6e7;
  color: #08095e;
  font-size: 16px;
  font-weight: bold;
  margin: 30px auto 10px;
  padding: 0 0 10px;
  text-align: right;
}
.maram_related .postitem a img {
  display: block;
  height: 102px;
  margin: 0 auto;
  width: 100%;
}
.maram_related .postitem a .descrption {
  margin: 0 auto 15px;
  padding: 5px 0;
}
.maram_related .postitem a .descrption p {
  display: block;
  font-size: 14px;
  line-height: 23px;
  margin: 0 auto 10px;
}
.maram_related .postitem a .descrption time {
  color: #8599a5;
  display: block;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
}
.maram_related .postitem a .descrption time i {color: #e01914;}
/* End singlefile */
col-xs-12 col-sm-12 col-md-3 col-lg-3 {width:25%;}