/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Material.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 27-07-2015*/
/* Author: Unbranded.*/
/* Website: //moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 001 -- RESET */
/* 002 -- BACKGROUND STYLE */
/* 003 -- SWIPER SLIDE */
/* 004 -- TEXT STYLE */
/* 005 -- PRELOAD */
/* 006 -- BUTTON STYLE */
/* 007 -- HEADER */
/* 02 - HOME */
/* 03 - CONTACT */
/* 04 - ABOUT */
/* 05 - TESTIMONIALS*/
/* 06 - DATACENTER*/
/* 07 - FAQ*/
/* 08 - LOGIN */
/* 09 - TYPOGRAPHY */
/* 10 - HOSTING */
/* 11 - DEDICATE*/
/* 12 - BLOG*/
/* 13 - RESPONSIVE*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

/* 001 -- RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none; box-shadow:none;}
input, textarea, select{ -webkit-appearance: none; border-radius: 0; outline: none; border: 0px none; outline: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; background: none;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
a:hover {color: inherit;}
a {text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
iframe {border: none; outline: none;}
ul {list-style: none;}
.form-control {    border: 0 solid #ccc;}
button {background: none; border:0px none;}
::-webkit-input-placeholder {color:#9E9E9E; opacity: 1;}
::-moz-placeholder          {color:#9E9E9E; opacity: 1;}
:-moz-placeholder           {color:#9E9E9E; opacity: 1;}
:-ms-input-placeholder      {color:#9E9E9E; opacity: 1;}
strong{ font-weight:500;}
body{
    line-height: 1;}
/* 002 -- BACKGROUND STYLE */

.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute; top: 0px; width: 100%; height: 100%;}
.bg video{position:absolute;}
.bg-bg {background-position: 50% 0px; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;top: 0;}
.main_baner_clip{
    min-height: 550px !important;
	margin:0 !important;
    padding-top: 60px;}
.full-width {position:relative; width:100%;}
.full-height {height: 100vmin; height: 80vh; position:relative;  width: 100%;}
.vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute;}
.table-view {height: 100%; width: 100%; display: table;}
.row-view {display: table-row;}
.cell-view {display: table-cell; vertical-align: middle;}

/* 003 -- SWIPER SLIDE */

.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;height: auto;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;
transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;cursor:ew-resize!important;margin: 0 auto;height: inherit!important;float: left;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left; height: inherit!important; position: relative;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.hidden-pag.pagination{display: none;}
.swiper-arrow-left, .swiper-arrow-right{cursor: pointer; -webkit-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);-moz-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);-o-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155); text-align: center; z-index: 5; width: 40px; height: 40px; border-radius: 50%; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.pagination {position: absolute; width: 100%; text-align: center; left: 0px; margin: 0px; bottom: 0px;}
.swiper-pagination-switch {position: relative; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: 0px 5px; cursor: pointer; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.swiper-pagination-switch.swiper-active-switch {background: rgba(255,255,255,0.5);}

/* 004 -- TEXT STYLE */

body {font-family: 'Roboto', sans-serif; background: #fff; color: #3c3c3c; font-weight: 300;line-height: 1.2;}
h1 ,.h1{font-size: 42px; font-weight: 300; line-height: 1.2;/* text-transform: uppercase;*/}
h2 ,.h2{font-size: 34px; line-height: 1.2; font-weight: 300;}
h3 ,.h3{font-size: 30px; line-height: 1.2; font-weight: 300; text-transform: uppercase;}
h4 ,.h4{font-size: 26px; line-height: 1.2; font-weight: 300; text-transform: none;}
h5,.h5 {font-size: 20px; line-height: 1.2; font-weight: 300;}
h6 ,.h6{font-size: 18px; line-height: 1.2; font-weight: 300;}
p {font-size: 16px; line-height: 1.2; font-weight: 300; color: #666;}
ul li {font-size: 14px; line-height: 1.2; font-weight: 300;}
b {font-weight: 700;}
::-moz-selection { 
    color: #fff;
    background: #8bc441;
}

::selection {
    color: #fff; 
    background: #d5dd25;
}
.bg-white {background: #fff;}
.bg-black {background: #000;}
.bg-dark {background: #3c3c3c;}
.bg-dark-2 {background: #313131;}
.bg-grey ,.contenuto_accordeon table tr:nth-child(odd){background: #f9f9f9;}
.bg-mediumgrey{ background: #EEEEEE !important;}
.bg-neutral {background: #C8C8C8 !important;}
	.bg-violet,.bg-dark-green {background: #4da74b!important;}
	.bg-green {background: #8bc441  !important;}
	.bg-yellow {background: #d5dd25!important;}
	.bg-blue {background: #0083b3!important;}
	.bg-cyan,.bg-red {background: #33bef2 !important;}
.bg-orange {background: #e6564d !important;}
.bg-blue-2 {background: #2d8bc1 !important;}
.bg-blue-3 {background: #1593d0 !important;}
.bg-red-2 {background: #d03e2d!important; }
.bg-red-3 {background: #e22013 !important;}
.col-white {color: #fff;}
.col-dark {color: #3c3c3c;}
.col-violet {color: #4da74b;}
.col-yellow {color: #d5dd25;}
.col-cyan {color: #33bef2;}
.col-green {color: #8bc441;}

.thin {font-weight:300;}
.normal {font-weight: 400;}
.medium {font-weight: 500;}
.bold {font-weight: 700;}
.ex-bold {font-weight: 900;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.tt {text-transform: uppercase;}
.m-0{ margin:0;}
.p-0 {padding: 0;}
.pad-15 {padding-bottom: 15px;}
.pad-20 {padding-bottom: 20px;}
.padd-40 {padding: 20px 0px;}
.padd-110 {padding-top: 50px;}
.b-shadow {box-shadow: 1px 1px 2px rgba(0,0,0,0.1);transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.b-radius {border-radius: 5px;}
.fl {float: left;}
.fr {float: right;}
.font-13 {font-size: 14px; 
    line-height: 1.55; }
.col-no-padd > div {padding-left: 0px; padding-right: 0px;}

/* 005 -- PRELOAD */

.preloader { width: 100%; height: 100%;position: fixed;z-index: +2000;top: 0;left: 0;background-color: rgba(0,0,0,1);}
.preloader .container-fluid { padding-left: 0; padding-right: 0; padding-bottom: 0; position: relative; width: 100%; height: 100%;}
.spinner {top: 50%;left: 50%;z-index: 1;height: 30px;width: 30px;margin-left: -15px;margin-top: -40px;-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: relative;}
.spinner span {width: 30px;height: 30px;border-radius: 30px;display: block;position: absolute;opacity: 0.7;}
.spinner .ball-1 {z-index: 4;background-color: #8bc441;left: -20px;-webkit-transform: translate(50%, 50%) scale(0.5);-webkit-animation: animateSway 2s infinite ease-in-out, animateScale 2s infinite ease-in-out;animation: animateSway 2s infinite ease-in-out, animateScale 2s infinite ease-in-out;}
.spinner .ball-2 {z-index: 3;background-color: #33bef2;left: -20px;-webkit-transform: translate(50%, 50%) scale(0.5);-webkit-animation: animateSway 2s infinite ease-in-out 500ms, animateScale 2s infinite ease-in-out 500ms;animation: animateSway 2s infinite ease-in-out 500ms, animateScale 2s infinite ease-in-out 500ms;}
.spinner .ball-3 {z-index: 2;background-color: #d5dd25;left: -20px;-webkit-transform: translate(50%, 50%) scale(0.5);-webkit-animation: animateSway 2s infinite ease-in-out 1s, animateScale 2s infinite ease-in-out 1s;animation: animateSway 2s infinite ease-in-out 1s, animateScale 2s infinite ease-in-out 1s;}
.spinner .ball-4 {z-index: 1;background-color: #4da74b;left: -20px;-webkit-transform: translate(50%, 50%) scale(0.5);-webkit-animation: animateSway 2s infinite ease-in-out 1.5s, animateScale 2s infinite ease-in-out 1.5s;animation: animateSway 2s infinite ease-in-out 1.5s, animateScale 2s infinite ease-in-out 1.5s;}
@-webkit-keyframes animateSway {
  0% { left: -20px }
  50% { left: 20px }
  100% { left: -20px }
}
@keyframes animateSway {
  0% { left: -20px }
  50% { left: 20px }
  100% { left: -20px }
}
@-webkit-keyframes animateScale {
  0% { -webkit-transform: translate(50%, 50%) scale(0.5); z-index: -1 }
  25% { -webkit-transform: translate(50%, 50%) scale(1); z-index: +1 }
  50% { -webkit-transform: translate(50%, 50%) scale(0.5); z-index: -1 }
  75% { -webkit-transform: translate(50%, 50%) scale(0.25); z-index: -2 }
  100% { -webkit-transform: translate(50%, 50%) scale(0.5); z-index: -1 }
}
@keyframes animateScale {
  0% { transform: translate(50%, 50%) scale(0.5); z-index: -1 }
  25% { transform: translate(50%, 50%) scale(1); z-index: +1 }
  50% { transform: translate(50%, 50%) scale(0.5); z-index: -1 }
  75% { transform: translate(50%, 50%) scale(0.25); z-index: -2 }
  100% { transform: translate(50%, 50%) scale(0.5); z-index: -1 }
}

/* 006 -- BUTTON STYLE */

.button-1 {position: relative; display: inline-block; overflow: hidden; z-index: 1; text-transform: uppercase; border: 1px solid #d2d2d2; font-size: 12px; text-align: center; padding: 12px 15px; line-height: 12px; border-radius: 5px; color: #9e9e9e; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} 
.button-1:before {z-index: -1; backface-visibility: hidden; content: ''; position: absolute; width: 20px; height: 20px; left: 50%; opacity: 0; top: 50%; background: #8bc441; border-radius: 50%; margin-top:-10px; margin-left: -10px; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.button-1:hover {color: #fff; border: 1px solid rgba(0,0,0,0); box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.button-1:hover:before {opacity: 1; transform: scale(6); -webkit-transform: scale(6);-moz-transform: scale(6);-ms-transform: scale(6);}
.button-2 {position: relative; z-index: 1; overflow: hidden; display: inline-block; text-transform: uppercase; font-size: 13px; text-align: center; padding:15px 25px; line-height: 1; border-radius: 5px; color: #fff; box-shadow: 2px 2px 3px rgba(104,104,104,0.2); transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.button-2:before {z-index: -1; backface-visibility: hidden; content: ''; position: absolute; width: 50px; height: 50px; left: 50%; opacity: 0; top: 50%; background: #fff; border-radius: 50%; margin-left: -10px; margin-top: -10px; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.tags-b {position: relative; float: left; display: inline-block;border: 1px solid #6d6d6d; color: #6d6d6d; text-transform: uppercase; text-align: center; padding: 10px 15px; border-radius: 3px; font-size: 11px;}
.button-2:hover:before {opacity: 1; transform: scale(6); -webkit-transform: scale(6);-moz-transform: scale(6);-ms-transform: scale(6);}
.button-2:hover {background: #fff; color: #3c3c3c;}
.dom-but,.btn_small {position: relative; z-index: 1; float: left; color: #fff; padding: 5px 10px; background: #8bc441; display: inline-block; text-align: center; border-radius: 5px; overflow: hidden; margin-left: 30px; box-shadow: 1px 1px 2px rgba(0,0,0,0); transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.dom-but:before ,.btn_small:before{content: ''; z-index: -1; position: absolute; width: 20px; height: 20px; background: #fff; left: 50%; top: 50%; border-radius: 50%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); opacity: 0; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.dom-but span {font-weight: 700; z-index: 1; display: block; font-size: 14px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.dom-but p {font-weight: 300; z-index: 1; color: #E3F1D1; display: block; font-size: 14px; line-height: 20px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.dom-but:hover ,.btn_small:hover{color: #3c3c3c; background: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.dom-but:hover:before,.btn_small:hover:before {opacity: 1; transform: scale(6); -webkit-transform: scale(6);-moz-transform: scale(6);-ms-transform: scale(6);}
.dom-but:hover p {color: #3c3c3c; z-index: 1;}
.box_collaps_btn {
    float: right;
}
.border-blue {border-top: 3px solid #1593d0;}
.border-red {border-top: 3px solid #33bef2;}
.border-green {border-top: 3px solid #ccdb38;}
.border-yellow {border-top: 3px solid #fecc17;}
.border-violet {border-top: 3px solid #3324c7;}
.btn_small{
    /*float: none;*/
    margin-left: 5px;
    background: #4da74b;
    margin-top: 5px;
    margin-bottom: 5px;
}
/* 007 -- HEADER */

header {position: fixed; left: 0px;  top: 0px;  z-index: 100; width: 100%; height: 60px;  background: #000; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav.navbar.navbar-default.navbar-static-top.m-b-0.navbar-services ~ header {
    top: 30px;
}
header.altezza_header {
    height: initial;
    padding-bottom: 15px;
}#login{display:none;
    font-size: 12px;
    color: #fff;}
#login button.submit.button-2.bg-red {
    padding: 7px 13px;
    margin: 20px 0  ;
}#login .input {
    min-width: 70px;
	 margin-right:10px;}
#login form,.forgot{
    float: right;
    text-align: right;
}
header.altezza_header #login{
    display:block;
}
.logo {position: relative; float: left; display: inline-block; padding-top: 13px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav ul li a:focus, nav ul li a:active {color: #fff;}
nav ul li ul li a:focus, nav ul li ul li a:active {color: #9E9E9E;}
nav {position: relative; float: right; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} 
nav > ul > li ,.credenziali {position: relative; float: left; margin: 0px 17px; font-size: 12px; font-weight: 300; line-height: 16px; text-transform: uppercase; padding: 15px 0px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav > ul > li > a ,.credenziali a{color: #eeeeee; position: relative; overflow: hidden; display: inline-block; padding: 8px 0px;}
nav > ul > li > a:before ,.credenziali a:before {position: absolute; left: -100%; bottom: 2px; width: 100%; height: 3px; border-radius: 1px; background: #D5DD25; content: ''; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav > ul > li:hover > a:before ,.credenziali a:hover:before{left: 0px;}
nav > ul > li > a:hover,.credenziali a:hover {color: #fff;}
nav > ul > li.active > a {color: #fff;}
nav > ul > li.active > a:before {left: 0px;}
.credenziali a{    margin: 0px 17px;}
nav ul > li ul {opacity: 0; padding: 13px 0px; background: #fff; height: auto; transform: scaleY(0); -moz-transform: scaleY(0);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);position: absolute; backface-visibility: hidden; transform-origin: top center; top: 60px; background: #fff; left: -25px; display: block; min-width: 210px; transition: all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
nav ul li ul li {font-size: 12px; font-weight: 400; color: #9e9e9e;}
nav ul li ul li a {padding: 10px 25px; position: relative; width: 100%; display: block; line-height: 16px;}
nav ul li ul li:hover a {background: #3c3c3c; color: #fff;}
nav > ul > li:hover ul {opacity: 1; transform: scaleY(1); -moz-transform: scaleY(1);-webkit-transform: scaleY(1);-ms-transform: scaleY(1);}

.open-drop {display: inline-block; margin-left: 7px; font-size: 10px; display: none; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); transition: all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
.open-drop.active {transform: rotate(0deg); -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);}

.nav-menu-icon {position: relative; float: right; width: 24px; display: none; height: 24px; z-index: 600; margin-right: 0px; margin-top: 40px; display: none; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a {display: inline-block;width:24px;height:24px;cursor: pointer;text-decoration: none;}
.nav-menu-icon a i {position: relative;display: inline-block;width: 24px;height: 3px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a i:before, .nav-menu-icon a i:after {content:''; width: 24px;height: 3px;background: #fff;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i:before {top: -7px;}
.nav-menu-icon a i:after {bottom: -7px;}
.nav-menu-icon a:hover i:before {top: -10px;}
.nav-menu-icon a:hover i:after {bottom: -10px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i:before {top:0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-menu-icon a.active i:after {bottom:0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.top-content {position: relative; width: 100%;  padding-top: 90px;}
.main-baner {position: relative;width: 100%;  padding-top: 90px;padding-top: 60px; 
      min-height: 465px;}
.min-title {position: absolute; z-index: 50; color: #fff; padding-left: 70px; width: 50%; -webkit-transition: all 500ms cubic-bezier(0.425, 0.015, 0.39, 1.215) 300ms;
-moz-transition: all 500ms cubic-bezier(0.425, 0.015, 0.39, 1.215) 300ms;
-o-transition: all 500ms cubic-bezier(0.425, 0.015, 0.39, 1.215) 300ms;
transition: all 500ms cubic-bezier(0.425, 0.015, 0.39, 1.215) 300ms;}
.min-title span {display: block; font-size: 20px; color: rgba(255, 255, 255, 0.87); padding-bottom: 10px; font-weight: 300;}
.min-title h1 {padding-bottom: 5px;}
.title-list {padding-bottom: 30px;}
.title-list	li,.option-list	li {font-size: 14px; line-height: 1.3;}
.title-list	li img,.option-list	li img {vertical-align: middle; width: 12px; height: 10px; margin-right: 10px;}
.min-title .button-2 {color: #3c3c3c; padding: 23px 38px;}
.min-title .button-2:before {background: #8bc441;}
.min-title .button-2:hover {color: #fff;}
.min-title .button-2:hover:before {transform: scale(10); -webkit-transform: scale(10);-moz-transform: scale(10);-ms-transform: scale(10);}
.min-title.vertical-center {transform: translateY(-20%);-webkit-transform: translateY(-20%);-moz-transform: translateY(-20%);-ms-transform: translateY(-20%); opacity: 0;}
.main-img {position: absolute; right: 0px; padding-right: 70px; width: 50%;}
.main-img.w-70 {width: 70%;}
.main-slider .main-img.w-70 img {max-width: 800px;}
.main-img img {width: 100%; height: auto; transform: translateY(80px);-webkit-transform: translateY(80px);-moz-transform: translateY(80px);-ms-ransform: translateY(80px);  transition:all .55s ease-out .2s;-webkit-transition:all .55s ease-out .2s;-moz-transition:all .55s ease-out .2s;-ms-transition:all .55s ease-out .2s;}
.baner-price {position: absolute; top: 0px; right: 0px; width: 125px; height: 125px; background: #353e48; border-radius: 50%; color: #fff; text-align: center; -webkit-transition: all 400ms cubic-bezier(0.42, 0, 0.275, 1.355) 300ms;
-moz-transition: all 400ms cubic-bezier(0.42, 0, 0.275, 1.355) 300ms;
-o-transition: all 400ms cubic-bezier(0.42, 0, 0.275, 1.355) 300ms;
transition: all 400ms cubic-bezier(0.42, 0, 0.275, 1.355) 300ms;}
.baner-price span {font-size: 12px; color: rgba(255,255,255,0.6); display: block;}
.baner-price b {font-size: 30px; font-weight: 800; display: block;}
.baner-price .vertical-center {text-align: center; width: 100%;}
.hide-caption {width: 25%; text-align: center; color: #fff; left: 4%; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.hide-caption img {margin-bottom: 30px; width: 100%; height: auto;}
.hide-caption h3 {padding-bottom: 15px;}
.hide-caption span {font-size: 14px; font-weight: 300; text-transform: uppercase; display: block;}
.acor-arrow {position: relative; display: inline-block; float: none; width: 50px; height: 50px; border-radius: 50%; background: rgba(0,0,0,0.3); margin-top: 40px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.acor-arrow img {vertical-align: middle; width: auto; height: auto; margin: 0px; padding: 16px 0px;}
.caption-slider {opacity: 0; display: inline-block; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}

.acor-slide.anime .hide-caption {opacity: 0; transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-webkit-transform: scale(3);}
.acor-slide.anime .baner-price {right: 90px;}
.acor-slide.anime .main-img img {width: 100%; height: auto; transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-ransform: translateY(0px);}
.acor-slide.anime .min-title.vertical-center {transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); opacity: 1;}
.acor-slide.anime .caption-slider {opacity: 1;}
.acor-slide {height: 480px;}
.accordions {height: 480px;}
.acor-slide a.button-2 {
    display: none !important;
}
.acor-slide.anime a.button-2 {
    display: inline-block !important;
}
.accordions {position: relative; display: inline-block;}
.main-section {position: relative; width: 100%; padding: 40px 0px 35px;max-height: 10000px;}header+.main-section {
    padding-top: 120px;
}

.second-title {position: relative; width: 100%; display: inline-block; text-align: center;}
.second-title h2 {/*padding-bottom: 23px;*/}
.second-title h3 {font-weight: 700;}
.second-title h1 + h3 ,h1 + h3 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
    padding-bottom: 15px;
    text-transform: none; 
}.second-title h1 + h4 ,h1 + h4 {
    font-size: 16px;
    line-height: 1.3;
    padding-bottom: 15px;
    font-weight: 300;
}
.second-title h5 {padding-bottom: 15px;}
.second-title p {padding-bottom: 15px;}
.second-title.col-white p {color: rgba(255,255,255,0.6);}
.hidetransition,.padd-110.hidetransition{
	padding: 0;
    max-height: 0;
    overflow: hidden;
}.main-section.hidetransition {
    padding: 0 !important;
}.contact-form  label span{ display:inline;}
.icon_font,.icon_font:before{
    font-size: 55px;
    padding: 15px;
	 position:relative;
    border-radius: 100%;
    line-height: 1;
	 height:85px;
    width: 85px;
    text-align: center;}
.icon_font:before{
    position: absolute;
    top: 50%;
    margin-bottom: 15px;
    margin-top: -15px;
    left: 50%;
    margin:-42px 0 0 -42px; }
	.icon_font:hover{
    background: #fff !important;
    color: #33bef2 !important;}
.icon_font:hover:before{
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}.modal-content {
    max-height: 95vh;
    overflow: auto;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/*anim*/
#top_arrow,
.transition,.icon_font,.icon_font:before,.main-section,.serv-block,.radio.autorisponditore_attivo + div	{transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.serv-block	{position: relative; width: 100%; border-radius: 5px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding: 40px 20px; background: #fff; text-align: center; margin-bottom: 30px; }
.serv-block:hover {box-shadow: 2px 2px 20px rgba(104,104,104,0.2);}
.serv-block img {position: relative; display: inline-block; float: none; margin-bottom: 18px;}
.serv-block h6 {padding-bottom: 10px;}
.serv-block p {padding-bottom: 23px;}

.testi-slider {padding: 25px 0px 40px;}
.testi-slider .swiper-slide {padding: 0px 15px;}
.testi-text-block {position: relative; width: 100%; background: #fff; border-radius: 5px; text-align: center; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.testi-text-block:before {content: ''; position: absolute; bottom: -20px; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); left: 50%; width: 30px;height: 20px; background: url('../img/testi_ar.png') no-repeat;}
.testi-text-block .quott {position: absolute; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); top: -23px;}
.testi-text-block p {padding: 25px 30px;}
.testi-people {position: relative; width: 100%; text-align: center; display: block; padding-top: 30px;}
.testi-people img {position: relative; float: none; display: inline-block; vertical-align: middle;}
.testi-people-txt {position: relative; display: inline-block; float: none; color: #fff; padding: 20px 0px 0px 40px; vertical-align: middle; text-align: left;}
.testi-people-txt h5 {text-transform: uppercase;}
.testi-people-txt span {font-size: 14px; color: #ffc9c9;}

.price-block {position: relative; width: 100%; background: #fff; text-align: center; overflow: hidden; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.price-block ul {padding-bottom: 15px;    text-align: left;}
.price-block ul:after {content:""; display:block;clear:both; width:100%;}
.price-block ul li {font-size: 14px ; color: #666; border-bottom: 1px solid #f4f4f4; padding: 7px 5px 7px 10px;    width: 50%;    float: left;}
.price-block ul li span {padding-right: 12px;}
.price-header {position: relative; display: inline-block; width: 100%; color: #fff; padding:13px 0px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.price-header h5 {text-transform: uppercase;}
.price-header span {font-size: 14px; color: rgba(255,255,255,0.6); padding-bottom: 5px;}
.price-num {position: relative; width: 100%;}
.price-num span {font-size: 36px; font-weight: 300; position: relative; float: none; display: block; line-height: 1.3; padding-bottom: 10px;}
.price-num span small {font-size: 30px; font-weight: 300;}
.price-num a {margin-bottom: 20px;}
.price-num a:hover {background: #fff; color: #3c3c3c;}
.price-block:hover {box-shadow: 2px 2px 20px rgba(0,0,0,0.1);/* transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px); -ms-transform: translateY(-10px); margin-top: -10px;*/}

.skill-block {position: relative; width: 100%; text-align: center;}
.skill-line {position: absolute; color: #3c3c3c; top: 50%; width: 100%; text-align: center; transform: translateY(-65%); -webkit-transform: translateY(-65%);-ms-transform: translateY(-65%);-moz-transform: translateY(-65%); font-size: 19px; font-weight: 300;}
.skill-circle {position: relative; display: inline-block; float: none;    width: 100%;    min-height: 80px;}
.skill-txt h5 {padding-bottom: 15px;}
.skill-txt p {color: #3c3c3c;}

.feature-block {position: relative; margin-top: 10px; width: 100%; overflow: hidden; text-align: center; cursor: pointer; padding: 30px 10px 20px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.feature-block img {margin-bottom: 20px;}
.feature-block h6 {padding-bottom: 10px; white-space: nowrap;}
.feature-block:hover {color: #fff; box-shadow: 2px 2px 20px rgba(104,104,104,0.2);}
.feature-block:hover p {color: #fff;}
.feature-block:before {transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); content:''; position: absolute; width: 50px; height: 50px; border-radius: 50%; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: -1;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.f-h-1:hover:before {transform: scale(8); -webkit-transform: scale(8);-moz-transform: scale(8);-ms-transform: scale(8); background: #fecc17;}
.f-h-2:hover:before {opacity: 1; transform: scale(8); -webkit-transform: scale(8);-moz-transform: scale(8);-ms-transform: scale(8); background: #33bef2;}
.f-h-3:hover:before {opacity: 1; transform: scale(8); -webkit-transform: scale(8);-moz-transform: scale(8);-ms-transform: scale(8); background: #00bff3;}
.f-h-4:hover:before {opacity: 1; transform: scale(8); -webkit-transform: scale(8);-moz-transform: scale(8);-ms-transform: scale(8); background: #ccdb38;}
.f-h-1:hover {background: #fecc17;}
.f-h-2:hover {background: #33bef2;}
.f-h-3:hover {background: #00bff3;}
.f-h-4:hover {background: #ccdb38;}
.features-monitor {position: relative; width: 100%; display: inline-block;}
.monitor-img {position: absolute; height: 350px; top: 0px; left: 0px; right: 0px; padding: 15px; overflow: hidden;}
.monitor-mask {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; 
z-index: 1;}
.monitor-mask img {width: 100%; height: auto;}
.clip-hide {opacity: 0;}
.host-block {background:#fff; position: relative; width: 100%; cursor: pointer; overflow: hidden; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.host-block-header {position: relative; width: 100%; display: inline-block; padding: 25px 15px 20px; text-align: center; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.host-block-header img {
    max-width: 100%;}
.host-block-txt {position: relative; width: 100%;   }
.host-block-txt ul li {padding: 25px 30px 20px 54px; border-bottom: 1px solid #f4f4f4; position: relative; width: 100%; display: inline-block;}
.host-block-txt ul li:before {position: absolute; left: 30px; top: 30px; content: ''; width: 10px; height: 10px; border-radius: 10px;}
.host-block-txt ul li h6 {line-height: 1.1;}
.blue-h .host-block-txt ul li:nth-child(1):before {background: #1593d0;}
.blue-h .host-block-txt ul li:nth-child(2):before {background: #0e7aaf;}
.green-h .host-block-txt ul li:nth-child(1):before {background: #ccdb38;}
.green-h .host-block-txt ul li:nth-child(2):before {background: #b9c733;}
.green-h .host-block-txt ul li:nth-child(3):before {background: #aebb31;}
.yellow-h .host-block-txt ul li:nth-child(1):before {background: #fecc17;}
.yellow-h .host-block-txt ul li:nth-child(2):before {background: #e4b715;}
.yellow-h .host-block-txt ul li:nth-child(3):before {background: #dab016;}
.host-block:hover {box-shadow: 2px 2px 20px rgba(104,104,104,0.2);color:#fff;background:#8bc441; margin-top: -10px; transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);}
#feature>.container,#pacchetto>.container {
    display: flex;
    justify-content: center;}
#feature>.container>div ,#pacchetto>.container>div{
    margin-left: 5px;
    margin-right: 5px;
    max-width: 170px;
}#feature>.container>div>div,#pacchetto >.container>div>div{
    padding-left: 5px;
    padding-right: 5px;
}div#feature h5 ,#pacchetto h5{
    line-height: 1.2;
    min-height: 72px;
}.support .font-13 {
    line-height: 1.1;
}

.main-baner.no-margin {margin: 0px;}
.main-slider .caption-slider {height: 100vmin; position: relative; width: 100%; min-height: 600px;}
.main-slider .baner-price {right: 80px;}
.main-slider .main-img img {max-width: 500px; opacity: 1; transform: translateY(0%);  -webkit-transform: translateY(0%); -moz-transform: translateY(0%);-ms-transform: translateY(0%);}
.main-slider .caption-slider {opacity: 1;}
.main-slider .min-title.vertical-center {transform: translateY(-50%);  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); opacity: 1; }
.main-slider .arow {position: relative;display: inline-block;float: none;width: 50px;height: 50px;border-radius: 50%;background: rgba(0,0,0,0.3); line-height: 55px; transition: all .2s ease-out;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.main-slider .swiper-arrow-left {left: 30px; width: 50px; height: 50px;}
.main-slider .swiper-arrow-right {right: 30px; width: 50px; height: 50px;} 
.main-slider .swiper-arrow-left .arow img {transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.data-block.bg-data {background: #6739b6; border-radius: 5px; box-shadow: 2px 2px 3px rgba(104,104,104,0.2); padding: 30px 15px;}
.data-block.bg-data .second-title p {padding-bottom: 35px;}
.data-block.bg-data .second-title h5 b {font-size: 24px;}

.choose-block .pop-faq .txt-cont {border-left: 0px none; margin: 0px 0px 0px 150px;}
.choose-block.main-baner {min-height: 680px;}
.choose-block .host-item {margin-bottom: 30px!important;}
.choose-block .top-baner-title.vertical-center {height: 100%;}
.choose-block .second-title {padding-bottom: 40px;} 
.pop-faq.left .img-cont{float: right; padding-right: 0px;}
.choose-block .pop-faq.left .txt-cont {margin: 0px 150px 0px 0px; text-align: right; padding-left: 0px; padding-right: 30px;}

.charts {position: relative; width: 100%; display: inline-block; height: 190px; text-align: center; margin-bottom: 57px;}
.pie {width: 100%; height: 183px;}
.canvasjs-chart-credit {display: none;}
.swicers ul li {position: relative; padding: 20px 0px; display: block; font-size: 14px; color: #9e9e9e;}
.swicers ul li span {width: 15px; height: 15px; position: relative; float: left; margin-right: 20px;}
.tables {width: 100%; border-top: 1px solid #f2f2f2; overflow: hidden; position: relative; border-radius: 5px; border-collapse: separate;}
.tables tr {text-align: center; border-bottom: 1px solid #f2f2f2;}
.tables tr td {font-size: 14px; font-weight: 300; color: #9e9e9e; line-height: 14px; padding: 20px 0px; border-left: 1px solid #f2f2f2;}
.tables tr:nth-child(2n){background: #f9f9f9;}
.tables tr td:first-child {color: #3c3c3c; font-size: 16px; text-align: left; padding-left: 25px; width: 25%;}
.tables tr td:hover {box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
.table-button {position: relative; text-align: center; width: 100%; margin-top: 30px;}
.table-button .button-2:hover {background: #fff;}
.table-responsive {border: 0px none;}
.logo-block img {
    max-width: 90%;
}
.logo-block {position: relative; width: 100%; text-align: center; display: block;}
.logo-hide {position: absolute; opacity: 0; left: 0px; top: 0px; width: 100%; height: 100%; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.logo-block:hover .logo-hide {opacity: 1;}
.logo-slider .pagination {bottom: -20px; z-index: 5;}

.guarantee .host-item {padding-bottom:30px;}
.host-item {position: relative; width: 100%; text-align: center; display: inline-block; margin-bottom:15px;}
.host-item img {margin-bottom: 25px;}

.box4 img{ max-width:150px;
    width: 80%;
	 margin-top:15px;
	 margin-bottom:5px;}
.host-item h5 {padding-bottom: 5px;}
.host-item p {padding: 0px 20px;
    height: 45px; } /*
.host-item p {padding: 0px 10px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;}*/
.host-button {position: relative; text-align: center;}
.host-button a:hover {background: #fff; color: #222;}

.news-block {position: relative; min-height: 240px; display: inline-block; width: 100%; color: #fff; overflow: hidden; margin-bottom: 30px;}
.news-block:hover {box-shadow: 2px 2px 20px rgba(104,104,104,0.2);}
.news-txt {position: relative; width: 100%; display: inline-block; padding: 20px 30px 20px;}
.bg-facebook {background: #46639d;}
.bg-twitter {background: #02a8f4;}
.news-block a {font-size: 18px; display: inline-block; padding-bottom: 10px; line-height: 30px;}
.news-block a span {position: relative; display: inline; border-bottom: 0px solid #fff; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.news-block a:hover span { border-bottom: 3px solid #fff;} 
.news-block.bg-white a span {border-bottom: 0px solid #3c3c3c;}
.news-block.bg-white a:hover span {border-bottom: 3px solid #3c3c3c;}

.bootom-like {position: absolute; right: 30px; bottom: 35px;}
.like {position: relative; float: left; display: block; padding-left: 25px;}
.like span {font-size: 14px; padding-left: 6px;display: inline-block;}
.like img {vertical-align: middle;}
.news-block .news-soc {position: absolute; left: 30px; bottom: 30px; width: 30px; height: 30px; background: #fff; border-radius: 50%; text-align: center; font-size: 18px; line-height: 32px; padding: 0px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.news-soc:hover {transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-webkit-transform: scale(1.2);}
.bg-facebook .news-soc {color: #46639d;}
.bg-facebook .news-soc:hover {background:#46639d; color: #fff;} 
.bg-twitter .news-soc {color: #02a8f4;} 
.bg-twitter .news-soc:hover {background:#02a8f4; color: #fff;} 
.calend {position: relative; display: block;}
.calend span {color: #d9e6ff; font-size: 14px; padding-left: 6px;}
.calend img {vertical-align: middle;}
.news-img {position: relative; width: 100%; height: 133px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.news-block.bg-white {color: #3c3c3c;}
.news-block.bg-white .calend span {color: #9e9e9e;}

.domain {position: relative; width: 100%; display: inline-block; padding: 30px 0px;}
.domain h4 {/*padding-bottom: 20px;*/}
.input--nao {overflow: hidden;padding-top:13px;}
.input {position: relative;z-index: 1;display: inline-block;min-width: 370px;vertical-align: top; float: left;}
.input--nao .input__field--nao {padding:15px 0px 4px;width: 100%;background: transparent;    color: #D5DD25;}
.input__field--nao:focus {    padding: 10px 0 9px 0px ;}
.input__field {position: relative; display: block; float: right;width: 100%; border: none;border-radius: 0; color: #9e9e9e;font-weight: 300;-webkit-appearance: none;}
.input__label {display: inline-block;float: right; padding: 0 1em;width: 50%;color: #9e9e9e; font-weight: 300; font-size: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.input__label--nao {position: absolute; top: 0;font-size: 12px;left: 0;display: block; width: 100%;text-align: left; padding: 0em; pointer-events: none;-webkit-transform-origin: 0 0; transform-origin: 0 0;-webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;
transition: transform 0.2s 0.15s, color 1s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
label.input__label.input__label--nao ,b#ext_chosen{
    color: #fff;
}


.input__label-content {position: relative; display: block;padding: 20px 0;width: 100%;}
.graphic--nao { stroke: #d8d8d8; pointer-events: none;-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;transition: transform 0.7s, stroke 0.7s;-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);}
.graphic {position: absolute;top: 0;left: 0;fill: none;}
.input__field--nao:focus + .input__label--nao,
.input--filled .input__label--nao ,.input__field--nao:valid+label.input__label--nao{-webkit-transform: translate3d(0, -10px, 0) scale3d(0.9, 0.9, 1);transform: translate3d(0, -10px, 0) scale3d(0.9, 0.9, 1);}
.input__field--nao:focus ~ .graphic--nao,
.input--filled .graphic--nao {-webkit-transform: translate3d(-66.6%, 0, 0);transform: translate3d(-66.6%, 0, 0); outline: none; border: 0px none; box-shadow: none;}

.drop-wrap {position: relative; float: left; display: inline-block; min-width: 170px; margin-left: 20px;}
.drop {position: absolute; display: block; height:48px; left: 0px; top: 0px; width: 100%;}
.drop b {position:relative; float: left; width: 100%; height: 100%; border-bottom: 1px solid #d8d8d8; font-size: 12px; cursor: pointer; font-weight: 300;color: #9e9e9e; padding: 20px 0px 0px 10px;}
.drop .drop-list {position: absolute; right: 0px;top: 4px;font-size: 24px;color:#8bc441;}
.drop span {position:absolute; display: none; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); left:0px; top: 47px; width:100%; margin: 0px; z-index: 5;}
.drop-list.act {transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);-ms-transform: rotateX(-180deg); z-index: 51; margin-top: 10px;}
.drop span button {color: #9e9e9e; background: #fff; font-size: 12px; font-weight: 300; float: left; position: relative; width: 100%; height: 35px; text-decoration: none; text-align: left; line-height: 28px; padding: 0px 0 0 10px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 52;}
.drop span button:hover {background: #8bc441; color:#fff;}

.com-button{position: relative; float: right; display: inline-block;}
.sub-serch {position: relative; overflow: hidden; float: right; display: inline-block; color: #fff; text-align: center; font-size: 18px; padding: 12px 20px; margin-left: 20px; z-index: 1;}
.sub-serch:before {position: absolute; content: ''; left:30%; top: 30%; background: #fff; width: 20px; height: 20px; border-radius: 50%; z-index: -1; opacity: 0; transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.sub-serch:hover:before {opacity: 1; transform: scale(7); -webkit-transform: scale(7);-moz-transform: scale(7);-ms-transform: scale(7);}
.sub-serch:hover {color: #8bc441; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.search-name {position: relative; float: left; display: inline-block;}

.domain-link {position: relative; width: 100%; padding-top: 30px; float: left;}
.domain-link a {position: relative; float: left; font-size: 12px; color: #ccc; text-transform: capitalize; padding: 0px 20px; border-left: 1px solid #ccc;}
.domain-link a:first-child{padding-left: 0px; border-left: 0px;}
.domain-link a:hover {color: #000;}

.top-footer-info {position: relative; width: 100%; padding: 40px 0px; border-bottom: 1px solid #313131;}
.top-f-block {position: relative; display: inline-block; width: 100%; color: #fff;}
.top-f-block img {vertical-align: middle; margin-right: 5px;}
.top-f-block a {font-size: 14px; color: #f8f8f8; font-weight: 700; line-height: 20px; white-space: nowrap; text-transform: uppercase; position: relative; overflow: hidden; display: inline-block; vertical-align: middle;}
.top-f-block a:before {content: ''; position: absolute; left: -100%; bottom: 0px; width: 100%; height: 1px; background: #f8f8f8; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.top-f-block a:hover:before {left: 0px;}
.footer-title {position: relative; width: 100%; text-align: center; padding: 40px 0px;}
.footer-title img {margin-bottom: 10px;}
.footer-title p {padding-bottom: 40px;}
.footer-folow a {color: #3c3c3c; width: 32px; height: 32px; text-align: center; border-radius: 50%; position: relative; float: none; margin: 0px 15px; line-height: 32px; font-size: 16px; display: inline-block; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.footer-folow a:hover {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); background: none;}
.footer-folow .bg-blue-2:hover {color: #2d8bc1;}
.footer-folow .bg-red-2:hover {color: #d03e2d;}
.footer-folow .bg-twitter:hover {color: #02a8f4;}
.footer-folow .bg-red-3:hover {color: #e22013;}
.footer-folow .bg-facebook:hover {color: #46639d;}

.footer-block {position: relative; width: 100%; padding-bottom: 40px; text-align: left; display: inline-block;}
.footer-block h6 {font-size: 14px; font-weight: 800; color: #fff; padding-bottom: 15px; text-transform: uppercase;} 
.footer-block ul li a {font-size: 12px; color: #9e9e9e; line-height: 14px;   padding-bottom: 10px; text-transform: capitalize; position: relative; display: block;}
.footer-block ul li a:hover {color: #fff;}
button[type="submit"],input#paypal_button {z-index: 1; font-size: 14px; text-transform: uppercase; color: #fff; background: #8bc441; text-align: center; border-radius: 5px; position: relative; padding: 15px 20px; overflow: hidden; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
button[type="submit"]:before {content: ''; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background: #fff; border-radius: 50%; opacity: 0;}
button[type="submit"]:hover ,input#paypal_button:hover{background: #fff; color: #313131;}
button[type="submit"]:hover:before {opacity: 0.5; z-index: -1; transform: scale(6); -webkit-transform: scale(6);-moz-transform: scale(6);-ms-transform: scale(6);}
.stripe-button-el span {
    position: relative;
    padding: 0;
    height: auto !important;
    background: transparent !important;
    background-image: none !important;
    font-size: 14px;
	 line-height:1.2!important;
    font-family: 'Roboto', sans-serif !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-border-radius: ;
    border-radius: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
}.stripe-button-el:hover span {
	color:#666 !important;}
input#paypal_button{
	font-weight:600;
	}
.footer-block .input {min-width: 100%; margin-bottom: 10px;}
.footer-block button[type="submit"] {width: 100%;}
.tags-b {margin: 0px 5px 5px 0px;}
.tags-b:hover {background: #313131; color: #fff; border: 1px solid #313131;}
.input__field--yoshiko {width: 100%;background-color: #505050;-webkit-transition: background-color 0.25s, border-color 0.25s;transition: background-color 0.25s, border-color 0.25s;border-radius: 5px; height: 50px;padding: 0px 20px;}
.footer-block .input__label {font-size: 11px; color: #9e9e9e; padding-left: 20px;}
.input__label--yoshiko {width: 100%;text-align: left;position: absolute;bottom: 100%;pointer-events: none;overflow: hidden;-webkit-transform: translate3d(0, 3em, 0);transform: translate3d(0, 3em, 0);-webkit-transition: -webkit-transform 0.25s;transition: transform 0.25s ;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.input__label-content--yoshiko {color: #9e9e9e;padding: 0.25em 0;-webkit-transition: -webkit-transform 0.25s;transition: transform 0.25s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.input__label-content--yoshiko::after {content: attr(data-content);position: absolute;font-weight: 800;bottom: 100%;left: 0;height: 100%;width: 100%;color: #9e9e9e;padding: 0.25em 0;font-size: 10px;}
.input__field--yoshiko:focus + .input__label--yoshiko, .input__field--yoshiko:valid + label.input__label--yoshiko ,
.input--filled .input__label--yoshiko {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); font-weight:400;}
.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,
.input--filled .input__label-content--yoshiko {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko {background-color: transparent;}
.input__field--yoshiko:focus {background: #313131;}
.copyright {position: relative; width: 100%; padding: 40px 0px;}
.copyright ul li {position: relative; float: left; font-size: 13px; color: #949494; margin: 0px 30px 0px 0px; text-transform: uppercase; overflow: hidden;}
.copyright ul li a {margin-bottom: 6px; position: relative; display: inline-block;}
.copyright ul li a:before {content: ''; position: absolute; bottom: -2px; left: -100%; width: 100%; height:2px; background: #8bc441; border-radius: 1px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.copyright span {position: relative; float: right; color: #9e9e9e; font-size: 12px; font-weight: 300;}
.copyright ul li a:hover:before {left: 0px;}
.copyright ul li a:hover {color: #fff;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #000000;
    background-image: none;
    -webkit-box-shadow: 9px -7px 4px 20px #000000 inset;
    -webkit-text-fill-color: #d5dd25 !important;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.top-baner-title {position: relative; display: inline-block; padding: 80px 0px 80px; width: 100%;}
.dark-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.host-item ul li {font-size: 14px; line-height: 26px;}
.host-item ul li b {font-weight: 400; color: #9E9E9E;}
.button-description {width: 100%; text-align: center; color:rgba(255,255,255,0.6); line-height: 30px; font-size: 24px;}
.button-description a {color: #fff;}
.button-description span {position: relative; display: inline-block; float: none; padding: 10px 0px; font-size: 22px;}
.button-description .host-button {margin-top: 10px;}
.button-description .host-button a {letter-spacing: 1px;}

.form-img {position: absolute; top: 0px; margin-top: -60px; left: 50%; margin-left: -60px;}
.form-img img {width: 120px; height: 120px;}
.contact-form {position: relative; width: 100%; padding: 80px 30px 50px; margin-top: 70px;}
form.contact-form.m-0 {
    padding: 20px 15px;
    margin-top: 20px;
}
form.contact-form.add_mail {
    margin-top: 0;
    padding: 30px;
}form.contact-form.add_mail  input {
    margin-top: -10px;
}
form.contact-form.add_mail  a.btn_small {
    margin-top: -4px;
}form.contact-form.add_mail  .inoltra input,form.contact-form.add_mail input[type="password" i]{margin-bottom:0;}
.evidenza .contact-form.contattaci {padding:10px 30px ; margin-top: 0;margin-bottom: 35px;}
.contact-form input, .contact-form select {border-radius: 5px;border:0; font-size: 14px; color: #9E9E9E; position: relative; width: 100%; height: 34px; margin-bottom: 30px; padding: 6px 12px; background: #fff;}
.contact-form input:focus , .contact-form select:focus{box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
.contact-form textarea { height: 180px; border-radius: 5px; font-size: 14px; color: #9E9E9E; position: relative; width: 100%; margin-bottom: 40px; padding: 15px; background: #fff; resize: none;}
.contact-form textarea:focus {box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
.contact-form label {font-size: 14px; padding-bottom: 10px; color: #9E9E9E;}
.contact-form button[type="submit"] {letter-spacing: 1px; max-width: 300px; margin: 0 auto; display: block;}
.contact-form span{margin-bottom:5px;display: block;}
.maps {position: relative; width: 100%; display: block;}
.map-canvas {width: 100%; height: 550px; position: relative;}
.host-item .button-2 {margin:5px 0 15px;}
.host-item .button-2:hover {background: #fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.story .cell-view {height: 385px;}

.image-wrapper img {
    width: 70%;
    height: auto;
    display: block;
    margin: auto;
    max-width: 350px;}
.story .image-wrapper {text-align: center; width: 100%; float: right; position: relative;}
.story .image-wrapper img {width: auto; display: inline-block;}
.history-block {position: relative; width: 90%; display: block; padding: 15px 20px; background: #FFF;}
.history .row > div:nth-child(2n+1) {clear: both;}
.history .row > div:nth-child(2n) {clear: both; float: right;}
.history .row > div:nth-child(2n+1) .history-block:after {opacity:0;position: absolute; width: 21px; height: 21px; background: #E74C3C; content: ''; right: -77px; top: 50%; margin-top: -10px; border-radius: 50%; border: 4px solid #fff;}
.history .row > div:nth-child(2n) .history-block:after {opacity:0;position: absolute; width: 21px; height: 21px; background: #E74C3C; content: ''; left: -75px; top: 50%; margin-top: -10px; border-radius: 50%; border: 4px solid #fff;}
.history-block:before {width: 20px;height: 30px; background: url('../img/testi_ar_2.png') no-repeat; position: absolute; right: -20px; top: 50%; margin-top: -15px; content: '';}
.history .row > div:nth-child(2n) .history-block:before {width: 20px;height: 30px; position: absolute; left: -20px; top: 50%; margin-top: -15px; content: ''; background: url('../img/testi_ar_3.png') no-repeat;}
.history .row > div:nth-child(2n) .history-block {float: left; margin-left: 50px;}
.history .row > div:nth-child(2n+1) .history-block {float: right; margin-right: 50px;}
.history-block .text-wrapper span {display: block; padding-bottom: 15px; font-size: 12px; color: #999;}
.history-block .image-wrapper img {width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -35px; }
.history .row > div:nth-child(2n) .history-block .image-wrapper img {left: 20px;}
.history .row > div:nth-child(2n) .history-block .text-wrapper {text-align: left; margin-left: 90px;}
.history .row > div:nth-child(2n+1) .history-block .image-wrapper img {right: 20px;}
.history .row > div:nth-child(2n+1) .history-block .text-wrapper {text-align: right; margin-right: 90px;}
.history .row > div:nth-child(2n+1) .history-block .h-line {position: absolute; width: 2px; height: 100%; background: #CACACA; right: -67px; top: 0;}
.history .row > div:nth-child(2n) .history-block .h-line {position: absolute; width: 2px; height: 100%; background: #CACACA; left: -65px; top: 0;}


.history-block:hover {box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
.col-dark .testi-people-txt {color: #3c3c3c;}
.col-dark .testi-people-txt span {color: #999;}
.col-dark .swiper-pagination-switch {background: #ccc;}
.col-dark .swiper-pagination-switch.swiper-active-switch {background: #33bef2;}
.raket {text-align: center; width: 100%; padding-top: 30px; display: inline-block;}
.host-item .footer-folow {padding-top: 25px;}
.host-item .footer-folow a {margin: 0px 5px;}
.top-baner-title.vertical-center {position: absolute;}
.top-baner-title.vertical-center .second-title p {padding-bottom: 0px;}
.host-item.team .footer-folow a {color: #9e9e9e;}
.host-item.team .footer-folow a:hover {color: #fff;}
.host-item.team h5 {padding-bottom: 0px;}
.host-item.team h6 {padding-bottom: 10px; font-size: 16px; color: #ffc9c9;}
.host-item.team p {color: #ffc9c9;}
.host-item.team img {border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.host-item.team img:hover {box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - TESTIMONIALS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.testimonials-container .swiper-container {padding: 25px 0px 40px;}
.testimonials-container .testi-text-block p {padding-top: 40px;}
.testimonials-container .connected-to-bottom-swiper .swiper-slide {padding: 0px 15px;}
.testi-text-block .testi-people-txt {padding: 0px 0px 25px; color: #3c3c3c; text-align: center;} 
.testi-text-block .testi-people-txt  span {color: #999;}
.swiper-slide.entry {text-align: center; width: 100%; position: relative;} 
.testi-1 {padding: 20px 0px;}
.swiper-slide.entry div {transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.testi-1 .swiper-slide.entry div {transform: scale(0.9); -webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);}
.testi-1 .swiper-slide.entry div.active {transform: scale(1.2); -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);}
.testi-2 {padding: 10px 0px;}
.testi-2 .swiper-slide.entry img {width: auto; height: auto; display: block; margin: 0 auto;}
.testi-2 .swiper-slide.entry div {overflow: hidden; text-align: center;}
.testi-2 .swiper-slide.entry div.active {transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); z-index: 2;}

.testi-w-bg {position: relative; width: 100%; padding-bottom: 80px;}
.testi-w-bg .second-title {padding: 80px 0px 40px;}
.testi-w-bg .second-title p {padding-bottom: 0px;}
.testi-avatar {position: absolute; width: 120px; height: 120px; left: 50%; margin-left: -60px; bottom: -60px; border-radius: 50%; border: solid 10px #fff;}
.bg-testi {padding: 35px 0px 90px;}
.bg-testi .swiper-slide {padding: 0px 15px;}
.bg-violet .testi-people-txt span {color: #B997DC;}
.bg-testi .testi-text-block p {padding: 30px 20px 10px;}
.bg-testi .testi-text-block .testi-people-txt {padding-bottom: 70px;}
.testi-avatar img {width: 100px; height: 100px;}
.pag-style-2 .swiper-pagination-switch {width: 10px; height: 10px; transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.pag-style-2 .swiper-pagination-switch:before {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; content: ''; background: rgba(240,77,78,1); transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); z-index: 1; border-radius: 50%; opacity: 0;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.pag-style-2 .swiper-pagination-switch:hover:before {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); opacity: 1;}
.pag-style-2 .swiper-pagination-switch:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); background: #33bef2;}
.pag-style-2 .swiper-active-switch.swiper-pagination-switch:before {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); opacity: 1; background: #33bef2;}
.pag-style-2 .swiper-active-switch.swiper-pagination-switch {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); background: #33bef2;}
.testi-text-block.bg-grey {background: #f9f9f9;}
.testi-text-block.bg-grey:before{display: none;}
.testi-icon-red {margin-top: 30px;}
.testi-icon-red .entry {position: relative; text-align: center; margin-bottom: 30px;}
.testi-icon-red .entry img {border-radius: 50%; transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.testi-icon-red .entry:hover img {transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
.testi-icon-red .entry div.active img {transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
.testi-text-block-2 {position: relative; width: 100%; display: inline-block;}
.testi-text-block-2 .testi-text-block {text-align: left; padding-left: 30px;}
.testi-text-block-2 .testi-text-block p {padding: 25px 0px;}
.testi-text-block-2 img {float: left; margin-top: 40px; margin-left: 10px;}
.testi-text-block-2 .testi-people-txt {float: left; text-align: left; padding: 10px 0px 0px 10px; color: #3c3c3c; position: relative; width: 100%;}
.testi-text-block-2 .testi-people-txt span {color: #999;}
.test-arrow {position: absolute; z-index: 1; backface-visibility: hidden; overflow: hidden; bottom:-25px; width: 50px; height: 50px; background: #33bef2; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); line-height: 48px; top: auto; color: #fff; font-size: 24px;}
.test-arrow:before {position: absolute; border-radius: 50%; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; content: ''; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); opacity: 0; z-index: -1; transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.testimonials-container-2 .swiper-slide {padding: 0px 15px;}
.testimonials-container-2 .swiper-arrow-left {right: 75px; bottom: 115px;}
.testimonials-container-2 .swiper-arrow-right {right: 15px; bottom: 115px;}
.testimonials-container-2 .test-arrow:hover:before {transform: scale(3); -webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3); opacity: 1;}
.testimonials-container-2 .test-arrow:hover {color: #3c3c3c; box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
.testimonials-container-2 .swiper-container {padding: 25px 0px 50px;}
.testi-text-block-2 .quott {margin-top: 0px; left: 0px; transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - DATACENTER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.video-player{-moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
.video-player{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); z-index: 1000; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%);}
.video-player.active{transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%);}
.video-iframe{position: absolute; left: 50px; top: 50px; right: 50px; bottom: 50px;}
.video-iframe iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-player .close-iframe{color: #8bc441; font-family: 'bold', sans-serif, Arial; font-size: 27px; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.video-player .close-iframe:hover{color: #fff;}

.data-block {position: relative; float: left; width: 100%; display: inline-block; height: 100%;}
.data-block .second-title {text-align: left; padding-left: 30px;}
.second-title .button-2 {background: #8bc441;}
.second-title .button-2:hover {background: #fff;}
.image-overlay {position: absolute;left: 50%; height: 100px; text-align: center;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); background: rgba(0,0,0,0); width: 100px; border-radius: 50%; margin-left: -50px; cursor: pointer; transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;} 
.image-overlay:hover {background: rgba(0,0,0,0.5);}
.video-img {display: block; width: 100%; height: auto;}

.img-cont img {width: 115px; height: 115px; float: left;}
.txt-cont {margin: 0px 25px 0px 140px; text-align: left; display: block;}
.txt-cont p {padding: 0px;}
.main-section.padd-bott {padding-bottom: 0px;}
.data-feature .host-item {padding-bottom: 30px;}
.data-slider .full-height {min-height: 630px;}
.host-item .txt-cont p {float: left; max-width: 100%;}
.data-slider .pagination {display: block;}
.switch-container.act {display: block;}
.accordeon-entry p.act {visibility: visible;}
.contenuto_accordeon table{width:100%;
    border-spacing: 5px;}
.contenuto_accordeon table th {
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
	 background:#fff;
    text-transform: uppercase;
}.contenuto_accordeon table th .btn_small {
    font-weight: 300;
    margin-bottom: 15px;
}
.contenuto_accordeon table td {
    vertical-align: middle;
}.private_area {
    padding-top: 60px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - FAQ*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.panel-heading {
    background: #8bc441;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    font-weight: 400;
    line-height: 15px;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}.panel-heading .h3 {  
	position:relative;  
}.panel-heading .h3 a { 
    font-size: 16px; 
	display:block;
    padding-right: 21px;
    text-transform: none;
}.panel-collapse p {
    font-size: 12px; 
    padding: 3px 0;
}.panel-title .fa {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
	height:18px;
    margin: auto;
}.panel-title .fa +.fa{ display:none
}.panel-collapse{ 
    border-radius: 5px; 
    padding: 25px 15px 20px ;
    font-size: 12px; 
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    margin-top: -10px;
    position: relative;}
.accordeon-entry,.accordeon_dominio {margin-bottom: 15px;}
.accordeon-entry:last-child,.accordeon_dominio:last-child{margin-bottom: 0px;}
.accordeon-entry h5,.accordeon-entry h3,.title_row {border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); font-size: 16px; color: #3c3c3c; font-weight: 400; line-height: 15px; padding: 20px 55px 20px 20px; cursor: pointer; position: relative; z-index: 1;}
.accordeon-entry h5:after, .title_row >div+div:after{width: 23px; height: 23px; background-color: #8bc441; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); content: "+"; position: absolute; right: 15px; top: 15px; font-size: 16px; line-height: 23px; color: #fff; text-align: center; border-radius: 50%;}
.accordeon-wrapper .accordeon-entry.active h5,.accordeon-wrapper .accordeon-entry.active h3, .accordeon_dominio.active .title_row, .accordeon-wrapper .accordeon-entry h5:hover,.title_row:hover{background: #8bc441; color: #fff;}
.accordeon-entry.active h5:after, .accordeon_dominio.active .title_row >div+div:after{width: 23px; height: 23px; background-color: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); content: "-"; color: #8bc441; border-color: transparent; line-height: 22px;}
.accordeon-entry h5:active:after, .title_row:active >div+div:after{transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8);}
.accordeon-entry p ,.accordeon_dominio .contenuto_accordeon,.panel_box_collaps{
    overflow: auto;transform: scale(0); border-radius: 5px; height: 0; padding: 0px; background-color: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); font-size: 12px; line-height: 24px; margin-top: -10px; position: relative; visibility: hidden; transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
.accordeon-entry.active p ,.accordeon-entry.active> div ,.accordeon_dominio.active .contenuto_accordeon,.panel_box_collaps.active{transform: scale(1); visibility: visible; height: auto; padding: 20px 30px 20px 30px;}
.radio.autorisponditore_attivo + div{transform: scale(0); visibility: hidden; height: 0; overflow:auto;     overflow: hidden;clear:both;}
.radio.autorisponditore_attivo.active + div{transform: scale(1); visibility: visible; height: auto;    overflow: inherit; }

.panel_box_collaps.active {
    margin: 5px -30px ;
}.accordeon_dominio.active .contenuto_accordeon {
    padding: 20px 30px 0 30px;
}.panel_box{
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    padding: 30px;
    margin: -10px -30px 20px;
    border-radius: 5px;
}
.switch-container {display: none;}
.title_row {
    margin: 0;
    padding: 20px 30px 20px 5px;
}.title_row >div+div:after{
    right: -18px;
    top: 50%;
    margin-top: -10px;}
.pop-faq {margin-bottom: 40px; color: #fff;}
.pop-faq .img-cont {float: left; padding-right: 30px; position: relative;}
.pop-faq .img-cont img {width: 150px; height: 150px; margin-bottom: 0px;}
.pop-faq .txt-cont {margin: 0px 25px 0px 180px; padding-left: 30px; display: table-cell; border-left: 5px solid rgba(255,255,255,0.6); top: 50%; transform: translateY(-50%); position: absolute; left: 0px;}
.pop-faq .txt-cont p {color: rgba(255,255,255,0.6);}
.pop-faq:last-of-type {margin-bottom: 0px;}
.side-menu {width: 100%; padding: 15px 0px; position: relative; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.side-menu h5 {padding-bottom: 15px; padding-left: 30px;}
.side-menu-item span {padding-right: 10px; font-weight: 700;} 
.side-menu-item {font-size: 14px; position: relative; width: 100%; overflow: hidden; color: #9F9F9F; line-height: 20px; padding: 15px 10px 15px 15px; cursor: pointer; z-index: 1; transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;-ms-transition:all 0.1s ease-in;}
.side-menu-item:before {z-index: -1; backface-visibility: hidden; content: ''; position: absolute; width: 50px; height: 50px; left: 50%; opacity: 1; top: 10px; background: #f9f9f9; border-radius: 50%; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;}
.side-menu-item:hover:before {background: #fff; transform: scale(10); -webkit-transform: scale(10);-moz-transform: scale(10);-ms-transform: scale(10);}
.side-menu-item:hover {background: #fff;}
.side-menu-item.active {background: #8bc441; color: #fff;}
.side-menu-item.active:hover {color: #c8c8c8;}
.switch-container .accordeon-entry p ,.switch-container .accordeon-entry >div{background: #f9f9f9;}
.switch-container .accordeon-entry h5 {background: #f9f9f9;}

.call-row {width: 100%; position: relative; padding: 50px 0px; color: #fff; text-align: center;}
.call-row h4 {color: #8bc441; font-weight: 700; text-transform: none;}
.call-row h4 span {font-weight: 400; color: #fff;}
.call-row .button-2 {margin-left: 40px;}
.list-support {position: relative; width: 100%;}
.list-support h5 {padding-bottom: 15px; font-weight: 300;}
.list-support ul {list-style-position: inside; margin-bottom: 30px;}
.list-support ul li, .list-support ol li {font-size: 14px; line-height: 1.85; font-weight: 300; list-style-position: inside;}
.list-support ul li:before {content: "\f00c"; display: inline-block; font-size: 14px; color: #8bc441; font-family: 'FontAwesome'; padding-right: 10px;}
.button-2.bg-white {color: #222; background: #fff;}
.button-2.bg-white:hover {background: #8bc441; color: #fff;}
.button-2.bg-white:before {background: #8bc441;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - LOGIN */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.input-label {position: relative; width: 100%; float: left;}
.form-link {position: relative; display: inline-block; padding-bottom: 10px; font-size: 14px; color: #9E9E9E; width: 100%;}
.form-link span {padding-right: 10px; color: #8bc441;}
.login-form.contact-form .submit {max-width: none; width: 100%; display: inline-block;} 
.login-form.contact-form input,.login-form.contact-form textarea {margin-bottom: 15px;
    max-height: 100px;}
.half-input .input-label {width: 49%; position: relative; float: left; display: inline-block;}
.half-input .input-label:first-child {margin-right: 1%;}
.half-input .input-label:last-child {margin-left: 1%;}

.tird-input .input-label {width: 32%; position: relative; float: left; display: inline-block;}
.tird-input .input-label{margin:0 1%;}
.tird-input .input-label:first-child {margin: 0 1% 0 0;}
.tird-input .input-label:last-child {margin: 0 0 0 1%;}
.input-label.fourth-label {
    width: 15%;
}
.checkbox-entry {position: relative;margin: 0px 0px 19px;display: block;float: left;}
.checkbox, .radio {position: relative;display: block;margin-top: 10px;margin-bottom: 10px; width: 100%;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {position: absolute; margin-left: -20px;}
.checkbox-entry input {position: absolute;left: -30px;display: none;}
.checkbox-entry label {font-size: 14px;color: #9E9E9E;line-height: 17px;display: block;padding-left: 30px;position: relative;cursor: pointer;min-height: 20px;margin-bottom: 0px; font-weight: 300; overflow: hidden;}
.bg-neutral .checkbox-entry label{color:#fff;}
.checkbox-entry label:before {position: absolute;content: "";left: 0px;top: 0px;width: 17px;height: 17px;background-color: #fff; backface-visibility: hidden; overflow: hidden;}
.checkbox-entry.active label:before { background-color: #8BC441;box-shadow: 0px 0px 0px 5px #fff inset;}
.checkbox-entry.radio label:before{border-radius: 50%;}

.domain.col-white {margin-top: 60px;}
.domain.col-white .drop b {color: #fff;}
.domain.col-white .input__label {color: #fff;}
.domain.col-white .domain-link a {color: #fff;}
.host-item.col-white p {color: rgba(255,255,255,0.4);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.font-title h1, .font-title h2, .font-title h3, .font-title h4, .font-title h5, .font-title h6 {padding-bottom: 15px;} 
.baner-desc p {font-size: 16px; line-height: 30px; font-weight: 300; color: #9E9E9E; text-align: left; padding-bottom: 25px;}
.baner-desc h5 {padding-bottom: 20px;}
.block-desc h5 {padding-bottom: 15px;}
.block-desc p {font-size: 13px; line-height: 24px; padding-bottom: 30px;}
.alert-block {position: relative; width: 100%; padding: 15px 30px 15px 15px; color: #fff; text-align: left; margin-bottom: 20px;}
.alert-block p {font-size: 13px; line-height: 24px; color: #fff;}
.alert-block span {position: absolute; right: 15px; top: 15px; font-size: 24px; cursor: pointer;} 
.alert-block.bg-grey {color: #9E9E9E;}
.alert-block.bg-grey p {color: #9E9E9E;}
.circ-point.list-support ul li:before {content: "\f058"; display: inline-block; font-size: 16px; color: #8bc441; font-family: 'FontAwesome'; padding-right: 10px;} 
.list-support.num-point {list-style: outside;}
.buttons a {float: left; display: inline-block; margin-right: 25px;}
.hightl {padding: 3px; color: #fff;}
.tooltips .fa {margin: 0px 5px 0px 0px; color: #8bc441; cursor: pointer; font-size: 16px;}
.block-desc p a {color: #8bc441; position: relative; overflow: hidden; display: inline-block; line-height: 9px; padding-bottom: 5px; top: 5px;}
.block-desc p a:before {content: ""; position: absolute; left: -100%; bottom: 0px; width: 100%; height: 1px;background: #8bc441;
transition: all 0.2s ease-out 0s;}
.block-desc p a:hover:before {left: 0px;}
.vertical-align {position: absolute; top: 50%; transform: translateY(50%); -webkit-transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%);}
.metodi_pagamento img{
    margin: 15px auto 5px;
    display: block;}
.metodi_pagamento h6{
    margin: 5px auto 5px;
	 font-size:110%;
    display: block;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - HOSTING */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.right-align {right: 0px;}
.min-title-host {position: relative; display: inline-block; width: 100%; min-height: 450px; padding: 0px 40px;}
.min-title-host span ,.bg-dark .col-white span{color: #FFF0BC; /*padding-bottom: 10px; *//*display: block;*/    font-size: 130%;}
.min-title-host h3 {padding-bottom: 15px;}
.shared-history.history .row > div:nth-child(2n) {float: left; clear: none;}
.shared-history .history-block {  margin-bottom: 20px;}
.history.shared-history .row > div:nth-child(2n) .history-block .h-line {height: 130%;}
.history.shared-history .history-block.last .h-line {height: 100%!important;}
/*.history.shared-history .history-block:before {background: url('../img/testi_ar_2_grey.png') no-repeat; content: '';}
.history.shared-history .row > div:nth-child(2n) .history-block:before {background: url('../img/testi_ar_3_grey.png') no-repeat; content: '';}*/
.price-header-big {padding: 23px 50px; border-radius: 5px;}
.price-header-big h4 {padding-bottom: 10px; text-transform: uppercase;}
.no-hover.price-block:hover { transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px); -ms-transform: translateY(0px); margin-top: 0px;}
.vps-slider .pagination {bottom: 40px;}
.cell-view .h5 {
    margin-top: 30px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - DEDICATE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.min-title-host.col-dark span {color: #9E9E9E;}
.min-title-host.col-dark p {padding-bottom: 30px;}
.min-title-host.col-dark .right-align {text-align: right;}
.tables .button-2 {padding: 12px 15px;}
.table > tbody > tr > td {vertical-align: middle;}
.second-title .button-2.bg-blue {background: #00BFF3;}
.data-block-vps {padding: 30px;}
.data-block-vps .second-title {text-align: left;}
.data-block-vps .second-title h6 {padding-bottom: 0px; text-transform: uppercase;}
.data-block-vps .second-title h3 {padding-bottom: 10px;}
.data-block-vps .second-title p {padding-bottom: 30px;}
.data-slider .pagination {bottom: 40px;}

.start-block {width: 100%; position: relative; float: left;}
.start-block .image-wrapp {text-align: center; padding-bottom: 15px;}
.line {position: absolute; top: 60px; left: 0px; width: 100%; background: url(../img/point.png) repeat-x; height: 5px;}
.start-block .text-wrapper {text-align: center;}
.start-block .text-wrapper h5 {padding-bottom: 10px;}
.start-block .text-wrapper h5 span {color: #9E9E9E;}

.vps-menu  {width: 100%; margin-left: -8px; padding-bottom: 20px; display: inline-block;}
.vps-menu .side-menu-item {position: relative; float: left; display: inline-block; width: auto; padding: 8px; margin: 0px 1px; color: #fff;}
.vps-menu .side-menu-item.active {color: #fff;}
.vps-menu .side-menu-item:hover {color: #bababa;}
.col-3 {width: 25%; position: relative; float: left;}
.col-9 {width: 75%; position: relative; float: left;}
.table-list tr:first-child td {
    font-size: 16px;
    color: #3c3c3c;
}
.table-vps.tables ,.table-list.tables{border: 0px none;}
.table-vps.tables,.table-list.tables {border-radius: 0px;
    table-layout: auto;}
.table-vps tr:nth-child(2n+1) {background: #fff;}
.table-vps tr td:first-child ,.table-list tr td:first-child {
    background: #f3f3f3;
    color: #6f6f6f;
    border-top: 1px solid #ddd;}
.table-vps tr:first-child td:first-child {background: #33bef2; border: 0px none; 
    background: inherit;}
.table-vps tr:first-child td {color: #222; font-size: 18px;
    color: #d5dd25;
    font-weight: 600;}
.table-vps tr:first-child td p {padding: 10px 0px;}
table.tables.b-shadow.table.table-vps.highlight_2_col tr>td:nth-child(2),
table.tables.b-shadow.table.table-vps.highlight_3_col tr>td:nth-child(3),
table.tables.b-shadow.table.table-vps.highlight_4_col tr>td:nth-child(4) {
    background: #33c4f5;
    color: #fff;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - BLOG*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.blog {position: relative; width: 100%; padding: 60px 0px 40px;}
.post-blog {position: relative; width: 100%; margin-bottom: 40px; display: inline-block;}
.post-text {position: relative; width: 100%; padding-left: 160px;}
.post-text img, .post-text iframe {width: 100%; height: auto; margin-bottom: 15px;}
.post-text h5 {padding-bottom: 5px;}
.post-text h5 a:hover {color: #00BFF3;}
.post-text p {padding-bottom: 20px;}
.post-info {position: relative; float: left; width: 160px; padding: 0px 20px;}
.p-date {border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); width: 100%; position: relative; display: block; text-align: center; color: #fff; padding: 10px; margin-bottom: 20px;}
.p-date span {font-size: 40px; line-height: 40px; display: block; font-weight: 700;}
.p-date p {font-size: 14px; color: #fff;}

.p-icon {background: #fff; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); padding: 10px; position: relative; width: 100%; text-align: center; color: #9E9E9E; margin-bottom: 20px;}
.p-icon i {font-size: 24px; display: block; margin-bottom: 10px;}
.blog-slider .pagination {bottom: 40px;}
.blog-slider .swiper-pagination-switch {background: #00BFF3;}
.blog-slider .swiper-pagination-switch.swiper-active-switch {background: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.post-text .video-post {height: 350px;}
.duotte  {position: relative; padding: 20px; background: #fff; border-radius: 5px; margin-bottom: 15px; display: inline-block;}
.duotte q { font-size: 22px; line-height: 28px; color: #9E9E9E; display: block; font-style: italic; margin-bottom: 20px; font-family: georgia;}
.duotte .quote {width: 60px; height: 60px; margin-bottom: 5px;}
.duotte span {font-size: 14px; display: block; color: #9E9E9E; text-transform: uppercase; padding-bottom: 10px;}
.duotte span i {color: #00BFF3;}
.blog-nav {position: relative; width: 100%; padding: 50px 0px; display: inline-block; text-align: center;}
.blog-nav a {font-size: 16px; padding: 12px 8px; color: #9E9E9E; position: relative; display: inline-block; float: none;}
.blog-nav a:hover {color: #8bc441;}
.blog-nav a.act {color: #8bc441;}
.blog-nav .button-1 {padding: 12px 15px; color: #fff; border-color: #8bc441;}
.blog-nav .button-1:first-of-type {float: left;}
.blog-nav .button-1:last-of-type {float: right;}
.post-text .blog-nav .button-1:hover {color: #9E9E9E; border-color: #FFf; background: #fff;}
.post-text .blog-nav .button-1:hover:before {background: #fff;}
.side-blog {position: relative; width: 100%; display: inline-block; padding-bottom: 50px;}
.search-input {position: relative; width: 100%; border-radius: 5px; background: #505050; height: 50px;}
.search-input input[type="text"] {position: absolute; width: 100%; height: 30px; left: 0px; top: 0; margin: 10px 0; padding: 0px 15px; z-index: 1; background: none; color: #fff;}
.search-input input[type="submit"] {position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: none; z-index: 20;}
.search-input span {position: absolute; right: 15px; top: 15px; font-size: 20px; color: #fff; z-index: 1;}
.side-blog h5 {padding-bottom: 15px;}
.side-blog ul li a {position: relative; width: 100%; display: inline-block; padding: 10px 15px; font-size: 14px; background: #fff; color: #9E9E9E; transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;}
.side-blog ul li span {color: #222; font-size: 14px; margin-right: 15px;}
.side-blog ul li a:hover {background: #00BFF3; color: #fff;}
.side-blog ul li a:hover span {color: #fff;}
.mini-post {position: relative; width: 100%; padding-bottom: 20px;}
.mini-post:last-child {padding-bottom: 0px;}
.mini-post img {width: 100%; height: auto; margin-bottom: 5px;}
.mini-post h6 {font-size: 14px; color: #222; text-transform: uppercase;}
.mini-post h5 {text-transform: uppercase; padding-bottom: 5px;}
.mini-post h6 a:hover {color: #00BFF3;}
.mini-post span {font-size: 12px; color: #9E9E9E;}
.mini-post span i {color: #00BFF3;}
.post-full .image {width: 50%; position: relative; float: left;}
.post-full .text {position: relative; width: 50%; float: left; padding-left: 30px;}
.post-full .post-info {position: relative; float: left;}
.post-text .title h5 {padding-bottom: 5px;}
.post-text .title span {display: block; padding-bottom: 20px;}
.post-text .title span i {color: #00BFF3; font-size: 14px;}
.half-block {width: 50%; position: relative; float: left; padding-right: 30px;}
.half-block:last-of-type {padding-right: 0px;}
.half-block img {width: 100%; height: auto;}
.bootom-block {position: relative; width: 100%; padding-bottom: 40px; text-align: center;}
.bootom-block h4 {padding-bottom: 30px;}
.bootom-block .swiper-slide {padding: 0px 15px;}
.bootom-block .mini-post span {font-size: 14px;}
.bootom-block .pagination {bottom: 10px;}
.bootom-block .blog-slider {padding-bottom: 50px;}
.comments {position: relative; width: 100%; padding-bottom: 30px; padding-left: 40px;}
.comm-block {position: relative; width: 100%; background: #fff; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); text-align: left; padding: 25px 20px;}
.comm-block p {padding-bottom: 10px;}
.comm-block .text {padding-left: 50px;}
.comm-block .image {position: absolute; top: 50%; margin-top: -40px; left: -40px;}
.comm-block .image img {width: 80px; height: auto;}
.reply {display: block; font-size: 14px; text-transform: uppercase; color: #00BFF3;}
.reply span {color: #00BFF3; padding-right: 5px;}
.second-com {padding-left: 50px;}
.comments:last-child {padding-bottom: 0px;}
.contact-form.bg-white input, .contact-form.bg-white textarea {background: #F9F9F9;}
.post-text .list-support {padding-left: 30px;}
.progress {
    height: 10px;
	 background:#C8C8C8;
    width: 90%;
}
.help img{ margin:15px auto;}
.help h1{
    font-size: 34px;
    line-height: 38px;
    font-weight: 300;}
.help h2{
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;}
	 i {
    font-style: italic;
}
#top_arrow{ position:fixed; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: 15px;
    bottom: 0%;}  
.scroll_down  #top_arrow{-webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } 
/*
:target:before {
content:"";
display:block;
height:86px;  
margin:-86px 0 0;  
}*/
.SPRITE_mobile_poor ,.SPRITE_desktop_needswork,.SPRITE_mobile_needswork,.SPRITE_mobile_good,.SPRITE_desktop_poor,.SPRITE_desktop_good{    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 5px 0;}
.SPRITE_mobile_poor {
    background: no-repeat url(/img/optimize/sprite.png) -18px -31px;
    width: 18px;
    height: 34px; 
}
.SPRITE_mobile_needswork{
    background: no-repeat url(/img/optimize/sprite.png) -82px -31px;
    width: 18px;
    height: 34px; 
}.SPRITE_desktop_needswork {
    background: no-repeat url(/img/optimize/sprite.png)  0 0;
    width: 46px;
    height: 31px;
}.SPRITE_desktop_poor{
    background: no-repeat url(/img/optimize/sprite.png)    -36px -31px;
    width: 46px;
    height: 31px;
}.SPRITE_desktop_good {
    background: no-repeat url(/img/optimize/sprite.png)  -46px 0;
    width: 46px;
    height: 31px;
}.SPRITE_mobile_good {
    background: no-repeat url(/img/optimize/sprite.png)  0 -31px ;
    width: 18px;
    height: 34px; 
} .history-block .image-wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -20px;
}.history .row > div:nth-child(2n+1) .history-block .image-wrapper span {
    right: 20px;
}
.arrow {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    margin: 10px 10px;
}
.arrow:before, .arrow:after {
    content: '';
    border-color: transparent;
    border-style: solid;
    position: absolute;
}.arrow-right:before {
    border: none;
    background-color: #3c3c3c;
    height: 30%;
    width: 50%;
    top: 35%;
    left: 0;
} 
.arrow-right:after {
    left: 50%;
    top: 0;
    border-width: 20px 20px;
    border-left-color: #3c3c3c;
} .arrow-down:before {
    border: none;
    background-color: #3c3c3c;
    height: 50%;
    width: 30%;
    top: 0;
    left: 35%;
} 
.arrow-down:after {
    left: 0;
    top: 50%;
    border-width: 20px 20px;
    border-top-color: #3c3c3c;
} .history .row > div:nth-child(2n) .history-block .arrow {
    display: none;
}	.simple_arrow_container {
    position: relative;text-align:center;
}.pull-none {
    float: none;
}.optimization .table-vps tr td:first-child,.optimization  .table-list tr td:first-child {
    background: #ffffff;
    color: #3c3c3c;
    border: 1px solid #f9f9f9;
}li.lang_switch, li.lang_switch a {
    font-size: 10px;
}li.lang_switch a:before{ display:none;}
.panel-collapse   a {
    text-decoration: underline !important;
}.img-responsive{
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
	
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	}
img.badge-img {
    vertical-align: middle;
    width: 61px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - RESPONSIVE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1199px) { 
    .input.input--nao {min-width: 220px;}
	.dom-but ,.btn_small{margin-left: 10px;}
	.main-img {padding-right: 20px;}
	.min-title {padding-left: 20px;}
	.acor-slide.anime .baner-price {right: 20px;}
	.monitor-img {height: 290px;}
	.news-block {min-height: 275px;}
	.top-f-block {text-align: left;}
	.top-f-block a {font-size: 11px;}
	.top-footer-info {padding: 20px 0px;}
	.copyright ul li {margin-right: 10px; font-size: 11px;}
	.copyright {padding: 30px 0px;}
	.buttons a {margin-right: 10px;}
	.main-slider .swiper-arrow-left {left: 5px;}
	.main-slider .swiper-arrow-right {right: 5px;}
	nav > ul > li{     margin: 0px 12px;}
}
@media screen and (max-width: 991px) {

	.min-title .button-2 { 
    padding: 13px 23px;
}
.history .row > div:nth-child(2n+1) .history-block .arrow {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.cell-view {
    display: block;
    margin-bottom: 15px;
}
	.open-drop  {display: inline-block;}
    .dom-but,.btn_small {margin-left: 0px; margin-right: 5px;}
	.input.input--nao {width: 50%;}
	.nav-menu-icon {display: block; margin-top: 15px;}
    nav {position: fixed; left: 0px; top: 0px; width: 100%; padding-top: 80px; height: 100%; overflow-y: auto; background: #3C3C3C;transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);}
	nav.slide-menu {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
	nav ul {text-align: center; width: 100%;}
	nav ul li {width: 100%; padding: 0px;}
	nav > ul > li {margin: 0px;}
	.dropmenu {display: none; position: relative; width: 100%; top: 0px; left: 0px; min-width: 100%; text-align: center; opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
	.dropmenu.active {display: block;}
	header {height: 60px; }
	.logo {padding-top: 13px;}
	.price-block {margin-bottom: 30px;}
	.com-button {width: 100%; padding-top: 30px; text-align: left;}
	.dom-but{float: none; display: inline-block;}
	.min-title {width: 100%;}
	.hide-caption h3 {font-size: 20px; line-height: 24px;}
	.host-block:hover {margin-top: 0px; transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}
	.news-block:hover {margin-top: 0px; transform: translateY(0px); -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}
	.price-block:hover { transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px); -ms-transform: translateY(0px); margin-top: 0px;}
	.host-block {max-width: 420px; display: block; margin: 0 auto; margin-bottom: 30px;}
	.feature-block {width: 50%; float: left; display: inline-block; padding: 30px 40px 20px;}
	.host-item p {display: block; position: relative; max-width: 300px; margin: 0 auto;}
	.features-monitor {display: none;}
	.charts {margin-bottom: 30px;}
	.tables {margin-top: 40px;}
	.main-section {padding: 50px 0px; overflow: hidden;}
	div#feature img,	div#feature .host-block-header,	div#feature  a br ,div#pacchetto .host-block-header img,	div#pacchetto .host-block-header,		div#pacchetto  a br  {
    display: none;
}	div#feature .host-block-header,	div#pacchetto .host-block-header { 
    padding: 0; 
}#feature>.container ,#pacchetto>.container {
    display: block;
}#feature>.container >div,#pacchetto>.container>div{   
    margin: 0;
    max-width: none;
}#feature>.container>div>div ,#pacchetto>.container>div  >div{
    padding: 7px;
    margin-bottom: 15px;
}div#feature h5 ,#pacchetto h5{ 
    min-height: 24px;
}
	.copyright span {width: 100%; float: left;}
	.copyright ul {padding-bottom: 10px; display: inline-block;}
	.top-f-block a {line-height: 40px;}
	.host-item {padding-bottom: 30px;}
	.main-section .row div:last-child .host-item {padding-bottom: 0px;}
	.story .cell-view {height: auto; padding-bottom: 30px; text-align: center;}
	.story .row > div:last-child .cell-view {padding-bottom: 0px;} 
	.history-block {width: 100%; margin-bottom: 30px;}
	.h-line {display: none;}
	.raket {padding-top: 0px;}
	.history .history-block::after {display: none;}
	.history .row > div:nth-child(2n) {clear: none; float: left; width: 100%;}
	.history .row > div:nth-child(2n+1) .history-block {margin-right: 0px;}
	.history .row > div:nth-child(2n) .history-block {margin-left: 0px;}
	.padd-110 {padding-top: 50px;}
	.video-img {width: 70%; margin: 0 auto;}
	.data-block .second-title p {padding-bottom: 15px;}
	.data-block .second-title {width: 70%; display: block; margin: 0 auto; padding: 20px 0px 0px 0px;}
	.pop-faq .txt-cont {padding: 15px 0px 0px; text-align: center; width: 100%; position: relative; top: auto; transform: translateY(0); border-left: 0px none;}
	.side-menu-item {font-size: 14px; padding: 10px;}
	.buttons a {margin-bottom: 15px;}
	.history.shared-history .history-block:before {display: none; content: '';}
    .history.shared-history .row > div:nth-child(2n) .history-block:before {display: none; content: '';}
	.line {display: none;}
	.start-block {padding-bottom: 20px;}
	.tables.table-vps {margin-top: 0px;}
/*	.table-vps tr:first-child td p {display: none;}*/
	.half-block {width: 100%; padding: 0px;}
	.post-text .list-support {padding-left: 0px;}
	.bottom-wrapp.post-text {padding-left: 0px; padding-bottom: 40px;}
	.side-blog {padding-bottom: 30px;}
	.host-button {margin-top: 30px;}
	.choose-block .pop-faq.left .txt-cont {text-align: center; padding-right: 0px; float: none;}
	.choose-block .host-item {text-align: center;}
	.pop-faq.left .img-cont {display: inline-block; float: none; margin-top: 20px;}
	.choose-block .pop-faq .txt-cont {margin: 0px; text-align: center; float: none;}
	.choose-block .pop-faq .img-cont {float: none; padding-right: 0px; display: inline-block;}
	.second-title.col-white p {padding-bottom: 20px;}
	.choose-block .host-item {margin-bottom: 0px!important;}
	#login form, .forgot {
    float: none;
    width: 50%;
    margin: auto;

}
}
@media screen and (max-width: 767px) {
div#pacchetto .host-block-header img {
    display: none;
}h1, .h1 {
    font-size: 36px; 
}
div#chat-application {
    display: none !important;
}
.price-block ul li { 
    float: left;
    width: 100%;
    float: none;
}
.top-baner-title.vertical-center {
    position: relative;
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -o-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);
    padding: 0 20px 30px ;
}.main_baner_clip {
    min-height: auto !important; 
}
.title_row div+div{
    margin-top: 10px;
    text-align: left;
}
#feature>.container,#pacchetto>.container  {
    flex-wrap: wrap;
}
    .main-section {padding: 40px 0px;}
	.serv-block {margin-bottom: 15px;}
	.second-title p {padding-bottom: 30px;}
	.testi-slider {padding: 25px 0px 40px;}
	.price-block {margin-bottom: 15px;} 
	.acor-slide.anime .main-img img {display: none;}
	.hide-caption > img {display: none;}
	.acor-slide {height: 60vh;}
    .accordions {height: 60vh;}
	 .main-baner { 
    min-height: 60vh;
}
	.table-button {margin-top: 10px;}
	.table-button .button-2 {padding: 15px 10px; font-size: 10px;}
	.top-f-block {margin-bottom: 15px; text-align: center;}
	.map-canvas {height: 350px;}
	.contact-form input {margin-bottom: 15px;}
	.pop-faq .img-cont {width: 100%; text-align: center; padding: 0px;}
	.pop-faq .img-cont img {float: none; display: inline-block; margin: 0px auto;}
	.side-menu {margin-bottom: 30px;}
	.min-title-host {min-height: 100%; padding: 20px 0px;}
	.min-title-host .vertical-center {width: 100%; text-align: center; left: 0px; position: relative; top: auto; transform: translateY(0); -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);}
	.min-title-host.col-dark .right-align {text-align: center;}
	.post-full .image {width: 100%;}
    .post-full .text { width: 100%; padding-left: 0px;}
	.blog-nav {padding: 30px 0px;}
	.second-com {padding-left: 40px;}
	.bootom-block {padding-bottom: 0px;}
	.blog {padding: 100px 0px 30px;}
	.vps-slider .full-height {min-height: 700px;}
	.swiperHeader .vps-slider .full-height {min-height: 30px; max-height: 100%;
    min-height: 60vh;
    padding: 50px 0;}
	.swiperHeader
      .full-height,.full-height.main-baner { 
    height: auto;
}
	.main-slider .swiper-arrow-left {display: none;}
	.main-slider .swiper-arrow-right {display: none;}
	.main-slider .hidden-pag.pagination {display: block; bottom: 40px;}
	.accordeon-entry.active p, .accordeon-entry.active> div, .accordeon_dominio.active .contenuto_accordeon, .panel_box_collaps.active { 
    padding: 10px 15px 10px 15px;
}.min-title .button-2 { 
    padding: 15px 20px;
}footer.bg-dark >.container ul li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    text-align: left;
}
}
@media screen and (max-width: 600px) {
.data-feature {
    padding: 20px 0 30px;
}
.panel_box, .panel_box_collaps.active {
    padding: 20px 15px;
}
    .input.input--nao {width: 100%; margin-bottom: 30px;}
	.drop-wrap {margin-left: 0px;}
	.search-name {width: 100%;}
	.drop-wrap {width: 50%;}
	.baner-price {display: none;}
	.feature-block {width: 100%;}
	.price-block ul li {padding: 3px 0px;}
	.price-num span {font-size: 34px;}
	.price-header {padding: 13px 0px;}
	.f-h-1 {background: #fecc17;}
    .f-h-2 {background: #33bef2;}
    .f-h-3 {background: #00bff3;}
    .f-h-4 {background: #ccdb38;}
	.feature-block p {color: #fff;}
	.feature-block h6 {color: #fff;}
	.tables tr td:first-child {padding-left: 10px;}
	.footer-folow a {margin: 0px 5px;}
	.footer-title p {padding-bottom: 30px;}
	.footer-block {text-align: center;}
	.top-footer-info {padding: 25px 0px 15px;}
	.price-num a {margin-bottom: 30px;}
	.price-block ul {margin-bottom: 20px;}
	.side-blog {padding-bottom: 20px;}
	.contenuto_accordeon table td {
    display: inline-block;
    vertical-align: middle;
    width: 50% !important;
}
}
@media screen and (max-width: 480px) {
footer.bg-dark >.container ul li {
    width: 100%; 
    text-align: center;
}.hide-caption > img {
    display: block;
}
.acor-slide {
    height: 15vh;
    height: inherit;
    position: relative !important;
    width: 100%!important;
    float: none !important;
    left: 0 !important;
}.hide-caption h3,.hide-caption span{ display:block !important}
.acor-arrow { 
    display: none; 
}.caption-slider {
    display: none;
}.acor-slide.anime .hide-caption {
    opacity: 1;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
}.main-baner, .accordions {
    min-height: 30vh;
}.accordions {
    height: 30vh;
}.hide-caption {
    width: 100%;
	 left:0;}
	 a.button_mobile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}.acor-slide.bg-green {
    display: none;
}
    .dom-but,.btn_small {margin-bottom: 10px;}
    .hide-caption h3 {display: none;}
	.hide-caption span {display: none;}
	.min-title h1 {font-size: 40px;  }
	.domain-link a {width: 100%; padding: 0px; border: 0px none; margin-bottom: 10px;}
	.host-block {max-width: 100%;}
	.news-txt {padding: 10px 20px;}
	.bootom-like {right: 20px; bottom: 15px;}
	.news-block .fa {position: absolute; bottom: 15px; left: 20px;}
	.contact-form {padding: 80px 15px 40px;}
	.story .image-wrapper img {width: 100%;}
	.video-img {width: 100%;}
	.data-block .second-title {width: 100%;}
	.txt-cont {margin: 0px 0px 0px 130px;}
	.accordeon-entry h5 {font-size: 13px;}
	.half-input .input-label {width: 100%;}
    .half-input .input-label:first-child {margin-right: 0%;}
    .half-input .input-label:last-child {margin-left: 0%;}
	.list-support ul li, .list-support ol li {font-size: 13px; line-height: 1.1;}
	.vps-menu .side-menu-item {width: 100%; margin-bottom: 2px;}
	.post-info {width: 100%; padding: 0px 0px 20px;}
	.post-text {padding-left: 0;}
	.p-icon {width: 22%; float: left; margin-left: 2px;}
	.p-date {width: 30%; float: left; padding: 2px;}
	.comm-block .image  {top: 10px; left: 50%; margin-top: 0px; margin-left: -40px;}
	.comments {padding: 0px 0px 20px 0px;}
	.comm-block .text {padding: 80px 0px 0px;}
	.bottom-wrapp .contact-form {padding: 30px 15px; margin-top: 30px;}
	.main-slider .main-img img {display: none;}
}
@media screen and (max-width: 376px) {
    .min-title {padding-left: 10px;}
	.min-title h1 {font-size: 30px; line-height: 36px;}
	.min-title ul li {line-height: 1.1;}
	.baner-price {left: 10px;}	
	.min-title-host img {width: 100%; height: auto;}
}

@media screen and (min-width: 601px) {
.e_mail_box tr>td:first-child,.sito_web_box tr>td:first-child { width: 45%;}}
@media screen and (min-width: 768px) {

	.box4 .host-item p{ height:65px}
.gestiti .container>div{
justify-content:space-between; 
    display: flex;}
.min-title {
    max-width: 50%;
}.gestiti .cell-view{ 
    display: flex;
    align-items: center;
    flex-grow: 1;}
}
@media screen and (min-width: 992px){
 li.lang_switch { 
    position: fixed;
    right: 0;
   /* top: -20px;*/
     margin-top: -20px;
}
.simple_arrow_container span.arrow.arrow-right.hidden-xs.hidden-sm {
    position: absolute;
    right: 0;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
	.history .row > div:nth-child(2n+1) .history-block .arrow {position: absolute; 
    right: -94px;
    top: 11px;}
.history .row > div:nth-child(2n) .history-block .arrow {
    position: absolute;
    left: -96px;
    top: 11px;}
	.image-wrapper img {
	max-width:none;
    width:70%;}
.text-wrapper.cell-view {
    padding-top: 80px;
}
.fixed_navigatior{
    position: fixed;
    top: 90px;
    top: 60px;
	 width:100%;
    z-index: 5;
	/* display:none;*/
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    background: #3c3c3c;} 
.scroll_down  .fixed_navigatior{ display:block;
	
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
	 transform: translateY(0);
}
.fixed_navigatior h5 {
    padding: 5px;
    font-size: 13px;
	 line-height	:1.2;
    text-align: center;
	 text-transform:uppercase;
    color: #fff;
}.fixed_navigatior a {
    /*background: #fff;*/
    position: relative;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    border-radius: 5px;
  /*  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);*/
    margin:   0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}.fixed_navigatior .row> div { display:inline-block; padding:0 15px;}
.fixed_navigatior a:hover {
    box-shadow: 2px 2px 20px rgba(104,104,104,0.2);
    color: #fff;
    background: #8bc441; 
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
}
}