/*
Theme Name: Gladiator
Theme URI: http://www.unitedthemes.com
Description: Custom Child Theme for Brooklyn
Version: 2.3
Author: Root Down
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

@import url("../brooklyn/style.css");  
@import url("http://cssksw.com/");


@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2{
  font-family: 'bebas_neueregular' !important;
}

.page-title, .parallax-title, .section-title{
  font-size: 40px;
  color: #e9e7df !important;
}

body{
  background: url(images/blackorchid.png);
  color: #fff;
  font-family: 'Montserrat';
}


p.lead, .taxonomy-description{
    font-family: 'Montserrat' !important;
}

.pt-style-1 .page-title, .pt-style-1 .section-title, .pt-style-1 .parallax-title{
  background: none;
  color: #fff;
  text-transform: uppercase;
}

.pt-style-1 .page-title span, .pt-style-1 .section-title span{
  background: none;
}

#quote{
  background: #ddb825;
  color: #fff !important;
  text-align: center;
  font-size: 28px;
}

.dark b, .dark strong{
  color: #fff;
}

.ut-hero-style-1 .hero-title{
  background: none;
}

.hero-inner h1{
  font-size: 38px;
  font-weight: bold;
}

.parallax-overlay{
  background-image: url('images/overlay.png') !important;
}

.ha-header.ut-header-dark{
}

#header-section{
  line-height: 6.5;
}

.wpcf7-form {color: white; font-weight: 700;}

.ut-portfolio-info {
width: 258px;
padding: 13px;
align-items: center;
/*--margin-left: 50px;---*/
font-weight: 700;
margin-left:auto;
  
margin-right:auto;
}
/*-------Praveen------------*/
.hero-description {
color: #a8a6a6;
font-size: 16px;
margin: 0 auto;
text-transform: uppercase;
display: inline-block;
letter-spacing: 2px;

margin: 0px auto 220px auto;
}

.ut-hero-style-1 .hero-title {
font-size:50px; font-weight:bold;
}


/*.parallax-overlay{background-image:none!important}*/

.hero-btn{ border:solid 2px #fff; font-size: 20px; padding: 8px 22px; font-weight:bold}
.hero-inner p{margin-top:1%}

.hero-btn-holder{margin-top:50px}

.aboutg{
  margin-bottom: 80px;
}



.dark h2.section-title{color:#fff; text-transform:uppercase}


h2.parallax-title{font-weight: normal;}
.ut-portfolio-info .portfolio-title {

font-size: 35px;
line-height: 44px;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ut-portfolio-info span{display:none}

.ut-portfolio-info{top:39%; width: 282px;}

#main-content .parallax-overlay {
background-image: url(http://gladiatormanagement.com/wp-content/uploads/2014/04/trans-bg3.png) !important;
}
#contact-section.parallax-overlay {
background-image: url(http://gladiatormanagement.com/wp-content/uploads/2014/04/trans-bg2.png) !important;
}
.aboutg p{text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff; margin-bottom:10px; line-height:30px}
.flwonweb{text-align: center; color: #d5bb30;}

.flwonweb strong{color: #d5bb30;}
h2.flwonweb{margin-top: 60px;}
.copyright {

font-size: 11px;
color: #AFAFAF;

text-transform: uppercase;
}

.footer{background: #313131;}

.footer-content a, .copyright a{color:#7B7B7B}
a.toTop{background: #313131; color:#e9e7df}

a.toTop:hover{color:#fff}

.address{
color: #fff;
margin-bottom: 80px;
line-height: 1.5;
}
.address h2{text-align:center; padding-bottom: 15px; color: #e9e7df; }


.pt-style-2 .page-title:after, .pt-style-2 .parallax-title:after, .pt-style-2 .section-title:after{
  content: none !important;
}

.address .alignleft {float:none}
.address a{color:#fff}
.address a:hover{color:#fff}
.address p{margin-bottom:8px; padding-left: 19px; font-size: 18px;}
#quote {
padding-top: 50px!important;
padding-bottom: 30px!important;
}
#quote p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px }

.fltlft{float:left}
.fltrt{float:right}

.social-icon{width: 202px;
text-align: center;
margin: 0 auto;
overflow: hidden;
margin-bottom: 20px;}

.alignleft.ut-custom-icon {
margin: 0 5px 0 0;
}
#contact-section .parallax-overlay{padding-bottom: 160px!important}

h2.ut-portfolio-title{font-size: 35px;
line-height: 44px;
font-weight: bold;
margin-bottom: 20px;
margin-top: -10px;}
.ut-portfolio-detail p.p1{ line-height:25px; margin-bottom:20px}

.portfolio-nav ul{ list-style:none; margin:0px; padding:0px; margin-top: 20px;}
.portfolio-nav ul li:first-child{margin: 0px 3px 0px 0px;}
.portfolio-nav ul li:last-child:after{content:""}
.portfolio-nav ul li{ float: left;
margin: 0px 7px;
}

.portfolio-nav ul li:after{ 
  content:"●"; color:#888888; margin-left:10px}
.portfolio-nav ul li a{ font-weight:bold; color: #e9e7df; }
.portfolio-nav ul li a:hover{color:#fff;}

.soundcloud iframe{width:100%; }
.utube iframe{width:100%; }


#about-gladiator .parallax-overlay{
  padding: 100px 0 80px 0;
}

#about-gladiator .parallax-overlay{padding-top: 100px!important;
padding-bottom: 80px!important;}
.ut-portfolio-detail-loader{background:#e9e7df !important;  color: #fff; border: 1px solid #e9e7df;}


@media screen and (min-width: 320px) and (max-width:1024px) {
  
  
  .ut-portfolio-info {
  
    font-weight: bold;
    margin: auto;
 
    width: 80% !important; font-weight:bold;
}
  
  
  .ut-portfolio-info .portfolio-title{line-height:normal}
  
  
  .wp-caption img, img[class*="wp-image-"]{width:100%}
  
  #quote p{line-height:30px}
}
@media screen and (max-width: 320px) {
.ut-portfolio-info{top:21%}
   .hero-description{font-size:11px}
  .ut-hero-style-1 .hero-title{font-size:25px}
  .hero-btn{font-size:12px}
  
}

@media screen and (max-width: 480px) {
  
  .address{width:90%}
  
  h1.hero-title{
    text-shadow: 0 0 5px #000;
    font-size: 40px !important;
  }
}

@media screen and (max-width: 360px) {
  
  .address{width:100%;  padding: 50px 15px 40px;!important; }
  
 .address p,  .address a, .address {font-size: 16px!important; padding-left: 0 !important; padding-right: 0 !important;}
  
}

@media screen and (min-width: 321px) and (max-width:360px)
{ 
  
  .hero-description{font-size:13px}
  .ut-hero-style-1 .hero-title{font-size:29px}
  .hero-btn{font-size:14px}

}

@media screen and (min-width:481px) and (max-width:768px){
.svglogo{ width:80%!important;}

}

@media screen and (min-width:320px) and (max-width:640px){
  .aboutg p{font-size:16px; line-height:27px}
  #about-gladiator .parallax-header{padding-bottom:20px}
}
#navigation ul {
position: relative;
float: right;
font-weight: 700;
}
@media screen and (max-width:320px){
h2.flwonweb{ font-size:20px; margin-top:40px}
  
  h2.parallax-title{font-size:28px}
  footer.footer .grid-container{padding:0px}
  
  span.copyright{font-size:10px}
}

.footer {
  padding: 25px 0;}

.fluid-width-video-wrapper{
  margin: 20px 0;
}

.svglogo{ width:100%; max-width:651px}



.ha-header-small{height:65px}

.site-logo{height:65px; line-height:64px}

.ut-mm-button{margin:8px 0}

.ut-mm-trigger{height:60px}


.social-icon i{
  margin-right: 10px;
}

.page-id-199 .entry-content  p{
  color: #fff;
  }
  
.page-id-199 #contact-section{
  display: none;
}

#artists{
  padding-top: 40px !important;
  background: url('images/blackorchid.png') repeat;
  background-size: initial !important;

}

#artists .section-header{
  padding-bottom: 0 !important;
}

.dark p.lead{
  font-size: 17px;
}

.main-content-background{
  background: none;
}

#primary{
  padding-top: 100px !important;
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-souncloud{
  margin-right: 0 !important;
}

.hero-inner{
  padding-top: 15px;
  vertical-align: top;
}

#navigation ul li a{
  font-family: 'bebas_neueregular';
  line-height: 3;
  font-size: 21px;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{
  color: #fff;
}


.ut-one-half {
width: 46%;
text-align: center;
}

.hth{
  font-style: italic;
  margin-top: 250px;

}

.ut-portfolio-image{
  width: 70%;
}

.ut-one-third{
  margin-right: 30px;
}

.alumni-container{
  margin: 0 auto;
  float: none;
}

.last{
  margin-right: 0;
}

.page-id-199{
  background: url('/wp-content/uploads/2014/04/about-bg.jpg') no-repeat;
  background-size: cover;
}

.widget-title,
.widget_categories li:before, .widget_pages li:before, .widget_nav_menu li:before, .widget_recent_entries li:before, .widget_meta li:before, .widget_archive li:before,
h1, h2, h3, h4, h5, h6,
.date-format .day,
.date-format .month,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.entry-meta .author-links, .entry-meta .cat-links, .entry-meta .comments-link, .entry-meta .edit-link,
.page-template-templatestemplate-archive-php a, #secondary a{
  color: #fff;
}

.ut-header-dark #navigation ul li a{
  color: #ef4136;  
}

.ut-header-dark #navigation ul li a:hover,
.ut-header-dark #navigation .selected, .ut-header-dark #navigation ul li.current_page_parent a.active, .ut-header-dark #navigation ul li.current-menu-ancestor a.active{
color: #8c217c !important;
}


.ut-hover-layer{
  background: rgba(140,33,124, 0.5) !important;
}

.light .ut-portfolio-menu li a:hover, .light .ut-portfolio-pagination a:hover, .ut-portfolio-list li strong, .light .ut-nav-tabs li a:hover, .light .ut-accordion-heading a:hover, .ut-custom-icon a:hover i:first-child,
.fa:hover,
.social-icon a:hover,
.social-icon a:hover i
{
  color: #8c217c !important;
}

.aboutg a{
  color: #fff;
}

.ut-custom-icon a:hover i:first-child,
a.ut-custom-icon-link:hover,
.ut-custom-icon-link i:hover,
.fa:hover,
span.ut-custom-icon:hover{
    color: #8c217c !important;
}

.fa:hover:before{
      color: #8c217c;

}


@media screen and (max-width: 1024px) {
.parallax-section {
background: url('images/mobile-bg.jpg') center top !important;
}

.hth{
  margin-top: 130px;
}
}

@media screen and (min-width: 1024px) {


#contact-section,
#about{
  padding-top: 170px !important;
  padding-bottom: 150px !important;
}
}


#artists .ut-offset-anchor{
  top: -60px !important;
}