/*-------------
[Master Stylesheet]

Project:        SPY Hosting
Version:        1.0
Last change:    10.11.2017
Primary use:    SPY hosting multipurpose template
Author:         99_Design
Author Email:   logicsforest@gmail.com

#TABEL OF CONTENT#
1# FONTS
2# GENERAL CSS
3# HEADER SECTION
4# MAIN SLIDER
5# DOMAIN SEARCH
6# UNLIMITED WEB HOSTING
7# FEATURES
8# HOSTING PLANS
9# WHY CHOSE US
10# COUNTER
11# LATETS NEWS
12# CLIENT FEEDBACK
13# CONTACT FORM
14# PARTNERS
15# FOOTER
16# ABOUT PAGE
17# HOSTING PAGE
18# DOMAIN PAGE
19# CLIENT PAGE
20# BLOG PAGE
21# OTHER PAGES
22# CONTACT PAGE

******************/
/* ================================= */
/* ---------- General CSS ---------- */
/* ================================= */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Roboto:300,400,500,700,900');

body {
    height: 100%;
    position: relative;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000428;
    font-size: 0.9375rem;
  overflow-x: hidden;
}
html {
    font-size: 16px;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
p {
    line-height:27px;
    margin: 0;
    color: #8b8b8b;
}
a {
    color: #8b8b8b;
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: inherit;
}
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    font-family: 'Raleway', sans-serif;
}
h1,
h2,
h3 {
    font-weight:700;
}
h1,
.h1 {
    font-size: 3rem;
}
h2,
.h2 {
    font-size: 1.7rem;
    font-weight:700;
}
h3,
.h3 {
    font-size: 1.5rem;
}
h4,
.h4 {
    font-size: 1.25rem;
}
h5,
.h5 {
    font-size: 1.125rem;
}
h6,
.h6 {
    font-size: 1rem;
    margin: 0;
}
.title_text {
    padding: 0 15%;
}
.bg_white {
    background: #fff;
}
.white_t,
.white_t p {
    color: #fff;
}
.defaultcolor {
    color: #f71735;
}
img {
    width: 100%;
}
.heading {
    border-bottom:2px solid #f71735;
    display: inline-block;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight:700;
}
.padding {
    padding: 100px 0;
}
.padding-top {
    padding-top: 100px;
}
.padding-bottom {
    padding-bottom: 100px;
}
.padding-60-b {
    padding-bottom: 60px;
}
.padding-40-b {
    padding-bottom: 40px;
}
.margin_b_30 {
    margin-bottom: 30px;
}
.margin_t_20 {
    margin-top: 20px;
}
.margin_b_10 {
    margin-bottom: 10px;
}
.margin_b_60 {
    margin-bottom: 60px;
}
.margin_t_50 {
    margin-top: 50px;
}
.heading_space {
    margin-bottom: 50px;
}
/* ================================= */
/* ------------- Loader ------------ */
/* ================================= */
.loader {
    position: fixed;
    z-index: 110000;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    top: 0;
    bottom: 0;
    background:#f71735;}
.frame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    border-radius: 2px;
    overflow: hidden;
}
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-perspective: 500px;
    perspective: 500px;
}
.loader-inner {
    width: 60px;
    height: 60px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-25deg) rotateY(45deg);
    transform: rotateX(-25deg) rotateY(45deg);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer;
}
.loader-inner .plane {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}
.loader-inner .bottom {
    -webkit-transform: rotateX(-90deg) translateZ(30px);
    transform: rotateX(-90deg) translateZ(30px);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: -8px -8px 10px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.loader .left {
    -webkit-transform: rotateY(-90deg) translateZ(30px);
    transform: rotateY(-90deg) translateZ(30px);
}
.loader-inner .left:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: fill 4s ease-in-out infinite alternate;
    animation: fill 4s ease-in-out infinite alternate;
}
.loader-inner .right {
    -webkit-transform: rotateY(90deg) translateZ(30px);
    transform: rotateY(90deg) translateZ(30px);
}
.loader-inner .right:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: fill 4s ease-in-out infinite alternate;
    animation: fill 4s ease-in-out infinite alternate;
}
.loader-inner .back {
    -webkit-transform: rotateY(180deg) translateZ(30px);
    transform: rotateY(180deg) translateZ(30px);
}
.loader-inner .back:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: fill 4s ease-in-out infinite alternate;
    animation: fill 4s ease-in-out infinite alternate;
}
.loader-inner .front {
    -webkit-transform: rotateY(0deg) translateZ(30px);
    transform: rotateY(0deg) translateZ(30px);
}
.loader-inner .front:before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: fill 4s ease-in-out infinite alternate;
    animation: fill 4s ease-in-out infinite alternate;
}
.loader-inner .top {
    -webkit-transform: rotateX(90deg) translateZ(30px);
    transform: rotateX(90deg) translateZ(30px);
    opacity: .5;
}
.loader-inner .fill-top {
    background: rgba(255, 255, 255, 0.8);
    -webkit-animation: fill-top 4s ease-in-out infinite alternate;
    animation: fill-top 4s ease-in-out infinite alternate;
}
@-webkit-keyframes fill {
    0%, 25% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    75%,
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes fill {
    0%, 25% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    75%,
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@-webkit-keyframes color-bottom {
    0% {
        background: rgba(0, 0, 0, 0.1);
    }
    25%,
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}
@keyframes color-bottom {
    0% {
        background: rgba(0, 0, 0, 0.1);
    }
    25%,
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}
@-webkit-keyframes color-top {
    0%, 25% {
        background: rgba(0, 0, 0, 0.1);
    }
    75%,
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}
@keyframes color-top {
    0%, 25% {
        background: rgba(0, 0, 0, 0.1);
    }
    75%,
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}
@-webkit-keyframes fill-top {
    0%, 25% {
        -webkit-transform: rotateX(90deg) translateZ(-50px);
        transform: rotateX(90deg) translateZ(-50px);
    }
    75%,
    100% {
        -webkit-transform: rotateX(90deg) translateZ(59px);
        transform: rotateX(90deg) translateZ(59px);
    }
}
@keyframes fill-top {
    0%, 25% {
        -webkit-transform: rotateX(90deg) translateZ(-50px);
        transform: rotateX(90deg) translateZ(-50px);
    }
    75%,
    100% {
        -webkit-transform: rotateX(90deg) translateZ(59px);
        transform: rotateX(90deg) translateZ(59px);
    }
}
/* ================================= */
/* ----------- Back to top --------- */
/* ================================= */

.scroll {
    background:#f71735;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    margin-top: 6.4%;
    position: absolute;
    right: 7.6%;
    text-align: center;
    width: 44px;
}
/*Search*/

.search_btn {
    font-size: 16px;
    padding-right: 0 !important;
}
#search {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.95);
    opacity: 0;
}
#search.open {
    opacity: 1;
    z-index: 1000;
    width: 100%;
    height: 100%;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    border: 0;
    margin: 0 auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn_default {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    background-color: #f71735;
    border-color: #f71735;
    color: #ffffff;
    font-size: 21px;
    opacity: 1;
    padding: 0 0px 4px;
    position: fixed;
    right: 15px;
    top: 15px;
    height: 30px;
    width: 32px;
    text-align: center;
}
/* ================================= */
/* ---------- Buttons CSS ----------- */
/* ================================= */

.btn_default {
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    padding: 0.75rem 2.25rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #000428;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    border:1px solid transparent;
}
.btn_default.white {
    background: #fff;
    border:1px solid #fff;
}
.btn_default.transparent {
    background: transparent;
    border:1px solid #ffff;
    color: #fff;
}
.btn_default.orange {
    background:#f71735;
    border:1px solid #f71735;
    color: #fff;
}
.btn_default:hover {
    background:#f71735;
    color: #fff;
}
/* Sweep To Right */

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#f71735;

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/* ================================= */
/* ---------- Overlay CSS ---------- */
/* ================================= */

.wpf-blog {
    background-color: #FFF;
    display: block;
    width: auto;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wpf-blog img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wpf-blog:hover .view-caption {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.8);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.wpf-blog:hover .view-caption:hover h4 {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.wpf-blog:hover .view-caption:hover a {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.wpf-blog .view-caption {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 20% 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.wpf-blog .view-caption h4 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}
.wpf-blog .view-caption a {
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px 15px;
    line-height: 18px;
    border-radius: 4px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}
.wpf-blog .view-caption a:hover {
    color: #f71735;
    border-color: #f71735;
}
/* Sweep To Left */

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#f71735;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
    color: white;
}
.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*Transitions*/

a,
#search,
.owl-page,
nav.navbar.bootsnav,
.plans_details {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
/* ================================= */
/* ---------- Header CSS ----------- */
/* ================================= */

header {
    position: relative;
    z-index: 999;
}
#header_top {
    background:#000428;    
    padding: 10px 0;
}
.top_desc p {
    margin-bottom: 0;
}
.top_desc p,
.top_links li a {
    color: #fff;
    font-size: 0.75rem;
  
}
.top_links {
    text-align: right;
}
.top_links li {
    display: inline-block;
    line-height: normal;
}
.top_links li a {
    margin: 0 20px;
  border-bottom:2px solid transparent;
}
.top_links li:last-child a {
    padding-right: 0;
}
.top_links li a:hover,
.top_links li a:focus {
    color: #fff;
  border-bottom:2px solid #fff;
}
/* ---------- HEADER - 3 CSS ----------- */
#header-bottom {
	background:#fff;
	position: relative;
	z-index: 10;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom:15px;
	
}
#header-bottom .col-md-10 {
	text-align: right;
}
#header-top_3 .navbar-brand {
	display:none;
}
#header-bottom .get-tuch {
	display: inline-block;
	margin-top:7px;
}
#header-bottom .get-tuch > ul {
	display: inline-block;
}
#header-bottom .get-tuch ul li h4, #header-bottom .get-tuch ul li p {
	padding:0;
	margin:0;
}
#header-top_3 #header-bottom a img {
  max-width: 118px;
  width: 100%;
}
#header-bottom .get-tuch ul li h4 {
	color:#022940;
}
#header-bottom .get-tuch i {
	display: inline-block;
	font-size: 34px;
	margin-right: 7px;
	vertical-align: text-bottom;
	color:#fb2415;
}
#header-bottom .get-tech-line {
	display: inline-block;
	padding: 0 15px 0 25px;
	vertical-align: top;
}
#header-top_3{
	position:absolute;
	left:0;
	right:0;
}
#header-top_3 #header-bottom {
  background:transparent;
  padding-top:20px;
  border-bottom:none;
}
#header-top_3 #header-bottom .get-tuch ul li h4{
  color: #fff;
  font-size:14px;
  font-family: 'Roboto', sans-serif;
}
#header-top_3 #header-bottom .get-tuch ul li p {
  color: #fff;
  font-size:11px;
}
#header-top_3 #header-bottom .get-tuch ul li p a{
  color: #fff;
}
#header-top_3 #header-bottom .get-tuch i {
  font-size: 22px;
  margin-right: 13px;
  vertical-align: super;
}
#header-top_3 #navbar-menu {
  background: #fff;
}
#header-top_3 .wrap-sticky nav.navbar.bootsnav.sticked {
  background: #fff;
  border-bottom:1px solid #e5e4e4;
}
.menu_button.pull-right {
  display: block;
  margin-top: 22px;
  margin-right: -7px;
}
.menu_button > a {
  background: #000428;
  color: #fff;
  padding: 15px 40px;
  text-transform:uppercase;
}
.menu_button > a:hover{
  background: #f71735;
  color: #fff;
}
/* ---------- NAV-BAR CSS ----------- */

nav.navbar.bootsnav {
    border-bottom: none;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35));
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .35);
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .35);
}
nav.navbar.bootsnav.navbar-sticky {
    padding:5px 0;
}
nav.navbar.bootsnav.sticked {
    padding: 0;
}
nav.navbar.bootsnav .navbar-toggle {
    float: right;
    margin-right: 0;
    margin-top: 7px;
}
.navbar-brand {
    height: auto;
    line-height: normal;
    padding: 10px 15px;
}
.navbar-brand > img {
    width:100%;
}
nav.navbar.bootsnav ul.nav > li {
    margin: 0 22px;
}
nav.navbar.bootsnav ul.nav > li:last-child {
    margin-right: 0;
}
nav.navbar.bootsnav ul.nav > li > a {
    color: #000428;
    font-weight: 500;
    line-height: normal;
    padding: 22px 0;
    text-transform: uppercase;
    font-size: 14px;
}
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li > a:focus,
nav.navbar.bootsnav ul.nav > li.active > a {
    color: #f71735;
}
/*Dropdowns*/

.navbar-right .dropdown-menu {
    left: 0;
    right: auto;
}
li.dropdown:last-child .dropdown-menu {
    right: 0;
    left: auto;
}
.dropdown-menu.animated,
.collapse .navbar-collapse .animated {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    -ms-animation-duration: .5s;
    animation-duration: .5s;
}
.dropdown-menu {
    border: none !important;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .6);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .6);
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
    text-align: left;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
    font-size: 13px;
    position: relative;
    margin: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: #f71735;
  color: #fff !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
    padding: 8px 14px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:focus {
    background:#f71735;    
    color: #fff;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
    padding: 8px 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
    padding-left: 5px;
}
nav.bootsnav .megamenu-content .title {
    padding: 5px 30px;
    font-weight: 600;
}
/* ================================= */
/* ---------- Banner CSS ----------- */
/* ================================= */

.rev_slider h1 > span {
    font-size: inherit !important;
}
.rev_slider a {
  padding: 16px 50px;
  margin: 0 5px;
}
.rev_slider a:first-child {
    margin-left: 0;
}
.tp-caption.tp-resizeme h1 {
  text-transform: uppercase;
}
/*  Main Slider  */
#main-slider {
	position: relative;
	padding: 0;
}
.no-margin {
	margin: 0;
	padding: 0;
}
#main-slider .carousel .carousel-content {
	margin:20% 0 15%;
	color: #fff;
}
.padding-banner {
  margin-top:10%;
}
.padding-banner2 {
  margin-top:15%;
}
#main-slider .carousel-content h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}
#main-slider .carousel-content h1 span{
	color:#f71735;
}
#main-slider .carousel-content > h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  padding:20px 0 0 0;
}
#main-slider .carousel-content h2 span{
  color:#f71735;
}
#main-slider .carousel-content > ul {
  margin-top: 35px;
}
#main-slider .carousel-content li{
  color: #fff;
  font-size: 20px;
  margin: 8px 0;
  text-transform: capitalize;
}
#main-slider .carousel-content li span {
  margin-right: 8px;
  color:#f71735;
}
.banner-content-btn .btn-banner.active {
  background: #f71735;
  border:1px solid transparent;
  text-transform:uppercase;
  margin-right:15px;
  color: #fff;
  display: inline-block;
  padding: 13px 40px;
}
.banner-content-btn .btn-banner.active:hover{
  background:transparent;
  border:1px solid #fff;
}
.banner-content-btn .btn-banner{
  border:1px solid #fff;
  color: #fff;
  display: inline-block;
  text-transform:uppercase;
  padding: 13px 40px;
}
.banner-content-btn .btn-banner:hover{
  border:1px solid #f71735;
  background: #f71735;
}
.banner-content-btn {
  margin-top: 30px;
}
.tag-price {
  position: relative;
}
.price-tag > p {
  color: #fff;
  padding-top: 36px;
  font-size: 18px;
}
.price-tag {
  background: #f71735;
  border-radius: 100%;
  height: 140px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 140px;
}
.price-tag span {
  display: block;
  font-size: 28px;
  font-weight: 700;
}
.price-tag em {
  font-size: 12px;
  font-weight: 300;
}
#main-slider .carousel .item {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
	top: auto;
	position: relative;
}
#main-slider .carousel .item.active {
	opacity: 1;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
	z-index: 1;
}
#main-slider .prev, #main-slider .next {
	position: absolute;
	top: 50%;
	border: 1px solid #f71735;
	color: #fff;
	display: inline-block;
	margin-top: -25px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	z-index: 5;
}
#main-slider .prev:hover, #main-slider .next:hover {
	background-color: #f71735;
	border: 1px solid #f71735;
}
#main-slider .prev {
	left: 10px;
}
#main-slider .next {
	right: 10px;
}
#main-slider .active .animation.animated-item-1 {
	-webkit-animation: fadeInUp 1000ms linear 1000ms both;
	-moz-animation: fadeInUp 1000ms linear 1000ms both;
	-o-animation: fadeInUp 1000ms linear 1000ms both;
	-ms-animation: fadeInUp 1000ms linear 1000ms both;
	animation: fadeInUp 1000ms linear 1000ms both;
}
#main-slider .active .animation.animated-item-2 {
	-webkit-animation: fadeInUp 1400ms linear 1400ms both;
	-moz-animation: fadeInUp 1400ms linear 1400ms both;
	-o-animation: fadeInUp 1400ms linear 1400ms both;
	-ms-animation: fadeInUp 1400ms linear 1400ms both;
	animation: fadeInUp 1400ms linear 1400ms both;
}
#main-slider .active .animation.animated-item-3 {
	-webkit-animation: fadeInUp 1600ms linear 1600ms both;
	-moz-animation: fadeInUp 1600ms linear 1600ms both;
	-o-animation: fadeInUp 1600ms linear 1600ms both;
	-ms-animation: fadeInUp 1600ms linear 1600ms both;
	animation: fadeInUp 1600ms linear 1600ms both;
}
/* ================================= */
/* -------- Page Banner CSS -------- */
/* ================================= */

#page_banner {
    background: url(../images/bage-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.page_banner_bottom {
    background: rgba(0, 0, 0, 0.6);
    padding: 20px 0;
}
#page_banner h2 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.page_banner_bottom span {
    color: #fff;
    text-transform: uppercase;
}
.page_banner_bottom a:hover {
    color: #f71735;
}
.page_banner_bottom span .fa {
    padding: 0 12px;
}
/* ================================= */
/* -------- Find Domain CSS -------- */
/* ================================= */
.find_domain .heading {
  border-bottom:none;
}
.find_domain .domain_search {
    background: #11162e;
    padding:20px 0 50px;
}
.find_domain .domain_search .input-group .form-control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eaeaea currentcolor #eaeaea #eaeaea;
  border-image: none;
  border-radius: 0;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  font-size: 12px;
  height: 51px;
  line-height: 41px;
  padding: 0 15px;
}
.find_domain .domain_search .input-group .input-group-addon {
    padding: 0;
    background: none;
    border-radius: 0;
    border: none;
}
.find_domain .domain_search .input-group .input-group-addon .searchFilters {
    position: relative;
}
.find_domain .domain_search .input-group .input-group-addon .searchFilters .btn {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 0;
  color: #aeaeae;
  font-weight: normal;
  line-height: 36px;
  margin-left: -165px;
  text-align: left;
  text-transform: lowercase;
  width: 165px;
  z-index: 2;
  height: 51px;
  margin-top: 0;
}
.find_domain .domain_search .input-group .input-group-addon .searchFilters .btn i {
    position: absolute;
    right: 27px;
    line-height: 40px;
}
.find_domain .domain_search .input-group .input-group-addon .searchFilters .btn + ul {
    border-radius: 0;
    width: 165px;
    left: -165px;
    margin: 0;
    border: none;
    padding: 0;
}
.find_domain .domain_search .input-group .input-group-addon .searchFilters .btn + ul li a {
    color: #000428;
    border-top: 1px solid #d5dae2;
    text-transform: lowercase;
    font-weight: 500;
    line-height: 35px;
    padding: 0 25px;
}
.find_domain .domain_search .input-group .input-group-addon .searchFilters .btn + ul li a:hover {
    background: #f71735;
    color: #fff;
}
.find_domain .domain_search .input-group .input-group-addon input {
    padding: 0 44px;
    background:#f71735;    
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    line-height: 50px;
}
.find_domain .domain_search .input-group .input-group-addon input:hover {
    background:#000428;
    color: #fff;

}
.find_domain .domain_search .price_list {
    margin-top: 22px;
}
.find_domain .domain_search .price_list li {
    padding: 0 35px;
    color: #000428;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 33px;
}
.find_domain .domain_search .price_list li + li {
    border-left: 1px solid #b9e0f5;
}
.find_domain .domain_search .price_list li:first-child {
    padding-left: 0;
}
.find_domain.find_domain2 {
    background: #edf3f8;
    padding-top:50px;
}
.find_domain.find_domain2 .domain_search {
    padding-left: 0;
    background: none;
}
.find_domain.find_domain2 .domain_search .price_list li + li {
    border-left-color: #b9e0f5;
}
.find_domain.find_domain2 .domain_search .input-group .form-control {
    width: calc(100% - 165px);
}
.find_domain.find_domain_drop {
    transition: all 300ms ease-in-out 0s;
}
.find_domain.find_domain_drop + .drop_icon {
    z-index: 999;
    text-align: center;
    font-size: 36px;
}
.find_domain.find_domain_drop + .drop_icon:before {
    content: '';
    width: 1px;
    height: 56px;
    background: rgba(66, 182, 255, 0.27);
    display: block;
    position: absolute;
    right: 127.5px;
    top: 0;
}
.find_domain.find_domain_drop + .drop_icon .domain_search_drop {
    color: #fff;
    background: #42b6ff;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 103px;
    top: 56px;
    transition-duration: 1s;
}
.find_domain.find_domain_drop + .drop_icon .domain_search_drop.rotate {
    transform: rotate(45deg);
}
body section.row,
body header.row,
body footer.row {
    margin: 0;
    position: relative;
}
body .fleft {
    float: left;
}
/* ================================= */
/* ----- About us CSS ------ */
/* ================================= */
.about_box > p {
  padding-bottom: 20px;
}
.pro-video img {
  margin-top: -55px;
  width: 100%;
}
.about_box > a {
  border-radius:0;
  display: inline-block;
  padding: 10px 30px;
  margin-top: 30px;
  border:1px solid #edf3f8;
  color:#8b8b8b;
}
#funfacts {
	padding-top:60px;
}
#funfacts .counter {
  border: 1px solid #edf3f8;
  border-radius: 5px;
  height: auto;
  padding: 30px 5px 40px;
  text-align: center;
  width: 100%;
  cursor:pointer;
}
#funfacts .counter:hover{
	background:#f71735;
}
#funfacts .counter:hover span.highlight,
#funfacts .counter:hover h6.counter-details{
	color:#fff;
}
#funfacts .counter span.highlight {
  color: #f71735;
  font-size: 35px;
  font-weight:600;
}
#funfacts .counter h6.counter-details {
  color: #8b8b8b;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
.color_red {
  color: #f71735;
}
.heading-counter {
  display: inline-block;
  font-weight: 700;
  margin-top:35px;
  text-transform: uppercase;
}
/* ================================= */
/* ----- Hosting Features CSS ------ */
/* ================================= */

#web-host .sub-head {
    font-size: 20px;
    padding-top: 20px;
}
#web-host .host-detail li::before {
    color: #f71735;
    content: "";
    font-family: "FontAwesome";
    font-size: 18px;
}
#web-host .host-detail > li {
    margin-bottom: 20px;
}
#web-host .host-detail a {
    padding-left: 20px;
    font-size: 16px;
    font-weight: normal;
}
#web-host .host-detail li a:hover {
    color: #f71735;
}
/* ================================= */
/* --------- Image+Text CSS -------- */
/* ================================= */

#img_text .heading h2::before {
    width: 277px;
}
#img_text {
    background: url(../images/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.feture a h5 {
  border-bottom: 1px solid #000428;
  color: #000428;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 6px;
  position: relative;
  text-transform: uppercase;
  top: -8px;
}
.img_tex_fetur .feture > span {
    background:#f71735;
    display: inline-block;
    height: 44px;
    line-height: 43px;
    text-align: center;
    width: 45px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    margin-right: 20px;
    transition: all 0.5s ease 0s;
}
.img_tex_fetur .feture:hover span {
    transform: scale(0.9);
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.img_tex_fetur .feture:hover h5 {
    color: #f71735;
    border-bottom: 1px solid #f71735;
}
.home-text .img_text_p.padding-60-b {
  margin-top: 20px;
}
.home-text .feture a h5 {
  border-bottom: 1px solid #fff;
  color: #fff;
}
/* ================================= */
/* ---------- Packages CSS --------- */
/* ================================= */

#price .heading h2::before {
    width: 136px;
}
#price {
    background: #edf3f8;
}
.price_table {
    background: #252525;
}
.price_table .table_heading {
  color: #fff;
  font-size: 1.5rem;
  padding: 18px 0 18px 40%;
  text-align: center;
  text-transform: uppercase;
}
.price_table .table_heading::before {
    content: url("../images/price.png");
    left: 14px;
    position: absolute;
    top: 0;
}
.sub_heading {
    color: #fff;
}
.sub_heading span {
    font-size: 12px;
    font-style: oblique;
}
.sub_heading {
    background: #161515;
    color: #fff;
    padding: 18px 0;
}
.table_details > li {
    padding: 18px 0;
    font-size: 14px;
    color: #fff;
}
.bg-color {
    background: #161515;
}
.price_table > a {
    background:#f71735;    
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 18px 0;
    padding: 18px 70px;
    text-transform: uppercase;
}
/* ================================= */
/* --------- Offer Home CSS -------- */
/* ================================= */

#offer-home {
    background: url(../images/clouds-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.offer-box {
    background: url(../images/offer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 267px;
}
.offer-pricee {
  background: #fff;
  border: 1px solid #b4b4b4;
  border-radius:0;
  display: inline-block;
  height: 50px;
  width: 120px;
  text-align: center;
  margin-top:20px;
}
.text-offer > a {
  background:#fff;
  border-radius:0;
  border: 1px solid #b4b4b4;
  display: inline-block;
  height:50px;
  width: 120px;
  text-align: center;
  line-height:46px;
  position: relative;
  top: -13px;
}
.offer-pricee > h4{
	font-family: "Roboto",sans-serif;
}
.offer-pricee span {
  font-size: 8px;
  position: relative;
  top: -5px;
}
.text-offer > h5 {
  color: #f71735;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
.text-offer > span {
  font-size: 0.86rem;
}
.text-offer li {
  font-size: 0.86rem;
  padding-top: 3px;
}
.text-offer {
  margin-top: 20px;
}
.text-offer li .fa{
  color: #f71735;
}
.image-offer > img {
  margin-left: 15px;
  margin-top: 48px;
}
/* ================================= */
/* ----------- Why us CSS ---------- */
/* ================================= */

#why_us .heading h2::before {
    width: 183px;
}
.why_us_detail > span {
    background:#f71735;    
    border: 5px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 3px transparent;
    color: #fff;
    display: inline-block;
    font-size: 46px;
    height: 110px;
    line-height: 95px;
    text-align: center;
    width: 111px;
    transition: all 300ms ease-in-out 0s;
}
.why_us_detail > p {
    color: #000428;
    font-weight: bold;
    padding-top: 20px;
}
.why_us_detail:hover span {
    border: 5px solid #fff;
    box-shadow: 0 0 0 3px #f71735;
    cursor: pointer;
    transition: all 300ms ease-in-out 0s;
}
.why_us_detail:hover p {
    color: #f71735;
    cursor: pointer;
}
/* ================================= */
/* ---------- Fun Fact CSS --------- */
/* ================================= */

#funfact {
    background: url(../images/bg-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#funfact .heading h2::before {
    width: 300px;
}
#funfact .heading > h2 {
    border-color: #fff;
    color: #fff;
}
.counter {
    border: 1px solid #fff;
    border-radius: 5px;
    height: auto;
    padding: 49px 0;
    text-align: center;
    width: 200px;
}
.counter span.highlight {
    color: #fff;
    font-size: 35px;
    font-weight: bolder;
}
.counter h6.counter-details {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}
.counter .btn.btn-default {
    bottom: -13px;
    left: 32%;
    position: absolute;
}
.counter .btn {
    border: 1px solid transparent;
    border-radius: 100%;
    color: #f71735;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 0;
    padding: 0;
    width: 40px;
}
/* ================================= */
/* -------- Latest News CSS -------- */
/* ================================= */

#latest_news .heading h2::before {
    width: 87px;
}
#latest_news .item {
    margin: 0 12px;
}
#latest_news .latest_image > img {
    width: 100%;
    transition: all 0.3s ease 0s;
}
#latest_news .latest_text {
    background: #edf3f8;
    padding: 35px;
}
#latest_news .latest_text h3 {
    color: #000428;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
}
#latest_news .latest_text h3:hover {
    color: #f71735;
}
#latest_news .coment {
    font-size: 12px;
    margin-right: 20px;
}
#latest_news .coment .fa {
    color: #f71735;
    margin-right: 5px;
}
#latest_news .coment:hover {
    color: #f71735;
}
#latest_news .button_latest {
    background: transparent;
    color: #8b8b8b;
    display: inline-block;
    font-size: 12px;
    padding: 8px 16px;
    border: 1px solid #8b8b8b;
}
#latest_news .button_latest:hover {
    color: #fff;
}
#latest_news .latest_text > p {
    padding: 20px 0;
}
.latest_image {
    position: relative;
    overflow: hidden;
}
.latest_detail:hover .latest_image img {
    cursor: pointer;
    transform: scale(1.09);
    transition: all 0.5s ease 0s;
}
.owl-prev {
    bottom: 49%;
    left: 12px;
    position: absolute;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.owl-next {
    bottom: 49%;
    right: 12px;
    position: absolute;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
#latest_news_slider:hover .owl-next,
#latest_news_slider:hover .owl-prev {
    opacity: 1;
}
#latest_news_slider .tag {
    background: #fff;
    border-top: 3px solid #f71735;
    color: #000428;
    left: 15px;
    padding: 14px 10px;
    position: absolute;
    text-align: center;
    top: 15px;
}
/* ================================= */
/* -------- Testimonial CSS -------- */
/* ================================= */

#testinomial {
    background: #edf3f8;
}
#testinomial_slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
#testinomial .heading h2::before {
    width: 123px;
}
.testinomial_detail > p {
    font-style: oblique;
    padding: 0 21% 90px;
}
.testinomial_detail h4 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.testinomial_detail span {
    color: #f71735;
    display: block;
    font-size: 0.75rem;
}
.testinomial_detail p::before {
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    font-style: normal;
    left: 18%;
    position: absolute;
}
.testinomial_detail p::after {
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    font-style: normal;
    right: 18%;
    position: absolute;
}
.owl-pagination {
    bottom: 69px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.owl-page {
    background: #000428;
    display: inline-block;
    height: 3px;
    margin: 0 4px;
    padding: 3px 10px;
    width: 10px;
}
.owl-page.active {
    background: #f71735;
    padding: 3px 13px;
}
/* ================================= */
/* ------- Contact form CSS -------- */
/* ================================= */

#contact_form {
    background: url(../images/bg-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment:fixed;
}
#contact_form .heading > h2 {
    border-color: #fff;
    color: #fff;
}
#contact_form .heading h2::before {
    width: 73px;
}
#contact_form .call_back {
    color: #fff;
    padding-top: 20px;
}
.contact_area .text {
    background: rgba(255, 255, 255, 0.85);
    border: medium none;
    color: #222;
    height: 48px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 25px;
}
.contact_area .massage {
    background: rgba(255, 255, 255, 0.85);
    border: medium none;
    color: #222;
    height: 268px;
    padding-left: 15px;
    padding-top: 15px;
    width: 100%;
}
.form_button {
    background: #f71735;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}
#contact_form .hvr-sweep-to-right::before {
    background: #fff;
}
.form_button:hover {
    color: #f71735;
}
.online > span {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 48px;
    text-transform: uppercase;
    font-size: 18px;
}
.online span .fa {
    font-size: 26px;
    padding: 0 25px;
    vertical-align: middle;
}
.online img {
    width: auto;
}
/* ================================= */
/* ---------- Partners CSS --------- */
/* ================================= */

#partner .heading h2::before {
    width: 97px;
}
#partner_slider .owl-pagination {
    bottom: -57px;
}
.partner_img > img {
    border: 1px solid #edf3f8;
    padding: 0 30px;
    width: auto;
    cursor: pointer;
}
.partner_img > img:hover {
    border: 1px solid #f71735;
}
/* ================================= */
/* ---------- Ticket CSS ----------- */
/* ================================= */

.ticket {
    padding: 40px 0;
    background:#f71735;}
.partner_detail h2 {
    color: #fff;
    padding-bottom:5px;
	border-color:#fff;
	margin-bottom:25px
}
.partner_detail p {
    color: #fff;
}
.partner_button > a {
    background: transparent;
    display: block;
    margin-top: 15px;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 500;
}
.partner_button a:hover {
    color: #f71735;
}
.ticket .hvr-sweep-to-left::before {
    background: #fff;
}
/* ================================= */
/* ---------- Footer CSS ----------- */
/* ================================= */

#footer {
    background: url(../images/footer_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
	background-attachment:fixed;
}
.footer_detail a img {
    width: auto;
}
.footer_detail > p {
    font-size: 13px;
    padding: 25px 0;
}
.adres {
    display: table;
    width: 100%;
}
.adres > p {
    display: table-cell;
}
.adres span {
    display: block;
}
.adres p .fa {
    bottom: -18px;
    font-size: 30px;
    position: relative;
    color: #f71735;
}
.adres .fa-map-marker {
    padding-right: 14px;
}
.adres a:hover {
    color: #f71735;
}
.footer_news {
    margin-top: 10px;
}
.footer_news h3 {
    border-bottom: 3px solid #d3d3d3;
    display: block;
    color: #fff;
    padding-bottom: 18px;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
}
.footer_news h3::before {
    background: #f71735;
    bottom: -3px;
    content: "";
    height: 3px;
    position: absolute;
    width: 102px;
}
#sync1 {
    margin-top: 40px;
}
#sync2 {
    margin-top: 3px;
}
#sync2 .item > img {
    width: 100%;
}
#sync1 .item {
    color: #FFF;
    text-align: center;
}
#sync2 .item {
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
#sync2 .item h1 {
    font-size: 18px;
}
#sync2 .synced .item {
    border: 1px solid #f71735;
}
#footer #map {
    height: 279px;
    margin-top: 41px;
}
.footer_bottom {
    border-top: 1px solid #f71735;
    margin-top: 130px;
    padding: 25px 0;
}
.socialicons > li {
    display: inline-block;
}
.socialicons {
    text-align: right;
}
.socialicons > li {
    border: 1px solid #8b8b8b;
    display: inline-block !important;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    background: transparent;
    margin-left: 5px;
}
.copyright a:hover {
    color: #f71735;
}
.copyright {
    margin-top: 10px;
}
.copyright > p {
  font-size: 14px;
}
.copyright a {
    color: #fff;
}
.socialicons > li > a {
    display: block;
}
.socialicons > li > a:hover {
    color: #fff;
}
.socialicons > li:hover {
    color: #fff;
    background:#f71735;
    border: 1px solid #f71735;
}
/* ================================= */
/* ---------- About us CSS --------- */
/* ================================= */

.about.text > p {
    padding-bottom: 25px;
}
.wpf-demo-8 {
    background-color: #FFF;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 0 0 #555;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    filter: alpha(opacity=100);
}
.wpf-demo-8 img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wpf-demo-8:before {
    content: '';
    background-color: rgba(0, 0, 0, 0);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wpf-demo-8:hover {
    cursor: pointer;
}
.wpf-demo-8:hover:before {
    background-color: rgba(0, 0, 0, 0.8);
}
.wpf-demo-8:hover .view-caption {
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}
.wpf-demo-8 .view-caption {
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 0;
    height: 25%;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    text-align: left;
    z-index: 99;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: translateY(150%) scale(1.5);
    -o-transform: translateY(150%) scale(1.5);
    -ms-transform: translateY(150%) scale(1.5);
    -webkit-transform: translateY(150%) scale(1.5);
    transform: translateY(150%) scale(1.5);
}
.wpf-demo-8 .view-caption .info {
    float: left;
}
.wpf-demo-8 .view-caption .info h4 {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
.wpf-demo-8 .view-caption .info p {
    color: #fff;
    display: inline-block;
    font-size: 12px;
}
.wpf-demo-8 .view-caption ul {
    float: right;
    display: inline-block;
}
.wpf-demo-8 .view-caption ul li {
    display: inline-block;
}
.wpf-demo-8 .view-caption ul li a {
    background-color: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    margin: 0 5px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    width: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.wpf-demo-8 .view-caption ul li a:hover {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
#offer {
    background: url(../images/bg-4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0;
}
.offer_text h2 {
    color: #fff;
  text-transform: uppercase;
}
.offer_text p {
    padding: 20px 0 30px 0;
    color: #fff;
    font-size: 16px;
}
.offer_text span {
    color: #f71735;
}
.offer_text > a {
    border: 1px solid #fff;
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    text-transform: uppercase;
}
.offer_text {
    margin-top: 45px;
}
/* Skils Progress Bars*/

.skills .heading h2::before {
    width: 72px;
}
.skills .progress {
    background: #e7e7e7;
    border-radius: 0;
    height: 6px;
    margin-bottom: 24px;
    margin-top: 7px;
}
.skills p.pull-right {
    font-size: 14px;
}
.skills .progress .progress-bar {
    background: #f71735;
}
.skills ul {
    margin-top: 60px;
}
/* --------- Tab -------- */

.history .heading h2::before {
    width: 86px;
}
#tab-content .heading > h2 {
    font-size: 20px;
}
#tab-content p {
    padding-top: 30px;
}
.nav.main-tab {
    background: #eee;
    border-bottom: 3px solid #000428;
    border-radius: 3px 3px 0 0;
    margin-top: 42px;
}
.nav.main-tab > li > a {
    color: #272727;
}
.nav.main-tab > li.active > a {
    background:#f71735;
    color: #fff;
}
.nav.main-tab > li:first-child > a {
    border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
    border-radius: 0 3px 0 0;
}
#tab-content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px;
    border-radius: 0 0 3px 3px;
}
.panel-default {
    border-color: #eee;
}
.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #eee;
}
.panel-default > .panel-heading .panel-title {
    font-size: 14px;
    font-weight: normal;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #eee;
}
/* --------- why chose us CSS -------- */

#why_us_about {
    background: url(../images/bg-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#why_us_about p {
    color: #fff;
}
#why_us_about .why_us_detail > span {
    background: #fff;
    color: #f71735;
}
#why_us_about .why_us_detail:hover span {
    border: 5px solid #fff;
    box-shadow: 0 0 0 3px #f71735;
    background:#f71735;    
    color: #fff;
}
/* --------- Team CSS -------- */

#team {
    background: url(../images/team_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#team .heading h2::before {
    width: 105px;
}
#team .team_image {
    padding: 0;
}
#team_slider .item .col-md-6:first-child {
    padding-right: 0;
}
#team_slider .item .col-md-6:last-child {
    padding-left: 0;
}
#team .team_details {
    padding:18px 0 17px 24px;
    background:#f71735;}
#team .team_image > img {
    width: 100%;
}
#team .team_details > h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
#team .team_details > span {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    display: block;
    font-size: 12px;
}
#team .team_details > p {
    color: #fff;
    padding-bottom:15px
}
#team .team_details ul li {
    display: inline-block;
}
#team .team_details ul li a {
    background: #000428;
    color: #fff;
    border-radius: 2px;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}
#team .team_details ul li a:hover {
    background: #fff;
    color: #000428;
}
#team_slider .owl-pagination {
    bottom: -39px;
}
/* ================================= */
/* ------- Hosting Page CSS -------- */
/* ================================= */

#hosting_plan .heading h2::before {
    width: 244px;
}
.hosting.detail > h3 {
    font-size: 20px;
  font-style: oblique;
}
.hosting.detail > p {
    font-size: 16px;
    padding: 40px 0 20px;
}
.hosting.detail > h2 {
    font-size: 30px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}
.hosting.detail > h2 > span {
    font-size: 55px;
    font-weight: bold;
    color: #f71735;
}
.hosting.detail > a {
    background:#f71735;    
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    padding: 15px 50px;
    text-transform: uppercase;
}
/* --------- Hosting Table CSS -------- */

#hosting_table {
    background: #edf3f8;
}
#hosting_table .heading h2::before {
    width: 120px;
}
table.table1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse: separate;
    width: 100%;
}
.table1 thead th {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
}
.table1 h3 {
    font-size: 20px;
    font-weight: normal;
}
.table1 h3 span {
    font-size: 30px;
    font-weight: bold;
}
.table1 p {
    font-size: 12px;
    color: #8e8e8e;
    font-weight: normal;
}
.table1 tbody tr td:empty {
    background: #edf3f8;
}
.table1 a {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
}
.table1 tbody th {
    color: #000428;
    padding: 0px 10px;
    font-weight: normal;
    border-bottom: 1px solid #edf3f8;
}
.table1 tbody th .fa {
    color: #f71735;
    font-size: 20px;
    padding-right: 10px;
}
.table1 tfoot th {
    color: #000428;
}
.table1 tbody td {
    border-bottom: 1px solid #edf3f8;
    border-left: 1px solid #edf3f8;
    padding: 15px 10px;
    text-align: center;
    font-weight: normal;
}
.table1 tbody span.check::before {
    content: url(../images/check0.png)
}
.bg_0 {
    background-color: #ff642e;
}
.bg_1 {
    background-color: #267ae9;
}
.bg_2 {
    background-color: #3a424f;
}
.bg_3 {
    background-color: #04be69;
}
.bg_tr {
    background-color: #f5f5f5;
}
.bg_white {
    background-color: #fff;
}
.color_0 {
    color: #ff642e;
}
.color_1 {
    color: #267ae9;
}
.color_2 {
    color: #3a424f;
}
.color_3 {
    color: #04be69;
}
/* ----- Include Plans CSS ----- */

.plans_details .fa {
    font-size: 45px;
    color: #f71735;
}
.plans_details > h3 {
    color: #000428;
    font-size: 18px;
    font-weight: 600;
    padding: 20px 0;
}
.plans_details {
    border: 1px solid #edf3f8;
    padding: 1.5rem 0.9375rem;
    width: 100%;
}
.plans_details:hover {
    background:#f71735;    
    cursor: pointer;
}
.plans_details:hover .fa,
.plans_details:hover h3,
.plans_details:hover p {
    color: #fff;
    transition: all 0.3s ease 0s;
}
.plans_details.active {
    background:#f71735;}
.plans_details.active .fa,
.plans_details.active h3,
.plans_details.active p {
    color: #fff;
}
/* ================================= */
/* -------- Domain Price CSS ------- */
/* ================================= */

#domain_price {
    background: #edf3f8;
}
.domain_detail ul li {
    display: block;
    padding: 20px 0;
}
.domain_heading {
    background:#f71735;    
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
#domain_price .col-md-2 {
    padding: 0 2px;
}
/* ------ how to buy CSS ----- */

#how_buy .heading h2::before {
    width: 81px;
}
.company_year {
    margin-top: 15px;
}
.company_year > h2 {
    color: #f71735;
    font-size: 20px;
}
.company_icon {
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    height: 65px;
    line-height: 72px;
    text-align: center;
    width: 65px;
    background: #fff;
}
.company_icon i {
    font-size: 28px;
    color: #f71735;
}
.company_text > h3 {
    padding: 0 0 15px;
    display: inline-block;
    text-transform: uppercase;
    color: #000428;
    font-size: 20px;
}
.our_company_border {
    background: #d9d9d9;
    height: 587px;
    margin: 62px 129px;
    position: absolute;
    width: 1px;
}
.company_text > span {
    background: #edf3f8;
    border-radius: 100%;
    bottom: -6px;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    vertical-align: text-bottom;
    width: 35px;
}
.company_text:hover h3 {
    color: #f71735;
    cursor: pointer;
}
.company_text:hover span {
    background: #f71735;
    cursor: pointer;
}
.clientlist_detail > p {
    padding-bottom: 30px;
}
/* ================================= */
/* ----------- Client CSS ---------- */
/* ================================= */

#client_list .heading h2::before {
    width: 82px;
}
.client_links li::before {
    content: url("../images/client_link.png");
    margin-right: 20px;
    position: relative;
    top: 10px;
    vertical-align: middle;
}
.client_links > li {
    padding: 8px 0;
}
.client_links {
    display: inline-block;
    margin-right:40px;
}
/*----- Be our Client ----*/

.client_why .heading h2 {
    border-color: #fff;
    color: #fff;
}
.client_why .heading h2::before {
    width: 90px;
}
.client_why .why_us_detail > h3 {
    color: #fff;
    font-size: 20px;
    padding-top: 20px;
}
.client_why .why_us_detail > p {
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
}
.client_why .why_us_detail:hover h3 {
    color: #f71735;
}
.button_client > a {
    background: #fff;
    color: #000428;
    display: inline-block;
    padding: 15px 50px;
    margin-top: 60px;
}
/* ================================= */
/* ------------ Blog CSS ----------- */
/* ================================= */
/* --- Blog Right CSS --- */

#blog {
    background: #edf3f8;
}
.blog_detail {
    margin-bottom: 60px;
}
.blog_heading {
    background: #fff;
    box-shadow: 0 7px 11px -9px #555;
    margin-bottom:14px;
    padding:19px;
}
.blog_heading > h2 {
    color: #000428;
	text-transform:uppercase;
    padding-bottom: 25px;
}
.blog_heading > ul {
    display: table;
    width: 100%;
}
.blog_heading li {
    display: table-cell;
    text-align: center;
}
.blog_heading li a {
    border: 1px solid #edf3f8;
    display: block;
    font-weight: lighter;
    margin: 0 0 0 10px;
    padding: 10px 0;
    text-transform: uppercase;
}
.blog_detail ul li a .fa {
    margin-right: 5px;
}
.blog_detail ul li a span {
    color: #f71735;
    margin: 0 5px;
	font-weight:400;
	color:#8b8b8b;
}
.blog_heading li:first-child a {
    margin-left: 0;
}
.blog_heading li a:hover {
    background: #f71735;
    color: #fff;
}
.blog_heading li a:hover .fa,
.blog_heading li a:hover span {
    color: #fff;
}
/* --- Blog Slider CSS --- */

#blog .owl-prev {
    bottom: 43%;
    left: 0;
    opacity: 1;
}
#blog .owl-next {
    bottom: 43%;
    opacity: 1;
    right: 0;
}
/* --- Blog Discription CSS --- */

.bolg_description > p {
    padding-bottom: 35px;
}
.bolg_description {
    background: #fff;
    padding: 55px 25px;
}
.bolg_description > p {
    font-size: 15px;
    padding-bottom: 35px;
}
.blog_line {
    background: #edf3f8;
    height: 1px;
    margin-bottom: 50px;
}
.blog_button .dropdown {
    display: inline-block;
}
.blog_button .dropdown > button {
    background: transparent;
    border: medium none;
    border-bottom: 1px solid #f71735;
    color: #f71735;
    padding: 0;
    text-transform: uppercase;
    padding: 0 0 5px;
}
.blog_button .dropdown > button > .fa {
    margin-right: 5px;
}
.blog_button > a {
    border-bottom: 1px solid #f71735;
    color: #f71735;
    text-transform: uppercase;
    padding: 0 0 5px;
}
.blog_button .dropdown-menu {
    background-clip: padding-box;
    background-color: #000428;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0;
    list-style: outside none none;
    margin: 11px 0 0;
    min-width: 215px;
    padding: 16px 11px;
    position: absolute;
    text-align: center;
    top: 100%;
    z-index: 1000;
}
.blog_button .dropdown-menu > li > a {
    clear: both;
    color: #8b8b8b;
    display: block;
    font-weight: 400;
    line-height: 38px;
    padding: 0 0 0 6px;
    white-space: nowrap;
    border: none;
}
.blog_image #testinomial_slider.owl-theme {
    background:#f71735;    
    padding: 94px 0;
}
.blog_image .testinomial_detail > p {
    color: #fff;
    padding: 0 9% 30px;
}
.blog_image .testinomial_detail h4 {
    color: #fff;
}
.blog_image .testinomial_detail span {
    color: #fff;
}
.blog_image .testinomial_detail p::after {
    right: 6%;
}
.blog_image .testinomial_detail p::before {
    left: 6%;
}
.blog_image a.blog_link {
    background:#f71735;    
    color: #fff;
    display: block;
    padding: 60px 0;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.blog_image a.blog_link span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    text-transform: lowercase;
}
.blog_image iframe {
    height: 400px;
    width: 100%;
}
#blog ul.pagination-list {
    margin: 0 0 40px;
    padding: 0;
    text-align: center;
}
#blog ul.pagination-list li {
    display: inline-block;
}
#blog ul.pagination-list li a.prev-pag,
#blog ul.pagination-list li a.next-pag {
    color: #999999;
    font-weight: 700;
}
#blog ul.pagination-list li a {
    border-radius: 20px;
    color: #000428;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 900;
    padding: 8px 13px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
#blog ul.pagination-list li a.prev-pag i {
    margin-right: 7px;
}
#blog ul.pagination-list li a:hover,
#blog ul.pagination-list li a.active {
    background: #f71735;
    color: #ffffff;
}
/* --- Blog Side Bar CSS --- */

.sideblog {
    background: #fff;
    padding: 25px 25px 35px;
}
.sideblog_heading {
    margin-bottom: 30px;
}
.sideblog_heading > h3 {
    border-bottom: 1px solid #edf3f8;
    color: #000428;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
    position: relative;
}
.sideblog_heading > h3::after {
    background: #f71735;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 60px;
}
/* --- Blog About --- */

.blogside_detail p {
    padding-top: 15px;
}
.blogside_detail > a {
    background: #f71735;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    padding: 10px 30px;
}
.blogside_detail > a > i {
    margin-left: 5px;
}
/* --- Blog Social --- */

.social_blog {
    margin-bottom: 60px;
}
.sideblog {
    margin-bottom: 60px;
}
.sideblog_heading > h4 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    color: #f71735;
}
.sideblog_heading h4::before {
    background: #f71735;
    bottom: 7px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 75px;
}
.sideblog_heading h4::after {
    background: #f71735;
    bottom: 7px;
    content: "";
    height: 3px;
    right: 0;
    position: absolute;
    width: 75px;
}
.blogside_links > li {
    display: inline-block;
    margin: 0 2px;
}
.blogside_links a {
    background: #f71735;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.blogside_links a:hover {
    background: #fff;
    color: #f71735;
}
/* --- Blog Search --- */

.blogside_search .search {
    background: #edf3f8;
    border: 1px solid #dadada;
    padding: 7px 0 7px 10px;
    width: 100%;
}
.blogside_search .button {
    background: #f71735;
    border: medium none;
    color: #fff;
    margin-top: 20px;
    padding: 7px 0;
    text-transform: uppercase;
    width: 100%;
}
/* --- Blog post --- */

.blogside_post .wpf-blog .view-caption a {
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 13px;
    padding: 5px 8px;
    position: relative;
    top: -12px;
}
.blogside_post > h4 {
    color: #000428;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0;
    text-transform: uppercase;
}
.blogside_post > span {
    font-size: 12px;
    font-style: oblique;
}
/* --- Blog Stats --- */

.social_blog .progress {
    background-color: transparent;
    box-shadow: none;
    height: 26px;
    border-radius: 0;
}
.social_blog .progress-bar {
    background-color: #f71735;
    box-shadow: none;
    text-align: right;
    padding: 4px;
}
.social_blog label {
    position: absolute;
    left: 22px;
    color: #fff;
    margin-top: 3px;
}
/* --- Blog Tags --- */

.blogside_tag > ul li {
  margin: 5px -1px;
  display: inline-block;
}
.blogside_tag ul li a {
    background: #edf3f8;
    padding:4px 13px;
}
.blogside_tag ul li a:hover {
    background: #f71735;
    color: #fff;
}
/* ================================= */
/* --------- BLog List CSS --------- */
/* ================================= */

.blog_list_detail .bolg_description {
    padding: 0;
}
.blog_list_detail .blog_line {
    margin-bottom: 20px;
}
.blog_heading > p {
    padding: 60px 0;
}
.blog_list_detail .col-md-4,
.blog_list_detail .col-md-8 {
    padding: 0;
}
.blog_list_detail ul > li > a span {
    color: #8b8b8b;
    margin: 0 5px;
	font-weight:400;
}
.blog_list_detail .blog_heading {
    box-shadow: none;
}
.blog_list_detail .wpf-blog .view-caption a {
    margin-top: 25%;
}
.blog_list_detail .blog_button .dropdown-menu > li > a {
    padding: 0 9px 0 0;
}
.blog_list_detail .blog_heading li:first-child a {
    margin-left: 10px;
}
/* --- Blog List Form CSS --- */

form#list_blog_contact {
    background: #fff;
    border: 1px solid #edf3f8;
}
form#list_blog_contact .form-control {
    background: #edf3f8;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: none;
    color: #8b8b8b;
    height: 50px;
    font-size: 12px;
}
form#list_blog_contact textarea.form-control {
    height: 180px;
}
form#list_blog_contact .col-md-12 {
    margin-bottom: 60px;
}
form#list_blog_contact .heading h2::before {
    width: 90px;
}
.list_blog_contact > a {
    display: inline-block;
        background:#f71735;
    color: #fff;
    padding: 15px 50px;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 40px 0;
    border: 1px solid #f71735;
}
.list_blog_contact > a:hover {
    color: #f71735;
}
.list_blog_contact .hvr-sweep-to-left::before {
    background: #fff;
}
.blog_listsidebar .blog_heading > p {
    padding: 21px 0;
}
/* ================================= */
/* ------ Pricing Table  Css  ------ */
/* ================================= */

#pricing_table .nav-tabs {
    display: inline-block;
}
#pricing_table .nav-tabs > li.cool-link-2:nth-child(3) {
    padding-right: 0;
}
.pricing-box {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    margin: 0 -1px;
    padding: 0 !important;
    border-radius: 0;
}
.pricing-table-heading {
    background: #fff;
    padding: 18px 0;
    margin-bottom: 60px;
    border-radius: 0;
    border-bottom: 1px solid #c4c4c4;
}
.table-price {
    border-bottom: 1px solid #c4c4c4;
    color: #000428;
    display: inline-block;
    font-size: 98px;
    font-weight: 300;
    line-height: 50px;
    padding: 45px 0;
    position: relative;
}
.table-price span {
    color: #111111;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.table-price span.currency {
    font-size: 48px;
    font-weight: 400;
    left: -30px;
    position: absolute;
    top: 27px;
}
.highlight p.table-price {
    color: #fff;
}
.highlight p.table-price span {
    color: #fff;
}
.list-support {
    padding: 45px 0;
}
.pricing-table .list {
    padding: 10px 0;
}
.pricing-box .list-support > li {
    font-size: 15px;
    padding: 15px 0;
    font-weight: 300;
}
.recent_tabs .nav-tabs > li > a {
    background: #000428;
    border-bottom: 3px solid transparent !important;
    border: none;
    border-radius: 0;
    color: #fff;
    line-height: 1.42857;
    margin-left: 1px;
    padding: 10px 38px 6px;
}
.recent_tabs .nav-tabs > li.active > a,
.recent_tabs .nav-tabs > li.active > a:focus,
.recent_tabs .nav-tabs > li.active > a:hover {
    background-color: #000428;
    border-bottom: 3px solid #f71735 !important;
    border: none;
    color: #fff;
    cursor: default;
}
.pricing-table-footer {
    border-top: 1px solid #e1e1e1;
    padding: 20px 20px;
}
.pricing-table-footer .btn.btn-default {
    background: #f71735;
    border: 1px solid #f71735;
    border-radius: 0;
    color: #fff;
    padding: 15px 60px;
}
.pricing-box.highlight .list-support li {
    line-height: 38px;
    color: #fff;
}
.pricing-box.highlight {
    background:#f71735;    
    position: relative;
    top: -32px;
    z-index: 1;
}
#pricing_table .heading h2::before {
    width: 130px;
}
.pricing-table-footer .hvr-sweep-to-left::before {
    background: #fff;
}
.pricing-table-footer .btn.btn-default:hover {
    color: #f71735;
}
/* ================================= */
/* -------- Testimonial CSS -------- */
/* ================================= */

#testimonial .heading h2::before {
    width: 364px;
}
.test_text {
    padding-top: 30px;
}
.testinomial_details {
    margin-bottom: 30px;
}
.testinomial_text {
    background: #edf3f8;
    padding: 30px 15px;
}
.testinomial_line {
    background: #d8d8d8;
    height: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%;
}
.testinomial_details h4 {
    color: #000428;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.testinomial_details h4 a {
    color: #f71735;
}
.testimonial_img .videoembed {
    height: 300px;
    margin-bottom: -5px;
    width: 100%;
}
.private_video {
    background: #000428;
    padding: 60.4px 0;
}
.private_video > h3 {
    color: #fff;
    font-size: 20px;
}
.private_video > span {
    color: #fff;
    font-size: 10px;
    padding-top: 20px;
    padding-bottom: 30px;
    display: block;
}
.private_video > a {
    background:#f71735;    
    color: #fff;
    display: inline-block;
    padding: 9px 40px;
}
/* ================================= */
/* -------- Faq's Page  Css  ------- */
/* ================================= */

#faq .items > li > a {
    background: transparent;
    color: #111111;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 15px 20px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    text-decoration: none;
}
#faq .items > li > a:after {
    right: 15px;
}
#faq .items > li > a:hover,
#faq .items > li > a.expanded {
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid transparent;
    outline: none;
}
#faq .items .sub-items {
    background: #fff;
    display: none;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 20px 16px;
    border: 1px solid #d9d9d9;
    border-radius: 0 0 5px 5px;
    border-top: none;
}
#faq .items {
    padding-top: 30px;
}
#faq .items .sub-items p {
    line-height: 26px;
    padding: 8px 20px;
}
.tab_container {
    padding: 0;
}
#faq .items > li > a::after,
#faq .items > li > a::after,
#faq .tab_drawer_heading::after {
    content: url(../images/pluse.png);
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 18px;
}
#faq .items > li > a.expanded::after,
#faq.procedure_content .items > li > a.expanded::after,
#faq .tab_drawer_heading.d_active::after {
    content: url(../images/minas.png);
}
.faq .items > li > a {
    background: transparent;
    color: #111111;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 15px 20px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    text-decoration: none;
}
.faq .items > li > a:after {
    right: 15px;
}
.faq .items > li > a:hover,
#faq .items > li > a.expanded {
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid transparent;
    outline: none;
}
.faq .items .sub-items {
    background: #fff;
    display: none;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 20px 16px;
    border: 1px solid #d9d9d9;
    border-radius: 0 0 5px 5px;
    border-top: none;
}
.faq .items {
    padding-top: 30px;
}
.faq .items .sub-items p {
    line-height: 26px;
    padding: 8px 20px;
}
#faq .items > li > a:hover,
#faq .items > li > a.expanded {
    background: #f71735;
}
/* ================================= */
/* -------- Registration CSS ------- */
/* ================================= */

.registration_heading .heading h2::before {
    width: 89px;
}
.registration {
    border: 1px solid #edf3f8;
}
.registration_heading {
    background: #edf3f8;
    padding: 30px 0;
}
.registration_heading > p {
    padding-top: 15px;
    font-size: 12px;
}
.registration_heading p a {
    color: #f71735;
    margin-left: 10px;
}
.registration_form .form-group > label,
.personal_data2 > label {
    font-weight: normal;
}
.registration_form .form-group label i,
.personal_data2 > label i {
    color: #f71735;
    font-size: 8px;
    vertical-align: super;
}
.form-group span .fa {
    color: #000428 !important;
    font-size: 17px !important;
    vertical-align: baseline !important;
}
.registration_form {
    padding: 70px 60px;
}
.registration_form .form-control {
    border: 1px solid #edf3f8;
    border-radius: 0;
    box-shadow: none;
    color: #8b8b8b;
    font-size: 14px;
    height: 51px;
    padding: 6px 12px;
    background: transparent;
    width: 100%;
}
.registration_form .form-group {
    margin-bottom: 35px;
}
.errow::after {
    content: url("../images/arrow_date.png");
    position: absolute;
    right: 15px;
    top: 1px;
    z-index: -1;
    cursor: pointer;
}
.personal_data .datepicker {
    cursor: pointer;
}
.personal_data1 .form-group {
    display: inline-block;
    margin-right: 43px;
    margin-top: 13px;
}
.personal_data1 .form-group > span {
    margin-left: 15px;
}
.personal_data2::before {
    bottom: -3px;
    content: url("../images/arrow_date.png");
    cursor: pointer;
    position: absolute;
    right: 15px;
}
.registration_form .checkbox {
    display: inline-block;
    margin-right: 30px;
}
.registration_form .form-group p {
    display: inline-block;
}
.registration_form .form-group p a {
    color: #f71735;
    margin-left: 15px;
}
.registration_form .registration_button {
    background: #f71735;
    border: medium none;
    color: #fff;
    display: inline-block;
    margin: 60px 0;
    padding: 15px 60px;
    text-transform: uppercase;
    border: 1px solid #f71735;
}
.registration_form .registration_button:hover {
    color: #f71735;
    background: #fff;
}
.registration_form .form-control option {
    padding: 10px 0;
}
#support .heading h2::before {
    width: 325px;
}
/* ================================= */
/* --------- Contact Us CSS -------- */
/* ================================= */

.contact_detail > p {
    display: inline-block;
}
.contact_heading {
    color: #000428;
    font-size: 18px;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.contact_detail > span {
    background: #f7f7f7;
    border: 1px solid #edf3f8;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 47px;
    margin-right: 23px;
    text-align: center;
    vertical-align: super;
    width: 50px;
}
.contact_detail p a {
    color: #f71735;
}
.contact_detail {
    margin-bottom: 20px;
}
.contact_map #map {
    height: 550px !important;
    width: 100%;
}
#contactus2 form#list_blog_contact {
    border: 1px solid transparent;
}
#contactus2 form#list_blog_contact .col-md-12 {
    margin-bottom: 0;
}
/* ================================= */
/* --------- Responsive CSS -------- */
/* ================================= */

@media (max-width: 1024px) {
    html {
        font-size: 14px;
    }
    h2 {
        font-size: 2rem;
    }
}
@media (max-width: 993px) {
	#header-top_3 .navbar-brand {
		display:block;
	}
	.hidden-sm {
		display: none !important;
	}
}
@media (max-width: 992px) {
    .top_links li a {
        padding: 0 15px;
    }
    /*Header*/
    nav.navbar.bootsnav.navbar-sticky {
        padding: 0;
    }
    nav.navbar.bootsnav .navbar-brand {
        float: left !important;
    }
    .navbar-brand {
        padding: 8px 0;
    }
    .navbar-brand > img {
        width: 90px;
    }
    nav.navbar.bootsnav ul.nav > li {
        margin: 0;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 15px 0;
    }
	#header-top_3 #header-bottom {
		background: #000;
	}
    #main-slider .item .col-md-5 {
      display: none;
    }
    #main-slider .carousel-content h1 {
      font-size: 26px;
    }
    .find_domain .domain_search .price_list li {
        padding: 0 5px;
    }
    .find_domain .form_title {
        text-align: center;
    }
    .top_links li a {
      margin: 0;
    }
    .blog_list_detail .blog_heading > p {
        padding: 10px 0;
    }
    .blog_list_detail .item img {
        width: auto;
    }
    .blog_list_detail .blog_heading > h2 {
        padding-bottom: 14px;
    }
	.pro-video img {
	  width: 100%;
	}
	#funfacts .counter {
		margin-top:30px;
	}
	.text-offer {
	  margin-top: 20px;
	}
	.image-offer > img {
	  margin-left: 15px;
	  margin-top:40px;
	  width: 100%;
	}
    .offer-box {
      height: auto;
    }
    .offer-box {
      background: #ccc;
      margin-bottom:15px;
    }
    .offer-pricee {
      padding: 3px 0;
    }
}
@media (max-width: 767px) {
    html {
        font-size: 13px;
    }
    .banner-content-btn .btn-banner.active {
      display: block;
      margin-bottom: 10px;
      margin-right:0;
      text-align: center;
    }
  .banner-content-btn .btn-banner {
      display: block;
      text-align: center;
    }
    .top_desc {
        padding-bottom: 20px;
        text-align: center;
    }
    .top_links {
        text-align: center;
    }
    #img_text .img-text-image {
        margin-bottom: 60px;
    }
    .pro-video img {
      margin-top:0;
    }
    .price_table {
        margin-bottom: 30px;
    }
    .why_us_detail {
        margin-bottom: 30px;
    }
    .feture {
        padding: 20px;
    }
    #funfact .col-md-3 {
        margin-bottom: 30px;
    }
    .counter {
        padding: 20px 10px;
        width: 100%;
    }
    .about_image .single-effect {
        margin-bottom: 30px;
    }
    #offer .col-md-6 {
        margin-bottom: 30px;
        text-align: center;
    }
    #team_slider .item .col-md-6:first-child {
        padding-right: 15px;
    }
    #team_slider .item .col-md-6:last-child {
        padding-left: 15px;
    }
    .hosting.detail > a {
        margin-bottom: 40px;
    }
    .domain_detail {
        margin-bottom: 30px;
    }
    .our_company_border {
        display: none;
    }
    #how_buy .row {
        text-align: center;
    }
    .blog_list_detail .item img {
        width: 100%;
    }
  .image-offer > img {
    margin-left:0;
  }
  .text-offer {
    margin-left: 15px;
  }
  .offer-pricee {
    height: 47px;
  }
}
@media (max-width: 669px) {
    .partner_img > img {
        width: 100%;
    }
    .footer_news {
        margin-top: 50px;
    }
    .socialicons {

        margin-top: 20px;
        text-align: center;
    }
    .copyright {
        text-align: center;
    }
    #sync1 .item > img {
        width: 100%;
    }
    .blog_heading li:last-child {
        display: none;
    }
    .blog_heading li a {
        font-size: 10px;
    }
	#main-slider .carousel .carousel-content {
		margin: 25% 0 15%;
	}
}
@media (max-width: 555px) {
	#header-bottom .top_contact{
		text-align:center;
	}
	#header-bottom .top_contact .get-tuch:nth-child(3){
		display:none;
	}
	#header-bottom .top_contact .get-tech-line:nth-child(2){
		display:none;
	}
}
@media (max-width: 480px) {
    .recent_tabs .nav-tabs > li > a {
        padding: 6px 4px;
    }
    #pricing_table .nav-tabs {
        margin-top: 30px;
    }
    .pricing-box {
        margin-bottom: 30px;
    }
}
@media (max-width: 360px) {
	#header-bottom .top_contact{
		text-align:center;
	}
	#header-bottom .top_contact .get-tuch:nth-child(3){
		display:none;
	}
	#header-bottom .top_contact .get-tech-line{
		display:none;
	}
}