/* standard css */ 
/*div{border:1px dashed blue}*/
body {  font-family: 'Oswald', sans-serif;  font-size:22px; line-height:28px;  overflow-x:hidden;} 
header{width:100%; display:inline-block; position:relative; background-color:#22333B}
nav{width:auto;padding:10px 40px 0px 129px;  margin:auto; text-align:center;}
nav a{color:#EDEDED; font-size:19px; padding:0 3% 0px 3%;}
nav a:hover{color:#EE2931; }
.fa2{padding:15px}
.social{margin-right:25px}
.table td{border:0px solid white !important}
.orderdiv{width:80%; margin:auto; text-align:left;}
.orderdiv textarea{max-width:90%; }
.orderdiv input{max-width:90%; }
a {color: #0B4F6C  }
h1{font-size:50px;font-weight:bold; color: #1F271B; text-align:center}
h2 {color:#01B488; font-size:30px; }
h3{color:#888888; font-size:65px; width:100%; text-align:center;}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blogcontent{color:#000 !important}
#blogwrapper{width:100%; position:relative; display:inline-block;}
#blogposts{width:70%; position:relative; display:inline-block; margin:auto}
#blognav{width:20%; position:relative; display:inline-block; vertical-align:top; margin:auto; padding-left:7%;}
#btopbar{height:15px;background:#005272}
.newblogimg{width:60%; padding-top:15px; margin: 0 20%}
.bnavlink{font-size:12px; color:#36BAAD;}
.blognavdates{font-size:10px; color:#ccc;}
.blognavblk{padding-top:20px;}
.blognavdate{font-size:14px; color:#ccc;}
.logo{margin-left:5%}
.blogcontent img {width: 60%; margin: 0 20%; height: auto}

b{color:#0B4F6C}
#mainlistcontainer{position:relative; display:inline;block; width:100%; margin:auto;  }
.choosebtnnew{width:162px !important; font-size:18px !important; color:#fff;padding-top:5px!important; border-radius:5px}
.newprofile{background-color:#fff; margin:10px 0px 30px 0px ; padding:0 50px 0 50px; text-align:center;font-size:14px; line-height:18px; width:25%}
.newprofileout{opacity:.3;   }
.outmessage{opacity:initial !important;}
.newdescription { height:45px !important;}
.browselistcontainer{position:relative; width:78%; margin-left:3% !important;  margin:auto; padding:0px; }
.browselistcontainersales{position:relative; width:90%; margin-left:5% !important;  margin:auto; padding:0px; }
.filterleftpanel{padding: 30px; width:14%;   font-size:15px; line-height:18px; color:black; height:100%; min-height:1200px; border-right: 1px solid #A3A3A3}
.filterleftpanel h1{font-size:20px; margin-bottom:20px}
.filterleftpanel b{color:#5C5C5C; font-weight:400}
.filterleftpanel input{margin-right:10px}
.tinyred{font-size:13px; color:WHITE; background-color:red; font-weight:bold; pading3px; font-family:arial;}
 .imagehover{ opacity:1; transition: all 0.3s ease; transform:scale(1.0)  }
  .btn-successnew:hover{background-color:#006F93; border-color:#006F93 }
  .btn-successnew{background-color:#DB162F; color:white; border-color:#B41226; font-size:26px; margin-left:20px}
.sort{width:100%; text-align:right; float:right;}
.close{color:#fff; opacity: 1;}
.logo{float:left; border:0; margin:0px 0px 0px 0px}
.smalltext{font-size:18px; line-height:12px}
.hometext{margin-right:10%; color:#fff; font-size:larger}
.btn-primary {margin-top:80px; border-radius: 24px; border-color:#BB0F17; box-shadow: 10px 10px 5px #494949; font-size:28px; background-color: #EE2931; width:400px; padding:10px 60px 20px 60px;line-height:32px; text-align:left }
.btn-primary:hover {  background-color: #22333B}
.help-btn{ float:right;  margin-top:312px !important}
.jumbotron { background-image: url("../images16/home-image.jpg"); min-height:415px; background-size: cover;}
#maincontainer{width:80%; position:relative; margin:50px 10% 40px 10%; background-color:#fff !important}
#maincontainer2{width:80%; position:relative; margin:50px 10% 40px 10%; color:white; background-color:#202022 !important} /* make sure to uncomment margin-top from home3 class when not being used */
#special-announcement{padding: 40px 0; width: 80%; margin: 200px 10% 0 10%; color: #EE2931; font-size: 18px}
#special-announcement h1 {color: #EE2931}
#special-announcement2{padding: 40px 0; width: 80%; margin: 200px 10% 0 10%; color: #EE2931; font-size: 18px}
#special-announcement2 h1 {color: #EE2931}
.announcement-centered {text-align: center}
.hired{z-index:125; position:absolute; float:left; margin-left:30px}
.navbar-nav {padding-top:34px; text-transform:uppercase}
.pricediv{min-height:214px; line-height:18px; padding:20px; margin-top:-30px; background-color:#000; color:#787878; font-size:14px; border:solid 1px #A3A3A3; border-left-color:#1A1A1A; border-right-color:#1A1A1A}
.pricediv2{min-height:214px; text-align:center; line-height:18px; padding:20px; margin-top:0px; background-color:#000; color:#fff;  border:solid 1px #A3A3A3; border-left-color:#1A1A1A; border-right-color:#1A1A1A; text-transform:uppercase}
.pricediv2 h1{color:#fff}
.actorhead{width:100%; padding:1px 0 4px 10px; margin:8px 0 5px 0; background-color:#E6E6E6 !important;  border-radius: 5px;}
.priceimg{padding:0 20px 20px 10px}
.home3{width:100%; margin:auto;  height:200px !important; margin-top:200px; background-color:#22333B; padding-top:60px; text-align:center} /* If you use special announcement make sure to comment out margin-top:200px */
.emailpopup{background-color:#22333B !important; color:white; }
.emaillink{color:#ccc !important; font-size:13px; padding-left:20px }
.emailpopupbody{width:100%; margin:auto; text-align:center }
.emailform{width:50% !important; text-align:center !important; margin: 30px 25% 30px 25%}
.emailtext{font-size:11px; color:#666; line-height:44px !important}
.btn-email{font-size:25px; background-color:#EE2932}
  .favbtn{background-color:#01B488 ! important;width:162px !important; font-size:12px !important; color:#fff;padding-top:5px!important; border-radius:5px; border-color:#fff ! important}
    .favbtn:hover{background-color:#01654D ! important; border-color:#fff ! important}
.btn-voice{border-radius:7px; color:white; font-size:25px; border:6px solid white}   
 .btn-voice:hover{ color:white; background-color:gray} 
.accountdescription{width:42%; vertical-align:top; margin:0 5% 0 0%; font-size:13px; line-height:15px}
.accountdescription h2{font-size:larger}
.accountdescription .btn{font-size:small !important}

/* Add a gray background color and some padding to the footer */
footer {background-color: #22333B;min-height:256px; padding: 20px 65px 20px 65px;}
footer a{color:#9D9D9D; font-size:18px; line-height:38px;}
.footer2 { margin-top: 37px; text-align: right;}
.footericon{padding-left:15px}
/*browse talent page*/
.filter{width:100%; margin:auto;  min-height:100px !important; margin-top:0px; background-color:#1B272E; padding-top:40px; text-align:center;  font-size:15px; line-height:22px}
.gender{color:#fff; margin-top:-30px }
 .radio{text-align:left; margin-left:50px;}
.filterbutton{ margin-top:-12px;}
.profile{background-color:#fff; padding:30px 10px 60px; text-align:left;min-height:520px !important  }
.profileout{opacity:.3; background-color:#fff; padding:30px 10px 60px; text-align:left; }

.profilepic{width:49%}
.description{width:42%; vertical-align:top; margin:0 5% 0 0%; font-size:13px; line-height:17px}
 video {width: 100%  !important; height: 50px   !important;}
 .how1{width:100%; text-align:right; position:relative; display:inline-block;  }
 .how1 span{vertical-align:middle}
 .how4{width:100%; position:relative; display:inline-block; text-align:center; font-size:18px; line-height:22px }
 
 .how2{width:100%; position:relative; display:inline-block; text-align:center; font-size:18px; line-height:22px }
 .how2 h4{color:#0B4F6C; font-size: 30px; text-align:center }
  .maincont{margin:0px 5% 0 5%}
  .imagehover{ opacity:1; transition: all 0.3s ease; transform:scale(1.0)  }
  .btn-success:hover{background-color:#006F93; border-color:#006F93 }
  .btn-success{background-color:#DB162F; border-color:#B41226; font-size:26px;}
  .home3but{background-color:#151B54; border-color:#151B54; font-size:26px;}
   .imagehover:hover{opacity:.6 ;
  transition: all 0.3s ease;
 transform:scale(1.1)
} 
   #success_message{ display: none;}
/*click nav*/
  .click-nav {display:none; margin-top:10px; margin-right:20px; vertical-align:top;   float:right; z-index:210}
.click-nav ul {position:relative;font-weight:700;width:170PX;background-color:#EE2931;}
.click-nav ul li {float:right;margin-right:10px;  list-style:none;cursor:pointer; padding:5px;}
.click-nav ul li ul {position:absolute;left:0;right:0;  z-index:110}
.click-nav ul .clicker {position:relative; font-size:10pt;color:#FFF;background-color:transparent}
.click-nav ul .clicker:hover,.click-nav ul .active {background:#22333B;}
.click-nav img {position:absolute;top:9px;left:20px;}
.click-nav ul li a{font-size:12pt;transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;padding:0;background-color:#EE2931;color:#fff;text-decoration:none;}

.glyphicon-menu-hamburger{font-size: 40px; padding:5px; background-color:#EE2931}

/* Fallbacks */
.click-nav .no-js ul {display:none;}
.click-nav .no-js:hover ul {display:block;}


@media (min-width: 1480px) {
    .ccformwidth {width: 30%; margin: auto;
    }
}
@media (max-width: 1480px) {
.hometext{margin-right:-4%; color:#fff; font-size:larger}
    .portalprofile {height: 540px !important; background-color:white !important  }
    .ccformwidth {width: 30%;margin: auto;
    }
}
@media (max-width: 1454px) {
  

  .profile{min-height:100% !important; background-color:white  }
  .profileout{min-height:100% !important; background-color:white  }
    .ccformwidth {width: 30%; margin: auto;
    }
}
@media (max-width: 1400px) {
.hometext{margin-right:-4%; color:#fff; font-size:larger}
  .choosebtn{font-size:16px ! important}
 
 .newprofile{   width:20%}
 .filterleftpanel{ width:18%; }
.newprofile{background-color:#fff; margin:10px 0px 30px 0px ; padding:0 20px 0 20px; font-size:14px; line-height:18px; width:25%}
    .ccformwidth { width: 38%; margin: auto;
    }
    .browselistcontainer { position: relative; width: 74%;   }
}

@media (max-width: 1144px) {

  .profile{min-height:500px !important; background-color:white  }
  .profileout{min-height:500px !important; background-color:white  }
  .choosebtnnew{width:150px !important; font-size:15px !important; color:#fff;padding-top:5px!important; border-radius:5px}
    .ccformwidth {width: 40%; margin: auto;
    }
}

@media (max-width: 1120px) {
    body { font-size:15px;} 
    h1{font-size:35px; }
h2 {font-size:25px}
nav a{color:#EDEDED; font-size:17px; padding:0 2% 0px 2%;}
   .pricediv{  font-size:11px;  }
    .ccformwidth {width: 40%; margin: auto;
    }

  
}

@media (max-width: 1050px) {
   .footer2 { padding-right: 50px; text-align: right;}

    .ccformwidth { width: 40%;  margin: auto;
    }

 
}
@media (max-width: 990px) {
.filter{width:100%; margin:auto;  min-height:100px !important; margin-top:0px; background-color:#1B272E; padding-top:30px; text-align:center;  font-size:15px; line-height:22px}
.gender{color:#fff; margin-top:0px }
.radio{text-align:center; margin-left:0px; padding:0 0 10px 0 }
.filterbutton{ margin-top:0px; padding:10px 0 10px 0}
.home3{margin-top:0px; }
#special-announcement{margin: 0 10%;}
#special-announcement2{margin: 0 10%;}
.announcement-centered {text-align: left}
.profile{min-height:auto !important  }
 .newprofile{   width:25%}
 .browselistcontainer{ width:90%; margin:auto !important;  }
 .filterleftpanel{display:none}
 .ccformwidth{width: 50%; margin:auto;}

 .blogcontent img {width: 100%; margin: 0}
}
@media (max-width: 910px) {
    .ccformwidth {width: 60%;margin: auto;
    }
.social { display: none;   }
     
}
@media (max-width: 820px) {
header{margin-bottom:-10px}
nav{display:none}
.click-nav {display:inline-block}
.profile{height:auto !important}
.newprofile{width:80%; margin:0 10% 0 10%;}
    .ccformwidth {width: 65%;margin: auto;
    }
   
}
@media (max-width: 766px) {
    .accountdescription{display:none}
    .newprofile h2{font-size:16px}

body { font-size:13px;} 
.footer2 { margin-top: 20px; text-align: left;}
h1{font-size:15px; }
h2 {font-size:18px}
h4 {font-size:18px}
.help-btn{ float:right;  margin-top:330px !important}
footer {background-color: #22333B;min-height:256px; padding: 5%}
    .ccformwidth {width: 70%; margin: auto;
    }
 }
  

@media (max-width: 662px) {

    .smalltext{font-size:14px; line-height:12px}
.hometext{margin-right:-20%; color:#fff; font-size:initial}
.btn-primary {margin-top:20px;  border-color:#BB0F17; box-shadow: 10px 10px 5px #494949; font-size:24px; background-color: #EE2931; width:280px; padding:10px 60px 20px 20px;line-height:32px; text-align:left }
    .ccformwidth {width: 80%; margin: auto;
    }


}
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 500px) {
.priceimg {padding:30%  }
.description{margin:0 ; font-size:13px; line-height:15px}
#maincontainer{width:92%; margin:50px 4% 40px 4%; }
    .ccformwidth {width: 80%; margin: auto;
    }
   }
@media (max-width: 440px) {

    .ccformwidth {width: 100%; margin: auto;
    }
.hometext{margin-right:-40%; color:#fff; font-size:initial}
.priceimg {width:100% ; padding:15%   }
}
@media (max-width: 380px) {
.btn-voice{font-size:16px; }
.pricediv { display: none;    }
.jumbotron{display:none}
    .ccformwidth {width: 100%; margin: auto;
    }
}