@font-face {
    font-family: 'Neutratext';
    src: url('../fonts/NeutraText-Book.otf') format('opentype');
}

body { font-weight:400; font-family: 'Neutratext', sans-serif; color: #000;}

a { color:#4c95ca; text-decoration:none; word-wrap:break-word; cursor:pointer;}

a:hover { text-decoration:underline; color:#00538f;}
a:focus,
a:active { text-decoration:none; outline:none;}

h1, h2, h3, h4, h5, h6 { margin:0 0 20px;}
h1 { font-size:36px; line-height:42px; font-weight: 400;}
h2 { font-size:24px; line-height:28px;}
h3 { font-size:18px; line-height:24px;}
h4 { font-size:14px; line-height:20px;}
h5 { font-size:12px; line-height:20px;}

p { margin:0 0 20px;}
ul { padding-left: 20px;}

* { word-wrap:break-word;}

:focus { outline:none;}

.relations p {
	font-size: 16px;
}

.partnership h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;	
}

/* Tools ------------------- */

.no-padding { padding:0 !important;}
.no-left-padding { padding-left:0 !important;}
.no-right-padding { padding-right:0 !important;}
.no-margin { margin:0 !important;}
.no-border { border:none !important;}
.bold { font-weight:700 !important;}

.text-align-center { text-align:center !important;}
.text-align-left   { text-align:left !important;}
.text-align-right  { text-align:right !important;}

.bottom-margin-5 { margin-bottom: 5px !important; }
.bottom-margin-10 { margin-bottom: 10px !important; }
.bottom-margin-15 { margin-bottom: 15px !important; }
.bottom-margin-20 { margin-bottom: 20px !important; }
.bottom-margin-30 { margin-bottom:30px !important;}
.bottom-margin-40 { margin-bottom:40px !important;}

.relative { position:relative;}

.center { max-width:976px; margin:0 auto;}

/* End Tools ----------------- */

/* Header -------------- */

header { padding:5px 20px; position: relative;}

#logo { margin: 0; line-height: 40px; position: absolute; left: 20px; top: 3px;}

.main-nav { list-style:none; text-align: center; line-height: 42px; padding: 0; margin: 0;}
.main-nav > li { display: inline-block; margin: 0 20px;}
.main-nav > li > a { color:#000000; text-decoration:none; text-transform:capitalize; font-weight:400; font-size:16px;}
.main-nav > li > a:hover,
.main-nav > li.active > a { text-decoration:none; color: #c62a38;}

/*
.carousel-inner .item { width:100%; height:485px; background-position:top right; background-repeat:no-repeat; background-size:cover;}
.carousel-control { width:58px; height:64px; background-color:#fff; top:50%; margin-top:-32px; background-position:center center; background-repeat:no-repeat !important; text-shadow:none; opacity:0.7;}
#banner { margin-bottom:0;}


.carousel-sub { position: absolute; left: 75px; bottom: 65px;}
.carousel-indicators { left: 75px; margin-left: 0; width: auto; min-width: 345px;}
.carousel-indicators li { width: 14px; height: 14px; background-color: #9b9b9b; border: none;}
.carousel-indicators .active { width: 14px; margin: 1px; height: 14px; background-color: #000000; border: none; }
*/



.category-boxes { list-style:none; display:table; width:100%; margin:0 0 0; padding-left: 0;}
.category-boxes:last-child { margin-bottom: 20px; }
.category-boxes > li { background: #f1f1f1; display:table-cell; vertical-align:middle; width:50%; position:relative; overflow: hidden;}
.category-boxes img { max-width:100%;}
.block { display:block;}
.category-boxes > li:nth-child(even) { padding-left:0;}
.category-boxes > li:nth-child(odd) { padding-right:0;}
.item-text-content { padding: 0 75px; color: #000; text-align: center;}
.item-text-content h3 { text-transform: capitalize; font-size: 24px; font-weight: 400;}
.item-text-content p { text-align: center; margin-bottom: 50px; font-size: 16px; line-height: 22px;}
.learn-more-btn { font-size: 14px; font-weight: 300; color: #fff; background-color: #000000; line-height: 28px; padding: 17px 65px; text-decoration: none; text-transform: uppercase;}
.learn-more-btn:hover,
.learn-more-btn:focus { color: #fff; background-color: #e83a96; text-decoration: none;}

footer {
    padding: 10px 20px; 
    /*background-color: #FFFFFF; */
    position: relative; 
    text-align: center; 
    min-height: 90px; 
}

.brand-footer { display: block; position: absolute; left: 20px; top: 10px;}
.social-link { position: absolute; top: 20px; right: 20px; display: block;}
.footer-text { text-align: center;}
.footer-text ul { list-style: none; padding: 15px 0 0 0; margin: 0;}
.footer-text ul > li { display: inline-block; margin: 0 35px; font-size: 16px; }
.footer-text ul > li:first-child { margin-left: 0;}
.footer-text ul > li:last-child { margin-right: 0;}
.footer-text ul > li > a { color: #000; text-decoration: none;}
.footer-text ul > li > a:hover,
.footer-text ul > li > a:focus { color: #e83a96; text-decoration: none;}
.footer-text p { margin: 0;}

/* Bootstrap Override */
.welcome-form { max-width:80%; margin:0 auto;}
.form-group { margin-bottom:9px;}
.form-control { border-radius:0; border-color:#000000;}
.modal { background-color:rgba(255,255,255,0.55)}
.modal-header .close { margin-top:-12px; opacity:1;}
.modal-dialog { width:440px;}
.modal-body { padding:15px 0;}
.modal-content { border-radius:0; box-shadow:none; border:none; padding:20px; text-align:center;}
.modal-welcome .modal-header { padding:0; border:none; margin-bottom:15px;}
.modal-welcome .modal-footer { text-align:center; border:none; padding-bottom:20px}
.btn.btn-overrirde { color:#000; background-image:none; font-size:11px; height:35px; text-transform:uppercase; letter-spacing:4px; padding:4px 40px; background-color:#f0f0f0; border-radius:0; border:none;}
.modal-welcome-title { font-size:42px; font-weight:300; margin:0 0 20px; color:#020202;}
.modal-welcome-p { font-size:13px; font-weight:300; line-height:20px; margin:0 0 15px; color:#020202;}
.control-label { font-weight:normal; text-transform:uppercase; font-size:11px; color:#020202;}

.category-title { margin:0 0 20px; line-height:20px; letter-spacing:2px; text-transform:uppercase; font-weight:400; font-size:16px; text-align:right;}
.category-menu { list-style:none; padding:0; margin:0 0 45px; text-align:right;}
.category-menu > li { text-align:right; margin:0 0 20px;}
.category-menu > li > a { color:#000000; font-size:16px; line-height:22px;}

.main-title { 
    font-size: 65px; color: #000; margin: 0; text-align: center; padding: 30px; line-height: 72px; padding: 70px 15px;
	text-transform: uppercase;
}

.main-title:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 10%;
	border-top: 3px solid black;
	margin-top: 20px;
}

.content-inside { padding: 20px 20px;}
.link-inliner a { color: #000;}
.link-inliner a:hover { color: #e83a96;}

.box-list { list-style: none; padding: 0; margin: 0 -20px;}

@media (min-width: 768px) { 
	.box-list {margin-left: 50px;}
}

.box-list > li { 
    float: left; width: 41.66666667%; max-width: 385px; padding: 20px; margin: 0 20px 40px 20px; text-align: center;
    background: #f5d9e9; /* Old browsers */ 
    background: -moz-linear-gradient(top, #f5d9e9 0%, #eceffc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5d9e9 0%,#eceffc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5d9e9 0%,#eceffc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d9e9', endColorstr='#eceffc',GradientType=0 ); /* IE6-9 */
}
.box-thumb { margin-bottom: 35px; min-height: 135px;}
.box-thumb img { max-width: 100%;}
.icon-nav { padding: 30px 10px 20px 10px;}
.icon-nav a { display: inline-block; margin: 0 10px; text-decoration: none;}
.icon-nav a:hover { text-decoration: none;}
.icon-nav img {width: 90%;}

.category-boxes.in-brands {
    background: #fff;
}
.category-boxes h3 img { width: auto; max-width:80%;}
h3 > img[alt~=Kleinfeld] {max-width: 65%;}

/*.contact-title { max-width: 976px; margin: 0 auto; background-image: url("https://img.promgirl.com/PG/2019/03/08/promguide-thenightof-prom-emergencies-header-desktop-MIN.jpg"); text-indent: -9999em; height: 270px; background-position:top center; background-repeat:no-repeat; background-size:cover;}
*/.company-boxes { margin-bottom: 40px; text-align: center;}
.company-boxes span { display: block; min-height: 78px; margin: 0 0 15px;}
.company-boxes p { margin: 0; text-align: left;}


/*new style*/
.contact-title { max-width: 976px; margin: 0 auto; text-indent: -9999em; height: 270px; background-position:top center; background-repeat:no-repeat; background-size:cover;}

/*.contact-title { background-image: url("https://img.promgirl.com/PG/2019/03/08/promguide-thenightof-prom-emergencies-header-desktop-MIN.jpg");}*/



 body {font-size: 20px;}
    p {margin: 0 0 30px;}


h3, .h3 {
    font-size: 24px;
}

h2, .h2 {
    font-size: 24px;
}

.category-boxes {
    background: #FFFFFF;
}

/*a { color:#c62a38; text-decoration:none; word-wrap:break-word; cursor:pointer;}

a:hover {
  color: #c62a38;
  text-decoration: none;
}
*/



.company-boxes h2 {
    /*text-transform: uppercase;*/
    font-size: 22px;
    font-weight: 800;
}

.company-boxes h2 a{
    /*text-transform: uppercase;*/
    color:#c62a38;
    }


.company-boxes h2 a:hover{
    color: #c62a38;
    text-decoration: none;
}    


.company-boxes h3 {
    /*text-transform: uppercase;*/
    font-size: 22px;
    font-weight: 800;
}

.company-boxes h3 a{
    /*text-transform: uppercase;*/
    color:#c62a38;
    }

.company-boxes h3 a:hover{
    color: #c62a38;
    text-decoration: none;
}    

.company-boxes a{
    color: #000000;
    text-decoration: none;
}


.company-boxes a:hover{
    color: #000000;
    text-decoration: none;
}


a{
    color:#c62a38;
}

a:hover {
    color:#c62a38;
    text-decoration: none;
}


  .category-boxes > li {
    background: #fcfcfc;
  }

  .learn-more-btn  {
    background: #c62a38;
  }

  .learn-more-btn:hover, .learn-more-btn:focus {
    background: #bd747b;
  }