@import url('https://fonts.googleapis.com/css?family=Titillium+Web');


body,h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif;}

a { transition: 0.5s ease-in-out; text-decoration: none;}

button { font-family: 'Titillium Web', sans-serif; transition: 0.5s ease-in-out; }
button:hover { transition: 1s ease-in-out;}

.clr { clear: both; }
.clr-10 { clear: both; height: 10px;}
.clr-20 { clear: both; height: 20px;}
.clr-30 { clear: both; height: 30px;}
.clr-40 { clear: both; height: 40px;}
.clr-50 { clear: both; height: 50px;}

#wrapper { width: 100%; box-sizing: border-box; float: left; }
.container { width: 100%; max-width: 1200px; height: auto; padding: 0 15px; box-sizing: border-box; margin: 0 auto; }
h1 { color: #fdad35; font-size: 48px; margin: 0; text-align: center;}
h2 { color: #fdad35; font-size: 48px; margin: 0; text-align: center;}
/*banner*/
.banner { width: 100%; float: left; box-sizing: border-box; }
.banner img { width: 100%; }
/*banner*/

/*breadcrumb*/
.breadcrumb-100 { width: 100%; box-sizing: border-box; float: left; }
.breadcrumb-col { width: 100%; box-sizing: border-box; float: left; border-bottom: 1px solid #aaaaaa; }
ul.breadcrumb { padding: 0px; list-style: none; margin-bottom: 10px; }
ul.breadcrumb li { display: inline; font-size: 16px; color: #666666;}
ul.breadcrumb li+li:before { padding: 8px; color: black; content: '\f105'; font-family: FontAwesome; }
ul.breadcrumb li a { color: #666666; text-decoration: none; }
ul.breadcrumb li a:hover { color: #ff9900; }
/*breadcrumb*/

.top-header { width: 100%; box-sizing: border-box; float: left; background-color: #000; }
.top-header-col { width: 100%; box-sizing: border-box; float: left; }
.top-header-left { width: 40%; float: left; box-sizing: border-box; padding: 10px 0;}
.top-header-left img { width: 10%; float: left; }
.top-header-left a { width: 87%; float: right; box-sizing: border-box; color: #fff; font-size: 15px; }
.top-header-left-inner{ width: 50%; float: left;}


.top-header-right { width: 50%; float: right; box-sizing: border-box;}
.social-media { float: right; width: 25%; background-color: #ff9900; box-sizing: border-box; padding: 8px 0 5px 0; text-align: center;}
.social-media img { width: 17%; margin: 0 8px 0 0; }


.header { background: url(../images/logo-bg.jpg) top center no-repeat ; background-size: cover;  width: 100%; float: left; box-sizing: border-box; padding: 15px 0 5px 0;}
.logo { width: 30%; float: left; box-sizing: border-box; }
.logo img { width: 50%; }
nav .clr { display: none; }


/*vision-mission start*/
.vision { width: 100%; float: left; box-sizing: border-box; margin: 60px 0; }
.vision-col { width: 100%; float: left; box-sizing: border-box; margin: 40px 0; display: flex;}
.vision-left { width: 47%; float: left; box-sizing: border-box; margin-right: 35px;}
.vision-left img { width: 11%; float: left; margin-top: 17px;}
.vision-left p { font-size: 16px; color: #333333; font-weight: 200; line-height: 30px; margin: 10px 0 0 0; width: 84%; float: right;}
.vision-right { width: 50%; float: right; box-sizing: border-box; background: url(../images/vision-mission-bg.jpg) top center no-repeat;
 padding: 60px 0 60px 60px; position: relative;}
.vision-right p { width: 77%; float: left; color: #fff; font-size: 30px; font-style: italic; line-height: 50px;}
.vision-marble {  width: 100%; box-sizing: border-box; height: auto; float: left; }
.vision-marble img { width: 100%; margin: -330px 0 0 0; }
/*vision-missio end*/

/*chairmen's messege start*/
.chairmen-message { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 200px 0;  }
.message-col { width: 100%; float: left; box-sizing: border-box; margin: 0px 0 20px 0;}
.message-circle { width: 190px; height: 190px; margin: 55px auto 0 auto; background-color: #ff9900; text-align: center; border-radius: 50%;}
.message-circle img { width: 70%; margin: 20px 0 0 0;  }
.message-inner { width: 100%; float: left; box-sizing: border-box;  padding: 0 100px 0 20px; }
.message-inner img { float: left; width: 6%; }  .message-inner p { float: right; width: 88%; border-left: 6px solid #ff9900; padding: 25px; 
	line-height: 30px; font-size: 18px; font-weight: 200; margin: 0 0 50px 0;}
.company-ceo { width: 100%; float: left; text-align: right; font-size: 24px; color: #333; font-weight: 400; }
.company-cmd { width: 100%; float: left; text-align: right; font-size: 18px; color: #333; font-weight: 200; }
/*chairmen's messege end*/

/*why Eon Marble*/
.eon-marble { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 0px 0; }
.eon-marble-col { width: 100%; float: left; box-sizing: border-box; padding: 20px 0 40px 0;}
.eon-marble-left { width: 48%; float: left; box-sizing: border-box; margin:}
.eon-marble-right { width: 49%; float: right; box-sizing: border-box; }
.eon-marble-col p { font-size: 16px; color: #333333; font-weight: 200; line-height: 26px; text-align: justify;}
.marble-quote { width: 100%; float: left; box-sizing: border-box; padding: 20px; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; }
.marble-quote p { font-size: 36px; font-style: italic; color: #999999; text-align: center;}
.marble-features { width: 100%; float: left; box-sizing: border-box; margin: 90px 0 200px 0; background-color: #ff9900;}
.features-left { width: 50%; float: left; box-sizing: border-box; background: url(../images/features.jpg) top center no-repeat; background-size: cover; height: 596px;}
.features-left img { width: 100%; float: left; }
.features-right { width: 50%; float: left; box-sizing: border-box; }
.features-right-col { width: 90%; float: left; box-sizing: border-box; padding: 10px 0 20px 50px;}
.features-inner { width: 100%; float: left; box-sizing: border-box; margin-top: 20px ; }
.features-right-col img { width: 11%; float: left; margin: 5px 0 0 0; }
.feature-detail { float: right; width: 85%; box-sizing: border-box; border-bottom: 1px solid #ffad33; padding-bottom: 20px;}
.feature-detail h3 { color: #fff; font-size: 18px; font-weight: 700; }
.feature-detail p { color: #fff; font-size: 16px; font-weight: 300; line-height: 25px; }

/*why Eon Marble*/


/*infrastructure start*/
.infrastructure { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 200px 0;}
.infrastructure-col { width: 100%; float: left; box-sizing: border-box; padding: 10px 0; background: url(../images/infra-line.jpg) bottom center no-repeat;}
.infrastructure p { color: #666666; font-size: 16px; font-weight: 300; line-height: 25px; text-align: center;	padding: 0 0px 10px 0px; width: 92%; margin: 0px auto; }
.mines-col { width: 100%; float: left; box-sizing: border-box; margin: 50px 0 0 0; }
.mines-col h3 { font-size: 24px; color: #666666; font-weight: 600; text-align: center; margin-bottom: 15px; }
.mines-inner { width: 100%; float: left; box-sizing: border-box; margin-top: 50px; }
.mines-left { width: 49%; float: left; box-sizing: border-box; }
.mines-left img { width:98%; float:left; transition: .5s ease-in-out; cursor: pointer;} 
.mines-left img:hover { transform: scale(1.1); }
.mines-right { width: 49%; float: right; box-sizing: border-box; }
.mines-right img { width:98%; float:left; transition: .5s ease-in-out; cursor: pointer;} 
.mines-right img:hover { transform: scale(1.1); }
/*infrastructure end*/

/*application start*/
.application-100 { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 140px 0; }
.application-100 p { color: #666666; font-size: 16px; font-weight: 300; line-height: 25px; text-align: center; 
	padding: 0 0px 10px 0px; width: 100%; }
.interior { width: 100%; float: left; box-sizing: border-box; margin: 50px 0 30px 0; background: url(../images/interior-bg.png) bottom left 420px no-repeat; }
.interior h3 { font-size: 24px; color: #666666; font-weight: 600; text-align: center; margin-bottom: 15px; }
.interior-col { width: 100%; float: left; box-sizing: border-box; margin: 20px 0 0 0; padding-bottom: 35px;
	}
.interior-left { width: 49%; float: left; box-sizing: border-box; }
.interior-left img{ width: 100%; }
.img-margin { margin-top: 20px; }
.interior-right { width: 49%; float: right; box-sizing: border-box; }
.interior-right img{ width: 100%; }
.overlay a i { font-size: 42px; font-weight: 700;}
.home { background: url(../images/interior-bg.png) bottom left 330px no-repeat; }
.exterior { background: url(../images/exterior-bg.png) bottom 90px left 330px no-repeat; }
/*application end*/

/*contact start*/
.contact { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 100px 0; }
.contact-col { width: 100%; float: left; box-sizing: border-box; padding: 60px 0 0px 0; }
.contact-left { width: 70%; box-sizing: border-box; float: left; }
.myform { width: 80%; margin: 0 auto; }
.myform legend { font-size: 48px; color: #151515; font-weight: 600; width: 100%; text-align: center; }
.myform p { font-size: 16px; color: #666666; font-weight: 300; text-align: center; }
.myform .form-group { margin-top: 20px; width: 100%; float: left; box-sizing: border-box; }
.myform input { padding: 15px 25px; background-color: #f5f5f5; box-sizing: border-box; color: #000; font-size: 14px; width: 48%; float: left; border:none;}
.input-50 { margin-right: 26px;  }
.myform textarea {  padding: 15px 25px; background-color: #f5f5f5; box-sizing: border-box; color: #000; font-size: 14px; width: 100%; float: left; 
	border:none; font-family: 'Titillium Web', sans-serif }
.myform .btn-col { text-align: center; margin: 40px 0 0 0; }
.myform .btn { background-color: #504c6a; padding: 12px 30px; color: #fff; box-sizing: border-box; border: none;
 cursor: pointer; font-size: 14px; font-weight: 600; width: 46%; float: left;}
 .myform .btn:hover{  background-color: #ff9900;}
.contact-right { width: 30%; box-sizing: border-box; float: right; padding: 10px 0 30px 30px; border-left:1px solid #ebebeb; }
.contact-inner { width: 100%; float: left; box-sizing: border-box; border-bottom: 1px solid #ebebeb;}
.cont-heading { color: #151515; font-size: 14px; font-weight: 600; }
.social-icons { width: 100%; float: left; box-sizing: border-box; margin: 20px 0; }
.social-icons .fb { font-size: 20px; color: #9b9b9b; margin-right: 12px;}
.social-icons .linkedin {font-size: 23px; color: #9b9b9b; }
.social-icons .fa:hover { color: #ff9900; }
.top-margin { margin: 30px 0 0 0; }
.social-icons img { width: 6%; float: left; }
.social-icons p { width: 91%; float: right; color: #000; font-size: 14px; line-height: 19px; font-weight: 400;}
.social-icons p a{ width: 100%; float: right; color: #000; font-size: 14px; line-height: 19px; font-weight: 400;}
.social-icons p a:hover { color: #504c6a; }
/*contact end*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'Titillium Web', sans-serif; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Titillium Web', sans-serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Titillium Web', sans-serif;
}


/*Company Profile start*/
.profile { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 200px 0; }
.profile-col { width: 100%; float: left; box-sizing: border-box; display: flex; margin: 40px 0 0 0;}
.profile-left { width: 49%; float: left; box-sizing: border-box; margin-right:20px;}
.profile-right { width: 51%; float: right; box-sizing: border-box; }
.profile-right img{ width: 94%; float: right;}
/*Company Profle end*/


/*collection start*/
.collection { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 160px 0; }
.collection-col { width: 100%; float: left; box-sizing: border-box; padding: 20px 0 0px 0;}
.collection-col p { color: #666666; font-size: 16px; font-weight: 300; line-height: 25px; text-align: center; padding: 0 0px 10px 0px; width: 100%; }
.collection-inner { width: 32%; float: left; margin: 40px 23px 0 0; box-sizing: border-box; }
.collection-inner img { width: 100%; float: left; }
.img-03 { margin-right: 0; }
.pd-detail { width: 100%; box-sizing: border-box; float: left; margin: 15px 0 0 0; }
.pd-name { font-size: 16px; color: #000; width: 60%; float: left; }
.pd-detail a{ font-size: 16px; color: #ff9900; width: 40%; float: right; text-align: right; }
.pd-detail a:hover { color: #000; }
.view { font-size: 18px; color: #666666; font-weight: 300; width: 100%; text-align: right; background: none; border: none; cursor: pointer; 
  background:url(../images/view-more.svg) top 3px right no-repeat; background-size: 2%; padding: 0 36px 7px 0; margin: 20px 0;}
.view-less { font-size: 18px; color: #666666; font-weight: 300; width: 100%; text-align: right; background: none; border: none; cursor: pointer; 
  background:url(../images/view-less.svg) top 3px right no-repeat; background-size: 2%; padding: 0 36px 7px 0; margin: 20px 0;}
.enquiry1 { width: 100%; box-sizing: border-box; float: left; }
.enquiry1 legend { color: #000; font-size: 48px; width: 100%; text-align: center; line-height: 55px; }
.enquiry1 .form-group { width: 100%; margin: 0 auto; box-sizing: border-box; margin-top: 25px; text-align: center;}
.enquiry1 input { width: 100%; padding: 10px; color: #000000; box-sizing: border-box; font-size: 15px; border: 1px solid #cccccc; }
.enquiry1 textarea { width: 100%; padding: 10px; color: #000000; box-sizing: border-box; font-size: 15px; border: 1px solid #cccccc;}

.enquiry1 select {width: 100%; font-size: 15px; border: 1px solid #cccccc; background: url(../images/down-arrow.svg) right 22px top 16px no-repeat #fff; -moz-appearance: none; -webkit-appearance:none; background-size: 3%; transition: ease-in 0.6s;
    box-sizing: border-box; color:#000; padding: 10px;}

.enquiry1 .btn { font-size: 18px; color: #fff; background-color: #ff9900; padding: 10px 60px; border: none; cursor: pointer; border:1px solid #ff9900; }
.enquiry1 .btn:hover { background-color:#fff; border:1px solid #ff9900; color:#ff9900;}
.enquiry1 img{ float: left; margin: 0px 0px 10px 0px; }
/*collection end*/

/*delivery mode start*/
.delivery { width: 100%; float: left; box-sizing: border-box; margin: 60px 0 200px 0; }
.delivery-col { width: 100%; float: left; box-sizing: border-box; margin: 20px 0 0px 0; }
.delivery-col p { font-size: 16px; color: #666666; font-weight: 200; line-height: 25px; text-align: center; width: 92%; margin: 0px auto; }
.delivery-inner { width: 100%; float: left; box-sizing: border-box; margin: 50px 0 0 0; }
.delivery-inner h3 { font-size: 16px; color: #666666; font-weight: 400; text-align: center; margin-bottom: 30px; }
.mode-type { width: 32%; float: left; margin-right: 23px; box-sizing: border-box; background-color: #f4f4f4; height: 440px;}
.mode-type img { width: 100%; }
.mode-col { width: 100%; float: left; box-sizing: border-box; padding: 20px 10px 30px 20px; }
.mode-series { font-size: 18px; color: #666666; font-weight: 700; display: inline-block; }
.mode-series p { font-weight: 200; display: inline; }
.tile { margin-right: 0; }
/*delivery mode end*/


/*footer start*/
footer { width: 100%; float: left; box-sizing: border-box; background:url(../images/footer-bg-img.png) bottom center no-repeat; 
	background-size: cover;}
.footer-col { width: 100%; float: left; box-sizing: border-box; padding: 50px 0 20px 0; }
.footer-left { width: 50%; float: left; box-sizing: border-box; }
.footer-left img { width: 40%; float: left; }
.footer-inner { width: 33%; float: left; box-sizing: border-box; margin: 40px 0 ;}
.link-1 { width: 25%; } .link-2 { width: 41%; }
.footer-inner ul { width: 100%; float: left; list-style: none; padding:0; margin: 8px 0;}
.footer-inner ul li { display: block; }
.footer-inner ul li a { font-size: 18px; color: #fff; font-weight: 400; }
.footer-inner ul li a:hover { color: #ffa100; }
.header-link { float: left; box-sizing: border-box; width: 100%; }
.header-link a { font-size: 18px; font-weight: 600; color: #fff; }
.header-link a:hover { color: #ffa100; }
.footer-left p { font-size: 14px; color: #fff; font-weight: 400; }
.footer-left p.phone { width: 76%; float: right; }
.footer-right { width: 50%; float: right; box-sizing: border-box; }
#query-form { width: 100%; float: right; border: 1px solid #988f81; background-color: #fff; padding: 35px 40px; box-sizing: border-box; 
	margin: -130px 0 0 0;}
#query-form legend { color: #988f81; font-size: 30px; font-weight: 700;  }
#query-form .form-group { width: 100%; float: left; box-sizing: border-box; margin-top: 20px; }
#query-form label { width: 100%; float: left; box-sizing: border-box; font-size: 15px; color: #988f81; font-weight: 400; padding-bottom: 10px; }
#query-form input { width: 100%; float: left; box-sizing: border-box; font-size: 15px; color: #988f81; font-weight: 400; padding: 10px; 
	border: 1px solid #988f81; }
#query-form textarea { width: 100%; float: left; box-sizing: border-box; font-size: 15px; color: #988f81; font-weight: 400; padding: 10px; 
	border: 1px solid #988f81; font-family: 'Titillium Web', sans-serif; }
#query-form .btn { padding: 12px 40px; font-size: 20px; font-weight: 400; display: block; background-color: #ff9900; color: #fff; float: right;	
	border:1px solid #ff9900; cursor: pointer;}
#query-form .btn:hover { color: #ff9900; background-color: #fff; }

.copyright { width: 100%; float: left; box-sizing: border-box; margin-bottom: 20px; }
.copyright-left { width: 50%; float: left; box-sizing: border-box; }
.copyright-right { width: 50%; float: right; box-sizing: border-box; text-align: right; }
.copyright p { font-size: 15px; color: #fff; margin: 0;}
.copyright-right p { width: 30%; float: right; background: url(../images/smartech-logo-white.png) top 0px left 0px no-repeat; background-size: 13%; line-height: 26px;}
.copyright-right p a { color: #fff; text-decoration: none; }
.copyright-right p a:hover { color: #ff9900; }
/*footer end*/


.thanks-heading{ font-size: 30px; color: #151515; }
.thanks-heading-1{ font-size: 22px; color: #151515; }


/*certification lightbox*/
.lightbox-target { position: fixed; top: -100%; width: 100%; background: rgba(0,0,0,.7); width: 100%; opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; 
	transition: opacity .5s ease-in-out; overflow: hidden; z-index: 999; }
.lightbox-target img { margin: auto; position: absolute; top: 0; left:0; right:0; bottom: 0; max-height: 0%; max-width: 0%; 
	border: 3px solid white; box-shadow: 0px 0px 8px rgba(0,0,0,.3); box-sizing: border-box; -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
a.lightbox-close { display: block; width:50px; height:50px; box-sizing: border-box; background: white; color: black; text-decoration: none;
position: absolute; top: -80px; right: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;
transition: .5s ease-in-out;}
a.lightbox-close:before { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px;
-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
a.lightbox-close:after { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px;
-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.lightbox-target:target { opacity: 1; top: 0; bottom: 0; }
.lightbox-target:target img { max-height: 100%; max-width: 100%; }
.lightbox-target:target a.lightbox-close { top: 0px; }
/*certification lightbox*/



.roll-over { position: relative; width: 100%; }
.image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;
  background-color: #ffa100; }
.roll-over:hover .overlay { opacity: .5; }
.text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); text-align: center; }
	
.overlay-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; overflow-x: hidden; overflow-y: scroll; }
.overlay-popup:target { visibility: visible; opacity: 1; z-index: 99999; }
.popup { margin: 70px auto; padding: 40px; background: #fff; border-radius: 5px; width: 32%; position: relative; }
.popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; }
.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; }
.popup .close:hover { color: #ff9900; }
.popup .content { max-height: 30%; overflow-x: hidden; }


/*contact footer*/
.footer-about { width: 36%; float: left; box-sizing: border-box; }
.footer-about img { width: 50%; float: left; margin-bottom: 20px;}
.footer-about p{ font-size: 14px; line-height: 24px; color: #fff; float: left;  width: 70%;}
.footer-nav { width: 42%; float: left; box-sizing: border-box; }
.footer-nav ul { float: left; list-style: none; padding:0; margin: 8px 0;}
.footer-nav ul li { display: block; }
.footer-nav ul li a { font-size: 14px; color: #fff; font-weight: 400; }
.footer-nav ul li a:hover { color: #ffa100; }
.footer-nav .header-link { margin-bottom: 8px; }
.footer-menu { width: 40%; float: left; box-sizing: border-box; }
.footer-media { width: 22%; float: left; box-sizing: border-box; }
.footer-media p { color: #fff; font-size: 14px; margin-top: 8px; width: 70%; float: left; text-align: right; }
.media { width: 30%; float: right; box-sizing: border-box; margin-top: 8px; }
.media img { width: 28%; float: right; margin-left: 10px;  }
.footer-media .detail { font-size: 14px; color: #fff; font-weight: 400; margin-top: 50px; text-align: right;}
.footer-media p.phone { width: 60%; float: right; font-size: 14px; color: #fff; font-weight: 400}
/*contact footer*/
/*------------select language--start-here-----------------*/
.lang-btn{width: 71%;float: left;}
.lang-btn ul{padding: 0px; margin:0px; list-style: none; float: right; line-height: 44px;} 
.lang-btn ul li{color: #fff;position: relative;}
.lang-btn ul li ul{position: absolute; left: 0px; background-color: #ff9900; width: 170px; z-index: 999999; display: none;}
.lang-btn ul li ul li{margin-top: 0px; padding: 10px; line-height: 25px;}
.lang-btn ul li ul li a{color: #fff; display: block; outline: 0px;}
.lang-btn ul li:hover ul{display: block; transition: ease-in-out 0.5s;}
.lang-btn ul li ul li:hover{background:  #000;}
.lang-btn i {border: solid white; border-width: 0 3px 3px 0;  display: inline-block;  padding: 3px; margin-left: 7px;}
.lang-btn .down { transform: rotate(45deg);  -webkit-transform: rotate(45deg);}
.tooltip p{padding: 8px;}
.tooltip ul{padding: 0px; margin:0px; list-style: none;}
.tooltip ul li{float: left; margin-right: 10px;}
.tooltip ul li a{font-size: 12px; color:#fff; font-weight: 400;  }
.tooltip ul li img{width: 21px; margin-right: 3px;}
.top-rlang{width: 100%;box-sizing: border-box;float: left;background-color:#494949; padding: 10px 0px;}
.inner-lang{float: right;}
.inner-lang ul{margin: 0px; padding: 0px; list-style: none;}
.inner-lang ul li{text-align: left; display: inline-block; margin-right: 8px;}
.inner-lang ul li a { color: #fff; font-size: 12px; font-weight: 400; }
.inner-lang ul li a img {width: 25px; margin-right: 3px;}
/*------------select language--start-here-----------------*/