.vcenter:before {
 content: '\200B';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.divHelper {
    display: inline-block;
    vertical-align: middle;
    height:100%;
}

.centered {
  display: inline-block;
  vertical-align: middle!important;
}



#background, .blah {
    position: absolute;
    top:0;
    left:0;
    z-index: -999;
    width: 100%;
    height: 100%;
}

.blah {
    z-index: 102!important;
    background: rgba(0,0,0,0.5);
    padding-top: 10vh;
}

.embed-responsive{height: 100%;}

/*-----------------------------------------------------------------------------------
    Kualo StyleSheet

    1.  Font-Family Elements Setup 
    2.  Document Setup - Basic Style 
    3.  Typography
    4.  Margins / Padding Value / Shadow / Special Classes
    5.  Header Section
    6.  5 Column Bootstrap
    7.  Mobile Navigation
    8.  Buttons
    9.  Full-width Image
    10.  Main Area Boxes
    11.  Home Page
    12.  Pricing Cards
    12.  Cloud Pricing Slider
    13.  Number Count
    13.  Domain Availability Checker
    13.  Detailed Pricing Table
    14.  Feature List with Icons
    15.  Image Grid ("Portfolio")
    16.  TrustPilot
    17.  Forms
    18.  Photo Banner
    18.  FancyBox
    18.  Browser Window
    18.  Lightbox Images and Video Fancybox
    18.  Font Icons
    19.  ImageCompare (Green/Mean Hosting)
    20.  Icon Boxes
    21.  Same Height Columns
    22.  SpamExperts Animation
    22.  Vertical Tabs / Softaculous
    22.  Bootstrap XL
    23.  Additional Media Queries
    24.  Footer


-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  1.  Font-Family Elements Setup
/*-----------------------------------------------------------------------------------*/

@font-face {font-family: 'Gibson-Bold';src: url('css/fonts/2D7C32_3_0.eot');src: url('css/fonts/2D7C32_3_0.eot?#iefix') format('embedded-opentype'),url('css/fonts/2D7C32_3_0.woff2') format('woff2'),url('css/fonts/2D7C32_3_0.woff') format('woff'),url('css/fonts/2D7C32_3_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-Regular';src: url('css/fonts/2D7C32_4_0.eot');src: url('css/fonts/2D7C32_4_0.eot?#iefix') format('embedded-opentype'),url('css/fonts/2D7C32_4_0.woff2') format('woff2'),url('css/fonts/2D7C32_4_0.woff') format('woff'),url('css/fonts/2D7C32_4_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-Light';src: url('css/fonts/2D7C32_7_0.eot');src: url('css/fonts/2D7C32_7_0.eot?#iefix') format('embedded-opentype'),url('css/fonts/2D7C32_7_0.woff2') format('woff2'),url('css/fonts/2D7C32_7_0.woff') format('woff'),url('css/fonts/2D7C32_7_0.ttf') format('truetype');}

body,
input,
button,
select,
textarea,
header #logo a {
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
#menu ul a,
#navigation-mobile li a,
#image-static .page-caption,
#image-static .entry-meta.entry-header,
#title-page .page-caption,
#title-page .entry-meta.entry-header {
    font-family: 'Oswald', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}


/*-----------------------------------------------------------------------------------*/
/*  2.  Document Setup - Basic Style
/*-----------------------------------------------------------------------------------*/

html {
    width: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}

.main-content {
    position: relative;
}

.section-border-bottom {
   border-bottom: 1px solid #EDEDED;
}

.container-wide {
   width: 94%;
   margin-left: 3vw;
   margin-right: 3vw;
   position: relative;
   z-index: 20;
}

/* Section Fluid */
.container-fluid,
.container {
    position: relative;
    z-index: 20;
}


.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.nomargin {
    margin:0!important;
}

.padding-sm {
    padding-left: 5px;
    padding-right: 5px;
}

.nopadding {
    padding:0!important;
}

body {
    background: #FFFFFF;
    color: #818B92;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    overflow-x: hidden;
}

a.underlinelink {
    border-bottom: dotted 1px #fff;
}

a {
    color: #F05253;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
}

.almostblack-text {
    color: #282828!important;
}


.trans-text {
    color: transparent;
    color: rgba(255,255,255,0);
}

.white-text a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

a.nobold {
    font-weight: normal;
}

a.nounderline {
    text-decoration: none!important;    
}

.white-text a:hover, 
.white-text a:active, 
.white-text a:focus {
    text-decoration: underline;
    font-weight: bold;
    color: #ccc;
}

a:hover,
a:active,
a:focus {
    outline: 0;
    color: #818B92;
    text-decoration: none;
}

a img {
    border: none;
}

strong {
    font-weight: 600;
}

p {
    margin: 0.85em 0;
}

p.large { 
    font-size: 17px;
    line-height: 1.3em;
    letter-spacing: -1px;
}

ul, ol {
    margin: 0 0 20px 30px;
    padding: 0;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

li {
    line-height: 30px;
}

.hidden {
    display: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.textalignleft {
    text-align: left;
}

.textaligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}

img.alignleft {
    float: left;
    margin: 20px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 20px 0 20px 25px;
}

img.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

img.alignnone {
    display: block;
    margin: 20px 0;
}


.img-full-responsive {
    width: 100%;
    height: auto;
    display: block;
    max-width: none;
}


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

}


hr.hrtriangle-invert {
  border-top: none;
line-height: 100%;
    height: 2.6rem;
    font-size: 6.25rem;
    left: 0%;
    position: relative;
    display: block;
    margin: 0!important;
    overflow: hidden;
    z-index: 2;
   top: -2.6rem;
   padding: 0;
   color: white;
   box-sizing: border-box;
}

hr.hrtriangle {
  border-top: none;
line-height: 100%;
    height: 2.6rem;
    font-size: 6.25rem;
    left: 0%;
    position: relative;
    display: block;
    margin: 0!important;
    overflow: hidden;
    z-index: 1;
   top: 2.6rem;
   padding: 0;
   color: white;
   box-sizing: border-box;
  color: white;
}

hr.hrtriangle:before {
   position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -0.5em;
    border-style: solid;
    border-color: inherit;
    border-width: 0 50vw;
border: none;
}


hr.hrtriangle-invert:before {
 font-family: "untitled-font-1"!important;
"content: '\23';
   position: absolute;
    left: 50%;
    margin-left: -0.5em;
    border-style: solid;
    border-color: inherit;
    border-width: 0 50vw;
top: -30%;
    z-index: 2;
}

    
.through {
    text-decoration: line-through;
}

input, button, select, textarea {
    outline: 0;
    font-weight: 400;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
    outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto !important;
}

input::input-placeholder,
textarea::input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

code,
pre {
    padding: 0 3px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #232527;
    font-size: 12px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    border: 1px solid #dde4e9;
    background-color: #F6F6F6;
    color: #232527;
    white-space: nowrap;
}

pre {
    display: block;
    margin: 30px;
    padding: 15px;
    border: 1px solid #dde4e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FCFCFC;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
    line-height: 20px;
}

pre code {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
}

.pre-scrollable {
    overflow-y: scroll;
    max-height: 340px;
}

/*-----------------------------------------------------------------------------------*/
/*  3.  Typography
/*-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0;
    color: #2D3C48;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -1px;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h6.styled-from {
    font-size: 14px;
    position: relative;
    bottom: 0px;
}

.styled-price .currency {
    font-size: 60%;
}

h1.styled-price {
    font-size: 50px; 
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.styled-price .pence {
    font-size: 40%;
    position: relative;
    bottom: 20px;
}

.styled-price .cycle {
    font-size: 25%;
    position: relative;
    bottom: 20px;
}

.hero h1,
.hero h3,
.hero h4,
.hero h5,
.hero h6,
.gibson {
    font-family: Gibson-Bold!important;
    text-transform: uppercase!important;
}

.hero h1.h2style {
    font-family: 'Crete Round', serif!important;
    text-transform: none!important;
}

.crete {
    font-family: 'Crete Round', serif;
}

.hero h2 {
    font-family: 'Crete Round', serif;
    text-transform: none;
    font-size: 20px;
    color: #818B92;
}

.hero h2.h1style {
    font-family: Gibson-Bold!important;
    text-transform: uppercase!important;
}



ul.fa { padding-left:0px; list-style:none; }
ul.fa li { margin-bottom:10px; }

ul.fa li:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -15px;
color: #65CE00;
}

ul.largelist li {
   font-family: 'Crete Round', serif;
   font-size: 20px;
}


.modal.modal-wide .modal-dialog {
  width: 98%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {



p.large { 
    font-size: 24px;
    line-height: 1.4em;
    letter-spacing: -1px;
}


}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.container {
    width: 95%;
    max-width: 1600px;
}


.padding-sm {
    padding-left: 5px;
    padding-right: 5px;
}

    .modal.modal-wide .modal-dialog {
        width: 75%;
        max-width: 1000px;
    }



    .hero h1, .hero h2.h1style {
            font-size: 50px;
            line-height: 50px;
    }

    .hero h2 {
        font-size: 23px;
    }

    .hero h3 {
        font-size: 20px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .hero h1, .hero h2.h1style {
            font-size: 60px;
            line-height: 60px;
    }


    .hero h2 {
        font-size: 35px;
    }


}






/*-----------------------------------------------------------------------------------*/
/*  4.  Margins / Backgrounds / Padding Value / Shadow / Special Classes
/*-----------------------------------------------------------------------------------*/

/* Backgrounds */

.bg-transparentwhite {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.bg-white {
    background-color: #fff;
}

.bg-almostwhite {
  background-color: #f7f9fa;
}

.bg-almostblack {
   background-color: #282828;
   color: #ffffff;
}

.bg-grey {
   background-color: #eaebe6;
   background-color: #f5f5f5;
}

.bg-lightblue {
   background-color: #dfeff9!important;
}

.bg-blue {
   background-color: #2587c6!important;
}

.bg-blue-trans {
    background-color: #075f9c!important;
    background-color: rgba(7,95,156,0.8)!important;
}

.bg-mauve {
    background-color: #993366!important;
}

.bg-mauve-trans {
    background-color: #993366!important;
    background-color: rgba(153,51,102,0.8)!important;
}

.bg-softred {
    background-color: #e74c3c;
}

.bg-red {
    background-color: #a70505!important;
}

.bg-red-trans {
    background-color: #a70505!important;
    background-color: rgba(167,5,5,0.8)!important;
}

.bg-lime {
   background-color: #96BF19!important;
}

.bg-lime-trans {
   background-color: #96BF19!important;
   background-color: rgba(150,191,25,0.8)!important;
}

.bg-lightgrey {
   background-color: #f8f9f9;
}

.bg-lightnavy {
   background-color: #485f6d!important;
}

.bg-navy {
   background-color: #334d5c!important;
}

.bg-teal {
   background-color: #45b39c!important;
}

.bg-teal-trans {
   background-color: #45b39c!important;
   background-color: rgba(69,179,156,0.7)!important;
}


/* Border Color */

.border-navy {
   border-color: #334d5c!important;
}

.border-teal {
   border-color: #45b39c!important;
}

.border-blue {
   border-color: #2587c6!important;
}

/* Font Color */

.gold-text {
    color: #f5ca59;
}

.white-text {
    color: #ffffff!important;
}

.navy-text {
    color: #2D3C48!important;
}

.highlight-text {
    padding: 0 4px;
    background-color: #F05253;
    color: #FFFFFF;
}

.red-text {
    color: #F05253;
}


.white > * {
    color: #FFFFFF !important;
}


.bg-lightnavy h1, .bg-lightnavy h2, .bg-lightnavy h3, .bg-lightnavy h4, .bg-lightnavy h5, .bg-lightnavy p {
  color: #ffffff;
}


/* Font Weight */

.text-ultra-light > * {
    font-weight: 100 !important;
}

.text-light > * {
    font-weight: 200 !important;
}

.text-book > * {
    font-weight: 300 !important;
}

.text-normal > * {
    font-weight: 400 !important;
}

.text-medium > * {
    font-weight: 500 !important;
}

.text-semi-bold > * {
    font-weight: 600 !important;
}

.text-bold > * {
    font-weight: 700 !important;
}

.text-extra-bold > * {
    font-weight: 800 !important;
}

.text-ultra-bold > * {
    font-weight: 900 !important;
}

/* Font Style */

.italic {
    font-style: italic !important;  
}

.lowercase {
    text-transform: lowercase !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.text-normal {
    text-transform: none !important;
}

/* Padding */

.no-padding {
    padding: 0;
}

.micro-padding {
    padding: 10px 0 10px;
}

.micro-padding-top {
    padding-top: 10px;
}

.micro-padding-right {
    padding: 0 10px 0 0;
}


.xxsmall-padding-side-xs {
   padding-left: 15px;
   padding-right: 15px;
}

.xsmall-padding {
    padding: 20px 0 20px;
}

.xsmall-margin-top {
    margin-top: 20px;
}


.small-padding {
    padding: 40px 0 40px;
}

.small-padding-uniform {
   padding: 40px;
}

.small-padding-side {
    padding: 0 10px 0 10px;
}

.small-padding-top {
    padding: 40px 0 0 0;
}


.small-margin-top {
    margin: 40px 0 0 0;
}

.small-margin-bottom {
    margin: 0 0 40px 0;
}

.small-padding-bottom {
    padding: 0 0 40px 0;
}


.default-padding {
    padding: 70px 0 70px;
}

.default-padding-side {
    padding: 0 70px 0 70px;
}

.default-padding-top {
    padding: 70px 0 0 0;
}

.default-padding-bottom {
    padding: 0 0 70px 0;
}


.default-padding-mod {
    padding: 70px 0 40px;
}

.default-padding-mod-center {
    padding: 100px 0 70px;
}

.large-padding {
    padding: 100px 0 100px;
}

.large-padding-side {
    padding: 0 100px 0 100px;
}


.negative-large-padding {
    margin-top: -100px!important;
}

img.prositescreenshot {
    width: 99%;
}


/* Font Awesome Styled List */

ul.falist li {
  padding-left: 1.2em;
  list-style: none;
}

ul.falist.bold-list li {
    font-family: 'Oswald', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #2D3C48;
    letter-spacing: -1px;
}

ul.falist li h5 {
  padding: 0;
  margin: 0;
}

ul.falist li:before {
  content: '\f058'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
}

ul.falist.green li:before {
  color: #88c238;
}

ul.falist.p li {
    background: #FFFFFF;
    color: #818B92;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    overflow-x: hidden;
}

/* Business Hosting Header */

div.businesshostingheader {
    padding-top: 16vh;
}

div.businesshostingheader h1 {
    font-family: 'Gibson-Bold', Arial, Helvetica;
    color: rgba(255,255,255,0.8);
    font-size: 52px;
    line-height: 42px;
}

div.businesshostingheader h1 span.performance {
    color: #fff; 
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    font-size: 32px;
    line-height: 20px;
    letter-spacing: 0px; 
    color: #fff;
}

div.businesshostingheader h3 {
        color: #fff;
    font-size: 34px;
        font-weight: bold;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#support-snippet {
    background-attachment: scroll;
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: 20% center;
}

#terms ol {
    counter-reset: item;
}
#terms ol li {
    display: block;
    position: relative;
}
#terms ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

.circle {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #3b3b3a;
    color: white;
    text-align: center;
}


/* Application Ribbons */


.ribbon {
  display: block;
  width: 60px;
  color: #fff;
  padding: 10px 0 0px;
  text-align: center;
  font-family: arial, sans-serif;
  font-weight: bold;
}

.plan .ribbon {
  position: absolute;
  right: 20px;
  top: 0px; 
  font-size: 35px;
}


.plan .ribbon i {
  position: relative;
  top: 5px;
}


.ribbon:after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  position: relative;
  bottom: -15px;
  z-index: 1;
  border-width: 0 30px 15px 30px;
  border-style: solid;
 
}

/* 
    Ribbon colors 
*/

.ribbon.grey {
  background-color: #ccc;
  background-color: #45b39c;
 
}

.ribbon.grey:after {
  border-color: #ccc #ccc transparent #ccc;
  border-color: #45b39c #45b39c transparent #45b39c;
}


.ribbon.red {
  background-color: #cb0000;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fe0000), to(#cb0000));
  background-image: -moz-linear-gradient(top, #fe0000, #cb0000);
  background-image: -ms-linear-gradient(top, #fe0000, #cb0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0000), color-stop(100%, #cb0000));
  background-image: -webkit-linear-gradient(top, #fe0000, #cb0000);
  background-image: -o-linear-gradient(top, #fe0000, #cb0000);
  background-image: linear-gradient(top, #fe0000, #cb0000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#cb0000', GradientType=0);
}
.ribbon.red:after {
  border-color: #cb0000 #cb0000 transparent #cb0000;
}
.ribbon.orange {
  background-color: #e44200;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ff5b18), to(#e44200));
  background-image: -moz-linear-gradient(top, #ff5b18, #e44200);
  background-image: -ms-linear-gradient(top, #ff5b18, #e44200);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5b18), color-stop(100%, #e44200));
  background-image: -webkit-linear-gradient(top, #ff5b18, #e44200);
  background-image: -o-linear-gradient(top, #ff5b18, #e44200);
  background-image: linear-gradient(top, #ff5b18, #e44200);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5b18', endColorstr='#e44200', GradientType=0);
}
.ribbon.orange:after {
  border-color: #e44200 #e44200 transparent #e44200;
}
.ribbon.yellow {
  background-color: #cc9b00;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffc200), to(#cc9b00));
  background-image: -moz-linear-gradient(top, #ffc200, #cc9b00);
  background-image: -ms-linear-gradient(top, #ffc200, #cc9b00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc200), color-stop(100%, #cc9b00));
  background-image: -webkit-linear-gradient(top, #ffc200, #cc9b00);
  background-image: -o-linear-gradient(top, #ffc200, #cc9b00);
  background-image: linear-gradient(top, #ffc200, #cc9b00);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc200', endColorstr='#cc9b00', GradientType=0);
}
.ribbon.yellow:after {
  border-color: #cc9b00 #cc9b00 transparent #cc9b00;
}
.ribbon.green {
  background-color: #6b8d13;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#8dba19), to(#6b8d13));
  background-image: -moz-linear-gradient(top, #8dba19, #6b8d13);
  background-image: -ms-linear-gradient(top, #8dba19, #6b8d13);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dba19), color-stop(100%, #6b8d13));
  background-image: -webkit-linear-gradient(top, #8dba19, #6b8d13);
  background-image: -o-linear-gradient(top, #8dba19, #6b8d13);
  background-image: linear-gradient(top, #8dba19, #6b8d13);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dba19', endColorstr='#6b8d13', GradientType=0);
}
.ribbon.green:after {
  border-color: #6b8d13 #6b8d13 transparent #6b8d13;
}
.ribbon.blue {
  background-color: #17a1d0;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#32bae8), to(#17a1d0));
  background-image: -moz-linear-gradient(top, #32bae8, #17a1d0);
  background-image: -ms-linear-gradient(top, #32bae8, #17a1d0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32bae8), color-stop(100%, #17a1d0));
  background-image: -webkit-linear-gradient(top, #32bae8, #17a1d0);
  background-image: -o-linear-gradient(top, #32bae8, #17a1d0);
  background-image: linear-gradient(top, #32bae8, #17a1d0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32bae8', endColorstr='#17a1d0', GradientType=0);
}
.ribbon.blue:after {
  border-color: #17a1d0 #17a1d0 transparent #17a1d0;
}
.ribbon.purple {
  background-color: #611b85;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#8024af), to(#611b85));
  background-image: -moz-linear-gradient(top, #8024af, #611b85);
  background-image: -ms-linear-gradient(top, #8024af, #611b85);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8024af), color-stop(100%, #611b85));
  background-image: -webkit-linear-gradient(top, #8024af, #611b85);
  background-image: -o-linear-gradient(top, #8024af, #611b85);
  background-image: linear-gradient(top, #8024af, #611b85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8024af', endColorstr='#611b85', GradientType=0);
}
.ribbon.purple:after {
  border-color: #611b85 #611b85 transparent #611b85;
}
.ribbon.black {
  background-color: #323232;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#4b4b4b), to(#323232));
  background-image: -moz-linear-gradient(top, #4b4b4b, #323232);
  background-image: -ms-linear-gradient(top, #4b4b4b, #323232);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #323232));
  background-image: -webkit-linear-gradient(top, #4b4b4b, #323232);
  background-image: -o-linear-gradient(top, #4b4b4b, #323232);
  background-image: linear-gradient(top, #4b4b4b, #323232);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#323232', GradientType=0);
}
.ribbon.black:after {
  border-color: #323232 #323232 transparent #323232;
}




/* Corner Ribbons */

.corner-ribbon-wrap {
 overflow: hidden;
position: absolute;
top: 0;
left:0px;
width: 200px;
height: 200px;
}

.card .corner-ribbon {
    z-index: 1;
}

.corner-ribbon{
font-family: Gibson-Bold;
text-transform: uppercase;
position: relative;
  width: 200px;
  background: #e43;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 15px;
  left: -65px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}




/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.corner-ribbon{
    line-height: 40px;
}

img.prositescreenshot {
    width: 150%;
}


}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {




    #support-snippet {
        padding-bottom: 130px; 
        background-attachment: fixed; 
        background-position: center center; 
    }

    div.businesshostingheader {
        padding-top: 30vh;
    }

    div.businesshostingheader h1 {
        font-size: 90px
        line-height: 70px;
    }

    div.businesshostingheader h1 span.performance {
        padding-top: 30px;
        font-size: 100px;
        line-height: 90px;
    }

    ul.falist li {
        font-size: 19px;
    }



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

.corner-ribbon{
    line-height: 50px;
}


}


/*-----------------------------------------------------------------------------------*/
/*  5.  Header Section
/*-----------------------------------------------------------------------------------*/

header {
    position: relative;
    background: #FFFFFF;
    width: 100%;
    height: 120px;
    z-index: 1039;
}


header #logo a {
    display: block;
    color: #2D3C48;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -2px;
    line-height: 120px;
    text-transform: uppercase;
position: relative;
z-index: 41;

}

header #logo a:hover,
header #logo a:focus,
header #logo a:active {
    color: #F05253;
}

#logo a img {
    max-width: 100%;
    opacity: 1;
    vertical-align: text-top;
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#logo a:hover img,
#logo a:focus img,
#logo a:active img {
    opacity: 0.85;
}

#logo img.retina {
    display: none;
}


/* Navigation */

#topmenucontainer {
position: relative;
height: 0px;
z-index: 42;
}

#topmenu a {
position: relative;
}

#topmenu a:not(.tel):hover {
color: red;
    color: #F05253;
}

#topmenu a.tel {
 cursor: default;
}


#topmenu {
    font-family: Montserrat, Helvetica, Arial, Sans-Serif;
    position: absolute;
    right: 0;
    top: -47px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 50px 0 3px 10px;
    font-size: 13px;
    background-color: #f7f9fa;
    border-bottom: 1px solid #f7f9fa;
    border-right: 1px solid #f7f9fa;
    border-left: 1px solid #f7f9fa;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.nav-small #topmenu {
    top: -68px;
    opacity: 0;
}

#topmenu a {
    margin-right: 10px;
    color: #282828;
    color: #888;
}


#topmenu #currencydropcontain {
    max-height: 288px;
    overflow: scroll;
}

#topmenu span.currencydrop ul.currencydropmenu {
    position: absolute;
    padding: 5px 0 0 0;
    margin: 0;
    background-color: #f7f9fa;
    list-style: none;
    right: 0;
    top: 70px;
   display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

#topmenu span.currencydrop:hover ul.currencydropmenu {
  display: block;
  opacity: 1;
  visibility: visible;
}


#topmenu ul.currencydropmenu li {
    margin: 0 10px 0 10px;
}




#menu {
    float: right;
position: relative!important;
z-index: 40!important;
}

/* Sub-Menu */

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu div.ajaxload > .container, #menu div.ajaxload > .darkteal {
    opacity: 0;
}

#menu div.ajaxload .loadingspinner {
    position: absolute;
    top: 50%;
    bottom: 50%;
    color: rgba(255,255,255,0.5)!important;
    font-size: 100px;
    width: 100%;
    text-align: center;
    margin-top: -20px;
}

#menu .submenutop {
    height:45px;
    background-color: white; 
    position: relative;
    z-index: 40
}

#menu > ul > li {
    margin-top: 45px;
    position: relative;
    float: left;
    z-index: 40;
}

#menu > ul > li > a {
    font-family: Montserrat, Helvetica, Arial, Sans-Serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 5px;
    color: #b2b2b6!important;
}

#menu > ul > li > a:not(.home)::before,
#menu > ul > li > a:not(.home)::after
 {
    position: absolute!important;
    left: 0!important;
    width: 100%!important;
    height: 1px!important;
    background: #EEEEEE!important;
    content: ''!important;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#menu > ul > li > a:not(.home)::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#menu > ul > li > a:not(.home)::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}


#menu > ul > li > a:hover::before,
#menu > ul > li > a:focus::before, 
#menu > ul > li > a:hover::after,
#menu > ul > li > a:focus::after 
{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

#menu ul li:last-child {
    margin-right: 0;
}

#menu ul li:last-child a {
    padding-right: 0;
}

#menu > ul li a {
    color: #818B92;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: color 0.8s;
    -moz-transition: color 0.8s;
    transition: color 0.8s;
    text-transform: uppercase;
    padding: 0 5px;
    display: block;
}

#menu > ul > li > a {
    letter-spacing: 0.2px;
}

#menu > ul > li > a.teal:hover {
    color: #45b39c!important;
}

#menu > ul > li > a.orange:hover {
    color: #ce6e06!important;
}

#menu > ul > li > a.lime:hover {
    color: #96BF19!important;
}

#menu > ul > li > a.mauve:hover {
    color: #993366!important;
}

#menu > ul > li > a.purple:hover {
    color: #2D3C48!important;
}

#menu > ul > li > a.yellow:hover {
    color: #E8BF19!important;
}

#menu > ul > li > a.red:hover {
    color: #CC0000!important;
}

#menu > ul > li > a.blue:hover {
    color: #3366CC!important;
}


#mmenu > ul > li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    left: 0px;
    top: 8px;
    border-right: 1px solid #EEEEEE;
}

#menu > ul > li:first-child:after {
    border-right: none;
}

#menu ul a:hover,
#menu ul li.sfHover a,
#menu ul li.current-cat a,
#menu ul li.current_page_item a,
#menu ul li.current-menu-item a,
#menu ul li.current-page-ancestor a,
#menu ul li.current-menu-ancestor a {
    color: #2D3C48;
}


#menu ul ul {
    width: 1170px;
    padding: 0;
    margin: 0px auto;
}

#menu ul li > div {

    position: fixed;
    width: 100%;

}

#menu ul li > div ul li a, #menu ul ul li, #menu ul ul, #menu ul li > div {

    line-height: 22px;
    float: none;

}


#menu ul li div.teal { background: #45b39c; }
#menu ul li div.darkteal { background: #35A68E; }

#menu ul li div.yellow { background: #e0b817; }
#menu ul li div.darkyellow { background: #d2aa0b }

#menu ul li div.mauve { background: #993366; }
#menu ul li div.darkteal { background: #35A68E; }

#menu ul li div.purple { background: #2D3C48; }
#menu ul li div.darknavy { background: #212C36 }

#menu ul li div.red { background: #699E03; }
#menu ul li div.darkred { background: #699E03; }

#menu ul li div.green { background: #699E03; }
#menu ul li div.darkgreen { background: #568f10; }

#menu ul li div.orange { background: #ce6e06; }
#menu ul li div.darkorange { background: #c45c00; }

#menu ul li div.blue { background: #0b72dc; }
#menu ul li div.blue { background: #3366CC; }
#menu ul li div.darkblue { background: #075f9c; }


/* Sticky Header */

header.sticky-header {
    position: fixed;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}



header.sticky-header.nav-small {
    height: 80px;
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}


header.sticky-header #menu div.submenu {

    display: none;
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 0 0 0 0;
    color: white;
}

header.sticky-header #menu div.submenuicons {
    overflow: hidden;
}

header.sticky-header #menu div.submenu a.submenubox {
    margin-top: -10px;
    margin-bottom: -25px;
    height: 100%;
    padding-top: 10px;
}

header.sticky-header #menu div.submenu a.submenubox:hover {
    background: rgba(255,255,255,0.2);
}

header.sticky-header #menu div.submenu .submenubox {
    font-family: Roboto, helvetica;
}

header.sticky-header #menu div.submenu .submenubox h3 {
    font-size: 23px;
    font-spacing: -2px;
    color: #fff;
    font-family: Gibson-Bold;
    text-transform: uppercase;
}

header.sticky-header #menu div.submenu .submenubox p {
    font-size: 18px;
    padding: 20px;
    text-transform: none;
    color: #fff;
    font-family: Roboto, helvetica;
}

header.sticky-header #menu div.submenu .submenubox .submenuicon {
    font-size: 80px;
    margin-top: 30px;
    color: rgba(255,255,255,0.5);
}

header.sticky-header #menu div.submenu .submenubox p.nm {
margin-top: 2px;

}
header.sticky-header #menu div.submenu .submenubox .submenuicon.nm {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
display: inline;
font-size: 80px;
font-style: normal;
font-weight: normal;
height: auto;
line-height: 22px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: auto;
}

header.sticky-header #menu div.submenu h3 {
    color: rgba(255,255,255,0.5);
    margin: 0;
    padding:20px 0 5px 0;
    font-size: 18px;
}

header.sticky-header #menu div.submenu ul {
    width: 100%;
}

header.sticky-header #menu div.submenu ul li {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 10px 10px 10px 0;
}

header.sticky-header #menu div.submenu ul.mainsubnavsinglerow {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
}

header.sticky-header #menu div.submenu ul.mainsubnavsinglerow li {
    border-bottom: none;
    float: left;
    padding: 0 8px 0 8px;
    height: 42px;
    margin: 0;
    display: inline-block;
}

header.sticky-header #menu div.submenu ul li:last-child {
    margin-bottom: 8px;
    border-bottom: none;
}

header.sticky-header #menu div.submenu ul li a {
    font-size: 16px;
    color: #fff;
    text-transform: none;
    padding-left: 0;
    margin:5px;
}


header.sticky-header #menu div.submenu ul.mainsubnavsinglerow li a {
    margin: 0;
    line-height: 54px;
    height: 54px;
    padding: 0 10px 0 10px;
}


header.sticky-header #menu div.submenu ul li a:hover {
    background-color: rgba(255,255,255,0.2);
    padding: 5px;
    margin: 0;
}

header.sticky-header #menu div.submenu ul.mainsubnavsinglerow li a:hover {
    background-color: rgba(255,255,255,0.2);
    padding: 0 10px 0 10px;
    margin: 0;
}


header.sticky-header #menu div.submenu ul li a:hover div.menuicon {
    color: #fff;
}



header.sticky-header #menu div.submenu ul li a small.desc {
display: block;
font-size: 12px;
color: rgba(255,255,255,0.7);
    font-family: Roboto, helvetica;
}

header.sticky-header #menu div.submenu ul li a span.title {
display: block;
    font-family: Roboto, helvetica;
}

header.sticky-header #menu div.submenu ul li a div.menuicon {
font-size: 34px;
float: left;
padding-top: 8px;
color: rgba(255,255,255,0.6);
}

header.sticky-header #menu div.submenu ul li a div.aftericon {
float: left;
margin-left: 7px;
width: 85%;
}


header.sticky-header #menu div.submenu > div {

    color: white;
    text-transform: none;
    font-size: 22px;

}


header.sticky-header #logo > a
 {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}

header.sticky-header.nav-small #logo > a, header.sticky-header.nav-fixed #logo > a
 {


    padding-top: 0;
    padding-bottom: 0;
    line-height: 80px;
}


header.sticky-header #menu > ul > li {

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

header.sticky-header.nav-small #menu > ul > li, header.sticky-header.nav-fixed #menu > ul > li {
    margin-top: 25px;
}

header.sticky-header.nav-small #menu .submenutop {
    height:25px;
}

header.sticky-header.nav-small #menu > ul > li:after, header.sticky-header.nav-fixed #menu > ul > li:after {
    top: 8px;
}

#subnavmarker {
    height: 38px;
}

#subnavigationk {
   background-color: #45b39c;
   height: 40px;
   z-index: 21;
   position: relative;
}

#subnavigationk.purple {
    background: #2D3C48!important;
}

#subnavigationk.fixed {
    -webkit-transition: margin-top 0.3s ease, background-color 0.1s ease;
    -moz-transition: margin-top 0.3s ease, background-color 0.1s ease;
    -o-transition: margin-top 0.3s ease, background-color 0.1s ease;
    transition: margin-top 0.3s ease, background-color 0.1s ease;
    width: 100%;
    position: fixed;
    margin-top: 0;
    z-index: 21;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

.cc_banner_wrapper{
}

#subnavigationk.starthidden {
    top: 70px;
}

#subnavigationk.starttransparent {
   background-color: rgba(69,179,156,0.8);
   background-color: rgba(0,0,0,0.1);
   box-shadow: none;
}

#subnavigationk .nav-pills {
   margin: 0;

}

#subnavigationk .nav-pills > li > a{
   border-radius: 0!important;
   padding-right: 10px;
   padding-left: 10px;
}



#subnavigationk.subnav-small nav-pills>li.active>a {
   background-color: rgba(66, 139, 202, 1);
}

#subnavigationk.starttransparent .nav-pills>li.active>a {
   background-color: rgba(66, 139, 202, 0.4);
}

#subnavigationk.subnav-small.starttransparent .nav-pills>li.active>a {
   background-color: rgba(66, 139, 202, 1);
}

#subnavigationk.subnav-small {
   background-color: #45b39c;
    width: 100%;
    position: fixed;
    margin-top: -40px;
    z-index: 21;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}

#subnavigationk.subnav-small.notfixed {
   background-color: #45b39c;
    width: 100%;
    position: fixed;
    margin-top: 0;
    z-index: 21;
    box-shadow: 0 2px 1px rgba(0,0,0,0.1);
    top: 80px;
}

#subnavigationk.subnav-small.notfixed.cookiec {
    top: 143px!important;
}

#subnavigationk ul.nav {
  line-height: 30px;
}

#subnavigationk ul.nav li ul.dropdown-menu {
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 0;
  border: none;
  background-color: #6ac2b0;

}

#subnavigationk ul.nav li.dropdown.open > a {
    background-color: rgba(255,255,255,0.2);
}

#subnavigationk ul.nav li ul.dropdown-menu  a {
    color: #fff;
}

#subnavigationk ul.nav li ul.dropdown-menu li a {
    color: #fff;
    padding-top: 10px;
}

#subnavigationk ul.nav li ul.dropdown-menu li a:hover {
  background-color: #337ab7;
}

#subnavigationk ul.nav li, #subnavigationk ul.nav li a {
  height: 40px;
  line-height: 20px;
  color: #fff;
  margin: 0;
  font-size: 14px;
}


#subnavigationk ul.nav li a:focus {
    background-color: transparent;
}

#subnavigationk ul.nav li.active a:focus {
    background-color: #337ab7;
}


#subnavigationk ul.nav li a:hover, #subnavigationk ul.nav li a:hover:focus {
    background-color: rgba(255,255,255,0.2);
}


#subnavigationk ul.nav li.active::after {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 10px #337ab7;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

#subnavigationk ul.nav li.active a:hover {
    background-color: #337ab7;
}


#subnavigationk.starttransparent ul.nav li.active::after {
    border-top: solid 10px rgba(66, 139, 202, 1);
    border-top: solid 10px #337ab7;
}

#subnavigationk.subnav-small.starttransparent ul.nav li.active::after {
    border-top: solid 10px #428bca;
}

#subnavigationk {
    display: none;
}




/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    #menu > ul > li > a {
        padding: 0 10px;
        letter-spacing: 1px;
    }

    #subnavigationk .nav-pills > li > a{
        padding-right: 10px;
        padding-left: 10px;
    }

    #stickyplaceholder {
        display: block;
    }


}

/*-----------------------------------------------------------------------------------*/
/*  6.  5 Column Bootstrap
/*-----------------------------------------------------------------------------------*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1600px) {
    .col-xl-5ths {
        width: 20%;
        float: left;
    }

    .col-xl-offset-5ths {
        margin-left: 10%;
    }

    .col-xl-offset-25ths {
        margin-left: 20%;
    }

}



/*-----------------------------------------------------------------------------------*/
/*  7.  Mobile Navigation
/*-----------------------------------------------------------------------------------*/


#mobile-nav,
#navigation-mobile {
    display: none;
}

.menu-nav {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
}

.menu-nav .menu-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -6px 0 0 0;
    width: 16px;
    height: 16px;
    background: url(img/menu-mobile.png) 0 0 no-repeat;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-nav.open .menu-icon {
    background-position: 0 -16px;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#navigation-mobile {
    position: fixed;
    z-index: 100;
    display: none;
    margin-top: 90px;
    width: 100%;
    background: #252728;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch; // mobile safari
height: 80px;
height: 90vh;

}

#menu-nav-mobile {
    margin: 0;
    padding: 10px 0;
}

#menu-nav-mobile li {
    border-top: 2px solid #2F2F2F;
    list-style: none;
}

#navigation-mobile li:first-child {
    border-top: none;
}

#navigation-mobile li a {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #818B92;
    font-size: 13px;
    text-transform: uppercase;
}

#menu-nav-mobile ul.sub-menu {
    position: relative;
    top: auto;
    margin: 0;
    width: auto;
    background: transparent;
}

#menu-nav-mobile ul.sub-menu li {
    margin-top: 0;
    height: auto;
    border-top: 2px solid #2F2F2F;
}

#menu-nav-mobile .sub-menu li a {
    color: #818B92;
    padding-left: 20px;
}

#navigation-mobile li.has-ul.open > a,
#navigation-mobile li a:hover,
#menu-nav-mobile .sub-menu li a:hover {
    color: #FFFFFF;
}

#navigation-mobile li.has-ul a i {
 font-size: 18px;
 margin-right: 5px;
 top: 4px;
 position: relative; 
}

#navigation-mobile li.has-ul a i.arrow {
    position: absolute;
    top: 50%;
    right: 0px;
    margin: -8px 0 0 0;
    color: #444444;
    font-size: 20px;
    
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

#navigation-mobile li.has-ul.open a i.arrow {
    color: #FFFFFF;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#navigation-mobile .sub-menu li.has-ul a i.arrow {
    color: #444444;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
#navigation-mobile .sub-menu li.has-ul.open a i.arrow {
    color: #FFFFFF;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*-----------------------------------------------------------------------------------*/
/*  8.  Buttons
/*-----------------------------------------------------------------------------------*/


.button-main {
    display: inline-block;
    padding: 12px 20px 11px;
    background-color: transparent;
    color: #CCCCCC;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14.5px;
    cursor: pointer;
    font-family: Gibson-Bold;
    border: 2px solid #CCCCCC;
    text-decoration: none!important;   
    -webkit-transition: background 0.1s linear, color 0.1s linear, border 0.1s linear;
    -moz-transition: background 0.1s linear, color 0.1s linear, border 0.1s linear;
    -o-transition: background 0.1s linear, color 0.1s linear, border 0.1s linear;
    transition: background 0.1s linear, color 0.1s linear, border 0.1s linear;
}

.flex-col .button-main { align-self: flex-start }

.button-main.button-red {
    background-color: #F05253!important;
    border-color: #F05253!important;
    color: #FFFFFF!important;
}

.button-main.button-white {
    background-color: transparent!important;
    border-color: #FFFFFF!important;
    color: #FFFFFF!important;
}


/*--- Hover/Active/Focus State ---*/

.button-main:hover,
.button-main:active,
.button-main:focus {
    background-color: #F05253;
    border-color: #F05253;
    color: #FFFFFF;
}

.button-main.button-white:hover,
.button-main.button-white:focus,
.button-main.button-white:focus {
    background-color: rgba(255,255,255,0.2)!important;
}


/* --- Button Sizes --- */

.button-main.button-large {
    padding: 16px 30px 15px;
    font-size: 16.5px;
}

.button-main.button-xlarge {
    padding: 24px 25px 24px;
    font-size: 24.75px;
}


.button-main.button-xxlarge {
    padding: 32px 60px 30px;
    font-size: 27px;
}


.button-main.button-small {
    padding: 8px 18px 7px;
    font-size: 12.5px;
}

.button-main.button-mini {
    padding: 4px 12px 3px;
    font-size: 11.5px;
}

.button-main.button-block {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

.button-main + .button-main {
    margin-left: 10px;
}

.button-main.hidden-xs + .button-main {
    margin-left: 0px;
    margin-right: 0px;
}


/*--- Transparent Red ---*/

.button-main.invertedtrans {
    background-color: #F05253;
    background-color: rgba(240,82,83,0.8);
    border-color: #F05253;
    border-color: rgba(240,82,83,0.8);
    border: none;
    color: #FFFFFF;
}

.button-main.invertedtrans:hover,
.button-main.invertedtrans:active,
.button-main.invertedtrans:focus {
    background-color: #F05253;
    border-color: #fff;
}


/*--- Animation Loop ---*/

.button-main.animatebutton {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 2s;
  -moz-animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

.button-main.animatebutton:hover,
.button-main.anomatebutton:active,
.button-main.anomatebutton:focus {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}

/*--- Inverted ---*/

.button-main.inverted {
    background-color: #F05253;
    border-color: #F05253;
    color: #FFFFFF;
}


#homepagepicnav a:hover span.button-main.inverted,
.button-main.inverted:hover,
.button-main.inverted:active,
.button-main.inverted:focus {
    background-color: transparent;
    border-color: #CCCCCC;
    color: #CCCCCC;
    border-color: #FFF!important;
    background-color: #F05253!important;
    color: #FFF;
}


/*--- With Icon ---*/

.button-main i {
    position: relative;
    top: 1px;
    left: -2px;
    margin-right: 5px;
}

/*--- Custom Buttons ---*/

.button-main.custom-button-color {
    color: #FFFFFF;
    opacity: 1;

    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.button-main.custom-button-color:hover,
.button-main.custom-button-color:active,
.button-main.custom-button-color:focus {
    opacity: 0.9;
    color: #FFFFFF;
}

.button-main.custom-button-color.inverted {
    background: transparent !important;
    opacity: 1;

    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}


.button-main.custom-button-color.inverted:hover,
.button-main.custom-button-color.inverted:active,
.button-main.custom-button-color.inverted:focus {
    opacity: 0.9;
}

/*-----------------------------------------------------------------------------------*/
/*  10.  Main Area Boxes
/*-----------------------------------------------------------------------------------*/

div.transparentoverlay {
    background: rgba(69,179,156,0.7);
    padding: 20px;
        margin-top: 10vh;
}

div.transparentoverlay.app {
    overflow: hidden;
    position: relative;
}

div.transparentoverlay.email {
    background-color: #3366CC;
    background-color: rgba(51,102,204,0.6);
    padding: 25px 20px 20px 20px;
}

div.transparentoverlay.security {
    background-color: #993366;
    background-color: rgba(153,51,102,0.6);
    padding: 25px 20px 20px 20px;
    margin-top: 2vh;
}

div.transparentoverlay.app i.appicon {
    color: #fff;
    color: rgba(255,255,255,0.15);
    font-size: 400px;
    position: absolute;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    top: 190px;
    left: -50px;
}

div.transparentoverlay h1, div.transparentoverlay h2.h1style {
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 50px;
}

div.transparentoverlay h2, div.transparentoverlay h1.h2style {
    margin-bottom: 0px;
    padding: 0;
    color: #fff;
    color: rgba(255,255,255,0.5);
    color: #c1ff48;
    color: #f5ff5a;
    font-size: 22px;
}

div.transparentoverlay h2.reglineheight {
    line-height: 1em;
}

div.transparentoverlay h5 {
    color: #fff;
    margin-top: -20px;
    color: #f5ff5a;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    div.transparentoverlay {
        padding: 50px;
        margin-top: 12vh;
    }

    div.transparentoverlay.security {
        margin-top: 5vh;
    }

    div.transparentoverlay.rotate {
        -ms-transform: rotate(-2deg); /* IE 9 */
        -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
        transform: rotate(-2deg);
    }

    div.transparentoverlay.rotateright {
        -ms-transform: rotate(2deg); /* IE 9 */
        -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
        transform: rotate(2deg);
    }

div.transparentoverlay.zimbra {
    position: relative;
    padding: 20px 20px 20px 25px;
}

div.transparentoverlay.zimbra h1 {
    font-size: 45px;
    line-height: 45px;
}

div.transparentoverlay.zimbra h2 {
    font-size: 28px;
}


}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    div.transparentoverlay.security {
        margin-top: 2vh;
    }


    div.transparentoverlay h1, div.transparentoverlay h2.h1style {
        font-size: 40px;
    }

    div.transparentoverlay h2, div.transparentoverlay h1.h2style {
        font-size: 30px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    div.transparentoverlay.security {
        margin-top: 2vh;
    }


    div.transparentoverlay h1, div.transparentoverlay h2.h1style {
        font-size: 50px;
    }

    div.transparentoverlay h2, div.transparentoverlay h1.h2style {
        font-size: 40px;
    }


    div.transparentoverlay {
        margin-top:calc((90vh - 590px) / 2);
    }


}

/* Super Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {

    div.transparentoverlay h1, div.transparentoverlay h2.h1style {
        font-size: 60px;
    }

    div.transparentoverlay h2,  div.transparentoverlay h1.h2style {
        font-size: 40px;
    }


    div.transparentoverlay.zimbra {
        position: relative;
        padding: 40px 40px 40px 45px;
    }


    div.transparentoverlay {
        margin-top:25vh;
        margin-top:calc((90vh - 570px) / 2);

    }


    div.transparentoverlay.security {
        margin-top: 2vh;
    }


}


/*-----------------------------------------------------------------------------------*/
/*  11.  Full-width Image
/*-----------------------------------------------------------------------------------*/



#image-static {
    position: relative;
    overflow: hidden;
}


.overlay-bg-noise {
    background-image: url(//kualo-cdn.r.worldssl.net/website/bg_noise4.png);
    background-attachment: scroll;
    background-origin: padding-box;
    background-size: auto;
}

.overlay-bg-swirl {
    background-image: url(//kualo-cdn.r.worldssl.net/website/bg_swirl.png);
    background-attachment: scroll;
    background-origin: padding-box;
    background-size: auto;
}


.overlay-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #F05253;
    opacity: 0.50;
    z-index: 1;
}

.overlay-bg-fill {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #F05253;
    z-index: 1;
}

.fullimage-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 350px;
}

.fullimage-container.titlize {
    height: auto;   
}

.section-overlay-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#image-static .pagize {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 2;
}

#image-static h2 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -2px;
    line-height: 1.3em;
    color: #FFFFFF;
}

#image-static .page-caption,
#image-static .entry-meta.entry-header {
    margin-top: 0;
    margin-bottom: 0;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: -1px;
    font-style: italic;
    line-height: 1.4em;
}

#image-static .entry-meta.entry-header a {
    color: #FFFFFF;
    font-weight: 300;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#image-static .entry-meta.entry-header a:hover {
    opacity: 0.75;  
}

.titleheader-image {
    height: 600px;
    height: 90vh;
    background-size: cover;
    background-position: center center;
}

#titleheader-cptour {
    height: 600px;
    height: 80vh;
    min-height: 600px;
}

.feature-icons > div {
    margin-bottom: 30px;
}

#ecwid {
position: relative;
bottom: -50px;
width: 100%;
padding-top: 300px
}

#ecwid #ecwidtablet {
    position: absolute; bottom: -130px; right: 10px;
}

#ecwid #ecwidiphone {
    position: absolute; bottom: -130px; right: 300px;
}





#titleheader-resellers {
    background-position: right top;
}

#titleheader-servers {
    background-position: right top;
}

#titleheader-servers .container {
    padding-top: 5vh;
}

#titleheader-zimbra {
    background-position: 20% top;
}

#titleheader-affiliates {
    background-position: 20% top;
}

#titleheader-cdn {
    background-position: 20% top;
    position: relative;
    height: 150vh;
}


#titleheader-cdn .container.firstt {
    padding-top: 15vh;
}

#titleheader-sitelock > .container {
    padding-top: 15vh;
    padding-bottom: 15vh;
}

#titleheader-codeguard {
    padding-top: 5vh;
}

#titleheader-serversecurity {
    background-position: center right;
}
   

#titleheader-affiliates .container {
    padding-top: 25vh;
}

#cdnstats {
    min-height: 230px; 
    z-index: 3; 
    position: absolute; 
    bottom: 0; 
    width: 100%;
    background-attachment: fixed;
    background: rgba(240,82,83,0.75);
    background-position: center center; 
    background-repeat: no-repeat;
    background-size: cover;
}

#titleheader-ddos {
    background-position: 20% top;
}

#titleheader-ddos .container {
    padding-top: 30vh;
}

/* Section Title Page */

#title-page {
    position: relative;
    overflow: hidden;
}

#title-page .pagize {
    position: relative;
    padding-top: 40px;
    padding-bottom: 35px;
    z-index: 2;
}


#title-page h1 {
    font-size: 40px!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    line-height: 40px!important;
}

#title-page h2 {
    margin-bottom: 0;
    font-size: 32px;
    letter-spacing: -2px;
    color: #666;
    padding-top: 0!important;
    margin-top: 0!important;
}

h2.medium {
    font-size: 24px;
}

h2.block {
   padding: 20px!important;
   margin: 0 auto;
       font-size: 67px!important;
   background-color: rgba(69,179,156,0.8);
   width: auto;
  display: inline-block;
}

#title-page .page-caption,
#title-page .entry-meta.entry-header {
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: -1px;
    font-style: italic;
    color: #ADADAD;
}

#title-page .entry-meta.entry-header a {
    color: #FFFFFF;
    font-weight: 300;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#title-page .entry-meta.entry-header a:hover {
    opacity: 0.75;  
}

#title-page .hero {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

#titleheader-serversecurity {
    padding-top: 90px;
}


#ecwid {
    position: absolute; right: 5%; bottom: -50px
}

#ecwid #ecwidtablet {
    position: absolute; bottom: 0; right: 0;
}

#ecwid #ecwidiphone {
    position: absolute; bottom: -50px; right: 300px;
}


    .titleheader-image {
        min-height: 700px;
        height: 600px;
        height: 90vh;
        background-size: cover;
        background-position: center center;
    }

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    #titleheader-resellers {
        background-position: center top;
    }

    #titleheader-zimbra {
        background-position: center top;
    }


    #titleheader-cdn {
        height: 90vh;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*-----------------------------------------------------------------------------------*/
/*  9. Home Page
/*-----------------------------------------------------------------------------------*/

#homepagefirstsection {
   -webkit-background-size: 200% auto;
    -moz-background-size: 200% auto; 
    -o-background-size: 200% auto;
    background-size: 200% auto!important;
    background-position: center top;
    backround-repeat: no-repeat;
    position: relative;
            min-height: 550px;
}



#homepageplanlinks {

    padding: 20px 0 20px 0;
    background:rgba(0,0,0,0.3);
}


#homebanner {
   margin-top: 12vh;
}

#homebanner #splashoverlay {
    padding: 10px 10px 3px 10px;
    padding: 20px;
}

#homebanner .hero h1 {
    font-size: 35px;
    line-height: 90%!important;
    margin: 0!important;
}

#homebanner .hero h2 {
    font-size: 23px;
    line-height: 100%;
    margin-top: 0!important;
}

#homepagepicnav span.overlay-bg {
    position: abolute;
    left: 0;
    background: rgba(0,0,0,0.85);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 46%, rgba(0,0,0,0.2) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.85)), color-stop(46%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 46%, rgba(0,0,0,0.2) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 46%, rgba(0,0,0,0.2) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 46%, rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 46%, rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.8;
}

#homepagepicnav > div {
    min-height: 6000px;
}

#homepagepicnav div.yellow span.overlay-bg {
    background: #E8BF19!important;
}

#homepagepicnav div.lime span.overlay-bg {
    background: #96BF19!important;
}

#homepagepicnav div.orange span.overlay-bg {
    background: #ce6e06!important;
}

#homepagepicnav div.mauve span.overlay-bg {
    background: #993366!important;
}

#homepagepicnav div.teal span.overlay-bg {
    background: #45b39c!important;
}

#homepagepicnav .styled-price {
    font-size: 60px!important; 
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    font-family: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif!important;
    color: #fff;
    display: block;
    width: 100%;
    padding-bottom: 3%;
}

#homepagepicnav .styled-price {
    display: block;
    width: 100%;
    
}

#homepagepicnav div.pricingdetails {
    color: #fff;
    position: absolute; 
    bottom:10px;
    bottom: 4%;
    z-index: 2;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    left: 0;
}

#homepagepicnav .styled-from {
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
    text-align: center;
    color: #fff;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    left: -8px;
    position: relative;
    color: rgba(255,255,255,0.7);
    color: #fff;
    margin-bottom: 20px;
    font-size: 14px!important;
    text-transform: uppercase;
}

#homepagepicnav .col-sm-5ths {
    height: 20vw!important;
    text-align: center;
    min-height: 250px;
    max-height: 400px;

}

#homepagepicnav .col-sm-5ths > a:hover div.pricingdetails {
    bottom: 10%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

#homepagepicnav .col-sm-5ths > a span.button-main:hover {
    background: inherit;
}

#homepagepicnav .col-sm-5ths > a:hover > span {
    opacity: 0.5;
    margin-bottom: 30px;
}

#homepagepicnav .hero {
    z-index: 2;
    position: relative;
    text-align: center;
    width: 100%;
}

#homepagepicnav .hero h2 {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 20%;
}

#homepagepicnav .hero h1 {
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}

#homepagepicnav h2 {
    color: #fff;
    text-align: center;
}


#serversperformance {
    margin-top: 10vh;
}

#serversperformance.business {
    margin-top: 17vh;
}

#emailheader {
    margin-top: 15vh;
}

#emailheader  h1 {
    font-size: 40px;
}

#serversperformance h3 {
    font-size: 9.5vw;
    line-height: 9.5vw;
}

#serversperformance h2 {
    color: #ce6e06;
    font-size: 14vw;
    line-height: 14vw;
}

#serversperformance.dedicated h2 {
    color: #fff;
}

#serversperformance.business h1 {
    color: #fff;
    color: rgba(255,255,255,0.8);
}

#serversperformance.business h2 {
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}


#serversperformance h1 {
    font-size: 7vw;
    display: inline;
}
#serversperformance.business h1 {
    background: rgba(0,0,0,0.8);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
   white-space: pre-wrap;
}


#serversperformance h1, #serversperformance h3 {
    color: #fff;
}




/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


    #serversperformance h3 {
        font-size: 3.5vw;
        line-height: 6vw;
    }

    #serversperformance h2 {
        color: #ce6e06;
        font-size: 12vw;
        line-height: 12vw;
    }


    #serversperformance.cloud h2 {
        font-size: 16vw;
        line-height: 12vw;
    }

    #serversperformance.business h2 {
        font-size: 7vw;
        line-height: 6vw;
    }

    #serversperformance h1 {
        font-size: 4vw;
    }


    #homepagepicnav .styled-from {
        margin-bottom: 7%;
        font-size: 100%!important;
        font-size: 1.3vw!important;
    }

    #homepagefirstsection {
            height: 90vh;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover!important;
            background-position: center center;
            backround-repeat: no-repeat;
            position: relative;
            padding: 0;
            min-height: 700px;
            
    }


    #homepagepicnav .col-sm-5ths {
        height: 20vw!important;
        text-align: center;
        min-height: 200px;
        max-height: 330px;
    }


    #homepagepicnav .hero h1 {
        padding-top: 20%;

    }

    #homepagepicnav h2 {
            text-align: center;
    }

    #homepagepicnav .styled-price {
            font-size: 5.5vw!important; 
            padding-bottom: 10%;
    }

    #homepageplanlinks {
           position: absolute; 
           padding: 20px 0 20px 0;
            bottom: 1vh;
            width: 100%
    }

    #homebanner .hero h1 {
            font-size: 45px;
    }

    #homebanner .hero h2 {
            font-size: 33px;
            line-height: 33px;
    }

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    #serversperformance {
        margin-top: 10vh;
    }


    #homepagefirstsection {
            min-height: 850px;
    }

    #homepagepicnav .hero h1 {
        padding-top: 5%;
    }

    #homepagepicnav .styled-price {
            padding-bottom: 10%;
    }

    #homebanner .hero h1 {

            font-size: 55px;
    }

    #homebanner .hero h2 {
            font-size: 43px;
            line-height: 43px;
    }

    #emailheader h1 {
        line-height: 45px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    #homepagefirstsection {
            min-height: 850px;
    }

    #homebanner .hero h1 {
            font-size: 85px;
    }

    #homebanner .hero h2 {
            font-size: 43px;
    }

    #emailheader h1 {
        font-size: 55px;
    }


    #emailheader h2 {
        font-size: 33px;
    }


}

/* Extra Large Devices, Wide Screens */
@media (min-width: 1600px) {


    .row.managementselector {
        padding-top: 50px;
    }

    #serversperformance h3 {
        font-size: 3vw;
        line-height: 5vw;
        font-size: 70px;
        line-height: 70px;
    }

    #serversperformance h2 {
        color: #ce6e06;
        font-size: 10vw;
        line-height: 8vw;
    }

    #serversperformance.cloud h2 {
        font-size: 220px;
        line-height: 180px;
    }

    #serversperformance.business h1 {
        font-size: 3.5vw;
        line-height: 3.5vw;
    }


    #serversperformance.business h2 {
        font-size: 5.5vw;
        line-height: 5.5vw;
    }

    #serversperformance h1 {
        font-size: 3vw;
        font-size: 48px;
        line-height: 30px;
    }

}


/*-----------------------------------------------------------------------------------*/
/*  12. Pricing Cards
/*-----------------------------------------------------------------------------------*/




.card, .cloudcard {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 13%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border-bottom: 1px solid #EDEDED;
clear: both;
box-sizing: border-box;
text-align: center;
padding: 120px 15px 120px 15px;
margin-bottom: 30px;
position: relative;
}

.card.appplan {
    padding-top: 150px;
}

.card.ssl {
    padding-bottom: 170px;
}

.card.normalpaddingtop {
    padding-top: 20px;
}

.card .plantitlearea {
    position: absolute;
    top: 40px;
    left: 5px;
    right: 5px;
}

.card .orderbutton, .card .ssl-orderbutton, .card .button-main {
    position: absolute;
    bottom: -18px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    margin-bottom: 0;
}


.card .selectpicker {
}

.card .bootstrap-select-contain {
    float: none;
    position: absolute!important;
    bottom: 90px;
    left: 20px;
    right: 20px;
    width: 100%!important;
    width: calc(100% - 40px)!important;
    max-width: 1000px!important;
    margin: 0!important;
    display: block!important;
}


.cloudcard {
    text-align: left;
    padding: 20px;
    margin: 10px;
}


.card .button-main {
    background-color: #000;
    font-size: 21px;
    border-color: #000;
    margin: 0 auto 0 auto;
    background-color: #F05253;
    border-color: #F05253;
}

.card .bootstrap-select {


}
.card.plan.ssl .btn-group.bootstrap-select {
    margin-bottom: 5px;
}

.card.plan.ssl .price, .card.plan.description .price {
    padding-bottom: 10px;
}

.card.plan.ssl h6, .card.plan.description h6 {
    font-family: 'Crete Round', serif;
    margin-bottom: 30px;

}

.card.plan .button-main {
    margin-top: 20px;
    margin-bottom: 40px;
}

.card h1 {
    font-family: Gibson-Bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
    line-height: 30px;
    z-index: 2;
    position: relative;
}

.card.plan.ssl h1, .card.plan.description h1 {
    margin-bottom: 0;
}

.card .price {
    font-family: Gibson-Light;
    text-align: center;
    font-size: 70px;
}

.card.plan .price {
    padding-top: 15px;
    padding-bottom: 5px;
    display: block;
}

.card .price sup {
    font-size: 60%;
    margin-left: -20px;
}

.card .cycle {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px 0 25px;
    display: block;
}


.card .normally {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px 0 10px;
    padding-bottom: 30px;
    display: block;
}

.card .from {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px 0 10px;
    display: block;
}

.card p {
    margin: 15px 30px 0 30px;
}

.card.plan p {
    margin: 5px 10px 0 5px;
    color: #454545;
    font-size: 18px;
}

.card.plan p small {
    font-size: 80%;
    color: #9e9e9e;
}


div.plancontainer, div.container-maxwidth {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}


/* Bootstrap Select */


.drophidden {
    margin-top: 0px;
}

.bootstrap-select .dropdown-menu.open .vat {
    display: none;
}

button.selectpicker .vat {
    font-size: 12px;
}

.popover-title {
    font-size: 12px;
    line-height: 12px;
}


button.selectpicker .drophidden, button.selectpicker .droptotal {
    display: none;
}

button.selectpicker .dropsale {
    display: block;
    float: right;
    margin-top: 2px;
}

.droptotal {
    font-size: 12px;
    color: #888;
    margin-left: 10px;
}

.dropprice {
    margin-left: 15px;
}

.seeaprice {
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-bottom: 3px;
}

.dropsale {
    color: #e43;
    font-size: 12px;
    padding-bottom: 3px;
    font-weight: bold;
}

.dropsaving {
    font-weight: bold;
}

.droporigprice {
    color: #888;
}

.droporigtotal {
    color: #888;
    font-size: 12px;
    padding-top: 3px;
}


button.selectpicker.btn { 
    background-color: #fff;
    border: 1px solid #DFDFDF;
    border-radius: 0;
} 

.bootstrap-select.btn-group {
/*    height: 58px; */ 
}



.bootstrap-select {
    float: none;
    margin: 0;
}

.dropdown-menu .selectpicker {
/*    width: 350px; */
}

.btn-group.bootstrap-select {
    display: block;
}

.bootstrap-select .custom-select {
    margin: 0;
    padding: 15px;
    width: 100%;
    height: auto;
    border: 1px solid #EBEDEF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #BCBCC4;
    font-size: 16px;
    resize: none;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -webkit-appearance: none;
}

.bootstrap-select .custom-select:focus {
    border-color: #DFDFDF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #56646F;
}

.bootstrap-select.btn-group .custom-select .plus-select {
    position: absolute;
    top: 22px;
    right: 15px;
    width: 18px;
    height: 18px;
    background: url(img/plus_select.png) no-repeat;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.bootstrap-select.btn-group.open .custom-select .plus-select {
    background-position: 0 -18px;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.bootstrap-select.btn-group > .disabled, 
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group[class*="span"] .custom-select {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    min-width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}

.bootstrap-select.btn-group .div-contain {
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li {
}


.bootstrap-select.btn-group .dropdown-menu li > a {
    display: block;
    clear: both;
    min-height: 20px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
}

.bootstrap-select.btn-group .dropdown-menu > li {
    border-bottom: 1px solid #EBEDEF;
}

.bootstrap-select.btn-group .dropdown-menu li:last-child {
    border-bottom: none;
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    border-color: #DFDFDF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
}

/*

.dropdown-menu {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: -17px 0 0;
    padding: 0;
    min-width: 160px;
    border-top: 1px solid #EBEDEF;
    border-right: 1px solid #EBEDEF;
    border-bottom: 1px solid #EBEDEF;
    border-left: 1px solid #EBEDEF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    list-style: none outside none;
}

.dropdown-menu > li > a {
    color: #56646F;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #F8F9F9;
    color: #56646F;
    background-image: none;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    div.plancontainer {
        margin-top: -16vh;
    }

    div.plancontainer.sitebuilder {
        margin-top: -12vh;
    }

    div.plancontainer.business {
        margin-top: -30vh;
    }

    div.plancontainer.servers, div.plancontainer.sslcertificates, div.plancontainer.apppage {
        margin-top: -25vh;
    }




}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*-----------------------------------------------------------------------------------*/
/*  13. Cloud Pricing Slider
/*-----------------------------------------------------------------------------------*/

.switch-toggle input, .switch-toggle input:checked,  {
outline: none!important;
}

.switch-toggle.progress {
    height: 28px;
}

.switch-toggle.progress input:not(:checked) +label {
    cursor: pointer;
}

.switch-toggle.progress input:checked +label {
    color: #fff;
    outline: none;
}

#qsSlider .title{font-size:16px;margin-bottom:0; padding-bottom: 0}
#qsSlider p {padding-top: 0; margin-top: 0; padding-bottom: 5px; margin-bottom: 0;}
#qsSlider .sdecs{padding:15px 0;color:#999}
#qsSlider .slabels{float:right}
#qsSlider .slider{margin:10px 0 30px}
#qsSlider #panelselector,#qsSlider #periodselector{padding:15px 0;margin-bottom:15px}
#qsSlider #panelselector #panel {width: 7px; height: 40px}
#qsSlider #periodselector #period{width:7px;height:27px}
#qsSlider #panelselector #panel #panelbackdrop,#qsSlider #periodselector #period #periodbackdrop{width:10px;height:10px}
#qsSlider #month,#qsSlider #pincluded{position:absolute;width:200px;left:20px;margin-top:10px;cursor:pointer}
#qsSlider #month,#qsSlider #pfmanaged{position:absolute;width:200px;left:20px;margin-top:-10px;cursor:pointer}
#qsSlider #year,#qsSlider #nopanel{position:absolute;width:200px;left:20px;margin-top:30px;cursor:pointer}
#qsSlider #QsPrice{border:1px solid #d5d7d8;border-width:0 0 0 1px;padding-left:15px}
#qsSlider #buyvps{margin:15px auto 0 0}
#qsSlider #pricetext{border-bottom:3px double #e5e5e5;display:inline-block}
#qsSlider #pricetext #btext,#qsSlider #pricetext .fa,#qsSlider #pricetext .glyphicon{font-size:18px}
#qsSlider #pricetext h4,#qsSlider #pricetext h5{text-transform:uppercase;margin-bottom:0}
#qsSlider #doller{font-size:37px;font-weight:700;color:#000;letter-spacing:-2px}
#qsSlider #cents{font-size:18px;font-weight:700;color:#000}
#qsSlider #presets{position:relative}
#qsSlider #presets .btn{text-transform:uppercase;margin-left:2px;border-radius:0}
#qsSlider #presets div.product{float:left;display:block}


#qsSlider .ui-slider {
    background: #eceeef;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
#qsSlider .ui-slider:before {
    background: #eceeef;
    text-align: left;
    padding-left: 80px;
}

#qsSlider .ui-slider:after {
    text-align: left;
    text-indent: 9px;
    background: #FF7F50;
    left: -100px;
    opacity: 1;
    width: 100%;
}

#qsSlider .ui-slider .ui-slider-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#qsSlider .ui-slider .ui-slider-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

#qsSlider .ui-slider .ui-slider-handle:hover, #qsSlider .ui-slider .ui-slider-handle:active, #qsSlider .ui-slider .ui-slider-handle:focus {
    outline: 0;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}

/*
#qsSlider .ui-slider .ui-slider-handle:focus,#qsSlider .ui-slider .ui-slider-handle:active{outline:0;box-shadow:1px 1px 1px 0 rgba(0,0,0,.3);text-decoration:none}
#qsSlider .ui-slider .ui-slider-handle:hover:before,#qsSlider .ui-slider .ui-slider-handle:focus:before,#qsSlider .ui-slider .ui-slider-handle:active:before{text-shadow:1px 1px 1px rgba(0,0,0,.3)}
#qsSlider .ui-slider .ui-slider-handle{border-radius:0;width:.9em;height:1.45em;cursor:pointer;background-color:#f2f2f2;border:1px solid}
#qsSlider .ui-slider .ui-slider-handle:before{display:inline-block}
#qsSlider .ui-slider .ui-slider-handle:hover{background-color:#fff;outline:0;box-shadow:1px 1px 1px 0 rgba(0,0,0,.3);text-decoration:none}
*/



#qsSlider .ui-slider-horizontal{height:10px; border: none}
#qsSlider .ui-slider-horizontal .ui-slider-handle{margin-left:-.725em;top:-.4em}
#qsSlider .ui-slider-vertical{width:10px}
#qsSlider .ui-slider-vertical .ui-slider-handle{left:-.35em;margin-bottom:-.65em;width:1.45em;height:.9em}
#qsSlider .ui-slider-range{background-color:#414141}
/*
#qsSlider .ui-slider-handle{outline:0!important;border-color:#414141;color:#414141}
*/
/*
#qsSlider .ui-slider-primary .ui-slider-handle,#qsSlider .ui-slider-primary .ui-slider-handle:hover,#qsSlider .ui-slider-primary .ui-slider-handle:focus,#qsSlider .ui-slider-primary .ui-slider-handle:active{border-color:#337ab7;color:#337ab7}
*/
#qsSlider .ui-slider-primary .ui-slider-range{background-color:#337ab7}
/*
#qsSlider .ui-slider-success .ui-slider-handle,#qsSlider .ui-slider-success .ui-slider-handle:hover,#qsSlider .ui-slider-success .ui-slider-handle:focus,#qsSlider .ui-slider-success .ui-slider-handle:active{border-color:#5cb85c;color:#5cb85c}
*/

#qsSlider .ui-slider-success .ui-slider-range{background-color:#5cb85c}
/*
#qsSlider .ui-slider-danger .ui-slider-handle,#qsSlider .ui-slider-danger .ui-slider-handle:hover,#qsSlider .ui-slider-danger .ui-slider-handle:focus,#qsSlider .ui-slider-danger .ui-slider-handle:active{border-color:#d9534f;color:#d9534f}
*/
#qsSlider .ui-slider-danger .ui-slider-range{background-color:#d9534f}
/* #qsSlider .ui-slider-info .ui-slider-handle,#qsSlider .ui-slider-info .ui-slider-handle:hover,#qsSlider .ui-slider-info .ui-slider-handle:focus,#qsSlider .ui-slider-info .ui-slider-handle:active{border-color:#5bc0de;color:#5bc0de} */
#qsSlider .ui-slider-info .ui-slider-range{background-color:#5bc0de}
/*
#qsSlider .ui-slider-warning .ui-slider-handle,#qsSlider .ui-slider-warning .ui-slider-handle:hover,#qsSlider .ui-slider-warning .ui-slider-handle:focus,#qsSlider .ui-slider-warning .ui-slider-handle:active{border-color:#f0ad4e;color:#f0ad4e}
*/
#qsSlider .ui-slider-warning .ui-slider-range{background-color:#f0ad4e}
#qsSlider #tooltip{display:none;position:absolute;max-width:200px;z-index:1070;top:-75px}
#qsSlider #tooltip .text{padding:10px 5px;display:block;background:#000;color:#fff;font-size:12px;opacity:.8;filter:alpha(opacity=80);border-left:5px solid #5cb85c}

@media (max-width:767px) {
    #QsPrice{border:1px solid #d5d7d8;border-width:1px 0 0!important;padding-top:15px;padding-left:0!important}
}


.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin:0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Switch Left Right
==========================*/
.switch-left-right .switch-label {
    overflow: hidden;
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-left-right .switch-label:before {
    background: #eceeef;
    text-align: left;
    padding-left: 80px;
}
.switch-left-right .switch-label:after {
    text-align: left;
    text-indent: 9px;
    background: #FF7F50;
    left: -100px;
    opacity: 1;
    width: 100%;
}
.switch-left-right .switch-input:checked ~ .switch-label:before {
    opacity: 1;
    left: 100px;
}
.switch-left-right .switch-input:checked ~ .switch-label:after {
    left: 0;
}
.switch-left-right .switch-input:checked ~ .switch-label {
    background: inherit;
}
/* Switch Flat
==========================*/
.switch-flat {
    padding: 0;
    background: #FFF;
    background-image: none;
}
.switch-flat .switch-label {
    background: #FFF;
    border: solid 2px #eceeef;
    box-shadow: none;
}
.switch-flat .switch-label:after {
    color: #0088cc;
}
.switch-flat .switch-handle {
    top: 6px;
    left: 6px;
    background: #dadada;
    width: 22px;
    height: 22px;
    box-shadow: none;
}
.switch-flat .switch-handle:before {
    background: #eceeef;
}
.switch-flat .switch-input:checked ~ .switch-label {
    background: #FFF;
    border-color: #0088cc;
}
.switch-flat .switch-input:checked ~ .switch-handle {
    left: 72px;
    background: #0088cc;
    box-shadow: none;
}
/* Switch Yes No
==========================*/
.switch-yes-no {
    padding: 0;
    margin: 15px 0 0;
    background: #FFF;
    border-radius: 0;
    background-image: none;
}
.switch-yes-no .switch-label {
    box-shadow: none;
    background: none;
}
.switch-yes-no .switch-label:after, .switch-yes-no .switch-label:before {
    width: 100%;
    height: 100%;
    top: 5px;
    left: 0;
    text-align: center;
    padding-top: 10%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-yes-no .switch-label:after {
    color: #FFFFFF;
    background: #32CD32;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}
.switch-yes-no .switch-label:before {
    background: #eceeef;
    backface-visibility: hidden;
}
.switch-yes-no .switch-handle {
    display: none;
}
.switch-yes-no .switch-input:checked ~ .switch-label {
    background: #FFF;
    border-color: #0088cc;
}
.switch-yes-no .switch-input:checked ~ .switch-label:before {
    transform: rotateY(180deg)
}
.switch-yes-no .switch-input:checked ~ .switch-label:after {
    transform: rotateY(0)
}
/* Switch Slide
==========================*/
.switch-slide {
    padding: 0;
    background: #FFF;
    border-radius: 0;
    background-image: none;
}
.switch-slide .switch-label {
    box-shadow: none;
    background: none;
    overflow: hidden;
}
.switch-slide .switch-label:after, .switch-slide .switch-label:before {
    width: 100%;
    height: 65%;
    top: 5px;
    left: 0;
    text-align: center;
    padding-top: 10%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-slide .switch-label:after {
    color: #FFFFFF;
    background: #87CEEB;
    left: -100px;
}
.switch-slide .switch-label:before {
    background: #eceeef;
}
.switch-slide .switch-handle {
    display: none;
}
.switch-slide .switch-input:checked ~ .switch-label {
    background: #FFF;
    border-color: #0088cc;
}
.switch-slide .switch-input:checked ~ .switch-label:before {
    left: 100px;
}
.switch-slide .switch-input:checked ~ .switch-label:after {
    left: 0;
}
/* Switch Light
==========================*/
.switch-light {
    padding: 0;
    background: #FFF;
    background-image: none;
}
.switch-light .switch-label {
    background: #FFF;
    border: solid 2px #eceeef;
    box-shadow: none;
}
.switch-light .switch-label:after {
    color: #9370DB;
}
.switch-light .switch-label:before {
    right: inherit;
    left: 11px;
}
.switch-light .switch-handle {
    top: 6px;
    left: 72px;
    background: #dadada;
    width: 22px;
    height: 22px;
    box-shadow: none;
}
.switch-light .switch-handle:before {
    background: #eceeef;
}
.switch-light .switch-input:checked ~ .switch-label {
    background: #FFF;
    border-color: #9370DB;
}
.switch-light .switch-input:checked ~ .switch-handle {
    left: 72px;
    box-shadow: none;
    background: #9370DB
}
.switch-light .switch-input:checked ~ .switch-handle:before {
    background: rgba(255,255,255,0.7);
}
/* Transition
============================================================ */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}


/*-----------------------------------------------------------------------------------*/
/*  Number Count
/*-----------------------------------------------------------------------------------*/

.counter-number {
    margin: 30px 0;
    text-align: center;
}

.counter-number .number-field {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    display: block;
    text-transform: uppercase;
}

.counter-number .number-value {
    color: #2D3C48;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
}

.counter-number .count-number-icon {
    color: #F05253;
    font-size: 36px;
    margin-bottom: 25px;
}


/*-----------------------------------------------------------------------------------*/
/*  13. Domain Availability Checker
/*-----------------------------------------------------------------------------------*/


.whoisprivacyheader {
    background-color: #ee6374;
    padding: 20px;
    color: #fff;
    font-size: 25px;
    text-align: center;
}

.whoisprivacyheader.wpenabled {
    background-color: #88c238;
}


.whoisprivacybody {
    background-color: #ffffff;
    padding: 15px 0 15px 0;
}

.wpdomain {
    color: #ee6374;
}

.whoisprivacybody.wpenabled .wpdomain {
    color: #88c238;
}

.wpwarn {
    padding-top: 20px;
}

.wpwarn h5, .wpwarn h1{
    color: #ee6374;
}

.whoisprivacybody.wpenabled .wpwarn h1, .whoisprivacybody.wpenabled .wpwarn h5 {
    color: #88c238;
}


.saveprice {
    background-color: red;
    display: inline-block;
    padding: 8px 10px;
    font-size: 30px!important;
    line-height: 30px!important;
    color: #fff;
}

.domainsearchrow {
    position: relative;
    top: 0;
    -webkit-transition: top 0.1s ease 0s;
    -moz-transition: top 0.1s ease 0s;
    -o-transition: top 0.1s ease 0s;
    transition: top 0.1s ease 0s;
    height: 180px;
}

.domainsearchresultrow.searchbarfixed {
    margin-top: 150px;
}

.domainsearchtitle {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    margin-top: 0;
    position: relative;
}

.domainsearchrow.fixed .domainsearchtitle {
    opacity: 0;
}


.domainsearchrow.fixed {
    position: fixed!important;
    width: 100%;
    z-index: 99;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    margin-top: 50px;
    height: 105px;
}


.domainsearchrow.fixed .pagize {
    padding-bottom: 10px!important;
}

ul#domaincats {
    margin: 0;
}

ul#domaincats li a {
        padding: 15px 5px 15px 10px;
        border-radius: 0;
        width: 100%;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    ul#domaincats li a {
        padding: 5px 5px 5px 10px;
        margin: 0;
    }

    .domainsearchrow.fixed {
        height: 145px;
        margin-top: 0px;
    }

    .domainsearchrow.fixed.cookiec {
        top: 60px;
    }


}


ul#domaincats li {
    line-height: 20px;
    width: 100%;
}

#domaincatnav {
    padding: 0;
}

.tldinfo p {
    line-height: 1.4em;
    letter-spacing: -1px;
    font-family: 'Crete Round', serif;
    text-transform: none;
    font-size: 20px;
    color: #818B92;


}

.tldpart {
    font-weight: bold;
}


.tld {
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tld a {
    color: #2D3C48;
}

.tld a:hover {
    color: #818B92;
}

.resultitem {
    border-bottom: solid #F0F1F2 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.resultitem div {
}

.resultitem h6.checkstatus {
    margin: 0;
    padding: 0;

}

.domain {
    font-size: 15px;
}

.domaincol {
    padding-top: 15px;
}

.domainsearch {
    font-family: Gibson-Bold!important;
    text-transform: uppercase;
}

.checkout { 
    font-family: Gibson-Bold!important;
    text-transform: uppercase;
}

.tldavail {
    margin-left: 40px;
}

.catpricing .badge {
    margin-left: 10px;
    display: inline-block;
}

.catpricing .row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: dashed #ccc 1px;
}

.exactsearchdomain {
    border-bottom: none;
}

.resultitem > div {
min-height: 45px;
}

.domain-available .badge.onsale, .catpricing .badge.onsale {
    background-color: red;
    font-weight: bold;
}

.resultitem select.changeyears {
    border: none;
    box-shadow: none;
    border-bottom: dashed 1px #ccc;
    border-radius: 0;
}

.onsale .fa-scissors {
    font-size: 70%;
    position: relative;
    top: -3px;
}

.catpricing h3, .resultitem h3 {
    font-family: Gibson-Bold, Helvetica, sans-serif;
}
.catpricing h6, .resultitem h6 {
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.catpricing h3.onsale, .resultitem h3.onsale {
    color: red!important;
}

.resultitem h3.onsale .fa-scissors {
    padding-right: 5px;
}

.resultitem .pricearea h3:not(.onsale) {
    padding-top: 10px;
}

.resultitem .pricearea h3.onsale {
    padding-bottom: 0;
    margin-bottom: 0;
}

.resultitem div.pricearea p {
    margin: 0;
    padding: 0;
    color: #818B92;
    margin-top: -4px;
}

.catpricing h3.onsale small {
    text-transform: none;
}

.domain-available, .domain-available .tldpart, .domain-available .tld, .domain-available .checkstatus, .domain-ror .tldpart, .domain-ror .tld, .domain-ror .checkstatus, .domain-ror .availabilitysymbol, .domain-premium .tldpart, .domain-premium .tld, .domain-premium .checkstatus, .domain-premium .availabilitysymbol {
    color: #83CA1F!important;
}

.resultitem .added {
    color: #83CA1F!important;
    padding-top: 10px;
    font-family: Gibson-Bold!important;
    text-transform: uppercase;
    font-size: 20px;
}

.infosymbol {
    color: #0071b2!important;
}

.resultitem .form-control, .resultitem .addtocart {
    margin-top: 10px;
}

.domain-taken, .domain-taken .tldpart, .domain-taken .tld, .domain-taken .checkstatus {
    color: #DF2055!important;
}

.availabilitysymbol, .infosymbol {
    margin-top: 13px;
}

.domainpart {
    color: #818B92!important;
}


.salerow .tldcol, .salerow .renewcol, .salerow .transcol {
    padding-top: 10px;
}


/*-----------------------------------------------------------------------------------*/
/*  13. Detailed Pricing Tables
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  Flex Tables
/*-----------------------------------------------------------------------------------*/

.flexpricingtable .pricing-table {
  display: flex;        /* Flex layout so items have equal height  */
  flex-flow: row wrap;  /* Allow items to wrap into multiple lines */
  max-width: 100%;
}

.flexpricingtable .button-main {
    width: auto; margin-left: auto; margin-right: auto;
}

.flexpricingtable .pricing-table ul, .flexpricingtable .pricing-table-key ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.flexpricingtable .pricing-table ul li {
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #fff;    
    padding: 10px;
    
}

.flexpricingtable.trans .pricing-table ul li {
    color: #fff;
    font-weight: bold;
    border: 0px;
    margin: 1px;
}

.flexpricingtable .pricing-table-key ul li {
    background-color: #f1f1f1;
    width: 100%;
    padding: 10px;
    text-align: right;
    box-sizing: border-box;
    border: solid 1px #fff;    
}

.flexpricingtable.trans .pricing-table-key ul li {
    background-color: rgba(255,255,255,0.1);
    color: white;
    background-color: transparent;
    border: none;
    margin-top: 1px;
    margin-bottom: 1px;
}

.flexpricingtable .pricing-table .item:nth-child(odd) ul li.customtop {
    border-top-color: #e3e3e3;
}

.flexpricingtable .pricing-table .item:nth-child(odd) ul li.custombot {
    border-bottom-color: #e3e3e3;
}

.flexpricingtable .pricing-table .item:nth-child(even) ul li.customtop {
    border-top-color: #f1f1f1;
}

.flexpricingtable .pricing-table .item:nth-child(even) ul li.custombot {
    border-bottom-color: #f1f1f1;
}



.flexpricingtable .pricing-table > div[class*='col-'] {
    padding: 0;
}

.flexpricingtable .item {
  flex: 1 0 20px;
  display: flex;        /* Lay out each item using flex layout */
  flex-flow: column;    /* Lay out item’s contents vertically  */
}

.flexpricingtable .pricing-table .item:nth-child(odd) ul li {
    background-color: #e3e3e3;
}

.flexpricingtable.trans .pricing-table .item:nth-child(odd) ul li {
    background-color: rgba(255,255,255,0.3);
}

.flexpricingtable .pricing-table .item:nth-child(even) ul li {
    background-color: #f1f1f1;
}

.flexpricingtable.trans .pricing-table .item:nth-child(even) ul li {
    background-color: rgba(255,255,255,0.2);
}


.flexpricingtable .item__info {
  display: flex;
  align-items: center;
  margin-top: auto;     /* Auto top margin pushes button to bottom */
}

.flexpricingtable .item__price sub {
    text-transform: lowercase;
}

.flexpricingtable .item__price small {
    text-transform: capitalize;
}

/* Styles not relevant to flexbox */
.flexpricingtable .pricing-table {
  margin: 0 auto;
  font-family: Helvetica;
}

.flexpricingtable .item {
  margin: 0;
  border: 0;
  min-width: 200px;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.flexpricingtable .item {
  min-width: 120px;
}

}

.flexpricingtable .item--cta {
  border-color: #9dc7e3;
}

.flexpricingtable .item__header, .flexpricingtable .item__footer {
  font-size: 1.2rem;
  margin: 0 0 0.6rem;
  margin: 0 0 1px 0;
  background: #f26322;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  border: 1px solid #fff;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 0px;
  border-bottom: 0px;
  border: 0px;  
}

.flexpricingtable.trans .item__header, .flexpricingtable .item__footer {
  background: rgba(167,5,5,0.8);
}

.flexpricingtable .item__header {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.flexpricingtable .item__footer {
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}


.flexpricingtable .item__header i {
    font-size: 40px;
}

.flexpricingtable .item__header.item__blank {
 background-color: transparent;
}

.flexpricingtable .item__header--cta {
  background: #0476bd;
}
.flexpricingtable .item__info {
  border-top: 1px solid #ccc;
}
.flexpricingtable .item__info__price {
  font-size: 18px;
}

.flexpricingrows .col-price { 
background-color: rgba(248,103,32,0.4);
border-bottom-right-radius: 10px;
}

.flexpricingrows .col-desc { 
padding: 20px; 
background-color:rgba(255,255,255,0.99);
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}

.flexpricingrows .col-features {
border-bottom-left-radius: 10px;
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.flexpricingrows .col-price { 
border-top-right-radius: 10px;
}

.flexpricingrows .col-features {
border-bottom-left-radius: 0px;
}

.flexpricingrows .col-desc { 
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0px;
}


}

.flexpricingrows .col-price { background-color: rgba(243,146,0,0.3)}


.flexpricingrows .col-price.custom {
    background-color: rgba(141,51,10,0.4);
}

.flexpricingrows .col-price p {margin: 0; padding: 0}
.flexpricingrows .col-price button.button-main, .flexpricingrows .col-price input.button-main, .flexpricingrows .col-price a.button-main { width: auto; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px; border-color: #ffffff; color: #ffffff }
.flexpricingrows .col-desc i { font-size: 40px; position: relative; top: 7px; padding-right: 5px }
.flexpricingrows .col-desc p {padding: 0; margin: 0; }
.flexpricingrows .col-features { padding: 20px; background-color:rgba(255,255,255,0.8) }
.flexpricingrows .col-features p { line-height: 25px; color: #818B92; margin: 0; padding: 0; font-size: 15px}
.flexpricingrows .col-features i { position: relative; top: 3px; font-size: 15px; }
.flexpricingrows .value { font-weight: bold; color: #2D3C48 }
.icon-medium { line-height: 20px; padding-right: 5px; color: #f26322 }

.flexpricingrows .price { font-size: 30px }

.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

.justify-content {
    justify-content: center;
}

.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}




.generalfeatures h3 i {font-size: 40px; position: relative; top: 7px; padding-right: 10px }
.generalfeatures ul li { padding-left: 0; font-size: 15px; }

table.managementplans td, table.managementplans th  {
    text-align: center;
}

table.managementplans td {
    line-height: 60px!important;
    height: 50px;
    font-size: 18px;
        font-weight: 300 !important;
}

table.managementplans td i {
}

table.managementplans td i.fa-check-circle-o {
    color: #59ba31;
    font-size: 30px!important;
    line-height: 10px!important;    
}


table.managementplans td i.fa-times-circle-o {
    color: #c92424;
    font-size: 30px!important;
    line-height: 10px!important;    
}

table.managementplans td:first-child {
    padding-left: 20px;
    font-weight: 400!important;
        font-family: 'Crete Round', serif;
    text-align: left;
    color: #2d3c48;
}



.fullscreenmodalclose {
display: block;
    position: fixed!important;
    top: -200px;
    z-index: 10000;
    -webkit-transition: top 0.3s ease 0.3s;
    -moz-transition: top 0.3s ease 0.3s;
    -o-transition: top 0.3s ease 0.3s;
    transition: top 0.3s ease 0.3s;
}

.fullscreenmodalclose.slidein {
    top: 0px;
    -webkit-transition: top 0.3s ease 0.3s;
    -moz-transition: top 0.3s ease 0.3s;
    -o-transition: top 0.3s ease 0.3s;
    transition: top 0.3s ease 0.3s;
}

.modalheaderwrap.slidein {
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 10000;
    position: relative;
}

table.detailedpricingtable {
    color: #fff;
}

table.detailedpricingtable.maintable {
    margin-top: 100px;

}


div.plancomparisontitle h2, table.detailedpricingtable th.plancomparisontitle h2 , table.detailedpricingtable th h3, table.detailedpricingtable th.tablemainfeature h5 {
font-family: Gibson-Bold!important;
text-transform: uppercase!important;
color: #fff;
}

div.plancomparisontitle {
    position: absolute;
    top: 5px;
}

div.plancomparisontitle h3 {
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
}

div.plancomparisontitle a {
    margin-top: -10px;
}


table.detailedpricingtable td:nth-child(5), 
table.detailedpricingtable td:nth-child(6), 
table.detailedpricingtable td:nth-child(7), 
table.detailedpricingtable th:nth-child(5), 
table.detailedpricingtable th:nth-child(6), 
table.detailedpricingtable th:nth-child(7) {
    display: none;
}

table.detailedpricingtable.hideshared td:nth-child(5), 
table.detailedpricingtable.hideshared td:nth-child(6), 
table.detailedpricingtable.hideshared td:nth-child(7), 
table.detailedpricingtable.hideshared th:nth-child(5), 
table.detailedpricingtable.hideshared th:nth-child(6), 
table.detailedpricingtable.hideshared th:nth-child(7) {
    display: table-cell;
}

table.detailedpricingtable.hideshared td:nth-child(2), 
table.detailedpricingtable.hideshared td:nth-child(3), 
table.detailedpricingtable.hideshared th:nth-child(2), 
table.detailedpricingtable.hideshared th:nth-child(3) {
    display: none;
}


table.detailedpricingtable.showallplans td,
table.detailedpricingtable.showallplans th {
    display: table-cell!important;
}

table.detailedpricingtable th.neverhide {
    display: table-cell!important;
}


table.detailedpricingtable th.plancomparisontitle h2 {
    font-size: 28px;
}

table.detailedpricingtable td, table.detailedpricingtable th {
    width: 26.66666666666667%;
}

table.detailedpricingtable.hideshared td, table.detailedpricingtable.hideshared th {
    width: 20%;
}

table.detailedpricingtable.showallplans td, table.detailedpricingtable.showallplans th {
    width: 13.3333333%!important;
}


table.detailedpricingtable th:first-child, table.detailedpricingtable td:first-child {
    width: 20%!important;
}

table.detailedpricingtable tr.tablerowmainfeature {
    margin-top: 50px!important;
    width: 100%;
    display: block;
}

table.detailedpricingtable tr.tablerowmainfeature h5 {
    font-size: 25px;
}

table.detailedpricingtable tr.tablerowmainfeature.firstmainfeature {
    margin-top: 10px!important;
}

table.detailedpricingtable th {
    border: none!important;
}

table.detailedpricingtable td {
    padding: 15px 0 15px 0;
    font-size: 20px;
    background-color: rgba(255,255,255,0.25);
    border-top: none!important; 
    border-bottom: 2px #fff solid;
    margin-top: 200px;
    vertical-align: middle!important;
}

table.detailedpricingtable tr.orderbuttons th {
    padding: 0;
}

table.detailedpricingtable tr.orderprice th {
    padding: 0;
}

table.detailedpricingtable tr.orderprice th h2 {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 5px;
}

table.detailedpricingtable tr.orderprice th h2 span {
    font-size: 14px;
}

table.detailedpricingtable tr.orderbuttons th a {
    position: relative;
    top: -2px;
}

table.detailedpricingtable th.tablemainfeature {
}

table.detailedpricingtable td.tablefeature {
    background-color: transparent;
    padding-top: 50px;
}
table.detailedpricingtable h5, table.detailedpricingtable h3, table.detailedpricingtable h2 {

    margin: 0;
    padding: 0;

}


table.detailedpricingtable i.fa-check.green {
    color: rgba(160,255,44,0.9);
}

table.detailedpricingtable a {
    color: #fff;
}


/*-----------------------------------------------------------------------------------*/
/*  14. Feature List with Icons
/*-----------------------------------------------------------------------------------*/

.icon-large {
    font-size: 64px;
}

.columnicons .row {
    margin-bottom: 20px;
}
.columnicons h2 > i {
    line-height: 1.5em;
    padding-right: 20px;
}

.columnicons.colicon-blue h2 > i {
    color: #2A93D8;
}

.columnicons.proclub h2 {
    font-size: 24px;
    margin-bottom: 5px;
}

.columnicons.proclub h2 > span {
    padding-right: 10px;
}

.columnicons.proclub h2 > i {
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.columnicons h2 {
    margin-bottom: 0;
}

.columnicons p {
    margin-top: 0px;
    padding-top: 0;
}


/*-----------------------------------------------------------------------------------*/
/*  15. Image Grid ("Portfolio")
/*-----------------------------------------------------------------------------------*/

/* Portfolio Fluid */

.portfolio-full .container-fluid,
.portfolio-full .container-fluid .col-md-12,
.portfolio-full .row.portfolio-full-width .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.portfolio-full .container-fluid .row {
    margin: 0;
}

.portfolio-full .item-project.col-full-3,
.portfolio-full .item-project.col-full-4,
.portfolio-full .item-project.col-full-6 {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

/* 6 Columns */
.portfolio-full .item-project.col-full-1 {
    width: 16.6667%;
}
/* 5 Columns */
.portfolio-full .item-project.col-full-2 {
    width: 20%;
}
/* 4 Columns */
.portfolio-full .item-project.col-full-3 {
    width: 25%;
}
/* 3 Columns */
.portfolio-full .item-project.col-full-4 {
    width: 33.3333%;
}
/* 2 Columns */
.portfolio-full .item-project.col-full-6 {
    width: 50%;
}

/* Portfolio Filter for Wall Effects */

#portfolio-filter.mobile-filter {
    display: none;
}

#portfolio-filter.desktop-filter {
    display: block;
}

#portfolio-filter.desktop-filter,
#portfolio-filter.mobile-filter {
    padding-bottom: 40px;
}

#portfolio-filter .portfolio-left {
    float: left;
}
#portfolio-filter .portfolio-right {
    float: right;
}

#portfolio-filter .portfolio-right ul {
    margin: 0;
    padding: 0;
}

#portfolio-filter .portfolio-right ul li {
    list-style: none;
    float: left;
    margin-left: 20px;
}

#portfolio-filter .portfolio-left p {
    margin: 0;
    line-height: 30px;
    color: #2D3C48;
    font-weight: 400;
}

#portfolio-filter .portfolio-right ul {
    margin: 0;
    padding: 0;
}

#portfolio-filter .portfolio-right ul li {
    list-style: none;
    float: left;
    margin-left: 20px;
}

#portfolio-filter .portfolio-right ul li a {
    color: #818B92;
    font-weight: 300;
}

#portfolio-filter .portfolio-right ul li a:hover,
#portfolio-filter .portfolio-right ul li a.selected {
    color: #2D3C48;
}

.portfolio-full #portfolio-filter.desktop-filter,
.portfolio-full #portfolio-filter.mobile-filter {
    background: #222222;
    padding: 40px 0;
}

.portfolio-full #portfolio-filter .portfolio-left p {
    margin: 0;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: 400;
}

.portfolio-full #portfolio-filter .portfolio-right ul li a {
    color: #818B92;
    font-weight: 300;
}

.portfolio-full #portfolio-filter .portfolio-right ul li a:hover,
.portfolio-full #portfolio-filter .portfolio-right ul li a.selected {
    color: #FFFFFF;
}

.portfolio-full  #portfolio-filter .col-md-12 {
    padding: 0 15px !important;
    max-width: 1170px;
    margin: 0 auto;
}

.portfolio-full #portfolio-filter.mobile-filter .dropmenu {
    margin: 0;
    border: 2px solid #444444;
}

.portfolio-full #portfolio-filter.mobile-filter .dropmenu p {
    color: #FFFFFF;
    padding: 15px 0 13px 13px;
}

.portfolio-full #portfolio-filter.mobile-filter .dropmenu-active {
    background: #222222;
    border: 2px solid #444444;
    border-top: 1px solid #444444;
}

.portfolio-full #portfolio-filter.mobile-filter .dropmenu-active ul li a {
    color: #818B92;
}

.portfolio-full #portfolio-filter.mobile-filter .dropmenu-active ul li a:hover {
    color: #FFFFFF;
}


.portfolio-full #portfolio-projects {
    margin-left: 0;
    margin-right: 0;
}

#portfolio-projects {
    margin-left: 13px;
    margin-right: 13px;
}

#portfolio-projects .item-project.col-md-3,
#portfolio-projects .item-project.col-md-4,
#portfolio-projects .item-project.col-md-6 {
    padding-left: 2px;
    padding-right: 2px;
}

#projects img {
    width: 100%;
}

#projects {
    margin: 0;
    padding: 0;
}

#projects li {
    float: left;
    margin-bottom: 4px;
    list-style: none;
}

.item-project {
    position: relative;
    overflow: hidden;
}

.item-project .hover-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.item-project .hover-wrap img {
    position: relative;
    width: 100%;
}

.item-project .project-name {
    background: rgba(0,0,0,0.75);
    display: block;
    float: left;
    height: 100%;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;

    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.item-project .project-name .va {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.item-project .project-name .va .project-title {
    display: block;
}

.item-project .hover-wrap:hover .project-name,
.item-project .hover-wrap:active .project-name,
.item-project .hover-wrap:focus .project-name {
    opacity: 1;
}

.item-project .project-name .va h3 {
    color: #FFFFFF;
    margin-bottom: 0;
}

.item-project .project-name h4 {
    margin: 2px 0 0;
    font-weight: 400;
    font-size: 14px;
    opacity: 0.75;
    color: #FFFFFF;
    letter-spacing: 0;
    font-style: italic;
    text-transform: uppercase;
}

.item-project i {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #F05253;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 38px;
    z-index: 5;
    opacity: 0;

    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.item-project .hover-wrap:hover i,
.item-project .hover-wrap:active i,
.item-project .hover-wrap:focus i {
    opacity: 1;
} 

/* Project Wall Effects */ 

.portfolio-full #projects li {
    float: left;
    margin-bottom: 0;
    list-style: none;
}

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
    pointer-events: none;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*-----------------------------------------------------------------------------------*/
/*  24. Animation Preloader Settings
/*-----------------------------------------------------------------------------------*/

.animation-enabled header,
.animation-enabled #main,
.animation-enabled footer {
    opacity: 0;
    filter: alpha(opacity=0);
}

.animation-enabled header {
    margin-top: -150px;
}

#jpreOverlay,
#jSplash {
    background-color: #F05253;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 700;
}

#jpreLoader {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

#jprePercentage {
    background: #F05253;
    width: 150px;
    height: 100px !important;
    text-align: center;
    left: 50%;
    top: -54px;
    margin: 0 0 0 -75px;
    line-height: 100px;
    z-index: 800;
    
    font-size: 48px;
    font-weight: 400;
    color: #FFFFFF;
}

#jpreBar {
    background: #FFFFFF;
    height: 4px !important;
}




/*-----------------------------------------------------------------------------------*/
/*  16. TrustPilot
/*-----------------------------------------------------------------------------------*/


.carousel-showsixmoveone .carousel-control {
  width: 3%;
  background-image: none;
}
.carousel-showsixmoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showsixmoveone .carousel-control.right {
  margin-right: 15px;
}
.carousel-showsixmoveone .cloneditem-1,
.carousel-showsixmoveone .cloneditem-2,
.carousel-showsixmoveone .cloneditem-3,
.carousel-showsixmoveone .cloneditem-4,
.carousel-showsixmoveone .cloneditem-5 {
  display: none;
}

.carousel-control.left,.carousel-control.right {background-image:none; font-size: 50px; margin-top: -50px; z-index: 20}

.carousel-showsixmoveone .carousel-control.right {
    margin-right: 35px;
}

@media all and (min-width: 768px) {
  .carousel-showsixmoveone .carousel-control.right {
    margin-right: 15px;
  }

  .carousel-control.left,.carousel-control.right { margin-top: -120px}

  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -33.333%;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 33.333%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(33.333%, 0, 0);
            transform: translate3d(33.333%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-33.333%, 0, 0);
            transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -25;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2,
  .carousel-showsixmoveone .carousel-inner .cloneditem-3
 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 982px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 1200px) {
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -20%;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 20%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-3,
  .carousel-showsixmoveone .carousel-inner .cloneditem-4,
  .carousel-showsixmoveone .carousel-inner .cloneditem-5 {
    display: block;
  }
}
@media all and (min-width: 1200px) and (transform-3d), all and (min-width: 1200px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}


.mark {
    padding: 12px 0;background:none;
}

.mark .star {
float: left;
line-height: 1em;
padding: 3px;
border-radius: 3px;
margin: 0 3px 0 0;
background-color: #c8c8c8;
display: block;
}

.header.mark .star {
float: none;

}

.mark .star img {
width: 20px;
height: 20px; 

}

/*
.mark.header {
margin: 0 auto;
display: inline-block;
}*/

.mark.header .rating{
font-size: 40px;
line-height: 60px;
padding: 10px;
font-weight: bold;
color: #fff;
}

.mark.header .rating .score {
font-size: 30px;
color: rgba(255,255,255,0.8);
padding-left: 20px; 
}

.mark.header .star {
    padding: 10px;
     background-color: #007f4e;
display: inline-block!important;
}

.mark.header .star img {
width: 40px;
height: 40px;

}

.tprating {
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #007f4e;
    padding-top: 2px;
}

.tprating.tprating-4 {
    color: #73b143;
}

.mark .star.star-1.rating-5, .mark .star.star-2.rating-5, .mark .star.star-3.rating-5, .mark .star.star-4.rating-5, .mark .star.star-5.rating-5 {
 background-color: #007f4e;
}

.mark .star.star-1.rating-4, .mark .star.star-2.rating-4, .mark .star.star-3.rating-4, .mark .star.star-4.rating-4 {
 background-color: #73b143;
}

.mark .star.star-1.rating-2, .mark .star.star-2.rating-2 {
 background-color: #f47324;
}

.mark .star.star-1.rating-1 {
 background-color: #e22027;
}

.carousel-inner .active.left { left: -20%; }
.carousel-inner .next        { left:  20%; }

.contact h1 i {
    padding-right: 15px;
    color: #e74c3c;
}


.block-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;
    color: #626262;
    font-size: 14px;
    margin-top: 27px;
    padding: 15px 18px;
    overflow: none;
    height: 300px;
}

.block-text p {
    color: #585858;
    font-style: italic;
    line-height: 20px;
}
.sprite {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAeUCAYAAAAU3UTMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY1MzJERUNDRjBEMTExRTM4N0ZFOUUyNENEOTZCNjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY1MzJERUNERjBEMTExRTM4N0ZFOUUyNENEOTZCNjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjUzMkRFQ0FGMEQxMTFFMzg3RkU5RTI0Q0Q5NkI2NUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjUzMkRFQ0JGMEQxMTFFMzg3RkU5RTI0Q0Q5NkI2NUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/ZdnrAAAydElEQVR42uydCbgUxbn3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');
}
.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: left;
    z-index: 2;
    font-family: 'Crete Round', serif;
    text-transform: none;
    color: #818B92;

}
.person-text a {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left:50%;
width: 100%;
}
.person-text i {
    color: #fff;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}

/*-----------------------------------------------------------------------------------*/
/*  17. Forms
/*-----------------------------------------------------------------------------------*/

/* Contact Form Styles */

.wpcf7-form {
    margin-bottom: 0;
}

.wpcf7-form p {
    margin-top: 0;
}

.wpcf7 p.quote-budget {
    overflow: visible;
}

.wpcf7-form-control-wrap.budget {
    display: inline-block;
    margin-bottom: 0;
    width: 50%;
}

span.wpcf7-form-control-wrap {
    display: block;
    margin: 15px 0;
}

.wpcf7 .watermark {
    color: #BCBCC4 !important;
}

.wpcf7 input, 
.wpcf7 textarea {
    margin: 0;
    padding: 15px;
    height: auto;
    border: 2px solid #EBEDEF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #BCBCC4;
    font-size: 16px;
    resize: none;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 100%!important;
}

.wpcf7 input:focus, 
.wpcf7 textarea:focus {
    border-color: #DFDFDF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #56646F;
}

.wpcf7 input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.wpcf7 textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    width: 100%;
    resize: vertical;
}


.wpcf7-submit, .wpcf7 .wpcf7-submit {
    width: auto;
    border: none;
    display: inline-block;
    padding: 16px 24px;
    background-color: transparent;
    color: #BCBCC4;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14.5px;
    cursor: pointer;
    
    border: 2px solid #EBEDEF;
    
    -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
}


.wpcf7-submit:hover,
.wpcf7-submit:focus,
.wpcf7-submit:active {
    background-color: #F05253;
    border-color: #F05253;
    color: #FFFFFF;
}

.wpcf7 .wpcf7-submit.disabled,
.wpcf7 .wpcf7-submit.disabled:hover,
.wpcf7 .wpcf7-submit.disabled:active,
.wpcf7 .wpcf7-submit.disabled:focus {
    opacity: 0.4;
    cursor: not-allowed;
    border-color: #EBEDEF!important;
    background-color: transparent!important;
    color: #BCBCC4!important;
}

.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
    border-color: #F05253;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.wpcf7-form.invalid span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 .wpcf7-response-output {
    margin: 0;
    padding: 0;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
    border: none;
}

.wpcf7 img.ajax-loader {
    margin-left: 15px;
    width: auto;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
}

label.imagelabel {
    font-size: 16px;
    cursor:pointer;
}


label.imagelabel > input{ /* HIDE RADIO */
  display:none;
}
label.imagelabel > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:3px solid #fff;
  opacity: 0.4;
}

.greyscale img {

-webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray;
}


label.imagelabel > input:not(:checked) + img {

-webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray;
}


label.imagelabel:hover > input + img {
 opacity: 0.6;
}

label.imagelabel > input:checked + img{ /* (CHECKED) IMAGE STYLES */
  border:3px solid #337ab7;
  opacity: 1;
}

label.imagelabel > input:checked + img + span {
    color: #337ab7;
}

label.imagelabel > input:not(:checked) + img + span {
    opacity: 0.6;
}

label.imagelabel:hover > input:not(:checked) + img + span {
    opacity: 1;
}


/*-----------------------------------------------------------------------------------*/
/*  18. Photo Banner
/*-----------------------------------------------------------------------------------*/


.photobanner, .photobanner2 {
    height: 233px;
    width: 3550px;
    margin-bottom: 5px;
    font-size: 0;
}

.photobanner img, .photobanner2 img {
    margin-bottom: 10px;
    margin-right: 5px;
    width: 350px;
}

.photobanner img  {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
 
.photobanner img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
 
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}


/*keyframe animations*/
.first {
    -webkit-animation: bannermove 60s linear infinite;
       -moz-animation: bannermove 60s linear infinite;
        -ms-animation: bannermove 60s linear infinite;
         -o-animation: bannermove 60s linear infinite;
            animation: bannermove 60s linear infinite;
}
 
@keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-moz-keyframes bannermove {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-webkit-keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-ms-keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}
 
@-o-keyframes "bannermove" {
 0% {margin-left: 0px;}
 100% {margin-left: -2130px;}
}

.second {
    -webkit-animation: bannermoves 60s linear infinite;
       -moz-animation: bannermoves 60s linear infinite;
        -ms-animation: bannermoves 60s linear infinite;
         -o-animation: bannermoves 60s linear infinite;
            animation: bannermoves 60s linear infinite;
}
 
@keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-moz-keyframes bannermoves {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-webkit-keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-ms-keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}
 
@-o-keyframes "bannermoves" {
 0% {margin-left: -2130px;}
 100% {margin-left: 0px;}
}


/*-----------------------------------------------------------------------------------*/
/*  18. FancyBox
/*-----------------------------------------------------------------------------------*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('img/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('img/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 40%;
    width: 20%;
    height: 20%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('img/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('img/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-title-inside-wrap {
    padding: 14px 20px;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 14px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

.fancybox-wrap .counter-img {
    float: right;
    color: #ACACAC;
    font-size: 14px;
    line-height: 26px;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('img/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('img/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*-----------------------------------------------------------------------------------*/
/*  34. Browser Window
/*-----------------------------------------------------------------------------------*/

.browser {
  margin-bottom: 20px; }
  .browser img {
    width: 100%; }
  .browser .bar {
    width: 100%;
    height: 42px;
    position: relative;
    background-color: #eff1f4;
    border-radius: 5px 5px 0 0; }
    .browser .bar .addressbar {
      background-color: #fff;
      height: 26px;
      top: 8px;
      width: 84%;
      position: absolute;
      margin-left: 3%;
      border-radius: 5px; }
      .browser .bar .addressbar .search {
        width: 30%;
        height: 10px;
        top: 8px;
        position: absolute;
        background-color: #d8d6d7;
        margin-left: 2%;
        font-size: 10px;
        line-height: 10px;
        color: #ded6d7; }
        .browser .bar .addressbar .search.text {
          background-color: transparent; }
          .browser .bar .addressbar .search.text a {
            color: #ded6d7 !important; }
    .browser .bar .settings:before {
      content: "";
      position: absolute;
      top: 12px;
      right: 3%;
      width: 7%;
      height: 20px;
      border-top: 12px double #d8d6d7;
      border-bottom: 4px solid #d8d6d7; }
    .browser .bar .settings {
      width: 10%; }
  .browser .content {
    border: solid 1px #eff1f4;
    border-radius: 0 0 5px 5px;
    overflow: hidden; }
    .browser .content.empty {
      width: 100%;
      height: 210px; }
  .browser.dark .bar {
    background-color: #d8d6d7; }
    .browser.dark .bar .addressbar {
      background-color: #fff; }
      .browser.dark .bar .addressbar .search {
        background-color: #d8d6d7;
        color: #a6a6a6; }
        .browser.dark .bar .addressbar .search.text {
          background-color: transparent; }
          .browser.dark .bar .addressbar .search.text a {
            color: #a6a6a6 !important; }
  .browser.dark .settings:before {
    border-color: #a6a6a6; }
  .browser.dark .content {
    border-color: #d8d6d7; }
  .browser.dark.texture .addressbar {
    box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 1px 0; }
  .browser.texture {
    /*drop shadow */ }
    .browser.texture .content,
    .browser.texture .bar {
      -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2);
      -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2);
      box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); }
    .browser.texture .addressbar {
      box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0, inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .browser.texture .search {
      box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0, inset rgba(0, 0, 0, 0.1) 0 1px 0; }
      .browser.texture .search.text {
        box-shadow: none; }
  .browser.outline.dark .bar {
    background-color: #fff;
    border: #a6a6a6 solid 2px;
    width: 99%; }
    .browser.outline.dark .bar .addressbar {
      border: #a6a6a6 solid 2px;
      height: 22px; }
      .browser.outline.dark .bar .addressbar .search {
        background-color: transparent; }
    .browser.outline.dark .bar .settings:before {
      border-top: 12px double #a6a6a6;
      border-bottom: 4px solid #a6a6a6; }
  .browser.outline.dark .content {
    border: #a6a6a6 solid 2px;
    border-top: none;
    width: 99%; }
  .browser.outline .bar {
    background-color: #fff;
    border: #eff1f4 solid 2px;
    width: 99%; }
    .browser.outline .bar .addressbar {
      border: #eff1f4 solid 2px;
      height: 22px; }
      .browser.outline .bar .addressbar .search {
        background-color: transparent; }
    .browser.outline .bar .settings:before {
      border-top: 12px double #eff1f4;
      border-bottom: 4px solid #eff1f4;
      margin-top: -2px; }
  .browser.outline .content {
    border: #eff1f4 solid 2px;
    border-top: none;
    width: 99%; }

/* Settings specific to spans the browser might appear in*/
@media screen and (min-width: 600px) {
  .col-xs-12 .browser .bar .addressbar,
  .col-xs-11 .browser .bar .addressbar,
  .col-xs-10 .browser .bar .addressbar,
  .col-xs-9 .browser .bar .addressbar,
  .col-xs-8 .browser .bar .addressbar,
  .col-sm-12 .browser .bar .addressbar,
  .col-sm-11 .browser .bar .addressbar,
  .col-sm-10 .browser .bar .addressbar,
  .col-sm-9 .browser .bar .addressbar,
  .col-sm-8 .browser .bar .addressbar {
    width: 88%;
    margin-left: 2%; }
  .col-xs-12 .browser .bar .settings:before,
  .col-xs-11 .browser .bar .settings:before,
  .col-xs-10 .browser .bar .settings:before,
  .col-xs-9 .browser .bar .settings:before,
  .col-xs-8 .browser .bar .settings:before,
  .col-sm-12 .browser .bar .settings:before,
  .col-sm-11 .browser .bar .settings:before,
  .col-sm-10 .browser .bar .settings:before,
  .col-sm-9 .browser .bar .settings:before,
  .col-sm-8 .browser .bar .settings:before {
    right: 2%;
    width: 6%; } }
@media screen and (min-width: 768px) {
  .col-xs-12 .browser .bar .addressbar,
  .col-xs-11 .browser .bar .addressbar,
  .col-xs-10 .browser .bar .addressbar,
  .col-sm-12 .browser .bar .addressbar,
  .col-sm-11 .browser .bar .addressbar,
  .col-sm-10 .browser .bar .addressbar {
    width: 91%;
    margin-left: 1%; }
  .col-xs-12 .browser .bar .settings:before,
  .col-xs-11 .browser .bar .settings:before,
  .col-xs-10 .browser .bar .settings:before,
  .col-sm-12 .browser .bar .settings:before,
  .col-sm-11 .browser .bar .settings:before,
  .col-sm-10 .browser .bar .settings:before {
    right: 1%;
    width: 6%; } }
@media screen and (min-width: 992px) {
  .col-xs-12 .browser .bar .addressbar,
  .col-xs-11 .browser .bar .addressbar,
  .col-xs-10 .browser .bar .addressbar,
  .col-xs-9 .browser .bar .addressbar,
  .col-xs-8 .browser .bar .addressbar,
  .col-md-12 .browser .bar .addressbar,
  .col-md-11 .browser .bar .addressbar,
  .col-md-10 .browser .bar .addressbar,
  .col-md-9 .browser .bar .addressbar,
  .col-md-8 .browser .bar .addressbar {
    width: 93%;
    margin-left: 1%; }
  .col-xs-12 .browser .bar .settings:before,
  .col-xs-11 .browser .bar .settings:before,
  .col-xs-10 .browser .bar .settings:before,
  .col-xs-9 .browser .bar .settings:before,
  .col-xs-8 .browser .bar .settings:before,
  .col-md-12 .browser .bar .settings:before,
  .col-md-11 .browser .bar .settings:before,
  .col-md-10 .browser .bar .settings:before,
  .col-md-9 .browser .bar .settings:before,
  .col-md-8 .browser .bar .settings:before {
    right: 1%;
    width: 4%; }

  .col-xs-5 .browser .bar .addressbar,
  .col-xs-4 .browser .bar .addressbar,
  .col-xs-3 .browser .bar .addressbar,
  .col-xs-2 .browser .bar .addressbar,
  .col-xs-1 .browser .bar .addressbar,
  .col-md-5 .browser .bar .addressbar,
  .col-md-4 .browser .bar .addressbar,
  .col-md-3 .browser .bar .addressbar,
  .col-md-2 .browser .bar .addressbar,
  .col-md-1 .browser .bar .addressbar {
    width: 84%;
    margin-left: 3%; }
  .col-xs-5 .browser .bar .settings:before,
  .col-xs-4 .browser .bar .settings:before,
  .col-xs-3 .browser .bar .settings:before,
  .col-xs-2 .browser .bar .settings:before,
  .col-xs-1 .browser .bar .settings:before,
  .col-md-5 .browser .bar .settings:before,
  .col-md-4 .browser .bar .settings:before,
  .col-md-3 .browser .bar .settings:before,
  .col-md-2 .browser .bar .settings:before,
  .col-md-1 .browser .bar .settings:before {
    right: 3%;
    width: 7%; } }
@media screen and (min-width: 1200px) {
  .col-xs-12 .browser .bar .addressbar,
  .col-xs-11 .browser .bar .addressbar,
  .col-md-12 .browser .bar .addressbar,
  .col-md-11 .browser .bar .addressbar,
  .col-lg-12 .browser .bar .addressbar,
  .col-lg-11 .browser .bar .addressbar {
    width: 93%;
    margin-left: 1%; }
  .col-xs-12 .browser .bar .settings:before,
  .col-xs-11 .browser .bar .settings:before,
  .col-md-12 .browser .bar .settings:before,
  .col-md-11 .browser .bar .settings:before,
  .col-lg-12 .browser .bar .settings:before,
  .col-lg-11 .browser .bar .settings:before {
    right: 1%;
    width: 4%; }

  .col-xs-7 .browser .bar .addressbar,
  .col-xs-6 .browser .bar .addressbar,
  .col-xs-5
  .col-md-7 .browser .bar .addressbar,
  .col-md-6 .browser .bar .addressbar,
  .col-md-5
  .col-lg-7 .browser .bar .addressbar,
  .col-lg-6 .browser .bar .addressbar,
  .col-lg-5 .browser .bar .addressbar {
    width: 92%;
    margin-left: 1%; }
  .col-xs-7 .browser .bar .settings:before,
  .col-xs-6 .browser .bar .settings:before,
  .col-xs-5
  .col-md-7 .browser .bar .settings:before,
  .col-md-6 .browser .bar .settings:before,
  .col-md-5
  .col-lg-7 .browser .bar .settings:before,
  .col-lg-6 .browser .bar .settings:before,
  .col-lg-5 .browser .bar .settings:before {
    right: 1%;
    width: 5%; } }
/* end specific browser settings */


.browser .lightbox, .browser .thumbnail {
   margin-bottom: 0;
}

.browser .content {
  background-color: rgba(255,255,255,0.2);
}

.browser .lightbox img {
    border-radius: 0 0 5px 5px;

}


/*-----------------------------------------------------------------------------------*/
/*  0-13.   Lightbox Images and Video Fancybox
/*-----------------------------------------------------------------------------------*/

.lightbox {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
 
.fancy-wrap.hidden {
    display: none;
}

.fancy-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.fancy-wrap img {
    position: relative;
    width: 100%;
}

.fancy-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0.75);
    opacity: 0;
    
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.fancy-wrap:hover .overlay,
.fancy-wrap:active .overlay,
.fancy-wrap:focus .overlay {
    opacity: 1;
}

.fancy-wrap .overlay .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    border: 2px solid #FFFFFF;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.fancy-wrap .overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #FFFFFF;
    font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  28. Font Icons
/*-----------------------------------------------------------------------------------*/


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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

[class^="font-"]:before, [class*=" font-"]:before {
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

[class^="font-"],
[class*=" font-"]{
    display:inline-block;
    line-height:1em;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="font-icon-"] {
*/
.font-icon-phone, .font-icon-mobile, .font-icon-mouse, .font-icon-directions, .font-icon-mail, .font-icon-paperplane, .font-icon-pencil, .font-icon-feather, .font-icon-paperclip, .font-icon-drawer, .font-icon-reply, .font-icon-reply-all, .font-icon-forward, .font-icon-user, .font-icon-users, .font-icon-user-add, .font-icon-vcard, .font-icon-export, .font-icon-location, .font-icon-map, .font-icon-compass, .font-icon-location-2, .font-icon-target, .font-icon-share, .font-icon-sharable, .font-icon-heart, .font-icon-heart-2, .font-icon-star, .font-icon-star-2, .font-icon-thumbs-up, .font-icon-thumbs-down, .font-icon-chat, .font-icon-comment, .font-icon-quote, .font-icon-house, .font-icon-popup, .font-icon-search, .font-icon-flashlight, .font-icon-printer, .font-icon-bell, .font-icon-link, .font-icon-flag, .font-icon-cog, .font-icon-tools, .font-icon-trophy, .font-icon-tag, .font-icon-camera, .font-icon-megaphone, .font-icon-moon, .font-icon-palette, .font-icon-leaf, .font-icon-music, .font-icon-music-2, .font-icon-new, .font-icon-graduation, .font-icon-book, .font-icon-newspaper, .font-icon-bag, .font-icon-airplane, .font-icon-lifebuoy, .font-icon-eye, .font-icon-clock, .font-icon-microphone, .font-icon-calendar, .font-icon-bolt, .font-icon-thunder, .font-icon-droplet, .font-icon-cd, .font-icon-briefcase, .font-icon-air, .font-icon-hourglass, .font-icon-gauge, .font-icon-language, .font-icon-network, .font-icon-key, .font-icon-battery, .font-icon-bucket, .font-icon-magnet, .font-icon-drive, .font-icon-cup, .font-icon-rocket, .font-icon-brush, .font-icon-suitcase, .font-icon-cone, .font-icon-earth, .font-icon-keyboard, .font-icon-browser, .font-icon-publish, .font-icon-progress-3, .font-icon-progress-2, .font-icon-brogress-1, .font-icon-progress-0, .font-icon-sun, .font-icon-sun-2, .font-icon-adjust, .font-icon-code, .font-icon-screen, .font-icon-light-bulb, .font-icon-credit-card, .font-icon-database, .font-icon-voicemail, .font-icon-clipboard, .font-icon-cart, .font-icon-box, .font-icon-ticket, .font-icon-rss, .font-icon-signal, .font-icon-thermometer, .font-icon-droplets, .font-icon-layout-3, .font-icon-statistics, .font-icon-pie, .font-icon-bars, .font-icon-graph, .font-icon-lock, .font-icon-lock-open, .font-icon-logout, .font-icon-login, .font-icon-checkmark, .font-icon-cross, .font-icon-minus, .font-icon-plus, .font-icon-cross-2, .font-icon-minus-2, .font-icon-plus-2, .font-icon-cross-3, .font-icon-minus-3, .font-icon-plus-3, .font-icon-erase, .font-icon-blocked, .font-icon-info, .font-icon-info-2, .font-icon-question, .font-icon-help, .font-icon-warning, .font-icon-cycle, .font-icon-cw, .font-icon-ccw, .font-icon-shuffle, .font-icon-arrow, .font-icon-arrow-2, .font-icon-retweet, .font-icon-loop, .font-icon-history, .font-icon-back, .font-icon-switch, .font-icon-list, .font-icon-add-to-list, .font-icon-layout, .font-icon-list-2, .font-icon-text, .font-icon-text-2, .font-icon-document, .font-icon-docs, .font-icon-landscape, .font-icon-pictures, .font-icon-video, .font-icon-music-3, .font-icon-folder, .font-icon-archive, .font-icon-trash, .font-icon-upload, .font-icon-download, .font-icon-disk, .font-icon-install, .font-icon-cloud, .font-icon-upload-2, .font-icon-bookmark, .font-icon-bookmarks, .font-icon-book-2, .font-icon-play, .font-icon-pause, .font-icon-record, .font-icon-stop, .font-icon-next, .font-icon-previous, .font-icon-first, .font-icon-last, .font-icon-resize-enlarge, .font-icon-resize-shrink, .font-icon-volume, .font-icon-sound, .font-icon-mute, .font-icon-flow-cascade, .font-icon-flow-branch, .font-icon-flow-tree, .font-icon-flow-line, .font-icon-flow-parallel, .font-icon-arrow-left-big-flat, .font-icon-arrow-down-big-flat, .font-icon-arrow-up-big-flat, .font-icon-arrow-right-big-flat, .font-icon-arrow-left-small-flat, .font-icon-arrow-down-small-flat, .font-icon-arrow-up-small-flat, .font-icon-arrow-right-small-flat, .font-icon-arrow-left-circle, .font-icon-arrow-down-circle, .font-icon-arrow-up-circle, .font-icon-arrow-right-circle, .font-icon-arrow-left-triangle, .font-icon-arrow-down-triangle, .font-icon-arrow-up-triangle, .font-icon-arrow-right-triangle, .font-icon-arrow-left-simple-round, .font-icon-arrow-down-simple-round, .font-icon-arrow-up-simple-round, .font-icon-arrow-right-simple-round, .font-icon-arrow-left-simple-thin-round, .font-icon-arrow-down-simple-thin-round, .font-icon-arrow-up-simple-thin-round, .font-icon-arrow-right-simple-thin-round, .font-icon-arrow-left-simple-thin, .font-icon-arrow-down-simple-thin, .font-icon-arrow-up-simple-thin, .font-icon-arrow-right-simple-thin, .font-icon-arrow-left-big, .font-icon-arrow-down-big, .font-icon-arrow-up-big, .font-icon-arrow-right-big, .font-icon-arrow-menu, .font-icon-ellipsis, .font-icon-dots, .font-icon-dot, .font-icon-social-zerply, .font-icon-social-youtube, .font-icon-social-yelp, .font-icon-social-yahoo, .font-icon-social-wordpress, .font-icon-social-virb, .font-icon-social-vimeo, .font-icon-social-viddler, .font-icon-social-twitter, .font-icon-social-tumblr, .font-icon-social-stumbleupon, .font-icon-social-soundcloud, .font-icon-social-skype, .font-icon-social-share-this, .font-icon-social-quora, .font-icon-social-photobucket, .font-icon-social-paypal, .font-icon-social-myspace, .font-icon-social-linkedin, .font-icon-social-last-fm, .font-icon-social-instagram, .font-icon-social-grooveshark, .font-icon-social-google-plus, .font-icon-social-github, .font-icon-social-forrst, .font-icon-social-flickr, .font-icon-social-facebook, .font-icon-social-evernote, .font-icon-social-envato, .font-icon-social-email, .font-icon-social-dribbble, .font-icon-social-digg, .font-icon-social-deviant-art, .font-icon-social-blogger, .font-icon-social-behance, .font-icon-social-bebo, .font-icon-social-addthis, .font-icon-social-500px, .font-icon-social-pinterest, .font-icon-align-right, .font-icon-align-left, .font-icon-align-justify, .font-icon-align-center, .font-icon-group, .font-icon-grid, .font-icon-grid-large {
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.font-icon-phone:before {
    content: "\e0f3";
}
.font-icon-mobile:before {
    content: "\e0f4";
}
.font-icon-mouse:before {
    content: "\e0f5";
}
.font-icon-directions:before {
    content: "\e0f6";
}
.font-icon-mail:before {
    content: "\e0f7";
}
.font-icon-paperplane:before {
    content: "\e0f8";
}
.font-icon-pencil:before {
    content: "\e0f9";
}
.font-icon-feather:before {
    content: "\e0fa";
}
.font-icon-paperclip:before {
    content: "\e0fb";
}
.font-icon-drawer:before {
    content: "\e0fc";
}
.font-icon-reply:before {
    content: "\e0fd";
}
.font-icon-reply-all:before {
    content: "\e0fe";
}
.font-icon-forward:before {
    content: "\e0ff";
}
.font-icon-user:before {
    content: "\e100";
}
.font-icon-users:before {
    content: "\e101";
}
.font-icon-user-add:before {
    content: "\e102";
}
.font-icon-vcard:before {
    content: "\e103";
}
.font-icon-export:before {
    content: "\e104";
}
.font-icon-location:before {
    content: "\e105";
}
.font-icon-map:before {
    content: "\e106";
}
.font-icon-compass:before {
    content: "\e107";
}
.font-icon-location-2:before {
    content: "\e108";
}
.font-icon-target:before {
    content: "\e109";
}
.font-icon-share:before {
    content: "\e10a";
}
.font-icon-sharable:before {
    content: "\e10b";
}
.font-icon-heart:before {
    content: "\e10c";
}
.font-icon-heart-2:before {
    content: "\e10d";
}
.font-icon-star:before {
    content: "\e10e";
}
.font-icon-star-2:before {
    content: "\e10f";
}
.font-icon-thumbs-up:before {
    content: "\e110";
}
.font-icon-thumbs-down:before {
    content: "\e111";
}
.font-icon-chat:before {
    content: "\e112";
}
.font-icon-comment:before {
    content: "\e113";
}
.font-icon-quote:before {
    content: "\e114";
}
.font-icon-house:before {
    content: "\e115";
}
.font-icon-popup:before {
    content: "\e116";
}
.font-icon-search:before {
    content: "\e117";
}
.font-icon-flashlight:before {
    content: "\e118";
}
.font-icon-printer:before {
    content: "\e119";
}
.font-icon-bell:before {
    content: "\e11a";
}
.font-icon-link:before {
    content: "\e11b";
}
.font-icon-flag:before {
    content: "\e11c";
}
.font-icon-cog:before {
    content: "\e11d";
}
.font-icon-tools:before {
    content: "\e11e";
}
.font-icon-trophy:before {
    content: "\e11f";
}
.font-icon-tag:before {
    content: "\e120";
}
.font-icon-camera:before {
    content: "\e121";
}
.font-icon-megaphone:before {
    content: "\e122";
}
.font-icon-moon:before {
    content: "\e123";
}
.font-icon-palette:before {
    content: "\e124";
}
.font-icon-leaf:before {
    content: "\e125";
}
.font-icon-music:before {
    content: "\e126";
}
.font-icon-music-2:before {
    content: "\e127";
}
.font-icon-new:before {
    content: "\e128";
}
.font-icon-graduation:before {
    content: "\e129";
}
.font-icon-book:before {
    content: "\e12a";
}
.font-icon-newspaper:before {
    content: "\e12b";
}
.font-icon-bag:before {
    content: "\e12c";
}
.font-icon-airplane:before {
    content: "\e12d";
}
.font-icon-lifebuoy:before {
    content: "\e12e";
}
.font-icon-eye:before {
    content: "\e12f";
}
.font-icon-clock:before {
    content: "\e130";
}
.font-icon-microphone:before {
    content: "\e131";
}
.font-icon-calendar:before {
    content: "\e132";
}
.font-icon-bolt:before {
    content: "\e133";
}
.font-icon-thunder:before {
    content: "\e134";
}
.font-icon-droplet:before {
    content: "\e135";
}
.font-icon-cd:before {
    content: "\e136";
}
.font-icon-briefcase:before {
    content: "\e137";
}
.font-icon-air:before {
    content: "\e138";
}
.font-icon-hourglass:before {
    content: "\e139";
}
.font-icon-gauge:before {
    content: "\e13a";
}
.font-icon-language:before {
    content: "\e13b";
}
.font-icon-network:before {
    content: "\e13c";
}
.font-icon-key:before {
    content: "\e13d";
}
.font-icon-battery:before {
    content: "\e13e";
}
.font-icon-bucket:before {
    content: "\e13f";
}
.font-icon-magnet:before {
    content: "\e140";
}
.font-icon-drive:before {
    content: "\e141";
}
.font-icon-cup:before {
    content: "\e142";
}
.font-icon-rocket:before {
    content: "\e143";
}
.font-icon-brush:before {
    content: "\e144";
}
.font-icon-suitcase:before {
    content: "\e145";
}
.font-icon-cone:before {
    content: "\e146";
}
.font-icon-earth:before {
    content: "\e147";
}
.font-icon-keyboard:before {
    content: "\e148";
}
.font-icon-browser:before {
    content: "\e149";
}
.font-icon-publish:before {
    content: "\e14a";
}
.font-icon-progress-3:before {
    content: "\e14b";
}
.font-icon-progress-2:before {
    content: "\e14c";
}
.font-icon-brogress-1:before {
    content: "\e14d";
}
.font-icon-progress-0:before {
    content: "\e14e";
}
.font-icon-sun:before {
    content: "\e14f";
}
.font-icon-sun-2:before {
    content: "\e150";
}
.font-icon-adjust:before {
    content: "\e151";
}
.font-icon-code:before {
    content: "\e152";
}
.font-icon-screen:before {
    content: "\e153";
}
.font-icon-light-bulb:before {
    content: "\e155";
}
.font-icon-credit-card:before {
    content: "\e156";
}
.font-icon-database:before {
    content: "\e157";
}
.font-icon-voicemail:before {
    content: "\e158";
}
.font-icon-clipboard:before {
    content: "\e159";
}
.font-icon-cart:before {
    content: "\e15a";
}
.font-icon-box:before {
    content: "\e15b";
}
.font-icon-ticket:before {
    content: "\e15c";
}
.font-icon-rss:before {
    content: "\e15d";
}
.font-icon-signal:before {
    content: "\e15e";
}
.font-icon-thermometer:before {
    content: "\e15f";
}
.font-icon-droplets:before {
    content: "\e160";
}
.font-icon-layout-3:before {
    content: "\e161";
}
.font-icon-statistics:before {
    content: "\e162";
}
.font-icon-pie:before {
    content: "\e163";
}
.font-icon-bars:before {
    content: "\e164";
}
.font-icon-graph:before {
    content: "\e165";
}
.font-icon-lock:before {
    content: "\e166";
}
.font-icon-lock-open:before {
    content: "\e167";
}
.font-icon-logout:before {
    content: "\e168";
}
.font-icon-login:before {
    content: "\e169";
}
.font-icon-checkmark:before {
    content: "\e16a";
}
.font-icon-cross:before {
    content: "\e16b";
}
.font-icon-minus:before {
    content: "\e16c";
}
.font-icon-plus:before {
    content: "\e16d";
}
.font-icon-cross-2:before {
    content: "\e16e";
}
.font-icon-minus-2:before {
    content: "\e16f";
}
.font-icon-plus-2:before {
    content: "\e170";
}
.font-icon-cross-3:before {
    content: "\e171";
}
.font-icon-minus-3:before {
    content: "\e172";
}
.font-icon-plus-3:before {
    content: "\e173";
}
.font-icon-erase:before {
    content: "\e174";
}
.font-icon-blocked:before {
    content: "\e175";
}
.font-icon-info:before {
    content: "\e176";
}
.font-icon-info-2:before {
    content: "\e177";
}
.font-icon-question:before {
    content: "\e178";
}
.font-icon-help:before {
    content: "\e179";
}
.font-icon-warning:before {
    content: "\e17a";
}
.font-icon-cycle:before {
    content: "\e17b";
}
.font-icon-cw:before {
    content: "\e17c";
}
.font-icon-ccw:before {
    content: "\e17d";
}
.font-icon-shuffle:before {
    content: "\e17e";
}
.font-icon-arrow:before {
    content: "\e17f";
}
.font-icon-arrow-2:before {
    content: "\e180";
}
.font-icon-retweet:before {
    content: "\e181";
}
.font-icon-loop:before {
    content: "\e182";
}
.font-icon-history:before {
    content: "\e183";
}
.font-icon-back:before {
    content: "\e184";
}
.font-icon-switch:before {
    content: "\e185";
}
.font-icon-list:before {
    content: "\e186";
}
.font-icon-add-to-list:before {
    content: "\e187";
}
.font-icon-layout:before {
    content: "\e188";
}
.font-icon-list-2:before {
    content: "\e189";
}
.font-icon-text:before {
    content: "\e18a";
}
.font-icon-text-2:before {
    content: "\e18b";
}
.font-icon-document:before {
    content: "\e18c";
}
.font-icon-docs:before {
    content: "\e18d";
}
.font-icon-landscape:before {
    content: "\e18e";
}
.font-icon-pictures:before {
    content: "\e18f";
}
.font-icon-video:before {
    content: "\e190";
}
.font-icon-music-3:before {
    content: "\e191";
}
.font-icon-folder:before {
    content: "\e192";
}
.font-icon-archive:before {
    content: "\e193";
}
.font-icon-trash:before {
    content: "\e194";
}
.font-icon-upload:before {
    content: "\e195";
}
.font-icon-download:before {
    content: "\e196";
}
.font-icon-disk:before {
    content: "\e197";
}
.font-icon-install:before {
    content: "\e198";
}
.font-icon-cloud:before {
    content: "\e199";
}
.font-icon-upload-2:before {
    content: "\e19a";
}
.font-icon-bookmark:before {
    content: "\e19b";
}
.font-icon-bookmarks:before {
    content: "\e19c";
}
.font-icon-book-2:before {
    content: "\e19d";
}
.font-icon-play:before {
    content: "\e19e";
}
.font-icon-pause:before {
    content: "\e19f";
}
.font-icon-record:before {
    content: "\e1a0";
}
.font-icon-stop:before {
    content: "\e1a1";
}
.font-icon-next:before {
    content: "\e1a2";
}
.font-icon-previous:before {
    content: "\e1a3";
}
.font-icon-first:before {
    content: "\e1a4";
}
.font-icon-last:before {
    content: "\e1a5";
}
.font-icon-resize-enlarge:before {
    content: "\e1a6";
}
.font-icon-resize-shrink:before {
    content: "\e1a7";
}
.font-icon-volume:before {
    content: "\e1a8";
}
.font-icon-sound:before {
    content: "\e1a9";
}
.font-icon-mute:before {
    content: "\e1aa";
}
.font-icon-flow-cascade:before {
    content: "\e1ab";
}
.font-icon-flow-branch:before {
    content: "\e1ac";
}
.font-icon-flow-tree:before {
    content: "\e1ad";
}
.font-icon-flow-line:before {
    content: "\e1ae";
}
.font-icon-flow-parallel:before {
    content: "\e1af";
}
.font-icon-arrow-left-big-flat:before {
    content: "\e1b0";
}
.font-icon-arrow-down-big-flat:before {
    content: "\e1b1";
}
.font-icon-arrow-up-big-flat:before {
    content: "\e1b2";
}
.font-icon-arrow-right-big-flat:before {
    content: "\e1b3";
}
.font-icon-arrow-left-small-flat:before {
    content: "\e1b4";
}
.font-icon-arrow-down-small-flat:before {
    content: "\e1b5";
}
.font-icon-arrow-up-small-flat:before {
    content: "\e1b6";
}
.font-icon-arrow-right-small-flat:before {
    content: "\e1b7";
}
.font-icon-arrow-left-circle:before {
    content: "\e1b8";
}
.font-icon-arrow-down-circle:before {
    content: "\e1b9";
}
.font-icon-arrow-up-circle:before {
    content: "\e1ba";
}
.font-icon-arrow-right-circle:before {
    content: "\e1bb";
}
.font-icon-arrow-left-triangle:before {
    content: "\e1bc";
}
.font-icon-arrow-down-triangle:before {
    content: "\e1bd";
}
.font-icon-arrow-up-triangle:before {
    content: "\e1be";
}
.font-icon-arrow-right-triangle:before {
    content: "\e1bf";
}
.font-icon-arrow-left-simple-round:before {
    content: "\e1c0";
}
.font-icon-arrow-down-simple-round:before {
    content: "\e1c1";
}
.font-icon-arrow-up-simple-round:before {
    content: "\e1c2";
}
.font-icon-arrow-right-simple-round:before {
    content: "\e1c3";
}
.font-icon-arrow-left-simple-thin-round:before {
    content: "\e1c4";
}
.font-icon-arrow-down-simple-thin-round:before {
    content: "\e1c5";
}
.font-icon-arrow-up-simple-thin-round:before {
    content: "\e1c6";
}
.font-icon-arrow-right-simple-thin-round:before {
    content: "\e1c7";
}
.font-icon-arrow-left-simple-thin:before {
    content: "\e1c8";
}
.font-icon-arrow-down-simple-thin:before {
    content: "\e1c9";
}
.font-icon-arrow-up-simple-thin:before {
    content: "\e1ca";
}
.font-icon-arrow-right-simple-thin:before {
    content: "\e1cb";
}
.font-icon-arrow-left-big:before {
    content: "\e1cc";
}
.font-icon-arrow-down-big:before {
    content: "\e1cd";
}
.font-icon-arrow-up-big:before {
    content: "\e1ce";
}
.font-icon-arrow-right-big:before {
    content: "\e1cf";
}
.font-icon-arrow-menu:before {
    content: "\e1d0";
}
.font-icon-ellipsis:before {
    content: "\e1d1";
}
.font-icon-dots:before {
    content: "\e1d2";
}
.font-icon-dot:before {
    content: "\e1d3";
}
.font-icon-social-zerply:before {
    content: "\e01b";
}
.font-icon-social-youtube:before {
    content: "\e017";
}
.font-icon-social-yelp:before {
    content: "\e01d";
}
.font-icon-social-yahoo:before {
    content: "\e01e";
}
.font-icon-social-wordpress:before {
    content: "\e01f";
}
.font-icon-social-virb:before {
    content: "\e020";
}
.font-icon-social-vimeo:before {
    content: "\e021";
}
.font-icon-social-viddler:before {
    content: "\e022";
}
.font-icon-social-twitter:before {
    content: "\e023";
}
.font-icon-social-tumblr:before {
    content: "\e024";
}
.font-icon-social-stumbleupon:before {
    content: "\e025";
}
.font-icon-social-soundcloud:before {
    content: "\e073";
}
.font-icon-social-skype:before {
    content: "\e074";
}
.font-icon-social-share-this:before {
    content: "\e075";
}
.font-icon-social-quora:before {
    content: "\e076";
}
.font-icon-social-photobucket:before {
    content: "\e078";
}
.font-icon-social-paypal:before {
    content: "\e079";
}
.font-icon-social-myspace:before {
    content: "\e026";
}
.font-icon-social-linkedin:before {
    content: "\e027";
}
.font-icon-social-last-fm:before {
    content: "\e028";
}
.font-icon-social-instagram:before {
    content: "\e029";
}
.font-icon-social-grooveshark:before {
    content: "\e02a";
}
.font-icon-social-google-plus:before {
    content: "\e02b";
}
.font-icon-social-github:before {
    content: "\e02c";
}
.font-icon-social-forrst:before {
    content: "\e02d";
}
.font-icon-social-flickr:before {
    content: "\e02e";
}
.font-icon-social-facebook:before {
    content: "\e02f";
}
.font-icon-social-evernote:before {
    content: "\e030";
}
.font-icon-social-envato:before {
    content: "\e031";
}
.font-icon-social-email:before {
    content: "\e032";
}
.font-icon-social-dribbble:before {
    content: "\e033";
}
.font-icon-social-digg:before {
    content: "\e034";
}
.font-icon-social-deviant-art:before {
    content: "\e035";
}
.font-icon-social-blogger:before {
    content: "\e036";
}
.font-icon-social-behance:before {
    content: "\e037";
}
.font-icon-social-bebo:before {
    content: "\e038";
}
.font-icon-social-addthis:before {
    content: "\e07a";
}
.font-icon-social-500px:before {
    content: "\e07b";
}
.font-icon-social-pinterest:before {
    content: "\e077";
}
.font-icon-align-right:before {
    content: "\e000";
}
.font-icon-align-left:before {
    content: "\e001";
}
.font-icon-align-justify:before {
    content: "\e002";
}
.font-icon-align-center:before {
    content: "\e003";
}
.font-icon-group:before {
    content: "\e004";
}
.font-icon-grid:before {
    content: "\e005";
}
.font-icon-grid-large:before {
    content: "\e006";
}


/*-----------------------------------------------------------------------------------*/
/*  18. ImageCompare (Green/Mean Hosting)
/*-----------------------------------------------------------------------------------*/

.cd-image-container {
  position: relative;
  margin: 0em auto;
  max-width: 5000px!important;
}
.cd-image-container img {
  display: block;
  width: 100%;

}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 37%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 2.7s;
  -moz-animation: cd-bounce-in 2.7s;
  animation: cd-bounce-in 2.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 65%;
  }
  100% {
    width: 37%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 65%;
  }
  100% {
    width: 37%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 65%;
  }
  100% {
    width: 37%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 37%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #dc717d url("//kualo-cdn.r.worldssl.net/website/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 2.7s, opacity 0s 2.7s;
  -moz-transition: -moz-transform 0.3s 2.7s, opacity 0s 2.7s;
  transition: transform 0.3s 2.7s, opacity 0s 2.7s;
}

#green-realworldmechanics {
    background-color: #409FC4; 
    padding-top: 20vh; 
    background-repeat: no-repeat;
    background-size: 230%;
    background-image: url(//kualo-cdn.r.worldssl.net/website/serverracks.jpg);
    background-position: 100% 100%;
    padding-bottom: 280px;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #green-realworldmechanics {
        background-position: 60% center;
        background-size: cover;
        padding-bottom: 20vh;
    }
}


/*-----------------------------------------------------------------------------------*/
/*  20. Icon Boxes
/*-----------------------------------------------------------------------------------*/

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image {position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #2D3C48; vertical-align: middle; }
.box > .icon:hover > .image { background: #2D3C48; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -44px; background: rgba(0, 0, 0, 0.04); padding: 44px 0 10px 0;}
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; font-weight: 500; }
.box > .icon > .info > p { color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon > .info > p.telephone { color: #2D3C48; font-size: 20px; line-height: 1em; padding: 0; margin: 0!important }
.box > .icon > .info > p.telephone-landline { font-size: 12px; line-height: 1em; padding: 0; margin: 7px 0 0 0!important; }
.box > .icon > .info > .more a { color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon > .info > .more a:hover { color: #fff }
.box .space { height: 30px; }


/* Responsive Circles */

.circle-text {
    width:99%;
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #4679BD; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}

.circle-text.whitebg:after {
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
}

.circle-text div {
    float:left;
    width:100%;
    padding-top:48%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}

.circle-text.softaculous div {
   padding-top: 40%;
}

/*-----------------------------------------------------------------------------------*/
/*  21. Same Height Columns
/*-----------------------------------------------------------------------------------*/

/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/*-----------------------------------------------------------------------------------*/
/*  22. SpamExperts Animation
/*-----------------------------------------------------------------------------------*/

#spamexperts {  
    padding-top: 80px;
    padding-bottom: 60px; 
    min-height: 500px; 
    overflow: hidden; 
    border-bottom: 1px #E9E4E3 solid; 
    background-position: bottom, top, left, right; 
    background-size: 300px; 
    background-repeat: repeat-x, repeat-x; 
    background-attachment: scroll, scroll;
    position: relative;
}

#spamexperts .opacitybg {
    background-size: 300px;
    background-repeat: repeat;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
   -moz-transition: opacity 0.7s ease-in-out;
   -webkit-transition: opacity 0.7s ease-in-out;
}

#spamexperts.scrollpoint {
    background-attachment: scroll, scroll, scroll;
}

#spamexperts.scrollpoint .opacitybg {
    opacity: 0;
}


/*-----------------------------------------------------------------------------------*/
/*  37. Vertical Tabs
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  0-6.    Tabs
/*-----------------------------------------------------------------------------------*/

.nav {
    margin-bottom: 0px;
    margin-left: 0;
    list-style: none;
}

.nav > li > a {
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #2D3C48;
    
    font-weight: 400;
    font-size: 16px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    display: block;
    border-color: #C5C5C5;
    background: #FFFFFF;
    text-decoration: none;
}

.nav > li > a > img {
    max-width: none;
}

.nav > .pull-right {
    float: right;
}

.nav-tabs {
    *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
    display: table;
    content: "";
    line-height: 0;
}

.nav-tabs:after {
    clear: both;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li {
    float: left;
    margin: 0 0 0 0;
    background: #FBFBFB;
    border: 1px solid #DFDFDF;
    border-left: none;
    border-bottom: none;
}

.nav-tabs > li:first-child {
    border-left: 1px solid #DFDFDF; 
}


.nav-tabs > li > a {
    padding: 15px;
    border: none;
    line-height: 20px;
    margin: 0;
    
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background: #FFFFFF;
    color: #2D3C48;
    border: none;   
}

.tabbable {
    *zoom: 1;
}

.tabbable:before,
.tabbable:after {
    display: table;
    content: "";
    line-height: 0;
}

.tabbable:after {
    clear: both;
}

.tab-content {
    overflow: auto;
    border: 1px solid #DFDFDF;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}



.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 0px 0 0 0px;
  margin-right: 0;
  display:block;
  width: 100%;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}

div.softaculousscripts ul.nav-tabs li a {
  padding: 10px;
}

div.softaculousscripts .tab-content {
  border: none;
  height: 1353px;
}


div.softaculousscripts .tab-content .scriptdetail {
    background-color: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);

}

div.softaculousscripts ul.nav-tabs li.active a {
    font-weight: 700;
    background-color: #428bca;
    color: #fff;
   border-radius: none!important;
   position: relative;
   z-index: 50;
  width: 100%;
}

div.softaculousscripts ul.nav-tabs li, div.softaculousscripts ul.nav-tabs li a, div.softaculousscripts ul.nav-tabs {
   border: none;
}

div.softaculousscripts ul.nav-tabs {
}

div.softaculousscripts ul.nav-tabs li.active a:after {
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:20px solid transparent;
    border-left: 20px solid #428bca;
}


/*-----------------------------------------------------------------------------------*/
/*  22. Bootstrap XL
/*-----------------------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }


    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}


/*-----------------------------------------------------------------------------------*/
/*  22. Additional Media Queries
/*-----------------------------------------------------------------------------------*/


@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}



@media (min-width: 768px) and (max-width: 991px) {

    /* Header */
    
    header,
    header.sticky-header,
    header.sticky-header.nav-small {
        position: fixed;
        height: 90px;
    }
    
    header.sticky-header,
    header.sticky-header.nav-small {
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a,
    header.sticky-header.nav-small #logo a, 
    header.sticky-header.nav-small #menu ul a {
        line-height: 90px;
        padding-top: 0;
        padding-bottom: 0;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: -8px;
    }

    header .col-md-3 {
        float: left;
        width: 80%;
    }

    header .col-md-9 {
        float: left;
        width: 20%;
    }

    #menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

    #subnavigationk {
        display: none!important;
    }
    

}

/* Mobile Phones */
@media (min-width: 481px) and (max-width: 767px) {




    .aligncenter-xs {
        display: block!important;
        clear: both!important;
        margin-right: auto!important;
        margin-left: auto!important;
    }



header,
    header.sticky-header,
    header.sticky-header.nav-small {
        position: fixed;
        height: 90px;
    }
    
    header.sticky-header,
    header.sticky-header.nav-small {
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a,
    header.sticky-header.nav-small #logo a, 
    header.sticky-header.nav-small #menu ul a {
        line-height: 90px;
        padding-top: 0;
        padding-bottom: 0;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: -8px;
    }

    header .col-md-3 {
        float: left;
        width: 80%;
    }

    header .col-md-9 {
        float: left;
        width: 20%;
    }

    #menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

    #subnavigationk {
        display: none!important;
    }

}

    #stickyplaceholder {
        height: 90px;
        clear: both;
    }

/* Real Mobile Phones */

@media (max-width: 480px) {

    .noheight-xs {
        height: auto;
    }

    .fullwidth-xs {
        width: 100%!important;
    }

    .small-margin-top-xs {
        margin-top: 20px;
    }

    .small-padding-top-xs {
        padding-top: 20px;
    }

    .small-margin-xs {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .textaligncenter-xs {
        text-align: center!important;
    }


    header,
    header.sticky-header,
    header.sticky-header.nav-small {
        position: fixed;
        height: 90px;
    }
    
    header.sticky-header,
    header.sticky-header.nav-small {
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a,
    header.sticky-header.nav-small #logo a, 
    header.sticky-header.nav-small #menu ul a {
        line-height: 90px;
        padding-top: 0;
        padding-bottom: 0;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: -8px;
    }

    header .col-md-3 {
        float: left;
        width: 80%;
    }

    header .col-md-9 {
        float: left;
        width: 20%;
    }

    #menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

    #subnavigationk {
        display: none!important;
    }

    #stickyplaceholder {
    }



}


@media (max-width: 768px) {

    .textaligncenter-xs {
        text-align: center!important;
    }

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #subnavigationk {
        display: block; 
    }

    #stickyplaceholder {
    }



}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    #stickyplaceholder {
        height: 120px;

    }

}




/* iPad Portrait & Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    .fullimage-container {
        background-attachment: scroll !important;   
    }
    
    #content .main-content.image-cont {
        background-attachment: scroll !important;   
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
    //iPhone 6 Portrait
    #stickyplaceholder {
        height: 90px;

        display: none!important;
    }


}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
    //iPhone 6 landscape
    #stickyplaceholder {
        height: 90px;
        display: none!important;
    }

}


/* iPhone 5 Portrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    .fullimage-container {
        background-attachment: scroll !important;   
    }
    
    #content .main-content.image-cont {
        background-attachment: scroll !important;   
    }

    #stickyplaceholder {
        height: 90px;
    }


}






/* iPhone Portrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .fullimage-container {
        background-attachment: scroll !important;   
    }
    
    #content .main-content.image-cont {
        background-attachment: scroll !important;   
    }

    #stickyplaceholder {
        height: 90px;
    }


}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {
        
    header #logo a img.standard {
        display: none;
    }

    header #logo a img.retina {
        display: inline-block;
    }

    .menu-nav .menu-icon {
        background-image: url(img/menu-mobile_@2x.png);
        background-size: 16px 32px;
    }

    .bootstrap-select.btn-group .custom-select .plus-select {
        background-image: url(img/plus_select_@2x.png);
        background-size: 18px 36px;
    }

    .mejs-overlay-button {
        background-image: url(img/mediaelement/bigplay_@2x.png);
        background-size: 32px 32px;
    }

    .mejs-controls .mejs-button button {
        background-image: url(img/mediaelement/controls.png);
        background-size: 50px 64px;
    }
}


/* Wider container for very large displays */
@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}



/*-----------------------------------------------------------------------------------*/
/*  24. Cookie Concent
/*-----------------------------------------------------------------------------------*/

.cc-grower {
    z-index: 2000!important;
    position: relative;
}

.cc-link {
    padding-left: 0;
}

#topmenu {
    z-index: 99;
}

/*.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{border-bottom: none; font-family: Gibson-Bold, Helvetica, Sans-Serif; text-transform: uppercase; cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_banner-wrapper{height:63px}.cc_container{padding:15px 15px 15px;overflow:hidden;position:fixed;top:0;left:0;right:0}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;text-align:center;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{display:block}@media screen and (min-width: 500px){.cc_container .cc_message{margin-top:0.5em}}@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{padding:8px 15px}}.cc_container{background:#f7f9fa;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #E6E6E6}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#fff;background-color:#F05253;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:0px;-webkit-border-radius:0px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#F56C6D;color:#fff}.cc_container a,.cc_container a:visited{color: #999; text-decoration:none;border-bottom: 1px dotted #999; transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#F05253; border-color: #F05253}@-webkit-keyframes slideDown{0%{margin-top:-63px}100%{margin-top:0}}@keyframes slideDown{0%{margin-top:-63px}100%{margin-top:0px}}@-webkit-keyframes growDown{0%{height:0}100%{height:63px}}@keyframes growDown{0%{height:0}100%{height:63px}}.cc_container{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:slideDown;animation-name:slideDown}.cc_banner-wrapper{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:growDown;animation-name:growDown}
*/


.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{border-bottom: none; font-family: Gibson-Bold, Helvetica, Sans-Serif; text-transform: uppercase; cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_banner-wrapper{height:63px}.cc_container{padding:15px 15px 15px;overflow:hidden;position:fixed;top:0;left:0;right:0}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;text-align:center;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{display:block}@media screen and (min-width: 500px){.cc_container .cc_message{margin-top:0.5em}}@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{padding:8px 15px}}.cc_container{background:#33383b;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #E6E6E6}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#fff;background-color:#F05253;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:0px;-webkit-border-radius:0px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#F56C6D;color:#fff}.cc_container a,.cc_container a:visited{color: #999; text-decoration:none;border-bottom: 1px dotted #999; transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#F05253; border-color: #F05253}@-webkit-keyframes slideDown{0%{margin-top:-63px}100%{margin-top:0}}@keyframes slideDown{0%{margin-top:-63px}100%{margin-top:0px}}@-webkit-keyframes growDown{0%{height:0}100%{height:63px}}@keyframes growDown{0%{height:0}100%{height:63px}}.cc_container{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:slideDown;animation-name:slideDown}.cc_banner-wrapper{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:growDown;animation-name:growDown}

.cc_container {
margin-bottom: 300px;
}

/*
.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:1px;height:1px;background-size:cover;opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px 15px 15px}.cc_container .cc_btn{padding:8px 16px;background-color:#F05253;position:absolute;bottom:10px;left:15px;right:15px;text-align:center}@media screen and (min-width: 500px){.cc_container{padding-left: 15px; left:0px;right:initial;bottom:10px;width:180px;padding-bottom:0px}.cc_container .cc_btn{right:15px;bottom:15px}.cc_container .cc_logo{display:none;position:absolute;bottom:8px;left:calc(50% - 50px)}}@media screen and (min-width: 768px){.cc_container{padding-bottom:60px}.cc_container .cc_message{font-size:1em}}.cc_container{background:#282828; background-clop: padding-box; color:#fff;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:content-box}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#fff;background-color:##F05253;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#000;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#F05253;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#b2f7ff}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.cc_container{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}

.cc_container {
border-right: solid 10px rgba(0,0,0,0.1);
border-bottom: solid 10px rgba(0,0,0,0.1);
border-top: solid 10px rgba(0,0,0,0.1);
background-clip: padding-box;
border-radius: 20px;
padding-left: 50px;
left: -50px;
}

.cc_container .cc_btn {
left: 50px;
}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.cc_container{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

*/

/*-----------------------------------------------------------------------------------*/
/*  24. Footer
/*-----------------------------------------------------------------------------------*/

.footer-distributed{
    background-color: #292c2f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: bold 16px sans-serif;
    padding: 0;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
    display: inline-block;
    vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
    width: 40%;
}

/* The company logo */

.footer-distributed h3{
    color: #B2B2B6;
    font: normal 15px Montserrat, Helvetica, Arial, Sans-Serif;
    margin: 0 0 8px 0;
    text-transform: uppercase;
    letter-spacing: 0.05px;
}

.footer-distributed h3 span{
    color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
    color:  #ffffff;
    padding-bottom: 20px;
}

.footer-distributed .footer-blog-links span, .footer-distributed .footer-tweets span {
    font-size: 12px;
    display: block;
}

.footer-distributed .footer-links a{
    display:inline-block;
    text-decoration: none;
    color:  inherit;
    font-size: 14px;
}

.footer-distributed .footer-links ul, .footer-distributed .footer-blog-links ul, .footer-distributed .footer-tweets ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-distributed .footer-links ul li, .footer-distributed .footer-blog-links li, .footer-distributed .footer-tweets li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1.3;
}

.footer-distributed .footer-tweets li {
    line-height: 20px;
    color:  #92999f;
    font-size: 13px;
    # font-weight: normal;
    margin: 0;

}

.footer-distributed .footer-blog-links li, .footer-distributed .footer-tweets li {
    padding-bottom: 10px;
}


.footer-distributed .footer-blog-links li span, .footer-distributed .footer-tweets li span {
    line-height: 1;
}



.footer-distributed .footer-company-name{
    color:  #8f9296;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 5px;
}

/* Footer Center */

.footer-distributed .footer-center{
    width: 35%;
}

.footer-distributed .footer-center i, .footer-distributed .footer-about i {
    color: #ffffff;
    font-size: 25px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope, , .footer-distributed .footer-about i.fa-envelope{
    font-size: 5px;
    line-height: 38px;
}

.footer-distributed .footer-center p, .footer-distributed .footer-about p{
    display: inline-block;
    color: #ffffff;
    vertical-align: middle;
    margin:0;
}

.footer-distributed .footer-center p span, .footer-distributed .footer-about p span{
    display:block;
    font-weight: normal;
    font-size:14px;
    line-height:2;
}

.footer-distributed .footer-center p a{
    color:  #5383d3;
    text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
    width: 20%;
}

.footer-distributed .footer-company-about{
    line-height: 20px;
    color:  #92999f;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.footer-distributed .footer-company-about span{
    display: block;
    color:  #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-distributed .footer-icons{
    margin-top: 25px;
}

.footer-distributed .footer-icons a{
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color:  #33383b;
    border-radius: 2px;

    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;

    margin-right: 3px;
    margin-bottom: 5px;
}

.footer-distributed .trustpilot-widget {
    margin-top: 3px;
    width: 200px;
}

.footer-distributed .footer-calltoaction .h1style, .footer-distributed .footer-calltoaction h3 {
    margin: 0;
    padding: 0;
    font-family: Gibson-Bold, Helvetica, sans-serif;
}

.footer-distributed .footer-calltoaction .h1style {
    color: #ffffff;
    line-height: 1;
    font-size: 20px;
}

.footer-distributed .footer-calltoaction h3 {
    padding: 5px 0 0 0;
}

.footer-distributed .footer-calltoaction a {
    color: #818B92;
    font-weight: bold;
}


.footer-distributed .footer-calltoaction a span.saleschat {
    position: relative;
    top: 5px;
}

.footer-distributed .footer-calltoaction a span.contactus {
    position: relative;
    top: 10px;
}

.footer-distributed .footer-calltoaction {
    background-color: #33383b;
    margin-bottom: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 45px;
}

.footer-distributed .footer-calltoaction .col-sm-3 {
    text-align: center;
}

.footer-distributed .footer-calltoaction i {
    color: #fff;
    font-size: 45px;
    position: relative;
    top: 10px;
    padding-right: 10px;
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
}

.footer-distributed .footer-calltoaction a:hover, .footer-distributed .footer-calltoaction a:hover i {
    color: #F05253;
}


.footer-distributed .footer-calltoaction i.fa-comment { 
    font-size: 40px;
}
.footer-distributed .footer-calltoaction i.fa-envelope-o {
    font-size: 35px;
    top: 15px;
}

.footer-distributed .footer-bottom {
    background: #1a1a1a;
    background: #262626;
    padding-top: 50px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

    .footer-distributed{
        font: bold 14px sans-serif;
    }

    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right{
        display: block;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer-distributed .footer-center i{
        margin-left: 0;
    }

}
