/* ================================================================== TIPOGRAFY ================================================================== */ .clear { clear: both; } .fLeft { float: left !important; } .fRight { float: right !important; } .noBG { background: none !important; } .no-border { border: 0 !important; } .nMB { margin-bottom: 0 !important; } .nMR { margin-right: 0 !important; } .nML { margin-left: 0 !important; } .nPR { padding-right: 0 !important; } .nPB { padding-bottom: 0 !important; } .nPL { padding-left: 0 !important; } .nPT { padding-top: 0 !important; } .nBR { border-right: none !important; } .nBL { border-left: none !important; } .nBB { border-bottom: none !important; } .nBT { border-top: none !important; } .mT5 { margin-top: 5px; } .mT10 { margin-top: 10px; } .mT15 { margin-top: 15px; } .mT20 { margin-top: 20px; } .mT25 { margin-top: 25px; } .mT30 { margin-top: 30px; } .pT30 { padding-top: 30px; } .mT40 { margin-top: 40px; } .mB5 { margin-bottom: 5px; } .mB10 { margin-bottom: 10px; } .mB15 { margin-bottom: 15px; } .mB20 { margin-bottom: 20px; } .mB25 { margin-bottom: 25px; } .mB30 { margin-bottom: 30px; } .mB40 { margin-bottom: 40px; } .mB45 { margin-bottom: 45px; } .mL5 { margin-left: 5px; } .mL10 { margin-left: 10px; } .mL15 { margin-left: 15px; } .mL20 { margin-left: 20px; } .mL30 { margin-left: 30px; } .mL40 { margin-left: 40px; } .mR5 { margin-right: 5px; } .center { width: 1000px; margin: 0 auto; } .i-block, .d-header .menu > ul > li > ol > li .popup .btn, .d-container .d-slider .center .swiper-container .swiper-controller a.prev, .d-container .d-slider .center .swiper-container .swiper-controller a.next, .d-container .d-slider .center .swiper-container .swiper-controller .swiper-pagination, .d-container .d-slider .center .swiper-container .swiper-controller .swiper-pagination span, .d-container .page-inner .page-content .p-c-title h2, .d-container .page-inner .banks-page .item .desc ul li strong, .d-container .page-inner .contact-page .form .item, .d-container .cloud-column .cloud-property .price h6, .d-container .cloud-column .cloud-propertycs .pricecs h6, .d-container .cloud-column .cloud-propertycsgo .pricecsgo h6, .d-container .cloud-column .cloud-propertymuonline .pricemuonline h6, .d-container .cloud-column .cloud-propertycsgo .pricecsgo .buy-btncsgo, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricecsgo, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricecsgo div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncsgo a, .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp h6, .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp .buy-btngtasamp, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricegtasamp, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricegtasamp div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btngtasamp a, .d-container .cloud-column .cloud-propertyleftdead .priceleftdead h6, .d-container .cloud-column .cloud-propertyleftdead .priceleftdead .buy-btnleftdead, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .priceleftdead, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .priceleftdead div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnleftdead a, .d-container .cloud-column .cloud-propertyminecraft .priceminecraft h6, .d-container .cloud-column .cloud-propertyminecraft .priceminecraft .buy-btnminecraft, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .priceminecraft, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .priceminecraft div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnminecraft a, .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress h6, .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress .buy-btnteamfortress, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .priceteamfortress, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .priceteamfortress div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnteamfortress a, .d-container .cloud-column .cloud-propertyhalflife .pricehalflife h6, .d-container .cloud-column .cloud-propertyhalflife .pricehalflife .buy-btnhalflife, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricehalflife, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricehalflife div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnhalflife a, .d-container .cloud-column .cloud-propertymuonline .pricemuonline .buy-btnmuonline, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricemuonline, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricemuonline div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnmuonline a, .d-container .cloud-column .cloud-property .price .buy-btn, .d-container .cloud-column .cloud-propertycs .pricecs .buy-btncs, .d-container .tab-column .t-buttons ul li a, .d-container .tab-column .t-inner .inner-item ul.list li span.icon, .d-container .info-column2 a.more, .d-container .dedicated-column .d-table > table tbody > tr td table tr.item td .icon-success, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td img, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td ul.t-list li, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle span, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle a.toggle-btn, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricecs, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price .pricecs div, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btn a, .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncs a, .d-container .dedicated-property ul li, .d-container .member-menu .block .b-inner li a, .popup-inner .p-inner .form .g-cb, .popup-inner .p-inner .form .g-cb i, .popup-inner .p-inner .form .g-cb span, .contact-popup .c-inner .form .item { display: inline-block; vertical-align: top; } /* ================================================================== File Name: Fonts SCSS ================================================================== */ /* ================================================================== File Name: Mixins SCSS ================================================================== */ /* ================================================================== File Name: Screen SCSS ================================================================== */ html, body { height: 100%; } body { background-color: #fff; margin: 0; padding: 0; min-width: 1000px; overflow-x:hidden;} *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ------------------------------------------------------------- Standart Variables ------------------------------------------------------------- */ /* ------------------------------------------------------------- Css Area: NAVBAR ------------------------------------------------------------- */ .d-navbar { height: 40px; /* background-color: #d9dee7; background: -webkit-gradient(linear, left top, left bottom, from(#dbe0e8), to(#d7dce6)); background: -moz-linear-gradient(top, #dbe0e8, #d7dce6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe0e8', endColorstr='#d7dce6');*/ border-bottom: 1px solid #cecece; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .d-navbar ul { overflow: hidden; margin: 0 -24px 0 -22px; } .d-navbar ul li { float: left; height: 40px; background: url(../img/bg1.png) no-repeat right 50%; } .d-navbar ul li a { display: block; height: 40px; font: 13px/39px "Roboto", "Arial"; color: #505f6e; margin-right: 1px; padding: 0 23px; margin-left: -1px; } .d-navbar ul li a:hover { color: #000; background-color: #3181c7; background: -webkit-gradient(linear, left top, left bottom, from(#3894d2), to(#2765ac)); background: -moz-linear-gradient(top, #3894d2, #2765ac); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3894d2', endColorstr='#2765ac'); -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.26) inset; -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.26) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.26) inset; } .d-navbar ul li:hover { background: none; } .d-navbar ul li:last-child { background: none; margin-right: 0; } .d-navbar ul li:last-child a { margin-right: 0; } /* ------------------------------------------------------------- Css Area: HEADER ------------------------------------------------------------- */ .d-header { height: 89px; background-color: #fff; border-bottom: 3px solid #1eb5e0; position: relative; z-index: 5; } .d-header .logo { float: left; margin-left:20px; margin-top: 5px; } .d-header .logo a:hover img { opacity: .90; filter: alpha(opacity=90); } .d-header .menu { float: right; height: 86px; margin-right: -18px; } .d-header .menu > ul > li { position: relative; margin-right: 5px; float: left; overflow: hidden\9; } .d-header .menu > ul > li:last-child { margin-right: 0; } .d-header .menu > ul > li > a { display: block; font: 16px/110% "Roboto", "Arial"; color: #364c58; height: 86px; padding: 31px 18px 0 18px; } .d-header .menu > ul > li > a span { display: block; position: relative; } .d-header .menu > ul > li > a em { display: block; text-align: left; font-size: 14px; font-style: normal; font-weight: normal;} .d-header .menu > ul > li.sub > a span { padding-right: 11px; } .d-header .menu > ul > li.sub > a span:before { content: ''; background: url(../img/icon1.png) no-repeat; width: 7px; height: 4px; position: absolute; z-index: 2; right: 0; top: 7px; } .d-header .menu > ul > li.sub:hover a span:before { background-position: 0 -4px; } .d-header .menu > ul > li > ol { background-color: #fff; width: 420px; min-height: 228px; position: absolute; left: 0; top: 92px; z-index: 3; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.22); box-shadow: 0 0 9px rgba(0, 0, 0, 0.22); padding: 7px 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: .0; filter: alpha(opacity=0); visibility: hidden; visibility: visible\9; left: -9999px\9; } .d-header .menu > ul > li > ol > li { width: 180px; padding: 0 15px; } .d-header .menu > ul > li > ol > li a:before { content: ''; background: url(../img/icon67.png) no-repeat 8px 0; width: 8px; height: 16px; position: absolute; right: -15px; top: 50%; margin-top: -8px; z-index: 2; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .d-header .menu > ul > li > ol > li.active a:before { background-position: 0 0 !important; } .d-header .menu > ul > li > ol > li > a { min-height: 40px; font: 300 15px/120% "Roboto", "Arial"; color: #4e4e50; display: block; padding: 12px 0 12px 0; position: relative; border-bottom: 1px dotted #e3e3e3; } .d-header .menu > ul > li > ol > li:last-child > a { border-bottom: 0; } .d-header .menu > ul > li > ol > li .popup { display: none; background-color: #dbdbdb; width: 240px; position: absolute; height: 100%; right: 0; top: 0; z-index: 10; -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.08) inset; -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.08) inset; box-shadow: 1px 0 4px rgba(0, 0, 0, 0.08) inset; padding: 10px 15px 0 15px; } .d-header .menu > ul > li > ol > li .popup h6 { display: block; font: 300 17px/120% "Roboto", "Arial"; color: #4e4e50; padding-bottom: 13px; border-bottom: 1px solid #cdcdcd; } .d-header .menu > ul > li > ol > li .popup h7 { display: block; font: 300 17px/141% "Roboto", "Arial"; color: #4e4e50; padding-bottom: 13px; border-bottom: 1px solid #cdcdcd; } .d-header .menu > ul > li > ol > li .popup p { height: 200px; overflow: hidden; display: block; margin-top: 12px; font: 300 14px/130% "Roboto", "Arial"; color: #4e4e50; margin-bottom: 10px; } .d-header .menu > ul > li > ol > li .popup .btn { height: 29px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; font: 300 15px/27px "Roboto", "Arial"; color: #4e4e50; padding: 0 8px 1px 8px; } .d-header .menu > ul > li > ol > li .popup .btn:hover { opacity: .90; filter: alpha(opacity=90); } .d-header .menu > ul > li > ol > li .popup .btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-header .menu > ul > li > ol > li .popup .btn:before { content: ''; background: url(../img/bg43.png) no-repeat; width: 8px; height: 16px; position: absolute; right: -8px; top: 50%; margin-top: -8px; z-index: 2; } .d-header .menu > ul > li > ol > li.active .popup { display: block !important; } .d-header .menu > ul > li:hover { overflow: visible\9; } .d-header .menu > ul > li:hover > a { background-color: #3181c7; background: -webkit-gradient(linear, left top, left bottom, from(#3894d2), to(#2765ac)); background: -moz-linear-gradient(top, #3894d2, #2765ac); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3894d2', endColorstr='#2765ac'); -webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26) inset; -moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26) inset; box-shadow: 0 0 49px rgba(0, 0, 0, 0.26) inset; } .d-header .menu > ul > li:hover > a * { color: #fff; } .d-header .menu > ul > li:hover > ol { top: 86px; opacity: 100; filter: alpha(opacity=100); visibility: visible; left: 0\9; } /* ------------------------------------------------------------- Css Area: CONTAINER ------------------------------------------------------------- */ .d-container { position: relative; z-index: 1; } .d-container .bg-div { width: 100%; background-repeat: repeat-x; background-position: 50% 0; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); } .d-container .bg-div.image1 { background-image: url(../img/bg2.jpg); height: 535px; } .d-container .bg-div.craciun { background-image: url(../img/craciun2016.jpg); height: 535px; } .d-container .bg-div.halloweenen { background-image: url(../img/halloweenen.jpg); height: 535px; } .d-container .bg-div.blackfriday { background-image: url(../img/blackfriday.jpg); height: 535px; } .d-container .bg-div.halloweenro { background-image: url(../img/halloweenro.jpg); height: 535px; } .d-container .d-slider { height: 442px; } .d-container .d-slider .center { height: 442px; position: relative; } .d-container .d-slider .center .swiper-container { width: 100%; height: 442px; overflow: hidden; } .d-container .d-slider .center .swiper-container .swiper-wrapper { height: 442px; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide { float: left; height: 442px; position: relative; padding-left: 542px; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide .image { position: absolute; font-size: 0; left: 0; top: 0; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide .image img { max-height: 442px; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide .desc { margin-top: 184px !important; font: 100 italic 83px/85px "Roboto", "Arial" !important; color: #fff !important; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide .desc p{ margin-top: 184px !important; font: 100 italic 83px/85px "Roboto", "Arial" !important; color: #fff !important; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide .desc strong { font-weight: normal; } .d-container .d-slider .center .swiper-container .swiper-wrapper .swiper-slide .desc .right { display: block; text-align: right; } .d-container .d-slider .center .swiper-container .swiper-controller { position: absolute; width: 100%; text-align: center; font-size: 0; height: 19px; z-index: 2; left: 0; bottom: 7px; } .d-container .d-slider .center .swiper-container .swiper-controller a.prev, .d-container .d-slider .center .swiper-container .swiper-controller a.next { background: url(../img/icon2.png) no-repeat; width: 11px; height: 19px; margin-right: 6px; opacity: .50; filter: alpha(opacity=50); } .d-container .d-slider .center .swiper-container .swiper-controller a.prev:hover, .d-container .d-slider .center .swiper-container .swiper-controller a.next:hover { opacity: 100; filter: alpha(opacity=100); } .d-container .d-slider .center .swiper-container .swiper-controller a.next { background-position: 0 -19px; margin-right: 0; margin-left: 6px; } .d-container .d-slider .center .swiper-container .swiper-controller .swiper-pagination { font-size: 0; } .d-container .d-slider .center .swiper-container .swiper-controller .swiper-pagination span { background: url(../img/icon3.png) no-repeat; width: 12px; height: 11px; margin: 4px 4px 0 4px; cursor: pointer; } .d-container .d-slider .center .swiper-container .swiper-controller .swiper-pagination span.active { background-position: 0 -11px; } .d-container .services { height: 66px; background-color: #0f1521; background-color: rgba(0, 0, 0, 0.6); margin-top: 27px; } .d-container .services .center { width: 1014px; } .d-container .services ul { width: 100%; display: table; table-layout: fixed; text-align: center; border-spacing: 7px 0; } .d-container .services ul li { display: table-cell; } .d-container .services ul li:last-child { margin-right: 0; } .d-container .services ul li a { display: block; position: relative; height: 66px; } .d-container .services ul li a span { background-color: #3c415a; background-color: rgba(0, 0, 0, 0.48); height: 27px; width: 100%; position: absolute; left: 0; top: -27px; z-index: 2; text-align: center; color: #fff; font: bold 12px/27px "Open Sans", Arial; } .d-container .services ul li a em { background: #060910 url(../img/bg3.png) no-repeat 0 60px !important; display: block; height: 60px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: relative; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); } .d-container .services ul li a em i { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .d-container .services ul li a em i.icon-domain { background-image: url(../img/icon4.png); width: 42px; height: 39px; margin-left: -21px; margin-top: -21px; } .d-container .services ul li a em i.icon-reg { background-image: url(../img/icon5.png); width: 34px; height: 46px; margin-left: -17px; margin-top: -23px; } .d-container .services ul li a em i.icon-web { background-image: url(../img/icon6.png); width: 49px; height: 38px; margin-left: -24.5px; margin-top: -19px; } .d-container .services ul li a em i.icon-seller { background-image: url(../img/icon7.png); width: 47px; height: 37px; margin-left: -23.5px; margin-top: -20px; } .d-container .services ul li a em i.icon-hosting { background-image: url(../img/icon8.png); width: 46px; height: 38px; margin-left: -23px; margin-top: -20px; } .d-container .services ul li a em i.icon-site { background-image: url(../img/icon9.png); width: 48px; height: 38px; margin-left: -24px; margin-top: -19px; } .d-container .services ul li a em i.icon-design { background-image: url(../img/icon10.png); width: 49px; height: 42px; margin-left: -24.5px; margin-top: -23px; } .d-container .services ul li a em i.icon-software { background-image: url(../img/icon11.png); width: 49px; height: 36px; margin-left: -24.5px; margin-top: -18px; } .d-container .services ul li a em i.icon-social { background-image: url(../img/icon12.png); width: 49px; height: 38px; margin-left: -22.5px; margin-top: -18.5px; } .d-container .services ul li a:before { content: ''; height: 6px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; background-color: #1eb7e1; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) inset; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.75) inset; } .d-container .services ul li a:after { content: ''; background: url(../img/bg4.png) no-repeat 0 6px; width: 11px; height: 6px; position: absolute; left: 50%; bottom: 6px; z-index: 3; margin-left: -5.5px; } .d-container .services ul li a:hover em { background-position: 0 0 !important; } .d-container .services ul li a:hover em i.icon-domain { background-position: 0 -39px; } .d-container .services ul li a:hover em i.icon-reg { background-position: 0 -46px; } .d-container .services ul li a:hover em i.icon-web { background-position: 0 -38px; } .d-container .services ul li a:hover em i.icon-seller { background-position: 0 -37px; } .d-container .services ul li a:hover em i.icon-hosting { background-position: 0 -38px; } .d-container .services ul li a:hover em i.icon-site { background-position: 0 -38px; } .d-container .services ul li a:hover em i.icon-design { background-position: 0 -42px; } .d-container .services ul li a:hover em i.icon-software { background-position: 0 -36px; } .d-container .services ul li a:hover em i.icon-social { background-position: 0 -38px; } .d-container .services ul li a:hover:after { background-position: 0 0; } .d-container .services ul li a:hover:before { background-color: #2a6ebb; background-color: #23456c \9; } .d-container .services ul li a:active em { -webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; } .d-container .how-works { height: 237px; background-color: #e4e7ee; background: -webkit-gradient(linear, left top, left bottom, from(#e9ecf1), to(#d7dce6)); background: -moz-linear-gradient(top, #e9ecf1, #d7dce6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ecf1', endColorstr='#d7dce6'); border-top: 1px solid #fff; border-bottom: 2px solid #1eb3de; position: relative; z-index: 1; } .d-container .how-works .center { padding-left: 447px; padding-top: 37px; } .d-container .how-works ul { overflow: hidden; } .d-container .how-works ul li { float: left; background: url(../img/bg6.png) no-repeat right 0; min-height: 173px; padding-right: 44px; padding-left: 38px; position: relative; } .d-container .how-works ul li:last-child { padding-right: 0; background: none; } .d-container .how-works ul li:first-child { padding-left: 0; } .d-container .how-works ul li i { display: block; text-indent: -9999px; height: 121px; } .d-container .how-works ul li i.icon-mouse { background: url(../img/icon13.png) no-repeat 50% 5px; } .d-container .how-works ul li i.icon-light { background: url(../img/icon14.png) no-repeat 50% 2px; } .d-container .how-works ul li i.icon-hand { background: url(../img/icon15.png) no-repeat 50% 5px; } .d-container .how-works ul li span { display: block; text-align: center; font: 300 17px/120% "Roboto", "Arial"; color: #4d4d4d; } .d-container .how-works ul li span strong { font-weight: 500; } .d-container .how-works ul li em { display: block; position: absolute; z-index: 3; text-indent: -9999px; } .d-container .how-works ul li em.arrow1 { background: url(../img/icon16.png) no-repeat; width: 86px; height: 26px; right: -50px; top: 42px; } .d-container .how-works ul li em.arrow2 { background: url(../img/icon17.png) no-repeat; width: 81px; height: 41px; right: -39px; top: 55px; } .d-container .domain-search { height: 474px; background: url(../img/bg7.jpg) repeat-x 50% 0; background-position: 50% 0; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); position: relative; z-index: 5; border-bottom: 4px solid #40c5da; } .d-container .domain-search i.big-icon { background: url(../img/bg5.png) no-repeat; width: 572px; height: 293px; position: absolute; left: -122px; top: -193px; z-index: 9999; text-indent: -9999px; } .d-container .domain-search .search-box { height: 70px; background-color: #0f0f0f; background-color: rgba(0, 0, 0, 0.5); position: relative; z-index: 3; } .d-container .domain-search .search-box .center { height: 70px; position: relative; } .d-container .domain-search .search-box .input { width: 415px; height: 57px; float: right; background-color: #fff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.18) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.18) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.18) inset; -webkit-box-shadow: inherit\9; -moz-box-shadow: inherit\9; box-shadow: inherit\9; border-bottom: 3px solid #d1d1d1 \9; padding-bottom: 3px; } .d-container .domain-search .search-box .input .tb, .d-container .domain-search .search-box .input .page-inner .contact-page .form .item .ta, .d-container .page-inner .contact-page .form .item .domain-search .search-box .input .ta, .d-container .domain-search .search-box .input .contact-popup .c-inner .form .item .ta, .contact-popup .c-inner .form .item .d-container .domain-search .search-box .input .ta { width: 325px; height: 54px; background: url(../img/icon18.png) no-repeat 15px 10px; padding-left: 73px; padding-right: 21px; font: 300 17px/120% "Roboto", "Arial"; line-height: 53px\9; border-right: 1px solid #bababa; color: #7a7a7a; float: left; } .d-container .domain-search .search-box .input .tb:focus, .d-container .domain-search .search-box .input .page-inner .contact-page .form .item .ta:focus, .d-container .page-inner .contact-page .form .item .domain-search .search-box .input .ta:focus, .d-container .domain-search .search-box .input .contact-popup .c-inner .form .item .ta:focus, .contact-popup .c-inner .form .item .d-container .domain-search .search-box .input .ta:focus { color: #555; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .d-container .domain-search .search-box .input .g-sb { height: 54px; width: 90px; float: left; } .d-container .domain-search .search-box .input .g-sb select { width: 100%; height: 90px; cursor: pointer; } .d-container .domain-search .search-box .input .g-sb .sbHolder { width: 100%; height: 54px; position: relative; } .d-container .domain-search .search-box .input .g-sb .sbHolder:hover { background-color: #f8f8f8; } .d-container .domain-search .search-box .input .g-sb .sbHolder .sbSelector { width: 100%; height: 54px; overflow: hidden; padding-left: 11px; font: 300 17px/55px "Roboto", "Arial"; color: #7a7a7a; display: block; padding-right: 20px; } .d-container .domain-search .search-box .input .g-sb .sbHolder .sbToggle { background: url(../img/icon19.png) no-repeat; width: 9px; height: 5px; display: block; position: absolute; right: 10px; top: 26px; z-index: 2; } .d-container .domain-search .search-box .input .g-sb .sbHolder .sbOptions { background-color: #f8f8f8; width: 100%; position: absolute; left: 0; top: 54px; max-height: 180px !important; overflow-y: auto; } .d-container .domain-search .search-box .input .g-sb .sbHolder .sbOptions li a { display: block; height: 30px; font: 300 17px/30px "Roboto", "Arial"; color: #7a7a7a; padding-left: 11px; overflow: hidden; } .d-container .domain-search .search-box .input .g-sb .sbHolder .sbOptions li a:hover { background-color: #1eb3de; color: #fff; } .d-container .domain-search .search-box .btn { width: 145px; height: 57px; background-color: #d8dadc; background: -webkit-gradient(linear, left top, left bottom, from(#e7e9eb), to(#c0c1c4)); background: -moz-linear-gradient(top, #e7e9eb, #c0c1c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e9eb', endColorstr='#c0c1c4'); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font: bold 16px/45px "Open Sans", Arial; color: #4d4d4d; text-align: center; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow: inherit\9; -moz-box-shadow: inherit\9; box-shadow: inherit\9; border-bottom: 0; border-bottom: 3px solid #a1a2a4 \9; float: right; margin-left: 7px; overflow: hidden; } .d-container .domain-search .search-box .btn:hover { background-color: #d1d1d3; background: -webkit-gradient(linear, left top, left bottom, from(#e7e9eb), to(#d1d1d3)); background: -moz-linear-gradient(top, #e7e9eb, #d1d1d3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e9eb', endColorstr='#d1d1d3'); } .d-container .domain-search .search-box .btn:active { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 -3px 0 rgba(0, 0, 0, 0.16) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 -3px 0 rgba(0, 0, 0, 0.16) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 -3px 0 rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow: inherit\9; -moz-box-shadow: inherit\9; box-shadow: inherit\9; } .d-container .domain-search .property-box { height: 360px; margin-top: 40px; } .d-container .domain-search .property-box ul li { float: left; margin-right: 16px; width: 238px; } .d-container .domain-search .property-box ul li:last-child { margin-right: 0; } .d-container .domain-search .property-box ul li a { display: block; height: 360px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; overflow-y: hidden; padding-top: 39px; background-color: #131313; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; } .d-container .domain-search .property-box ul li a:before { content: ''; background: url(../img/icon24.png) no-repeat 0 7px; width: 14px; height: 7px; position: absolute; left: 50%; bottom: 0; z-index: 4; margin-left: -7px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .d-container .domain-search .property-box ul li a em { display: block; width: 129px; height: 129px; background: url(../img/bg8.png) no-repeat; position: relative; margin: 0 auto; } .d-container .domain-search .property-box ul li a em i { position: absolute; z-index: 2; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; top: 33px; left: 50%; } .d-container .domain-search .property-box ul li a em i.icon-light { background: url(../img/icon20.png) no-repeat; width: 42px; height: 64px; margin-left: -21px; } .d-container .domain-search .property-box ul li a em i.icon-magic { background: url(../img/icon21.png) no-repeat; width: 59px; height: 59px; margin-top: 2px; margin-left: -29.5px; } .d-container .domain-search .property-box ul li a em i.icon-setting { background: url(../img/icon22.png) no-repeat; width: 69px; height: 63px; margin-left: -37px; } .d-container .domain-search .property-box ul li a em i.icon-rocket { background: url(../img/icon23.png) no-repeat; width: 58px; height: 59px; margin-top: 2px; margin-left: -31px; } .d-container .domain-search .property-box ul li a h6 { display: block; text-align: center; font: 300 19px/120% "Open Sans", Arial; color: #ffffff; margin-top: 22px; } .d-container .domain-search .property-box ul li a h6 strong { font-weight: 600; } .d-container .domain-search .property-box ul li a span { display: block; text-align: center; font: 13px/18px "Segoe UI Semibold", Arial; color: #ffffff; margin-top: 20px; padding: 0 17px; } .d-container .domain-search .property-box ul li a:hover { background-color: #000; } .d-container .domain-search .property-box ul li a:hover em { background-position: 0 -129px; } .d-container .domain-search .property-box ul li a:hover em i.icon-light { background-position: 0 -64px; } .d-container .domain-search .property-box ul li a:hover em i.icon-magic { background-position: 0 -59px; } .d-container .domain-search .property-box ul li a:hover em i.icon-setting { background-position: 0 -63px; } .d-container .domain-search .property-box ul li a:hover em i.icon-rocket { background-position: 0 -59px; } .d-container .domain-search .property-box ul li a:hover:before { background-position: 0 0; } .d-container .quality { padding: 32px 0; } .d-container .quality ul { overflow-y: hidden; } .d-container .quality ul li { float: left; width: 294px; margin-right: 59px; padding: 0 15px; } .d-container .quality ul li:last-child { margin-right: 0; } .d-container .quality ul li em { display: block; background: url(../img/bg9.png) no-repeat; width: 107px; height: 137px; margin: 0 auto; } .d-container .quality ul li em i { display: block; height: 104px; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999px; } .d-container .quality ul li em i.icon-support { background-image: url(../img/icon25.png); } .d-container .quality ul li em i.icon-time { background-image: url(../img/icon26.png); } .d-container .quality ul li em i.icon-security { background-image: url(../img/icon27.png); } .d-container .quality ul li strong { display: block; text-align: center; font: 23px/120% "Roboto", "Arial"; color: #343d45; margin-top: 22px; } .d-container .quality ul li span { display: block; text-align: center; font: 300 18px/120% "Roboto", "Arial"; color: #343d45; margin-top: 15px; } .d-container .assurance { background: url(../img/bg10.jpg) repeat-x 50% 0; min-height: 364px; padding-bottom: 20px; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); } .d-container .assurance h3 { display: block; font: 100 36px/120% "Roboto", "Arial"; color: #ffffff; padding-top: 40px; } .d-container .assurance h3 strong { font-weight: 500; } .d-container .assurance span { display: block; width: 390px; font: 100 21px/120% "Roboto", "Arial"; color: #ffffff; margin-top: 11px; margin-left: 2px; } .d-container .assurance .icons { overflow-y: hidden; width: 440px; margin-top: 39px; } .d-container .assurance .icons i { display: block; float: left; width: 89px; height: 89px; border: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; text-indent: -9999px; margin-right: 13px; margin-bottom: 13px; } .d-container .assurance .icons i.icon-pc { background-image: url(../img/icon28.png); } .d-container .assurance .icons i.icon-status { background-image: url(../img/icon29.png); } .d-container .assurance .icons i.icon-security { background-image: url(../img/icon30.png); } .d-container .assurance .icons i.icon-time { background-image: url(../img/icon31.png); background-position: 60% 50%; } .d-container .firm-works { height: 99px; background-color: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eaeaea)); background: -moz-linear-gradient(top, #fdfdfd, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea'); } .d-container .firm-works .center { position: relative; height: 99px; } .d-container .firm-works .center .controller, .d-container .firm-works .center a.prev-btn, .d-container .firm-works .center a.next-btn { background: url(../img/icon32.png) no-repeat; width: 16px; height: 49px; display: block; text-indent: -9999px; position: absolute; top: 25px; opacity: .50; filter: alpha(opacity=50); z-index: 2; } .d-container .firm-works .center .controller:hover, .d-container .firm-works .center a.prev-btn:hover, .d-container .firm-works .center a.next-btn:hover { opacity: 100; filter: alpha(opacity=100); } .d-container .firm-works .center a.prev-btn { left: 0; } .d-container .firm-works .center a.next-btn { background-position: 0 -49px; right: 0; } .d-container .firm-works .center .wrapper { width: 950px; height: 99px; margin: 0 auto; overflow: hidden; } .d-container .firm-works .center .wrapper ul { overflow: hidden; } .d-container .firm-works .center .wrapper ul li { float: left; width: 158px; margin-right: 40px; overflow: hidden; } .d-container .firm-works .center .wrapper ul li a { display: table; width: 100%; height: 99px; text-align: center; position: relative; } .d-container .firm-works .center .wrapper ul li a span { display: table-cell; vertical-align: middle; font-size: 0; } .d-container .firm-works .center .wrapper ul li a span img { max-width: 140px; max-height: 90px; opacity: .90; filter: alpha(opacity=90); } .d-container .firm-works .center .wrapper ul li a:before { content: ''; background: url(../img/icon33.png) no-repeat 0 5px; width: 10px; height: 5px; position: absolute; left: 50%; margin-left: -5px; bottom: 0; z-index: 2; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .d-container .firm-works .center .wrapper ul li a:hover:before { background-position: 0 0; } .d-container .firm-works .center .wrapper ul li a:hover span img { opacity: 100; filter: alpha(opacity=100); } .d-container .page-title { height: 450px; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); border-bottom: 4px solid rgba(0, 0, 0, 0.3); margin-bottom: -3px; position: relative; z-index: 0; } .d-container .page-title-mu { height: 315px; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); border-bottom: 4px solid rgba(0, 0, 0, 0.3); margin-bottom: -3px; position: relative; z-index: 0; } .d-container .page-title .center { height: 125px; } .d-container .page-title .center h1 { display: block; float: left; font: 300 44px/120px "Roboto", "Arial"; color: #ffffff; } .d-container .page-title .center i { display: block; float: right; text-indent: -9999px; background-repeat: no-repeat; background-position: right 50%; height: 125px; } .d-container .page-title .center i.icon-bank { background-image: url(../img/icon45.png); width: 94px; } .d-container .page-title .center i.icon-about { background-image: url(../img/icon48.png); width: 92px; } .d-container .page-title .center i.icon-box { background-image: url(../img/icon49.png); width: 75px; } .d-container .page-title .member { float: left; margin-top: 35px; color: #ffffff; font: 300 32px/120% "Roboto", "Arial"; } .d-container .page-title .member span { display: block; font-size: 21px; } .d-container .page-title .member h3 { display: block; font: 300 32px/120% "Roboto", "Arial"; color: #fff; margin: -7px 0 0 0; } .d-container .page-title .p-buttons { height: 97px; float: right; margin-top: 33px; } .d-container .page-title .p-buttons li { float: left; margin-left: 12px; } .d-container .page-title .p-buttons li:first-child { margin-left: 0; } .d-container .page-title .p-buttons li a { display: block; height: 97px; background-color: #161b30; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding-top: 67px; text-align: center; width: 166px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-position: 50% 9px; background-repeat: no-repeat; -webkit-box-shadow: 0 -4px 0 #b5de00 inset; -moz-box-shadow: 0 -4px 0 #b5de00 inset; box-shadow: 0 -4px 0 #b5de00 inset; -webkit-box-shadow: inherit\9; -moz-box-shadow: inherit\9; box-shadow: inherit\9; border-bottom: 4px solid #b5de00 \9; color: #fff; font: 300 16px/120% "Roboto", "Arial"; } .d-container .page-title .p-buttons li a:hover { background-color: #000; } .d-container .page-title .p-buttons li.icon-ticket a { background-image: url(../img/icon68.png); } .d-container .page-title .p-buttons li.icon-invoice a { background-image: url(../img/icon69.png); background-position: 50% 11px; -webkit-box-shadow: 0 -4px 0 #3893d2 inset; -moz-box-shadow: 0 -4px 0 #3893d2 inset; box-shadow: 0 -4px 0 #3893d2 inset; border-color: #3893d2 \9; } .d-container .page-title .p-buttons li.icon-logout a { background-image: url(../img/icon70.png); background-position: 52% 13px; -webkit-box-shadow: 0 -4px 0 #f1313b inset; -moz-box-shadow: 0 -4px 0 #f1313b inset; box-shadow: 0 -4px 0 #f1313b inset; border-color: #f1313b \9 ; } .d-container .page-inner { background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 12px; } .d-container .page-inner.no-padding { padding-left: 0; padding-right: 0; } .d-container .page-inner .quick-menu { width: 258px; float: left; } .d-container .page-inner .quick-menu .q-title { background: url(../img/bg17.png) no-repeat; height: 65px; padding: 0 15px 0 20px; } .d-container .page-inner .quick-menu .q-title h6 { float: left; margin-top: 2.5px !important; display: block; font: 300 22px/65px "Roboto", "Arial"; color: #ffffff; } .d-container .page-inner .quick-menu .q-title h6 strong { font-weight: 500; } .d-container .page-inner .quick-menu .q-title i { float: right; display: block; height: 65px; background-position: 0 50%; background-repeat: no-repeat; text-indent: -9999px; } .d-container .page-inner .quick-menu .q-title i.icon-menu { background-image: url(../img/icon46.png); width: 32px; } .d-container .page-inner .quick-menu .q-inner { border: 1px solid #cfcfcf; border-top: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 20px 0 15px 0; } .d-container .page-inner .quick-menu .q-inner ul li { padding: 0 10px; margin-bottom: 22px; } .d-container .page-inner .quick-menu .q-inner ul li:last-child { margin-bottom: 0; } .d-container .page-inner .quick-menu .q-inner ul li a { background: url(../img/icon47.png) no-repeat 0 7px; font: 300 16px/120% "Roboto", "Arial"; padding-left: 11px; color: #3a3e50; } .d-container .page-inner .quick-menu .q-inner ul li a:hover { color: #1680be; } .d-container .page-inner .quick-menu .q-inner ul li.active a { font-weight: 500; color: #3a3e50; } .d-container .page-inner .page-content { width: 700px; float: right; } .d-container .page-inner .page-content .p-c-title { height: 54px; border-bottom: 3px solid #dee1e5; } .d-container .page-inner .page-content .p-c-title h2 { height: 37px; border-bottom: 3px solid #7d92b2; font: 300 26px/120% "Roboto", "Arial"; color: #364454; } .d-container .page-inner .page-content .p-c-inner { margin-top: 20px; } .d-container .page-inner .banks-page .item { border: 1px solid #cfcfcf; margin-bottom: 12px; background-color: #faf9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3efef)); background: -moz-linear-gradient(top, white, #f3efef); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f3efef'); overflow: hidden; min-height: 138px; } .d-container .page-inner .banks-page .item:last-child { margin-bottom: 0; } .d-container .page-inner .banks-page .item .logo { width: 176px; float: left; border-right: 1px solid #cfcfcf; padding: 0 10px; text-align: center; min-height: 138px; } .d-container .page-inner .banks-page .item .logo i { display: table; text-align: center; font-size: 0; width: 100%; height: 100px; } .d-container .page-inner .banks-page .item .logo i em { display: table-cell; vertical-align: middle; } .d-container .page-inner .banks-page .item .logo i em img { max-height: 126px; max-width: 100%; } .d-container .page-inner .banks-page .item .logo span { display: block; text-align: center; font: 300 20px/120% "Roboto", "Arial"; color: #2e3b46; padding-bottom: 7px; letter-spacing: -0.02em; } .d-container .page-inner .banks-page .item .desc { margin-left: 176px; padding: 8px 17px; } .d-container .page-inner .banks-page .item .desc ul li { font: 300 15px/24px "Roboto", "Arial"; color: #2e3b46; } .d-container .page-inner .banks-page .item .desc ul li strong { width: 121px; font-weight: normal; } .d-container .page-inner .banks-page .item .desc ul li em { font-style: normal; margin-right: 3px; } .d-container .page-inner .text-page { font: 300 16px/20px "Roboto", "Arial"; color: #3a3e50; } .d-container .page-inner .text-page h3 { display: block; font-size: 25px; line-height: 120%; } .d-container .page-inner .text-page p { display: block; } .d-container .page-inner .contact-page .form { width: 467px; float: right; font-size: 0; } .d-container .page-inner .contact-page .form .item { margin-bottom: 10px; width: 100%; } .d-container .page-inner .contact-page .form .item:last-child { margin-bottom: 0; } .d-container .page-inner .contact-page .form .item.grid2 { width: 228px; margin-right: 10px; } .d-container .page-inner .contact-page .form .item.grid2:nth-child(2n) { margin-right: 0; } .d-container .page-inner .contact-page .form .item .tb, .d-container .page-inner .contact-page .form .item .ta { height: 38px; width: 100%; background-color: #f5f5f5; padding: 0 18px; border: 1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 13px "Roboto", "Arial"; color: #717171; line-height: 37px\9; } .d-container .page-inner .contact-page .form .item .tb:focus, .d-container .page-inner .contact-page .form .item .ta:focus { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; border-color: #bbb; } .d-container .page-inner .contact-page .form .item .ta { height: 130px; resize: none; overflow: auto; line-height: 120%; padding: 14px 18px; } .d-container .page-inner .contact-page .form .item .btn { background: url(../img/bg15.png) no-repeat; width: 113px; height: 36px; display: block; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: bold 13px/20px "Roboto", "Arial"; color: #ffffff; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.12) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.12) inset; } .d-container .page-inner .contact-page .form .item .btn:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .page-inner .contact-page .form .item .btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .page-inner .contact-page .info h6 { display: block; font: 17px/120% "Roboto", "Arial"; color: #364454; margin-bottom: 17px; } .d-container .page-inner .contact-page .info p { display: block; font: 300 14px/20px "Roboto", "Arial"; color: #364454; } .d-container .page-inner .contact-page .info p a { color: #364454; } .d-container .page-inner .contact-page .info p a:hover { text-decoration: underline; } .d-container .page-inner .contact-page .seperator { height: 275px; width: 1px; background-color: #bcc9d8; float: left; margin-left: 40px; margin-top: 58px; } .d-container .page-inner .box-page { padding-top: 40px; padding-bottom: 40px; } .d-container .page-inner .box-page .column { float: left; margin-right: 30px; width: 210px; } .d-container .page-inner .box-page .column:last-child { margin-right: 0; } .d-container .page-inner .box-page .column h6 { display: block; font: italic 500 22px/120% "Roboto", "Arial"; color: #373e4a; padding-bottom: 16px; border-bottom: 1px solid #eeeeee; } .d-container .page-inner .box-page .column .c-inner { padding: 28px 15px 0 15px; } .d-container .page-inner .box-page .column .c-inner ul { float: left; } .d-container .page-inner .box-page .column .c-inner ul li { margin-bottom: 27px; } .d-container .page-inner .box-page .column .c-inner ul li:last-child { border-bottom: 0; } .d-container .page-inner .box-page .column .c-inner ul li a { font: italic 13px/120% "Roboto", "Arial"; color: #373e4a; } .d-container .page-inner .box-page .column .c-inner ul li a:hover { border-bottom: 1px solid #373e4a; } .d-container .page-inner .box-page .column .c-inner a.box-btn { height: 31px; display: block; padding: 0 13px; background-color: #303641; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: italic 12px/30px "Roboto", "Arial"; color: #fff; float: left; margin-left: 50px; } .d-container .page-inner .box-page .column .c-inner a.box-btn:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .page-inner .box-page .column .c-inner a.box-btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .page-map { position: relative; z-index: 0; height: 542px; margin-bottom: -142px; } .d-container .page-map .map { position: relative; } .d-container .page-map .map:before { height: 4px; width: 100%; background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: 5; } .d-container .box-step { height: 54px; margin-top: 21px; } .d-container .box-step ul { width: 1010px; display: table; table-layout: fixed; border-spacing: 5px 0; margin: 0 -5px; } .d-container .box-step ul li { display: table-cell; height: 54px; position: relative; padding-left: 14px; vertical-align: middle; font: 16px/120% "Roboto", "Arial"; color: #fff; background-color: #1a2038; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 3px 0 #828282 inset; -moz-box-shadow: 0 3px 0 #828282 inset; box-shadow: 0 3px 0 #828282 inset; } .d-container .box-step ul li em { display: block; width: 33px; height: 33px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background-color: #191e35; border: 3px solid rgba(0, 0, 0, 0.1); font-style: normal; position: absolute; right: 8px; top: 15px; text-align: center; line-height: 26px; } .d-container .box-step ul li span { vertical-align: middle; } .d-container .box-step ul li.active { background-color: #fff; color: #364c56; -webkit-box-shadow: 0 3px 0 #157dbc inset; -moz-box-shadow: 0 3px 0 #157dbc inset; box-shadow: 0 3px 0 #157dbc inset; } .d-container .box-step ul li.active em { background-color: #fff; border-color: #e0e0e0; } .d-container .cloud-column { height: 295px; background-color: #f5f6fa; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dfe4ee)); background: -moz-linear-gradient(top, white, #dfe4ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dfe4ee'); position: relative; padding-top: 49px; } .d-container .cloud-column:before { content: ''; background-color: #000; width: 100%; height: 59px; position: absolute; left: 0; bottom: 0; opacity: 0.04; z-index: 0; background-color: #d9dee7 \9; } .d-container .affiliate { height: 235px; background-color: #f5f6fa; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dfe4ee)); background: -moz-linear-gradient(top, white, #dfe4ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dfe4ee'); position: relative; padding-top: 49px; } .d-container .affiliate:before { content: ''; background-color: #000; width: 100%; height: 99px; position: absolute; left: 0; bottom: 0; opacity: 0.04; z-index: 0; background-color: #d9dee7 \9; } .d-container .cloud-column .cloud-buttons { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttons ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttons ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttons ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttons ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttons ul li a i.iconcs { display: block; background: url(../img/icon_cs.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttons ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttons ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttons ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonscs { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonscs ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonscs ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonscs ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonscs ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonscs ul li a i.iconcs { display: block; background: url(../img/icon_cs.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonscs ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonscs ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonscs ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonscsgo { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonscsgo ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonscsgo ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonscsgo ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonscsgo ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonscsgo ul li a i.iconcsgo { display: block; background: url(../img/icon_csgo.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonscsgo ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonscsgo ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonscsgo ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonsgtasamp { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonsgtasamp ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonsgtasamp ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonsgtasamp ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsgtasamp ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsgtasamp ul li a i.icongtasamp { display: block; background: url(../img/icon_gtasamp.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsgtasamp ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonsgtasamp ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonsgtasamp ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonsleftdead { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonsleftdead ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonsleftdead ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonsleftdead ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsleftdead ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsleftdead ul li a i.iconleftdead { display: block; background: url(../img/icon_leftdead.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsleftdead ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonsleftdead ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonsleftdead ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonsminecraft { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonsminecraft ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonsminecraft ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonsminecraft ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsminecraft ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsminecraft ul li a i.iconminecraft { display: block; background: url(../img/icon_minecraft.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsminecraft ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonsminecraft ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonsminecraft ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonsteamfortress { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonsteamfortress ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonsteamfortress ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonsteamfortress ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsteamfortress ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsteamfortress ul li a i.iconteamfortress { display: block; background: url(../img/icon_teamfortress.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsteamfortress ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonsteamfortress ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonsteamfortress ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonshalflife { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonshalflife ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonshalflife ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonshalflife ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonshalflife ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonshalflife ul li a i.iconhalflife { display: block; background: url(../img/icon_hl.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonshalflife ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonshalflife ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonshalflife ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-buttonsmuonline { height: 120px; padding-left: 50px; } .d-container .cloud-column .cloud-buttonsmuonline ul li { float: left; margin-right: 27px; } .d-container .cloud-column .cloud-buttonsmuonline ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-buttonsmuonline ul li a i { display: block; background: url(../img/icon50.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsmuonline ul li a i.icon1 { display: block; background: url(../img/icon50a.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsmuonline ul li a i.iconmuonline { display: block; background: url(../img/icon_mu.png) no-repeat; width: 89px; height: 84px; text-indent: -9999px; margin-bottom: 10px; } .d-container .cloud-column .cloud-buttonsmuonline ul li a span { display: block; text-align: center; font: 15px/120% "Roboto", "Arial"; color: #303c43; } .d-container .cloud-column .cloud-buttonsmuonline ul li a:hover i { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-buttonsmuonline ul li.active a i { opacity: 100; filter: alpha(opacity=100); background-position: 0 -84px; } .d-container .cloud-column .cloud-range { height: 29px; border: 1px solid #e0e3e8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 5px; margin-top: 11px; } .d-container .cloud-column .cloud-range .inner { background: url(../img/bg18.png) repeat-x; height: 17px; width: 100%; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } .d-container .cloud-column .cloud-range .inner .range { padding: 0 88px 0 88px; } .d-container .cloud-column .cloud-range .inner .range .seperators { height: 36px; width: 100%; position: absolute; padding-left: 43px; top: -19px; left: 0; z-index: 3; } .d-container .cloud-column .cloud-range .inner .range .seperators span { height: 36px; width: 89px; display: block; text-indent: -9999px; float: left; margin-right: 27px; background: url(../img/bg20.png) no-repeat 50% 0; } .d-container .cloud-column .cloud-range .inner .range .seperators span:last-child { margin-right: 0; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bg { background: #17c6fb url(../img/bg19.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bgcs { background: #17c6fb url(../img/redcs.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bgcsgo { background: #17c6fb url(../img/redcs.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bggtasamp { background: #17c6fb url(../img/redcs.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bgleftdead { background: #17c6fb url(../img/redcs.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bgminecraft { background: #17c6fb url(../img/baraverde.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bgteamfortress { background: #17c6fb url(../img/redcs.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bghalflife { background: #17c6fb url(../img/baramov.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range-bgmuonline { background: #17c6fb url(../img/redcs.png) no-repeat 0 0; height: 17px; background-size: 100% 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; left: 0; top: 0; z-index: 1; width: 87px; } .d-container .cloud-column .cloud-range .inner .range .slider-range { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-range .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-range .ui-slider-handle { display: block; background: url(../img/icon51.png) no-repeat; width: 37px; height: 38px; top: -10px; margin-left: -18.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangecs { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangecs .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangecs .ui-slider-handle { display: block; background: url(../img/glont.png) no-repeat; width: 40px; height: 25px; top: -4px; margin-left: -18.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangecsgo { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangecsgo .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangecsgo .ui-slider-handle { display: block; background: url(../img/bomba.png) no-repeat; width: 33px; height: 40px; top: -14px; margin-left: -18.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangegtasamp { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangegtasamp .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangegtasamp .ui-slider-handle { display: block; background: url(../img/gtamoney.png) no-repeat; width: 45px; height: 32px; top: -8px; margin-left: -18.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeleftdead { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeleftdead .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeleftdead .ui-slider-handle { display: block; background: url(../img/leftdead.png) no-repeat; width: 36px; height: 60px; top: -28px; margin-left: -18.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeminecraft { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeminecraft .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeminecraft .ui-slider-handle { display: block; background: url(../img/dirt.png) no-repeat; width: 33px; height: 32px; top: -8px; margin-left: -18.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeteamfortress { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeteamfortress .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangeteamfortress .ui-slider-handle { display: block; background: url(../img/iconteam.png) no-repeat; width: 46px; height: 46px; top: -14px; margin-left: -27.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangehalflife { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangehalflife .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangehalflife .ui-slider-handle { display: block; background: url(../img/ranga.png) no-repeat; width: 25px; height: 60px; top: -24px; margin-left: -22.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-range .inner .range .slider-rangemuonline { position: relative; z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangemuonline .ui-slider-range { z-index: 5; } .d-container .cloud-column .cloud-range .inner .range .slider-rangemuonline .ui-slider-handle { display: block; background: url(../img/muonline.png) no-repeat; width: 48px; height: 48px; top: -15px; margin-left: -24.5px; z-index: 6; cursor: pointer; } .d-container .cloud-column .cloud-property { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-property .property-item { display: none; } .d-container .cloud-column .cloud-property ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-property ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-property ul li:last-child { background: none; } .d-container .cloud-column .cloud-property ul li span { display: block; height: 58px; padding: 0 27px 0 51px; } .d-container .cloud-column .cloud-property ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-property ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-property ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-property ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-property ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-property ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-property ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-property .price { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-property .price h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-property .price h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-property .price .buy-btn { background: url(../img/bg22.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-property .price .buy-btn:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-property .price .buy-btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .buttondreamserver { display: inline-block; border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-size: 28px; padding: 20px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px; } .buttondreamserver span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .buttondreamserver span:after { content: '»'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .buttondreamserver:hover span { padding-right: 25px; } .buttondreamserver:hover span:after { opacity: 1; right: 0; } .d-container .cloud-column .cloud-propertycs .pricecs { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertycs .pricecs h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertycs .pricecs h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertycs .pricecs .buy-btncs { background: url(../img/butoncs.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertycs .pricecs .buy-btncs:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertycs .pricecs .buy-btncs:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertycsgo .pricecsgo { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertycsgo .pricecsgo h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertycsgo .pricecsgo h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertycsgo .pricecsgo .buy-btncsgo { background: url(../img/butoncs.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertycsgo .pricecsgo .buy-btncsgo:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertycsgo .pricecsgo .buy-btncsgo:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp .buy-btngtasamp { background: url(../img/butoncs.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp .buy-btngtasamp:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertygtasamp .pricegtasamp .buy-btngtasamp:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertyleftdead .priceleftdead { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertyleftdead .priceleftdead h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertyleftdead .priceleftdead h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertyleftdead .priceleftdead .buy-btnleftdead { background: url(../img/butoncs.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertyleftdead .priceleftdead .buy-btnleftdead:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertyleftdead .priceleftdead .buy-btnleftdead:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertyminecraft .priceminecraft { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertyminecraft .priceminecraft h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertyminecraft .priceminecraft h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertyminecraft .priceminecraft .buy-btnminecraft { background: url(../img/butonverde.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertyminecraft .priceminecraft .buy-btnminecraft:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertyminecraft .priceminecraft .buy-btnminecraft:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress .buy-btnteamfortress { background: url(../img/butoncs.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress .buy-btnteamfortress:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertyteamfortress .priceteamfortress .buy-btnteamfortress:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertyhalflife .pricehalflife { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertyhalflife .pricehalflife h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertyhalflife .pricehalflife h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertyhalflife .pricehalflife .buy-btnhalflife { background: url(../img/butonmov.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertyhalflife .pricehalflife .buy-btnhalflife:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertyhalflife .pricehalflife .buy-btnhalflife:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertymuonline .pricemuonline { float: right; height: 43px; margin-top: 0px; font-size: 0; } .d-container .cloud-column .cloud-propertymuonline .pricemuonline h6 { height: 43px; font: 300 29px/43px "Roboto", "Arial"; color: #333f4f; margin-right: 15px; } .d-container .cloud-column .cloud-propertymuonline .pricemuonline h6 strong { font-weight: 500; } .d-container .cloud-column .cloud-propertymuonline .pricemuonline .buy-btnmuonline { background: url(../img/butoncs.png) no-repeat; width: 153px; height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 500 17px/42px "Roboto", "Arial"; color: #ffffff; margin-top: 8px;} .d-container .cloud-column .cloud-propertymuonline .pricemuonline .buy-btnmuonline:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .cloud-column .cloud-propertymuonline .pricemuonline .buy-btnmuonline:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .cloud-column .cloud-propertycs { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertycs .property-itemcs { display: none; } .d-container .cloud-column .cloud-propertycs ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertycs ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertycs ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertycs ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertycs ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertycs ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertycs ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column ul li.icon-lan span { background: url(../img/icon_lan.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column ul li.icon-player span { background: url(../img/icon_player.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertycs ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertycs ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertycs ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertycs ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertycsgo { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertycsgo .property-itemcsgo { display: none; } .d-container .cloud-column .cloud-propertycsgo ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertycsgo ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertycsgo ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertycsgo ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertycsgo ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertycsgo ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertycsgo ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertycsgo ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertycsgo ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertycsgo ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertycsgo ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertygtasamp { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertygtasamp .property-itemgtasamp { display: none; } .d-container .cloud-column .cloud-propertygtasamp ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertygtasamp ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertygtasamp ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertygtasamp ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertygtasamp ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertygtasamp ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertygtasamp ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertygtasamp ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertygtasamp ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertygtasamp ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertygtasamp ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertyleftdead { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertyleftdead .property-itemleftdead { display: none; } .d-container .cloud-column .cloud-propertyleftdead ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertyleftdead ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertyleftdead ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertyleftdead ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertyleftdead ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertyleftdead ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertyleftdead ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyleftdead ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyleftdead ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyleftdead ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertyleftdead ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertyminecraft { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertyminecraft .property-itemminecraft { display: none; } .d-container .cloud-column .cloud-propertyminecraft ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertyminecraft ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertyminecraft ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertyminecraft ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertyminecraft ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertyminecraft ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertyminecraft ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyminecraft ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyminecraft ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyminecraft ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertyminecraft ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertyteamfortress { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertyteamfortress .property-itemteamfortress { display: none; } .d-container .cloud-column .cloud-propertyteamfortress ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertyteamfortress ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertyteamfortress ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertyteamfortress ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertyteamfortress ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertyteamfortress ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertyteamfortress ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyteamfortress ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyteamfortress ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyteamfortress ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertyteamfortress ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertyhalflife { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertyhalflife .property-itemhalflife { display: none; } .d-container .cloud-column .cloud-propertyhalflife ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertyhalflife ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertyhalflife ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertyhalflife ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertyhalflife ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertyhalflife ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertyhalflife ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyhalflife ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyhalflife ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertyhalflife ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertyhalflife ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .cloud-column .cloud-propertymuonline { position: relative; z-index: 2; height: 58px; margin-top: 18px; } .d-container .cloud-column .cloud-propertymuonline .property-itemmuonline { display: none; } .d-container .cloud-column .cloud-propertymuonline ul { float: left; overflow: hidden; margin-bottom: -0.5px !important;} .d-container .cloud-column .cloud-propertymuonline ul li { background: url(../img/bg21.png) no-repeat right 0; font: 300 23px/58px "Roboto", "Arial"; color: #303c43; height: 58px; margin-right: 24px; float: left; } .d-container .cloud-column .cloud-propertymuonline ul li:last-child { background: none; } .d-container .cloud-column .cloud-propertymuonline ul li span { display: block; height: 58px; padding: 0 10px 0 45px; } .d-container .cloud-column .cloud-propertymuonline ul li:last-child { margin-right: 0; } .d-container .cloud-column .cloud-propertymuonline ul li.icon-core span { background: url(../img/icon52.png) no-repeat 0 50%; } .d-container .cloud-column .cloud-propertymuonline ul li.icon-ram span { background: url(../img/icon53.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertymuonline ul li.icon-jucatori span { background: url(../img/icon39.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertymuonline ul li.icon-dwurl span { background: url(../img/icon60.png) no-repeat 0 50%; padding-left: 43px; } .d-container .cloud-column .cloud-propertymuonline ul li.icon-hdd span { background: url(../img/icon54.png) no-repeat 0 50%; padding-left: 35px; } .d-container .cloud-column .cloud-propertymuonline ul li.icon-internet span { background: url(../img/icon55.png) no-repeat 0 50%; padding-left: 38px; } .d-container .info-column { margin-top: 15px; padding-bottom: 15px; } .d-container .info-column i.image { display: block; background: url(../img/bg23.png) no-repeat; width: 455px; height: 270px; float: left; margin-left: -41px; text-indent: -9999px; } .d-container .info-column .desc { width: 555px; float: right; margin-top: 72px; font: 300 17px/21px "Roboto", "Arial"; color: #464543; } .d-container .info-column .desc h6 { display: block; font: 100 31px/120% "Roboto", "Arial"; color: #464543; } .d-container .info-column .desc p { display: block; padding-left: 2px; } .d-container .tab-column { margin-top: 90px; } .d-container .tab-column .t-buttons { min-height: 28px; font-size: 0; padding-left: 97px; } .d-container .tab-column .t-buttons ul li { display: inline; margin-right: 24px; } .d-container .tab-column .t-buttons ul li:last-child { margin-right: 0; } .d-container .tab-column .t-buttons ul li a { height: 28px; background-color: #f0f1f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 300 16px/28px "Roboto", "Arial"; color: #5c6873; padding: 0 8px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; } .d-container .tab-column .t-buttons ul li a:before { content: ''; background: url(../img/bg24.png) no-repeat 0 15px; width: 33px; height: 15px; position: absolute; left: 50%; margin-left: -16.5px; bottom: -21px; z-index: 10; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .d-container .tab-column .t-buttons ul li.active a { background-color: #e3e6ed; } .d-container .tab-column .t-buttons ul li.active a:before { background-position: 0 0; } .d-container .tab-column .t-inner { background: url(../img/bg25.png) no-repeat; min-height: 315px; margin-top: 20px; padding: 27px 0; } .d-container .tab-column .t-inner .inner-item { position: relative; } .d-container .tab-column .t-inner .inner-item i.icon1 { background: url(../img/bg27.png) no-repeat; width: 219px; height: 281px; position: absolute; right: 8px; top: -64px; display: block; text-indent: -9999px; } .d-container .tab-column .t-inner .inner-item i.icon2 { background: url(../img/bg28.png) no-repeat; width: 395px; height: 445px; position: absolute; right: -54px; top: -144px; display: block; text-indent: -9999px; } .d-container .tab-column .t-inner .inner-item ul.list { width: 750px; margin-top: 16px; } .d-container .tab-column .t-inner .inner-item ul.list li { float: left; margin-right: 90px; margin-bottom: 60px; text-align: center; width: auto; } .d-container .tab-column .t-inner .inner-item ul.list li:nth-child(4n) { margin-right: 0; } .d-container .tab-column .t-inner .inner-item ul.list li span.icon { background: url(../img/bg26.png) no-repeat; width: 86px; height: 86px; text-align: center; } .d-container .tab-column .t-inner .inner-item ul.list li span.icon i { display: block; text-indent: -9999px; width: 86px; height: 86px; background-position: 50% 50%; background-repeat: no-repeat; } .d-container .tab-column .t-inner .inner-item ul.list li span.icon i.icon-asp { background-image: url(../img/icon56.png); } .d-container .tab-column .t-inner .inner-item ul.list li span.icon i.icon-time { background-image: url(../img/icon57.png); } .d-container .tab-column .t-inner .inner-item ul.list li span.icon i.icon-music { background-image: url(../img/icon58.png); } .d-container .tab-column .t-inner .inner-item ul.list li span.icon i.icon-star { background-image: url(../img/icon59.png); } .d-container .tab-column .t-inner .inner-item ul.list li span.text { display: block; font: 300 16px/20px "Roboto", "Arial"; color: #5c6873; margin-top: 18px; } .d-container .tab-column .t-inner .inner-item .desc { width: 555px; font: 300 17px/21px "Roboto", "Arial"; color: #464543; } .d-container .tab-column .t-inner .inner-item .desc h6 { display: block; font: 100 31px/120% "Roboto", "Arial"; color: #464543; } .d-container .tab-column .t-inner .inner-item .desc p { display: block; margin-top: 10px; } .d-container .info-column2 { background: url(../img/bg29.png) repeat-x; } .d-container .info-column2 .startupro { background: url(../img/packetstartupro.jpg) no-repeat 50% 0; height: 497px; padding-top: 44px; text-align: center; } .d-container .info-column2 .startup { background: url(../img/packetstartup.jpg) no-repeat 50% 0; height: 497px; padding-top: 44px; text-align: center; } .d-container .info-column2 .bg { background: url(../img/bg30.jpg) no-repeat 50% 0; height: 497px; padding-top: 44px; text-align: center; } .d-container .info-column2 h6 { display: block; text-align: center; font: 100 34px/120% "Roboto", "Arial"; color: #ffffff; height: 87px; } .d-container .info-column2 p { display: block; text-align: center; font: 300 17px/24px "Roboto", "Arial"; color: #ffffff; margin-top: 195px; } .d-container .info-column2 a.more { min-width: 338px; padding: 0 15px; height: 48px; border: 2px solid #53768f; border-color: rgba(255, 255, 255, 0.3); background-color: #07314e; background-color: rgba(0, 0, 0, 0.08); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; font: 300 17px/42px "Roboto", "Arial"; color: #ffffff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-top: 20px; } .d-container .info-column2 a.more:hover { background-color: #fff; border-color: #fff; color: #062f4c; } .d-container .dedicated-column { background-color: #f4f6f9; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dfe4ee)); background: -moz-linear-gradient(top, white, #dfe4ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dfe4ee'); } .d-container .dedicated-column .d-top { padding-top: 32px; } .d-container .dedicated-column .d-top h6 { display: block; font: 300 36px/120% "Roboto", "Arial"; color: #39474f; padding-top: 17px; } .d-container .dedicated-column .d-top p { display: block; font: 300 16px/25px "Roboto", "Arial"; color: #39474f; margin-top: 0px; width: 515px; } .d-container .dedicated-column .d-top i.icon { background: url(../img/bg31.png) no-repeat; width: 350px; height: 317px; text-indent: -9999px; display: block; float: right; margin-right: 6px; } .d-container .dedicated-column .d-table > table { width: 100%; table-layout: fixed; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; overflow: hidden; } .d-container .dedicated-column .d-table > table thead { height: 64px; background-color: #d3d8df; position: relative; } .d-container .dedicated-column .d-table > table thead tr { border-bottom: 6px solid #bcc0c7; } .d-container .dedicated-column .d-table > table thead th { height: 64px; text-align: center; font: 19px/120% "Roboto", "Arial"; color: #39474f; padding-top: 3px; vertical-align: middle; -webkit-box-shadow: -1px 0 0 #e1e5ea; -moz-box-shadow: -1px 0 0 #e1e5ea; box-shadow: -1px 0 0 #e1e5ea; border-right: 1px solid #bcc0c7; } .d-container .dedicated-column .d-table > table tbody { background-color: #fff; } .d-container .dedicated-column .d-table > table tbody > tr td table { width: 1001px; table-layout: fixed; } .d-container .dedicated-column .d-table > table tbody > tr td table tbody { width: 100%; } .d-container .dedicated-column .d-table > table tbody > tr td table tbody:hover { background-color: #f8f8f8; } .d-container .dedicated-column .d-table > table tbody > tr td table tbody:hover tr.item td { border-color: transparent !important; } .d-container .dedicated-column .d-table > table tbody > tr td table tbody:hover tr.desc { display: table-row !important; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.item td { height: 98px; border-right: 1px solid #e4e6e9; vertical-align: middle; font: 15px/120% "Roboto", "Arial"; color: #39474f; text-align: center; border-bottom: 1px solid #e4e6e9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.item td .product { text-align: center; font: 13px/120% "Roboto", "Arial"; color: #39474f; padding: 2px 10px 0 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.item td .product img { max-width: 100%; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.item td .product span { display: block; margin-bottom: 11px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.item td .icon-success { background: url(../img/icon60.png) no-repeat; width: 24px; height: 18px; text-indent: -9999px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc { display: none; width: 100%; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td { height: 118px; vertical-align: middle; padding: 0 17px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td img { max-width: 100%; margin: 8px; vertical-align: middle; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td ul.t-list { font-size: 0; width: 100%; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td ul.t-list li { width: 235px; font: 300 14px/24px "Roboto", "Arial"; color: #39474f; background: url(../img/icon61.png) no-repeat 0 8px; padding-left: 11px; padding-right: 15px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price { text-align: center; font-size: 0; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle { font-size: 0; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle span { font: 500 12px/15px "Roboto", "Arial"; color: #acb0b2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle a.toggle-btn { height: 15px; width: 35px; background: url(../img/icon62.png) no-repeat; text-indent: -9999px; margin: 0 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle a.toggle-btn:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle a.toggle-btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .toggle a.toggle-btn.active { background-position: 0 -15px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price { font: 19px/120% "Roboto", "Arial"; color: #39474f; display: inline; margin-left: 23px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-price .price strong { font-size: 31px; vertical-align: top; font-weight: normal; position: relative; top: -4px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btn { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btn a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btn a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btn a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncs { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncs a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncs a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncs a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncsgo { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncsgo a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncsgo a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btncsgo a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btngtasamp { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btngtasamp a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btngtasamp a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btngtasamp a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnleftdead { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnleftdead a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnleftdead a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnleftdead a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnminecraft { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnminecraft a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnminecraft a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnminecraft a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnteamfortress { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnteamfortress a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnteamfortress a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnteamfortress a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnhalflife { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnhalflife a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnhalflife a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnhalflife a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnmuonline { text-align: center; margin-top: 10px; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnmuonline a { height: 49px; width: 220px; text-align: center; font: 15px/49px "Roboto", "Arial"; color: #ffffff; position: relative; background-color: #97d204; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding-left: 57px; -webkit-box-shadow: 0 -5px 0 #83ba04 inset; -moz-box-shadow: 0 -5px 0 #83ba04 inset; box-shadow: 0 -5px 0 #83ba04 inset; -webkit-box-shadow: inherit/9; -moz-box-shadow: inherit/9; box-shadow: inherit/9; border-bottom: 5px solid #83ba04 \9; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnmuonline a:before { content: ''; background: url(../img/icon63.png) no-repeat 0 0; width: 57px; height: 49px; position: absolute; left: 0; top: 0; z-index: 2; } .d-container .dedicated-column .d-table > table tbody > tr td table tr.desc td .buy-btnmuonline a:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .dedicated-property { background: url(../img/reff.jpg) repeat-x 50% 0; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); padding: 38px 0 40px 0; } .d-container .dedicated-property h3 { display: block; font: 100 34px/120% "Roboto", "Arial"; color: #ffffff; text-align: center; } .d-container .dedicated-property h6 { display: block; font: 100 21px/120% "Roboto", "Arial"; color: #ffffff; text-align: center; } .d-container .dedicated-property ul { margin-top: 40px; font-size: 0; } .d-container .dedicated-property ul li { width: 33.3%; font: 300 17px/39px "Roboto", "Arial"; color: #ffffff; padding-left: 15px; background: url(../img/icon64.png) no-repeat 0 16px; } .d-container .dedicated-property ul li:nth-child(3n) { width: 33.4%; } .d-container .info-column3 .center { padding: 120px 450px 110px 0; position: relative; min-height: 454px; } .d-container .info-column3 .center h6 { display: block; font: 100 31px/120% "Roboto", "Arial"; color: #464543; margin-bottom: 10px; } .d-container .info-column3 .center p { display: block; font: 300 17px/21px "Roboto", "Arial"; color: #464543; } .d-container .info-column3 .center i.icon { background: url(../img/bg33.png) no-repeat; width: 525px; height: 423px; position: absolute; right: -71px; top: 30px; } .d-container .cloud-hosting { min-height: 960px; } .d-container .cloud-hosting .c-title { height: 130px; border-bottom: 1px solid #fff; } .d-container .cloud-hosting .c-title h1 { float: left; font: 100 70px/120px "Roboto", "Arial"; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.38); } .d-container .cloud-hosting .c-title i.icon-car { background: url(../img/icon65.png) no-repeat; width: 147px; height: 70px; float: right; display: block; text-indent: -9999px; margin-top: 39px; } .d-container .packet-list { overflow: hidden; margin-top: 48px; } .d-container .packet-list > ul { margin-right: -12px; } .d-container .packet-list > ul > li { float: left; margin: 0 12px 12px 0; width: 241px; background-color: #151d2b; background-color: rgba(0, 0, 0, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden; } .d-container .packet-list > ul > li .p-title { height: 61px; border-bottom: 2px solid #21c9ed; text-align: center; font: 300 19px/59px "Roboto", "Arial"; color: #ffffff; } .d-container .packet-list > ul > li .p-title strong { font-weight: 500; } .d-container .packet-list > ul > li > ol { height: 244px; overflow: hidden; text-align: center; padding-top: 10px; } .d-container .packet-list > ul > li > ol li { font: 300 14px/28px "Roboto", "Arial"; color: #ffffff; } .d-container .packet-list > ul > li .price { height: 54px; background-color: #030509; background-color: rgba(0, 0, 0, 0.5); } .d-container .packet-list > ul > li .price strong { float: left; font: 300 29px/53px "Roboto", "Arial"; color: #ffffff; margin-left: 18px; } .d-container .packet-list > ul > li .price a.detail-btn { display: block; float: right; background: url(../img/bg35.png) no-repeat; width: 110px; height: 35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font: 12px/34px "Roboto", "Arial"; color: #ffffff; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16) inset; margin: 10px 9px 0 0; text-align: center; } .d-container .packet-list > ul > li .price a.detail-btn:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .packet-list > ul > li .price a.detail-btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .packet-list > ul > li.color-yellow .p-title { border-color: #f2ae00; } .d-container .packet-list > ul > li.color-yellow .detail-btn { background-position: 0 -35px !important; } .d-container .packet-list > ul > li.color-green .p-title { border-color: #7dc300; } .d-container .packet-list > ul > li.color-green .detail-btn { background-position: 0 -70px !important; } .d-container .packet-list > ul > li.color-orange .p-title { border-color: #ff6d02; } .d-container .packet-list > ul > li.color-orange .detail-btn { background-position: 0 -105px !important; } .d-container .info-column4 { margin-top: 44px; min-height: 258px; padding-bottom: 19px; position: relative; padding-right: 365px; padding-top: 30px; } .d-container .info-column4 strong { display: block; font: 300 35px/120% "Roboto", "Arial"; color: #ffffff; margin-bottom: 10px; } .d-container .info-column4 p { display: block; font: 300 17px/24px "Roboto", "Arial"; color: #ffffff; } .d-container .info-column4 i.icon { background: url(../img/bg36.png) no-repeat; width: 335px; height: 238px; position: absolute; right: -21px; top: 0; z-index: 2; text-indent: -9999px; } .d-container .info-column4 i.radio { background: url(../img/radioh.png) no-repeat; width: 331px; height: 271px; position: absolute; right: 10px; top: -50px; z-index: 2; text-indent: -9999px; } .d-container .packet-list2 { position: relative; overflow: hidden; margin-top: -15px;} .d-container .packet-list2:before { content: ''; background-color: #1db5e0; height: 3px; width: 100%; position: absolute; left: 0; top: 107px; z-index: 2; } .d-container .packet-list2 ul { position: relative; z-index: 3; margin-right: -12px; margin-bottom: -0.5px !important;} .d-container .packet-list2 ul > li { float: left; margin: 0 12px 90px 0; width: 241px; background-color: #1a3447; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; } .d-container .packet-list2 ul > li:before { content: ''; background: url(../img/bg39.png) no-repeat 50% 0; width: 100%; height: 19px; bottom: -47px; left: 0; z-index: 2; position: absolute; } .d-container .packet-list2 ul > li .p-title { height: 110px; background-color: #1b3549; background: -webkit-gradient(linear, left top, left bottom, from(#263f53), to(#112c3f)); background: -moz-linear-gradient(top, #263f53, #112c3f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#263f53', endColorstr='#112c3f'); border-bottom: 3px solid #1db5e0; position: relative; padding: 25px 0 0 14px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .d-container .packet-list2 ul > li .p-title .p-t { font: 300 17px/21px "Roboto", "Arial"; color: #fff; } .d-container .packet-list2 ul > li .p-title .p-t strong { font-weight: bold; display: block; } .d-container .packet-list2 ul > li .p-title .price { background: url(../img/bg37.png) no-repeat; width: 94px; height: 93px; text-align: right; padding-right: 6px; padding-top: 15px; font: 300 25px/120% "Roboto", "Arial"; color: #fff; display: block; position: absolute; right: 0; top: 0; } .d-container .packet-list2 ul > li .p-title .price strong { font-weight: bold; } .d-container .packet-list2 ul > li .p-title .price span { font-weight: 500; font-size: 11px; display: block; margin-top: -10px; } .d-container .packet-list2 ul > li .p-inner { background-color: #1c3549; background: -webkit-gradient(linear, left top, left bottom, from(#263f53), to(#0f2a3d)); background: -moz-linear-gradient(top, #263f53, #0f2a3d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#263f53', endColorstr='#0f2a3d'); padding: 10px 17px 0 17px; height: 229px; overflow: hidden; border-bottom: 4px solid #157dbc; } .d-container .packet-list2 ul > li .p-inner ol li { font: 300 16px/30px "Roboto", "Arial"; color: #ffffff; background: url(../img/icon66.png) no-repeat 0 10px; padding-left: 14px; } .d-container .packet-list2 ul > li .p-price { background: url(../img/bg38.png) no-repeat 50% 0; height: 60px; text-align: center; font: 300 20px/58px "Roboto", "Arial"; color: #ffffff; display: block; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .d-container .packet-list2 ul > li .p-price:hover { opacity: .90; filter: alpha(opacity=90); } .d-container .packet-list2 ul > li .p-price:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-container .world-solutions { background: url(../img/bg40.jpg) repeat-x 50% 0; background-repeat: repaet-x; background-position: 50% 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); behavior: url(/backgroundsize.min.htc); min-height: 468px; padding-top: 37px; } .d-container .world-solutions h6 { display: block; font: 300 31px/120% "Roboto", "Arial"; color: #ffffff; text-align: center; } .d-container .world-solutions p { display: block; font: 300 20px/120% "Roboto", "Arial"; color: #ffffff; text-align: center; padding: 0 70px; min-height: 110px; margin-top: 20px; } .d-container .world-solutions ul { overflow: hidden; padding-left: 7px; } .d-container .world-solutions ul li { width: 214px; height: 88px; float: left; margin: 15px; border: 3px solid #fff; display: table; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .d-container .world-solutions ul li:hover { background-color: rgba(255, 255, 255, 0.2); } .d-container .world-solutions ul li i { display: table-cell; font-size: 0; vertical-align: middle; } .d-container .world-solutions ul li i img { max-width: 200px; max-height: 80px; } .d-container .info-affiliate .block.centru { padding-left: 10px; padding-right: 10px; } .d-container .info-affiliate .block { min-height: 270px; padding-top: 30px; position: relative; } .d-container .info-affiliate .block h6 { display: block; font: 100 31px/120% "Roboto", "Arial"; color: #464543; } .d-container .info-affiliate .block p { display: block; font: 300 17px/21px "Roboto", "Arial"; color: #464543; } .d-container .info-affiliate .block i { display: block; text-indent: -9999px; position: absolute; z-index: 2; top: 0; } .d-container .info-column5 { padding-top: 23px; padding-bottom: 22px; border-bottom: 1px solid #e9e9e9; } .d-container .info-column5 .block { min-height: 270px; position: relative; padding-top: 70px; padding-left: 450px; } .d-container .info-column5 .block.right { padding-left: 0; padding-right: 470px; } .d-container .info-column5 .block h6 { display: block; font: 100 31px/120% "Roboto", "Arial"; color: #464543; } .d-container .info-column5 .block p { display: block; font: 300 17px/21px "Roboto", "Arial"; color: #464543; } .d-container .info-column5 .block i { display: block; text-indent: -9999px; position: absolute; z-index: 2; top: 0; } .d-container .info-column5 .block i.image1 { background: url(../img/bg41.jpg) no-repeat; width: 455px; height: 270px; top: 50px; left: -29px; } .d-container .info-column5 .block i.image2 { background: url(../img/bg42.jpg) no-repeat; width: 455px; height: 270px; top: 70px; right: -49px; } .d-container .theme-template { background-color: #fff; margin-top: 15px; border: 1px solid #cfcfcf; border-bottom: 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding: 19px; } .d-container .member-menu { border: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: table; table-layout: fixed; width: 100%; background-color: #fff; margin-top: 20px; } .d-container .member-menu .block { display: table-cell; vertical-align: top; font-size: 0; } .d-container .member-menu .block .b-title { height: 64px; border-bottom: 4px solid #44b2e5; position: relative; padding-left: 75px; vertical-align: top; } .d-container .member-menu .block .b-title i { position: absolute; left: 0; top: 0; height: 60px; width: 75px; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -9999px; } .d-container .member-menu .block .b-title i.icon-logo { background-image: url(../img/icon71.png); } .d-container .member-menu .block .b-title i.icon-box { background-image: url(../img/icon72.png); } .d-container .member-menu .block .b-title i.icon-card { background-image: url(../img/icon73.png); } .d-container .member-menu .block .b-title h6 { display: block; font: 100 24px/120% "Roboto", "Arial"; color: #39474f; margin: 0; padding: 5px 0 0 0; } .d-container .member-menu .block .b-title h6 strong { font-weight: 500; } .d-container .member-menu .block .b-title span { font: 300 13px/120% "Roboto", "Arial"; color: #39474f; } .d-container .member-menu .block.shadow .b-inner, .d-container .member-menu .block.shadow .b-title { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.21) inset; } .d-container .member-menu .block.color-green .b-title { border-color: #aad500; } .d-container .member-menu .block.color-red .b-title { border-color: #f43b37; } .d-container .member-menu .block .b-inner { padding: 15px 15px 1px 15px; } .d-container .member-menu .block .b-inner li { margin-bottom: 14px; } .d-container .member-menu .block .b-inner li a { padding-left: 11px; background: url(../img/icon74.png) no-repeat 0 5px; font: 300 14px/120% "Roboto", "Arial"; color: #39474f; } .d-container .member-menu .block .b-inner li a:hover { color: #000; } /* ------------------------------------------------------------- Css Area: FOOTER ------------------------------------------------------------- */ .d-footer { border-top: 3px solid #343d45; } .d-footer .top { height: 76px; background-color: #fff; } .d-footer .top .fLeft { margin-top: 11px; } .d-footer .top .fLeft .logo { float: left; font-size: 0; margin-top: 9px; } .d-footer .top .fLeft .logo a:hover img { opacity: .90; filter: alpha(opacity=90); } .d-footer .top .fLeft .slogan { float: left; margin-left: 23px; height: 58px; padding-left: 23px; border-left: 1px solid #c3c5cd; font: 300 19px/58px "Roboto", "Arial"; color: #7e7e7e; } .d-footer .top ul.social { height: 32px; margin-top: 24px; } .d-footer .top ul.social li { float: left; margin-left: 10px; } .d-footer .top ul.social li a { display: block; height: 32px; width: 83px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #333; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); } .d-footer .top ul.social li a:hover { opacity: .94; filter: alpha(opacity=94); } .d-footer .top ul.social li a:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .d-footer .top ul.social li a i { display: block; float: left; width: 40px; height: 32px; text-indent: -9999px; background-position: 50% 50%; background-repeat: no-repeat; } .d-footer .top ul.social li a span { width: 43px; height: 32px; float: right; text-align: center; font: 600 12px/31px "Open Sans", Arial; color: #ffffff; position: relative; -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15); box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15); background-color: #555; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .d-footer .top ul.social li.facebook a { background-color: #425597; } .d-footer .top ul.social li.facebook a i { background-image: url(../img/icon34.png); } .d-footer .top ul.social li.facebook a span { background-color: #4f66b4; } .d-footer .top ul.social li.facebook a span:before { content: ''; background: url(../img/bg11.png) no-repeat 0 0; width: 5px; height: 6px; position: absolute; left: -5px; top: 5px; z-index: 2; } .d-footer .top ul.social li.twitter a { background-color: #47a0d4; } .d-footer .top ul.social li.twitter a i { background-image: url(../img/icon35.png); } .d-footer .top ul.social li.twitter a span { background-color: #4eb5f2; } .d-footer .top ul.social li.twitter a span:before { content: ''; background: url(../img/bg11.png) no-repeat 0 -6px; width: 5px; height: 6px; position: absolute; left: -5px; top: 5px; z-index: 2; } .d-footer .top ul.social li.google a { background-color: #cb4134; } .d-footer .top ul.social li.google a i { background-image: url(../img/icon36.png); } .d-footer .top ul.social li.google a span { background-color: #e34b3c; } .d-footer .top ul.social li.google a span:before { content: ''; background: url(../img/bg11.png) no-repeat 0 -12px; width: 5px; height: 6px; position: absolute; left: -5px; top: 5px; z-index: 2; } .d-footer .inner { background: #696f81 url(../img/bg12.png) repeat-x 0 0; padding-bottom: 14px; border-bottom: 1px solid #7f8494; } .d-footer .inner .wrapper { display: table; width: 100%; table-layout: fixed; } .d-footer .inner .wrapper .block { display: table-cell; position: relative; padding-top: 28px; padding-right: 10px; } .d-footer .inner .wrapper .block:before { content: ''; background: url(../img/bg13.png) no-repeat; width: 18px; height: 9px; position: absolute; left: 0; top: 0; z-index: 2; } .d-footer .inner .wrapper .block h6 { display: block; font: 300 18px/120% "Roboto", "Arial"; color: #ffffff; } .d-footer .inner .wrapper .block ul { margin-top: 10px; } .d-footer .inner .wrapper .block ul li { background: url(../img/bg14.png) no-repeat 1px 9px; padding-left: 12px; } .d-footer .inner .wrapper .block ul li a { font: 12px/22px "Roboto", "Arial"; color: #ffffff; border-bottom: 1px solid transparent; } .d-footer .inner .wrapper .block ul li a:hover { border-bottom-color: #eee; } .d-footer #bottom { height: 72px;margin-top: -9px; background-color: #3e424d; } .d-footer #bottom p { display: block; font: 300 15px/64px "Roboto", "Arial"; color: #ffffff; } /* ------------------------------------------------------------- Css Area: POPUP ------------------------------------------------------------- */ .popup-overlay { display: none; background-color: #000000; background-color: rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; z-index: 9998; left: 0; top: 0; } .popup-inner { display: none; width: 334px; background-color: #2b2b36; position: fixed; left: 50%; margin-left: -167px; top: 50%; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; z-index: 9999; } .popup-inner.w914 { width: 714px; margin-left: -357px; } .popup-inner .p-top { background-color: #23232e; height: 47px; padding: 0 14px 0 18px; } .popup-inner .p-top h6 { display: block; height: 47px; float: left; font: 300 18px/46px "Open Sans", Arial; color: #767676; } .popup-inner .p-top a.close { background: url(../img/icon38.png) no-repeat; width: 20px; height: 20px; display: block; text-indent: -9999px; float: right; margin-top: 14px; opacity: .70; filter: alpha(opacity=70); } .popup-inner .p-top a.close:hover { opacity: 100; filter: alpha(opacity=100); } .popup-inner .p-inner .form { padding-top: 20px; } .popup-inner .p-inner .form .logo { background: url(../img/logo3.png) no-repeat; width: 71px; height: 58px; display: block; margin: 0 auto 35px auto; text-indent: -9999px; } .popup-inner .p-inner .form .item { margin: 0 17px; position: relative; } .popup-inner .p-inner .form .item.button { margin: 34px 0 0 0; } .popup-inner .p-inner .form .tb, .popup-inner .p-inner .d-container .page-inner .contact-page .form .item .ta, .d-container .page-inner .contact-page .popup-inner .p-inner .form .item .ta, .popup-inner .p-inner .contact-popup .c-inner .form .item .ta, .contact-popup .c-inner .popup-inner .p-inner .form .item .ta { width: 100%; height: 40px; background-color: transparent; border-bottom: 1px solid #3c3c46; padding-left: 60px; font: 300 21px "Open Sans", Arial; color: #a3acbe; line-height: 45px\9; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.28); } .popup-inner .p-inner .form .tb.icon-member, .popup-inner .p-inner .d-container .page-inner .contact-page .form .item .icon-member.ta, .d-container .page-inner .contact-page .popup-inner .p-inner .form .item .icon-member.ta, .popup-inner .p-inner .contact-popup .c-inner .form .item .icon-member.ta, .contact-popup .c-inner .popup-inner .p-inner .form .item .icon-member.ta { background: url(../img/icon39.png) no-repeat 11px 50%; } .popup-inner .p-inner .form .tb.icon-password, .popup-inner .p-inner .d-container .page-inner .contact-page .form .item .icon-password.ta, .d-container .page-inner .contact-page .popup-inner .p-inner .form .item .icon-password.ta, .popup-inner .p-inner .contact-popup .c-inner .form .item .icon-password.ta, .contact-popup .c-inner .popup-inner .p-inner .form .item .icon-password.ta { background: url(../img/icon40.png) no-repeat 11px 50%; color: #dd3e3e; text-shadow: inherit; padding-right: 55px; font-weight: 400; } .popup-inner .p-inner .form .tb:focus, .popup-inner .p-inner .d-container .page-inner .contact-page .form .item .ta:focus, .d-container .page-inner .contact-page .popup-inner .p-inner .form .item .ta:focus, .popup-inner .p-inner .contact-popup .c-inner .form .item .ta:focus, .contact-popup .c-inner .popup-inner .p-inner .form .item .ta:focus { border-bottom-color: #6b6b73; } .popup-inner .p-inner .form .lost-btn { background: url(../img/icon41.png) no-repeat; width: 21px; height: 21px; position: absolute; right: 16px; top: 12px; text-indent: -9999px; display: block; } .popup-inner .p-inner .form .lost-btn:hover { opacity: .90; filter: alpha(opacity=90); } .popup-inner .p-inner .form .btn { display: block; width: 100%; height: 50px; background-color: #3ea852; background: -webkit-gradient(linear, left top, left bottom, from(#42b156), to(#3da34f)); background: -moz-linear-gradient(top, #42b156, #3da34f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b156', endColorstr='#3da34f'); text-align: center; font: bold 18px/50px "Open Sans", Arial; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.28); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .popup-inner .p-inner .form .btn:hover { opacity: .90; filter: alpha(opacity=90); } .popup-inner .p-inner .form .btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .popup-inner .p-inner .form.register { padding-top: 20px; } .popup-inner .p-inner .form.register .item { width: 307px; margin: 0 25px 0px 25px; float: left; } .popup-inner .p-inner .form.register .item.button { margin-right: 0px; width: 100%; margin: 20px 0px 0px 0px;} .popup-inner .p-inner .form.register .item .tb, .popup-inner .p-inner .d-container .page-inner .contact-page .form.register .item .ta, .d-container .page-inner .contact-page .popup-inner .p-inner .form.register .item .ta, .popup-inner .p-inner .contact-popup .c-inner .form.register .item .ta, .contact-popup .c-inner .popup-inner .p-inner .form.register .item .ta { background: none; font: 300 14px "Open Sans", Arial; color: #a3acbe; padding-left: 0; padding-right: 0; } .popup-inner .p-inner .form .g-cb { min-height: 17px; font-size: 0; margin-top: 10px; } .popup-inner .p-inner .form .g-cb input { position: absolute; left: -9999px; } .popup-inner .p-inner .form .g-cb i { background: url(../img/icon42.png) no-repeat; width: 17px; height: 17px; margin-right: 9px; margin-top: 2px; cursor: pointer; } .popup-inner .p-inner .form .g-cb.active i { background-position: 0 -17px !important; } .popup-inner .p-inner .form .g-cb span { font: 300 14px/120% "Open Sans", Arial; color: #a3acbe; } .popup-inner .p-inner .form .g-cb span a{ color: #a3acbe; } .contact-popup { width: 100%; position: fixed; top: 50%; left: 0; z-index: 9999; display: none; } .contact-popup .c-top { height: 55px; } .contact-popup .c-top a.close-btn { display: block; float: right; height: 55px; background: white url(../img/icon43.png) no-repeat 21px 20px; padding-left: 42px; padding-right: 19px; border-top: 4px solid #ef5050; font: 300 20px/50px "Roboto", "Arial"; color: #717171; } .contact-popup .c-top a.close-btn:hover { opacity: 100; filter: alpha(opacity=100); background-color: #eee; } .contact-popup .c-top strong { display: block; height: 55px; float: right; margin-right: 15px; font: 300 29px/54px "Roboto", "Arial"; color: #ffffff; } .contact-popup .c-inner { background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc)); background: -moz-linear-gradient(top, white, #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#cccccc'); position: relative; z-index: 10000; } .contact-popup .c-inner .center { position: relative; padding: 20px 0; } .contact-popup .c-inner i.icon-mail { background: url(../img/icon44.png) no-repeat; width: 458px; height: 404px; position: absolute; left: -29px; top: -70px; z-index: 3; } .contact-popup .c-inner .form { width: 467px; float: right; font-size: 0; } .contact-popup .c-inner .form .item { margin-bottom: 10px; width: 100%; } .contact-popup .c-inner .form .item:last-child { margin-bottom: 0; } .contact-popup .c-inner .form .item.grid2 { width: 228px; margin-right: 10px; } .contact-popup .c-inner .form .item.grid2:nth-child(2n) { margin-right: 0; } .contact-popup .c-inner .form .item .tb, .contact-popup .c-inner .d-container .page-inner .contact-page .form .item .ta, .d-container .page-inner .contact-page .contact-popup .c-inner .form .item .ta, .contact-popup .c-inner .form .item .ta { height: 38px; width: 100%; background-color: #f5f5f5; padding: 0 18px; border: 1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: 13px "Roboto", "Arial"; color: #717171; line-height: 37px\9; } .contact-popup .c-inner .form .item .tb:focus, .contact-popup .c-inner .form .item .ta:focus { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; border-color: #bbb; } .contact-popup .c-inner .form .item .ta { height: 167px; resize: none; overflow: auto; line-height: 120%; padding: 14px 18px; } .contact-popup .c-inner .form .item .btn { background: url(../img/bg15.png) no-repeat; width: 113px; height: 36px; display: block; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font: bold 13px/20px "Roboto", "Arial"; color: #ffffff; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.12) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.12) inset; } .contact-popup .c-inner .form .item .btn:hover { opacity: .90; filter: alpha(opacity=90); } .contact-popup .c-inner .form .item .btn:active { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } .contact-popup .seperator { display: block; margin-top: 2px; height: 1px; background-color: #fff; opacity: .70; filter: alpha(opacity=70); } /* */ .d-container .main-content .p-buttons { height: 97px; margin-top: -25px; } .d-container .main-content .p-buttons li { float: left; margin-left: 25px; } .d-container .main-content .p-buttons li:first-child { margin-left: 0; } .d-container .main-content .p-buttons li a { display: block; height: 110px; background-color: #161b30; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding-top: 30px; text-align: center; width: 300px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-position: 50% 9px; background-repeat: no-repeat; -webkit-box-shadow: 0 -4px 0 #ffac32 inset; -moz-box-shadow: 0 -4px 0 #ffac32 inset; box-shadow: 0 -4px 0 #ffac32 inset; -webkit-box-shadow: inherit\9; -moz-box-shadow: inherit\9; box-shadow: inherit\9; border-bottom: 4px solid #ffac32 \9; color: #fff; font: 300 20px/120% "Roboto", "Arial"; } .d-container .main-content .p-buttons li a:hover { background-color: #000; } .d-container .main-content .p-buttons li.icon-fbox1 a { } .d-container .main-content .p-buttons li.icon-fbox2 a { -webkit-box-shadow: 0 -4px 0 #ffcc34 inset; -moz-box-shadow: 0 -4px 0 #ffcc34 inset; box-shadow: 0 -4px 0 #ffcc34 inset; border-color: #ffcc34 \9; } .d-container .main-content .p-buttons li.icon-fbox3 a { -webkit-box-shadow: 0 -4px 0 #f35939 inset; -moz-box-shadow: 0 -4px 0 #f35939 inset; box-shadow: 0 -4px 0 #f35939 inset; border-color: #f35939 \9 ; } .d-container .main-content .p-buttons li.icon-fbox4 a { -webkit-box-shadow: 0 -4px 0 #00ac81 inset; -moz-box-shadow: 0 -4px 0 #00ac81 inset; box-shadow: 0 -4px 0 #00ac81 inset; border-color: #00ac81 \9 ; } .adminreturndiv{display: none !important;} .ciziktitle { height: 54px; border-bottom: 3px solid #dee1e5; margin-bottom:10px; } .ciziktitle h2 { height: 37px; border-bottom: 3px solid #7d92b2; font: 300 26px/120% "Roboto", "Arial"; color: #364454; } .ciziktitle h2{ display: inline-block; vertical-align: top; } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } .spacebootsanimate{ -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }