@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');@import url(font-awesome.css);
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fix {
  position: fixed;
}
.block {
  display: block;
}
.iblock {
  display: inline-block;
}
.inline {
  display: inline;
}
.none {
  display: none;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.fnone {
  float: none;
}
.tcenter {
  text-align: center;
}
.tleft {
  text-align: left !important;
}
.tright {
  text-align: right !important;
}
.tjustify {
  text-align: justify !important;
}
.nowrap {
  white-space: nowrap;
}
.w100 {
  width: 100%;
}
p {
  margin: 0;
  font-size: 16px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
}
a {
  text-decoration: none !important;
}
.uppercase {
  text-transform: uppercase;
}
.w-bold {
  font-weight: bold !important;
}
.w-normal {
  font-weight: normal !important;
}
.w-light {
  font-weight: lighter;
}
input[type=text]:focus,
textarea:focus,
input[type=password]:focus {
  outline: none;
}
input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
  opacity: 1;
}
input[type=text]:-moz-placeholder,
textarea:-moz-placeholder,
input[type=password]:-moz-placeholder {
  opacity: 1;
}
input[type=text]::-moz-placeholder,
textarea::-moz-placeholder,
input[type=password]::-moz-placeholder {
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
  opacity: 1;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clear {
  display: inline-block;
  width: 100%;
}
form {
  margin: 0;
}
.cwhite {
  color: #fff !important
}
.c04acae {
  color: #31578e!important;
}
.c000 {
  color: #000 !important;
}
input[type=text] {
  width: 100%;
}
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}
.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
.slideout-open .slideout-menu {
  display: block;
}
.row2 {
  margin: 0 -10px;
}
.col2 {
  padding: 0 10px;
}
/*Elements*/
.button {
  display: block;
  border: none;
}
.button.custom1 {
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  box-shadow: inset 0 0 8px #00686c;
  text-align: center;
  background: #05bbbd;
  line-height: 40px;
  min-height: 40px;
  padding: 0 12px;
  font-size: 15px;
}
.button.custom1 i {
  margin-right: 8px;
  font-size: 18px;
  line-height: 40px;
}
.button.custom1:hover {
  box-shadow: inset 0 0 22px #de6813;
  background: #fcc12f;
}
.button.custom1.orange {
  box-shadow: inset 0 0 22px #3f7bc3;
  background: #3f7bc3;
}
.button.custom1.orange:hover {
  box-shadow: inset 0 0 8px #7aa5da;
  background: #7aa5da;
}
.button.custom2 {
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  height: 45px;
  border-radius: 5px;
  background: #3f7bc3;
}
.button.custom2:hover {
  background: #27558c;
}
.button.custom3 {
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  height: 50px;
  border-radius: 5px;
  background: #442b8e;
  box-shadow: inset 0 0 100px #314077);
  border: 1px solid rgb(85, 8, 234);
  padding: 0 20px;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.button.custom3:hover {
  background: #182467;
  box-shadow: inset 0 0 55px rgba(235, 235, 235, 0);
}
.button.custom4 {
  height: 40px;
  border-radius: 23px;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 131, 136, 0.6);
  background: #113668;
  border-bottom: 3px solid #4c1bab;
  position: relative;
  overflow: hidden;
}
.button.custom4 span {
  z-index: 2;
}
.button.custom4:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #3f7bc3;
  z-index: 1;
}
.button.custom4:hover:before {
  height: 100%;
}
.button.custom4.gray {
  background: #386FB2;
  border-color: #8A8A8A;
}
.button.custom4.gray:before {
  background: #8A8A8A;
}
.button.custom4.mod1 {
  font-weight: bold !important;
}
.button.custom5 {
  background: #3f7bc3;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  line-height: 38px;
  border-radius: 3px;
  padding-left: 29px;
  position: relative;
  font-size: 12px;
  padding-right:15px;
}
.button.custom5 i {
  position: absolute;
  left: 18px;
  top: 50%;
  font-size: 16px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button.custom5.mod1 {
  display: inline-block;
  padding: 0 25px;
  font-size: 16px;
}
.button.custom5:hover {
  background: #84cd1a;
}
.button.custom5.blue {
  background:#75b715;
}
.button.custom5.blue:hover {
  background: #3f7bc3;
}
.button.custom6 {
  position: relative;
  padding: 20px 15px;
  padding-left: 78px;
  background: #113668 url("../img/pattern.png") repeat scroll 0 0;
  border-radius: 5px;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.button.custom6 i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -29px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  overflow: hidden;
}
.button.custom6 b {
  font-size: 18px;
  display: block;
}
.button.custom6:hover {
  color: #E48664;
}
.button.custom7 {
  height: 34px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  background: #009939;
  border-bottom: 2px solid #006b18;
  overflow: hidden;
  padding: 0 20px;
  padding-left: 40px;
}
.button.custom7 i {
  position: absolute;
  left: 15px;
  top: 0;
  line-height: 32px;
}
.button.custom7 span {
  z-index: 2;
}
.button.custom7:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #006b18;
  z-index: 1;
}
.button.custom7:hover:before {
  height: 100%;
}
.button.custom8 {
  background: #F2F2F2;
  border: 1px solid #ebebeb;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #797979;
  line-height: 22px;
  padding: 3px 15px;
  padding-left: 35px;
}
.button.custom8:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #797979;
  border-top: 2px solid #797979;
  -moz-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  -o-transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  left: 10px;
  top: 50%;
}
.button.custom8:hover {
  color: #05BBBE;
}
.button.custom8:hover:before {
  border-color: #05BBBE;
  left: 14px;
}
.checkbox input {
  display: none;
}
.checkbox label {
  cursor: pointer;
}
.checkbox.custom1 label {
  color: #fff;
  display: block;
  text-shadow: 0 1px 0 rgba(0, 131, 136, 0.4);
  font-size: 15px;
  background: #21265f;
  text-align: center;
  line-height: 22px;
  padding: 13px 0;
  border-radius: 5px;
  border: 1px solid rgb(76, 27, 171);
}
.checkbox.custom1 input:checked + label {
  color: #fcc732;
}
.checkbox.custom2 input:checked + label:before {
  color: #009939;
}
.checkbox.custom2 label {
  font-size: 16px;
  font-weight: 300;
  color: #555;
  font-family: 'Open Sans', sans-serif;
  padding-left: 30px;
  line-height: 22px;
}
.checkbox.custom2 label:before {
  position: absolute;
  content: "\f104";
  color: rgba(0, 153, 57, 0);
  font-family: Flaticon;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-height: 16px;
  border: 1px solid #87b397;
  text-align: center;
}
.checkbox.custom3 label {
  font-size: 14px;
  color: #202c32;
  font-family: 'Open Sans', sans-serif;
  padding-left: 25px;
}
.checkbox.custom3 label:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: #BDC0C5;
}
.checkbox.custom3 label:after {
  position: absolute;
  content: "\f108";
  font-family: Flaticon;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  font-size: 12px;
  color: #05bbbe;
  opacity: 0;
}
.checkbox.custom3 input:checked + label:after {
  opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1,
.head1 {
  font-size: 25px;
  font-weight: normal !important;
  color: #ffffff;
  line-height: 36px;
}
h2,
.head2 {
  font-size: 21px;
  font-weight: normal !important;
  color: #243035;
  line-height: 50px;
}
h3,
.head3 {
  font-size: 18px;
  color: #fff;
}
h4,
.head4 {
  font-weight: bold !important;
  font-size: 45px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}
h5,
.head5 {
  color: #dce3ea;
  font-size: 20px;
  font-weight: normal !important;
}
h6,
.head6 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800 !important;
  color: #1f2126;
}
.head7 {
  font-size: 21px;
  font-weight: bold !important;
  color: #04a7aa;
}
.head8 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-weight: normal !important;
}
.head9 {
  background: #374e73;
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal !important;
  padding: 14px 20px;
  padding-left: 70px;
}
.head9 i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 70px;
  text-align: center;
  display: block;
  font-size: 30px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.head9 a {
  color: #fff;
  float: right;
  font-size: 11px;
}
.head9 a:hover {
  color: #05BBBE;
}
.head10 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: normal !important;
  color: #333;
}
.head11 {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal !important;
  color: #40b0d8;
  font-size: 16px;
}
.head12 {
  font-family: 'Open Sans', sans-serif;
  font-size: 38px;
  font-weight: 100 !important;
  color: #243035;
  text-align: center;
}
.head13 {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 100 !important;
  color: #243035;
  text-align: center;
}
.head14 {
  font-size: 26px;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
  color: #243035;
}
.head14.mod1 {
  font-style: italic;
}
.head14.border:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 90px;
  height: 6px;
  background: #153c4b;
}
.text1 {
  font-size: 16px;
  color: #24272d;
  line-height: 28px;
}
.text2 {
  font-size: 12px;
  color: #fff;
  font-style: italic;
}
.text3 {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.text3.mod1 {
  line-height: normal;
}
.text4 {
  color: #666;
}
.text5 {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-weight: normal !important;
}
.text6 {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-weight: 600;
}
.text7 {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  line-height: 28px;
}
.text8 {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #509bdd;
}
.text9 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #243035;
  line-height: 27px;
  letter-spacing: -0.5px;
  font-weight: lighter;
}
.product-list.custom1 {
  position: relative;
  padding: 20px;
  background: #fff;
  box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.3);
  min-height: 220px;
  padding-left: 275px;
}
.product-list.custom1 .img {
  position: absolute;
  left: 8px;
  bottom: 20px;
}
.product-list.custom1 .img span {
  position: absolute;
  width: 90px;
  height: 90px;
  display: block;
  text-align: center;
  background: url(../img/price.png) no-repeat #FFFFFF center;
  border-radius: 100%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  bottom: 20px;
  padding: 10px;
  line-height: 70px;
  color: #089294;
}
.product-list.custom1 .img:hover img {
  filter: blur(2px);
}
.product-list.custom1 p {
  position: relative;
  font-size: 24px;
  color: #3b3c41;
  padding-bottom: 10px;
}
.product-list.custom1 p span {
  color: #04acae;
}
.product-list.custom1 p b {
  position: absolute;
  font-weight: normal !important;
  font-size: 8PX;
  color: #FFF;
  line-height: 15px;
  background: #04ACAD;
  display: inline-block;
  width: 25px;
  margin-left: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  top: 3px;
}
.product-list.custom1 ul li {
  position: relative;
  padding: 5px 0;
  font-size: 15px;
  color: #111213;
  padding-left: 30px;
}
.product-list.custom1 ul li i {
  color: #3b3b41;
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  text-align: center;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-list.custom1 .button {
  width: 180px;
  margin-top: 15px;
}
.product-list.custom1.blue .img span {
  color: #0468ae;
}
.product-list.custom1.blue p span {
  color: #0468ae;
}
.product-list.custom1.blue p b {
  background: #0567AE;
}
.product-list.custom1.blue .button {
  background: #0368AE;
  border-bottom-color: #015793;
}
.product-list.custom1.blue .button:before {
  background: #015793;
}
.product-list.custom2 {
  background: #FFFFFF;
  padding: 17px 12px;
  display: inline-block;
  width: 100%;
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.2);
}
.product-list.custom2 img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.product-list.custom2 > a:hover img {
  filter: blur(2px) grayscale(1);
}
.product-list.custom2 p {
  padding-top: 18px;
  padding-bottom: 10px;
  font-size: 15px;
  color: #646769;
  text-align: center;
  display: block;
  width: 100%;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-list.custom2 span {
  display: block;
  font-size: 18px;
  color: #2c323c;
  text-align: center;
  line-height: 28px;
  border: 1px dashed #2825d6a6;
  border-radius: 5px;
  width: 35%;
  float: left;
}
.product-list.custom2 div {
  width: 65%;
  float: left;
  padding-left: 6px;
}
.product-list.custom2 div a {
  background: #113668;
  display: block;
  line-height: 27px;
  border-radius: 5px;
  border-bottom: 3px solid #8a8a8a;
  color: #fff;
  text-align: center;
  font-size: 13px;
}
.product-list.custom2 div a:hover {
  background: #3f7bc3;
  border-color: #4c1bab;
}
.product-list.custom3 {
  min-height: 155px;
  padding-left: 185px;
  position: relative;
}
.product-list.custom3 > img {
  position: absolute;
  left: 0;
  top: 0;
}
.product-list.custom3 > a {
  line-height: 25px;
  font-size: 14px;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
  color: #666;
}
.product-list.custom3 > a:hover {
  color: #05BBBE;
}
.product-list.custom3 span {
  display: block;
  font-size: 11px;
  color: #999;
}
.product-list.custom3 .buttons {
  position: absolute;
  bottom: 0;
  left: 170px;
  right: 0;
  height: 50px;
  background: #75b715;
}
.product-list.custom3 .buttons > div {
  width: 50%;
  float: left;
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  line-height: 14px;
  padding: 6px 0;
  padding-left: 25px;
}
.product-list.custom3 .buttons > div b {
  display: block;
  line-height: 22px;
  font-size: 12px;
}
.product-list.custom3 .buttons > div div {
  position: absolute;
  left: -20px;
  top: 5px;
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 100%;
  background: #3f7bc3;
}
.product-list.custom3 .buttons > div div img {
  width: 22px;
}
.product-list.custom3 .buttons > div div:before {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 100%;
  border: 1px solid #fff;
}
.product-list.custom3 .buttons a {
  display: block;
  line-height: 25px;
  width: 50%;
  float: right;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: bold !important;
  background: url(../img/product3-button.png) no-repeat;
  background-size: cover;
}
.product-list.custom3 .buttons a:hover {
  background: #05BBBE url("../img/product3-button.png") no-repeat scroll 0 0 / cover;
}
.separator {
  background: #E7E7E7;
  padding: 25px 0;
}
.separator .slogan {
  font-size: 67px;
  color: #21265f;
  line-height: 80px;
}
.separator .slogan span {
  font-size: 21px;
  color: #2a363f;
  display: block;
  line-height: normal;
  padding-left: 45px;
  margin-bottom: -22px;
}
.separator .slogan i {
  font-size: 63px;
  font-family: 'Open Sans', sans-serif;
  color: #6046b1;
  display: block;
  line-height: 50px;
}
.menu.custom1 {
  background: #113668;
  border-radius: 5px;
  z-index: 2;
  padding: 15px 0;
}
.menu.custom1 li a {
  display: block;
  font-size: 15px;
  color: #fff;
  line-height: 22px;
  padding: 9px 15px;
  padding-left: 35px;
  position: relative;
  white-space: nowrap;
}
.menu.custom1 li a:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 16px;
  top: 50%;
  margin-top: -4px;
}
.menu.custom1 li a:after {
  position: absolute;
  content: "";
  border: 20px solid;
  border-color: transparent;
  border-left-color: #113668;
  top: 0;
  z-index: -1;
  right: -20px;
}
.menu.custom1 li a:hover,
.menu.custom1 li a.active {
  color: #32ece4;
}
.menu.custom1 li a:hover:before,
.menu.custom1 li a.active:before {
  border-color: #fcc732;
}
.menu.custom1 li a:hover:after,
.menu.custom1 li a.active:after {
  right: -40px;
}
.menu.custom1 li:nth-child(even) {
  background: #113668;
}
.menu.custom1 li:nth-child(even) a:after {
  border-left-color: #113668;
}
.services-list.custom1 {
  position: relative;
  padding-left: 100px;
}
.services-list.custom1 > div {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
  height: 80px;
  width: 80px;
  border-radius: 100%;
  background: #fff;
  border: 6px solid #04acae;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-right: none;
  line-height: 74px;
  text-align: center;
}
.services-list.custom1 > div i {
  color: #05AAAE;
  font-size: 40px;
}
.services-list.custom1 p {
  font-size: 15px;
  color: #111213;
  line-height: 19px;
}
.services-list.custom1 p b {
  display: block;
  font-size: 22px;
  font-weight: normal !important;
  color: #04acae;
  padding-bottom: 10px;
}
.services-list.custom1.blue > div {
  border-color: #0567B0;
}
.services-list.custom1.blue > div i {
  color: #0567B0;
}
.services-list.custom1.blue p b {
  color: #0567B0;
}
.services-list.custom1.red > div {
  border-color: #b20030;
}
.services-list.custom1.red > div i {
  color: #b20030;
}
.services-list.custom1.red p b {
  color: #b20030;
}
.services-list.custom1.orange > div {
  border-color: #ea8d1f;
}
.services-list.custom1.orange > div i {
  color: #ea8d1f;
}
.services-list.custom1.orange p b {
  color: #ea8d1f;
}
.services-list.custom2 {
  text-align: center;
}
.services-list.custom2 b {
  display: block;
  font-weight: normal !important;
  color: #675f58;
  padding-bottom: 8px;
  font-size: 20px;
  padding-top: 40px;
}
.services-list.custom2 p {
  color: #111213;
  font-size: 15px;
}
.services-list.custom3 {
  min-height: 195px;
}
.services-list.custom3 img {
  position: absolute;
  left: 35px;
  top: 45px;
}
.services-list.custom3 > div {
  padding: 45px 40px;
  padding-left: 166px;
}
.services-list.custom3 > div .head {
  font-size: 24px;
  text-align: left !important;
  font-weight: 300 !important;
  color: #243035;
  font-family: 'Open Sans', sans-serif;
  line-height: 25px;
}
.services-list.custom3 > div p {
  font-size: 14px;
  font-weight: 300 !important;
  color: #243035;
  font-family: 'Open Sans', sans-serif;
  line-height: 19px;
  padding-top: 20px;
}
.services-list.custom3:hover {
  background: #fff;
  box-shadow: 0 0 10px rgba(218, 218, 218, 0.75);
}
.hosting-list.custom1 {
  background: #FBFBFB;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.hosting-list.custom1 p {
  background: #aaaaaa;
  background: -moz-linear-gradient(top, #04acae 0%, #2eaeb0 100%);
  background: -webkit-linear-gradient(top, #04acae 0%, #2eaeb0 100%);
  background: linear-gradient(to bottom, #aaaaaa 0%, #aaaaaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acae', endColorstr='#2eaeb0', GradientType=0);
  color: #fff;
  font-size: 18px;
  text-shadow: 0 1px 0 rgba(0, 131, 136, 0.57);
  padding: 10px 20px;
  line-height: 25px;
  position: relative;
  padding-top: 22px;
}
.hosting-list.custom1 p > span {
  font-size: 17px;
  position: absolute;
  right: 20px;
  top: 22px;
}
.hosting-list.custom1:hover {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.hosting-list.custom1 ul li {
  padding: 13px 15px;
  position: relative;
  padding-left: 45px;
  font-size: 15px;
  color: #111213;
  line-height: 22px;
  border-bottom: 1px solid #ebebeb;
}
.hosting-list.custom1 ul li i {
  color: #3B3B43;
  position: absolute;
  left: 10px;
  width: 35px;
  text-align: center;
  font-size: 17px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hosting-list.custom1 ul li img {
  display: block;
  margin: 0 auto;
  right: 22px;
}
.hosting-list.custom1 ul li:nth-child(even) {
  background: #F7F7F9;
}
.hosting-list.custom1 ul li:last-child {
  padding: 13px 20px;
}
.hosting-list.custom1.mor p {
  background: #6b00b3;
  background: -moz-linear-gradient(top, #6b00b3 0%, #5c0099 100%);
  background: -webkit-linear-gradient(top, #6b00b3 0%, #5c0099 100%);
  background: linear-gradient(to bottom, #6b00b3 0%, #5c0099 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b00b3', endColorstr='#5c0099', GradientType=0);
}
.hosting-list.custom1.mor .button {
  background: #7a00cc;
  border-color: #5c0099;
}
.hosting-list.custom1.mor .button:before {
  background: #5c0099;
}
.hosting-list.custom1.blue p {
  background: #0468ae;
  background: -moz-linear-gradient(top, #0468ae 0%, #146caa 100%);
  background: -webkit-linear-gradient(top, #0468ae 0%, #146caa 100%);
  background: linear-gradient(to bottom, #0468ae 0%, #146caa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0468ae', endColorstr='#146caa', GradientType=0);
}
.hosting-list.custom1.blue .button {
  background: #0368AE;
  border-color: #015793;
}
.hosting-list.custom1.blue .button:before {
  background: #015793;
}
.hosting-list.custom1.red p {
  background: #b20030;
  background: -moz-linear-gradient(top, #b20030 0%, #a80831 100%);
  background: -webkit-linear-gradient(top, #b20030 0%, #a80831 100%);
  background: linear-gradient(to bottom, #b20030 0%, #a80831 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20030', endColorstr='#a80831', GradientType=0);
}
.hosting-list.custom1.red .button {
  background: #B20030;
  border-color: #9c0029;
}
.hosting-list.custom1.red .button:before {
  background: #9c0029;
}
.hosting-list.custom1.orange p {
  background: #ea9530;
  background: -moz-linear-gradient(top, #ea9530 0%, #d48b2d 100%);
  background: -webkit-linear-gradient(top, #ea9530 0%, #d48b2d 100%);
  background: linear-gradient(to bottom, #ea9530 0%, #d48b2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea9530', endColorstr='#d48b2d', GradientType=0);
}
.hosting-list.custom1.orange .button {
  background: #EB8C1E;
  border-color: #cc7300;
}
.hosting-list.custom1.orange .button:before {
  background: #cc7300;
}
.hosting-list.custom2 {
  font-family: 'Open Sans', sans-serif;
}
.hosting-list.custom2 p {
  background: url(../img/hosting.png) no-repeat bottom center, #3F7BC3;
  font-size: 26px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding: 40px 15px;
  padding-top: 80px;
  border-bottom: 6px solid #75B715;
}
.hosting-list.custom2 p span {
  display: block;
  position: absolute;
  min-width: 120px;
  height: 120px;
  background: #fff;
  left: 50%;
  top: -60px;
  border-radius: 100%;
  border: 4px solid#3f7bc3;
  color: #243035;
  font-size: 16px;
  font-weight: bold !important;
  padding: 20px 20px 0;
  transform: translateX(-50%);
  white-space: nowrap;
}
.hosting-list.custom2 p span b {
  font-size: 45px;
  font-weight: normal !important;
  display: block;
  line-height: 55px;
}
.hosting-list.custom2 p span b sup {
  font-size: 32px;
  color: #868c92;
}
.hosting-list.custom2 ul {
  background: #fff;
  border: 1px solid #d3d3d3;
  font-family: 'Open Sans', sans-serif;
}
.hosting-list.custom2 ul li {
  padding: 15px 0;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
}
.hosting-list.custom2 ul li span {
  display: block;
  width: 49%;
  float: left;
  color: #3f7bc3;
  font-size: 11px;
  font-weight: 700;
  padding-left: 40px;
}
.hosting-list.custom2 ul li span i {
  position: absolute;
  left: 25px;
  font-size: 24px;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hosting-list.custom2 ul li span:before {
  position: absolute;
  content: ":";
  right: 0;
}
.hosting-list.custom2 ul li b {
  float: left;
  display: block;
  width: 50%;
  font-weight: normal !important;
  padding: 0 4px;
  color: #243035;
}
.hosting-list.custom2 ul li:last-child {
  text-align: center;
  padding: 24px 0;
  border: none;
}
.hosting-list.custom2 ul li:last-child a {
  color: #fff;
  background: #75B715;
  font-size: 14px;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
  padding: 13px;
  border-radius: 23px;
  padding-right: 60px;
  display: inline-block;
}
.hosting-list.custom2 ul li:last-child a i {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  display: block;
  width: 20px;
  text-align: left !important;
  font-size: 8px;
  background: #fff;
  color: #75B715;
  border-radius: 100%;
  padding-left: 7px;
}
.hosting-list.custom2 ul li:last-child a:hover {
  background: #3F7BC3;
}
.hosting-list.custom2 ul li:last-child a:hover i {
  color: #3F7BC3;
}
.hosting-list.custom2:hover {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.blog-list {
  display: block;
}
.blog-list img {
  width: 100%;
}
.blog-list span {
  position: relative;
  display: block;
  text-align: center;
  height: 70px;
}
.blog-list span b {
  padding: 0 15px;
  position: absolute;
  top: 50%;
  display: block;
  max-height: 44px;
  overflow: hidden;
  font-size: 15px;
  color: #fff;
  font-weight: normal !important;
  line-height: 22px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-list:hover img {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.3), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  filter: blur(1px);
}
.blog-list:hover span b {
  color: #FAB314;
}
.content.custom1 {
  background: url(../img/bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.content.custom1:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #0e397380;
}
.content.custom2 {
  background: #fff;
}
.content.custom3 {
  background: #F5F1F0;
}
.content.custom4 {
  background: #F2EEED;
  border-radius: 5px;
  box-shadow: 0 10px 16px rgba(175, 164, 160, 0.6), inset 0 3px 30px rgba(255, 255, 255, 0.5);
  border: 1px solid #e9e4e3;
}
.content.custom5 {
  background: url(../img/content5.jpg) no-repeat top right / 100% auto, #fff;
}
.content.custom6 {
  background: #ECEDF1;
}
.content.custom7 {
  background: url(../img/content7.jpg) no-repeat;
  background-size: cover;
}
.referance-list {
  padding: 20px;
  border-radius: 5px;
  background: rgba(145, 145, 145, 0.2);
  border: 1px solid rgba(243, 243, 243, 0.2);
}
.referance-list img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
#mm-blocker {
  background: rgba(0, 0, 0, 0.8) !important;
}
#mobile_menu {
  background: #eee;
}
.cap-img {
  height: 320px;
  background: url(../img/kurumsal.jpg);
  background-size: cover !important;
}
input[type=text].custom1,
textarea.custom1,
.textbox.custom1 {
  background: #EEEEEE;
  font-size: 12px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  border: none;
  padding: 15px;
  width: 100%;
  resize: none;
}
input[type=text].custom2,
textarea.custom2,
.textbox.custom2 {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #aaa;
}
input[type=text].custom2 i,
textarea.custom2 i,
.textbox.custom2 i {
  position: absolute;
  z-index: 5;
  line-height: 32px;
  width: 40px;
  display: block;
  left: 0;
  top: 0;
  text-align: center;
  color: #555;
  font-size: 18px;
  background: #EFEFEF;
  border-right: 1px solid #aaa;
}
input[type=text].custom2 input,
textarea.custom2 input,
.textbox.custom2 input {
  width: 100%;
  display: block;
  border: none;
  line-height: 30px;
  padding: 0 15px;
  padding-left: 55px;
  font-size: 16px;
  font-weight: 300;
  color: #bababa;
  font-family: 'Open Sans', sans-serif;
}
.select select,
.select input {
  display: none;
}
.select .selectric-items {
  display: none;
  z-index: 11;
  position: absolute;
  top: 100%;
  min-width: 100%;
}
.select.custom1 .selectric-items {
  border: 1px solid #eee;
  border-top: none;
  background: #F7F7F7;
}
.select.custom1 .selectric-items .selectric-scroll {
  max-height: 250px;
  overflow: auto;
}
.select.custom1 .selectric-items ul {
  padding: 4px 0;
}
.select.custom1 .selectric-items ul li {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 12px;
  padding: 4px 15px;
  cursor: pointer;
}
.select.custom1 .selectric-items ul li.title {
  display: none;
}
.select.custom1 .selectric-items ul li:hover {
  background: #EEE;
}
.select.custom1 .selectric {
  background: #eee;
  font-size: 12px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  border: none;
  padding: 15px 47px 15px 15px;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.select.custom1 .selectric > span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select.custom1 .selectric b {
  display: none;
}
.select.custom1 .selectric:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  border: 1px solid #eee;
  background: #FFF;
}
.select.custom1 .selectric:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  border-radius: 1px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.select.custom1 .selectric-open .selectric-items {
  display: block;
}
.select.custom2 .selectric {
  background: #fff;
  font-size: 15px;
  color: #243035;
  border: 1px solid #aeb8be;
  border-radius: 5px;
  padding: 9px 15px;
  width: 100%;
  position: relative;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
}
.select.custom2 .selectric b {
  display: none;
}
.select.custom2 .selectric:before {
  position: absolute;
  content: "";
  border: 7px solid transparent;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-top-color: #aeb8be;
  border-radius: 2px;
  right: 10px;
  top: 50%;
  margin-top: -4px;
}
.select.custom2 .selectric-items {
  border: 1px solid #aeb8be;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 0;
  margin-top: -5px;
  background: #fff;
}
.select.custom2 .selectric-items .selectric-scroll {
  max-height: 250px;
  overflow: auto;
}
.select.custom2 .selectric-items ul {
  padding: 4px 0;
}
.select.custom2 .selectric-items ul li {
  font-family: 'Open Sans', sans-serif;
  color: #243035;
  font-size: 13px;
  padding: 4px 15px;
  cursor: pointer;
  font-weight: bold !important;
  line-height: 18px;
}
.select.custom2 .selectric-items ul li img {
  margin-right: 5px;
}
.select.custom2 .selectric-items ul li.title {
  display: none;
}
.select.custom2 .selectric-items ul li:hover {
  background: #EEE;
}
.select.custom2 .selectric-open .selectric-items {
  display: block;
}
.fileinput input {
  display: none;
}
.fileinput label {
  background: #EEEEEE;
  font-size: 12px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  padding: 15px;
  display: block;
  position: relative;
  cursor: pointer;
  padding-right: 90px;
}
.fileinput label span {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  display: block;
}
.fileinput label b {
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: 10px;
  background: #F7B32A;
  display: block;
  line-height: 27px;
  color: #fff;
  font-weight: normal !important;
  padding: 0 15px;
}
.fileinput label b:hover {
  background: #05BBBE;
}
.pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
}
.pop .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.pop .pop-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #F7F7F7;
  max-height: 90%;
  overflow: auto;
}
.pop .pop-content.left-h100 {
  left: 0;
  top: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  height: 100%;
  max-height: none;
}
.pop .pop-content.open-left {
  left: -100%;
}
.pop .pop-content.open1 {
  -moz-transform: translate(-50%, -50%) scale(1.2);
  -ms-transform: translate(-50%, -50%) scale(1.2);
  -o-transform: translate(-50%, -50%) scale(1.2);
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
}
.pop.active {
  visibility: visible;
  opacity: 1;
}
.pop.active .pop-content.left-h100 {
  left: 0;
}
.pop.active .open1 {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
#mobile-menu .pop-content {
  padding-top: 35px;
  padding-bottom: 210px;
  width: 250px;
}
#mobile-menu .social {
  margin-top: -35px;
  border-bottom: 1px solid #a2a2a2;
  width: 100%;
  display: inline-block;
  background: #E0E0E0;
}
#mobile-menu .social li {
  float: left;
  border-right: 1px solid #a2a2a2;
  min-width: 34px;
  width: 12.5%;
}
#mobile-menu .social li a {
  color: #646464;
  font-size: 16px;
  display: block;
  line-height: 34px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}
#mobile-menu .social li:last-child {
  border: none;
}
#mobile-menu .menu {
  padding-top: 7px;
  max-height: 100%;
  overflow: auto;
}
#mobile-menu .menu * {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#mobile-menu .menu li a {
  font-size: 18px;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  color: #b7b7b7;
  padding: 11px 20px;
  line-height: 25px;
  display: block;
  position: relative;
}
#mobile-menu .menu li a.sub:before {
  position: absolute;
  content: "";
  right: 15px;
  border-radius: 2px;
  border: 7px solid transparent;
  border-top-color: #b7b7b7;
  top: 50%;
  margin-top: -4px;
}
#mobile-menu .menu li a.ribbon {
  padding-right: 70px;
  position: relative;
}
#mobile-menu .menu li a.ribbon span {
  color: #fff;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
  font-size: 12px;
  background: #05BBBE;
  display: block;
  width: 40px;
  text-align: center;
  font-weight: normal !important;
}
#mobile-menu .menu li a.ribbon span.new {
  background: #F7B229;

}
#mobile-menu .menu li ul {
  padding-left: 20px;
  display: none;
}
#mobile-menu .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f0f0f0;
  background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0);
}
#mobile-menu .bottom .icon-link {
  display: block;
  padding: 10px 0;
  padding-left: 60px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  color: #808080;
  line-height: 18px;
  font-family: 'Open Sans', sans-serif;
  border-top: 1px solid #ccc;
}
#mobile-menu .bottom .icon-link b {
  display: block;
  font-weight: 400;
}
#mobile-menu .bottom .icon-link i {
  color: #F7B12B;
  position: absolute;
  left: 30px;
  top: 50%;
  font-size: 30px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#mobile-menu .bottom .buttons {
  width: 100%;
  display: inline-block;
}
#mobile-menu .bottom .buttons .button {
  width: 45%;
  border-radius: 0;
  float: left;
}
#mobile-menu .bottom .buttons .button.blue {
  width: 55%;
}
.menu-list > li:before {
  position: absolute;
  content: "";
  left: 0;
  top: -2px;
  right: 0;
  height: 2px;
  background: #ce7c68;
  opacity: 0;
}
.menu-list > li a {
  position: relative;
  display: block;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  color: #8c7e7a;
  line-height: 18px;
  border-bottom: 2px solid #ded8d7;
  padding: 11px 20px;
}
.menu-list > li a:after,
.menu-list > li a:before {
  position: absolute;
  content: "";
  right: 12px;
  height: 2px;
  width: 12px;
  background: #a79b97;
  top: 50%;
  margin-top: -1px;
  display: none;
}
.menu-list > li a:after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu-list > li a.sub:after,
.menu-list > li a.sub:before {
  display: block;
}
.menu-list > li ul {
  display: none;
  padding: 10px 0;
  border-bottom: 2px solid #ded8d7;
}
.menu-list > li ul li a {
  border: none;
  padding: 0 20px;
  line-height: 26px;
  font-weight: 500;
}
.menu-list > li ul li a:hover {
  color: #05BBBE;
}
.menu-list > li:last-child a {
  border: none;
}
.menu-list > li:hover:before,
.menu-list > li.active:before {
  opacity: 1;
}
.menu-list > li:hover > a,
.menu-list > li.active > a {
  background: #3f7bc3;
  color: #fff;
  border-bottom-color: #ffffff;
}
.menu-list > li:hover > a:after,
.menu-list > li.active > a:after,
.menu-list > li:hover > a:before,
.menu-list > li.active > a:before {
  background: #fff;
}
.menu-list > li:hover > ul,
.menu-list > li.active > ul {
  display: block;
}
.toggle .head {
  cursor: pointer;
}
.toggle .toggle-content {
  display: none;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.toggle.active .toggle-content {
  display: block;
}
.toggle.custom1 .head {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  color: #8c7e7a;
  line-height: 18px;
  border: 2px solid #ded8d7;
  padding: 11px 20px;
  background: #F3EFEE;
}
.toggle.custom1 .head:after,
.toggle.custom1 .head:before {
  position: absolute;
  content: "";
  right: 12px;
  height: 2px;
  width: 12px;
  background: #a79b97;
  top: 50%;
  margin-top: -1px;
}
.toggle.custom1 .head:after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.toggle.custom1 .toggle-content {
  padding: 10px;
  border: 2px solid #ded8d7;
  border-top: 0;
}
.toggle.custom2 {
  background: #FFF;
  box-shadow: 0 0 5px rgba(192, 194, 192, 0.75);
}
.toggle.custom2 .head {
  font-size: 16px;
  color: #243035;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
  padding: 18px;
  padding-left: 45px;
}
.toggle.custom2 .head i {
  position: absolute;
  font-size: 20px;
  left: 25px;
  top: 50%;
  color: #9fbde1;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.toggle.custom2 .head:before {
  position: absolute;
  content: "\f100";
  color: #9fbde1;
  right: 15px;
  font-family: "Flaticon";
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  font-weight: normal !important;
}
.toggle.custom2 .toggle-content {
  padding: 15px;
  padding-top: 0;
}
.toggle.custom2.active .head:before {
  -moz-transform: translateY(-50%) rotateX(180deg);
  -ms-transform: translateY(-50%) rotateX(180deg);
  -o-transform: translateY(-50%) rotateX(180deg);
  -webkit-transform: translateY(-50%) rotateX(180deg);
  transform: translateY(-50%) rotateX(180deg);
}
.rating li {
  color: #79AABB;
  float: left;
  font-size: 18px;
  padding: 0 3px;
}
.rating li:first-child {
  color: #FFCB00;
}
.rating[data-rate="2"] li:nth-child(2) {
  color: #FFCB00;
}
.rating[data-rate="3"] li {
  color: #FFCB00;
}
.rating[data-rate="3"] li:nth-child(4) {
  color: #79AABB;
}
.rating[data-rate="3"] li:last-child {
  color: #79AABB;
}
.rating[data-rate="4"] li {
  color: #FFCB00;
}
.rating[data-rate="4"] li:last-child {
  color: #79AABB;
}
.rating[data-rate="5"] li {
  color: #FFCB00;
}
.tab.custom1 > ul {
  display: inline-block;
  width: 100%;
}
.tab.custom1 > ul li {
  float: left;
  width: 20%;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  line-height: 60px;
  font-size: 12px;
  font-weight: bold !important;
}
.tab.custom1 > ul li a {
  color: #fff;
  display: block;
  position: relative;
}
.tab.custom1 > ul li a span {
  position: absolute;
  left: 50%;
  top: -14px;
  margin-left: -14px;
  line-height: 28px;
  display: block;
  width: 28px;
  border-radius: 100%;
  background: #FCC304;
}
.tab.custom1 > ul li:hover,
.tab.custom1 > ul li.active {
  background: rgba(0, 0, 0, 0.85);
}
.tab.custom1 > div > div {
  background: #fff;
  box-shadow: 2px 1px 2px #e9e9e9;
  display: none;
}
.tab.custom1 > div > div.active {
  display: block;
}
.tab.custom2 > ul {
  display: inline-block;
  width: 100%;
  background: rgba(153, 153, 153, 0.3);
}
.tab.custom2 > ul li {
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: bold !important;
}
.tab.custom2 > ul li a {
  display: block;
  color: #666;
  padding: 20px 60px;
  line-height: 18px;
  border-top: 2px solid rgba(0, 0, 0, 0);
}
.tab.custom2 > ul li.active a {
  border-color: #18a8ff;
  background: #fff;
}
.tab.custom2 > div > div {
  display: none;
  background: #fff;
}
.tab.custom2 > div > div.active {
  display: block;
}
.list.custom1 li {
  font-size: 12px;
  color: #666;
  line-height: 28px;
  padding: 5px 0;
}
.list.custom1 li b {
  float: right;
}
.list.custom1 li span {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 100%;
  color: #fff;
  font-weight: bold !important;
  background: #3f7bc3;
  margin-right: 18px;
}
.list.custom2 li {
  border-bottom: 1px solid #d7d9dc;
  padding: 10px 0;
}
.list.custom3 li {
  background: #E6E6E6;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold !important;
  font-size: 20px;
  color: #545353;
  line-height: 28px;
  padding: 12px;
  padding-left: 55px;
  display: inline-block;
  width: 100%;
  margin: 4px 0;
}
.list.custom3 li i {
  position: absolute;
  left: 25px;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
hr.custom1 {
  margin: 0;
  width: 100%;
  border: none;
  height: 5px;
  background: #c5e07f;
  background: -moz-linear-gradient(left, #c5e07f 0%, #c5e07f 12.5%, #f6fdca 12.5%, #f6fdca 25%, #fdcf71 25%, #fdcf71 37.5%, #f0776c 37.5%, #f0776c 50%, #da9dbe 50%, #da9dbe 62.5%, #c11a72 62.5%, #c11a72 75%, #1e56a3 75%, #1e56a3 87.5%, #40b0d8 87.5%, #40b0d8 100%);
  background: -webkit-linear-gradient(left, #c5e07f 0%, #c5e07f 12.5%, #f6fdca 12.5%, #f6fdca 25%, #fdcf71 25%, #fdcf71 37.5%, #f0776c 37.5%, #f0776c 50%, #da9dbe 50%, #da9dbe 62.5%, #c11a72 62.5%, #c11a72 75%, #1e56a3 75%, #1e56a3 87.5%, #40b0d8 87.5%, #40b0d8 100%);
  background: linear-gradient(to right, #c5e07f 0%, #c5e07f 12.5%, #f6fdca 12.5%, #f6fdca 25%, #fdcf71 25%, #fdcf71 37.5%, #f0776c 37.5%, #f0776c 50%, #da9dbe 50%, #da9dbe 62.5%, #c11a72 62.5%, #c11a72 75%, #1e56a3 75%, #1e56a3 87.5%, #40b0d8 87.5%, #40b0d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e07f', endColorstr='#40b0d8', GradientType=1);
}
#nonlinear * {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.range {
  display: inline-block;
  width: 100%;
}
.range span {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #243035;
  padding-top: 20px;
  display: block;
  float: left;
}
.range span#upper-value {
  float: right;
}
.team {
  text-align: center;
}
.team img {
  width: 100%;
}
.team div {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  background: #fff;
  padding: 10px;
  z-index: 3;
}
.team div b {
  font-size: 17px;
  color: #243035;
  font-family: 'Open Sans', sans-serif;
}
.team div p {
  color: #999;
  font-size: 15px;
  padding-top: 3px;
  font-family: 'Open Sans', sans-serif;
  line-height: 25px;
}
.team div p span {
  display: none;
}
.team div ul {
  padding-top: 15px;
}
.team div ul li {
  display: inline-block;
}
.team div ul li a {
  font-size: 15px;
  color: #999;
  line-height: 30px;
  display: block;
  width: 32px;
  text-align: center;
  border: 1px solid rgba(148, 148, 148, 0.5);
  margin: 0 5px;
}
.team div ul li a:hover {
  background: #fde851;
  color: #103e4d;
}
.team:before {
  position: absolute;
  z-index: 2;
  content: "";
  background: rgba(28, 67, 82, 0.9);
  left: 12px;
  top: 12px;
  right: 12px;
  bottom: 12px;
  opacity: 0;
}
.team:hover:before {
  opacity: 1;
}
.team:hover > div {
  bottom: 50%;
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  background: none;
}
.team:hover > div b {
  color: #fde954;
}
.team:hover > div p span {
  display: block;
}
.pagination {
  display: block;
  text-align: center;
  font-size: 0;
}
.pagination li {
  display: inline-block;
  font-size: 15px;
}
.pagination li a,
.pagination li span {
  display: block;
  border-radius: 5px;
  width: 40px;
  margin: 3px;
  color: #fff;
  height: 40px;
  line-height: 36px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 131, 136, 0.6);
  background: #a5a5a5;
  border-bottom: 5px solid  #8a8a8a;
}
.pagination li a:hover,
.pagination li span:hover {
  background: #0368ae none repeat scroll 0 0;
  border-color: #015793;
}
.pagination li span {
  background: #0368ae none repeat scroll 0 0;
  border-color: #015793;
}
.pagination li i {
  transform: rotate(90deg);
  display: block;
}
.pagination li:last-child i {
  transform: rotate(-90deg);
}
/*Styles*/
body {
  background: #EEEEEE;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  opacity: 0;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  width: 100%;
  height: 100%;
  color: black;
}
body * {
  position: relative;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
body *:before,
body *:after {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
body.active {
  opacity: 1;
}
[class^="flaticon-"],
[class*=" flaticon-"],
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#header {
  background: #F7F7F7;
  position: relative;
  z-index: 9;
}
#header .top {
  background: #113668;
  box-shadow: 0 1px 0 rgba(207, 207, 207, 0.75);
}
#header .top .left {
  float: left;
}
#header .top .left a {
  margin-right: 20px;
  font-size: 14px;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
}
#header .top .left a i {
  font-size: 16px;
  margin-right: 5px;
}
#header .top .left a:hover {
  color: #0a83bb;
}
#header .top .right {
  float: right;
}
#header .top .right > ul {
  float: left;
}
#header .top .right > ul > li {
  float: left;
  border-right: 1px solid #a2a2a2;
}
#header .top .right > ul > li a {
  color: #fff;
  display: block;
  width: 32px;
  text-align: center;
  line-height: 34px;
  font-size: 16px;

}
#header .top .right > ul > li a:hover {
  color: #0a83bb;
}
#header .top .right > div {
  float: left;
  line-height: 34px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding-left: 70px;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
#header .top .right > div:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #c1c1c1;
  border-left: 2px solid #c1c1c1;
  -moz-transform: rotate(-45deg) translateY(-100%);
  -ms-transform: rotate(-45deg) translateY(-100%);
  -o-transform: rotate(-45deg) translateY(-100%);
  -webkit-transform: rotate(-45deg) translateY(-100%);
  transform: rotate(-45deg) translateY(-100%);
}
#header .top .right > div:hover {
  color: #0a83bb;
}
#header .top .right > div > img {
  position: absolute;
  left: 42px;
  top: 50%;
  margin-top: -6px;
}
#header .top .right > div ul {
  position: absolute;
  right: 0;
  z-index: 7;
  width: 100%;
  background: #E0E0E0;
  line-height: normal;
  padding: 5px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  visibility: hidden;
  opacity: 0;
}
#header .top .right > div ul li a {
  position: relative;
  padding: 3px 20px;
  padding-left: 48px;
  display: block;
  font-size: 12px;
  color: #797979;
}
#header .top .right > div ul li a img {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -6px;
}
#header .top .right > div ul li a:hover {
  color: #0a83bb;
}
#header .top .right > div:hover ul {
  visibility: visible;
  opacity: 1;
}
#header .center {
  padding: 0 40px;
  padding-top: 5px;
  padding-bottom: 35px;
}
#header .center > ul {
  float: right;
  padding-top: 7px;
  position: static;
}
#header .center > ul > li {
  float: left;
}
#header .center > ul > li.sub {
  position: static;
}
#header .center > ul > li > a {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: #666;
  padding: 11px 20px;
  line-height: 25px;
  display: block;
  position: relative;
}
#header .center > ul > li:hover > a {
  background: #5f5a5c7d;
  color: #fff;
}
#header .center > ul > li:hover > a:before {
  border-top-color: #fff;
}
#header .center > ul > li:hover > div {
  display: block;
}
#header .center > ul > li:hover > ul {
  display: block;
}
#header .center > ul > li > div {
  position: absolute;
  left: 50%;
  top: 47px;
  z-index: 6;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  padding-top: 10px;
}
#header .center > ul > li > div + a:before {
  position: absolute;
  content: "";
  right: 5px;
  border-radius: 2px;
  border: 5px solid transparent;
  border-top-color: #b7b7b7;
  top: 50%;
  margin-top: -3px;
}
#header .center > ul > li > div > .container {
  background: url(../img/menu.png) no-repeat;
  background-size: cover;
  padding: 45px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #f5f7f6;
  font-family: 'Open Sans', sans-serif;
}
#header .center > ul > li > div > .container b {
  display: block;
  font-weight: 400;
  border-bottom: 1px solid #949699;
  padding: 2px;
}
#header .center > ul > li > div > .container ul {
  padding: 10px 0;
}
#header .center > ul > li > div > .container ul li {
  padding: 10px 0;
}
#header .center > ul > li > div > .container ul li a {
  color: #f5f7f6;
  padding-left: 20px;
  position: relative;
  line-height: 18px;
  display: inline-block;
}
#header .center > ul > li > div > .container ul li a:hover {
  color: #05BBBE;
}
#header .center > ul > li > div > .container ul li a.ribbon {
  padding-right: 55px;
  position: relative;

}
#header .center > ul > li > div > .container ul li a.ribbon span {
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  font-size: 12px;
  background: #05BBBE;
  display: block;
width: 55px;
  font-weight: normal !important;
  text-align: center;
}
#header .center > ul > li > div > .container ul li a.ribbon span.new {
  background: #F7B229;
  width: 55px;
}
#header .center > ul > li > div > .container ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 10px;
  margin-top: -3px;
  height: 7px;
  border-top: 2px solid #f5f7f6;
  border-right: 2px solid #f5f7f6;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .center > ul > li > div > .container .tcenter img {
  margin-top: -30px;
}
#header .center > ul > li > div > .container .tcenter .button {
  margin-top: 15px;
}
#header .center > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6;
  padding-top: 10px;
  display: none;
}
#header .center > ul > li > ul + a:before {
  position: absolute;
  content: "";
  right: 5px;
  border-radius: 2px;
  border: 5px solid transparent;
  border-top-color: #b7b7b7;
  top: 50%;
  margin-top: -3px;
}
#header .center > ul > li > ul li {
  background: rgba(0, 0, 0, 0.5);
}
#header .center > ul > li > ul li a {
  display: block;
  padding: 3px 20px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  white-space: nowrap;
  line-height: 25px;
}
#header .center > ul > li > ul li a:before {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%;
  width: 7px;
  margin-top: -3px;
  height: 7px;
  border-top: 2px solid #f5f7f6;
  border-right: 2px solid #f5f7f6;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .center > ul > li > ul li a:hover {
  color: #05BBBE;
}
#header .center > ul > li > ul li:first-child {
  padding-top: 8px;
}
#header .center > ul > li > ul li:last-child {
  padding-bottom: 8px;
}
#header .bottom {
  padding: 0 44px;
  position: absolute;
  top: 106px;
  z-index: 5;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#header .bottom > div {
  background: #f0f0f0;
  background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0);
  height: 60px;
  padding-right: 20px;
  border: 1px solid rgba(105, 105, 105, 0.25);
  margin-bottom: -30px;
  z-index: 5;
  position: relative;
}
#header .bottom > div:before,
#header .bottom > div:after {
  z-index: -1;
  position: absolute;
  content: "";
  left: -23px;
  top: 8px;
  width: 44px;
  height: 42px;
  background: #f0f0f0;
  background: -moz-linear-gradient(135deg, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  background: -webkit-linear-gradient(135deg, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 73%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0);
  border-left: 1px solid rgba(105, 105, 105, 0.25);
  border-bottom: 1px solid rgba(105, 105, 105, 0.25);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .bottom > div:after {
  left: auto;
  right: -23px;
  border: none;
  border-right: 1px solid rgba(105, 105, 105, 0.25);
  border-top: 1px solid rgba(105, 105, 105, 0.25);
}
#header .bottom > div .icon-link {
  margin: 11px 0;
  display: block;
  float: left;
  padding-left: 60px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  color: #808080;
  line-height: 18px;
  font-family: 'Open Sans', sans-serif;
}
#header .bottom > div .icon-link b {
  display: block;
  font-weight: 400;
}
#header .bottom > div .icon-link i {
  color: #F7B12B;
  position: absolute;
  left: 30px;
  top: 50%;
  font-size: 30px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#header .bottom > div a.icon-link:hover {
  color: #07BABF;
}
#header .bottom > div .button {
  float: right;
  margin-top: 12px;
  margin-left: 20px;
}
#header .bottom > div .button:last-child {
  margin-left: 0;
}
#header .fix {
  top: -60px;
  background: #F7F7F7;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(105, 105, 105, 0.25);
}
#header .fix > li {
  display: inline-block;
  position: static;
}
#header .fix > li > a {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: #b7b7b7;
  padding: 11px 20px;
  line-height: 25px;
  display: block;
  position: relative;
}
#header .fix > li:hover > a {
  background: #F7B12B;
  color: #fff;
}
#header .fix > li:hover > a:before {
  border-top-color: #fff;
}
#header .fix > li:hover > div {
  visibility: visible;
  opacity: 1;
}
#header .fix > li > div {
  position: absolute;
  left: 50%;
  top: 48px;
  z-index: 6;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  text-align: left !important;
}
#header .fix > li > div + a:before {
  position: absolute;
  content: "";
  right: 5px;
  border-radius: 2px;
  border: 5px solid transparent;
  border-top-color: #b7b7b7;
  top: 50%;
  margin-top: -3px;
}
#header .fix > li > div > .container {
  background: url(../img/menu.png) no-repeat;
  background-size: cover;
  padding: 45px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #f5f7f6;
  font-family: 'Open Sans', sans-serif;
}
#header .fix > li > div > .container b {
  display: block;
  font-weight: 400;
  border-bottom: 1px solid #949699;
  padding: 2px;
}
#header .fix > li > div > .container ul {
  padding: 10px 0;
}
#header .fix > li > div > .container ul li {
  padding: 10px 0;
}
#header .fix > li > div > .container ul li a {
  color: #f5f7f6;
  padding-left: 20px;
  position: relative;
  line-height: 18px;
  display: inline-block;
}
#header .fix > li > div > .container ul li a:hover {
  color: #05BBBE;
}
#header .fix > li > div > .container ul li a.ribbon {
  padding-right: 55px;
  position: relative;
}
#header .fix > li > div > .container ul li a.ribbon span {
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  font-size: 12px;
  background: #05BBBE;
  display: block;
  width: 50px;
  font-weight: normal !important;
}
#header .fix > li > div > .container ul li a.ribbon span img {
  margin-top: -30px;
}
#header .fix > li > div > .container ul li a.ribbon span .button {
  margin-top: 15px;
}
#header .fix > li > div > .container ul li a.ribbon span.new {
  background: #F7B229;
  width: 55px;

}
#header .fix > li > div > .container ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 7px;
  margin-top: -3px;
  height: 7px;
  border-top: 2px solid #f5f7f6;
  border-right: 2px solid #f5f7f6;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .fix > li > div > .container .tcenter img {
  margin-top: -30px;
}
#header .fix > li > div > .container .tcenter .button {
  margin-top: 15px;
}
#header .mobile {
  background: #E0E0E0;
  padding: 0 15px;
  font-family: 'Open Sans', sans-serif;
  color: #646464;
  line-height: 32px;
  display: inline-block;
  width: 100%;
}
#header .mobile > a {
  font-size: 14px;
  color: #646464;
  float: left;
}
#header .mobile > a i {
  font-size: 16px;
  margin-right: 5px;
}
#header .mobile > div {
  float: right;
  line-height: 34px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #797979;
  padding-left: 70px;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
#header .mobile > div:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #c1c1c1;
  border-left: 2px solid #c1c1c1;
  -moz-transform: rotate(-45deg) translateY(-100%);
  -ms-transform: rotate(-45deg) translateY(-100%);
  -o-transform: rotate(-45deg) translateY(-100%);
  -webkit-transform: rotate(-45deg) translateY(-100%);
  transform: rotate(-45deg) translateY(-100%);
}
#header .mobile > div input {
  display: none;
}
#header .mobile > div input:checked + ul {
  visibility: visible;
  opacity: 1;
}
#header .mobile > div > img {
  position: absolute;
  left: 42px;
  top: 50%;
  margin-top: -6px;
}
#header .mobile > div ul {
  position: absolute;
  right: 0;
  z-index: 3;
  width: 100%;
  background: #E0E0E0;
  line-height: normal;
  padding: 5px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  visibility: hidden;
  opacity: 0;
}
#header .mobile > div ul li a {
  position: relative;
  padding: 3px 20px;
  padding-left: 48px;
  display: block;
  font-size: 12px;
  color: #797979;
}
#header .mobile > div ul li a img {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -6px;
}
#header .mobile > div ul li a:hover {
  color: #0a83bb;
}
#header.fix .fix {
  top: 0;
}
#header.fix .mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.h-cap {
  z-index: 2;
}
.h-cap img {
  width: 100%;
}
#domain-queries {
  padding-top: 30px;
  padding-bottom: 25px;
  background: url(../img/pattern.png) #21265F;
  border-top: 2px solid #7a74d0;
}
#domain-queries h1 {
  z-index: 1;
  position: relative;
}
#domain-queries h1 > span {
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 1px;
  line-height: 17px;
  text-align: right !important;
}
#domain-queries h1 > span span {
  color: #fcc732;
}
#domain-queries form {
  position: relative;
  margin-top: 10px;
  padding: 40px 20px;
  border-radius: 5px;
  background: #21265f;
}
#domain-queries form > div {
  padding: 7px;
  background: #fff;
  border-radius: 5px;
  padding-right: 200px;
}
#domain-queries form > div input[type=text] {
  border: none;
  line-height: 45px;
  height: 45px;
  padding-left: 10px;
  font-size: 14px;
}
#domain-queries form > div input[type=text]::-webkit-input-placeholder {
  color: #9a9a9a;
}
#domain-queries form > div input[type=text]:-moz-placeholder {
  color: #9a9a9a;
}
#domain-queries form > div input[type=text]::-moz-placeholder {
  color: #9a9a9a;
}
#domain-queries form > div input[type=text]:-ms-input-placeholder {
  color: #9a9a9a;
}
#domain-queries form > div .button {

  position: absolute;
  top: 7px;
  right: 7px;
}
#domain-queries form:before {
  position: absolute;
  content: "";
  left: 0;
  top: -65px;
  height: 65px;
  right: 0;
  background: url(../img/question.png) no-repeat bottom center;
}
#domain-queries .row {
  margin: 0 -5px;
}
#domain-queries ul {
  padding-top: 10px;
  width: 100%;
  display: inline-block;
  padding-right: 250px;
}
#domain-queries ul li {
  width: 8.33%;
  float: left;
  padding: 0 5px;
}
#domain-queries .button.custom3 {
  margin-top: -50px;
  margin-right: 5px;
}
#product {
  padding: 20px 0;
}
#product h2 {
  padding-bottom: 5px;
  text-align: center;
}
#product #p-carousel {
  margin: 0 -12px;
  position: relative;
}
#product #p-carousel .item {
  margin: 12px;
}
#product #p-carousel .owl-controls {
  position: absolute;
  top: -30px;
  right: 8.33%;
}
#product #p-carousel .owl-controls .owl-pagination > div {
  width: 30px;
  height: 12px;
  background: #eae8e8;
  border-radius: 5px;
  border: 1px solid #ffffff;
  float: left;
  margin-left: 5px;
}
#product #p-carousel .owl-controls .owl-pagination > div.active {
  background: #3f7bc3;
  border-color: #fff;
}
#product2 {
  background: #F3F3F3;
  padding: 20px;
}
#product2 .head2 {
  text-align: center;
  padding-bottom: 12px;
}
#product2 > .row {
  margin: 0 -10px;
}
#product2 .col-lg-2 {
  width: 20%;
  padding: 0 10px;
  float: left;
}
#product2 .col-lg-10 {
  width: 80%;
  padding: 0 10px;
  float: left;
}
#product2 .col-lg-10 > div {
  display: none;
}
#product2 .col-lg-10 > div.active {
  display: block;
}
#product2 .col-lg-10 .row {
  margin: 0 -7px;
}
#product2 .col-lg-10 .row > div {
  padding: 0 7px;
}
#product2 .col-lg-10 .row > div .product-list {
  margin-bottom: 14px;
}
#services {
  background: #E7E7E7;
  padding: 20px 0;
}
#services .services-list {
  padding-top: 15px;
  padding-bottom: 15px;
}
#h-hosting h3 {
  text-align: center;
  padding: 25px 0;
}
#h-hosting .row {
  margin: 0 -12px;
}
#h-hosting .row > div {
  padding: 0 12px;
}
#h-hosting .row > div .hosting-list {
  margin-bottom: 24px;
}
#h-blog {
  padding-top: 30px;
}
#h-blog .head2 {
  text-align: center;
  padding-bottom: 15px;
}
#h-blog .row {
  margin: 0 -10px;
}
#h-blog .row ul li {
  width: 20%;
  float: left;
  padding: 0 10px;
}
#h-referance {
  padding: 15px 0;
}
#h-referance .head2 {
  text-align: center;
  padding-bottom: 15px;
}
#h-referance .row {
  margin: 0 -10px;
}
#h-referance .row > div {
  padding: 0 10px;
}
#subscription {
  padding: 15px 0;
  background: #728baca6;
  display: inline-block;
  width: 100%;
}
#subscription p {
  font-size: 23px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 32px;
  padding: 9px 0;
  float: left;
}
#subscription form {
  position: relative;
  float: right;
  height: 50px;
  background: #1E1E1E;
  width: 450px;
  padding-right: 130px;
}
#subscription form input {
  line-height: 50px;
  border: none;
  padding: 0;
  padding-left: 20px;
  background: none;
  font-size: 12px;
  font-style: italic;
  background : #e7e7e7;
}
#subscription form input::-webkit-input-placeholder {

}
#subscription form input:-moz-placeholder {
  color: #fff;
}
#subscription form input::-moz-placeholder {
  color: #fff;
}
#subscription form input:-ms-input-placeholder {
  color: #fff;
}
#subscription form input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  width: 130px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  background:#113c75;
}
#subscription form input[type=submit]:hover {
  color: #fff;
}
#footer {
  background: #0c2d5a;
}
#footer .contact {
  padding: 25px 15px;
  background: #233b71;
  width: 300px;
  float: left;
  z-index: 2;
}
#footer .contact .head3 {
  padding-bottom: 20px;
}
#footer .contact ul li {
  font-size: 12px;
  color: #fff;
  line-height: 19px;
  padding: 12px 0;
  padding-left: 45px;
  position: relative;
}
#footer .contact ul li i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #28b4be;
  border-radius: 100%;
  color: #0d2e5d;
  font-size: 18px;
}
#footer .contact ul li b {
  margin-right: 10px;
}
#footer .contact ul li a {
  color: #fff;
}
#footer .contact ul li a:hover {
  color: #F9B317;
}
#footer .quicklink {
  width: 840px;
  z-index: 2;
  float: left;
  padding: 25px 20px;
}
#footer .quicklink .head3 {
  background: url(../img/bank.png) no-repeat right center;
  margin-bottom: 35px;
}
#footer .quicklink ul li {
  width: 25%;
  float: left;
}
#footer .quicklink ul li a {
  font-size: 12px;
  color: #f9f7f7;
  line-height: 24px;
  padding-left: 15px;
  position: relative;
}
#footer .quicklink ul li a:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #28b4be;
  border-right: 2px solid #28b4be;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 50%;
  margin-top: -4px;
}
#footer .quicklink ul li a:hover {
  color: ##7bba1f;
}
#footer .quicklink ul li a:hover:before {
  border-color: #b5f953;
}
#footer #copyright {
  background: #113668;
  margin-top: -88px;
  height: 88px;
  padding: 10px 0;
}
#footer #copyright .container {
  padding-left: 330px;
}
#footer #copyright .container .row {
  margin: 0;
}
#footer #copyright .container .row > div {
  padding: 0;
}
#footer #copyright .mobile {
  padding-top: 9px;
  display: inline-block;
  width: 100%;
  padding-right: 20px;
}
#footer #copyright .mobile p {
  line-height: 46px;
  float: left;
}
#footer #copyright .mobile a {
  float: right;
}
#footer #copyright .social {
  z-index: 1;
}
#footer #copyright .social ul {
  float: right;
}
#footer #copyright .social ul li {
  float: left;
  padding-left: 20px;
}
#footer #copyright .social ul li a {
  color: #fff;
  font-size: 18px;
}
#footer #copyright .social ul li a:hover {
  color: #28b4be;
}
#footer #copyright .social p {
  padding-top: 8px;
  float: right;
  font-size: 12px;
  color: #fff;
  font-style: italic;
}
#business .cap-img .container {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#business .cap-img .container h1 {
  padding-bottom: 10px;
}
#business .content.custom2 {
  padding: 30px 0;
}
#business .content.custom2 .text3 img {
  max-width: 100%;
}
#business .content.custom2 .text3 img.fright {
  margin-left: 30px;
}
#business .content.custom2 .text3 img.fleft {
  margin-right: 30px;
}
#business2 .cap-img .container {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#business2 .cap-img .container h1.head4 {
  padding-bottom: 10px;
  font-weight: bold !important !important;
}
#business2 .content.custom2 {
  padding: 30px 0;
  padding-bottom: 60px;
}
#business2 .content.custom2 .head14 {
  padding-bottom: 20px;
}
#business2 .content.custom2 .head14.mod1 {
  padding-top: 50px;
}
#business2 .content.custom2 .head14.border {
  padding-bottom: 12px;
  padding-top: 50px;
}
#business2 .content.custom2 .text9 {
  padding-bottom: 25px;
}
#business2 .content.custom2 .various {
  display: block;
}
#business2 .content.custom2 .various i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-size: 40px;
}
#business2 .content.custom2 .various img {
  width: 100%;
}
#business2 .content.custom2 #gallery {
  padding-top: 6px;
}
#business2 .content.custom2 #gallery .row {
  margin: 0 -3px;
}
#business2 .content.custom2 #gallery .item {
  padding: 0 3px;
}
#business2 .content.custom2 #gallery .item img {
  width: 100%;
}
#business2 .content.custom2 #gallery .item a {
  display: block;
}
#business2 .content.custom2 #gallery .item a i {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale(1.5);
  -ms-transform: translate(-50%, -50%) scale(1.5);
  -o-transform: translate(-50%, -50%) scale(1.5);
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
  font-size: 48px;
  z-index: 2;
  opacity: 0;
}
#business2 .content.custom2 #gallery .item a:before {
  position: absolute;
  z-index: 2;
  content: "";
  background: rgba(28, 67, 82, 0.9);
  left: 12px;
  top: 12px;
  right: 12px;
  bottom: 12px;
  opacity: 0;
}
#business2 .content.custom2 #gallery .item a:hover i {
  opacity: 1;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
#business2 .content.custom2 #gallery .item a:hover:before {
  opacity: 1;
}
#business2 .content.custom2 .team {
  margin-top: 20px;
}
#number-we {
  display: inline-block;
  width: 100%;
}
#number-we li {
  float: left;
  width: 20%;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
}
#number-we li i {
  font-size: 80px;
  color: #e6e6e6;
  display: block;
}
#number-we li p {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold !important;
  font-size: 22px;
  color: #fff;
}
#number-we li p span {
  display: block;
  padding-bottom: 20px;
}
#hosting .cap-img {
  position: relative;
  background: url(../img/hosting.jpg);
  height: 350px;
}
#hosting .cap-img h1 {
  text-align: center;
  color: #fff;
}
#hosting .cap-img .container {
  position: absolute;
  left: 50%;
  bottom: 123px;
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
#hosting .hosting {
  margin-top: -57px;
  padding-bottom: 15px;
}
#hosting .hosting .hosting-list {
  margin-bottom: 30px;
}
#hosting .head5 {
  text-align: center;
}
#hosting .content.custom3 {
  padding: 30px 0;
}
#hosting .content.custom3 .row > div {
  padding: 0;
}
#hosting .content.custom3 .row > div .services-list {
  padding-top: 30px;
}
#hosting .content.custom3 .row > div .services-list div {
  padding: 0 15px;
  border-left: 1px  solid #cecece;
}
#hosting .content.custom3 .row > div:first-child .services-list > div {
  border: none;
}
#hosting2 .cap-img {
  position: relative;
  background: url(../img/hosting.jpg);
  height: 350px;
}
#hosting2 .cap-img h1 {
  text-align: center;
  color: #fff;
}
#hosting2 .cap-img .container {
  position: absolute;
  left: 50%;
  bottom: 123px;
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
#hosting2 .content.custom3 {
  padding-bottom: 170px;
}
#hosting2 .content.custom3:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 490px;
  background: #DBDBDB;
}
#hosting2 .content.custom6 {
  padding: 45px 0;
}
#hosting2 .services-list {
  height: 220px;
}
#hosting2 .head13 {
  margin-bottom: 35px;
  margin-top: 10px;
}
#hosting2 .hosting {
  top: -57px;
  padding-bottom: 15px;
}
#hosting2 .hosting .toggle {
  margin-bottom: 10px;
}
#hosting2 .hosting .button.custom2 {
  border-radius: 0;
  width: 100%;
  box-shadow: 0 0 5px rgba(192, 194, 192, 0.75);
  background: #3f7bc3;
}
#hosting2 .hosting .button.custom2:hover {
  background: #75b715;
}
#hosting2 .hosting .list.custom2.show li {
  display: none;
}
#hosting2 .hosting .list.custom2.show li:first-child,
#hosting2 .hosting .list.custom2.show li:nth-child(2),
#hosting2 .hosting .list.custom2.show li:nth-child(3) {
  display: block !important;
}
#hosting2 .hosting .list.custom2.show.active li {
  display: block !important;
}
#hosting2 .hosting .text8.show {
  padding: 10px 0;
}
#hosting2 .hosting .text8.show span {
  display: none;
}
#hosting2 .hosting .text8.show span:nth-child(2) {
  display: inline !important;
}
#hosting2 .hosting .text8.show.active span {
  display: none !important;
}
#hosting2 .hosting .text8.show.active span:first-child {
  display: inline !important;
}
#hosting2 .hosting .hosting-list {
  margin-bottom: 90px;
  margin-top: 57px;
}
#bid .cap-img .container {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#bid .cap-img .container h1 {
  padding-bottom: 10px;
}
#bid .content.custom2 {
  padding: 30px 0;
}
#bid .content.custom2 form {
  min-height: 995px;
  padding-right: 540px;
  background: url(../img/teklifal.jpg) no-repeat top right;
}
#bid .content.custom2 form fieldset,
#bid .content.custom2 form .file {
  padding: 0;
  padding-bottom: 20px;
  border: none;
}
#bid .content.custom2 form fieldset input[type=checkbox],
#bid .content.custom2 form .file input[type=checkbox] {
  top: 2px;
  position: relative;
}
#bid .content.custom2 form fieldset label,
#bid .content.custom2 form .file label {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
}
#bid .content.custom2 form p {
  font-size: 12px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-weight: bold;
  padding-bottom: 15px;
}
#bid .content.custom2 form p span {
  font-weight: normal;
}
#software .cap-img {
  background: url(../img/yazilimlar.jpg);
}
#software .cap-img .container {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#software .cap-img .container h1 {
  padding-bottom: 10px;
}
#software .content.custom3 {
  padding: 30px 0;
}
#software .content.custom4 {
  padding: 8px 10px;
  margin-bottom: 20px;
}
#software .widget {
  width: 225px;
  float: left;
}
#software .product {
  float: right;
  width: 915px;
  padding-left: 20px;
}
#software .product .row {
  margin: 0 -8px;
}
#software .product .row > div {
  padding: 0 8px;
  padding-bottom: 16px;
}
#software .search form {
  position: relative;
}
#software .search form input {
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  box-shadow: inset 0 0 1px #a1a1a1;
  padding: 11px 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #a79b97;
}
#software .search form button {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 43px;
  width: 43px;
  text-align: center;
  background: none;
  border: none;
  color: #E78C6D;
  font-size: 20px;
}
#software .search form button:hover {
  color: #05BBBE;
}
#software #slider .item {
  text-align: center;
  font-size: 13px;
}
#software #slider .item img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
#software #slider .item span {
  padding: 10px 0;
  display: block;
  color: #646769;
}
#software #slider .owl-controls {
  position: relative;
  height: 32px;
  border-radius: 5px;
  box-shadow: inset 1px 0 1px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #e2dfde;
  background: #f6f2ef;
  background: -moz-linear-gradient(top, #f6f2ef 0%, #eae7e5 100%);
  background: -webkit-linear-gradient(top, #f6f2ef 0%, #eae7e5 100%);
  background: linear-gradient(to bottom, #f6f2ef 0%, #eae7e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f2ef', endColorstr='#eae7e5', GradientType=0);
  padding: 0 40px;
}
#software #slider .owl-controls .owl-pagination {
  text-align: center;
}
#software #slider .owl-controls .owl-pagination > div {
  width: 8px;
  height: 8px;
  background: #b2b2b2;
  border-radius: 100%;
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.3), 1px 0 1px rgba(255, 255, 255, 0.8);
  display: inline-block;
  margin: 12px 4px;
}
#software #slider .owl-controls .owl-pagination > div:hover,
#software #slider .owl-controls .owl-pagination > div.active {
  background: #2f8cda;
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(255, 255, 255, 0.8);
}
#software #slider .owl-controls .owl-buttons > div {
  z-index: 2;
  width: 30px;
  position: absolute;
  left: -40px;
  top: -32px;
  height: 30px;
  border-right: 1px solid #dbd5cf;
}
#software #slider .owl-controls .owl-buttons > div:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  margin-top: -3px;
  margin-left: -3px;
  width: 6px;
  height: 6px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#software #slider .owl-controls .owl-buttons > div.owl-next {
  left: auto;
  right: -40px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#software .menu {
  padding: 15px 0 !important;
}
#software .button.custom4 {
  margin-top: 8px;
}
#software .button.custom6 {
  margin-bottom: 10px;
}
#software .toggle {
  margin-bottom: 20px;
}
#software .toggle .toggle-content {
  border: none;
  padding: 0;
}
#contact .cap-img .container {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#contact .cap-img .container h1 {
  padding-bottom: 10px;
}
#contact .content.custom2 {
  padding-bottom: 50px;
}
#contact .content.custom2 .map {
  border-bottom: 10px solid #333;
}
#contact .content.custom2 .map iframe {
  width: 100%;
  height: 490px;
}
#contact .content.custom2 ul li {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #999;
  line-height: 30px;
  padding: 12px 0;
  padding-left: 65px;
  position: relative;
}
#contact .content.custom2 ul li i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  line-height: 36px;
  border-radius: 100%;
  border: 2px solid #BFBFBF;
}
#contact .content.custom2 ul li b {
  color: #000;
  font-size: 13px;
}
#contact .content.custom2 ul li a {
  color: #999;
}
#contact .content.custom2 ul li a:hover {
  color: #04a7aa;
}
#contact .content.custom2 .head7 {
  margin-top: 25px;
}
#contact .content.custom2 form input[type=text],
#contact .content.custom2 form textarea,
#contact .content.custom2 form button {
  margin-top: 12px;
}
#detail .cap-img .container {
  position: absolute;
  bottom: 100px;
  left: 50%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#detail .cap-img .container h1 {
  float: left;
  position: relative;
  padding-left: 135px;
  padding-right: 140px;
  margin-top: 15px;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
}
#detail .cap-img .container h1 span {
  position: absolute;
  left: 0;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.4);
  display: block;
  width: 120px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-weight: bold !important;
  top: 0;
}
#detail .cap-img .container h1 .text2 a {
  color: #fff;
}
#detail .cap-img .container h1 .text2 a:hover {
  color: #F7B32A;
}
#detail .cap-img .container h1 .rating {
  position: absolute;
  top: 5px;
  right: 0;
}
#detail .cap-img .container h1 .rating li {
  line-height: normal;
}
#detail .cap-img .container .chart {
  position: relative;
  background: #F58B7B;
  float: right;
  display: block;
  width: 94px;
  height: 94px;
  border-radius: 100%;
  margin-left: 30px;
  font-size: 22px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
  padding: 21px 0;
}
#detail .cap-img .container .chart span {
  display: block;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
}
#detail .cap-img .container .chart canvas {
  position: absolute;
  left: -8px;
  top: -8px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#detail .content.custom5 {
  background-position: center -125px;
  padding-bottom: 50px;
}
#detail .content.custom5 #slider {
  margin-top: -105px;
  width: 670px;
  float: left;
}
#detail .content.custom5 #slider .button {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: bold !important;
  padding: 0 25px;
}
#detail .content.custom5 #slider .owl-wrapper-outer {
  position: static;
}
#detail .content.custom5 #slider .owl-wrapper-outer .item img {
  width: 100%;
}
#detail .content.custom5 #slider .owl-wrapper-outer:before {
  position: absolute;
  content: "";
  left: -110px;
  top: -45px;
  width: 952px;
  height: 652px;
  background: url(../img/detail-slider.png) no-repeat left;
  z-index: 5;
}
#detail .content.custom5 #slider .owl-controls {
  z-index: 6;
}
#detail .content.custom5 #slider .owl-controls .owl-pagination {
  float: right;
  margin-top: -30px;
  margin-right: 20px;
}
#detail .content.custom5 #slider .owl-controls .owl-pagination > div {
  width: 18px;
  height: 18px;
  background: #05BBBE;
  border-radius: 100%;
  float: left;
  margin: 0 4px;
}
#detail .content.custom5 #slider .owl-controls .owl-pagination > div.active,
#detail .content.custom5 #slider .owl-controls .owl-pagination > div:hover {
  background: #999999;
}
#detail .content.custom5 #price {
  float: right;
  z-index: 8;
  margin-top: -105px;
  min-height: 570px;
}
#detail .content.custom5 #price .tab {
  width: 460px;
}
#detail .content.custom5 #price .tab > div > div {
  padding: 15px;
}
#detail .content.custom5 #price .tab > div > div .text4 {
  padding: 15px 0;
  display: block;
}
#detail .content.custom5 #price .tab > div > div .price {
  background: #3b6290;
  margin: 0 -15px;
  margin-bottom: -15px;
  margin-top: 5px;
  padding: 10px 15px;
  position: relative;
}
#detail .content.custom5 #price .tab > div > div .price p {
  color: #fff;
  font-weight: lighter;
  padding-right: 140px;
  font-family: 'Open Sans', sans-serif;
}
#detail .content.custom5 #price .tab > div > div .price p span {
  display: block;
  color: #fff;
  font-size: 11px;
}
#detail .content.custom5 #price .tab > div > div .price .button {
  position: absolute;
  right: 15px;
  top: 10px;
}
#detail .content.custom5 #price .tab > div > div .price div {
  color: #fff;
  font-size: 11px;
  text-align: center;
  background: #666;
  margin: 0 -15px;
  margin-top: 10px;
  margin-bottom: -10px;
  padding: 10px;
}
#detail .content.custom5 .container > .row {
  margin-top: 45px;
}
#detail .content.custom5 .container > .row .tab > div > div {
  padding: 30px 0;
}
#detail .content.custom5 .container > .row .tab > div > div .head8 {
  padding: 15px 0;
}
#detail .content.custom5 .container > .row .row {
  margin: 0 -2px;
}
#detail .content.custom5 .container > .row .row > div {
  padding: 0 2px;
}
#detail .content.custom5 .container > .row .row > div .slogan {
  background: #75b715;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  padding: 10px 0;
  padding-top: 32px;
  line-height: 18px;
}
#detail .content.custom5 .container > .row .row > div .slogan div {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 7px;
  background: #3f7bc3;
  border-radius: 100%;
  top: -25px;
  left: 50%;
  margin-left: -25px;
}
#detail .content.custom5 .container > .row .row > div .slogan div:before {
  position: absolute;
  content: "";
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 100%;
  border: 1px solid #fff;
}
#detail .content.custom5 .container > .row h3 {
  padding-top: 30px;
}
#detail .content.custom5 .container > .row .product-list {
  margin-top: 20px;
}
#detail .comments-form .add-rating {
  display: inline-block;
}
#detail .comments-form .add-rating label {
  color: rgba(153, 153, 153, 0.7);
  font-size: 18px;
  padding: 0 1px;
}
#detail .comments-form .add-rating[data-rating="1"] label:first-child {
  color: #FFCB00;
}
#detail .comments-form .add-rating[data-rating="2"] label:first-child,
#detail .comments-form .add-rating[data-rating="2"] label:nth-child(2) {
  color: #FFCB00;
}
#detail .comments-form .add-rating[data-rating="3"] label:first-child,
#detail .comments-form .add-rating[data-rating="3"] label:nth-child(2),
#detail .comments-form .add-rating[data-rating="3"] label:nth-child(3) {
  color: #FFCB00;
}
#detail .comments-form .add-rating[data-rating="4"] label:first-child,
#detail .comments-form .add-rating[data-rating="4"] label:nth-child(2),
#detail .comments-form .add-rating[data-rating="4"] label:nth-child(3),
#detail .comments-form .add-rating[data-rating="4"] label:nth-child(4) {
  color: #FFCB00;
}
#detail .comments-form .add-rating[data-rating="5"] label {
  color: #FFCB00;
}
#detail .comments-form .add-rating input {
  display: none;
}
#panel .cap-img {
  height: 120px;
}
#panel .cap-img .container {
  padding-top: 30px;
  padding-left: 220px;
  padding-right: 50px;
}
#panel .cap-img .container p {
  position: absolute;
  left: 0;
  color: #fff;
  line-height: 56px;
  margin-top: 17px;
  padding-left: 70px;
  display: block;
  font-weight: bold !important;
  font-size: 20px;
}
#panel .cap-img .container p i {
  display: block;
  float: left;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  line-height: 48px;
  background: #F58B7B;
  font-size: 24px;
  position: relative;
  top: 4px;
  position: absolute;
  left: 0;
}
#panel .cap-img .container p i:after {
  position: absolute;
  content: "";
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 100%;
  border: 2px solid #05bbbd;
}
#panel .cap-img .container #notice {
  padding-top: 17px;
}
#panel .cap-img .container #notice .item {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  line-height: 56px;
}
#panel .cap-img .container #notice .item a {
  color: #fff;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#panel .cap-img .container #notice .item a:hover {
  color: #05BBBE;
}
#panel .cap-img .container #notice .owl-controls {
  position: absolute;
  right: -25px;
  top: 38px;
}
#panel .cap-img .container #notice .owl-controls .owl-buttons > div {
  float: left;
  position: relative;
}
#panel .cap-img .container #notice .owl-controls .owl-buttons > div:after,
#panel .cap-img .container #notice .owl-controls .owl-buttons > div:before {
  position: absolute;
  content: "";
  left: 5px;
  top: 0;
  width: 17px;
  height: 6px;
  background: #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#panel .cap-img .container #notice .owl-controls .owl-buttons > div:after {
  top: 8px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#panel .cap-img .container #notice .owl-controls .owl-buttons > div:hover:after,
#panel .cap-img .container #notice .owl-controls .owl-buttons > div:hover:before {
  background: #05BBBE;
}
#panel .cap-img .container #notice .owl-controls .owl-buttons > div.owl-prev {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}
#panel .content.custom2 {
  display: inline-block;
  width: 100%;
}
#panel .content.custom2 .container {
  float: left;
  min-height: 700px;
  padding-left: 0;
}
#panel .content.custom2 .container > .rows {
  position: unset;
  display: -webkit-flex;
  display: flex;
}
#panel .content.custom2 .container > .rows > div {
  width: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
#panel .content.custom2 .container > .rows > div .row {
  padding-top: 50px;
  padding-left: 30px;
  padding-bottom: 100px;
}
#panel .content.custom2 .container .widget {
  background: #465061;
  overflow: auto;
  min-width: 260px;
  width: 260px;
  -webkit-flex: 260px;
  -ms-flex: 260px;
  flex: 260px;
}
#panel .content.custom2 .container .widget .user {
  padding: 20px 0;
  background: #242424;
}
#panel .content.custom2 .container .widget .user p {
  text-align: center;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}
#panel .content.custom2 .container .widget .user p b {
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  display: block;
}
#panel .content.custom2 .container .widget .user img {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
  margin-top: 20px;
}
#panel .content.custom2 .container .widget .user ul {
  text-align: center;
  margin-top: 18px;
}
#panel .content.custom2 .container .widget .user ul li {
  display: inline-block;
  padding: 0 15px;
}
#panel .content.custom2 .container .widget .user ul li:first-child a {
  top: -12px;
}
#panel .content.custom2 .container .widget .user ul li:last-child a {
  color: red;
  top: -12px;
}
#panel .content.custom2 .container .widget .user ul li a {
  color: #666;
  font-size: 18px;
}
#panel .content.custom2 .container .widget .user ul li a:hover {
  color: #fff;
}
#panel .content.custom2 .container .widget .menu {
  background: #465061;
  border-top: 1px solid rgba(51, 51, 51, 0.3);
}
#panel .content.custom2 .container .widget .menu p {
  color: #fff;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold !important;
  line-height: 50px;
  padding: 0 20px;
}
#panel .content.custom2 .container .widget .menu p:after,
#panel .content.custom2 .container .widget .menu p:before {
  position: absolute;
  content: "";
  right: 25px;
  top: 22px;
  width: 12px;
  height: 4px;
  background: #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#panel .content.custom2 .container .widget .menu p:after {
  right: 19px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#panel .content.custom2 .container .widget .menu ul li a {
  display: block;
  line-height: 46px;
  background: #3B424E;
  padding-left: 60px;
  font-size: 14px;
  color: #ffffff;
  border-top: 1px solid #666;
}
#panel .content.custom2 .container .widget .menu ul li a i {
  position: absolute;
  left: 5px;
  top: 5px;
  line-height: 36px;
  width: 36px;
  display: block;
  text-align: center;
  border-radius: 100%;
  background: #5c708c;
  color: #fff;
  font-size: 20px;
}
#panel .content.custom2 .container .widget .menu ul li a:hover {
  background: #465061;
  color: #28b4be;
}
#panel .content.custom2 .container .widget .menu.active ul {
  display: none;
}
#panel .content.custom2 .container .charts {
  padding-bottom: 30px;
}
#panel .content.custom2 .container .charts a {
  display: block;
  padding: 40px 0;
}
#panel .content.custom2 .container .charts a:hover {
  background: #F6F6F6;
}
#panel .content.custom2 .container .charts .chart {
  position: relative;
  width: 130px;
  height: 130px;
  background: #F58B7B;
  border-radius: 100%;
  font-size: 28px;
  font-weight: bold !important;
  text-align: center;
  color: #666;
  padding: 35px 0;
  display: block;
  margin: 0 auto;
}
#panel .content.custom2 .container .charts .chart span {
  display: block;
  font-size: 14px;
  font-weight: normal !important;
  font-family: 'Open Sans', sans-serif;
}
#panel .content.custom2 .container .charts .chart canvas {
  top: -7px;
  left: -7px;
  position: absolute;
}
#panel .content.custom2 .container .message li {
  border-bottom: 1px solid #e3e3e3;
}
#panel .content.custom2 .container .message li a {
  line-height: 24px;
  display: block;
  padding: 15px;
  padding-right: 110px;
}
#panel .content.custom2 .container .message li a b {
  display: block;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: #505050;
  font-weight: normal !important;
}
#panel .content.custom2 .container .message li a u {
  position: absolute;
  right: 15px;
  text-align: right !important;
  top: 15px;
  font-size: 16px;
  color: #666;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold !important;
}
#panel .content.custom2 .container .message li a span {
  display: block;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #939393;
}
#panel .content.custom2 .container .message li a:hover {
  background: #e3e3e3;
}
#panel .content.custom2 .container .message li:last-child {
  border: none;
}
#panel .content.custom2 .container .head9 {
  margin-top: 30px;
}
#login .head10 {
  line-height: 45px;
  background: url(../img/pop-logo.png) no-repeat right top;
  margin-bottom: 5px;
}
#login .pop-content {
  padding: 15px 20px;
  padding-bottom: 25px;
  width: 750px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(186, 186, 186, 0.6);
}
#login .pop-content form {
  padding: 0 15px;
  float: left;
  width: 50%;
  padding-right: 40px;
  padding-top: 30px;
  border-right: 1px solid #c4c4c4;
}
#login .pop-content form > span {
  position: absolute;
  display: block;
  width: 44px;
  text-align: center;
  height: 44px;
  right: -22px;
  top: 50%;
  margin-top: -22px;
  border-radius: 100%;
  background: #fff;
  line-height: 40px;
  color: #666;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  box-shadow: inset 0 -4px 0 rgba(4, 4, 4, 0.3);
}
#login .pop-content form fieldset {
  padding: 8px 0;
  border: none;
  display: block;
  width: 100%;
}
#login .pop-content form fieldset .checkbox {
  padding: 20px 0;
}
#login .pop-content form fieldset .button {
  display: block;
  margin: 0 auto;
}
#login .pop-content .row {
  padding: 10px 0;
}
#login .pop-content .col-xs-12 > div {
  width: 50%;
  float: left;
  padding-left: 90px;
  padding-right: 55px;
}
#login .pop-content .col-xs-12 > div .head11 {
  padding-top: 35px;
  padding-bottom: 15px;
}
#login .pop-content .col-xs-12 > div .button {
  margin: 12px 0;
}
@media (min-width: 1580px) {
  #panel .content.custom2 .container {
    width: 1550px;
  }
}
@media (min-width: 1200px) {
  .toggle-lg .toggle-content {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  #header .center > ul > li > a {
    padding: 11px 18px;
  }
  #header .bottom > div .button {
    margin-left: 15px;
    padding-right: 15px;
  }
  .product-list.custom1 {
    padding: 20px;
  }
  .product-list.custom1 .img {
    bottom: 0;
    left: 0;
    display: block;
    float: left;
    position: relative;
    margin-left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .product-list.custom1 p {
    width: 100%;
    display: inline-block;
  }
  #product2 .col-lg-2 {
    width: 25%;
  }
  #product2 .col-lg-10 {
    width: 75%;
  }
  #subscription p {
    font-size: 20px;
  }
  #subscription form {
    width: 350px;
  }
  #footer .quicklink {
    width: 640px;
  }
  #footer #copyright {
    margin: 0;
  }
  #footer #copyright .container {
    padding: 0 15px;
  }
  #bid .content.custom2 form {
    padding-right: 400px;
    background-size: 350px auto;
  }
  #software .product {
    width: 715px;
  }
  #detail .cap-img .container h1 {
    font-size: 20px;
  }
  #detail .content.custom5 #slider {
    float: none;
    margin: 0 auto;
    margin-top: -90px;
    height: 620px;
  }
  #detail .content.custom5 #slider .button {
    margin-top: -100px;
  }
  #detail .content.custom5 #price {
    margin: 0 auto;
    float: none;
    width: 460px;
    min-height: auto;
  }
  #detail .content.custom5 .container > .row .tab.custom2 ul li a {
    padding: 20px 40px;
  }
  #hosting2 .services-list {
    height: 255px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .toggle-md .toggle-content {
    display: block !important;
  }
}
@media (max-width: 991px) {
  #header .center {
    text-align: center;
    padding: 10px 0;
  }
  #header .center .logo {
    float: none;
  }
  .cap-img {
    height: 280px;
  }
  #domain-queries ul {
    padding-right: 0;
  }
  #product2 .col-lg-2 {
    width: 30%;
  }
  #product2 .col-lg-10 {
    width: 70%;
  }
  #h-blog .row ul li {
    width: 25%;
  }
  #h-blog .row ul li:last-child {
    display: none;
  }
  #h-referance .row > div {
    margin-bottom: 20px;
  }
  #subscription p {
    float: none;
    text-align: center;
  }
  #subscription form {
    float: none;
    margin: 0 auto;
  }
  #footer .contact {
    width: 250px;
  }
  #footer .quicklink {
    width: 450px;
  }
  #footer .quicklink ul li {
    width: 50%;
  }
  #footer #copyright .mobile a {
    float: left;
  }
  #hosting .content.custom3 .row > div:nth-child(3) .services-list div {
    border: none;
  }
  #bid .content.custom2 form {
    padding-right: 300px;
    background-size: 280px auto;
  }
  #software .widget {
    width: 100%;
  }
  #software .product {
    width: 100%;
    padding: 0;
  }
  #software .toggle .toggle-content {
    padding: 10px;
    border: 2px solid #ded8d7;
    border-top: 0;
  }
  #detail .cap-img .container {
    bottom: 60px;
  }
  #detail .cap-img .container h1 {
    padding-bottom: 15px;
  }
  #detail .cap-img .container .chart:first-child {
    margin-right: 189px;
  }
  #detail .content.custom5 #slider {
    margin-top: -50px;
  }
  #panel .content.custom2 .container {
    float: none;
    padding: 0 15px;
  }
  #panel .content.custom2 .container .rows {
    display: block;
  }
  #panel .content.custom2 .container .rows > div .row {
    padding-left: 0;
  }
  #panel .content.custom2 .container .widget {
    position: relative;
    width: 100%;
  }
  #panel .content.custom2 .container .widget .menu ul {
    display: none;
  }
  #panel .content.custom2 .container .widget .menu.active ul {
    display: block;
  }
  #hosting2 .hosting .toggle .head:before {
    -moz-transform: translateY(-50%) rotateX(180deg);
    -ms-transform: translateY(-50%) rotateX(180deg);
    -o-transform: translateY(-50%) rotateX(180deg);
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
  }
  #hosting2 .hosting .toggle .toggle-content {
    display: block;
  }
  #hosting2 .hosting .toggle.active .head:before {
    -moz-transform: translateY(-50%) rotateX(0deg);
    -ms-transform: translateY(-50%) rotateX(0deg);
    -o-transform: translateY(-50%) rotateX(0deg);
    -webkit-transform: translateY(-50%) rotateX(0deg);
    transform: translateY(-50%) rotateX(0deg);
  }
  #hosting2 .hosting .toggle.active .toggle-content {
    display: none;
  }
  #hosting2 .hosting .hosting-list {
    margin-top: 65px;
    margin-bottom: 20px;
  }
  #hosting2 .services-list {
    height: auto;
  }
  #business2 .various {
    margin-top: 20px;
  }
  #business2 #number-we li {
    width: 33.33%;
  }
  #business2 #number-we li:nth-child(4) {
    margin-left: 16.67%;
  }
}
@media (max-width: 767px) {
  .services-list.custom3 img {
    left: 50%;
    margin-left: -53px;
  }
  .services-list.custom3 div {
    padding: 45px 40px;
    padding-top: 175px;
  }
  .services-list.custom3 div .head,
  .services-list.custom3 div p {
    text-align: center !important;
  }
  .product-list.custom3 {
    padding: 0;
    padding-bottom: 60px;
  }
  .product-list.custom3 > img {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .product-list.custom3 .buttons {
    left: 0;
  }
  .product-list.custom3 .buttons div {
    text-align: center;
    padding: 6px 0;
  }
  .product-list.custom3 .buttons div div {
    display: none;
  }
  #domain-queries h1 {
    text-align: center;
  }
  #domain-queries form > div {
    padding-right: 104px;
  }
  #domain-queries form > div .button {
    width: 90px;
  }
  #domain-queries ul li {
    width: 16.66%;
    margin: 5px 0;
  }
  #product #p-carousel {
    margin: 0;
  }
  #product #p-carousel .item {
    margin: 12px 0;
  }
  #product #p-carousel .item .product-list.custom1 {
    box-shadow: none;
  }
  #product #p-carousel .owl-controls {
    display: none !important;
  }
  #product2 .col-lg-10 {
    width: 100%;
  }
  #h-blog .row ul li {
    width: 50%;
  }
  #subscription form {
    width: 100%;
  }
  #footer .contact {
    width: 100%;
  }
  #footer .quicklink {
    width: 100%;
  }
  #footer .quicklink .head3 {
    padding-top: 35px;
    background-position: center top;
    text-align: center;
  }
  #footer #copyright {
    height: auto;
  }
  #footer #copyright .mobile {
    padding-right: 0;
    text-align: center;
  }
  #footer #copyright .mobile a {
    float: none;
  }
  #footer #copyright .social {
    text-align: center;
  }
  #footer #copyright .social ul {
    width: 100%;
    padding-top: 8px;
  }
  #footer #copyright .social ul li {
    display: inline-block;
    padding: 0 10px;
    float: none !important;
  }
  #business .cap-img .container {
    width: 100%;
  }
  #business2 .cap-img .container {
    width: 100%;
  }
  #business2 #number-we li {
    width: 100%;
    margin: 0 !important;
  }
  #hosting .content.custom3 .row > div .services-list div {
    border: none;
  }
  #bid .cap-img .container {
    left: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
  }
  #bid .content.custom2 form {
    padding-right: 0;
    background: none;
  }
  #detail .cap-img {
    height: 360px;
  }
  #detail .cap-img .container {
    bottom: 70px;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  #detail .cap-img .container h1 {
    padding: 0 15px;
    padding-bottom: 15px;
    padding-top: 70px;
    width: 100%;
    font-size: 18px;
  }
  #detail .cap-img .container h1 span {
    left: 15px;
  }
  #detail .cap-img .container h1 .rating {
    top: 18px;
    right: 15px;
  }
  #detail .cap-img .container .chart {
    display: inline-block;
    float: none;
    margin: 0 10px !important;
  }
  #detail .cap-img .container .chart:first-child {
    margin-right: 0;
  }
  #detail .content.custom5 .container > .row:first-child > div {
    padding: 0;
  }
  #detail .content.custom5 #slider {
    margin-top: -50px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  #detail .content.custom5 #slider .button {
    margin: 0;
  }
  #detail .content.custom5 #slider .owl-wrapper-outer:before {
    display: none;
  }
  #detail .content.custom5 #price {
    width: 100%;
  }
  #detail .content.custom5 #price .tab {
    width: 100%;
  }
  #detail .content.custom5 #price .tab ul li {
    width: 100%;
  }
  #detail .content.custom5 #price .tab > div > div .price .button {
    right: 50%;
    top: 59px;
    -moz-transform: traslateX(50%);
    -ms-transform: traslateX(50%);
    -o-transform: traslateX(50%);
    -webkit-transform: traslateX(50%);
    transform: translateX(50%);
  }
  #detail .content.custom5 #price .tab > div > div .price p {
    padding: 0;
    padding-bottom: 50px;
    text-align: center;
  }
  #detail .content.custom5 .container .row .tab.custom2 ul li {
    width: 100%;
    text-align: center;
  }
  #panel .cap-img {
    height: 150px;
  }
  #panel .cap-img .container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 45px;
  }
  #panel .cap-img .container p {
    left: 50%;
    top: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #panel .cap-img .container #notice .owl-controls {
    right: 50%;
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: auto;
    bottom: 0;
  }
  #contact .cap-img .container {
    width: 100%;
  }
  #login .pop-content {
    max-width: 85%;
  }
  #login .pop-content form {
    width: 100%;
    padding: 0;
    padding-bottom: 30px;
    border-right: none;
    border-bottom: 1px solid #c4c4c4;
  }
  #login .pop-content form > span {
    top: auto;
    bottom: -20px;
    margin: 0;
    right: 50%;
    margin-right: -20px;
  }
  #login .pop-content form fieldset .checkbox {
    padding: 0;
  }
  #login .pop-content .col-xs-12 > div {
    width: 100%;
    padding: 0;
    padding-bottom: 20px;
  }

  .btn-success {

  	color: #3f7bc3 !important;
}
  }
}