@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700|Droid+Sans:400,700&subset=latin,latin-ext);
/* ----------- Logo ----------- */
#trueHeader{
background: #272727;

}
#click-menu.admin-bar-showing {
z-index: 999999 !important;
margin-top: 0px !important;o
}
.ls-wp-fullwidth-container {
height: 500px;
_border: 1px solid red!important;
}
#fancybox-title {
background-color: #fff;
color: #333;
}
#fancybox-bg-s {
display: none;
}
#fancybox-title > div {
   font-weight: 600;
   text-align: center;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif !important;
padding-bottom: 5px;
}
.fancybox-title-outside {
padding-top: 0;
}
.float-left { float: left; }
.float-right { float: right; }
@media only screen and (max-width: 890px){
body {
  margin-top: 50px;
}
.header_inner {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999 !important;
}
#trueHeader {
  display: none;
}
.top_contact_info ul.tci_list {
  float: left;
  width: 100%;
}
.top_contact_info .date_wrap,
.top_contact_info .tci_list .space {
  display: none;
}
.top_contact_info .tci_list li {
  line-height: 38px !important;
}
.top_contact_info .tci_list li.empty,
.top_contact_info .tci_list li.empty a,
#lang_sel_list li {
  line-height: 50px !important;
}
#lang_sel_list ul {
  margin-left: 15px !important;
}
.top_contact_info {
  min-height: 50px;
}
}
#trueHeader #logo{
float:left;
display:block;
margin-top:20px;
}
body {
overflow-y: scroll;
}
body.admin-bar #header.sticky #trueHeader {
top: 32px;
z-index: 10001;
}
.fancybox-lock .fancybox-overlay, 
#fancybox-wrap, #fancybox-overlay, #fancybox-loading {
z-index: 10002;
}
.fancybox-title-float-wrap .child {
background-color: #5cb8e3 !important;
}
h1, h2, h3, h4, h5, h6 {
color: #4a4a4a;
}
h4 i {
font-weight: 300;
}
h4.support {
color: #fff;
background-color: #3d9ecb;
font-size: 14px;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
background-clip: padding-box;
padding: 20px 0px 20px 25px;
margin: 0;
text-transform: uppercase;
}
h4.support:before {
font-family: 'FontAwesome';
content: '\f040';
margin-right: 12px;
   font-size: 16px;
}
p {
margin-bottom: 10px;
}
.alignnone {
   margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto 5px auto;
}
.alignright {
   float:right;
   margin: 5px 0 20px 20px;
}
.alignleft {
   float: left;
   margin: 5px 20px 20px 0;
}
.aligncenter {
   display: block;
   margin: 5px auto 5px auto;
}
a img.alignright {
   float: right;
   margin: 5px 0 20px 20px;
}
a img.alignnone {
   margin: 5px 20px 20px 0;
}
.content_left h4 {
font-weight: 600;
margin-bottom: 10px;
   margin-top: 25px;
}
.content_left img {
width: 100%;
height: auto;
}
.content_left .alignnone {
margin-top: 25px;
}
/*----------------------------------------------------------------------------*\
     custom classes - video tutoriali thumbs
\*----------------------------------------------------------------------------*/
.thumb-img {
       border: 1px solid #eee;
       width: auto!important;
       height: auto!important;
}
.readmore_button {
       
}
.blue {
       color: #3d9ecb;
}
.wp_table th {
   text-align: center!important;
   background: #F8F8F8;
   border: none;
   height: 50px;
   vertical-align: middle!important;
   font-size: 16px;
   
}
.wp_table tr {
      
}
.wp_table tr td {
   text-align: center!important;
   vertical-align: middle!important;
}
.wp_table tr td:nth-child(1) {
       _border: 1px solid red;
}
.wp_table tr td:nth-child(3) {
       font-weight: 800;
       color: #3d9ecb;
       font-size: 16px;
}
.wp_table tr td:last-child a{
       display: block;
       float: none;
width: 120px;
height: 35px;
margin: auto;
background-color: #3d9ecb;
border-bottom: 1px solid #4d89a5;
border-radius: 4px;
font-size: 14px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
line-height: 36px;
       _border: 1px solid red;
}
.wp_table tr td:last-child a:hover {
       background-color: #72aec9;
border-bottom-color: #4d89a5;
}
.fa-table-icons {
       
       display: inline-block;
       font-size: 14px;
       padding: 0px 5px;

}

/*------------------------------------------ google adwords help links */
.gad-help {
       margin: 0px 10px;
       display: inline-block;
float: left;
width: 45%;
_border: 1px solid red;
}
.gad-help:last-child {
       display: inline-block;
float: right;
}
.gad-help a {
       display: inline-block;
       width: 100%;
padding: 10px 0px;
border-radius: 4px;
color: #fff;
font-size: 16px;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid #2e7698;
background-color: #3d9ecb;
font-weight: 600;
       line-height: 16px;
_text-shadow: 0 0 1px rgba(87,87,87,.5);
}
.gad-help a:hover {
       background-color: #72aec9;
border-bottom-color: #4d89a5;
}
.gad-help span:nth-of-type(1) {
       font-size: 12px;
text-align: center;
       
       
       padding: 0px 10px;        
}
.gad-help span:nth-of-type(2) {
     font-size: 10px;
     
     _border: 1px solid red;
     vertical-align: super;
     
}
.blog_post .p-small {
    font-size: 10px;
}
/*------------------------------------------ wp table tooltip */
.tipsy i {
       
       _border: 1px solid red; 
       _display: inline-block;
       vertical-align: middle;
       padding: 7px 10px;
color: #ACACAC;
background-color: #eee;
right: 500px;
top: 4px;
text-align: center;
border-radius: 2px;
font-size: 10px;
}
.at { /* use this for positioning info icon for tipsy tooltip */
      
      display: block;
      _border: 1px solid red;
      margin-left: 210px;
margin-top: -25px;
      
    
}
.tipsy { 
_display: inline-block;
      font-size: 12px; 
position: absolute; 
padding: 5px;  
cursor: help;
}
 .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; line-height: 16px; }
 /* Rounded corners */
 .tipsy-inner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
 
 /* Uncomment for shadow */
 /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
 
 .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
 
 /* Rules to colour arrows */
 .tipsy-arrow-n { border-bottom-color: #000; }
 .tipsy-arrow-s { border-top-color: #000; }
 .tipsy-arrow-e { border-left-color: #000; }
 .tipsy-arrow-w { border-right-color: #000; }
 
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
   .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
   .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
 .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
   .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
   .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
 .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
 .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
.debug {
border: 1px solid red;
}
/* hosting plan bottom posts */
.hosting_plans .hosting-plan-type-switch .one_third, .hosting_plans .one_fourth {
/*margin-bottom: 0px!important;*/
/*margin-left: 4%!important;*/
width: 22%!important;
}
.hosting-plan-type-switch .bottom-post:nth-child(odd) .one_fourth {
float: left;
margin-left: 0!important;
}
.hosting-plan-type-switch .bottom-post:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.hosting-plan-type-switch .bottom-post .three_fourth {
text-align: justify;
font: 13px/22px "Open Sans",sans-serif!important;
color: #727272!important;
} 
.hosting-plan-type-switch .bottom-post h4 {
margin-bottom: 7px;
font-weight: 600;
text-align: left;
}
.hosting-plan-type-switch .bottom-post p {
line-height: 24px;
margin-bottom: 24px;
}
.hosting-plan-type-switch .bottom-post img {
width: auto;
height: auto;
}
.hosting-plan-type-switch .bottom-post:nth-child(odd) .one_fourth {
float: left;
margin-left: 0;
}
.hosting-plan-type-switch .bottom-post:nth-child(odd) .three_fourth {
float: right;
margin-left: 4%;
}
.hosting-plan-type-switch .bottom_section {
float: left;
width: 100%;
background: #eee;
padding-bottom: 30px;
z-index: 2;
border-top: 2px solid #BFBFBF;
}
.hosting-plan-type-switch .bottom_section h2 {
margin-bottom: 28px;
text-align: left;
color: #727272;
font-weight: normal;
font-size: 27px;
}
.hosting-plan-type-switch .bottom_section h3 {
color: #3d9ecb;
   font-size: 18px;
   font-weight: 400;
   margin: 22px 0;
}
.hosting-plan-type-switch .bottom_section .legend {
color: #575757;
font-size: 13px;
float: left;
margin: 10px 0 25px 4%;
padding: 7px 15px 7px 0;
background-color: #efefef;
border: 3px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
}
.hosting-plan-type-switch .bottom_section .legend:first-child {
margin-left: 0.5%;
}
.hosting-plan-type-switch .bottom_section .legend img {
border: 3px solid #fff;
background-color: #fff;
margin-left: -11px;
margin-right: 7px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
vertical-align: top;
}
/*---------------------------------------- END OF CUSTOM STYLES ---------------------------------*\
\*-----------------------------------------------------------------------------------------------*/
/* Language selector */
#lang_sel_list ul {
display: inline-block;
}
#lang_sel_list ul a {
background-color: transparent !important;
color: #999 !important;
line-height: inherit !important;
font-size: 12px !important;
}
#lang_sel_list a:hover {
color: #fff !important; 
}
#lang_sel_list a.lang_sel_sel {
display: none;
}
#lang_sel_list img.iclflag {
top: 2px;
}
/*------------------*/
/*  SITE STRUCTURE
/*------------------------------------------------------*/
.container-fullwidth {
float: left;
clear: both;
width: 100%;
}
.container_full {
width: 100%;
float: left;
margin: 0 auto;
}
.container {
width: 1170px;
margin: 0 auto;
}
.divider {
background-color: #ddd;
height: 1px;
margin: 25px 0 28px;  
}
.center {
text-align: center;
}
.post-edit-link {
display: block;
clear: both;
padding: 10px 0;
}
.hide {
display: none;
}
.textwidget {
position: relative;
}
/* columns */
.one_half,
.one_third,
.one_fourth,
.two_third,
.three_fourth,
.one_fifth {
position: relative;
margin-left: 4%;
float: left;
}
@media only screen and (max-width: 1247px){
#sub-header .one_fifth:last-child {
  margin-left: 3%;
}
}
@media only screen and (max-width: 850px){
#sub-header .one_fifth:last-child {
  margin-left: 2%;
}
}
@media only screen and (max-width: 850px){
#sub-header .one_fifth:last-child {
  margin-left: 1%;
}
}
.one_seventh {
float: left;
position: relative;
}
.one_half:first-child,
.one_third:first-child,
.one_fourth:first-child,
.two_third:first-child,
.three_fourth:first-child,
.one_fifth:first-child,
.one_half:first-child,
.one_third:nth-child(3n+1),
.one_fourth:first-child,
.two_third:first-child,
.three_fourth:first-child,
.one_fifth:first-child {
margin-left: 0 !important;
}
.one_full {
width: 100%;
}
.one_half {
width: 48%;
}
.one_third {
width: 30.650%;
}
.one_fourth {
width: 22%;
}
.one_fifth {
width: 16.800%;
}
.one_sixt {
width: 16.667%;
}
.one_seventh {
width: 12.138%;
}
.one_seventh.half {
width: 24.274%;
}
.one_seventh.first {
width: 20%;
}
.two_third {
width: 65.350%;
}
.three_fourth {
width: 74%;
}
/********************************************/
/*
#header-full-wrapper {
position: relative;
border: 1px solid yellow;
}
*/
.header_inner {
_border: 1px solid red;
z-index: 10000;
}
/*------------------*/
/*  MENU
/*------------------------------------------------------*/
/* ----------- Menu ----------- */
#access li.current-menu-item a, #access li.current-menu-ancestor a {
   background-color: #3d9ecb;
   border-radius: 4px;
   color: #fff;
}
#access li a:hover {
border-radius: 4px !important;
}
#access .menu-item-has-children a:hover {
border-radius: 4px!important;
}
#access .menu {
list-style: none;
font-weight: normal;
position: relative;
float: right;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin-top: 0;
}
#access .menu select {
border: 2px solid #eee;
padding: 10px 10px 10px 10px;
background-color: #f9f9f9;
color: #333;
}
#access .menu ul {
margin: 0;
list-style-type: none;
position: relative;
text-align: left;
z-index: 1001;
height: 54px;
margin: 20px 0 0 0;
float: right;
}
#access .menu ul li {
position: relative;
display: inline-block;
padding: 0;
z-index: 101;
margin: 0 1px 0 0;
float: left;
}
#access .menu ul li.last {
background: none;
}
#access .menu ul li a {
display: inline-block;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1;
color: #fff;
margin: 0;
padding: 13px 18px 12px 20px;
text-align: center;
}
#access .menu ul li a:hover {
color: #fff;
background-color: #3d9ecb;
border-radius: 4px;
}
#access .menu ul li a.active {
color: #fff;
background-color: #545454;
border-radius: 4px;
}
#access .menu ul li a i {
margin-left: 5px;
}
/* list itself */
#access .menu ul li ul {
position: absolute;
left: 0;
height: auto;
display: none;
visibility: hidden;
width: 194px;
padding: 0;
margin-top: -1px;
text-align: left;
_background: #545454;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
_background-clip: padding-box;
_border-top-left-radius: 0;
margin-top: 14px;
}
#access .menu ul li ul li {
display: list-item;
float: none;
background: none;
padding: 0;
margin: 0;
height: auto;
_border: 1px solid green;
_border-radius: 0px!important;
}
#access .menu ul li ul li ul {
top: 0;
border: 1px solid red;
}
/* whole list */
#access .menu ul li ul li a {
margin: 0;
border: none;
display: block;
padding: 14px 17px;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #454545;
background: #fafafa;
width: 160px;
text-align: left;
_border-bottom: 1px solid #454545;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;

_border-top-left-radius: 0;
_border: 1px solid red;
}
#access .menu ul li ul li a:hover {
_border: 1px solid red;
background: #fafafa;
color: #3d9ecb;
border-radius: 0px!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
}
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
_background: #676767;
_border-bottom: 1px solid #454545;
color: #fff;
padding: 14px 17px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;

}
#access .menu ul li ul li:first-child {
border-top: 2px solid #3d9ecb;
}
#access .menu ul li ul li:last-child {
border: none;
}
* html #access .menu {
height: 1%;
}
.selectnav {display: none; width: 440px; margin-left: 20px;}
div.arrow-line {
border-top: 1px solid #f0f0f0;
   color: #353B47;
   display: inline-block;
width: 100%;
   position: relative;
   transition: border-color 450ms ease 0s;
margin-bottom: 27px;
}
div.arrow-line:before {
border-left: 29px solid rgba(0,0,0,.0);
   border-top: 25px solid #ddd;
   content: "";
   height: 0;
   left: 39px;
   position: absolute;
   top: 0;
   transition: border-color 450ms ease 0s;
   width: 0;
}
div.arrow-line:after {
border-left: 35px solid rgba(0,0,0,.0);
   border-top: 28px solid #fff;
   content: "";
   height: 0;
   left: 32px;
   position: absolute;
   top: -6px;
   width: 0;
}
/*------------------*/
/*  PAGES
/*------------------------------------------------------*/
/* Large desktop */
@media (min-width: 558px) {
#ssl.z-tabs.flat.contained > ul > li a,
#ssl.z-tabs.flat.clean > ul > li a {
  background-color: #fff !important;
}
#ssl.z-tabs.flat.vertical.z-bordered.top-left.medium > ul.z-tabs-nav {
  border-width: 0;
}
#ssl {
  border: 1px solid #e4e4e4;
  background-color: #e4e4e4;
  margin: 0 0 50px 0;
}
#ssl .z-container {
  background-color: #fff;
}
#ssl li a {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: top center;
  height: 50px;
  line-height: 0; 
  font-size: 0;
  color: transparent;
}
#ssl li.rapidssl a {
  background-image: url(../img/ssl/rapidssl.png);
  background-position: center 25px;
}
#ssl li.rapidssl.z-active a {
  background-image: url(../img/ssl/rapidssl-active.png);
}
#ssl li.symantec a {
  background-image: url(../img/ssl/symantec.png);
  background-position: center 27px;
}
#ssl li.symantec.z-active a {
  background-image: url(../img/ssl/symantec-active.png);
}
#ssl li.geotrust a {
  background-image: url(../img/ssl/geotrust.png);
  background-position: center 29px;
}
#ssl li.geotrust.z-active a {
  background-image: url(../img/ssl/geotrust-active.png);
}
#ssl li.thawte a {
  background-image: url(../img/ssl/thawte.png);
  background-position: center 30px;
}
#ssl li.thawte.z-active a {
  background-image: url(../img/ssl/thawte-active.png);
}
#ssl li.comodo a {
  background-image: url(../img/ssl/comodo.png);
  background-position: center 30px;
}
#ssl li.comodo.z-active a {
  background-image: url(../img/ssl/comodo-active.png);
}
}
/* top section */
.top_contact_info {
position: relative;
padding: 0;
margin: 0;
width: 100%;
min-height: 35px;
background: #fff;
border-bottom: 2px solid #3d9ecb;
}
.top_contact_info .date_wrap {
float: left;
}
.top_contact_info .date {
color: #999;
font-weight: normal;
font-size: 11px;
line-height: 35px;
vertical-align: middle;
padding-left: 4px;
}
.top_contact_info ul.tci_list {
float: right;
padding: 0;
margin: 0;
}
.top_contact_info .tci_list li {
float: left;
color: #999;
padding: 0;
font-size: 12px;
margin: 7px 6px 0 4px;
}
.top_contact_info .tci_list li i {
color: #999;
}
.top_contact_info .tci_list li i:hover {
color: #fff;
}
.top_contact_info .tci_list li.empty {
float: left;
width: auto;
line-height: 35px;
padding: 0;
margin: 0 18px 0 0;
background: none;
border-radius: 0;
font-weight: 600;
}
.top_contact_info .tci_list li.empty a {
float: left;
width: auto;
background: none;
color: #999;
line-height: 35px;
}
.top_contact_info .tci_list li.empty a:hover {
color: #3d9ecb;
}
.top_contact_info .tci_list li.empty a:hover i {
color: #3d9ecb;
}
.top_contact_info .tci_list li.empty.two {
margin: 0;
}
.top_contact_info .tci_list li.empty.two a {
margin: 0 4px 0 4px;
}
.top_contact_info .tci_list li.country_select {
float: left;
width: 99px;
}
.top_contact_info .tci_list li.country_select select {
float: left;
font-size: 10px;
width: 99px;
padding: 0;
margin: 2px 0 0 0;
border: 1px solid #727272;
color: #eee;
background-color: #727272;
}
.top_contact_info .tci_list li.space {
float: left;
width: 20px;
}
.slider_button1 {
float: left;
background: url(../images/slider-but01.png) no-repeat center top;
width: 180px;
height: 50px;
font-size: 14px;
font-weight: 600;
color: #fff;
text-align: right;
vertical-align: middle;
line-height: 50px;
text-transform: uppercase;
}
.slider_button1 i {
float: left;
margin: 18px 0 0 18px;
}
.slider_button1:hover {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.slider_button2 {
float: left;
background: url(../images/slider-but02.png) no-repeat center top;
width: 180px;
height: 50px;
font-size: 14px;
font-weight: 600;
color: #fff;
text-align: right;
vertical-align: middle;
line-height: 50px;
text-transform: uppercase;
}
.slider_button2 i {
float: left;
margin: 18px 0 0 18px;
}
.slider_button2:hover {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/* layer-slider-container -----------*/
.layer-slider-container {
border-bottom: 2px solid #3d9ecb;
}
/* action box (domene na akciji) ----------------*/
#action {
clear: both;
padding: 25px 0px;
background: #eee;
border-bottom: 2px solid #3d9ecb;
}
#action h2 {
font-size: 22px;
text-align: center;
color: #727272;
font-weight: 600;
}
#action h2 > span {
color: #3d9ecb;
}
#action p {
text-align: center;
   font-size: 14px;
   color: #4D4D4D;
   margin: 10px 0px;
}
#action .blue {
color: #3d9ecb;
}
#action .one_fourth {
margin: 0px;
width: 25%;
}
#action .one_fourth p {
font-size: 28px;
}
#action .one_fourth p span {
font-size: 14px;
}
#action .one_fourth p sub {
font-size: 14px;
vertical-align: text-bottom;
}
#action .one_fourth p strong {
color:  #3d9ecb;
}
/* Sub header */
#sub-header {
background-color: #fff;
height: 88px;
clear: both;
_border: 1px solid red;
_border-top: 2px solid #3d9ecb;
}
#sub-header a {
   display: block;
   float: none;
width: 35%;
padding: 5px 5px;
height: 100%;
margin: 30px auto;
background: #3d9ecb;
border-bottom: 1px solid #4d89a5;
border-radius: 4px;
font-size: 16px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
line-height: 36px;
   transition: all 0.5s ease-in-out;
}
#sub-header a:hover {
   background-color: #000;
border-bottom-color: #4d89a5;
}
#sub-header .icons {
color: #545454;
text-shadow: 0 0 1px rgba(255,255,255,.5);
margin-top: 25px;
font-size: 18px;
line-height: 18px;
font-weight: 300;
}
#sub-header .icons .icon {
_border: 1px solid red;
margin: 0px 15px 0px 0px;
width: 42px;
height: 42px;
float: left;
}
#sub-header .icons .first {
background: url(../images/serveri-u-hrvatskoj.png);
}
#sub-header .icons .second {
background: url(../images/garancija-dostupnosti.png);
}
#sub-header .icons .third {
background: url(../images/tehnicka-podrska.png);
}
#sub-header .icons .fourth {
background: url(../images/backup-podataka.png);
}
#sub-header .icons span {
display: block;
text-transform: uppercase;
}
#sub-header .icons i {
float: left;
font-size: 30px;
color: #fff;
background-color: #a4a4a4;
padding: 4px;
margin-right: 15px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-clip: padding-box;
}
/*
#sub-header a.shop-faq {
position: relative;
color: #fff;
font-size: 18px;
display: block;
background-color: #8fac49;
width: 112px;
height: 56px;
margin-top: 10px;
padding: 10px 0 0 51px;
}
#sub-header a.shop-faq:before {
font-family: Roboto, sans-serif;
font-size: 52px;
font-weight: 800;
content: '?';
color: #4e6713;
position: absolute;
left: 12px;
top: 22px;
}
#sub-header a.shop-faq:after {
left: 100%;
   top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #8fac49;
border-width: 33px;
}
#sub-header a.shop-faq span {
display: block;
font-size: 24px;
}
*/
/* host plan offers box */
.hostplan_offers {
float: left;
width: 100%;
padding: 0 0 40px;
/*border-top: 1px solid #dedede;*/
background-color: #fff;
margin-top: 20px;

}
.hostplan_offers .title {
float: left;
width: 87%;
color: #393a3b;
font-size: 22px;
font-weight: 600;
/*text-transform: uppercase; */
padding-top: 30px;
padding-bottom: 30px;
}
.hostplan_offers .container:first-child {
_background-image: url(../img/ribbon-bg.png);
background-position: center 16px;
background-repeat: no-repeat;

}
/*
.hostplan_offers .ribbon {
background-color: #3d9ecb;
height: 58px;
width: 310px;
margin: 0 auto;
position: relative;
top: -3px;
border-radius: 0 0 4px 4px;
border: 1px solid red;
}
.hostplan_offers .ribbon:before {
border-right: 10px solid #818181;
   border-top: 10px solid rgba(0,0,0,.0);
   content: "";
   display: block;
   left: -10px;
   position: absolute;
   top: 0;
}
.hostplan_offers .ribbon:after {
border-left: 10px solid #818181;
   border-top: 10px solid rgba(0,0,0,.0);
   content: "";
   display: block;
   right: -10px;
   position: absolute;
   top: 0;
}
*/
.hostplan_offers .ribbon h2 {
text-align: center;
color: #727272;
font-weight: normal;
}
.hostplan_offers .ribbon p {
text-align: center;
font-size: 14px;
color: rgb(114,114,114)
}
.hostplan_offers #promo {
margin-top: 22px;
}
.hostplan_offers .box {
float: left;
width: 13%;
margin-top: -10px;
min-height: 80px;
background: url(../images/graph-bg2.png) no-repeat right top;

}
.hostplan_offers .box strong {
float: right;
width: 100px;
margin-right: 10px;
padding-top: 16px;
color: #fff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.hostplan_offers h2 {
color: #3d9ecb;
/*text-transform: uppercase;*/
margin-bottom: 8px;
margin-top: -7px;
font-weight: bold;
}
.hostplan_offers .promo-box {

padding-top: 38px;
padding-bottom: 8px;
overflow: hidden;
margin-left: 4%;
float: left;
display: inline-block;
width: 48%;
height: 100%;
position: relative;
/*border: 4px solid #fff;*/
border-radius: 2px;
background-size: cover;
/*background: #fff url(../img/x2-ponuda.png) no-repeat left top;*/

-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hostplan_offers .promo-box:first-child {
/*background: #fff url(../img/x2-ponuda-poslovni.png) no-repeat left top;*/
margin-left: 0;
}
.hostplan_offers .promo-box .left {
float: left;
width: 40%;
text-align: center;
margin-top: 7px;
}
.hostplan_offers .promo-box .right {
float: left;
width: 60%;
}
.hostplan_offers ul {
float: left;
width: 68%;
margin-top: -5px;
}
.hostplan_offers li {
font-size: 12px;
line-height: 27px;
color: #393a3b;
}
.hostplan_offers li i {
color: border: 1px solid red;;
margin-right: 6px;
}
.hostplan_offers .price {
float: left;
width: 100%;
height: 50px;
line-height: 16px;
padding-top: 18px;
text-align: center;
background-color: #6d6d6d;

font-size: 12px;
font-weight: 400;
color: #393a3b;

}
.hostplan_offers .order {
clear: both;

padding: 10px 0px;

width: 100px;
margin: 0 auto;
}
.hostplan_offers .price strong {
color: #fff;
font-size: 24px;
font-weight: 500;
display: block;
line-height: 24px;
padding: 5px;
}
.hostplan_offers .price span {
color: #3d9ecb;
font-size: 20px;
font-weight: 300;
font-style: normal;
}
.hostplan_offers a.readmore_but {
_border: 1px solid red;
float: left;
display: inline-block;
width: 100px;
height: 35px;
margin: 0 auto;
background-color: #3d9ecb;
border-bottom: 1px solid #4d89a5;
border-radius: 4px;
font-size: 11px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
text-align: center!important;
vertical-align: middle;
line-height: 36px;
}
.hostplan_offers a.readmore_but:hover {
background-color: #72aec9;
border-bottom-color: #4d89a5;
}
@media only screen and (min-width: 480px) and (max-width: 999px){ 
.hostplan_offers .promo-box .left {
  opacity: 0.1;
  position: absolute;
  width: 50%;
}
.hostplan_offers .promo-box .right {
  float: left;
  width: 88%;
  padding-left: 12%;
}
.hostplan_offers .promo-box .right h2 {
  font-size: 22px;
}
.hostplan_offers .promo-box .right h6 {
  font-size: 12px;
  line-height: 12px;
}
}
@media only screen and (max-width: 780px){
.hostplan_offers .promo-box {
  margin-left: 2%;
  width: 49%;
}
.hostplan_offers .promo-box .left {
  position: relative;
  opacity: 1;
}
.hostplan_offers .promo-box .right {
  padding-left: 8%;
  width: 92%;
}
.hostplan_offers .promo-box .right h2 {
  font-size: 18px;
  margin: 0;
}
.hostplan_offers li {
  line-height: 24px;
  font-size: 12px;
}
.hostplan_offers .price strong {
  font-size: 18px;
  line-height: 18px;
}
.hostplan_offers .price {
  height: 42px;
  padding-top: 10px;
}
}
@media only screen and (max-width: 780px){
.hostplan_offers #promo {
  text-align: center;
}
.hostplan_offers .promo-box {
  width: 77%;
  margin: 0 auto 20px auto;
  float: none;
  text-align: left;
}
.hostplan_offers .promo-box .left {
  display: block;
  width: 40%;
}
.hostplan_offers .promo-box .right {
  padding-left: 0;
  width: 60%;
}
}
@media only screen and (max-width: 710px){
.hostplan_offers .promo-box .left {
  opacity: 0.1;
  position: absolute;
  width: 50%;
}
.hostplan_offers .promo-box .right {
  padding-left: 15%;
    width: 85%;
}
}
@media only screen and (max-width: 479px){
.hostplan_offers .promo-box .left {
  display: block;
}
}
@media only screen and (max-width: 498px){
ul.tabs li {
  width: 100%;
}
ul.tabs li a {
  padding: 0 15px;
}
.image_left1 {
  width: 30%;
  margin-right: 4%;
}
.tab-content h4 {
  font-size: 14px;
  margin-bottom: 5px;
} 
.features_sec03 p {
  line-height: 21px;
  padding-left: 0;
}
}
/* Zozo Tabs */
.z-tabs.flat > ul > li > a {
letter-spacing: inherit !important;
}
.z-tabs.flat > ul > li > a span {
line-height: 14px !important;
} 
/* hosting plans */
.hosting_plans {
float: left;
width: 100%;
margin-top: 10px;
_border-bottom: 1px solid #3d9ecb;
background-color: #fff;

/*background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
*/
}
.hosting_plans .plan {
_border-radius: 4px;
padding: 10px 5px 20px;
background-color: #fff;
_-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
_-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
_box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.hosting_plans .plan.one_fifth {
width: 18.8%;
}
.hosting_plans .plan img {
  height: 15px;
vertical-align: middle;
}
/* Homepage */
.home .hosting_plans {
margin-top: 30px;
padding-bottom: 40px;
_border: 1px solid red;
}
.home .hosting_plans .plan {
margin: 6px 9px;
border: solid 1px #e0e0e0;
/*border-top: 1px solid #3d9ecb;*/
   border-radius: 2px;
   -moz-border-radius: 2px;
padding: 0px 0px 20px;
background-color: #fff;
transition: all 0.3s ease-out;
_border: 1px solid red;
}
.home .hosting_plans .plan:hover {
/*transform: scale(1.02);*/
}
.home .hosting_plans .plan .title, .home .hosting_plans.table .plan li.title {
padding: 15px 10px 15px 15px/*20px 20px 15px 28px*/;
background-color: #fff;
overflow: hidden;
_border: 1px solid red;
margin:0 auto;
}
.home .hosting_plans .plan .title h4 {
font-size: 24px/*27px*/;
padding-left: 2px;
text-align: center;
color: rgb(164,164,164);
line-height: 24px/*21px*/;
font-weight: 300;
margin: 0;
text-shadow: none;
_border: 1px solid red;
float: none;

}
.home .hosting_plans .plan .title h4 span, .hosting_plans.table .plan li.title span {
font-weight: 300;
color: #3d9ecb;
text-transform: uppercase;
text-align: center;

}
.home .hosting_plans .plan .price, .home .hosting_plans.table .plan li.price {
padding: 15px 10px 15px 15px/*20px 20px 15px 28px*/;
background-color: #6d6d6d;
;
overflow: hidden;
_border: 1px solid red;
margin:0 auto;
}
.home .hosting_plans .plan .price h4 {
font-size: 24px/*27px*/;
padding-left: 2px;
text-align: center;
color: #fff;
line-height: 24px/*21px*/;
font-weight: 300;
margin: 0;
text-shadow: none;
_border: 1px solid red;
float: none;

}
.home .hosting_plans .plan ul {
float: left;
width: 100%;
padding: 0;
margin: 13px 0 20px 0;
clear: both;
}
.home .hosting_plans .plan li {
line-height: 21px;
padding: 6px 0 7px 25px;
border: none;
t/*ext-align: center;*/
color: #9f9f9f;
}
/* active */
.home .hosting_plans .plan.active{
margin: 6px 7px;
border: solid 1px #e0e0e0;
/*border-top: 1px solid #3d9ecb;*/
   border: solid 1px #3d9ecb!important;
padding: 0px 0px 20px;
background-color: #fff;

}
.home .hosting_plans .plan.active .title h4 {
font-size: 24px/*27px*/;
padding-left: 2px;
text-align: center;
color: rgb(164,164,164);
line-height: 24px/*21px*/;
font-weight: 300;
margin: 0;
text-shadow: none;
_border: 1px solid red;
float: none;

}
.home .hosting_plans .plan.active .title h4 span, .hosting_plans.table .plan.active li.title span {
font-weight: 300;
color: #3d9ecb;
text-transform: uppercase;
text-align: center;

}
.home .hosting_plans .plan.active .title {
background-color: #fff;
}
.home .hosting_plans .plan.active .price {
background: #3d9ecb;
}
/* Three Columns */
.hosting_plans .one_third {
   margin-left: 2.219%;
   width: 31%;
}
.hosting_plans .one-third.plan:nth-child(3n+1) {
margin-left: 0;
}
/* Four Columns */
.hosting_plans .one_fourth {
width: 23%;
margin-left: 1.528%;
}
.hosting_plans .one-fourth:nth-child(4n+1) {
margin-left: 0;
}
.hosting_plans .one_third, .hosting_plans .one_fourth {
margin-bottom: 40px;
}
.hosting_plans .plan .title, .hosting_plans.table .plan li.title {
padding: 15px 10px 15px 15px/*20px 20px 15px 28px*/;
background-color: #6d6d6d;
overflow: hidden;
}
.hosting_plans .plan .title h4 {
font-size: 24px/*27px*/;
padding-left: 2px;
float: left;
color: #fff;
line-height: 24px/*21px*/;
font-weight: 300;
margin: 0;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.hosting_plans .plan .title h4 span, .hosting_plans.table .plan li.title span {
font-weight: 600;
color: #5cb8e3;
text-transform: uppercase;
}
.hosting_plans .plan .title h4 em {
color: #eeeeee;
font-size: 11px;
line-height: 12px;
letter-spacing: 0.02em;
display: block;
text-shadow: none!important;
font-weight: normal;
}
.hosting_plans .plan.active {
background-color: #fff;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.hosting_plans .plan {
border-radius: 4px;
padding: 5px 5px 20px;
background-color: #fff;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.hosting_plans .plan.active .title {
background-color: #3d9ecb;
}
.hosting_plans .active .title h4 em {
color: #eee;
}
.hosting_plans .plan .title strong {
color: #fff;
font-size: 21px/*27px*/;
line-height: 24px;
float: right;
text-align: right;
text-shadow: 0 0 1px rgba(87,87,87,.5);
}
.hosting_plans .plan .title > em {
font-size: 12px;
float: right;
color: #fff;
}
.hosting_plans .active .title h4 span {
color: #fff;
}
.hosting_plans .plan .title strong span {
color: #fff;
font-size: 11px;
line-height: 12px;
font-weight: normal;
display: block;
}
.hosting_plans .plan ul {
float: left;
width: 100%;
padding: 0;
margin: 13px 0 20px 0;
clear: both;
}
.hosting_plans .plan li {
line-height: 21px;
padding: 6px 0 7px 25px;
border-top: 1px solid #eee;
}
.hosting_plans .plan li:first-child {
border-top: none;
}
.hosting_plans .plan li i {
color: #acacac;
margin-right: 5px;
}
.hosting_plans .plan a.but_signup {
display: inline-block;
padding: 9px 18px;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid #575757;
background-color: #6d6d6d;
font-weight: 600;
text-shadow: 0 0 1px rgba(87,87,87,.5);
transition: all 0.2s ease-in-out;
}
.hosting_plans .plan a.but_signup:hover {
background-color: #9f9f9f;
border-bottom-color: #919191;
}
/*
.hosting_plans .plan.active {
background-color: #fff;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
*/
.hosting_plans .plan .btn {
padding: 0 35px;
}
.hosting_plans .plan a.but_signup.details {
float: left;
}
.hosting_plans .plan a.but_signup.order {
float: right;
}
.home .hosting_plans .plan.active a.but_signup,
.hosting_plans .plan a.but_signup.order {
background-color: #3d9ecb;
border-bottom-color: #2e7698;
}
.home .hosting_plans .plan.active a.but_signup:hover,
.hosting_plans .plan a.but_signup.order:hover {
background-color: #72aec9;
border-bottom-color: #4d89a5;
}
.notification {
margin-top: 15px;
margin-bottom: 15px;
clear: both;
overflow: hidden;
}
.comparison {
clear: both;
text-align: center;
}
.comparison a {
display: inline-block;
}
/* Zozo Tabs */
.hosting_plans .z-tabs.horizontal.top.flat.z-bordered.large > .z-container {
overflow: visible;
}
.hosting_plans .z-tabs.horizontal.top.flat.z-bordered.large > .z-container > .z-content {
overflow: visible;
}
.hosting_plans .z-tabs.flat.horizontal > .z-container > .z-content > .z-content-inner {
padding: 40px 0px 0px 0px;
}
.hosting_plans .z-tabs.flat.large > ul > li > a {
padding: 15px 40px;
}
.hosting_plans .z-tabs-nav.z-tabs-desktop {
/* border: solid 1px red!important; */
}
@media only screen and (min-width: 668px) and (max-width: 811px){
.hosting_plans .z-tabs.flat.large > ul > li > a.z-link {
  font-size: 13px;
  padding: 10px 20px;
}
}
@media only screen and (min-width: 481px) and (max-width: 667px){
.hosting_plans .z-tabs.flat.large > ul > li > a.z-link {
  font-size: 12px;
  padding: 10px 10px;
}

}
.hosting_plans .z-tabs.flat > ul > li > a span {
text-align: right;
}
.hosting_plans .z-tabs.flat.flat-peter-river > ul,
.hosting_plans .z-tabs.flat.flat-peter-river > .z-container {
border-color: #3d9ecb;
}
.hosting_plans .z-tabs.flat.contained > ul > li a,
.hosting_plans .z-tabs.flat.clean > ul > li a {
background-color: #e3e3e3;
}
.hosting_plans .z-tabs.flat,
.hosting_plans .z-tabs.flat > ul > li > a {
color: #a4a4a4;
} 
/********************** hosting type switch **********/
.hosting-plan-type-switch ul{
display: block;
margin:0px auto!important;
width: 393px;
}
.hosting-plan-type-switch .z-tabs-nav.z-tabs-desktop {
/*border: solid 1px red!important; ofr testing purposes */
}
ul.hosting-type-switch li {
_border: 1px solid red!important;
}
.hosting-plan-type-switch .z-tabs.flat.flat-peter-river > .z-container {
_border-color: #3d9ecb;
border: none!important;
}
.hosting-plan-type-switch .z-tabs.flat.clean.horizontal > ul.z-tabs-nav > li > a {
_border: 1px solid red;
margin-right: 0px;
_border-radius: 0px!important;
}
/* target first element - child */
.hosting-plan-type-switch ul.z-tabs-nav li.z-tab:first-child > a {
border-radius: 5px 0px 0px 5px!important;
_border: 1px solid red;
}
/* target last element - child */
.hosting-plan-type-switch ul.z-tabs-nav li.z-tab:last-child > a {
border-radius: 0px 5px 5px 0px!important;
}
/* zozo tabs in .hosting-plan-type-switch */
.hosting-plan-type-switch .z-tabs.flat.horizontal.top.z-rounded.z-bordered.z-spaced > ul.z-tabs-nav > li > a, 
.hosting-plan-type-switch .z-tabs.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a, 
.hosting-plan-type-switch .z-tabs.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a {
-moz-border-radius: 0px;
border-radius: 0px;
_border: 1px solid red;
}


.hosting_plans .z-tabs.flat.flat-peter-river > ul.z-tabs-nav > li.z-active > a,
.hosting_plans .z-tabs.flat.flat-peter-river > ul.z-tabs-mobile.z-state-closed > li a,
.hosting_plans .z-tabs.flat.flat-peter-river > ul.z-tabs-mobile > li a {
background-color: #3d9ecb;
}
hosting_plans > .z-link > span {
text-shadow: 0 0 1px rgba(255,255,255,.5);
}
.hosting_plans > .z-active > .z-link > span {
text-shadow: 0 0 1px rgba(98,98,98,.5);
}
/* Hosting Plans Owl Carousel */
.hosting_plans .z-content-inner .item{
display: block;
padding: 30px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.hosting_plans .z-content-inner .owl-buttons i {
margin-top: 2px;
font-size: 30px;
}
.hosting_plans .owl-theme .owl-controls {
margin-top: 0;
}
/* To move navigation buttons outside use these settings: */
.hosting_plans .z-content-inner .owl-controls .owl-buttons div {
color: #6d6d6d;
font-weight: 400;
position: absolute;
top: 22px;
background-color: transparent;
font-size: 50px;
padding: 200px 15px 0;
height: 91%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hosting_plans .z-content-inner .owl-controls .owl-buttons .disabled {
display: none;
}
.hosting_plans .z-content-inner .owl-controls .owl-buttons .owl-prev {  
   left: -70px;
}
.hosting_plans .z-content-inner .owl-controls .owl-buttons .owl-next {
   right: -70px;    
}
/* Styling Pagination*/
.owl-theme .owl-pagination {
text-align: center;
padding-top: 20px;
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
.owl-theme .owl-controls .owl-page span {
color: #999;
}
.hosting_plans .owl-pagination {
display: none;
}
@media only screen and (max-width: 1308px){
.hosting_plans .owl-buttons {
  display: none;
}
.hosting_plans .owl-pagination {
  display: block;
}
.home .hosting_plans {
  padding-bottom: 0;
}
}
/* Web Hosting table */
.hosting_plans.table {
margin-top: 0;
background: #fff !important;
border-bottom: 0;
}
.hosting_plans.table .plan {
margin: 5px 0 15px;
padding-bottom: 0;
box-shadow: none;
-webkit-box-shadow: none;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 0;
-webkit-border-radius: 0;
}
.hosting_plans.table .plan:first-child {
border-left: 1px solid #ddd;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.hosting_plans.table .plan:last-child {
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}
.hosting_plans.table .plan .title {
padding: 22px 8px;
}
.hosting_plans.table .title h4 {
font-size: 17px;
line-height: 18px;
}
.hosting_plans.table .plan .title h3 {
font-size: 16px;
line-height: 24px;
margin: 0;
color: #fff;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.hosting_plans.table .plan ul {
margin: 0;
padding-bottom: 10px;
}
.hosting_plans.table .plan.one_seventh ul {
padding-bottom: 0;
}
.hosting_plans.table .plan li {
padding: 4px 6px;
text-align: center;
font-size: 11px;
line-height: 23px;
position: relative;
}
.hosting_plans.table .plan li.tech-title {
background-color: #f1f1f1;
}
.hosting_plans.table .plan li.title {
font-size: 14px;
color: #fff;
padding: 5px 0 4px 12px;
}
.hosting_plans.table .plan.first li {
text-align: left;
padding-left: 12px;
}
.hosting_plans.table .plan li a {
background-color: #eee;
   position: absolute;
   right: 10px;
   top: 4px;
   text-align: center;
   padding: 0 5px 0 10px;
   border-radius: 2px;
font-size: 10px;
}
.hosting_plans.table .plan a.but_signup {
font-size: 11px;
padding: 4px 13px;
}
.hosting_plans.table .center {
border-top: 1px solid #f3f3f3;
padding-top: 10px;
padding-bottom: 10px;
clear: both
}
.hosting_plans.table .notification {
margin: 0 0 10px;
}
/* Tooltip */
.hosting_plans.table .tooltip {
   display: block;
font-size: 14px;
color: #393a3b;
}
.hosting_plans.table .tooltip:hover {
color: #393a3b;
}
.hosting_plans.table .tooltip:hover:after{
   background-color: #222;
   background-color: rgba(25,25,25,.9);
   border-radius: 4px;
-webkit-border-radius: 4px;
   bottom: auto;
top: -80%;
   color: #fff;
   content: attr(data-title);
font-size: 12px;
   left: 40px;
   padding: 8px 12px;
line-height: 16px;
   position: absolute;
   z-index: 98;
   width: 220px;
}
.hosting_plans.table .tooltip:hover:before{
border: solid;
   border-color: #fff transparent;
background-color: #222;
   background-color: rgba(25,25,25,.9);
   border-width: 6px 6px 6px 0;
   top: 30%;
   content: "";
   left: 34px;
   position: absolute;
   z-index: 99;
}
/* Active */
.hosting_plans.table .plan:target {
background-color: #f3f3f3;
}
.hosting_plans.table .plan:target li {
border-color: #eaeaea;
}
.hosting_plans.table .plan:target li.tech-title  {
background-color: #6d6d6d;
color: #fff;
}
.hosting_plans.table .plan:target .center {
background-color: #f3f3f3;
border-color: #eaeaea
}
.hosting_plans.table .plan:nth-child(3) a.but_signup {
background-color: #3d9ecb;
   border-bottom-color: #2e7698;
}
.hosting_plans.table .plan:nth-child(3) a.but_signup:hover {
background-color: #72aec9;
   border-bottom-color: #4d89a5;
} 
/* Responsive */
@media only screen and (max-width: 1169px){
.hosting_plans.table .plan:nth-child(2) {
  border-left: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
.plan.one_fifth {
  width: 23.8% !important;
}
.one_seventh {
  width: 15.5% !important;
}
.hosting_plans.table .plan.first {
  display: none;
}
.hosting_plans.table .plan li {
  line-height: 21px;
  padding: 4px 2px;
}
.hosting_plans.table .plan li:before {
  content:attr(data-table) '';
  display:block;
  font-size: 11px;
  font-weight: 600;
}
}
@media only screen and (max-width: 1000px){
.hosting_plans.table .plan .title {
  padding: 12px 4px !important;
}
.hosting_plans.table .title h4 {
  font-size: 14px !important;
}
.plan.one_fifth {
  width: 23.4% !important;
}
.one_seventh {
  width: 15.12% !important;
}
.hosting_plans.table .one_seventh.plan:nth-child(4) {
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.hosting_plans.table .one_seventh.plan:nth-child(5) {
  border-left: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
}
@media only screen and (max-width: 769px){
.plan.one_fifth {
   width: 46.4% !important;
}
.hosting_plans.table .one_fifth.plan:nth-child(odd) {
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.hosting_plans.table .one_fifth.plan:nth-child(even) {
  border-left: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
.one_seventh {
  width: 30.713% !important;
}
}
@media only screen and (max-width: 479px){
.one_seventh {
  width: 46.25% !important;
}
.hosting_plans.table .plan:nth-child(odd) {
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.hosting_plans.table .plan:nth-child(even) {
  border-left: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
}
/* OWL Carousel Arrows */
.owl-controls .owl-buttons div a {
background-image: url(../img/owl-arrows.png);
background-repeat: no-repeat;
width: 26px;
height: 46px;
display: inline-block;
}
.owl-controls .owl-buttons .owl-prev a {
background-position: left bottom;
}
.owl-controls .owl-buttons .owl-next a {
background-position: right bottom;
}
.owl-controls .owl-buttons .owl-prev a:hover {
background-position: left top;
}
.owl-controls .owl-buttons .owl-next a:hover {
background-position: right top;
}
/* features section 3 */
.features_sec03 {
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.features_sec03 h2 {
font-size: 22px;
margin-bottom: 27px;
text-align: left;
color: #4A4A4A;
}
.features_sec03 .left h2 {
margin-bottom: 20px;
color: #3d9ecb;
}
.features_sec03 p {
padding-left: 2px;  
}
.features_sec03 h2 em {
color: #999;
font-style: normal;
}
.features_sec03 .left {
float: left;
width: 23%;
text-align: left;
}
.features_sec03 .center {
float: left;
width: 76%;
margin: 0 0%;
}
.features_sec03 .center .column {
width: 32%;
float: left;
margin-right: 1%;
}
.features_sec03 .center .column:last-child {
margin-right: 0%;
}
.features_sec03 .center .column p {
padding: 10px 10px;
color: #999;
margin-bottom: 4px;
background-color: #fff;
text-align: center;
padding: 0px 25px 15px 25px;
}
.features_sec03 .center .column span {
font-weight: normal;
font-size: 12px;  
} 
.features_sec03 .center h4 {
display: block;
padding: 20px 0px 10px;
text-decoration: none;
text-shadow: none;
font-family: "Open Sans";
font-size: 14px;
font-weight: 600;
color: #3D9ECB;
text-align: center;
}
.features_sec03 .right {
float: left;
width: 23%;
text-align: left;
}
.features_sec03 .left ul {
float: left;
width: 100%;
margin-top: 16px;
   padding: 0 0 0 2px;
}
.features_sec03 .left li {
line-height: 40px;
font-size: 14px;
color: #393a3b;
position: relative;
}
.features_sec03 .left li i {
font-size: 16px;
color: #b5b5b5;
margin-right: 14px;
float: left;
margin-top: 13px;
}
.features_sec03 .left li:nth-child(1) i:before {
content: "\f0ae";
}
.features_sec03 .left li:nth-child(2) i:before {
content: "\f0e0";
}
.features_sec03 .left li:nth-child(3) i:before {
content: "@";
}
.features_sec03 .left li:nth-child(4) i:before {
content: "\f085";
}
.features_sec03 .left li:nth-child(5) i:before {
content: "\f132";
}
.features_sec03 .left li:nth-child(6) i:before {
content: "\f025";
}
/* all bottom sections */
.bottom_section {
float: left;
width: 100%;
background: #eee;
padding-bottom: 30px;
z-index: 2;
border-top: 2px solid #BFBFBF;
}
.bottom_section h2 {
margin-bottom: 28px;
text-align: left;
color: #727272;
font-weight: normal;
font-size: 27px;
}
.bottom_section h3 {
color: #3d9ecb;
   font-size: 18px;
   font-weight: 400;
   margin: 22px 0;
}
.bottom_section .legend {
color: #575757;
font-size: 13px;
float: left;
margin: 10px 0 25px 4%;
padding: 7px 15px 7px 0;
background-color: #efefef;
border: 3px solid #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
}
.bottom_section .legend:first-child {
margin-left: 0.5%;
}
.bottom_section .legend img {
border: 3px solid #fff;
background-color: #fff;
margin-left: -11px;
margin-right: 7px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
vertical-align: top;
}
@media only screen and (min-width: 769px) and (max-width: 819px){
.bottom_section h2 {
  font-size: 23px;
  font-style: normal;
  line-height: 23px;
}
}
.bottom_section .waves_graph, .bottom_section .waves_graph2, .bottom_section .waves_graph3 {
float: left;
width: 100%;
height: 10px;
_background: url(../images/waves-graph.png) repeat-x left top;
}
.bottom_section .waves_graph2 {
padding-bottom: 30px;
}
.bottom_section .waves_graph3 {
padding-bottom: 40px;
}
.bottom_section .one_half {
float: right;
width: 48%;
margin-left: 0;
}
.bottom_section .one_half:first-child {
float: left;
}
/* Bottom section Zozo Tabs */
/*.bottom_section .z-tabs.flat {
margin-bottom: 40px;
}
.bottom_section .z-tabs.flat.vertical.z-bordered.top-left.medium > ul.z-tabs-nav {
background-color: #fff;
}
.bottom_section .z-tabs.flat,
.bottom_section .z-tabs.flat > ul > li > a {
color: #575757;
}
.bottom_section .z-tabs.flat.medium > ul > li > a {
font-size: 12px;
padding: 12px 10px;
}
.bottom_section .z-tabs.flat.flat-peter-river > ul,
.bottom_section .z-tabs.flat.flat-peter-river > .z-container {
border-color: #fff;
}*/
/* Large desktop */
@media (min-width:768) and (max-width: 1200px) {
.bottom_section .z-tabs.flat.medium > ul > li > a span {
  display: none !important;
}
}
/*.bottom_section .z-tabs.flat.flat-peter-river > ul.z-tabs-nav > li.z-active > a,
.bottom_section .z-tabs.flat.flat-peter-river > ul.z-tabs-mobile.z-state-closed > li a,
.bottom_section .z-tabs.flat.flat-peter-river > ul.z-tabs-mobile > li a {
background-color: #fff;
color: #3d9ecb;
}
.bottom_section .z-tabs.flat.flat-peter-river > ul, .z-tabs.flat.flat-peter-river > .z-container {
border-color: #3d9ecb;
}
.bottom_section .z-tabs.flat.vertical.contained > .z-container > .z-content > .z-content-inner {
padding: 25px;
}
.bottom_section .z-tabs.flat.contained > ul > li a,
.bottom_section .z-tabs.flat.clean > ul > li a {
background-color: #eee;
}
.bottom_section .z-tabs.flat.contained.horizontal > .z-container > .z-content > .z-content-inner {
background-color: #fff;
}
.bottom_section .z-content-inner h4 {
color: #3d9ecb;
font-size: 18px;
border-bottom: 1px solid #cecece;
padding-bottom: 12px;
   margin-bottom: 10px;
}
.bottom_section .z-content-inner p {
font-size: 14px;
}*/
/* Bottom post */
.bottom-post {
clear: both;
overflow: hidden;
border-top: 1px solid #d2d2d2;
padding-top: 47px;
margin-top: 27px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bottom-post:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.bottom-post .three_fourth {
text-align: justify;
} 
.bottom-post h4 {
margin-bottom: 7px;
font-weight: 600;
text-align: left;
}
.bottom-post p {
line-height: 24px;
margin-bottom: 24px;
}
.bottom-post img {
width: 100%;
height: auto;
}
.bottom-post:nth-child(odd) .one_fourth {
float: left;
margin-left: 0;
}
.bottom-post:nth-child(odd) .three_fourth {
float: right;
margin-left: 4%;
}
#testimonials h3 {
text-align: center;
color: #727272;
font-weight: normal;
font-size: 27px;
}
#testimonials {
margin: 15px 0 0;
}
#testimonials .bg {
min-height: 72px;
padding: 0 35px 0 25px;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #fff;
}
#testimonials .user {
float: left;
color: #727272;
letter-spacing: 0.03em;
border-radius: 4px;
-webkit-border-radius: 4px;
   margin-right: 55px;
   margin-top: 0px;
   padding: 3px 50px;
position: relative;
font-style: italic;
color: #3d9ecb;
font-size: 14px;
}
#testimonials .testimonial {
margin-top: 13px;
}
#testimonials .testimonial blockquote {
font-size: 16px;
color: rgb(114,114,114);
font-style: italic;
border: none;
margin: 16px 3px 0 0;
position: relative;
float: right;
width: 95%;
/*border: 1px solid red;*/
}
#testimonials .testimonial blockquote:before {
content: "\201C";
   left: -5px;
   padding: 0px 5px;
   
}
#testimonials .testimonial blockquote:after {
content: "\201C";
   right: 0px;
   padding: 0px 5px;
   
}
@media only screen and (max-width: 1135px){
#testimonials .testimonial blockquote {
  width: 70%;
  margin-top: 15px;
}
}
@media only screen and (max-width: 779px){
#testimonials .bg {
  padding: 0;
}
#testimonials .user, #testimonials i, #testimonials .testimonial blockquote  {
  width: 100%;
  text-align: center;
  clear: both;
}
#testimonials i {
  margin-top: 30px;
}
#testimonials .testimonial blockquote {
  width: 70%;
  line-height: 24px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.01em;
}
#testimonials .user {
  background-color: transparent;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 0;
  font-size: 18px;
}
#testimonials .testimonial blockquote {
  float: none;
  clear: both;
  margin: 0 auto;
  padding-bottom: 35px;
}
}
@media only screen and (max-width: 667px){
#testimonials .testimonial blockquote {
  width: 78%;
}
}
/*
#testimonials .testimonial blockquote:before, #testimonials .testimonial blockquote:after {
font-family: Georgia, serif;
font-size: 45px;
top: 5px;
color: #d6d6d6;
position: absolute;
}
#testimonials .testimonial blockquote:before {
content: "\201C";
   left: -5px;
}
#testimonials .testimonial blockquote:after {
content: "\201C";
   right: 0px;
}
*/
/* Contact page */
.address-info ul li {
margin-bottom: 10px;
line-height: 16px;
}
.address-info p {
line-height: 18px;
}
.bottom_section.contact-btm {
padding-bottom: 25px;
margin-top: 80px;
}
.bottom_section.contact-btm .waves_graph {
padding-bottom: 0;
}
/* Contact form - Gravity forms */
.gform_wrapper {
width: 100%;
padding-top: 30px;
}
.gform_wrapper li {
overflow: hidden;
margin-bottom: 8px;
}
.gform_wrapper li > label {
display: block;
font-size: 13px;
   margin-bottom: 1px;
}
.gform_wrapper li > label span.gfield_required {
color: #ed0000;
opacity: 0.7;
   padding: 0 0 0 3px;
}
.gform_wrapper .validation_message {
clear: both;
   color: #ed0000;
   display: block;
   font-size: 11px;
}
.gform_wrapper li span > label {
color: #999;
   display: block;
   font-size: 11px;
   line-height: 17px;
   padding-left: 2px;
}
.gform_wrapper li span.ginput_left, .gform_wrapper li span.ginput_right {
width: 48%;
}
.gform_wrapper li span.ginput_left {
float: left;
}
.gform_wrapper li span.ginput_right {
float: right;
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="url"],
.gform_wrapper textarea {
position: relative;
border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box;
border: 1px solid #c1c1c1; 
box-shadow: none;
-webkit-box-shadow: none;

-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="url"] {
width: 100%;
height: 30px;
padding: 0 8px;
}
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper textarea:focus {
border-color: #3d9ecb;
}
.gform_wrapper textarea {
width: 100%;
height: 200px;
padding: 8px;
resize: none;
}
input.gform_button {
   background-color: #eee;
background-image: none;
   border: 1px solid #ddd;
   border-radius: 4px;
   color: #333;
   font-family: 'Open Sans',sans-serif;
   font-weight: 600;
   padding: 15px 20px;
line-height: 12px;
height: auto;
   text-transform: uppercase;
}
input.gform_button:hover {
   background-color: #f9f9f9;
   cursor: pointer;
}
.gform_wrapper .recaptchatable #recaptcha_response_field {
border-color: #c1c1c1 !important;
}
/* Validation messages */
.gform_wrapper li.gfield_error input[type="text"],
.gform_wrapper li.gfield_error input[type="email"],
.gform_wrapper li.gfield_error input[type="password"],
.gform_wrapper li.gfield_error input[type="url"],
.gform_wrapper li.gfield_error textarea {
border-color: #ed0000;
}
.gform_wrapper .validation_error {
border: 1px solid #f1bdbd;
   padding: 10px;
background-color: #ffdddd;
   color: #bd6767;
   margin-bottom: 20px;
}
.gform_confirmation_message {
   padding: 10px;
   margin-bottom: 20px;
background-color: #dffbe4;
   color: #1ea133;
border: 1px solid #a9ecb4;
}
/* Re-captcha */
.recaptchatable a, .recaptchatable a:hover {
font-size: 10px;
color: #999 !important;
}
/* Google Maps */
.mapsmarker {
margin: 30px 0;
}
.lmm-panel-text, .lmm-panel-api {
display: none;
}
.leaflet-container {
border-top: none !important;
border-bottom: 1px solid #ccc !important;
}
/* Domain Search */
#domainsearch {
clear: both;
overflow: hidden;
margin-bottom: 40px;
}
#domainsearch input[type="text"],
#domainsearch button {
float: left;  
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#domainsearch input[type="text"] {
border: 3px solid #e7e7e7;
background-color: #3d9ecb;
font-size: 18px;
color: #fff;
height: 52px;
padding: 10px 15px 12px;
width: 60%;
}
#domainsearch input::-webkit-input-placeholder {
color: #fcfcfc;
}
#domainsearch input::-moz-placeholder {
color: #fcfcfc;
}
#domainsearch input:-moz-placeholder {   /* Older versions of Firefox */
color: #fcfcfc;
}
#domainsearch input:-ms-input-placeholder { 
color: #fcfcfc;
}
#domainsearch .selectBox {
float: left;
width: 15%;
margin-left: 1%;
}
select.styled {
width: 100%;
cursor: pointer;
z-index: 50;
}
span.customSelect {
cursor: pointer;
font-size: 18px;
   padding: 11px 13px 11px 15px;
height: 52px;
background-color: #3d9ecb;
color: #fff;
border: 3px solid #e7e7e7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
span.customSelect.changed {
background-color: #f0dea4;
}
.customSelectInner {
background: url(../img/selectarrow.png) no-repeat right 7px;
position: relative;
}
/*.customSelectInner:after {
background: url(../img/selectdivider.png) no-repeat right 7px;
}*/
#domainsearch button {
color: #fff;
background-color: #3d9ecb;
margin-left: 3%;
padding: 0 25px 0 17px;
font-size: 14px;
border: none;
height: 52px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#domainsearch button:hover {
background-color: #72aec9;
}
#domainsearch button i {
margin-right: 8px;
font-size: 16px;
}
/* Domain pricing */
#domain-pricing ul {
margin-bottom: 0;
}
#domain-pricing ul li {
clear: both;
overflow: hidden;
text-transform: uppercase;
color: #4a4a4a;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
}
#domain-pricing ul.expand li {
background-color: #ddd;
}
#domain-pricing.textwidget {
padding: 0px !important;
}
#domain-pricing ul li:nth-child(even) {
background-color: #f4f4f4;
}
#domain-pricing ul li span {
float: right;
text-transform: none;
}
#domain-pricing .expander {
width: 100%;
text-align: center;
display: block;
font-size: 21px;
color: #3d9ecb;
}
#domain-pricing .expander.collapsed:before,
#domain-pricing .expander.expanded:after {
font-family: 'FontAwesome';
}
#domain-pricing .expander.collapsed:before {
content: '\f0d7';
}
#domain-pricing .expander.expanded:after {
content: '\f0d8'; 
}
.whyus {
float: left;
width: 93%;
padding: 5% 0% 6% 7%;
border-radius: 4px;
background-color: #fff;
-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
.whyus strong {
text-transform: uppercase;
font-size: 14px;
display: block;
}
.whyus ul {
float: left;
width: 45%;
padding: 0;
margin: 10px 20px 0 0;
}
.whyus li {
padding: 13px 20px;
margin: 10px 0 0 0;
border-radius: 4px;
background-color: #f0f0f0;
color: #393a3b;
}
.whyus li i {
margin-right: 7px;
color: #3d9ecb;
font-size: 20px;
}
.people_says {
float: left;
width: 100%;
padding: 4% 7% 9%;
border-radius: 4px;
background-color: #fff;
-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.people_says p {
padding: 15px 0 0 30px;
line-height: 18px;
}
.people_says p:first-child {
padding-top: 35px;
}
.people_says img {
vertical-align: middle;
}
.people_says .img-container {
height: 95px;
}
.people_says .img-container .image-1 {
padding-top: 18px;
padding-left: 23px;
}
.people_says .img-container .image-right-1 {
float: right;
}
.people_says .img-container .image-2 {
padding-left: 6px;
padding-top: 10px;
}
.people_says .img-container .image-right-2 {

}
.clients_sec {
float: left;
width: 100%;

}
.clients_sec h3 {
text-align: center;
color: #727272;
font-weight: normal;
font-size: 24px;
}
/*
.clients_sec .title {
background-color: #3d9ecb;
float: left;
width: 12%;
padding-left: 30px;
height: 75px;
padding-top: 25px;
color: #fff;
font-size: 14px;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
background-clip: padding-box;
position: relative;
}
.clients_sec .title:after {
left: 100%;
top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #3d9ecb;
border-width: 50px;
}
.clients_sec .title strong {
font-size: 22px;
font-weight: normal;
display: block;
margin-bottom: 5px;
}
*/
.clients_sec .clients {

width: 100%;


}
.clients_sec .clients .owl-wrapper {
padding-top: 25px;
}
.clients_sec .clients .owl-item > div {
text-align: center; 



}
.clients_sec .clients .owl-item img {
/*
opacity: 0.6;
  -webkit-transition: all 0 ease-in-out;
    -moz-transition: all 0 ease-in-out;
   -o-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -khtml-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  */
}
.clients_sec .clients .owl-item img:hover {
opacity: 1;
}
/* Clients OWL */
.clients .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
 margin-top: -7px;
 width: 28px;
 height: 28px;
 line-height: 28px;
 color: #fff;
 border-radius: 2px;
 
 text-align: center;
 background-color: #21242e;
 transition: all 0.5s ease;
}
.clients .owl-controls .owl-buttons div:hover {
background: #3d9ecb;
}
.clients .owl-controls .owl-buttons .owl-prev,
.clients .owl-controls .owl-buttons .owl-next {

   font-size: 16px;


}
.clients .owl-controls .owl-buttons .owl-prev:before {

content: '\f104';
font-family: 'FontAwesome';

}
.clients .owl-controls .owl-buttons .owl-next:before {

content: '\f105';
font-family: 'FontAwesome';

}
.clients .owl-controls .owl-buttons .owl-prev{
left: -53px;

}
.clients .owl-controls .owl-buttons .owl-next{
right: -53px;
}
.clients .owl-pagination {
display: none;
padding-top: 10px;
}
@media only screen and (max-width: 1100px){ 
.clients .owl-controls .owl-buttons .owl-prev {
  left: -25px;
}
.clients .owl-controls .owl-buttons .owl-next {
  right: -25px;
}
.clients_sec .title {
  width: 14%;
}
.clients_sec .clients {
  width: 68%;
}
}
@media only screen and (max-width: 960px){
.clients_sec .title {
  width: 18% !important;
}
.clients_sec .clients {
  margin: 0;
  width: 70% !important;
}
.clients .owl-pagination {
  display: block;
}
.clients .owl-buttons {
  display: none;
}
}
@media only screen and (max-width: 800px){
.clients_sec .title {
  background: none;
  color: #4a4a4a;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  height: auto;
}
.clients_sec .title:after {
  border: none;
}
.clients_sec .title, .clients_sec .title strong {
  font-size: 21px;  
}
.clients_sec .title strong {
  display: inline;
}
.clients_sec .clients {
  float: left;
  width: 100% !important;
}
.clients_sec .clients .owl-wrapper {
  padding-top: 20px;
}
}
/* Bottom slider OWL */
.bottom-slider {
margin: 30px 0 10px;
}
.bottom-slider .owl-item a {
   text-align: center;
   display: block;
}
.img-border,
.bottom-slider .owl-item img {
   padding: 1px;
border: 5px solid #ccc;
}
.bottom-slider .owl-controls .owl-buttons div {
position: absolute;
}
.bottom-slider .owl-controls .owl-buttons .owl-prev,
.bottom-slider .owl-controls .owl-buttons .owl-next {
top: 27%;
}
.bottom-slider .owl-controls .owl-buttons .owl-prev{
left: -32px;
padding: 0 10px 0 0;
}
.bottom-slider .owl-controls .owl-buttons .owl-next{
right: -32px;
padding: 0 0 0 10px;
}
.features_sec05 {
float: left;
width: 100%;
}
.twitter_feeds {
float: left;
width: 92%;
min-height: 60px;
padding-left: 8%;
padding-top: 5px;
margin-top: 30px;
margin-bottom: 10px;
background: url(../images/twitter-icon.png) no-repeat left top;
}
.twitter_feeds a {
color: #3d9ecb;
}
.twitter_feeds a:hover {
color: #393a3b;
}
.twitter_feeds strong {
font-weight: 600;
}
.twitter_feeds small a {
color: #999;
font-size: 10px;
margin-right: 5px;
}
.twitter_feeds small a:hover {
color: #727272;
}
/* footer */
.footer {
float: left;
width: 100%;
background: #272727;

z-index: 2;
}
.footer .one_fourth {
float: left;
width: 22%;
min-height: 220px;
margin-top: 40px;

margin-left: 4%;
color: #999;
}
.footer h3 {
font-size: 18px;
color: #e5e5e5;
font-weight: 600;
margin-bottom: 27px;
letter-spacing: 0.02em;

}
.footer .footer-links h3 {
margin-bottom: 21px;
}
.footer .info-latest h3 {
margin-bottom: 22px;
}
.footer .info-posts h3 {
margin-bottom: 22px;
}
.footer .guarantee h3 {
margin-bottom: 20px;
}
.footer .guarantee p {
margin-bottom: 22px;
text-align: center;
}
.footer ul.menu {
padding: 0;
margin: 0;
}
.footer .menu li {
margin: 0;
padding: 0;
line-height: 20px;
}
.footer .menu li i {
margin-right: 4px;
font-weight: bold;
}
.footer .menu li a {
color: #7c7c7c;
padding: 3px 0;
display: block;
transition: all 0.3s ease-out;
}
.footer .menu li a:before {
font-family: 'FontAwesome';
content: '\f105';
margin-right: 9px;
}
.footer .menu li a:hover {
color: #e5e5e5;

}
.footer ul.recent_blogs {
padding: 12px 0 0 0;
margin: -5px 0 0 0;
}
.footer .recent_blogs li {
padding: 0 0 16px 0;
margin: 0 0 16px 0;
float: left;
border-bottom: 1px solid #393939;
}
.footer .recent_blogs li.last {
margin: 0;
border-bottom: none;
}
.footer .recent_blogs li img {
border: 3px solid #999;
float: left;
margin-right: 20px;
}
.footer .recent_blogs li a {
color: #999;
}
.footer .recent_blogs li a:hover {
color: #fff;
}
.footer .recent_blogs li i {
font-size: 11px;
line-height: 16px;
float: left;
margin-top: 5px;
font-style: normal;
color: #727272;
}
.footer .recent_blogs li p {
margin: -5px 0 0 0;
}
.footer #contact-widget .livechat {
margin-top: 20px;
}
.footer #contact-widget .textwidget {
color: #999;
/*padding: 18px 10px 10px 20px;*/

border-radius: 4px;
-webkit-border-radius: 4px;
background-clip: padding-box;
}
.footer #contact-widget .infonet-info .textwidget {

}
.footer #contact-widget .textwidget p {
font-weight: 600;
line-height: 18px;
letter-spacing: -0.01em;
color: #e5e5e5;
}
.footer #contact-widget .textwidget img {
position: absolute;
left: 17px;
   top: 16px;
}
.footer #contact-widget .textwidget dl {
font-size: 14px;
   line-height: 18px;
   margin-left: 0px;
   margin-top: 10px;
   
}
.footer #contact-widget .textwidget dl dt {
font-size: 12px;
   line-height: 20px;
   text-align: left;
}
.footer #contact-widget .textwidget dl dd {
color: #e5e5e5;
   font-size: 12px;
   font-weight: 600;
   margin-bottom: 2px;
   
}
.footer #contact-widget .textwidget dl dd span {
color: #999;
}
.footer #contact-widget .textwidget h4 {
font-size: 27px;
font-weight: 600;
color: #999;
padding-left: 76px;
padding-bottom: 16px;
margin-bottom: 0;
text-transform: uppercase;
line-height: 18px;
}
.footer #contact-widget .textwidget h4 strong {
font-size: 12px;
display: block;
font-weight: 400;
}
.footer #contact-widget .textwidget h4 span {
color: #fefefe;
}
.footer .any_questions {
float: left;
padding: 20px 10px 18px 20px;
margin: 5px 0 0 0;
min-width: 188px;
min-height: 88px;
background-color: #212121;
border-radius: 4px;
color: #999;
}
.footer .any_questions img {
float: left;
margin-right: 20px;
}
.footer .any_questions p {
line-height: 18px;
}
.footer .any_questions h3 {
color: #999;
margin: 0;
font-weight: bold;
font-size: 18px;
}
.footer .any_questions h3 i {
color: #999;
text-transform: none;
font-size: 14px;
font-style: normal;
}
.footer .live_chat {
float: left;
padding: 20px 10px 18px 20px;
margin: 27px 0 0 0;
min-width: 188px;
background-color: #212121;
border-radius: 4px;
text-transform: uppercase;
}
.footer .live_chat img {
float: left;
margin-right: 20px;
}
.footer .live_chat a {
font-size: 27px;
color: #999;
line-height: 22px;
}
.footer .live_chat h2 {
font-size: 27px;
color: #999;
line-height: 22px;
margin: 0;
font-weight: 600;
}
.footer .live_chat h2 i {
font-size: 14px;
color: #999;
font-style: normal;
}
.footer .live_chat a:hover {
color: #fff;
}
.footer_sectwo {
float: left;
width: 100%;
}
.footer_sectwo .container {

padding-top: 28px;
}
.footer_sectwo .free_scripts h4 {
font-size: 14px;
color: #fff;
width: 140px;
float: left;

}
.footer_sectwo .free_scripts {
float: left;
width: 48%;
}
.footer_sectwo .free_scripts ul {
float: left;
padding: 0;
margin: 4px 0 0 0;
}
.footer_sectwo .free_scripts li {
float: left;
padding: 0;
margin: 0 11px;
width: 25px;
}
/*
.footer_sectwo .free_scripts li img {
width: 30px;
}
*/
.footer_sectwo .payments_list h4 {
font-size: 14px;
color: #fff;
width: 140px;
float: left;
}
.footer_sectwo .payments_list {
float: right;
width: 48%;
}
.footer_sectwo .payments_list ul {
float: left;
padding: 0;
margin: 6px 0 0 0;
}
.footer_sectwo .payments_list li {
float: left;
padding: 0;
margin: 0 0 0 20px;
}
@media only screen and (max-width: 1059px){
.footer_sectwo .container {
  padding-top: 15px;
}
.footer_sectwo .free_scripts h4,
.footer_sectwo .payments_list h4 {
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}
.footer_sectwo .free_scripts li,
.footer_sectwo .payments_list li {
  margin: 0 10px 0 0 !important;
}
}
@media only screen and (max-width: 1000px){
.footer {
  background-image: none;
  background-color: #272727;
}
.footer h3 {
  font-size: 18px;
}
.footer .one_fourth {
  width: 48%;
  margin-top: 0;
}
.footer .one_fourth:nth-child(2n+1) {
  margin-left: 0;
  margin-bottom: 0;
} 
.footer img.aligncenter {
  margin: 5px 0 0;
} 
}
@media only screen and (max-width: 550px){
.footer .one_fourth {
  width: 100%;
  margin-left: 0;
}
}
.footer ul.icon-posts {}
.footer ul.icon-posts li:before,
.footer ul.icon-posts li:after {
display: table;
content: " ";
clear: both;
}
.footer ul.icon-posts li {
border-top: 1px solid #3e3e3e;
clear: both;
padding-bottom: 15px;
padding-top: 15px;
}
.footer ul.icon-posts li:first-child {
border-top: 0; 
padding-top: 0;
}
.footer ul.icon-posts li a {
color: #999;
min-height: 50px;
display: inline-block;
line-height: 24px;
}
.footer ul.icon-posts li a i {
font-size: 47px;
color: #434343;
float: left;
width: 50px;
height: 50px;
margin-right: 18px;
}
.footer ul.icon-posts a:hover i {
color: #3f88aa;
}
/* copyrights */
.copyright_info {
float: left;
padding: 15px 0 15px;
margin: 0;
width: 100%;
color: #999;

background: #222;
z-index: 2;
_border: 1px solid red;
}
.copyright_info .one_half{
float: left;
width: 48%;
margin-left: 4%;
border: 1px solid red;
}
.copyright_info {
font-size: 12px;
color: #727272;
font-style: normal;
font-weight: normal;
}
.copyright_info span {
float: right;
}
.copyright_info p {
height: 12px;
line-height: 26px;
padding: 0px;
margin: 0;
}
.copyright_info a {
margin-top: 10px;
font-size: 12px;
color: #727272;
text-align: right;
text-decoration: none; 
border-bottom: 1px #727272 dotted;
transition: all 0.3s ease-out
}
.copyright_info a:hover {
color: #E5E5E5;
border-bottom: 1px #E5E5E5 dotted;
}
.copyright_info .one_fourth {
text-align: right;
}
/* footer social links */
.testclass {
_border: 1px solid red;
display: inline-block;
width: 650px;
}
ul.footer_social_links {
/*float: right;*/
padding: 0;
margin: 0;
}
.footer_social_links li {
float: left;
}
.footer_social_links li a {
background-color: #7a7c82;
display: block;
text-align: center;
width: 24px;
height: 24px;
border-radius: 2px;
-webkit-border-radius: 2px;
margin: 0 10px 0 0;
border-bottom: none!important;
text-decoration: none!important;
}
.footer_social_links li a:hover i {
color: #fff;
border-bottom: none!important;
text-decoration: none!important;
}
.footer_social_links li a.facebook:hover {
background-color: #3b5998;
}
.footer_social_links li a.twitter:hover {
background-color: #4099FF;
}
.footer_social_links li i {
color: #21242e;
}
/* footer payment links */
ul.footer_payment_links {
float: right;
padding: 0;
margin: 0;
}
.footer_payment_links li {
float: left;
height: 30px;
padding: 0;

}
.footer_payment_links li img {
display: inline-block;
height: 30px;
margin: 0px;
padding: 0px 5px;


}
@media only screen and (max-width: 767px){
.copyright_info .three_fourth {
  margin-bottom: 10px;
}
.copyright_info .one_fourth {
  margin-bottom: 0px;
  margin-left: 0;
}
.footer_social_links li a {
  margin: 0 10px 0 0;
}
.copyright_info .one_fourth {
  text-align: left;
}
}
/*------------------*/
/*  CONTENT
/*------------------------------------------------------*/
.content_left {
float: left;
width: 71%;
padding: 40px 0 40px 0;
}
.content_fullwidth {
float: left;
width: 100%;
padding: 40px 0 0;
}
.content_fullwidth_no_padding_top {
float: left;
width: 100%;
padding: 0px 0 0;
}
.right_sidebar {
float: right;
width: 25%;
padding: 40px 0 40px 0;
}
.left_sidebar {
float: left;
width: 25%;
padding: 40px 0 50px 0;
}
.content_right {
float: right;
width: 71%;
padding: 40px 0 40px 0;
}
#sidebar .textwidget {
background-color: #f9f9f9;
   border: 1px solid #eee;
   margin-bottom: 20px;
   padding: 15px 15px 10px;
}
#sidebar .widget_text {
z-index: 1;
}
/* page title */
.page_title {
float: left;
width: 100%;
background: #3A4149;
}
.page_title .title {
width: 100%;
float: left;
text-align: left;
margin: 0;
}
.page_title .title h1 {
margin: 0;
background: none;
font-weight: 300;
color: #181818;
font-size: 24px;
line-height: 24px;
}
.page_title .pagenation {
float: left;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 12px;
text-align: left;
font-weight: normal;
color: #999;
margin: 4px 0 0 0;
padding: 0;
}
.page_title .pagenation i {
font-size: 9px;
}
.page_title .pagenation i:before {
margin: 0 4px;
}
.page_title .pagenation a {
padding: 0;
color: #727272;
}
.page_title .pagenation a:hover {
color: #454545;
}
.page_title .pagenation span {
margin: 0 2px;
}
.page_title .pagenation span:first-child {
margin-left: 0;
}
ul.list_doted02 {
float: left;
margin: 13px 0 0 0;
padding: 0;
}
.list_doted02 li {
margin: 0 0 13px 0;
padding: 0 0 0 13px;
}
.list_doted02 li h5 {
margin-bottom: 2px;
padding-bottom: 8px;
border-bottom: 1px solid #f3f3f3;
}
.big_text1 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 27px;
line-height: 35px;
color: #999;
}
.big_text1 i {
color: #3d9ecb;
font-style: normal;
font-weight: normal;
}
.big_text2 {
float: left;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 22px;
color: #3d9ecb;
padding-top: 22px;
padding-left: 10px;
font-style: italic;
}
.big_text2 i {
font-weight: 300;
}
ul.fullimage_box {
float: left;
padding: 0;
margin: 0;
width: 48%;
}
.fullimage_box li {
padding: 0;
margin: 0;
}
.fullimage_box li img {
margin-bottom: 8px;
width: 100%;
}
.fullimage_box li img:hover {
}
ul.fullimage_box.last {
float: left;
width: 48%;
margin-left: 4%;
}
ul.fullimage_box2 {
float: left;
padding: 30px 20px;
margin: 0;
width: 86.6%;
border: 1px solid #eee;
border-radius: 4px;
}
.fullimage_box2 li {
padding: 0;
margin: 0;
text-align: center;
}
ul.fullimage_box2.last {
float: left;
width: 100%;
margin-left: 4%;
}
.fullimage_box2 li i {
color: #3d9ecb;
}
.fullimage_box2 h3 {
color: #3d9ecb;
margin-top: 13px;
}
.box_widget_full {
float: left;
width: 96%;
padding: 2%;
margin: 0;
background-color: #fbfbfb;
border: 1px solid #eee;
border-bottom: 2px solid #eee;
}
.box_widget_full h3 {
margin-bottom: 10px;
}
.box_widget_full i {
float: left;
margin-right: 20px;
}
/* client logos */
ul.clients_logos_list {
padding: 0;
margin: 30px 0 0 0;
position: relative;
}
.clients_logos_list li {
padding: 0;
margin: 0;
float: left;
width: 25%;
}
.clients_logos_list li.last {
margin: 0 0 0 0;
}
/* get features */
.get_features {
width: 100%;
float: left;
padding: 55px 0 0;
margin: 0;
}
.get_features h2 {
font-size: 22px;
line-height: 22px;
margin-bottom: 43px;
}
.get_features h5 {
margin-bottom: 7px;
font-weight: normal;
}
.get_features p {
line-height: 16px;
font-size: 12px;
}
.get_features ul.get_features_list {
float: left;
padding: 0;
margin: 0 0 40px 0!important;
width: 32%;
margin-left: 2%;
height: 112px;
}
.get_features ul.get_features_list:nth-child(3n+1) {
margin-left: 0;
}
.get_features .get_features_list li {
float: left;
padding: 0;
margin: 0;
}
.get_features .get_features_list li.left {
float: left;
padding: 0;
margin: 0 5% 0 0;
width: 35%;
height: auto;
text-align: right;
}
.get_features .get_features_list li.left img {
margin-top: 5px;
}
.get_features .get_features_list li.left i {
color: #3d9ecb;
   font-size: 60px;
   padding: 0 10px 0 0;
opacity: .8;
}
.get_features .get_features_list li.right {
width: 60%;
}
.get_features h4 {
font-size: 14px;
font-weight: 700;
color: #515151;
margin-bottom: 0;
}
/* Large desktop */
@media (min-width: 768px) and (max-width: 999px) {
.get_features ul.get_features_list {
  width: 48%;
  margin-left: 4%;
}
.get_features ul.get_features_list:nth-child(2n+1) {
  margin-left: 0;
}
}
@media (max-width: 767px) {
.get_features ul.get_features_list {
  height: auto;
  margin-left: 0;
}
}
/* 404 Error Page */
.error_pagenotfound {
padding: 50px 0 100px;
background-color: #fff;
text-align: center;
}
.error_pagenotfound strong {
display: block;
font-size: 145px;
line-height: 100px;
color: #e3e3e3;
font-weight: normal;
}
.error_pagenotfound b {
display: block;
font-size: 40px;
line-height: 40px;
color: #eee;
margin: 0;
font-weight: 300;
}
.error_pagenotfound em {
display: block;
font-size: 18px;
line-height: 50px;
color: #3d9ecb;
margin: 0;
font-style: normal;
}
/* blog */
.blog_post {
float: left;
width: 100%;
}
.blog_post h2 {
color: #555;
   line-height: 28px;
margin-bottom: 10px;
}
.blog_post h3 {
float: left;
text-align: left;
color: #3d9ecb;
width: 85%;
line-height: 24px;
margin-bottom: 10px;
}
.blog_post h3 a {
color: #3d9ecb;
text-decoration: none;
float: left;
margin-top: 0;
text-transform: none;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 18px;
}
.blog_post h3 a:hover {
color: #393a3b;
}
.blog_post p {
font-size: 13px;
line-height: 21px;
margin-bottom: 15px;
}
.blog_post .post-icon {
float: left;
   height: 50px;
   margin-right: 6px;
   width: 50px;
}
.blog_post .post-icon i {
font-size: 47px;
}
.post_info_content {
padding: 0;
margin: 0;
}
ul.post_meta_links {
margin: 0;
padding: 0;
}
.post-meta {
margin-bottom: 10px;
font-size: 12px;
}
.post-meta .tags a {
color: #666;
padding-left: 2px;
font-weight: 600;
}
.post-meta .tags a:hover,
.post-meta .tags a:active,
.post-meta .tags a:focus {
color: #3d9ecb;
}
.post-meta .tags i {
color: #ccc;
   font-size: 21px;
   margin-right: 8px;
   vertical-align: middle;
}
.post_meta_links li {
float: left;
margin: 0;
padding: 0 0 0 4px;
list-style-type: none;
color: #999;
}
.post_meta_links li.post_by {
padding: 0 0 0 25px;
background: url(../images/blog/icon-by-user.png) no-repeat 5px 5px;
}
.post_meta_links li.post_categoty {
padding: 0 0 0 22px;
background: url(../images/blog/icon-category.png) no-repeat 2px 6px;
}
.post_meta_links li.post_comments {
padding: 0 0 0 22px;
background: url(../images/blog/icon-comments.png) no-repeat 2px 5px;
}
.post_meta_links li a {
color: #a1a1a1;
padding: 0 18px 0 0;
text-decoration: none;
font-size: 11px;
}
.post_meta_links li a:hover {
color: #727272;
text-decoration: none;
}
.blog_postcontent {
float: left;
width: 100%;
}
.blog_postcontent .image_frame {
margin-bottom: 25px;
overflow: hidden;
}
.blog_postcontent .image_frame img {
padding: 4px;
-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  
}
.blog_postcontent .image_frame:hover img {
opacity: .8;
}
.blog_postcontent .image_frame img {
float: left;
width: 99.7%;
border: 1px solid #fff;
}
.blog_postcontent .video_frame iframe {
float: left;
width: 98%;
height: 400px;
border: 7px solid #fff;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}
.blog_postcontent .video_frame iframe:hover {
border: 7px solid #f9f9f9;
}
/* blog small */
.blog_post h3 {
width: 74%;
}
.blog_postcontent .image_frame.small {
float: left;
width: 43%;
margin-bottom: 5px;
}
.blog_postcontent .image_frame img {
float: left;
width: 100%;
border: 1px solid #ddd;
margin-bottom: 15px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog_postcontent .video_frame.small iframe {
float: left;
width: 43%;
height: 180px;
border: 7px solid #fff;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}
.blog_postcontent .video_frame iframe:hover {
border: 7px solid #f9f9f9;
}
.post_info_content_small {
padding: 0;
margin: 0 0 0 3%;
width: 51%;
float: left;
}
ul.post_meta_links_small {
float: left;
margin: -15px 0 12px 80px;
padding: 0;
width: 80%;
}
.post_meta_links_small li.post_by {
float: left;
padding: 0 0 0 18px;
background: url(../images/blog/icon-by-user.png) no-repeat 0 5px;
}
.post_meta_links_small li.post_categoty {
float: left;
padding: 0 0 0 26px;
background: url(../images/blog/icon-category.png) no-repeat 9px 6px;
}
.post_meta_links_small li.post_comments {
float: left;
padding: 0 0 0 26px;
background: url(../images/blog/icon-comments.png) no-repeat 9px 5px;
}
.post_meta_links_small li a {
color: #a1a1a1;
padding: 0 5px 0 0;
text-decoration: none;
font-size: 11px;
}
.post_meta_links_small li a:hover {
color: #727272;
padding: 0 5px 0 0;
text-decoration: none;
font-size: 11px;
}
.blog_post a.date {
padding: 10px 5px 0 0;
text-decoration: none;
width: 55px;
height: 55px;
text-align: center;
background: #f9f9f9;
display: block;
margin-right: 20px;
float: left;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}
.blog_post a.date strong {
color: #3d9ecb;
font-size: 27px;
font-weight: normal;
display: block;
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
.blog_post a.date:hover strong {
color: #333;
}
.blog_post a.date i {
color: #fff;
font-size: 11px;
font-style: normal;
padding: 0 0;
display: block;
border-top: 1px solid #f3f3f3;
width: 60px;
background-color: #3d9ecb;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
.blog_post a.date:hover i {
background-color: #393a3b;
}
.post_readmore:link, .post_readmore:visited {
float: right;
height: 27px;
width: 185px;
text-align: center;
padding-top: 7px;
color: #fff;
text-decoration: none;
background: url(../images/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
float: right;
height: 27px;
width: 185px;
text-align: center;
padding-top: 7px;
color: #fff;
text-decoration: none;
background: url(../images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}
.sharepost {
float: left;
width: 80%;
margin-bottom: 40px;
}
.sharepost ul {
margin: 0;
padding: 0;
}
.sharepost li {
margin: 0 7px 5px 0;
padding: 2px 5px;
float: left;
border-radius: 2px;
list-style-type: none;
background-color: #3d9ecb;
}
.sharepost li i {
color: #fff;
}
.sharepost li:hover {
background-color: #393a3b;
}
.about_author {
float: left;
width: 93%;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #eee;
}
.about_author img {
float: left;
margin-right: 20px;
}
.about_author a {
font-family: 'Open Sans' !important;
font-weight: normal;
font-weight: 600;
color: #333;
}
.about_author a:hover {
color: #3d9ecb;
}
/* pagination */
.pagination {
clear:both;
padding:10px 0;
margin-bottom:20px;
font-family: 'Open Sans', sans-serif;
}
.pagination b{
float:left;
margin: 0 5px 2px 0;
padding:0px 10px;
font-weight: normal;
color: #999;
}
.pagination a.navlinks {
font-size: 12px;
color: #454545;
background-color: #eee;
font-weight: 600;
text-transform: uppercase;
padding: 7px 10px;
border-radius: 3px;
}
.pagination a.navlinks:hover {
color: #fff;
background-color: #454545;
}
.pagination a.current {
color: #fff;
background-color: #454545;
}
.textarea_bg {
float: left;
width: 90%;
height: 235px;
padding: 7px 10px 0 10px;
margin-bottom: 20px;
border-top: 2px solid #e1e1e1;
border-left: 2px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
}
.address-info {
float: left;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
padding: 20px 20px 10px 20px;
width: 91%;
margin-bottom: 40px;
}
.address-info a {
color: #3d9ecb;
}
.address-info a:hover {
color: #454545;
}
.google-map {
border: 4px solid #fff;
   height: 350px;
   width: 99%;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}
.address-info {
float: left;
background-color: #f9f9f9;
border: 1px solid #eee;
padding: 15px 15px 10px 15px;
width: 90%;
margin-bottom: 40px;
}
.address-info a {
color: #3d9ecb;
}
/*------------------*/
/*  RIGHT SIDEBAR
/*------------------------------------------------------*/
/* site search */
.site-search-area {
margin: 0;
padding: 0;
}
#site-searchform {
margin: 0;
padding: 0;
}
#site-searchform #s{
border: 1px solid #eee;
background-color: #fff;
width: 71%;
height:30px;
padding:5px 10px 5px 10px;
color: #999;
float: left;
font: normal 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#site-searchform #searchsubmit{
float: left;
width:50px;
height:41px;
cursor:pointer;
text-indent:-5555em;
line-height:100;
overflow:hidden;
background: #3d9ecb url(../images/site-search-icon.png) no-repeat center 14px;
border:0;
}
#site-searchform #searchsubmit:hover{
background: #393a3b url(../images/site-search-icon.png) no-repeat center 14px;
}
.sidebar_widget {
float: left;
width: 100%;
padding: 0;
margin: 0;
}
.sidebar_widget ul.arrows_list1 {
padding: 0;
margin: 0;
float: left;
margin-top: -10px;
}
.sidebar_widget ul.arrows_list1 li a {
color: #3d9ecb;
line-height: 30px;
}
.sidebar_widget ul.arrows_list1 li a:hover {
color: #393a3b;
}
.sidebar_widget ul.arrows_list1 i {
margin-right: 4px;
}
.sidebar_title {
float: left;
width: 100%;
}
.sidebar_widget h3, .clientsays_widget h3 {
margin-bottom: 30px;
/*float: left;*/
font-weight: 300;
}
.sidebar_widget h3 i, .clientsays_widget h3 i {
font-weight: normal;
font-style: normal;
}
/* Sidebar O nama */
.right_sidebar .widget-o-nama,
.right_sidebar .widget-o-nama p {
font-size: 14px;
}
.right_sidebar .widget-o-nama p {
padding-left: 6px;
line-height: 24px;
margin-bottom: 24px;
}
.right_sidebar .widget-o-nama h3 {
font-weight: 600;
font-size: 18px;
margin-bottom: 25px;
} 
/* Recent Posts */
ul.recent_posts_list {
margin: 0;
padding: 0;
width: 100%;
float: left;
}
.recent_posts_list li {
padding: 0 0 13px 0;
margin: 0 0 16px 0;
list-style-type: none;
border-bottom: 1px solid #f5f6f6;
float: left;
width: 100%;
}
.recent_posts_list li a {
text-decoration: none;
line-height: 17px;
display: block;
color: #999;
}
.recent_posts_list li a:hover {
color: #3d9ecb;
}
.recent_posts_list li span {
float: left;
margin-right: 15px;
}
.recent_posts_list li span img {
float: left;
margin-right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.recent_posts_list li span img:hover {
float: left;
margin-right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.recent_posts_list li i {
padding: 1px 0 0 0;
margin: 0;
display: block;
font-size: 10px;
font-style: normal;
color: #c9c9c9;
}
.recent_posts_list li.last {
padding: 0 0 7px 0;
margin: 0;
border-bottom: 0 solid #f5f6f6;
}
/* client says widget */
.clientsays_widget {
float: left;
width: 100%;
padding: 0;
margin: 0;
color: #999;
}
.clientsays_widget strong {
font-weight: 600;
color: #454545;
}
.clientsays_widget h3 {
margin-bottom: 18px;
}
.clientsays_widget img {
float: left;
margin-right: 13px;
margin-top: 7px;
border: 1px solid #e3e3e3;
}
/* Tags */
ul.tags {
padding: 0px 0px 10px 0px;
margin: 0px;
float: left;
}
.tags li {
float: left;
padding: 0px;
margin: 0px 5px 5px 0px;
list-style-type: none;
line-height: 25px;
}
.tags li a {
float: left;
padding: 2px 7px;
background-color: #f9f9f9;
border-radius: 2px;
color: #909090;
font-size: 12px;
}
.tags li a:hover {
background-color: #3d9ecb;
color: #fff;
}
/* Google Maps */
.acf-map {
width: 100%;
height: 350px;
border: #ccc solid 1px;
margin: 20px 0 0;
}
/*------------------*/
/* TYPOGRAPHY ELEMENTS
/*------------------------------------------------------*/
a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
font-weight: 600;
-moz-border-radius: 3px;
border-radius: 3px;
}
a.but_goback i {
color: #fff;
}
a.but_goback {
padding: 13px 25px 13px 22px;
margin: 0;
background: #3d9ecb;
border: 10px solid #ccc;
}
a.but_goback:hover {
color: #fff;
background-color: #393a3b;
}
a.but_ok_2 {
padding: 10px 22px 10px 22px;
margin: 0;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_ok_2:hover {
background-color: #ff9900;
}
a.but_wifi {
padding: 10px 22px 10px 22px;
margin: 0;
background: #0099cc;
border-bottom: 1px solid #909090;
}
a.but_wifi:hover {
background-color: #00abde;
}
a.but_warning_sign {
padding: 10px 22px 10px 22px;
margin: 0;
background: #e5cc19;
border-bottom: 1px solid #909090;
}
a.but_warning_sign:hover {
background-color: #efda1b;
}
a.but_user {
padding: 10px 22px 10px 22px;
margin: 0;
background: #007f99;
border-bottom: 1px solid #909090;
}
a.but_user:hover {
background-color: #0090ad;
}
a.but_tag {
padding: 10px 22px 10px 22px;
margin: 0;
background: #e59919;
border-bottom: 1px solid #909090;
}
a.but_tag:hover {
background-color: #efa61b;
}
a.but_table {
padding: 10px 22px 10px 22px;
margin: 0;
background: #4c6699;
border-bottom: 1px solid #909090;
}
a.but_table:hover {
background-color: #5674ad;
}
a.but_star {
padding: 10px 22px 10px 22px;
margin: 0;
background: #99cc4c;
border-bottom: 1px solid #909090;
}
a.but_star:hover {
background-color: #a6da52;
}
a.but_search {
padding: 10px 22px 10px 22px;
margin: 0;
background: #66667f;
border-bottom: 1px solid #909090;
}
a.but_search:hover {
background-color: #747490;
}
a.but_phone {
padding: 10px 20px 10px 20px;
margin: 0;
background: #e56619;
border-bottom: 1px solid #909090;
}
a.but_phone:hover {
background-color: #ef6f1b;
}
a.but_pencil {
padding: 10px 22px 10px 22px;
margin: 0;
background: #cc4c19;
border-bottom: 1px solid #909090;
}
a.but_pencil:hover {
background-color: #da521b;
}
a.but_new_window {
padding: 10px 22px 10px 22px;
margin: 0;
background: #001900;
border-bottom: 1px solid #909090;
}
a.but_new_window:hover {
background-color: #333333;
}
a.but_music {
padding: 10px 22px 10px 22px;
margin: 0;
background: #cccc7f;
border-bottom: 1px solid #909090;
}
a.but_music:hover {
background-color: #dada8a;
}
a.but_hand_right {
padding: 10px 22px 10px 22px;
margin: 0;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_hand_right:hover {
color: #fff;
background-color: #ff9900;
}
a.but_thumbs_down {
padding: 10px 22px 10px 22px;
margin: 0;
background: #9999cc;
border-bottom: 1px solid #909090;
}
a.but_thumbs_down:hover {
background-color: #a6a6da;
}
a.but_thumbs_up {
padding: 10px 22px 10px 22px;
margin: 0;
background: #00cce5;
border-bottom: 1px solid #909090;
}
a.but_thumbs_up:hover {
background-color: #00daef;
}
a.but_globe {
padding: 10px 22px 10px 22px;
margin: 0;
background: #669999;
border-bottom: 1px solid #909090;
}
a.but_globe:hover {
background-color: #6fa6a6;
}
a.but_hospital {
padding: 10px 22px 10px 22px;
margin: 0;
background: #196666;
border-bottom: 1px solid #909090;
}
a.but_hospital:hover {
background-color: #1b6f6f;
}
a.but_coffe_cup {
padding: 10px 22px 10px 22px;
margin: 0;
background: #7f994c;
border-bottom: 1px solid #909090;
}
a.but_coffe_cup:hover {
background-color: #8aa652;
}
a.but_settings {
padding: 10px 22px 10px 22px;
margin: 0;
background: #997f4c;
border-bottom: 1px solid #909090;
}
a.but_settings:hover {
background-color: #a68a52;
}
a.but_chat {
padding: 10px 22px 10px 22px;
margin: 0;
background: #7f9919;
border-bottom: 1px solid #909090;
}
a.but_chat:hover {
background-color: #8aa61b;
}
a.but_play_button {
padding: 10px 22px 10px 22px;
margin: 0;
background: #4c664c;
border-bottom: 1px solid #909090;
}
a.but_play_button:hover {
background-color: #567456;
}
a.but_remove_2 {
padding: 10px 22px 10px 22px;
margin: 0;
background: #e59966;
border-bottom: 1px solid #909090;
}
a.but_remove_2:hover {
background-color: #efa66f;
}
a.but_lock {
padding: 10px 22px 10px 22px;
margin: 0;
background: #994c19;
border-bottom: 1px solid #909090;
}
a.but_lock:hover {
background-color: #a6521b;
}
a.but_shopping_cart {
padding: 10px 22px 10px 22px;
margin: 0;
background: #cc7f4c;
border-bottom: 1px solid #909090;
}
a.but_shopping_cart:hover {
background-color: #da8a52;
}
a.but_exclamation_mark {
padding: 10px 22px 10px 22px;
margin: 0;
background: #4c7f7f;
border-bottom: 1px solid #909090;
}
a.but_exclamation_mark:hover {
background-color: #528a8a;
}
a.but_info {
padding: 10px 22px 10px 22px;
margin: 0;
background: #667fcc;
border-bottom: 1px solid #909090;
}
a.but_info:hover {
background-color: #6f8ada;
}
a.but_question_mark {
padding: 10px 22px 10px 22px;
margin: 0;
background: #4c0019;
border-bottom: 1px solid #909090;
}
a.but_question_mark:hover {
background-color: #620020;
}
a.but_minus {
padding: 10px 22px 10px 22px;
margin: 0;
background: #666666;
border-bottom: 1px solid #909090;
}
a.but_minus:hover {
background-color: #747474;
}
a.but_plus {
padding: 10px 22px 10px 22px;
margin: 0;
background: #333333;
border-bottom: 1px solid #909090;
}
a.but_plus:hover {
background-color: #444444;
}
a.but_folder_open {
padding: 10px 22px 10px 22px;
margin: 0;
background: #99cc99;
border-bottom: 1px solid #909090;
}
a.but_folder_open:hover {
background-color: #a6daa6;
}
a.but_file {
padding: 10px 22px 10px 22px;
margin: 0;
background: #999999;
border-bottom: 1px solid #909090;
}
a.but_file:hover {
background-color: #a6a6a6;
}
a.but_envelope {
padding: 10px 22px 10px 22px;
margin: 0;
background: #727272;
border-bottom: 1px solid #909090;
}
a.but_envelope:hover {
background-color: #7c7c7c;
}
a.but_edit {
padding: 10px 22px 10px 22px;
margin: 0;
background: #e5cc7f;
border-bottom: 1px solid #909090;
}
a.but_edit:hover {
background-color: #efda8a;
}
a.but_cogwheel {
padding: 10px 22px 10px 22px;
margin: 0;
background: #194c7f;
border-bottom: 1px solid #909090;
}
a.but_cogwheel:hover {
background-color: #1e5c99;
}
a.but_check {
padding: 10px 22px 10px 22px;
margin: 0;
background: #004c4c;
border-bottom: 1px solid #909090;
}
a.but_check:hover {
background-color: #005c5c;
}
a.but_camera {
padding: 10px 22px 10px 22px;
margin: 0;
background: #007fcc;
border-bottom: 1px solid #909090;
}
a.but_camera:hover {
background-color: #008ada;
}
a.but_calendar {
padding: 10px 22px 10px 22px;
margin: 0;
background: #4c99e5;
border-bottom: 1px solid #909090;
}
a.but_calendar:hover {
background-color: #52a6ef;
}
a.but_bookmark {
padding: 10px 22px 10px 22px;
margin: 0;
background: #990000;
border-bottom: 1px solid #909090;
}
a.but_bookmark:hover {
background-color: #b60000;
}
a.but_book {
padding: 10px 22px 10px 22px;
margin: 0;
background: #7f9999;
border-bottom: 1px solid #909090;
}
a.but_book:hover {
background-color: #8aa6a6;
}
a.but_download {
padding: 10px 22px 10px 22px;
margin: 0;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_download:hover {
background-color: #ff9900;
}
a.but_pdf {
padding: 10px 22px 10px 22px;
margin: 0;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_pdf:hover {
background-color: #ff9900;
}
a.but_word_doc {
padding: 10px 22px 10px 22px;
margin: 0;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_word_doc:hover {
background-color: #ff9900;
}
a.but_woman {
padding: 10px 22px 10px 22px;
margin: 0;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_woman:hover {
background-color: #ff9900;
}
#print-pdf {
text-align: right;
} 
/* styled boxes */
.info, .error, .notice, .success {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #bbb;
margin-bottom: 20px;
font-size: 13px;
}
p.error {
border: none;
}
.info strong, .error strong, .notice strong, .success strong {
font-size: 16px;
}
.message-box-wrap {
border: 0 solid #fff;
padding: 10px 15px;
}
.info {
color: #4a84bc;
border-color: #c6e3ff;
background-color: #e6f3ff;
margin-top: -15px;
}
.error {
color: #bd6767;
border-color: #f1bdbd;
background-color: #ffdddd;
}
.notice {
color: #a79a30;
border-color: #d7d099;
background-color: #f6f2d2;
}
.success {
color: #1ea133;
border-color: #a9ecb4;
background-color: #dffbe4;
}
.info i {
margin-right: 3px;
}
.info span {
background-color: #3d9ecb;
   border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
   color: #fff;
   padding: 5px;
margin: 0 2px;
display: inline-block;
}
.info a {
background-color: #6d6d6d;
   border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-clip: padding-box;
   color: #fff;
   padding: 5px 9px;
display: inline-block;
}
.info a:hover {
opacity: .8;
}
.close-but {
width: 10px;
height: 10px;
float: right;
border: none;
margin: 5px;
background: url(../images/elements/icon-remove.png) no-repeat center top;
}
/* dropcaps */
.dropcap1, .dropcap2, .dropcap3 {
float: left;
text-align: center;
overflow:hidden;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.dropcap1 {
width: 53px;
height: 58px;
line-height: 50px;
background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0 0 transparent;
color: #999;
margin:0 8px -4px 0;
font-size: 32px;
}
.dropcap1.gray {
background-image:url(../images/elements/dropcap_gray.png);
}
.dropcap2 {
background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent;
color:#999;
line-height: 47px;
height: 56px;
width: 53px;
margin:0 8px -4px 0;
font-size:32px;
}
.dropcap2.gray {
background-image:url(../images/elements/dropcap_gray.png);
}
.dropcap3 {
font-size:40px;
line-height: 40px;
width:44px;
height:44px;
margin:0 0 -4px 0;
}
.dropcap3.gray {
color: #999;
}
/* styled lists */
ul.list1 {
padding: 0;
margin: 0;
}
.list1 li {
padding: 0;
margin: 0;
text-align: left;
line-height: 30px;
}
.list1 li i {
padding: 0;
margin: 0 4px 0 0;
}
ul.list2 {
padding: 0;
margin: 0;
}
.list2 li {
padding: 0;
margin: 0;
text-align: left;
line-height: 29px;
font-size: 14px;
color: #3d9ecb;
}
.list2 li i {
padding: 0;
margin: 0 9px 0 0;
}
/* highlight colors */
.highlight {
color: #fff;
padding: 2px 5px;
background: #000;
border-radius:3px;
-webkit-border-radius:3px;
background-clip: padding-box;
}
.highlight.black {
background: #000;
border-radius:3px;
}
.highlight.red {
background: #ff0000;
border-radius:3px;
}
.highlight.gray {
background: #aaa;
}
.highlight.yellow {
background: #fff000;
}
.highlight.blue {
background: #0099cc;
}
.highlight.pink {
background: #e826b4;
}
.highlight.green {
background: #48b02b;
}
.highlight.orange {
background: #ffcc00;
}
.highlight.magenta {
background: #9325ea;
}
/* buttons */
.button, button { 
   text-decoration:none;
text-align:center;
color:#585656;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
height:32px;
line-height:32px;
padding:0px 15px;
position:relative;
outline: none;
overflow: hidden; /* removes extra side padding in IE */
cursor: pointer;
border: 1px solid #dcdcdc;/* IE */
border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
border-bottom:rgba(0, 0, 0, .4) 1px solid;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: uppercase;
/*
background: -moz-linear-gradient(
  center top,
  rgba(255, 255, 255, .1) 0%,
  rgba(0, 0, 0, .1) 100%
);/* FF3.6 */
/*
background: -webkit-gradient(
  linear,
  center top,
  center bottom,
  from(rgba(255, 255, 255, .1)),
  to(rgba(0, 0, 0, .1))
);/* Saf4+, Chrome */

background-color:white;
}
.button::-moz-focus-inner {
   border: none; /* overrides extra padding in Firefox */
}
.button:hover, .button.hover, .page-numbers:hover  {
background: -moz-linear-gradient(
  center top,
  rgba(255, 255, 255, .2) 0%,
  rgba(255, 255, 255, .1) 100%
);/* FF3.6 */
background: -webkit-gradient(
  linear,
  center bottom,
  center top,
  from(rgba(255, 255, 255, .1)),
  to(rgba(255, 255, 255, .2))
);/* Saf4+, Chrome */
}
.button:active, .button.active, .page-numbers:active {
top:2px;
background: -moz-linear-gradient(
  center top,
  rgba(0, 0, 0, .1) 0%,
  rgba(255, 255, 255, .2) 100%
);/* FF3.6 */
background: -webkit-gradient(
  linear,
  center bottom,
  center top,
  from(rgba(255, 255, 255, .2)),
  to(rgba(0, 0, 0, .1))
);/* Saf4+, Chrome */
}
.button.full{
display: block;
}
.button.small{
font-size:13px;
}
.button.medium{
font-size:13px;
height:40px;
line-height:40px;
}
.button.large{
font-size:16px;
height:50px;
line-height:50px;
}
/* styled buttons */
.button.red {
background-color: #ff0000;
color: #fff;
}
.button.blue {
background-color: #117ed1;
color: #fff;
}
.button.lightblue {
background-color: #0099cc;
color: #fff;
}
.button.green {
background-color: #009933;
color: #fff;
}
.button.black {
background-color: #333;
color: #fff;
}
.button.orange {
background-color: #ff8100;
color: #fff;
}
.button.darkgray {
background-color: #818181;
color: #fff;
}
.button.gray {
background-color: #f0f0f0;
color: #000;
}
.ssl_signup.order {
   background-color: #3d9ecb;
   color: white;
   font-size: 12px;
   font-weight: 600;
   padding: 6px 9px;
   text-transform: uppercase;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
/* tables */
.table-style {
float: left;
width: 100%;
}
.table-list {
float: left;
background-color: #fff;
border: 1px solid #dddddd;
margin-bottom:20px;
width: 100%;
}
.table-list th {
padding: 18px 10px;
background-color: #eee;
text-transform: uppercase;
text-align: left;
}
.table-list td {
padding: 13px 10px;
text-align: left;
background-color: #f5f5f5;
font-size:13px;
}
.table-list tr:hover td {
background-color: #f9f9f9;
}
ul.list_empty {
float: left;
padding: 0;
margin: 0;
width: 100%;
}
.list_empty li {
float: left;
padding: 0;
margin: 0 20px 35px 0;
}
/* pricing tables */
.pricing-tables-main {
position: relative;
float: left;
margin-bottom: 40px;
}
.pricing-tables {
position: relative;
float: left;
width: 24%;
border: 1px solid #eee;
}
.pricing-tables .title {
float: left;
width: 100%;
height: 30px;
padding: 13px 0 10px 0;
background-color: #454545;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #272727;
border-bottom: 1px solid #818181;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #636363;
text-align: center;
font-size: 40px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables .price i {
font-size: 14px;
color: #ccc;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 30px;
border-bottom: 1px solid #fff;
}
.pricing-tables .cont-list li.last {
border: none;
}
.pricing-tables .ordernow {
float: left;
width: 100%;
padding: 28px 0;
background-color: #eee;
text-align: center;
color: #fff;
}
.pricing-tables-main .ordernow .normalbut{
color: #fff;
background-color: #666;
border: 1px solid #454545;
padding: 10px 18px;
border-radius: 3px;
font-weight: normal;
}
.pricing-tables-main .ordernow .normalbut:hover{
background-color: #727272;
}
.pricing-tables-main .ordernow .colorchan{
color: #fff;
background-color: #3d9ecb;
padding: 10px 18px;
border-radius: 3px;
font-weight: normal;
}
.pricing-tables-main .ordernow .colorchan:hover{
color: #fff;
background-color: #2b9ad1;
}
.pricing-tables-helight{
position: relative;
float: left;
width: 27%;
z-index: 3;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-helight .title {
float: left;
width: 100%;
height: 46px;
padding: 20px 0 0 0;
margin-top: -10px;
background-color: #2b8ec9;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #2285c0;
border-bottom: 1px solid #41a3dd;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-helight .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #3d9ecb;
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-helight .price i {
font-size: 14px;
color: #eee;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables-helight .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables-helight .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables-helight .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 30px;
border-bottom: 1px solid #fff;
}
.pricing-tables-helight .cont-list li.last {
border: none;
}
.pricing-tables-helight .ordernow {
float: left;
width: 100%;
padding: 30px 0 35px 0;
background-color: #eee;
text-align: center;
color: #fff;
}
.pricing-tables-two {
position: relative;
float: left;
width: 33%;
border: 1px solid #eee;
}
.pricing-tables-two .title {
float: left;
width: 100%;
height: 30px;
padding: 13px 0 10px 0;
background-color: #454545;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #272727;
border-bottom: 1px solid #818181;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-two .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #636363;
text-align: center;
font-size: 40px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-two .price i {
font-size: 14px;
color: #ccc;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables-two .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables-two .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables-two .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 30px;
border-bottom: 1px solid #fff;
}
.pricing-tables-two .cont-list li.last {
border: none;
}
.pricing-tables-two .ordernow {
float: left;
width: 100%;
padding: 28px 0;
background-color: #eee;
text-align: center;
color: #fff;
}
.pricing-tables-helight-two{
position: relative;
float: left;
width: 33%;
z-index: 3;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-helight-two .title {
float: left;
width: 100%;
height: 46px;
padding: 20px 0 0 0;
margin-top: -10px;
background-color: #2b8ec9;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #2285c0;
border-bottom: 1px solid #41a3dd;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-helight-two .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #3d9ecb;
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-helight-two .price i {
font-size: 14px;
color: #eee;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables-helight-two .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables-helight-two .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables-helight-two .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 30px;
border-bottom: 1px solid #fff;
}
.pricing-tables-helight-two .cont-list li.last {
border: none;
}
.pricing-tables-helight-two .ordernow {
float: left;
width: 100%;
padding: 30px 0 35px 0;
background-color: #eee;
text-align: center;
color: #fff;
}
/* testimonials */
.testimonials-5 {
float: left;
}
.testimonials-5 span {
float: left;
}
.box-rounded {
margin-top: 30px;
padding: 20px 20px 25px 20px;
border: 1px solid #eee;
background-color: #f9f9f9;
border-radius: 5px;
-webkit-border-radius: 5px;
background-clip: padding-box;
}
.box-rounded h4 {
margin-top: 0;
font-size: 14px;
}
.box-rounded i {
margin-right: 5px;
font-size: inherit;
color: #909090;
text-transform: none;
}
.box-rounded ul, .box-rounded ol {
margin: 0;
}
.testimonials-2 {
float: left;
}
.testimonials-2 span {
float: left;
line-height: 21px;
padding: 20px 30px 20px 30px;
border: 1px solid #eee;
background: #f9f9f9;
}
/* domain search */
.domain_search {
float: left;
width: 100%;
background: #eee;
}
.domain_search .left {
float: left;
width: 53%;
padding: 20px 0 16px 0;
}
.domain_search .right {
float: right;
width: 43%;
min-height: 90px;
padding: 20px 0 16px 0;
background: url(../images/tra-graph1.png) no-repeat left top;
}
.domain_search .left .search_section {
float: left;
width: 96.8%;
padding: 1.4% 1.6%;
background: #fff;
border-radius: 4px;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
#domain-searchform {
margin: 0;
padding: 0;
}
#domain-searchform #s{
border: 1px solid #fff;
width: 61%;
height:30px;
padding:7px 10px 7px 10px;
color: #393a3b;
float: left;
border-radius: 4px;
font-size: 16px;
background-color: #f3f3f3;
-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 #FFF;
  -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 #FFF;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 #FFF;
}
.domain_search .left .search_section .witch {
float: left;
width: 80px;
height: 44px;
font-size: 16px;
color: #393a3b;
padding: 10px 10px 10px 10px;
margin: 1px 0 0 -10px;
border: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #eee;
-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 #FFF;
  -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 #FFF;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 #FFF;
}
.domain_search .left .search_section #searchsubmit{
float: right;
width: 135px;
height: 44px;
text-align: center;
cursor:pointer;
overflow:hidden;
color: #fff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
background: #6fa62d;
border-radius: 4px;
border: 1px solid #6fa62d;
background-image: -webkit-gradient(linear, left top, left bottom, from(#81b740), to(#6fa62d));
background-image: -webkit-linear-gradient(top, #81b740, #6fa62d);
background-image: -moz-linear-gradient(top, #81b740, #6fa62d);
background-image: -o-linear-gradient(top, #81b740, #6fa62d);
background-image: linear-gradient(to bottom, #81b740, #6fa62d);
}
.domain_search .left .search_section #searchsubmit:hover{
background: #393a3b;
border: 1px solid #393a3b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#535455), to(#393a3b));
background-image: -webkit-linear-gradient(top, #535455, #393a3b);
background-image: -moz-linear-gradient(top, #535455, #393a3b);
background-image: -o-linear-gradient(top, #535455, #393a3b);
background-image: linear-gradient(to bottom, #535455, #393a3b);
}
.domain_search .left .sm_links {
float: left;
color: #999;
font-size: 12px;
margin-top: 5px;
}
.domain_search .left .sm_links a {
color: #999;
}
.domain_search .left .sm_links a:hover {
color: #727272;
}
.domain_search .right ul {
float: right;
padding: 0;
margin: 0;
}
.domain_search .right li {
float: left;
padding: 10px 0 13px 0;
margin: 0 0 0 10px;
width: 100px;
background-color: #fff;
border-radius: 4px;
font-size: 14px;
color: #393a3b;
text-align: center;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.domain_search .right li em {
font-size: 12px;
color: #727272;
font-style: normal;
display: block;
line-height: 13px;
margin-top: -4px;
}
.shadow_01 {
float: left;
width: 100%;
height: 18px;
background: url(../images/shadow-1.png) no-repeat center top;
}
/* features section 3 */
.features_sec04 h2 {
text-align: center;
color: #727272;
font-weight: normal;
}
.features_sec04 p.server_subtitle {
text-align: center;
font-size: 14px;
color: rgb(114,114,114);  
}
.features_sec04 {
float: left;
width: 100%;
margin: 40px 0;
}
.features_sec04 .one_fourth {
width: 25%;
margin: 25px 0px;
min-height: 120px;
}
.features_sec04 h3 {
font-size: 18px;
color: #3d9ecb;
font-weight: 400;
letter-spacing: 0.02em;
margin:15px;
text-align: left;
line-height: 130%;
padding: 0px 0px;
}
.features_sec04 i {
display: inline-block;
font-size: 20px;
float: left;
margin: 5px 10px 0px 0px;
font-size: 40px;
color: #e2e2e2;
}
.features_sec04 .one_fourth p {
padding-right: 15px;
font-size: 13px;
color: rgb(114,114,114)
}
.features_sec04 img {
   padding-top: 50px;
}
.features_sec04 .left {
float: left;
width: 34.5%;
}
.features_sec04 .right {
float: left;
width: 64.5%;
}
.features_sec04 .right h2 {
font-weight: 400;
text-transform: uppercase;
margin-bottom: 14px;
}
.features_sec04 .right h2 em {
font-size: 18px;
color: #999;
font-style: italic;
text-transform: none;
font-weight: normal;
}
.features_sec04 .right p {
font-size: 14px;
padding-left: 2px;
}
.features_sec04 .section h3 {
font-size: 18px;
color: #3d9ecb;
font-weight: 400;
letter-spacing: 0.02em;
margin-bottom: 8px;
text-align: left;
}
.features_sec04 ul.section {
float: left;
width: 45.8%;
padding: 0 4% 28px 0;
margin: 29px 0 0 0;
background: #fff;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3; 
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
      box-sizing: border-box;
}
.features_sec04 ul.section.two {
padding: 0 0 28px 4%;
border-right: none;
}
.features_sec04 ul.section.three {
padding: 27px 4% 0 0;
border-right: 1px solid #e3e3e3;
border-bottom: none;
margin: 0;
}
.features_sec04 ul.section.four {
padding: 27px 0 0 4%;
border-right: none;
border-bottom: none;
margin: 0;
}
.features_sec04 .section li {
float: left;
padding: 0;
margin: 0;
width: 70%;
text-align: justify;
}
.features_sec04 .section li a {
font-size: 12px;
color: #b9b9b9;
margin-top: 8px;
}
.features_sec04 .section li a:hover {
color: #999;
}
.features_sec04 .section li.left {
float: left;
width: 90px;
}
.features_sec04 .section li strong {
font-size: 18px;
color: #3d9ecb;
font-weight: normal;
display: block;
margin-bottom: 10px;
}
.features_sec04 .section li i {
font-size: 50px;
color: #e2e2e2;
padding: 10px 15px;
}
@media only screen and (max-width: 1012px){ 
.features_sec04 .section li {
  text-align: left;
  font-size: 12px;
  line-height: 19px;
  width: 69%;
}
.features_sec04 .left {
  width: 25%;
}
.features_sec04 .right {
  width: 70%;
} 
.features_sec04 .right p {
  font-size: 13px;
  padding-left: 2px;
  line-height: 18px;
}
.features_sec04 .left img {
  width: 80%;
} 
}
@media only screen and (max-width: 999px){
.features_sec04 ul.section {
  margin-top: 20px;
  width: 50%;
}
.features_sec04 ul.section.three {
  padding-top: 20px;
}
.features_sec04 ul.section.four {
  padding-top: 20px;
}
.features_sec04 .left {
  width: 20%;
}
.features_sec04 .right {
  width: 80%;
}
}
@media only screen and (max-width: 842px){
.features_sec04 .section li {
  width: 67%;
}
}
@media only screen and (max-width: 809px){
.features_sec04 .container > .left {
  display: none;
}
.features_sec04 .right {
  width: 100%;
}
}
@media only screen and (max-width: 767px){
.features_sec04 ul.section {
  width: 50% !important;
}
.footer_sectwo {
  display: none;
}
}
@media only screen and (max-width: 479px){
.features_sec04 ul.section {
  width: 100% !important;
  padding: 0px !important;  
  clear: both;
}
.features_sec04 ul.section,
.features_sec04 ul.section.three {
  border: none;
}
.features_sec04 .section li.left {
  width: 20% !important;
}
.features_sec04 .section li {
  width: 80% !important;
}
.features_sec04 .section li i {
  padding-left: 0;
} 
.features_sec04 ul.section.three,
.features_sec04 ul.section.four {
  margin-top: 25px;
}
}
/* scroll up */
.scrollup{
   width:40px;
   height:40px;
   opacity:1;
   position:fixed;
   bottom:7px;
   right:20px;
   display:none;
 
   line-height: 36px;
text-align: center;
   font-size: 16px;
   background: #3d9ecb;
   border-radius: 2px;
   /*background: url(../images/scroll-top-arrow.png) no-repeat left top;*/
z-index: 999;
transition: all 0.5s ease-in-out;
}
.scrollup:hover {
background: #000;
}
.scrollup:before {
content: '\f077';
font-family: 'FontAwesome';

color: #fff;
top: 10px;

}
/* Tooltip */
.tooltip {
   display: block;
cursor: help;
font-size: 14px;
color: #393a3b;
}
.tooltip:hover {
color: #393a3b;
}
.tooltip:hover:after{
   background-color: #222;
   background-color: rgba(25,25,25,.9);
   border-radius: 4px;
-webkit-border-radius: 4px;
background-clip: padding-box;
   bottom: 45px;
   color: #fff;
   content: attr(data-title);
font-size: 12px;
   left: 0;
   padding: 8px 12px;
line-height: 16px;
   position: absolute;
   z-index: 98;
   width: 220px;
}
.tooltip:hover:before{
   border: solid;
   border-color: #222 transparent;
   border-width: 6px 6px 0 6px;
   bottom: 40px;
   content: "";
   left: 12%;
   position: absolute;
   z-index: 99;
}
#responsive-menu li a i {
margin-left: 10px;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fullwidth:before,
.container-fullwidth:after,
.header_inner:before,
.header_inner:after,
#sub-header:before,
#sub-header:after,
.clients_sec:before,
.clients_sec:after,
.features_sec03:before,
.features_sec03:after,
.features_sec04:before,
.features_sec04:after,
.hostplan_offers:after,
.hostplan_offers:before,
.bottom-post:before,
.bottom-post:after {
 display: table;
 content: " ";
 clear: both;
}
.nabroji legend {
background-color:#3d9ecb; padding:10px; color:white;
}
.nabroji ul {padding:0; border-top:5px solid #3d9ecb; border-bottom:5px solid #3d9ecb;}
.nabroji li {background-color: #efefef; margin: 5px 0; padding: 10px;}
/*.sivo {margin-left: 10px; margin-right: 20px;}
.sivo_pod {padding-left: 50px;}*/
.block {display:block;}
/*------------------------------------*\
   PRINT
\*------------------------------------*/
@media print {
body {
  font: 12pt Georgia, "Times New Roman", Times, serif;
  line-height: 1.3;
}
h1 {
  font-size: 24pt;
}

h2 {
  font-size: 14pt;
  margin-top: 25px;
}
aside h2 {
  font-size: 18pt;
}
blockquote, ul {
  margin: 0;
}
ul {list-style: none}
li {
  content: "» ";
}
* {
  background:transparent !important;
  color:#000 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
a,
a:visited {
  text-decoration:underline;
}
a[href]:after {
  content:" (" attr(href) ")";
}
abbr[title]:after {
  content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
  content:"";
}
pre,blockquote {
  border:1px solid #999;
  page-break-inside:avoid;
}
thead {
  display:table-header-group;
}
tr,img {
  page-break-inside:avoid;
}
img {
  max-width:100% !important;
}
@page {
  margin:0.5cm;
}
p,
h2,
h3 {
  orphans:3;
  widows:3;
}
h2,
h3 {
  page-break-after:avoid;
}
.header-inner, .page_title, .footer, .copyright_info {
  display: none;
  visibility: hidden;
}
.one_seventh {
  width: 10%;
}
header nav, footer {
  display: none;
}
@page {
  margin: 0.5cm;
}
@page :right {
  margin: 0.8cm;
}
@page :first {
  margin: 1cm 2cm;
}
}
/** alan@infonet.hr **/
.features_sec04 img.no-margin-top {
   padding-top: 0px;
}
.success-bold {
position: relative;
color: #fff;
font-weight: 600;
background-color: #8AC06E;
border-radius: 5px;
margin-bottom: 20px;
font-size: 13px;
transition: all 0.3s ease-out;
}
.success-bold:hover {
background-color: #6EAF4C;
}
.success-bold:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(110, 175, 76, 0);
border-right-color: #8AC06E;
border-width: 10px;
margin-top: -10px;
transition: all 0.3s ease-out;
}
.success-bold:hover:before {
border-right-color: #6EAF4C;
}
.success-bold span {
   background-color: #3D9ECB;
   border-radius: 4px;
   color: #FFF;
   padding: 5px;
   margin: 0px 2px;
   display: inline-block;
}
.textwidget .domain-discount ul {
}
.textwidget .domain-discount ul li {
color: #4a4a4a;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
}
.textwidget .domain-discount ul li span{
float: right;
}
.textwidget .domain-discount ul li:nth-child(even) {
background-color: #f4f4f4;
border: 1px solid red;
}
.textwidget .domain-discount p {
text-align: center;
   font-size: 14px;
   color: #4D4D4D;
   margin: 10px 0px;
}
.textwidget .domain-discount .blue {
color: #3d9ecb;
}
.textwidget .domain-discount p span {
font-size: 14px;
}
.textwidget .domain-discount p sub {
font-size: 14px;
vertical-align: text-bottom;
}
.textwidget .domain-discount p strong {
color:  #3d9ecb;
}
/*** custom @alan **/
.features-center-top {
float: left;
width: 100%;
margin: 40px 0px;
}
.features-center-top h2 {
text-align: center;
   color: #727272;
   font-weight: normal;
   font-size: 27px;
   line-height: 27px;
   margin-bottom: 22px;
   font-style: normal;
}
.vps-hosting-options {
width: 900px;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.vps-hosting-options span {
text-align: center;
}
.vps-hosting-options span:not(:first-child) {
/*width: 23%;*/
}
.domain-search {
_background: #f9f9f9;
padding: 50px 0px;
margin: 0px 0px;
_border: 1px solid red;
}
.domain-search h3 {
padding: 0px 0px 20px;
text-align: center;
font-size: 36px;
/*color: #3D9ECB;*/
color: #fff;
line-height: 36px;
}
.domain-search h4 {
font-size: 16px;
font-weight: 400;
/*color: #727272;*/
color: #fff;
text-align: center;
}
/* Domain Search */
#domain-search-field {
clear: both;
overflow: hidden;
margin: 40px auto;
width: 80%;
_border: 1px solid red;
}
#domain-search-field input[type="text"],
#domain-search-field button {
float: left;  
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#domain-search-field input[type="text"] {
/*border: 3px solid #e7e7e7;*/
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: none;
background-color: rgb(58,65,73);
font-size: 18px;
color: #fff;
height: 52px;
padding: 10px 15px 12px;
width: 80%;
}
#domain-search-field input::-webkit-input-placeholder {
color: rgb(118,123,129);
opacity: 1;
}
#domain-search-field input::-moz-placeholder {
color: rgb(118,123,129);
opacity: 1;
}
#domain-search-field input:-moz-placeholder {   /* Older versions of Firefox */
color: rgb(118,123,129);
opacity: 1;
}
#domain-search-field input:-ms-input-placeholder { 
color: rgb(118,123,129);
opacity: 1;
}
#domain-search-field .selectBox {
float: left;
width: 20%;
}
select.styled {
width: 100%;
cursor: pointer;
z-index: 50;
}
#domain-search-field span.customSelect {
cursor: pointer;
font-size: 18px;
   padding: 11px 13px 11px 15px;
height: 52px;
background-color: rgb(58,65,73);
color: rgb(118,123,129);
/*border: 3px solid #e7e7e7;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
width: 100%;
}
span.customSelect.changed {
background-color: #f0dea4;
}
.customSelectInner {
background: url(../img/selectarrow.png) no-repeat right 7px;
position: relative;
}
/*.customSelectInner:after {
background: url(../img/selectdivider.png) no-repeat right 7px;
}*/
#domain-search-field button {
border: none;
height: 52px;
width: 20%;
padding: 0 25px 0 17px;
border-radius: 4px;
color: #FFF;
font-size: 16px;
text-align: center;
text-transform: capitalize;
background-color: #3D9ECB;
border-bottom: 2px solid #2E7698;
font-weight: 400;
transition: all 0.5s ease-in-out 0s;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
#domain-search-field button:hover {
background-color: #72aec9;
   border-bottom-color: #4d89a5;
}
#domain-search-field button i {
margin-right: 8px;
font-size: 16px;
}
.domain-search-full-width {
border-bottom: 2px solid #3D9ECB;
background-image: url(../img/bg_domene.png);
float: left;
clear: both;
width: 100%;
}
.domain-registration-page {
_border: 1px solid red;
}
.domain-registration-page h2 {
color: #727272;
font-weight: normal;
margin: 40px 0px;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 27px;
line-height: 27px;
margin-bottom: 22px;
}
.domain-registration-page p {
text-align: center;
font-size: 14px;
color: #727272;
margin-bottom: 20px;
}
.domain-registration-page a {
color: #3D9ECB;
border-bottom: 1px dotted #3D9ECB;
transition: all 0.3s ease-out 0s;
}
.domain-registration-page a:hover {
color: #2E7698;
border-bottom: 1px #2E7698 dotted;
}
/* Domain pricing */
.domain-registration-page #domain-pricing {
margin: 0px 0px;
_border: 1px solid red;
}
/* DOMAIN PRICING TABLE NEW */
#domain-pricing table, th, td {
border: none!important;
border-collapse: collapse;
}
#domain-pricing table {
width: 100%;
max-width: 100%;
font-size: 14px;
line-height: 14px;
color: #C6CAD2;
font-family: "regular",sans-serif,Arial;
text-align: center;
margin-bottom: 20px;
}
#domain-pricing th {
text-transform: uppercase;
font-size: 14px;
   font-family: 'bold', sans-serif, Arial;
   color: #fff;
    background: #3D9ECB;
   padding: 15px 10px;
}
#domain-pricing th:first-child {
border-radius: 4px 0 0 0;
}
#domain-pricing th:last-child {
border-radius: 0 4px 0 0;
}
#domain-pricing tr:first-child {
background: none;
border-width: medium medium 2px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #2E7698;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
}
#domain-pricing tr {
background: #3A4149 none repeat scroll 0% 0%;
}
#domain-pricing tr:nth-child(2n) {
   background: #2E3138;
}
#domain-pricing td {
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #B4B4B4;
border: none;
width: 1px;
text-align: center;
padding: 15px 10px;
vertical-align: middle; 
}
#domain-pricing .expander.collapsed:before,
#domain-pricing .expander.expanded:after {
font-family: 'FontAwesome';
}
#domain-pricing .expander.collapsed:before {
content: '\f0d7';
}
#domain-pricing .expander.expanded:after {
content: '\f0d8'; 
}
/* FAQ repeater */
.domain-registration-page .domain-faq-repeater p {
text-align: left;
}
/* Header language list */
.top_contact_info ul.language-list {
float: left;
padding: 0;
margin: 0;
}
.top_contact_info .language-list li {
float: left;
color: #999;
padding: 0;
font-size: 12px;
margin: 7px 6px 0 4px;
font-weight: bold;
}
.top_contact_info .language-list li i {
color: #999;
}
.top_contact_info .language-list li i:hover {
/*color: #fff;*/
}
.top_contact_info .language-list li.empty {
float: left;
width: auto;
line-height: 35px;
padding: 0;
margin: 0 18px 0 0;
background: none;
border-radius: 0;
font-weight: 600;
}
.top_contact_info .language-list li.empty a {
float: left;
width: auto;
background: none;
color: #999;
line-height: 35px;
}
.top_contact_info .language-list li.empty a:hover {
color: #3d9ecb;
}
.top_contact_info .language-list li.empty a:hover i {
color: #3d9ecb;
}
.top_contact_info .language-list li.empty.two {
margin: 0;
}
.top_contact_info .language-list li.empty.two a {
margin: 0 4px 0 4px;
}
.top_contact_info .language-list li.country_select {
float: left;
width: 99px;
}
.top_contact_info .language-list li.country_select select {
float: left;
font-size: 10px;
width: 99px;
padding: 0;
margin: 2px 0 0 0;
border: 1px solid #727272;
color: #eee;
background-color: #727272;
}
.top_contact_info .language-list li.space {
float: left;
width: 20px;
}
/* Infonet breadcrumbs */
.infonet-breadcrumb i {
font-size: 12px;
font-weight: 200;
color: #AAA;
}
.infonet-breadcrumb span {
font-size: 14px;
color: #FFF;
font-family: 'Open Sans', sans-serif;
}
.infonet-breadcrumb .breadcrumbs .current {
display: inline-block;
padding: 5px 10px;
width: auto;
text-align: center;
position: relative;
margin: 5px 5px; 
font-size: 14px;
text-decoration: none;
color: #AAA;
}
.infonet-breadcrumb span:first-child {
display: inline-block;
text-align: center;
margin: 5px 0px;
padding-right: 5px;
font-size: 14px;
text-decoration: none;
color: #D9D9D9;
}
.infonet-breadcrumb span.current {
margin-left: 5px;
}
.infonet-breadcrumb span:first-child:hover {
color: #FFF;
}
/* AdBlock branded FontAwesome icons workarround */
.my-fa-facebook:before {
content: "\f09a";
}
.my-fa-twitter:before {
content: "\f099";
}
span.strong {
   font-weight: 600;
   color: #6d6d6d;
   text-transform: uppercase;
}
.post_info_content a.post_info_action_link {
/*border: 1px solid red;*/
display: inline-block;
   padding: 9px 18px;
   border-radius: 4px;
   color: #fff;
   font-size: 14px;
   text-align: center;
   text-transform: uppercase;
   border-bottom: 2px solid #575757;
   text-shadow: 0 0 1px rgba(87,87,87,.5);
   transition: all 0.2s ease-in-out;
background-color: #3d9ecb;
   border-bottom-color: #2e7698;
}

.vps_note_text p {
  text-align: center;
    font-size: 13px;
    color: #a4a4a4;
    margin-bottom: 40px;
}

.vps_note_text p.dark {
  color: #4a4a4a;
}

.vps_note_text strong {
  color: #4a4a4a;
  font-size: 13px;
}

h2.additional-vps-options {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 43px;
}

.choose-managed-unmanaged-service {
  padding: 40px 0px;
  _border: 1px solid red;
  background: #3A4149;
  margin-bottom: 0px;
  border-top: 2px solid #3d9ecb;
}

.choose-managed-unmanaged-service h2 {
  color: #fff;
  margin: 20px 0px 10px 0px;
}

.choose-managed-unmanaged-service p {
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin: 20px 0px 0px 0px!important;
}

.nested-tabs {
  padding: 40px 0px!important;
  /*background: rgb(246, 246, 246);*/
  background: #e2e2e2;
  border-bottom: 2px solid #BFBFBF!important;

}

/*
.nested-tabs:before {
  background: linear-gradient(-135deg, #ffffff 8px, transparent 0), linear-gradient(135deg, #ffffff 8px, transparent 0);
  background-position: left-top;
  background-repeat: repeat-x;
  background-size: 16px 16px;
  content: " ";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 16px;
}

.nested-tabs:after {
  background: linear-gradient(-45deg, #ffffff 8px, transparent 0), linear-gradient(45deg, #ffffff 8px, transparent 0);
  background-position: left-top;
  background-repeat: repeat-x;
  background-size: 16px 16px;
  content: " ";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 16px;
}
*/


.hosting_plans .test-class .z-tabs.flat.contained > ul > li a,
.hosting_plans .test-class .z-tabs.flat.clean > ul > li a {
  background: #6d6d6d;
  color: #e3e3e3;
}

/*
.hosting_plans .test-class .z-tabs.flat.contained > ul > li a:hover,
.hosting_plans .test-class .z-tabs.flat.clean > ul > li a:hover {
  background: #b6b6b6;
}
*/

.we-are-hiring {
  background: #6EAF4C;
  margin: 0px;
  border-radius: 0px;
  font-weight: normal;
}

.we-are-hiring:hover {

}

.we-are-hiring a {
  color: #EAEDE1;
  text-align: right;
  text-decoration: none;
  border-bottom: 1px #EAEDE1 dotted;
  transition: all 0.3s ease-out;
}

.we-are-hiring a:hover {
  color: #fff;
  border-bottom: 1px #fff dotted;
}