.skin-blue .navbar .dropdown-menu > li > a {
  color: #444444;
}

/* skin-blue navbar */
.skin-blue .navbar {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05)
}
.skin-blue .navbar .nav a {
  color: rgb(28, 43, 54);
}
.skin-blue .navbar .nav > li > a:hover,
.skin-blue .navbar .nav > li > a:active,
.skin-blue .navbar .nav > li > a:focus,
.skin-blue .navbar .nav .open > a,
.skin-blue .navbar .nav .open > a:hover,
.skin-blue .navbar .nav .open > a:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #3A3F51;
}
.skin-blue .navbar .navbar-right > .nav {
  margin-right: 10px;
}
.skin-blue .navbar .sidebar-toggle .icon-bar {
  background: rgb(28, 43, 54);
}
.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
  background: #3A3F51 !important;
}
/* skin-blue logo */
.skin-blue .logo {
 background-color: #1C2B36;
    color: #f9f9f9;
      /* background:url(../img/logo_w.png) no-repeat center #3A3F51;  */
        position:fixed;

}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #222d32;
}
.logobl {
 /*background-color: #1C2B36;*/
    color: #f9f9f9;
        background:url(../img/logo.png) no-repeat center;
        margin:0px 0px 56px 0px;

}



.skin-blue .logo > a {
  color: #f9f9f9;
}
.skin-blue .logo:hover {
  /*background: #357ca5;*/
 /* background:url(../img/hover_logo_w.png) no-repeat center #1C2B36;*/
}
/* skin-blue content header */
.skin-blue .right-side > .content-header {
  background: #F6F8F8;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Skin-blue user panel */
.skin-blue .user-panel > .image > img {
  border: 1px solid #dfdfdf;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #FFFFFF;
}
/* skin-blue sidebar */
.skin-blue .sidebar {
  border-bottom: 1px solid #131E26;
}
.skin-blue .sidebar > .sidebar-menu > li {
 /* border-top: 1px solid #fff;
  border-bottom: 1px solid #dbdbdb;*/
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type {
  /*border-top: 1px solid #131E26;*/
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
  /*border-top: 1px solid #131E26;*/
}
.skin-blue .sidebar > .sidebar-menu > li > a {
  margin-right: 1px;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover,
.skin-blue .sidebar > .sidebar-menu > li.active > a {
  color: #fff;
  background: #131E26;

}
.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #16232d;
}
.skin-blue .left-side {
  background: #1C2B36;
  -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
/*position: fixed;*/
}
.skin-blue .sidebar a {

            font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
  color: #b4b6bd;
     font-weight: 500;
    font-size: 14px;
    line-height: 27px;

}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
  color: #869FB1;
}


.skin-blue .treeview-menu > li > a:hover {
  color: #fff;
 background-color: #131e26;

}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #fff;
   font-weight: 500 !important;
}
.skin-blue .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}

/**Additions**/
.box .box-header {
    border-bottom: 1px solid #F7F7F7;
        background: #F6F8F8;
}
footer {
       /* padding: 5px 5px;*/
    background-color: #F0F3F4;
    color: #B4B6BD;
        /*position:fixed;*/
        width:100%;
   /* background: #3c8dbc;
    color:#ffffff;*/
}

.font-bold {
    font-weight: 700;}


        .bgcolor{ background:#F6F8F8;border-top: 1px solid #DEE5E7;}


        .butt{     background-color: #897FD7;
    width: 70%;
    border: 1px solid #9E98CE;
    border-radius: 2px;
    margin: 0px 0px 0px 64px;
    height: 48px;
        color: #fff;

font-size: 18px;
}

.textboxE{height: 46px; margin:-3px 0px -19px 62px; border:1px solid #e7ecee; padding: 0px 15px; color:#999999; border-radius: 3px;}
.textboxR{height: 42px; margin:-3px 0px -13px 0px; border:1px solid #e7ecee; padding: 0px 15px; color:#999999; border-radius: 3px; width: 100%;}


/*.textboxP{    height: 50px;
                        margin: -1px 0px 0px 62px; border:1px solid #E7ECEE;
                        }*/
        .butt2{background-color: rgb(0, 0, 0);
padding: 3px;
text-align: center;
line-height: 44px;
font-weight: 600;
color: #fff !important; width: 70%;
margin: 13px 0px -7px 63px;
border-radius: 3px;}

.butt3{
    width: 70%;
    border-radius: 2px;
    margin: 22px 0px 0px 5px;
    height: 48px;
        line-height: 33px;
font-size: 16px;

color: #58666E !important;
background-color: #FFF;
border-color: #DEE5E7 #DEE5E7 #D8E1E3;
box-shadow: 0px 1px 1px rgba(90, 90, 90, 0.1);
}


.butt3:hover
{color: #58666E !important;
background-color: #DEE5E7;
border-color: #DEE5E7 #DEE5E7 #D8E1E3;
box-shadow: 0px 1px 1px rgba(90, 90, 90, 0.1);}

.butt4{
    width: 70%;
    border-radius: 2px;
    margin: 22px 0px 0px 65px;
    height: 48px;
        line-height: 33px;
font-size: 16px;
color: #58666E !important;
background-color: #FFF;
border-color: #DEE5E7 #DEE5E7 #D8E1E3;
box-shadow: 0px 1px 1px rgba(90, 90, 90, 0.1);


}

.butt4:hover
{color: #58666E !important;
background-color: #DEE5E7;
border-color: #DEE5E7 #DEE5E7 #D8E1E3;
box-shadow: 0px 1px 1px rgba(90, 90, 90, 0.1);}


.gotologin{ background-color:#fff; border:1px solid #D6E9C6; padding: 14px; margin: -10px 0px 0px 0px;}

.hdtop{
        color: #3C763D;
/*background-color: #DFF0D8;
border-color: #D6E9C6; */
padding:12px;
text-align:center;
/*border-radius: 5px 5px 0px 0px;*/
}

#muk{position:fixed;}



@media all and (min-width:320px) and (max-width:800px){
    #muk{position:absolute;}
}


@media all and (min-width:150px) and (max-width:581px){
    #muk{position:absolute;}
}


@media all and (min-width:803px) and (max-width:989px){
    #muk{position:absolute;}
}




















/*________________________________________________________________*/

/* ! Cloud Pricing Slider */
#qsSlider .title{font-size:16px;margin-bottom:0}
#qsSlider
.sdecs{padding:15px 0;color:#999}
#qsSlider .slabels{float:right}#qsSlider
.slider{margin:15px 0 45px}#qsSlider
 #panelselector,#qsSlider #periodselector{padding:15px 0;margin-bottom:15px}
 #qsSlider #panelselector #panel,#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:170px;left:20px;margin-top:15px;cursor:pointer}
 #qsSlider #year,#qsSlider #nopanel{position:absolute;width:170px;left:20px;margin-top:-10px;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:lowercase;*/ border-radius:0; width: 168px; height: 82px; margin: 4px 6px; font-size:28px; padding-top: 25px !important;     font-weight: bolder;}



 #qsSlider #presets div.product{float:left;display:block}
 #qsSlider .ui-slider{background-color:#e0e2e2}
 #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}
 #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 !important;color:#d9534f !important;}
 #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}}



/*! Cloud Pricing Slider */
#qsSlider .title{font-size:16px;margin-bottom:0}
#qsSlider .sdecs{padding:15px 0;color:#999}
#qsSlider .slabels{float:right}
#qsSlider .slider{margin:15px 0 45px}
#qsSlider #panelselector,#qsSlider #periodselector{padding:15px 0;margin-bottom:15px}
#qsSlider #panelselector #panel,#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:170px;left:20px;margin-top:15px;cursor:pointer}
#qsSlider #year,#qsSlider #nopanel{position:absolute;width:170px;left:20px;margin-top:-10px;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: lowercase;*/margin-left:2px;border-radius:0}

#qsSlider #presets div.product{float:left;display:block}#qsSlider .ui-slider{background-color:#e0e2e2}#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}#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}}


/*! jQuery UI - v1.11.2 - 2014-12-15
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
        display: none;
}
.ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
}
.ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;

}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;

}
.ui-helper-clearfix:after {
        clear: both;
}
.ui-helper-clearfix {
        min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
        z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
        cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.ui-slider {
        position: relative;
        text-align: left;
}
.ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
}
.ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
}

.ui-slider-horizontal {
        height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
        left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
        right: 0;
}

.ui-slider-vertical {
        width: .8em;
        height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
        top: 0;
}



/*! jQuery UI - v1.11.2 - 2014-12-15
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}



/* OPtional style just for demo page */

@media (min-width: 1200px){
        .container {
                width: 1170px;
        }
}

@media (min-width: 992px){
        .container {
                width: 970px;
        }
}

@media all and (min-width:320px) and (max-width:800px){
    .pallete-item{  width: 250px !important; }
}
.col-md-4 {
        padding-right:20px;
        padding-left: 20px;
        margin-bottom:40px;
}

body {
        background: #F0F3F4;
        font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
}

.navbar {
        background: #373737;
}

.navbar-header {
        width:100%;
}

.logo {
        float: left;
        display: block;
        width: 123px;
        height: 18px;
        padding-top: 10px;
}

.btn-buynow {
        margin: 0;
        padding: 0;
        float: right;
        display: block;
        padding-top: 18px;
}

.well {
        background: #fff;
}



.demo-swatches-row .swatches-col {
    width: 100%;
    margin-left: -5px;
        margin:0 auto;}
        .pallete-item {
    width: 172px;
    float: left;
    margin: 0 5px -55px 5px;}
        .palette-turquoise {
    background-color: #B1B1B1;     border-bottom: 2px solid #7F7F7F;}
        .palette {
    font-size: 14px;
    line-height: 1.214;
    color: #ffffff;
    margin: 0;
    padding: 15px;
    text-transform: uppercase;}

        .palette dt {
    display: block;
    font-weight: bold;
    opacity: .8;}

          .Canccel a  {background-color: #B1B1B1;
    color: #fff;
    margin: -8px 0px 28px 0px;
    padding: 7px 4px 6px 6px;
    border-radius: 6px;
        font-weight:600;  float: left;
        border: 1px solid #656565;}



        .Canccel a:hover{background-color: #E80000;
    color: #fff;
    margin: -8px 0px 28px 0px;
    padding: 7px 4px 6px 6px;
    border-radius: 6px;
        font-weight:600;  float: left;
        border: 1px solid #E80000;}
#estimatedprices{margin: 0px 0px 0px 361px;}




.prisebox{ margin:0px 0px 8px 4px; background: rgb(51, 122, 183) ;height: 156px !important; width: 172px;text-align: center; font-weight: bold; white-space: normal; color:#fff;}




.prisebox:hover{white-space: normal; margin:0px 0px 0px 4px; background:#3A3F51; height:156px !important; width: 172px;text-align: center; font-weight: bold; color:#fff;}





@media all and (min-width:320px) and (max-width:800px){
    #estimatedprices{margin: 734px 0px 27px 0px !important;}
}

@media all and (min-width:313px) and (max-width:826px){
   #qsSlider #presets .btn{text-transform: lowercase !important; width: 220px !important; margin: 0px 0px 9px 0px !important; }

}

@media all and (min-width:313px) and (max-width:826px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 196px !important;
margin: 0px 10px 10px 0px !important;}

}
@media all and (min-width:768px) and (max-width:1024px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 100% !important;
margin: 0px 0px 10px 0px !important;}

}

@media all and (min-width:800px) and (max-width:1280px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 100% !important;
margin: 0px 0px 10px 0px !important;}

}


@media all and (min-width:1280px) and (max-width:800px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 100% !important;
margin: 0px 0px 10px 0px !important;}

}



@media all and (min-width:640px) and (max-width:1140px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 100% !important;
margin: 0px 0px 10px 0px !important;}

}

@media all and (min-width:640px) and (max-width:1184px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 193px !important;
margin: 0px 10px 10px 0px !important;}

}

@media all and (min-width:880px) and (max-width:1290px){
  #qsSlider #presets .btn{text-transform: lowercase !important;
width: 222px !important;
margin: 10px 5px 10px 0px !important;}

}

@media all and (min-width:880px) and (max-width:1290px){


}


.qsspan{ font-family:'Open Sans',sans-serif;font-size: 14px;     font-weight: normal; }
.qsspans{ font-family:'Open Sans',sans-serif;font-size: 14px;     font-weight: normal;}


.qsspan{ font-family:'Open Sans',sans-serif;font-size: 14px;     font-weight: normal; }
.qsspans{ font-family:'Open Sans',sans-serif;font-size: 14px;     font-weight: normal;}

.aritic:hover{background:url(../img/aritic_o.png) no-repeat; margin:4px 4px; height:81px; width:215px;     }
.aritic {background:url(../img/aritic.png) no-repeat; margin:4px 4px; height:81px; width:215px;/*border: 1px solid #ccc;*/}

.amazon:hover{background:url(../img/mailgun_b.png) no-repeat; margin:4px 4px; height:81px; width:215px;     }
.amazon {background:url(../img/amazon.png) no-repeat; margin:4px 4px; height:81px; width:215px;}

.elastc-email{background:url(../img/elastc-email.png) no-repeat; height:81px; width:215px;      margin:4px 4px;}
.elastc-email:hover{background:url(../img/mailgun_b.png) no-repeat; height:81px; width:215px; margin:4px 4px;}

.dyn{background:url(../img/dyn.png) no-repeat; height:81px; width:215px; margin:4px 4px;}
.dyn:hover{background:url(../img/mailgun_b.png) no-repeat; height:81px; width:215px; margin:4px 4px;}


.leadersend{background:url(../img/leadersend.png) no-repeat; height:81px; width:215px;      margin:4px 4px;}
.leadersend:hover{background:url(../img/mailgun_b.png) no-repeat; height:81px; width:215px; margin:4px 4px;}

.mailgun{background:url(../img/mailgun.png) no-repeat; height:81px; width:215px; margin:4px 4px;}
.mailgun:hover{background:url(../img/mailgun_b.png) no-repeat; height:81px; width:215px; margin:4px 4px;}

.mandrill{background:url(../img/mandrill.png) no-repeat; height:81px; width:215px;  margin:4px 4px;}
.mandrill:hover{background:url(../img/mailgun_b.png) no-repeat;height:81px; width:215px; margin:4px 4px;}

.sendgrid{background:url(../img/sendgrid.png) no-repeat;height:81px; width:215px;   margin:4px 4px;}
.sendgrid:hover{background:url(../img/mailgun_b.png) no-repeat;height:81px; width:215px; margin:4px 4px;}

.sparkpost{background:url(../img/sparkpost.png) no-repeat; height:81px; width:215px;     margin:4px 4px;}
.sparkpost:hover{background:url(../img/mailgun_b.png) no-repeat; height:81px; width:215px; margin:4px 4px;}


.mailjetwebapi{background:url(../img/mailjet-web-api.png) no-repeat; height:81px; width:215px;  margin:4px 4px;}
.mailjetwebapi:hover{background:url(../img/mailgun_b.png) no-repeat; height:81px; width:215px; margin:4px 4px;}

.sendinbluewebapi{background:url(../img/sendinblue-web-api.png) no-repeat; height:81px; width:215px;  margin:4px 4px;}
.sendinbluewebapi:hover{background:url(../img/mailgun_b.png) no-repeat;height:81px; width:215px; margin:4px 4px;}

.tipimailwebapi{background:url(../img/tipi-mail-web-api.png) no-repeat; height:81px; width:215px;  margin:4px 4px;}
.tipimailwebapi:hover{background:url(../img/mailgun_b.png) no-repeat;height:81px; width:215px; margin:4px 4px;}

.mailerq{background:url(../img/mailerq.png) no-repeat; height:81px; width:215px;   margin:4px 4px;}
.mailerq:hover{background:url(../img/mailgun_b.png) no-repeat;height:81px; width:215px; margin:4px 4px;}



.logoimages{width: 1000px; margin: auto; margin-top: 49px;}

.resp{width: 100%; margin: 0 auto;}
.newcla {background-color: #fff; padding: 26px 0px 48px 0px; border: 1px solid #dee5e7;}

@media all and (min-with:400px) and (max-width:813px)

{
.newcla {background-color: #fff; padding: 26px 0px 48px 0px; border: 1px solid #dee5e7;}

        }

@media all and (min-width:320px) and (max-width:800px){
.resp{width: 100%; margin: 0 auto;  }
}

@media all and (min-width:320px) and (max-width:494px){
.resp{width: 100%; margin: 0 auto; margin-left: 43px;}
}

@media all and (min-width:320px) and (max-width:800px){
  .logoimages{width: 100%; margin: auto; margin-top: 49px;}

}






/*
.aritic:hover{background:url(../img/aritic_o.png) no-repeat; margin:0 auto; height:163px; width:263px;     }
.aritic {background:url(../img/aritic.png) no-repeat; margin:0 auto; height:163px; width:263px;/*border: 1px solid #ccc;}

.amazon:hover{background:url(../img/mailgun_b.png) no-repeat; margin:0 auto; height:163px; width:263px;     }
.amazon {background:url(../img/amazon.png) no-repeat; margin:0 auto; height:163px; width:263px;}

.elastc-email{background:url(../img/elastc-email.png) no-repeat; height:163px; width:263px;      margin:0 auto;}
.elastc-email:hover{background:url(../img/mailgun_b.png) no-repeat; height:163px; width:263px; margin:0 auto;}

.dyn{background:url(../img/dyn.png) no-repeat; height:163px; width:263px; margin:0 auto;}
.dyn:hover{background:url(../img/mailgun_b.png) no-repeat; height:163px; width:263px; margin:0 auto;}


.leadersend{background:url(../img/leadersend.png) no-repeat; height:163px; width:263px;      margin:0 auto;}
.leadersend:hover{background:url(../img/mailgun_b.png) no-repeat; height:163px; width:263px; margin:0 auto;}

.mailgun{background:url(../img/mailgun.png) no-repeat; height:163px; width:263px; margin:0 auto;}
.mailgun:hover{background:url(../img/mailgun_b.png) no-repeat; height:163px; width:263px; margin:0 auto;}

.mandrill{background:url(../img/mandrill.png) no-repeat; height:163px; width:263px;  margin:0 auto;}
.mandrill:hover{background:url(../img/mailgun_b.png) no-repeat;height:163px; width:263px; margin:0 auto;}

.sendgrid{background:url(../img/sendgrid.png) no-repeat;height:163px; width:263px;   margin:0 auto;}
.sendgrid:hover{background:url(../img/mailgun_b.png) no-repeat;height:163px; width:263px; margin:0 auto;}

.sparkpost{background:url(../img/sparkpost.png) no-repeat; height:163px; width:263px;     margin:0 auto;}
.sparkpost:hover{background:url(../img/mailgun_b.png) no-repeat; height:163px; width:263px; margin:0 auto;}


.mailjetwebapi{background:url(../img/mailjet-web-api.png) no-repeat; height:163px; width:263px;  margin:0 auto;}
.mailjetwebapi:hover{background:url(../img/mailgun_b.png) no-repeat; height:163px; width:263px; margin:0 auto;}

.sendinbluewebapi{background:url(../img/sendinblue-web-api.png) no-repeat; height:163px; width:263px;  margin:0 auto;}
.sendinbluewebapi:hover{background:url(../img/mailgun_b.png) no-repeat;height:163px; width:263px; margin:0 auto;}

.tipimailwebapi{background:url(../img/tipi-mail-web-api.png) no-repeat; height:163px; width:263px;  margin:0 auto;}
.tipimailwebapi:hover{background:url(../img/mailgun_b.png) no-repeat;height:163px; width:263px; margin:0 auto;}

.mailerq{background:url(../img/mailerq.png) no-repeat; height:163px; width:263px;   margin:0 auto;}
.mailerq:hover{background:url(../img/mailgun_b.png) no-repeat;height:163px; width:263px; margin:0 auto;}*/



/*.logoimages{width: 1000px; margin: auto; margin-top: 49px;}

.resp{width: 100%; margin: 0 auto;}
@media all and (min-width:320px) and (max-width:800px){
.resp{width: 100%; margin: 0 auto;  }
}

@media all and (min-width:320px) and (max-width:494px){
.resp{width: 100%; margin: 0 auto; margin-left: 43px;}
}

@media all and (min-width:320px) and (max-width:800px){
  .logoimages{width: 100%; margin: auto; margin-top: 49px;}

}*/



 .md{
    font-size: 16px;
    font-weight: 700;
    background: #093;
    color: #fff !important;
    padding: 12px !important;
    border-radius: 8px;
    box-shadow: #ccc 4px 6px 2px 0px;
 }

 .md:hover{
    font-size: 16px;
    font-weight: 700;
    background: #03C;
    color: #fff !important;
    padding: 12px !important;
    border-radius: 8px;
   box-shadow: #fff 0px 0px 0px 0px;