/*Youstable */
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);

body {
font-family: 'Poppins', sans-serif;
}
a {
transition: all .2s ease-in-out 0s;
}
*:focus {
outline: 0 !important;
box-shadow: none !important;
}
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: 0;
}
textarea {
width: 100% !important;
}
.mar-bot {
margin-bottom: 50px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
.pb-0 {
padding-bottom: 0;
}
.special-text {
font-size: 1.2em;
font-weight: 500;
line-height: 1.8;
}
.header-banner {
/*background: url(/images/slider/header-banner.jpg) no-repeat center center;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 80vh;
color: #fff;
}
.header-banner-text-wrapper {
padding-top: 85px;
}
.header-banner h1 {
font-size: 34px;
text-transform: uppercase;
font-weight: 600;
}
.header-banner h3 {
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.header-banner-btn-wrapper {
padding-top: 50px;
}
@media (max-width: 768px) {
.header-banner {
height: 400px;
}
.header-banner-text-wrapper {
padding-top: 30px;
}
.header-banner h1 {
font-size: 28px;
}
.header-banner h3 {
font-size: 16px;
}
}
@media (max-width: 480px) {
.contact-info--item {
width: 100%;
}
.header-banner {
height: 400px;
}
.header-banner-text-wrapper {
padding-top: 30px;
}
.header-banner h1 {
font-size: 24px;
}
.header-banner h3 {
font-size: 14px;
font-weight: 400 !important;
}
.header-banner-btn-wrapper {
padding-top: 30px;
}
}
.input-group-addon {
border: 1px solid #303030;
background: #fff;
}
.form-control {
box-shadow: none;
background: #f7f7f7;
padding: 1.5em 1em;
color: #303030;
}
.form-control:focus {
border: 1px solid #f9ca0e;
background: #fff;
}
/*Custom button*/
/* Sizes */
.custom.button--size-s {
font-size: 14px;
}
.custom.button--size-m {
font-size: 16px;
}
.custom.button--size-l {
font-size: 18px;
}
.specs-table {}
.table-specs {
background: #fff;
}
.table-specs>thead>tr>th {
background: #f9ca0e;
padding: 1.2em;
border: 0;
text-transform: uppercase;
}
.table>tbody>tr>td {
padding: 1.2em;
font-weight: 500;
}
/*
** toTop
*/
#toTop {
bottom: 10px;
right: 10px;
display: none;
width: 50px;
height: 50px;
overflow: hidden;
position: fixed;
text-decoration: none;
z-index: 9999;
font-size: 0;
color: transparent;
color: #ffffff;
background: #546E7A;
border-radius: 25px;
transition: all 0.2s ease-in-out 0s;
}
#toTop.active {
display: block;
}
@media (min-width: 768px) {
#toTop {
bottom: 30px;
right: 30px;
}
}
@media (min-width: 992px) {
#toTop {
width: 55px;
height: 55px;
bottom: 55px;
right: 55px;
border-radius: 30px;
}
}
#toTop:after {
color: #ffffff;
content: "\f106";
font-size: 16px;
line-height: 55px;
font-family: FontAwesome;
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.2s linear;
}
@media (min-width: 992px) {
#toTop:after {
line-height: 55px;
}
}
#toTopHover,
#toTop:hover {
bottom: 15px;
opacity: 1;
}
@media (min-width: 768px) {
#toTopHover,
#toTop:hover {
bottom: 35px;
}
}
@media (min-width: 992px) {
#toTopHover,
#toTop:hover {
bottom: 60px;
}
}
#toTop:hover:after {
color: #ffffff;
}
#toTop:active,
#toTop:focus {
outline: medium none;
}
.modal-open #toTop {
visibility: hidden;
}
/* Typography and Roundedness */
.custom.button--text-upper {
letter-spacing: 2px;
text-transform: uppercase;
}
.custom.button--text-thin {
font-weight: 300;
}
.custom.button--text-medium {
font-weight: 500;
}
.custom.button--text-thick {
font-weight: 600;
}
.custom.button--round-s {
border-radius: 5px;
}
.custom.button--round-m {
border-radius: 15px;
}
.custom.button--round-l {
border-radius: 40px;
}
/* Borders */
.custom.button--border-thin {
border: 1px solid;
}
.custom.button--border-medium {
border: 2px solid;
}
.custom.button--border-thick {
border: 3px solid;
}
/* Common button styles */
.custom.button {
min-width: 150px;
display: inline-block;
padding: 1em 2em;
border: none;
background: none;
color: inherit;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.custom.button:focus {
outline: none;
}
.custom.button>span {
vertical-align: middle;
}
/* Moema */
.custom.button--moema {
padding: 1em 2em;
border-radius: 50px;
background: #7986cb;
color: #fff;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.custom.button--moema.button--inverted {
background: #f9ca0e;
color: #263238;
}
.custom.button--moema::before {
content: '';
position: absolute;
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
background: inherit;
border-radius: 50px;
z-index: -1;
opacity: 0.4;
-webkit-transform: scale3d(0.8, 0.5, 1);
transform: scale3d(0.8, 0.5, 1);
}
.custom.button--moema:hover {
-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
color: #ECEFF1;
background-color: #3f51b5;
-webkit-animation: anim-moema-1 0.3s forwards;
animation: anim-moema-1 0.3s forwards;
}
.custom.button--moema.button--inverted:hover {
color: #fff;
background-color: #41c4ac;
}
.custom.button--moema:hover::before {
-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.btn,
.btn:focus {
font-size: 14px;
line-height: 46px;
background: #f9ca0e;
border-radius: 0;
padding: 0 15px;
text-transform: uppercase;
border: 2px solid #f9ca0e;
letter-spacing: 1px;
color: #fff;
font-weight: 600;
transition: all .5s;
border-radius: 4px;
}
.btn.btn-nofill {
background: transparent;
color: #f9ca0e;
}
.btn.btn-fill:hover,
.btn.btn-fill:active {
background: transparent;
color: #f9ca0e;
}
.btn.btn-nofill:hover,
.btn.btn-nofill:active {
background: #f9ca0e;
color: #303030;
}
/*Social links*/
.social-links {
margin: 0;
}
.social-links li a {
color: #fff;
background: #37474F;
line-height:2;
display: block;
text-align: center;
height: 25px;
width: 25px;
border-radius: 100%;
font-size: 1.2em;
}
.social-links li.facebook a:hover {
background-color: #42599e;
}
.social-links li.instagram a:hover {
background: linear-gradient(to right,#fcb045,#fd1d1d,#833ab4);
}
.social-links li.gplus a:hover {
background-color: #db4437;
}
.social-links li.twitter a:hover {
background-color: #55acee;
}
.social-links li.youtube a:hover {
background-color: #d32422;
}
.social-links li.facebook a:before,
.social-links li.instagram a:before,
.social-links li.gplus a:before,
.social-links li.twitter a:before,
.social-links li.youtube a:before {
font-family: Fontawesome;
}
.social-links li.facebook a:before {
content: '\f09a ';
}
.social-links li.instagram a:before {
content: ' \f16d ';
}
.social-links li.gplus a:before {
content: '\f0d5 ';
}
.social-links li.twitter a:before {
content: '\f099 ';
}
.social-links li.youtube a:before {
content: '\f167 ';
}
.other-links {
margin: 0;
}
.other-links li a {
color: #fff;
line-height: 2.5;
font-size: 1.1em;
}
/*Navbar*/
.navbar-ys {
background: #fff;
border: 0;
border-radius: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);
margin: 0;
/*z-index: 999;*/
min-height: 76px;
width: 100%;
top: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.navbar-ys .navbar-header {
z-index: 1000;
}
/*.subhead {
background: #263238;
padding: 1em 0;
color: #fff;
font-size: 1.2rem;
font-weight: 500;
}*/
.subhead {
background: #263238;
padding: 5px 0;
color: #fff;
font-size: 1.2rem;
font-weight: 500;
}
/*navbar-toggle*/
.navbar-ys .navbar-toggle {
font-size: 2em;
color: #263238;
padding: 0;
border: none;
margin: 8px 5px 8px 1px;
}
@media (min-width: 768px){.navbar-toggle {
display: none;
}}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
/*navbar-toggle*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*navbar-brand*/
.navbar-ys .navbar-brand {
height: 100%;
}
@media (min-width: 768px){
.navbar-ys .navbar-brand {padding: 22px 1em;}
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand > img {
display: block;vertical-align: middle;
}
/*navbar-brand*/
.navbar-ys .dropdown-menu {
background: #fff;
width: 100%;
border-radius: 0;
border: 0;
border-top: 1px solid #e5e6e6;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.175);
}
.navbar-ys .dropdown-large {
position: static !important;
}
.navbar-ys .dropdown-menu-large>li>ul li {
color: #2d383f;
list-style: none;
font-weight: 500;
}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a {
display: block;
padding: 8px;
clear: both;
font-weight: 500;
line-height: 1.428571429;
white-space: normal;
color: #273239;
text-decoration: none;
}
.navbar-ys .navbar-nav>li.open>a,
.navbar-ys .navbar-nav>li.open>a:focus,
.navbar-ys .navbar-nav>li>a:focus {
background: none;
color: #fff;
}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a:hover,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a:focus,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a:hover,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a:focus {
text-decoration: none;
color: #2d383f;
background-color: rgb(249, 204, 14);
}
.navbar-ys .navbar-nav>li>a {
font-weight: 400;
color: #000;
font-size: 1.1em;
padding-right: 16px;
padding-left: 16px;
}
.navbar-ys .navbar-nav>li.open>a:hover {
background: transparent;
color: #f9ca0e;
}
.navbar-ys .navbar-nav>li>a:hover .navbar-ys .navbar-nav>li>{background:#f9ca0e;}
.navbar-ys .navbar-nav>li>a:hover,
.navbar-ys .navbar-nav>li.active>a,
.navbar-ys .navbar-nav>li.active.open>a,
.navbar-ys .navbar-nav>li.active.open>a:hover,
.navbar-ys .navbar-nav>li.active>a:hover {
background:transparent;
color: #f9ca0e;
transition: all .2s ease-in-out;
border: none;
}
.section-title {
margin-bottom: 60px;
text-align: center;
}
.section-title h1 {
position: relative;
margin: -9px 0 20px;
padding-bottom: 10px;
color: #303030;
}
.section-title h2 {
position: relative;
margin: -9px 0 20px;
padding-bottom: 10px;
color: #303030;
}
.section-title  p{font-size:16px;}
.section-title h2:before {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 60px;
height: 2px;
margin: 0 auto;
background-color: #f9ca0e;
}
.section-title h1:before {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 60px;
height: 2px;
margin: 0 auto;
background-color: #f9ca0e;
}
#ys-home-slider .carousel-indicators {
margin-bottom: 0;
bottom: 0;
width: 1170px;
margin-left: -585px;
border-bottom: 1px solid #cbcaca;
}
#ys-home-slider .carousel-indicators li {
float: left;
width: calc((100% - 3px) / 4);
margin: 0;
border-radius: 0;
height: 117px;
padding: 38px 59px;
background: #fff;
border: none;
color: #443a44;
font-weight: bold;
text-transform: uppercase;
line-height: 21px;
font-size: 14px;
text-indent: 0;
text-align: left;
}
#ys-home-slider .carousel-indicators li+li {
margin-left: 1px;
}
#ys-home-slider .carousel-indicators li i {
float: left;
margin-right: 30px;
font-size: 1.6em;
}
#ys-home-slider .carousel-indicators li.active {
background: #f9ca0e;
}
#ys-home-slider .carousel-inner .item {
/*height: calc(100vh - 140px);*/
}
#ys-home-slider .carousel-inner .item:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #273239;
opacity: 0.97;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
z-index: -1;
}
#ys-home-slider .carousel-inner .item .carousel-caption {}
#ys-home-slider .carousel-inner .item .carousel-caption {
padding: 7em 5em;
text-align: left;
text-shadow: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#ys-home-slider .carousel-inner .item .carousel-caption h2 {
color: #333;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0.1px;
margin-bottom: 20px;
margin-top: 0;
font-size: 4em;
}
#ys-home-slider .carousel-inner .item .carousel-caption .custom.button {
float: left;
margin-top: 25px;
}
#ys-home-slider .carousel-inner .item .carousel-caption p {
font-weight: normal;
color: #333;
font-size: 1.2em;
line-height: 30px;
margin-bottom: 0;
}
#ys-home-slider .carousel-control {
display: none;
}
.round-img {
background: #f9ca0e;
border-radius: 50%;
padding: 5em;
display: inline-block;
}
/*Domain search box*/
#domainSearch.bg-img .section-title,
#domainSearch.bg-img .section-title h2 {
color: #000;
}
.domain-searchbox {
padding: 50px 10px;
margin: 5em 0;
border-radius: 20px;
background: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}
@media (min-width:300px) and (max-width:991px){
.domain-searchbox {
padding: 50px 20px;
}
}
.bg-gradient-overlay,
.bg-overlay {
position: relative;
z-index: 0;
}
.bg-gradient-overlay:before,
.bg-overlay:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: -webkit-linear-gradient(left, rgba(2, 18, 78, 0.6) 0%, rgba(255, 71, 24, 0.6) 100%);
background-color: linear-gradient(to right, rgba(2, 18, 78, 0.6) 0%, rgba(255, 71, 24, 0.6) 100%);
z-index: -1;
opacity: 0.6;
}
.bg-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* DOMAIN SEARCH FORM */
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {

.domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
.domainsearch-form-input ::-moz-placeholder {
color: #000;
}
.domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-moz-placeholder {
color: #fff;
}

}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

.domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
.domainsearch-form-input ::-moz-placeholder {
color: #000;
}
.domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-moz-placeholder {
color: #fff;
}

}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

.domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
.domainsearch-form-input ::-moz-placeholder {
color: #000;
}
.domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-moz-placeholder {
color: #fff;
}
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
.domainsearch-form-input ::-moz-placeholder {
color: #000;
}
.domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-moz-placeholder {
color: #fff;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

.domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
.domainsearch-form-input ::-moz-placeholder {
color: #000;
}
.domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-moz-placeholder {
color: #fff;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {

.domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
.domainsearch-form-input ::-moz-placeholder {
color: #000;
}
.domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-webkit-input-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input ::-moz-placeholder {
color: #000;
}
#domainSearch.bg-img .domainsearch-form-input :-ms-input-placeholder {
color: #000;
}
.domainsearch-form-input :-moz-placeholder {
color:white;
}
}
#domainSearch {
background: #ECEFF1;
}
#domainSearch.bgr {
background: #1f6599;
}
.domainsearch-form-input {
position: relative;
}
.domainsearch-form-input .text--input {
width: 100%;
min-height: 56px;
padding: 15px 20px;
color: #000;
background-color: transparent;
border: 1px solid #000;
border-radius: 50px;
outline: 0;
}
#domainSearch.bg-img .domainsearch-form-input .text--input {
color: #000;
border-color: #000;
}
.domainsearch-form-input .custom.button {
position: absolute;
top: 0;
right: 0;
margin: 5px;
padding: 1.3rem;
}
.domainsearch-form-ext {
margin-top: 22px;
margin-bottom: -7px;
}
.domainsearch-form-ext label {
display: table-cell;
width: 1%;
margin-bottom: 0;
color: #000;
font-size: 22px;
line-height: 30px;
font-weight: 300;
text-align: center;
}
#domainSearch.bg-img .domainsearch-form-ext label {
color: #000;
}
.domainsearch-form-ext label input {
display: none;
}
.domainsearch-form-ext label span {
position: relative;
padding-left: 25px;
cursor: pointer;
}
.domainsearch-form-ext label span:before {
content: " ";
position: absolute;
bottom: 5px;
left: 0;
width: 18px;
height: 18px;
border: 2px solid #303030;
border-radius: 50%;
-webkit-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}
#domainSearch.bg-img .domainsearch-form-ext label span:before {
border-color: #000;
}
.domainsearch-form-ext label input:checked+span:before {
background-color: #000;
}
#domainSearch.ds--lg {
padding: 217px 0 151px;
}
#domainSearch .domain-ext {
margin: 3.5em 1rem 0;
}
#domainSearch .domain-ext>div {
padding: 0 10px;
}
#domainSearch a.extension {
display: block;
font-weight: 500;
border-right: 1px dotted #000;
color: #000
}
#domainSearch a.extension span.name {
font-size: 22px;
}
#domainSearch .domain-ext>div:last-child a.extension {
border: none;
}
#domainSearch a.extension span {
display: block;
}
#domainSearch.bg-overlay:before {
background: -webkit-linear-gradient(left, #02124e 0%, #f9ca0e 100%);
background: linear-gradient(to right, #02124e 0%, #f9ca0e 100%);
opacity: 0.7;
}
#domainSearch.bg-overlay:before {
background-color: #f9ca0e;
opacity: 0.7;
}
.content-block3 {
background: url(/images/content-bg.jpg) no-repeat;
padding: 50px 0;
background-size: cover;
}
.content-block,
.content-block2 {
padding: 50px 0;
}
.content-block2 {
background: #ECEFF1;
}
.faq-home{background:white;}
.circle-box {
border: 1px solid #000;
border-radius: 50%;
width: 100%;
height: 3em;
line-height: 3;
text-align: center;
font-size: 4em;
}
.nav-prices {
margin: 0 0 2em 0;
min-width: 25%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-prices li {
border-top: 2px solid #aaa;
border-bottom: 2px solid #aaa;
margin: 0 !important;
font-size: 20px;
width: 25%;
text-align: center;
vertical-align: middle;
float: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.nav-prices li a{color: #000;}
.nav-prices li:first-child {
border-left: 2px solid #aaa;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.nav-prices li:last-child {
border-right: 2px solid #aaa;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.nav-prices li.active {
border-color: #f7ca0f;
background-color: #f7ca0f;
color: #000;
}
.nav-prices li.active a,
.nav-prices li.active a:hover,
.nav-prices li.active a:focus {
background-color: #f7ca0f;
color: #000;
}
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
.nav-prices li a {
display: inline;
vertical-align: middle;
margin: 0;
width: 100%;
color: #263239;
position: relative;
display: block;
padding: 10px 10px;
}
}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
.nav-prices li a {
display: inline;
vertical-align: middle;
margin: 0;
width: 100%;
color: #263239;
position: relative;
display: block;
padding: 10px 10px;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
.nav-prices li a {
display: inline;
vertical-align: middle;
margin: 0;
width: 100%;
color: #263239;
position: relative;
display: block;
padding: 10px 10px;
}

}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.nav-prices li a {
display: inline;
vertical-align: middle;
margin: 0;
width: 100%;
color: #263239;
position: relative;
display: block;
padding: 10px 10px;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media screen and (max-width: 600px) {
.nav-prices li a {
display: inline;
vertical-align: middle;
margin: 0;
width: 100%;
color: #263239;
position: relative;
display: block;
padding: 10px 5px;
}
}
.nav-prices li a i {
display: inline-block;
padding-right: 5px;
}
.nav-prices li:not(.active) a:hover {
background: #263239;
border-color: #263239;
color: #fff;
}
.pricing-table .section-title {
margin-bottom: 50px;
}
.pricing-table-item.popular .pt-head:before {
content: "\ Popular";
display: block;
background: #f9ca0e;
position: absolute;
width: 100%;
color: #000;
border-radius: 40px;
text-align: center;
top: 1em;
left: 0;
right: 0;
border: 1px solid #273239;
font-weight: 700;
padding: 1rem 0;
}
.pricing--content {
background-color: #fff;
border: 1px solid #273239;
}
.pricing--content.left-sidebar {
border-right: 0;
border-bottom: 0;
}
.pricing--content.left-sidebar ul li {
font-weight: 500;
}
.pricing--content.left-sidebar ul li:hover {
background-color: #f2f2f2;
}
.pricing--content.left-sidebar ul li i {
font-size: 1rem;
}
.pt-head {
color: #fff;
background-color: #1f6599;
text-align: center;
}
.pt-head .discount-number{
padding-top: 9px;
padding-bottom: 8px;
background: #3883bc;
width: 85px;
border-radius: 410px;
margin: 0 auto;
font-size: 14px;
font-weight: 600;}
.pt-head-empty {
background-color: transparent;
}
.pt-head .caption {
display: block;
margin-bottom: 0;
padding: 20px 0 0;
font-size: 14px;
letter-spacing: .12em;
text-align: center;
}
.pricing--content.left-sidebar .pt-head .caption {
border-bottom: transparent;
}
.pt-price-tag {
padding: 10px 0;
font-size: 3em;
display: inline-block;
position: relative;
}
.pt-price-tag i {
font-size: 2.5rem;
padding-right: 2px;
}
.pt-price-tag span {
font-size: 1.5rem;
font-weight: 500;
}
.pt-price-tag.old {
font-size: 1.5em;
margin: 0;
padding: 0;
line-height: 2;
margin-right: 1rem;
}
.pt-price-tag.old i {
font-size: 1.5rem;
padding-right: 2px;
}
.pt-price-tag.old:after {
content: '\ ';
position: absolute;
height: 2px;
background: #FFF;
width: 100%;
left: 0;
margin: 0 auto;
right: 0;
bottom: .9em;
}
.pt-price-tag.discount {
font-size: 2em;padding-bottom: 27px;
}
.pt-plan {
position: relative;
padding: 20px 0 18px;
color: #273239;
font-size: 1.5em;
font-weight: 700;
background: #f9ca0e;
}
.pt-features {
text-align: center;
}
.pt-features ul {
padding: 0;
margin: 0;
list-style: none;
}
.pt-features ul li {
color: #273239;
padding: 10px 20px;
border-bottom: 1px solid #273239;
font-weight: 500;
font-size: 1.1em;
}
.pt-features ul li:hover{
background-color: #f2f2f2;}
.pt-features ul li a{color:rgb(39, 50, 57);}
.pt-features ul li span {
border-bottom: 1px dashed #1f6599;
cursor: pointer;
}
.pt-features ul li .tooltip{font-size:14px;}
.pt-footer {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.pt-footer a.custom.button {
float: none;
display: inline-block;
}
.pricing-table-item.text-left .pt-head,
.pricing-table-item.text-left .pt-features,
.pricing-table-item.text-left .pt-footer {
text-align: left;
}
.pricing-table-item.text-right .pt-head,
.pricing-table-item.text-right .pt-features,
.pricing-table-item.text-right .pt-footer {
text-align: right;
}
.pricing-table-item.text-left .pt-head .caption,
.pricing-table-item.text-right .pt-head .caption {
margin-left: 20px;
margin-right: 20px;
}
.pricing-table-item.text-left .pt-head .pt-price-tag,
.pricing-table-item.text-left .pt-head .pt-plan,
.pricing-table-item.text-left .pt-footer,
.pricing-table-item.text-right .pt-head .pt-price-tag,
.pricing-table-item.text-right .pt-head .pt-plan,
.pricing-table-item.text-right .pt-footer {
padding-left: 20px;
padding-right: 20px;
}
.pt-features.no-border ul li {
border-bottom-width: 0;
}
.pricing-table .pricing--content {}
.pricing-table-item.popular .pricing--content {
border-left: 0;
border-right: 0;
}
.pricing-table-item .pt-features li strong {
display: none;
}
.pricing-table .pt-footer a.btn-custom {
padding-left: 20px;
padding-right: 20px;
}
.pricing-table .special-text {
margin: 2em 0 0;
}
/*Domain search */
.container-head {
position: relative;text-align:center;
}
.header-bg {
color: #fff;
padding: 4em 0;
position: relative;
background: #263239;background: #1f6599;
}
.header-bg h1 {
color: #fff;
font-weight: 600;
}
.header-bg h2 {
color: #fff;
font-weight: 500;
font-size: 36px;line-height: 1.1;
}
.header-bg .mount-text {
color: #fff;
}
.header-bg .mount-text p {
font-size: 1.3em;
/*padding: 0 50px 0 50px;*/
}
.header-bg .mount-text h3 span,
.coupon {
background: #f9ca0e;
border: 2px dashed;
padding: 5px;
color: #273239;
}
/*
#video-container {
position: absolute;
}
#video-container {
top: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
}
video {
position: absolute;
z-index: -1;
}
video.fillWidth {
width: 100%;
}
*/
/*Feature box*/
.features-home {
background: #36474f;
}
.features-home .section-title h2,
.features-home .section-title h4 {
color: #fff
}
.service-block h3 {
color: #191d23;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 22px;
}
.service-block .inner {
overflow: hidden;
}
.service-block .service-image i {
font-size: 2em;
}
#services.features-home .service-block .service-image i {
color: #f9ca0e;
}
#services .service-block>p {
color: #505660;
line-height: 28px;
}
#services.two1{
background:#f5f5f5;
}
#services.two .service-block {
display: flex;
}
#services.two .service-block h3 {
color: #17232f;
font-size: 20px;
margin-top: 0;
}
#services.two.features-home .service-block h3 {
color: #f9ca0e;
}
#services.two .service-info {
margin-left: 30px;
}
#services.two .service-info p {
color: #505660;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
#services.two.features-home .service-info p {
color: #fff
}
#services.two .service-block {
margin-bottom: 50px;
}
.tabFeature {
margin: 2em 0;
}
.tabFeature a:hover {
text-decoration: none;
background: #f8f8f9;
}
.tabFeature a img {
width: 100px;
}
.tabFeature a span {
display: block;
font-size: 17px;
font-weight: bold;
margin-top: 7px;
color:#333;
}
.tabFeature a .wp {
color: #00769d;
}
.tabFeature a .mgnt {
color: #ed4b23;
}
.tabFeature a .wdbp {
color: #0073ba;
}
.tabFeature a .jomn {
color: #f9ae41;
}
.tabFeature .nav-tabs.nav-justified>li>a {
border-radius: 50px;border:none;}
.tabFeature .nav-tabs>li.active>a,
.tabFeature .nav-tabs>li.active>a:hover,
.tabFeature .nav-tabs>li.active>a:focus {
border: 1px solid #eceff1;
}
.tabFeature .tab-content {
background: #fff;
position: relative;
margin-top: 30px;
padding: 30px;
border-radius: 10px;
transition: all 0s ease-in-out;
}
.tabFeature .tab-content p{font-size:16px;}
.special-services .row1 {
margin-bottom:60px;
}
@media (max-width: 767px){
.special-services .row1 {
margin-bottom:30px;
}
}
.align-center{text-align:center;}
.special-services h4 {
color: #202736;
font-weight: 500;
text-indent: 1px;
margin: 0 0 5px;
}
.special-services p {
margin-bottom: 17px;
font-size: 1.2em;
line-height: 1.6;
}
.special-services p:last-child {
margin-bottom: 0;
}
.special-services ul {
margin: 0;
padding: 0;
list-style: none;
}
.special-services ul:before,
.special-services ul:after {
content: " ";
display: table;
}
.special-services ul:before,
.special-services ul:after {
clear: both;
}
.special-services ul li {
position: relative;
font-size: 1.2em;
line-height: 1.8;
}
.special-services ul li .fa {
color: #36474f;
}
.special-services .price {
margin-top: 24px;
font-size: 1.5em;
}
.special-services .custom.button {
padding: 1em 3em;
}
.special-services-block {
margin: 5em 1em;
}
.quote-box {
background: #1f292e;
color: #fff;
text-align: center;
background-image: url(/images/9-high.svg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.quote-box .quotes {
margin: 0 0 2rem 0;
}
.quote-box .quotes:before,
.quote-box .quotes:after {
display: inline-block;
font-family: fontawesome;
vertical-align: top;
font-size: 2.1rem;
}
.quote-box .quotes:before {
content: "\f10d";
padding-right: 1rem;
}
.quote-box .quotes:after {
content: "\f10e";
padding-right: 1rem;
}
.quote-box p {
font-size: 1.2em;
font-weight: 500;
padding: 1em 0 0;
}
/*Faqs*/
.faq-content .panel-group {
margin-bottom: 0;
}
.faq-content .panel-group .panel {
border-radius: 0;
font-size:18px;font-family:arial;
}
.faq-content .panel-group .panel-heading {
padding: 0;
}
.faq-content .panel-group .panel-heading a {
display: block;
padding: 10px 15px;
color: #fff;
background-color: #1f6599;font-size:22px;
}
.faq-content .panel-group .panel-open .panel-heading a {
background-color: #f9ca0e;
color: #000;font-size:22px;
}
.faq-content .panel-group .panel-heading a h4 {
font-weight: 500;
overflow: hidden;
}
.faq-content .panel-group .panel-heading a i.fa-plus {
float: right;
}
.faq-content .panel-group .panel-open .panel-heading a i.fa-plus:before {
content: "\f068";
}
/*css for modal*/
.modal-dialog {
width: 830px;
max-width: 100%;
}
.modal-dialog .modal-header {
border: none;
padding: 0;
min-height: 0;
}
.modal-dialog .modal-header span {
font-size: 30px;
}
.modal-dialog .customise-form .customised-formgroup span,
.contact-form.customise-form .customised-formgroup span {
top: 19px;
line-height: 22px;
}
.customise-form .icon-user {
font-size: 16px;
}
.customise-form .icon-envelope,
.customise-form .icon-laptop,
.customise-form .icon-bubble {
font-size: 18px;
}
.customise-form .icon-bubble {
top: 18px;
line-height: normal !important;
}
.modal-dialog .customise-form .customised-formgroup span.icon-bubble {
top: 16px;
}
.customise-form .icon-telephone {
font-size: 17px;
}
.customise-form.contact-form .customised-formgroup {
margin-bottom: 15px;
}
.customise-form.contact-form .btn-fill {
margin-top: 36px !important;
}
.common-form-section .btn.full-width span {
margin-left: 8px;
}
.modal-content {
border: 1px solid #d5d5d5;
border-radius: 0;
box-shadow: none;
border-radius: 4px;
}
.modal-body {
padding: 27px 50px 50px 50px;
}
.modal-content h3 {
color: #1a252b;
font-size: 24px;
margin-top: 23px;
line-height: 18px;
margin-bottom: 13px;
}
.modal-content .btn.btn-fill {
margin: 30px 0 0;
}
.modal-content .btn.btn-fill span {
margin-left: 5px;
}
.btn.btn-fill span {
font-size: 12px;
margin-left: 5px;
}
.customise-form .customised-formgroup input,
.contact-form .customised-formgroup input {
height: 50px;
}
.modal-content form .customised-formgroup textarea,
.customise-form .customised-formgroup textarea {
height: 93px;
}
.modal-content ul {
margin-top: 10px;
}
.modal-content li {
font-size: 16px;
font-weight: normal;
color: #444444;
line-height: 26px;
}
.modal-content .list-with-arrow li {
padding-left: 23px;
margin-bottom: 9px;
}
.modal-content li:before {
color: #90c404;
font-size: 13px;
}
.modal-content .contact-info-box-wrapper {
margin-top: 88px;
}
.contact-info-box:last-child {
margin-bottom: 0;
}
.contact-page .contact-info-box:last-child {
text-align: center;
}
.contact-page .modal-dialog .contact-info-box:last-child {
text-align: left;
}
.google-map-location h2 {
line-height: 31px;
}
/*vertially center modal  css*/
.verticl-center-modal {
text-align: center;
padding: 0 !important;
}
.verticl-center-modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.verticl-center-modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
/*Portfolio */
.portfolio {
position: relative;
padding: 42px 0 0;
}
.logo-b.portfolio {
position: relative;
padding: 0px 0px 0px;
}
.portfolio-p.portfolio {
position: relative;
padding: 0px 0px 0px;
}
.portfolio-full.portfolio {
position: relative;
padding: 37px 0px 0px;
}
.portfolio h2 {
margin-bottom: 45px;
}
.portfolio .grid {
transition: all .5s;
}
.portfolio .grid-item {
width: 33.333333%;
padding: 0 15px;
margin-bottom: 50px;
}
.portfolio .grid-item {
width: 33.333333%;
padding: 0 15px;
margin-bottom: 50px;
}
.portfolio-p.portfolio .grid-item {
width: 100%;
padding: 0px 0px;
margin-bottom: 30px;
}
.portfolio .img_container {
position: relative;
}
.portfolio .img_container img {
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
height: 16em;
}
.portfolio .img_container .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(39, 50, 57, 0.9);
transform: scale(0);
transition: all .5s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.portfolio .img_container .overlay a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio .img_container:hover .overlay {
transform: scale(1);
}
.portfolio .filter-button-group {
text-align: center;
margin: 45px 0 40px;
}
.portfolio .filter-button-group button {
border: none;
background: transparent;
font-size: 16px;
margin: 0 23px 10px;
padding: 0;
border-bottom: 2px solid transparent;
}
.portfolio .filter-button-group button:hover,
.portfolio .filter-button-group button.is-checked {
color: #f9ca0e;
border-color: #f9ca0e;
outline: none;
}
.portfolio .text-content,
.team_members .content {
padding: 25px 0;
border-bottom: 2px solid #273239;
position: relative;
}
.team_members .content {
padding: 0;
margin-bottom: 50px;
}
.portfolio .text-content::after,
.team_members .content::after {
content: " ";
position: absolute;
width: 0;
left: 0;
bottom: -2px;
border-bottom: 2px solid #f9ca0e;
transition: all .5s;
}
.portfolio .grid-item:hover .text-content::after,
.team_members .content:hover::after,
.news .blog-content:hover .box-green-border {
width: 100%;
}
.portfolio .text-content h3 span {
display: block;
font-size: 16px;
line-height: 26px;
color: #444444;
font-weight: 500;
margin: 5px 0 0;
}
.portfolio .btn-primary {
width: 100%;
max-width: 360px;
}
.portfolio .grid-item h3 a {
color: #1a252b;
cursor: pointer;
}
.portfolio .grid-item h3 a:hover {
color: #f9ca0e;
}
.potfolio-modal .thumb-list {
margin-left: -6px !important;
margin-right: -6px !important;
}
.potfolio-modal .thumb-list li {
width: calc((100% - 40px) / 3);
cursor: pointer;
margin: 0 5px !important;
padding: 0;
}
.thumb-list li:last-child {
margin: 0;
}
.potfolio-modal .modal-content {
box-shadow: none;
}
.list-inline.thumb-list {
text-align: center;
}
.potfolio-modal .modal-dialog {
width: 1140px;
}
.port-modal-content p {
margin-bottom: 22px;
line-height: 25px;
}
.port-modal-content p.gray-text {
margin-bottom: 0;
color: #777777;
line-height: normal;
}
.potfolio-modal .modal-content .list-with-arrow li::before {
font-size: 11px;
color: #444444;
}
.modal-body {
padding: 50px 40px;
padding-bottom: 32px;
border: none;
}
.modal-content .list-with-arrow li {
margin-bottom: 6px;
padding-left: 15px;
position: relative;
}
.modal-content .list-with-arrow li i {
font-size: 11px;
position: absolute;
top: 7px;
left: 0;
}
.port-modal-content h2 {
margin-bottom: 4px;
border: none;
}
.modal-content {
border-color: #eeeeee;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
-o-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
}
.port-modal-content .regular-text a {
color: #f9ca0e;
font-weight: 600;
}
.modal-content {
position: relative;
}
.modal-content h3 {
margin-top: 30px;
}
.modal-header {
border: none;
}
.modal-content .close {
position: absolute;
top: 20px;
right: 18px;
z-index: 9;
}
.modal-content .list-with-arrow {
margin-top: 27px;
padding-left: 0;
}
.potfolio-modal .button {
margin-top: 23px !important;
}
.modal-backdrop {
background: #eee;
opacity: 1 !important;
}
.potfolio-modal .thumb-list img {
border: 2px solid transparent;
width: 100%;
border-radius: 5px;
}
.potfolio-modal .thumb-list .selected img {
border: 2px solid #f9ca0e;
}
.potfolio-modal .carousel-inner>.item {
background-position: center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat: no-repeat !important;
margin-bottom: 10px;
}
.potfolio-modal .carousel-inner>.item img {
width: 100%;
border: 1px solid #f7f7f7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.is-featured {
position: relative;
overflow: hidden;
}
.is-featured::after {
content: " featured ";
position: absolute;
top: 20px;
right: -41px;
width: 150px;
height: 28px;
background: #f9ca0e;
font-size: 12px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
text-transform: uppercase;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 99;
}
.portfolio {
padding: 0 0 10em;
}
.portfolio-block {
border-radius: .25em;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);
margin-bottom: 4em;
border-radius: 0 0 .25em .25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio-block img {
display: block;
border-radius: .25em .25em 0 0;
width: 100%;
height: 15em;
}
.portfolio-body {
border-radius: 0 0 .25em .25em;
}
.portfolio-body .pdbody {
padding: .5em 1.6em;
}
.star-rating.pdbody {
background: #273239;
color: #fff;
text-align: center;
}
.star-rating.pdbody p {
display: inline-block;
vertical-align: middle;
padding-right: 1em;
font-weight: 500;
}
.star-rating p {
font-weight: 500;
}
.star-rating i {
color: #fde16d;
font-size: 1.4em;
}
.star-rating span:focus {
outline: none !important
}
.portfolio-body h4 {
font-size: 2.5rem;
color: #333
}
.portfolio-body p.desc {
font-size: 1.6rem;
opacity: .7;
color: #273239;
height: 6.5em;
font-weight: 500;
}
.pcats {
text-align: center;
margin: 2em 0;
}
.pcats li {margin-bottom:5px;
}
.pcats li a {
display: inline-block;
padding: 1em 2em;
height: auto;
width: auto;
line-height: 1;
border-radius: 30em !important;
background: #263238;
color: #fff;
border: 1px solid;
font-weight: bold;
}
.pcats li a.active,
.pcats li a:hover,
.pcats li a:active,
.pcats li a:focus {
background: #F9CA0F;
color: #273239;
}
.reset-gutter {
margin-left: 0;
margin-right: 0;
}
.reset-gutter>[class*='col-'] {
padding-left: 0;
padding-right: 0;
}
.reset-margin {
margin-right: 0;
margin-left: 0;
}
.reset-padding {
padding-right: 0;
padding-left: 0;
}
/*Shared Hosting*/
.packs-hosting-big .pack {
background: #fff;
margin-bottom: 30px;
margin-top: 30px;
box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.packs-hosting-big .pack.popular {
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
z-index: 1;
}
.packs-hosting-big i.img-pack {
height: 220px;
display: block;
}
.packs-hosting-big .price {
font-size: 4em;
font-weight: 800;
color: #263238;
position: relative;
z-index: 100;
text-align: center;
}
.packs-hosting-big .currency {
font-size: 0.5em;
vertical-align: super;
}
.packs-hosting-big .period {
font-size: 0.25em;
display: inline-block;
padding: 0 0 0 0.5em;
color: #263238;
}
.packs-hosting-big .title-pack {
text-align: center;
background: #263238;
color: #fff;
font-size: 3em;
padding: .5rem 0;
font-weight: bold;
}
.packs-hosting-big .title-pack span {
display: block;
font-size: 2rem;
}
.packs-hosting-big .features {
padding: 1rem 3.5rem;
}
.packs-hosting-big .custom.button {
display: block;
float: none;
padding: 1em 2em;
}
.packs-hosting-big ul.features-list {
padding-left: 0;
}
ul.features-list {
margin-bottom: 0;
}
.packs-hosting-big ul.features-list li {
list-style: none;
font-size: 1.5rem;
border-bottom: 1px solid #f0f3f5;
padding: .5rem 0;
}
.packs-hosting-big ul.features-list li span {
font-weight: bold;
color: #263238;
}
.packs-hosting-big ul.features-list li i {
color: #263238;
margin-right: 10px;
margin-left: 10px;
}
.packs-hosting-big ul.features-list li a {
color: #605f59;
font-weight: bold;
border-bottom: 2px dotted;
}
.description-box {
background: #273239;
}
.description-box h2 {
color: #fff;
margin-bottom: 40px;
}
.description-box p {
color: #fff;
font-size: 1.3em;
line-height: 1.7;
font-weight: 500;
}
.member-section {
margin: 20px 0 100px;
}
.member {
text-align: center;
margin-top: 20px;
padding: 20px 0;
border-radius: 10px;
max-height: 400px;
border: 1px solid #eee;
transition: all .2s ease-in-out 0s;
}
.member:hover {
border: 1px solid #f9ca0e;
}
.member h3 {
color: #36474f;
font-weight: bold;font-size: 24px;
}
.member h4 {
color: #273239;
font-size: 1em;
}
.member-pic img {
display: inline-block;
background: #fff;
padding: 10px;
border-radius: 50% 50% 50% 4px;
height: 220px;
}
.about-content.inner .section-title {
text-align: left;
margin-bottom: 30px;
}
.about-content.inner .section-title h2 {
font-size: 2.5em;
}
.about-content.inner .section-title h2:before {
margin: 0
}
.about-content p {
margin-bottom: 0px;
padding-top: 20px;
font-size: 1.2em;
line-height: 1.6;
font-weight: 500;
}
/*Testimonials*/
.testimonial {
background: #fff;
}
#fade-quote-carousel .carousel {
padding-bottom: 5em;
}
#fade-quote-carousel .carousel .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
#fade-quote-carousel .carousel .carousel-inner .active {
opacity: 1;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
margin: 0 0 1em;
}
#fade-quote-carousel .carousel .carousel-indicators {
bottom: 10px;
}
#fade-quote-carousel .carousel .carousel-indicators>li {
background-color: #273239;
border: none;
width: 30px;
}
#fade-quote-carousel .carousel .carousel-indicators>li.active {
background-color: #f9ca0e;
}
#fade-quote-carousel h4 {
font-size: 1.5em;
border-bottom: 1px solid #f9ca0e;
display: inline-block;
padding-bottom: .5rem;
}
#fade-quote-carousel .center-block {
float: none;
}
#fade-quote-carousel .center-block .carousel-inner{
padding:20px 10px;
box-shadow: 0 0 10px rgba(11,12,13,0.5);
-moz-box-shadow: 0 0 10px rgba(11,12,13,0.5);
-webkit-box-shadow: 0 0 10px rgba(11,12,13,0.5);
-o-box-shadow: 0 0 10px rgba(11,12,13,0.5);
}
#fade-quote-carousel blockquote {
text-align: center;
border: none;
font-size: 1.3em;
padding: 0;
margin: 1em 0;
}
#fade-quote-carousel blockquote:before,
#fade-quote-carousel blockquote:after {
display: inline-block;
font-family: fontawesome;
vertical-align: top;
font-size: 1.6rem;
color: #797777;
}
#fade-quote-carousel blockquote:before {
content: '\f10d';
padding-right: 1rem;
}
#fade-quote-carousel blockquote:after {
content: "\f10e";
padding-left: 1rem;
}
#fade-quote-carousel .carousel-control {
display: none;
}
#fade-quote-carousel .avatar {
width: 130px;
height: 130px;
margin: 0 auto;
border-radius: 100px;
}
/*Contact us*/
.contact-us {
margin: 50px 0;
}
.contact-us .section-title {
text-align: left;
}
.contact-us .section-title h2:before {
margin: 0;
}
.contact-us form .input-group input,
.contact-us form textarea.form-control,
.contact-us form .input-group .input-group-addon {
border-radius: 0;
}
.contact-us form .form-control {
padding: 26px 16px;
}
.contact-us form .input-group-addon {
padding: 6px 20px;
background: #fff;
font-size: 16px;
}
.contact-us-item {
position: relative;
padding: 0 0 0 65px;
margin: 40px 0 0;
font-size: 17px;
line-height: 26px;
}
.contact-us-item strong {
display: block;
font-weight: 500;
font-size: 19px;
margin-bottom: -2px;
}
.contact-us-item strong a {
color: #363636;
}
.contact-us-item:first-child {
margin: 0;
}
.contact-us-item i {
display: block;
position: absolute;
top: 10px;
left: 0;
color: #f9ca0e;
font-size: 35px;
}
@media (max-width: 769px) {
.contact-us-item {
padding: 0 0 0 40px;
}
.contact-us-item_icon i {
top: 5px;
font-size: 24px;
}
}
.address_info {
float: left;
background-color: #fff;
border: 1px solid #eee;
padding: 15px 0 0 30px;
width: 100%;
margin-bottom: 20px;
}
.address_info h3 {
margin-top: 0;
}
.google-map {
width: 100%;
height: 350px;
border: 5px solid #fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#domainPricing table {
border: 1px solid #ccc;
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}
#domainPricing table thead {
background-color: #f9ca0e;
}
#domainPricing table thead th {
padding: 15px 0;
}
#domainPricing table tr {
border: 1px solid #ddd;
padding: 5px;
}
#domainPricing table th,
#domainPricing table td {
padding: 10px;
text-align: center;
}
#domainPricing table th {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
#domainPricing table tbody td {
background-color: #fff;
}
#domainPricing table tbody tr:nth-child(even) td {
background-color: #f8f8f8;
}
#domainPricing table tbody td:first-child {
font-weight: 700;
font-size: 18px;
}
#domainPricing table tbody td .labelText {
display: none;
}
#domainPricing table tbody td .button {}
/*Footer*/
#contactInfo {
color: #fff;
background-color: #263238;
text-align: center;
background:#3883bc;
}
.contact-info--item a {
position: relative;
display: block;
padding: 30px 0;
color: #263238;
font-size: 1.5rem;
border-bottom: 1px solid;
font-weight: bold;
background-color: #f9ca0e;
}
.contact-info--item a:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-webkit-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}
.contact-info--item a:hover:before {
background: #b0900f;
}
.contact-info--item a .fa,
.contact-info--item a .typcn,
.contact-info--item a img {
margin-right: 8px;
}
footer .footer-up {
background: #263238;
padding: 2em 0;
color: #fff;
background:#3883bc;
}
footer .footer-up li a {
color: #90A4AE;color:#fff;
-webkit-transition: color .25s;
transition: color .25s;
display: block;
padding: 5px 0 6px;
}
footer .footer-text{background: #3883bc;padding: 2px 6px;border-radius: 3px;color:white;font-size:12px;}
@media screen and (max-width:400px){
footer .footer-up li a {
color: #fff;
transition: color .25s;
display: block;
padding: 8px 0;
}
}
footer .footer-up li a:hover {
color: #fff;
}
footer .footer-down .social-links {
margin-bottom: 2em;
}
footer .footer-up .address {
background: #f9ca0e;
padding: 1rem;
border-radius: 5px;
color: #273239;
}
footer .footer-up .address span a{color: #273239;}
footer .footer-down a {
color: #fff;
}
footer .footer-down .social-links li a {
float: left;
height: 40px;
width: 40px
}
.copyright-text {
color: #fff;
font-size: 1.5rem;
}
footer .footer-down {
text-align: center;
color: #fff;
padding: 1em 0;
background: #1f292e;
background:#1f6599;
}
@media (max-width: 767px) {
/* DOMAIN SEARCH AREA */
.domainsearch-form-ext {
margin-top: 0;
}
.domainsearch-form-ext label {
float: left;
display: block;
width: 33.33333%;
margin-top: 25px;
}
.navbar-ys .navbar-nav>li>a {
border-bottom: 1px solid #c6cecc;
}
.navbar-ys .dropdown-menu-large {
margin-left: 0;
margin-right: 0;
}
.navbar-ys .dropdown-menu-large>li {
margin-bottom: 30px;
}
.navbar-ys .dropdown-menu-large>li:last-child {
margin-bottom: 0;
}
.navbar-ys .dropdown-menu-large .dropdown-header {
padding: 3px 15px !important;
}
.navbar-ys .open .dropdown-menu {}
.navbar-ys .dropdown-menu-large>li>ul:first-child {
display: none;
}
.navbar-ys .dropdown-menu-large>li>ul.hosting {
display: block;
}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a:hover,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a:focus,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a:hover,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a:focus {
background: none;
border-bottom: 1px solid #f9ca0e;
display: inline-block;
}
}
/*
@media (max-width:400px) {
.navbar-brand {
padding: 12px 15px;
}
.navbar-brand>img {
height: 1.3em;
}
.navbar-ys .navbar-toggle {
font-size: 1.5em;
}
}*/
@media (max-width: 767px) {
.section-title h1 {
font-size: 30px;
}
}
@media (min-width: 768px) {
.section-title h2 {
font-size: 3em;
}
.section-title h1 {
font-size: 3em;
}
#domainSearch.bg-img .section-title h2 {
font-size: 3em;
}
/* .navbar-ys .navbar-brand {
padding: 1.2em 1em;
}*/
.navbar-ys .navbar-nav>li>a {margin: 12px .1em;}
.navbar-ys .navbar-nav li a.login {
border: 1px solid white;
padding: 10px 20px;
}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a {
border-radius: 50px;
}
.pdr0 {
padding-right: 0
}
.pdl0 {
padding-left: 0
}
.header-bg {
background-size: cover;
}
.navbar-ys .dropdown-menu-large {
padding: 20px 0px;
}
.navbar-ys .dropdown-menu-large>li>ul>li,
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li> {
list-style: none;
color: #fff
}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a {
text-align: center;
padding: 0px 20px 15px;
}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a i {
display: block;
font-size: 2.5em;
padding: 1rem 0;
}
.navbar-ys .dropdown-menu-large .dropdown-header {
font-size: 2.5em;
padding: .5rem 0 0;
font-weight: 500;
}
.navbar-ys .dropdown:hover>.dropdown-menu {
visibility: visible;
opacity: 1;
}
.navbar-ys .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
transition: visibility 0.2s, opacity 0.3s ease-in-out;
}
}
@media screen and (max-width: 380px) {
/* DOMAIN SEARCH AREA */
.domainsearch-form-ext label {
width: 50%;
}
.domainsearch-form-input .btn--default {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 1400px) {
#ys-home-slider .carousel-indicators li {
height: 80px;
padding: 30px;
}
}
@media (max-width: 1199px) {
#ys-home-slider .carousel-indicators {
width: 970px;
margin-left: -485px;
}
#ys-home-slider .carousel-indicators li {
height: 80px;
padding: 30px;font-size:15px;
}
#ys-home-slider .carousel-inner .item .carousel-caption h2 {
font-size: 59px;
line-height: 55px;
}
}
@media (max-width: 991px) {
#domainPricing {
padding-bottom: 50px;
}
#domainPricing table {
border: 0;
}
#domainPricing table thead {
display: none;
}
#domainPricing table tr {
margin-bottom: 30px;
display: block;
border-bottom: 2px solid #ddd;
background-color: #fff;
}
#domainPricing table tbody tr:nth-child(even) td {
background-color: #fff;
}
#domainPricing table td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
}
#domainPricing table td:last-child {
border-bottom: 0;
}
#domainPricing table td span.labelText {
display: block;
float: left;
text-transform: uppercase;
font-weight: bold;
}
#pricing {
padding-bottom: 80px;
}
.pricing-table-item {
margin-bottom: 30px;
}
.pricing-table-item .pt-features {
text-align: right;
}
.pricing-table-item .pt-features li strong {
display: block;
float: left;
}
.faq-categories {
margin-bottom: 50px;
}
.faq-categories ul li a:before {
display: none;
}
#ys-home-slider .carousel-indicators {
width: 750px;
margin-left: -375px;
}
#ys-home-slider .carousel-indicators li {
padding: 20px;
height: 84px;
}
#ys-home-slider .carousel-indicators li i {
margin-right: 15px;
}
#ys-home-slider .carousel-inner .item {
height: 535px;
}
#ys-home-slider .carousel-inner .item .carousel-caption {
padding-top: 80px;
padding-bottom: 80px;
}
#ys-home-slider .carousel-inner .item .carousel-caption h2 {
font-size: 44px;
line-height: 40px;
}
#ys-home-slider .carousel-inner .item .carousel-caption p {
margin-top: 10px;
line-height: 20px;
font-size: 14px;
}
}
@media screen and (max-width: 600px){
#ys-home-slider .carousel-indicators li {
padding: 10px;
height: 84px;
}
}
@media (max-width: 767px) {
.faq-categories ul li a {
overflow: hidden;
}
#ys-home-slider .carousel-indicators {
margin: 0;
left: 0;
position: relative;
width: 100%;
overflow: hidden;
}
#ys-home-slider .carousel-indicators li {
height: 60px;
font-size: 12px;
width: 50%;
float: left;
display: block;
position: relative;
}
#ys-home-slider .carousel-indicators li:nth-child(1),
#ys-home-slider .carousel-indicators li:nth-child(2) {
border: 1px solid #f9ca0e;
}
#ys-home-slider .carousel-indicators li:nth-child(3),
#ys-home-slider .carousel-indicators li:nth-child(4) {
border: 1px solid #f9ca0e;
border-top: 0;
}
#ys-home-slider .carousel-indicators li:nth-child(2n+0) {
border-left: 0;
}
#ys-home-slider .carousel-indicators li+li {
margin: 0
}
#ys-home-slider .carousel-inner .item {
height: auto;
}
#ys-home-slider .carousel-inner .item .carousel-caption {
padding: 20px 0;
}
#ys-home-slider .carousel-inner .item .carousel-caption h2 {
font-size:2em;
line-height: 1;
}
#ys-home-slider .carousel-inner .item .carousel-caption p {
display: none;
}
#ys-home-slider .carousel-inner .item .carousel-caption .custom.button {
font-size: 1.1rem;margin-top:5px;
}
}
/*affiliate page*/
#affiliate .divider{
background-color: #f9ca0e;;
margin:0px auto 40px;
width: 30px;
height: 2px;
float: none;
overflow: auto;
margin-bottom: 70px;
}
#affiliate .icon {
padding-bottom: 20px;
}
#affiliate h4 {
font-size: 22px;

padding-bottom: 0px;font-weight:600;
}
#affiliate p {
padding-left: 0px;
margin-top: 7px;
line-height: 22px;
font-family: 'Open Sans',sans-serif;
font-size: 16px;
color: #868686;margin-bottom:20px;
}
#affiliate h1
{text-align:center;margin-top:70px;font-family: 'Open Sans',sans-serif;font-size:40px}
/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {
#affiliate h1
{text-align:center;margin-top:70px;font-family: 'Open Sans',sans-serif;font-size:40px}
}
/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
#affiliate h1{
text-align:center;margin-top:70px;font-family: 'Open Sans',sans-serif;font-size:20px}
}
/*sticky footer*/
.tooltip1 {
position: relative;
display: inline-block;color:#333;
}
.tooltip1 .tooltiptext {
visibility: hidden;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
position: absolute;
z-index: 1;
bottom:100%;
width:200px;
}
.tooltip1 .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
@media (max-width:400px){.tooltip1 .tooltiptext{width:130px;}}
.tooltip1:hover .tooltiptext {
visibility: visible;
}
@media (min-width: 48em){.sticky-footer .text-col p {
flex-basis: initial;
min-width: initial;
}}
.sticky-footer .text-col p {
margin: 0;
display: block;
min-width: 70%;
}
@media screen and (max-width:578px){
.sticky-footer .text-col p {min-width:30%;font-size:14px;}
.sticky-footer .text-col .btn-sm {width:200px;} }
@media (min-width: 48em){.sticky-footer .text-col p {
font-size: 20px;
}}
@media (min-width: 62em){
.sticky-footer .text-col .btn-sm {
margin: 0 0 0 2rem;
}
}
@media (min-width: 48em){
.sticky-footer .text-col .btn-sm {
width:20%;
}
}
@media (max-width: 991px){
.sticky-footer .sticky-footer-container {width: auto;}
}
.sticky-footer .text-col .btn-sm {
margin: 0 1rem 0 1rem;
}
@media (min-width: 62em){
.btn-sm {
font-size: 1.3rem;
padding: 0.8rem 2rem;
}
}
.btn-sm:hover{color:white;}
.btn-sm {
text-align: center;
text-decoration: none;
display: inline-block;
font-family: "Open Sans",Arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
line-height: 1;
background-color: #f9ca0e;
border: 1px solid #f9ca0e;
margin-bottom: 1.1rem;
color: #263238;
border-radius: .3rem;
overflow: hidden;
background-image: linear-gradient(to right, #6ace26 0%, #96dc66 10%, #96dc66 80%, #6ace26 100%);
background-repeat: no-repeat;
background-size: 10% 100%;
background-position: -100% center;
transition: all .5s ease;
font-size: 14px;
padding: 12px 18px;text-transform:uppercase;
}
@media (min-width: 48em){.sticky-footer .text-col {
text-align: center;
font-size: 2.2rem;
flex-basis: 0;
min-width: 0;
justify-content: flex-end;
padding: 0;
}}
.sticky-footer .text-col {
font-size: 1.6rem;
line-height: 1.3;
color: #0171bc;
padding: 1rem 1.5rem;
display: flex;
align-items: center;
flex-basis: 100%;
}
.sticky-footer .chat .contact-icon {
border-right: 0.05rem solid #C3CCD7;
}
.sticky-footer .contact-icon {
width: 100%;
padding: .3rem 1rem;
}
.sticky-footer .contact-link {
display: block;
float: left;
width: 5rem;
padding: .8rem 0;
}
.sticky-footer .contact-icon img {
width: 100%;
}
.sticky-footer {
position: fixed;left:0;right:0;border-top: 0.1rem solid #C3CCD7;
bottom: 0;
z-index: 1500;
transition: height 0.2s linear;background:white;display:none;
}
.sticky-footer .sticky-footer-container {
/* padding: 0;*/
background-color: #fff;
position: relative;
}
@media screen and (min-width: 48em){
.visible-md1 {
display: block;
}
}
.visible-md1 {
display: none;
}
.pt-features ul li.drop1 {
text-align:center;background:#3883bc;color:white;
}
.pt-features ul li.drop1 select{background:#3883bc;color:white;border-color: #3883bc;font-family:arial;font-weight:600;}
.dedicated-table{text-align:center;}
.dedicated-table .table-responsive{margin:0 auto;border-collapse: separate;
border-spacing: 0 20px;
}
.dedicated-table tr th:first-child, .dedicated-table tr td:first-child {
text-align: left;
padding-left: 15px;
}
.dedicated-table th {
padding: 10px 20px;font-size:16px;font-weight:600;
}
.dedicated-table  tr td:first-child {
border-left: 1px solid #e2e2e2;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.dedicated-table  td {
padding: 20px 5px;font-size:16px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.dedicated-table  td span{font-weight:500;}
.dedicated-table tr:hover{transform:scale(1.01);}
.dedicated-table tr:first-child:hover{transform:scale(1);}
.dedicated-table tr:hover td:last-child,.dedicated-table tr:focus td:last-child {
border-right: 1px solid #5b95f7;
}
.dedicated-table tr:hover td:first-child,.dedicated-table tr:focus td:first-child {
border-left: 1px solid #5b95f7;
}
.dedicated-table tr:hover td:first-child {
border-left: 1px solid #5b95f7;
}
.dedicated-table tr:hover td {
border: 1px solid #5b95f7;
border-left: none;
border-right: none;
}
.dedicated-table tr td:first-child {
border-left: 1px solid #e2e2e2;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.dedicated-table tr td:last-child {
border-right: 1px solid #e2e2e2; padding: 20px 8px 20px 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.dedicated-table tr td .fa {
margin-right: 2px;
font-size: 15px;
}
.dedicated-table tr td .span1 {
margin-right: 2px;
font-size: 110%;
}
.dedicated-table tr td .left1 {
float:left;
}
.dedicated-table tr td .btn1{ padding: 5px 10px;
border-radius: 3px;background: #f9ca0e;
color:white;border-radius: 50px;font-weight: 600;}
@media (min-width: 992px){
.container1 {
width: 100%;
}
}
@media (min-width: 768px){
.container1 {
width: 100%;
}
.dedicated-table tr td{
padding: 10px 0 10px 0;
}
}
@media screen and (max-width: 1200px){.dedicated-table td {
padding: 10px 5px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.dedicated-table tr th {
text-align:center;
}
.dedicated-table tr th:first-child, .dedicated-table tr td:first-child {
text-align: left;
padding: 10px 0 10px 10px;
}
.dedicated-table tr td:last-child {
border-right: 1px solid #e2e2e2;
padding: 20px 8px 20px 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
}
@media screen and (max-width: 1088px){
.dedicated-table tr td .left1 {
float:none;
}
}
@media screen and (max-width: 1020px){
.dedicated-table tr td:last-child {
padding: 10px 5px;
}
.dedicated-table   tr td {
font-size:14px;
}
}
@media (min-width: 1201px){
.dedicated-table td {
padding: 20px 10px!important;
font-size: 16px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
}
@media screen and (max-width: 959px){
.dedicated-table tr td .btn1 {
padding: 5px 10px 5px 8px;
}
}
@media screen and (max-width: 958px){
.dedicated-table {
overflow: auto;
}
.dedicated-table tr td .left1 {
float:none;
}
.dedicated-table .table-responsive{
display:block;overflow-x:auto;width: 100%;webkit-overflow-scrolling: touch;
}
.dedicated-table tr td{ white-space: nowrap;}
}
@media screen and (max-width: 767px){
.dedicated-table  .table-responsive {
border: none;
}
.dedicated-table th {
font-size: 14px;
}

}
.code {
display: block;
width: 100%;
text-align: right;
background: #d7ebf3;
padding: 10px 10px 10px 60px;
color: #33b5e5;
}
.peel-btn {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 50px);
cursor: pointer;
background: #33b5e5;
color: #fff;
padding: 10px 10px 10px 10px;
transition: all .2s linear;
}
.peel-btn:hover {
background: #00a8e6;
transition: all .2s linear;color: #fff;
}
.peel-btn:hover:after {
border-bottom: 30px solid #2385a9;
border-right: 30px solid transparent;
right: -27px;
transition: all .2s linear;
}
.peel-btn:hover:before {
width: 28px;
height:10px;
background: #00a8e6;
transition: all .2s linear;
}
.peel-btn:before {
content: '';
position: absolute;
bottom: 0;
left: 100%;
width: 20px;
height: 20px;
background: #33b5e5;
transition: all .2s linear;
}
.peel-btn:after {
content: '';
position: absolute;
top: 0;
right: -20px;
border-bottom: 20px solid #2385a9;
border-right: 20px solid transparent;
transition: all .2s linear;
}
.coupons .coupon1 {
margin: 35px auto;background: white;
box-shadow: 0 2px 4px 4px rgba(0,0,0,0.1); padding: 15px;
}
.coupons .coupon2 {
padding:0 15px 15px 0;
}
@media (min-width: 768px){
.coupons .coupon1 {
width: 100%;
max-width: 960px;
height: 176px;margin: 35px auto;
}
.coupons .coupon2 {
height: 200px;
}
.coupons .coupon1 .coupons-text {
float: left;width:50%;
}
.coupons .coupon1 .get-codebtn-holder {
float: left;
text-align: center;width:30%;
}
}
@media (max-width: 991px) and (min-width:750px){
.coupons .coupon1 {
width: 100%;
max-width: 960px;
height: 176px;margin: 20px auto;float: left;
}
.coupons .coupon2 {
height: 210px;
}
.coupons .coupon1 .coupons-text {
float: left;width:45%;
}
.coupons .coupon1 .get-codebtn-holder {
float: left;
text-align: center;
width: 30%;
}
}
.coupons .coupon1  .cashback-tile {
color: #322f2e;
border: 1px dashed rgba(91,87,86,0.6);
display: inline-block;
width: 105px;
position: relative;
margin: 20px 23px 20px 20px;
text-align: center;
float: left;
border-radius: 10px;
}
.coupons .coupon1 .cashback-tile .tile-content {
margin-top: 15px;
line-height: 35px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 75px;
}
.coupons .coupon1 .cashback-tile .tile-content .offer-big-font {
font-size: 26px;
white-space: nowrap;
font-weight:600;
display: block;color:#F9CA0E;
text-overflow: ellipsis;
overflow-x: hidden;
}
.coupons .coupon1 .cashback-tile .tile-content .offer-small-font {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 30px;
text-transform: uppercase;
}
.coupons .coupon1 .coupons-text h4 {
color: #4480C5;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 500; margin-top: 15px;
margin-bottom: 5px;
}
.coupons .coupon1 .coupons-text p {
font-size: 16px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 15px 0 0 0;
padding: 0;
}
.cpnbtn {
position: relative;
width: 200px;
height: 45px;
cursor: pointer;
color: #ea5656; border-radius: 3px;margin-left: auto;margin-right:auto;margin-top: 20px;
}
.coupons .coupon2  .cpnbtn {
margin-left:22%;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon {
width: 100%;
max-width: 100px;
min-height: 120px;
height: auto;
background: #1f6599;
margin: 0 auto;
position: relative;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon .wpcd-ribbon-before {
left: 0;
border-left: 50px solid #1f6599;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
position: absolute;
z-index: 1;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon .wpcd-ribbon-before, .coupons .coupon2 .cashback-tile .wpcd-ribbon .wpcd-ribbon-after {
content: '';
position: absolute;
bottom: -40px;
width: 0;
height: 0;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon .wpcd-ribbon-after {
right: 0;
border-right: 50px solid #1f6599;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
position: absolute;
z-index: 1;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon .discount-text {
color: #fff;
font-size: 30px;
text-align: center;
text-transform: uppercase;
padding-top: 8px;
margin: 0px !important;
position: relative;
z-index: 2;
}
@media (max-width: 749px) {
.coupons .coupon1 .get-codebtn-holder {
text-align: center;
margin-top: 10px;
}
.cpnbtn,.coupons .coupon2  .cpnbtn {
color: #ea5656;
border-radius: 3px;
margin:20px auto;

}
.btn-coupon {
left:10%;
}
}
@media (max-width: 680px) {
.coupons .coupon2 {
padding: 15px;
}
.coupons .coupon1 .cashback-tile {
width: 80px;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon .wpcd-ribbon-before, .coupons .coupon2 .cashback-tile .wpcd-ribbon .wpcd-ribbon-after {
content: '';
position: absolute;
bottom: -35px;
width: 0;
height: 0;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon {
max-width: 80px;
min-height: 100px;
}
.coupons .coupon2 .cashback-tile .wpcd-ribbon .discount-text {
font-size: 24px;
}
}
@media (max-width: 450px) {
.coupons .coupon1 .cashback-tile {
color: #322f2e;
border: 1px dashed rgba(91,87,86,0.6);
display: inline-block;
width: 80px;
position: relative;
margin: 10px 15px 10px 0px;
text-align: center;
float: left;
border-radius: 10px;
}
.coupons .coupon1 .cashback-tile .tile-content .offer-big-font {
font-size: 20px;
}
.coupons .coupon1 .cashback-tile .tile-content .offer-small-font {
font-size: 14px;
line-height: 25px;
}
.coupons .coupon1 .coupons-text h4 {
font-size: 20px;
}
}
.coupons .coupon2 .cashback-tile {
margin: 0 23px 20px 0;border:none;
}
.coupons .coupon2 .coupons-text, .coupons .coupon2 .get-codebtn-holder {
padding-top:15px;
}
.btn-coupon{font-weight:600;}
.btn-coupon:before,.btn-coupon:after {display:none; }
@media (max-width: 767px) and (min-width:480px){
.portfolio-p.portfolio  .col-sm-4 {
width: 50%;float: left;display: flex;
}
.portfolio-p.portfolio{display: flex;
flex-wrap: wrap;
}
}
.container-head1{background-image:url('../images/couponspage.jpg');background-size:cover;}
.container-head1 .header-bg{background: none;}
.pricing-table  .section-title .pill {
color: #FE6768;
font-size: 18px;
line-height: 24px;
}
.message .custom.button {
float: left;
margin-top: 25px;margin-bottom:50px;
}
.image3{display:none;}
.message{background-image: linear-gradient(to right, #fdfbf5, #fbefcd, #f9e3a4, #f7d77b, #f4ca50);}
.message .carousel-indicators1 {
margin-bottom:14px;
width: 1170px;
margin-left: -585px;
border: 1px solid #cbcaca; position: absolute;
left: 50%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
}
.message  .carousel-indicators1 li.active {
background: #f9ca0e;
}
.message  .carousel-indicators1 li:hover{
background: #f9ca0e;
}
@media (max-width: 1400px){.message .carousel-indicators1 li {
height: 80px;
padding: 30px;
}}
.image1{display:none;}
.message .carousel-indicators1 li {
float: left;
width: calc((100%) / 4);
margin: 0;
background: #fff;border: 1px solid #cbcaca;
color: #443a44;
font-weight: bold;
text-transform: uppercase;
line-height: 21px;
font-size: 14px;
text-indent: 0;
text-align: left;cursor: pointer;
}
.message .carousel-indicators1 li i {
float: left;
margin-right: 30px;
font-size: 1.6em;
}
/*.message  .carousel-indicators1 li+li {
margin-left: 1px;
} */
.price-tag {
top: 60px;float:left;
width: 240px;
text-align: center;
background: #14598C;
color: #f1c40f;
right: 20%;
padding: 35px 0;
cursor: pointer;transition: transform .4s;margin-top:40px;border: 1px dashed white;
}
.price-tag:hover {
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
}
@media (min-width:1200px){ .image{float:right;position:absolute;right: 5%;bottom:-130px}
}
.price-tag h6 {
font-size: 17px;
font-weight: 900;color:white;
}
.price-tag .h61 {
font-size:35px;
font-weight: 900;color: #f9ca0e;
}
@media (max-width: 1400px) {
.message .carousel-indicators1 li {
height: 80px;
padding: 30px;
}
}
@media (min-width: 1401px) {
.message .carousel-indicators1 li {
height: 80px;
padding: 30px;
}
}
@media (min-width:953px) and (max-width: 991px){
.message .carousel-indicators1 li {
padding: 30px;
}
}
@media (min-width:873px) and (max-width: 952px){
.message .carousel-indicators1 li {
padding:20px;
}
}
@media (min-width:768px) and (max-width:872px){
.message .carousel-indicators1 li {
padding:15px;
}
.message .carousel-indicators1 li i {
float: left;
margin-right:5px;
font-size: 1.6em;
}
}
@media (min-width:768px) and (max-width: 991px){
.image2{display:none;}
/*.image1{display:block;float: right;
position: absolute;
right:-2%;bottom:-270px;}*/
.message .carousel-indicators1{
width: 100%;margin: 0;
left: 0;border: 1px solid #cbcaca;
}
.message .carousel-indicators1 li i {
float: left;
margin-right:10px;
font-size: 1.6em;
}
.image{float:right;position:absolute;right: 5%;bottom:-260px}
/*.price-tag{display:none;}*/
.price-tag{position: absolute;top:-42px;right: 25%;bottom: -200px;}
}
@media (max-width:419px) and (min-width:345px) {
.message .carousel-indicators1 li {
height: 80px;
padding:30px 8px;
}
.message .carousel-indicators1 li i {
margin-right:10px;
}
}
@media (max-width:343px){
.message .carousel-indicators1 li {
height: 80px;
padding:30px 10px;
}.message .carousel-indicators1 li i {
display:none;
}}
.message1 .black .custom.button {
float:none;font-size:18px;
background: #263238;
color:white;
}
.message .black .custom.button {
float:none;font-size:18px;
background: #263238;
color:white;
}
.image2{position:absolute;left:20%;top:-70px;}
@media (max-width:1239px) and (min-width:1200px) {
.image2{position:absolute;left:15%;top:-70px;}
}
@media (max-width:1199px) and (min-width:1140px) {
.image2{position:absolute;left:20%;top:-60px;}
}
@media (max-width:1139px) and (min-width:1115px) {
.image2{position:absolute;left:15%;top:-60px;}
}
@media (max-width:1114px) and (min-width:1081px) {
.image2{position:absolute;left:10%;top:-60px;}
}
@media (max-width:1080px) and (min-width:992px) {
.image2{position:absolute;left:0%;top:-60px;}
}
@media (min-width:850px) and (max-width: 991px){
.image3{display:block;float: right;
position: absolute;
right:-2%;bottom:-200px;}
}
@media (min-width:820px) and (max-width: 849px){
.image3{display:block;float: right;
position: absolute;
right:-2%;} }
@media (min-width:768px) and (max-width: 819px){
.image3{display:block;float: right;
position: absolute;
right:-2%;} }
@media (max-width:767px) and (min-width:700px){ .image3 {
display: block;
float: right;
position: absolute;
right: 0%;
bottom:50px;
}  }
@media (max-width:699px){.message .black, .message1 .black {
text-align:center;
}
}
.cta_btn {
cursor: pointer;
text-decoration: none;
font-size: 20px;
background: #f9ca0e;
padding: 15px 35px;
color: #fff;
border-radius: 5px;
font-weight: 400;
display: inline-block;
}
.cta_btn:hover {
color: #fff;
}
.special-services h2 {
margin: 0 0 15px;
font-size: 36px;
line-height: 40px;
font-weight: 700;
color: #36474f;font-family: 'Open Sans',sans-serif;
}
@media (max-width:500px){.special-services h2 {
font-size:25px;
line-height: 30px;
} }
.tbl{
width: 100%;margin-top: 30px;border-collapse: collapse; border-radius:25px;font-size:14px;
}
.tbl tr:first-child {
background:transparent;
}
.tbl tr:first-child #youstable { font-size: 1.3em;font-weight: 600;border-right:2px solid #3883bc;border-left:2px solid #3883bc;border-top: 2px solid #3883bc;padding: 0 5px 0 0;}
.tbl tr:first-child td { color:#235588; font-weight: 600;font-size: 1.3em}
.tbl tr:nth-child(2) {
font-weight: 600;
background:white;
}
.tbl tr {
display: table-row;
border-bottom: 1px solid #ececec;}
.tbl td {
color:gray;
padding: 15px 5px;
text-align: center;
position: relative;font-weight: 550;
border: 1px solid rgba(54,57,60,.1);
}
.tbl tr:first-child td:first-child {
border:none;background:transparent;
}
.tbl tr td:first-child {
text-align:center;
width: 25%;
color: #525252;background-color:#f2f2f2;
}
.tbl tr td:nth-child(2){border-right: 2px solid #3883bc;border-left: 2px solid #3883bc;background: #3883bc;color: white;}
.tbl tr:last-child td:nth-child(2) {border-bottom:2px solid #3883bc;border-right:2px solid #3883bc;border-left:2px solid #3883bc;}
.tbl tr:last-child{border-bottom: 1px solid white;}
.tbl tr:last-child td{border:none;}
.tbl tr:last-child td:first-child{background: transparent;}
@media screen and (max-width: 600px) {
.tbl td {font-size:14px;font-weight:600;    padding: 15px 2px;}
.tbl tr:first-child #youstable {font-size:14px;color:white; font-weight: 600;padding: 15px 2px;}
.tbl tr:first-child #youstable span {
display: block;
border: 0;
}
.tbl tr:first-child td{font-size:14px;text-align:left;color:#235588 ; font-weight: 600;padding: 15px 2px;}
.tbl tr td:nth-child(2) {font-size:14px;font-weight: 700;  color: #525252;padding: 15px 2px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.tbl tr td:nth-child(2) {
border-right: 2px solid #4a0;
border-left: 2px solid #4a0;
}
}
.tbl tr td#heading span{color:#333;font-size:12px;}
.tbl tr:last-child td:nth-child(2)  a.#cta_btn1{
cursor: pointer;
text-decoration: none;
font-size: 20px;
background: #f9ca0e;
color: #263238;
padding: 10px 20px;
border-radius: 5px;
font-weight: 500;
display: inline-block;
}
.tbl  #cta_btn1{
cursor: pointer;
text-decoration: none;
font-size: 20px;
background: #f9ca0e;
color: #263238;
padding: 10px 20px;
border-radius: 5px;
font-weight: 500;
display: inline-block;
}
#compare{overflow-x: auto;}
.tbl .last #cta_btn1:hover{color: #fff;}
.tbl tr td span{font-size:18px;}
.tbl tr td span.youstable{color:#fff;}
.tbl tr td img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;
-webkit-filter: grayscale(100%);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.tbl tr td span img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;
-webkit-filter: grayscale(100%);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.tbl tr td:nth-child(2) img{  filter: none; -webkit-filter: grayscale(0%);}
.tbl tr td i{color: #9E9E9E;font-size:18px;}
.tbl tr td:nth-child(2) i{color:#fff;}
@media screen and (max-width:768px){
.tbl {font-size: 14px;}
.tbl tr td:first-child {width: 20%;}
}
@media screen and (max-width:600px){
.tbl tr td span{font-size:14px;}
.tbl tr td.last .custom{min-width:80px;padding:10px 10px;}
.tbl tr td.last .custom:before{display:none;}
.custom2{min-width: 100px;}
#compare .col-lg-10{margin:0 10px;}
}
#compare .tbl tr:hover{background-color:#f2f2f2;}
#compare .tbl tr:first-child:hover {background-color:transparent;}
#compare .tbl tr:last-child:hover {background-color:transparent;}
@media (min-width: 767px) and (max-width:1199px){
.message1 .black .custom.button {
margin-bottom: 0px;font-size:14px;
}
.message .black .custom.button {
margin-bottom: 0px;font-size:14px;
}
}
.tbl1{
width: 100%;margin-top: 30px;border-collapse: collapse;overflow: hidden;
}
.tbl1 tr:first-child {
background:#E5E8E8  ;}
.tbl1 tr {
display: table-row;
border-bottom: 1px solid #ececec;
}
.tbl1 td {
color:gray;
padding: 15px 3px;
text-align: center;
position: relative;font-weight: 500;

}
@media screen and (max-width: 600px) {
.tbl1 td {font-size:9px;font-weight:600;    padding: 15px 2px;border-right: 1px solid #ddd;}
}
#hm{width:70%;}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {  #hm{
width:90%;
} }
@media only screen and (max-width: 40em) {
#hm {
width:90%;
}}
#Home {background-color:white;}
#News {background-color:white;}
.ftindxrw {
width: 100%;
padding: 0 20px;
margin-top: 40px;
display: flex;
flex-flow: row wrap;
}
@media screen and (max-device-width: 480px) {
.ftindxrw {padding: 0;}
.ftinbx {
width: 80%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
background: #fff;
padding: 30px 10px;
box-shadow: 0 0 1px #9d9d9d;
transition: all .3s ease-in-out;
}
.text {
color: white;
font-size: 12px;
padding: 12px;
position: absolute;
}
}
@media (min-width: 481px) and (max-device-width: 599px) {
.ftinbx {
width: 49%;
margin: 0 .5%;
margin-bottom: 10px;
background: #fff;
padding: 30px 10px;
box-shadow: 0 0 1px #9d9d9d;
transition: all .3s ease-in-out;
}
.text {
color: white;
font-size: 14px;
padding: 10px;
position: absolute;
}
}
@media (min-width: 600px) and (max-device-width: 1024px) {
.ftinbx {
width: 49%;
margin: 0 .5%;
margin-bottom: 10px;
background: #fff;
padding: 30px 10px;
box-shadow: 0 0 1px #9d9d9d;
transition: all .3s ease-in-out;
}
.text {
color: white;
font-size: 14px;
padding: 10px;
position: absolute;
}
}
.hosting{background:#1f6599;}
@media (min-width: 1025px) and (max-width: 1280px) {
.ftinbx {
width: 23%;
margin: 0 .5%;
margin-bottom: 20px;
background: #fff;
padding: 30px 10px;
box-shadow: 0 0 1px #9d9d9d;
transition: all .3s ease-in-out;
}
.hosting .ftinbx {
width:32%;cursor:auto; }
.text {
color: white;
font-size: 14px;
padding: 10px;
position: absolute;
}
}
@media (min-width: 1281px) {
.ftinbx {
width: 23%;
margin: 0 .5%;
margin-bottom: 20px;
background: #fff;
padding: 30px 10px;
box-shadow: 0 0 1px #9d9d9d;
transition: all .3s ease-in-out;
}
.hosting .ftinbx {
width:32%;cursor:auto; }
.text {
color: white;
font-size: 14px;
padding: 10px;
position: absolute;
}
}

.ftinbx {
position: relative;cursor:pointer;
}
.ftico1 {
background-position: 0 0;
}
.ft-ttl {
text-align: center;
font-size: 16px;
margin-top: 15px;
margin-bottom: 10px;
color: #303948;
}
.tl-why-bx {
width: 100%;
height: 100%;
position: absolute;
color: #fff;
background: rgba(0, 0, 0, .9);
top: 0;
left: 0;
padding: 3px 5px;
display: none;
}
.ftico2 {
background-position: 7.14% 0;
}
.ftico i {
font-size: 2em; color: #f9ca0e;
}
.ftico {
width: 30%;
margin: 0 auto;
}
.ftico3 {
background-position: 14.29% 0;
}
.ftico4 {
background-position: 21.43% 0;
}
.ftinbx .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #4F4B4C;
}
.ftinbx:hover .overlay {
opacity: 1;
}
.companies {background:snow;padding: 50px 0;} .companies .col-xs-2 {width:20%;float: left;}
.companies .section-title {margin-bottom:40px;}.companies  img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;
-webkit-filter: grayscale(100%);-webkit-backface-visibility: hidden;backface-visibility: hidden;margin:0 auto;}
.companies img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
/*journey section*/
.our-journey-section {
padding: 75px 0 30px;background: #ffffff;
}
.our-journey-section .section-wrapper {
margin-bottom: 60px;text-align: center;
}
.our-journey-section .section-wrapper .section-title {
font-size: 32px;color: #000000;
}
.our-journey-section .cd-horizontal-timeline {
margin-top: 0;
}
.cd-horizontal-timeline.loaded {
opacity: 1;
}
@media only screen and (min-width: 1100px){
.cd-horizontal-timeline {
margin: 6em auto;
}}
.cd-horizontal-timeline {
opacity: 0;margin: 2em auto;-webkit-transition: opacity .2s;-moz-transition: opacity .2s;transition: opacity .2s;
}
@media (min-width: 1281px) {
.cd-horizontal-timeline .timeline {
position: relative;height: 100px;width: 50%;margin: 0 auto;
}

}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
.cd-horizontal-timeline .timeline {
position: relative;height: 100px;width: 60%;margin: 0 auto;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 992px) and (max-width: 1024px) {
.cd-horizontal-timeline .timeline {
position: relative;height: 100px;width: 60%;margin: 0 auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cd-horizontal-timeline .timeline {
position: relative;height: 100px;width: 80%;margin: 0 auto;
}
}
@media screen and (max-width:767px){
.our-journey-section{display:none;}
}
.cd-horizontal-timeline .events-wrapper {
position: relative;height: 100%;margin: 0 40px;overflow: hidden;
}
.cd-horizontal-timeline .events {
position: absolute;z-index: 1;left: 0;top: 49px;height: 2px;background: #dfdfdf;-webkit-transition: -webkit-transform .4s;-moz-transition: -moz-transform .4s;transition: transform .4s;
}
.cd-horizontal-timeline .events a {
position: absolute;bottom: 0;z-index: 2;text-align: center;font-size: 1.3rem;padding-bottom: 15px;color: #383838;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);
}
.our-journey-section .cd-horizontal-timeline .timeline .events-wrapper .filling-line {
height: 3px;background-color: #c1d55d;
}
.cd-horizontal-timeline .filling-line {
position: absolute;z-index: 1;left: 0;top: 0;height: 100%;width: 100%;background-color: #7b9d6f;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;-webkit-transition: -webkit-transform .3s;-moz-transition: -moz-transform .3s; transition: transform .3s;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.prev {
left: 0;-webkit-transform: translateY(-50%) rotate(180deg);-moz-transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);-o-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
right: 0;
}
.cd-timeline-navigation a {
position: absolute;z-index: 1;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);height: 34px;width: 34px;border-radius: 50%;border: 2px solid #dfdfdf;overflow: hidden;color: transparent;text-indent: 100%;white-space: nowrap;-webkit-transition: border-color .3s;-moz-transition: border-color .3s;transition: border-color .3s;
}
.cd-timeline-navigation a.inactive::after {
background-position: 0 -16px;
}
.cd-timeline-navigation a::after {content: '';position: absolute;height: 16px;
width: 16px;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: url(images/icons/cd-arrow.svg) no-repeat;
}
.cd-horizontal-timeline .events a.selected::after, .no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #7b9d6f;
border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a::after {
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border: 2px solid #7b9d6f;
background-color: #f8f8f8;
-webkit-transition: background-color .3s,border-color .3s;
-moz-transition: background-color .3s,border-color .3s;
transition: background-color .3s,border-color .3s;
}
.our-journey-section .cd-horizontal-timeline .timeline .events-wrapper ol li a span {
font-family: 'proxima_novasemibold';
font-size: 21px;
color: #333638;
letter-spacing: 0.07px;
position: relative;
top: 60px;
}
.cd-timeline-navigation{list-style: none;}
#slider .slide{
width: 500px;
height: 120px;
}
#slider {
width: 500px;
height: 120px;
overflow: hidden;
margin: 0 auto;
font-size: 1.2em;color:#f9ca0e;
}
#slider h3{font-size:70px;}
#slider .container {
position: relative;
bottom: 0;
right: 0;
animation: slide-animation 20s infinite;
}
#slider .slide {
position: relative;
box-sizing: border-box;
padding: 10px 20px;
}
@media (min-width:992px){#slider, #slider .slide{width:auto;}
#slider h3{font-size:60px;margin-top: 0px;} }
@media (min-width:992px) and (max-width:1199px){
#slider h3{font-size:50px;}
}
/* [ANIMATION] */
@keyframes slide-animation {
0% {
opacity: 0;
bottom: 0;
}
11% {
opacity: 1;
bottom: 0;
}
22% { bottom: 100%; }
33% { bottom: 100%; }
44% { bottom: 200%; }
55% { bottom: 200%; }
66% { bottom: 300%; }
77% { bottom: 300%; }
88% {
opacity: 1;
bottom: 400%;
}
100% {
opacity: 0;
bottom: 400%;
}
}
.dmca-hosting{background:#4D3653;color:white;}
.dmca-hosting .content{text-align:center;background:#4D3653;}
.dmca-hosting .content .buttons{margin:55px auto;}
.dmca-hosting .content .buttons a{
background: #ed676c;margin-right: 10px; border-width: 2px;
padding: 10px 38px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;color:white;
}
.content2 p, .content1 p{font-weight: normal;
color: #333;
font-size: 1.2em;
line-height: 30px;
margin-bottom: 0;}
@media (max-width: 767px){.content1,.content2{
padding: 30px 0 20px;
}
.content2 p,.content1 p {
font-size: 14px;

}  .message .custom.button {
margin-bottom:  0px;
} }
@media (max-width: 991px) and (min-width:768px){.content1{
padding-top: 80px;
padding-bottom: 80px;
}
.content2{
padding-top: 80px;
padding-bottom: 50px;
}
.content2 .container {
width: 800px;
}
}
@media (min-width:992px){.content1 {
padding:50px 5em 40px;
text-align: left;
text-shadow: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.content2{
padding:80px 0 40px;
text-align: left;
text-shadow: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}
.content2 h2{color: #333;
font-weight: bold;
line-height: 1;
letter-spacing: 0.1px;
margin-bottom: 20px;
margin-top: 0;
font-size: 4em;}
.content1 h2{
font-weight: bold;
line-height: 1;
letter-spacing: 0.1px;
margin-bottom: 20px;
margin-top: 0;
font-size: 3.4em;}
@media (min-width: 992px){
.content1 ul ,.content2 ul{
margin-bottom: 0;
list-style-type: none;
padding: 0;
}
.content1 ul li,.content2 ul li {
font-size: 18px;
color:#333;
padding-top: 0;
margin-bottom: 15px;
}
.content1 ul li i,.content2 ul li i{
color:#f9ca0e;
}     }
@media (min-width:992px) and (max-width: 1199px) {
.message .carousel-indicators1 {
width: 970px;
margin-left: -485px;
}
.message .carousel-indicators1 li i {
float: left;
margin-right:20px;
font-size: 1.6em;
}
.message .carousel-indicators1 li {
height: 80px;
padding:20px;
font-size: 15px;
}
.content1  h2,.content2  h2 {
font-size: 59px;
line-height: 55px;
}
.image{float:right;position:absolute;right: 5%;bottom:-160px}
.price-tag h6 {
font-size: 15px;
font-weight: 900;color: #f1c40f;
}
.price-tag .h61 {
font-size: 22px;
font-weight: 900;
color: #f1c40f;
}
}
@media (min-width:820px) and (max-width: 849px){
.content2 {
padding-top: 80px;
padding-bottom: 30px;
}
.content2 .col-md-7{width:60%;float:left;}
.content2 .col-md-51{width:35%;float:left;}
}
@media (min-width:768px) and (max-width: 819px){
.content2 {
padding-top: 80px;
padding-bottom: 30px;
}
.content2 .col-md-7{width:60%;float:left;}
.content2 .col-md-51{width:35%;float:left;}
.content2 .black{width:50%;float:left;}
}
@media (min-width:820px) and (max-width: 849px){.content2 .black{width:50%;float:left;}}
@media (min-width:850px) and (max-width: 991px){.content2 .black{width:30%;float:left;}}
@media (min-width:992px) and (max-width: 1199px){
.content2 ul li {
font-size: 16px;}
.content2 .black{width:40%;float:left;}}
@media (max-width: 767px){
.content1 h2 ,.content2 h2{
font-size: 2em;
line-height: 1;
}
.message .carousel-indicators1{
margin: 0;
left: 0;
position: relative;
width: 100%;
overflow: hidden;
}
li:nth-child(2n+0) {
border-left: 0;
}
.message .carousel-indicators1 li {
/* height: 60px;*/
font-size: 12px;
width: 50%;
float: left;
display: block;
position: relative;
}
.message .carousel-indicators1 li:nth-child(3), .message .carousel-indicators1 li:nth-child(4) {
border: 1px solid #f9ca0e;
border-top: 0;
}
.message .carousel-indicators1 li:nth-child(1), .message .carousel-indicators1 li:nth-child(2) {
border: 1px solid #f9ca0e;
}.message .carousel-indicators1 li+li {
margin: 0;
}}
.price-tag h2 {
font-size: 45px;color: #f1c40f;
font-weight: 400;
margin-bottom: 15px;
}
@media (max-width: 991px){
.content1 h2, .content2 h2 {
font-size: 44px;
line-height: 40px;
}.content1 ul li,.content2 ul li {
color: #333;
padding-top: 0;
margin-bottom: 15px;list-style-type: none;
}
.content1 ul li i,.content2 ul li  i{
color: #f9ca0e;
}
.price-tag h6 {
font-size: 17px;
font-weight: 900;color: white;
}
/*.price-tag, .image{display:none;}*/
.image{float:right;position:absolute;right: -4%;}}
@media (min-width:768px) and (max-width:860px){
.price-tag{width:200px;right: 32%;}
.image {
right: 3%;
}
.price-tag h2 {font-size: 35px;}
.price-tag h6 {font-size: 16px;}
.price-tag .h61 {font-size: 28px;}
}
@media (max-width:767px){
/*   .price-tag, .image{display:none;}  */
.price-tag {
position: absolute;
left: 15%;margin-top: 55px;
}
.image {
float:right; right: 25%;position:relative;
}
}
@media (min-width:768px) {
.contentblock1{margin-top:50px;}
}
.pricing-table h2{font-family: 'Open Sans',sans-serif;font-size:50px}
/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {
.pricing-table h2
{font-family: 'Open Sans',sans-serif;font-size:50px}
}
/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
.pricing-table h2{
font-family: 'Open Sans',sans-serif;font-size:30px}
}
@media (max-width: 767px){.image3 {
display: block;
}
.content2 {
padding: 30px 0 30px;
}
.image2{display:none;}   }
.dmcahosting{background: #000000;color:white;}
.dmcahosting .content1 h2 {
font-weight: bold;
line-height: 1;
letter-spacing: 0.1px;
margin-bottom: 20px;
margin-top: 0;
font-size: 40px;
}
.dmcahosting .content1 p, .dmcahosting .content1 ul li{color:white;}
.different {
font-size:16px;background: url(../images/slider/pbb.jpg) center;display: flex;justify-content: center;color:white;align-items: center;background-repeat: no-repeat;background-size: cover;padding: 60px 0;
}
.different-info-block {
background-color: #3c42a5;
padding: 20px 35px 30px;
width: 75%;
}
.different .different-info-block p{margin-bottom:20px;}
.different .different-info-block p a{color: #ffe504;font-size:17px;}
.different-heading {
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
line-height: normal;
color: #fff;
}
@media (max-width: 991px){
.different {
width: 100%;}
.different-info-block {
width: 100%;padding: 30px 30px;
}
.different-heading {
font-size: 26px;
font-weight: 500;
margin-bottom: 15px;
line-height: normal;
color: #fff;text-align:left;
}
}
@media (max-width: 768px){
.different-heading {
font-size: 21px;
}
}
.dmca{background: #f6f6f6;;padding: 50px 0 50px}
.dmca h2{margin: 20px 0 30px;text-align: center;font-weight: 400;}
.dmca p{font-size:17px;font-family: arial;}
@media only screen and (max-width: 767px){
.dmca{background:white;padding: 40px 0 0;}
}
.dmca1 img{width:400px;margin: 0 auto;}
.dmca1 h1{margin-top:40px;}
.dmca1 p{font-size:18px;}
.contact-box{background-color:#1f6599;color:white; padding: 20px;border-radius: 3px;border: 1px solid #ddd;margin-bottom: 20px; width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);font-size:16px;}
.contact-box .col-lg-4, .contact-box .col-lg-4 a{text-align:center;color:white;}
.contact-box .btn{margin:15px auto 0;margin-bottom: 15px;background:#f9ca0e;border:none;}
#slider img{margin-top:50px;width:230px;}
.dmcahosting .box .col-md-5 img{right: -40px; position: absolute;}
@media (min-width:992px) and (max-width:1030px){
.dmcahosting .box .col-md-5 img{right: -20px;position: absolute;}
}
@media (min-width:1200px) and (max-width:1240px){
.dmcahosting .box .col-md-5 img{right: -30px;position: absolute;}
}
@media (min-width:1271px) and (max-width:1290px){
.dmcahosting .box .col-md-5 img{right: -20px;position: absolute;}
}
@media (max-width:991px){
#slider {
width: auto;
height: 100px;
}
#slider .slide {
width:auto;
height: 100px;padding: 10px 0;
}
#slider .container {
padding:0;
}
#slider h3 {margin-top:0px;}
.dmcahosting .box .col-md-5 #slider,.dmcahosting .box .col-md-5 img, #slider::before{display:none;}
.dp-scroll-wrapper{display:none;}
}
@media (min-width:992px){.dmcahosting .box .col-md-7 #slider{display:none;} }
@media (max-width:514px){
#slider , #slider .slide {width:auto;height: 60px;}
#slider h3 {
font-size: 40px;
}
.dmcahosting .content1 h2 {font-size: 30px;margin-bottom: 0px;} }
@media (max-width: 991px) and (min-width:697px){
.dmcahosting .content1  .offshore {
width: 41.66666667%;float:left;
}
}
@media (min-width: 1200px) and (max-width:1270px){
.dmcahosting  .container{
width: 1100px;
}
}
@media (min-width:1060px) and (max-width:1199px){
#slider img {
margin-top: 40px;
width: 230px;
}
}
@media (min-width:992px) and (max-width:1059px){
.dmcahosting  .container{
width: 900px;
}
#slider img {
margin-top: 40px;
width: 200px;
}
}
.dp-scroll-wrapper{
z-index: 9999;
}
.dmcahosting .content1  .dp-scroll-text p {
margin:0 0 30px;
font-size: 60px;line-height:20px;
text-align: center;
color:#f9ca0e;
width: 100%;
white-space: nowrap;
text-transform: capitalize;
}
.dp-scroll-text {
height: 250px;
}
.dp-scroll-text :nth-child(1){
opacity: 1; transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0) ;
}
.dp-scroll-text :nth-child(2){
opacity: 0.5; transform: translate(0%, 100%) matrix(0.8, 0, 0, 0.8, 0, 0) ;
}
.dp-scroll-text :nth-child(3){
opacity: 0.5; transform: translate(0%, 200%) matrix(0.7, 0, 0, 0.7, 0, 0) scale(0.7, 0.7) ;
}
.dp-scroll-text :nth-child(4){
opacity: 0.25; transform: translate(0%, 300%) matrix(0.6, 0, 0, 0.6, 0, 0) scale(0.6, 0.6) ;
}
.dp-scroll-text :nth-child(5){
opacity: 0; transform: translate(0%, 400%) matrix(0.5, 0, 0, 0.5, 0, 0) ;
}
.dp-animate-hide,
.dp-animate-1,
.dp-animate-2,
.dp-animate-3,
.dp-animate-4{
opacity: 1;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: linear;
}
.dp-scroll-text .dp-animate-hide{
animation-name: movehide;

}
.dp-scroll-text .dp-animate-1{
animation-name:move1;
}
.dp-scroll-text .dp-animate-2{
animation-name:move2;

}
.dp-scroll-text .dp-animate-3{
animation-name:move3;

}
.dp-scroll-text .dp-animate-4{
animation-name:move4;

}
@keyframes movehide {
100% {
opacity: 0; transform: translate(0%, -165%) matrix(1.2, 0, 0, 1.2, 0, 0);
}
}
@keyframes move1 {
100% {
opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);
}
}
@keyframes move2 {
100% {
opacity: 0.5; transform: translate(0%, 100%) matrix(0.8, 0, 0, 0.8, 0, 0);
}
}
@keyframes move3 {
100% {
opacity: 0.5; transform: translate(0%, 200%) matrix(0.6, 0, 0, 0.6, 0, 0);
}
}
@keyframes move4 {
100% {
opacity: 0.25; transform: translate(0%, 300%) matrix(0.5, 0, 0, 0.5, 0, 0);
}
}
@media (min-width:992px) and (max-width:1200px){
.dmcahosting .content1  .dp-scroll-text p {font-size:50px;}
}
.extracss .reset-gutter .col-md-4:nth-of-type(1) .pt-features ul li:nth-child(3), .extracss .reset-gutter .col-md-4:nth-of-type(2) .pt-features ul li:nth-child(3){color:#3883bc;font-weight:600;}
.extracss .reset-gutter .col-md-4:nth-of-type(3) .pt-features ul li:nth-child(3){color:#ffc107;font-weight:600;}
.extracss .reset-gutter .col-md-4:nth-of-type(1) .pt-features ul li:nth-child(3) strong, .extracss .reset-gutter .col-md-4:nth-of-type(2) .pt-features ul li:nth-child(3) strong{color: #273239;}
.extracss .reset-gutter .col-md-4:nth-of-type(3) .pt-features ul li:nth-child(3) strong{color: #273239;}

.extracss1 .reset-gutter .col-md-4:nth-of-type(1) .pt-features ul li:nth-child(2),
.extracss1 .reset-gutter .col-md-4:nth-of-type(2) .pt-features ul li:nth-child(2){color:#3883bc;font-weight:600;}
.extracss1 .reset-gutter .col-md-4:nth-of-type(3) .pt-features ul li:nth-child(2){color:#ffc107;font-weight:600;}
.extracss1 .reset-gutter .col-md-4:nth-of-type(1) .pt-features ul li:nth-child(2) strong,
.extracss1 .reset-gutter .col-md-4:nth-of-type(2) .pt-features ul li:nth-child(2) strong{color: #273239;}
.extracss1 .reset-gutter .col-md-4:nth-of-type(3) .pt-features ul li:nth-child(2) strong{color: #273239;}
.extracss1 .reset-gutter .col-md-4:nth-of-type(1) .pt-features ul li:nth-child(3),
.extracss1 .reset-gutter .col-md-4:nth-of-type(2) .pt-features ul li:nth-child(3){color:#273239;font-weight:500;}
.extracss1 .reset-gutter .col-md-4:nth-of-type(3) .pt-features ul li:nth-child(3){color:#273239;font-weight:500;}
.extracss .extra-feature .col-lg-8{border: 2px dashed #3883bc;padding: 20px;}
.extracss .extra-feature .col-lg-8 h2{font-size:40px;color:#3883bc;margin: 10px 0 20px;text-align:center;}
.extracss .extra-feature .col-lg-8 p{font-size:18px;}
.extracss .extra-feature .col-lg-8 .text-dark-orange {color:#3883bc;margin-left:10px;}
@media screen and (min-width:551px){.extracss .extra-feature .col-lg-8 p.hide1{display:none;}
}
@media screen and (max-width:550px){.extracss .extra-feature .col-lg-8 h2{font-size:30px;}
.extracss .extra-feature .col-lg-8 p{font-size:16px;}
.extracss .extra-feature .col-lg-8 h2{font-size:30px;}
.extracss .extra-feature .col-lg-8 p.feature{display:none;}
.extracss .extra-feature .col-lg-8 .text-dark-orange {margin-left: 0px;}
}
.no-highlight .reset-gutter .col-md-4:nth-of-type(1) .pt-features ul li:nth-child(3),
.no-highlight .reset-gutter .col-md-4:nth-of-type(2) .pt-features ul li:nth-child(3) ,
.no-highlight .reset-gutter .col-md-4:nth-of-type(3) .pt-features ul li:nth-child(3) {
color: #273239;
font-weight: 500;
}
/* header css  */
@media screen and (max-width:1050px){.nav-top-txt{top:8px;font-size:8px;}
.earn{top:100px;}
}
.nav-top-txt{display:block;position:absolute;font-size:12px;text-align:center;color:#fff;line-height:1em;}
@media screen and (max-width:1050px){.nav-top-txt span{padding:0px 5px;border-radius:2px;}}
.nav-top-red{top:12px;margin-left:25px;}
.nav-top-red span{background:#c83c57;}
.nav-top-txt span{padding:2px 6px;border-radius:3px;}
@media (min-width:1281px){.earn{margin-left:5px;top:55px;}
}
@media (min-width:1171px) and (max-width:1280px){.earn{margin-left:10px;top:55px;}
}
@media (min-width:768px) and (max-width:1170px){.earn{margin-left:10px;top:127px;}
}
@media (min-width:995px) and (max-width:1280px){.earn{margin-left:10px;top:55px;}
}
@media screen and (max-width:767px){.nav-top-txt,.earn{display:none;}}
.red{font-size:12px;text-align:center;color:#fff;line-height:1em;margin-left:25px;}
.red span{padding:2px 6px;border-radius:3px;background:#c83c57;color:white;}
.green  span{padding:2px 6px;border-radius:3px;background:#3AAD58;color:white;}
@media (max-width: 767px){
.navbar-ys .navbar-nav>li{padding-top:10px;}
}
/* end header css  */
.video{background: #36474f;}
.video h2{margin-top:40px;font-size:40px;margin-bottom:35px;color: white;}
.video p{font-size:18px;color: white;}
.video a{margin-top:30px;color:white;font-size:18px;text-transform:uppercase;padding: 12px 20px;}
.video .border{padding: 8px;border: 1px solid #7e7e7e;}
@media screen and (max-width:991px){ .video .border{margin-top:20px;}
.video h2{font-size:30px;margin-bottom:15px;}
.video a{margin-top:10px;}
}
@media screen and (max-width:767px){
.video h2{margin-top:20px;} }
.sidebar .side-block-title {
font-size: 22px;line-height: 26px;color: #fff;text-transform: uppercase;background: #54585a;text-align: center;padding: 10px 15px;
}
@media only screen and (min-width: 768px){.sidebar #side-block-content {
display: block !important;}
}
.sidebar #side-block-content {
border: 1px solid #d6d7d8;border-top: 0;float: left;width: 100%;margin-bottom:30px;
}
.sidebar #side-block-content ul {
list-style: none;margin: 10px 0 0;padding: 0;
}
.sidebar #side-block-content ul>li {
padding: 25px 25px 15px;border-bottom: 1px solid #d6d7d8;position: relative;cursor: pointer;
}
.sidebar #side-block-content ul>li li:hover a, .sidebar #side-block-content ul>li li:hover, .sidebar #side-block-content ul>li.current-menu-item>a, .sidebar #side-block-content ul>li.current-menu-ancestor>a {
color: #f9ca0e;font-weight:600;
}
.sidebar #side-block-content ul>li>a {
text-transform: uppercase;color: #54585a;line-height: normal;display: inline-block;vertical-align: top;
}
.mtab_content {
display: none;padding-left:10px;padding-right:10px;background:white;
}
.mtab_content p{font-size:16px;}
@media (max-width: 1270px) and (min-width: 1200px){.message .container {
width: 1100px;
}}
@media (max-width: 991px) and (min-width: 841px){.message .container {
width: 760px;
}}
@media (max-width: 1199px) and (min-width: 992px){.message .container {
width: 100%;
}}
@media (max-width: 1199px) and (min-width: 992px){.content1 {padding: 60px 40px 60px;
}
.price-tag {width: 200px;height: 200px;}
.message .content1 h2 {
font-size: 50px;
}
.message .content1 .price-tag h2 {font-size: 35px;}
}
@media (max-width: 1080px) and (min-width: 992px){.image {right: -2%;} }
.policy p{font-size:16px;}
.policy ul li{font-size:16px;margin-top: 10px;}
.marketing a{color:white;}
/* .product-table{margin-top:60px;}  */
.product-table .product{
-webkit-box-shadow: 0 4px 9px 0 rgba(67,65,79,.1);
box-shadow: 0 4px 9px 0 rgba(67,65,79,.1);
border: solid 2px #f5f5f5;padding:40px 40px 50px;text-align:center;margin-bottom:30px;
}
.product-table .col-md-4:nth-of-type(2) .product{border: solid 2px #f9ca0e;}
.product-table .product span i{color:#1f6599;font-size:40px;font-weight:400;}
.product-table .col-md-4:nth-of-type(2) .product span i{color:#f9ca0e;}
.product-table .col-md-4:nth-of-type(3) .product span i{color:#1f6599;}
.product-table .product h3{text-transform:uppercase;font-size:18px;color: #333;margin-bottom:10px;}
.product-table .product .item-list {
font-size: 16px;
padding:0;
margin-left: 0;list-style-type: none;
}
.product-table .product .item-list li {
position: relative;
line-height: 28px;
}
.product-table .product .item-list li i {
font-size: 16px;
color:#f9ca0e;
margin-right: 5px;
}
.product-table .product .plan-pricing {color: #0171bc;}
.product-table .product .plan-pricing .starts-at {font-size: 16px;}
.product-table .product .plan-pricing .feature-price {font-size: 35px;font-weight: 700;line-height:38px;}
.product-table .product .plan-pricing .feature-price span.tenure {font-size: 27px;}
.product-table .product .btn-wrap{margin-top: 15px;}
.product-table .product del{font-size: 20px;color: #FF9800;}
.product-table .product .btn-primary {
width: 180px;
color: #fff;
font-size: 20px;
font-weight: 700;
padding: 10px 0px;
display: inline-block;
vertical-align: top;
text-align: center;
}
.product-table .product .btn-primary{
background: linear-gradient(131.64deg, #FF9052 0%, #FF6B17 100%);
border: 0;
border-radius: 6px;
box-shadow: none;
transition: all ease-in-out 0.2s;
color: #fff;
}
@media (max-width:991px) and (min-width:768px){
.product-table .container{width: 95%;}
.product-table .col-md-4{float: left;width:33.333%;}
.product-table .product {padding: 30px 20px 40px;} }
@media (max-width:767px) and (min-width:550px){
.product-table .container{width: 95%;}
.product-table .col-md-4{float: left;width:50%;}
.product-table .product {padding: 30px 20px 40px;} }
@media (max-width:549px) { .product-table .product {padding: 30px 20px 40px;} }
.product-table .product .tooltip1{}
.tbl tr:first-child #youstable .tooltip2 {
top: -32px;
left: 50%;
opacity: 1;
width: 124px;
height: 32px;
color: black;
font-size: 12px;
padding: 0 10px;
line-height: 32px;
margin-left: -61px;
border-radius: 2px;
position: absolute;
text-align: center;
background:#f9ca0e;
text-transform: uppercase;
}
.tbl tr:first-child #youstable .tooltip2:after {
content: " ";
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #f9ca0e;
position: absolute;
bottom: -14px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
@media (max-width:600px){
.tbl tr:first-child #youstable .tooltip2 {left: 20%;width:auto;margin-left:auto;}
}
.message .carousel-indicators1 {display:none;}
.seo .tooltiptext {left:-10%;font-size:14px;}
.tbl tr td .seo1 .tooltiptext {color:white!important;font-size:14px!important;left: -900%;font-weight:400;width:300px;font-size:16px;}
@media (max-width:800px){.tbl tr td .seo1 .tooltiptext {left: -300%;}}
@media (max-width:400px){.seo .tooltiptext{width:200px;}
.tbl tr td .seo1 .tooltiptext {left: -500%;font-weight:400;width:200px;font-size:16px;}
}
@media (min-width: 768px) and (max-width: 991px ) {
.companies .carousel-inner .active.left {
left: -33.3%;
}
.companies .carousel-inner .next {
left:  33.3%;
}
.companies .carousel-inner .prev {
left: -33.3%;
}
.companies .active > div:first-child {
display:block;
}
.companies .active > div:first-child + div {
display:block;
}
}
@media (max-width: 767px) {
.companies .carousel-inner .active.left {
left: -100%;
}
.companies .carousel-inner .next {
left:  100%;
}
.companies .carousel-inner .prev {
left: -100%;
}
.companies .active > div:first-child {
display:block;
}
.companies  .active > div:first-child + div {
display:block;
}

}
@media (max-width: 400px) {
.companies .col-xs-2 {width:100%;float: none;}
.active > div {
display:none;
}
.companies .active > div:first-child + div {
display:none;
}
.companies .active > div:first-child {
display:block;
}
}
.seohosting{background-image:url('../images/header.jpg/seo-banner.png');background-size:100% 100%;}
.seohosting h2{font-size:40px;}
.seo-hosting p{font-size:18px;font-family: montserrat,sans-serif;color: #6d6e71;}
.sticky-plans{display:none;}
#stickThis.stick {
margin-top: 0;
position: fixed;display:block;
top: 0;
z-index: 3;
background-color: #fff;width: 100%;
box-shadow: 0 4px 8px rgba(81,85,88,.1);
}
.pricing-table .sticky-plans{align-self: center!important;}
@media (max-width:991px){.pricing-table .sticky-plans .reset-gutter{margin-right: -15px;
margin-left: -15px;}}
.pricing-table .sticky-plans .plan-box {
text-align: center;
padding: 15px 10px;
}
.pricing-table .sticky-plans h4 {margin-top:25%;}
@media (max-width:991px){.pricing-table .sticky-plans .displaynone {display:none;}}
.pricing-table .sticky-plans .plan-box p {
font-size: 22px;
font-weight: 400;
color: #fff;
margin: 0;
}
.pricing-table .sticky-plans .plan-box p:last-of-type {
font-size: 26px;
margin-bottom: 10px;
}
.pricing-table .sticky-plans .plan-box p:last-of-type sup {
font-size: 12px;
}
.pricing-table .sticky-plans .plan-box small {
font-size: 80%;
font-weight: 400;
}
.p-0{padding: 0;}
.p-0 .plan-box{
background-image: linear-gradient(to right top, #4897a3, #41a5ab, #3fb3af, #44c1af, #52cead);background-image: linear-gradient(to right top, #1f6599, #2e6e9f, #3b76a5, #477faa, #5388b0, #588db5, #5c93ba, #6198bf, #5f9bc5, #5e9dcb, #5ca0d2, #5ba2d8);
}
.p-1 .plan-box{background-image: linear-gradient(to right top, #f9ca0e, #f5c91a, #f2c823, #eec72a, #ebc630, #eac73c, #e8c847, #e7c951, #e7cc63, #e7d073, #e7d383, #e7d693);}
.pricing-table .sticky-plans .plan-box .white--btn{border-radius: 50px;
font-size: 14px;
line-height: 36px;color:#000;}
.pricing-table .sticky-plans .p-1 .plan-box .white--btn{color:white;background:#1f6599;border: 2px solid #1f6599;}
.pricing-table .sticky-plans .plan-box .white--btn:hover{color:white;}
.col-4 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;float:left;
}
@media screen and (max-width: 991px){.pricing-table .sticky-plans .plan-box p {font-size: 22px;}
.pricing-table .sticky-plans .plan-box p:last-of-type {font-size: 18px;}
.pricing-table .sticky-plans .plan-box p:last-of-type sup {
font-size: 12px;
}}
@media screen and (max-width: 767px){
.pricing-table .sticky-plans .plan-box {
padding: 10px;
}
}
@media screen and (max-width: 374px){.pricing-table .sticky-plans .plan-box {
padding: 5px 3px;
}}
@media screen and (max-width:600px){
.pricing-table .sticky-plans .plan-box p {font-size: 14px; }
.pricing-table .sticky-plans .plan-box p:last-of-type {font-size: 14px;margin-bottom:0;}
.pricing-table .sticky-plans .plan-box p:last-of-type sup {
font-size: 10px;
}
.pricing-table .sticky-plans .plan-box .white--btn {font-size: 12px;padding: 0 5px;text-transform:none;padding:0;background:transparent;border:none;line-height:17px;}
.pricing-table .sticky-plans .p-1 .plan-box .white--btn {background:transparent;border:none;color:#000;}
}
.discount-percent {
color: #fff;
font-weight: 700;
padding: 6px 0 0 6px;
background-color: #0171bc;
position: absolute;
height: 28px;
width: 80px;
font-size: 1.2rem;
right: 16px;
text-align: center;
}.discount-percent:before {
content: "";
position: absolute;
left: 0;
top: 0;
border-top: 14px solid transparent;
border-left: 10px solid #fff;
border-bottom: 14px solid transparent;
}
.server{margin:40px 0;}
.server p{font-size:16px;}
#quote-carousel {
padding: 30px 10px 30px 10px;
}
#quote-carousel .carousel-control {
background: none;
color: #CACACA;
font-size: 2.3em;
text-shadow: none;
margin-top: 30px;
}
#quote-carousel .carousel-indicators {
position: relative;
left:0;right:0;
top: auto;
bottom: 0px;margin:20px auto 10px;width:100%;
}
#quote-carousel .item blockquote {
border-left: none;
margin: 0;
}
#quote-carousel .item blockquote h3{margin-bottom:2px;}
#quote-carousel .item blockquote p{letter-spacing: 02px;font-size:20px;}
#quote-carousel .item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
#quote-carousel .item{min-height: 180px;}
#quote-carousel .item blockquote span, #quote-carousel .item blockquote span:visited {
color: #3c7d90;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;cursor:pointer;
-webkit-transition: color .3s ease 0s;
transition: color .3s ease 0s;
}
#quote-carousel .carousel-indicators li {
width: 8%;
margin: 0;
height: auto;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#quote-carousel .carousel-indicators li img {
width: 100%;
height:auto;
display: block;
position: relative;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
#quote-carousel .carousel-indicators .active img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
@media (max-width:767px){
#quote-carousel .carousel-control.left {left: -20px;}
#quote-carousel .carousel-control.right {right: -20px;}
#quote-carousel .item blockquote p{font-size:14px;}
}
#hosting-plans{margin-bottom:60px;}
.domains {
background-image: linear-gradient(to left, #bdbbbeb5 0%, #9d9ea36b 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.09) 100%) ,url(../images/domain-name.png);
}
.domains .domains-inner{background-color:#F5F5F5;padding:40px 50px;border-radius:20px;}
.domains .domains-inner h2{margin-bottom:40px;text-align:center;}
.domains .tables{width:20%;float:left;}
.domains .tables .tables-inner{text-align:center;background-color: #3883bc2e;padding:20px 20px;border-radius:20px;}
.domains .tables:first-child .tables-inner{background: #8c8787;color:white;}
.domains .tables:nth-child(2) .tables-inner{background: #f9ca0e29;}
.domains .tables ul{list-style-type:none;padding:0;}
.domains .tables ul li{margin-bottom: 10px;}
@media (max-width:1200px){
.domains .container{width:95%;}
.domains .tables{width:20%;float:left;}
}
.hiding{display:none;}
@media (max-width:1200px){.hiding{display:block;}
.domains{display:none;} }
.seo-hosting1{background:snow;padding:60px 0;font-family:quicksand;}
.seo-hosting1.one{background:snow;}
.seo-hosting1.two{background:white;}
.seo-hosting1 .section-title1{margin-top:30px;padding: 20px;background-color:#007c88b0;color:white;max-width: 500px;margin: 30px auto;border-radius: 40px;text-align: center;background:#1f6599;}
.seo-hosting1 .section-title1 h2 {
font-weight:400;color: #000000;text-align:center;font-family: 'Open Sans',sans-serif;font-size: 45px;
margin-bottom: 35px;
}
.seo-hosting1 .section-title1 p{color: white;margin-bottom:0px;}
.seo-hosting1 p{margin: 0 0 20px;line-height:28px;color: #333;font-size:20px;}
.hosting-features{margin-top:20px;}
.img-holder {background: #ffeb3b14;/*background-image: url(../images/cloud-bg-sm.png);background-repeat: no-repeat;background-position: center center;background-size: contain;text-align: center; */
border:2px solid #dcd9d2;border-radius: 50%;}
.hosting-features .feature-info{padding: 40px 0 0;}
@media (max-width:767px){.hosting-features .feature-info1{margin-bottom:60px;}}
@media (max-width:550px){
.seo-hosting1 .section-title1 h2 {font-size: 30px;margin-top: 10px;}}
.seo-header{background: linear-gradient(rgba(0,0,0,.7),rgba(0, 0, 0, 0.84)),url(../images/header.jpg/seo-banner1.png);background-size: 100%}
.seo-header .header-bg {background: transparent;}
.seo-hosting1.two .features p{color:#1f6599;}
.hosting-features .features{margin-bottom:70px;}
.hosting-features .feature-info {padding: 25px 24px 20px 24px;margin-top:40px;background: #f6f1f0;
box-shadow: 20px 20px 0px 0px #1f6599cc;color: #1f6599;border-radius: 105px 0px 105px 0px;}
.hosting-features .feature-info1 {background:#1f6599
;color: white;box-shadow: -10px 20px 0px 0px #f6f1f0;}
.seo-hosting1.two .features .feature-info1 p {color:white;}
.img-holder1 {border:2px solid #1f6599;}
.hosting-features .feature-info h2{text-align:center;}
.boxes {text-align: center;padding: 20px;background: #f6f1f0;position: relative;}
.boxes:after {
content: "";
display: block;
border-width: 20px 20px 0;
border-style: solid;
border-color: #f6f1f0 transparent transparent;
margin-left: -20px;
position: absolute;
bottom: -20px;
left: 50%;
}
.boxes h1{font-weight:600;font-size: 38px;margin-top: 10px;color: #1f6599;}
@media (max-width:1199px) and (min-width:768px){.hosting-features .feature-info {margin-top:0px;
}}
@media (max-width:500px){.hosting-features .features{margin-bottom:40px;}
.hosting-features .feature-info {margin-top: 40px;box-shadow:none;}
.hosting-features .feature-info h2{font-size:25px;}
.hosting-features .features:last-child { margin-bottom: 0px;}
.boxes h1{font-size:30px;}
}
.seo-hosting1 .row-v3{margin:0 0 40px;}
@media (min-width:501px){.seo-hosting1 .row-v3{margin:30px 0 60px;} }
.seo-hosting1 .row-v1{background-color: #007c88b0;padding: 15px 40px;margin-bottom: 80px;background:#1f6599;}
.seo-hosting1 .row-v2{background: #f6f1f0;padding: 30px 20px;border-radius: 40px;}
.seo-hosting1 .row-v2 p{color: #1f6599;font-weight:600;margin-top:30px;}
.seo-hosting1 .row-v2 p a{text-decoration:underline;color: #1f6599;}
.seo-hosting1 .row-v3 .box{background-color:#8080802e;padding:15px;}
.seo-hosting1 .row-v3 .box-v3{border-radius:50px;background-color: #007c88b0;padding: 30px;text-align: center;background:#1f6599;}
.seo-hosting1 .row-v3 .box-v3  h3 {font-weight:600;text-decoration:underline;margin-top:0px;color:white;text-align: center;}
.seo-hosting1 .row-v3 .box p{color:white;text-align: center;}
@media (max-width:991px){.seo-hosting1 .row-v2 p{margin-top:0px;}}
.btn-hover {
font-size: 18px;
color: #fff;
text-align:center;
border: none;
background-size: 300% 100%;
padding: 20px 40px;
border-radius: 50px;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn-hover:hover {
background-position: 100% 0;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;color:white;
}
.btn-hover:focus {
outline: none;
}
.
btn-hover.color-1 {
background:#f9ca0e;font-weight:600;color: #263238;text-transform:uppercase;
box-shadow: 0 4px 15px 0 #f9ca0ecf;
}
.explore{color: white;background-color:#1f6599;padding:0 10px 50px;text-align: center;}
.explore1{padding:25px 10px 50px;}
.explore h2{font-family: quickmsand;margin-bottom: 20px;color:white;}
.explore p{font-size: 20px;margin-bottom: 39px;font-family: quick dand;}
.explore p span{font-size:25px;font-weight:600;}
.explore .custom{background-color: #f9ca0e;color: #263238;}
.explore .custom:hover{background-color: #f9ca0e;color: #263238;}
.explore2{color: white;background-color:#1f6599;padding:25px 10px 50px;text-align: center;}
.explore2 h2{margin-bottom: 20px;color:white;}
.explore2 p{font-size: 20px;margin-bottom: 10px;}
@media (max-width:767px){.navbar-brand {padding: 15px 10px;}
.navbar-ys .navbar-toggle {margin: 8px 8px 8px 1px;} }
.navbar-ys {background: #1f6599;box-shadow:none;border-bottom: 1px solid white;}
.navbar-ys .navbar-nav>li>a {color:white;}
.message{background: #1f6599;}
.content1 h2{color: #fff;}
.content1 p{color: #fff;}
.content1 ul li{color: #fff;}
.price-tag h2 {color:white;}
@media (min-width:768px) {
.small-767px{display:none;}
}
@media (max-width:767px) {
.offer-box .price-tag, .offer-box .image {display:none;}
.small-767px{margin-bottom: 30px;}
.small-767px .price-tag1{width:180px;right: 32%;}
.small-767px .price-tag1 h2 {font-size: 35px;}
.small-767px .price-tag1 h6 {font-size: 16px;}
.small-767px .price-tag1 .h61 {font-size: 28px;}
}
.small-767px .price-tag1 {margin-top: 55px;float: right;left:0;position:relative;}
.small-767px .image { float: none; position: relative;right:0%;
}
@media (max-width:500px) {
.small-767px .price-tag1 {float:none;}
}
@media (max-width:400px) {
.small-767px .price-tag1 {margin-top:40px;}
}
@media (max-width:360px) {
.small-767px .price-tag1 {width: 180px;}
.small-767px .price-tag1 {margin-top:20px;}
}
.message .black .custom.button {background: #f9ca0e;color: #263238;}
.subhead{display:none;}
.navbar .container-fluid {padding-top:10px;}
.navbar .container {padding-top:10px;}
.nav-top-red {
top: 8px;
}
@media (min-width: 1281px){
.earn {top: 18px;}
}
.nav-top-red span {background:#3883bc;}
.red span {background: #3883bc;}
.green span {background: #3883bc;}
.navbar-ys .navbar-toggle {color:white;}
.companies{background: #eceff1;}
@media (min-width:1073px){.earn {top:18px;}}
@media (max-width: 1072px) and (min-width: 995px){.earn {top:88px;}}
@media (max-width: 994px) and (min-width: 768px){.earn {top:88px;
}}
.navbar-nav > li > .dropdown-menu {background: #1f6599;}
.navbar-ys .dropdown-menu-large>li>ul li {color: #fff;}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a {color: #fff;}
.navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a:hover, .navbar-ys .dropdown-menu-large>li>ul>li>ul>li>a:focus, .navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a, .navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a:hover, .navbar-ys .dropdown-menu-large>li>ul>li>ul>li.active a:focus { color:white;}
.navbar-ys .dropdown-menu-large>li>ul li ul li a:hover {
background: #14598C;
}
.box ul li{font-size:18px;}
@media (max-width: 991px) and (min-width:768px){.box ul {padding-left:0;
}}
.landing-page{background: #1f6599;padding:0}
.offer1{padding-top:15%;}
.offer1 .savings{text-transform: uppercase;
font-size: 20px;
padding: 10px 30px;
color: #fff;
background:#fc5155;}
.offer1 .arrow {
background:#fc5155;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
height: 20px;

}
.offer1 .price {text-align:center;}
.offer1 .price .price1 {
font-size: 2em;
font-weight: 700;
margin-top: .2em;padding:20px;
}
.offer1 .price .price2 {
font-size:60px;
font-weight: 700;
color:#333;margin-top: .2em;padding:20px;
}
.offer1 .price .price3 {
font-size:30px;font-weight:400;color:white;
margin-top: .2em;padding:20px;
}
.offer .price .price4 {
font-size: 155px;
line-height: 0.95;
text-align:center;
white-space: nowrap;
}
.offer1 .price .price4 .sign {
font-size: 72px;
line-height: 1;
vertical-align: middle;
margin-top: -80px;
display: inline-block;
}
.offer1 .price .price4 .terms {
color:#333;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
margin-left: -80px;
display: inline;
position: relative;
}
.offer1 .price .price4 .float {
margin-left: -5px;
font-size: 72px;

line-height: 1;
vertical-align: middle;
margin-top: -100px;
display: inline-block;
}
@media (max-width:767px) and (min-width:601px) {.offer{padding-top:10%;}}
@media (max-width:600px) {.offer{padding-top:15%;}}
.offer .savings{text-transform: uppercase;
font-size: 20px;
padding: 10px 30px;
color: #fff;
background: #3883bc;}
.offer .arrow {
background: #3883bc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
height: 20px;

}
.offer .price {text-align:center;}
.offer .price .price1 {
font-size: 2em;
font-weight: 700;
margin-top: .2em;padding:20px;
}
.offer .price .price2 {
font-size:60px;
font-weight: 700;
color:white;margin-top: .2em;padding:20px;
}
.offer .price .price3 {
font-size:30px;
font-weight:400;
color:white;
margin-top: .2em;
padding:20px;
}
.offer .price .price4 {
font-size: 155px;
line-height: 0.95;
text-align:center;
white-space: nowrap;
}
.offer .price .price4 .sign {
font-size: 72px;
line-height: 1;
vertical-align: middle;
margin-top: -80px;
display: inline-block;
}
.offer .price .price4 .terms {
color: #fff;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
margin-left: -80px;
display: inline;
position: relative;
}
.offer .price .price4 .float {
margin-left: -5px;
font-size: 72px;
line-height: 1;
vertical-align: middle;
margin-top: -100px;
display: inline-block;
}
.key-points {
padding: 80px 0 74px;background: #f7f7f5;
}
.key-points .section-body h4{
margin: 0 0 23px;font-family: "Open Sans",sans-serif;font-size: 24px;line-height: 1;color: #4c565e;font-weight: 600;
}
.key-points .section-body .list-checks {
list-style: none outside none;padding-left:0;
}
.key-points .section-body .list-checks li {
font-size:18px;font-family:arial;margin-bottom:15px;
}
.key-points .section-body .list-checks li i{font-size:24px;color:#F5865C;}
.key-points .section-body .list-checks span {
padding-left: 12px;line-height: 2;
}
.googie{background: #f6f6f6;padding: 80px 0 60px}
.googie1{background:white;}
@media only screen and (max-width: 767px){
.googie{padding: 40px 0 50px}
.googie .head {
padding: 30px 0;
}}
.googie .head{
overflow: hidden;padding: 10px 0 47px;
}
.googie p{font-size:17px;font-family: arial;}\
.awesome-features .head{
overflow: hidden;
}
@media only screen and (max-width: 991px){
.awesome-features .head{
font-size:18px;
font-size: 1em;
line-height: 24px;
line-height: 1.71429em;
}
}
@media only screen and (max-width: 767px){
.awesome-features h2 {
margin: 0 0 30px;
}}
.awesome-features h2 {
z-index: 5;
margin: 0 0 0px;
padding: 0 0 20px;
text-align: center;
position: relative;
font-size: 40px;
line-height: 34px;
font-weight:400;color:black;
}
.googie .sidebar{color: #fff;}
.googie .sidebar ul li{font-size:19px;}
@media only screen and (min-width: 768px){
.awesome-features h1 {
z-index: 5;
margin: 0 0 0px;
padding: 0 0 20px;
text-align: center;
position: relative;
font-size: 40px;
line-height: 1.1;
font-weight:400;color:black;
}}
.number{
font-size: 30px;
line-height: 1.5;
text-align: center;
color: #d10303;
}
.number1{font-size:20px;}
.divider{background-color: #f9ca0e;
margin:0px auto 40px;width: 80px;height: 2px;float: none;overflow: auto;
}
.pricing-table .section-title .img1{width:60px;margin:0 auto;}
.logo2{background: linear-gradient(rgba(0, 0, 0, 0.27),#1f6599),url(/images/about-bg.jpg);
background-repeat: no-repeat;background-size: cover;background-attachment:inherit;
background-position: center;text-align:center;}
.logo2 h2{color:white;margin:10px 0 20px;}
.logo2 i{font-size: 45px;}
.logo2 p{padding:0;}
@media (max-width:767px){.logo2 .col-xs-12{margin-bottom:30px;}
.logo2 .col-sm-12:last-child{margin-bottom:0;} }
@media (min-width: 768px) and (max-width:991px){
.logo2   .container {
width: 100%;
}
}
.hosting-features1{margin-top: 30px;}
.hosting-features1 .features {margin-bottom: 70px;}
.hosting-features1 .features:last-child {margin-bottom:30px;}
.hosting-features1 .features p {font-size: 20px;}
.pull-right1 {float: right;}
.pull-left1 {float: left;}
@media (max-width:500px){.hosting-features1 .features{margin-bottom:40px;}
}
@media (max-width:767px){.pull-right1 {float:none;}
.pull-left1 {float:none;}
.hosting-features1 .features:last-child {margin-bottom: 0px;} }
.img-box img{max-width:250px;max-height:250px;margin:0 auto;}
@media (min-width: 768px) and (max-width:830px){
.img-box img{max-width:100%;}
}
.list1 {
margin-bottom:30px;padding-left:0;
}
.item1 {
display: block;
clear: both;
counter-increment: list;
padding-bottom: 4rem;
position: relative;
}
.item1:before { --bg: #fdfdfd;
--highlight1: #F7CA0F;
--highlight2: #ffedbc;
--color: #1a1e24;
--font-number: Montserrat, Roboto, Helvetica, Arial, sans-serif;
--font-head: "Space Mono", Consolas, Menlo, Monaco, "Courier New", monospace;
--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
font: bold 2.25rem/1 var(--font-number);
content: counter(list);
width: 5rem;
height: 5rem;
float: left;
margin: 0 1.5rem 0.75rem 0;
color: var(--bg);
background: var(--highlight1) linear-gradient(to bottom right, var(--highlight1) 25%, var(--highlight2));
text-shadow: 0 0 2px var(--highlight1);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
shape-outside: ellipse();
z-index: 1;
}
.item1:after { --bg: #fdfdfd;
--highlight1: #F7CA0F;
--highlight2: #ffedbc;
--color: #1a1e24;
--font-number: Montserrat, Roboto, Helvetica, Arial, sans-serif;
--font-head: "Space Mono", Consolas, Menlo, Monaco, "Courier New", monospace;
--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
width: 2.5rem;
height: 2.5rem;
position: absolute;
top: 0;
left: 0;
content: "";
background: var(--highlight1);
z-index: -1;
border-top-left-radius: 3px;
}
.item1 .headline {
padding: 0rem 0 0 0;
margin: 0 0 1rem 0;
}
.item1 span{font-size:18px;}
.seo-features{padding:60px 0;background: #eceff1;}
.seo-features .hosting-features{margin-top:20px;}
@media (max-width:767px){.seo-features .hosting-features .feature-info1{margin-bottom:60px;}}
.seo-features .features p{color:#1f6599;font-size:18px;}
.seo-features .features p strong{text-decoration:underline;}
.seo-features .hosting-features .features{margin-bottom:0px;}
.seo-features .hosting-features .features:last-child {
margin-bottom:0px;
}
.img-boxes{margin-left: -78px;margin-top: -65px;height: 490px;width: 490px;}
.seo-features .hosting-features .feature-info {padding: 25px 24px 20px 24px;margin-top:40px;background: #fff;
box-shadow: 20px 20px 0px 0px #1f6599cc;color: #1f6599;border-radius: 105px 0px 105px 0px;}
.seo-features .hosting-features .feature-info1 {background:#1f6599
;color: white;box-shadow: -10px 20px 0px 0px #fff;}
.seo-features .features .feature-info1 p {color:white;}
.seo-features.hosting-features .feature-info h2{text-align:center;}
@media (max-width:1199px) and (min-width:1030px){
.img-boxes{max-height: 400px;max-width: 400px;}
}
@media (max-width:1199px) and (min-width:768px){.seo-features .hosting-features .feature-info {margin-top:0px;
}
.seo-features .hosting-features .features{margin-bottom:30px;}
}
@media (max-width:1029px) and (min-width:768px){
.img-boxes{max-height: 300px;max-width: 300px;margin:0px auto;}
.seo-features .hosting-features .features{margin-bottom:30px;}
}
@media (max-width:991px) and (min-width:768px){
.img-boxes{height:auto;width: auto;margin:0px auto;}
.seo-features .hosting-features .features{margin-bottom:80px;}
.seo-features .hosting-features .features:last-child {
margin-bottom: 50px;
}
}
@media (max-width:767px){
.img-boxes{margin:0px auto;max-height: 490px;max-width: 490px;}
.seo-features .hosting-features .button--moema{margin-top:40px;}
}
@media (max-width:500px){
.seo-features .hosting-features .features{margin-bottom:0px;}
.seo-features .hosting-features .feature-info {margin-top: 40px;box-shadow:none;}
.seo-features .hosting-features .feature-info h2{font-size:25px;}
.seo-features .hosting-features .features:last-child {margin-bottom: 30px;}
.img-boxes{height:auto;width: auto;margin:0px auto;}
}
.img-boxes img {margin: 0 auto;}
@media (max-width:780px){.seo-features .hosting-features .feature-info,
.seo-features .hosting-features .feature-info1 {
box-shadow:none;}}
/* modal-box*/
.md-form {
position: relative;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.md-form .prefix {
position: absolute;
-webkit-transition: color 0.2s;
transition: color 0.2s; top: 10px;
font-size: 18px;color: #9e9e9e !important;
}
.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-color: transparent;
padding:5px;border: 1px solid #ccc;outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}
.md-form .prefix ~ input, .md-form .prefix ~ textarea {
width: calc(100% - 2.5rem);
margin-left: 25px;
}
.md-form .validate {
height: auto;
padding: .6rem 0 .4rem 0;
margin: 0 0 30px 0;
background-color: transparent;
border-radius: 0;
}
.md-form .prefix ~ textarea {
margin: 0 0 0 2.5rem;
}
.modal1 {padding:60px 0;background-image: url(/images/slider/youtable-hero.jpg); background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center;}
.modal1 form h3{text-align:center;font-size:40px;color:#524c4c;margin-top:10px;margin-bottom:10px;font-weight:900;line-height:42px;}
.modal1 form p{font-size: 18px;margin-bottom: 20px;text-align:center;color:#524c4c;}
.modal1 .modal-footer {
border-top: none;text-align:center;
}
@media (min-width: 576px){
.modal1 .modal-dialog {
max-width: 560px;
margin:0px auto ;
}
}
@media (min-width: 768px){
.modal1 .modal-dialog {
margin-left: 100px;
}
}
.modal1 .modal-content .btn, .modal1 .modal-content .btn:focus {font-size: 18px;line-height: 26px;background-color:#f9ca0e;color: #fff;border: 2px solid #f9ca0e;padding:10px 15px;}
.modal-open {overflow-y: scroll;}
.modal1 .modal-content .close {
color:#333;opacity:1;text-shadow:none;
float: right;
font-size: 28px;
font-weight: normal;
}
@media (max-width: 575px){
.modal1 .modal-dialog {
width:auto;margin-top:0px;margin-bottom:0px;
}
.modal1 {padding:50px 0}
.modal1 .modal-content .btn, .modal1 .modal-content .btn:focus {
font-size: 15px;}
}
.modal-backdrop {z-index: 3;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal1 .modal-dialog .modal-header {
text-align: center;color: #333;padding: 15px 20px;font-weight:500;
}
.modal1 .modal-content {border:none;padding:20px 0 30px;}
.modal1 .modal-body {padding: 15px 40px 10px;}
@media (max-width:400px) {.modal1 .modal-body {padding:15px 15px 10px;}
.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
padding:5px 1px;
}
}
.testimonials-box{
margin:30px auto;
display:grid;
grid-template-columns: repeat(auto-fit,minmax(350px, 1fr));
grid-gap:20px;
}
.testimonials-box .card{
position:relative;
width:350px;
margin:0 auto;
background:#333;
padding:20px;
box-sizing: border-box;
text-align:center;
box-shadow:0 10px 40px rgba(0,0,0,.5);
overflow: hidden;
}
@media(max-width:380px){
.testimonials-box{display:block;}
.testimonials-box .card{
width:300px;margin-bottom:30px;
}
.modal1 form h3{font-size:30px;line-height:32px;}
}
@media(max-width:330px){
.testimonials-box .card{
width:280px;
}}
.testimonials-box .card .layer{
position: absolute;
top: calc(100% - 3px);
width:100%;
height:100%;
left:0;
background:linear-gradient(#3883bc, #f9ca0e);
z-index:1;
transition:0.5s;
}
.testimonials-box .card:hover .layer{
top:0;
}
.testimonials-box .card .content{
position:relative;
z-index:2;
}
.testimonials-box .card .content p{
font-size:18px;
line-height:24px;
color:#FFF;
}
.testimonials-box .card .content .testimonial-image{
width:100px;
height:100px;
margin: 0 auto;
border-radius:50%;
overflow:hidden;
}
.testimonials-box .card .content .details h2{
font-size:15px;
color:#fff;
}
.testimonials-box .card .content .details h2 span{
color:#03a9f4;
font-size:12px;
transtion:0.5s;
}
.testimonials-box .card:hover .content .details h2 span{
color:#fff;
}
.grab-offer{text-align:center;margin-top:40px;}
.grab-offer .custom.button--moema.button--inverted {font-size:18px;color:white;}
.pt-footer .all-features{font-size:18px;font-weight:600;}
.all-features-table{margin-top:60px;}
.all-features-table tr{background:white;}
.all-features-table tr:first-child td:first-child {background-color:white;}
.all-features-table tr td:nth-child(2) {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: white;
color: gray;
}
.all-features-table tr:last-child td:nth-child(2) {border:none;}
.all-features-table tr td{font-size:16px;border: 1px solid #ddd;font-weight:450;}
.all-features-table tr:first-child td{color:#808080;font-size:16px;background:white;}
.all-features-table tr td:nth-child(2).drop1, .all-features-table tr .drop1{text-align: center;background: #3883bc;color: #fff;}
.all-features-table tr .drop1 select{border:none;background: #3883bc;font-family:arial;}
.all-features-table .plan-pricing {color: #0171bc;margin-top:20px;}
.all-features-table .plan-name{font-size:20px;}
.all-features-table .plan-pricing .starts-at {font-size: 16px;}
.all-features-table .plan-pricing .feature-price {font-size: 35px;font-weight: 700;line-height:38px;}
.all-features-table .plan-pricing .feature-price i{color:#0171bc;}
.all-features-table .plan-pricing .feature-price span.tenure {font-size: 27px;}
.all-features-table del {
font-size: 20px;
color: #ffc107;
}
.all-features-table del i{color:#ffc107!important;}
.all-features-table tr td i, .all-features-table tr td:nth-child(2) i {
color: #9e9e9e;
font-size: 16px;
}
#all-features-box .close{text-shadow: none;
color: white;
opacity: 1;
font-size: 40px;
font-weight: 400;
}
#all-features-box{overflow-x: auto;}
@media (max-width:767px){
.all-features-table tr:first-child td {
text-align: center;
}
#all-features-box{margin:0 10px;}
}
.all-features-table tr:nth-child(4) td:nth-child(2),
.all-features-table tr:nth-child(4) td:nth-child(3){color:#3883bc;font-weight:600;}
.all-features-table tr:nth-child(4) td:nth-child(4){color:#ffc107;font-weight:600;}
.all-features-table1 tr:nth-child(3) td:nth-child(2),
.all-features-table1 tr:nth-child(3) td:nth-child(3){color:#3883bc;font-weight:600;}
.all-features-table1 tr:nth-child(3) td:nth-child(4){color:#ffc107;font-weight:600;}
.all-features-table1 tr:nth-child(4) td:nth-child(2),
.all-features-table1 tr:nth-child(4) td:nth-child(3),
.all-features-table1 tr:nth-child(4) td:nth-child(4){color:gray;font-weight:500;}
.demo-btn{font-size:14px;color: #fff!important;background: #3883bc;padding: 2px 6px;border-radius: 2px;}
.all-features-table  tr td .tooltiptext {
color: white!important;
font-size: 14px!important;
left: -93px;
font-weight: 400;
width: 200px;
font-size: 16px;
}
.all-features-table  tr td .table-tooltiptext{font-size: 16px;
color: gray;}
.all-features-table  tr td  .tooltip{font-size: 14px;}
.all-features-table  tr td .ultwn-btn-wrapr .custom.button--moema.button--inverted {background: #f9ca0e;color: #263238;}
/*  plan billing cycle dropdown css*/
.gatfk-mncntnr{position:relative;z-index:2}
.gatfk-lnk-cntnr{border-bottom:1px solid #d8d8d8;position:relative;border-radius:3px;padding:12px 20px;cursor:pointer;transition:all .3s ease-in-out}
.gatfk-lnk-arrow{position:absolute;top:0;right:5px;height:100%;display:flex;flex-flow:row wrap;align-items:center;color:#b3b3b3;transition:all .5s ease-in-out}
.gatfk-lnk-arrow i{font-size:22px;font-weight: 600;}
.gatfk-s1-wrapr{width:100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}
.s1-save-wrapr{width:100%;color:#0e7710;text-transform:uppercase;font-size:16px;font-weight:600;margin-bottom:5px;letter-spacing:1px;text-align:center}
.s1-dur{margin-right:15px;color:#ff4546;font-size:14px}
.s1-prc-strik{display:flex;flex-flow:row wrap;align-items:center;color:#61646e;font-size:14px;line-height:1;position:relative}
.s1-prc-strik:before{content:'';position:absolute;top:50%;left:-8px;width:calc( 100% + 16px );height:1px;background:#61646e}
.s1-prc-strik i{font-size:90%}
.s1-prc-strik div {
font-size: 100%;
margin: 0 2px;
}
.s1-prc-fnl{width:100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#222;margin-top:10px;transition:all .3s ease-in-out}
.s1-prc-fnl i{align-self:flex-start}
.s1-prc-fnl div{font-size:180%;margin:0 3px;line-height:.8}
.s1-prc-fnl span{align-self:flex-end}
.satfl-mncntnr{display:none;position:absolute;top:100%;left:0;background:#fff;width:100%;border:1px solid #f9ca0e;}
.satfl-row{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;padding:12px 0;border-bottom:1px solid #f1e3aa;cursor:pointer}
.satfl-mnwrapr .satfl-row:last-child{border:none}
.p1-save{width:100%;margin:0 auto;text-transform:uppercase;color:#ff4546;text-align:center}
.p1-dur{font-size:14px;margin:5px}
.p1-prc-strik{font-size:14px;color:#5c5f67;display:flex;flex-flow:row wrap;align-items:center;margin:5px 15px;position:relative;line-height:1}
.p1-prc-strik:before{content:'';position:absolute;top:50%;left:-5px;width:calc( 100% + 10px );height:1px;background:#61646e}
.p1-prc-strik i{font-size:80%}
.p1-prc-strik div{font-size:110%;margin:0 2px}
.p1-prc-fnl{width:100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;margin-top:5px;font-size:16px;line-height:1;color:#408de4}
.p1-prc-fnl div{font-size:140%;font-weight:600;margin:0 3px}
.ultwn-btn-wrapr{margin:25px 0 10px;text-align:center}
.ultwn-btn-wrapr .custom.button--moema.button--inverted {background: #3883bc;color:#fff;}
.ultwn-btn{display:block;font-size:18px;padding:15px 20px;}
.btn-blu1-clr {
color: #fff;
background: #3883bc;
transition: all .3s ease-in-out;
}
.btn-blu1-clr:hover,.btn-blu1-clr:focus {color: #fff;}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.gatfk-lnk-cntnr-active{border-color:#eeaca7}
.gatfk-lnk-cntnr-active .gatfk-lnk-arrow{transform:rotate(180deg);color:#ee9690}
.gatfk-lnk-cntnr-active .s1-prc-fnl{color:#222}
.satfl-row .product_link{display:none;}
.all-features-table tr td .gatfk-lnk-cntnr{padding:0 20px 12px;}
.all-features-table tr td .gatfk-lnk-cntnr .s1-prc-fnl,
.all-features-table tr td .gatfk-lnk-cntnr .s1-prc-fnl i,
.all-features-table tr td .satfl-mncntnr .p1-prc-fnl i{color: #408de4;}
.all-features-table tr td .gatfk-lnk-cntnr .s1-prc-fnl div {font-size: 25px;}
.all-features-table tr td .satfl-row {padding: 8px 0;}
.all-features-table tr td .satfl-mncntnr .p1-prc-fnl, .all-features-table tr td .gatfk-mncntnr span{font-size: 14px;}
.all-features-table tr td .satfl-mncntnr .p1-dur{margin:0;}
.all-features-table tr:last-child td {border: 1px solid #ddd;}
.help {
position: fixed;
top: 50%;
right: 10px;
}
.help:hover {
cursor:pointer;
}
.help button {
background-color:#f9ca0e;
color: white;
border-radius: 4px;
border-color: #f9ca0e;
font-size:17px;
font-weight: 400;
}
.xs-sidebar-group{display:none;}
.xs-sidebar-group .xs-overlay{left:100%;top:0;position:fixed;z-index:101;height:100%;width:100%;-webkit-transition:all .4s ease-in .8s;-o-transition:all .4s ease-in .8s;transition:all .4s ease-in .8s;cursor:url(../images/cross-out.png), pointer;}
.xs-sidebar-widget{border-left: 2px solid #f9ca0e;position:fixed;right:0%;top:0;bottom:0;width:100%;max-width:360px;z-index:999999;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;-o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;}
.xs-sidebar-group.isActive .xs-overlay{opacity:.9;visibility:visible;-webkit-transition:all .8s ease-out 0s;-o-transition:all .8s ease-out 0s;transition:all .8s ease-out 0s;left:0;}
.xs-sidebar-group.isActive .xs-sidebar-widget{opacity:1;visibility:visible;right:0;-webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;-o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;}
.sidebar-textwidget{padding:40px;}
.close-side-widget{color:#1768dd;font-size:1.8235rem;display:block;margin-left:20px;}
.sidebar-widget-container{position:relative;top:40px;-webkit-transition:all .3s ease-in .3s;-o-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s;}
.xs-sidebar-group.isActive .sidebar-widget-container{top:0px;opacity:1;visibility:visible;-webkit-transition:all 1s ease-out 1.2s;-o-transition:all 1s ease-out 1.2s;transition:all 1s ease-out 1.2s;}
.sidebar-textwidget .sidebar-logo-wraper{margin-bottom:33px;}
.sidebar-textwidget > p{font-size:15px;margin-bottom:40px;}
.sidebar-textwidget .social-list{margin-bottom:30px;}
.sideabr-list-widget{margin-bottom:40px;list-style-type:none;padding:0;font-size:16px;}
.sideabr-list-widget li{margin-bottom:20px;}
.sideabr-list-widget li:last-child{margin-bottom:0px;}
.sideabr-list-widget li .media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}.sideabr-list-widget img{margin-right:15px;}
.sideabr-list-widget i{margin-right:15px;font-size:40px;color:#1082ffe6;}
.sideabr-list-widget p, .sideabr-list-widget a{margin-bottom:2px;color:#000000;margin-bottom:8px;display:block;}
.sideabr-list-widget span{display:block;color:#1768dd;}
.sideabr-list-widget .media-body{line-height:1;}
.modal-content{
background:#f8f8f8!important;
}
/*.modal1 form h3 h3,p{
color: #f8f8f8!important;*/
.md-form .prefix{
color: #524c4c!important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #524c4c!important;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #524c4c!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #524c4c!important;
}
.snowflake {
color: #FFFFFF;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);
transform:translateX(0)}50%{-webkit-transform:translateX(80px);
transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}
.snowflake{position:fixed;top:-10%;
z-index:9999;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default;
-webkit-animation-name:snowflakes-fall,snowflakes-shake;
-webkit-animation-duration:10s,3s;
-webkit-animation-timing-function:linear,ease-in-out;
-webkit-animation-iteration-count:infinite,infinite;
-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;
animation-duration:10s,3s;
animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;
-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;
-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;
animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;
-webkit-animation-delay:2s,2s;
animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;
-webkit-animation-delay:8s,3s;
animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;
-webkit-animation-delay:6s,2s;
animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;
-webkit-animation-delay:2.5s,1s;
animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;
-webkit-animation-delay:1s,0s;
animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;
-webkit-animation-delay:3s,1.5s;
animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;
-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;
-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}