/*Background Colors*/
.bgcolor_1{
	background-color:#c40303;
}
.bgcolor_2{
	background-color:#1b1b1b;
}
.bgcolor_3{ background-color:#f9f9f9;}


/*Font colors*/
.color_white{color:#fff;}
.color_black{color:#000;}
.color_1{color:#c40303}
.color_2{color:#102e75}
.color_3{color:#db2828;}

/*Paddings*/
.padding_all_10{padding:10px;}
.padding_all_25{padding:25px;}
.padding_all_15{padding:15px;}
.paddingright{ padding-right:50px;}
.padding_bottom_5{padding-bottom:10px;}
.c13001800Numbers{background-image: url(../images/13001800Numbers.jpg); background-size:cover; min-height:450px;}
.sip{background-image: url(../images/sip.jpg); background-size:cover; min-height:450px;}
.blockprice{
	background-color:#c60202; color:#FFF; padding:20px; text-align:center; border-radius:10px; border:10px solid #FBC723}
.callcenter{background-image: url(../images/callcenter.jpg); background-size:cover; min-height:450px;}
/*Site CSS*/
.textlink_top{color:#fff; background-color:#db2728; padding:5px; border-radius:5px; font-size:0.7rem;}
.textlink_top:hover{color:#fff; background-color:#efae1e; text-decoration:none}
.cpz{
	text-align:center; padding-top:15%
}


.home_htext{
	font-size:22px;
}
.home_htext strong{
	font-size:30px}

.cpz h5{
	color: #fff;
	font-size: 25px;
}
.cpz p{
	font-size:75px; color:#fff; font-weight:700; padding-bottom:35px;
}

.blockwhychoose{
	background-color:#FFF; cursor:pointer; height:300px; font-size:0.8rem; width: 95%;
}
.blockwhychoose p{
	color:#666
}
hr {
  margin: 0;
  width: 80%;
  height: 2px;
  background-color: #edecec;
  border: 0;
  margin-bottom:15px; margin-top:20px;
}

hr:after {
  content: '';
  display: block;
  border-bottom: 2px solid #c40303;
  max-width: 10%;
}
.liteborder{
	border:1px solid #EAEAEA
}
.hostedpbx{background-image: url(../images/hosted_pbx.jpg); background-size:cover; min-height:450px; }
.callcenter{background-image: url(../images/callcenter.jpg); background-size:cover; min-height:450px;}
.bg_red{
	background-color:#ad1e2a;
}
.liteborder2{
	border:1px solid #EAEAEA; height:130px;
}
.service_block{
	top:35%; width:95%; color:#FFF; padding-left:10px; font-size:18px; font-weight:900; text-transform:uppercase; text-align:center
}
.service_block_main{
	overflow:hidden; background-color:#000;
}
.service_block_main img{
	transition:all 1s; opacity:0.4;
}
.service_block_main img:hover{
	opacity:0.7;
}

.subscribebox{
	background-image:url(../images/get-offer-bg.jpg);
}
.overlayz1{
	background-color:rgba(14, 14, 14, 0.9);
}

.formfld{
	height:60px; border:2px solid #000; padding:10px; width:85%
}

.formbtn{
	height:60px; border:2px solid #000; width:15%; background-color:#15181c; color:#FFF;
}
.footerlinks a{
	display:block; color:#999; padding-bottom:5px; transition:0.2s all; font-size:0.8rem;
}
.footerlinks a:hover{
	color:#f78f1e; text-decoration:none
}
.footerlinks h6{
	padding-bottom:15px;
}

.social_icon_bottom{
	height:40px; width:40px; border:1px solid #c40303; font-weight:bold; line-height:40px; text-align:center; margin:3px; font-size:20px; transition:all 1s;
}
.social_icon_bottom:hover{
	border:1px solid #db2828; background-color:#db2828; 
}
.social_icon_bottom a{ color:#c40303; display:block; transition:all 1s;
}
.social_icon_bottom a:hover{
	color:#db2828;color:#FFF;
}

.job_block a{
	padding:10px; margin-top:20px; background-color:#fff; margin-bottom:10px; transition:0.5s all; display:block
}
.job_block a:hover{
	background-color:#FBFBFB;
}

.job_block a{
color:inherit;
}
.job_block a:hover{
	text-decoration:none}
.job_block p{
	margin-bottom:10px;
}
marquee{
	height:362px;
}
.bgaboutus{
	height:180px; background-image:url(../images/about-us.png); background-size:cover; background-position:50% 0%; line-height:180px !important;
}
.subpagebanner_2{
	height:180px; background-image:url(../images/subpagebanner_2.jpg); background-size:cover; background-position:50% 0%; line-height:180px !important;
}
.subpagebanner_3{
	height:180px; background-image:url(../images/subpagebanner_3.jpg); background-size:cover; background-position:50% 0%; line-height:180px !important;
}
.subpagebanner_4{
	height:180px; background-image:url(../images/subpagebanner_4.jpg); background-size:cover; background-position:50% 0%; line-height:180px !important;
}
.subpagebanner_5{
	height:180px; background-image:url(../images/subpagebanner_5.jpg); background-size:cover; background-position:50% 0%; line-height:180px !important;
}
.rp{
	height:180px; background-image:url(../images/rp.jpg); background-size:cover; background-position:50% 0%; line-height:180px !important;
}
.subpageheading{
	margin-top:20px; margin-bottom:20px;
}
.bgrow{
	background-image:url(../images/row-bgimage-3.png); background-repeat:no-repeat; background-position:center top
}

header {
  position: relative;
  background-color: black;
  height:auto;
  min-height: 20rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container-fluid {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

.homeblock1{
	margin-top:40px; margin-bottom:40px; margin-left:10px; background-color: rgba(255, 255, 255, 0.9); padding:15px;
}

.webbutton{
	 color:#fff; padding:10px; background-color:#c40303; border-radius:2px;
}
.webbutton:hover{
	text-decoration:none; background-color:#606060; color:#fff;
}
.indpractice{
	background-color:#F3F3F3; color:inherit; display:block; padding:10px; transition:all 0.5s;
}
.indpractice:hover{
	color:#efae1e; text-decoration:none; background-color:#002e5b
}

.quicklinks_subpage{
	display:block;  padding:10px; color:#000; padding-left:28px; background-repeat: no-repeat; background-size:25px 25px; background-position:center left; border:1px solid #CCC; background-color:#FFF; margin-bottom:3px; transition:0.5s all;
}
.quicklinks_subpage2{
	display:block;  padding:10px; color:#000; background-repeat: no-repeat; background-size:25px 25px; background-position:center left; border:1px solid #CCC; background-color:#FFF; margin-bottom:3px; transition:0.5s all;
}
.quicklinks_subpage:hover, .quicklinks_subpage2:hover{
	text-decoration:none; color:#FFF; background-color:#002e5b;
}
.underline{
	height:5px; width:5%; background-color:#efae1e; margin-bottom:20px; margin-top:15px;
}
.requirment{
	padding:15px; border-left:5px solid #c40303; margin-bottom:15px; background-color:#fff; padding-left:10px;
}
.requirment2{
	padding:25px; border-left:10px solid #002e5b; margin-bottom:15px;
}
/* accordian pannel */
.accordion {
  background-color: #002e5b;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom:10px;

}

.activez, .accordion:hover {
  background-color: #efae1e;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activez:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color:#F2F2F2;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel > div{
	padding-top:15px;
}
.subpageblock{
	background-color:#F2F2F2; border:1px dashed #CCC; height:210px;
}
.readmorelink{
	color:#069; padding-bottom:10px;
}
.readmorelink:hover{text-decoration:none;}
.padding_right{padding-right: 15px; margin-bottom:15px;}
.padding50{
	padding-left:15%; padding-right:15%; padding-top:5%; padding-bottom:5%;
}
.headingfont{
	font-weight:800; font-size:32px;
}
.color_orange{color: #FBC723}
.bg_yellow{background-color: #FBC723}
.blockprice{
	background-color:#c60202; color:#FFF; padding:20px; text-align:center; border-radius:10px; border:10px solid #FBC723}
	.fontbig{font-size: 42px; font-weight:bold}
/* accordian pannel */

.block_slidertext {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99999999999999;
	bottom: 75px;
	right: 2%;
	padding: 15px;
  }
.Phonenumber{
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding-top: 35px;
}

@media (max-width: 1200px) { 
	.block_slidertext {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99999999999999;
	bottom: 0px;
	right: 0px;
	padding: 15px;
	  }
	.Phonenumber{
		  display: block;
	}
}

@media (max-width: 992px) { 
	.block_slidertext {
		position: static;
		background-color: #eeeeee;
		z-index: 999999;
		top: -470px;
		right: 0px;
		padding: 15px;
	  }
	  .Phonenumber{
		  display: none;
	}
.homeblock1{
	margin-top:10px; margin-bottom:10px; margin-left:10px; background-color: rgba(253, 228, 40, 0.9); padding:15px;
}
.homeblock2{
	margin-top:10px; margin-bottom:10px; margin-left:10px; background-color: rgba(17, 47, 83, 0.9); padding:15px;
}

.mobilepadding{
	margin-left:35px;
	margin-right:35px;
}
.paddingright{ padding-right:0px;}
.padding_bottom_5{padding-bottom:0px;}
}

/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	z-index: 999999999; /* Sit on top */
	left: 0;
	top: 0;
	background-color: rgb(0, 0, 0); /* Black fallback color */
	background-color: rgba(0, 0, 0, 0.9); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  
  /* Position the content inside the overlay */
  .overlay-content {
	position: relative;
	top: 2%; /* 25% from the top */
	width: 70%; /* 100% width */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ccc;
	padding: 20px;
  }
  @media (max-width: 767px) {
	.overlay-content {
	  position: relative;
	  top: 10%; /* 25% from the top */
	  width: 100%; /* 100% width */
	  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	  color: #fff;
	  margin-left: auto;
	  margin-right: auto;
	  
	}
  }
  
  /* The navigation links inside the overlay */
  .overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block; /* Display block instead of inline */
	transition: 0.3s; /* Transition effects on hover (color) */
  }
  
  /* When you mouse over the navigation links, change their color */
  .overlay a:hover,
  .overlay a:focus {
	color: #f1f1f1;
  }
  /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
  @media screen and (max-height: 450px) {
	.overlay a {
	  font-size: 20px;
	}
	.overlay .closebtn {
	  font-size: 40px;
	  top: 15px;
	  right: 35px;
	}
  }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
  }