html, body, div, span, object, php, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a { background: transparent; border: 0; font-weight:normal; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; list-style-type: none; text-decoration: none;}
body { background: url("../images/body-bg.jpg") top center; }
@font-face {font-family: "bpg"; src:url('../font/bpg_arial_2009.ttf');}
@font-face {font-family: "bpg2"; src:url('../font/archyedt-bold.otf');}
@font-face {font-family: "bpg3"; src:url('../font/bpg_banner_caps.ttf');}
@font-face {font-family: "prox1"; src:url('../font/prox1.ttf');}
@font-face {font-family: "prox2"; src:url('../font/prox2.ttf');}
@font-face {font-family: "prox3"; src:url('../font/prox3.ttf');}
@font-face {font-family: "prox4"; src:url('../font/prox4.ttf');}
@font-face {font-family: "prox5"; src:url('../font/prox5.ttf');}
@font-face {font-family: "dinmedium"; src:url('../font/din_medium-webfont.ttf');}
body::-webkit-scrollbar-track { background: #353535; }
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb { background-color: #0096e2; }
/*---wrapper---*/
.wrapper { overflow: hidden; width: 925px; background: #fdfdfd; margin: auto; height:100%; padding-top: 105px; }
/*---top---*/
.top { height:101px; width: 100%; background: #ffffff; border-bottom: 1px solid #dbdada; position: absolute; box-shadow: 0 0 5px #dbdada; }
/*---topblack---*/
.topblack { background: #353535; width: 100%; height: 35px; }
.topblackcenter { margin: auto; width: 925px; }
/*---logo---*/
.logo { width: 237px; float: left; margin: 3px 0px 0px 0px; }
/*---topnav---*/
.topnav { width: 925px; margin: auto; height: 70px; overflow: hidden; width: 1200px;}
.topnav li a { float: right; display: block; color: #353535; padding: 26px 19px 25px 19px; font: 13px bpg; border-right: 1px solid #f6f6f6; }
.topnav li a:hover { background: #0e85c9; color: #ffffff; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
/*---plan---*/
.plan { float: left; width: 195px; overflow: hidden; background: #f0f0f0; }
.plan h1 { background: none; padding: 18px 17px 18px 18px; border-bottom: 1px solid #e0e0e0; text-align: center; font: 20px prox3; color: #5b5b5b; border-left: 1px solid #f4f4f4; }
.plan ul { border-left: 1px solid #e8e8e8; }
.plan ul li { padding: 10px; font: 13px bpg; border-bottom: 1px solid #e0e0e0; color: #5c5c5c; text-align: center; }
.price { background: #353535; overflow: hidden; border-left: 1px solid #2b2b2b; }
.price h2 { float: left; font: 35px prox3; padding: 15px 0px 2px 0px; color: white; overflow: hidden; text-align: center; width: 190px; }
.price span { font: 15px prox3; width: 139px; overflow:hidden; color: #999999; }
.details { float: right; background: #0e85c9; padding: 8px 8px 7px 8px; border-radius: 3px; margin: 12px 7px 12px 0px; }
/*---planinfo---*/
.planinfo { float: left; width: 145px; background: #353535; padding-bottom: 136px; overflow: hidden; }
.planinfo ul { background: #f0f0f0; }
.planinfo ul li { padding: 10px; font: 13px bpg; border-bottom: 1px solid #e0e0e0; color: #5c5c5c; }
#plandns { font: 15px bpg ;background: white; padding: none 0px; }
/*---slide---*/
.slide { margin: 10px 0px 10px 0px; width: 100%; }
/*---domain---*/
.domain { background: #0e85c9; overflow: hidden; width: 100%; }
.domainform { padding: 13px 0px 10px 0px; border-right: 1px solid #1275ae; color: white; background: #0e85c9; float: left; margin: 0px 0px 0px 10px; }
.domainform h1 { float: left; font: 20px prox3; border-right: 1px solid #2c7fb0; padding: 0px 20px 0px 10px; }
.domainform h2 { float: left; font: 20px prox3; padding: 0px 10px 0px 20px; }
/*---domaincheck---*/
.domaincheck { background: #0e85c9; float: right; padding: 4px; width: 352px; margin-right: 11px; }
.checkinput { background: #0c79b8; border: none; border-radius: 3px; padding: 10px; width: 210px; color: white; outline-color: #0874b2; border: 1px solid #0874b2; }
.domainselect { border: none; background: none; color: white; outline: none; position: absolute; margin: 11px 0px 0px 174px; }
.domainselect option { color: white; background: #0e85c9; outline: none; }
::-webkit-input-placeholder { font: 13px bpg; color: white; }
.domainsub { border: none; background: none; padding: 12px; letter-spacing: .1em; font: 12px bpg3; float: right; color: white; cursor: pointer; }
/*---language---*/
#langswitch {position:relative; float: right; width: 100px; background:black; padding-left: 10px; }
#langswitch img { width: 20px; }
ul#langlist { border:1px solid #2b2b2b; border-top: none; color:#006699; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background:black; width:108px; list-style:none; position:absolute; left:0; display:none; }
#langlist img { float: left; margin-right: 5px; }
#langlist li a { padding: 6px; display: block; color: white; font: 0.75em/1.9em bpg; border-bottom: 1px solid #2b2b2b; }
#langlist li a:hover { background: #353535; }
#langswitch li a { padding: 6px 6px 6px 10px; display: block; color: white; font: 0.75em/1.9em bpg; border-bottom: 1px solid #2b2b2b; }
.langswitchimg { float: left; margin-right: 5px; margin-top: 7px; }
span#langswitch:hover ul#langlist { display:block; }
/*---top-phone---*/
.top-phone { float: left; width: 180px; color: white; font: 0.99em/2.1em prox2; }
.top-phone img { float: left; width: 20px; margin: 7px; }
/*---onsup---*/
#onsup { background: #16b656; float: right; overflow: hidden; padding: 10px 11px 10px 11px; color: white; font: 12px bpg3; }
/*---topfb---*/
.topfb { float: right; width: 35px; }
/*--footer--*/
.footer { margin: auto; width: 925px; background: #151515; border-top: 5px solid #0096e2; overflow: hidden; }
/*---footnav---*/
.footnav { float: left; margin: 20px 0px 0px 20px; width: 200px; }
.footnav h1 { font: 14px bpg3; color: #f1f1f1; letter-spacing: .1em; }
.footnav li a { font: 13px bpg; color: #a1a1a1; display: block; padding: 5px 0px 5px 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.footnav li a:hover { color: #0096e2; }
/*---langbar---*/
.langbar { float: right; overflow: hidden; margin: 5px 10px 10px 0px; }
.langbar img { float: left; width: 25px; }
.langbar li a { padding: 5px 0px 5px 9px; border-radius: 3px; overflow: hidden; width: 110px; display: block; color: white; font: 0.75em/1.4em bpg, arial; background: #000000; margin-top: 6px; }
.langbar li a span { float: left; padding: 4px 4px 4px 10px; }
.langbar li a:hover { background: #0096e2; text-shadow: 1px 1px 1px #333; }
/*---copy---*/
.copy { padding: 15px 0px 15px 15px; font: 13px bpg; color: #a1a1a1; overflow: hidden; text-align: left; width: 925px; border-top: 1px solid #000000; }
/*---payment---*/
.payment { width: 925px; overflow: hidden; background: #f1f1f1; border-right: 1px solid #e8e8e8; border-top: 1px solid #d9d1d0; }
.phmetod { border-left: 1px solid #d9d1d0; float: left; overflow: hidden; height: 50px; width: 131px; text-align: center; }
.paybox { height: 30px; margin-top: 6px; }
.tbcpay { height: 20px; margin-top: 14px; }
.osmp { height: 20px; margin-top: 14px; }
.emoney { height: 20px; margin-top: 14px; }
.smartivi { height: 20px; margin-top: 14px; }
.webmoney { height: 20px; margin-top: 14px; }
.visamaster { height: 20px; margin-top: 14px; }
/*---left---*/
.left { overflow: hidden; float: left; width: 700px; }
/*---right---*/
.right { overflow: hidden; float: right; width: 299px; }
/*---main_news---*/
.main_news { overflow: hidden; padding: 10px; background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(247,247,247,0.99) 1%,rgba(242,242,242,0) 100%); border-bottom: 1px solid #DDDDDD; }
.main_news h1 { font: 17px bpg2; letter-spacing: .1em; padding-bottom: 10px; }
.main_news h2 { font: 0.80em/1.5em bpg; color: #525252; }
/*---pack-info---*/
.pack-info { overflow: hidden; width: 100%; }
.pack-info h1 { font: 20px bpg2; letter-spacing: .1em; padding: 5px 0px 5px 5px; }
.pack-info li { border-bottom: 1px solid #f3f3f3; padding: 8px 0px 8px 28px; margin-left: 11px; float: left; width: 190px; font: 11px arial; background: url("../images/check.png") no-repeat left; }
/*---services---*/
.services { width: 100%; overflow: hidden; background: #353535; }
/*---servform---*/
.servform { float: left; width: 257px; height: 165px; overflow: hidden; background: #353535; padding: 15px 25px 15px 25px; border-left: 1px solid #2b2b2b; }
.servform h1 { font: 1.2em/1.6em bpg3; letter-spacing: .1em; width: 282px; padding-bottom: 15px; overflow: hidden; color: #0096e2; }
.servform h1 img { width: 30px; float: left; margin-right:9px; }
.servform h2 { font: 0.80em/1.5em bpg; color: #989898; }
/*---information---*/
.information { overflow: hidden; width: 925px; }
.information h1 { font: 20px bpg2; letter-spacing: .1em; padding: 5px 0px 0px 5px; }
.information h2 { font: 0.80em/1.5em bpg; color: #606060; padding: 5px; }
/*---aboutinfo---*/
.aboutinfo { font: 0.80em/1.5em bpg; color: #606060; padding: 5px; }
.aboutinfo h1 { font: 20px bpg2; letter-spacing: .1em; padding: 0px 0px 5px 0px; }
/*---aboutnav---*/
.aboutnav { background: #151515; border-radius: 4px; margin: 5px 9px 0px 0px; }
.aboutnav h1 { background: #0e85c9; padding: 10px; color: white; font: 13px bpg; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.aboutnav li a { display: block; color: white; padding: 10px; font: 13px bpg; border-top: 1px solid #000000; }
.aboutnav li a:hover { color: #0e85c9; background: #000000; }
/*---aboutnav2---*/
.aboutnav2 { background: #e6e6e6; border-radius: 4px; margin: 5px 9px 0px 0px; }
.aboutnav2 h1 { background: #151515; padding: 10px; color: white; font: 13px bpg; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.aboutnav2 li a { display: block; color: #000000; padding: 10px; font: 13px bpg; border-top: 1px solid #d7d6d6; }
.aboutnav2 li a:hover { color: #0e85c9; background: #d7d6d6; }
/*---webdesign---*/
.webdesign { overflow: hidden; float: left; width: 650px; padding: 5px 5px 15px 5px; border-bottom: 1px solid #E0E0E0; }
.webdesign h1 { font: 20px bpg2; letter-spacing: 2px; color: #606060; }
.webdesign h2 { font: 0.80em/1.5em bpg; color: #313131; margin-bottom: 15px; letter-spacing: 0.5px; }
.skills { width: 260px; float: right; }
.skills h1 { font: 20px bpg2; letter-spacing: 2px; color: #606060; padding: 5px 0px 5px 0px; }
.skills li { float: left; width: 80px; font: 13px arial; padding-top: 5px; color: #313131; }
.bar { box-shadow: 1px 1px 1px #bbbbbb; margin-bottom: 10px; color: #fff; padding: 4px; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(#0b96d9), to(#057dc1)); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 2px; -webkit-animation-name:bar; -webkit-animation-duration:0.5s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease-out; }
#data-one { -webkit-animation-name:bar-one; overflow: hidden; font: 13px arial; }
@-webkit-keyframes bar-one { 0% { width:0%; } 100% { width:60%; } }
/*---terms---*/
.termsinfo { font: 0.80em/1.5em bpg; color: #606060; padding: 5px; width: 610px; float: left; }
.termsinfo h1 { font: 20px bpg2; letter-spacing: .1em; padding: 0px 0px 5px 0px; }
.termsnav li { list-style-type: decimal; font: 0.99em/1.5em bpg; padding: 5px 0px 10px 0px; border-bottom: 1px solid #f8f8f8; }
.termsnav strong { font-weight: bold; }
.termsnav li a { color: #0096e2; }
.termsnav li a:hover { text-decoration: underline; }
/*---terms---*/
.questionsifo { font: 0.80em/1.5em bpg; color: #606060; padding: 5px; width: 610px; float: left; }
.questionsifo h1 { font: 20px bpg2; letter-spacing: .1em; padding: 0px 0px 5px 0px; }
.questionsnav li { list-style-type: decimal; font: 0.99em/1.5em bpg; padding: 5px 0px 10px 0px; border-bottom: 1px solid #f8f8f8; }
.questionsnav strong { font-weight: bold; }
.questionsnav li a { color: #0096e2; }
.questionsnav li a:hover { text-decoration: underline; }
/*---modal 1---*/
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover,.close:focus { color: #000; text-decoration: none; cursor: pointer;}
/*---modal 2---*/
.modal2 { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
.close2 { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close2:hover,.close2:focus { color: #000; text-decoration: none; cursor: pointer;}
/*---modal 3---*/
.modal3 { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
.close3 { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close3:hover,.close3:focus { color: #000; text-decoration: none; cursor: pointer;}
/*---modal 4---*/
.modal4 { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 50%;}
.close4 { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close4:hover,.close4:focus { color: #000; text-decoration: none; cursor: pointer;}
button a {color:black;}
button { cursor: pointer; float: left; padding: 10px; font: 13px bpg; color: black; background: white; border-radius: 3px; margin: 12px 5px 12px 0px; border: 0px; width: 100px; margin-left: 50px; }
#name{ margin-top: 16px;display: block;outline: none;background-color: #e1e1e1;border: 1px solid #8b8b8a;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;width: 350px;height: 33px;margin-left: 21px;padding-left: 6px;float: left;}
#lastname{float: left; margin-top:-3px; font: 13px bpg; display: block; outline: none; background-color: #e1e1e1; border: 1px solid #8b8b8a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 33px; margin-left: 21px; padding-left: 6px;}
#mobile{float: left; margin-top: 16px;font: 13px bpg; display: block; outline: none; background-color: #e1e1e1; border: 1px solid #8b8b8a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 33px; margin-left: 21px; padding-left: 6px;}
#time{float: left; margin-top: 16px; font: 13px bpg; display: block; outline: none; background-color: #e1e1e1; border: 1px solid #8b8b8a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 33px; margin-left: 21px; padding-left: 6px;}
#addresss {float: left; margin-top: 10px; font: 13px bpg; display: block; outline: none; background-color: #e1e1e1; border: 1px solid #8b8b8a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 33px; margin-left: 21px; padding-left: 6px;}
#submit { font: 13px bpg; color: #fff; margin-top: 55px; display: block; outline: none; background: #009DF6; border-radius: 5px; width: 154px; height: 33px; margin-left: 763px; border: 0 none; cursor: pointer;}