/* start reset ------------------------------------------------------------------------*/ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0;}html,body{height:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}b,strong{font-weight:600;}img{color:transparent;font-size:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}ol,ul{list-style:none;}li{display:list-item;}table{border-collapse:collapse;border-spacing:0;}th,td,caption{font-weight:normal;text-align:left;vertical-align:top;}q{quotes:none;}q:before,q:after{content:'';content:none;}sub,sup,small{font-size:75%;}sub,sup{line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}svg{overflow:hidden;} /*--------------------------------------------------------- end reset */ .validateIco { float:right; margin:10px 10px 0 0; } .highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px} /***** Main Layout ****/ #container { width: 100%; height: 100%; text-align: center;/* IE fix to center the page */ } #content { width: 740px; margin: 0 auto;/* center the page in Firefox */ text-align: left; padding: 20px; } .reveal-left, .reveal-right { font-family:'Lato', sans-serif !important; float:left; position:relative; width:40% } .reveal-right { background: rgba(109,133,204,.05); border: 1px solid #ddd; border-radius:10px; color: #545454; margin-left:5%; padding: 20px 5%; text-shadow: 0 1px 0 #FFF; *width:auto\9; /*IE8 and below */ } .container-first-50 { float:left; margin-right:2%; width:48%; } .container-last-50 { float:left; width:50%; } .container-field-long, .container-field-half { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing:border-box; margin-bottom:10px; width:100%; } .input-standard, .text-area-standard { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing:border-box; width: 100%; } #first-name { } #last-name { padding:5px 5px 5px 20px; } #email-field, #confirm-email { } #icon-globe { cursor:pointer; padding:5px 0; } #phone-field { } #close { border-radius:10px; border:1px solid #ccc; background:#fff; bottom:-40px; color:#424242; cursor:pointer; display:inline; font-size:11px !important; padding:.5em 1em !important; position:absolute; right:0; text-transform:uppercase; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s; } #close:hover { background:#ccc; } /* all form DIVs have position property set to relative so we can easily position newly created SPAN */ form div{position:relative;} /* setting the width and height of the SELECT element to match the replacing graphics */ select.select{ position: relative; z-index: 10; font-size: 18px; height: 26px !important; line-height: 26px; width: 100%; border: 0; background: #fff; border-radius: 100px; text-transform: uppercase; } /* dynamically created SPAN, placed below the SELECT */ span.select{ /*color:#6783b8;*/ position:absolute; padding:5px 5px 5px 30px; bottom:0; float:left; font-size:18px; left:0; width:85%;; height:26px; line-height:26px; text-indent:10px; text-transform:capitalize; cursor:default; z-index:1; } #container-tdfs-country span.select{ font-size:.85em; height:32px; padding:.2em 1em; width:100%; } /* Panel Tab/button */ .tab { height: 42px; position: relative; top: 0; z-index: 999; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 150px; color: white; font-size: 80%; text-align: center; } .tab ul.login li.left { height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; } .tab ul.login li a { color: #15ADFF; } .tab ul.login li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; } /* sliding panel */ #toppanel { /*position: absolute;*/ /*Panel will overlap content */ position: relative; /*Panel will "push" the content down */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; } #panel { color: #424242; display: none; overflow: hidden; padding:20px 0 40px; position: relative; text-align:center\9; /*IE8 and below */ width: 100%; z-index: 3; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ color:#233a79; font-family: 'Lato', sans-serif !important; font-size: 48px; font-weight:300; padding: 0 0 5px; margin: 0; } #panel h3 { font-family: 'Lato', sans-serif !important; font-size:22px; font-weight:400; margin-bottom:.5em; } .text-for-sale { color:#b6112d; display:block; font-size:28px; } #panel p.intro-tdfs-reveal { font-size:18px; } #panel p.phone-large { color:#6783b8; font-size:40px; font-weight:200; margin-bottom:.5em; margin-top:.5em; } #panel p.phone-large .txt-sm { font-size:15px; line-height:15px; } #panel p.phone-large .txt-ww-phone { display:block; font-size:20px; } #container-tdfs-panel { color: #424242; margin:0 auto; padding:20px 0 40px; position: relative; text-align:center\9; /*IE8 and below */ width: 100%; z-index: 3; } #container-tdfs-panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #container-tdfs-panel h2{ /*color:#4e8500;*/ color: #233a79; font-family: 'Lato', sans-serif !important; font-size: 48px; font-weight:700; line-height:1em; margin: 0; padding: 0 0 5px; } #container-tdfs-panel h3 { color: #373F7B; font-family:"Enriqueta", sans-serif; font-size:25px; font-weight:400; margin-bottom:.5em; } #container-tdfs-panel p.intro-tdfs-reveal { font-size:18px; } #container-tdfs-panel p.phone-large { color:#6783b8; font-size:40px; font-weight:200; margin-top: 20px; } #container-tdfs-panel p.phone-large .txt-sm { font-size:15px; line-height:15px; } #container-tdfs-panel p.phone-large .txt-ww-phone { display:block; font-size:20px; } #container-tdfs-panel p { line-height:1.25em; padding: 0; } #container-tdfs-panel p.required-text { color:#B6112D; font-size:13px; margin:1.5em 0; position:inherit; top:0; } #container-tdfs-panel a { text-decoration: none; } #container-tdfs-panel a:hover { } #container-tdfs-panel a.request-sent, #container-tdfs-panel a.request-sent:visited, #container-tdfs-panel a.request-sent:hover, #container-tdfs-panel a.request-sent:active { background:#f8f8f8; border:1px solid #fff; border-radius:10px; box-shadow:none; color:#424242; cursor:default; display:block; float:right; font-size:12px; font-weight:600; padding:.5em 1em; text-shadow:0 0 10px rgba(0,0,0,.2); text-transform:uppercase; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } #container-tdfs-panel a-lost-pwd { display: block; float: left; } #container-tdfs-panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #container-tdfs-panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; } #container-tdfs-panel .content .right { border-right: 1px solid #333; } #container-tdfs-panel .content form { margin: 0 0 10px 0; } #container-tdfs-panel .content label.label-none, #container-tdfs-panel .content input.label-none { display:none; } #container-tdfs-panel .label-standard { /*color:#6783b8;*/ font-size:1em; } #container-tdfs-panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; } #container-tdfs-panel .label-standard { font-size: 13px; padding-left:10px; } #container-tdfs-panel .input-standard { background: #fff; border: 1px solid #ddd; border-radius: 100px; font-size:16px; font-style:normal; outline: none !important; padding:.5em 1em; } #container-tdfs-panel #container-tdfs-country span.select { padding-left:2em; } #container-tdfs-country { display: block; border: 0; outline: none !important; /*background: #f3f1f1;*/ border-radius: 100px; padding: 7px 10px; font-size: 16px; } #container-tdfs-panel .content input:focus.field { background: #545454; } #container-tdfs-panel #txt-quote-area { font-size:1em; } .txt-biz-hours { color:#6783B8; font-size:12px !important; } .form-domain-inquire { margin-left:0\9; /*IE8 and below */ margin-top:20px; padding:0; width:100%; } .form-domain-inquire li { background:#fff; border:1px solid #cccccc; border-radius:10px; /*box-shadow:inset 0px 2px 7px rgba(0, 0, 0, .1);*/ float:left; list-style: none; margin-bottom:1em; *padding:.5em\9; /* IE8 and below */ position:relative; } .form-domain-inquire input { background:none; border:none; /*color:#6783b8;*/ font-size: 0.889em; padding:5px 5px 5px 40px; width:70%; } .full-field select { background:transparent; border:none; border-radius:10px; font-size:18px; overflow:hidden; padding:5px 5px 5px 40px; width:100%; } input::-webkit-input-placeholder{ /*color:#6783b8 !important;*/ font-weight:300; } input:-moz-placeholder{ /*color:#6783b8 !important;*/ font-weight:300; } input[placeholder], [placeholder], *[placeholder] { /*color:#6783b8 !important;*/ font-weight:300; } li.half-field { width:48% } .push-left { margin-left:2%; } li.full-field { width:100%; } /* generic green button ------------------------------------*/ .btn-green-submit, .btn-green-submit:visited { background:#4C852E url('/images/main/button-submit-bg.png') repeat-x left top; border-radius:100px; border:1px solid #4C852E; color:#FFF; display:inline-block; font-weight:900; font-size:14px; line-height:1em; padding:10px 30px; text-shadow:0px -1px 1px #4F802D; text-decoration:none; transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; } .btn-form-submit, .btn-form-submit:visited { background:#4C852E url('/images/main/button-submit-bg.png') repeat-x left top; border-radius:100px; border:1px solid #4C852E; color:#FFF; display:inline-block; font-weight:900; font-size:14px; line-height:1em; padding:10px 30px; text-shadow:0px -1px 1px #4F802D; text-decoration:none; transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; } .btn-form-submit:hover { background:#4C852E url('/images/main/button-submit-bg.png') repeat-x left -5px; color:#FFF; text-decoration:none; } .btn-form-submit strong { display: block; font-size: 1.5em; padding: .15em .5em; } .btn-form-submit strong:hover { } #logos-trust { margin:40px 0 !important; } #logos-trust a { display:block; float:left; padding-right:15px; } #logos-trust img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity:.4; width:100px; } .marg-bottom { margin-bottom:20px; } .marg-left { margin-left:20px; } .marg-right { margin-right:20px; } .marg-top { margin-top:20px; } #panel p { font-size:15px; line-height:1.25em; margin: 5px 0 .5em; padding: 0; } #panel p.required-text { color:#B6112D; font-size:13px; position:relative; top:10px; } #panel a { text-decoration: none; color: #1c42ac; } #panel a:hover { color: #2353d9; } #panel a.request-sent, #panel a.request-sent:visited, #panel a.request-sent:hover, #panel a.request-sent:active { background:#f8f8f8; border:1px solid #fff; border-radius:10px; box-shadow:none; color:#424242; cursor:default; display:block; float:right; font-size:12px; font-weight:600; padding:.5em 1em; text-shadow:0 0 10px rgba(0,0,0,.2); text-transform:uppercase; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; } #panel .content .right { border-right: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label.label-none, #panel .content input.label-none { display:none; } #panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } .txt-thanks { color:#233a79; font-size:24px; margin:0 0 10px 0; } .txt-thanks-intro { font-size:20px; } #domain-list-similar { list-style:none; margin-left:0; padding-left:0; } #domain-list-similar li { *background:#fff\9; /*IE8 and below */ *border-bottom:1px solid #eee\9; /*IE8 and below */ padding:10px 20px; } #domain-list-similar li:nth-child(odd) { background:#fff; border-bottom:1px solid #eee; border-top:1px solid #eee; box-shadow:inset 0 0 50px #f8f8f8; } .domain-name { color:#233a79; display:block; float:left; font-size:18px; margin-right:10px; padding:5px 0; max-width:200px; } .request-price { background:#620105; background: -moz-linear-gradient(top, #b5112d 0%, #550105 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5112d), color-stop(100%,#550105)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b5112d 0%,#550105 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b5112d 0%,#550105 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b5112d 0%,#550105 100%); /* IE10+ */ background: linear-gradient(to bottom, #b5112d 0%,#550105 100%); /* W3C */ border:1px solid #fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.25); color:#fff !important; display:block; float:right; font-size:12px; font-weight:600; padding:.5em 1em; text-shadow:0 0 10px rgba(0,0,0,.2); text-transform:uppercase; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } a.request-price { background-color:#620105 !important; /* IE8 and below */ } .request-price:hover { background:#8b091a; background: -moz-linear-gradient(top, #b5112d 0%, #550105 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5112d), color-stop(50%,#550105)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b5112d 0%,#550105 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b5112d 0%,#550105 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b5112d 0%,#550105 50%); /* IE10+ */ background: linear-gradient(to bottom, #b5112d 0%,#550105 50%); /* W3C */ -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .price-requested { color:#424242; display:none; float:right; font-size:12px; font-weight:600; padding:.5em 1em; text-transform:uppercase; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .btn-view-more { border:1px solid #cccccc; border-radius:10px; color:#999999 !important; float:right; padding:.5em 1em .5em 25px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .btn-view-more:hover { } #thank-you-area { display:none; padding:20px; top:40px; min-height: 156px; } #thanks-csr { bottom:-200px; position:absolute; right:-80px; } .width-60 { width:60%; } .txt-lg, #panel p.txt-lg { font-size:1.5em; } #txt-quote-area { bottom:-200px; font-size:1.2em; font-weight:300; position:absolute; width:50%; } #txt-quote-area span { display:block; font-weight:400; padding-top:.5em; } /* `TDFS lead form page modifications ----------------------------------------------------------------------------------------------------*/ #tdfs-lander .reveal-left { display:none !important; } /* `TDFS lead form page STAND ALONE ----------------------------------------------------------------------------------------------------*/ .adjust-line { line-height:1.1em; } .container-tdfs-domain-text { /*background:#fff; border-bottom:1px solid #dfe1e2; border-top:1px solid #dfe1e2; box-shadow:inset 0 0 10px rgba(0,0,0, .1), 0 -1px 1px rgba(255,255,255, 1);*/ box-shadow:inset 0 60px 50px rgba(255,255,255, 1); color:#424242; padding:20px 0; } .tdfs-domain-text { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing:border-box; margin:0 auto; padding:20px; text-align:left; max-width:960px; } .container-tdfs-domain-name { margin-bottom:0; } #container-promo { min-height:340px; min-width:320px;*/ } .promoBox { background:rgba(255,255,255, .75); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing:border-box; box-shadow:0 3px 10px rgba(66,66,66, .2); border-radius:10px; padding:20px; /*position:relative; top:20px;*/ margin-left:20px; } .container-tdfs-form-area { margin-bottom:60px; } .tdfs-form-area { margin:0 auto; padding:20px; text-align:left; max-width:960px; } /* TDFS navigation */ .container-tdfs-nav { height:38px; } .tdfs-nav { margin:0 auto; width:960px; } .tdfs-nav li { float:left; } .tdfs-nav li a { border-right:1px solid rgba(20,38,50, 1); border-left:1px solid rgba(50,87,124, .7); color:#fff; box-shadow:inset 0 -10px 10px rgba(0,0,0, .3); display:block; font-size:.75em; padding:.5em 1em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tdfs-nav li a:hover { box-shadow:inset 0 -5px 10px rgba(0,0,0, .3), inset 0 5px 10px rgba(255,255,255, .2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .container-social { margin:20px auto; text-align:left; width:960px; } .container-social li { float:left; margin-right:10px; } .container-trust-logos { border-left:1px solid #ccc; margin-left:10px; padding-left:10px; float:right; } .container-trust-logos a { display:block; margin-bottom:.5em; } .validate-err { color: red; font-size: 11px; text-indent: 10px; } #modal_terms { background: #FFF; border-radius: 10px; box-shadow: 0 4px 7px #333; display: none; font-family:'Lato', sans-serif !important; font-size: 18px; overflow: hidden; padding: 20px 30px 25px 30px; overflow: hidden; } #container-pop-privacy { width:95%; max-width:600px; } #container-pop-privacy-content { color: #333; font-family: "Lato",sans-serif; font-size: 13px; line-height: 21px; max-height: 400px; overflow: scroll; width: 100%; } #container-pop-privacy-content h1 { font-family:"Enriqueta",sans-serif; font-size: 2em; font-weight:400; } #container-pop-privacy-content p { margin:1em 0; } #container-pop-privacy-content a { border:none; outline: none; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container_12:after, .container_16:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_12, .container_16 { zoom: 1; } /* Style for bold chat */ .bcText { display:block; float:left; padding-top: 10px; } .bctext a { color: #6783b8; text-decoration: none; display:block; background-color: rgb(255, 255, 255); border:1px solid rgba(66, 66, 66, 0.3); border-radius: 100px; box-shadow: rgb(255, 255, 255) 0px 15px 30px 0px inset, rgba(66, 66, 66, 0.2) 0px -5px 30px 0px inset; box-sizing: border-box; display: block; font-family: Lato, sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 21px; margin:16px 60px 0 0; padding:7px 14px; top: 10px; } .bctext a:hover { box-shadow: rgb(255, 255, 255) 0px 20px 30px 0px inset, rgba(66, 66, 66, 0.247059) 0px -10px 30px 0px inset; } .bctext a .icon-comments-alt:after { content:"?"; display:block; float:left; background:#999; color:#FFF; width:20px; height:20px; text-align:center; font-weight:bold; border-radius: 10px; font-size:20px; margin:0 10px 0 0; box-shadow: rgb(200,200,200) 0px 15px 30px 0px inset, rgba(33, 33, 33, 0.2) 0px -5px 30px 0px inset; } .bctext a strong { margin:0 5px 0 0; }