/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

body
{
  font-family: 'Oswald';
  font-weight:200;
}

ul.uk-navbar-nav li.uk-parent a, ul.uk-navbar-nav li a
{
  /*font-family: 'Oswald', sans-serif;*/
  text-transform:capitalize;
  font-size:17px;
  color:#fff;
  line-height:77px;
}

/*.tm-block-padding-large
{
  padding-bottom:100px;
}*/

.uk-navbar-nav > li > a
{
  padding:0px 55px;
  height:85px;
}

.uk-navbar-nav > li.uk-active > a
{
  color:#fff;
  font-weight:bold;
}

.uk-navbar-nav > li:hover > a
{
  color:#fff;
}

.tm-navbar.uk-navbar.uk-navbar-attached
{
  background:url(../Home_files/menu-bg-new.png) 0 0 repeat transparent;
/*  padding-top: 10px;
    padding-bottom: 10px;*/
}

.uk-sticky-placeholder
{
  height:auto!important;
}

.tm-logo
{
  margin-top:10px;
}

.tm-navbar [data-id="101"]/*<!-- this is menu item id-->*/
{
    background-color:#32343B;
} 

.tm-navbar [data-id="102"]/*<!-- this is menu item id-->*/
{
    background-color:rgba(42, 56, 100, 0.9);
} 

.tm-navbar [data-id="151"]/*<!-- this is menu item id-->*/
{
   /*background-color:rgba(58, 79, 179, 0.7);*/
   background-color:rgba(45, 54, 62, 0.9);
} 

.tm-navbar [data-id="186"]/*<!-- this is menu item id-->*/
{
    /*background-color:rgba(60, 144, 192, 0.7);*/
    background-color:rgba(196, 214, 235, 0.9); 
}

.tm-navbar [data-id="211"]/*<!-- this is menu item id-->*/
{
    /*background-color:rgba(60, 184, 192, 0.7);*/
    background-color: rgba(144, 152, 154, 0.9);
}

nav.tm-navbar ul.uk-navbar-nav li a
{
  font-family:Helvetica, Arial, sans-serif;
}

/*#tm-top-c .uk-width-large-3-4
{
  width:100%;
}*/

#tm-top-c .uk-panel-box-primary .uk-width-large-2-3
{
  width:100%;
}

#tm-top-c .uk-panel-box-primary .uk-width-large-2-3 h2.uk-h1
{
  font-size: 60px;
    line-height: 70px;
    text-align: center;
    text-transform: capitalize;
}

.performance-collection
{
  font-size:21px;
  text-align:center;
  margin-top:22px;
  line-height:26px;
  font-family:Helvetica, Arial, sans-serif;
}

.testimonial-first-block
{
  float:left;
  text-align:center;
  margin-right:0%;
  width:33%;
  margin-right:0%;
  border-right:1px solid #b1d7fd;
}

.testimonial-second-block
{
  float:left;
  text-align:center;
  margin-right:0%;
  width:33%;
  margin-right:0%;
  border-right:1px solid #b1d7fd;
}

.testimonial-third-block
{
  float:left;
  text-align:center;
  width:33%;
}

.testimonial-main-div
{
  margin-top:100px;
}

.testimonial-image img
{
  width:150px;
  border-radius:75px;
}

.testimonial-image
{
  border:5px solid #94D4FF;
  display:inline-block;
  padding:10px;
  border-radius:90px;
}

.testimonial-main-div .testimonial-text
{
  color:#fff;
  font-size:22px;
  line-height:22px;
  font-style:italic;
  font-family:Helvetica, Arial, sans-serif;
}

.testimonial-main-div .testimonial-text:before
{
  color: #94d4ff;
  content: '\201c';
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}

#tm-bottom-h
{
  background-color:#2C3654;
  padding:70px 0px;
  margin-top:0px!important;
}

.uk-block, .uk-panel
{
  margin-top:0px!important;
  border-top:none;
}

#tm-bottom-h .tm-bottom-h ul li
{
  display:inline-block;
}

#tm-bottom-h .tm-bottom-h ul
{
  display:block;
  text-align:center;
}

#tm-bottom-h .tm-bottom-h ul li a
{
  color:#fff;
  font-size:18px;
  line-height:20px;
  padding:5px 45px;
  font-family:Helvetica, Arial, sans-serif;
  /*font-weight:bold;*/
}

/*#tm-bottom-e ul li
{
  display:inline-block;
}*/

#tm-bottom-i ul li a
{
  font-size:20px;
  line-height:30px;
  padding:5px 0px;
  font-family:Helvetica, Arial, sans-serif;
}

.tm-popover-item
{
  background:#3c92e2 none repeat scroll 0 0;
}

#tm-top-b .home-page-left-image > div > div:first-child .uk-text-center .uk-margin-small
{
  color:#fff;
  font-size:33px;
  line-height:46px;
}

#tm-top-b .home-page-left-image .uk-text-center .uk-margin-small
{
  color:#000;
  font-size:33px;
  line-height:46px;
}

.uk-navbar-nav
{
  float:none;
  margin:0 auto;
  width:1120px;
}

.below-banner-two-title
{
  font-size:65px;
  line-height:70px;
}

.below-banner-two-text
{
  font-family:Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size: 14px;
    line-height: 20px;
}

.sound-of-innovation-subheading
{
  font-family:Helvetica, Arial, sans-serif;
}

.see-and-be-heard-title h1
{
  font-size:36px;
  line-height:40px;
  text-transform:uppercase;
  margin:0 auto;
  text-align:center;
  width:300px;
}

.see-and-be-heard-title h1 span
{
  color:#3b91ca;
  font-size:36px;
  vertical-align:bottom;
  line-height:40px;
}

.see-and-be-heard-title
{
  font-family:Helvetica, Arial, sans-serif;
  font-size:26px;
  line-height:29px;
}

.effortless-integration-title
{
    font-family:Helvetica, Arial, sans-serif;
  font-size:26px;
  line-height:29px;
}

.effortless-integration-title h1
{
  font-size:36px;
  line-height:40px;
  text-transform:uppercase;
  margin-bottom:0px!important;
}

.maximum-functionality-subheading
{
  font-family:Helvetica, Arial, sans-serif;
  font-size:24px;
  line-height:24px;
}

.uk-nav-parent-icon > .uk-parent > a::after
{
  content:'';
}

#tm-bottom-i ul li ul.uk-nav-sub li
{
  display:block;
}

#tm-bottom-i h3.uk-panel-title
{
  font-family:Helvetica, Arial, sans-serif;
  /*font-weight:bold;*/
  text-transform:capitalize;
  font-size:24px;
}

.tm-block-texture.uk-block-secondary
{
  background:none;
  background-color:#2E2E2E;
  padding:0px;
}

.float-left
{
  float:left;
}

.float-right
{
  float:right;
}

#tm-footer.tm-block-fullwidth > .uk-container
{
  max-width:1200px;
  padding:0 35px;
}

#tm-footer
{
  padding:40px 0;
}

footer.tm-footer  p.uk-margin-small-top
{
  font-family:Helvetica, Arial, sans-serif;
  letter-spacing:0px;
  text-transform:initial;
  margin-bottom:0px;
}

#tm-footer .float-right .uk-subnav-line li a
{
  color:#497598;
  font-family:Helvetica, Arial, sans-serif;
  text-transform:capitalize;
  letter-spacing:0px;
  text-decoration:underline;
}

.for-home-page #tm-top-a .tm-top-a .uk-overlay-background
{
  background:transparent;
}

.for-home-page #tm-top-a .tm-top-a .uk-overlay-panel
{
  bottom:100px;
  left:37px;
}

.for-home-page #tm-top-a .tm-top-a .for-home-slideshow-title
{
     color: #fff;
    font-size: 48px;
    line-height: 49px;
}

.for-home-page #tm-top-a .tm-top-a .for-home-slideshow-title span
{
  color:#3D8EC6;
}

.for-home-below-banner-left
{
     color: #fff;
    font-size: 37px;
    line-height: 37PX;
}

.pick-a-station-title
{
  color:#fff;
  font-size: 44px;
    line-height: 44px;
}

.pick-a-station-text
{
  color:#fff;
  font-family:Helvetica, Arial, sans-serif;
  font-size:21px;
  line-height:23px;
}

.for-home-page #tm-bottom-a.uk-block-primary
{
  background:#314d73;
}

.your-in-demand-concert-title
{
  padding-top:70px;
  text-transform:capitalize;
}

.your-in-demand-concert-title span
{
  font-size:66px!important;
}

.your-in-demand-concert-text
{
  font-family:Helvetica, Arial, sans-serif;
  font-size:23px;
  line-height:29px;
}

.watch-and-listen-using-top-title
{
  font-family:Helvetica, Arial, sans-serif;
  padding-top:80px;
  font-size:23px;
}

.watch-and-listen-using-title
{
 margin-bottom:0px;
margin-top:0px;
padding-bottom:40px;
}

.watch-and-listen-using-title span
{
  font-size:74px!important;
  line-height:75px;
}


.for-business-banner-text
{
   color: #75b0ee;
    font-size: 52px;
    position: relative;
    top: 230px;
    line-height:53px;
}

.for-business-banner-text span
{
  color: #fff;
  font-weight:400;
}

.for-business-page #tm-top-b
{
  background-color:#5b82b8;
  padding:65px 0px;
}

.for-business-below-banner-text {
    color: #fff;
    font-size: 50px;
    line-height: 56px;
    text-align: center;
}

.for-business-page #tm-bottom-a .uk-overlay-panel {
    background-color: rgba(94, 133, 186, 0.6);
}

.for-business-page #tm-bottom-a
{
  margin-top:100px!important;
}

.for-business-gallery-title
{
  color: #fff;
    font-size: 48px;
    line-height: 55px;
}

.for-business-gallery-text
{
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}

.for-business-blue-bg-title 
{
  color:#bad8f7;
}

.for-business-percentage-text
{
  color:#fff;
  font-size:22px;
  line-height:27px;
}

.for-business-page #tm-bottom-c.tm-block-padding-large
{
  padding:0px;
}

.for-business-page #tm-bottom-c .uk-overlay-background
{
  background:transparent;
}

.for-business-slideshow-title {
    color: #fff;
    font-size: 52px;
    line-height: 53px;
    text-align: center !important;
}

.for-business-page #tm-bottom-c .uk-overlay-panel
{
  bottom:55px;
}

.for-business-page #tm-bottom-d
{
  background-color:#334f77;
  padding:45px 0px;
}

.for-business-page #tm-bottom-d h1
{
  color:#fff;
  text-transform:capitalize;
}

.for-business-page #tm-bottom-d .for-business-bottom-text
{
  color:#fff;
  font-family:Helvetica, Arial, sans-serif;
}

.for-business-page #tm-bottom-i.uk-block
{
  padding-top:20px;
}

.for-home-page #tm-bottom-a .uk-overlay-panel
{
  background-color: rgba(94, 133, 186, 0.6);
}


.for-home-6grid .uk-overlay-panel.uk-overlay-fade.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center > div {
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 20px;
}

.thousands-performance
{
  text-transform:uppercase;
}

.tm-popover-item:hover
{
  background:#73AEF0;
}

.discovery-a-disklavier-home-title
{
  margin-top:15px;
  line-height:36pt;
}

.discovery-a-disklavier-home-text
{
  margin-bottom:15px!important;
}

.uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a
{
  color:#fff;
}

/*.home-page #tm-top-c .tm-padding-large
{
  padding:30px 65px 65px;
  margin-top:50px!important;
}*/

.home-page #tm-top-c.tm-block-middle .uk-container
{
  display:block;
}

.home-page #tm-top-c .tm-panel-height
{
  min-height:auto;
}

.home-page #tm-top-c .uk-container.uk-container-center
{
  display:table-cell!important;
  vertical-align:middle!important;
  width:96%;
}

.home-page #tm-top-c
{
  display:table;
  width:100%;
}















/* custom css for gallery module*/
@media (min-width:2000px) {
  .below-banner-one-text
  {
    font-size: 45px;
    line-height: 60px;
  }
  
  .below-banner-two-text
  {
    font-size: 25px;
    line-height: 35px;
  }
  
.below-banner-two-title {
    font-size: 65px;
    line-height: 110px;
  }
  
  .see-and-be-heard-title h1
  {
    font-size:36px;
    line-height:40px;
    margin:0 auto;
    text-align:center;
    width:420px;
  }
  
  #tm-bottom-h .tm-bottom-h ul li a
  {
    padding:5px 40px;
  }
  
  
}


@media (min-width:1800px) and (max-width:2000px) {
  
  .below-banner-one-text
  {
    font-size: 45px;
    line-height: 60px;
  }
  
  .below-banner-two-text
  {
    font-size: 20px;
    line-height: 30px;
  }
  
  .below-banner-two-title {
       font-size: 65px;
    line-height: 90px;
  }
  
  .see-and-be-heard-title h1
  {
    font-size:36px;
    line-height:40px;
    margin:0 auto;
    text-align:center;
    width:420px;
  }
  

}

@media (min-width:1500px) and (max-width:1799px) {
  
  .below-banner-one-text
  {
    font-size: 44px;
    line-height: 60px;
  }
  
  .below-banner-two-text
  {
    font-size: 19px;
    line-height: 29px;
  }
  
  .see-and-be-heard-title h1
  {
    font-size:36px;
    line-height:40px;
        margin:0 auto;
    text-align:center;
    width:420px;
  }
  
  
}

@media (min-width:991px) and (max-width:1499px) {

}






















/*======================= Responsive =============================*/

@media (max-width:1220px) {
  
  #tm-bottom-h .tm-bottom-h ul li a
  {
    padding:5px 20px;
  }

}


/* Only Tablets (Portrait) */
@media (min-width:768px) and (max-width:959px) {
  
      #tm-top-a .uk-align-center.uk-margin h1 span
  {
    font-size:30pt!important;
  }
  
    
    #tm-top-c .uk-panel-box-primary .uk-width-large-2-3 h2.uk-h1
  {
    font-size:60px;
    line-height:70px;
  }
  
    .testimonial-main-div 
    {
      margin-top: 10px;
    }
    
    #tm-bottom-h .tm-bottom-h ul li a
    {
      padding:5px 15px;
      font-size:19px;
    }


  


}


/* Only Phones (Portrait) (Landscape) and Small Tablet (Portrait) */
@media (max-width:767px) {
  
  .testimonial-first-block, .testimonial-second-block, .testimonial-third-block
  {
    float:none;
    width:100%;
    border:none;
  }
  
  .testimonial-main-div {
    margin-top: 0;
}

#tm-top-c.uk-height-viewport
{
  height:auto!important;
}

.uk-navbar-toggle, .uk-navbar-content
{
  padding:0px;
}

.uk-navbar-center
{
  max-width:100%;
}

.uk-sticky-placeholder nav.uk-navbar .uk-container
{
  padding:0px;
}

#tm-bottom-h .tm-bottom-h ul li
{
  display:block;
}

  #tm-bottom-h .tm-bottom-h ul li a
  {
    padding:5px 0px;
  }
  
  
#tm-bottom-h .tm-bottom-h ul {
    text-align: left;
}

  .for-schools #tm-top-c .tm-top-c .blue-bg h1 span
  {
    font-size:27px !important;
  }


}

/* Only Phones (Landscape) and Small Tablet (Portrait) */
@media (min-width:480px) and (max-width:767px) {
  
    #tm-top-a .uk-align-center.uk-margin h1 span
  {
    font-size:24pt!important;
  }
  
    #tm-top-c .uk-panel-box-primary .uk-width-large-2-3 h2.uk-h1
  {
    font-size:30px;
    line-height:40px;
  }
  
  .see-and-be-heard-title h1
  {
    font-size:68px;
    line-height:69px;
    text-align:center;
  }
  
  .see-and-be-heard-title h1 span
  {
    font-size:90px;
  }
  
  .see-and-be-heard-title
  {
    font-size:23px;
  }
  
  .effortless-integration-title h1
  {
    font-size:56px;
    line-height:60px;
  }
  
  .effortless-integration-title
  {
    font-size:20px;
    line-height:26px;
  }
  
  .maximum-functionality-title h1
  {
    font-size:28px;
    line-height:35px;
    margin-bottom:0px;
  }
  
  .maximum-functionality-subheading
  {
    font-size:18px;
    line-height:21px;
  }
  
  .for-home-page #tm-top-a .tm-top-a .for-home-slideshow-title
  {
    font-size:30px;
    line-height:38px;
  }
  
  .for-home-below-banner-left
  {
    font-size:30px;
  }
  
  .discovery-a-disklavier-home-title
  {
    margin-bottom:0px;
    text-transform:capitalize;
  }
  
  .discovery-a-disklavier-home-title span
  {
    font-size:30px!important;
    line-height:40px;
  }
  
  .your-in-demand-concert-title span
  {
    font-size:45px!important;
  }
  
  .your-in-demand-concert-text
  {
    font-size:14px;
    line-height:22px;
  }
  
    .for-schools-animation h1 
  {
    font-size: 32px!important;
    line-height: 36px;
    margin-top:0!important;
  }
  
  .banner-intro {
    margin-top: 0;
  }
  
  .for-business-banner-text
  {
    top:20px;
    font-size:31px;
    line-height:33px;
  }
  
  .for-business-below-banner-text
  {
    font-size:27px;
    line-height:34px;
  }
  
  .for-business-blue-bg-title h1, .for-artist-black-white-grid h1
  {
    line-height:80px;
  }
  
  .for-business-slideshow-title
  {
    font-size:22px;
    line-height:30px;
  }
  

}

/* Only Phones (Portrait) */
@media (max-width:479px) {
  
  #tm-top-a .uk-align-center.uk-margin h1 span
  {
    font-size:14pt!important;
  }
  
  #tm-top-c .uk-panel-box-primary .uk-width-large-2-3 h2.uk-h1
  {
    font-size:22px;
    line-height:30px;
  }
  
  .see-and-be-heard-title h1
  {
    font-size:33px;
    line-height:35px;
    text-align:center;
  }
  
  .see-and-be-heard-title h1 span
  {
    font-size:50px;
  }
  
  .see-and-be-heard-title
  {
    font-size:17px;
    line-height:22px;
  }
  
  #tm-top-b .home-page-left-image > div > div:first-child .uk-text-center .uk-margin-small
  {
    font-size:16px;
    line-height:26px;
  }
  
  .below-banner-two-title
  {
    font-size:34px;
    line-height:45px;
  }
  
  .below-banner-two-text
  {
    font-size:16px;
    line-height:20px;
  }
  
  .effortless-integration-title h1
  {
    font-size:26px;
    line-height:30px;
    margin-bottom:0px;
  }
  
  .effortless-integration-title
  {
    font-size:13px;
    line-height:15px;
  }
  
  .maximum-functionality-title h1
  {
    font-size:24px;
    line-height:30px;
    margin-bottom:0px;
  }
  
  #tm-bottom-h .tm-bottom-h ul li a
  {
    font-size:17px;
    padding:5px 27px;
  }
  
  .maximum-functionality-subheading
  {
    font-size:14px;
    /*font-weight:bold;*/
    line-height:18px;
  }
  
  .for-home-page #tm-top-a .tm-top-a .for-home-slideshow-title
  {
    font-size:20px;
    line-height:29px;
  }
  
  .for-home-below-banner-left
  {
    font-size:22px;
    line-height:24px;
  }
  
  .pick-a-station-title
  {
    font-size:32px;
    line-height:36px;
  }
  
  .pick-a-station-text
  {
    font-size:18px;
    line-height:20px;
  }
  
  .discovery-a-disklavier-home-title
  {
    text-transform:capitalize;
  }
  
    .discovery-a-disklavier-home-title span
  {
    font-size:30px!important;
    line-height:48px!important;
  }
  
  .your-in-demand-concert-title span {
    font-size: 31px !important;
    line-height: 32px;
  }
  
  .your-in-demand-concert-text
  {
    font-size:15px;
    line-height:25px;
  }
  
  .watch-and-listen-using-title span {
    font-size: 52px !important;
    line-height: 65px;
  }
  
  .for-schools-animation h1 
  {
    font-size: 18px!important;
    line-height: 23px;
    margin-top:0!important;
  }
  
  .for-business-banner-text
  {
    font-size:23px;
    line-height:29px;
    top:170px;
  }
  
  .for-business-below-banner-text
  {
    font-size:17px;
    line-height:22px;
  }
  
  .for-business-gallery-title
  {
    font-size:20px;
    line-height:34px;
  }
  
  .for-business-gallery-text
  {
    font-size:12px;
    line-height:16px;
  }
  
  .for-business-blue-bg-title h1
  {
    font-size:44px!important;
    line-height:44px;
  }
  
  .for-business-percentage-text
  {
    font-size:17px;
    line-height:20px;
  }
  
  .for-business-slideshow-title
  {
    font-size:25px;
    line-height:31px;
  }
  
  .for-artist-video .uk-overlay-panel {
    bottom: 110px;
  }
  
  .for-artist-video h1
  {
    font-size:20px;
    line-height:20px;
  }
  
  .for-artist-2grid-content
  {
    bottom:0px!important;
  }
  
  .for-artist-2grid-content h1
  {
    font-size:21px;
    line-height:31px;
  }


}