/*
Theme Name: Product Visualization
Version: 1.0
*/
@font-face{
   font-family:'montserrat';
   src:url(font/montserrat-regular.ttf);
   font-display:swap;
   font-weight:400
}
@font-face{
   font-family:'montserrat';
   src:url(font/montserrat-medium.ttf);
   font-display:swap;
   font-weight:500
}
@font-face{
   font-family:'montserrat';
   src:url(font/montserrat-bold.ttf);
   font-display:swap;
   font-weight:600
}
* {
   margin:0px;
   padding:0px;
}
body {
   margin:0px;
   padding:0px;
   font-family: 'montserrat';
   background: #000;
   color: #fff;
}
.container {
   width: 92%;
   display:block;
   margin: auto;
}
header {
   position: relative;
   z-index: 10;
   height: 80px;
   width: 100%;
}
.header.active {
   position: fixed;
   top: 0px;
}
.header {
   width: 100%;
   display: block;
   height:80px;
   background: #000;
   border-bottom: 1.8px solid #202020;
}
.header .container {
   display:flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
}
.logo img {
   width: 240px;
}
.header-menu {
   display: flex;
   align-items: center;
   height:80px
}
.header-menu ul {
   display: flex;
}
.header-menu ul li {
   list-style: none;
   margin: 0px 14px;
   position: relative;
}
.header-menu ul li a {
   color:#fff;
   text-decoration: none;
   font-size: 14px;
   height: 50px;
   display: flex;
   align-items: center;
   transition: .25s;
   text-transform: uppercase;
}
.header-menu ul li a:after {
   content: '';
   display: block;
   position:absolute; left:50%; bottom:0; width:0%; height:1px; background-color:#fff; transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.header-menu ul li a:hover:after {
   width: 100%;
}
.header-menu ul li ul li a:after {
   display: none;
}
.header-menu-blog {
   color: #fff;
   font-size: 15px;
   text-decoration: none;
   border: 0.4px solid #fff;
   padding: 6px 16px;
   margin-left: 20px;
   transition:.25s;
   text-transform: uppercase;
}
.header-menu-blog:hover {
   color: #000;
   background: #fff;
}
.header-menu ul li ul {
   display: none;
   position: absolute;
   background: #fff;
   border:1px solid #000;
   top:50px;
   min-width: 160px;
   justify-content: center;
}
.header-menu ul li:hover ul {
   display: block;
}
.header-menu ul li ul li {
   margin:0px;
}
.header-menu ul li ul li a {
   padding: 14px 16px;
   border-bottom: 1px solid #000;
   font-size: 14px;
}
.header-menu ul li ul li:last-child a {
   border:none;
}
.header-menu ul li ul li a {
   color: #000;
   height: auto;
   transition:.25s;
}
.header-menu ul li ul li a:hover {
   color: #fff;
   background: #000;
}
.header-menu-icon {
   display: none;
}
.home-slider {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   position: relative;
   margin-bottom: 60px;
}
.home-slider img {
   width: 100%;
   height: auto;
   z-index: 1;
}
.home-slider h1 {
   z-index: 3;
   position: absolute;
   color: #fff;
   font-weight: 500;
   font-size: 50px;
   text-align: center;
}
.home-slider-background {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   z-index: 2;
   background: rgba(0,0,0,.4);
}
.portfolio {
   display: block;
}
h2.custom-title, h1.custom-title {
    text-align:center;
  text-transform:uppercase;
  display: flex;
    color: #fff;
    font-size: 28px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
h2.custom-title:before, h1.custom-title:before {
  content: " ";
  display: block;
  border-bottom: 1.8px solid #FF3200;
  width: 100px;
  margin-right: 30px;
}
h2.custom-title:after, h1.custom-title:after {
  content: " ";
  display: block;
  border-bottom: 1.8px solid #FF3200;
  width: 100px;
  margin-left: 30px;
}
p.custom-desc {
   color: #fff;
   text-align: center;
   width: 50%;
   margin:auto;
   font-size: 14px;
   margin-bottom: 40px;
}
.portfolio {
   display: grid;
   flex-wrap: wrap;
   grid-template-columns: repeat(auto-fill, 25%);
    justify-content: space-between;
    grid-gap: 0px;
}
.portfolio:after {
  content: "";
  flex: auto;
}
.portfolio-item {
   position: relative;
   overflow: hidden;
   cursor: pointer;
}
.portfolio-item img {
   width: 100%;
   height: 100%;
   transition: .25s;
}
.portfolio-item h3 {
   position: absolute;
   bottom: 0px;
   width: 100%;
   background: rgba(0,0,0,.4);
   color: #fff;
   font-size: 20px;
   font-weight: 500;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: -50px;
    transition: .25s;
}
.portfolio-item:hover h3 {
   bottom: 0px;
}
.portfolio-item:hover img {
   transform: scale(1.2);
}
.icon {
   display: inline-block;
   background-repeat: no-repeat;
}
.document-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29289 1.29289C9.48043 1.10536 9.73478 1 10 1H18C19.6569 1 21 2.34315 21 4V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V8C3 7.73478 3.10536 7.48043 3.29289 7.29289L9.29289 1.29289ZM18 3H11V8C11 8.55228 10.5523 9 10 9H5V20C5 20.5523 5.44772 21 6 21H18C18.5523 21 19 20.5523 19 20V4C19 3.44772 18.5523 3 18 3ZM6.41421 7H9V4.41421L6.41421 7ZM7 13C7 12.4477 7.44772 12 8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44772 14 7 13.5523 7 13ZM7 17C7 16.4477 7.44772 16 8 16H16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18H8C7.44772 18 7 17.5523 7 17Z' fill='%23fff'/%3E%3C/svg%3E");
   width: 50px;
   height: 50px;
   background-size: 50px;
}
.knowledge-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 16 16' fill='%23fff'%3E%3Cg fill='%23fff'%3E%3Cpath d='M8 7a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 7zM8 4a1 1 0 000 2h.007a1 1 0 000-2H8z'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1116 0A8 8 0 010 8zm8-6.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
   width: 50px;
   height: 50px;
   background-size: 50px;
}
.experience-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 10.4V20M12 10.4C12 8.15979 12 7.03969 11.564 6.18404C11.1805 5.43139 10.5686 4.81947 9.81596 4.43597C8.96031 4 7.84021 4 5.6 4H4.6C4.03995 4 3.75992 4 3.54601 4.10899C3.35785 4.20487 3.20487 4.35785 3.10899 4.54601C3 4.75992 3 5.03995 3 5.6V16.4C3 16.9601 3 17.2401 3.10899 17.454C3.20487 17.6422 3.35785 17.7951 3.54601 17.891C3.75992 18 4.03995 18 4.6 18H7.54668C8.08687 18 8.35696 18 8.61814 18.0466C8.84995 18.0879 9.0761 18.1563 9.29191 18.2506C9.53504 18.3567 9.75977 18.5065 10.2092 18.8062L12 20M12 10.4C12 8.15979 12 7.03969 12.436 6.18404C12.8195 5.43139 13.4314 4.81947 14.184 4.43597C15.0397 4 16.1598 4 18.4 4H19.4C19.9601 4 20.2401 4 20.454 4.10899C20.6422 4.20487 20.7951 4.35785 20.891 4.54601C21 4.75992 21 5.03995 21 5.6V16.4C21 16.9601 21 17.2401 20.891 17.454C20.7951 17.6422 20.6422 17.7951 20.454 17.891C20.2401 18 19.9601 18 19.4 18H16.4533C15.9131 18 15.643 18 15.3819 18.0466C15.15 18.0879 14.9239 18.1563 14.7081 18.2506C14.465 18.3567 14.2402 18.5065 13.7908 18.8062L12 20' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   width: 50px;
   height: 50px;
   background-size: 50px;
   
}
.security-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m 2 0 c -0.550781 0 -1 0.449219 -1 1 v 8 c 0 2.5 1.816406 4.246094 3.445312 5.332031 c 1.628907 1.085938 3.238282 1.617188 3.238282 1.617188 c 0.207031 0.070312 0.425781 0.070312 0.632812 0 c 0 0 1.609375 -0.53125 3.238282 -1.617188 c 1.628906 -1.085937 3.445312 -2.832031 3.445312 -5.332031 v -8 c 0 -0.550781 -0.449219 -1 -1 -1 z m 1 2 h 10 v 7 c 0 1.5 -1.183594 2.753906 -2.554688 3.667969 c -1.214843 0.808593 -2.179687 1.128906 -2.445312 1.226562 c -0.265625 -0.097656 -1.230469 -0.417969 -2.445312 -1.226562 c -1.371094 -0.914063 -2.554688 -2.167969 -2.554688 -3.667969 z m 0 0'/%3E%3C/svg%3E");
   width: 50px;
   height: 50px;
   background-size: 50px;
   
}
.deadline-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='100px' height='100px' viewBox='0 0 24 24'%3E%3Cpath d='M3,22H21a1,1,0,0,0,1-1V6a1,1,0,0,0-1-1H17V3a1,1,0,0,0-2,0V5H9V3A1,1,0,0,0,7,3V5H3A1,1,0,0,0,2,6V21A1,1,0,0,0,3,22ZM4,7H20v3H4Zm0,5H20v8H4Z'/%3E%3C/svg%3E");
   width: 50px;
   height: 50px;
   background-size: 50px;
}
.why-best .container {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
}
.why-best-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 18%;
   border:1.8px solid #202020;
   padding: 30px 0px;
   cursor: pointer;
}
.why-best-item i {
   margin-bottom: 20px;
   transition: .25s;
}
.why-best-item h3 {
   font-size: 20px;
   font-weight: 500;
}
.why-best-item:hover i {
   transform: scale(1.2);
}
footer {
   width: 100%;
   display: block;
   background: #000;
   margin-top: 80px;
   padding: 80px 0px 30px 0px;
   color: #fff;
   border-top: 1.8px solid #202020;
}
footer .container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.footer-left img {
   width: 240px;
   margin-bottom: 30px;
   filter: grayscale(1)
}
.footer-left p {
   font-size: 14px;
   margin-bottom: 30px;
   font-weight: 400;
}
.footer-left ul {
   list-style: none;
   display: flex;
}
.footer-left ul li {
   list-style: none;
   margin-right: 10px;
}
.footer-left ul li a {
   width: 38px;
   height: 38px;
   border: 0.4px solid #fff;
   display: flex;
   align-items: center;
   justify-content: center;
}
.twitter-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='431.20337mm' height='389.76843mm' viewBox='0 0 431.20337 389.76843' version='1.1' id='svg5' xml:space='preserve'%3E%3Cdefs id='defs2'/%3E%3Cg id='layer1' transform='translate(227.98816,51.751688)'%3E%3Cpath d='m 111.60976,-51.751688 h 66.12063 L 33.276384,113.35018 203.21522,338.01675 H 70.154418 L -34.0636,201.75742 -153.31262,338.01675 h -66.16064 L -64.965148,161.42136 -227.98816,-51.751688 H -91.549341 L 2.6545805,72.7943 Z M 88.403591,298.43991 H 125.04177 L -111.45749,-14.253875 h -39.31665 z' id='path2501' style='fill:%23fff;stroke-width:19.988'/%3E%3C/g%3E%3C/svg%3E");   height: 20px;
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.instagram-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='100px' height='100px' viewBox='0 0 32 32'%3E%3Cpath d='M20.445 5h-8.891A6.559 6.559 0 0 0 5 11.554v8.891A6.559 6.559 0 0 0 11.554 27h8.891a6.56 6.56 0 0 0 6.554-6.555v-8.891A6.557 6.557 0 0 0 20.445 5zm4.342 15.445a4.343 4.343 0 0 1-4.342 4.342h-8.891a4.341 4.341 0 0 1-4.341-4.342v-8.891a4.34 4.34 0 0 1 4.341-4.341h8.891a4.342 4.342 0 0 1 4.341 4.341l.001 8.891z'/%3E%3Cpath d='M16 10.312c-3.138 0-5.688 2.551-5.688 5.688s2.551 5.688 5.688 5.688 5.688-2.551 5.688-5.688-2.55-5.688-5.688-5.688zm0 9.163a3.475 3.475 0 1 1-.001-6.95 3.475 3.475 0 0 1 .001 6.95zM21.7 8.991a1.363 1.363 0 1 1-1.364 1.364c0-.752.51-1.364 1.364-1.364z'/%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.youtube-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.49614 7.13176C9.18664 6.9549 8.80639 6.95617 8.49807 7.13509C8.18976 7.31401 8 7.64353 8 8V16C8 16.3565 8.18976 16.686 8.49807 16.8649C8.80639 17.0438 9.18664 17.0451 9.49614 16.8682L16.4961 12.8682C16.8077 12.6902 17 12.3589 17 12C17 11.6411 16.8077 11.3098 16.4961 11.1318L9.49614 7.13176ZM13.9844 12L10 14.2768V9.72318L13.9844 12Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 8.25027 0 6.3754 0.954915 5.06107C1.26331 4.6366 1.6366 4.26331 2.06107 3.95491C3.3754 3 5.25027 3 9 3H15C18.7497 3 20.6246 3 21.9389 3.95491C22.3634 4.26331 22.7367 4.6366 23.0451 5.06107C24 6.3754 24 8.25027 24 12C24 15.7497 24 17.6246 23.0451 18.9389C22.7367 19.3634 22.3634 19.7367 21.9389 20.0451C20.6246 21 18.7497 21 15 21H9C5.25027 21 3.3754 21 2.06107 20.0451C1.6366 19.7367 1.26331 19.3634 0.954915 18.9389C0 17.6246 0 15.7497 0 12ZM9 5H15C16.9194 5 18.1983 5.00275 19.1673 5.10773C20.0989 5.20866 20.504 5.38448 20.7634 5.57295C21.018 5.75799 21.242 5.98196 21.4271 6.23664C21.6155 6.49605 21.7913 6.90113 21.8923 7.83269C21.9973 8.80167 22 10.0806 22 12C22 13.9194 21.9973 15.1983 21.8923 16.1673C21.7913 17.0989 21.6155 17.504 21.4271 17.7634C21.242 18.018 21.018 18.242 20.7634 18.4271C20.504 18.6155 20.0989 18.7913 19.1673 18.8923C18.1983 18.9973 16.9194 19 15 19H9C7.08058 19 5.80167 18.9973 4.83269 18.8923C3.90113 18.7913 3.49605 18.6155 3.23664 18.4271C2.98196 18.242 2.75799 18.018 2.57295 17.7634C2.38448 17.504 2.20866 17.0989 2.10773 16.1673C2.00275 15.1983 2 13.9194 2 12C2 10.0806 2.00275 8.80167 2.10773 7.83269C2.20866 6.90113 2.38448 6.49605 2.57295 6.23664C2.75799 5.98196 2.98196 5.75799 3.23664 5.57295C3.49605 5.38448 3.90113 5.20866 4.83269 5.10773C5.80167 5.00275 7.08058 5 9 5Z' fill='%23fff'/%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.linkedin-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='100px' height='100px' viewBox='0 0 1920 1920'%3E%3Cpath d='M478.234 600.75V1920H.036V600.75h478.198Zm720.853-2.438v77.737c69.807-45.056 150.308-71.249 272.38-71.249 397.577 0 448.521 308.666 448.521 577.562v737.602h-480.6v-700.836c0-117.867-42.173-140.215-120.15-140.215-74.134 0-120.151 23.55-120.151 140.215v700.836h-480.6V598.312h480.6ZM239.099 0c131.925 0 239.099 107.294 239.099 239.099s-107.174 239.099-239.1 239.099C107.295 478.198 0 370.904 0 239.098 0 107.295 107.294 0 239.099 0Z' fill-rule='evenodd'/%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.facebook-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff' version='1.1' width='100px' height='100px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg id='7935ec95c421cee6d86eb22ecd11b7e3'%3E%3Cpath style='display: inline;' d='M283.122,122.174c0,5.24,0,22.319,0,46.583h83.424l-9.045,74.367h-74.379 c0,114.688,0,268.375,0,268.375h-98.726c0,0,0-151.653,0-268.375h-51.443v-74.367h51.443c0-29.492,0-50.463,0-56.302 c0-27.82-2.096-41.02,9.725-62.578C205.948,28.32,239.308-0.174,297.007,0.512c57.713,0.711,82.04,6.263,82.04,6.263 l-12.501,79.257c0,0-36.853-9.731-54.942-6.263C293.539,83.238,283.122,94.366,283.122,122.174z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.google-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100px' height='100px' viewBox='0 0 20 20' version='1.1'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-300.000000, -7399.000000)' fill='%23fff'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M263.821537,7247.00386 L254.211298,7247.00386 C254.211298,7248.0033 254.211298,7250.00218 254.205172,7251.00161 L259.774046,7251.00161 C259.560644,7252.00105 258.804036,7253.40026 257.734984,7254.10487 C257.733963,7254.10387 257.732942,7254.11086 257.7309,7254.10986 C256.309581,7255.04834 254.43389,7255.26122 253.041161,7254.98137 C250.85813,7254.54762 249.130492,7252.96451 248.429023,7250.95364 C248.433107,7250.95064 248.43617,7250.92266 248.439233,7250.92066 C248.000176,7249.67336 248.000176,7248.0033 248.439233,7247.00386 L248.438212,7247.00386 C249.003881,7245.1669 250.783592,7243.49084 252.969687,7243.0321 C254.727956,7242.65931 256.71188,7243.06308 258.170978,7244.42831 C258.36498,7244.23842 260.856372,7241.80579 261.043226,7241.6079 C256.0584,7237.09344 248.076756,7238.68155 245.090149,7244.51127 L245.089128,7244.51127 C245.089128,7244.51127 245.090149,7244.51127 245.084023,7244.52226 L245.084023,7244.52226 C243.606545,7247.38565 243.667809,7250.75975 245.094233,7253.48622 C245.090149,7253.48921 245.087086,7253.49121 245.084023,7253.49421 C246.376687,7256.0028 248.729215,7257.92672 251.563684,7258.6593 C254.574796,7259.44886 258.406843,7258.90916 260.973794,7256.58747 C260.974815,7256.58847 260.975836,7256.58947 260.976857,7256.59047 C263.15172,7254.63157 264.505648,7251.29445 263.821537,7247.00386' id='google-%5B%23178%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.behance-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100px' height='100px' viewBox='0 -3.5 20 20' version='1.1'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='%23fff' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-100.000000, -7482.000000)' fill='%23fff'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M56.981,7324.11726 L62.069,7324.11726 L62.069,7322.65997 L56.981,7322.65997 L56.981,7324.11726 Z M59.489,7327.04322 C58.354,7327.04322 57.492,7327.74656 57.409,7329.04584 L61.481,7329.04584 C61.205,7327.50385 60.52,7327.04322 59.489,7327.04322 L59.489,7327.04322 Z M59.648,7333.06968 C60.696,7333.06968 61.465,7332.40764 61.622,7331.84992 L63.826,7331.84992 C63.196,7333.86701 61.895,7335 59.559,7335 C56.578,7335 54.905,7332.87964 54.905,7330.06626 C54.905,7323.44077 64.465,7323.20323 63.985,7330.68491 L57.409,7330.68491 C57.473,7332.20418 58.1,7333.06968 59.648,7333.06968 L59.648,7333.06968 Z M49.73,7332.77842 C50.933,7332.77842 51.775,7332.31572 51.775,7331.06705 C51.775,7329.77191 51.031,7329.21006 49.782,7329.21006 L46.768,7329.21006 L46.768,7332.77842 L49.73,7332.77842 Z M49.571,7327.26218 C50.572,7327.26218 51.263,7326.79638 51.263,7325.71399 C51.263,7324.57377 50.459,7324.22158 49.36,7324.22158 L46.768,7324.22158 L46.768,7327.26218 L49.571,7327.26218 L49.571,7327.26218 Z M49.924,7322 C52.295,7322 53.943,7322.7839 53.943,7325.22237 C53.943,7326.42973 53.458,7327.32931 52.233,7327.93557 C53.801,7328.40137 54.543,7329.62422 54.543,7331.23127 C54.543,7333.78232 52.52,7335 50.1,7335 L44,7335 L44,7322 L49.924,7322 Z' id='behance-%5B%23163%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.footer-left, .footer-right {
   width: 48%;
}
.footer-right {
   display: flex;
   flex-direction: column;
   text-align: right;
   font-size: 15px;
   align-items: end;
}
.footer-right b {
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 30px;
}
.footer-right a {
   color:#fff;
   text-decoration: none;
   margin-bottom: 10px;
   display: flex;
   justify-content: right;
   width:60%;
}
.footer-right p {
   display: flex;
   justify-content: right;
}
.footer-right i {
   margin-right: 6px;
}
.footer-copyright {
   font-size: 14px;
   width: 100%;
   display: block;
   text-align: center;
   margin-top: 70px;
   border-top: 1.8px solid #202020;
   padding-top: 30px;
}
.whatsapp-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.50002 12C3.50002 7.30558 7.3056 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C10.3278 20.5 8.77127 20.0182 7.45798 19.1861C7.21357 19.0313 6.91408 18.9899 6.63684 19.0726L3.75769 19.9319L4.84173 17.3953C4.96986 17.0955 4.94379 16.7521 4.77187 16.4751C3.9657 15.176 3.50002 13.6439 3.50002 12ZM12 1.5C6.20103 1.5 1.50002 6.20101 1.50002 12C1.50002 13.8381 1.97316 15.5683 2.80465 17.0727L1.08047 21.107C0.928048 21.4637 0.99561 21.8763 1.25382 22.1657C1.51203 22.4552 1.91432 22.5692 2.28599 22.4582L6.78541 21.1155C8.32245 21.9965 10.1037 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM14.2925 14.1824L12.9783 15.1081C12.3628 14.7575 11.6823 14.2681 10.9997 13.5855C10.2901 12.8759 9.76402 12.1433 9.37612 11.4713L10.2113 10.7624C10.5697 10.4582 10.6678 9.94533 10.447 9.53028L9.38284 7.53028C9.23954 7.26097 8.98116 7.0718 8.68115 7.01654C8.38113 6.96129 8.07231 7.046 7.84247 7.24659L7.52696 7.52195C6.76823 8.18414 6.3195 9.2723 6.69141 10.3741C7.07698 11.5163 7.89983 13.314 9.58552 14.9997C11.3991 16.8133 13.2413 17.5275 14.3186 17.8049C15.1866 18.0283 16.008 17.7288 16.5868 17.2572L17.1783 16.7752C17.4313 16.5691 17.5678 16.2524 17.544 15.9269C17.5201 15.6014 17.3389 15.308 17.0585 15.1409L15.3802 14.1409C15.0412 13.939 14.6152 13.9552 14.2925 14.1824Z' fill='%23fff'/%3E%3C/svg%3E");
   background-size: 30px;
   width: 30px;
   height: 30px;
}
.whatsapp-button {
   position: fixed;
   left:20px;
   bottom:20px;
   width: 56px;
   height: 56px;
   border-radius: 30px;
   background: #25D366;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 20;
   transition: .25s;
}
.whatsapp-button:hover {
   transform:scale(1.1);
}
.services {
   padding-bottom: 100px;
   display: block;
}
.services .container, .page .services {
   display: grid;
   flex-wrap: wrap;
   grid-template-columns: repeat(auto-fill, 23%);
    justify-content: space-between;
    grid-gap: 0px;
}
.services-list {
   text-align: center;
   overflow: hidden;
}
.services-list img {
   width: 100%;
   height: auto;
   transition: .25s;
}
.services-list:hover img {
   transform: scale(1.1);
}
.services-list a {
   color: #000;
   text-decoration: none;
   background:#fff;
}
.services-list h3 {
   font-size: 20px;
    padding: 20px 0px;
    background: #202020;
    z-index: 2;
    position: relative;
    margin-top: -6px;
    color: #fff;
}
.why-best-item h3 {
   color: #fff;
}
.page {
   padding-top: 80px;
}
.page h1 {
   margin-bottom: 40px;
}
.page p {
   margin-bottom: 20px;
}
.page p:last-child {
    margin-bottom:0px;
}
.page img {
    width: 100%;
    height: auto;
}
.page-2-con {
    display:flex;
    justify-content:space-between;
}
.page-2-div {
    width:60%;
}
.page-2-con .page-2-div:last-child {
    width:38%;
}
.page a {
    color:#fff;
}
.page .custom-desc {
    margin-bottom:40px;
}
.tel-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.3308 15.9402L15.6608 14.6101C15.8655 14.403 16.1092 14.2384 16.3778 14.1262C16.6465 14.014 16.9347 13.9563 17.2258 13.9563C17.517 13.9563 17.8052 14.014 18.0739 14.1262C18.3425 14.2384 18.5862 14.403 18.7908 14.6101L20.3508 16.1702C20.5579 16.3748 20.7224 16.6183 20.8346 16.887C20.9468 17.1556 21.0046 17.444 21.0046 17.7351C21.0046 18.0263 20.9468 18.3146 20.8346 18.5833C20.7224 18.8519 20.5579 19.0954 20.3508 19.3L19.6408 20.02C19.1516 20.514 18.5189 20.841 17.8329 20.9541C17.1469 21.0672 16.4427 20.9609 15.8208 20.6501C10.4691 17.8952 6.11008 13.5396 3.35083 8.19019C3.03976 7.56761 2.93414 6.86242 3.04914 6.17603C3.16414 5.48963 3.49384 4.85731 3.99085 4.37012L4.70081 3.65015C5.11674 3.23673 5.67937 3.00464 6.26581 3.00464C6.85225 3.00464 7.41488 3.23673 7.83081 3.65015L9.40082 5.22021C9.81424 5.63615 10.0463 6.19871 10.0463 6.78516C10.0463 7.3716 9.81424 7.93416 9.40082 8.3501L8.0708 9.68018C8.95021 10.8697 9.91617 11.9926 10.9608 13.04C11.9994 14.0804 13.116 15.04 14.3008 15.9102L14.3308 15.9402Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.mail-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 8L17.4392 9.97822C15.454 11.0811 14.4614 11.6326 13.4102 11.8488C12.4798 12.0401 11.5202 12.0401 10.5898 11.8488C9.53864 11.6326 8.54603 11.0811 6.5608 9.97822L3 8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.adres-icon {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C15.5 17.4 19 14.1764 19 10.2C19 6.22355 15.866 3 12 3C8.13401 3 5 6.22355 5 10.2C5 14.1764 8.5 17.4 12 21Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   width: 20px;
   height: 20px;
   background-size: 20px;
}
.fancybox-content {
   padding: 0px!important;
   background:transparent!important;
}
.blog {
   display: grid;
   flex-wrap: wrap;
   grid-template-columns: repeat(auto-fill, 23%);
    justify-content: space-between;
    grid-gap: 0px;
}
.blog-list {
   text-align: center;
   overflow: hidden;
}
.blog-list img {
   width: 100%;
   height: auto;
   transition: .25s;
   margin:0px;
}
.blog-list:hover img {
   transform: scale(1.1);
}
.blog-list a {
   color: #000;
   text-decoration: none;
   background:#fff;
}
.blog-list h3 {
   font-size: 20px;
    padding: 20px 0px;
    background: #202020;
    z-index: 2;
    position: relative;
    margin-top: -6px;
    color: #fff;
}
.iletisim {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 50px 0px 0px 0px;
}
.iletisim-left, .iletisim-right {
   width: 50%;
}
.iletisim-left {
   display: flex;
   flex-direction: column;
}
.iletisim-left a, .iletisim-left p {
   display: flex;
   color: #fff;
   margin-bottom: 10px;
   text-decoration: none;
   width:60%;
}
.iletisim-left i {
   margin-right: 6px;
}
.iletisim-left ul {
   display: flex;
   margin-top: 40px;
}
.iletisim-left ul li {
   list-style: none;
    margin-right: 10px;
}
.iletisim-left ul li a {
   width: 38px;
    height: 38px;
    border: 0.4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.iletisim-left ul li a i {
   margin:0px;
}
.iletisim-right form p {
   margin-bottom: 10px;
}
.iletisim-left img {
   width: 240px;
    margin-bottom: 30px;
    filter: grayscale(1);
}
input[type="text"], input[type="tel"], input[type="email"], textarea {
   background: #000;
   outline: none;
   border:1.8px solid #202020;
   padding: 14px 0px;
   color: #fff;
   width: 100%;
   text-indent: 14px;
   font-family:'montserrat';
}
input[type="button"], input[type="submit"] {
   outline: none;
   border: none;
   background: #FF3200;
   color: #fff;
   cursor: pointer;
   padding: 10px;
   color: #000;
   font-size: 16px;
   font-weight: 600;
   font-family:'montserrat';
       margin: auto;
    width: 100px;
    display: block;
}
.iletisim-right label {
   margin-bottom: 20px;
   display: block;
   width:100%;
}
.iletisim-right label:last-child {
   width: 100%;
}
.iletisim-right form {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.iletisim-right label:first-child, .iletisim-right label:nth-child(2), .iletisim-right label:nth-child(3), .iletisim-right label:nth-child(4) {
   width: 48%;
}
.iletisim-right label:nth-child(5), .iletisim-right label:nth-child(6){
   width: 100%;
}
@media screen and (max-width:900px) {
   .container {
      width: 94%;
   }
   header {
      height: 60px;
   }
   .header-menu {
      display: none;
      height: auto;
   }
   .header-menu-icon {
      display: block;
   }
   .header-menu-icon span {
      width: 30px;
      height: 2px;
      background: #fff;
      margin-bottom: 6px;
      display: block;
   }
   .header-menu-icon span:last-child {
      margin-bottom: 0px;
   }
   .logo {
      height: 60px;
    display: flex;
    align-items: center;
   }
   .header {
      height: 60px;
   }
   .logo img, .footer-left img, .iletisim-left img {
      width: 180px;
   }
   .header-menu-icon.active span:nth-child(2) {
      display: none;
   }
   .header-menu-icon.active span:first-child {
      transform: rotate(45deg);
      margin-bottom: -3.4px;
   }
   .header-menu-icon.active span:last-child {
      transform: rotate(-45deg);
      margin-top: -3.4px;
   }
   .header-menu.active {
              display: block;
        position: absolute;
        top: 60px;
        background: #fff;
        width: calc(104% - 4px);
        border: 1px solid #000;
        margin-left: -2%;   }
   .header-menu ul {
      flex-direction: column;
   }
   .header-menu ul li a {
      color: #000;
      border-bottom:1px solid #000;
      padding: 0px 10px;
      transition: .100s;
   }
   .header-menu ul li {
      margin: 0px;
   }
   .header-menu-blog {
      border: none;
    color: #000;
    margin: 0px;
    padding: 14px 10px;
    display: block;
    font-size: 14px;
   }
   .header-menu ul li ul {
      display: block;
    position: relative;
    top: inherit;
    border: none;
    border-bottom: 1px solid #000;
    text-indent: 20px;
   }
   .header-menu ul li a:hover, .header-menu-blog:hover {
      background: #000;
      color: #fff;
   }
   .home-slider h1 {
      font-size: 20px;
   }
   .portfolio-item h3 {
      font-size: 14px;
   }
   h2.custom-title, h1.custom-title {
      font-size: 22px;
          grid-template-rows: 14px 0;
              grid-gap: 8px;
    width: 96%;
    margin-left: 2%;
   }
   .portfolio {
          grid-template-columns: repeat(auto-fill, 50%);
   }
   .why-best-item {
      width: 100%;
      margin-bottom: 20px;
   }
   .why-best-item:last-child {
      margin-bottom: 0px;
   }
   .services {
      padding-bottom: 20px;
   }
   footer .container {
      flex-wrap: wrap;
   }
   .footer-left, .footer-right {
      width: 100%;
   }
   .footer-right {
      text-align: left;
              align-items: start;
   }
    .footer-left {
      margin-bottom: 50px;
    }
    p.custom-desc {
      font-size:13px;
      width: 90%;
      margin:20px auto;
    }
    .services-list h3, .blog-list h3 {
      font-size: 14px;
      padding:14px 0px;
    }
    .why-best-item h3 {
      font-size: 18px;
    }
    .services .container, .blog, .page .services {
      grid-template-columns: repeat(auto-fill, 48%);
    }
    .services-list, .blog-list {
      margin-bottom: 10px;
    }
    .footer-right a, .footer-right p {
      justify-content: left;
    }
    h2.custom-title:before, h1.custom-title:before, h2.custom-title:after, h1.custom-title:after {
      width: 70px;
    }
    h2.custom-title:before, h1.custom-title:before {
      margin-right: 10px;
    }
    h2.custom-title:after, h1.custom-title:after {
      margin-left: 10px;
    }
    .home-slider {
      margin-bottom: 40px;
    }
    footer {
      margin-top: 40px;
    }
    .page {
        padding-top:40px;
    }
    .iletisim, .page-2-con {
        flex-wrap:wrap-reverse;
    }
    .iletisim-left, .iletisim-right, .page-2-div {
        width:100%!important;
    }
    .iletisim-left {
        display:none;
    }
    .iletisim-right form p {
        font-size:11px;
    }
    .page-2-div:first-child {
        margin-top:40px;
    }
    .footer-right a {
        width:auto;
    }
}