
/* Backup Restored From 11/17/2017 4:02:17 AM */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Play:400,700');

.topLinks li {color: #014c80; text-transform:uppercase}
.regbtn > a {background: #056ab0;  color: #fff; padding: 2px 10px;}
.regbtn {padding: 0; margin-right: 0px !important;}
.socialMedia #btnSearch {
  background: rgba(0, 0, 0, 0) url("/templates/fbcamps360webcmscom/website/images/searchBtn.png") no-repeat scroll center center !important;
   height: 36px; text-indent: 1000px}
  .socialMedia{background:none}
.menu li:hover a{background:#869399;}
.sideBar .disclaimer{margin:0em; border:0px;}
/* Tabs */

  .football-sec { width:100%; background:#efefef; padding:35px 0 0px 0; overflow:hidden;   font-family: 'Source Sans Pro', sans-serif;}
  .football-sec .wrapp { max-width:1200px; margin:auto;}
  .player-list { margin-bottom:70px; overflow:hidden;}
  .player-list .row-col{ width:-webkit-calc(100% - 48px); width:calc(100% - 48px); float:right; border:#016db5 solid 1px; position:relative; background:#fff; }  
  .tittle-left { width:45px; background:#016db5; position:absolute; left:-45px; height:100%; border-top:#016db5 solid 1px;  border-bottom:#016db5 solid 1px; top:-1px;}
  .player-list .campCard { width:24%; float:left; text-align:center; margin-top:12px; padding-bottom:12px;}
  .player-list .campCard + .campCard { margin-left:0.4%;}
  .img-col { position:relative; width:100%; margin-bottom:20px;}
  .img-col img{ width:100%;}
  .player-name { background:rgba(79,80,82,0.95); width:100%; display:block; color:#fff; padding:6px 0; position:absolute; bottom:0; font-size:18px;}
  .sb-heading { margin:0px; padding:0px; font-size:14px; color:#0d4f7a; font-weight:bold;}
  .player-list .campCard a{ text-decoration:none;}
  .player-list .row-col + .row-col { margin-top:8px; }  
  .add-box { width:100%; float:left; margin-bottom:25px;}
  .brochure-box { width:68%; float:left;}
  /*.player-list .row-col2 {
  width: calc(33% - 48px);
  float: right;
  border: #016db5 solid 0px;
  position: relative;
  background: #fff;
  min-height: 209px;
}*/
/*.player-list .row-col2{width:calc(33% - 48px); float:right; border:#016db5 solid 0px; position:relative; background:#fff; }*/
.player-list .row-col2 .campCard {  width: 57%;}

  .toplivechat { position: absolute; bottom: 20px; right: 0; width: 100px; }
  
  .brochure-box .broc-row { background:#fff; height:134px; width:100%; float:left;}
  .brochure-box .bro-img {
  float: left;
  width: 226px;
  height: 134px;
  text-align: left;
  padding: 12px 0 0 28px;
  box-sizing: border-box;
}
  .brochure-box .bro-img img { margin-top:10px;}
  .download-call { background:#ed1b3c; height:134px; float:right; width:-webkit-calc(100% - 226px); width:calc(100% - 226px); display:table; position:relative;}
  .download-call:before {
    content:''; position:absolute; left: -43px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
 border-width: 67px 43px 67px 0;
    border-color: transparent #ed1b3c transparent transparent;
    line-height: 0;
    _border-color: #000000 #ed1b3c #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
  .download-call a   { display:table-cell; vertical-align:middle; width:100%; text-align:center ; font-size:30px; font-weight:700; color:#fff; text-decoration:none; line-height:1.1; padding:0 50px;}
  
  .brochure-box h3 {    font-family: 'Play', sans-serif; margin:0px; padding:0px; float:right; background:#4f5052; color:#fff; font-size:23px; padding:0 15px; height:32px; line-height:32px;}
  
  .lea-box { float:right; background:#4f5052; width:30%;}
  .all-dates { width:68%; float:left; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:24px; padding:20px 0;   font-family: 'Play', sans-serif; border:dotted 1px #000; text-align:center;}
    .all-dates  a { color:#014c80; font-weight:700; text-decoration:none;}
  .affi-logo { width:30%; text-align:center; float:right;}  
  .affi-logo  a { display:inline-block; padding:10px 0px 0;}  
  .football-sec .cardOverlay {  top: auto;  bottom: 62px; background: rgba(79,80,82,0.95) !important;}
  .football-sec  .cardOverlay::after { display:none;}
  .football-sec .player-list .row-col {white-space: nowrap;}
   .football-sec  .campCard { border:none !important; height:auto !important; white-space: normal;}
   .football-sec .wrapp { width:98%;}




  .football-sec .campCard:nth-of-type(2n+1) {  background: #fff;}
  
.tittle-left small.img-col { display:none;}
@media(min-width:768px){
.player-list .row-col:nth-child(1) .tittle-left {background:#016db5 url(/templates/fbcamps360webcmscom/website/images/text2.png) center center no-repeat; }
.player-list .row-col:nth-child(2) .tittle-left {background:#016db5 url(/templates/fbcamps360webcmscom/website/images/text3.png) center center no-repeat; }
.player-list .row-col:nth-child(3) .tittle-left {background:#016db5 url(/templates/fbcamps360webcmscom/website/images/text-4.png) center center no-repeat !important;}
.player-list .row-col:nth-child(4) .tittle-left {background:#016db5 url(/templates/fbcamps360webcmscom/website/images/text1.png) center center no-repeat; }
.tittle-left::after { content: ""; position: absolute; background: #016DB5; width: 100%; height: 3px; bottom: -3px; }
}


.player-list .img-col {  position: relative;  width: 100%;  margin-bottom: 0;}
.football-sec .cardOverlay { bottom:0px !important;}
.menu >li:nth-child(4) {width: 130px !important;}
.menu > li:nth-child(5) {width: 240px !important;}


   @media(max-width:1100px){
  .player-list .campCard {width: 24%;}
  .player-list .campCard + .campCard {  margin-left: 0.4%;}
  .player-list img {  width: 100%;}
  .football-sec  .cardOverlay { max-width:100%;}

  .brochure-box {  width: 100%;  float: left;}
  .lea-box {  float: right;  background: #4f5052;  width: 100%;  text-align: center; margin-top: 15px;}
  .all-dates { width:100%; margin-bottom:15px;}
  .affi-logo {  width: 100%;  text-align: center;  float: right;}
  .player-list .row-col2 { width: calc(50% - 0px); }

}
@media screen and (min-width: 1100px) {

}
  

@media(max-width:767px){  
.tittle-left {  position: relative;  width: 100%;  float: left;  height: auto;  top: 0;  left: 0;}
.tittle-left small.img-col {  display: block;  font-size: 21px;  color: #fff;  display: block;  text-align: center;  padding: 8px 0 8px;  font-weight: 700;}
.player-list .row-col {width: -webkit-calc(100% - 0px); width: calc(100% - 0px); width:100%;}

.father-btn a span {  vertical-align: middle;  padding: 5px 20px;  background: #fff;
color: #333;  margin-left: 0; border: #fff solid 1px;  display: table;  margin: 17px auto 0;}
.testimonials-sec .col-4  { width:100%;}
.testimonials-sec .col-4  +  .col-4  { margin-left:0px; margin-top:20px;}
.player-list .row-col2 { width: calc(100% - 0px); }

.fatherred-btn a span {  vertical-align: middle;  padding: 5px 20px;  background: #fff;
color: #7a0d0b;  margin-left: 0; border: #fff solid 1px;  display: table;  margin: 17px auto 0;}
.testimonials-sec .col-4  { width:100%;}
.testimonials-sec .col-4  +  .col-4  { margin-left:0px; margin-top:20px;}
.player-list .row-col2 { width: calc(100% - 0px); }

.topLinks li:first-child { text-indent: 0 !important; padding-left: 22px; position: relative; float: none !important; display: inline-block; }
.topLinks li { vertical-align: top; }
.topLinks li.regbtn { width: 49%; display: inline-block; margin: 8px 0 12px 0; }

.toplivechat { position: relative;width: 100%;bottom: 0;right: 0;text-align: center; padding: 0 20px; }
.toplivechat img { width:75px }


}

   @media(max-width:639px){  
  .brochure-box h3 { width:100%; text-align:center;}
  .download-call a {  display: table-cell;vertical-align: middle;  width: 100%;  text-align: center;  font-size: 21px;  font-weight: 700;  color: #fff;  text-decoration: none;  line-height: 1.1;  padding: 0 50px;  line-height: 24px;}
  .download-call {  background: #ed1b3c;  height: auto;  float: right;  width: -webkit-calc(100%); width: calc(100%);  display: table;  position: relative;  width: 100%;  padding: 10px 0;}
  .download-call::before { display:none;}
  .brochure-box .bro-img {  float: left;  width: 100%;  height: 100%;  text-align: center;  padding: 1px 0 12px 28px; box-sizing: border-box;}
  .all-dates {  font-size:19px;}  
  .brochure-box .broc-row { height:auto !important;}
.football-sec {  padding-bottom: 0;}
.player-list .campCard {  width: 45%;}
 }
   @media(max-width:479px){   .football-sec .campNames {  font-size: 0.75em;  min-height: 50px;}  }

/*** testimonials section ***/
.testimonials-sec { background: #fff;  width:100%; float:left; font-family: 'Source Sans Pro', sans-serif; padding:17px 0 31px;}
.testimonials-sec .wrapp{  max-width: 1200px;  margin: auto; width:96%;}
.testimonials-sec .col-4 { background:#f9f9f9; padding:25px; width:32%; float:left; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:#016db5 solid 2px;}
.testimonials-sec .col-4 + .col-4 { margin-left:2%;}
.testimonials-sec .col-4  p{ margin:0px 0px 20px; padding:0px; line-height:24px; min-height:140px;}
.testimonials-sec h2 { text-align:center; font-family: 'Play', sans-serif; text-transform:uppercase; font-size:32px; color:#016db5;}
.testimonials-sec .name-col { display:block; font-weight:700; color:#016db5;}


/*********************************MENU PAGE DROPDOWN********************************/
.accordion { margin:30px 0; font-family: "Source Sans Pro"; overflow: hidden; }
.accordion .cl{ clear:both; height:0; }
.accordion * { box-sizing: border-box; }
.accordion h3 { background:#559b6a; color:#fff; cursor:pointer; margin:0 0 1px 0; padding:4px 10px; }
.accordion h3.current { background:#4289aa; cursor:default; }
.accordion .col-6 { float: left; width: 48.7%; border: solid 1px #3d3d3f; position: relative; margin: 0 0 35px 0; min-height: 90px; clear: left; }
.accordion .col-6:nth-child(2n) { float: right; clear: right; }
.accordion .col-6 h2 { margin: 0 0 12px 0; padding: 0; color: #fff; font-size: 17.34px; font-weight: normal; line-height: 1.2; }
.accordion .col-6 h2 a { color: #fff; font-weight: normal; text-decoration: none !important; }
.accordion .heading-toogle { background: #4f5052; color: #fff; font-weight: normal; line-height: 1.2; padding: 13px 70px 15px 20px; min-height: 90px; }
.accordion .arrow-click { width: 65px; height: 91px; background: #3d3d3f url("/templates/fbcamps360webcmscom/website/images/down-arrow.png") no-repeat center center; font-size: 0; display: block; position: absolute; right: -1px; top: -1px; cursor: pointer; }
.accordion .arrow-click.current { background-image: url("/templates/fbcamps360webcmscom/website/images/up-arrow.png"); }
.accordion .tag-col { display: inline-block; background: #016cb4; color: #fff; padding: 7px 13px; font-size: 13.48px; }
.accordion .tag-col + .tag-col { margin-left: 5px; }
.accordion div.pane .padd { padding: 35px 25px; overflow: hidden; }
.accordion div.pane .address-col { float: left; font-size: 18px; line-height: 30px; background: url("/templates/fbcamps360webcmscom/website/images/location-icon.png") no-repeat scroll 0 7px; max-width: 220px; padding: 0 0 0 30px; color: #3d3d3f }
.accordion div.pane .linkbtn { float: right; font-size: 18px; line-height: 30px; }
.accordion div.pane .linkbtn a { color: #3d3d3f; display: inline-block; text-decoration: none !important; border-bottom: solid 1px #3d3d3f; position: relative; margin: 0 22px 6px 0; font-weight: normal; }
.accordion div.pane .linkbtn a:after { display: inline-block; content: ""; background: url("/templates/fbcamps360webcmscom/website/images/right-arrow.png") no-repeat center center; width: 6px; height: 10px; margin: 11px 0 0 12px; position: absolute; }

#campName_Answer select , #NFLTeam_Answer select { box-sizing: border-box; height: 33px; padding: 0 8px; }
.menutabs { margin: 0 0 30px 0; }
.menutabs a { background: #869399; box-sizing: border-box;  color: #fff; display: inline-block; padding: 3px 14px; text-decoration: none; }

@media(max-width: 999px) {.accordion .col-6 { width: 100%; margin: 0 0 20px; }}
@media(max-width: 639px) {
    .accordion .col-6 h2 { font-size: 16px; }
    .accordion .tag-col { margin: 0 0 5px 0; }
    .accordion .tag-col + .tag-col { margin-left: 0; }
    .accordion .arrow-click { height: 70px; width: 55px; background-size: 20px auto; }
    .accordion .heading-toogle { padding: 12px 60px 12px 18px; }
    .accordion div.pane .padd { padding: 20px; }
    .accordion div.pane .address-col { width: 100%; max-width: 100%; }
    .accordion div.pane .linkbtn { font-size: 16px;line-height: 26px;padding: 8px 0 0 30px;width: 100%; }
    .accordion div.pane .linkbtn a::after { margin: 9px 0 0 12px; }
    .accordion div.pane .address-col { font-size: 16px; line-height: 26px; background-position: 0 5px; }
    #campName_Answer select , #NFLTeam_Answer select { width: 100%; }
}
.menu > li:nth-child(1) > a, .menu > li:nth-child(6) > a {pointer-events: inherit !important;}

.father-btn { width:100%; margin-top:0px; margin-bottom:25px; float:left;}
.father-btn a{ display:block; padding:15px 20px; background: rgba(79,80,82,0.95); color:#fff; font-family: 'Play', sans-serif; text-align:center; font-weight:700; font-size: 24px; text-decoration:none; }
.father-btn a span { display:inline-block; vertical-align:middle; padding:5px 20px; background:#fff; color:#333; margin-left:8px; border:#fff solid 1px; }
.father-btn a:hover span { background:none; color:#fff;}

.fatherred-btn { width:100%; margin-top:0px; margin-bottom:25px; float:left;}
.fatherred-btn a{ display:block; padding:15px 20px; background: rgba(255,0,0,1); color:#fff; font-family: 'Play', sans-serif; text-align:center; font-weight:700; font-size: 24px; text-decoration:none; }
.fatherred-btn a span { display:inline-block; vertical-align:middle; padding:5px 20px; background:#fff; color:#7a0d0b; margin-left:8px; border:#fff solid 1px; }
.fatherred-btn a:hover span { background:none; color:#fff;}


.tblCampOverview {
float: left;
width: 100% !important;
height: auto !important;
top: 0 !important;
left: 0 !important;
}


#slideshow {

    position: relative;
    width: 100%;
    height: 286px;

}

#slideshow > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}


#slideshowm {
    position: relative;
    width: 100%;
    height:266px;

}

#slideshowm > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.kickingcamp{padding: 15px;}

@media(max-width: 767px) {.testimonials-sec .fordesktop { display: none; } .topLinks ul { padding: 0 15px;} }
@media(min-width: 768px) {.testimonials-sec .formobile { display: none; }}
@media(max-width: 479px) {#slideshowm {height:133px;}}

@media(min-width: 900px) and (max-width: 1200px) {
  .menu a, .subMenu a { font-size: 14px; padding: 7px 5px; }
  .menu > li:nth-child(1) { width: 60px !important; }
  .menu > li:nth-child(2) { width: 84px !important; }
  .menu > li:nth-child(4) { max-width: 90px; }
  .menu > li:nth-child(6) { width: 110px !important; }
  .menu li, .subMenu li { max-width: 175px; }
  .topLinks { right: 10px; }
  .topLinks ul { max-width: none; }
  .topLinks li { font-size: 1rem; }
  .toplivechat { right: 10px; }
}
@media(min-width: 768px) and (max-width: 899px) {
  .topLinks { right: 10px; }
  .topLinks li { margin: 0 .15em; font-size: 0.8em; }
  .regbtn > a { padding: 2px 6px; }
  .toplivechat { right: 10px; }
}
.subpageContentCampsList {
  padding: 10px;
}
.sideBar {
  padding-bottom: 0em;
}
.dpc {background: #fff; display: none;}
.btn.btnTwo.regestrationpage {
  float: right;
  padding-right: 0px;
  margin-right: 0px !important;
}
/* .regContent ul li:nth-child(3) {visibility: hidden;} */
.referefrnd a {
  color: #014c80;
  font-weight: normal;
}
@media(max-width:639px){
.tblCampOverview {float: none;}
.galleryContainer {  float: left;  width: 100%;  margin: 0;}
}
.socialMedia {  padding-right: 0px;  margin-right: -2px;
}
.socialMedia .search {
  display: none;
}

.topLinks li:first-child::before {
background: url(https://footballcamps.com/templates/fbcamps360webcmscom/website/images/phone.png) no-repeat;
content: '';
display: inline-block;
width: 19px;
height: 20px;
position: absolute;
left: 0;
background-size: 15px;
top: 3px;
}
.topLinks li:first-child {float: left;overflow: hidden;text-indent: -66px;}

.socialMedia.socialMediabottom {position: static;overflow: hidden;display: inline-block;background: #fff;padding: 5px;
vertical-align: top;}
.headerWrapper .socialMedia{display:none;}
.livechat {
display: inline-block;
margin: 14px 0 27px 20px;
}

form {  overflow: hidden;}
form[name="campStore"] input[name="add"] {margin-top: 0 !important;}
.interestedprograminfo { font-size: 14px; width: 60%;  float: right;  background: #efefef;  box-sizing: border-box;  padding: 20px;}
.personalinfobox {  width: 40%;  border: none;  padding: 25px;  float: left;  box-sizing: border-box;  margin-bottom: 31px;
background: #016db5;  color: #fff;  min-height: 534px;}
.personalinfobox legend {  margin: 0 0 23px;}
.personalinfobox label {    text-align: left;    display: block;    padding: 0 0 7px;}
.personalinfobox input[type="text"] {  width: 100%;  height: 50px;  border: #ddd solid 1px;  padding: 0 15px;  box-sizing: border-box;}
.interestedprograminfo input[type="checkbox"] {  position: relative;  top: 0;  left: 0;  margin: 7px 9px 0 0 !important;}
.interestedprograminfo label[for="e10"] {  width: 100%;  text-align: left; font-size:21px;}
.tac {  overflow: hidden;  clear: both;}
.personalinfobox p {  margin: 0 0 31px;  padding: 0;}
.tac input.sendrequest {  width: 94%;  background: #25aa51;  border: none;  height: 60px;  color: #fff;
font-size: 22px;  max-width: 450px !important;  float: left;  border: none !important;}
.program {  position: relative;  padding: 3px 0 0 23px; margin-bottom: 3px;}
.program input {position: absolute !important;left: 0 !important;}

.bannerWrapper .flexslider .slides img { border: none; }
.btnWrapper.newstyle { padding: 30px 0 25px 0; }
.l-r-c-button { background-size: 100% 100%; background-position: center center; min-height: 74px; overflow: hidden; padding: 12px 0; max-width: 1200px; margin: 0 auto; }
.l-r-c-button .wrap { max-width: 880px; margin: 0 auto; width: 94%; }
.l-r-c-button .l-r-c-row { margin: 0 -15px; }
.l-r-c-button .col-4 { float: left; width: 33.33%; padding: 0 15px; text-align: left; }
.l-r-c-button .col-4:nth-child(2n) { text-align: center; }
.l-r-c-button .col-4:nth-child(3n) { text-align: right; }

@media(max-width:999px) {
.personalinfobox {  width: 100%;  border: none;  padding: 25px;  float: left;  box-sizing: border-box;  margin-bottom: 0;
background: #016db5;  color: #fff;  min-height: 534px;}
.program { margin-bottom: 9px;}
.interestedprograminfo {  width: 100%;  float: right;  background: #efefef;  box-sizing: border-box;  padding: 20px;
font-size: 14px;}
.tac input.sendrequest{  height: auto;  color: #fff;  font-size: 16px;  max-width: 450px !important;  float: left;  border: none !important;  padding: 10px;}
.l-r-c-button { overflow: hidden; min-height: 0; background-size: 120% auto; }
.l-r-c-button .col-4 { width: 32%; }
.l-r-c-button .col-4 + .col-4 { margin-left: 2%; }
}
@media(max-width:479px) {h1 {font-size: 1.4em;}}
.tac input.sendrequest {
  appearance: none;
 -webkit-appearance: none;
 -webkit-border-radius:0;
   border-radius:0;
}
@media(max-width:767px) {
.sociallinks {  text-align: center;}
.l-r-c-button .col-4 { width: 31.2%; padding: 0; }
.l-r-c-button .col-4 + .col-4 { margin-left: 3%; }
.l-r-c-button .l-r-c-row { margin: 0; }
}
.regContent ul#error li:nth-child(3) {
  visibility: visible;
  height: auto;
  margin-bottom: .5em;
}


/******Instructors******/
.Instructors-blk .col-sm-12 {  width: 100%;  float: left;  border: #d4e5f2 solid 1px;
  padding: 24px 15px 0;  background: #f1f9ff;  margin-bottom: 19px; box-sizing:border-box;}
.Instructors-blk .img-col {  width: 250px;  float: left;  background: #fff;  border: rgba(0,0,0,0.2) solid 1px;}
.Instructors-blk .dec-blk {  overflow: hidden;  padding-left: 28px;}
.Instructors-blk .DataListItemObject {  padding: 0 0 10px;  display: block !important;}

.Instructors-blk h2 {  text-align: center;  padding: 17px 0 13px;  font-size: 28px;}
.Instructors-blk .dec-blk h3 {  font-size: 21px;}
.Instructors-blk a.DataListItemLink {  display: none;}
.Instructors-blk .city-col {  display: inline-block;  padding: 4px 16px;  background: #016db5;  color: #fff;  margin-bottom: 16px;}


@media(max-width:900px){
.Instructors-blk .img-col {  width: 100%;  float: left;  border: #ccc solid 1px;  background: #fff;}
.Instructors-blk .dec-blk {  overflow: hidden;  padding-left: 0;  clear: both;}
}

.campCard {
  height: 212px;
}
.subpageContentCampsList .campCard {
  height: 280px;
  margin-bottom:10px;
}
.DataListItemObject p {background: none !important;}
#slider {  text-align: center;}
.topLinks ul li:nth-child(3) a {
  color: #fff;
  padding: 2px 10px;
  background: #056ab0;
}
.topLinks ul li:nth-child(3) {  margin-right: 0px;}


.l-r-c-button #divtoBlink {    display: inline-block;}
.l-r-c-button #divtoBlink.backgroundRed { width:100%; height:100%; background:url('https://footballcamps.com/templates/fbcamps360webcmscom/website/images/req-btn2.png') no-repeat 6px 0px;}
.l-r-c-button #divtoBlink.backgroundRed img{ visibility:hidden; opacity:0;}

@media(max-width:1250px) {
.l-r-c-button #divtoBlink.backgroundRed {    background-size: 100%;    background-position: 0;}
}
/*.flexslider .redBtn {display: none;}*/

/******************/

.registration-box h2 {  background: #ed1b3c;  text-align: center;  color: #fff;  font-size: 41px;  padding: 10px 0;  border-bottom: #016db5 solid 5px;  margin: 0;}
.registration-center {  max-width: 737px;  margin: -134px auto 0;  width: 90%;  background: #fff; position: relative;}
.registration-center h4 {  background: #016db5;  color: #fff;  font-size: 31px;  text-align: center;  padding: 13px;}
.heading-test {  max-width: 550px;  margin: auto;  font-size: 37px;  text-align: center;  font-family: 'Play', sans-serif;  font-weight: 700;  padding: 9px 0 31px;}
.heading-test .red-text { color:#ed1b3c;}
.heading-test .blue-text { color:#016db5;}
.register-box {  text-align: center;}
.register-box a {  display: inline-block;  background: #5d9913;  color: #fff;  font-size: 32px;
  text-decoration: none !important;  max-width: 362px;  width: 100%;  height: 64px;
  line-height: 64px;  border-radius: 95px;   font-family: 'Play', sans-serif;  text-transform: uppercase;}

.registration-box .call {  text-align: center;  font-size: 46px;  font-family: 'Play', sans-serif;  font-weight: 700;  text-transform: uppercase;  color: #016db5;  padding: 22px 0 30px;}

.registration-center {  max-width: 737px;  margin: -134px auto 0;  width: 90%;
  background: #fff;  box-shadow: -1px 0px 17px 4px rgba(0,0,0,0.2);  margin-bottom: 40px;}

.register-box span {  position: relative;  top: -4px;  left: -8px;}
.registration-box .call span {  display: inline-block;  position: relative;  top: -6px;  left: -12px;}

.heading-test {    position: relative;    margin-bottom: 35px;}
.heading-test::after {    content: '';    position: absolute;    bottom: 0;    width: 80%;
    height: 1px;    background: #ccc;    left: 50%;    transform: translate(-50%,0);}


@media( max-width:1100px ) {
.registration-box h2 {    font-size: 35px;}
.registration-center h4 {font-size: 23px;}
.heading-test {    font-size: 28px;     width: 90%;}
.registration-box .call { font-size:40px;}

}
@media( max-width:991px ) {
.registration-box h2 { padding: 10px 16px; }
.registration-box .call {    font-size: 30px;}
.heading-test {font-size: 24px;}

}

@media( max-width:767px ) {
.register-box a { width:90%; font-size: 22px;}
.register-box span img {   height: 22px !important;}
.registration-box .call { font-size:24px;}
.registration-box .call span img {    height: 30px !important;}
.registration-box h2 { font-size:30px;}
.heading-test {  position: relative;  margin-bottom: 24px;  padding-bottom: 21px;}
.heading-test {    font-size: 19px;}
.registration-center {    margin: -72px auto 0;}

}
@media( max-width:364px ) {
.registration-box h2 {    font-size: 24px;}
.registration-center h4 {    font-size: 18px;}
.heading-test {  font-size: 16px;    width: 88%;}
.registration-box .call span img {    height: 21px !important;  }
.registration-box .call {    font-size: 20px;}
}



/************ Joining News letter in bottom***********/
.formbox {
  display: block;
  padding: 15px 20px;
  background: rgba(79,80,82,0.95);
  width:100%;

}
.formbox p {
  color: #fff;
  font-family: 'Play', sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  text-decoration: none;
}
.formbox input {
  width: 225px;
  height: 45px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 13px;
  padding: 5px;
  font-size: 19px;
  font-family: 'Play', sans-serif;
}
.formbox .part3 select {
  vertical-align: middle;
  background: #fff;
  color: #333;
  height: 45px;
  margin-right: 13px;
  font-size: 18px;
  border: #fff solid 1px;
  text-align: center;
  width: 80px;
  cursor: pointer;
  font-family: 'Play', sans-serif;
}
.formbox .part5 select {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  color: #333;
  height: 45px;  
  font-size: 18px;
  border: #fff solid 1px;
  text-align: center;
  width: 120px;
  cursor: pointer;
  font-family: 'Play', sans-serif;
}

.formbox .part4 input {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 20px;
  background: #fff;
  color: #333;
  margin-left: 8px;
  border: #fff solid 1px;
  font-family: 'Play', sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  width:150px;
  cursor: pointer;
}
.formbox .part4 input:hover{  background: #57585A;  color: #FFF; border: #fff solid 1px;}
.mainpart {
  width: 1000px;
  text-align: center;
  margin: 0px auto;
}
.mainpart > div {
  display: inline-block;
  vertical-align: top;
}
@media all and (max-width: 800px) {
  .mainpart {
    width: 100%;
    overflow: auto !important;
  }
  .mainpart > div,
  .mainpart input,
  .mainpart select {
    display: block;
    margin-bottom: 1rem;
    width: 100% !important;
  }
  .mainpart select {
    text-align: left !important;
  }
  .mainpart > div:last-of-type input {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
}
@media all and (min-width: 801px) and (max-width: 1050px) {
  .mainpart {
    width: 100%;
    overflow: auto !important;
    text-align: center;
  }
  .mainpart > div {
    display: inline-block;
  }
  .mainpart > div input,
  .mainpart > div select {
    width: 95% !important;
  }
  .mainpart .part1,
  .mainpart .part2 {
    width: 30%;
  }
  .mainpart .part3 {
    width: 8%;
  }
  .mainpart .part4 {
    width: 20%;
  }
}
/****************************************************/
.overlay2{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;  
  z-index:99;
}

.overlay2.active{  visibility: visible;  opacity: 1;}

.popup {
  margin: 18% auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 56%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  bottom: 9px;
  right: 24px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #ED1B3C;
}
.popup .close:hover {
  color: #ED1B3C;
}
.popup .content {
  max-height: 40%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.add-box.subscribe{margin-bottom:0px;}
.cl {  clear: both;  height: 0px;}
.formbox p a {  font-size: 15px;  font-weight: normal;  color: #ccc;}
.formbox p a:hover{color:#ED1B3C}
