/*
  Theme Name: Tattoo Designer
  Theme URI: https://www.theclassictemplates.com/themes/free-tattoo-wordpress-theme
  Author: classictemplate
  Author URI: https://www.theclassictemplates.com/
  Description: Tattoo Designer is a cool website design for tattoo artists, tattoo studios, tattoo shops and other related designing professionals. It is a modern wordpress theme with a clean and professional interface that is ideal for the body arts business or organisation. With each and every business growing digitally, your business should also grow by having your own professional tattoo designing website where you can showcase your tattoos, designs, arts, portfolios and other services in a most effective way to attract more visitors and customers. It is a fully optimized, responsive and lightweight website theme that provides a great user experience to the visitors. It is also made user friendly so that you can create your personalized tattoo designing website on your own. With the customization features available with this theme, you can modify your website and create a professional tattoo website exactly the way you want. This theme uses the Bootstrap Framework that makes it SEO friendly that helps you attract more visitors by showing your website in the top results of search engines. Also it makes it a cross browser compatible website so that your visitors can browse through your website seamlessly across different browsers and devices.
  Version: 0.1
  Tested up to: 6.0
  Requires PHP: 7.2
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: tattoo-designer
  Tags: blog, e-commerce, photography, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options

  This theme, like WordPress, is licensed under the GPL.
  Use it to make something cool, have fun, and share what you've learned with others.

  Tattoo Designer WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
  Tattoo Designer WordPress Theme is released under the terms of GNU GPL
  */

  *{
    margin:0;
    padding:0;
    outline:none;
  }
  body{
    margin:0;
    padding:0;
    font-size:15px;
    color: #8c8c8c;
    font-family: 'Poppins', sans-serif;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }
  img{
    border:none;
    margin:0;
    padding:0;
    height:auto;
    max-width:100%;
  }
  a{
    color: #262626;
  }
  a:hover{
    color:#333;
    text-decoration:none;
  }
  ol,ul{
    margin:0;
    padding:0;
  }
  .wp-caption,
  .wp-caption-text,
  .sticky,
  .gallery-caption,
  .aligncenter{
    margin:0;
    padding:0;
    max-width:100% !important;
  }
  .sticky{
    background: #ededed;
  }
  .futaw ol li,
  .futaw ul li{
    margin-left:15px;
  }
  ul li ul,
  ul li ul li ul,
  ol li ol, ol li ol li ol{
    margin-left:10px;
  }
  h1,h2,h3,h4,h5,h6{
    color:#1b1b1b;
    line-height:1.1;
    font-weight:bold;
  }
  h1{
    font-size:32px;
  }
  h2{
    font-size:30px;
  }
  h3{
    font-size:24px;
  }
  h4{
    font-size:20px;
  }
  h5{
    font-size:18px;
  }
  h6{
    font-size:14px;
  }
  .fujyli{
    clear:both;
  }
  .alignnone{
    width:100% !important;
  }
  img.alignleft, .alignleft{
    float:left;
    margin:0 15px 0 0;
    padding:5px;
    border:1px solid #cccccc;
  }
  img.alignright, .alignright{
    float:right;
    margin:0 0 0 15px;
    padding:5px;
    border:1px solid #cccccc;
  }
  .left{
    float:left;
  }
  .right{
    float:right;
  }
  #comment-nav-above .fecaf-previous,
  #comment-nav-below .fecaf-previous{
    float:none !important;
    margin:10px 0;
  }
  ol.comment-list li{
    list-style:none;
    margin-bottom:5px;
  }
  /* Text meant only for screen readers. */
  .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;
    width: 1px;
    word-wrap: normal !important;
  }
  .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
  }
  a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.vuju button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus,.main-nav a:focus,.main-nav ul ul a:focus{
  	outline: -webkit-focus-ring-color auto 1px;
  }
  .textwidget p a,.futaw a,.hidam p a,ol.comment-list p a {
    text-decoration: underline;
  }

  /* = wide block css
  -------------------------------------- */
  .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
  }
  .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
  }
  .alignfull img {
    width: 100vw;
  }

div#sybah .wp-block-search__label {
  width: 50%;
    padding: 8px 42px 8px 17px;
    font-size: 19px;
    border-radius: 44px;
    color: #000;
    background: #ffcb00;
}
div#sybah .wp-block-search__inside-wrapper {
    padding-top: 20px;
}
div#sybah h2 {
    padding: 8px 42px 8px 17px;
    font-size: 19px;
    border-radius: 44px;
    color: #000;
    background: #ffcb00;
}
div#sybah h2:after {
    left: 17px;
    top: 35px;
    height: 3px;
    content: "";
    width: 40px;
    position: absolute;
    background-color: #ea1e00;
}
  /* = pre loader css
  -------------------------------------- */
  #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
  }
  #status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
  }

  /* = top header css
  -------------------------------------- */
  h1.jevyqo{
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
  }
  h1.jevyqo a{
    color: #fff;
    font-weight: bold;
  }
  h1.jevyqo a:hover {
    text-decoration: unset;
  }
  span.site-description{
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
  .cupov h2 a:hover,#sybah ul li a:hover{
    color: #262626;
  }
  .center-align{
    align-self: center;
  }
  .kygy-icons {
    text-align: right;
  }
  .kygy-icons i {
    color: #222;
    font-size: 20px;
  }
  .pikuqoq{
    color: #fff;
    clear: both;
    padding: 12em 0 4em;
    background: none;
    position: relative;
    z-index: 1;
  }
  .pikuqoq:after{
    content: "";
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.6;
  }
  .page-header {
    position: relative;
    z-index: 999;
    margin-bottom: 6%;

  }
  .page-header h1{
    color: #000;
    margin-bottom: 10px;
    margin-top: 120px;
    font-family: 'cinzel_decorativeblack';
    font-size: 40px;
  }
  .page-header span,.page-header span a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }

  /* = header css
  -------------------------------------- */

  .header {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 9999;
    padding: 0;
  }
  /*.header {
    background: #262626;
    padding-bottom: 15px;
  }*/
  .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
    background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
    color: #fff;
    padding: 10px 25px;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
  }
  .woocommerce ul.products li.product .button:hover,
  .woocommerce #respond input#submit.alt:hover,
  .woocommerce a.button.alt:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover,
  .woocommerce a.button:hover,
  .woocommerce button.button:hover,
  #commentform input#submit:hover {
    background: #262626;
    color: #fff;
  }

  /* = menus css
  -------------------------------------- */
  #soj {
    display: inline;
        text-align: right;
  }
  .main-nav ul{
    margin: 0;
    padding: 0;
    /*display: flex;*/
    justify-content: space-between !important;
  }
  .main-nav li{
    display: inline-block;
    position: relative;
    margin-left: 30px;
  }
  .main-nav a {
    text-decoration: none !important;
     font-weight: 600 !important;
    font-size: 17px !important;
    color: #112b3c;
  }
  .main-nav a:hover{
      color: #ffcb00;
  }

  .main-nav ul ul{
    display: none;
    position: absolute;
    background: #000000a1;
    min-width: 250px;
    z-index: 9999;
    line-height: 30px;
    margin: 0;
    top: 46px;
  }
  .main-nav ul ul ul{
    left: 100%;
    top: 0%;
  }
  .main-nav ul ul a{
    color: #fff ;
    border: none;
    padding: 5px 10px;
    transition: all 0.3s ease;
  }
  .main-nav ul ul li:hover a{
    color: #ffcb00;
    letter-spacing: 1px;
  }
  .main-nav ul ul li{
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
    border-bottom: solid 1px #262626;
  }
  .main-nav ul ul li:hover{
    background: #fff;
    color: #000;
  }
  .main-nav ul li:hover > ul{
    display: block;
  }
  .main-nav .menu > ul > li.highlight:hover{
    background: transparent;
  }
  .sf-arrows ul .sf-with-ul:after{
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #888;
  }
  .sf-arrows ul li > .sf-with-ul:focus:after,
  .sf-arrows ul li:hover > .sf-with-ul:after,
  .sf-arrows ul .sfHover > .sf-with-ul:after{
    border-left-color: #333;
  }
  .vuju, a.close-button{
    display: none;
  }
  #hiqyba{
    z-index: 10;
        height: 65%;
      overflow: hidden;
  }
  #hiqyba .fopyz h1 a {
      position: relative;
      color: #000 !important;
      top: 6%;
      padding-left: 2em;
    }
  #hiqyba p.fopyz {
      position: relative;
      color: #000 !important;
      padding-left: 4em;
  }
  #hiqyba img.custom-logo {
      position: absolute;
      left: 26%;
      top: 4%;
  }

  #slider .button-slider {
    color: #112b3c;
    background-color: #ffcb00;
  }

  header#hiqyba a.contactus:hover{
    color: #fff;
    background: #000;
  }
  /* = slider section css
  -------------------------------------- */

  #slider{
    z-index: 1;
  }
  #slider .content{
    width: 100%;
    height: 720px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #slider .title-slider{
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
  }
  #slider .button-slider{
    border-radius: 25px;
        transition: 0.3s;
  }
  #slider a.button-slider.redmor.btn:hover{
     color: #112b3c;
     background: #fff !important;
     letter-spacing: 1px;
  }

  #slider .overlayer {
      height: 100%;
      width: 55%;
      background-color: #000;
      opacity: 0.8;
      position: absolute;
      top: 15%;
      right: 0;
      border-radius: 110px 0 0 0;
  }
  .slider-content {
      position: absolute;
      margin-top: 6%;
      left: 64%;
      width: 485px;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 1;
      z-index: 99;
  }
  #slider img.slider-image-s {
      width: 26%;
      top: 33%;
      height: 52%;
      border-radius: 50%;
      position: absolute;
      left: 34%;
      border: 2px solid;
      z-index: 1;
          box-shadow: 5px 10px 40px 5px rgb(0 0 0 / 50%);
  }
  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%, 20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }
  #slider .owl-nav {
      background: none;
      position: absolute;
      left: 45%;
      bottom: 4px;
          display: block;
  }
  #slider button.owl-prev {
      position: relative;
      font-size: 38px;
      width: 74px;
      color: #000;
      margin-right: 16px;
      background: #fff;
      border: none;
      border-radius: 18px 0 0 0;
  }
  #slider button.owl-prev:hover{
    border: 1px solid #000;
    background: #ffcb00;
    color: #fc0707;
  }
  #slider button.owl-next {
      position: relative;
      font-size: 38px;
      width: 74px;
      color: #000;
      background: #ffcb00;
      border: none;
      border-radius: 0px 18px 0 0;
  }
  #slider button.owl-next:hover{
    border: 1px solid #000;
    background: #fff;
    color: #fc0707;
  }
  /* = Services css
  -------------------------------------- */

  #service .section-title{
    font-family: "Poppins";
  }
  #service .services-box{
    height: 420px;
    width: 100%;
    background-image: url('/image/services.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.7s;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 75%) 15px -98px 65px -30px inset;
  }
  #service .services-box img {
      width: 100%;
  }
  #service .services-box:hover{
     opacity: 0.8;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      background: #000;
   }
  #service .colume-row{
    transition: 0.7s;
    padding: 0 3px;
    margin: 13px 0px;
  }
  #service .services-box h4{
    text-align: left;
    margin: 0;
    transition: 0.5s;
        bottom: 2%;
      position: absolute;
      transition: 0.7s;
      left: 18px;
  }
  #service .services-box:hover h4{
    bottom: 30%;
  }
  #service .services-box:hover i.fa.fa-angle-double-right{
    bottom: 33%;
    right: 20%;
  }

  #service .services-box p{
    color: transparent;
  }
  #service .services-box:hover p{
    color: #fff;
  }
  #service .services-box i.fa.fa-angle-double-right {
      bottom: 5%;
      position: absolute;
      right: 24px;
      color: #fff;
      font-size: 30px;
      transition: 0.7s;
  }
  #service .services-box .content{
      width: 100%;
      height: auto;
      position: relative;
  }

  /* blog */

  #blog .section-title{
    font-family: 'cinzel_decorativebold';
  }
  #blog .wamolyb-image{
    width: 100%;
    height: 356px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #blog .wamolyb-content{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 35px 18px;
        background: #f6f6f6 !important;
  }
  #blog .wamolyb-title{
  font-size: 22px;
  color: #112b3c;
  font-weight: 500 !important;
  font-family: "Poppins";
  margin-bottom: 18px;
  line-height: normal;
  }
  #blog .wamolyb-description{
    font-size: 18px;
  color: #767879;
  font-weight: 400;
  font-family: "Poppins";
  }
  #blog .colume-row {
    padding: 0 35px;
    margin: 35px 0;
  }
  #blog .comment{
      margin-right: 50px;
  }
  #blog .wamolyb-content a {
      color: #000 !important;
      text-decoration: none;
      border-radius: 24px;
      background-color: #ffcb00;
      padding: 9px 21px;
      font-size: 18px;
      line-height: 65px;
      color: #112b3c;
      font-weight: 500 !important;
      transition: 0.3s;
  }
  #blog .wamolyb-content a:hover{
    letter-spacing: 1px;
  }
  /* Footer */
  #terel{
    padding: 7em 0 3em;
  }
  #terel h2{
    color: #fff;
  } 
  #terel ul li a{
    color: #fff;
  } 
  #terel .hozaby{
    color: #fff;
  }
  #terel aside.hozaby .textwidget p {
    font-size: 16px;
    color: #c9c9c9ed;
    font-weight: 400;
  }
  #terel .menu-item{
    margin: 10px 0;
  }
  #terel .menu-item a {
    color: #c9c9c9ed !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
  }
  #terel .menu-item a::before{
    content: "\f005";
      font-family: 'Fontawesome';
      font-size: 11px;
    color:#fff;
    margin-right: 10px;
  }



  /* = Page lay out css
  -------------------------------------- */
  .vehun input.sybi,
  .vehun input.jytaja {
    padding: 15px 10px;
  }
  .sacy{
    padding:25px 0;
    clear: both;
  }
  .sacy p{
    margin-bottom:20px;
  }
  .cupov, #sybah aside.hozaby{
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 30px 0;
    border: 1px solid #000;
  }
  .cupov h2 a{
    color: #262626;
  }
  .single_title{
    margin-bottom: 15px;
    font-size: 20px;
  }
  .mirawyl-thumb{
    margin:0 0 15px 0;
  }
  .fecaf-links .page-numbers{
    padding:5px 10px;
    color:#111;
  }

  /* = sidebar
  ---------------------------------------------- */
  label{
    margin-bottom: 0;
  }
  aside.hozaby ul{
    list-style:none;
  }
  h3.hozaby-title{
  }

  #sybah ul li{
    border-bottom:1px dashed #d0cfcf;
    padding:8px 0;
  }
  #sybah ul li a{
    color:#6c6c6c;
    display:inline-block;
  }
  #sybah ul li:last-child{
    border:none;
  }
  #sybah.left{
    float:left;
  }
  #sybah table{
    width:100%;
    text-align:center;
  }
  #calendar_wrap caption{
    font-weight:700;
    padding-bottom:10px;
    text-transform:uppercase;
  }
  #sybah select {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: solid 2px #262626;
  }
  #sybah input[type="text"],
  #sybah input[type="search"],
  #terel input[type="search"]{
    border: solid 2px #262626;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  #sybah input.jytaja,
  form.woocommerce-product-search button {
    padding: 10px;
    width: 100%;
    border:none;
    background: #262626;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
  }
  #recentcomments li{
    background-image:none !important;
  }
  #recentcomments li a{
    padding-left:0px !important;
  }
  .textwidget select,table{
    width:100%;
  }
  #sybah .tagcloud a {
    border: solid 2px #262626;
    font-size: 12px !important;
    margin: 2px 0;
    display: inline-block;
    color: #262626;
    padding: 5px;
  }

  /* = Footer css
  ------------------------------------------- */
  #terel input.jytaja {
    background: #019ee2;
    color: #262626;
    border: none;
    padding: 10px;
  }
  #terel{
    background-color: #112b3c;
    color: #ffffff;
  }
  #terel h3.hozaby-title {
      font-size: 20px;
      line-height: 26px;
      color: #fefefe;
      font-weight: 500 !important;
  }
  aside#text-3 {
      margin-top: 2em;
  }
  .ftr-4-box h3,.ftr-4-box h2{
  	font-size:25px;
  	color:#fff;
  	margin-bottom:25px;
  	border-bottom:1px solid #303030;
  	padding: 15px 0;
  }
  .ftr-4-box ul{
  	margin:0;
  	padding:0;
  	list-style:inside disc;
  }
  .ftr-4-box ul li {
  	display:block;
  	padding:6px 0;
  }
  .ftr-4-box ul li a,.ftr-4-box a {
  	color:#ffffff;
  }
  .ftr-4-box a:hover{
    color: #019ee2;
  }
  .ftr-4-box p{
  	margin-bottom:15px;
  }
  #terel select{
    height: auto;
  }
  .qyvy {
   border-top: 1px solid #ffffff6b;
    color: #fff;
    font-size: 18px;
    padding: 31px 0;
  }
  .qyvy a{
    color: #d4d4d4;
    text-decoration: none;
    font-weight: 300;
  }
  .qyvy a:hover {
      color: #ec7a00;
  }

/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
    #hiqyba .sezeko {
      background: #fff;
    }
    #hiqyba {
      height: 100%;
    }
    .page-template-template-home-page .header{
      position: static !important;
      background: #262626 !important;
    }
    header#hiqyba i.fa.fa-envelope {
      font-size: 16px;
    }
    header#hiqyba i.fa.fa-phone {
        font-size: 16px;
    }
    #hiqyba p.fopyz {
        font-size: 12px !important;
        top: 18%;
    }
    #hiqyba .fopyz h1 a {
        top: 50%;
        font-size: 16px;
        padding-left: 107px;
    }
    header#hiqyba .kygy {
         padding-top: 8px;
         font-size: 16px;
         text-align: center;
    }
    .kygy-icons{
      text-align: center;
    }
    .slider-box h3 {
      font-size: 20px;
    }
    .slider-box {
      right: 10%;
      left: 10%;
      text-align: center;
    }
    h1.jevyqo{
      font-size: 28px;
    }
    .xizy{
      display: none;
    }
    .gazowuq{
      display: none;
    }
    .vuju button{
      float: right;
    padding: 0 !important;
    margin-right: 19px;
  }
   #hiqyba img.custom-logo {
      left: 41%;
      top: 1%;
      width: 16%;
      animation: none;
  }
  #slider img.slider-image-s{
    display: none;
  }
  #slider .owl-stage {
      height: 450px;
  }
  #slider .item {
      width: 100%;
      height: 530px;
  }
  #slider .content {
      height: 100%;
      }
  #slider .overlayer {
      width: 100%;
      opacity: 0.5;
      top: 0;
    }
    #slider .title-slider {
      font-size: 25px;
  }
  #slider .slider-content {
      margin-top: 33%;
      left: 0;
      width: 100%;
      padding: 10px;
    }
    #slider .owl-carousel .owl-stage-outer {
      height: 534px;
  }
  #slider .owl-nav{
    left: 25%;
  }
  #slider button.owl-prev{
    font-size: 25px;
  }
  #slider button.owl-next{
    font-size: 25px;
  }
  #slider .redmor {
      font-size: 14px !important;
  }

  #terel{
    padding: 0;
  }
  }

  /* Mobile Portrait View */
  @media screen and (max-width: 767px) {
    .wpcf7 input[type="text"],
    .wpcf7 input[type="tel"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
      width: 100%;
    }
    .slide-btn{
      display: none;
    }
    .page-header h1{
      text-align: center;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 992px){
header#hiqyba p {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}
header#hiqyba a.contactus {
    display: none;
}
  }


  @media screen and (min-width: 375px) and (max-width: 425px){
    #hiqyba .fopyz h1 a {
      padding-left: 9em !important;
    }
  }

  @media screen and (min-width: 424px) and (max-width: 520px){
    #hiqyba .fopyz h1 a {
      padding-left: 10em !important;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px){
    #hiqyba .fopyz h1 a {
      padding-left: 20px !important;
    }
    #hiqyba img.custom-logo {
      left: 22%;
    }
  }


  @media screen and (min-width: 320px) and (max-width: 1025px){
    #hiqyba .fopyz h1 a {
      padding-left: 7em;
    }
    #hiqyba p.fopyz {
        padding-left: 1em;
    }
  }
@media screen and (min-width: 1024x) and (max-width: 1025px){
#hiqyba p.fopyz {
    padding-left: 4em !important;
}
}

  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-box h3 {
      font-size: 25px;
    }
    .page-template-template-home-page .header{
      position: static !important;
      background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
    }
    .slider-box {
      left: 10%;
      right: 35%;
    }
    .xizy{
    left: -269px;
    }
    .gazowuq{
    left: -269px;
    }
    #hiqyba img.custom-logo {
    left: 12%;
}
#hiqyba .fopyz h1 a {
    font-size: 21px;
}
header#hiqyba .hyfahim{
  padding: 0;
}
header#hiqyba i.fab {
    font-size: 15px;
    margin: 0;
}
  }

  @media screen and (max-width: 1000px) {
    #soj nav#site-navigation {
      background: transparent;
      text-align: left;
    }
    .vuju button {
      font-weight: bold;
      background: #fff;
      border: none;
      color: #262626;
      font-size: 15px;
      padding: 16px;
      line-height: 1;
    }
    .xybyv {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 99999;
      left: 0;
      top: -110%;
      overflow-x: hidden;
      transition: 0.5s top ease-in-out;
      overflow-y: scroll;
      background: #262626;
      opacity: 0.9;
      visibility: hidden;
    }
    body.show-main-menu .xybyv {
      visibility: visible;
      top: 0;
      transition: 0.5s top ease-in-out;
    }
    .xybyv .close-button {
      font-size: 36px;
      display: block !important;
      color: #fff;
    }
    .xybyv #site-navigation {
      width: 100%;
    }
    .vuju span {
      font-size: 30px;
      cursor: pointer;
      text-align: right;
    }
    .main-nav ul ul li,
    .menubar .fecaf ul li,
    .vuju {
      display: block;
    }
    .main-nav ul li a {
      padding: 8px;
      text-decoration: none;
      font-size: 15px;
      color: #fff;
      display: block;
      float: none;
      margin: 5px 0;
      border-right: none;
    }
    .main-nav ul li ul li a:before {
      content: "\00BB \00a0";
    }
    .main-nav ul.sub-menu a:hover {
      padding-left: 20px !important;
    }
    .main-nav ul ul {
      position: static;
      width: 100%;
      background: transparent;
      border-top-width: 0px;
      border-bottom-width: 0px;
      box-shadow: none;
    }
    .main-nav ul ul a {
      border-bottom: none;
      padding-left: 40px;
    }
    .main-nav ul ul ul.sub-menu a {
      padding-left: 40px;
    }
    .main-nav li {
      padding: 0 15px;
      display: block;
      border-bottom: solid 1px #565656;
    }
    .main-nav ul li:last-child {
      border-bottom: 1px #565656 solid;
    }
    .main-header-box {
      padding-bottom: 15px;
    }
    .main-menu {
      padding: 0em;
      background: transparent;
    }
    .main-nav ul.sub-menu > li > a:before {
      content: unset;
    }
    .main-nav ul.sub-menu > li > a:hover:before {
      opacity: 0;
      left: 0px;
      width: 0px;
    }
  }

    @media screen and (min-width: 1024px) and (max-width: 1200px) {
      .slider-box {
        right: 30%;
      }
      .gazowuq {
    left: -166px;
}
.xizy {
    left: -156px;
}
    header#hiqyba .furug {
     margin-right: 0; 
}
    }