/* ------------------------------------------------------------------
 * Indonez      : Altis - Hosting Template
 * File         : style.css
 * Version      : 1.0
 * Author       : Indonez
 * Author URI   : http://indonez.com
 *
 * Indonez Copyright 2016 All Rights Reserved.
 * ------------------------------------------------------------------ */ 

/* ------------------------------------------------------------------
   
    [Table of contents]
    1. Elements
        1.1. Global
        1.2. Typhography
        1.3. Parallax Background 
    2. Header
        2.1 Logo
        2.2 Domain Search Form 
        2.3 Header Contact
        2.4 Heaver Navigation
        2.5 Login Button
        2.6 Page Title
        2.7 Slideshow
    3.  index.html
        3.1 extras section
        3.2 pricing section
        3.3 testimonial section 
    4.  index2.html
        4.1. Domain Panel
        3.4. Testimonial Slider
        3.5. Features Section
    5.  index3.html
        5.1. Domain Search Form
        5.2. Data Center
    6.  index4.html
        6.1. Domain List
        6.2. App List
        6.3. Features List
    7.  shared.html
        7.1. Pricing Section
        7.2. Features Tab
    8.  vps.html
        8.1. Pricing Section
        8.2. Web app list
        8.3. Background Parallax
        9.1. pricing section 
    9.  dedicated.html
        9.1. Pricing Section
    10. other-services.html
        10.1. Services List
        10.2. Background Parallax
        10.3. Contact Form
        10.4. Call to Action
    11. blog.html
        11.1. Post Styling
        11.2. Post Types
        11.3. Post Pagination
        11.4. Post Share
        11.5. Post Comment 
    12. contact.html
        12.1. Google Map
        12.2. Heading Map Overlay
        12.3. Contact Form
    13. domain-pricing.html
    14. features.html
    15. about.html
    16. testimonial.html
    17. portfolio.html
    18. sitemap.html
    19. 404.html
    20. client-area.html
    21. Pre-footer
    22. Footer
    
------------------------------------------------------------------ */


/* =============================================== [ 1. Elements ] =============================================== */
/* [ 1.1. Global ] */
body {
	font-family: 'Exo 2', sans-serif;
	/*font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;*/
	font-size: 17px;
    line-height: 26px;
    font-weight: normal;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Permalinks */
a,
.uk-link {
    color: #4994cd;
}
a:hover,
.uk-link:hover {
    color: #221f1f;
}

/* [ 1.2. Typography ] */
h1,.uk-h1, h2,.uk-h2, h3,.uk-h3, h4,.uk-h4, h5,.uk-h5, h6,.uk-h6 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #221f1f;
    margin-top: 0;
}
h1,
.uk-h1 {
  font-size: 36px;
  line-height: 42px;
}
h2,
.uk-h2 {
  font-size: 30px;
  line-height: 36px;
}
h3,
.uk-h3 {
  font-size: 24px;
  line-height: 30px;
}
h4,
.uk-h4 {
  font-size: 18px;
  line-height: 24px;
}
h5,
.uk-h5 {
  font-size: 16px;
  line-height: 22px;
}
h6,
.uk-h6 {
  font-size: 14px;
  line-height: 20px;
}
h1 a,.uk-h1 a, h2 a,.uk-h2 a, h3 a,.uk-h3 a, h4 a,.uk-h4 a, h5 a,.uk-h5 a, h6 a,.uk-h6 a {
    color: inherit;
}
.idz-font-rajdhani {
    font-family: 'Exo 2', sans-serif;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.bold {
    font-weight: 700;
}
.light {
    font-weight: 300;
}
.idz-text-10px {
    font-size: 10px !important;
}
.idz-text-12px {
    font-size: 12px !important;
}
.idz-text-13px {
    font-size: 13px !important;
}
.idz-text-14px {
    font-size: 14px !important;
}
.idz-text-15px {
    font-size: 15px !important;
}
.idz-text-18px {
    font-size: 18px !important;
    line-height: 26px !important;
}
.idz-text-20px {
    font-size: 20px !important;
}
.idz-text-22px {
    font-size: 22px !important;
}
.idz-text-28px {
    font-size: 28px !important;
}
.idz-text-48px {
    font-size: 48px !important;   
}
.idz-text-58px {
    font-size: 58px !important;   
}
.idz-text-68px {
    font-size: 68px !important;   
}
.idz-lineheight-1 {
    line-height: 1 !important;
}
.idz-lineheight-1-1 {
    line-height: 1.1 !important;
}
.idz-lineheight-1-2 {
    line-height: 1.2 !important;
}
.idz-lineheight-1-3 {
    line-height: 1.3 !important;
}
.idz-lineheight-1-4 {
    line-height: 1.4 !important;
}
.idz-lineheight-1-5 {
    line-height: 1.5 !important;
}
.idz-lineheight-1-6 {
    line-height: 1.6 !important;
}
.idz-lineheight-1-7 {
    line-height: 1.7 !important;
}
.idz-lineheight-1-8 {
    line-height: 1.8 !important;
}
.idz-lineheight-1-9 {
    line-height: 1.9 !important;
}
.idz-lineheight-2 {
    line-height: 2 !important;
}
.idz-lineheight-2-2 {
    line-height: 2.2 !important;
}
.idz-lineheight-2-4 {
    line-height: 2.4 !important;
}
.idz-lineheight-2-6 {
    line-height: 2.6 !important;
}
.idz-lineheight-2-8 {
    line-height: 2.8 !important;
}
.idz-lineheight-3 {
    line-height: 3 !important;
}
/* Text Color */
.idz-text-custom {
	font-weight: 300;
    font-size: 17px;
    font-family: 'Exo 2', sans-serif;
    margin-left: -3px;;
}
i .idz-text-custom-two {
	font-weight: 300;
    font-size: 16px;
    font-family: 'Exo 2', sans-serif;
}
.idz-text-custom.green {
    color: #9bc23c;
}
.idz-text-custom.orange {
    color: #f07406;
}
.idz-text-custom.blue {
    color: #4994cd;
}
.idz-text-custom.redb {
    color: #dc5980;
}
.idz-text-custom.gray {
    color: #42454a;
}
/* Text Color */
.idz-text-warning {
	color: #e28327;
}
.idz-text-black {
    color: #221f1f;
}
.idz-text-blue {
    color: #0090cf;
}
.idz-text-gray-two {
    color: #393939;
}
.idz-text-green {
    color: #9bc23c;
}
.idz-text-red, .idz-text-redb {
    color: #dc5980;
}
.idz-text-red-lite {
    color: #e37a99;
}
.idz-text-orange {
    color: #f07406;
}
.idz-text-white {
    color: #ffffff;
}
.idz-text-block {
    display: inline-block;
    background-color: #4d5152;
    color: #ffffff;
    padding: 5px 7px;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    margin-left: 6px;
}
.idz-text-block.redb {
    background-color: #dc5980;
}
.idz-text-block.blue {
    background-color: #4994cd;
}

.pullquote-right,
.pullquote-left {
    color: #9c9c9c;
    float: right;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 9px;
    margin-left: 25px;
    padding-left: 25px;
    width: 50%;
    font-style: italic;
    line-height: 28px;
    border-left: 5px solid #ddd
}

.pullquote-left {
    border-right: 5px solid #ddd;
    border-left: none;
    float: left;
    margin-left: 0;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 25px
}

blockquote cite:before {
    content: "\2014 \0020"
}
.highlight {
    padding: 2px 4px;
    background: #0090cf;
    color: #fff;
    vertical-align: baseline;
}

.zones-groups-title a {
    padding: 2px 10px 5px 10px;
    color: #fff;
    vertical-align: baseline;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	border-radius: 0.15em;
	cursor: pointer;
	text-decoration: none;
}
.zones-groups-title.green a {
    background: #9bc23c;
}
.zones-groups-title.orange a {
    background: #f07406;
}
.zones-groups-title.blue a {
    background: #4994cd;
}
.zones-groups-title.redb a {
    background: #dc5980;
}
.zones-groups-title.gray a {
    background: #42454a;
}
.zones-groups-title.green a:hover,
.zones-groups-title.orange a:hover,
.zones-groups-title.blue a:hover,
.zones-groups-title.redb a:hover,
.zones-groups-title.gray a:hover {
    opacity: 0.9;
    filter: alpha(opacity=50); /* For IE8 and earlier */;
}
.zones-groups-title.active a {
    background: #fff;
	color: #221f1f;
	text-transform: uppercase;

}
.dropcap1 {
    width: 42px;
    height: 42px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    line-height: 42px;
    background: #42454a;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    margin: 7px 10px 0 0
}
.dropcap2 {
    width: 42px;
    height: 42px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    line-height: 42px;
    background: #42454a;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    margin: 7px 10px 0 0
}
.dropcap3 {
    font-size: 42px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #42454a;
    text-align: center;
    float: left;
    margin: 14px 10px 0 0
}
pre {
    padding: 10px 15px;
    background: #f3f3f3 url(../images/pre_bg.gif) repeat 0 -9px;
    border: 1px solid #e8e8e8;
    font: 12px / 18px Consolas, monospace, serif;
    color: #969696;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap
}

.uk-text-primary {
    color: #0090cf !important
}
.uk-margin-medium {
    margin-top: 25px;
    margin-bottom: 25px;
}
.uk-margin-medium-top {
    margin-top: 25px !important
}
.uk-margin-medium-bottom {
    margin-bottom: 25px !important
}

/* Border Radius */
.idz-border-radius {
    border-radius: 5px;
}
.idz-border {
    border: 1px solid #eaeaea;
}
.idz-border-top {
    border-top: 1px solid #eaeaea;
}
.idz-border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.idz-border-left {
    border-left: 1px solid #eaeaea;
}
.idz-border-bottom {
    border-bottom: 1px solid #eaeaea;
}

/* Pricing list margin */
.idz-bar-list {
}
.idz-bar-list li {
    margin-bottom: 10px;
    padding-top: 15px;
}

/* Custom Container */
@media (min-width: 1220px) {
    .uk-container {
        max-width: 1150px;
    }
}
.section-grey {
    background-color: #f4f4f4
}
/* Images */
.idz-img-outline {
    border: 4px solid #e9e9e9;
}

/* [ 1.3. Parallax Background ] */
.bg-parallax1 {
    background-image: url('../images/sample/bg-parallax1.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

.bg-parallax4 {
    background-image: url('../images/sample/content_bg2.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}
.bg-parallax5 {
    background-image: url('../images/sample/bg-parallax4.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}
/* =============================================== [ 2. Header ] =============================================== */
#idz-header {
    height: 166px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* [ 2.1 Logo ] */
.idz-logo {
}

/* [ 2.2 Domain Search Form ] */
.idz-search-domain-block {
    position: relative;
}
.idz-header-search-domain {
    margin-bottom: 5px;
}
.idz-search-domain-form input[type="text"] {
    font-size: 16px;
    height: 46px;
}
.idz-search-domain-form .idz-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
}
.idz-promo-domain-list {}
.idz-promo-domain-list li {
    font-size: 15px;
    color: #4994cd;
    position: relative;
}
.idz-promo-domain-list li:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 1px;
    background-color: #dadada;
    top: 10px;
    right: 20px;
}
.idz-promo-domain-list li:last-child:after {
    background-color: transparent;
    width: 0px;
}
.idz-promo-domain-list li img {
    margin-right: 7px;
    margin-top: -1px;
}

/* [ 2.3 Header Contact ] */
.idz-header-contact {
    margin-top: 20px;
}
.idz-header-contact li a:visited,.idz-header-contact li a:link {
    color: #a2a2a2;
	text-decoration: none;
}
.idz-header-contact li a:hover,.idz-header-contact li a:active {
    color: #292d2f;
	text-decoration: none;
}
.idz-header-contact li span {
	color: #4994cd;
}
.idz-header-contact li {
    font-size: 13px;
    text-transform: lowercase;
    color: #b6b6b6;
    margin-bottom: 3px;
}
.idz-header-contact li i {
    margin-right: 8px;
    font-size: 15px;
    color: #a2a2a2;
}

/* [ 2.4 Heaver Navigation ] */
.idz-header-nav {
    height: 55px;
    background-color: #4994cd;
	margin-bottom: -20px;
}
.idz-header-nav.uk-active {
    z-index: 10;
    background-color: #ececec;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2);
}
.idz-nav .uk-navbar {
    background-color: transparent;
}
.idz-nav .uk-navbar-flip {
    float: left;
}
.idz-nav .uk-navbar-nav > li > a {
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    height: 60px;
    line-height: 60px;
    padding: 0px 25px;
}
.idz-header-nav.uk-active .idz-nav .uk-navbar-nav > li > a {
    color: #4994cd;
}
.idz-nav .uk-navbar-nav > li:first-child a {
    padding-left: 0px;
}
.idz-nav .uk-navbar-nav > li:hover > a,
.idz-nav .uk-navbar-nav > li > a:focus,
.idz-nav .uk-navbar-nav > li.uk-open > a {
  background-color: transparent;
  color: #c3e5ff;
}
.idz-header-nav.uk-active .idz-nav .uk-navbar-nav > li:hover > a,
.idz-header-nav.uk-active .idz-nav .uk-navbar-nav > li > a:focus,
.idz-header-nav.uk-active .idz-nav .uk-navbar-nav > li.uk-open > a {
  color: #221f1f;
}

.idz-nav .uk-navbar-nav > li > a:active {
  background-color: transparent;
  color: #c3e5ff;
}
.idz-nav .uk-navbar-nav > li.uk-active a,
.idz-header-nav.uk-active > li.uk-active > a {
    background-color: transparent;
    color: #c3e5ff;
}
.idz-header-nav.uk-active .idz-nav .uk-navbar-nav > li.uk-active > a {
    color: #221f1f;
}
/* Dropdown */
.idz-nav .uk-navbar-nav > li:first-child >  .uk-dropdown .uk-nav-navbar > li > a {
    padding-left: 15px;
}
.idz-nav .uk-dropdown {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    background-color: #ffffff;
    -webkit-box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.2);
}
.idz-nav .uk-nav-navbar > li > a {
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.idz-nav .uk-navbar-nav > li.uk-active >  .uk-dropdown .uk-nav-navbar > li > a ,
.idz-header-nav.uk-active > li.uk-active >  .uk-dropdown .uk-nav-navbar > li > a{
    color: #221f1f;
}
.idz-nav .uk-navbar-nav > li.uk-active >  .uk-dropdown .uk-nav-navbar > li:hover > a ,
.idz-header-nav.uk-active > li.uk-active >  .uk-dropdown .uk-nav-navbar > li:hover > a{
    color: #ffffff;
}
.idz-nav .uk-nav-navbar > li:first-child > a {
}
.idz-nav .uk-nav-navbar > li:last-child > a {
}
.idz-nav .uk-nav-navbar > li > a:hover,
.idz-nav .uk-nav-navbar > li > a:focus {
  background: #4994cd;
}

.uk-nav-offcanvas > li > a {
    color: #b3b3b3;
    font-size: 13px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 20px;
    border-bottom: 1px solid #272727
}
.uk-nav-offcanvas > li.uk-parent > a:after {
    margin-right: -5px
}
.uk-nav-offcanvas ul.uk-nav-sub {
    padding: 0;
    background: #272727
}
.uk-nav-offcanvas ul.uk-nav-sub li a {
    padding: 9px 0 10px 15px
}
.uk-nav-offcanvas ul.uk-nav-sub li a:hover {
    background: #00a8e6
}

/* [ 2.5 Login Button ] */
.idz-portal-button {
    text-align: right;
}
.idz-portal-button .idz-button.xlarge {
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 3px;
	width: 178px;
}
.idz-portal-button .idz-button i {
    margin-right: 6px;
}

/* [ 2.6 Page Title ] */
#idz-header-inner {
    height: 158px;
    background-color: #2e3234;
    overflow: hidden;
}
#idz-header-contact { 
    height: 484px;
    position: relative;
}
.idz-page-title {
    position: relative;
}
.idz-title {
    position: relative;
}
.idz-title h1 {
    color: #fffefe;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}
.idz-title h1 span {
    color: #4994cd;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    display: block;
    clear: both;
    margin-top: -5px;
    text-transform: lowercase;
}
.idz-title i {
    position: absolute;
    left: 90px;
    top: -20px;
    font-size: 172px;
    color: rgba(0, 0, 0, 0.1);
    z-index: 0;
}
.idz-bill-table {
    position: relative;
}

.idz-bill-table code {
    position: absolute;
    left: 30%;
    top: 15px;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.1);
	opacity: 0.4;
    z-index: 0;
}
.idz-page-promo {}
.idz-page-promo span {
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 10px;
    color: #ffffff;
    padding: 3px;
    text-transform: uppercase;
    margin: 0;
}
.idz-page-promo p {
    font-size: 15px;
    line-height: 25px;
    color: #909090;
    margin: 0;
}
.link-plans {
    font-size: 14px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    color: #909090;
    margin-top: 20px;
    text-align: right;
    display: block;
    position: relative;
}
.link-plans:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    height: 72px;
}
.link-plans:hover {
    color: #ffffff;
}
.link-plans i {
    margin-left: 5px;
}

/* [ 2.7 Slideshow ] */
#idz-slideshow {
    height: 400px;
    overflow: hidden;
    position: relative;
}
#idz-slideshow .uk-slideshow > li {
    height: 400px;
}
#idz-slideshow .uk-slideshow > li.slide-bg-1 {
    background-color: rgba(73, 148, 205, .65);
    background-repeat: repeat;
    background-image: url('../images/sample/slideshow/slideshow-pattern.png');
}
#idz-slideshow .uk-slideshow > li.slide-bg-2 {
    background-color: #f5f5f5;
    background-image: url('../images/sample/slideshow/sld2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
#idz-slideshow .uk-slideshow > li.slide-bg-3 {
    background-color: #444444;
    background-image: url('../images/sample/slideshow/sld_object1.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.slide-bg-0 {
    background-color: #444444;
    background-image: url('../images/sample/slideshow/sld_object1.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
#idz-slideshow .uk-slideshow > li.slide-bg-4 {
    background-color: #4994cd;
    background-repeat: repeat;
    background-image: url('../images/sample/slideshow/sld4.png');
}
#idz-slideshow .uk-slideshow > li.slide-bg-5 {
    background-color: #4994cd;
    background-repeat: repeat;
    background-image: url('../images/sample/slideshow/sld5.png');
}
#idz-slideshow .uk-slideshow > li.slide-bg-6 {
    background-color: #ececec;
    background-repeat: repeat;
}
.idz-slideshow-content {
    margin-top: 15px;
}
.idz-price-tag {
    margin-bottom: 25px;
}
.idz-price-tag p {
    margin-bottom: 0;
}
.idz-price-tag h1 {
    margin-top: -5px;
}

#idz-slideshow .uk-slidenav-position .uk-slidenav-previous {
  left: -60px;
}
#idz-slideshow .uk-slidenav-position .uk-slidenav-next {
  right: -60px;
}
#idz-slideshow .uk-dotnav {
    bottom: 20px;
    margin: 0 auto;
    padding: 2px 4px 6px;
}
#idz-slideshow .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border-radius: 0;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 1);
}
#idz-slideshow .uk-dotnav > li {
    background-color: rgba(0, 0, 0, 0.3);
    width: 13px;
    height: 13px;
    padding: 6px 3px 5px;
}
#idz-slideshow .uk-dotnav > li:first-child {
    padding-left: 6px;
}
#idz-slideshow .uk-dotnav > li:last-child {
    padding-right: 6px;
}
#idz-slideshow .uk-dotnav > .uk-active > * {
  background: rgba(255, 255, 255, 1);
}
#idz-slideshow .uk-dotnav > * {
    padding-left: 5px;
}

.slide-content4 {
    position: relative;
    top: 50px;
}
.slide-content2 {
    position: relative;
    top: 40px;
}
.slide-content2 h1 {
    font-size: 48px;
    line-height: 48px;
}
.slide-content2 h3 span.small-month {
    font-size: 18px
}
.slide-content3 {
    float: left;
    position: relative;
    top: -100px;
    left: 400px;
    color: #393939
}
.slide-content3 {
    float: left;
    position: relative;
    top: 140px;
    left: 0;
    color: #393939
}
.sld3-img {
    position: relative;
    bottom: -77px;
}
.ribbon-slide {
    position: absolute;
    top: 0;
    right: 0px;
}
.ribbon-slide:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 282px;
    border: 89px solid #e37a99;
    border-top: 0 solid;
    border-bottom: 30px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    position: relative;
    margin-top: -270px;
    z-index: 777
}
.ribbon-slide h1,
.ribbon-slide h2,
.ribbon-slide h3,
.ribbon-slide h4,
.ribbon-slide p {
    position: relative;
    z-index: 999;
    color: #ffffff;
}
.ribbon-slide h1 {
    margin: 26px 10px 8px;
    font-size: 36px
}
.ribbon-slide h2 {
    margin-bottom: 15px;
    font-size: 36px
}
.ribbon-slide h3 {
    font-size: 22px
}
.ribbon-slide h4 {
    margin-bottom: 5px
}
.ribbon-slide p {
    margin-top: 24px;
    text-transform: uppercase;
    font-size: 12px;
    color:  #ffffff;
}
.ribbon-slide h3 span.small-month {
    font-size: 18px
}
/* =============================================== [ 3. index.html / homepage ] =============================================== */
/* [ 3.1 extras section ] */
#idz-extras {
}
.idz-extras-list {
    padding-left: 0;
}
.idz-extras-list li {
    font-size: 13px;
    position: relative;
    text-align: center;
    color: #221f1f;
}
.idz-extras-list li img {
    margin: 10px auto 0;
    clear: both;
    display: block;
}
.idz-extras-intro {
    font-size: 15px;
    padding-right: 30px;
    line-height: 18px;
    color: #221f1f;
    position: relative;
    text-align: left;
}
.idz-extras-intro span {
    display: block;
    line-height: 24px;
    margin-top: 15px;
    font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}
.idz-extras-intro:before,
.idz-extras-intro:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #4994cd;
    right: 0;
    top: 0;
    z-index: 0;
}
.idz-extras-intro:after {
    content: "\f138";
    font-family: FontAwesome;
    width: auto;
    background-color: transparent;
    color: #4994cd;
    font-size: 15px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    background-color: #ffffff;
    right: -5px;
    top: 42%;
    z-index: 1;
}

/* [ 3.2 pricing section ] */
#idz-pricing {
}
.idz-intro-text {}
.idz-intro-text p {
    margin: 0;
}

.idz-pricing-list {}
.idz-pricing-list li {
    position: relative;
}
.idz-pricing-list li .idz-pricing-content {
    padding: 30px 26px 35px 25px;
    border: 2px solid rgba(73, 148, 205, 1);
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.idz-pricing-list li .idz-pricing-item.vps .idz-pricing-content {
    padding: 0;
}
.idz-pricing-list li .idz-pricing-content.orange {
    border-color: #f07406;
}
.idz-pricing-list li .idz-pricing-content.gray {
    border-color: #42454a;
}
.idz-pricing-list li .idz-pricing-content.green {
    border-color: #9bc23c;
}
.idz-pricing-list li .idz-pricing-content.redb {
    border-color: #dc5980;
}
.idz-pricing-list li .idz-pricing-content.blue {
    border-color: #4994cd;
}
.idz-pricing-list li .idz-pricing-content h3 span {
    font-weight: 300;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    color: #4994cd;
    margin-left: -3px;
}
.idz-pricing-list li .idz-pricing-content.orange h3 span {
    color: #f07406;
}
.idz-pricing-list li .idz-pricing-content.green h3 span {
    color: #9bc23c;
}
.idz-pricing-list li .idz-pricing-content.gray h3 span {
    color: #42454a;
}
.idz-pricing-list li .idz-pricing-content.redb h3 span {
    color: #dc5980;
}
.idz-pricing-list li .idz-pricing-content.blue h3 span {
    color: #4994cd;
}
.idz-pricing-list li .idz-pricing-content p {
    color: #777777;
    font-size: 15px;
    line-height: 24px;
}
.idz-pricing-list li .idz-pricing-content p.pricing-intro {
    font-size: 18px;
    color: #4994cd;
}
.idz-pricing-content .idz-features-list {
    margin-bottom: 30px;
}
.idz-pricing-content .idz-features-list li {
    font-size: 15px;
    color: #777777;
    margin-bottom: 12px;
}
.idz-pricing-content .idz-features-list li i {
    color: #4994cd;
    margin-right: 10px;
}
.idz-pricing-content.orange .idz-features-list li i {
    color: #f07406;
}
.idz-pricing-content.green .idz-features-list li i {
    color: #9bc23c;
}
.idz-pricing-content.gray .idz-features-list li i {
    color: #42454a;
}
.idz-pricing-content.redb .idz-features-list li i {
    color: #dc5980;
}
.idz-pricing-content.blue .idz-features-list li i {
    color: #4994cd;
}
.idz-pricing-content.orange strong, .idz-pricing-content.grey strong, .idz-pricing-content.green strong, .idz-pricing-content.blue strong, .idz-pricing-content.redb strong {
    color: #000;
}

.idz-pricing-bg-icon {
    position: absolute;
    right: -65px;
    bottom: 20px;
    z-index: -1;
}
.idz-pricing-bg-icon i {
    font-size: 172px;
    color: #f3f3f3;
}
.idz-pricing-badge-icon {
    background-color: #4994cd;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    line-height: 76px;
    right: -30px;
    top: -30px;
    border: 15px solid #ffffff;
    position: absolute;
    z-index: 3;
}
.idz-pricing-badge-icon.gray {
    border-color: #f6f6f6;
}
.idz-pricing-badge-icon i {
    color: #ffffff;
    font-size: 28px;
    line-height: 76px;
    display: block;
    text-align: center;
    vertical-align: middle;
}
.idz-pricing-badge-icon.orange {
    background-color: #f07406;
}
.idz-pricing-badge-icon.green {
    background-color: #9bc23c;
}
.idz-pricing-badge-icon.gray {
    background-color: #42454a;
}
.idz-pricing-badge-icon.redb {
    background-color: #dc5980;
}
.idz-pricing-badge-icon.blue {
    background-color: #4994cd;
}

/* Section */
#idz-features {
    position: relative;
    z-index: 1;
}

/* [ 3.3 testimonial section ] */
.idz-testimonial-wrapper {
    border: 2px solid #dc5980;
    text-align: center;
    padding: 40px;
    position: relative;
    margin-top: 40px;
}
.idz-testimonial-wrapper blockquote {
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    color: #bababa;
    padding-left: 0;
    border-left-width: 0px;
    line-height: 28px;
}
.idz-testi-img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    position: absolute;
    left: -45px;
    top: -45px;
    border: 15px solid #ffffff;
    z-index: 1;
}
.idz-testimonial-slider {}
.idz-testimonial-slider .uk-slidenav {
    width: 36px;
    height: 36px;
    /* 3 */
    line-height: 36px;
    color: rgba(73, 148, 205, 1);
    font-size: 36px;
}
.uk-slidenav-position.idz-testimonial-slider .uk-slidenav {
    top: 60%;
}
.uk-slidenav-position.idz-testimonial-slider .uk-slidenav .uk-slidenav-previous {
    left: -100px;
}
.uk-slidenav-position.idz-testimonial-slider .uk-slidenav .uk-slidenav-next {
  right: -100px;
}

/* =============================================== [ 4. index2.html / homepage 2 ] =============================================== */
/* [ 4.1. Domain Panel ] */
.idz-panel-logo,
.idz-panel-domain,
.idz-panel-domain.alt {
    height: 110px;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: center
}
.idz-panel-domain.alt {
    background: #fff;
}
.idz-panel-domain.alt img {
    top: 0px
}
.idz-panel-logo .uk-vertical-align-middle {
    width: 100%;
}

.idz-panel-logo img {
    width: 70%;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.idz-panel-domain img {
    width: 90%;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    position: relative;
    top: -12px
}

.idz-panel-logo:hover img,
.idz-panel-domain:hover img {
    opacity: .9
}

.idz-panel-domain-red {
    height: 110px;
    background: #dc5980 !important;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: center
}

.idz-panel-domain-red.alt {
    height: 70px;
}

/* =============================================== [ 5. index3.html / homepage 3 ] =============================================== */
/* [ 5.1. Domain Search Form ]*/
#domain-search3 button {
    margin: 18px 0 15px
}
#domain-search3 input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0 2px 10px 0;
    position: relative;
    top: 3px
}
#domain-search3 label {
    margin-right: 10px
}
#domain-search input:focus {
    background: #f0fafe;
}
#domain-search input {
    width: 59%
}
/* [ 5.2. Data Center ]*/
.datacenter-location {
    max-height: 510px;
    margin-top: 38px
}
.datacenter-location img {
    width: 75%
}
.datacenter-location .marker {
    width: 29px;
    height: 37px;
    background: url(../images/sample/datacenter_marker.svg) no-repeat;
    display: inline-block;
    position: relative
}
#newark {
    top: -365px;
    left: 385px
}
#louisville {
    top: -290px;
    left: 215px
}
#denver {
    top: -320px;
    left: -90px
}
#dallas {
    top: -170px;
    left: -10px
}
#sanfranscisco {
    top: -330px;
    left: -410px
}
#irvine {
    top: -250px;
    left: -410px
}
.quick-info {
    font-size: 28px
}
.quick-info i.uk-icon-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #0090cf;
    color: #fff;
    font-size: 28px;
    transition: all .5s ease
}
.quick-info:hover i.uk-icon-button {
    background: #dc5980
}
.quick-info:hover a {
    color: #dc5980
}
.quick-info a {
    color: #0090cf;
    text-decoration: none;
    position: relative;
    top: 25px;
    transition: all .5s ease
}
.product-box {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.product-box img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

/* =============================================== [ 6. index4.html / homepage 4 ] =============================================== */
/* [ 6.1. Domain List custom ]*/
.domain-list-custom li {
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 22px;
    padding-top: 12px;
}
/* [ 6.1. Domain List ]*/
.domain-list li {
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 24px;
    line-height: 55px
}
.domain-list li a.uk-button {
    margin-top: 11px
}
.people-align {
    margin-top: -85px;
    position: absolute;
}
/* [ 6.2. App List ]*/
.app-list li {
    margin: 10px 0 14px 21px;
    padding: 20px;
    display: inline-block;
    list-style: none;
    width: 60px;
    height: 60px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 0 0 2px rgba(255,255,255,.2);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.2);
}
.app-list li div.uk-vertical-align-middle {
    width: 100%;
}
.app-list li:nth-child(4n+1) {
    margin-left: 0
}
.app-list li img {
    width: 85%
}
/* [ 6.3. Features List ]*/
.feature-wrap2 {
    max-width: 557px
}
.feature-wrap2.uk-float-right {
    margin-right: 35px
}
.feature-wrap2.uk-float-left {
    margin-left: 0
}
.section-red {
    background: #dc5980
}
.section-red2 {
    background: #e37a99
}

/* =============================================== [ 7. shared.html / shared hosting page ] =============================================== */
/* [ 7.1. pricing section ]*/
.idz-pricing-item.shared {
}
.idz-pricing-item.shared .idz-pricing-content h1 {
    line-height: 1;
    margin: 0;
}
.idz-pricing-item.shared .idz-pricing-content h1 span {
    font-size: 17px;
    color: #4994cd;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.idz-pricing-item.shared .idz-pricing-content.orange h1 span {
    color: #f07406;
}
.idz-pricing-item.shared .idz-pricing-content.green h1 span {
    color: #9bc23c;
}
.idz-pricing-item.shared .idz-pricing-content.gray h1 span {
    color: #42454a;
}
.idz-pricing-item.shared .idz-pricing-content.redb h1 span {
    color: #dc5980;
}
.idz-pricing-item.shared .idz-pricing-content.blue h1 span {
    color: #4994cd;
}
.idz-pricing-item.shared .idz-pricing-content p {
    margin-top: 0;
}
.idz-pricing-item.shared .idz-pricing-content h5 {
    background-color: #4994cd;
    color: #ffffff;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.idz-pricing-item.shared .idz-pricing-content.orange h5 {
    background-color: #f07406;
}
.idz-pricing-item.shared .idz-pricing-content.green h5 {
    background-color: #9bc23c;
}
.idz-pricing-item.shared .idz-pricing-content.gray h5 {
    background-color: #42454a;
}
.idz-pricing-item.shared .idz-pricing-content.redb h5 {
    background-color: #dc5980;
}
.idz-pricing-item.shared .idz-pricing-content.blue h5 {
    background-color: #4994cd;
}
.idz-pricing-item.shared .idz-pricing-badge-icon {
    right: 15px;
    top: 75px;
}
.idz-pricing-item.shared .idz-pricing-content .idz-list-check {
    margin-bottom: 25px;
}
.idz-pricing-foot {
    background-color: #f6f6f6;
    margin-top: 35px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -35px;
    padding: 15px 20px;
}
.idz-pricing-foot p {
    margin: 0;
    font-size: 10px !important;
    text-transform: uppercase;
    color: #777777;
}
.idz-pricing-item.shared .idz-pricing-bg-icon {
    bottom: 70px;
}

/* [ 7.2. Features Tab ]*/
.idz-tabs-heading {
    background-color: #e4e4e4;
    height: 58px;
}
.idz-tabs-content {
    background-color: #f6f6f6;
    background-image: url('../images/sample/bg-pattern.png');
    background-repeat: repeat;
    min-height: 346px;
}
.idz-features-tabs {
    margin-top: 0px;
}
.uk-tab.idz-features-tabs > li  {
    width: 20%;
}
.uk-tab.idz-features-tabs > li > a {
    padding: 15px 12px 16px 12px;
    border: 1px solid transparent;
    border-right: 1px solid #dddddd;
    border-left-width: 0;
    border-bottom-width: 0;
    border-top-width: 0;
    color: #7b7b7b;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #e4e4e4;
}
.uk-tab.idz-features-tabs > li.uk-active > a {
    border-right: 1px solid transparent;
    background-color: #4994cd;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 17px;
    margin-top: -5px;
}
.uk-tab.idz-features-tabs > li:not(.uk-active) > a:hover,
.uk-tab.idz-features-tabs > li:not(.uk-active) > a:focus,
.uk-tab.idz-features-tabs > li.uk-open:not(.uk-active) > a {
  padding-bottom: 17px;
  margin-bottom: 0;
}
.uk-tab.idz-features-tabs > li:nth-child(n+2) > a {
    margin-left: 0;
}

/* =============================================== [ 8. vps.html / vps page ] =============================================== */
/* [ 8.1. pricing section ] */
.idz-pricing-item.vps {
    margin-bottom: 40px !important;
}
.idz-pricing-item.vps .idz-pricing-content h5 {
    background-color: #4994cd;
    color: #ffffff;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-bottom: 25px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}
.idz-vps-specs {
    padding: 25px 0px 25px 25px;
}
.idz-vps-price {
    background-color: #f6f6f6;
    height: 100%;
    padding: 65px 25px 0px 25px;
    position: relative;
}
.idz-vps-price h2 {
    border-bottom: 1px solid #eaeaea;
}
.idz-vps-price p {
    font-size: 18px !important;
}
.idz-vps-price span.cycle {
    font-size: 15px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
}
.idz-vps-price .uk-button {
    color: #4994cd;
    background-color: transparent;
}

.idz-vps-price .idz-pricing-badge-icon {
    z-index: 10;
}
.idz-vps-price.featured h5 {
    background-color: #dc5980 !important;
}
.idz-vps-price.featured span.cycle {
    color: #dc5980;  
	font-family: 'Exo 2', sans-serif;	
}
.idz-vps-price.featured .uk-button {
    color: #dc5980;    
}

/* [ 8.2. Web app list ] */
.web-app-list {}
.web-app-list li {
    border-right: 1px solid #dddddd;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.web-app-list li:nth-child(4n) {
    border-right: none;
}
.web-app-list li:nth-child(n+5) {
    border-top: 1px solid #dadada;
}

/* [ 8.3. Background Parallax ] */
.bg-parallax2 {
    background-image: url('../images/sample/bg-parallax2.png');
    background-repeat: no-repeat;
    background-position: top center;
}


/* =============================================== [ 9. dedicated.html / dedicated page ] =============================================== */
/* [ 9.1. pricing section ]*/
.idz-table-heading {
    background-color: #4994cd;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
}
.idz-pricing-table th {
    padding: 15px;
    text-align: center;
}
.idz-pricing-table th:last {
    text-align: left;
}
.idz-pricing-table td {
    border: 1px solid #eeeeee;
    font-size: 15px;
    padding: 15px 8px;
    text-align: center;
    vertical-align: middle;
}
.idz-pricing-table td:first-child, 
.idz-pricing-table td:last-child {
    border: none;
    border-bottom: 1px solid #eeeeee;
}
.idz-pricing-table td:first-child {
    padding-left: 13px;
    text-align: left;
}
.idz-pricing-table td:last-child {
    padding-right: 13px;
    text-align: left;
}



/* =============================================== [ 10. other-services.html / other services ] =============================================== */
/* [ 10.1. Services List ] */
.idz-services-list {}
.idz-services-list li {
    margin-bottom: 30px;
}
.idz-services-list li .idz-service-conent {
    position: relative;
}
.idz-services-list li .idz-service-conent:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -40px;
    top: 0;
    z-index: 1;
}
.idz-services-list li .idz-service-conent:after {
    position: absolute;
    content: "\f138";
    font-family: FontAwesome;
    width: auto;
    background-color: transparent;
    font-size: 15px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    background-color: #ffffff;
    left: -46px;
    top: 45%;
    z-index: 1;
}
.idz-services-list li .green.idz-service-conent:after {
	color: #9bc23c;
}
.idz-services-list li .green.idz-service-conent:before {
    background-color: #9bc23c;
}
.idz-services-list li .blue.idz-service-conent:after {
	color: #4994cd;
}
.idz-services-list li .blue.idz-service-conent:before {
    background-color: #4994cd;
}
.idz-services-list li .orange.idz-service-conent:after {
	color: #f07406;
}
.idz-services-list li .orange.idz-service-conent:before {
    background-color: #f07406;
}
.idz-services-list li .gray.idz-service-conent:after {
	color: #42454a;
}
.idz-services-list li .gray.idz-service-conent:before {
    background-color: #42454a;
}
.idz-services-list li .redb.idz-service-conent:after {
	color: #dc5980;
}
.idz-services-list li .redb.idz-service-conent:before {
    background-color: #dc5980;
}
/* =============================================== [ 10. other-services.html / other services ] =============================================== */
/* [ 10.1. Services List ] */
.idz-services-list {}
.idz-services-list li {
    margin-bottom: 30px;
}
.idz-services-list li .idz-service-content {
    position: relative;
}
.idz-services-list li .idz-service-content:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #4994cd;
    left: -40px;
    top: 0;
    z-index: 1;
}
.idz-services-list li .idz-service-content:after {
    position: absolute;
    content: "\f138";
    font-family: FontAwesome;
    width: auto;
    background-color: transparent;
    color: #4994cd;
    font-size: 15px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    background-color: #ffffff;
    left: -46px;
    top: 45%;
    z-index: 1;
}

/* [ 10.2. Background Parallax ] */
.bg-parallax3 {
    background-image: url('../images/sample/bg-parallax3.png');
    background-repeat: no-repeat;
    background-position: top right;
}

/* [ 10.3. Contact Form ] */
.idz-form-wrapper {
    border: 2px solid #db5880;
    padding: 40px 70px 30px;
    position: relative;
}
.idz-form-wrapper i {
    background-color: #db5880;
    font-size: 28px;
    color: #ffffff;
    border-radius: 50%;
    width: 77px;
    height: 77px;
    line-height: 77px;
    text-align: center;
    position: absolute;
    right: -45px;
    top: -45px;
    border: 15px solid #ffffff;
}
.idz-form legend {
    margin-bottom: 10px;
}
.idz-form legend:after {
    border: none;
}
.idz-form input[type],
.idz-form textarea,
.idz-form select {
    margin-bottom: 25px;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 0px;
    color: #b3b3b3;
}
.idz-form input[type] {
    height: 46px;
}
.idz-form select {
    border-radius: 0px !important;
}

/* [ 10.4. Call to Action ] */
.idz-cta {
    padding: 35px 30px 25px;
    border-top: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    text-align: center;
    background-image: url('../images/sample/bg-cta.png');
    background-repeat: no-repeat;
    background-position: top center;
}

/* =============================================== [ 11. blog.html  ] =============================================== */
/* [ 11.1. Post Styling ]*/
.idz-post {
    border: 2px solid #4994cd;
    padding: 60px 70px;
    margin-bottom: 40px;
    position: relative;
}
 .idz-post.quote, 
 .idz-post.link {
    border: none;
    background-color: #4994cd;
    position: relative;
    overflow: hidden;
 }
.idz-post.link {
    background-color: #f6f6f6;
 }
 .idz-post.link a {
    font-size: 24px;
    font-style: italic;
 }
.idz-post.quote:after,
.idz-post.link:after {
    content: "\f10e";
    font-family: "fontAwesome";
    right: -5px;
    bottom: 25px;
    font-size: 132px;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
}
.idz-post.link:after {
    content: "\f0c1";
}
 .idz-post.quote blockquote {
    padding: 0;
    border: none;
    font-style: normal;
    text-align: center;
 }
 .idz-post.quote blockquote p {
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    font-weight: 300;
 }
 .idz-post.quote blockquote cite {
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    color: #ffffff;
 }
.idz-post h2 {
}
.idz-post h2 a {
    color: #4994cd;
}
.idz-post-divider {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}
.idz-post-type {
    position: absolute;
    right: -15px;
    top: -40px;
}
.idz-post-type i {
    border: 15px solid #ffffff;
    font-size: 18px;
    width: 54px;
    height: 54px;
    color: #ffffff;
    background-color: #4994cd;
    border-radius: 50%;
    line-height: 54px;
    text-align: center;
}
.idz-post-info {
    display: block;
    margin-bottom: 30px;
}
.idz-post-info li {
    display: inline-block;
    font-size: 15px;
    padding-right: 20px;
    margin-right: 20px;
    position: relative;
}
.idz-post-info li:after {
    position: absolute;
    content: "\2F";
    top: 0;
    right: 0;
}
.idz-post-info li:last-child:after {
    content: "";
}
.idz-post-info li i {
    margin-right: 8px;
}
.idz-post-content p {
    line-height: 26px;
}


/* [ 11.2. Post Types ]*/
.idz-post-slider {
    margin-bottom: 30px;
}
.idz-iframe-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 33px;
    overflow: hidden;
}
.idz-iframe-video iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.idz-post-audio,
.idz-post-picture {
    margin-bottom: 20px;
}
.idz-post-picture {
    margin-bottom: 25px;
}

/* [ 11.3. Post Pagination ] */
.idz-pagination {}
.uk-pagination.idz-pagination > li > a {
    background-color: transparent;
}
.uk-pagination.idz-pagination > li > a, .uk-pagination.idz-pagination > li > span {
    padding: 6px 8px;
    font-size: 15px;
}
.uk-pagination.idz-pagination > li:nth-child(n+2) {
    margin-left: 10px;
}
.uk-pagination.idz-pagination  > .uk-active > span,
.uk-pagination.idz-pagination  > li > a:hover {
    background-color: #2e3234;
    border-radius: 50%;
    color: #ffffff;
}
/* [ 11.4. Post Share ] */
.idz-sharing-wrapper {
    margin-bottom: 30px;
}
.idz-post-share {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.idz-post-share li {
    margin-right: 10px;
    display: inline-block;
}

/* [ 11.5. Post Comment ] */
.idz-comment {
}
ul.uk-comment-list {
    margin-bottom: 60px
}
.avatar {
    width: 60px;
    height: 60px;
    margin-top: 30px;

    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}
.avatar img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}
.comment-text {
    margin: -64px 0 20px 90px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e8e8e8
}
.comment-text h6.subheader {
    font-size: 12px;
    font-weight: 300;
    color: #939292;
    margin-top: -12px
}
.comment-text a.uk-button {
    font-size: 10px;
    padding: 2px 15px 3px;
    margin-top: -69px;
    float: right
}
.comment-text-custom {
    margin: -65px 10px -10px 70px;
    padding-bottom: 1px;
    border-bottom: 0px solid #e8e8e8
}
.comment-text-custom h5.subheader {
    font-size: 17px;
    font-weight: 300;
    color: #939292;
    margin-top: -10px
}
.comment-text-custom .dig {
    margin-top: -55px;
    float: right
}
.comment-text-custom a {
    padding: 5px 5px 5px 5px;
}
form#comment-form {
    margin: 15px 0 25px
}
form#comment-form label {
    width: 15%;
    margin-top: 10px;
    float: left
}
form#comment-form input {
    width: 80%;
    height: 38px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    margin-right: 15px;
    margin-bottom: 25px;
    float: left
}
form#comment-form textarea {
    width: 100%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}
form#comment-form em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}
/* commentform */
form#commentform {
    margin: 15px 0 25px
}
form#commentform label {
    width: 15%;
    margin-top: 10px;
    float: left
}
form#commentform input {
    width: 80%;
    height: 38px;
    padding: 4px 12px;
    margin-right: 15px;
    margin-bottom: 25px;
    float: left
}
form#commentform textarea {
    width: 100%;
    padding: 4px 12px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}
form#commentform em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}

/* Sidebar */
.idz-aside {
    margin-bottom: 30px;
}
#idz-pricing-btn {
    position: relative;
    overflow: hidden;
}
#idz-pricing-btn:before {
    font-family: "fontAwesome";
    content: "\f1cd";
    position: absolute;
    left: -5px;
    top: 28px;
    font-size: 72px;
    color: rgba(255, 255, 255, 0.1);
}

.idz-newsletter-bg {
    background-image: url('../images/sample/bg_newsletter.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-color: rgba(73, 148, 205, 1);
    padding: 30px;
}
.uk-form.idz-newsletter-form input[type="email"] {
    font-size: 12px;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}
.idz-aside-list {}
.uk-list-line.idz-aside-list > li:nth-child(n+2) {
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.uk-list-line.idz-aside-list li:last-child {
    margin-bottom: 0px;
}
.idz-aside-list a {
    color: #777777;
}
.idz-aside-list.active a {
    color: #4994cd;
}
.panel-popular {
    padding: 30px;
}
#instafeed {
    list-style: none;
    padding: 0;
    margin: 0;
}
#instafeed li {
    display: inline-block;
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}
#instafeed li:empty {
    display: none;
}
#instafeed li:nth-child(3n+3){
    margin-right: 0;
}
#instafeed li img {
    width: 90px;
    height: 90px;
}

/* =============================================== [ 12. contact.html  ] =============================================== */
/* [ 12.1. Google Map ]*/
#idz-gmap {
    width: 100%;
    height: 484px;
    position: relative;
}
#idz-gmap .gm-style {
    position: relative;
}
/* [ 12.2. Heading Map Overlay ]*/
#idz-header-contact .idz-color-overlay {
    z-index: 3;
    opacity: .8;
}
.idz-contact-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}
.idz-contact-box {
    border: 2px solid rgba(255,255,255,1);
    padding: 30px;
}

/* [ 12.3. Contact Form ]*/
#contact-form-wrapper {
    border-top: 2px solid #e8e8e8;
    width: 100%;
    margin-top: 30px;
    padding-top: 40px;
}
#contact-form-wrapper .uk-alert {
    padding-top: 14px;
    padding-bottom: 15px
}
form#contact-form label {
    width: 15%;
    margin-top: 10px;
    float: left;
    clear: both
}
form#contact-form input {
    width: 85%;
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    margin: 0 0 15px 0;
    float: left
}
form#contact-form textarea {
    width: 85%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}
form#contact-form button {
    background: #0090cf;
    color: #fff;
}
form#contactform em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}
.loading {
    font-size: 13px;
    height: 20px;
    background: url(../images/loading.gif) 0 4px no-repeat;
    margin: 7px 0 0 12px;
    padding: 0 0 0 23px;
    color: #797979;
    float: left
}
/* =============================================== [ 13. domain-pricing.html ] =============================================== */
#domain-search-page {}
#domain-search-page input[type="text"], 
#domain-search-page select {
    font-size: 17px;
    height: 46px;
	font-family: 'Exo 2', sans-serif;
}
#domain-search-page select {
    margin-left: -5px;
    padding: 4px 40px 4px 19px;
    background: #f3f3f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#domain-search-page i {
    font-size: 11px;
    color: #b6b6b6;
    position: relative;
    left: -38px;
}
#domain-search-page button {
    background-color: #4994cd;
    color: #ffffff;
    min-height: 46px;
    padding-left: 22px;
    padding-right: 22px;
    position: relative;
    left: -19px;
}
.idz-domain-pricing thead th,
.idz-domain-pricing tr td {
    text-align: center
}
.idz-domain-pricing thead th {
    font-size: 18px;
    font-weight: 400;
    color: #393939;
    padding-bottom: 22px;
    border-bottom: 1px solid #d3d3d3
}
.idz-domain-pricing tr td {
    line-height: 18px;
    vertical-align: middle;
    font-size: 16px;
    padding: 20px;
}
th.idz-domain-tld {
    width: 160px;
}
th.idz-domain-price {
    width: 200px;
}
th.idz-domain-register {
    width: 200px;
}
.idz-domain-pricing tr td.idz-domain-tld {
    font-size: 22px;
    font-weight: 400;
    color: #4994cd
}
.idz-domain-pricing tr td.idz-domain-tld i {
    margin-right: 4px;
    font-size: 18px;
    color: #4994cd;
}
.idz-domain-pricing tr td.idz-domain-tld {
    text-align: left;
    padding-left: 28px;
}
.idz-domain-pricing tr td.idz-domain-register {
    text-align: right;
    padding-right: 28px;
}

/* =============================================== [ 14. features.html ] =============================================== */
ul.hosting-apps {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    float: left;
}
ul.hosting-apps li:nth-child(3n) {
    border-right: none;
}
ul.hosting-apps li {
    width: 33.33%;
    height: 66px;
    margin: 0 -1px 0 0;
    display: inline-block;
    list-style-type: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left;
}
ul.hosting-apps li img {
    width: 30px;
    margin: 18px 5px 18px 26px;
}

.feature-ic-section {
    text-align: center;
    padding: 22px 12px!important;
    color: #fff;
}
.feature-ic-section i {
    font-size: 48px
}
.feature-ic-section p {
    font-size: 10px !important;
    line-height: 16px !important;
    text-transform: uppercase;
    position: relative;
    top: 3px;
    font-weight: 700;
}

/* =============================================== [ 15. about.html ] =============================================== */
.feature-wrap {
    max-width: 464px;
    margin-left: 76px;
}
.team-panel {
    margin-bottom: 38px !important;
    background: #222 !important;
    border-radius: 0
}

.team-panel h1,
.team-panel h2,
.team-panel h3,
.team-panel h4,
.team-panel h5,
.team-panel h6,
.team-panel p {
    margin-left: 25px;
    margin-right: 25px
}

/* =============================================== [ 16. testimonial.html ] =============================================== */
.testi-container {
    width: 100%;
    margin-bottom: 14px;
    background-color: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    float: left
}
.testi-container:before {
    width: 25px;
    height: 17px;
    background: #f4f4f4;
    content: '';
    position: absolute;
    z-index: 999;
    left: 42px;
    bottom: 0;
    margin-left: -7px
}
.testi-container:after {
    width: 17px;
    height: 17px;
    background: #f4f4f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    content: '';
    position: absolute;
    z-index: 888;
    left: 45px;
    bottom: -5px;
    margin-left: -7px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}
.testi-text {
    padding: 28px 28px 12px 28px;
    float: left
}
.testi-text blockquote {
    padding: 0;
    border-left: none;
    font-size: 16px;
    line-height: 28px;
    font-style: italic
}
.testi-text blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #d8d8d8;
    position: absolute;
    top: -10px;
    left: -10px
}
.testi-image {
    margin: 3px 15px 45px;
    background-color: #e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    float: left
}
.testi-image img {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    float: left
}
.testi-name {
    line-height: 22px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    color: #393939;
    font-size: 16px;
    margin-top: 15px;
    float: left
}
.company-name {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #393939
}
.client-testimoni ul li img {
    width: 120px;
    height: 120px;
    margin: 40px 0 10px;
    border: 4px solid #fff
}
.client-testimoni ul li {
    color: #676A6F
}
.client-testimoni ul li h4 {
    margin: 22px 0 3px
}
.client-testimoni ul li .uk-badge {
    padding: 0 8px;
    margin-bottom: 30px
}
.client-testimoni .uk-dotnav > * > * {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7)
}
.client-testimoni .uk-dotnav > * >:hover,
.client-testimoni .uk-dotnav > * >:focus,
.client-testimoni .uk-dotnav > .uk-active > * {
    background: rgba(0, 144, 207, 0.7)
}
.client-testimoni .uk-text-large {
    font-size: 16px;
    line-height: 26px
}

/* =============================================== [ 17. portfolio.html ] =============================================== */
#filter li i {
    color: #d8d8d8;
    font-size: 18px;
    margin: 0 -10px 0 -8px;
    top: 2px;
    position: relative
}
#filter li:after {
    font-size: 11px;
    color: #393939;
    content: "\2F";
    margin-left: 2px;
    top: 0;
    position: relative
}
#filter li:first-child:after,
#filter li:last-child:after {
    content: "";
    display: inline-block
}
#filter li a {
    padding: 0 10px;
    color: #393939;
    text-decoration: none
}
#filter.uk-subnav-pill > .uk-active > * {
    background: none;
    color: #4994cd;
}
#filter.uk-subnav-pill > * >:hover,
#filter.uk-subnav-pill > * >:focus {
    background: none;
    color: #4994cd;
}
#pf-container li {
    list-style: none;
}
.uk-overlay-icon:before {
    font-size: 24px;
    line-height: 48px;
    background: #0090cf;
    color: #fff;
    border-radius: 50%
}

/* =============================================== [ 18. sitemap.html ] =============================================== */
.sitemap-wrap li a,
.sitemap-wrap li a:visited {
    color: #939292;
    text-decoration: none
}

/* =============================================== [ 19. 404.html ] =============================================== */
.error404-wrap {
    margin-bottom: 30px
}
.error404-wrap h1 {
    font-size: 48px
}
.error404-wrap h1 i {
    font-size: 72px
}
.error404-wrap ul.uk-inline-icon {
    margin-top: 0;
    padding-bottom: 10px
}
.error404-wrap ul.uk-inline-icon li {
    padding-left: 20px;
    float: left
}
.error404-wrap .uk-inline-icon > li:nth-child(n+2) {
    margin-left: -5px
}
.error404-wrap ul.uk-inline-icon li a {
    color: #fff
}
.error404-wrap ul.uk-inline-icon li:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f138";
    position: absolute;
    margin-left: -20px;
    color: #fff
}

/* =============================================== [ 20. client-area.html ] =============================================== */
ul#client-area-tab.uk-tab {
    margin: -20px -22px 0 -25px;
    border-bottom: none
}
ul#client-area-tab.uk-tab-grid:before {
    border-top: none
}
ul#client-area-tab.uk-tab > li > a {
    font-size: 16px;
    padding: 22px 12px 24px;
    border: none;
    border-radius: 0
}
ul#client-area-tab.uk-tab > li:not(.uk-active) > a:hover {
    margin-bottom: 0
}
ul#client-area-tab.uk-tab > li.uk-width-large-1-2 {
    margin-right: -2px
}
#client-area .uk-modal-caption a {
    color: #fff
}
#signin-account,
#create-account {
    padding: 22px 16px
}
#signin-account .uk-form-icon,
#signin-account input[type="text"],
#signin-account input[type="password"],
#create-account .uk-form-icon,
#create-account input[type="text"],
#create-account input[type="password"] {
    width: 100%
}
#signin-account .uk-form-icon > [class*='uk-icon-'],
#create-account .uk-form-icon > [class*='uk-icon-'] {
    left: 8px;
    margin-top: -17px
}
#signin-account .uk-form-icon:not(.uk-form-icon-flip) > input,
#create-account .uk-form-icon:not(.uk-form-icon-flip) > input {
    padding-left: 38px!important
}
#signin-account input[type="text"],
#signin-account input[type="password"],
#create-account input[type="text"],
#create-account input[type="password"] {
    height: 44px;
    margin-bottom: 20px;
    padding: 4px 12px;
}
#signin-account input[type="checkbox"],
#create-account input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0 2px 10px 0;
    position: relative;
    top: 3px
}
#signin-account .uk-button,
#create-account .uk-button {
    margin: 18px 0 -15px;
	 font-weight: bold;
}
.account-hr {
    margin: 18px 0
}
#account-box a:hover {
    text-decoration: none
}
.idz-panel.account h4 {
    margin-top: -4px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}
.idz-panel.account h1 {
    width: 50px;
    height: 50px;
    margin-bottom: 2px;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    border: 2px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}
.panel-promo i {
    margin-right: 25px;
    float: left
}
.panel-promo h2 {
    margin-top: 2px
}

#active-orders:after,
#active-domain:after,
#due-invoices:after,
#active-services:after {
    font-family: FontAwesome;
    font-size: 50px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.1);
    margin-top: -40px;
    float: right;
	margin-right: -20px;
}
#active-orders:after {
    content: "\f00a"
}
#active-domain:after {
    content: "\f0ac"
}
#due-invoices:after {
    content: "\f1ec"
}
#active-services:after {
    content: "\f12e"
}
#notif-icon {
    margin: 30px 0 0;
}
#notif-icon li {
    width: 42px;
    display: inline;
    margin-right: 10px;
    list-style: none;
    float: left
}
#notif-icon li:last-child {
    margin-right: 0;
}
#notif-icon li a,
#notif-icon li a:visited {
    color: #a8a8a8
}
#notif-icon li i {
    font-size: 18px
}
#notif-icon li .uk-badge {
    position: relative;
    top: 3px;
    left: -10px
}
#notif-icon li .uk-badge {
    font-size: 9px;
    font-weight: 400;
    line-height: 16px
}
#notif-icon li .uk-badge-notification {
    min-width: 16px
}
#notif-icon-custom {
    margin: 30px 0 0;
}
#notif-icon-custom li {
	/*width: 42px;*/
    display: inline;
    margin-right: 10px;
    list-style: none;
    float: left
}
#notif-icon-custom li:last-child {
    margin-right: 0;
}
#notif-icon-custom li a,
#notif-icon-custom li a:visited {
    color: #a8a8a8
}
#notif-icon-custom li i {
    font-size: 18px
}
#notif-icon-custom li .uk-badge {
    position: relative;
    top: 3px;
    left: -10px
}
#notif-icon-custom li .uk-badge {
    font-size: 9px;
    font-weight: 400;
    line-height: 16px
}
#notif-icon-custom li .uk-badge-notification {
    min-width: 16px
}
ul.overview-list {
    margin-top: -9px
}
.overview-list li {
    border-bottom: 1px solid #ddd;
    line-height: 44px
}
.overview-list li:last-child {
    border-bottom: none
}
.overview-list li .uk-badge {
    position: relative;
    top: 12px
}

/* =============================================== [ 21. Pre-Footer ] =============================================== */
#pre-footer {
    background-image: url('../images/sample/bg-prefooter.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #dc5980;
}
.idz-price-badge {
    position: relative;
    width: 90px;
    height: 90px;
    margin-top: -20px;
}
.idz-price-badge:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #4994cd;
    z-index: 0;
    top: 0;
    left: 10px;
}
.idz-price-badge-content {
    line-height: 1;
    position: relative;
    z-index: 1;
    /* Safari */
    -webkit-transform: rotate(-10deg);
    /* Firefox */
    -moz-transform: rotate(-10deg);
    /* IE */
    -ms-transform: rotate(-10deg);
    /* Opera */
    -o-transform: rotate(-10deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    top: 7px;
}
.idz-price-badge-content span.intro {
    font-size: 15px;
	padding-left: 15px;
}
.idz-price-badge-content span.intro-two {
    font-size: 15px;
    font-weight: 300;
}
.idz-price-badge-content span.price {
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
}
.idz-price-badge-content span.cycle {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
/* ================================================================================================================== */
.idz-price-badge-content-custom span.intro {
    font-size: 18px;
}
.idz-price-badge-content-custom span.price {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.idz-price-badge-content-custom span.cycle {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

/* =============================================== [ 22. Footer ] =============================================== */
#idz-footer {
    background-color: #2e3234;
}
.idz-footer-menu {}
.idz-footer-menu li {
    font-size: 15px;
    color: #909090;
    margin-bottom: ;
}
.idz-footer-menu li a {
    color: #909090;
}
.idz-footer-social li {
    margin-bottom: 15px;
}

.idz-footer-note {
    color: #909090;
}
.idz-footer-note span {
    color: #4f92ca;
}
.idz-site-copyright {
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}
.to-top {
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    background: #4994cd;
    color: #fff;
    font-size: 22px;
    line-height: 46px;
    display: none;
    z-index: 2;
}

.selectFooter {
    /* Size and position */
    position: relative;
    width: 150px;
    padding: 5px 5px 5px 10px;

    /* Styles */
    background: #434749;
    border-radius: 0.15em;
    cursor: pointer;
    outline: none;
	font-weight: 600;
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;


}

.selectFooter span {
    /* Font settings */
    color: #e3e3e3;
	padding-left: 23px; 
	background: url(/img/world_lg.png) no-repeat;
}



.selectFooter:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%; 
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #e3e3e3 transparent;
	margin-left: -15px;
}

.selectFooter .dropdown {
  /* Size & position */
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;

    /* Styles */
    background: #434749;
 
	border-radius: 0.15em;
    border: 0px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s  ease-in;
    -ms-transition: all 0.2s  ease-in;
    -o-transition: all 0.2s  ease-in;
    transition: all 0.2s  ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
	
}

.selectFooter .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 10px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #2e3234 transparent;  	
}

.selectFooter .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent; 	
}

.selectFooter .dropdown li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #fdfdfd;
    border-bottom: 0px solid #434e74;
    box-shadow: inset 0 0px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.5s  ease-out;
    -moz-transition: all 0.5s  ease-out;
    -ms-transition: all 0.5s  ease-out;
    -o-transition: all 0.5s  ease-out;
    transition: all 0.5s  ease-out;
    font-size: 17px;
    font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	margin-left: -20px;
	margin-top: 12px;
}

.selectFooter .dropdown li i {
    color: inherit;
}

.selectFooter .dropdown li:first-of-type a {
    border-radius: 0.15em
}

.selectFooter .dropdown li:last-of-type a {
    border: none;
    border-radius: 0.15em
}

/* Hover state */

.selectFooter .dropdown li:hover a {
	width: 200%;
	margin-top: 12px;
	margin-left: -20px;
    background: #2e3234;
	border-radius: 0.15em;
	color: #db5880;
    font-size: 17px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
}

.selectFooter .dropdown .selec {
	width: 100%;
	padding: 0 0 2px 0;
    background: #db5880;
	border-radius: 0.15em;
	color: #fdfdfd;
    font-size: 17px;
    font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}

/* Active state */

.selectFooter.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .selectFooter .dropdown,
.no-pointerevents .selectFooter .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .selectFooter.active .dropdown,
.no-pointerevents .selectFooter.active .dropdown {
    display: block;
}

.hosting-cube-1 {
	background: url(/img/hosting-cube-1.png) no-repeat;
}
.hosting-cube-2 {
	background: url(/img/hosting-cube-2.png) no-repeat;
}
.hosting-cube-3 {
	background: url(/img/hosting-cube-3.png) no-repeat;
}
.hosting-cube-4 {
	background: url(/img/hosting-cube-4.png) no-repeat;
}
.hosting-cube-5 {
	background: url(/img/hosting-cube-5.png) no-repeat;
}

a .payment_meth-visa { 
	width: 115px; 
	height: 35px;
	background: url(/img/icon-visa.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-visa {
	width: 115px;
	height: 35px;
	background: url(/img/icon-visa.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-bitcoin {
	width: 35px;
	height: 35px;
	background: url(/img/icon-bitcoin.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-bitcoin {
	width: 35px;
	height: 35px;
	background: url(/img/icon-bitcoin.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-mastercard {
	width: 57px;
	height: 35px;
	background: url(/img/icon-mastercard.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-mastercard {
	width: 57px;
	height: 35px;
	background: url(/img/icon-mastercard.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-webmoney {
	width: 35px;
	height: 35px;
	background: url(/img/icon-webmoney.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-webmoney {
	width: 35px;
	height: 35px;
	background: url(/img/icon-webmoney.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-yandex {
	width: 31px;
	height: 35px;
	background: url(/img/icon-yandex.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-yandex {
	width: 31px;
	height: 35px;
	background: url(/img/icon-yandex.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-advcash {
	width: 35px;
	height: 35px;
	background: url(/img/icon-advcash.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-advcash {
	width: 35px;
	height: 35px;
	background: url(/img/icon-advcash.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-amex {
	width: 54px;
	height: 35px;
	background: url(/img/icon-amex.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-amex {
	width: 54px;
	height: 35px;
	background: url(/img/icon-amex.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-bank {
	width: 35px;
	height: 35px;
	background: url(/img/icon-bank.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-bank {
	width: 35px;
	height: 35px;
	background: url(/img/icon-bank.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-btce {
	width: 141px;
	height: 35px;
	background: url(/img/icon-btce.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-btce {
	width: 141px;
	height: 35px;
	background: url(/img/icon-btce.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-dogecoin {
	width: 34px;
	height: 35px;
	background: url(/img/icon-dogecoin.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-dogecoin {
	width: 34px;
	height: 35px;
	background: url(/img/icon-dogecoin.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-litcoin {
	width: 35px;
	height: 35px;
	background: url(/img/icon-litcoin.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-litcoin {
	width: 35px;
	height: 35px;
	background: url(/img/icon-litcoin.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-mobilepay {
	width: 37px;
	height: 35px;
	background: url(/img/icon-mobilepay.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-mobilepay {
	width: 37px;
	height: 35px;
	background: url(/img/icon-mobilepay.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-okpay {
	width: 66px;
	height: 35px;
	background: url(/img/icon-okpay.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-okpay {
	width: 66px;
	height: 35px;
	background: url(/img/icon-okpay.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-payeer {
	width: 35px;
	height: 35px;
	background: url(/img/icon-payeer.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-payeer {
	width: 35px;
	height: 35px;
	background: url(/img/icon-payeer.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-paypal {
	width: 32px;
	height: 35px;
	background: url(/img/icon-paypal.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-paypal {
	width: 32px;
	height: 35px;
	background: url(/img/icon-paypal.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-perfectmoney {
	width: 35px;
	height: 35px;
	background: url(/img/icon-perfectmoney.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-perfectmoney {
	width: 35px;
	height: 35px;
	background: url(/img/icon-perfectmoney.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a .payment_meth-qiwi {
	width: 32px;
	height: 35px;
	background: url(/img/icon-qiwi.gray.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}
a:hover .payment_meth-qiwi {
	width: 32px;
	height: 35px;
	background: url(/img/icon-qiwi.png);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s  ease-in;
    -ms-transition: all 0.15s  ease-in;
    -o-transition: all 0.15s  ease-in;
    transition: all 0.15s  ease-in;
}

.whois.checkboxzone {
	background: #000;
	
}
input:checked + div  {
    background: #f2f1f1;
	color: #fff;
   }

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }

.select_all {
  float: right;
  margin-right: 100px;
  width: 183px;
  height: 26px;
  background: #fff;
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.select_all:hover {
    opacity: 0.9;
    filter: alpha(opacity=50); /* For IE8 and earlier */;
}

.select_all:after {
  content: 'Отметить все';
  color: #000;
  position: absolute;
  right: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.select_all:before {
  content: 'Убрать все';
  color: #4994cd;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
}
.select_all label {
  display: block;
  width: 89px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background: #4994cd;
  border-radius: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.select_all input[type=checkbox] {
  visibility: hidden;
}
.select_all input[type=checkbox]:checked + label {
  left: 88px;
}
.whois-table-groups {
	float: right;
	margin-right: 100px;
}
.whois-result-available  {
  /*width: 200px;*/
  color: #2e3234;
  font-family: 'Exo 2', sans-serif;
  font-size: 19px;
  font-weight: 500;
  padding-left: 30px;
}
.whois-result-price {
  color: #2e3234;
  font-family: 'Exo 2', sans-serif;
  font-size: 22px;
  font-weight: 500;
}
.whois-result-order-button  {
  float: right;
  margin-right: 20px;
  padding: 10px 10px 10px 10px; 
}
.whois-result-table  {
  border: 4px solid #e4e4e4;
}
.whois-view-zone {
    font-family: 'Exo 2', sans-serif;
    font-size: 19px;
    font-weight: 400;
	color: #221f1f;
	cursor: pointer;
	position: absolute;
}
.whois-view-table-zone {
	float: left;
	width: 150px;
    font-family: 'Exo 2', sans-serif;
    font-size: 19px;
    font-weight: 400;
	color: #221f1f;
}
.whois-view-table-sale {
	float: left;
	margin-left: 10px;
    font-family: 'Exo 2', sans-serif;
    font-size: 19px;
    font-weight: 400;
	
}
.whois-view-table-price {
	float: right;
	margin-right: 5px;
	position: relative;
    font-family: 'Exo 2', sans-serif;
    font-size: 19px;
    font-weight: 400;
	color: #9bc23c;
}
.whois-view-table-price strike {
	color: #dc5980;
	font-weight: 300;
}
.whois-view-table-price span {
	color: #2e3234;
}
.table-div-left { 
	float: left;
	margin-left: 2px;
	margin-top: 2px;
}
.table-div-right { 
	float: right;
	margin-right: 10px;
}
.table-div-clear-left {
	clear: left;
}
.table-div-clear-right {
	clear: right;
}
.whois-view-table-td-section { 
	padding: 1px 40px 1px 1px;
}
.container_tabs  {
	width: 100%;
	margin: 10px auto;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 4px solid #e4e4e4;
	border-left: 0px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 3px solid #e4e4e4;
	border-top: 1px solid #fff;
	border-left: none;
	border-right: none;
	background: #fff;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #42454a;
	display: block;
	padding: 0 20px;
	border: 0px solid #000;
    font-family: 'Exo 2', sans-serif;
    font-size: 19px;
}
ul.tabs li a:hover {
	background: #e4e4e4;

}
ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.tab_container {
	border: 0px solid #999;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
    font-family: 'Exo 2', sans-serif;
    font-size: 19px;
}
.squaredThree {
  position: relative;
  padding: 5px 5px 5px 5px;
}
.squaredThree label {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #e4e4e4;
}
.squaredThree label:after {
  content: "";
  width: 15px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 5px;
  border: 3px solid #42454a;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-55deg);
          transform: rotate(-55deg);
}
.squaredThree label:hover::after {
  opacity: 0.3;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
}
.squaredThree input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.uk-bottom-1-3 { 
	margin-bottom: 3px;
}
.uk-bottom-1-50 { 
	margin-bottom: 50px;
}
.uk-top-0-3 { 
	top: 3px;
}
.uk-top-0-5 { 
	top: 5px;
}
.uk-top-0-10 { 
	top: -10px;
}
.uk-top-M-3 { 
	top: -3px;
}
.uk-top-1-3 { 
	padding: 3px;
}
.uk-top-1-2 { 
	margin-top: 5px;
}
.uk-top-1-1 { 
	padding: 5px;
}
.uk-top-1-10 { 
	padding: 10px;
}
.uk-top-1-20 { 
	padding: 20px;
}
.radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0 3px 0 0;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 29px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  background: #FFF;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #4994cd;
  box-shadow: inset 0 1px 1px #42454a;
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}
.radio:focus + label:before {
  box-shadow: 0 0 0 3px #fff;
}



/* radio */
input[type="radio"] {
	vertical-align: top;
	margin: 0 3px 0 0;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
	width: 25px;
    height: 25px;
    position: relative;
    -webkit-appearance: none;
	border: 1px solid #e4e4e4;
}
input[type="radio"]:after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
	width: 15px;
    height: 15px;
    left: 4px;
	top: 4px;
    position: relative;
	transition: all .2s;
}
input[type="radio"]:checked:after {
    background-color: #4994cd;
	transition: all .2s;
}
label { cursor: pointer; }
select {
	height: 32px;
	width: 204px;
	font-family: 'Exo 2', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #42454a;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0.1em;
	border: 1px solid #cccccc;
	background: #fff;
	padding-left: 5px;
	cursor: pointer;
}
/* textarea */ 

.select { cursor: pointer; position:relative; }
.select:after {
    content:'<>';
    font: 12px "Consolas", monospace;
    color:#4994cd;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:6px;
    padding:0 0 2px;
    border-bottom:1px solid #f6f6f6;
    position:absolute;
    pointer-events:none;
	cursor: pointer;
}
option:hover, option:nth-child(2),option:nth-child(3)   { cursor: pointer;  }
.input-disabled {
	background: #f6f6f6	
}
.checkbox-custom {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
.checkbox-custom + label {
  cursor: pointer;
}
.checkbox-custom:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox-custom:not(checked) + label {
  position: relative; 
  padding: 0 0 0 60px;
}
.checkbox-custom:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 45px;
  height: 22px;
  border-radius: 13px;
  background: #FFF;
  border: 1px solid #cccccc;
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox-custom:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 1px 2px 3px #42454a;
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox-custom:checked + label:before {
  background: #4994cd;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox-custom:checked + label:after {
  left: 26px;
}
ul#client-forgotpass-tab.uk-tab {
    margin: -20px -22px 0 -25px;
    border-bottom: none
}
ul#client-forgotpass-tab.uk-tab-grid:before {
    border-top: none
}
ul#client-forgotpass-tab.uk-tab > li > a {
    font-size: 16px;
    padding: 22px 12px 24px;
    border: none;
    border-radius: 0
}
ul#client-forgotpass-tab.uk-tab > li:not(.uk-active) > a:hover {
    margin-bottom: 0
}
ul#client-forgotpass-tab.uk-tab > li.uk-width-large-1-2 {
    margin-right: -2px
}
#client-forgotpass .uk-modal-caption a {
    color: #fff
}
i.popHit:hover, a.popHit:hover {
	position: relative;
	z-index: 23;
}
i.popHit main, a.popHit  {
	display:none;
}
i.popHit:hover main, a.popHit:hover   {
	display: block;
	position: absolute;
	top: -10px;
	left: 20px;
	background: #42454a;
	border: 1px solid #f6f6f6;
	color: #fff;
	z-index: 20;
	width: 200px;
	padding: 5px;
	font-family: 'Exo 2', sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-help {
	cursor: help;
}
/* Text Color */
.idz-text-success {
    color: #749958;
}
.idz-text-error {
    color: #b55454;
}


.ukform  input,
.ukform  select,
.ukform  textarea {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  color: inherit;
}
/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
.ukform  select {
  text-transform: none;
}
/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.ukform  optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */
.ukform  input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Removes excess padding in IE 8/9/10.
 */
/*.ukform  input[type="radio"] */
.ukform  input[type="checkbox"] {
  padding: 0;
}
/*
 * Improves consistency of cursor style for clickable elements
 */
/*.ukform  input[type="radio"]:not(:disabled) */
.ukform  input[type="checkbox"]:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove default style in iOS.
 */
.ukform  textarea,
.ukform  input:not([type]),
.ukform  input[type="text"],
.ukform  input[type="password"],
.ukform  input[type="email"],
.ukform  input[type="url"],
.ukform  input[type="search"],
.ukform  input[type="tel"],
.ukform  input[type="number"],
.ukform  input[type="datetime"] {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
.ukform  input[type="search"]::-webkit-search-cancel-button,
.ukform  input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
.ukform  input[type="number"]::-webkit-inner-spin-button,
.ukform  input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Define consistent border, margin, and padding.
 */
.ukform  fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
.ukform  textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
}
/*
 * Removes placeholder transparency in Firefox.
 */
.ukform  ::-moz-placeholder {
  opacity: 1;
}
/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
.ukform  :invalid {
  box-shadow: none;
}
/*
 * Vertical alignment
 */
.ukform  input:not([type="radio"]):not([type="checkbox"]),
.ukform  select {
  vertical-align: middle;
}
/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.ukform  > :last-child {
  margin-bottom: 0;
}
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
.ukform  select,
.ukform  textarea,
.ukform  input:not([type]),
.ukform  input[type="text"],
.ukform  input[type="password"],
.ukform  input[type="datetime"],
.ukform  input[type="datetime-local"],
.ukform  input[type="date"],
.ukform  input[type="month"],
.ukform  input[type="time"],
.ukform  input[type="week"],
.ukform  input[type="number"],
.ukform  input[type="email"],
.ukform  input[type="url"],
.ukform  input[type="search"],
.ukform  input[type="tel"],
.ukform  input[type="color"] {
  /* 1 */
  height: auto;
  /* 2 */
  max-width: 100%;
  /*width: 100%;*/
  /* 3 */
  padding: 4px 6px;
  /* 4 */
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-property: border, background, color, box-shadow, padding;
  transition: all 0.2s linear;
  transition-property: border, background, color, box-shadow, padding;
  box-sizing: border-box;
    resize: none;
}
.ukform  select:focus,
.ukform  textarea:focus,
.ukform  input:not([type]):focus,
.ukform  input[type="text"]:focus,
.ukform  input[type="password"]:focus,
.ukform  input[type="datetime"]:focus,
.ukform  input[type="datetime-local"]:focus,
.ukform  input[type="date"]:focus,
.ukform  input[type="month"]:focus,
.ukform  input[type="time"]:focus,
.ukform  input[type="week"]:focus,
.ukform  input[type="number"]:focus,
.ukform  input[type="email"]:focus,
.ukform  input[type="url"]:focus,
.ukform  input[type="search"]:focus,
.ukform  input[type="tel"]:focus,
.ukform  input[type="color"]:focus {
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
  color: #444;
}
.ukform  select:disabled,
.ukform  textarea:disabled,
.ukform  input:not([type]):disabled,
.ukform  input[type="text"]:disabled,
.ukform  input[type="password"]:disabled,
.ukform  input[type="datetime"]:disabled,
.ukform  input[type="datetime-local"]:disabled,
.ukform  input[type="date"]:disabled,
.ukform  input[type="month"]:disabled,
.ukform  input[type="time"]:disabled,
.ukform  input[type="week"]:disabled,
.ukform  input[type="number"]:disabled,
.ukform  input[type="email"]:disabled,
.ukform  input[type="url"]:disabled,
.ukform  input[type="search"]:disabled,
.ukform  input[type="tel"]:disabled,
.ukform  input[type="color"]:disabled {
  border-color: #ddd;
  background-color: #f5f5f5;
  color: #999;
}
/*
 * Placeholder
 */
.ukform  :-ms-input-placeholder {
  color: #999 !important;
}
.ukform  ::-moz-placeholder {
  color: #999;
}
.ukform  ::-webkit-input-placeholder {
  color: #999;
}
.ukform  :disabled:-ms-input-placeholder {
  color: #999 !important;
}
.ukform  :disabled::-moz-placeholder {
  color: #999;
}
.ukform  :disabled::-webkit-input-placeholder {
  color: #999;
}
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
.ukform legend {
  /* 1 */
  width: 100%;
  /* 2 */
  border: 0;
  /* 3 */
  padding: 0;
  /* 4 */
  padding-bottom: 15px;
  /* 5 */
  font-size: 18px;
  line-height: 30px;
}
/*
 * 1. Fixes IE9
 */
.ukform  legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ddd;
  /* 1 */
  width: 100%;
}
/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.ukform -small,
textarea.ukform -small,
input[type].ukform -small,
input:not([type]).ukform -small {
  height: 25px;
  padding: 3px 3px;
  font-size: 12px;
}
select.ukform -large,
textarea.ukform -large,
input[type].ukform -large,
input:not([type]).ukform -large {
  height: 40px;
  padding: 8px 6px;
  font-size: 16px;
}
/* Reset height
 * Must be after size modifiers
 ========================================================================== */
.ukform  textarea,
.ukform  select[multiple],
.ukform  select[size] {
  height: auto;
}

.ukform input[type="submit"] {
	font-weight: bold;
	font-size: 15px;
}
/* radio */
.ukform input[type="radio"] {
	vertical-align: top;
	margin: 0 3px 0 0;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
	width: 25px;
    height: 25px;
    position: relative;
    -webkit-appearance: none;
	border: 1px solid #e4e4e4;
}
.ukform input[type="radio"]:after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
	width: 15px;
    height: 15px;
    left: 4px;
	top: 4px;
    position: relative;
	transition: all .2s;
}
.ukform input[type="radio"]:checked:after {
    background-color: #4994cd;
	transition: all .2s;
}
.ukformadm  input,
.ukformadm  select,
.ukformadm  textarea {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  color: inherit;
}
/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
.ukformadm  select {
  text-transform: none;
}
/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.ukformadm  optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */
.ukformadm  input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Removes excess padding in IE 8/9/10.
 */
/*.ukformadm  input[type="radio"] */
/*.ukformadm  input[type="checkbox"] {
  padding: 0;
}/*
/*
 * Improves consistency of cursor style for clickable elements
 */
/*.ukformadm  input[type="radio"]:not(:disabled) 
.ukformadm  input[type="checkbox"]:not(:disabled) {
  cursor: pointer;
}

 * Remove default style in iOS.
 */
.ukformadm  textarea,
.ukformadm  input:not([type]),
.ukformadm  input[type="text"],
.ukformadm  input[type="password"],
.ukformadm  input[type="email"],
.ukformadm  input[type="url"],
.ukformadm  input[type="search"],
.ukformadm  input[type="tel"],
.ukformadm  input[type="number"],
.ukformadm  input[type="datetime"] {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
.ukformadm  input[type="search"]::-webkit-search-cancel-button,
.ukformadm  input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
.ukformadm  input[type="number"]::-webkit-inner-spin-button,
.ukformadm  input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Define consistent border, margin, and padding.
 */
.ukformadm  fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
.ukformadm  textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
}
/*
 * Removes placeholder transparency in Firefox.
 */
.ukformadm  ::-moz-placeholder {
  opacity: 1;
}
/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
.ukformadm  :invalid {
  box-shadow: none;
}
/*
 * Vertical alignment
 */

.ukformadm  select {
  vertical-align: middle;
}
/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.ukformadm  > :last-child {
  margin-bottom: 0;
}
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
.ukformadm  select,
.ukformadm  textarea,
.ukformadm  input:not([type]),
.ukformadm  input[type="text"],
.ukformadm  input[type="password"],
.ukformadm  input[type="datetime"],
.ukformadm  input[type="datetime-local"],
.ukformadm  input[type="date"],
.ukformadm  input[type="month"],
.ukformadm  input[type="time"],
.ukformadm  input[type="week"],
.ukformadm  input[type="number"],
.ukformadm  input[type="email"],
.ukformadm  input[type="url"],
.ukformadm  input[type="search"],
.ukformadm  input[type="tel"],
.ukformadm  input[type="color"] {
  /* 1 */
  height: auto;
  /* 2 */

  /* 3 */
  padding: 4px 6px;
  /* 4 */
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-property: border, background, color, box-shadow, padding;
  transition: all 0.2s linear;
  transition-property: border, background, color, box-shadow, padding;
  box-sizing: border-box;
    resize: none;
}
.ukformadm  select:focus,
.ukformadm  textarea:focus,
.ukformadm  input:not([type]):focus,
.ukformadm  input[type="text"]:focus,
.ukformadm  input[type="password"]:focus,
.ukformadm  input[type="datetime"]:focus,
.ukformadm  input[type="datetime-local"]:focus,
.ukformadm  input[type="date"]:focus,
.ukformadm  input[type="month"]:focus,
.ukformadm  input[type="time"]:focus,
.ukformadm  input[type="week"]:focus,
.ukformadm  input[type="number"]:focus,
.ukformadm  input[type="email"]:focus,
.ukformadm  input[type="url"]:focus,
.ukformadm  input[type="search"]:focus,
.ukformadm  input[type="tel"]:focus,
.ukformadm  input[type="color"]:focus {
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
  color: #444;
}
.ukformadm  select:disabled,
.ukformadm  textarea:disabled,
.ukformadm  input:not([type]):disabled,
.ukformadm  input[type="text"]:disabled,
.ukformadm  input[type="password"]:disabled,
.ukformadm  input[type="datetime"]:disabled,
.ukformadm  input[type="datetime-local"]:disabled,
.ukformadm  input[type="date"]:disabled,
.ukformadm  input[type="month"]:disabled,
.ukformadm  input[type="time"]:disabled,
.ukformadm  input[type="week"]:disabled,
.ukformadm  input[type="number"]:disabled,
.ukformadm  input[type="email"]:disabled,
.ukformadm  input[type="url"]:disabled,
.ukformadm  input[type="search"]:disabled,
.ukformadm  input[type="tel"]:disabled,
.ukformadm  input[type="color"]:disabled {
  border-color: #ddd;
  background-color: #f5f5f5;
  color: #999;
}
/*
 * Placeholder
 */
.ukformadm  :-ms-input-placeholder {
  color: #999 !important;
}
.ukformadm  ::-moz-placeholder {
  color: #999;
}
.ukformadm  ::-webkit-input-placeholder {
  color: #999;
}
.ukformadm  :disabled:-ms-input-placeholder {
  color: #999 !important;
}
.ukformadm  :disabled::-moz-placeholder {
  color: #999;
}
.ukformadm  :disabled::-webkit-input-placeholder {
  color: #999;
}
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
.ukformadm legend {
  /* 1 */
  width: 100%;
  /* 2 */
  border: 0;
  /* 3 */
  padding: 0;
  /* 4 */
  padding-bottom: 15px;
  /* 5 */
  font-size: 18px;
  line-height: 30px;
}
/*
 * 1. Fixes IE9
 */
.ukformadm  legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ddd;
  /* 1 */
  width: 100%;
}
/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.ukformadm -small,
textarea.ukformadm -small,
input[type].ukformadm -small,
input:not([type]).ukformadm -small {
  height: 25px;
  padding: 3px 3px;
  font-size: 12px;
}
select.ukformadm -large,
textarea.ukformadm -large,
input[type].ukformadm -large,
input:not([type]).ukformadm -large {
  height: 40px;
  padding: 8px 6px;
  font-size: 16px;
}
/* Reset height
 * Must be after size modifiers
 ========================================================================== */
.ukformadm  textarea,
.ukformadm  select[multiple],
.ukformadm  select[size] {
  height: auto;
}

.ukformadm input[type="submit"] {
	font-weight: bold;
	font-size: 15px;
}
/* radio */
.ukformadm input[type="radio"] {
	vertical-align: top;
	margin: 0 3px 0 0;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
	width: 25px;
    height: 25px;
    position: relative;
    -webkit-appearance: none;
	border: 1px solid #e4e4e4;
}
.ukformadm input[type="radio"]:after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
	width: 15px;
    height: 15px;
    left: 4px;
	top: 4px;
    position: relative;
	transition: all .2s;
}
.ukformadm input[type="radio"]:checked:after {
    background-color: #4994cd;
	transition: all .2s;
}







.margin-top-1-6 {
	margin-top: 6px;
}
.http{position:absolute;float:left;left:310px;top:4px;font-size:18px;color:#555;display:inline-block;padding:10px 0 0}


.tableone {
	background-color: #4994cd;
	color: #ffffff;
}
.table-green {
	background-color: #9bc23c;
	color: #ffffff;
}
.table-dark {
	 background-color: rgba(66, 69, 74, 1);
	 color: #ffffff;
}

/*
EX: padding
padding: A B C D
A - top
B - right
C - bottom
D - left
*/