*
{
    margin: 0;
    padding: 0;
}
body {

    margin: 0 auto;
    background-color: #000;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
}
html {
    overflow-y: scroll;
}

h3 {
    font-size: 16px;
    line-height: 34px;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.container{
    background-color: #000;
    color: #000;
    margin: 0 auto;
    max-width: 1020px;
    padding: 0px;
}
header{
/*  width: 960px;*/
    margin: 0 auto;
/*  margin-top: 5px;*/
/*  height: 190px;*/
    display: block;
}

/**********************************************
 * logo start                                 *
 **********************************************/

.logo{
    margin-top: 5px;
    float: left;
    display: block;
    margin-bottom: 5px;

}
.logo img{
/*    width: 250px;
    height: 175px;*/
   max-height: 100%;
    height: auto; 
}
/*********************************************
 * logo end                                  *
 *********************************************/

.nav-menu {
/*    position: absolute;
    top:140px;
    right:5%;*/
    display: block;
    float: right;
    z-index: 9999;
  }

.nav-menu ul {
    margin: 0;
margin-right: 0;
}

.nav-menu ul li {
    margin: 0 0 0 0;
    list-style-type: none;
    text-decoration: none;
    float: left;    
    padding-top: 20px;    
    font-size: 15px;
}

.nav-menu ul li a {
    padding: 6px 1px 4px !important;
}


.menu-trigger{
    position: absolute;
    display: none;
    top: 140px;
    left: 0%;
}

.nav-menu ul li a{
    color: #fff;
    padding: 6px 3px 4px 3px;
    margin-right: 20px;
    text-decoration: none;   
    padding-bottom: 4px;
    background-color: #000;
}
.nav-menu ul li a:hover, .nav-menu ul li a.selected{
border-bottom-color: #fff;
}
.nav-menu ul li a.active {
    background-color: #000;
    border-bottom: 2px solid #fff !important;
}

.nav-menu ul li a:hover {
    background-color: #000;
    color:#ffffff;
    background-image:none;
    text-decoration: none;
  border-bottom: 2px solid #fff;

}

.row{
    margin-right: 0;
    margin-left: 0;
}
#TCyoutube a:hover {
    text-decoration: none;
}
#TCyoutube a:hover {
    background-image:none;
    text-decoration: none;
  border-bottom: 2px solid #fff;
}

/*#legendTangoConca{
    position: absolute;
    margin-top: 60px;
    margin-left: 33%;
}*/

#legendTangoConca {
    background-color: #000;
    color: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 18px;   
    font-style:italic;
    text-align: center;
    margin-top: 60px;
}



/*#legendTangoConca{
    margin-left: 40%;

}
#legendTangoConca p{
    font-size: 14px;
}
*/

/****************************************
 *
 *  followUs.html 
 *
 ****************************************/

.logos{
    padding-top: 10px;
    float: right;
}
.logos ul{
    list-style: none;
}

.logos li{
    float: left;
    padding-right: 5px;
}

.logos li a{
    color: inherit;
}

.logos li a:focus, .logos li a:hover, .logos li a.selected{
    color: inherit;
}

/**************************************
 *
 * Ng-View Index.html
 *
 **************************************/

#ng-view {
  position:relative;
}
/* Animations */
.slide-animation.ng-enter, .slide-animation.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

  position:absolute;
  top:0;
  left:0;
  right:0;
  min-height:1000px;
}

.slide-animation.ng-enter {
  opacity:0;
  left:100px;
}

.slide-animation.ng-enter.ng-enter-active {
  left:0;
  opacity:1;
}

.slide-animation.ng-leave {
  left:0;
  opacity:1;
}

.slide-animation.ng-leave.ng-leave-active {
  left:-100px;
  opacity:0;
}

/**************************************
 *
 * Ng-View Index.html end
 *
 **************************************/
/* footer */
/*footer{
    width: 100%;
    text-align: center;
}*/
footer
{
    margin-top: 35px;
}
footer h6{
    color: #fff;
    font-size: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

#footerCopyright {
    text-align: center; 
/*width: 20%;*/
}

#footerContactUs {
    text-align: center;
    color: #fff;
/*width: 60%;*/
}
#footerContactUs p{
    padding-top: 10px;
    font-size: 10px;
}

/*#contactIcons{
    text-align: center;
    padding: 0;
    //width: 20%;
}

#contactIcons ul li a img{
    text-align: center;
    padding-right: 3px !important;
    //width: 20%;
}
*/
.mobilePhone_Display{
    display: none;
}

/*
 * Home
 */

 /* Home Page info detail */


#homeDetails{
    z-index: 9999;
/*  text-align: center;
*/  margin-bottom: 20px;
    margin: 0 auto;
}
#homeDetails ul{
    padding-top: 20px;
    padding-bottom: 0;
    max-width: 780px;
    margin: 0 auto !important;
}
#homeDetails li{
float: left;
 margin-right: 10px;
 background: #000;
}
#homeDetails li{
    content: ". ";
    color: #fff;
    font-size: 14px;
    margin-left: 20px;
}
#homeDetails li:hover a{
    color: #fff;
    background-color: #000;
}    

.carousel-indicators {
  bottom:-3px;
/*  padding-bottom: 42px;*/
}
.carousel{
    cursor: pointer;
}
#homeDetails a p{
    margin-top: 20px;
    text-align: center;
    font-size: 12px;    
    cursor: pointer;
    display: block;
}
#homeDetails a{
    color: #fff;
    cursor: pointer;
    text-decoration: none;   
}

#homeDetails a:hover {
    background-color: #000;
    color:#fff;
    background-image: none;
    text-decoration: none;
        cursor: pointer;
}

.galleryCarouselImg img{
    width:770px auto !important;
    max-width: 770px !important;
    height: 410px !important;
    max-height: 410px !important;
}

.tangoClass .carousel-inner > .item > img{
      margin: 0 auto;
}
.tangoClass .carousel-inner{
    height: 100%;
}
/*#tangoGallery, #tangoGallery1 .carousel, .item, .active{
    height: 100%;
}
*/
.carousel, .item, .active {
    height: 100%;
}
/*.tangoClass .carousel-inner>.active{
   margin-top: -20px;
}*/
.carousel-inner {
    height: 100%;
}
.tangoClass .carousel-inner>.active,
.fill {
background-color: #000;
}

/*----*/

/*#tangoGallery1 .carousel-inner > .item > img{
      margin: 0 auto;
}
#tangoGallery1 .carousel-inner{
    height: 100%;
}
#tangoGallery1 .carousel, .item, .active{
    height: 100%;
}*/
/******************************************
 * Biography
 ******************************************/

.biography_Heading, .gallery_Heading, .contactUs_Heading, .classes_Heading, .tour_Heading{
    text-align: left !important;
    font-size:18px !important;  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; !important;
    color: #000 !important;
}
.biography_Heading{
color: #fff !important;

background-color: #7D1935 !important;
}

.biography-Body{
    color: #000 !important;
    background-color: #fff;
    padding: 20px 50px;
} 

.content-heading > h3{
    font-size: 24px;
    color : #000; /*#F7C600;*/
    margin-bottom: 0;
    margin-top: 10px;    
}
.content-heading > img{
    float:left; 
    margin-right:20px; 
    margin-bottom:20px; 
    padding:0; 
}

#aboutConca h3{
    margin: 0;
    padding: 0;
}

.image:hover {
-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
}
.image {
-webkit-box-shadow: 0px 0px 15px 5px rgba(239,244,80 ,.75);
box-shadow: 0px 0px 15px 5px rgba(239,244,80, .75);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


/******************************************
 * Contact Us
 ******************************************/


.contactUs{
   padding:20px;
   /*text-align: center;*/
}

.contactUs img{
    margin: 0 auto;
}

.contactUs_Heading{
    color: #fff !important;
    background-color: #333333 !important;
}

.contactUs_Body{
    background-color: #fff !important;
}


/*******************************
 *******************************/
.mobilePhone_No_Display{
    display: block !important;
}


.mobilePhone_Display{
    display: none !important;
}



/*******************************
 * Classes
 *******************************/

.classPractice{
    float: right;
    margin-top: 0;
}

.classPracticeTime{
    padding-top: 4px;
}

.classPracticeTimeHr{
    float: right !important;
    margin-top: 2px !important;
}

.classLevel2{
    text-align: center;
}
.classLevel2Line1{
/*    text-indent: 75px; */
    margin-top:-30px;
}

.classLevel2Line2{
/*    text-indent: 50px; */
    margin-top:-30px;"
}

.classLeft, .classRight{
    padding-left: 0;
    padding-right: 0;
}

.classes_Heading{
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff !important;
}

.classesInfo{
/* padding-left: 10px !important;
 padding-right: 10px !important; */
 margin-top: -5px !important;
}

.classTimeLocation{
 /*   width:32.5%; */
    border:1px solid #ddd;  
 /*   margin-right:12px !important; */

    float:left;

    border-radius: 2px;
    -webkit-border-radius: 2px;

    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;

    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition:  all 0.7s ease;
    padding-left: 0;
    padding-right: 0;
}

.classTimeLocation4{

    border:1px solid #ddd; 

    border-radius: 2px;
    -webkit-border-radius: 2px;

    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;

    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition:  all 0.7s ease;
    padding-left: 0;
    padding-right: 0;
}

.lastTimeLocation{
    margin-right: 0 !important;
}

.classes-Heading{
    text-align: left;
    color: #000; 
    background-color: #e0e0e0;

    font-size:18px !important;  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; !important;
}

.classes-Heading-Middle{
    text-align: left;
    color: #000; 
    background-color: #cccccc;

    font-size:18px !important;  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; !important;
}
.class-Group{
    height: 20px !important;
}
.classes-Heading-Right{
    text-align: left;
    color: #000; 
    background-color: #dfdfdf;

    font-size:18px !important;  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; !important;
}


.tabsVarious{
    width: 100%;
    height: 100%;
  /*  padding: 5px;*/

    margin-top: 10px;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

.classesTab > ul {
    margin-top: 0;
        float: right;
        border-radius: 5px;
margin-bottom: 10px;
padding-bottom: 0;
    }
.classesTab > ul >  li {
        float: left;
        /*background-color: rgb(200,200,200);*/
        padding: 5px 19px;
        /*margin: 5px 2px 5px 0px;*/
        color: black;
        list-style: none;
        width: 19.9%;

    }

/*.classesTab > ul > li:nth-child(1){
    background-color: #8a0014;
    color: #fff !important;
} 
.classesTab > ul > li:nth-child(2){
    background-color: #112d47;
    color: #fff !important;
}  
.classesTab > ul > li:nth-child(3){
    background-color: #ce443e;
    color: #fff !important;;
} 
.classesTab > ul > li:nth-child(4){
    background-color: #397186;
    color: #fff !important;
}
.classesTab > ul > li:nth-child(5){
    background-color: #c4c4c4;
    color: #fff !important;
}*/    

.classesTab > ul > li{
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff !important;
}

.classesTab > ul > li:hover, .classesTab li:hover a {
    color: #000 !important;
    background-color: inherit !important;
}

.classesTab > ul > li a {
        text-decoration: none;
        color: white;
        font-size: 21px;
        font-style: italic;
        text-shadow: 1px 0px 3px rgb(157, 157, 157);
        display: block;
        cursor: pointer;
    }
.classesTab > ul > li:first-child { border-radius: 4px 0px 0px 4px; margin-left: 1px;}
.classesTab > ul > li:nth-child(5) { border-radius: 0px 4px 4px 0px;}

 
.classesTab li.active > a{
    color: #000 !important;
    /*background-color: inherit !important;*/
}


/********************************
 * Tour 
 ********************************/
.tour-Heading{
    color: #fff !important;

    text-align: left;

    background-color: #4A96AD !important;

    font-size:18px !important;  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

.tour_Body{
    background-color: #fff;
    color: #000;
}
.tour_Body h1{
    color: #000;
     font-size: 16px !important;
}
.tour_Body h5,
.tour_Body h3, 
.tour_Body h4,
#tour-Testimonials h5{
    margin-left: 0 !important;
    color: #000 !important;
}
#tour-Details{
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}
.tour_Body h3{
    padding-left: 15px !important;
    margin-top: 0 !important;
}
.tourPoints{
    font-size:10px;
    font-weight:200; 
    padding-right:10px;  
}
#TourMoreDetails{
    text-align:center; 
    background-color:#8FD8D8; 
    margin-top:20px; 
    padding-top:15px;
}
    
ul.tour-Lists {
padding-top: 10px;    
padding-left: 15px;
padding-bottom: 10px;
font-size: 12px;
}

#tour-HighLigths-Benefits h5{
    margin-left: 0 !important;
}

.tour_Body .col-md-3 {
padding-right: 5px !important; 
padding-left: 0 !important;
}
.tour_Body .col-md-3:last-child {
padding-right: 5px !important; 
}
.tour_Body .col-md-3:first-child{
    margin-left: 0 !important;
}
.tour_Body .col-md-3:last-child{
    margin-right: 0 !important;
}
/* tour hightlights */
#tour-HighLigths h4{
    font-size: 14px !important;
    font-weight: bold;
}

#tour-HighLigths .thumbnail .caption {
    padding: 9px 5px;
    color: #333;
}

#tour-HighLigths p{
    font-size: 14px !important;
    line-height: 25px;
}

#Booking-Queries{
    background-color: #000;
    margin-bottom: 20px;
    color: #fff;
    padding-bottom: 15px;
}
#Booking-Queries h3{
    color: #fff !important;
    margin-top: 5px;
}

.tour-Info{
    text-align: center;
}

.tour-Info p{
    color: #bababa;
    font-size: 13px;
}

.tour-Info h5{
    color: #fff !important;
}
#tour-Accomodation h3{
    padding-left: 0 !important;
}
#tour-Accomodation img{
    float: left;
    margin-top: 5px !important;
    padding-left: 0;
    padding-bottom: 5px;
}
/********************************
 * News 
 ********************************/

.news_Body{
    background-color: #fff;
    color: #000;
    
}
#news-Panel{
  padding-bottom: 15px !important;
  margin-top: 0;  
}

 #news-Heading{
     text-align: left; 
     color: #fff !important; 
     background-color: #C63D0F !important; 

    font-size:18px !important;  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; !important;
    }
.news_Body h4, .news_Body h5{
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    color: #000 !important;
    margin-top: 0 !important;
}
.news_Body h5{
    font-size: 18px;
}    
.news_Detail .panel-success{
   margin-bottom: 100px !important;
}
.news_Detail{margin-bottom: 100px !important;
}


.tabBodyNews{
/*    padding-top: 15px !important;*/
    clear: both;
    overflow: hidden;
    background-color: #fff !important;
    color: #000 !important;
}

.tabBodyNews h5{
    color:#000 !important;
}

.tabBodyNews hr{
    margin-top:5px;
    margin-bottom:10px;
}

.tabBodyNewsDetails{
    padding-left: 10px;
    padding-right: 10px;
}


.tabBodyNewsDetails p {
    margin: 0;
}


.tabBodyNewsDetails a {
    color: #000;
    text-decoration: none;
}

.tabBodyNewsDetails a:hover {
    color: #000;
    text-decoration: none;
}

.newsInformation{
    padding-right:10px !important;
}


.newsList ul{
    padding-left: 20px !important;
}
/*.newsList ul li{
    content: "$ " !important;
}*/
/********************************
 * Accordion classTab
 ********************************/
#accordion .panel-title > a{
    text-decoration: none;
    display: block;
}

.classTabGroupClass{
    background-color: #8a0014 !important;
    color: #fff !important;
} 
.classTabPrivateTution{
    background-color: #112d47 !important;
    color: #fff !important;
}  
.classTabPerformances{
    background-color: #ce443e !important;
    color: #fff !important;
} 
.classTabBridalDance{
    background-color: #397186 !important;
    color: #fff !important;
}
.classTabWorkshops{
    background-color: #c4c4c4 !important;
    color: #fff !important;
}

#privateTuition img, #performances img,#workshops img{
    margin-top: 5px;
} 

#privateTuition img, #performances img, #bridalDance img, #workshops img{
   max-width: 100%;
    height: auto;
}   

.classesVarious img{
    max-width: 100%;
    height: auto;
    float:left !important; 
    margin-right:20px !important;  
    margin-bottom:5px !important;
    padding-right: 5px !important;     
}

.classesVariousLegend  h1{
    clear: none !important;
    margin-left: 20px !important;
}

.classesVariousLegend p{
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    color: #fff;
} 
/******************************************
 * Gallery
 ******************************************/
.gallery_Body{
    background-color: #fff;
    color: #000;
    padding-bottom: 20px !important;
}

.gallery_Heading{
    color: #fff !important;
    background-color: #558C89 !important;
}

.gallery_Body h5,
.gallery_Body h3,
.gallery_Body h4{
    margin-left: 0 !important;
    color: #000 !important;
}
.gallery_Body h3{
    margin-left: 15px !important;
    font-size: 16px !important;
    margin-top: 0;
/*    margin-bottom: -20px;*/
    margin-right: 10px;
}
.gallery_Body h4{
    font-size: 14px !important;
}
.gallery_Body p{
    font-size: 12px !important;
    line-height: 16px;
}
.gallery_Body .col-md-2 {
    padding-right: 5px !important; 
    padding-left: 0 !important;
}
/*.gallery_Body .thumbnail{
    margin-left: 0 !important;
}
*/
.gallery_Body .col-md-2:first-child{
    margin-left: 215px !important;
}



.tabsGallery{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

.galleryTab > ul {
    margin-top: 0;
        border-radius: 5px;
margin-bottom: 10px;
padding-bottom: 0;
    }


.galleryTab > ul >  li {
        float: left;
        background-color: rgb(200,200,200);
        padding: 5px 19px;
        margin: 5px 2px 5px 0px;
        color: black;
        list-style: none;
        width: 24.75%;

    }
.galleryTab{
    margin-bottom: 5px;
    background-color: rgb(169, 3, 41);
}
.galleryTab > ul > li:nth-child(1){
    background-color: #8a0014;
    color: #fff !important;
} 
.galleryTab > ul > li:nth-child(2){
    background-color: #112d47;
    color: #fff !important;
}  
.galleryTab > ul > li:nth-child(3){
    background-color: #ce443e;
    color: #fff !important;;
} 
.galleryTab > ul > li:nth-child(4){
    background-color: #4A96AD;
    color: #fff !important;
}
.galleryTab > ul > li:nth-child(5){
    background-color: #c4c4c4;
    color: #fff !important;
}    
.galleryTab > ul > li:hover, li:hover a {
        background-color: inherit !important;
        color: #000 important;
    }

.tabsGallery > ul li{
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff !important;
}

.tabsGallery > ul li a {
        text-decoration: none;
        color: white;
        font-size: 21px;
        font-style: italic;
/*        text-shadow: 1px 0px 3px rgb(157, 157, 157);*/
        display: block;
        cursor: pointer;
        padding: 3px !important;
    }
.tabsGallery a:hover{
    color: #000 !important;
    background-color: inherit !important;
} 

.tabsGallery li.active > a{
    color: #000 !important;
    background-color: inherit !important;
}    
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #FFF;
    background-color: inherit !important;
}


.galleryTab > ul > li:first-child { border-radius: 4px 0px 0px 4px; margin-left: 1px;}
.galleryTab > ul > li:nth-child(4) { border-radius: 0px 4px 4px 0px;}
 {
        background-color: rgb(6,179,6);
    }

.tabGalleryBody .carousel-indicators {
    bottom: -40px;
    padding-bottom: 42px;
}

/***************/
.tabGalleryBody{
    clear: both;
    overflow: hidden;
}
.tabGalleryBody{
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #000;
    margin-bottom: 10px;
}
.tabGalleryBody h3{
    color: #f7c600 !important;
    text-transform: uppercase;
    padding-left: 10px;
}

/*
.tabGalleryBody .active{
    background-color: #fff !important;
}
*/
/*.tab-content .active{
    background-color: #000 !important;
}*/

.tabGalleryBody p{
    color: #fff;
    font-size: 14px !important;
    margin-left: 30px;
    margin-top: 5px;    
}
/*#tab0{
    background-color: #8a0014;
    color: #fff !important;
}  
#tab0 a{
    color: #fff !important;
}
#tab1{
    background-color: #112d47;
    color: #fff !important;
}
#tab2{
    background-color: #ce443e;
    color: #fff !important;;
} 
#tab3{
    background-color: #4A96AD;
    color: #fff !important;
}*/    
/*#tab0 a:hover,
#tab1 a:hover,
#tab2 a:hover,
#tab3 a:hover{
    background-color: #7E8F7C;

    color:#000 !important;
}
 */
 .tabsGallery .nav-pills > li > a {
    border-radius: 0 !important;
} 

.tab-pane{
    background-color: #000;
}
/*
.gallery_Body .col-md-2:last-child {
padding-left: 0 !important; 
}*/
/***********************************

.tabBody{
    background-color: #252525;
}
.tabBody h1{
    color: #f7c600;
    text-transform: uppercase;
}
.tabBody p{
    color: #fff;
}    

/***************/
.tabBody{
margin-top: 45px;
/*margin-left: 5px;
margin-right: 5px;*/
/*padding-left: 5px;*/
padding-top: 10px;
      border-radius: 2px;
    -webkit-border-radius: 2px;
border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    clear: both;
    overflow: hidden;

    min-height: 280px;
}
.tabBody{
    background-color: #252525;
}
.tabBody h1{
    color: #f7c600;
    text-transform: uppercase;
}
.tabBody p{
    color: #fff;
}

/*****************************
 * classes - venue & time
 *****************************/

.venue{
    min-height: 181px;
    padding-bottom: 0 !important;
}

.venue  h4{
    color: #000;
}
.venueIcon{
     float:left;
     text-align: center; 
     vertical-align: middle;
     font-size:30px; 
     margin-right:10px;
}

.venueAddress{
    float:left;
    margin-top: 10px;    clear: right;
}

.venueAddress2{
    clear:both;
}
.venueAddress h4{
    text-align: left;
    font-size: 15px;

}
.venueTime{
    float: left;
     padding-left: 0; 
     font-size: 16px;
     line-height: 40px;

}
#venueClassAdvance{
    width: 50%;
    font-size: 14px;
    margin-top: -20px;
    text-align: center;
    line-height: 18px;
    margin-left: -35px;
}

}
.venueGroupClass{
    margin-top: 15px;
    float: left;
    padding-left: 15px;
    line-height: 10px;
    font-size: 12px;
}

.venueClassAddress{
    float:left;
}

.venueClassTime{
    float:left; 
    margin-top:10px;
 }
.classTimeFirstHour{
    width:30px;
}
.classTimeSecondHour{
    margin-top:-20px;
}

.classPractica{
    font-size: 11px;
    font-family:  'Open Sans', Helvetica, Arial, sans-serif; !important;
}


.groupClass{
    padding-left: 20px;
    font-size: 12px;
}


/*****************************
 * Tab - Group Class
 *****************************/
#groupClasses{
    padding-left: 10px;
}

#groupClasses h1, h3, h4{
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
}

#groupClasses h1, .tabBody h1{
    font-size: 24px !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
/*    margin-bottom: 0;*/
    padding-top: 0; 
    margin-top: 5px;  
    margin-left: 5px;
    clear: both; 
    color: #fff;  /*#f7c600 !important;*/
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;       
}

#groupClasses h3{
    margin-top: 0;
    margin-bottom: 0;
}

#groupClasses ul, .tabVarious ul{
    list-style: none;
    margin-top: -5px;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;    
}

#groupClasses ul li{
    float: left;
    width: 31%;
    padding-right: 5px;
    padding-left: 10px;
    font-size: 14px !important;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #252525 !important;
    border-right: 1px solid #ddd; 
    text-align: left;       
}

#groupClasses li:last-child {
    padding-right: 0;
    border-right: 0;        
}

/* template private tuition */

#groupClasses h3{
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
}

#groupClasses p{
    font-weight: normal;
}

/********* new tab */
.variousImage{
    float: left;
    width: 69%;
}
.variousImage img{
    width: 100%;
    height: 260px;

}
.variousLegend{
    float: left;
    width: 30%;
    padding-left: 1%;
}
/* aqui
#classesVarious h1{
    display: none;
}
*/
#classesVarious .variousImage{
    display: none;
}

#classesVarious .variousLegend{
    width: 100%;
    padding-left: 0;
    color: #fff;
}    

#classesVarious .variousLegend p, #classesVarious #bridalDanceLegend p, #classesVarious #workshopsLegend p{
    font-size: 12px !important;
    margin-top: -10px;
    padding-left: 10px;
    padding-right: 10px;
}    
 #bridalDanceLegend p,
 #workshopsLegend p{
/*    margin-top: -10px;*/
    padding-left: 10px;
    padding-right: 10px;
}    

#collapseOne, #collapseTwo, #collapseThree, #collapseFour, #collapseFive{
    background-color: #252525;
}
#workshopsLegend h3, h5{
    margin-left: 10px !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;  
        margin-top: 0;
    margin-bottom: 0;  
}
#workshopsLegend h5{
    padding-bottom: 15px !important;
}

#workshopsLegend #workshopList, #workshopsLegend #workshopDetails {
    float: left;
}
#workshopList{
    padding-left: 0 !important;
}
#workshopList ul{
    margin-left: 10px !important;
    color: #fff;
    margin-left: 40px !important;
    color: #fff;
    margin-bottom: 15px;    
}

#workshopList ul li{
    list-style-type: circle;

}

#workshopDetails{
    margin-left: 0;
    padding-left: 0;
}

#workshopDetails p{
    padding-left: 20px !important;
}
/*******************************
 * Tab - Class Group End
 *******************************/

/*******************************
 * Tab - Others
 *******************************/

.variousLegend h1{
    font-size: 24px !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    clear: both; 
    padding-top: 0; 
    margin-top: 5px;  
        color: #fff; /* #f7c600 !important;*/
    font-weight: 600 !important;
    padding-left: 0 !important;
}
/*
#privateTuitionImage,
#performancesImage,
#giftVouchersImage{
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 10px;
}

#privateTuitionLegend,
#performancesLegend
{
    float: left;
    padding-left: 10px;
    width: 46%;
}

#privateTuitionLegend p,
#performancesLegend p,
#bridalDanceLegend p,
#giftVouchers p{
   line-height: 20px;
    font-size: 14px !important;
    font-family: Helvetica, Arial, sans-serif;  
    padding-left: 10px;
padding-right: 10px; 
}

#giftVouchersLegend
{
    float: left;
    padding-left: 10px;
    width: 28%;
}
*/
/************************/

.panel-body{
    padding-bottom: 0 !important;
}




.panel-success{
    margin-bottom: 0 !important;
}


#accordion .panel-title:hover{
    cursor: pointer;
}


/***********
 * carousel - left icon
 *************/
/*
.carousel-control .icon {
background: #ffffff;
padding: 5px 20px;
color: #555555;
height: auto;
width: auto;
display: inline-block;
margin: 0;
position: absolute;
font-size: 45px;
top: 50%;
line-height: 45px;
margin-top: -20px;
}

.icon-angle-left {
content: "\f104";
}

*/

/*****************
  Subscribe
 *****************/

.modal-background{
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-form {
    margin: 100px;
    background-color: #fff;
    padding: 50px;
    width: 500px;
    left: 500px;
}
#subscribeTC a{
    text-decoration: none;
    color: #fff;
    font-size: 10px;
    font-family: Helvetica, Arial, sans-serif;
}
#subscribe h4{
    color : #000;
}


#bridalDance img{
  float:left !important; 
  margin-right:20px !important;  
  margin-bottom:5px !important; 
}

#bridalDanceLegend{
  padding-left:15 !important; 
}

#bridalDanceLegend h1{
    clear: none;
}
#bridalDanceLegend p{
  margin-left: 5px !important; 
}

a{
    outline: none;
}
a:hover, a:active, a:focus {
 outline : 0;
}

/*******************************
 * Forms
 *******************************/

.form-group .help-block,
.control-group .help-block{
  display: none;
}

.form-group.has-error .help-block,
.control-group.has-error .help-block
{
  display: block;
}

.btn_primary,
.btn_primary:hover{
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff !important;
font-size: 16px;
}
.btn:hover, .btn:focus, btn:active {
    outline: 0;
}  

/* content hover */
.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }

.youtubeIcon{
 position: absolute; bottom:0%; right:10%;; z-index:9999;
}
.youtubeIcon a{
    font-size:26px; color:#fff;
}

.jumbotron {
    margin-bottom: 0px;
    height: 350px;
    color: black;
    background: transparent;
    margin-top: -45px;
    margin-bottom: -100px;
}
.jumbotron .page-header{
    margin: 0;
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 200;
    margin-top: 10px;
    background-image: url('../../img/youtube/conca1.jpg');
    background-repeat: no-repeat;
    background-position: right;
}

#tcChannel h3{
    color:#000;margin:0; font-size:18px;
}
#tcChannel p{
     padding-right:30px; font-size:16px; margin-top:5%;
}
/*
 * STOP REDUCING SCREEN FOR SMALLER THAN IPHONE
 */
@media only screen and (max-width:319px){

.container{width:320px !important;}

body{
    font-size: 12px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.logo {
    height: 80%;
    margin-left:0;
}

.logo img{
    margin-left:0;
}

/*#legendTangoConca{
    display: none;
}   
*/

.menu-trigger{
    display: block;
}

.nav-menu{
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    margin-top: -35px;
}

.nav-expanded{
    display: block;
}

.nav-menu ul li{
    float: none;
    left: 0;
    padding-left: 10px;
    margin: 0;
    line-height: 0;
    width: 100%;
    /*border-bottom: 1px solid #191919;*/
    line-height: 5px;
    padding-bottom: 8px;
}

.nav-menu ul li a{
    font-size: 12px;
    text-transform: uppercase;
}

.nav-menu ul li:last-child{
    border-bottom: 0;
    padding-bottom: 10px;
}

.nav-menu ul li a.active {
    border-bottom: 1px solid #fff !important;
}

.nav-menu ul li a:hover {
    border-bottom: 1px solid #fff;
}


.menu-trigger{
    display: block;
    left: 0%;
    cursor: pointer;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    color: #fff;
}


 .biography_Heading, .gallery_Heading, .contactUs_Heading, .classes_Heading {
    font-size: 14px !important;
 }

 .biography-Body{
    padding: 8px !important;
}

.content-heading{
    padding:0; 
    margin:0; 
    margin-bottom:10px;
}

.content-heading > h3{
    padding: 0 !important;
    font-size: 16px;
    margin: 15px 0 !important;
    text-align: center; 
    color : #F7C600;
}
.content-heading > img{
    width: 100%;
}
.carousel-inner > .item > a > img {
    line-height: 1;
    height: 200px;
    width: 100%;
}

/********************************
 *  Classes  time & location
 ********************************/

.classes_Body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.classTimeLocation{
    width: 100%;
}

 #classesInfo{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.venueTime {
    font-size: 18px;
}    
.classTimeLocation:hover{
    webkit-transform:scale(1.0);
    transform:scale(1.0);

    -moz-transition:scale(1.0);
    -o-transition:scale(1.0);
    -ms-transition:scale(1.0);
}    
.tour_Body{
    padding-left: 0 !important;
    padding-right: 0 !important;    
}
/***********************
 * classes Various
 ***********************/
#classesVarious{
    padding: 0;
    margin: 0;
}

#classesVarious .panel-body{
    padding-left: 0;
    padding-right: 0;
}

#groupClasses h1{
    display: none;
}

#groupClasses h3{
    padding-bottom: 8px;
}

#groupClasses ul{
    margin-left: 0;
}
#groupClasses ul li {
    float: none;
    width: 100%;
    border-right: 0;
}


/********************************
 * Private Tution
 ********************************/
#classesVarious h1{
    display: none;
}

#privateTuitionImage, #performancesImage{
    display: none;
}

#privateTuition, #performances, #bridalDance, #workshops{
    width: 100%;
    padding-left: 0;
    color: #fff;
}    

#groupClasses p, #privateTuition p, #performances p, #bridalDanceLegend p, #workshopsLegend p{
    font-size: 12px !important;
    margin-top: -10px;
}    
.variousLegend{
    width: 100%;
} 


/*******************************
 * Gallery
 *******************************/

.gallery_Body{
    padding: 0 !important;
    margin: 0 !important;
}

.nav-justified > li > a{
    margin-bottom: 0 !important;
}


/*******************************
 * News
 *******************************/

#news-Panel .panel-body {
    padding-bottom: 15px !important;
    padding-left: 0;
    padding-right: 0;
}
#tour-HighLigths p{         
    font-size: 12px !important;         
    line-height: 14px;      
} 
/*******************************
 *******************************/
.mobilePhone_No_Display{
    display: none !important;
}


.mobilePhone_Display{
    display: block !important;
}
.classLeft .panel-body,
.classRight .panel-body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.oneSession p{
    padding-left: 10px;
}
.venueClassTime {
    width: 100%;
}    

#tcyoutube .col-xs-6{
width: 100 !important;
margin-bottom: 5px;
}

.contenthover h3{
    font-size: 12px;
}
.contenthover p{
    display: none;
}

#tcChannel h3{
    color:#000;margin:0; font-size:14px;
}
#tcChannel p{
     padding-right:30px; font-size:12px; margin-top:5%;
}
.variousImage{
        display: none;
}
}


/*
 *
 *  SMARTPHONE SCREENS (PORTRAIT AND LANDSCAPE)
 *
 */
@media only screen and (min-width: 320px) and (max-width: 640px) {

  /* Small screen, non-retina */
.container{width:100% !important;}

body{
    font-size: 12px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.logo {
    height: 80%;
    margin-left:5px;
}

.logo img{
    margin-left:0;
    height: 100%;
}

.nav-menu{
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    margin-top: -35px;
}

.nav-expanded{
    display: block;
}

.nav-menu ul li{
    float: none;
    left: 0;
    padding-left: 10px;
    margin: 0;
    line-height: 0px;
    width: 100%;
    /*border-bottom: 1px solid #191919;*/
    line-height: 5px;
}

.nav-menu ul li:last-child{
    border-bottom: 0;
    padding-bottom: 10px;
}

.nav-menu ul li a{
    font-size: 12px;
    text-transform: uppercase;
}

.nav-menu ul li a{
    width: 100%;
    margin-left: 0;
    padding: 0;
}

.nav-menu ul li:hover {
/*background-color: #191919;*/
  border-bottom: none;

}
.nav-menu ul li a:hover {
/*background-color: #191919;*/
  border-bottom: none;

}

.nav-menu ul li a.active {
    border-bottom: 1px solid #fff !important;
}

.nav-menu ul li a:hover {
    border-bottom: 1px solid #fff;
}

.menu-trigger{
    display: block;
    left: 0%;
    cursor: pointer;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    color: #fff;
}



#legendTangoConca{
    font-size: 10px;
    text-align: center;
}   

/*#footerCopyright{
    width: 100%;
    text-align: center;
}
#footerContactUs{
    width: 100%;
    text-align: center;

}
*/

/*
 *  Home
 */
#homeDetails{
/*  text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 4px;*/
    margin: 0 auto;
}
#homeDetails ul li{
    font-size: 12px;
    width: 100px;
}



/*******************************
 * Biography
 *******************************/

 .biography_Heading, .gallery_Heading, .contactUs_Heading, .classes_Heading {
    font-size: 14px !important;
 }

 .biography-Body, 
 .tour-Body{
    padding: 8px !important;
}

.content-heading{
    padding:0; 
    margin:0; 
    margin-bottom:10px;
}

.content-heading > h3{
    padding: 0 !important;
    font-size: 16px;
    margin: 15px 0 !important;
    text-align: center; 
}

.content-heading > img{
    width: 100%;
}

/* Carousel */

.carousel-inner > .item > a > img {
    line-height: 1;
    height: 200px;
    width: 100%;
}



/********************************
 *  Classes  time & location - aquije
 ********************************/

.classes_Body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.classTimeLocation{
    width: 100%;
}

.classTimeLocation:hover{
    webkit-transform:scale(1.0);
    transform:scale(1.0);

    -moz-transition:scale(1.0);
    -o-transition:scale(1.0);
    -ms-transition:scale(1.0);
}    


/***********************
 * classes Various
 ***********************/
#classesVarious{
    padding: 0;
    margin: 0;
}

#classesVarious .panel-body{
    padding-left: 0;
    padding-right: 0;
}

#groupClasses h1{
    display: none;
}

#groupClasses h3{
    padding-bottom: 8px;
}

#groupClasses ul{
    margin-left: 0;
}
#groupClasses ul li {
    float: none;
    width: 100%;
    border-right: 0;
}

#collapseOne, #collapseTwo, #collapseThree, #collapseFour{
    background-color: #252525;
}


/********************************
 * Private Tution
 ********************************/
#classesVarious h1{
    display: none;
}

#privateTuitionImage, #performancesImage{
    display: none;
}

#privateTuition, #performances, #bridalDance, #workshops{
    width: 100%;
    padding-left: 0;
    color: #fff;
}    

#groupClasses p, #privateTuition p, #performances p, #bridalDanceLegend p, #workshopsLegend p{
    font-size: 12px !important;
    margin-top: -10px;
}    
/*
.classTimeLocation #firstVenue, .classTimeLocation #secondVenue{
    width: 50%
}

.classTimeLocation #thirdVenue{
    width: 100%;
}
*/
.venueClassAddress{
    float:left;
    margin-right: 5%;
}

.venueClassTime{
    float:left; 
    margin-top: 0 !important;
    margin-right: 2px;
 }

 #classesInfo{
    padding-left: 0 !important;
    padding-right: 0 !important;
 }

.venueTime {
    font-size: 18px;
    margin-top: -10px;
}    

.venue{
    min-height: 0;
}

.venueIcon{
    margin-right: 10px;
}

.tour_Body{
    padding-left: 0 !important;
    padding-right: 0 !important;    
}
.variousLegend{
    width: 100%;
} 
.venueAddress2{
    min-height: 40px;
}
/*******************************
 * Gallery
 *******************************/
.gallery_Body{
    padding: 0 !important;
    margin: 0 !important;
}

.nav-justified > li > a{
    margin-bottom: 0 !important;
}


/*******************************
 * News
 *******************************/

#news-Panel .panel-body {
    padding-bottom: 15px !important;
    padding-left: 0;
    padding-right: 0;
}

#tour-HighLigths p{         
    font-size: 12px !important;         
    line-height: 14px;      
} 

/*******************************
 *******************************/
.mobilePhone_No_Display{
    display: none !important;
}

.mobilePhone_Display{
    display: block !important;
}

#bridalDanceLegend p{
    margin-left: 10px !important;
}

.classLeft .panel-body,
.classRight .panel-body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.oneSession p{
    padding-left: 10px;
}
.classPractice > .venueIcon{
    margin-right: 0;
}

.tabsGallery .nav-pills > li > a {
    border-radius: 0px !important;
    font-size: 16px;
}

.tabGalleryBody {
    margin-top: -4px;
    margin-bottom: 1px;
}
.venueAddress h4{
    max-width: 200px;
}
#tcyoutube {
    padding: 0 !important;
}
#tcyoutube .col-xs-6{
width: 100% !important;
margin-bottom: 5px;
padding-left: 0;
margin-right: 10px;
margin-left: 10px;
}

.contenthover h3{
    font-size: 12px;
}
.contenthover p{
    display: none;
}
#tcChannelLegend
{
    padding:1%;
    margin:0;
}
#tcChannelImage
{
    padding:1%;
    margin:0;
}

#tcChannel h3{
    color:#000;margin:0; font-size:16px; line-height: 26px;
}
#tcChannel p{
    padding-right: 3px;
font-size: 12px;
margin-top: 5px;
}
.variousImage{
        display: none;
}

}
/*/*/
/*
 * MOBILES LANDSCAPE - BIG ONES
 */
@media only screen and (min-width: 641px) and (max-width: 767px) {

  /* Medium screen, non-retina */
  /* Small screen, non-retina */
.container{width:100% !important;}


.logo {
    height: 75%;
    margin-left:0;
}

.logo img{
    width: 100%;
    height: 100%;
    margin-left:0;
}

.nav-menu{
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    margin-top: -35px;
}

.nav-expanded{
    display: block;
}

.nav-menu ul li{
    float: none;
    left: 0;
    padding-left: 10px;
    margin: 0;
    line-height: 0px;
    width: 100%;
    /*border-bottom: 1px solid #191919;*/
    line-height: 5px;
}

.nav-menu ul li:last-child{
    border-bottom: 0;
    padding-bottom: 10px;
}

.nav-menu ul li a{
    font-size: 12px;
    text-transform: uppercase;
}

.nav-menu ul li a{
    width: 100%;
    margin-left: 0;
    padding: 0;
}

.nav-menu ul li:hover {
/*background-color: #191919;*/
  border-bottom: none;

}
.nav-menu ul li a:hover {
/*background-color: #191919;*/
  border-bottom: none;

}

.nav-menu ul li a.active {
    border-bottom: 1px solid #fff !important;
}

.nav-menu ul li a:hover {
    border-bottom: 1px solid #fff;
}

.menu-trigger{
    display: block;
    left: 0%;
    cursor: pointer;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    color: #fff;
}



#classVariousTangoConca{
    margin-left: 40%;

}
#legendTangoConca p{
    font-size: 14px;
}


/*****************************
 *
 * Biography 
 *
 *****************************/

.biography-Body
{
    padding: 0 20px !important;
}
biography-text p:first-child{
    margin-top: -20px;
}

/********************************
 *  Classes  time & location 
 ********************************/

.classes_Body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

footer{
    width: 100%;
}
#footerCopyright {
    width: 20%;
    text-align: center;
    float:left;

}

#footerContactUs {
    text-align: center;
    width: 58%;
    float:left;

}   

#contactIcons{
    display: block;
    text-align: center;
    width: 22%;
    float: left;
}



/********************************
 *  Classes  time & location
 ********************************/
.classes_Body{
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-top: -5px;
}

 .classTimeLocation{
   width: 25%;
 }

 #classesInfo{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
 }

.venueTime {
    font-size: 14px;
}    

.venueIcon{
    margin-right: 10px;
    font-size: 25px;
}

.venue h4 {
    color: #000;
    font-size: 14px;
}

.venue{
    margin: 0;
    padding-left: 5px;
    min-height: 263px;
}

.venueAddress{
    margin-top: 0;
    clear: left;
    min-width: 180px;
}
.classesTab > ul{
    width: 100%;
}

.classesTab > ul > li{
    width: 19.9%;
    margin: 0;
    padding: 10px 0 10px 10px !important;
}

.classesTab > ul > li a {
    font-size: 16px;
        letter-spacing: -0.8px;
}

/* aqui */
.classesTab > ul > li:hover {
    color: #000 !important;
    background-color: inherit !important;
}

/*******************************
 *
 * tabVarious 
 *
 *******************************/
/*******************************
 *******************************/
.tabsVarious{
    padding: 0 !important;
}
.tabBody{
    margin: 0 !important;
}

#privateTuitionImage,
#performancesImage,
#giftVouchersImage{
    width: 49% !important;
}

#privateTuitionImage img,
#performancesImage img,
#giftVouchersImage img{
    width: 100% !important;
}
#giftVouchersImage img{
    height: 200px !important;
}
#giftVouchersLegend{
    width: 50%;
}

/*******************************
 * Tour
 *******************************/

ul.tour-Lists {
font-size: 14px;
}
.tour_Body{
    padding-left: 0 !important;
    padding-right: 0 !important;    
}
/*******************************
 *******************************/
.mobilePhone_No_Display{
    display: block !important;
}

.mobilePhone_Display{
    display: none !important;
}

#bridalDanceLegend h1{
    margin-left: 20px !important;
}

#bridalDanceLegend p{
    margin-left: 10px !important;
}

.classLeft.col-xs-12 {
    width: 50%;
}
.classRight.col-xs-12 {
    width: 50%;
}

.classLeft .panel-body,
.classRight .panel-body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.classPractice {
    float: right;
    margin-top: 10px;
}
.classPracticeTime > span {
    font-size: 12px;
}
.oneSession{
    margin-top: 3px;
}
.oneSession p{
    padding-left: 10px;
}
.groupClass{
    font-size: 12px;
}
.classPractice > .venueIcon{
    margin-right: 0;
}

.classPracticeTime{
    margin-top: 10px;
}

/*****************************
 *  Gallery                  */

 .gallery_Body {
    padding: 0;
    font-size: 16px;
}
.tabsGallery .nav-pills > li > a {
    font-size: 18px;
}
.tabGalleryBody {
    margin-top: -4px;
    margin-bottom: 1px;
}

#tcyoutube {
    padding: 0 !important;
}
#tcyoutube .col-xs-6{
width: 100% !important;
margin-bottom: 5px;
padding-left: 0;
margin-right: 10px;
margin-left: 10px;
}


.contenthover p{
    display: block;
}

#tcChannelLegend
{
    margin:0;
    padding: 0;
}
#tcChannel h3{
    color:#000;margin:0; font-size:16px;
}
#tcChannel p{
     padding-right:30px; font-size:14px; margin-top:0%;
}

}


/*
 *
 *  TABLET SCREENS
 *
 */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  /* Medium screen, non-retina */
.container{width:100% !important;}


.logo {
    height: 75%;
    margin-left:0;
}
.nav-menu ul li a {
    margin-right: 10px !important;
}

/*.nav-menu ul li{
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
*/
/*.nav-menu ul li {
    margin: 0 0 0 0;
    list-style-type: none;
    text-decoration: none;
    float: left;    
    padding-top: 20px;    
    font-size: 15px;
}*/
#legendTangoConca{
    text-align: center;
}


#footerContactUs{
    text-align: center;
}

/*****************************
 *
 * Biography
 *
 *****************************/

.biography-Body{
    padding: 0 20px !important;
}
.biography-text p:first-child{
    margin-top: -20px;
}

/********************************
 *  Classes  time & location 
 ********************************/

.classes_Body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

 .classTimeLocation{
  /*  width: 32.0%;*/
 }

 #classesInfo{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
 }

.lastTimeLocation{
    padding-right: 0 !important;
}

.venueTime {
    font-size: 18px;
}    

.venueIcon{
  /*  margin-right: 10px;*/
    font-size: 25px;
}

.venue h4 {
    color: #000;
    font-size: 15px;
}

.classTimeFirstHour, .classTimeSecondHour{
    font-size: 16px;
}
.classesTab > ul > li a {
    font-size: 14px;
}


.classesTab > ul{
    width: 100%;
}

.classesTab > ul > li{
    width: 19.9%;
    margin: 0;
    padding: 10px 0 10px 10px !important;
}

.classesTab > ul > li a {
    font-size: 16px;
        letter-spacing: -0.8px;
}
.tabsVarious{
    padding: 0 !important;
}
.tabBody{
    margin: 0 !important;
}
#giftVouchersImage{
    width: 49% !important;
}

#giftVouchersImage img{
    width: 100% !important;
}
#giftVouchersImage img{
    height: 248px !important;
}
#giftVouchersLegend{
    width: 50%;
}



/*********************************
 * Tango Tour
 *********************************/
#tour-HighLigths .thumbnail h4{
    color: #000 !important;
}

.tour_Body h1, h5 {
    display:inline;
}

.tour_Body h1{
     font-size: 26px !important;
}
/*.tour_Body h5, h3{
    margin-left: 20px !important;
    color: #000;
}*/

#highlights{
    margin-left: 20px !important;
    color: #000 !important;
    font-size: 30px !important;
}

ul.tour-Lists {
font-size: 14px;
}

.tour_Body{
    padding-left: 0 !important;
    padding-right: 0 !important;   
    color: #000 !important; 
}
/*******************************
 *******************************/
.mobilePhone_No_Display{
    display: block !important;
}

.mobilePhone_Display{
    display: none !important;
}

#bridalDanceLegend p{
    margin-left: 10px !important;
}

.classPractice {
    float: right;
    margin-top: 10px;
}

.classPracticeTime {
    padding-top: 12px;
}

.classPracticeTime > span{
    font-size: 12px;
}
.oneSession{
    margin-top: 3px;
}
.oneSession p{
    padding-left: 10px;
}

.tabBodyNews img{
    float: right !important;
    padding-right: 0 !important;
    max-width: 100%;
    height: auto;
}

p{
    font-size: 13px;
}

#tour-HighLigths p {
    font-size: 13px !important;
    line-height: 25px;
}

.venueAddress {
    margin-top: 0;
    clear: left;
    min-width: 100px;

}
.venue{
    min-height: 281px;
}
/********************************
 *  Classes  time & location
 ********************************/
.classes_Body{
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-top: -5px;
}

#tcyoutube {
    padding: 0 !important;
}
#tcyoutube .col-sm-3{
width: 20% !important;
margin-bottom: 5px;
padding-left: 0;
margin-right: 10px;
margin-left: 10px;
}
#tcyoutube img{
    withd:100%;
}


#tcChannelLegend
{
    margin:0;
    padding: 0;
}
#tcChannel h3{
    color:#000;margin:0; font-size:16px;
}
#tcChannel p{
     padding-right:30px; font-size:14px; margin-top:5%;
}

}

/*
 *
 * BIG SCREENS
 *
 */
@media screen and (-webkit-min-device-pixel-ratio:0){
.classes_Body {
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-top: -5px;
}
}

@media only screen and (min-width: 992px) {
header{
    min-width: 1020px;
}
.container{
    min-width: 1020px;
}
.classTimeLocation:hover{
    webkit-transform:scale(1.2);
    transform:scale(1.2);

-moz-transition:scale(1.2);
-o-transition:scale(1.2);
-ms-transition:scale(1.2);

    background-color: #fff;
    z-index: 100;
}

/*********************************
 * Tango Tour
 *********************************/

.tour_Body h1, h5 {
    display:inline;
}
.tour_Body h1{
     font-size: 26px !important;
}
.tour_Body h5{
    margin-left: 10px !important;
}

ul.tour-Lists {
font-size: 14px;
}

.venue {
    min-height: 185px;
    padding-bottom: 0px !important;
}
.classLeft{
    padding-right: 5px !important;
}

.classRight{
    padding-left: 5px !important;
}

.classPractice {
    margin-top: 15px;
}

.classPracticeTime{
    margin-top: 10px;
}
    
.groupClass{
    font-size: 14px;
}

.classPractice{
    margin-top: 10px;
}
.oneSession{
    margin-top: 5px;
}
.oneSession p{
    padding-left: 0;
}



}

/*@media screen and (max-width: 1019px){

#container{
    width: 100%;
}
.logo img{
    width: 60%;
    height: 40%;
}
nav{
    width: 100%;
    margin-top: 1
}

}



@media screen and (max-width: 600px){

nav{
    float: left;
}
    nav a{
        display: block;
    }
}*/