/* 41 */
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/_variables/variables.css ******/
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/colorbox.css ******/
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #fff; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:25px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/copyright.css ******/
.copyright {
clear: both;
display: block;
margin:0 3% 10px 2.5%;
background: url('images/template/divider.png') no-repeat top center;
padding-top: 50px;
}
.copyright h5{
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
font-size: 14px;
padding:5px 0;
}
.copyright p {
font-size: 11px;
color: #ADBACB;
font-weight: normal;
margin: 2px 0;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
}
.copyright a,
.copyright a:focus,
.copyright a:active,
.copyright a:hover,
.copyright a:visited{
color: #4DFFD2;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/footer-contact.css ******/
.expand-button {
margin: 0 auto;
position: relative;
text-align: center;
}
a.expand,
a.expand:active,
a.expand:focus,
a.expand:visited {
color: #FFFFFF;
display: inline-block;
font-size: 16px;
margin: 0;
text-decoration: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
filter: progid: DXImageTransform.Microsoft.Shadow(color='#111', Direction=135, Strength=10);
}
.form-contact-footer .crystalform {
margin: auto;
max-width: 700px;
}
.form-contact-footer h4 {
border: 0;
font-size: 26px;
font-weight: normal;
padding: 0;
text-align: center;
}
.form-contact-footer p {
color: #ADBACB;
text-align: center;
}
.form-contact-footer .crystalform .item {
padding: 5px 0 5px 0;
}
.form-contact-footer .crystalform .contact-method {
}
.form-contact-footer .crystalform .contact-method .item {
width: 50%;
float: left;
}
.form-contact-footer .crystalform label {
display: none;
}
.footer-container .crystalform .inline .label,
.footer-container .crystalform .inline label {
color: #E7E7E7;
display: inline-block;
}
.form-contact-footer .crystalform input[type=text],
.form-contact-footer .crystalform textarea,
.form-contact-footer .crystalform select {
height: auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px; /* for old Konqueror browsers */
max-width: 100%;
padding: 6px 14px;
width: 100%;
}
.form-contact-footer .crystalform textarea {
height: 120px;
}
.form-contact-footer .crystalform .controls {
margin: 2% 0;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/google-map.css ******/
.google-map iframe{
height: 480px;
border: 0;
float: left;
}
.google-map .overlay{
background:transparent;
position:relative;
width:100%;
height:480px; /* your iframe height */
top:480px; /* your iframe height */
margin-top:-480px; /* your iframe height */
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/info-block.css ******/
.info-block {
box-sizing: border-box;
float: left;
margin:0 3% 20px 2%;
padding: 5px;
width: 28%;
}
.info-block h5 {
color: #FFFFFF;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
font-size: 20px;
font-weight: normal;
}
.info-block p {
color: #ADBACB;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
line-height: 18px;
}
.info-block li {
color: #ADBACB;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
line-height: 18px;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.info-block {
margin: 0 auto 20px auto;
padding: 1%;
width: 95%;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/inline-contact.css ******/
.std .crystalform{
margin: auto;
max-width: 700px;
padding: 2%;
background-color: #eee;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
.expand-button{
position: relative;
}
a.expand,
a.expand:visited,
a.expand:focus,
a.expand:active {
font-size: 16px;
text-decoration: underline;
text-decoration: none;
position: absolute;
top:-78px;
left:44%;
color:#fff;
text-align: center;
display: inline-block;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
filter: progid: DXImageTransform.Microsoft.Shadow(color='#111', Direction=135, Strength=10);
}
.std .crystalform .item{
width: 100%;
padding:5px 5px 5px 0;
box-sizing:border-box;
}
.std .crystalform .contact-method{
}
.std .crystalform .contact-method .item{
width: 50%;
float: left;
}
.std .crystalform label{
display: none;
}
.std .crystalform input[type=text],
.std .crystalform textarea,
.std .crystalform select{
width:100%;
border: 1px solid #d0d0d0;
max-width: 100%;
padding: 6px 14px;
height: auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.std .crystalform textarea{
height: 120px;
}
.std .crystalform .controls{
margin: 2% 0;
}
.std .crystalform .controls button{
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow: none;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/logo-footer.css ******/
.logo-footer{
position: absolute;
right: 0px;
bottom: 20px;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/logo-parallax.css ******/
.logo-parallax {
background: url('images/template/logo-shadow.png') no-repeat center center;
margin: 0 auto 0 auto;
text-indent: -9999px;
width: 800px;
}
.logo-parallax h1 {
background: url('images/template/logo.png') no-repeat center center;
height: 350px;
margin: 0;
padding-top: 130px;
text-indent: -9999px;
width: 800px;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.logo-parallax {
margin: 0 auto;
padding: 0 0 50px 0;
width: 95%;
}
.logo-parallax h1 {
background: url('images/template/logo-small.png') no-repeat center center;
height: 86px;
margin: 0 auto;
padding-top: 30px;
width: 250px;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/magento-admin-navigation.css ******/
.magento-admin-navigation ul.level-1 {
background: url('images/nav1_bg.gif') repeat-x scroll 0 100% #666E73;
border-bottom: 1px solid #2D444F;
border-top: 1px solid #2D444F;
margin: 0;
padding: 0;
}
.magento-admin-navigation ul.level-1 > li.last,
.magento-admin-navigation ul.level-1 > li.first {
background: url('images/nav1_active.gif') repeat-x scroll 0 0;
}
.magento-admin-navigation ul.level-1 > li.last > a,
.magento-admin-navigation ul.level-1 > li.first > a {
font-weight:bold;
}
.magento-admin-navigation li {
background: url('images/nav1_sep.gif') no-repeat scroll 100% 0;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.magento-admin-navigation ul.level-1 > li:hover,
.magento-admin-navigation ul.level-1 > li:focus {
background: #0674BA;
}
.magento-admin-navigation a,
.magento-admin-navigation a:visited {
color: #FFFFFF;
display: block;
font-size: 11px;
line-height: 21px;
padding: 3px 11px;
text-decoration: none;
}
.magento-admin-navigation a.active
.magento-admin-navigation a:active,
.magento-admin-navigation a:focus,
.magento-admin-navigation a:hover {
color: #FFFFFF;
text-decoration: none;
}
.magento-admin-navigation ul.level-1 > li:hover ul {
left: 0;
}
.magento-admin-navigation ul ul {
left: -9999em;
margin: 0;
padding: 0;
position: absolute;
width: 188px;
z-index: 50;
}
.magento-admin-navigation li li {
background: url('images/nav2_li_bg.gif');
float: none;
margin: 0;
padding: 0;
}
.magento-admin-navigation li li:hover {
background: url('images/nav2_li_over_bg.png');
}
.magento-admin-navigation li li a,
.magento-admin-navigation li li a:active,
.magento-admin-navigation li li a:focus,
.magento-admin-navigation li li a:hover,
.magento-admin-navigation li li a:visited {
background: url('images/nav2_link_bg.gif') 100% 0 repeat-x;
color: #2F2F2F;
display: block;
font-size: 11px;
font-weight: normal;
line-height: 22px;
padding: 1px 15px;
text-decoration: none;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/navigation-instructions.css ******/
ul.navigation-instructions {
float: left;
width: 20%;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/navigation-main.css ******/
.navigation-main {
background: url('images/template/tile-navigation-main.jpg') repeat-x top #163A6A;
height: 41px;
}
/* level 1 */
.navigation-main ul.level-1 {
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
width: 90%;
}
.navigation-main li.level-1 {
background: 0;
color: #111111;
display: inline-block;
font-size: 16px;
height: 41px;
list-style-type: none;
margin: 0;
padding: 0;
}
.navigation-main li.level-1:hover ul.level-2,
.navigation-main li.level-1:focus ul.level-2 {
left: auto;
opacity: 1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.navigation-main a.level-1,
.navigation-main a.level-1:active,
.navigation-main a.level-1:focus,
.navigation-main a.level-1:hover,
.navigation-main a.level-1:visited {
border-bottom: 0;
color: #111111;
display: block;
line-height: 41px;
padding: 0 15px;
text-decoration: none;
}
/* level 2 */
.navigation-main ul.level-2 {
background: #EDEDED;
left: -9999em;
margin: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 900px;
z-index: 999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+69,e2e2e2+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 69%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 69%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 69%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.navigation-main li.level-2 {
box-sizing: border-box;
color: #333;
float: left;
height: auto;
list-style-type: none;
margin: 30px 20px;
min-height: 230px;
padding: 0 10px;
text-transform: uppercase;
}
/* level 3 */
.navigation-main ul.level-3 {
background: 0;
left: auto;
margin: 10px 0;
padding: 0;
position: static;
width: auto;
}
.navigation-main li.level-3 {
color: #111111;
display: block;
float: none;
font-size: 12px;
margin: 0 0 10px 0;
padding: 0;
text-transform: capitalize;
width: auto;
}
.navigation-main a.level-3,
.navigation-main a.level-3:visited {
color: #111111;
line-height: 1.4em;
padding: 0;
}
.navigation-main a.level-3:active,
.navigation-main a.level-3:focus,
.navigation-main a.level-3:hover {
text-decoration: underline;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.navigation-main li.level-1 {
font-size: 14px;
}
.navigation-main a.level-1,
.navigation-main a.level-1:active,
.navigation-main a.level-1:focus,
.navigation-main a.level-1:hover,
.navigation-main a.level-1:visited {
padding: 0 1px;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/navigation-sub.css ******/
.navigation-sub {
background: #484848;
height: 41px;
}
.navigation-sub ul {
margin: 0 auto;
max-width: 90%;
padding: 0 10px;
box-sizing:border-box;
}
.navigation-sub li {
background: 0;
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif
}
.navigation-sub a,
.navigation-sub a:active,
.navigation-sub a:focus,
.navigation-sub a:hover,
.navigation-sub a:visited {
border-bottom: 0;
color: #f0f0f0;
display: block;
font-size: 11px;
line-height: 40px;
padding: 0 15px;
text-decoration: none;
}
.navigation-sub a:active,
.navigation-sub a:focus,
.navigation-sub a:hover {
text-decoration: underline;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/navigation-team-members.css ******/
.navigation-team-members {
background: #484848;
height: 41px;
}
.navigation-team-members ul {
box-sizing: border-box;
margin: 0 auto;
max-width: 90%;
padding: 0 10px;
}
.navigation-team-members li {
background: 0;
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif
}
.navigation-team-members a,
.navigation-team-members a:active,
.navigation-team-members a:focus,
.navigation-team-members a:hover,
.navigation-team-members a:visited {
border-bottom: 0;
color: #f0f0f0;
display: block;
font-size: 11px;
line-height: 40px;
padding: 0 15px;
text-decoration: none;
}
.navigation-team-members a:active,
.navigation-team-members a:focus,
.navigation-team-members a:hover {
text-decoration: underline;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/our-clients.css ******/
.our-clients img {
float: left;
margin: 0 10% 0 0;
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.our-clients img {
margin: 0 0 18% 0;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.our-clients img {
float: none;
margin: 0 auto 25px auto;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/page-title.css ******/
.page-title {
left: 15px;
position: absolute;
top: -125px;
}
.page-title h1{
font-size: 44px;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
}
.page-title h4{
font-size: 24px;
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/portfolio-popup.css ******/
.portfolio-content {
background: #111111;
padding: 0 15px 15px 15px;
text-align: center;
}
.portfolio-content h2 {
background: #15396b;
color: #FFFFFF;
display: inline-block;
font-size: 22px;
padding:4px 15px 4px 15px;
}
.portfolio-content img {
margin-bottom: 20px;
}
.portfolio-content p {
color: #FFFFFF;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/portfolio.css ******/
.portfolio table{
margin: auto
}
.portfolio td {
background: #15396b;
border: 20px solid #FFFFFF;
padding: 10px;
text-align: center;
}
.portfolio td.light {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4dbde5+0,0983b6+100 */
background: rgb(77,189,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkYmRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTgzYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(77,189,229,1) 0%, rgba(9,131,182,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,189,229,1) 0%,rgba(9,131,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,189,229,1) 0%,rgba(9,131,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dbde5', endColorstr='#0983b6',GradientType=0 ); /* IE6-8 */
}
.portfolio a,
.portfolio a:active,
.portfolio a:focus,
.portfolio a:visited {
background-size: cover !important;
display: block;
height: 175px;
text-decoration: none;
width: 350px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.portfolio a:hover{
background-position-y:-50px !important;
background-size: 120% !important
}
.portfolio a.abode-living {
background: url('./images/portfolio/abode-living.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.adimex {
background: url('./images/portfolio/adimex.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.affordable-designer-jeans {
background: url('./images/portfolio/affordable-designer-jeans.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.airr {
background: url('./images/portfolio/airr.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.brisound-sound-group {
background: url('./images/portfolio/brisound-sound-group.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.discount-super-foods {
background: url('./images/portfolio/discount-super-foods.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.admimex {
background: url('./images/portfolio/adimex-main.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.empress-marlene {
background: url('./images/portfolio/empress-marlene.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.extension-factory {
background: url('./images/portfolio/extension-factory.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.historic-vintage-restorations {
background: url('./images/portfolio/historic-vintage-restorations.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.luxefitness {
background: url('./images/portfolio/luxefitness.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.south-pacific-health-club {
background: url('./images/portfolio/south-pacific-health-club.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.sperway-homes {
background: url('./images/portfolio/sperway-homes.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.sprout {
background: url('./images/portfolio/sprout.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.velogear {
background: url('./images/portfolio/velogear.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.versa-robes {
background: url('./images/portfolio/versa-robes.jpg') no-repeat transparent 0 -60px;
}
.portfolio a.violetbox {
background: url('./images/portfolio/violetbox.jpg') no-repeat transparent 0 -60px;
}
.portfolio h4 {
color: #FFFFFF;
font-size: 16px;
margin: 10px 0 0 0;
padding: 0;
text-transform: uppercase;
}
.portfolio.light h4 {
color: #fff;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px), only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.portfolio {
display: block;
border:0;
border-bottom: 15px solid #ddd;
padding:5px;
}
.portfolio table {
width: 100%;
}
.portfolio td {
display: block;
}
.portfolio a {
width: 100%;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.portfolio a {
width: 280px;
height: 140px;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/table-instructions.css ******/
table.instructions {
font-family: verdana;
float: right;
width: 75%
}
table.instructions td {
line-height: 1.4em;
}
table.instructions h3 {
margin: 0 0 10px 0;
}
table.instructions em {
color: #0049FF;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/technology-partners.css ******/
.technology-partners img {
float: left;
margin: 0 10% 0 0;
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.technology-partners img {
margin: 0 0 18% 0;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.technology-partners img {
float: none;
margin: 0 auto 25px auto;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/crystal-block/the-team.css ******/
.the-team div div {
float: left;
margin: 0 3% 20px 0;
width: 30%;
}
.the-team h4 {
border-bottom: 2px solid #DC85AD;
color: #333333;
display: inline-block;
padding: 0 0 5px 0;
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.the-team div div {
margin: 0 5% 20px 0;
width: 45%;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.the-team div div {
margin: 0 auto 20px auto;
width: 90%;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/button.css ******/
a.button,
a.button:active,
a.button:focus,
a.button:hover,
a.button:visited {
background: none;
color: #FFFFFF;
font-size: 14px;
background:url('images/template/button.jpg') no-repeat -5px 0;
-moz-border-radius: 25px;
padding: 7px 30px;
-webkit-border-radius: 25px;
border-radius: 25px; /* future proofing */
-khtml-border-radius: 25px; /* for old Konqueror browsers */
border: 0;
-webkit-box-shadow: 4px 5px 8px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 5px 8px -4px rgba(0,0,0,0.75);
box-shadow: 4px 5px 8px -4px rgba(0,0,0,0.75);
}
button.button,
button.button:active,
button.button:focus,
a.button,
a.button:active,
a.button:focus,
a.button:visited{
background: none;
font-size: 14px;
background:url('images/template/button.jpg') no-repeat -5px 0;
-moz-border-radius: 25px;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 7px 30px;
-webkit-border-radius: 25px;
min-width: auto !important;
border-radius: 25px; /* future proofing */
-khtml-border-radius: 25px; /* for old Konqueror browsers */
font-weight: bold;
border: 0;
-webkit-box-shadow: 4px 5px 8px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 5px 8px -4px rgba(0,0,0,0.75);
box-shadow: 4px 5px 8px -4px rgba(0,0,0,0.75);
}
button.button:hover,
a.button:hover{
background:url('images/template/button.jpg') no-repeat -15px -150px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #333;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/floats.css ******/
.clear-float {
clear: both;
display: block;
height: 1px;
margin: 0 0 -1px 0;
overflow: hidden;
width: 100% !important;
}
.f-left,
.left {
float: left;
}
.f-right,
.right {
float: right;
}
article:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
aside:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
div:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
form:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
header:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
nav:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
section:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
div.wrapper:after,
div.page:after,
footer div:after,
footer ul:after {
content: "";
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/fonts.css ******/
/** Generated by FG **/
@font-face {
font-family: 'roboto-regular';
src: url('fonts/Roboto-Regular.eot');
src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/** Generated by FG **/
@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Light.eot');
src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/** Generated by FG **/
@font-face {
font-family: 'roboto-bold';
src: url('fonts/Roboto-Bold.eot');
src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/** Generated by FG **/
@font-face {
font-family: 'roboto-bold';
src: url('fonts/Roboto-Bold.eot');
src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');
font-weight: bold;
font-style: normal;
}
/** Generated by FG **/
@font-face {
font-family: 'roboto-light';
src: url('fonts/Roboto-Light.eot');
src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.font-smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/form-crystal.css ******/
.crystalform abbr {
border: 0;
}
button {
cursor: pointer;
}
input,
select,
textarea {
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
}
.crystalform .item {
margin: 0 0 5px 0;
}
.crystalform .row {
clear: both;
}
.crystalform .column-2 .item {
float: left;
width: 50%;
}
.crystalform .column-3 .item {
float: left;
width: 33%;
}
.crystalform span.error {
background: url('images/icons/status/red-dash.png') red no-repeat 0 3px;
clear: both;
color: #FF0000;
display: block;
font-weight: normal;
margin: 4px 0 5px 33%;
padding: 3px 0 3px 20px;
width: 50%;
}
.crystalform .inline span.error {
margin: 4px 0 5px 0;
padding: 3px 0 3px 20px;
text-align: left;
width: 95%;
}
.crystalform div input.error,
.crystalform div textarea.error,
.crystalform div select.error {
border: 1px dashed #EB340A;
}
.crystalform div label,
.crystalform .inline .label {
clear: none;
color: #828282;
display: block;
float: left;
font-size: 18px;
padding: 1px 3% 0 0;
text-align: right;
width: 30%;
}
.crystalform input,
.crystalform textarea,
.crystalform select {
background: #FDFDFD;
border: 1px solid #D2D2D2;
color: #504B49;
}
.crystalform input {
width: 60%;
}
.crystalform textarea {
height: 100px;
width: 60%;
}
.crystalform select {
width: 61%;
}
.crystalform .inline span {
clear: none;
float: left;
margin: 0;
padding: 0;
text-align: right;
width: 66%;
}
.crystalform .inline input {
background: 0;
border: 0;
clear: left;
float: left;
margin: 7px 0 0 0;
padding: 2px;
width: 15px;
}
.crystalform .inline select {
clear: none;
float: left;
margin: 0 0 0 5px;
width: 30%;
}
.crystalform .inline label {
clear: none;
display: inline-block;
float: left;
margin: 0;
padding: 1px 0 0 5px;
text-align: left;
width: 80%;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/global.css ******/
* {
font-family: "roboto-light", Arial, "MS Trebuchet", sans-serif;
}
body {
margin: 0;
padding: 0;
}
p {
color: #333;
font-size: 15px;
line-height: 1.7em;
margin: 0 0 10px 0;
}
strong{
font-family: "roboto-regular", Arial, "MS Trebuchet", sans-serif;
}
a {
color: #CB1B6C;
}
a:visited {
color: #E71662;
}
a:active,
a:focus,
a:hover {
color: #DF7AA8;
text-decoration: underline;
}
img {
border: 0;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
vertical-align: bottom;
}
img.right {
float: right;
margin: 0 0 15px 30px;
}
img.left {
float: left;
margin: 0 30px 15px 0;
}
ul, ol {
margin: 0 0 10px 0;
padding: 0 0 0 16px;
}
li {
color: #333;
font-size: 15px;
line-height: 1.7em;
list-style-position: inside;
}
.table-2-col td {
padding: 2% 2% 0 0;
width: 50%;
}
.table-3-col td {
padding: 2% 4% 0 0;
width: 33%;
}
td {
color: #333333;
padding: 1% 1% 0 0;
vertical-align: top
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
table {
width: 100%;
}
td {
display: block;
padding: 5px;
width: 100%;
}
.table-2-col td {
padding: 5px;
width: 100%;
}
.table-3-col td {
padding: 5px;
width: 100%;
}
}
code {
background: #F5F5F5;
border: 1px solid #CCCCCC;
border-radius: 4px;
clear: both;
color: #333333;
display: block;
font-family: monospace;
margin: 0 0 35px 0;
padding: 9.5px;
tab-size: 2;
white-space: pre-wrap;
}
table.code {
width: 100%;
}
table.code td {
background: #F5F5F5;
border: 1px solid #CCCCCC;
padding: 5px 10px;
}
table.code td:first-child {
width: 25%;
}
code.incorrect {
background: #FFBABA;
border: 1px solid #FF0000;
color: #D8000C;
}
code.correct {
background: #DFF2BF;
border: 1px solid #4F8A10;
color: #4F8A10;
}
h1, h2, h3, h4, h5, h6 {
color: #FFFFFF;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
}
h2 {
font-size: 30px;
margin: 20px 0 5px 0;
}
h3 {
font-family: "roboto-bold", Arial, "MS Trebuchet", sans-serif;
font-size: 20px;
margin: 30px 0 5px 0;
}
.page-title h4 {
margin: 0 0 5px 0;
}
h4 {
font-family: "roboto-bold", Arial, "MS Trebuchet", sans-serif;
font-size: 18px;
margin: 30px 0 5px 0;
}
h5 {
font-size: 16px;
font-weight: bold;
margin: 10px 0 10px 0;
}
h6 {
font-size: 16px;
}
.std h1, .std h2, .std h3, .std h4, .std h5, .std h6 {
color: #333333;
}
.std {
padding: 20px 10px;
}
.std h4 {
border-bottom: 2px solid #DC85AD;
display: inline-block;
padding: 0 0 5px 0;
}
figure {
margin: 0;
padding: 0;
}
blockquote {
margin: 0;
padding: 0;
}
/* Global Style for consistent look */
.heading-global {
border-bottom: 2px solid #DC85AD;
display: inline-block;
font-family: "roboto-bold", Arial, "MS Trebuchet", sans-serif;
font-size: 20px;
margin: 30px 0 5px 0;
padding: 0 0 5px 0;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/highlights.css ******/
p.highlight-1 {
font-size: 36px;
line-height: 50px;
margin: 0 10%;
text-align: center;
}
ul.highlight-1 {
background-color: #EEEEEE;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
padding: 3% 5%;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/responses.css ******/
p.error {
background: #FFBABA;
border: 1px solid #FF0000;
color: #D8000C;
padding: 5px;
text-align: center;
}
p.warning {
background: #FEEFB3;
border: 1px solid #9F6000;
color: #9F6000;
padding: 5px;
text-align: center;
}
p.success {
background: #DFF2BF;
border: 1px solid #4F8A10;
color: #4F8A10;
padding: 5px;
text-align: center;
}
p.system_error {
background: #F69090;
border: 1px solid #427A4E;
padding: 10px;
text-align: center;
}
p.instructions {
background: #F9FFA0;
border: 1px solid #FFFC00;
padding: 5px;
}
p.information {
background: #F9FFA0;
border: 1px solid #A46317;
color: #A46317;
padding: 5px;
}
.validation-advice {
background: url('images/ecommerce/bg-validation-arrow.gif') 2px 0 no-repeat;
clear: both;
color: #EB340A;
font-size: 0.8em;
line-height: 1.5em;
margin: 3px 0 0 0;
min-height: 13px;
padding: 0 0 0 13px;
}
.validation-failed {
background: #FAEBE7;
border: 1px dashed #EB340A;
}
.success {
color: #3D6611;
}
.error {
color: #DF280A;
}
.notice {
color: #E26703;
}
ul.messages,
ul.messages ul {
margin: 0;
padding: 0;
}
ul.messages li {
list-style: none;
margin: 0 0 10px 0;
}
ul.messages li li {
margin: 0;
padding: 0 0 0 22px;
}
ul.messages .error-msg {
background: #FFBABA;
border: 1px solid #FF0000;
color: #D8000C;
padding: 4px 12px;
}
ul.messages .error-msg li {
background: url('images/icons/status/red-dash.png') no-repeat 0 2px;
}
ul.messages .success-msg {
background: #DFF2BF;
border: 1px solid #4F8A10;
color: #4F8A10;
padding: 4px 12px;
}
ul.messages .success-msg li {
background: url('images/icons/status/green-tick.png') no-repeat 0 2px;
}
ul.messages .note-msg,
ul.messages .notice-msg {
background: #FCE1AC;
border: 1px solid #E3B58E;
color: #E26703;
padding: 4px 12px;
float:left;
width:100%;
}
ul.messages .note-msg li,
ul.messages .notice-msg li {
background: url('images/icons/status/yellow-triangle.png') no-repeat 0 2px;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-all/template-parts.css ******/
body {
background: url('images/template/tile-body-inner.jpg') repeat-x top #163A6A;
position: relative;
}
body {
background: url('images/template/tile-body.jpg') repeat-x top #0A1A31;
}
.wrapper {
background: 0;
}
.container-wrap,
.main-container {
background: url('images/template/header-dots1.png') no-repeat center top;
}
.page {
}
.page-header {
background: url('images/template/tile-header.jpg') repeat-x center top;
}
.page-header-container {
background: url('images/template/header.jpg') no-repeat center top;
}
.page-header-wrap {
background: url('images/template/header-dots1.png') no-repeat center top;
}
.page-header-wrap-2 {
background: url('images/template/header-dots2.png') no-repeat center top;
height: 180px;
}
body.cms-home .page-header-wrap-2 {
height:auto;
}
.main-container {
background: #FFFFFF;
}
body.cms-home .main-container {
background: #0A1A31;
}
.main {
margin: 0 auto;
max-width: 1200px;
min-height: 100px;
position: relative;
width: 90%;
}
.col2-left-layout .col-main,
.col2-right-layout .col-main {
min-height: 300px;
width: 75%;
}
.col2-left-layout .col-main {
float: right;
}
.col2-right-layout .col-main {
float: left;
}
body.cms-home .std {
min-height: 300px;
}
.col-left.sidebar,
.col-right.sidebar {
min-height: 300px;
width: 25%;
}
.footer-container {
background: url('images/template/tile-footer.png') repeat-x bottom center #15396B;
min-height: 275px;
}
.footer {
background: url('images/template/divider.png') no-repeat top center;
padding-top: 50px;
margin: 0 auto;
width: 90%;
max-width: 1200px;
position: relative;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-styles/domain-management.html/main.css ******/
ul.last {
text-align: left;
}
ul.last > li {
list-style-position: outside;
}
span.underline {
border-bottom: 2px solid #DC85AD;
}
.table-5, .table-6 {
width: 42% !important;
margin: 2% !important;
float: left !important;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-styles/email-hosting.html/main.css ******/
table.full-width {
width: 100%;
}
td.cell-1, td.cell-2, td.cell-3, td.cell-4 {
vertical-align: top;
}
td.cell-2 > h4 {
margin-top: 0;
}
td.cell-4 > h4 {
margin-top: 0;
}
td.cell-1 > img {
margin-top: 2px;
}
td.cell-3 > img {
margin-top: 2px;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-styles/ssl-certificates.html/pricing.css ******/
body.cms-pricing-html div.content-main div.content-main-wrap{
margin: 0 auto;
width: 880px;
background: #fff;
padding: 35px 50px;
}
body.cms-pricing-html div.content-main section.template{
padding:0;
}
div.pricing{
padding: 30px 0 0px 0;
width: 100%;
text-align:center;
/*background: url('images/template/text-banner-break.png') no-repeat center top;*/
margin-top:30px;
}
ul.pricing{
padding: 0px 0 0px 5px;
margin: 0;
text-align:left;
/*background: url('images/template/text-banner-break.png') no-repeat center bottom;*/
}
ul.pricing > li > a {
text-decoration: none;
font-size: 18px;
font-weight: bold;
color: #3e8d0e;
}
ul.pricing li{
display:inline-block;
margin:0 1px;
font-size: 18px;
font-weight:bold;
background:none;
padding:0;
border:solid 1px #ccc;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
ul.pricing li.active{
background:#64ac00;
}
ul.pricing li.active a{
text-decoration:none;
color:#fff;
}
ul.pricing li a{
display:block;
padding:15px 20px;
}
div.ssl-pricing{
border:solid 1px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding:15px;
margin-top:-1px;
margin-bottom: 120px;
}
div.ssl-pricing thead{
display:none;
}
div.ssl-pricing table {
border-collapse: collapse;
border: 0 none;
margin: 15px 0;
}
div.ssl-pricing caption {
font-size: 10px;
margin: 0 0 5px;
text-align: center;
}
div.ssl-pricing tbody {
/*border: 1px solid #DDDDDD;*/
}
div.ssl-pricing thead th {
background: none repeat scroll 0 0 #F1F1F1;
border: 1px solid #DDDDDD;
color: #555555;
font-size: 20px;
padding: 10px 0;
text-align: center;
}
div.ssl-pricing th {
border-bottom: 1px solid #CCCCCC;
color: #555555;
font-size: inherit;
font-weight: bold;
padding: 10px 20px;
text-align: left;
vertical-align: middle;
}
div.ssl-pricing td {
border-bottom: 1px solid #CCCCCC;
color: #666666;
font-size: 14px;
padding: 10px 20px;
text-align: left;
vertical-align: middle;
}
div.ssl-pricing table tr th{
font-size:14px;
}
div.ssl-pricing table tr th.price {
font-size: 24px;
}
div.ssl-pricing-business,
div.ssl-pricing-premium,
div.ssl-pricing-multi-domain {
display: none;
}
th.pricing-wrap {
background: url('/skin/frontend/rwd/crystalwebdesignscomau/images/template-pricing/text-banner-break.png') no-repeat scroll center top transparent;
margin-top: 35px;
padding-bottom: 35px;
padding-top: 35px;
text-align: center;
font-size: 30px;
font-weight: normal;
}
th.thead {
background-color: #F4F6F6;
padding: 1em;
color: #333333;
font-family: "roboto-bold", Arial, "MS Trebuchet", sans-serif;
font-size: 18px;
}
tr.price-row > td {
padding: 1em;
vertical-align: middle;
text-align: left;
display: table-cell;
}
tr.price-row:nth-child(odd) {
background-color: #F4F6F6;
}
tr.price-row:nth-child(even) {
background-color: #EAECEE;
}
table.pricing {
border-collapse: collapse;
margin-bottom: 3em;
border-spacing: 0;
max-width: 1115px;
}
td.td-center {
text-align: center !important;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/page-styles/website-hosting.html/pricing.css ******/
ul.hosting-plans {
list-style-type: none;
text-align: center;
}
ul.hosting-plans > li.featured {
display: inline-block;
border: solid 2px #5EA5D2;
}
ul.hosting-plans > li {
display: inline-block;
box-shadow: 0px 1px 3px 0px;
padding: 30px 15px 20px;
border-radius: 5px;
width: 200px;
top: -20px;
text-align: center;
margin: 5px;
}
ul.hosting-plans > li > p.per-month {
color: #6d6f72;
background: url('/images/template/small-pricing-h-break.png') no-repeat center bottom;
padding-bottom: 12px;
font-size: 12px;
margin-bottom: 13px;
}
ul.hosting-plans > li > h5 {
color: #47494b;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
}
ul.hosting-plans > li > h6 {
color: #47494b;
font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: bold;
margin: 0;
}
ul.hosting-plans > li > h6 > span {
font-size: 16px;
}
a.order-btn {
background: url('/skin/frontend/rwd/crystalwebdesignscomau/images/template-pricing/order-btn-large.png') no-repeat scroll center 0 transparent;
height: 44px;
padding-top: 14px;
width: 161px;
color: #FFFFFF;
display: block;
font-size: 17px;
margin: 0 auto;
text-align: center;
text-decoration: none;
}
h2.pricing-wrap {
background: url('/skin/frontend/rwd/crystalwebdesignscomau/images/template-pricing/text-banner-break.png') no-repeat scroll center top transparent;
margin-top: 35px;
padding-top: 35px;
text-align: center;
}
h6.pricing-wrap {
text-align: center;
margin-bottom: 35px;
}
div.feature {
display: inline-block;
float:left;
width: 50%;
}
div.clear {
clear: both;
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/contact.css ******/
body.cms-contact-html .std .contact-details-footer {
float: left;
width: 45%;
}
body.cms-contact-html .std .testimonials-random {
float: right;
width: 45%;
}
body.cms-contact-html .std .crystal-form {
clear: both;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
body.cms-contact-html .std .contact-details-footer {
float: none;
margin: 0 auto 15px auto;
width: 95%;
}
body.cms-contact-html .std .testimonials-random {
float: none;
margin: 0 auto 15px auto;
width: 95%;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/domain-managament.css ******/
.cms-domain-management-html .std .table-1,
.cms-domain-management-html .std .table-2,
.cms-domain-management-html .std .table-3,
.cms-domain-management-html .std .table-4,
.cms-domain-management-html .std .table-5,
.cms-domain-management-html .std .table-6 {
width: 42%;
margin:2%;
float: left;
border:1px solid #ccc;
padding:1%;
background-color:#f0f0f0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,ffffff+22,ffffff+52,ffffff+77,f5f5f5+100 */
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(left, #f5f5f5 0%, #ffffff 22%, #ffffff 52%, #ffffff 77%, #f5f5f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f5f5f5 0%,#ffffff 22%,#ffffff 52%,#ffffff 77%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f5f5f5 0%,#ffffff 22%,#ffffff 52%,#ffffff 77%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */
-webkit-box-shadow: 0px 2px 28px -9px rgba(153,153,153,1);
-moz-box-shadow: 0px 2px 28px -9px rgba(153,153,153,1);
box-shadow: 0px 2px 28px -9px rgba(153,153,153,1);
}
.cms-domain-management-html .std table thead{
}
.cms-domain-management-html .std th,
.cms-domain-management-html .std td {
text-align: center;
}
.cms-domain-management-html .std th{
padding-bottom: 3%;
}
.cms-domain-management-html .std table.table-5,
.cms-domain-management-html .std table.table-6 {
float: none;
margin: auto;
width: 55%;
margin-bottom: 4%;
}
.cms-domain-management-html .std table.table-7{
float: none;
margin: auto;
width: 55%;
}
.cms-domain-management-html .std table h3{
margin:3% 1%;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.cms-domain-management-html .std table{
float: none;
margin: auto;
width: 98%;
margin:1%;
}
.cms-domain-management-html .std table td{
display: table-cell;
width: auto
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/home.css ******/
body.cms-home .main{
min-height: 0;
}
body.cms-home .std{
display: none
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/services.css ******/
body.cms-services-html #header {
height: 300px;
}
body.cms-services-html .page-header-wrap-2 {
height: 300px
}
body.cms-services-html .page-title {
background: url('images/template/heading-magento-services.png') no-repeat center;
height: 300px;
top: -300px;
width: 100%;
text-indent: -9999px;
background-size: contain;
}
body.cms-services-html .std .cell-2 {
padding: 0 0 0 10%;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
body.cms-services-html .std .cell-2 {
padding: 0;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/splash-page.css ******/
.cms-splash-page {
font-family:Myriad-Pro, Roboto, Arial, Sans-serif;
margin:0;
padding:0;
}
.cms-splash-page h1 {
font-family:Roboto;
font-size:70px;
font-weight:300;
margin:0;
}
.cms-splash-page h2 {
font-family:Roboto;
font-size:26px;
margin:0;
}
.cms-splash-page h3 {
font-family:Roboto;
font-size:24px;
font-weight:400;
}
.cms-splash-page input {
border:medium none;
border-radius:5px;
cursor:auto;
padding:1.75% 2.5%;
}
.cms-splash-page .width {
margin:auto;
max-width:1200px;
position:relative;
}
.cms-splash-page #header {
background-color:#75c51d;
min-height:75px;
}
.cms-splash-page #Crystal-logo {
margin:15px 0 0 70px;
}
.cms-splash-page #logo-bar > .right > img {
float:right;
margin:30px 25px 0 0;
vertical-align:middle;
width:10%;
}
.cms-splash-page #logo-bar > .right > img.larger-client-logo{
width: 15%;
}
.cms-splash-page #logo-bar .logo,.cms-splash-page #logo-bar .clients {
display:inline-block;
}
.cms-splash-page #logo-bar .logo {
width:25%;
}
.cms-splash-page #logo-bar .clients {
width:45%;
}
.cms-splash-page #logo-bar .clients p {
color:#fff;
display:inline-block;
margin-bottom:0;
padding-top:35px;
font-size: 10px;
font-style: italic;
}
.cms-splash-page .left {
float:left;
height:100%;
}
.cms-splash-page .right {
float:right;
height:100%;
}
.cms-splash-page #right .clients p {
color:#fff;
display:inline-block;
margin-bottom:0;
padding-top:25px;
font-size: 12px;
}
.cms-splash-page .clear {
clear:both;
}
.cms-splash-page #headline .blurb {
background-color:#FFF;
background-image:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/banner-top.jpg");
background-position:10% 30%;
background-repeat:no-repeat;
background-size:135%;
min-height:337px;
}
.cms-splash-page #headline .blurb h3 {
font-weight:400;
padding-top:3em;
}
.cms-splash-page #headline .blurb h3,.cms-splash-page #headline .blurb h1,.cms-splash-page #headline .blurb p {
margin:0;
text-align:center;
}
.cms-splash-page #headline .blurb p {
font-weight:400;
line-height:1.65;
padding:0 13.5em;
}
.cms-splash-page #headline .top-image {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/mac_MagentoScreen.png");
background-position:bottom;
background-repeat:no-repeat;
background-size:70%;
height:100%;
position:absolute;
right:0;
top:70px;
width:45%;
}
.cms-splash-page #headline .contact-image {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/clouds.png"), linear-gradient(#143f6a,#6ec3de);
background-position:center bottom;
background-repeat:no-repeat;
height:26em;
position:relative;
}
.cms-splash-page .submit-btn,.cms-splash-page .submit-btn:active {
background:linear-gradient(#ecba23,#fa8e09);
border-radius:20px;
box-shadow:0 3px 4px #9F9797;
color:#FFF;
display:block;
font-family:Roboto;
font-size:1.3em;
font-weight:400;
letter-spacing:1px;
margin:1.5em auto;
padding:.25em;
width:12em;
}
.cms-splash-page .submit-btn:focus,.cms-splash-page .submit-btn:hover,.cms-splash-page .submit-btn:visited {
color:#143f6a;
cursor:pointer;
text-decoration:none;
}
.cms-splash-page .contact-form {
width:60%;
}
.cms-splash-page .crystal-form {
margin:0 10%;
}
.cms-splash-page .crystal-form p {
margin:1.25em 0;
}
.cms-splash-page #form-plug {
color:#fff;
font-family:Arial, Sans-serif;
font-weight:300;
margin:auto;
padding:3em 3em 2em;
text-align:center;
width:80%;
}
.cms-splash-page #services .service {
display:table;
width:45%;
}
.cms-splash-page #services .service.left {
margin:6em 0 0 1.5em;
}
.cms-splash-page #services .service.right {
margin:6em 4em 0 0;
}
.cms-splash-page #services .service img,.cms-splash-page #services .service .service-info {
display:table-cell;
vertical-align:top;
}
.cms-splash-page #services .service img {
display:block;
padding:0 45px 0 20px;
}
.cms-splash-page #services .service .service-info h3 {
color:#333;
margin-top:0;
}
.cms-splash-page #services .service-info p {
font-weight:300;
line-height:1.75;
}
.cms-splash-page #services p.fine-print {
color:#FFF;
}
.cms-splash-page #banner-one {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_bg_orbs.png"), linear-gradient(#afee23,#6ac21b);
background-position:center top;
background-repeat:no-repeat;
position:relative;
}
.cms-splash-page #banner-one,#banner-two,#banner-three {
text-align:center;
}
.cms-splash-page .massive-heading {
color:#FFF;
font-family:Roboto;
font-size:110px;
font-weight:500;
margin:0;
}
.cms-splash-page #banner-one h3,.cms-splash-page .blurb h1,.cms-splash-page .blurb h3,.cms-splash-page #banner-two h2,.cms-splash-page #banner-two h3 {
color:#333;
}
.cms-splash-page #banner-one .heading-above {
padding:2em 0 .5em;
}
.cms-splash-page #banner-one .heading-below {
font-weight:400;
margin:0;
padding:.5em 0 2em;
}
.cms-splash-page #banner-two {
background-color:#DDD;
background-image:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/hexes_right.png");
background-position:right;
background-repeat:no-repeat;
}
.cms-splash-page #banner-two .heading-reference {
font-family:Roboto, Sans-serif;
font-size:40px;
font-weight:400;
margin:0;
padding:1.75em 0 .75em;
}
.cms-splash-page #banner-two .reference {
font-size:16px;
font-weight:300;
line-height:1.75;
margin:0;
padding:0 15em;
}
.cms-splash-page #banner-two h2 {
color:#333;
padding-top:2em;
}
.cms-splash-page #banner-two .reference-title {
color:#333;
font-size:20px;
font-weight:600;
margin:0;
padding:2.25em 0;
}
.cms-splash-page #banner-three {
background-color:#222;
background-image:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_hexes_right.png"),
url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/grey_hexes_left.png");
background-position:bottom right, top left;
background-repeat:no-repeat;
}
.cms-splash-page #banner-three h2 {
color:#FFF;
font-weight:300;
line-height:1.5;
margin:0;
padding:3.5em 10.75em 0;
}
.cms-splash-page #banner-three a,.cms-splash-page #banner-three a:active {
background:linear-gradient(#afee23,#6ac21b);
border-radius:35px;
color:#FFF;
display:block;
font-size:18px;
font-weight:300;
margin:2em auto;
padding:.75em;
text-decoration:none;
width:24%;
}
.cms-splash-page #banner-three a:hover,.cms-splash-page #banner-three a:focus,.cms-splash-page #banner-three a:visited {
color:#222;
}
.cms-splash-page #banner-three p {
color:#FFF;
font-size:18px;
font-weight:300;
margin:0;
padding-bottom:5em;
}
.cms-splash-page #contact {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/blue_bg_orbs.png"), linear-gradient(#6ec3de,#143f6a);
background-position:center top;
background-repeat:no-repeat;
padding:2em 0 .5em;
position:relative;
}
.cms-splash-page #contact .contact-form {
margin:0 auto;
}
.cms-splash-page #contact .crystal-form {
margin:2% 10%;
}
.cms-splash-page #contact h2 {
color:#FFF;
font-family:Roboto;
font-size:36px;
font-weight:400;
text-align:center;
}
.cms-splash-page #contact .submit-btn {
box-shadow:0 3px 4px #3E3C3C;
}
.cms-splash-page .submit-btn:hover,.cms-splash-page #contact .submit-btn:hover {
cursor:pointer;
text-decoration:none;
}
.cms-splash-page footer {
-moz-box-shadow:inset 3px 3px 22px -9px rgba(0,0,0,0.7);
-webkit-box-shadow:inset 3px 3px 22px -9px rgba(0,0,0,0.7);
background-color:#0e2543;
border-top:2px solid #114f7b;
box-shadow:inset 3px 3px 22px -9px rgba(0,0,0,0.7);
height:48px;
}
.cms-splash-page footer p {
color:#FFF;
font-family:Arial, Sans-serif;
font-size:12.66px;
margin:0;
padding:16px;
text-align:center;
}
.cms-splash-page .main {
max-width:100%;
width:100%;
}
.cms-splash-page .page-header,.cms-splash-page .std {
display:none;
}
.cms-splash-page .crystal-form .half-area {
margin:0 0 1.5em;
width:48%;
}
.cms-splash-page .crystal-form .full-area {
width:100%;
}
@media (min-width: 768px) and (max-width: 1023px){
body.cms-splash-page #Crystal-logo {
display: block;
margin: 0 auto;
padding: 15px 0 0;
}
.cms-splash-page #logo-bar .clients {
width: 55%;
}
.cms-splash-page #logo-bar > .right > img {
margin: 35px 25px 0 0;
}
.cms-splash-page #headline .blurb {
background-size:190%;
}
.cms-splash-page #headline .blurb p {
padding:2em;
}
.cms-splash-page #headline .contact-image {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/mac_MagentoScreen.png"),
url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/clouds-mobile.png"), linear-gradient(#143f6a,#6ec3de);
background-position:center bottom, center bottom;
background-repeat:no-repeat;
height:50em;
position:relative;
}
.cms-splash-page .contact-image .crystal-form {
margin:auto;
width:50%;
}
.cms-splash-page #headline .top-image {
display:none;
}
.cms-splash-page #services .service {
width:95%;
}
body.cms-splash-page #services .service.left,body.cms-splash-page #services .service.right {
float:none;
margin:3em 0 0 1.5em;
}
.cms-splash-page #banner-two .reference {
padding:0 2em;
}
.cms-splash-page #banner-three h2 {
padding:3.5em 1em 0;
}
.cms-splash-page #banner-three a,.cms-splash-page #banner-three a:active {
width:50%;
}
.cms-splash-page .contact-form {
width:100%;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px){
.cms-splash-page #Crystal-logo {
display: block;
margin: 0 auto;
padding: 15px 0 0 10px;
}
.cms-splash-page #logo-bar .logo {
width: 25%;
}
.cms-splash-page #logo-bar .clients {
width: 60%;
}
.cms-splash-page #logo-bar .clients p{
padding-top: 35px;
}
.cms-splash-page #logo-bar > .right > img {
margin: 35px 20px 0 0;
width: 40px;
}
.cms-splash-page #headline .blurb {
background-size:215%;
height:310px;
}
.cms-splash-page #headline .blurb p {
padding:2em;
}
.cms-splash-page #headline .blurb h1 {
font-size:60px;
}
.cms-splash-page #headline .contact-image {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/clouds-mobile.png"), linear-gradient(#143f6a,#6ec3de);
background-position:center bottom;
background-repeat:no-repeat;
height:45em;
position:relative;
}
.cms-splash-page .contact-image .crystal-form {
margin:auto;
width:70%;
}
.cms-splash-page #headline .top-image {
display:none;
}
.cms-splash-page #services .service {
width:95%;
}
body.cms-splash-page #services .service.left,body.cms-splash-page #services .service.right {
float:none;
margin:3em 0 0 1.5em;
}
.cms-splash-page .clear {
clear:both;
display:none;
}
.cms-splash-page #banner-two .heading-reference {
font-size:30px;
}
.cms-splash-page #banner-two .reference {
padding:0 2em;
}
.cms-splash-page #banner-three h2 {
padding:3.5em 1em 0;
}
.cms-splash-page #banner-three a,.cms-splash-page #banner-three a:active {
width:50%;
}
.cms-splash-page .contact-form {
width:100%;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.cms-splash-page #Crystal-logo {
display: block;
margin: 0 auto;
padding: 15px 0 0;
}
.cms-splash-page #logo-bar .clients,
.cms-splash-page #logo-bar .logo {
width: 100%;
display:block;
}
.cms-splash-page #logo-bar .clients p {
padding-left: 1em;
padding-top: 30px;
}
.cms-splash-page #logo-bar > .right > img {
margin: 25px 25px 10px 0;
}
.cms-splash-page #headline .blurb {
background-size:360%;
height:390px;
}
.cms-splash-page #headline .blurb h3 {
padding-top:3em;
}
.cms-splash-page #headline .blurb p {
background-color:rgba(100%,100%,100%,0.65);
margin:1.5em;
padding:1em;
}
.cms-splash-page #headline .contact-image {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/clouds-mobile.png"), linear-gradient(#143f6a,#6ec3de);
background-position:center bottom, center bottom;
background-repeat:no-repeat;
background-size:80% 170% 200%;
height:50em;
position:relative;
}
.cms-splash-page .contact-image .crystal-form {
margin:0 3em 25em;
}
.cms-splash-page #headline .top-image {
display:none;
}
.cms-splash-page #services .service {
width:95%;
}
.cms-splash-page #services .service img,#services .service .service-info {
display:block;
}
.cms-splash-page #services .service img {
margin:auto;
padding:1em 0;
}
.cms-splash-page #services .service .service-info {
padding:0 1.5em;
text-align:center;
}
body.cms-splash-page #services .service.left,body.cms-splash-page #services .service.right {
float:none;
margin:2em auto;
}
body.cms-splash-page #services .service img,body.cms-splash-page #services .service,body.cms-splash-page #services .service .service-info {
display:block;
margin:auto;
vertical-align:top;
}
.cms-splash-page .clear {
clear:both;
display:none;
}
.cms-splash-page #banner-two .heading-reference {
font-size:30px;
}
.cms-splash-page #banner-two {
background:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_hexes_right.png");
background-color:#DDD;
background-position:bottom right;
background-repeat:no-repeat;
min-height:310px;
}
.cms-splash-page #banner-two .reference {
padding:0 2em;
}
.cms-splash-page #banner-three {
background-color:#222;
background-image:url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/grey_hexes_left.png");
background-position:top left;
background-repeat:no-repeat;
}
.cms-splash-page #banner-three h2 {
padding:3.5em 1em 0;
}
.cms-splash-page #banner-three p {
padding:0 1em 1em;
}
.cms-splash-page #banner-three a,.cms-splash-page #banner-three a:active {
width:80%;
}
.cms-splash-page h1,.cms-splash-page .massive-heading {
font-size:50px;
}
.cms-splash-page .contact-image .contact-form,.cms-splash-page .contact-form {
width:100%;
}
}
@media only screen and (max-width: 500px){
.cms-splash-page #logo-bar .clients p {
display:block;
width: 100%;
text-align: center;
padding-left: 0em;
padding-top: 10px;
}
.cms-splash-page #logo-bar > .right > img {
float: none;
margin: 10px 5% 10px;
}
}
@media only screen and (max-width: 480px){
.cms-splash-page h1 {
font-size:40px;
}
.cms-splash-page #headline .contact-image {
height:47em;
}
.cms-splash-page #headline .blurb {
background-position:10% 60%;
background-size:420%;
height:390px;
}
.cms-splash-page #form-plug {
padding:3em 1em 2em;
}
.cms-splash-page .contact-image .crystal-form {
margin:0 1em 22em;
}
.cms-splash-page #headline .blurb h3,.cms-splash-page #headline .heading-above {
padding:1em 0 0;
}
}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px){
.cms-splash-page #headline .contact-image {
height:39em;
}
.cms-splash-page #form-plug {
padding:1em;
}
.cms-splash-page #headline .blurb h3,.cms-splash-page #headline .heading-above {
padding:1em 0 0;
}
.cms-splash-page .contact-image .crystal-form {
margin:0 1em 18em;
}
.cms-splash-page #headline .blurb {
background-position:10% 60%;
background-size:600%;
height:500px;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/splash-page1.css ******/
.cms-splash-page-1{
font-family: Myriad-Pro, Roboto, Arial, Sans-serif;
padding:0;
margin:0;
}
.cms-splash-page-1 h1 {font-family: Roboto;
font-size: 70px;
font-weight: 300;
margin:0;
}
.cms-splash-page-1 h2{ font-family: Roboto;
font-size: 26px;
margin:0;
}
.cms-splash-page-1 h3 { font-family: Roboto;
font-size: 24px;
font-weight: 400;
}
.cms-splash-page-1 input{
cursor: auto;
border-radius: 5px;
padding: 1.75% 2.5%;
border: medium none;
}
.cms-splash-page-1 .width{
max-width: 1200px;
margin:auto;
position:relative;
}
.cms-splash-page-1 #Crystal-logo{
margin: 15px 0 0 70px;
}
.cms-splash-page-1 #logo-bar{
}
.cms-splash-page-1 #logo-bar > .right > img{
margin: 30px 25px 0 0;
width: 10%;
vertical-align: middle;
float: right;
}
.cms-splash-page-1 #logo-bar > .right > img.larger-client-logo{
width: 15%;
}
.cms-splash-page-1 #logo-bar .logo,
.cms-splash-page-1 #logo-bar .clients{
display: inline-block;
}
.cms-splash-page-1 #logo-bar .logo{
width: 25%;
}
.cms-splash-page-1 #logo-bar .clients{
width: 45%;
}
.cms-splash-page-1 #logo-bar .clients p{
color: #fff;
display: inline-block;
padding-top: 35px;
margin-bottom: 0;
font-size: 10px;
font-style: italic;
}
.cms-splash-page-1 .left{
float:left;
height: 100%;
}
.cms-splash-page-1 .right{
float:right;
height: 100%;
}
.cms-splash-page-1 .clear{
clear:both;
}
.cms-splash-page-1 #header{
min-height: 75px;
}
.cms-splash-page-1 #headline .blurb {
height: 18em;
}
.cms-splash-page-1 #headline .blurb h3,
.cms-splash-page-1 #headline .heading-above
{
font-weight: 300;
padding: 2em 0 0;
margin: 0;
}
.cms-splash-page-1 #headline .blurb h3,
.cms-splash-page-1 #headline .blurb h1,
.cms-splash-page-1 #headline .blurb p{
text-align:center;
}
.cms-splash-page-1 #headline .blurb p{
color: #FFFFFF;
padding: 10px 13.5em;
line-height: 1.65;
font-weight: 300;
}
.cms-splash-page-1 #headline {
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/bursts.png"), #143f6a;
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/bursts.png"), -webkit-linear-gradient(#143f6a, #6ec3de);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/bursts.png"), -o-linear-gradient(#143f6a, #6ec3de);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/bursts.png"), moz-linear-gradient(#143f6a, #6ec3de);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/bursts.png"), linear-gradient(#143f6a, #6ec3de);
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
height: 38em;
color: #FFFFFF;
}
.cms-splash-page-1 .submit-btn, .cms-splash-page-1 .submit-btn:active{
background: #fa9f06;
background: -webkit-linear-gradient(#fa9f06, #fb8905);
background: -o-linear-gradient(#fa9f06, #fb8905);
background: moz-linear-gradient(#fa9f06, #fb8905);
background: linear-gradient(#fa9f06, #fb8905);
border-radius: 20px;
box-shadow: 0px 3px 4px #9F9797;
color: #FFFFFF;
display: block;
font-family: Roboto;
font-size: 1.3em;
font-weight: 500;
letter-spacing: 1px;
margin: 1.5em auto;
padding: .25em;
width: 12em;
}
.cms-splash-page-1 .submit-btn:focus,
.cms-splash-page-1 .submit-btn:hover,
.cms-splash-page-1 .submit-btn:visited{
text-decoration: none;
color:#143f6a;
cursor: pointer;
}
.cms-splash-page-1 .contact-form{
width: 60%;
}
.cms-splash-page-1 .crystal-form{
margin: 0% 10% 0;
}
.cms-splash-page-1 .crystal-form p{
margin:1.25em 0;
}
.cms-splash-page-1 #form-plug{
color: #ffffff;
padding: 1em;
text-align: center;
font-weight:400;
font-family:Arial, Sans-serif;
font-weight: 300;
width: 80%;
margin: auto;
font-size: 14px;
}
.cms-splash-page-1 #headline .top-image{
position: absolute;
bottom: -40px;
right: 0;
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/mac_MagentoScreen.png");
background-size: 68%;
background-repeat: no-repeat;
background-position: bottom;
width: 45%;
height: 100%;
}
.cms-splash-page-1 #services .service{
display: inline-block;
width: 48%;
vertical-align: top;
margin: 6em 0 0 0;
}
.cms-splash-page-1 #services .service img,
.cms-splash-page-1 #services .service .service-info {
display:inline-block;
vertical-align: top;
}
.cms-splash-page-1 #services .service img{
width: 5%;
}
.cms-splash-page-1 #services .service .service-info {
width: 90%;
margin-left: 3%;
}
.cms-splash-page-1 #services .service .service-info h3{
margin-top: 0;
color: #333;
}
.cms-splash-page-1 #services .service-info p{
line-height: 1.75;
font-weight: 300;
}
.cms-splash-page-1 #services p.fine-print {
color:#FFFFFF;
}
.cms-splash-page-1 #banner-one{
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_bg_orbs.png"), #fb8905;
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_bg_orbs.png"), -webkit-linear-gradient(#fb8905, #fa9f06);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_bg_orbs.png"), -o-linear-gradient(#fb8905, #fa9f06);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_bg_orbs.png"), moz-linear-gradient(#fb8905, #fa9f06);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/green_bg_orbs.png"), linear-gradient(#fb8905, #fa9f06);
background-position: center top;
background-repeat: no-repeat;
position: relative;
}
.cms-splash-page-1 #banner-one, #banner-two, #banner-three{
text-align: center;
}
.cms-splash-page-1 .massive-heading {
font-family: Roboto;
font-size: 110px;
font-weight: 500;
margin: 0;
color:#FFFFFF;
}
.cms-splash-page-1 #banner-one .heading-above{
padding: 2.5em 0 0;
margin: 0;
}
.cms-splash-page-1 #banner-one .heading-below{
font-weight: 400;
padding: .5em 0 2em;
margin:0;
}
.cms-splash-page-1 #banner-two{
background-image: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/hexes_right.png") ;
background-color: #DDDDDD;
background-position: right;
background-repeat: no-repeat;
min-height: 310px;
}
.cms-splash-page-1 #banner-two .heading-reference{
margin:0;
padding: 1.75em 0 .35em;
font-family: Roboto, Sans-serif;
font-size: 40px;
font-weight: 500;
}
.cms-splash-page-1 #banner-two .reference{
font-size: 16px;
font-weight: 300;
line-height: 1.75;
margin:0;
padding: 0 15em;
}
.cms-splash-page-1 #banner-two h2{
color: #333333;
padding-top: 3em;
}
.cms-splash-page-1 #banner-two .reference-title {
font-size: 20px;
padding: 2.25em 0;
margin:0;
font-weight:600;
color: #333333;
}
.cms-splash-page-1 #banner-three{
background-image: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/orange_hexes_right.png"), url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/grey_hexes_left.png");
background-color: #222222;
background-position: bottom right, top left;
background-repeat: no-repeat;
color: #FFFFFF;
}
.cms-splash-page-1 #banner-three h2 {
margin: auto;
padding: 3.5em 0 0;
font-weight: 300;
line-height: 1.5;
width: 50%;
}
.cms-splash-page-1 #banner-three a,
.cms-splash-page-1 #banner-three a:active{
background: #ff6300;
background: -webkit-linear-gradient(#fa9f06, #ff6300);
background: -o-linear-gradient(#fa9f06, #ff6300);
background: moz-linear-gradient(#fa9f06, #ff6300);
background: linear-gradient(#fa9f06, #ff6300);
border-radius: 35px;
color: #FFFFFF;
display:block;
font-size:18px;
font-weight: 300;
padding: .75em;
margin: 2em auto;
text-decoration: none;
width: 35%;
}
.cms-splash-page-1 #banner-three a:hover,
.cms-splash-page-1 #banner-three a:focus,
.cms-splash-page-1 #banner-three a:visited{
color: #222222;
}
.cms-splash-page-1 #banner-three p{
margin: 0;
padding-bottom: 5em;
font-size: 18px;
font-weight: 300;
color: #FE6E01;
}
.cms-splash-page-1 #contact{
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/blue_bg_orbs.png");
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/blue_bg_orbs.png"), -webkit-linear-gradient(#6ec3de , #143f6a);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/blue_bg_orbs.png"), -o-linear-gradient(#6ec3de , #143f6a);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/blue_bg_orbs.png"), moz-linear-gradient(#6ec3de , #143f6a);
background: url("https://www.crystalwebdesigns.com.au/skin/frontend/rwd/crystalwebdesignscomau/images/splash-page/blue_bg_orbs.png"), linear-gradient(#6ec3de , #143f6a);
background-position: center top;
background-repeat: no-repeat;
position: relative;
padding: 2em 0 .5em;
}
.cms-splash-page-1 #contact .contact-form{
margin: 0 auto;
}
.cms-splash-page-1 #contact .crystal-form{
margin:2% 10%;
}
.cms-splash-page-1 #contact h2{
color:#FFFFFF;
font-family: Roboto;
font-size: 36px;
font-weight: 400;
text-align: center;
}
.cms-splash-page-1 #contact .submit-btn{
box-shadow: 0px 3px 4px #3E3C3C;
}
.cms-splash-page-1 #contact .submit-btn:hover{
cursor: pointer;
text-decoration: none;
}
.cms-splash-page-1 footer,
.cms-splash-page-1 #header {
background-color: #0e2543 ;
border-top: 2 solid #114f7b;
-webkit-box-shadow: inset 3px 3px 22px -9px rgba(0,0,0,0.7);
-moz-box-shadow: inset 3px 3px 22px -9px rgba(0,0,0,0.7);
box-shadow: inset 3px 3px 22px -9px rgba(0,0,0,0.7);
}
.cms-splash-page-1 footer{
height: 48px;
}
.cms-splash-page-1 footer p{
color: #FFFFFF;
font-family: Arial, Sans-serif;
font-size: 12.66px;
margin:0;
padding: 16px;
text-align: center;
}
.cms-splash-page-1 .page-header,
.cms-splash-page-1 .std{
display:none;
}
.cms-splash-page-1 .main{
width: 100%;
max-width: 100%;
}
.cms-splash-page-1 .crystal-form .half-area{
width: 48%;
margin: 0 0 1.5em;
}
.cms-splash-page-1 .crystal-form .full-area{
width: 100%;
}
/*(min-width: 768px) and (max-width: 1023px)*/
@media (min-width: 768px) and (max-width: 1023px) {
/* */body.cms-splash-page,
body.cms-splash-page-1{
}
body.cms-splash-page-1 #Crystal-logo {
display: block;
margin: 0 auto;
padding: 15px 0 0;
}
.cms-splash-page-1 #logo-bar .clients {
width: 55%;
}
.cms-splash-page-1 #logo-bar > .right > img {
margin: 35px 25px 0 0;
}
.cms-splash-page-1 #headline .blurb p {
padding: 10px 5em;
}
.cms-splash-page-1 #headline .top-image {
position: absolute;
right: 20px;
width: 40%;
bottom: -20px;
}
.cms-splash-page-1 #headline .top-image {
bottom: -30px;
background-size: 90%;
}
.cms-splash-page-1 #services .service{
display: inline-block;
width: 45%;
vertical-align: top;
margin: 6em 0 0 2%;
}
}
/* (min-width: 640px) and (max-width: 767px) */
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
/**/body.cms-splash-page,
body.cms-splash-page-1{
}
.cms-splash-page-1 #Crystal-logo {
display: block;
margin: 0 auto;
padding: 15px 0 0 10px;
}
.cms-splash-page-1 #logo-bar .logo {
width: 25%;
}
.cms-splash-page-1 #logo-bar .clients {
width: 60%;
}
.cms-splash-page-1 #logo-bar .clients p{
padding-top: 35px;
}
.cms-splash-page-1 #logo-bar > .right > img {
margin: 35px 20px 0 0;
width: 40px;
}
.cms-splash-page-1 #headline{
height: 42em;
}
.cms-splash-page-1 h1 {
font-size: 60px;
}
.cms-splash-page-1 #headline .blurb{
height: auto;
}
.cms-splash-page-1 #headline .blurb h3 {
padding: 2em 0 0;
}
.cms-splash-page-1 #headline .blurb p {
padding: 10px 1.5em;
}
.cms-splash-page-1 .contact-form {
width: 100%;
}
.cms-splash-page-1 #headline .top-image{
display:none;
}
.cms-splash-page-1 #services .service{
display: inline-block;
width: 45%;
vertical-align: top;
margin: 6em 0 0 2%;
}
.cms-splash-page-1 #banner-three a{
width: 50%;
}
}
/* (max-width: 640px), only screen and (max-device-width: 640px) */
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
/* body.cms-splash-page,
body.cms-splash-page-1{
border: 3px solid green;
}*/
.cms-splash-page-1 #Crystal-logo {
display: block;
margin: 0 auto;
padding: 15px 0 0;
}
.cms-splash-page-1 #logo-bar .clients,
.cms-splash-page-1 #logo-bar .logo {
width: 100%;
display:block;
}
.cms-splash-page-1 #logo-bar .clients p {
padding-left: 1em;
padding-top: 30px;
}
.cms-splash-page-1 #logo-bar > .right > img {
margin: 25px 25px 10px 0;
}
.cms-splash-page-1 #headline .blurb{
height: auto;
}
.cms-splash-page-1 #headline .contact-image{
margin-top: 2em;
}
.cms-splash-page-1 #headline .blurb p {
padding: 10px 1.5em;
}
.cms-splash-page-1 .contact-form {
width: 100%;
}
.cms-splash-page-1 #headline .top-image{
display:none;
}
.cms-splash-page-1 #headline{
height: 48em;
}
.cms-splash-page-1 h1 {
font-size: 60px;
}
.cms-splash-page-1 #headline .blurb h3 {
padding: 2em 0 0;
}
.cms-splash-page-1 #headline .blurb p {
padding: 10px 1.5em;
}
.cms-splash-page-1 #services .service{
display: block;
width: 95%;
vertical-align: top;
margin: 3em auto;
}
.cms-splash-page-1 #services .service.left,
.cms-splash-page-1 #services .service.right{
float: none;
}
.cms-splash-page-1 #services .service img,
.cms-splash-page-1 #services .service .service-info{
display: block;
margin: auto;
}
.cms-splash-page-1 #services .service img {
width: 7%;
}
.cms-splash-page-1 #services .service .service-info{
margin-top: 1em;
}
.cms-splash-page-1 #services .service .service-info h3,
.cms-splash-page-1 #services .service .service-info p{
text-align: center;
}
.cms-splash-page-1 .clear {
clear: both;
display: none;
}
.cms-splash-page-1 .massive-heading {
font-size: 60px;
}
.cms-splash-page-1 #banner-three h2 {
width: 90%;
}
.cms-splash-page-1 #banner-three a{
width: 70%;
}
}
@media only screen and (max-width: 500px){
.cms-splash-page-1 #logo-bar .clients p {
display:block;
width: 100%;
text-align: center;
padding-left: 0em;
padding-top: 10px;
}
.cms-splash-page-1 #logo-bar > .right > img {
float: none;
margin: 10px 5% 10px;
}
.cms-splash-page-1 #headline{
height: 50em;
}
}
@media only screen and (max-width: 400px){
.cms-splash-page-1 #headline{
height: 56em;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/support.css ******/
/* Support Page */
.support-info {
display: flex;
letter-spacing: 1px;
}
.support-left {
width: 60%;
align-items: flex-start;
}
.support-right {
width: 40%;
align-items: flex-start;
}
.support-info-box, .support-details-box {
padding: 15px;
height: auto;
margin: 10px 0px;
background: linear-gradient(to bottom, #FEFEFE, #EBEBEB);
font-weight: bold;
border-radius: 1px;
}
.support-details-box {
margin: 10px 40px;
}
.support-info-box > h3, .support-details-info > h3 {
margin: 10px 0px;
}
.support-info-box p, .support-info-box ul li {
font-size: 14px;
}
.support-details-box {
display: flex;
}
.support-details-icon {
text-align: center;
align-self: center;
justify-self: center;
width: 20%;
}
.support-details-info {
width: 80%;
}
.alert-system-link {
text-decoration: none;
margin: 10px;
}
.alert-system-link:hover {
text-decoration: none;
}
.alert-system-title {
padding: 10px;
display: inline;
}
.support-form {
background: #253463;
width: 58%;
padding: 10px;
margin: 10px 0px;
}
.support-form > * {
color: #fff;
text-align: center;
}
.support-form > h3 {
color: #fff;
}
.support-form .crystal-form .crystal-form-wrap .crystalform {
background: #253463;
border-radius: 0;
padding: 25px;
}
.support-form .crystal-form .crystal-form-wrap .crystalform .label {
color: #fff;
}
.center {
text-align: center;
}
.item-23 {
float: right;
font-weight: bold;
text-shadow: 5px 5px 5px #aaa;
}
@media only screen and (max-width: 1100px) {
.alert-system-title {
display: block;
text-align: center;
}
.alert-system-link {
margin: 0 auto;
width: 30%;
text-align: center;
display: block;
}
}
@media only screen and (max-width: 900px) {
.support-details-icon {
margin-right: 20px;
}
}
@media only screen and (max-width: 800px) {
.support-info {
display: flex;
flex-flow: column;
letter-spacing: 1px;
}
.item-23 {
float: none;
}
.support-info-box, .support-details-box {
margin: 10px 10px;
}
.support-left {
width: 100%;
}
.support-right {
width: 100%;
}
.support-form {
background: #253463;
width: 93%;
padding: 10px;
margin: 10px 10px;
}
}
/****** /home/crystweb/public_html/skin/frontend/rwd/crystalwebdesignscomau/css/pages/testimonials.css ******/
body.cms-testimonials-html .std .testimonial {
margin: 0 0 50px 0;
}