body,
html {
    width: 100%;
    height: 100%
}
body{
	font-family: 'bariolregular';
	color:#000 !important;
	background: url(images/body_bg.jpg);
    background-size: 100%;
}

h1{
	color:#ed1d24;
}
@font-face {
    font-family: 'bariolregular';
    src: url('fonts/bariol_regular-webfont.eot');
    src: url('fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bariol_regular-webfont.woff2') format('woff2'),
         url('fonts/bariol_regular-webfont.woff') format('woff'),
         url('fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('fonts/bariol_regular-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
header{    position: fixed;
    z-index: 900;width:100%}
nav ul li{    float: left;
        padding: 13px 7px;
}
nav ul li a{text-transform:uppercase;color:#000;font-weight: 600;    font-size: 15px;}
nav ul li a.active{
	color:#d70026;
}
.nav>li>a:hover, .nav>li>a:focus{
	color:#d70026;
}
.animbrand{
	margin-left: 20px;
    margin-top: 10px;
}
.animbrand a {
    /* line-height: 20px; */
    display: block;
    padding: 10px 0;
}
.img-width{width:100%;}

#about{
    width: 100%;
    float: left;
    
    background: url(images/about-banner.jpg);
    font-weight: 400;
    
    padding:65px 55px;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
}
#about h2{font-size:40px;}
#about p{
	    font-size: 20px;
    line-height: 29px;
}
.border{
	       border-top: 1px solid #ebebec;
    position: relative;
    top: -24px;
    z-index: -1;
    padding-bottom: 25px;
	
}
.border-black{
    border-top: 1px solid #000000;
    position: relative;
    top: -11px;
    z-index: -1;
    padding-bottom: 25px;
    max-width: 525px;
    margin: auto;
}
#musics h1{
    text-align: center;

    margin-left: auto;
    background: #fff;
    margin-right: auto;
	    width: 135px;
}
#gallery h1{
    text-align: center;

    margin-left: auto;
    background: #fff;
    margin-right: auto;
	    width: 135px;
}
#contact h1{
    text-align: center;
    margin-left: auto;
    background: #fff;
    margin-right: auto;
    width: 180px;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 0.7;
}
.demo-gallery-poster p{
	    position: absolute;
    z-index: 9999;
    color: #fff;
    left: 40%;
    top: 61%;
	opacity:0;
}
.demo-gallery-poster:hover p{opacity:1;}
.demo-gallery > ul > li a .demo-gallery-poster > img {
      /* left: 50%; */
    /* margin-left: -10px; */
    /* margin-top: -10px; */
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    width: 100%;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a {
  
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
	width:100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery ul li.col-md-4{margin:-1px 0px;padding:0;}

.demo-gallery ul li:hover,.demo-gallery ul li a:hover{
	
	background:url('images/gallery/gallery-hover.png');
	
	}
#about,#contact,#gallery,#musics,#youtube{float: left;
    width: 100%;
    position: relative;
       z-index: 50;
	   
	   }
#lg-counter,.lg-share,.lg-autoplay-button,.lg-fullscreen,#lg-download,#lg-zoom-in,#lg-zoom-out,#lg-actual-size,#lg-share{display: none !important;}
/******contact**********/
#contact{
	float:left;width:100%;
	
    min-height: 458px;

    height: auto;
    background-repeat: no-repeat;
}
#contact .col-md-7{
	padding-top: 60px;
    padding-bottom: 50px;
}
#contact .col-md-7 form{
	    padding-top: 30px;
}
#contact h2{
	font-size: 43px;
	margin-bottom: 0;
}
#contactsubject{background-color: #f1f2f2;

    width: 100%;
    padding: 10px;
    
    font-size: 16px;

}
img#captcha{
    border:1px solid #a59c9c !important;
}
.error-phone{
    top: -10px !Important;
    left: -6px !Important;
}
#change-image{background: #fff;
    border: 1px solid #a59d9d;
    display: inline-block;
    height: 37px;
    line-height: 34px;
    text-align: center;
    width: 35px;
	margin-left::6px;
}

.contact-section ul{padding:0;margin:0;}
.contact-section ul li{float:left;list-style:none;width:50%;margin: 10px 0px;}
.contact-section ul li label{    display: block;
    font-size: 17px;
    font-weight: 600;}
.contact-section ul li input{    width: 95%;
    padding: 7px;}
.contact-section ul li input.email{
	width:94% !important;
}
.subj{width: 98% !Important;}
.subj select{padding: 7px;
    width: 100%;
    background-color: #ebebec;
    color:#000;
	font-size: 17px;
    font-weight: 600;
	}
.country-list li{width:100% !Important;}
.contact-section textarea{   
    width: 100%;
    height: 100px;}
.contact_capcha{
	    width: 25% !important;
}
input.error,textarea.error,select.error{border:2px solid red !important;}
.contact-section p{       
        margin-top: -37px;
}
#form_n_msg_container{
	          text-align: center;
    /* margin-left: 95px; */
    padding-bottom: 130px;
    padding-top: 100px;
    margin-bottom: 100px;
    float: left;
    background: #f3f4f4;
    width: 80%;
    margin-top: 27px;
}
#form_n_msg_container > .boxstyle{padding:0px !important;background:inherit !Important;}
#success-msg:before,#em-success-msg:before,.success_icospan:before{
    content: "\f00c";
}
#success-msg,#em-success-msg,.success_icospan{
     display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #14d614;
    font-size: 18px;
	    float: right;
    margin-top: -20px;
    position: relative;
       top: -8px;
    right: 24px;
}
.button_blue:hover {
    background-color: #2e638b;
    color: #fff;
}
.err_frm{
	    clear: both;
    color: Red;
    font-size: 12px;
    padding: 12px 0px;
	}
#error-msg:before,#em-error-msg:before,.error_icospan:before {
	    content: "\f00d";

}
.error-phone{
	top: -9px;
    right: 10px;
	}
#error-msg,#em-error-msg,.error_icospan{
	display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    color:#e42929;
	    font-size: 18px;
	    float: right;
	    margin-top: -20px;
	    position: relative;
	       top: -9px;
    right: 16px
	
}
.req{color:red;}
#captcha-error-msg{top:-8px;}
.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:10px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{margin-top:-3px;padding:5px 0}
.tooltip.right{margin-left:3px;padding:0 5px}
.tooltip.bottom{margin-top:3px;padding:5px 0}
.tooltip.left{margin-left:-3px;padding:0 5px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:red;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:red}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
.redbg{
	    background: #ff0000;
    padding: 2px 10px;
    float: right;
    margin-bottom: 7px;
	font-size:14px;
	
}
.greenbg{
	background-color:#13de13;
 padding: 2px 10px;
    float: right;
    margin-bottom: 7px;
	font-size:14px;
}
.greybg{background-color:#bbb7b7;
 padding: 2px 10px;
    float: right;
    margin-bottom: 7px;
	font-size:14px;
}
#notes_charcount{float: right;
    }
.success-phone{right:8px !Important;}

#notes-error-msg, #notes-success-msg{top:-74px !important;right:10px;}
.intl-tel-input{width:100% !important;float:left;}
.err_div{color:red !important;}
.success-msg{border:2px solid #14d614 !important;}
#btn_close_frm_msg {
    float: right;
    position: relative;
     top: -142px;
    left: 10px;
    font-size: 22px;
    color: #000;
    cursor: pointer;
}
#form_n_container.row{
	   background: #f3f4f4;
    padding-bottom: 30px;

    margin-top: 10px;

}
#contact p{font-size:15px;font-weight:600;text-align:center;}
#contact-form {
       max-width: 750px;
    margin: Auto;
    padding: 45px 0px;
}
.red_bg {
          background: #ed1d24;
    border: 1px solid #ed1d24;
    color: #fff;
    width: 194px;
    padding: 8px 27px;
    /* font-weight: 600; */
    font-size: 19px;
    display: block;
    text-align: center;
    float: right;

    margin-top: 15px;
}
.red_bg:hover{
	background:#000;
	color:#fff;
	border:1px solid #000;
	
}
#lname-error-msg,#fname-error-msg,#fname-success-msg,#lname-success-msg{
	top: 30px !important;
    right: 30px !important;
}
.fb-form-success-container{margin:10px auto 50px auto !Important;float:none !Important;}
.fb-form-success-container p{margin-top:0 !important;}
/**********footer*****/
footer{
	    float: left;
    background: #000000;
    width: 100%;
}
footer>.col-md-12 {
   
       padding: 24px 0;
    float: left;
    width: 100%;
}
footer .col-md-12 ul li{    float: left;
    list-style: none;}
footer .col-md-2 {  
  Float: none;
    margin: Auto;
	    position: relative;
    left: 40px;
	
 }
 footer .col-md-5{
    position: relative;
    
	  Float: none;
    margin: Auto;
 }
footer ul li{float: left;padding: 15px 20px;}
footer ul li a{    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
	
}

footer ul.col-md-2 li a i{font-size:30px;}
footer ul li a:hover{color:#ed1d24;}
.copyright p,.copyright a{text-align:Center;color:#fff;font-size:14px;}
.mobile{display:none !important;}
a:focus{color:#ed1d24 !Important;outline:none;}
.mobile{display:none;}
footer .col-md-2 li{
	    padding: 15px 12px;
}
@media (max-width:548px){
	.flex-direction-nav a{top:30% !Important;}
.desktop{display:none !important;}
nav ul li{float:none !important;}
.navbar-bootsnipp {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    width: 100%;
    z-index: 999;
    border-radius: 0px !important;
}
.animbrand img{
	width:250px;
}
#home p{display:none !Important;}
#about p,#about h2{color:#000 !Important;}
#about p {
    font-size: 17px !Important;
    line-height: 29px !Important;
    text-align: justify !Important;
}
#about h2{font-size:28px !Important;}
#about{background:none !Important;padding:15px !important;}
.contact-section ul li{float:left;width:100% !important;}
.contact-section ul li input{width:100% !important;}
.contact_capcha.contact_capcha_new{margin-left: 2px !important;}
.lg-toolbar .lg-icon{
    position: relative;
    left: -23px;
}
#contact p{    font-size: 11px !important;}
footer .col-md-5 {
   
        left: 0px !Important;
    /* Float: left !Important; */
    width: 400px;
   
}
footer ul li a {
   
    font-size: 11px !Important;
}
footer .col-md-2 {
    width: 140px !important;
	left:0px !important;
}
.copyright{
	    float: left;
    width: 100%;
}


.mobile{display:block !Important;}
footer ul li{float: left;padding: 12px 12px;}
.youtube-container ul li{width:50% !important;margin:15px 0px !Important;}
.youtube-container ul li:last-child{display:none !Important;}
.youtube-container .col-md-12 img{
	    width: 105px !important;
    margin-top: -10px !important;
}
.youtube-container h2 {
    font-size: 20px !important;
}
.events-container .col-md-2 img{width:100% !Important;}
#eventgallery{
	    margin: 20px 0px;
}
.events-container .col-md-3{padding:20px !important;}
.border-black{Display:none;}
#welcome{padding:0px !important;}
}


/*******************************
*************************mobile*ends************************
*************************
*/

.active {
      background-color: rgba(255, 255, 255, 0.8);
}
.fa-telegram:before {
    content: "\f2c6";

}
 #youtube h1{
	     text-align: center;
    margin-left: auto;
    background: #fff;
    margin-right: auto;
    width: 250px;
 }
.flex-direction-nav a:focus{color:#fff !Important;}
#musics .row{    margin-top: 10px;
    margin-bottom: 20px;}
.wh_effect .fog{z-index:0 !Important;}
.youtube-container ul{    list-style: none;
    margin: 0;
    padding: 0;}
.youtube-container ul li{      list-style: none;
    float: left;
    width: 235px;
    margin: 15px 5px 15px 15px;
}
.youtube-container ul li img{width:100%;}
.youtube-container h2{
	font-size: 35px;
	text-align:center;
	    padding-bottom: 22px;
}
.youtube-container .col-md-12 img{  
    width: 180px;
margin-top: -15px;}
.youtube-container.col-md-12{
	    background: #f5f5f5;
    padding-bottom: 30px;
    border: 1px solid #d5d7d8;
    padding-top: 5px;
}
.margin-center{margin:Auto !Important;float:none !important;}
.events-container{
	        background: #f5f5f5;
    padding-bottom: 0px;
    border: 1px solid #d5d7d8;
    padding-top: 20px;
}

.events-container .col-md-7 h2{
    font-size: 33px;
    font-weight: 600;
}
.events-container .col-md-3{
	    padding:70px 0px 102px 0px;
}
#events h1 {
    text-align: center;
    margin-left: auto;
    background: #fff;
    margin-right: auto;
    width: 135px;
}
#events i{
	    color: #ed1d24;
    font-size: 26px;
    margin-right: 14px;
}
#events p{       font-size: 19px;
    font-weight: 600;}
p.sub{
	color:#717375;
}
.events-container .col-md-2 img{width:90%;}
.auction-badge {display: block;
       display: block;
    padding: 7px;
    position: relative;
    background: #50b849;
    overflow: visible;
    height: 34px;
    margin-left: 37px;
    color: #fff;
    text-decoration: none;
    left: 15px;
    text-align: center;
    font-size: 14px;
    width: 200px;
    float: right;
    text-transform: uppercase;
    font-weight: 600;
}

.auction-badge:before {
      content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    left: -17px;
    border-top: 18px solid #50b849;
    border-bottom: 16px solid #50b849;
    border-right: 26px solid transparent;
    border-left: 18px solid transparent;
}
.first{
	position:relative;z-index:10000;
}

ul.slides{position:Relative;z-index:8;}
#welcome{
	    padding:40px 0;
}
#welcome h1{
	    text-align: center;
    font-weight: 600;
    font-size: 41px;
}
#welcome h3 {
   text-align: center;
    max-width: 300px;
    margin: auto;
    background: #fff;
    font-weight: 500;
    font-size: 28px;
}