input, textarea { outline:none; }
a { color:inherit; text-decoration:none; }

#both { clear:both; }
@font-face {
  font-family: bb;
  src: url("../font/bb/Billabong.otf");
}
@font-face {
  font-family: myfont;
  src: url("../font/HelveticaNeueCyr-Light.otf");
}
@font-face {
  font-family: myfont1;
  src: url("../font/IW/IstokWeb-Regular.ttf");
}
@font-face {
  font-family: myfont2;
  src: url("../font/R/Roboto-Regular.ttf");
}
@font-face {
  font-family: myfont3;
  src: url("../font/RC/RobotoCondensed-Regular.ttf");
}
@font-face {
  font-family: pnl;
  src: url("../font/ProximaNova/Proxima Nova Light.otf");
}
@font-face {
  font-family: pn;
  src: url("../font/ProximaNova/Proxima Nova Regular.otf");
}
@font-face {
  font-family: pns;
  src: url("../font/ProximaNova/Proxima Nova Semibold.otf");
}
@font-face {
  font-family: pnb;
  src: url("../font/ProximaNova/Proxima Nova Bold.otf");
}

/* chat setting */

#chat { width:22%; position:fixed;  display:none; 
padding:0% 0% 0% 0%; font-family:pn; min-width:242px; z-index:100; 
padding:0% 0% 0% 0%; font-family:pn; min-width:242px; z-index:100; 
border-radius:0.2em; /* background:#34495E; 
border:1px solid #34495E; bottom:1.5%; right:1%; */  
font-size:90%; }

#chath { width:96%; padding:2% 2% 0% 2%; margin:0% 0% 0% 0%; 
text-align:center; color:white; }

/* border-top-left-radius:0.2em; border-top-right-radius:0.2em; 
border-bottom-left-radius:0.2em; border-bottom-right-radius:0.2em; */ 

#cturnh1 { width:100%; padding:0% 0% 0% 0%; text-align:center; 
margin:0% 0% 0% 0%; }
#cturnh1t { margin:0% 0% 0% 10%; padding:0% 0% 0% 0%; }
#cturnh2 { float:right; padding:0% 0% 0% 0%; border-top-right-radius:0.2em; 
cursor: pointer; border-top-left-radius:0.2em;  }
#cturnh2t { width:1.2em; height:0.15em; 
margin:1.2em 0.35em 0.35em 0.35em; cursor: pointer; }


#chath-table { width:100%; border-collapse:collapse; border:0; }
#chath-tr { width:100%; color:white; }
#chath-td1 { width:94%; padding:0% 0% 0% 15%; text-align:center; }
#chath-td2 { width:7%; padding:0% 0% 0% 0%; text-align:center; }
#chath-td3 { width:7%; padding:0.15% 0% 0% 0%; text-align:center; }

#cturn1 { width:60%; padding:80% 20% 12.8% 20%; cursor: pointer; 
border-radius:0.2em; margin:0% 0% 0% 0%; }
#cturn2 { width:100%;  padding:12% 0% 0% 0%; 
cursor: pointer; }

#cturn { float:right; /* width:1.35em; height:1.35em; */ 
width:100%;  padding:100% 0% 0% 0%; 
cursor: pointer; opacity:1; 
background:url("../img/ct96.png") no-repeat scroll center 60% transparent;
background-size:100% 100%; }
#cturn:hover { opacity:0.9; }


#cturn { float:right; /* width:1.35em; height:1.35em; */ 
width:100%;  padding:100% 0% 0% 0%; 
cursor: pointer; opacity:1; 
background:url("../img/ct96.png") no-repeat scroll center 60% transparent;
background-size:100% 100%; }
#cturn:hover { opacity:0.9; }

#cclose { float:right; width:100%; padding:100% 0% 0% 0%; 
cursor: pointer; opacity:1; 
background:url("../img/cc96.png") no-repeat scroll center 60% transparent;
background-size:100% 100%; }
#cclose:hover { opacity:0.9; }

#chatdiv { width:96%; padding:0% 2% 1% 2%; }

#chatinf { width:96%; background:#f5f5f5; display:none; 
border-top-left-radius:0.2em; 
border-top-right-radius:0em;
white-space: nowrap; /* Запрещаем перенос строк */ padding:2% 2% 2% 2%;
 text-overflow: ellipsis;  overflow: hidden; 
 }
#chatfoto { float:left; width:15%; background:grey; 
padding:15% 0% 0% 0%; border-radius:2em; background-size:100% 100%; }
#chatname { float:left; width:75%; color:black; 
font-size:1.1em; padding:4% 5% 2% 5%; 
white-space: nowrap; /* Запрещаем перенос строк */ 
 text-overflow: ellipsis;  overflow: hidden; }


#chat1 { width:96%; background:white; height:15em; max-height:15em; 
overflow: auto; padding:2% 2% 2% 2%; 
border-top-left-radius:0.2em; 
border-top-right-radius:0em;
border-bottom-left-radius:0.2em; 
border-bottom-right-radius:0em; }
#chmsg2d { width:100%; padding:0.5% 0% 0.5% 0%; }
#chmsg2u2 { float:left;  /* word-break:break-all; word-wrap:break-word; */
/* color:#3B3B3B;  background:#94BCE4; 94E494 97E494 */
padding:2% 2% 2% 2%; max-width:70%; border-top-left-radius:0.5em; 
border-top-right-radius:0.5em; border-bottom-right-radius:0.5em; }
#chmsg2o2 { float:right; /* word-break:break-all; word-wrap:break-word; */
padding:2% 2% 2% 2%; max-width:70%; border-top-left-radius:0.5em; 
border-top-right-radius:0.5em; border-bottom-left-radius:0.5em; 
/* 94E494 97E494  color:#3B3B3B; background:#97E494; */ }
#chmsg2dt { width:96%; padding:0.5% 2% 0.5% 2%; background:#f5f5f5; }

#chat2 { width:100%; padding:0% 0% 0% 0%; }

#chat2d { width:100%; padding:0% 0% 0% 0%; }

#chat2d1 { float:left; width:53%; text-align:left; padding:2.5% 0% 0% 2%; 
 color:#CDCDCD; font-size:0.9em; }
#chat2d2 { float:right; width:45%; text-align:right; padding:0% 0% 0% 0%; 
 }
#chat2d3 { width:100%; text-align:center; padding:0% 0% 0% 0%; 
clear:both; }

#chatta { width:96%; height:3.5em; resize:none; color:black; 
border:0px solid #CDCDCD; font-size:0.95em; padding:2% 2% 2% 2%; 
border-bottom-left-radius:0.2em; border-top-left-radius:0.2em;
border-bottom-right-radius:0.2em; }
#chatkp { color:white; 
	font-size:0.95em; width:100%; 
    text-align: center; opacity:1; 
    border-radius: 0em; border:0; 
	border-top-left-radius:0em; border-top-right-radius:0em; 
    padding: 5% 0% 5% 0%; 
    background: #3367D6; /*#2196f3 #3367D6 #94BCE4*/
	cursor: pointer; }
#chatkp:hover { background: #2196f3;  }

#chat_log { width:100%; color:red; font-size:1em; margin:0% 0% 0% 0%; }
#form_log { width:100%; color:red; font-size:1em; margin:0% 0% 0% 0%; }
#chat_log1 { width:100%; background: #f5f5f5; color:red; 
font-size:1em; margin:0% 0% 0% 0%; }
#chat_log2 { width:100%; background: #fafafa; color:red; 
font-size:1em; margin:0% 0% 0% 0%; }
#chat_name { width:100%; color:red; font-size:1em; margin:0% 0% 0% 0%; }
#chat_pr { width:100%; background:#f5f5f5; color:grey; 
font-size:0.8em; margin:0% 0% 0% 0%; }
#chat_pr1 { width:52%; padding:1% 0% 1% 48%; text-align:left; display:none; }
#chat-img { float:left; width:1.1em; height:1.1em; margin:0% 0% 0% 0%; 
background:url("../img/pr96.png") no-repeat scroll center 60% transparent;
background-size:100% 100%; }


/* chatclose setting */

#chatclose { position:fixed; cursor: pointer; z-index:100; font-family:pn;  
font-size:90%; display:none; text-align:center; 
/*padding:0.7% 5% 0.7% 5%; border-top-left-radius:0.2em; 
border-top-right-radius:0.2em; bottom:0%; right:3%; 
background:#3367D6;  color:white; */ }

#divchatch { padding:0% 0% 0% 0%;  } 

#tchatch { border:0; border-collapse:collapse; } 
#trchatch { text-align:center; } 
#tdchatch { text-align:center; } 

#chatсhr { display:none;  position:fixed; cursor: pointer; 
z-index:100; font-family:pn; font-size:90%; text-align:center;  }
#chatсhb { display:none;  position:fixed; cursor: pointer; 
z-index:100; font-family:pn; font-size:90%; text-align:center;  }

#chatсhc { display:none;  position:fixed; cursor: pointer; 
z-index:100; font-family:pnl; font-size:90%; text-align:center;   
/* animation:anim 1s linear 0s infinite;
-webkit-animation:anim 1s linear 0s infinite;*/
}
#chatspan { font-size:3.845em; font-family:pn; font-size-adjust:3.08em; }

@keyframes anim{
0% {transform: rotate(0deg);
-ms-transform: rotate(0deg); /* для IE */}
10% {transform: rotate(36deg);
-ms-transform: rotate(36deg); /* для IE */}
20% {transform: rotate(72deg);
-ms-transform: rotate(72deg); /* для IE */}
30% {transform: rotate(108deg);
-ms-transform: rotate(108deg); /* для IE */}
40% {transform: rotate(144deg);
-ms-transform: rotate(144deg); /* для IE */}
50% {transform: rotate(180deg);
-ms-transform: rotate(180deg); /* для IE */}
60% {transform: rotate(216deg);
-ms-transform: rotate(216deg); /* для IE */}
70% {transform: rotate(252deg);
-ms-transform: rotate(252deg); /* для IE */}
80% {transform: rotate(288deg);
-ms-transform: rotate(288deg); /* для IE */}
90% {transform: rotate(324deg);
-ms-transform: rotate(324deg); /* для IE */}
100% {transform: rotate(360deg);
-ms-transform: rotate(360deg); /* для IE */}
}
@-moz-keyframes anim{
0% {transform: rotate(0deg);
-ms-transform: rotate(0deg);}
10% {transform: rotate(36deg);
-ms-transform: rotate(36deg);}
20% {transform: rotate(72deg);
-ms-transform: rotate(72deg);}
30% {transform: rotate(108deg);
-ms-transform: rotate(108deg); }
40% {transform: rotate(144deg);
-ms-transform: rotate(144deg); }
50% {transform: rotate(180deg);
-ms-transform: rotate(180deg); }
60% {transform: rotate(216deg);
-ms-transform: rotate(216deg); }
70% {transform: rotate(252deg);
-ms-transform: rotate(252deg); }
80% {transform: rotate(288deg);
-ms-transform: rotate(288deg); }
90% {transform: rotate(324deg);
-ms-transform: rotate(324deg); }
100% {transform: rotate(360deg);
-ms-transform: rotate(360deg); }
}
@-webkit-keyframes anim { 
0% {-webkit-transform: rotate(0deg); /* для Chrome и Safari */}
10% {-webkit-transform: rotate(36deg);}
20% {-webkit-transform: rotate(72deg);}
30% {-webkit-transform: rotate(108deg);}
40% {-webkit-transform: rotate(144deg);}
50% {-webkit-transform: rotate(180deg);}
60% {-webkit-transform: rotate(216deg);}
70% {-webkit-transform: rotate(252deg);}
80% {-webkit-transform: rotate(288deg);}
90% {-webkit-transform: rotate(324deg);}
100% {-webkit-transform: rotate(360deg);}
}

#formdiv { width:96%; padding:0% 2% 2% 2%; display:none; }
#formmsgo { width:90%; background:#f5f5f5; 
border-top-left-radius:0.2em; 
border-top-right-radius:0em;
 /* Запрещаем перенос строк white-space: nowrap;
text-overflow: ellipsis;  overflow: hidden;  */ 
padding:2% 5% 2% 5%;
color:#3B3B3B; text-align:center; 
 }
#formta1 { width:90%; background:#f5f5f5; 
border-top-left-radius:0em; 
border-top-right-radius:0em;
 /* Запрещаем перенос строк white-space: nowrap;
text-overflow: ellipsis;  overflow: hidden;  */ 
padding:1% 5% 1% 5%;
color:#3B3B3B; 
 }
#formta2 { width:90%; background:#f5f5f5; 
border-top-left-radius:0em; 
border-bottom-left-radius:0.2em; 
border-bottom-right-radius:0.2em; 
 /* Запрещаем перенос строк white-space: nowrap;
text-overflow: ellipsis;  overflow: hidden;  */ 
padding:0% 5% 2% 5%;
color:#3B3B3B; text-align:center; 
 }
#formtainpn,#formtainpt,#formtainpe { width:96%; 
text-align:left; border:1px solid #cdcdcd;
font-size:1em; color:black; padding:2% 2% 2% 2%; border-radius:0.2em; }
#formtainpn:focus { 
border:1px solid #cdcdcd; }
#formtata { width:96%; height:3em; resize:none; color:black; 
border:1px solid #cdcdcd; font-size:0.95em; padding:2% 2% 2% 2%; 
border-radius:0.2em;  }
#chatformkp { color:white; 
	font-size:0.95em; width:60%; 
    text-align: center; opacity:1; 
    border-radius: 0.2em; border:0; 
    padding: 3% 0% 3% 0%; 
    background: #3367D6; /*#2196f3 #3367D6 #94BCE4*/
	cursor: pointer; }
#chatformkp:hover { background: #2196f3;  }


#formdiv2 { width:96%; padding:0% 2% 2% 2%; display:none; }
#formdiv2d { width:90%; background:#f5f5f5; 
border-top-left-radius:0.2em; 
border-top-right-radius:0em; 
border-bottom-right-radius:0.2em; 
border-bottom-left-radius:0.2em; 
 /* Запрещаем перенос строк white-space: nowrap;
text-overflow: ellipsis;  overflow: hidden;  */ 
padding:15% 5% 5% 5%;
color:#3B3B3B; text-align:center; 
 }
#formdiv2d2 { width:90%; background:#f5f5f5; 
border-top-left-radius:0em; 
border-bottom-left-radius:0.2em; 
border-bottom-right-radius:0.2em; 
 /* Запрещаем перенос строк white-space: nowrap;
text-overflow: ellipsis;  overflow: hidden;  */ 
padding:0% 5% 15% 5%;
color:#3B3B3B; text-align:center; 
 }