/* fonts import (arial_mt)*/

@font-face {
  font-family: 'Arial';
  src: url('fonts/arial.eot');
  src: url('fonts/arial.eot?#iefix') format('embedded-opentype'),
    url('fonts/arial.woff2') format('woff2'),
    url('fonts/arial.woff') format('woff'),
    url('fonts/arial.ttf') format('truetype'),
    url('fonts/arial.svg#Arial') format('svg');
}

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');


/*Global css*/
:root {

  /* colors */
  --web-white: #ffffff;
  --web-black: #000000;
  --web-bodyfontblack: #282828;
  --web-bodyfontwhite: #f6f6f6;
  --web-hover: #3b71ca;
  --web-alert: #77C3EC;
  --web-silver: #C0C0C0;
  --web-grey: #808080;

  /* weight */

  --web-thin: 300;
  --web-regular: 400;
  --web-medium: 500;
  --web-semibold: 600;
  --web-bold: bold;

  /* size */
  --web-0: 0px;
  --web-2: 2px;
  --web-4: 4px;
  --web-6: 6px;
  --web-8: 8px;
  --web-10: 10px;
  --web-12: 12px;
  --web-14: 14px;
  --web-15: 15px;
  --web-16: 16px;
  --web-18: 18px;
  --web-20: 20px;
  --web-22: 22px;
  --web-24: 24px;
  --web-26: 26px;
  --web-28: 28px;
  --web-30: 30px;
  --web-35: 35px;
  --web-40: 40px;
  --web-45: 45px;
  --web-50: 50px;
  --web-55: 55px;
  --web-60: 60px;
  --web-65: 65px;
  --web-70: 70px;
  --web-75: 75px;
  --web-80: 80px;
  --web-85: 85px;
  --web-90: 90px;
  --web-95: 95px;
  --web-100: 100px;

  /* texts */
  --web-textupper: uppercase;
  --web-textlower: lowercase;
  --web-textcaps: capitalize;

}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: 'Arial';
  scroll-behavior: smooth;
  font-size: var(--web-16);
  color: var(--web-bodyfontblack);
  height: auto !important;
  text-align: left;
  background: var(--web-white);
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: 0.5px;
}

a,
button {
  text-decoration: none;
  cursor: pointer;
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

p {
  margin-bottom: var(--web-16);
  font-size: var(--web-16);
}

* p:last-child {
  margin-bottom: var(--web-0);
}


.container {
  width: calc(100% - var(--web-15));
  max-width: 1200px;
  padding: 0;
}

input[type=text]::-ms-clear {
  display: none;
}

input[type=submit],
input[type=button] {
  cursor: pointer;
}

select:focus::-ms-value {
  color: inherit;
  background: none;
}

* {
  outline: none !important;
}

b,
strong {
  font-weight: var(--web-semibold);
}

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #606060;
  -moz-transition: all 0s ease;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear {
  display: none;
}

figure {
  margin: 0;
}

.noscript {
  background: #000;
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9;
}

p.noscript {
  margin: 0;
}

.warning-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 20px;
  height: 17px;
  z-index: 1;
  margin: 0 10px 0 0;
}

*::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

*:-moz-placeholder {
  color: inherit;
  opacity: 1;
}

*::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

*::placeholder {
  color: inherit;
  opacity: 1;
}

ul {
  padding-left: 0px;
}

li {
  list-style: none;
}

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

a {
  color: var(--web-black);
  word-break: break-word;
}

section,
header,
footer {
  display: block;
  float: left;
  width: 100%;
}

section {
  padding-block: var(--web-75);
}

.section_title {
  font-size: var(--web-60);
  color: var(--web-black);
  font-family: 'Oswald', sans-serif;
  text-align: center;
  position: relative;
  margin-bottom: var(--web-60);
  font-weight: var(--web-semibold);
  text-transform: var(--web-textupper);
}

.section_title::after {
  content: "";
  border: 1.5px solid;
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  width: 120px;
  margin: 0 auto;
  bottom: -8px;
}


.btn {
  display: inline-block;
  font-size: 17px;
  text-transform: uppercase;
  background-color: var(--web-black);
  color: #fff;
  font-family: Oswald;
  padding: 13px 0;
  width: 251px;
  border-radius: 50px;
  font-weight: 500;
  letter-spacing: .5px;
  -moz-box-shadow: 0px 4px 9px rgba(153, 153, 153, .47);
  -webkit-box-shadow: 0px 4px 9px rgba(153, 153, 153, .47);
  box-shadow: 0px 4px 9px rgba(153, 153, 153, .47);
}

.btn:hover {
  box-shadow: 2px 10px 18px rgba(153, 153, 153, .47);
  -moz-box-shadow: 2px 10px 18px rgba(153, 153, 153, .47);
  -webkit-box-shadow: 2px 10px 18px rgba(153, 153, 153, .47);
  background-color: var(--web-bodyfontblack);
  color: #fff;
}

/* siteHeader */
.siteHeader {
  background-color: var(--web-black)
}

.navbar-nav li a {
  text-transform: var(--web-textupper);
  font-family: 'Oswald', sans-serif;
  color: var(--web-bodyfontwhite);
  font-size: var(--web-24);
}

.navbar-nav {
  margin-left: auto;
}

.navbar-nav li:not(:last-child) {
  margin-right: 45px;
}

.navbar-nav li.active a,
.navbar-nav li a:hover,
.current-menu-item a {
  color: var(--web-alert) !important;
}

.navbar-nav li:hover .icon-submenu::before {
  content: "\f0d8";
  color: var(--web-bodyfontwhite);
}

.icon-submenu {
  pointer-events: none;
}

.icon-submenu::before {
  content: "\f0d7";
  color: var(--web-bodyfontwhite);
  font-family: "FontAwesome";
  position: absolute;
  left: 50%;
  top: 50%;
}

.sub-menu {
  width: 220px !important;
  background-color: var(--web-bodyfontblack);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.sub-menu li:not(:last-child) {
  border-bottom: 1px solid #454545;
}

.sub-menu li > a {
  padding: 8px 15px;
  color: var(--web-bodyfontwhite);
  font-size: 16px;
  width: 100%;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
}

.sub-menu li > a:hover {
  background-color: var(--dblack);
  color: var(--white);
}

.navbar-nav li {
  position: relative;
}

.navbar-nav > li {
  padding: 50px 0;
}

.navbar-nav li:hover .sub-menu {
  display: flex;
  flex-direction: column;
}

.navbar {
  padding: 0;
}

.sub-menu > li > a:hover {
  color: var(--web-alert);
}

.sub-menu > li {
  margin: 0 !important;
}

.icon-submenu {
  position: absolute;
  top: 50%;
  right: -8px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -11px;
}

/* fixed-top */

/*.siteHeader {position: fixed;top: 0;transition: top 0.2s ease-in-out;width: 100%;z-index: 99;}
.nav-up {top: -160px;}
.site_Headerblurup{box-shadow: 0 2px 4px 0 #444;}*/


/* tbox_grp */

.tbox_grp li:hover {
  filter: drop-shadow(0 14px 42px rgba(0, 0, 0, .2));
}


.tbox_grp_vm {
  margin-top: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upicon::after {
  content: "\f0d8" !important;
}





/*.tbox_grp{overflow: hidden;height: 540px;}*/

.tbox_grp li .modal-content {
  background: #222;
}

.tbox_grp li .modal-header {
  border-bottom: 1px solid #454545;
}

.tbox_grp li .modal-header .btn-close {
  background: #444;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tbox_grp li .modal-dialog {
  width: calc(100% - 30px);
  height: 100%;
  margin: 0 auto;
}

.tbox_grp li .modal-content {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.siteMaintabs_wrp .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 73px;
}

.siteMaintabs_wrp .nav .nav-link {
  font-family: 'Oswald', sans-serif;
  background: var(--web-bodyfontwhite);
  font-size: 24px;
  padding: 12px 60px;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0;
  color: #666;
}

.siteMaintabs_wrp .nav li:first-child .nav-link {
  border-left: 1px solid #ccc;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

.siteMaintabs_wrp .nav li:last-child .nav-link {
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}

.siteMaintabs_wrp .nav .nav-link.active,
.siteMaintabs_wrp .nav .show > .nav-link {
  color: var(--web-white);
  background-color: var(--web-black);
}

.siteMaintabs_wrp .nav .nav-link:hover {
  opacity: 0.8;
}

/* siteSingleTextgrp */

.siteSingleTextgrp .section_title {
  font-size: var(--web-50);
}

.siteSingleTextgrp p {
  text-align: center;
  font-size: var(--web-20);
  line-height: var(--web-30);
  font-weight: var(--web-medium);
}

/* siteTesti */


.siteTesti {
  background-color: var(--web-black);
  padding-bottom: 145px;
}

.siteTesti_wrp .section_title {
  color: var(--web-white);
}

.siteTesti_wrp .item {
  text-align: center;
}

.siteTesti_wrp .item h5 {
  color: var(--web-white);
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-26);
  text-transform: var(--web-textupper);
  margin-bottom: var(--web-40);
}

.siteTesti_wrp .item p {
  margin-bottom: 0;
  color: var(--web-white);
  font-size: var(--web-20);
  line-height: var(--web-30);
}

.siteTesti_wrp .carousel-indicators {
  margin-bottom: -80px;
}

.siteTesti_wrp .carousel-indicators [data-bs-target] {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

/* siteContact */

.siteContact_wrp .gform_description {
  margin-top: 60px;
}

.siteContact_wrp .gform_confirmation_message {
  padding-top: 70px;
}

.siteContact_wrp form .row .col-12:not(:last-of-type) {
  margin-bottom: var(--web-50);
}

.form_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.form_box label {
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-24);
  font-weight: var(--web-semibold);
  padding-left: var(--web-24);
  margin-bottom: var(--web-8);
}

.form_box .input {
  font-family: 'Oswald', sans-serif;
  width: 100%;
  font-size: var(--web-24);
  border: 1px solid var(--web-silver);
  border-radius: var(--web-35);
  padding: var(--web-8) var(--web-28);
}

.form_box small {
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-20);
  font-weight: var(--web-semibold);
  padding-left: var(--web-24);
  margin-top: var(--web-8);
}

.form_box textarea {
  min-height: 240px;
  max-height: 240px;
}

.form_box img {
  border: 1px solid var(--web-silver);
  max-width: 500px;
  margin-block: var(--web-40);
}

.form_box .submit {
  max-width: 260px;
}

.form_box .input:focus {
  background-color: var(--web-bodyfontwhite);
  border: 1px solid var(--web-bodyfontblack);
}

/* siteFt */

.siteFt {
  background-color: var(--web-black);
  padding-block: var(--web-15);
}

.siteFt_main {
  padding-block: var(--web-40);
}

.siteFt_mainwrp .row .col-12:not(:last-of-type) {
  margin-bottom: var(--web-35);
}

.siteFt_mainwrp .row .col-12:first-of-type {
  margin-bottom: var(--web-60);
}

.ftone {
  text-align: center;
}

.ftone a img {
  width: 100%;
  max-width: 360px;
}

.siteFt_footerbox ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.siteFt_footerbox ul li:not(:last-child) {
  margin-right: var(--web-30);
}

.siteFt_footerbox ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.siteFt_footerbox ul li a {
  color: var(--web-bodyfontwhite);
  font-size: var(--web-26);
}

.siteFt_footerbox ul li a:hover {
  color: var(--web-alert);
}

.siteFt_footerbox ul li img {
  max-width: var(--web-55);
  margin-right: var(--web-30);
}

.fttwo ul li:not(:last-child) {
  margin-right: var(--web-100);
}

.ftthree ul li a {
  color: var(--web-bodyfontblack);
  width: var(--web-55);
  height: var(--web-55);
  background-color: var(--web-bodyfontwhite);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.ftthree ul li a:hover {
  background-color: var(--web-white);
}

.ftfour ul li a {
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-24);
}

.ftfour ul li:not(:last-child) {
  margin-right: var(--web-60);
}

.siteFt_copyrightwrp {
  border-top: 2px solid var(--web-bodyfontwhite);
  padding-block: var(--web-30);
}

.siteFt_copyrightwrp p {
  font-size: var(--web-20);
  color: var(--web-bodyfontwhite);
  text-align: center;
}

.gform_heading h2 {
  text-align: center;
  font-weight: 700;
  font-size: 50px;
}

.gform_heading h2.gform_title {
  display: none;
}


/*innerBanner*/
.innerBanner {
  padding-bottom: 0
}


/*about me*/

.innerAbout_cntbox {
  padding-left: var(--web-60);
}

.innerAbout_cntbox p {
  margin-bottom: var(--web-20);
  font-size: var(--web-20);
  line-height: var(--web-30);
}


.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  font-family: 'Oswald', sans-serif;
  width: 100%;
  font-size: var(--web-24) !important;
  border: 1px solid var(--web-silver);
  border-radius: var(--web-35);
  padding: var(--web-8) var(--web-28) !important;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-24) !important;
  font-weight: var(--web-semibold);
  padding-left: var(--web-24) !important;
  ;
  margin-bottom: var(--web-8);
}

.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend {
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-20) !important;
  font-weight: var(--web-semibold);
  padding-left: var(--web-24) !important;
  margin-top: var(--web-8);
}

.gform_wrapper.gravity-theme .gfield textarea.large {
  min-height: 240px;
  max-height: 240px;
}


.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input {
  display: inline-block;
  font-size: 17px;
  text-transform: uppercase;
  background-color: var(--web-black);
  color: #fff;
  font-family: Oswald;
  padding: 13px 0;
  width: 251px;
  border-radius: 50px;
  font-weight: 500;
  letter-spacing: .5px;
  -moz-box-shadow: 0px 4px 9px rgba(153, 153, 153, .47);
  -webkit-box-shadow: 0px 4px 9px rgba(153, 153, 153, .47);
  box-shadow: 0px 4px 9px rgba(153, 153, 153, .47);
  border: none;
}

.gform_wrapper.gravity-theme #field_submit input:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover {
  box-shadow: 2px 10px 18px rgba(153, 153, 153, .47);
  -moz-box-shadow: 2px 10px 18px rgba(153, 153, 153, .47);
  -webkit-box-shadow: 2px 10px 18px rgba(153, 153, 153, .47);
  background-color: var(--web-bodyfontblack);
  color: #fff;
}

.lcontent {
  display: none;
}

#loadpost {
  font-size: 20px;
  color: green;
}

.\34 04sec_wrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.gform_wrapper.gravity-theme .gfield {
  margin-bottom: 20px !important;
}

h1.entry-title {
  display: none;
}

a.assessement-title {
  color: var(--web-bodyfontwhite);
  text-align: center;
  text-decoration: underline;
}

.resume-wrp {
  display: grid;
  place-items: center;
}

.resume-wrp a img {
  width: 100%;
  max-width: 340px;
}

.assessment_wrp ul li:not(:last-child) {
  margin-bottom: 60px;
}

.assessment_wrp ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.assessment_wrp ul li .cntbox {
  width: 75%;
  padding-right: 30px;
}

.assessment_wrp ul li .imgbox {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 30px;
}

.assessment_wrp ul li .imgbox img {
  filter: grayscale(1);
}

.assessment_wrp ul li .cntbox h5 {
  display: flex;
  align-items: center;
  color: var(--web-black);
  font-family: 'Oswald', sans-serif;
  font-size: var(--web-26);
  text-transform: var(--web-textupper);
  margin-bottom: 30px;
}


.assessment_wrp ul li .cntbox span {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--web-bodyfontblack);
  color: var(--web-white);
  margin-right: 16px;
}

.assessment_wrp ul li .cntbox p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}

.assessment_wrp ul li .cntbox a {
  min-width: fit-content;
  min-height: fit-content;
  font-size: var(--web-16);
  line-height: var(--web-30);
  border-radius: var(--web-35);
  padding: 15px 30px;
  width: fit-content;
  font-family: 'Oswald', sans-serif;
}

.gfield_checkbox {
  display: flex;
  flex-flow: row wrap;
  padding-left: 25px;
}

.gfield_checkbox .gchoice {
  flex: 0 0 50%;
  padding-right: 25px;

}

.gfield_radio {
  display: flex;
  flex-flow: row wrap;
  padding-left: 25px;

}

.gfield_radio .gchoice {
  flex: 0 0 50%;
  padding-right: 25px;
}

.gform_button_select_files {
  padding: 8px 15px;
  border: none;
  background: #222;
  color: #fff;
}

.tbox_grp .modal-dialog {
  max-width: 65%;
}

.tbox_grp li .modal-content {
  max-height: 85%;
}

.tbox_grp .modal-body img {
  width: 100%;
}

.tbox_grp .modal-body {
  max-height: 85%;
  overflow-y: scroll;
}

.gform_wrapper.gravity-theme .gfield_header_item,
.gform_wrapper.gravity-theme .gform_fileupload_rules,
.gform_wrapper.gravity-theme .ginput_complex label {

  padding-left: 25px;
}

.navbar-brand img {
  width: 100%;
  max-width: 270px;
}

.loadpost {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
}

.page-template-portfolia .siteMaintabs {
  padding-top: 25px;
  padding-bottom: 70px;
}

.page-template-portfolia .innerBanner {
  padding-bottom: 0;
  padding-top: 55px;
}

.gform_description {
  margin-bottom: 30px;
  display: flex;
  padding-left: 25px;
}

.page-template-contact .innerBanner .section_title {
  margin-bottom: 0;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  padding: 16px 0 0 0 !important;
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
  margin-bottom: 0 !important;
}

.innerAbout {
  padding-top: 25px;
}

.innerAbout_cntbox p:last-child {
  margin-bottom: 0;
}

.resumepage {
  padding-top: 25px;
}

.assessment {
  padding-top: 25px;
}


.tbox_grp > li {
  float: left;
  width: 25%;
  padding: 0 15px 30px;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 30px;
  height: 285px;
  transition: all 1s ease-in;
}

.tbox_grp > li > a > img {
  float: left;
  width: 100%;
  cursor: pointer;
  object-fit: cover;
  max-height: 100%;
}

.tbox_grp > li > a {
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .1));
}





#portfoliopage #tabb {
  background: transparent;
  border: none;
  padding: 0px 0;
}

#tabb {
  float: left;
  width: 100%;
  text-align: center;
}


#tabb .tab-content {
  display: inline-block;
  margin-top: 50px;
  width: 100%;
}



body.page-template-web-design-portfolio #tabb .tab-content ul li {
  position: relative;
  filter: none;
}

.page-portfolio #tabb .tab-content ul li {
  float: left;
  width: 25%;
  padding: 0 15px 30px 15px;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 30px;
  height: 285px;
  transition: all 1s ease-in;
}



body.page-template-web-design-portfolio #tabb .tab-content ul li .cus-hover-icn {
  position: absolute;
  top: 0;
  right: 15px;
  left: 15px;
  bottom: 30px;
  background: #00000080;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}


body.page-template-web-design-portfolio #tabb .tab-content ul li .cus-hover-icn span {
  height: 50px !important;
  width: 50px;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px;
  text-align: center;
  line-height: 48px;
  filter: none;
}

body.page-template-web-design-portfolio #tabb .tab-content ul li:hover .cus-hover-icn {
  opacity: 1;
}




/*home portfolia*/

#tabb {
  float: left;
  width: 100%;
  text-align: center;
}

#tabb .nav.nav-tabs {
  display: inline-block;
  border-bottom: 0;
  border-radius: 50px;
  overflow: hidden;
  margin-top: 36px;
}


#tabb .nav.nav-tabs li:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-left: 1px solid #D5D8E0;
}

#tabb .nav.nav-tabs .active {
  background-color: #ff9517;
  border-bottom: 3px solid #ff9517;
}

#tabb .nav.nav-tabs li {
  background-color: #fff;
  width: 213px;
  display: inline-block;
  border-top: 1px solid #D5D8E0;
  border-bottom: 1px solid #D5D8E0;
  border-right: 1px solid #D5D8E0;
  margin: 0;
}

#tabb .nav.nav-tabs .active a {
  color: #fff;
  border: navajowhite;
  display: inline-block;
}

#tabb .nav.nav-tabs li a {
  background-color: transparent;
  color: #737888;
  font-size: 19px;
  font-family: Oswald;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
}


#tabb .tab-content {
  display: inline-block;
  margin-top: 50px;
  width: 100%;
}

#tabb .tab-content .tab-pane.fade {
  float: left;
  width: 100%;
}

.tab-content > .tab-pane.active {
  visibility: visible;
  opacity: 1;
}


#tabb .tab-content .tab-pane.fade ul {
  float: left;
  width: 100%;
}

#tabb .tab-content .tab-pane.fade ul li {
  float: left;
  width: 25%;
  padding: 0 15px 30px 15px;
  box-sizing: border-box;
  margin: 0;
  box-sizing: border-box;
  margin-bottom: 30px;
  height: 285px;
  /* overflow: hidden; */
}

#tabb .tab-content .tab-pane.fade ul li span {
  float: left;
  width: 100%;
  height: 100% !important;
}

#tabb .tab-content .tab-pane.fade ul li span {
  float: left;
  width: 100%;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .1));
  height: 255px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#tabb .tab-content ul li a {
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
}

#tabb .tab-content .tab-pane.fade ul li span {
  float: left;
  width: 100%;
  height: 100% !important;
}

#tabb .tab-content .tab-pane.fade ul li span {
  float: left;
  width: 100%;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .1));
  height: 255px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#tabb .tab-content .tab-pane.fade ul li span img {
  width: 100%;
  object-fit: initial;
  height: 100%;
  object-fit: contain;
  /* height: 215px; */
  /* max-height: 200px; */
}

#tabb .tab-content .tab-pane.fade ul li span img {
  float: left;
  width: 100%;
  cursor: pointer;
  object-fit: cover;
  max-height: 100%;
}

#tabb .nav {
  display: inline-block;
  border-bottom: 0;
  border-radius: 50px;
  overflow: hidden;
}

#tabb .nav li:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

#tabb .nav li:nth-child(2) {
  border-right: 1px solid #D5D8E0;
}

#tabb .nav li {
  background-color: #fff;
  width: 213px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  margin: 0;
  padding: 0;
}

#tabb .nav li:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

#tabb .nav .active button {
  color: #fff;
  border: navajowhite;
  display: inline-block;
  background: #000;
  border-radius: 0;
}

#tabb .nav li button {
  background-color: transparent;
  color: #737888;
  font-size: 19px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  width: 100%;
  padding: 12px;
}

#tabb .link {
  margin-top: 20px;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px !important;
  z-index: 111101;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0 0 20px #111;
  -moz-box-shadow: 0 0 20px #111;
  -webkit-box-shadow: 0 0 20px #111;
}

div#fancybox-wrap img {
  max-width: 100%;
  width: 100%;
}

.fancybox-title-over #fancybox-title {
  display: none !important;
}

.tab-content #nav8 ul li {
  position: relative;
}

.tab-content #nav8 ul li span img {
  object-fit: cover !important;
  object-position: top;
  display: block;
  height: 90% !important;
}

.tab-content #nav8 ul li .cus-hover-icn {
  position: absolute;
  top: 0;
  right: 15px;
  left: 15px;
  bottom: 30px;
  background: #00000080;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.tab-content #nav8 ul li:hover .cus-hover-icn {
  opacity: 1;
}

.tab-content #nav8 ul li .cus-hover-icn span {
  height: 50px !important;
  width: 50px !important;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px 0 10px;
  text-align: center;
  line-height: 48px;
  filter: none;
  max-height: 50px !important;
}

#fancybox-content > div {
  overflow: auto !important;
}

.custome_head {
  display: block;
  width: 100%;
  float: left;
}

.page_caption {
  display: none;
}

#portfoliopage {
  display: block;
  width: 100%;
  float: left;
  padding-bottom: 75px;
}

#menu-portfolio-tab-menu {
  display: inline-block;
  border-bottom: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: row;
}

#menu-portfolio-tab-menu li:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

#menu-portfolio-tab-menu li:first-child a {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

#menu-portfolio-tab-menu li:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

#menu-portfolio-tab-menu li:last-child a {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

#menu-portfolio-tab-menu li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

#menu-portfolio-tab-menu li {
  background-color: #fff;
  width: 213px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  margin: 0;
  padding: 0;
}

#menu-portfolio-tab-menu li.current-menu-item a {
  color: #fff !important;
  background: #000 !important;
}

#menu-portfolio-tab-menu li a:hover {
  color: #737888 !important;
}

#menu-portfolio-tab-menu li a {
  background-color: #fff;
  color: #737888;
  font-size: 19px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  width: 100%;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: unset;
}

#menu-portfolio-tab-menu .active a {
  color: #fff;
  border: navajowhite;
  display: inline-block;
  background: #000;
  border-radius: 0;
}

#loadMore {
  margin-top: 20px;
}

.page-portfolio #tabb .tab-content ul li span {
  float: left;
  width: 100%;
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .1));
  height: 255px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-portfolio #tabb .tab-content ul li span img {
  float: left;
  width: 100%;
  cursor: pointer;
  object-fit: cover;
  max-height: 100%;
  height: 100%;
}

ul.lflex {
  width: 100%;
  float: left;
}

#tabb .nav {
  display: inline-block;
  border-bottom: 0;
  border-radius: 50px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

#tabb .nav li:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

#tabb .nav li:first-child button {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

#tabb .nav li:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

#tabb .nav li:last-child button {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

#tabb .nav li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

#tabb .nav li .active {
  background: #000 !important;
  color: #fff !important;
  border-radius: 0;
}

#tabb .tab-content .tab-pane.fade ul li:hover span {
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .3));
}

#menu-portfolio-tab-menu li.current-menu-item a:hover {
  color: #fff !important;
}

/*26/5/23*/

.innerResume_link a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    box-shadow: 0 4px 10px 0 #999;
}

/*30/05/2023*/

.logo_videos {
    display: block;
    width: 100%;
    float: left;
    margin-top: 60px;
    padding: 6px 6px 0px 6px;
}

/*02/06/2023*/

body.page-template-web-design-portfolio #tabb .tab-content ul li span {
    filter: none;
}

body.page-template-web-design-portfolio  #tabb .tab-content ul li span {
    filter: none !important;
}
body.page-template-web-design-portfolio  #tabb .tab-content ul li li:hover {
     filter: none !important; 
}
body.page-template-web-design-portfolio #tabb .tab-content ul li span img {
    object-fit: cover;
    object-position: top;
    height: 90% !important;
}

#portfoliopage .container {
    max-width: 1170px;
    padding: 0 12px;
}

/*05/06/2023*/

#nav8 .tbox_grp li:hover {
     filter: none !important; 
}

#nav8 ul li span {
    filter: none !important; 
}
.cus-hover-icn > span > a > svg {
	font-size: 1rem;
	margin-bottom: -2px;
}