.country-select{position:relative;display:inline-block}
.country-select *{-webkit-box-sizing:border-box;box-sizing:border-box}
.country-select .flag{width:16px;height:11px;background:url(../img/flags.png)}
.country-select .hide{display:none}
.country-select .v-hide{visibility:hidden}
.country-select input{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-left:92px}
.country-select input[disabled]+.flag-dropdown:hover{cursor:default}.country-select input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}
.country-select .flag-dropdown{position:absolute;top:0;bottom:0}
.country-select .flag-dropdown:hover{cursor:pointer}
.country-select .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,.05)}
.country-select .selected-flag{z-index:1;position:relative;width:72px;height:100%;padding:0 0 0 8px}
.country-select .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}


.country-select .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:-8px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #fff}
.country-select .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #fff}



.country-select .country-list { list-style:none; position:absolute; z-index:2; padding:12px 0px 12px 0px; margin:3px 0 0 -1px; background-color:#fff; width:98%; max-height:440px; overflow-y:scroll }


.country-select .country-list .flag{display:inline-block;margin-right:6px}
.country-select .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}
.country-select .country-list .country{line-height:11px;padding:7px 10px}
.country-select .country-list .country .dial-code{color:#999}
.country-select .country-list .country.highlight{background-color:rgba(0,0,0,.05)}
.country-select .country-list .country-name{margin-right:6px}
.country-select.inside .flag-dropdown{padding:1px}

.country-select.inside input[type=tel],
.country-select.inside input[type=text]{padding-left:78px;margin-left:0}
.country-select.outside input[type=tel],
.country-select.outside input[type=text]{border:none;margin-left:38px}

.country-select .ZWE {background-position:0 0}
.country-select .ZMB {background-position:-16px 0}
.country-select .ZAF {background-position:0 -11px}
.country-select .MYT {background-position:-16px -11px}
.country-select .YEM {background-position:-32px 0}
.country-select .WSM {background-position:-32px -11px}
.country-select .WLF {background-position:0 -22px}
.country-select .VUT {background-position:-32px -22px}
.country-select .VNM {background-position:0 -33px}
.country-select .VIR {background-position:-16px -33px}
.country-select .VGB {background-position:-32px -33px}
.country-select .VEN {background-position:-48px 0}
.country-select .VCT {background-position:-48px -11px}
.country-select .VAT {background-position:-48px -22px}
.country-select .UZB {background-position:-48px -33px}
.country-select .URY {background-position:0 -44px}
.country-select .UMI ,
.country-select .USA {background-position:-16px -44px}
.country-select .UGA {background-position:-32px -44px}
.country-select .UKR {background-position:-48px -44px}
.country-select .TZA {background-position:-64px 0}
.country-select .TWN {background-position:-64px -11px}
.country-select .TUV {background-position:-64px -22px}
.country-select .TTO {background-position:-64px -33px}
.country-select .TUR {background-position:-64px -44px}
.country-select .TON {background-position:0 -55px}
.country-select .TUN {background-position:-16px -55px}
.country-select .TKM {background-position:-32px -55px}
.country-select .TLS {background-position:-48px -55px}
.country-select .TKL {background-position:-64px -55px}
.country-select .TJK {background-position:0 -66px}
.country-select .THA {background-position:-16px -66px}
.country-select .TGO {background-position:-32px -66px}
.country-select .ATF {background-position:-48px -66px}
.country-select .TCD {background-position:-64px -66px}
.country-select .TCA {background-position:-80px 0}
.country-select .SWZ {background-position:-80px -11px}
.country-select .SYR {background-position:-80px -22px}
.country-select .SXM {background-position:-80px -33px}
.country-select .SLV {background-position:-80px -44px}
.country-select .STP {background-position:-80px -55px}
.country-select .SSD {background-position:-80px -66px}
.country-select .SUR {background-position:0 -77px}
.country-select .SOM {background-position:-16px -77px}
.country-select .SEN {background-position:-32px -77px}
.country-select .SMR {background-position:-48px -77px}
.country-select .SLE {background-position:-64px -77px}
.country-select .SVK {background-position:-80px -77px}
.country-select .SVN {background-position:-96px 0}
.country-select .SHN {background-position:-96px -11px}
.country-select .SGP {background-position:-96px -22px}
.country-select .SWE {background-position:-96px -33px}
.country-select .SDN {background-position:-96px -44px}
.country-select .SYC {background-position:-96px -66px}
.country-select .SLB {background-position:-96px -77px}
.country-select .SAU {background-position:0 -88px}
.country-select .RWA {background-position:-16px -88px}
.country-select .RUS {background-position:-32px -88px}
.country-select .SRB {background-position:-48px -88px}
.country-select .ROU {background-position:-64px -88px}
.country-select .QAT {background-position:-80px -88px}
.country-select .PRY {background-position:-96px -88px}
.country-select .PLW {background-position:0 -99px}
.country-select .PRT {background-position:-16px -99px}
.country-select .PSE {background-position:-32px -99px}
.country-select .PRI {background-position:-48px -99px}
.country-select .PCN {background-position:-64px -99px}
.country-select .SPM {background-position:-80px -99px}
.country-select .POL {background-position:-96px -99px}
.country-select .PAK {background-position:-112px 0}
.country-select .PHL {background-position:-112px -11px}
.country-select .PNG {background-position:-112px -22px}
.country-select .PYF {background-position:-112px -33px}
.country-select .PER {background-position:-112px -44px}
.country-select .PAN {background-position:-112px -55px}
.country-select .OMN {background-position:-112px -66px}
.country-select .NZL {background-position:-112px -77px}
.country-select .NIU {background-position:-112px -88px}
.country-select .NRU {background-position:-112px -99px}
.country-select .BVT ,
.country-select .NOR ,
.country-select .SJM {background-position:0 -110px}
.country-select .NLD {background-position:-16px -110px}
.country-select .NIC {background-position:-32px -110px}
.country-select .NGA {background-position:-48px -110px}
.country-select .NFK {background-position:-64px -110px}
.country-select .NER {background-position:-80px -110px}
.country-select .NCL {background-position:-96px -110px}
.country-select .NAM {background-position:-112px -110px}
.country-select .MOZ {background-position:-128px 0}
.country-select .MYS {background-position:-128px -11px}
.country-select .MEX {background-position:-128px -22px}
.country-select .MWI {background-position:-128px -33px}
.country-select .MDV {background-position:-128px -44px}
.country-select .MUS {background-position:-128px -55px}
.country-select .MLT {background-position:-128px -66px}
.country-select .MSR {background-position:-128px -77px}
.country-select .MRT {background-position:-128px -88px}
.country-select .MTQ {background-position:-128px -99px}
.country-select .MNP {background-position:-128px -110px}
.country-select .MAC {background-position:0 -121px}
.country-select .MNG {background-position:-16px -121px}
.country-select .MMR {background-position:-32px -121px}
.country-select .MLI {background-position:-48px -121px}
.country-select .MKD {background-position:-64px -121px}
.country-select .MHL {background-position:-80px -121px}
.country-select .MDG {background-position:-96px -121px}
.country-select .MNE {background-position:0 -132px;height:12px}
.country-select .MDA {background-position:-112px -121px}
.country-select .MCO {background-position:-128px -121px}
.country-select .MAR {background-position:-16px -132px}
.country-select .LBY {background-position:-32px -132px}
.country-select .LVA {background-position:-48px -132px}
.country-select .LUX {background-position:-64px -132px}
.country-select .LTU {background-position:-80px -132px}
.country-select .LSO {background-position:-96px -132px}
.country-select .LBR {background-position:-112px -132px}
.country-select .LKA {background-position:-128px -132px}
.country-select .LIE {background-position:-144px 0}
.country-select .LCA {background-position:-144px -11px}
.country-select .LBN {background-position:-144px -22px}
.country-select .LAO {background-position:-144px -33px}
.country-select .KAZ {background-position:-144px -44px}
.country-select .CYM {background-position:-144px -55px}
.country-select .KWT {background-position:-144px -66px}
.country-select .KOR {background-position:-144px -77px}
.country-select .PRK {background-position:-144px -88px}
.country-select .KNA {background-position:-144px -99px}
.country-select .COM {background-position:-144px -110px}
.country-select .KIR {background-position:-144px -121px}
.country-select .KHM {background-position:-144px -132px}
.country-select .KGZ {background-position:0 -144px}
.country-select .KEN {background-position:-16px -144px}
.country-select .JPN {background-position:-32px -144px}
.country-select .JOR {background-position:-48px -144px}
.country-select .JAM {background-position:-64px -144px}
.country-select .JEY {background-position:-80px -144px}
.country-select .ITA {background-position:-96px -144px}
.country-select .ISL {background-position:-112px -144px}
.country-select .IRN {background-position:-128px -144px}
.country-select .IRQ {background-position:-144px -144px}
.country-select .IOT {background-position:-160px 0}
.country-select .IND {background-position:-160px -11px}
.country-select .IMN {background-position:-160px -22px;height:9px}
.country-select .ISR {background-position:-160px -31px}
.country-select .IRL {background-position:-160px -42px}
.country-select .IDN {background-position:-160px -53px}
.country-select .HUN {background-position:-160px -64px}
.country-select .HTI {background-position:-160px -75px}
.country-select .HRV {background-position:-160px -86px}
.country-select .HND {background-position:-160px -97px}
.country-select .HKG {background-position:-160px -108px}
.country-select .GUY {background-position:-160px -119px}
.country-select .GNB {background-position:-160px -130px}
.country-select .GUM {background-position:-160px -141px}
.country-select .GTM {background-position:0 -155px}
.country-select .SGS {background-position:-16px -155px}
.country-select .GRC {background-position:-32px -155px}
.country-select .GNQ {background-position:-48px -155px}
.country-select .GLP {background-position:-64px -155px}
.country-select .GIN {background-position:-80px -155px}
.country-select .GMB {background-position:-96px -155px}
.country-select .GRL {background-position:-112px -155px}
.country-select .GIB {background-position:-128px -155px}
.country-select .GHA {background-position:-144px -155px}
.country-select .GGY {background-position:-160px -155px}
.country-select .GEO {background-position:-176px 0}
.country-select .GRD {background-position:-176px -11px}
.country-select .GBR {background-position:-176px -22px}
.country-select .GAB {background-position:-176px -33px}
.country-select .BLM ,
.country-select .FRA ,
.country-select .GUF ,
.country-select .MAF ,
.country-select .REU {background-position:-176px -44px}
.country-select .FRO {background-position:-176px -55px}
.country-select .FSM {background-position:-176px -66px}
.country-select .FLK {background-position:-176px -77px}
.country-select .FJI {background-position:-176px -88px}
.country-select .FIN {background-position:-176px -99px}
.country-select .EU {background-position:-176px -121px}
.country-select .ETH {background-position:-176px -132px}
.country-select .ESP {background-position:-176px -143px}
.country-select .ERI {background-position:-176px -154px}
.country-select .ESH {background-position:-16px -166px}
.country-select .EGY {background-position:-32px -166px}
.country-select .EST {background-position:-48px -166px}
.country-select .ECU {background-position:-64px -166px}
.country-select .DZA {background-position:-80px -166px}
.country-select .DOM {background-position:-96px -166px}
.country-select .DMA {background-position:-112px -166px}
.country-select .DNK {background-position:-128px -166px}
.country-select .DJI {background-position:-144px -166px}
.country-select .DEU {background-position:-160px -166px}
.country-select .CZE {background-position:-176px -166px}
.country-select .CYP {background-position:0 -177px}
.country-select .CXR {background-position:-16px -177px}
.country-select .CUW {background-position:-32px -177px}
.country-select .CPV {background-position:-48px -177px}
.country-select .CUB {background-position:-64px -177px}
.country-select .SCG, 
.country-select .CSK {background-position:-80px -177px}
.country-select .CRI {background-position:-96px -177px}
.country-select .COL {background-position:-112px -177px}
.country-select .CHN {background-position:-128px -177px}
.country-select .CMR {background-position:-144px -177px}
.country-select .CHL {background-position:-160px -177px}
.country-select .COK {background-position:-176px -177px}
.country-select .CIV {background-position:-192px 0}
.country-select .COG {background-position:-192px -11px}
.country-select .CAF {background-position:-192px -22px}
.country-select .COD {background-position:-192px -33px}
.country-select .CCK {background-position:-192px -44px}
.country-select .CAN {background-position:-192px -66px}
.country-select .BLZ {background-position:-192px -77px}
.country-select .BLR {background-position:-192px -88px}
.country-select .BWA {background-position:-192px -99px}
.country-select .BTN {background-position:-192px -110px}
.country-select .BHS {background-position:-192px -121px}
.country-select .BRA {background-position:-192px -132px}
.country-select .BES {background-position:-192px -143px}
.country-select .BOL {background-position:-192px -154px}
.country-select .BRN {background-position:-192px -165px}
.country-select .BMU {background-position:-192px -176px}
.country-select .BEN {background-position:0 -188px}
.country-select .BDI {background-position:-16px -188px}
.country-select .BHR {background-position:-32px -188px}
.country-select .BGR {background-position:-48px -188px}
.country-select .BFA {background-position:-64px -188px}
.country-select .BEL {background-position:-80px -188px}
.country-select .BGD {background-position:-96px -188px}
.country-select .BRB {background-position:-112px -188px}
.country-select .BIH {background-position:-128px -188px}
.country-select .AZE {background-position:-144px -188px}
.country-select .ALA {background-position:-160px -188px}
.country-select .ABW {background-position:-176px -188px}
.country-select .AUS ,
.country-select .HMD {background-position:-192px -188px}
.country-select .AUT {background-position:-208px 0}
.country-select .ASM {background-position:-208px -11px}
.country-select .ARG {background-position:-208px -22px}
.country-select .AGO {background-position:-208px -33px}
.country-select .ANT {background-position:-208px -44px}
.country-select .ARM {background-position:-208px -55px}
.country-select .ALB {background-position:-208px -66px}
.country-select .AIA {background-position:-208px -77px}
.country-select .ATG {background-position:-208px -88px}
.country-select .AFG {background-position:-208px -99px}
.country-select .ARE {background-position:-208px -110px}
.country-select .AND {background-position:-208px -121px}
.country-select .NPL {background-position:-208px -132px}
.country-select .CHE {background-position:-208px -143px}




.country-select .selected-flag { width:800px !important;  }

.country-select ul.country-list, div.country-select.inside { width:100% !important; min-width:800px !important; }








div.flag-dropdown { /* width:100%; */ }

div.selected-flag > div.flag { transform: scale(2); margin-left: 20px; }

.hide {	display: none !important; }

pre { margin: 0 !important; display: inline-block; }

.form-item { margin: 1em; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable { background: none; }

input, button { 
	margin: 0;
	padding: 6px 12px; }

input[disabled], button[disabled] { }

input, select { }

::-webkit-input-placeholder { }

::-moz-placeholder {  }

:-ms-input-placeholder { }

button { }
	button:hover {}

#result { margin-bottom: 100px; }


ul.country-list > li { margin:0px !important; font-size:75% !important; padding:3px 0px 3px 16px !important; width:88% !important; display:inline-block; float:left !important; height:42px; line-height: 42px !important; color:#000 !important; text-align: left !important; background: rgba(255,255,255,1.00) !important }


ul.country-list > li:first-child  { margin-top: 200px !important; }
ul.country-list > li:last-child { margin-bottom: 148px !important; }


.country-select ul.country-list { 

display: block;
position: fixed !important;
top: 0px;
left: 0px;
height: 100vh !important;
max-height: 100vh !important;
background:rgba(0,0,0,0.80); 
padding-left: 10%;
z-index: 99999;
line-height: 48px !important;
font-size: 130%;
box-sizing: border-box;

}


.country-select ul.country-list.hide { display:none !important; }














	.touchSel 					{ 	display:block; 
											position:fixed; 
											top:0px; 
											left:0px; 
											width:100%; 
											height:100vh; 
											z-index:99999; 
											background: rgba(0,0,0,0.80); 
										}
			
			.touchSel > .touchSelBox 	{  	display:block; 
											margin-top:10vh; 
											height:80vh; 
											margin-left: 10vw; 
											width:80vw; 
											background: rgba(0,0,0,0.80); 
											padding:5%;
											box-sizing: border-box; }
			
			.touchSel.hidden,
			.touchSel > .touchSelBox.hidden { display:none !important}
			
			
			.touchSel > .touchSelBox > h2 { display:inline-block; width:100%; color:rgba(212,212,212,1.00); font-size:40px; text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin-bottom: 40px;  }
			
			.touchSel > .touchSelBox input[type="radio"] {
				box-sizing:border-box;
				padding:0;
				-webkit-appearance:none;
				appearance:none;
				visibility:hidden;
				display:none;
				width:0px !important;
				height:0px !important;
				-webkit-touch-callout:none;
				-webkit-user-select:none;
				-khtml-user-select:none;
				-moz-user-select:none;
				-ms-user-select:none;
				user-select:none; 
			}
			
			
			
			.touchSel > .touchSelBox input[type="radio"]+label { 
				
				-webkit-touch-callout:none;
				-webkit-user-select:none;
				-khtml-user-select:none;
				-moz-user-select:none;
				-ms-user-select:none;
				user-select:none; 
				
				background-image: url('data:image/svg+xml;utf8,<svg fill="rgba(0,120,0,1)" fill-opacity="0.1" height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="9.4,12.4 3.2,6.2 1.4,8 7.6,14.2 9.4,16 11.2,14.2 22.7,2.7 20.9,0.9 "/></svg>');
				
				background-color:rgba(255,255,255,0.8);
				
				height: 		13vw;
				width: 			13vw;				
				line-height: 	13vw;
				-webkit-border-radius: 6.5vw;
				-moz-border-radius: 6.5vw;
				-o-border-radius: 6.5vw;
				-ms-border-radius: 6.5vw;
				border-radius: 6.5vw; 
				
				
				font-size:36px;
				color:rgba(0,0,0,0.80);
				background-position: center 8px;
				text-align: center;
				background-repeat:no-repeat;
				
				background-size: 33%;
				font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			
			}
			
			
			
			
			.touchSel > .touchSelBox.mon input[type="radio"]+label {
				
				height: 		16.5vw;
				width: 			16.5vw;	
				line-height: 	16.5vw;
				-webkit-border-radius: 8.25vw;
				-moz-border-radius: 8.25vw;
				-o-border-radius: 8.25vw;
				-ms-border-radius: 8.25vw;
				border-radius: 8.25vw; 
				
				font-size:42px;
				
			}
			
			
			
			.touchSel > .touchSelBox.yea input[type="radio"]+label {
				
				height: 		8vw;
				width: 			8vw;	
				line-height: 	8vw;
				-webkit-border-radius: 4vw;
				-moz-border-radius: 4vw;
				-o-border-radius: 4vw;
				-ms-border-radius: 4vw;
				border-radius: 4vw; 
				
				font-size:32px;
				
			}
			
			
			
			.touchSel > .touchSelBox input[type="radio"]:checked+label { 
				
				background-image: url('data:image/svg+xml;utf8,<svg fill="rgba(0,120,0,1)" fill-opacity="0.9" height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="9.4,12.4 3.2,6.2 1.4,8 7.6,14.2 9.4,16 11.2,14.2 22.7,2.7 20.9,0.9 "/></svg>');
				
				background-color:rgba(255,255,255,1);
			
			}
			
			.touchSel > .touchSelBox input[type="radio"]+label {
				
				overflow:hidden !important;
				margin:0.5%;
				display:inline-block !important;
				float:left !important;
				cursor:pointer;
			
			}











@media only screen and (orientation : landscape) { 

	
	

	.touchSel > .touchSelBox input[type="radio"]+label { 
				
				height: 		7vw;
				width: 			7vw;				
				line-height: 	7vw;
				-webkit-border-radius: 3.5vw;
				-moz-border-radius: 3.5vw;
				-o-border-radius: 3.5vw;
				-ms-border-radius: 3.5vw;
				border-radius: 3.5vw; 
			}
			
			
			
			
			.touchSel > .touchSelBox.mon input[type="radio"]+label {
				
				height: 		8vw;
				width: 			8vw;	
				line-height: 	8vw;
				-webkit-border-radius: 4vw;
				-moz-border-radius: 4vw;
				-o-border-radius: 4vw;
				-ms-border-radius: 4vw;
				border-radius: 4vw; 
				
			}
			
			
			
			.touchSel > .touchSelBox.yea input[type="radio"]+label {
				
				height: 		4vw;
				width: 			4vw;	
				line-height: 	4vw;
				-webkit-border-radius: 2vw;
				-moz-border-radius: 2vw;
				-o-border-radius: 2vw;
				-ms-border-radius: 2vw;
				border-radius: 2vw; 
				
			}






	
	
	
	
	
	
	
	
	
	


}