/*****************header******************/

body
{
  margin:0;
  padding:0;
  font-family: 'Montserrat', sans-serif;
  
}

header 
{
  background: url("../images/banner_1.jpg");
  height:100vh;
  background-size:cover;
  border-bottom:5px solid #ffc843;
}

.header-internet
{
  background: url("../images/internet.jpg");
  height:100vh;
  background-size:cover;
  border-bottom:5px solid #ffc843;
}


.header-tv
{
  background: url("../images/hd-tv.jpg");
  height:100vh;
  background-size:cover;
  border-bottom:5px solid #ffc843;
}



.header-bundle
{
  background: url("../images/bundle.jpg");
  height:100vh;
  background-size:cover;
  border-bottom:5px solid #ffc843;
}



.banner
{
 position:absolute;
 top:60%;
 left:50%;
 transform:translate(-50%, -50%);
 width:80%;
}

@media screen and (max-width: 3000px) and (min-width: 1600px){
.banner
{
 position:absolute;
 top:50%;
 left:57%;
 transform:translate(-50%, -50%);
 width:72%;
}

}


p.lead
{
font-size: 20px;
letter-spacing: 3px;
font-weight: 400;

}

h2.banner-heading
{
  color:#ffc843;
  font-size: 2.5em;
  font-weight:900;
  line-height: 1.3;
}



.navbar 
{
background:#0000005e;
width: 100%;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    letter-spacing: 2px;
}


.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(255, 200, 67);
}


.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #ffc843;
}

/**********************button-hover*************************/
.btn{
    color: #000;
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    border: 2px solid #ffffff;
    perspective: 500px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.btn:hover{
    color: #fff;
    border-color: #fff;
}
.btn:before,
.btn:after{
    content: '';
    background-color: #ffc843;
    height: 110%;
    width: 100%;
    border-radius: 0 0 50% 50%;
    position: absolute;
    left: 0;
    top: -10%;
    z-index: -1;
    transition: all 0.3s;
}
.btn:after{
    background-color: #e69400;
    border-radius: 50% 50% 0 0;
    opacity: 0;
    transform: rotateX(90deg);
    transform-origin: bottom center;
    left: auto;
    right: 0;
    top: auto;
    bottom: -10%;
    z-index: -2;
}
.btn:hover:before{
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top left;
}
.btn:hover:after{
    opacity: 1;
    transform: rotateX(0);
}

.btn.purple{ border-color: #673ab7; }
.btn.purple:hover{ border-color: #311b92; }
.btn.purple:before{ background-color: #673ab7; }
.btn.purple:after{ background-color: #311b92; }
.btn.green{ border-color: #4caf50; }
.btn.green:hover{ border-color: #1b5e20; }
.btn.green:before{ background-color: #4caf50; }
.btn.green:after{ background-color: #1b5e20; }
@media only screen and (max-width: 767px){
    .btn{ margin-bottom: 20px; }
}
/**********************************************************/

/***********************banner-bottom***********************/

@media (min-width: 768px){
.cta-content {
    border-top-right-radius: 200px;
    border-bottom-left-radius: 200px;
}
}


@media (min-width: 768px){
.cta-content::after {
    border-top-right-radius: 200px;
    border-bottom-left-radius: 200px;
}
}


.cta-content {
    padding: 30px 0 90px;
    color: #fff;
    background-color: #ffc843;
    position: relative;
    z-index: 1;
}


.cta-content::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(24, 9, 53, 0.77);
    position: absolute;
    top: -25px;
    left: -1px;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}


/**********************************************************/




/**********************about-us*************************/


.pb_90 {
    padding-bottom: 100px;
}

.py-70 {
    padding: 70px 0px;
}


.About-right-bg-img {
    background: url(../images/about-us.png) right top no-repeat;
}


.about_left_text {
    background: #252526;
    background-image: none;
    padding: 30px;
    margin: 60px 0px;
    box-shadow: -5px 15px 50px #00000085 !important;
}


.about_left_text h1 {
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    margin-top: 15px;
}

.about_left_text p {
    font-size: 16px;
    color: #fff;
    margin: 25px 0px;
    line-height: 35px;
}

.top-about {
    margin-top: 20px;
    margin-bottom: 20px;
}

.button_py_12 {
    padding: 12px 50px;
}


@media (max-width: 600px){
	.about_left_text {
		background: #252526;
		background-image: none;
		padding: 30px;
		margin: 0px 0px;
		box-shadow: -5px 15px 50px #00000085 !important;
	}
	
	.about_left_text p {
    font-size: 12px;
    color: #fff;
    margin: 25px 0px;
    line-height: 35px;
    }
}



/************************section-1***********************
*******************************************************/

.demo{ background-color: #fff; }

.serviceBox{
    color: #000;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 20px 15px;
    margin: 20px 0 0;
    border-radius: 20px 0 20px 0;
    position: relative;
    z-index: 1;
    transition: all ease .3s;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.serviceBox:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5);border: 3px solid #ffcd44; }
.serviceBox.purple:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5);border: 3px solid #916AF9; }
.serviceBox.orange:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5);border: 3px solid #fd893e; }
.serviceBox.blue:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5);border: 3px solid #2d91ff; }
.serviceBox:before{
    content: '';
    background: linear-gradient(45deg,#a87508 49%,transparent 50%);
    height: 15px;
    width: 15px;
    position: absolute;
    left: 115px;
    top: -15px;
}
.serviceBox .service-count{
    color: #fff;
    background: linear-gradient(135deg,#FDBB26 25%,#ffcd44 26%,#ffcd44 40%,#FDBB26 41%,#FDBB26 47%,#ffcd44 48%, #ffcd44 60%, #FDBB26 61%);
    font-size: 90px;
    text-align: center;
    line-height: 130px;
    width: 100px;
    height: 140px;
    margin: -35px 0 0 0;
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
}
.serviceBox .service-icon{
    color:#909090;
    font-size: 60px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon{ transform: rotateY(360deg); }
.serviceBox .service-content{ padding: 20px 0 0; }
.serviceBox .title{
    color: #505050;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .description{
    color: rgba(0,0,0,0.7);
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
}
.serviceBox .read-more{
    color:#202020;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
    transition: all ease .3s;
}
.serviceBox .read-more:hover{
    color: #fff;
    text-shadow: 0 0 5px #000;
    text-decoration: none;
}
.serviceBox.purple:before{
    background: linear-gradient(45deg,#503893 49%,transparent 50%);
}
.serviceBox.purple .service-count{
    background: linear-gradient(135deg,#916AF9 25%,#AF7DFF 26%, #AF7DFF 40%,#916AF9 41%, #916AF9 47%, #AF7DFF 48%, #AF7DFF 60%, #916AF9 61%);
}
.serviceBox.orange:before{
    background: linear-gradient(45deg,#c16226 49%,transparent 50%);
}
.serviceBox.orange .service-count{
    background: linear-gradient(135deg,#FD893E 25%,#ff9d60 26%, #ff9d60 40%,#FD893E 41%, #FD893E 47%, #ff9d60 48%, #ff9d60 60%, #FD893E 61%);
}
.serviceBox.blue:before{
    background: linear-gradient(45deg,#206bbc 49%,transparent 50%);
}
.serviceBox.blue .service-count{
    background: linear-gradient(135deg,#2d91ff 25%,#59a9ff 26%, #59a9ff 40%,#2d91ff 41%, #2d91ff 47%, #59a9ff 48%, #59a9ff 60%, #2d91ff 61%);
}
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 50px; }
}

/***********************************************************/


/**************************section-2**********************/


.dedicated_support {
    padding-top: 150px;
    padding-bottom: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.support_bg {
    background-image: url(../images/banner_2.jpg);
}

.dedicated_support .support_info h3 {
    font-size: 36px;
    font-weight: 500;
    color: 
    #fff;
}


.dedicated_support .support_info P {
    font-size: 16px;
    color: 
    #fff;
    margin: 25px 0;
}

.dedicated_support .support_info .get_started .boxed_btn_green {
    margin-right: 20px;
    padding: 12px 45px;
}

.boxed_btn_green:hover {
    background: transparent;
    color: #00D363;
    border: 1px solid #00D363;
    color:#00D363 !important;
	text-decoration:none;
}

.boxed_btn_green {
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    padding: 12px 30px;
    background:#00D363;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid transparent;
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.boxed_btn_green {
    cursor: pointer;
    font-size: 16px;
    color:#fff;
} 

/******************************************************/

/*************************pricing***********************/

:root{
    --black: #000;
    --white: #fff;
    --color_1: linear-gradient(to bottom,#6AF7CC,#00C2ED);
    --color_2: linear-gradient(to bottom,#3A08FF,#7A8EFE);
    --color_3: linear-gradient(to bottom,#FF0401,#FE6331);
}
.demo{ background-color: #fff; }
.pricingTable{
    background-color: var(--white);
    font-family: 'Noto Sans', sans-serif;
    text-align: center;
    margin: 0 15px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover{
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1) inset,0 0 20px -5px rgba(0,0,0,0.8);
}
.pricingTable .pricingTable-header{
    color: var(--white);
    background: #444444;
    padding: 30px 20px;
    margin: 0 -20px;
    /* box-shadow: 0 -10px 10px -7px var(--black) inset; */
    border-radius: 0 0 50% 50%;
}
.pricingTable .title{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}
.pricingTable .price-value{
    color: var(--white);
    background: #ffc843;
    height: 130px;
    width: 130px;
    padding: 22px 0;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .price-value{
    box-shadow: 0 0 0 5px rgba(0,0,0,0.1), 0 0 0 5px var(--white) inset,0 0 20px #555;
}
.pricingTable .amount{
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
    display: block;
}
.pricingTable .month{
    font-size: 15px;
    letter-spacing: 0;
    font-weight: normal;
    display: block;
}
.pricingTable .pricing-content{
    padding: 30px 25px 20px;
    position: relative;
    z-index: 1;
}
.pricingTable .content{
    padding: 0;
    margin: 0;
    list-style: none;
}
.pricingTable .content li{
    color: #909090;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 10px;
    border-bottom: 2px solid rgba(0,0,0,0.15);
}
.pricingTable .content li:last-child{ border-bottom: none; }
.pricingTable .pricingTable-signup{
    color: var(--white);
    background: #444444;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 30px;
    border-radius: 30px;
    display: inline-block;
    transition:all 0.3s;
}
.pricingTable .pricingTable-signup:hover{
    box-shadow: 0 0 0 4px rgba(0,0,0,0.2), 0 0 0 4px var(--white) inset,0 0 10px #555;
}
.pricingTable.blue .pricingTable-header,
.pricingTable.blue .price-value,
.pricingTable.blue .pricingTable-signup{
    background: #ffc843;
}
.pricingTable.red .pricingTable-header,
.pricingTable.red .price-value,
.pricingTable.red .pricingTable-signup{
    background:;
}
@media only screen and (max-width: 1200px){
    .pricingTable{ margin: 0 0 30px; }
}
@media only screen and (max-width: 479px){
    .pricingTable .pricing-content{
        font-size: 15px;
    }
}





/**********************************************************/


/**************************footer*************************/

.site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}

/********************************/

/***********contact us**********/



.title {
    z-index: 2;
    position: relative;
}

.iq-fw-8 {
    font-weight: 800;
}

input, input.form-control {
    border: 1px solid #e4e4e4;
    font-size: 16px;
    height: 55px;
    padding-left: 30px;
    margin-bottom: 35px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    -webkit-box-shadow: 0 13px 25px 0 rgba(77,54,206,.2);
    -moz-box-shadow: 0 13px 25px 0 rgba(77,54,206,.2);
    box-shadow: 0 13px 25px 0 rgba(77,54,206,.2);
    padding-right: 35%;
}


textarea.form-control {
    height: 230px;
    padding: 15px 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 13px 25px 0 rgba(77,54,206,.2);
    -moz-box-shadow: 0 13px 25px 0 rgba(77,54,206,.2);
    box-shadow: 0 13px 25px 0 rgba(77,54,206,.2);
}


.slide-button {
    display: inline-block;
    height: 50px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-align: center;
    z-index: 4;
}

.button {
    color: #fff;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    border: none;
    position: relative;
    background: #33e2a0;
    font-family: nunito,sans-serif;
    display: inline-block;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.first {
    background-color: #33e2a0;
    color: #fff;
}

.first, .second {
    padding: 0 30px;
    line-height: 50px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.second {
    padding: 0 30px;
    line-height: 50px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.button:hover, .button:focus {
    color: #fff;
    background: #1b0e3d;
    outline: none;
    border-color: #1b0e3d;
}



/******************contact us-2****************************/


h3.sub-w3ls-headf {
    font-size: 24px;
    margin-bottom: 1.5em;
    letter-spacing: 1px;
}

.contactf-left span {
    font-size: 20px;
    background: #03a9f4;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}


/*****************internet, Bundle, Hdtv feature ******************/
.demo{ background-color: #fff; }
.serviceBoxs{
    color: #444444;
    background: #444444;
    font-family: 'Roboto', sans-serif;
    padding: 0 30px 30px;
    margin: 20px 7px 0;
    border-radius: 20px 20px 70px 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}
.serviceBoxs:before{
    content: '';
    background: #f5f5f5;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border-radius: 10px 10px 55px 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}
.serviceBoxs .service-icon{
    background: #444444;
    font-size: 40px;
    text-align: center;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 0 15px;
    border-radius: 15px;
    transform: translateY(-20px) translateX(-37px);
    position: relative;
    z-index: 1;
}
.serviceBoxs .service-icon i{ transition: all 0.3s ease 0s; }
.serviceBoxs:hover .service-icon i{ transform: rotateX(360deg); }
.serviceBoxs .service-icon:before{
    content: "";
    background: #f5f5f5;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    transform: translateX(-50%)translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.serviceBoxs:hover .service-icon:before{ opacity: 1; }
.serviceBoxs .title{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBoxs .title:after{
    content: '';
    display: block;
    clear: both;
    background-color: #444444;
    height: 7px;
    width: 25px;
    margin: 5px 0 0;
    border-radius: 10px;
}
.serviceBoxs .description{
    font-size: 14px;
    line-height: 23px;
}
.serviceBoxs.green,
.serviceBoxs.green .service-icon{
    color: #444444;
    background: #ffc843;
}
.serviceBoxs.green .title:after{ background-color: #ffc843; }
.serviceBoxs.pink,
.serviceBoxs.pink .service-icon{
    color: #444444;
    background: #444444;
}
.serviceBoxs.pink .title:after{ background-color: #444444; }
.serviceBoxs.blue,
.serviceBoxs.blue .service-icon{
    color: #444444;
    background: #ffc843;
}
.serviceBoxs.blue .title:after{ background-color: #ffc843; }
@media only screen and (max-width:990px){
    .serviceBoxs{ margin: 20px 7px 50px; }
}

/************top header*************/


 .headers
  {
	width:100%;
	height:auto;
	text-align:right;
	padding:10px 0px;
	background:#4e4d4b;	
}


.headers h2{
	font-size:32px;	
	font-weight:600;
	color:#ffc843;
	text-align:
}

.headers p{

	font-size:16px;	
	color:#ffc843;
}
	
@media only screen and (max-width:600px){
.headers h2 {
    font-size: 22px;
    font-weight: 600;
    color: #ffc843;
    text-align: ;
}	

h2.banner-heading {
    color: #ffc843;
    font-size: 1em;
    font-weight: 900;
    line-height: 1.7;
}

p.lead {
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: 400;
}

.headers {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px 0px;
    background: #4e4d4b;
}

header {
    background: url(../images/banner_1.jpg);
    height: 425px;
    background-size: cover;
    border-bottom: 5px solid #ffc843;
}

}


/*********************************************/

.outer{

    background-image: url(../images/background.jpg);
    background-position: top center;
    background-size: cover;
	height:auto;
	padding:50px 0px;
	color: #fff;
}

.outer h1{
  font-size: 30px;
}

.outer h1 span{
  font-size:64px;
  color:rgb(255, 200, 67);
}



.outer ul{
  list-style-type:none;
  line-height:2;
}

.bg_color {
	background-color: #4e4d4b;
}
.font_s{font-size:12px;}