/*! copyright - Minting Digital v6.4.2 */


/*Minting Digital*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600');

/*
Color Pallete

[White] - #FFFFFF - rgba(255,255,255,1);
[Off White] - rgba(248,248,248,1); #f8f8f8
[Dark Blue] primary - rgba(23,66,96,1); #174260
[Mid Blue] - rgba(29,81,117,1); #1d5175
[minting blue] rgba(18,170,235,1); #12aaeb
[client blue] rgba(18,170,235,1);
[Red] warning and alert - rgba(158,2,41,1);
[web red] rgba(158,2,41,1);
[Dark Grey] - rgba(70,780,70,1);
[Light Grey] - rgba(120,120,120,1);
[hosting green] rgba(0,174,179,1);
[cms orange] rgba(255,119,0,1);


 !important;

*/ 
 

/*
####################
SMALL up
###################
*/

/* for p */
body {
  font-family: 'Open Sans', sans-serif;
  color: rgba(80,90,90,1);
  font-weight: 400;
}

p, li {font-size: 0.9rem;}

p.CrSmall {font-size: 0.7rem;}
p.CrSmI {font-size: 0.7rem; font-style: italic;}

p.crTag {
  font-style: italic;
  font-size: 1rem;

}


blockquote, blockquote p {color: rgba(80, 90, 90, 1); }
cite {color: rgba(80, 90, 90, 1);  margin-bottom: 1rem; }

span.required{color: rgba(158,2,41,1);}

/*keep text together when wrapping*/
span.crNoWrap{white-space:nowrap;} 

/*links*/

a:link, a:visited {color: rgba(80, 90, 90, 1);}
a:hover,a:active {color: rgba(52, 61, 66, 1);}

p a:link, p a:visited {color: rgba(80, 90, 90, 1); border-bottom: solid 1px #12aaeb;}
p a:hover, p a:active {color: rgba(52, 61, 66, 1); border-bottom: solid 1px rgba(255,119,0,1);}

a:link.crUl, a:visited.crUl {color: rgba(80, 90, 90, 1); border-bottom: solid 1px #12aaeb;}
a:hover.crUl, a:active.crUl {color: rgba(52, 61, 66, 1); border-bottom: solid 1px rgba(255,119,0,1);}

/*lists*/

ul.crAdd {
  list-style-position: outside;
  list-style-type: none;
}


ul.crInd {
  list-style-position: outside;

}

ul.crInd span{
  font-weight: bold;
}

/* for headers */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Open Sans', sans-serif;
  color: rgba(80, 90, 90, 1);
  font-weight: 300;
}

/* top header */


h1 {letter-spacing: -0.125rem;}


/*small */
h1, .h1 { font-size: 1.70rem;}

h2, .h2 { font-size: 1.34rem;}

h3, .h3 { font-size: 1.25rem;}

h4, .h4 { font-size: 1.15rem;}

h5, .h5 { font-size: 1.0625rem;}

h6, .h6 { font-size: 1rem;}

div.crTopHeader h1{ margin: 1rem 0 1rem 0; }
div.card h2 { font-size: 1.3rem; font-weight: 400; text-align: center;}
footer.crFooterContact p { text-align: center; }

body {background: rgba(248,248,248,1);}


div.grid-container {  background: #fff;}


/* Header */


div.crHeadBox h1 {
    font-weight: 300;
    font-size: 1.23rem;
    letter-spacing: normal;
}

div.crHeadBox {
    padding:2em 2.5em 0 0;
    text-align: right;
    background-image:url("../img-sw/flag.jpg"); /*fallback*/
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}


/* nav bar (Top Bar) */

/*desktop topbar*/
.top-bar, .top-bar ul {
    background-color: rgba(23,66,96,1);
    font-weight: 600;
    font-size: 1rem;
    padding: 0.3rem 1rem 0.5rem 1rem;
}

.top-bar {
    padding: 0.3rem 1rem 0 1rem;
    margin: 0 0 1rem 0;
}

.top-bar.crMinting, .title-bar.crMinting, .crTextBox.crMinting { border-bottom: 0.5rem solid rgba(18,170,235,1);}
.top-bar.crClient, .title-bar.crClient { border-bottom: 0.5rem solid rgba(18,170,235,1);}
.top-bar.crWeb, .title-bar.crWeb, .crTextBox.crWeb { border-bottom: 0.5rem solid rgba(158,2,41,1);}
.top-bar.crHosting, .title-bar.crHosting, .crTextBox.crHosting { border-bottom: 0.5rem solid rgba(0,174,179,1);}
.top-bar.crCms, .title-bar.crCms, .crTextBox.crCms{ border-bottom: 0.5rem solid rgba(255,119,0,1);}


.top-bar a:link, .top-bar a:visited {color: rgba(255,255,255, 1); font-size: 1rem;}
.top-bar a:hover, .top-bar a:active  {color: rgba(18,170,235,1);}
.menu-text {color: rgba(255,255,255, 1) !important;}

.dropdown.menu .is-active > a {
    background: 0 0;
    color: rgba(18,170,235,1);
}

/*dropdown width  = min-width*/
.is-dropdown-submenu { min-width: 235px;}

/*dropdown arrow colour = border color*/
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: rgba(158,2,41,1) transparent transparent;}

.top-bar-right { min-width: 11rem;}

img.crTBicon { margin: 0.2rem -0.5rem 0 0;}

.menu a { padding: 0.7rem 0.75rem 0.7rem 1rem;}

/*mobile top-bar*/
.title-bar {
    background-color: rgba(23,66,96,1);
    margin: 0 0 1rem 0;
}

/*hamburger*/
.menu-icon::after {
    height: 2px;
    background: rgba(255,255,255,1);
}

/*hamburger position*/
div.crIcon {
  width:100%;
  padding: 0.1rem 2rem 0.1rem 0;
  height:1.2rem;
  }

.crIcon button {float: right;}

h1.crMobNav {
    font-size: 1.2em;

}

/* Buttons*/

  .button.crContact{
    background-color: rgba(18,170,235,1);
    color: rgba(255,255,255,1);
    font-size: 1rem;
    padding: 1em 1.5em;
}

  .button.crPortfolio{
    background-color: rgba(18,170,235,1);
    color: rgba(255,255,255,1);
    font-size: 1rem;
    margin: 1em 0;
    float:right;
}


/*Cards*/

.card {
  background: linear-gradient(to bottom, rgb(255,255,255), rgb(255,255,255), rgb(178,178,178));
  padding:1em 0 0 0 ;
}
.card.crHosting {border-top: 0.5rem solid rgba(0,174,179,1);}
.card.crWeb {border-top: 0.5rem solid rgba(158,2,41,1);}
.card.crCms {border-top: 0.5rem solid rgba(255,119,0,1);}
.card.crMinting {border-top: 0.5rem solid rgba(18,170,235,1);}


div.card-divider { background: none; }
div.card-divider a img {
  border: 6px solid rgba(179, 179, 179, 1);
  border-radius: 8px;
}

div.card-section {
  padding: 1rem 2rem  0 2rem;
    -ms-flex: 0;
    flex: 0;
}

div.card-section h2{
  font-size: 1.0625rem !important;
  font-weight: 300;
}


div.card-divider {
  padding: 1rem 2rem  0 2rem; 
  /*flex: 0;   Breaks Chrome*/
}


div.card-divider  a:hover {
    -ms-transform: scale(1.005, 1.005); /* IE 9 */
    -webkit-transform: scale(1.005, 1.005); /* Safari */
    transform: scale(1.005, 1.005);
}



img.crArrow {margin: 0; float: right;}


.cr1 {height:100% !important;}

div.crPackages {padding-bottom: 1rem;}

/* Callout*/

div.callout.primary {
    background-color: rgba(23,66,96,1);
    color: rgba(255,255,255,1);
    border: none;
    /*padding: 3rem;*/
 }

div.callout.primary h1,
div.callout.primary h2,
div.callout.primary h3,
div.callout.primary h4 {
    color: rgba(255,255,255,1);
}

div.callout.secondary {
    background-color: rgba(18,170,235,0.3);
    color: rgba(80,90,90,1);
    border: none;

 }

div.callout.secondary h1,
div.callout.secondary h2,
div.callout.secondary h3,
div.callout.secondary h4 {
    color: rgba(80,90,90,1);
}

div.callout.client {
    background-color: rgba(23,66,96,1);
    color: rgba(255,255,255,1);
    border: none;
}

div.callout.client h1,
div.callout.client h2,
div.callout.client h3,
div.callout.client h3,
div.callout.client h4,
div.callout.client h4 {
    color: rgba(255,255,255,1);
}

div.callout.client h4 a{
    color: rgba(255,255,255,1);
    text-decoration: underline;
}


div.callout.crHomeRight {
    background-image:url("../img/home-banner-1.png"); /*fallback*/
    background-image:url("../img/home-banner-1.png"), linear-gradient(to bottom, rgb(178,178,178), rgb(255,255,255), rgb(255,255,255));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

div.callout.crDivRight {
    background-image:url("../img/div-right-1.png"); /*fallback*/
    background-image:url("../img/div-right-1.png"), linear-gradient(to bottom, rgb(178,178,178), rgb(255,255,255), rgb(255,255,255));
    background-repeat: no-repeat;
    background-position: right bottom;
    /*background-size: contain;*/
    /*background-size: cover;*/
    /*background-size: 100% 100%;*/
  /*  background-color: rgba(100, 100, 100, 0.3);*/

}

div.callout, div.callout.primary, div.callout.secondary {padding: 3rem 2rem  3rem 2rem;}
div.callout.client {padding: 0.5rem 0rem  0.5rem 2rem;}


/* TextBox*/

div.crTextBox  {padding: 1rem 0rem  0.5rem 0rem;}

div.crTextBox.crFaq {
  padding: 1rem 2rem  1rem 2rem;
  background-color: rgba(23,66,96,1);
  color: rgba(255,255,255,1);
}

div.crTextBox.crFaq h2 {color: rgba(255,255,255,1);}

p.crQ {
  font-size: 1rem;
  font-style: italic;
  margin-bottom: 0.1rem;
}



/* Tables */

table.crHostTable tbody tr:nth-child(1n) {
    border-top: 1px solid #b6b6b6;

}

table.crHostTable tbody td, table.crHostTable th {
    padding: .5rem 1rem .5rem 1rem;
  }

table.crTerms span {font-weight: bold;}


/*
################

Custom Text Selection

################
*/

::selection {

  background:rgba(18,170,235,1);

  color:#FFF;

  text-shadow:none;

}

::-webkit-selection {

  background:rgba(18,170,235,1);

  color:#FFF;

  text-shadow:none;

}

::-moz-selection {

  background:rgba(18,170,235,1);

  color:#FFF;

  text-shadow:none;

}

/*
################

Foundation Icons

################
*/

@font-face {
  font-family: "foundation-icons";
  src: url("../fonts/foundation-icons.eot");
  src: url("../fonts/foundation-icons.eot?#iefix") format("embedded-opentype"),
       url("../fonts/foundation-icons.woff") format("woff"),
       url("../fonts/foundation-icons.ttf") format("truetype"),
       url("../fonts/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fi-star:before,
.fi-check:before,
.fi-x:before,
.fi-info:before,
.fi-lock:before,
.fi-unlock:before,
.fi-page-pdf:before

  {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}
.fi-star:before { content: "\f1ee"; }
.fi-check:before { content: "\f126"; }
.fi-x:before { content: "\f217"; }
.fi-info:before { content: "\f15e"; font-size: 1rem;}
.fi-lock:before { content: "\f16a"; color:rgb(255,215,0); font-size: 1.2rem;}
.fi-unlock:before { content: "\f20a"; color:rgba(158,2,41,1); font-size: 1.2rem;}
.fi-page-pdf:before { content: "\f18b"; font-size: 1.5rem; }


/*
################

cr css
general development

################
*/

/*.cell  {background: rgba(52, 9, 66, 1);}*/

.crError {color:rgba(158,2,41,1);}

.crSP1 {height: 1em;}
.crSP2 {height: 2em;}
.crSP3 {height: 3em;}

.crCB {clear: both;}

.crFL {float:left;}
.crFR {float: right;}


.crImgL {float:left; margin: 0.5em 1em 0.75em 0;}
.crImgR {float:right; margin: 0.5em 0 0.75em 1em;}


.crM0010 {margin: 0 0 1em 0;}
.crM1010 {margin: 1em 0 1em 0;}


.crB {font-weight: bold;}


.crTAl {text-align: left;}
.crTAc {text-align: center;}
.crTAr {text-align: right;}


.crBG01 {background: rgba(119, 145, 158, 1);}
.crBG02 {background: rgba(52, 61, 66, 1);}
.crBG03 {background-color: rgba(218, 224, 227, 1);}

.crUL {text-decoration: underline;}

.crNo {display: none;}


/*
################

Blog

################
*/


div.crBlogCats  {


    padding: 1em;
    margin-bottom: 1em;

}


div.crBlogCats  h3 {

    color: #222;    

}

div.crBlogCats  li {

    list-style-type: none;

}

div.crBlogCats a {
    border-bottom: solid 1px #12aaeb;

}

div.crBlogPost li {

    list-style-type: none;

}

div.crBlogPost a {
    color: #95423e;
    border-bottom: solid 1px #12aaeb;

}

/*
################

Footer Area

################
*/

a.crTel {color: rgba(23,66,96,1); font-size: 1.5rem;}

footer p {text-align: center;}


/* Footer Links */

footer.crLinkBar{
  border-top: 1px solid rgba(120,120,120,0.3);
  background: rgba(238,238,238,1);
}

div.crFooterLinks {padding: 1rem 0 0rem 2rem;}

div.crFooterLinks li {
  font-size: 0.8rem;
  list-style-type:none;
  list-style-position: outside;
}

div.crFooterLinks h2 {
  font-size: 1.23rem;
  font-weight: 300;
  
}

/* Small Links */

div.crSmallLinks {padding: 1rem 0 0rem 0rem;}

div.crSmallLinks li {
  font-size: 0.7rem;
  list-style-type:none;
  list-style-position: outside;
  margin: 0.8rem 0 0.8rem 0;
}

/* Branding Logo bar*/

div.crBrandLogo { padding: 0.7rem 0 0.7rem 3.25rem;}

footer.crLogoBar { background: rgba(100, 100, 100, 1);}


/* Sub Footer*/


footer.crSubFooter {
  background: rgba(248,248,248,1);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

footer.crSubFooter a {font-size: 0.8rem;}

form.appnitro, .embed form.appnitro {margin: 0;}

/*
####################
MEDIUM up
###################
*/

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 2.5rem; }
  h2, .h2 {
    font-size: 1.843rem; }
  h3, .h3 {
    font-size: 1.5rem; }
  h4, .h4 {
    font-size: 1.23rem; }
  h5, .h5 {
    font-size: 1rem; }
  h6, .h6 {
    font-size: 0.8rem; } 

  div.crTopHeader h1{ margin: 0 0 1rem 2rem;}  
  div.crTopHeader p{ margin: 0 0 1rem 2rem;}  
  div.card h2 { font-size: 1.70rem; font-weight: 400;}


div.card-section, div.card-divider {padding: 1rem 3rem  0 3rem;}

div.callout, div.callout.primary, div.callout.secondary {padding: 3rem 3rem  3rem 3rem;}
div.callout.client {padding: 0.5rem 0rem  0.5rem 3rem;}

div.crContent {padding: 0 2rem 1rem 2rem;}

/*Tables*/

/* Blog */






/*end MEDIUM media query*/
} 
/*end MEDIUM  media query*/





/*
####################
LARGE up
###################
*/


@media print, screen and (min-width: 64em) {

  div.card h2 { font-size: 1.3rem; font-weight: 400; text-align: left;}

/*Tag Line*/

p.crTag {
  font-style: italic;
  font-size: 1rem;

}


/* Branding Logo bar */
    div.crBrandLogo {padding: 0.8rem 0 1.5rem 3.25rem;}

/* Footer Links */
    div.crFooterLinks { padding: 2rem 0 1rem 2rem;}

/* Tables */

table.crHostTable tbody tr:nth-child(1n) {
    border-top: 0;

}


table.crHostTable tbody td, table.crHostTable th {
    padding: .5rem .625rem .5rem 3rem;
  }


table.crTerms span {display: none;}





/*end LARGE media query*/
} 
/*end LARGE media query*/