/* ----CONTENT LIST----- 01- CLERFIX 02- TYPOGRAPHY 03- PRE HEADER CONTENT (lists, tooltip, social icons) 04- HEADER CSS + GRID (container,logo,navigation,columns) 05- CALL TO ACTION PANEL CSS 06- FOOTER & COPYRIGHTS CSS 07- BUTTONS 08- ELASTIC SLIDER 09- PRICING TABLE 10- LISTS 11- DROPCAPS 12- ALERTS 13- CONTACT FORM 14- TABS & ACCORDIONS 15- BLOG LAYOUT 16- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,inner page intro...) */ /* ---------------------------------------------------------------------- */ /* 01- CLEARFIX /* ---------------------------------------------------------------------- */ /* Clearfix */ .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1} .footerbgnavblock:after, .footerbg:after, .Clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .Clear{ clear:both;} .Clearfix {display: inline-block;} iframe { border: none; } /* ---------------------------------------------------------------------- */ /* 02- TYPOGRAPHY /* ---------------------------------------------------------------------- */ /* Line 110, 136: color: #898989; */ body { background:#FFF; color: #898989; font-size: 12px; font-family:'Arial', 'Verdana', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } p,ul,ol,pre,code {margin-bottom:1em;} ::-moz-selection { background: #0090d7; color: #fff; text-shadow: none; } .::selection { background: #0090d7; color: #fff; text-shadow: none; } a, a > * { /* color: #fff; */ text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; } a:hover, a > *:hover { color: #552886; } .colored{color:#9dcedf;} a.colored:hover{color:#9dcedf;text-decoration:underline;} a{ outline:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; font-variant:normal; white-space:normal; /* color:#fff; */ margin-bottom:15px; font-family:'Dosis',Arial,Verdana,serif; } h1 { font-size:34px; line-height:36px; } h2 { font-size:26px; line-height:34px; } h3 { font-size:24px; line-height:32px; } h4 { font-size:18px; line-height:24px; } h5 { font-size:16px; line-height:20px; } h6 { font-size:16px; line-height:17px; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#303031; font-size:100%; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { font-size:100%; text-decoration:none; } a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover{color:#9dcedf;} .text-align-center{text-align:center;} .text-align-left {text-align:left;} .text-align-right {text-align:right;} .img-align-left {margin:0px 10px 10px 0;float:left;} /* ---------------------------------------------------------------------- */ /* 03- PRE HEADER CONTENT /* ---------------------------------------------------------------------- */ .pre-header{ margin-bottom:13px; } #pre-header{ position: relative; display: block; margin: auto; width: 1000px; } ul#pre-header-links{ float:left; margin:0px ; } ul#pre-header-links li{ list-style:none; float:left; cursor:pointer; color:#898989; margin-right:12px; margin-top:17px; } ul#pre-header-links li a{color:#FFF;padding:10px 2px 14px 2px;} ul#pre-header-links li a:hover{color:#FFF;border-bottom:3pt solid #FFF;background:url("../images/top-nav-bg.png") bottom center no-repeat;} .tipsy { padding:5px; font-size:11px; opacity:0.7; filter:alpha(opacity=70); background-repeat:no-repeat; background-image:url(../images/tipsy.gif); margin-top:5px; } .tipsy-inner { padding:5px 8px 4px 8px; background-color:black; color:#FFF; max-width:200px; text-align:center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position:top center; } .tipsy-south { background-position:bottom center; } .tipsy-east { background-position:right center; } .tipsy-west { background-position: left center; } /*-----------------------------------------------------------*/ /*-------------------- SOCIAL ICONS --------------------------*/ /*-----------------------------------------------------------*/ #social-icons { position:relative; } ul#social-links { z-index: 1202; position: absolute; margin: 10px 0 0 0px; right: 160px; list-style: none; } ul#social-links li { float: left } ul#social-links li { float: left; font-size: 12px; list-style: none; width: 32px; height: 32px; background: #0098d2; background: -moz-linear-gradient(top, #0098d2 0%, #0098d2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098d2), color-stop(100%,#0098d2)); background: -webkit-linear-gradient(top, #0098d2 0%,#0098d2 100%); background: -o-linear-gradient(top, #0098d2 0%,#0098d2 100%); background: -ms-linear-gradient(top, #0098d2 0%,#0098d2 100%); background: linear-gradient(top, #0098d2 0%,#0098d2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d2', endColorstr='#0098d2',GradientType=0 ); text-indent: -9999px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin: 0 5px 0 0; } ul#social-links li a.facebook { background: url("../images/icons/facebook.png") 50% 50% no-repeat } ul#social-links li a.twitter { background: url("../images/icons/twitter.png") 50% 50% no-repeat } ul#social-links li a.google { background: url("../images/icons/google.png") 50% 50% no-repeat } ul#social-links li a.dribbble { background: url("../images/icons/dribbble.png") 50% 50% no-repeat } ul#social-links li a.vimeo { background: url("../images/icons/vimeo.png") 50% 50% no-repeat } ul#social-links li a.skype { background: url("../images/icons/skype.png") 50% 50% no-repeat } ul#social-links li a.rss { background: url("../images/icons/rss.png") 50% 50% no-repeat } ul#social-links li a.linkedin { background: url("../images/icons/linkedin.png") 50% 50% no-repeat } ul#social-links li a.pinterest { background: url("../images/icons/pinterest.png") 50% 50% no-repeat } ul#social-links > li.facebook-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #415b92; background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b)); background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%); background: -o-linear-gradient(top, #415b92 0%,#33487b 100%); background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%); background: linear-gradient(top, #415b92 0%,#33487b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.twitter-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #aad5e3; background: -moz-linear-gradient(top, #aad5e3 0%, #90c7db 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aad5e3), color-stop(100%,#90c7db)); background: -webkit-linear-gradient(top, #aad5e3 0%,#90c7db 100%); background: -o-linear-gradient(top, #aad5e3 0%,#90c7db 100%); background: -ms-linear-gradient(top, #aad5e3 0%,#90c7db 100%); background: linear-gradient(top, #aad5e3 0%,#90c7db 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#90c7db',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.google-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #f54a35; background: -moz-linear-gradient(top, #f54a35 0%, #c83e2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54a35), color-stop(100%,#c83e2d)); background: -webkit-linear-gradient(top, #f54a35 0%,#c83e2d 100%); background: -o-linear-gradient(top, #f54a35 0%,#c83e2d 100%); background: -ms-linear-gradient(top, #f54a35 0%,#c83e2d 100%); background: linear-gradient(top, #f54a35 0%,#c83e2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54a35', endColorstr='#c83e2d',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.facebook-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #415b92; background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b)); background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%); background: -o-linear-gradient(top, #415b92 0%,#33487b 100%); background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%); background: linear-gradient(top, #415b92 0%,#33487b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.dribbble-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #fd83af; background: -moz-linear-gradient(top, #fd83af 0%, #e46191 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd83af), color-stop(100%,#e46191)); background: -webkit-linear-gradient(top, #fd83af 0%,#e46191 100%); background: -o-linear-gradient(top, #fd83af 0%,#e46191 100%); background: -ms-linear-gradient(top, #fd83af 0%,#e46191 100%); background: linear-gradient(top, #fd83af 0%,#e46191 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd83af', endColorstr='#e46191',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.vimeo-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #1ab7ea; background: -moz-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab7ea), color-stop(100%,#0a9ece)); background: -webkit-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%); background: -o-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%); background: -ms-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%); background: linear-gradient(top, #1ab7ea 0%,#0a9ece 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab7ea', endColorstr='#0a9ece',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.skype-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #56cbf7; background: -moz-linear-gradient(top, #56cbf7 0%, #09b2f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56cbf7), color-stop(100%,#09b2f1)); background: -webkit-linear-gradient(top, #56cbf7 0%,#09b2f1 100%); background: -o-linear-gradient(top, #56cbf7 0%,#09b2f1 100%); background: -ms-linear-gradient(top, #56cbf7 0%,#09b2f1 100%); background: linear-gradient(top, #56cbf7 0%,#09b2f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf7', endColorstr='#09b2f1',GradientType=0 ); text-indent: -9999px; } ul#social-links li a { width: 32px; height: 32px; display: block; } ul#social-links > li.rss-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #ff8500; background: -moz-linear-gradient(top, #ff8500 0%, #ff6a00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8500), color-stop(100%,#ff6a00)); background: -webkit-linear-gradient(top, #ff8500 0%,#ff6a00 100%); background: -o-linear-gradient(top, #ff8500 0%,#ff6a00 100%); background: -ms-linear-gradient(top, #ff8500 0%,#ff6a00 100%); background: linear-gradient(top, #ff8500 0%,#ff6a00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='#ff6a00',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.linkedin-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #007fc5; background: -moz-linear-gradient(top, #007fc5 0%, #0061b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fc5), color-stop(100%,#0061b6)); background: -webkit-linear-gradient(top, #007fc5 0%,#0061b6 100%); background: -o-linear-gradient(top, #007fc5 0%,#0061b6 100%); background: -ms-linear-gradient(top, #007fc5 0%,#0061b6 100%); background: linear-gradient(top, #007fc5 0%,#0061b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc5', endColorstr='#0061b6',GradientType=0 ); text-indent: -9999px; } ul#social-links > li.pinterest-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #e63037; background: -moz-linear-gradient(top, #e63037 0%, #bf1018 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e63037), color-stop(100%,#bf1018)); background: -webkit-linear-gradient(top, #e63037 0%,#bf1018 100%); background: -o-linear-gradient(top, #e63037 0%,#bf1018 100%); background: -ms-linear-gradient(top, #e63037 0%,#bf1018 100%); background: linear-gradient(top, #e63037 0%,#bf1018 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63037', endColorstr='#bf1018',GradientType=0 ); text-indent: -9999px; } /* ---------------------------------------------------------------------- */ /* 04- HEADER CSS /* ---------------------------------------------------------------------- */ /* -------------------------------------------------- */ /* HEADER,CONTAINER,LOGO, RESPONSIVE NAVIGATION /* -------------------------------------------------- */ .page { height:auto; width: 100%; padding:0px; margin:50px 0 0px 0; } #header { margin:0 auto; padding:0px 0 0px 0;} #navigation-wrapper{ clear: both; display: block; margin: auto; width: 715px; } #content {padding-bottom:0px; font-size: 14px;} #logo{ display: inline-block; float: none; padding-bottom: 8px; padding-top:19px; /*height: 55px; width:230px; background:url("../images/logo.png") no-repeat; text-indent:-9999px;*/ } #logo-wrapper { float:left; border:solid 0px; width:260px;} #logo-wrapper h1 { margin-bottom: 0; } #tagline { margin:0; white-space: nowrap; } #responsive-social-menu{ display: none; width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; background:#fff; } #responsive-main-nav-menu{ display: none; width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; } .page { height: auto; width:100%; margin:0px auto 0px; padding: 0px; border:solid 0px; } /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .container {margin: 0 auto;position: relative;} .one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column {float: left;margin-bottom: 20px;} .one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12{ margin-right: 0px } .one-half { width: 460px } .one-third { width: 300px } .two-third { width: 620px } .one-fourth { width: 235px;} .three-fourth { width: 700px; float:right;} .horizontal-line {width:100%;margin:30px 0;float:left;border-top:1px solid #e1e1e1; } .one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9 { clear:both; } /* -------------------------------------------------- */ /* MAVIGATION /* -------------------------------------------------- */ .downarrowclass { position: absolute; top: 53px; right: 5px; } .rightarrowclass { position: absolute; top: 10px; right: 10px; } #main-navigation select { display: none } #main-navigation { float: left; height: 43px; position: relative; z-index: 9999; } #main-navigation > ul { margin:0px 0 0 0px } #main-navigation ul li { list-style: none; float: left; position: relative; } #main-navigation li a { color: #DEBFFF; float: left; font-family: dosis; font-size: 15px; line-height: 22px; margin-top: 0; overflow: hidden; padding: 10px 36px 10px 35px; position: relative; text-transform: uppercase; } #main-navigation ul li.current-menu-ancestor > a, #main-navigation ul li.current-menu-item > a { background: none repeat scroll 0 0 #371a57; color: #debfff; } #main-navigation ul li:hover a{ background:#552886; color:#debfff; } #main-navigation ul li:hover .downarrowclass{ background:none} #main-navigation ul ul li a { display: block; float: none; } #main-navigation ul ul { background-color: #fff; border-radius: 0 0 0 0 !important; border-top: 7px solid #552886 !important; box-shadow: 2px 2px 2px #323232 !important; display: none; left: 0 !important; margin-top: 0; padding-bottom: 0; padding-top: 0; position: absolute; width:170px !important; z-index: 99; } #main-navigation ul ul ul { background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat; padding-left: 8px; display: none; left: 0; position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #main-navigation ul ul ul ul { background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat; padding-left: 8px; display: none; margin-left: 10px; left: 0; position: absolute; width: 175px; z-index: 99; font-size:14px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #main-navigation ul ul li, #main-navigation ul ul li a { background: none repeat scroll 0 0 #FFFFFF !important; border: 0 solid #2694CA !important; border-radius: 0 0 0 0; color: #FFFFFF; font-size: 16px; height: auto; line-height: 23px; margin: 0 !important; padding: 8px 17px !important; } #main-navigation ul ul li a {/*border-bottom: solid 1px #cccccc!important;*/} #main-navigation ul ul li:last-child a {border-bottom: solid 0px #2694ca!important;} #main-navigation ul ul li:nth-child(5) a {border-bottom: solid 0px #2694ca!important;} #main-navigation ul ul li {padding:0px!important; } #main-navigation ul ul li { float: none ; width:170px !important; } #main-navigation ul ul li.imgmenus{ height: 140px; position: absolute; right: 0; top: 0; width: 223px; } #main-navigation ul ul li.imgmenus:hover{ background:none !important} #main-navigation ul ul li, #main-navigation ul ul li.imgmenus a{ background-image:none;} #main-navigation ul li ul li #menu-item-800:hover{ background-color:none!important} .imgmenus #main-navigation ul ul li, #main-navigation ul ul li a{ background-image:none;} #main-navigation ul ul li.imgmenus img{ right:-10px; float: right; height: 140px; position: relative; width: 150px; } #main-navigation ul li { padding: 0; margin: 0 0 0 0px; } #main-navigation ul ul a { border: 0!important; color: #666!important; display: block; font-size: 16px; font-weight: 400; padding:0px!important; text-align: left; margin: 0; text-transform: none; } #main-navigation ul ul a:hover, #main-navigation ul ul .hover > a, #main-navigation ul ul .current-menu-item > a, #main-navigation ul ul .current-menu-item > a:hover { background: #eee!important; color: #552886 !important; text-decoration: none; } #main-navigation ul li ul li.imgmenus a:hover{ background-image:none; background-color: transparent !important} #main-navigation ul ul li.imgmenus a{ background-image:none !important} #main-navigation ul li ul { position: absolute; left: 0px; display: block; visibility: hidden; margin-left: 0px; top: 0; } li.twocolumn ul { width:380px!important;border:solid 0px #000!important;} li.twocolumn ul li { width:50%!important; float:left!important; border:solid 0px #000!important;} .downarrowclass, .rightarrowclass { width:8px; height:8px; background:url(../images/plus.png) top left no-repeat; display:inline-block; position: absolute; right: 5px; top: 53px } .rightarrowclass { background-image:url(../images/plus-white.png); } /* ---------------------------------------------------------------------- */ /* 05- CALL TO ACTION PANEL CSS /* ---------------------------------------------------------------------- */ #call-to-action-panel{ height:90px; padding:45px 0px 25px 0px; width:1020px; margin:30px 0 0 0; background:#f0ede4; border-top:1pt solid #d8d5cd; } #call-to-action-panel h1 { color:#9dcedf; font-size:38px; } #call-to-action-panel .button-align-right{float:right;} #call-to-action-panel span {font-size:14px;} .view-portfolio-button{ background:#aad5e3 ; background: -moz-linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aad5e3), color-stop(50%,#93c9dc), color-stop(100%,#83c0d4)); background: -webkit-linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%); background: -o-linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%); background: -ms-linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%); background: linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#83c0d4',GradientType=0 ); padding:15px 25px; font-size:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#FFF; text-shadow:0px 1px #88c4d8; float:left; margin:0; position:relative; -webkit-box-shadow:0px 4px #388fad; -moz-box-shadow:0px 4px #388fad; box-shadow:0px 4px #388fad; } .view-portfolio-button:hover{ margin-top:-1px; text-decoration:none; color:#FFF; -webkit-box-shadow:0px 5px #388fad; -moz-box-shadow:0px 5px #388fad; box-shadow:0px 5px #388fad;} .view-portfolio-button:active{ margin-top:1px; text-decoration:none; color:#FFF; -webkit-box-shadow:0px 2px #388fad; -moz-box-shadow:0px 2px #388fad; box-shadow:0px 2px #388fad;} .user{ width:20px; height:20px; display:block; background:url("../images/icons/user.png") center no-repeat; text-indent:-9999px; float:right; margin:0 -5px 0 10px; } /* ---------------------------------------------------------------------- */ /* 06- FOOTER & COPYRIGHTS CSS /* ---------------------------------------------------------------------- */ #footer{ width:1020px; padding:0px 0px 0; margin:0px auto; height: auto; } #footer h4 { color: #9dcedf; font-size: 18px; line-height: 24px; } #copyrights{ min-height:88px; background: none repeat scroll 0 0 #3b2058; border: 0 solid #990000; color: #FFFFFF; float: none; display: block; font-size: 12px; margin-left: 0; padding: 3px 0 8px; position: relative; width: 100%; } #copyrights .right { float: right } #copyrights a { color: #fff } #copyrights a:hover { text-decoration: underline } .backtotop{ background: url(../images/arrow.png) no-repeat scroll 10px 16px; border: 1px solid #5c656c; border-right:0px; border-radius: 7px 0 0 7px; bottom: 15px; color: #FFFFFF !important; display: block; padding: 10px 10px 10px 25px; position: absolute; right: 0px!important; z-index: 1001; text-decoration:none; } .backtotop:hover{background: url(../images/arrow.png) no-repeat scroll 10px 16px #252e35;border: 1px solid #252e35; border-right:0px;} /* ---------------------------------------------------------------------- */ /* FOOTER LIST /* ---------------------------------------------------------------------- */ #footer .widget-container ul { list-style-type: none; list-style-position: outside; width: 100%; } #footer .widget-container li { color: #898989; display: block; padding: 5px 0; border-bottom: 1pt solid #333; } #footer .widget-container li a { color: #aaa } #footer .widget-container li a:hover { color: #9dcedf; text-decoration: underline; } #footer .widget-container li:first-child { border-top: 1pt solid #333; } #footer .widget-container li:last-child { border-bottom: none; } #footer .widget-container ul ul { margin: 5px 0 0 0px; } /* --------------------------------------------------------------------- */ /* NEWSLETTER FORM /* ---------------------------------------------------------------------- */ #footer-form form { margin-bottom: 0px } #footer-form fieldset { margin-bottom: 20px } #footer-form label, #footer-form legend { display: block; font-weight: bold; font-size: 13px; } #footer-form input[type="checkbox"] { display: inline } #footer-form label span, #footer-form legend span { font-weight: normal; font-size: 13px; color: #444; } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { padding: 7px 10px; outline: none; overflow: hidden; font-size: 11px; color: #898989; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 10px; background: #111111; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f; -moz-box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f; -webkit-box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f; resize: none; } #footer-form select { padding: 0 } #footer-form input[type="text"]:focus, #footer-form input[type="password"]:focus, #footer-form input[type="email"]:focus, #footer-form textarea:focus { color: #555 } #footer-form textarea { min-height: 100px } #footer-form select { width: 300px } /* ---------------------------------------------------------------------- */ /* FOOTER TWITTER FIELD /* ---------------------------------------------------------------------- */ #footer .tweet { width: auto } #footer .tweet ul { list-style-type: none; padding: 0; margin: 0px; } #footer .tweet li .tweet_text, .block .tweet li .tweet_text { float: left; margin-bottom: 10px; } #footer .tweet a, .block .tweet a { text-transform: none; display: inline; padding: 0px; font-style: italic; font: 12px Arial,Verdana, sans-serif; } #footer .tweet .tweet_time a, .block .tweet .tweet_time a { text-transform: none; display: block; font-style: italic; font-size: 12px; padding: 10px 0 0 25px; color: #9dcedf; background: url("../images/twitter-feed.png") left bottom no-repeat; } #footer .tweet .tweet_time a:hover, .block .tweet .tweet_time a :hover { text-decoration: underline } /* ---------------------------------------------------------------------- */ /* FOOTER CONTACT INFO /* ---------------------------------------------------------------------- */ .widget_ThemeChillyframework_contact_widget { } .widget_ThemeChillyframework_contact_widget span { padding: 5px 0px 5px 30px; width: 100%; display: block; font-style: normal; } .widget_ThemeChillyframework_contact_widget span.address { background: url("../images/icons/adress.png") left no-repeat } .widget_ThemeChillyframework_contact_widget span.phone { background: url("../images/icons/phone-number.png") left no-repeat } .widget_ThemeChillyframework_contact_widget span.email { background: url("../images/icons/mail-adress.png") left no-repeat } /* ---------------------------------------------------------------------- */ /* 07- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT /* ---------------------------------------------------------------------- */ ul#projects-carousel { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 25px 0 0 0; } ul#projects-carousel li { float: left; background: #f8f9f9; width: 220px; height: auto; margin-right: 20px; padding: 0; } ul#projects-carousel li .item-content { background: #615951; float: left; width: 220px; text-align: center; padding: 0px 0 15px 0; height: auto; } .description { padding: 15px; font-size: 12px; height: 50px;} ul#projects-carousel li .item-content:hover { background: #9dcedf } ul#projects-carousel li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#projects-carousel li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#projects-carousel li .item-content span { font-style: italic; color: #FFF; } ul#projects-carousel li img { width: 100%; height: auto; padding: 0; margin: 0; } .jcarousel-container { margin: 0px -20px 0px 0; max-width: 100%; padding: 0px 0 0 0; } .jcarousel-clip { overflow: hidden; width: 100%; } .jcarousel-item { margin: 0 0px 30px 0; width: 220px; } .jcarousel-next, .jcarousel-prev { background: #9dcedf url("../images/carousel-prev-next.png") 105% 50% no-repeat; cursor: pointer; height: 20px; position: absolute; right: 0; bottom: -25px; width: 20px; } .jcarousel-prev { background: #9dcedf url("../images/carousel-prev-next.png") -5% 50% no-repeat; right: 25px; } .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active { background-color: #9dcedf } .jcarousel-clip { overflow: hidden; width: 100%; } .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background-color: #615951; cursor: auto; box-shadow: inset0 0 7px #46403a; -moz-box-shadow: inset 0 0 7px #46403a; -webkit-box-shadow: inset 0 0 7px #46403a; } .portfolio-item-hover-content, .proj-img1 { position: relative; overflow: hidden; } .portfolio-item-hover-content a.zoom { background: url(../images/zoom-plus.png) no-repeat; margin-left: -15px; display: inline-block; width: 52px; height: 52px; position: absolute; top: 0px; left: 45%; margin-top: -55px; z-index: 10; text-indent: -9999px; } .portfolio-item-hover-content { line-height: 0; display: block; background: transparent; z-index: 99; } .portfolio-item-holder { position: relative; overflow: hidden; height: auto; margin-bottom: 0px; } .portfolio-item-hover-content, .proj-img1 { position: relative; overflow: hidden; } .portfolio-item-hover-content .hover-options { display: block; font-style: normal; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; background: #fff url("../images/portfolio-hover-bg.png") repeat; opacity: 0; filter: alpha(opacity:0); cursor: pointer; } #slider_container { width:715px; border-bottom:1px solid #E1E1E1; } .banner_bg .container{ width:715px;} .flexslider.loading {min-height: 350px; background: url('../images/loading.gif') no-repeat center center;} .loading {background: url('../images/loading.gif') no-repeat center center;} /* ---------------------------------------------------------------------- */ /* 08- BUTTONS /* ---------------------------------------------------------------------- */ .button { cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #ffffff; text-decoration: none!important; border: none; position: relative; } .button:active { text-decoration: none; top: 1px; } .button.round { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .button.cube { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .button.small { padding: 7px 12px } .button.big { padding: 8px 20px } .button.huge { padding: 15px 30px; font-size: 18px; color: #FFF!important; font-weight: bold; } .button.darkgreen { background: #59a839; background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a839), color-stop(100%,#3e8720)); background: -webkit-linear-gradient(top, #59a839 0%,#3e8720 100%); background: -o-linear-gradient(top, #59a839 0%,#3e8720 100%); background: -ms-linear-gradient(top, #59a839 0%,#3e8720 100%); background: linear-gradient(top, #59a839 0%,#3e8720 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720',GradientType=0 ); color: #FFF; text-shadow: 0px 1px #1f6b00; -webkit-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215; -moz-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215; box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215; } .button.darkgreen:hover { -webkit-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; -moz-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; } .button.darkgreen:active { -webkit-box-shadow: inset 0 0 15px #195700,0px 1px #307215; -moz-box-shadow: inset 0 0 15px #195700,0px 1px #307215; box-shadow: inset 0 0 15px #195700,0px 1px #307215; } /* ---------------------------------------------------------------------- */ /* 09- ELASTIC SLIDER /* ---------------------------------------------------------------------- */ .ei-slider { position: relative; width: 100%; max-width: 940px; height: 350px; margin: 0 auto; } .ei-slider-loading { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 999; background: rgba(0,0,0,0.9); color: #fff; text-align: center; line-height: 400px; } .ei-slider-large { height: 100%; width: 100%; position: relative; overflow: hidden; } .ei-slider-large li { position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%; } .ei-slider-large li img { width: 100% } .ei-title { position: absolute; left: 0%; bottom: 0%; background: url("../images/caption-bg.png") repeat; width: 96%; padding: 2%; } .ei-title h3 { color: #9dcedf; text-align: left; } .ei-slider-thumbs { height: 5px; margin: -10px auto 0 auto; position: relative; } .ei-slider-thumbs li { position: relative; float: left; height: 100%; } .ei-slider-thumbs li.ei-slider-element { top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: -9000px; background: #9dcedf; } .ei-slider-thumbs li a { display: block; text-indent: -9000px; background: #d0d0d0; height: 5px; } .ei-slider-thumbs li a:hover { background: #d0d0d0 } .ei-slider-thumbs li img { position: absolute; bottom: 50px; opacity: 0; z-index: 999; width: 135px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ei-slider-thumbs li:hover img { opacity: 1; bottom: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* ---------------------------------------------------------------------- */ /* 10- PRICING TABLE /* ---------------------------------------------------------------------- */ ul.pricing-box-list-box { margin: 0; padding: 0; list-style-type: none; } ul.pricing-box-list-box>li { background: #FFF; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } ul.pricing-box-list-box li:hover { position: relative; z-index: 100; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); cursor: pointer; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .best-plan { position: relative; z-index: 100; top: -15px; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important; } .pricing-box-list-box .one-fourth { width: 235px; margin: 0px; box-shadow: none; -moz-box-shadow: none; webkit-box-shadow: none; } .one-fourth .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 180px; } .pricing-box-list-box .one-fifth:hover, .pricing-box-list-box .one-fourth:hover, .pricing-box-list-box .one-third:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .title-box { text-align: center } .box-header { padding-top: 5px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .box-header h2, .pricing-box-footer h2 { color: #FFF; text-shadow: 0px 1px 0px #005826; margin-top: 7px; } .pricing-box-footer { padding-top: 5px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .box-des { text-align: left } /*LIST STYLES*/ .pricing-box-container { background: #FFF; text-align: left; } .pricing-table-list-box-content { margin: 0px 0px; padding: 10px 25px 25px 25px; text-align: center; } .pricing-table-list-box-content ul { margin: 0px auto; padding: 0; list-style-type: none; } .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 137px; } .included { background: url(../images/checklist-icon.png) no-repeat 30px 8px } .not-included { background: url(../images/checklist-icon-no.png) no-repeat 30px 8px } .star-included { background: url(../images/checklist-star.png) no-repeat 30px 8px } .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 51px; list-style-type: none; text-align: left; width: 137px; } /*LIST STYLES*/ /*COLUMNS SIZE (DEFAULT IS FIVE COLUMNS)*/ .one-fourth .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 180px; } .one-third .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 260px; } .pricing-table-list-box-content ul li:hover { box-shadow: none!important; -moz-box-shadow: none!important; webkit-box-shadow: none!important; left: 0px!important; top: 0px!important; } .pricing-table-list-box-content ul li.zebra-pricing { background-color: #f3f3f3 } .text-price { text-align: center; padding: 10px 0 5px 0; } .text-price h2 { color: #FFF; text-shadow: 0px 1px 0px #005826; margin-top: 7px; font-size: 24px; } /*PRICING TABLES COLORS*/ /*RED*/ .text-price.red { background-color: #e64135; border-top: 1px solid #f26c4f; } .box-header.red, .pricing-box-footer.red { border-bottom: 1px solid #d4271b; background-color: #e64135; } .pricing-box-footer.red { border-bottom: 4pt solid #d4271b } /*GREEN*/ .text-price.green { background-color: #59a839; border-top: 1px solid #69bf46; } .box-header.green, .pricing-box-footer.green { border-bottom: 4px solid #3a831c; background-color: #59a839; } .pricing-box-footer.green { border-bottom: 4pt solid #3a831c } /*GREEN*/ /*BLUE*/ .text-price.blue { background-color: #898989; border-top: 1px solid #a4a3a3; } .box-header.blue, .pricing-box-footer.blue { border-bottom: 4px solid #706d6d; background-color: #898989; } /*BLUE*/ /*DARK*/ .text-price.orange { background-color: #9dcedf; border-top: 1px solid #7ccae4; } .box-header.orange, .pricing-box-footer.orange { border-bottom: 4px solid #7ab0c3; background-color: #9dcedf; } /* ---------------------------------------------------------------------- */ /* 11- LISTS /* ---------------------------------------------------------------------- */ .simple-list-2, .hentry ul { margin-left: 20px; list-style: none; } .hentry ol { list-style: decimal outside; margin-left: 20px; } .simple-list-2 li, .hentry li { } .hentry ul, .simple-list-2 li a { color: #898989 } .simple-list-2 li a:hover { color: #9dcedf;text-decoration: underline;} ul.center-list { text-align: center } ul.center-list li { text-align: center;display: inline;} ul.center-list li a {text-align: center; padding: 5px 5px;} ul.center-list li a:hover { text-decoration: underline } ul.dotted-list li { border-bottom: 1px dotted #bdbdbd } ul.dotted-list li { padding: 0px 0 5px 20px } .arrow li,.arrow-2 li,.circle li,.check li,.check-2 li,.star li,.plus li,.dash li {list-style: none; margin: 0;} ul.dotted-list li { padding: 5px 0 5px 20px;border-bottom: 1px dotted #bdbdbd;} li.simple-check-list { background: url(../images/list-check-2.png) no-repeat 0 7px } li.simple-plus-list { background: url(../images/list-plus.png) no-repeat 0 9px } li.simple-star-list { background: url(../images/list-star.png) no-repeat 0 6px } li.simple-dott-list { background: url(../images/list-circle.png) no-repeat 0 10px } li.simple-dash-list { background: url(../images/list-dash.png) no-repeat 0 10px } li.simple-check-list-2 { background: url(../images/list-check.png) no-repeat 0 10px } li.simple-arrow-list { background: url(../images/list-arrow.png) no-repeat 0 11px } li.simple-heart-list { background: url(../images/list-heart.png) no-repeat 0 7px } li.simple-info-list { background: url(../images/list-info.png) no-repeat 0 7px } li.simple-settings-list { background: url(../images/list-settings.png) no-repeat 0 7px } /* ---------------------------------------------------------------------- */ /* 12- DROPCAPS /* ---------------------------------------------------------------------- */ .dropcapsimple, .dropcapsquare, .dropcapfancy { float:left; display:inline-block; margin:0 10px 0 0; text-align:center; } .dropcapsimple { font-size:34px; height:34px; line-height:38px; width:30px; text-align:left; margin:0; } .dropcapsquare { font-size:28px; height:38px; line-height:38px; width:38px; margin-right:7px; color:#fefefe; background:#111; text-shadow:none; -moz-border-radius:4px; -webkit-border-radius:4px; } .dropcapfancy { background:#ee802a; color:#FFF; font-family:'Terminal Dosis','Arial',sans-serif; font-size:22px; line-height:35px; height:35px; width:35px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border: 2pt solid #FFF; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; } .dropcap.dark {background:#3a3a3a;color:#fff;} .dropcap.green {background:#59a839;color:#fff;} .dropcap.red {background:#e64135;color:#fff;} .dropcap.blue {background:#72c2e7; color:#fff;} .dropcap.purple {background:#954eae;color:#fff;} .dropcap.grey {background:#898989;color:#fff;} .dropcap.pink {background:#f26d7d;color: #fff;} /* ---------------------------------------------------------------------- */ /* 13- ALERTS /* ---------------------------------------------------------------------- */ .simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info { padding:0.8em; margin-bottom:1em; border:1px solid #ddd; } .simple-error,.simple-alert { background:#fbe3e4; border-color:#fbc2c4; color:#e64135; } .simple-notice { background:#fff6bf; color:#514721; border-color:#ffd324; } .simple-success { background:#e6efc2; color:#264409; border-color:#c6d880; } .simple-info { background:#d5edf8; color:#205791; border-color:#92cae4; } .simple-error a,.simple-alert a {color:#8a1f11;} .simple-notice a {color:#514721;} .simple-success a {color:#264409;} .simple-info a {color:#205791;} .required {color:#e64135;} .required {color:#ed1c24;} .error { color:#e64135; text-align:left; font-size:11px; font-style:italic; font-family:"Georgia", Verdana; } .success { color:#acd373; text-align:left; font-size:11px; font-style:italic; font-family:"Georgia", Verdana; } /* ---------------------------------------------------------------------- */ /* 14- CONTACT FORM /* ---------------------------------------------------------------------- */ #contactForm .error { margin: 5px 0 0 0 ; display: none; } #messages .simple-success, #messages .simple-error { display: none; } #contactForm form { margin-bottom: 0px } #contactForm fieldset { margin-bottom: 0px } #contactForm label, #contactForm legend, #contactForm strong { font-weight: bold; font-size: 13px; color: #898989; } #contactForm input[type="checkbox"] { display: inline } #contactForm label span, #contactForm legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; } #contactForm input[type="text"], #contactForm input[type="password"], #contactForm input[type="email"], #contactForm textarea, #contactForm select { border: 1px solid #dddddd; padding: 5px 10px; outline: none; overflow: hidden; font: 12px "Helvetica", Arial, sans-serif; color: #777; box-shadow: inset 0px 2px 4px #f3f3f3; -moz-box-shadow: inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: inset 0px 2px 4px #f3f3f3; width: 278px; max-width: 99%; display: block; margin-bottom: 10px; background: #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #contactForm select { padding: 0 } #contactForm textarea { width: 598px; height: 200px; resize: vertical; } #contactForm input[type="text"]:focus, #contactForm input[type="password"]:focus, #contactForm input[type="email"]:focus, #contactForm textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; } .caddress, .cphone, .cemail{ margin-bottom: 10px; } .caddress strong, .cphone strong, .cemail strong{ } /* ---------------------------------------------------------------------- */ /* 15- PORTFOLIO LAYOUTS /* ---------------------------------------------------------------------- */ .project-pagination{ float:right; margin-top:10px; } .project-pagination a { font-family:"Georgia",Arial,Verdana; font-size:14px; color:#d7d7d7; font-style:italic; margin:0px 5px 0 0; } .project-pagination a:hover{color:#9dcedf;} ul#portfolio-items-one-fourth {width: 100%; min-height: 300px; overflow: hidden;} ul#portfolio-items-one-fourth li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden;} ul#portfolio-items-one-fourth li .portfolio-item{ float:left; background:#f8f9f9;width:220px;height:auto;padding:0;} ul#portfolio-items-one-fourth li .item-content{background:#615951;float:left;width:220px;text-align:center;padding:0px 0 15px 0;height:auto; } #portfolio-items-one-fourth .description{padding-top:15px; font-size: 12px;} ul#portfolio-items-one-fourth li .item-content:hover{ background:#9dcedf;} ul#portfolio-items-one-fourth li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;} ul#portfolio-items-one-fourth li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;} ul#portfolio-items-one-fourth li .item-content span{font-style:italic;color:#FFF;} ul#portfolio-items-one-fourth li img{ width:100%;height:auto;padding:0;margin:0; } ul#portfolio-items-one-third {overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0px 0 0 0 ;} ul#portfolio-items-one-third li { width:300px;min-height:310px;} ul#portfolio-items-one-third li .portfolio-item{ float:left; background:#f8f9f9;width:300px;height:auto;padding:0;} ul#portfolio-items-one-third li .item-content{background:#615951;float:left;width:300px;text-align:center;padding:0px 0 15px 0;height:auto; } #portfolio-items-one-third .description{padding-top:15px; } ul#portfolio-items-one-third li .item-content:hover{ background:#9dcedf;} ul#portfolio-items-one-third li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;} ul#portfolio-items-one-third li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;} ul#portfolio-items-one-third li .item-content span{font-style:italic;color:#FFF;} ul#portfolio-items-one-third li img{ width:100%;height:auto;padding:0;margin:0; } .portfolio-container{width:960px;margin-right:-20px;float:left; clear: both;} .portfolio-items { width: 960px; margin: 0; } .portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden; } .portfolio-items-not-filterable { width: 960px; margin: 0; } .portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 300px; margin: 0 20px 20px 0; float: left; height: 310px; overflow: hidden; } .three-fourth .portfolio-container { width:auto; } .filterable { display: inline; float: right; margin-bottom: 20px; margin-right:20px; list-style: none; } .filterable li { float: left; margin-left: 25px; list-style: none; } .filterable li a { display: block; color: #FFF; font: bold 11px arial; text-decoration: none; text-align: center; width: 100%; height: auto; padding:5px 5px; margin:5px; background: #615951; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .filterable li.active a { color: #FFF; background: #9dcedf; } .portfolio-image { margin-bottom: 20px; } /* ---------------------------------------------------------------------- */ /* 16- TABS & ACCORDIONS /* ---------------------------------------------------------------------- */ ul.accordion { display: inline; float: left; width: 100%; margin-bottom: 30px; } ul.accordion li.accordion-item { float: left; width: 100%; background: #FFF; border-bottom: 1px solid #f0f0f0; } ul.accordion li.accordion-item:hover { background: #f9f9f9 } ul.accordion li.accordion-item.selected { background: #f9f9f9 } ul.accordion li.accordion-item.selected .accordion-switch { color: #9dcedf; font-weight: bold; } ul.accordion li.accordion-item .accordion-switch { cursor: pointer; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 14px; font-size: 12px; color: #777; line-height: 22px; } ul.accordion li.accordion-item .togglegfx { float: left; height: 22px; width: 22px; background: url('../images/accordion-toggle.png') no-repeat left top; padding-right: 15px; margin-bottom: 11px; margin-top: 1px; } ul.accordion li.accordion-item.selected .accordion-switch .togglegfx { background-position: left bottom } ul.accordion li.accordion-item .accordion-content { padding-left: 25px; padding-right: 25px; } .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 32px; margin: 0; overflow: hidden; padding: 0; position: relative; } .tabs-nav li.active { line-height: 31px } .tabs-nav li a { background: #f8f8f8; border: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: none; color: #959393; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; } .tabs-nav li:first-child a { border-left: 1px solid #eaeaea } .tabs-nav li a:hover { background: #f0f0f0 } .tabs-nav li.active a { color: #9dcedf } .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #9dcedf; } .tabs-container { border: 1px solid #eaeaea; margin: -1px 0 20px; overflow: hidden; width: 100%; } .tab-content { padding: 20px } /* ---------------------------------------------------------------------- */ /* 17- BLOG LAYOUT /* ---------------------------------------------------------------------- */ #content h1 { margin-bottom: 30px; } .hentry { margin: 0 0 0px 0; padding: 0; padding: 0 0 30px 0; margin:0 0 30px 0; } .single .hentry { margin-bottom: 0; } .archive .hentry, .page-template-template-blog-php .hentry, .search .hentry { border-bottom: 1px solid #E1E1E1; } .entry-body { float: left; margin: 23px 0 0 0; width: 555px; } .page-body { width: 100%; float: left; } .readmore a { font-size: 14px; font-family: "Georgia",Verdana; font-style: italic; background: url("../images/blog-permalink.png") left bottom no-repeat; padding-left: 15px; -webkit-transition: all 0.2s ease,top 0ms linear; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .readmore a:hover { background: url("../images/blog-permalink.png") left top no-repeat } .entry-meta { color: #878787; float: left; font-size: 12px; left: -55px; line-height: 16px; margin: 10px 20px 0 0; position: relative; text-align: center; width: 125px; } .three-fourth .hentry{ margin-bottom:0px; padding-bottom:0px;} .entry-meta ul { left: 62px; margin: 0; position: relative; top: 29px; z-index: 997;} .entry-meta li { list-style: none; margin: 0; } .entry-meta li a{ color:#fff;} .entry-meta .title { font-weight: bold; color:#fff; } .post-format { background-color: #ddd; background-image: url(../images/blog-icons/icon-post-format-standard.png); background-repeat: no-repeat; background-position: 50% 50%; color: #959393; display: inline-block; height: 40px; margin: 0 0 10px 0; text-align: left; text-indent: -9999px; width: 40px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .post-date { width: 120px; height: 80px; background: #552886; position: absolute; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .post-date:before { border-bottom: 13px solid transparent; border-right: 38px solid #552886; border-top: 13px solid transparent; content: ""; height: 0; margin: 13px 0 0 -139px; position: absolute; width: 0; } .post-month { color: #FFFFFF; display: block; float: left; margin-left: 12px; margin-right: 5px; margin-top: 10px; } .post-day, .post-year { display: block } .post-day { font-size: 30px; float:left; color: #FFF; margin: 10px 0 15px 0; } .post-year { /* background: url("../images/post-meta-divider.png") top repeat-x; /*/ color: #FFF; padding: 10px 0 0 0; } .post-intro { float: left; width: 615px; } .hentry blockquote { background: #f8f8f8 url(../images/quote.png) no-repeat 17px 21px; font: italic 15px/1.6 "Georgia", Times, 'Times New Roman', serif; padding: 20px 20px 20px 55px; border-bottom: 1pt solid #e1e1e1; margin: 0px 0 20px 0; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } blockquote.alignleft { float:left; margin:10px 10px 10px 0; width:300px; } blockquote.alignright { float:right; margin:10px 0 10px 10px; width:300px; } .mediaitem { margin: 0 0 20px 0 } .sidebarBox { border-bottom: none; margin: 20px 0 10px 0!important; padding: 0 0 0 0; width:100%; font-size: 12px;clear:both; float: left; } .sidebarBox.last { border-bottom: none; } .sidebarBox li { background: url(../images/simple-nav-arrow.png) no-repeat 0 11px; border-bottom: 1px dotted #ced8df; list-style: none; margin: 0; display: block; padding: 5px 0 5px 15px; } .sidebarBox li:first-child { border-top: 1px dotted #ced8df } .sidebarBox a { color: #868686; } .sidebarBox a:hover { } img.fb_share_link { padding: 0px 0 0 0px; margin: 0px 5px -10px 0px; } #pagination { list-style: none } #pagination li { display: inline } #pagination span, #pagination a { display: block; float: left; padding: 4px 10px; margin-right: 7px; border: 1px solid #e1e1e1; -webkit-box-shadow: inset 0 0 10px #f5f5f5; -moz-box-shadow: inset 0 0 10px #f5f5f5; box-shadow: inset 0 0 10px #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #898989; } #pagination .current { background-color: #f5f5f5 } #pagination .current:hover { border: 1pt solid #c2c2c2 } .widget_search { border-bottom: none; } #s { background: #FFF url("../images/search-bg.png") right no-repeat; border:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 96%; padding: 8px 5px; color: #acacac; border-color: #88bbc8; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; } #s:focus { -moz-box-shadow: 0 0px 3px #909090; -webkit-box-shadow: 0 0px 3px #909090; box-shadow: 0 0px 3px #909090; } #searchsubmit { position: absolute; left: -1000em; } .screen-reader-text { position: absolute; left: -1000em; } .search-place { margin: 30px 0 } .author { border-bottom: 1px solid #E1E1E1; padding:20px; margin-bottom: 30px; clear: both; background: #f0f0f0; } .author .author-gravatar { float:left; margin:0 20px 20px 0; } .author .author-description { font-style: italic; } #comments {clear: both; margin: 30px 0;} .inner-comment { margin-left: 75px } .comment { margin-bottom: 10px; overflow: hidden; } .comment article { position: relative; } .comment-author { float: left; margin-right: 10px; padding-bottom: 10px; } .commentlist ul.children { padding-left: 40px; } .commentlist .authormeta { float: left; } .commentlist .comment-author img, .commentlist .comment-author h3, .commentlist .comment-author .datetime { float: left; line-height: 38px; margin: 0 10px 0 0; padding: 0; } .commentlist .comment-author .datetime { clear: none; color: #EBEBEB; float: left; margin-right: 0; margin-top: 4px; } .comment-text { background: #f5f5f5; padding: 0 20px; border: 1pt solid #ebebeb; clear: left; float: none; margin-bottom: 10px; white-space: pre-line; word-wrap: break-word; } .comment-text p { margin-bottom: 0; } img.avatar { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; vertical-align: middle; } .comment cite { font-size: 18px; line-height: 24px; font-style: normal; } .comment-reply-link { display: block; clear: both; float: right; } #commentform label { font-weight: bold; display: block; color: #7f7f7f; } #commentform input[type=text], #commentform input[type=password], #commentform input[type=email], #commentform input[type=url], #commentform input.text, #commentform input.title, #commentform textarea, #commentform select { background-color: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; font-size: 12px; padding: 4% 0; width: 96%; } #commentform input[type=text]:focus, #commentform input[type=password]:focus, #commentform input[type=email]:focus, #commentform input[type=url]:focus, #commentform input.text:focus, #commentform input.title:focus, #commentform textarea:focus, #commentform select:focus { border-color: #c2c2c2; outline: 0; } #commentform input[type=text], #commentform input[type=password], #commentform input[type=email], #commentform input.text, #commentform input.title, #commentform textarea, #commentform select { margin: 5px 0 } #commentform textarea { width: 99%; height: 180px; padding: 4% 0; resize: none; } #commentform input[type=submit] { } /* alignments */ .alignleft, img.alignleft { margin:0 24px 24px 0; display: inline; float: left; } .alignright, img.alignright { margin-left: 24px; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* ---------------------------------------------------------------------- */ /* 18- OTHER FEATURES LAYOUT /* ---------------------------------------------------------------------- */ .not-found-text { text-align: center; font-size: 100px; line-height: 100px; border-bottom: 1pt solid #E1E1E1; margin-bottom: 100px; padding-bottom: 30px; } .intro-page h2 { text-align: center } .intro-page h2 strong { color: #9DCEDF; font-weight:normal } .intro-page { margin: 0 0 0px 0; border-top: 1pt solid #d8d5cd; padding: 30px 0; } .resize img { max-width: 100%; max-height: 100%; } video { width: 100%; height: auto; } ul.team-memebers li { text-align: center; float: left; margin-right: 20px; } ul.team-memebers li.last { margin-right: 0px } #contact-map { margin-left: -40px; width: 1020px; max-height: 100%; margin-bottom: 30px; } #contact-map iframe { width:100%; } img.intro-img { margin-left: -40px; max-width: 1020px; max-height: 100%; margin-bottom: 30px; border-bottom: 1pt solid #d8d5cd; } img.team-member { width: 70px; height: 70px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 1px 1px #615951; -moz-box-shadow: 0px 1px 1px #615951; -webkit-box-shadow: 0px 1px 1px #615951; } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote { padding: 0px 10px 0px 35px; line-height: 24px; background-image: url(../images/quote.png); background-position: 0% 10% ; background-repeat: no-repeat; color: #999999; } blockquote span { color: #666666 } .button-holder-2 { float: right; margin-top: 5px; } pre, code { border: 1px solid #e1e1e1; border-left: 5px solid #e1e1e1; width: 96%; margin-bottom: 20px; padding: 2%; font-size: 11px; display: inline-block; background-color: #f5f5f5; } .pdf { background: url(../images/icons/pdf-icon.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; } .skype-call { background: url(../images/icons/skype-icon.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; } #map { height: 275px; margin: 0px 0 30px -40px; position: relative; width: 1020px; } #map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; } #map:after { bottom: 0; top: auto; } ul.buttons li { display: list; margin: 25px 0; } ul.buttons-huge li { display: list; margin: 45px 0; } .inner-page-intro { width: 100%; height: auto; float: left; padding: 0px 0; margin-bottom: 30px; border-bottom: 1pt solid #e1e1e1; } .add-widget { sssbackground: url("../../lib/shortcodes/images/lists/addlist.png")left center no-repeat; background:url("../images/plus.png") left center no-repeat; padding: 2px 2px 2px 13px; font-weight: bold; display: block; margin-top: 20px; } .help { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eee; padding:20px; } .help p { margin-bottom: 0; } .country_phones, .country_phones dt, .country_phones dd {margin: 0;padding: 0;} .country_phones dt a {background: none repeat scroll 0 0 #fbfbfb;border: 1px solid #EDEDED; color:#333} .country_phones a { background: none repeat scroll 0 0 #0098d2; color: #fff; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 16px; padding: 4px 5px; text-decoration: none; width: 145px; } .country_phones a:hover{ color:#FFF;} .country_phones dt a:hover{ color:#000} .topheadersearch{ width:150px; float:right; margin-top:10px;} .topheadersearch #s{border-radius:20px!important; background: #FFF url("../images/search-bg.png") right no-repeat; width: 96%; padding: 8px 5px; color: #acacac; border: solid 1px #cccccc!important; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .homefeatures{ clear: both; float: left; width: 100%; } .homefeatures .container{ border:solid 0px; padding-top:20px;} .homefeatures .one-half { width:31.2%; border:solid 0px;} .homefeatures .one-half img { margin-top:15px;} .homefeatures .one-half h3{text-transform:uppercase; color:#FFF; font-size:20px; margin-bottom:0px;} .homefeatures .one-half p{ color:#FFF; font-size:15px; margin-top:0px; padding-top:0px;} .homesolutions2{ clear: both; display:none; float: left; width: 100%; background-color:#fff; } .homesolutions{background: radial-gradient(ellipse at center center , #68DB73 0%, #2FAA43 100%) repeat scroll 0 0 transparent; clear: both; float: left; width: 100%;} .homesolutions .container{ width:1022px; border:solid 0px; padding-top:20px;} .homesolutions .col1{ width:310px; float:left; border:solid 0px; margin:10px 0px} .homesolutions .col1 h3{ color:#FFF; border-top: solid 1px #9edaa7;border-bottom: solid 1px #9edaa7; font-size:32px; margin-top:5px; padding:25px 0px; text-transform:uppercase} .homesolutions .col1 p{ line-height:25px; text-align:justify; font-size:15px; color:#FFF;} .homesolutions .col1 p a{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.13);border: 1px solid rgba(0, 0, 0, 0.18); clear:both; padding:5px 10px; color:#FFF;display:block; width:150px; text-align:center; margin-top:20px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); font-size:14px; border-radius:5px;} .homesolutions .col1 p a:hover{background: none repeat scroll 0 0 rgba(0, 64, 10, 100);} .homesolutions .col2{ width:670px; float:right; border:solid 0px; margin:20px 0px} .homesolutions .col2 .boxes{ width:215px; float:left; border:solid 0px; margin:0px .5px; background:#f1f1f1; height:240px;box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.10); border-radius:3px;transition: all 0.3s ease-out 0s; text-align:center;} .homesolutions .col2 .boxes:hover{background:#fff;box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.10);} .homesolutions .col2 .boxes .imgbox{ height:150px; padding-top:50px; background: #0077b2; background: -moz-radial-gradient(center, ellipse cover, #259ed9 0%, #0077b2 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#259ed9), color-stop(100%,#0077b2)); background: -webkit-radial-gradient(center, ellipse cover, #259ed9 0%,#0077b2 100%); background: -o-radial-gradient(center, ellipse cover, #259ed9 0%,#0077b2 100%); background: -ms-radial-gradient(center, ellipse cover, #259ed9 0%,#0077b2 100%); background: radial-gradient(ellipse at center, #259ed9 0%,#0077b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#259ed9', endColorstr='#0077b2',GradientType=1 ); border-radius:3px 3px 0px 0px; box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.10);} .homesolutions .col2 .boxes:hover .imgbox{ box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4); transform: rotate(0deg) scale(1.1); -webkit-transform: rotate(0deg) scale(1.1); border-radius:3px 3px 3px 3px;z-index: 10;} .homesolutions .col2 .boxes h3{ font-size:20px; margin:0px; padding:0px; color:#035f8d;padding-top:3px;} .homesolutions .col2 .boxes:hover h3{color:#222!important;} .homesolutions .col2 .boxes.two .imgbox{ background: #ba0000; background: -moz-radial-gradient(center, ellipse cover, #e54b4b 0%, #ba0000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e54b4b), color-stop(100%,#ba0000)); background: -webkit-radial-gradient(center, ellipse cover, #e54b4b 0%,#ba0000 100%); background: -o-radial-gradient(center, ellipse cover, #e54b4b 0%,#ba0000 100%); background: -ms-radial-gradient(center, ellipse cover, #e54b4b 0%,#ba0000 100%); background: radial-gradient(ellipse at center, #e54b4b 0%,#ba0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e54b4b', endColorstr='#ba0000',GradientType=1 ); } .homesolutions .col2 .boxes.three .imgbox{ background: #383838; background: -moz-radial-gradient(center, ellipse cover, #717171 0%, #383838 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#717171), color-stop(100%,#383838)); background: -webkit-radial-gradient(center, ellipse cover, #717171 0%,#383838 100%); background: -o-radial-gradient(center, ellipse cover, #717171 0%,#383838 100%); background: -ms-radial-gradient(center, ellipse cover, #717171 0%,#383838 100%); background: radial-gradient(ellipse at center, #717171 0%,#383838 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#383838',GradientType=1 ); } .homesolutions .col2 .boxes.four .imgbox{ background: #f5a603; background: -moz-radial-gradient(center, ellipse cover, #ffce68 0%, #f5a603 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffce68), color-stop(100%,#f5a603)); background: -webkit-radial-gradient(center, ellipse cover, #ffce68 0%,#f5a603 100%); background: -o-radial-gradient(center, ellipse cover, #ffce68 0%,#f5a603 100%); background: -ms-radial-gradient(center, ellipse cover, #ffce68 0%,#f5a603 100%); background: radial-gradient(ellipse at center, #ffce68 0%,#f5a603 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce68', endColorstr='#f5a603',GradientType=1 ); } .homesolutions .col2 .boxes.five .imgbox{ background: #b412be; background: -moz-radial-gradient(center, ellipse cover, #d723e2 0%, #b412be 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d723e2), color-stop(100%,#b412be)); background: -webkit-radial-gradient(center, ellipse cover, #d723e2 0%,#b412be 100%); background: -o-radial-gradient(center, ellipse cover, #d723e2 0%,#b412be 100%); background: -ms-radial-gradient(center, ellipse cover, #d723e2 0%,#b412be 100%); background: radial-gradient(ellipse at center, #d723e2 0%,#b412be 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d723e2', endColorstr='#b412be',GradientType=1 ); } .homesolutions .col2 .boxes.six .imgbox{ background: #01e0dd; background: -moz-radial-gradient(center, ellipse cover, #71fffd 0%, #01e0dd 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#71fffd), color-stop(100%,#01e0dd)); background: -webkit-radial-gradient(center, ellipse cover, #71fffd 0%,#01e0dd 100%); background: -o-radial-gradient(center, ellipse cover, #71fffd 0%,#01e0dd 100%); background: -ms-radial-gradient(center, ellipse cover, #71fffd 0%,#01e0dd 100%); background: radial-gradient(ellipse at center, #71fffd 0%,#01e0dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71fffd', endColorstr='#01e0dd',GradientType=1 ); } .homesolutions .col2 .boxes.two h3{color:#ba0000;} .homesolutions .col2 .boxes.three h3{color:#383838;} .homesolutions .col2 .boxes.four h3{color:#f5a603;} .homesolutions .col2 .boxes.five h3{color:#b412be;} .homesolutions .col2 .boxes.six h3{color:#01e0dd;} .footergreybottom{ float:left; width:100%;background:#404d59; clear:both;} .footergreybottom .container{ width:1022px; border:solid 0px ;} .footergreybottom .widget-1{ float:left; border:solid 0px; width:33.3%;margin:0px; padding:0px; background:#303a43; min-height:400px;} .footergreybottom .widget-2{ float:left; border:solid 0px; width:33.3%;margin:0px; padding:0px; background:#333e47; min-height:400px;} .footergreybottom .widget-3{ float:left; border:solid 0px; width:33.4%;margin:0px; padding:0px; background:#36424c; min-height:400px;} .footergreybottom h4{ font-size:20px!important; color:#fff!important; text-transform:uppercase; margin:0px; padding:20px; } .awardsbox{ float:left;border:solid 0px; margin:0px 20px;} .awardsbox .award{ float:left; width:120px; height:96px; text-align:center;border: 1px solid rgba(255, 255, 255, 0.5);opacity: 0.3; margin:3px} .awardsbox .award:hover{transition: opacity 200ms ease-in-out 0s;background-color: rgba(255, 255, 255, 0.05);border: 1px solid #FFFFFF; opacity: 1;} .homecontactbox{ float:left;border:solid 0px; margin:0px 20px; width:88%;} .homecontactbox p{ margin-top:0px; padding:13px 0px;border-top: 1px solid rgba(255, 255, 255, 0.2);font-size:14px; color:#FFF; line-height:14px; margin-bottom:0px;} .homecontactbox p a:hover{ color:#FFF;} .homecontactbox p strong{ margin-bottom:10px; display:inline-block;} .homecontactbox p strong img{ vertical-align:middle; margin-right:2px; margin-top:-2px;} .homecontactbox p span.address{width:24px;height:24px;background:url(../images/icons/adress.png) no-repeat;margin-right:1px;display:inline-block;vertical-align:middle;margin-top:-4px;} .homecontactbox p span.mailaddress{width:24px;height:24px;background:url(../images/icons/mail-adress.png) no-repeat;margin-right:1px;display:inline-block;vertical-align:middle;margin-top:-4px;} .homecontactbox p span.contact{width:24px;height:24px;background:url(../images/icons/phone-number.png) no-repeat;margin-right:1px;display:inline-block;vertical-align:middle;margin-top:-4px;} .footertabsbox .tabs{ border:solid 0px; width:100%; float:left;height:auto!important;} .footertabsbox .tabs li{border:0px!important; border-radius:0px!important; margin:0px!important; padding:0px!important;color: #898989; height:auto!important;display: block;} .footertabsbox .tabs li a{border: 0px solid #333333!important; border-radius:0px!important;color: #898989; margin:0px!important; padding:14px 22px!important;display: block;font-size:19px!important; color:#fff!important; text-transform:uppercase; font-weight:normal;font-family: 'Dosis',sans-serif;transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; background:#303a43;} .footertabsbox .tabs li a:hover{background:#333e47; text-decoration:none!important;} .footertabsbox .tabs li.active a{background:#36424c; text-decoration:none!important;} .footertabsbox .tabs li.active a:hover{background:#36424c!important; text-decoration:none!important;} .footertabsbox .tab_container{ clear:both!important; width:100%; border-radius:0px; background:none!important; border:0px!important;} .footertabsbox .tab_container .tab_content{ padding:10px;} .footertabsbox .tab_container .tab_content iframe{ height:310px; overflow:hidden;} .footertabsbox .newslisting { width:93%; border:solid 0px; padding:5px 10px; font-size:13px; text-align:justify; color:#b9bdc1; line-height:18px; margin:4px 0px;} .footertabsbox .newslisting h3{ margin:0px; padding:0px; font-size:16px; letter-spacing:.5px; color:#FFF} .footertabsbox .newslisting .meta{ color:#999; font-style:italic; font-size:12px; margin-bottom:5px;} a.newsarchivelink{width:98%;background:url(../images/newsarchive-icon.gif) center top no-repeat;height:38px;display:block;float:left;clear:both;margin-top:20px;} a.blogarchivelink{width:98%;background:url(../images/blogarchive-icon.gif) center top no-repeat;height:38px;display:block;float:left;clear:both;margin-top:20px;} a.twitter-action{width:98%;background:url(../images/twitter-icon.gif) center top no-repeat;height:38px;display:block;float:left;clear:both;margin-top:20px;} #jTweets li:first-child{border-top: 1pt solid #5c656c!important;} #jTweets li:last-child{border: 0pt solid #5c656c!important;} #jTweets li{ line-height:18px;border-bottom: 1pt solid #5c656c!important; color:#898989!important; font-family:Arial, Helvetica, sans-serif, "Century Gothic"!important; padding:8px 0px!important;} #jTweets li span.jta-tweet-text{color:#e7e7e7!important} .googlemap{ float:left; width:100%; clear:both; background:#FFF; display:none;} .googlemap iframe{ width:100%!important; height:350px;} .footersocialinks{ float:left;width:100%;clear:both;border-top:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; height:58px; background:#FFF; margin-top:-3px; padding-top:8px; background:#FFF;} .footersocialinks .container{ width:1022px; border:solid 0px #000;} #copyrights ul ul{ display:none} #copyrights ul { margin-left:-5px; margin-bottom:2px; display:inline-block;} #copyrights ul li{ float:left; margin:0 5px; list-style:none;} #copyrights ul li a{ font-size:13px; color:#fff; text-decoration:none;} #copyrights ul li a:hover{color:#fff; text-decoration:none;} .footerlinks{ float:left; margin-top:23px;} .themecrated{float:right; margin-top:18px;} .footersocialinks ul#social-links {right:0px;} .seal-payments{ float:left; margin-top:8px;} .tell-us-about {position:absolute;top:-72px;left:50%;z-index:998;margin-left:288px;width:220px;height:135px;background:url(../images/tell-us-bg.png) bottom no-repeat;text-align:center; display:none; } .tell-us-about>div {position:absolute;bottom:22px;left:0;margin:0 auto;width:220px;text-transform:uppercase} .tell-us-about a.popup-contact-us {display:inline-block;padding:8px 8px;color:#fff;text-transform:uppercase;text-shadow:1px 1px 0 #7b0c00; font-weight:bold; font-size:14px;} #popup-contact-us {display:none} .popup-contact-us {cursor:pointer} .tell-us-about .btn-default {margin-bottom:10px;font-size:13px} /* .breadcrumb{ border:solid 0px; width:100%; border:solid 0px; margin-top:-5px; float:left; clear:both; z-index:999} */ .breadcrumb a{ color:#91ca00; font-size:13px;} .breadcrumb a:hover{ color: #333; text-decoration:none} #crumbs{ float:left; width:100%;border:solid 0px; margin-top:0px;} img.bcsepicon{ border:0px!important; padding:0px 2px!important; vertical-align:middle;} img.bchomeicon{ border:0px!important; padding:0px 2px!important; vertical-align:middlel; margin-top:-1px;} #crumbs a{ color:#623396} .innperpagefullwrapper{ background: url("../images/innerpagebg.gif") repeat-x scroll 0 0 transparent; clear: both; float: left; margin-bottom: -382px; position: relative; top: -382px; width: 100%; z-index: 999; } .innperpagewrapper{margin:0 auto; width:1022px; height:99px; clear:both; border:solid 0px;} .pagewrapper{float:left; width:100%; clear:both;background:#eee;min-height:400px;} .withnosidebar{border:solid 0px; width:1000px; clear:both; margin-top:30px; display:inline-block} img.innerintro-img {position:absolute; left:0px; top:0px; z-index:99} h1.innerpage{ border: 0 solid #000000; padding-left:66px; color: #4d4d4d; font-size: 46px !important; font-weight: bold !important; height: 80px; margin-bottom: 0; padding-bottom: 0; padding-top: 0; position: relative;} .innerpagedesign{ clear: both; margin-bottom: 54px; margin-top: -25px; width: 1000px; } .innerpagedesign p{ font-size:14px; color:#4b4b4b; line-height:22px; text-align:justify;} .featuredimage img{ display: none; height: 140px; border:solid 4px #552886; width: 1000px; } h3.priceplanhr{ font-weight:bold; text-transform:uppercase; font-size:34px; color:#363636} h3.priceplanhr span{ font-weight:normal; text-transform:none!important; font-size:22px; color:#363636} .featuresbox{ background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; float: left; margin-bottom: 3%; margin-left: 1.5%; margin-right: 1.5%; padding-top: 1.5%; text-align: center; width: 30%; } .featuresbox:hover{ box-shadow:0 0 10px rgba(204, 204, 204, 0.8); opacity: 1; } .featuresbox .icon{ border:solid 0px;text-align:center} .featuresbox .icon img{ width:150px; height:170px;} .featuresbox h2{ font-size:24px; color:#434343; font-weight:700; margin:5px 0px; padding:0px;} .featuresbox h2 span{ font-size:24px; color:#623396} .featuresbox p{ font-size:16px; text-align:center; line-height:24px;font-family: 'Dosis',sans-serif; letter-spacing:.8px; color:#393939; margin-top:0px; padding-top:5px;} .optionalbox{ background-color: #E3E3E3; border: 4px solid #CCCCCC; float: left; margin: 10px 0 40px; padding: 0; width: 99%;} .optionalbox .addmore_columns{ float:left; border:solid 0px; padding:30px 15px 31px 70px; width:45%; background:url(../images/attachment.png) 15px 20px no-repeat; color:#898989; font-family: 'Dosis',sans-serif; font-size:13px;} .optionalbox .addmore_columns p{letter-spacing:.5px;font-size:14px; margin-bottom:0px; padding-bottom:0px;} .optionalbox .addmore_columns ul {list-style:none!important; margin:0px!important; padding:0px!important;} .optionalbox .addmore_columns ul li{letter-spacing:.5px;font-size:18px!important; list-style:none!important; width:45%; float:left; color:#727272!important} .optionalbox .addmore_columns p strong{ margin-bottom:8px; font-size:27px; display:inline-block;} .optionalbox .support_contact{ background: url("../images/quote_phone.png") no-repeat scroll 5px 16px #CCCCCC; color: #898989; float: right; font-family: 'Dosis',sans-serif; margin: 13px; padding: 20px 15px 23px 70px; width: 25%;} .optionalbox .support_contact p{letter-spacing:.5px;font-size:16px; margin-bottom:0px; padding-bottom:0px;} .optionalbox .support_contact h3{ margin:5px; padding:0px; font-size:18px; color:#727272} .choosehosting {float: left;font-size: 14px;margin:10px 0 20px 0px;text-align: center; width:100%;border: solid 0px;} .choosehosting a.normal { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #ECECEC; background: -moz-linear-gradient(top, #F8F8F8 0%, #ECECEC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#ECECEC)); background: -webkit-linear-gradient(top, #F8F8F8 0%,#ECECEC 100%); background: -o-linear-gradient(top, #F8F8F8 0%,#000 ECECEC%); background: -ms-linear-gradient(top, #F8F8F8 0%,#000 ECECEC%); background: linear-gradient(top, #F8F8F8 0%,#000 ECECEC%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#ECECEC',GradientType=0 ) ; border-color: #E1E1E1 #DBDBDB #BEBEBE; border-image: none; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 #EEEEEE; color: #3A3A3A; cursor: pointer; display: inline-block; font-size: 15px; font-weight: bold; margin: 0 !important; padding: 7px 10px; position: relative; text-decoration: none; text-shadow: 0 1px 1px #FFFFFF; border-radius:3px; } .choosehosting a:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333333;z-index: 3;} .choosehosting a.current { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #EBEBEB; background: -moz-linear-gradient(top, #E0E0E0 0%, #EBEBEB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#EBEBEB)); background: -webkit-linear-gradient(top, #E0E0E0 0%,#EBEBEB 100%); background: -o-linear-gradient(top, #E0E0E0 0%,#000 EBEBEB%); background: -ms-linear-gradient(top, #E0E0E0 0%,#000 EBEBEB%); background: linear-gradient(top, #E0E0E0 0%,#000 EBEBEB%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#EBEBEB',GradientType=0 ) ; border-color: #AAAAAA #CCCCCC #CCCCCC #DBDBDB; border-image: none; border-left: 1px solid #DBDBDB; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #EEEEEE; color: #000000 !important; cursor: default; display: inline-block; filter: none; font-weight: bold; margin: 0 !important; padding: 7px 10px; position: relative; text-shadow: 0 1px 1px #FFFFFF; border-radius:3px; } .choosehosting a img {height:24px;margin-right: 4px;margin-top: -2px;vertical-align: middle;width:24px;} .hostingfeatures{ float:left; width:100%;border:solid 0px #d2d2d2; margin:10px auto;border-radius:5px;} .hostingfeatures .optionsrow{float: left;width:25%; z-index: 9999; border:solid 0px; margin-bottom:10px;} .hostingfeatures .headingrow{background: none repeat scroll 0 0 #f9f9f9; border-radius:5px 0px 0px 0px;border: 1px solid #d2d2d2;float: left;height: 67px;margin-top:0px;position: relative;width:100%;z-index: 9999;} .hostingfeatures .headingrow .heading{color: #48555B; border:solid 0px;float: left;font-family: 'Droid Sans',sans-serif; font-weight:500!important;font-size:18px; color:#5f5f5f; font-weight: 400;line-height: 21px; padding: 24px 0 0 16px;width:90%;} .hostingfeatures .headingrow .heading img{display: inline;float: left;margin: -9px 12px 0 0;vertical-align: middle;} .hostingfeatures .details {float: left; border:solid 1px #d2d2d2;padding:0px 0px 10px 15px;width:94%; border-top:0px;} .hostingfeatures .details p { font-size:12px; line-height:20px; text-align:justify; padding-right:15px; margin-bottom:0px; padding-bottom:5px;} .hostingfeatures .details ul { border:solid 0px; width:94%; list-style:none; margin:0px!important; padding:0px;} .hostingfeatures .details li { font-size:11px; float:left; clear:both; border:solid 0px; margin:4px 0px; color:#5f5f5f; background:url(../images/bluetick.png) no-repeat 0px 5px; padding-left:15px;} .hostingfeatures .optionsrow.opt2 .headingrow{border-radius:0px 0px 0px 0px;} .hostingfeatures .optionsrow.opt2 .details {border-right:solid 0px #d2d2d2;} .hostingfeatures .optionsrow.optlast .headingrow{border-radius:0px 5px 0px 0px} .dedicatedhosting{ float:left; width:100%; border:solid 0px; margin:10px auto; } .dedicatedhosting .hostingpackage{ float:left; width:100%; border:solid 1px #e8e8e8;border-radius:5px; margin:0px auto 20px;} .dedicatedhosting .hostingpackage .shadowbox{float:left; width:100%; background:url(../images/boxshadow.png) center bottom no-repeat; height:10px; clear:both; margin-bottom:-15px;} .dedicatedhosting .hostingpackage .detailspacakge{ float:left; width:740px; border:solid 0px; position:relative; height:181px; background:#ffffff } .dedicatedhosting .hostingpackage .detailspacakge .planname{ position: absolute; left:-8px; top:4px; width:105px; height:29px; background:url(../images/planname-bggrey.png) no-repeat; font-size:13px; text-transform:uppercase; display:block; color:#414141l; font-weight:bold; text-align:center; padding-top:14px; letter-spacing:1px;text-shadow:0px 1px #fff;font-family: 'Droid Sans',sans-serif !important;} .dedicatedhosting .hostingpackage .detailspacakge .servername{ float:left; width:83.9%; background:#f8f9fc; height:42px; font-size:22px; padding-left:120px; padding-top:10px; border-bottom:solid 1px #cad4d9; color:#48555b;} .dedicatedhosting .hostingpackage .detailspacakge ul{ clear:both; width:96%; border:solid 0px; margin:6px 15px!important; list-style:none; display:inline-block} .dedicatedhosting .hostingpackage .detailspacakge li{ border:solid 0px; width:29%; margin:5px 7px; float:left; font-size:14px; font-weight: bold; color:#515151; border-bottom:solid 1px #e6e6e6; padding-bottom:6px; background:url(../images/bread_arrow.png) no-repeat 2px 9px; padding-left:15px;font-family: 'Droid Sans',sans-serif !important;} .dedicatedhosting .hostingpackage .pricebox{ background: none repeat scroll 0 0 #888888; border: 0 solid; border-radius: 0 5px 5px 0; box-shadow: 0 2px 20px #5C5C5C inset; float: left; height: 144px; padding-top: 50px; text-align: center; width: 220px; } .dedicatedhosting .hostingpackage .pricebox h3{color:#3b3b3b;font-family: 'Droid Sans',sans-serif;font-size:42px;font-weight:bold;width: 100%;} .dedicatedhosting .hostingpackage .pricebox h3 sup{color: #3b3b3b; font-size:24px; position:relative; top:-15px;} .dedicatedhosting .hostingpackage .pricebox h3 sub{color: #FFFFFF;left: 3px;position: relative;text-shadow: 1px 1px 0 #22465B;top:0px; font-size:18px;} .dedicatedhosting .hostingpackage .pricebox a.order_now_btn1{background: url(../images/orderbtn-grey.png) no-repeat scroll left top transparent;float: left;height: 36px;margin: 14px 0 0 47px;text-align: center;width: 122px; margin-top:20px; display:inline-block;} .dedicatedhosting .hostingpackage .pricebox a.order_now_btn1:hover{ background-position: left bottom;} .planname.popular{background:url(../images/planname-bgblue.png) no-repeat!important;color:#1c4b67!important;text-shadow:0px 0px #aceefe!important;} .pricebox.popular{background:#3babde!important;box-shadow: inset 0px 2px 20px #0c75a5!important;} .pricebox.popular h3{color:#fff!important;} .pricebox.popular h3 sup{color: #f6f6f6 !important;} .pricebox.popular h3 sub{color:#00456a!important;text-shadow: 0px 0px 0 #ccc !important;} .pricebox.popular a.order_now_btn1{background: url(../images/orderbtn-white.png) no-repeat !important;} .pricebox.popular a.order_now_btn1:hover{ background-position: left bottom!important;} ul.popular li{ color:#0587c3!important} .innerpagetabs{ float:left; width:100%; border:solid 0px; margin:0px auto 10px;} .top_box .tab_sec{float:left;width:100%; border:solid 0px;} .top_box .tab_sec .tab{width:100%; list-style:none; position:relative; z-index:99; } .top_box .tab_sec .tab li{float:left; font-size:15px; line-height:17px; text-decoration:none; font-family:'Droid Sans', sans-serif; font-weight:bold; padding:0 9px 0 0; text-shadow:1px 1px 1px #fff; border: solid 0px;} .top_box .tab_sec .tab li a{float:left; text-align:center;height:31px; color:#8f8f8f;text-decoration:none; padding:15px 25px 0 25px; border:solid 1px #d2d2d2;border-radius:5px 5px 0px 0px;background: #e6e6e6; background: -moz-linear-gradient(top, #f6f6f6 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); background: linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 );} .top_box .tab_sec .tab li.last{padding:0;} .top_box .tab_sec .tab li a:hover{color:#505050; background:#fff; } .top_box .tab_sec .tab li.active a{color:#505050; background:#fff; border:solid 1px #d2d2d2; border-bottom: 1px solid #fff!important; border-radius:5px 5px 0px 0px; } .btm_box{border: 1px solid #d1d1d1;float: left;margin: -1px 0 0;padding:15px; width:97.1%; clear:both;} .innertab_content{width:100%; border:solid 0px;} .innertab_content .featured_tab{ float:left; width:45.5%; border:solid 0px; margin:10px 20px; margin-bottom:0px;} .innertab_content .featured_tab h3{ font-size:24px; margin:0px; padding:0px; color:#505050;} .innertab_content .featured_tab h3 img{ vertical-align:middle; margin-right:5px; width:28px; height:28px; margin-top:-5px;} .innertab_content .featured_tab p{ font-size:14px; line-height:22px; color:#6c6c6c; text-align:justify; clear:both;} .affiliatepage{ float:left; width:100%; border:solid 0px; clear:both;} .affliate_box {border: 1px solid #DBDBDB;border-radius: 5px 5px 5px 5px;float: left;font-family: Arial,Helvetica,sans-serif;margin: 0 0 20px;width:94%;} .affliate_box h2.heading {background: url(../images/affiliate_heading.png) repeat-x scroll left top transparent;border-radius: 5px 5px 0 0;color: #000000;font-size: 20px;height: 42px;line-height: 42px;margin: 0;padding: 0 0 0 20px;position: relative;} .affliate_boxinner { padding: 20px; width:94%; border:solid 0px;} .affliate_boxinner .affiliate_signup {float: left;margin: 20px 0 0;width: 190px;} .affliate_boxinner .affiliate_signup h4.subheading {background: url(../images/sign_ups.png) no-repeat scroll left top transparent; color: #FFFFFF;font-size: 24px;font-weight: normal;height: 40px;line-height: 38px;margin: 0;padding: 0 0 0 20px;text-shadow: 1px 1px 1px #afe4ff;} .affliate_boxinner .affiliate_signup ul.list1 {list-style: none outside none;margin: 0;padding: 0;} .affliate_boxinner .affiliate_signup ul.list1 li {border-bottom: 1px solid #D9D9D9;color: #333333;font-size: 16px;line-height: 41px;padding: 0 0 0 20px;} .affliate_boxinner .affiliate_signup ul.list1 li:last-child {border-bottom: medium none;} .affliate_boxinner .your_earning {background: url(../images/earning.png) no-repeat scroll left top transparent;float: left;padding: 20px 0 0;width: 147px;} .affliate_boxinner .your_earning h4.sub_heading {color: #FFFFFF;font-size: 24px;font-weight: normal;line-height: 20px;margin: 0;padding: 0;text-align: center;} .affliate_boxinner .your_earning ul.list1 {list-style: none outside none;margin: 0;padding: 0;} .affliate_boxinner .your_earning ul.list1 li {border-bottom: 1px solid #424242;color: #FFFFFF;font-size: 16px;line-height: 41px;text-align: center;} .affliate_boxinner .your_earning ul.list1 li:last-child {border-bottom: medium none;} .affliate_boxinner .example {background: url(../images/example_bg.png) no-repeat scroll left top transparent;float: left;height: 83px;margin: -21px 0 0 -34px; padding: 35px 0 0 35px;position: relative;width: 393px;} .affliate_boxinner .example p.text {color: #FFFFFF;font-size: 14px;font-weight: bold;line-height: 18px;margin: 0;padding: 0;text-shadow: 1px 1px 1px #434343;} .affliate_boxinner .example p.text span {color: #2198d5;display: block;font-size: 28px;line-height: 34px;} .affliate_boxinner .signup_today {float: left;height: 46px;margin: 30px 0 0 20px;position: relative;width: 178px;} .affliate_boxinner .signup_today a {background: url(../images/signup_today.png) no-repeat scroll left top transparent;color: #FFFFFF; display: block;font-size: 16px;font-weight: bold;height: 46px;line-height: 42px;text-align: center;text-decoration: none;text-shadow: 1px 1px 1px #DC7A0D;text-transform: uppercase;width: 178px;} .affliate_boxinner .signup_today a:hover {background: url(../images/signup_today.png) no-repeat scroll left bottom transparent;} .affliate_boxinner .pig-box {background: url(../images/affi-bg.png) no-repeat scroll left top transparent;height: 351px;margin: -62px 0 0 380px;position: absolute; width: 236px; border:solid 0px;} .readmore_affiliate {float: left;height: 42px;margin: 0 10px 15px 0;width: 165px;} .readmore_affiliate a {background: url(../images/readmore_affilaite.png) no-repeat scroll left top transparent; color: #FFFFFF;display: block;font-size: 14px;font-weight: bold;height: 35px;line-height: 15px;padding: 7px 0 0;text-align: center;text-decoration: none;text-shadow: 1px 1px 1px #2C849D;text-transform: uppercase;width: 165px;} .readmore_affiliate a:hover {background: url(../images/readmore_affilaite.png) no-repeat scroll left bottom transparent;} .readmore_affiliate a span {font-size: 10px;font-weight: normal; color:#c3e3f2} .joinnow_affiliate a {background: url(../images/join-now.png) no-repeat scroll left top transparent;color: #FFFFFF;display: block;font-size: 15px;font-weight: bold;height: 35px;line-height: 15px;padding: 7px 0 0;text-align: center;text-decoration: none;text-shadow: 1px 1px 1px #DC7A0D;text-transform: uppercase; width: 165px;} h2.headingmore{ font-size:24px; color:#007fbf} p.text_small{ clear:both; font-size:13px; width:93%; border:solid 0px; margin:0px; padding:0px;} ul.affiliate{ list-style:none; margin:10px 5px 15px 10px; padding:0px; clear:both; width:91%; border:solid 0px;} ul.affiliate li{ list-style:none; font-size:13px; background:url(../images/bread_arrow.png) 0px 7px no-repeat; padding-left:20px;} .solupro {margin:10px 0 50px 0;padding:0;width:96%; border:solid 0px; clear:both;font-family:'Droid Sans', sans-serif; } .solupro li {display:block;overflow:hidden;margin-bottom:25px;width:100%; border:solid 0px;height:100px;border-left:10px solid #e54130;background:#fff; -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} .solupro li:last-child {margin-bottom:0} .solupro li a {position:relative;display:block;width:100%;height:100%;color:#333;text-align:left;} .ca-icon {position:absolute;left:20px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear; top:22px; width:60px; height:52px;} .ca-content {position:absolute;top:15px;left:100px;width:80%;height:30px; border:solid 0px;} .ca-main {-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear; transition:all 300ms linear} .solupro h2 {padding:0 0 5px 0!important; font-size:28px; border:solid 0px; margin-top:0px; padding-top:0px; color:#e54130; margin-bottom:0px; padding-bottom:0px;} .ca-content h3.ca-sub {color:#666;font-size:15px!important;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear; margin-bottom:0px; padding-bottom:0px; margin-top:0px; padding-top:0px; border:solid 0px #000!important;} .solupro li:hover {border-color:#0795dc;background:#414141} .solupro li:hover .ca-icon {} .solupro li:hover .ca-main {color:#0795dc;font-size:20px} .solupro li:hover .ca-sub {color:#fff;font-size:22px!important} .ca-icon.bluegrey1 { background:url(../images/solicongrey1.png) no-repeat; text-align:center;} .solupro li:hover .ca-icon.bluegrey1 { background:url(../images/solicongrey1h.png) no-repeat; width:60px; height:52px;} .ca-icon.bluegrey2 { background:url(../images/solicongrey2.png) no-repeat; text-align:center;} .solupro li:hover .ca-icon.bluegrey2 { background:url(../images/solicongrey2h.png) no-repeat; width:60px; height:52px;} .ca-icon.bluegrey3 { background:url(../images/solicongrey3.png) no-repeat; text-align:center;} .solupro li:hover .ca-icon.bluegrey3 { background:url(../images/solicongrey3h.png) no-repeat; width:60px; height:52px;} .ca-icon.bluegrey4 { background:url(../images/solicongrey4.png) no-repeat; text-align:center;} .solupro li:hover .ca-icon.bluegrey4 { background:url(../images/solicongrey4h.png) no-repeat; width:60px; height:52px;} .ca-icon.bluegrey5 { background:url(../images/solicongrey5.png) no-repeat; text-align:center;} .solupro li:hover .ca-icon.bluegrey5 { background:url(../images/solicongrey5h.png) no-repeat; width:60px; height:52px;} .ca-icon.bluegrey6 { background:url(../images/solicongrey6.png) no-repeat; text-align:center;} .solupro li:hover .ca-icon.bluegrey6 { background:url(../images/solicongrey6h.png) no-repeat; width:60px; height:52px;} .plans.featured ul { float:left; width:100%; border:solid 0px; list-style:none; margin-top:36px; padding:0px; margin-bottom:40px;} .plans.featured ul li {background: url(../images/divider.png) no-repeat scroll 0 10px transparent;text-align: center;width:22%; border:solid 0px; float:left; margin:0px; padding:0px;margin-left: -2px;padding-left: 2px;} .plans.featured ul li:first-child {background: none repeat scroll 0 0 transparent;margin-left: 0;padding-left: 0;} .plans.featured ul li h4 {color: #666666;margin-bottom: 5px; font-family:Arial, Helvetica, sans-serif, "Century Gothic"; font-size:14px;} .plans.featured ul li h4 strong { font-size: 18px; font-weight: bold;} .plans.featured ul li h5 {background: url(../images/shadow.png) no-repeat scroll 50% 100% transparent;color: #858585;margin-bottom: 25px;padding-bottom:65px;position: relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; border:solid 0px; margin-top:0px; padding-top:30px;} .plans.featured ul li h5 strong {display: inline-block;font-size: 95px;font-weight: normal;letter-spacing: -5px;vertical-align: top;width: 106px;} .plans.featured ul li h5 em {font: 10px/20px arial;left:146px;position: absolute;text-transform: uppercase;top:55px;} .plans.featured ul li.enticement {background-attachment: scroll; background-clip: border-box; background-image: url("../images/divider.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; padding-bottom:15px; padding-top:20px } .plans.featured ul li.enticement h4 {padding-top: 1px;} .plans.featured ul li.enticement h5 {background: url(../images/freebg.png) no-repeat scroll 17px 0 transparent;color: #FFFFFF;font: 14px/17px arial;margin-bottom: 0;padding: 13px 10px 27px 110px; text-align: left; margin-top:12px; border:solid 0px #000; margin-bottom:-24px;} .plans.featured ul li.enticement h5 div{ border:solid 0px; margin-top:-13px; } .plans.featured a.button { background:#808080;border-radius: 4px 4px 4px 4px;color: #FFFFFF;font-size: 18px;padding: 8px 15px;position: relative;text-decoration: none; border:solid 0px #000; text-align:center; margin-left:40px;} .plans.featured a.button:hover {background:#3f3f3f} .plans.featured a.button.contact {background:#ff8812;display: none; margin-left:60px;} .plans.featured a.button.contact:hover {background:#d75905} .plans.featured ul li.popular h4 {color: #003553;} .plans.featured ul li.popular h5 {color: #552886;} .plans.featured ul li.popular a.button { background:#552886} .plans.featured ul li.popular a.button:hover {background:#004569} img.sslimg{ background: -moz-linear-gradient(center top , #FAFAFA 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; border: 1px solid #CCCCCC; border-radius: 6px 6px 6px 6px; display: none; float: left; margin-right: 10px; margin-top: 0; padding: 10px; } .sslplan{ float:left; width:100%; border:solid 0px; margin-bottom:30px;} .sslplan .plans{ float:left; width:23%; margin:10px 8px; border:solid 1px #e0dfe3; border-top:0px; border-radius:5px; padding-bottom:20px;} .sslplan .plans .heading{ background-color: #FFFFFF; border: 1px solid #999999; border-radius: 5px 5px 0 0; color: #999999; font-family: dosis; font-size: 22px; height: 39px; padding-top: 10px; position: relative; text-align: center; } .sslplan .plans .heading div { position:absolute; right:10px; top:40px;} .sslplan .plans .heading div img { position:absolute; right:0px; top:0px;} .sslplan .plans .heading div span { display:none;} .sslplan .plans .heading div:hover span { display:inline; border:solid 1px #ccc; position:absolute; background:#FFF; font-size:12px; line-height:18px; color:#676767; padding:15px; margin:0px;z-index:9999; text-shadow:none; width:150px; font-style:italic; border-radius:10px; top:0px; left:5px; text-align:justify;} .sslplan .plans .price{ background-color: #E3E3E3; box-shadow: 0 2px 15px #CCCCCC inset !important; color: #666666; font-family: dosis; font-size: 34px; padding: 15px 0 5px; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; } .sslplan .plans .price sup{font-size:26px!important; position: relative;top:-10px; font-weight:bold!important; margin-right:5px;} .sslplan .plans .price sub{color: #333; font-size:17px;left:5px;line-height: 47px; position: relative; top:0px; text-shadow:none} .sslplan .trust { color:#333;font-size:13px;padding:10px 0px;text-align:center; width:100%; background: #f2f3f7; border-radius:0px 0px 0px 0px; background: -moz-linear-gradient(top, #fefefe 0%, #f2f3f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f3f7)); background: -webkit-linear-gradient(top, #fefefe 0%,#f2f3f7 100%); background: -o-linear-gradient(top, #fefefe 0%,#f2f3f7 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f2f3f7 100%); background: linear-gradient(top, #fefefe 0%,#f2f3f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f3f7',GradientType=0 ); border-bottom:solid 1px #e1e1e1; } .sslplan .trust img{ vertical-align:middle; margin:4px 1px; display:inline;} .sslplan .plans ul{ width:84%; border:solid 0px; list-style:none; margin:0px; padding:5px 15px; background:#fff;} .sslplan .plans ul li{ margin:0px; padding:5px 0px!important; font-size:15px;border-bottom: 1px solid #E6E6E6; color: #49565C;font-family: 'Droid Sans',sans-serif!important; font-size:14px;font-weight: 400;line-height: 17px;line-height:20px;} .sslplan .btn{ width:100%; text-align:center; margin:10px 0px;} .sslplan .btn a:hover{display: inline-block; border-radius:8px; border:solid 1px #999; text-align:center; padding:6px 25px;text-decoration: none; color:#072f44; background: #9d9d9d; border-radius:15px; display:inline-block; margin:0 auto;font-weight:bold; background: -moz-linear-gradient(top, #9a9a9a 0%, #b5b5b5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a9a9a), color-stop(100%,#b5b5b5)); background: -webkit-linear-gradient(top, #9a9a9a 0%,#b5b5b5 100%); background: -o-linear-gradient(top, #9a9a9a 0%,#b5b5b5 100%); background: -ms-linear-gradient(top, #9a9a9a 0%,#b5b5b5 100%); background: linear-gradient(top, #9a9a9a 0%,#b5b5b5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#b5b5b5',GradientType=0 ); } .sslplan .btn a{ background: #d5d5d5;border:solid 1px #7c7c7c; color:#4a4a4a;display: inline-block; border-radius:8px; padding:6px 25px;text-decoration: none; border-radius:15px; display:inline-block; margin:0 auto;font-weight:bold; background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d5)); background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); background: -o-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); background: linear-gradient(top, #ffffff 0%,#d5d5d5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); } .choosehosting.cpanels{ text-align:left;} .choosehosting.cpanels a.current{ border-bottom:0px!important;} .cpanel{ float:left; width:94%; border:solid 1px #dbdbdb; margin-top:-21px; background:#e8e8e8; margin-bottom:30px; border-radius:0px 6px 6px 6px; padding:20px; } .cpanel .logos{ float:left; width:100%; text-align:center; border:solid 0px;} .cpanel .logos img{ width:95%; margin:10px auto;} .cpanel .plansbox { width:31%; margin:15px 9px; border:solid 1px #aaaaaa; background:#FFF;border-radius:10px; float:left; text-align:center} .cpanel .plansbox h3 { font-size:40px; font-weight:bold!important; color:#333; margin:30px auto; padding:0px 0x; display:inline-block;border-bottom:solid 1px #aaaaaa; margin-bottom:0px;} .cpanel .plansbox h3 span { display:block; color:#552886; font-size:20px; margin-top:20px; display:inline-block;} .cpanel .plansbox h3 span.price { color:#000;; font-size:40px; font-family:Arial, Helvetica, sans-serif, "Century Gothic"; display:block; clear:both; margin-top:0px;} .cpanel .plansbox h3 span.month { font-weight:normal; font-size:16px; clear:both!important; display:block; margin-top:-15px; color:#333; padding-bottom:15px;} .cpanel .plansbox ul { border:solid 0px; width:100%; list-style:none; margin:10px auto!important; padding:0px!important;border-bottom:solid 1px #aaaaaa; padding-bottom:10px!important;} .cpanel .plansbox ul li { border:solid 0px; list-style:none; background:url(../images/tick.png) no-repeat 20px 9px; font-size:14px; font-weight:bold;color:#161616; text-align:left; padding:5px 20px 5px 40px;} .cpanel .plansbox .price{text-align:center; padding:10px 0px; margin-left:15px; padding-bottom:20px;} .cpanel .plansbox .price a{ display:block; width:230px; height:44px; background:url(../images/cpanlbtn.png) center center no-repeat; text-decoration:none; color:#555; font-size:11px; padding-left:12px; padding-top:0px; border-radius:5px; border:solid 1px #CCC; text-align:left; font-weight:bold;} .cpanel .plansbox .price a span{ color:#111; font-size:18px; display:inline-block;} ul.bullets{ margin-left:20px;} .ecomcols{ float:left; width:100%; border:solid 0px; margin-bottom:30px;} .ecomcols h2{ color:#552886;} .ecomcols .cols{ border: 0 solid; color: #444444; float: left; font-family: dosis; font-size: 14px; line-height: 22px; margin: 15px 11px; padding: 12px; text-align: justify; width: 28%; } .ecomcols .cols:hover{ box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); opacity: 1;} .ecomcols .cols img{ float:left; margin-right:10px; margin-bottom:10px} .ecomcols .cols strong{ color:111; font-size:15px;} dl.ecommplan1{ background:#f3f3f3!important} dl.blue.ecommplan1 dt{ background: none repeat scroll 0 0 #666666 !important; color: #FFFFFF !important;} dl.ecommplan1 dt { background: none repeat scroll 0 0 #666666 !important; color: #FFFFFF !important;} dl.ecommplan1 dd {background: #f3f3f3!important; color:#581d98;} dl.ecommplan2{ background:#fff!important} dl.ecommplan2 dt{background: none repeat scroll 0 0 #552886 !important; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF !important; left: 1px; position: relative; width: 343px; } .flexipages_widget h4.widget-title, .postsfromcat h4.widget-title, .widget_wp-category-archive h4.widget-title{color: #444444; font-size: 21px; height: auto; letter-spacing: 0.5px; margin-bottom: 0; margin-top: 0; padding: 10px 0 12px; } .withnosidebar .one-fourth {width: 235px;margin-right:0px!important;} .flexipages_widget ul{ margin-top:0px !important;} .flexipages_widget ul li{ margin:0px;border-bottom:solid 1px #d9d9d9; background-position: 12px 15px; padding:0px; background-image:none !important;} .flexipages_widget ul li:hover{ } .flexipages_widget ul li a{ color: #595959; display: block; font-family: dosis; font-size: 18px; line-height: 30px; padding: 10px 0 8px;} .flexipages_widget ul li a:hover{color:#393939;} .flexipages_widget ul li.current_page_item{ background: url("../images/simple-nav-arrow-blue.png") no-repeat scroll 12px 21px #FFFFFF !important; border-left: 1px solid #FFFFFF; margin-left: -1px; padding-left: 24px; } .flexipages_widget ul li.current_page_item a{ color:#552886} .postsfromcat ul{ margin-top:0px; padding-top:0px; background:#f6f6f6; margin-bottom:30px!important; border:solid 1px #cccccc; border-top:0px; margin-top:0px!important; border-radius: 0px 0px 5px 5px; display:block; float:left; clear:both; width:99.5%;} .postsfromcat ul li{ margin:0px;border-bottom:solid 1px #d9d9d9; background:none;padding:5px 10px 18px 10px;} .postsfromcat ul li:hover{ background:#ebebeb;} .postsfromcat ul li a{font-size:13px; color:#595959; padding:5px 0px 0px 0px; display:block; margin-bottom:-15px;} .postsfromcat ul li a:hover{color:#393939;} .postsfromcat ul li.current_page_item{ background:#fff url(../images/simple-nav-arrow-blue.png) no-repeat 12px 15px;border-left:solid 1px #FFF; margin-left:-1px;} .postsfromcat ul li.current_page_item a{ color:#008ed4} .widget_wp-category-archive ul{ margin-top:0px; padding-top:0px; background:#f6f6f6; margin-bottom:30px!important; border:solid 1px #cccccc; border-top:0px; margin-top:0px!important; border-radius: 0px 0px 5px 5px; display:block; float:left; clear:both; width:99.5%;} .widget_wp-category-archive ul li{ margin:0px;border-bottom:solid 1px #d9d9d9; background:none;padding:5px 10px 18px 10px;} .widget_wp-category-archive ul li:hover{ background:#ebebeb;} .widget_wp-category-archive ul li a{font-size:13px; color:#595959; padding:5px 0px 0px 0px; display:inline-block} .widget_wp-category-archive ul li a:hover{color:#393939;} .widget_wp-category-archive ul li.current_page_item{ background:#fff url(../images/simple-nav-arrow-blue.png) no-repeat 12px 15px;border-left:solid 1px #FFF; margin-left:-1px;} .widget_wp-category-archive ul li.current_page_item a{ color:#008ed4} p.aboutstrong{ font-size:13px; padding:10px; padding-left:0px;} p.aboutstrong span{ color: #552886; font-family: dosis; font-size: 20px !important;} .awardspage{ float:left; width:100%;margin:20px 0px; border:solid 0px; } .awardspage .awardbox{ float:left; width:190px; padding:0px; margin:4px 12px; position:relative;} .awardspage .awardbox .info{ position:absolute; left:-12px; top:50px;} .awardspage .awardbox .info img{border:solid 1px #e2e2e2; border-radius:50px;} .awardspage .awardbox .info:hover span{ display:inline-block;} .awardspage .awardbox .info span{ font-size:13px; border:solid 1px #CCC; padding:10px; background:#FFF; width:200px;position:absolute; left:30px; top:0px; border-radius:5px; display:none; color:#5f5f5f; z-index:9999!important} .awardspage .awardbox .info span p{ font-size:13px; margin:0px; padding:0px;} .awardspage .awardbox .info span h2{ margin-bottom:0px; padding-bottom:0px; color:#333} .awardspage .awardbox .award{ float:left; width:180px; border:dashed 1px #e2e2e2; padding:5px; background:#FFF; padding-bottom:0px;} .awardspage .awardbox .shadow{ float:left; width:190px; height:18px; background:url(../images/shadow.gif) right no-repeat; display:none;} .awardspage .awardbox .award img{ width:180px; height:130px;} .awardspage .awardbox h2{font-size:17px!important; margin-top:0px; padding-top:0px; color:#5f5f5f} .clientpage{ float:left; width:100%;margin:20px 0px; } .clientpage .client{ float:left; width:160px; padding:0px; margin:4px 5px;} .clientpage .client .logo{ float:left;border:1px dashed #ccc; padding:5px; width:150px;} .clientpage .client .shadow{ float:left; width:160px; height:18px; background:url(../images/shadow.gif) right no-repeat; display:none;} .contactuspage{ float:left; width:100%; border:solid 0px; margin:0px auto 20px; } .contactuspage h3{ color:#552886} .contactuspage p{ font-size:14px; padding:0px 30px 0px 0px;} .contactuspage .formbox{ float: right; width:480px; background: #eedeff; border:solid 1px #cfbae7; padding:20px; position:relative; height:490px;} .contactuspage .formbox h2{ font-size:24px; color:#111; margin:0px; padding:0px;} .contactuspage .formbox p{ font-size:14px;} .blueboxinner .one-third.contactbox{ width:98%; margin-left:15px; border:solid 0px #000!important; margin-bottom:0px;} .blueboxinner .one-third.contactbox label{ color:#000!important; margin-top:5px; display:inline-block} .blueboxinner .one-third.contactbox input{ width:100%;height:25px; float:right;} .blueboxinner .one-third.contactbox textarea{ width:57.5%!important;float:right;} .blueboxinner{ border: 0 solid; position: absolute; right: 20px; top: 200px; width: 50%;} .contactuspage .contctdetails{ float:left; width:375px; border:solid 0px; } .officebox{background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);width:180px; float:left;} .officebox:nth-child(2){ float:right} .officebox .adres{ padding:10px 10px 20px 15px; font-size:13px; line-height:18px; border:solid 0px;} .officebox .adres span{ color:#552886;} .officebox img{ width:100%} .supports{ float:left; width:95%; margin:0px 10px; border:solid 0px; clear:both; margin-top:10px;} .supports .supportbox{ float:left; width:100%; border-bottom:solid 1px #e5e5e5; padding-bottom:10px; margin-bottom:8px;} .supports .supportbox h3{ color:#1c1c1c; font-size:17px; font-weight:bold; margin:0px; padding:0px;} .supports .supportbox .contet{ float:left; clear:both; font-size:13px; width:100%; margin:0px 0px; padding:0px 5px;} .supports .supportbox .contet span{ float:right; width:70%;} h3.headbg{ color:#552886; font-weight:bold; margin-top:0px; padding-top:0px;} .reasons{ background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: 3px 3px #CCCCCC; float: left; margin: 10px auto; padding: 14px; width: 100%;} .reasons:hover{ box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); opacity: 1;} .reasons strong{ color:#111} .reasons img{ float:left; margin-right:15px; width:100px; height:113px;} .sliderCon{float: left;padding-bottom:60px;width: 601px; margin-top:13px; position:relative; left:-5px; margin-right:-5px;} .sliderStyle {margin: 10px 22px 0;padding: 0;} .sliderStyle li {border-left: 1px solid #d4d4d4;display: inline;float: left;font-size: 16px;font-weight: 700;list-style: none;text-align: center;text-shadow: 0 1px 0 #f2f2f2;} .sliderStyle li a {color: #333;display: block;height: 49px;margin: 0 15px;padding-bottom: 30px;text-decoration: none;width: 106px;} .server01 {background: url(../images/server01.png) no-repeat center bottom; } .server02 {background: url(../images/server02.png) no-repeat center bottom;} .server03 {background: url(../images/server03.png) no-repeat center bottom;} .server04 {background: url(../images/server04.png) no-repeat center bottom;} .sliderStyle02Con {float: left;margin-top: 30px;padding: 0 9px; margin-left:25px;width: 582px;} .sliderStyle02 {float: left;margin: 0;width: 510px; padding:10px 10px 10px 20px; border-radius:10px;} .sliderStyle02 li {display: inline;float: left;font-size: 14px;height: 62px;line-height: 27px;list-style: none;padding: 35px 0 0 8px;text-align: center;width: 91px;} .sliderStyle02 li strong{ color:#CCFF00;} .space {background: url(../images/sliderBg02.png) no-repeat -196px 0;} .NoBorderLt{ border:0px!important;} .network1 {background: url(../images/sliderBg02.png) no-repeat -267px 0;} .sliderStyle02 li.cost { background: url(../images/sliderBg02.png) no-repeat right;color: #fff;font-size: 14px;font-weight: 700;height: 70px;letter-spacing: -1px;margin: 0!important;padding: 23px 0 0!important;text-align: center;text-shadow: 0 1px 0 #10415b;width: 105px;} .sliderTextStyle {color: #fff;font-weight: 700;} .sliderTextStyle2 {font-size: 26px;text-shadow: 0 6px 10px #000;} .sliderBtn { float: left; line-height: 44px; margin-left: 272px; margin-top: 77px; width: 146px; } .sliderBtn a { background: url("../images/sliderBtn.png") no-repeat scroll center top transparent; color: #EBC2FF; display: block; font-family: dosis; font-size: 18px; font-weight: 700; height: 44px; text-align: center; text-decoration: none; text-transform: uppercase; width: 168px; } .sliderBtn a:hover {background: url(../images/sliderBtn.png) no-repeat bottom;color: #fff;text-decoration: none;} .sliderBtn02 { float: left; line-height: 44px; margin: 78px 0px 0; width: 168px;} .sliderBtn02 a{ background: url("../images/sliderBtn02.png") no-repeat scroll center top transparent; color: #EBC2FF; display: block; font-family: dosis; font-size: 18px; font-weight: 700; height: 44px; text-align: center; text-decoration: none; text-transform: uppercase; width: 168px; } .sliderBtn02 a:hover {background: url(../images/sliderBtn02.png) no-repeat bottom;color: #fff;text-decoration: none;} .cpu {background: url(../images/sliderBg02.png) no-repeat 0 0;} .ram {background: url(../images/sliderBg02.png) no-repeat -98px 0;} .dynamic-slider-control {position:relative;background-color:transparent;-moz-user-focus:normal;-moz-user-select:none;cursor:default;} .horizontal {width:524px;height:9px;background-image: url(../images/sliderBar.png);margin:20px auto 30px;background-position:right top;} .vertical {width:29px;height:200px;} .dynamic-slider-control input {display: none;} .dynamic-slider-control .handle {position:absolute; font-size:1px;overflow:hidden;-moz-user-select: none;cursor:pointer;top:0 !important;margin-top:-12px;} .dynamic-slider-control.horizontal .handle {width:114px;height:47px;background-image:url(../images/sliderPointerh.png);background-position: center top;background-repeat:no-repeat;} .dynamic-slider-control.horizontal .handle div {} .dynamic-slider-control.horizontal .handle.hover {} .dynamic-slider-control.vertical .handle {width:48px;height:43px;background-image: url(../images/selector.png.png);} .dynamic-slider-control.vertical .handle.hover {} .dynamic-slider-control .line {position:absolute;font-size:0.01mm;overflow:hidden;width: 849px;height: 9px;background-position: right top;box-sizing:content-box;-moz-box-sizing:content-box;margin-left:6px;background-image: url(../images/sliderBar.png);} .vpsmid {margin-bottom: 0px;} .vpsmid .selectorbox {margin-bottom: 3px;text-align: center;} .vpsmid .selectortable {color: #688BB1;margin-left: 0px;margin-top: 10px;padding: 0 0px 0 0px;width: 580px;text-align: center;} .selectortable td {cursor:pointer;position: relative;width: 42px;height:37px;font-family: trebuchet ms;color:#fff;text-align:center;font-size:24px;font-weight:bold;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;background:url(../images/GrayBox.png) no-repeat left top;} .selectortable td.spacer{width:48px;background:none;} .line,.handle,.horizontal{outline:none !important;} #ram,#disk,#bw,#price1,#price2,#cpu{font-weight:bold;} .togglestabs{ float:right; width:340px; border:solid 0px; margin-top:20px;} .websiteshow{ display:none;} .slidingDiv {} .show_hide1 {position:absolute; top:-10px; left:50%; height:24px; z-index:9999; width:24px; display:none !important;} .show_hide2 {position:absolute; top:-10px; left:50%; height:24px; z-index:9999; width:24px;} #text-8{ margin-bottom:0px;} /*29-6-2013/*/ .searchboxblk{ width:1000px; clear:both; margin:auto; display: inline-block; /*background-color:#f3f3f3;*/} .searchboxblk-content{ margin:auto; width:960px; clear:both; display:block;} .domainboxbg{ } .domainboxbg h3{ color: #535F6E; display: inline-block; float: left; font-size: 21px; line-height: 14px; margin-right: 16px; margin-top: 25px; padding-top: 9px; text-indent:30px; text-transform: uppercase; } .domainboxbg p{ margin:0px; padding:0px;} .domainboxbg input[type="text"]{ background-color: transparent; border: medium none; border-radius: 2px 2px 2px 2px; color: #B6B4B1; display: inline-block; float: left; font-family: 'Dosis',sans-serif; font-size: 21px; font-weight: lighter; margin-top: 10px; padding: 3px 3px 3px 12px; width:515px; } .myButtonLink { display: block; width: 111px; height: 32px; border:none; float:left; background:url(../images/sor.png) top; text-indent: -99999px; } .myButtonLink:hover { background-position: 0 -37px; } .myButtonLink2 { background-color: #CACACA; border: 1px solid #B9B9B9; border-radius: 3px 3px 3px 3px; color: #3D3D3D; display: inline-block; float: left; font-family: dosis; font-size: 21px; font-weight: lighter !important; height: 55px; margin-left: 10px; margin-top: 15px; position: relative; text-transform: uppercase; width: 136px; } .myButtonLink2:hover { background-position:0 0; } .adboxrow{ clear:both; display:block; width:100%;} .adboxcoloum{ float:left; display:inline-block; width:671px;} .adboxcolleft{ background-image: url("../images/redbg.png"); background-repeat: repeat-y; border-radius: 8px 8px 8px 8px; display: inline-block; float: left; height: 139px; margin-left: 20px; margin-top: 14px; width: 305px; } .adboxcolleftimg{ float:left; width:133px; display:block;} .adboxcolleft-txt{ float:left; display:inline-block; width:166px;} .adboxcolleft-txt h3{clear: both; color: #FFFFFF; display: block; font-size: 27px; font-weight: 700; line-height: 11px;} .adboxcolleft-txt p{ clear: both; color: #FFFFFF; display: block; font-size: 12px; line-height: 14px; margin: 0; padding: 0;} .adbox-readmore{ float:right; display:inline-block; } .adbox-readmore a{ background-color: #682320; background-image: url("../images/red.png"); background-position: 52px 4px; background-repeat: no-repeat; border-radius: 18px 18px 18px 18px; color: #FFFFFF; font-size: 12px; font-weight: 700; padding: 5px 26px 6px 7px; text-decoration: none; } .adbox-readmore a:hover{ background-color:#fff; color:#682320} .bgblue{ background-image: url("../images/bgblue.png"); clear: both; display: inline-block; height: 97px; margin-left: 20px; margin-top: 20px; margin-bottom:15px; width: 630px; } .bgbluemail{ display:inline-block; float:left; width:92px;} .bgbluemail img{ padding:20px;} .bgbluetxt{ margin-left:36px; float:left; display:inline-block; width:490px;} .bgbluetxt h3{ color:#fff; line-height:0px; font-size:27px; font-weight:700; margin-top:20px;} .bgbluetxt p{ color: #FFFFFF; margin:0px; font-family: dosis; font-size: 13px; font-weight: 700; line-height: 16px; padding-top: 6px; } .adbox-readmore2{ float:right; display:inline-block; position:relative; top:-7px; margin-bottom:-7px; } .adbox-readmore2 a{ background-color: #0f3b7d; background-image: url("../images/red.png"); background-position: 52px 4px; background-repeat: no-repeat; border-radius: 18px 18px 18px 18px; color: #FFFFFF; font-size: 12px; font-weight: 700; padding: 5px 26px 6px 7px; text-decoration: none; } .adbox-readmore2 a:hover{ color:#0f3b7d; background-color:#fff;} .diskimgblk{ float:left; display:inline-block; width:311px; padding-top:13px;} #post-430.hentry{ margin:0px!important; padding-bottom:15px!important;} .domainregclr{ background-image: url(../images/search-bg0.png); margin-top:3px; position:relative; left:-15px; display:block; height:84px; width:1000px;} .imgwww{ background-image: url("../images/www.png"); width:61px; height:48px; float:left; display:inline-block; float:left; margin:3px;} .lstmenu{ border-left: 1px solid #CBCBCB; border-top: medium none; display: inline-block; float: left; padding-bottom: 17px; padding-left: 7px; padding-top: 17px; position: relative; top: -17px; width: 87px; } .newdomainimg{ display: none; float: left; left: 21px; position: relative; top: -85px;} .domainregclr p{ margin:0px; padding:0px;} .domainimg{ float:right; display:inline-block;} .domainimg img{ margin-bottom: -73px; position: relative; top: -63px; } .customize-support{ border-top:solid 8px #d6d6d6; } .headercontainer{ clear:both; display:block; width:100%; border-top: 3px solid #d6d6d6;} .mainmenu{ border-top: 1px solid #4E4E4E; clear: both; display: block; margin-top:16px; width: 100%; } .h_righblk{ float:right; display:block; } .h_righblk ul{ list-style-type:none; margin:0px;} .h_righblk li{ float:left; display:inline-block;} .h_righblk li a{ font-size:14px; color:#4d4d4d; background-color:#d6d6d6; padding:5px 12px; margin-right:10px;} #phones{ float:right; clear:both;phones} .contactno{ clear: both; display: block; float: right; left:20px; padding-top:51px; position: relative; top: 11px; width: 400px; } .contactno h2{ background-image: url("../images/phone.png"); background-position: left center; background-repeat: no-repeat; color: #717171; float: right; font-family: dosis; font-size: 28px; font-weight: 700; margin-left: 18px; padding-left: 30px; padding-top: 1px; position: relative; right: -11px; } .contactno h2 a{ text-decoration:none; color:#717171;} h2.ticketsimg1{} .sendtickets{ float: right; display:inline-block;} .sendtickets a{ background-color: #007CA2; background-image: url("../images/ticketsimg.png"); background-position: 8px 6px; background-repeat: no-repeat; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: inline-block; font-family: dosis; font-size: 16px; font-weight: 700; margin-left: 24px; margin-top: 3px; padding: 4px 13px 3px 35px; text-transform: uppercase; } .sendtickets a:hover{ color:#545454; background-color:#d6d6d6;background-image: url("../images/ticketsimg2.png");} .inputbgtlk{ background-color: #FFFFFF; border: 1px solid #B9B9B9; border-radius: 3px 3px 3px 3px; float: left; height: 55px; margin-top: 14px; width: 629px; } .pagewraper{ width:1000px; margin:0 auto; clear:both; display:block;} .hometabing{ float:left; display: inline-block; width:1000px;} .hometabing .container{ width:1000px; } .customersay { background-color: #FFFFFF; border: 1px solid #BEBEBE; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 1px 2px #C9C9C9; display: inline-block; float: right; height:345px; margin-top:36px; width: 280px; } .customersay .container{ width:280px; padding-top:0px !important; } .customersay h2 { color: #552886; line-height:39px; font-family: dosis; font-size: 21px; font-weight: normal; margin-bottom:0px; text-indent: 10px; text-transform: uppercase; } .customersay h3{ clear: both; color: #AEB6B9; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 17px; font-weight: normal; padding: 0; position: relative; text-transform: uppercase; top: 15px; } .htag{ margin-top:12px; background-color: #E3E3E3; border-radius: 5px 5px 5px 5px; display: inline-block; float: left; margin-left: 15px; width: 252px; } .testoimg{ display: inline-block; float: left; padding-left: 12px; padding-top: 5px; } .customersay p{ clear: both; color: #777777; display: block; font-family: dosis; font-size: 15px; line-height: 18px; margin: 0; padding: 0 0 5px; } .customersay span{ font-size:14px; color:#d74943; font-weight:normal;} .customersay .row{ clear: both; display: block; margin: auto; padding-bottom: 21px; width: 240px; } .news0{ height: 222px !important; margin-top: 22px !important; display:none;} .news0 h4{ text-transform:uppercase; color:#454545; margin-top:11px;} .news0 .contner{ width:248px; margin:auto; clear:both; display:block;} .news0 .contner .readmore{ color: #0468BE; display: block; float: right; margin-bottom: -23px; position: relative; top: -23px; } .news0 .contner .readmore a{ text-decoration:none; color:#0468be;} .txtrow{ clear:both; display: inline-block; border-bottom:solid 1px #e3e3e3; margin-bottom:15px;} .txtrow:last-child{ border-bottom:none;} .bottombg{ clear:both; height:427px; display:block;width:100%; background-color:#eee; border-top:solid 1px #d0d0d0;} .bottomlogoimg{ padding-top:24px;} .bottombg .container .hentry{ margin:0px; padding:0px;} .bottomsupport{ clear:both; display:block; width:1000px; margin:auto;} .bottomsupport-cols{ float:left; display:inline-block; width:300px; margin-right:50px; } .nomargin{ margin-right:0px !important;} .hometabing .container .hentry{ margin:0px; padding:0px;} .bottomsupport-cols img{ float:left; display:inline-block; width:59px;} .bottomsupport-colstxt{ float: right; width:225px; display:inline-block;} .bottomsupport-colstxt h2{ font-size:16px; text-transform:uppercase; color:#c41810; clear:both; line-height:0px;} .bottomsupport-colstxt p{ clear:both; display:inline-block; color:#7d7d7d; margin:0px; padding:0px; font-size:12px;} .footerbg{ background-color:#552886; clear:both; display:block; width:100%; background-image: url(../images/footer_topbg.png); background-position:top center; background-repeat:no-repeat;} .footerbgnavblock{ width:1000px; margin:auto; clear:both; display:block;} .footerleft{ float:left; display:block; width:1000px;} .footerleftcols{ display: inline-block; float: left; padding-bottom: 20px; width: 390px; } .footerleftcols2 { display: inline-block; float: left; width: 600px; } .footerleftcols2 h4{ color: #FFFFFF; float: left; font-family: dosis; font-size: 26px; font-weight: 700; } .footerleftcols ul{ list-style-type:none; clear:both; display:block;} .footerleftcols li{ float: left; width:195px;} .footerleftcols li a{ text-decoration:none; font-size:12px; line-height:24px; color:#fff; background-image:url(../images/farrow.png); background-position:left; background-repeat:no-repeat; padding-left:20px;} .footerleftcols h4{ color: #FFFFFF; float: left; font-family: dosis; font-size: 26px; font-weight: 700; } .footerleftcols:nth-child(3){ margin-right:0px;} .offringfooter{ clear: both; display: inline-block; padding-bottom: 40px; width: 500px; } .offringfooter h4{ color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 700; line-height: 0; margin-left: 30px; padding-top: 20px; text-transform: uppercase; } .offringfooter li{ float:left; display:inline-block; width:136px; margin-left:30px;} .offringfooter li a{ text-decoration:none; font-size:11px; line-height:24px;} .footerright{ background-color: #3B2058; margin-bottom:25px; min-height:89px; clear: both; margin-top:60px; display: inline-block; width: 1000px; } .footerright h4{ color: #FFFFFF; font-family: dosis; font-size: 16px; font-weight: 700; line-height: 1; padding-top: 15px; text-transform: uppercase; } .footerright p{ color:#898989; font-size:11px; margin:0px; padding:0px;} .footerright p span{ color:#fff;} .live-support-actions a{ background-color: #552886; border-radius: 3px 3px 3px 3px; color: #FFFFFF; float: left; font-size: 12px; font-weight: 700; margin-right: 10px; padding-bottom: 5px; padding-right: 7px; padding-top: 5px; } .live-support-actions a:hover{ background-color:#9947F2; color:#3b2058; text-decoration:none;} .live-support-actions a.email { background-image: url("../images/icon-email.png"); background-position:9px 7px; background-repeat: no-repeat; padding-left: 37px;} .live-support-actions a.chat { background-image: url("../images/icon-chat.png"); background-position:11px 8px; background-repeat: no-repeat; padding-left: 37px;} .live-support-actions a.call { background-image: url("../images/icon-call.png"); background-position:12px 8px; background-repeat: no-repeat; padding-left: 37px; } .socialblock{ display: inline-block; float: left; position: relative; top:3px; } .socialblock ul{ list-style-type:none; } .socialblock li{ float:left; } .socialblock li a{ text-indent:-99999px;} ul.ja-social-list li.facebook a { background-image: url("../images/icons/icon-facebook.png"); background-repeat: no-repeat; display: inline-block; line-height:24px; padding-left: 30px; } ul.ja-social-list li.twitter a { background-image: url("../images/icons/icon-twitter.png"); background-repeat: no-repeat; display: inline-block; line-height: 24px; padding-left: 30px; } ul.ja-social-list li.gplus a { background-image: url("../images/icons/icon-gplus.png"); background-repeat: no-repeat; display: inline-block; line-height: 24px; padding-left: 30px; } ul.ja-social-list li.lin a { background-image: url("../images/icons/icon-lin.png"); background-repeat: no-repeat; display: inline-block; line-height: 24px; padding-left: 30px; } ul.ja-social-list li.youtube a { background-image: url("../images/icons/icon-youtube.png"); background-repeat: no-repeat; display: none ; line-height: 24px; padding-left: 30px; } .maping{ float:left; display:inline-block; width:320px; padding-top:58px;} .maping h4{ padding-bottom:30px;} .socialconnect{ float: left; margin-left: 10px; margin-right: 10px; padding-top: 0; } .copybg{ background-color:#222px; width:1000px; margin:auto; clear:both; display:block;} .brandinfo-wrap{ float:right]; display:inline-block;} .brandinfo{ background-image: url("../images/brands-map.png"); width:308px; height:165px; clear:both; display:block; } .headerbanner-inner{ display: block; background-image: url("../images/bg-inner.png"); width:1000px; height:260px; margin-top: 20px; } .headerbanner-inner h2{margin-left:20px; display:inline-block;} .headerbanner-inner h3{ margin-left:20px; display:inline-block;} .domainsearch{ background-color: #ECECEC; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: -1px 0 3px 1px #CCCCCC; padding: 18px; } .input_domain{float:left; display:inline-block;} #tld{float:left; display:inline-block;} .gobtn{ float:left; display:inline-block; background-color:#0367bf;} .domainprice{} .domainprice .price{} .whyus{} .whyus h2{} .whyus p{} .domainregclr2 {/* background-color: #E6E6E6; border: 1px solid #FFFFFF; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px 2px #CCCCCC;/*/ display: inline-block; margin-bottom:57px; height:78px; float:left; margin-top: 3px; width:740px; } .inputbgtlk2{ background-color: #FFFFFF; margin-bottom:24px; border: 1px solid #B9B9B9; float: left; height: 55px; margin-left: 20px; width: 566px; } .inputbgtlk2 br{ float:left; display:inline; margin:0px; padding:0px; clear:none;} .domainboxbginput{ background-color: transparent; border: medium none; border-radius: 2px 2px 2px 2px; color: #B6B4B1; display: inline-block; float: left; font-family: 'Dosis',sans-serif; font-size: 21px; font-weight: lighter; margin-top: 10px; padding: 3px 3px 3px 12px; width:454px !important; } .lstmenu12 { border-left: 1px solid #CBCBCB; border-top: medium none; display: inline-block; float: left; padding-bottom: 17px; padding-left: 7px; padding-top: 20px; position: relative; width: 87px; } .headerbanner-inner .domainprice { border: 0 solid; float: left; margin-left: 14px; position: relative; width: 650px; } .headerbanner-inner .domainprice .price { border-right: 1px solid #666; color: #000000; float: left; font-size: 22px; line-height: 22px; margin: 0 10px; padding-right: 15px; } .headerbanner-inner .domainprice .price:last-child { border-right: 0 solid #046678; padding-right: 0; } .headerbanner-inner .domainprice .price span { display: inline-table; font-weight: bold; margin-top: 5px; } .headerbanner-inner .whyus { border: 0 solid; position: absolute; right: 20px; top: 155px; } .item-page{ clear:both;} .myButtonLink3 { background-color: #552886; border: 1px solid #F2F2F2; color: #FFFFFF; display: inline-block; float: left; font-family: dosis; font-size: 21px; font-weight: lighter !important; height: 55px; margin-left: 10px; margin-top: 2px; position: relative; text-transform: uppercase; width: 136px; } .headerbanner-inner h3{ padding-top:20px;} .domain-features-new { border: 0 solid #000000; clear: both; float: left; margin-top: 0; padding-bottom: 0; width:1000px; } .domainf { background-color: #FFFFFF; border: 1px solid #E1E1E1; border-radius: 5px 5px 5px 5px; float: left; margin: 30px 20px 0 10px; min-height:230px; padding: 5px; width: 290px; } .domainf:hover{ box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); opacity: 1;} .domainf .icon { float: left; margin-top: 8px; width: 65px; } body.menu-max-depth-1 { min-width: 980px !important; } body, #wpbody, .form-table .pre, .ui-autocomplete li a { color: #333333; } body { font-family: sans-serif; font-size: 12px; line-height: 1.4em; min-width: 600px; } html, body { height: 100%; margin: 0; padding: 0; } .domainf .txt { border: 0 solid; color: #5C5D5C; float: right; font-family: dosis; font-size: 14px; height: 180px; line-height: 18px; margin-right: 19px; width: 190px; } .domainf .txt h2 { color: #515151; font-size: 15px; font-weight: bold; margin-bottom: 5px; padding-bottom: 0; text-align: left; } .toggle-box { float: left; margin: 10px 0; padding: 7px 20px; width: 890px; } .faqs { float: left; margin-bottom: 10px; margin-top: 20px; width:960px !important; } .toggle-box .toggle-head { padding-bottom: 0; } .toggle-box h2 { border: 0 none; margin: 0; padding: 0; } .faqs h2 { border-bottom: 1px solid #E4E4E4; color: #552886; font-size: 27px; margin-bottom: 10px; padding-bottom: 15px; text-transform: uppercase; } .toggle-head a { background: url("../images/readmorebtn.png") no-repeat scroll 0 0 transparent; float: right; height:19px; margin-top: 9px; padding-bottom: 20px; text-indent: -9999px; width: 19px; } .domainboxbginput03{ background-color: transparent; border: 1px solid #CCCCCC !important; border-radius: 2px 2px 2px 2px; color: #B6B4B1; display: block !important; float: left; font-family: 'Dosis',sans-serif; font-size: 18px !important; font-weight: lighter; margin-left: 10px; margin-top: 10px; padding: 7px 3px 7px 11px !important; width: 200px !important; } .domainboxbginput04{ background-color: transparent; margin-right:10px; border: 1px solid #CCCCCC !important; border-radius: 2px 2px 2px 2px; color: #B6B4B1; display: block !important; float: left; font-family: 'Dosis',sans-serif; font-size: 18px !important; font-weight: lighter; margin-left: 10px; margin-top: 10px; padding: 7px 3px 7px 11px !important; width: 200px !important; } #ja-container { position: relative; z-index: 5; } #ja-contentwrap { } .column { float: left; overflow: hidden; } #ja-current-content, #ja-main { float: right; } .ja-content-main { margin-bottom: 20px; } .domainnewbox { float: left; padding: 20px; position: relative; width: 960px; } h2.h2big { background: url("../images/grd.png") no-repeat scroll center top transparent; color: #333; font-size: 18px; height: 46px; margin-bottom: 0; margin-top: -20px; padding-bottom: 0; padding-top: 24px; text-transform: none; } h2.h2big span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid; border-radius: 50px 50px 50px 50px; margin-left: 5px; margin-right: 8px; padding: 5px 10px; text-align: center; } .newlogin { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #EAEAEA -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid; border-width: 0 1px 0 0; float: left; padding: 10px 0px 10px 10px; width:450px; } .newlogin h2 { color: #333333; font-size: 14px; font-weight: normal; line-height: 24px; text-transform: none; } .newlogin ul { margin: 0; padding: 0; width:440px; } .newlogin ul li { background: url("../images/icon_bullet_1.gif") no-repeat scroll 0 14px transparent; border-bottom: 1px solid #CCCCCC; color: #666666; font-size: 14px; line-height: 36px; list-style: none outside none; margin-left: 0; padding-left: 20px; } .newlogin ul li:last-child{ border-bottom:none;} .freetransfer { border: 0 solid; float: right; padding: 10px; width: 400px; } .inputbox, input[type="text"], input[type="password"], input[type="email"], textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; float: left; margin-bottom: 10px; padding: 4px; } input.transferbtn { background: none repeat scroll 0 0 #666 !important; border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-size: 11px; font-weight: 700; padding: 5px; } .myForm.hommyform td, input, select, textarea, checkbox { font-family: tahoma; font-size: 12px; } .myForm td, input, select, textarea, checkbox { font-family: tahoma; font-size: 12px; } #ja-botsl .main { border-top: 1px solid #E5E5E5; padding: 0; } #ja-botsl .main { padding: 20px 0 0; } .ja-box { float: left; overflow: hidden; } .column { float: left; overflow: hidden; } #ja-botsl .ja-box { overflow: visible; } #ja-topsl .ja-box-right, #ja-botsl .ja-box-right, #ja-topsl .ja-box-full, #ja-botsl .ja-box-full { background: none repeat scroll 0 0 transparent; } #ja-topsl .ja-box, #ja-botsl .ja-box { padding: 0; } .main .main-inner1 { margin-left: 30px; margin-right: 30px; } #ja-botsl .ja-box { overflow: visible; } #ja-topsl .ja-box-right, #ja-botsl .ja-box-right, #ja-topsl .ja-box-full, #ja-botsl .ja-box-full { background: none repeat scroll 0 0 transparent; } #ja-topsl .ja-box, #ja-botsl .ja-box { padding: 0; } .ja-box { } .ja-box { float: left; overflow: hidden; } #ja-botsl .ja-moduletable { margin: 0; padding: 0; } #ja-botsl .ja-moduletable > h3 { margin-bottom: 20px; } .ja-box-full > .blogpostsgap h3 span { font-size: 14px; text-transform: none; } #ja-topsl ul, #ja-topsl p, #ja-topsl ol, #ja-botsl ul, #ja-botsl p, #ja-botsl ol { margin: 0; padding: 0; } #ja-topsl li, #ja-botsl li { background-position: 1px 6px; padding-left: 10px; } div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li { background: url("../images/bullet.gif") no-repeat scroll left 6px transparent; padding-left: 10px; } .blogpostsgap ul li { margin-bottom: 10px; padding-bottom: 10px; } #ja-botsl .ja-moduletable { margin: 0; padding: 0; } #ja-topsl1 .ja-moduletable, #ja-botsl .ja-moduletable { margin-bottom: 10px; margin-top: 10px; } .rightpanel { float: left; } #ja-botsl h3 { margin: 0 0 8px; } .rightpanel h3 { color: #3D3D3D; font-size: 14px !important; font-weight: normal !important; text-transform: none !important; } .rightpanel .links { border: 0 solid; clear: both; } .rightpanel .links a { border-bottom: 1px solid #D3D3D3 !important; clear: both; color: #434343; float: left; font-size: 13px; font-weight: normal; margin: 5px 0; padding-bottom: 6px; padding-left: 20px; text-decoration: none; width: 90%; } #LiveChat_1364304858 a { background: url("../images/chatiocn.png") no-repeat scroll 0 5px transparent !important; } .rightpanel .links a.icon1b { background: url("../images/vchatiocn.png") no-repeat scroll 0 5px transparent; } .rightpanel .links a.icon2 { background: url("../images/ticketicon.png") no-repeat scroll 0 5px transparent; } .rightpanel .links a.icon3 { background: url("../images/discussiocn.png") no-repeat scroll 0 5px transparent; } .rightpanel .links a.icon4 { background: url("../images/articleicon.png") no-repeat scroll 0 5px transparent; } .rightpanel .links a.icon5 { background: url("../images/blogiocn.png") no-repeat scroll 0 5px transparent; } #Mod242.ja-moduletable{ float:left; display:inline-block; width:700px; margin-right:40px; } .submenutools { background: none repeat scroll 0 0 #FFFFFF; border: 0 solid; height: 73px; margin: 0 auto; width: 1000px; } .submenutools .submenu { background: url("../images/greybg.gif") repeat-x scroll 0 0 transparent; border: 0 solid; float: left; height: 73px; margin-left: 30px; width: 940px; } ul#submenutabs { border: 0 solid !important; float: left; height: 73px; position: relative; width: 940px; } ul#submenutabs { float:left; display:inline-block;} ul#submenutabs > li > a.features { background: url("../images/features.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li.active > a.features { background: url("../images/featuresa.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li > a { border: 0 solid !important; color: #333333 !important; display: inline-block; float: left; font-family: 'PT Sans'; font-size: 14px; font-weight: bold; margin: 0 15px; padding-top: 48px; text-transform: uppercase; } ul#submenutabs > li > a.pricing { background: url("../images/pricing.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li.active > a.pricing { background: url("../images/pricinga.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li > a { border: 0 solid !important; color: #333333 !important; display: inline-block; float: left; font-family: 'PT Sans'; font-size: 14px; font-weight: bold; margin: 0 15px; padding-top: 48px; text-transform: uppercase; } ul#submenutabs > li > a.transfer { background: url("../images/transfer.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li.active > a.transfer { background: url("../images/transfera.png") no-repeat scroll center 8px transparent; } .navbar-main .navbar-nav > li > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > .open > a:focus { background-color:inherit; color:#fff;} ul#submenutabs > li > a { border: 0 solid !important; color: #333333 !important; display: inline-block; float: left; font-family: 'PT Sans'; font-size: 14px; font-weight: bold; margin: 0 15px; padding-top: 48px; text-transform: uppercase; } ul#submenutabs > li.active > a.bulksearch { background: url("../images/buiksearcha.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li > a.bulksearch { background: url("../images/buiksearch.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li.active > a.pagefaq { background: url("../images/pagefaqa.png") no-repeat scroll center 8px transparent; } .header-lined h1 { margin-bottom:20px;} ul#submenutabs > li.active > a { color: #01AEF0 !important; } ul#submenutabs > li > a.promos { background: url("../images/promos.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li.active > a.promos { background: url("../images/promosa.png") no-repeat scroll center 8px transparent; } ul#submenutabs > li > a { border: 0 solid !important; color: #333333 !important; display: inline-block; float: left; font-family: 'PT Sans'; font-size: 14px; font-weight: bold; margin: 0 15px; padding-top: 48px; text-transform: uppercase; } .spacer001{ border: 0 solid; float: left; margin-left: 13px; padding-top: 93px; width: 650px; } .newdomainimg2{ display: inline-block; float: right; left: 30px; margin-right: 55px; position: relative; top: -80px; } .domainnewbox { border-bottom: 5px solid #EAEAEA !important; border-top: 5px solid #EAEAEA !important; float: left; padding: 20px; position: relative; width:960px; } .domainpromobox { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #EBEBEB; box-shadow: 0 0 5px 3px rgba(190, 190, 190, 0.2); float: left; margin: 12px; padding: 10px; text-align: center; width: 250px; } .domainpromobox:hover { box-shadow: 0 0 0 0 rgba(190, 190, 190, 0.2); } .domainpromobox h2 { color: #000000; font-size: 24px; } .domainpromobox h2 span { color: #E00634; font-size: 20px; text-decoration: line-through; } .domainpromobox h3 { color: #585858; font-size: 14px; } .item-page ul{ margin:0px; padding:0px;} #hostingplans { margin: 10px 0; width: 100%; } #hostingplans .plans { border-radius: 6px 6px 6px 6px; box-shadow: 0 0 3px 2px #CCCCCC; color: #454545; display: inline-block; font-family: 'Monda',sans-serif; font-size: 13px; margin: 5px 3px; padding: 0; text-align: center; width:24%; } #hostingplans .plans p.heading { background: none repeat scroll 0 0 #0091BE; border-bottom: 4px solid #007CA2; color: #FFFFFF; font-family: 'Coustard',serif,Calibri,Arial,sans-serif,Tahoma; font-size: 24px; line-height: 35px; padding: 6px 0; text-align: center; } #hostingplans .plans p { margin: 0 0 18px; } #hostingplans .plans .cloudimg{ margin-left:30px;} #hostingplans .plans p.prices { text-align:center; color: #999999; font-family: 'Monda',sans-serif; font-size: 14px; line-height: 14px; margin: 0 0 18px; } #hostingplans .plans p.prices big { color: #333; font-size: 35px; line-height: 35px; } #hostingplans .plans ul { list-style: none outside none; margin: 10px 0; padding: 0; } #hostingplans .plans ul li { background: none repeat scroll 0 0 #daf6ff; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; color: #6C6448; font-family: Calibri,Arial,sans-serif,Tahoma; font-size: 14px; line-height: 32px; margin: 0 0 -1px; padding: 4px 6px; text-align: left; } #hostingplans .plans ul li.alt { background: none repeat scroll 0 0 #a5eaff; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; color: #6C6448; font-family: Calibri,Arial,sans-serif,Tahoma; font-size: 14px; line-height: 32px; margin: 0 0 -1px; padding: 4px 6px; text-align: left; } #homfeatures .boxes { display: inline-block; vertical-align: top; } #homfeatures .boxes h3 { background: url("../images/bg_features.png") no-repeat scroll left bottom transparent; color: #00BBFF; font-family: 'Monda',sans-serif; font-size: 25px; margin: 0; padding: 6px 0; } #homfeatures .boxes ul { list-style: none outside none; margin: 24px 0 10px; padding: 0; } #homfeatures .boxes ul li { color: #777777; display: inline-block; font-family: Calibri,Arial,sans-serif,Tahoma; font-size: 13px; line-height: 18px; padding: 15px 32px 20px 14px; width: 42%; } .ss_button.button_green { background: -moz-linear-gradient(center top , #2C9EB9, #037C9B) repeat scroll 0 0 #037C9B; border-bottom: 3px solid #015568; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; margin-left: 66px; margin-top: 6px; padding: 3px 18px; text-align: center; } .banner_bg{float: left; height: 439px; margin-bottom: -430px; position: relative; top: -430px; width: 715px; } a.prev{} .blkimg{ background-image:url(../images/bg_blkimg.png); width:715px; height:429px; clear:both; display:block;} .blkimg2{ background-image:url(../images/bg_blkimg2.png); width:715px; height:429px; clear:both; display:block;} .blkimg3{ background-image:url(../images/bg_blkimg3.png); width:715px; height:429px; clear:both; display:block;} .linavimg{ position:absolute; z-index:0;} .bottomleft{ float:left; display:inline-block; width:707px;} .bottomright{ float:right; display:inline-block; width:285px;} .bottomleft0{ clear:both; display:block; width:707px; padding-top:36px; } .bboxcols{ float:left; display: block; width:352px; padding-top:10px; } .bboxcolsimg{ float:left; display:inline-block; width:47px; margin-right:11px;} .bboxcolcontner{ float: left;width:289px;} .bboxcolcontner h2{ color:#444; font-size:18px; font-weight:700; clear:both; display:block; margin-bottom:0px;} .bboxcolcontner p{ color:#999999; font-size:16px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.5px;} .border001row{ border-bottom:solid 1px #ccc; display:inline-block;} .fnewsletter{ display: inline-block; float: left; margin-left:82px; margin-right: 82px; } .fnewsletter input[type="text"]{border-radius:0px; background-color: #FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #848484; display: inline-block; float: left; width: 240px !important;} .fsubs{ background-color: #552886; border: medium none; border-radius: 0 0 0 0; color: #FFFFFF; display: inline-block; float: left; font-family: arial; font-size: 13px; padding: 6px 12px; } .fsubs:hover{ background-color:#9947F2;} .lblognew{ float:left; display:inline-block; width:280px; margin-right:39px;} .lblognew:last-child{ margin-right:0px;} .lblognewimg{ float:left; display:inline-block; width:38px; text-align:center;} .lblognewimg h2{ background-color:#fff; font-size:18px; color:#552886; width:38px; clear:both; display:block; margin-bottom:0px;} .lblognewimg h3{ background-color:#3b2058; font-size:18px; color:#fff; clear:both; display:block; width:38px;} .blogrow{ clear:both; display:block; padding-top:18px;} .lblognewcontent{ float:left; display:inline-block; width:232px; margin-left:10px;} .lblognewcontent h2{ font-size:16px; color:#fff; line-height:10px;} .lblognewcontent p{ color:#e3c9ff; font-size:12px; clear:both; display:inline-block;} .homeheaderblock{ margin:auto; clear:both; width:1000px;} #tlds{ float:left; padding:4px; border:solid 1px #eee;} .freetransfer br{ display:none;} .domainnewbox .domainadd { border: 0 solid; float: left; margin-top: 10px; width: 325px; } .domainnewbox .domainadd textarea { background: none repeat scroll 0 0 #FFFCED; border: 5px solid #c8a7ec; box-shadow: 2px 2px 2px 2px #787878; height: 200px; padding: 10px; width: 300px; } .domainnewbox .domainadd span { color: #000000; display: inline-block; font-size: 12px; margin-top: 10px; } .domainnewbox .domainsnames { border: 0 solid; float: right; margin-top: 10px; width: 575px; } .domainnewbox .domainsnames h2 { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 5px; padding-bottom: 0; } #crumbs span .current{ color:#fff;} .vpsbg01{ background-image:url(../images/vpsbg.png); width:601px; height:451px; float:left; display:block; } .hdomainnavblk{ clear:both; display:block; width:290px;} .hdomainnavblk ul{ list-style-type:none; margin-left:0px;} .hdomainnavblk li{ background-image: url("../images/homeui.png"); background-position: left center; background-repeat: no-repeat; color: #C6B5D8; display: inline-block; float: left; font-family: dosis; font-size: 14px; line-height: 30px; text-align: left; text-indent: 23px; width: 145px; } .menu-mainmenu-container{ padding-bottom:4px;} .Reservations br{ display:none;} .txtstyle{ color: #444444; font-family: dosis; font-size: 16px; line-height: 24px; } .flexslider ul.slides{ margin-left:0px;} /* will be red only in google chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .innperpagefullwrapper{ top:0px !important; margin-bottom:0px !important;} }