html							{ height: 100%; }
body							{ margin: 0px; padding: 0px; min-width: 1200px min-height: 100%; height: 100%; position: relative; background-color: #efeff1; }
body							{ font-family: 'Roboto', sans-serif; color: black; font-size: 16px; }
img							{ border: 0px; }

 .fsize							{ width: 100%; }
.warning, .alert, .require				{ color: red; }
.hidden							{ display: none; display: none !important; }
.clr							{ clear: both; }
p.alert							{ font-weight: bold; text-align: center; padding: 5px 0px 5px 0px; }
.cnt							{ text-align: center; }

.editorbox						{ width: 100%; overflow: hidden; }
.editorbox div.edbox_tabs				{ width: 100%; overflow: hidden; }
.editorbox div.edbox_tabs ul				{ margin: 0px; padding: 0px; list-style: none; }
.editorbox div.edbox_tabs ul li				{ margin: 0px; padding: 2px 10px; float: left; background-color: #efefef; border: 0px; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.editorbox div.edbox_tabs ul li.active			{ background-color: #cdcdcd; }
.editorbox div.edbox_tabs ul li a			{ color: black; font-weight: 600; font-size: 1em; text-decoration: none; }
.editorbox div.edbox_tabs ul li a:hover			{ text-decoration: underline; }
.editorbox div.edbox_input				{ width: 100%; overflow: hidden; }
.editorbox div.edbox_input ul				{ margin: 0px; padding: 0px; list-style: none; }
.editorbox div.edbox_input ul li			{ margin: 0px; padding: 0px 2px 0px 0px; }

input, textarea, select					{ border: 1px solid #b6b8be; border-top: 1px solid #c2c3c9; border-bottom: 1px solid #acafb5; background-color: #cdcdcd; font-family:  Arial, sans-serif; font-size: 14px; }
input.disabled						{ background-color: #cdcdcd; color: black; }

div.text a						{ color: black; text-decoration: underline; }
div.text a:hover 					{ text-decoration: none;  }

ul							{ margin: 0px; padding: 0px; }
ul li							{ margin: 0px 0px 0px 20px; padding: 4px 0px;  }

form select option.section				{ font-size: 0.8em; text-align: center; }

table							{ font-size: 1em; }
table.bordered						{ border-collapse: collapse; }
table.bordered th					{ padding: 2px 5px; border: 1px solid #666666; background-color: #370300; color: #ecc14e; font-size: 0.9em; }
table.bordered td					{ padding: 2px 5px; border: 1px solid #666666; }
table td.label						{ color: black;  font-weight: 600; } 
form 							{ margin: 0px; padding: 0px; }
p							{ margin: 0px; padding: 2px 0px; }

h1							{ font-size: 1.4em; padding: 0px 0px 10px 0px; font-weight: 500; text-transform: uppercase; }
h2,h3							{ font-size: 1.4em; }
h4,h5,h6						{ font-size: 1.2em; }
h1,h2,h3,h4,h5,h6					{ margin: 0px; color: #0079ec; }
h2,h3,h4,h5,h6						{ padding: 15px 0px 10px 0px; font-weight: normal; }

#sitebox						{ height: auto; min-height: 100%; width: 100%; position: relative; overflow: hidden; }
.sitebox						{ height: inherit; max-width: 1090px; margin: 0px auto; position: relative; overflow: hidden; }

#header							{ width: 100%; overflow: hidden; position: relative; height: 81px  }
#header a.feedback					{ position: absolute; right: 0px; top: 20px; } 
#header p.slogan					{ padding: 0px 200px; line-height: 81px; text-align: center; text-transform: uppercase; font-weight: 500; }

#header a.logo						{ width: 284px; height: 66px; display: block; position: absolute; top: 10px; left: 0px; background: url("./img/logo.png") no-repeat scroll center center; }

#sub_header						{ width: 100%; overflow: hidden; background: url("./img/fon.jpg") repeat scroll center center; }

#mainmenu						{ overflow: hidden; position: relative; }
#mainmenu .sitebox					{ padding: 4px; background-color: #0079ec; }
#mainmenu .boxxer 					{ height: 55px; line-height: 55px; border: 1px solid #7cbefe; } 
#mainmenu .boxxer					{ border-radius: 1px; }
#mainmenu ul						{ margin: 0px; padding: 0px; list-style: none; display: table; width: 100%; }
#mainmenu ul li						{ margin: 0px; padding: 0px 5px; height: 55px; display: table-cell; vertical-align: middle; text-align: center; }
#mainmenu ul li+li					{ background: url("./img/mainmenu.sp.png") no-repeat scroll left center; }
#mainmenu ul li a					{ text-decoration: none; text-transform: uppercase; font-size: 0.9em; color: white; font-weight: 500; }
#mainmenu ul li a:hover					{ text-decoration: underline; }

#content						{ overflow: hidden; padding: 10px 0px 0px 0px; background: url("./img/fon.decor.png") repeat-x scroll center -8px; }

#footer							{ width: 100%; position: relative; overflow: hidden; }
#footer .feedback					{ padding: 0px 0px 10px 0px; overflow: hidden; background: url("./img/fon.jpg") repeat scroll center center; }
#footer .feedback .sitebox				{ width: 800px; }

#footer .feedback h4					{ padding: 15px 0px 5px 0px; color: #0079ec; text-align: center; text-transform: uppercase; font-size: 1.8em; font-weight: 500; }

#footer .feedback p.info				{ text-align: center; padding: 5px 0px 5px 0px; }
#footer .feedback p.info span				{ display: block; font-size: 1.6em; }
#footer .feedback p.info a				{ color: black; text-decoration: underline; } 
#footer .feedback p.info a:hover			{ text-decoration: none; }

#footer .feedback p.confirm				{ text-align: left; font-size: 0.9em; line-height: 1.2em; }
#footer .feedback p.confirm input			{ float: left; margin: 0px 10px 10px 0px; }
#footer .feedback p.confirm a				{ color: black; text-decoration: underline; } 
#footer .feedback p.confirm a:hover			{ text-decoration: none; }

#footer .feedback .fldbox				{ display: table; width: 100%; margin: 10px 0px; }
#footer .feedback .fldbox .fld 				{ display: table-cell; padding: 0px 20px; }

#footer .feedback .fldbox input				{ width: 100%; height: 36px; border: 1px solid #cfcfcf; padding: 0px; margin: 0px; line-height: 36px; }
#footer .feedback .fldbox input				{ border-radius: 3px; }

#footer .feedback .name input				{ background: url("./img/i_name.jpg")  no-repeat scroll 5px center white; text-indent: 25px; }
#footer .feedback .email input				{ background: url("./img/i_email.jpg") no-repeat scroll 5px center white; text-indent: 25px; }
#footer .feedback .city	input				{ background: url("./img/i_ntext.jpg") no-repeat scroll 5px center white; text-indent: 35px; }

#footer .feedback input					{ box-shadow: 0px 5px 6px 2px rgba(0,0,0,0.2); }
#footer .feedback input.require				{ border: 1px solid #fc0000; }


#footer .feedback .submit				{ text-align: center;  }
#footer .feedback .submit a				{ display: inline-block; }


#footer .menu						{ height: 65px; background-color: #0079ec; overflow: hidden; }
#footer ul						{ margin: 0px; padding: 0px; list-style: none; display: table; width: 100%; }
#footer ul li						{ margin: 0px; padding: 0px; height: 65px; display: table-cell; vertical-align: middle; text-align: center; }
#footer ul li a						{ text-decoration: none; text-transform: uppercase; font-size: 0.9em; color: white; font-weight: 500; }
#footer ul li a:hover					{ text-decoration: underline; }


a.ybg							{ background-color: #f7e33e; border: 1px solid #dfc808; text-transform: uppercase; line-height: 1.0em; }
a.ybg							{ color: black; text-decoration: none; font-weight: 500; font-size: 0.8em;  }
a.ybg span						{ padding: 14px 24px; display: block; }
a.ybg							{ border-radius: 10px; }

.tgheader						{ padding: 10px 0px; color: #0079ec; text-align: center; text-transform: uppercase; font-size: 1.4em; font-weight: 500; }

.benefis						{ overflow: hidden; width: 105%; padding: 10px 0px; }
.benefis ul						{ margin: 0px; padding: 0px; list-style: none; }
.benefis ul li						{ padding: 0px 12px 0px 0px; margin: 0px; float: left; }
.benefis ul li+li					{ padding: 0px 12px; border-left: 1px solid black; }
.benefis img						{ height: 88px; }

.separator						{ width: 100%; height: 20px; overflow: hidden; background: url("./img/separator.png") no-repeat scroll center center; }
.separator .l						{ width: 100%; height: inherit; background: url("./img/separator.decor.png") no-repeat scroll left center; }
.separator .r						{ width: 100%; height: inherit; background: url("./img/separator.decor.png") no-repeat scroll right center; }



.worktype						{ overflow: hidden; }
.worktype .w_make					{ border-radius: 5px; overflow: hidden; width: 49%; float: left;  }
.worktype .w_seo					{ border-radius: 5px; overflow: hidden; width: 49%; float: right; }
.worktype h2						{ display: block; padding: 0px; line-height: 54px; height: 54px; text-align: center; color: white; text-transform: uppercase; background-color: #0079ec; }

.worktype ul						{ display: block; margin: 0px; padding: 10px; list-style: none; }
.worktype ul li						{ margin: 0px; overflow: hidden; } 

.worktype .boxxer					{ padding: 0px 10px 10px 0px; }
.worktype .w_make .boxxer				{ background: url("./img/w_make.jpg") no-repeat scroll 20px center #ffffff; }
.worktype .w_make ul li					{ padding: 4px 0px 4px 310px; }
.worktype .w_seo .boxxer				{ background: url("./img/w_seo.jpg") no-repeat scroll 35px center #ffffff; }
.worktype .w_seo ul li					{ padding: 4px 0px 4px 280px; }


.worktype p						{ overflow: hidden; }
.worktype p a						{ float: right; text-decoration: none; }


.payment						{ width: 100%; overflow: hidden; }
.payment .image						{ float: left; margin: 0px 35px 0px 0px;  }

#navbar							{ color: #9e9191; font-size: 0.9em; padding: 12px 0px; }
#navbar a						{ color: #9e9191; text-decoration: none; }
#navbar a:hover						{ text-decoration: underline; }


#scroller                                               { position: fixed; bottom: 30%; right: 2%; }
#scroller                                               { z-index: 50; }
#scroller .top                                          { width: 43px; height: 43px; background: url("./img/scroller.png") no-repeat scroll center center; }

#counters						{ position: absolute; bottom: 2px; right: 2px; }

#wpopup                                                 { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }


#wpopup                                                 { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
#wpopup                                         { z-index: 99; }

#w_default                                              { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; color: black; }
#w_default .bg                                          { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("./img/sw.png") repeat scroll center center; }

#w_default .itembox                                     { width: 307px; margin: 100px auto 0px; position: relative; overflow: hidden;  }
#w_default .itembox .boxxers                            { width: 295px; margin: 7px 0px 0px 0px; background-color: #f7fbfd; text-align: center; position: relative; overflow: hidden; border: 1px solid #00183e; }
#w_default .itembox .boxxers                            { -webkit-border-radius: 10px;
                                                          -moz-border-radius: 10px;
                                                          border-radius: 10px }
#w_default .itembox .boxxer                             { padding: 20px 20px 20px 20px; }

#w_default a.wclose                                     { width: 25px; height: 25px; position: absolute; top: 0px; right: 0px; display: block; background: url("./img/wclose.png") no-repeat scroll center center; }

#w_default h2                                           { text-align: center; padding: 0px 0px 10px 0px; color: black; font-size: 1.4em; text-transform: uppercase; }
#w_default h4                                           { text-align: center; padding: 0px 0px 10px 0px; color: black; font-size: 1.4em; text-transform: uppercase; }

#w_default div.fld                                      { overflow: hidden; }
#w_default div.fld div                                  { border: 1px solid #e9e1e1; width: 100%; overflow: hidden; display: inline-block; margin: 8px 0px; padding-left: 30px; }
#w_default div.fld div                                  { border-radius: 5px; }
#w_default div.fld input                                { width: 100%; height: 32px; line-height: 32px; text-align: left; color: #6b6060; border: 0px; background-color: transparent; }
#w_default div.fld textarea                             { width: 100%; height: 100px; text-align: left; color: #6b6060; border: 0px; background-color: transparent; }

#w_default div.name                                     { background: url("./img/sp_feedback.name.jpg") no-repeat scroll  5px center white; }
#w_default div.phone                                    { background: url("./img/sp_feedback.phone.jpg") no-repeat scroll 5px center white; }
#w_default div.utime                                    { background: url("./img/sp_feedback.utime.jpg") no-repeat scroll  5px center white; }
#w_default div.email                                    { background: url("./img/sp_feedback.email.jpg") no-repeat scroll 7px center white; }
#w_default div.tarea                                    { background: url("./img/sp_feedback.note.jpg") no-repeat scroll 3px 5px white; padding-top: 5px; }

#w_default a.submit                                     { display: inline-block; background-color: #ffd100; text-align: center; padding: 7px 10px; color: black; text-transform: uppercase; font-size: 0.85em; font-weight: bold; text-decoration: none; line-heihgt: 1.2em; }

#w_default p.confirm                                    { text-align: left; color: black; font-size: 0.9em; overflow: hidden; padding: 2px 0px 5px 0px; }
#w_default p.confirm input                              { float: left; margin: 0px 5px 5px 0px; }
#w_default p.confirm a                                  { color: #4f8cff; }

@media (max-width: 500px) {

 .payment .image img					{ width: 99%; }
 
 .benefis ul li.i2 img					{ width: 85%; height: auto; }
 .benefis ul li.i3 img					{ width: 95%; height: auto; }

 .worktype .w_make .boxxer				{ background: none; background-color: #ffffff; }
 .worktype .w_make ul li				{ padding: 4px 20px 4px 20px; }
 .worktype .w_seo .boxxer 				{ background: none; background-color: #ffffff; }
 .worktype .w_seo ul li					{ padding: 4px 20px 4px 20px; }

}

@media (max-width: 700px) {
 body							{ min-width: 100%; }
 .sitebox						{ width: auto; padding: 0px 10px; }
 #mainmenu .boxxer					{ height: auto; }
 #mainmenu ul						{ display: block; }
 #mainmenu ul li					{ display: block; float: left;}
 #header p.slogan					{ padding: 0px; line-height: 1.0em; }
 
 #footer .menu						{ height: auto; }
 #footer .menu ul					{ display: block; }
 #footer .menu ul li					{ display: block; height: auto; float: left; padding: 0px 20px; }
 
 .benefis						{ }
 .benefis ul li						{ float: none; text-align: center; display: block; } 
 .benefis ul li+li					{ border: 0px; }
 
 .worktype						{ }
 .worktype .w_make					{ width: 100%; float: none; }
 .worktype .w_seo					{ width: 100%; float: none; }
 
 .payment						{}
 .payment .image					{ float: none; width: 100%; text-align: center; }
 
 #footer .feedback .sitebox				{ width: 100%; }
 #footer .feedback .fldbox				{ display: block; }
 #footer .feedback .fldbox .fld				{ display: block; }
}