/* Home page ================================================== */ #top { background: url(../images/bkg/top.png) 0 0 repeat-x; } #top-v3 { background: url(../images/bkg/top-v3.png) 0 0 repeat-x; } .top-content { width: 998px; margin: 0 auto; } .top-menu { margin: 0; padding: 19px 0; } .top-menu li { list-style: none; display: inline-block; border-right: 1px solid #3a3a3a; padding: 0 8px 0 5px; } .top-menu li.first { padding-left: 0; } .top-menu li.last { border-right: none; } .top-menu li a { color: #3a3a3a; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-menu li a:hover { color: #ff0000; text-decoration: none; } .top-menu-v3 { margin: 0; padding: 19px 0; } .top-menu-v3 li { list-style: none; display: inline-block; border-right: 1px solid #ffffff; padding: 0 8px 0 5px; } .top-menu-v3 li.first { padding-left: 0; } .top-menu-v3 li.last { border-right: none; } .top-menu-v3 li a { color: #ffffff; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-menu-v3 li a:hover { color: #ff0000; text-decoration: none; } .social-icons { padding: 16px 0; } .social-icons a { background: url(../images/icons/social-icons.png) no-repeat; height: 16px; display: inline-block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 13px; } .social-icons a.twitter { background-position: 0 0; width: 19px; } .social-icons a.twitter:hover { background-position: 0px -21px; } .social-icons a.facebook { background-position: -23px 0; width: 16px; } .social-icons a.facebook:hover { background-position: -23px -21px; } .social-icons a.linkedin { background-position: -43px 0; width: 18px; } .social-icons a.linkedin:hover { background-position: -43px -21px; } .social-icons a.vimeo { background-position: -66px 0; width: 18px; } .social-icons a.vimeo:hover { background-position: -66px -21px; } .social-icons a.youtube { background-position: -86px 0; width: 16px; } .social-icons a.youtube:hover { background-position: -86px -21px; } .social-icons a.skype { background-position: -107px 0; width: 16px; } .social-icons a.skype:hover { background-position: -107px -21px; } .social-icons-v3 { padding: 16px 0; } .social-icons-v3 a { background: url(../images/icons/social-icons-v3.png) no-repeat; height: 16px; display: inline-block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 13px; } .social-icons-v3 a.twitter { background-position: 0 0; width: 19px; } .social-icons-v3 a.twitter:hover { background-position: 0px -21px; } .social-icons-v3 a.facebook { background-position: -23px 0; width: 16px; } .social-icons-v3 a.facebook:hover { background-position: -23px -21px; } .social-icons-v3 a.linkedin { background-position: -43px 0; width: 18px; } .social-icons-v3 a.linkedin:hover { background-position: -43px -21px; } .social-icons-v3 a.vimeo { background-position: -66px 0; width: 18px; } .social-icons-v3 a.vimeo:hover { background-position: -66px -21px; } .social-icons-v3 a.youtube { background-position: -86px 0; width: 16px; } .social-icons-v3 a.youtube:hover { background-position: -86px -21px; } .social-icons-v3 a.skype { background-position: -107px 0; width: 16px; } .social-icons-v3 a.skype:hover { background-position: -107px -21px; } #wrapper { width: 998px; margin: 0 auto; padding-top: 45px; } .wrapper { width: 998px; margin: 0 auto; } .main-menu { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.20); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.20); box-shadow: 0 1px 1px rgba(0,0,0,.20); position: relative; z-index: 3001; } .main-menu .logo { margin-top: 0px; padding-left: 10px; } #main-nav > ul { margin:0; font-family: 'Archivo+Narrow', sans-serif; font-size: 14px; } #main-nav li { list-style: none; position: relative; display: inline-block; border-right: 1px solid #eeeeee; padding-right: 1px; } #main-nav li ul li { list-style: none; display: inline-block; margin: 0; position: relative; } #main-nav li.first { list-style: none; display: inline-block; position: relative; } #main-nav li a { color: #3a3a3a; text-decoration: none; display: inline-block; padding: 20px 18px; margin: 1px 0 1px -2px; } #main-nav li.last a { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #main-nav li a:hover { color: #ffffff; background: url(../images/bkg/main-menu_hover.png); text-shadow: 0 1px 0 rgba(0,0,0,.3); } #main-nav li li.current { color: #ffffff; background: url(../images/bkg/main-menu_hover.png); text-shadow: 0 1px 0 rgba(0,0,0,.3); border-left: 2px solid #3a3a3a; } #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { color: #ffffff; } #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { background: url(../images/bkg/main-menu_hover.png); } /* Dropdown */ .no-js #main-nav li:hover ul { display: block; } #main-nav ul ul { border: 1px solid #bfbfbf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; position: absolute; width: 200px; z-index: 9999; left: -3px; display: none; } #main-nav ul ul li { display: inline-block; width: 198px; padding: 0; border: none; border-bottom: solid 1px #eeeeee;} #main-nav ul ul li.last { border: none; } #main-nav ul ul a { display: block; text-transform: none; font-size: 12px; line-height:17px; padding: 8px 0 8px 15px; margin: 0; text-align: left; border-right:0; background:none; -webkit-touch-callout: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #main-nav ul ul li:hover { color: #ffffff; background: url(../images/bkg/main-menu_hover.png); text-shadow: 0 1px 0 rgba(0,0,0,.3); border-left: 2px solid #3a3a3a; } #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { color: #ffffff; background: url(../images/icons/submenu_hover.png) left center no-repeat; text-shadow: 0 1px 0 rgba(0,0,0,.3); } .not-ie #main-nav ul ul .current:after { display: none; } /* Sub Dropdown */ #main-nav ul ul ul { left: 198px !important; top: 0 !important; } /* Responsive Nav */ #main-nav .responsive-nav { background: url(../images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; display: none; width: 100%; } .content { background: url(../images/bkg/bg_pg_content.png) 0 0 no-repeat #fff; padding: 30px 30px 10px 30px; margin-top: -20px; position: relative; z-index: 3000; } .web-domains { padding-bottom: 13px; } .domains { background: url(../images/vertical-line.png) top right repeat-y; width: 610px; padding: 12px 12px 12px 0; margin-top: -14px; } .domains .first-line { background: url(../images/horizontal-line.png) left bottom repeat-x; padding-bottom: 15px; } .domains .first-line p.f-title { width: 120px; display: inline-block; text-transform: none; color: #3a3a3a; text-align: left; } .domains .first-line p { display: inline-block; text-transform: uppercase; color: #ff0000; text-align: center; width: 67px; } .domains .second-line { padding-top: 13px; } .domains .second-line p.f-title { width: 120px; display: inline-block; text-transform: none; font-weight: normal; text-align: left; } .domains .second-line p { display: inline-block; font-weight: bold; text-align: center; width: 67px; } .search-domains { padding-left: 10px; width: 305px; margin-top: -11px; } .search-domains .s-title { text-align: center; font-size: 16px; } .search-domains .s-title span { font-size: 12px; color: #666666; } .search-domains .form { padding: 15px 0; } .search-domains .f-intro { padding: 9px 2px 0 0; } .search-domains .search-form { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 3px; } .search-domains .search-form .search-input { width: 166px; font-size: 11px; color: #999999; border: 1px solid #bfbfbf; background-color: #fff; padding: 4px 6px; outline: none; } .search-domains .search-form .search-submit { background: #3a3a3a; color: #ffffff; text-transform: uppercase; width: 90px; border: none; margin-left: -3px; padding: 4px 0; cursor: pointer; -webkit-touch-callout: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .search-domains .search-form .search-submit:hover { background: #ff0000; } .search-domains .search-links { font-size: 11px; padding-left: 35px; } .search-domains .search-links a { text-decoration: none; color: #3a3a3a; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-domains .search-links a:hover { text-decoration: none; color: #ff0000; } .services { padding: 30px 0 45px 0; } .services .domain-hosting { width: 293px; margin-right: 30px; } .services .network-uptime { width: 292px; margin-right: 30px; } .services .bandwidth { width: 293px; } .services .domain-hosting .image, .services .network-uptime .image, .services .bandwidth .image { text-align: center; } .services .domain-hosting .title, .services .network-uptime .title, .services .bandwidth .title { text-align: center; font-size: 18px; font-weight: bold; padding: 10px 0; } .services .domain-hosting .s-content, .services .network-uptime .s-content, .services .bandwidth .s-content { text-align: center; color: #666666; line-height: 18px; padding-bottom: 10px; } .services .domain-hosting a.link, .services .network-uptime a.link, .services .bandwidth a.link { text-align: center; text-decoration: none; font-weight: bold; color: #3a3a3a; display: block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services .domain-hosting a.link:hover, .services .network-uptime a.link:hover, .services .bandwidth a.link:hover { color: #ff0000; } /*-- Start services version 2 --*/ .services-v2 { padding: 30px 0; } .services-v2 .customer { width: 252px; margin: 0 30px 15px 0; background: url(../images/icons/customer-support.png) 0 0 no-repeat; padding: 0 0 15px 40px; border-bottom: 1px solid #e5e5e5; } .services-v2 .uptime { width: 252px; margin: 0 30px 15px 0; background: url(../images/icons/uptime-guarantee.png) 0 0 no-repeat; padding: 0 0 15px 40px; border-bottom: 1px solid #e5e5e5; } .services-v2 .moneyback { width: 252px; margin: 0 0 15px 0; background: url(../images/icons/moneyback-guarantee.png) 0 0 no-repeat; padding: 0 0 15px 40px; border-bottom: 1px solid #e5e5e5; } .services-v2 .domain { width: 252px; margin: 0 30px 0 0; background: url(../images/icons/domain-renewals.png) 0 0 no-repeat; padding: 0 0 0 40px; } .services-v2 .unlimited { width: 252px; margin: 0 30px 0 0; background: url(../images/icons/unlimited-space.png) 0 0 no-repeat; padding: 0 0 0 40px; } .services-v2 .secure { width: 252px; background: url(../images/icons/secure-protocol.png) 0 0 no-repeat; padding: 0 0 0 40px; } .services-v2 .customer .customer-title, .services-v2 .uptime .uptime-title, .services-v2 .moneyback .moneyback-title, .services-v2 .domain .domain-title, .services-v2 .unlimited .unlimited-title, .services-v2 .secure .secure-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 26px; text-transform: uppercase; padding: 3px 0 10px 0; } .services-v2 .customer .customer-content, .services-v2 .uptime .uptime-content, .services-v2 .moneyback .moneyback-content, .services-v2 .domain .domain-content , .services-v2 .unlimited .unlimited-content , .services-v2 .secure .secure-content { color: #999999; line-height: 18px; } .services-v2 .customer .customer-content a, .services-v2 .uptime .uptime-content a, .services-v2 .moneyback .moneyback-content a, .services-v2 .domain .domain-content a, .services-v2 .unlimited .unlimited-content a, .services-v2 .secure .secure-content a { text-decoration: none; color: #3a3a3a; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-v2 .customer .customer-content a:hover, .services-v2 .uptime .uptime-content a:hover, .services-v2 .moneyback .moneyback-content a:hover, .services-v2 .domain .domain-content a:hover, .services-v2 .unlimited .unlimited-content a:hover, .services-v2 .secure .secure-content a:hover { text-decoration: none; color: #ff0000; } /*-- End services version 2 --*/ /*-- Start services version 3 --*/ .services-v3 { padding: 30px 0 0 0; } .services-v3 .domain-hosting { width: 293px; margin-right: 30px; background: url(../images/icons/domain-hosting.png) 0 0 no-repeat; } .services-v3 .network-uptime { width: 292px; margin-right: 30px; background: url(../images/icons/network-uptime.png) 0 0 no-repeat; } .services-v3 .bandwidth { width: 293px; background: url(../images/icons/bandwidth.png) 0 0 no-repeat; } .services-v3 .domain-hosting .title { padding: 10px 0 10px 70px; } .services-v3 .network-uptime .title { padding: 10px 0 10px 45px; } .services-v3 .bandwidth .title { padding: 10px 0 10px 60px; } .services-v3 .domain-hosting .title, .services-v3 .network-uptime .title, .services-v3 .bandwidth .title { text-align: left; font-size: 18px; font-weight: bold; line-height: 22px; } .services-v3 .domain-hosting .title span, .services-v3 .network-uptime .title span, .services-v3 .bandwidth .title span { color: #ff0000; } .services-v3 .domain-hosting .s-content, .services-v3 .network-uptime .s-content, .services-v3 .bandwidth .s-content { text-align: left; color: #666666; line-height: 18px; padding-bottom: 10px; } /*-- Start services version 3 --*/ #pricing-table { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #efefef; padding: 3px; } #pricing-table .pricing-table { border: 1px solid #cfcfcf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height: 391px; } #pricing-table .free-table, #pricing-table .premium-table { width: 181px; border-right: 1px solid #cfcfcf; } #pricing-table .basic-table, #pricing-table .ultimate-table { width: 181px; } #pricing-table .professional-table { width: 198px; border: 3px solid #ff0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; margin-top: -25px; } #pricing-table .pricing-title { background-color: #fbfbfb; border-bottom: 1px solid #cfcfcf; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: center; padding: 15px 0; } #pricing-table .professional-table .pricing-title { background-color: #fbfbfb; border-bottom: 1px solid #cfcfcf; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: center; padding: 15px 0; color: #ff0000; } #pricing-table .pricing-content { background: url(../images/pricing-content-bg.png) 0 0 repeat-y; padding: 20px 15px; } #pricing-table .professional-table .amount { color: #ff0000; padding: 6px 0 23px 0; } #pricing-table .amount { text-align: center; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; padding-bottom: 5px; } #pricing-table .amount .sign { font-size: 24px; display: inline-block; vertical-align: top; } #pricing-table .amount .big-price { font-size: 65px; margin-top: -5px; display: inline-block; padding: 0 5px; } #pricing-table .amount .small-price { font-size: 24px; margin-top: 2px; display: inline-block; vertical-align: top; } #pricing-table .amount .rate { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #9d9d9d; font-weight: normal; margin-left: -10px; margin-left: -20px; vertical-align: top; padding-top: 41px; margin-right: -10px; } #pricing-table .pricing-desc { line-height: 18px; text-align: center; padding-bottom: 15px; } #pricing-table .professional-table .pricing-options { padding-bottom: 30px;} #pricing-table .pricing-options { border-top: 1px solid #dadada; padding-bottom: 15px; } #pricing-table .pricing-options li { border-bottom: 1px solid #dadada; color: #999999; padding: 7px 0 7px 30px; } #pricing-table .pricing-options li.ok { background: url(../images/icons/ok.png) 8px center no-repeat; } #pricing-table .pricing-options li.x { background: url(../images/icons/x.png) 8px center no-repeat; } #pricing-table .professional-table .pricing-info { padding-bottom: 8px; } #pricing-table .pricing-info a { border: 1px solid #212121; -moz-border-radius: 4px / 3px; -webkit-border-radius: 4px / 3px; border-radius: 4px / 3px; background-color: #3a3a3a; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); display: block; text-align: center; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; padding: 10px 0; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #pricing-table .pricing-info a:hover, #pricing-table .pricing-info a.active { border: 1px solid #c84f27; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); text-decoration: none; color: #ffffff; } /*-- Start Pricing version 2 --*/ #pricing-table-v2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #efefef; padding: 3px; } #pricing-table-v2 .pricing-table { border: 1px solid #cfcfcf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height: 391px; } #pricing-table-v2 .free-table, #pricing-table-v2 .premium-table { width: 181px; border-right: 1px solid #cfcfcf; } #pricing-table-v2 .basic-table, #pricing-table-v2 .ultimate-table { width: 181px; } #pricing-table-v2 .professional-table { width: 198px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; background-color: #fff; } #pricing-table-v2 .pricing-title { background-color: #fbfbfb; border-bottom: 1px solid #cfcfcf; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: center; padding: 15px 0; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #pricing-table-v2 .pricing-content { background: url(../images/pricing-content-bg.png) 0 0 repeat-y; padding: 20px 15px; } #pricing-table-v2 .amount { text-align: center; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; padding-bottom: 5px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #pricing-table-v2 .amount .sign { font-size: 24px; display: inline-block; vertical-align: top; } #pricing-table-v2 .amount .big-price { font-size: 65px; margin-top: -5px; display: inline-block; padding: 0 5px; } #pricing-table-v2 .amount .small-price { font-size: 24px; margin-top: 2px; display: inline-block; vertical-align: top; } #pricing-table-v2 .amount .rate { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #9d9d9d; font-weight: normal; margin-left: -10px; margin-left: -20px; vertical-align: top; padding-top: 41px; margin-right: -10px; } #pricing-table-v2 .pricing-desc { line-height: 18px; text-align: center; padding-bottom: 15px; } #pricing-table-v2 .pricing-options { border-top: 1px solid #dadada; padding-bottom: 15px; } #pricing-table-v2 .pricing-options li { border-bottom: 1px solid #dadada; color: #999999; padding: 7px 0 7px 30px; } #pricing-table-v2 .pricing-options li.ok { background: url(../images/icons/ok.png) 8px center no-repeat; } #pricing-table-v2 .pricing-options li.x { background: url(../images/icons/x.png) 8px center no-repeat; } #pricing-table-v2 .pricing-info a { border: 1px solid #212121; -moz-border-radius: 4px / 3px; -webkit-border-radius: 4px / 3px; border-radius: 4px / 3px; background-color: #3a3a3a; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); display: block; text-align: center; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; padding: 10px 0; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #pricing-table-v2 .pricing-info a:hover, #pricing-table-v2 .pricing-info a.active { border: 1px solid #c84f27; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); text-decoration: none; color: #ffffff; } #pricing-table-v2 .free-table:hover .pricing-title, #pricing-table-v2 .free-table:hover .amount, #pricing-table-v2 .basic-table:hover .pricing-title, #pricing-table-v2 .basic-table:hover .amount, #pricing-table-v2 .professional-table:hover .pricing-title, #pricing-table-v2 .professional-table:hover .amount, #pricing-table-v2 .premium-table:hover .pricing-title, #pricing-table-v2 .premium-table:hover .amount, #pricing-table-v2 .ultimate-table:hover .pricing-title, #pricing-table-v2 .ultimate-table:hover .amount { color: #ff0000; } #pricing-table-v2 .free-table:hover .pricing-info a, #pricing-table-v2 .basic-table:hover .pricing-info a, #pricing-table-v2 .professional-table:hover .pricing-info a, #pricing-table-v2 .premium-table:hover .pricing-info a, #pricing-table-v2 .ultimate-table:hover .pricing-info a { border: 1px solid #c84f27; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); text-decoration: none; color: #ffffff; } /*-- End Pricing version 2 --*/ /*-- Start Pricing version 3 --*/ #pricing-table-v3 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #efefef; padding: 3px; } #pricing-table-v3.pricing-slider { margin: 60px 0 40px 0; padding: 0 30px 70px 30px;; background: url(../images/bkg/pricing-shadow.png) center bottom no-repeat; } #pricing-table-v3 .pricing-table { border: 1px solid #cfcfcf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; height: 391px; } #pricing-table-v3 .free-table, #pricing-table-v3 .premium-table { width: 181px; border-right: 1px solid #cfcfcf; } #pricing-table-v3 .basic-table, #pricing-table-v3 .ultimate-table { width: 181px; } #pricing-table-v3 .professional-table { width: 198px; border: 3px solid #ff0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; margin-top: -25px; } #pricing-table-v3 .pricing-title { background-color: #fbfbfb; border-bottom: 1px solid #cfcfcf; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: center; padding: 15px 0; } #pricing-table-v3 .professional-table .pricing-title { background-color: #fbfbfb; border-bottom: 1px solid #cfcfcf; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: center; padding: 15px 0; color: #ff0000; } #pricing-table-v3 .pricing-content { background: url(../images/pricing-content-bg.png) 0 0 repeat-y; padding: 20px 15px; } #pricing-table-v3 .professional-table .amount { color: #ff0000; padding: 6px 0 23px 0; } #pricing-table-v3 .amount { text-align: center; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; padding-bottom: 5px; } #pricing-table-v3 .amount .sign { font-size: 24px; display: inline-block; vertical-align: top; } #pricing-table-v3 .amount .big-price { font-size: 65px; margin-top: -5px; display: inline-block; padding: 0 5px; } #pricing-table-v3 .amount .small-price { font-size: 24px; margin-top: 2px; display: inline-block; vertical-align: top; } #pricing-table-v3 .amount .rate { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #9d9d9d; font-weight: normal; margin-left: -10px; margin-left: -20px; vertical-align: top; padding-top: 41px; margin-right: -10px; } #pricing-table-v3 .pricing-desc { line-height: 18px; text-align: center; padding-bottom: 15px; } #pricing-table-v3 .professional-table .pricing-options { padding-bottom: 30px;} #pricing-table-v3 .pricing-options { border-top: 1px solid #dadada; padding-bottom: 15px; } #pricing-table-v3 .pricing-options li { border-bottom: 1px solid #dadada; color: #999999; padding: 7px 0 7px 30px; } #pricing-table-v3 .pricing-options li.ok { background: url(../images/icons/ok.png) 8px center no-repeat; } #pricing-table-v3 .pricing-options li.x { background: url(../images/icons/x.png) 8px center no-repeat; } #pricing-table-v3 .professional-table .pricing-info { padding-bottom: 8px; } #pricing-table-v3 .pricing-info a { border: 1px solid #212121; -moz-border-radius: 4px / 3px; -webkit-border-radius: 4px / 3px; border-radius: 4px / 3px; background-color: #3a3a3a; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); display: block; text-align: center; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; padding: 10px 0; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #pricing-table-v3 .pricing-info a:hover, #pricing-table-v3 .pricing-info a.active { border: 1px solid #c84f27; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); text-decoration: none; color: #ffffff; } /*-- End Pricing version 3 --*/ .info { background: #eeeeee; border-left: 5px solid #ff0000; margin-top: 50px; padding: 20px 30px 20px 0; } .info-v3 { background: #eeeeee; border-left: 5px solid #ff0000; margin-top: 20px; padding: 20px 30px 20px 0; } .info-txt { width: 750px; text-align: center; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; text-shadow: 0 1px 0 #fff; } .info-txt span { color: #ff0000; } .info-link a { border: 5px solid rgba(255,255,255,.75); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: url(../images/icons/slider-plus.png) 17px center no-repeat #3a3a3a; -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.25); box-shadow: inset 0 0 4px rgba(0,0,0,.25); border-color: #fff; font-size: 24px; font-weight: 700; font-family: 'Archivo+Narrow', Arial, sans-serif; color: #fff; text-decoration: none; text-align: center; padding: 10px 25px 10px 40px; display: inline-block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .info-link a:hover { background-color: #ff0000; } .latest-projects { width: 293px; margin-right: 30px; } .latest-projects-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; padding: 30px 0 20px 0; } .latest-projects-title span { color: #ff0000; } .latest-projects .jcarousel-skin-tango .jcarousel-container { background: url(../images/bkg/latest-projects_bg.png) 0 0 no-repeat; width: 292px; height: 169px; overflow: hidden; } .latest-projects .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .latest-projects .jcarousel-skin-tango .jcarousel-container-horizontal { width: 228px; padding: 19px 32px 0 32px; text-align: center; } .latest-projects .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .latest-projects .jcarousel-skin-tango .jcarousel-item { width: 228px; height: 136px; } .latest-projects .jcarousel-skin-tango .jcarousel-item .item-img { display: block; text-align: center; } .latest-projects .jcarousel-skin-tango .jcarousel-item a { display: block; padding-top: 5px; text-align: center; text-decoration: none; font-weight: bold; color: #3a3a3a; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .latest-projects .jcarousel-skin-tango .jcarousel-item:hover a { color: #ff0000; } .latest-projects .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 1px; width: 24px; height: 53px; cursor: pointer; background: url(../images/icons/latestprojects-next.png) no-repeat -24px 0; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .latest-projects .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: url(../images/icons/latestprojects-next.png) no-repeat 0 0; } .latest-projects .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 1px; width: 24px; height: 53px; cursor: pointer; background: url(../images/icons/latestprojects-prev.png) no-repeat 0 0; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .latest-projects .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: url(../images/icons/latestprojects-prev.png) no-repeat -24px 0; } .why { width: 292px; margin-right: 30px; } .why-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; padding: 30px 0 20px 0; } .why-title span { color: #ff0000; } .why-text { color: #666666; line-height: 13px; } .why-text a { padding-top: 10px; text-decoration: none; font-weight: bold; color: #3a3a3a; display: block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .why-text a:hover { color: #ff0000; } .what { width: 293px; } .what-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; padding: 30px 0 20px 0; } .what-title span { color: #ff0000; } .what-content { -moz-box-shadow: 0 1px 5px rgba(0,0,0,.17); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.17); box-shadow: 0 1px 5px rgba(0,0,0,.17); padding: 10px; position: relative; } .what-content .client-name { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 24px; color: #333333; background: url(../images/icons/quote.png) 0 3px no-repeat; padding: 0 0 10px 20px; border-bottom: 1px solid #f3f3f3; } .what-content .client-testimonial { color: #666666; line-height: 16px; padding: 10px; } .what-content .client-link { padding: 8px 10px; } .what-content .client-link a { text-decoration: none; color: #3a3a3a; font-weight: bold; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .what-content .client-link a:hover { text-decoration: none; color: #ff0000; } .what-content .client-more { position: absolute; right: 0; bottom: 0; } .what-content .client-more a { background: url(../images/icons/client-more.png) 0 0 no-repeat; width: 30px; height: 30px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } .what-content .client-more a:hover { background: url(../images/icons/client-more_hover.png) 0 0 no-repeat; } .brands { padding: 30px 0; } .brands .top-shadow { background: url(../images/bkg/brands-shadow-top.png) center bottom no-repeat; height: 18px; } .brands .bottom-shadow { background: url(../images/bkg/brands-shadow-bottom.png) center bottom no-repeat; height: 18px; } .brands .logos { background: #f9f9f9; border-left: 5px solid #ff0000; border-right: 5px solid #ff0000; } .logos .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .logos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 828px; padding: 10px 80px; } .logos .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .logos .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 828px; height: 50px; } .logos .jcarousel-skin-tango .jcarousel-item { width: 115px; height: 50px; text-align: center; } .logos .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 25px; } .logos .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 25px; margin-right: 0; } .logos .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 15px; right: 0px; width: 20px; height: 41px; cursor: pointer; background: url(../images/icons/logos-next.png) no-repeat -21px 0; } .logos .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: url(../images/icons/logos-next.png) no-repeat 0 0; } .logos .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 15px; left: 0px; width: 20px; height: 41px; cursor: pointer; background: url(../images/icons/logos-prev.png) no-repeat 0 0; } .logos .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: url(../images/icons/logos-prev.png) no-repeat -21px 0; } .posts { padding-bottom: 20px; } .posts .hblog-posts { width: 313px; margin-right: 30px; } .hblog-posts .hblog-posts-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; } .hblog-posts .hblog-post { padding-bottom: 10px; } .hblog-post .hblog-post-image { border: 1px solid #d8d8d8; width: 63px; margin-right: 10px; } .hblog-post .hblog-post-image a { border: 4px solid #fff; display: block; } .hblog-post .hblog-post-details { width: 238px; line-height: 16px; } .hblog-post .hblog-post-details a { color: #666666; text-decoration: none; } .hblog-post .hblog-post-details a span { color: #3a3a3a; font-weight: bold; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hblog-post .hblog-post-details a:hover { color: #666666; } .hblog-post .hblog-post-details a:hover span { color: #ff0000; } .hblog-post .hblog-post-details .hblog-post-date { color: #999999; font-style: italic; padding-top: 5px; } .posts .facebook-posts { width: 287px; margin-right: 30px; background: url(../images/icons/facebook-posts.png) 0 0 no-repeat; padding-left: 25px; } .facebook-posts .facebook-posts-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; } .posts .twitter-posts { width: 278px; background: url(../images/icons/twitter-posts.png) 0 0 no-repeat; padding-left: 35px; } .twitter-posts .twitter-posts-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; } .hblog-posts .hblog-posts-title span, .facebook-posts .facebook-posts-title span, .twitter-posts .twitter-posts-title span { color: #ff0000; } .facebook-posts .facebook-post, .twitter-posts .twitter-post { height: 76px; line-height: 16px; } .facebook-posts .facebook-post a, .twitter-posts .twitter-post a { color: #666666; text-decoration: none; } .facebook-posts .facebook-post a:hover, .twitter-posts .twitter-post a:hover { color: #666666; } .facebook-posts .facebook-post a span, .twitter-posts .twitter-post a span { color: #3a3a3a; font-weight: bold; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .facebook-posts .facebook-post a:hover span, .twitter-posts .twitter-post a:hover span { color: #ff0000; } .facebook-posts .facebook-post .facebook-post-date, .twitter-posts .twitter-post .twitter-post-date { color: #999999; font-style: italic; padding-top: 5px; } /*-- Start Posts version 3 --*/ #posts-v3 { background: #333333; } .posts-v3 { width: 998px; margin: 0 auto; padding: 15px 0; } .posts-v3 .hblog-posts { width: 313px; margin-right: 30px; } .posts-v3 .hblog-posts .hblog-posts-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; color: #ffffff; } .posts-v3 .hblog-posts .hblog-post { padding-bottom: 10px; } .posts-v3 .hblog-post .hblog-post-image { border: 1px solid #d8d8d8; width: 63px; margin-right: 10px; } .posts-v3 .hblog-post .hblog-post-image a { border: 4px solid #fff; display: block; } .posts-v3 .hblog-post .hblog-post-details { width: 238px; line-height: 16px; } .posts-v3 .hblog-post .hblog-post-details a { color: #dbdbdb; text-decoration: none; } .posts-v3 .hblog-post .hblog-post-details a span { color: #ffffff; font-weight: bold; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .posts-v3 .hblog-post .hblog-post-details a:hover { color: #dbdbdb; } .posts-v3 .hblog-post .hblog-post-details a:hover span { color: #ff0000; } .posts-v3 .hblog-post .hblog-post-details .hblog-post-date { color: #999999; font-style: italic; padding-top: 5px; } .posts-v3 .facebook-posts { width: 287px; margin-right: 30px; background: url(../images/icons/facebook-posts.png) 0 0 no-repeat; padding-left: 25px; } .posts-v3 .facebook-posts .facebook-posts-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; color: #ffffff; } .posts-v3 .twitter-posts { width: 278px; background: url(../images/icons/twitter-posts.png) 0 0 no-repeat; padding-left: 35px; } .posts-v3 .twitter-posts .twitter-posts-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; color: #ffffff; } .posts-v3 .hblog-posts .hblog-posts-title span, .posts-v3 .facebook-posts .facebook-posts-title span, .twitter-posts .twitter-posts-title span { color: #ff0000; } .posts-v3 .facebook-posts .facebook-post, .posts-v3 .twitter-posts .twitter-post { height: 76px; line-height: 16px; } .posts-v3 .facebook-posts .facebook-post a, .posts-v3 .twitter-posts .twitter-post a { color: #dbdbdb; text-decoration: none; } .posts-v3 .facebook-posts .facebook-post a:hover, .posts-v3 .twitter-posts .twitter-post a:hover { color: #dbdbdb; } .posts-v3 .facebook-posts .facebook-post a span, .posts-v3 .twitter-posts .twitter-post a span { color: #ffffff; font-weight: bold; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .posts-v3 .facebook-posts .facebook-post a:hover span, .posts-v3 .twitter-posts .twitter-post a:hover span { color: #ff0000; } .posts-v3 .facebook-posts .facebook-post .facebook-post-date, .posts-v3 .twitter-posts .twitter-post .twitter-post-date { color: #999999; font-style: italic; padding-top: 5px; } /*-- End Posts version 3 --*/ #footer { background: url(../images/bkg/footer-bg.png) 0 0 repeat-x; padding: 12px 0; } .ie9 #footer { padding: 13px 0; } #footer .footer { width: 998px; margin: 0 auto; } .footer .footer-left { width: 674px; } .footer .footer-left .footer-news { padding-top: 9px; } .footer .footer-left .footer-news strong { text-transform: uppercase; color: #3a3a3a; font-weight: bold; padding-right: 5px; } .footer .footer-left .footer-news span { color: #ff0000; } .footer .footer-left .footer-menu { text-transform: uppercase; padding: 13px 0 5px 0; font-size: 11px; } .footer-menu a { text-decoration: none; color: #3a3a3a; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-menu a:hover { text-decoration: none; color: #ff0000; } .footer .footer-right { width: 324px; } .footer .footer-right .newsletter { padding: 2px 0 5px 0; } .footer .newsletter .newsletter-input { border: 1px solid #656565; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.65), inset 0 0 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.65), inset 0 0 2px rgba(0,0,0,.15); box-shadow: 0 1px 0 rgba(255,255,255,.65), inset 0 0 2px rgba(0,0,0,.15); padding: 7px 10px; color: #999999; font-size: 11px; width: 265px; outline: none; } .footer .newsletter .newsletter-submit { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #ff0000; padding: 4px 8px; border: none; margin-left: -4px; cursor: pointer; text-shadow: 0 1px 0 rgba(255,255,255,.5); color: #333; font-size: 18px; } .footer .footer-right .newsletter-intro { color: #666666; font-size: 11px; } /*-- Start Footer version 3 --*/ #footer-v3 { background: url(../images/bkg/footer-bg-v3.png) 0 0 repeat-x; padding: 12px 0; } .ie9 #footer-v3 { padding: 13px 0; } #footer-v3 .footer-v3 { width: 998px; margin: 0 auto; } .footer-v3 .footer-left { width: 674px; } .footer-v3 .footer-left .footer-news { padding-top: 9px; color: #999999; } .footer-v3 .footer-left .footer-news strong { text-transform: uppercase; color: #ffffff; font-weight: bold; padding-right: 5px; } .footer-v3 .footer-left .footer-news span { color: #ff0000; } .footer-v3 .footer-left .footer-menu { text-transform: uppercase; padding: 13px 0 5px 0; font-size: 11px; color: #999999; } .footer-v3 .footer-menu a { text-decoration: none; color: #999999; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-v3 .footer-menu a:hover { text-decoration: none; color: #ff0000; } .footer-v3 .footer-right { width: 324px; } .footer-v3 .footer-right .newsletter { padding: 2px 0 5px 0; } .footer-v3 .newsletter .newsletter-input { border: 1px solid #656565; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.65), inset 0 0 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.65), inset 0 0 2px rgba(0,0,0,.15); box-shadow: 0 1px 0 rgba(255,255,255,.65), inset 0 0 2px rgba(0,0,0,.15); padding: 7px 10px; color: #999999; font-size: 11px; width: 265px; outline: none; } .footer-v3 .newsletter .newsletter-submit { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #ff0000; padding: 4px 8px; border: none; margin-left: -4px; cursor: pointer; text-shadow: 0 1px 0 rgba(255,255,255,.5); color: #333; font-size: 18px; } .footer-v3 .footer-right .newsletter-intro { color: #666666; font-size: 11px; } /*-- End Footer version 3 --*/ #copyright { width: 998px; margin: 0 auto; padding: 15px 0; font-size: 11px; } #copyright .copyright span { color: #ff0000; } #copyright .created { color: #999999; } #copyright .created a { color: #FF8000; display: inline-block; width: 113px; height: 25px; } /*-- Start About us page --*/ .breadcrumbs { padding: 15px 0; } .breadcrumbs a { background: url(../images/icons/breadcrumbs-arrow.png) right center no-repeat; padding: 0 10px 0 0; margin-right: 5px; text-decoration: none; color: #3a3a3a; } .breadcrumbs a:hover { text-decoration: none; color: #ff0000; } .breadcrumbs p { margin: 0; display: inline-block; color: #ff0000; } .page-title { background: url(../images/icons/page-title-arrow.png) left center no-repeat; padding-left: 15px; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; margin-bottom: 30px; } .about-content { padding: 30px 0 0 0; } .about-text { width: 614px; margin-right: 30px; line-height: 16px; } .about-text span { color: #ff0000; } .about-content .latest-projects { margin: 0; } .about-content .latest-projects .latest-projects-title { padding-top: 0; } .our-team { padding: 30px 0 20px 0; } .our-team-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; padding-bottom: 20px; } .our-team-title span { color: #ff0000; } .our-team .person { width: 292px; margin-right: 30px; position: relative; overflow: hidden; } .our-team .person.last { width: 293px; margin-right: 0px; } .our-team .person .opacity { background: #fff; opacity: .5; width: 293px; height: 176px; position: absolute; } .our-team .person .function { background: url(../images/bkg/opac-hover.png) 0 0 no-repeat; width: 176px; height: 18px; position: absolute; right: 0; text-align: center; padding-top: 158px; display: none; } .our-team .person a .function { color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,.3); } .our-team .person .details { padding: 15px 0; border-bottom: 1px solid #e6e6e6; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .our-team .person .details .name a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3a3a3a; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .our-team .person .details .socials a { background: url(../images/icons/social-icons.png) no-repeat; height: 16px; display: inline-block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 13px; } .our-team .person .details .socials a.twitter { background-position: 0 0; width: 19px; } .our-team .person .details .socials a.twitter:hover { background-position: 0px -21px; } .our-team .person .details .socials a.facebook { background-position: -23px 0; width: 16px; } .our-team .person .details .socials a.facebook:hover { background-position: -23px -21px; } .our-team .person .details .socials a.linkedin { background-position: -43px 0; width: 18px; } .our-team .person .details .socials a.linkedin:hover { background-position: -43px -21px; } .our-team .person .details .socials a.skype { background-position: -107px 0; width: 16px; } .our-team .person .details .socials a.skype:hover { background-position: -107px -21px; } .our-team .person:hover .opacity { display: none; } .our-team .person:hover .function { display: block; } .our-team .person:hover .details { border-bottom: 1px solid #ff0000; } .our-team .person:hover .details .name a { color: #ff0000; } /*-- Start Features page --*/ .f-learn { background: url(../images/icons/learn-border.png) left bottom repeat-x; padding-bottom: 15px; margin-bottom: 15px; } .features-learn { width: 614px; padding: 30px 0 0 0; margin: 0 30px 0 0; } .learn-intro { font-family: 'Archivo+Narrow', sans-serif; font-weight: 400; font-size: 30px; padding-bottom: 10px; width: 370px } .learn-text { color: #666666; line-height: 16px; } .features-ready { width: 293px; padding: 30px 0 0 0; text-align: center; } .ready-intro { font-family: 'Archivo+Narrow', sans-serif; font-weight: 400; font-size: 30px; padding-bottom: 10px; } .features-ready a.ready-link { border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.13); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.13); box-shadow: inset 0 -3px 0 rgba(0,0,0,.13); text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #3a3a3a; padding: 10px 15px; display: inline-block; margin-top: 20px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .features-ready a.ready-link:hover { border: 1px solid #ff6533; -moz-box-shadow: inset 0 -3px 0 rgba(255,102,51,.13); -webkit-box-shadow: inset 0 -3px 0 rgba(255,102,51,.13); box-shadow: inset 0 -3px 0 rgba(255,102,51,.13); color: #ff0000; } .features-content .features-title { font-weight: bold; font-size: 18px; padding-bottom: 10px; width: 100%; } .features-content ul { width: 292px; margin-right: 30px; background: url(../images/icons/features-border.png) 0 0 repeat-x; padding-bottom: 30px; } .features-content ul li { background: url(../images/icons/features-border.png) left bottom repeat-x; position: relative; color: #666666; padding: 10px 0; } .features-content ul li p { margin: 0; padding: 0; position: absolute; right: 0; top: 10px; font-weight: bold; color: #ff0000; } .features-content ul li p.ok { background: url(../images/icons/ok.png) 0 0 no-repeat; width: 14px; height: 11px; } .features-content ul.last { margin-right: 0; } /*-- Start Online demos page --*/ .demos-text { color: #666666; line-height: 16px; padding: 30px 0 0 0; } .demos { padding-bottom: 20px; } .demos .demo { width: 292px; margin-right: 30px; padding-top: 30px; } .demos .demo.last { width: 292px; margin-right: 0; } .demos .demo .demo-image { background: url(../images/bkg/demos-bg.png) 0 0 no-repeat; padding: 2px; width: 288px; height: 172px; line-height: 172px; overflow: hidden; text-align: center; } .demos .demo .demo-image img { vertical-align: middle; } .demos .demo .demo-text { color: #666666; line-height: 16px; padding: 10px 0; border-bottom: 1px solid #ff0000; min-height: 48px; } .demos .demo .demo-text span { font-weight: bold; color: #ff0000; } .demos .demo .demo-details { padding: 10px 0; } .demos .demo .demo-details .left { color: #666666; line-height: 18px; } .demos .demo .demo-details .left span { color: #3a3a3a; font-weight: bold; } .demos .demo .demo-details .right a { border: 1px solid #212121; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #393939; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); color: #fff; text-decoration: none; font-weight: bold; padding: 10px 15px; display: inline-block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .demos .demo .demo-details .right a:hover { border: 1px solid #c84f27; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); color: #ffffff; text-decoration: none; } /*-- Start Prices page --*/ .prices-info { background: url(../images/dashed-line.png) left bottom repeat-x; padding: 30px 0; margin-bottom: 50px; } .prices-info .infos { width: 199px; margin-right: 30px; font-family: 'Archivo+Narrow', sans-serif; font-weight: 400; font-size: 20px; color: #333333; line-height: 18px; } .prices-info .infos.last { width: 199px; margin-right: 0; } .prices-info .infos.credit-card { background: url(../images/icons/no-credit-card.png) 0 0 no-repeat; padding: 15px 0 15px 93px; } .prices-info .infos.days { background: url(../images/icons/30-days.png) 0 0 no-repeat; padding: 15px 0 15px 93px; } .prices-info .infos.delivery { background: url(../images/icons/fast-delivery.png) 0 0 no-repeat; padding: 15px 0 15px 93px; } #credits { padding-top: 50px; } #credits .c-left { background: #333333; width: 187px; color: #ffffff; } #credits .c-left .c-ctitle { border-right: 1px solid #565656; width: 146px; padding: 40px 0px 48px 10px; font-weight: bold; font-size: 16px; } #credits .c-left .c-cprice { border-right: 1px solid #565656; border-bottom: 1px solid #565656; width: 146px; padding: 10px 0px 10px 10px; } #credits .c-left .c-csign { border-bottom: 1px solid #565656; padding: 10px 0; text-align: center; width: 30px; } #credits .c-left .c-crange { border-right: 1px solid #565656; border-bottom: 1px solid #565656; width: 146px; padding: 10px 0px 10px 10px; } #credits .c-left .c-cblank { border-bottom: 1px solid #565656; border-right: 1px solid #565656; width: 156px; padding: 25px 0; } #credits .c-right { border: 1px solid #e4e4e4; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #credits .c-right .c-pack { text-align: center; color: #444444; text-align: center; } #credits .c-right .c-pack:hover { background: #fafafa; } #credits .c-right .c-pack .c-pack-subtitle { padding-top: 20px; font-size: 11px; } #credits .c-right .c-pack .c-pack-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 36px; padding: 5px 0; } #credits .c-right .c-pack .c-pack-credits { font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; } #credits .c-right .c-pack .c-pack-price { font-size: 14px; font-weight: bold; color: #ff0000; border-bottom: 1px solid #e4e4e4; padding: 9px 0; } #credits .c-right .c-pack .c-pack-range { font-size: 11px; color: #444444; border-bottom: 1px solid #e4e4e4; padding: 11px 0; } #credits .c-right .c-pack .c-pack-more { padding: 11px 21px 12px 21px; } #credits .c-right .c-pack .c-pack-more a { border: 1px solid #212121; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #393939; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); display: inline-block; color: #ffffff; text-decoration: none; font-weight: bold; padding: 6px 10px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #credits .c-right .c-pack .c-pack-more a:hover { border: 1px solid #c84f27; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); text-decoration: none; } #price-table { background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.02) 0%, rgba(0,0,0,.02) 100%); background-image: -o-linear-gradient(bottom, rgba(255,255,255,.02) 0%, rgba(0,0,0,.02) 100%); background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.02) 0%, rgba(0,0,0,.02) 100%); background-image: linear-gradient(bottom, rgba(255,255,255,.02) 0%, rgba(0,0,0,.02) 100%); margin: 40px 0 20px 0; width: 935px; } #price-table .price-col { width: 233px; border-right: 1px solid #e1e1e1; background: #fafafa; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #price-table .price-col:hover { background: #fff; } #price-table .price-col:hover .pri-title { background: #ffffff; color: #333333; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #price-table .price-col.last { border: none; } #price-table .price-col .pri-title { background: #333333; padding: 15px; color: #ffffff; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 42px; } #price-table .price-col .pri-title p { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding-top: 5px; font-weight: normal; } #price-table .price-col .pri-title p sup { font-size: 12px; } #price-table .price-col ul { margin-top: -1px; } #price-table .price-col ul li { border-top: 1px solid #e1e1e1; font-size: 14px; color: #868686; text-align: center; padding: 13px 0; } #price-table .price-col .pri-more { padding: 30px 0; text-align: center; } #price-table .price-col .pri-more a { border: 1px solid #212121; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #393939; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); display: inline-block; color: #ffffff; text-decoration: none; font-weight: bold; padding: 10px 45px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #price-table .price-col .pri-more a:hover { border: 1px solid #c84f27; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #ff6533; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.23); box-shadow: inset 0 1px 0 rgba(255,255,255,.23); text-decoration: none; } /*-- Start Left Menu page --*/ #left-side { width: 292px; margin-right: 30px; } .category { margin: 30px 0 0 0; border: 1px solid #e1e1e1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: right; } .category .category-title { text-transform: uppercase; font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; color: #333333; padding: 15px 35px 15px 0; } .category ul { margin: 0; padding: 0; } .category ul li a { border-top: 1px solid #e1e1e1; font-size: 13px; color: #3a3a3a; padding: 10px 35px 10px 0; display: block; text-decoration: none; background: url(../images/icons/l-arrow.png) 270px center no-repeat; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .category ul li a:hover { text-decoration: none; color: #ff0000; background: url(../images/icons/l-arrow-hover.png) 270px center no-repeat #f9f9f9; } .our-location { padding-bottom: 20px; } .our-location-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; padding: 10px 0 20px 0; } .our-location-title span { color: #ff0000; } .our-location-content { border: 1px solid #e1e1e1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 20px; text-align: right; } .our-location-content .our-address, .our-location-content .our-phone { padding-bottom: 30px; } .our-location-content .our-address p, .our-location-content .our-phone p, .our-location-content .our-email p { color: #666666; margin: 0; } .our-location-content .our-address p span, .our-location-content .our-phone p span, .our-location-content .our-email p span { font-weight: bold; color: #3a3a3a; } .our-location-content .our-email p a { text-decoration: none; color: #ff0000; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .our-location-content .our-email p a:hover { text-decoration: underline; color: #ff0000; } #right-side { width: 615px; } #right-side article { color: #666666; line-height: 17px; padding: 30px 0; border-bottom: 1px solid #e1e1e1; } #right-side article.last { border-bottom: none; } #right-side article .article-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 400; font-size: 18px; color: #333333; padding-bottom: 20px; } #right-side article .article-image img { width: 100%; } #right-side article ul { width: 180px; margin: 20px 15px 0 15px; } #right-side article ul.last { margin-right: 0; } #right-side article ul li { list-style: circle; color: #ff0000; } #right-side article ul li a { text-decoration: none; color: #ff0000; } #right-side article ul li a:hover { text-decoration: underline; color: #ff0000; } #right-side article .col { width: 202px; margin-right: 30px; } #right-side article .col.last { width: 310px; margin-right: 0; } .rght #left-side { margin-right: 0; } .rght #right-side { margin-right: 30px; } /*-- Start Contact us page --*/ #contact-map { margin-top: -105px; z-index: 1; border-bottom: 3px solid #fff; -moz-box-shadow: 0 0 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2); box-shadow: 0 0 15px rgba(0,0,0,.2); } .contact-intro { background: url(../images/dashed-line.png) left bottom repeat-x; font-family: 'Archivo+Narrow', sans-serif; font-weight: 400; font-size: 30px; color: #333333; line-height: 36px; text-align: center; padding: 30px 100px; } .contact-txt { padding: 30px 0; color: #666666; line-height: 17px; } .contact-intro span, .contact-txt span { color: #ff0000; } .contact-left { width: 615px; margin-right: 30px; padding-bottom: 20px; } .contact-form { padding: 15px 0 0 0; } .contact-form .contact-col { width: 198px; padding-right: 10px; } .contact-form .contact-col.last { padding-right: 0; } .contact-form p { padding: 20px 0 5px 0; color: #666666; } .contact-form .contact-col p { padding: 0 0 5px 0; color: #666666; } .contact-form .contact-col p span, .contact-form p span { color: #999999; } .contact-form .contact-col .contact-input { border: 1px solid #bdbdbd; background-color: #fff; -moz-box-shadow: inset 0 1px 3px rgba(1,1,1,.05); -webkit-box-shadow: inset 0 1px 3px rgba(1,1,1,.05); box-shadow: inset 0 1px 3px rgba(1,1,1,.05); color: #999999; padding: 6px 10px; width: 175px; outline: none; } .contact-form textarea { border: 1px solid #bdbdbd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-box-shadow: inset 0 1px 3px rgba(1,1,1,.05); -webkit-box-shadow: inset 0 1px 3px rgba(1,1,1,.05); box-shadow: inset 0 1px 3px rgba(1,1,1,.05); padding: 10px; resize: none; width: 593px; height: 80px; outline: none; } .contact-form .contact-submit { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #333; -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.29); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.29); box-shadow: inset 0 -2px 0 rgba(0,0,0,.29); display: inline-block; color: #ffffff; padding: 5px 15px; border: none; cursor: pointer; margin-top: 5px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact-form .contact-submit:hover { background-color: #ff6533; } .contact-right { width: 292px; padding-bottom: 20px; } .contact-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 20px; color: #3a3a3a; border-bottom: 1px solid #dbdbdb; text-transform: uppercase; padding-bottom: 10px; } .contact-right .cont-txt { padding: 15px 0; color: #666666; line-height: 17px; } .contact-right .contact-address { background: url(../images/icons/house.png) left center no-repeat; padding-left: 25px; color: #666666; margin-top: 20px; } .contact-right .contact-email { background: url(../images/icons/email.png) left center no-repeat; padding: 10px 0 10px 25px; } .contact-right .contact-email a { text-decoration: none; color: #ff0000; } .contact-right .contact-email a:hover { text-decoration: underline; color: #ff0000; } .contact-right .contact-phone { background: url(../images/icons/phone.png) 0 3px no-repeat; padding-left: 25px; color: #666666; line-height: 22px; } /*-- Start Error 404 page --*/ .error-content { text-align: center; padding: 40px 0; } .error-content .err { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 120px; color: #ff0000; } .error-content .oups { font-size: 24px; color: #3a3a3a; padding: 10px 0; } .error-content .elink { font-size: 14px; color: #666666; line-height: 20px; } .error-content .elink a { text-decoration: none; color: #ff0000; } .error-content .elink a:hover { text-decoration: underline; color: #ff0000; } .error-content .esearch .esearch-input { border: 1px solid rgba(188,188,188,.82); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); display: inline-block; padding: 10px 15px; width: 280px; color: #999999; outline: none; margin-top: 10px; } /*-- Start Blog page --*/ .blog { padding: 30px 0 20px 0; } .blog .blog-left { width: 615px; margin-right: 30px; } .blog-pst { padding-bottom: 30px; } .blog-pst .blog-pst-image { width: 610px; height: 246px; overflow: hidden; border: 2px solid #3a3a3a; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-pst:hover .blog-pst-image { border: 2px solid #ff0000; position: relative; z-index: 1; } .blog-pst .blog-pst-det { padding-left: 10px; } .blog-pst .blog-pst-left { width: 110px; padding-right: 10px; border: 1px solid rgba(255,255,255,.75); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #393939; margin-top: -40px; position: relative; z-index: 2; color: #fff; text-align: center; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-bottom: 8px; } .blog-pst:hover .blog-pst-left { background-color: #ff0000; } .blog-pst .blog-pst-left .blog-pst-date { font-size: 14px; padding: 5px 5px 10px 5px; } .blog-pst .blog-pst-left .blog-pst-date p { font-size: 30px; } .blog-pst .blog-pst-left .blog-pst-cat { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; padding: 5px 3px; margin-left: 9px; } .blog-pst .blog-pst-left .blog-pst-link { border-bottom: 1px solid #dbdbdb; } .blog-pst .blog-pst-left .blog-pst-link a { color: #ff0000; text-decoration: none; padding-bottom: 4px; display: inline-block; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-pst .blog-pst-left .blog-pst-link a:hover { color: #ff0000; text-decoration: underline; } .blog-pst .blog-pst-left .blog-pst-comm { font-size: 10px; color: #3a3a3a; padding-top: 4px; } .blog-pst .blog-pst-right { width: 480px; margin-top: -104px; margin-left: 122px; position: relative; z-index: 3; color: #fff; } .blog-pst-right .blog-pst-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 24px; background: #fff; opacity: .75; padding: 3px 5px 5px 5px; } .blog-pst-right .blog-pst-title a { color: #3a3a3a; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-pst-right .blog-pst-title a:hover { color: #ff0000; text-decoration: none; } .blog-pst-right .blog-pst-desc { color: #666666; line-height: 17px; padding: 15px 0 8px 8px; } .blog-pst-right .blog-pst-desc a { color: #ff0000; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-pst-right .blog-pst-desc a:hover { color: #ff0000; text-decoration: underline; } .blog-left .blog-pag { border-top: 1px dashed #bdbdbd; } .blog-left .blog-pag .paginate { padding: 15px 0 0 0; } .blog-left .blog-pag .paginate a { text-decoration: none; color: #999999; text-shadow: 0 1px 0 rgba(255,255,255,0.58); background-color: #ededed; -moz-box-shadow: inset 0 1px 0 1px #fff; -webkit-box-shadow: inset 0 1px 0 1px #fff; box-shadow: inset 0 1px 0 1px #fff; border: 1px solid #c3c3c3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; padding: 5px 8px 6px 8px; margin-left: 2px; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-left .blog-pag .paginate a:hover { text-decoration: none; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.28); background-color: #ff0000; background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ff0000; } .blog-left .blog-pag .paginate a.active { text-decoration: none; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.28); background-color: #ff0000; background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ff0000; } .blog-left .blog-pag .paginate a.older { background: url(../images/pag-back.png) 5px center no-repeat #ededed; padding: 6px 7px 6px 15px; font-size: 11px; } .blog-left .blog-pag .paginate a.older:hover { background: url(../images/pag-back_o.png) 5px center no-repeat #ff0000; } .blog-left .blog-pag .paginate a.newest { background: url(../images/pag-next.png) 92% center no-repeat #ededed; padding: 6px 15px 6px 7px; font-size: 11px; } .blog-left .blog-pag .paginate a.newest:hover { background: url(../images/pag-next_o.png) 92% center no-repeat #ff0000; } .blog-left .blog-pag .paginate a.newest.active { background: url(../images/pag-next_o.png) 92% center no-repeat #ff0000; } .blog-left .blog-pag .paginate a.prev { background: url(../images/pag-back.png) center center no-repeat #ededed; padding: 11px 12px 12px 12px; } .blog-left .blog-pag .paginate a.prev:hover { background: url(../images/pag-back_o.png) center center no-repeat #ff0000; } .blog-left .blog-pag .paginate a.next { background: url(../images/pag-next.png) center center no-repeat #ededed; padding: 11px 12px 12px 12px; } .blog-left .blog-pag .paginate a.next:hover { background: url(../images/pag-next_o.png) center center no-repeat #ff0000; } .blog-left .blog-pag .paginate a.next.active { background: url(../images/pag-next_o.png) center center no-repeat #ff0000; } .blog .blog-right { width: 292px; } .blog-right .blog-search-input { border: 1px solid rgba(188,188,188,.82); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); box-shadow: inset 1px 2px 3px rgba(0,0,0,.1); display: inline-block; padding: 10px 35px 10px 15px; width: 242px; color: #999999; outline: none; } .blog-right .blog-search-submit { width: 34px; height: 34px; border: none; margin-left: -36px; margin-top: 4px; } .blog-categories { padding: 20px 0 0 0; } .blog-categories .blog-categories-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 20px; color: #3a3a3a; padding-bottom: 15px; } .blog-categories ul { border: 1px solid #e1e1e1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .blog-categories ul li { border-bottom: 1px solid #e1e1e1; list-style: none; } .blog-categories ul li a { background: url(../images/icons/r-arrow.png) 13px center no-repeat; padding: 12px 0 12px 30px; display: block; text-decoration: none; color: #333333; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-categories ul li a:hover { background: url(../images/icons/r-arrow-hover.png) 13px center no-repeat #f9f9f9; color: #ff0000; } .blog-categories ul li.last { border-bottom: none; } .blog-tags { padding: 30px 0 0 0; } .blog-tags .blog-tags-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; color: #3a3a3a; padding-bottom: 15px; } .blog-tags .blog-tags-title span { color: #ff0000; } .blog-tags .blog-tags-cont a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; -moz-box-shadow: inset 0 -1px 0 rgba(255,102,51,.5), inset 0 0 0 1px rgba(153,153,153,.5); -webkit-box-shadow: inset 0 -1px 0 rgba(255,102,51,.5), inset 0 0 0 1px rgba(153,153,153,.5); box-shadow: inset 0 -1px 0 rgba(255,102,51,.5), inset 0 0 0 1px rgba(153,153,153,.5); display: inline-block; padding: 5px; margin: 0 5px 8px 0; text-decoration: none; color: #3a3a3a; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-tags .blog-tags-cont a:hover { background: #ff0000; color: #ffffff; } .blog-archive { padding: 10px 0 0 0; } .blog-archive .blog-archive-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 27px; color: #3a3a3a; padding-bottom: 15px; } .blog-archive .blog-archive-title span { color: #ff0000; } .blog-archive ul { border: 1px solid #e1e1e1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .blog-archive ul li { border-bottom: 1px solid #e1e1e1; list-style: none; } .blog-archive ul li a { background: url(../images/icons/r-arrow.png) 13px center no-repeat; padding: 12px 0 12px 30px; display: block; text-decoration: none; color: #333333; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-archive ul li a:hover { background: url(../images/icons/r-arrow-hover.png) 13px center no-repeat #f9f9f9; color: #ff0000; } .blog-archive ul li a p { display: inline-block; float: right; font-size: 10px; color: #999999; margin-right: 10px; } .blog-archive ul li a:hover p { color: #ff0000; } .blog-archive ul li.last { border-bottom: none; } /*-- Start Blog post page --*/ .blog-post-title { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 20px; padding-bottom: 10px; } .blog-post-details { border-top: 1px dashed #bdbdbd; border-bottom: 1px dashed #bdbdbd; padding: 5px; } .blog-post-details .blog-posted { color: #999999; background: url(../images/icons/blog-posted.png) left center no-repeat; padding: 7px 25px; } .blog-post-details .blog-posted span { color: #3a3a3a; font-weight: bold; } .blog-post-details .blog-categ { color: #999999; background: url(../images/icons/blog-categ.png) left center no-repeat; padding: 7px 25px; } .blog-post-details .blog-categ a { color: #3a3a3a; font-weight: bold; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-details .blog-categ a:hover { text-decoration: none; color: #ff0000; } .blog-post-details .blog-comm { color: #999999; background: url(../images/icons/blog-comm.png) left center no-repeat; padding: 7px 25px; } .blog-post-details .blog-categ span { color: #3a3a3a; font-weight: bold; } .blog-post { color: #666666; line-height: 18px; padding: 15px 0; } .blog-post .bp-image { padding: 15px 0; } .blog-post-tags { border-top: 1px dashed #bdbdbd; border-bottom: 1px dashed #bdbdbd; padding: 8px; color: #666666; line-height: 18px; } .blog-post-tags span { font-family: 'Archivo+Narrow', sans-serif; font-weight: 700; font-size: 18px; color: #3a3a3a; } .blog-post-tags a { display: inline-block; color: #666666; text-decoration: none; -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-post-tags a:hover { color: #ff0000; text-decoration: none; } .post-comments { padding: 20px 0; border-bottom: 1px dashed #bdbdbd; } .post-comments .comments-title { font-family: 'Archivo+Narrow', sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; color: #3a3a3a; border-bottom: 1px dashed #bdbdbd; padding: 10px 0; } .post-comments .comm { color: #868686; padding: 15px 0 0 0; } .post-comments .comm .comm-user { float: left; background: url(../images/icons/comment.png) no-repeat; width: 54px; height: 54px; } .post-comments .comm .comm-user-re { float: left; background: url(../images/icons/re-comment.png) no-repeat; width: 83px; height: 54px; } .post-comments .comm .comm-user-re-re { float: left; background: url(../images/icons/re-comment.png) no-repeat; width: 83px; height: 54px; margin-left: 30px; } .post-comments .comm .comm-cont { float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 3px rgba(149,149,149,0.5); -webkit-box-shadow: 0 0 3px rgba(149,149,149,0.5); box-shadow: 0 0 3px rgba(149,149,149,0.5); padding: 10px; margin: 2px 0 0 10px; width: 360px; color: #666666; } .post-comments .comm .comm-cont .user { float: left; color: #3a3a3a; padding-bottom: 10px; font-weight: bold; } .post-comments .comm .comm-cont .reply { float: right; padding-bottom: 10px; } .post-comments .comm .comm-cont .reply a { color: #3a3a3a; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-weight: bold; } .post-comments .comm .comm-cont .reply a:hover { color: #ff0000; text-decoration: none; } .post-comments .comm .comm-cont .continut { line-height: 1.4em; } .comment-form { padding: 15px 0 0 0; background: url(../images/blog-dashed-line.png) left top repeat-x; padding: 15px 0 0 0; } .comment-form .crow { float: left; width: 31%; margin-right: 4%; } .comment-form .crow-last { float: right; width: 30%; } .comment-form label { color: #666666; } .comment-form label span { color: #999999; } .comment-form .input-text { border: 1px solid #dbdbdb; background-color: #ffffff; color: #666666; width: 160px; padding: 8px; outline: none; margin-top: 5px; -moz-box-shadow: inset 0 1px 3px rgba(1,1,1,0.05); -webkit-box-shadow: inset 0 1px 3px rgba(1,1,1,0.05); box-shadow: inset 0 1px 3px rgba(1,1,1,0.05); } .comment-form .crow-text { float: left; width: 100%; padding-top: 10px; } .comment-form .input-textarea { border: 1px solid #dbdbdb; background-color: #ffffff; color: #666666; width: 97%; height: 125px; padding: 5px; outline: none; margin-top: 5px; resize: none; -moz-box-shadow: inset 0 1px 3px rgba(1,1,1,0.05); -webkit-box-shadow: inset 0 1px 3px rgba(1,1,1,0.05); box-shadow: inset 0 1px 3px rgba(1,1,1,0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .comment-form .crow-sub { float: left; width: 100%; padding-top: 5px; } .comment-form .submit { float: right; color: #ffffff; padding: 6px 13px 6px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.4); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.4); background: #3a3a3a; border: none; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .comment-form .submit:hover { background: #ff0000; -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 0 #fff, inset 0 1px 5px rgba(0,0,0,0.4); } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 767px) and (max-width: 998px) { .top-content { width: 767px; margin: 0 auto; } #wrapper, .wrapper { width: 767px; } #main-nav li a { padding: 20px 13px; } .content { background: url(../images/bkg/bg_pg_content_767.png) 0 0 no-repeat #fff; padding: 30px; } .domains { width: 417px; } .domains .first-line p.f-title, .domains .second-line p.f-title { width: 100px; } .domains .first-line p, .domains .second-line p { width: 41px; } .search-domains { width: 268px; } .search-domains .s-title { font-size: 14px; } .search-domains .search-form .search-input { width: 129px; } .services .domain-hosting { width: 215px; margin-right: 30px; } .services .network-uptime { width: 215px; margin-right: 30px; } .services .bandwidth { width: 215px; } .services .domain-hosting .title, .services .network-uptime .title, .services .bandwidth .title { height: 38px; } .services .domain-hosting .s-content, .services .network-uptime .s-content, .services .bandwidth .s-content { height: 66px; overflow: hidden; } .services .domain-hosting a.link, .services .network-uptime a.link, .services .bandwidth a.link { padding-top: 10px; } /*-- Start services version 2 --*/ .services-v2 .customer, .services-v2 .uptime, .services-v2 .domain, .services-v2 .unlimited { width: 175px; margin-right: 30px; } .services-v2 .moneyback, .services-v2 .secure { width: 175px; } .services-v2 .customer .customer-title, .services-v2 .uptime .uptime-title, .services-v2 .domain .domain-title, .services-v2 .unlimited .unlimited-title, .services-v2 .moneyback .moneyback-title, .services-v2 .secure .secure-title { font-size: 22px; } /*-- End services version 2 --*/ /*-- Start services version 3 --*/ .services-v3 .domain-hosting { width: 215px; margin-right: 30px; } .services-v3 .network-uptime { width: 215px; margin-right: 30px; } .services-v3 .bandwidth { width: 215px; } .services-v3 .domain-hosting .title, .services-v3 .network-uptime .title, .services-v3 .bandwidth .title { height: 38px; } .services-v3 .domain-hosting .s-content, .services-v3 .network-uptime .s-content, .services-v3 .bandwidth .s-content { height: 66px; overflow: hidden; } /*-- End services version 3 --*/ #pricing-table .pricing-table { height: 404px; } #pricing-table .free-table, #pricing-table .premium-table { width: 137px; } #pricing-table .basic-table, #pricing-table .ultimate-table { width: 137px; } #pricing-table .professional-table { width: 143px; } #pricing-table .pricing-options { font-size: 11px; } #pricing-table .amount .rate { margin-right: -3px; } #pricing-table .pricing-info a { font-size: 12px; } /*-- Start Pricing version 2 --*/ #pricing-table-v2 .pricing-table { height: 404px; } #pricing-table-v2 .free-table, #pricing-table-v2 .premium-table { width: 137px; } #pricing-table-v2 .basic-table, #pricing-table-v2 .ultimate-table { width: 137px; } #pricing-table-v2 .professional-table { width: 143px; } #pricing-table-v2 .pricing-options { font-size: 11px; } #pricing-table-v2 .amount .rate { margin-right: -3px; } #pricing-table-v2 .pricing-info a { font-size: 12px; } /*-- End Pricing version 2 --*/ /*-- Start Pricing version 3 --*/ #pricing-table-v3 .pricing-table { height: 387px; } #pricing-table-v3.pricing-slider { margin: 60px 0 40px 0; padding: 0 0 70px 0; background: url(../images/bkg/pricing-shadow_767.png) center bottom no-repeat; } #pricing-table-v3 .free-table, #pricing-table-v3 .premium-table { width: 150px; } #pricing-table-v3 .basic-table, #pricing-table-v3 .ultimate-table { width: 150px; } #pricing-table-v3 .free-table .pricing-desc, #pricing-table-v3 .premium-table .pricing-desc, #pricing-table-v3 .basic-table .pricing-desc, #pricing-table-v3 .ultimate-table .pricing-desc, #pricing-table-v3 .professional-table .pricing-desc { height: 25px; overflow: hidden; margin-bottom: 13px; } #pricing-table-v3 .professional-table { width: 157px; } #pricing-table-v3 .pricing-options { font-size: 11px; } #pricing-table-v3 .amount .rate { margin-right: -3px; } #pricing-table-v3 .pricing-info a { font-size: 12px; } /*-- End Pricing version 3 --*/ .info { padding: 20px 20px 20px 0; } .info-txt { width: 535px; font-size: 22px; } .latest-projects, .why, .what { width: 215px; } .latest-projects .jcarousel-skin-tango .jcarousel-container { background: url(../images/bkg/latest-projects_bg_215.png) 0 0 no-repeat; width: 215px; } .latest-projects .jcarousel-skin-tango .jcarousel-container-horizontal { width: 215px; padding: 15px 0px 0 0px; } .latest-projects .jcarousel-skin-tango .jcarousel-item { width: 215px; height: 140px; } .latest-projects .jcarousel-skin-tango .jcarousel-item a { font-size: 11px; } .why-text { line-height: 12px; } .latest-projects-title, .why-title, .what-title { font-size: 24px; } .brands .top-shadow { background: url(../images/bkg/brands-shadow-top_767.png) center bottom no-repeat; height: 14px; } .brands .bottom-shadow { background: url(../images/bkg/brands-shadow-bottom_767.png) center bottom no-repeat; height: 14px; } .logos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 677px; padding: 10px 40px; } .logos .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 677px; } .posts .hblog-posts { width: 236px; } .hblog-post .hblog-post-details { width: 160px; } .posts .facebook-posts { width: 210px; } .posts .twitter-posts { width: 201px; } /*-- Start Posts version 3 --*/ .posts-v3 { width: 767px; margin: 0 auto; } .posts-v3 .hblog-posts { width: 236px; } .posts-v3 .hblog-post .hblog-post-details { width: 160px; } .posts-v3 .facebook-posts { width: 210px; } .posts-v3 .twitter-posts { width: 201px; } /*-- Start Posts version 3 --*/ #footer .footer, #copyright { width: 767px; } .ie9 #footer { padding: 8px 0 18px 0; } .footer .footer-left { width: 540px; } .footer .newsletter .newsletter-input { width: 166px; } .footer .footer-right { width: 225px; } /*-- Start Pricing version 3 --*/ #footer-v3 .footer-v3 { width: 767px; } .ie9 #footer-v3 { padding: 8px 0 18px 0; } .footer-v3 .footer-left { width: 540px; } .footer-v3 .newsletter .newsletter-input { width: 166px; } .footer-v3 .footer-right { width: 225px; } /*-- End Pricing version 3 --*/ /*-- Start About us page --*/ .about-text { width: 460px; margin-right: 30px; line-height: 16px; } .our-team { padding: 30px 0 5px 0; } .our-team .person { width: 215px; margin-right: 30px; position: relative; overflow: hidden; } .our-team .person.last { width: 215px; margin-right: 0px; } .our-team .person .opacity { width: 215px; } .our-team .person .details .name a { font-size: 12px; } /*-- Start Features page --*/ .f-learn { margin-bottom: 0; } .features-learn { width: 460px; } .features-ready { width: 215px; } .features-content .features-title { padding-top: 20px; } .features-content ul { width: 215px; padding: 0; } /*-- Start Online demos page --*/ .demos { padding-bottom: 10px; } .demos .demo { width: 215px; } .demos .demo.last { width: 215px; } .demos .demo .demo-image { width: 211px; background: url(../images/bkg/demos-bg_215.png) 0 0 no-repeat; } .demos .demo .demo-text { min-height: 64px; } /*-- Start Prices page --*/ .prices-info .infos { width: 122px; font-size: 18px; } .prices-info .infos.last { width: 122px; } #credits .c-left { width: 117px; } #credits .c-left .c-ctitle { width: 76px; } #credits .c-left .c-cprice { width: 76px; } #credits .c-left .c-crange { width: 76px; } #credits .c-left .c-cblank { width: 86px; } #credits .c-right .c-pack .c-pack-more { padding: 11px 10px 12px 10px; } #price-table { width: 708px; margin: 40px 0 5px 0; } #price-table .price-col { width: 176px; } #price-table .price-col .pri-title { font-size: 36px; } /*-- Start Left Menu page --*/ #left-side { width: 215px; margin-right: 30px; } .category ul li a { background: url(../images/icons/l-arrow.png) 193px center no-repeat; } .category ul li a:hover { background: url(../images/icons/l-arrow-hover.png) 193px center no-repeat #f9f9f9; } #right-side { width: 462px; } #right-side article .article-image { width: 462px; overflow: hidden; text-align: center; } #right-side article .article-title { font-size: 20px; } #right-side article ul { width: 128px; } #right-side article .col { width: 215px; } #right-side article.last { padding-bottom: 0; } /*-- Start Contact us page --*/ .contact-intro { padding: 30px 0; } .contact-left { width: 462px; padding-bottom: 0; } .contact-right { width: 215px; padding-bottom: 0; } .contact-form .contact-col { width: 147px; padding-right: 10px; } .contact-form .contact-col .contact-input { width: 125px; } .contact-form textarea { width: 440px; height: 130px; } .contact-title { font-size: 18px; } /*-- Start Error 404 page --*/ .error-content { padding: 30px 0; } /*-- Start Blog page --*/ .blog { padding: 30px 0 20px 0; } .blog .blog-left { width: 462px; } .blog-pst .blog-pst-image { width: 462px; } .blog-pst-right .blog-pst-title { width: 322px; font-size: 22px; height: 24px; overflow: hidden; line-height: 26px; } .blog-pst-right .blog-pst-desc { width: 324px; padding: 8px 0 8px 8px; } .blog .blog-right { width: 215px; } .blog-right .blog-search-input { width: 165px; } /*-- Start Blog post page --*/ .blog-post-details .blog-posted { color: #999999; background: url(../images/icons/blog-posted.png) left center no-repeat; padding: 7px 15px 7px 25px; } .blog-post-details .blog-categ { color: #999999; background: url(../images/icons/blog-categ.png) left center no-repeat; padding: 7px 15px 7px 25px; } .blog-post-details .blog-comm { color: #999999; background: url(../images/icons/blog-comm.png) left center no-repeat; padding: 7px 15px 7px 25px; } .blog-post .bp-image img { width: 462px; } .post-comments .comm .comm-cont { width: 318px; } .comment-form .input-text { width: 120px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .top-content { width: 479px; margin: 0 auto; } .top-menu { margin: 0; padding: 8px 0 0 0; float: none; text-align: center; } .social-icons { padding: 5px 0 7px 0; float: none; text-align: center; } .top-menu-v3 { margin: 0; padding: 8px 0 0 0; float: none; text-align: center; } .social-icons-v3 { padding: 5px 0 7px 0; float: none; text-align: center; } #wrapper, .wrapper { width: 479px; } .main-menu .left.logo { float: none; text-align: center; display: inline-block; width: 100%; padding: 0; } #main-nav ul { display: none; } #main-nav { float: none; padding-bottom: 10px; } #main-nav .responsive-nav { display: block; width: 96%; padding: 8px 2%; outline: none; float: none; margin: 10px 2% 0 2%; border-color: #cecece; } .content { background: url(../images/bkg/bg_pg_content_479.png) 0 0 no-repeat #fff; padding: 30px 20px 20px 20px; } .domains { width: 100%; background: url(../images/horizontal-line.png) left bottom repeat-x;; } .domains .second-line { padding-bottom: 5px; } .domains .first-line { background: none; padding-bottom: 0px; } .domains .first-line p.f-title, .domains .second-line p.f-title { width: 100px; } .domains .first-line p, .domains .second-line p { width: 41px; } .search-domains { width: 100%; margin: 0; padding: 10px 0; } .search-domains .s-title { font-size: 16px; text-align: center; } .search-domains .search-form .search-input { width: 300px; } .services { padding: 20px 0; } .services .domain-hosting, .services .network-uptime, .services .bandwidth { width: 100%; padding-bottom: 25px; } /*-- Start services version 2 --*/ .services-v2 .customer, .services-v2 .uptime, .services-v2 .domain, .services-v2 .unlimited, .services-v2 .moneyback { width: 395px; padding: 0 0 15px 40px; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px 0; } .services-v2 .secure { width: 395px; padding: 0 0 15px 40px; margin: 0; } .services-v2 .customer .customer-title, .services-v2 .uptime .uptime-title, .services-v2 .domain .domain-title, .services-v2 .unlimited .unlimited-title, .services-v2 .moneyback .moneyback-title, .services-v2 .secure .secure-title { font-size: 22px; } /*-- End services version 2 --*/ /*-- Start services version 3 --*/ .services-v3 { padding: 20px 0 0 0; } .services-v3 .domain-hosting, .services-v3 .network-uptime { width: 100%; padding-bottom: 25px; } .services-v3 .bandwidth { width: 100%; padding-bottom: 0; } /*-- End services version 3 --*/ #pricing-table .pricing-table { height: auto; } #pricing-table .free-table, #pricing-table .premium-table { width: 215px; } #pricing-table .basic-table, #pricing-table .ultimate-table { width: 215px; } #pricing-table .professional-table { width: 433px; margin-left: -4px; margin-top: 0; } /*-- Start Pricing version 2 --*/ #pricing-table-v2 .pricing-table { height: auto; } #pricing-table-v2 .free-table, #pricing-table-v2 .premium-table { width: 215px; } #pricing-table-v2 .basic-table, #pricing-table-v2 .ultimate-table { width: 215px; } #pricing-table-v2 .professional-table { width: 431px; margin-left: -1px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } /*-- End Pricing version 2 --*/ /*-- Start Pricing version 3 --*/ #pricing-table-v3 .pricing-table { height: 387px; } #pricing-table-v3.pricing-slider { margin: 60px 0 40px 0; padding: 0 0 60px 0; background: url(../images/bkg/pricing-shadow_479.png) center bottom no-repeat; } #pricing-table-v3 .free-table, #pricing-table-v3 .ultimate-table { display: none; } #pricing-table-v3 .premium-table { width: 155px; border-right: none; } #pricing-table-v3 .basic-table { width: 155px; } #pricing-table-v3 .free-table .pricing-desc, #pricing-table-v3 .premium-table .pricing-desc, #pricing-table-v3 .basic-table .pricing-desc, #pricing-table-v3 .ultimate-table .pricing-desc, #pricing-table-v3 .professional-table .pricing-desc { height: 25px; overflow: hidden; margin-bottom: 13px; } #pricing-table-v3 .professional-table { width: 161px; } #pricing-table-v3 .pricing-options { font-size: 11px; } #pricing-table-v3 .amount .rate { margin-right: -3px; } #pricing-table-v3 .pricing-info a { font-size: 12px; } /*-- End Pricing version 3 --*/ .info { padding: 15px 10px; } .info-txt { width: auto; font-size: 26px; padding-bottom: 10px; float: none; } .info-link { width: auto; text-align: center; float: none; } .latest-projects, .why, .what { width: 100%; } .latest-projects-title, .why-title, .what-title { padding: 20px 0; } .latest-projects .jcarousel-skin-tango .jcarousel-container { background: url(../images/bkg/latest-projects_bg_439.png) 0 0 no-repeat; width: 439px; } .latest-projects .jcarousel-skin-tango .jcarousel-container-horizontal { width: 409px; padding: 15px 15px 0 15px; } .latest-projects .jcarousel-skin-tango .jcarousel-item { width: 200px; height: 140px; margin-right: 10px; } .latest-projects .jcarousel-skin-tango .jcarousel-item a { font-size: 11px; } .brands .top-shadow { background: url(../images/bkg/brands-shadow-top_479.png) center bottom no-repeat; height: 9px; } .brands .bottom-shadow { background: url(../images/bkg/brands-shadow-bottom_479.png) center bottom no-repeat; height: 9px; } .logos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 381px; padding: 10px 44px; } .logos .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 381px; } .posts { padding-bottom: 0px; } .posts .hblog-posts { width: 479px; margin: 0; padding-bottom: 20px; } .hblog-post .hblog-post-details { width: 402px; padding-top: 10px; } .posts .facebook-posts { width: 479px; margin: 0; padding: 0 0 20px 0; } .posts .facebook-posts .facebook-posts-title { padding-left: 25px; } .posts .twitter-posts { width: 479px; padding: 0 0 20px 0; } .posts .twitter-posts .twitter-posts-title { padding-left: 35px; } .posts .facebook-posts .facebook-post, .posts .twitter-posts .twitter-post { height: auto; padding-bottom: 10px; } /*-- Start Posts version 3 --*/ .posts-v3 { padding-bottom: 0px; width: 479px; } .posts-v3 .hblog-posts { width: 479px; margin: 0; padding-bottom: 20px; } .posts-v3 .hblog-post .hblog-post-details { width: 402px; padding-top: 10px; } .posts-v3 .facebook-posts { width: 479px; margin: 0; padding: 0 0 20px 0; } .posts-v3 .twitter-posts { width: 479px; padding: 0; } .posts-v3 .facebook-posts .facebook-post, .posts .twitter-posts .twitter-post { height: auto; padding-bottom: 10px; } /*-- End Posts version 3 --*/ #footer { background: url(../images/bkg/footer-bg_479.png) 0 0 repeat-x; padding: 9px 0 15px 0; } .ie9 #footer { padding: 11px 0 18px 0; } #footer .footer, #copyright { width: 479px; } .footer .footer-left { width: 100%; float: none; } .footer .footer-left .footer-menu { line-height: 18px; } .footer .newsletter .newsletter-input { width: 420px; } .footer .footer-right { width: 100%; float: none; } /*-- Start Footer version 3 --*/ #footer-v3 { background: url(../images/bkg/footer-bg_479-v3.png) 0 0 repeat-x; padding: 9px 0 15px 0; } .ie9 #footer-v3 { padding: 11px 0 18px 0; } #footer-v3 .footer-v3 { width: 479px; } .footer-v3 .footer-left { width: 100%; float: none; } .footer-v3 .footer-left .footer-menu { line-height: 18px; } .footer-v3 .newsletter .newsletter-input { width: 420px; } .footer-v3 .footer-right { width: 100%; float: none; } /*-- End Footer version 3 --*/ #copyright .copyright { float: none; text-align: center; } #copyright .created { float: none; text-align: center; padding-top: 10px; } /*-- Start About us page --*/ .about-text { width: 100%; margin-right: 0; line-height: 16px; padding-bottom: 15px; } .our-team { padding: 30px 0 5px 0; } .our-team .person { width: 100%; margin-right: 30px; position: relative; overflow: hidden; } .our-team .person.last { width: 100%; margin-right: 0px; } .our-team .person .image a img { width: 100%; } .our-team .person .opacity { width: 100%; height: 84%; } .our-team .person .function { bottom: 16%; } .our-team .person .details .name a { font-size: 12px; } /*-- Start Features page --*/ .features-learn { width: 100%; } .features-ready { width: 100%; } .features-content .features-title { padding-top: 20px; } .features-content ul { width: 100%; padding: 0; margin-top: -1px; } /*-- Start Online demos page --*/ .demos { padding-bottom: 0px; } .demos .demo { width: 100%; } .demos .demo.last { width: 100%; } .demos .demo .demo-image { width: 100%; background: url(../images/bkg/demos-bg_439.png) 0 0 no-repeat; } .demos .demo .demo-text { min-height: auto; } /*-- Start Prices page --*/ .prices-info { margin-bottom: 20px; } .prices-info .infos { width: 346px; margin: 0 0 20px 0; } .prices-info .infos.last { width: 346px; margin: 0; } #credits .c-left { width: 439px; } #credits .c-left .c-ctitle { width: 398px; } #credits .c-left .c-cprice { width: 398px; } #credits .c-left .c-crange { width: 398px; } #credits .c-left .c-cblank { width: 408px; } #credits .c-right .c-pack .c-pack-more { padding: 11px 22px 12px 23px; } #price-table { width: 438px; margin: 40px 0 0 0; } #price-table .price-col { width: 218px; } #price-table .price-col .pri-title { font-size: 36px; } /*-- Start Left Menu page --*/ #left-side { width: 100%; margin-right: 0; } .category ul li a { background: url(../images/icons/l-arrow.png) 96% center no-repeat; } .category ul li a:hover { background: url(../images/icons/l-arrow-hover.png) 96% center no-repeat #f9f9f9; } #right-side { width: 443px; } #right-side article .article-image { width: 443px; overflow: hidden; text-align: center; } #right-side article .article-title { font-size: 20px; } #right-side article ul { width: 430px; margin-right: 0; } #right-side article .col { width: 210px; margin-right: 20px; } #right-side article.last { padding-bottom: 0; } /*-- Start Contact us page --*/ .contact-intro { padding: 30px 0; } .contact-left { width: 440px; padding-bottom: 0; margin-right: 0; } .contact-right { width: 440px; padding: 20px 0 0 0; } .contact-form .contact-col { width: 140px; padding-right: 10px; } .contact-form .contact-col .contact-input { width: 118px; } .contact-form textarea { width: 420px; height: 80px; } .contact-title { font-size: 18px; } /*-- Start Error 404 page --*/ .error-content { padding: 20px 0; } /*-- Start Blog page --*/ .blog { padding: 30px 0 0 0; } .blog .blog-left { float: none; width: 435px; margin: 0; } .blog-pst .blog-pst-image { width: 435px; height: auto; } .blog-pst .blog-pst-image a img { width: 435px; margin-bottom: -2px; } .blog-pst .blog-pst-right { width: 304px; } .blog-pst-right .blog-pst-title { width: 295px; font-size: 22px; height: 24px; overflow: hidden; line-height: 26px; } .blog-pst-right .blog-pst-desc { width: 296px; padding: 8px 0 8px 8px; } .blog .blog-right { float: none; width: 435px; padding-top: 30px; } .blog-right .blog-search-input { width: 385px; } /*-- Start Blog post page --*/ .blog-post-details .blog-posted { color: #999999; background: url(../images/icons/blog-posted.png) left center no-repeat; padding: 7px 10px 7px 20px; } .blog-post-details .blog-categ { color: #999999; background: url(../images/icons/blog-categ.png) left center no-repeat; padding: 7px 10px 7px 20px; } .blog-post-details .blog-comm { color: #999999; background: url(../images/icons/blog-comm.png) left center no-repeat; padding: 7px 10px 7px 20px; } .blog-post .bp-image img { width: 435px; } .post-comments .comm .comm-cont { width: 290px; } .comment-form .input-text { width: 112px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #top { background: url(../images/bkg/top_480.png) 0 0 repeat-x; } #top-v3 { background: url(../images/bkg/top_480-v3.png) 0 0 repeat-x; } .top-content { width: 320px; margin: 0 auto; } .top-menu { margin: 0; padding: 8px 0 0 0; float: none; text-align: center; } .top-menu li { list-style: none; display: inline-block; border-right: 1px solid #3a3a3a; padding: 0 8px 0 5px; margin-bottom: 5px; } .social-icons { padding: 5px 0 10px 0; float: none; text-align: center; } .top-menu-v3 { margin: 0; padding: 8px 0 0 0; float: none; text-align: center; } .top-menu-v3 li { list-style: none; display: inline-block; border-right: 1px solid #3a3a3a; padding: 0 8px 0 5px; margin-bottom: 5px; } .social-icons-v3 { padding: 5px 0 10px 0; float: none; text-align: center; } #wrapper, .wrapper { width: 320px; } .main-menu .left.logo { float: none; text-align: center; display: inline-block; width: 100%; padding: 0; } #main-nav ul { display: none; } #main-nav { float: none; padding-bottom: 10px; } #main-nav .responsive-nav { display: block; width: 94%; padding: 8px 2%; outline: none; float: none; margin: 5px 3% 0 3%; border-color: #cecece; } .content { background: url(../images/bkg/bg_pg_content_320.png) 0 0 no-repeat #fff; padding: 30px 15px 15px 15px; } .domains { width: 100%; background: url(../images/horizontal-line.png) left bottom repeat-x; padding: 12px 0; } .domains .second-line { padding: 0 0 5px 0; } .domains .first-line { background: none; padding-bottom: 8px; } .domains .first-line p.f-title, .domains .second-line p.f-title { display: none; } .domains .first-line p, .domains .second-line p { width: 38px; } .search-domains { width: 100%; margin: 0; padding: 10px 0; } .search-domains .s-title { font-size: 13px; padding-right: 3px; } .search-domains .search-form .search-input { width: 150px; } .services { padding: 20px 0; } .services .domain-hosting, .services .network-uptime, .services .bandwidth { width: 100%; padding-bottom: 20px; } /*-- Start services version 2 --*/ .services-v2 .customer, .services-v2 .uptime, .services-v2 .domain, .services-v2 .unlimited, .services-v2 .moneyback { width: 250px; padding: 0 0 15px 40px; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px 0; } .services-v2 .secure { width: 250px; padding: 0 0 15px 40px; margin: 0; } .services-v2 .customer .customer-title, .services-v2 .uptime .uptime-title, .services-v2 .domain .domain-title, .services-v2 .unlimited .unlimited-title, .services-v2 .moneyback .moneyback-title, .services-v2 .secure .secure-title { font-size: 22px; } /*-- End services version 2 --*/ /*-- Start services version 3 --*/ .services-v3 { padding: 20px 0 0 0; } .services-v3 .domain-hosting, .services-v3 .network-uptime { width: 100%; padding-bottom: 20px; } .services-v3 .bandwidth { width: 100%; padding-bottom: 0; } /*-- End services version 3 --*/ #pricing-table .pricing-table { height: auto; } #pricing-table .free-table, #pricing-table .premium-table { width: 282px; border-right: none; border-bottom: 1px solid #cfcfcf; } #pricing-table .basic-table, #pricing-table .ultimate-table { width: 282px; } #pricing-table .professional-table { width: 284px; margin-left: -4px; margin-top: 0; } /*-- Start Pricing version 2 --*/ #pricing-table-v2 .pricing-table { height: auto; } #pricing-table-v2 .free-table, #pricing-table-v2 .premium-table { width: 282px; border-right: none; border-bottom: 1px solid #cfcfcf; } #pricing-table-v2 .basic-table, #pricing-table-v2 .ultimate-table { width: 282px; } #pricing-table-v2 .professional-table { width: 282px; margin-left: -1px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } /*-- End Pricing version 2 --*/ /*-- Start Pricing version 3 --*/ #pricing-table-v3 .pricing-table { height: 387px; } #pricing-table-v3.pricing-slider { margin: 50px 0 40px 0; padding: 0 0 25px 0; background: url(../images/bkg/pricing-shadow_320.png) center bottom no-repeat; } #pricing-table-v3 .free-table, #pricing-table-v3 .ultimate-table, #pricing-table-v3 .premium-table, #pricing-table-v3 .basic-table { display: none; } #pricing-table-v3 .professional-table { width: 313px; } #pricing-table-v3 .pricing-options { font-size: 11px; } #pricing-table-v3 .amount .rate { margin-right: -3px; } #pricing-table-v3 .pricing-info a { font-size: 12px; } /*-- Start Pricing version 3 --*/ .info { padding: 15px 0; } .info-txt { width: auto; font-size: 22px; padding-bottom: 10px; float: none; } .info-link { width: auto; text-align: center; float: none; } .info-link a { font-size: 20px; } .brands .top-shadow { background: url(../images/bkg/brands-shadow-top_320.png) center bottom no-repeat; height: 6px; } .brands .bottom-shadow { background: url(../images/bkg/brands-shadow-bottom_320.png) center bottom no-repeat; height: 6px; } .logos .jcarousel-skin-tango .jcarousel-container-horizontal { width: 250px; padding: 10px 30px; } .logos .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 250px; } .posts { padding-bottom: 0px; } .posts .hblog-posts { width: 320px; margin: 0; padding-bottom: 20px; } .posts .facebook-posts { width: 320px; margin: 0; padding: 0 0 10px 0;} .posts .facebook-posts .facebook-posts-title { padding: 0 0 10px 25px; } .posts .twitter-posts { width: 320px; padding: 0 0 10px 0; } .posts .twitter-posts .twitter-posts-title { padding: 0 0 10px 35px; } /*-- Start Posts version 3 --*/ .posts-v3 { padding-bottom: 0px; width: 320px; } .posts-v3 .hblog-posts { width: 320px; margin: 0; padding-bottom: 20px; } .posts-v3 .facebook-posts { width: 320px; margin: 0; padding: 0 0 10px 0;} .posts-v3 .twitter-posts { width: 320px; padding: 0; } /*-- End Posts version 3 --*/ #footer { background: url(../images/bkg/footer-bg_479.png) 0 0 repeat-x; padding: 0px 0 8px 0; } .ie9 #footer { padding: 2px 0 11px 0; } #footer .footer, #copyright { width: 320px; } .footer .footer-left { width: 100%; float: none; } .footer .footer-left .footer-news { line-height: 16px; } .footer .footer-left .footer-menu { line-height: 16px; } .footer .newsletter .newsletter-input { width: 260px; } .footer .footer-right { width: 100%; float: none; } /*-- Start Footer version 3 --*/ #footer-v3 { background: url(../images/bkg/footer-bg_479-v3.png) 0 0 repeat-x; padding: 0px 0 8px 0; } .ie9 #footer-v3 { padding: 2px 0 11px 0; } #footer-v3 .footer-v3 { width: 320px; } .footer-v3 .footer-left { width: 100%; float: none; } .footer-v3 .footer-left .footer-news { line-height: 16px; } .footer-v3 .footer-left .footer-menu { line-height: 16px; } .footer-v3 .newsletter .newsletter-input { width: 260px; } .footer-v3 .footer-right { width: 100%; float: none; } /*-- End Footer version 3 --*/ #copyright .copyright { float: none; text-align: center; } #copyright .created { float: none; text-align: center; padding-top: 10px; } /*-- Start About us page --*/ .about-text { width: 100%; margin-right: 0; line-height: 16px; padding-bottom: 15px; } .our-team { padding: 30px 0 5px 0; } .our-team .person { width: 100%; margin-right: 30px; position: relative; overflow: hidden; } .our-team .person.last { width: 100%; margin-right: 0px; } .our-team .person .image a img { width: 100%; } .our-team .person .opacity { width: 100%; height: 77.5%; } .our-team .person .function { bottom: 22.5%; } .our-team .person .details .name a { font-size: 12px; } /*-- Start Features page --*/ .features-learn { width: 100%; } .features-learn .learn-intro { width: 100%; } .features-ready { width: 100%; } .features-content .features-title { padding-top: 20px; } .features-content ul { width: 100%; padding: 0; margin-top: -1px; } /*-- Start Online demos page --*/ .demos { padding-bottom: 0px; } /*-- Start Prices page --*/ .prices-info { margin-bottom: 20px; } .prices-info .infos { width: 197px; margin: 0 0 20px 0; } .prices-info .infos.last { width: 197px; margin: 0; } #credits .c-left { width: 290px; } #credits .c-pack.last { display: none; } #credits .c-left .c-ctitle { width: 249px; } #credits .c-left .c-cprice { width: 249px; } #credits .c-left .c-crange { width: 249px; } #credits .c-left .c-cblank { width: 259px; } #credits .c-right .c-pack .c-pack-more { padding: 11px 16px 12px 16px; } #price-table { width: auto; margin: 40px 0 0 0; } #price-table .price-col { width: 100%; border-bottom: 1px solid #e1e1e1; } #price-table .price-col .pri-title { font-size: 36px; } /*-- Start Left Menu page --*/ #right-side { width: 292px; } #right-side article .article-image { width: 292px; overflow: hidden; } #right-side article .article-title { font-size: 20px; line-height: 24px; } #right-side article ul { width: 292px; margin-right: 0; } #right-side article .col { width: 292px; margin: 0 0 10px 0; } #right-side article.last { padding-bottom: 0; } /*-- Start Contact us page --*/ .contact-intro { padding: 30px 0; } .contact-left { width: 290px; padding-bottom: 0; margin-right: 0; } .contact-right { width: 290px; padding: 20px 0 0 0; } .contact-title { line-height: 24px; } .contact-form .contact-col { width: 290px; padding: 0 0 10px 0; } .contact-form .contact-col.last { padding: 0; } .contact-form .contact-col .contact-input { width: 267px; } .contact-form textarea { width: 267px; height: 80px; } .contact-title { font-size: 18px; } /*-- Start Error 404 page --*/ .error-content { padding: 20px 0; } .error-content .err { font-size: 86px; } .error-content .oups { font-size: 20px; } .error-content .esearch .esearch-input { width: 258px; } /*-- Start Blog page --*/ .blog { padding: 20px 0 0 0; } .blog .blog-left { float: none; width: 285px; margin: 0; } .blog-pst .blog-pst-image { width: 285px; height: auto; } .blog-pst .blog-pst-image a img { width: 285px; margin-bottom: -2px; } .blog-pst .blog-pst-left { display: none; } .blog-pst .blog-pst-right { width: 289px; margin: 0 0 0 -10px; } .blog-pst-right .blog-pst-title { width: 285px; font-size: 22px; height: 24px; overflow: hidden; line-height: 26px; } .blog-pst-right .blog-pst-desc { width: 280px; padding: 8px 0 8px 8px; } .blog-left .blog-pag .paginate a.older, .blog-left .blog-pag .paginate a.newest { display: none; } .blog .blog-right { float: none; width: 290px; padding-top: 20px; } .blog-right .blog-search-input { width: 235px; } /*-- Start Blog post page --*/ .blog-post .bp-image img { width: 285px; } .post-comments .comm .comm-cont { width: 142px; } .comment-form .crow, .comment-form .crow-last { width: 100%; margin: 0; } .comment-form .input-text { width: 270px; margin-bottom: 10px; } }