/* ==========================================================================
	Global Styles
============================================================================= */


	/* ����Common
	------------------------------------------------------------------------- */

	html,  q
	p, h1, h2, h3, h4,h5, h6, figure	{ margin:0; padding: 0; font:inherit; vertical-align:baseline}
	
/*	body    { margin:0 auto; padding:0; min-width:900px; max-width:1200px;
			  color:#333; line-height:2; 
			  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}*/
        body    { margin:0; padding:0; line-height:2; 
			  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}
	html    { margin:0;padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
 	input, textarea, select { padding:1%; margin:0; moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px}
	div		 { position:relative; /*transition:all 0.3s ease;*/}

	img 		 { border:0; -ms-interpolation-mode: bicubic; }
	.img-scale 	 { width:100%; height:auto}

	a 			{ color:#333; text-decoration:none; outline:0;}
	a:visited 	{ text-decoration:none; outline:0; }
	a:active 	{ text-decoration:none; outline:0; }
	a:hover 	{ text-decoration:none; outline:0; }
	a:focus 	{ -moz-outline-style:none; }

        a.a-iht         { color:inherit; text-decoration:inherit; outline:inherit; }
        a.a-iht:visited { text-decoration:inherit; outline:inherit; }
	a.a-iht:active 	{ text-decoration:inherit; outline:inherit; }
	a.a-iht:hover 	{ text-decoration:inherit; outline:inherit; }
	a.a-iht:focus 	{ -moz-outline-style:inherit; }
        
	/* Global Classes *****/
	.clear          { clear:both }
	.float-left 	{ float:left }
	.float-right   	{ float:right}
        
        
	.block			{ display:block; }
	.hidden			{ display:none; }
	.hide 			{ display:none; }

	.clear			{ clear:both;}
        
        .body-wrapper-1           {width:100%; display:table; min-height:100vh; background: url(images/bg-desktop.jpg) no-repeat center center fixed; background-size: cover; color:#333;}
        .body-wrapper-2           {min-width:900px; max-width:1200px;margin:0 auto; padding:0 25px;}
        
	.bg-white		{ background-color:#fff} 
	.bg-black		{ background-color:#000} 
	.bg-red			{ background-color:#911325}
	.bg-darkred		{ background-color:#59030f}

	.bg-black-opacity80 { background:url(images/bg-black-opacity60.png) repeat;}

	.txt-white		{ color:#fff; }
	.txt-red		{ color:#911325} 
	.txt-gray		{ color:#333;}

	.general .txt-red {color:#ba1a31}
        
        .displayinline { display: inline; }
	.mobile-hidden { visibility:visible; display:block}
	.mobile-show   { visibility:hidden; display:none} 
        

    #mmask { background:url(images/bg-desktop.jpg) no-repeat center center fixed/*rgba(0,0,0,0.8)*/; z-index:1000; display:none; 
                width:100%; height:100%; top:0; left:0; position:fixed;}
    #popnews { top:5%; left:5%; width:90%; max-height:90%; position:absolute; }
    .hpopnc { display:none; }
    

        /* Back to Top
	------------------------------------------------------------------------- */
	#back-to-top   { position:fixed; bottom:0px; right:60px; z-index:999; visibility: hidden; opacity: 0; transition: opacity 1.2s linear,visibility 0s linear 1.2s;}
        #back-to-top.show { opacity: 1; visibility:visible; transition: opacity 1.2s linear,visibility 0s; }
	p#back-to-top  { margin:0; padding:0}
	#back-to-top a  { width:100px; height:50px; display:block; text-align:center; text-decoration:none; color: #bbb;
		              -webkit-transition: 1s;
		              -moz-transition: 1s;
		              transition: 1s;}
	#back-to-top a:hover	{ color: #fff;}
	#back-to-top a span     { width:100px; height:50px; display:block; margin-bottom:0px;
                 background: #212121;
                 -webkit-transition: 1s;
                 -moz-transition: 1s;
                 transition: 1s;}
	#back-to-top i { font-size:50px; line-height:normal;}



  	/* ����Header
	------------------------------------------------------------------------- */	
	.header  	{ width:calc(100% - 50px); padding:0 25px; position:fixed; top:0; left:0; z-index:500; background-color:#000; opacity:0.7; border-bottom:1px solid #fff;}
	.header .container 	{ position:relative;  margin: 0 auto;  max-width: 1200px; }
	.header .pos 		{ padding:25px 0px;}
	.logo 		{ float:left; margin-left:0; transition:all 0.3s ease; z-index:20;}
	.logo img 	{ width:auto; height:auto;}
	.menu-blk 	{  text-align:right;font-size:0px;}
	.menu, .language { font-size: 13px;vertical-align: top;display:inline-block; padding:5px 15px 5px 15px; text-transform:uppercase; line-height:1; color:#fff; height:18px;
					   background:#000;  transition:all 0.3s ease;}
	
	.menu 		{ border:1px solid #333; border-right:none}
	/*.menu i 	{ width:15px; text-align:left; line-height:normal; background-color:red}*/
	.menu:hover { background-color:#212121; color:#e7e7e7; transition:all 0.3s ease; cursor:pointer;}
	.menu-desktop { display:block; margin-top:-2px}
	.menu-desktop:before { content:url(images/icon-menu.svg); display:inline-block;}

	.language    { border:1px solid #333;}
	.language ul 	{ margin:0; padding:0}
	.language ul li { margin:2px 0 0 0; padding:0; display:inline-block; padding-right:10px; vertical-align: middle;}
	.language ul li:last-child { padding-right:0px}

	.language ul li:hover { color:#999; cursor:pointer; transition:all 0.3s ease;}
	.fa-bars { display:none;}
	.menu-mobile {display:none}


 	/* ����Section
	------------------------------------------------------------------------- */	
	.section	{ padding-top:115px;}
	/*.section h1:after  { content: "����; padding:0 20px}*/
	/*.section .dropdown { color:#fff; line-height:normal; letter-spacing:-5px}*/


 	/* ����Common Content Style
	------------------------------------------------------------------------- */	
	.content-wrapper	{ margin-top:30px;}
	.opacity 	 		{ filter: alpha(opacity=60);
					-moz-opacity: 0.6;
 				         opacity: 0.6;}
	.opacity-90 	 	{ filter: alpha(opacity=90);
					-moz-opacity: 0.9;
 				         opacity: 0.9;}

 				         
 	/* ����Contact Us
	------------------------------------------------------------------------- */	
	.contact { color:#fff; margin-top:80px }
	.contact .row { width:100%; padding:0 0 25px 0;}
	.tc .contact .row, .sc .contact .row { font-size: 12px;}
	/*.contact .row .col1 { width:27%; float:left; margin-left:1%;}
	.contact .row .col2 { width:30%; float:left; padding-right:2%}*/
	.contact .row .col1 { width:20%; float:left; margin-left:1%;}
	.contact .row .col2 { width:24%; float:left; padding-right:2%}
	.contact .row .col3, .contact .row .col4 { width:20%; float:left;}

	.contact .title 	{ text-transform:uppercase; /*font-size:12px;*/ line-height:1.5; font-weight:bold;}
	.contact .title-b 	{ text-transform:uppercase; /*font-size:16px;*/ line-height:normal; margin-bottom:10px}
	.contact a { color:#fff; text-decoration:underline;  transition:all 0.3s ease; padding-left:10px}
	.contact a:hover { color:#333; text-decoration:underline; transition:all 0.3s ease;}

	ul.footerlogo  		{ margin:20px 0 0 0; padding:0}
	ul.footerlogo a 	{ margin:0; padding:0;}
	ul.footerlogo a:hover { cursor:pointer}
	ul.footerlogo a:hover li { background-color:#333;
								-webkit-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.76);
								   -moz-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.76);
										box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.76);}
	ul.footerlogo li 	{ margin:0 0 10px 0; padding:10px 10%; display:block; list-style:none; background:url(images/bg-black-opacity60.png) repeat; background-color:transparent;
						  width:60%; text-align:center; transition:all 0.3s ease;}
	ul.footerlogo li img { width:100%; height:auto;}

	ul.media { margin:20px 20px 0 0; padding:0; overflow:hidden;}
	ul.media a 	{ margin:0; padding:0;}
	ul.media a:hover { cursor:pointer}
	ul.media a:hover li { background-color:#911325;
                                -webkit-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.76);
                                -moz-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.76);
                                box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.76);}
	ul.media li 	{ margin:0 5px 10px 0; padding:0; display:inline-block; list-style:none; background:url(images/bg-black-opacity60.png) repeat; background-color:transparent;
					  width:50px; height:50px; text-align:center; transition:all 0.3s ease;}
	ul.media li img { width:100%; height:auto;}

	.footer { border-top:1px solid #7f7f7f; padding:25px 0 60px 0;}
	.footer .footer-pos {padding: 0 1%;}

	.index ul.footerlogo li { border:1px solid #2a2a2a}
	.index ul.media li { border:1px solid #2a2a2a}


 	/* ����Action button
	------------------------------------------------------------------------- */	
	.action-button 	{ margin-top:20px}
	.a-btn  { background-color:#59030f; padding:10px; color:#fff; text-transform:uppercase; line-height:3; cursor:pointer; transition: all 0.3s ease-out;}
	.a-btn:hover 	{ background-color:#911325; }
        
        .a-btn-black  { background-color:#000; padding:10px; color:#fff; text-transform:uppercase; line-height:3; cursor:pointer; transition: all 0.3s ease-out;}
	.a-btn-black:hover 	{ background-color:#333; }
        
        
	.a-btn:after { padding-left:5px; }


	/* ==========================================================================
		Media Styles
	============================================================================= */
	@media only screen and (min-width: 480px) {
		#body.en .lg-sub-html p {font-size:14px;}
		#body.sc .lg-sub-html p , #body.tc .lg-sub-html p {font-size:16px;}
	}
        
	@media only screen and (max-device-width:1024px) {
	
        .body-wrapper-1  { width:auto; background: url(images/bg.jpg) no-repeat center center; background-size:cover; padding:0 25px;   }
        .body-wrapper-2    { min-width:100%; max-width:100%; padding:0; }
        .header         { padding:0px; width:100%;}
	.header .pos 	{ padding:15px 25px;}
	.section	    { padding-top:100px;}

	.contact { color:#fff; margin-top:80px;}
	.contact .row { width:100%;}
	.contact .row .col1 { width:50%; margin-left:0; margin-bottom:50px}
	.contact .row .col2 { width:50%; padding-right:0; margin-bottom:50px}
	.contact .row .col3, .contact .row .col4 { width:50%; float:left;}
	ul.footerlogo li 	{ width:40%; }
        #back-to-top  { right:25px;}
	
	}

	@media only screen and (max-device-width: 479px) {
	.body-wrapper-1    { padding:0 20px;}
	.body-wrapper-2    { min-width:0; max-width:100%;}
        
	.header .pos { padding:10px 20px 10px 20px;}	
	.section	 { padding-top:80px;}

	.contact { color:#fff; margin-top:80px;}
	.contact .row { width:100%;}
	.contact .row .col1 { width:100%; margin-left:0; margin-bottom:50px}
	.contact .row .col2 { width:100%; padding-right:0; margin-bottom:50px}
	.contact .row .col3 { margin-bottom:50px}
	.contact .row .col3, .contact .row .col4 { width:100%; float:left;}
	ul.footerlogo li 	{ width:40%; }
        #back-to-top  { right:20px;}
	}

	/* --------------------
	����Below for header only
	----------------------- */	
	
	@media only screen and (max-width: 479px) {
	.logo 		  { float:left; transition:all 0.3s ease;}
	.logo img 	  { width:70%; margin-top:5px;}
	.menu-desktop { display:none}
	.menu-mobile  { display:block; margin-top:2.5px; text-align: center;}
	.fa-bars 	  { display:block; width:15px; height:15px; line-height:normal;}
	.language ul li { margin:2.5px 0 0 0;}

	}
        
       @media only screen and (max-width: 360px){
        .header .pos { padding:10px 20px 10px 20px;}	
        .logo   { width: 40%;display: inline-block;}
        .logo img { width: 100%; max-width:150px; }
        .menu-blk { width: 60%;display: inline-block;}
        }
        
        /*ie 9+*/
        .chk-ie{display:none;}
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .chk-ie{display:block;}
        }
        /*fire-fox*/
        .chk-firefox{display:none;}
        @-moz-document url-prefix() {
            .chk-firefox{display:block;}
        }
        
        
        
    .icon-blk { padding-top:50px;}
    .contact .row .col3 { margin-left:1%; width:20%}
    .contact .row .col4 { width:79%}
    ul.footerlogo li {  margin:0 10px 10px 0; padding:10px 20px; display:block; float:left; width:140px; height:65px; }
   

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {   
    .address { width:100%}
    .contact .row .col1 { width:30%;}
    .contact .row .col2 { width:35%;}

    .icon-blk { padding-top:50px;}
    .contact .row .col3 { margin-left:1%; width:20%}
    .contact .row .col4 { width:79%}
    ul.footerlogo li {  margin:0 10px 10px 0; padding:10px 20px; display:block; float:left; width:140px; height:65px; }
    .m-box { display:inline-block; table-layout:inherit; height:auto; width:100%; background: url(images/bg-black-opacity60.png) repeat; }
    .m-box a { float:left;padding:0; margin:-10px 0 10px 10px  }
    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
    .address { width:60%; float: left}
    .contact .row .col1 { width:100%;}
    .contact .row .col2 { width:100%;}
    .icon-blk { width:40%; padding-top:0; float:left;}
    .contact .row .col3 { width:100%; margin-left:0; }
    .contact .row .col4 { width:100%; margin-top:50px;}        
    .m-box { display:inline-block; table-layout:inherit; height:auto; width:100%; background: url(images/bg-black-opacity60.png) repeat; }
    .m-box a { float:left;padding:0; margin:-10px 0 10px 10px  }
    }

    @media only screen and (max-device-width: 767px) {
    .address  { width:100%}
    .icon-blk { width:100%; padding-top:0}
    .contact .row .col1 { width:100%;}
    .contact .row .col2 { width:100%;}
    .contact .row .col2:last-child { margin-bottom:0;}
    .contact .row .col3 { width:100%; margin:10px 0 0 0 }
    .contact .row .col4 { width:100%; margin-top:10px;}            
    }