@font-face
{
font-family: "open_regular";
src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: "open_bold";
src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

*{margin:0; padding:0;}

body
{
background: #fff;
}

.generator_wrapper
{
max-width: 960px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.block_head
{
text-align: left;
font-size: 0;
}
.block_head .txt_head
{
display: inline-block;
vertical-align: middle;
font: normal 36px open_regular;
color: #333;
}
.block_head #but_set
{
display: inline-block;
vertical-align: middle;
padding: 10px 20px;
margin-left: 20px;
font: normal 16px open_bold;
color: #fff;
background: #609dcc;
border-radius: 4px;
cursor: pointer;
}
.block_head #but_set:hover
{
background: #478ab9;
}
#block_set
{
display: none;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
background: #eee;
border-width: 0;
border-style: solid;
border-color: #609dcc;
border-radius: 4px;
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#block_set .set1
{
margin-top: 20px;
text-align: left;
}
#block_set .set2
{
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}

#block_set .set1 .txt_head,#block_set .set2 .txt_head
{
display: inline-block;
vertical-align: top;
width:360px;
font: normal 16px open_regular;
color: #333;
text-align: right;
}
#block_set .set1 .user_action,#block_set .set2 .user_action
{
display: inline-block;
vertical-align: top;
margin-left: 20px;
}
#block_set .user_action .item1,#block_set .user_action .item2,#block_set .user_action .item3
{
text-align: left;
}
#block_set .user_action .item2,#block_set .user_action .item3
{
margin-top: 3px;
}
#block_set input
{
vertical-align: middle;
}
#block_set .user_action label
{
vertical-align: middle;
margin-left: 3px;
font: normal 14px open_regular;
color: #333;
}

#generator
{
padding: 20px 10px;
margin-top: 10px;
background: #eee;
border: 1px solid #609dcc;
border-radius: 4px;
}
.word_list
{
font-size: 0;
}
.word_list1,.word_list2,.word_list3,.word_list4,.word_list5
{
display: inline-block;
vertical-align: top;
width:160px;
}
.word_list2,.word_list3,.word_list4,.word_list5
{
margin-left: 30px;
}
.word_list .line1
{
text-align: left;
font-size: 0;
}
#checkbox1_list1_on,#checkbox1_list2_on,#checkbox1_list3_on,#checkbox1_list4_on,#checkbox1_list5_on
{
/*display: inline-block;*/
display: none;
vertical-align: middle;
}
.word_list .line1 .txt_head
{
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font: normal 14px open_bold;
color: #333;
}
.word_list .line2
{
margin-top: 5px;
text-align: right;
font-size: 0;
}

#checkbox1_list1_space,#checkbox1_list2_space,#checkbox1_list3_space,#checkbox1_list4_space,#checkbox1_list5_space
{
display: none;
vertical-align: middle;
}
#label_list1_space,#label_list2_space,#label_list3_space,#label_list4_space,#label_list5_space
{
display: none;
margin-left: 3px;
vertical-align: middle;
font: normal 13px open_regular;
color: #333;
}

.word_list #but_clean1,.word_list #but_clean2,.word_list #but_clean3,.word_list #but_clean4,.word_list #but_clean5
{
display: inline-block;
vertical-align: middle;
width:80px;
padding: 2px;
margin-left: 5px;
background: #fff;
font: normal 13px open_regular;
color: #333;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
.word_list #but_clean1:hover,.word_list #but_clean2:hover,.word_list #but_clean3:hover,.word_list #but_clean4:hover,.word_list #but_clean5:hover
{
color: #fff;
background: #d95450;
}

.word_list #word_value1,.word_list #word_value2,.word_list #word_value3,.word_list #word_value4,.word_list #word_value5
{
width:160px;
height: 300px;
padding: 5px 10px;
margin-top: 5px;
border:1px solid #ccc;
font: normal 14px open_regular;
color: #333;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
resize: none;
overflow: auto; 
}
.cont_but
{
margin-top: 20px;
font-size: 0;
}
.cont_but #but_new_rezult
{
display: inline-block;
vertical-align: top;
padding: 10px 20px;
font: normal 16px open_bold;
color: #fff;
background: #60b760;
border-radius: 4px;
cursor: pointer;
}
.cont_but #but_new_rezult:hover
{
background: #47a447;
}
.cont_but #but_cleans
{
display: inline-block;
vertical-align: top;
padding: 10px 20px;
margin-left: 25px;
font: normal 16px open_regular;
color: #fff;
background: #d95450;
border-radius: 4px;
cursor: pointer;
}
.cont_but #but_cleans:hover
{
background: #d2322d;
}
.cont_rezult
{
margin-top: 20px;
}
.cont_rezult .txt_head
{
font: normal 16px open_bold;
color: #333;
}
#rezult_count
{
color: #60b760;
}

.cont_rezult #rezult_out
{
width:920px;
height: 300px;
padding: 5px 10px;
margin-top: 5px;
border:1px solid #ccc;
font: normal 14px open_regular;
color: #333;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
resize: none;
overflow: auto; 
}
#rezult_copy
{
display: inline-block;
vertical-align: top;
margin-top: 20px;
padding: 10px 20px;
font: normal 16px open_bold;
color: #fff;
background: #60b760;
border-radius: 4px;
cursor: pointer;
}
#rezult_copy:hover
{
background: #47a447; 
}


@media all and (max-width:980px)
{

}