html {  overflow-x:hidden;  overflow-y:scroll !important;  line-height:1.15;  -webkit-text-size-adjust:100%; }  body {  margin:0; }  hr {  box-sizing:content-box;  height:0;  overflow:visible; }  pre {  font-family:monospace, monospace;  font-size:1em; }  a {  background-color:transparent; }  abbr[title] {  border-bottom:none;  text-decoration:underline;  text-decoration:underline dotted; }  b, strong {  font-weight:bold; }  code, kbd, samp {  font-family:monospace, monospace;  font-size:1em; }  small {  font-size:80%; }  sub, sup {  font-size:75%;  line-height:0;  position:relative;  vertical-align:baseline; } sub {  bottom:-0.25em; } sup {  top:-0.5em; }  img {  border-style:none; }  button, input, optgroup, select, textarea {  font-family:inherit;  font-size:100%;  line-height:1.15;  margin:0; }  button, input {  overflow:visible; }  button, select {  text-transform:none; }  button, [type=button], [type=reset], [type=submit] {  -webkit-appearance:button; }  button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {  border-style:none;  padding:0; }  button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {  outline:1px dotted ButtonText; }  fieldset {  padding:0.35em 0.75em 0.625em; }  legend {  box-sizing:border-box;  color:inherit;  display:table;  max-width:100%;  padding:0;  white-space:normal; }  progress {  vertical-align:baseline; }  textarea {  overflow:auto; }  [type=checkbox], [type=radio] {  box-sizing:border-box;  padding:0; }  [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {  height:auto; }  [type=search] {  -webkit-appearance:textfield;  outline-offset:-2px; }  [type=search]::-webkit-search-decoration {  -webkit-appearance:none; }  ::-webkit-file-upload-button {  -webkit-appearance:button;  font:inherit; }  details {  display:block; }  summary {  display:list-item; }  template {  display:none; }  [hidden] {  display:none; }  body, button, input, select, optgroup, textarea {  color:#555555;  font-family:"Raleway", sans-serif;  font-size:16px;  line-height:1.875;  font-weight:400;  word-break:break-word;  box-sizing:border-box; } body.dark-scheme {  color:#a3a3a3; } h1, h2, h3, h4, h5, h6 {  font-family:"Titillium Web", sans-serif;  font-weight:400;  line-height:1.4;  margin:0 0 20px;  color:#1a1a1a; } .dark-scheme h1, .dark-scheme h2, .dark-scheme h3, .dark-scheme h4, .dark-scheme h5, .dark-scheme h6 {  color:#fff; } h1 {  font-size:48px; } h2 {  font-size:42px; } h3 {  font-size:36px; } h4 {  font-size:30px; } h5 {  font-size:24px; } h6 {  font-size:20px; } p {  margin:0 0 20px; } dfn, cite, em, i {  font-style:italic; } blockquote {  font-size:22px;  margin:40px 0 28px;  font-weight:400;  padding:50px 160px 0;  position:relative;  font-family:"Titillium Web", sans-serif;  color:#1a1a1a;  text-align:center; } blockquote cite {  font-family:"Josefin Sans", sans-serif;  text-transform:uppercase;  font-size:14px;  font-weight:600;  font-style:normal;  display:block;  color:#9f9e9e;  margin-top:10px; } blockquote:before {  position:absolute;  content:"";  top:0;  left:50%;  background:url(https://brianzarreda.it/wp-content/themes/theratio/images/quote.svg);  width:39px;  height:32px;  background-repeat:no-repeat;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%); } address {  margin:0 0 1.5em; } pre {  background:#eee;  font-family:"Courier 10 Pitch", Courier, monospace;  font-size:15px;  line-height:1.714;  margin-bottom:1.6em;  max-width:100%;  overflow:auto;  padding:1.6em; } code, kbd, tt, var {  font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;  font-size:15px; } abbr, acronym {  border-bottom:1px dotted #666;  cursor:help; } mark, ins {  background:#fff9c0;  text-decoration:none; } big {  font-size:125%; } .bg-alt {  background:#f7f7f7; } .bg-primary {  background:#9f9e9e; } .text-primary {  color:#9f9e9e; } .section-padd {  padding:110px 0; } .section-padd-bot {  padding-bottom:110px; } .section-padd-top {  padding-top:110px; } .section-padd-top70 {  padding-top:70px; } .lead {  font-size:18px; } .clear-both {  clear:both; } .unstyle {  list-style:none;  padding-left:0; } .font14 {  font-size:14px; } .text-light {  color:#fff; } .text-light * {  color:#fff; } .bolder {  font-weight:600; } .normal {  font-weight:400; } .lighter {  font-weight:300; } .f-left {  float:left; } .f-right {  float:right; } .dtable {  display:table; } .dcell {  display:table-cell;  vertical-align:middle; } .flex-middle {  display:flex;  align-items:center;  justify-content:center; } .overflow {  overflow:hidden; } .overlay {  position:absolute;  top:0;  left:0;  background:#fff;  opacity:0.8;  width:100%;  height:100%;  z-index:-1;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .layer-behind {  position:absolute;  top:20px;  left:20px;  width:100%;  height:100%;  z-index:-1;  background:#f4f4f4;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .gaps {  clear:both;  height:20px;  display:block; } .gaps.size-2x {  height:40px; } .number-stroke {  font-family:"Titillium Web", sans-serif;  font-weight:800;  line-height:1;  white-space:nowrap;  color:transparent !important;  -webkit-text-stroke-width:1px;  -webkit-text-stroke-color:#fff;  opacity:0.5;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .bg-stroke p {  color:transparent !important;  -webkit-text-stroke-width:1px;  -webkit-text-stroke-color:#fff;  opacity:0.2; } .title-link {  display:inline;  background-size:0 2px;  background-position:0 90%;  background-repeat:no-repeat;  background-image:linear-gradient(0deg, #7e7e7e, #f5f5f5); } .title-link:hover {  background-size:100% 2px; } .btn-details {  position:relative;  font-family:"Titillium Web", sans-serif;  font-size:13px;  font-weight:600;  color:#1a1a1a;  text-transform:uppercase;  z-index:0;  letter-spacing:0.5px; } .btn-details:before {  position:absolute;  content:"";  background:#dddddd;  bottom:-3px;  left:-7px;  width:20px;  height:12px;  z-index:-1;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .btn-details:hover {  color:#1a1a1a; } .btn-details:hover:before {  width:calc(100% + 14px);  transition:width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);  -webkit-transition:width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);  -moz-transition:width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);  -o-transition:width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);  -ms-transition:width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .img-lgpopup {  cursor:pointer; } .img-lgpopup i {  position:absolute;  top:50%;  left:50%;  width:60px;  height:60px;  line-height:60px;  text-align:center;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%);  background:#000;  color:#fff; } .img-lgpopup i:before {  font-size:22px; } .img-lgpopup i:hover {  -webkit-transform:translate(-50%, -50%) rotate(90deg);  -ms-transform:translate(-50%, -50%) rotate(90deg);  transform:translate(-50%, -50%) rotate(90deg); } .btn-play {  position:relative;  text-align:center;  width:60px;  height:60px;  display:block;  background:#fff;  color:#1a1a1a;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .btn-play i {  position:absolute;  top:50%;  left:50%;  z-index:1;  display:block;  cursor:pointer;  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%); } .btn-play i:before {  margin-left:2px; } .btn-play:before {  content:"";  position:absolute;  z-index:0;  left:50%;  top:50%;  transform:translateX(-50%) translateY(-50%);  display:block;  width:100%;  height:100%;  background:#fff;  border-radius:50%;  animation:pulse-border 1500ms ease-out infinite;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .btn-play:hover {  background:#1a1a1a;  color:#fff; } .btn-play:hover:before {  background:#1a1a1a; } .octf-swiper-button-next, .octf-swiper-button-prev {  position:absolute;  z-index:1;  width:60px;  height:60px;  color:#1a1a1a;  outline:none;  text-align:center;  line-height:60px;  font-weight:bold;  top:50%;  left:0;  background:#9f9e9e;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%); } .octf-swiper-button-next i:before, .octf-swiper-button-prev i:before {  font-size:16px; } .octf-swiper-button-next.swiper-button-disabled, .octf-swiper-button-prev.swiper-button-disabled {  cursor:not-allowed; } .octf-swiper-button-next:not(.swiper-button-disabled):hover, .octf-swiper-button-prev:not(.swiper-button-disabled):hover {  color:#9f9e9e;  background:#1a1a1a; } .octf-swiper-button-next {  left:auto;  right:0; } .octf-swiper-pagination {  text-align:center;  margin-top:60px;  margin-bottom:30px;  line-height:1; } .octf-swiper-pagination .swiper-pagination-bullet {  position:relative;  width:30px;  height:30px;  margin:0 !important;  opacity:1;  background:0;  border:1px solid;  border-color:transparent;  outline:none;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .octf-swiper-pagination .swiper-pagination-bullet:before {  position:absolute;  content:"";  top:50%;  left:50%;  width:4px;  height:4px;  background:#323232;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%);  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .octf-swiper-pagination .swiper-pagination-bullet-active {  border-color:#323232; } .arrow-bot {  padding-bottom:70px; } .arrow-bot .octf-swiper-button-next, .arrow-bot .octf-swiper-button-prev {  top:auto;  bottom:0;  background:0;  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0); } .arrow-bot .octf-swiper-button-next:hover, .arrow-bot .octf-swiper-button-prev:hover {  background:0; } .arrow-bot .octf-swiper-button-prev {  right:60px;  left:auto; } .swiper.swiper-container .swiper-wrapper {  overflow:visible; } .scroll-down {  position:relative;  color:#fff;  display:inline-block;  min-height:50px;  line-height:1; } .scroll-down:hover, .scroll-down:active, .scroll-down:focus {  color:#fff; } .scroll-down:after {  position:absolute;  content:"\f106";  font-family:"Flaticon";  font-size:14px;  bottom:0;  left:43%;  animation:MoveUpDown 1.5s linear infinite;  -webkit-transform:rotate(-90deg);  -ms-transform:rotate(-90deg);  transform:rotate(-90deg); } .slogan-vertical p {  position:relative;  display:block;  color:#1a1a1a;  font-family:"Titillium Web", sans-serif;  font-size:14.02px;  line-height:18.03px;  text-transform:uppercase;  letter-spacing:0.75px;  -webkit-transform:rotate(270deg);  -ms-transform:rotate(270deg);  transform:rotate(270deg); } .slogan-vertical p:after {  position:absolute;  content:"";  height:1px;  width:90px;  left:calc(100% + 12px);  top:50%;  background:#1a1a1a;  animation:MoveUpRight 1.5s linear infinite; } .slogan-vertical.light p {  color:#fff; } .slogan-vertical.light p:after {  background:#fff; } .header-vertical .container {  width:100%; } @media (min-width:768px) {  .header-vertical .container {   max-width:750px;  } } @media (min-width:992px) {  .header-vertical .container {   max-width:970px;  } } @media (min-width:1230px) {  .header-vertical .container {   max-width:1200px;  } } @keyframes pulse-border {  0% {   transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);   opacity:1;  }  100% {   transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);   opacity:0;  } } @keyframes MoveUpDown {  0%, 100% {   bottom:0;  }  50% {   bottom:10px;  } } @keyframes MoveUpRight {  0%, 100% {   left:calc(100% + 12px);  }  50% {   left:calc(100% + 25px);  } } .arrow-home-1.tparrows.tp-leftarrow:before, .arrow-home-2.tparrows.tp-leftarrow:before, .arrow-home-3_5.tparrows.tp-leftarrow:before {  content:"\f11d"; } .arrow-home-1.tparrows.tp-rightarrow:before, .arrow-home-2.tparrows.tp-rightarrow:before, .arrow-home-3_5.tparrows.tp-rightarrow:before {  content:"\f130"; } .dark-scheme {  background:#0a0a0a; } .dark-scheme .btn-details {  color:#fff; } .dark-scheme .btn-details:before {  background:#505050; } .dark-scheme blockquote {  color:#fff; } .dark-scheme blockquote:before {  background-image:url(https://brianzarreda.it/wp-content/themes/theratio/images/quote_dark.png); }  html {  box-sizing:border-box; } *, *:before, *:after {  box-sizing:inherit; } body {  background:#fff;  overflow:hidden; } hr {  background-color:#ccc;  border:0;  height:1px;  margin-bottom:1.5em; } ul, ol {  margin:0 0 20px;  padding-left:18px; } ul {  list-style:disc; } ol {  list-style:decimal; } li > ul, li > ol {  margin-bottom:0;  margin-left:1.5em; } dt {  font-weight:700; } dd {  margin:0 1.5em 1.5em; } .none-style {  list-style:none;  padding-left:0; } img {  height:auto;  max-width:100%; } figure {  margin:1em 0; } table {  margin:0 0 1.5em;  width:100%;  border-collapse:collapse;  border-spacing:0;  border-width:1px 0 0 1px; } caption, td, th {  padding:0;  font-weight:normal;  text-align:left; } table, th, td {  border:1px solid #eee; } th {  font-weight:700; } th, td {  padding:0.4375em; }  .octf-btn {  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  font-size:13px;  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0;  padding:18px 41px;  line-height:1.42857143;  display:inline-block;  margin-bottom:0;  text-decoration:none;  letter-spacing:0.5px;  text-transform:uppercase;  white-space:nowrap;  vertical-align:middle;  font-family:"Titillium Web", sans-serif;  font-weight:600;  text-align:center;  background:#1a1a1a;  cursor:pointer;  border:1px solid transparent;  color:#fff;  outline:none;  position:relative; } .octf-btn:not(.no-line):before, .octf-btn:not(.no-line):after {  content:"";  position:absolute;  background:#1a1a1a;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .octf-btn:before {  width:calc(100% + 2px);  height:1px;  bottom:-6px;  left:10px; } .octf-btn:after {  width:1px;  height:calc(100% + 2px);  top:10px;  right:-6px; } .octf-btn:hover, .octf-btn:active, .octf-btn:focus {  background:transparent;  color:#1a1a1a;  border-color:#1a1a1a; } .octf-btn:hover:before, .octf-btn:active:before, .octf-btn:focus:before {  width:0; } .octf-btn:hover:after, .octf-btn:active:after, .octf-btn:focus:after {  height:0; } .dark-scheme .octf-btn {  background:#fff;  color:#1a1a1a; } .dark-scheme .octf-btn:hover, .dark-scheme .octf-btn:active, .dark-scheme .octf-btn:focus {  background:#1a1a1a;  color:#fff; } .octf-btn.octf-btn-light {  background:#fff;  color:#1a1a1a; } .octf-btn.octf-btn-light:before, .octf-btn.octf-btn-light:after {  background:#fff; } .octf-btn.octf-btn-light:visited {  background:#fff;  color:#1a1a1a; } .octf-btn.octf-btn-light:hover, .octf-btn.octf-btn-light:focus {  color:#fff;  background:#1a1a1a;  border-color:#1a1a1a; } .octf-btn.octf-btn-dark {  color:#fff;  background:#1a1a1a; } .octf-btn.octf-btn-dark:before, .octf-btn.octf-btn-dark:after {  background:#1a1a1a; } .octf-btn.octf-btn-dark:visited {  color:#fff;  background:#1a1a1a; } .octf-btn.octf-btn-dark:hover, .octf-btn.octf-btn-dark:focus {  background:#fff;  color:#1a1a1a;  border-color:#fff; } @media (max-width:767px) {  .octf-btn {   padding:12px 20px;  } } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {  color:#555555;  border:none;  background:#fff;  border-bottom:1px solid rgba(0, 0, 0, 0.1);  padding:8px 10px;  box-sizing:border-box;  outline:none;  font-size:14px;  font-weight:500; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus {  color:#555555; } select {  border:none;  background:#fff;  outline:none;  border:1px solid rgba(0, 0, 0, 0.1); } textarea {  width:100%;  height:130px;  vertical-align:top; } ::-webkit-input-placeholder {  color:#555555; } ::-moz-placeholder {  color:#555555; } :-ms-input-placeholder {  color:#555555; } :-moz-placeholder {  color:#555555; }  .dark-scheme input[type=text], .dark-scheme input[type=email], .dark-scheme input[type=url], .dark-scheme input[type=password], .dark-scheme input[type=search], .dark-scheme input[type=number], .dark-scheme input[type=tel], .dark-scheme input[type=range], .dark-scheme input[type=date], .dark-scheme input[type=month], .dark-scheme input[type=week], .dark-scheme input[type=time], .dark-scheme input[type=datetime], .dark-scheme input[type=datetime-local], .dark-scheme input[type=color], .dark-scheme textarea {  color:#a3a3a3;  background:transparent;  border-bottom-color:#292929; } .dark-scheme input[type=text]:focus, .dark-scheme input[type=email]:focus, .dark-scheme input[type=url]:focus, .dark-scheme input[type=password]:focus, .dark-scheme input[type=search]:focus, .dark-scheme input[type=number]:focus, .dark-scheme input[type=tel]:focus, .dark-scheme input[type=range]:focus, .dark-scheme input[type=date]:focus, .dark-scheme input[type=month]:focus, .dark-scheme input[type=week]:focus, .dark-scheme input[type=time]:focus, .dark-scheme input[type=datetime]:focus, .dark-scheme input[type=datetime-local]:focus, .dark-scheme input[type=color]:focus, .dark-scheme textarea:focus {  color:#a3a3a3; } .dark-scheme ::-webkit-input-placeholder {  color:#a3a3a3; } .dark-scheme ::-moz-placeholder {  color:#a3a3a3; } .dark-scheme :-ms-input-placeholder {  color:#a3a3a3; } .dark-scheme :-moz-placeholder {  color:#a3a3a3; }  a {  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  color:#1a1a1a;  text-decoration:none; } a:hover, a:focus, a:active {  color:#9f9e9e;  text-decoration:none; } a:focus {  outline:0; } a:hover, a:active {  outline:0; }  #site-logo {  min-width:200px;  display:inline-flex;  vertical-align:middle;  align-items:center;  line-height:1; } #site-logo img {  height:90px; } #site-logo img.logo-static {  display:block; } #site-logo img.logo-scroll {  display:none; } .is-stuck #site-logo img.logo-static {  display:none; } .is-stuck #site-logo img.logo-scroll {  display:block; }  .main-navigation ul, .vertical-main-navigation ul {  list-style:none;  padding-left:0; } .site-header {  position:absolute;  width:100%;  z-index:999; } .site-header.header-static {  position:static; } .octf-main-header {  border-bottom:1px solid rgba(255, 255, 255, 0.2); } .octf-mainbar-container {  display:flex;  flex-flow:row wrap;  align-items:stretch; } .octf-mainbar {  display:flex;  flex-flow:column wrap;  flex:1 auto; } .octf-main-header .octf-mainbar-row {  display:flex;  flex-wrap:nowrap;  align-items:stretch;  flex:1 auto; } .octf-mainbar-row > [class^=octf-col] {  display:flex;  align-items:stretch;  position:static; } .octf-mainbar-row .octf-col {  flex-basis:0;  flex-grow:0.65;  max-width:100%;  width:100%;  min-height:1px;  padding-right:15px;  padding-left:15px; } .octf-mainbar-row > [class^=octf-col] {  flex-flow:row nowrap; } .octf-mainbar-row > [class^=octf-col].text-left {  justify-content:flex-start; } .octf-mainbar-row > [class^=octf-col].text-center {  justify-content:center; } .octf-mainbar-row > [class^=octf-col].text-right {  justify-content:flex-end; } .octf-main-header .octf-row > div:empty {  display:none; } .octf-row {  margin-right:-15px;  margin-left:-15px; } .octf-col:before {  display:inline-flex; } .octf-main-header .octf-row .octf-col-auto {  flex:0 0 auto;  width:auto;  max-width:none; } .octf-header-module {  display:inline-flex;  flex-direction:column;  align-items:center;  justify-content:center;  position:relative; }  .main-navigation {  position:relative;  display:inline-block;  vertical-align:middle;  height:100%;  width:auto; } .main-navigation > ul {  position:relative;  display:flex;  width:100%;  vertical-align:middle;  height:100%; } .main-navigation ul {  font-family:"Titillium Web", sans-serif;  font-weight:normal;  font-size:14px;  list-style:none;  margin:0px 0px;  padding:0px 0px; } .main-navigation > ul > li {  margin:0px 20px;  padding:0px 0px;  float:left;  position:relative;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  height:100%; } .main-navigation > ul > li:last-child {  margin-right:0; } .main-navigation > ul > li:first-child {  margin-left:0; } .main-navigation > ul > li > a:before {  position:absolute;  height:8px;  width:8px;  bottom:-14px;  left:50%;  opacity:0;  margin-left:-5px;  background:#fff;  content:"";  display:block;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  transform:rotate(45deg); } .main-navigation > ul > li:hover > a:before, .main-navigation > ul > li.current-menu-item > a:before, .main-navigation > ul > li.current-menu-ancestor > a:before, .main-navigation > ul > li > a.mPS2id-highlight:before {  bottom:-4px;  opacity:1; } .main-navigation ul ul {  float:none;  margin:0px 0px;  padding:0px 0px;  background-color:#2a2a2a; } .main-navigation ul > li > a {  position:relative;  display:flex;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  height:100%;  text-decoration:none;  text-align:center;  text-transform:uppercase;  outline:none;  color:#fff;  white-space:nowrap;  overflow:hidden;  -webkit-transition:all 0.2s ease-out 0s;  -moz-transition:all 0.2s ease-out 0s;  -o-transition:all 0.2s ease-out 0s;  transition:all 0.2s ease-out 0s; } .main-navigation ul > li.menu-item-has-children > a, .main-navigation ul > li.is-mega-menu > a {  padding-right:17px; } .main-navigation > ul > li.menu-item-has-children:last-child > a:after {  right:0px; } .main-navigation ul li li {  display:block;  position:relative;  padding:0px 34px; } .main-navigation ul li li a {  font-size:16px;  line-height:30px;  color:#b6b6b6;  text-align:left;  display:block;  padding:5px 0px 5px 0px;  position:relative;  text-decoration:none;  outline:none;  text-transform:none;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .main-navigation:not(.no-line) ul li li a:before {  position:absolute;  content:"";  top:50%;  left:0;  width:0px;  height:1px;  background:#fff;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  visibility:hidden;  opacity:0; } .main-navigation:not(.no-line) ul li li a:hover:before, .main-navigation:not(.no-line) ul ul li.current-menu-item > a:before, .main-navigation:not(.no-line) ul ul li.current-menu-ancestor > a:before {  left:0px;  visibility:visible;  opacity:1;  width:30px; } .main-navigation ul li li a:hover, .main-navigation ul ul li.current-menu-item > a, .main-navigation ul ul li.current-menu-ancestor > a {  padding-left:40px;  color:#fff; } .main-navigation.no-line ul li li a:hover, .main-navigation.no-line ul ul li.current-menu-item > a, .main-navigation.no-line ul ul li.current-menu-ancestor > a {  padding-left:0; } .main-navigation ul > li.menu-item-has-children > a:after, .main-navigation ul > li.is-mega-menu > a:after {  position:absolute;  right:1px;  top:50%;  margin-top:-4px;  font-family:"Flaticon";  content:"\f107";  font-size:8px;  line-height:1;  color:#c3c7c9;  font-weight:500; } .main-navigation ul > li.menu-item-has-children > a:hover:after {  color:#fff; } .main-navigation ul > li li.menu-item-has-children > a:after {  position:absolute;  content:"\f107";  font-family:"Flaticon";  top:50%;  right:0;  margin-top:-5px;  font-size:9px;  color:#b6b6b6;  transition:all 0.3s ease-in-out;  -webkit-transition:all 0.3s ease-in-out;  -moz-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out;  -ms-transition:all 0.3s ease-in-out;  transform:rotate(-90deg); } .main-navigation ul li ul.sub-menu {  min-width:290px;  white-space:nowrap;  padding:20px 0px;  position:absolute;  top:100%;  left:-34px;  z-index:10;  visibility:hidden;  opacity:0;  -webkit-transform:translateY(30px);  -ms-transform:translateY(30px);  transform:translateY(30px);  transition:all 0.3s ease-in-out;  -webkit-transition:all 0.3s ease-in-out;  -moz-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out;  -ms-transition:all 0.3s ease-in-out;  box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -webkit-box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  box-sizing:border-box; } .main-navigation ul li ul.sub-menu:before {  content:"";  position:absolute;  height:10px;  width:100%;  top:-10px;  left:0; } .main-navigation ul li ul ul.sub-menu {  left:calc(100% + 2px);  top:-30px;  transition:all 0.35s ease-in-out;  -webkit-transition:all 0.35s ease-in-out;  -moz-transition:all 0.35s ease-in-out;  -o-transition:all 0.35s ease-in-out;  -ms-transition:all 0.35s ease-in-out; } .main-navigation ul li:hover > ul {  visibility:visible;  opacity:1; } .main-navigation ul > li:hover > ul {  -webkit-transform:translateY(10px);  -ms-transform:translateY(10px);  transform:translateY(10px); }  .mega-menu-content .ot-flex-column-horizontal .elementor-widget-wrap {  flex-wrap:wrap; } .mega-menu-content .ot-flex-column-horizontal .elementor-widget-wrap > .elementor-widget {  display:block;  width:100%; } .ot-flex-column-horizontal .mega-menu-content .elementor-widget-wrap {  flex-wrap:wrap; } .ot-flex-column-horizontal .mega-menu-content .elementor-widget-wrap > .elementor-widget {  display:block;  width:100%; } .main-navigation > ul > li.is-mega-menu ul {  background:none;  padding:0; } .main-navigation > ul > li.is-mega-menu ul li {  padding:0; } .main-navigation > ul > li.is-mega-menu ul.sub-menu.mmenu-boxed {  min-width:600px; } .main-navigation > ul > li.is-mega-menu ul.sub-menu.mmenu-full-width {  width:100vw; } @-webkit-keyframes stickySlideUp {  from {   -webkit-transform:translateY(100%);   transform:translateY(100%);  }  to {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes stickySlideUp {  from {   -webkit-transform:translateY(100%);   transform:translateY(100%);  }  to {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @-webkit-keyframes stickySlideDown {  from {   -webkit-transform:translateY(-100%);   transform:translateY(-100%);  }  to {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes stickySlideDown {  from {   -webkit-transform:translateY(-100%);   transform:translateY(-100%);  }  to {   -webkit-transform:translateY(0);   transform:translateY(0);  } } section.is-stuck {  position:fixed;  left:0;  right:0;  top:0;  z-index:99;  border:none !important;  -webkit-animation:stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;  -moz-animation:stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;  animation:stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .admin-bar .is-stuck, .admin-bar .site-header-vertical {  top:32px; } @media screen and (min-width:1024px) {  section.is-stuck {   background-color:#1a1a1a;   -webkit-box-shadow:4px 4px 30px 0px rgba(42, 67, 113, 0.15);   -moz-box-shadow:4px 4px 30px 0px rgba(42, 67, 113, 0.15);   box-shadow:4px 4px 30px 0px rgba(42, 67, 113, 0.15);   -webkit-backdrop-filter:blur(20px) saturate(180%);   backdrop-filter:blur(20px) saturate(180%);  }  section.is-stuck .main-navigation ul.menu > li:hover > ul {   transform:translateY(0);  }  section.is-stuck .main-navigation ul.menu > li > a {   color:#fff;  }  section.is-stuck .main-navigation ul.menu > li > a:after {   color:#fff;  }  section.is-stuck .main-navigation ul.menu > li > a:before {   background:#fff;  }  section.is-stuck .cart-contents .count {   background:#fff;   color:#1a1a1a;  } } @media (max-width:1199px) {  .main-navigation > ul > li {   margin:0 14px;  } } @media (max-width:1440px) {  .octf-btn-cta .btn-cta-header {   display:none;  } } @media (max-width:1265px) {  .octf-btn-cta .contact-header {   display:none;  } } @media (max-width:782px) {  .admin-bar .site-header,  .admin-bar .site-header-vertical,  .admin-bar .is-stuck {   top:46px;  } } @media (max-width:600px) {  .admin-bar .is-stuck,  .admin-bar .site-header-vertical {   top:0;  } } @media only screen and (min-width:1025px) {  .header-vertical .site-content {   margin-left:340px;   -webkit-box-sizing:border-box;   box-sizing:border-box;  }  .header-vertical .site-footer {   margin-left:340px;  }  .site-header-vertical {   position:fixed;   top:0;   left:0;   width:340px;   height:100%;   outline:0;   z-index:101;   -webkit-backface-visibility:hidden;   -webkit-box-sizing:border-box;   box-sizing:border-box;  }  .site-header-vertical .header-desktop {   position:relative;   display:inline-block;   width:100%;   vertical-align:middle;   height:100%;  }  .vertical-main-navigation {   position:relative;   display:table;   width:100%;   height:100%;   min-height:0;   vertical-align:middle;   padding:0;   z-index:100;  }  .vertical-main-navigation > ul {   display:table-cell;   width:100%;   height:100%;   vertical-align:middle;  }  .vertical-main-navigation > ul > li {   padding:0 20px;  }  .vertical-main-navigation > ul > li > a {   background-size:0 2px;   background-position:0 70%;   background-repeat:no-repeat;   background-image:linear-gradient(0deg, #7e7e7e, #f5f5f5);  }  .vertical-main-navigation ul {   font-family:"Titillium Web", sans-serif;   font-weight:normal;   font-size:14px;   margin:0px 0px;   padding:0px 0px;  }  .vertical-main-navigation ul ul {   margin:0;   padding:0;   background-color:#2a2a2a;  }  .vertical-main-navigation ul > li > a {   text-decoration:none;   text-align:center;   text-transform:uppercase;   display:inline-block;   outline:none;   color:#fff;   line-height:48px;   white-space:nowrap;   overflow:hidden;   -webkit-transition:all 0.2s ease-out 0s;   -moz-transition:all 0.2s ease-out 0s;   -o-transition:all 0.2s ease-out 0s;   transition:all 0.2s ease-out 0s;  }  .vertical-main-navigation ul > li.menu-item-has-children > a:after {   position:absolute;   right:10px;   top:50%;   margin-top:-4px;   font-family:"Flaticon";   content:"\f104";   font-size:8px;   line-height:1;   color:#fff;   font-weight:500;  }  .vertical-main-navigation ul li {   display:block;   position:relative;   text-align:center;   line-height:1;  }  .vertical-main-navigation ul li li {   padding:0px 15px 0 34px;  }  .vertical-main-navigation ul li li a {   font-size:16px;   line-height:30px;   color:#b6b6b6;   text-align:left;   display:block;   padding:5px 0px 5px 0px;   position:relative;   text-transform:none;   transition:all 0.3s linear;   -webkit-transition:all 0.3s linear;   -moz-transition:all 0.3s linear;   -o-transition:all 0.3s linear;   -ms-transition:all 0.3s linear;  }  .vertical-main-navigation ul li li a:hover, .vertical-main-navigation ul li li.current-menu-item > a, .vertical-main-navigation ul li li.current-menu-ancestor > a {   padding-left:40px;   color:#fff;  }  .vertical-main-navigation ul li ul {   min-width:250px;   white-space:nowrap;   padding:20px 0px;   position:absolute;   top:10px;   left:calc(100% + 15px);   z-index:10;   visibility:hidden;   opacity:0;   -webkit-box-sizing:border-box;   box-sizing:border-box;   transition:all 0.3s ease-in-out;   -webkit-transition:all 0.3s ease-in-out;   -moz-transition:all 0.3s ease-in-out;   -o-transition:all 0.3s ease-in-out;   -ms-transition:all 0.3s ease-in-out;  }  .vertical-main-navigation ul li ul ul {   left:100%;   top:10px;   transition:all 0.35s ease-in-out;   -webkit-transition:all 0.35s ease-in-out;   -moz-transition:all 0.35s ease-in-out;   -o-transition:all 0.35s ease-in-out;   -ms-transition:all 0.35s ease-in-out;  }  .vertical-main-navigation ul > li:hover > ul {   visibility:visible;   opacity:1;   -webkit-transform:translateY(-10px);   -ms-transform:translateY(-10px);   transform:translateY(-10px);  }  .vertical-main-navigation > ul > li > a:hover,  .vertical-main-navigation > ul > li.current-menu-item > a,  .vertical-main-navigation > ul > li.current-menu-ancestor > a {   background-size:100% 2px;  }  .vertical-main-navigation.no-line ul li li a:hover,  .vertical-main-navigation.no-line ul ul li.current-menu-item > a,  .vertical-main-navigation.no-line ul ul li.current-menu-ancestor > a {   padding-left:0;  }  .vertical-main-navigation:not(.no-line) ul li li a:before {   position:absolute;   content:"";   top:50%;   left:0;   width:0px;   height:1px;   background:#fff;   transition:all 0.3s linear;   -webkit-transition:all 0.3s linear;   -moz-transition:all 0.3s linear;   -o-transition:all 0.3s linear;   -ms-transition:all 0.3s linear;   visibility:hidden;   opacity:0;  }  .vertical-main-navigation:not(.no-line) ul li li a:hover:before, .vertical-main-navigation:not(.no-line) ul ul li.current-menu-item > a:before, .vertical-main-navigation:not(.no-line) ul ul li.current-menu-ancestor > a:before {   left:0px;   visibility:visible;   opacity:1;   width:30px;  } } @media (min-width:768px) {  .row-height-full.elementor-section.elementor-section-height-full > .elementor-container .elementor-row {   height:100%;  } } .header_mobile {  display:none; } @media only screen and (max-width:1024px) {  .octf-main-header,  .header-desktop {   display:none;  }  .header_mobile {   display:block;   width:100%;   transition:all 0.3s ease;   -webkit-transition:all 0.3s ease;   -moz-transition:all 0.3s ease;   -o-transition:all 0.3s ease;   -ms-transition:all 0.3s ease;   border-bottom:1px solid rgba(255, 255, 255, 0.2);  }  .header_mobile.open, .header_mobile.is-stuck {   background:#1a1a1a;   -webkit-box-shadow:4px 4px 30px 0px rgba(0, 0, 0, 0.3);   -moz-box-shadow:4px 4px 30px 0px rgba(0, 0, 0, 0.3);   box-shadow:4px 4px 30px 0px rgba(0, 0, 0, 0.3);  }  .header_mobile .mobile_nav .mobile_mainmenu li a {   color:#fff;   border-bottom:1px solid rgba(255, 255, 255, 0.15);  }  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {   color:rgba(255, 255, 255, 0.7);  }  .header_mobile .mlogo_wrapper {   position:relative;  }  .header_mobile .mlogo_wrapper img {   height:90px;  }  .header_mobile .mlogo_wrapper .mobile_logo {   float:left;  }  #mmenu_toggle {   position:absolute;   cursor:pointer;   width:26px;   height:20px;   right:34px;   margin-top:-10px;   top:50%;  }  #mmenu_toggle button {   position:absolute;   left:0;   top:50%;   margin:-2px 0 0;   background:#fff;   height:3px;   padding:0;   border:none;   width:100%;   transition:all 0.3s ease;   -webkit-transition:all 0.3s ease;   -moz-transition:all 0.3s ease;   -o-transition:all 0.3s ease;   -ms-transition:all 0.3s ease;   outline:none;   border-radius:2px;  }  #mmenu_toggle button:before {   content:"";   position:absolute;   left:0;   top:-8px;   width:26px;   height:3px;   background:#fff;   -webkit-transform-origin:1.5px center;   transform-origin:1.5px center;   transition:all 0.3s ease;   -webkit-transition:all 0.3s ease;   -moz-transition:all 0.3s ease;   -o-transition:all 0.3s ease;   -ms-transition:all 0.3s ease;   border-radius:2px;  }  #mmenu_toggle button:after {   content:"";   position:absolute;   left:0;   bottom:-8px;   width:26px;   height:3px;   background:#fff;   -webkit-transform-origin:1.5px center;   transform-origin:1.5px center;   transition:all 0.3s ease;   -webkit-transition:all 0.3s ease;   -moz-transition:all 0.3s ease;   -o-transition:all 0.3s ease;   -ms-transition:all 0.3s ease;   border-radius:2px;  }  #mmenu_toggle.active button {   background:none;  }  #mmenu_toggle.active button:before {   top:0;   -webkit-transform:rotate3d(0, 0, 1, -45deg);   transform:rotate3d(0, 0, 1, -45deg);   -webkit-transform-origin:50% 50%;   transform-origin:50% 50%;  }  #mmenu_toggle.active button:after {   bottom:0;   -webkit-transform:rotate3d(0, 0, 1, 45deg);   transform:rotate3d(0, 0, 1, 45deg);   -webkit-transform-origin:50% 50%;   transform-origin:50% 50%;  }  .mobile_nav {   display:none;   margin-top:20px;  }  .mobile_nav .mobile_mainmenu {   font-family:"Titillium Web", sans-serif;   margin:0;   padding:0;  }  .mobile_nav .mobile_mainmenu ul {   position:relative;   margin:0;   padding:0;   margin-left:15px;  }  .mobile_nav .mobile_mainmenu ul {   display:none;  }  .mobile_nav .mobile_mainmenu li {   position:relative;   list-style:none;  }  .mobile_nav .mobile_mainmenu li a {   padding:9px 0;   display:block;   font-size:16px;  }  .mobile_nav .mobile_mainmenu > li > a {   text-transform:uppercase;   font-size:14px;  }  .mobile_nav .mobile_mainmenu > li:last-child > a {   border:none;  }  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {   color:#fff;   position:absolute;   display:block;   right:0;   top:0;   cursor:pointer;   width:40px;   height:auto;   padding:9px 12px 9px 0;   line-height:inherit;   text-align:right;   box-sizing:border-box;  }  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {   color:#9397a7;   display:inline-block;   line-height:1;   -webkit-transition:transform 0.3s ease-in-out;   -moz-transition:transform 0.3s ease-in-out;   transition:transform 0.3s ease-in-out;  }  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:before {   font-size:10px;   font-weight:600;  }  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow.active i {   -webkit-transform:rotate(90deg);   -moz-transform:rotate(90deg);   transform:rotate(90deg);  }  .mobile_nav ul li a:before {   position:absolute;   content:"";   top:50%;   left:0;   width:30px;   height:1px;   background:#fff;   transition:all 0.3s linear;   -webkit-transition:all 0.3s linear;   -moz-transition:all 0.3s linear;   -o-transition:all 0.3s linear;   -ms-transition:all 0.3s linear;   visibility:hidden;   opacity:0;  }  .mobile_nav ul li > a:hover:before {   visibility:visible;   opacity:1;  }  .mobile_nav ul li a:hover {   padding-left:40px;  } } @media only screen and (max-width:767px) {  .mlogo_wrapper {   width:100%;  } } @media only screen and (max-width:320px) {  .mobile_logo img {   max-width:230px;   max-height:47px;  } } .page-header {  width:100%;  height:500px;  color:#fff;  font-family:"Titillium Web", sans-serif;  font-weight:500;  font-size:14px;  text-align:center;  background:center center no-repeat;  background-size:cover; } .page-header .breadcrumbs {  margin-bottom:0;  padding-left:0; } .page-header .breadcrumbs li {  display:inline-block;  text-transform:uppercase;  position:relative;  padding-left:24px;  margin-left:10px; } .page-header .breadcrumbs li:before {  content:"••";  position:absolute;  color:#fff;  font-family:"Josefin Sans", sans-serif;  font-size:14px;  line-height:1;  letter-spacing:4px;  left:-2px;  top:8px; } .page-header .breadcrumbs li:first-child {  padding-left:0;  margin-left:0; } .page-header .breadcrumbs li:first-child:before {  display:none; } .page-header .breadcrumbs li a {  color:#fff;  background-size:0 2px;  background-position:0 88%;  background-repeat:no-repeat;  background-image:linear-gradient(0deg, #7e7e7e, #f5f5f5); } .page-header .breadcrumbs li a:hover {  background-size:100% 2px; } .page-header.header-static .page-title {  margin-top:-15px; } .page-title {  color:#fff;  font-size:60px;  font-weight:300;  margin-top:75px;  margin-bottom:10px; }  .header-vertical .page-header {  height:400px; }  .dark-scheme .page-title {  margin-top:0; } @media (max-width:1024px) {  .page-header {   height:400px;  }  .page-title {   font-size:42px;  } } @media (max-width:600px) {  .page-header .page-title {   font-size:32px;  } }  .screen-reader-text {  border:0;  clip:rect(1px, 1px, 1px, 1px);  clip-path:inset(50%);  height:1px;  margin:-1px;  overflow:hidden;  padding:0;  position:absolute !important;  width:1px;  word-wrap:normal !important; } .screen-reader-text:focus {  background-color:#f1f1f1;  border-radius:3px;  box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);  clip:auto !important;  clip-path:none;  color:#21759b;  display:block;  font-size:14px;  font-weight:bold;  height:auto;  left:5px;  line-height:normal;  padding:15px 23px 14px;  text-decoration:none;  top:5px;  width:auto;  z-index:100000; }  #content[tabindex="-1"]:focus {  outline:0; }  .alignleft {  float:left;  margin-right:1.5em; } .alignright {  float:right;  margin-left:1.5em; } .aligncenter {  clear:both;  display:block;  margin-left:auto;  margin-right:auto; } .text-center {  text-align:center; } .text-left {  text-align:left; } .text-right {  text-align:right; }  .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {  content:"";  display:table;  table-layout:fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {  clear:both; }  .entry-content {  padding:90px 0 100px; } .post-box .post-inner {  padding:40px 40px 38px;  border:1px solid #e0e0e0;  background:#fff;  margin-bottom:60px;  overflow:hidden;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .post-box .entry-title {  margin-bottom:12px; } .post-box .entry-title a {  color:#1a1a1a;  background-image:linear-gradient(0deg, #4b4b4b, #f5f5f5); } .post-box p {  line-height:30px;  margin-bottom:16px; } .post-box .entry-footer {  line-height:1; } .post-box .entry-media {  position:relative;  margin-bottom:34px;  overflow:hidden; } .post-box .entry-media.post-cat-abs .post-cat {  position:absolute;  z-index:1;  bottom:0;  left:0; } .post-box .entry-media .video-popup {  position:absolute;  top:50%;  left:50%;  -webkit-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%);  transform:translate(-50%, -50%); } .post-box .post-cat {  margin-bottom:-10px; } .post-box .post-cat a {  font-family:"Titillium Web", sans-serif;  text-transform:uppercase;  font-size:13px;  font-weight:600;  letter-spacing:0.6px;  line-height:1.1;  display:inline-block;  color:#fff;  background:#1a1a1a;  padding:8px 10px;  margin-right:7px;  margin-bottom:10px; } .post-box .post-cat a:hover {  background:#f5f5f5;  color:#1a1a1a; } .post-box .entry-meta {  font-family:"Josefin Sans", sans-serif;  text-transform:uppercase;  font-size:14px;  margin-bottom:8px;  color:#1a1a1a; } .post-box .entry-meta > span {  position:relative;  display:inline-block;  margin-right:10px;  padding-left:25px; } .post-box .entry-meta > span:before {  position:absolute;  content:"••";  font-size:18px;  line-height:1;  left:-2px;  top:4px; } .post-box .entry-meta > span:first-child {  padding-left:0; } .post-box .entry-meta > span:first-child:before {  display:none; } .post-box .entry-meta > span a {  color:#9f9e9e; } .post-box .entry-meta > span a:hover {  color:#1a1a1a; } .post-box .img-slider {  position:relative; } .post-box .img-slider .octf-swiper-button-next, .post-box .img-slider .octf-swiper-button-prev {  background:#fff; } .post-box .audio-box iframe {  width:100%;  margin-bottom:30px; } .post-box .link-box {  margin-bottom:22px;  position:relative;  padding-left:52px; } .post-box .link-box a {  font-size:22px;  font-weight:400;  font-family:"Titillium Web", sans-serif;  color:#1a1a1a; } .post-box .link-box i {  color:#1a1a1a;  position:absolute;  left:0;  top:-1px; } .post-box .link-box i:before {  font-size:40px;  line-height:1; } .post-box .quote-box {  overflow:hidden;  margin-bottom:20px; } .post-box .quote-box img {  float:left;  width:28px;  height:22px;  margin-top:4px; } .post-box .quote-box img:before {  font-size:100px;  line-height:1; } .post-box .quote-box .quote-text {  position:relative;  padding-left:42px;  font-size:22px;  font-weight:400;  line-height:36px;  font-family:"Titillium Web", sans-serif;  color:#1a1a1a; } .post-box .quote-box .quote-text span {  display:block;  font-family:"Josefin Sans", sans-serif;  margin-top:6px;  text-transform:uppercase;  font-size:14px;  font-weight:600;  letter-spacing:0.5px;  color:#9f9e9e; } .post-box .quote-box .quote-text:before {  position:absolute;  content:"";  top:5px;  left:0;  background-image:url(https://brianzarreda.it/wp-content/themes/theratio/images/quote_blog_list.svg);  width:28px;  height:22px;  background-repeat:no-repeat; } .post-box:not(.blog-post):hover .post-inner {  border-color:#1a1a1a; } .page-pagination {  margin-top:50px;  margin-bottom:0; } .page-pagination li {  display:inline-block; } .page-pagination li a, .page-pagination li span {  font-family:"Titillium Web", sans-serif;  font-size:16px;  color:#bfbfbf;  font-weight:600;  display:block;  text-align:center;  line-height:18px;  margin-right:5px;  border-bottom:2px solid #d8d8d8;  padding:7px;  background:transparent; } .page-pagination li a i:before, .page-pagination li span i:before {  font-size:12px; } .page-pagination li a.next, .page-pagination li a.prev {  line-height:15px; } .page-pagination li span, .page-pagination li a:hover {  color:#1a1a1a;  border-bottom-color:#000000; }  .blog-post {  box-shadow:none;  overflow:inherit;  margin-bottom:0; } .blog-post > .inner-post p:not(:last-child) {  margin-bottom:20px; } .blog-post > .inner-post p:last-child {  margin-bottom:0; } .blog-post > .inner-post .entry-summary {  padding-bottom:50px;  overflow:hidden; } .blog-post .entry-footer {  margin-bottom:30px;  padding-bottom:40px;  border-bottom:1px solid rgba(0, 0, 0, 0.1); } .blog-post .tagcloud {  margin:2px -3px 0;  float:left; } .blog-post .tagcloud a {  color:#1a1a1a;  background:#fff;  font-size:14px !important;  font-family:"Titillium Web", sans-serif;  text-transform:lowercase;  font-weight:400;  padding:8px 12px;  margin:0 3px;  margin-bottom:10px;  line-height:1;  display:inline-block;  border:1px solid #e0e0e0;  margin-bottom:0; } .blog-post .tagcloud a:hover {  background:#1a1a1a;  color:#fff; } .blog-post .share-post {  float:right;  margin:0 -5px; } .blog-post .share-post a {  float:left;  height:30px;  width:30px;  text-align:center;  line-height:30px;  font-weight:500;  font-size:14px;  font-family:"Titillium Web", sans-serif;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  background:transparent;  color:#1a1a1a;  margin:0 5px;  border:1px solid #e0e0e0;  transition:all 0.4s ease-in-out;  -webkit-transition:all 0.4s ease-in-out;  -moz-transition:all 0.4s ease-in-out;  -o-transition:all 0.4s ease-in-out;  -ms-transition:all 0.4s ease-in-out; } .blog-post .share-post a:hover {  color:#fff; } .blog-post .share-post a:hover.face {  background:#4661c5;  border-color:#4661c5; } .blog-post .share-post a:hover.twit {  background:#44b1e4;  border-color:#44b1e4; } .blog-post .share-post a:hover.pint {  background:#ff2e2e;  border-color:#ff2e2e; } .blog-post .share-post a:hover.linked {  background:#0073B0;  border-color:#0073B0; } .blog-post .share-post a:hover.google {  background:#DC4A38;  border-color:#DC4A38; } .blog-post .share-post a:hover.tumblr {  background:#3C586D;  border-color:#3C586D; } .blog-post .share-post a:hover.reddit {  background:#FD4507;  border-color:#FD4507; } .blog-post .share-post a:hover.vk {  background:#5082B9;  border-color:#5082B9; } .blog-post .author-bio {  position:relative;  text-align:center;  overflow:hidden;  margin-bottom:50px;  padding-top:76px;  background-size:cover;  background-repeat:no-repeat;  background-position:center; } .blog-post .author-bio .author-image {  margin-bottom:20px;  position:absolute;  top:0;  left:50%;  border:10px solid #fff;  overflow:hidden;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%); } .blog-post .author-bio .author-info {  padding:96px 170px 46px;  background-position:center;  background-repeat:no-repeat; } .blog-post .author-bio .author-info h5 {  margin-bottom:15px; } .blog-post .author-bio .author-info .des {  margin-bottom:15px; } .blog-post .author-bio .author-info .author-socials a {  font-size:14px;  margin-right:22px;  color:#b6b6b6; } .blog-post .author-bio .author-info .author-socials a:hover {  color:#1a1a1a; } .blog-post .author-bio .author-info .author-socials a:last-child {  margin-right:0; } .drop-cap, .elementor-drop-cap {  font-family:"Titillium Web", sans-serif;  float:left;  text-align:center;  background:#fff;  width:42px;  height:42px;  line-height:1;  margin:8px 18px 0 0 !important; } .drop-cap span, .elementor-drop-cap span {  font-size:24px;  line-height:40px;  border:1px solid #1a1a1a;  display:block !important;  font-weight:bold;  color:#1a1a1a; } .post-nav {  margin-bottom:50px;  overflow:hidden; } .post-nav a {  position:relative;  display:block;  line-height:1;  min-height:75px; } .post-nav a:before {  position:absolute;  font-family:"Flaticon";  font-size:20px;  top:50%;  color:#1a1a1a;  background:transparent;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%); } .post-nav h6 {  font-size:18px;  line-height:24px;  margin-bottom:11px; } .post-nav h6 > span {  background-image:linear-gradient(0deg, #4b4b4b, #f5f5f5);  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .post-nav span:not(.title-link) {  font-family:"Josefin Sans", sans-serif;  text-transform:uppercase;  display:inline-block;  font-size:12px;  line-height:1;  color:#9f9e9e; } .post-nav .post-prev {  float:left;  margin-left:-40px;  width:380px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .post-nav .post-prev a {  padding-left:40px; } .post-nav .post-prev a:before {  content:"\f106";  left:0; } .post-nav .post-prev .thumb-post-prev {  float:left;  margin-right:20px;  width:75px; } .post-nav .post-prev .info-post-prev {  text-align:left; } .post-nav .post-prev:hover {  margin-left:0; } .post-nav .post-next {  float:right;  margin-right:-40px;  width:380px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .post-nav .post-next a {  padding-right:40px; } .post-nav .post-next a:before {  content:"\f134";  right:0; } .post-nav .post-next .thumb-post-next {  float:right;  margin-left:20px;  width:75px; } .post-nav .post-next .info-post-next {  text-align:right; } .post-nav .post-next:hover {  margin-right:0; } .related-posts h3, .blog-grid h3, .blog-slider h3 {  margin-bottom:30px; } .related-posts .post-box .post-inner, .blog-grid .post-box .post-inner, .blog-slider .post-box .post-inner {  padding:19px;  margin-bottom:1px; } .related-posts .post-box .post-inner .entry-media, .blog-grid .post-box .post-inner .entry-media, .blog-slider .post-box .post-inner .entry-media {  margin-bottom:24px; } .related-posts .post-box .post-inner .the-excerpt, .blog-grid .post-box .post-inner .the-excerpt, .blog-slider .post-box .post-inner .the-excerpt {  margin-bottom:5px; } .related-posts .post-box .post-inner .entry-title, .blog-grid .post-box .post-inner .entry-title, .blog-slider .post-box .post-inner .entry-title {  margin-bottom:15px;  line-height:36px; } .related-posts {  margin-bottom:78px; }  .dark-scheme .post-box .quote-box .quote-text:before {  background-image:url(https://brianzarreda.it/wp-content/themes/theratio/images/quote_blog_list_dark.png); } .dark-scheme .page-pagination li span, .dark-scheme .page-pagination li a:hover {  color:#a3a3a3;  border-color:#505050; } .dark-scheme .blog-post .tagcloud a {  color:#fff;  background:#1a1a1a;  border-color:#1a1a1a; } .dark-scheme .blog-post .tagcloud a:hover {  border-color:#fff;  background:#fff;  color:#1a1a1a; } .dark-scheme .blog-post .share-post a {  color:#fff; } .dark-scheme .blog-post .author-bio .author-image {  border-color:#0a0a0a; } .dark-scheme .post-nav a:before {  color:#fff; } .dark-scheme .drop-cap, .dark-scheme .elementor-drop-cap {  background:#0a0a0a; } .dark-scheme .drop-cap span, .dark-scheme .elementor-drop-cap span {  border-color:#fff;  color:#fff; }  .comments-area ol, .comments-area ul {  list-style:none;  padding-left:0; } .comments-area ol .comment-respond, .comments-area ul .comment-respond {  margin-top:-30px;  margin-bottom:40px; } .comments-area .comments-title {  margin-bottom:25px; } .comments-area .comment-item {  padding-bottom:12px;  margin-bottom:40px;  overflow:hidden;  border-bottom:1px solid rgba(0, 0, 0, 0.1); } .comments-area .comment-item .gravatar {  float:left; } .comments-area .comment-item .comment-content:not(.pingback) {  padding-left:110px; } .comments-area .comment-item .comment-meta {  position:relative; } .comments-area .comment-item .comment-meta .comment-author {  font-size:18px;  text-transform:capitalize;  margin-bottom:2px;  margin-top:-3px; } .comments-area .comment-item .comment-meta .comment-time {  font-family:"Josefin Sans", sans-serif;  display:block;  color:#9f9e9e;  font-size:14px;  font-weight:600;  text-transform:uppercase;  margin-bottom:4px; } .comments-area .comment-item .comment-meta .comment-reply {  display:block;  position:absolute;  top:0;  right:10px;  line-height:1; } .comments-area ul.children {  padding-left:110px; } .comment-respond {  padding-top:10px; } .comment-respond .comment-reply-title small {  font-size:16px;  font-weight:400;  text-transform:lowercase;  margin-left:5px; } .comment-respond .comment-reply-title small a {  color:#ad1010; } .comment-respond .comment-reply-title small a:hover {  color:#9f9e9e; } .comment-form p {  margin-bottom:20px;  line-height:1; } .comment-form p label {  margin-left:8px; } .comment-form p.form-submit {  margin-bottom:0; } .comment-form .comment-notes {  margin-bottom:10px; } .comment-form .logged-in-as {  font-size:14px;  margin-bottom:20px; } .comment-form .logged-in-as a {  color:#555555; } .comment-form input[type=text], .comment-form input[type=email] {  width:100%; } .comment-form .octf-btn {  margin-top:10px; } .comment-form .octf-btn:before, .comment-form .octf-btn:after {  display:none; } .comment-form .octf-btn:hover {  border:1px solid; }  .dark-scheme .comments-area .comment-item {  border-bottom-color:rgba(255, 255, 255, 0.1); } .dark-scheme .comment-form .logged-in-as a {  color:#a3a3a3; }  .widget ul {  list-style:none;  padding-left:0;  margin-bottom:0; } .widget ul li {  position:relative; } .widget ul li a {  display:inline;  background-size:0 2px;  background-position:0 88%;  background-repeat:no-repeat;  background-image:linear-gradient(0deg, #4b4b4b, #f5f5f5); } .widget ul li a:hover {  background-size:100% 2px; } .widget .tagcloud {  margin:0 -3px -10px; } .widget .tagcloud a {  color:#1a1a1a;  background:#fff;  font-size:14px !important;  font-family:"Titillium Web", sans-serif;  text-transform:lowercase;  font-weight:400;  padding:8px 12px;  margin:0 3px;  margin-bottom:10px;  line-height:1;  display:inline-block;  border:1px solid #e0e0e0; } .widget .tagcloud a:hover {  background:#1a1a1a;  color:#fff; } .widget-area {  font-family:"Titillium Web", sans-serif; } .widget-area .widget {  margin-bottom:43px; } .widget-area .widget:last-child {  margin-bottom:0; } .widget-area .widget .widget-title {  padding-bottom:12px;  margin-bottom:40px;  text-transform:uppercase;  font-weight:600;  text-align:left;  position:relative; } .widget-area .widget .widget-title:before {  content:"";  position:absolute;  left:0;  bottom:0;  width:66px;  height:2px;  border-bottom:2px dotted #1a1a1a; } .widget-area .widget ul:not(.recent-news) > li {  font-weight:600;  font-size:16px;  position:relative;  margin-bottom:10px; } .widget-area .widget ul:not(.recent-news) > li:last-child {  margin-bottom:0; } .widget-area .widget ul:not(.recent-news) > li a {  color:#1a1a1a;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .widget-area .widget ul:not(.recent-news) > li .count {  font-family:"Josefin Sans", sans-serif;  position:absolute;  right:20px;  top:50%;  line-height:1;  color:#9f9e9e;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .widget-area .widget select {  width:100%;  padding:8px;  outline:none; } .widget-area .widget table caption {  margin-bottom:10px; } .widget-area .widget table td, .widget-area .widget table th {  border-color:#aaa;  text-align:center; } .widget-area .widget_categories ul li a, .widget-area .widget_archive ul li a, .widget-area .widget_nav_menu ul li a, .widget-area .widget_product_categories ul li a {  display:block;  padding:10px 20px;  background:#f4f4f4;  text-transform:uppercase; } .widget-area .widget_categories ul li a:hover, .widget-area .widget_archive ul li a:hover, .widget-area .widget_nav_menu ul li a:hover, .widget-area .widget_product_categories ul li a:hover {  color:#fff;  background:#1a1a1a;  text-decoration:none; } .widget-area .widget_categories ul li a:hover + span.count, .widget-area .widget_archive ul li a:hover + span.count, .widget-area .widget_nav_menu ul li a:hover + span.count, .widget-area .widget_product_categories ul li a:hover + span.count {  color:#fff; } .widget-area .widget_nav_menu ul li a > span {  color:#a3a3a3; } .widget-area .widget_nav_menu ul li.current-menu-item a {  color:#fff;  background:#1a1a1a; } .widget .recent-news li:not(:last-child) {  margin-bottom:25px; } .widget .recent-news .thumb {  float:left;  margin-right:20px;  width:75px; } .widget .recent-news h6 {  margin-bottom:15px;  line-height:24px;  font-size:18px;  font-weight:400; } .widget .recent-news h6 a {  color:#1a1a1a; } .widget .recent-news .post-on {  font-family:"Josefin Sans", sans-serif;  font-size:12px;  display:block;  line-height:1;  text-transform:uppercase;  color:#9f9e9e; } .search-form {  position:relative; } .search-form .search-field {  width:100%;  padding:0 46px 0 10px;  height:46px;  line-height:1;  border:none;  border-bottom:1px solid #e6e6e6;  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0; } .search-form .search-submit {  border:none;  position:absolute;  top:0;  right:0;  height:100%;  width:46px;  outline:none;  text-align:center;  vertical-align:middle;  color:#1a1a1a;  background:transparent;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .search-form .search-submit i:before, .search-form .search-submit i:after {  font-size:17px;  font-weight:600; } .author-widget_wrapper {  padding:30px;  background-position:center;  background-size:cover;  background-repeat:no-repeat; } .author-widget_wrapper .author-widget_image-wrapper {  margin-bottom:22px; } .author-widget_wrapper .author-widget_title {  font-size:22px;  margin-bottom:5px;  color:#fff; } .author-widget_wrapper .author-widget_text {  font-family:"Raleway", sans-serif;  font-size:14px;  line-height:28px;  color:#a3a3a3;  margin-bottom:15px; } .author-widget_social a {  display:inline-block;  font-size:12px;  text-align:center;  height:28px;  width:28px;  line-height:28px;  cursor:pointer;  margin-right:7px;  background:transparent;  border:1px solid #e0e0e0;  color:#fff;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .author-widget_social a:last-child {  margin-right:0px; } .author-widget_social a:hover {  background:#444444;  border-color:#444444; }  .dark-scheme .widget-area .widget .widget-title:before {  border-color:#fff; } .dark-scheme .widget-area .widget ul:not(.recent-news) > li a {  color:#fff; } .dark-scheme .widget-area .widget_categories ul li a, .dark-scheme .widget-area .widget_archive ul li a, .dark-scheme .widget-area .widget_nav_menu ul li a, .dark-scheme .widget-area .widget_product_categories ul li a {  background:#1a1a1a; } .dark-scheme .widget-area .widget_categories ul li a:hover, .dark-scheme .widget-area .widget_archive ul li a:hover, .dark-scheme .widget-area .widget_nav_menu ul li a:hover, .dark-scheme .widget-area .widget_product_categories ul li a:hover {  color:#1a1a1a;  background:#fff; } .dark-scheme .widget-area .widget_categories ul li a:hover + span.count, .dark-scheme .widget-area .widget_archive ul li a:hover + span.count, .dark-scheme .widget-area .widget_nav_menu ul li a:hover + span.count, .dark-scheme .widget-area .widget_product_categories ul li a:hover + span.count {  color:#1a1a1a; } .dark-scheme .widget .recent-news h6 a {  color:#fff; } .dark-scheme .widget .tagcloud a {  color:#fff;  background:#1a1a1a;  border-color:#1a1a1a; } .dark-scheme .widget .tagcloud a:hover {  border-color:#fff;  background:#fff;  color:#1a1a1a; } .dark-scheme .search-form .search-submit {  color:#a3a3a3; }  @media only screen and (max-width:991px) {  .content-area {   margin-bottom:60px;  } } @media only screen and (max-width:767px) {  .blog-post .author-bio .author-info {   padding-right:30px;   padding-left:30px;   background-size:cover;  }  .post-nav .post-prev,  .post-nav .post-next {   width:50%;  }  .post-nav .thumb-post-next,  .post-nav .thumb-post-prev {   display:none;  }  .post-nav .post-next {   margin-right:0;  }  .post-nav .post-prev {   margin-left:0;  }  .related-posts .col-sm-6:first-child {   margin-bottom:30px;  }  .comment-respond .comment-reply-title {   font-size:32px;  }  .comments-area ul.children {   padding-left:50px;  }  .comment-form .octf-btn {   font-size:12px;   padding:15px 28px;  } } @media only screen and (max-width:600px) {  .single-post .entry-content {   padding:50px 0 70px;  }  .post-box .post-inner {   padding:20px 20px 18px;  } } @media only screen and (max-width:479px) {  .blog-post .tagcloud,  .blog-post .share-post {   float:none;  }  .blog-post .share-post {   margin-top:20px;  } }  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {  display:none; }  .infinity-end.neverending .site-footer {  display:block; }  .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {  border:none;  margin-bottom:0;  margin-top:0;  padding:0; }  embed, iframe, object {  max-width:100%; }  .custom-logo-link {  display:inline-block; }  .wp-caption {  margin-bottom:1.5em;  max-width:100%; } .wp-caption img[class*=wp-image-] {  display:block;  margin-left:auto;  margin-right:auto; } .wp-caption .wp-caption-text {  margin:0.8075em 0; } .wp-caption-text {  text-align:center; } .bypostauthor {  color:inherit; }  .gallery-caption {  display:block; } .gallery {  margin-bottom:1.5em;  margin-left:-7px;  margin-right:-7px; } .gallery-item {  display:inline-block;  text-align:center;  vertical-align:top;  width:100%;  margin:0;  padding:7px; } .gallery-columns-2 .gallery-item {  max-width:50%; } .gallery-columns-3 .gallery-item {  max-width:33.33%; } .gallery-columns-4 .gallery-item {  max-width:25%; } .gallery-columns-5 .gallery-item {  max-width:20%; } .gallery-columns-6 .gallery-item {  max-width:16.66%; } .gallery-columns-7 .gallery-item {  max-width:14.28%; } .gallery-columns-8 .gallery-item {  max-width:12.5%; } .gallery-columns-9 .gallery-item {  max-width:11.11%; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {  display:none; }  .ot-heading {  position:relative; } .ot-heading > span {  font-family:"Josefin Sans", sans-serif;  font-size:14px;  font-weight:600;  color:#9f9e9e;  display:inline-block;  margin-bottom:6px;  text-transform:uppercase;  letter-spacing:0.5px; } .ot-heading h2 {  margin-bottom:0;  line-height:48px; } .ot-heading.is-dots {  padding-bottom:30px; } .ot-heading.is-dots:before {  content:"";  position:absolute;  left:1px;  bottom:1px;  width:66px;  height:2px;  border-bottom:2px dotted #1a1a1a; } .dark-scheme .ot-heading.is-dots:before {  border-bottom-color:#fff; } .theratio-align-center .ot-heading.is-dots:before {  left:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%); } .theratio-align-right .ot-heading.is-dots:before {  left:auto;  right:2px; } .theratio-align-left .ot-heading.is-dots:before {  left:1px;  right:auto; } @media (max-width:1024px) {  .theratio-tablet-align-center .ot-heading.is-dots:before {   left:50%;   -webkit-transform:translateX(-50%);   -ms-transform:translateX(-50%);   transform:translateX(-50%);  }  .theratio-tablet-align-right .ot-heading.is-dots:before {   left:auto;   right:2px;  }  .theratio-tablet-align-left .ot-heading.is-dots:before {   left:1px;   right:auto;  } } @media (max-width:767px) {  .ot-heading > span {   font-size:12px;  }  .ot-heading h2 {   font-size:27px;   line-height:38px;  }  .ot-heading {   padding-bottom:20px;  }  .ot-heading:before {   width:40px;  }  .theratio-mobile-align-center .ot-heading.is-dots:before {   left:50%;   -webkit-transform:translateX(-50%);   -ms-transform:translateX(-50%);   transform:translateX(-50%);  }  .theratio-mobile-align-right .ot-heading.is-dots:before {   left:auto;   right:2px;  }  .theratio-mobile-align-left .ot-heading.is-dots:before {   left:1px;   right:auto;  } } @media (max-width:600px) {  .ot-heading h2 br {   display:none;  } } .video-popup span {  font-family:"Titillium Web", sans-serif;  font-size:13px;  text-transform:uppercase;  font-weight:600;  margin-left:20px; }  .icon-box {  padding:37px 60px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .icon-box .icon-main {  color:#1a1a1a; } .icon-box .icon-main i, .icon-box .icon-main span:before {  font-size:54px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .icon-box .icon-main i, .icon-box .icon-main img, .icon-box .icon-main svg {  margin-bottom:17px; } .icon-box .icon-main svg {  width:80px;  height:auto;  fill:#1a1a1a; } .icon-box .icon-main span {  display:block;  line-height:1;  margin-bottom:28px; } .icon-box h5 {  margin-bottom:15px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .icon-box h5 a {  color:#1a1a1a; } .icon-box p {  margin-bottom:13px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .icon-box--bg-img {  position:relative;  background-position:center;  background-repeat:no-repeat;  background-size:cover;  background-color:#f4f4f4; } .icon-box--bg-img.icon-box--is-line-hover:before, .icon-box--bg-img.icon-box--is-line-hover:after {  content:"";  position:absolute;  background:#1a1a1a;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .icon-box--bg-img.icon-box--is-line-hover:before {  width:0;  height:1px;  bottom:-10px;  left:10px; } .icon-box--bg-img.icon-box--is-line-hover:after {  width:1px;  height:0;  top:10px;  right:-11px; } .icon-box--bg-img.icon-box--is-line-hover:hover:before {  width:calc(100% + 5px); } .icon-box--bg-img.icon-box--is-line-hover:hover:after {  height:calc(100% + 5px); } .icon-box--bg-img:hover {  background-color:#1a1a1a; } .icon-box--bg-img:hover h5 {  color:#fff; } .icon-box--bg-img:hover h5 a {  color:#fff; } .icon-box--bg-img:hover p {  color:#a3a3a3; } .icon-box--bg-img:hover .btn-details {  opacity:0.9;  color:#fff; } .icon-box--bg-img:hover .btn-details:before {  background:#505050; } .icon-box--bg-img:hover svg {  fill:#fff; } .icon-box--classic {  padding:0; } .icon-box--classic p {  margin-bottom:0; } .icon-box--bg-color {  padding:30px;  padding-bottom:28px;  background-color:#1a1a1a;  border:1px solid #292929;  position:relative; } .icon-box--bg-color .link_overlay {  position:absolute;  width:100%;  height:100%;  top:0;  left:0;  z-index:-1; } .icon-box--bg-color h5 {  color:#fff;  margin-bottom:11px;  line-height:1.1; } .icon-box--bg-color p {  color:#a3a3a3;  margin-bottom:0; } .icon-box--bg-color .icon-main {  color:#fff;  text-align:center;  line-height:1;  margin-top:10px; } .icon-box--bg-color .icon-main i, .icon-box--bg-color .icon-main span:before {  font-size:45px; } .icon-box--bg-color .icon-main span {  margin-bottom:0; } .icon-box--bg-color .icon-main img {  max-width:60px; } .icon-box--bg-color.icon-box--icon-left .icon-main {  float:left; } .icon-box--bg-color.icon-box--icon-left .content-box {  padding-left:68px; } .icon-box--bg-color.icon-box--icon-right .icon-main {  float:right; } .icon-box--bg-color.icon-box--icon-right .content-box {  padding-right:68px;  text-align:right; } .icon-box--bg-color:hover {  background-color:#000; } .icon-box--bg-color:hover .link_overlay {  z-index:1; } @media (min-width:768px) and (max-width:991px) {  .icon-box--bg-img {   padding:25px 40px;  }  .icon-box--bg-color {   padding:20px;  } } .service-box .image-box {  position:relative;  overflow:hidden; } .service-box .image-box .overlay {  background:rgba(26, 26, 26, 0.3);  opacity:0;  z-index:1; } .service-box .image-box img {  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .service-box .info-box {  padding:25px 20px 0; } .service-box h4 {  margin-bottom:12px; } .service-box p {  margin-bottom:10px; } .service-box:hover .image-box .overlay {  opacity:1; } .service-box:hover .image-box img {  -webkit-transform:scale(1.02);  -ms-transform:scale(1.02);  transform:scale(1.02); }  .ot-counter {  font-family:"Titillium Web", sans-serif;  display:block;  text-align:center; } .ot-counter span {  font-family:"Josefin Sans", sans-serif;  font-weight:300;  color:#c2c2c2;  font-size:42px;  line-height:1; } .ot-counter h6 {  font-size:18px;  text-transform:uppercase;  color:#232323;  margin-top:8px;  font-weight:600;  margin-bottom:0;  letter-spacing:1px;  display:inline-block; }  .ot-countdown {  text-align:center;  display:flex;  margin-bottom:0;  color:#fff; } .ot-countdown li {  display:inline-block;  line-height:1;  flex-grow:1;  flex-basis:0;  font-weight:600;  color:#1a1a1a; } .ot-countdown li span {  font-size:120px;  font-family:"Titillium Web", sans-serif;  display:block;  margin-bottom:13px;  white-space:nowrap; } .ot-countdown li p {  margin-bottom:0;  font-size:18px;  text-transform:uppercase;  white-space:nowrap; } .ot-countdown li.seperator {  font-size:62px;  font-weight:bold;  color:#a7a7a7;  margin-top:27px; } .cs-form {  text-align:center;  margin:0 auto;  overflow:hidden;  max-width:475px;  justify-content:space-between; } .cs-form > p > span.wpcf7-form-control-wrap, .cs-form > span.wpcf7-form-control-wrap {  max-width:335px;  width:100%;  margin-top:7px;  display:inline-block;  margin-right:20px; } .cs-form > p > span.wpcf7-form-control-wrap .wpcf7-text, .cs-form > span.wpcf7-form-control-wrap .wpcf7-text {  background:transparent;  color:#555555;  width:100%;  padding:12px 10px; } .cs-form > p > span.wpcf7-form-control-wrap .wpcf7-text::placeholder, .cs-form > span.wpcf7-form-control-wrap .wpcf7-text::placeholder {  color:#555555; } .cs-form .octf-btn {  padding:15px 34px; } .cs-form .octf-btn:before, .cs-form .octf-btn:after {  display:none; } .cs-form + div {  max-width:475px;  margin-left:auto !important;  margin-right:auto !important; } @media (max-width:767px) {  .ot-countdown li p {   font-size:14px;  }  .ot-countdown li span,  .ot-countdown li.seperator {   font-size:42px;  }  .ot-countdown li span {   margin-bottom:10px;  }  .ot-countdown li.seperator {   line-height:55px;   margin-top:-6px;  } } @media (max-width:600px) {  .cs-form {   display:block;  }  .cs-form > p > span.wpcf7-form-control-wrap,  .cs-form > span.wpcf7-form-control-wrap {   margin:0 auto;   display:block;  }  .cs-form .octf-btn {   margin-top:15px;  } } .contact-info {  font-size:16px;  overflow:hidden;  color:#1a1a1a; } .contact-info h6 {  font-size:16px;  font-weight:600;  margin-bottom:5px; } .contact-info i {  font-size:26px;  margin-top:2px;  line-height:1;  float:left;  color:#1a1a1a; } .contact-info i:before {  font-size:26px; } .contact-info img, .contact-info svg {  width:30px;  margin-top:3px;  float:left; } .contact-info p {  margin-bottom:0; } .contact-info .info-text {  padding-left:50px;  font-weight:300; }  .ot-testimonials .testi-item {  background:transparent;  padding-right:20px;  margin-top:26px; } .ot-testimonials .testi-item .t-head {  overflow:hidden;  justify-content:normal;  padding-left:20px; } .ot-testimonials .testi-item .t-head img {  max-width:80px;  margin-right:25px;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%; } .ot-testimonials .testi-item .t-head h6 {  font-size:22px;  margin-bottom:2px; } .ot-testimonials .testi-item .t-head span {  font-size:14px;  text-transform:uppercase;  font-weight:500;  color:#6f6f6f; } .ot-testimonials .testi-item .ttext {  position:relative;  margin-bottom:50px;  padding:37px 35px 37px 40px;  font-size:18px;  line-height:36px;  background:#fff;  border:1px solid #e0e0e0; } .ot-testimonials .testi-item .ttext > span {  position:absolute;  content:"";  left:28px;  top:-1px;  width:80px;  height:1px;  background:#fff; } .ot-testimonials .testi-item .ttext:before {  position:absolute;  font-family:"Titillium Web", sans-serif;  font-size:200px;  color:#1a1a1a;  top:23px;  left:29px;  content:"“";  width:80px;  height:45px;  z-index:1; } .ot-testimonials .ot-testimonials-slider-s2 .testi-item {  padding-right:0;  padding-bottom:10px;  margin:0; } .ot-testimonials .ot-testimonials-slider-s2 .testi-item .ttext {  font-size:20px;  padding:0;  margin-bottom:30px;  border:none;  background:none; } .ot-testimonials .ot-testimonials-slider-s2 .testi-item .ttext:before {  display:none; } .ot-testimonials .ot-testimonials-slider-s2 .testi-item .t-head {  padding-left:0; } .ot-testimonials .ot-testimonials-slider-s2 .testi-item .t-head h5 {  margin-bottom:3px; } .ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-next, .ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-prev, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-next, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-prev {  color:#fff;  background:#0a0a0a; } .ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-next:hover, .ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-prev:hover, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-next:hover, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-prev:hover {  color:#919191; } .ot-testimonials.v-dark .octf-swiper-pagination .swiper-pagination-bullet {  background:#0a0a0a; } .ot-testimonials.v-dark .octf-swiper-pagination .swiper-pagination-bullet:before {  background:#fff;  border-color:#fff; } .ot-testimonials.v-dark .testi-item .t-head h6, .ot-testimonials.v-dark .testi-item .t-head h5 {  color:#fff; } .ot-testimonials.v-dark .testi-item .ttext {  color:#fff;  background:#0a0a0a;  border-color:#292929; } .ot-testimonials.v-dark .testi-item .ttext > span {  background:#0a0a0a; } .ot-testimonials.v-dark .testi-item .ttext:before {  color:#fff; } .ot-testimonials.v-dark .testi-item .ttext .layer-behind {  background:#1a1a1a; } .ot-testimonials.v-dark .ot-testimonials-slider-s2 .testi-item .ttext {  color:#a3a3a3;  background:none; } .ot-testimonials.v-dark .ot-testimonials-slider-s2 .testi-item .t-head span {  color:#d0cfcf; } @media (max-width:480px) {  .ot-testimonials .t-head img {   margin-right:15px;  } } .ot-testimonials-2 .ot-testimonials-slider-s3 .testi__content {  margin-bottom:40px; } .ot-testimonials-2 .ot-testimonials-slider-s3 .testi__thumb {  margin-bottom:20px; } .ot-testimonials-2 .ot-testimonials-slider-s3 .testi__thumb img {  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%; } .slider__style-nav-2 .octf-swiper-button-next, .slider__style-nav-2 .octf-swiper-button-prev {  top:50%;  margin-top:-25px;  color:#282828; } .slider__style-nav-2 .octf-swiper-button-next span, .slider__style-nav-2 .octf-swiper-button-prev span {  display:inline-block;  width:50px;  height:50px;  line-height:54px;  border:1px solid #282828;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%; } .slider__style-nav-2 .octf-swiper-button-next span svg, .slider__style-nav-2 .octf-swiper-button-prev span svg {  width:58px;  height:15px;  fill:#282828; } .slider__style-nav-2 .octf-swiper-button-next:hover, .slider__style-nav-2 .octf-swiper-button-prev:hover {  color:#b07c5e; } .slider__style-nav-2 .octf-swiper-button-next:hover span, .slider__style-nav-2 .octf-swiper-button-prev:hover span {  border-color:#b07c5e; } .slider__style-nav-2 .octf-swiper-button-next:hover span svg, .slider__style-nav-2 .octf-swiper-button-prev:hover span svg {  fill:#b07c5e; } .slider__style-nav-2 .octf-swiper-button-next {  left:inherit; } .slider__style-nav-2 .octf-swiper-button-next span svg {  margin-left:-53px; } .slider__style-nav-2 .octf-swiper-button-prev {  right:inherit;  left:0px; } .slider__style-nav-2 .octf-swiper-button-prev span svg {  margin-left:23px;  -webkit-transform:rotate(180deg);  -ms-transform:rotate(180deg);  transform:rotate(180deg); } .slider__style-nav-2 .octf-swiper-pagination-2 .swiper-pagination-bullet {  width:14px;  height:14px;  background:#806d61; } .slider__style-nav-2.v-light {  color:#ffffff; } .slider__style-nav-2.v-light .testi__info h5 {  color:#ffffff; } .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-next, .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-prev {  color:#7a7a7a; } .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-next span, .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-prev span {  border-color:#7a7a7a; } .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-next span svg, .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-prev span svg {  fill:#7a7a7a; } .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-next:hover, .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-prev:hover {  color:#f6f6f6; } .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-next:hover span, .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-prev:hover span {  border-color:#f6f6f6; } .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-next:hover span svg, .slider__style-nav-2.v-light .ot-testimonials-slider-s3 .octf-swiper-button-prev:hover span svg {  fill:#f6f6f6; }  .image-carousel .swiper-wrapper {  align-items:center; } .image-carousel .swiper-slide {  text-align:center; } .image-carousel .swiper-slide figure {  line-height:inherit; } .image-carousel .swiper-slide img {  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .image-carousel .octf-swiper-pagination {  margin-top:30px; } .image-carousel .octf-swiper-button-next, .image-carousel .octf-swiper-button-prev {  background:#fff; } .image-gallery .gallery-icon {  position:relative; } .image-gallery .gallery-icon .overlay {  background:rgba(0, 0, 0, 0.4);  opacity:0;  visibility:hidden;  z-index:1;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .image-gallery .gallery-icon .overlay i {  position:absolute;  top:50%;  left:50%;  width:60px;  height:60px;  line-height:60px;  text-align:center;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  -webkit-transform:translateY(-50%) translateX(-50%);  -ms-transform:translateY(-50%) translateX(-50%);  transform:translateY(-50%) translateX(-50%);  background:#000;  color:#fff; } .image-gallery .gallery-icon .overlay i:before {  font-size:22px; } .image-gallery .gallery-icon .overlay i:hover {  -webkit-transform:translateY(-50%) translateX(-50%) rotate(90deg);  -ms-transform:translateY(-50%) translateX(-50%) rotate(90deg);  transform:translateY(-50%) translateX(-50%) rotate(90deg); } .image-gallery .gallery-icon:hover .overlay {  opacity:1;  visibility:visible; } @media (max-width:600px) {  .image-gallery .gallery.gallery-columns-2 .gallery-item, .image-gallery .gallery.gallery-columns-3 .gallery-item, .image-gallery .gallery.gallery-columns-4 .gallery-item, .image-gallery .gallery.gallery-columns-5 .gallery-item, .image-gallery .gallery.gallery-columns-6 .gallery-item, .image-gallery .gallery.gallery-columns-7 .gallery-item, .image-gallery .gallery.gallery-columns-8 .gallery-item, .image-gallery .gallery.gallery-columns-9 .gallery-item, .image-gallery .gallery.gallery-columns-10 .gallery-item {   max-width:100%;  } }  .octf-imagebox_image {  position:relative; } .octf-imagebox_image img {  position:relative;  z-index:1; } .octf-imagebox_image .octf-imagebox_overlay {  background:rgba(26, 26, 26, 0.6);  position:absolute;  top:0px;  left:0px;  z-index:2;  height:100%;  width:100%;  display:-ms-flexbox;  display:flex;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-align:center;  -ms-flex-align:center;  align-items:center;  justify-content:center;  color:#fff;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  visibility:hidden;  opacity:0; } .octf-imagebox_image .octf-imagebox_overlay i:before {  font-size:37px; } .octf-imagebox_image:hover .octf-imagebox_overlay {  visibility:visible;  opacity:1; } .cate-lines {  position:relative;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .cate-lines .cate-item_content {  position:absolute;  bottom:67px;  left:60px; } .cate-lines img {  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .cate-lines h2 {  position:relative;  color:#fff;  font-weight:300;  margin-bottom:0;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .cate-lines .number-stroke {  font-size:150px;  position:absolute;  left:calc(100% - 23px);  bottom:-30px; } .cate-lines:before, .cate-lines:after {  content:"";  position:absolute;  background:#fff;  z-index:1;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .cate-lines:before {  width:calc(100% - 30px);  height:1px;  bottom:20px;  left:20px; } .cate-lines:after {  width:1px;  height:calc(100% - 30px);  top:20px;  right:20px; } .cate-lines:hover h2 {  color:#1a1a1a; } .cate-lines:hover .number-stroke {  -webkit-text-stroke-color:#1a1a1a; } .cate-lines:hover img {  filter:brightness(126%); } .cate-lines:hover:before, .cate-lines:hover:after {  background:#222328; } @media (min-width:1024px) and (max-width:1200px) {  .cate-lines .cate-item_content {   bottom:56px;   left:50px;  }  .cate-lines h2 {   font-size:36px;  }  .cate-lines .number-stroke {   font-size:100px;   bottom:-18px;  } } @media (min-width:768px) and (max-width:1023px) {  .cate-lines .cate-item_content {   bottom:35px;   left:30px;  }  .cate-lines h2 {   font-size:36px;  }  .cate-lines .number-stroke {   display:none;  } } @media (max-width:479px) {  .cate-lines .cate-item_content {   bottom:40px;   left:40px;  }  .cate-lines h2 {   font-size:36px;  }  .cate-lines .number-stroke {   font-size:100px;   bottom:-18px;  } } .ot-accordions .acc-item {  background:#fff;  border-bottom:1px solid rgba(0, 0, 0, 0.2); } .ot-accordions .acc-item .acc-toggle {  cursor:pointer;  justify-content:space-between;  overflow:hidden;  font-family:"Titillium Web", sans-serif;  font-size:20px;  color:#1a1a1a;  padding:15px 0 20px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .ot-accordions .acc-item .acc-toggle i {  float:right;  text-align:center;  line-height:30px;  font-size:10px;  color:#1a1a1a; } .ot-accordions .acc-item .acc-toggle i.up {  display:none; } .ot-accordions .acc-item .acc-toggle i.down {  margin-top:5px; } .ot-accordions .acc-item .acc-toggle i:before {  font-size:14px; } .ot-accordions .acc-item .acc-toggle span.up {  display:none; } .ot-accordions .acc-item .acc-toggle svg {  width:14px; } .ot-accordions .acc-item .acc-content {  display:none;  padding:0 20px 27px 0;  font-size:14px;  line-height:30px; } .ot-accordions .acc-item .acc-content p:last-child, .ot-accordions .acc-item .acc-content ul:last-child {  margin-bottom:0; } .ot-accordions .acc-item.current .acc-toggle i.down {  display:none; } .ot-accordions .acc-item.current .acc-toggle i.up {  display:inherit; } .ot-accordions .acc-item.current .acc-toggle span.down {  display:none; } .ot-accordions .acc-item.current .acc-toggle span.up {  display:inherit; } .ot-accordions .acc-item:last-child {  border-bottom:none; }  .ot-tabs .tabs-heading {  margin-bottom:0;  overflow:hidden; } .ot-tabs .tab-link {  font-family:"Titillium Web", sans-serif;  min-width:176px;  margin-right:20px;  padding:12px 0;  float:left;  font-weight:600;  text-align:center;  text-transform:uppercase;  cursor:pointer;  border-bottom:3px solid #dadada;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .ot-tabs .tab-link.current, .ot-tabs .tab-link:hover {  border-color:#1a1a1a;  color:#1a1a1a; } .ot-tabs .tab-link:last-child {  margin-right:0; } .ot-tabs .tab-content {  display:none;  padding:33px 0; } .ot-tabs .tab-content.current {  display:inherit; } .ot-tabs .tab-content ul, .ot-tabs .tab-content ol {  list-style:none;  padding-left:0;  margin-top:17px; } .ot-tabs .tab-content ul li, .ot-tabs .tab-content ol li {  position:relative;  padding-left:46px;  margin-bottom:15px; } .ot-tabs .tab-content ul li:before, .ot-tabs .tab-content ol li:before {  content:"";  position:absolute;  left:0;  top:50%;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  width:30px;  height:1px;  background:#555555; } .ot-tabs .tab-content ul li:last-child, .ot-tabs .tab-content ol li:last-child {  margin-bottom:0; } .ot-tabs p:last-child {  margin-bottom:0; }  .ot-progress {  font-weight:700;  font-size:14px;  color:#1a1a1a;  font-family:"Titillium Web", sans-serif;  font-weight:600; } .ot-progress .pname {  margin-bottom:3px;  text-transform:uppercase; } .ot-progress .ppercent {  position:absolute;  right:-11px;  bottom:100%;  padding:0 8px;  min-width:40px;  line-height:1;  -webkit-transform:translateY(-10px);  -ms-transform:translateY(-10px);  transform:translateY(-10px); } .ot-progress .iprogress {  height:2px;  margin-bottom:6px; } .ot-progress .progress-bar {  height:100%;  width:0;  background:#1a1a1a;  position:relative;  -webkit-transition:all 1s 0.5s;  -o-transition:all 1s 0.5s;  transition:all 1s 0.5s; } .ot-progress .progress-bar:after {  position:absolute;  content:"";  width:2px;  height:10px;  background:#1a1a1a;  top:50%;  right:0;  -webkit-transform:translateY(-50%) skewX(-30deg);  -ms-transform:translateY(-50%) skewX(-30deg);  transform:translateY(-50%) skewX(-30deg); } .circle-progress {  justify-content:left; } .circle-progress .inner-bar {  position:relative;  display:inline-block;  line-height:1;  z-index:1; } .circle-progress .inner-bar > span {  position:absolute;  width:100%;  line-height:1;  top:50%;  left:0;  text-align:center;  font-family:"Titillium Web", sans-serif;  font-weight:300;  font-size:30px;  margin-top:-15px;  color:#1a1a1a; } .circle-progress .inner-bar canvas {  display:block; } .circle-progress .inner-bar:after {  content:"";  position:absolute;  left:0;  top:0;  width:100%;  height:100%;  border-radius:50%;  z-index:-1;  border:2px solid rgba(10, 10, 10, 0.1); } .circle-progress h4 {  display:block;  font-size:18px;  line-height:26px;  margin-left:20px;  margin-bottom:0;  text-transform:uppercase; } .circle-progress.tbottom h4 {  margin:19px 0 0; } .easyPieChart {  position:relative;  text-align:center; } .easyPieChart canvas {  position:absolute;  top:0;  left:0; } @media only screen and (max-width:480px) {  .ot-progress .pname {   margin-bottom:30px;  } } .ot-process {  padding-right:20px;  padding-left:20px; } .ot-process .process_nav {  margin:0;  text-align:center;  display:flex;  display:-ms-flexbox;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  border-bottom:3px solid #000; } .ot-process .process_nav li {  position:relative;  flex-basis:0;  flex-grow:1;  margin-right:70px;  cursor:pointer; } .ot-process .process_nav li:last-child {  margin-right:0; } .ot-process .process_nav li:after {  position:absolute;  content:"";  width:100%;  height:3px;  bottom:-3px;  left:0;  background:#fff;  opacity:0;  visibility:hidden;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .ot-process .process_nav li .number-stroke {  position:absolute;  left:-17px;  top:-38px;  font-size:72px; } .ot-process .process_nav li .icon-main {  position:relative;  display:inline-table;  width:141px;  height:141px;  background:#000;  color:#fff;  margin-bottom:25px;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .ot-process .process_nav li .icon-main i {  font-size:56px; } .ot-process .process_nav li .icon-main i:before {  font-size:56px; } .ot-process .process_nav li .icon-main svg {  width:56px;  height:auto;  fill:#fff; } .ot-process .process_nav li .icon-main span.dcell {  line-height:1; } .ot-process .process_nav li.current:after {  opacity:1;  visibility:visible; } .ot-process .process_nav li:hover .icon-main, .ot-process .process_nav li.current .icon-main {  background:#fff;  color:#000; } .ot-process .process_nav li:hover .icon-main svg, .ot-process .process_nav li.current .icon-main svg {  fill:#000; } .ot-process .process_nav li .process-des-item {  padding:0; } .ot-process .process_nav li h5 {  margin-bottom:16px; } .ot-process .process_nav h5 {  font-size:22px;  color:#fff;  margin-bottom:26px; } .ot-process .process-des-item {  padding:38px 50px 0;  text-align:center;  color:#a3a3a3;  margin:0; } .ot-process:not([data-tab]) .process_nav {  border-bottom:none; } .ot-process:not([data-tab]) .process_nav li {  margin-right:50px; } .ot-process:not([data-tab]) .process_nav li:last-child {  margin-right:0; } .order-even-top-40 .ot-process:not([data-tab]) .process_nav li:nth-child(even) {  margin-top:40px; } @media (max-width:1024px) {  .ot-process .process_nav li, .ot-process:not([data-tab]) .process_nav li {   margin-right:0;  } } @media (max-width:991px) {  .ot-process .process_nav {   display:block;   border-color:#fff;  }  .ot-process .process_nav li {   margin-bottom:60px;  }  .ot-process .process_nav li:last-child {   margin-bottom:30px;  }  .ot-process .process_nav li:after {   display:none;  }  .ot-process .process-des-item {   padding:20px 30px 0;  }  .order-even-top-40 .ot-process:not([data-tab]) .process_nav li:nth-child(even) {   margin-top:0;  } } .support-box {  position:relative; } .support-box .inner-box {  position:relative;  transition:all 0.5s linear;  -webkit-transition:all 0.5s linear;  -moz-transition:all 0.5s linear;  -o-transition:all 0.5s linear;  -ms-transition:all 0.5s linear;  transform-style:preserve-3d; } .support-box .inner-box > div {  backface-visibility:hidden;  transition:all 0.5s linear;  -webkit-transition:all 0.5s linear;  -moz-transition:all 0.5s linear;  -o-transition:all 0.5s linear;  -ms-transition:all 0.5s linear; } .support-box .icon-title {  position:absolute;  width:100%;  text-align:center;  top:50%;  color:#fff;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%); } .support-box .icon-title h5 {  color:#fff;  text-transform:uppercase;  margin-bottom:0;  line-height:42px; } .support-box .icon-title span {  margin-bottom:4px; } .support-box .icon-title span:before {  font-size:45px; } .support-box .icon-title i {  font-size:45px;  margin-bottom:20px;  margin-top:19px; } .support-box .icon-title svg {  width:45px;  height:auto; } .support-box .overlay {  z-index:1;  opacity:1;  text-align:center;  padding:20px 45px;  background:#0a0a0a;  background-repeat:no-repeat;  background-position:center;  background-size:cover;  color:#a3a3a3;  -webkit-transform:rotateY(180deg);  -ms-transform:rotateY(180deg);  transform:rotateY(180deg); } .support-box .overlay p {  margin-bottom:0; } .support-box:hover .inner-box {  -webkit-transform:rotateY(180deg);  -ms-transform:rotateY(180deg);  transform:rotateY(180deg); } .support-box:hover .inner-box .content-box {  opacity:0; }  .ot-features-box .features-image {  position:relative;  color:#fff; } .ot-features-box .features-image .overlay {  cursor:pointer;  background:rgba(26, 26, 26, 0.6);  opacity:0;  z-index:1; } .ot-features-box .features-image i:before {  color:#fff;  font-size:30px; } .ot-features-box .features-image:hover .overlay {  opacity:1; } .ot-features-box .features-content {  text-align:center;  overflow:hidden;  background-color:#1a1a1a;  padding:36px 0; } .ot-features-box .features-content .features-box-title {  font-size:18px;  text-transform:uppercase;  margin-bottom:0;  line-height:1;  position:relative;  text-align:center;  color:#fff; } .ot-features-box .features-content .features-box-title a {  color:#fff; } .ot-features-box .features-content .features-box-title span {  font-weight:300;  color:#a3a3a3; } .ot-features-box .features-content .features-box-title:before {  content:"";  position:absolute;  display:inline-block;  left:-1px;  top:50%;  height:1px;  width:0;  background:#fff;  transition:all 0.45s;  transition-delay:0.1s; } .ot-features-box .features-content .features-box-title:hover:before {  width:70px; } @media (max-width:1024px) {  .ot-features-box .features-content .features-box-title:before {   display:none;  } } .message-box {  padding:5px;  overflow:hidden;  position:relative;  background:#fff;  border:1px solid #e0e0e0;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .message-box .icon-main {  float:left;  font-size:20px;  min-width:52px;  min-height:52px;  line-height:52px;  text-align:center;  color:#fff;  background:#32a7eb; } .message-box .icon-main span:before {  font-size:20px; } .message-box .icon-main svg {  width:35px; } .message-box .content-box {  padding-left:66px; } .message-box .content-box h6 {  font-size:16px;  font-weight:600;  margin-bottom:8px; } .message-box .content-box p {  font-size:14px;  margin-bottom:0;  line-height:1; } .message-box > i {  position:absolute;  top:50%;  right:20px;  line-height:1;  margin-top:-7px;  color:#a5b7d2;  cursor:pointer; } .message-box > i:before {  font-size:13px; } @media (max-width:600px) {  .message-box > i {   top:15px;   right:10px;  }  .message-box .content-box p {   line-height:1.4;  } } .ot-pricing-table {  position:relative;  text-align:center;  padding-right:20px;  padding-bottom:20px;  overflow:hidden;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .ot-pricing-table .inner-table {  position:relative;  padding:70px 45px 47px;  border:1px solid #e0e0e0;  background:#fff; } .ot-pricing-table .inner-table .title-table {  display:inline-block;  position:absolute;  top:0;  left:50%;  padding:9px 19px;  line-height:1;  font-size:14px;  font-weight:600;  margin-bottom:0;  text-transform:uppercase;  color:#fff;  background:#1a1a1a;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%); } .ot-pricing-table .inner-table h2 {  font-size:48px;  font-weight:300;  line-height:1;  position:relative;  display:inline-block;  padding-left:27px;  top:-1px; } .ot-pricing-table .inner-table h2 sup {  position:absolute;  top:15px;  left:5px;  font-size:62.5%;  font-weight:400; } .ot-pricing-table .inner-table > p {  display:inline-block;  position:relative;  color:#929292;  bottom:-9px;  padding-left:15px; } .ot-pricing-table .inner-table > p:before {  position:absolute;  content:"";  top:-15px;  left:5px;  width:1px;  height:49px;  background:#929292;  -webkit-transform:rotate(40deg);  -ms-transform:rotate(40deg);  transform:rotate(40deg); } .ot-pricing-table .inner-table .details {  margin-top:26px;  padding-top:25px;  padding-bottom:26px;  border-top:1px solid rgba(0, 0, 0, 0.15); } .ot-pricing-table .inner-table .details ul {  list-style:none;  margin-bottom:0;  padding:0;  line-height:42px;  text-align:left; } .ot-pricing-table .inner-table .details ul li {  position:relative;  color:#b8b8b8; } .ot-pricing-table .inner-table .details ul li.active {  color:#555555; } .ot-pricing-table .inner-table .details ul li.active:after {  position:absolute;  content:"\f104";  font-family:"Flaticon";  font-size:11px;  right:0; } .ot-pricing-table .inner-table .details.no-icon ul li.active:after {  display:none; } .ot-pricing-table .octf-btn {  border-color:#1a1a1a;  background:#fff;  color:#000;  padding:15px 31px; } .ot-pricing-table .octf-btn:before, .ot-pricing-table .octf-btn:after {  display:none; } .ot-pricing-table .octf-btn:hover {  background:#1a1a1a;  color:#fff; } .ot-pricing-table.is-featured .inner-table {  background:#1a1a1a;  color:#fff; } .ot-pricing-table.is-featured .inner-table .title-table {  background:#4e4e4e; } .ot-pricing-table.is-featured .inner-table .details {  border-color:rgba(255, 255, 255, 0.15);  color:#8e88b8; } .ot-pricing-table.is-featured .inner-table .details ul li {  color:#6e6666; } .ot-pricing-table.is-featured .inner-table h2, .ot-pricing-table.is-featured .inner-table .details ul li.active {  color:#fff; } .ot-pricing-table.is-featured .octf-btn:hover {  border-color:rgba(255, 255, 255, 0.15); } .ot-pricing-table:hover {  -webkit-transform:translateY(-20px);  -ms-transform:translateY(-20px);  transform:translateY(-20px); } @media (min-width:1025px) and (max-width:1199px) {  .ot-pricing-table .inner-table {   padding:70px 45px 47px;  }  .ot-pricing-table .inner-table h2 {   font-size:40px;  } } @media (max-width:1024px) {  .ot-pricing-table {   max-width:430px;   margin:auto;  }  .ot-pricing-table .inner-table {   padding:45px;  } } @media (max-width:767px) {  .ot-pricing-table {   max-width:470px;  } } @media (max-width:479px) {  .ot-pricing-table .inner-table {   padding:33px;   padding-top:70px;  }  .ot-pricing-table .inner-table .details {   font-size:14px;  } } .blog-grid {  margin-right:-15px;  margin-left:-15px; } .blog-grid:after {  content:"";  display:block;  clear:both; } .blog-grid .masonry-post-item {  float:left;  width:33.3333333333%;  padding-bottom:15px;  padding-left:15px;  padding-right:15px;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; } .blog-grid .masonry-post-item .post-inner {  margin-bottom:15px; } .blog-grid .masonry-post-item.post-box .entry-meta span.comment-num {  display:none; } .blog-grid .octf-swiper-button-next, .blog-grid .octf-swiper-button-prev {  width:50px;  height:50px;  line-height:50px; } .blog-grid.pf_4_cols .masonry-post-item {  width:25%; } .blog-grid.pf_2_cols .masonry-post-item {  width:50%; } .blog-grid .page-pagination {  position:absolute;  bottom:-30px;  left:15px; } .blog-slider .post-box .entry-meta span.comment-num {  display:none; } .blog-grid.v-dark .post-box .entry-title a, .blog-slider.v-dark .post-box .entry-title a, .dark-scheme .post-box .entry-title a {  color:#fff; } .blog-grid.v-dark .post-box .link-box i, .blog-grid.v-dark .post-box .link-box a, .blog-slider.v-dark .post-box .link-box i, .blog-slider.v-dark .post-box .link-box a, .dark-scheme .post-box .link-box i, .dark-scheme .post-box .link-box a {  color:#fff; } .blog-grid.v-dark .post-box .quote-box .quote-text, .blog-slider.v-dark .post-box .quote-box .quote-text, .dark-scheme .post-box .quote-box .quote-text {  color:#fff; } .blog-grid.v-dark .post-box .post-inner, .blog-slider.v-dark .post-box .post-inner, .dark-scheme .post-box .post-inner {  background:#0a0a0a;  border-color:#292929; } .blog-grid.v-dark .post-box .post-inner .the-excerpt, .blog-slider.v-dark .post-box .post-inner .the-excerpt, .dark-scheme .post-box .post-inner .the-excerpt {  color:#a3a3a3; } .blog-grid.v-dark .post-box .entry-meta > span a:hover, .blog-slider.v-dark .post-box .entry-meta > span a:hover, .dark-scheme .post-box .entry-meta > span a:hover {  color:#fff; } .blog-grid.v-dark .post-box .entry-meta > span:before, .blog-slider.v-dark .post-box .entry-meta > span:before, .dark-scheme .post-box .entry-meta > span:before {  color:#9f9e9e; } .blog-grid.v-dark .post-box:not(.blog-post):hover .post-inner, .blog-slider.v-dark .post-box:not(.blog-post):hover .post-inner, .dark-scheme .post-box:not(.blog-post):hover .post-inner {  border-color:#fff; } .blog-grid.v-dark + .page-pagination li a, .blog-grid.v-dark + .page-pagination li span, .blog-slider.v-dark + .page-pagination li a, .blog-slider.v-dark + .page-pagination li span, .dark-scheme + .page-pagination li a, .dark-scheme + .page-pagination li span {  color:#fff;  border-color:#fff; } .blog-grid.v-dark .octf-swiper-pagination .swiper-pagination-bullet-active, .blog-slider.v-dark .octf-swiper-pagination .swiper-pagination-bullet-active, .dark-scheme .octf-swiper-pagination .swiper-pagination-bullet-active {  border-color:#fff; } .blog-grid.v-dark .octf-swiper-pagination .swiper-pagination-bullet:before, .blog-slider.v-dark .octf-swiper-pagination .swiper-pagination-bullet:before, .dark-scheme .octf-swiper-pagination .swiper-pagination-bullet:before {  background:#fff; } @media only screen and (min-width:991px) {  .blog-grid.pf_4_cols .octf-swiper-button-next, .blog-grid.pf_4_cols .octf-swiper-button-prev {   width:40px;   height:40px;   line-height:40px;  }  .blog-grid.pf_4_cols .octf-swiper-button-next i:before, .blog-grid.pf_4_cols .octf-swiper-button-prev i:before {   font-size:14px;  }  .blog-grid.pf_4_cols .btn-play i {   width:50px;   height:50px;   line-height:50px;  } } @media only screen and (max-width:991px) {  .blog-grid .masonry-post-item,  .blog-grid.pf_4_cols .masonry-post-item {   width:50%;  } } @media only screen and (max-width:768px) {  .blog-grid .masonry-post-item,  .blog-grid.pf_4_cols .masonry-post-item,  .blog-grid.pf_2_cols .masonry-post-item {   width:100%;  } } .team-wrap {  position:relative;  height:100%;  width:100%; } .team-wrap .team-text-overlay {  position:absolute;  left:0;  top:0;  width:100%;  height:100%; } .team-wrap .team-info {  position:relative;  width:100%;  height:100%;  z-index:1;  background:rgba(26, 26, 26, 0.6);  opacity:0;  text-align:center;  display:table;  table-layout:fixed;  overflow:hidden;  color:#fff;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .team-wrap .team-info div.dcell {  position:relative;  width:100%;  height:100%; } .team-wrap .team-thumb {  overflow:hidden; } .team-wrap img {  display:block;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .team-wrap .m_extra {  font-family:"Josefin Sans", sans-serif;  text-transform:uppercase;  font-size:14px;  position:absolute;  width:100%;  bottom:0;  left:0;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .team-wrap .m_extra span {  display:block;  letter-spacing:0.5px;  margin-bottom:32px; } .team-wrap h4 {  margin-bottom:23px;  color:#fff;  text-transform:uppercase;  line-height:36px;  letter-spacing:0.5px; } .team-wrap h4 a {  color:#fff; } .team-wrap h4 a:hover {  color:#9f9e9e; } .team-wrap .team-social > span {  cursor:pointer;  margin-bottom:20px;  position:absolute;  z-index:2;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .team-wrap .team-social > span:before {  font-size:21px; } .team-wrap .team-social a {  position:relative;  display:inline-block;  color:#fff;  font-size:16px;  width:35px;  height:35px;  line-height:35px;  opacity:0;  visibility:hidden;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .team-wrap .team-social a:hover {  color:#9f9e9e; } .team-wrap .team-social.active > span {  -webkit-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg); } .team-wrap .team-social.active a {  -webkit-transform:translateY(50px);  -ms-transform:translateY(50px);  transform:translateY(50px);  opacity:1;  visibility:visible; } .team-wrap:hover .team-info {  opacity:1; } .team-wrap:hover img {  filter:grayscale(100%);  -webkit-filter:grayscale(100%);  -ms-filter:grayscale(100%);  -webkit-transform:scale(1.05);  -ms-transform:scale(1.05);  transform:scale(1.05); } .member-info {  font-family:"Titillium Web", sans-serif;  list-style:none;  font-size:18px;  padding-left:0; } .member-info li {  color:#a3a3a3;  padding-bottom:10px; } .member-form input[type=text], .member-form input[type=email] {  width:100%; } .member-form .octf-btn {  margin-top:10px; } .member-form .octf-btn:before, .member-form .octf-btn:after {  display:none; } .member-form .octf-btn:hover {  border:1px solid; } @media (min-width:1025px) and (max-width:1300px) {  .team-wrap h4 {   font-size:24px;   margin-bottom:10px;  }  .team-wrap .team-social a {   opacity:1;   font-size:14px;  } }  .project-item, .grid-sizer {  float:left;  width:33.3333333333%;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; } .project-item.thumb2x, .grid-sizer.thumb2x {  width:66.66666666%; } .projects-grid.pf_5_cols .project-item, .projects-grid.pf_5_cols .grid-sizer {  width:20%; } .projects-grid.pf_5_cols .project-item.thumb2x, .projects-grid.pf_5_cols .grid-sizer.thumb2x {  width:40%; } .projects-grid.pf_4_cols .project-item, .projects-grid.pf_4_cols .grid-sizer {  width:25%; } .projects-grid.pf_4_cols .project-item.thumb2x, .projects-grid.pf_4_cols .grid-sizer.thumb2x {  width:50%; } .projects-grid.pf_2_cols .project-item, .projects-grid.pf_2_cols .grid-sizer {  width:50%; } .projects-grid.pf_2_cols .project-item.thumb2x, .projects-grid.pf_2_cols .grid-sizer.thumb2x {  width:100%; } .projects-grid {  position:relative;  overflow:hidden;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  } .projects-grid .projects-box {  position:relative;  overflow:hidden; } .projects-grid .projects-box .portfolio-info {  width:100%;  height:100%;  position:absolute;  bottom:0;  left:0;  background:rgba(10, 10, 10, 0.8);  opacity:0;  display:flex;  align-items:center;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid .projects-box .portfolio-info .overlay {  opacity:1;  background:transparent;  z-index:0; } .projects-grid .projects-box .portfolio-info .portfolio-info-inner {  text-align:center;  width:100%;  z-index:1;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid .projects-box .portfolio-info h5 {  color:#fff;  font-size:24px;  padding:0 25px;  margin-bottom:17px; } .projects-grid .projects-box .portfolio-info h5 a {  color:#fff;  cursor:pointer; } .projects-grid .projects-box .portfolio-info .portfolio-cates {  color:#9f9e9e;  font-family:"Josefin Sans", sans-serif;  font-weight:500;  font-size:14px;  text-transform:uppercase;  letter-spacing:0.5px;  margin-bottom:0;  padding:0 25px; } .projects-grid .projects-box .portfolio-info .portfolio-cates a {  color:#9f9e9e;  line-height:1;  display:inline-block;  letter-spacing:0.5px;  margin:0 5px; } .projects-grid .projects-box .portfolio-info .portfolio-cates a:before {  content:"[";  margin-right:5px; } .projects-grid .projects-box .portfolio-info .portfolio-cates a:after {  content:"]";  margin-left:5px; } .projects-grid .projects-box .portfolio-info .portfolio-cates a:hover {  color:#fff; } .projects-grid .projects-box .portfolio-info .portfolio-cates a:first-child {  margin-left:0; } .projects-grid .projects-box .portfolio-info .portfolio-cates a:last-child {  margin-right:0; } .projects-grid .projects-box .projects-thumbnail {  overflow:hidden; } .projects-grid .projects-box .projects-thumbnail .overlay {  visibility:hidden; } .projects-grid .projects-box img {  width:100%;  height:auto;  display:block;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid .projects-box:hover .portfolio-info {  opacity:1; } .projects-grid.style-2 .portfolio-info {  background:none;  align-items:flex-end;  height:auto; } .projects-grid.style-2 .portfolio-info .portfolio-info-inner {  text-align:left;  background:#fff;  padding:27px 50px 26px;  -webkit-transform:translateY(40%);  -ms-transform:translateY(40%);  transform:translateY(40%);  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid.style-2 .portfolio-info .portfolio-info-inner h5 {  margin-bottom:8px;  padding:0; } .projects-grid.style-2 .portfolio-info .portfolio-info-inner h5 a {  color:#1a1a1a; } .projects-grid.style-2 .portfolio-info .portfolio-info-inner .portfolio-cates {  padding:0; } .projects-grid.style-2 .portfolio-info .portfolio-info-inner .portfolio-cates a:hover {  color:#1a1a1a; } .projects-grid.style-2 .projects-box:hover .portfolio-info-inner {  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0); } .projects-grid.style-2.w-auto .portfolio-info {  width:auto; } .projects-grid.style-3 .projects-thumbnail {  position:relative; } .projects-grid.style-3 .projects-thumbnail .overlay {  background:rgba(0, 0, 0, 0.2);  opacity:0;  visibility:hidden;  z-index:1;  display:none;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid.style-3 .projects-thumbnail .overlay i {  position:absolute;  top:50%;  left:50%;  width:60px;  height:60px;  line-height:60px;  text-align:center;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  -webkit-transform:translateY(-50%) translateX(-50%);  -ms-transform:translateY(-50%) translateX(-50%);  transform:translateY(-50%) translateX(-50%);  background:#000;  color:#fff; } .projects-grid.style-3 .projects-thumbnail .overlay i:before {  font-size:22px; } .projects-grid.style-3 .projects-thumbnail .overlay i:hover {  -webkit-transform:translateY(-50%) translateX(-50%) rotate(90deg);  -ms-transform:translateY(-50%) translateX(-50%) rotate(90deg);  transform:translateY(-50%) translateX(-50%) rotate(90deg); } .projects-grid.style-3 .projects-thumbnail:hover .overlay {  opacity:1;  visibility:visible; } .projects-grid.style-3 .portfolio-info {  background:none;  position:static;  opacity:1;  align-items:flex-end; } .projects-grid.style-3 .portfolio-info .portfolio-info-inner {  text-align:left;  padding-top:20px;  padding-bottom:12px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid.style-3 .portfolio-info .portfolio-info-inner h5 {  padding:0;  margin-bottom:7px; } .projects-grid.style-3 .portfolio-info .portfolio-info-inner h5 a {  color:#1a1a1a;  margin-bottom:10px; } .projects-grid.style-3 .portfolio-info .portfolio-info-inner .portfolio-cates {  padding:0; } .projects-grid.style-3 .portfolio-info .portfolio-info-inner .portfolio-cates a:hover {  color:#1a1a1a; } .projects-grid.style-3 .portfolio-info .overlay {  display:none; } .projects-grid.style-4 .projects-thumbnail {  position:relative; } .projects-grid.style-4 .projects-thumbnail .overlay {  background:rgba(0, 0, 0, 0.3);  opacity:0;  visibility:hidden;  z-index:1;  cursor:pointer;  display:none;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .projects-grid.style-4 .projects-thumbnail .overlay i {  position:absolute;  top:50%;  left:50%;  width:60px;  height:60px;  line-height:60px;  text-align:center;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  -webkit-transform:translateY(-50%) translateX(-50%);  -ms-transform:translateY(-50%) translateX(-50%);  transform:translateY(-50%) translateX(-50%);  background:#000;  color:#fff; } .projects-grid.style-4 .projects-thumbnail .overlay i:before {  font-size:22px; } .projects-grid.style-4 .projects-thumbnail .overlay i:hover {  -webkit-transform:translateY(-50%) translateX(-50%) rotate(90deg);  -ms-transform:translateY(-50%) translateX(-50%) rotate(90deg);  transform:translateY(-50%) translateX(-50%) rotate(90deg); } .projects-grid.style-4 .projects-thumbnail:hover .overlay {  opacity:1;  visibility:visible; } .projects-grid.style-4 .portfolio-info {  display:none; } .projects-grid.style-5 .projects-box .portfolio-info {  opacity:1;  visibility:visible;  background:rgba(10, 10, 10, 0.6); } .projects-grid.style-5 .projects-box .portfolio-info a.title-link {  background-size:0; } .projects-grid.style-5 .projects-box:hover .portfolio-info {  opacity:0;  visibility:hidden; } .projects-grid.style-6 .portfolio-info .overlay {  display:none; } .projects-grid.img-popup .projects-thumbnail .overlay {  display:flex;  align-items:center;  justify-content:center; } .projects-grid.img-popup .projects-thumbnail .overlay h5 {  display:none;  margin-bottom:0;  color:#fff;  text-align:center; } .projects-grid.img-popup.popup-is-title .projects-thumbnail .overlay h5 {  display:block; } .projects-grid.img-popup.popup-is-title .projects-thumbnail .overlay i {  display:none; } .projects-grid.img-scale .projects-box:hover img {  -webkit-transform:scale(1.1);  -ms-transform:scale(1.1);  transform:scale(1.1); } .projects-grid.no-cat .portfolio-cates {  display:none; }  .btn-block {  text-align:center;  clear:both; } .btn-block .octf-btn {  margin-top:60px; } .btn-block .octf-btn:after, .btn-block .octf-btn:before {  display:none; } .btn-block .octf-btn i {  margin-left:10px; }  .project_filters {  position:relative;  width:100%;  text-align:center;  margin-bottom:30px;  padding-left:0; } .project_filters:after {  content:"";  display:block;  clear:both; } .project_filters li {  position:relative;  display:inline-block;  text-align:center;  margin-left:28px;  margin-right:28px;  margin-bottom:5px; } .project_filters li:last-child {  margin-right:0; } .project_filters li:first-child {  margin-left:0; } .project_filters li a {  font-size:14px; } .project_filters li a::before {  width:0; } .project_filters li a.selected:before {  width:calc(100% + 14px); } .project_filters li a:focus, .project_filters li a:active {  color:#1a1a1a; } .project_filters li a .filter-count {  position:absolute;  top:-11px;  right:-10px;  width:20px;  text-align:left;  font-size:11px;  color:#828282;  visibility:hidden;  opacity:0;  transition:all 0.2s linear;  -webkit-transition:all 0.2s linear;  -moz-transition:all 0.2s linear;  -o-transition:all 0.2s linear;  -ms-transition:all 0.2s linear; } .project_filters li a.selected .filter-count, .project_filters li a:hover .filter-count {  opacity:1;  visibility:visible;  right:-20px; }  .dark-scheme .project_filters li a:focus, .dark-scheme .project_filters li a:active {  color:#fff; }  .isotope-item {  z-index:2; } .isotope-hidden.isotope-item {  pointer-events:none;  z-index:1; }  .isotope, .isotope .isotope-item {  -webkit-transition-duration:0.6s;  -moz-transition-duration:0.6s;  -ms-transition-duration:0.6s;  -o-transition-duration:0.6s;  transition-duration:0.6s; } .isotope {  -webkit-transition-property:height, width;  -moz-transition-property:height, width;  -ms-transition-property:height, width;  -o-transition-property:height, width;  transition-property:height, width; } .isotope .isotope-item {  -webkit-transition-property:-webkit-transform, opacity;  -moz-transition-property:-moz-transform, opacity;  -ms-transition-property:-ms-transform, opacity;  -o-transition-property:-o-transform, opacity;  transition-property:transform, opacity; }  .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {  -webkit-transition-duration:0s;  -moz-transition-duration:0s;  -ms-transition-duration:0s;  -o-transition-duration:0s;  transition-duration:0s; }  .project-slider .octf-swiper-pagination {  margin-top:30px; } .project-bottom {  border-top:1px solid rgba(0, 0, 0, 0.1);  padding-bottom:100px; } .single-portfolio-navigation {  padding-top:42px; } .single-portfolio-navigation .post-nav {  margin-bottom:0; } .portfolio-related-posts-wrap {  padding-top:70px; } .portfolio-related-title-wrap h2 {  margin-bottom:30px; } @media only screen and (min-width:1025px) {  .portfolio-related-posts-wrap .octf-swiper-pagination {   display:none;  } } @media only screen and (max-width:1199px) {  .projects-grid.pf_5_cols .grid-sizer,  .projects-grid.pf_5_cols .project-item,  .projects-grid.pf_4_cols .grid-sizer,  .projects-grid.pf_4_cols .project-item {   width:33.333333%;  }  .projects-grid.pf_5_cols .grid-sizer.thumb2x,  .projects-grid.pf_5_cols .project-item.thumb2x,  .projects-grid.pf_4_cols .grid-sizer.thumb2x,  .projects-grid.pf_4_cols .project-item.thumb2x {   width:66.666666%;  } } @media only screen and (max-width:1024px) {  .project-bottom {   padding-bottom:60px;  } } @media only screen and (max-width:992px) {  .project-item,  .grid-sizer,  .projects-grid.pf_5_cols .grid-sizer,  .projects-grid.pf_5_cols .project-item,  .projects-grid.pf_4_cols .grid-sizer,  .projects-grid.pf_4_cols .project-item {   width:50%;  }  .project-item.thumb2x,  .grid-sizer.thumb2x,  .projects-grid.pf_5_cols .grid-sizer.thumb2x,  .projects-grid.pf_5_cols .project-item.thumb2x,  .projects-grid.pf_4_cols .grid-sizer.thumb2x,  .projects-grid.pf_4_cols .project-item.thumb2x {   width:100%;  } } @media only screen and (max-width:768px) {  .projects-box .portfolio-info {   right:0;   opacity:1;  }  .projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {   padding:30px;  }  .projects-style-1 .projects-box .portfolio-info h5 {   font-size:20px;  }  .projects-style-1 .projects-box .portfolio-info .portfolio-cates {   font-size:12px;  } } @media only screen and (max-width:600px) {  .project-item,  .grid-sizer,  .projects-grid.pf_5_cols .project-item,  .projects-grid.pf_4_cols .project-item,  .projects-grid.pf_2_cols .project-item {   width:100%;  }  .project_filters li {   margin-left:10px;   margin-right:10px;  }  .portfolio-related-title-wrap h2 {   font-size:30px;  } } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  content:" ";  display:block;  background:white;  position:absolute;  z-index:30;  -webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {  width:3px;  height:9999px;  left:50%;  margin-left:-1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  width:9999px;  height:3px;  top:50%;  margin-top:-1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  position:absolute;  top:0;  width:100%;  height:100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  -webkit-transition-duration:0.5s;  -moz-transition-duration:0.5s;  transition-duration:0.5s; } .twentytwenty-before-label, .twentytwenty-after-label {  -webkit-transition-property:opacity;  -moz-transition-property:opacity;  transition-property:opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before {  color:white;  font-size:13px;  letter-spacing:0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before {  position:absolute;  background:rgba(255, 255, 255, 0.2);  line-height:38px;  padding:0 20px;  -webkit-border-radius:2px;  -moz-border-radius:2px;  border-radius:2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {  top:50%;  margin-top:-19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {  left:50%;  margin-left:-45px;  text-align:center;  width:90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {  width:0;  height:0;  border:6px inset transparent;  position:absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow {  top:50%;  margin-top:-6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow {  left:50%;  margin-left:-6px; } .twentytwenty-container {  -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;  z-index:0;  overflow:hidden;  position:relative;  -webkit-user-select:none;  -moz-user-select:none; } .twentytwenty-container img {  max-width:100%;  position:absolute;  top:0;  display:block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {  background:rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {  opacity:0; } .twentytwenty-container * {  -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box; } .twentytwenty-before-label {  opacity:0; } .twentytwenty-before-label:before {  content:attr(data-content); } .twentytwenty-after-label {  opacity:0; } .twentytwenty-after-label:before {  content:attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before {  left:10px; } .twentytwenty-horizontal .twentytwenty-after-label:before {  right:10px; } .twentytwenty-vertical .twentytwenty-before-label:before {  top:10px; } .twentytwenty-vertical .twentytwenty-after-label:before {  bottom:10px; } .twentytwenty-overlay {  -webkit-transition-property:background;  -moz-transition-property:background;  transition-property:background;  background:rgba(0, 0, 0, 0);  z-index:25; } .twentytwenty-overlay:hover {  background:rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label {  opacity:1; } .twentytwenty-overlay:hover .twentytwenty-before-label {  opacity:1; } .twentytwenty-before {  z-index:20; } .twentytwenty-after {  z-index:10; } .twentytwenty-handle {  height:38px;  width:38px;  position:absolute;  left:50%;  top:50%;  margin-left:-19px;  margin-top:-19px;  border:3px solid white;  -webkit-border-radius:1000px;  -moz-border-radius:1000px;  border-radius:1000px;  -webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);  z-index:40;  cursor:pointer; } .twentytwenty-horizontal .twentytwenty-handle:before {  bottom:50%;  margin-bottom:22px;  -webkit-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after {  top:50%;  margin-top:22px;  -webkit-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before {  left:50%;  margin-left:19px;  -webkit-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after {  right:50%;  margin-right:19px;  -webkit-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow {  border-right:6px solid white;  left:50%;  margin-left:-17px; } .twentytwenty-right-arrow {  border-left:6px solid white;  right:50%;  margin-right:-17px; } .twentytwenty-up-arrow {  border-bottom:6px solid white;  top:50%;  margin-top:-17px; } .twentytwenty-down-arrow {  border-top:6px solid white;  bottom:50%;  margin-bottom:-17px; }  .otf-social-share a {  display:inline-block;  font-size:12px;  text-align:center;  padding:0.6em;  cursor:pointer;  line-height:1;  margin-right:5px;  background-color:#ffffff;  color:#1A1A1A;  border:1px solid #E9E9E9;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  transition:all 0.3s linear; } .otf-social-share a i {  width:1em;  height:1em;  position:relative;  display:block; } .otf-social-share a:hover {  background-color:#1A1A1A;  color:#ffffff;  border-color:#1A1A1A; } .otf-social-share a:last-child {  margin-right:0px; } .otf-social-share.shape-rounded a {  border-radius:10%;  -webkit-border-radius:10%;  -moz-border-radius:10%; } .otf-social-share.shape-circle a {  border-radius:50%;  -webkit-border-radius:50%;  -moz-border-radius:50%; }  .site-overlay {  cursor:url(https://brianzarreda.it/wp-content/themes/theratio/images/close.png) 16 16, default;  background:transparent;  width:100vw;  height:100vh;  position:fixed;  top:0;  left:0;  visibility:hidden;  opacity:0;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  z-index:-1; } .dc-bgdark .elementor-drop-cap span {  background:#1a1a1a;  color:#fff; } .wpcf7 .main-form .font14 {  margin-bottom:24px; } .wpcf7 .main-form input, .wpcf7 .main-form textarea {  width:100%;  background:#fff; } .wpcf7 .main-form input::placeholder, .wpcf7 .main-form textarea::placeholder {  text-transform:uppercase; } .wpcf7 .main-form button {  margin-top:15px; } .wpcf7 .main-form button:before, .wpcf7 .main-form button:after {  display:none; } .wpcf7 .main-form button:hover {  background:#fff;  color:#1a1a1a;  border-color:#1a1a1a; } .wpcf7 .main-form p {  margin-bottom:15px; } .wpcf7 .main-form p:last-child {  margin-bottom:0; } .wpcf7 div.wpcf7-response-output {  margin:20px 0 0; } .wpcf7 span.wpcf7-not-valid-tip {  display:none; } .wpcf7 .wpcf7-not-valid {  border-color:#f00; } .wpcf7 div.wpcf7-validation-errors, .wpcf7 div.wpcf7-acceptance-missing {  background:#f7e700;  color:#1a1a1a; } .grid-lines {  position:absolute;  width:100%;  height:100%;  left:50%;  top:0;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%);  z-index:0;  pointer-events:none;  user-select:none; } .grid-lines .g-line-vertical {  height:100%;  display:block;  width:1px;  background-color:#fff;  left:90px;  top:0;  position:absolute; } .grid-lines .g-line-horizontal {  height:1px;  display:block;  width:100%;  background-color:#fff;  top:90px;  left:0;  position:absolute; } .grid-lines .line-center {  left:50%; } .grid-lines .line-right {  left:auto;  right:90px; } .grid-lines .line-bottom {  bottom:90px;  top:auto; } .has-lines-horizontal-bottom .grid-lines .line-top {  display:none; } .has-lines-horizontal-top .grid-lines .line-bottom {  display:none; } .no-lines-vertical-center .grid-lines .line-center {  display:none; } .ot-social-vertical {  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%); } .ot-social-vertical ul {  line-height:90px; } .ot-social-vertical ul li.elementor-icon-list-item {  margin-bottom:40px;  writing-mode:vertical-rl;  letter-spacing:0.75px;  -webkit-transform:rotate(-180deg);  -ms-transform:rotate(-180deg);  transform:rotate(-180deg); } .ot-social-vertical ul li.elementor-icon-list-item:last-child {  margin-bottom:0; } .rs-layer .btn-details {  color:#fff; } .rs-layer .btn-details:before {  background:#505050; } .elementor-widget-icon-list.icon-custom ul li span.elementor-icon-list-icon, .elementor-widget-icon-list.icon-custom ul li a {  display:flex;  height:100%; } .dark-scheme .wpcf7 .main-form input, .dark-scheme .wpcf7 .main-form textarea {  background:transparent; } .dark-scheme .wpcf7 .main-form button {  background:#1a1a1a;  color:#fff;  border-color:#1a1a1a; } .dark-scheme .wpcf7 .main-form button:hover {  background:#fff;  color:#1a1a1a;  border-color:#fff; } @media (max-width:600px) {  .rs-layer .btn-details:before {   width:16px;   height:7px;   bottom:0;   left:-5px;  }  .rs-layer .btn-details:hover:before {   width:calc(100% + 10px);  }  .rs-layer.octf-btn:before, .rs-layer.octf-btn:after {   display:none;  } } @media (max-width:1024px) {  .grid-lines .g-line-vertical {   left:0;  }  .grid-lines .g-line-vertical.line-right {   right:0;   left:auto;  }  .grid-lines .g-line-vertical.line-center {   left:50%;  } } @media (max-width:991px) {  .ot-gallery .gallery-item:nth-child(even) .gallery-icon {   padding-top:0;  } } @media (max-width:767px) {  .ot-social-vertical {   display:none;  } } body .elementor-widget:not(:last-child) {  margin-bottom:0; } div.elementor-widget-heading .elementor-heading-title {  color:#1a1a1a;  font-weight:400;  font-family:"Titillium Web", sans-serif; } div.elementor-widget-heading h1.elementor-heading-title {  font-size:48px; } div.elementor-widget-heading h2.elementor-heading-title {  font-size:42px; } div.elementor-widget-heading h3.elementor-heading-title {  font-size:36px; } div.elementor-widget-heading h4.elementor-heading-title {  font-size:30px; } div.elementor-widget-heading h5.elementor-heading-title {  font-size:24px; } div.elementor-widget-heading h6.elementor-heading-title {  font-size:20px; } .dark-scheme .elementor-widget-heading .elementor-heading-title {  color:#fff; } .elementor-default .elementor-widget-text-editor, .elementor-default li.elementor-icon-list-item, .elementor-default li.elementor-icon-list-item a {  font-family:"Raleway", sans-serif;  color:#555555;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .elementor-default.dark-scheme .elementor-widget-text-editor, .elementor-default.dark-scheme li.elementor-icon-list-item, .elementor-default.dark-scheme li.elementor-icon-list-item a {  color:#a3a3a3; } .elementor_library-template-default .post-author-box, .elementor_library-template-default .post-navigation {  display:none; } .elementor-default .elementor-widget-text-editor p:last-child {  margin-bottom:0; }  .elementor .elementor-section.elementor-section-boxed > .elementor-container {  padding:0px 15px; }  .elementor .elementor-section.elementor-section-boxed > .elementor-container {  padding:0px; } .elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated, .elementor .elementor-section-boxed:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated {  padding-left:0;  padding-right:0; } .elementor .elementor-section > .elementor-container > .elementor-row {  width:auto;  flex:100%;  min-width:100%; } .elementor-section > .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated, .elementor-section > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated, .elementor-section > .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated {  padding-top:0;  padding-bottom:0; } .elementor .elementor-section > .elementor-column-gap-extended > .elementor-row, .elementor .elementor-section > .elementor-column-gap-wide > .elementor-row, .elementor .elementor-section > .elementor-column-gap-wider > .elementor-row {  margin-left:-15px;  margin-right:-15px; } .elementor .elementor-section > .elementor-column-gap-default > .elementor-row {  margin-left:-10px;  margin-right:-10px; } .elementor .elementor-section > .elementor-column-gap-narrow > .elementor-row {  margin-left:-5px;  margin-right:-5px; } .elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-extended > .elementor-row {  margin-left:0;  margin-right:0; }  .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated {  padding-top:0;  padding-bottom:0; } .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row, .page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row, .page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row, .page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row, .page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row, .page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row, .page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row, .page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row, .page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row, .page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row, .page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row {  margin-left:0;  margin-right:0; } .ot-flex-column-horizontal .elementor-widget-wrap {  flex-wrap:nowrap; } .ot-flex-column-horizontal .elementor-widget-wrap > .elementor-widget {  display:flex;  width:auto; } .elementor-section.ml_0 .elementor-container {  margin-left:0; } @media (max-width:767px) {  .page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width) > .elementor-container,  .page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-container,  .page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-container {   padding-left:15px;   padding-right:15px;  }  .page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no,  .page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no,  .page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no {   padding-left:0;   padding-right:0;  } } @media (min-width:768px) {  .elementor .elementor-section.elementor-section-boxed > .elementor-container {   max-width:750px;  }  .elementor-element .container {   width:720px;   padding:0;  } } @media (min-width:992px) {  .elementor .elementor-section.elementor-section-boxed > .elementor-container {   max-width:970px;  }  .elementor-element .container {   width:940px;   padding:0;  } } @media (min-width:1230px) {  .elementor .elementor-section.elementor-section-boxed > .elementor-container {   max-width:1200px;  }  .elementor-element .container {   width:1170px;   padding:0;  } } @media (min-width:1230px) {  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wide > .elementor-row {   margin-left:-20px;   margin-right:-20px;  }  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {   padding-left:20px;   padding-right:20px;  }  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wider > .elementor-row {   margin-left:-30px;   margin-right:-30px;  }  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {   padding-left:30px;   padding-right:30px;  } } .octf-cta-header {  position:relative;  height:100%;  display:flex;  align-items:center; } .octf-cta-header .toggle_search {  cursor:pointer; } .octf-cta-header .toggle_search i {  color:#fff;  text-align:center;  display:inline-block;  vertical-align:middle;  min-width:22px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .octf-cta-header .toggle_search i:before, .octf-cta-header .toggle_search i:after {  font-size:22px; } .octf-cta-header .toggle_search i.ot-flaticon-close-1:before {  font-size:18px; } .octf-cta-header .h-search-form-field {  display:none;  position:absolute;  z-index:99;  top:-webkit-calc(100% + 10px);  top:expression(100% + 10px);  top:-moz-calc(100% + 10px);  top:-o-calc(100% + 10px);  top:calc(100% + 10px);  right:-30px;  width:340px; } .octf-cta-header .h-search-form-field .h-search-form-inner {  padding:20px 35px 34px;  background-color:#2a2a2a;  box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -webkit-box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1); } .octf-cta-header .h-search-form-field .h-search-form-inner input {  background:transparent;  color:#fff;  font-weight:400;  border-color:rgba(255, 255, 255, 0.1); } .octf-cta-header .h-search-form-field .h-search-form-inner button {  color:#fff; } .octf-cta-header .h-search-form-field .h-search-form-inner button i:before {  font-weight:normal; } .octf-cta-header .h-search-form-field .h-search-form-inner ::-webkit-input-placeholder {  color:#fff; } .octf-cta-header .h-search-form-field .h-search-form-inner :-ms-input-placeholder {  color:#fff; } .octf-cta-header .h-search-form-field .h-search-form-inner ::placeholder {  color:#fff; } .octf-cta-header .h-search-form-field.show {  -webkit-animation:searchSlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;  animation:searchSlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both; } @-webkit-keyframes searchSlideUp {  from {   -webkit-transform:translateY(10%);   transform:translateY(10%);  }  to {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @keyframes searchSlideUp {  from {   -webkit-transform:translateY(10%);   transform:translateY(10%);  }  to {   -webkit-transform:translateY(0);   transform:translateY(0);  } } @media only screen and (max-width:600px) {  .octf-cta-header .h-search-form-field {   right:-65px;  } } .octf-cart {  position:relative; } .site-header-cart {  position:absolute;  visibility:hidden;  opacity:0;  z-index:10;  top:-webkit-calc(100% + 10px);  top:expression(100% + 10px);  top:-moz-calc(100% + 10px);  top:-o-calc(100% + 10px);  top:calc(100% + 10px);  right:-30px;  background:#2a2a2a;  color:#fff;  width:342px;  padding:35px;  box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -webkit-box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1);  -webkit-transform:translateY(30px);  -ms-transform:translateY(30px);  transform:translateY(30px);  transition:all 0.3s ease-in-out;  -webkit-transition:all 0.3s ease-in-out;  -moz-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out;  -ms-transition:all 0.3s ease-in-out; } .site-header-cart .woocommerce-mini-cart__buttons {  margin-bottom:-15px; } .site-header-cart .widget_shopping_cart_content {  text-align:left; } .octf-cart:hover .site-header-cart {  visibility:visible;  opacity:1;  -webkit-transform:translateY(0px);  -ms-transform:translateY(0px);  transform:translateY(0px); } .octf-cart:hover .site-header-cart:before {  content:"";  position:absolute;  height:10px;  width:100%;  top:-10px;  left:0px; } .cart-contents {  position:relative;   display:-webkit-flex;  -webkit-align-items:center;  -webkit-align-content:center;  -webkit-justify-content:center;   display:flex;  align-items:center;  align-content:center;  justify-content:center;  color:#fff; } .cart-contents:hover {  color:#fff; } .cart-contents i:before {  font-size:22px; } .cart-contents .cart__icon {  display:inline-block; } .cart-contents.count__absolute .count {  position:absolute;  bottom:-3px;  left:-12px; } .cart-contents .count {  display:inline-block;  width:22px;  height:22px;  line-height:22px;  background:#1a1a1a;  color:#fff;  text-align:center;  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  font-size:11px;  font-family:"Titillium Web", sans-serif; } @media only screen and (max-width:1024px) {  .site-header-cart {   display:none;  } } .header-mobile {  display:none; } .header-mobile .is-stuck {  background-color:#1a1a1a; } .header-mobile .is-stuck .cart-contents .count {  background:#fff;  color:#1a1a1a; } .mmenu-toggle button {  background:none;  border:none;  outline:none;  padding:0;  color:#fff; } .mmenu-toggle button i:before {  font-size:22px; } .mmenu-wrapper {  position:fixed;  top:0;  bottom:0;  right:0;  width:310px;  height:100vh;  background:#2a2a2a;  overflow-x:hidden;  z-index:9999;  -webkit-transform:translateX(100%);  -ms-transform:translateX(100%);  transform:translateX(100%);  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .mmenu-wrapper.mmenu-open {  -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0); } .mmenu-wrapper .mmenu-inner {  top:0;  height:100%;  width:310px;  padding:20px 35px 35px 35px;  overflow-x:hidden;  overflow-y:auto;  box-sizing:border-box;  -ms-overflow-style:none;  scrollbar-width:none; } .mmenu-wrapper .mmenu-inner::-webkit-scrollbar {  display:none; } .mmenu-wrapper .mmenu-close {  display:block;  margin-bottom:10px;  color:#fff; } .mmenu-wrapper .mobile_mainmenu {  margin:0;  padding:0; } .mmenu-wrapper .mobile-nav {  min-width:240px; } .mmenu-wrapper .mobile_mainmenu ul {  position:relative;  margin:0;  padding:0;  margin-left:15px; } .mmenu-wrapper .mobile_mainmenu ul {  display:none; } .mmenu-wrapper .mobile_mainmenu li {  position:relative;  list-style:none; } .mmenu-wrapper .mobile_mainmenu li a {  padding:9px 30px 9px 0;  display:block;  font-size:14px;  color:#fff;  border-bottom:1px solid rgba(255, 255, 255, 0.1); } .mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow {  color:#fff;  position:absolute;  display:block;  right:0;  top:0;  cursor:pointer;  width:34px;  height:auto;  padding:7px 12px 7px 0;  line-height:inherit;  text-align:right;  box-sizing:border-box; } .mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i {  color:#9397a7;  display:inline-block;  line-height:1;  -webkit-transition:transform 0.3s ease-in-out;  -moz-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; } .mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i:before {  font-size:10px;  font-weight:600; } .mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow.active i {  -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);  transform:rotate(90deg); } .mmenu-wrapper.on-left {  right:auto;  left:0;  -webkit-transform:translateX(-100%);  -ms-transform:translateX(-100%);  transform:translateX(-100%); } .mmenu-wrapper.on-left.mmenu-open {  -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0); } .mmenu-wrapper.on-left .mmenu-close {  text-align:right; } .mmenu-wrapper.on-left .mmenu-close i:before {  content:"\f106"; } .mmenu-active .mmenu-overlay {  background:rgba(0, 0, 0, 0.7);  visibility:visible;  opacity:1;  z-index:9998; } @media only screen and (max-width:1024px) {  .header-mobile {   display:block;  }  .admin-bar section:not(.is-stuck) .mmenu-wrapper {   top:32px;  } } @media only screen and (max-width:782px) {  .admin-bar section:not(.is-stuck) .mmenu-wrapper {   top:46px;  } } .panel-btn {  line-height:1; } .panel-btn i {  color:#fff;  cursor:pointer; } .panel-btn i:before {  font-size:22px; } .admin-bar .side-panel {  top:32px; } .side-panel {  width:400px;  position:fixed;  top:0;  bottom:0;  right:0;  background:#2a2a2a;  overflow-x:hidden;  z-index:9999;  -webkit-transform:translateX(100%);  -ms-transform:translateX(100%);  transform:translateX(100%);  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .side-panel .side-panel-block {  padding:90px 25px 90px 25px;  height:100%;  width:100%;  overflow-x:hidden;  overflow-y:auto;  box-sizing:border-box;  -ms-overflow-style:none;  scrollbar-width:none; } .side-panel .side-panel-block::-webkit-scrollbar {  display:none; } .side-panel .side-panel-close {  display:block;  position:absolute;  right:0;  top:0;  color:#fff;  font-size:20px;  width:90px;  height:90px;  line-height:90px;  cursor:pointer;  z-index:9999;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  background:#2f2f2f;  text-align:center; } .side-panel.on-left {  right:auto;  left:0;  -webkit-transform:translateX(-100%);  -ms-transform:translateX(-100%);  transform:translateX(-100%); } .side-panel.on-left.mmenu-open {  -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0); } .side-panel.side-panel-open {  -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0); } .side-panel-active .panel-overlay {  background:rgba(0, 0, 0, 0.7);  visibility:visible;  opacity:1;  z-index:9998; } @media only screen and (max-width:782px) {  .admin-bar .side-panel {   top:46px;  } } .list-menu-item-wrapper {  font-family:"Titillium Web", sans-serif; } .list-menu-item-wrapper ul {  margin-bottom:0; } .list-menu-item-wrapper ul li {  color:#c6c6c6;  margin-bottom:12px; } .list-menu-item-wrapper ul li a {  position:relative;  color:#c6c6c6; } .list-menu-item-wrapper ul li a:before {  position:absolute;  content:"";  top:50%;  left:0;  width:0px;  height:1px;  background:#fff;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear;  visibility:hidden;  opacity:0; } .list-menu-item-wrapper ul li a:hover {  padding-left:40px;  color:#fff; } .list-menu-item-wrapper ul li a:hover:before {  visibility:visible;  left:0;  opacity:1;  width:30px; } .list-menu-item-wrapper ul li i {  font-size:14px;  margin-right:6px;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .list-menu-item-wrapper ul li svg {  width:14px;  margin-right:6px; } .list-menu-item-wrapper ul li:last-child {  margin-bottom:0; } .list-menu-item-wrapper ul.no-line li a:hover {  padding-left:0; } .list-menu-item-wrapper ul.no-line li a:before {  display:none; }  .mc4wp-form-fields .subscribe-inner-form {  position:relative; } .mc4wp-form-fields .subscribe-inner-form input[type=email] {  height:46px;  width:100%;  background:transparent;  color:#b1b0b0;  border-color:rgba(255, 255, 255, 0.1);  padding-right:56px; } .mc4wp-form-fields .subscribe-inner-form input[type=email]::placeholder {  color:#b1b0b0; } .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon {  background:transparent;  border:none;  outline:none;  display:block;  position:absolute;  right:0;  top:0;  width:46px;  height:100%;  line-height:44px;  text-align:center;  color:#fff;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear;  -o-transition:all 0.3s linear;  -ms-transition:all 0.3s linear; } .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i {  display:inline-block;  vertical-align:middle;  line-height:1; } .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i:before {  font-size:16px; }  #back-to-top {  background:#9f9e9e;  color:#fff;  border:0 none;  cursor:pointer;  width:42px;  height:45px;  line-height:45px;  opacity:0;  visibility:hidden;  outline:medium none;  position:fixed;  right:40px;  bottom:-20px;  text-align:center;  text-decoration:none;  transition:opacity 0.2s ease-out 0s;  z-index:1000;  transition:all 0.5s ease-in-out;  -webkit-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out;  -ms-transition:all 0.5s ease-in-out; } #back-to-top.show {  opacity:1;  visibility:visible;  bottom:40px; } #back-to-top i {  display:block;  -webkit-transform:rotate(90deg);  -ms-transform:rotate(90deg);  transform:rotate(90deg); } #back-to-top i:before {  font-size:17px; }  .error-404 {  position:relative;  height:100vh;  display:flex;  align-items:center;  color:#fff;  background:url(https://brianzarreda.it/wp-content/themes/theratio/images/bg-404.jpg) center center no-repeat;  background-size:cover; } .error-404 .error-logo {  position:absolute;  top:0;  left:50%;  transform:translateX(-50%);  width:80px; } .error-404 h1 {  font-size:180px;  line-height:1;  font-weight:200;  color:#fff; } .error-404 h2 {  font-size:42px;  line-height:1;  margin-bottom:30px;  color:#fff; } .error-404 .page-content {  font-size:18px;  max-width:425px;  margin:auto; } .error-404 .page-content form {  margin:10px 15px 0; } .error-404 .page-content form .search-field {  background:transparent;  color:#fff; } .error-404 .page-content form .search-field::placeholder {  color:#fff; } .error-404 .page-content form button {  color:#fff; } .error-404 .white-btn {  display:inline-block;  margin-top:30px;  padding:13px 33px;  background:#fff;  color:#1a1a1a;  font-size:13px;  font-family:"Titillium Web", sans-serif;  font-weight:600;  text-transform:uppercase; } .error-404 .white-btn:hover {  background:#1a1a1a;  color:#fff; } @media (max-width:479px) {  .error-404 h1 {   font-size:120px;  }  .error-404 h2 {   font-size:32px;  } } @media (min-width:992px) {  .lg-hidden {   display:none;  } } @media (min-width:768px) and (max-width:991px) {  .md-hidden {   display:none;  } } @media (min-width:480px) and (max-width:767px) {  .sm-hidden {   display:none;  } } @media (max-width:1299px) {  blockquote {   padding-left:20px;   padding-right:20px;  } }